body
{
    font-family: dindisplay,sans-serif;
}

#header
{    
    margin: 0px;    
    width: 100%;
    background-color: #f4f7fb;
}

#header .row
{
    max-width: 1024px;
    margin: 0px auto;    
}

#header .row .header_item
{
    height: 46px;
    white-space: nowrap;
}

#header .row .header_phone
{
    color: #779198;    
    font-size: 15px;
    font-weight: 400;
    padding: 12px 15px;
}

#header .row .header_user
{    
    text-align: right;
    color: #779198;    
    font-size: 14px;
    padding: 10px 15px;
}

#header .row .header_user a, #header .row .header_user a:hover
{
    color: #779198;
    margin: 0px 0px 0px 20px;
}    

#header .row .header_user i
{    
    display: inline-block; 
    vertical-align: middle;
    margin-right: 10px;
    width: 25px; 
    height: 25px; 
    border-radius: 50%;     
    background-size: cover; 
    background-image: url('/spec/img.php');
}

#main_menu
{    
    margin: 0px;    
    width: 100%;
    height: 63px;
    box-shadow: 0 15px 40px rgba(19,28,30,.05);
}

#main_menu .nav
{
    display: inline-block;
    padding: 0px;
    margin: 2px 0px;
    background-color: transparent;
    border: 0px;
    float: left; 
    
    margin: 5px 0px;
}

#main_menu .row
{
    max-width: 1024px;
    margin: 0px auto;    
    padding: 0px 15px 0px 10px;
}

#main_menu .row ul li
{
    display: inline-block;
    height: 50px;
    border-left: 2px dotted rgb(0, 0, 0);    
    padding: 0px 3px;
} 

#main_menu .row ul li:first-child
{
    border-left: 0px;
}
    
#main_menu .row ul li a
{
    color: rgb(51, 51, 51);
    font-family: 'PlayBold';
    font-size: 17px;
    padding: 15px 12px;
}

#main_menu .row ul li a:hover
{
    text-decoration: underline;
    color: #337ab7;
} 

#main_menu .row ul li ul
{
    padding: 0px;
}

#main_menu .row ul li ul li
{
    border-left: 0px;    
    display: block;
    padding: 0px;
}

#main_menu .row ul li ul li a
{
    font-size: 12px;
}  

#main_menu .row .main_menu_logo
{
    float: left;    
    padding: 16px 0px;
    height: 67px;        
}

#main_menu .row .main_menu_logo img
{
    height: 35px;
    width: auto;    
}

#main_menu .row .main_menu_paid
{
    float: right;
    height: 67px; 
    padding: 23px 0px;
}

#main_menu .row .main_menu_paid a
{   
    color: #637479;
    font-size: 15px;
    line-height: 21px;
    display: inline-block;
    vertical-align: middle;
    transition: all .2s ease-in-out;
    padding: 0px;
}

#main_menu .row .main_menu_paid a:hover
{
    color: #ff453c;    
    text-decoration: none;
}


#main_menu .row .main_menu_paid a span 
{
    display: inline-block;
    vertical-align: middle;
    margin-right: 8px;
    transition: all .2s ease-in-out;
    width: 23px;
    height: 21px;
    background-repeat: no-repeat;
    background-size: contain;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='26' height='31' viewBox='0 0 26 31'%3E%3Cdefs%3E%3Cpath id='a' d='M719.01 6989.87l1.7-1.87h18.59l1.69 1.87v14.86c0 1.8-1.7 3.26-3.38 4.66-1.7 1.4-7.61 5.6-7.61 5.6s-6.01-4.22-7.6-5.6c-1.7-1.45-3.39-2.97-3.39-4.66v-14.86z'/%3E%3Cpath id='b' d='M724.01 6993l.87-.01h10.24l.87.02v9.67c0 1.14-.87 1.94-1.8 2.82-.93.87-4.19 3.5-4.19 3.5s-3.31-2.64-4.19-3.5c-.93-.91-1.8-1.76-1.8-2.82v-9.67z'/%3E%3C/defs%3E%3Cg transform='translate(-717 -6986)'%3E%3Cuse fill='%23fff' fill-opacity='0' stroke='%2337798b' stroke-linejoin='round' stroke-miterlimit='50' stroke-width='2' xlink:href='%23a'/%3E%3C/g%3E%3Cg transform='translate(-717 -6986)'%3E%3Cuse fill='%23fff' fill-opacity='0' stroke='%23ee2e23' stroke-linejoin='round' stroke-miterlimit='50' stroke-width='2' xlink:href='%23b'/%3E%3C/g%3E%3C/svg%3E");
}

