.select2-container--default.select2-container--focus .select2-selection--multiple, .select2-container--default .select2-selection--multiple {
    box-shadow: 0px 2px 5px rgba(204, 204, 204, 0.4) inset;
    border-radius: 3px;
    border: 1px solid #D4D4D4;
}
.select2-container--default .select2-selection--multiple .select2-selection__rendered {
  padding: 0px 10px;
}
.h1, .h2, .h3, .h4, h1, h2, h3, h4 {
  line-height: 1.3;
}
.h5, .h6, h5, h6 {
  line-height: 1.5;
}
.btn{
  cursor:pointer;
}
a.btn:focus, a.btn:hover {
    color: #fff;
}
html {
  background-color: #EDF0F5;
  font-family: "Open Sans",sans-serif;
}
body {
  font-family: "Open Sans",sans-serif;
  font-size: 14px;
  /* padding-top: 95px; disable fluid height */
  color: #333;
  background-color: #f5f5f5;
}
a {
   outline: 0;
}
a {
    color: #4575B7;
    text-decoration: none;
}
a:hover, a:focus {
   text-decoration: none;
}
/* @media (max-width:991px){
  body {
    padding-top: 70px;
  }
} disable fluid height*/
.page-content{
  min-height: 400px;
  margin-top:10px;
}
.product-show .page-content{
  margin-top:0px;
}
.form-control {
    font-size: 0.85rem;
}
textarea.form-control, input[type="text"], input[type="password"], input[type="email"], input[type="tel"] {
    box-shadow: 0px 2px 5px rgba(204, 204, 204, 0.4) inset;
    border-radius: 3px;
    border: 1px solid #D4D4D4;
}
::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: rgba(153, 154, 155, 1) !important;
}
::-moz-placeholder { /* Firefox 19+ */
  color: rgba(153, 154, 155, 1) !important;
}
:-ms-input-placeholder { /* IE 10+ */
  color: rgba(153, 154, 155, 1) !important;
}
:-moz-placeholder { /* Firefox 18- */
  color: rgba(153, 154, 155, 1) !important;
}
.abc-checkbox label{
  line-height: 1.3;
}
.g-recaptcha > div {
    margin: 0px auto;
}
/********************************* FOOTER STYLE *************************************/
.footer {
  padding-top: 20px;
  border-top: 1px solid rgba(214, 216, 219, 1);
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0.1) 0%, rgba(255, 255, 255, 0) 100%) repeat scroll 0% 0% #EDF0F5;
  color: #4D4D4D;
}
.footer a{
  color:#415673;
}
.footer .list-inline-item:not(:last-child) {
    margin-right: 10px;
}
.footer a:hover{
  text-decoration: none;
}
.footer{
  line-height: 1.8;
}
/********************************* END FOOTER STYLE *************************************/

/* Override the path to flags.png in your CSS for https://github.com/jackocnr/intl-tel-input */
.iti-flag {background-image: url("/images/flags.png");}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
  .iti-flag {background-image: url("/images/flags@2x.png");}
}
.intl-tel-input{
  width: 100%;
}
.error-phone{
  color: #D9534F !important;
  /*background-color: #F2DEDE !important;*/
  border: 1px solid #D9534F !important;
}
.phone-error{
  color: #D9534F;
  display: none;
  font-size: 0.9em;
  line-height: 0.9em;
}
/********************************************** END INPUT TEL ****************************************************/
.hide {
    display: none !important;
}
#captcha-required{
  color: #B94A48;
  text-align: center;
  display: none;
  font-size: 0.9em;
  line-height: 0.9em;
}
.parsley-errors-list{
  margin-top: 5px;
}
.parsley-errors-list li{
    color: #B94A48;
}

/* LOGIN, REGISTER PAGE */
.bordered-container{
  padding: 15px;
  margin-bottom: 20px;
  box-shadow: 0px 0px 2px #CCC;
  background: #fff;
}
.social .btn {
    line-height: 22px;
    text-transform: uppercase;
    font-size: 14px;
    padding-top: 10px;
    padding-bottom: 10px;
}
.social .btn-primary {
    color: #FFF;
    background-color: #337AB7;
    border-color: #2E6DA4;
}
.social-info {
    margin: 4px 0px;
    color: #999;
}
.login-or {
    position: relative;
    font-size: 18px;
    color: #AAA;
    margin-top: 20px;
    margin-bottom: 10px;
    padding-top: 20px;
    padding-bottom: 10px;
}
.hr-or {
    background-color: #CDCDCD;
    height: 1px;
    margin-top: 0px !important;
    margin-bottom: 0px !important;
}
.span-or {
    display: block;
    position: absolute;
    left: 50%;
    top: 6px;
    margin-left: -25px;
    background-color: #FFF;
    width: 50px;
    text-align: center;
}
.login-or hr {
    border-color: #EEE -moz-use-text-color -moz-use-text-color;
}

/************************************ MENU TOP START *********************************************/
@media (min-width: 1200px) { /* make container for menu wider on wide screen */
  .navbar .container{
    max-width: 1440px;
  }
}
.navbar-bg{
    background-color: #415673 !important;
}
.navbar {
    padding: 0.5rem 0.7rem;
}
.navbar-toggler-right {
    right: 0.2rem;
}
@media (max-width:992px){
  .fixed-top .container {
      width: 100%;
  }
}
.navbar-toggler{
    background-color: #415673 !important;
    border: 1px solid #98B1C6;
}
nav.navbar.shrink {
  background-color: #415673 !important;
  height: 60px;
}

/* nav.navbar{
   // Animation
   -webkit-transition: all 0.4s ease;
   transition: all 0.4s ease;
} disale fluid height */
nav.navbar a{
    color:#fff;
}
nav.navbar #nav-logo img{
    /* height: 60px; */
    height: 35px;
}

/* menu for phone */
@media (max-width:991px){
    nav.navbar{
        background-color:#415673;
    }
    nav.navbar #nav-logo img{
        height: 35px;
    }
}

/* menu for small phone */
@media (max-width:575px){
    .navbar-brand {
      font-size: 1rem;
    }
    nav.navbar #nav-logo img{
        height: 30px;
    }
    .site-title {
      font-size: 1rem !important;
    }
    .site-desc-title {
      font-size: 0.75rem !important;
    }
    .navbar-toggler {
      padding: 0.15rem 0.45rem;
    }
}

.navbar-collapse .dropdown-menu {
    background: none repeat scroll 0% 0% rgba(108, 130, 161, 1);
}
a.nav-link{
    padding:8px 10px !important;
}
.dropdown-item:hover,
.dropdown-item:active {
    color:#fff;
    background-color: rgba(94, 117, 150, 1);
}
@media (max-width:991px){
  #navbarCollapse{
    margin-left: -10px;
    margin-right: -10px;
  }
  #navbarCollapse a{
    padding-left:10px;
    padding-right:10px;
  }
  #navbarCollapse .dropdown-menu{
    margin:0px;
    padding:0px;
    border-radius:0px;
    border:0px;
  }
}
#nav-logo {
  /* margin-right:20px; */
  margin-right:20px;
}
.language-selector{
    text-transform: uppercase;
}
.language-selector .dropdown-menu {
    min-width: 0px;
}
.language-selector .dropdown-menu {
    min-width: 0px;
}
.language-selector .dropdown-menu a{
    padding: 3px 1rem;
}
.language-selector .dropdown-menu a{
    padding: 3px 1rem;
}
.top-menu-button{
    background: #609EB9;
    color:#fff !important;
    margin: 0px 10px;
}
@media (max-width:991px){
     .top-menu-button{
        background: #fff;
        color:#415673 !important;
        margin: 4px 10px;
    }   
}

@media (max-width:991px){
    #navbarCollapse .navbar-nav{
        text-align: center;
    }
    #navbarCollapse .navbar-nav .dropdown-item{
        text-align: center;
    }
	#navbarCollapse .navbar-nav li:hover {
		background: none repeat scroll 0% 0% rgba(108, 130, 161, 1);
		-webkit-transition: all 1s ease;
		-moz-transition: all 1s ease;
		-o-transition: all 1s ease;
		-ms-transition: all 1s ease;
		transition: all 1s ease;
	}
	#navbarCollapse .navbar-nav li{
		border-bottom: 1px solid rgb(162, 168, 177);
	}
}
.dropdown-item.active, .dropdown-item:active {
    background-color: #415673;
}
.dropdown-item {
    padding: 5px 1.5rem;
}
.dropdown-menu {
    font-size: 14px;
}
/****************************************** MENU TOP END ***************************************************/

/******************************************** USER PROFILE *************************************************/
.profile-image{
  background: none repeat scroll 0% 0% #fff;
  padding: 5px;
  box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.15);
  border-radius: 3px;
  border: 1px solid #E1E1E1;
}

