/* 
 * 	Core Owl Carousel CSS File
 *	v1.24
 */
 
.container-carousel { margin-top:50px; }

.container-carousel .arrows { width:73px; margin:0 auto; position:relative; }

/* clearfix */
.owl-carousel .owl-wrapper:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
/* display none until init */
.owl-carousel{
	display: none;
	/*position: relative;*/
	width:100%; margin:0 auto;
	-ms-touch-action: pan-y;
}



.owl-carousel img { max-width:100%; height:auto }

.owl-carousel .owl-wrapper{
	display: none;
	position: relative;
	-webkit-transform: translate3d(0px, 0px, 0px);
}
.owl-carousel .owl-wrapper-outer{
	overflow: hidden;
	/*position: relative;*/
	width:auto;
}
.owl-carousel .owl-wrapper-outer.autoHeight{
	-webkit-transition: height 500ms ease-in-out;
	-moz-transition: height 500ms ease-in-out;
	-ms-transition: height 500ms ease-in-out;
	-o-transition: height 500ms ease-in-out;
	transition: height 500ms ease-in-out;
}
	
.owl-carousel .owl-item {
	float: left;

}

section#body .detail_page .product_view .product_thumbnail_box .small_thumbnail .owl-carousel .owl-item {
	width:72px !important; margin:0 5px;
}

.owl-controls .owl-page,
.owl-controls .owl-buttons div{
	cursor: pointer;
	text-align:center;
	display:inline-block;
}
.owl-controls {
	display: block !important;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
	width:100%; text-align:center;
    /*position:relative;*/
}

/* mouse grab icon */
.grabbing { 
    cursor:url(grabbing.png) 8 8, move;
}

/* fix */
.owl-carousel  .owl-wrapper,
.owl-carousel  .owl-item{
	text-align: center;
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility:    hidden;
	-ms-backface-visibility:     hidden;
  -webkit-transform: translate3d(0,0,0);
  -moz-transform: translate3d(0,0,0);
  -ms-transform: translate3d(0,0,0);
}

/* CSS3 Transitions */

.owl-origin {
	-webkit-perspective: 1200px;
	-webkit-perspective-origin-x : 50%;
	-webkit-perspective-origin-y : 50%;
	-moz-perspective : 1200px;
	-moz-perspective-origin-x : 50%;
	-moz-perspective-origin-y : 50%;
	perspective : 1200px;
}
/* fade */
.owl-fade-out {
  z-index: 10;
  -webkit-animation: fadeOut .7s both ease;
  -moz-animation: fadeOut .7s both ease;
  animation: fadeOut .7s both ease;
}
.owl-fade-in {
  -webkit-animation: fadeIn .7s both ease;
  -moz-animation: fadeIn .7s both ease;
  animation: fadeIn .7s both ease;
}
/* backSlide */
.owl-backSlide-out {
  -webkit-animation: backSlideOut 1s both ease;
  -moz-animation: backSlideOut 1s both ease;
  animation: backSlideOut 1s both ease;
}
.owl-backSlide-in {
  -webkit-animation: backSlideIn 1s both ease;
  -moz-animation: backSlideIn 1s both ease;
  animation: backSlideIn 1s both ease;
}
/* goDown */
.owl-goDown-out {
  -webkit-animation: scaleToFade .7s ease both;
  -moz-animation: scaleToFade .7s ease both;
  animation: scaleToFade .7s ease both;
}
.owl-goDown-in {
  -webkit-animation: goDown .6s ease both;
  -moz-animation: goDown .6s ease both;
  animation: goDown .6s ease both;
}
/* scaleUp */
.owl-fadeUp-in {
  -webkit-animation: scaleUpFrom .5s ease both;
  -moz-animation: scaleUpFrom .5s ease both;
  animation: scaleUpFrom .5s ease both;
}

