@charset "utf-8";
article, aside, details, figcaption, figure, footer, header, hgroup, main, nav#navigation, section, summary { display: block; }
audio, canvas, video { display: inline-block; }
audio:not([controls]) { display: none; height: 0; }
[hidden] {display: none;}
html { font-family: sans-serif; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }
body { margin: 0; position: relative; }
h1 { font-size: 2em; margin: 0.67em 0; }
abbr[title] { border-bottom: 1px dotted; }
b, strong { font-weight: bold; }
dfn { font-style: italic; }
hr { -moz-box-sizing: content-box; box-sizing: content-box; height: 0; }
pre { white-space: pre-wrap; }
q { quotes: "\201C" "\201D" "\2018" "\2019"; }
small { font-size: 80%; }
sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }
sup { top: -0.5em; }
sub { bottom: -0.25em; }
img { border: 0; }
svg:not(:root) { overflow: hidden; }
figure { margin: 0; }
fieldset { border: 1px solid #c0c0c0; margin: 0 2px; padding: 0.35em 0.625em 0.75em; }
legend { border: 0; padding: 0; }
button, input, select, textarea { font-family: inherit; font-size: 100%; margin: 0; }
button, input { line-height: normal; }
button, select { text-transform: none; }
button, html input[type="button"], input[type="reset"], input[type="submit"] { -webkit-appearance: button; cursor: pointer; }
button[disabled], html input[disabled] { cursor: default; }
input[type="checkbox"], input[type="radio"] { box-sizing: border-box; padding: 0; }
input[type="search"] { -webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; }
input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration {-webkit-appearance: none;}
button::-moz-focus-inner, input::-moz-focus-inner {border: 0;padding: 0;}
textarea { overflow: auto; vertical-align: top; }
table { border-collapse: collapse; border-spacing: 0; }
*, *:before, *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; }
*, *:hover, *:focus, *:before, *:after { behavior: url(../img/backgroundsize.min.htc); -moz-behavior: url(../img/backgroundsize.min.htc); -ms-behavior: url(../img/backgroundsize.min.htc); -webkit-behavior: url(../img/backgroundsize.min.htc); -o-behavior: url(../img/backgroundsize.min.htc); }
html { font-size: 62.5%; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }
input, button, select, textarea { font-family: inherit; font-size: inherit; line-height: inherit; }
button, input, select[multiple], textarea { background-image: none; }
a { color: #7f7f7f; text-decoration: none; }
a:hover, a:focus { text-decoration: underline; }
a:focus { outline: thin dotted #333; outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px; }
img { vertical-align: middle; max-width: 100%; }
.img-responsive { display: block; max-width: 100%; height: auto; }
.img-rounded { border-radius: 6px; -webkit-border-radius: 6px; -moz-border-radius: 6px; -o-border-radius: 6px; -ms-border-radius: 6px; }
.img-thumbnail { padding: 4px; line-height: 1.428571429; background-color: #ffffff; border: 1px solid #dddddd; border-radius: 4px; -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; display: inline-block; max-width: 100%; height: auto; }
.img-circle { border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; }
hr { margin-top: 20px; margin-bottom: 20px; border: 0; border-top: 1px solid #eeeeee; }
.transition, .transition:before, .transition:after, .transition:hover { transition: 0.3s; -webkit-transition: 0.3s; -ms-transition: 0.3s; -moz-transition: 0.3s; -o-transition: 0.3s; }
p { margin: 0 0 10px; font-size: 14px; font-weight: normal; line-height: 20px; }
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 { line-height: 1.1; margin: 0; font-weight: normal; }
h1 small, h2 small, h3 small, h4 small, h5 small, h6 small, .h1 small, .h2 small, .h3 small, .h4 small, .h5 small, .h6 small { font-weight: normal; line-height: 1; color: #333333; }
h1, h2, h3 { margin-bottom: 10px; }
h4, h5, h6 { margin-bottom: 10px; }
h1, .h1 { font-size: 24px; }
h2, .h2 { font-size: 22px; }
h3, .h3 { font-size: 20px; }
h4, .h4 { font-size: 18px; }
h5, .h5 { font-size: 14px; }
h6, .h6 { font-size: 12px; }
h1 small, .h1 small { font-size: 20px; }
h2 small, .h2 small { font-size: 18px; }
h3 small, .h3 small, h4 small, .h4 small { font-size: 14px; }
ul, ol { margin: 0; padding: 0; }
ul ul, ol ul, ul ol, ol ol { margin-bottom: 0; }
.list-unstyled { padding-left: 0; list-style: none; }
.list-inline { padding-left: 0; list-style: none; }
.list-inline > li { display: inline-block; padding-left: 5px; padding-right: 5px; }
dl { margin-bottom: 20px; }
dt, dd { line-height: 1.428571429; }
dt { font-weight: bold; }
dd { margin-left: 0; }
.clearfix:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }
.clearfix { display: inline-block; }
.clearfix:before, .clearfix:after { content: " "; display: table; }
.clearfix:after { clear: both; }
.clearfix { *zoom: 1;
}
html[xmlns] .clearfix { display: block; }
* html .clearfix { height: 1%; }
.inner_width { margin-right: auto; margin-left: auto; width: 1170px; position: relative;   height: 100%;}
.inner_width:before, .inner_width:after { content: " ";  /* 1 */ display: table;  /* 2 */ }
.inner_width:after { clear: both; }
.outer_width { margin-right: auto; margin-left: auto; width: 100%; }
.outer_width:before, .outer_width:after { content: " ";  /* 1 */ display: table;  /* 2 */ }
.outer_width:after { clear: both; }
body { font-size: 14px;font-family: 'din_mediumregular'; color: #1e1e1e; position: relative; background: #fff; overflow-x: hidden; }
/***main page css start**/
#wrapper { margin: 0 auto; position: relative; float: left; }

/**header**/
#header { float: left; position: relative; }
.brand-logo { display: block; float: left; margin-top: 25px; }

/**Header Middle section**/
#header, #footer { position: fixed; display: block; width: 100%; z-index: 9; text-align: center; color: #F2F2F2; padding: 0; }
#menu { width: auto; padding: 0; margin: 0;float: right;   background: rgba(251, 249, 251, 0.3);margin-top:35px;}
#menu li { display: inline-block;font-family: 'din_mediumregular';font-size: 14px;}
#menu li a{text-decoration: none; color: #8c8b89; text-transform:uppercase;padding:8px 35px;}
#menu li.active {color: #c50073; }
#menu li.active a:hover { color: #8c8b89; }
#menu li a, #menu li.active a {display: block; }
#menu li[data-menuanchor="secondPage"].active a{color: #93418E;}
#menu li[data-menuanchor="3rdPage"].active a{color:#00a2b4;}
#menu li[data-menuanchor="4thPage"].active a{color:#f18536;}
#menu li[data-menuanchor="5thPage"].active a{color:#609178;}

#menu li.active a { color: #c50073; }
.skip {float: right;margin-top: 35px;margin-left: 20px;}
.skip a {background: rgba(251, 249, 251, 0.3);display: inline-block;font-family: 'din_mediumregular';font-size: 14px;text-decoration: none;padding: 8px 18px;color: #8C8B89;}
.skip a:hover{color: #c50073;text-decoration:none;}


#main_navigation { float: right; margin-top: 35px; }
#main_navigation .toggleMenu { display: none; background: #ed1c24; padding: 10px 15px; color: #fff; }
#main_navigation .toggleMenu:hover { text-decoration: none; background: #CC0008; }
#main_navigation .nav { list-style: none; *zoom: 1;}
#main_navigation .nav:before, .nav:after { content: " "; display: table; }
#main_navigation .nav:after { clear: both; }
#main_navigation .nav ul { list-style: none; width: 100%; }
#main_navigation .nav a { padding: 0;ext-transform: uppercase; }
#main_navigation .nav li { position: relative; padding: 0 12px; background: url(../img/seprator.png) no-repeat left center; }
#main_navigation .nav > li { float: left; }
#main_navigation .nav > li > .parent { background-image: url("../img/downArrow.png"); background-repeat: no-repeat; background-position: right; }
#main_navigation .nav > li > a { display: block; }
#main_navigation .nav > li:first-child { margin-left: 0; }
#main_navigation .nav > li.first_item { margin-left: 0; padding-left: 0; background: none; }
#main_navigation .nav li ul { position: absolute; left: -9999px; }
#main_navigation .nav > li.hover > ul { left: 0; }
#main_navigation .nav li li.hover ul { left: 100%; top: 0; }
#main_navigation .nav li li a { display: block; position: relative; z-index: 100; border-top: 1px solid #175e4c; }
#main_navigation .nav li li li a { z-index: 200; border-top: 1px solid #1d7a62; }

/**footer css**/
#header { top: 0px; }
#footer { bottom: 0px; }
#footer { background: #f2f2f2; float: left; padding-top: 50px; position: relative; }

/**Section Image**/
.section {padding-top: 90px;}
#section0 { background: url(../img/sec1Bg.jpg) no-repeat; background-size: 100% 100%; position:relative;}
.sec-left-img{float:left;margin-top:50px;}
.sec-right-img{float:right;position:absolute;top:45px;right:60px;z-index:10;}
.scroll-down{width:100%;float:left;text-align:center;}
.scroll-down a{display:inline-block;}
.arrow{width:73px;height:73px;background:rgba(197,0,115,0.41);border-radius:50%;-webkit-border-radius:50%;-moz-border-radius:50%;-o-border-radius:50%;-ms-border-radius:50%;line-height:73px;text-align:center;display:inline-block;}
.arrow-txt{display:block;width:160px;text-align:center;font-size:12px;color:#8c8b89;line-height:14px;margin-top:20px;}
.scroll-down a:hover {text-decoration: none;}
.scroll-down #menu{width:100%;list-style:none;background:none;float:left;  margin-top: 0;}
.scroll-down a .arrow:hover,.scroll-down a.arrow:focus {background:#c50073;}

.sec-left-wrap {position: relative;float: left;margin-top: 50px;  width: 58%;  height: 620px; }
.al-sec1 {
  float: left;
  position: relative;
  z-index: 10;
  margin-left: 75px;
}
.alumini-sec1 {
  float: left;
  position: absolute;
  bottom: 130px;
}
.car-sec1 {
  position: absolute;
  bottom: 190px;
  right: 35px;
  z-index: 10;
}
.man-sec1 {
  position: absolute;
  left: 90px;
  top: 190px;
  z-index: 20;
}
.girl-sec1 {
  position: absolute;
  bottom: 110px;
  left: 310px;
  z-index: 11;
}
.little-girl-sec1 {
  position: absolute;
  bottom: 301px;
  left: 250px;
  z-index: 10;
}


/**Section two css**/
#section1{background: url(../img/sec2Bg.jpg) no-repeat; background-size: 100% 100%; position:relative;}
.innovation-app {text-align: center;margin-bottom: 20px;position:relative;z-index:10;}
.sustainable-txt{width:100%; text-align:center;position: relative;z-index: 10;}
.sec-middle-wrap{  position: relative;}
.sec-middle-img{width:100%;text-align:center;}

/**App 1**/
.app1:after,.app2:after,.app3:after{  background: url(../img/app1-shadow.png) no-repeat bottom center;width: 100%;  height: 32px;  content: "";  position: absolute;  bottom: -32px;  z-index: 0;}

.app1 {position: absolute;width: 250px;right: 20px;top: 50px;}
.app1-arrow {position: absolute;left: -100px;top: 80px;}
.app-content h2{font-family:'dinbold';font-size:38.33px;}
.app-content{background:rgba(255,255,255,0.59);color:#93418e;border-radius:9px;-webkit-border-radius:9px;-moz-border-radius:9px;-ms-border-radius:9px;-o-border-radius:9px;padding: 20px 15px; }
.app-content p{font-size:16.61px;line-height:20px;color:#93418e;font-family: 'dinlight';margin-bottom:0;}

.app2 {position: absolute;width: 300px;right: 12px;top: 274px;}
.app2-arrow {position: absolute;left: -72px;top: 90px;}

.app3 {position: absolute;width: 330px;left: 55px;top: 354px;}
.app3 .app-content h2 span{font-family: 'din_mediumregular';}
.app3-arrow {position: absolute;right: -138px;top: 40px;}

/****Section Three Css**/
#section2{background: url(../img/sec3Bg.jpg) no-repeat; background-size: 100% 100%; position:relative;}
.sec-3-title{font-family:'dinbold';font-size:16.61px;color:#6b6b6b;line-height:19.17px;width: 100%;text-align: center;margin: 0 auto;margin-top: 20px;position:relative;z-index:10;}
.sec-3-title span {display: block;}
.sec-third-img {width: auto;text-align: left;position: absolute;top: -70px;z-index: 0;left: -140px;}
.video-sec{width:100%;;background:#fff;padding:10px;float:right;position:relative;margin-top:50px;}
.video-sec > img {width: 100%;}
.video-link{display:inline-block;width:60px;height:60px;background:rgba(102,194,204,0.64);line-height:64px;border-radius:50%;-webkit-border-radius:50%;-moz-border-radius:50%;-ms-border-radius:50%;-o-border-radius:50%;position:absolute;top:50%;margin-top:-30px;left:50%;margin-left:-30px;text-align:center;}
.third-right{float:right;width:445px;  z-index: 10;  position: relative;}
.sus-left span{display:block;}
.sustainability{float:right;font-size:38.33px;font-family:'dinbold';color:#66c2cc;line-height:38.33px;width:100%;margin-top:100px;}
.sus-left{float:left;width: 86%;}
.sus-left .new{color:#878786;}
.sus-right{float:right;}
.sus-right a{display:block; width:38px;height:38px;background:#66c2cc;line-height:38px;border-radius:50%;-webkit-border-radius:50%;-moz-border-radius:50%;-ms-border-radius:50%;-o-border-radius:50%;text-align:center;clear:both;margin-bottom:10px;opacity:0.5;}
.sus-right a:hover{background: #008C9B;}
.video-link:hover {opacity: 1;background: #66C2CC;}
.visual {font-size: 16.61px;color: #091F21;line-height: 28.11px;width: 160px;text-align: center;position: absolute;bottom: 190px;right: 40px;z-index: 50;font-family: 'MyriadPro-Regular';}


.sustainability a {
  color: #66C2CC;
  text-decoration: none;
}
.sustainability a:focus{outline:none;}
.sec3-left-wrap {
  position: relative;
  float: left;
  top: -50px;
  left: -160px;
  z-index: 0;
  height: 670px;
  width: 52%;
}
.al-sec3 {
  float: left;
  position: relative;
  z-index: 10;
  margin-left: 0;
  left: 110px;
}
.alumini-sec3 {
  float: left;
  position: absolute;
  bottom: 280px;
  right: 5px;
}
.eolienne-sec3 {
  position: absolute;
  bottom: 223px;
  left: 0;
  z-index: 8;
}
.alumini-roal {
  position: absolute;
  left: 44px;
  bottom: 0px;
  z-index: 20;
}
.worker-sec3 {
  position: absolute;
  bottom: 90px;
  left: 200px;
  z-index: 11;
}


/****Section Fourth Css**/
#section3{background: url(../img/sec4Bg.jpg) no-repeat; background-size: 100% 100%; position:relative;}
.sec-4-title{font-family:'dinbold';font-size:16.61px;color:#878786;line-height:19.17px;width: 100%;text-align: center;margin: 0 auto;margin-top: 30px;position:relative;z-index:10;text-transform:uppercase;  float: left;}
.sec-third-img {width: auto;text-align: left;position: absolute;top: -70px;z-index: 0;left: -140px;}
.circle-wrap {float: left;width: 100%;text-align:center;margin-top:30px;  padding-bottom: 45px;margin-bottom: 30px;}
.circle-wrap canvas {border-radius: 50%;-webkit-border-radius: 50%;-moz-border-radius: 50%;-ms-border-radius: 50%;-o-border-radius: 50%;}
.circle-text {line-height: 112px;display: block;position: absolute;top: 0;font-size: 28.21px !important;color: #F18536;font-family: 'dinbold';top:0;}
.circle-info-half {line-height: 24px!important;position: absolute;font-size: 22.13px;top:100%;color: #878786; font-family: 'dinregular';top:120px;}
#myStat2,#myStat3,#myStat4,#myStat5,#myStat6{float:none;display:inline-block;margin:0 20px;}

/**Aluminium Enjoy start**/
.aluminium-enjoy{float:left;position:relative;margin-bottom: 30px;}
.alumin-left:after{position:absolute;width:100%;background:url(../img/shadow.png) no-repeat center bottom;top:100%;z-index:0;left:0;height:39px;  content: "";}
.alumin-left{float:left;width:65.6%;background:rgba(255,255,255,0.7);position:relative;z-index:20;min-height:118px;}
.alumin-left-img{  width: 20%;float:left;padding-top:15px;padding-left:30px;padding-bottom:20px;}
.alumin-left-text{font-size:19.17px;color:#878786;line-height:21.72px;font-family: 'dinbold';padding-top:25px;padding-right:130px;float:left;  width: 80%;}
.alumin-left-text span{color:#f18536;}
.orange{color:#f18536;}
.alumin-right{background:#f18536;font-size:16.61px;line-height:20.44px;color:#fff;float:right;  width: 32%;min-height:118px;padding:15px 20px; font-family: 'dinregular';position:relative;}
.alumin-right span{display:block;}
.alumin-right:after{position:absolute;width:100%;background:url(../img/orange-shadow.png) no-repeat center bottom;top:100%;z-index:0;left:0;height:31px;  content: "";}

.three-discount{float:left;width:100%;list-style:none;margin-top:10px;}
.three-discount li {display: block;background: rgba(255, 255, 255, 0.7);width: 374px;position: relative;padding: 10px 40px;min-height: 88px;float:left}
.three-discount li:after{position:absolute;width:100%;background:url(../img/shadow-three.png) no-repeat center bottom;top:100%;z-index:0;left:0;height: 30px;content: "";}
.three-discount li:nth-child(2) {margin: 0 24px;}
.three-discount li h1{font-size:38.33px;color:#f18536;text-align:center;  margin-bottom: 5px;}
.three-discount li p{color:#878786;font-size:16.61px;line-height:20.44px;margin-bottom:0;text-align:center;}
.three-discount li:last-child h1 {width: 30%;float: left;padding-top: 10px;margin-bottom: 0;}
.three-discount li:last-child p {float: left;width: 70%;text-align: left;padding-left: 20px;}

/****Section Fourth Css**/
#section4{background: url(../img/sec5Bg.jpg) no-repeat; background-size: 100% 100%; position:relative;}
.sec-third-img {width: auto;text-align: left;position: absolute;top:90px;z-index: 0;left: -140px;}
.al-img{width:100%;text-align:center;position:absolute;z-index:0;left:0;top:125px;}
.coming-soon{font-size:16.61px;color:#878786;font-family:'dinbold';text-align:center;background:#fdfcfd;float:left;width:374px;min-height:299px;padding:40px 35px 0;  position: relative;  z-index: 10;}
.coming-soon:after {position: absolute;top: 100%;background: url(../img/coming-shadow.png) no-repeat center bottom;left: 0;content: "";height: 36px;width: 100%;}
.coming-soon h2{font-size:16.61px;line-height:24.28px;  margin-bottom: 25px;}
.coming-soon h2 span{font-size:23px;display:block;}
.coming-soon h3{font-size:16.61px;line-height:20.44px;}
.coming-soon h3 {font-size: 16.61px;line-height: 20.44px;margin-bottom: 70px;}
.coming-soon h4{font-size: 30.67px;color: #7FC3A0;text-transform: uppercase;}
#section4 .innovation-app{margin-bottom:122px;}
.go-alumin{float:right;position:relative;z-index:20;text-align:center;width:200px;margin-top:60px;}
.go-alumin a{text-decoration:none;}
.link-img{display:inline-block;background:rgba(135,135,134,0.41);width:73px;height:73px;line-height:73px;text-align:center;border-radius:50%;-webkit-border-radius:50%;-moz-border-radius:50%;-ms-border-radius:50%;-o-border-radius:50%;margin-bottom:30px;	}
.link-img:hover,.link-img:focus{background:rgba(135,135,134,1);}
.link-txt{display:block;font-size:17.89px;font-family:'dinbold';text-transform:uppercase;color:#8c8b89;text-align:center;line-height:25px;}
.link-txt span{display:block;}

.address{display:block;width:100%;font-size:16.61px;line-height:20.44px;color:#878786;position:relative;z-index:20;float:left;margin-top:95px;}
.address span{ display:block;}

.social-icon{position:fixed;right:0;top:50%; background:rgba(0,0,0,0.15);width:48px;text-align:center;padding-bottom:16px;  margin-top: -85px;z-index:55555;}
.social-icon li{display:block;margin-top:16px;}
.social-icon li a{display:inline-block;opacity:0.4;}
.social-icon li a:hover{opacity:1;}

/**Animation css**/
.for_animate { opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; -webkit-animation-delay: 0.2s; -o-animation-delay: 0.2s; -moz-animation-delay: 0.2s; -ms-animation-delay: 0.2s; animation-delay: 0.2s; transition: 0.2; -moz-transition: 0.2; -ms-transition: 0.2; -o-transition: 0.2; -webkit-transition: 0.2; }
.for_animate.animated { opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; }
.for_opacity { opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; -webkit-animation-delay: 0.2s; -o-animation-delay: 0.2s; -moz-animation-delay: 0.2s; -ms-animation-delay: 0.2s; animation-delay: 0.2s; transition: 0.2; -moz-transition: 0.2; -ms-transition: 0.2; -o-transition: 0.2; -webkit-transition: 0.2; }
.for_opacity.animated { opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; }
.wow:first-child { visibility: hidden; }
.inex{margin-top:50px;display:inline-block;}



.scroll-down a,.arrow,.sus-right a,.video-link,.link-img,.social-icon,.social-icon li a{transition:0.3s ease-in-out;-webkit-transition:0.3s ease-in-out;-moz-transition:0.3s ease-in-out;-ms-transition:0.3s ease-in-out;-o-transition:0.3s ease-in-out;}