.profile-image img{
  max-width: 200px;
  max-height: 200px;
  float: none;
  margin: 0px auto;
  width: 100%;
  height: 100%;
}
.user-menu .list-group-item:first-child {
  border-top-right-radius: 0rem;
  border-top-left-radius: 0rem;
}
.user-menu .list-group-item:last-child {
  border-bottom-right-radius: 0rem;
  border-bottom-left-radius: 0rem;
}
.user-menu li {
    padding: 0px;
}
.user-menu li a {
    display: block;
    padding: 8px 30px 8px 10px;
    width: 100%;
    color: #555;
    font-size: 13px;
}
.user-menu.list-group i {
    min-width: 20px;
    margin-right: 5px;
    text-align: center;
}
.user-menu li a:hover,.user-menu li a:focus {
    text-decoration: none;
    color: #415673;
    background-color: #F5F5F5;
}
.user-menu .list-group-item.active, .user-menu .list-group-item.active a, .user-menu .list-group-item.active a:focus, .user-menu .list-group-item.active a:hover {
    color: #FFF;
    background-color: #415673;
    border-color: #415673;
}
.user-body{
  padding: 20px;
  background: none repeat scroll 0% 0% #fff;
}
@media (min-width:576px){
	.tab-v1 .nav-item{
		padding-right:1px;
		padding-left:1px;
	}
}
.tab-v1 .nav-tabs {
    border-width: medium medium 2px;
    border-style: none none solid;
    border-color: -moz-use-text-color -moz-use-text-color #415673;;
    -moz-border-top-colors: none;
    -moz-border-right-colors: none;
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    border-image: none;
    background: none repeat scroll 0% 0% transparent;
}
.tab-v1 .nav-tabs > li > a {
    border: medium none;
}
.nav-tabs > li > a, .nav-pills > li > a, .nav-tabs.nav-justified > li > a {
    border-radius: 0px;
}
.tab-v1 .nav-tabs a {
    font-size: 14px;
    padding: 5px 15px;
    color: #555;
}
.tab-v1 .nav-tabs a.active, .tab-v1 .nav-tabs a:hover, .tab-v1 .nav-tabs a.active:focus {
    color: #FFF;
    background: none repeat scroll 0% 0% #415673;
}

@media (max-width:575px){
  .tab-v1 .nav-tabs {
      border-bottom: medium none;
  }
  .tab-v1 .nav-tabs a.active, .tab-v1 .nav-tabs a:hover, .tab-v1 .nav-tabs a.active:focus {
    border: 1px solid #cecece;
  }
}
.nav-tabs.nav-justified > li > a {
    margin-bottom: 5px;
    text-align: center;
}
@media (min-width:576px){
  .nav-tabs.nav-justified > li > a {
      margin-bottom: 0px;
  }
}
.tab-v1 .profile-edit{
  padding: 20px 10px;
  background: none repeat scroll 0% 0% #FFF;
}
.tab-v1 .profile-edit h4 {
    font-weight: 200;
}
.thumbnail > img {
  display: block;
  height: auto;
  padding: 0.25rem;
  background-color: #FFF;
  border: 1px solid #DDD;
  border-radius: 0.25rem;
  transition: all 0.2s ease-in-out 0s;
  max-width: 100%;
  height: auto;
}
.btn-u{
  border-radius: 0rem;
  font-size: 14px;
  padding: 7px 14px;
}
.btn-primary {
    color: #FFF;
    background-color: #415673;
    border-color: #415673;
}
.btn-primary:hover,.btn-primary:focus {
    color: #FFF;
    background-color: #7288A7;
    border-color: #7288A7;
}
/******************************* for image input ***********************************************/

.user-box{
  background: none repeat scroll 0% 0% #FAFAFA;
  border-width: 1px 1px 1px 2px;
  border-style: solid;
  border-color: #EEE #EEE #EEE #EA4809;
  -moz-border-top-colors: none;
  -moz-border-right-colors: none;
  -moz-border-bottom-colors: none;
  -moz-border-left-colors: none;
  border-image: none;
  padding: 10px 20px;
}
.info-box{
  background: none repeat scroll 0% 0% #FFFFFF;
  border-width: 1px 1px 1px 2px;
  border-style: solid;
  border-color: #EEE #EEE #EEE #415673;
  -moz-border-top-colors: none;
  -moz-border-right-colors: none;
  -moz-border-bottom-colors: none;
  -moz-border-left-colors: none;
  border-image: none;
  padding: 10px 20px;
}

/********************************************** BREADCRUMBS ***************************************************/
.breadcrumbs{
  z-index: 1;
  overflow: hidden;
  padding: 2px 0px 0px 0px;
  border-bottom: 1px solid #EEE;
  background: url('/images/breadcrumbs_gray.jpg') no-repeat scroll center center / cover #e1e2e4;
  position: relative;
  margin-bottom: 12px;
  border-bottom: solid 1px #fff;
  box-shadow: 0 2px 2px -2px rgba(114, 114, 114, 0.8);
  /* background: #e1e2e4;  */
}
.breadcrumbs h2 {
    margin-bottom: 0.7em;
    font-size: 22px;
    margin-top: 8px;
    line-height: 35px;
    color:rgba(68, 68, 68, 1);
}
.breadcrumb {
    top: 10px;
    z-index: 1;
    padding: 8px 0px 8px 15px;
    border-radius: 4px;
    background: none repeat scroll 0% 0% transparent;
    position: relative;
}

@media (max-width: 767px) {
.breadcrumbs h2.pull-left, .breadcrumbs ol.pull-right {
    width: 100%;
    text-align: center !important;
    padding-left:0px;
}
.breadcrumbs ol.pull-right .breadcrumb-item{
  float: none;
}
.breadcrumbs h2.pull-left {
    margin-bottom: 0;
}

.breadcrumbs h2.pull-left, .breadcrumbs ol.pull-right {
    width: 100%;
    text-align: center;
}
.breadcrumbs .breadcrumb {
    top: 0;
    margin-bottom: 10px;
	padding: 0px;
}
.breadcrumbs ul.pull-right {
    text-align: center;
}
}
.breadcrumb > li {
    display: inline-block;
}
.breadcrumb a {
    color: #415673;
}
.breadcrumb li:focus, .breadcrumb li a:hover {
    color: rgba(47, 60, 77, 1);
    text-decoration: none;
}
@media (max-width: 767px) {
	.tab-v1 .nav-tabs > li > a{
		background: #fff;
		margin: 2px 0px;
		border: 1px solid #cecece;
	}
	.tab-v1 .nav-tabs {
		border: 0px;
		margin-bottom: 5px;
	}
	.user-body {
		padding:10px;
	}
}
.logo-text{
	line-height:1;
}
.site-title{
	font-size: 1.2rem;
	line-height:1;
}
.site-desc-title{
	font-size: 1.05rem;
	line-height:100%;
	color:#e1e1e1;
}
@media (max-width:991px){
	/*.navbar{
		padding-bottom: 0px;
	}*/
	.navbar-brand {
		padding-bottom: 10px;
	}
	/* .navbar-toggler{
		top: 4px;
	}*/
	#navbarCollapse{
		border-top: 1px solid #e1e1e1;
	}
	.navbar .container{
		margin: 0px;
		width: auto;
	}
}
.fa-btn {
    margin-right: 6px;
}

/* CSS used here will be applied after bootstrap.css */
.btn-blk{
	background:#415673;
	color:#aaa;
}
.btn-blk:focus, .btn-blk:hover{
	color:white;
	box-shadow:none;
	background-color: #415673;
}
#searchmain .select2-selection {
  min-height: 42px;
  max-height: 42px;
  overflow-y: auto;
  border-radius: 0px;
  padding-top:5px;
}
#searchmain .select2-selection__arrow{
  top:6px;	
}

