BODY{
    font-family: 'Jost', sans-serif;
    color:#343A40;
}
A:focus,
button:focus,
input:focus,
textarea:focus {
    outline: none;
}
H2{
    font-size: 54px;
    font-style: normal;
    font-weight: 600;
    line-height: 60px; /* 111.111% */
    letter-spacing: 1.08px;
    margin-bottom:60px;
}

/* HEADER */
header{
    border-bottom:1px solid #E9ECEF;
}
header .logo-box{
    padding:30px 0 30px 30px;
    border-right:1px solid #E9ECEF;
    height:100%;
}
header .logo{
    display:block;
    height:80px;
    width:180px;
    background-size:cover;
    background-image:url('../images/logo.png');
    background-position:left top;
    background-repeat:no-repeat;
    transition: all ease-out 0.2s;
}
header .logo:HOVER{
    opacity:0.8;
}
header .contact-box{
    padding:36px 30px 36px 0;
    border-left:1px solid #E9ECEF;
    text-align: right;
    height:100%;
}
header .phone{
    font-size: 20px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    letter-spacing: 1px;
    text-transform: uppercase;
    margin-bottom:4px;
}
header .address{
    color: #6C757D;
    text-align: right;
    font-family: Jost;
    font-size: 13px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: 0.24px;
}
header .menu-box{
    padding:20px 25px;
}
header .menu-box A{
    color:#343A40;    
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    letter-spacing: 0.7px;
    text-transform: uppercase;
    display:inline-block;
    text-decoration:none;
    transition:all ease-in-out 0.2s;
    padding:10px 15px;
    border-radius:4px;
    margin-right:10px;
}
header .menu-box A:HOVER{
    background:#F6F6F6;
}
header .menu-box .active A{
    color:#009ADC;
}
header .submenu-box{
    padding:20px 40px;
    border-bottom:1px solid #E9ECEF;    
}
header .submenu-box A{
    color: #6C757D;
    font-size: 13px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: 0.24px;
    display:inline-block;
    text-decoration:none;
    margin-right:40px;
    transition:all ease-in-out 0.2s;    
}
header .submenu-box A:HOVER,
header .submenu-box .active A {
    color:#009ADC;    
}

/* SLIDER */
.slide-box{
    width:100%;
    height:540px;
    background-size:cover;
    background-position:center;
}
.slide-box .title{
    background-color:rgba(0,0,0,0.4);
    width:100%;
    height:100%;
    color: #FFF;
    font-size: 54px;
    font-style: normal;
    font-weight: 600;
    line-height: 60px;
    letter-spacing: 1.08px;
    padding-top:120px;
}
.slide-box .button{
    background-color:#009ADC;
    color:#fff;
    padding:14px 30px;
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: 24px; /* 171.429% */
    letter-spacing: 0.7px;
    text-transform: uppercase;
    text-decoration:none;
    border-radius:6px;
    transition: all ease-in-out 0.2s;
    margin-top:40px;    
    display:inline-block;
}
.slide-box .button:HOVER{
    background:#027EB2;
}
.slide-box .button IMG{
    margin-left:12px;
}
#slider .splide__pagination{
    bottom:30px;
}
#slider .splide__pagination__page.is-active{
    background:#009ADC;
}
#slider .splide__pagination__page{
    background:#fff;
    opacity:1;
}
#slider .splide__pagination__page:HOVER{
    background:#ccc;
}


/* BENEFITS */
#benefits {
    padding:120px 0;
    border-top: 1px solid #E9ECEF;
}
#benefits IMG{
    width:80px;
    height:80px;
    margin-bottom:12px;
}
#benefits .title{
    font-size: 20px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    margin-bottom: 6px;
}
#benefits .description{
    color:#6C757D;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}
/* SERVICES */
#services{
    padding:120px 0;
    border-bottom: 1px solid #E9ECEF;
}
#services .col-12{
    margin-bottom:24px;
}
.service-box-main{
    display:block;
    background-size:cover;
    border-radius:12px;
    opacity:1;
    text-decoration:none;
    height:320px;
}
.service-box-main .title{
    color: #FFF;
    font-size: 28px;
    font-style: normal;
    font-weight: 600;
    line-height: 36px;
    padding:30px;
    height:100%;
    background-color:rgba(0,0,0,0.3);
    border-radius:12px;    
    transition: all ease-in-out 0.2s;    
}
.service-box-main:HOVER .title{
    background-color:rgba(0,0,0,0.5);    
}
.service-box-second{
    border:1px solid #E9ECEF;
    border-radius:12px;
    margin-bottom:20px;
    display:inline-block;
    text-decoration:none;
    color: #343A40;
    transition:all ease-in-out 0.2s;
    width:100%;
    height:100%;
}
.service-box-second:HOVER{
    color:#009ADC;
}
.service-box-second .image{
    height:240px;
    background-size:cover;
    border-radius:12px 12px 0 0;
    transition:all ease-in-out 0.2s;
}
.service-box-second:HOVER .image{
    opacity:0.8;
}
.service-box-second .title{
    padding:24px;
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: 24px; /* 133.333% */
}

