/* Announcement */
section#index_content div#index_announcement p {color:var(--red); text-align:center; font-weight: 600;
	width:90%; margin-left:5%; padding-top:50px; padding-bottom:5px; font-size: 32px;}
@media (min-width: 260px) and (max-width: 439px) {
	section#index_content div#index_announcement p {font-size: 18px;}
}

/* Rating */
div#form-wrapper div.rate-photo {position: absolute; z-index: 6; top:30px; right:50px; width:80px; height: 80px; border-radius: 25%;}
div#form-wrapper p.rate {margin-top: 10px; font-size: 16px; width:100%;}
div#form-wrapper p.rate span {font-weight: 600;}
div#form-wrapper textarea#rate-comment { width: calc(100% - 15px); margin-top: 15px; resize: vertical;
    min-height: 22px; max-height: calc(100vh - 550px); border: 1px solid var(--dark-blue3); border-radius: 6px;
    padding: 10px; padding-left: 15px; font-size: 15px;}
div#form-wrapper input#rate-order::-webkit-outer-spin-button, div#form-wrapper input#rate-order::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0;}
div#form-wrapper input#rate-order[type=number] {-moz-appearance: textfield;}
div#form-wrapper input, div#form-wrapper textarea {-webkit-transition: all .4s linear;-o-transition: all .4s linear;transition: all .4s linear;}
div#form-wrapper input.invalid, div#form-wrapper textarea.invalid {background: var(--red); color: var(--white);}
div#form-wrapper input.invalid::-webkit-input-placeholder, div#form-wrapper textarea.invalid::-webkit-input-placeholder {color: var(--white);}
div#form-wrapper input.invalid::-moz-placeholder, div#form-wrapper textarea.invalid::-moz-placeholder {color: var(--white);}
div#form-wrapper input.invalid:-ms-input-placeholder, div#form-wrapper textarea.invalid:-ms-input-placeholder {color: var(--white);}
div#form-wrapper input.invalid::-ms-input-placeholder, div#form-wrapper textarea.invalid::-ms-input-placeholder {color: var(--white);}
div#form-wrapper input.invalid::placeholder, div#form-wrapper textarea.invalid::placeholder {color: var(--white);}
@media (min-width: 260px) and (max-width: 439px) {
	div#form-wrapper div.rate-photo {display:none;}
	div#form-wrapper p.rate {font-size: 15px;}
}
@media (min-width: 440px) and (max-width: 767px) {
	div#form-wrapper div.rate-photo {top: 15px;}
}

/* LEFT MENU */
nav#index_left-menu {height: 100%; width: 80px; background: var(--black); z-index: 6; position: fixed;
    -webkit-transition: left .8s ease-in-out;
    -o-transition: left .8s ease-in-out;
    transition: left .8s ease-in-out; left: -80px; 
	overflow-y: auto; overflow-x: hidden; -ms-overflow-style: none; scrollbar-width: none;}
    nav#index_left-menu::-webkit-scrollbar {width: 0px; display: none;}
section.index_left-menu { left: 80px; top: 0; opacity: 0; height: 100vh; width:0px;
    -webkit-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out; overflow-x: hidden; position: fixed; z-index: 1; 
    background: var(--dark-blue3); padding-top: 122px; }
@media (min-width: 1024px) {
    header#pc_header.short + main#main_content aside nav section {padding-top: 50px;}
    nav#index_left-menu.show {left: 0;}
    section#index_frame.right {margin-left: 80px;}
    nav#index_left-menu ul {width: 80px; position: relative; z-index: 6;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column; margin-bottom: 122px;}
    header#pc_header.short + main#main_content aside nav#index_left-menu ul {margin-bottom: 50px;}
    nav#index_left-menu li {width: 80px;height: 90px;border-bottom: 1px solid var(--black2);
        position: relative; z-index: 6;
        -webkit-transition: background .2s ease-in-out;
        -o-transition: background .2s ease-in-out;
        transition: background .2s ease-in-out;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;}
    nav#index_left-menu a.icon {width: 80px;height: 90px;
        background: none;opacity: .7; -webkit-transition: opacity .2s linear; -o-transition: opacity .2s linear; transition: opacity .2s linear;}
    nav#index_left-menu li:hover {background: var(--dark-blue3); cursor: pointer;}
    nav#index_left-menu li:hover section.index_left-menu {width: 350px; opacity: 1;}
    nav#index_left-menu li:hover a {opacity: 1;}
    nav#index_left-menu li section.index_left-menu p {min-width: 320px; min-height: 90px; margin-left: 30px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; line-height: 30px;
        font-size: 22px;opacity: 0;
        -webkit-transition: opacity .3s linear;
        -o-transition: opacity .3s linear;
        transition: opacity .3s linear; letter-spacing: 1px;
        text-transform: uppercase;color: var(--white);}
    nav#index_left-menu li:hover section.index_left-menu p {opacity: 1;}
    nav#index_left-menu li section.index_left-menu ul {overflow-y:auto; overflow-x: hidden;
        width: 320px;margin-left: 10px; max-height: calc(100vh - 280px);}
    nav#index_left-menu li section.index_left-menu ul::-webkit-scrollbar {width: 7px;}
    nav#index_left-menu li section.index_left-menu ul::-webkit-scrollbar-track {
        background: var(--dark-blue3);}
    nav#index_left-menu li section.index_left-menu ul::-webkit-scrollbar-thumb {
        background-color: var(--white2);}
    nav#index_left-menu li section.index_left-menu ul li {
        min-width: 320px;height: auto;border-bottom: none;}
    nav#index_left-menu li section.index_left-menu ul li a {
        width: calc(100% - 70px);margin-left: 10px;padding: 6px 20px; color: var(--grey2);font-size: 14px;
        line-height: 20px;border-bottom: 1px solid var(--white3);-webkit-transition: all .2s ease-in-out;-o-transition: all .2s ease-in-out;transition: all .2s ease-in-out;}
    nav#index_left-menu li section.index_left-menu ul li:hover a {
        color: var(--white); background: var(--dark-blue2);}
}

/* gallery modal */
@-webkit-keyframes spin { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); }}
@keyframes spin { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); }}
div#galleryList {width: 100%; max-width: 1200px; position: fixed; top:30px; left: calc(50% - 600px);
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex; -ms-flex-wrap:wrap; flex-wrap:wrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center;}
div#galleryList img {border: 1px solid var(--black2); width: 75px; -webkit-transition: all .3s linear; -o-transition: all .3s linear; transition: all .3s linear; margin: 5px; border-radius: 6px;}
div#galleryList img.selected {border: 1px solid var(--white); -webkit-box-shadow: 0 0 25px var(--white); box-shadow: 0 0 25px var(--white);
	-webkit-transition: all .3s linear;
	-o-transition: all .3s linear;
	transition: all .3s linear; -webkit-filter:contrast(1.5); filter:contrast(1.5); }
div#galleryList img:hover {border: 1px solid var(--white2); cursor: pointer;  -webkit-filter:sepia(.7);  filter:sepia(.7);}
div#modal-wrapper div.gallery-loader {width: 50px; height: 50px; position: fixed; top:calc(50% - 25px); left: calc(50% - 25px);
	border-radius: 50%; border: 5px solid var(--black2); border-top: 5px solid var(--white2); -webkit-animation: spin .8s linear infinite; animation: spin .8s linear infinite;
	-webkit-transition: opacity .3s linear;
	-o-transition: opacity .3s linear;
	transition: opacity .3s linear; opacity: 0;}
div#modal-wrapper div.gallery-loader.show {opacity: 1;}
div#modal-wrapper div#big-frame {position: fixed; top:150px; width:100%; height: calc(100vh - 215px); overflow:hidden;}
div#modal-wrapper div#big-wrapper {width: 100%; max-width: 1200px; left: 105%; height: calc(100% - 5px); 
	border-radius: 8px; position: absolute; -webkit-transition: all .3s linear; -o-transition: all .3s linear; transition: all .3s linear; opacity: 0; -webkit-transform: scale(0.8); -ms-transform: scale(0.8); transform: scale(0.8);}
div#modal-wrapper div#big-wrapper img {float: right; margin-top: 5px; margin-right: 30px; width: 150px; opacity: .7;}
div#modal-wrapper div#big-wrapper span {float: left; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; 
	color:var(--white2); font-size: 14px; min-width: calc(75% - 250px); height: 50px; padding-left: 30px; border-radius: 8px 0 0 0;
	background: -webkit-gradient(linear, left top, right top, from(var(--alpha-dark)), to(rgba(0,0,0,0)));
	background: -o-linear-gradient(left, var(--alpha-dark) 0%, rgba(0,0,0,0) 100%);
	background: linear-gradient(90deg, var(--alpha-dark) 0%, rgba(0,0,0,0) 100%);}
div#modal-wrapper div#big-wrapper.loaded {left: calc(50% - 600px); opacity: 1;-webkit-transform: scale(1);-ms-transform: scale(1);transform: scale(1);}
div#modal-wrapper div#galleryControls {position: fixed; bottom:30px; width: 240px; height: 80px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-pack: distribute; justify-content: space-around;
	background: var(--dark-blue3);border-radius: 6px; border-bottom: 1px solid var(--white2); border-top: 1px solid var(--white2);}
div#modal-wrapper div#galleryControls button {background:var(--dark-blue3); width: 80px; height: 80px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center;
	-webkit-transition: all .3s linear;
	-o-transition: all .3s linear;
	transition: all .3s linear; color: var(--white); font-size: 40px; line-height: 40px; padding: 0; border: none; -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none;}
div#modal-wrapper div#galleryControls button:first-child {-webkit-transform: scale(-1, -1);-ms-transform: scale(-1, -1);transform: scale(-1, -1); border-radius:0 8px 8px 0;}
div#modal-wrapper div#galleryControls button:last-child {border-radius:0 8px 8px 0;}
div#modal-wrapper div#galleryControls button:hover {background:var(--white2); border-radius: 8px;
	cursor: pointer; color: var(--dark-blue3); -webkit-box-shadow: 0 0 25px var(--black2); box-shadow: 0 0 25px var(--black2);}
div#modal-wrapper div#galleryControls button.active {border-radius: 8px;background:var(--white);color: var(--red);-webkit-box-shadow: 0 0 25px var(--white);box-shadow: 0 0 25px var(--white);}
@media (min-width: 260px) and (max-width: 320px) {
	div#modal-wrapper button#modal-close {top: 10px; right:10px;}
	div#galleryList {top:15px; left: 10px; max-width: calc(100% - 50px);}
	div#galleryList img {width: 30px;}
	div#modal-wrapper div#big-frame {top:unset; height: calc(100vh - 230px); margin-top: 10px;}
	div#modal-wrapper div#big-wrapper {max-width: calc(100% - 20px);}
	div#modal-wrapper div#big-wrapper.loaded {left: 10px;}
	div#modal-wrapper div#big-wrapper img {float:unset;position:absolute;bottom:calc(50% - 40px);right:calc(50% - 150px);margin-top:unset;margin-right:unset;width:300px;opacity: .1;}
	div#modal-wrapper div#galleryControls {left:10px; width: 150px; height: 50px; bottom: 10px;}
	div#modal-wrapper div#galleryControls button { width: 50px; height: 50px;  font-size: 25px; line-height: 25px;}
	div#modal-wrapper div#big-wrapper span {width: calc(100% - 10px);font-size:12px;line-height: 16px; min-width:unset; 
		height: 40px;padding-left:10px;border-radius:8px 0 0 0;-o-text-overflow: ellipsis;text-overflow: ellipsis;}
}
@media (min-width: 321px) and (max-width: 439px) {
	div#modal-wrapper button#modal-close {top: 15px; right:15px;}
	div#galleryList {top:15px; left: 15px; max-width: calc(100% - 75px);}
	div#galleryList img {width: 35px;}
	div#modal-wrapper div#big-frame {top:unset; height: calc(100vh - 230px); margin-top: 15px;}
	div#modal-wrapper div#big-wrapper {max-width: calc(100% - 30px);}
	div#modal-wrapper div#big-wrapper.loaded {left: 15px;}
	div#modal-wrapper div#big-wrapper img {float:unset;position:absolute;bottom:calc(50% - 40px);right:calc(50% - 150px);margin-top:unset;margin-right:unset;width:300px;opacity: .1;}
	div#modal-wrapper div#galleryControls { width: 150px; height: 50px; bottom: 25px;}
	div#modal-wrapper div#galleryControls button { width: 50px; height: 50px;  font-size: 25px; line-height: 25px;}
	div#modal-wrapper div#big-wrapper span {width: 100%; font-size: 12px; line-height: 16px; min-width: unset; 
		height: 40px; padding-left: 15px; border-radius: 8px 0 0 0; -o-text-overflow: ellipsis; text-overflow: ellipsis;}
}
@media (min-width: 440px) and (max-width: 679px) {
	div#modal-wrapper button#modal-close {top: 15px; right:15px;}
	div#galleryList {top:15px; left: 15px; max-width: calc(100% - 75px);}
	div#galleryList img {width: 35px;}
	div#modal-wrapper div#big-frame {top:80px; height: calc(100vh - 140px);}
	div#modal-wrapper div#big-wrapper {max-width: calc(100% - 30px);}
	div#modal-wrapper div#big-wrapper.loaded {left: 15px;}
	div#modal-wrapper div#big-wrapper img {float: unset; position: absolute; bottom:15px; right:15px;  margin-top: unset; margin-right: unset; width: 150px; opacity: .7;}
	div#modal-wrapper div#galleryControls {left:30px; width: 180px; height: 60px; bottom: 60px;}
	div#modal-wrapper div#galleryControls button { width: 60px; height: 60px;  font-size: 30px; line-height: 30px;}
}
@media (min-width: 680px) and (max-width: 1023px) {
	div#modal-wrapper button#modal-close {top: 15px; right:15px;}
	div#galleryList {top:15px; left: 15px; max-width: calc(100% - 75px);}
	div#galleryList img {width: 35px;}
	div#modal-wrapper div#big-frame {top:80px; height: calc(100vh - 140px);}
	div#modal-wrapper div#big-wrapper {max-width: calc(100% - 30px);}
	div#modal-wrapper div#big-wrapper.loaded {left: 15px;}
	div#modal-wrapper div#galleryControls {left:30px; width: 180px; height: 60px; bottom: 15px;}
	div#modal-wrapper div#galleryControls button { width: 60px; height: 60px;  font-size: 30px; line-height: 30px;}
}
@media (min-width: 1024px) and (max-width: 1439px) {
	div#galleryList {left: calc(50% - 450px); max-width: 900px;}
	div#modal-wrapper div#big-frame {top:130px; height: calc(100vh - 195px);}
	div#galleryList img {width: 55px;}
	div#modal-wrapper div#big-wrapper {max-width: calc(100% - 150px);}
	div#modal-wrapper div#big-wrapper.loaded {left: 75px;}
}

