@font-face{font-family:'OxygenBold';src:url(../fonts/Oxygen-Bold.eot);src:url(../fonts/Oxygen-Bold.eot?#iefix) format("embedded-opentype"),url(../fonts/Oxygen-Bold.woff2) format("woff2"),url(../fonts/Oxygen-Bold.woff) format("woff"),url(../fonts/Oxygen-Bold.ttf) format("truetype"),url(../fonts/Oxygen-Bold.svg#Oxygen-Bold) format("svg");font-weight:bold;font-style:normal}
@font-face{font-family:'OxygenLight';src:url(../fonts/Oxygen-Light.eot);src:url(../fonts/Oxygen-Light.eot?#iefix) format("embedded-opentype"),url(../fonts/Oxygen-Light.woff2) format("woff2"),url(../fonts/Oxygen-Light.woff) format("woff"),url(../fonts/Oxygen-Light.ttf) format("truetype"),url(../fonts/Oxygen-Light.svg#Oxygen-Light) format("svg");font-weight:300;font-style:normal}
@font-face{font-family:'Oxygen';src:url(../fonts/Oxygen-Regular.eot);src:url(../fonts/Oxygen-Regular.eot?#iefix) format("embedded-opentype"),url(../fonts/Oxygen-Regular.woff2) format("woff2"),url(../fonts/Oxygen-Regular.woff) format("woff"),url(../fonts/Oxygen-Regular.ttf) format("truetype"),url(../fonts/Oxygen-Regular.svg#Oxygen-Regular) format("svg");font-weight:normal;font-style:normal}
@font-face{font-family:'CardoItalic';src:url(../fonts/Cardo-Italic.eot);src:url(../fonts/Cardo-Italic.eot?#iefix) format("embedded-opentype"),url(../fonts/Cardo-Italic.woff2) format("woff2"),url(../fonts/Cardo-Italic.woff) format("woff"),url(../fonts/Cardo-Italic.ttf) format("truetype"),url(../fonts/Cardo-Italic.svg#Cardo-Italic) format("svg");font-weight:normal;font-style:italic}
@font-face{font-family:'Cardo';src:url(../fonts/Cardo-Regular.eot);src:url(../fonts/Cardo-Regular.eot?#iefix) format("embedded-opentype"),url(../fonts/Cardo-Regular.woff2) format("woff2"),url(../fonts/Cardo-Regular.woff) format("woff"),url(../fonts/Cardo-Regular.ttf) format("truetype"),url(../fonts/Cardo-Regular.svg#Cardo-Regular) format("svg");font-weight:normal;font-style:normal}
@font-face{font-family:'CardoBold';src:url(../fonts/Cardo-Bold.eot);src:url(../fonts/Cardo-Bold.eot?#iefix) format("embedded-opentype"),url(../fonts/Cardo-Bold.woff2) format("woff2"),url(../fonts/Cardo-Bold.woff) format("woff"),url(../fonts/Cardo-Bold.ttf) format("truetype"),url(../fonts/Cardo-Bold.svg#Cardo-Bold) format("svg");font-weight:bold;font-style:normal}
@font-face{font-family:'proximanovalight';src:url(../fonts/proximanovalight.eot);src:local(proximanovalight),url(../fonts/proximanovalight.woff) format("woff"),url(../fonts/proximanovalight.ttf) format("truetype")}
@font-face{font-family:'ChronicleDisplayRoman';src:url(../fonts/ChronicleDisplayRoman.eot);src:url(../fonts/ChronicleDisplayRoman.eot) format("embedded-opentype"),url(../fonts/ChronicleDisplayRoman.woff2) format("woff2"),url(../fonts/ChronicleDisplayRoman.woff) format("woff"),url(../fonts/ChronicleDisplayRoman.ttf) format("truetype"),url(../fonts/ChronicleDisplayRoman.svg#ChronicleDisplayRoman) format("svg")}
*{margin:0;padding:0;box-sizing:border-box}
body{background:#fff;font-family:OxygenLight;color:#454545;line-height:1.2}
h1{color:#c5a46d;font-size:36px;line-height:1.2;margin-bottom:30px;font-family:ChronicleDisplayRoman;font-weight:normal}
:focus{border:0;outline:0}
.fl{float:left}
.fr{float:right}
.clr{clear:both}
.padtop40{padding-top:40px}
.padtopbot80{padding-top:60px;padding-bottom:60px}
.padleftright200{padding-left:200px!important;padding-right:200px!important}
.max-wrapper{max-width:1448px;margin:auto;padding:0 45px}
img{max-width:100%;display:block}
.homepage img{display:inline}
.max-wrapper .col{padding-left:15px;padding-right:15px}
.max-wrapper .col-90{padding-left:15px;padding-right:15px;width:90%;margin:0 auto}
.max-wrapper .col-80{padding-left:15px;padding-right:15px;width:80%;margin:0 auto}
.max-wrapper .col-75{padding-left:15px;padding-right:15px;width:75%}
.max-wrapper .col-70{padding-left:15px;padding-right:15px;width:70%}
.max-wrapper .col-66{padding-left:15px;padding-right:15px;width:66.3333%}
.max-wrapper .col-60{padding-left:15px;padding-right:15px;width:60%;position:relative}
.col-50{padding-left:15px;padding-right:15px;width:50%;position:relative}
.max-wrapper .col-40{padding-left:15px;padding-right:15px;width:40%;position:relative}
.max-wrapper .col-48{padding-left:15px;padding-right:15px;width:48%}
.max-wrapper .col-44{padding-left:15px;padding-right:15px;width:44%}
.col-40{padding-left:15px;padding-right:15px;width:44%}
.max-wrapper .col-33{padding-left:15px;padding-right:15px;width:33.3333%}
.max-wrapper .col-25{padding-left:15px;padding-right:15px;width:25%}
.max-wrapper .col-20{padding-left:15px;padding-right:15px;width:20%}
.max-wrapper .col-30{padding-left:15px;padding-right:15px;width:30%}
.max-wrapper .col-15{padding-left:15px;padding-right:15px;width:15%}
.work-view{width:100%;height:100%;position:fixed;top:0;left:0}
.header{width:100%;background:#fff;position:fixed;top:0;left:0;-webkit-transition:background .5s;transition:background .5s;z-index:9999;height:70px;box-shadow:0 0 5px 5px #aaa}
.homepage .header, .page_23 .header{background:none;box-shadow:none}
.headerr:after{width:100%;height:10px;background:url(../../media/images/border-header.jpg) repeat-x;content:"";position:absolute;bottom:-10px;left:0}
.header .menu-icon{width:30px;height:32px;background:url(../../media/images/list-menu.png) left center no-repeat;cursor:pointer;margin-top:20px}
.header .menu-icon.white,.homepage .header .menu-icon, .page_23 .header .menu-icon{background-position:-32px center}
.header-foot{display:none;height:60px;width:100%;background:#fff;position:fixed;bottom:0;left:0;background:#fff;-webkit-transition:background .5s;transition:background .5s;z-index:1}
.header-foot:after{width:100%;height:10px;background:url(../../media/images/border-header.jpg) repeat-x;content:"";position:absolute;top:-10px;left:0}
.header.clearbg{background:rgba(187,182,182,0.6);}
.header.clearbg:after{display:none}
.header-foot.clearbg {background:transparent}
.header-foot.clearbg:after{display:none}
.header .logo{width:116px;height:21px;float:left;font-size:0;background:url(../../media/images/logo.png) left center no-repeat;margin-top:25px}
.header .logo.white,.homepage .header .logo, .page_23 .header .logo {background-position:-116px 0}
.header.after-menu:after{display:none}
.ovrhid{overflow:hidden}
.header .nav{float:left;margin-left:19%;margin-top:27px;font-family:Oxygen;font-size:14px;text-transform:uppercase}
.header .nav li{list-style:none;display:inline-block;margin:0 28px}
.header .nav li a{color:#212121;letter-spacing:1px;text-decoration:none}
.homepage .header .nav li a, .page_23 .header .nav li a{color:#fff}
.side-left{height:100%;width:60px;background:#fff;position:fixed;top:0;left:0;background:#fff;-webkit-transition:background .5s;transition:background .5s;z-index:9999;display:none}
.side-left .social-icons{background:#f5f5f5;padding:15px 0;position:absolute;bottom:60px;left:0;-webkit-transition:opacity .5s;transition:opacity .5s}
.side-left .social-icons a{display:inline-block;width:100%;text-align:center}
.side-left .social-icons a.insta{margin-top:10px}
.side-left .follow-us{position:absolute;bottom:60px;left:0;opacity:0;visibility:hidden}
.side-left .follow-us img.black{display:none}
.side-left.clearbg{background:transparent}
.side-left.clearbg .social-icons{opacity:0}
.side-left.clearbg .follow-us{opacity:1;visibility:visible}
.side-left.after-menu .social-icons{opacity:0}
.side-right{height:100%;width:60px;background:#fff;position:fixed;top:0;right:0;background:#fff;-webkit-transition:background .5s;transition:background .5s;z-index:9999;display:none}
.side-right.clearbg{background:transparent}
.breakerimage{margin-top:20px}
.link{margin-top:10px}
.link a{text-decoration:none;color:#a01e20;font-size:14px;font-family:'OxygenBold'}
.mf-content{color:#fff;font-size:40px;font-family:'CardoBold';letter-spacing:4px}
.mf-content span{display:block;font-size:16px;text-transform:uppercase;font-family:'Oxygenlight';letter-spacing:3px}
.mf-content.pos{position:absolute;bottom:50px;left:100px}
.first-content{position:absolute;top:45%;left:0;width:100%;text-align:center}
.first-content .tagline{color:#fff;font-size:50px;font-family:'Cardo';letter-spacing:2px;margin-bottom:10px}
.first-content .sub-tagline{color:#fff;font-size:12px;font-family:'Oxygenlight';text-transform:uppercase;letter-spacing:2px;margin-top:20px}
.first-content .sub-tagline a{text-decoration:none;color:#fff}
.scroll-down{text-align:center;margin-top:130px}
.scroll-down img.arrow{margin-top:6px;-webkit-transition:margin-top .5s;transition:margin-top .5s}
.scroll-down img.arrow.dance{margin-top:18px}
.circlesvg{cursor:pointer;width:50px;height:50px;position:relative;margin:auto}
.triangle{position:absolute;top:10px;left:10px;-webkit-transition:width 0.5s,height 0.5s,top 0.5s,left .5s;transition:width 0.5s,height 0.5s,top 0.5s,left .5s}
.anicircle{fill:none;stroke-width:2px;stroke:#fff;stroke-dasharray:300 300;stroke-dashoffset:300;transition:stroke-dashoffset 500ms linear}
.circlesvg:hover .anicircle{stroke-dashoffset:0}
.circlesvg:hover .triangle{width:20px;height:20px;top:15px;left:15px}
video#intro-video{position:fixed;right:0;bottom:0;min-width:100%;min-height:100%;width:auto;height:auto;background-size:cover;opacity:.5}
video#intro-video.gone{opacity:0}
video#second-video{position:fixed;right:0;bottom:0;min-width:100%;min-height:100%;width:auto;height:auto;background-size:cover;opacity:0;-webkit-transition:right .5s;transition:right .5s}
video#second-video.come{opacity:.5;min-width:50%}
video#second-video.slideleft{right:50%}
.field-full{margin-bottom:20px}
.field-half{width:45%;margin-bottom:20px}
.textbox{width:100%;height:40px;outline:0;background:transparent;border:0;border-bottom:1px solid #c7cacc;font-size:12px;color:#fff;font-family:'Oxygenlight'}
.textbox::-webkit-input-placeholder{color:#c7cacc;letter-spacing:1px;text-transform:uppercase}
.textbox::-moz-placeholder{color:#c7cacc;letter-spacing:1px;text-transform:uppercase}
.textbox:-ms-input-placeholder{color:#c7cacc;letter-spacing:1px;text-transform:uppercase}
.textbox:-moz-placeholder{color:#c7cacc;letter-spacing:1px;text-transform:uppercase}
.submit-button{color:#fff;font-size:12px;background:transparent;border:1px solid #fff;text-transform:uppercase;font-family:'Oxygenlight';display:inline-block;height:30px;padding:0 30px;border-radius:15px;cursor:pointer;margin-top:20px}
.section-001{opacity:0;visibility:hidden;-webkit-transition:opacity .5s;transition:opacity .5s}
.section-001.active{opacity:1;visibility:visible}
.section-002{opacity:0;visibility:hidden;-webkit-transition:opacity .5s;transition:opacity .5s}
.section-002.active{opacity:1;visibility:visible}
.section-003{opacity:0;visibility:hidden;-webkit-transition:opacity .5s;transition:opacity .5s}
.section-003.active{opacity:1;visibility:visible}
.section-004{opacity:0;visibility:hidden;-webkit-transition:opacity .5s;transition:opacity .5s}
.section-004.active{opacity:1;visibility:visible}
.section-005{opacity:0;visibility:hidden}
.section-005.active{opacity:1;visibility:visible}
.section-006{opacity:0;visibility:hidden;-webkit-transition:opacity .5s;transition:opacity .5s}
.section-006.active{opacity:1;visibility:visible}
.vd-002{position:absolute;top:0;left:0;width:100%;height:100%;-webkit-transition:width .5s;transition:width .5s;border-right:1px solid #fff}
.vd-002.full{width:50%}
.vd-002_overlay{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;overflow:hidden;background:#000}
.vd-002_overlay:after{position:absolute;top:0;left:0;content:"";background:url(../../media/images/m.png) center no-repeat;width:100%;height:100%}
.vd-002 video{position:absolute;right:0;bottom:0;min-width:100%;min-height:100%;width:auto;height:100%;background-size:cover;overflow:hidden;opacity:.5}
.vd-002 video.shift{right:-37%;-webkit-transition:width .5s;transition:width .5s}
.section-2-im-1{position:absolute;top:0;left:100%;width:50%;height:100%;-webkit-transition:left 0.5s,right 0.5s,top 0.5s,bottom 0.5s,height 0.5s,width 0.5s,background-size .5s;transition:left 0.5s,right 0.5s,top 0.5s,bottom 0.5s,height 0.5s,width 0.5s,background-size .5s;background:url(../../media/images/markets001.jpg) no-repeat;background-position:center;background-size:cover;border-bottom:1px solid #fff;border-right:1px solid #fff}
.section-2-im-1.shift{left:50%}
.section-2-im-1.shift-2{height:50%}
.section-2-im-1.shift-3{width:25%;right:25%}
.section-2-im-2{position:absolute;top:100%;left:50%;width:50%;height:100%;-webkit-transition:left 0.5s,right 0.5s,top 0.5s,bottom 0.5s,height 0.5s,width 0.5s,background-size .5s;transition:left 0.5s,right 0.5s,top 0.5s,bottom 0.5s,height 0.5s,width 0.5s,background-size .5s;background:url(../../media/images/markets003.jpg) no-repeat;background-position:center;background-size:cover;border-right:1px solid #fff}
.section-2-im-2.shift{top:50%;height:50%}
.section-2-im-2.shift-3{width:25%;right:25%}
.section-2-im-3{position:absolute;top:0;left:100%;width:25%;height:50%;-webkit-transition:left 0.5s,right 0.5s,top 0.5s,bottom 0.5s,height 0.5s,width 0.5s,background-size .5s;transition:left 0.5s,right 0.5s,top 0.5s,bottom 0.5s,height 0.5s,width 0.5s,background-size .5s;background:url(../../media/images/markets002.jpg) no-repeat;background-position:center;background-size:cover;border-bottom:1px solid #fff}
.section-2-im-3.shift-4{left:75%}
.section-2-im-4{position:absolute;top:50%;left:100%;width:25%;height:50%;-webkit-transition:left 0.5s,right 0.5s,top 0.5s,bottom 0.5s,height 0.5s,width 0.5s,background-size .5s;transition:left 0.5s,right 0.5s,top 0.5s,bottom 0.5s,height 0.5s,width 0.5s,background-size .5s;background:url(../../media/images/video-image-002-004.png) no-repeat #fff;background-position:center bottom;text-align:center;padding-top:5%}
.section-2-im-4.shift-4{left:75%}
.section-2-im-4 .content{line-height:26px;font-family:'OxygenLight';font-size:16px;padding:0 82px}
.vd-003{position:absolute;top:0;left:0;width:100%;height:100%;-webkit-transition:width 0.5s,left .5s;transition:width 0.5s,left .5s;border-left:1px solid #fff}
.vd-003.full{width:50%;left:50%}
.vd-003_overlay{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;overflow:hidden;background:#000}
.vd-003_overlay:after{position:absolute;top:0;left:0;content:"";background:url(../../media/images/e.png) center no-repeat;width:100%;height:100%}
.vd-003 video{position:absolute;right:0;bottom:0;min-width:100%;min-height:100%;width:auto;height:100%;background-size:cover;overflow:hidden;opacity:.5}
.vd-003 video.shift{right:-40%;-webkit-transition:width .5s;transition:width .5s}

.vd-003 video {right: -30%;

       }



.section-3-im-1{position:absolute;top:0;left:-50%;width:50%;height:100%;-webkit-transition:left 0.5s,right 0.5s,top 0.5s,bottom 0.5s,height 0.5s,width 0.5s,background-size .5s;transition:left 0.5s,right 0.5s,top 0.5s,bottom 0.5s,height 0.5s,width 0.5s,background-size .5s;background:url(../../media/images/exclusive002.jpg) no-repeat;background-position:center;background-size:cover}
.section-3-im-1.shift{left:0}
.section-3-im-1.shift-2{height:50%}
.section-3-im-1.shift-3{width:25%;left:25%}
.section-3-im-2{position:absolute;top:100%;left:0;width:50%;height:100%;-webkit-transition:left 0.5s,right 0.5s,top 0.5s,bottom 0.5s,height 0.5s,width 0.5s,background-size .5s;transition:left 0.5s,right 0.5s,top 0.5s,bottom 0.5s,height 0.5s,width 0.5s,background-size .5s;background:url(../../media/images/exclusive003.jpg) no-repeat;background-position:center;background-size:cover;border-top:1px solid #fff}
.section-3-im-2.shift{top:50%;height:50%}
.section-3-im-2.shift-3{width:25%;left:25%}
.section-3-im-3{position:absolute;top:0;left:-25%;width:25%;height:50%;-webkit-transition:left 0.5s,right 0.5s,top 0.5s,bottom 0.5s,height 0.5s,width 0.5s,background-size .5s;transition:left 0.5s,right 0.5s,top 0.5s,bottom 0.5s,height 0.5s,width 0.5s,background-size .5s;background:url(../../media/images/exclusive001.jpg) no-repeat;background-position:center;background-size:cover;border-right:1px solid #fff}
.section-3-im-3.shift-4{left:0}
.section-3-im-4{position:absolute;top:50%;left:-25%;width:25%;height:50%;-webkit-transition:left 0.5s,right 0.5s,top 0.5s,bottom 0.5s,height 0.5s,width 0.5s,background-size .5s;transition:left 0.5s,right 0.5s,top 0.5s,bottom 0.5s,height 0.5s,width 0.5s,background-size .5s;background:url(../../media/images/video-image-002-004.png) no-repeat #fff;background-position:center bottom;text-align:center;padding-top:5%;border-top:1px solid #fff}
.section-3-im-4.shift-4{left:0}
.section-3-im-4 .content{line-height:26px;font-family:'OxygenLight';font-size:16px;padding:0 82px}
.vd-004{position:absolute;top:0;left:0;width:100%;height:100%;-webkit-transition:width .5s;transition:width .5s;border-right:1px solid #fff}
.vd-004.full{width:50%}
.vd-004_overlay{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;overflow:hidden;background:#000}
.vd-004_overlay:after{position:absolute;top:0;left:0;content:"";background:url(../../media/images/h.png) center no-repeat;width:100%;height:100%}
.vd-004 video{position:absolute;right:0;bottom:0;min-width:100%;min-height:100%;width:auto;height:auto;background-size:cover;overflow:hidden;opacity:.5}
.vd-004.full-height-half{height:60%}
.section-4-im-1{position:absolute;top:0;left:100%;width:50%;height:100%;-webkit-transition:left 0.5s,right 0.5s,top 0.5s,bottom 0.5s,height 0.5s,width 0.5s,background-size 0.5s,padding-top .5s;transition:left 0.5s,right 0.5s,top 0.5s,bottom 0.5s,height 0.5s,width 0.5s,background-size 0.5s,padding-top .5s;background:#bc6162;border-bottom:1px solid #fff;text-align:center;padding-top:350px}
.section-4-im-1.shift{left:50%}
.section-4-im-1.shift-2{height:50%;padding-top:170px}
.section-4-im-1.shift-no{height:0;overflow:hidden;padding-top:0}
.section-4-im-2{position:absolute;top:100%;left:50%;width:50%;height:100%;-webkit-transition:left 0.5s,right 0.5s,top 0.5s,bottom 0.5s,height 0.5s,width 0.5s,background-size .5s;transition:left 0.5s,right 0.5s,top 0.5s,bottom 0.5s,height 0.5s,width 0.5s,background-size .5s;background:url(../../media/images/video-image-004-002.png) center bottom no-repeat #ffffff;text-align:center;padding-top:5%}
.section-4-im-2.shift{top:50%;height:50%}
.section-4-im-2 .content{line-height:26px;font-family:'OxygenLight';font-size:16px;padding:0 225px}
.section-4-im-2.shift-top{top:0;height:60%;padding-top:8%}
.section-004  .vd-004 video{
	left: -60%
}


.section-006 .vd-004{left:auto;right:0;border:0;border-left:1px solid #fff}
.section-006 .section-4-im-1.shift{left:auto;right:50%}
.section-006 .section-4-im-2{left:auto;right:50%}
.section-006 .section-4-im-1{right:100%;left:auto}
.section-006 .section-3-im-2{width:50%;height:50%;-webkit-transition:left 0.5s,right 0.5s,top 0.5s,bottom 0.5s,height 0.5s,width 0.5s,background-size .5s;transition:left 0.5s,right 0.5s,top 0.5s,bottom 0.5s,height 0.5s,width 0.5s,background-size .5s;background:url(../../media/images/video-image-002-004.png) no-repeat #fff;background-position:center bottom;text-align:center;background-size: cover;  padding-top: 5%;border-top:1px solid #fff;}
.section-006 .section-3-im-2 .content{line-height:26px;font-family:'OxygenLight';font-size:16px;padding:0 82px}
.section-006 .section-3-im-2.shift-3{width:50%;left:0}
.section-006 .vd-003_overlay:after{background-image:url(../../media/images/w.png)}
.section-006 .section-3-im-3{background:url(../../media/images/why01.jpg) no-repeat;background-position:center;background-size:cover}
.section-006 .section-3-im-1{background:url(../../media/images/why02.jpg) no-repeat;background-position:center;background-size:cover}
.vd-005{position:absolute;top:50%;left:0;width:50%;height:71%;-webkit-transition:width 0.5s,top .5s;transition:width 0.5s,top .5s;border-right:1px solid #fff}
.vd-005.shift{top:0}
.vd-005.full{width:50%}
.vd-005_overlay{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;overflow:hidden;background:#000}
.vd-005_overlay:after{position:absolute;top:0;left:0;content:"";background:url(../../media/images/h.png) center no-repeat;width:100%;height:100%}
.vd-005 video{position:absolute;right:0;bottom:0;min-width:100%;min-height:100%;width:auto;height:auto;background-size:cover;overflow:hidden;opacity:.5}
.vd-005.full-height-half{height:60%}
.section-5-im-2b{position:absolute;top:50%;left:50%;width:50%;height:50%;-webkit-transition:left 0.5s,right 0.5s,top 0.5s,bottom 0.5s,width 0.5s,height 0.5s,background-size .5s;transition:left 0.5s,right 0.5s,top 0.5s,bottom 0.5s,width 0.5s,height 0.5s,background-size .5s;background:url(../../media/images/video-image-004-002.png) center bottom no-repeat #ffffff;text-align:center;padding-top:150px}
.section-5-im-2b .content{line-height:26px;font-family:'OxygenLight';font-size:16px;padding:0 225px}
.section-5-im-2b.shift{top:0;height:71%;padding-top:220px}
.footer-col{width:100%;position:static;height:auto;-webkit-transition:left 0.5s,right 0.5s,top 0.5s,bottom 0.5s,height 0.5s,width 0.5s,background-size 0.5s,padding-top .5s;transition:left 0.5s,right 0.5s,top 0.5s,bottom 0.5s,height 0.5s,width 0.5s,background-size 0.5s,padding-top .5s;background:#e9e9e9;border-top:1px solid #fff;text-align:center;clear:both;padding:40px 0}
.homepage .footer-col{display:none}
.homepage .section-005 .footer-col{display:block}
.section-5-im-1{position:absolute;top:100%;left:0;height:30%;-webkit-transition:left 0.5s,right 0.5s,top 0.5s,bottom 0.5s,height 0.5s,width 0.5s,background-size 0.5s,padding-top .5s;transition:left 0.5s,right 0.5s,top 0.5s,bottom 0.5s,height 0.5s,width 0.5s,background-size 0.5s,padding-top .5s;background:#e9e9e9;border-top:1px solid #fff;text-align:center}
.section-5-im-1.shift{top:71%}
.section-5-im-2{position:absolute;top:100%;left:50%;width:50%;height:40%;-webkit-transition:left 0.5s,right 0.5s,top 0.5s,bottom 0.5s,height 0.5s,width 0.5s,background-size 0.5s,padding-top .5s;transition:left 0.5s,right 0.5s,top 0.5s,bottom 0.5s,height 0.5s,width 0.5s,background-size 0.5s,padding-top .5s;background:url(../../media/images/section-5-im-2.png) center / 100% auto no-repeat;border-top:1px solid #fff;padding:60px 70px 0}
.section-5-im-2.shift{top:60%}
.section-5-im-2 .block-title{color:#fff;text-transform:uppercase;font-size:14px;letter-spacing:1px;font-family:'Cardo';margin-bottom:30px}
.video-cover{max-width:100%;height:100%;position:fixed;top:0;left:0}
.navigation{width:100%;height:100%;background:#fff;position:fixed;left:0;top:0;z-index:99999;opacity:0;visibility:hidden;padding:150px 200px 0;-webkit-transition:visibility 0.5s,opacity .5s;transition:visibility 0.5s,opacity .5s}
.navigation.active{opacity:1;visibility:visible}
.navigation ul{float:right;    margin-top: 50px;}
.navigation li{list-style:none;width:300px;text-align:right}
.navigation li a{text-decoration:none;font-size:28px;text-transform:uppercase;color:#000;font-family:'OxygenLight';display:inline-block;line-height:70px}
.navigation li a:hover{color:#a01e20}
.navigation .image{float:left;margin-top:50px;padding:0}
.navigation .image img{width:100%}
.navigation li.smlmen a{font-size:20px;color:#454545;line-height:50px}
.navigation li:nth-child(5){margin-bottom:50px}
.footer-col .block-title{text-align:center;color:#a01e20;text-transform:uppercase;font-size:15px;letter-spacing:1px;font-family:'Cardo';margin-bottom:15px}
.col33{width:20%}
.col60{width:60%;padding-left:100px}
.footer-col ul{margin:0;padding:0;list-style:none;text-align:center}
.footer-col ul li{margin:0 12px;padding:0;display:inline-block}
.footer-col ul li a{display:block;text-decoration:none;text-transform:uppercase;font-size:12px;font-family:'Oxygen';color:#727272}
.sm-logo{text-align:center}
.sm-logo img{margin:0 auto;margin-bottom:40px;display:block}
.sm-logo p{font-family:OxygenLight;font-size:12px;color:#727272;line-height:18px}
.footer-col ul.social li a{padding-left:32px;min-height:32px;padding-top:8px}
.footer-col ul.social li.fa a{background:url(../../media/images/facebook-icon.png) no-repeat}
.footer-col ul.social li.tw a{background:url(../../media/images/twitter-icon.png) no-repeat}
.footer-col ul.social li.ins a{background:url(../../media/images/instagram-icon.png) no-repeat}
.footer-col .col33{width:33.33%;padding:0 5%;font-family:proximanovalight;font-size:14px;color:#454545;text-align:center}
.foot-btn{color:#454545;border:1px solid #c1c1c1;min-width:140px;padding:10px 0;text-align:center;display:inline-block;text-decoration:none;margin:15px 5px 0}
.foot-btn:hover{border:1px solid #a01e20;color:#a01e20}
#fp-nav{z-index:10000!important}
.nav-header{height:60px;width:100%;background:#fff;position:fixed;top:0;left:0;background:#fff;z-index:9999;padding:0 60px}
.nav-header .menu-icon-close{width:30px;height:32px;background:url(../../media/images/cross.png) center no-repeat;cursor:pointer;margin-top:18px}
.nav-header .logos{width:116px;height:21px;display:inline-block;font-size:0;background:url(../../media/images/logo.png) no-repeat;position:absolute;left:50%;top:50%;margin-top:-10.5px;margin-left:-58px}
.loader{width:100%;height:100%;background:url(../../media/images/Solar_preloader.gif) center no-repeat #fff;position:fixed;left:0;top:0;z-index:99999;opacity:1;visibility:visible;-webkit-transition:visibility 0.5s,opacity .5s;transition:visibility 0.5s,opacity .5s}
.loader.gone{opacity:0;visibility:hidden}
.row{margin:0 -15px}
.lrgbanner{width:100%;background:url(../../media/images/banner-aboutus.jpg) center top no-repeat #fff;background-size:cover;margin-top: 70px;}
.lrgbanner .max-wrapper{position:relative;height:546px}
.banner-our-capability{background-image:url(../../media/images/banner-our-capability.jpg)}
.banner-why-us{background-image:url(../../media/images/banner-why-us.jpg)}
.banner-career{background-image:url(../../media/images/banner-career.jpg)}
.banner-contact-us{background-image:url(../../media/images/banner-contact-us.jpg)}
.banner-fabrics{background-image:url(../../media/images/banner-fabrics.jpg)}
.lrgbanner .bannercont{position:absolute;right:10%;bottom:-64px;z-index:1}
.bannercont{width:42%;overflow:hidden;padding:8px;background:url(../../media/images/border-top.png) left top repeat-x,url(../../media/images/border-bottom.png) left bottom repeat-x,url(../../media/images/border-left.png) top left repeat-y,url(../../media/images/border-right.png) top right repeat-y;font-family:OxygenLight;font-size:16px;line-height:24px;z-index:1}
.boxborder{background:#fff;padding:35px;width:100%}
.bannercont h1{color:#c5a46d;font-size:36px;margin-bottom:25px;font-family:ChronicleDisplayRoman;font-weight:normal}
.leftimgbord{padding-left:40px;position:relative;z-index:1;padding-bottom:40px}
.leftimgbord:before{border:1px solid #7b7b7b;height:90%;width:90%;content:"";display:block;position:absolute;bottom:0;left:0;z-index:-1}
.rightimgbord{padding-right:40px;position:relative;z-index:1;padding-bottom:40px}
.rightimgbord:before{border:1px solid #7b7b7b;height:90%;width:90%;content:"";display:block;position:absolute;bottom:0;right:0;z-index:-1}
#about-page img{display:block}
.about-page ul li{line-height:25px;font-size:18px;padding:0 0 10px 20px;background:url(../../media/images/bullet-gold.png) left top 8px no-repeat;list-style:none}
.about-page,.our-capability-page,.markets-page,.career-page,.contctforms{background:#f5f5f5;padding-top:120px;padding-bottom:60px}
.about-page{ background: #fff }


.why-us-page{padding:60px 0}

.sectpart{clear:both;padding:30px 0}
.col-sm-01{padding:40px 40px 0}
.vission{text-align:center;clear:both;padding-top:100px; background: #f5f5f5}
.vission .col-50{margin-bottom:100px}
.vission .bannercont{position:absolute;width:100%;left:80%;bottom:-20%;text-align:left}
.vission .boxborder{background:#fff;padding:60px 35px}
.vission .bannercont h1{font-size:30px;margin-bottom:20px}
.vission .col p{font-size:16px;line-height:22px;margin-bottom:55px}
.vission .col h1{font-weight:bold}
.toplinebord{padding:10px 0;position:relative}
.toplinebord:before{content:"";position:absolute;left:0;top:0;background:url(../../media/images/pattern-top.png) left bottom repeat-x;width:100%;height:10px;margin:0;padding:0;z-index:0}
.toplinebord:after{content:"";position:absolute;left:0;bottom:0;background:url(../../media/images/pattern-bottom.png) left top repeat-x;width:100%;height:10px;margin:0;padding:0;z-index:0}
.mission{text-align:center;clear:both;padding-top:100px;background: #f5f5f5}
.mission .col-50{margin-bottom:120px}
.mission .bannercont{position:absolute;width:100%;right:80%;bottom:-20%;text-align:left}
.mission .boxborder{background:#fff;padding:60px 35px}
.mission .bannercont h1{font-size:30px;margin-bottom:20px}
.our-capability-page .sectpart{padding-bottom:60px;padding-top:60px}
.our-capability-page .sectpart:nth-child(1){padding-top:0}
.our-capability-page .sectpart:last-child{padding-bottom:0}
.our-capability-page .sectpart:nth-child(2n+2){background:#fff}
.our-capability-page .sectpart h1{position:absolute;bottom:0;text-align:right;right:15%;font-size:48px;margin-bottom:30px}
.markets-page .sectpart{padding-bottom:184px;padding-top:60px}
.markets-page .sectpart:nth-child(1){padding-top:10px}
.markets-page .sectpart:last-child{padding-bottom:200px}
.markets-page .sectpart:nth-child(2n+2){background:#fff;padding-bottom:128px}
.markets-page .sectpart h1{margin-bottom:15px;font-size:26px}
.markets-page .sectpart .boxborder{min-height:250px}
.markets-page .sectpart .bannercont{position:absolute;top:65%;right:10%}
.markets-page .sectpart:nth-child(2n+2) .bannercont{left:10%;right:auto}
.why-us-page .max-wrapper .col{text-align:center}
.whyusbox{float:left;width:49%;padding:20px;background:#fff;margin-bottom:25px;cursor:pointer;    min-height: 164px;}
.whyusbox:hover{box-shadow:0 0 5px 5px #f3f3f3}
.whyuscat .whyusbox:nth-child(2n+2){float:right}
.whyuscat{margin-top:40px}
.why-us-page{line-height:22px;font-size:16px}
.whyusbox h1{font-size:26px;margin-bottom:10px;padding-left:77px}
.whyusbox p{font-size:16px;line-height:26px;padding-left:77px}
.whyusbox .imgwhy{width:62px;height:62px;background:#fff url(../../media/images/whyusicon.png) no-repeat top -5px center;float:left;margin-top:-3px;border:1px solid #b2b2b2;border-radius:50%}
.whyusbox:hover .imgwhy{background-position:top -72px center;border-color:#fff;background-color:#f5f5f5}
.whyusbox .ichis{background-position:top -136px center}
.whyusbox:hover .ichis{background-position:top -203px center}
.whyusbox .ictk{background-position:top -270px center}
.whyusbox:hover .ictk{background-position:top -337px center}
.whyusbox .icnic{background-position:top -404px center}
.whyusbox:hover .icnic{background-position:top -470px center}
.whyusbox .icia{background-position:top -538px center}
.whyusbox:hover .icia{background-position:top -605px center}
.whyusbox .icspc{background-position:top -674px center}
.whyusbox:hover .icspc{background-position:top -741px center}
.whyusbox .ichq{background-position:top -805px center}
.whyusbox:hover .ichq{background-position:top -872px center}
.whyusbox .icbes {
    background-position:   center -938px ;
}

.whyusbox:hover .icbes {
    background-position:   center -1005px;
}
.whyusbox .icflx {
    background-position:   center -1071px ;
}

.whyusbox:hover  .icflx {
    background-position:   center -1138px ;
}

.whyusbox .shrun {
    background-position:   center -1209px ;
}

.whyusbox:hover  .shrun {
    background-position:   center -1276px ;
}








.fabimg{position:relative;display:block;cursor:pointer;overflow:hidden}
.fabimg a{position:relative;display:block;cursor:pointer;overflow:hidden;width:100%;height:100%}
.fabimg a:before{content:"";position:absolute;width:94%;height:1px;border-bottom:1px solid #c5a46d;left:3%;top:15px;z-index:1;opacity:0;box-sizing:border-box}
.fabimg a:after{content:"";position:absolute;width:94%;height:1px;border-top:1px solid #c5a46d;left:3%;top:auto;bottom:15px;z-index:1;opacity:0;box-sizing:border-box}
.fabimg:before{content:"";position:absolute;width:1px;border-right:1px solid #c5a46d;left:3%;top:15px;z-index:1;opacity:0;box-sizing:border-box;height:90.5%}
.fabimg:after{content:"";position:absolute;width:1px;border-left:1px solid #c5a46d;right:3%;top:15px;z-index:1;opacity:0;box-sizing:border-box;height:90.5%}
.fabimg.lrgimfb:after{height:95.5%}
.fabimg.lrgimfb:before{height:95.5%}
.fabimg a:hover:before,.fabimg a:hover:after,.fabimg:hover:before,.fabimg:hover:after{opacity:1}
.fabimg img{-webkit-transition:all 2s ease;-moz-transition:all 2s ease;-ms-transition:all 2s ease;transition:all 2s ease;display:block;width:100%;height:100%}
.fabimg img:hover{transform:scale(1.1);-ms-transform:scale(1.1);-moz-transform:scale(1.1);-webkit-transform:scale(1.1);-o-transform:scale(1.1)}
.fabtxt{color:#fff;font-size:44px;margin-bottom:25px;font-family:ChronicleDisplayRoman;font-weight:bold;position:absolute;width:100%;top:50%;left:0;text-align:center;margin-top:-40px}
.fabtxt span{font-size:20px;color:#f2f2f2;font-weight:normal;font-style:italic;display:block;margin-top:5px}
.col-50 .fabimg:nth-child(2){margin-top:30px}
.range-patter-left{margin-top:-90px;float:left;margin-left:10%;position:relative;z-index:1;width:160px;height:210px}
.range-patter-right{float:right;margin-right:10%;margin-top:10px;width:160px;height:210px}
.career-page{text-align:center}
.career-page p{font-size:20px}
.career-page h1{font-size:48px;letter-spacing:3px;margin-bottom:20px}
.career-page ul{margin-top:40px}
.career-page ul li{display:inline-block;float:left;width:33.33%;padding:35px;cursor:pointer}
.career-page ul li:hover{background-color:#fff;box-shadow:0 0 7px 3px #e0e0e0}
.career-page ul li h2{font-size:20px;color:#333;font-family:ChronicleDisplayRoman;letter-spacing:2px;margin-bottom:15px}
.career-page ul li p{font-size:16px;line-height:26px;color:#828282;margin-bottom:20px}
.career-page ul li a{font-size:16px;text-transform:uppercase;color:#a01e20;text-decoration:none;font-family:OxygenBold}
.thankyou{padding:270px 0;text-align:center;font-size:16px;line-height:24px;color:#727272}
.thankyou img{display:block;margin:0 auto}
.thankyou h1{font-size:48px;margin-bottom:30px;margin:25px 0 20px;letter-spacing:2px}
.job-details{padding:120px 0 60px}
.job-details .col{text-align:center;margin-bottom:60px;font-size:16px;line-height:24px;color:#727272}
.job-details h1{font-size:48px;margin-bottom:25px;margin-top:45px;letter-spacing:2px}
.job-details h1 span{display:block;color:#454545;font-family:OxygenLight;font-size:20px;margin-top:22px}
.job-details h2{color:#333;font-size:20px;text-transform:uppercase;font-family:OxygenBold;margin-bottom:15px}
.job-details .col-40{font-size:16px;color:#666;line-height:24px}
.job-details .col-40 p{font-size:16px;color:#666;line-height:24px;margin-bottom:13px;padding-left:16px}
.job-details ul{margin-bottom:30px;margin-left:15px}
.job-details ul li{font-size:16px;color:#666;line-height:24px;list-style:none;margin-bottom:13px;background:url(../../media/images/bullet-left.png) no-repeat left 8px;padding-left:16px}
.submitform ul{padding-top:10px;overflow:hidden;margin-bottom:0;font-family:Oxygen;margin:0}
.submitform ul li{padding:0;background:none;margin-bottom:20px}
.submitform ul li:last-child{margin-bottom:0}
.submitform li .input{display:inline-block;width:69%;vertical-align:middle}
.submitform label{display:inline-block;width:30%;vertical-align:middle}
.submitform li input,.submitform li select{border:1px solid #d1d3d4;height:40px;border-radius:3px;width:100%;padding:10px;color:#666;box-sizing:border-box;font-size:14px;color:#bebebe}
.submitform li select{width:48%;background:url(../../media/images/select-drop.png) 97% center no-repeat;-webkit-appearance:none;-moz-appearance:none;-ms-appearance:none;-o-appearance:none;appearance:none}
.submitform li select:first-child{margin-right:2%}
.submitform{padding:30px;box-shadow:0 0 3px 3px #ececec}
.submitform button{background:#a01e20;font-size:16px;font-family:OxygenBold;padding:12px 44px;border:0;color:#fff;text-transform:uppercase;margin-left:30%;margin-top:10px;cursor:pointer}
.back{color:#a01e20;font-size:14px;font-family:OxygenBold;background:url(../../media/images/arrow-left.png) no-repeat left center;padding-left:44px;text-decoration:none}
.back:hover{text-decoration:underline}
.upload-photo,.linkedinlinkk{border-radius:3px;border:1px solid #d1d3d4;padding:8px 10px;color:#666666;font-size:14px;position:relative;min-height:40px;text-transform:uppercase;background:#e6e7e8;width:212px;padding-left:50px;background:#e6e7e8 url(../../media/images/attacthed.png) no-repeat 20px center}
.linkedinlinkk{background-image:url(../../media/images/linkedin.png)}
.upload-photo input[type=file],.linkedinlinkk input[type=file]{opacity:0;position:absolute;top:0;left:0;height:100%;width:100%;cursor:pointer;z-index:5}
.upload-photo span.none-val,.linkedinlinkk span.none-val{display:none}
.upload-photo #naj-chg, .linkedinlinkk #deep-chg {
    font-size: 12px;
    text-transform: lowercase;
    white-space: normal;
    word-break: break-word;
    font-size: 12px;
    display: inline-block;
    vertical-align: middle;
    line-height: 16px;
}
.mnbouthead{     line-height: 25px;
    font-size: 18px;   }
    .mnbouthead p{ margin-bottom: 20px; }
.map iframe{width:100%;height:600px}
.contact-add{padding:70px 0 94px;font-family:Oxygen;font-size:20px;line-height:30px;color:#333}
.contact-add h1,.contctforms h1{font-size:48px;letter-spacing:2px;text-align:center;margin-bottom:70px}
.contact-add h1 span,.contctforms h1 span{display:block;color:#333;font-size:20px;font-family:Oxygen;letter-spacing:0;margin-top:30px}
.contact-add h2{font-family:ChronicleDisplayRoman;font-weight:normal;font-size:26px;margin-bottom:25px}
.address{background-color:#bc6061;color:#fff;padding:45px 48px;font-family:OxygenLight;font-size:16px;float:left;width:392px;margin-left:25%;position:absolute;left:auto;    top: 10px;}
.address li{list-style:none;margin-bottom:35px;padding-left:60px;background:url(../../media/images/mobile.png) 7px 8px no-repeat}
.address li a{color:#fff;text-decoration:none}
.address li:nth-child(2){background:url(../../media/images/fax.png) left 8px no-repeat}
.address li:last-child{margin-bottom:0;background:url(../../media/images/mail.png) 2px 8px no-repeat}
.contctforms ul li{list-style:none}
.contctforms .field{display:inline-block;width:45%;margin:0 2%}
.contctforms .field.wide{width:95%}
.contctforms .fields{margin-bottom:40px}
.contctforms .field input[type="text"],.contctforms .field input[type="email"],.contctforms .field input[type="tel"],.contctforms .field select,.contctforms .fields textarea{width:100%;height:40px;background:transparent;border:0;border-bottom:1px solid #dedede;color:#333;padding:5px 0;font-size:15px;box-sizing:border-box;font-family:Oxygen}
.contctforms .field select{background:url(../../media/images/select-drop.png) 97% center no-repeat;-webkit-appearance:none;-moz-appearance:none;-ms-appearance:none;-o-appearance:none;appearance:none}
.contctforms .fields textarea{height:60px}
.contctforms img{display:block;margin:0 auto}
.contctforms .buttons-set button{border:1px solid #9c211c;color:#9c211c;padding:10px 50px;font-size:18px;display:block;margin:0 auto;width:190px;text-align:center;text-decoration:none;font-family:OxygenBold;text-transform:uppercase;cursor:pointer}
.sectexpertse{height:63vh;position:relative;text-align:center}
.expertise-page img{max-width:100%;margin:0 auto}
.imgFull img{height:100%}
.right{text-align:right}
.left{text-align:left}
.center{text-align:center}
.relance{background-color:#24262D;text-align:center;padding-top:40px;padding-bottom:40px;min-height:100px}
.relance.white{background-color:#f5f5f5;padding:60px 0}
.relance.verticalCenterBefore:before{min-height:100px}
.verticalCenterBefore:before{content:'';display:inline-block;height:100%;vertical-align:middle}
.verticalCenter{display:inline-block;vertical-align:middle;word-break:normal}
.relance p{font-family:'ChronicleDisplayRoman';font-weight:normal;font-style:italic;font-size:24px;color:#bf9f69;margin:0;display:inline-block;width:65%;text-align:center;line-height:40px;letter-spacing:1px}
.gabarit5{position:relative;text-align:center;overflow:hidden;clear:both}
.gabarit5 .column{width:66.6666%;color:white;height:100%;position:relative;overflow:hidden;color:#b2b2b2;font-size:14px;line-height:25px;font-family:Oxygen}
.marginTopXSmall{margin-top:62px}
.marginTopXSmall2{margin-top:25px}
.gabarit5 .column2{width:33.3333%;vertical-align:top;position:relative;color:#b2b2b2;font-size:14px;line-height:25px;font-family:Oxygen}
.gabarit5 .columnhead{width:25%;display:inline-block;vertical-align:top;position:relative;color:#454545;font-size:14px;line-height:25px;font-family:Oxygen}
.gabarit5 .columnhead h2{font-family:'ChronicleDisplayRoman';font-size:30px;font-weight:normal}
.gabarit5 .columntext{width:50%;display:inline-block;vertical-align:top;position:relative;color:#b2b2b2;font-size:14px;line-height:25px;font-family:Oxygen}
.gabarit5.fibrefil .column2{text-align:left}
.gabarit5.fibrefil.right .column2{text-align:right}
.gabarit5.fibrefil .texteEtape{width:322px;display:inline-block}
.gabarit5.fibrefil .etape{font-family:'OxygenBold';font-size:16px;color:#212121;letter-spacing:.5px;margin-bottom:10px;display:block}
.marginRightSmall{margin-right:50px}
.gabarit5.fibrefil h3{font-family:'ChronicleDisplayRoman';font-size:30px;font-weight:normal;color:#727272;letter-spacing:normal;line-height:32px;margin-bottom:12px}
.gabarit5 .column2 p{max-width:500px}
.gabarit5.fibres{height:auto}
.marginTopXNormal{margin-top:84px}
.marginLeftSmall{margin-left:50px}
.fibres .column2:nth-child(1){text-align:right}
.fibres .column2:nth-child(1) h2.droit{font-style:normal}
.fibres .column2:nth-child(1) h2{width:300px;display:inline-block;line-height:32px;font-size:30px;font-family:"ChronicleDisplayRoman";font-weight:normal;font-style:italic;color:#454545}
.fibres .column2{max-width:33%}
.fibres p,.gabarit5.fibres ul li{text-align:justify;color:#696B70;margin:0;position:relative;z-index:2}
.gabarit5.fibres ul { margin-left: 15px; }
.gabarit4{height:100vh;position:relative; background: #000;}
.gabarit4.fibrefil{height:100vh}
.imgBgMotif{background:url(/img/gammes/motif2.png)}
.gabarit4 .inside{text-align:center;position:absolute;left:0;right:0;bottom:0;top:0;color:white;overflow:hidden}
.gabarit4 .inside>.verticalCenter{margin-top:10px;position:relative;z-index:2;transform:translate3d(0,0,0)}
.gabarit4 .inside .column{width:33.3333%}
.savoirfaire .inside .verticalCenter{margin-top:0}
.savoirfaire .inside .column{width:560px}
.fibrefil .inside .verticalCenter{margin-top:-25%}
.savoirfaire .number{width:100%;z-index:-1;margin-bottom:25px}
.fibrefil .number{color:#f7f7f7;opacity:.3;line-height:50px}
.gabarit4 .inside .surTitre{font-family:OxygenLight;font-weight:normal;font-size:14px;color:#fff;line-height:24px}
.fibrefil .inside .surTitre{line-height:10px;font-size:26px}
.gabarit4 .inside h1,.gabarit4 .inside h2,.gabarit4 .inside h3{font-family:ChronicleDisplayRoman;font-weight:normal;font-size:48px;color:#FFF;letter-spacing:2px;line-height:54px}
.gabarit4 .inside h3{font-size:48px}
.savoirfaire .inside h3{color:#c5a46d;font-style:italic;margin-bottom:30px}
.fibrefil .inside h3{color:white;font-size:36px}
.imgFull{display:block;position:absolute;left:0;right:0;top:0;bottom:0;overflow:hidden}
.gabarit4.fibres{height:91vh}
.inter{font-family:'ChronicleDisplayRoman';font-weight:normal;font-style:italic;font-size:48px;color:#c5a46d;margin:0;display:inline-block;width:800px;text-align:center;line-height:50px}
.leftimgbord video#intro-video{min-width:50%;min-height:100%;width:100%;height:auto;position:relative;opacity:1}
.leftimgbord .first-content{padding-left:40px}
#video-box{width:100%;height:100%;background:rgba(0,0,0,0.9);position:fixed;top:0;left:0;z-index:999999;display:none;overflow-y:auto;padding-bottom:30px}
.video-wrap{width:1170px;margin:70px auto 0;border:1px solid #e7e7e7;padding:10px;background:#fff;min-height:200px;position:relative;box-shadow:0 0 5px #cccccc;border-radius:5px}
#video-box .video-wrap iframe{width:100%!important;height:500px!important;border:0!important}
.video-wrap .closebtn{cursor:pointer;position:absolute;right:-30px;top:-30px;text-align:center;z-index:999999;background:url(../../media/images/cross-white.png) center no-repeat;height:30px;width:30px}
.overhidden{overflow:hidden}
.myvdo {
    display: block;
    width: 60px;
    position: absolute;
    text-decoration: none;
    margin-top: -20px;
    top: 50%;
 
    right: 50%;

    margin-right: -50px;
}
.errorpage{background-color:#f5f5f5;text-align:center;padding:120px 0}
.errorpage img{margin:0 auto}
.errorpage h1{color:#212121;font-size:30px;line-height:1;font-family:OxygenBold;font-weight:normal;text-transform:uppercase;margin:45px 0 20px}
.errorpage p{color:#727272;font-size:24px;font-family:Oxygen}
.errorpage .bckhome{color:#c27475;text-decoration:none;font-size:14px;text-transform:uppercase;font-family:Oxygen;display:inline-block;border:1px solid #c27475;padding:10px 40px;margin-top:30px}
.errorpage .bckhome:hover{border:1px solid #000;color:#000}
#section-expertise01{background-color:#dfdfe1;position:relative}
#section-expertise01 #myVideo{position:relative;right:0;bottom:0;top:0;left:0;width:100%;height:100%;background-size:100% 100%;background-color:#dfdfe1;background-position:center center;background-size:contain;object-fit:cover;z-index:3;display:block}
#svgsection{background:#dfdfe1;position:absolute;height:172vh;left:0;right:0;top:inherit;z-index:10;text-align:center;overflow:hidden;padding:120px 0;-webkit-transition:all 1s ease;-moz-transition:all 1s ease;-ms-transition:all 1s ease;transition:all 1s ease}
/*#svgsection:before{content:"";left:0;right:0;top:0;bottom:0;display:block;position:absolute;height:100%;opacity:1;background:#dfdfe1;-moz-transition:height 1s ease;-webkit-transition:height 1s ease;-o-transition:height 1s ease;transition:height 1s ease}*/
#svgsection .max-wrapper{width:1000px;position:relative;margin:0 auto;padding:0;-moz-transition:height 1s ease;-webkit-transition:height 1s ease;-o-transition:height 1s ease;transition:height 1s ease}
.navnumber{cursor:pointer;font-family:ChronicleDisplayRoman;font-size:100px;color:#ececed;line-height:100px;position:relative;z-index:1;-moz-transition:height 1s ease;-webkit-transition:height 1s ease;-o-transition:height 1s ease;transition:height 1s ease}
.navnumber .number1{float:left;width:33.33%;text-align:center;margin-top:-10px;-webkit-transition:all 1s ease;-moz-transition:all 1s ease;-ms-transition:all 1s ease;transition:all 1s ease}
.navnumber .number1:nth-child(1){margin-left:-50px}
.navnumber .number1:nth-child(2){margin:0 50px}
.navnumber .number1:nth-child(3){margin-right:-50px;float:right}
.number1 a{color:#ececed;text-decoration:none;cursor:pointer}
.number1 a:hover{color:#fff}
.number1 span{font-size:26px;color:#fff;font-style:italic;display:block;opacity:0;line-height:26px;margin-top:65px;-webkit-transition:all 1s ease;-moz-transition:all 1s ease;-ms-transition:all 1s ease;transition:all 1s ease}
.navnumber .number1:nth-child(2) span{margin-bottom:45px}
.number1 a:hover span{opacity:1;color:#fff}
#path-circle{position:absolute;top:45%;left:0;width:800px;height:60px;margin:0;left:50%;margin:-30px 0 0 -400px}
.first-tag{position:absolute;top:50%;left:0;width:100%;text-align:center;color:#c5a46d;font-size:48px;font-family:ChronicleDisplayRoman;z-index:5;letter-spacing:5px; line-height: 1;}
#path-circle a{cursor:pointer;display:block}
#svgsection.some_class{opacity:0}
.gotop{position:fixed;z-index:11;cursor:pointer;width:40px;height:40px;display:none;bottom:40px;right:20px;background:url(../../media/images/top-arrow.png) no-repeat center center}
.gotop.active{display:block}
.alert.alert-success{text-align:center;color:green;font-family:OxygenBold;font-size:18px}
.alert.alert-error{text-align:center;color:red;font-family:OxygenBold;font-size:18px}
#svgsection.hidesvgnav{position:fixed;bottom:0;background:transparent;height:100px;padding:0}
#svgsection.hidesvgnav:hover{height:230px;padding:30px 0 0; background: #dfdfe1 }
#svgsection.hidesvgnav:before{height:0;opacity:0}

#svgsection.hidesvgnav .max-wrapper{height:100px}
#svgsection.hidesvgnav:hover .max-wrapper{height:auto}
#svgsection.hidesvgnav .navnumber{height:0;overflow:hidden;opacity:0}
#svgsection.hidesvgnav .navnumber .number1{ height:0;overflow:hidden;opacity:0 }

#svgsection.hidesvgnav:hover .navnumber {
   
    font-size: 70px;}
 #svgsection.hidesvgnav:hover .navnumber   .number1 span{     margin-top: 20px; }

#svgsection.hidesvgnav:hover .navnumber .number1{height:auto;opacity:1}
#svgsection.hidesvgnav:hover .navnumber{height:auto;opacity:1}
#svgsection.hidesvgnav #path-circle{top:inherit;bottom:0;z-index:99}
#svgsection.hidesvgnav:hover #path-circle{top:50%;bottom:inherit;margin-top:-26px}
#svgsection.hidesvgnav #path-circle a:nth-child(3){display:none}
#svgsection.hidesvgnav:hover #path-circle a:nth-child(3){display:block}
.about-page.fabric-pge .sectpart {
   
    padding: 0;
}
.header.exphead{
	background: rgba(0, 0, 0, .3)




}
.secvideo.about-us-video{

	position: relative;
}
.secvideo.about-us-video .video#intro-video{
	position: relative;
	opacity: 1;
	width: 100%;
	display: block;




	}
.innovative-fabric-page, .collection-page {
	    padding-bottom: 0;
}
.innovative-fabric-page .sectpart:last-child,
 .collection-page .sectpart:last-child {
    padding-bottom: 60px;
}
.achivebullet span {
    display: block;
    padding-left: 30px;
    padding: 8px 0 8px 60px;
    background: url(../../media/images/quality-standard.png) no-repeat top left;
    margin: 20px 0 0 0;
}
.achivebullet span:nth-child(2){

	 background-image:  url(../../media/images/continuous-process.png) 
}
.achivebullet span:nth-child(3){

	 background-image:  url(../../media/images/standardise-controls.png) 
}
#svgsection.section.hidesvgnav.some_class {
    height: 0;
}
.abutnew{ padding-bottom: 0 !important }
.range-patter-center{ display: inline-block;    width: 160px;
    height: 210px;     margin: 20px  5%;position: relative;}
.collection-page .max-wrapper{ text-align: left; }



.collection-page .max-wrapper .rgone {
      	top: -130px;

      }
.collection-page .max-wrapper .rgtwo {
      	top: -130px;

      }

       


      .collection-page .max-wrapper .rgthre {
      	margin-top: -20px;

      }
          .collection-page .max-wrapper .range-patter-center.rgfour  {
          	margin-top: -20px;
    

      }

.collection-page .range-patter-left {margin-top:-164px;}
.collection-page .range-patter-right {margin-top: -42px;}

.pro-list ul{list-style: none;margin:0 -15px;padding:0;}
.pro-list ul:after {content: '';display: block; clear: both;}
.pro-list ul li {float: left;width:25%;padding: 0 15px 30px;}
.our-capability-page.whiteBg {background: #fff;}
.collection-page .toplinebord {margin-bottom:60px;}
h1 a {color:#c5a46d;text-decoration: none;}
.collection-page a:hover img{ opacity: 0.9 }