#searchmain .col-12{
	padding-right: 4px;
	padding-left: 4px;
}
#searchmain{
  padding: 15px 20px;
}
.front .page-content #searchmain{
  margin:20px 0px;
	background-color: #e6e6e6;
	background: url('../images/home_first_section_bg.png') no-repeat scroll right top #E6E6E6;
	box-shadow: 0 2px 2px -2px rgba(.82, .82, .82, .82);
}
#searchmain .btn {
	line-height: 1.45;
	border-radius: 0px;
}
@media (max-width:991px){
	#searchmain .col-12{
		margin-bottom:8px;
	}
	.search-submit{
		margin-bottom:2px !important;
	}
}
.bxslider{
	padding-left:0px;
}
.home-slider-wrapper{
	max-width: 1090px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 10px;
	margin-left: 12px;
	margin-bottom:10px;
}
@media (max-width:991px){
  .home-slider-wrapper{
    margin-left: -5px;
    margin-right: -5px;
    margin-bottom: 0px;
  }
  .bx-wrapper{
    margin-bottom: 0px !important;
  }
  .bx-controls.bx-has-pager{
    display: none;
  }
  .front .page-content #searchmain,
  .search-block #searchmain{
    margin-left:-15px !important;
    margin-right:-15px !important;
  }
}
.bx-wrapper .bx-next {
    right: 20px;
}
.bx-viewport{
	min-height:70px;
}
.bx-wrapper {
	margin-bottom:35px;	
}
.promo-block{
	color: #fff;
	box-shadow: 0 3px 4px rgb(203, 203, 203);
	padding: 0px 10px;
  height: 100%;
}
@media (max-width:575px){
  .promo-block{
    margin-right: -8px;
    margin-left: -8px;
  }
  .promo-block span{
    display: none;
  }
}
.promo-block span{
	font-size: 13px;
	line-height: 18px;
}
.promo-experts{
	background-color: #8cb969;
}
.promo-users{
	background-color: #609eb9;
}
.promo-registrations{
	background-color: #cd6e68;
}
.promo-proposals{
	background-color: #dda455;
}
.product-grid-item{
	background: transparent;
	box-shadow: 0 1px 2px rgba(5,5,6,0.1);
  border: 0px;
  position: relative;
}
.product-grid-item .product-info{
  background: #fff;
}
.product-image{
/*	overflow: hidden; */
	position: relative;
	margin: 0;
	border-radius: 2px 2px 0 0;
	width: 100%;
	min-height:100px;
}
.product-image-picture, .post-image-picture{
	width: 100%;
	height: 100%;
}
.product-image-title{
	bottom: -2px;
	padding-top: 20%;
	position: absolute;
	left: 0;
	width: 100%;
	background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjAiLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiLz48L2xpbmVhckdyYWRpZW50PjwvZGVmcz48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSJ1cmwoI2dyYWQpIiAvPjwvc3ZnPiA=');
	background-size: 100%;
	background-image: -webkit-gradient(linear,50% 0,50% 100%,color-stop(0,rgba(0,0,0,0)),color-stop(100%,#000));
	background-image: -moz-linear-gradient(rgba(0,0,0,0),#000);
	background-image: -webkit-linear-gradient(rgba(0,0,0,0),#000);
	background-image: linear-gradient(rgba(0,0,0,0),#000);
	*zoom: 1;
	filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0,startColorstr='#00000000',endColorstr='#FF000000');
}
.product-image-title-inner{
	padding: 0 16px 16px;
}
/* title for offer */
.product-image-title-inner h3{
	color: #fff;
	padding: 4px 0;
	font-size: 16px;
	line-height: 20px;
	margin:0px;
  overflow: hidden;
  text-shadow: 1px 1px 2px #000;
}
@media (max-width:575px){
  .product-image-title-inner h3{
    font-size: 13px;
    line-height: 17px;
  }
  .product-page-product .product-image-title-inner h3{
    font-size: 22px;
    line-height: 28px;
  }
}
/* format for offer */
.product-format{
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  color: #e0e0e0;
  font-size: 13px;
  line-height: 20px;
}
@media (max-width: 767px) {
  .product-format {
    font-size: 15px;
  }
}
@media (max-width:575px){
  .product-format {
    font-size: 12px;
  }
}

.green-color{
  color:#6bc729
}
.product-info{
  padding: 8px 16px 0;
  position: relative;
  height: 76px;
  overflow: hidden;
}
.product-company-logo{
  position: absolute;
  top: 12px;
  right: 16px;
  width: 36px;
}
.product-company-logo img {
    width: 40px;
}
.product-info-params {
    overflow: hidden;
    max-height: 95px;
    padding-right: 44px;
}
.regular-price{
  text-decoration:line-through;
  font-size:14px;
  color:#e0e0e0;
}
.price-before{
  font-size:11px;
}
.product-price{
  color: #fff;
  font-size: 20px;
  line-height: 28px;
  background-color: #609eb9;
  padding:4px 4px;
  padding-right: 10px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.product-price strike{
  color: #c3c3c3;
}
.product-price.active{
  background-color: #8CB969;
  font-size: 18px;
}
.product-price i{
  color:#ffc26c;
}
a.product-price-link:hover,
a.product-price-link:focus{
  text-decoration: none;
}
.product-expert{
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  color: #9e9e9e;
  font-size: 14px;
  line-height: 20px;
  padding-bottom: 2px;
}
@media (max-width:575px){
  .product-grid-item {
    margin-right: -8px;
    margin-left: -8px;
  }
  .slider-col-grid .product-grid-item {
    margin-right: 0px;
    margin-left: 0px;
  }
  .product-image-title-inner{
    padding: 0 8px 10px;
  }
  .product-info{
    padding: 8px 8px 0;
  }
  .product-company-logo{
    display: none;
  }
  .product-info-params {
      padding-right: 0px;
  }
  .product-price{
    font-size: 14px;
  }
  .regular-price {
    font-size: 12px;
  }
  .product-expert{
    font-size: 13px;
  }
  .product-time {
    font-size: 11px;
  }
}

.product-expert a{
	color: #333;
}
.product-time{
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	color: #817E7E; /*#9e9e9e;*/
	padding-bottom: 4px;
	font-size: 12px;
	line-height: 18px;
}
.product-time i{
	margin-left:1px;
}
.product-time .time{
	color: #609eb9;
	font-size:14px;
}
.block-title{
	font-size: 24px;
	color: #5c5a5a;
	margin: 10px 0px 25px 0px;
	text-align: center;
}
.error-page-status{
  font-size: 130px;
  margin-top: 50px;
  color:#415673;
}
.error-page-description{
  font-size: 18px;
  margin-top: 10px;
  color: rgba(86, 114, 153, 1);
}
.format-filter{
  width:100%;
}
.search-block {
    z-index: 1;
    overflow: hidden;
    padding: 2px 0px;
    /* background: url('/images/breadcrumbs_gray.jpg') no-repeat scroll center center / cover transparent; */
    background: #cecece;
	background: url('../images/home_first_section_bg.png') no-repeat scroll right top #E6E6E6;
	box-shadow: 0 2px 2px -2px rgba(0, 0, 0, .82);
    position: relative;
    border-bottom: 1px solid #EEE;
	z-index: 999;
}
.search-submit input{
  cursor: pointer;
}
#navbarCollapse .navbar-nav li.active {
  background: none repeat scroll 0% 0% #6C82A1;
}
#navbarCollapse .navbar-nav li.active.no-active-show {
    background: transparent;
}

.social-icons{
	margin-top:5px;
}
.social-icons i{
	font-size:26px;
}
/* Expert image responsive */
.expert-image {
    background: none repeat scroll 0% 0% #FFF;
    padding: 5px;
    box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.15);
    border-radius: 3px;
    border: 1px solid #E1E1E1;
}
.expert-image img {
    max-width: 300px;
    max-height: 300px;
    float: none;
    margin: 0px auto;
    width: 100%;
    height: 100%;
}
@media (min-width: 576px) {
  .expert-image img {
      max-width: 250px;
      max-height: 250px;
  }
}
@media (min-width: 991px) {
  .expert-image img {
      max-width: 300px;
      max-height: 300px;
  }
}
.tab-v2 .nav-tabs {
    border-top: 1px solid rgba(0, 0, 0, 0.125);
    border-left: 1px solid rgba(0, 0, 0, 0.125);
    border-right: 1px solid rgba(0, 0, 0, 0.125);
    border-bottom:0px;
    background: none repeat scroll 0% 0% #E6E6E6;
    padding: 3px 3px 0px;
}
.tab-v2 .tab-content{
  background-color: #FFF;
  border: 1px solid rgba(0, 0, 0, 0.125);
}
.tab-v2 a.nav-link {
  color: #464A4C;
}
.tab-v2 .nav-link:focus, .tab-v2 .nav-link:hover {
  background-color: #FFF;
}
.tab-v2 .nav-item{
  margin-left:2px;
  margin-right:2px;
}
.tab-v2 .tab-pane{
  padding:25px;
}

@media (max-width: 767px) {
  .tab-v2 .nav-tabs{
    padding-bottom: 3px;
  }
  .tab-v2 .nav-tabs .nav-link {
    border-top-right-radius: 0px;
    border-top-left-radius: 0px;
    border-color: #DDD #DDD #DDD;
    margin: 2px 0px;
    position: relative;
  }
  .tab-v2 .nav-tabs .nav-link i{
    position: absolute;
    right: 10px;
    top: 10px;
    color: rgba(135, 136, 138, 1);
  }
  .tab-v2 .tab-pane{
    padding:15px;
  }
}

@media (max-width: 575px) {
  .tab-v2 .tab-pane{
    padding:10px;
  }
}
.share {
    margin-top: 0px;
}
.share .share_link:first-child {
    margin-left: 0px;
}
.share .share_link {
    display: inline-block;
    margin-left: 6px;
}
.round_btn {
    display: inline-block;
    border-radius: 50%;
    width: 40px;
    height: 40px;
    background: none repeat scroll 0% 0% #609EB9;
    font-size: 0.77rem;
    text-align: center;
    border: 2px solid transparent;
    transition: all 0.3s ease 0s;
}

.round_btn .fab {
    line-height: 38px;
    color: #FFF;
    font-size: 18px;
}
.video_demo_code {
    background: none repeat scroll 0% 0% #F2F2F2;
    /* margin-top: 15px; */
    padding: 5px;
    border: 1px solid #DDD;
}

.read-more-button{
  text-align: center;
  padding: 7px 5px;
  background: red; /* For browsers that do not support gradients */
  background: -webkit-linear-gradient(rgba(213, 213, 213, 1), #F5F5F5); /* For Safari 5.1 to 6.0 */
  background: -o-linear-gradient(rgba(213, 213, 213, 1), #F5F5F5); /* For Opera 11.1 to 12.0 */
  background: -moz-linear-gradient(rgba(213, 213, 213, 1), #F5F5F5); /* For Firefox 3.6 to 15 */
  background: linear-gradient(rgba(213, 213, 213, 1), #F5F5F5); /* Standard syntax */
}
.expert-menu .list-group-item{
    color: #FFF;
    background-color: #415673;
    border-color: #415673;
    padding: 0px;
    margin-bottom: 10px;
    border-radius: 0px;
    border: 0px;
}
.expert-menu .list-group-item .expert-ajax{
  display: block;
  width: 100%;
  font-size: 15px;
}
.expert-menu .list-group-item .expert-ajax:hover{
  cursor: pointer;
}
.expert-menu .list-group-item .expert-ajax i{
  margin-right:10px;
}
.expert-menu .list-group-item .expert-ajax a{
  color:#fff;
}
.expert-menu .list-group-item .expert-ajax a:hover,.expert-menu .list-group-item .expert-ajax a:focus{
  text-decoration: none;
}
.expert-menu .list-group-item .ajax-success{
  background-color: #589925;
}
.expert-menu .expert-button,
.expert-menu a{
  display: block;
  padding: 7px 15px 7px 5px;
}
.block-title-offers{
  /* text-transform: lowercase; */
  font-size: 22px;
  margin: 10px 0px 12px;
}
@media (max-width: 767px) {
	.block-title-offers{
	  /* text-transform: lowercase; */
	  font-size: 18px;
	  line-height: 1.4;
	}	
}
.block-title-offers:first-letter {
    text-transform: uppercase;
}
.block-title-page{
  /* text-transform: lowercase; */
  font-size: 24px;
  margin: 10px 0px 12px;
}
@media (max-width: 767px) {
  .block-title-page{
    /* text-transform: lowercase; */
    font-size: 18px;
    line-height: 1.4;
  } 
}
.block-title-page:first-letter {
    text-transform: uppercase;
}
.category-title-products{
  color: #5C5A5A;
  font-size: 20px;
}
.category-title-products:first-letter {
    text-transform: uppercase;
}
.filter .dropdown-toggle,
.filter .dropdown-toggle:hover,
.filter .dropdown-toggle:focus{
  background-color: transparent !important;
  border: medium none !important;
  box-shadow: none;
  cursor: pointer;
}
.filter .show > .btn-secondary.dropdown-toggle,
.filter .show > .btn-secondary.dropdown-toggle:hover,
.filter .show > .btn-secondary.dropdown-toggle:focus {
  box-shadow: none;
  color: #3C3C3C;
}
.filter .btn-sm.dropdown-toggle {
  padding-top: 0px;
}

.filter .dropdown-toggle{
  color: #3C3C3C;
  font-size: 15px;
}
.filter .dropdown-menu{
  min-width: 7rem;
  padding: 0.1rem 0px;
}
.filter .dropdown-item {
    padding: 5px 10px;
}
@media (min-width:576px){
  .filter-row{
    float: left;
  }
}
@media (max-width:575px){
  .filter-row{
    margin-bottom:5px;
  }
}
.select2-container--default .select2-results > .select2-results__options {
    max-height: 274px !important;
    overflow-y: auto;
}
.promos a,
.promos a:hover,
.promos a:focus{
  text-decoration: none;
  color: #fff;
}
.media.experts img{
  width:90px;
}
.media.experts a,
.media.experts a:focus,
.media.experts a:hover{
  color: #415673;
  text-decoration: none;
}
.media.experts .media-body{
  font-size: 13px;
}
/************ START CATEGORIES PAGE ***************/
.category-grid-item{
  background: none repeat scroll 0% 0% #FFF;
  box-shadow: 0px 1px 2px rgba(5, 5, 6, 0.1);
  border: 1px solid #FFF;
  position: relative;
}
.category-grid-item:hover,
.category-grid-item:focus{
  box-shadow: 0px 5px 5px rgba(5, 5, 6, 0.1);
}
.category-grid-text{
  padding: 5px 10px;
}
.categories-list a,
.categories-list a:focus,
.categories-list a:hover{
  color: #5C5A5A;
  text-decoration: none;
}
.categories-list a h5{
  color: #415673;
}
.categories-list .categories-list-items{
 font-size:14px;
 line-height: 1.7;
 padding:0px 10px;
}
.categories-list img{
  width: 100%;
}
.categories-list .category-grid-text {
    padding: 10px;
    color: #4D4D4D;
    font-size: 13px;
    overflow: hidden;
    position: relative;
    line-height: 1.4;
}
@media (max-width:575px){
  .categories-list .category-grid-text {
    height: auto;
  }
}
.category-grid-text a{
  color: #4A5D78;
}
.categories-list-category-count{
  padding-left: 6px;
  font-size: 16px;
  color: #959595;
}
.categories-list-subcategory-count{
  padding-left: 6px;
  font-size: 12px;
  color: #959595;
}
.categories-list .categories-list-description{
 font-size:13px;
}
/************ END CATEGORIES PAGE ***************/
.form-control:focus {
    border-color: #0095D6;
}
.margin-bottom-20{
  margin-bottom: 20px;
}
#contact-form h3{
  font-size: 24px;
  color: #5C5A5A;
}
@media (max-width:575px){
	.categories-list .mb-4{
		margin-bottom: 0.75rem !important;
	}
}

.experts-list .list-bordered-item{
  background: none repeat scroll 0% 0% #FFF;
  box-shadow: 0px 1px 2px rgba(5, 5, 6, 0.1);
  border: 1px solid #FFF;
  position: relative;
}
@media (max-width:575px){
  .experts-list .list-bordered-item{
    margin-right: -8px;
    margin-left: -8px;
  }
}
.experts-list .list-image{
  position: relative;
}
.experts-list .list-image img{
  width: 100%;
  height: 100%;
}
.experts-list .list-title h2{
  font-size:14px;
  color: #444;
  background-color: #E1E2E4;
  margin:0px;
  padding: 10px;
  text-align: center;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.experts-list .list-description{
  padding: 10px;
  color: #4D4D4D;
  font-size: 13px;
  height: 150px;
  overflow: hidden;
  position: relative;
  line-height: 1.4;
}
@media (max-width:575px){
  .experts-list .list-description{
    padding: 5px;
  }
}
@media (max-width:360px){
  .experts-list .list-description{
    padding: 5px;
    height: 150px;
    font-size: 12px;
  }
}
.experts-list .list-description .read-more-list{
  padding-top: 5px;
  text-align: right;
}
.experts-list .list-description:after {
    background-size: 100% auto;
    height: 10px;
    width: 100%;
    content: "";
    position: absolute;
    left: 0px;
    bottom: 0px;
    background-image: linear-gradient(rgba(255, 255, 255, 0), #FFF);
}
.corner-container{
  position: absolute;
  top: 15px;
  left: -5px;
}
.corner-text{
  color: #FFF;
  text-align: center;
  text-shadow: 0px -1px 0px rgba(0, 0, 0, 0.15);
  font-size: 1.1em;
  background-color: #5EA5D7;
  background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.15) 0%, rgba(255, 255, 255, 0) 100%);
  display: block;
  padding: 0.2em 10px;
  min-width: 38px;
  border: 1px solid rgba(0, 0, 0, 0.1);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
  .corner-danger .corner-text{
    background-color: rgba(215, 94, 94, 1);
  }
  .corner-gray .corner-text{
    background-color: #909090;
  }
  .corner-green .corner-text{
    background-color: #429607;
  }
.corner-container .corner-wrap {
    position: absolute;
    bottom: -4px;
    left: 0px;
    width: 4px;
    height: 4px;
}
.corner-container .corner, .corner-container .corner-background {
    width: 0px;
    height: 0px;
    border-width: 2px;
    border-style: solid;
    border-color: #5EA5D7 #5EA5D7 #FFF #FFF;
    -moz-border-top-colors: none;
    -moz-border-right-colors: none;
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    border-image: none;
}
  .corner-container.corner-danger .corner, .corner-container.corner-danger .corner-background {
    border-color: #C66767 #C66767 #FFF #FFF;
  }
  .corner-container.corner-gray .corner, .corner-container.corner-gray .corner-background {
    border-color: #909090 #909090 #FFF #FFF;
  }
  .corner-container.corner-green .corner, .corner-container.corner-green .corner-background {
    border-color: #429607 #429607 #FFF #FFF;
  }
.corner-container .corner {
    position: relative;
    z-index: 1;
    opacity: 0.8;
    background-color: #5EA5D7;
}
  .corner-container.corner-danger .corner {
      background-color: #C66767;
  }
  .corner-container.corner-gray .corner {
      background-color: #909090;
  }
  .corner-container.corner-green .corner {
      background-color: #429607;
  }
.corner-container .corner-background {
    position: absolute;
    top: 0px;
    left: 0px;
    border-top-color: #000;
    border-right-color: #000;
    background-color: #5EA5D7;
}
.remove-wishlist{
  position: absolute;
  top: 0px;
  right: 0px;
  background-color: #415673;
}
.remove-wishlist a{
  padding: 10px;
  line-height: 2;
}
.remove-wishlist a i{
  color: #fff;
}

@media (max-width: 575px){
  .corner-text{
    font-size:12px;
  }
}

.pagination .page-item:not(:last-child){
  margin-right: 5px; 
}
.pagination .page-item.disabled .page-link,
.pagination .page-item .page-link{
  color: #999;
  border-color: #999;
}
.pagination .page-item .page-link {
  padding: 8px 15px !important;
}
.pagination .page-item.disabled {
  opacity: .5;
}
.pagination .page-item.active span, .pagination .page-item:hover a, .pagination .page-item:focus a{
  background-color: #415673;
  color: #fff;
  border-color: #415673;
}
.share-title{
  color: #565656;
}


.post-category-grid{
  height:100%;
  padding:5px 10px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.posts-category a .post-category-grid{
  color: #415673;
  background-color: #E1E2E4;
}
.posts-category a.active .post-category-grid,
.posts-category a:hover .post-category-grid,
.posts-category a:focus .post-category-grid{
  color: #FFF;
  background-color: #415673;
}
.posts-category a.active .badge-default,
.posts-category a:hover .badge-default,
.posts-category a:focus .badge-default {
    background-color: #fff;
    color:#415673;
}
.posts-category .badge-default{
  width: 22px;
  text-align: center;
  background-color: #88939B;
}
.posts-category .col-12{
  margin-bottom: 0.5rem !important;
}
.filter-button{
  cursor: pointer;
  display: block;
  /* color: #444 !important;
  background-color: #E1E2E4; */
  color: #fff !important;
  background-color: #609EB9;
  padding: 0.5rem 1rem;
  font-size: 1rem;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  margin-right: -8px;
  margin-left: -8px;
}
.search-button{
  cursor: pointer;
  display: block;
  width: 100%;
  height: 100%;
}

@media (max-width:767px){
  .breadcrumbs h2.pull-left {
    font-size: 18px;
    line-height: 28px;
    margin-bottom: 10px;
  }
}
@media (min-width:768px){
  .breadcrumbs h2.pull-left {
    max-width:55%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }
  .breadcrumbs .pull-right {
    max-width:45%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;    
  }
}
.post-item-date{
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  color: #6E6E6E;
  font-size: 14px;
  line-height: 20px;
}
.post-expert h5{
  line-height: 25px;
  color: #0C5E86;
  font-size: 18px;
}
.modal-body.gray-bg{
  background: url('../images/home_first_section_bg.png') no-repeat scroll right top #E6E6E6;
}
.modal-body #searchmain{
  padding-top:0px;
  /* width: 100%; */
  margin: 0 auto;
}
/* body.modal-open {
  overflow: hidden;
  position: fixed;
} */
.expert-body .nav-tabs .nav-item,
.product-body .nav-tabs .nav-item{
  overflow: hidden;
  white-space: nowrap;
}
li.dashboard-link-profile,
li.dashboard-link-profile:hover,
li.dashboard-link-profile:focus{
  background-color: #8CB969;
}
li.dashboard-link-profile a,
li.dashboard-link-profile:hover a,
li.dashboard-link-profile:focus a{
  color: #fff !important;
  background: transparent !important;
}
li.dashboard-admin-link-profile,
li.dashboard-admin-link-profile:hover,
li.dashboard-admin-link-profile:focus{
  background-color: #609EB9;
}
li.dashboard-admin-link-profile a,
li.dashboard-admin-link-profile:hover a,
li.dashboard-admin-link-profile:focus a{
  color: #fff !important;
  background: transparent !important;
}

li.expert-page-link-profile,
li.expert-page-link-profile:hover,
li.expert-page-link-profile:focus{
  background-color: #DDA455;
}
li.expert-page-link-profile a,
li.expert-page-link-profile:hover a,
li.expert-page-link-profile:focus a{
  color: #fff !important;
  background: transparent !important;
}

.expert-title-products{
  text-decoration: underline;
  -moz-text-decoration-style: dashed;
}
@media (max-width:575px){
  .slider-col-grid{
    padding-right: 7px;
    padding-left: 7px;
  }
}
.products-grid{
  width: 100%;
}
.shelf-title{
  
}
/* Responsive product image on product page*/
.product-page-product img.img-fluid{
  width:100%;
}
@media (min-width:400px) and (max-width: 575px){
  .product-page-product .product-item-grid{
    flex: 0 0 66.6667%;
    max-width: 66.6667%;
    margin-left: 16.6667%;
    margin-top: 10px;
  }
}
.product-page h1{
  font-size: 22px;
  color: #23527C;
  line-height: 1.4;
}
.product-page .tab-v2 a {
 color: #23527C; 
}
.product-page .product-page-field{
  padding:3px 0px;
}
.product-page .read-more-button{
  background: linear-gradient(#F5F5F5,#D5D5D5) repeat scroll 0% 0% transparent;
}
.readmore + [data-readmore-toggle], .readmore[data-readmore] {
    display: block;
    width: 100%;
}
.button_bay{
  font-size: 20px;
  line-height: 25px;
}
.button_bay .sale-before{
  font-size: 16px;
  font-weight: bold;
  color: #545454;
}
.button_bay .regular-price {
    text-decoration: line-through;
    font-size: 16px;
    color: #848282;
}
.button_bay strike{
 color: #868686; 
}
.product-page .button_bay{
  padding:10px;
  background-color: #E6E6E6;
}
.btn-resp {
    margin-top: 10px;
    text-transform: uppercase;
}
@media (max-width: 767px) {
.btn-resp {
    width: 100%;
    text-align: center;
}
}
.link-submit {
    padding: 0px 12px;
    font-size: 0.8em;
    line-height: 2em;
    outline: medium none;
    border-radius: 3px;
    position: relative;
    display: inline-block;
    overflow: hidden;
    border: 1px solid rgba(0, 0, 0, 0.15);
    /* background: none repeat scroll 0% 0% #F3715D; */
    background: none repeat scroll 0% 0% #609EB9;
    color: #FFF !important;
    text-shadow: 0px -1px 0px rgba(0, 0, 0, 0.17);
    white-space: nowrap;
    cursor: pointer;
}
.regular-price{
  white-space: nowrap;
}

/****** POPUP LOGIN MODULE *******/
.social-item {
    margin-top: 10px;
}
.social-item .btn{
  line-height: 22px;
  text-transform: uppercase;
  font-size: 14px;
  padding-top: 10px;
  padding-bottom: 10px;
}
.loginmodal-container {
  padding: 30px;
  max-width: 350px;
  width: 100% !important;
  background-color: #F7F7F7;
  margin: 0 auto;
  border-radius: 2px;
  box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.3);
  overflow: hidden;
}

.loginmodal-container h1 {
  text-align: center;
  font-size: 1.8em;
  margin-top: 0px;
  margin-bottom: 20px;
}

.loginmodal-container input[type=submit] {
  width: 100%;
  display: block;
  margin-bottom: 10px;
  position: relative;
}

.loginmodal-container .form-control {
  height: 44px;
  font-size: 16px;
  width: 100%;
  margin-bottom: 2px;
  -webkit-appearance: none;
  background: #fff;
  padding: 0 8px;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  margin-top: 9px;
}
.loginmodal-container .has-danger input.form-control {
  border-color: #D9534F !important;
}
.loginmodal-container input[type=email]:hover, input[type=password]:hover {
  border: 1px solid #b9b9b9;
  border-top: 1px solid #a0a0a0;
  -moz-box-shadow: inset 0 1px 2px rgba(0,0,0,0.1);
  -webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,0.1);
  box-shadow: inset 0 1px 2px rgba(0,0,0,0.1);
}

.loginmodal {
  text-align: center;
  font-size: 14px;
  font-weight: 700;
  height: 36px;
  padding: 0 8px;
/* border-radius: 3px; */
/* -webkit-user-select: none;
  user-select: none; */
}

.loginmodal-submit {
  /* border: 1px solid #3079ed; */
  border: 0px;
  color: #fff;
  text-shadow: 0 1px rgba(0,0,0,0.1); 
  background-color: #4d90fe;
  padding: 10px 0px;
  font-size: 14px;
  /* background-image: -webkit-gradient(linear, 0 0, 0 100%,   from(#4d90fe), to(#4787ed)); */
}

.loginmodal-submit:hover {
  text-shadow: 0 1px rgba(0,0,0,0.3);
  background-color: #357ae8;
  /* background-image: -webkit-gradient(linear, 0 0, 0 100%,   from(#4d90fe), to(#357ae8)); */
}

.loginmodal-container .login-help a {
  text-decoration: none;
  color: #666;
  font-weight: 400;
  text-align: center;
  display: inline-block;
  opacity: 0.6;
  transition: opacity ease 0.5s;
} 

.login-help{
  font-size: 12px;
}
.block-title-left {
    font-size: 24px;
    color: #5C5A5A;
    margin: 10px 0px 25px;
    text-align: left;
}
.expert-menu-action .btn{
  cursor: pointer;
  border-radius: 0;
  margin-bottom: 5px;
}
@media (max-width: 360px) {
  .expert-menu-action .btn{
    width: 100%;
  }
}
.expert-menu-action a{
  color: #FFF;
  font-size: 16px;
}
.expert-menu-action i{
  padding-right: 6px;
}
.expert-menu-action .ajax-success {
  background-color: #589925;
  border-color: #589925;
}
@media (max-width: 575px){
.bx-wrapper {
	border: 0px;
}
.front #searchmain{
	margin:10px 0px !important;
}
}
.textarea-body h1{
  font-size: 1.5em;
}
.textarea-body h2{
  font-size: 1.4em;
}
.textarea-body h3{
  font-size: 1.3em;
}
.textarea-body h4{
  font-size: 1.2em;
}
.textarea-body h5{
  font-size: 1.1em;
}
.textarea-body h6{
  font-size: 1em;
}
.textarea-body dl, .textarea-body ol, .textarea-body ul {
    padding: 0;
    margin-left: 15px;
}
.seo-text{
  color: #5C5A5A;
  font-size:13px;
  text-align: justify;
}
.product-image, .post-image{
  position: relative;
}
.opacity-medium{
  opacity: 0.6;
}
.container-title{
  font-size: 1.35rem;
  font-weight: 200;
}
.container-title i{
  color:#666;
}
.form-row-title{
  font-size: 18px;
}
/********* LOADER **************/
/* LOADER */
#circleGer{
  width:49px;
  margin:auto;
}

.circleG{
  background-color:rgb(255,255,255);
  float:left;
  height:10px;
  margin-left:6px;
  width:10px;
  animation-name:bounce_circleG;
    -o-animation-name:bounce_circleG;
    -ms-animation-name:bounce_circleG;
    -webkit-animation-name:bounce_circleG;
    -moz-animation-name:bounce_circleG;
  animation-duration:0.9775s;
    -o-animation-duration:0.9775s;
    -ms-animation-duration:0.9775s;
    -webkit-animation-duration:0.9775s;
    -moz-animation-duration:0.9775s;
  animation-iteration-count:infinite;
    -o-animation-iteration-count:infinite;
    -ms-animation-iteration-count:infinite;
    -webkit-animation-iteration-count:infinite;
    -moz-animation-iteration-count:infinite;
  animation-direction:normal;
    -o-animation-direction:normal;
    -ms-animation-direction:normal;
    -webkit-animation-direction:normal;
    -moz-animation-direction:normal;
  border-radius:7px;
    -o-border-radius:7px;
    -ms-border-radius:7px;
    -webkit-border-radius:7px;
    -moz-border-radius:7px;
}

#circleG_1{
  animation-delay:0.1995s;
    -o-animation-delay:0.1995s;
    -ms-animation-delay:0.1995s;
    -webkit-animation-delay:0.1995s;
    -moz-animation-delay:0.1995s;
}

#circleG_2{
  animation-delay:0.4555s;
    -o-animation-delay:0.4555s;
    -ms-animation-delay:0.4555s;
    -webkit-animation-delay:0.4555s;
    -moz-animation-delay:0.4555s;
}

#circleG_3{
  animation-delay:0.5885s;
    -o-animation-delay:0.5885s;
    -ms-animation-delay:0.5885s;
    -webkit-animation-delay:0.5885s;
    -moz-animation-delay:0.5885s;
}