/* FRAME */
main#main_content aside#main_ui {width: 100%;}
div#index_frame { width: 100%; z-index: 5; }

/* SLIDER */
div#index_slider {width: 100%; height: calc(100vh - 122px); -webkit-filter: blur(150px) sepia(.2); filter: blur(150px) sepia(.2); 
    -webkit-transition: -webkit-filter .8s linear; 
    transition: -webkit-filter .8s linear; 
    -o-transition: filter .8s linear; 
    transition: filter .8s linear; 
    transition: filter .8s linear, -webkit-filter .8s linear; z-index: 4;
	background: url(/img/mainpage/index-background.webp); background-size: cover; background-repeat: no-repeat; background-attachment: scroll;}
div#index_slider.big {background: url(/img/mainpage/index-background-big.webp); -webkit-filter: blur(0px); filter: blur(0px); 
    background-size: cover; background-repeat: no-repeat; background-attachment: scroll;}
div.index_slide {width: 100%; height: calc(100vh - 122px);}
div#slide01 {
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;overflow:hidden;-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;}
div#index_slider div#slide01 p.slide_header {position: absolute; bottom: calc(70vh - 60px); width: 600px; text-shadow: var(--black2) 1px 0 3px;
    -webkit-transition: all .7s ease-out;
    -o-transition: all .7s ease-out;
    transition: all .7s ease-out; font-family: Arial, Helvetica, sans-serif; z-index: 5;
    text-align: center; margin-left: calc(50% - 300px); font-size: 48px; line-height: 60px; 
    color: var(--white); font-weight: 600; text-transform: uppercase; -webkit-transform: scale(0); -ms-transform: scale(0); transform: scale(0);}
div#index_slider div#slide01 p.slide_header span {width: 100%; display: block; font-size: 38px; font-weight: 100; 
    text-transform: none; text-shadow: var(--black2) 1px 0 1px;}
div#index_slider div#slide01.show p.slide_header {-webkit-transform: scale(1);-ms-transform: scale(1);transform: scale(1);}
div#slide01 a.scroll {position: absolute;width: 250px; margin-left: calc(50% - 125px); opacity: 0; 
    font-size: 20px; background:var(--dark-blue3);color:var(--white);letter-spacing: 1px; top:calc(50vh - 160px);
    border: 2px solid var(--white);border-radius:7px; padding: 12px 0; text-shadow: 1px 1px 1px var(--black2);
    -webkit-transition:opacity .2s linear;
    -o-transition:opacity .2s linear;
    transition:opacity .2s linear;z-index:3; -webkit-transition-delay:3.6s; -o-transition-delay:3.6s; transition-delay:3.6s;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none; 
    display: -webkit-box; 
    display: -ms-flexbox; 
    display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center;}
div#slide01 span.action-description { display: block; position: absolute; border-top: 2px solid var(--white);border-bottom: 2px solid var(--white);
    width: 400px; margin-left: calc(50% - 200px); 
    top:calc(50vh - 200px);font-size:20px;color: var(--white); text-align: center;  border-radius: 12px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;
    padding: 120px 0 30px 0; opacity: 0; letter-spacing: 1px;
    text-shadow: 1px 1px 10px var(--dark-blue3); -webkit-transition: opacity .2s linear; -o-transition: opacity .2s linear; transition: opacity .2s linear; -webkit-transition-delay: 3.6s; -o-transition-delay: 3.6s; transition-delay: 3.6s; }
div#slide01 a.scroll:hover {cursor:pointer; background: var(--dark-blue); -webkit-transition: background .2s linear; -o-transition: background .2s linear; transition: background .2s linear;}
div#slide01.show a.scroll, div#slide01.show span.action-description {opacity: 1;}
div#slider_line01 {width:100%;height:70px;background: var(--dark-blue3);
    position: absolute; bottom:0; right: 0%; -webkit-transition: right .3s ease-in; -o-transition: right .3s ease-in; transition: right .3s ease-in; -webkit-transition-delay: .4s; -o-transition-delay: .4s; transition-delay: .4s;}
div#slide01.show div#slider_line01 {right: 0%;}
div#slide01 div#team {width: 100%;height: 320px;position: absolute; bottom: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center;}
div#slide01 div#members {width: 1000px; height: 320px; position: absolute; bottom: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; overflow: hidden;}
div#slide01 div#members div.member {height: 320px; width: 250px; max-width: 250px; 
    -webkit-transition: all 0.3s linear ; 
    -o-transition: all 0.3s linear ; 
    transition: all 0.3s linear ; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column;}
div#slide01 div#members div.member.hidden {display: none;}
div#slide01 div#members div.member img {max-height: 250px; opacity: 0; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;
    -webkit-transition: opacity .5s ease-in;
    -o-transition: opacity .5s ease-in;
    transition: opacity .5s ease-in; -webkit-transition-delay: 2.5s; -o-transition-delay: 2.5s; transition-delay: 2.5s; -o-object-fit: contain; object-fit: contain;}
div#slide01.show div#members div.member img {opacity: 1;}
div#slide01 div#members div.member:hover {background: rgba(45, 55, 90, .6); border-radius:7px 7px 0 0;}
div#slide01 div#members div.member div.member-info {width: 100%; height: 70px; opacity: 0;
    position: relative; bottom: -70px; -webkit-transition: all .4s ease-in; -o-transition: all .4s ease-in; transition: all .4s ease-in; -webkit-transition-delay: 1.5s; -o-transition-delay: 1.5s; transition-delay: 1.5s;}
div#slide01.show div#members div.member div.member-info {bottom: 0; opacity: 1;}
div.member-info {display: -webkit-box;display: -ms-flexbox;display: flex;}
div.info-wrapper {width: 175px;}
div.info-frame {width: 75px; text-transform: uppercase;}
div.info-frame span.rating {display: block; width: 50px; height: 50px; text-align: center; position: relative;
    top: -25px; font-size: 18px; line-height: 50px; border-radius: 50%; margin-left: 11px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;
    color: var(--white); background-color: var(--red); letter-spacing: 3px; -webkit-transform: scale(0); -ms-transform: scale(0); transform: scale(0);
    -webkit-transition: -webkit-transform .3s ease-in;
    transition: -webkit-transform .3s ease-in;
    -o-transition: transform .3s ease-in;
    transition: transform .3s ease-in;
    transition: transform .3s ease-in, -webkit-transform .3s ease-in; -webkit-transition-delay: 2.2s; -o-transition-delay: 2.2s; transition-delay: 2.2s;}
div.info-frame span.name {font-size:12px;color:var(--white2); top:-6px;
    display:block;width:75px;text-align:center;position: relative; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;
    opacity: 0; -webkit-transition: opacity .3s ease-in; -o-transition: opacity .3s ease-in; transition: opacity .3s ease-in; -webkit-transition-delay: 2.8s; -o-transition-delay: 2.8s; transition-delay: 2.8s;}
div#slide01.show div.info-frame span.rating {-webkit-transform: scale(1);-ms-transform: scale(1);transform: scale(1);}
div#slide01.show div.info-frame span.name {opacity: .9;}
div.ratting-controls {display: none; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-pack: distribute; justify-content: space-around;}
div.ratting-controls button {cursor: pointer; border: 0; background: var(--white2);
    width: 60px; height: 20px; font-size: 12px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center;
    border-radius: 5px; -webkit-transition: background .3s ease-in-out; -o-transition: background .3s ease-in-out; transition: background .3s ease-in-out; color:transparent;text-shadow:0 0 0 var(--dark-blue3); -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;}
div.ratting-controls button.up:hover {background:var(--blue);
    color:transparent;text-shadow:0 0 0 var(--white);}
div.ratting-controls button.down:hover {background:var(--red);
    color:transparent;text-shadow:0 0 0 var(--white);}
div.member-info p {color: var(--white2); font-size: 11px; font-family: Arial, Helvetica, sans-serif;
    margin-left: 10px; height: 20px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center;}
div.member-info p.member-exp {-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;}
div.member-info p.member-name {
    font-size: 14px; font-weight: 600; height: 40px; margin-bottom: 0; -webkit-transition: all .3s linear; -o-transition: all .3s linear; transition: all .3s linear;}
div#slide01 div#members div.member:hover p.member-name {
    text-shadow: var(--black2) 1px 0 3px; color: var(--white);}
div#slide01 div#members div.member:hover p.member-exp {display: none;}
div#slide01 div#members div.member:hover div.ratting-controls {display: -webkit-box;display: -ms-flexbox;display: flex;}
div#slide01 div#team button#listing-left, div#slide01 div#team button#listing-right { color: var(--dark-blue3); text-shadow: var(--white) 3px 0px 0px;
	position: absolute; z-index: 5; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; font-size: 90px; line-height: 90px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;
	background: transparent; border: none; -webkit-transition: all .1s linear; -o-transition: all .1s linear; transition: all .1s linear;}
div#slide01 div#team button#listing-left:hover, div#slide01 div#team button#listing-right:hover {
	color: var(--white); cursor:pointer; text-shadow: var(--dark-blue3) 20px 0px 0px;}