/* CALCULATE */
#calculate{
    background:#F6F7F9;
    padding:120px 0;
}
#calculate .text{
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 36px; /* 180% */
    margin-bottom:36px;
}
#calculate .text P{
    margin-bottom:0;
}
#calculate .text A{
    text-decoration:none;
    color: #009ADC;
    font-weight: 500;
}
#calculate .calculator{
    background:#fff;
    border-radius:12px;
    height:350px;
    margin-bottom:20px;
    text-decoration:none;
    color:#343A40;
    padding:24px;
    display:block;
    transition:all ease-in-out 0.2s;
}
#calculate .calculator:HOVER{
    box-shadow: 0px 4px 12px 0px rgba(0, 0, 0, 0.1);
    color: #009ADC;
}
#calculate .title{
    font-size: 20px;
    height:48px;
    font-style: normal;
    font-weight: 500;
    line-height: 24px; /* 120% */
    letter-spacing: -0.2px;
    padding-right:60px;
    background:url('../images/arrowcircleright2.svg') right center no-repeat;
}

#calculate .calculator .image{
    display:block;
    margin: 0 auto 30px;
    width:200px;
    height:200px;
    border-radius:200px;
    background-size:cover;
    border:10px solid #EDEFF3;
    transition:all ease-in-out 0.2s;    
}
#calculate .calculator:HOVER .image{
    border:10px solid #AFDCEF;    
}

/* FEEDBACK */
.f_Reserve{
    padding:120px 0;
    background:#009ADC;
    color:#fff;
}
.f_Reserve H2{
    text-align:center;
}
.f_Reserve .text{
    text-align:center;
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    padding-bottom:30px;
    border-bottom:1px solid #80CDEE;
    margin-bottom:30px;
}
.f_Reserve LABEL{
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

/* PARTNERS */
#partners{
    padding:120px 0;
}
#partners .image{
    padding:18px;
    border:1px solid #E9ECEF;
    border-radius:12px;
    margin-bottom:12px;
}
#partners IMG{
    max-width:100%;
}
#partners .title{
    color: #343A40;
    font-size: 18px;
    font-style: normal;
    line-height: 24px; /* 120% */
}
#partners .col-12{
    margin-bottom:30px;
}

/* TEASER */
#teaser{
padding:120px 0;
}
#teaser .content{
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 30px; /* 150% */
}
#teaser .content A{
    text-decoration:none;
    color:#009ADC;
}
#teaser .button{
    background-color:#009ADC;
    color:#fff;
    padding:14px 30px;
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: 24px; /* 171.429% */
    letter-spacing: 0.7px;
    text-transform: uppercase;
    text-decoration:none;
    border-radius:6px;
    transition: all ease-in-out 0.2s;
    margin-top:12px;    
    display:inline-block;
}
#teaser .button:HOVER{
    background:#027EB2;
}
#teaser .button IMG{
    margin-left:12px;
}

/* FOOTER */
footer{
    background:#20252A;
    padding:72px 0;
}
#copy{
    background:#20252A;
    padding:30px 0;
    color:#999;
    border-top:1px solid #444;
    font-size:12px;
}
#copy A{
    color:#009ADC;
}
#copy SPAN{
    display:inline-block;
    margin-left:18px;
    float:right;
}
footer .logo-box{
    margin-bottom:24px;
}
footer .logo{
    display:block;
    height:79px;
    width:180px;
    background-size:cover;
    background-image:url('../images/logo_footer.png');
    background-position:left top;
    background-repeat:no-repeat;
    transition: all ease-out 0.2s;
}
footer .phone A{
    color: #FFF;
    font-size: 20px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    letter-spacing: 1px;
    text-transform: uppercase;
    text-decoration:none;
    margin-bottom:6px;
    transition:all ease-in-out 0.2s
}
footer .phone A:HOVER{
    color:#009ADC;
}
footer .address{
    color: #999;
    font-size: 13px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: 0.24px;
}
footer .nav UL{
    display:block;
}
footer .nav LI{
    display:block;    
    width:100%;
    margin-bottom:12px;
}
footer .nav A{
    display:block;    
    color: #999;
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    line-height: 18px; /* 128.571% */
    transition:all ease-in-out 0.2s;
    width:100%;
    text-decoration:none;
}
footer .nav A:HOVER{
    color:#009ADC;    
}
.page_cover{
  background-size:cover;
  background-position:center center;
  background-repeat:no-repeat;
  color: #FFF;
  font-size: 54px;
  font-style: normal;
  font-weight: 600;
  line-height: 60px; /* 111.111% */
  letter-spacing: 1.08px;
}
.page_cover .overlay{
  background:rgba(0,0,0,0.5);
  padding:160px 0;
}
.page_content{
  padding:60px 0;
  color: #343A40;
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: 32px; /* 180% */
}
.page_content IMG{
    border:1px solid #E9ECEF;
    border-radius:6px;
    margin-bottom:12px;
}
.page_content H3,
.page_content H2{
    margin-bottom:18px;
}
.page_content .col-12{
    margin-bottom:12px;
}
.page_content UL,
.page_content OL{
    margin:12px 24px 24px 12px;
}
.page_content A{
    color: #009ADC;
    font-size: 20px;
    font-style: normal;
    line-height: 36px;
    text-decoration:none;
}
.page_content H3{
    font-size: 24px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    letter-spacing: 0.48px;
    margin-top:30px;
}
.page_content .address,
.page_content .support,
.page_content .phones,
.page_content .email{
    padding-left:56px;
    background-position:left top;
    background-repeat:no-repeat;
}
.page_content .address{
   background-image:url('../images/address.svg');
}
.page_content .support{
   background-image:url('../images/support.svg');
}
.page_content .phones{
   background-image:url('../images/phones.svg');
}
.page_content .email{
   background-image:url('../images/email.svg');
}