.menu_arrow_down
{
    width: 35px; 
    height: 12px; 
    display: inline-block; 
    background: url(../img/arrow_down.png) center center no-repeat;
}

#footer_red_line
{   
    background: url(../img/line_bg.jpg) left top repeat;
}

#footer_red_line .row
{
    max-width: 1024px;
    margin: 0px auto;    
}

#footer_red_line .row .footer_phone
{
    font-family: "PlayBold";
    color: white;
    font-size: 22px;
    letter-spacing: 1px;
    padding: 15px;
    text-align: right;
    height: 55px;
}

#footer_red_line .row .footer_soc
{
    padding: 15px;
    height: 55px;
}

#footer_red_line .row .footer_soc a
{
    display: inline-block;
    vertical-align: top;
    width: 26px;
    height: 26px;
    border-radius: 50%;
    -o-border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    background-repeat: no-repeat;
    background-image: url('../img/all_sprt3.png');
    margin: 0px 5px;
}

#footer_red_line .row .footer_soc a.footer_soc_vk {background-position: -10px -1735px;}
#footer_red_line .row .footer_soc a.footer_soc_vk:hover {background-position: -10px -1781px;}    
#footer_red_line .row .footer_soc a.footer_soc_fb {background-position: -10px -175px;}
#footer_red_line .row .footer_soc a.footer_soc_fb:hover {background-position: -10px -221px;}    
#footer_red_line .row .footer_soc a.footer_soc_ig {background-position: -10px -413px;}
#footer_red_line .row .footer_soc a.footer_soc_ig:hover {background-position: -10px -505px;}

#bottom_menu
{
    height: 72px;
    background-color: #313448;
}

#bottom_menu .row
{
    max-width: 1024px;
    margin: 0px auto;        
}

#bottom_menu .row div
{
    text-align: center;        
    padding: 21px 0px;
}

#bottom_menu .row div a
{
    font-family: 'PlayBold';
    font-size: 17px;
    color: White;    
    border-left: 2px dotted White;
    display: block;
    vertical-align: top;
    height: 30px;  
}

#bottom_menu .row div:first-child a {border-left: 0px;}

#bottom_menu .row div a span.footer_icon_text
{
    display: inline-block;
    vertical-align: top;
    margin-left: 15px;
    padding: 6px 0px;
}

#bottom_menu .row div a span.footer_icon
{
    display: inline-block;
    background-image: url('../img/all_sprt3.png');    
}

#bottom_menu .row div a span.car_icon
{       
    width: 42px;
    height: 30px;   
    background-position: -10px -85px;
}

#bottom_menu .row div a span.home_icon
{       
    width: 34px;
    height: 30px;   
    background-position: -10px -366px;
}

#bottom_menu .row div a span.bus_icon
{       
    width: 29px;
    height: 30px;   
    background-position: -10px -42px;
}

#bottom_menu .row div a span.city_icon
{       
    width: 29px;
    height: 30px;   
    background-position: -10px -128px;
}

#footer
{    
    background-color: #f5f7fa;    
}

#footer .row
{
    max-width: 1024px;
    margin: 0px auto;        
}

#footer .row.first-line
{
    padding-bottom: 41px;
}

#footer .row.second-line
{
    border-top: 1px solid #dbe1e4;
    padding-top: 25px;
    color: #779198;
    font-size: 15px;
    line-height: 20px;
}

#footer .row.second-line a
{
    color: #4193a9;
}    

#footer .footer_app
{
    display: inline-block;
}

#footer .footer_app .apps .app 
{
    position: relative;
    display: inline-block;
    width: 157px;
    height: 49px;
    box-shadow: 0 5px 20px rgba(0,0,0,.15);
}

#footer .footer_app .apps .app span {

    position: absolute;
    top: 10px;
    right: 15px;
    width: 95px;
    font-size: 11px;
    line-height: 1;
    color: #32494f;
}

#footer .footer_app .apps .app--storage 
{
    background-color: #fff;
    background-image: url(../img/appstore.svg?v=1b431b3391c2fa20742c1db87766da08);
    background-repeat: no-repeat;
    background-position: 22px 10px;
    margin-right: 8px;
}

#footer .footer_app .apps .app--google {

    background-color: #fff;
    background-image: url(../img/googleplay.svg?v=9cc57011808d584cef0aeccbf9411606);
    background-repeat: no-repeat;
    background-position: 21px 12px;
}