div#slide01 div#team button#listing-left {left: calc(50% - 575px); -webkit-transform: scale(-1, -1); -ms-transform: scale(-1, -1); transform: scale(-1, -1);}
div#slide01 div#team button#listing-right {right: calc(50% - 575px);}
div#slide01 div#team button#listing-left.hidden, div#slide01 div#team button#listing-right.hidden {display:none;}
@media (max-height: 500px) {
	div#slide01 div#members, div#slide01 div#team button#listing-left, div#slide01 div#team button#listing-right {display:none;}
}
@media (min-width: 260px) and (max-width: 320px) {
	div#index_slider, div.index_slide {height: calc(100vh - 150px);}
	div#index_slider div#slide01.show p.slide_header {bottom: calc(50vh - 40px);}
	div#index_slider div#slide01 p.slide_header {width: 240px; margin-left: calc(50% - 120px); font-size: 20px; line-height: 40px; 
		display: -webkit-box; 
		display: -ms-flexbox; 
		display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center;}
	div#index_slider div#slide01 p.slide_header span {font-size: 26px;}
	div#slide01 span.action-description {position: absolute; top: unset; border-top: none;border-bottom:none; width: 100%; margin-left: unset;border-radius: unset;
    bottom:calc(50vh - 95px); font-size:16px; padding:0; -webkit-backdrop-filter: unset; backdrop-filter: unset;  }
	div#slide01 a.scroll {width: 250px; margin-left: calc(50% - 125px); top: unset; bottom:calc(50vh - 70px);  font-size: 16px; 
    	border: 1px solid var(--white); border-radius:7px; padding: 6px 0; }
	div#slide01 div#members {width: 250px; height: 210px;}
	div#slide01 div#members div.member img {max-height: 140px;}
	div#slide01 div#team button#listing-left {left: calc(50% - 180px);margin-left: 30px;  }
	div#slide01 div#team button#listing-right {right: calc(50% - 180px); margin-right: 30px; }
	div#slide01 div#team button#listing-left, div#slide01 div#team button#listing-right {
		font-size: 50px; line-height: 50px; padding-right: 40px;  width: 60px; height: 60px;}
}
@media (min-width: 321px) and (max-width: 679px) {
	div#index_slider, div.index_slide {height: calc(100vh - 160px);}
	div#index_slider div#slide01 p.slide_header {width: 360px; bottom:0;
	margin-left: calc(50% - 180px); font-size: 22px; line-height: 40px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center;}
	div#index_slider div#slide01 p.slide_header span {font-size: 32px;}
	div#index_slider div#slide01.show p.slide_header {bottom: calc(50vh - 20px);}
	div#slide01 span.action-description {position: absolute; border-top: none;border-bottom:none; width: 100%; margin-left: unset;border-radius: unset;
    top:unset; bottom:calc(50vh - 90px); font-size:16px; padding:0; -webkit-backdrop-filter: unset; backdrop-filter: unset;  }
	div#slide01 a.scroll {position: absolute; width: 250px; margin-left: calc(50% - 125px);  top: unset; bottom:calc(50vh - 60px);  font-size: 16px; 
    	border: 1px solid var(--white); border-radius:7px; padding: 6px 0; }
	div#slide01 div#members {width: 250px; height: 230px;}
	div#slide01 div#members div.member img {max-height: 160px;}
	div#slide01 div#team button#listing-left {left: calc(50% - 180px);margin-left: 30px;  }
	div#slide01 div#team button#listing-right {right: calc(50% - 180px); margin-right: 30px; }
	div#slide01 div#team button#listing-left, div#slide01 div#team button#listing-right {
		font-size: 50px; line-height: 50px; padding-right: 40px;  width: 60px; height: 60px;}
}
@media (min-width: 680px) and (max-width: 959px) {
	div#slide01 div#members {width: 500px;}
	div#slide01 div#team button#listing-left {left: calc(50% - 325px); width: 75px; height: 100px; margin-bottom: 145px; margin-top:75px;}
	div#slide01 div#team button#listing-right {right: calc(50% - 325px); width: 75px; height: 100px; margin-bottom: 145px; margin-top:75px;}
}
@media (min-width: 680px) {
	div#slide01 span.action-description { -webkit-backdrop-filter: blur(9px); backdrop-filter: blur(9px);  }
	div#index_slider.big {background-attachment: fixed;}
}
@media (min-width: 960px) and (max-width: 1279px) {
	div#slide01 div#members {width: 750px;}
	div#slide01 div#team button#listing-left {left: calc(50% - 450px); width: 75px; height: 100px; margin-bottom: 145px; margin-top:75px;}
	div#slide01 div#team button#listing-right {right: calc(50% - 450px); width: 75px; height: 100px; margin-bottom: 145px; margin-top:75px;}
}
@media (min-width: 1280px) {
	div#slide01 div#team button#listing-left, div#slide01 div#team button#listing-right {display: none;}
}

/* CONTENT */
section#index_content {width: 100%; max-width: 1200px; margin-left: calc(50% - 600px);}
section#index_content h1 {font-family: Arial, Helvetica, sans-serif; font-size: 33px; width: calc(100% - 80px);
    text-transform: uppercase; color: var(--dark-blue); text-align: center; margin-top: 60px; 
    line-height: 48px; padding-bottom: 30px;}
section#index_content h2 {font-family: Arial, Helvetica, sans-serif; font-size: 24px; width: calc(100% - 80px);
    color: var(--black2);  margin-top: 20px; line-height: 36px; padding-bottom: 20px;}
section#index_content p {font-family: Arial, Helvetica, sans-serif; font-size: 16px; width: 100%;
    line-height: 22px; text-align: justify; margin-bottom: 20px;}
section#index_content p a {color: var(--dark-blue2);text-decoration: underline;font-weight: 600;}
section#index_content ul {font-family: Arial, Helvetica, sans-serif;font-size:16px;width:calc(100% - 160px);
    line-height: 22px; padding-bottom: 20px;}
section#index_content ul li {color: var(--dark-blue3); padding: 4px 0; margin-left:25px;}
section#index_content ul li::marker { content: '✓ ';font-size: 16px;color:var(--dark-blue3);}
section#index_content ul li strong {font-weight: 600;}
@media (min-width: 260px) and (max-width: 320px) {
	section#index_content {width: calc(100% - 20px); margin-left: unset; padding-left: 10px; }
	section#index_content ul {font-size:13px;width:calc(100% - 20px);}
	section#index_content h1, section#index_content h2 {font-size: 15px; line-height: 24px; width: 100%; margin-top: 20px; padding-bottom: 10px;}
	section#index_content h2 {margin-top: 15px; text-align: center;}
	section#index_content h1 br {display:none;}
	section#index_content p {font-size: 13px; line-height: 21px; margin-bottom: 10px;}
}
@media (min-width: 321px) and (max-width: 439px) {
	section#index_content {width: calc(100% - 30px); margin-left: unset; padding-left: 15px; }
	section#index_content ul {font-size:14px;width:calc(100% - 30px);}
	section#index_content h1, section#index_content h2 {font-size: 17px; line-height: 26px; width: 100%; margin-top: 30px; padding-bottom: 15px;}
	section#index_content h2 {margin-top: 20px; text-align: center;}
	section#index_content h1 br {display:none;}
	section#index_content p {font-size: 14px; line-height: 21px; margin-bottom: 10px;}
}
@media (min-width: 440px) and (max-width: 679px) {
	section#index_content {width: calc(100% - 60px); margin-left: unset; padding-left: 30px; }
	section#index_content ul {font-size:15px;width:calc(100% - 60px);}
	section#index_content h1, section#index_content h2 {font-size: 20px; line-height: 26px; width: 100%; margin-top: 35px; padding-bottom: 15px;}
	section#index_content h1 br {display:none;}
	section#index_content p {font-size: 15px; line-height: 21px; margin-bottom: 10px;}
}
@media (min-width: 680px) and (max-width: 1023px) {
	section#index_content {width: calc(100% - 130px); margin-left: unset; padding-left: 65px; }
	section#index_content ul {font-size:15px;width:calc(100% - 130px);}
	section#index_content h1 {font-size: 22px; line-height: 36px; width: 100%; margin-top: 40px;}
	section#index_content h2 {font-size: 20px; line-height: 30px; width: 100%; margin-top: 20px;}
	section#index_content h1 br {display:none;}
	section#index_content p {font-size: 15px; line-height: 21px;}
}
@media (min-width: 1024px) and (max-width: 1439px) {
	section#index_content {width: calc(100% - 210px); margin-left: unset; padding-left: 140px; }
	section#index_content ul {font-size:15px;width:calc(100% - 200px);}
	section#index_content h1 {font-size: 22px; line-height: 36px; width: 100%;}
	section#index_content h2 {font-size: 20px; line-height: 36px; width: 100%;}
	section#index_content p {font-size: 15px; line-height: 21px;}
}

section#index_advantages {width: 100%; max-width: 1200px; margin-left: calc(50% - 600px);}
section#index_advantages h2 {color:var(--dark-blue3);font-size:33px;font-family: Arial, Helvetica, sans-serif;
    width: 640px; margin-left: calc(50% - 320px); padding-top: 50px; text-align: center;}
section#index_advantages ul {max-width:1200px;margin-left:calc(50% - 600px);margin-top:30px; 
    display: -webkit-box; 
    display: -ms-flexbox; 
    display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center;}
section#index_advantages li {width: calc(33% - 40px); margin:20px; padding-top:20px; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start;
	border-bottom: 1px solid var(--white2); border-top: 1px solid var(--white2); border-radius: 8px;}
section#index_advantages li h3 {width: calc(100% - 75px); height: 55px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center;
	font-size: 16px; font-weight: 600; padding-left:20px; line-height: 21px; color: var(--red);}
section#index_advantages li p {width:100%; min-height:90px; font-size: 15px; line-height: 21px; color: var(--dark-blue3); 
	padding:0; text-align:justify; text-indent: 15px;}
@media (min-width: 260px) and (max-width: 320px) {
	section#index_advantages h2 {font-size: 15px; line-height: 24px;}
	section#index_advantages ul {margin-left: unset; margin-top:10px;}
	section#index_advantages li {width: 100%; margin: 5px 0; padding: 5px 0; border-top:none; border-radius: 0;}
	section#index_advantages li h3 { font-size: 14px; padding-left:15px;}
	section#index_advantages li img {-webkit-transform: scale(.5);-ms-transform: scale(.5);transform: scale(.5)}
	section#index_advantages li p {min-height:0; font-size: 13px; text-indent: 15px; padding:0;}
}
@media (min-width: 321px) and (max-width: 439px) {
	section#index_advantages h2 {font-size: 17px; line-height: 26px;}
	section#index_advantages ul {margin-left: unset; margin-top:10px;}
	section#index_advantages li {width: 100%; margin: 5px 0; padding: 5px 0; border-top:none; border-radius: 0;}
	section#index_advantages li h3 { font-size: 15px; padding-left:15px;}
	section#index_advantages li img {-webkit-transform: scale(.5);-ms-transform: scale(.5);transform: scale(.5)}
	section#index_advantages li p {min-height:0; font-size: 14px; text-indent: 15px; padding:0;}
}
@media (min-width: 440px) and (max-width: 679px) {
	section#index_advantages h2 {font-size: 20px; line-height: 26px;}
	section#index_advantages ul {margin-left: unset; margin-top:10px;}
	section#index_advantages li {width: 100%; margin: 5px 0; padding: 5px 0; border-top:none; border-radius: 0;}
	section#index_advantages li img {-webkit-transform: scale(.5);-ms-transform: scale(.5);transform: scale(.5)}
	section#index_advantages li p {min-height:0; font-size: 14px; text-indent: 15px; padding:0;}
}
@media (min-width: 680px) and (max-width: 1023px) {
	section#index_advantages h2 {font-size: 22px;}
	section#index_advantages ul {margin-left: unset;}
	section#index_advantages li {width: calc(50% - 20px); margin:10px;}
	section#index_advantages li img {-webkit-transform: scale(.75);-ms-transform: scale(.75);transform: scale(.75)}
	section#index_advantages li p {min-height:115px; font-size: 14px; text-indent: 5px; padding:0;}
}
@media (min-width: 1024px) and (max-width: 1439px) {
	section#index_advantages h2 {font-size: 24px;}
	section#index_advantages ul {margin-left: unset;}
	section#index_advantages li {width: calc(50% - 30px); margin:15px;}
	section#index_advantages li p {min-height:105px;}
}

section#index_service {background:var(--white);width: 100%; max-width: 1200px; margin-left: calc(50% - 600px);}
section#index_service h2 {color:var(--dark-blue3);font-size:33px;font-family: Arial, Helvetica, sans-serif;
    width: 640px; margin-left: calc(50% - 320px); padding-top: 50px;}
section#index_service ul#service-list { margin: 40px 0; 
    display: -webkit-box; 
    display: -ms-flexbox; 
    display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -ms-flex-wrap: wrap; flex-wrap: wrap;}
section#index_service ul#service-list li {width: 198px; display: -webkit-box; display: -ms-flexbox; display: flex;  border-bottom: 1px solid var(--white2);
    border-left: 1px solid var(--white2); border-top: 1px solid var(--white2); }
section#index_service ul#service-list li:last-child {border-right: 1px solid var(--white2);}
section#index_service ul#service-list li a {width: 100%; padding: 30px 0; -webkit-transition: background .2s linear; -o-transition: background .2s linear; transition: background .2s linear;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-pack: distribute; justify-content: space-around; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column;}
section#index_service ul#service-list li a span {font-size:16px;font-weight:600;-webkit-transition: color .2s linear;-o-transition: color .2s linear;transition: color .2s linear;}
section#index_service ul#service-list li a img { -o-object-position: 50% 50%; object-position: 50% 50%; -webkit-transition: -webkit-transform .2s linear; transition: -webkit-transform .2s linear; -o-transition: transform .2s linear; transition: transform .2s linear; transition: transform .2s linear, -webkit-transform .2s linear;
    width: 120px; height: 120px; -o-object-fit: contain; object-fit: contain; margin-bottom: 20px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-transform: scale(0.7); -ms-transform: scale(0.7); transform: scale(0.7);
	-webkit-filter: invert(40%) sepia(100%) hue-rotate(183deg) brightness(40%);
	        filter: invert(40%) sepia(100%) hue-rotate(183deg) brightness(40%);}