@keyframes bounce_circleG{
  0%{}

  50%{
    background-color:rgb(0,0,0);
  }

  100%{}
}

@-o-keyframes bounce_circleG{
  0%{}

  50%{
    background-color:rgb(0,0,0);
  }

  100%{}
}

@-ms-keyframes bounce_circleG{
  0%{}

  50%{
    background-color:rgb(0,0,0);
  }

  100%{}
}

@-webkit-keyframes bounce_circleG{
  0%{}

  50%{
    background-color:rgb(0,0,0);
  }

  100%{}
}

@-moz-keyframes bounce_circleG{
  0%{}

  50%{
    background-color:rgb(0,0,0);
  }

  100%{}
}
.circleGer{
  display: none;
  padding-top: 14px;
}
/*************** END LOADER ********************/
.result-price {
    font-size: 22px;
    color: #23527C;
}
.order-button-submit:hover{
  cursor: pointer;
}
@media (min-width:576px){
  .price-line-order{
    margin: 6px 0px;
  }
}
@media (max-width:575px){
  #button-fixed{
    position: fixed;
    bottom: 0px;
    width: 100%;
    left: 0px;
    padding: 7px 5px 5px 5px !important;
    background-color: #E6E6E6;
    border: medium none;
    z-index: 100;
    top: auto;
    border-top: 1px solid rgba(204, 204, 204, 1);
  }
  .button_bay{
    background-color: #E6E6E6;
    padding:10px;
  }
}
.registration-card{
  background: none repeat scroll 0% 0% rgba(236, 236, 236, 1);
  padding: 20px 10px 0px;
  border: 1px solid #CECECE;
  margin-bottom: 10px;
}
/************************* ORDER LIST DESIGN **************************************/
.order-item{
  background-color: #FFF;
  border: 1px solid #DCDCDF;
  padding: 10px;
}
.show-registrations{
  padding: 4px 10px;
  font-size: 12px;
  border-radius: 5px;
  background-color: #F0F0F1;
  color: #444;
}
.show-registrations:hover,
.show-registrations:focus{
  color: #0F1112;
}
.order-registration{
  background-color: #F7F7F9;
  border: 1px solid #DCDCDF;
  font-size:13px;
}
.order-registration .collapse-registrations{
  padding: 4px 10px;
}
.order-registration .col-12{
  min-height: 0px;
}
.order-registration i{
  color: #929292;
}
.order-number{
  color: rgba(88, 88, 93, 1);
  font-size: 120%;
  line-height: 25px;
}
.order-number span{
  font-weight: bold;
  color: #323232;
}
.order-created, .order-type, .order-promocode{
  color: #77777F;
  line-height: 22px;
  font-size: 12px;
}
.order-created span, .order-type span, .order-promocode span{
  color: #323232;
}
.order-status{
  font-size: 120%;
}
.status-0{
  color: #58585D;
}
.status-1{
  color: rgba(189, 135, 5, 1);
}
.status-2{
  color: rgba(15, 134, 32, 1);
}
.status-3{
  color: #C90000;
}
.block-orders{
  text-align: center;
  font-size: 24px;
  color: #5C5A5A;
  margin: 10px 0px 15px;
}
.order-reserver{
 font-size:90%; 
}
.order-item:hover{
  background-color: #F4F8FF;
}
.order-product{
  font-size: 16px;
}
/************************* END ORDER LIST DESIGN **************************************/
.product-page-field{
  color: #77777F;
}
.product-page-field span:not(.follow-text){
  color: #333;
}
.leave-places{
  font-size: 120%;
  line-height: 25px;
}
span.out-leave-places{
  color: #C90000;
}
span.small-leave-places{
  color: #BD8705;
}
.round-icons{
  position: relative;
  display: inline-block;
  vertical-align: top;
  width: 50px;
  height: 50px;
  margin: 0px 0.3125rem;
  box-shadow: 0px 0px 2px 0px rgba(51, 51, 51, 0.05), 0px 1px 4px 0px rgba(51, 51, 51, 0.15);
  background-color: #FFF;
  border-radius: 50%;
  cursor: pointer;
  text-align: center;
  transition: box-shadow 0.4s ease 0s;
}
.round-icons:hover {
    box-shadow: 0px 2px 8px 0px rgba(51, 51, 51, 0.25);
}
.round-icons i {
  top: 25%;
  color: #90A4AE;
  fill: #90A4AE;
  width: 21px;
  height: 21px;
  position: relative;
  display: inline-block;
  vertical-align: middle;
  font-size: 22px;
}
.round-icons.active i{
  color: #E18F1C;
  fill: #E18F1C;
}
.product-opacity{
  opacity: 0.5;
}
.add-registration{
  padding-left: 25px;
}
.link-dashed, .link-dashed:hover, .link-dashed:focus{
  text-decoration: underline;
  -moz-text-decoration-style: dotted;
}
.registered-square-icon{
  height: 30px;
  width: 30px;
  color: #FFF !important;
  right: 0.4rem;
  top: 0.7rem;
  font-size: 1.2rem;
  border-radius: 50%;
  position: absolute;
  line-height: 1.5;
  text-align: center;
  border: 1px solid #FFF;
}
.registered_ok{
  background-color: #3BB18F;
}
.registered_finish{
  background-color: #909090;
}
.registered_fault{
  background-color: #E64B3B;
  padding-top: -2px;
  line-height: 1.3;
}