.owl-fadeUp-out {
  -webkit-animation: scaleUpTo .5s ease both;
  -moz-animation: scaleUpTo .5s ease both;
  animation: scaleUpTo .5s ease both;
}
/* Keyframes */
/*empty*/
@-webkit-keyframes empty {
  0% {opacity: 1}
}
@-moz-keyframes empty {
  0% {opacity: 1}
}
@keyframes empty {
  0% {opacity: 1}
}
@-webkit-keyframes fadeIn {
  0% { opacity:0; }
  100% { opacity:1; }
}
@-moz-keyframes fadeIn {
  0% { opacity:0; }
  100% { opacity:1; }
}
@keyframes fadeIn {
  0% { opacity:0; }
  100% { opacity:1; }
}
@-webkit-keyframes fadeOut {
  0% { opacity:1; }
  100% { opacity:0; }
}
@-moz-keyframes fadeOut {
  0% { opacity:1; }
  100% { opacity:0; }
}
@keyframes fadeOut {
  0% { opacity:1; }
  100% { opacity:0; }
}
@-webkit-keyframes backSlideOut {
  25% { opacity: .5; -webkit-transform: translateZ(-500px); }
  75% { opacity: .5; -webkit-transform: translateZ(-500px) translateX(-200%); }
  100% { opacity: .5; -webkit-transform: translateZ(-500px) translateX(-200%); }
}
@-moz-keyframes backSlideOut {
  25% { opacity: .5; -moz-transform: translateZ(-500px); }
  75% { opacity: .5; -moz-transform: translateZ(-500px) translateX(-200%); }
  100% { opacity: .5; -moz-transform: translateZ(-500px) translateX(-200%); }
}
@keyframes backSlideOut {
  25% { opacity: .5; transform: translateZ(-500px); }
  75% { opacity: .5; transform: translateZ(-500px) translateX(-200%); }
  100% { opacity: .5; transform: translateZ(-500px) translateX(-200%); }
}
@-webkit-keyframes backSlideIn {
  0%, 25% { opacity: .5; -webkit-transform: translateZ(-500px) translateX(200%); }
  75% { opacity: .5; -webkit-transform: translateZ(-500px); }
  100% { opacity: 1; -webkit-transform: translateZ(0) translateX(0); }
}
@-moz-keyframes backSlideIn {
  0%, 25% { opacity: .5; -moz-transform: translateZ(-500px) translateX(200%); }
  75% { opacity: .5; -moz-transform: translateZ(-500px); }
  100% { opacity: 1; -moz-transform: translateZ(0) translateX(0); }
}
@keyframes backSlideIn {
  0%, 25% { opacity: .5; transform: translateZ(-500px) translateX(200%); }
  75% { opacity: .5; transform: translateZ(-500px); }
  100% { opacity: 1; transform: translateZ(0) translateX(0); }
}
@-webkit-keyframes scaleToFade {
  to { opacity: 0; -webkit-transform: scale(.8); }
}
@-moz-keyframes scaleToFade {
  to { opacity: 0; -moz-transform: scale(.8); }
}
@keyframes scaleToFade {
  to { opacity: 0; transform: scale(.8); }
}
@-webkit-keyframes goDown {
  from { -webkit-transform: translateY(-100%); }
}
@-moz-keyframes goDown {
  from { -moz-transform: translateY(-100%); }
}
@keyframes goDown {
  from { transform: translateY(-100%); }
}

@-webkit-keyframes scaleUpFrom {
  from { opacity: 0; -webkit-transform: scale(1.5); }
}
@-moz-keyframes scaleUpFrom {
  from { opacity: 0; -moz-transform: scale(1.5); }
}
@keyframes scaleUpFrom {
  from { opacity: 0; transform: scale(1.5); }
}

@-webkit-keyframes scaleUpTo {
  to { opacity: 0; -webkit-transform: scale(1.5); }
}
@-moz-keyframes scaleUpTo {
  to { opacity: 0; -moz-transform: scale(1.5); }
}
@keyframes scaleUpTo {
  to { opacity: 0; transform: scale(1.5); }
}

/*Next Prev*/

.owl-buttons div,
.customNavigation a {
	color: #2b3547;
	display: block;
	font-size: 19px;
	margin: 0;
	position: absolute;
	top:0px;
	cursor: pointer;
	width: 30px; margin:0 auto;
	
}

/*
.owl-buttons div:hover,
.customNavigation a:hover {
	background-color:#313747;
	color: #fff;
}
*/



