@font-face {
    font-family: 'Gilroy';
    src: url('../fonts/Gilroy-Regular.eot')/*tpa=http://kr1sck.ru/jazz-hall/fonts/OpenSans-Italic.eot*/
    ;
    src: url('../fonts/Gilroy-Regular-#iefix')/*tpa=http://kr1sck.ru/jazz-hall/fonts/OpenSans-Italic.eot?#iefix*/
    format('embedded-opentype'), url('../fonts/Gilroy-Regular.woff')/*tpa=http://kr1sck.ru/jazz-hall/fonts/OpenSans-Italic.woff*/
    format('woff'), url('../fonts/Gilroy-Regular.ttf')/*tpa=http://kr1sck.ru/jazz-hall/fonts/OpenSans-Italic.ttf*/
    format('truetype'), url('../fonts/Gilroy-Regular.svg#Gilroy-Regular')/*tpa=http://kr1sck.ru/jazz-hall/fonts/OpenSans-Italic.svg#OpenSans-Italic*/
    format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Gilroy';
    src: url('../fonts/Gilroy-Bold.eot')/*tpa=http://kr1sck.ru/jazz-hall/fonts/OpenSans-Italic.eot*/
    ;
    src: url('../fonts/Gilroy-Bold-#iefix')/*tpa=http://kr1sck.ru/jazz-hall/fonts/OpenSans-Italic.eot?#iefix*/
    format('embedded-opentype'), url('../fonts/Gilroy-Bold.woff')/*tpa=http://kr1sck.ru/jazz-hall/fonts/OpenSans-Italic.woff*/
    format('woff'), url('../fonts/Gilroy-Bold.ttf')/*tpa=http://kr1sck.ru/jazz-hall/fonts/OpenSans-Italic.ttf*/
    format('truetype'), url('../fonts/Gilroy-Bold.svg#Gilroy-Bold')/*tpa=http://kr1sck.ru/jazz-hall/fonts/OpenSans-Italic.svg#OpenSans-Italic*/
    format('svg');
    font-weight: 900;
    font-style: normal;
}
@font-face {
    font-family: 'Gilroy';
    src: url('../fonts/Gilroy-Medium.eot')/*tpa=http://kr1sck.ru/jazz-hall/fonts/OpenSans-Italic.eot*/
    ;
    src: url('../fonts/Gilroy-Medium-#iefix')/*tpa=http://kr1sck.ru/jazz-hall/fonts/OpenSans-Italic.eot?#iefix*/
    format('embedded-opentype'), url('../fonts/Gilroy-Medium.woff')/*tpa=http://kr1sck.ru/jazz-hall/fonts/OpenSans-Italic.woff*/
    format('woff'), url('../fonts/Gilroy-Medium.ttf')/*tpa=http://kr1sck.ru/jazz-hall/fonts/OpenSans-Italic.ttf*/
    format('truetype'), url('../fonts/Gilroy-Medium.svg#Gilroy-Medium')/*tpa=http://kr1sck.ru/jazz-hall/fonts/OpenSans-Italic.svg#OpenSans-Italic*/
    format('svg');
    font-weight: 700;
    font-style: normal;
}
@font-face {
    font-family: 'Gilroy';
    src: url('../fonts/Gilroy-Light.eot')/*tpa=http://kr1sck.ru/jazz-hall/fonts/OpenSans-Italic.eot*/
    ;
    src: url('../fonts/Gilroy-Light-#iefix')/*tpa=http://kr1sck.ru/jazz-hall/fonts/OpenSans-Italic.eot?#iefix*/
    format('embedded-opentype'), url('../fonts/Gilroy-Light.woff')/*tpa=http://kr1sck.ru/jazz-hall/fonts/OpenSans-Italic.woff*/
    format('woff'), url('../fonts/Gilroy-Light.ttf')/*tpa=http://kr1sck.ru/jazz-hall/fonts/OpenSans-Italic.ttf*/
    format('truetype'), url('../fonts/Gilroy-Light.svg#Gilroy-Light')/*tpa=http://kr1sck.ru/jazz-hall/fonts/OpenSans-Italic.svg#OpenSans-Italic*/
    format('svg');
    font-weight: 300;
    font-style: normal;
}


