@font-face {
    font-family: "Optima";
    src: url(../fonts/Optima/OptimaLTPro-Bold.ttf) format("ttf"),
         url(../fonts/Optima/OptimaLTW01-Bold.woff) format("woff"),
         url(../fonts/Optima/OptimaLTW01-Bold.ttf) format("woff2"),
         url(../fonts/Optima/OptimaLTW02-Bold.woff) format("woff"),
         url(../fonts/Optima/OptimaLTW02-Bold.woff2) format("woff2");
}
@font-face {
    font-family: "Avenir Black";
    src: url(../fonts/Avenir/AvenirLTPro-Black.ttf) format("ttf"),
         url(../fonts/Avenir/AvenirLTW01-95Black.woff) format("woff"),
         url(../fonts/Avenir/AvenirLTW02-95Black.woff2) format("woff2"),
         url(../fonts/Avenir/AvenirLTW02-95Black.woff) format("woff"),
         url(../fonts/Avenir/AvenirLTW02-95Black.woff2) format("woff2");
}
@font-face {
    font-family: "Avenir Book";
    src: url(../fonts/Avenir/AvenirLTPro-Book.ttf) format("ttf"),
         url(../fonts/Avenir/AvenirLTW01-45Book.woff) format("woff"),
         url(../fonts/Avenir/AvenirLTW01-45Book.woff2) format("woff2"),
         url(../fonts/Avenir/AvenirLTW02-45Book.woff) format("woff"),
         url(../fonts/Avenir/AvenirLTW02-45Book.woff2) format("woff2");
}
@font-face {
    font-family: "Avenir Heavy";
    src: url(../fonts/Avenir/AvenirLTPro-Heavy.ttf) format("ttf"),
         url(../fonts/Avenir/AvenirLTW01-85Heavy.woff) format("woff"),
         url(../fonts/Avenir/AvenirLTW01-85Heavy.woff2) format("woff2"),
         url(../fonts/Avenir/AvenirLTW02-85Heavy.woff) format("woff"),
         url(../fonts/Avenir/AvenirLTW02-85Heavy.woff2) format("woff2");
}
@font-face {
    font-family: "Avenir";
    src: url(../fonts/Avenir/AvenirLTPro-Medium.ttf) format("ttf"),
         url(../fonts/Avenir/AvenirLTW01-65Medium.woff) format("woff"),
         url(../fonts/Avenir/AvenirLTW01-65Medium.woff2) format("woff2"),
         url(../fonts/Avenir/AvenirLTW02-65Medium.woff) format("woff"),
         url(../fonts/Avenir/AvenirLTW02-65Medium.woff2) format("woff2");
}

/*
 color platte
*/
/*color*/
.strong,.orange,.bright-blue,.dark-blue,.deep-blue,.regular {
    color: #ffffff;
}
.light,.light-blue,.light-blue.regular{
    color: #0C1C52;
}
/*background color*/

.orange ,.orange.regular { 
    background-color: rgba(246,143,116,1);
}
.orange.strong{
    background-color: rgba(240,129,100,1);
}
.orange.light{
    background-color: rgba(246,143,116,0.3);
}
.bright-blue ,.bright-blue.regular  { 
    background-color: rgba(81,98,255,1);
}
.bright-blue.light{
    background-color: rgba(81,98,255,0.2);
}
.light-blue,.light-blue.regular{
    background-color: rgba(135,190,255,1); 
}
.light-blue.strong{
    background-color: rgba(102,166,242,1);
}
.light-blue.light{
    background-color: rgba(135,190,255,0.45);
}
.dark-blue ,.dark-blue.regular {
    background-color: #112A80;
}
.dark-blue.light{
    background-color: rgba(17,42,128,0.2);
}
.deep-blue, .deep-blue.regular{
    background-color: rgba(12,28,82,1);
}
.deep-blue.light{
    background-color: rgba(12,28,82,0.1);
}
.strong .he,.regular .he{
    color: rgba(255,255,255,1);
}
.light .he{
    color: rgba(12,28,82,1);
}
.strong .me,.regular .me{
    color: rgba(255,255,255,0.7);
}
.light .me{
    color: rgba(12,28,82,0.6);
}
.strong .disabled,.regular .disabled{
   color: rgba(255,255,255,0.5);
}
.light .disabled{
    color:rgba( 12,28,82,0.4);
}
.deep-blue.regular .disabled{
    color: rgba(255,255,255,0.4);
}


/*Typographic*/

h1, h2, h3, h4,.h3a {
    font-family: 'Optima',serif;
    font-weight: bold;
}