section#index_service ul#service-list li a:hover {background: var(--dark-blue3);}
section#index_service ul#service-list li a:hover span {color: var(--white);}
section#index_service ul#service-list li a:hover img {-webkit-transform: scale(1);-ms-transform: scale(1);transform: scale(1); -webkit-filter: none; filter: none;}
@media (min-width: 260px) and (max-width: 320px) {
	section#index_service h2 {font-size: 15px; line-height: 24px; ;}
	section#index_service ul#service-list {width: 80%; margin: 10px 10%;}
	section#index_service ul#service-list li a {padding: 10px 0 15px 0;}
	section#index_service ul#service-list li a span {font-size: 14px;}
	section#index_service ul#service-list li a:hover img {-webkit-transform: scale(0.8);-ms-transform: scale(0.8);transform: scale(0.8);}
	section#index_service ul#service-list li a img {margin-bottom: 0px;}
}
@media (min-width: 321px) and (max-width: 439px) {
	section#index_service h2 {font-size: 17px; line-height: 26px; }
	section#index_service ul#service-list {width: 100%; margin: 15px 0;}
	section#index_service ul#service-list li a {padding: 5px 0 10px 0;}
	section#index_service ul#service-list li a span {font-size: 14px;}
	section#index_service ul#service-list li a:hover img {-webkit-transform: scale(0.8);-ms-transform: scale(0.8);transform: scale(0.8);}
	section#index_service ul#service-list li a img {margin-bottom: 5px;}
}
@media (min-width: 440px) and (max-width: 679px) {
	section#index_service h2 {font-size: 20px; line-height: 26px;}
	section#index_service ul#service-list {width: 100%; margin: 15px 0;}
	section#index_service ul#service-list li a {padding: 15px 0;}
	section#index_service ul#service-list li a img {width: 90px; height: 90px;}
	section#index_service ul#service-list li a span {font-size: 15px;}
	section#index_service ul#service-list li a:hover img {-webkit-transform: scale(0.9);-ms-transform: scale(0.9);transform: scale(0.9);}
}
@media (min-width: 680px) and (max-width: 839px) {
	section#index_service h2 {font-size: 22px; width: 100%;}
	section#index_service ul#service-list {width: 100%;}
	section#index_service ul#service-list li a img {width: 90px; height: 90px;}
	section#index_service ul#service-list li a span {font-size: 15px;}
	section#index_service ul#service-list li a:hover img {-webkit-transform: scale(0.9);-ms-transform: scale(0.9);transform: scale(0.9);}
}
@media (min-width: 840px) and (max-width: 1023px) {
	section#index_service h2 {font-size: 24px; width: 100%;}
	section#index_service ul#service-list {width: 100%;}
	section#index_service ul#service-list li {width: calc(16.66% - 2px);}
	section#index_service ul#service-list li a img {width: 80px; height: 80px;}
	section#index_service ul#service-list li a span {font-size: 15px;}
	section#index_service ul#service-list li a:hover img {-webkit-transform: scale(0.9);-ms-transform: scale(0.9);transform: scale(0.9);}
}
@media (min-width: 1024px) and (max-width: 1439px) {
	section#index_service h2 {font-size: 24px; width: 100%;}
	section#index_service ul#service-list {width: 100%;}
	section#index_service ul#service-list li {width: calc(16.66% - 2px);}
	section#index_service ul#service-list li a img {width: 80px; height: 80px;}
	section#index_service ul#service-list li a span {font-size: 15px;}
	section#index_service ul#service-list li a:hover img {-webkit-transform: scale(0.9);-ms-transform: scale(0.9);transform: scale(0.9);}
}

section#index_reviews {width: 100%; max-width: 1200px; margin-left: calc(50% - 600px);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;-ms-flex-wrap: wrap;flex-wrap: wrap;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;}
section#index_reviews h2 {color:var(--dark-blue3);font-size:33px;text-align: center;width: 100%;
    font-family: Arial, Helvetica, sans-serif; padding-top: 50px;}
section#index_reviews a {width: 100%;display: block;font-size: 15px;text-underline-offset: 3px; color:var(--dark-blue3);
    text-align: right;padding-bottom: 20px; text-decoration: underline; padding: 10px 50px;}
section#index_reviews div.review {font-size: 12px;text-align: right;width: 100%; border-radius: 7px;
    max-width: calc(33% - 50px); margin: 10px; padding: 15px; border: 1px solid var(--grey2);}
section#index_reviews div.review img {float: left;margin-right: 15px;width: 50px;height: 50px;}
section#index_reviews div.review div.img-placeholder {float: left;margin-right: 15px;width: 50px;height: 50px;
    color: var(--white2); background: var(--dark-blue3); border-radius: 50%; font-size: 26px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; font-weight: 100;}
section#index_reviews div.review:nth-child(2n) div.img-placeholder { background: var(--red);}
section#index_reviews div.review:nth-child(3n) div.img-placeholder { background: var(--dark-blue3);}
section#index_reviews div.review:nth-child(4n) div.img-placeholder { background: var(--blue);}
section#index_reviews div.review:nth-child(5n) div.img-placeholder { background: var(--orange);}
section#index_reviews div.review:nth-child(6n) div.img-placeholder { background: var(--dark-grey);}
section#index_reviews span.review-text {width: 100%;display: block;margin: 25px 0 5px 0; 
    text-align: justify;font-size: 15px; line-height: 21px;}
section#index_reviews div.review-name {height: 20px;margin-top: 15px;margin-bottom: 10px;
    font-size: 16px;text-align: center; padding-right: 75px; font-weight: 600; color: var(--dark-blue3);}
@media (min-width: 260px) and (max-width: 320px) {
	section#index_reviews {width: calc(100% - 20px); margin-left: unset; padding-left: 10px; }
	section#index_reviews h2 {font-size: 15px; line-height: 24px; padding-top: 20px; margin-left: unset; width: calc(100% - 10px); text-align: center;}
	section#index_reviews a {padding: 15px 0px; font-size: 14px;}
	section#index_reviews div.review {max-width: 100%;}
	section#index_reviews span.review-text {font-size: 14px; line-height: 21px;}
	section#index_reviews div.review-name {padding-right: unset; font-size: 14px;}
	section#index_reviews div.review div.img-placeholder {width: 40px;height: 40px; font-size: 20px;}
}
@media (min-width: 321px) and (max-width: 439px) {
	section#index_reviews  {width: calc(100% - 30px); margin-left: unset; padding-left: 15px; }
	section#index_reviews h2 {font-size: 17px; line-height: 26px; padding-top: 25px; margin-left: unset; width: calc(100% - 15px); text-align: center;}
	section#index_reviews a {padding: 15px 0px; font-size: 14px;}
	section#index_reviews div.review {max-width: 100%;}
	section#index_reviews span.review-text {font-size: 14px; line-height: 21px;}
	section#index_reviews div.review-name {padding-right: unset; font-size: 15px;}
	section#index_reviews div.review div.img-placeholder {width: 40px;height: 40px; font-size: 20px;}
}
@media (min-width: 440px) and (max-width: 679px) {
	section#index_reviews {width: calc(100% - 60px); margin-left: unset; padding-left: 30px; }
	section#index_reviews h2 {font-size: 20px; line-height: 26px; padding-top: 25px; width: 100%; margin-left: unset; text-align: center;}
	section#index_reviews a {padding: 15px 0px;}
	section#index_reviews div.review {max-width: 100%;}
	section#index_reviews span.review-text {font-size: 14px; line-height: 21px;}
}
@media (min-width: 680px) and (max-width: 1023px) {
	section#index_reviews { width: calc(100% - 130px); margin-left: unset; padding-left: 65px; }
	section#index_reviews h2 {font-size: 22px; width: 100%; margin-left: unset; text-align: center; padding-top: 40px;}
	section#index_reviews a {padding: 20px 0px;}
	section#index_reviews span.review-text {font-size: 14px; line-height: 21px;}
}
@media (min-width: 680px) and (max-width: 839px) {
	section#index_reviews div.review {max-width: 100%;}
}
@media (min-width: 840px) and (max-width: 1023px) {
	section#index_reviews div.review {max-width: calc(50% - 60px);}
}
@media (min-width: 1024px) and (max-width: 1439px) {
	section#index_reviews {width: calc(100% - 210px); margin-left: unset; padding-left: 140px; }
	section#index_reviews h2 {font-size: 24px; width: 100%; margin-left: unset; text-align: center;}
	section#index_reviews a {padding: 10px 0px;}
	section#index_reviews div.review {max-width: calc(50% - 60px);}
	section#index_reviews span.review-text {font-size: 14px;}
}

aside#index_news {width: 100%; max-width: 1200px; margin-left: calc(50% - 600px);}
aside#index_news button {position: relative; width: 300px; margin-left: calc(50% - 150px); margin-top:20px; height: 35px; font-size: 18px; 
	background:var(--dark-blue3);color:var(--white);letter-spacing: 1px; -webkit-transition:all .2s linear; -o-transition:all .2s linear; transition:all .2s linear; cursor:pointer;
    border: 1px solid var(--white);border-radius:7px; padding: 3px 0; text-shadow: 1px 1px 1px var(--black2);
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center;}
aside#index_news button:hover { text-shadow:none;color:var(--dark-blue3);background:var(--white);border: 1px solid var(--dark-blue3);}
aside#index_news section#news_list {width: 100%; -webkit-transition:all 1s linear; -o-transition:all 1s linear; transition:all 1s linear; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; max-height: 400px; overflow:hidden;}
aside#index_news section#news_list.open {max-height: none;}
aside#index_news h2 {color:var(--dark-blue3);font-size:33px;text-align:center;width:100%;font-family:Arial,Helvetica,sans-serif;padding-bottom: 20px; padding-top: 50px;}
aside#index_news a.all {display: block; width: 100%;display: block;font-size: 15px;text-underline-offset: 3px;  color:var(--dark-blue3);
    text-align: right; padding-bottom: 20px; text-decoration: underline; padding: 10px 50px;}
aside#index_news article.news_item {width: calc(50% - 75px); padding: 15px; margin: 10px 20px; display:block;
    border-top: 1px solid var(--white2); border-bottom: 1px solid var(--white2); border-radius: 8px;}
aside#index_news article.news_item h3 {width: 100%;text-decoration: underline; font-size: 18px; color: var(--dark-blue3); padding-bottom: 10px; line-height: 24px;}
aside#index_news article.news_item img {width: 144px; height:144px; float: left; margin-bottom: 20px; margin-right:20px;} 
aside#index_news article.news_item p {width: calc(100% - 170px);font-size: 15px; text-align: justify; text-indent: 15px; line-height: 18px; float:right;}
@media (min-width: 260px) and (max-width: 320px) {
	aside#index_news {width: calc(100% - 20px); margin-left: unset; padding-left: 10px; }
	aside#index_news h2 {font-size: 15px; line-height: 24px; padding-top: 20px; padding-bottom: 0px; margin-left: unset; width: calc(100% - 10px); text-align: center;}
	aside#index_news a.all {padding: 15px 0px; font-size: 14px;}
	aside#index_news article.news_item {width: 100%; border-top:none; border-radius: 0; padding: 10px 0; margin: 0px;}
	aside#index_news article.news_item h3 {font-size: 14px;}
	aside#index_news article.news_item img {width: 60px; height:60px;}
	aside#index_news article.news_item p {font-size: 14px; width: calc(100% - 80px);}
	aside#index_news section#news_list {max-height: 300px;}
	aside#index_news button {font-size: 15px; width: 200px; margin-left: calc(50% - 100px);}
}
@media (min-width: 321px) and (max-width: 439px) {
	aside#index_news {width: calc(100% - 30px); margin-left: unset; padding-left: 15px; }
	aside#index_news h2 {font-size: 17px; line-height: 26px; padding-top: 25px; padding-bottom: 0px; margin-left: unset; width: calc(100% - 15px); text-align: center;}
	aside#index_news a.all {padding: 15px 0px; font-size: 14px;}
	aside#index_news article.news_item {width: 100%; border-top:none; border-radius: 0; padding: 15px 0; margin: 0px;}
	aside#index_news article.news_item h3 {font-size: 14px;}
	aside#index_news article.news_item img {width: 80px; height:80px;}
	aside#index_news article.news_item p {font-size: 14px; width: calc(100% - 100px);}
	aside#index_news section#news_list {max-height: 280px;}
	aside#index_news button {font-size: 14px; width: 250px; margin-left: calc(50% - 125px);}
}
@media (min-width: 440px) and (max-width: 679px) {
	aside#index_news {width: calc(100% - 60px); margin-left: unset; padding-left: 30px; }
	aside#index_news h2 {font-size: 20px; line-height: 26px; padding-top: 25px; padding-bottom: 0px; width: 100%; margin-left: unset; text-align: center;}
	aside#index_news a.all {padding: 15px 0px;}
	aside#index_news article.news_item {width: 100%; border-top:none; border-radius: 0; padding: 15px 0; margin: 0px;}
	aside#index_news article.news_item h3 {font-size: 16px;}
	aside#index_news article.news_item img {width: 100px; height:100px;}
	aside#index_news article.news_item p {font-size: 14px; width: calc(100% - 120px);}
	aside#index_news section#news_list {max-height: 320px;}
	aside#index_news button {font-size: 15px; width: 250px; margin-left: calc(50% - 125px);}
}
@media (min-width: 440px) and (max-width: 555px) {
	aside#index_news h2 {max-width: 300px;}
}
@media (min-width: 680px) and (max-width: 1023px) {
	aside#index_news {width: calc(100% - 120px); margin-left: unset; padding-left: 55px; }
	aside#index_news h2 {font-size: 22px; width: 100%; margin-left: unset; text-align: center; padding-bottom: 0px; padding-top: 40px;}
	aside#index_news a.all {padding: 20px 0px;}
	aside#index_news article.news_item {width: 100%;}
	aside#index_news article.news_item h3 {font-size: 16px;}
	aside#index_news article.news_item img {width: 100px; height:100px;}
	aside#index_news article.news_item p {font-size: 14px; width: calc(100% - 120px);}
	aside#index_news section#news_list {max-height: 320px;}
	aside#index_news button {font-size: 16px; width: 280px; margin-left: calc(50% - 140px);}
}
@media (min-width: 1024px) and (max-width: 1439px) {
	aside#index_news {width: calc(100% - 210px); margin-left: unset; padding-left: 140px; }
	aside#index_news h2 {font-size: 24px; width: 100%; margin-left: unset; text-align: center;}
	aside#index_news a.all {padding: 10px 0px;}
	aside#index_news article.news_item h3 {font-size: 16px;}
	aside#index_news article.news_item img {width: 100px; height:100px;}
	aside#index_news article.news_item p {font-size: 14px; width: calc(100% - 120px);}
	aside#index_news section#news_list {max-height: 360px;}
}