.fixed-button{
  font-size: 1.2em;
  line-height: 2em;
}
.product-page-product .product-price{
    font-size: 20px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
@media (max-width:575px){
  .product-page-product .product-grid-item {
    margin-right: -16px;
    margin-left: -16px;
  }
}

/******** START TYPEHEAD ******/
input[type="text"].typeahead{
  color: #444;
  line-height: 24px;
  background-color: #FFF;
  border: 1px solid #AAA;
  border-radius: 0px;
  box-shadow: none;
  padding: 0.5rem 8px;
}
.twitter-typeahead{
  width: 100%;
}

.tt-hint {
    color: #999 !important;
}
.tt-menu {
  background-color: #fff;
  border: 1px solid rgba(0, 0, 0, 0.15);
  font-size: 0.9em !important;
  border-radius: 0px !important;
  padding: 0px !important;
  /* max-height: 240px !important; */
  width: 100%;
}
.tt-suggestion a, .empty-typehead{
  padding: 8px 12px !important;
  font-size: 14px !important;
  line-height: 20px !important;
  color: #666A73 !important;
  display: block !important;
  transition-property: background-color;
  transition-duration: 0.1s;
  transition-timing-function: ease-in-out;
}
.heading-typehead{
  padding: 12px 15px;
  color: #666A73;
  line-height: 1;
  background-color: #EFF2F5;
  font-size: 12px;
  text-transform: uppercase;
}
.tt-suggestion:hover a{
  background-color: #7288A7 !important;
  cursor: pointer !important;
  color: #FFF !important;
}
.tt-suggestion .typehead-additional{
  font-size:13px;
}
.tt-suggestion .fa, .tt-suggestion .typehead-additional{
  color: #999;
}
.tt-suggestion .fas{
  text-align: center;
  width: 12px;
  margin-right: 12px;
}
.tt-suggestion:hover .fas, .tt-suggestion:hover .typehead-additional{
  color: #FFF;
}
.tt-suggestion a{
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
/******** END TYPEHEAD ******/


.line-height-1{
  line-height: 1;
}
.h2-size{
  font-size: 1.5rem;
}
.h3-size {
    font-size: 1.35rem;
}
.h1-size {
  font-size: 1.6rem; 
}
.list-group-item.white{
  background-color: #FFF;
  border: 1px solid #415673;
  color: #415673; 
}
.border-left-info{
  border-right: 1px solid #C9C9C9;
}
.info-expert-count{
  margin-bottom: 5px;
  font-size: 28px;
  line-height: 1;
  color: #444444;
}
.info-expert-desc{
  font-size: 15px;
  color:rgba(94, 97, 99, 1);
}
@media (max-width:575px){
  .info-expert-count{
    font-size: 20px;
  }
  .info-expert-desc{
    font-size: 13px;
    line-height: 1.3;
  }
}
/* TOP CATEGORIES FOR FRONT PAGE */
.banners a{
  color:#fff;
}
.banners img{
  width:100%;
}
.banners .card-img-wrap {
  overflow: hidden;
  position: relative;
}
.banners .card-img-wrap:after {
  content: '';
  position: absolute;
  top: 0; left: 0; right: 0; bottom: 0;
  background: rgba(40, 44, 53, 0.1);
  opacity: 1;
  transition: opacity .25s;
}
.banners .card-img-wrap img {
  transition: transform .5s;
  width: 100%;
}
.banners .card:hover img {
  transform: scale(1.2);
}
.banners .card:hover .card-img-wrap:after {
  opacity: 1;
  /*background: rgba(65, 86, 115, 0.7);*/
  background: rgba(40, 44, 53, 0.4);
}
.banners .card {
  position: relative;
}
.banners .card .card-block{
  position: absolute;
  top: 50%;
  margin-top: -32px;
  transform: translate3d(0px, 0px, 0px);
  transition: transform 0.35s ease 0s;
  width: 100%;
  text-align: center;
}
.banners .card:hover .card-block, .banners .card:focus .card-block, .banners .card:active .card-block {
    transform: translate3d(0px, -25%, 0px);
}
.banners .card .card-text{
  opacity: 0;
  display: inline-block;
  vertical-align: baseline;
  transform: scale(0);
  transition: opacity 0.7s ease 0s, -webkit-transform 0.35s ease 0s;
}
.banners .card:hover .card-text, .banners .card:focus .card-text, .banners .card:active .card-text {
    transform: scale(1);
    opacity: 1;
}
.banners h4{
  font-size: 1.25rem;
}
/* END TOP CATEGORIES FOR FRONT PAGE */




.btn-all{
    color: #415673 !important;
    background-color: #FFF;
    border-color: #7288A7;
    padding: 0.5rem 3rem;
}

.btn-all:active, .btn-all:hover, .btn-primary:focus {
    color: #FFF !important;
    background-color: #415673;
    border-color: #7288A7;
}
@media (max-width:575px){
  .btn-all{
    width: 100%;
  }
}
a.reverse {
  unicode-bidi: bidi-override;
  direction: rtl;
}
.cryptedmail:after {
  content: attr(data-name) "@" attr(data-domain) "." attr(data-tld); 
}
.read-more-front{
  font-size: 14px;
}
#offers-tag .btn-outline-primary {
  color: #415673;
  border-color: #97A0AD;
}
#offers-tag .btn-outline-primary .badge{
    color: #fff;
}
#offers-tag .btn-outline-primary:hover,
#offers-tag .btn-outline-primary:active,
#offers-tag .btn-outline-primary:focus,
#offers-tag .btn-outline-primary.active {
  color: #FFF;
  background-color: #415673;
  border-color: #415673;
  box-shadow: none;
}
#offers-tag .btn-outline-primary .badge-default {
  background-color: #97A0AD;
}
@media (max-width:575px){
  .no-padding-container {
    padding-right: 0px;
    padding-left: 0px;
  }
}