*::-webkit-input-placeholder {
    color: #DDDDDD;
}
*:-moz-placeholder {
    color: #DDDDDD;
}
*::-moz-placeholder {
    color: #DDDDDD;
}
*:-ms-input-placeholder {
    color: #DDDDDD;
}
input:focus::-webkit-input-placeholder {
    opacity: 0.2;
    transition: opacity 0.2s ease;
}
input:focus::-moz-placeholder {
    opacity: 0.2;
    transition: opacity 0.2s ease;
}
input:focus:-moz-placeholder {
    opacity: 0.2;
    transition: opacity 0.2s ease;
}
input:focus:-ms-textarea-placeholder {
    opacity: 0.5;
    transition: opacity 0.5s ease;
}
textarea:focus::-webkit-input-placeholder {
    opacity: 0.2;
    transition: opacity 0.2s ease;
}
textarea:focus::-moz-placeholder {
    opacity: 0.2;
    transition: opacity 0.2s ease;
}
textarea:focus:-moz-placeholder {
    opacity: 0.2;
    transition: opacity 0.2s ease;
}
textarea:focus:-ms-textarea-placeholder {
    opacity: 0.5;
    transition: opacity 0.5s ease;
}
.phone::-ms-clear {
    display: none;
}
html {
    overflow-x: hidden;
    min-width: 320px;
}
html, body, div, span, h1, h2, h3, h4, h5, h6, a, p, img, ol, ul, li, form, input, button, textarea, label, fieldset, legend, blockquote, table, caption, tbody, tfoot, thead, tr, th, td, sub, sup, object, iframe {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
}
*:focus {
    outline: 0;
}
b, strong {
    font-weight: 700;
}
i, em {
    font-style: italic;
}
li {
    list-style: none;
}
table {
    border-spacing: 0;
    border-collapse: collapse;
}
td, th {
    vertical-align: middle;
}
a, [type="submit"], [type="button"], label, select, button {
    cursor: pointer;
}
a {
    color: inherit;
    text-decoration: none;
}
textarea {
    resize: none;
    overflow: auto;
}
sup {
    vertical-align: super;
}
sub {
    vertical-align: sub;
}
div a:hover, div a:active, div a:focus {
    outline: none;
}
aside, header, footer, article, section, nav {
    display: block;
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
}
html {
    -webkit-text-size-adjust: none;
}
input:not([type="checkbox"]):not([type="radio"]) {
    -webkit-appearance: none;
}
* {
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}
iframe {
    display: block;
    position: relative;
}
body {
    background: #fff;
    overflow: hidden;
    min-width: 320px;
    font-family: 'Gilroy';
    margin: 0px;
}
a:hover, a:active, a:focus, button:hover, button:active, button:focus,input {
    text-decoration: none;
    color: #000;
    outline: none!important;
}
a {
    cursor: pointer;
}
/* Animation */

a, button,.link-phone:after,.logo img,.certificat__item a:before,.certificat__item-img a:after,#top__line,.btn-news:after,.news__item_img img,.slick-dots li,.services__item:after,.services__item_dsc-btn,.services__item_dsc{
    cursor: pointer;
    -webkit-transition: all 0.3s ease-out 0s;
    -moz-transition: all 0.3s ease-out 0s;
    -ms-transition: all 0.3s ease-out 0s;
    -o-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s;
}

