/*HOME PAGE SLIDER*/
.homeslider { padding-bottom:19px;}
.homeslider .owl-controls { position:absolute; left:0px; width:100%; bottom:0px; height:15px; text-align:center;}
.homeslider .owl-pagination .owl-page { display:inline-block;zoom:1;*display:inline;width:13px;height:13px;background-color:#666666; margin:0px 8px; cursor:pointer;-webkit-border-radius: 90px;-moz-border-radius: 90px;border-radius: 90px;}
.homeslider .owl-pagination .owl-page:hover, .homeslider .owl-pagination .owl-page.active {background-color:#77ab88;}
.homeslider img { display:block; width:100%;}
.homeslider .row {margin-left: 0px; margin-right:-5px;}
.homeslider .col-sm-6, .homeslider .col-xs-6 { padding-left:5px; padding-right:5px; position:relative;}
.homeslider img._1x1{max-height:235px;}
.sltext { position:absolute; left:0px; bottom:0px; padding:10px; width:100%; background-color:#000000; }
.sltext h3 {font-family:Arial, Helvetica, sans-serif; font-size:19px; font-weight:bold; color:#fff; text-align:left;}
.sltext .button1 { background:url(../images/button1.png) no-repeat left top; width:20px; height:20px; position:absolute; right:10px; bottom:10px; cursor:pointer;}
.sltext .button1:hover { background:url(../images/button1_hover.png) no-repeat left top;}
.sltext_red { background:url(../images/red.png); background-color:none;}
.sltext_green { background:url(../images/green.png); background-color:none;}
.sltext_black { background:url(../images/black.png); background-color:none;}
.sltext_silver { background:url(../images/silver.png); background-color:none;}
.sltext_gold { background:url(../images/gold.png); background-color:none;}

/* media queries to handle home page slider and images */
@media screen and (min-width:1000px){.homeslider img._1x1{height:166px;}}

@media screen and  (max-width:999px){
#homeslider .owl-item .row .col-sm-6:last-of-type .row:first-of-type img {margin-bottom:3px;}
}

@media screen and (max-width:999px) and (min-width:768px){
#homeslider img._1x1{min-height:124px;}
#homeslider .pt11 {padding-top:10px;}
#homeslider .owl-item .row .col-sm-6:last-of-type .row:first-of-type .col-xs-6 .sltext,
#homeslider .owl-item .row .col-sm-6:last-of-type .row:first-of-type .col-xs-6 .f-fix .sltext  {bottom:3px;}
}
@media screen and (max-width:767px) and (min-width:481px){
#homeslider .col-xs-6, .homeslider .col-sm-6  { padding-top:5px;}
#homeslider img._1x1{min-height:210px;}
#homeslider img._1x1{max-height:220px;}
#homeslider .owl-item .row{margin-left: -2.5px;}
#homeslider .owl-item .row .col-sm:last-of-type{margin-left:0px;}
#homeslider .owl-item .row .col-sm-6:last-of-type{padding-left:0px;}
#homeslider .owl-item .row .col-sm-6:last-of-type .row:first-of-type .col-sm-6:first-of-type {padding-left:0px;}
#homeslider .owl-item .row .col-sm-6:last-of-type .row:last-of-type .col-sm-6:first-of-type,
#homeslider .owl-item .row .col-sm-6:last-of-type .row:last-of-type .col-sm-6:first-of-type {padding-left:0px;}
#homeslider .owl-item .row .col-sm-6:last-of-type .row:first-of-type .col-xs-6 .sltext,
#homeslider .owl-item .row .col-sm-6:last-of-type .row:first-of-type .col-xs-6 .f-fix .sltext  {bottom:3px;}
}

@media screen and (max-width:480px){
#homeslider .owl-item .row .col-sm-6:last-of-type {margin-top:5px;}
#homeslider img._1x1{min-height: 124px;}
#homeslider .owl-item .row{margin-left: -2.5px;}
#homeslider .owl-item .row .col-sm-6:last-of-type{padding-left:0px;}
#homeslider .owl-item .row .col-sm-6:last-of-type .row:first-of-type .col-sm-6:first-of-type {padding-left:0px;}
#homeslider .owl-item .row .col-sm-6:last-of-type .row:last-of-type .col-sm-6:first-of-type,
#homeslider .owl-item .row .col-sm-6:last-of-type .row:last-of-type .col-sm-6:first-of-type {padding-left:0px;}
#homeslider .owl-item .row .col-sm-6:last-of-type .row:first-of-type .col-xs-6 .sltext,
#homeslider .owl-item .row .col-sm-6:last-of-type .row:first-of-type .col-xs-6 .f-fix .sltext  {bottom:3px;}
}

@media (max-width:479px){.sltext h3{ font-size:14px;}}

/*brandslogo*/
.brandslogo { padding-left:134px; padding-top:10px;}
.brandslogo .owl-carousel { padding-left:15px; padding-right:15px;}
.brandslogo .owl-prev, .brandslogo .owl-next { background-color:#fff; width:20px; height:20px; text-align:center; border:1px solid #dadada; cursor:pointer; border-radius: 10px;
-moz-border-radius: 10px;-webkit-border-radius: 10px; position:absolute; top:50%; margin-top:-10px;}
.brandslogo .owl-prev i, .brandslogo .owl-next i {font-size:13px; line-height:15px;}
.brandslogo .owl-prev { left:-10px;}
.brandslogo .owl-next { right:-10px;}

/*excellent*/
.excellent-right .owl-carousel { padding-left:40px; padding-right:40px;}
.excellent-right .owl-prev, .excellent-right .owl-next { background:url(../images/excellent_arrow.jpg) no-repeat;width:23px; height:35px; position:absolute; cursor:pointer; top:50%; margin-top:-17px; text-indent:-9999px;}
.excellent-right .owl-prev { left:0px; background-position:left top;}
.excellent-right .owl-next { right:0px;background-position:right top;}

/*COMMEN STYLE*/
.owl-carousel .owl-wrapper:after {content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0;}
.owl-carousel{position:relative;display:none;width:100%;-ms-touch-action:pan-y;}
.owl-carousel .owl-wrapper{ position:relative;display:none;-webkit-transform:translate3d(0px, 0px, 0px);}
.owl-carousel .owl-wrapper-outer{ position:relative;overflow:hidden;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;text-align:center;}

.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;}
.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;}
.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;}
.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;}
.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;}

.hom-p-slider .slid .owl-carousel, .catlist .slid .owl-carousel{padding:0 15px;}
.item-brand .slid .owl-carousel{padding:0 10px;}
/* 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);}}