body {margin:0; padding:0; font-weight:400; font-family: 'DINProRegular';}

img{border:0;}

ul{list-style:none; margin:0px; padding:0px;}

.fl{float:left}

.fr{float:right}

.clear{clear:both}

.over-flow{overflow:hidden}

h1, h2, h3, h4, h5{margin:0px; padding:0px;}

a{text-decoration:none; border:none;}

hr{color:#f8f8f8;}

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video{margin: 0; padding: 0; border: 0; font-size:100%; line-height:normal; outline:0; list-style:none; text-decoration:none;}









@font-face {

    font-family: 'DINProRegular';

    src: url('fonts/DINProRegular.eot');

    src: url('fonts/DINProRegular.eot') format('embedded-opentype'),

         url('fonts/DINProRegular.woff2') format('woff2'),

         url('fonts/DINProRegular.woff') format('woff'),

         url('fonts/DINProRegular.ttf') format('truetype'),

         url('fonts/DINProRegular.svg#DINProRegular') format('svg');

}



@font-face {

    font-family: 'DINProMedium';

    src: url('fonts/DINProMedium.eot');

    src: url('fonts/DINProMedium.eot') format('embedded-opentype'),

         url('fonts/DINProMedium.woff2') format('woff2'),

         url('fonts/DINProMedium.woff') format('woff'),

         url('fonts/fonts/DINProMedium.ttf') format('truetype'),

         url('fonts/fonts/DINProMedium.svg#DINProMedium') format('svg'); 

}



@font-face {

    font-family: 'DINProBold';

    src: url('fonts/DINProBold.eot');

    src: url('fonts/DINProBold.eot') format('embedded-opentype'),

         url('fonts/DINProBold.woff2') format('woff2'),

         url('fonts/DINProBold.woff') format('woff'),

         url('fonts/DINProBold.ttf') format('truetype'),

         url('fonts/DINProBold.svg#DINProBold') format('svg');

}

@font-face {

    font-family: 'ProximaNovaRegwebfont_0';

    src: url('fonts/ProximaNovaRegwebfont_0.eot');

    src: url('fonts/ProximaNovaRegwebfont_0.eot') format('embedded-opentype'),

         url('fonts/ProximaNovaRegwebfont_0.woff2') format('woff2'),

         url('fonts/ProximaNovaRegwebfont_0.woff') format('woff'),

         url('fonts/ProximaNovaRegwebfont_0.ttf') format('truetype'),

         url('fonts/ProximaNovaRegwebfont_0.svg#ProximaNovaRegwebfont_0') format('svg');

}



@font-face {

    font-family: 'ProximaNovaBoldwebfont';

    src: url('fonts/ProximaNovaBoldwebfont.eot');

    src: url('fonts/ProximaNovaBoldwebfont.eot') format('embedded-opentype'),

         url('fonts/ProximaNovaBoldwebfont.woff2') format('woff2'),

         url('fonts/ProximaNovaBoldwebfont.woff') format('woff'),

         url('fonts/ProximaNovaBoldwebfont.ttf') format('truetype'),

         url('fonts/ProximaNovaBoldwebfont.svg#ProximaNovaBoldwebfont') format('svg');

}

/*--------Home Slider Start Here------------------*/
/* 
.mz-figure.mz-hover-zoom.mz-no-expand.mz-ready > img{min-height:350px !important;}

.enquiry-img{position:fixed; top:40%; right:0%; overflow:hidden; cursor:pointer; z-index:999;}
.enquire{position:fixed; right:-241px; top:43%; width:270px; z-index:99999;}
.slide2{float:left; position:absolute; left:-20px; top:-6px; cursor:pointer;}
.enquire-form{float:right; padding:26px 15px 10px 10px; width:216px; background:#f8f8f8;}
.enquire-form input{padding:6px; border:1px solid#ccc; float:right; width:88%; margin:5px 8px; font-family:Roboto; color:#666;}
.enquire-form textarea{padding:6px; border:1px solid#ccc; float:right; width:88%; margin:5px 8px; height:20px; font-size:13px; font-family:Roboto; height:50px; color:#666;}
.submit{background:#652b8c ; font-size:15px; color:#fff; padding:6px 10px; border:none; float:right; margin:5px 8px 0px 0px; font-family:Roboto;}
.close{position:absolute; top:4px; right:4px; cursor:pointer;}
 */

/***************************************/



.enquirypop {width:200px; padding:20px; right:-242px; top:50%; position:fixed; z-index:9; margin:-120px 0 0 0; background:#eee; -webkit-box-shadow:0 0px 5px 0 rgba(0,0,0,.4); -moz-box-shadow:0 0px 5px 0 rgba(0,0,0,.4); box-shadow:0 0px 5px 0 rgba(0,0,0,.4);}
.enquirypop .enqbut {position:absolute; left:-36px; top:0; cursor:pointer;}
.enquirypop .clbut {position:absolute; right:10px; top:-15px; cursor:pointer; display:none; width:35px; height:35px; line-height:35px; background:#eee; color:#222; font-weight:400; font-size:18px; font-family: 'ProximaNovaBoldwebfont'; text-align:center; display:inline-block; border-radius:30px;}
.enquirypop h5 {font-size: 18px; margin-bottom:0px; color: #034ea2; font-family: 'ProximaNovaBoldwebfont';}
.enquirypop h6 {line-height: 21px; font-size: 14px; margin-bottom:15px; color: #444; border-bottom: 1px solid #ccc; padding-bottom: 8px;}
.enquirypop p {font-size: 14px; margin-bottom:6px;}
.enquirypop input[type=text], .enquirypop input[type=email], .enquirypop textarea {line-height: 18px; font-size: 14px; color: #444; padding: 6px 10px; border: 1px solid #999; outline: 0; width: 90%; font-family: 'ProximaNovaRegwebfont';}
.enquirypop button {line-height: 18px; font-size: 15px; font-family: 'ProximaNovaBoldwebfont'; color: #fff; padding: 10px 20px; border: 1px solid #034ea2; outline: 0; background: #034ea2; cursor: pointer; text-transform: uppercase;}
.enquirypop button:hover {border: 1px solid #222; background: #222;}

.overlayb {position:fixed; top:0; left:0; width:100%; height:100%; z-index:99999; background:rgba(0,0,0,0.9); display:none;}
.closepopupbut {position:fixed; top:20px; right:20px; z-index:999999; color:#fff; font-size:20px; font-family:'ProximaNovaLightwebfont'; cursor:pointer; display:none;}
.pop {position:fixed; top:50%; left:50%; margin:-225px 0 0 -401px; width:802px; height:450px; z-index:999999; display:none;}
	

/*--------Home Slider Start Here------------------*/

/*custom scrollbar*/
.scrollable {
    padding: 0% 1%;
    position: relative;
   /* border: 1px solid gray;*/
    overflow: hidden;
    height: 275px;
}

.scrollable.showScroll::after {
    position: absolute;
    content: '';
    top: 5%;
    right: 7px;
    height: 90%;
    width: 3px;
    background: rgba(224, 224, 255, .3);
}

.scrollable .content-wrapper {
    width: 100%;
    height: 100%;
    padding-right: 50%;
    overflow-y: scroll;
}
.scroller {
    z-index: 5;
    cursor: pointer;
    position: absolute;
    width: 7px;
    border-radius: 5px;
    background: rgb(198, 198, 206);
    top: 0px;
    right: 3px;
    -webkit-transition: top .08s;
    -moz-transition: top .08s;
    -ms-transition: top .08s;
    -o-transition: top .08s;
    transition: top .08s;
}
.content {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
/*end custom scrollbar*/


/*--------Home Slider Start Here------------------*/

.min-header{position:fixed; width:100%; background:#fff; z-index:999;}

.topCtSpace{ padding-top:25px;}

#top-header{ padding:32px 0px; padding:32px 0px; position:relative; border-top:4px solid #949393;}

.bannerContainer{max-width:100%; padding:0; margin:auto auto auto auto;}

.container{max-width:1100px; padding:0px 15px; margin:0 auto;}

.flex-active-slide{max-width: 100%;}

.callus{background: url(../img/callus.png) no-repeat left center; padding-left:40px; font-size:18px; color:#414141; line-height:31px; font-family: 'DINProBold'; float:left; font-weight:normal;}

.logo{position:absolute; top:64px; left:42.7%; z-index:999;}

.logo img{width:136px;}

.social-icon{ float:right; background: url(../img/message-icon.png) no-repeat left 5px; padding-left:40px; font-size:18px; color:#414141; line-height:32px; font-family: 'DINProBold'; font-weight:normal; margin-top:-21px; margin-bottom:-16px;}

.navigation{position:relative; background:#f2f2f2; margin:0px 0px 0 0px; z-index:9;}

.navigation li{float:left;  padding:12px 0;}

.navigation li:first-child{padding-left:0px;}

.navigation li a{font-size:16px; color:#000000; font-family: 'DINProRegular'; font-weight:normal; padding:13px 20px 12px 20px;}

.navigation li a:hover{ background:#323232; color:#fff;}

.navigation li a.active{background:#323232; color:#fff;}

.left-mneu input{border:1px solid#c0c0c0; padding:6px; color:#000 !important; position:relative; margin-top:7px; float:right; width:14%; outline:none;}



.filterSection{ background:#f6f6f6; border-bottom:4px solid #e6e6e6;}

.filterSection .bootstrap-select{width: 165px!important;}

.filterSection .btn-default{ background:#fff; border:1px solid #e5e5e5;}

.s-panel, .color-boxs{display:none;}

.collection span span{margin:-5px 0px 0px 10px; display:block; background:#fff; padding:4px; font-size:13px; font-family: 'DINProRegular'; border-radius:20px;}

.collection span span a{color:#222;}

.sticky-wrapper{height:134px !important;}



.navi{background:#222222;}

.nav22{width:545px; margin:0 auto; position:relative; z-index:9999}

.nav22 ul li{float:left;}

.nav22 ul li a{color:#fff; font-size:15px; padding:17px 22px; font-family: 'ProximaNovaBoldwebfont_0'; font-weight:400; display:inline-block; position:relative;}

.nav22ul li a.active{color:#ff131d;}

.nav22 ul li a:hover{color:#ff131d;}



#m1 {left:122px; width:1040px; display:none;}

#m2 {left:122px; width:1040px; display:none;}

#m3 {left:122px; width:1040px; display:none;}

#m4 {left:122px; width:1040px; display:none;}

#m5 {left:122px; width:1040px; display:none;}





.menus{position:absolute; top:45px; z-index:100; background:#fff; z-index:99; display: none; padding:40px 30px 20px 30px; border-top: 0 none; box-shadow: 0 2px 10px 0 rgba(105,112,113,.5); border-bottom:0px solid #fff;}

.menus p {font-size:13px; font-weight:400; color:#222; line-height:18px; text-transform:uppercase; font-family: 'DINProRegular'; padding:0px; margin-bottom:5px;}

.menus ul {float:left; width:15%; margin-right:3%;}

.menus ul li {margin:0; display:block !important; float:none !important; padding:5px 0px;}

.menus ul li a {font-size:12px !important; font-family: 'ProximaNovaRegwebfont_0' !important; font-weight:400; display:block !important; color:#222 !important; line-height:18px; padding:0px 0 !important;}

.menus ul li a:hover {color:#0873ba !important; background:none !important;}

.menus a:hover {background:url(../images/arrowm.png) no-repeat 94% 10px #ebebeb;}

.mpic1 {background:url('../img/mbg1.jpg') no-repeat 95% 60px #fff;}

.mpic2 {background:url('../img/mpic2.jpg') no-repeat 95% 50px #fff;}

.mpic3 {background:url('../img/mpic3.jpg') no-repeat 95% 50px #fff;}

.mpic4 {background:url('../img/mpic4.jpg') no-repeat 95% 50px #fff;}



.mpic1 img{width:100%;}



.listing-box h4{font-size:15px; font-weight:500; color:#2e2e2e; margin:0 0px 0px 0; padding:10px 0 0 15px; text-transform:capitalize; font-family: 'DINProRegular'; background:#f6f6f6;}

.listing-box h3{border-bottom:1px solid #e6e6e6; font-size:14px; line-height:20px; color:#333; margin:0 0px 8px 0px; text-transform:capitalize; font-family: 'DINProRegular'; padding:5px 5px 14px 15px; font-weight:300; background:#f6f6f6; color:#424242;}

.listing-box p{font-size:14px; color:#000; font-weight:400; font-family: 'DINProRegular'; padding:2px 15px 4px 15px; border-bottom:1px solid#ccc; margin-bottom:8px; padding-bottom:12px;}

.listing-box p strong{margin-left:5px; font-family: 'DINProRegular';}



.listing-box:nth-child(4n+5){margin-right:0px;}





.search{position:absolute; right:9.8%; top:13px;}

.middle-section{margin:10px 0px;}

.middle-box1{width:100%;}

.middle-box1 h1{font-size:32px; color:#323232; font-family: 'DINProRegular'; margin-bottom:10px; font-weight:400; text-align:center; line-height:35px; }

.middle-box1 p{font-size:15px; collor:#424242; line-height:30px; margin-bottom:20px; font-family: 'Open Sans', sans-serif;  font-weight:400;}

a.rmore{ display:block; width:110px; margin:0 auto; padding:8px 0; border:1px solid #323232; font-size:16px; color:#000000; text-align:center; border-radius:4px;}

.read a{font-size:14px; font-family: 'ProximaNovaRegwebfont_0'; color:#0873ba; font-family: 'DINProRegular'; font-weight:400; }

.read a:hover {color:#922a8e;}

.middle-box2{ margin-top:40px; padding:20px 20px 15px 20px; width:96%; background:#f9f9f9; border:1px solid #ededed;}

.middle-box22{float:right; padding:70px 0px; width:589px;}

.middle-box22 li{float:left; margin-left:22px;}

.middle-box2 h6{font-size:14px; color:#000; text-transform:uppercase;  font-family: 'DINProRegular'; margin:2px 0px;}

.middle-box2 h2{font-size:28px; line-height:32px; color:#323232; font-family: 'DINProBold'; font-weight:600; margin-bottom:28px; text-align:center;}

.product-box{float:left; width:20%; text-align:center; margin-bottom:3px;}

.icons{background:#fff; border-radius:7px; border:1px solid #e0e0e0; overflow:hidden; width:96px; height:74px; line-height:60px; margin:0 auto; cursor:pointer;

-moz-box-shadow:    2px 2px 2px 0 #ccc;

  -webkit-box-shadow: 2px 2px 2px 0 #ccc;

  box-shadow:         2px 2px 2px 0 #ccc;

}

.icons img{margin-top:9px;}

.product-box h5{font-size:11px; font-weight:500; color:#000; font-family: 'Open Sans', sans-serif; text-transform:uppercase; margin:10px 0px;}

.middle-box3{ width:100%; text-align:left; padding:45px 0px 0 0;}

.middle-box3 h2{ font-size:32px; color:#323232; font-family: 'DINProRegular'; margin-bottom:28px; font-weight:400; text-align:center; line-height:35px; }

.brandBox{ width:31.4%; display:inline-block; margin-left:2%; margin-bottom:22px; position:relative; border:1px solid #e9e9e9; background:#fff; min-height:294px; text-align:center; vertical-align:top;}

.middle-box3 div:nth-child(3n+2){ margin-left:0;}

.brandBox.marginLeft0{ margin-left:0;}

.brandBox img{ vertical-align:middle; margin-top:20px; width:70%;}

.brandBoxIn{ position:absolute; bottom:12px; background:#ededed; width:100%; text-align:center; padding:8px 0 10px 0;}

.brandBoxIn span{font-size:25px; font-weight:300; color:#000000; font-family: 'DINProRegular'; display:block; margin-bottom:8px; text-transform:uppercase;}

.brandBoxIn a{ display:block; background:#fff; border:1px solid #252327; /*border:1px solid #252327;*/ font-size:16px; font-weight:400; color:#000000; font-family: 'DINProRegular'; padding: 5px 0 7px 0; margin:0 auto; width:148px;

-webkit-border-radius: 25px;

-moz-border-radius: 25px;

border-radius: 25px;

}



.portFolio{ width:31.4%; display:inline-block; margin-left:2%; position:relative; background:#fff; min-height:268px; text-align:center; vertical-align:top;}

.portFolio.marginLeft0{ margin-left:0;}

.portFolio img{ width:100%;}



.testiBox{ background:#f5f5f5; border-bottom:4px solid #d6d6d6; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; padding:30px 0 20px 0;}

.testiBox .popular-box{ float:left; width:200px;}

.testiBox .item{ text-align:left;}

.testiBox .popular-box img{ border-radius: 66px; border:1px solid #ccc;}

.testiBox .item h3{ text-align:right; margin-right:40px; font-size:17px; color:#323232; font-family: 'DINProBold';}



.popular-box{margin:0 auto; text-align:center; display:inline-block;}

.popular-box img{border-radius:8px;}

.item{text-align:center;}

.popular{margin:30px 15px 20px 0px;}

.popular h1{text-align:center; display:block; font-size:36px; color:#414141; font-family: 'DINProRegular'; font-weight:300;} 

.item h3{font-size:20px; color:#414141; font-family: 'DINProRegular'; font-weight:400; margin:10px 0px 10px 0px; text-transform:none;}

.item p{font-size:15px; color:#424242; line-height:21px; font-weight:400; padding:0px 50px;}

.item span{font-size:16px; color:#000; font-family: 'ProximaNovaBoldwebfont_0'; font-weight:bold; padding:0px 5px;}



.recmendBox{ background:#f8f8f8; padding:10px 20px 10px 20px;}

.recmendBox .popular{ margin:0 0 15px 0;}

.recmendBox .popular h1{ font-size:25px; color:#2e2e2e; font-weight:500;}



.footer{border-top:1px solid#dad9d9; background:#fbfbfb; margin-top:35px;}

.footer-box{float:left; width:20%; padding:20px 0px;}

.footer-box h3{font-size:14px; font-weight:400; color:#121211; font-family: 'DINProBold'; margin:8px 0px; display:block; text-transform:uppercase;}

.footer-box li{display:block; font-size:12px;  padding:3px 0px;}

.footer-box li p{color:#121212;  font-family: 'DINProRegular'; line-height:20px; font-size:14px; font-weight:400;}

.footer-box li a{color:#121212; font-size:14px; color:#424242; font-weight:400;  font-family: 'DINProRegular';}

.footer-box li a:hover{ text-decoration:underline;}

.footer-box input{padding:13px 10px; border:1px solid#d2d2d2; width:64.4%; border-right:0; margin:10px 0px; outline:none;}

.buttonss{float:right; margin-top:10px; cursor:pointer;}

.s-icons{ margin-top:10px;}

.social-icons{float:left;}

.social-icons li{float:left; margin-right:8px;}

.social-icons li:hover{opacity:0.8;}

.social-icons li img {/*border-radius:32px;*/}

.copy-right{ background:#1a1a1a; border-top:1px solid#dad9d9; padding:20px 0px; text-align:center;}

.copy-right p{font-size:12px; color:#fff; font-family: 'Open Sans', sans-serif; font-weight:400; float:none!important; margin-bottom:0px;}

.copy-right p a{font-size:12px; color:#fff; font-family: 'Open Sans', sans-serif;  padding:0px 3px; font-weight:300;}

.copy-right p a:hover{color:#fff;}

.copy-right span{font-size:12px; color:#fff; font-family: 'Open Sans', sans-serif; float:right;}

.copy-right span a{font-size:12px; color:#fff; font-family: 'Open Sans', sans-serif;}

.copy-right span a:hover{color:#fff;}



.nbs-flexisel-item{width:210px !important; padding:0px 10px 0px 0px !important;}

.nbs-flexisel-item:fast-child{margin-right:0px !important;}



.zoom-left-box{float:left; width:445px;}

.nbs-flexisel-container{position:relative;  max-width:100%;}

.nbs-flexisel-ul {position:relative; width:99999px; margin:0px; padding:0px; list-style-type:none; text-align:center;}

.nbs-flexisel-inner{overflow:hidden; float:left; width:100%;}

.nbs-flexisel-item{float:left; width:90px !important;  margin:0px; padding:0px; cursor:pointer;  position:relative;  line-height:0px;}

.nbs-flexisel-item img{width: 100%;cursor: pointer; position: relative; margin-top: 10px; margin-bottom: 10px; max-width:150px;}

.nbs-flexisel-nav-left,

.nbs-flexisel-nav-right{width: 22px; height: 22px;  position: absolute; cursor: pointer; z-index: 100; opacity: 0.5;}



/*.nbs-flexisel-container{position:relative;  max-width:100%;}

.nbs-flexisel-ul {position:relative; width:99999px; margin:0px; padding:0px; list-style-type:none; text-align:center;}

.nbs-flexisel-inner{overflow:hidden; float:left; width:100%;}

.nbs-flexisel-item{float:left;  margin:0px; padding:0px; cursor:pointer;  position:relative;  line-height:0px;}

.nbs-flexisel-item img{width: 100%;cursor: pointer; position: relative; margin-top: 10px; margin-bottom: 10px; max-width:150px;}

.nbs-flexisel-nav-left,

.nbs-flexisel-nav-right{width: 22px; height: 22px;  position: absolute; cursor: pointer; z-index: 100; opacity: 0.5;}

.nbs-flexisel-nav-left{left: 10px; background: url(../images/button-previous.png) no-repeat;}

.nbs-flexisel-nav-right{right: 5px; background: url(../images/button-next.png) no-repeat;}*/



.space{margin-left:220px;}

.collection{background:#868080; padding:10px 10px; margin-bottom:30px;}

.collection h2{float:left; font-size:25px; color:#fff; font-family: 'DINProRegular'; font-weight:400; margin:0px; text-transform:uppercase;}

.collection span{float:right; font-size:12px; font-weight:400; margin:7px 0px 0px 0px; padding:0px 2px;}

.collection span a{ font-size:14px; font-family: 'Open Sans', sans-serif; color:#f8f6f7; padding:0px 5px;}



p{font-size:15px; color:#222; font-family: 'Open Sans', sans-serif; line-height:30px; margin: 0px 0px 25px 0; font-weight: 400;}

p span{font-size:15px; color:#222; font-family: 'Open Sans', sans-serif; line-height:30px; display:inline-block; margin:10px 0px 10px 10px;}



.address-box{width:27%; border:1px solid#ddd; padding:10px 16px 20px 15px; float:left; margin:0px 15px 30px 15px; min-height:230px;}

.address-box h3{font-size:16px; color:#fff; text-transform:uppercase; margin:8px 0 8px -15px; font-family: 'DINProRegular'; display:inline-block; background:#363636; padding:5px 10px;}

.address-box strong{ display:block;}

.address-box p{font-size:14px; color:#222; line-height:22px; margin:8px 0px;}

.contact-add{margin-top:15px;}

.contact-add p{font-size:14px; color:#000; line-height:22px; margin:2px 0px;}

.contact-add p a{font-size:14px; color:#000; line-height:22px; margin:8px 0px;} 

.contact-add p a:hover{color:#0873ba;}

.collection-linls{width:100%; margin:10px 0px; display:block; float:none;}



.peice{font-size:19px; color:#2e2e2e; font-family: 'DINProRegular'; margin:20px 0px 10px 0px; font-weight:400;}

.peice abbr{font-size:18px; color:#d81019; font-family: 'DINProRegular';}

.peice span{font-size:18px; color:#696969; font-family: 'DINProRegular'; text-decoration:line-through; margin-right:10px;}



.product-color h4{font-size:16px; color:#828080; font-family: 'DINProRegular'; margin:10px 0px; font-weight:400;}



.cols11{width:100%;}

.cols11 h3{font-size:25px; color:#2e2e2e; font-weight:400; font-family: 'DINProRegular'; margin:0px 0px 10px 0px; line-height:14px; padding:0px;}

.cols11 p{font-size:16px; color:#7d7d7d; font-weight:300; margin:18px 0px 0px 0px; padding-bottom:10px; line-height:18px; border-bottom:1px solid #ccc;}



.environment-box{width:46%; border:1px solid#ddd; padding:15px 10px; float:left; margin:0px 20px 30px 0px; min-height:476px; text-align:center;}

.environment-box h3{font-size:16px; color:#222; text-transform:uppercase; margin:8px 0px; font-family: 'DINProRegular'; font-weight:400;}

.environment-box p{font-size:14px; color:#222; font-weight:400; line-height:21px; margin:8px 0px; padding:0 25px;}

.environment-img img{width:80px;}



.pressroom-box{width:45%; border:1px solid#ddd; padding:15px 10px; float:left; margin:0px 15px 30px 15px; min-height:150px;}

.pressroom-box h3{font-size:16px; color:#222; text-transform:uppercase; margin:8px 0px; font-family: 'DINProRegular';}

.pressroom-box h6{font-size:14px; color:#333; margin:8px 0px; font-weight:400; font-family: 'DINProRegular'; text-transform:none;}

.pressroom-box p{font-size:14px; color:#222; line-height:20px; margin:8px 0px 15px 0px;}



.full-width{width:100%;}

.full-width h3{font-size:16px; color:#222; text-transform:uppercase; margin:8px 0px; font-family: 'DINProRegular';}

.full-width h4{font-size:22px; color:#222; text-transform:uppercase; margin:8px 0px; font-family: 'DINProRegular';}

.full-width h6{font-size:15px; color:#222; margin:8px 0px; font-family: 'DINProRegular';}

.full-width p{font-size:16px; color:#222; font-family: 'DINProRegular'; line-height:22px; margin: 0px 0px 25px 0; font-weight: 400;}

.full-width p strong {font-family: 'DINProRegular'; font-weight:400;}

.full-width .link{font-size:16px; color:#0873ba; font-family: 'DINProRegular'; line-height:22px; font-weight: 400;}

.full-width .link:hover {color:#922a8e;}





.collection span abber a{background:#fff; font-size:12px; color:#222; padding:4px 10px; border-radius:20px; font-family: 'DINProRegular';}

.termsconditions p{font-size:16px; color:#222; line-height:22px; margin:8px 0px;} 

.termsconditionslist li{font-size:16px; color:#222; line-height:22px; margin:8px 0px; background: url(../img/arrow3.png) no-repeat left top; padding-left:20px;} 

.gsm{font-size:14px; color:#424242;  font-family: 'DINProRegular'; padding:10px 0px 0px 15px; float:left;  margin:0px 0px; font-weight:400;}

.gms2 li{font-size:13px; color:#fff; width:40px; line-height:40px; margin:0px 0px 6px 10px; height:40px; background:#4a4949; border:1px solid #3d3d3d; text-align:center; vertical-align:middle; float:left;

-webkit-border-radius: 6px;

-moz-border-radius: 6px;

border-radius: 6px;

}

.gms-list li{font-size:14px; color:#2e2e2e; background:#d7d8da; width:40px; line-height:40px; border-radius:4px; margin:6px 5px 0px 0px; height:40px; text-align:center; vertical-align:middle; display:inline-block;}

.tabs2{padding:10px 15px; background:#f8f8f8; margin-bottom:8px; border:1px solid#ddd;}

.tabs2 a{font-size:21px; color:#2e2e2e; font-family: 'DINProRegular'; font-weight:300; display:block; background: url(../img/plus.gif) no-repeat 100% 7px;}

.tabs2 a.active{background: url(../img/minus.gif) no-repeat 100% 7px;}

.tabs2 i{float:right; margin-top:5px;}

.accordion-content{border-top:1px solid#dedddd; padding-top:15px; margin-top:6px;}

.accordion-content table{margin-top:10px;}

.accordion-content p{margin-bottom:0px;}

.select-size-box h2{text-align:center; display:block; line-height:64px; font-size:35px; font-family: "DINProBold"; color:#40581c;}

.table-format tr:nth-child(odd) {background:#f8f8f8;}

.table-format td{border:1px solid #e7e4e4; margin: 0; padding:4px 10px; font-size:13px;}

.table-format h3{color:#000;  font-size:13px; font-weight:600; margin:5px 0; padding:0; font-family: 'DINProRegular';}



.table-formats tr:nth-child(odd) {background:#fbfbfb;}

.table-formats td{border:1px solid #eaeaea; margin: 0; padding:8px 10px; font-size:13px;}

.table-formats h3{color:#000;  font-size:13px; font-weight:600; margin:0px 0; padding:0; font-family: 'DINProRegular';}



.select-size-box {margin-top:10px; margin-bottom:16px; margin-right:10px; border-top:1px solid #ccc; padding-top:15px;}

.select-size-box h6{font-size:19px; color:#2e2e2e; font-weight:400; font-family: 'DINProRegular';}

.list-size3{margin:6px 0px 0px;}

.list-size3 li{float:left; margin-right:5px;}

.select-size-box22{float:right; margin-right:0px;}

.popular-box{position:relative;}

.listing-box33 img{width:100%; text-align:center; display:block;}

.listing-box33 h4{font-size:14px; color:#414141; font-family: 'DINProRegular'; margin:10px 10px 0px 10px; text-align:center; text-transform:capitalize;}



.enquiry-button{margin-top:12px;font-size:21px; color:#fff; padding:12px 30px; font-family: 'DINProRegular'; font-weight:500; margin:0px; display:inline-block; background:#433a3a; border-radius:4px;}

.enquiry-button:hover{ background:#000;}



.color-box{width:31%; float:left; margin:0px 2% 2% 0;}

.color-box img{width:40px; height:40px; border-radius:4px; float:left; margin:0 10px 0 0;}

.color-box span{font-size:12px; color:#000; font-weight:400; text-transform:uppercase; font-family: 'DINProRegular'; line-height:40px;}



.enquiry-form{padding:24px 15px 20px 15px; border:1px solid#ddd; margin-top:-60px; position:relative; z-index:9; background:#fff;}

.enquiry-form p{color:#222; margin:0px 0 15px 8px; font-size:14px; text-transform:uppercase; font-family: 'DINProRegular'; font-weight:400;}

.enquiry-form input{width:44%; padding:7px 6px; border-radius:0px; border:1px solid#ccc; color:#222; font-size:14px; margin:0px 8px 15px 8px; font-family: 'DINProRegular';}

.enquiry-form textarea{width:94%; padding:7px 6px; border-radius:0px; border:1px solid#ccc; color:#222; font-size:14px; margin:0px 8px 15px 8px; font-family: 'DINProRegular'; color:#000; outline:0;}

.submit{background:#222; color:#fff; padding:6px 13px; margin-right:11px; margin-bottom:0px; float:right; font-size:14px; font-family: 'DINProRegular'; font-weight:400; border:none; cursor:pointer; text-transform:uppercase; outline:0;}

.submit:hover{background:#000;}

.hover-img{position:absolute; top:0px; right:-104%; transition: all 0.8s ease 0s;}

.inner-box:hover > .hover-img{right:0px; z-index:1;}

.hover-img2{position:absolute; top:0px; left:-104%; transition: all 0.8s ease 0s;}

.inner-box:hover > .hover-img2{z-index:1; left:0px;}



h3{font-size:16px; color:#222; margin:33px 0px 5px 0px; font-weight:400; font-family: 'DINProRegular';}

h6{font-size:13px; color:#222; margin:7px 0px 3px 0px; font-weight:400; font-family: 'DINProRegular';}

.fullwidth img{width:100%;}



.mobilebt{display:none;}

#.visible-xs.visible-sm{display:none;}

.mobile-left-mneu{display:none;}

.mobile-search-box{display:none;}





@media screen and (max-width: 2560px) {

.logo{left:46%; position:absolute;}

}

@media screen and (max-width: 1920px) {

.logo{left:45%; position:absolute;}

}

@media screen and (max-width: 1680px) {

.logo{left:44%; position:absolute;}

}



@media screen and (max-width: 1366px) {

.logo{left:43%; position:absolute;}

}

@media screen and (max-width: 1280px) {

#top-header{padding: 16px 0;}



.search{position:absolute; right:8%;}

/*.navigation li{padding:12px 24px;}*/

.navigation li a{font-size:13px;}

.logo{left:40.5%; position:absolute; top:56px; z-index:999;}

.logo img{width:136px;}

.navigation{margin-top:0px;}

.space{margin-left:240px;}

.search{right:6%;}

#top-header{padding:29px 0; position: relative;}



.search{right:7.5%;}



}

@media screen and (max-width: 1100px) {

.navigation li a{font-size:12px;}

.right-section2{width: 50%;}



.footer-box input{width: 62.4%;}

}
@media screen and (max-width: 1070px) {
.listing-box{ margin-right:2%;}
.listing-box:nth-child(4n+5){margin-right:0px;}
}

@media screen and (max-width: 1050px) {

.search{right:2%;}

.navigation li a{font-size:11px;}

.right-section2{width: 48%;}

}



@media screen and (max-width: 1024px) {

.right-section2{width: 45%;}

.flex-viewport{max-height:450px;}

.navigation li{padding:12px 20px;}

.navigation li a{font-size:13px;}

.logo{left:40.5%; position:absolute; top:20px; z-index:999;}

.logo img{width:136px;}

.navigation{margin-top:0px;}

.space{margin-left:0;}

.search{right:22px;}

.middle-box1{width:40%;}

.middle-box2{width:54%;}

.middle-box1 h1{font-size:15px;}

.middle-box1 p{line-height:22px;}



.footer-box input{padding:13px 10px; width:71%;}

.listing-box{width:21%;}

.hover-img{display:none;}

.hover-img2{display:none;}

.bootstrap-select:not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn){width:15%;}

.inner-box img{width:100%;}

.environment-box{width:45%; min-height:310px;}

#m1{width:75%;}

.mpic1{display:none;}

#top-header{padding:24px 0px;}

.address-box{width:26%;}

.pressroom-box{width:44%; min-height:170px;}

.mobile-search-box{display:none;}

.listing-box:nth-child(4n+4){margin-right:0px;}



}



@media screen and (max-width: 992px) {

.right-section2{width: 42%;}

.listing-box:nth-child(3n+3){margin-right:0px;}

.listing-box{margin-right:15px !important;}

#m1{width:75%;}

.mpic1{display:none;}

.flex-viewport{max-height:350px;}

.navigation li{padding:12px 6px;}

.navigation li a{font-size:12px;}

.logo{left:37.4%; position:absolute; top:20px; z-index:999;}

.logo img{width:100px;}

.navigation{margin-top:0px;}

.space{margin-left: 0;}

.environment-box{width:44%; min-height:341px;}



.pressroom-box{width:42%;}

.pressroom-box h6{font-size:11px;}

.pressroom-box h3{font-size:13px;}

.pressroom-box{max-height:175px;}

.middle-box1{width:40%;}

.middle-box2{width:54%;}

.middle-box1 h1{font-size:15px;}

.middle-box1 p{line-height:22px;}



.footer-box input{width:63%;}

.listing-box{width:31%; margin-right:15px;}

.bootstrap-select:not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn){width:31%; margin-bottom:10px;}

.hover-img{display:none;}

.hover-img2{display:none;}

.inner-box img{width:100%;}

#top-header{padding:22px 0px;}

.address-box{width:40%;}

#ToggleMenuMobile{display:none;}

.mobile-search-box{display:none;}

.visible-xs.visible-sm{display:none;}

.color-box{width:45%;}

.pressroom-box p{line-height:17px;}



}

@media screen and (max-width: 980px) {

.navigation li{padding: 12px 16px;}

.logo img{width:90px;}

.logo{left:38.6%; position:absolute; top:20px; z-index:999;}

}



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

.logo{left:38.6%; position:absolute; top:20px; z-index:999;}

.navigation li{padding: 12px 12px;}

.logo img{width:88px;}



.brandBox{ width:31.3%;}

}



@media screen and (max-width: 830px) {

.logo{left:36%; position:absolute; top:20px; z-index:999;}

}



@media screen and (max-width: 800px) {

.logo{left:38.3%; position:absolute; top:20px; z-index:999;}

.navigation li{padding: 12px 6px;}

.logo img{width:88px;}

}



@media screen and (max-width: 768px) {

.logo{ text-align:left!important;}

.logo img{width:57px; margin-left:15px;}

.navigation li{padding: 12px 4.5px;}

.menus ul{width:22%;}

.flex-control-nav{ display:none;}



.footer-box input{width: 47%;}

}



@media screen and (max-width: 767px) {

.footer-box input{width: 84%; padding:13px 10px;}



.brandBox{ width:31.1%; min-height:228px;}



.collection span{margin-top:3px;}

.min-header{position:static !important;}

.sticky-wrapper{height:66px !important;}

.mobile-search-box{display:block; width:100%; padding:10px 0px 9px 0px; border-bottom:1px solid#666; border-top:1px solid#666; margin-bottom:10px;}



.mobile-left-mneu{float:right; width:80%; display:block; position:relative; margin-right:15px;}

.mobile-left-mneu .mobile-search{position:absolute; right:0px; top:8px;}

.mobile-left-mneu input{display:block; width:98%; position:relative; border:1px solid#555; padding:8px;}

.visible-xs.visible-sm{display:block;}

.navigation{display:none;}

.mobilebt{display:block; cursor:pointer; float:left; margin-top:0px;}

.social-icon{float:right; margin-top:15px}



.social-icon li{loat: left; padding: 0 3.9px; display:none;}

.callus{float:right; font-size:13px; margin-top:40px; margin-right:5px; padding-left:37px; display:none;}

.logo{display:block; text-align:center; margin:0 auto; position:static;}



#top-header{padding:8px 0px 0px 0px; margin-bottom:10px; display:block;}

.middle-box1{width:100%;}

.middle-box1 h1{font-size:15px; margin-bottom:6px;}

.middle-box1 p{line-height:25px; font-size:14px; padding-right:0px;}

.read{margin-bottom:5px;}

.middle-box2{width:100%; padding:20px 0px;}

.middle-box2 h2{font-size:25px; margin-left:20px;}

.product-box{width:50%;}

.middle-box2 h6{margin-left:20px;}

.middle-box3{width:100%; margin-top:15px; padding:25px 0px;}

.middle-box3 h2{font-size:45px;}

.middle-box22{width:100%; padding:8px 0px;}

.environment-box{width:91%;}

.collection h2{font-size:16px;}

p{font-size:13px; line-height:20px;}

.pressroom-box{width:90%; margin:0px 0px 10px 0px;}

.listing-box{width:100%; margin-right:0px;}

.bootstrap-select:not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn){width:100%; margin-bottom:4px;}

.hover-img{display:none;}

.hover-img2{display:none;}

.footer-box{width:100% !important; float:none; padding:5px 0px; margin-top:10px;}

.right-section2{width:100%;}

.zoom-section{width:100%; margin-bottom:15px;}

.col-available{position:static;}

.color-box{margin: 0 0 20px;  width: 48%;}

.color-box span{font-size:9px;}

.middle-section{margin: 8px 0;}

.address-box{width:90%; margin:0px auto 15px auto; display:block; float:none;}

}



@media screen and (max-width: 640px) {

.flexslider .slides img{ height:auto!important;}

.flex-viewport{max-height:250px;}

.brandBox{ width:100%; min-height:320px; margin:0 0 20px 0;}

.brandBox img{ width:auto;}

.right-section2{ padding-top:20px}



.portFolio{ width:100%; min-height:320px; margin:0 0 20px 0;}

.portFolio img{ width:100%;}

}

@media screen and (max-width: 640px) {

.footer-box input{width: 75%;}

}

@media screen and (max-width: 360px) {

.flex-viewport{max-height:130px;}

}

@media screen and (max-width: 480px) {

.flex-viewport{max-height:170px;}

.zoom-left-box{ float:none; width:100%;}



}

@media screen and (max-width: 400px) {

	.color-boxs{}

	.filterSection .bootstrap-select{ width:92%!important;}

	.listing-box33{width: 99%; margin-right:0;}

	.listing-box33 h4{ margin:10px 10px;}

	

	.testiBox .item{ text-align:center;}

	.testiBox .item h3{ margin-right:0; text-align:center;}

	.testiBox .popular-box{ float:none;}

	.footer-box input{width:64%;}

}

@media screen and (max-width: 360px) {

	

}

@media screen and (max-width: 320px) {

.flex-viewport{max-height:145px;}

.cols11 h3{ font-size:21px;}

.footer-box input{width: 59%;}

}











