/*main*/
html{height:100%}
body{color:#181818;width:100%;height:100%;background:#fff;font-family: Oswald, sans-serif;font-weight: 300;font-size: 0px;margin: 0}
h1,h2{margin: 0}
a{color:#181818}
a:hover{text-decoration:none}

.head{width: 80%;margin-left: auto;margin-right: auto}
.shine{background: linear-gradient(232deg, rgba(39,39,39,1) 61%, rgba(48,183,206,1) 77%, rgba(39,39,39,1) 85%)}
.dark{background:#272727; color:#fff;font-size:0px}
.dark ul li{text-align: center;text-transform: uppercase;width: 33%; font-size:22px; display:inline-block; vertical-align:top}
.dark .container ul{padding:0px; margin-top: 40px}
.dark ul li i{background-image: url('gear.png');width: 100px;height: 100px;display: block;background-size: contain;margin-left: auto;margin-right: auto;margin-bottom: 20px}
.logo{background-image: url('logo.png');width: 300px;height: 300px;background-size: contain;background-repeat: no-repeat; display: inline-block}
.slogan{color:#fff;margin-top: 114px;display: inline-block; vertical-align: top; font-size: 50px; text-align: center; width:calc(100% - 300px)}
.menu{background: #f8f8f8; border-bottom: 1px solid #d9d9d9;}
.menu ul {width: 60%;display: inline-block;padding: 0px}
.gear{background-image: url('logo2.png');background-repeat: no-repeat;background-position: center right}
.call{font-size: 20px;display: inline-block;width: 40%;text-align: right;}
.navigation{width: 80%; margin-left: auto; margin-right: auto}
.menu ul li{font-size: 22px; list-style:none; display: inline; line-height: 50px; margin-right: 20px}
.title{text-transform: uppercase;font-size: 28px;font-weight: 400;text-align: center;margin-bottom: 20px}
.container{width: 80%;padding-bottom: 50px;padding-top: 30px;margin-left: auto;margin-right: auto}
.screen1{background: #fcfcfc;font-size: 20px;border-top: 1px solid #d9d9d9; border-bottom:1px solid #f0f0f0}
.screen1 ul{margin-top: 5px}
.screen1 strong{font-size: 26px}
.screen2{padding-bottom: 60px;font-size: 24px}
.screen3{background: #fcfcfc;font-size: 20px;border-top: 1px solid #f0f0f0}
.info{font-size: 16px}
h1 {font-size: 24px; margin-top: 30px; font-weight: 400}
h2 {font-size: 22px;font-weight: 400}
h3 {font-size: 20px;font-weight: 400}
form{width: 80%;margin-left: auto;margin-right: auto;font-size: 0px}
.form-side1{width:50%;margin-right:10%; display:inline-block;font-size: 20px}
.form-side2{width:40%;display:inline-block; vertical-align: top;font-size: 20px}
.form-side2 input, .form-side1 input{width: calc(100% - 14px);padding: 5px;font-size: 18px}
button{width: 280px;font-size: 20px;padding: 5px;border-radius: 0px;border: 1px solid #b6b6b6}
button:hover{cursor:pointer; background:#b6b6b6}
.form-side2 input{height: 154px}
.form-side3{font-size:16px;margin-top: 10px; margin-bottom:10px}

@media screen and (max-width: 1500px) {.slogan{font-size: 40px}}
@media screen and (max-width: 1320px) {.gear{background-image: unset}}
@media screen and (max-width: 1277px) {.slogan{margin-top: 92px}}
@media screen and (max-width: 980px) {.head,.navigation,.container{width: 90%}.form-side1,.form-side2{width: 100%; margin-left:0px; margin-right:0px;margin-bottom: 30px}form {width: 90%}}
@media screen and (max-width: 790px) {.logo{width:200px; height:200px}.slogan {font-size: 32px;width: calc(100% - 200px);margin-top: 52px}}
@media screen and (max-width: 600px){.logo{width: 100%;background-position: center;height: 250px;margin-top: 10px}.slogan{width: 100%;font-size: 26px;margin-top: 10px;margin-bottom: 30px}}
@media screen and (max-width: 480px){.menu ul li{font-size: 20px;margin-right: 14px}.call{font-size: 18px}