.validate-error{
  font-size: 0.9em;
  line-height: 0.9em;
  margin-bottom: 0rem;
}
.has-danger .select2-selection{
  border: 1px solid #D9534F !important;
}
.post-image-text {
    position: absolute;
    bottom: 0px;
    padding-top: 20%;
    left: 0px;
    width: 100%;
    background: linear-gradient(to top, rgba(53, 48, 54, 0.8) 18%, rgba(53, 48, 54, 0.01) 100%) repeat scroll 0% 0% transparent;
    z-index: 99;
    padding-bottom: 10px;
}
.post-image .autor-name {
  display: inline-block;
  font-weight: 700;
  font-size: 13px;
  font-family: "Open Sans",sans-serif;
  color: #FFF;
}
.post-stat{
  display: inline-block;
  font-weight: 400;
  font-size: 13px;
  font-family: "Open Sans",sans-serif;
  color: #FFF;
}

.post-grid-item {
    margin-right: -8px;
    margin-left: -8px;
    height: 100%;
}
.slider-col-grid .post-grid-item {
  margin-right: 0px;
  margin-left: 0px;
}
.post-grid-item .post-title h2{
  font-size: 16px;
  line-height: 1.4;
  color: #363636;
  margin: 0px;
  font-weight: 400;
  padding: 2px 10px;
}
@media (max-width:575px){
  .post-grid-item .post-title h2 {
    font-size: 13px;
  }
}
.post-grid-item .post-author{
  color: #fff;
  margin: 4px 8px 0px;
  overflow: hidden;
}
.post-grid-item .post-author .badge{
  padding: 1px 6px;
  max-width: 100%;
  font-size: 13px;
  line-height: 20px;
  font-weight: normal;
}
.post-grid-item .post-author .badge-info{
  background-color: #6C82A1;
}
.post-grid-item .post-author a{
  color: #fff;
}
.post-grid-item .post-description{
  padding: 5px 8px;
  color: #4D4D4D;
  font-size: 13px;
  line-height: 1.5;
}
.post-grid-item .post-date{
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  color: #929292;
  font-size: 12px;
  line-height: 18px;
  padding:4px 10px;
}
.post-grid-item{
  overflow: hidden;
}
.post-grid-item:hover{
  background: none repeat scroll 0% 0% #FFF;
  box-shadow: 0px 1px 2px rgba(5, 5, 6, 0.1);
}
.slider-col-grid .post-grid-item:hover {
  background: transparent;
  box-shadow: none;
}
.post-grid-item:hover img{
  opacity: 0.8;
}
.product-offer-list{
  background-color: #FFF;
  border: 1px solid #DCDCDF;
  padding: 10px;
}
@media (max-width:575px){
  .product-offer-list{
    padding: 10px 0px;
  }
}
.fs-13{
  font-size: 13px;
}
.price-list{
  color: #23527C;
  font-size: 20px; 
  line-height: 28px;
}
.product-offer-list .link-submit{
  font-size:15px;
}
.video_demo_code {
  background: none repeat scroll 0% 0% #F2F2F2;
  border: 1px solid #DDD;
}
@media (max-width:575px){
  .video_demo_code {
      margin-right: -15px;
      margin-left: -15px;
  }
}
#andorid-play-logo{
  height: auto;
  width: 100px;
}
@media (max-width:575px){
  .slider-col-grid .post-grid-item {
      margin-right: 0px;
      margin-left: 0px;
  }
}


