/********************************************************
			Templatemela Custom Styles
********************************************************/
.owl-carousel {
  display: none;
  position: relative;
  float: left;
  width: 100%;
  margin: 0;
  -ms-touch-action: pan-y;
}
.owl-carousel .owl-wrapper {
  display: none;
  position: relative;
  -webkit-transform: translate3d(0px, 0px, 0px);
}
.owl-carousel .owl-wrapper:after {
  content: ".";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;
}
.owl-carousel .owl-wrapper-outer {
  overflow: hidden;
  position: relative;
  float: left;
  width: 100%;
}
.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;
}
.owl-carousel .owl-item .manu_image a {
  display: inline-block;
}
.owl-carousel .owl-item .manu_image a img {
  max-width: 100%;
}
.owl-carousel .owl-item:hover a img {
  border-color: blue;
}
.owl-carousel .owl-wrapper,
.owl-carousel .owl-item {
  /* fix */
  -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);
  text-align: center;
}

/* mouse grab icon */
.grabbing {
  cursor: url("../img/megnor/grabbing.png") 8 8, move;
}
 
.customNavigation {
  position: absolute;
  z-index: 959;
  width: 100%;
  top: 42%;

  direction: ltr !important;
  display:none;
 
}


.customNavigation a {
  position: absolute;
  font-size: 20px;
  line-height: 35px;
  padding: 0;
  background: #fff;
  color: #b3b3b3 !important;
  border: 1px solid #b3b3b3;
  height: 35px;
  width: 35px;
  cursor: pointer;
  overflow: hidden;
  -webkit-transition: all 0.5s ease;
  -webkit-transition-delay: 0s;
  -moz-transition: all 0.5s ease 0s;
  -o-transition: all 0.5s ease 0s;
  transition: all 0.5s ease 0s;
 /* border-radius:50%;*/
  font-weight:normal;
  letter-spacing:-3px;
}

.customNavigation a:hover{
	border-color: #59b500;
	color:#fff;
	background-color:#59b500;
}
.customNavigation a:hover:before{ color: #fff; }
.customNavigation a.prev {left: -20px;}
#cttestimonialblock .customNavigation a.next{padding: 0 0 0 3px;}
#cttestimonialblock .customNavigation a.prev,.brands .customNavigation a.prev{left:-40px;}
#cttestimonialblock .customNavigation a.next,.brands .customNavigation a.next{right:-40px;}

.additional_slider .customNavigation a.prev {
  left: 0px;
}
.customNavigation a.next {
  right: -20px;
}
.additional_slider .customNavigation a.next{
  right: 0px;
}

.customNavigation a.prev:before {
  content: "\E314";
  font-family: "Material Icons";
}
.customNavigation a.next:before {
  content: "\E315";
  font-family: "Material Icons";
}

#ctleftbanner img,
#ctrightbanner img{
	max-width: 100%;
}	

/******* Subbanner *******/
#ctsubbanner {
    float: right;
	margin-left:30px;
}
#ctsubbanner ul{margin:0;}
#ctsubbanner li:first-child{margin-bottom:30px;}
#ctsubbanner li a{
   display: block;
}

/*@media (min-width: 992px) {
	#ctsubbanner {
	width:25%;
	margin-left:3%;
	}
	#ctsubbanner img{width:100%;}
	#ctsubbanner li:first-child{margin-bottom:9%;}
	.sub_cms{width:31%;}
	.sub_cms.sec{margin:0 3%;padding:0 3%;}
	#ctcmssliderbottomblock img{width:100%;}
	.banner_bottom .banner{width:32%;}
	.banner.third{margin:0 2%;}
}
@media (min-width: 768px) {
	#ctsubbanner {
	width:25%;
	margin-left:3%;
	}
	#ctsubbanner img{width:100%;}
	#ctsubbanner li:first-child{margin-bottom:9%;}
	.sub_cms{width:31%;}
	.sub_cms.sec{margin:0 3%;padding:0 3%;}
	#ctcmssliderbottomblock img{width:100%;}
	.banner_bottom .banner{width:32%;}
	.banner.third{margin:0 2%;}
}
@media (min-width: 480px) {
	#ctsubbanner {
	width:25%;
	margin-left:3%;
	}
	#ctsubbanner img{width:100%;}
	#ctsubbanner li:first-child{margin-bottom:9%;}
	.sub_cms{width:31%;float:none;display:inline-block;vertical-align:top;}
	.sub_cms.sec{margin:0 2%;padding:0 2%;}
	#ctcmssliderbottomblock img{width:100%;}
	.banner_bottom .banner{width:32%;}
	.banner.third{margin:0 2%;}
	.sub_cms_left{width:100%;text-align:center;}
	.sub_cms_img{float:none;display:inline-block;}
	.cms_cont{padding:10px 0;text-align:center;}
} */




@keyframes animatedBackground {
	from { background-position: 0 0; }
	to { background-position: 100% 0; }
}

















