/*
YUI 3.18.1
Copyright 2014 Yahoo! Inc. All rights reserved.
Licensed under the BSD License.
http://yuilibrary.com/license/
*/

html{color:#000;background:#FFF;}
body,
div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
code,
form,
fieldset,
legend,
input,
textarea,
p,
blockquote,
th,
td {margin:0;padding:0;}
table {border-collapse:collapse;border-spacing:0;}
fieldset, img {border:0;}
address, caption, cite, code, dfn, em, strong, th, var {font-style:normal;font-weight:normal;}
ol, ul {list-style:none;}
caption,
th {text-align:left;}
h1, h2, h3, h4, h5, h6 {font-size:100%;font-weight:normal;}
q:before,
q:after {content:'';}
abbr,
acronym {border:0;font-variant:normal;}
/* to preserve line-height and selector appearance */
sup {vertical-align:text-top;}
sub {vertical-align:text-bottom;}
input,
textarea,
select {font-family:inherit;font-size:inherit;font-weight:inherit;*font-size:100%; /*to enable resizing for IE*/}
/*because legend doesn't inherit in IE */
legend {color:#000;}
/* YUI CSS Detection Stamp */
#yui3-css-stamp.cssreset { display: none; }
/* слегка доработанный, универсальный clearfix хак */ .clearfix:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; } .clearfix { display: inline-block; } /* start commented backslash hack \*/ * html.clearfix { height: 1%; } .clearfix { display: block; } /* close commented backslash hack */



html *{outline: none !important;}
html{min-height:100vh;}
.hidden{display:none;}
.text-right{text-align:right;}
.text-center{text-align:center;}
body{position:relative;overflow-x:hidden;}
/**
Grid
 */
.row{display:flex;position:relative;margin:0 -10px;flex-wrap:wrap}
.row-20{display:flex;position:relative;margin:0 -20px;flex-wrap:wrap}

    .flex-wrap{flex-wrap:wrap;}
    .v-center{justify-content:center;}
    .v-right{justify-content:flex-end;}
    .h-center{align-items:center;}
    .h-stretch{align-items:stretch;}
    .h-content-center{align-content:center;}

    .grid{padding:0 10px;box-sizing:border-box;}
    .row-20 .grid{padding:0 20px;box-sizing:border-box;}
    .w1-f{flex-grow:1;}
    .w2-f{flex-grow:2;}
    .w3-f{flex-grow:3;}
    .w4-f{flex-grow:4;}
    .w5-f{flex-grow:5;}
    .w6-f{flex-grow:6;}
    .w7-f{flex-grow:7;}
    .w8-f{flex-grow:8;}
    .w9-f{flex-grow:9;}
    .w10-f{flex-grow:10;}
    .w11-f{flex-grow:11;}
    .w12-f{flex-grow:12;}


    .f1-1{flex:100%;}
    .f1-2{flex:calc(100% / 2);}
    .f1-3{flex:calc(100% / 3);}
        .f2-3{flex:calc((100% / 3) * 2);}
    .f1-4{flex:calc(100% / 4);}
        .w3-4{flex:calc((100% / 4) * 3);}
    .f1-6{flex:calc(100% / 6);}
    .f1-12{flex:calc(100% / 12);}

    .w1-1{width:100%;}
    .w1-2{width:calc(100% / 2);}
    .w1-3{width:calc(100% / 3);}
        .w2-3{width:calc((100% / 3) * 2);}
    .w1-4{width:calc(100% / 4);}
        .w3-4{width:calc((100% / 4) * 3);}
    .w1-5{width:calc(100% / 5);}
    .w1-6{width:calc(100% / 6);}
        .w5-6{width:calc((100% / 6) * 5);}
    .w8-12{width:calc((100% / 12) * 8);}
    .w1-12{width:calc(100% / 12);}
        .w5-12{width:calc((100% / 12) * 5);}
        .w7-12{width:calc((100% / 12) * 7);}


    .responsive{max-width:100%;display:inline-block;}

    .flex{display: flex}
    .relative{
        position:relative;
    }


/*
Margins
 */
.m-10{margin:10px;}
.m-20{margin:20px;}
.m-40{margin:40px;}
.ml-10{margin-left:10px;}
.ml-20{margin-left:20px;}
.ml-40{margin-left:40px;}
.mr-10{margin-right:10px;}
.mr-20{margin-right:20px;}
.mr-40{margin-right:40px;}
.mt-10{margin-top:10px;}
.mt-20{margin-top:20px;}
.mt-40{margin-top:40px;}
.mb-10{margin-bottom:10px;}
.mb-20{margin-bottom:20px;}
.mb-40{margin-bottom:40px;}
/**
Forms
 */
label{display:block}
label.checkbox{
    margin:0;
    display:inline-block
}
label.checkbox input{
    margin-bottom:-5px
}
input[type="text"],
input[type="number"],
input[type="password"],
input[type="email"],
input[type="tel"],
textarea,
select{
    border:1px solid #d3dfea;
    font-size: 14px;
    border-radius: 5px;
    box-sizing: border-box;
    background:#fff;
    background-clip: padding-box;
    outline-color: rgb(38, 56, 113);
    outline-style: none;
    outline-width: 0;
    display: inline-block;
}
input[type="text"].w1-1,
input[type="number"].w1-1,
input[type="password"].w1-1,
input[type="email"].w1-1,
input[type="tel"].w1-1,
textarea.w1-1,
select.w1-1{
    min-width:100%;
}

input[type="text"],
input[type="number"],
input[type="password"],
input[type="email"],
input[type="tel"]{
    height: 32px;
    padding:0 10px;
}

input.check-box[type="checkbox"] {
    width: 40px;
    height: 20px;
    -webkit-appearance: none;
    -moz-appearance: none;
    background: #c6c6c6;
    outline: none;
    border-radius: 20px;
    box-shadow: inset 0 0 5px rgba(0,0,0, .2);
    transition: 0.2s;
    position: relative;
    cursor: pointer;
}
input.check-box:checked[type="checkbox"] {
    background: #bb2116;
}
input.check-box.red:checked[type="checkbox"] {
    background: #dc492e;
}
input.check-box.green:checked[type="checkbox"] {
    background: rgb(119, 192, 38);
}
input.check-box.yellow:checked[type="checkbox"] {
    background: #f1b80e;
}
input.check-box[type="checkbox"]::before {
    content: '';
    position: absolute;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    top: 0;
    left: 0;
    background: #fff;
    transform: scale(1.1);
    box-shadow: 0 2px 5px rgba(0,0,0, .2);
    transition: 0.3s;
}
input.check-box:checked[type="checkbox"]::before {
    left:20px;
}
label.for-checkbox{
    display: flex;
    align-items: center;
}
/**
Альтернативный чекбокс
 */
.check {
    cursor: pointer;
    position: relative;
    margin: auto;
    width: 18px;
    height: 18px;
    -webkit-tap-highlight-color: transparent;
    transform: translate3d(0, 0, 0);
}
.check:before {
    content: "";
    position: absolute;
    top: -15px;
    left: -15px;
    width: 48px;
    height: 48px;
    border-radius: 50%;
    background: rgba(34,50,84,0.03);
    opacity: 0;
    transition: opacity 0.2s ease;
}
.check svg {
    position: relative;
    z-index: 1;
    fill: none;
    stroke-linecap: round;
    stroke-linejoin: round;
    stroke: #c8ccd4;
    stroke-width: 1.5;
    transform: translate3d(0, 0, 0);
    transition: all 0.2s ease;
}
.check svg path {
    stroke-dasharray: 60;
    stroke-dashoffset: 0;
}
.check svg polyline {
    stroke-dasharray: 22;
    stroke-dashoffset: 66;
}
.check:hover:before {
    opacity: 1;
}
.check:hover svg {
    stroke: #bb2116;
}
.cbx:checked + .check svg {
    stroke: #bb2116;
}
.cbx:checked + .check svg path {
    stroke-dashoffset: 60;
    transition: all 0.3s linear;
}
.cbx:checked + .check svg polyline {
    stroke-dashoffset: 42;
    transition: all 0.2s linear;
    transition-delay: 0.15s;
}
/**
Конец
 */

textarea{
    min-height: 96px;
    overflow: hidden;
    padding:8px 10px;
}
input[type="text"]:hover,
input[type="number"]:hover,
input[type="password"]:hover,
input[type="email"]:hover,
input[type="tel"]:hover,
select:hover,
textarea:hover{
    box-shadow:inset 0 1px 3px rgba(0,0,0,0.05);
}
input[type="text"]:focus,
input[type="number"]:focus,
input[type="password"]:focus,
input[type="email"]:focus,
input[type="tel"]:focus,
select:focus,
textarea:focus,
input[type="text"]:active,
input[type="number"]:active,
input[type="password"]:active,
input[type="email"]:active,
input[type="tel"]:active,
select:active,
textarea:active{
    /*box-shadow:inset 0 1px 5px rgba(0,0,0,0.1); */
    outline: 0;
    border:1px solid #255bfb;
}
input:disabled{
    background:#f9f9f9;
}
input[type="submit"],
button:disabled,
button:disabled:hover,
button:disabled:focus,
button:disabled:active{
    background:#aaa;
    cursor: no-drop;
}
@media (max-width:960px) {
    label{width:100%}
    input[type="text"].w1-1, input[type="password"].w1-1, input[type="email"].w1-1, input[type="tel"].w1-1, textarea.w1-1, select.w1-1 {
        min-width: auto;
        /* max-width: 280px; */
    }

    .visible-mobile{
        display:block;
    }
}
@media (max-width:470px){
    .container{
        max-width:100%;
        margin:0;
        padding:10px;
        display:block;
    }
    .row{
        margin:0 -10px;
    }
    .grid{
        padding: 0 10px;
        width:100%;
    }
}

/**
 * Mobile styling of modal
 */
@media only screen and (max-width: 39.9375em) {

    .modal {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        -webkit-overflow-scrolling: touch;
        border-radius: 0;
        -webkit-transform: scale(1.1);
        transform: scale(1.1);
        padding: 10px 20px !important;
        z-index: 1000;
        box-sizing: border-box;
    }

    .close-modal {
        right: 20px !important;
    }
}

/**
Site
 */
html{outline: none;}
body{font-size:14px;font-family:'Roboto', arial, sans-serif;letter-spacing:0.02em;}
div{box-sizing: border-box;}
.container{max-width:1240px;margin:0 auto;padding:0 20px;}
h1{font-size:30px;padding:.5em 0 .7em 0;font-weight:700;}
h2{font-size:24px;padding:.4em 0 .6em 0;font-weight:700;}
h3{font-size:20px;padding:.3em 0 .5em 0;font-weight:700;}
h4{font-size:18px;padding:.2em 0 .4em 0;font-weight:700;}
h5{font-size:16px;padding:.1em 0 .3em 0;font-weight:700;}
strong, b{font-weight:700;}
em, i{font-style: italic}
a{color: #0047ff;transition:all ease .2s;text-decoration:none;}
a:hover{color: #083ad0;}
p{line-height:26px;}
section.content{min-height:50vh;}

a.mute{color:rgba(0,0,0,0.3);}
a.mute:hover{color:rgba(0,0,0,0.5);}

a.button:hover{
    box-shadow:0 2px 5px rgba(0,0,0,0.1);
    opacity: .8;
    transition:all ease .2s;
    color:#fff;
}
a.button:focus, a.button:active{
    box-shadow:inset 0 1px 1px rgba(0,0,0,0.2);
    opacity: .95;
    transition:all ease .2s;
    color:#fff;
}
a.button.gray:hover,
a.button.gray:active,
a.button.gray:focus{
    color:#333;
    outline: none;
 }


.card{
    background:#fff;
    border-radius:25px;
    box-shadow:0 10px 100px rgba(0,0,0,.2);
    padding:20px;
    min-height: 92%;
}
.card__header span{
    font-size:36px;
    padding:20px 0;
}
.card__body{
    margin-top:10px;
}
.checked{
    display:flex;
    align-items:center;
    justify-content:space-between;
    padding: 20px 0;
    box-sizing: border-box;
    font-size:16px;
    overflow:hidden;
}
.link-us{
    min-height:59px;
}
.border-bottom{
    border-bottom:1px solid #e5e5e5;
}
.address__block{
    background:#fbf2c4;
    border-radius:9px;
    padding:10px;
    font-size:12px;
    margin:10px 0 10px 0;
}
.address__block a{
    color:#263871;
}
.reference{
    max-width:65%;
}
.form__block{
    margin:20px 0 0 0;
}
.form__block label{
    font-size:16px;
    margin-bottom:10px;
}
.field{
    width:100%;
    height:40px !important;
}
.card button{
    display:block;
    width:100%;
    background:#263871;
    text-align:center;
    text-transform: uppercase;
    font-size:14px;
    padding:10px;
    color:#fff;
    border:none;
    border-radius:9px;
    transition: all ease .3s;
    cursor:pointer;
}
.card button:hover,
.card button:focus{
    opacity:.7;
}
.card button:disabled{
    opacity:.3
}
.card__footer.text-center .disclaimer{
    display:inline-block;
    padding:45px 0 0 0;
}
.logo{
    margin:40px auto 60px auto;
}


@keyframes showFromTop {
    from {
        transform:translateY(-70%) rotate(270deg);
        opacity:0;
        top:-100%;
    }
    to {
        transform:translateY(-70%) rotate(0deg);
        opacity:1;
        top:0;
    }
}