.owl-buttons div.owl-prev,
.customNavigation a.prev {
	background-image: url(../images/previous-icon.png);
	background-color: #217ac1;
	
    background-repeat: no-repeat;
    background-position: center;
	left: -8px;
	top: -222px;
	display:block;
	width:40px;
	height:40px;
	opacity:1;
}

section#body .fitting_installation .grid ul li .block .popup_block .installation_time_block .owl-buttons div.owl-prev,
section#body .fitting_installation .grid ul li .block .popup_block .installation_time_block .customNavigation a.prev {
	right:-132px;
	top:-217px;
	display:block;
	width:10px;
	height:10px;
	opacity:1;
}

section#body .fitting_installation .grid ul li .block .popup_block .installation_time_block .owl-buttons div.owl-prev::after,
section#body .fitting_installation .grid ul li .block .popup_block .installation_time_block .customNavigation a.prev::after {
    color: #757578; content: "\f104"; font-family: "FontAwesome"; font-size:22px; line-height: 18; margin-left:0px; }

.owl-buttons div.owl-prev::after,
.customNavigation a.prev::after {
     color: white;
	 border-radius: 5%;
     background-image: url(images/previous-icon.png);
	 width: 10px;
	 height: 10px;
	 background-color: #217ac1;
     font-size: 30px;
     line-height: 47px;
     margin-left: 17px;
	
     padding: 2px 14px 3px 13px;
/*
background: rgba(255,255,255,0.5);
border-radius: 50%;
padding:10px 20px;
	padding-right: 25px;
*/
}

.owl-buttons div.owl-prev:hover,
.customNavigation a.prev:hover  {
	 opacity:1;
}

.owl-buttons div.owl-prev:hover::after,
.customNavigation a.prev:hover::after  {
	 color:#ec2028;
	 opacity:1;
}

/*.owl-buttons div.owl-prev:hover,
.customNavigation a.prev:hover { background-color:#e9e9e9 }
*/
.owl-buttons div.owl-next,
.customNavigation a.next {
	background-image: url(../images/next-icon.png);
    background-color: #217ac1;
    background-repeat: no-repeat;
    background-position: center;
	right: -8px;
	top:-222px;
	display:block;
	width:40px;
	height:40px;
	opacity:1;
}



section#body .fitting_installation .grid ul li .block .popup_block .installation_time_block .owl-buttons div.owl-next,
section#body .fitting_installation .grid ul li .block .popup_block .installation_time_block .customNavigation a.next {
	right:170px;
	top:-28px;
	display:block;
	width:10px;
	height:10px;
	opacity:1;
}


section#body .fitting_installation .grid ul li .block .popup_block .installation_time_block .owl-buttons div.owl-next::after,
section#body .fitting_installation .grid ul li .block .popup_block .installation_time_block .customNavigation a.next::after {
    color: #757578; content: "\f105"; font-family: "FontAwesome"; font-size:22px; line-height:18px; margin-left:0px; }




.owl-buttons div.owl-next::after,
.customNavigation a.next::after {
    color: white;


font-family: "FontAwesome";
font-size: 30px;
line-height: 47px;
margin-left: 17px;
	padding: 2px 14px 3px 13px;
	border-radius: 5%;
/*
background: rgba(255,255,255,0.5);
border-radius: 50%;
padding:10px 20px; padding-left: 25px;
*/
  }

.owl-buttons div.owl-next:hover,
.customNavigation a.next:hover {
	opacity:1;
}

.owl-buttons div.owl-next:hover::after,
.customNavigation a.next:hover::after {
	color:#ec2028;
	opacity:1;
}


/*Related Products*/




/*.owl-buttons div.owl-next:hover,
.customNavigation a.next:hover { background-color:#e9e9e9 }*/

@media (min-width: 200px) and (max-width: 900px) { 

.owl-buttons div.owl-prev, .customNavigation a.prev { left:10px }
.owl-buttons div.owl-next, .customNavigation a.next { right:10px }

.owl-buttons div.owl-prev,
.customNavigation a.prev {
	display: block;
    top: -200px;
    position: absolute;
    left: -8px;
    width: 32px;
    height: 32px; 
	}

.owl-buttons div.owl-next,
.customNavigation a.next {
	display: block;
    top: -200px;
    position: absolute;
    right: -8px;
    width: 32px;
    height: 32px;
	}

}