.top__line-col{padding: 0px 15px;}
#top__line{position: fixed; padding: 20px 0px; top: 0px; left: 0px; right: 0px; z-index: 111;}
.top__line-logo{font-size: 0px;}
.home #top__line{color: #fff;}
.home #top__line .link-phone{color: #fff;}
.home #top__line .link-phone:hover{color: #fff;}
.home #top__line .link-phone:after{background: #fff;}
.home #top__line .btn-call{color: #fff; border-color: #fff;}
.home #top__line .btn-call:hover{color: #0C5ADB; background:  #fff;}
.home #top__line .logo-txt:before{background: #fff; }
.home #top__line .logo-dec{display: block;}
.home #top__line .logo-dec-color{display: none;}
.home #top__line .logo{color: #fff;}
.logo img{max-width: 100px;}
#top__line.fixed .logo img{max-width: 90px;}
#top__line.fixed .logo-txt{font-size: 13px;}
#top__line.fixed .link-phone{font-size: 15px;}
.home #top__line.fixed{background: #0C5ADB; padding: 10px 0px;box-shadow:  0 0 15px rgba(0,0,0,0.1)}
#top__line.fixed{background: #fff; padding: 10px 0px; box-shadow:  0 0 15px rgba(0,0,0,0.1)}
.logo-mob{display: none;}
.logo-dec{display: none;}
.link-phone{font-size: 18px; position: relative; letter-spacing: 0.12em; font-weight: 700;}
.link-phone:hover{color: #000;}
.link-phone:after{content: ""; width: 0px; left: 0px; right: 0px; margin: 0px auto; background: #000; height: 2px; position: absolute; bottom: -2px; display: inline-block;}
.link-phone:hover:after{width: 100%;}
.top__line_contact{display: flex; align-items: center;}
.top__line_contact-btn{padding-left: 30px;}
.btn-call{color: #0C5ADB; letter-spacing: 0.04em; display: inline-block; border: 2px solid #0C5ADB;  height: 50px; line-height: 46px; border-radius: 25px;  width: 180px; text-align: center;  font-size: 14px; font-weight: 900;}
.btn-call:hover{color: #fff; background: #0C5ADB;}

#header{min-height: 780px; width: 100%; position: relative; background-size: cover; background-position: center;}
#header:after{content: ""; position: absolute; left: 0; right: 0; bottom: 0; top: 0; z-index: 1; display: inline-block; background: #293742; opacity: 0.6;}
.logo{display: inline-flex; align-items: center;}
.logo-txt{ font-size: 16px; font-weight: 700; position: relative; padding-left: 17px; margin-left: 15px;}
.logo-txt:before{content: "";  height: 40px; top: 50%; margin-top: -20px; left: 0px; width: 2px; background: #000; display: inline-block; position: absolute;}
.header_dsc{max-width: 700px; }
.header_dsc-title{font-weight: 900; font-size: 60px; line-height: 64px; color: #fff; letter-spacing: 0.05em;}
.btn-call-blue{height: 60px; letter-spacing: 0.04em; background: #0C5ADB; border-radius: 40px;  width: 250px; color: #fff; line-height: 60px; text-align: center; display: inline-block;  font-size: 18px;}
.header_dsc-btn{padding-top: 50px;}
#header{display: flex; align-items: center;}
#header .container{position: relative;z-index: 12;}
.btn-call-blue:hover{background: #FF6A6A; color: #fff;}

#services{margin-top: -80px; position: relative; z-index: 13;}
.services__item{height: 400px; margin-bottom: 40px; position: relative; color: #fff; border-radius: 10px; overflow: hidden;}
.services__item-img img{height: 100%; position: absolute; left: 0px; width: 100%; object-fit: cover; object-position: center;}
.services__item:after{content: ""; position: absolute; left: 0; right: 0; bottom: 0; top: 0; z-index: 1; display: inline-block; background: #293742; opacity: 0.6;}
.services__item_dsc{position: absolute; text-align: center;  z-index: 12; left: 0px; bottom: 0px; right: 0px; padding: 0px 30px 30px;}
.services__item_dsc-title{font-size: 18px; line-height: 24px; text-align: center; padding-top: 10px;}
.btn-readmore{color: #fff; letter-spacing: 0.04em; display: inline-block; border: 2px solid #fff;  height: 50px; line-height: 46px; border-radius: 25px;  width: 220px; text-align: center;  font-size: 14px; font-weight: 700;}
.btn-readmore:hover{color: #0C5ADB; background: #fff;}
.services__item_dsc-btn{padding-top: 20px; opacity: 0; visibility: hidden; }
.services__item:hover:after{background: #0C5ADB; opacity: 0.85;}
.services__item:hover .services__item_dsc-btn{opacity: 1; visibility: visible;}
.services__item_dsc{transform: translateY(50px);}
.services__item:hover  .services__item_dsc{transform: translateY(0px)}

#news{padding: 80px 0px 110px;}
.title{text-align: center; font-size: 56px; font-weight: 700; padding-bottom: 50px;}
.news-col{padding: 0px 15px;}
.news__item_img{position: relative; border-radius:10px; overflow: hidden; padding-bottom: 73.447%; }
.news__item_img img{height: 100%;width: 100%; object-fit: cover;object-position: center; left: 0px;  position: absolute; }
.news__item_dsc-title{font-size: 24px; font-weight: 700; padding-top: 25px;}
.news__item_dsc-txt{padding-top: 20px; font-size: 18px; line-height: 24px; }
.btn-news{font-weight: 300; display: inline-flex; align-items: center;}
.btn-news:after{content: ""; position: relative; top: -1px; background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='19' height='12' viewBox='0 0 19 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill-rule='evenodd' clip-rule='evenodd' d='M12.2189 0.968875C12.2885 0.899031 12.3713 0.843616 12.4624 0.805806C12.5535 0.767997 12.6512 0.748535 12.7499 0.748535C12.8485 0.748535 12.9462 0.767997 13.0373 0.805806C13.1284 0.843616 13.2112 0.899031 13.2809 0.968875L17.7809 5.46887C17.8507 5.53854 17.9061 5.62131 17.9439 5.71242C17.9818 5.80354 18.0012 5.90122 18.0012 5.99987C18.0012 6.09853 17.9818 6.19621 17.9439 6.28732C17.9061 6.37844 17.8507 6.46121 17.7809 6.53087L13.2809 11.0309C13.14 11.1717 12.949 11.2508 12.7499 11.2508C12.5507 11.2508 12.3597 11.1717 12.2189 11.0309C12.078 10.89 11.9989 10.699 11.9989 10.4999C11.9989 10.3007 12.078 10.1097 12.2189 9.96887L16.1894 5.99987L12.2189 2.03088C12.149 1.96121 12.0936 1.87844 12.0558 1.78733C12.018 1.69621 11.9985 1.59853 11.9985 1.49988C11.9985 1.40122 12.018 1.30354 12.0558 1.21242C12.0936 1.12131 12.149 1.03854 12.2189 0.968875Z' fill='black'/%3e%3cpath fill-rule='evenodd' clip-rule='evenodd' d='M0 6C0 5.80109 0.0790178 5.61032 0.21967 5.46967C0.360322 5.32902 0.551088 5.25 0.75 5.25H16.5C16.6989 5.25 16.8897 5.32902 17.0303 5.46967C17.171 5.61032 17.25 5.80109 17.25 6C17.25 6.19891 17.171 6.38968 17.0303 6.53033C16.8897 6.67098 16.6989 6.75 16.5 6.75H0.75C0.551088 6.75 0.360322 6.67098 0.21967 6.53033C0.0790178 6.38968 0 6.19891 0 6Z' fill='black'/%3e%3c/svg%3e "); height: 12px; width: 19px; display: inline-block; margin-left: 10px;}
.news__item_dsc-btn{padding-top: 20px;}
.btn-news:hover:after{margin-left: 15px; background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='19' height='12' viewBox='0 0 19 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill-rule='evenodd' clip-rule='evenodd' d='M12.2189 0.968875C12.2885 0.899031 12.3713 0.843616 12.4624 0.805806C12.5535 0.767997 12.6512 0.748535 12.7499 0.748535C12.8485 0.748535 12.9462 0.767997 13.0373 0.805806C13.1284 0.843616 13.2112 0.899031 13.2809 0.968875L17.7809 5.46887C17.8507 5.53854 17.9061 5.62131 17.9439 5.71242C17.9818 5.80354 18.0012 5.90122 18.0012 5.99987C18.0012 6.09853 17.9818 6.19621 17.9439 6.28732C17.9061 6.37844 17.8507 6.46121 17.7809 6.53087L13.2809 11.0309C13.14 11.1717 12.949 11.2508 12.7499 11.2508C12.5507 11.2508 12.3597 11.1717 12.2189 11.0309C12.078 10.89 11.9989 10.699 11.9989 10.4999C11.9989 10.3007 12.078 10.1097 12.2189 9.96887L16.1894 5.99987L12.2189 2.03088C12.149 1.96121 12.0936 1.87844 12.0558 1.78733C12.018 1.69621 11.9985 1.59853 11.9985 1.49988C11.9985 1.40122 12.018 1.30354 12.0558 1.21242C12.0936 1.12131 12.149 1.03854 12.2189 0.968875Z' fill='%230C5ADB'/%3e%3cpath fill-rule='evenodd' clip-rule='evenodd' d='M0 6C0 5.80109 0.0790178 5.61032 0.21967 5.46967C0.360322 5.32902 0.551088 5.25 0.75 5.25H16.5C16.6989 5.25 16.8897 5.32902 17.0303 5.46967C17.171 5.61032 17.25 5.80109 17.25 6C17.25 6.19891 17.171 6.38968 17.0303 6.53033C16.8897 6.67098 16.6989 6.75 16.5 6.75H0.75C0.551088 6.75 0.360322 6.67098 0.21967 6.53033C0.0790178 6.38968 0 6.19891 0 6Z' fill='%230C5ADB'/%3e%3c/svg%3e ");}
.btn-news:hover{color: #0C5ADB;}
.news__item_img a:hover img{transform: scale(1.1);}
.news__item_dsc-title a:hover{color: #0C5ADB;}

#map{width: 100%; height: 600px;}
ymaps { filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter ….3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); -webkit-filter: grayscale(100%);}


.wpcf7 form .wpcf7-response-output{    padding: 0.5em 1em;
    border-radius: 40px;}

#feadback{position: relative;z-index: 11; padding-bottom: 60px;  margin-top: -140px;}
.feadback__item{max-width: 800px; background: #fff; border-radius: 20px; padding: 60px 30px; width: 100%; margin: 0px auto; box-shadow:  0 0 20px rgba(0,0,0,0.15); }
.title-sub{font-size: 28px; text-align: center;}
.feadback__item .title{padding-bottom: 15px;}
.feadback__item_form{padding-top: 50px; text-align: center; max-width: 400px; margin: 0px auto;}
.feadback__item_form input{height: 50px; width: 100%; padding: 0px 25px; border-radius: 25px; border:1px solid #C6C6C6; margin: 15px 0px;}
.feadback__item_form input.wpcf7-submit{height: 60px; margin-top: 20px; border:none; border-radius: 30px; display: inline-block; width: 280px; color: #fff; background: #0C5ADB; font-size: 18px;}
.feadback__item_form input.wpcf7-submit:hover{color: #fff; background: #FF6A6A;}
.post-img{width: 100%; margin-bottom: 30px; position: relative; padding-bottom: 46%; }
.post-img img{height: 100%; width: 100%; object-fit: cover; object-position: center; position: absolute;}
#footer{background: #0C5ADB; color: #fff; padding: 45px 0px;}
.footer-btn{margin-top: 20px;}
.logo-f img{max-width: 110px;}
.logo-f {font-size: 0px;}
.footer__contact-title{font-size: 18px; font-weight: 900; padding-bottom: 30px;}
.footer__contact-list{font-size: 14px; font-weight: 300; line-height: 20px;}
.footer__contact-list span{font-weight: 700; padding-bottom: 5px; display: block;}
.footer__contact{width: 160px;}
.footer__contact-list li{padding-bottom: 15px;}
.footer__contact-list li:last-child{padding-bottom: 0px;}
.footer__contact-list a:hover{color: #fff;}
.footer-col{padding: 0px 15px;}

.news__item_dsc-txt{min-height: 100px; position: relative;}
.news__item_dsc-txt:after{content: ""; display: inline-block; height: 20px; left: 0px; right: 0px; bottom: 0px; position: absolute; }
#main__page{background: #F2F2F2; position: relative; padding-bottom: 90px; display: flex; align-items: center; min-height: 450px; margin-top: 100px;}
.page-title{font-size: 52px; max-width: 900px; margin: 0px auto; text-align: center; line-height: 64px;}
.main__page-breadcrumps{position: absolute; text-align: center; left: 0px; right: 0px; bottom: 50px;}
.breadcrumps-list li{display: inline-block;}
.breadcrumps-list{white-space: nowrap; font-size: 0px; display: inline-block; font-weight: 300; background: #fff;height: 40px; border-radius: 20px; line-height: 40px; padding: 0px 50px;}
.breadcrumps-list a{color: #646464; font-size: 16px;}
.breadcrumps-list li:last-child a{pointer-events: none; color: #000;}
.breadcrumps-list li:after{content: "/"; color: #646464; font-size: 16px; position: relative; top: 1px; display: inline-block; padding: 0px 5px 0px 2px;}

.breadcrumps-list li:last-child:after{display: none;}

#wrapper{padding: 60px 0px;}
#sidebar{padding: 0px 15px; width: 370px;}
#content{width: calc(100% - 370px); padding: 0px 15px 0px 30px;}

.catalog_item{box-shadow:  0 0 15px rgba(0,0,0,0.15); padding: 30px 20px 80px; background: #fff;}
.catalog_item-title{text-align: center;font-size: 24px; font-weight: 700; padding-bottom: 25px;}
.catalog_item-list {line-height: 24px;}
.catalog_item-list li{padding-bottom: 10px;}
.catalog_item-list li:last-child{padding-bottom: 0px;}
.catalog_item-list  a:hover{color: #0C5ADB;}
#content img{max-width: 100%; margin-bottom: 20px;}
#content{line-height: 24px;}
#content-post img{max-width: 100%; margin-bottom: 20px;}
#content-post{line-height: 24px;}



#certificat{padding: 80px 0px 50px;}
.certificat__item{font-size: 0px; text-align: center;}
.certificat-col{padding: 0px 15px;}
.certificat__item{ max-width: 320px;width: 100%; margin: 0px auto;}
.certificat__item-img{position: relative;padding-bottom: 137.5%; width: 100%; overflow: hidden; display: inline-block;}
.certificat__item img{height: 100%; width: 100%; object-fit: cover; object-position: center; position: absolute; left: 0px;}
.certificat__item-img a:after{content: ""; display: inline-block; position: absolute; left: 0; top: 0; bottom: 0; right: 0; z-index: 1; background: #0C5ADB; opacity: 0; visibility: hidden;}
.certificat__item a:hover:after{opacity: 0.85; visibility: visible;}
.certificat__item a:before{content: ""; height: 90px; width: 90px; top: 50%; margin-top: -45px; left: 50%; margin-left: -45px; z-index: 2; position: absolute; background: url(../img/zoom.svg); transform: scale(0); opacity: 0;}
.certificat__item a:hover:before{opacity: 1; transform: scale(1);}


/*******************Модальные окна*******************/

.popup_window {
    max-width: 400px;
    margin: 40px auto;
    border-radius: 30px;
	background:#fff;
    padding: 45px 30px;
    position: relative;
    width: 100%;
}
#popup-thank {
    max-width: 600px;
}
.popup_window .feadback__item_form{padding-top:30px;}
.title-form {
    font-size: 30px;
    font-weight: 900;
    text-align: center;
    padding-bottom: 0px;
    line-height: 36px;
    color: #54575b;
}
#popup-call .questions__form {
    margin: 0px;
}
.lg-backdrop.in {
    opacity: 0.6!important
}
.mfp-zoom-in .mfp-with-anim {
    opacity: 0;
    transition: all 0.2s ease-in-out;
    transform: scale(0.8);
}
.mfp-zoom-in.mfp-bg {
    opacity: 0;
    transition: all 0.3s ease-out;
}
.mfp-zoom-in.mfp-ready .mfp-with-anim {
    opacity: 1;
    transform: scale(1);
}
.mfp-zoom-in.mfp-ready.mfp-bg {
    opacity: 0.3;
}
.mfp-zoom-in.mfp-removing .mfp-with-anim {
    transform: scale(0.8);
    opacity: 0;
}
.mfp-zoom-in.mfp-removing.mfp-bg {
    opacity: 0;
}
.custom-scroll_container {
    overflow: hidden !important;
    position: relative;
}
.custom-scroll_inner {
    overflow: scroll;
    height: 100%;
    *position: absolute;
    /* ie7 fix */
    *left: 0;
    *right: 0;
}
.custom-scroll_inner::-webkit-scrollbar {
    width: 0;
    height: 0;
}
.custom-scroll_inner {
    -ms-overflow-style: none;
}
.custom-scroll_bar-y, .custom-scroll_bar-x {
    cursor: default;
    position: absolute;
    border-radius: 1px;
    z-index: 1;
    background: #888;
    opacity: .4;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -o-user-select: none;
    user-select: none;
    transition: opacity .2s;
}
.custom-scroll_bar-y {
    top: 0;
    right: 1px;
    width: 8px;
}
.custom-scroll_bar-x {
    left: 0;
    bottom: 1px;
    height: 8px;
}
.custom-scroll_bar-y:hover, .custom-scroll_bar-x:hover {
    opacity: .7;
}
.custom-scroll_bar-y:active, .custom-scroll_bar-x:active {
    opacity: 1;
}
.custom-scroll_hidden-y>.custom-scroll_bar-y, .custom-scroll_hidden-x>.custom-scroll_bar-x {
    opacity: 0;
    visibility: hidden;
    transition: opacity .2s, visibility step-end .3s;
}





.preloader {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100vh;
  overflow: hidden;
	    position: fixed;
    left: 0px;
    right: 0px;
    bottom: 0px;
    top: 0px;
    z-index: 11111;
    background: #fff;
}

.item-1 {
  width: 100px;
  height: 100px;
  position: absolute;
  animation: right-1 4s infinite cubic-bezier(0, 0, 0.49, 1.02);
  animation-delay: 100ms;
  display: flex;
  justify-content: center;
  align-items: center;
}
@keyframes right-1 {
  10% {
    transform: rotate(250deg) translate(0, 0px);
  }
  50%, 65% {
    transform: rotate(250deg) translateX(-100px);
  }
  100% {
    transform: rotate(250deg) translate(0, 0px);
  }
}
.item-1 > * {
  width: 20px;
  height: 20px;
  background: #F583A1;
  border-radius: 50%;
  background-color: #88B5FF; 
}

.item-2 {
  width: 100px;
  height: 100px;
  position: absolute;
  animation: right-2 4s infinite cubic-bezier(0, 0, 0.49, 1.02);
  animation-delay: 200ms;
  display: flex;
  justify-content: center;
  align-items: center;
}
@keyframes right-2 {
  10% {
    transform: rotate(375deg) translate(0, 0px);
  }
  50%, 65% {
    transform: rotate(375deg) translateX(-100px);
  }
  100% {
    transform: rotate(375deg) translate(0, 0px);
  }
}
.item-2 > * {
  width: 20px;
  height: 20px;
  background: #F583A1;
  border-radius: 50%;
  background-color: #88B5FF; 
}

.item-3 {
  width: 100px;
  height: 100px;
  position: absolute;
  animation: right-3 4s infinite cubic-bezier(0, 0, 0.49, 1.02);
  animation-delay: 300ms;
  display: flex;
  justify-content: center;
  align-items: center;
}
@keyframes right-3 {
  10% {
    transform: rotate(500deg) translate(0, 0px);
  }
  50%, 65% {
    transform: rotate(500deg) translateX(-100px);
  }
  100% {
    transform: rotate(500deg) translate(0, 0px);
  }
}
.item-3 > * {
  width: 20px;
  height: 20px;
  background: #F583A1;
  border-radius: 50%;
  background-color: #88B5FF; 
}

.item-4 {
  width: 100px;
  height: 100px;
  position: absolute;
  animation: right-4 4s infinite cubic-bezier(0, 0, 0.49, 1.02);
  animation-delay: 400ms;
  display: flex;
  justify-content: center;
  align-items: center;
}
@keyframes right-4 {
  10% {
    transform: rotate(625deg) translate(0, 0px);
  }
  50%, 65% {
    transform: rotate(625deg) translateX(-100px);
  }
  100% {
    transform: rotate(625deg) translate(0, 0px);
  }
}
.item-4 > * {
  width: 20px;
  height: 20px;
  background: #F583A1;
  border-radius: 50%;
  background-color: #4088FF; 
}

.item-5 {
  width: 100px;
  height: 100px;
  position: absolute;
  animation: right-5 4s infinite cubic-bezier(0, 0, 0.49, 1.02);
  animation-delay: 500ms;
  display: flex;
  justify-content: center;
  align-items: center;
}
@keyframes right-5 {
  10% {
    transform: rotate(750deg) translate(0, 0px);
  }
  50%, 65% {
    transform: rotate(750deg) translateX(-100px);
  }
  100% {
    transform: rotate(750deg) translate(0, 0px);
  }
}
.item-5 > * {
  width: 20px;
  height: 20px;
  background: #F583A1;
  border-radius: 50%;
  background-color: #4088FF; 
}

.item-6 {
  width: 100px;
  height: 100px;
  position: absolute;
  animation: right-6 4s infinite cubic-bezier(0, 0, 0.49, 1.02);
  animation-delay: 600ms;
  display: flex;
  justify-content: center;
  align-items: center;
}
@keyframes right-6 {
  10% {
    transform: rotate(875deg) translate(0, 0px);
  }
  50%, 65% {
    transform: rotate(875deg) translateX(-100px);
  }
  100% {
    transform: rotate(875deg) translate(0, 0px);
  }
}
.item-6 > * {
  width: 20px;
  height: 20px;
  background: #F583A1;
  border-radius: 50%;
  background-color: #4088FF; 
}

.item-7 {
  width: 100px;
  height: 100px;
  position: absolute;
  animation: right-7 4s infinite cubic-bezier(0, 0, 0.49, 1.02);
  animation-delay: 700ms;
  display: flex;
  justify-content: center;
  align-items: center;
}
@keyframes right-7 {
  10% {
    transform: rotate(1000deg) translate(0, 0px);
  }
  50%, 65% {
    transform: rotate(1000deg) translateX(-100px);
  }
  100% {
    transform: rotate(1000deg) translate(0, 0px);
  }
}
.item-7 > * {
  width: 20px;
  height: 20px;
  background: #F583A1;
  border-radius: 50%;
  background-color: #0C5ADB; 
}

.item-8 {
  width: 100px;
  height: 100px;
  position: absolute;
  animation: right-8 4s infinite cubic-bezier(0, 0, 0.49, 1.02);
  animation-delay: 800ms;
  display: flex;
  justify-content: center;
  align-items: center;
}
@keyframes right-8 {
  10% {
    transform: rotate(1125deg) translate(0, 0px);
  }
  50%, 65% {
    transform: rotate(1125deg) translateX(-100px);
  }
  100% {
    transform: rotate(1125deg) translate(0, 0px);
  }
}
.item-8 > * {
  width: 20px;
  height: 20px;
  background: #F583A1;
  border-radius: 50%;
  background-color: #0C5ADB; 
}

.item-9 {
  width: 100px;
  height: 100px;
  position: absolute;
  animation: right-9 4s infinite cubic-bezier(0, 0, 0.49, 1.02);
  animation-delay: 900ms;
  display: flex;
  justify-content: center;
  align-items: center;
}
@keyframes right-9 {
  10% {
    transform: rotate(1250deg) translate(0, 0px);
  }
  50%, 65% {
    transform: rotate(1250deg) translateX(-100px);
  }
  100% {
    transform: rotate(1250deg) translate(0, 0px);
  }
}
.item-9 > * {
  width: 20px;
  height: 20px;
  background: #F583A1;
  border-radius: 50%;
  background-color: #0C5ADB;
}


.loaded_hiding .preloader {
      transition: 0.3s opacity;
      opacity: 0;
    }

    .loaded .preloader {
      display: none;
    }