@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;800;900&display=swap');
@media (min-width: 1200px) {.container {max-width: 1224px !important;}}

body {overflow-x: hidden; font-family: "Inter", sans-serif !important; font-size: 16px !important; font-weight: 500 !important; line-height: 130% !important;}
a:hover:not(.qx-btn) {color: #DD4759 !important; text-decoration: none !important;}
a.text-blue:hover {color: #DD4759 !important;}
a.text-blue:hover > span {color: #DD4759 !important;}

.text-blue {color: #55B8E3 !important;}
.text-dark-blue {color: #447cd0 !important;}

h1, .h1 {font-size: 62px !important; font-weight: 900 !important; line-height: 120% !important;}
h2, .h2 {font-size: 48px !important; font-weight: 800 !important; line-height: 120% !important;}
h3, .h3 {font-size: 24px !important; font-weight: 800 !important; line-height: 120% !important;}
h4, .h4 {font-size: 18px !important; font-weight: 800 !important; line-height: 120% !important;}
h5, .h5 {font-size: 14px !important; font-weight: 400 !important; line-height: 120% !important;}

.btn-blue {background: #55B8E3 !important; color: #fff !important; padding: 14px 26px !important; box-shadow: 0px 11px 22px -6px rgba(74, 163, 202, 0.3); border-radius: 100px !important;}
.btn-blue:hover {background: #E85062 !important; color: #fff !important;}

#qx-section-264326 h2,
#qx-section-264326 .h2 {font-size: 18px !important; font-weight: 800 !important; text-transform: none !important; line-height: 120% !important;}

#logo {top: 15%; left: 0;}

#qx-column-513450 a {text-decoration: none !important; color: #363D44;}
#qx-column-565336 a {text-decoration: none !important; color: #363D44;}

.qx-rows .qx-element-wrap a.photo:hover::before {content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: #78A6DB; box-shadow: 0px 8px 28px rgba(59, 110, 133, 0.15); opacity: 0.5; z-index: 1;}
.qx-rows .qx-element-wrap a.photo.photo-cl:hover::before {border-radius: 30px;}
.qx-rows .qx-element-wrap a.photo:hover::after {content: ''; position: absolute; top:0; left: 0; right: 0; bottom: 0; background: url('/images/icons/lup.png') center no-repeat; z-index: 2;}

header {color: #447CD0; background: #fff; font-family: Inter, sans-serif !important;}
header button {background: #39B4EA !important; color: #fff; box-shadow: 0px 11px 22px -6px rgba(57, 180, 234, 0.3) !important; padding: 14px 26px !important; border-radius: 100px !important; border: 1px solid transparent !important; font-weight: 800 !important; font-size: 18px !important; line-height: 22px !important;}
header button:hover {background: #E85062 !important; color: #fff; box-shadow: 0px 11px 22px -6px rgba(227, 59, 59, 0.3) !important;}
header a {color: #447CD0; transition: .3s; font-weight: 500; font-size: 14px !important; }
header .mod_menu a {font-weight: 700; font-size: 16px !important;}
header #top_menu a {padding: 0.4rem 0; display: flex; position: relative; }
header #header_items {padding-left: 250px;}
header #top_menu .mod_menu li.parent > ul {transition: .3s; list-style: none; opacity: 0; display: block; visibility: hidden; min-width: 300px; position: absolute; z-index: 10; background-color: #fff; padding: 1rem 1.5rem;}
header #top_menu .mod_menu li.parent:hover > ul {visibility: visible; opacity: 1;}
header #header_items select {background: transparent; border: none; color: #447cd0;}

footer {background: #F4F4F4;}
footer .footer_items ul li {margin-bottom: 1.25rem;}
footer .footer_items .mod_contact_footer a {color: #212529 !important;}
footer .footer_items .mod_contact_footer a:hover {color: #DD4759 !important;}
footer #author a:hover > span {color: #DD4759 !important;}

.form {margin-bottom: 0 !important;}
.laguage {border: 0 !important; color: #447cd0 !important; font-weight: 500 !important; }
.laguage:focus {box-shadow: none !important;}

.form-order {font-family: "Inter", sans-serif; font-weight: 500;}
.form-order .btn {background: #39B4EA !important; color: #fff; box-shadow: 0px 11px 22px -6px rgba(57, 180, 234, 0.3) !important; padding: 14px 26px !important; border-radius: 100px !important; border: 1px solid transparent !important; font-weight: 800 !important; font-size: 18px !important; line-height: 22px !important;}
.form-order .btn:hover {background: #E85062 !important; color: #fff; box-shadow: 0px 11px 22px -6px rgba(227, 59, 59, 0.3) !important;}

.bg-gradient {position: relative;}
.bg-gradient::before {content: ''; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: linear-gradient(258.19deg, rgba(230, 119, 119, 0.5) 0%, rgba(205, 92, 160, 0.5) 28.12%, rgba(74, 163, 202, 0.5) 85.94%);}

.news .bg-color::before,
.video .bg-color::before,
.gallery .bg-color::before,
.reviews .bg-color::before,
.news-page .bg-color::before {background: url('/images//main/001.jpg') center no-repeat; background-size: cover;}

.news .spacer {box-shadow: 0px 8px 28px rgba(59, 110, 133, 0.15);}
.news .plate:hover .title {color: #DD4759 !important;}

.news-page img {max-height: 400px;}

.gallery .spacer {height: 255px;}

.pagination .counter {margin-top: .5rem!important;}
.pagination ul {display: flex; flex-wrap: wrap; justify-content: center; list-style: none;}
.pagination ul li {margin-right: .5rem;}
.pagination ul li:not(.hidden-phone) {display: none;}
.pagination ul li > a {width: 37px; height: 37px; display: flex; align-items: center; justify-content: center;}
.pagination ul li > a:hover {color: #212529 !important;}
.pagination ul li > a.pagenav {background: #55B8E3; color: #fff;}
.pagination ul li > a:not(.pagenav) {border: 2px solid #55B8E3;}

.scroll-up {z-index: 10;}
.scroll-up {position: fixed !important; left: 20px !important; bottom: 20px !important; top: auto !important;}
i.fa.fa-angle-up {background: url('/images/icons/angle-up.svg') no-repeat center; width: 100%; height: 100%;}


@media (max-width: 1199px) {

    header a {font-size: 16px !important;}
    header .navbar-brand {width: 58%;}
    header .navbar-toggler {background-color: #28C8C8; padding: .5rem; border-radius: 100px;}
    header .navbar-nav {align-items: center !important;}
    header #top_menu ul {flex-direction: column; width: 100%;}
    header #top_menu ul li {padding: .3rem 0; border-bottom: 1px solid #dee2e6;}
    header #top_menu > ul > li a {padding: 1rem 0.5rem;}
    header #top_menu > ul > li.parent > a {padding-right: 4rem;}
    header #top_menu ul li.active a::before {display: none;}
    header #top_menu ul li.parent ul.nav-child {display: block; top: 0; position: relative; background: transparent; min-width: auto; opacity: 1; visibility: visible; padding: .5rem 0;}
    header #top_menu ul li.parent ul.nav-child::before {content:url('/images/icons/down.svg'); position: absolute; top: auto; bottom: 100%; right: 10px; height: 3rem; width: 3rem; padding: .5rem .5rem; background: #39B4EA; border-radius: 0.3rem; z-index: 100;}
    header #top_menu ul li.parent ul.nav-child li {display: none;}
    header #top_menu ul li.parent.active ul.nav-child li {display: block; border-bottom: none; border-top: 1px solid #dee2e6; margin-top: 0.5rem; margin-bottom: -.5rem;}
    header #top_menu ul li.parent.active ul.nav-child::before {transform: rotate(-180deg);}
    header #header_items {padding-left: 15px;}
    header #header_items .mod_contact .row {flex-direction: column; text-align: center;}
    header #header_items .mod_contact .row > div {margin-bottom: 1rem;}

    #logo {position: relative !important; width: 65%;}

    #qx-heading-83208 {margin-top: 3rem;}
    #qx-button-29646 {margin-bottom: 3rem;}
    .qx-element-button-v2 * {font-size: 19px !important;}

    #qx-row-981566 {margin-bottom: 0 !important;}

    #qx-section-682 {padding-top: 3rem !important; padding-bottom: 1rem !important;}
    #qx-row-684 {margin-top: 1rem;}
    #qx-row-10573 {margin-bottom: 1rem;}

    #qx-heading-48722 {padding-right: 1rem; padding-left: 1rem;}
    #qx-heading-863429 {margin-bottom: 0;}

    h1, .h1 {font-size: 33px !important;}
    h2, .h2 {font-size: 30px !important;}

}