section#index_gallery { width: 100%; margin-top: 60px; background:var(--dark-blue3);}
section#index_gallery h2 {font-size: 33px; color: var(--white); text-shadow: 0 0 6px var(--alpha-dark);
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none; width: 600px; text-align: center; margin-left: calc(50% - 300px); 
    padding-top: 50px; letter-spacing: 1px;}
section#index_gallery ul {max-width:1200px;margin-left:calc(50% - 600px);margin-top:30px;padding-bottom: 90px; 
    display: -webkit-box; 
    display: -ms-flexbox; 
    display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center;}
section#index_gallery ul li {border: 1px solid var(--white2); border-radius: 6px;
    margin: 8px; width: 180px; height: 180px; -webkit-transition: all .15s linear; -o-transition: all .15s linear; transition: all .15s linear;}
section#index_gallery ul li img {width: 180px; height: 180px; border-radius: 6px; 
    -webkit-filter:sepia(.3); 
            filter:sepia(.3); -webkit-transition: -webkit-filter .15s linear; transition: -webkit-filter .15s linear; -o-transition: filter .15s linear; transition: filter .15s linear; transition: filter .15s linear, -webkit-filter .15s linear;}
section#index_gallery ul li:hover {border: 1px solid var(--white); -webkit-box-shadow: 0 0 10px var(--alpha-dark); box-shadow: 0 0 10px var(--alpha-dark);
    cursor: pointer; -webkit-transform: scale(1.05); -ms-transform: scale(1.05); transform: scale(1.05);}
section#index_gallery ul li:hover img {-webkit-filter:sepia(0) contrast(1.2);filter:sepia(0) contrast(1.2);}
@media (min-width: 260px) and (max-width: 320px) {
	section#index_gallery {  margin-top: 30px; }
	section#index_gallery h2 {font-size: 15px; line-height: 24px; width: 100%; margin-left: unset; padding-top: 25px;}
	section#index_gallery ul {width: calc(100% - 20px); margin-left: unset; padding-left: 10px; margin-top:10px;padding-bottom: 10px;}
	section#index_gallery ul li, section#index_gallery ul li img {width: 35vw; height: 35vw;}
}
@media (min-width: 321px) and (max-width: 439px) {
	section#index_gallery {  margin-top: 30px; }
	section#index_gallery h2 {font-size: 17px; line-height: 26px; width: 100%; margin-left: unset; padding-top: 25px;}
	section#index_gallery ul {width: calc(100% - 30px); margin-left: unset; padding-left: 15px; margin-top:15px;padding-bottom: 15px;}
	section#index_gallery ul li, section#index_gallery ul li img {width: 20vw; height: 20vw;}
}
@media (min-width: 440px) and (max-width: 679px) {
	section#index_gallery {  margin-top: 30px; }
	section#index_gallery h2 {font-size: 20px; line-height: 26px; width: 100%; margin-left: unset; padding-top: 25px;}
	section#index_gallery ul {width: calc(100% - 60px); margin-left: unset; padding-left: 30px; margin-top:15px;padding-bottom: 15px;}
	section#index_gallery ul li, section#index_gallery ul li img {width: 20vw; height: 20vw;}
}
@media (min-width: 680px) and (max-width: 1023px) {
	section#index_gallery {  margin-top: 30px; }
	section#index_gallery h2 {font-size: 22px; width: 100%; margin-left: unset; padding-top: 30px;}
	section#index_gallery ul {width: calc(100% - 120px); margin-left: unset; padding-left: 55px; margin-top:20px;padding-bottom: 30px;}
	section#index_gallery ul li, section#index_gallery ul li img {width: 15vw; height: 15vw;}
}
@media (min-width: 1024px) and (max-width: 1439px) {
	section#index_gallery h2 {font-size: 24px; width: 100%; margin-left: unset;}
	section#index_gallery ul {width: calc(100% - 210px); margin-left: unset; padding-left: 140px; }
	section#index_gallery ul li, section#index_gallery ul li img {width: 144px; height: 144px;}
}



div#index_frame div#payment {background: var(--dark-blue3);}
div#index_frame div#payment, div#index_frame div#payment p {color:var(--white);}
div#index_frame div#payment p.seo-ttile-payment {font-weight: 700;}
div#index_frame div#payment ul li { background: var(--white);}
div#index_frame div#payment ul li {background:var(--white) url(/img/payment/credit-card.svg) no-repeat 10px 10px; background-size:50px;}
div#index_frame div#payment ul li:first-child {background:var(--white) url(/img/payment/money.svg) no-repeat 10px 10px; background-size:50px;}
div#index_frame div#payment ul li:last-child {background:var(--white) url(/img/payment/document.svg) no-repeat 10px 10px; background-size:50px;}
@media (min-width: 260px) and (max-width: 320px) {
	div#index_frame div#payment {padding-left: 20px;  background:var(--dark-blue3);}
	div#index_frame div#payment p.seo-ttile-payment {font-size: 15px; line-height: 24px; text-align: center; padding: 20px 0px 10px 0px;}
	div#index_frame div#payment p {font-size:13px;line-height:20px;width:240px;margin-bottom:10px;padding:0;text-align:center; margin-left:calc(50% - 130px);}
	div#index_frame div#payment ul {padding: 0 0 20px 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -ms-flex-wrap: wrap; flex-wrap: wrap; max-width: calc(100% - 20px);}
	div#index_frame div#payment ul li {display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;border-radius:6px; line-height: 18px; color: var(--black2);
		min-height:65px;font-size: 13px;width:230px; margin: 10px; padding-left: 50px; padding-right: 10px;}
	div#index_frame div#payment ul li { background:var(--white) url(/img/payment/credit-card.svg) no-repeat 10px 15px; background-size:30px;}
	div#index_frame div#payment ul li:first-child { background:var(--white) url(/img/payment/money.svg) no-repeat 10px 15px;background-size:30px;}
	div#index_frame div#payment ul li:last-child { background:var(--white) url(/img/payment/document.svg) no-repeat 10px 15px;background-size:30px;}
}
@media (min-width: 321px) and (max-width: 439px) {
	div#index_frame div#payment {padding-left: 30px;  background:var(--dark-blue3);}
	div#index_frame div#payment p.seo-ttile-payment {font-size: 17px; line-height: 26px; text-align: center; padding: 25px 0px 10px 0px;}
	div#index_frame div#payment p {font-size:14px;line-height:24px;width:280px;margin-bottom:10px;padding:0;text-align:center; margin-left:calc(50% - 155px);}
	div#index_frame div#payment ul {padding: 0 0 25px 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -ms-flex-wrap: wrap; flex-wrap: wrap; max-width: calc(100% - 30px);}
	div#index_frame div#payment ul li {display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;border-radius:6px; line-height: 18px; color: var(--black2);
		min-height:70px;font-size: 14px;width:230px; margin: 10px; padding-left: 75px; padding-right: 10px;}
}
@media (min-width: 440px) and (max-width: 679px) {
	div#index_frame div#payment {padding-left: 30px;  background:var(--dark-blue3);}
	div#index_frame div#payment p.seo-ttile-payment {font-size: 20px; line-height: 26px; text-align: center; padding: 25px 0px 10px 0px;}
	div#index_frame div#payment p {font-size:15px;line-height:24px;width:400px;margin-bottom:10px;padding:0;text-align:center; margin-left:calc(50% - 215px);}
	div#index_frame div#payment ul {padding: 0 0 25px 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -ms-flex-wrap: wrap; flex-wrap: wrap; max-width: calc(100% - 30px);}
	div#index_frame div#payment ul li {display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;border-radius:6px; line-height: 18px; color: var(--black2);
		min-height:70px;font-size: 14px;width:230px; margin: 10px; padding-left: 75px; padding-right: 10px;}
}
@media (min-width: 680px) and (max-width: 1023px) {
	div#index_frame div#payment {padding-left: 60px; background:var(--dark-blue3);}
	div#index_frame div#payment p.seo-ttile-payment {font-size: 22px; line-height: 40px; text-align: center; padding: 30px 0px 10px 0px;}
	div#index_frame div#payment p {font-size:15px;line-height:24px;width:500px;margin-bottom:10px;padding:0;text-align:center; margin-left:calc(50% - 280px);}
	div#index_frame div#payment ul {padding: 0 0 30px 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -ms-flex-wrap: wrap; flex-wrap: wrap; max-width: calc(100% - 60px);}
	div#index_frame div#payment ul li {display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;border-radius:6px; line-height: 18px; color: var(--black2);
		min-height:70px;font-size: 15px;width:165px; margin: 10px; padding-left: 75px; padding-right: 10px;}
}
@media (min-width: 940px) and (max-width: 1023px) {
	div#index_frame div#payment p {width:calc(100% - 60px); margin-left:0px;}
}
@media (min-width: 1024px) and (max-width: 1439px) {
	div#index_frame div#payment {padding-left: 140px;
		background:var(--dark-blue3) url(/img/payment/young-happy-woman.webp) no-repeat  calc(100% - 80px) 10px; background-size: 195px;}
	div#index_frame div#payment p.seo-ttile-payment {font-size: 24px; line-height: 40px; width: calc(100% - 180px);  text-align: center; padding: 30px 30px 15px 30px;}
	div#index_frame div#payment p {font-size: 15px; line-height: 20px; margin-bottom:0; padding:0;}
	div#index_frame div#payment ul {padding: 0 0 60px 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; max-width: 840px;}
	div#index_frame div#payment ul li  {margin-top: 20px;padding: 8px 8px 8px 75px;
        min-height:50px;font-size: 15px;width:200px;margin-right:25px; color: var(--black2);
		display:-webkit-box;
		display:-ms-flexbox;
		display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;border-radius:6px; line-height: 18px;}
}
@media (min-width: 1440px) {
    div#index_frame div#payment {width: 100%;
        border-radius: 8px; background:var(--dark-blue3) url(/img/payment/young-happy-woman.webp) no-repeat  100% 10px;background-size: 195px;}
	div#index_frame div#payment p.seo-ttile-payment {font-size: 30px; line-height: 40px; padding: 30px 30px 15px 30px; text-align: center;}
	div#index_frame div#payment p {
		font-size: 16px;line-height: 20px; padding: 0px 30px 0px 30px; margin-bottom:0; text-align: center;}
    div#index_frame div#payment ul {padding: 0 30px 30px 0; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: calc(100% - 100px);}
	div#index_frame div#payment ul li  {margin-top: 20px;padding: 8px 8px 8px 75px;
        min-height:50px;font-size: 15px;width:200px;margin-left:25px; color: var(--black2);
		display:-webkit-box;
		display:-ms-flexbox;
		display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;border-radius:6px; line-height: 18px;}
}

div#index_frame section.faq button {background: var(--grey3); color:var(--dark-blue3); cursor: pointer;}
div#index_frame section.faq a {color:var(--dark-blue3); cursor:pointer; 
    text-decoration: underline; text-underline-offset:3px;}
div#index_frame section.faq div.accordion-item {background: var(--grey3);}
div#index_frame section.faq div.accordion-item.active div.accordion-content {
    -webkit-transition: all 1.2s ease-out;
    -o-transition: all 1.2s ease-out;
    transition: all 1.2s ease-out; overflow: hidden; max-height:2000px;}
div#index_frame section.faq div.accordion-item div.accordion-content {
    -webkit-transition: all 0.6s ease-out;
    -o-transition: all 0.6s ease-out;
    transition: all 0.6s ease-out; max-height:0;overflow: hidden;}