/*******************parllax img slider**************************/




/*image slider parllax*/

.carousel
{
	position :relative ;
	margin :0 auto;
	width :100%;
	height :auto;
	border :none;
	overflow : hidden ;
	text-align:center;
}

/* _______________________________________________ */

/* SLIDES */
/* _______________________________________________ */

/* slide container */
.carousel .slides
{
	margin :0;
	padding :0;
	border :none;
	list-style :none;
	position :relative ;
	overflow :visible ;
	display:inline-block;
	vertical-align:middle;
}

/* slide item */
.carousel .slides .slideItem 
{
	position :absolute ;
	cursor :pointer ;
	overflow : hidden;
	padding :0;
	margin :0;
	border :none;
	bottom:0 !important;
	top:auto !important;

}

.carousel .slides .slideItem a
{
	display: block ;
	text-decoration :none;
	margin :0;
	padding :0;
	border :none;
	outline :none;
}

.carousel .slides .slideItem img
{
	margin :0;
	padding :0;
	border :none;
	width :100%;
	height :100%;
}

/* _______________________________________________ */

/* DIRECTION BUTTON */
/* _______________________________________________ */

.carousel .nextButton
{
	position :absolute ;
	right :10px;
	top :133px;
	width :35px;
	height :35px;
	background : url("../images/next_button.png") no-repeat center;
	cursor :pointer ;
	z-index :9999;
}

.carousel .prevButton
{
	position :absolute ;
	left :10px;
	top :133px;
	width :35px;
	height: 35px;		
	background : url("../images/prev_button.png");
	cursor :pointer ;
	z-index :9999;
}

/* _______________________________________________ */

/* NAVIGATION BUTTON */
/* _______________________________________________ */

/* buttons container */
.carousel .buttonNav
{
	position : relative ;
	margin :0 auto;
	z-index :999;
}

/* numbers */
.carousel .buttonNav .numbers 
{
	position :relative ;
	float :left ;
	margin :5px;
	color : #828282 ;
	cursor :pointer ;
	font-weight :bold ;
	text-decoration :none;
	font-size :1em;
	font-family :Arial, Verdana ;
}

.carousel .buttonNav .numbers:hover
{
	color: #000;
	text-decoration :underline;
}

.carousel .buttonNav .numberActive
{
	background : none;
	color :#000;
	cursor :default ;
}

/* bullets */
.carousel .buttonNav .bullet
{
	position :relative ;
	float :left ;
	width :16px;
	height :16px;
	background : url(../images/Bullet-White.png) no-repeat center ;
	margin :5px;
	float :left ;
	cursor :pointer ;
}

.carousel .buttonNav .bullet:hover
{
	background : url(../images/Bullet-Black.png) no-repeat center ;
}

.carousel .buttonNav .bulletActive
{
	background : url(../images/Bullet-Black.png) no-repeat center ;
	cursor :default ;
}

/* ____________________________________________________________ */


/* _____________________________ *

/* SHADOW */
/* _____________________________ */

.shade {
    float: none;
    width: 97.5%;
    height: 20px;
    background: #fff;
    position: relative;
text-align: center;
margin: 0 auto;
box-shadow:1px 1px 6px 0px rgba(0, 0, 0, 0.3);
-webkit-box-shadow:1px 1px 6px 0px rgba(0, 0, 0, 0.3);
-ms-box-shadow:1px 1px 6px 0px rgba(0, 0, 0, 0.3);
-moz-box-shadow:1px 1px 6px 0px rgba(0, 0, 0, 0.3);
-o-box-shadow:1px 1px 6px 0px rgba(0, 0, 0, 0.3);
}
.shade::before, .shade::after {
    content: "";
 /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#2c2c2c+0,6b6b6b+47,636363+100 */
background: #dadada; /* Old browsers */
/*background: -moz-linear-gradient(top, #2c2c2c 0%, #6b6b6b 47%, #636363 100%); /* FF3.6-15 */
/*background: -webkit-linear-gradient(top, #2c2c2c 0%,#6b6b6b 47%,#636363 100%); /* Chrome10-25,Safari5.1-6 */
/*background: linear-gradient(to bottom, #2c2c2c 0%,#6b6b6b 47%,#636363 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
/*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2c2c2c', endColorstr='#636363',GradientType=0 ); /* IE6-9 */
opacity:0.7;
    height: 45px;
    left: 22px;
    bottom: 100%;
    width: 60%;
    position: absolute;
    transform: skewX(-45deg);
    -moz-transform: skewX(-45deg);
    -webkit-transform: skewX(-45deg);

}
.shade::after {
    right: 22px;
    left: auto;
    transform: skewX(45deg);
    -moz-transform: skewX(45deg);
    -webkit-transform: skewX(45deg);
}



