/*****************globals*************/
body {
font-family: 'Lato', sans-serif;  overflow-x: hidden;
font-size:18px;
background: linear-gradient(0deg,#76EAFE, #0C77EB);
    min-height: 100vh;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
 }

img {
  max-width: 100%; }

.preview {
    min-height: 500px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column; }
  @media screen and (max-width: 996px) {
    .preview {
      margin-bottom: 20px; } }

.preview-pic {
border: 1px solid #efe7e7;
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
      -ms-flex-positive: 1;
          flex-grow: 1; }

.preview-thumbnail.nav-tabs {
  border: none;
  margin-top: 15px; }
  .preview-thumbnail.nav-tabs li {
    width: 17%;
    margin-right: 2.5%; }
    .preview-thumbnail.nav-tabs li img {
      max-width: 100%;
      display: block;
      cursor:pointer;
      
          border: 1px solid #ececec;
              height: 90px;
    object-fit: contain;
       }
    .preview-thumbnail.nav-tabs li a {
      padding: 0;
      margin: 0; }
    .preview-thumbnail.nav-tabs li:last-of-type {
      margin-right: 0; }

.tab-content {
  overflow: hidden; }
  .tab-content img {
    width: 100%;
    -webkit-animation-name: opacity;
            animation-name: opacity;
    -webkit-animation-duration: .3s;
            animation-duration: .3s; }

.card {
  margin-top: 50px;
  background: #fff;
	border-radius:30px;
  padding: 3em;
      line-height: 1.9em;
} 

@media screen and (min-width: 997px) {
  .wrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex; } }

.details {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column; }

.colors {
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
      -ms-flex-positive: 1;
          flex-grow: 1; }

.product-title, .price, .sizes, .colors {
   
    padding-right: 10px;
    font-weight: 500;
    text-transform: capitalize;
    font-size: 20px;

  }

.checked, .price span {
  color: #0C77EB; }

.product-title, .rating, .product-description, .price, .vote, .sizes {
  margin-bottom: 15px; }

.product-title {
  margin-top: 0; }

.size {
  margin-right: 10px; }
  .size:first-of-type {
    margin-left: 40px; }

.color {
  display: inline-block;
  vertical-align: middle;
  margin-right: 10px;
  height: 2em;
  width: 2em;
  border-radius: 2px; }
  .color:first-of-type {
    margin-left: 20px; }

.add-to-cart, .like {
  background: #ff9f1a;
  padding: 1.2em 1.5em;
  border: none;
  text-transform: UPPERCASE;
  font-weight: bold;
  color: #fff;
  -webkit-transition: background .3s ease;
          transition: background .3s ease; }
  .add-to-cart:hover, .like:hover {
    background: #b36800;
    color: #fff; }

.not-available {
  text-align: center;
  line-height: 2em; }
  .not-available:before {
    font-family: fontawesome;
    content: "\f00d";
    color: #fff; }

.orange {
  background: #ff9f1a; }

.green {
  background: #85ad00; }

.blue {
  background: #0076ad; }

.tooltip-inner {
  padding: 1.3em; }

@-webkit-keyframes opacity {
  0% {
    opacity: 0;
    -webkit-transform: scale(3);
            transform: scale(3); }
  100% {
    opacity: 1;
    -webkit-transform: scale(1);
            transform: scale(1); } }

@keyframes opacity {
  0% {
    opacity: 0;
    -webkit-transform: scale(3);
            transform: scale(3); }
  100% {
    opacity: 1;
    -webkit-transform: scale(1);
            transform: scale(1); } }

/*# sourceMappingURL=style.css.map */

.text-white{
/*
	color:#ffffff !important;
*/
}
	 .btn-primary {
		 background: #0C77EB !important;
		 background-color: #0C77EB !important;
		 border-color: #0C77EB !important;
		 width:50%;
	 }
	 label{
		font-weight: 500;
	 }


.add-to-cart-btn{
  background: #0C77EB;
                           border-color: #0C77EB;
                           color: #fff;
                           width: 122px;
}


.ride-line {
    position: relative;
    text-align: center;
    margin-top: 20px;
    margin-bottom: 32px;
}


span.select2-search.select2-search--dropdown::before {
    content: "Select a country";
    text-align: center;
    font-size: 15px;
    display: flex;
    justify-content: center;
    margin: 3% 0px;
    -webkit-text-size-adjust: 100%;
}
span.select2-dropdown.select2-dropdown--below, span.select2-dropdown.select2-dropdown--above {
    width: 100% !important;
    border-radius: 8px !important;
    box-shadow: 0px 4px 12px #c50bba36;
}
.select2-container {
    width: 28% !important;
    font-size: 15px;
    -webkit-text-size-adjust: 100%;
     top: 2px;
}
.select2-container .select2-selection--single .select2-selection__rendered:focus,.selection:focus,.selection::focus{
	  outline:none !important; 
}
span.selection:focus,span.selection,.select2-container,.select2-container:focus,span:focus {
	    outline: none !important;
}
.flag-icon-squared{
	margin-right: 8px;
	}
.select2-container .select2-selection--single{
	display:inline-block !important;
	 border: 0px solid #aaa !important;
}
.flag-text{
	padding:0px 10px !important;
}
@media screen and (max-width: 768px) {
	.select2-container {
		width: 60% !important;
	}
	.card{
	 padding:12px !important;
	}
}
.select2-container--default .select2-results__option--highlighted {
    background-color: #c3c3c347 !imporatnt;
     color: unset !important; 
}
.country-st{
	color: #8c8b8b !important;
}
.select2-container--default .select2-results__option--highlighted[aria-selected] {
    background-color: #e4e7ea !important;
}
html{
    min-height: 100vh;	
}
input.select2-search__field {
    background-image: url(https://corporate.staytouch.com/assets/icon_search.svg);
    background-position: 25px center;
    background-repeat: no-repeat;
    text-indent: 45px;
    background-size: 15px;
    outline: none;
}
.preview-pic{
/*
	background-image: url(https://catalog.staytouch.com/assets/product.png);
*/
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}


#loadingmsg {
	position: fixed;
	z-index: 1060;
	margin-bottom: -25%;
	top:25%;
	  width: 160px;
	  left: calc(50% - 80px);
}
#loadingover {
  background: black;
	z-index: 1060;
	width: 100%;
	height: 100%;
	position: fixed;
	top: 0;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
	filter: alpha(opacity=80);
	-moz-opacity: 0.8;
	-khtml-opacity: 0.8;
	opacity: 0.9;
}



.tab-content>.active{
    background: #fff;
    height: 100%;

}

.text-gray{
	color: gray;
}

.tab-pane.active{
	max-height:500px;
	object-fit:contain;
}