/* PRICES */
 #prices .total_numbers{
        position:relative;
    }
    #prices .loader IMG{
        width:100px;
        height:100px;
    }
    #prices .loader{
        display:none;
        position:absolute;
        background:#fff;
        top:0;
        left:0;
        width:100%;
        height:100%;
        text-align:center;

    }
    #prices .fields{
        border-bottom:1px solid #DEE2E6;
        padding-bottom:30px;
        margin-bottom:30px;
    }
    #prices{
        padding:30px 0 120px;
    }
    #prices .button{
        display:inline-block;
        text-align:center;
        padding: 14px 30px;
        border-radius: 6px;
        background: #009ADC;
        color: #FFF;
        font-size: 14px;
        font-style: normal;
        font-weight: 600;
        line-height: 24px;
        letter-spacing: 0.7px;
        text-transform: uppercase;  
        text-decoration:none;
        cursor:pointer;
    }
    #prices .res_pre, #prices .num_pre{
        text-align: right;
        font-size: 20px;
        font-style: normal;
        font-weight: 400;
        line-height: 36px; /* 150% */
        
    }
    #prices .res_total, #prices .num_total{
        text-align: right;
        font-size: 20px;
        font-style: normal;
        font-weight: 600;
        line-height: 36px; /* 150% */
    }
    .price{
        display:block;
    }
    .price .title{
        display:inline-block;
        color: #343A40;
        font-size: 14px;
        font-style: normal;
        font-weight: 400;
        line-height: 20px; /* 114.286% */
        padding:0;
        margin-bottom:12px;
        height:36px;
        text-align:left;
    }
    .price .field{
        position:relative;
        float:right;
        width:100%;
        display:inline-block;
    }
    .price .quantity{
        display:inline-block;
        width:100%;
        background:#fff;
        border:1px solid #E9ECEF; 
        margin-right:-1px;
        text-align: right;
        font-size: 14px;
        font-style: normal;
        font-weight: 400;
        line-height: 20px;     
        padding:8px 54px 8px 8px;
        height:36px;
    }
    .price .unit{
        position:absolute;
        top:0;
        right:0;
        display:inline-block;
        width:40px;
        background:#F6F7F9;
        border:1px solid #E9ECEF;
        color: #6C757D;
        text-align: center;
        font-size: 14px;
        font-style: normal;
        font-weight: 400;
        line-height: 20px;
        padding:8px;
        height:36px;
    }    
    
/* MENU */
UL.toggle{
    padding:30px 0;
    margin:0;
    border-bottom: 1px solid #E9ECEF;
}
UL.toggle LI{
    display:inline-block;
    margin:0 18px 18px 0;
}
UL.toggle A{
    color: #343A40;
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: 24px; /* 133.333% */
    letter-spacing: -0.18px;
    text-decoration:none;
    display:inline-block;
    padding:12px 24px;
    background:#F6F7F9;
    border-radius:24px;
    transition:all ease-in-out 0.2s;
}
UL.toggle A:HOVER{
    color:#009ADC;
}
UL.toggle .current A{
    background:#009ADC;
    color:#fff;
}
#JLSitemap UL{
    margin:0;
    padding:0;
}
#JLSitemap LI{
    padding:12px 0;
    display:block;
    list-style:none;
    border-bottom: 1px solid #E9ECEF;
}