/* Google Fonts font-face declarations; font files remain on fonts.gstatic.com. */
/* cyrillic-ext */
@font-face {
  font-family: 'Golos Text';
  font-style: normal;
  font-weight: 400 900;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/golostext/v7/q5uCsoe9Lv5t7Meb31EcEx58hK5SAMqbpw.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'Golos Text';
  font-style: normal;
  font-weight: 400 900;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/golostext/v7/q5uCsoe9Lv5t7Meb31EcExd8hK5SAMqbpw.woff2) format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* latin-ext */
@font-face {
  font-family: 'Golos Text';
  font-style: normal;
  font-weight: 400 900;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/golostext/v7/q5uCsoe9Lv5t7Meb31EcEx18hK5SAMqbpw.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Golos Text';
  font-style: normal;
  font-weight: 400 900;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/golostext/v7/q5uCsoe9Lv5t7Meb31EcExN8hK5SAMo.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 200 800;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/manrope/v20/xn7gYHE41ni1AdIRggqxSvfedN62Zw.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 200 800;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/manrope/v20/xn7gYHE41ni1AdIRggOxSvfedN62Zw.woff2) format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek */
@font-face {
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 200 800;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/manrope/v20/xn7gYHE41ni1AdIRggSxSvfedN62Zw.woff2) format('woff2');
  unicode-range: U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF;
}
/* vietnamese */
@font-face {
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 200 800;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/manrope/v20/xn7gYHE41ni1AdIRggixSvfedN62Zw.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 200 800;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/manrope/v20/xn7gYHE41ni1AdIRggmxSvfedN62Zw.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 200 800;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/manrope/v20/xn7gYHE41ni1AdIRggexSvfedN4.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}


/* Source: slick.css; original cascade order retained. */
.slick-slider{position:relative;display:block;box-sizing:border-box;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none;-khtml-user-select:none;-ms-touch-action:pan-y;touch-action:pan-y;-webkit-tap-highlight-color:transparent}
.slick-list{position:relative;display:block;overflow:hidden;margin:0;padding:0}
.slick-list:focus{outline:none}
.slick-list.dragging{cursor:pointer;cursor:hand}
.slick-slider .slick-track,.slick-slider .slick-list{-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
.slick-track{position:relative;top:0;left:0;display:block;margin-left:auto;margin-right:auto}
.slick-track:before,.slick-track:after{display:table;content:''}
.slick-track:after{clear:both}
.slick-loading .slick-track{visibility:hidden}
.slick-slide{position:relative;display:none;float:left;height:100%;min-height:1px;outline:none}
[dir='rtl'] .slick-slide{float:right}
.slick-slide img{display:block}
.slick-slide.slick-loading img{display:none}
.slick-slide.dragging img{pointer-events:none}
.slick-initialized .slick-slide{display:block}
.slick-loading .slick-slide{visibility:hidden}
.slick-vertical .slick-slide{display:block;height:auto;border:1px solid transparent}
.slick-arrow.slick-hidden{display:none}

/* Source: main.css; original cascade order retained. */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    vertical-align: baseline;
}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
    display: block;
}

blockquote, q {
    quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
    content: '';
    content: none;
}
table {
    border-collapse: collapse;
    border-spacing: 0;
} 
/* end reset all */

html, body {
	color:#1F344F;
	width:100%; 
	height:auto;
	padding:0;
	font-size:13px;
	line-height:18px;
	font-weight:500;
	font-family: 'Golos Text', sans-serif;
    -webkit-font-smoothing: antialiased;
    font-feature-settings: "salt" on;
    background: #F9F9FA;
	}
	
h1, .h1 {
	position: relative;
	display:block;
    width: 100%;
    height: auto;
    margin:0 0 20px 0;
    padding: 0;
	font-size: 50px;
	line-height: 54px;
    font-weight: 600;
    color: #1F344F;
	}
	
h2, .h2  {
	position: relative;
	display:block;
    width: 100%;
    height: auto;
    margin:0 0 20px 0;
    padding: 0;
	font-size:42px;
	line-height:44px;
    font-weight: 500;
    color: #1F344F;
	}
	
h3, .h3  {
	position: relative;
	display:block;
    width: 100%;
    height: auto;
    margin:0 0 20px 0;
    padding: 0;
	font-size:32px;
	line-height:35px;
    font-weight: 500;
    color: #1F344F;
	}

h4, .h4  {
    position: relative;
    display:block;
    width: 100%;
    height: auto;
    margin:0 0 20px 0;
    padding: 0;
    font-size:24px;
    line-height:31px;
    font-family: 'Manrope', sans-serif;
    font-weight: 600;
    color: #1F344F;
    }

p	{
	position: relative;
	display:block;
    width: 100%;
    height: auto;
    margin:0 0 20px 0;
    padding: 0;
	font-size:18px;
	line-height:23px;
    font-weight:400;
	color:#241F20;
	
	}

ul, ol {
    margin: 0 0 20px 20px;
    font-size: 18px;
    line-height:23px;
    font-weight:normal;
    color:#241F20;
    }

