@import url('https://fonts.googleapis.com/css2?family=Bebas+Neue&family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap');

:root{
    --Bebas: "Bebas Neue", serif;
    --Roboto: "Roboto", serif;
}

html, body{
    font-family: var(--Roboto);
    color: #0D2E40;
    font-size: 18px;
}
header{
    background: url(../img/header.jpg) no-repeat center center;
    background-size: cover;
    padding: 20px;
    margin-bottom: 5rem;
    position: relative;
    text-align: center;
    color: #fff;
}
header:before{
    content: "";
    background: #0000008f;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
}
header:after{
    content: "";
    background: url(../img/roof.png) repeat-x;
    background-size: contain;
    width: 100%;
    height: 10px;
    position: absolute;
    bottom: -5px;
    left: 0;
}
header > *{
    position: relative;
    z-index: 10;
}
a{
    text-decoration: none;
    color: #00AFFC;
}
.cont{
    max-width: 1920px;
    padding: 0 20px;
    margin: 0 auto;
}
.content{
    max-width: 1300px;
}
#logo{
    background: url(../img/logo_lon.svg) no-repeat center center;
    background-size: cover;
    width: 183px;
    height: 43px;
    margin: 20px;
}
#menu{
    background: #021f32f2;
    display: grid;
    grid-template-columns: auto 1fr auto;
    grid-gap: 15px;
    align-items: center;
    font-weight: 300;
    transition: .2s;
}
.menu_fixed{
    padding-top: 112px;
}
.menu_fixed #menu{
    width: 100%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 100;
}
#menu > ul{
    display: flex;
    grid-gap: 20px;
    list-style: none;
}
#menu li{
    position: relative;
}
#menu a{
    color: #fff;
}
#menu > ul > li > a{
    padding: 33px 10px;
    text-transform: uppercase;
}
.tel_main{
    padding: 4px 20px 4px 30px;
}
.l_i{
    display: flex;
    grid-gap: 10px;
    align-items: center;
}
#title_home{
    font-family: var(--Bebas);
    font-size: 4rem;
    font-weight: 500;
    text-transform: uppercase;
    margin: 5rem 0 20px;
}
.site_description{
    font-size: 31px;
    font-weight: 300;
}
.feedback_buttons{
    display: flex;
    justify-content: center;
    grid-gap: 20px;
    margin: 4rem auto 20px;
}
.call_button_header{
    background: #021f32f2;
    color: #fff;
    display: block;
    padding: 20px 30px;
    border: 1px #00affc solid;
}
.call_button_header:hover{
    background: #00AFFC;
}
.instant_button{
    background: #00AFFC;
    color: #fff;
    display: inline-grid;
    padding: 20px 30px;
}
.instant_button:hover{
    background: #021f32f2;
}
.service_min .instant_button{
    padding: 10px 20px;
    margin-top: 2rem;
}
.description_hb{
    margin: 50px auto;
    max-width: 80%;
    font-size: 21px;
    font-weight: 300;
    line-height: 30px
}
.open_submenu{
    background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZlcnNpb249IjEuMSIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHdpZHRoPSI1MTIiIGhlaWdodD0iNTEyIiB4PSIwIiB5PSIwIiB2aWV3Qm94PSIwIDAgMjQgMjQiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDUxMiA1MTIiIHhtbDpzcGFjZT0icHJlc2VydmUiIGNsYXNzPSIiPjxnPjxwYXRoIGZpbGw9IiNmZmZmZmYiIGZpbGwtcnVsZT0iZXZlbm9kZCIgZD0iTTUuMjkzIDguMjkzYTEgMSAwIDAgMCAwIDEuNDE0bDYgNmExIDEgMCAwIDAgMS40MTQgMGw2LTZhMSAxIDAgMCAwLTEuNDE0LTEuNDE0TDEyIDEzLjU4NiA2LjcwNyA4LjI5M2ExIDEgMCAwIDAtMS40MTQgMHoiIGNsaXAtcnVsZT0iZXZlbm9kZCIgb3BhY2l0eT0iMSIgZGF0YS1vcmlnaW5hbD0iIzAwMDAwMCI+PC9wYXRoPjwvZz48L3N2Zz4=) no-repeat right center;
    background-size: 20px;
    padding-right: 25px !important;
}
.submenu{
    background: #021f32f2;
    margin-top: -1px;
    position: absolute;
    top: 0;
    left: -20px;
    text-align: left;
    display: none;
    opacity: 0;
    animation: fadeMenu .3s forwards ease-in-out;
}
@keyframes fadeMenu{
    0%{
        transform: scale(0.9);
        opacity: 0;
        top: 10px;
    }
    100%{
        transform: scale(1);
        opacity: 1;
        top: 51px;
    }
}
#menu > ul > li:hover ul{
    display: block;
}
.submenu li{
    list-style: none;
}
.submenu a{
    white-space: nowrap;
    padding: 15px 20px;
    display: block;
}
#menu a:hover{
    color: #00affc;
}
.service_min{
    display: grid;
    grid-template-columns: 500px 1fr;
    grid-gap: 20px;
    margin-bottom: 3rem;
}
.service_poster{
    width: 100%;
    max-height: 300px;
    object-fit: cover;
}
.service_min h2{
    font-size: 2rem;
    margin-bottom: 20px;
}
.service_min h2 a{
    color: #0D2E40;
}
.service_min h2 a:hover{
    color: #00AFFC;
}
.service_description{
    line-height: 30px;
}
.read_more{
    color: #00AFFC;
    display: inline-block;
    margin-top: 20px;
    text-decoration: underline;
}
.read_more:hover{
    color: #0D2E40;
}
#our_locations{
    background: url(../img/location_bg.jpg) no-repeat center center;
    background-size: 100%;
    text-align: center;
    padding: 2rem 20px;
}
#our_locations h3{
    font-size: 2.1rem;
    margin-top: 2rem
}
.location_list{
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-column-gap: 4rem;
    grid-row-gap: 2rem;
    list-style: none;
    max-width: 700px;
    margin: 2rem auto;
}
.location_list li{
    background: #021f32f2;
    color: #fff;
    padding: 15px 20px;
}
#our_work h3{
    font-size: 2rem;
    font-weight: 300;
    margin: 2rem 0;
}
#our_work_slider [data-fancybox]:before{
    content: "";
    background: #021f3282;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    transition: .2s;
}
#our_work_slider [data-fancybox]:after{
    content: "";
    background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZlcnNpb249IjEuMSIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHdpZHRoPSI1MTIiIGhlaWdodD0iNTEyIiB4PSIwIiB5PSIwIiB2aWV3Qm94PSIwIDAgNDcyLjYxMyA0NzIuNjEzIiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCA1MTIgNTEyIiB4bWw6c3BhY2U9InByZXNlcnZlIiBjbGFzcz0iIj48Zz48cGF0aCBkPSJNNDIwLjY4OSAxNTkuMzYxYy05LjA3OSAwLTE3LjUwMSAyLjg4MS0yNC40MzkgNy43NzUtNC42MzYtMTguODkyLTIxLjUyNC0zMi45MzctNDEuNTk4LTMyLjkzNy0xMC4wNzcgMC0xOS4zNDcgMy41NDgtMjYuNjc0IDkuNDYzLTYuNTgzLTE1LjQxOC0yMS43NDctMjYuMjM3LTM5LjM2NS0yNi4yMzctOC41MzQgMC0xNi40ODYgMi41NDgtMjMuMTczIDYuOTE3VjQzLjM5NkMyNjUuNDQgMTkuNDY3IDI0Ni4yMTEgMCAyMjIuNTc2IDBjLTIzLjYzNyAwLTQyLjg2NSAxOS40NjctNDIuODY1IDQzLjM5NnYyMjAuNDUzbC0yNC43MzYtMjMuMjcxYy0xMS4xOTctMTEuMjUyLTI2LjAyOS0xNy40NDEtNDEuNzk5LTE3LjQ0MWgtLjE1Yy0xNS44OS4wMzktMzAuODA2IDYuMzU2LTQxLjk5OSAxNy43ODctMTAuMTYgMTAuMzc0LTEwLjExNyAyNy4yMTIuMDk0IDM3LjUzN0wyMTcuMjI1IDQyNi4xM2MyNi44MTQgMjkuNTQzIDY0Ljg0MyA0Ni40ODIgMTA0LjQwOCA0Ni40ODIgNzguMjU2IDAgMTQxLjkyMi02NC42MTggMTQxLjkyMi0xNDQuMDQ1VjIwMi43NTVjLS4wMDEtMjMuOTI3LTE5LjIzLTQzLjM5NC00Mi44NjYtNDMuMzk0em0yMy4xNzMgODUuMzMydjgzLjg3NWMwIDY4LjU2OC01NC44MzIgMTI0LjM1My0xMjIuMjMgMTI0LjM1My0zNC4xMzUgMC02Ni45NjItMTQuNjgyLTkwLjA2My00MC4yODEtLjA2Ny0uMDc0LS4xNDEtLjEzOC0uMjEtLjIxLS4wMzctLjAzOC0uMDY3LS4wNzktLjEwNC0uMTE2TDg1LjEyIDI2NC42MTFjLTIuNjk1LTIuNzI1LTIuNzA2LTcuMTcxLS4wMjQtOS45MSA3LjQ3MS03LjYzIDE3LjQwOC0xMS44NDUgMjcuOTc5LTExLjg3MmguMDk5YzEwLjUzMiAwIDIwLjQ0OCA0LjE2MyAyNy45MzIgMTEuNzI5LjA4My4wODQuMTY3LjE2Ni4yNTMuMjQ3bDQxLjQ1MSAzOC45OTdhOS44NDcgOS44NDcgMCAwIDAgMTYuNTkzLTcuMTcyVjQzLjM5NmMwLTEzLjA3IDEwLjM5NS0yMy43MDQgMjMuMTczLTIzLjcwNCAxMi43NzcgMCAyMy4xNzIgMTAuNjM0IDIzLjE3MiAyMy43MDR2MTQyLjU4NmwuMDAxLjAxNHY4LjM3M2MwIDUuNDM4IDQuNDA5IDkuODQ2IDkuODQ2IDkuODQ2IDUuNDM4IDAgOS44NDYtNC40MDkgOS44NDYtOS44NDZsLS4wMDEtMzMuNTVjMC0xMy4wNyAxMC4zOTUtMjMuNzAzIDIzLjE3My0yMy43MDNzMjMuMTczIDEwLjYzMyAyMy4xNzMgMjMuNzAzVjIxMS4xNDRjMCA1LjQzOCA0LjQwOSA5Ljg0NiA5Ljg0NiA5Ljg0NnM5Ljg0Ni00LjQwOSA5Ljg0Ni05Ljg0NnYtMzMuNTVjMC0xMy4wNyAxMC4zOTUtMjMuNzA0IDIzLjE3My0yMy43MDQgMTIuNzc3IDAgMjMuMTcyIDEwLjYzNCAyMy4xNzIgMjMuNzA0djUwLjMyNGMwIDUuNDM4IDQuNDA5IDkuODQ2IDkuODQ2IDkuODQ2czkuODQ2LTQuNDA5IDkuODQ2LTkuODQ2di0yNS4xNjJjMC0xMy4wNyAxMC4zOTUtMjMuNzA0IDIzLjE3My0yMy43MDQgMTIuNzc4IDAgMjMuMTczIDEwLjYzNCAyMy4xNzMgMjMuNzA0djQxLjkzN3oiIGZpbGw9IiNmZmZmZmYiIG9wYWNpdHk9IjEiIGRhdGEtb3JpZ2luYWw9IiMwMDAwMDAiPjwvcGF0aD48cGF0aCBkPSJNOTIuMTYgMjAwLjA3MmMwLTUuNDM4LTQuNDA5LTkuODQ2LTkuODQ2LTkuODQ2SDQyLjY3NUwxNDQuOTM0IDg3Ljk2OHYzOS42MzhjMCA1LjQzOCA0LjQwOSA5Ljg0NiA5Ljg0NiA5Ljg0NnM5Ljg0Ni00LjQwOSA5Ljg0Ni05Ljg0NnYtNjMuNDFjMC01LjQzOC00LjQwOS05Ljg0Ni05Ljg0Ni05Ljg0Nkg5MS4zNzJjLTUuNDM4IDAtOS44NDYgNC40MDktOS44NDYgOS44NDZzNC40MDkgOS44NDYgOS44NDYgOS44NDZoMzkuNjM4TDI4Ljc1IDE3Ni4zMDF2LTM5LjYzOGMwLTUuNDM4LTQuNDA5LTkuODQ2LTkuODQ2LTkuODQ2cy05Ljg0NiA0LjQwOS05Ljg0NiA5Ljg0NnY2My40MDRjMCAuMzI3LjAxNy42NTQuMDQ5Ljk3OS4wMTMuMTM1LjAzOS4yNjUuMDU4LjM5OC4wMjYuMTg1LjA0OC4zNzEuMDg1LjU1NS4wMzEuMTU2LjA3NC4zMDcuMTEyLjQ2LjAzOS4xNTguMDc1LjMxOC4xMjIuNDc0LjA0Ni4xNTEuMTAyLjI5Ni4xNTUuNDQzLjA1NS4xNTYuMTA3LjMxMy4xNzEuNDY3LjA1Ni4xMzUuMTIyLjI2NS4xODQuMzk3LjA3NS4xNi4xNDYuMzIxLjIzLjQ3Ny4wNjYuMTIzLjE0MS4yMzkuMjExLjM1OS4wOTMuMTU3LjE4Mi4zMTUuMjg0LjQ2Ny4wODYuMTI4LjE4Mi4yNDguMjczLjM3Mi4wOTkuMTM0LjE5My4yNzEuMy40MDEuMTY2LjIwMy4zNDUuMzk0LjUyNy41ODMuMDQyLjA0NC4wNzkuMDkyLjEyMi4xMzUuMDQxLjA0MS4wODYuMDc1LjEyOC4xMTUuMTkxLjE4NS4zODYuMzY2LjU5MS41MzUuMTIzLjEwMS4yNTEuMTg4LjM3Ny4yODIuMTMyLjA5OC4yNi4yLjM5Ny4yOTIuMTQ0LjA5Ny4yOTQuMTguNDQyLjI2OS4xMjguMDc2LjI1My4xNTcuMzg1LjIyNy4xNDkuMDguMzAyLjE0Ny40NTQuMjE5LjEzOS4wNjYuMjc3LjEzNi40Mi4xOTUuMTQ2LjA2MS4yOTYuMTA5LjQ0NC4xNjMuMTU1LjA1Ni4zMDguMTE1LjQ2Ni4xNjMuMTQ4LjA0NS4yOTguMDc4LjQ0OC4xMTUuMTYyLjA0MS4zMjIuMDg2LjQ4Ny4xMTkuMTczLjAzNC4zNDcuMDU0LjUyLjA3OS4xNDQuMDIxLjI4Ni4wNDguNDMyLjA2My4zMjMuMDMyLjY0Ny4wNDkuOTcyLjA0OWg2My40MWM1LjQzNy0uMDAxIDkuODQ2LTQuNDA5IDkuODQ2LTkuODQ3eiIgZmlsbD0iI2ZmZmZmZiIgb3BhY2l0eT0iMSIgZGF0YS1vcmlnaW5hbD0iIzAwMDAwMCI+PC9wYXRoPjwvZz48L3N2Zz4=) no-repeat center center;
    background-size: 30px;
    width: 30px;
    height: 30px;
    position: absolute;
    top: 10px;
    right: 10px;
    z-index: 1;
    transition: .7s;
}
#our_work_slider [data-fancybox]:hover:before{
    opacity: 0;
}
#our_work_slider [data-fancybox]:hover:after{
    opacity: 0;
}
#our_work_slider .owl-dots{
    display: none;
}
#our_work_slider .owl-nav{
    text-align: center;
    display: block;
    margin: 20px 0;
}
#our_work_slider .owl-prev{
    background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZlcnNpb249IjEuMSIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHdpZHRoPSI1MTIiIGhlaWdodD0iNTEyIiB4PSIwIiB5PSIwIiB2aWV3Qm94PSIwIDAgNTEyIDUxMiIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgNTEyIDUxMiIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSIgY2xhc3M9IiI+PGcgdHJhbnNmb3JtPSJtYXRyaXgoLTEsMCwwLDEsNTEyLDApIj48cGF0aCBkPSJNMjU2IDBDMTE0LjYxOCAwIDAgMTE0LjYxOCAwIDI1NnMxMTQuNjE4IDI1NiAyNTYgMjU2IDI1Ni0xMTQuNjE4IDI1Ni0yNTZTMzk3LjM4MiAwIDI1NiAwem0wIDQ2OS4zMzNjLTExNy44MTggMC0yMTMuMzMzLTk1LjUxNS0yMTMuMzMzLTIxMy4zMzNTMTM4LjE4MiA0Mi42NjcgMjU2IDQyLjY2NyA0NjkuMzMzIDEzOC4xODIgNDY5LjMzMyAyNTYgMzczLjgxOCA0NjkuMzMzIDI1NiA0NjkuMzMzeiIgZmlsbD0iIzZlOTJhNCIgb3BhY2l0eT0iMSIgZGF0YS1vcmlnaW5hbD0iIzAwMDAwMCI+PC9wYXRoPjxwYXRoIGQ9Ik0yMjguNDE4IDEzNC4yNDhjLTguMzMxLTguMzMxLTIxLjgzOS04LjMzMS0zMC4xNyAwLTguMzMxIDguMzMxLTguMzMxIDIxLjgzOSAwIDMwLjE3TDI4OS44MyAyNTZsLTkxLjU4MiA5MS41ODJjLTguMzMxIDguMzMxLTguMzMxIDIxLjgzOSAwIDMwLjE3IDguMzMxIDguMzMxIDIxLjgzOSA4LjMzMSAzMC4xNyAwbDEwNi42NjctMTA2LjY2N2M4LjMzMS04LjMzMSA4LjMzMS0yMS44MzkgMC0zMC4xN0wyMjguNDE4IDEzNC4yNDh6IiBmaWxsPSIjNmU5MmE0IiBvcGFjaXR5PSIxIiBkYXRhLW9yaWdpbmFsPSIjMDAwMDAwIj48L3BhdGg+PC9nPjwvc3ZnPg==) no-repeat center center;
    background-size: 30px;
    width: 30px;
    height: 30px;
    margin-right: 10px;
    opacity: .5;
}
#our_work_slider .owl-next{
    background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZlcnNpb249IjEuMSIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHdpZHRoPSI1MTIiIGhlaWdodD0iNTEyIiB4PSIwIiB5PSIwIiB2aWV3Qm94PSIwIDAgNTEyIDUxMiIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgNTEyIDUxMiIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSIgY2xhc3M9IiI+PGc+PHBhdGggZD0iTTI1NiAwQzExNC42MTggMCAwIDExNC42MTggMCAyNTZzMTE0LjYxOCAyNTYgMjU2IDI1NiAyNTYtMTE0LjYxOCAyNTYtMjU2UzM5Ny4zODIgMCAyNTYgMHptMCA0NjkuMzMzYy0xMTcuODE4IDAtMjEzLjMzMy05NS41MTUtMjEzLjMzMy0yMTMuMzMzUzEzOC4xODIgNDIuNjY3IDI1NiA0Mi42NjcgNDY5LjMzMyAxMzguMTgyIDQ2OS4zMzMgMjU2IDM3My44MTggNDY5LjMzMyAyNTYgNDY5LjMzM3oiIGZpbGw9IiM2ZTkyYTQiIG9wYWNpdHk9IjEiIGRhdGEtb3JpZ2luYWw9IiMwMDAwMDAiPjwvcGF0aD48cGF0aCBkPSJNMjI4LjQxOCAxMzQuMjQ4Yy04LjMzMS04LjMzMS0yMS44MzktOC4zMzEtMzAuMTcgMC04LjMzMSA4LjMzMS04LjMzMSAyMS44MzkgMCAzMC4xN0wyODkuODMgMjU2bC05MS41ODIgOTEuNTgyYy04LjMzMSA4LjMzMS04LjMzMSAyMS44MzkgMCAzMC4xNyA4LjMzMSA4LjMzMSAyMS44MzkgOC4zMzEgMzAuMTcgMGwxMDYuNjY3LTEwNi42NjdjOC4zMzEtOC4zMzEgOC4zMzEtMjEuODM5IDAtMzAuMTdMMjI4LjQxOCAxMzQuMjQ4eiIgZmlsbD0iIzZlOTJhNCIgb3BhY2l0eT0iMSIgZGF0YS1vcmlnaW5hbD0iIzAwMDAwMCI+PC9wYXRoPjwvZz48L3N2Zz4=) no-repeat center center;
    background-size: 30px;
    width: 30px;
    height: 30px;
    opacity: .5;
}
#our_work_slider .owl-prev:hover, #our_work_slider .owl-next:hover{
    opacity: 1;
}
.ow_lt{
    background: #B8C9D1;
    width: 30%;
    height: 1px;
    margin-bottom: 2rem;
    position: relative;
    left: 0%;
    animation: sliceLine 5s infinite ease-in-out;
}
.ow_lt:after{
    content: "";
    background: #B8C9D1;
    width: 100%;
    height: 1px;
    margin-bottom: 2rem;
    position: absolute;
    top: 20px;
    left: 30%;
    animation: sliceLine 5s infinite ease-in-out;
    animation-delay: 1s;
}
@keyframes sliceLine{
    0%{
        left: 0%;
    }
    50%{
        left: 50%;
    }
    100%{
        left: 0%;
    }
}
.ow_lb{
    background: #B8C9D1;
    width: 30%;
    height: 1px;
    position: absolute;
    right: 13%;
    animation: sliceLineRight 5s infinite ease-in-out;
}
.ow_lb:after{
    content: "";
    background: #B8C9D1;
    width: 100%;
    height: 1px;
    margin-bottom: 2rem;
    position: absolute;
    top: 20px;
    right: -30%;
    animation: sliceLineRight 5s infinite ease-in-out;
    animation-delay: 1s;
}
@keyframes sliceLineRight{
    0%{
        right: 13%;
    }
    50%{
        right: 50%;
    }
    100%{
        right: 13%;
    }
}
#about_company{
    text-align: center;
}
#about_company h3{
    font-size: 2.3rem;
    margin: 5rem auto 2rem;
}
.about_text{
    max-width: 1000px;
    margin: 0 auto;
    line-height: 30px;
}
.gic{
    margin: 2rem auto 5rem;
}
footer{
    background: #001E2E;
    padding: 4rem 0;
}
.footer_columns{
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-gap: 2em;
}
.footer_columns ul{
    list-style: none;
}
.footer_columns li{
    display: block;
    margin-bottom: 20px;
    color: #8095A0;
}
.footer_columns a{
    color: #fff;
    font-weight: 300;
}
.footer_columns a:hover{
    color: #00AFFC;
}
#logo_footer{
    width: 190px;
    display: block;
    margin-bottom: 25px;
}
.foo_first_col{
    max-width: 230px;
    color: #8095A0;
    font-weight: 300;
}
.full{
    text-align: center;
}
.full h1{
    font-size: 2rem;
}
.full img{
    margin: 2rem auto;
    max-height: 500px;
}
.full_text{
    text-align: justify;
}
.full_text p{
    margin-bottom: 20px;
    line-height: 25px;
}
.menu_mobile{
    width: 48px;
    height: 40px;
    margin-right: 20px;
    position: relative;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: .5s ease-in-out;
    -moz-transition: .5s ease-in-out;
    -o-transition: .5s ease-in-out;
    transition: .5s ease-in-out;
    cursor: pointer;
    position: relative;
    z-index: 9999;
    display: none;
}
.menu_mobile span{
    display: block;
    position: absolute;
    height: 2px;
    width: 100%;
    background: #fff;
    border-radius: 4px;
    opacity: 1;
    left: 0;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: .25s ease-in-out;
    -moz-transition: .25s ease-in-out;
    -o-transition: .25s ease-in-out;
    transition: .25s ease-in-out;
}
.menu_mobile span:nth-child(1){
    top: 0px;
}
.menu_mobile span:nth-child(2), .menu_mobile span:nth-child(3){
    top: 15px;
}
.menu_mobile span:nth-child(4){
    top: 31px;
}
.menu_mobile.open span:nth-child(1){
    top: 15px;
    width: 0%;
    left: 50%;
}
.menu_mobile.open span:nth-child(2){
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
}
.menu_mobile.open span:nth-child(3){
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
}
.menu_mobile.open span:nth-child(4){
    top: 15px;
    width: 0%;
    left: 50%;
}
.box_form{
    background: #f2f5f7;
    max-width: 500px;
    margin: 2rem auto;
    padding: 20px;
    border-radius: 4px;
}
.box_form .cf_field{
    display: grid;
    grid-column-gap: 10px;
}
.cf_field input[type="text"], .cf_field input[type="tel"], .cf_field input[type="email"], .cf_field textarea, .cf_field select{
    display: block;
    padding: 15px;
    margin-top: 5px;
}
.cf_field label{
    margin-top: 20px;
}
input[type="checkbox"]{
    position: absolute;
    width: 0;
    left: 0;
    z-index: -1;
    opacity: 0;
}
input[type="checkbox"] + label{
    position: relative;
    padding: 0 0 0 35px;
    cursor: pointer;
}
input[type="checkbox"] + label:before{
    content: '';
    position: absolute;
    top: -1px;
    left: 0;
    width: 22px;
    height: 22px;
    border-radius: 2px;
    box-shadow: none;
    background: #ffffff;
    border: 2px #D0D0E1 solid;
}
input[type="checkbox"] + label:after{
    content: "";
    background: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZlcnNpb249IjEuMSIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHdpZHRoPSI1MTIiIGhlaWdodD0iNTEyIiB4PSIwIiB5PSIwIiB2aWV3Qm94PSIwIDAgNDE3LjgxMyA0MTciIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDUxMiA1MTIiIHhtbDpzcGFjZT0icHJlc2VydmUiIGNsYXNzPSIiPjxnPjxwYXRoIGQ9Ik0xNTkuOTg4IDMxOC41ODJjLTMuOTg4IDQuMDEyLTkuNDMgNi4yNS0xNS4wODIgNi4yNXMtMTEuMDk0LTIuMjM4LTE1LjA4Mi02LjI1TDkuMzc1IDE5OC4xMTNjLTEyLjUtMTIuNS0xMi41LTMyLjc3IDAtNDUuMjQ2bDE1LjA4Mi0xNS4wODZjMTIuNTA0LTEyLjUgMzIuNzUtMTIuNSA0NS4yNSAwbDc1LjIgNzUuMjAzTDM0OC4xMDQgOS43ODFjMTIuNTA0LTEyLjUgMzIuNzctMTIuNSA0NS4yNSAwbDE1LjA4MiAxNS4wODZjMTIuNSAxMi41IDEyLjUgMzIuNzY2IDAgNDUuMjQ2em0wIDAiIGZpbGw9IiNmZmZmZmYiIG9wYWNpdHk9IjEiIGRhdGEtb3JpZ2luYWw9IiMwMDAwMDAiPjwvcGF0aD48L2c+PC9zdmc+") no-repeat center center;
    background-size: 16px;
    width: 16px;
    height: 16px;
    position: absolute;
    top: -5px;
    left: 4px !important;
    box-shadow: none;
    opacity: 0;
    transition: .3s;
}
input[type="checkbox"]:checked + label:before{
    background: #00ACFF;
    border: 2px #00ACFF solid;
}
input[type="checkbox"]:checked + label:after{
    opacity: 1;
    top: 4px;
}
#started input[type="submit"]{
    background: #00b0fc;
    color: #fff;
    display: inline-grid;
    padding: 15px 20px;
    margin-top: 10px;
}
.site_info{
    background: #000;
    width: 100%;
    padding: 10px 20px;
    color: #6b808c;
    font-size: 13px;
}
.site_info .cont{
    display: flex;
    justify-content: space-between;
}
.site_info strong{
    background: url(https://celena.io/templates/Celena/img/logo.svg) no-repeat 0 center;
    background-size: 10px;
    padding: 2px 0 2px 15px;
    color: #6b808c;
}


@media screen and (max-width: 1440px){
    #menu{
        font-size: 15px;
    }
}
@media screen and (max-width: 1295px){
    #menu > ul{
        grid-gap: 5px;
    }
}
@media screen and (max-width: 1220px){
    #menu{
        grid-template-columns: 1fr auto auto;
        grid-gap: 20px;
    }
    .tel_main{
        padding: 0;
    }
    #menu > ul{
        background: #011124ed;
        width: 100%;
        height: 100vh;
        position: fixed;
        top: 0;
        left: 0;
        z-index: 100;
        display: none;
        overflow-y: auto;
    }
    #menu > ul > li > a{
        display: inline-grid;
        align-items: center;
    }
    .menu_mobile{
        display: block;
    }
    .submenu{
        position: static;
        text-align: center;
    }
    .submenu a{
        padding: 25px 20px;
    }
}
@media screen and (max-width: 1080px){
    .service_min{
        grid-template-columns: 400px 1fr;
    }
}
@media screen and (max-width: 1024px){
    .footer_columns {
        grid-template-columns: repeat(1, 1fr);
    }
}
@media screen and (max-width: 950px){
    .service_min h2 {
        font-size: 1.7rem;
    }
}
@media screen and (max-width: 870px){
    .service_min{
        display: block;
    }
    .service_poster {
        max-height: 500px;
        margin-bottom: 2rem;
    }
}
@media screen and (max-width: 768px){
    header{
        padding: 0 0 20px;
    }
    header .cont{
        padding: 0;
    }
    #title_home, .site_description{
        padding: 0 20px;
    }
    .site_description{
        font-size: 25px;
    }
}
@media screen and (max-width: 630px){
    .location_list {
        grid-template-columns: repeat(2, 1fr);
        grid-column-gap: 1rem;
    }
    #our_locations h3{
        font-size: 1.7rem;
    }
}
@media screen and (max-width: 530px){
    #logo {
        background: url(../img/logo.svg) no-repeat center center;
        background-size: cover;
        width: 88px;
        height: 65px;
        margin: 12px;
    }
    .tel_main{
        white-space: nowrap;
    }
}
@media screen and (max-width: 475px){
    .call_button_header, .instant_button{
        width: auto;
        white-space: nowrap;
    }
    #title_home{
        font-size: 3rem;
    }
    .full img{
        width: 100%;
    }
    footer{
        padding: 2rem 0;
    }
}