/*
@media (max-width: 768px) and (min-width: 570px){
	.owl-buttons div.owl-prev,
.customNavigation a.prev {
	top: -444px;
	left: 35%
	
	}
	
	.owl-buttons div.owl-next,
.customNavigation a.next {
	top: -444px;
	right: 36%;
}
	
}



@media (max-width: 900px) and (min-width: 769px){
	.owl-buttons div.owl-prev,
.customNavigation a.prev {
	top: -400px;
	left: 77%;
	
	}
	
	.owl-buttons div.owl-next,
.customNavigation a.next {
	top: -400px;
	right: 20px;
}
}
*/

/*
@media (max-width: 900px) and (min-width: 769px){
	.owl-buttons div.owl-prev,
.customNavigation a.prev {
	top: 345%;
	left: 77%;
	
	}
	
	.owl-buttons div.owl-next,
.customNavigation a.next {
	top: 345%;
	right: 20px;
}
}
*/

@media (max-width: 1236px) and (min-width: 901px){
	.owl-buttons div.owl-prev,
.customNavigation a.prev {
	
	left: -8px;
	top: -220px;
	
	
	
	}
	
	.owl-buttons div.owl-next,
.customNavigation a.next {
	
	right: -8px;
	top: -220px;
	
}
}


.owl-pagination { display:none; }


@media (min-width: 200px) and (max-width: 1300px) { 

/*pagination*/

.owl-pagination { position:absolute; width:100%; bottom:10px; left:0px; display: none; text-align:center }
.owl-pagination .owl-page span { cursor:pointer; height:10px; width:10px; border-radius:8px; display:block; float:left; margin-left:7px; background-color:#888887; opacity:1; text-align:center; border:#fff 2px solid; }
.owl-pagination .active span { background-color:#ee2222; border:#fff 2px solid; }

section#body .news_block .owl-pagination { position:absolute; width:100%; bottom:25px; left:0px; display: block; text-align:center }
section#body .customer_testimonials .owl-pagination { position:absolute; width:100%; bottom:25px; left:0px; display: block; text-align:center }
section#body .special_offer .owl-pagination { position:absolute; width:100%; bottom:30px; left:0px; display: block; text-align:center }

}

@media (min-width: 200px) and (max-width: 1300px) { 

section#body .customer_testimonials .owl-buttons div.owl-prev,
section#body .customer_testimonials .customNavigation a.prev { display:none }

section#body .customer_testimonials .owl-buttons div.owl-next,
section#body .customer_testimonials .customNavigation a.next { display:none }

section#body .news_block .owl-buttons div.owl-prev,
section#body .news_block .customNavigation a.prev { display:none }

section#body .news_block .owl-buttons div.owl-next,
section#body .news_block .customNavigation a.next { display:none }

}



section#body .fitting_installation .installer_grid ul li .block .popup_block .installation_time_block .owl-buttons div.owl-prev, .customNavigation a.prev {
    right: 220px;
    top: -43px;
    display: block;
    width: 44px;
    height: 44px;
    opacity: 1;
	
}


section#body .fitting_installation .installer_grid ul li .block .popup_block .installation_time_block .owl-buttons div.owl-next::after, .customNavigation a.next::after {

    font-size: 24px;
    background:none;
    border-radius: 0;
    padding:0
}


section#body .fitting_installation .installer_grid ul li .block .popup_block .installation_time_block .owl-buttons div.owl-next, .customNavigation a.next {
    right: 182px;
    top: -43px;
    display: block;
    width: 44px;
    height: 44px;
    opacity: 1;
}


section#body .fitting_installation .installer_grid ul li .block .popup_block .installation_time_block .owl-buttons div.owl-next::after, .customNavigation a.next::after {
  
    font-size: 24px;
    background:none;
    border-radius:0;
	padding:0;
}
.product-item-details {

	margin-left:24px;
}


