/* font */ @import url('https://fonts.googleapis.com/css?family=PT+Sans:400,700|Roboto+Condensed:300,400,700&subset=cyrillic'); @font-face { font-family: 'Roboto Condensed', sans-serif; } @font-face { font-family: 'PT Sans', sans-serif; } @font-face { font-family: "ProximaNova-BL"; src: url('../fonts/ProximaNova-Black.eot'); src: url('../fonts/ProximaNova-Black.eot?#iefix') format('embedded-opentype'), url('../fonts/ProximaNova-Black.otf') format('opentype'), url('../fonts/ProximaNova-Black.svg'), url('../fonts/ProximaNova-Black.woff') format('woff'), url('../fonts/ProximaNova-Black.ttf') format('truetype'); } @font-face { font-family: "ProximaNova-B"; src: url('../fonts/ProximaNova-Bold.eot'); src: url('../fonts/ProximaNova-Bold.eot?#iefix') format('embedded-opentype'), url('../fonts/ProximaNova-Bold.otf') format('opentype'), url('../fonts/ProximaNova-Bold.svg'), url('../fonts/ProximaNova-Bold.woff') format('woff'), url('../fonts/ProximaNova-Bold.ttf') format('truetype'); } @font-face { font-family: "ProximaNova-R"; src: url('../fonts/ProximaNova-Reg.eot'); src: url('../fonts/ProximaNova-Reg.eot?#iefix') format('embedded-opentype'), url('../fonts/ProximaNova-Reg.otf') format('opentype'), url('../fonts/ProximaNova-Reg.svg'), url('../fonts/ProximaNova-Reg.woff') format('woff'), url('../fonts/ProximaNova-Reg.ttf') format('truetype'); } @font-face { font-family: "ProximaNova-L"; src: url('../fonts/ProximaNova-Light.eot'); src: url('../fonts/ProximaNova-Light.eot?#iefix') format('embedded-opentype'), url('../fonts/ProximaNova-Light.otf') format('opentype'), url('../fonts/ProximaNova-Light.svg'), url('../fonts/ProximaNova-Light.woff') format('woff'), url('../fonts/ProximaNova-Light.ttf') format('truetype'); } /* body */ html, body { font-family: 'PT Sans', sans-serif; font-weight:400; font-size:16px; text-indent:0; text-align:justify; line-height:24px; width:100%; min-width:1150px; height:100%; margin:0 auto; padding:0; color:#000000; background:#ffffff; -webkit-text-size-adjust: none; position:relative; } @media all and (max-width: 1160px) { html, body { min-width:1010px; } } @media all and (max-width: 1020px) { html, body { min-width:710px; } } @media all and (max-width: 720px) { html, body { min-width:420px; } } ::-webkit-scrollbar {width:10px; height:10px;} ::-webkit-scrollbar-button {width:0; height:0; background:#ffffff; } ::-webkit-scrollbar-track {background:#ffffff;} ::-webkit-scrollbar-track-piece {background:#f2f2f2;} ::-webkit-scrollbar-thumb {background:#669900;} ::-webkit-scrollbar-corner {background:#ffffff;} ::-webkit-resizer {background:#ffffff;} ::selection {color:#ffffff; background:#669900;} ::-moz-selection {color:#ffffff; background:#669900;} body img {border:none;} a {text-decoration:none;} a:link {color:#000000;} a:visited {color:#000000;} a:hover {color:#000000;} a:active {color:#000000;} a:hover, a:not(:hover) { -webkit-transition: All 0.2s ease; -moz-transition: All 0.2s ease; -o-transition: All 0.2s ease; -ms-transition: All 0.2s ease; transition: All 0.2s ease; } .clear {clear:both;} ul { margin:0; padding:0; } ul li { padding:0; margin:0; list-style-type: none; } /* page */ #page { width:100%; max-width:1920px; overflow:hidden; padding:0; margin:0 auto; position: relative; background:#ffffff; } /* top */ #top-w { width:100%; max-width:1920px; padding:0; margin:0; position:absolute; top:0; left:auto; z-index:90; } #top { width:1100px; padding:15px 0 15px 0; margin:0 auto; position:relative; text-align:center; } #top a.logo { width:150px; height:35px; padding:0; margin:5px 0 0 0; float:left; background:url('../images/logo.png') no-repeat top center; cursor:pointer; } #top p { font-family: "ProximaNova-B"; font-weight:normal; font-style:normal; text-align:left; font-size:14px; line-height:17px; color:#000000; cursor:default; float:left; } #top p.pt-1 { padding:0 0 0 40px; margin:7px 0 0 120px; background:url('../images/4.png') no-repeat 0 center; } #top p.pt-2 { min-height:35px; padding:0 0 0 50px; margin:7px 0 0 120px; background:url('../images/5.png') no-repeat 0 center; } #top p a { font-family: "ProximaNova-B"; font-weight:normal; font-style:normal; text-align:left; font-size:14px; line-height:17px; padding:0; margin:0; color:#000000; cursor:pointer; } #top p a:hover { color:#669900; } .top-button { font-family: "ProximaNova-B"; font-weight:normal; font-style:normal; text-align:center; font-size:16px; text-transform:uppercase; line-height:45px; width:180px; height:45px; padding:0; margin:0 0 0 0; outline:none; float:right; cursor:pointer; -webkit-appearance: none; -moz-appearance:none; color:#ffffff; background-image: linear-gradient(to bottom, #669900, #5c8f00); background-image: -webkit-linear-gradient(to bottom, #669900, #5c8f00); background-image: -moz-linear-gradient(to bottom, #669900, #5c8f00); background-image: -o-linear-gradient(to bottom, #669900, #5c8f00); background-image: -ms-linear-gradient(to bottom, #669900, #5c8f00); border:none; border-radius:0; -webkit-border-radius:0; -moz-border-radius:0; -khtml-border-radius:0; -moz-box-shadow: 0 5px 10px 0 rgba(0,0,0,0.15); -webkit-box-shadow: 0 5px 10px 0 rgba(0,0,0,0.15); box-shadow: 0 5px 10px 0 rgba(0,0,0,0.15); } .top-button:hover { opacity:0.75; outline:none; } .top-button:hover, .top-button:not(:hover) { -webkit-transition: All 0.2s ease; -moz-transition: All 0.2s ease; -o-transition: All 0.2s ease; -ms-transition: All 0.2s ease; transition: All 0.2s ease; } .clear700 { display:none; } @media all and (max-width: 1160px) { #top-w { width:100%; max-width:1920px; padding:0; margin:0; position:absolute; top:0; left:auto; z-index:90; } #top { width:960px; padding:15px 0 15px 0; margin:0 auto; position:relative; text-align:center; } #top a.logo { width:150px; height:35px; padding:0; margin:5px 0 0 0; float:left; background:url('../images/logo.png') no-repeat top center; cursor:pointer; } #top p { font-family: "ProximaNova-B"; font-weight:normal; font-style:normal; text-align:left; font-size:14px; line-height:17px; color:#000000; cursor:default; float:left; } #top p.pt-1 { padding:0 0 0 40px; margin:7px 0 0 100px; background:url('../images/4.png') no-repeat 0 center; } #top p.pt-2 { padding:0 0 0 50px; margin:7px 0 0 100px; background:url('../images/5.png') no-repeat 0 center; } #top p a { font-family: "ProximaNova-B"; font-weight:normal; font-style:normal; text-align:left; font-size:14px; line-height:17px; padding:0; margin:0; color:#000000; cursor:pointer; } #top p a:hover { color:#669900; } .top-button { font-family: "ProximaNova-B"; font-weight:normal; font-style:normal; text-align:center; font-size:16px; text-transform:uppercase; line-height:45px; width:180px; height:45px; padding:0; margin:0 0 0 0; outline:none; float:right; cursor:pointer; -webkit-appearance: none; -moz-appearance:none; color:#ffffff; background-image: linear-gradient(to bottom, #669900, #5c8f00); background-image: -webkit-linear-gradient(to bottom, #669900, #5c8f00); background-image: -moz-linear-gradient(to bottom, #669900, #5c8f00); background-image: -o-linear-gradient(to bottom, #669900, #5c8f00); background-image: -ms-linear-gradient(to bottom, #669900, #5c8f00); border:none; border-radius:0; -webkit-border-radius:0; -moz-border-radius:0; -khtml-border-radius:0; -moz-box-shadow: 0 5px 10px 0 rgba(0,0,0,0.15); -webkit-box-shadow: 0 5px 10px 0 rgba(0,0,0,0.15); box-shadow: 0 5px 10px 0 rgba(0,0,0,0.15); } .top-button:hover { opacity:0.75; outline:none; } .top-button:hover, .top-button:not(:hover) { -webkit-transition: All 0.2s ease; -moz-transition: All 0.2s ease; -o-transition: All 0.2s ease; -ms-transition: All 0.2s ease; transition: All 0.2s ease; } .clear700 { display:none; } } @media all and (max-width: 1020px) { #top-w { width:100%; max-width:1920px; padding:0; margin:0; position:absolute; top:0; left:auto; z-index:90; } #top { width:660px; padding:15px 0 15px 0; margin:0 auto; position:relative; text-align:center; } #top a.logo { width:150px; height:35px; padding:0; margin:5px 0 0 0; float:left; background:url('../images/logo.png') no-repeat top center; cursor:pointer; } #top p { font-family: "ProximaNova-B"; font-weight:normal; font-style:normal; text-align:left; font-size:14px; line-height:17px; color:#000000; cursor:default; float:left; } #top p.pt-1 { padding:0 0 0 40px; margin:25px 0 0 100px; background:url('../images/4.png') no-repeat 0 center; float:left; } #top p.pt-2 { padding:0 0 0 50px; margin:25px 100px 0 0; background:url('../images/5.png') no-repeat 0 center; float:right; } #top p a { font-family: "ProximaNova-B"; font-weight:normal; font-style:normal; text-align:left; font-size:14px; line-height:17px; padding:0; margin:0; color:#000000; cursor:pointer; } #top p a:hover { color:#669900; } .top-button { font-family: "ProximaNova-B"; font-weight:normal; font-style:normal; text-align:center; font-size:16px; text-transform:uppercase; line-height:45px; width:180px; height:45px; padding:0; margin:0 0 0 0; outline:none; float:right; cursor:pointer; -webkit-appearance: none; -moz-appearance:none; color:#ffffff; background-image: linear-gradient(to bottom, #669900, #5c8f00); background-image: -webkit-linear-gradient(to bottom, #669900, #5c8f00); background-image: -moz-linear-gradient(to bottom, #669900, #5c8f00); background-image: -o-linear-gradient(to bottom, #669900, #5c8f00); background-image: -ms-linear-gradient(to bottom, #669900, #5c8f00); border:none; border-radius:0; -webkit-border-radius:0; -moz-border-radius:0; -khtml-border-radius:0; -moz-box-shadow: 0 5px 10px 0 rgba(0,0,0,0.15); -webkit-box-shadow: 0 5px 10px 0 rgba(0,0,0,0.15); box-shadow: 0 5px 10px 0 rgba(0,0,0,0.15); } .top-button:hover { opacity:0.75; outline:none; } .top-button:hover, .top-button:not(:hover) { -webkit-transition: All 0.2s ease; -moz-transition: All 0.2s ease; -o-transition: All 0.2s ease; -ms-transition: All 0.2s ease; transition: All 0.2s ease; } .clear700 { display:block; } } @media all and (max-width: 720px) { #top-w { width:100%; max-width:1920px; padding:0; margin:0; position:absolute; top:0; left:auto; z-index:90; background:rgba(0,0,0,0); } #top { width:360px; padding:15px 0 15px 0; margin:0 auto; position:relative; text-align:center; } #top a.logo { width:150px; height:35px; padding:0; margin:5px auto 0 auto; float:none; display:inline-block; background:url('../images/logo.png') no-repeat top center; cursor:pointer; } #top p { font-family: "ProximaNova-B"; font-weight:normal; font-style:normal; text-align:center; font-size:14px; line-height:17px; color:#000000; cursor:default; float:left; } #top p.pt-1 { padding:40px 0 0 0; margin:25px 0 0 0; background:url('../images/4.png') no-repeat top center; float:left; } #top p.pt-2 { padding:40px 0 0 0; margin:25px 0 0 0; background:url('../images/5.png') no-repeat top center; float:right; } #top p a { font-family: "ProximaNova-B"; font-weight:normal; font-style:normal; text-align:center; font-size:14px; line-height:17px; padding:0; margin:0; color:#000000; cursor:pointer; } #top p a:hover { color:#669900; } .top-button { font-family: "ProximaNova-B"; font-weight:normal; font-style:normal; text-align:center; font-size:16px; text-transform:uppercase; line-height:45px; width:180px; height:45px; padding:0; margin:10px 30px 0 30px; float:none; display:inline-block; outline:none; cursor:pointer; -webkit-appearance: none; -moz-appearance:none; color:#ffffff; background-image: linear-gradient(to bottom, #669900, #5c8f00); background-image: -webkit-linear-gradient(to bottom, #669900, #5c8f00); background-image: -moz-linear-gradient(to bottom, #669900, #5c8f00); background-image: -o-linear-gradient(to bottom, #669900, #5c8f00); background-image: -ms-linear-gradient(to bottom, #669900, #5c8f00); border:none; border-radius:0; -webkit-border-radius:0; -moz-border-radius:0; -khtml-border-radius:0; -moz-box-shadow: 0 5px 10px 0 rgba(0,0,0,0.15); -webkit-box-shadow: 0 5px 10px 0 rgba(0,0,0,0.15); box-shadow: 0 5px 10px 0 rgba(0,0,0,0.15); } .top-button:hover { opacity:0.75; outline:none; } .top-button:hover, .top-button:not(:hover) { -webkit-transition: All 0.2s ease; -moz-transition: All 0.2s ease; -o-transition: All 0.2s ease; -ms-transition: All 0.2s ease; transition: All 0.2s ease; } .clear700 { display:block; } } /* nav */ #nav-w { width:100%; max-width:1920px; padding:0; margin:0; background:#669900; position:fixed; top:0; left:auto; z-index:95; display:none; } #nav { width:1100px; padding:10px 0 10px 0; margin:0 auto; position:relative; text-align:center; } #nav a { font-family: "ProximaNova-R"; font-weight:normal; font-style:normal; text-align:center; font-size:14px; line-height:17px; padding:0; margin:0 25px; color:#ffffff; cursor:pointer; display:inline-block; } #nav a:hover { opacity:0.5; } @media all and (max-width: 1160px) { #nav-w { width:100%; max-width:1920px; padding:0; margin:0; background:#669900; position:fixed; top:0; left:auto; z-index:95; display:none; } #nav { width:960px; padding:10px 0 10px 0; margin:0 auto; position:relative; text-align:center; } #nav a { font-family: "ProximaNova-R"; font-weight:normal; font-style:normal; text-align:center; font-size:14px; line-height:17px; padding:0; margin:0 20px; color:#ffffff; cursor:pointer; display:inline-block; } #nav a:hover { opacity:0.5; } } @media all and (max-width: 1020px) { #nav-w { width:100%; max-width:1920px; padding:0; margin:0; background:#669900; position:fixed; top:0; left:auto; z-index:95; display:none; } #nav { width:460px; padding:10px 0 10px 0; margin:0 auto; position:relative; text-align:center; } #nav a { font-family: "ProximaNova-R"; font-weight:normal; font-style:normal; text-align:center; font-size:14px; line-height:17px; padding:0; margin:0 7px; color:#ffffff; cursor:pointer; display:inline-block; } #nav a:hover { opacity:0.5; } } @media all and (max-width: 720px) { #nav-w { width:100%; max-width:1920px; padding:0; margin:0; background:#669900; position:fixed; top:0; left:auto; z-index:95; display:none; } #nav { width:360px; padding:10px 0 10px 0; margin:0 auto; position:relative; text-align:center; } #nav a { font-family: "ProximaNova-R"; font-weight:normal; font-style:normal; text-align:center; font-size:14px; line-height:17px; padding:0; margin:0 7px; color:#ffffff; cursor:pointer; display:inline-block; } #nav a:hover { opacity:0.5; } } /* box-1 */ #box-1-w { width:100%; padding:0; margin:0; position:relative; background:url('../images/bg.jpg') no-repeat top center #e6eaed; } #box-1-w1 { width:100%; padding:0; margin:0; position:relative; background:url('../images/bg.png') no-repeat top center; } #box-1 { width:1100px; padding:265px 0 230px 0; margin:0 auto; position:relative; text-align:center; z-index:5; } .img-1 { width:504px; height:593px; padding:0; margin:0; position:absolute; top:auto; left:700px; bottom:0; z-index:-1; background:url('../images/6.png') no-repeat top center; } #box-1 h1 { font-family: "ProximaNova-R"; font-weight:normal; font-style:normal; text-align:left; text-transform:uppercase; font-size:33px; line-height:43px; padding:0; margin:0; color:#000000; cursor:default; position:relative; z-index:5; } #box-1 h1 span { font-family: "ProximaNova-B"; font-weight:normal; } #box-1 p { font-family: "ProximaNova-R"; font-weight:normal; font-style:normal; text-align:center; font-size:15px; line-height:18px; width:200px; padding:80px 0 0 0; margin:20px 0 0 0; color:#3c3c3c; cursor:default; float:left; position:relative; z-index:5; } .p1-1 { background:url('../images/1.png') no-repeat top center; } .p1-2 { background:url('../images/2.png') no-repeat top center; } .p1-3 { background:url('../images/3.png') no-repeat top center; } @media all and (max-width: 1160px) { #box-1-w { width:100%; padding:0; margin:0; position:relative; background:url('../images/bg.jpg') no-repeat top center #e6eaed; } #box-1-w1 { width:100%; padding:0; margin:0; position:relative; background:url('../images/bg.png') no-repeat top center; } #box-1 { width:960px; padding:260px 0 220px 0; margin:0 auto; position:relative; text-align:center; z-index:5; } .img-1 { width:460px; height:593px; padding:0; margin:0; position:absolute; top:auto; left:670px; bottom:0; z-index:-1; background:url('../images/6.png') no-repeat bottom left; -webkit-background-size: 100% auto; -moz-background-size: 100% auto; -o-background-size: 100% auto; background-size: 100% auto; } #box-1 h1 { font-family: "ProximaNova-R"; font-weight:normal; font-style:normal; text-align:left; text-transform:uppercase; font-size:31px; line-height:41px; padding:0; margin:0; color:#000000; cursor:default; position:relative; z-index:5; } #box-1 h1 span { font-family: "ProximaNova-B"; font-weight:normal; } #box-1 p { font-family: "ProximaNova-R"; font-weight:normal; font-style:normal; text-align:center; font-size:15px; line-height:18px; width:200px; padding:80px 0 0 0; margin:20px 0 0 0; color:#3c3c3c; cursor:default; float:left; position:relative; z-index:5; } .p1-1 { background:url('../images/1.png') no-repeat top center; } .p1-2 { background:url('../images/2.png') no-repeat top center; } .p1-3 { background:url('../images/3.png') no-repeat top center; } } @media all and (max-width: 1020px) { #box-1-w { width:100%; padding:0; margin:0; position:relative; background:url('../images/bg.jpg') no-repeat top center #e6eaed; } #box-1-w2 { width:100%; padding:0; margin:0; position:relative; background:url('../images/bg.jpg') no-repeat top center #e6eaed; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; } #box-1-w1 { width:100%; padding:0; margin:0; position:relative; background:url('../images/bg.png') no-repeat top center; } #box-1 { width:660px; padding:180px 0 450px 0; margin:0 auto; position:relative; text-align:center; z-index:5; } .img-1 { width:440px; height:400px; padding:0; margin:0 0 0 -170px; position:absolute; top:auto; left:50%; bottom:0; z-index:-1; background:url('../images/6.png') no-repeat top center; -webkit-background-size: 100% auto; -moz-background-size: 100% auto; -o-background-size: 100% auto; background-size: 100% auto; } #box-1 h1 { font-family: "ProximaNova-R"; font-weight:normal; font-style:normal; text-align:center; text-transform:uppercase; font-size:30px; line-height:40px; padding:0; margin:0 auto; color:#000000; cursor:default; position:relative; z-index:5; } #box-1 h1 span { font-family: "ProximaNova-B"; font-weight:normal; } #box-1 p { font-family: "ProximaNova-R"; font-weight:normal; font-style:normal; text-align:center; font-size:15px; line-height:18px; width:33.33%; padding:80px 0 0 0; margin:20px 0 0 0; color:#3c3c3c; cursor:default; float:left; position:relative; z-index:5; } .p1-1 { background:url('../images/1.png') no-repeat top center; } .p1-2 { background:url('../images/2.png') no-repeat top center; } .p1-3 { background:url('../images/3.png') no-repeat top center; } } @media all and (max-width: 720px) { #box-1-w { width:100%; padding:0; margin:0; position:relative; background:url('../images/bg.jpg') no-repeat top center #e6eaed; } #box-1-w2 { width:100%; padding:0; margin:0; position:relative; background:url('../images/bg.jpg') no-repeat top center #e6eaed; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; } #box-1-w1 { width:100%; padding:0; margin:0; position:relative; background:url('../images/bg.png') no-repeat top center; } #box-1 { width:360px; padding:260px 0 450px 0; margin:0 auto; position:relative; text-align:center; z-index:5; } .img-1 { width:440px; height:400px; padding:0; margin:0 0 0 -170px; position:absolute; top:auto; left:50%; bottom:0; z-index:-1; background:url('../images/6.png') no-repeat top center; -webkit-background-size: 100% auto; -moz-background-size: 100% auto; -o-background-size: 100% auto; background-size: 100% auto; } #box-1 h1 { font-family: "ProximaNova-R"; font-weight:normal; font-style:normal; text-align:center; text-transform:uppercase; font-size:24px; line-height:30px; padding:0; margin:0 auto; color:#000000; cursor:default; position:relative; z-index:5; } #box-1 h1 span { font-family: "ProximaNova-B"; font-weight:normal; } #box-1 p { font-family: "ProximaNova-R"; font-weight:normal; font-style:normal; text-align:center; font-size:14px; line-height:18px; width:33.33%; padding:70px 0 0 0; margin:20px 0 0 0; color:#3c3c3c; cursor:default; float:left; position:relative; z-index:5; } .p1-1 { background:url('../images/1.png') no-repeat top center; -webkit-background-size: 60px auto; -moz-background-size: 60px auto; -o-background-size: 60px auto; background-size: 60px auto; } .p1-2 { background:url('../images/2.png') no-repeat top center; -webkit-background-size: 60px auto; -moz-background-size: 60px auto; -o-background-size: 60px auto; background-size: 60px auto; } .p1-3 { background:url('../images/3.png') no-repeat top center; -webkit-background-size: 60px auto; -moz-background-size: 60px auto; -o-background-size: 60px auto; background-size: 60px auto; } } /* box-2 */ #box-2-w { width:100%; padding:0; margin:0; position:relative; background:rgba(0,0,0,0.5); } #box-2 { width:1100px; padding:55px 0 60px 0; margin:0 auto; position:relative; text-align:center; z-index:5; } #box-2 h2 { font-family: "ProximaNova-B"; font-weight:normal; font-style:normal; text-align:center; text-transform:uppercase; font-size:30px; line-height:38px; padding:0; margin:0; color:#669900; cursor:default; position:relative; z-index:5; } #box-2 h4 { font-family: "ProximaNova-R"; font-weight:normal; font-style:normal; text-align:center; font-size:20px; line-height:26px; padding:0; margin:0 auto 0 auto; color:#ffffff; cursor:default; max-width:100%; position:relative; z-index:5; } #box-2 h4 span { font-family: "ProximaNova-B"; font-weight:normal; } #box-2 .formbox { width:320px; margin:15px auto 0 auto; padding:0; text-align:center; position:relative; } #box-2 .formbox input { font-family: "ProximaNova-R"; font-weight:normal; font-size:20px; line-height:24px; text-indent:0; text-align:left; width:calc(100% - 40px); height:24px; padding:13px 19px 11px 19px; border:1px solid #ffffff; margin:13px 0 0 0; float:left; color:#ffffff; outline:none; -webkit-appearance: none; -moz-appearance:none; border-radius:0; -webkit-border-radius:0; -moz-border-radius:0; -khtml-border-radius:0; background:none; } #box-2 .formbox input:-moz-placeholder {color:#ffffff; } #box-2 .formbox input::-webkit-input-placeholder { color:#ffffff; } #box-2 .formbox input.error:-moz-placeholder { color:#db264c; } #box-2 .formbox input.error::-webkit-input-placeholder { color:#db264c; } #box-2 .formbox input.error { color:#db264c; border-color:#db264c; } input::-webkit-input-placeholder {opacity: 1; transition: opacity 0.3s ease;} input::-moz-placeholder {opacity: 1; transition: opacity 0.3s ease;} input:-moz-placeholder {opacity: 1; transition: opacity 0.3s ease;} input:-ms-input-placeholder {opacity: 1; transition: opacity 0.3s ease;} input:focus::-webkit-input-placeholder {opacity: 0.3; transition: opacity 0.3s ease;} input:focus::-moz-placeholder {opacity: 0.3; transition: opacity 0.3s ease;} input:focus:-moz-placeholder {opacity: 0.3; transition: opacity 0.3s ease;} input:focus:-ms-input-placeholder {opacity: 0.3; transition: opacity 0.3s ease;} #box-2 .formbox .submit { width:100%; padding:0; margin:20px 0 0 0; float:left; border:none; outline:none; background:none; position:relative; } #box-2 .formbox .submit input { font-family: "ProximaNova-B"; font-weight:normal; font-style:normal; text-align:center; font-size:20px; text-transform:uppercase; line-height:52px; width:100%; height:52px; padding:0; margin:0; outline:none; cursor:pointer; -webkit-appearance: none; -moz-appearance:none; color:#ffffff; background-image: linear-gradient(to bottom, #669900, #5c8f00); background-image: -webkit-linear-gradient(to bottom, #669900, #5c8f00); background-image: -moz-linear-gradient(to bottom, #669900, #5c8f00); background-image: -o-linear-gradient(to bottom, #669900, #5c8f00); background-image: -ms-linear-gradient(to bottom, #669900, #5c8f00); border:none; border-radius:0; -webkit-border-radius:0; -moz-border-radius:0; -khtml-border-radius:0; -moz-box-shadow: 0 5px 10px 0 rgba(0,0,0,0.15); -webkit-box-shadow: 0 5px 10px 0 rgba(0,0,0,0.15); box-shadow: 0 5px 10px 0 rgba(0,0,0,0.15); } #box-2 .formbox .submit input:hover { opacity:0.75; outline:none; } #box-2 .formbox .submit input:hover, #box-2 .formbox .submit input:not(:hover) { -webkit-transition: All 0.2s ease; -moz-transition: All 0.2s ease; -o-transition: All 0.2s ease; -ms-transition: All 0.2s ease; transition: All 0.2s ease; } @media all and (max-width: 1160px) { #box-2-w { width:100%; padding:0; margin:0; position:relative; background:rgba(0,0,0,0.5); } #box-2 { width:960px; padding:55px 0 60px 0; margin:0 auto; position:relative; text-align:center; z-index:5; } #box-2 h2 { font-family: "ProximaNova-B"; font-weight:normal; font-style:normal; text-align:center; text-transform:uppercase; font-size:30px; line-height:38px; padding:0; margin:0; color:#669900; cursor:default; position:relative; z-index:5; } #box-2 h4 { font-family: "ProximaNova-R"; font-weight:normal; font-style:normal; text-align:center; font-size:20px; line-height:26px; padding:0; margin:0 auto 0 auto; color:#ffffff; cursor:default; max-width:100%; position:relative; z-index:5; } #box-2 h4 span { font-family: "ProximaNova-B"; font-weight:normal; } #box-2 .formbox { width:320px; margin:15px auto 0 auto; padding:0; text-align:center; position:relative; } #box-2 .formbox input { font-family: "ProximaNova-R"; font-weight:normal; font-size:20px; line-height:24px; text-indent:0; text-align:left; width:calc(100% - 40px); height:24px; padding:13px 19px 11px 19px; border:1px solid #ffffff; margin:13px 0 0 0; float:left; color:#ffffff; outline:none; -webkit-appearance: none; -moz-appearance:none; border-radius:0; -webkit-border-radius:0; -moz-border-radius:0; -khtml-border-radius:0; background:none; } #box-2 .formbox input:-moz-placeholder {color:#ffffff; } #box-2 .formbox input::-webkit-input-placeholder { color:#ffffff; } #box-2 .formbox input.error:-moz-placeholder { color:#db264c; } #box-2 .formbox input.error::-webkit-input-placeholder { color:#db264c; } #box-2 .formbox input.error { color:#db264c; border-color:#db264c; } input::-webkit-input-placeholder {opacity: 1; transition: opacity 0.3s ease;} input::-moz-placeholder {opacity: 1; transition: opacity 0.3s ease;} input:-moz-placeholder {opacity: 1; transition: opacity 0.3s ease;} input:-ms-input-placeholder {opacity: 1; transition: opacity 0.3s ease;} input:focus::-webkit-input-placeholder {opacity: 0.3; transition: opacity 0.3s ease;} input:focus::-moz-placeholder {opacity: 0.3; transition: opacity 0.3s ease;} input:focus:-moz-placeholder {opacity: 0.3; transition: opacity 0.3s ease;} input:focus:-ms-input-placeholder {opacity: 0.3; transition: opacity 0.3s ease;} #box-2 .formbox .submit { width:100%; padding:0; margin:20px 0 0 0; float:left; border:none; outline:none; background:none; position:relative; } #box-2 .formbox .submit input { font-family: "ProximaNova-B"; font-weight:normal; font-style:normal; text-align:center; font-size:20px; text-transform:uppercase; line-height:52px; width:100%; height:52px; padding:0; margin:0; outline:none; cursor:pointer; -webkit-appearance: none; -moz-appearance:none; color:#ffffff; background-image: linear-gradient(to bottom, #669900, #5c8f00); background-image: -webkit-linear-gradient(to bottom, #669900, #5c8f00); background-image: -moz-linear-gradient(to bottom, #669900, #5c8f00); background-image: -o-linear-gradient(to bottom, #669900, #5c8f00); background-image: -ms-linear-gradient(to bottom, #669900, #5c8f00); border:none; border-radius:0; -webkit-border-radius:0; -moz-border-radius:0; -khtml-border-radius:0; -moz-box-shadow: 0 5px 10px 0 rgba(0,0,0,0.15); -webkit-box-shadow: 0 5px 10px 0 rgba(0,0,0,0.15); box-shadow: 0 5px 10px 0 rgba(0,0,0,0.15); } #box-2 .formbox .submit input:hover { opacity:0.75; outline:none; } #box-2 .formbox .submit input:hover, #box-2 .formbox .submit input:not(:hover) { -webkit-transition: All 0.2s ease; -moz-transition: All 0.2s ease; -o-transition: All 0.2s ease; -ms-transition: All 0.2s ease; transition: All 0.2s ease; } } @media all and (max-width: 1020px) { #box-2-w { width:100%; padding:0; margin:0; position:relative; background:rgba(0,0,0,0.5); } #box-2 { width:660px; padding:55px 0 60px 0; margin:0 auto; position:relative; text-align:center; z-index:5; } #box-2 h2 { font-family: "ProximaNova-B"; font-weight:normal; font-style:normal; text-align:center; text-transform:uppercase; font-size:30px; line-height:38px; padding:0; margin:0; color:#669900; cursor:default; position:relative; z-index:5; } #box-2 h4 { font-family: "ProximaNova-R"; font-weight:normal; font-style:normal; text-align:center; font-size:20px; line-height:26px; padding:0; margin:0 auto 0 auto; color:#ffffff; cursor:default; max-width:100%; position:relative; z-index:5; } #box-2 h4 span { font-family: "ProximaNova-B"; font-weight:normal; } #box-2 .formbox { width:320px; margin:15px auto 0 auto; padding:0; text-align:center; position:relative; } #box-2 .formbox input { font-family: "ProximaNova-R"; font-weight:normal; font-size:20px; line-height:24px; text-indent:0; text-align:left; width:calc(100% - 40px); height:24px; padding:13px 19px 11px 19px; border:1px solid #ffffff; margin:13px 0 0 0; float:left; color:#ffffff; outline:none; -webkit-appearance: none; -moz-appearance:none; border-radius:0; -webkit-border-radius:0; -moz-border-radius:0; -khtml-border-radius:0; background:none; } #box-2 .formbox input:-moz-placeholder {color:#ffffff; } #box-2 .formbox input::-webkit-input-placeholder { color:#ffffff; } #box-2 .formbox input.error:-moz-placeholder { color:#db264c; } #box-2 .formbox input.error::-webkit-input-placeholder { color:#db264c; } #box-2 .formbox input.error { color:#db264c; border-color:#db264c; } input::-webkit-input-placeholder {opacity: 1; transition: opacity 0.3s ease;} input::-moz-placeholder {opacity: 1; transition: opacity 0.3s ease;} input:-moz-placeholder {opacity: 1; transition: opacity 0.3s ease;} input:-ms-input-placeholder {opacity: 1; transition: opacity 0.3s ease;} input:focus::-webkit-input-placeholder {opacity: 0.3; transition: opacity 0.3s ease;} input:focus::-moz-placeholder {opacity: 0.3; transition: opacity 0.3s ease;} input:focus:-moz-placeholder {opacity: 0.3; transition: opacity 0.3s ease;} input:focus:-ms-input-placeholder {opacity: 0.3; transition: opacity 0.3s ease;} #box-2 .formbox .submit { width:100%; padding:0; margin:20px 0 0 0; float:left; border:none; outline:none; background:none; position:relative; } #box-2 .formbox .submit input { font-family: "ProximaNova-B"; font-weight:normal; font-style:normal; text-align:center; font-size:20px; text-transform:uppercase; line-height:52px; width:100%; height:52px; padding:0; margin:0; outline:none; cursor:pointer; -webkit-appearance: none; -moz-appearance:none; color:#ffffff; background-image: linear-gradient(to bottom, #669900, #5c8f00); background-image: -webkit-linear-gradient(to bottom, #669900, #5c8f00); background-image: -moz-linear-gradient(to bottom, #669900, #5c8f00); background-image: -o-linear-gradient(to bottom, #669900, #5c8f00); background-image: -ms-linear-gradient(to bottom, #669900, #5c8f00); border:none; border-radius:0; -webkit-border-radius:0; -moz-border-radius:0; -khtml-border-radius:0; -moz-box-shadow: 0 5px 10px 0 rgba(0,0,0,0.15); -webkit-box-shadow: 0 5px 10px 0 rgba(0,0,0,0.15); box-shadow: 0 5px 10px 0 rgba(0,0,0,0.15); } #box-2 .formbox .submit input:hover { opacity:0.75; outline:none; } #box-2 .formbox .submit input:hover, #box-2 .formbox .submit input:not(:hover) { -webkit-transition: All 0.2s ease; -moz-transition: All 0.2s ease; -o-transition: All 0.2s ease; -ms-transition: All 0.2s ease; transition: All 0.2s ease; } } @media all and (max-width: 720px) { #box-2-w { width:100%; padding:0; margin:0; position:relative; background:rgba(0,0,0,0.5); } #box-2 { width:360px; padding:55px 0 60px 0; margin:0 auto; position:relative; text-align:center; z-index:5; } #box-2 h2 { font-family: "ProximaNova-B"; font-weight:normal; font-style:normal; text-align:center; text-transform:uppercase; font-size:30px; line-height:38px; padding:0; margin:0; color:#669900; cursor:default; position:relative; z-index:5; } #box-2 h4 { font-family: "ProximaNova-R"; font-weight:normal; font-style:normal; text-align:center; font-size:18px; line-height:24px; padding:0; margin:0 auto 0 auto; color:#ffffff; cursor:default; max-width:290px; position:relative; z-index:5; } #box-2 h4 span { font-family: "ProximaNova-B"; font-weight:normal; } #box-2 .formbox { width:320px; margin:15px auto 0 auto; padding:0; text-align:center; position:relative; } #box-2 .formbox input { font-family: "ProximaNova-R"; font-weight:normal; font-size:20px; line-height:24px; text-indent:0; text-align:left; width:calc(100% - 40px); height:24px; padding:13px 19px 11px 19px; border:1px solid #ffffff; margin:13px 0 0 0; float:left; color:#ffffff; outline:none; -webkit-appearance: none; -moz-appearance:none; border-radius:0; -webkit-border-radius:0; -moz-border-radius:0; -khtml-border-radius:0; background:none; } #box-2 .formbox input:-moz-placeholder {color:#ffffff; } #box-2 .formbox input::-webkit-input-placeholder { color:#ffffff; } #box-2 .formbox input.error:-moz-placeholder { color:#db264c; } #box-2 .formbox input.error::-webkit-input-placeholder { color:#db264c; } #box-2 .formbox input.error { color:#db264c; border-color:#db264c; } input::-webkit-input-placeholder {opacity: 1; transition: opacity 0.3s ease;} input::-moz-placeholder {opacity: 1; transition: opacity 0.3s ease;} input:-moz-placeholder {opacity: 1; transition: opacity 0.3s ease;} input:-ms-input-placeholder {opacity: 1; transition: opacity 0.3s ease;} input:focus::-webkit-input-placeholder {opacity: 0.3; transition: opacity 0.3s ease;} input:focus::-moz-placeholder {opacity: 0.3; transition: opacity 0.3s ease;} input:focus:-moz-placeholder {opacity: 0.3; transition: opacity 0.3s ease;} input:focus:-ms-input-placeholder {opacity: 0.3; transition: opacity 0.3s ease;} #box-2 .formbox .submit { width:100%; padding:0; margin:20px 0 0 0; float:left; border:none; outline:none; background:none; position:relative; } #box-2 .formbox .submit input { font-family: "ProximaNova-B"; font-weight:normal; font-style:normal; text-align:center; font-size:20px; text-transform:uppercase; line-height:52px; width:100%; height:52px; padding:0; margin:0; outline:none; cursor:pointer; -webkit-appearance: none; -moz-appearance:none; color:#ffffff; background-image: linear-gradient(to bottom, #669900, #5c8f00); background-image: -webkit-linear-gradient(to bottom, #669900, #5c8f00); background-image: -moz-linear-gradient(to bottom, #669900, #5c8f00); background-image: -o-linear-gradient(to bottom, #669900, #5c8f00); background-image: -ms-linear-gradient(to bottom, #669900, #5c8f00); border:none; border-radius:0; -webkit-border-radius:0; -moz-border-radius:0; -khtml-border-radius:0; -moz-box-shadow: 0 5px 10px 0 rgba(0,0,0,0.15); -webkit-box-shadow: 0 5px 10px 0 rgba(0,0,0,0.15); box-shadow: 0 5px 10px 0 rgba(0,0,0,0.15); } #box-2 .formbox .submit input:hover { opacity:0.75; outline:none; } #box-2 .formbox .submit input:hover, #box-2 .formbox .submit input:not(:hover) { -webkit-transition: All 0.2s ease; -moz-transition: All 0.2s ease; -o-transition: All 0.2s ease; -ms-transition: All 0.2s ease; transition: All 0.2s ease; } } /* box-3 */ #box-3-w { width:100%; padding:0; margin:0; position:relative; background:url('../images/bg2.jpg') no-repeat top center #010101; } #box-3 { width:1140px; padding:55px 0 30px 0; margin:0 auto; position:relative; text-align:center; } #box-3 h2 { font-family: "ProximaNova-B"; font-weight:normal; font-style:normal; text-align:center; text-transform:uppercase; font-size:36px; line-height:42px; padding:0; margin:0; color:#669900; cursor:default; position:relative; z-index:5; } #box-3 h4 { font-family: "ProximaNova-R"; font-weight:normal; font-style:normal; text-align:center; font-size:26px; line-height:32px; padding:0; margin:5px auto 0 auto; color:#ffffff; cursor:default; max-width:100%; position:relative; z-index:5; } #box-3 h4 span { font-family: "ProximaNova-B"; font-weight:normal; } .box-3 { width:300px; min-height:490px; padding:45px 29px 150px 29px; position:relative; text-align:center; border:1px solid #669900; float:left; } .box-3-1 { margin:60px 0 0 0; } .box-3-2 { margin:60px 30px 0 30px; } .box-3-3 { margin:60px 0 0 0; } #box-3 h3 { font-family: "ProximaNova-R"; font-weight:normal; font-style:normal; text-align:center; font-size:14px; line-height:18px; padding:0; margin:0; color:#669900; cursor:default; position:relative; z-index:5; } #box-3 h3 span { font-family: "ProximaNova-R"; font-weight:normal; font-style:normal; text-align:center; text-transform: uppercase; font-size:30px; line-height:30px; padding:0; margin:0 0 5px 0; display:inline-block; color:#669900; cursor:default; position:relative; z-index:5; } #box-3 h5 { font-family: "ProximaNova-B"; font-weight:normal; font-style:normal; text-align:center; font-size:30px; line-height:30px; padding:0; margin:25px auto 0 auto; color:#669900; cursor:default; max-width:100%; position:relative; z-index:5; } #box-3 h5 span { font-family: 'PT Sans', sans-serif; font-weight:700; } .p3-1 { font-family: "ProximaNova-R"; font-weight:normal; font-style:normal; text-align:center; font-size:14px; line-height:18px; padding:0; margin:10px auto 25px auto; color:#ffffff; cursor:default; position:relative; z-index:5; } .ico-3 { width:41px; height:20px; padding:0; margin:0; display:inline-block; position:relative; } .ico-3::after { content:''; width:41px; height:21px; padding:0; margin:0; background:url('../images/7.png') no-repeat bottom center; position:absolute; top:3px; left:3px; z-index:auto; } .p3-2 { font-family: "ProximaNova-R"; font-weight:normal; font-style:normal; text-align:left; font-size:16px; line-height:20px; padding:0; margin:10px 0 0 0; color:#ffffff; cursor:default; position:relative; z-index:5; } .p3-2 span { color:#669900; } .button-3 { font-family: "ProximaNova-B"; font-weight:normal; font-style:normal; text-align:center; font-size:17px; text-transform:uppercase; line-height:55px; width:280px; height:55px; padding:0; margin:0 0 0 -140px; outline:none; position:absolute; bottom:50px; left:50%; z-index:auto; cursor:pointer; -webkit-appearance: none; -moz-appearance:none; color:#ffffff; background-image: linear-gradient(to bottom, #669900, #5c8f00); background-image: -webkit-linear-gradient(to bottom, #669900, #5c8f00); background-image: -moz-linear-gradient(to bottom, #669900, #5c8f00); background-image: -o-linear-gradient(to bottom, #669900, #5c8f00); background-image: -ms-linear-gradient(to bottom, #669900, #5c8f00); border:none; border-radius:0; -webkit-border-radius:0; -moz-border-radius:0; -khtml-border-radius:0; -moz-box-shadow: 0 5px 10px 0 rgba(0,0,0,0.15); -webkit-box-shadow: 0 5px 10px 0 rgba(0,0,0,0.15); box-shadow: 0 5px 10px 0 rgba(0,0,0,0.15); } .button-3:hover { opacity:0.75; outline:none; } .button-3:hover, .button-3:not(:hover) { -webkit-transition: All 0.2s ease; -moz-transition: All 0.2s ease; -o-transition: All 0.2s ease; -ms-transition: All 0.2s ease; transition: All 0.2s ease; } @media all and (max-width: 1160px) { #box-3-w { width:100%; padding:0; margin:0; position:relative; background:url('../images/bg2.jpg') no-repeat top center #010101; } #box-3 { width:960px; padding:55px 0 30px 0; margin:0 auto; position:relative; text-align:center; } #box-3 h2 { font-family: "ProximaNova-B"; font-weight:normal; font-style:normal; text-align:center; text-transform:uppercase; font-size:36px; line-height:42px; padding:0; margin:0; color:#669900; cursor:default; position:relative; z-index:5; } #box-3 h4 { font-family: "ProximaNova-R"; font-weight:normal; font-style:normal; text-align:center; font-size:26px; line-height:32px; padding:0; margin:5px auto 0 auto; color:#ffffff; cursor:default; max-width:100%; position:relative; z-index:5; } #box-3 h4 span { font-family: "ProximaNova-B"; font-weight:normal; } .box-3 { width:260px; min-height:590px; padding:45px 19px 140px 19px; position:relative; text-align:center; border:1px solid #669900; float:left; } .box-3-1 { margin:60px 0 0 0; } .box-3-2 { margin:60px 20px 0 20px; } .box-3-3 { margin:60px 0 0 0; } #box-3 h3 { font-family: "ProximaNova-R"; font-weight:normal; font-style:normal; text-align:center; font-size:14px; line-height:18px; padding:0; margin:0; color:#669900; cursor:default; position:relative; z-index:5; } #box-3 h3 span { font-family: "ProximaNova-R"; font-weight:normal; font-style:normal; text-align:center; text-transform: uppercase; font-size:30px; line-height:30px; padding:0; margin:0 0 5px 0; display:inline-block; color:#669900; cursor:default; position:relative; z-index:5; } #box-3 h5 { font-family: "ProximaNova-B"; font-weight:normal; font-style:normal; text-align:center; font-size:30px; line-height:30px; padding:0; margin:25px auto 0 auto; color:#669900; cursor:default; max-width:100%; position:relative; z-index:5; } #box-3 h5 span { font-family: 'PT Sans', sans-serif; font-weight:700; } .p3-1 { font-family: "ProximaNova-R"; font-weight:normal; font-style:normal; text-align:center; font-size:14px; line-height:18px; padding:0; margin:10px auto 25px auto; color:#ffffff; cursor:default; position:relative; z-index:5; } .ico-3 { width:41px; height:20px; padding:0; margin:0; display:inline-block; position:relative; } .ico-3::after { content:''; width:41px; height:21px; padding:0; margin:0; background:url('../images/7.png') no-repeat bottom center; position:absolute; top:3px; left:3px; z-index:auto; } .p3-2 { font-family: "ProximaNova-R"; font-weight:normal; font-style:normal; text-align:left; font-size:16px; line-height:20px; padding:0; margin:10px 0 0 0; color:#ffffff; cursor:default; position:relative; z-index:5; } .p3-2 span { color:#669900; } .button-3 { font-family: "ProximaNova-B"; font-weight:normal; font-style:normal; text-align:center; font-size:15px; text-transform:uppercase; line-height:55px; width:240px; height:55px; padding:0; margin:0 0 0 -120px; outline:none; position:absolute; bottom:40px; left:50%; z-index:auto; cursor:pointer; -webkit-appearance: none; -moz-appearance:none; color:#ffffff; background-image: linear-gradient(to bottom, #669900, #5c8f00); background-image: -webkit-linear-gradient(to bottom, #669900, #5c8f00); background-image: -moz-linear-gradient(to bottom, #669900, #5c8f00); background-image: -o-linear-gradient(to bottom, #669900, #5c8f00); background-image: -ms-linear-gradient(to bottom, #669900, #5c8f00); border:none; border-radius:0; -webkit-border-radius:0; -moz-border-radius:0; -khtml-border-radius:0; -moz-box-shadow: 0 5px 10px 0 rgba(0,0,0,0.15); -webkit-box-shadow: 0 5px 10px 0 rgba(0,0,0,0.15); box-shadow: 0 5px 10px 0 rgba(0,0,0,0.15); } .button-3:hover { opacity:0.75; outline:none; } .button-3:hover, .button-3:not(:hover) { -webkit-transition: All 0.2s ease; -moz-transition: All 0.2s ease; -o-transition: All 0.2s ease; -ms-transition: All 0.2s ease; transition: All 0.2s ease; } } @media all and (max-width: 1020px) { #box-3-w { width:100%; padding:0; margin:0; position:relative; background:url('../images/bg2.jpg') no-repeat top center #010101; } #box-3 { width:660px; padding:55px 0 30px 0; margin:0 auto; position:relative; text-align:center; } #box-3 h2 { font-family: "ProximaNova-B"; font-weight:normal; font-style:normal; text-align:center; text-transform:uppercase; font-size:32px; line-height:40px; padding:0; margin:0; color:#669900; cursor:default; position:relative; z-index:5; } #box-3 h4 { font-family: "ProximaNova-R"; font-weight:normal; font-style:normal; text-align:center; font-size:24px; line-height:30px; padding:0; margin:5px auto 0 auto; color:#ffffff; cursor:default; max-width:100%; position:relative; z-index:5; } #box-3 h4 span { font-family: "ProximaNova-B"; font-weight:normal; } .box-3 { width:400px; min-height:90px; padding:45px 29px 150px 29px; position:relative; text-align:center; border:1px solid #669900; float:left; } .box-3-1 { margin:60px 100px 0 100px; } .box-3-2 { margin:60px 100px 0 100px; } .box-3-3 { margin:60px 100px 0 100px; } #box-3 h3 { font-family: "ProximaNova-R"; font-weight:normal; font-style:normal; text-align:center; font-size:14px; line-height:18px; padding:0; margin:0; color:#669900; cursor:default; position:relative; z-index:5; } #box-3 h3 span { font-family: "ProximaNova-R"; font-weight:normal; font-style:normal; text-align:center; text-transform: uppercase; font-size:30px; line-height:30px; padding:0; margin:0 0 5px 0; display:inline-block; color:#669900; cursor:default; position:relative; z-index:5; } #box-3 h5 { font-family: "ProximaNova-B"; font-weight:normal; font-style:normal; text-align:center; font-size:30px; line-height:30px; padding:0; margin:25px auto 0 auto; color:#669900; cursor:default; max-width:100%; position:relative; z-index:5; } #box-3 h5 span { font-family: 'PT Sans', sans-serif; font-weight:700; } .p3-1 { font-family: "ProximaNova-R"; font-weight:normal; font-style:normal; text-align:center; font-size:14px; line-height:18px; padding:0; margin:10px auto 25px auto; color:#ffffff; cursor:default; position:relative; z-index:5; } .ico-3 { width:41px; height:20px; padding:0; margin:0; display:inline-block; position:relative; } .ico-3::after { content:''; width:41px; height:21px; padding:0; margin:0; background:url('../images/7.png') no-repeat bottom center; position:absolute; top:3px; left:3px; z-index:auto; } .p3-2 { font-family: "ProximaNova-R"; font-weight:normal; font-style:normal; text-align:left; font-size:16px; line-height:20px; padding:0; margin:10px 0 0 0; color:#ffffff; cursor:default; position:relative; z-index:5; } .p3-2 span { color:#669900; } .button-3 { font-family: "ProximaNova-B"; font-weight:normal; font-style:normal; text-align:center; font-size:17px; text-transform:uppercase; line-height:55px; width:280px; height:55px; padding:0; margin:0 0 0 -140px; outline:none; position:absolute; bottom:50px; left:50%; z-index:auto; cursor:pointer; -webkit-appearance: none; -moz-appearance:none; color:#ffffff; background-image: linear-gradient(to bottom, #669900, #5c8f00); background-image: -webkit-linear-gradient(to bottom, #669900, #5c8f00); background-image: -moz-linear-gradient(to bottom, #669900, #5c8f00); background-image: -o-linear-gradient(to bottom, #669900, #5c8f00); background-image: -ms-linear-gradient(to bottom, #669900, #5c8f00); border:none; border-radius:0; -webkit-border-radius:0; -moz-border-radius:0; -khtml-border-radius:0; -moz-box-shadow: 0 5px 10px 0 rgba(0,0,0,0.15); -webkit-box-shadow: 0 5px 10px 0 rgba(0,0,0,0.15); box-shadow: 0 5px 10px 0 rgba(0,0,0,0.15); } .button-3:hover { opacity:0.75; outline:none; } .button-3:hover, .button-3:not(:hover) { -webkit-transition: All 0.2s ease; -moz-transition: All 0.2s ease; -o-transition: All 0.2s ease; -ms-transition: All 0.2s ease; transition: All 0.2s ease; } .br660 { display:none; } } @media all and (max-width: 720px) { #box-3-w { width:100%; padding:0; margin:0; position:relative; background:url('../images/bg2.jpg') no-repeat top center #010101; } #box-3 { width:360px; padding:55px 0 30px 0; margin:0 auto; position:relative; text-align:center; } #box-3 h2 { font-family: "ProximaNova-B"; font-weight:normal; font-style:normal; text-align:center; text-transform:uppercase; font-size:28px; line-height:36px; padding:0; margin:0; color:#669900; cursor:default; position:relative; z-index:5; } #box-3 h4 { font-family: "ProximaNova-R"; font-weight:normal; font-style:normal; text-align:center; font-size:20px; line-height:26px; padding:0; margin:5px auto 0 auto; color:#ffffff; cursor:default; max-width:100%; position:relative; z-index:5; } #box-3 h4 span { font-family: "ProximaNova-B"; font-weight:normal; } .box-3 { width:300px; min-height:90px; padding:45px 29px 140px 29px; position:relative; text-align:center; border:1px solid #669900; float:left; } .box-3-1 { margin:60px 0 0 0; } .box-3-2 { margin:40px 0 0 0; } .box-3-3 { margin:40px 0 0 0; } #box-3 h3 { font-family: "ProximaNova-R"; font-weight:normal; font-style:normal; text-align:center; font-size:14px; line-height:18px; padding:0; margin:0; color:#669900; cursor:default; position:relative; z-index:5; } #box-3 h3 span { font-family: "ProximaNova-R"; font-weight:normal; font-style:normal; text-align:center; text-transform: uppercase; font-size:26px; line-height:30px; padding:0; margin:0 0 5px 0; display:inline-block; color:#669900; cursor:default; position:relative; z-index:5; } #box-3 h5 { font-family: "ProximaNova-B"; font-weight:normal; font-style:normal; text-align:center; font-size:26px; line-height:30px; padding:0; margin:15px auto 0 auto; color:#669900; cursor:default; max-width:100%; position:relative; z-index:5; } #box-3 h5 span { font-family: 'PT Sans', sans-serif; font-weight:700; } .p3-1 { font-family: "ProximaNova-R"; font-weight:normal; font-style:normal; text-align:center; font-size:14px; line-height:18px; padding:0; margin:10px auto 25px auto; color:#ffffff; cursor:default; position:relative; z-index:5; } .ico-3 { width:41px; height:20px; padding:0; margin:0; display:inline-block; position:relative; } .ico-3::after { content:''; width:41px; height:21px; padding:0; margin:0; background:url('../images/7.png') no-repeat bottom center; position:absolute; top:3px; left:3px; z-index:auto; } .p3-2 { font-family: "ProximaNova-R"; font-weight:normal; font-style:normal; text-align:left; font-size:16px; line-height:20px; padding:0; margin:10px 0 0 0; color:#ffffff; cursor:default; position:relative; z-index:5; } .p3-2 span { color:#669900; } .button-3 { font-family: "ProximaNova-B"; font-weight:normal; font-style:normal; text-align:center; font-size:17px; text-transform:uppercase; line-height:55px; width:280px; height:55px; padding:0; margin:0 0 0 -140px; outline:none; position:absolute; bottom:40px; left:50%; z-index:auto; cursor:pointer; -webkit-appearance: none; -moz-appearance:none; color:#ffffff; background-image: linear-gradient(to bottom, #669900, #5c8f00); background-image: -webkit-linear-gradient(to bottom, #669900, #5c8f00); background-image: -moz-linear-gradient(to bottom, #669900, #5c8f00); background-image: -o-linear-gradient(to bottom, #669900, #5c8f00); background-image: -ms-linear-gradient(to bottom, #669900, #5c8f00); border:none; border-radius:0; -webkit-border-radius:0; -moz-border-radius:0; -khtml-border-radius:0; -moz-box-shadow: 0 5px 10px 0 rgba(0,0,0,0.15); -webkit-box-shadow: 0 5px 10px 0 rgba(0,0,0,0.15); box-shadow: 0 5px 10px 0 rgba(0,0,0,0.15); } .button-3:hover { opacity:0.75; outline:none; } .button-3:hover, .button-3:not(:hover) { -webkit-transition: All 0.2s ease; -moz-transition: All 0.2s ease; -o-transition: All 0.2s ease; -ms-transition: All 0.2s ease; transition: All 0.2s ease; } } /* box-4 */ #box-4-w { width:100%; padding:0; margin:0; position:relative; } #box-4 { width:1100px; padding:55px 0 60px 0; margin:0 auto; position:relative; text-align:center; } #box-4 h2 { font-family: "ProximaNova-B"; font-weight:normal; font-style:normal; text-align:center; text-transform:uppercase; font-size:36px; line-height:42px; padding:0; margin:0; color:#669900; cursor:default; position:relative; z-index:5; } #box-4 h4 { font-family: "ProximaNova-R"; font-weight:normal; font-style:normal; text-align:center; font-size:26px; line-height:32px; padding:0; margin:5px auto 0 auto; color:#ffffff; cursor:default; max-width:660px; position:relative; z-index:5; } #box-4 h4 span { font-family: "ProximaNova-B"; font-weight:normal; } @media all and (max-width: 1160px) { #box-4-w { width:100%; padding:0; margin:0; position:relative; } #box-4 { width:960px; padding:55px 0 60px 0; margin:0 auto; position:relative; text-align:center; } #box-4 h2 { font-family: "ProximaNova-B"; font-weight:normal; font-style:normal; text-align:center; text-transform:uppercase; font-size:36px; line-height:42px; padding:0; margin:0; color:#669900; cursor:default; position:relative; z-index:5; } #box-4 h4 { font-family: "ProximaNova-R"; font-weight:normal; font-style:normal; text-align:center; font-size:26px; line-height:32px; padding:0; margin:5px auto 0 auto; color:#ffffff; cursor:default; max-width:660px; position:relative; z-index:5; } #box-4 h4 span { font-family: "ProximaNova-B"; font-weight:normal; } } @media all and (max-width: 1020px) { #box-4-w { width:100%; padding:0; margin:0; position:relative; } #box-4 { width:660px; padding:55px 0 60px 0; margin:0 auto; position:relative; text-align:center; } #box-4 h2 { font-family: "ProximaNova-B"; font-weight:normal; font-style:normal; text-align:center; text-transform:uppercase; font-size:32px; line-height:40px; padding:0; margin:0; color:#669900; cursor:default; position:relative; z-index:5; } #box-4 h4 { font-family: "ProximaNova-R"; font-weight:normal; font-style:normal; text-align:center; font-size:24px; line-height:30px; padding:0; margin:5px auto 0 auto; color:#ffffff; cursor:default; max-width:660px; position:relative; z-index:5; } #box-4 h4 span { font-family: "ProximaNova-B"; font-weight:normal; } } @media all and (max-width: 720px) { #box-4-w { width:100%; padding:0; margin:0; position:relative; } #box-4 { width:360px; padding:55px 0 60px 0; margin:0 auto; position:relative; text-align:center; } #box-4 h2 { font-family: "ProximaNova-B"; font-weight:normal; font-style:normal; text-align:center; text-transform:uppercase; font-size:28px; line-height:36px; padding:0; margin:0; color:#669900; cursor:default; position:relative; z-index:5; } #box-4 h4 { font-family: "ProximaNova-R"; font-weight:normal; font-style:normal; text-align:center; font-size:20px; line-height:26px; padding:0; margin:5px auto 0 auto; color:#ffffff; cursor:default; max-width:660px; position:relative; z-index:5; } #box-4 h4 span { font-family: "ProximaNova-B"; font-weight:normal; } } /* standart Swiper slider */ .swiper-container-no-flexbox .swiper-slide { float: left; } .swiper-container-vertical > .swiper-wrapper { -webkit-box-orient: vertical; -moz-box-orient: vertical; -ms-flex-direction: column; -webkit-flex-direction: column; flex-direction: column; } .swiper-container-android .swiper-slide, .swiper-wrapper { -webkit-transform: translate3d(0px, 0, 0); -moz-transform: translate3d(0px, 0, 0); -o-transform: translate(0px, 0px); -ms-transform: translate3d(0px, 0, 0); transform: translate3d(0px, 0, 0); } .swiper-container-multirow > .swiper-wrapper { -webkit-box-lines: multiple; -moz-box-lines: multiple; -ms-flex-wrap: wrap; -webkit-flex-wrap: wrap; flex-wrap: wrap; } .swiper-container-free-mode > .swiper-wrapper { -webkit-transition-timing-function: ease-out; -moz-transition-timing-function: ease-out; -ms-transition-timing-function: ease-out; -o-transition-timing-function: ease-out; transition-timing-function: ease-out; margin:0 auto; } .swiper-slide { -webkit-flex-shrink: 0; -ms-flex: 0 0 auto; flex-shrink: 0; width:100%; height:100%; position: relative; } .swiper-container-autoheight, .swiper-container-autoheight .swiper-slide { height: auto; } .swiper-container-autoheight .swiper-wrapper { -webkit-box-align: start; -ms-flex-align: start; -webkit-align-items: flex-start; align-items: flex-start; -webkit-transition-property: -webkit-transform, height; -moz-transition-property: -moz-transform; -o-transition-property: -o-transform; -ms-transition-property: -ms-transform; transition-property: transform, height; } .swiper-button-prev.swiper-button-disabled, .swiper-button-next.swiper-button-disabled { opacity: 0.35; cursor: auto; pointer-events: none; } /* box-4 sloder */ .box-4-w { width:100%; padding:0; margin:0; position:relative; background:url('../images/12.jpg') no-repeat top center #000000; } .box-4 { width:550px; min-height:520px; padding:60px 0 60px 550px; margin:0 auto; position:relative; text-align:center; } .img-4-1 { height:53px; padding:0; margin:0; display:block; } .box-4 h3 { font-family: "ProximaNova-B"; font-weight:normal; font-style:normal; text-align:left; text-transform:uppercase; font-size:20px; line-height:26px; padding:0; margin:40px 0 0 0; max-width:520px; color:#ffffff; cursor:default; position:relative; z-index:5; } .box-4 p { font-family: "ProximaNova-R"; font-weight:normal; font-style:normal; text-align:left; font-size:16px; line-height:20px; padding:0; margin:15px 0 0 0; color:#ffffff; cursor:default; position:relative; z-index:5; } a.googleplay { width:150px; height:44px; padding:0; margin:50px 0 0 0; background:url('../images/8.png') no-repeat; display:block; float:left; } a.appstore { width:150px; height:44px; padding:0; margin:50px 0 0 15px; background:url('../images/9.png') no-repeat; display:block; float:left; } a.googleplay:hover, a.appstore:hover { opacity:0.5; } .img-4-2 { width:396px; padding:0; margin:0; display:block; position:absolute; bottom:0; left:70px; z-index:auto; } #swiper-slider-4 .swiper-container { width:100%; min-height:640px; margin:0; padding:0; position:relative; overflow:hidden; background:#000000; } #swiper-slider-4 .swiper-wrapper { position: relative; width:100%; height:100%; z-index: 1; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-transition-property: -webkit-transform; -moz-transition-property: -moz-transform; -o-transition-property: -o-transform; -ms-transition-property: -ms-transform; transition-property: transform; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; } #swiper-slider-4 .swiper-button-prev { width:60px; height:60px; padding:0; margin:-30px 0 0 0; position:absolute; top:50%; left:30px; z-index:41; background:url('../images/left.png') no-repeat center center #669900; border-radius:100%; -webkit-border-radius:100%; -moz-border-radius:100%; -khtml-border-radius:100%; cursor:pointer; display:block; } #swiper-slider-4 .swiper-button-next { width:60px; height:60px; padding:0; margin:-30px 0 0 0; position:absolute; top:50%; right:30px; z-index:41; background:url('../images/right.png') no-repeat center center #669900; border-radius:100%; -webkit-border-radius:100%; -moz-border-radius:100%; -khtml-border-radius:100%; cursor:pointer; display:block; } #swiper-slider-4 .swiper-button-prev:hover, #swiper-slider-4 .swiper-button-next:hover { opacity:0.75; } #swiper-slider-4 .swiper-button-prev:hover, #swiper-slider-4 .swiper-button-prev:not(:hover), #swiper-slider-4 .swiper-button-next:hover, #swiper-slider-4 .swiper-button-next:not(:hover) { -webkit-transition: All 0.25s ease; -moz-transition: All 0.25s ease; -o-transition: All 0.25s ease; -ms-transition: All 0.25s ease; transition: All 0.25s ease; } #swiper-slider-4 .swiper-pagination { position: absolute; text-align:left; -webkit-transition: 300ms; -moz-transition: 300ms; -o-transition: 300ms; transition: 300ms; -webkit-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); z-index: 40; display:none; } #swiper-slider-4 .swiper-pagination-fraction, #swiper-slider-4 .swiper-pagination-custom, #swiper-slider-4 .swiper-container-horizontal > .swiper-pagination-bullets { bottom:0; left:0; width:100%; } #swiper-slider-4 .swiper-pagination-bullet { width:30px; height:2px; margin:0 20px 0 0; padding:0; background:#3c3c3c; display:inline-block; opacity:1; cursor:pointer; border:none; box-shadow:none; -moz-appearance:none; -ms-appearance:none; -webkit-appearance:none; appearance:none; } #swiper-slider-4 .swiper-pagination-bullet-active { opacity:1; background:rgba(255,255,255,1); } @media all and (max-width: 1320px) { #swiper-slider-4 .swiper-button-prev { width:60px; height:60px; padding:0; margin:-30px 0 0 0; position:absolute; top:50%; left:30px; z-index:41; background:url('../images/left.png') no-repeat center center #669900; border-radius:100%; -webkit-border-radius:100%; -moz-border-radius:100%; -khtml-border-radius:100%; cursor:pointer; display:block; } #swiper-slider-4 .swiper-button-next { width:60px; height:60px; padding:0; margin:-30px 30px 0 0; position:absolute; top:50%; right:50%; z-index:41; background:url('../images/right.png') no-repeat center center #669900; border-radius:100%; -webkit-border-radius:100%; -moz-border-radius:100%; -khtml-border-radius:100%; cursor:pointer; display:block; } } @media all and (max-width: 1160px) { .box-4-w { width:100%; padding:0; margin:0; position:relative; background:url('../images/12.jpg') no-repeat top center #000000; } .box-4 { width:480px; min-height:520px; padding:60px 0 60px 480px; margin:0 auto; position:relative; text-align:center; } .img-4-1 { height:53px; padding:0; margin:0; display:block; } .box-4 h3 { font-family: "ProximaNova-B"; font-weight:normal; font-style:normal; text-align:left; text-transform:uppercase; font-size:20px; line-height:26px; padding:0; margin:40px 0 0 0; max-width:520px; color:#ffffff; cursor:default; position:relative; z-index:5; } .box-4 p { font-family: "ProximaNova-R"; font-weight:normal; font-style:normal; text-align:left; font-size:16px; line-height:20px; padding:0; margin:15px 0 0 0; color:#ffffff; cursor:default; position:relative; z-index:5; } a.googleplay { width:150px; height:44px; padding:0; margin:50px 0 0 0; background:url('../images/8.png') no-repeat; display:block; float:left; } a.appstore { width:150px; height:44px; padding:0; margin:50px 0 0 15px; background:url('../images/9.png') no-repeat; display:block; float:left; } a.googleplay:hover, a.appstore:hover { opacity:0.5; } .img-4-2 { width:396px; padding:0; margin:0; display:block; position:absolute; bottom:0; left:20px; z-index:auto; } #swiper-slider-4 .swiper-container { width:100%; min-height:640px; margin:0; padding:0; position:relative; overflow:hidden; background:#000000; } #swiper-slider-4 .swiper-button-prev { width:60px; height:60px; padding:0; margin:-30px 0 0 0; position:absolute; top:50%; left:30px; z-index:41; background:url('../images/left.png') no-repeat center center #669900; border-radius:100%; -webkit-border-radius:100%; -moz-border-radius:100%; -khtml-border-radius:100%; cursor:pointer; display:block; } #swiper-slider-4 .swiper-button-next { width:60px; height:60px; padding:0; margin:-30px 30px 0 0; position:absolute; top:50%; right:50%; z-index:41; background:url('../images/right.png') no-repeat center center #669900; border-radius:100%; -webkit-border-radius:100%; -moz-border-radius:100%; -khtml-border-radius:100%; cursor:pointer; display:block; } } @media all and (max-width: 1020px) { .box-4-w { width:100%; padding:0; margin:0; position:relative; background:url('../images/12.jpg') no-repeat top center #000000; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; } .box-4 { width:660px; min-height:20px; padding:60px 0 480px 0; margin:0 auto; position:relative; text-align:center; } .img-4-1 { height:53px; padding:0; margin:0 auto; display:block; } .box-4 h3 { font-family: "ProximaNova-B"; font-weight:normal; font-style:normal; text-align:center; text-transform:uppercase; font-size:20px; line-height:26px; padding:0; margin:40px auto 0 auto; max-width:520px; color:#ffffff; cursor:default; position:relative; z-index:5; } .box-4 p { font-family: "ProximaNova-R"; font-weight:normal; font-style:normal; text-align:center; font-size:16px; line-height:20px; padding:0; margin:15px auto 0 auto; max-width:520px; color:#ffffff; cursor:default; position:relative; z-index:5; } a.googleplay { width:150px; height:44px; padding:0; margin:50px 15px 0 15px; background:url('../images/8.png') no-repeat; display:inline-block; float:none; } a.appstore { width:150px; height:44px; padding:0; margin:50px 15px 0 15px; background:url('../images/9.png') no-repeat; display:inline-block; float:none; } a.googleplay:hover, a.appstore:hover { opacity:0.5; } .img-4-2 { width:300px; padding:0; margin:0 0 0 -135px; display:block; position:absolute; bottom:0; left:50%; z-index:auto; } #swiper-slider-4 .swiper-container { width:100%; min-height:640px; margin:0; padding:0; position:relative; overflow:hidden; background:#000000; } #swiper-slider-4 .swiper-button-prev { width:60px; height:60px; padding:0; margin:0 0 0 -250px; position:absolute; top:auto; bottom:200px; left:50%; z-index:41; background:url('../images/left.png') no-repeat center center #669900; border-radius:100%; -webkit-border-radius:100%; -moz-border-radius:100%; -khtml-border-radius:100%; cursor:pointer; display:block; } #swiper-slider-4 .swiper-button-next { width:60px; height:60px; padding:0; margin:0 -250px 0 0; position:absolute; top:auto; bottom:200px; right:50%; z-index:41; background:url('../images/right.png') no-repeat center center #669900; border-radius:100%; -webkit-border-radius:100%; -moz-border-radius:100%; -khtml-border-radius:100%; cursor:pointer; display:block; } } @media all and (max-width: 720px) { .box-4-w { width:100%; padding:0; margin:0; position:relative; background:url('../images/12.jpg') no-repeat top center #000000; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; } .box-4 { width:360px; min-height:20px; padding:60px 0 400px 0; margin:0 auto; position:relative; text-align:center; } .img-4-1 { height:53px; padding:0; margin:0 auto; display:block; } .box-4 h3 { font-family: "ProximaNova-B"; font-weight:normal; font-style:normal; text-align:center; text-transform:uppercase; font-size:20px; line-height:26px; padding:0; margin:30px auto 0 auto; max-width:520px; color:#ffffff; cursor:default; position:relative; z-index:5; } .box-4 p { font-family: "ProximaNova-R"; font-weight:normal; font-style:normal; text-align:center; font-size:16px; line-height:20px; padding:0; margin:15px auto 0 auto; max-width:520px; color:#ffffff; cursor:default; position:relative; z-index:5; } a.googleplay { width:150px; height:44px; padding:0; margin:40px 5px 0 5px; background:url('../images/8.png') no-repeat; display:inline-block; float:none; } a.appstore { width:150px; height:44px; padding:0; margin:40px 5px 0 5px; background:url('../images/9.png') no-repeat; display:inline-block; float:none; } a.googleplay:hover, a.appstore:hover { opacity:0.5; } .img-4-2 { width:250px; padding:0; margin:0 0 0 -110px; display:block; position:absolute; bottom:0; left:50%; z-index:auto; } #swiper-slider-4 .swiper-container { width:100%; min-height:640px; margin:0; padding:0; position:relative; overflow:hidden; background:#000000; } #swiper-slider-4 .swiper-button-prev { width:60px; height:60px; padding:0; margin:0 0 0 -180px; position:absolute; top:auto; bottom:200px; left:50%; z-index:41; background:url('../images/left.png') no-repeat center center #669900; border-radius:100%; -webkit-border-radius:100%; -moz-border-radius:100%; -khtml-border-radius:100%; cursor:pointer; display:block; } #swiper-slider-4 .swiper-button-next { width:60px; height:60px; padding:0; margin:0 -180px 0 0; position:absolute; top:auto; bottom:200px; right:50%; z-index:41; background:url('../images/right.png') no-repeat center center #669900; border-radius:100%; -webkit-border-radius:100%; -moz-border-radius:100%; -khtml-border-radius:100%; cursor:pointer; display:block; } } /* box-5 */ #box-5-w { width:100%; padding:0; margin:0; position:relative; background:url('../images/bg3.jpg') no-repeat top center #000000; border-top:2px solid #669900; } #box-5 { width:1100px; padding:55px 0 60px 0; margin:0 auto; position:relative; text-align:center; } #box-5 h2 { font-family: "ProximaNova-B"; font-weight:normal; font-style:normal; text-align:center; text-transform:uppercase; font-size:36px; line-height:42px; padding:0; margin:0; color:#ffffff; cursor:default; position:relative; z-index:5; } #box-5 p { font-family: "ProximaNova-R"; font-weight:normal; font-style:normal; text-align:center; font-size:16px; line-height:20px; width:245px; padding:95px 15px 0 15px; color:#ffffff; cursor:default; position:relative; z-index:5; float:left; } .p5-1 { margin:560px 0 0 0; background:url('../images/13.png') no-repeat top center; } .p5-2 { margin:560px 0 0 0; background:url('../images/14.png') no-repeat top center; } .p5-3 { margin:560px 0 0 0; background:url('../images/15.png') no-repeat top center; } .p5-4 { margin:560px 0 0 0; background:url('../images/16.png') no-repeat top center; } #box-5 p span { font-family: "ProximaNova-B"; font-weight:normal; font-style:normal; text-align:center; text-transform:uppercase; font-size:20px; line-height:26px; padding:0; margin:0 0 15px 0; position:relative; display:inline-block; color:#669900; cursor:default; } @media all and (max-width: 1160px) { #box-5-w { width:100%; padding:0; margin:0; position:relative; background:url('../images/bg3.jpg') no-repeat top center #000000; border-top:2px solid #669900; } #box-5 { width:960px; padding:55px 0 60px 0; margin:0 auto; position:relative; text-align:center; } #box-5 h2 { font-family: "ProximaNova-B"; font-weight:normal; font-style:normal; text-align:center; text-transform:uppercase; font-size:36px; line-height:42px; padding:0; margin:0; color:#ffffff; cursor:default; position:relative; z-index:5; } #box-5 p { font-family: "ProximaNova-R"; font-weight:normal; font-style:normal; text-align:center; font-size:15px; line-height:20px; width:230px; padding:95px 5px 0 5px; color:#ffffff; cursor:default; position:relative; z-index:5; float:left; } .p5-1 { margin:560px 0 0 0; background:url('../images/13.png') no-repeat top center; } .p5-2 { margin:560px 0 0 0; background:url('../images/14.png') no-repeat top center; } .p5-3 { margin:560px 0 0 0; background:url('../images/15.png') no-repeat top center; } .p5-4 { margin:560px 0 0 0; background:url('../images/16.png') no-repeat top center; } #box-5 p span { font-family: "ProximaNova-B"; font-weight:normal; font-style:normal; text-align:center; text-transform:uppercase; font-size:18px; line-height:26px; padding:0; margin:0 0 15px 0; position:relative; display:inline-block; color:#669900; cursor:default; } } @media all and (max-width: 1020px) { #box-5-w { width:100%; padding:0; margin:0; position:relative; background:url('../images/bg3.jpg') no-repeat top center #000000; border-top:2px solid #669900; } #box-5 { width:660px; padding:55px 0 60px 0; margin:0 auto; position:relative; text-align:center; } #box-5 h2 { font-family: "ProximaNova-B"; font-weight:normal; font-style:normal; text-align:center; text-transform:uppercase; font-size:36px; line-height:42px; padding:0; margin:0; color:#ffffff; cursor:default; position:relative; z-index:5; } #box-5 p { font-family: "ProximaNova-R"; font-weight:normal; font-style:normal; text-align:center; font-size:16px; line-height:20px; width:40%; padding:95px 5% 0 5%; color:#ffffff; cursor:default; position:relative; z-index:5; float:left; } .p5-1 { margin:560px 0 0 0; background:url('../images/13.png') no-repeat top center; } .p5-2 { margin:560px 0 0 0; background:url('../images/14.png') no-repeat top center; } .p5-3 { margin:40px 0 0 0; background:url('../images/15.png') no-repeat top center; } .p5-4 { margin:40px 0 0 0; background:url('../images/16.png') no-repeat top center; } #box-5 p span { font-family: "ProximaNova-B"; font-weight:normal; font-style:normal; text-align:center; text-transform:uppercase; font-size:20px; line-height:26px; padding:0; margin:0 0 15px 0; position:relative; display:inline-block; color:#669900; cursor:default; } } @media all and (max-width: 720px) { #box-5-w { width:100%; padding:0; margin:0; position:relative; background:url('../images/bg3.jpg') no-repeat top center #000000; -webkit-background-size: 1500px auto; -moz-background-size: 1500px auto; -o-background-size: 1500px auto; background-size: 1500px auto; border-top:2px solid #669900; } #box-5 { width:360px; padding:55px 0 60px 0; margin:0 auto; position:relative; text-align:center; } #box-5 h2 { font-family: "ProximaNova-B"; font-weight:normal; font-style:normal; text-align:center; text-transform:uppercase; font-size:32px; line-height:42px; padding:0; margin:0; color:#ffffff; cursor:default; position:relative; z-index:5; } #box-5 p { font-family: "ProximaNova-R"; font-weight:normal; font-style:normal; text-align:center; font-size:16px; line-height:20px; width:90%; padding:95px 5% 0 5%; color:#ffffff; cursor:default; position:relative; z-index:5; float:left; } .p5-1 { margin:420px 0 0 0; background:url('../images/13.png') no-repeat top center; } .p5-2 { margin:40px 0 0 0; background:url('../images/14.png') no-repeat top center; } .p5-3 { margin:40px 0 0 0; background:url('../images/15.png') no-repeat top center; } .p5-4 { margin:40px 0 0 0; background:url('../images/16.png') no-repeat top center; } #box-5 p span { font-family: "ProximaNova-B"; font-weight:normal; font-style:normal; text-align:center; text-transform:uppercase; font-size:18px; line-height:24px; padding:0; margin:0 0 10px 0; position:relative; display:inline-block; color:#669900; cursor:default; } } /* box-6 */ #box-6-w { width:100%; padding:0; margin:0; position:relative; background:url('../images/bg4.jpg') no-repeat top center #000000; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; } #box-6 { width:1100px; padding:55px 0 60px 0; margin:0 auto; position:relative; text-align:center; z-index:5; } #box-6 h2 { font-family: "ProximaNova-B"; font-weight:normal; font-style:normal; text-align:center; text-transform:uppercase; font-size:30px; line-height:38px; padding:0; margin:0; color:#669900; cursor:default; position:relative; z-index:5; } #box-6 h4 { font-family: "ProximaNova-R"; font-weight:normal; font-style:normal; text-align:center; font-size:20px; line-height:26px; padding:0; margin:0 auto 0 auto; color:#ffffff; cursor:default; max-width:100%; position:relative; z-index:5; } #box-6 h4 span { font-family: "ProximaNova-B"; font-weight:normal; } #box-6 .formbox { width:320px; margin:15px auto 60px auto; padding:0; text-align:center; position:relative; } #box-6 .formbox input { font-family: "ProximaNova-R"; font-weight:normal; font-size:20px; line-height:24px; text-indent:0; text-align:left; width:calc(100% - 40px); height:24px; padding:13px 19px 11px 19px; border:1px solid #ffffff; margin:13px 0 0 0; float:left; color:#ffffff; outline:none; -webkit-appearance: none; -moz-appearance:none; border-radius:0; -webkit-border-radius:0; -moz-border-radius:0; -khtml-border-radius:0; background:none; } #box-6 .formbox input:-moz-placeholder {color:#ffffff; } #box-6 .formbox input::-webkit-input-placeholder { color:#ffffff; } #box-6 .formbox input.error:-moz-placeholder { color:#db264c; } #box-6 .formbox input.error::-webkit-input-placeholder { color:#db264c; } #box-6 .formbox input.error { color:#db264c; border-color:#db264c; } input::-webkit-input-placeholder {opacity: 1; transition: opacity 0.3s ease;} input::-moz-placeholder {opacity: 1; transition: opacity 0.3s ease;} input:-moz-placeholder {opacity: 1; transition: opacity 0.3s ease;} input:-ms-input-placeholder {opacity: 1; transition: opacity 0.3s ease;} input:focus::-webkit-input-placeholder {opacity: 0.3; transition: opacity 0.3s ease;} input:focus::-moz-placeholder {opacity: 0.3; transition: opacity 0.3s ease;} input:focus:-moz-placeholder {opacity: 0.3; transition: opacity 0.3s ease;} input:focus:-ms-input-placeholder {opacity: 0.3; transition: opacity 0.3s ease;} #box-6 .formbox .submit { width:100%; padding:0; margin:20px 0 0 0; float:left; border:none; outline:none; background:none; position:relative; } #box-6 .formbox .submit input { font-family: "ProximaNova-B"; font-weight:normal; font-style:normal; text-align:center; font-size:20px; text-transform:uppercase; line-height:52px; width:100%; height:52px; padding:0; margin:0; outline:none; cursor:pointer; -webkit-appearance: none; -moz-appearance:none; color:#ffffff; background-image: linear-gradient(to bottom, #669900, #5c8f00); background-image: -webkit-linear-gradient(to bottom, #669900, #5c8f00); background-image: -moz-linear-gradient(to bottom, #669900, #5c8f00); background-image: -o-linear-gradient(to bottom, #669900, #5c8f00); background-image: -ms-linear-gradient(to bottom, #669900, #5c8f00); border:none; border-radius:0; -webkit-border-radius:0; -moz-border-radius:0; -khtml-border-radius:0; -moz-box-shadow: 0 5px 10px 0 rgba(0,0,0,0.15); -webkit-box-shadow: 0 5px 10px 0 rgba(0,0,0,0.15); box-shadow: 0 5px 10px 0 rgba(0,0,0,0.15); } #box-6 .formbox .submit input:hover { opacity:0.75; outline:none; } #box-6 .formbox .submit input:hover, #box-6 .formbox .submit input:not(:hover) { -webkit-transition: All 0.2s ease; -moz-transition: All 0.2s ease; -o-transition: All 0.2s ease; -ms-transition: All 0.2s ease; transition: All 0.2s ease; } #box-6 a.logo { width:150px; height:35px; padding:0; margin:5px 0 0 0; float:left; background:url('../images/logo2.png') no-repeat top center; cursor:pointer; } #box-6 p { font-family: "ProximaNova-B"; font-weight:normal; font-style:normal; text-align:left; font-size:14px; line-height:17px; color:#ffffff; cursor:default; } #box-6 p.p6-1 { padding:0 0 0 40px; margin:7px 0 0 120px; background:url('../images/4.png') no-repeat 0 center; float:left; } #box-6 p.p6-2 { min-height:35px; padding:0 0 0 50px; margin:7px 0 0 120px; background:url('../images/5.png') no-repeat 0 center; float:left; } #box-6 p.p6-3 { padding:0 0 0 50px; margin:7px 0 0 120px; background:url('../images/17.png') no-repeat 0 center; float:left; } #box-6 p a { font-family: "ProximaNova-B"; font-weight:normal; font-style:normal; text-align:left; font-size:14px; line-height:17px; padding:0; margin:0; color:#ffffff; cursor:pointer; } #box-6 p a span { font-family: "ProximaNova-R"; font-weight:normal; } #box-6 p a:hover { color:#669900; } @media all and (max-width: 1160px) { #box-6-w { width:100%; padding:0; margin:0; position:relative; background:url('../images/bg4.jpg') no-repeat top center #000000; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; } #box-6 { width:960px; padding:55px 0 60px 0; margin:0 auto; position:relative; text-align:center; z-index:5; } #box-6 h2 { font-family: "ProximaNova-B"; font-weight:normal; font-style:normal; text-align:center; text-transform:uppercase; font-size:30px; line-height:38px; padding:0; margin:0; color:#669900; cursor:default; position:relative; z-index:5; } #box-6 h4 { font-family: "ProximaNova-R"; font-weight:normal; font-style:normal; text-align:center; font-size:20px; line-height:26px; padding:0; margin:0 auto 0 auto; color:#ffffff; cursor:default; max-width:100%; position:relative; z-index:5; } #box-6 h4 span { font-family: "ProximaNova-B"; font-weight:normal; } #box-6 .formbox { width:320px; margin:15px auto 60px auto; padding:0; text-align:center; position:relative; } #box-6 .formbox input { font-family: "ProximaNova-R"; font-weight:normal; font-size:20px; line-height:24px; text-indent:0; text-align:left; width:calc(100% - 40px); height:24px; padding:13px 19px 11px 19px; border:1px solid #ffffff; margin:13px 0 0 0; float:left; color:#ffffff; outline:none; -webkit-appearance: none; -moz-appearance:none; border-radius:0; -webkit-border-radius:0; -moz-border-radius:0; -khtml-border-radius:0; background:none; } #box-6 .formbox input:-moz-placeholder {color:#ffffff; } #box-6 .formbox input::-webkit-input-placeholder { color:#ffffff; } #box-6 .formbox input.error:-moz-placeholder { color:#db264c; } #box-6 .formbox input.error::-webkit-input-placeholder { color:#db264c; } #box-6 .formbox input.error { color:#db264c; border-color:#db264c; } input::-webkit-input-placeholder {opacity: 1; transition: opacity 0.3s ease;} input::-moz-placeholder {opacity: 1; transition: opacity 0.3s ease;} input:-moz-placeholder {opacity: 1; transition: opacity 0.3s ease;} input:-ms-input-placeholder {opacity: 1; transition: opacity 0.3s ease;} input:focus::-webkit-input-placeholder {opacity: 0.3; transition: opacity 0.3s ease;} input:focus::-moz-placeholder {opacity: 0.3; transition: opacity 0.3s ease;} input:focus:-moz-placeholder {opacity: 0.3; transition: opacity 0.3s ease;} input:focus:-ms-input-placeholder {opacity: 0.3; transition: opacity 0.3s ease;} #box-6 .formbox .submit { width:100%; padding:0; margin:20px 0 0 0; float:left; border:none; outline:none; background:none; position:relative; } #box-6 .formbox .submit input { font-family: "ProximaNova-B"; font-weight:normal; font-style:normal; text-align:center; font-size:20px; text-transform:uppercase; line-height:52px; width:100%; height:52px; padding:0; margin:0; outline:none; cursor:pointer; -webkit-appearance: none; -moz-appearance:none; color:#ffffff; background-image: linear-gradient(to bottom, #669900, #5c8f00); background-image: -webkit-linear-gradient(to bottom, #669900, #5c8f00); background-image: -moz-linear-gradient(to bottom, #669900, #5c8f00); background-image: -o-linear-gradient(to bottom, #669900, #5c8f00); background-image: -ms-linear-gradient(to bottom, #669900, #5c8f00); border:none; border-radius:0; -webkit-border-radius:0; -moz-border-radius:0; -khtml-border-radius:0; -moz-box-shadow: 0 5px 10px 0 rgba(0,0,0,0.15); -webkit-box-shadow: 0 5px 10px 0 rgba(0,0,0,0.15); box-shadow: 0 5px 10px 0 rgba(0,0,0,0.15); } #box-6 .formbox .submit input:hover { opacity:0.75; outline:none; } #box-6 .formbox .submit input:hover, #box-6 .formbox .submit input:not(:hover) { -webkit-transition: All 0.2s ease; -moz-transition: All 0.2s ease; -o-transition: All 0.2s ease; -ms-transition: All 0.2s ease; transition: All 0.2s ease; } #box-6 a.logo { width:150px; height:35px; padding:0; margin:5px 0 0 0; float:left; background:url('../images/logo2.png') no-repeat top center; cursor:pointer; } #box-6 p { font-family: "ProximaNova-B"; font-weight:normal; font-style:normal; text-align:left; font-size:14px; line-height:17px; color:#ffffff; cursor:default; } #box-6 p.p6-1 { padding:0 0 0 40px; margin:7px 0 0 90px; background:url('../images/4.png') no-repeat 0 center; float:left; } #box-6 p.p6-2 { min-height:35px; padding:0 0 0 50px; margin:7px 0 0 90px; background:url('../images/5.png') no-repeat 0 center; float:left; } #box-6 p.p6-3 { padding:0 0 0 50px; margin:7px 0 0 90px; background:url('../images/17.png') no-repeat 0 center; float:left; } #box-6 p a { font-family: "ProximaNova-B"; font-weight:normal; font-style:normal; text-align:left; font-size:14px; line-height:17px; padding:0; margin:0; color:#ffffff; cursor:pointer; } #box-6 p a span { font-family: "ProximaNova-R"; font-weight:normal; } #box-6 p a:hover { color:#669900; } } @media all and (max-width: 1020px) { #box-6-w { width:100%; padding:0; margin:0; position:relative; background:url('../images/bg4.jpg') no-repeat top center #000000; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; } #box-6 { width:660px; padding:55px 0 60px 0; margin:0 auto; position:relative; text-align:center; z-index:5; } #box-6 h2 { font-family: "ProximaNova-B"; font-weight:normal; font-style:normal; text-align:center; text-transform:uppercase; font-size:30px; line-height:38px; padding:0; margin:0; color:#669900; cursor:default; position:relative; z-index:5; } #box-6 h4 { font-family: "ProximaNova-R"; font-weight:normal; font-style:normal; text-align:center; font-size:20px; line-height:26px; padding:0; margin:0 auto 0 auto; color:#ffffff; cursor:default; max-width:100%; position:relative; z-index:5; } #box-6 h4 span { font-family: "ProximaNova-B"; font-weight:normal; } #box-6 .formbox { width:320px; margin:15px auto 60px auto; padding:0; text-align:center; position:relative; } #box-6 .formbox input { font-family: "ProximaNova-R"; font-weight:normal; font-size:20px; line-height:24px; text-indent:0; text-align:left; width:calc(100% - 40px); height:24px; padding:13px 19px 11px 19px; border:1px solid #ffffff; margin:13px 0 0 0; float:left; color:#ffffff; outline:none; -webkit-appearance: none; -moz-appearance:none; border-radius:0; -webkit-border-radius:0; -moz-border-radius:0; -khtml-border-radius:0; background:none; } #box-6 .formbox input:-moz-placeholder {color:#ffffff; } #box-6 .formbox input::-webkit-input-placeholder { color:#ffffff; } #box-6 .formbox input.error:-moz-placeholder { color:#db264c; } #box-6 .formbox input.error::-webkit-input-placeholder { color:#db264c; } #box-6 .formbox input.error { color:#db264c; border-color:#db264c; } input::-webkit-input-placeholder {opacity: 1; transition: opacity 0.3s ease;} input::-moz-placeholder {opacity: 1; transition: opacity 0.3s ease;} input:-moz-placeholder {opacity: 1; transition: opacity 0.3s ease;} input:-ms-input-placeholder {opacity: 1; transition: opacity 0.3s ease;} input:focus::-webkit-input-placeholder {opacity: 0.3; transition: opacity 0.3s ease;} input:focus::-moz-placeholder {opacity: 0.3; transition: opacity 0.3s ease;} input:focus:-moz-placeholder {opacity: 0.3; transition: opacity 0.3s ease;} input:focus:-ms-input-placeholder {opacity: 0.3; transition: opacity 0.3s ease;} #box-6 .formbox .submit { width:100%; padding:0; margin:20px 0 0 0; float:left; border:none; outline:none; background:none; position:relative; } #box-6 .formbox .submit input { font-family: "ProximaNova-B"; font-weight:normal; font-style:normal; text-align:center; font-size:20px; text-transform:uppercase; line-height:52px; width:100%; height:52px; padding:0; margin:0; outline:none; cursor:pointer; -webkit-appearance: none; -moz-appearance:none; color:#ffffff; background-image: linear-gradient(to bottom, #669900, #5c8f00); background-image: -webkit-linear-gradient(to bottom, #669900, #5c8f00); background-image: -moz-linear-gradient(to bottom, #669900, #5c8f00); background-image: -o-linear-gradient(to bottom, #669900, #5c8f00); background-image: -ms-linear-gradient(to bottom, #669900, #5c8f00); border:none; border-radius:0; -webkit-border-radius:0; -moz-border-radius:0; -khtml-border-radius:0; -moz-box-shadow: 0 5px 10px 0 rgba(0,0,0,0.15); -webkit-box-shadow: 0 5px 10px 0 rgba(0,0,0,0.15); box-shadow: 0 5px 10px 0 rgba(0,0,0,0.15); } #box-6 .formbox .submit input:hover { opacity:0.75; outline:none; } #box-6 .formbox .submit input:hover, #box-6 .formbox .submit input:not(:hover) { -webkit-transition: All 0.2s ease; -moz-transition: All 0.2s ease; -o-transition: All 0.2s ease; -ms-transition: All 0.2s ease; transition: All 0.2s ease; } #box-6 a.logo { width:150px; height:35px; padding:0; margin:5px 0 0 130px; float:left; background:url('../images/logo2.png') no-repeat top center; cursor:pointer; } #box-6 p { font-family: "ProximaNova-B"; font-weight:normal; font-style:normal; text-align:left; font-size:14px; line-height:17px; color:#ffffff; cursor:default; } #box-6 p.p6-1 { padding:0 0 0 40px; margin:7px 0 0 90px; background:url('../images/4.png') no-repeat 0 center; float:left; } #box-6 p.p6-2 { min-height:35px; padding:0 0 0 50px; margin:25px 0 0 100px; background:url('../images/5.png') no-repeat 0 center; float:left; } #box-6 p.p6-3 { padding:0 0 0 50px; margin:25px 0 0 90px; background:url('../images/17.png') no-repeat 0 center; float:left; } #box-6 p a { font-family: "ProximaNova-B"; font-weight:normal; font-style:normal; text-align:left; font-size:14px; line-height:17px; padding:0; margin:0; color:#ffffff; cursor:pointer; } #box-6 p a span { font-family: "ProximaNova-R"; font-weight:normal; } #box-6 p a:hover { color:#669900; } } @media all and (max-width: 720px) { #box-6-w { width:100%; padding:0; margin:0; position:relative; background:url('../images/bg4.jpg') no-repeat top center #000000; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; } #box-6 { width:360px; padding:55px 0 60px 0; margin:0 auto; position:relative; text-align:center; z-index:5; } #box-6 h2 { font-family: "ProximaNova-B"; font-weight:normal; font-style:normal; text-align:center; text-transform:uppercase; font-size:30px; line-height:38px; padding:0; margin:0; color:#669900; cursor:default; position:relative; z-index:5; } #box-6 h4 { font-family: "ProximaNova-R"; font-weight:normal; font-style:normal; text-align:center; font-size:18px; line-height:24px; padding:0; margin:0 auto 0 auto; color:#ffffff; cursor:default; max-width:290px; position:relative; z-index:5; } #box-6 h4 span { font-family: "ProximaNova-B"; font-weight:normal; } #box-6 .formbox { width:320px; margin:15px auto 60px auto; padding:0; text-align:center; position:relative; } #box-6 .formbox input { font-family: "ProximaNova-R"; font-weight:normal; font-size:20px; line-height:24px; text-indent:0; text-align:left; width:calc(100% - 40px); height:24px; padding:13px 19px 11px 19px; border:1px solid #ffffff; margin:13px 0 0 0; float:left; color:#ffffff; outline:none; -webkit-appearance: none; -moz-appearance:none; border-radius:0; -webkit-border-radius:0; -moz-border-radius:0; -khtml-border-radius:0; background:none; } #box-6 .formbox input:-moz-placeholder {color:#ffffff; } #box-6 .formbox input::-webkit-input-placeholder { color:#ffffff; } #box-6 .formbox input.error:-moz-placeholder { color:#db264c; } #box-6 .formbox input.error::-webkit-input-placeholder { color:#db264c; } #box-6 .formbox input.error { color:#db264c; border-color:#db264c; } input::-webkit-input-placeholder {opacity: 1; transition: opacity 0.3s ease;} input::-moz-placeholder {opacity: 1; transition: opacity 0.3s ease;} input:-moz-placeholder {opacity: 1; transition: opacity 0.3s ease;} input:-ms-input-placeholder {opacity: 1; transition: opacity 0.3s ease;} input:focus::-webkit-input-placeholder {opacity: 0.3; transition: opacity 0.3s ease;} input:focus::-moz-placeholder {opacity: 0.3; transition: opacity 0.3s ease;} input:focus:-moz-placeholder {opacity: 0.3; transition: opacity 0.3s ease;} input:focus:-ms-input-placeholder {opacity: 0.3; transition: opacity 0.3s ease;} #box-6 .formbox .submit { width:100%; padding:0; margin:20px 0 0 0; float:left; border:none; outline:none; background:none; position:relative; } #box-6 .formbox .submit input { font-family: "ProximaNova-B"; font-weight:normal; font-style:normal; text-align:center; font-size:20px; text-transform:uppercase; line-height:52px; width:100%; height:52px; padding:0; margin:0; outline:none; cursor:pointer; -webkit-appearance: none; -moz-appearance:none; color:#ffffff; background-image: linear-gradient(to bottom, #669900, #5c8f00); background-image: -webkit-linear-gradient(to bottom, #669900, #5c8f00); background-image: -moz-linear-gradient(to bottom, #669900, #5c8f00); background-image: -o-linear-gradient(to bottom, #669900, #5c8f00); background-image: -ms-linear-gradient(to bottom, #669900, #5c8f00); border:none; border-radius:0; -webkit-border-radius:0; -moz-border-radius:0; -khtml-border-radius:0; -moz-box-shadow: 0 5px 10px 0 rgba(0,0,0,0.15); -webkit-box-shadow: 0 5px 10px 0 rgba(0,0,0,0.15); box-shadow: 0 5px 10px 0 rgba(0,0,0,0.15); } #box-6 .formbox .submit input:hover { opacity:0.75; outline:none; } #box-6 .formbox .submit input:hover, #box-6 .formbox .submit input:not(:hover) { -webkit-transition: All 0.2s ease; -moz-transition: All 0.2s ease; -o-transition: All 0.2s ease; -ms-transition: All 0.2s ease; transition: All 0.2s ease; } #box-6 a.logo { width:150px; height:35px; padding:0; margin:0 auto; float:none; display:inline-block; background:url('../images/logo2.png') no-repeat top center; cursor:pointer; } #box-6 p { font-family: "ProximaNova-B"; font-weight:normal; font-style:normal; text-align:left; font-size:14px; line-height:17px; color:#ffffff; cursor:default; min-width:160px; } #box-6 p.p6-1 { padding:0 0 0 40px; margin:25px 30px 0 30px; background:url('../images/4.png') no-repeat 0 center; float:none; display:inline-block; } #box-6 p.p6-2 { min-height:35px; padding:0 0 0 50px; margin:20px 30px 0 30px; background:url('../images/5.png') no-repeat 0 center; float:none; display:inline-block; } #box-6 p.p6-3 { padding:0 0 0 50px; margin:20px 30px 0 30px; background:url('../images/17.png') no-repeat 0 center; float:none; display:inline-block; } #box-6 p a { font-family: "ProximaNova-B"; font-weight:normal; font-style:normal; text-align:left; font-size:14px; line-height:17px; padding:0; margin:0; color:#ffffff; cursor:pointer; } #box-6 p a span { font-family: "ProximaNova-R"; font-weight:normal; } #box-6 p a:hover { color:#669900; } } /* bottom */ #bottom-w { width:100%; padding:0; margin:0; position:relative; background:#669900; } #bottom { width:1100px; padding:15px 0 15px 0; margin:0 auto; position:relative; text-align:center; } #bottom h2 { font-family: 'PT Sans', sans-serif; font-weight:400; font-style:normal; text-align:left; font-size:14px; line-height:18px; padding:0; margin:0; color:#ffffff; cursor:default; float:left; } #bottom p { font-family: 'PT Sans', sans-serif; font-weight:400; font-style:normal; text-align:center; font-size:14px; line-height:18px; padding:0; margin:0 0 0 180px; color:#ffffff; cursor:default; float:left; } #bottom p a { font-family: 'PT Sans', sans-serif; font-weight:400; font-style:normal; text-align:right; font-size:14px; line-height:18px; padding:0; margin:0; color:#ffffff; cursor:pointer; border-bottom:1px solid rgba(0,0,0,0); } #bottom p a:hover { border-bottom:1px solid #ffffff; } #bottom h3 { font-family: 'PT Sans', sans-serif; font-weight:400; font-style:normal; text-align:right; font-size:14px; line-height:18px; padding:0; margin:0; color:#ffffff; cursor:default; float:right; } #bottom h3 a { font-family: 'PT Sans', sans-serif; font-weight:400; font-style:normal; text-align:right; font-size:14px; line-height:18px; padding:0; margin:0; color:#ffffff; cursor:pointer; border-bottom:1px solid rgba(0,0,0,0); } #bottom h3 a:hover { border-bottom:1px solid #ffffff; } @media all and (max-width: 1160px) { #bottom-w { width:100%; padding:0; margin:0; position:relative; background:#669900; } #bottom { width:960px; padding:15px 0 15px 0; margin:0 auto; position:relative; text-align:center; } #bottom h2 { font-family: 'PT Sans', sans-serif; font-weight:400; font-style:normal; text-align:left; font-size:14px; line-height:18px; padding:0; margin:0; color:#ffffff; cursor:default; float:left; } #bottom p { font-family: 'PT Sans', sans-serif; font-weight:400; font-style:normal; text-align:center; font-size:14px; line-height:18px; padding:0; margin:0 0 0 140px; color:#ffffff; cursor:default; float:left; } #bottom p a { font-family: 'PT Sans', sans-serif; font-weight:400; font-style:normal; text-align:right; font-size:14px; line-height:18px; padding:0; margin:0; color:#ffffff; cursor:pointer; border-bottom:1px solid rgba(0,0,0,0); } #bottom p a:hover { border-bottom:1px solid #ffffff; } #bottom h3 { font-family: 'PT Sans', sans-serif; font-weight:400; font-style:normal; text-align:right; font-size:14px; line-height:18px; padding:0; margin:0; color:#ffffff; cursor:default; float:right; } #bottom h3 a { font-family: 'PT Sans', sans-serif; font-weight:400; font-style:normal; text-align:right; font-size:14px; line-height:18px; padding:0; margin:0; color:#ffffff; cursor:pointer; border-bottom:1px solid rgba(0,0,0,0); } #bottom h3 a:hover { border-bottom:1px solid #ffffff; } } @media all and (max-width: 1020px) { #bottom-w { width:100%; padding:0; margin:0; position:relative; background:#669900; } #bottom { width:660px; padding:15px 0 15px 0; margin:0 auto; position:relative; text-align:center; } #bottom h2 { font-family: 'PT Sans', sans-serif; font-weight:400; font-style:normal; text-align:left; font-size:14px; line-height:22px; width:230px; padding:0; margin:0; color:#ffffff; cursor:default; float:left; } #bottom p { font-family: 'PT Sans', sans-serif; font-weight:400; font-style:normal; text-align:right; font-size:14px; line-height:22px; padding:0; margin:0 0 0 140px; color:#ffffff; cursor:default; float:right; } #bottom p a { font-family: 'PT Sans', sans-serif; font-weight:400; font-style:normal; text-align:right; font-size:14px; line-height:22px; padding:0; margin:0; color:#ffffff; cursor:pointer; border-bottom:1px solid rgba(0,0,0,0); } #bottom p a:hover { border-bottom:1px solid #ffffff; } #bottom h3 { font-family: 'PT Sans', sans-serif; font-weight:400; font-style:normal; text-align:right; font-size:14px; line-height:22px; padding:0; margin:0; color:#ffffff; cursor:default; float:right; } #bottom h3 a { font-family: 'PT Sans', sans-serif; font-weight:400; font-style:normal; text-align:right; font-size:14px; line-height:18px; padding:0; margin:0; color:#ffffff; cursor:pointer; border-bottom:1px solid rgba(0,0,0,0); } #bottom h3 a:hover { border-bottom:1px solid #ffffff; } } @media all and (max-width: 720px) { #bottom-w { width:100%; padding:0; margin:0; position:relative; background:#669900; } #bottom { width:360px; padding:30px 0 30px 0; margin:0 auto; position:relative; text-align:center; } #bottom h2 { font-family: 'PT Sans', sans-serif; font-weight:400; font-style:normal; text-align:center; font-size:14px; line-height:20px; width:230px; padding:0; margin:0 auto; color:#ffffff; cursor:default; float:none; display:inline-block; } #bottom p { font-family: 'PT Sans', sans-serif; font-weight:400; font-style:normal; text-align:center; font-size:14px; line-height:20px; padding:0; margin:5px auto 0 auto; color:#ffffff; cursor:default; float:none; display:inline-block; } #bottom p a { font-family: 'PT Sans', sans-serif; font-weight:400; font-style:normal; text-align:center; font-size:14px; line-height:20px; padding:0; margin:0; color:#ffffff; cursor:pointer; border-bottom:1px solid rgba(0,0,0,0); } #bottom p a:hover { border-bottom:1px solid #ffffff; } #bottom h3 { font-family: 'PT Sans', sans-serif; font-weight:400; font-style:normal; text-align:center; font-size:14px; line-height:20px; padding:0; margin:5px auto 0 auto; color:#ffffff; cursor:default; float:none; display:inline-block; } #bottom h3 a { font-family: 'PT Sans', sans-serif; font-weight:400; font-style:normal; text-align:center; font-size:14px; line-height:18px; padding:0; margin:0; color:#ffffff; cursor:pointer; border-bottom:1px solid rgba(0,0,0,0); } #bottom h3 a:hover { border-bottom:1px solid #ffffff; } } /* noone */ .noone { width:0; height:0; overflow:hidden; position:absolute; top:0; left:0; z-index:0; } /* wrapper */ .wrapper { display:none; position:fixed; width:100%; height:100%; top:0; left:0; background:rgba(0,0,0,0.75); z-index:100; } /* close */ .close { width:24px; height:24px; overflow:hidden; float:right; padding:0; margin:0; cursor:pointer; outline:none; position:absolute; top:15px; right:15px; z-index:207; } .close::after { content:''; position:absolute; width:24px; height:2px; background:#000000; -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -webkit-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); top:11px; left:0; z-index:208; } .close::before { content:''; position:absolute; width:24px; height:2px; background:#000000; -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); top:11px; left:0; z-index:208; } .close:hover { -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); } .close:hover, .close:not(:hover) { -webkit-transition: All 0.2s ease; -moz-transition: All 0.2s ease; -o-transition: All 0.2s ease; -ms-transition: All 0.2s ease; transition: All 0.2s ease; } /* thnx */ .thnx { display:none; width:320px; padding:50px 50px 40px 50px; margin-left:-210px; margin-top:-75px; position:fixed; left:50%; top:50%; z-index:106; background:#ffffff; text-align:center; } .thnx h2 { font-family: "ProximaNova-R"; font-weight:normal; font-style:normal; text-align:center; font-size:24px; line-height:30px; padding:0; margin:0; color:#3c3c3c; cursor:default; } .thnx h2 span { font-family: "ProximaNova-B"; font-weight:normal; font-style:normal; text-align:center; text-transform:uppercase; font-size:28px; line-height:28px; padding:0; margin:0 auto 10px auto; color:#669900; cursor:default; } @media all and (max-width: 720px) { .thnx { display:none; width:300px; padding:50px 30px 40px 30px; margin-left:-180px; margin-top:-75px; position:fixed; left:50%; top:50%; z-index:106; background:#ffffff; text-align:center; } .thnx h2 { font-family: "ProximaNova-R"; font-weight:normal; font-style:normal; text-align:center; font-size:24px; line-height:30px; padding:0; margin:0; color:#3c3c3c; cursor:default; } .thnx h2 span { font-family: "ProximaNova-B"; font-weight:normal; font-style:normal; text-align:center; text-transform:uppercase; font-size:28px; line-height:28px; padding:0; margin:0 auto 10px auto; color:#669900; cursor:default; } } /* z */ .z-box { display:none; width:320px; padding:40px 50px 50px 50px; margin-left:-210px; margin-top:-170px; position:fixed; left:50%; top:50%; z-index:106; background:#ffffff; } .z-box h2 { font-family: "ProximaNova-B"; font-weight:normal; font-style:normal; text-align:center; text-transform:uppercase; font-size:26px; line-height:28px; padding:0; margin:0 auto 10px auto; color:#000000; cursor:default; } .z-box .formbox { width:100%; margin:15px auto 0 auto; padding:0; text-align:center; position:relative; } .z-box .formbox input { font-family: "ProximaNova-R"; font-weight:normal; font-size:20px; line-height:24px; text-indent:0; text-align:left; width:calc(100% - 40px); height:24px; padding:13px 19px 11px 19px; border:1px solid rgba(0,0,0,0.25); margin:13px 0 0 0; float:left; color:#000000; outline:none; -webkit-appearance: none; -moz-appearance:none; border-radius:0; -webkit-border-radius:0; -moz-border-radius:0; -khtml-border-radius:0; background:none; } .z-box .formbox input:-moz-placeholder {color:rgba(0,0,0,0.5); } .z-box .formbox input::-webkit-input-placeholder { color:rgba(0,0,0,0.5); } .z-box .formbox input.error:-moz-placeholder { color:#db264c; } .z-box .formbox input.error::-webkit-input-placeholder { color:#db264c; } .z-box .formbox input.error { color:#db264c; border-color:#db264c; } input::-webkit-input-placeholder {opacity: 1; transition: opacity 0.3s ease;} input::-moz-placeholder {opacity: 1; transition: opacity 0.3s ease;} input:-moz-placeholder {opacity: 1; transition: opacity 0.3s ease;} input:-ms-input-placeholder {opacity: 1; transition: opacity 0.3s ease;} input:focus::-webkit-input-placeholder {opacity: 0.3; transition: opacity 0.3s ease;} input:focus::-moz-placeholder {opacity: 0.3; transition: opacity 0.3s ease;} input:focus:-moz-placeholder {opacity: 0.3; transition: opacity 0.3s ease;} input:focus:-ms-input-placeholder {opacity: 0.3; transition: opacity 0.3s ease;} .z-box .formbox .submit { width:100%; padding:0; margin:20px 0 0 0; float:left; border:none; outline:none; background:none; } .z-box .formbox .submit input { font-family: "ProximaNova-B"; font-weight:normal; font-style:normal; text-align:center; font-size:20px; text-transform:uppercase; line-height:52px; width:100%; height:52px; padding:0; margin:0; outline:none; cursor:pointer; -webkit-appearance: none; -moz-appearance:none; color:#ffffff; background-image: linear-gradient(to bottom, #669900, #5c8f00); background-image: -webkit-linear-gradient(to bottom, #669900, #5c8f00); background-image: -moz-linear-gradient(to bottom, #669900, #5c8f00); background-image: -o-linear-gradient(to bottom, #669900, #5c8f00); background-image: -ms-linear-gradient(to bottom, #669900, #5c8f00); border:none; border-radius:0; -webkit-border-radius:0; -moz-border-radius:0; -khtml-border-radius:0; -moz-box-shadow: 0 5px 10px 0 rgba(0,0,0,0.15); -webkit-box-shadow: 0 5px 10px 0 rgba(0,0,0,0.15); box-shadow: 0 5px 10px 0 rgba(0,0,0,0.15); } .z-box .formbox .submit input:hover { opacity:0.75; outline:none; } .z-box .formbox .submit input:hover, .z-box .formbox .submit input:not(:hover) { -webkit-transition: All 0.2s ease; -moz-transition: All 0.2s ease; -o-transition: All 0.2s ease; -ms-transition: All 0.2s ease; transition: All 0.2s ease; } @media all and (max-width: 720px) { .z-box { display:none; width:300px; padding:20px 30px 30px 30px; margin-left:-180px; margin-top:-150px; position:fixed; left:50%; top:50%; z-index:106; background:#ffffff; } .z-box h2 { font-family: "ProximaNova-B"; font-weight:normal; font-style:normal; text-align:center; text-transform:uppercase; font-size:24px; line-height:28px; padding:0; margin:0 auto 10px auto; color:#000000; cursor:default; } .z-box .formbox { width:100%; margin:15px auto 0 auto; padding:0; text-align:center; position:relative; } .z-box .formbox input { font-family: "ProximaNova-R"; font-weight:normal; font-size:18px; line-height:24px; text-indent:0; text-align:left; width:calc(100% - 40px); height:24px; padding:13px 19px 11px 19px; border:1px solid rgba(0,0,0,0.25); margin:13px 0 0 0; float:left; color:#000000; outline:none; -webkit-appearance: none; -moz-appearance:none; border-radius:0; -webkit-border-radius:0; -moz-border-radius:0; -khtml-border-radius:0; background:none; } .z-box .formbox input:-moz-placeholder {color:rgba(0,0,0,0.5); } .z-box .formbox input::-webkit-input-placeholder { color:rgba(0,0,0,0.5); } .z-box .formbox input.error:-moz-placeholder { color:#db264c; } .z-box .formbox input.error::-webkit-input-placeholder { color:#db264c; } .z-box .formbox input.error { color:#db264c; border-color:#db264c; } input::-webkit-input-placeholder {opacity: 1; transition: opacity 0.3s ease;} input::-moz-placeholder {opacity: 1; transition: opacity 0.3s ease;} input:-moz-placeholder {opacity: 1; transition: opacity 0.3s ease;} input:-ms-input-placeholder {opacity: 1; transition: opacity 0.3s ease;} input:focus::-webkit-input-placeholder {opacity: 0.3; transition: opacity 0.3s ease;} input:focus::-moz-placeholder {opacity: 0.3; transition: opacity 0.3s ease;} input:focus:-moz-placeholder {opacity: 0.3; transition: opacity 0.3s ease;} input:focus:-ms-input-placeholder {opacity: 0.3; transition: opacity 0.3s ease;} .z-box .formbox .submit { width:100%; padding:0; margin:20px 0 0 0; float:left; border:none; outline:none; background:none; } .z-box .formbox .submit input { font-family: "ProximaNova-B"; font-weight:normal; font-style:normal; text-align:center; font-size:20px; text-transform:uppercase; line-height:52px; width:100%; height:52px; padding:0; margin:0; outline:none; cursor:pointer; -webkit-appearance: none; -moz-appearance:none; color:#ffffff; background-image: linear-gradient(to bottom, #669900, #5c8f00); background-image: -webkit-linear-gradient(to bottom, #669900, #5c8f00); background-image: -moz-linear-gradient(to bottom, #669900, #5c8f00); background-image: -o-linear-gradient(to bottom, #669900, #5c8f00); background-image: -ms-linear-gradient(to bottom, #669900, #5c8f00); border:none; border-radius:0; -webkit-border-radius:0; -moz-border-radius:0; -khtml-border-radius:0; -moz-box-shadow: 0 5px 10px 0 rgba(0,0,0,0.15); -webkit-box-shadow: 0 5px 10px 0 rgba(0,0,0,0.15); box-shadow: 0 5px 10px 0 rgba(0,0,0,0.15); } .z-box .formbox .submit input:hover { opacity:0.75; outline:none; } .z-box .formbox .submit input:hover, .z-box .formbox .submit input:not(:hover) { -webkit-transition: All 0.2s ease; -moz-transition: All 0.2s ease; -o-transition: All 0.2s ease; -ms-transition: All 0.2s ease; transition: All 0.2s ease; } } input.fn { display:none; } /* animation standart */ .animated { -webkit-animation-duration: .95s; animation-duration: .95s; -webkit-animation-fill-mode: both; animation-fill-mode: both; } @-webkit-keyframes fadeInUp { from { opacity: 0; -webkit-transform: translate3d(0, 30%, 0); transform: translate3d(0, 30%, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInUp { from { opacity: 0; -webkit-transform: translate3d(0, 30%, 0); transform: translate3d(0, 30%, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInUp { -webkit-animation-name: fadeInUp; animation-name: fadeInUp; } @-webkit-keyframes fadeInDown { from { opacity: 0; -webkit-transform: translate3d(0, -30%, 0); transform: translate3d(0, -30%, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInDown { from { opacity: 0; -webkit-transform: translate3d(0, -30%, 0); transform: translate3d(0, -30%, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInDown { -webkit-animation-name: fadeInDown; animation-name: fadeInDown; } @-webkit-keyframes fadeInLeft { from { opacity: 0; -webkit-transform: translate3d(-30%, 0, 0); transform: translate3d(-30%, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInLeft { from { opacity: 0; -webkit-transform: translate3d(-30%, 0, 0); transform: translate3d(-30%, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInLeft { -webkit-animation-name: fadeInLeft; animation-name: fadeInLeft; } @-webkit-keyframes fadeInRight { from { opacity: 0; -webkit-transform: translate3d(30%, 0, 0); transform: translate3d(30%, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInRight { from { opacity: 0; -webkit-transform: translate3d(30%, 0, 0); transform: translate3d(30%, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInRight { -webkit-animation-name: fadeInRight; animation-name: fadeInRight; } @-webkit-keyframes fadeOutDown { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, 30%, 0); transform: translate3d(0, 30%, 0); } } @keyframes fadeOutDown { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, 30%, 0); transform: translate3d(0, 30%, 0); } } .fadeOutDown { -webkit-animation-name: fadeOutDown; animation-name: fadeOutDown; } @-webkit-keyframes fadeOutUp { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, -30%, 0); transform: translate3d(0, -30%, 0); } } @keyframes fadeOutUp { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, -30%, 0); transform: translate3d(0, -30%, 0); } } .fadeOutUp { -webkit-animation-name: fadeOutUp; animation-name: fadeOutUp; } @-webkit-keyframes fadeOutLeft { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(-30%, 0, 0); transform: translate3d(-30%, 0, 0); } } @keyframes fadeOutLeft { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(-30%, 0, 0); transform: translate3d(-30%, 0, 0); } } .fadeOutLeft { -webkit-animation-name: fadeOutLeft; animation-name: fadeOutLeft; } @-webkit-keyframes fadeOutRight { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(30%, 0, 0); transform: translate3d(30%, 0, 0); } } @keyframes fadeOutRight { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(30%, 0, 0); transform: translate3d(30%, 0, 0); } } .fadeOutRight { -webkit-animation-name: fadeOutRight; animation-name: fadeOutRight; } /* animation */ .ani-1 { visibility: hidden; } .ani-2 { visibility: hidden; } .ani-3 { visibility: hidden; } .ani-4 { visibility: hidden; } .ani-5 { visibility: hidden; } .fadeInUp { visibility: visible; } .fadeInDown { visibility: visible; } .fadeInRight { visibility: visible; } .fadeInLeft { visibility: visible; } .d25s { -webkit-animation-delay: .25s; -moz-animation-delay: .25s; animation-delay: .25s; } .d50s { -webkit-animation-delay: .5s; -moz-animation-delay: .5s; animation-delay: .5s; } .d75s { -webkit-animation-delay: .75s; -moz-animation-delay: .75s; animation-delay: .75s; } .d100s { -webkit-animation-delay: 1s; -moz-animation-delay: 1s; animation-delay: 1s; } .d125s { -webkit-animation-delay: 1.25s; -moz-animation-delay: 1.25s; animation-delay: 1.25s; } .d150s { -webkit-animation-delay: 1.5s; -moz-animation-delay: 1.5s; animation-delay: 1.5s; } .d175s { -webkit-animation-delay: 1.75s; -moz-animation-delay: 1.75s; animation-delay: 1.75s; } .d200s { -webkit-animation-delay: 2s; -moz-animation-delay: 2s; animation-delay: 2s; } @media all and (max-width: 1020px) { .d25s, .d50s, .d75s, .d100s, .d125s, .d150s, .d175s, .d200s { -webkit-animation-delay: 0s; -moz-animation-delay: 0s; animation-delay: 0s; } } /* end */