div#index_frame section.faq button {
    width:100%; border:none; padding: 30px 0; font-weight:700; font-size: 16px; line-height:21px;}
div#index_frame section.faq div.accordion-item  {padding: 0 30px 0 30px; margin-bottom: 30px;}
div#index_frame section.faq a.button {display: block; text-decoration: none; 
    position: relative; width: 300px; margin-left: calc(50% - 150px); height: 35px; font-size: 18px; 
	background:var(--dark-blue3);color:var(--white);letter-spacing: 1px; -webkit-transition:all .2s linear; -o-transition:all .2s linear; transition:all .2s linear;
    border: 1px solid var(--white);border-radius:7px; padding: 3px 0; text-shadow: 1px 1px 1px var(--black2);
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center;}
div#index_frame section.faq a.button:hover { text-shadow:none;
    color:var(--dark-blue3);background:var(--white);border: 1px solid var(--dark-blue3);}
@media (min-width: 260px) and (max-width: 320px) {
	section.faq h2 {font-size: 15px; line-height: 24px;}
	div#index_frame section.faq div.accordion-item  {padding: 0 10px 0 10px; margin-bottom: 15px;}
	div#index_frame section.faq button, div#index_frame section.faq p {font-size: 14px;}
	div#index_frame section.faq p { text-align:justify;}
	div#index_frame section.faq a.button { width: 220px; margin-left: calc(50% - 120px); height: 30px; font-size: 14px;}
}
@media (min-width: 321px) and (max-width: 439px) {

	section.faq h2 {font-size: 17px; line-height: 26px; }
	div#index_frame section.faq div.accordion-item  {padding: 0 20px 0 20px; margin-bottom: 20px;}
	div#index_frame section.faq button, div#index_frame section.faq p {font-size: 14px;}
	div#index_frame section.faq p { text-align:justify;}
	div#index_frame section.faq a.button { width: 220px; margin-left: calc(50% - 120px); height: 30px; font-size: 14px;}
}
@media (min-width: 440px) and (max-width: 679px) {
	
	section.faq h2 {font-size: 20px; line-height: 26px; }
	div#index_frame section.faq button, div#index_frame section.faq p {font-size: 15px;}
	div#index_frame section.faq p { text-align:justify;}
	div#index_frame section.faq a.button { width: 250px; margin-left: calc(50% - 140px); height: 30px; font-size: 15px;}
}
@media (min-width: 680px) and (max-width: 1023px) {

	section.faq h2 {font-size: 22px; line-height: 40px; }
	div#index_frame section.faq button, div#index_frame section.faq p {font-size: 15px;}
	div#index_frame section.faq p { text-align:justify;}
	div#index_frame section.faq a.button { width: 300px; margin-left: calc(50% - 180px); height: 30px; font-size: 16px;}
}
@media (min-width: 1024px) and (max-width: 1439px) {
	div#index_frame section.faq button, div#index_frame section.faq p {font-size: 15px;}
	section.faq h2 {font-size: 24px; width: 100%; }
	div#index_frame section.faq a.button {font-size: 16px; height: 25px;}
}

div#index_frame section#callback {display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;
    background: var(--dark-blue3); min-height: 50px;}
div#index_frame section#callback h2 {color:var(--white); }
div#index_frame section#callback p {color:var(--white); }
div#index_frame section#callback form label {color:var(--white);}
div#index_frame section#callback form button {border: 1px solid var(--white); cursor: pointer; 
    -webkit-transition: all .3s ease-in-out; 
    -o-transition: all .3s ease-in-out; 
    transition: all .3s ease-in-out; background: var(--dark-blue2); color:var(--white);}
div#index_frame section#callback form button:hover {
    border: 1px solid var(--dark-blue2); background: var(--white); color:var(--dark-blue2);}
div#index_frame section#callback form label input::-webkit-input-placeholder { color:var(--white2);}
div#index_frame section#callback form label input::-moz-placeholder { color:var(--white2);}
div#index_frame section#callback form label input:-ms-input-placeholder { color:var(--white2);}
div#index_frame section#callback form label input::-ms-input-placeholder { color:var(--white2);}
div#index_frame section#callback form label input::placeholder { color:var(--white2);}
@media (min-width: 260px) and (max-width: 320px) {
	div#index_frame section#callback h2 {
		font-size: 15px; line-height: 24px; text-align: center; padding: 25px 0px 10px 0px;}
	div#index_frame section#callback p {font-size: 13px;line-height: 20px; max-width: 200px; margin-bottom: 10px; text-align: center;}
	div#index_frame section#callback form {
		display:-webkit-box;
		display:-ms-flexbox;
		display:flex; -webkit-box-orient:vertical; -webkit-box-direction:normal; -ms-flex-direction:column; flex-direction:column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center;}
	div#index_frame section#callback form label {width: 100%; display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center;  font-size: 14px;;}
	div#index_frame section#callback form label input {border-radius:6px; width: 100%; height:30px;margin-left: 10px; padding: 0; padding-left: 15px;}
	div#index_frame section#callback form button {height: 34px; font-size: 14px; width: 185px; border-radius: 8px; margin-top: 15px;}
}
@media (min-width: 321px) and (max-width: 439px) {
	div#index_frame section#callback h2 { 
		font-size: 17px; line-height: 26px; text-align: center; padding: 25px 0px 10px 0px;}
	div#index_frame section#callback p {font-size: 14px;line-height: 20px; margin-bottom: 10px; text-align: center;}
	div#index_frame section#callback form {
		display:-webkit-box;
		display:-ms-flexbox;
		display:flex; -webkit-box-orient:vertical; -webkit-box-direction:normal; -ms-flex-direction:column; flex-direction:column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center;}
	div#index_frame section#callback form label {width: 100%; display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; }
	div#index_frame section#callback form label input {border-radius:6px; width: 100%; height:30px; padding: 0;}
	div#index_frame section#callback form button {height: 34px; font-size: 14px; width: 185px; border-radius: 8px; margin-top: 15px;}
}
@media (min-width: 440px) and (max-width: 679px) {
	div#index_frame section#callback h2 { max-width: 280px; margin-left: calc(50% - 140px);
		font-size: 20px; line-height: 30px; text-align: center; padding: 25px 0px 10px 0px;}
	div#index_frame section#callback p {font-size: 13px;line-height: 20px; width: calc(100% - 20px); margin-bottom: 15px; text-align: center; padding: 0 10px;}
	div#index_frame section#callback form {width: 360px; margin-left: calc(50% - 180px); margin-bottom: 30px;
		display:-webkit-box;
		display:-ms-flexbox;
		display:flex; -webkit-box-orient:vertical; -webkit-box-direction:normal; -ms-flex-direction:column; flex-direction:column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center;}
	div#index_frame section#callback form label {width: 100%; display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end;}
	div#index_frame section#callback form label input {border-radius:6px;}
	div#index_frame section#callback form button {height: 34px; font-size: 16px; width: 185px; border-radius: 8px; margin-top: 15px;}
}
@media (min-width: 600px) and (max-width: 679px) {
	div#index_frame section#callback h2 {font-size: 20px; text-align: center; padding: 25px 0px 10px 0px; max-width: unset; margin-left: unset;}
	div#index_frame section#callback p {font-size: 15px;}
}
@media (min-width: 680px) and (max-width: 1023px) {
	div#index_frame section#callback h2 {font-size: 22px; text-align: center}
	div#index_frame section#callback p {font-size: 15px;line-height: 20px; width: 100%;  text-align: center;}
	div#index_frame section#callback form {  
		display:-webkit-box;  
		display:-ms-flexbox;  
		display:flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center;}
	div#index_frame section#callback form label {width: 50%; }
	div#index_frame section#callback form label input {border-radius:6px;}
	div#index_frame section#callback form button {height: 34px; font-size: 16px; width: 200px; border-radius: 8px; margin-bottom: 30px;}
}
@media (min-width: 880px) and (max-width: 1023px) {
	div#index_frame section#callback form button {margin-left: 80px;}
}
@media (min-width: 1024px) and (max-width: 1439px) {
	div#index_frame section#callback {display:block;-webkit-box-orient:unset;-webkit-box-direction:unset;-ms-flex-direction:unset;flex-direction:unset;padding-top: 30px; padding-left: 140px; }
	div#index_frame section#callback h2 {font-size: 24px; width: calc(100% - 180px); text-align: center; margin-bottom: 30px;}
	div#index_frame section#callback p { font-size: 16px;line-height: 20px; width: calc(100% - 180px); text-align: center;}
	div#index_frame section#callback form {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;-webkit-box-orient:unset;-webkit-box-direction:unset;-ms-flex-direction:unset;flex-direction:unset;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}
	div#index_frame section#callback form label { font-size:16px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}
	div#index_frame section#callback form label input { border-radius:6px;height:30px;margin-left: 10px; padding: 0; padding-left: 20px;}
    div#index_frame section#callback form button { height: 34px;
        font-size: 16px;  width:15vw; border-radius: 8px; margin-left:50px; min-width: 200px;}
}
@media (min-width: 1440px) {
    div#index_frame section#callback {display:block;-webkit-box-orient:unset;-webkit-box-direction:unset;-ms-flex-direction:unset;flex-direction:unset;padding: 30px 0; }
    div#index_frame section#callback h2 { font-size:33px; margin:20px 0; width: 1150px; 
        margin-left: calc(50% - 575px); text-align: center;}
    div#index_frame section#callback p { font-size: 18px;line-height: 20px; width: 1150px;
         margin-left: calc(50% - 575px); margin-top: 30px; text-align: center;}
    div#index_frame section#callback form {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;-webkit-box-orient:unset;-webkit-box-direction:unset;-ms-flex-direction:unset;flex-direction:unset;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-pack:distribute;justify-content:space-around;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}
    div#index_frame section#callback form label {
        font-size:16px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center; margin-top:20px;}
    div#index_frame section#callback form label input { border-radius:6px;height:36px;margin-left: 25px; padding: 0; padding-left: 20px; min-width: 210px;}
    div#index_frame section#callback form button {height: 40px;
        font-size: 16px;  width:15vw; border-radius: 8px; margin-left:70px; min-width: 235px;}
}

/* MAP */
div#yandex-map, div#yandex-map iframe {width: 100%; height: 320px;}
@media (min-width: 260px) and (max-width: 679px) {
	div#yandex-map, div#yandex-map iframe {width: 100%; height: 40vh;}
}

.main-container {
    max-width: 1444px;
    margin: 0 auto;
    padding-left: 80px;
}

.main-container.small {
        padding-right: 244px;
    padding-left: 275px;
}

.contact-banner {
    margin-bottom: 75px;
    padding: 60px 65px;
    border-radius: 25px;
    border: 1px solid #cacaca;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    gap: 50px;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}

.contact-banner.blue {
	background: -o-linear-gradient(49deg, #2d375b 0%, #5f75c1 100%);
	background: linear-gradient(41deg, #2d375b 0%, #5f75c1 100%);
	border: none;
}

.contact-banner h3 {
    padding: 0;
    font-weight: 700;
    font-size: 33px;
    line-height: 121%;
    margin-bottom: 20px;
	color: #2d375b;
}

.contact-banner p {
	font-weight: 400;
font-size: 16px;
color: #000;
}

.contact-banner.blue h3, 
.contact-banner.blue p {
	color: #fff
}

.contact-banner .btns {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 15px;
}


.banner-btn {
    border-radius: 15px;
    padding: 15px 61px;
    /* width: 326px; */
    /* height: 50px; */
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    background: #f0424f;
    gap: 20px;
    color: #fff;
    font-weight: 700;
    font-size: 16px;
    line-height: 125%;
}

.banner-btn.blue {
	background: #27a6e6;
}

section.faq {
	margin-bottom: 75px;
}

section.faq h2 {
    color: var(--dark-blue);
    font-size: 30px;
    font-family: Arial, Helvetica, sans-serif;
    width: 100%;
    margin-left: 0;
    padding-top: 0;
    text-align: left;
    padding-bottom: 0;
    margin-bottom: 15px;
    font-weight: 700;
}

div#index_frame section.faq .description-faq {
    padding: 0;
    margin-bottom: 45px;
    font-size: 15px;
    line-height: 140%;
    max-width: 1006px;
}

section.faq div#faq {
	width: 100%;
}

div#index_frame section.faq div.accordion-item:last-child {
	margin-bottom: 0;
}

div#index_frame section.faq div.accordion-item.active {
	background: #1D2A54;
}

div#index_frame div#faq div.accordion-item.active button {
    background: #1D2A54;
    color: #fff;
}

div#index_frame section.faq div.accordion-item.active div.accordion-content {
	padding-top: 15px;
}

#payment {
	margin-bottom: 75px;
}

section#index_brands ul li {
	    border: 1px solid #cacaca;
    border-radius: 25px;
    /* padding: 36px 38px; */
    width: 222px;
    height: 106px;
}