/* TOP MENU WITH SUBMENU CATALOG - https://codepen.io/svnt/pen/beEgre */

  .dropdown-submenu>.dropdown-menu {
      top: 0;
      left: 100%;
      margin-top: 0px;
      margin-left: -1px;
      -webkit-border-radius: 0 6px 6px 6px;
      -moz-border-radius: 0 6px 6px;
      border-radius: 0 6px 6px 6px;
      height: 100%; /* full height for dropdown-menu */
      top:-1px; /* make block in one line */
      padding: 1px 0px;
  }

  /* display second and third level menu*/
  .dropdown-submenu:hover>.dropdown-menu {
    display: flex;
    flex-direction: column;
  }

  .dropdown-submenu:hover>a:after {
      border-left-color: #fff;
  }

  .dropdown-submenu.pull-left {
      float: none;
  }

  .dropdown-submenu.pull-left>.dropdown-menu {
      left: -100%;
      margin-left: 10px;
      -webkit-border-radius: 6px 0 6px 6px;
      -moz-border-radius: 6px 0 6px 6px;
      border-radius: 6px 0 6px 6px;
  }

  #catalog-top-menu .dropdown-menu{
    border-radius: 0rem;
    width: 250px;
  }

  #catalog-top-menu .dropdown-menu{
    box-shadow: 4px 4px 16px rgba(20, 23, 28, 0.5);
  }
  #catalog-top-menu .dropdown-item:hover, #catalog-top-menu .dropdown-item:active, #catalog-top-menu .dropdown-item:focus {
    color: #FFF;
    background-color: #5E7596;
  }
  /* Align arrow with flex box for menu item */
  #catalog-top-menu a.dropdown-item{
    white-space: normal;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
  }
  .fx {
    min-width: 1px;
    flex: 1 1 0%;
    justify-content: center;
  }
  #catalog-top-menu .menu__arrow{
    color: #fff;
    margin-right: -3px;
  }
  #catalog-top-menu .dropdown-item {
    padding: 5px 1rem 5px 1rem;
  }
  #catalog-top-menu .topic-title{
    color: #FFF;
    padding: 5px 1rem;
    font-weight: bold;
  }
  #catalog-top-menu .topic-empty{
    color: #FFF;
    padding: 5px 1rem;
  }
  @media (max-width:991px){ /* hide menus for tablets */
    .dropdown-menu .dropdown-menu .dropdown-menu{
      display: none;
    }
    .catalog-level-second .menu__arrow{
      display: none; 
    }
  }
  @media (max-width:575px){
    .navbar{
      padding: 0.25rem 0.7rem;
    }
  }
  #sidebar-menu-button {
    border-color: #98B1C6;
    margin-right: 10px;
  }
  .w-35{
    width: 35% !important;
  }
  .navbar-dark .navbar-nav .nav-link, .navbar-dark .navbar-nav .nav-link:focus, .navbar-dark .navbar-nav .nav-link:hover {
    color: #fff !important;
  }
  #show-search{
    position: absolute;
    top: 10px;
    right: 10px;
    background-image: url('/images/svg/search.png');
    height: 35px;
    width: 35px;
    background-size: cover;
  }
  #show-location{
    position: absolute;
    top: -8px;
    right: 65px;
    height: 35px;
    width: 35px;
    font-size: 35px;
  }
  @media (max-width:575px){
    #show-search{
      position: absolute;
      right: 10px;
      top:12px;
      background-image: url('/images/svg/search.png');
      height: 30px;
      width: 30px;
      background-size: cover;
    }
    #show-location{
      position: absolute;
      top: -6px;
      right: 55px;
      height: 35px;
      width: 35px;
      font-size: 30px;
    }
  }
  @media (max-width: 1200px) {
    .city-select-text{
      display: none;
    }
  }
  @media (max-width:320px){
    #nav-logo .logo-text{
      display: none !important;
    }
  }

/* END TOP MENU */

/* START SIDEBAR MENU */
/* Hide the menu until the document is done loading. - http://mmenu.frebsite.nl/support/tips-and-tricks.html */
#sidebar-menu:not( .mm-menu ) {
   display: none;
}
#sidebar-menu i{
  color: #5D7598;
  text-align: center;
  width: 20px;
  margin-right: 8px;
  transition: color 1s ease 0s;
}
/* END SIDEBAR MENU */
#userprofile_topmenu{
  padding: 3px 10px !important;
}
#userprofile_topmenu img {
  margin-right: 8px;
  width: 32px;
}
#user_top_menu i{
  color: #fff;
  text-align: center;
  width: 12px;
  margin-right: 14px;
  transition: color 1s ease 0s;
}
#user_top_menu .dropdown-item {
    padding: 5px 15px;
}
/* TYPEHEAD CONFIG FOR SITE */
.typeahead-search-form input.typeahead[type="text"] {
  border: 0px;
  padding-right: 45px;
}
.typeahead-search-form .input-group-append {
  position: absolute;
  right: 0px;
}
.typeahead-search-form .btn:focus {
    box-shadow: none;
}
/* END TYPEHEAD */