h5,h6,.h7,.ac1,.btn1,.btn2,.overline{
    font-family: 'Avenir', sans-serif;
}
caption{
    font-family: 'Avenir', sans-serif;
}
.b1,.b2,.footer-menu{
    font-family: 'Avenir Book', sans-serif;
}
.ac2big,.ac2small{
    font-family: 'Avenir Heavy', sans-serif;
}
h5,h6,.h7,.ac2small,.btn1,.btn2{
    font-weight: 500;
}
.ac1,.ac2big,.overline{
    font-weight: 800;
}
h1{
    font-size: 80px;
    line-height: 90px;
}
h2{
    font-size: 60px;
    line-height: 72px;
}
h3{
    font-size: 46px;
    line-height: 52px;
}
.h3a{
    font-size: 40px;
    line-height: 48px;
}
h4{
    font-size: 36px;
    line-height: 46px;
}
h5{
    font-size: 38px;
    line-height: 48px;
}
h6{
    font-size: 30px;
    line-height: 40px;
}
.h7{
    font-size: 22px;
    line-height: 26px;
}
.b1{
    font-size: 20px;
    line-height: 32px;
    letter-spacing: .25px;
}
.b2{
    font-size: 16px;
    line-height: 24px;
    letter-spacing: .25px;
}
.footer-menu{
    font-size: 15px;
    line-height: 23px;
}
.ac1{
    font-size: 24px;
    line-height: 36px;
    letter-spacing: .5px;
}
.ac2big{
    font-size: 20px;
    line-height: 32px;
    letter-spacing: .1px;
}
.ac2small{
    font-size: 16px;
    line-height: 24px;
    letter-spacing: .1px;
}
.btn1{
    line-height: 24px;
}
.btn2{
    line-height: 21px;
}
caption{
    font-size: 13px;
    line-height: 16px;
}
.overline{
    font-size: 12px;
    line-height: 18px;
    letter-spacing: 2px;
    text-transform: uppercase;
}
/*buttons regular*/
.btn-blue{
    background: #5162FF !important;
    border-radius: 5px;
    height: 50px;
    color: #FFFFFF !important;
    text-align: center;
    padding: 15px 50px 17px 50px !important;
    border-color: transparent !important;
    display: inline-block;
    font-family: 'Avenir', sans-serif;
    font-style: normal;
    font-weight: 500;
    line-height: 18px;
}
.btn-blue-sm{
    background: #5162FF !important;
    border-radius: 5px;
    height: 52px;
    color: #ffffff;
    font-family: 'Avenir', serif;
    font-style: normal;
    font-weight: 500;
    line-height: 20px;
    letter-spacing: 0.0125em;
    display: inline-block;
    padding: 15px 50px 15px 50px;
}
.btn-transparent{
    height: 52px;
    border: 1px solid #5162FF !important;
    border-radius: 5px;
    color: #5162FF !important;
    display: inline-block;
    font-family: 'Avenir',sans-serif;
    font-style: normal;
    font-weight: 500;
    line-height: 20px;
    padding: 14px 45px 15px 45px !important;
}
.btn-orange{
    border-radius: 5px;
    height: 64px;
    color: #FFFFFF;
    background: linear-gradient(180deg, #FD825B 0%, #F9754A 34.09%, #C14712 96.32%);
    display: inline-block;
    padding: 20px 50px;
    font-family: 'Avenir',sans-serif;
    font-style: normal;
    font-weight: 500;
    line-height: 24px;
    letter-spacing: 0.0125em;
}
.btn-top{
    display: block;
    background-image: url(/wp-content/uploads/2020/11/Vector-14.svg);
    background-color: #5162FF;
    width: 55px;
    height: 55px;
    background-repeat: no-repeat;
    background-position: center;
    border-radius: 5px;
}
[class*=btn-]:visited,[class*=btn-]:focus{
    color: #FFFFFF;
}

/*buttons hover*/
.btn-blue:hover,.btn-blue-sm:hover{
    color: #ffffff;
    background-color: #0C1C52 !important;
}

.btn-transparent:hover{
    background: #5162FF;
    color: #ffffff !important;
}
.btn-orange:hover{
    color: #FFFFFF !important;
    background: linear-gradient(180deg, #FE876B 0%, #E15330 100%) !important;
}
.btn-top:hover{
    background-color:#3545CC !important;
}
/*buttons activated*/
.btn-blue:active,.btn-blue-sm:active{
    background-color: #122E8A !important;
    color: #FFFFFF;
}

.btn-transparent:active{
    color: #ffffff !important;
    background: #122E8A;
}
.btn-orange:active{
    background: linear-gradient(180deg, #FB6738 0%, #C92D08 100%);
    color: #ffffff;
}
.btn-top:active{
    background-color: #3545CC !important;
}
.btn-transparent:focus{
    color: #5162FF !important;
}

/*links*/
.link{
    font-family: 'Avenir',sans-serif;
    font-style: normal;
    font-weight: normal;
    line-height: 32px;
    color: #FFFFFF;
}
.link:hover{
    color: rgb(81,98,255);
}

/*form item*/

.form-item{
    display: flex;
}

.form-item-input{
    text-align: left;
    background: #FFFFFF;
    border-radius: 5px;
    padding: 16px 125px 16px 16px;
    border-color: transparent;
    max-width: 356px;
    height: 50px;
    color:#0C1C52;
    box-shadow: none !important;
}

.form-item-input::placeholder{
    color: #709ACE;
}
.form-item .message{
    display: none;
    font-family: 'Avenir',sans-serif;
    font-size: 14px;
    line-height: 32px;
}
.form-item.danger .message,.form-item.success{
    display: block;
}
.form-item.danger .message ,.form-item.danger .form-item-input{
    color: #EA5946;   
}
.form-item.success .message{
    color: #87D861;
}
/*css not for design*/
.color{
    display: flex;
    width: 80%;
    margin-left: 5px;
    border: 1px solid black;
}
.color .regular,.color .strong,.color .light{
    padding: 10px;
}
.color h5{
    margin: auto;
    margin-left: 10px;
    margin-top: 5px;
}
.color div {
    width: 25%;
}

.links{
    background-color: rgb(12,28,82);
    display: grid;
    margin-bottom: 10px;
    padding-left: 40px;
    width: 10%;
}

/*media for global buttons font-size*/
@media screen and (min-width: 1440px) {
    a[class*=btn],input[class*=btn],a[class*=cta]{
        font-size: 18px !important;
    }
}
@media screen and (max-width: 1439px) {
    a[class*=btn],input[class*=btn],a[class*=cta]{
        font-size: 16px !important;
    }
}