div#index_frame section#callback {
	border-radius: 25px;
    padding: 30px;
}

div#index_frame section#callback p.callback-title {
	margin-top: 0;
	margin-left: 0;
	font-size: 30px;
	line-height: 121%;
	color: #fff;
}

div#index_frame section#callback p {
	margin-top: 7px;
	text-align: left; 
	margin-left: 0;
}

div#index_frame section#callback form label {
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	    -ms-flex-direction: column;
	        flex-direction: column;
    gap: 15px;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
}

div#index_frame section#callback form {
	    margin-left: 0;
    gap: 30px;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    width: 100%;
	-webkit-box-align: end;
	    -ms-flex-align: end;
	        align-items: flex-end;
	margin-top: 34px;
}

div#index_frame section#callback form label input {
	margin-left: 0;
}

div#index_frame section#callback form button {
	margin-left: 0;
}

div#index_frame section#callback .description p {
	font-size: 12px;
	width: 210px;
}

div#index_frame section#callback form label input {
	    font-size: 16px;
    border: 2px solid #e0e0e0;
    border-radius: 6px;
    min-width: 312px;
    height: 53px;
}

div#index_frame section#callback form button {
	background: #f0424f;
    height: 57px;
    border: none;
    font-weight: 400;
    font-size: 18px;
    text-align: center;
    color: #fff;
    margin-top: 0;
}

#news_list {
	margin-bottom: 75px;
}

#news_list h2 {
	padding-top: 0;
	font-weight: 700;
	font-size: 30px;
	line-height: 120%;
	color: #24325f;
	margin-bottom: 35px;
}

/* .articles-grid {
	gap: 20px;
	display: grid; 
	grid-template-columns: repeat(3, calc(100% / 3 - 10px));
} */

#news_list .articles-grid .item {
    background: #FFFFFF;
    border: 1px solid #D0D0D0;
    -webkit-box-shadow: 0 0 13px rgba(0,0,0,0.25);
    box-shadow: 0 0 13px rgba(0,0,0,0.25);
    border-radius: 15px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

#news_list .articles-grid .item h3 {
    font-weight: 700;
    font-size: 16px;
    line-height: 22px;
    color: #24325F;
    text-align: left;
    padding: 10px 0 0 0;
    margin: unset;
	margin-bottom: 30px;
}

#news_list .articles-grid p {
    padding-left: unset;
	margin-bottom: 22px;
}

#news_list .articles-grid .item .text-container {
    margin-left: 20px;
    margin-bottom: 20px;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

#news_list .articles-grid .item .text-container .button {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 10px;
    width: 159px;
    height: 40px;
    background: #24325F;
    border-radius: 5px;
    color: #fff;
    margin-top: auto
}

#news_list .articles-grid .item .text-container .button a {
    font-weight: 700
}

#news_list .articles-grid .item .img-container {
    height: 255px
}

#news_list .articles-grid .item .img-container img {
    border-radius: 15px 15px 0 0 ;
    overflow: hidden;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

#news_list .all {
	    font-size: 15px;
    line-height: 140%;
    text-decoration: underline;
    -webkit-text-decoration-skip-ink: none;
            text-decoration-skip-ink: none;
    color: #2d375b;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
}

.banner-tg {
	margin-bottom: 75px;
    border-radius: 25px;
    background: -o-linear-gradient(49deg, #2d375b 0%, #5f75c1 100%);
    background: linear-gradient(41deg, #2d375b 0%, #5f75c1 100%);
    color: #fff;
    padding: 47px 30px;
	position: relative;
}

.banner-tg h2 {
	    padding: 0;
    color: #fff;
    margin-bottom: 7px;
}

.banner-tg p {
	    margin-bottom: 35px;
	font-size: 16px;
	line-height: 125%;
}

.banner-tg .banner-btn {
	    max-width: 326px;
}

.banner-tg img {
	    position: absolute;
    bottom: 0;
    right: 130px;
}

section#index_service, section#index_advantages {
	max-width: 100%;
	margin-left: 0;
	margin-bottom: 75px;
}

section#index_service ul#service-list {
	margin-bottom: 0;
	gap: 20px;
}

section#index_service h2, section#index_advantages h2 {
	font-size: 30px;
    padding-top: 0;
    margin-left: 0;
    width: 100%;
	font-weight: 700;
	text-align: left;
}

section#index_service ul#service-list li a {
	gap: 30px;
	padding: 15px;
	border-radius: 20px;
	-webkit-box-shadow: 0 0 31px 0 rgba(0, 0, 0, 0.25);
	        box-shadow: 0 0 31px 0 rgba(0, 0, 0, 0.25);
	background: #fff;
	border: none;
	width: 193px;
	aspect-ratio: 1;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
}

section#index_service ul#service-list li {
	    width: calc(100% / 6 - 17px);
    aspect-ratio: 1;
	border: none;
}

section#index_service ul#service-list li a:hover {
    background: #f0424f;
}

section#index_service ul#service-list li a:hover svg path {
    fill: #fff;
}

section#index_advantages ul {
	gap: 20px;
	margin-left: 0;
	margin-top: 35px;
	max-width: 100%;
}

section#index_advantages li {
	width: calc(50% - 65px);
	margin: 0px;
	-webkit-box-shadow: 0 0 31px 0 rgba(0, 0, 0, 0.25);
	        box-shadow: 0 0 31px 0 rgba(0, 0, 0, 0.25);
	background: #fff;
	border: none;
	padding: 20px;
	padding-right: 35px;
	-ms-flex-wrap: nowrap;
	    flex-wrap: nowrap;
	gap: 15px;
}

section#index_advantages li h3 {
	font-weight: 700;
font-size: 20px;
line-height: 105%;
padding: 0;
}

section#index_advantages li p {
	min-height: auto;
	font-weight: 400;
font-size: 14px;
text-align: justify;
color: #000;
text-indent: 0;
}

.seo-content {
	margin-top: 70px;
	margin-bottom: 70px;
	font-family: 'Arial', serif;
}

.seo-content h2 {
	font-weight: 700;
font-size: 36px;
text-transform: uppercase;
color: #24325f;
max-width: 842px;
margin-bottom: 35px;
}

.seo-content p {
	font-weight: 400;
font-size: 14px;
line-height: 157%;
color: #000;
margin-bottom: 15px;
}

.columns {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center;
	gap: 15px;
}

div#index_slider {
	border-radius: 20px;
    margin-top: 70px;
	height: calc(100vh - 231px);
	position: relative;
}

div#index_slider::before {
	content:'';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 1;
	background: var(--dark-blue);
	opacity: .6;
	border-radius: 20px;
}

div.index_slide {
    width: 100%;
    height: calc(100vh - 231px);
}

div#slider_line01 {
	background: var(--dark-blue);
	border-radius: 0 0 20px 20px;
	z-index: 5;
}

div#slide01 div#team {
	z-index: 5;
}

.slide-cta {
	color: #fff;
	padding: 40px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	gap: 70px;
	z-index: 5;
}

.slide-cta h1 {
	font-weight: 700;
	font-size: 46px;
	text-transform: uppercase;
	margin-bottom: 35px;
	display: inline-block;
}

.slide-cta ul {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	    flex-wrap: wrap;
	font-size: 16px;
	padding: 0;
	margin-bottom: 20px;
	gap: 8px;
	max-width: 626px;
}

.slide-cta li {
	list-style: none;
	padding-left: 30px;
	position: relative;
	padding-top: 3px;
	padding-bottom: 3px;
}

.slide-cta li::before {
	content: '';
	display: block;
	position: absolute;
	width: 24px;
	height: 24px;
	top: 0;
	left: 0;
	background: url('/img/humbleicons_check.svg');
}

.slide-cta .open-btn {
    width: 374px;
    height: 53px;
    background: #F0424F;
    border-radius: 10px;
    border: unset;
    font-family: 'Arial', serif;
    font-style: normal;
    font-weight: 400;
    font-size: 18px;
    line-height: 21px;
    color: #FFFFFF;
    cursor: pointer;
}

.slide-delivery {
	z-index: 5;
    border-radius: 15px;
    display: inline-block;
    padding: 17px 19px;
    background: #fff;
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
	color: var(--dark-grey);
	font-weight: 700;
	font-size: 16px;
	line-height: 138%;
}

.slide-delivery a {
	text-decoration: underline;
	-webkit-text-decoration-skip-ink: none;
	        text-decoration-skip-ink: none;
	color: #fe434e;
}

section#reviews,
section#yandex-reviews {
	margin: 0;
	margin-bottom: 75px;
}

section#reviews h2,
section#yandex-reviews h2,
section#index_gallery h2 {
	padding: 0;
	margin: 0;
	text-align: left;
	font-weight: 700;
	font-size: 30px;
	line-height: 120%;
	color: #24325f;
	margin-bottom: 35px;
	text-shadow: none;
	width: auto;
	letter-spacing: normal;
}

section#index_gallery {
	margin-top: 75px;
	background: transparent;
}

section#index_gallery ul {
	max-width: 100%;
    padding: 0;
    margin: 0;
    display: -ms-grid;
    display: grid;
	-ms-grid-columns: calc(100% / 3 - 13px) 20px calc(100% / 3 - 13px) 20px calc(100% / 3 - 13px);
	grid-template-columns: repeat(3, calc(100% / 3 - 13px));
	gap: 20px;
    -ms-grid-rows: 1fr 20px 1fr;
    grid-template-rows: 1fr 1fr;
	-webkit-box-align: start;
	    -ms-flex-align: start;
	        align-items: start;
	-webkit-box-pack: start;
	    -ms-flex-pack: start;
	        justify-content: start;
	width: 100%;
}

section#index_gallery ul > *:nth-child(1) {-ms-grid-row:1;-ms-grid-column:1;
}

section#index_gallery ul > *:nth-child(2) {-ms-grid-row:1;-ms-grid-column:3;
}

section#index_gallery ul > *:nth-child(3) {-ms-grid-row:1;-ms-grid-column:5;
}

section#index_gallery ul > *:nth-child(4) {-ms-grid-row:3;-ms-grid-column:1;
}

section#index_gallery ul > *:nth-child(5) {-ms-grid-row:3;-ms-grid-column:3;
}

section#index_gallery ul > *:nth-child(6) {-ms-grid-row:3;-ms-grid-column:5;
}

section#index_gallery ul li {
	border: none;
	border-radius: 25px;
	width: 100%;
	height: 100%;
	margin: 0;
}

section#index_gallery ul li img {
	width: 100%;
	height: 100%;
	-o-object-fit: cover;
	   object-fit: cover;
	display: block;
	border-radius: 25px;
}


section#index_gallery ul li:nth-child(1) {
	-ms-grid-row: 1;
	-ms-grid-row-span: 2;
	grid-row: 1 / 3;
    -ms-grid-column: 1;
    grid-column: 1;
	aspect-ratio: 1;
}

section#index_gallery ul li:nth-child(2) {
	    -ms-grid-row: 1;
	    grid-row: 1;
    -ms-grid-column: 2;
    grid-column: 2;
    aspect-ratio: 3;
}

section#index_gallery ul li:nth-child(3) {
	-ms-grid-row: 1;
	grid-row: 1;
    -ms-grid-column: 3;
    grid-column: 3;
    aspect-ratio: 3;
}

section#index_gallery ul li:nth-child(4) {
	-ms-grid-row: 2;
	grid-row: 2;
    -ms-grid-column: 2;
    -ms-grid-column-span: 2;
    grid-column: 2 / 4;
    aspect-ratio: 6;
}

@media screen and (max-width: 1580px) {
	.main-container {
		padding-left: 100px;
		margin: 0;
		max-width: calc(100% - 80px);
		padding-right: 2%;
	}

	.main-container.small {
		padding-right: 2%;
		padding-left: 100px;
	}

	div#index_slider {
		margin-top: 20px;
		margin-bottom: 50px;
	}

	.seo-content {
		margin-bottom: 50px;
	}

	section#index_service ul#service-list li {
		max-width: calc(100% / 6 - 17px);
	}

	section#reviews, 
	section#yandex-reviews, 
	#news_list,
	.contact-banner,
	#payment,
	section.faq, section#index_service, section#index_advantages, #sales {
		margin-bottom: 50px !important;
	}

	section#index_gallery {
		margin-top: 50px;
	}

	section#index_brands {
		padding-top: 50px;
		padding-bottom: 25px;
	}
}

section#index_brands {width: 100%;}
section#index_brands h2 {font-weight: 700;color:var(--dark-blue3);font-size:30px;font-family: Arial, Helvetica, sans-serif;
       text-align: left; margin-bottom: 35px;}
section#index_brands ul {margin-top:60px;padding-bottom: 30px; 
    display: -webkit-box; 
    display: -ms-flexbox; 
    display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start;}
section#index_brands ul li { margin: 8px; width: 180px; height: 120px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center;}

	section#index_service ul#service-list li a {
		width: 100%;
	}
