/* montserrat-regular - latin_cyrillic */
@font-face {
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 400;
    src: url('../fonts/montserrat-v24-latin_cyrillic-regular.eot'); /* IE9 Compat Modes */
    src: local(''),
    url('../fonts/montserrat-v24-latin_cyrillic-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('../fonts/montserrat-v24-latin_cyrillic-regular.woff2') format('woff2'), /* Super Modern Browsers */
    url('../fonts/montserrat-v24-latin_cyrillic-regular.woff') format('woff'), /* Modern Browsers */
    url('../fonts/montserrat-v24-latin_cyrillic-regular.ttf') format('truetype'), /* Safari, Android, iOS */
    url('../fonts/montserrat-v24-latin_cyrillic-regular.svg#Montserrat') format('svg'); /* Legacy iOS */
}
/* montserrat-600 - latin_cyrillic */
@font-face {
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 600;
    src: url('../fonts/montserrat-v24-latin_cyrillic-600.eot'); /* IE9 Compat Modes */
    src: local(''),
    url('../fonts/montserrat-v24-latin_cyrillic-600.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('../fonts/montserrat-v24-latin_cyrillic-600.woff2') format('woff2'), /* Super Modern Browsers */
    url('../fonts/montserrat-v24-latin_cyrillic-600.woff') format('woff'), /* Modern Browsers */
    url('../fonts/montserrat-v24-latin_cyrillic-600.ttf') format('truetype'), /* Safari, Android, iOS */
    url('../fonts/montserrat-v24-latin_cyrillic-600.svg#Montserrat') format('svg'); /* Legacy iOS */
}
/* montserrat-800 - latin_cyrillic */
@font-face {
    font-family: 'Montserrat';
    font-style: bold;
    font-weight: 800;
    src: url('../fonts/montserrat-v24-latin_cyrillic-800.eot'); /* IE9 Compat Modes */
    src: local(''),
    url('../fonts/montserrat-v24-latin_cyrillic-800.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('../fonts/montserrat-v24-latin_cyrillic-800.woff2') format('woff2'), /* Super Modern Browsers */
    url('../fonts/montserrat-v24-latin_cyrillic-800.woff') format('woff'), /* Modern Browsers */
    url('../fonts/montserrat-v24-latin_cyrillic-800.ttf') format('truetype'), /* Safari, Android, iOS */
    url('../fonts/montserrat-v24-latin_cyrillic-800.svg#Montserrat') format('svg'); /* Legacy iOS */
}


body {font-family: "Montserrat";}

.main_container {max-width: 1920px; margin: auto;}
.int_content {width: 1040px; margin: auto; position: relative;}
.clear {clear: both;}
/*
header {background-color: red;}
.top_line {background-color: green;}
nav.top_menu {background-color: yellow;}
*/

header { height: 100px;}
.top_line {width: 1040px; height:100%; margin: auto;}
.top_line .logo {margin-top: 20px; padding-left: 10px; float: left;}
.top_line .phone_desktop {float: right; font-size:20px; font-weight: 600;margin-top:14px;margin-right: 10px;}
.top_line .phone_desktop a {text-decoration: none; color: black;}
nav.top_menu {float: right; margin-top: 16px;}
nav.top_menu ul li {float: left;padding: 10px;text-transform: uppercase; font-size: 16px;}
nav.top_menu ul li a {color: black; text-decoration: none; font-family: "Montserrat"; font-weight: 600;}
nav.top_menu ul li a:hover {text-decoration: underline; color: grey;}
nav input { opacity: 0; position: absolute; z-index: -1;}
nav label { display: none;}
nav .phone {display: none;}


.line20 {height: 1610px; width:100%; background: url("../img/top_back2.jpg") center -474px no-repeat;}
.line22 {height: 560px; width: 100%; position: relative;}
.line20_logo {position: absolute; right:20px;top:6px;}
.line20_car {position: absolute; left:-90px;top:270px;}
.line27 {width: 100%; background-color: #ef7f1a; height: 800px;padding-top: 250px;}
.line27_arrow {display: none;}
.line27_text {width: 60%; padding-top:50px; float: right;}
.line27_button {width:520px; height: 60px; background-color: none; border-radius: 90px;position: relative;}
.line27_button_sign {width:520px; font-size: 30px; line-height: 36px; color: white; text-decoration: none; text-transform: uppercase; font-weight: bold;margin: auto;position: absolute;top: 50%; left: 50%; -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%);text-align: center;}
.line27_text1 {width: 70%; padding-top:40px; font-size: 20px;text-align: left;padding-left:30px;}
.line27_text2 {width: 70%; padding-top:20px; font-size: 20px;text-align: left;padding-left:30px;line-height: 26px;}
.line27_phone {text-align: right;float: left;width: 35%;}
.line27_phone img {width: 300px; height: 602px;}

.line27_links {width:60%; margin-top:160px;height: 200px; float: right; }
.line27_links ul{width: 700px;}
.line27_links ul li {float: left;width: 31%; text-align: center;}
.line27_links ul li#gplay img {width: 200px; height: 59px;}
.line27_links ul li#andr img {width: 200px; height: 58px;}
.line27_links ul li#appgal img {width: 200px; height: 59px;}

.line30 {height: 650px;padding-top:50px;}
.line30 .slider_container {display: none;}
.line30 .noslider_container {width: 1040px; margin: auto;display: block;}
.line30 .noslider_container div {float:left; text-align: center;text-transform: uppercase;font-weight: 600;margin:10px;margin-bottom: 30px;}
.line30 .noslider_container div img {margin-bottom: 10px;}

.line40 {height: 382px; width: 100%;background: black url("../img/driver_back.jpg") left top;position: relative;}
.line40_button {width:420px; height: 80px; background-color: white; border-radius: 90px;position: absolute;right:20%;top:100px;}
.line40_button_sign {width:520px; font-size: 36px; line-height: 36px; color: black; text-decoration: none; text-transform: uppercase; font-weight: bold;margin: auto;position: absolute;top: 50%; left: 50%; -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%);text-align: center;}
.line40_text1 {color: white;position: absolute;right:16%;top:210px; font-size: 20px;}
/*.line40_text1 {width:60%; margin-top:160px;height: 200px; float: right; }*/
.line40_text1 ul{width: 500px;}
.line40_text1 ul li {float: left;width: 50%; text-align: center;padding-top: 8px;}
.line40_text1 ul li#gplay img {width: 200px; height: 59px;}
.line40_text1 ul li#andr img {width: 200px; height: 58px;}
.line40_text1 ul li#appgal img {width: 200px; height: 59px;}
.line40_button2 {position: absolute;right:21%;top:220px;}

.line50 {height: 378px; width: 100%;background: url("../img/castle_back.jpg") right top;position: relative;text-align: center;}
.line50_text1 {color: white;font-size: 26px; font-weight: bold;padding-top:180px;}

.line60 {height: 15px; width: 100%;background-color: #ef7f1a;}
footer {height:180px; width: 100%; background-color: black;}
footer .logo {float:left; margin-left:20%;margin-top: 50px;}
footer .footer_text {color:white;float:right;margin-top: 70px; margin-right: 10%;}
footer .footer_text a {color: #ef7f1a;text-decoration: none;line-height: 20px;}
footer .top_link {display: none;}

.cookie-notification {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    background-color: #333;
    color: #fff;
    padding: 15px;
    z-index: 1000;
    font-size: 11px;
    display: none;
}

.cookie-accept-button {
    background-color: #0c5adb;
    color: white;
    padding: 5px 10px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 14px;
    margin: 4px 2px;
    cursor: pointer;
    border: none;
}

/*
@media screen and (max-width: 1040px) {
    .top_line {width: 767px;}
    .int_content {width: 767px;}
    nav.top_menu {width: 400px; margin-top: 24px;}
    nav.top_menu ul li {padding: 6px; padding-left:8px; padding-right:14px;text-transform: uppercase; font-size: 14px;}
    .line20_logo {right:-50px; top: 70px;}
    .line20_logo img {width: 605px; height: 281px;}
    .line20_car {position: absolute; left:-190px;top:270px;}
    .line20_car img {width: 675px; height: 406px;}

}
*/

@media screen and (max-width: 1040px) {
    .main_container {min-width: 500px;}
    .int_content {width: 900px;}
    header {height: 160px;}
    .top_line {width: 100%; height:100%;}
    .top_line .logo {display: none;}
    .top_line .phone_desktop {display: none;}
    nav.top_menu { background: white; color: #1d1f20; left: 0; position: relative; top: 0; width: 100%; z-index: 9999;margin-top: 24px;}
    nav.top_menu label { cursor: pointer; display: block; font: 2em/1 'Oswald', sans-serif; padding-top: 1em; padding-left: 1em;width:100px;}
    nav.top_menu .phone {display: block; float: right;margin-right:50px;}
    nav.top_menu .phone a {color: black; text-decoration: none;font-size: 40px; font-weight: 600;}

    /* Hamburger Icon */
    #menu-icon, #menu-icon:before, #menu-icon:after { background: #ef7f1a; border-radius: 0.05em; height: 0.35em; transition: all 0.2s ease-in-out; width: 100%;}
    #menu-icon { display: inline-block; margin: 0.5em 0; max-width: 2.5em; position: relative;}
    nav.top_menu label #menu-icon { float: left;}
    #menu-icon:before, #menu-icon:after { content: ''; left: 0; position: absolute;}
    #menu-icon:before { top: -0.6em;}
    #menu-icon:after { bottom: -0.6em;}

    /* Close Icon */
    nav.top_menu input[type=checkbox]:checked + label #menu-icon { background: transparent; }
    nav.top_menu input[type=checkbox]:checked + label #menu-icon:before { top: 0; transform: rotate(-45deg); }
    nav.top_menu input[type=checkbox]:checked + label #menu-icon:after { bottom: 0; transform: rotate(45deg); }

    /* Overlay */
    nav.top_menu input:checked ~ #overlay { bottom: 0; left: 0; height: 200px; position: fixed; right: 0; top: 0; width: 100vw; z-index: -1;}

    /* List */
    nav.top_menu ul { font-size: 4em; list-style: none; margin: 0; max-height: 0; opacity: 0; overflow: hidden; padding: 0; text-align: center;}
    nav.top_menu input:checked ~ ul { margin: 2em; max-height: inherit; opacity: 1;}
    nav.top_menu ul li {font-size: 32px;}
    nav.top_menu ul > li { margin: 1em 0; float: none;}
    nav.top_menu ul a { color: #1d1f20!important; text-decoration: none; }
    nav.top_menu ul a:hover { text-decoration: underline; }

    .line20 {height: 3600px; background: no-repeat top center url("../img/top_back2.jpg"); background-size: auto 1200px;}
    .line22 {height: 1200px;}
    .line20_logo {position: absolute; right:10px;top:6px;}
    .line20_car {position: absolute; left:-100px;top:900px;}
    .line27 {height: 2400px;padding-top: 0px;}
    .line27_arrow {width: 200px; margin: auto;padding-top: 250px; display: block;}
    .line27_text {width: 100%; height: 300px; padding-top:150px;}
    .line27_button {width:90%; height: 180px; background-color: none; margin: auto; border-radius: 90px;position: relative;}
    .line27_button_sign {font-size: 64px; color: white; text-decoration: none; text-transform: uppercase; font-weight: bold;margin: auto;position: absolute;top: 50%; left: 50%; -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%);text-align: center; line-height: 74px;}
    .line27_text1 {width: 100%; font-size: 40px;text-align: center;padding: 0px;  padding-top:40px;}
    .line27_phone {text-align: center;width: 100%; float: none;}
    .line27_phone img {width: 650px; height: 1303px;}
    .line27_links {margin-top: 40px;height: 200px;float: none;width: 100%;}
    .line27_links ul li {float: left;width: 50%; text-align: center;margin-bottom:12px;}
    .line27_links ul {width: 100%;}
    .line27_text2 {display: none;}
    .line27_links ul li#gplay img {width: 350px; height: 104px;}
    .line27_links ul li#appgal img {width: 350px; height: 103px;margin-bottom: 5px;}
    .line27_links ul li#andr img {width: 350px; height: 102px; margin-top:24px;}

    .line30 {padding-top:50px;}
    .line30 .noslider_container {display: none;}
    .line30 .slider_container {margin: auto;width:100%;display: block;}
    .line30 .slider_container div {text-align: center;text-transform: uppercase;font-weight: 600;margin:0px;padding: 0px; margin-bottom: 30px;font-size: 38px;}
/*    .line30 .slider_container div img {margin-bottom: 10px;width: 800px; height: 610px;} */
    .line30 .slider_container div img {margin-bottom: 10px;width: 80%;height: auto;margin: auto;}



    .line40 {height: 1150px; width: 100%;background: black url("../img/driver_back2.jpg") left top;position: relative;}
    .line40_button {width:550px; height: 100px; background-color: white; border-radius: 90px;position: absolute;right:20%;top:650px;}
    .line40_button_sign {width:550px; font-size: 44px; line-height: 36px; color: black; text-decoration: none; text-transform: uppercase; font-weight: bold;margin: auto;position: absolute;top: 50%; left: 50%; -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%);text-align: center;}
    .line40_text1 {color: white;position: absolute;right:5%;top:800px;font-size: 40px;width: 850px;}
    .line40_text1 {margin-top: 40px;height: 200px;float: none;width: 95%;}
    .line40_text1 ul li {float: left;width: 50%; text-align: center;margin-bottom:12px;}
    .line40_text1 ul {width: 100%;}
    .line40_text1 ul li#gplay img {width: 350px; height: 104px;}
    .line40_text1 ul li#appgal img {width: 350px; height: 103px;margin-bottom: 5px;}
    .line40_text1 ul li#andr img {width: 350px; height: 102px; margin-top:24px;}
    .line40_button2 {position: absolute;right:30%;top:830px;}
    .line50 {height: 1500px; width: 100%;background: url("../img/castle_back2.jpg") right top;position: relative;text-align: center;}
    .line50_text1 {color: white;font-size: 56px; font-weight: bold;padding-top:700px;width: 570px;margin: auto;}

    .line60 {height: 40px;}
    footer {height:780px;text-align: center;}
    footer .logo {margin-top: 150px;}
    footer .logo img {width: 600px; height: 136px;}

    footer .footer_text {float:none;margin-top: 70px; font-size: 36px;margin: auto;margin-top: 450px;line-height: 42px;}
    footer .footer_text a {color: #ef7f1a;text-decoration: none;line-height: 20px;}

    footer .top_link {display: block;}

}