/*.shadow
{
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#2c2c2c+0,6b6b6b+47,636363+100 */
/*background: #2c2c2c;  Old browsers 
background: -moz-linear-gradient(top, #2c2c2c 0%, #6b6b6b 47%, #636363 100%);  FF3.6-15 
background: -webkit-linear-gradient(top, #2c2c2c 0%,#6b6b6b 47%,#636363 100%);  Chrome10-25,Safari5.1-6 
background: linear-gradient(to bottom, #2c2c2c 0%,#6b6b6b 47%,#636363 100%);  W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ 
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2c2c2c', endColorstr='#636363',GradientType=0 );  IE6-9 
	width :100%;
	height :82px;
	opacity:0.7;*/
/*}*/

.carousel .shadow .shadowLeft
{
	background : url("../images/shadowLeft.png") no-repeat;
	width :100px;
	height :82px;
	
	/* fix png problems in ie */
	-ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/shadowLeft.png, sizingmethod=scale)"; /* IE8 */   
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/shadowLeft.png, sizingmethod=scale);   /* IE6 & 7 */                     
}

.carousel .shadow .shadowMiddle
{
	height :82px;
	background:url("../images/shadowTile.png") repeat-x;
	
	/* fix png problems in ie */
	-ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/shadowTile.png, sizingmethod=scale)"; /* IE8 */   
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/shadowTile.png, sizingmethod=scale);   /* IE6 & 7 */                     
}

.carousel .shadow .shadowRight
{
	width :100px;
	height :82px;
	background:url("../images/shadowRight.png") no-repeat;
	
	/* fix png problems in ie */
	-ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/shadowRight.png, sizingmethod=scale)"; /* IE8 */   
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/shadowRight.png, sizingmethod=scale);   /* IE6 & 7 */                     
}

/* ____________________________________________________________ */

/* REFLECTION GRADIENT */
/* ____________________________________________________________ */

/* gradient color for Opera */
.carousel .gradient
{
	background-image :url(../scripts/gradient.svg);
}
@media (max-width: 1300px) {
}
@media (max-width: 1230px) {
	#ctsubbanner {
	width:25%;
	margin-left:3%;
	}
	#ctsubbanner img{width:100%;}
	#ctsubbanner li:first-child{margin-bottom:9%;}
	.sub_cms{width:31%;}
	.sub_cms.sec{margin:0 3%;padding:0 3%;}
	#ctcmssliderbottomblock img{width:100%;}
	.banner_bottom .banner{width:32%;}
	.banner.third{margin:0 2%;}
	
	#cttestimonialblock .customNavigation a.prev,.brands .customNavigation a.prev{left:0;}
	#cttestimonialblock .customNavigation a.next,.brands .customNavigation a.next{right:0;}
	.customNavigation a.prev{}
	.customNavigation a.next{}
	}
@media (max-width: 1199px) {
	.shade {width:100% !important;}
	}
@media (max-width: 991px) {
	.customNavigation a.prev {
	
	}
	.customNavigation a.next {
	
	}
	#main .images-container .js-qv-mask { margin:0px; }
	#cttestimonialblock .customNavigation a.prev, .brands .customNavigation a.prev {left: 0;}
	#cttestimonialblock .customNavigation a.next, .brands .customNavigation a.next{right:0;}
}
@media (max-width: 991px) and (min-width: 768px){#ctparallaxcmsblock .container{padding:0;}}
@media (max-width: 768px) {
	.sub_cms{width:31%;float:none;display:inline-block;vertical-align:top;}
	.sub_cms.sec{margin:0 2%;padding:0 2%;}
	#ctcmssliderbottomblock img{width:100%;}
	.banner_bottom .banner{width:32%;}
	.banner.third{margin:0 2%;}
	.sub_cms_left{width:100%;text-align:center;}
	.sub_cms_img{float:none;display:inline-block;}
	.cms_cont{padding:10px 0;text-align:center;}
}
@media (max-width: 479px) {
	#ctsubbanner {
	text-align:center;
	margin-top:25px;
	margin-left:0;
	width:auto;
	}
	#ctsubbanner li{display:inline-block;}
	#ctsubbanner img{width:100%;}
	#ctsubbanner li:first-child{margin-bottom:25px;;}
	.sub_cms{width:100%;float:none;display:inline-block;vertical-align:top;}
	.sub_cms.sec{margin:0 2%;padding:0 2%;}
	#ctcmssliderbottomblock img{width:100%;}
	.banner_bottom .banner{width:32%;}
	.banner.third{margin:0 2%;}
	.sub_cms_left{width:100%;text-align:center;}
	.sub_cms_img{float:none;display:inline-block;}
	.cms_cont{padding:10px 0;text-align:center;}
	.sub_cms_left {
    text-align: left;
    width: auto;
}
.sub_cms_img {
    display: inline-block;
    float: left;
}
.cms_cont {
    padding: 10px 0 10px 55px;
    text-align: left;
}
.sub_cms.sec {
    border-top: 1px solid #dcdcdc;
    border-bottom: 1px solid #dcdcdc;
	border-left: none;
    border-right: none;
	margin:2% 0;
	padding:2% 0;
}

}