.section-1 .btn-primary,.section-5 .btn-primary{ -o-transition:all .5s ease-out; -webkit-transition:all .5s ease-out; box-shadow:1px 5px 5px 0 rgba(0,0,0,.26) } body,html{ height:100%; width:100%; font-family:'Open Sans',sans-serif; color:#404156; font-size:14px; font-weight:400 } .section-1{ background:url(../img/section-1-bg.jpg) top center no-repeat #212c32; padding:40px 0; text-align:center } .section-1 a.logo{ display:inline-block; background:url(../img/logo.png) no-repeat; width:379px; height:61px; text-align:center; line-height:60px; font-size:32px; color:#fff; font-weight:500; text-decoration:none; text-transform:uppercase; margin:auto } .section-1 h1{ font-size:48px; color:#d4282c; line-height:1.2; margin-bottom:11px; letter-spacing:-1px } .section-1 h2{ font-size:34px; color:#fff; line-height:1.25; margin-bottom:20px } .section-1 p{ color:#fff; font-size:18px; font-style:italic } .section-1 p.title-ul{ color:#fff; font-style:normal; text-transform:uppercase; font-weight:600; font-size:16px; margin-top:20px } .section-1 ul{ list-style-type:disc; margin:20px 0 0 } .section-1 ul li{ font-size:16px; font-style:italic; color:#d4282c; text-align:left; font-weight:600; margin-top:10px } .section-3 h3,.section-3 h4{ text-align:center; font-weight:600 } .section-11 ul li:first-child{ margin-top:0 } .section-1 img{ width:355px; height:auto; margin-top:150px } .section-1 .btn-primary{ background:#0CA50E; width:100%; font-size:1.6em; border-radius:5px; -moz-transition:all .5s ease-out; transition:all .5s ease-out; border:0; font-weight:600; padding:20px 45px; margin-top:50px } .section-2{ width:100%; height:auto; padding:40px 0; background-color:#dedede } .section-2 ul{ padding:0; margin:0; list-style-type:none } .section-2 ul li{ float:left; width:20% } .section-2 ul li img{ float:left } .section-2 ul li div{ height:86px; line-height:1.2 } .section-2 ul li div span{ height:86px; padding-left:11px; display:table-cell; vertical-align:middle; font-size:13px; color:#030303; width:50% } .section-3,.section-4{ width:100%; height:auto; min-height:648px } .section-3{ padding:40px 0 80px; background:url(../img/section-3-bg.png) 50% bottom no-repeat #212c32; position:relative } .section-3 .banner{ background:url(../img/section-3-bg-banner.png) repeat-y; width:525px; position:absolute; height:115px; left:50%; margin-left:-262px; bottom:-57px; font-weight:400; text-align:center; padding:0 20px } .section-3 .banner div.cell{ height:115px; vertical-align:middle; display:table-cell; width:525px } .section-3 .banner div.cell span{ color:#d4282c; font-size:33px; display:block } .section-3 .banner div.cell em{ color:snow; font-size:17px } .section-3 h4{ font-size:20px; color:#d4282c; border-bottom:1px solid rgba(255,95,95,.29); padding:0 0 25px; margin-top:0 } .section-3 h3{ color:#fff; font-size:17px } .section-3 ul{ margin-right:0; list-style:none; margin-top:22px; padding:0 } .section-3 ul li{ display:block; font-size:12px; color:#fff; line-height:1; position:relative; padding-left:23px; margin-bottom:8px } .section-3 ul li:nth-child(1):before{ background:#7f7f7f } .section-3 ul li:nth-child(2):before{ background:#d4282c } .section-3 ul li:before{ content:''; width:14px; height:12px; display:block; position:absolute; left:0; top:0 } .section-3 .left-graphic{ background:url(../img/section-3-left-graphic.png) no-repeat; width:371px; height:260px; position:relative; margin:25px auto 0 } .section-3 .left-graphic span{ line-height:1; font-size:12px; color:#fff; position:absolute; text-shadow:1px 1px 1px #000 } .section-3 .info-left,.section-3 .info-right{ border-left:8px solid #a72023; font-size:13px; padding:0 0 0 15px; color:#fff } .section-3 .left-graphic span.text-1{ top:102px; left:43px } .section-3 .left-graphic span.text-2{ top:143px; left:43px } .section-3 .left-graphic span.text-3{ top:173px; left:43px } .section-3 .left-graphic span.text-4{ top:171px; right:10px } .section-3 .left-graphic span.text-5{ top:210px; right:10px } .section-3 .info-left{ margin-top:50px } .section-3 .info-right{ margin-top:5px } .section-3 .right-graphic{ background:url(../img/section-3-right-graphic.png) right top no-repeat; width:371px; height:296px; margin:25px auto 0; position:relative } .section-3 .right-graphic>span{ width:150px; line-height:1.5; font-size:12px; color:#fff; position:absolute; text-shadow:1px 1px 1px #000; font-weight:600; left:0 } .section-3 .right-graphic>span.text-1{ top:5px } .section-3 .right-graphic>span.text-2{ top:52px } .section-3 .right-graphic>span.text-3{ top:86px } .section-3 .right-graphic>span.text-4{ top:140px } .section-3 .right-graphic>span.text-5{ top:178px } .section-3 .right-graphic>span.text-6{ top:220px } .section-3 .right-graphic .scale{ width:187px; position:relative; left:200px } .section-3 .right-graphic .scale span{ display:block; height:12px; margin-bottom:5px } .section-3 .right-graphic .scale span.man{ background:#797979 } .section-3 .right-graphic .scale span.woman{ background:#d4282c; margin-top:5px } .section-3 .right-graphic .scale.scale-1{ top:5px } .section-3 .right-graphic .scale.scale-1 span.man{ width:90% } .section-3 .right-graphic .scale.scale-1 span.woman{ width:88% } .section-3 .right-graphic .scale.scale-2{ top:12px } .section-3 .right-graphic .scale.scale-2 span.man{ width:85% } .section-3 .right-graphic .scale.scale-2 span.woman{ width:50% } .section-3 .right-graphic .scale.scale-3{ top:21px } .section-3 .right-graphic .scale.scale-3 span.man{ width:75% } .section-3 .right-graphic .scale.scale-3 span.woman{ width:32% } .section-3 .right-graphic .scale.scale-4{ top:29px } .section-3 .right-graphic .scale.scale-4 span.man{ width:37% } .section-3 .right-graphic .scale.scale-4 span.woman{ width:32% } .section-3 .right-graphic .scale.scale-5{ top:35px } .section-3 .right-graphic .scale.scale-5 span.man{ width:43% } .section-3 .right-graphic .scale.scale-5 span.woman{ width:32% } .section-3 .right-graphic .scale.scale-6{ top:45px } .section-3 .right-graphic .scale.scale-6 span.man{ width:27% } .section-3 .right-graphic .scale.scale-6 span.woman{ width:18% } .section-4{ padding:80px 0 40px; background:url(../img/section-4-bg.png) top center repeat-y } .section-4 .info-left::before,.section-4 .info-right::before{ content:''; top:50%; height:28px; display:block } .section-4 .box-black,.section-4 .box-red{ color:#fff; font-size:18px; text-align:center; line-height:1.2; padding:30px; font-weight:600 } .section-4 img{ position:relative; left:-32px; margin-top:100px } .section-4 .box-red{ background-color:#a72023 } .section-4 .box-black{ background-color:#2f2f2f } .section-4 .info-left{ font-size:17px; font-style:italic; text-align:right; position:relative; width:300px; float:right; padding-right:30px; margin-right:30px; margin-top:75px } .section-4 .info-left::before{ background:url(../img/section-4-arrows.png) 0 -28px no-repeat; position:absolute; right:0; margin-top:-14px; width:18px } .section-4 .info-right{ font-size:17px; font-style:italic; text-align:left; position:relative; width:400px; float:left; padding-left:30px; margin-left:30px; margin-top:50px } .section-4 .info-right::before{ background:url(../img/section-4-arrows.png) no-repeat; position:absolute; left:0; margin-top:-14px; width:18px } .section-4 ol{ list-style-type:none; counter-reset:num; margin-bottom:20px; margin-top:20px } .section-4 ol.left{ padding-left:40px } .section-4 ol.right{ padding-right:40px; padding-left:0 } .section-4 ol li{ color:#232323; font-size:16px; font-style:italic; min-height:120px } .section-4 ol li:before{ content:counter(num); counter-increment:num; color:#fff; font-size:16px; display:block; float:left; font-weight:700; height:31px; width:31px; background:#2f2f2f; -webkit-border-radius:25px; -moz-border-radius:25px; border-radius:25px; text-align:center; line-height:31px; margin:0 15px 50px 0; font-style:normal } .section-5 h4,.section-5 h5{ text-align:center; font-weight:600 } .section-5{ width:100%; height:auto; min-height:572px; background:url(../img/section-5-bg.jpg) top center no-repeat #1e272c; background-size:cover; text-align:center; padding:40px 0 } .section-5 h2{ font-size:38px; color:#d4282c; line-height:1.2; margin-bottom:11px; letter-spacing:-1px; text-align:center; margin-top:0 } .section-5 h4{ color:#fff; font-style:italic; font-size:17px; margin-top:20px; line-height:1.5 } .section-5 h5{ font-size:20px; color:#d4282c; margin-top:80px } .section-5 p{ margin-top:25px; line-height:1.5; color:#fff; font-size:16px } .section-5 .container-img{ display:inline-block; position:relative } .section-5 .container-img img{ width:320px; height:auto; margin:30px auto 0 } .section-5 .container-img span.number,.section-5 .container-img span.percent{ position:absolute; width:104px; height:104px; font-size:19px; left:60px; line-height:104px; font-weight:600; text-align:center } .section-5 .container-img span.number{ background-color:#fff; -webkit-border-radius:125px; -moz-border-radius:125px; border-radius:125px; top:40px; z-index:3 } .section-5 .container-img span.percent{ color:#d4282c; background:#000; -webkit-border-radius:125px; -moz-border-radius:125px; border-radius:125px; top:110px; z-index:2 } .section-6,.section-7{ height:auto; min-height:572px } .section-5 .btn-primary{ font-size:25px; background:#0CA50E; border-radius:5px; -moz-transition:all .5s ease-out; transition:all .5s ease-out; border:0; font-weight:600; padding:20px 45px; margin-top:50px } .section-6{ width:100%; background:url(../img/section-6-bg.jpg) top center no-repeat #1e272c; background-size:cover; text-align:center; padding:40px 0 } .section-6 div.img{ position:relative; margin-bottom:50px } .section-6 div.img p{ width:100px; margin-left:-50px; color:#fff; font-size:25px; text-align:center; text-transform:uppercase; position:absolute; left:50%; top:80px } .section-6 p.answer,.section-6 p.question{ font-size:16px; margin:0; text-align:center; text-transform:uppercase } .section-6 p.question{ color:#d4282c; font-weight:700 } .section-6 p.answer{ color:#fff } .section-7{ width:100%; background:url(../img/section-7-bg.jpg) top center no-repeat #1e272c; background-size:cover; text-align:center; padding:40px 0 } .section-7 h3{ font-size:28px; color:#fff; line-height:1.25; margin-top:0 } .section-7 div.container-img{ display:inline-block; position:relative; margin-top:50px } .section-7 div.container-img .number{ background:#d4282c; color:#fff; display:block; height:34px; width:34px; -webkit-border-radius:25px; -moz-border-radius:25px; border-radius:25px; font-weight:700; font-size:16px; text-align:center; line-height:34px; position:absolute; left:-15px; top:30px } .section-8 h2,.section-8 h3{ line-height:1.2; margin-bottom:11px; letter-spacing:-1px; text-align:center } .section-7 h3.black{ color:#FFF; min-height:80px; margin-top:50px } .section-7 p{ text-align:center; color:#fff } .section-8{ width:100%; height:auto; min-height:500px; background:url(../img/section-8-bg.jpg) top center no-repeat #1e272c; background-size:cover; text-align:center; padding:40px 0 } .section-8 h2{ font-size:38px; color:#fff; margin-top:0 } .section-8 h3{ font-size:24px; color:#fff } .section-8 h3 span{ color:#fff; font-weight:700 } .section-8 .bg-white-vert{ background-color:#fff; margin-top:50px } .section-8 .box-vert{ background-color:#fff; padding:20px; position:relative; margin-top:13px } .section-8 .box-vert .number{ background:#d4282c; color:#fff; display:block; height:34px; width:34px; -webkit-border-radius:25px; -moz-border-radius:25px; border-radius:25px; font-weight:700; font-size:16px; text-align:center; line-height:34px; position:absolute; left:13px; top:13px } .section-8 .box-vert .labels{ padding:10px 20px; margin:12px 0; display:table; width:100%; height:53px; background:#272727 } .section-8 .box-vert .labels h5{ font-size:13px; color:#fff; text-transform:uppercase; text-align:center; display:table-cell; height:53px; vertical-align:middle } .section-8 .box-vert p{ min-height:180px; margin-bottom:0 } .section-8 .bg-white-hor{ background-color:#fff; margin-top:100px; padding:60px 20px 40px; position:relative } .section-8 .bg-white-hor .banner{ background:url(../img/section-3-bg-banner.png) repeat-y; width:525px; position:absolute; height:105px; left:50%; margin-left:-262px; top:-57px; font-weight:400; text-align:center; padding:20px } .section-8 .bg-white-hor .banner .title{ color:#ff5f5f; font-size:19px; text-transform:uppercase; width:280px; line-height:1.2; border-right:1px solid #4a4a4a; text-align:left; margin:0; padding-right:40px } .section-8 .bg-white-hor .banner .title span{ display:table-cell; vertical-align:middle; color:#fff } .section-8 .bg-white-hor .banner .description{ color:#a2a2a2; font-size:14px; line-height:1.3; margin:5px 0 0 } .section-8 .box-hor{ background-color:#fff; position:relative; margin-top:40px; padding:0 20px } .section-8 .box-hor .number{ background:#d4282c; color:#fff; display:block; height:34px; width:34px; -webkit-border-radius:25px; -moz-border-radius:25px; border-radius:25px; font-weight:700; font-size:16px; text-align:center; line-height:34px; position:absolute; left:130px; top:13px } .section-9 h2,.section-9 h3{ font-size:34px; margin-top:0; letter-spacing:-1px; line-height:1.2; text-align:center } .section-8 .box-hor img{ float:left } .section-8 .box-hor p{ margin-bottom:0; text-align:left; padding-left:160px } .section-9{ width:100%; height:auto; min-height:572px; background:url(../img/section-9-bg.jpg) top center no-repeat #1e272c; background-size:cover; text-align:center; padding:40px 0 } .section-9 h2{ color:#d4282c; margin-bottom:0 } .section-9 h3{ color:#fff; margin-bottom:11px } .section-9 h3 span{ color:#fff; font-weight:700 } .section-9 p.description{ color:#fff; font-style:italic; font-size:18px; text-align:center; margin:16px 0 0; line-height:1.2 } .section-9 .container-img .duration,.section-9 .container-img .new-duration{ text-align:center; font-size:21px; color:#fff; top:25px; padding:15px 10px 15px 15px; background:#313131; max-width:290px } .section-9 .container-img .wa:after,.section-9 .container-img .wa:before{ content:""; display:inline-block; vertical-align:middle; margin-right:10px; width:0; height:0; border-top:22px solid transparent; border-bottom:22px solid transparent } .section-9 .container-img{ display:inline-block; position:relative; margin-top:80px } .section-9 .container-img .duration{ position:absolute; left:-181px } .section-9 .container-img .new-duration{ position:absolute; right:-181px } .section-9 .container-img .new-duration span{ color:#d4282c } .section-9 .container-img .ca,.section-9 .container-img .cn,.section-9 .container-img .wa,.section-9 .container-img .wn{ min-width:126px; color:#fff; font-size:14px; padding:0 20px; min-height:44px; line-height:44px; text-align:center } .section-9 .container-img .wa{ position:absolute; background:#adaeac; left:-235px; bottom:130px } .section-9 .container-img .wa:before{ border-right:22px solid #adaeac; position:absolute; left:-22px } .section-9 .container-img .wa:after{ border-left:22px solid #adaeac; position:absolute; right:-32px } .section-9 .container-img .wa i{ width:150px; background:#adaeac; height:1px; position:absolute; right:-170px; top:22px; display:block; z-index:0 } .section-9 .container-img .ca:after,.section-9 .container-img .ca:before{ content:""; display:inline-block; vertical-align:middle; margin-right:10px; width:0; height:0; border-top:22px solid transparent; border-bottom:22px solid transparent; position:absolute } .section-9 .container-img .ca{ position:absolute; background:#adaeac; left:-235px; bottom:80px } .section-9 .container-img .ca:before{ border-right:22px solid #adaeac; left:-22px } .section-9 .container-img .ca:after{ border-left:22px solid #adaeac; right:-32px } .section-9 .container-img .ca i{ width:180px; background:#adaeac; height:1px; position:absolute; right:-170px; top:22px; display:block; z-index:0 } .section-9 .container-img .wn:after,.section-9 .container-img .wn:before{ content:""; display:inline-block; vertical-align:middle; margin-right:10px; width:0; height:0; border-top:22px solid transparent; border-bottom:22px solid transparent; position:absolute } .section-9 .container-img .wn{ position:absolute; background:#d4282c; right:-235px; bottom:180px } .section-9 .container-img .wn:before{ border-right:22px solid #d4282c; left:-22px } .section-9 .container-img .wn:after{ border-left:22px solid #d4282c; right:-32px } .section-9 .container-img .wn i{ right:-150px; width:100px; background:#d4282c; height:1px; position:absolute; left:-100px; top:22px; display:block; z-index:0 } .section-9 .container-img .cn:after,.section-9 .container-img .cn:before{ content:""; display:inline-block; vertical-align:middle; margin-right:10px; width:0; height:0; border-top:22px solid transparent; border-bottom:22px solid transparent; position:absolute } .section-9 .container-img .cn{ position:absolute; background:#d4282c; right:-235px; bottom:45px } .section-9 .container-img .cn:before{ border-right:22px solid #d4282c; left:-22px } .section-9 .container-img .cn:after{ border-left:22px solid #d4282c; right:-32px } .section-9 .container-img .cn i{ right:-150px; width:200px; background:#d4282c; height:1px; position:absolute; left:-175px; top:22px; display:block; z-index:0 } .section-10{ width:100%; height:auto; background:url(../img/section-10-bg.jpg) top center no-repeat; min-height:221px; padding:40px 0 } .section-10 h3{ color:#e5e5e5; font-size:16px; font-weight:400; line-height:1.2; margin-bottom:15px; margin-top:-7px } .section-10 h4{ font-style:italic; color:#d4282c; font-size:18px; margin-bottom:25px } .section-10 ul{ list-style-type:none; margin:0; padding:0 } .section-10 ul.right{ margin-top:44px } .section-10 ul li{ margin-bottom:16px; padding-left:42px; list-style:none; color:#fff; font-size:13px; line-height:1.2 } .section-10 ul.left li{ background:url(../img/section-10-list-icon-minus.png) left center no-repeat } .section-10 ul.right li{ background:url(../img/section-10-list-icon-more.png) left center no-repeat } .section-11{ width:100%; height:auto; background:url(../img/section-11-bg.jpg) top center no-repeat; background-size:cover; min-height:400px; padding:40px 0; text-align:center } .section-11 .content{ text-align:center; position:relative; top:-80px } .section-11 .content h2{ color:#d4282c; font-size:36px; line-height:1.2; margin-bottom:10px; text-transform:uppercase; margin-top:0 } .section-11 .content h3{ color:#413e3e; font-size:20px } .section-11 .content hr{ border-color:#d64d50; height:2px; margin:0; padding:0 } .section-11 .content h4{ font-size:20px; color:#d64d50; font-style:italic; line-height:1.2; width:70%; margin:0 auto; padding:10px 0 } .section-11 .content img.icons{ margin:0 auto } .section-11 .btn-primary{ font-size:25px; background:#0CA50E; border-radius:5px; box-shadow:1px 5px 5px 0 rgba(0,0,0,.26); -moz-transition:all .5s ease-out; -o-transition:all .5s ease-out; -webkit-transition:all .5s ease-out; transition:all .5s ease-out; border:0; font-weight:600; padding:20px 45px; margin:25px auto 0 } .section-12{ width:100%; height:auto; background:url(../img/section-12-bg.jpg) top center no-repeat; min-height:300px; padding:110px 0 64px; position:relative } .section-12 p.title{ text-transform:uppercase; font-size:14px; color:#fff; width:156px; margin-right:10px } .section-12 p.title-mob{ display:none } .section-12 p:not(.title){ float:left; color:#b8b8b8; font-size:13px; line-height:1.3 } .section-12 .banner-top{ background-color:#162329; width:1130px; height:auto; position:absolute; top:-50px; font-weight:400; text-align:center; padding:20px } .section-12 .banner-top h2{ display:block; color:#d4282c; font-size:30px; text-align:left; margin:0; padding:0 } .section-12 .banner-top h3{ color:#796e6e; font-size:21px; line-height:1.25; text-align:left; margin:0; padding:0 } .section-12 .banner-top span.description{ font-size:14px; font-style:italic; color:#7f767b; line-height:1.3; margin-top:20px; display:inline-block } .section-12 .banner-top .box-image-after,.section-12 .banner-top .box-image-before{ position:relative } .section-12 .banner-top .box-image-before .text-before{ background:#353535; display:block; height:48px; width:48px; -webkit-border-radius:25px; -moz-border-radius:25px; border-radius:25px; position:absolute; left:90px; top:-5px; line-height:48px; text-align:center; color:#fffefe; font-size:9px; text-transform:uppercase } .section-12 .banner-top .box-image-after .text-before,.section-12 .banner-top .box-image-before .text-after{ -webkit-border-radius:25px; -moz-border-radius:25px; display:block; height:48px; width:48px; top:-5px; line-height:48px; color:#fffefe; font-size:9px; position:absolute; text-align:center; text-transform:uppercase } .section-12 .banner-top .box-image-before .text-after{ background:#d4282c; border-radius:25px; left:220px } .section-12 .banner-top .box-image-after .text-before{ background:#353535; border-radius:25px; left:90px } .section-12 .banner-top .box-image-after .text-after{ background:#d4282c; display:block; height:48px; width:48px; -webkit-border-radius:25px; -moz-border-radius:25px; border-radius:25px; position:absolute; left:200px; top:-5px; line-height:48px; text-align:center; color:#fffefe; font-size:9px; text-transform:uppercase } .section-12 .banner-bottom{ background-color:#162329; width:1130px; height:auto; position:absolute; bottom:-28px; font-weight:400; text-align:center; padding:15px 20px; z-index:1 } .section-12 .banner-bottom h3{ color:#b8b8b8; font-size:26px; background:#162329; text-align:center; margin:0; padding:0 } .section-13{ width:100%; height:auto; background:url(../img/section-13-bg.jpg) center no-repeat #ebebeb; min-height:300px; padding:60px 0 40px } .section-13 .col-third{ display:inline-block; width:33.33333333%; float:left; position:relative; padding:15px; text-align:center } .section-13 .col-third img{ display:inline-block } .section-13 .col-third h4{ width:80%; color:#162329; font-weight:700; margin:20px auto; font-size:16px; display:block } .section-13 .col-third h5{ text-transform:uppercase; background:#162329; text-align:center; line-height:34px; color:#d4282c; font-size:14px; padding:10px 0 } .section-13 .col-third p{ color:#162329; font-size:13px; margin-top:30px } .section-14{ width:100%; height:auto; background:url(../img/section-14-bg.jpg) top center no-repeat; min-height:888px; padding:60px 0 0; text-align:center; position:relative } .section-14 h1{ font-size:48px; color:#d4282c; line-height:1.2; margin-bottom:11px; letter-spacing:-1px; text-align:center; margin-top:0 } .section-14 h2{ font-size:34px; color:#fff; line-height:1.25; margin-bottom:20px; text-align:center } .section-14 h2.left{ text-align:left; font-weight:600; margin-top:40px } .section-14 p{ color:#fff; font-size:18px; font-style:italic } .section-14 .container-img{ display:inline-block; position:relative; margin-top:10px } .section-14 .container-img img.products{ width:280px; height:auto; margin:0 auto; display:inline-block } .section-14 .container-img span.number,.section-14 .container-img span.percent{ position:absolute; width:104px; height:104px; font-size:19px; text-align:center; left:60px; line-height:104px; font-weight:600 } .section-14 .container-img span.number{ background-color:#fff; -webkit-border-radius:125px; -moz-border-radius:125px; border-radius:125px; top:40px; z-index:3 } .section-14 .container-img span.percent{ color:#d4282c; background:#000; -webkit-border-radius:125px; -moz-border-radius:125px; border-radius:125px; top:110px; z-index:2 } .section-14 h3{ color:#d4282c; text-transform:uppercase; font-size:24px; margin-bottom:43px; margin-top:84px } .section-14 p.minus{ line-height:1.3; color:#fff; text-align:left; font-size:14px; font-style:italic } .section-15{ width:100%; height: 860px; background:url(../img/section-15-bg.jpg) top center no-repeat; background-size:cover; padding:40px 0; position:relative } .section-15 .col-third{ display:inline-block; width:33.33333333%; float:left; position:relative; padding:15px; text-align:center } .section-15 .col-third a.box{ background-color:#fff; outline:0; text-decoration:none; display:block; border-radius:5px; padding:10px 10px 30px; text-align:center } .section-15 .col-third.product-1 a.box{ margin-top:80px } .section-15 .col-third.product-2 a.box{ margin-top:0 } .section-15 .col-third.product-3 a.box{ margin-top:40px } .section-15 .col-third a.box .percent{ background-color:#37A50C; color:#fff; font-weight:700; width:100%; padding:10px 0; font-size:32px; display:block; border-top-left-radius:5px; border-top-right-radius:5px } .section-15 .col-third a.box .box-content{ padding:0 20px } .section-15 .col-third a.box .box-content h2{ color:#000; text-transform:uppercase; font-size:38px; font-weight:800; line-height:30px } .section-15 .col-third a.box .box-content h2 p{ font-size:17px; font-weight:600; margin:0 } .section-15 .col-third.product-1 a.box .box-content img{ width:80px; height:auto; padding:30px 0 } .section-15 .col-third.product-2 a.box .box-content img{ width:210px; height:auto; padding:70px 0 } .section-15 .col-third.product-3 a.box .box-content img{ width:190px; height:auto; padding:30px 0 } .section-15 .col-third a.box .box-content p.description{ font-size:14px; margin:0; color:#000 } .section-15 .col-third a.box .box-content p.description span.highlight{ color:#2c98f0; font-weight:700 } .section-15 .col-third a.box .box-content .price-x{ display:block; text-transform:uppercase; color:#2c98f0; font-size:32px; font-weight:800; padding:10px 0 } .section-15 .col-third a.box .box-content .price{ color:#000; font-size:22px; font-weight:800 } @-moz-document url-prefix(){ fieldset{ display:table-cell } } @media only screen and (max-width :1230px){ .section-12 .banner-top{ width:1140px } } @media only screen and (max-width :1200px){ .section-12 .banner-bottom,.section-12 .banner-top{ display:none } .section-12{ padding:78px 0 64px } .section-14 h3{ margin-top:22px } .section-10{ padding:46px 0 40px } .section-1{ background-size:cover } } @media only screen and (max-width :1010px){ .section-9 .container-img .ca,.section-9 .container-img .wa{ left:-195px } .section-9 .container-img .ca i,.section-9 .container-img .wa i{ right:-140px } .section-9 .container-img .cn,.section-9 .container-img .wn{ right:-195px } .section-9 .container-img .wn i{ left:-80px } .section-9 .container-img .cn i{ left:-145px } } @media only screen and (max-width :992px){ .section-4 .info-left::before,.section-4 .info-right::before{ display:none } .section-11 .content h3,.section-11 .content p,.section-14 h3{ color:#fff } .section-1 img{ width:235px; height:auto; margin-top:60px } .section-1 h1{ font-size:35px } .section-1 h2{ font-size:24px } .section-2 ul li img{ float:none } .section-2 ul li{ text-align:center } .section-3 h3{ margin-top:40px } .section-3{ padding:40px 0 110px } .section-4 ol li:before{ margin:0 15px 0 0 } .section-4 ol.left{ padding-left:0 } .section-4 ol li{ min-height:40px } .section-11,.section-8 .box-vert p{ min-height:0 } .section-4 img{ left:-35px; margin:0 auto; width:280px; top:10px } .section-4 .info-left,.section-4 .info-right{ position:relative; width:100%; margin-top:20px; float:none; text-align:center } .section-4 .info-left{ padding-right:0; margin-right:0 } .section-4 .info-right{ padding-left:0; margin-left:0 } .section-5 h5,.section-7 div.container-img{ margin-top:10px } .section-5 .container-img img{ width:280px } .section-5 .container-img span.number,.section-5 .container-img span.percent{ width:84px; height:84px; font-size:15px; line-height:84px } .section-6 div.img img{ width:200px; height:auto } .section-7 h3.black{ margin-top:20px; } .section-8{ padding:40px 0 80px } .section-8 .bg-white-vert{ background-color:transparent } .section-8 .bg-white-hor .banner .title{ width:auto; line-height:1.2; border-right:none; text-align:center; margin:0; padding-right:0 } .section-10 h3,.section-9 .container-img{ margin-top:30px } .section-8 .bg-white-hor .banner{ height:auto } .section-8 .bg-white-hor .banner .title span{ display:block } .section-8 .bg-white-hor{ padding:70px 20px 40px } .section-9 .container-img .duration,.section-9 .container-img .new-duration{ padding-top:10px; position:initial; top:auto; margin-bottom:20px } .section-9 .container-img .ca i,.section-9 .container-img .cn i,.section-9 .container-img .wa i,.section-9 .container-img .wn i{ display:none } .section-9 .container-img .ca,.section-9 .container-img .cn,.section-9 .container-img .wa,.section-9 .container-img .wn{ left:50%; margin-left:-100px } .section-9 .container-img .wn{ width:200px; right:0; bottom:26px; padding:0 } .section-9 .container-img .cn{ width:200px; right:0; bottom:-23px; padding:0 } .section-9 .container-img .wa{ width:200px; right:0; bottom:26px; padding:0 } .section-9 .container-img .ca{ width:200px; right:0; bottom:-23px; padding:0 } .section-10::after,.section-11::after{ content:""; width:100%; height:100%; left:0; top:0 } .section-10::after{ background:rgba(0,0,0,.6); position:absolute; z-index:1 } .section-10 .container{ z-index:5; position:relative } .section-10{ background-size:cover; position:relative } .section-10 h3,.section-10 h4{ text-align:center } .section-10 ul.right li{ background:url(../img/section-10-list-icon-more-white.png) left center no-repeat } .section-11{ position:relative } .section-11 .btn-primary{ display:block; max-width:400px } .section-11::after{ background:rgba(0,0,0,.6); position:absolute; z-index:1 } .section-12,.section-14{ background-size:cover } .section-11 .container{ z-index:5; position:relative } .section-11 .content img{ display:inline-block; margin:0 auto } .section-12 p.title-mob{ display:block; color:#fff; margin-top:0 } .section-12 p.title{ display:none } .section-12 p:not(.title){ float:none; text-align:center } .section-13{ text-align:center } .section-13 .col-third{ display:inline-block; width:70%; float:none; text-align:center; margin:0 auto } .section-14 h2{ font-size:28px } .section-14 h1{ font-size:34px } .section-14 img{ display:none } .section-14 h2.left{ text-align:center; margin-top:0 } .section-14{ padding:40px 0 } .section-15 .col-third{ display:inline-block; width:70%; float:none; text-align:center; margin:0 auto } .section-15 .col-third.product-1 a.box{ margin-top:0 } } @media only screen and (max-width :480px){ .section-10 h3,.section-11 .content,.section-14 p.minus{ text-align:center } .section-1 a.logo{ width:300px; height:61px; line-height:48px; font-size:24px; background-size:300px } .section-1 img{ width:175px; margin-top:30px } .section-1 h1{ font-size:22px } .section-1 h2{ font-size:20px } .section-1 p{ font-size:16px } .section-1 p.title-ul{ font-size:15px } .section-2 ul li{ float:none; width:100% } .section-2 ul li div{ height:50px } .section-2 ul li div span{ display:inline-block; padding-left:0; vertical-align:unset; width:50% } .section-1 ul{ padding-left:22px } .section-3 .banner{ width:300px; height:auto; left:50%; margin-left:-150px } .section-3 .banner div.cell span{ font-size:20px } .section-5 h2{ font-size:22px; font-weight:700 } .section-4 ol.left{ margin-top:0 } .section-4 ol.right{ margin-top:40px; padding-right:0; padding-left:0 } .section-4 ol li{ color:#232323; font-size:16px; font-style:italic; min-height:auto; margin-top:11px } .section-5::after{ content:""; background:rgba(0,0,0,.6); width:100%; height:100%; position:absolute; left:0; top:0; z-index:1 } .section-5 .container{ z-index:5; position:relative } .section-5{ background-size:cover; position:relative } .section-5 h2{ margin-top:0 } .section-2 ul li div span{ height:auto; margin-top:10px } .section-6 div.img p{ font-size:22px; font-weight:700 } .section-6 div.img img{ width:180px } .section-7 h3{ font-size:22px; margin-top:0 } .section-8 h2{ font-size:22px; font-weight:700 } .section-8 h3{ font-size:18px; letter-spacing:initial } .section-8 .bg-white-vert{ margin-top:15px } .section-8 .bg-white-hor .banner{ width:300px; height:auto; left:50%; margin-left:-150px; top:-83px; padding:20px } .section-8 .box-hor{ background-color:#fff; margin-top:40px } .section-8 .bg-white-hor{ margin-top:140px } .section-8 .box-hor img{ float:none } .section-8 .box-hor p{ text-align:center; padding-left:0; margin-top:15px } .section-8{ padding:40px 0 0 } .section-9{ padding:40px 0 80px } .section-11,.section-12,.section-13,.section-15{ padding:40px 0 } .section-9 h2{ font-size:22px; margin-top:0 } .section-9 .container-img .duration,.section-9 .container-img .new-duration,.section-9 h3{ font-size:18px } .section-10 h3{ margin-top:0 } .section-10 ul.right li:last-child{ margin-bottom:0 } .section-11 .trophy{ width:120px; height:auto } .section-11 .content img,.section-13 .col-third img{ width:100% } .section-11 .content h2{ color:#d4282c; font-size:22px; font-weight:700 } .section-11 .content{ position:initial; top:initial } .section-11 .btn-primary{ display:block; max-width:400px; margin-top:45px } .section-12 p:not(.title){ font-size:15px } .section-13 .col-third p{ font-size:14px } .section-14 h1{ font-size:22px; margin-top:0; font-weight:700 } .section-14 h2{ font-size:18px } .section-14 .container-img span.number,.section-14 .container-img span.percent{ width:84px; height:84px; font-size:13px; line-height:84px } .section-14 h3{ font-size:20px } .section-15 .col-third{ width:90% } .section-15 .col-third a.box .box-content .price-x,.section-15 .col-third a.box .box-content h2{ font-size:22px } .section-15 .col-third.product-1 a.box,.section-15 .col-third.product-3 a.box{ margin-top:0 } .section-3 .left-graphic,.section-3 .right-graphic{ width:343px } .section-3 .right-graphic .scale{ left:172px } .section-13 .col-third{ width:90% } .section-3 h3{ margin-top:30px; margin-bottom:30px } .section-3 h4{ padding:0 0 15px; margin-bottom:0 } } .section-15 .col-third a.box.active,.section-15 .col-third a.box:hover{ border:10px solid #37A50C } .btn.btn-primary.go-to{ animation:2s infinite ease-in-out; animation-name:transformScale } .btn.btn-primary.go-to:hover{ -webkit-box-shadow:-1px 2px 52px 0 rgba(255,255,255,1); -moz-box-shadow:-1px 2px 52px 0 rgba(255,255,255,1); box-shadow:-1px 2px 52px 0 rgba(255,255,255,1) } @keyframes transformScale{ 0%,100%{ transform:scale(1,1) } 50%{ transform:scale(1.2,1.2) } } .cf{ width:100%; margin-left:auto; margin-right:auto; max-width:1024px; height:1015px; background-image:url(https://vs2.machoman.life/build/skins/10/images/bg-in-10_1.jpg); background-position:center; background-repeat:no-repeat } section .write-content{ width:45%; margin-bottom:20px; top:34%; z-index:2; overflow:auto; float:left; margin-left:35px; margin-top:275px; height:500px } .comment{ padding:10px 0; border-bottom:1px solid #DAE1E8; overflow:hidden } .container .inner section img{ position:relative; z-index:2 } .ava{ float:left; width:65px; margin:0 10px } .com_txt{ float:left; text-align:left; width:350px; margin:0; font-family:tahoma,arial,verdana,sans-serif,Lucida Sans } .com_txt a{ font-weight:700; color:#2B587A; font-size:11px } .com_txt p{ font-size:12px!important; margin:4px 0!important; line-height:14px!important; color:#000 } .com_txt p.last-com-p{ margin-top:10px!important } .com_txt p+p{ margin:0!important; text-indent:0!important } .com_txt p+p span{ color:#999; margin:0 5px 0 0; font-size:10px } .com_txt p+p span+span+span{ text-align:right; float:right; width:150px } .text1{ font-size:48px; line-height:48px; color:#FFF; left:0; top:125px; text-transform:uppercase; text-align:center; margin-top:120px } .section-16{ background-color:#4A5157 } .bar-discount.fixed{ position:fixed; top:0; left:0; z-index:999 } .bar-discount{ background:#26BD13; text-align:center; font-size:18px; color:#fff; padding:10px; width:100% } .bar-discount p a{ font-weight:800; text-decoration:none; outline:0; color:inherit; margin:0 } @media only screen and (max-device-width:600px){ .com_txt,.step-10{ float:left!important } .container-facebook{ background-size:200%; background-position-y:-200px; background-repeat:no-repeat; background-image:none!important } .write-content{ width:90%!important; height:auto; margin-left:0; margin-top:150px!important } .ava{ height:100px } .com_txt{ width:70%!important; font-size:11px!important } .comment{ height:170px } .text1{ font-size:31px!important; width:80%!important; margin-left:10%!important } .tw{ display:none!important } } .container-button{ padding-top:20px } .container-title{ color:#fff } .footer-custom2{ margin-top:0!important } h1{ margin-top: inherit; } .ms_pop-up p:first-of-type{ margin-top: 0 !important; } .info{ margin-top: 30px !important; } .btnSendEgoi{ margin-top: 40px !important; }