@media (min-width: 260px) and (max-width: 320px) {
	section#index_brands h2 {font-size: 15px; line-height: 24px;}
	section#index_brands ul { width: 100%; margin-left: unset; max-width:unset; margin-top:10px;}
	section#index_brands ul li {width: 70px; height: 50px; -webkit-transition: none; -o-transition: none; transition: none;}
}
@media (min-width: 321px) and (max-width: 439px) {
	section#index_brands h2 {font-size: 17px; line-height: 26px;}
	section#index_brands ul { width: 100%; margin-left: unset; max-width:unset; margin-top:15px;}
	section#index_brands ul li {width: 75px; height: 55px; -webkit-transition: none; -o-transition: none; transition: none;}
}
@media (min-width: 440px) and (max-width: 679px) {
	section#index_brands h2 {font-size: 20px; line-height: 26px; }
	section#index_brands ul { width: 100%; margin-left: unset; max-width:unset; margin-top:15px;}
	section#index_brands ul li {width: 100px; height: 64px; -webkit-transition: none; -o-transition: none; transition: none;}
}
@media (min-width: 680px) and (max-width: 1023px) {
	section#index_brands h2 {font-size: 22px; width: 100%; }
	section#index_brands ul { width: 100%; margin-left: unset; margin-top:30px; max-width:unset;}
	section#index_brands ul li {width: 16.6%; height: 60px; -webkit-transition: none; -o-transition: none; transition: none;}
}
@media (min-width: 1024px) and (max-width: 1439px) {
	section#index_brands h2 {font-size: 24px; width: 100%; }
	section#index_brands ul { width: 100%; margin-left: unset; }
	section#index_brands ul li {width: 12.5%; height: 100px; -webkit-transition: none; -o-transition: none; transition: none;}
}

@media screen and (max-width: 1280px) {
	.columns {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		    -ms-flex-direction: column;
		        flex-direction: column;
	}

	.columns img {
		    display: block;
    width: 100%;
	}

	section#index_service ul#service-list li {
		width: 100%;
	}

	        section#index_service ul#service-list li {
        max-width: calc(50% - 11px);
        width: 100%;
    }

	div#index_frame section#callback form {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		    -ms-flex-direction: column;
		        flex-direction: column;
		-webkit-box-align: start;
		    -ms-flex-align: start;
		        align-items: flex-start;
	}

	.slide-cta {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		    -ms-flex-direction: column;
		        flex-direction: column;
		gap: 30px;
	}

	div#index_frame section#callback form label {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
	}
}

@media screen and (max-width: 1024px) { 
	.main-container {
		padding-right: 2%;
		padding-left: 2%;
		max-width: 96%;
	}

	.main-container.small {
		padding-right: 2%;
		max-width: 96%;
		padding-left: 2%;
	}
}

@media screen and (max-width: 998px) {
	#news_list .articles-grid .item {
		-webkit-box-orient: horizontal;
		-webkit-box-direction: normal;
		    -ms-flex-direction: row;
		        flex-direction: row;
	}

	/* .articles-grid {
		grid-template-columns: 1fr;
	} */

	.slide-cta h1 {
		font-size: 28px;
		margin-bottom: 20px;
	}

	.slide-delivery {
		font-size: 14px;
		padding: 12px 15px;
	}

	.slide-cta li {
		font-size: 14px;
		padding: 0px 3px;

	}

	.contact-banner {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		    -ms-flex-direction: column;
		        flex-direction: column;
    	-webkit-box-align: start;
    	    -ms-flex-align: start;
    	        align-items: flex-start;
	}

	.banner-tg img {
		display: none;
	}
}

#news_list .articles-grid .item .text-container {
    margin: 0;
    padding: 20px;
}

@media screen and (max-width: 768px) {
	.contact-banner .banner-btn {
		width: -webkit-fill-available;
		width: -moz-available;
		width: stretch;
	}

	.contact-banner .btns {
		width: 100%;
	}

	.contact-banner h3 {
		font-size: 17px;
		margin-bottom: 14px;
	}

	.contact-banner {
		gap: 14px;
		padding: 30px;
	}

	div#index_frame section#callback form label,
	div#index_frame section#callback form label input {
		width: 100%;
	}

	#news_list .articles-grid .item .img-container {
		height: 100%;
	}

	div#index_frame section#callback form button {
		margin-bottom: 0;
	}

	section#index_advantages li {
		width: 100%;
	}

	section#yandex-reviews .description .right-container .bottom-container {
		margin-bottom: 25px;
	}

	section#index_brands ul {
		-webkit-box-pack: center;
		    -ms-flex-pack: center;
		        justify-content: center;
	}

	section#index_brands ul li {
        width: 26.6%;
        height: 100px;
        -webkit-transition: none;
        -o-transition: none;
        transition: none;
		border:none;
    }

		section#index_brands ul li img {
		max-width: 100%;
	}

	div#index_frame section.faq p {
		padding: 0;
	}

	.slide-cta ul {
		font-size: 13px;
	}

	.slide-cta {
		padding: 20px;
	}

	.slide-cta li::before {
		width: 14px;
		height: 15px;
		background-size: cover;
	}

	.slide-cta li {
		padding-left: 20px;
	}

	.slide-cta .open-btn {
		border-radius: 10px;
	padding: 10px 35px;
	width: 209px;
	height: 41px;
	font-size: 16px;

		}

	div#slide01 div#team button#listing-left, div#slide01 div#team button#listing-right {
    padding: 0;
    /* margin: 0; */

	
	}

	section#index_advantages li p {
		padding: 0;
	}

	section#reviews, section#yandex-reviews {
		width: auto;
	}

	#news_list .articles-grid p {
		    overflow: hidden;
		display: -webkit-box;
		-webkit-line-clamp: 5;
		line-clamp: 5;
		-webkit-box-orient: vertical;
	}

	#news_list .articles-grid .item .text-container {
		margin: 0;
		padding: 10px;
	}

	#news_list .articles-grid .item h3 {
		padding: 0;
		margin: 0;
		margin-bottom: 15px;
	}

	div#index_frame section#callback {
		padding-top: 20px;
		padding-bottom: 20px;
		padding-left: 15px;
		padding-right: 15px;
		border-radius: 8px;
	}

	div#index_frame section#callback form label input {
        padding: 0 10px;
        min-width: auto;
        width: -webkit-fill-available;
        width: -moz-available;
        width: stretch;
    }

	section#index_gallery ul {
		-ms-grid-columns: (calc(100% / 2 - 13px))[2];
		grid-template-columns: repeat(2, calc(100% / 2 - 13px));
	}

	section#index_gallery ul li:nth-child(1) {
		grid-row: auto;
		grid-column: auto;
		aspect-ratio: 1;
	}

	section#index_gallery ul li:nth-child(2) {
			grid-row: auto;
		grid-column: auto;
		aspect-ratio: 1;
	}

	section#index_gallery ul li:nth-child(3) {
		grid-row: auto;
		grid-column: auto;
		aspect-ratio: 1;
	}

	section#index_gallery ul li:nth-child(4) {
		grid-row: auto;
		grid-column: auto;
		aspect-ratio: 1;
	}

	.seo-content h2, 
	section#reviews h2, 
	section#yandex-reviews h2, 
	section#index_gallery h2, 
	section#index_service h2, 
	section#index_advantages h2, 
	#news_list h2, 
	section.faq h2, 
	div#index_frame section#callback p.callback-title, 
	section#index_brands h2,
	div#index_frame div#payment p.seo-ttile-payment {
		font-size: 20px;
	}
}

section#reviews, section#yandex-reviews {
	width: auto;
}

.reviews-swiper .content p {
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    line-clamp: 3;
    -webkit-box-orient: vertical;
}

.reviews-swiper .expanded .content p {
	-webkit-line-clamp: none;
    line-clamp: none;
}

.reviews-swiper .more {
	border: none;
	padding: 0;
	font-weight: 600;
	color: #24325f;
	background: transparent;
}

.articles-grid .swiper-button-next,.articles-grid .swiper-button-prev {
    position: static;
    background: #24325f;
    width: 36px;
    height: 36px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    border-radius: 100%;
    padding: 8px;
    margin: 0!important
}

.articles-grid .swiper-button-disabled {
    background: #e5e5e5
}

.articles-grid .swiper-button-disabled path {
    fill: #6c6c6c
}

.articles-grid .swiper-button-next:after,.articles-grid .swiper-button-prev:after {
    display: none
}

.articles-grid .swiper-pagination {
    width: auto!important;
    position: static!important;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.articles-grid .swiper-pagination-bullet {
    background: #e5e5e5;
    opacity: 1!important;
    width: 10px;
    height: 10px
}

.articles-grid .swiper-pagination-bullet-active {
    background: #24325f
}

.news-navigation {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 22px;
    margin-top: 25px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

#news_list .articles-grid .item .img-container {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}

#sales .swiper-button-next,#sales .swiper-button-prev {
    position: static;
    background: #24325f;
    width: 36px;
    height: 36px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    border-radius: 100%;
    padding: 8px;
    margin: 0!important
}

#sales .swiper-button-disabled {
    background: #e5e5e5
}

#sales .swiper-button-disabled path {
    fill: #6c6c6c
}

#sales .swiper-button-next:after,#sales .swiper-button-prev:after {
    display: none
}

#sales .swiper-pagination {
    width: auto!important;
    position: static!important;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

#sales .swiper-pagination-bullet {
    background: #e5e5e5;
    opacity: 1!important;
    width: 10px;
    height: 10px
}

#sales .swiper-pagination-bullet-active {
    background: #24325f
}

.sales-navigation {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 22px;
    margin-top: 25px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

section#sales {
	margin-bottom: 75px;
	width: 100%;
	margin-top: 0;
	margin-left: 0;
}

#sales h2 {
	font-size: 30px;
    padding-top: 0;
    margin-left: 0;
    width: 100%;
    font-weight: 700;
    text-align: left;
    margin-bottom: 35px;
}

@media screen and (max-width: 768px) {
	#sales h2 {
		font-size: 20px;
	}

    .contact-banner.blue h2 {
        padding: 0;
    }

    .seo-content h2 {
        padding: 0;
    }

    .sales-slider .swiper-slide img {
        max-width: 52%;
    }

    #main_ui {
            margin-top: 100px;
    }

    div#index_slider {
        height: calc(100vh - 30px);
    }

    .banner-btn {
        padding: 15px 30px;
    }

    .main-container.payment {
        padding: 0;
        max-width: 100%;
    }
}

.sales-slider .slide-content {
	border-radius: 25px;
	background: -o-linear-gradient(241deg, #2d375b 0%, #5f75c1 100%);
	background: linear-gradient(209deg, #2d375b 0%, #5f75c1 100%);
	padding: 25px;
    height: 238px;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
}

.sales-slider .swiper-slide:nth-child(even) .slide-content {
    background: -o-linear-gradient(310deg, #f0424f 0%, #8a262d 100%), -o-linear-gradient(125deg, rgba(255, 255, 255, 0.2) 0%, rgba(255, 255, 255, 0.2) 100%);
    background: linear-gradient(140deg, #f0424f 0%, #8a262d 100%), linear-gradient(325deg, rgba(255, 255, 255, 0.2) 0%, rgba(255, 255, 255, 0.2) 100%);
}


.sales-slider .swiper-slide img {
    position: absolute;
    right: 0;
    bottom: 0;
    border-bottom-right-radius: 25px;
}

.sales-slider .swiper-slide h3,
.sales-slider .swiper-slide p {
	max-width: 233px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	color: #fff;
}

.sales-slider .swiper-slide h3 {
	font-weight: 700;
	font-size: 24px;
	color: #fff;
	margin-bottom: 13px;
	margin-top: 0;
	padding: 0;
}

.sales-slider .swiper-slide p {
	font-weight: 700;
	font-size: 14px;
	line-height: 157%;
	color: #fff;
	margin-bottom: 13px;
	margin-top: 0;
	display: inline-block;
}

.sales-slider .swiper-slide a {
	border-radius: 10px;
	padding: 10px 35px;
	background: #f0424f;
	font-weight: 400;
	font-size: 16px;
	color: #fff;
	display: inline-block;
        width: -webkit-fit-content;
        width: -moz-fit-content;
        width: fit-content;
}

.sales-slider .swiper-slide:nth-child(even) a {
    background: #fff;
    color: #f0424f;
}

section#index_advantages li h3 {
    color: #f0424f;
}

section#index_advantages li {
    border-radius: 20px;
}

#news_list .articles-grid p {
        overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    line-clamp: 3;
    -webkit-box-orient: vertical;
}

@media screen and (max-width: 968px) {
    #news_list .articles-grid .item .img-container img {
		        width: 170px;
        height: 300px;
        border-radius: 15px 0 0 15px;
	}
}

div#yandex-map {
    padding-left: 80px;
}

@media screen and (max-width: 968px) { 
    div#yandex-map {
        padding-left: 0px;
    }
}