/*.navbar-collapse form[role="search"] {
  position: absolute;
  top: 5px;
  right: 50px;
  padding: 0px;
  margin: 0px;
  z-index: 0;
  width: 0%;
  width: 50%;
  
  visibility: hidden;
  opacity: 0;
  transition: visibility 0s, opacity 0.1s linear;

  z-index: 9999;
}
.navbar-collapse form[role="search"].active {
  visibility: visible;
  opacity: 1;
}
.navbar-collapse form[role="search"] input {
  padding: 0.65rem 0.75rem;
  border-radius: 0px;
  border-width: 0px;
  background-color: rgb(248, 248, 248);
  box-shadow: none;
  outline: none;
}
.navbar-collapse form[role="search"] input.typeahead[type="text"] {
  line-height: 1.35;
}*/

/* Fix after update boostrap 4.1 for readmore js */
.readmore-300[data-readmore], .readmore[data-readmore] {
  transition: height 100ms ease 0s;
  overflow: hidden;
}
.readmore-300 + [data-readmore-toggle], .readmore-300[data-readmore] {
    display: block;
    width: 100%;
}

/* Start spin loader https://spin.js.org */
@keyframes spinner-line-fade-more {
  0%, 100% {
    opacity: 0; /* minimum opacity */
  }
  1% {
    opacity: 1;
  }
}

@keyframes spinner-line-fade-quick {
  0%, 39%, 100% {
    opacity: 0.25; /* minimum opacity */
  }
  40% {
    opacity: 1;
  }
}

@keyframes spinner-line-fade-default {
  0%, 100% {
    opacity: 0.22; /* minimum opacity */
  }
  1% {
    opacity: 1;
  }
}
/* End spin loader https://spin.js.org */

/******** FULLL SCREEN MODAL ****************/
.fullscreen-modal .modal-header {
  height: 50px;
  padding: 10px;
  background: #E1E2E4;
  border: 0;
}
.fullscreen-modal .modal-header button{
  font-weight: normal;
}
.fullscreen-modal .modal-content {
  border-radius: 0;
  border: 0px;
}
@media (max-width:991px){
  .fullscreen-modal .modal-header {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
  }
  .fullscreen-modal {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    overflow: hidden;
  }
  .fullscreen-modal .modal-dialog {
    position: fixed;
    margin: 0;
    width: 100%;
    height: 100%;
    padding: 0;
    max-width: none;
  }
  .fullscreen-modal .modal-content {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    border: 0px;
    box-shadow: none;
  }
  
  .fullscreen-modal .modal-title {
    font-weight: 300;
    font-size: 1.5em;
    color: #444;
    line-height: 30px;
  }
  .fullscreen-modal .modal-body {
    position: absolute;
    top: 50px;
    bottom: 60px;
    width: 100%;
    overflow: auto;
  }
  .fullscreen-modal .modal-footer {
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    height: 60px;
    padding: 10px;
    background: #f1f3f5;
  }
  .fullscreen-modal .btn {
      cursor: pointer;
  }
}
/******** END FULLL SCREEN MODAL ****************/
.popover-grey-transparent.bs-popover-auto[x-placement^="bottom"] .arrow:after, .popover-grey-transparent.bs-popover-bottom .arrow:after{
  border-bottom-color: #BEC9D8;
}
.popover-grey-transparent .popover-body{
  background: #BEC9D8;
}

#cityModal a{
  padding: 3px 10px;
  font-size: 15px;
}
#cityModal a:hover,#cityModal a:focus{
  background: none repeat scroll 0% 0% #E1E2E4;
  color:#333;
}
#cityModal .btn-block + .btn-block {
    margin-top: 0px;
}
#cityModal .btn-block{
    margin-bottom: 3px;
}
#cityModal .active-city{
  background: none repeat scroll 0% 0% #E1E2E4;
}
#geo-popover{
  position: relative;
  min-width: 220px;
}
#geo-popover .close{
  position: absolute;
  z-index: 9999;
  top: 0px;
  right: 4px;
}
.country-region{
  font-weight: bold;
}

.categories-menu{
  background-color: #F7F8FA;
  border-bottom: 1px solid #DEDFE0;
  font-size: 13px;
}
.categories-menu a{
  color: #6C757D;
  padding: 5px 10px !important;
}
.categories-menu .active,
.categories-menu a:hover,
.categories-menu a:focus{
  background: none repeat scroll 0% 0% #DEDFE0;
}

.btn-outline-secondary:focus {
  background-color: #6C757D;
  box-shadow: none;
}

label.cabinet{
  display: inline-block;
  cursor: pointer;
  position: relative;
}

label.cabinet input.file{
  position: relative;
  height: 100%;
  width: auto;
  opacity: 0;
  -moz-opacity: 0;
  filter:progid:DXImageTransform.Microsoft.Alpha(opacity=0);
  margin-top: -45px;
  display: block;
}

#upload-demo{
  width: 250px;
  height: 250px;
  padding-bottom:25px;
}
figure figcaption {
    position: absolute;
    bottom: 0;
    color: #fff;
    width: 100%;
    padding-left: 15px;
    padding-bottom: 10px;
    text-shadow: 0 0 10px #000;
}
#login-modal .modal-content {
  background: transparent;
  border: 0px none;
}


.remove-avatar{
  position: absolute;
  top:10px;
  left:5px;
}
#item-img-output{
  max-width: 200px;
}


#canvas-image {
  max-width: 100%; /* This rule is very important, please do not ignore this! */
}
.canvas-container {
  max-width: 100% !important; /* Never limit the container height here */
}
.cropper-container{
  margin:0 auto;
}

.complete-items{
    display:none;
}
.more-show-items{
    background:lightblue;
    color:navy;
    font-size:13px;
    padding:3px;
    cursor:pointer;
}

/** START TICKETS MODAL **/
#ticketsModal .modal-dialog{
  height: 70%;
}
@media (max-width:575px){
  #ticketsModal .modal-dialog{
    height: 90%;
  }
}
#ticketsModal .modal-content{
  height: 100%; 
}
#ticketsModal .modal-header{
  padding: .5rem;
}
#ticketsModal .spinner-loader {
  position: relative;
  top:40%;
  text-align: center;
  margin: 0px auto;
  z-index: 9999;
  display: block;
  width: 80px;
  height: 80px;
  border: 10px solid rgba(0, 0, 0, .3);
  border-radius: 50%;
  border-top-color: #000;
  animation: spin 1s ease-in-out infinite;
  -webkit-animation: spin 1s ease-in-out infinite;
}

@keyframes spin {
  to {
    -webkit-transform: rotate(360deg);
  }
}

@-webkit-keyframes spin {
  to {
    -webkit-transform: rotate(360deg);
  }
}
/** END TICKETS MODAL **/

#order-table td, #order-table th {
  padding: .25rem .5rem;
  background: white
}

@media (max-width:575px){
  #ticketsModal .modal-dialog {
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
  }
  #ticketsModal .modal-content {
    height: auto;
    min-height: 100%;
    border-radius: 0;
    border:0px;
  }
  #ticketsModal .modal-body{
    background-color: #f8f9fa;
  }
}
/* btn-outline-primary:focus {
    color: #fff;
    background-color: #007bff;
    border-color: #007bff;
}*/

.btn-outline-primary:focus:not(.active) {
  color: #007bff;
}
.btn-outline-primary:hover:not(.active) {
  color: #fff;
}
.btn:focus,.btn:active {
   outline: none !important;
   box-shadow: none !important;
}
.btn-xs{
  padding: .05rem .4rem;
  font-size: .775rem;
  line-height: 1.5;
  border-radius: .2rem;
}
.expert-ajax.user-follow.active{
  background-color: #589925;
}
.custom-select.is-invalid ~ .invalid-feedback,
.custom-list-container.is-invalid ~ .invalid-feedback{
  display:block;
}
.disable-sfw{
	position: absolute;
	top: 0px;
	left: 0px;
	width: 50px;
	height: 50px;
	z-index: 9999;
}

#home-populars-tabs.nav-pills .nav-item .nav-link{
  background-color: #979797;
  color: #fff;
}

#home-populars-tabs.nav-pills .nav-item .nav-link.active, #home-populars-tabs.nav-pills .nav-item .nav-link.active:hover, #home-populars-tabs.nav-pills .nav-item .nav-link:active {
  background-color: #415673;
  color: #fff;
}
.nav-pills .nav-item .nav-link{
  padding: .75rem 1.25rem;
  font-weight: 400;
  transition: all .3s;
}
.nav-pills .nav-item {
  margin-right: .5rem;
}


/**** TINY SLIDER ****/
.tiny-slider{
  display: none;
}
.tns-nav {
  text-align: center;
  margin: 10px 0;
}
.tns-nav > [aria-controls] {
  width: 10px;
  height: 10px;
  padding: 0;
  margin: 0 5px;
  border-radius: 50%;
  background: #ddd;
  border: 0;
  outline: none; 
}
.tns-nav > .tns-nav-active { background: #999; }
@media (max-width:575px){
  #home-populars-tabs .nav-link{
    font-size: 13px;
    padding: 5px 8px !important;
    margin-right: -5px;
    margin-left: -5px;
  }
  #home-populars-tabs .nav-item {
    margin-right: 1rem;
  }
}
#home-populars-tabs .nav-item {
  margin-bottom: 5px;
}
.author-preview{
  background: #e1e2e4;
}
/* @media (max-width:767px){
.chat-frame{
  min-height: 400px;
}
} */
.chat-frame{
  min-height: 300px;
}
.btn-orange{
  color: #FFF;
  background-color: #f26d21;
  border-color: #f26d21;
}
.btn-orange:hover{
  background-color: #e85f11;
  border-color: #e85f11;
}
.btn-light{
    background-color: #ffffff;
    color: #90A4AE;
    box-shadow: 0px 0px 2px 0px rgba(51, 51, 51, 0.05), 0px 1px 4px 0px rgba(51, 51, 51, 0.15);
    border: 0px;
}