strong {font-weight:bold;}
a, a:link, a:hover, a:visited {color:#1F344F;}



/*GRID ONE COLUMN*/

ul.oneColumn {
    position: relative;
    display: block;
    width: 100%;
    height: auto;
    margin: 0 auto;
    padding: 0;
    list-style-type: none;
    }

ul.oneColumn li {
    position: relative;
    display: inline-block;
    vertical-align: top;
    width: 100%;
    height: auto;
    margin: 0 auto 20px;
    padding: 0;
    }


/*GRID TWO COLUMNS*/

ul.twoColumns {
    position: relative;
    display: block;
    width: 100%;
    height: auto;
    margin: 0 auto;
    padding: 0;
    list-style-type: none;
    }

ul.twoColumns li {
    position: relative;
    display: inline-block;
    vertical-align: top;
    width: 49%;
    height: auto;
    margin: 0 2% 20px 0;
    padding: 0;
    }

ul.twoColumns li:nth-child(2n) {margin: 0 0 20px;}


/*GRID THREE COLUMNS*/

ul.threeColumns {
    position: relative;
    display: block;
    width: 100%;
    height: auto;
    margin: 0 auto;
    padding: 0;
    list-style-type: none;
    }

ul.threeColumns li {
    position: relative;
    display: inline-block;
    vertical-align: top;
    width: 32%;
    height: auto;
    margin: 0 1.5% 20px 0;
    padding: 0;
    }

ul.threeColumns li:nth-child(3n) {margin: 0 0 20px;}


/*GRID FOUR COLUMNS*/

ul.fourColumns {
    position: relative;
    display: block;
    width: 100%;
    height: auto;
    margin: 0 auto;
    padding: 0;
    list-style-type: none;
    }

ul.fourColumns li {
    position: relative;
    display: inline-block;
    vertical-align: top;
    width: 24%;
    height: auto;
    margin: 0 1.333% 20px 0;
    padding: 0;
    }

ul.fourColumns li:nth-child(4n) {margin: 0 0 20px;}


/*GRID FIVE COLUMNS*/

ul.fiveColumns {
    position: relative;
    display: block;
    width: 100%;
    height: auto;
    margin: 0 auto;
    padding: 0;
    list-style-type: none;
    }

ul.fiveColumns li {
    position: relative;
    display: inline-block;
    vertical-align: top;
    width: 19%;
    height: auto;
    margin: 0 1.25% 20px 0;
    padding: 0;
    }

ul.fiveColumns li:nth-child(5n) {margin: 0 0 20px;}


/* MAIN */

.wrapper { 
	position:relative;
	display:block;
	width:100%;
	height:auto;
	margin:0 auto;
	padding: 0;
	}

.wrapper:before { 
    position: relative;
    display: block;
    content:'';
    width: 100%;
    height: 20px;
    margin: 0 auto;
    padding: 0;
    }

.wrap { 
    position:relative;
    display:block;
    width:90%;
    max-width: 1280px;
    height:auto;
    margin:0 auto;
    padding: 0 5%;
    }


/* TOP */

.top {
	position: fixed;
    top: 0;
    left:0;
    display: block;
    width: 100%;
    height: auto;
    margin: 0;
    padding: 35px 0 0;
    z-index: 99;
	}
    
.top .logo {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    width: 15%;
    height: auto;
    margin: 0;
    padding: 0;
    transition: all 0.3s ease-in-out;
    }

.top .logo img {
    position: relative;
    display: block;
    width: 100%;
    max-width: 141px;
    height: auto;
    margin: 0;
    padding: 0;
    transition: all 0.3s ease-in-out;
    }

.top.active .logo img {
    position: relative;
    display: block;
    width: 75%;
    max-width: 141px;
    height: auto;
    padding: 0 15px;
    }

.top.active .logo a {
    background: #fff;
    display: inline-block;
    width: 110px;
    border-radius: 50px;
    padding: 6px 5px;
    }

.top .menu {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    width: 65%;
    height: auto;
    margin: 0;
    padding: 0;
    text-align: center;
    }

.top .menu ul {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    width: auto;
    height: auto;
    margin: 0;
    padding: 10px 10px 12px;
    background: #fff;
    border-radius: 50px;
    box-shadow: 0 10px 35px 0 rgba(88,88,90, 0.1);
    }

.top .menu ul li {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    width: auto;
    height: auto;
    margin: 0 12px;
    padding: 0;
    }

.top .menu ul li:hover {z-index: 5}

.top .menu ul li a {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    width: auto;
    height: auto;
    margin: 0;
    padding: 0 10px;
    font-family: 'Manrope';
    font-weight: 600;
    font-size: 18px;
    line-height: 23px;
    font-weight: 400;
    text-decoration: none;
    color:#241F20;
    }

.top .menu ul li:nth-child(4) a {color: #1C87C7;}

.top .menu ul li img {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    width: auto;
    height: auto;
    margin: 0;
    padding: 0;
    cursor: pointer;
    }

.top .menu ul li a {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    width: auto;
    height: auto;
    margin: 0;
    padding: 0;
    font-size: 16px;
    line-height: 23px;
    font-weight: 600;
    text-decoration: none;
    }

.top .menu ul li:hover a {
    z-index: 5;
    }

.top .menu ul li:hover a,
.top .menu ul li a.active {color: #1C87C7;}

.top .menu ul li:nth-child(1) a,
.top .menu ul li:nth-child(4) a {
    padding-right: 17px;
    background: url("/templates/main/images/icons/icon.angle.down.gray.svg") right 0 top 10px no-repeat;
    background-size: 12px;
    }

.top .menu ul li ul.submenu {
    position: absolute;
    top: 25px;
    left:-15px;
    display: none;
    width: auto;
    min-width: 140px;
    height: auto;
    margin: 0;
    padding: 0;
    text-align: left;
    border-radius: 12px;
    background: rgba(255,255,255,0.96);
    box-shadow: 0 10px 30px 0 rgba(0,0,0,0.15);
    overflow: hidden;
    z-index: 1;
    }

.top .menu ul li:hover ul.submenu {
    display: inline-block;
    }

.top .menu ul li ul.submenu li {
    position: relative;
    display: block;
    width: 100%;
    height: auto;
    margin: 0;
    padding: 0;
    }

.top .menu ul li ul.submenu li:nth-child(n) a {
    position: relative;
    display: block;
    width: calc(100% - 20px);
    height: auto;
    margin: 0;
    padding: 8px 15px;
    background: #fff;
    font-weight: 500;
    line-height: 20px;
    color:#241F20;
    transition: all 0.3s ease-in-out;
    white-space: nowrap;
    }

.top .menu ul li:hover ul.submenu li a,
.top .menu ul li.active ul.submenu li a {color: #000;}

.top .menu ul li ul.submenu li:first-child a {
    padding: 20px 15px 7px;
    border-radius: 12px 12px 0 0;
    }

.top .menu ul li ul.submenu li:last-child a {
    padding: 7px 15px 20px;
    border-radius: 0 0 12px 12px;
    }

.top .menu ul li ul.submenu li:hover a,
.top .menu ul li ul.submenu li a.active {color: #1C87C7;}

.top .phone {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    width: 20%;
    height: auto;
    margin: 0;
    padding: 0;
    text-align: right;
    }

.top .phone a {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    width: auto;
    height: auto;
    margin: 0;
    padding: 10px 20px;
    background: #fff;
    border-radius: 50px;
    font-family: 'Manrope';
    font-weight: 700;
    font-size: 18px;
    line-height: 23px;
    text-decoration: none;
    box-shadow: 0 10px 35px 0 rgba(88,88,90, 0.1);
    }

.top .phone a.whatsapp {
    position: absolute;
    top: 0;
    right: 200px;
    display: block;
    width: 44px;
    height: auto;
    margin: 0;
    padding: 0;
    }

.top .phone a.whatsapp img {
    position: relative;
    display: block;
    width: 100%;
    height: auto;
    margin: 0;
    padding: 0;
    }

.top .burger {
    position: absolute;
    display: none;
    right: 5%;
    top: 0;
    vertical-align: middle;
    width: 42px;
    height: 42px;
    margin: 0;
    padding: 0;
    background: url("/templates/main/images/menu.burger.svg") center no-repeat;
    background-size: contain;
    cursor: pointer;
    }

.top .burger.active {
    display: inline-block;
    background: url("/templates/main/images/menu.close.svg") center no-repeat;
    background-size: contain;
    }





/* HERO */

.hero {
    position: relative;
    display: block;
    width: calc(100% - 24px);
    height: auto;
    margin: 0 12px;
    padding: 0;
    border-radius: 20px;
    background: rgba(27, 162, 211, 0.2);
    border: 1px solid rgba(88,88,90,0.3);
    overflow: hidden;
    }

.hero:before {
    position: absolute;
    left: -35%;
    bottom: -15%;
    display: block;
    content: '';
    width: 100%;
    height:100%;
    margin: 0;
    padding: 0;
    background: url("/templates/main/images/logo.sign.svg") center no-repeat;
    background-size: contain;
    opacity: 0.1;
    z-index: 0;
    }

.hero ul.twoColumns {z-index: 0}

.hero ul.twoColumns li {
    width: 50%;
    vertical-align: middle;
    margin: 0;
    }

.hero ul.twoColumns li:nth-child(1) {
    width: 44%;
    padding: 0 3%;
    }

.hero .heroImage {
    position: relative;
    display: block;
    width: 100%;
    height: auto;
    margin: 0;
    padding: 0;
    }

.hero ul.twoColumns li ul.twoColumns li:nth-child(1) {
    width: 49%;
    margin: 0 2% 10px 0;
    padding: 0;
    }

.hero ul.twoColumns li ul.twoColumns li:nth-child(2) {
    width: 49%;
    margin: 0 0 10px 0;
    padding: 0;
    }

.hero p {padding: 15px 0 40px}

.hero .btn {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    width: auto;
    height: auto;
    margin: 0;
    padding: 15px 20px;
    background: #fff;
    border-radius: 50px;
    border: 1px solid rgba(88,88,90,0.3);
    text-decoration: none;
    }

.hero .btn img {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    width: 60px;
    height: auto;
    margin: 0 10px 0 0;
    padding: 0;
    transition: all 0.3s ease-in-out;
    }

.hero .btn:hover img {transform: rotateZ(45deg);}

.hero .btn .info {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    width: calc(100% - 75px);
    height: auto;
    margin: 0;
    padding: 0;
    font-size: 20px;
    line-height: 27px;
    font-weight: 600;
    }

.hero .btn .info .small {
    position: relative;
    display: block;
    width: 100%;
    height: auto;
    margin: 0;
    padding: 0;
    font-size: 15px;
    line-height: 20px;
    font-family: 'Manrope', sans-serif;
    font-weight: 500;
    }


/* ABOUT BLOCK */

.aboutBlock {
    position: relative;
    display: block;
    width: 100%;
    height: auto;
    margin: 0;
    padding: 60px 0 30px;
    }

.aboutBlock.firstBlock {
    padding-top: 150px;
    }

.aboutBlock ul.twoColumns {
    display: flex;
    flex-wrap: wrap;
    align-items: stretch;
    width: 100%;
    height: auto;
    margin: 0;
    padding: 0;
    }

.aboutBlock li.bgblue1 {
    width: calc(48% - 62px);
    margin-right: 4%;
    padding: 40px 30px 30px;
    border-radius: 20px;
    border: 1px solid rgba(88,88,90,0.3);
    }

.aboutBlock ul.twoColumns li:nth-child(2) {
    width: 48%;
    }

.aboutBlock ul.twoColumns.flex {
    display: flex;
    flex-wrap: wrap;
    align-items: stretch;
    }

.aboutBlock img.baro {
    position: relative;
    display: block;
    width: 100%;
    height: auto;
    margin: 55px 0 0;
    padding: 0;
    border-radius: 20px;
    }

.aboutBlock .btn.blue {
    position: relative;
    display: inline-block;
    width: auto;
    max-width: 300px;
    height: auto;
    margin: 20px 0 0;
    padding: 18px 60px;
    font-size: 16px;
    line-height: 23px;
    text-align: center;
    font-family: 'Manrope', sans-serif;
    font-weight: 700;
    text-decoration: none;
    color: #fff;
    background: #1C87C7;
    border-radius: 10px;
    transition: all 0.3s ease-in-out;
    }

.aboutBlock .btn.blue:hover {opacity: 0.9}

.aboutBlock .item {
    position: relative;
    display: block;
    width: calc(100% - 62px);
    height: auto;
    margin: 0 0 20px;
    padding: 30px 30px 30px;
    border-radius: 20px;
    border: 1px solid rgba(88,88,90,0.3);
    }


.aboutBlock ul.twoColumns li.liitem {
    position: relative;
    display: block;
    width: calc(49% - 62px);
    height: auto;
    margin: 0 2% 20px 0;
    padding: 40px 30px 30px;
    border-radius: 20px;
    border: 1px solid rgba(88,88,90,0.3);
    }

.aboutBlock ul.twoColumns li.liitem:nth-child(2) {margin-right: 0}

.aboutBlock ul.twoColumns li.liitem h1 {
    position: absolute;
    bottom: 50px;
    }

.aboutBlock .bglogo {
    background: url("/templates/main/images/logo.sign50.svg") left 15% center no-repeat;
    background-size: 220px;
    text-align: center;
    }

.aboutBlock .bgfull {
    background: url("/templates/main/images/bg5.jpg") center no-repeat;
    background-size: cover;
    }

.aboutBlock li.bgblue1 {
    background: url("/templates/main/images/bg1.jpg") center no-repeat;
    background: image-set(url("/templates/main/images/optimized-20261007/bg1.webp") type("image/webp"), url("/templates/main/images/bg1.jpg") type("image/jpeg")) center no-repeat;
    background-size: cover;
    }

.aboutBlock .item.bgblue2 {
    background: url("/templates/main/images/bg2.jpg") center no-repeat;
    background: image-set(url("/templates/main/images/optimized-20261007/bg2.webp") type("image/webp"), url("/templates/main/images/bg2.jpg") type("image/jpeg")) center no-repeat;
    background-size: cover;
    }

.aboutBlock .item.bgblue3 {
    background: url("/templates/main/images/bg3.jpg") center no-repeat;
    background: image-set(url("/templates/main/images/optimized-20261007/bg3.webp") type("image/webp"), url("/templates/main/images/bg3.jpg") type("image/jpeg")) center no-repeat;
    background-size: cover;
    margin-bottom: 0;
    }

.aboutBlock .bgblue4 {
    background: url("/templates/main/images/bg4.jpg") center no-repeat;
    background: image-set(url("/templates/main/images/optimized-20261007/bg4.webp") type("image/webp"), url("/templates/main/images/bg4.jpg") type("image/jpeg")) center no-repeat;
    background-size: cover;
    margin-bottom: 0;
    }

.aboutBlock ul.twoColumns.bgfull {
    width: calc(100% - 60px);
    margin: 0 0 30px;
    padding: 30px;
    border-radius: 20px;
    border: 1px solid rgba(88,88,90,0.3);
    }

.aboutBlock ul.twoColumns.bgfull .nobottommargin {margin: 0}

.aboutBlock ul.twoColumns.w49 {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: stretch;
    width: 100%;
    height: auto;
    margin: 0 0 20px;
    padding: 0;
    }

.aboutBlock ul.twoColumns.w49 li:nth-child(n) {
    width: calc(49% - 62px);
    }

.aboutBlock ul.twoColumns.w49 li.bgbluefull {
    background: url("/templates/main/images/bgbluefull.svg") center no-repeat;
    background-size: cover;
    color: #fff;
    padding: 40px 30px 10px;
    }
.aboutBlock ul.twoColumns.w49 li.bgbluefull h3 {color: #fff}
.aboutBlock ul.twoColumns.w49 li p {margin-bottom: 0}

.aboutBlock ul.twoColumns.w49 li.bgbluefull .blue {
    color: #0FABE5;
    font-style: italic;
    }

.aboutBlock ul.twoColumns.w49 li.bgbluefull .btn {
    position: relative;
    display: inline-block;
    width: auto;
    height: auto;
    margin: 10px 0 15px;
    padding: 18px 60px;
    font-size: 16px;
    line-height: 23px;
    text-align: center;
    font-family: 'Manrope', sans-serif;
    font-weight: 700;
    text-decoration: none;
    color: #1F344F;
    background: #fff;
    border-radius: 10px;
    cursor: pointer;
    transition: all 0.3s ease-in-out;
    }

.directionsBlock .btn:hover {opacity: 0.9}

.aboutBlock .item .label {
    position: absolute;
    top: 26px;
    right: 20px;
    display: inline-block;
    width: auto;
    height: auto;
    margin: 0;
    padding: 10px 20px;
    font-size: 18px;
    line-height: 23px;
    font-family: 'Manrope', sans-serif;
    font-weight: 600;
    color: #fff;
    text-align: center;
    background: #D75793;
    border-radius: 10px;
    text-decoration: none;
    z-index: 2;
    }

.aboutBlock .item .h3 {max-width: 80%;}

.aboutBlock p .blue {color: #1C87C7}

.aboutBlock .slick-prev, .aboutBlock .slick-next {
    position: absolute;
    top: calc(50% - 18px);
    display: block;
    width: 36px;
    height: 36px;
    margin: 0;
    padding: 0;
    font-size: 0;
    border: none;
    cursor: pointer;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    transition: all .25s ease-in-out;
    z-index: 9
    }

.aboutBlock .slider {
    position: relative;
    display: block;
    width: 100%;
    height: auto;
    margin: 0;
    padding: 0;
    border-radius: 15px;
    overflow: hidden;
    }

.aboutBlock .slick-prev {
    background: transparent url("/templates/main/images/icons/icon.slider.left.svg") center no-repeat;
    background-size: 36px;
    left: 20px;
    }

.aboutBlock .slick-prev:hover {left: 15px}

.aboutBlock .slick-next {
    background: transparent url("/templates/main/images/icons/icon.slider.right.svg") center no-repeat;
    background-size: 36px;
    right:20px;
    }

.aboutBlock .slick-next:hover {right:15px;}

.aboutBlock .item strong {
    position: relative;
    display: block;
    width: 100%;
    height: auto;
    margin: 0;
    padding: 0;
    font-size: 20px;
    line-height: 20px;
    font-family: 'Manrope', sans-serif;
    font-size: 600;
    }

.aboutBlock .link {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    width: auto;
    height: auto;
    margin: 0;
    padding: 0 40px 0 0;
    font-size: 17px;
    line-height: 23px;
    text-decoration: none;
    font-family: 'Manrope', sans-serif;
    font-weight: 700;
    }

.aboutBlock .link img {
    position: absolute;
    top: -7px;
    right:0;
    display: inline-block;
    width: 37px;
    height: auto;
    margin: 0;
    padding: 0;
    transition: all 0.3s ease-in-out;
    }

.aboutBlock .link:hover img {right:-5px;}

.aboutBlock p.italic {
    position: relative;
    display: block;
    width: 100%;
    max-width: 768px;
    height: auto;
    margin: 0 0 30px;
    padding: 0;
    font-style: italic;
    color: #1F344F;
    }

.aboutBlock img.wide {
    position: relative;
    display: block;
    width: 100%;
    height: auto;
    margin: 0;
    padding: 0;
    }

.aboutBlock img.desktop {display: block}
.aboutBlock img.mobile {display: none}

.aboutBlock ul.twoColumns.fizio {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: stretch;
    padding-top: 30px;
    }

.aboutBlock ul.twoColumns.fizio li.bzal {
    background: url("/templates/main/images/fizio.jpg") center no-repeat;
    background-size: cover;
    border-radius: 20px;
    }

.aboutBlock ul.twoColumns.fizio li .bg2 {
    background: #fff;
    padding-bottom: 0;
    border: 1px solid rgba(88,88,90,0.3);
    }

.aboutBlock ul.twoColumns.fizio li .bg2:before {
    position: absolute;
    top: 0;
    right: 0;
    display: block;
    content: '';
    width: 100%;
    height: 400px;
    margin: 0;
    padding: 0;
    background: url("/templates/main/images/bg.circle1.svg") right 0 top -80px no-repeat;
    background-size: 200px;
    }

.aboutBlock ul.twoColumns.fizio li ul {
    position: relative;
    display: block;
    width: 100%;
    height: auto;
    margin: 0 0 30px;
    padding: 0;
    list-style-type: none;
    }

.aboutBlock ul.twoColumns.fizio li ul li {
    position: relative;
    display: block;
    width: calc(100% - 20px);
    height: auto;
    margin: 0 0 0 20px;
    padding: 0;
    }

.aboutBlock ul.twoColumns.fizio li ul li:before {
    position: absolute;
    top: 8px;
    left:-15px;
    content: '';
    display: block;
    width: 8px;
    height: 8px;
    margin: 0;
    padding: 0;
    border-radius: 50%;
    background: #0A71A4;
    }

.aboutBlock ul.twoColumns.fizio li ul li .bluebg {
    background: #0A71A4;
    color: #fff;
    font-style: italic;
    display: inline-block;
    padding: 0 3px;
    }

.aboutBlock ul.twoColumns.fizio li .item.bgdeepblue {background: #0A71A4;}
.aboutBlock ul.twoColumns.fizio li .item.bgdeepblue p {color: #fff;}
.aboutBlock ul.twoColumns.fizio li .item.bgdeepblue p .whitebg {
    background: #fff;
    color: #0A71A4;
    display: inline-block;
    padding: 0 3px;
    }

.aboutBlock ul.twoColumns.fizio li ul.inline {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    width: 70%;
    height: auto;
    margin: 0;
    padding: 0;
    }

.aboutBlock ul.twoColumns.fizio .item.last {margin-bottom: 0}

.aboutBlock ul.twoColumns.fizio li img {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    width: 30%;
    height: auto;
    margin: 0;
    padding: 0;
    }    

.aboutBlock ul.threeColumns.tabBlocks {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: stretch;
    width: 100%;
    height: auto;
    margin: 0;
    padding: 40px 0 0;
    }

.aboutBlock ul.threeColumns.tabBlocks li a {
    position: relative;
    display: block;
    width: calc(100% - 60px);
    height: auto;
    margin: 0;
    padding: 30px;
    border-radius: 20px;
    border: 1px solid rgba(88,89,90,0.3);
    font-size: 30px;
    line-height: 34px;
    text-decoration: none;
    font-weight: 600;
    transition: all 0.3s ease-in-out;
    }

.aboutBlock ul.threeColumns.tabBlocks li img {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    width: 80px;
    height: auto;
    margin: 0 10px 0 0;
    padding: 0;
    }

.aboutBlock ul.threeColumns.tabBlocks li span {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    width: calc(100% - 90px);
    height: auto;
    margin: 0;
    padding: 0;
    }

.aboutBlock ul.threeColumns.tabBlocks li:nth-child(1).active a,
.aboutBlock ul.threeColumns.tabBlocks li:nth-child(1):hover a {
    background: #1C87C7 url("/templates/main/images/logo.white.svg") left -24% top 30px no-repeat;
    background-size: 40%;
    color: #fff;
    }

.aboutBlock ul.threeColumns.tabBlocks li:nth-child(2).active a,
.aboutBlock ul.threeColumns.tabBlocks li:nth-child(2):hover a {
    background: #00B8C1 url("/templates/main/images/logo.white.svg") left -24% top 30px no-repeat;
    background-size: 40%;
    color: #fff;
    }

.aboutBlock ul.threeColumns.tabBlocks li:nth-child(3).active a,
.aboutBlock ul.threeColumns.tabBlocks li:nth-child(3):hover a {
    background: #D75793 url("/templates/main/images/logo.white.svg") left -24% top 30px no-repeat;
    background-size: 40%;
    color: #fff;
    }

.aboutBlock ul.threeColumns.tabBlocks li.active img,
.aboutBlock ul.threeColumns.tabBlocks li:hover img {
    opacity: 0;
    }

.aboutBlock ul.threeColumns.tabBlocks li.active:after,
.aboutBlock ul.threeColumns.tabBlocks li:hover:after {
    position: absolute;
    bottom: -50px;
    left: calc(50% - 20px);
    content: '';
    display: block;
    width: 40px;
    height: 40px;
    margin: 0;
    padding: 0;
    background: url("/templates/main/images/icons/icon.angle.down.svg") center no-repeat;
    background-size: 40px;
    transition: all 0.3s ease-in-out;
    }

.aboutBlock ul.threeColumns.tabBlocks li:hover:after {
    bottom: -55px;
    }

.aboutBlock table.dopinfo {
    width: 100%;
    margin-bottom: 30px;
    }

.aboutBlock table.dopinfo tr td {
    padding: 15px 0;
    border-bottom: 1px solid rgba(89,89,90,0.3);
    }

.aboutBlock .doptext {
    position: relative;
    display: block;
    width: 100%;
    height: auto;
    margin: 0;
    padding: 0;
    font-size: 14px;
    line-height: 21px;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    font-weight: 400;
    color: #aaa;
    }


/* DOCS BLOCK */

.docsBlock {
    position: relative;
    display: block;
    width: 100%;
    height: auto;
    margin: 0;
    padding: 40px 0;
    }

.docsBlock .slider {
    position: relative;
    display: block;
    width: calc(100% - 2px);
    height: auto;
    margin: -90px 0 0;
    padding: 0;
    }

.docsBlock .slider .slick-list {padding-top: 100px}

.docsBlock .slick-prev, .docsBlock .slick-next {
    position: absolute;
    top: 33px;
    display: block;
    width: 36px;
    height: 36px;
    margin: 0;
    padding: 0;
    font-size: 0;
    border: none;
    cursor: pointer;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    transition: all .25s ease-in-out;
    z-index: 9
    }

.docsBlock .slick-prev {
    background: transparent url("/templates/main/images/icons/icon.slider.left.svg") center no-repeat;
    background-size: 36px;
    right: 60px;
    }

.docsBlock .slick-prev:hover {right: 65px}

.docsBlock .slick-next {
    background: transparent url("/templates/main/images/icons/icon.slider.right.svg") center no-repeat;
    background-size: 36px;
    right: 0;
    }

.docsBlock .slick-next:hover {right: -5px;}

.docsBlock .slide {
    position: relative;
    display: block;
    width: 100%;
    height: auto;
    margin: 0;
    padding: 0;
    }

.docsBlock .slide .bgblue {
    position: relative;
    display: block;
    width: 80%;
    height: auto;
    margin: 0;
    padding: 0;
    background: url("/templates/main/images/bg.banner.svg") center no-repeat;
    background-size: cover;
    border-radius: 15px;
    }

.docsBlock .slide .caption {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    width: calc(60% - 32px);
    height: 260px;
    margin: 0;
    padding: 30px 50% 80px 30px;
    border-radius: 15px;
    }

.docsBlock .slide .caption h3 {color: #fff}
.docsBlock .slide .caption h4 {color: #fff}
.docsBlock .slide .caption p {color: #fff}

.docsBlock .slide img.bg {
    position: absolute;
    top: 0;
    right: 0;
    bottom:0;
    display: block;
    width: auto;
    height: 100%;
    margin: 0;
    padding: 0;
    }

.docsBlock .slide img.doc {
    position: absolute;
    bottom: 0;
    right: 0;
    display: block;
    width: 40%;
    height: auto;
    margin: 0;
    padding: 0;
    }


/* e404 */

.e404  {
    padding: 0 0 120px;
    text-align: center;
    }

.e404 img {
    position: relative;
    display: block;
    width: 80%;
    max-width: 650px;
    height: auto;
    margin: 0 auto;
    padding: 0 0 40px;
    }

.e404 h2 {
    padding: 0 0 50px;
    text-align: center;
    }

.e404 h4 {
    padding: 0;
    text-align: center;
    }

.e404 a {
    color: #27AAE1;
    text-align: center;
    }



/* BANNER3 */

.banner3 {
    position: relative;
    display: block;
    width: 100%;
    height: auto;
    margin: 0;
    padding: 0;
    background: url("/templates/main/images/barozal.jpg") center no-repeat;
    background-size: cover;
    border-radius: 20px;
    overflow: hidden;
    }

.banner3 .caption {
    position: relative;
    display: block;
    width: 100%;
    max-width: 700px;
    height: auto;
    margin: 0;
    padding: 30px;
    }   

.banner3 .caption h4 {color: #fff;}
.banner3 .caption ul {
    color: #fff;
    margin-bottom: 30px;
    }

.banner3 .caption .link {color: #fff;}

.banner3 .label {
    position: absolute;
    bottom: 32px;
    right: 20px;
    display: inline-block;
    width: auto;
    height: auto;
    margin: 0;
    padding: 10px 20px;
    font-size: 18px;
    line-height: 23px;
    font-family: 'Manrope', sans-serif;
    font-weight: 700;
    color: #fff;
    text-align: center;
    background: #D75793;
    border-radius: 10px;
    text-decoration: none;
    z-index: 2;
    }




/* SEARCH RESULTS */

.searchResults form {
    position: relative;
    display: block;
    width: 100%;
    max-width: 768px;
    height: auto;
    margin: 0 0 10px;
    padding: 0;

}

.searchResults form input[type="text"] {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    width: calc(100% - 40px);
    height: auto;
    margin: 0;
    padding: 12px 20px;
    border: 0;
    font-size: 16px;
    line-height: 21px;
    color: #333;
    border: 1px solid rgba(89,90,90,0.3);
    border-radius: 30px;
    outline: none;
    font-family: 'Manrope', sans-serif;
    font-size: 400;
    }

.searchResults form button {
    position: absolute;
    display: block;
    right: 10px;
    top: 15px;
    width: 24px;
    height: 24px;
    margin: 0;
    padding: 0;
    border: 0;
    cursor: pointer;
    background: transparent url("/templates/main/images/icons/icon.search.svg") center no-repeat;
    background-size: contain;
    -webkit-appearance: none;
    appearance: none;
    }

.searchResults ul.searchList {
    position: relative;
    display: block;
    width: 100%;
    height: auto;
    margin: 0 0 10px;
    padding: 0;
    list-style-type: none;
    }

.searchResults ul.searchList li {
    position: relative;
    display: block;
    width: 100%;
    height: auto;
    margin: 0 0 20px;
    padding: 0;
    }

.searchResults ul.searchList li a {
    position: relative;
    display: block;
    width: 100%;
    height: auto;
    margin: 0;
    padding: 0;
    font-size: 18px;
    line-height: 21px;
    font-weight: 600;
    }

.searchResults ul.searchList li .s_num {
    position: absolute;
    display: inline-block;
    left: -17px;
    top: 3px;
    width: 10px;
    height: auto;
    margin: 0;
    padding: 0;
    font-size: 14px;
    line-height: 18px;
    }

.searchResults ul.searchList li p {
    position: relative;
    display: block;
    width: 100%;
    height: auto;
    margin: 0;
    padding: 10px 0 0;
    font-size: 16px;
    line-height: 21px;
    font-weight: 500;
    }

.top .menu .searchBlock {
    position: absolute;
    display: none;
    left: 13%;
    top: 0px;
    width: 70%;
    height: auto;
    margin: 0;
    padding: 0;
    z-index: 91;
    }

.top .menu .searchBlock.active {display: block;}

.top .menu .searchBlock input {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    width: calc(100% - 40px);
    height: auto;
    margin: 0;
    padding: 13px 20px;
    font-size: 16px;
    line-height: 21px;
    color: #333;
    border-radius: 30px;
    border: 0;
    outline: none;
    font-family: 'Manrope', sans-serif;
    font-size: 400;
    }

.top .menu .searchBlock button {
    position: absolute;
    display: block;
    right: 10px;
    top: 12px;
    width: 24px;
    height: 24px;
    margin: 0;
    padding: 0;
    border: 0;
    cursor: pointer;
    background: transparent url("/templates/main/images/icons/icon.search.svg") center no-repeat;
    background-size: contain;
    -webkit-appearance: none;
    appearance: none;
    }



/* MARQUEE */

.marquee {
    position: relative;
    display: block;
    width: 100%;
    height: auto;
    margin: 0;
    padding: 20px 0;
    background: url("/templates/main/images/bg.marquee.jpg") center no-repeat;
    background-size: cover;
    overflow: hidden;
    }

.marquee .slider {
    position: relative;
    display: block;
    width: 100%;
    height: auto;
    margin: 0;
    padding: 0;
    }

.marquee .slider .slick-list {
    overflow: visible;
    }

.marquee .slider .slide {
    position: relative;
    display: block;
    width: 100%;
    height: auto;
    margin: 0;
    padding: 0;
    }

.marquee .slider .slide img {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    width: 79px;
    height: auto;
    margin: 0 10px 0 0;
    padding: 0;
    }

.marquee .slider .slide p {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    width: calc(100% - 90px);
    height: auto;
    margin: 0;
    padding: 0;
    color: #fff;
    }



/* CONTACTS */

ul.twoColumns.contacts {
    width: calc(100% - 45px);
    padding: 30px 15px 0 30px;
    background: url("/templates/main/images/bg.blueliner.svg") center no-repeat;
    background-size: cover;
    border-radius: 20px;
    overflow: hidden;
    }

ul.twoColumns.contacts h4 {color: #fff}
ul.twoColumns.contacts p {color: #fff}
ul.twoColumns.contacts a {color: #fff}

ul.twoColumns.contacts .copyright {
    font-size: 16px;
    line-height: 23px;
    font-family: 'Manrope', sans-serif;
    font-weight: 500;
    }

ul.twoColumns.contacts iframe {
    position: relative;
    display: block;
    width: 100%;
    height: 550px;
    margin: 0;
    padding: 0;
    border-radius: 15px;
    overflow: hidden;
    }

ul.twoColumns.contacts .metro {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    width: auto;
    height: auto;
    margin: 0;
    padding: 0;
    }

ul.twoColumns.contacts .socials {
    position: relative;
    display: block;
    width: 100%;
    height: auto;
    margin: 40px 0 30px;
    padding: 0;
    }

ul.twoColumns.contacts .socials a {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    width: auto;
    height: auto;
    margin: 0 10px 10px 0;
    padding: 0;
    }

ul.twoColumns.contacts .socials a img {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    width: auto;
    height: auto;
    margin: 0;
    padding: 0;
    }


/* DIRECTIONS BLOCK */

.directionsBlock {
    position: relative;
    display: block;
    width: calc(100% - 40px);
    height: auto;
    margin: 0 20px 50px;
    padding: 40px 0;
    border-radius: 20px;
    }

.directionsBlock .h2 {
    margin-bottom: 40px;
    }

.directionsBlock ul.twoColumns {
    display: flex;
    flex-wrap: wrap;
    align-items: stretch;
    justify-content: space-between;
    width: 100%;
    height: auto;
    margin: 0;
    padding: 0;
    }

.directionsBlock li {
    width: calc(48% - 62px);
    margin-right: 4%;
    padding: 40px 30px 30px;
    border-radius: 20px;
    }

.directionsBlock ul.twoColumns li:nth-child(2) {
    width: 48%;
    margin-right: 0;
    }

.directionsBlock .btn.blue {
    position: relative;
    display: inline-block;
    width: auto;
    height: auto;
    margin: 25px 0 0;
    padding: 18px 60px;
    font-size: 16px;
    line-height: 23px;
    text-align: center;
    font-family: 'Manrope', sans-serif;
    font-weight: 700;
    text-decoration: none;
    color: #fff;
    background: #1C87C7;
    border-radius: 10px;
    cursor: pointer;
    transition: all 0.3s ease-in-out;
    }

.directionsBlock .btn.blue:hover {opacity: 0.9}

.directionsBlock .item {
    position: relative;
    display: block;
    width: calc(100% - 62px);
    height: auto;
    margin: 0 0 20px;
    padding: 30px 30px 30px;
    border-radius: 20px;
    border: 1px solid rgba(88,88,90,0.3);
    }

.directionsBlock .bgwhite {
    background: #fff;
    margin-bottom: 0;
    }

.directionsBlock .bg {
    padding: 20px 30px 30px;
    margin-bottom: 40px;
    background: #fff url("/templates/main/images/gbo1.png") right -25% center no-repeat;
    background: #fff image-set(url("/templates/main/images/optimized-20261007/gbo1.webp") type("image/webp"), url("/templates/main/images/gbo1.png") type("image/png")) right -25% center no-repeat;
    background-size: 50%;
    }

.directionsBlock .bg2 {
    background: #fff;
    padding-bottom: 0;
    border: 1px solid rgba(88,88,90,0.3);
    overflow: hidden;
    }

.directionsBlock .bg2:before {
    position: absolute;
    top: 0;
    right:0;
    display: block;
    content: '';
    width: 100%;
    height: 400px;
    margin: 0;
    padding: 0;
    background: url("/templates/main/images/bg.circle1.svg") right top no-repeat;
    padding-bottom: 0;
    }


.directionsBlock .bg2 .item {
    margin-bottom: 0;
    border: 0;
    }

.directionsBlock .bg3 {
    background: #fff;
    border: 1px solid rgba(88,88,90,0.3);
    overflow: hidden;
    }

.directionsBlock .bg3:before {
    position: absolute;
    bottom: 0;
    right:0;
    display: block;
    content: '';
    width: 100%;
    height: 400px;
    margin: 0;
    padding: 0;
    background: url("/templates/main/images/bg.circle2.svg") right bottom no-repeat;
    padding-bottom: 0;
    }

.directionsBlock .bg3 .item {
    margin-bottom: 0;
    border: 0;
    }

.directionsBlock .bg4 {
    padding-top: 20px;
    margin-bottom: 40px;
    background: #fff url("/templates/main/images/kgs1.png") right -25% center no-repeat;
    background: #fff image-set(url("/templates/main/images/optimized-20261007/kgs1.webp") type("image/webp"), url("/templates/main/images/kgs1.png") type("image/png")) right -25% center no-repeat;
    background-size: 50%;
    }

.directionsBlock .bg p {max-width: 70%;}
.directionsBlock .bg4 p {max-width: 75%;}

.directionsBlock ul.twoColumns li:nth-child(1) {
    padding-bottom: 0;
    margin-bottom: 30px;
    }

.directionsBlock ul.twoColumns li:nth-child(2) {
    width: calc(49% - 2px);
    margin-bottom: 30px;
    }

.directionsBlock ul.twoColumns li:nth-child(2) .item {
    hei_ght: calc(100% - 90px);
    }

.directionsBlock ul.twoColumns li:nth-child(1) .item ul,
.directionsBlock ul.twoColumns li:nth-child(4) .item ul {
    position: relative;
    display: block;
    width: 100%;
    height: auto;
    margin: 0;
    padding: 0;
    }

.directionsBlock ul.twoColumns li:nth-child(1) .item ul li,
.directionsBlock ul.twoColumns li:nth-child(4) .item ul li {
    position: relative;
    display: block;
    width: calc(100% - 30px);
    height: auto;
    margin: 0 0 10px 30px;
    padding: 0;
    }

.directionsBlock ul.twoColumns li:nth-child(1) .item ul li:before,
.directionsBlock ul.twoColumns li:nth-child(4) .item ul li:before {
    position: absolute;
    top: 9px;
    left:-20px;
    content: '';
    display: block;
    width: 5px;
    height: 5px;
    margin: 0;
    padding: 0;
    border-radius: 50%;
    background: #000;
    }

.directionsBlock ul.twoColumns li:nth-child(2) .item ul,
.directionsBlock ul.twoColumns li:nth-child(3) .item ul {
    position: relative;
    display: block;
    width: 100%;
    height: auto;
    margin: 0 0 50px;
    padding: 0;
    }

.directionsBlock ul.twoColumns li:nth-child(2) .item ul li,
.directionsBlock ul.twoColumns li:nth-child(3) .item ul li {
    position: relative;
    display: block;
    width: calc(100% - 30px);
    height: auto;
    margin: 0 0 25px 30px;
    padding: 0;
    }

.directionsBlock ul.twoColumns li:nth-child(2) .item ul li:before,
.directionsBlock ul.twoColumns li:nth-child(3) .item ul li:before {
    position: absolute;
    top: 9px;
    left:-20px;
    content: '';
    display: block;
    width: 8px;
    height: 8px;
    margin: 0;
    padding: 0;
    border-radius: 50%;
    background: #1C87C7;
    }

.directionsBlock ul.twoColumns li:nth-child(3) {
    width: calc(49% - 2px);
    }

.directionsBlock .item .section {
    position: relative;
    display: block;
    width: 100%;
    height: auto;
    margin: 0 0 10px;
    padding: 0;
    font-size: 15px;
    line-height: 21px;
    font-family: 'Manrope', sans-serif;
    font-size: 600;
    color: #58585A;
    }

.directionsBlock .item .label {
    position: absolute;
    top: 24px;
    right: 20px;
    display: inline-block;
    width: auto;
    height: auto;
    margin: 0;
    padding: 10px 20px;
    font-size: 18px;
    line-height: 23px;
    font-weight: 400;
    font-family: 'Manrope', sans-serif;
    font-weight: 700;
    color: #fff;
    text-align: center;
    background: #D75793;
    border-radius: 10px;
    text-decoration: none;
    z-index: 2;
    }

.directionsBlock .item .h3 {
    max-width: 80%;
    }

.directionsBlock .item .h3.blue {
    color: #0A71A4;
    }

.directionsBlock .item .h3.green {
    color: #02959C;
    }

.directionsBlock .item .link {
    position: absolute;
    bottom: 20px;
    left: 30px;
    display: inline-block;
    width: auto;
    height: auto;
    margin: 0;
    padding: 0 40px 0 0;
    font-size: 17px;
    line-height: 23px;
    text-decoration: none;
    font-family: 'Manrope', sans-serif;
    font-weight: 700;
    }

.directionsBlock .item .link img {
    position: absolute;
    top: -7px;
    right:0;
    display: inline-block;
    width: 37px;
    height: auto;
    margin: 0;
    padding: 0;
    transition: all 0.3s ease-in-out;
    }

.directionsBlock .item .link:hover img {right: -5px;}

/* PACTICE SLIDER */

.pacticeSlider {
    position: relative;
    display: block;
    width: 100%;
    height: auto;
    margin: 0;
    padding: 30px 0 60px;
    background: url("/templates/main/images/bg.practice.svg") left center no-repeat;
    background-size: contain;
    }

.pacticeSlider .h2 {
    margin-bottom: 30px;
    }

.pacticeSlider .slider {
    position: relative;
    display: block;
    width: 100%;
    height: auto;
    margin: 0;
    padding: 0;
    }

.pacticeSlider .slide {
    position: relative;
    display: block;
    width: auto;
    height: auto;
    margin: 0 20px 0 0;
    padding: 30px 20px 10px;
    border-radius: 20px;
    background: #fff;
    border: 1px solid rgba(88,88,90,0.3);
    /*transition: all 0.3s ease-in-out;*/
    opacity: 0.5;
    overflow: hidden;
    }

.pacticeSlider .slide.slick-current {opacity: 1}

.pacticeSlider .slide .title {
    position: relative;
    display: block;
    width: 100%;
    height: auto;
    margin: 0 0 10px;
    padding: 0;
    }

.pacticeSlider .slide .title img {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    width: 60px;
    height: auto;
    margin: 0 15px 0 0;
    padding: 0;
    }

.pacticeSlider .slide.slick-current .title img {
    width: 80px;
    margin: 0 20px 0 0;
    }

.pacticeSlider .slide .title span {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    width: calc(100% - 95px);
    height: auto;
    margin: 0;
    padding: 0;
    font-size: 18px;
    line-height: 22px;
    font-family: 'Manrope', sans-serif;
    font-weight: 700;
    }

.pacticeSlider .slide.slick-current .title span {
    width: calc(100% - 120px);
    font-size: 22px;
    line-height: 26px;
    }

.pacticeSlider .slide p {
    font-size: 16px;
    line-height: 21px;
    height: 212px;
    overflow: hidden;
    }

.pacticeSlider .slide.slick-current p {
    font-size: 17px;
    line-height: 23px;
    height: 260px;
    font-family: 'Manrope', sans-serif;
    font-weight: 500;
    }

.pacticeSlider .slide .btn {display: none}
.pacticeSlider .slide .link {display: none}

.pacticeSlider .slide.slick-current .btn.blue {
    position: relative;
    display: inline-block;
    width: auto;
    height: auto;
    margin: 10px 30px 20px 0;
    padding: 18px 20px;
    font-size: 16px;
    line-height: 23px;
    text-align: center;
    font-family: 'Manrope', sans-serif;
    font-weight: 700;
    text-decoration: none;
    color: #fff;
    background: #1C87C7;
    border-radius: 10px;
    cursor: pointer;
    transition: all 0.3s ease-in-out;
    }

.pacticeSlider .slide.slick-current .btn.blue:hover {opacity: 0.9}

.pacticeSlider .slide.slick-current .link {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    width: auto;
    height: auto;
    margin: 0;
    padding: 0 40px 0 0;
    font-size: 17px;
    line-height: 23px;
    text-decoration: none;
    font-family: 'Manrope', sans-serif;
    font-weight: 700;
    }

.pacticeSlider .slide.slick-current .link img {
    position: absolute;
    top: -7px;
    right:0;
    display: inline-block;
    width: 37px;
    height: auto;
    margin: 0;
    padding: 0;
    transition: all 0.3s ease-in-out;
    }

.pacticeSlider .slide.slick-current .link:hover img {right: -5px}


/* SLICK-DOTS */

.pacticeSlider ul.slick-dots {
    position: absolute;
    display: block;
    width: 32%;
    left: 0;
    bottom: -40px;
    margin: 0 auto;
    text-align: center;
    z-index: 2;
    }

.pacticeSlider ul.slick-dots li {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    width: 15px;
    height: 10px;
    margin: 0 4px;
    padding: 0;
    border-radius: 10px;
    background: #1BA2D3
    }

.pacticeSlider ul.slick-dots li.slick-active {
    background: #045889;
    width: 40px;
    }

.pacticeSlider ul.slick-dots li button {
    display: none
    }

.pacticeSlider .slick-prev, .pacticeSlider .slick-next {
    position: absolute;
    top: -65px;
    display: block;
    width: 36px;
    height: 36px;
    margin: 0;
    padding: 0;
    font-size: 0;
    border: none;
    cursor: pointer;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    transition: all .25s ease-in-out;
    z-index: 9
    }

.pacticeSlider .slick-prev {
    background: transparent url("/templates/main/images/icons/icon.slider.left.svg") center no-repeat;
    background-size: 36px;
    right: 60px;
    }

.pacticeSlider .slick-prev:hover {right: 65px;}

.pacticeSlider .slick-next {
    background: transparent url("/templates/main/images/icons/icon.slider.right.svg") center no-repeat;
    background-size: 36px;
    right: 0;
    }

.pacticeSlider .slick-next:hover {right: -5px;}


/* PROCEDURE BLOCK */

.procedureBlock {
    position: relative;
    display: block;
    width: 100%;
    height: auto;
    margin: 0;
    padding: 30px 0;
    }

.procedureBlock .h2 {
    margin-bottom: 60px;
    }

.procedureBlock ul.threeColumns {
    text-align: center;
    }

.procedureBlock img {
    position: relative;
    display: block;
    width: 100%;
    max-width: 230px;
    max-width: ;
    height: auto;
    margin: 0 auto 20px;
    padding: 0;
    }

.procedureBlock .smallblue {
    margin: 0 auto;
    max-width: 235px;
    color: #0A71A4;
    font-style: italic;
    }


/* EFFECTS */

.effectsBlock {
    position: relative;
    display: block;
    width: 100%;
    height: auto;
    margin: 0;
    padding: 30px 0;
    }

.effectsBlock .h2 {
    margin-bottom: 60px;
    }

.effectsBlock h4 {
    margin-bottom: 10px;
    }

.effectsBlock p {
    margin-bottom: 40px;
    }

.effectsBlock ul.threeColumns {
    display: flex;
    align-items: stretch;
    flex-wrap: wrap;
    background: url("/templates/main/images/bg5.jpg") center no-repeat;
    background-size: cover;
    border-radius: 20px;
    border: 1px solid rgba(88,88,90,0.3);
    width: calc(100% - 60px);
    padding: 30px 30px 0;
    }
.effectsBlock ul.threeColumns.lined li p {border-bottom:1px solid rgba(88,88,90, 0.5);display:inline-block;width: auto;}
.effectsBlock ul.threeColumns li {vertical-align: middle;}

.effectsBlock ul.threeColumns li:nth-child(1) {
    text-align: right;
    }

.effectsBlock.bgcircleone ul.threeColumns {
    background: url("/templates/main/images/bg.circleone.svg") center no-repeat;
    background-size: contain;
    }

.effectsBlock ul.threeColumns li:nth-child(3) {
    text-align: left;
    }

.effectsBlock img {
    position: relative;
    display: block;
    width: 70%;
    max-width: ;
    height: auto;
    margin: 0 auto;
    padding: 0;
    }



/* BANNER BLOCK 2 */

.bannerBlock2 {
    position: relative;
    display: block;
    width: 100%;
    height: auto;
    margin: 50px 0;
    padding: 0;
    }

.bannerBlock2 .bannerInner {
    position: relative;
    display: block;
    width: 100%;
    height: auto;
    margin: 0;
    padding: 30px 0;
    background: url("/templates/main/images/bg.banner.svg") center no-repeat;
    background-size: cover;
    border-radius: 20px;
    overflow: hidden;
    }

.bannerBlock2 .bannerInner .caption {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    width: calc(70% - 20px);
    height: auto;
    margin: 0 20px 0 0;
    padding: 0;
    color: #fff;
    }

.bannerBlock2 .bannerInner .caption .title {
    position: relative;
    display: block;
    width: 100%;
    height: auto;
    margin: 0 0 20px;
    padding: 0;
    font-size: 34px;
    line-height: 36px;
    font-weight: 600;
    color: #fff;
    }

.bannerBlock2 .bannerInner .caption p {
    color: #fff;
    }

.bannerBlock2 .bannerInner .button {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    width: 30%;
    height: auto;
    margin: 0;
    padding: 0;
    text-align: right;
    }

.bannerBlock2 .bannerInner .button a {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    width: auto;
    height: auto;
    margin: 0;
    padding: 15px 50px;
    border-radius: 10px;
    background: #fff;
    font-size: 17px;
    line-height: 23px;
    text-decoration: none;
    color: #1F344F;
    font-family: 'Manrope', sans-serif;
    font-weight: 700;
    transition: all 0.3s ease-in-out;
    }

.bannerBlock2 .bannerInner .button a:hover {
    opacity: 0.9;
    }




/* PRICES LIST */

.pricesList {
    position: relative;
    display: block;
    width: 100%;
    height: auto;
    margin: 0 0 60px;
    padding: 0;
    }

.pricesList .h2 {
    position: relative;
    display: block;
    width: 100%;
    height: auto;
    margin: 0 0 30px;
    padding: 0 0 10px;
    border-bottom: 1px solid rgba(88,88,90,0.3);
    }

.pricesList .h2 span {
    font-size: 26px;
    line-height: 27px;
    font-weight: 500;
    color: #58585A;
    }

.pricesList .priceBig {
    position: relative;
    display: block;
    width: calc(100% - 60px);
    height: auto;
    margin: 0 0 50px;
    padding: 30px;
    border-radius: 15px;
    background: #DFEBFA;
    border: 1px solid rgba(88,88,90,0.3);
    }

.pricesList .priceBig .caption {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    width: calc(70% - 20px);
    height: auto;
    margin: 0 20px 0 0;
    padding: 0;
    }

.pricesList .priceBig .caption .title {
    position: relative;
    display: block;
    width: 100%;
    height: auto;
    margin: 0 0 20px;
    padding: 0;
    font-size: 24px;
    line-height: 29px;
    font-weight: 700;
    }

.pricesList .priceBig .caption p {
    position: relative;
    display: block;
    width: 100%;
    height: auto;
    margin: 0;
    padding: 0;
    font-size: 18px;
    line-height: 23px;
    font-family: 'Manrope', sans-serif;
    font-weight: 500;
    }

.pricesList .priceBig .value {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    width: 27%;
    height: auto;
    margin: 0;
    padding: 0;
    font-size: 50px;
    line-height: 56px;
    font-family: 'Manrope', sans-serif;
    font-weight: 700;
    color: #0A71A4;
    text-align: right;
    }


.pricesList .programms {
    position: relative;
    display: block;
    width: 100%;
    height: auto;
    margin: 0 0 30px;
    padding: 0;
    }

.pricesList .programms h3 {
    margin-bottom: 40px;
    }

.pricesList .programms .tableWrap {
    position: relative;
    display: block;
    width: 100%;
    height: auto;
    margin: 0;
    padding: 0;
    overflow-x: scroll;
    }

.pricesList .programms table {
    border: 0;
    width: 100%;
    margin-bottom: 30px;
    }

.pricesList .programms table td, 
.pricesList .programms table th {
    width: 14%;
    text-align: center;
    color: #0A71A4;
    font-size: 26px;
    line-height: 28px;
    font-family: 'Manrope', sans-serif;
    font-weight: 600;
    padding: 20px;
    border-bottom: 1px solid rgba(88,88,90,0.3);
    }

.pricesList .programms table td:nth-child(1), 
.pricesList .programms table th:nth-child(1) {
    width: 30%;
    vertical-align: middle;
    text-align: left;
    font-size: 22px;
    line-height: 25px;
    color: #241F20;
    padding: 10px;
    font-weight: 600;
    }

.pricesList .programms table thead th:nth-child(n) {
    font-size: 20px;
    line-height: 23px;
    color: #58585A;
    vertical-align: middle;
    font-family: 'Manrope', sans-serif;
    font-weight: 600;
    padding: 10px;
    border-bottom: 1px solid transparent;
    }

.pricesList .programms table td img {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    top: -5px;
    width: 30px;
    height: auto;
    margin: 0;
    padding: 0;
    }

.pricesList .programms .cite {
    position: relative;
    display: block;
    width: calc(100% - 30px);
    height: auto;
    margin: 0 0 20px;
    padding: 10px 0 10px 30px;
    border-left: 4px solid #1BA2D3;
    font-size: 18px;
    line-height: 23px;
    font-family: 'Manrope', sans-serif;
    font-weight: 500;
    }

.pricesList .programms .caption {
    position: relative;
    display: block;
    width: 100%;
    height: auto;
    margin: 0 0 20px;
    padding: 0;
    font-size: 16px;
    line-height: 21px;
    font-family: 'Manrope', sans-serif;
    font-weight: 500;
    color: #58585A;
    }


.pricesList .priceSmall {
    position: relative;
    display: block;
    width: calc(100% - 60px);
    height: auto;
    margin: 0 0 50px;
    padding: 30px;
    border-radius: 15px;
    background: #DFEBFA;
    border: 1px solid rgba(88,88,90,0.3);
    }

.pricesList .priceSmall .caption {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    width: calc(70% - 20px);
    height: auto;
    margin: 0 20px 0 0;
    padding: 0;
    }

.pricesList .priceSmall .caption .title {
    position: relative;
    display: block;
    width: 100%;
    height: auto;
    margin: 0 0 20px;
    padding: 0;
    font-size: 23px;
    line-height: 26px;
    font-weight: 700;
    color: #1F344F;
    }

.pricesList .priceSmall .caption p {
    position: relative;
    display: block;
    width: 100%;
    height: auto;
    margin: 0;
    padding: 0;
    font-size: 16px;
    line-height: 21px;
    font-family: 'Manrope', sans-serif;
    font-weight: 500;
    }

.pricesList .priceSmall .value {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    width: 27%;
    height: auto;
    margin: 0;
    padding: 0;
    font-size: 30px;
    line-height: 40px;
    font-family: 'Manrope', sans-serif;
    font-weight: 600;
    color: #0A71A4;
    text-align: right;
    }
    
ul.threeColumns.pricesBlue {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: stretch;
    width: 100%;
    height: auto;
    margin: 0 0 20px;
    padding: 0;
    }

ul.threeColumns.pricesBlue .h3 {color: #fff}

ul.threeColumns.pricesBlue li {
    width: calc(32% - 60px);
    padding: 30px 30px 100px;
    border-radius: 20px;
    background: url("/templates/main/images/bgbluefull.svg") center no-repeat;
    background-size: cover;
    color: #fff;
    }
    
ul.threeColumns.pricesBlue.bg li {background: linear-gradient(to right, #0A71A4 0%, #1BA2D3 100%);}

ul.threeColumns.pricesBlue li .label {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    width: auto;
    height: auto;
    margin: 0 10px 10px 0;
    padding: 1px 3px;
    font-size: 16px;
    line-height: 21px;
    font-family: 'Manrope', sans-serif;
    font-weight: 500;
    border-radius: 3px;
    background: #D75793;
    }

ul.threeColumns.pricesBlue li .addlabel {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    width: auto;
    height: auto;
    margin: 0 10px 10px 0;
    padding: 1px 3px;
    font-size: 16px;
    line-height: 21px;
    font-family: 'Manrope', sans-serif;
    font-weight: 500;
    border-radius: 3px;
    background: #DFEBFA;
    color: #0A71A4;
    }

ul.threeColumns.pricesBlue li p {
    font-size: 16px;
    line-height: 23px;
    font-family: 'Manrope', sans-serif;
    font-weight: 500;
    color: #fff;
    }

ul.threeColumns.pricesBlue li .price {
    position: absolute;
    display: block;
    bottom: 20px;
    left: 30px;
    width: calc(100% - 60px);
    height: auto;
    margin: 0;
    padding: 0;
    font-size: 50px;
    line-height: 53px;
    font-family: 'Manrope', sans-serif;
    font-weight: 700;
    }

ul.threeColumns.pricesBlue li .price .oldprice {
    font-size: 25px;
    line-height: 26px;
    font-family: 'Manrope', sans-serif;
    font-weight: 700;
    text-decoration: line-through;
    color: #DFEBFA;
    }


/* NEWS LIST */

ul.threeColumns.newsList li {
    width: 32%;
    margin: 20px 0 20px;
    padding: 0 1.5% 20px 0;
    }

ul.threeColumns.newsList li:nth-child(1) {border-bottom: 1px solid rgba(97, 100, 102, 0.5);}
ul.threeColumns.newsList li:nth-child(2) {border-bottom: 1px solid rgba(97, 100, 102, 0.5);}
ul.threeColumns.newsList li:nth-child(3) {border-bottom: 1px solid rgba(97, 100, 102, 0.5);}

ul.threeColumns.newsList li:nth-child(3n) {padding: 0 0 20px 0;}

ul.threeColumns.newsList li .image {
    position: relative;
    display: block;
    width: 100%;
    height: auto;
    margin: 0 0 20px;
    padding: 0;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: 10px;
    }

ul.threeColumns.newsList li .image img {
    position: relative;
    display: block;
    width: 100%;
    height: auto;
    margin: 0;
    padding: 0;
    opacity: 0;
    }

ul.threeColumns.newsList li .h4 {
    text-decoration: none;
    height: 93px;
    margin-bottom: 30px;
    overflow: hidden;
    }

ul.threeColumns.newsList li .date {
    font-size: 16px;
    line-height: 23px;
    font-weight: 400;
    color: rgba(88, 88, 90, 0.8);
    }


.newsSlider {
    position: relative;
    display: block;
    width: 100%;
    height: auto;
    margin: 0 0 40px;
    padding: 0;
    }

.newsSlider .h2 {margin-bottom: 50px}

.newsList .slide {
    margin: 0 5px;
}

.newsList .slide .image {
    position: relative;
    display: block;
    width: 100%;
    height: auto;
    margin: 0 0 20px;
    padding: 0;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: 10px;
    }

.newsList .slide .image img {
    position: relative;
    display: block;
    width: 100%;
    height: auto;
    margin: 0;
    padding: 0;
    opacity: 0;
    }

.newsList .slide .h4 {
    text-decoration: none;
    height: 93px;
    margin-bottom: 30px;
    overflow: hidden;
    }

.newsList .slide .date {
    font-size: 16px;
    line-height: 23px;
    font-weight: 400;
    color: rgba(88, 88, 90, 0.8);
    }

.newsList .slick-prev, .newsList .slick-next {
    position: absolute;
    top: -83px;
    display: block;
    width: 36px;
    height: 36px;
    margin: 0;
    padding: 0;
    font-size: 0;
    border: none;
    cursor: pointer;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    transition: all .25s ease-in-out;
    z-index: 9
    }

.newsList .slick-prev {
    background: transparent url("/templates/main/images/icons/icon.slider.left.svg") center no-repeat;
    background-size: 36px;
    right: 55px;
    }

.newsList.slick-prev:hover {right: 60px}

.newsList .slick-next {
    background: transparent url("/templates/main/images/icons/icon.slider.right.svg") center no-repeat;
    background-size: 36px;
    right: 0;
    }

.newsList .slick-next:hover {right: -5px;}



/* NUMPAGES */

.numpages {
    position: relative;
    display: block;
    width: 100%;
    height: auto;
    margin: 0;
    padding: 40px 0;
    text-align: center;
    }

.numpages .elem {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    width: 32px;
    height: 32px;
    margin: 0 5px;
    padding: 0;
    font-size: 18px;
    line-height: 32px;
    font-family: 'Manrope', sans-serif;
    font-weight: 600;
    text-align: center;
    border-radius: 50%;
    background: #fff;
    }

.numpages .elem:hover,
.numpages .elem.active {background: #DFEBFA}

.numpages .elem a {text-decoration: none}



/* NEWS ELEMENT */

.newsElement img {
    position: relative;
    display: block;
    width: 100%;
    height: auto;
    margin: 0;
    padding: 0;
    border-radius: 20px;
    }

.newsElement .date {
    margin-top: 40px;
    font-size: 16px;
    line-height: 23px;
    font-weight: 400;
    color: rgba(88, 88, 90, 0.8);
    }

.backurl {
    position: absolute;
    top: -44px;
    left:-5px;
    display: inline-block;
    width: auto;
    height: auto;
    margin: 0;
    padding: 0;
    font-size: 17px;
    line-height: 21px;
    font-family: 'Manrope', sans-serif;
    font-weight: 700;
    text-decoration: none;
    }

.backurl.back2 {
    left: 5%;
    top: 0;
    }

.backurl.back3 {
    left: 5%;
    }

.backurl img {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    top: -2px;
    width: 30px;
    height: 30px;
    margin: 0;
    padding: 0;
    }




/* HOW DOES */

.howDoes {
    position: relative;
    display: block;
    width: 100%;
    height: auto;
    margin: 0;
    padding: 30px 0 60px;
    }

.howDoes .h2 {
    margin-bottom: 40px;
    }

.howDoes p.narrow {
    max-width: 768px;
    margin-bottom: 50px;
    }

.howDoes ul.twoColumns {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: stretch;
    }

.howDoes ul.twoColumns li {
    width: calc(49% - 62px);
    padding: 30px 30px 20px;
    border: 1px solid rgba(88,88,90,0.3);
    border-radius: 20px;
    background: #fff;
    }

.howDoes ul.twoColumns li:nth-child(1),
.howDoes ul.twoColumns li:nth-child(4),
.howDoes ul.twoColumns li:nth-child(5) {
    background: #CEE3ED;
    }

.howDoes ul.twoColumns li:last-child {
    border: 1px solid transparent;
    background: transparent url("/templates/main/images/logo.sign50.svg") left center no-repeat;
    background-size: 200px;
    }

.howDoes ul.twoColumns li .num {
    position: relative;
    display: block;
    width: 100%;
    height: auto;
    margin: 0 0 10px;
    padding: 0;
    font-size: 40px;
    line-height: 42px;
    font-family: 'Manrope', sans-serif;
    font-weight: 700;
    color: #1F344F;
    }


.howDoes ul.twoColumns li.pad .h4 {
    position: relative;
    display: block;
    width: 70%;
    height: auto;
    margin: 0 0 0 20%;
    padding: 30px 0 0;
    }




/* BANNER BLOCK */

.bannerBlock {
    position: relative;
    display: block;
    width: 100%;
    height: auto;
    margin: 50px 0;
    padding: 0;
    }

.bannerBlock .bannerInner {
    position: relative;
    display: block;
    width: 100%;
    height: auto;
    margin: 0;
    padding: 0;
    background-position: right top;
    background-repeat: no-repeat;
    background-size: 30%;
    border-radius: 20px;
    overflow: hidden;
    }

.bannerBlock.type2 .bannerInner {background-size: 40%;}

.bannerBlock .bannerInner .caption {
    position: relative;
    display: block;
    width: calc(80% - 150px);
    height: auto;
    margin: 0;
    padding: 20px 30px;
    border-radius: 20px;
    background: linear-gradient(to right,  rgba(28,135,199,1) 0%,rgba(4,88,137,1) 100%);
    }
.bannerBlock .bannerInner .caption.bg {background: linear-gradient(to right, #0A71A4 0%, #1BA2D3 100%);}
.bannerBlock .bannerInner .caption .h2 {color: #fff;}
.bannerBlock .bannerInner .caption .h3 {color: #fff;}

.bannerBlock .bannerInner .caption ul.threeColumns li {vertical-align: middle;}
.bannerBlock .bannerInner .caption ul.threeColumns li:nth-child(1) {width: 44%;}
.bannerBlock .bannerInner .caption ul.threeColumns li:nth-child(2) {width: 26%; text-align: center;}
.bannerBlock .bannerInner .caption ul.threeColumns li:nth-child(3) {width: 26%;text-align: center;}

.bannerBlock .bannerInner .caption ul.threeColumns li p {
    position: relative;
    display: block;
    width: calc(100% - 30px);
    height: auto;
    margin: 0 0 0 25px;
    padding: 0;
    color: #fff;
    font-family: 'Manrope', sans-serif;
    font-weight: 500;
    }

.bannerBlock .bannerInner .caption ul.threeColumns li p:before {
    position: absolute;
    top: 8px;
    left: -25px;
    content: '';
    display: block;
    width: 7px;
    height: 7px;
    margin: 0;
    padding: 0;
    background: #fff;
    border-radius: 50%;
    }

.bannerBlock .bannerInner .caption ul {
    color: #fff;
    font-size: 16px;
    line-height: 23px;
    font-family: 'Manrope', sans-serif;
    font-weight: 500;
    }

.bannerBlock .bannerInner .h4 {
    position: absolute;
    top: 30px;
    right:20px;
    display: block;
    width: 25%;
    height: auto;
    margin: 0;
    padding: 0;
    color: #fff;
    text-align: center;
    }

.bannerBlock .bannerInner .caption .price {
    position: relative;
    display: block;
    width: 100%;
    height: auto;
    margin: 0;
    padding: 0;
    color: #fff;
    font-size: 50px;
    line-height: 54px;
    font-family: 'Manrope', sans-serif;
    font-weight: 700;
    }

.bannerBlock .btn {
    position: relative;
    display: inline-block;
    width: auto;
    max-width: 300px;
    height: auto;
    margin: 0;
    padding: 18px 50px;
    font-size: 16px;
    line-height: 23px;
    text-align: center;
    font-family: 'Manrope', sans-serif;
    font-weight: 700;
    text-decoration: none;
    color: #1F344F;
    cursor: pointer;
    background: #fff;
    border-radius: 10px;
    transition: all 0.3s ease-in-out;
    }

.bannerBlock .btn:hover {opacity: 0.9}

.bannerBlock .btn.rightpos {
    position: absolute;
    bottom: 30px;
    right: 3.8%;
    }




/* FAQ BLOCK */

.faqBlock {
    position: relative;
    display: block;
    width: 100%;
    height: auto;
    margin: 0;
    padding: 50px 0;
    }


.faqBlock ul {
    position: relative;
    display: block;
    width: 100%;
    height: auto;
    margin: 0;
    padding: 40px 0 0;
    list-style-type: none;
    }

.faqBlock.id361 ul,
.faqBlock.id365 ul {
    background: rgba(28,135,199,0.1);
    border: 1px solid #1C87C7;
    width: calc(100% - 60px);
    overflow: hidden;
    border-radius: 20px;
    padding: 30px 30px 50px;
    }

.faqBlock.id362 ul,
.faqBlock.id366 ul {
    background: rgba(0,184,193,0.1);
    border: 1px solid #00B8C1;
    width: calc(100% - 60px);
    overflow: hidden;
    border-radius: 20px;
    padding: 30px 30px 50px;
    }

.faqBlock.id363 ul,
.faqBlock.id367 ul {
    background: rgba(223,110,163,0.1);
    border: 1px solid #D75793;
    width: calc(100% - 60px);
    overflow: hidden;
    border-radius: 20px;
    padding: 30px 30px 50px;
    }

.faqBlock ul li {
    position: relative;
    display: block;
    width: 100%;
    height: auto;
    margin: 0;
    padding: 10px 0;
    border-top: 1px solid rgba(88,88,90,0.3);
    }

.faqBlock ul li:last-child {border-bottom: 1px solid rgba(88,88,90,0.2);}

.faqBlock ul.bgblue li:nth-child(1) {border-top: 1px solid transparent;}

.faqBlock .title {
    position: relative;
    display: block;
    width: 100%;
    height: auto;
    margin: 0;
    padding: 0;
    background: url("/templates/main/images/icons/icon.plus.svg") right 0 center no-repeat;
    cursor: pointer;
    }

.faqBlock ul li.active .title {background: url("/templates/main/images/icons/icon.minus.svg") right 0 center no-repeat;}

.faqBlock .content {
    position: relative;
    display: none;
    width: 100%;
    height: auto;
    margin: 0;
    padding: 0;
    }

.faqBlock ul li.active .content {display: block}

.faqBlock .content p {
    margin: 10px 0 5px;
    color: #58585A;
    }


/* REVIEWS SLIDER */

.reviewsSlider {
    position: relative;
    display: block;
    width: 100%;
    height: auto;
    margin: 0;
    padding: 40px 0;
    background: transparent url("/templates/main/images/bg.reviews.svg") center no-repeat;
    background-size: cover;
    }

.reviewsSlider .slider {
    position: relative;
    display: block;
    width: 100%;
    height: auto;
    margin: 40px 0 0;
    padding: 0;
    }

.reviewsSlider .slider .slide {
    position: relative;
    display: block;
    width: calc(100% - 40px);
    height: auto;
    margin: 0 20px 0 0;
    padding: 30px 20px 20px;
    border-radius: 20px;
    background: #fff;
    border: 1px solid rgba(88,88,90,0.3);
    }

.reviewsSlider .slider .title {
    position: relative;
    display: block;
    width: 100%;
    height: auto;
    margin: 0 0 20px;
    padding: 0;
    }

.reviewsSlider .slider .content {
    position: relative;
    display: block;
    width: 100%;
    height: auto;
    margin: 0;
    padding: 0 0 34px;
    max-height: 300px;
    overflow: hidden;
    }

.reviewsSlider .slider .slide.big .content {padding: 0 0 34px;}

.reviewsSlider .slider .content.opened {
    max-height: 100%;
    }

.reviewsSlider .slider .slide.big .content:after {
    position: absolute;
    bottom: 0;
    left:0;
    content: '';
    display: block;
    width: 100%;
    height: 34px;
    margin: 0;
    padding: 0;
    background: linear-gradient(to bottom,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%);

    }

.reviewsSlider .slider .slide.big:after {
    position: absolute;
    bottom: 0;
    left:0;
    content: '';
    display: block;
    width: 100%;
    height: 34px;
    margin: 0;
    padding: 0;
    background: url("/templates/main/images/icons/icon.review.down.svg") center no-repeat;
    background-size: 30px;
    }

.reviewsSlider .slider .icon {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    width: 48px;
    height: 48px;
    margin: 0 15px 0 0;
    padding: 0;
    font-size: 25px;
    line-height: 48px;
    font-family: 'Manrope', sans-serif;
    font-weight: 700;
    text-align: center;
    border-radius: 50%;
    background: #1BA2D3;
    color: #fff;
    }

.reviewsSlider .slider .title span {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    width: calc(100% - 70px);
    height: auto;
    margin: 0;
    padding: 0;
    font-size: 23px;
    line-height: 26px;
    font-family: 'Manrope', sans-serif;
    font-weight: 700;
    }

.reviewsSlider .slick-prev, .reviewsSlider .slick-next {
    position: absolute;
    top: -75px;
    display: block;
    width: 36px;
    height: 36px;
    margin: 0;
    padding: 0;
    font-size: 0;
    border: none;
    cursor: pointer;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    transition: all .25s ease-in-out;
    z-index: 9
    }

.reviewsSlider .slick-prev {
    background: transparent url("/templates/main/images/icons/icon.slider.left.svg") center no-repeat;
    background-size: 36px;
    right: 60px;
    }

.reviewsSlider .slick-prev:hover {right: 65px}

.reviewsSlider .slick-next {
    background: transparent url("/templates/main/images/icons/icon.slider.right.svg") center no-repeat;
    background-size: 36px;
    right:0;
    }

.reviewsSlider .slick-next:hover {right:-5px;}

.reviewsSlider .btn.blue {
    position: relative;
    display: block;
    width: calc(100% - 60px);
    max-width: 220px;
    height: auto;
    margin: 40px auto 40px;
    padding: 18px 50px;
    font-size: 16px;
    line-height: 23px;
    text-align: center;
    font-family: 'Manrope', sans-serif;
    font-weight: 700;
    text-decoration: none;
    color: #fff;
    background: #1C87C7;
    border-radius: 10px;
    cursor: pointer;
    transition: all 0.3s ease-in-out;
    }

.reviewsSlider .btn.blue:hover {opacity: 0.9}


ul.twoColumns.otherReviews {
    position: relative;
    display: block;
    width: 100%;
    height: auto;
    margin: 0;
    padding: 20px 0;
    list-style-type: none;
    }

ul.twoColumns.otherReviews li .item {
    position: relative;
    display: block;
    width: 100%;
    height: auto;
    margin: 0 0 10px;
    padding: 0;
    text-decoration: none;
    background: #70A7D1 url("/templates/main/images/icons/icon.arrow.long.svg") center right 30px no-repeat;
    border: 1px solid rgba(88,88,90,0.5);
    border-radius: 10px;
    }

ul.twoColumns.otherReviews li .item .num {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    width: auto;
    height: auto;
    margin: 0 20px 0 0;
    padding: 20px 30px;
    font-size: 50px;
    line-height: 52px;
    font-family: 'Manrope', sans-serif;
    font-weight: 700;
    text-align: center;
    background: #fff;
    border-radius: 10px 50px 50px 10px;
    color: #1F344F;
    z-index: 2;
    }

ul.twoColumns.otherReviews li .item .title {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    width: calc(90% - 140px);
    max-width: 185px;
    height: auto;
    margin: 0;
    padding: 0;
    font-size: 22px;
    line-height: 26px;
    font-weight: 700;
    background: #70A7D1;
    color: #fff;
    z-index: 2;
    transition: all 0.3s ease-in-out;
    }

ul.twoColumns.otherReviews li .item:hover .title { max-width: 205px;}


/* DOC SECTIONS */

.docSections {
    position: relative;
    display: block;
    width: 100%;
    height: auto;
    margin: 0;
    padding: 0 0 60px;
    }

.docSections .title {
    position: relative;
    display: block;
    width: 100%;
    height: auto;
    margin: 0 0 30px;
    padding: 0;
    font-size: 18px;
    line-height: 23px;
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 0.03em;
    color: #616466;
    }

.docSections .tabs {
    position: relative;
    display: block;
    width: 100%;
    height: auto;
    margin: 0 0 30px;
    padding: 0;
    }

.docSections .tabs a {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    width: auto;
    height: auto;
    margin: 0 10px 0 0;
    padding: 5px 20px;
    font-size: 16px;
    line-height: 23px;
    text-decoration: none;
    font-family: 'Manrope', sans-serif;
    font-weight: 600;
    background: #DFEBFA;
    border: 1px solid rgba(89,89,90,0.3);
    border-radius: 32px;
    transition: all 0.3s ease-in-out;
    cursor: pointer;
    }

.docSections .tabs a:hover,
.docSections .tabs a.active {
    background: #1F344F;
    color: #fff;
    }

.docSections ul.oneColumn li {
    width: calc(100% - 60px);
    background: #DFEBFA;
    border: 1px solid rgba(89,89,90,0.3);
    border-radius: 10px;
    padding: 10px 20px;
    }

.docSections ul.oneColumn li img {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    width: 58px;
    height: auto;
    margin: 0 20px 0 0;
    padding: 0;
    } 

.docSections ul.oneColumn li a {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    width: calc(80% - 80px);
    height: auto;
    margin: 0;
    padding: 0;
    font-size: 26px;
    line-height: 32px;
    font-weight: 700;
    text-decoration: none;
    } 


ul.filesList img {
    position: relative;
    display: block;
    width: 100%;
    height: auto;
    margin: 0 0 20px;
    padding: 0;
    }

ul.filesList a {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    width: auto;
    height: auto;
    margin: 0 0 10px 10px;
    padding: 0;
    text-decoration: none;
    font-size: 22px;
    line-height: 28px;
    font-weight: 500;
    }

ul.pdfLists img {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    width: 120px;
    height: auto;
    margin: 0 20px 0 0;
    padding: 0;
    }

ul.pdfLists .capt {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    width: calc(100% - 150px);
    height: auto;
    margin: 0;
    padding: 0;
    }

ul.pdfLists .capt .title {
    position: relative;
    display: block;
    width: 100%;
    height: auto;
    margin: 0 0 10px;
    padding: 0;
    font-size: 20px;
    line-height: 24px;
    font-weight: 500;
    text-decoration: none;
    text-transform: none;
    letter-spacing: normal;
    color: #241F20;
    }

ul.pdfLists .capt p {
    position: relative;
    display: block;
    width: 100%;
    height: auto;
    margin: 0 0 40px;
    padding: 0;
    font-size: 16px;
    line-height: 21px;
    font-weight: 400;
    color: #241F20;
    }

ul.pdfLists .capt .link {
    position: relative;
    display: block;
    width: 100%;
    height: auto;
    margin: 0 0 10px;
    padding: 0;
    font-size: 16px;
    line-height: 21px;
    font-weight: 500;
    color: #241F20;
    text-decoration: none;
    }



/* FOOTER */

.footer {
    position: relative;
    display: block;
    width: 100%;
    height: auto;
    margin: 0;
    padding: 40px 0 10px;
    background: #1C87C7 url("/templates/main/images/bg.footer.svg") center bottom no-repeat;
    background-size: 105%;
    }

.footer .h4 {color: #fff;}

.footer ul.fiveColumns li:nth-child(1){width: 22%;}
.footer ul.fiveColumns li:nth-child(2){width: 22%;}
.footer ul.fiveColumns li:nth-child(3){width: 19%;}
.footer ul.fiveColumns li:nth-child(4){width: 15%;}
.footer ul.fiveColumns li:nth-child(5){width: 17%;}

.footer .socials {
    position: relative;
    display: block;
    width: 100%;
    height: auto;
    margin: 0;
    padding: 0;
    }

.footer .socials img {
    position: relative;
    display: block;
    width: 50px;
    height: auto;
    margin: 0;
    padding: 0;
    }
    
.footer .metro img {width: 80%;}

.footer p {
    color: #fff;
    margin-bottom: 10px;
    }

.footer a.link {
    text-decoration: none;
    color: #fff;
    }

.footer a.tel {
    color: #fff;
    }

.footer .metro {
    position: relative;
    display: block;
    width: 100%;
    height: auto;
    margin: 20px 0 0;
    padding: 0;
    }

.footer .metro img {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    width: auto;
    height: auto;
    margin: 0;
    padding: 0;
    }
.footer .socials a {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    width: auto;
    height: auto;
    margin: 0 10px 10px 0;
    padding: 0;
    }

.footer ul.fourColumns.copyrights {
    position: relative;
    display: block;
    width: 100%;
    height: auto;
    margin: 30px 0 0;
    padding: 0;
    list-style-type: none;
    }

.footer ul.fourColumns.copyrights li:nth-child(1){width: 33%;}
.footer ul.fourColumns.copyrights li:nth-child(2){width: 21%;}
.footer ul.fourColumns.copyrights li:nth-child(3){width: 21%;}
.footer ul.fourColumns.copyrights li:nth-child(4){width: 21%;}

.footer ul.fourColumns.copyrights p {
    font-size: 15px;
    line-height: 21px;
    font-family: 'Manrope', sans-serif;
    font-weight: 500;
    color: #fff;
    }

.footer ul.fourColumns.copyrights p a {
    color: #fff;
    }


/* MOBILE MENU */

.mobile_menu {
    position: fixed;
    display: block;
    top: 0;
    left: -700px;
    right: auto;
    width: 320px;
    height: calc(100% - 100px);
    padding: 80px 0 20px;
    margin: 0;
    background: #C9E4EE;
    overflow-y: scroll;
    transition: all .3s ease-in-out;
    z-index: 98;
    }

.mobile_menu.active {
    left: 0
    }

.mobile_menu ul {
    position: relative;
    display: block;
    width: 100%;
    height: auto;
    padding: 20px 0 0;
    margin: 0;
    list-style-type: none
    }

.mobile_menu ul.submenu {padding: 0;}

.mobile_menu ul li {
    position: relative;
    display: block;
    width: calc(100% - 30px);
    height: auto;
    padding: 0;
    margin: 20px 0 20px 30px;
    }

.mobile_menu ul li.sub {
    width: calc(100% - 60px);
    margin: 10px 0 10px 50px;
    }

.mobile_menu ul li a {
    position: relative;
    display: inline-block;
    width: auto;
    height: auto;
    padding: 0;
    margin: 0 0 5px;
    font-size: 18px;
    line-height: 26px;
    font-weight: 500;
    color: #000;
    text-decoration: none
    }

.mobile_menu .contacts {
    position: relative;
    display: block;
    width: calc(100% - 60px);
    height: auto;
    margin: 0;
    padding: 0 30px 20px;
    }


.mobile_menu .contacts p {
    font-size: 14px;
    line-height: 21px;
    font-weight: 400;
    }

.mobile_menu .contacts p.small {
    font-size: 12px;
    line-height: 17px;
    font-weight: 400;
    color: #58585A;
    }

.mobile_menu .contacts .socials a {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    width: auto;
    height: auto;
    margin: 0 10px 0 0;
    padding: 0;
    }

.mobile_menu ul li:last-child a {color: #1C87C7}

.mobile_menu .contacts .socials img {
    position: relative;
    display: block;
    width: 36px;
    height: auto;
    margin: 0;
    padding: 0;
    }

.mobile_menu .btn {
    position: relative;
    display: inline-block;
    width: calc(100% - 20px);
    height: auto;
    margin: 20px 0 0;
    padding: 18px 10px;
    font-size: 16px;
    line-height: 23px;
    text-align: center;
    font-family: 'Manrope', sans-serif;
    font-weight: 700;
    text-decoration: none;
    color: #fff;
    background: #1C87C7;
    border-radius: 10px;
    transition: all 0.3s ease-in-out;
    cursor: pointer;
    }

/* SIDEBAR */

.sidebar {
    position: relative;
    display: block;
    width: calc(100% - 60px);
    height: auto;
    margin: 0;
    padding: 30px;
    background: #fff;
    border-radius: 20px;
    border: 1px solid rgba(88,88,90,0.3);
    }

.sidebar .slider {
    width: 90%;
    margin: 0 auto 80px;
    overflow: visible;
    }

.aboutBlock .sidebar .slick-prev {left: -42px;}
.aboutBlock .sidebar .slick-next {right: -42px;}

.aboutBlock .sidebar .slick-prev:hover {left: -47px;}
.aboutBlock .sidebar .slick-next:hover {right: -47px;}


/* SLICK-DOTS */

.sidebar .slider ul.slick-dots {
    position: absolute;
    display: block;
    width: 100%;
    left: 0;
    bottom: -40px;
    margin: 0 auto;
    text-align: center;
    z-index: 2;
    }

.sidebar .slider ul.slick-dots li {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    width: 15px;
    height: 10px;
    margin: 0 4px;
    padding: 0;
    border-radius: 10px;
    background: #1BA2D3
    }

.sidebar .slider ul.slick-dots li.slick-active {
    background: #045889;
    width: 40px;
    }

.sidebar .slider ul.slick-dots li button {
    display: none
    }

.sidebar ul.doscList {
    position: relative;
    display: block;
    width: 100%;
    height: auto;
    margin: 0 0 40px;
    padding: 0;
    list-style-type: none;
    }

.sidebar ul.doscList li {
    position: relative;
    display: block;
    width: 100%;
    height: auto;
    margin: 0 0 20px;
    padding: 0;
    }

.sidebar ul.doscList li img {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    width: 60px;
    height: auto;
    margin: 0 10px 0 0;
    padding: 0;
    border-radius: 10px;
    }

.sidebar ul.doscList li .caption {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    width: calc(100% - 80px);
    height: auto;
    margin: 0;
    padding: 0;
    }

.sidebar ul.doscList li .caption .title {
    position: relative;
    display: block;
    width: 100%;
    height: auto;
    margin: 0 0 5px;
    padding: 0;
    font-size: 20px;
    line-height: 24px;
    font-weight: 600;
    }

.sidebar ul.doscList li .caption a {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    width: auto;
    height: auto;
    margin: 0;
    padding: 0;
    font-size: 16px;
    line-height: 23px;
    font-weight: 500;
    text-decoration: none;
    border-bottom: 2px solid #0FABE5;
    }


.sidebar .linksList {
    position: relative;
    display: block;
    width: 100%;
    height: auto;
    margin: 0;
    padding: 0;
    }

.sidebar .linksList p {
    position: relative;
    display: block;
    width: 100%;
    height: auto;
    margin: 0 0 20px;
    padding: 0;
    }

.sidebar .linksList p:before {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    content: '';
    width: 24px;
    height: 24px;
    margin: 0 10px 0 0;
    padding: 0;
    border-radius: 0;
    background: url("/templates/main/images/icons/icon.link.svg") center no-repeat;
    }

.sidebar .linksList p a {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    width: auto;
    height: auto;
    margin: 0;
    padding: 0;
    font-size: 16px;
    line-height: 23px;
    font-weight: 500;
    text-decoration: none;
    border-bottom: 1px solid #000;
    }




/* POP UP FORM */

.fog {
    position: fixed;
    display: none;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    width: 100%;
    height: 100%;
    margin: 0 auto;
    padding: 0;
    background: rgba(0, 0, 0, 0.3);
    z-index: 99;
    }

.fog.active {display: block}

.fog2 {
    position: fixed;
    display: none;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    width: 100%;
    height: 100%;
    margin: 0 auto;
    padding: 0;
    background: rgba(0, 0, 0, 0.3);
    z-index: 99;
    }

.fog2.active {display: block;}



.popup {
    position: absolute;
    display: none;
    left: 5%;
    top: 50%;
    width: 90%;
    min-width: 320px;
    max-width: 650px;
    height: auto;
    margin: 0;
    padding: 20px 0;
    background: #fff;
    border-radius: 15px;
    z-index: 999;
    box-shadow: 0 10px 30px 0 rgba(0,0,0,0.05);
    }

.popup .close {
    position: absolute;
    display: block;
    right: 10px;
    top: 10px;
    width: 20px;
    height: 20px;
    margin: 0;
    padding: 0;
    background: url("/templates/main/images/icons/icon.close.svg") center no-repeat;
    background-size: contain;
    cursor: pointer;
    z-index: 2;
    }

.popup .h3 {
    position: relative;
    display: block;
    width: 90%;
    height: auto;
    margin: 0 auto 10px;
    padding: 0 5%;
    text-align: center;
    }

.popup p {
    position: relative;
    display: block;
    width: 90%;
    height: auto;
    margin: 0 auto 10px;
    padding: 0 5%;
    text-align: center;
    }

.popup form {
    position: relative;
    display: block;
    width: calc(100% - 60px);
    height: auto;
    margin: 0 auto;
    padding: 10px 30px 0;
    }

.popup form .h3 {
    position: relative;
    display: block;
    width: 100%;
    height: auto;
    margin: 0 auto 30px;
    padding: 0;
    text-align: center;
    }

.popup form .line {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    width: 49%;
    height: auto;
    margin: 0 2% 30px 0;
    padding: 0;
    }

.popup form .line.last {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    width: 49%;
    height: auto;
    margin: 0 0 30px 0;
    padding: 0;
    }

.popup form .line.full {
    width: 100%;
    }

.popup form input[type="text"] {
    position: relative;
    display: block;
    width: calc(100% - 40px);
    height: auto;
    margin: 0;
    padding: 10px 20px;
    font-size: 14px;
    line-height: 21px;
    font-weight: 400;
    border: 0;
    border-bottom: 1px solid #333;
    font-family: 'Mulish', sans-serif;
    }

.popup form textarea {
    position: relative;
    display: block;
    width: calc(100% - 40px);
    height: 100px;
    margin: 0;
    padding: 10px 20px;
    font-size: 14px;
    line-height: 21px;
    font-weight: 400;
    border: 0;
    border: 1px solid #999;
    font-family: 'Mulish', sans-serif;
    }

.popup form input[type="checkbox"] {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    width: 16px;
    height: 16px;
    margin: 0 5px 0 0;
    padding: 0;
    }

.popup form label {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    width: calc(90% - 30px);
    height: auto;
    font-size: 12px;
    line-height: 18px;
    font-weight: 400;
    color: #ccc;
    font-family: 'Mulish', sans-serif;
    }


.popup button {
    position: relative;
    display: block;
    width: auto;
    min-width: 190px;
    height: auto;
    margin: 0 auto;
    padding: 17px 30px;
    background: #0FABE5;
    font-size: 17px;
    line-height: 23px;
    color: #fff;
    text-align: center;
    border-radius: 5px;
    cursor: pointer;
    transition: all 0.3s ease-in-out;
    border: 0;
    }

.popup button:hover {min-width: 200px;}

.nopaddingbottom {padding-bottom: 0 !important;}

/* STYLES */
.marginbottom40 {margin-bottom: 40px;}
.margintop0 {margin-top: 0;}
.bggraddiagonal {
    background: linear-gradient(135deg,  rgba(161,212,242,0.33) 3%,rgba(161,206,242,1) 47%,rgba(0,184,193,0.38) 78%,rgba(28,135,199,1) 100%);
}

/* Source: eula.css; original cascade order retained. */

.eula {
    position: fixed;
    display: block;
    bottom: 15px;
    left: 5%;
    width: calc(90% - 60px);
    height: auto;
    margin: 0;
    padding: 30px;
    background: #ffffff;
    box-shadow: 0 10px 30px 0 rgba(0,0,0,0.15);
    border-radius: 12px;
    z-index: 99
}

.eula p {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    width: calc(100% - 180px);
    height: auto;
    margin: 0 20px 0 0;
    padding: 0;
    color: #242424;
    font-size: 16px;
    line-height: 21px;
    font-weight: 300
}

.eula button {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    width: 140px;
    height: auto;
    margin: 10px 0 20px 0;
    padding: 18px 20px;
    font-size: 16px;
    line-height: 23px;
    text-align: center;
    font-family: 'Manrope', sans-serif;
    font-weight: 700;
    text-decoration: none;
    color: #fff;
    border: 0;
    background: #1C87C7;
    border-radius: 10px;
    cursor: pointer;
    transition: all 0.3s ease-in-out;
}

.eula button:hover {
    opacity: 0.95
}



@media only screen and (max-width: 568px) {

    .eula {padding: 30px 30px 10px;}
    .eula p {display: block;width: 100%;}
}

/* Source: responsive.css; original cascade order retained. */
@media only screen and (max-width: 1280px) {
	h1, .h1 {font-size: 40px;line-height: 44px;}
	h2, .h2 {font-size: 34px;line-height: 38px;}
	h3, .h3 {font-size: 28px;line-height: 32px;}
	h4, .h4 {font-size: 22px;line-height: 26px;}

	.hero .btn img {width: 40px;margin-right: 5px}
	.hero .btn .info {width: calc(100% - 50px);}
	.hero .btn .info .small {font-size: 14px;line-height: 18px;}
	.hero ul.twoColumns {width: 103%;}
	.hero h1 {margin: 50px 0 20px 0}

	.aboutBlock .btn.blue {padding: 18px 40px;}
	.aboutBlock .item .h3 {max-width: 65%;}
	.directionsBlock .btn.blue  {padding: 18px 40px;}
	.directionsBlock .bg {margin-bottom: 20px;}
	.directionsBlock .bg4 {margin-bottom: 20px;}

	.pacticeSlider .slide.slick-current .title img {width: 50px;margin: 0 10px 0 0;}
	.pacticeSlider .slide.slick-current .title span {width: calc(100% - 70px);font-size: 20px;line-height: 24px;}

	.bannerBlock .bannerInner {background-size: 40%;background-position: right -10% center;}
	.bannerBlock .bannerInner .caption {width: calc(83% - 150px);}
	.bannerBlock .bannerInner .caption ul.threeColumns li:nth-child(n) {width: 49%; margin: 0;}
	.bannerBlock .bannerInner .caption ul.threeColumns li:nth-child(2) {text-align: right;top: -50px;}
	.bannerBlock .bannerInner .caption ul.threeColumns li:nth-child(3) {position: absolute;bottom: 0;right:15px;display: block;width: 49%;height: auto;margin: 0;padding: 0;text-align: right;}

	ul.twoColumns.otherReviews li .item .num {font-size: 40px;line-height: 42px;}
	.aboutBlock.firstBlock {padding-top: 110px;}
	.aboutBlock.firstBlock.paddingMore {padding-top: 150px;}
	.aboutBlock.firstBlock h1 {margin-bottom: 40px;}
	.aboutBlock ul.twoColumns.w49 li.bgbluefull h3 br {display: none}
	.banner3 .caption {max-width: 600px;}
	.docsBlock .slide img {right: 2%;width: 60%;}
	.procedureBlock img {max-width: 200px;}
	.bannerBlock2 .bannerInner .caption .title {font-size: 30px;line-height: 32px;}
	.bannerBlock2 .bannerInner .button a {padding: 15px 30px;}
	.aboutBlock ul.threeColumns.tabBlocks li:nth-child(1).active a, .aboutBlock ul.threeColumns.tabBlocks li:nth-child(1):hover a {font-size: 24px;line-height: 30px;}
	.aboutBlock ul.threeColumns.tabBlocks li a {font-size: 24px;line-height: 30px;}
	ul.threeColumns.newsList li .h4 {margin-bottom: 10px;}
	.bannerBlock.type2 .bannerInner {background-size: 55%;background-position: right -10% center;}
	.docSections .tabs a {margin-bottom: 10px;}
	.directionsBlock .bg {background-size: 60%;}
	.directionsBlock .bg4 {background-size: 60%;}

	.pricesList .priceSmall .value {font-size: 24px;line-height: 32px;}
	.pricesList .priceSmall {margin: 0 0 30px;}
}

@media only screen and (max-width: 1024px) {
	.top .phone a {font-size: 16px;}
	.hero {padding: 50px 0;background: url("/templates/main/images/promo.jpg") center no-repeat;background-size:cover}
	.hero {padding: 50px 0;background: image-set(url("/templates/main/images/optimized-20261007/hero-mobile.webp") type("image/webp"), url("/templates/main/images/promo.jpg") type("image/jpeg")) center no-repeat;background-size:cover}
	.hero ul.twoColumns {background: transparent;}
	.hero ul.twoColumns li:nth-child(1) {width: 80%; padding: 0 15% 0 5%}
	.hero ul.twoColumns li:nth-child(2) {display: none}
	.hero ul.twoColumns li ul.twoColumns li:nth-child(2) {display: inline-block;}
	.hero h1 {color: #fff;max-width: 600px;}
	.hero p {color: #fff;max-width: 500px;}
	.hero ul.twoColumns li ul.twoColumns {max-width: 700px; margin: 0}

	.directionsBlock .bg4 p {max-width: 80%;}
	.aboutBlock ul.threeColumns.tabBlocks li a {width: calc(100% - 40px);padding: 30px 20px;font-size: 22px;line-height: 28px;}
	.aboutBlock ul.threeColumns.tabBlocks li span {left: -5px}

	ul.threeColumns.pricesBlue li .price {font-size: 46px;line-height: 60px;}

	.pricesList .programms table td:nth-child(1), .pricesList .programms table th:nth-child(1) {font-size: 20px;line-height: 24px;}
	.pricesList .programms table thead th:nth-child(n) {font-size: 18px;line-height: 22px;}
	.bannerBlock.type2 .bannerInner {background-size: 60%;background-position: right -30% center;}

	.docSections .tabs a {margin: 0 10px 10px 0;}
	.sidebar .linksList p a {width: calc(100% - 40px);}
	.directionsBlock .bg {background-size: 70%;}
	.directionsBlock .bg4 {background-size: 70%;}

	ul.twoColumns.newPriceBlock li:nth-child(n) {width: 100%; margin: 0 auto;}
	ul.twoColumns.newPriceBlock li:nth-child(2n) {width: 100%; margin: 0 auto 0;}
}

@media only screen and (max-width: 960px) {
	h3, .h3 {font-size: 26px;line-height: 30px;}
	.top .menu ul {display: none;}
	.top .phone {display: none;}
	.top .burger {display: inline-block;}
	.hero {margin: 100px auto 0;}

	.aboutBlock ul.twoColumns li:nth-child(n) {width: calc(100% - 62px);margin: 0 0 20px;}
	.aboutBlock ul.twoColumns li:nth-child(2) {width: 100%;margin: 0;}

	.directionsBlock ul.twoColumns li:nth-child(n) {width: 100%;margin: 0 0 30px 0;}
	.directionsBlock .bg {background: #fff url("/templates/main/images/gbo1.png") right -15% center no-repeat;}
	.directionsBlock .bg {background: #fff image-set(url("/templates/main/images/optimized-20261007/gbo1.webp") type("image/webp"), url("/templates/main/images/gbo1.png") type("image/png")) right -15% center no-repeat;}

	.directionsBlock ul.twoColumns li:nth-child(1) {order:1}
	.directionsBlock ul.twoColumns li:nth-child(2) {order:2}
	.directionsBlock ul.twoColumns li:nth-child(3) {order:4}
	.directionsBlock ul.twoColumns li:nth-child(4) {order:3}

	.bannerBlock {margin: 50px 0 0;}
	.bannerBlock.margintop0{margin-top: 0}
	.bannerBlock .bannerInner {background-size: 100%;background-position: center; padding-bottom: 220px;}
	.bannerBlock .bannerInner .caption {position: relative;width: calc(100% - 60px);}

	.footer ul.fiveColumns li:nth-child(n) {width: 32%; margin: 0 1.5% 20px 0;}
	.footer ul.fiveColumns li:nth-child(5) {width: 64%; margin: 0 1.5% 20px 0;}
	.footer ul.fiveColumns li:nth-child(3n) {width: 32%; margin: 0 0 20px 0;}
	.footer .socials br {display: none}
	.footer ul.fourColumns.copyrights li:nth-child(n) {width: 49%; margin: 0 2% 20px 0;}
	.footer ul.fourColumns.copyrights li:nth-child(2n) {width: 49%; margin: 0 0 20px 0;}

	.aboutBlock ul.twoColumns.fizio li.bzal {height: 300px;width: 100%;}
	.docsBlock .slider {border: 0}
	.docsBlock .slide img {right: -40%;width: 90%;}
	.docsBlock .slide {overflow: hidden;}
	.docsBlock .slide .caption {width: calc(55% - 32px);}
	.slick-slide img {width: 100%;display: block}
	.aboutBlock ul.twoColumns.fizio .item.last {background: #fff}

	.aboutBlock ul.twoColumns li.bzal{height: 150px;}
	.bannerBlock2 .bannerInner .button a {padding: 15px 10px;}
	.directionsBlock .bg4 {background: #fff url("/templates/main/images/kgs1.png") right -15% center no-repeat;}
	.directionsBlock .bg4 {background: #fff image-set(url("/templates/main/images/optimized-20261007/kgs1.webp") type("image/webp"), url("/templates/main/images/kgs1.png") type("image/png")) right -15% center no-repeat;}
	.effectsBlock.bgcircleone ul.threeColumns li {width: 38%;}
	.effectsBlock.bgcircleone ul.threeColumns li:nth-child(2) {width: 20%;}
	.effectsBlock.bgcircleone ul.threeColumns li:nth-child(3) {width: 38%;}
	.effectsBlock.bgcircleone ul.threeColumns {background-size: cover;}
	.effectsBlock img {left: -100%;width: 300%;opacity: 0.2;}
	.aboutBlock ul.twoColumns li.liitem.bglogo {height: 150px}

	.pricesList {margin: 50px auto 0;}

	ul.threeColumns.pricesBlue li:nth-child(n) {width: calc(100% - 60px);padding: 30px 30px 100px;margin: 0 0 20px;}
	.pricesList .programms table td img {display: none}
	.pricesList .programms table td:nth-child(1), .pricesList .programms table th:nth-child(1) {font-size: 18px;line-height: 22px;}
	.pricesList .programms table td, .pricesList .programms table th {font-size: 20px;line-height: 24px;}

	ul.twoColumns.contacts li:nth-child(1) {order: 2}
	ul.twoColumns.contacts li:nth-child(2) {order: 1}
	ul.twoColumns.contacts iframe {height: 350px; margin-bottom: 40px;}
	.aboutBlock ul.twoColumns.contacts li ul.twoColumns li {width: 49%; margin: 0 2% 20px 0}
	.aboutBlock ul.twoColumns.contacts li ul.twoColumns li:nth-child(2n) {width: 49%; margin: 0 0 20px 0}

	.bannerBlock.lastFooter {margin-bottom: 50px;}

	.bannerBlock.type2 .bannerInner {background: linear-gradient(to right,  rgba(28,135,199,1) 0%,rgba(4,88,137,1) 100%) !important;background-size: cover;background-position: center;}
	.bannerBlock .bannerInner .h4 {right: auto;left: 30px;width: 85%;text-align: left;top: auto; bottom: auto;position: relative;margin-bottom: 20px}
	.bannerBlock .btn.rightpos {right: auto;top:auto;bottom: auto;left: 30px;position: relative;margin-bottom: 40px}

	.aboutBlock ul.threeColumns.tabBlocks li {width: 100%; margin: 0 auto 20px;}
	.aboutBlock ul.threeColumns.tabBlocks li.active:after, .aboutBlock ul.threeColumns.tabBlocks li:hover:after {display: none}
	.aboutBlock ul.threeColumns.tabBlocks li img {width: 60px;}
	.aboutBlock ul.threeColumns.tabBlocks li:nth-child(1).active a, .aboutBlock ul.threeColumns.tabBlocks li:nth-child(1):hover a {background: #1C87C7 url("/templates/main/images/logo.white.svg") left 94% top 30px no-repeat;background-size: 50%;}
	.aboutBlock ul.threeColumns.tabBlocks li:nth-child(2).active a, .aboutBlock ul.threeColumns.tabBlocks li:nth-child(2):hover a{background: #00B8C1 url("/templates/main/images/logo.white.svg") left 94% top 30px no-repeat;background-size: 50%;}
	.aboutBlock ul.threeColumns.tabBlocks li:nth-child(3).active a, .aboutBlock ul.threeColumns.tabBlocks li:nth-child(3):hover a{background: #D75793 url("/templates/main/images/logo.white.svg") left 94% top 30px no-repeat;background-size: 50%;}
	.aboutBlock ul.threeColumns.tabBlocks li.active img, .aboutBlock ul.threeColumns.tabBlocks li:hover img {width: 0;height: 60px}
	.faqBlock .title {width: calc(100% - 40px);padding: 0 40px 0 0;}
	.aboutBlock.firstBlock .newsElement h1 {margin-bottom: 30px;}
	.directionsBlock .bg {background-size: 40%;}
	.directionsBlock .bg4 {background-size: 40%;}

}

@media only screen and (max-width: 768px) {
	.top .logo {width: 20%;}
	.top .menu {width: 60%;}
	.hero {margin: 90px auto 0;}
	.hero h1 {margin: 20px 0 20px 0;}
	.banner3 .label {position: relative;bottom: auto;right: auto;left: 0;margin: 0 0 30px 30px;}
	.procedureBlock img {max-width: 140px;}

	ul.twoColumns.otherReviews li:nth-child(n) {width: 100%; margin: 0 auto 20px;}
	.otherReviews .h2 br {display: none;}
	.aboutBlock ul.twoColumns.w49 li.bgbluefull {width: calc(100% - 60px);}
	.aboutBlock ul.twoColumns.w49 li:nth-child(n) {width: calc(100% - 62px);}
	.docsBlock .slide img {right: -80%;width: 140%;}
	.bannerBlock .bannerInner {background-size: 140%;}

	.bannerBlock .bannerInner .caption ul.threeColumns li:nth-child(n) {width: 100%;margin-bottom: 20px}
	.bannerBlock .bannerInner .caption ul.threeColumns li:nth-child(2) {width: 49%; margin-right: 2%;text-align: left; top: auto}
	.bannerBlock .bannerInner .caption ul.threeColumns li:nth-child(3) {width: 49%; margin-right: 0;text-align: left; bottom: auto;right: auto;position: relative;display: inline-block;}

	.effectsBlock ul.threeColumns li:nth-child(n) {width: 49%; margin: 0 2% 0 0}
	.effectsBlock ul.threeColumns li:nth-child(2) {width: 0%; margin: 0}
	.effectsBlock ul.threeColumns li:nth-child(3) {width: 49%; margin: 0}
	.bannerBlock {margin: 10px 0 0;}
	.hero ul.twoColumns li:nth-child(1) {width: 85%;padding: 0 5% 0 5%;}

	.bannerBlock2 .bannerInner .caption {width: 100%; margin: 0 0 20px;}
	.bannerBlock2 .bannerInner .button {width: 200px; text-align: left;}
	.effectsBlock.bgcircleone ul.threeColumns li:nth-child(2) {width: 0}
	.reviewsSlider .slider .slide {margin: 0}
	.aboutBlock ul.twoColumns li:nth-child(n) {width: 100%;}
	ul.twoColumns.contacts {width: calc(100% - 40px);padding: 30px 20px 0 20px;}
	.banner3 .caption {width: calc(100% - 40px); padding: 30px 20px}

	.directionsBlock .bg2:before {opacity: 0.2}
	.directionsBlock .bg3:before {opacity: 0.2}
	.docsBlock .slide .caption {height: 460px;}
	.docsBlock .slide img.bg {display: none}
	.docsBlock .slide img.doc {width: 85%;right: -20%;}
	.docsBlock .slide .bgblue {width: 100%;}

	ul.threeColumns.newsList li:nth-child(n) {width: 49%;padding: 0 2% 20px 0; border: 0}
	ul.threeColumns.newsList li:nth-child(3n) {width: 49%;padding: 0 2% 20px 0;}
	ul.threeColumns.newsList li:nth-child(2n) {width: 49%;padding: 0 0 20px 0;}
	.bannerBlock .bannerInner {padding-bottom: 0;}
	.directionsBlock .bg {background-size: 50%;}
	.directionsBlock .bg4 {background-size: 50%;}
}

@media only screen and (max-width: 588px) {
	h1, .h1 {font-size: 36px;line-height: 40px;}
	h2, .h2 {font-size: 32px;line-height: 36px;}
	h3, .h3 {font-size: 24px;line-height: 28px;}
	h4, .h4 {font-size: 20px;line-height: 24px;}
	.top .logo {width: 30%;}
	.top .menu {width: 50%;}
	.howDoes ul.twoColumns li:nth-child(n) {width: calc(100% - 60px); margin: 0 0 20px 0}
	.effectsBlock.bgcircleone ul.threeColumns li:nth-child(n) {width: 100%; margin: 0 0 20px;text-align: left;}
	.effectsBlock.bgcircleone ul.threeColumns li:nth-child(2) {display: none}
	.hero {padding: 50px 0 0;border: 0;}
	.hero:before {left: 0%;bottom: 0%;background: #1F344F;opacity: 0.5}
	.hero ul.twoColumns li ul.twoColumns {left: -6.7%;width: 107.5%;padding: 30px 4.3% 10px;background: #C9E4EE;overflow: hidden;border-radius: 20px;}
	.hero ul.twoColumns li ul.twoColumns:before{position: absolute;left: -35%;bottom: -15%;display: block;content: '';width: 100%;height: 100%;margin: 0;padding: 0;background: url("/templates/main/images/logo.sign.svg") center no-repeat;background-size: contain;opacity: 0.1;z-index: 0;}
	.hero ul.twoColumns li ul.twoColumns li:nth-child(n) {width: 100%; margin: 0 auto 20px;}
	.hero .btn {width: calc(100% - 40px);}
	.aboutBlock .btn.blue  {width: calc(100% - 40px);padding: 18px 20px;}
	.bannerBlock .btn.rightpos {width: calc(100% - 100px);}

	ul.threeColumns.filesList li:nth-child(n) {width: 100%; margin: 0 auto 30px;}
	ul.twoColumns.pdfLists li:nth-child(n) {width: 100%; margin: 0 auto 30px;}

	.directionsBlock .bg {background: #fff url("/templates/main/images/gbo1.png") right 0% top -20% no-repeat;padding-top: 380px;background-size: 100%;}
	.directionsBlock .bg {background: #fff image-set(url("/templates/main/images/optimized-20261007/gbo1.webp") type("image/webp"), url("/templates/main/images/gbo1.png") type("image/png")) right 0% top -20% no-repeat;padding-top: 380px;background-size: 100%;}
		.directionsBlock .bg:before {position: absolute;
	bottom: 0;
	left:0;
	right: 0;
	content: '';
	display: block;
	width: 100%;
	height: 240px;
	margin: 0;
	padding: 0;
	background: #fff;
	border-radius: 0 0 20px 20px;
	z-index: 0;
	}
	.howDoes ul.twoColumns li:last-child {background-size: 160px;}
	.directionsBlock .item .label {display: none}
	.directionsBlock .btn.blue {width: calc(100% - 40px);padding: 18px 20px;}

	.directionsBlock .bg4 {background: #fff url("/templates/main/images/kgs1.png") right 0% top -20% no-repeat;padding-top: 380px;background-size: 100%;}
	.directionsBlock .bg4 {background: #fff image-set(url("/templates/main/images/optimized-20261007/kgs1.webp") type("image/webp"), url("/templates/main/images/kgs1.png") type("image/png")) right 0% top -20% no-repeat;padding-top: 380px;background-size: 100%;}
	.directionsBlock .bg4:before {position: absolute;
	bottom: 0;
	left:0;
	right: 0;
	content: '';
	display: block;
	width: 100%;
	height: 240px;
	margin: 0;
	padding: 0;
	background: #fff;
	border-radius: 0 0 20px 20px;
	z-index: 0;
	}
	.pacticeSlider .slick-prev, .pacticeSlider .slick-next {display: none !important}
	.pacticeSlider ul.slick-dots {width: 100%;bottom: -60px;}
	.bannerBlock .bannerInner {background-size: 190%;}
	.bannerBlock .bannerInner .caption ul.threeColumns li:nth-child(2) {width: 100%; margin: 0 auto 20px;}
	.bannerBlock .bannerInner .caption ul.threeColumns li:nth-child(3) {width: 100%; margin: 0 auto;}
	.bannerBlock .btn {padding: 18px 20px;width: calc(100% - 40px)}
	.directionsBlock .bg p {max-width: 100%;}
	.directionsBlock .bg4 p {max-width: 100%;}
	.bannerBlock .bannerInner .caption .price {font-size: 40px;line-height: 44px;}

	.aboutBlock img.desktop {display: none}
	.aboutBlock img.mobile {display: block}

	.footer ul.fiveColumns li:nth-child(n) {width: 49%;margin: 0 2% 20px 0;}
	.footer ul.fiveColumns li:nth-child(3n) {width: 49%;margin: 0 2% 20px 0;}
	.footer ul.fiveColumns li:nth-child(2n) {width: 49%;margin: 0 0 20px 0;}
	.footer ul.fiveColumns li:last-child {width: 100%;margin: 0;}
	.aboutBlock ul.twoColumns.w49 li.bgbluefull .btn {padding: 18px 20px;width: calc(100% - 40px);}
	.banner3 .label {width: calc(100% - 100px);}
	.aboutBlock ul.twoColumns.fizio .item.last {display: flex;flex-wrap: wrap;}
	.aboutBlock ul.twoColumns.fizio li ul.inline {order: 2; width: 100%; margin: 0 auto;}
	.aboutBlock ul.twoColumns.fizio li img {order: 1; width: 70%; margin: 0 auto 10px;}
	.bannerBlock2 .bannerInner .button {width: 100%;text-align: center;}

	.effectsBlock ul.threeColumns li:nth-child(n) {width: 100%; margin: 0 auto;text-align: left;}
	.effectsBlock ul.threeColumns li:nth-child(2) {display: none}
	.bannerBlock2 .bannerInner .button a {width: calc(100% - 20px);}

	.docsBlock h2 {max-width: 70%;}
	.docsBlock .slide {display: flex;flex-wrap: wrap;}
	.docsBlock .slide .caption {width: calc(100% - 60px);order: 2;padding: 30px 30px 80px 30px;}
	.docsBlock .slide img {width: calc(100% - 60px);order: 1; position: relative; right: auto;width: 100%;}

	.procedureBlock ul.threeColumns li {width: calc(100% - 40px); margin: 0 auto 20px;border: 1px solid #dedede;padding: 20px;border-radius: 16px}
	.pricesList .priceBig .caption {width: 100%;margin: 0;}
	.pricesList .priceBig .value {width: 100%;text-align: left;}
	.docSections ul.oneColumn li a {font-size: 22px;line-height: 26px;width: calc(100% - 80px);}
	.aboutBlock li.bgblue1 {padding: 40px 20px 30px;}
	.aboutBlock .item {width: calc(100% - 42px);padding: 30px 20px 30px;}
	.aboutBlock .item .label {position: relative;top: auto;right: auto;margin: 0 0 10px;padding: 5px 10px;}
	ul.twoColumns.otherReviews li .item .title {width: calc(80% - 140px);}
	ul.twoColumns.otherReviews li .item {background: #70A7D1 url("/templates/main/images/icons/icon.arrow.long.svg") center right 20px no-repeat;background-size: 50%;}
	.aboutBlock .item .h3 {max-width: 90%;}
	.directionsBlock.bggraddiagonal {padding: 40px 20px 0;margin-bottom: 20px;margin-left: 0}

	.aboutBlock {padding: 40px 0 30px;}
	.aboutBlock img.baro {margin: 35px 0 0;}
	.pacticeSlider .slide.slick-current .btn.blue {margin: 0 30px 30px 0;}
	.faqBlock ul {padding: 10px 0 0;}
	.footer .metro img {width: 100%;}
	.aboutBlock ul.twoColumns.w49 li:nth-child(n) {width: calc(100% - 42px);}
	.aboutBlock ul.twoColumns.fizio li .bg2:before {opacity: 0.3}
	.docsBlock .slide .caption {z-index: 2;height: 260px;margin-top: 200px;}
	.docsBlock .slide img.doc {z-index: 0;opacity: 1;width: 100%;}
	.directionsBlock .wrap {width: 100%;padding: 0;}
	.effectsBlock .h2 {margin-bottom: 30px;}
	.procedureBlock {padding: 30px 0 0;}
	.effectsBlock ul.threeColumns, .effectsBlock.bgcircleone ul.threeColumns {background: url("/templates/main/images/bg1.jpg") center no-repeat;background-size: cover;}
	.effectsBlock ul.threeColumns, .effectsBlock.bgcircleone ul.threeColumns {background: image-set(url("/templates/main/images/optimized-20261007/bg1.webp") type("image/webp"), url("/templates/main/images/bg1.jpg") type("image/jpeg")) center no-repeat;background-size: cover;}
	.aboutBlock ul.twoColumns li.liitem h1 {width: 90%;}
	.howDoes {padding: 30px 0 0;}
	.aboutBlock ul.threeColumns.tabBlocks {padding: 0;}
	.faqBlock {padding: 40px 0 40px;}
	.faqBlock.faqBlockIn { padding: 10px 0 0;}


	ul.threeColumns.newsList li:nth-child(n) {width: 100%;padding: 0 0 20px 0;margin: 0 0 20px}
	ul.threeColumns.newsList li .h4 {height: auto;}
	.pricesList .programms h3:after {position: absolute;top: 0;right:0;content: '';display: block;width: 26px;height: 26px;margin: 0;padding: 0;background: url("/templates/main/images/icons/icon.swipe.svg") center no-repeat;background-size: contain;}
	.aboutBlock.firstBlock h1 {margin-bottom: 10px;}
	.backurl {top: -30px;left: -10px;}
	.backurl.back3 {left: 10px;top: -26px;}
	.docSections ul.oneColumn li {width: calc(100% - 40px);}
	.aboutBlock.firstBlock.pdd {padding: 90px 0 10px;}

}

@media only screen and (max-width: 484px) {
	h1, .h1 {font-size: 32px;line-height: 36px;}
	h2, .h2 {font-size: 27px;line-height: 32px;}
	h3, .h3 {font-size: 22px;line-height: 25px;}
	h4, .h4 {font-size: 18px;line-height: 23px;}

	.directionsBlock .bg {padding-top: 350px;background-size: 120%;}
	.directionsBlock .bg4 {padding-top: 350px;background-size: 120%;}
	.bannerBlock .bannerInner {background-size: 240%;background-position: 30% -120%;}
	.bannerBlock .bannerIndex {background-position: 30% -120%;}
	.reviewsSlider {padding: 0}
	.pacticeSlider .slide.slick-current .btn.blue {margin: 0 0 30px 0;width: calc(100% - 40px);}
	.pacticeSlider .slide.slick-current .link {padding: 0 40px 20px 0;}
	.pacticeSlider ul.slick-dots {bottom: -30px;}
	ul.twoColumns.otherReviews li .item .title {width: calc(85% - 140px);}
	.footer .metro {margin: 10px 0 0;}
	.directionsBlock {margin: 0 20px 10px;}
	.docsBlock .slide .caption {height: auto;padding: 30px 30px 380px 30px;margin-top: 0}

	.docsBlock .slide img.doc {width: 100%;right: 0%;}
	.footer ul.fiveColumns li:nth-child(n) {width: 100%;margin: 0 0 20px 0;}
	.footer .metro img {max-width: 180px;}
	.aboutBlock .bglogo {background-size: 160px;}
	.pricesList .priceBig .value {font-size: 40px;line-height: 46px;}
	ul.threeColumns.pricesBlue li .price {font-size: 40px;line-height: 46px;}
	.aboutBlock ul.twoColumns.contacts li ul.twoColumns li:nth-child(n) {width: 100%; margin: 0 auto 20px;}
	ul.twoColumns.contacts .socials a img {width: 50px;}

	.aboutBlock.firstBlock.stk h1 {margin-bottom: 30px;}

	.pricesList .priceSmall .caption {width: 100%; margin: 0 auto 20px;}
	.pricesList .priceSmall .value {text-align: left;}
}

@media only screen and (max-width: 390px) {
	.directionsBlock .bg {padding-top: 350px;}
	.docsBlock .slide .caption {height: 500px;}
	.docsBlock .slide img.doc {width: 215%;right: -55%;}
	.bannerBlock .bannerInner {background-size: 280%;}
	.bannerBlock .bannerInner {background-size: 240%;background-position: 30% -160%;}
	.bannerBlock .bannerIndex {background-position: 30% -160%;}
	
}

@media only screen and (max-width: 330px) {
	.directionsBlock .bg {padding-top: 320px;}
	.bannerBlock .bannerInner {background-size: 300%;}
	
}



/* Source: responsive2.css; original cascade order retained. */
.top .burger {left: 5%;right:auto}
.top .phone a.whatsapp img.call2 {display: none}
.mobile_menu {width: 100%;}
.mobile_menu {width: 100%;left: -100%;transition: none;}
.top .logo img {max-width: 140px}
.mobile_menu ul li ul{display: none; padding: 0;}
.mobile_menu .contacts p.small {margin-bottom: 10px;color: #58585A;margin-top: 30px;}
.mobile_menu .contacts .socials {margin-bottom: 20px;}
.mobile_menu ul li {width: 100%;margin: 10px 0 0;}
.mobile_menu .contacts {width: 100%;padding: 0 0 20px;}
.mobile_menu .btn {max-width: 360px;}
.mobile_menu ul li.alink:nth-child(1) a {padding-right: 20px; background: url("/templates/main/images/icons/icon.angle.down.dark.svg") right 11px no-repeat;}
.mobile_menu ul li.alink:nth-child(4) a {padding-right: 20px; background: url("/templates/main/images/icons/icon.angle.down.blue.svg") right 11px no-repeat;color: #1C87C7}

.mobile_menu ul li.alink.active:nth-child(1) a {padding-right: 20px; background: url("/templates/main/images/icons/icon.angle.up.dark.svg") right 11px no-repeat;}
.mobile_menu ul li.alink.active:nth-child(4) a {padding-right: 20px; background: url("/templates/main/images/icons/icon.angle.up.blue.svg") right 11px no-repeat;}

.mobile_menu ul li.alink:nth-child(n) ul li a {background: none}
.mobile_menu ul li.alink.active:nth-child(n) ul li a {background: none}
.mobile_menu ul li.alink:nth-child(4) ul li a {color: #000}
.mobile_menu ul li:last-child a {color: #000}
.mobile_menu ul li.sub {width: calc(100% - 30px);margin: 10px 0 10px 20px;}

@media only screen and (max-width: 960px) {
	.top .logo {left: calc(50% - 70px);right:auto;}
	.top .phone {position:absolute;right:5%;top:0;display: inline-block; width: 60px;text-align: right;}
	.top .phone a {display: none}
	.top .phone a.whatsapp {display: inline-block;position: relative;right: 0;}
	.top .phone.active a.whatsapp img.call1 {display: none}
	.top .phone.active a.whatsapp img.call2 {display: block}

}

@media only screen and (max-width: 768px) {
	
}

@media only screen and (max-width: 588px) {
    h1 {overflow-wrap: anywhere;}
	.top .logo {left: calc(50% - 50px);width: 100px}
	.mobile_menu .fot {position: absolute; left: 0; bottom: 60px;background:#C9E4EE;padding-bottom: 20px;margin: 0; color: #58585A;font-size:16px;}
	.mobile_menu .btn {position: absolute; left: 0; bottom: 0;margin: 0}
	.mobile_menu .wrap {
		position: absolute;
		top: 70px;
		left: 5%;
		right: 5%;
		bottom: 30px;
		display: block;
		width: 90%;
		height: calc(100% - 100px);
		margin: 0;
		padding: 0;
	}
}

@media only screen and (max-width: 484px) {
	
}

@media only screen and (max-width: 390px) {
	
	
}

@media only screen and (max-width: 330px) {
	
	
}

/* Mobile QA 2026-10-07: preserve layout, keep forms within the viewport. */
.top .burger {border: 0;}
.top .burger:focus-visible {outline: 3px solid #1F344F;outline-offset: 3px;}
.top:has(.burger.active) {background: #C9E4EE;}
.popup form label {color: #1F344F;}

@media only screen and (max-width: 588px) {
    .popup {
        position: fixed;
        min-width: 0;
        width: calc(100% - 32px);
        left: 16px !important;
        top: 20px !important;
        max-height: calc(100vh - 40px);
        max-height: calc(100dvh - 40px);
        box-sizing: border-box;
        overflow-y: auto;
        overscroll-behavior: contain;
    }
    .popup form {width: calc(100% - 40px);padding: 18px 20px 0;}
    .popup form .line, .popup form .line.last {width: 100%;margin: 0 0 20px;}
    .popup form input[type="text"], .popup form textarea {
        width: 100%;box-sizing: border-box;min-height: 44px;
        font-size: 16px;font-family: 'Golos Text', sans-serif;
    }
    .popup form label {width: 100%;font-size: 14px;line-height: 21px;}
    .popup .close {width: 44px;height: 44px;right: 0;top: 0;background-size: 20px;}
    .popup button {max-width: 100%;box-sizing: border-box;}
    .reviewsSlider .btn.blue {max-width: 100%;box-sizing: border-box;}
    .footer .copyrights p, .footer .copyrights a {overflow-wrap: anywhere;}
    .mobile_menu .wrap {
        position: relative;top: auto;left: auto;right: auto;bottom: auto;
        width: 90%;height: auto;min-height: calc(100% - 20px);
        margin: 0 auto;display: flex;flex-direction: column;
    }
    .mobile_menu .fot {position: static;margin: auto 0 0;padding: 20px 0;}
    .mobile_menu .btn {position: static;margin: 0;}
}

@media only screen and (max-width: 330px) {
    h1 {font-size: 28px;line-height: 32px;}
}

/* Source: notification.center.css; original cascade order retained. */
@charset "UTF-8";
/* CSS Document */

.notification-area {
	position:fixed;
	display:block;
	right:-300px;
	top: 100px;
	max-width: 280px;
	height:auto;
	max-height:calc(100% - 100px);
	margin:0;
	padding: 0 20px 0 0;
	overflow:hidden;
	z-index: 999999;
	}
	
.notification-area li {
	position:relative;
	display:block;
	background-color: #fff;
	width:200px;
	height:auto;
	margin:20px 20px 20px 20px;
	padding:20px 40px 20px 20px;
	overflow:hidden;
	color:#000;
	font-size:12px;
	line-height:17px;
	cursor:pointer;
	
	border-radius: 7px;
    box-shadow: 0 0 30px 0 rgba(0,0,0,0.2);
	
	transition:all 0.3s ease-in-out;
    }	
	
.notification-area .btn_close {
	position:absolute;
	display:block;
	right:0;
	top:0;
	width:10px;
	height:10px;
	margin:10px 10px 0 0;
	}

.notification-area .btn_close img {
	position:relative;
	display:block;
	width:100%;
	height:auto;
	margin:0;
	}

/* Source: jquery.fancybox.min.css; original cascade order retained. */
@charset "UTF-8";
.fancybox-enabled {
    overflow: hidden
}

.fancybox-enabled body {
    overflow: visible;
    height: 100%
}

.fancybox-is-hidden {
    position: absolute;
    top: -9999px;
    left: -9999px;
    visibility: hidden
}

.fancybox-container {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 999993;
    -webkit-tap-highlight-color: transparent;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
}

.fancybox-container ~ .fancybox-container {
    z-index: 999992
}

.fancybox-bg, .fancybox-inner, .fancybox-outer, .fancybox-stage {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0
}

.fancybox-outer {
    overflow-y: auto;
    -webkit-overflow-scrolling: touch
}

.fancybox-bg {
    background: #1e1e1e;
    opacity: 0;
    transition-duration: inherit;
    transition-property: opacity;
    transition-timing-function: cubic-bezier(.47, 0, .74, .71)
}

.fancybox-is-open .fancybox-bg {
    opacity: .87;
    transition-timing-function: cubic-bezier(.22, .61, .36, 1)
}

.fancybox-caption-wrap, .fancybox-infobar, .fancybox-toolbar {
    position: absolute;
    direction: ltr;
    z-index: 99997;
    opacity: 0;
    visibility: hidden;
    transition: opacity .25s, visibility 0s linear .25s;
    box-sizing: border-box
}

.fancybox-show-caption .fancybox-caption-wrap, .fancybox-show-infobar .fancybox-infobar,
.fancybox-show-toolbar .fancybox-toolbar {
    opacity: 1;
    visibility: visible;
    transition: opacity .25s, visibility 0s
}

.fancybox-infobar {
    top: 0;
    left: 50%;
    margin-left: -79px
}

.fancybox-infobar__body {
    display: inline-block;
    width: 70px;
    line-height: 44px;
    font-size: 13px;
    font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
    text-align: center;
    color: #ddd;
    background-color: rgba(30, 30, 30, .7);
    pointer-events: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-touch-callout: none;
    -webkit-tap-highlight-color: transparent;
    -webkit-font-smoothing: subpixel-antialiased
}

.fancybox-toolbar {
    top: 0;
    right: 0
}

.fancybox-stage {
    overflow: hidden;
    direction: ltr;
    z-index: 99994;
    -webkit-transform: translateZ(0)
}

.fancybox-slide {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
    overflow: auto;
    outline: none;
    white-space: normal;
    box-sizing: border-box;
    text-align: center;
    z-index: 99994;
    -webkit-overflow-scrolling: touch;
    display: none;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    transition-property: opacity, -webkit-transform;
    transition-property: transform, opacity;
    transition-property: transform, opacity, -webkit-transform;
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d
}

.fancybox-slide:before {
    content: "";
    display: inline-block;
    vertical-align: middle;
    height: 100%;
    width: 0
}

.fancybox-is-sliding .fancybox-slide, .fancybox-slide--current,
.fancybox-slide--next, .fancybox-slide--previous {
    display: block
}

.fancybox-slide--image {
    overflow: visible
}

.fancybox-slide--image:before {
    display: none
}

.fancybox-slide--video .fancybox-content, .fancybox-slide--video iframe {
    background: #000
}

.fancybox-slide--map .fancybox-content, .fancybox-slide--map iframe {
    background: #e5e3df
}

.fancybox-slide--next {
    z-index: 99995
}

.fancybox-slide > * {
    display: inline-block;
    position: relative;
    padding: 24px;
    margin: 44px 0;
    border-width: 0;
    vertical-align: middle;
    text-align: left;
    background-color: #fff;
    overflow: auto;
    box-sizing: border-box
}

.fancybox-slide .fancybox-image-wrap {
    position: absolute;
    top: 0;
    left: 0;
    margin: 0;
    padding: 0;
    border: 0;
    z-index: 99995;
    background: transparent;
    cursor: default;
    overflow: visible;
    -webkit-transform-origin: top left;
    transform-origin: top left;
    background-size: 100% 100%;
    background-repeat: no-repeat;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.fancybox-can-zoomOut .fancybox-image-wrap {
    cursor: zoom-out
}

.fancybox-can-zoomIn .fancybox-image-wrap {
    cursor: zoom-in
}

.fancybox-can-drag .fancybox-image-wrap {
    cursor: -webkit-grab;
    cursor: grab
}

.fancybox-is-dragging .fancybox-image-wrap {
    cursor: -webkit-grabbing;
    cursor: grabbing
}

.fancybox-image, .fancybox-spaceball {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
    border: 0;
    max-width: none;
    max-height: none
}

.fancybox-spaceball {
    z-index: 1
}

.fancybox-slide--iframe .fancybox-content {
    padding: 0;
    width: 80%;
    height: 80%;
    max-width: calc(100% - 100px);
    max-height: calc(100% - 88px);
    overflow: visible;
    background: #fff
}

.fancybox-iframe {
    display: block;
    padding: 0;
    border: 0;
    height: 100%
}

.fancybox-error, .fancybox-iframe {
    margin: 0;
    width: 100%;
    background: #fff
}

.fancybox-error {
    padding: 40px;
    max-width: 380px;
    cursor: default
}

.fancybox-error p {
    margin: 0;
    padding: 0;
    color: #444;
    font: 16px / 20px Helvetica Neue, Helvetica, Arial, sans-serif
}

.fancybox-close-small {
    position: absolute;
    top: 0;
    right: 0;
    width: 44px;
    height: 44px;
    padding: 0;
    margin: 0;
    border: 0;
    border-radius: 0;
    outline: none;
    background: transparent;
    z-index: 10;
    cursor: pointer
}

.fancybox-close-small:after {
    content: "×";
    position: absolute;
    top: 5px;
    right: 5px;
    width: 30px;
    height: 30px;
    font: 20px / 30px Arial, Helvetica Neue, Helvetica, sans-serif;
    color: #888;
    font-weight: 300;
    text-align: center;
    border-radius: 50%;
    border-width: 0;
    background: #fff;
    transition: background .25s;
    box-sizing: border-box;
    z-index: 2
}

.fancybox-close-small:focus:after {
    outline: 1px dotted #888
}

.fancybox-close-small:hover:after {
    color: #555;
    background: #eee
}

.fancybox-slide--iframe .fancybox-close-small {
    top: 0;
    right: -44px
}

.fancybox-slide--iframe .fancybox-close-small:after {
    background: transparent;
    font-size: 35px;
    color: #aaa
}

.fancybox-slide--iframe .fancybox-close-small:hover:after {
    color: #fff
}

.fancybox-caption-wrap {
    bottom: 0;
    left: 0;
    right: 0;
    padding: 60px 30px 0;
    background: linear-gradient(180deg, transparent 0, rgba(0, 0, 0, .1) 20%, rgba(0, 0, 0, .2) 40%, rgba(0, 0, 0, .6) 80%, rgba(0, 0, 0, .8));
    pointer-events: none
}

.fancybox-caption {
    padding: 30px 0;
    border-top: 1px solid hsla(0, 0%, 100%, .4);
    font-size: 14px;
    font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
    color: #fff;
    line-height: 20px;
    -webkit-text-size-adjust: none
}

.fancybox-caption a, .fancybox-caption button, .fancybox-caption select {
    pointer-events: all
}

.fancybox-caption a {
    color: #fff;
    text-decoration: underline
}

.fancybox-button {
    display: inline-block;
    position: relative;
    margin: 0;
    padding: 0;
    border: 0;
    width: 44px;
    height: 44px;
    line-height: 44px;
    text-align: center;
    background: transparent;
    color: #ddd;
    border-radius: 0;
    cursor: pointer;
    vertical-align: top;
    outline: none
}

.fancybox-button[disabled] {
    cursor: default;
    pointer-events: none
}

.fancybox-button, .fancybox-infobar__body {
    background: rgba(30, 30, 30, .6)
}

.fancybox-button:hover:not([disabled]) {
    color: #fff;
    background: rgba(0, 0, 0, .8)
}

.fancybox-button:after, .fancybox-button:before {
    content: "";
    pointer-events: none;
    position: absolute;
    background-color: currentColor;
    color: currentColor;
    opacity: .9;
    box-sizing: border-box;
    display: inline-block
}

.fancybox-button[disabled]:after, .fancybox-button[disabled]:before {
    opacity: .3
}

.fancybox-button--left:after, .fancybox-button--right:after {
    top: 18px;
    width: 6px;
    height: 6px;
    background: transparent;
    border-top: 2px solid currentColor;
    border-right: 2px solid currentColor
}

.fancybox-button--left:after {
    left: 20px;
    -webkit-transform: rotate(-135deg);
    transform: rotate(-135deg)
}

.fancybox-button--right:after {
    right: 20px;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg)
}

.fancybox-button--left {
    border-bottom-left-radius: 5px
}

.fancybox-button--right {
    border-bottom-right-radius: 5px
}

.fancybox-button--close:after, .fancybox-button--close:before {
    content: "";
    display: inline-block;
    position: absolute;
    height: 2px;
    width: 16px;
    top: calc(50% - 1px);
    left: calc(50% - 8px)
}

.fancybox-button--close:before {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg)
}

.fancybox-button--close:after {
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

.fancybox-arrow {
    position: absolute;
    top: 50%;
    margin: -50px 0 0;
    height: 100px;
    width: 54px;
    padding: 0;
    border: 0;
    outline: none;
    background: none;
    cursor: pointer;
    z-index: 99995;
    opacity: 0;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    transition: opacity .25s
}

.fancybox-arrow:after {
    content: "";
    position: absolute;
    top: 28px;
    width: 44px;
    height: 44px;
    background-color: rgba(30, 30, 30, .8);
    background-image: url(data:image/svg+xml;base64,PHN2ZyBmaWxsPSIjRkZGRkZGIiBoZWlnaHQ9IjQ4IiB2aWV3Qm94PSIwIDAgMjQgMjQiIHdpZHRoPSI0OCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4gICAgPHBhdGggZD0iTTAgMGgyNHYyNEgweiIgZmlsbD0ibm9uZSIvPiAgICA8cGF0aCBkPSJNMTIgNGwtMS40MSAxLjQxTDE2LjE3IDExSDR2MmgxMi4xN2wtNS41OCA1LjU5TDEyIDIwbDgtOHoiLz48L3N2Zz4=);
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: 24px 24px
}

.fancybox-arrow--right {
    right: 0
}

.fancybox-arrow--left {
    left: 0;
    -webkit-transform: scaleX(-1);
    transform: scaleX(-1)
}

.fancybox-arrow--left:after, .fancybox-arrow--right:after {
    left: 0
}

.fancybox-show-nav .fancybox-arrow {
    opacity: .6
}

.fancybox-show-nav .fancybox-arrow[disabled] {
    opacity: .3
}

.fancybox-loading {
    border: 6px solid hsla(0, 0%, 39%, .4);
    border-top: 6px solid hsla(0, 0%, 100%, .6);
    border-radius: 100%;
    height: 50px;
    width: 50px;
    -webkit-animation: a .8s infinite linear;
    animation: a .8s infinite linear;
    background: transparent;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -25px;
    margin-left: -25px;
    z-index: 99999
}

@-webkit-keyframes a {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    to {
        -webkit-transform: rotate(359deg);
        transform: rotate(359deg)
    }
}

@keyframes a {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    to {
        -webkit-transform: rotate(359deg);
        transform: rotate(359deg)
    }
}

.fancybox-animated {
    transition-timing-function: cubic-bezier(0, 0, .25, 1)
}

.fancybox-fx-slide.fancybox-slide--previous {
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
    opacity: 0
}

.fancybox-fx-slide.fancybox-slide--next {
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
    opacity: 0
}

.fancybox-fx-slide.fancybox-slide--current {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    opacity: 1
}

.fancybox-fx-fade.fancybox-slide--next, .fancybox-fx-fade.fancybox-slide--previous {
    opacity: 0;
    transition-timing-function: cubic-bezier(.19, 1, .22, 1)
}

.fancybox-fx-fade.fancybox-slide--current {
    opacity: 1
}

.fancybox-fx-zoom-in-out.fancybox-slide--previous {
    -webkit-transform: scale3d(1.5, 1.5, 1.5);
    transform: scale3d(1.5, 1.5, 1.5);
    opacity: 0
}

.fancybox-fx-zoom-in-out.fancybox-slide--next {
    -webkit-transform: scale3d(.5, .5, .5);
    transform: scale3d(.5, .5, .5);
    opacity: 0
}

.fancybox-fx-zoom-in-out.fancybox-slide--current {
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
    opacity: 1
}

.fancybox-fx-rotate.fancybox-slide--previous {
    -webkit-transform: rotate(-1turn);
    transform: rotate(-1turn);
    opacity: 0
}

.fancybox-fx-rotate.fancybox-slide--next {
    -webkit-transform: rotate(1turn);
    transform: rotate(1turn);
    opacity: 0
}

.fancybox-fx-rotate.fancybox-slide--current {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
    opacity: 1
}

.fancybox-fx-circular.fancybox-slide--previous {
    -webkit-transform: scale3d(0, 0, 0) translate3d(-100%, 0, 0);
    transform: scale3d(0, 0, 0) translate3d(-100%, 0, 0);
    opacity: 0
}

.fancybox-fx-circular.fancybox-slide--next {
    -webkit-transform: scale3d(0, 0, 0) translate3d(100%, 0, 0);
    transform: scale3d(0, 0, 0) translate3d(100%, 0, 0);
    opacity: 0
}

.fancybox-fx-circular.fancybox-slide--current {
    -webkit-transform: scaleX(1) translateZ(0);
    transform: scaleX(1) translateZ(0);
    opacity: 1
}

.fancybox-fx-tube.fancybox-slide--previous {
    -webkit-transform: translate3d(-100%, 0, 0) scale(.1) skew(-10deg);
    transform: translate3d(-100%, 0, 0) scale(.1) skew(-10deg)
}

.fancybox-fx-tube.fancybox-slide--next {
    -webkit-transform: translate3d(100%, 0, 0) scale(.1) skew(10deg);
    transform: translate3d(100%, 0, 0) scale(.1) skew(10deg)
}

.fancybox-fx-tube.fancybox-slide--current {
    -webkit-transform: translateZ(0) scale(1);
    transform: translateZ(0) scale(1)
}

@media (max-width:800px) {
    .fancybox-infobar {
        left: 0;
        margin-left: 0
    }

    .fancybox-button--left, .fancybox-button--right {
        display: none !important
    }

    .fancybox-caption {
        padding: 20px 0;
        margin: 0
    }
}

.fancybox-button--fullscreen:before {
    width: 15px;
    height: 11px;
    left: calc(50% - 7px);
    top: calc(50% - 6px);
    border: 2px solid;
    background: none
}

.fancybox-button--pause:before, .fancybox-button--play:before {
    top: calc(50% - 6px);
    left: calc(50% - 4px);
    background: transparent
}

.fancybox-button--play:before {
    width: 0;
    height: 0;
    border-top: 6px inset transparent;
    border-bottom: 6px inset transparent;
    border-left: 10px solid;
    border-radius: 1px
}

.fancybox-button--pause:before {
    width: 7px;
    height: 11px;
    border-style: solid;
    border-width: 0 2px
}

.fancybox-button--thumbs, .fancybox-thumbs {
    display: none
}

@media (min-width:800px) {
    .fancybox-button--thumbs {
        display: inline-block
    }

    .fancybox-button--thumbs span {
        font-size: 23px
    }

    .fancybox-button--thumbs:before {
        width: 3px;
        height: 3px;
        top: calc(50% - 2px);
        left: calc(50% - 2px);
        box-shadow: 0 -4px 0, -4px -4px 0, 4px -4px 0, inset 0 0 0 32px, -4px 0 0, 4px 0 0, 0 4px 0, -4px 4px 0, 4px 4px 0
    }

    .fancybox-thumbs {
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: auto;
        width: 220px;
        margin: 0;
        padding: 5px 5px 0 0;
        background: #fff;
        word-break: normal;
        -webkit-tap-highlight-color: transparent;
        -webkit-overflow-scrolling: touch;
        -ms-overflow-style: -ms-autohiding-scrollbar;
        box-sizing: border-box;
        z-index: 99995
    }

    .fancybox-show-thumbs .fancybox-thumbs {
        display: block
    }

    .fancybox-show-thumbs .fancybox-inner {
        right: 220px
    }

    .fancybox-thumbs > ul {
        list-style: none;
        position: absolute;
        position: relative;
        width: 100%;
        height: 100%;
        margin: 0;
        padding: 0;
        overflow-x: hidden;
        overflow-y: auto;
        font-size: 0
    }

    .fancybox-thumbs > ul > li {
        float: left;
        overflow: hidden;
        max-width: 50%;
        padding: 0;
        margin: 0;
        width: 105px;
        height: 75px;
        position: relative;
        cursor: pointer;
        outline: none;
        border: 5px solid transparent;
        border-top-width: 0;
        border-right-width: 0;
        -webkit-tap-highlight-color: transparent;
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
        box-sizing: border-box
    }

    li.fancybox-thumbs-loading {
        background: rgba(0, 0, 0, .1)
    }

    .fancybox-thumbs > ul > li > img {
        position: absolute;
        top: 0;
        left: 0;
        min-width: 100%;
        min-height: 100%;
        max-width: none;
        max-height: none;
        -webkit-touch-callout: none;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none
    }

    .fancybox-thumbs > ul > li:before {
        content: "";
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        border-radius: 2px;
        border: 4px solid #4ea7f9;
        z-index: 99991;
        opacity: 0;
        transition: all .2s cubic-bezier(.25, .46, .45, .94)
    }

    .fancybox-thumbs > ul > li.fancybox-thumbs-active:before {
        opacity: 1
    }
}