#footer .apps-title {

    color: #aabdc2;
    font-size: 13px;
    line-height: 25px;    
}

#footer .footer_cont .list-soc
{
    display: inline-block;
    vertical-align: top;
}

#footer .footer_cont .list-soc .i-soc 
{
    margin-right: 10px;
    display: inline-block;
    vertical-align: middle;
    text-decoration: none;
    width: 49px;
    height: 49px;
    line-height: 49px;
    background: #fb3333;
    position: relative;
    transition: all .2s ease-in-out;
    fill: #fff;
}

.i-soc::after 
{
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    background-repeat: no-repeat;
}

.i-soc--fb::after 
{
    width: 12px;
    height: 22px;
    background-repeat: no-repeat;
    background-size: contain;
    background-image: url("data:image/svg+xml;charset=utf-8,%3C?xml version='1.0' encoding='utf-8'?%3E %3C!DOCTYPE svg PUBLIC '-//W3C//DTD SVG 1.1//EN' 'http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd'%3E %3Csvg version='1.1' id='layer_5' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='13.015px' height='22.023px' viewBox='0 0 13.015 22.023' enable-background='new 0 0 13.015 22.023' xml:space='preserve' fill='%23ffffff'%3E %3Cpath d='M0,7.702h3.721V6.191c0,0-0.325-1.815,1.191-4.105c1.516-2.289,4.601-2.081,4.601-2.081h3.502v4.23h-3.5 c0,0-0.115,0.01-0.29,0.01c-0.174,0-0.482,0.162-0.704,0.562C8.301,5.206,8.321,5.39,8.321,5.494s0.012,0.697,0.012,0.697 L8.321,6.192v1.51h4.693v4.229H8.321v10.092h-4.6V11.931H0V7.702L0,7.702z'/%3E %3C/svg%3E");
}

.i-soc--vk::after 
{
    width: 23px;
    height: 15px;
    background-repeat: no-repeat;
    background-size: contain;
    background-image: url("data:image/svg+xml;charset=utf-8,%3C?xml version='1.0' encoding='utf-8'?%3E %3C!DOCTYPE svg PUBLIC '-//W3C//DTD SVG 1.1//EN' 'http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd'%3E %3Csvg version='1.1' id='layer_7' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='22.996px' height='13.997px' viewBox='0 0 22.996 13.997' enable-background='new 0 0 22.996 13.997' xml:space='preserve' fill='%23ffffff'%3E %3Cpath d='M19.103,6.863c0,0,3.03-4.443,3.331-5.903c0.1-0.522-0.12-0.814-0.642-0.814c0,0-1.745,0-2.628,0 c-0.601,0-0.823,0.271-1.003,0.667c0,0-1.422,3.148-3.15,5.131c-0.555,0.641-0.837,0.835-1.144,0.835 c-0.247,0-0.361-0.214-0.361-0.793V0.918C13.505,0.209,13.424,0,12.862,0H8.647C8.326,0,8.125,0.193,8.125,0.459 c0,0.669,0.983,0.819,0.983,2.628v3.734c0,0.752-0.04,1.044-0.381,1.044c-0.903,0-3.05-3.233-4.255-6.904 C4.233,0.209,3.973,0,3.29,0H0.662C0.28,0,0,0.271,0,0.667c0,0.729,0.823,4.109,4.054,8.636c2.168,3.045,5.017,4.694,7.585,4.694 c1.565,0,1.946-0.271,1.946-0.959v-2.336c0-0.584,0.221-0.835,0.541-0.835c0.361,0,0.999,0.121,2.489,1.649 c1.766,1.752,1.886,2.482,2.85,2.482h2.949c0.301,0,0.582-0.147,0.582-0.667c0-0.688-0.862-1.92-2.187-3.379 c-0.541-0.752-1.424-1.564-1.706-1.941C18.701,7.571,18.821,7.322,19.103,6.863z'/%3E %3C/svg%3E");
}

