body{ margin:0; padding:0; font-family: 'Montserrat', Open Sans;}

.row{ margin:0; padding:0;}
.container90{     margin-right: auto; margin-left: auto; padding-left: 30px; padding-right: 30px;  position: relative;}
.top-black{ float:left; width:100%; background:#000;}

.main-logo{ display:none; float:left; width:100%; margin:10px 0px;}
.ml{}

.social{ float:right; width:auto; margin-left:15px; padding:5px 0px; color:#fff; text-align:right;}
.social a{ float:left; width:auto; margin:0px 10px; color:#fff; font-size:16px; text-decoration:none;}
.social a:hover{color:#666;}

.ser{ float:right; width:345px;}
.ser-bar{ float:left; width:auto; border-bottom:solid 1px #fff;  padding-bottom: 2px;    margin-top: 5px;}

.ser-bar input{ float:left; width:200px; background:none; border:none; font-size:12px; color:#fff; outline:none;}
.ser-bar input::placeholder{ color:#fff !important;}
.ser-bar a{float:right; width:auto; margin:0px 0px; color:#fff; font-size:13px; text-decoration:none;}
.wsdownmenu-list > li > a {
    /*font-weight: bold;*/ color: #000 !important;
	margin-right:20px;
}
.wsdownmenu {
font-family: 'Montserrat', sans-serif;
color: white;
font-size: 13px !important;
}
.ser-bar button{float:right; width:auto; margin:0px 0px; color:#fff; font-size:13px; text-decoration:none; border:none; background:none; color:#fff;}


.megamenu {
    box-shadow: 5px 5px 5px #999;
}


.logo-area{ float:left; width:100%; height:auto; background:#fff; box-shadow: 5px 5px 10px #ccc;}
.logo-cover{ float:left; width:100%; height:auto; background:#fff;}
.nlogo{ text-align:left;}
.nlogo img{ max-width:329px; width:100%;}

.nav-cover{ float:left; width:100%; height:auto;}
.image-container img{ float:left; width:100%;  background-size:100%;}
.image-container{ float:left; width:100%; min-height:300px;}


.block-cover{ float:left; width:100%; height:auto; background:#000; border-top:solid 1px #fff; }
.yblock{ float:left; width:100%; border:solid 2px #fff;}
.ybig{  border-right:solid 1px #fff; margin:0; padding:0; border-top:solid 1px #fff; border-bottom:solid 1px #fff; border-left: solid 1px #fff;}



.yb{ float:left; width:100%; height:624px;}

.yshelf-cover{ float:left; width:100%; height:auto; text-align:center; margin-top:0px; height:624px; transition: all 0.5s ease-out;}
.yshelf-cover:hover{ background:rgba(0,0,0,0.8);}

.yshelf-head{ float:left; width:100%; text-align:center; color:#fff;}
.yshelf-head sup{font-size:14px; color:#666; font-family:Open Sans; position:absolute; top:8px !important; transition: all 0.5s ease-out;}
.yshelf-head span{ float:left; width:100%; text-align:center; color:#666; font-size:52px; font-family: 'Montserrat'; position:relative;     text-transform: uppercase; transition: all 0.5s ease-out;     margin-top: 260px; transition: all 0.5s ease-out; opacity:0;}

.ybig:hover .yshelf-head span{ color:#fff; transition: all 0.5s ease-out;}
.ybig:hover .yshelf-head sup{color:#fff; transition: all 0.5s ease-out;}
.yshelf-tag { float:left; width:100%; text-align:center; color:#fff; font-size:16px; font-family: Open Sans; text-transform:uppercase; letter-spacing:8px; margin-top:10px; padding-bottom:30px; background:url(../img/ysborder.jpg) bottom center no-repeat; opacity: 0;}

.yread { float:left; width:96%; text-align:right; color:#fff; margin-top:250px;     font-size: 18px;}

.yread a { float:left; width:100%; text-align:center; color:#fff; font-size:18px; font-family: Open Sans; text-transform:uppercase;  margin-top:10px; text-decoration:none;}
.yread a:hover {color:#666;}

.yreadl { float:right; width:96%; text-align:left; color:#fff;  margin-top:250px;     font-size: 18px; }

.yreadl a { float:left; width:100%; text-align:center; color:#fff; font-size:18px; font-family: Open Sans; text-transform:uppercase;  margin-top:10px; text-decoration:none;}
.yreadl a:hover {color:#666;}

.ysmall{  margin:0; padding:0;}
.ysmall .col-md-6{ padding:0; margin:0; border:solid 1px #fff; height:313px;}

.ysse-text{ float:left; width:100%; text-align:center; font-size:22px; color:#fff; font-family: 'Montserrat';  text-transform:uppercase; padding:5px 0px; transition: all 0.5s ease-out; margin-top:270px; background:rgba(0,0,0,0.7);}

.ysse{ float:left; width:100%; height:100%; -webkit-transition: background-color 2s ease-out;  -webkit-transition: background-color 2s ease-out; transition: all 0.5s ease-out;  margin-top:0px; color:#fff;}
.ysse:hover{ background:rgba(0,0,0,0.6); float:left; width:100%; height:100%;  }

.ysse:hover .ysse-text{color:#fff; background:rgba(0,0,0,0.8);}

.footer-cover{ float:left; width:100%; background:#f5f5f5; padding:50px 0px;}

.bot-logo{ float:left; width:100%; text-align:center; margin-bottom:0px;}
.bot-logo img{ float:left; width:100%; max-width:270px; text-align:center;}
.fot-head{ float:left; width:100%; height:auto; font-size:15px; text-transform:uppercase; margin-bottom:20px; color:#000000; font-family:Open Sans; margin-top: 20px;}
.fot-head a{ text-decoration:none; color:#000000; font-family:Open Sans;}
.fot-dis{ float:left; width:100%; height:auto; font-size:12px; text-align:justify; margin-bottom:30px; color:#6f6f6f; line-height:22px; font-family:Open Sans;}
.fot-read{ float:left; width:100%; height:auto; font-size:12px; text-align:right; color:#6f6f6f; text-transform:uppercase; font-family:Open Sans;}
.fot-read a{font-size:12px; text-align:right; color:#6f6f6f; text-transform:uppercase; font-family:Open Sans; text-decoration:none;}
.fot-read a:hover{color:#000;}

.fot-link{ float:left; width:100%; height:auto; font-size:12px; text-align:left; color:#6f6f6f;  font-family:Open Sans; line-height:22px;}
.fot-link a{font-size:12px; text-align:left; color:#6f6f6f; font-family:Open Sans; text-decoration:none; float:left; width:100%;}
.fot-link a:hover{color:#000;}

.fot-link strong{color:#000;  font-family:Open Sans;}

.fot-social{ float:left; width:100%; height:auto; font-size:12px; text-align:left; color:#6f6f6f;  font-family:Open Sans; line-height:22px; margin-top:-15px;}
.fot-social a{font-size:14px; padding:5px; border:solid 1px #bababa; border-radius:50px; text-align:center; color:#bababa; font-family:Open Sans; text-decoration:none; float:left; width:auto;     margin-right: 5px; height: 25px; width: 27px; text-align: center; line-height: 14px;}
.fot-social a:hover{color:#fff; border:solid 1px #000; background:#000;}


.fot .box1{ float:left; width:26%;     margin-right: 8%;}
.fot .box2{ float:left; width:15%;    margin-right: 4%;}
.fot .box3{ float:left; width:15%;     margin-right: 4%;}
.fot .box4{ float:right; width:28%; margin-right:0px}

.copy{ font-size:11px; float:left; width:100%; color:#7f7f7f; text-align:center; margin-top:0px; padding-bottom:10px; font-family:Open Sans; background:#f5f5f5;}
.copy a{ color:#7f7f7f; text-align:center; text-align:center;}
.copy a:hover{ color:#000;}

/*------------------------------Inner page start here---------------------------------------*/
.inner-cover{ float:left; width:100%; height:auto; background:#000; height:110px;}
.head-cover{ float:left; width:100%; background:#000; padding: 30px 0px 10px 0px;}

.yshelf-headin{ float:left; width:100%; text-align:center; color:#fff;}
.yshelf-headin sup{font-size:14px; color:#fff; font-family:Open Sans; position:absolute; top:8px !important;}
.yshelf-headin span{ float:left; width:100%; text-align:center; color:#fff; font-size:52px; font-family: 'Montserrat'; position:relative;     text-transform: uppercase;}

.yshelf-tagin { float:left; width:100%; text-align:center; color:#fff; font-size:16px; font-family: Open Sans; text-transform:uppercase; letter-spacing:8px; margin-top:10px; padding-bottom:30px; }

.inse-cover{ float:left; width:100%; height:auto; background:#000;}
.inse-co{ float:left; width:100%;}

.inysmall{  margin:0; padding:0;}
.inysmall .col-md-6{ padding:0; margin:0; border:solid 1px #fff; height:480px;}
.inysse-text{ float:left; width:100%; text-align:center; font-size:34px; color:#fff; font-family: 'Montserrat'; margin-top:240px; text-transform:uppercase; padding:5px 0px; transition: all 0.5s ease-out;}

.inysse{ background:rgba(0,0,0,0.0); float:left; width:100%; height:100%; -webkit-transition: background-color 2s ease-out; }
.inysse:hover{background:rgba(0,0,0,0.7); float:left; width:100%; height:100%;  }
.inysse-text a{ float:left; width:100%; text-align:center; font-size:14px; color:#fff; font-family:Open Sans; margin-top:5px; text-decoration:none;}
.inysse-text a:hover{ color:#666;}

.midsel{ float:right; width:60%; margin-right: 5%;}
.midser{ float:left; width:60%; margin-left: 5%;}




.yshelf-headinf{ float:left; width:100%; text-align:center; color:#000;     margin-top: 20px;}
.yshelf-headinf sup{font-size:14px; color:#000; font-family:Open Sans; position:absolute; top:8px !important;}
.yshelf-headinf span{ float:left; width:100%; text-align:center; color:#000; font-size:52px; font-family: 'Montserrat'; position:relative;     text-transform: uppercase;}

.yshelf-taginf { float:left; width:100%; text-align:center; color:#000; font-size:16px; font-family: Open Sans; text-transform:uppercase; letter-spacing:8px; margin-top:10px; padding-bottom:30px; }


.pf-cover{ float:left; width:100%; height:auto; padding:50px 0px;}
.pf-co{ float:left; width:100%;  padding-bottom:10px; }
.pfco-head{ float:left; width:100%; height:auto; font-size:24px; font-family:'Montserrat'; color:#000; text-align:left; text-transform:uppercase; font-weight:bold;}
.pfco-show{ float:left; width:100%; height:auto; font-size:14px; font-family: Open Sans; text-align:right; color:#666; margin-top:5px;}
.pfco-hr{ float:left; width:100%; height:auto;}
.pfco-hr hr{ float:left; width:100%; height:auto;}

.fil-area{ float:left; width:100%; height:auto; background:#fff;}
.fin-cover{ float:left; width:100%; height:auto;}

.head-coverf{ float:left; width:100%; background:#fff; padding: 0px 0px 10px 0px;     margin-top: 20px;}

.divInfo{display: block;}
.filsh{ float:left; width:100%; font-size:14px; color:#000; border-bottom:solid 1px #ddd; padding:10px 0px; display:none; background:url(../img/filter.png) center right no-repeat; background-size:12px; }
.filsh a{ float:left; width:100%; font-size:14px; color:#000; text-transform:uppercase; text-decoration:none; cursor:pointer;}
.filsh a:hover{color:#666;}
.fc-cover{ float:left; width:100%; height:auto;     margin-bottom: 40px;}
.fc-head{ float:left; width:100%; height:auto; padding-bottom:15px; border-bottom:solid 2px #000; color:#000; font-size:16px; font-weight:bold; text-transform:uppercase; font-family:'Montserrat'; margin-bottom:0px;}
.fc-link{ float:left; width:100%; height:auto;  color:#555; font-size:14px;  font-family: Open Sans; padding-left:15px; margin-top: 15px;}
.checkbox label {font-size: 13px; color: #555; font-family: Open Sans; float: left; width: 100%; margin:10px 0px 0px 0px;}
.fc-link input{ outline:none;}

.pro-list-cover{ float:left; width:100%; height:auto;}
.pro-box{ float:right; width:95%; height:auto; margin-top: 12px;}
.pro-head{ float:left; width:100%; height:auto; font-size:14px; font-weight:bold; color:#000; font-size:14px; border-bottom:solid 1px #ddd; padding-bottom:5px; }
.pro-full{ float:left; width:100%; height:auto;  padding:30px 0px; border-bottom:solid 1px #fff;}

.pro-full-img{ float:left; width:100%; height:auto; text-align:left; margin:10px 0px;}
.pro-full-img img{ width:auto; max-width:100%;}

.pro-full-text{ float:left; width:100%; height:auto; text-align:left; color:#555; font-size:13px;  font-family: Open Sans; line-height:20px; margin:10px 0px;}
.pro-full-but{ float:left; width:100%; height:auto; text-align:center;  margin:10px 0px; margin-top:50px;}
.pro-full-but span{ width:auto; height:auto; text-align:center; padding:10px 28px; background:#eee; color:#000; font-size:13px; text-decoration:none; text-transform:uppercase; margin:10px 0px; }
.pro-full:hover .pro-full-but span {background:#000; color:#fff;}

.pro-full:hover {background: #fff; }
/*.pro-full:hover .pro-full-img{background: #fff; box-shadow: 0px 0px 11px #eee;}*/

.carousel-caption {
    right: 20%;
    left: 0%;
    padding-bottom: 0%; width:30%;bottom: 0; }
/*.carousel-caption h2{font-size:50px; font-weight:bold; text-shadow:3px 3px 3px #666;}*/
.carousel-caption a{ color:#fff; font-weight:bold;  text-decoration:none; text-align: left; padding: 10px; background:rgba(0,0,0,0.6); float: left; margin: 20px; font-family:'Montserrat';}

.carousel-inner {z-index: 18;}
.carousel-indicators {z-index: 20;}
.carousel-control {z-index: 99;}
.lip-l{ float:left;}
.lip-r{ float:right;}
.carousel-caption p{ margin:0 !important; font-family:'Montserrat';}
/*------------------------------Inner page end here---------------------------------------*/

.infopf-co{ float:left; width:100%;  padding-bottom:10px;     margin-top: -25px; }
.infopfco-head{ float:left; width:100%; height:auto; font-size:21px; font-family:'Montserrat'; color:#000; text-align:left; text-transform:uppercase; font-weight:bold;}
.infopfco-head a{font-size:21px; font-family:'Montserrat'; color:#000; text-decoration:none;}
.infopfco-head a:hover{color:#666;}



.infopro-list-cover{ float:left; width:100%; height:auto;}
.infopro-box{ float:left; width:100%; height:auto; margin-top: 12px;}
.infopro-head{ float:left; width:100%; height:auto; font-size:24px; font-weight:bold; color:#000;  text-align:center;  }
.infopro-full{ float:left; width:100%; height:auto;  padding:30px 0px; border-bottom:solid 1px #ddd;  border-top:solid 1px #ddd; padding:30px 0px;}

.infopro-full-img{ float:left; width:100%; height:auto; text-align:left; margin:10px 0px;}
.infopro-full-img img{ width:auto; max-width:100%;}

.infopro-full-text{ float:left; width:100%; height:auto; text-align:left; color:#555; font-size:13px;  font-family: Open Sans; line-height:20px; margin:10px 0px;}
.infopro-full-but{ float:left; width:100%; height:auto; text-align:center;  margin:10px 0px; margin-top:0px;}
.infopro-full-but span{ width:auto; height:auto; text-align:center; padding:10px 28px; background:#eee; color:#000; font-size:13px; text-decoration:none; text-transform:uppercase; margin:10px 0px; }
.infopro-full:hover .pro-full-but span {background:#000; color:#fff;}

.ifb-text{ float:left; width:100%; font-size:13px; color:#000; margin-bottom:5px; font-weight:bold; text-align:left; text-transform:uppercase; font-family: Open Sans;}
.ifb-link{ float:left; width:100%;}
.ifb-link a{float:left; width:auto;     height: 35px; width: 40px; border: solid 1px #ddd; border-radius: 1px; margin: 2px; font-size: 16px; font-weight: bold; line-height: 35px; text-decoration:none; background:#eee; color:#000; position:relative;}
.ifb-link a:hover{background:#000; color:#fff;}

.ifb-link a strong{    position: absolute;
    width: 40px;
    height: 40px;
    top: 2px;
    left: 0;}


.pro-info-cover{ float:left; width:100%; height:auto; margin:30px 0px; font-size: 13px; font-family: Open Sans;}
.pro-info-text{ float:left; width:100%; height:auto; font-size:13px; color:#444; line-height:22px; font-family: Open Sans; text-align: justify;}
.pro-info-text strong{color:#000; font-family: Open Sans;}

.pro-down{ float:right; width:100%; padding:25px; background:#f2f2f2;  font-family: Open Sans; font-size:13px; color:#444;     padding: 10px;}

.pro-down-head{ float:left; width:100%; height:auto; font-size:16px; text-transform:uppercase; color:#000; margin-bottom:5px; font-weight:bold;}
.pro-down-links{ float:left; width:100%; height:auto;  font-size:13px; color:#444; line-height:24px; font-family: Open Sans;}
.pro-down-links a{  font-size:13px; color:#444; text-decoration:none; }
.pro-down-links a:hover{  font-size:13px; color:#000; }


.arr{ float:left; width:100%; margin-top:30px;}
.arr-left{ float:left; width:100%; text-align:left;}
.arr-left a{  font-size:13px; color:#000;  font-family:'Montserrat'; padding:5px 15px; background:#f2f2f2; text-decoration:none; text-transform:uppercase; font-size:11px; font-weight:bold; }
.arr-left a:hover{   color:#000;   background:#333; color:#fff;}

.arr-right{ float:left; width:100%; text-align:right;}
.arr-right a{  font-size:13px; color:#000;  font-family:'Montserrat'; padding:5px 15px; background:#f2f2f2; text-decoration:none; text-transform:uppercase; font-size:11px; font-weight:bold; }
.arr-right a:hover{   color:#000;   background:#333; color:#fff;}

/*------------------------------About us start here---------------------------------------*/
.ab-nav-cover{ float:left; width:100%; background:#000; padding:12px 0px;}
.ab-nav{ float:left; width:100%; text-align:center;}
.ab-nav a{ width:auto; padding:5px 15px; color:#fff; text-transform:uppercase; color:#fff; border-bottom:2px solid #000; padding-bottom:5px; text-decoration:none; margin: 0 30px;}
.ab-nav a:hover{ width:auto; padding:5px 15px; color:#fff;  text-transform:uppercase; border-bottom:2px solid #fff;}

.com-cover{ float:left; width:100%; height:auto;}
.com-head{ float:left; width:100%; height:auto; font-size:38px; font-weight:bold; color:#000; font-family:'Montserrat'; text-align:center; margin-bottom:40px; margin-top: 60px; margin-bottom: 50px; }
.com-left{ float:left; width:100%; height:auto; line-height:22px; font-size:13px; color:#444; text-align:justify; font-family: Open Sans;}
.com-right{ float:left; width:100%; height:auto; line-height:32px; font-size:13px; background:#000; color:#444;  font-family:'Montserrat';  color:#fff; font-size:20px;     box-shadow: 2px 7px 13px #ccc; border:5px solid #fff; text-transform:uppercase; padding:30px 15px;}

.sec1{ float: left; width: 100%; padding: 0px 0px;}
.sec2{ float: left; width: 100%; padding: 0px 0px;}
.sec3{ float: left; width: 100%; padding: 0px 0px;}
.sec4{ float: left; width: 100%; padding: 0px 0px 100px 0px;}

.fixme { width: 100%; z-index:999; }
/*------------------------------About us end here---------------------------------------*/


/*------------------------------Gallery start here---------------------------------------*/
.gal-in-cover{ float:left; width:100%; height:auto; padding:50px 0px;}
.gal-co{ float:left; width:100%;}

.gal-left{ float:left; width:49.5%; }
.gal-right{ float:right; width:49.5%;}

.gal-im{ float:left; width:100%;   position: relative; overflow: hidden;}
.gal-im img{ width:100%;}

.gal-im img {
  max-width: 100%;
  
  -moz-transition: all 0.5s;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}
.gal-im:hover img {
  -moz-transform: scale(1.1);
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
  transition: all 0.5s;
}
.gal-row{ float:left; width:100%; height:auto;}
.gr-box{ float:left; width:23%;  height:auto; margin:10px 5px 10px 0px;}
.gr-box img{ float:left; width:100%;transition: all 0.8s;}

.gr-box img:hover{-webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */
    filter: grayscale(100%);transition: all 0.5s;}

.gr-box span{ float:right; width:60%; text-align:left; font-weight:bold; font-size:16px; color:#000; font-family:'Montserrat';  text-transform:uppercase; height:100%;     padding: 42% 0%;}
.gr-box:hover span{color:#666;} 

/*------------------------------Gallery end end here---------------------------------------*/

/*------------------------------Gallery inner start here---------------------------------------*/
.galbox{ float:left; width:100%; height:auto;}
.popy{ float:left;     width: 19%; margin:5px 0px 0px 5px;}
.popy img{ float:left; width:100%; height:235px;     overflow: hidden;}
.ingal-in-cover {float: left; width: 100%; height: auto; padding: 20px 0px 50px 0px;}
/*------------------------------Gallery inner end end here---------------------------------------*/


/*------------------------------Dealer locator start here---------------------------------------*/
.dll{ margin:0 auto; width:85%;}
.dl-cover{ float:left; width:100%; height:auto;font-family:'Montserrat';  font-family: Open Sans;}
.dl-co{ float:left; width:100%; height:auto;}
.dla{ float:left; width:100%; margin-top:0px;}
.dla span{ float:left; width:100%; font-size:14px; color:#000;  font-weight:bold;font-family:'Montserrat'; margin-top: 10px;   margin-bottom: 2px;}
.dla input{ float:left; width:100%; font-size:14px; color:#000;  font-weight:bold; margin-top:5px; border:solid 1px #a0a0a0; outline:none; height:45px; padding-left:15px;font-family:'Montserrat'; border-radius: 0;}
.dla select{ float:left; width:100%; font-size:14px; color:#000;  font-weight:bold; margin-top:5px; border:solid 1px #a0a0a0; outline:none; height:45px; padding-left:15px;font-family:'Montserrat'; border-radius: 0;}

.dla-head{ float:left; width:100%; margin-bottom:0px; font-size:18px; color:#000; text-transform:uppercase; font-weight:bold;}
.dla-head p{ float:left; width:100%; font-size:12px; color:#666;  text-transform:none; font-weight:normal;     margin-top: 10px;}


.dlab{ float:left; width:100%; margin-top:25px;}
.dlab span{ float:left; width:100%; font-size:14px; color:#000; text-transform:uppercase; font-weight:bold;}
.dlab input{ float:left; width:100%; font-size:14px; border:none;  color:#000; text-transform:uppercase; background:#eee; font-weight:bold; margin-top:13px;  outline:none; height:45px; cursor:pointer; font-family:'Montserrat';}
.dlab input:hover{color:#fff; background:#000;}

.dl-or{ float:left; width:100%; margin:50px 0px; text-align:center;}
.dl-or span{width:auto; padding:15px; text-align:center; font-size:18px; border:solid 1px #eee; border-radius:50px; color:#eee;}
.dl-co1{ float:left; width:100%; height:auto;}
.dla1{ float:left; width:100%; margin-top:10px;}
.dla1 span{ float:left; width:100%; font-size:14px; color:#000;  font-weight:bold;font-family:'Montserrat';}
.dla1 select{ float:left; width:100%; font-size:14px; color:#000;  font-weight:bold; margin-top:5px; border:solid 1px #a0a0a0; outline:none; height:45px; padding-left:15px; font-family:'Montserrat'; border-radius: 0;}
.dla1 textarea{ float:left; width:100%; font-size:14px; color:#000;  font-weight:bold; margin-top:5px; border:solid 1px #a0a0a0; outline:none; height:95px; padding-left:15px; font-family:'Montserrat'; border-radius: 0;}

.dl-box{ float:left; width:100%; height:auto; margin:00px 0px 30px 0px}
.dl-box-head{float:left; width:100%; font-size:18px; color:#000; text-transform:uppercase; font-weight:bold; border-bottom:solid 1px #ddd; padding-bottom:15px; margin-bottom:15px; font-family:'Montserrat';}
.dl-box-text{float:left; width:100%; height:auto; margin:10px 0px 0px 0px; }

.dlin-box{ float:left; color:#333; line-height:22px; height: 120px;    overflow: auto; margin-bottom:30px; width:100%;     font-size: 14px;}
.dlin-box a{ float:none; color:#1360b6; width:100%;     font-size: 13px; text-decoration:none;}
.dlin-box a:hover{color:#000;}
.dlin-box strong{ color:#000;}

.dlabc{ float:left; width:100%; margin-top:10px; text-align:center; margin-bottom:50px;}

.dlabc input{ width:auto; font-size:14px; border:none;  color:#000; text-transform:uppercase; background:#eee; font-weight:bold; margin-top:5px;  outline:none; height:44px; cursor:pointer; font-family:'Montserrat'; padding:8px 60px;}
.dlabc input:hover{color:#fff; background:#000;}
/*------------------------------Dealer locator end here---------------------------------------*/


/*------------------------------Catalog start here---------------------------------------*/
.cata-p{     float: left;    width: 100%;    height: auto;    font-size: 15px;    text-align: center;    margin-bottom: 30px;    color: #6f6f6f;    line-height: 22px;    font-family: Open Sans;}
.cata-box{ float:left; width:100%; height:auto; text-align:center; margin:0px 0px 30px 0px;  padding:10px 0px; border-top:solid 1px #fff; border-bottom:solid 1px #fff;}
.cata-im{ float:left; width:100%; height:auto; text-align:center;}
.cata-im img{width:100%; max-width:260px; height:342px; text-align:center;}
.cata-text{     float: left;    width: 100%;    height: auto;    font-size: 15px;    text-align: center;    margin-bottom: 0px; height: 45px;
    overflow: hidden;   color: #6f6f6f;    line-height: 22px;    font-family: Open Sans;}

.cata-box:hover{border-top:solid 1px #ddd; border-bottom:solid 1px #ddd;}

/*------------------------------Catalog  end here---------------------------------------*/
.btn-primary {
    color: #fff;
    background-color: #000000;
    border-color: #000000;
    padding: 4px 12px;
}
.btn-default{    color: #fff;
    background-color: #333;
    border-color: #000000;
    padding: 4px 12px;
}
.lili{margin-top: 100px;}

@media(max-width:900px) and (min-width:700px){
.main-logo{ display:block; float:left; width:100%; margin:10px 0px; text-align:center;}
.main-logo img{ width:100%; max-width:222px;}
.ml{display:none !important;}
.wsdownmenu-list > li > a { line-height: 18px !important;}
.megamenu {
    top: 28px;
	height:250px !important; overflow:auto !important;
}
.disp{ display:none !important; }
.wsdownmenu {
    width: 100%;
    margin: 1% 0%;
    border: none;
}
.ysmall {
    margin: 0;
    padding: 0;
    width: 100%;
    float: left;
}
.container {
    width: 100%;
}
.fot .box1 {
    float: left;
    width: 100%;
    margin-right: 0%;
}
.fot .box4 {
    float: right;
    width: 100%;
    margin-right: 0px;
}
.fot .box3 {
    float: left;
    width: 50%;
    margin-right: 0%;
}
.fot .box2 {
    float: left;
    width: 50%;
    margin-right: 0%;
}
.bot-logo img {
    float: none;
    width: 100%;
    max-width: 222px;
    text-align: center;
}
.filsh {float: left; width: 100%; font-size: 14px; color: #000; border-bottom: solid 1px #ddd; padding: 10px 0px; display: block; margin-bottom: 15px; background:url(../img/filter.png) center right no-repeat; background-size:12px;}
.divInfo { display: none;}
.pro-box { float: left; width: 100%; height: auto; margin-top: 12px;}

.infopro-head {border-bottom: solid 1px #ddd; padding-bottom: 10px; margin-bottom: 10px;}
.infopro-full-but {margin-top: 10px;}
.infopfco-head a {font-size: 12px;}
.infopfco-head {font-size: 12px;}
.pro-down {margin-bottom: 20px;}
.arr-left a {float: left; width: 100%; text-align: center; margin-bottom: 5px;}
.arr-right a {float: left; width: 100%; text-align: center; margin-bottom: 5px;}

.gal-left {
    float: left;
    width: 49.5%; margin-bottom: 20px;
}
.gal-right {
    float: right;
    width: 49.5%;
}
.gr-box {
    float: left;
    width: 22%;
    height: auto;
    margin: 5px 5px 0px 0px;
}
.gr-box span {
    float: left;
    width: 100%;
    text-align: center;
    
    font-weight: bold;
    font-size: 12px;
    color: #000;
    font-family: 'Montserrat';
    font-style: italic;
    text-transform: uppercase;
    height: 100%;
}
.fixme { width: 100%;  z-index: 999;  display: none;}
.com-right {margin: 20px 0px;}
.com-left {margin: 20px 0px;}
.com-head { margin-top: 50px; margin-bottom: 30px;}
.sec1 {margin-bottom: 50px;}
.sec2 {margin-bottom: 50px;}
.sec3 {margin-bottom: 50px;}
.sec4 {margin-bottom: 50px;}

.dlab{ float:left; width:100%; margin-top:10px;}
.lip-r { float: left; width: 100%;}
.carousel-caption {padding-bottom: 0%;}
.carousel-caption {
    right: 20%;
    left: 0%;
    padding-bottom: 0%;
    width: 40%;
    bottom: 0;
}
.lili {
    margin-top: 120px;
}
}





@media(max-width:700px) and (min-width:500px){
.main-logo{ display:block; float:left; width:100%; margin:10px 0px; text-align:center;}
.main-logo img{ width:100%; max-width:222px;}
.ml{display:none !important;}
.wsdownmenu-list > li > a { line-height: 18px !important;}
.navbar-fixed-bottom, .navbar-fixed-top {position: relative; right: 0; left: 0; z-index: 1030; margin-bottom: 0;}
.megamenu {
    top: 28px;
}
.wsdownmenu {
    float: left;
    max-height: 250px !important;
    overflow: auto !important;
	margin: 0% 0% !important;
}

.disp{ display:none !important; }
.wsdownmenu {
    width: 100%;
    margin: 1% 0%;
    border: none;
}
.ysmall {
    margin: 0;
    padding: 0;
    width: 100%;
    float: left;
}
.container {
    width: 100%;
}
.fot .box1 {
    float: left;
    width: 100%;
    margin-right: 0%;
}
.fot .box4 {
    float: right;
    width: 100%;
    margin-right: 0px;
}
.fot .box3 {
    float: left;
    width: 50%;
    margin-right: 0%;
}
.fot .box2 {
    float: left;
    width: 50%;
    margin-right: 0%;
}
.bot-logo img {
    float: none;
    width: 100%;
    max-width: 222px;
    text-align: center;
}
.filsh {float: left; width: 100%; font-size: 14px; color: #000; border-bottom: solid 1px #ddd; padding: 10px 0px; display: block; margin-bottom: 15px; background:url(../img/filter.png) center right no-repeat; background-size:12px;}
.divInfo { display: none;}

.infopro-head {border-bottom: solid 1px #ddd; padding-bottom: 10px; margin-bottom: 10px;}
.infopro-full-but {margin-top: 10px;}
.infopfco-head a {font-size: 12px;}
.infopfco-head {font-size: 12px;}
.pro-down {margin-bottom: 20px;}
.arr-left a {float: left; width: 100%; text-align: center; margin-bottom: 5px;}
.arr-right a {float: left; width: 100%; text-align: center; margin-bottom: 5px;}

.gal-left {
    float: left;
    width: 100%; margin-bottom: 20px;
}
.gal-right {
    float: left;
    width: 100%;
}
.gr-box {
    float: left;
    width: 23%;
    height: auto;
    margin: 5px 5px 0px 0px;
}

/*------------------------------Gallery inner start here---------------------------------------*/
.galbox{ float:left; width:100%; height:auto;}
.popy{ float:left;     width: 32%; margin:5px 0px 0px 5px;}
.popy img{ float:left; width:100%; height:235px;}
.ingal-in-cover {float: left; width: 100%; height: auto; padding: 20px 0px 50px 0px;}
/*------------------------------Gallery inner end end here---------------------------------------*/

.fixme { width: 100%;  z-index: 999;  display: none;}
.com-right {margin: 20px 0px;}
.com-left {margin: 20px 0px;}
.com-head { margin-top: 50px; margin-bottom: 30px;}
.sec1 {margin-bottom: 50px;}
.sec2 {margin-bottom: 50px;}
.sec3 {margin-bottom: 50px;}
.sec4 {margin-bottom: 50px;}
.inner-cover {
    display: none;
}
.dlab{ float:left; width:100%; margin-top:10px;}
.lip-r { float: left; width: 100%;}
.carousel-caption {
    right: 20%;
    left: 0%;
    padding-bottom: 0%;
    width: 50%;
    bottom: 0;
}
.lili {
    margin-top: 0;
}
}



@media(max-width:500px) and (min-width:50px){
.ser {float: left; width: 100%;}
.social {float: left; width: 100%; margin-left: 0; padding: 5px 0px; color: #fff; text-align: center;}
.social a { float: none;}
.ser-bar {width: 100%;}
.ser-bar input { width: 85%;}
.navbar-fixed-bottom, .navbar-fixed-top {position: relative; right: 0; left: 0; z-index: 1030; margin-bottom: 0;}
.main-logo{ display:block; float:left; width:100%; margin:10px 0px; text-align:center;}
.main-logo img{ width:100%; max-width:222px;}
.ml{display:none !important;}
.wsdownmenu-list > li > a { line-height: 18px !important;}
.megamenu {
    top: 28px;
}
.wsdownmenu {
    float: left;
    max-height: 250px !important;
    overflow: auto !important;
	margin: 0% 0% !important;
}
.yshelf-head span {
    font-size: 32px;
}
.yread a {
    font-size: 15px;
}
.yb {
    float: left;
    width: 100%;
    height: 300px;
}
.yshelf-cover {
    margin-top: 130px;
}

.yshelf-tag {
    font-size: 14px;
}
.disp{ display:none !important; }
.wsdownmenu {
    width: 100%;
    margin: 1% 0%;
    border: none;
}
.ysmall {
    margin: 0;
    padding: 0;
    width: 100%;
    float: left;
}
.container {
    width: 100%;
}
.fot .box1 {
    float: left;
    width: 100%;
    margin-right: 0%;
}
.fot .box4 {
    float: right;
    width: 100%;
    margin-right: 0px;
}
.fot .box3 {
    float: left;
    width: 100%;
    margin-right: 0%;
}
.fot .box2 {
    float: left;
    width: 100%;
    margin-right: 0%;
}
.bot-logo img {
    float: none;
    width: 100%;
    max-width: 222px;
    text-align: center;
}
.yshelf-head sup {font-size: 10px;}
	.midsel{ float:right; width:100%; margin:0;}
.midser{ float:left; width:100%; margin:0;}
.yshelf-headin sup{font-size:11px; color:#fff; font-family:Open Sans; position:absolute; top:8px !important;}
.yshelf-headin span{ float:left; width:100%; text-align:center; color:#fff; font-size:32px; font-family: 'Montserrat'; position:relative;     text-transform: uppercase;}
.yshelf-tagin { float:left; width:100%; text-align:center; color:#fff; font-size:14px; font-family: Open Sans; text-transform:uppercase; letter-spacing:8px; margin-top:10px; padding-bottom:30px; }
.inysmall .col-md-6{ padding:0; margin:0; border:solid 1px #fff; height:280px;}
.inysse-text{ float:left; width:100%; text-align:center; font-size:24px; color:#fff; font-family: 'Montserrat'; margin-top:100px; text-transform:uppercase; padding:5px 0px; transition: all 0.5s ease-out;}

.yshelf-headinf sup {font-size: 11px;}
.yshelf-headinf span { float: left;  font-size: 32px;}
.yshelf-taginf {font-size: 14px;}
.pfco-head {text-align: center;}

.pfco-show {text-align: center;}
.filsh {float: left; width: 100%; font-size: 14px; color: #000; border-bottom: solid 1px #ddd; padding: 10px 0px; display: block; margin-bottom: 15px; background:url(../img/filter.png) center right no-repeat; background-size:12px;}
.divInfo { display: none;}

.inner-cover{display:none;}
.carousel-caption {padding-bottom: 50%;}
.carousel-caption h2 {font-size: 30px;}
.pro-box {float: left; width: 100%; height: auto; margin-top: 12px;}

.dps{ padding-right: 0 !important; padding-left: 0 !important;}
.pro-full-text {text-align: left;}
.carousel-caption a {
   
    color: #fff;
    font-weight: bold;
    text-decoration: none;
    text-align: center;
    padding: 10px;
    background: rgba(0,0,0,0.6);
    float: left;
    width: 87%;
}


.lip-l{ float:left;}
.lip-r{ float:right; float:left; width:100%;}

.infopro-head {border-bottom: solid 1px #ddd; padding-bottom: 10px; margin-bottom: 10px;}
.infopro-full-but {margin-top: 10px;}
.infopfco-head a {font-size: 12px;}
.infopfco-head {font-size: 12px;}
.pro-down {margin-bottom: 20px;}
.arr-left a {float: left; width: 100%; text-align: center; margin-bottom: 5px;}
.arr-right a {float: left; width: 100%; text-align: center; margin-bottom: 5px;}


.gal-left {
    float: left;
    width: 100%; margin-bottom: 20px;
}
.gal-right {
    float: left;
    width: 100%;
}
.gr-box {
    float: left;
    width: 48%;
    height: auto;
    margin: 5px 5px 0px 0px;
}

/*------------------------------Gallery inner start here---------------------------------------*/
.galbox{ float:left; width:100%; height:auto;}
.popy{ float:left;     width: 48%; margin:10px 0px 0px 5px;}
.popy img{ float:left; width:100%; height:150px;}
.ingal-in-cover {float: left; width: 100%; height: auto; padding: 0px 0px 50px 0px;}
/*------------------------------Gallery inner end end here---------------------------------------*/
.dll{ margin:0 auto; width:100%;}
.dlin-box {height: auto;}
.fixme {display: none;}
.com-head { margin-top: 40px;}
.fixme { width: 100%;  z-index: 999;  display: none;}
.com-right {margin: 20px 0px;}
.com-left {margin: 20px 0px;}
.com-head { margin-top: 50px; margin-bottom: 0px; font-size: 28px;}
.sec1 {margin-bottom: 50px;}
.sec2 {margin-bottom: 50px;}
.sec3 {margin-bottom: 50px;}
.sec4 {margin-bottom: 0px;}
.dlab{ float:left; width:100%; margin-top:10px;}
.ysmall .col-md-6 { height: 275px;}
.ysse-text { margin-top: 230px;

}
.carousel-caption {
    right: 20%;
    left: 0%;
    padding-bottom: 50%;
    width: 100%;
    bottom: 0;
}
.yreadl {
    float: right;
    width: 96%;
    text-align: center;
    color: #fff;
    margin-top: -40px;
    font-size: 18px;
}

.yread {
    float: right;
    width: 96%;
    text-align: center;
    color: #fff;
    margin-top: -40px;
    font-size: 18px;
}
.yshelf-cover {
    margin-top: 0px;
}
.lili {
    margin-top: 0;
}
}




/*------------------------------Pagination inner start here---------------------------------------*/


.contents{
	margin: 20px;
	padding: 20px;
	list-style: none;
	background: #F9F9F9;
	border: 1px solid #ddd;
	border-radius: 5px;
}
.contents li{
    margin-bottom: 10px;
}
.loading-div{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.56);
	z-index: 999;
	display:none;
}
.loading-div img {
	margin-top: 20%;
	margin-left: 50%;
}

/* Pagination style */
.pagination{margin:0;padding:0;}
.pagination li{
	display: inline;
	
}
.pagination li a{
padding: 6px 10px 6px 10px;
	border: 1px solid #ddd;
	margin-right: -1px;
	
	background: #FFFFFF;
	/*box-shadow: inset 1px 1px 5px #F4F4F4;*/
    text-decoration:none;
    color:#555;
}
.pagination li.active{
padding: 6px 10px 6px 10px;
	border: 1px solid #ddd;
	margin-right: -1px;
	
	background: #000;
	/*box-shadow: inset 1px 1px 5px #F4F4F4;*/
    text-decoration:none;
    color:#fff;
}
.pagination li.first {
    border-radius: 5px 0px 0px 5px;
}
.pagination li.last {
    border-radius: 0px 5px 5px 0px;
}
.pagination li:hover{
	background: #333; color:#fff;
}
/*.pagination li.active{
	background: #F0F0F0;
	color: #333;
}
*/
/*------------------------------Pagination inner end end here---------------------------------------*/