.i-soc--in::after
{
    width: 24px;
    height: 24px;
    background-repeat: no-repeat;
    background-size: contain;
    background-image: url("data:image/svg+xml;charset=utf-8,%3C?xml version='1.0' encoding='utf-8'?%3E %3C!DOCTYPE svg PUBLIC '-//W3C//DTD SVG 1.1//EN' 'http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd'%3E %3Csvg version='1.1' id='layer_6' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='23.999px' height='24px' viewBox='0 0 23.999 24' enable-background='new 0 0 23.999 24' xml:space='preserve' fill='%23ffffff'%3E %3Cpath d='M16.8,24H7.2C3.229,24,0,20.77,0,16.8V7.2C0,3.229,3.229,0,7.2,0h9.6c3.971,0,7.2,3.229,7.2,7.2v9.6 C23.999,20.77,20.77,24,16.8,24z M21.333,7.52c0-2.68-2.173-4.853-4.853-4.853H7.52c-2.68,0-4.853,2.173-4.853,4.853v8.96 c0,2.68,2.173,4.853,4.853,4.853h8.96c2.68,0,4.853-2.174,4.853-4.853V7.52z M17.837,7.513c-0.735,0-1.329-0.596-1.329-1.329 c0-0.735,0.595-1.33,1.329-1.33s1.329,0.596,1.329,1.33C19.166,6.919,18.57,7.513,17.837,7.513z M12,17.333 c-2.945,0-5.333-2.388-5.333-5.333S9.054,6.666,12,6.666c2.945,0,5.333,2.388,5.333,5.333S14.945,17.333,12,17.333z M12,9.333 c-1.473,0-2.667,1.193-2.667,2.667s1.195,2.667,2.667,2.667s2.667-1.195,2.667-2.667S13.473,9.333,12,9.333z'/%3E %3C/svg%3E");
}

#footer .footer_cont .footer__phone 
{
    display: inline-block;
    text-decoration: none;
    color: #213033;
    font-size: 26px;
    line-height: 49px;
    transition: all .2s ease-in-out;
}

#footer .footer_cont .footer__phone:hover 
{
    color: #213033;
}

#footer .footer_politic
{
    text-align: center;
    padding: 20px 0px;
    font-size: 12px;
    color: White;
    line-height: 20px;
}

#footer .footer_bottom_menu a
{
    display: block;
    font-family: 'OpenSansRegular';
    font-size: 12px;
    color: White;
    margin: 20px 10px 20px 20px;
}

.full_content{
    min-height: calc(100vh - 190px);
}

#content_info
{
    max-width: 600px;
    margin: 0 auto;
}

#content_info h1
{
    color: #213033;
    font-family: dindisplay,sans-serif;
}

#content_info p
{
    color: #637479;
    font-family: dindisplay,sans-serif;
    font-size: 22px;
}

#paid_form
{
    display: block;
    max-width: 500px;
    margin: 0px auto;
    padding: 75px 0px 75px;
}

#paid_form h1
{
    font-size: 50px;
    line-height: 55px;
    margin-bottom: 47px;
    color: #213033;
    font-weight: 400;
}    

#paid_form a
{
    color: #4193a9;
    margin: 30px auto 10px;
    display: inline-block;
}

#paid_form a:hover
{
    text-decoration: none;
    color: #007bff;
}    

#paid_form .link-btn
{
    display: block;
    background-color: #4193a9;
    border-color: #4193a9;
    color: White;
    text-align: center;
    font-size: 18px;
    line-height: 18px;
    margin-top: 10px;
    margin-bottom: 15px;
    padding: 20px 25px;
}

#paid_form .link-btn:hover
{
    background-color: #5bb7d0;
    border-color: #5bb7d0;
    color: White;
}
    
#paid_form input
{
    display: block;
    width: 100%;
    margin: 5px 0px 10px;       
    font-size: 20px;
    line-height: 22px;        
}

#paid_form input[type="text"], #paid_form input[type="email"]
{
    border: 1px solid #b5c0c3;
    padding: 15px 20px 16px;
    margin-bottom: 20px;        
}    

#paid_form input[type="text"].has_error, #paid_form input[type="email"].has_error
{
    border: 1px solid #fb3333;
}
    
#paid_form input[type="submit"]
{
    margin-top: 30px;
    margin-bottom: 0px;
    padding: 15px 20px 16px; 
    text-align: center;
    background-color: #fb3333;
    color: white;
    cursor: pointer;
    border: 0px;
}

#paid_form select {

    -webkit-appearance: none; 
    -moz-appearance: none;
    appearance: none;

    display: block;
    width: 100%;
    margin: 5px 0px 10px;       
    font-size: 20px;
    line-height: 22px;
    border: 1px solid #b5c0c3;
    padding: 15px 16px 16px;
    margin-bottom: 20px;
}

#paid_form select:invalid{
    color: gray;
}

#paid_form select.has_error
{
    border: 1px solid #fb3333;
}

input:-webkit-autofill,
textarea:-webkit-autofill,
select:-webkit-autofill {
    -webkit-box-shadow: 0 0 0 1000px #ffffff inset !important;
}