/* Start:/fonts/lato/lato.css?17097926075871*/
@font-face {
    font-family: 'Lato';
    src: local('Lato Hairline'), local('Lato-Hairline'), url('/fonts/lato/latohairline.woff2') format('woff2');
    font-weight: 100;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Lato';
    src: local('Lato Hairline Italic'), local('Lato-HairlineItalic'), url('/fonts/lato/latohairlineitalic.woff2') format('woff2');
    font-weight: 100;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Lato';
    src: local('Lato Thin'), local('Lato-Thin'), url('/fonts/lato/latothin.woff2') format('woff2');
    font-weight: 200;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Lato';
    src: local('Lato Thin Italic'), local('Lato-ThinItalic'), url('/fonts/lato/latothinitalic.woff2') format('woff2');
    font-weight: 200;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Lato';
    src: local('Lato Light'), local('Lato-Light'), url('/fonts/lato/latolight.woff2') format('woff2');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Lato';
    src: local('Lato Light Italic'), local('Lato-LightItalic'), url('/fonts/lato/latolightitalic.woff2') format('woff2');
    font-weight: 300;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Lato';
    src: local('Lato Regular'), local('Lato-Regular'), url('/fonts/lato/latoregular.woff2') format('woff2');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Lato';
    src: local('Lato Italic'), local('Lato-Italic'), url('/fonts/lato/latoitalic.woff2') format('woff2');
    font-weight: 400;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Lato';
    src: local('Lato Medium'), local('Lato-Medium'), url('/fonts/lato/latomedium.woff2') format('woff2');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Lato';
    src: local('Lato Medium Italic'), local('Lato-MediumItalic'), url('/fonts/lato/latomediumitalic.woff2') format('woff2');
    font-weight: 500;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Lato';
    src: local('Lato Semibold'), local('Lato-Semibold'), url('/fonts/lato/latosemibold.woff2') format('woff2');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Lato';
    src: local('Lato Semibold Italic'), local('Lato-SemiboldItalic'), url('/fonts/lato/latosemibolditalic.woff2') format('woff2');
    font-weight: 600;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Lato';
    src: local('Lato Bold'), local('Lato-Bold'), url('/fonts/lato/latobold.woff2') format('woff2');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Lato';
    src: local('Lato Bold Italic'), local('Lato-BoldItalic'), url('/fonts/lato/latobolditalic.woff2') format('woff2');
    font-weight: 700;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Lato';
    src: local('Lato Heavy'), local('Lato-Heavy'), url('/fonts/lato/latoheavy.woff2') format('woff2');
    font-weight: 800;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Lato';
    src: local('Lato Heavy Italic'), local('Lato-HeavyItalic'), url('/fonts/lato/latoheavyitalic.woff2') format('woff2');
    font-weight: 800;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Lato';
    src: local('Lato Black'), local('Lato-Black'), url('/fonts/lato/latoblack.woff2') format('woff2');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Lato';
    src: local('Lato Black Italic'), local('Lato-BlackItalic'), url('/fonts/lato/latoblackitalic.woff2') format('woff2');
    font-weight: 900;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: LatoRegular;
    src: url('/fonts/lato/latoregular.woff2') format('woff2');
    font-display: swap;
}

@font-face {
    font-family: 'Lato-Regular';
    src: url('/fonts/lato/latoregular.woff2') format('woff2');
    font-display: swap;
}

@font-face {
    font-family: 'Lato Regular';
    src: url('/fonts/lato/latoregular.woff2') format('woff2');
    font-display: swap;
}

@font-face {
    font-family: LatoLight;
    src: url('/fonts/lato/latolight.woff2') format('woff2');
    font-display: swap;
}

@font-face {
    font-family: latolight;
    src: url('/fonts/lato/latolight.woff2') format('woff2');
    font-display: swap;
}

@font-face {
    font-family: 'Lato Medium';
    src: url('/fonts/lato/latomedium.woff2') format('woff2');
    font-display: swap;
}

@font-face {
    font-family: LatoBold;
    src: url('/fonts/lato/latobold.woff2') format('woff2');
    font-display: swap;
}

@font-face {
    font-family: 'Lato-Bold';
    src: url('/fonts/lato/latobold.woff2') format('woff2');
    font-display: swap;
}

@font-face {
    font-family: 'Lato Bold';
    src: url('/fonts/lato/latobold.woff2') format('woff2');
    font-display: swap;
}

@font-face {
    font-family: latoheavy;
    src: url('/fonts/lato/latoheavy.woff2') format('woff2');
    font-display: swap;
}

@font-face {
    font-family: 'Lato-Heavy';
    src: url('/fonts/lato/latoheavy.woff2') format('woff2');
    font-display: swap;
}

@font-face {
    font-family: 'Lato Heavy';
    src: url('/fonts/lato/latoheavy.woff2') format('woff2');
    font-display: swap;
}

@font-face {
    font-family: latosemibold;
    src: url('/fonts/lato/latosemibold.woff2') format('woff2');
    font-display: swap;
}

@font-face {
    font-family: 'Lato-Semibold';
    src: url('/fonts/lato/latosemibold.woff2') format('woff2');
    font-display: swap;
}

@font-face {
    font-family: 'Lato Semibold';
    src: url('/fonts/lato/latosemibold.woff2') format('woff2');
    font-display: swap;
}

@font-face {
    font-family: latoblack;
    src: url('/fonts/lato/latoblack.woff2') format('woff2');
    font-display: swap;
}

@font-face {
    font-family: 'Lato Black';
    src: url('/fonts/lato/latoblack.woff2') format('woff2');
    font-display: swap;
}

/* End */


/* Start:/local/templates/orto/js/fancybox/jquery.fancybox.css?16948273604839*/
/*! fancyBox v2.1.5 fancyapps.com | fancyapps.com/fancybox/#license */
.fancybox-wrap,
.fancybox-skin,
.fancybox-outer,
.fancybox-inner,
.fancybox-image,
.fancybox-wrap iframe,
.fancybox-wrap object,
.fancybox-nav,
.fancybox-nav span,
.fancybox-tmp {
    padding: 0;
    margin: 0;
    border: 0;
    outline: none;
    vertical-align: top;
    text-align: left;
}

.fancybox-wrap {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 3020;
}

.fancybox-skin {
    position: relative;
    color: #444;
    text-shadow: none;
    background: #fff;
}

.fancybox-opened {
    z-index: 3030;
}

.fancybox-outer {
    padding-top: 41px;
}

.fancybox-opened .fancybox-outer {
    padding-top: 61px;
}

.fancybox-outer, .fancybox-inner {
    position: relative;
}

.fancybox-type-iframe .fancybox-inner {
    -webkit-overflow-scrolling: touch;
}

.fancybox-error {
    color: #444;
    font: 14px/20px "Helvetica Neue", Helvetica, Arial, sans-serif;
    margin: 0;
    padding: 15px;
    white-space: nowrap;
}

.fancybox-image, .fancybox-iframe {
    display: block;
    width: 100%;
    height: 100%;
}

.fancybox-image {
    max-width: 100%;
    max-height: 100%;
}

.fancybox-prev span,
.fancybox-next span {
    background-image: url('/local/templates/orto/js/fancybox/fancybox_sprite.png');
}

#fancybox-loading {
    position: fixed;
    top: 50%;
    left: 50%;
    margin-top: -20px;
    margin-left: -20px;
    padding: 10px;
    background-color: #fff;
    opacity: 0.8;
    cursor: pointer;
    z-index: 3060;
    -khtml-border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
}

#fancybox-loading div {
    width: 31px;
    height: 31px;
    background: url('/local/templates/orto/js/fancybox/fancybox_loading.gif') center center no-repeat;
}

.fancybox-close {
    position: absolute;
    top: 0px;
    right: 0px;
    padding: 20px 25px;
    cursor: pointer;
    z-index: 3050;
}

.fancybox-close .icon {
    width: 10px;
    height: 10px;
    background-position: 0px -91px;
}

.fancybox-nav {
    position: absolute;
    top: 0;
    width: 40%;
    height: 100%;
    cursor: pointer;
    text-decoration: none;
    background: transparent url('/local/templates/orto/js/fancybox/blank.gif'); /* helps IE */
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    z-index: 3040;
}

.fancybox-prev {
    left: 0;
}

.fancybox-next {
    right: 0;
}

.fancybox-nav span {
    position: absolute;
    top: 50%;
    width: 36px;
    height: 34px;
    margin-top: -18px;
    cursor: pointer;
    z-index: 3040;
    visibility: hidden;
}

.fancybox-prev span {
    left: 10px;
    background-position: 0 -36px;
}

.fancybox-next span {
    right: 10px;
    background-position: 0 -72px;
}

.fancybox-nav:hover span {
    visibility: visible;
}

.fancybox-tmp {
    position: absolute;
    top: -99999px;
    left: -99999px;
    visibility: hidden;
    max-width: 99999px;
    max-height: 99999px;
    overflow: visible !important;
}

/* Overlay helper */

.fancybox-lock {
    overflow: hidden !important;
    width: auto;
}

.fancybox-lock body {
    overflow: hidden !important;
}

.fancybox-lock-test {
    overflow-y: hidden !important;
}

.fancybox-overlay {
    position: absolute;
    top: 0;
    left: 0;
    overflow: hidden;
    display: none;
    z-index: 999;
    background: url('/local/templates/orto/js/fancybox/fancybox_overlay.png');
}

.fancybox-overlay-fixed {
    position: fixed;
    bottom: 0;
    right: 0;
}

.fancybox-lock .fancybox-overlay {
    overflow: auto;
    overflow-y: scroll;
}

/* Title helper */

.fancybox-title {
    visibility: hidden;
    font: normal 13px/20px "Helvetica Neue", Helvetica, Arial, sans-serif;
    position: relative;
    text-shadow: none;
    z-index: 3040;
}

.fancybox-opened .fancybox-title {
    position: absolute;
    top: 0px;
    right: 0px;
    left: 0px;
    font-size: 21px;
    /*  font-family: latoheavy;*/
    white-space: nowrap;
    text-overflow: ellipsis;
    padding: 20px;
    border-bottom: 1px solid #F2F2F2;
    visibility: visible;
    overflow: hidden;
}

.fancybox-title-float-wrap {
    position: absolute;
    bottom: 0;
    right: 50%;
    margin-bottom: -35px;
    z-index: 3050;
    text-align: center;
}

.fancybox-title-float-wrap .child {
    display: inline-block;
    margin-right: -100%;
    padding: 2px 20px;
    background: transparent; /* Fallback for web browsers that doesn't support RGBa */
    background: rgba(0, 0, 0, 0.8);
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;
    text-shadow: 0 1px 2px #222;
    color: #FFF;
    font-weight: bold;
    line-height: 24px;
    white-space: nowrap;
}

.fancybox-title-outside-wrap {
    position: relative;
    margin-top: 10px;
    color: #fff;
}

.fancybox-title-over-wrap {
    position: absolute;
    bottom: 0;
    left: 0;
    color: #fff;
    padding: 10px;
    background: #000;
    background: rgba(0, 0, 0, .8);
}

/* End */


/* Start:/local/templates/orto/css/jquery.modal.min.css?16948273603544*/
.blocker {
	position: fixed;
	top: 115px;
	right: 0;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 100%;
	overflow: auto;
	z-index: 1;
	padding: 20px;
	box-sizing: border-box;
	background-color: #000;
	background-color: rgba(0, 0, 0, 0.75);
	text-align: center
}

.blocker:before {
	content: "";
	display: inline-block;
	height: 100%;
	vertical-align: middle;
	margin-right: -0.05em
}

.blocker.behind {
	background-color: transparent
}

.modal {
	display: none;
	/*vertical-align: middle;*/
	position: relative;
	z-index: 2;
	max-width: 750px;
	box-sizing: border-box;
	/*width: 90%;*/
	background: #fff;
	padding: 15px 30px!important;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	-o-border-radius: 8px;
	-ms-border-radius: 8px;
	border-radius: 8px;
	-webkit-box-shadow: 0 0 10px #000;
	-moz-box-shadow: 0 0 10px #000;
	-o-box-shadow: 0 0 10px #000;
	-ms-box-shadow: 0 0 10px #000;
	box-shadow: 0 0 10px #000;
	text-align: left
}

.modal a.close-modal {
	position: absolute;
	top: -12.5px;
	right: -12.5px;
	display: block;
	width: 30px;
	height: 30px;
	text-indent: -9999px;
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center center;
	background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADwAAAA8CAYAAAA6/NlyAAAAAXNSR0IArs4c6QAAA3hJREFUaAXlm8+K00Acx7MiCIJH/yw+gA9g25O49SL4AO3Bp1jw5NvktC+wF88qevK4BU97EmzxUBCEolK/n5gp3W6TTJPfpNPNF37MNsl85/vN/DaTmU6PknC4K+pniqeKJ3k8UnkvDxXJzzy+q/yaxxeVHxW/FNHjgRSeKt4rFoplzaAuHHDBGR2eS9G54reirsmienDCTRt7xwsp+KAoEmt9nLaGitZxrBbPFNaGfPloGw2t4JVamSt8xYW6Dg1oCYo3Yv+rCGViV160oMkcd8SYKnYV1Nb1aEOjCe6L5ZOiLfF120EjWhuBu3YIZt1NQmujnk5F4MgOpURzLfAwOBSTmzp3fpDxuI/pabxpqOoz2r2HLAb0GMbZKlNV5/Hg9XJypguryA7lPF5KMdTZQzHjqxNPhWhzIuAruOl1eNqKEx1tSh5rfbxdw7mOxCq4qS68ZTjKS1YVvilu559vWvFHhh4rZrdyZ69Vmpgdj8fJbDZLJpNJ0uv1cnr/gjrUhQMuI+ANjyuwftQ0bbL6Erp0mM/ny8Fg4M3LtdRxgMtKl3jwmIHVxYXChFy94/Rmpa/pTbNUhstKV+4Rr8lLQ9KlUvJKLyG8yvQ2s9SBy1Jb7jV5a0yapfF6apaZLjLLcWtd4sNrmJUMHyM+1xibTjH82Zh01TNlhsrOhdKTe00uAzZQmN6+KW+sDa/JD2PSVQ873m29yf+1Q9VDzfEYlHi1G5LKBBWZbtEsHbFwb1oYDwr1ZiF/2bnCSg1OBE/pfr9/bWx26UxJL3ONPISOLKUvQza0LZUxSKyjpdTGa/vDEr25rddbMM0Q3O6Lx3rqFvU+x6UrRKQY7tyrZecmD9FODy8uLizTmilwNj0kraNcAJhOp5aGVwsAGD5VmJBrWWbJSgWT9zrzWepQF47RaGSiKfeGx6Szi3gzmX/HHbihwBser4B9UJYpFBNX4R6vTn3VQnez0SymnrHQMsRYGTr1dSk34ljRqS/EMd2pLQ8YBp3a1PLfcqCpo8gtHkZFHKkTX6fs3MY0blKnth66rKCnU0VRGu37ONrQaA4eZDFtWAu2fXj9zjFkxTBOo8F7t926gTp/83Kyzzcy2kZD6xiqxTYnHLRFm3vHiRSwNSjkz3hoIzo8lCKWUlg/YtGs7tObunDAZfpDLbfEI15zsEIY3U/x/gHHc/G1zltnAgAAAABJRU5ErkJggg==')
}

.modal-spinner {
	display: none;
	position: fixed;
	top: 50%;
	left: 50%;
	transform: translateY(-50%) translateX(-50%);
	padding: 12px 16px;
	border-radius: 5px;
	background-color: #111;
	height: 20px
}

.modal-spinner > div {
	border-radius: 100px;
	background-color: #fff;
	height: 20px;
	width: 2px;
	margin: 0 1px;
	display: inline-block;
	-webkit-animation: sk-stretchdelay 1.2s infinite ease-in-out;
	animation: sk-stretchdelay 1.2s infinite ease-in-out
}

.modal-spinner .rect2 {
	-webkit-animation-delay: -1.1s;
	animation-delay: -1.1s
}

.modal-spinner .rect3 {
	-webkit-animation-delay: -1.0s;
	animation-delay: -1.0s
}

.modal-spinner .rect4 {
	-webkit-animation-delay: -0.9s;
	animation-delay: -0.9s
}

@-webkit-keyframes sk-stretchdelay {
	0%, 40%, 100% {
		-webkit-transform: scaleY(0.5)
	}
	20% {
		-webkit-transform: scaleY(1.0)
	}
}

@keyframes sk-stretchdelay {
	0%, 40%, 100% {
		transform: scaleY(0.5);
		-webkit-transform: scaleY(0.5)
	}
	20% {
		transform: scaleY(1.0);
		-webkit-transform: scaleY(1.0)
	}
}
/* End */


/* Start:/local/templates/orto/css/modal-video.min.css?16948273602069*/
@keyframes modal-video{from{opacity:0}to{opacity:1}}@keyframes modal-video-inner{from{transform:translate(0, 100px)}to{transform:translate(0, 0)}}.modal-video{position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,0.5);z-index:1000000;cursor:pointer;opacity:1;animation-timing-function:ease-out;animation-duration:.3s;animation-name:modal-video;-webkit-transition:opacity .3s ease-out;-moz-transition:opacity .3s ease-out;-ms-transition:opacity .3s ease-out;-o-transition:opacity .3s ease-out;transition:opacity .3s ease-out}.modal-video-close{opacity:0}.modal-video-close .modal-video-movie-wrap{-webkit-transform:translate(0, 100px);-moz-transform:translate(0, 100px);-ms-transform:translate(0, 100px);-o-transform:translate(0, 100px);transform:translate(0, 100px)}.modal-video-body{max-width:940px;width:100%;height:100%;margin:0 auto;display:table}.modal-video-inner{display:table-cell;vertical-align:middle;width:100%;height:100%}.modal-video-movie-wrap{width:100%;height:0;position:relative;padding-bottom:56.25%;background-color:#333;animation-timing-function:ease-out;animation-duration:.3s;animation-name:modal-video-inner;-webkit-transform:translate(0, 0);-moz-transform:translate(0, 0);-ms-transform:translate(0, 0);-o-transform:translate(0, 0);transform:translate(0, 0);-webkit-transition:-webkit-transform .3s ease-out;-moz-transition:-moz-transform .3s ease-out;-ms-transition:-ms-transform .3s ease-out;-o-transition:-o-transform .3s ease-out;transition:transform .3s ease-out}.modal-video-movie-wrap iframe{position:absolute;top:0;left:0;width:100%;height:100%}.modal-video-close-btn{position:absolute;z-index:2;top:-35px;right:-35px;display:inline-block;width:35px;height:35px;overflow:hidden;border:none;background:transparent}.modal-video-close-btn:before{transform:rotate(45deg)}.modal-video-close-btn:after{transform:rotate(-45deg)}.modal-video-close-btn:before,.modal-video-close-btn:after{content:'';position:absolute;height:2px;width:100%;top:50%;left:0;margin-top:-1px;background:#fff;border-radius:5px;margin-top:-6px}

/* End */


/* Start:/local/templates/orto/css/kube.css?170979260796382*/
@font-face {
    font-family: 'ALSRubl-Tahoma';
    src: url('/local/templates/orto/css/../css/font/alsrubl-tahoma-regular.woff2') format('woff2');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Kube';
    src: url("data:application/x-font-ttf;charset=utf-8;base64,AAEAAAALAIAAAwAwT1MvMg8SBfgAAAC8AAAAYGNtYXAXVtKOAAABHAAAAFRnYXNwAAAAEAAAAXAAAAAIZ2x5ZsMn2SAAAAF4AAADeGhlYWQMP9EUAAAE8AAAADZoaGVhB8IDzQAABSgAAAAkaG10eCYABd4AAAVMAAAAMGxvY2EFWASuAAAFfAAAABptYXhwABcAmwAABZgAAAAgbmFtZfMJxocAAAW4AAABYnBvc3QAAwAAAAAHHAAAACAAAwPHAZAABQAAApkCzAAAAI8CmQLMAAAB6wAzAQkAAAAAAAAAAAAAAAAAAAABEAAAAAAAAAAAAAAAAAAAAABAAADpBwPA/8AAQAPAAEAAAAABAAAAAAAAAAAAAAAgAAAAAAADAAAAAwAAABwAAQADAAAAHAADAAEAAAAcAAQAOAAAAAoACAACAAIAAQAg6Qf//f//AAAAAAAg6QD//f//AAH/4xcEAAMAAQAAAAAAAAAAAAAAAQAB//8ADwABAAAAAAAAAAAAAgAANzkBAAAAAAEAAAAAAAAAAAACAAA3OQEAAAAAAQAAAAAAAAAAAAIAADc5AQAAAAAKAAAAAAQAA8AADwAUACQANABEAFYAaAB4AIgAmAAAEyIGFREUFjMhMjY1ETQmIwUhESEREzgBMSIGFRQWMzI2NTQmIzM4ATEiBhUUFjMyNjU0JiMzOAExIgYVFBYzMjY1NCYjATIWHQEUBiMiJj0BNDYzOAExITIWHQEUBiMiJj0BNDYzOAExATgBMSIGFRQWMzI2NTQmIzM4ATEiBhUUFjMyNjU0JiMzOAExIgYVFBYzMjY1NCYjwFBwcFACgFBwcFD9IQM+/MKrHioqHh4qKh70HioqHh4qKh70HisrHh0rKh7+MBQdHRQUHBwUAbgUHBwUFB0dFP4wHioqHh4qKh70HioqHh4qKh70HisrHh0rKh4DYHBQ/iBQcHBQAeBQcF/9XwKh/n8qHh4qKh4eKioeHioqHh4qKh4eKioeHioCQBwVjhUcHBWOFRwcFY4VHBwVjhUc/rAqHh4qKh4eKioeHioqHh4qKh4eKioeHioAAAABAQAAwAMAAcAACwAAAQcXBycHJzcnNxc3AwDMAjMDAzMCzDTMzAGVqAIrAgIrAqgrqKgAAQGAAEACgAJAAAsAACUnByc3JzcXNxcHFwJVqAIrAgIrAqgrqKhAzAIzAwMzAsw0zMwAAAEBgABAAoACQAALAAABFzcXBxcHJwcnNycBq6gCKwICKwKoK6ioAkDMAjMDAzMCzDTMzAABAQAAwAMAAcAACwAAJTcnNxc3FwcXBycHAQDMAjMDAzMCzDTMzOuoAisCAisCqCuoqAAAAgAP/+UD1AOqAAQACAAAEwEHATcFAScBSwOJPPx3PAOJ/Hc8A4kDqvx3PAOJPDz8dzwDiQAAAAADAIAAgAOAAwAAAwAHAAsAADc1IRUBIRUhESEVIYADAP0AAwD9AAMA/QCAgIABgIABgIAAAgBPAA8DsgNxABgALQAAJQcBDgEjIi4CNTQ+AjMyHgIVFAYHAQEiDgIVFB4CMzI+AjU0LgIjA7JY/t4lWTBBc1YxMVZzQUFzVTIcGQEi/dgxVkAlJUBWMTFWQCUlQFYxZ1gBIRkcMlVzQUFzVjExVnNBMFkm/uACuyVAVjExVkAlJUBWMTFWQCUAAAABAAAAAQAABhlWm18PPPUACwQAAAAAANSQRjkAAAAA1JBGOQAA/+UEAAPAAAAACAACAAAAAAAAAAEAAAPA/8AAAAQAAAAAAAQAAAEAAAAAAAAAAAAAAAAAAAAMBAAAAAAAAAAAAAAAAgAAAAQAAAAEAAEABAABgAQAAYAEAAEABAAADwQAAIAEAABPAAAAAAAKABQAHgDYAPIBDAEmAUABXAF2AbwAAAABAAAADACZAAoAAAAAAAIAAAAAAAAAAAAAAAAAAAAAAAAADgCuAAEAAAAAAAEABAAAAAEAAAAAAAIABwBFAAEAAAAAAAMABAAtAAEAAAAAAAQABABaAAEAAAAAAAUACwAMAAEAAAAAAAYABAA5AAEAAAAAAAoAGgBmAAMAAQQJAAEACAAEAAMAAQQJAAIADgBMAAMAAQQJAAMACAAxAAMAAQQJAAQACABeAAMAAQQJAAUAFgAXAAMAAQQJAAYACAA9AAMAAQQJAAoANACAS3ViZQBLAHUAYgBlVmVyc2lvbiAxLjAAVgBlAHIAcwBpAG8AbgAgADEALgAwS3ViZQBLAHUAYgBlS3ViZQBLAHUAYgBlUmVndWxhcgBSAGUAZwB1AGwAYQByS3ViZQBLAHUAYgBlRm9udCBnZW5lcmF0ZWQgYnkgSWNvTW9vbi4ARgBvAG4AdAAgAGcAZQBuAGUAcgBhAHQAZQBkACAAYgB5ACAASQBjAG8ATQBvAG8AbgAuAAAAAwAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA==") format("truetype");
    font-weight: normal;
    font-style: normal;
}

html {
    box-sizing: border-box;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

*, *:before, *:after {
    box-sizing: inherit;
}

* {
    margin: 0;
    padding: 0;
    outline: none;
}

img, video, audio {
    max-width: 100%;
}

img, video {
    height: auto;
}

audio, canvas, iframe, img, svg, video {
    vertical-align: middle;
}

svg {
    max-height: 100%;
}

svg:not(:root) {
    overflow: hidden;
}

iframe {
    border: none;
    width: 100%;
}

button, [type="submit"] {
    -webkit-appearance: button;
}

[type="radio"], [type="checkbox"] {
    vertical-align: middle;
    position: relative;
    bottom: 0.15rem;
    margin-right: 2px;
}

input[type="search"] {
    -webkit-appearance: textfield;
}

input[type="search"]::-webkit-search-decoration, input[type="search"]::-webkit-search-cancel-button {
    -webkit-appearance: none;
}

::-moz-focus-inner {
    border: none;
    padding: 0;
}

[class^="icon-kube-"], [class*=" icon-kube-"], .close, .caret {
    font-family: 'Kube' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.icon-kube-calendar:before {
    content: "\e900";
}

.caret.is-down:before, .icon-kube-caret-down:before {
    content: "\e901";
}

.caret.is-left:before, .icon-kube-caret-left:before {
    content: "\e902";
}

.caret.is-right:before, .icon-kube-caret-right:before {
    content: "\e903";
}

.caret.is-up:before, .icon-kube-caret-up:before {
    content: "\e904";
}

.close:before, .icon-kube-close:before {
    content: "\e905";
}

.icon-kube-menu:before {
    content: "\e906";
}

.icon-kube-search:before {
    content: "\e907";
}

html {
    font-size: 1em;
}

body {
    font-family: "lato", Helvetica, Arial, sans-serif;
    font-weight: 400;
    color: #1c1c1c;
    line-height: 1.5;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

a {
    color: #1c1c1c;
    text-decoration: none;
}

a:hover {
    color: #0078d7;
}

h1, h2, h3, h4, h5, h6, h1.is-hero, .is-h1, .is-h2, .is-h3, .is-h4, .is-h5, .is-h6 {
    font-family: "lato", Helvetica, Arial, sans-serif;
    font-weight: 800;
    text-rendering: optimizeLegibility;
    color: inherit;
    line-height: 1.2;
}

h1 + *, h2 + *, h3 + *, h4 + *, h5 + *, h6 + * {
    margin-top: 8px;
}

h1 + h1, h1 + h2, h1 + h3, h1 + h4, h1 + h5, h1 + h6, h2 + h1, h2 + h2, h2 + h3, h2 + h4, h2 + h5, h2 + h6, h3 + h1, h3 + h2, h3 + h3, h3 + h4, h3 + h5, h3 + h6, h4 + h1, h4 + h2, h4 + h3, h4 + h4, h4 + h5, h4 + h6, h5 + h1, h5 + h2, h5 + h3, h5 + h4, h5 + h5, h5 + h6, h6 + h1, h6 + h2, h6 + h3, h6 + h4, h6 + h5, h6 + h6 {
    margin-top: 8px;
}

h1, .is-h1 {
    font-size: 3em;
}

h1.is-hero {
    font-size: 3.25em;
}

h2, .is-h2 {
    font-size: 2.25em;
}

h3, .is-h3 {
    font-size: 2.000em;
}

h4, .is-h4 {
    font-size: 1.5em;
}

h5, .is-h5 {
    font-size: 1.25em;
}

h6, .is-h6 {
    font-size: 1em;
}

h6, .is-h6 {
    text-transform: uppercase;
    letter-spacing: .01em;
}

@media only screen and (max-width: 767px) {
    h1, .is-h1 {
        font-size: 2em;
    }

    h1.is-hero {
        font-size: 2.25em;
    }

    h2, .is-h2 {
        font-size: 1.75em;
    }

    h3, .is-h3 {
        font-size: 1.5em;
    }
}

p, blockquote, hr, pre, ol, ul, dl, figure, address {
    margin-bottom: 16px;
}

p + h1, p + h2, p + h3, p + h4, p + h5, p + h6, blockquote + h1, blockquote + h2, blockquote + h3, blockquote + h4, blockquote + h5, blockquote + h6, hr + h1, hr + h2, hr + h3, hr + h4, hr + h5, hr + h6, pre + h1, pre + h2, pre + h3, pre + h4, pre + h5, pre + h6, ol + h1, ol + h2, ol + h3, ol + h4, ol + h5, ol + h6, ul + h1, ul + h2, ul + h3, ul + h4, ul + h5, ul + h6, dl + h1, dl + h2, dl + h3, dl + h4, dl + h5, dl + h6, table + h1, table + h2, table + h3, table + h4, table + h5, table + h6, div + h1, div + h2, div + h3, div + h4, div + h5, div + h6, form + h1, form + h2, form + h3, form + h4, form + h5, form + h6 {
    margin-top: 20px;
}

ul, ol {
    margin-left: 20px;
}

ul ul, ul ol, ol ul, ol ol {
    margin-top: 0;
    margin-bottom: 0;
}

nav ul, nav ol {
    margin-left: 0;
    margin-bottom: 0;
    list-style: none;
}

nav ul ul, nav ul ol, nav ol ol, nav ol ul {
    margin-left: 20px;
}

li li {
    font-size: 1em;
}

ul.is-bar, ol.is-bar {
    margin: 0;
    list-style: none;
}

ul.is-bar li, ol.is-bar li {
    display: inline-block;
}

ul.is-bar li + li, ol.is-bar li + li {
    margin-left: 1em;
}

dt {
    font-weight: 600;
}

dl dd + dt {
    margin-top: 8px;
}

hr {
    border: none;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    overflow: visible;
    margin-top: -1px;
}

blockquote {
    font-size: 1.125em;
    font-weight: normal;
    font-style: italic;
    line-height: 1.45;
    color: #8c9194;
    padding: 0.4em 0 0.4em 1rem;
    border: none;
    border-left: 3px solid rgba(21, 141, 247, 0.6);
}

blockquote small {
    color: #8c9194;
}

blockquote p:last-child {
    margin-bottom: 0;
}

b, strong {
    font-weight: 800;
}

em, i, cite, dfn {
    font-style: italic;
}

time, small {
    display: inline-block;
    font-size: 87.5%;
    line-height: 1;
    color: #8c9194;
}

figcaption, code, var, kbd {
    display: inline-block;
    font-family: monospace, monospace;
    font-size: 87.5%;
    line-height: 1;
    color: rgba(17, 17, 19, 0.85);
}

figcaption {
    font-size: 80%;
    font-style: italic;
    color: rgba(17, 17, 19, 0.7);
}

code {
    color: rgba(17, 17, 19, 0.75);
    background: rgba(17, 17, 19, 0.05);
    border: 0 solid transparent;
    border-radius: 4px;
}

var {
    opacity: .7;
    font-style: normal;
}

dfn, abbr {
    text-transform: uppercase;
}

dfn[title], abbr[title] {
    text-decoration: none;
    border-bottom: 1px dotted rgba(17, 17, 19, 0.5);
    cursor: help;
}

code, kbd {
    position: relative;
    top: -1px;
    padding: .25em .35em;
}

kbd {
    color: rgba(17, 17, 19, 0.75);
    background: none;
    border: 1px solid rgba(17, 17, 19, 0.2);
    border-radius: 4px;
}

sup, sub {
    font-size: .6em;
}

sup {
    vertical-align: top;
    position: relative;
    bottom: -.2em;
}

h1 sup, h1 sub, h2 sup, h2 sub, h3 sup, h3 sub {
    font-size: .4em;
}

sub {
    line-height: 1;
}

pre {
    font-family: monospace, monospace;
    font-size: 0.875em;
}

pre, pre code {
    background: transparent;
    padding: 0;
    top: 0;
    display: block;
    line-height: 1.5;
    color: #1c1c1c;
    overflow: auto;
    white-space: pre;
}

pre {
    padding: 1rem;
    border: 1px solid rgba(17, 17, 19, 0.08);
    border-radius: 4px;
}

pre code {
    font-size: 100%;
    border: none;
    background: none;
}

figure div + figcaption, figure pre + figcaption {
    position: relative;
    top: -8px;
}

figure pre {
    background-color: none;
    border: 1px solid rgba(17, 17, 19, 0.1);
    border-radius: 4px;
    margin-bottom: .5rem;
}

ul.is-unstyled {
    margin-left: 0;
}

ul.is-unstyled, ul.is-unstyled ul {
    list-style: none;
}

.is-muted {
    color: #8c9194;
}

.is-muted a, a.is-muted {
    color: #8c9194;
}

.is-muted a:hover, a.is-muted:hover {
    -moz-transition: all linear 0.2s;
    transition: all linear 0.2s;
    color: #1c1c1c;
}

.is-color-black, .is-color-black a {
    color: #1c1c1c;
}

a.is-color-black:hover, .is-color-black a:hover {
    color: #0078d7;
}

.is-large {
    font-size: 1.3125em;
    line-height: 1.45;
}

.is-big {
    font-size: 1.125em;
    line-height: 1.45;
}

.is-small {
    font-size: 0.875em;
}

.is-smaller {
    font-size: 0.75em;
}

.is-text-left {
    text-align: left;
}

.is-text-center {
    text-align: center;
}

.is-text-right {
    text-align: right;
}

.is-text-blue {
    color: #0078d7;
}

.is-text-red {
    color: #e5053a;
}

.is-text-inverted {
    color: #fff;
}

a.is-text-inverted:hover {
    color: rgba(255, 255, 255, 0.8);
}

.is-semibold {
    font-weight: 600;
}

.is-normal {
    font-weight: 400;
}

.is-text-italic {
    font-style: italic;
}

@media only screen and (max-width: 767px) {
    .is-text-left-mobile {
        text-align: left;
    }

    .is-text-right-mobile {
        text-align: right;
    }

    .is-text-center-mobile {
        text-align: center;
    }
}

.is-nowrap, .is-nowrap td {
    white-space: nowrap;
}

.is-highlight {
    background-color: rgba(21, 141, 247, 0.1);
}

.is-bg-blue {
    background-color: #0078d7;
}

.is-bg-light {
    background-color: #eef5fa;
}

.is-bg-red {
    background-color: #e5053a;
}

.is-bg-red-light {
    background-color: #fdedf1;
}

.is-bg-error-light {
    background-color: #fdefe8;
}

.is-bg-inverted {
    background-color: #fff;
}

.is-bg-muted {
    background-color: #5a6267;
}

table {
    font-size: 0.9375em;
    border-collapse: collapse;
    border-spacing: 0;
    max-width: 100%;
    width: 100%;
    empty-cells: show;
    margin-bottom: 20px;
}

table caption {
    text-align: left;
    font-size: 11px;
    font-weight: bold;
    text-transform: uppercase;
    color: rgba(17, 17, 19, 0.4);
    letter-spacing: 1px;
    margin-bottom: 2px;
}

th {
    font-weight: 700;
    color: inherit;
    text-align: left;
    vertical-align: bottom;
}

td {
    color: inherit;
    vertical-align: top;
}

tbody.is-middle td, tr.is-middle td, td.is-middle {
    vertical-align: middle;
}

th, td {
    padding: 16px 16px;
    border-bottom: 1px solid #eee;
}

th::before, th::after, td::before, td::after {
    content: '';
    display: block;
    height: 0;
    width: 0;
}

th::before, td::before {
    margin-top: calc((0.75 - 1.5) * 0.49em);
}

th::after, td::after {
    margin-bottom: calc((0.75 - 1.5) * 0.49em);
}

th:first-child, td:first-child {
    padding-left: 0;
}

th:last-child, td:last-child {
    padding-right: 0;
}

tbody th, tbody td {
    border-width: 1px;
    border-color: #eee;
}

tfoot th, tfoot td {
    color: rgba(17, 17, 19, 0.5);
}

table.is-border td, table.is-border th, table.is-bordered td, table.is-bordered th {
    border: 1px solid #eee;
}

table.is-border tbody th, table.is-border tbody td, table.is-bordered tbody th, table.is-bordered tbody td {
    border-bottom-width: 1px;
    border-bottom-color: #eee;
}

table.is-striped tr:nth-child(odd) td {
    background-color: #fafafa;
}

table.is-border td:first-child, table.is-border th:first-child, table.is-bordered td:first-child, table.is-bordered th:first-child, table.is-striped td:first-child, table.is-striped th:first-child {
    padding-left: 16px;
}

table.is-border td:last-child, table.is-border th:last-child, table.is-bordered td:last-child, table.is-bordered th:last-child, table.is-striped td:last-child, table.is-striped th:last-child {
    padding-right: 16px;
}

@media only screen and (max-width: 767px) {
    table.is-responsive th {
        display: none;
    }

    table.is-responsive tr, table.is-responsive td {
        display: block;
    }

    table.is-responsive tr:nth-child(odd) {
        background-color: #fafafa;
    }

    table.is-responsive td {
        padding: 16px;
        text-align: right;
    }

    table.is-responsive td:before {
        margin-top: 2px;
        content: attr(data-label);
        float: left;
        font-size: 0.875em;
        font-weight: bold;
        text-transform: uppercase;
        white-space: nowrap;
    }
}

.is-table-container {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    margin-bottom: 16px;
}

.is-table-container table {
    margin-bottom: 0;
}

.is-row {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    margin-left: -24px;
}

.is-row.is-gapless, .is-row.is-gapless > .is-row {
    margin-left: 0;
    margin-top: 0;
}

.is-row > .is-col {
    padding-left: 24px;
}

.is-row > .is-col.is-10 {
    min-width: calc(10% - 24px);
}

.is-row > .is-col.is-20 {
    min-width: calc(20% - 24px);
}

.is-row > .is-col.is-25 {
    min-width: calc(25% - 24px);
}

.is-row > .is-col.is-30 {
    min-width: calc(30% - 24px);
}

.is-row > .is-col.is-33, .is-row > .is-col.is-34 {
    min-width: calc(33.3333% - 24px);
}

.is-row > .is-col.is-35 {
    min-width: calc(35% - 24px);
}

.is-row > .is-col.is-40 {
    min-width: calc(40% - 24px);
}

.is-row > .is-col.is-50 {
    min-width: calc(50% - 24px);
}

.is-row > .is-col.is-60 {
    min-width: calc(60% - 24px);
}

.is-row > .is-col.is-65 {
    min-width: calc(65% - 24px);
}

.is-row > .is-col.is-66, .is-row > .is-col.is-67 {
    min-width: calc(66.6666% - 24px);
}

.is-row > .is-col.is-70 {
    min-width: calc(70% - 24px);
}

.is-row > .is-col.is-75 {
    min-width: calc(75% - 24px);
}

.is-row > .is-col.is-80 {
    min-width: calc(80% - 24px);
}

.is-row > .is-col.is-90 {
    min-width: calc(90% - 24px);
}

.is-row.is-gapless > .is-col {
    margin-left: 0;
}

@media only screen and (max-width: 767px) {
    [class^='is-offset-'], [class*=' is-offset-'] {
        margin-left: 0;
    }
}

.is-row > .is-col.is-first {
    order: -1;
}

.is-row > .is-col.is-last {
    order: 1;
}

@media only screen and (max-width: 767px) {
    .is-row {
        flex-direction: column;
        flex-wrap: nowrap;
        margin-left: 0;
        margin-top: 0;
    }

    .is-row + .is-row {
        margin-top: 0;
    }

    .is-row > .is-col {
        flex: 0 0 100%;
        width: 100% !important;
        max-width: 100% !important;
        padding-left: 0;
    }

    .is-row > .is-col.is-first-mobile {
        order: -1;
    }

    .is-row > .is-col.is-last-mobile {
        order: 1;
    }
}

.label {
    display: inline-block;
    vertical-align: baseline;
    text-decoration: none;
    font-size: 13px;
    font-weight: 600;
    letter-spacing: 0;
    text-transform: none;
    line-height: 20px;
    background: #f3f3f3;
    color: rgba(17, 17, 19, 0.85);
    padding: 0 8px;
    border: 1px solid transparent;
    border-radius: 4px;
}

.label a {
    color: inherit;
    text-decoration: none;
}

.label a:hover {
    color: inherit;
    text-decoration: underline;
}

.label .close {
    margin-right: -3px;
}

a.label {
    color: rgba(17, 17, 19, 0.85);
}

a.label:hover {
    text-decoration: underline;
}

.label.is-secondary {
    font-size: 13px;
    font-weight: 600;
    letter-spacing: 0;
    text-transform: none;
    padding: 0 0.5em;
    background: none;
    color: rgba(17, 17, 19, 0.85);
    border: 1px solid rgba(17, 17, 19, 0.2);
    border-radius: 4px;
}

.label.is-tertiary {
    letter-spacing: 0.035em;
    background: none;
    color: #1c1c1c;
    text-transform: uppercase;
    font-size: 12px;
    font-weight: bold;
    padding: 0 0.2em;
    border: 1px solid transparent;
    border-radius: 0;
}

.label.is-badge {
    text-align: center;
    font-size: 10px;
    line-height: 16px;
    height: 18px;
    border-radius: 64px;
    min-width: 18px;
    padding-left: 2px;
    padding-right: 2px;
}

.label.is-error {
    background-color: rgba(238, 36, 85, 0.07);
    color: #ee2455;
}

.label.is-error.is-secondary {
    background-color: transparent;
    color: #ee2455;
    border-color: rgba(238, 36, 85, 0.3);
}

.label.is-error.is-tertiary {
    background-color: transparent;
    color: #ee2455;
}

.label.is-error .close:hover {
    background-color: #ee2455;
}

.label.is-focus {
    background-color: rgba(21, 141, 247, 0.07);
    color: #1c1c1c;
}

.label.is-focus.is-secondary {
    background-color: transparent;
    color: #1c1c1c;
    border-color: rgba(21, 141, 247, 0.3);
}

.label.is-focus.is-tertiary {
    background-color: transparent;
    color: #1c1c1c;
}

.label.is-focus .close:hover {
    background-color: #1c1c1c;
}

.label.is-success {
    background-color: rgba(32, 188, 113, 0.07);
    color: #20bc71;
}

.label.is-success.is-secondary {
    background-color: transparent;
    color: #20bc71;
    border-color: rgba(32, 188, 113, 0.3);
}

.label.is-success.is-tertiary {
    background-color: transparent;
    color: #20bc71;
}

.label.is-success .close:hover {
    background-color: #20bc71;
}

.label.is-warning {
    background-color: rgba(255, 105, 81, 0.07);
    color: #ff6951;
}

.label.is-warning.is-secondary {
    background-color: transparent;
    color: #ff6951;
    border-color: rgba(255, 105, 81, 0.3);
}

.label.is-warning.is-tertiary {
    background-color: transparent;
    color: #ff6951;
}

.label.is-warning .close:hover {
    background-color: #ff6951;
}

.button, .button:active, .button:focus {
    -webkit-appearance: none;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    vertical-align: middle;
    text-align: center;
    font-family: inherit;
    font-size: 0.9375em;
    font-weight: 600;
    text-decoration: none;
    text-transform: none;
    color: rgba(255, 255, 255, 0.95);
    background: #0078d7;
    border-radius: 4px;
    border: 0 solid transparent;
    min-height: 2.66667em;
    padding: 0.5em 1.6em;
    box-shadow: none;
    cursor: pointer;
    line-height: 1.2;
}

.button i, .button span {
    position: relative;
    top: -2px;
    display: inline-block;
    margin-right: 10px;
}

.button i.caret, .button span.caret {
    top: 0;
    font-size: 110%;
    margin-right: -12px;
}

.button:hover {
    -moz-transition: all linear 0.2s;
    transition: all linear 0.2s;
    outline: none;
    text-decoration: none;
    color: rgba(255, 255, 255, 0.95);
    background-color: #0370c7;
}

.button:disabled, .button.is-disabled {
    cursor: default;
    font-style: normal;
    color: #fff;
    background-color: rgba(17, 17, 19, 0.5);
    opacity: .55;
}

.button.is-secondary {
    font-size: 0.9375em;
    font-weight: 600;
    text-decoration: none;
    text-transform: none;
    color: #0078d7;
    background: none;
    border-radius: 4px;
    border: 2px solid #0078d7;
    min-height: 2.66667em;
    padding: 0.5em 1.6em;
    box-shadow: none;
}

.button.is-secondary:hover {
    color: rgba(255, 255, 255, 0.95);
    background: #0370c7;
    border-color: #0370c7;
}

.button.is-secondary.is-loading:before {
    width: 22px;
    height: 22px;
    border-color: rgba(0, 120, 215, 0.25);
    border-bottom-color: #0078d7;
}

.button.is-secondary.is-loading:hover:before {
    border-color: rgba(255, 255, 255, 0.25);
    border-bottom-color: #fff;
}

.button.is-secondary:disabled, .button.is-secondary.is-disabled {
    color: rgba(17, 17, 19, 0.5);
    border-color: rgba(17, 17, 19, 0.3);
    background: none;
}

.button.is-secondary:disabled:hover, .button.is-secondary.is-disabled:hover {
    background-color: none;
}

.button.is-tertiary {
    font-size: 0.9375em;
    font-weight: 600;
    text-decoration: none;
    text-transform: none;
    color: #0078d7;
    background: none;
    border-radius: 4px;
    border: 0 solid transparent;
    min-height: 2.66667em;
    padding: 0.5em 0;
    box-shadow: none;
}

.button.is-tertiary i, .button.is-tertiary span {
    top: 0;
}

.button.is-tertiary i.caret, .button.is-tertiary span.caret {
    top: -1px;
    margin-left: -4px;
}

.button.is-tertiary:hover {
    color: #0078d7;
}

.button.is-tertiary.is-loading:before {
    border-color: rgba(12, 61, 215, 0.25);
    border-bottom-color: #0078d7;
}

.button.is-tertiary:disabled, .button.is-tertiary.is-disabled {
    color: rgba(17, 17, 19, 0.5);
}

.button.is-inverted {
    color: #1c1c1c;
    background-color: #fff;
}

.button.is-inverted:hover {
    opacity: .9;
}

.button.is-inverted:disabled:hover, .button.is-inverted.is-disabled:hover {
    opacity: .55;
}

.button.is-inverted.is-secondary {
    background: none;
    color: #fff;
    border-color: #fff;
}

.button.is-inverted.is-secondary:hover {
    opacity: 1;
    background-color: #fff;
    color: rgba(17, 17, 19, 0.95);
    border-color: #fff;
}

.button.is-inverted.is-secondary:disabled:hover, .button.is-inverted.is-secondary.is-disabled:hover {
    opacity: .55;
    background: none;
    color: #fff;
}

.button.is-inverted.is-tertiary {
    background: none;
    color: #fff;
}

.button.is-inverted.is-tertiary:hover {
    opacity: .6;
}

.button.is-inverted.is-tertiary:disabled:hover, .button.is-inverted.is-tertiary.is-disabled:hover {
    opacity: .55;
}

.button.is-red {
    color: #fff;
    background-color: #e5053a;
}

.button.is-red:hover {
    background-color: #d80738;
}

.button.is-red:disabled:hover, .button.is-red.is-disabled:hover {
    opacity: .55;
}

.button.is-red.is-secondary {
    background: none;
    color: #e5053a;
    border-color: #e5053a;
}

.button.is-red.is-secondary:hover {
    opacity: 1;
    background-color: #fff;
    color: rgba(17, 17, 19, 0.95);
    border-color: #d80738;
}

.button.is-red.is-secondary:disabled:hover, .button.is-red.is-secondary.is-disabled:hover {
    opacity: .55;
    background: none;
    color: #e5053a;
}

.button.is-red.is-tertiary {
    background: none;
    color: #e5053a;
}

.button.is-red.is-tertiary:hover {
    opacity: .6;
}

.button.is-red.is-tertiary:disabled:hover, .button.is-red.is-tertiary.is-disabled:hover {
    opacity: .55;
}

.button.is-soc-icon {
    font-size: 0.9375em;
    font-weight: 600;
    text-decoration: none;
    text-transform: none;
    color: #8c9194;
    background: none;
    border-radius: 20px;
    border: 2px solid #dbe4eb;
    min-height: 2.66667em;
    width: 2.66667em;
    padding: 0.5em 0;
    box-shadow: none;
}

.button.is-soc-icon:hover {
    color: #8c9194;
    background-color: none;
    border-color: rgba(219, 228, 235, 0.5);
}

.button.is-soc-icon:disabled, .button.is-soc-icon.is-disabled {
    color: rgba(140, 145, 148, 0.5);
    border-color: rgba(219, 228, 235, 0.3);
    background: none;
}

.button.is-soc-icon:disabled:hover, .button.is-soc-icon.is-disabled:hover {
    background-color: none;
}

.button.is-soc-icon.is-text-inverted {
    font-size: 0.9375em;
    font-weight: 600;
    text-decoration: none;
    text-transform: none;
    color: #dbe4eb;
    background: none;
    border-radius: 20px;
    border: 2px solid #dbe4eb;
    min-height: 2.66667em;
    width: 2.66667em;
    padding: 0.5em 0;
    box-shadow: none;
}

.button.is-soc-icon.is-text-inverted:hover {
    color: rgba(219, 228, 235, 0.7);
    background-color: none;
    border-color: rgba(219, 228, 235, 0.7);
}

.button.is-small {
    font-size: 0.875em;
    min-height: 2.28571em;
    padding: 0.45em 1.15em;
}

.button.is-small.is-tertiary {
    padding-left: 0;
    padding-right: 0;
}

.button.is-big {
    font-size: 1.125em;
    min-height: 2.778em;
    padding: 0.45em 1.45em;
}

.button.is-big.is-tertiary {
    padding-left: 0;
    padding-right: 0;
}

@media (max-width: 767px) {
    .button.is-big {
        font-size: 1em;
        line-height: 1;
    }
}

.button.is-loading, .button.is-icon {
    padding-left: 1em;
    padding-right: 1em;
}

.button.is-loading.is-tertiary, .button.is-icon.is-tertiary {
    padding-left: 0;
    padding-right: 0;
}

.button:empty.is-loading:before {
    margin-right: 0;
}

::placeholder {
    color: rgba(17, 17, 19, 0.4);
    opacity: 1;
}

:-ms-input-placeholder {
    color: rgba(17, 17, 19, 0.4);
}

::-ms-input-placeholder {
    color: rgba(17, 17, 19, 0.4);
}

fieldset {
    font-family: inherit;
    border: 1px solid rgba(17, 17, 19, 0.1);
    border-radius: 4px;
    padding: 32px;
    margin-bottom: 16px;
}

legend {
    font-size: 0.75em;
    font-weight: bold;
    text-transform: uppercase;
    color: rgba(17, 17, 19, 0.5);
    padding: 0 1rem;
    margin-left: -1rem;
    top: 2px;
    position: relative;
    line-height: 0;
}

input, textarea, select {
    display: block;
    width: 100%;
    font-family: inherit;
    vertical-align: middle;
    font-size: 0.9375em;
    font-weight: normal;
    height: 2.66667em;
    background-color: #fff;
    border: 1px solid rgba(17, 17, 19, 0.1);
    border-radius: 4px;
    box-shadow: none;
    padding: 0 8px;
    color: rgba(17, 17, 19, 0.8);
}

textarea {
    padding: 8px;
    resize: vertical;
    height: auto;
    line-height: 1.5;
    vertical-align: top;
}

select {
    -webkit-appearance: none;
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="9" height="12" viewBox="0 0 9 12"><path fill="rgba(0, 0, 0, .4)" d="M0.722,4.823L-0.01,4.1,4.134-.01,4.866,0.716Zm7.555,0L9.01,4.1,4.866-.01l-0.732.726ZM0.722,7.177L-0.01,7.9,4.134,12.01l0.732-.726Zm7.555,0L9.01,7.9,4.866,12.01l-0.732-.726Z"/></svg>');
    background-repeat: no-repeat;
    background-position: right .65em center;
    padding-right: 28px;
}

select[multiple] {
    background-image: none;
    height: auto;
    padding: 8px;
}

input:hover, textarea:hover, select:hover {
    outline: none;
    color: inherit;
    background-color: #fff;
    border: 1px solid rgba(17, 17, 19, 0.2);
    box-shadow: none;
}

input:focus, textarea:focus, select:focus {
    -moz-transition: all linear 0.2s;
    transition: all linear 0.2s;
    outline: none;
    color: inherit;
    background-color: #fff;
    border: 1px solid rgba(21, 141, 247, 0.5);
    box-shadow: 0 0 3px rgba(21, 141, 247, 0.5) inset;
}

input.is-error, textarea.is-error, select.is-error {
    background-color: rgba(238, 36, 85, 0.05);
    border: 1px solid rgba(238, 36, 85, 0.5);
    box-shadow: none inset;
}

input.is-error:focus, textarea.is-error:focus, select.is-error:focus {
    border-color: rgba(238, 36, 85, 0.75);
    box-shadow: 0 0 3px rgba(238, 36, 85, 0.5) inset;
}

input.is-success, textarea.is-success, select.is-success {
    background-color: rgba(32, 188, 113, 0.05);
    border: 1px solid rgba(32, 188, 113, 0.5);
    box-shadow: none inset;
}

input.is-success:focus, textarea.is-success:focus, select.is-success:focus {
    border-color: rgba(32, 188, 113, 0.75);
    box-shadow: 0 0 3px rgba(32, 188, 113, 0.5) inset;
}

input.is-warning, textarea.is-warning, select.is-warning {
    background-color: rgba(255, 105, 81, 0.05);
    border: 1px solid rgba(255, 105, 81, 0.5);
    box-shadow: none inset;
}

input.is-warning:focus, textarea.is-warning:focus, select.is-warning:focus {
    border-color: rgba(255, 105, 81, 0.75);
    box-shadow: 0 0 3px rgba(255, 105, 81, 0.5) inset;
}

input:disabled, input:disabled:hover, input.is-disabled, input.is-disabled:hover, textarea:disabled, textarea:disabled:hover, textarea.is-disabled, textarea.is-disabled:hover, select:disabled, select:disabled:hover, select.is-disabled, select.is-disabled:hover {
    resize: none;
    opacity: 0.7;
    cursor: default;
    font-style: italic;
    color: #8c9194;
    border: 1px solid rgba(17, 17, 19, 0.1);
    box-shadow: none;
    background-color: #fff;
}

input[type="radio"].is-error, input[type="checkbox"].is-error {
    outline: 2px solid rgba(238, 36, 85, 0.5);
}

input[type="radio"].is-success, input[type="checkbox"].is-success {
    outline: 2px solid rgba(32, 188, 113, 0.5);
}

input[type="file"] {
    width: auto;
    border: none;
    padding: 0;
    height: auto;
    background: none;
    box-shadow: none;
    display: inline-block;
}

input[type="search"], input.is-search {
    background-repeat: no-repeat;
    background-position: 8px 51%;
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"><path fill="rgb(0, 0, 0)" fill-opacity="0.4" d="M14.891,14.39l-0.5.5a0.355,0.355,0,0,1-.5,0L9.526,10.529a5.3,5.3,0,1,1,2.106-4.212,5.268,5.268,0,0,1-1.1,3.21l4.362,4.362A0.354,0.354,0,0,1,14.891,14.39ZM6.316,2.418a3.9,3.9,0,1,0,3.9,3.9A3.9,3.9,0,0,0,6.316,2.418Z"/></svg>');
    padding-left: 32px;
}

input[type="radio"], input[type="checkbox"] {
    display: inline-block;
    width: auto;
    height: auto;
    padding: 0;
}

label {
    display: block;
    font-size: 0.9375em;
    font-weight: normal;
    text-transform: none;
    color: #1c1c1c;
    margin-bottom: 4px;
}

label.is-checkbox, label .is-desc, label .is-success, label .is-warning, label .is-error {
    text-transform: none;
    font-weight: normal;
}

label.is-checkbox {
    font-size: 1em;
    line-height: 1.5;
    cursor: pointer;
    color: inherit;
}

label.is-checkbox.is-small {
    font-size: 0.875em;
}

label.is-checkbox.is-big {
    font-size: 1.125em;
}

label.is-checkbox.is-large {
    font-size: 1.3125em;
}

form {
    margin-bottom: 16px;
}

form span.is-success, form div.is-success {
    font-size: 0.75em;
    color: #20bc71;
}

form span.is-error, form div.is-error {
    font-size: 0.75em;
    color: #ee2455;
}

form span.is-warning, form div.is-warning {
    font-size: 0.75em;
    color: #ff6951;
}

form span.is-success, form span.is-error, form span.is-warning {
    margin-left: 2px;
}

form .is-desc {
    font-size: 0.75rem;
    font-weight: normal;
    text-transform: none;
    color: rgba(17, 17, 19, 0.5);
}

form span.is-desc {
    margin-left: 4px;
}

form div.is-desc {
    margin-top: 4px;
    margin-bottom: -4px;
}

form .is-req {
    position: relative;
    top: 1px;
    font-size: 1rem;
    font-weight: bold;
    color: #ee2455;
}

.form-item {
    margin-bottom: 16px;
}

fieldset > .form-item:last-child {
    margin-bottom: 0;
}

.form-checkboxes label.is-checkbox {
    display: inline-block;
    margin-right: 16px;
}

.form-item.is-inline, .form-item.is-inline-offset {
    padding-left: 150px;
}

.form-item.is-inline label:not(.is-checkbox) {
    float: left;
    margin-left: -150px;
}

.form-item.is-bar input, .form-item.is-bar textarea, .form-item.is-bar select {
    display: inline-block;
    width: auto;
}

.form-item.is-buttons {
    display: flex;
}

.form-item.is-buttons button, .form-item.is-buttons .button {
    margin-right: 8px;
}

.form-item.is-buttons button + .button.is-tertiary {
    margin-left: 8px;
}

.form-item.is-buttons button.is-push-right, .form-item.is-buttons .button.is-tertiary.is-push-right, .form-item.is-buttons .button.is-push-right {
    margin-left: auto;
    margin-right: 0;
}

.is-append, .is-prepend {
    display: flex;
}

.is-append input, .is-prepend input {
    flex: 1;
}

.is-append .button, .is-append span, .is-append a, .is-prepend .button, .is-prepend span, .is-prepend a {
    flex-shrink: 0;
}

.is-append span, .is-append a, .is-prepend span, .is-prepend a {
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 0 16px;
    border: 1px solid rgba(17, 17, 19, 0.1);
    background-color: #fff;
    white-space: nowrap;
}

.is-append span, .is-prepend span {
    font-size: 0.875em;
    font-weight: normal;
    text-transform: none;
    color: rgba(17, 17, 19, 0.5);
}

.is-append a, .is-prepend a {
    font-size: 0.875em;
    color: #1c1c1c;
    text-decoration: none;
}

.is-append a:hover, .is-prepend a:hover {
    text-decoration: underline;
}

.is-append a.icon, .is-append a[class^="icon-kube-"], .is-append a[class*=" icon-kube-"], .is-prepend a.icon, .is-prepend a[class^="icon-kube-"], .is-prepend a[class*=" icon-kube-"] {
    font-size: 1rem;
    color: #8c9194;
}

.is-append a.icon:hover, .is-append a[class^="icon-kube-"]:hover, .is-append a[class*=" icon-kube-"]:hover, .is-prepend a.icon:hover, .is-prepend a[class^="icon-kube-"]:hover, .is-prepend a[class*=" icon-kube-"]:hover {
    color: #1c1c1c;
    text-decoration: none;
}

.is-prepend input {
    border-radius: 0 4px 4px 0;
}

.is-prepend .button {
    margin-right: -1px;
    border-radius: 4px 0 0 4px !important;
}

.is-prepend span, .is-prepend a {
    border-right: none;
    border-radius: 4px 0 0 4px;
}

.is-append input {
    border-radius: 4px 0 0 4px;
}

.is-append .button {
    margin-left: -1px;
    border-radius: 0 4px 4px 0 !important;
}

.is-append span, .is-append a {
    border-left: none;
    border-radius: 0 4px 4px 0;
}

.breadcrumb {
    display: flex;
    align-items: center;
    font-size: 0.875em;
    font-weight: normal;
    text-transform: none;
}

.breadcrumb a, .breadcrumb span {
    font-style: normal;
    padding-right: 8px;
    white-space: nowrap;
    color: #1c1c1c;
    text-decoration: none;
}

.breadcrumb a:hover {
    -moz-transition: all linear 0.2s;
    transition: all linear 0.2s;
    color: #1c1c1c;
    text-decoration: underline;
}

.breadcrumb span:after, .breadcrumb a:after {
    display: inline-block;
    content: "/";
    color: rgba(17, 17, 19, 0.4);
    padding-left: 8px;
}

.breadcrumb span:last-child:after, .breadcrumb a:last-child:after {
    display: none;
}

.breadcrumb span, .breadcrumb span:last-child {
    color: rgba(17, 17, 19, 0.55);
    text-decoration: none;
}

.pager {
    font-size: 0.875em;
    font-weight: normal;
    text-transform: none;
    margin-top: 20px;
    margin-bottom: 20px;
}

.pager:after {
    content: '';
    display: table;
    clear: both;
}

.pager a, .pager span {
    float: left;
    padding: 8px 16px;
    border: 1px solid rgba(17, 17, 19, 0.1);
    border-right-color: transparent;
    color: #1c1c1c;
    text-decoration: none;
    line-height: 1.4;
}

.pager a:first-child, .pager span:first-child {
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
}

.pager a:last-child, .pager span:last-child {
    border-right-color: rgba(17, 17, 19, 0.1);
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
}

.pager a.is-prev:before, .pager a.is-next:after {
    position: relative;
    top: 1px;
    font-size: 125%;
    line-height: 1;
}

.pager a.is-prev:before {
    content: '<';
    margin-right: 8px;
}

.pager a.is-next:after {
    content: '>';
    margin-left: 8px;
}

.pager a.is-prev:empty:before {
    margin-right: 0;
}

.pager a.is-next:empty:after {
    margin-left: 0;
}

.pager a:hover {
    -moz-transition: all linear 0.2s;
    transition: all linear 0.2s;
    background-color: rgba(17, 17, 19, 0.04);
}

.pager a.is-disabled {
    background-color: transparent;
    color: rgba(17, 17, 19, 0.3);
}

.pager span, .pager a.is-current, .pager a.is-active {
    background-color: rgba(17, 17, 19, 0.04);
    color: rgba(17, 17, 19, 0.5);
}

.pager.is-stacked a {
    position: relative;
    width: 50%;
    border: none;
    font-size: 1.1rem;
    font-weight: bold;
    padding: 0;
    padding-top: 20px;
}

.pager.is-stacked a:hover {
    background: none;
    text-decoration: underline;
    color: #1c1c1c;
}

.pager.is-stacked a.is-prev:before, .pager.is-stacked a.is-next:after {
    content: '';
    margin: 0;
}

.pager.is-stacked a.is-prev:after, .pager.is-stacked a.is-next:before {
    position: absolute;
    top: 0;
    left: 0;
    content: attr(data-label);
    font-size: 11px;
    text-transform: uppercase;
    font-style: normal;
    font-weight: normal;
    letter-spacing: .03em;
    margin-bottom: 4px;
    color: rgba(17, 17, 19, 0.5);
}

.pager.is-stacked .is-next {
    text-align: right;
}

.pager.is-stacked a.is-next:before {
    right: 0;
}

@media only screen and (max-width: 767px) {
    .pager.is-stacked a {
        float: none;
        display: block;
        width: 100%;
        margin-bottom: 20px;
    }

    .pager.is-stacked a:last-child {
        margin-bottom: 0;
    }

    .pager.is-stacked a.is-next {
        text-align: left;
    }
}

.alert {
    font-family: "lato", Helvetica, Arial, sans-serif;
    font-size: 0.9375em;
    font-weight: 600;
    text-transform: none;
    background: #fff;
    color: #1c1c1c;
    padding: 16px 32px 16px 16px;
    box-shadow: none;
    border: 1px solid rgba(17, 17, 19, 0.1);
    border-radius: 4px;
    position: relative;
    margin-bottom: 16px;
}

.alert h1, .alert h2, .alert h3, .alert h4, .alert h5, .alert h6 {
    margin-bottom: 2px;
}

.alert a {
    color: inherit;
}

.alert a:hover {
    -moz-transition: all linear 0.2s;
    transition: all linear 0.2s;
    color: #ee2455;
}

.alert .close {
    position: absolute;
    right: 8px;
    top: 20px;
}

.alert p {
    margin-top: 0;
    margin-bottom: 0;
}

.alert.is-error {
    background: rgba(238, 36, 85, 0.07);
    border-color: rgba(238, 36, 85, 0.3);
    color: #ee2455;
}

.alert.is-error a:hover {
    color: #1c1c1c;
}

.alert.is-success {
    background: rgba(32, 188, 113, 0.07);
    border-color: rgba(32, 188, 113, 0.3);
    color: #20bc71;
}

.alert.is-success a:hover {
    color: #1c1c1c;
}

.alert.is-focus {
    background: rgba(21, 141, 247, 0.07);
    border-color: rgba(21, 141, 247, 0.3);
    color: #1c1c1c;
}

.alert.is-focus a:hover {
    color: #1c1c1c;
}

.alert.is-inverted {
    background: rgba(255, 255, 255, 0.15);
    border-color: rgba(255, 255, 255, 0.4);
    color: #fff;
}

.alert.is-inverted a:hover {
    color: rgba(255, 255, 255, 0.6);
}

.is-navbar-container, .is-navbar-box {
    display: flex;
    flex: 1;
    align-items: center;
    min-width: 100%;
    min-height: 100%;
}

@media only screen and (max-width: 767px) {
    .is-navbar-container, .is-navbar-box {
        flex-direction: column;
    }
}

.is-navbar-container .is-brand, .is-navbar-box .is-brand {
    display: flex;
    align-items: center;
}

.is-navbar-container .is-brand h1, .is-navbar-container .is-brand h2, .is-navbar-container .is-brand h3, .is-navbar-container .is-brand h4, .is-navbar-container .is-brand h5, .is-navbar-container .is-brand h6, .is-navbar-box .is-brand h1, .is-navbar-box .is-brand h2, .is-navbar-box .is-brand h3, .is-navbar-box .is-brand h4, .is-navbar-box .is-brand h5, .is-navbar-box .is-brand h6 {
    line-height: 1;
    margin: 0;
}

.is-navbar {
    display: flex;
    flex: 1;
    align-items: center;
}

@media only screen and (max-width: 767px) {
    .is-navbar {
        flex-direction: column;
    }
}

.is-navbar ul {
    display: flex;
    flex: 1;
    align-items: center;
}

@media only screen and (max-width: 767px) {
    .is-navbar ul {
        flex-direction: column;
    }
}

.is-navbar li {
    white-space: nowrap;
    margin-left: 28px;
}

.is-navbar a:not(.button) {
    line-height: 1;
    display: block;
    padding-top: 8px;
    padding-bottom: 8px;
}

.is-navbar a:not(.button)::before, .is-navbar a:not(.button)::after {
    content: '';
    display: block;
    height: 0;
    width: 0;
}

.is-navbar a:not(.button)::before {
    margin-top: calc((0.75 - 1) * 0.49em);
}

.is-navbar a:not(.button)::after {
    margin-bottom: calc((0.75 - 1) * 0.49em);
}

.is-navbar form {
    margin: 0;
}

.is-navbar input {
    position: relative;
    top: 1px;
}

.is-navbar nav.is-justify {
    text-align: center;
    width: 100%;
}

.is-navbar nav.is-justify li {
    flex: 1;
    margin-left: 0;
    margin-right: 0;
}

@media only screen and (max-width: 767px) {
    .is-navbar-container.is-scrollable, .is-navbar-container.is-scrollable .is-navbar, .is-navbar-container.is-scrollable .is-navbar ul, .is-navbar-box.is-scrollable, .is-navbar-box.is-scrollable .is-navbar, .is-navbar-box.is-scrollable .is-navbar ul {
        display: flex;
        flex-direction: row;
    }

    .is-navbar-container:not(.is-scrollable), .is-navbar-container:not(.is-scrollable) .is-navbar, .is-navbar-container:not(.is-scrollable) .is-navbar ul, .is-navbar-box:not(.is-scrollable), .is-navbar-box:not(.is-scrollable) .is-navbar, .is-navbar-box:not(.is-scrollable) .is-navbar ul {
        align-items: flex-start;
        display: block;
        max-width: 100%;
    }

    .is-navbar-container:not(.is-scrollable) .is-navbar li, .is-navbar-box:not(.is-scrollable) .is-navbar li {
        margin-left: 0;
    }

    .is-navbar-container:not(.is-scrollable) .is-navbar input, .is-navbar-container:not(.is-scrollable) .is-navbar .button.is-small, .is-navbar-box:not(.is-scrollable) .is-navbar input, .is-navbar-box:not(.is-scrollable) .is-navbar .button.is-small {
        margin-top: 8px;
        margin-bottom: 8px;
    }

    .is-navbar-container:not(.is-scrollable) .is-navbar nav.is-justify, .is-navbar-box:not(.is-scrollable) .is-navbar nav.is-justify {
        text-align: left;
    }
}

@keyframes slideUp {
    to {
        height: 0;
        padding-top: 0;
        padding-bottom: 0;
        margin-bottom: 0;
    }
}

@keyframes slideDown {
    from {
        height: 0;
        padding-top: 0;
        padding-bottom: 0;
        margin-bottom: 0;
    }
}

@keyframes fadeIn {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

@keyframes fadeOut {
    from {
        opacity: 1;
    }

    to {
        opacity: 0;
    }
}

@keyframes flipIn {
    from {
        opacity: 0;
        transform: scaleY(0);
    }

    to {
        opacity: 1;
        transform: scaleY(1);
    }
}

@keyframes flipOut {
    from {
        opacity: 1;
        transform: scaleY(1);
    }

    to {
        opacity: 0;
        transform: scaleY(0);
    }
}

@keyframes zoomIn {
    from {
        opacity: 0;
        transform: scale3d(0.3, 0.3, 0.3);
    }

    50% {
        opacity: 1;
    }
}

@keyframes zoomOut {
    from {
        opacity: 1;
    }

    50% {
        opacity: 0;
        transform: scale3d(0.3, 0.3, 0.3);
    }

    to {
        opacity: 0;
    }
}

@keyframes slideInRight {
    from {
        transform: translate3d(100%, 0, 0);
        visibility: visible;
    }

    to {
        transform: translate3d(0, 0, 0);
    }
}

@keyframes slideInLeft {
    from {
        transform: translate3d(-100%, 0, 0);
        visibility: visible;
    }

    to {
        transform: translate3d(0, 0, 0);
    }
}

@keyframes slideInDown {
    from {
        transform: translate3d(0, -100%, 0);
        visibility: visible;
    }

    to {
        transform: translate3d(0, 0, 0);
    }
}

@keyframes slideOutLeft {
    from {
        transform: translate3d(0, 0, 0);
    }

    to {
        visibility: hidden;
        transform: translate3d(-100%, 0, 0);
    }
}

@keyframes slideOutRight {
    from {
        transform: translate3d(0, 0, 0);
    }

    to {
        visibility: hidden;
        transform: translate3d(100%, 0, 0);
    }
}

@keyframes slideOutUp {
    from {
        transform: translate3d(0, 0, 0);
    }

    to {
        visibility: hidden;
        transform: translate3d(0, -100%, 0);
    }
}

@keyframes rotate {
    from {
        transform: rotate(0deg);
    }

    to {
        transform: rotate(360deg);
    }
}

@keyframes pulse {
    from {
        transform: scale3d(1, 1, 1);
    }

    50% {
        transform: scale3d(1.1, 1.1, 1.1);
    }

    to {
        transform: scale3d(1, 1, 1);
    }
}

@keyframes shake {
    15% {
        transform: translateX(0.5rem);
    }

    30% {
        transform: translateX(-0.4rem);
    }

    45% {
        transform: translateX(0.3rem);
    }

    60% {
        transform: translateX(-0.2rem);
    }

    75% {
        transform: translateX(0.1rem);
    }

    90% {
        transform: translateX(0);
    }

    90% {
        transform: translateX(0);
    }
}

.kube-fadeIn {
    opacity: 0;
    animation: fadeIn .5s ease-in-out;
}

.kube-fadeOut {
    opacity: 1;
    animation: fadeOut .5s ease-in-out;
}

.kube-zoomIn {
    animation: zoomIn .5s ease-in;
}

.kube-zoomOut {
    animation: zoomOut .5s ease-in;
}

.kube-slideInRight {
    animation: slideInRight .5s ease;
}

.kube-slideInLeft {
    animation: slideInLeft .5s ease;
}

.kube-slideInDown {
    animation: slideInDown .5s ease;
}

.kube-slideOutLeft {
    animation: slideOutLeft .5s ease;
}

.kube-slideOutRight {
    animation: slideOutRight .5s ease;
}

.kube-slideOutUp {
    animation: slideOutUp .5s ease;
}

.kube-slideUp {
    overflow: hidden;
    animation: slideUp .3s ease-out;
}

.kube-slideDown {
    overflow: hidden;
    animation: slideDown .4s ease-in-out;
}

.kube-flipIn {
    animation: flipIn 0.5s cubic-bezier(0.5, -0.5, 0.5, 1.5);
}

.kube-flipOut {
    animation: flipOut 0.5s cubic-bezier(0.5, -0.5, 0.5, 1.5);
}

.kube-rotate {
    animation: rotate .5s ease-in-out;
}

.kube-pulse {
    animation: pulse .5s ease-out 2;
}

.kube-shake {
    animation: shake .5s ease-in-out;
}

.message {
    position: fixed;
    top: 8px;
    right: 8px;
    width: 360px;
    background: #fff;
    box-shadow: 0 6px 24px rgba(17, 17, 19, 0.12);
    border-radius: 4px;
    z-index: 400;
    border: 1px solid transparent;
    font-family: "lato", Helvetica, Arial, sans-serif;
    font-size: 0.9375em;
    font-weight: normal;
    text-transform: none;
    color: #1c1c1c;
    padding: 16px;
}

.message h1, .message h2, .message h3, .message h4, .message h5, .message h6, .message a {
    color: inherit;
}

.message a:hover {
    -moz-transition: all linear 0.2s;
    transition: all linear 0.2s;
    color: #8c9194;
}

.message.is-center, .message.is-centered {
    left: 50%;
    margin-left: -180px;
}

.message.is-left {
    left: 8px;
    right: auto;
}

.message.is-line {
    width: 100%;
    top: 0;
    left: 0;
    right: 0;
    border-radius: 0;
}

.message.is-error {
    background: #ee2455;
    color: #fff;
    border-color: transparent;
}

.message.is-error a:hover {
    color: rgba(255, 255, 255, 0.7);
}

.message.is-success {
    background: #20bc71;
    color: #fff;
    border-color: transparent;
}

.message.is-success a:hover {
    color: rgba(255, 255, 255, 0.7);
}

.message.is-focus {
    background: #1c1c1c;
    color: rgba(255, 255, 255, 0.95);
    border-color: transparent;
}

.message.is-focus a:hover {
    color: rgba(255, 255, 255, 0.7);
}

.message.is-black {
    background: #1c1c1c;
    color: #fff;
    border-color: transparent;
}

.message.is-black a:hover {
    color: rgba(255, 255, 255, 0.7);
}

.tabs {
    display: flex;
    font-size: 0.9375em;
    font-weight: normal;
    text-transform: none;
    margin-bottom: 20px;
    border-bottom: 1px solid rgba(17, 17, 19, 0.1);
}

.tabs a {
    position: relative;
    top: 1px;
    display: block;
    padding: 8px 20px;
    border-bottom: 2px solid transparent;
    color: rgba(17, 17, 19, 0.65);
    background-color: transparent;
    text-decoration: none;
}

.tabs a:hover {
    -moz-transition: all linear 0.2s;
    transition: all linear 0.2s;
    color: #1c1c1c;
    background: none;
    text-decoration: none;
    border-bottom: 2px solid #1c1c1c;
}

.tabs a.is-active {
    cursor: default;
    color: #1c1c1c;
    background: none;
    text-decoration: none;
    border-bottom: 2px solid #1c1c1c;
}

@media only screen and (max-width: 767px) {
    .tabs {
        display: block;
    }
}

.dropdown {
    position: absolute;
    z-index: 300;
    background: #fff;
    box-shadow: 0 6px 24px rgba(17, 17, 19, 0.12);
    border-radius: 4px;
    width: 280px;
    font-size: 0.9375em;
    font-weight: normal;
    border: 0 solid transparent;
    padding: 0 0 2px 0;
}

.dropdown span, .dropdown a {
    display: block;
    text-decoration: none;
    padding: 8px 16px;
    white-space: nowrap;
}

.dropdown a {
    color: #1c1c1c;
    background: none;
}

.dropdown a:hover {
    text-decoration: underline;
    color: #1c1c1c;
    background: rgba(17, 17, 19, 0.04);
}

.dropdown a.is-separator {
    padding-bottom: 8px;
    border-bottom: 1px solid rgba(17, 17, 19, 0.05);
}

.dropdown a:first-child, .dropdown span:first-child {
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
}

.dropdown a.is-active, .dropdown a.is-active:hover, .dropdown span, .dropdown span:hover {
    text-decoration: none;
    cursor: text;
    color: rgba(17, 17, 19, 0.4);
    background: none;
}

.modal-box {
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    overflow-x: hidden;
    overflow-y: auto;
    z-index: 203;
}

.modal {
    position: relative;
    margin: 16px auto;
    padding: 0;
    font-family: inherit;
    background: #fff;
    box-shadow: 0 15px 40px rgba(0, 15, 27, 0.5);
    border-radius: 4px;
    color: #1c1c1c;
}

@media only screen and (max-width: 767px) {
    .modal input, .modal textarea {
        font-size: 16px;
    }
}

.modal .close {
    position: absolute;
    top: 22px;
    right: 16px;
    font-size: 16px;
    width: 32px;
    height: 32px;
    line-height: 32px;
    opacity: .4;
}

.modal .close:hover {
    opacity: 1;
}

.modal-header {
    font-size: 1.05rem;
    font-weight: bold;
    background: none;
    padding: 20px 24px;
    border-bottom: 1px solid rgba(17, 17, 19, 0.05);
}

.modal-header:empty {
    display: none;
}

.modal-body {
    font-size: inherit;
    background: none;
    padding: 24px;
}

.modal-footer {
    font-size: inherit;
    font-weight: normal;
    background-color: none;
    padding: 16px 24px;
    border-top: 1px solid rgba(17, 17, 19, 0.05);
}

.modal-footer:empty {
    display: none;
}

.modal-footer button {
    margin-right: 8px;
}

.modal-footer button + button.is-tertiary {
    margin-left: 8px;
}

@keyframes progress-bar-stripes {
    from {
        background-position: 40px 0;
    }

    to {
        background-position: 0 0;
    }
}

.kube-progress {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 11000;
    width: 100%;
    background-color: rgba(17, 17, 19, 0.2);
}

.kube-progress span {
    background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0.2) 75%, transparent 75%, transparent);
    background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0.2) 75%, transparent 75%, transparent);
    background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0.2) 75%, transparent 75%, transparent);
    -webkit-animation: progress-bar-stripes 2s linear infinite;
    -moz-animation: progress-bar-stripes 2s linear infinite;
    animation: progress-bar-stripes 2s linear infinite;
    content: '';
    display: block;
    min-height: 8px;
    width: 100%;
    height: 100%;
    background-color: #1c1c1c;
    background-size: 40px 40px;
}

.is-offcanvasTransition {
    transition: transform .5s ease-in-out;
}

.is-offcanvas {
    position: fixed;
    top: 0;
    left: 0;
    right: auto;
    overflow-y: scroll;
    z-index: 200;
    height: 100%;
    min-height: 100vh;
    width: 300px;
    padding: 16px 20px;
    background-color: #fff;
    font-size: 0.9375em;
    background: #fff;
    color: #1c1c1c;
}

.is-offcanvas.is-offcanvas-right {
    left: auto;
    right: 0;
}

.is-offcanvas.is-offcanvas-push {
    left: -300px;
    right: auto;
}

.is-offcanvas.is-offcanvas-push.is-offcanvas-right {
    right: -300px;
    left: auto;
}

.is-offcanvas a {
    display: block;
    color: #1c1c1c;
}

.is-offcanvas a.button {
    display: inline-flex;
}

.nav-toggle {
    position: relative;
    top: 1px;
    color: #1c1c1c;
    text-decoration: none;
}

.nav-toggle.active {
    color: #0078d7;
}

.nav-toggle:hover {
    color: #0078d7;
}

.is-container {
    display: flex;
    flex: 1;
}

@media only screen and (max-width: 767px) {
    .is-container {
        flex-direction: column;
    }
}

.is-container-row {
    display: flex;
    flex: 1;
}

.is-container-column {
    display: flex;
    flex-direction: column;
    flex: 1;
}

.is-items-middle {
    align-items: center;
}

.is-push-right {
    margin-left: auto;
    flex: none;
}

@media only screen and (max-width: 767px) {
    .is-push-right {
        margin-left: 0;
    }

    .is-push-right-mobile {
        margin-left: auto;
    }
}

.is-center, .is-centered {
    margin-left: auto;
    margin-right: auto;
}

@media only screen and (max-width: 767px) {
    .is-left-mobile {
        margin-left: 0;
    }
}

.is-fixed {
    position: fixed !important;
    top: 0;
    left: 0;
    z-index: 200;
}

.is-relative {
    position: relative;
}

.is-width-large {
    max-width: 1200px;
}

.is-width-medium {
    max-width: 960px;
}

.is-width-small {
    max-width: 420px;
}

.is-10 {
    width: 10%;
    min-width: 10%;
}

.is-20 {
    width: 20%;
    min-width: 20%;
}

.is-25 {
    width: 25%;
    min-width: 25%;
}

.is-30 {
    width: 30%;
    min-width: 30%;
}

.is-33, .is-34 {
    width: 33.3333%;
    min-width: 33.3333%;
}

.is-35 {
    width: 35%;
    min-width: 35%;
}

.is-40 {
    width: 40%;
    min-width: 40%;
}

.is-50 {
    width: 50%;
    min-width: 50%;
}

.is-60 {
    width: 60%;
}

.is-65 {
    width: 65%;
}

.is-66, .is-67 {
    width: 66.6666%;
    min-width: 66.6666%;
}

.is-70 {
    width: 70%;
    min-width: 70%;
}

.is-75 {
    width: 75%;
    min-width: 75%;
}

.is-80 {
    width: 80%;
    min-width: 80%;
}

.is-90 {
    width: 90%;
    min-width: 90%;
}

.is-100 {
    width: 100%;
    min-width: 100%;
}

@media only screen and (max-width: 1024px) {
    .is-10-t {
        width: 10%;
        min-width: 10%;
    }

    .is-20-t {
        width: 20%;
        min-width: 20%;
    }

    .is-25-t {
        width: 25%;
        min-width: 25%;
    }

    .is-30-t {
        width: 30%;
        min-width: 30%;
    }

    .is-33-t, .is-34-t {
        width: 33.3333%;
        min-width: 33.3333%;
    }

    .is-35-t {
        width: 35%;
        min-width: 35%;
    }

    .is-40-t {
        width: 40%;
        min-width: 40%;
    }

    .is-50-t {
        width: 50%;
        min-width: 50%;
    }

    .is-60-t {
        width: 60%;
    }

    .is-65-t {
        width: 65%;
    }

    .is-66-t, .is-67-t {
        width: 66.6666%;
        min-width: 66.6666%;
    }

    .is-70-t {
        width: 70%;
        min-width: 70%;
    }

    .is-75-t {
        width: 75%;
        min-width: 75%;
    }

    .is-80-t {
        width: 80%;
        min-width: 80%;
    }

    .is-90-t {
        width: 90%;
        min-width: 90%;
    }

    .is-100-t {
        width: 100%;
        min-width: 100%;
    }
}

@media only screen and (max-width: 767px) {
    .is-width-large, .is-width-medium, .is-width-small, .is-10, .is-20, .is-25, .is-30, .is-33, .is-34, .is-35, .is-40, .is-50, .is-60, .is-65, .is-66, .is-67, .is-70, .is-75, .is-80, .is-90, .is-100 {
        width: auto;
        min-width: 100%;
    }
}

.is-invisible {
    visibility: hidden;
}

.is-visible {
    visibility: visible;
}

.is-hidden {
    display: none !important;
}

@media only screen and (max-width: 767px) {
    .is-hidden-mobile {
        display: none !important;
    }
}

@media only screen and (min-width: 768px) {
    .is-shown-mobile {
        display: none;
    }
}

@media print {
    .is-hidden-print {
        display: none;
    }
}

.is-shadow-1, .is-shadow-1-hover:hover {
    box-shadow: 0 1px 3px rgba(6, 67, 117, 0.15);
}

.is-shadow-2, .is-shadow-2-hover:hover {
    box-shadow: 0 6px 24px rgba(6, 67, 117, 0.12);
}

.is-shadow-3, .is-shadow-3-hover:hover {
    box-shadow: 0 15px 40px rgba(6, 67, 117, 0.2);
}

.is-border {
    border: 1px solid #dbe4eb;
}

.is-border-top {
    border-top: 1px solid #dbe4eb;
}

.is-border-bottom {
    border-bottom: 1px solid #dbe4eb;
}

.is-border-radius {
    border-radius: 5px;
}

.is-scrollable {
    overflow: hidden;
    overflow-x: auto;
    white-space: nowrap;
}

.is-no-scroll {
    overflow: hidden;
}

.is-video-container {
    height: 0;
    padding-bottom: 56.25%;
    position: relative;
    margin-bottom: 16px;
}

.is-video-container iframe, .is-video-container object, .is-video-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100% !important;
    height: 100% !important;
}

figure .is-video-container {
    margin-bottom: 8px;
}

.close {
    display: inline-block;
    vertical-align: baseline;
    text-align: center;
    font-size: 9px;
    opacity: .85;
    border-radius: 20px;
    cursor: pointer;
    margin-top: -3px;
    margin-bottom: -3px;
    width: 20px;
    height: 20px;
    line-height: 22px;
}

.close:hover {
    -moz-transition: all linear 0.2s;
    transition: all linear 0.2s;
    opacity: 1;
    color: #fff;
    background-color: #1c1c1c;
}

.close.is-big {
    font-size: 14px;
    width: 28px;
    height: 28px;
    line-height: 28px;
}

.close.is-large {
    font-size: 18px;
    width: 36px;
    height: 36px;
    line-height: 36px;
}

.close.is-inverted {
    color: #fff;
}

.caret {
    display: inline-block;
}

.is-loading:before {
    content: '';
    display: inline-block;
    width: 24px;
    height: 24px;
    margin-right: .5em;
    border-radius: 50%;
    border: 4px solid rgba(255, 255, 255, 0.25);
    border-bottom-color: #fff;
    -webkit-animation: loadingRotate 2s linear 0s infinite;
    animation: loadingRotate 2s linear 0s infinite;
}

@keyframes loadingRotate {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

.overlay {
    position: fixed;
    z-index: 202;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0, 15, 27, .55);
}

.overlay > .close {
    position: fixed;
    top: 1rem;
    right: 1rem;
}

.is-inset-none {
    padding: 0;
}

.is-inset-2 {
    padding: 2px;
}

.is-inset-4 {
    padding: 4px;
}

.is-inset-8 {
    padding: 8px;
}

.is-inset-12 {
    padding: 12px;
}

.is-inset-16 {
    padding: 16px;
}

.is-inset-20 {
    padding: 20px;
}

.is-inset-24 {
    padding: 24px;
}

.is-inset-28 {
    padding: 28px;
}

.is-inset-32 {
    padding: 32px;
}

.is-inset-36 {
    padding: 36px;
}

.is-inset-40 {
    padding: 40px;
}

.is-inset-44 {
    padding: 44px;
}

.is-inset-48 {
    padding: 48px;
}

.is-inset-52 {
    padding: 52px;
}

.is-inset-56 {
    padding: 56px;
}

.is-inset-60 {
    padding: 60px;
}

.is-inset-64 {
    padding: 64px;
}

.is-inset-80 {
    padding: 80px;
}

.is-inset-100 {
    padding: 100px;
}

.is-inset-120 {
    padding: 120px;
}

@media only screen and (max-width: 767px) {
    .inset-none-mobile {
        padding: 0;
    }

    .is-inset-2-mobile {
        padding: 2px;
    }

    .is-inset-4-mobile {
        padding: 4px;
    }

    .is-inset-8-mobile {
        padding: 8px;
    }

    .is-inset-12-mobile {
        padding: 12px;
    }

    .is-inset-16-mobile {
        padding: 16px;
    }

    .is-inset-20-mobile {
        padding: 20px;
    }

    .is-inset-24-mobile {
        padding: 24px;
    }

    .is-inset-28-mobile {
        padding: 28px;
    }

    .is-inset-32-mobile {
        padding: 32px;
    }

    .is-inset-36-mobile {
        padding: 36px;
    }

    .is-inset-40-mobile {
        padding: 40px;
    }

    .is-inset-44-mobile {
        padding: 44px;
    }

    .is-inset-48-mobile {
        padding: 48px;
    }

    .is-inset-52-mobile {
        padding: 52px;
    }

    .is-inset-56-mobile {
        padding: 56px;
    }

    .is-inset-60-mobile {
        padding: 60px;
    }

    .is-inset-64-mobile {
        padding: 64px;
    }

    .is-inset-80-mobile {
        padding: 80px;
    }

    .is-inset-100-mobile {
        padding: 100px;
    }

    .is-inset-120-mobile {
        padding: 120px;
    }
}

.is-inset-x-none {
    padding-left: 0;
    padding-right: 0;
}

.is-inset-x-2 {
    padding-left: 2px;
    padding-right: 2px;
}

.is-inset-x-4 {
    padding-left: 4px;
    padding-right: 4px;
}

.is-inset-x-8 {
    padding-left: 8px;
    padding-right: 8px;
}

.is-inset-x-12 {
    padding-left: 12px;
    padding-right: 12px;
}

.is-inset-x-16 {
    padding-left: 16px;
    padding-right: 16px;
}

.is-inset-x-20 {
    padding-left: 20px;
    padding-right: 20px;
}

.is-inset-x-24 {
    padding-left: 24px;
    padding-right: 24px;
}

.is-inset-x-28 {
    padding-left: 28px;
    padding-right: 28px;
}

.is-inset-x-32 {
    padding-left: 32px;
    padding-right: 32px;
}

.is-inset-x-36 {
    padding-left: 36px;
    padding-right: 36px;
}

.is-inset-x-40 {
    padding-left: 40px;
    padding-right: 40px;
}

.is-inset-x-44 {
    padding-left: 44px;
    padding-right: 44px;
}

.is-inset-x-48 {
    padding-left: 48px;
    padding-right: 48px;
}

.is-inset-x-52 {
    padding-left: 52px;
    padding-right: 52px;
}

.is-inset-x-56 {
    padding-left: 56px;
    padding-right: 56px;
}

.is-inset-x-60 {
    padding-left: 60px;
    padding-right: 60px;
}

.is-inset-x-64 {
    padding-left: 64px;
    padding-right: 64px;
}

.is-inset-x-80 {
    padding-left: 80px;
    padding-right: 80px;
}

.is-inset-x-100 {
    padding-left: 100px;
    padding-right: 100px;
}

.is-inset-x-120 {
    padding-left: 120px;
    padding-right: 120px;
}

@media only screen and (max-width: 767px) {
    .inset-x-none-mobile {
        padding-left: 0;
        padding-right: 0;
    }

    .is-inset-x-2-mobile {
        padding-left: 2px;
        padding-right: 2px;
    }

    .is-inset-x-4-mobile {
        padding-left: 4px;
        padding-right: 4px;
    }

    .is-inset-x-8-mobile {
        padding-left: 8px;
        padding-right: 8px;
    }

    .is-inset-x-12-mobile {
        padding-left: 12px;
        padding-right: 12px;
    }

    .is-inset-x-16-mobile {
        padding-left: 16px;
        padding-right: 16px;
    }

    .is-inset-x-20-mobile {
        padding-left: 20px;
        padding-right: 20px;
    }

    .is-inset-x-24-mobile {
        padding-left: 24px;
        padding-right: 24px;
    }

    .is-inset-x-28-mobile {
        padding-left: 28px;
        padding-right: 28px;
    }

    .is-inset-x-32-mobile {
        padding-left: 32px;
        padding-right: 32px;
    }

    .is-inset-x-36-mobile {
        padding-left: 36px;
        padding-right: 36px;
    }

    .is-inset-x-40-mobile {
        padding-left: 40px;
        padding-right: 40px;
    }

    .is-inset-x-44-mobile {
        padding-left: 44px;
        padding-right: 44px;
    }

    .is-inset-x-48-mobile {
        padding-left: 48px;
        padding-right: 48px;
    }

    .is-inset-x-52-mobile {
        padding-left: 52px;
        padding-right: 52px;
    }

    .is-inset-x-56-mobile {
        padding-left: 56px;
        padding-right: 56px;
    }

    .is-inset-x-60-mobile {
        padding-left: 60px;
        padding-right: 60px;
    }

    .is-inset-x-64-mobile {
        padding-left: 64px;
        padding-right: 64px;
    }

    .is-inset-x-80-mobile {
        padding-left: 80px;
        padding-right: 80px;
    }

    .is-inset-x-100-mobile {
        padding-left: 100px;
        padding-right: 100px;
    }

    .is-inset-x-120-mobile {
        padding-left: 120px;
        padding-right: 120px;
    }
}

.is-inset-y-none {
    padding-top: 0;
    padding-bottom: 0;
}

.is-inset-y-2 {
    padding-top: 2px;
    padding-bottom: 2px;
}

.is-inset-y-4 {
    padding-top: 4px;
    padding-bottom: 4px;
}

.is-inset-y-8 {
    padding-top: 8px;
    padding-bottom: 8px;
}

.is-inset-y-12 {
    padding-top: 12px;
    padding-bottom: 12px;
}

.is-inset-y-16 {
    padding-top: 16px;
    padding-bottom: 16px;
}

.is-inset-y-20 {
    padding-top: 20px;
    padding-bottom: 20px;
}

.is-inset-y-24 {
    padding-top: 24px;
    padding-bottom: 24px;
}

.is-inset-y-28 {
    padding-top: 28px;
    padding-bottom: 28px;
}

.is-inset-y-32 {
    padding-top: 32px;
    padding-bottom: 32px;
}

.is-inset-y-36 {
    padding-top: 36px;
    padding-bottom: 36px;
}

.is-inset-y-40 {
    padding-top: 40px;
    padding-bottom: 40px;
}

.is-inset-y-44 {
    padding-top: 44px;
    padding-bottom: 44px;
}

.is-inset-y-48 {
    padding-top: 48px;
    padding-bottom: 48px;
}

.is-inset-y-52 {
    padding-top: 52px;
    padding-bottom: 52px;
}

.is-inset-y-56 {
    padding-top: 56px;
    padding-bottom: 56px;
}

.is-inset-y-60 {
    padding-top: 60px;
    padding-bottom: 60px;
}

.is-inset-y-64 {
    padding-top: 64px;
    padding-bottom: 64px;
}

.is-inset-y-80 {
    padding-top: 80px;
    padding-bottom: 80px;
}

.is-inset-y-100 {
    padding-top: 100px;
    padding-bottom: 100px;
}

.is-inset-y-120 {
    padding-top: 120px;
    padding-bottom: 120px;
}

@media only screen and (max-width: 767px) {
    .inset-y-none-mobile {
        padding-top: 0;
        padding-bottom: 0;
    }

    .is-inset-y-2-mobile {
        padding-top: 2px;
        padding-bottom: 2px;
    }

    .is-inset-y-4-mobile {
        padding-top: 4px;
        padding-bottom: 4px;
    }

    .is-inset-y-8-mobile {
        padding-top: 8px;
        padding-bottom: 8px;
    }

    .is-inset-y-12-mobile {
        padding-top: 12px;
        padding-bottom: 12px;
    }

    .is-inset-y-16-mobile {
        padding-top: 16px;
        padding-bottom: 16px;
    }

    .is-inset-y-20-mobile {
        padding-top: 20px;
        padding-bottom: 20px;
    }

    .is-inset-y-24-mobile {
        padding-top: 24px;
        padding-bottom: 24px;
    }

    .is-inset-y-28-mobile {
        padding-top: 28px;
        padding-bottom: 28px;
    }

    .is-inset-y-32-mobile {
        padding-top: 32px;
        padding-bottom: 32px;
    }

    .is-inset-y-36-mobile {
        padding-top: 36px;
        padding-bottom: 36px;
    }

    .is-inset-y-40-mobile {
        padding-top: 40px;
        padding-bottom: 40px;
    }

    .is-inset-y-44-mobile {
        padding-top: 44px;
        padding-bottom: 44px;
    }

    .is-inset-y-48-mobile {
        padding-top: 48px;
        padding-bottom: 48px;
    }

    .is-inset-y-52-mobile {
        padding-top: 52px;
        padding-bottom: 52px;
    }

    .is-inset-y-56-mobile {
        padding-top: 56px;
        padding-bottom: 56px;
    }

    .is-inset-y-60-mobile {
        padding-top: 60px;
        padding-bottom: 60px;
    }

    .is-inset-y-64-mobile {
        padding-top: 64px;
        padding-bottom: 64px;
    }

    .is-inset-y-80-mobile {
        padding-top: 80px;
        padding-bottom: 80px;
    }

    .is-inset-y-100-mobile {
        padding-top: 100px;
        padding-bottom: 100px;
    }

    .is-inset-y-120-mobile {
        padding-top: 120px;
        padding-bottom: 120px;
    }
}

.is-inset-top-none {
    padding-top: 0;
}

.is-inset-top-2 {
    padding-top: 2px;
}

.is-inset-top-4 {
    padding-top: 4px;
}

.is-inset-top-8 {
    padding-top: 8px;
}

.is-inset-top-12 {
    padding-top: 12px;
}

.is-inset-top-16 {
    padding-top: 16px;
}

.is-inset-top-20 {
    padding-top: 20px;
}

.is-inset-top-24 {
    padding-top: 24px;
}

.is-inset-top-28 {
    padding-top: 28px;
}

.is-inset-top-32 {
    padding-top: 32px;
}

.is-inset-top-36 {
    padding-top: 36px;
}

.is-inset-top-40 {
    padding-top: 40px;
}

.is-inset-top-44 {
    padding-top: 44px;
}

.is-inset-top-48 {
    padding-top: 48px;
}

.is-inset-top-52 {
    padding-top: 52px;
}

.is-inset-top-56 {
    padding-top: 56px;
}

.is-inset-top-60 {
    padding-top: 60px;
}

.is-inset-top-64 {
    padding-top: 64px;
}

.is-inset-top-80 {
    padding-top: 80px;
}

.is-inset-top-100 {
    padding-top: 100px;
}

.is-inset-top-120 {
    padding-top: 120px;
}

@media only screen and (max-width: 767px) {
    .is-inset-top-none-mobile {
        padding-top: 0;
    }

    .is-inset-top-2-mobile {
        padding-top: 2px;
    }

    .is-inset-top-4-mobile {
        padding-top: 4px;
    }

    .is-inset-top-8-mobile {
        padding-top: 8px;
    }

    .is-inset-top-12-mobile {
        padding-top: 12px;
    }

    .is-inset-top-16-mobile {
        padding-top: 16px;
    }

    .is-inset-top-20-mobile {
        padding-top: 20px;
    }

    .is-inset-top-24-mobile {
        padding-top: 24px;
    }

    .is-inset-top-28-mobile {
        padding-top: 28px;
    }

    .is-inset-top-32-mobile {
        padding-top: 32px;
    }

    .is-inset-top-36-mobile {
        padding-top: 36px;
    }

    .is-inset-top-40-mobile {
        padding-top: 40px;
    }

    .is-inset-top-44-mobile {
        padding-top: 44px;
    }

    .is-inset-top-48-mobile {
        padding-top: 48px;
    }

    .is-inset-top-52-mobile {
        padding-top: 52px;
    }

    .is-inset-top-56-mobile {
        padding-top: 56px;
    }

    .is-inset-top-60-mobile {
        padding-top: 60px;
    }

    .is-inset-top-64-mobile {
        padding-top: 64px;
    }

    .is-inset-top-80-mobile {
        padding-top: 80px;
    }

    .is-inset-top-100-mobile {
        padding-top: 100px;
    }

    .is-inset-top-120-mobile {
        padding-top: 120px;
    }
}

.is-inset-bottom-none {
    padding-bottom: 0;
}

.is-inset-bottom-2 {
    padding-bottom: 2px;
}

.is-inset-bottom-4 {
    padding-bottom: 4px;
}

.is-inset-bottom-8 {
    padding-bottom: 8px;
}

.is-inset-bottom-12 {
    padding-bottom: 12px;
}

.is-inset-bottom-16 {
    padding-bottom: 16px;
}

.is-inset-bottom-20 {
    padding-bottom: 20px;
}

.is-inset-bottom-24 {
    padding-bottom: 24px;
}

.is-inset-bottom-28 {
    padding-bottom: 28px;
}

.is-inset-bottom-32 {
    padding-bottom: 32px;
}

.is-inset-bottom-36 {
    padding-bottom: 36px;
}

.is-inset-bottom-40 {
    padding-bottom: 40px;
}

.is-inset-bottom-44 {
    padding-bottom: 44px;
}

.is-inset-bottom-48 {
    padding-bottom: 48px;
}

.is-inset-bottom-52 {
    padding-bottom: 52px;
}

.is-inset-bottom-56 {
    padding-bottom: 56px;
}

.is-inset-bottom-60 {
    padding-bottom: 60px;
}

.is-inset-bottom-64 {
    padding-bottom: 64px;
}

.is-inset-bottom-80 {
    padding-bottom: 80px;
}

.is-inset-bottom-100 {
    padding-bottom: 100px;
}

.is-inset-bottom-120 {
    padding-bottom: 120px;
}

@media only screen and (max-width: 767px) {
    .is-inset-bottom-none-mobile {
        padding-bottom: 0;
    }

    .is-inset-bottom-2-mobile {
        padding-bottom: 2px;
    }

    .is-inset-bottom-4-mobile {
        padding-bottom: 4px;
    }

    .is-inset-bottom-8-mobile {
        padding-bottom: 8px;
    }

    .is-inset-bottom-12-mobile {
        padding-bottom: 12px;
    }

    .is-inset-bottom-16-mobile {
        padding-bottom: 16px;
    }

    .is-inset-bottom-20-mobile {
        padding-bottom: 20px;
    }

    .is-inset-bottom-24-mobile {
        padding-bottom: 24px;
    }

    .is-inset-bottom-28-mobile {
        padding-bottom: 28px;
    }

    .is-inset-bottom-32-mobile {
        padding-bottom: 32px;
    }

    .is-inset-bottom-36-mobile {
        padding-bottom: 36px;
    }

    .is-inset-bottom-40-mobile {
        padding-bottom: 40px;
    }

    .is-inset-bottom-44-mobile {
        padding-bottom: 44px;
    }

    .is-inset-bottom-48-mobile {
        padding-bottom: 48px;
    }

    .is-inset-bottom-52-mobile {
        padding-bottom: 52px;
    }

    .is-inset-bottom-56-mobile {
        padding-bottom: 56px;
    }

    .is-inset-bottom-60-mobile {
        padding-bottom: 60px;
    }

    .is-inset-bottom-64-mobile {
        padding-bottom: 64px;
    }

    .is-inset-bottom-80-mobile {
        padding-bottom: 80px;
    }

    .is-inset-bottom-100-mobile {
        padding-bottom: 100px;
    }

    .is-inset-bottom-120-mobile {
        padding-bottom: 120px;
    }
}

.is-inset-left-none {
    padding-left: 0;
}

.is-inset-left-2 {
    padding-left: 2px;
}

.is-inset-left-4 {
    padding-left: 4px;
}

.is-inset-left-8 {
    padding-left: 8px;
}

.is-inset-left-12 {
    padding-left: 12px;
}

.is-inset-left-16 {
    padding-left: 16px;
}

.is-inset-left-20 {
    padding-left: 20px;
}

.is-inset-left-24 {
    padding-left: 24px;
}

.is-inset-left-28 {
    padding-left: 28px;
}

.is-inset-left-32 {
    padding-left: 32px;
}

.is-inset-left-36 {
    padding-left: 36px;
}

.is-inset-left-40 {
    padding-left: 40px;
}

.is-inset-left-44 {
    padding-left: 44px;
}

.is-inset-left-48 {
    padding-left: 48px;
}

.is-inset-left-52 {
    padding-left: 52px;
}

.is-inset-left-56 {
    padding-left: 56px;
}

.is-inset-left-60 {
    padding-left: 60px;
}

.is-inset-left-64 {
    padding-left: 64px;
}

.is-inset-left-80 {
    padding-left: 80px;
}

.is-inset-left-100 {
    padding-left: 100px;
}

.is-inset-left-120 {
    padding-left: 120px;
}

@media only screen and (max-width: 767px) {
    .is-inset-left-none-mobile {
        padding-left: 0;
    }

    .is-inset-left-2-mobile {
        padding-left: 2px;
    }

    .is-inset-left-4-mobile {
        padding-left: 4px;
    }

    .is-inset-left-8-mobile {
        padding-left: 8px;
    }

    .is-inset-left-12-mobile {
        padding-left: 12px;
    }

    .is-inset-left-16-mobile {
        padding-left: 16px;
    }

    .is-inset-left-20-mobile {
        padding-left: 20px;
    }

    .is-inset-left-24-mobile {
        padding-left: 24px;
    }

    .is-inset-left-28-mobile {
        padding-left: 28px;
    }

    .is-inset-left-32-mobile {
        padding-left: 32px;
    }

    .is-inset-left-36-mobile {
        padding-left: 36px;
    }

    .is-inset-left-40-mobile {
        padding-left: 40px;
    }

    .is-inset-left-44-mobile {
        padding-left: 44px;
    }

    .is-inset-left-48-mobile {
        padding-left: 48px;
    }

    .is-inset-left-52-mobile {
        padding-left: 52px;
    }

    .is-inset-left-56-mobile {
        padding-left: 56px;
    }

    .is-inset-left-60-mobile {
        padding-left: 60px;
    }

    .is-inset-left-64-mobile {
        padding-left: 64px;
    }

    .is-inset-left-80-mobile {
        padding-left: 80px;
    }

    .is-inset-left-100-mobile {
        padding-left: 100px;
    }

    .is-inset-left-120-mobile {
        padding-left: 120px;
    }
}

.is-inset-right-none {
    padding-right: 0;
}

.is-inset-right-2 {
    padding-right: 2px;
}

.is-inset-right-4 {
    padding-right: 4px;
}

.is-inset-right-8 {
    padding-right: 8px;
}

.is-inset-right-12 {
    padding-right: 12px;
}

.is-inset-right-16 {
    padding-right: 16px;
}

.is-inset-right-20 {
    padding-right: 20px;
}

.is-inset-right-24 {
    padding-right: 24px;
}

.is-inset-right-28 {
    padding-right: 28px;
}

.is-inset-right-32 {
    padding-right: 32px;
}

.is-inset-right-36 {
    padding-right: 36px;
}

.is-inset-right-40 {
    padding-right: 40px;
}

.is-inset-right-44 {
    padding-right: 44px;
}

.is-inset-right-48 {
    padding-right: 48px;
}

.is-inset-right-52 {
    padding-right: 52px;
}

.is-inset-right-56 {
    padding-right: 56px;
}

.is-inset-right-60 {
    padding-right: 60px;
}

.is-inset-right-64 {
    padding-right: 64px;
}

.is-inset-right-80 {
    padding-right: 80px;
}

.is-inset-right-100 {
    padding-right: 100px;
}

.is-inset-right-120 {
    padding-right: 120px;
}

@media only screen and (max-width: 767px) {
    .is-inset-right-none-mobile {
        padding-right: 0;
    }

    .is-inset-right-2-mobile {
        padding-right: 2px;
    }

    .is-inset-right-4-mobile {
        padding-right: 4px;
    }

    .is-inset-right-8-mobile {
        padding-right: 8px;
    }

    .is-inset-right-12-mobile {
        padding-right: 12px;
    }

    .is-inset-right-16-mobile {
        padding-right: 16px;
    }

    .is-inset-right-20-mobile {
        padding-right: 20px;
    }

    .is-inset-right-24-mobile {
        padding-right: 24px;
    }

    .is-inset-right-28-mobile {
        padding-right: 28px;
    }

    .is-inset-right-32-mobile {
        padding-right: 32px;
    }

    .is-inset-right-36-mobile {
        padding-right: 36px;
    }

    .is-inset-right-40-mobile {
        padding-right: 40px;
    }

    .is-inset-right-44-mobile {
        padding-right: 44px;
    }

    .is-inset-right-48-mobile {
        padding-right: 48px;
    }

    .is-inset-right-52-mobile {
        padding-right: 52px;
    }

    .is-inset-right-56-mobile {
        padding-right: 56px;
    }

    .is-inset-right-60-mobile {
        padding-right: 60px;
    }

    .is-inset-right-64-mobile {
        padding-right: 64px;
    }

    .is-inset-right-80-mobile {
        padding-right: 80px;
    }

    .is-inset-right-100-mobile {
        padding-right: 100px;
    }

    .is-inset-right-120-mobile {
        padding-right: 120px;
    }
}

.is-outset-none {
    margin: 0;
}

.is-outset-2 {
    margin: 2px;
}

.is-outset-4 {
    margin: 4px;
}

.is-outset-8 {
    margin: 8px;
}

.is-outset-12 {
    margin: 12px;
}

.is-outset-16 {
    margin: 16px;
}

.is-outset-20 {
    margin: 20px;
}

.is-outset-24 {
    margin: 24px;
}

.is-outset-28 {
    margin: 28px;
}

.is-outset-32 {
    margin: 32px;
}

.is-outset-36 {
    margin: 36px;
}

.is-outset-40 {
    margin: 40px;
}

.is-outset-44 {
    margin: 44px;
}

.is-outset-48 {
    margin: 48px;
}

.is-outset-52 {
    margin: 52px;
}

.is-outset-56 {
    margin: 56px;
}

.is-outset-60 {
    margin: 60px;
}

.is-outset-64 {
    margin: 64px;
}

.is-outset-80 {
    margin: 80px;
}

.is-outset-100 {
    margin: 100px;
}

.is-outset-120 {
    margin: 120px;
}

@media only screen and (max-width: 767px) {
    .is-outset-none-mobile {
        margin: 0;
    }

    .is-outset-2-mobile {
        margin: 2px;
    }

    .is-outset-4-mobile {
        margin: 4px;
    }

    .is-outset-8-mobile {
        margin: 8px;
    }

    .is-outset-12-mobile {
        margin: 12px;
    }

    .is-outset-16-mobile {
        margin: 16px;
    }

    .is-outset-20-mobile {
        margin: 20px;
    }

    .is-outset-24-mobile {
        margin: 24px;
    }

    .is-outset-28-mobile {
        margin: 28px;
    }

    .is-outset-32-mobile {
        margin: 32px;
    }

    .is-outset-36-mobile {
        margin: 36px;
    }

    .is-outset-40-mobile {
        margin: 40px;
    }

    .is-outset-44-mobile {
        margin: 44px;
    }

    .is-outset-48-mobile {
        margin: 48px;
    }

    .is-outset-52-mobile {
        margin: 52px;
    }

    .is-outset-56-mobile {
        margin: 56px;
    }

    .is-outset-60-mobile {
        margin: 60px;
    }

    .is-outset-64-mobile {
        margin: 64px;
    }

    .is-outset-80-mobile {
        margin: 80px;
    }

    .is-outset-100-mobile {
        margin: 100px;
    }

    .is-outset-120-mobile {
        margin: 120px;
    }
}

.is-outset-x-none {
    margin-left: 0;
    margin-right: 0;
}

.is-outset-x-2 {
    margin-left: 2px;
    margin-right: 2px;
}

.is-outset-x-4 {
    margin-left: 4px;
    margin-right: 4px;
}

.is-outset-x-8 {
    margin-left: 8px;
    margin-right: 8px;
}

.is-outset-x-12 {
    margin-left: 12px;
    margin-right: 12px;
}

.is-outset-x-16 {
    margin-left: 16px;
    margin-right: 16px;
}

.is-outset-x-20 {
    margin-left: 20px;
    margin-right: 20px;
}

.is-outset-x-24 {
    margin-left: 24px;
    margin-right: 24px;
}

.is-outset-x-28 {
    margin-left: 28px;
    margin-right: 28px;
}

.is-outset-x-32 {
    margin-left: 32px;
    margin-right: 32px;
}

.is-outset-x-36 {
    margin-left: 36px;
    margin-right: 36px;
}

.is-outset-x-40 {
    margin-left: 40px;
    margin-right: 40px;
}

.is-outset-x-44 {
    margin-left: 44px;
    margin-right: 44px;
}

.is-outset-x-48 {
    margin-left: 48px;
    margin-right: 48px;
}

.is-outset-x-52 {
    margin-left: 52px;
    margin-right: 52px;
}

.is-outset-x-56 {
    margin-left: 56px;
    margin-right: 56px;
}

.is-outset-x-60 {
    margin-left: 60px;
    margin-right: 60px;
}

.is-outset-x-64 {
    margin-left: 64px;
    margin-right: 64px;
}

.is-outset-x-80 {
    margin-left: 80px;
    margin-right: 80px;
}

.is-outset-x-100 {
    margin-left: 100px;
    margin-right: 100px;
}

.is-outset-x-120 {
    margin-left: 120px;
    margin-right: 120px;
}

@media only screen and (max-width: 767px) {
    .is-outset-x-none-mobile {
        margin-left: 0;
        margin-right: 0;
    }

    .is-outset-x-2-mobile {
        margin-left: 2px;
        margin-right: 2px;
    }

    .is-outset-x-4-mobile {
        margin-left: 4px;
        margin-right: 4px;
    }

    .is-outset-x-8-mobile {
        margin-left: 8px;
        margin-right: 8px;
    }

    .is-outset-x-12-mobile {
        margin-left: 12px;
        margin-right: 12px;
    }

    .is-outset-x-16-mobile {
        margin-left: 16px;
        margin-right: 16px;
    }

    .is-outset-x-20-mobile {
        margin-left: 20px;
        margin-right: 20px;
    }

    .is-outset-x-24-mobile {
        margin-left: 24px;
        margin-right: 24px;
    }

    .is-outset-x-28-mobile {
        margin-left: 28px;
        margin-right: 28px;
    }

    .is-outset-x-32-mobile {
        margin-left: 32px;
        margin-right: 32px;
    }

    .is-outset-x-36-mobile {
        margin-left: 36px;
        margin-right: 36px;
    }

    .is-outset-x-40-mobile {
        margin-left: 40px;
        margin-right: 40px;
    }

    .is-outset-x-44-mobile {
        margin-left: 44px;
        margin-right: 44px;
    }

    .is-outset-x-48-mobile {
        margin-left: 48px;
        margin-right: 48px;
    }

    .is-outset-x-52-mobile {
        margin-left: 52px;
        margin-right: 52px;
    }

    .is-outset-x-56-mobile {
        margin-left: 56px;
        margin-right: 56px;
    }

    .is-outset-x-60-mobile {
        margin-left: 60px;
        margin-right: 60px;
    }

    .is-outset-x-64-mobile {
        margin-left: 64px;
        margin-right: 64px;
    }

    .is-outset-x-80-mobile {
        margin-left: 80px;
        margin-right: 80px;
    }

    .is-outset-x-100-mobile {
        margin-left: 100px;
        margin-right: 100px;
    }

    .is-outset-x-120-mobile {
        margin-left: 120px;
        margin-right: 120px;
    }
}

.is-outset-y-none {
    margin-top: 0;
    margin-bottom: 0;
}

.is-outset-y-2 {
    margin-top: 2px;
    margin-bottom: 2px;
}

.is-outset-y-4 {
    margin-top: 4px;
    margin-bottom: 4px;
}

.is-outset-y-8 {
    margin-top: 8px;
    margin-bottom: 8px;
}

.is-outset-y-12 {
    margin-top: 12px;
    margin-bottom: 12px;
}

.is-outset-y-16 {
    margin-top: 16px;
    margin-bottom: 16px;
}

.is-outset-y-20 {
    margin-top: 20px;
    margin-bottom: 20px;
}

.is-outset-y-24 {
    margin-top: 24px;
    margin-bottom: 24px;
}

.is-outset-y-28 {
    margin-top: 28px;
    margin-bottom: 28px;
}

.is-outset-y-32 {
    margin-top: 32px;
    margin-bottom: 32px;
}

.is-outset-y-36 {
    margin-top: 36px;
    margin-bottom: 36px;
}

.is-outset-y-40 {
    margin-top: 40px;
    margin-bottom: 40px;
}

.is-outset-y-44 {
    margin-top: 44px;
    margin-bottom: 44px;
}

.is-outset-y-48 {
    margin-top: 48px;
    margin-bottom: 48px;
}

.is-outset-y-52 {
    margin-top: 52px;
    margin-bottom: 52px;
}

.is-outset-y-56 {
    margin-top: 56px;
    margin-bottom: 56px;
}

.is-outset-y-60 {
    margin-top: 60px;
    margin-bottom: 60px;
}

.is-outset-y-64 {
    margin-top: 64px;
    margin-bottom: 64px;
}

.is-outset-y-80 {
    margin-top: 80px;
    margin-bottom: 80px;
}

.is-outset-y-100 {
    margin-top: 100px;
    margin-bottom: 100px;
}

.is-outset-y-120 {
    margin-top: 120px;
    margin-bottom: 120px;
}

@media only screen and (max-width: 767px) {
    .is-outset-y-none-mobile {
        margin-top: 0;
        margin-bottom: 0;
    }

    .is-outset-y-2-mobile {
        margin-top: 2px;
        margin-bottom: 2px;
    }

    .is-outset-y-4-mobile {
        margin-top: 4px;
        margin-bottom: 4px;
    }

    .is-outset-y-8-mobile {
        margin-top: 8px;
        margin-bottom: 8px;
    }

    .is-outset-y-12-mobile {
        margin-top: 12px;
        margin-bottom: 12px;
    }

    .is-outset-y-16-mobile {
        margin-top: 16px;
        margin-bottom: 16px;
    }

    .is-outset-y-20-mobile {
        margin-top: 20px;
        margin-bottom: 20px;
    }

    .is-outset-y-24-mobile {
        margin-top: 24px;
        margin-bottom: 24px;
    }

    .is-outset-y-28-mobile {
        margin-top: 28px;
        margin-bottom: 28px;
    }

    .is-outset-y-32-mobile {
        margin-top: 32px;
        margin-bottom: 32px;
    }

    .is-outset-y-36-mobile {
        margin-top: 36px;
        margin-bottom: 36px;
    }

    .is-outset-y-40-mobile {
        margin-top: 40px;
        margin-bottom: 40px;
    }

    .is-outset-y-44-mobile {
        margin-top: 44px;
        margin-bottom: 44px;
    }

    .is-outset-y-48-mobile {
        margin-top: 48px;
        margin-bottom: 48px;
    }

    .is-outset-y-52-mobile {
        margin-top: 52px;
        margin-bottom: 52px;
    }

    .is-outset-y-56-mobile {
        margin-top: 56px;
        margin-bottom: 56px;
    }

    .is-outset-y-60-mobile {
        margin-top: 60px;
        margin-bottom: 60px;
    }

    .is-outset-y-64-mobile {
        margin-top: 64px;
        margin-bottom: 64px;
    }

    .is-outset-y-80-mobile {
        margin-top: 80px;
        margin-bottom: 80px;
    }

    .is-outset-y-100-mobile {
        margin-top: 100px;
        margin-bottom: 100px;
    }

    .is-outset-y-120-mobile {
        margin-top: 120px;
        margin-bottom: 120px;
    }
}

.is-stack-2, .is-col-stack-2 .is-col {
    margin-bottom: 2px;
}

.is-stack-4, .is-col-stack-4 .is-col {
    margin-bottom: 4px;
}

.is-stack-8, .is-col-stack-8 .is-col {
    margin-bottom: 8px;
}

.is-stack-12, .is-col-stack-12 .is-col {
    margin-bottom: 12px;
}

.is-stack-16, .is-col-stack-16 .is-col {
    margin-bottom: 16px;
}

.is-stack-20, .is-col-stack-20 .is-col {
    margin-bottom: 20px;
}

.is-stack-24, .is-col-stack-24 .is-col {
    margin-bottom: 24px;
}

.is-stack-28, .is-col-stack-28 .is-col {
    margin-bottom: 28px;
}

.is-stack-32, .is-col-stack-32 .is-col {
    margin-bottom: 32px;
}

.is-stack-36, .is-col-stack-36 .is-col {
    margin-bottom: 36px;
}

.is-stack-40, .is-col-stack-40 .is-col {
    margin-bottom: 40px;
}

.is-stack-44, .is-col-stack-44 .is-col {
    margin-bottom: 44px;
}

.is-stack-48, .is-col-stack-48 .is-col {
    margin-bottom: 48px;
}

.is-stack-52, .is-col-stack-52 .is-col {
    margin-bottom: 52px;
}

.is-stack-56, .is-col-stack-56 .is-col {
    margin-bottom: 56px;
}

.is-stack-60, .is-col-stack-60 .is-col {
    margin-bottom: 60px;
}

.is-stack-64, .is-col-stack-64 .is-col {
    margin-bottom: 64px;
}

.is-stack-80, .is-col-stack-80 .is-col {
    margin-bottom: 80px;
}

.is-stack-100, .is-col-stack-100 .is-col {
    margin-bottom: 100px;
}

.is-stack-120, .is-col-stack-120 .is-col {
    margin-bottom: 120px;
}

.is-stack-none, .is-col-stack-none .is-col {
    margin-bottom: 0;
}

@media only screen and (max-width: 767px) {
    .is-stack-none-mobile, .is-col-stack-none-mobile .is-col {
        margin-bottom: 0;
    }

    .is-stack-2-mobile, .is-col-stack-2-mobile .is-col {
        margin-bottom: 2px;
    }

    .is-stack-4-mobile, .is-col-stack-4-mobile .is-col {
        margin-bottom: 4px;
    }

    .is-stack-8-mobile, .is-col-stack-8-mobile .is-col {
        margin-bottom: 8px;
    }

    .is-stack-12-mobile, .is-col-stack-12-mobile .is-col {
        margin-bottom: 12px;
    }

    .is-stack-16-mobile, .is-col-stack-16-mobile .is-col {
        margin-bottom: 16px;
    }

    .is-stack-20-mobile, .is-col-stack-20-mobile .is-col {
        margin-bottom: 20px;
    }

    .is-stack-24-mobile, .is-col-stack-24-mobile .is-col {
        margin-bottom: 24px;
    }

    .is-stack-28-mobile, .is-col-stack-28-mobile .is-col {
        margin-bottom: 28px;
    }

    .is-stack-32-mobile, .is-col-stack-32-mobile .is-col {
        margin-bottom: 32px;
    }

    .is-stack-36-mobile, .is-col-stack-36-mobile .is-col {
        margin-bottom: 36px;
    }

    .is-stack-40-mobile, .is-col-stack-40-mobile .is-col {
        margin-bottom: 40px;
    }

    .is-stack-44-mobile, .is-col-stack-44-mobile .is-col {
        margin-bottom: 44px;
    }

    .is-stack-48-mobile, .is-col-stack-48-mobile .is-col {
        margin-bottom: 48px;
    }

    .is-stack-52-mobile, .is-col-stack-52-mobile .is-col {
        margin-bottom: 52px;
    }

    .is-stack-56-mobile, .is-col-stack-56-mobile .is-col {
        margin-bottom: 56px;
    }

    .is-stack-60-mobile, .is-col-stack-60-mobile .is-col {
        margin-bottom: 60px;
    }

    .is-stack-64-mobile, .is-col-stack-64-mobile .is-col {
        margin-bottom: 64px;
    }

    .is-stack-80-mobile, .is-col-stack-80-mobile .is-col {
        margin-bottom: 80px;
    }

    .is-stack-100-mobile, .is-col-stack-100-mobile .is-col {
        margin-bottom: 100px;
    }

    .is-stack-120-mobile, .is-col-stack-120-mobile .is-col {
        margin-bottom: 120px;
    }
}

.is-checkbox-list div {
}

.is-radio-list input[type="radio"], .is-radio-list input[type="checkbox"], .is-checkbox-list input[type="radio"], .is-checkbox-list input[type="checkbox"] {
    position: absolute;
    left: 0;
    top: 0;
    margin: 0;
    padding: 0;
    opacity: 0;
    height: 0;
    width: 0;
    pointer-events: none;
}

.is-radio-list input[type="radio"] + label, .is-radio-list input[type="checkbox"] + label, .is-checkbox-list input[type="radio"] + label, .is-checkbox-list input[type="checkbox"] + label {
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-align: start;
    align-items: flex-start;
}

.is-radio-list input[type="radio"] + label::before, .is-radio-list input[type="checkbox"] + label::before, .is-checkbox-list input[type="radio"] + label::before, .is-checkbox-list input[type="checkbox"] + label::before {
    content: '';
    display: inline-block;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 1.125em;
    height: 1.125em;
    background-color: #dfedfa;
    margin-right: 1em;
    background-repeat: no-repeat;
    background-position: center;
    position: relative;
    top: 0.15em;
    transition: -webkit-transform 0.2s;
    transition: transform 0.2s;
    transition: transform 0.2s, -webkit-transform 0.2s;
}

.is-radio-list input[type="checkbox"] + label::after, .is-checkbox-list input[type="checkbox"] + label::after {
    content: '';
}

.is-radio-list input[type="radio"] + label::before, .is-checkbox-list input[type="radio"] + label::before {
    border-radius: 50%;
}

.is-radio-list input[type="checkbox"] + label::before, .is-checkbox-list input[type="checkbox"] + label::before {
    border-radius: 3px;
}

.is-radio-list input[type="radio"]:checked + label::before, .is-radio-list input[type="checkbox"]:checked + label::before, .is-checkbox-list input[type="radio"]:checked + label::before, .is-checkbox-list input[type="checkbox"]:checked + label::before {
    background-color: #dfedfa;
    box-shadow: none;
    border-color: #dfedfa;
}

.is-radio-list .is-checkbox-list__red input[type="radio"] + label::before, .is-radio-list .is-checkbox-list__red input[type="checkbox"] + label::before, .is-checkbox-list .is-checkbox-list__red input[type="radio"] + label::before, .is-checkbox-list .is-checkbox-list__red input[type="checkbox"] + label::before, .is-radio-list .is-checkbox-list__red input[type="radio"]:checked + label::before, .is-radio-list .is-checkbox-list__red input[type="checkbox"]:checked + label::before, .is-checkbox-list .is-checkbox-list__red input[type="radio"]:checked + label::before, .is-checkbox-list .is-checkbox-list__red input[type="checkbox"]:checked + label::before {
    background-color: #f6e1ee;
    box-shadow: none;
    border-color: #f6e1ee;
}

.is-radio-list input[type="radio"]:active + label::before, .is-radio-list input[type="checkbox"]:active + label::before, .is-checkbox-list input[type="radio"]:active + label::before, .is-checkbox-list input[type="checkbox"]:active + label::before {
    -webkit-transform: scale(0.8);
    -ms-transform: scale(0.8);
    transform: scale(0.8);
}

.is-radio-list input[type="radio"]:checked:active + label::before, .is-radio-list input[type="checkbox"]:checked:active + label::before, .is-checkbox-list input[type="radio"]:checked:active + label::before, .is-checkbox-list input[type="checkbox"]:checked:active + label::before {
}

.is-radio-list input[type="checkbox"]:checked + label::after, .is-checkbox-list input[type="checkbox"]:checked + label::after {
    position: absolute;
    left: 3px;
    width: 1.125em;
    height: 1.125em;
    display: inline-block;
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cg stroke-width='3' fill='%230078d7' stroke='%230078d7'%3E%3Cpolyline fill='none' stroke='%230078d7' stroke-linecap='round' stroke-linejoin='round' stroke-miterlimit='10' points='1,9 5,13 15,3 ' data-cap='butt'%3E%3C/polyline%3E%3C/g%3E%3C/svg%3E");
    background-size: 16px;
    background-repeat: no-repeat;
}

.is-radio-list .is-checkbox-list__red input[type="checkbox"]:checked + label::after, .is-checkbox-list .is-checkbox-list__red input[type="checkbox"]:checked + label::after {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cg stroke-width='3' fill='%23e5053a' stroke='%23e5053a'%3E%3Cpolyline fill='none' stroke='%23e5053a' stroke-linecap='round' stroke-linejoin='round' stroke-miterlimit='10' points='1,9 5,13 15,3 ' data-cap='butt'%3E%3C/polyline%3E%3C/g%3E%3C/svg%3E");
}

.is-radio-list input[type="radio"]:checked:active + label::before, .is-radio-list input[type="checkbox"]:checked:active + label::before, .is-radio-list input[type="radio"]:focus + label::before, .is-radio-list input[type="checkbox"]:focus + label::before, .is-checkbox-list input[type="radio"]:checked:active + label::before, .is-checkbox-list input[type="checkbox"]:checked:active + label::before, .is-checkbox-list input[type="radio"]:focus + label::before, .is-checkbox-list input[type="checkbox"]:focus + label::before {
    box-shadow: none;
}

.is-radio-list input[type="radio"]:checked:active + label::before, .is-radio-list input[type="checkbox"]:checked:active + label::before, .is-radio-list input[type="radio"]:focus + label::before, .is-radio-list input[type="checkbox"]:focus + label::before, .is-checkbox-list input[type="radio"]:checked:active + label::before, .is-checkbox-list input[type="checkbox"]:checked:active + label::before, .is-checkbox-list input[type="radio"]:focus + label::before, .is-checkbox-list input[type="checkbox"]:focus + label::before:checked:active + label::before {
    box-shadow: none;
}

@media print {
    body {
        color: #000;
    }

    a, a:link, a:visited {
        color: #000;
        text-decoration: none;
    }
}
.img-responsive {
  display: block;
  height: auto;
  max-width: 100%;
}

/* End */


/* Start:/local/templates/orto/css/style.css?1738793211142931*/
.icon {
    display: inline-block;
    width: 1em;
    height: 1em;
    stroke-width: 0;
    stroke: currentColor;
    fill: currentColor;
}

.icon-plus {
    width: 2.813em;
    height: 2.813em;
}

.icon-odn {
    width: 0.7138671875em;
}

.icon-vk {
    width: 1.0927734375em;
}

.icon-arrow-right_s {
    width: 1em;
}

.icon-arrow-right {
    width: 1.2em;
    height: 1.2em;
}

.icon-arrow-left {
    width: 1.2em;
    height: 1.2em;
}

.icon-studio {
    width: 3.125em;
    height: 1.375em;
}

.icon-map {
    width: 0.6611328125em;
}

.icon-cart {
    width: 1.048828125em;
}

.icon-logo {
    width: 13.813em;
    height: 3.125em;
}

.icon-logo20 {
    width: 13.813em;
    height: 3.125em;
}

.icon-logosmall {
    width: 2.500em;
    height: 2.500em;
}

.button .icon-med, .icons-menu .icon {
    width: 1.2em;
    height: 1.2em;
    margin-top: 5px;
    margin-right: 10px;
}

.button .icon-13 {
    position: relative;
    top: 2px;
    width: 1.5em;
    height: 1.5em;
}

.block-start {
    background-image: url(/local/templates/orto/css/../img/bg_start_top.png);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}

.block-start .start-photo img {
    max-width: 70px;
    height: 70px;
}

.button-start {
    position: absolute;
    bottom: -10px;
    left: 50%;
    width: max-content;
    display: inline-block;
    background-color: rgba(255, 255, 255, 0.7);
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.block-start__big .button-start__big {
    position: relative;
    width: max-content;
    display: inline-block;
}

.block-start__big .is-color-black:hover .is-border {
    border-color: #fff;
}

.block-start__big .start-photo img {
    max-width: 100px;
    height: 100px;
}

.block-start__big .price-old {
    display: inline-block;
}

@media only screen and (max-width: 768px) {
    .block-start__big .button-start__big {
        width: auto;
    }
}

.block-start__big .price-old::before {
    content: '';
    position: absolute;
    top: 50%;
    left: -3px;
    right: 3px;
    height: 1px;
    width: 100%;
    background-color: #8c9194;
    -webkit-transform: rotate(-10deg);
    transform: rotate(-10deg);
}

.block-center {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    -ms-align-items: center;
    align-items: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
}

.header {
    position: absolute;
    z-index: 201;
}

.header .logo-hr {
    border-left: 1px solid #f0f3f5;
    height: 70px;
}

.header .logo-hr span, .header_phone span {
    display: block;
}

.header .menu li a {
    font-weight: 600;
}

.header.is-fixed .is-inset-20 {
    padding-top: 10px;
    padding-bottom: 10px;
}

.header.is-fixed .icon-logo, .header.is-fixed .icon-logo20 {
    width: 11.406em;
}

.header.is-fixed .icon-logo, .header.is-fixed .icon-logo20, .header.is-fixed .logo_city {
    height: 2.500em;
}

.page-new-ok .is-navbar li {
    margin-left: 12px;
}

@media only screen and (max-width: 1024px) {
    .is-navbar li {
        margin-left: 12px;
    }
}

@media only screen and (max-width: 768px) {
    .header_phone {
        display: none;
    }
}

@media only screen and (max-width: 767px) {
    .header .logo_small, .header .logo-hr, .header.is-fixed .logo-hr {
        width: auto;
        height: 2.223em;
    }

    .header .logo_city, .header.is-fixed .logo_city {
        height: 2.223em;
    }

    .header {
        border-bottom: 1px solid #dbe4eb;
    }

    .header.is-fixed {
        border: none;
    }
}

.hamburger {
    position: relative;
    display: inline-block;
    cursor: pointer;
    transition-property: opacity, filter;
    transition-duration: 0.15s;
    transition-timing-function: linear;
    font: inherit;
    color: inherit;
    text-transform: none;
    background-color: transparent;
    border: 0;
    margin: 0;
    line-height: 12px;
    overflow: visible;
}

.hamburger-box {
    width: 20px;
    height: 19px;
    display: inline-block;
    position: relative;
}

.hamburger-inner {
    display: block;
    top: 50%;
    margin-top: -4px;
}

.hamburger-inner, .hamburger-inner::before, .hamburger-inner::after {
    width: 20px;
    height: 2px;
    background-color: #1c1c1c;
    border-radius: 2px;
    position: absolute;
    transition-property: transform;
    transition-duration: 0.15s;
    transition-timing-function: ease;
}

.hamburger-inner::before, .hamburger-inner::after {
    content: "";
    display: block;
}

.hamburger-inner::before {
    top: -8px;
}

.hamburger-inner::after {
    bottom: -8px;
}

.hamburger--elastic .hamburger-inner {
    top: 6px;
    transition-duration: 0.3s;
    transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55);
}

.hamburger--elastic .hamburger-inner::before {
    top: 8px;
    transition: opacity 0.15s 0.3s ease;
}

.hamburger--elastic .hamburger-inner::after {
    top: 16px;
    transition: transform 0.3s cubic-bezier(0.68, -0.55, 0.265, 1.55);
}

.is-menu-active .hamburger--elastic .hamburger-inner {
    transform: translate3d(0, 10px, 0) rotate(135deg);
    transition-delay: 0.1s;
}

.is-menu-active .hamburger--elastic .hamburger-inner::before {
    transition-delay: 0s;
    opacity: 0;
}

.is-menu-active .hamburger--elastic .hamburger-inner::after {
    transform: translate3d(0, -16px, 0) rotate(-270deg);
    transition-delay: 0.1s;
}

.is-menu-active .hamburger-inner, .is-menu-active .hamburger-inner::before, .is-menu-active .hamburger-inner::after {
    background-color: #1c1c1c;
}

.menu .is-active, .menu-mobile .is-active {
    color: #0078d7;
}

@media only screen and (max-width: 767px) {
    .is-offcanvas {
        width: 100% !important;
    }
}

.page-overlay {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
    background-color: rgba(0, 15, 27, .55);
    width: 100%;
    height: 100%;
}

.hero-top_height {
    position: relative;
    min-height: 768px;
}

.hero-top_bg {
    min-height: 50vh;
    background: transparent;
}

.hero {
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 3;
}

.hero-top_bg__text, .mouse {
    z-index: 1;
}

.header-slider {
    /*position: absolute;
	top: 0;
	height: 600px;*/
    z-index: 0;
}

.header-slider__list.swiper-container {
    width: 100%;
    height: 100%;
}

.header-slider__list .swiper-slide {
    position: relative;
    width: 100%;
    min-height: 450px;
    overflow: hidden;
}

.header-slider__list .swiper-slide .slide {
    display: inline-block;
    background-repeat: no-repeat;
    background-position: center top;
    background-size: cover;
    width: 100%;
    height: 100%;
}

@media only screen and (max-width: 767px) {
    .page-title,
    .header-slider,
    .header-slider__list .swiper-slide {
        height: 700px;
    }

    .page-title .button {
        margin-top: 20px;
    }
}

@media only screen and (max-width: 767px) {
    .hero-top_bg__text {
        text-align: center;
    }

    .hero-top_height {
        position: relative;
        min-height: 520px;
    }

    .hero-top_bg__button .button {
        width: 100%;
    }
}

div.circle {
    width: 40px;
    height: 40px;
    overflow: hidden;
    padding-top: 10px;
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border: #fff 1px solid;
    display: inline-table;
}

.mouse {
    position: absolute;
    bottom: 40px;
    left: 50%;
    margin-left: -12px;
    width: 25px;
    height: 45px;
    border: 2px solid #fff;
    border-radius: 12px;
    -webkit-box-shadow: inset 1px 1px 5px 0px rgba(51, 51, 51, 0.1);
    -moz-box-shadow: inset 1px 1px 5px 0px rgba(51, 51, 51, 0.1);
    box-shadow: inset 1px 1px 5px 0px rgba(51, 51, 51, 0.1);
}

.rotate {
    -webkit-animation-name: rotate;
    animation-name: rotate
}

@-webkit-keyframes rotateplane {
    0% {
        -webkit-transform: translateY(-2px)
    }
    100% {
        -webkit-transform: translateY(7px)
    }
}

@keyframes rotateplane {
    0% {
        transform: translateY(-2px);
        -webkit-transform: translateY(-2px)
    }
    100% {
        transform: translateY(7px);
        -webkit-transform: translateY(7px)
    }
}

.mouse:after {
    content: "";
    position: absolute;
    height: 7px;
    width: 4px;
    background-color: #fff;
    border-radius: 100%;
    left: 50%;
    margin-left: -2px;
    top: 10px;
    -webkit-animation: rotateplane 1.2s infinite ease-in-out;
    animation: rotateplane 1.2s infinite ease-in-out;
}

@media (max-width: 767px) {
    .mouse {
        display: none;
    }
}

.close:before, .icon-kube-close:before {
    padding-left: 2px;
}

.block-form {
    position: relative;
    border: 4px solid #0078d7;
    z-index: 1;
}

.block_reply {
    background: #fff url('/local/templates/orto/css/../img/linzi.png') no-repeat;
    background-position: right -20% center;
}

.block-form__reply {
}

.block_reply #form-item__strelka::before {
    content: '';
    position: absolute;
    background: url('/local/templates/orto/css/../img/strelka.png') no-repeat;
    background-position: center;
    width: 469px;
    height: 151px;
    bottom: 5px;
    left: 400px;
}

@media (max-width: 960px) {
    #form-item__strelka::before {
        display: none;
    }
}

@media (max-width: 767px) {
    .block_reply {
        background-position: right -20% bottom;
    }
}

.block-form__reply.js-block__off {
    background-color: #fcf3f9;
}

.block-form__reply.js-block__on {
    background-color: #f0fbf4;
}

.block-lists {
  z-index: 1;
}

.block-lists .icon-ok, .block-lists .icon-ok_red {
    width: 32px;
    height: 32px;
}

.block-lists__min .icon-ok, .block-lists__min .icon-ok_red {
    width: 24px;
    height: 24px;
}

.block-lists .icon-pdf {
    width: 32px;
    height: 40px;
}

.number-icons {
    min-height: 194px;
}

.number-icon .is-text-blue {
    height: 30px;
}

.number-icon_big {
    font-family: "lato", Helvetica, Arial, sans-serif;
    font-weight: 800;
    font-size: 4em;
    line-height: 1.2;
}

.icons-list .icon {
    width: 70px;
    height: 70px;
}

@media only screen and (max-width: 767px) {
    .number-icon_big {
        font-size: 4.5em;
    }

    .icons-list .icon {
        width: 50px;
        height: 50px;
    }
}

.block-advantage_item {
    width: 60%;
}

@media only screen and (max-width: 1024px) {
    .block-advantage_item {
        width: 100%;
    }
}

.block-lists_num {
    position: relative;
    width: 50px;
    height: 50px;
}

.block-lists_num span {
    z-index: 1;
}

.block-lists_num .is-h4 {
    line-height: 50px;
}

.block-lists_num::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    background-color: #dfedfa;
    width: 50px;
    height: 50px;
    border-radius: 25px;
    z-index: 0;
}

@media only screen and (max-width: 1023px) {
    .block-opening {
        background-image: none;
    }
}

.block-icons, .block-slider__content {
    display: none;
}

.block-slider__arrows {
    display: none;
}

.slick-slider {
    box-sizing: border-box;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}

.slick-list, .slick-slider {
    position: relative;
    display: block;
}

.slick-list {
    overflow: hidden;
    margin: 0;
    padding: 0;
}

.slick-list:focus {
    outline: none;
}

.slick-list.dragging {
    cursor: pointer;
    cursor: hand;
}

.slick-slider .slick-list, .slick-slider .slick-track {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
}

.slick-track {
    position: relative;
    left: 0;
    top: 0;
    display: block;
}

.slick-track:after, .slick-track:before {
    content: "";
    display: table;
}

.slick-track:after {
    clear: both;
}

.slick-loading .slick-track {
    visibility: hidden;
}

.slick-slide {
    float: left;
    height: 100%;
    min-height: 1px;
    display: none;
}

[dir=rtl] .slick-slide {
    float: right;
}

.slick-slide img {
    display: inline-block;
}

.slick-slide.slick-loading img {
    display: none;
}

.slick-slide.dragging img {
    pointer-events: none;
}

.block-slider__content.slick-initialized, .slick-initialized .slick-slide, .b-slider__sale.slick-initialized, .b-slider__offer.slick-initialized {
    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;
}

.slick-prev, .slick-next {
    position: absolute;
    top: 50%;
    margin-top: -18px;
    width: 40px;
    height: 40px;
    min-height: 40px;
    line-height: 40px;
    display: inline-block;
    vertical-align: middle;
    padding: 0;
    color: transparent;
    outline: none;
    background: transparent;
    border: 0;
    z-index: 1;
}

.slick-prev:hover, .slick-prev:focus, .slick-next:hover, .slick-next:focus {
    color: transparent;
    outline: none;
    background: #0078d7;
    cursor: pointer;
}

.slick-prev:hover .icon, .slick-prev:focus .icon, .slick-next:hover .icon, .slick-next:focus .icon {
    color: #fff;
}

.slick-prev.slick-disabled .icon, .slick-next.slick-disabled .icon {
    opacity: .25;
}

.slick-prev .icon, .slick-next .icon {
    position: absolute;
    top: 50%;
    left: 50%;
    color: #8c9194;
    vertical-align: middle;
    z-index: 1;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

/*.slick-prev:after, .slick-next:after {
	content: "";
	position: absolute;
	top: -2px;
	left: -2px;
	width: 100%;
	height: 100%;
	border: 2px solid #e3e9ec;
	border-radius: 100px;
}
*/
.slick-prev {
    left: 1px;
}

[dir='rtl'] .slick-prev {
    right: 1px;
    left: auto;
}

.slick-next {
    right: -4px;
}

[dir='rtl'] .slick-next {
    right: auto;
    left: -4px;
}

.slick-dots {
    position: absolute;
    bottom: -20px;
    left: 50%;
    z-index: 5;
    margin: 0;
    padding: 0;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    list-style-type: none;
}

.slick-dots li {
    display: inline-block;
    margin-right: 8px;
}

.slick-dots li:last-child {
    margin-right: 0;
}

.slick-dots li button {
    display: block;
    background: transparent;
    font-size: 0;
    padding: 0;
    height: 14px;
    width: 14px;
    min-height: 14px;
    border: 2px solid #dbe4eb;
    border-radius: 50%;
    outline: none;
    transition: border .3s ease, color .3s ease, background .3s ease;
    -webkit-appearance: none;
}

.slick-dots li button:hover, .slick-dots li.slick-active button {
    background-color: #0078d7;
    border: 2px solid #0078d7;
}

.block-slider__arrows .slick-prev, .block-slider__arrows .slick-next {
    top: -55px;
    opacity: 1;
    width: 40px;
    height: 40px;
    border-radius: 0;
    border: 1px solid rgba(17, 17, 19, 0.07);
    box-shadow: none;
}

.block-slider__arrows .slick-prev {
    left: auto;
    right: 39px;
    border-radius: 4px 0 0 4px;
}

.block-slider__arrows .slick-next {
    right: 0;
    border-radius: 0 4px 4px 0;
}

.block-icons .block-icons__icon .icon {
    width: 6.250em;
    height: 6.250em;
}

@media only screen and (max-width: 767px) {
    .block-icons .block-icons__icon .icon {
        width: 4.375em;
        height: 4.375em;
    }
}

.block-icons__title {
    display: block;
    font-size: 5em;
    line-height: 1;
    font-weight: 800;
}

.lable-gift::after {
    content: '';
    position: absolute;
    top: 170px;
    right: 0;
    display: block;
    background: url(/local/templates/orto/css/../img/pechat.png) no-repeat center center;
    background-size: 100%;
    width: 122px;
    height: 80px;
    z-index: 0;
}

.lable-gift .is-container-row {
    z-index: 1;
}

@media only screen and (max-width: 767px) {
    .lable-gift::after {
        display: none;
    }
}

.block-image-container img {
    display: block;
}

.block-image-label {
    position: absolute;
    top: 0;
    right: 0;
    color: #ffffff;
    padding: 0.5em;
    background-color: rgba(28, 28, 28, 0.5);
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    opacity: 0;
    -webkit-transform: translateY(20px);
    -moz-transform: translateY(20px);
    -ms-transform: translateY(20px);
    -o-transform: translateY(20px);
    transform: translateY(20px);
    -webkit-transition: -webkit-transform 0.3s 0.7s, opacity 0.3s 0.7s;
    -moz-transition: -moz-transform 0.3s 0.7s, opacity 0.3s 0.7s;
    transition: transform 0.3s 0.7s, opacity 0.3s 0.7s;
}

.block-image-label.hidden {
    visibility: hidden;
}

.is-visible .block-image-label {
    opacity: 1;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
}

.block-resize-img {
    position: absolute;
    top: 0;
    left: 0;
    width: 0;
    height: 100%;
    overflow: hidden;
    -webkit-transform: translateZ(0);
    -moz-transform: translateZ(0);
    -ms-transform: translateZ(0);
    -o-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    border-right: 2px solid #fff;
}

.block-resize-img img {
    position: absolute;
    left: 0;
    top: 0;
    display: block;
    height: 100%;
    width: auto;
    max-width: none;
}

.block-resize-img .block-image-label {
    right: auto;
    left: 0;
    width: 220px;
}

@media only screen and (max-width: 767px) {
    .block-image-label {
        font-size: 12px;
    }

    .block-resize-img .block-image-label {
        width: auto;
    }
}

.is-visible .block-resize-img {
    width: 50%;
    -webkit-animation: block-bounce-in 0.7s;
    -moz-animation: block-bounce-in 0.7s;
    animation: block-bounce-in 0.7s;
}

@-webkit-keyframes block-bounce-in {
    0% {
        width: 0;
    }

    60% {
        width: 55%;
    }

    100% {
        width: 50%;
    }
}

@-moz-keyframes block-bounce-in {
    0% {
        width: 0;
    }

    60% {
        width: 55%;
    }

    100% {
        width: 50%;
    }
}

@keyframes block-bounce-in {
    0% {
        width: 0;
    }

    60% {
        width: 55%;
    }

    100% {
        width: 50%;
    }
}

.block-handle {
    position: absolute;
    height: 44px;
    width: 44px;
    left: 50%;
    top: 50%;
    margin-left: -22px;
    margin-top: -22px;
    border-radius: 50%;
    background: url("/local/templates/orto/css/../img/block-arrows.svg") no-repeat center center;
    cursor: move;
    opacity: 0;
    -webkit-transform: translate3d(0, 0, 0) scale(0);
    -moz-transform: translate3d(0, 0, 0) scale(0);
    -ms-transform: translate3d(0, 0, 0) scale(0);
    -o-transform: translate3d(0, 0, 0) scale(0);
    transform: translate3d(0, 0, 0) scale(0);
}

.block-handle::after {
    content: '';
    margin-left: 17px;
    display: block;
    width: 8px;
    height: 44px;
    background-color: #fff;
    border-radius: 4px;
}

.block-handle.draggablephoto::after {
    background-color: #eef5fa;
}

.dargphoto-title {
    width: 50% !important;
    min-width: 50%;
}

.is-visible .block-handle {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0) scale(1);
    -moz-transform: translate3d(0, 0, 0) scale(1);
    -ms-transform: translate3d(0, 0, 0) scale(1);
    -o-transform: translate3d(0, 0, 0) scale(1);
    transform: translate3d(0, 0, 0) scale(1);
    -webkit-transition: -webkit-transform 0.3s 0.7s, opacity 0s 0.7s;
    -moz-transition: -moz-transform 0.3s 0.7s, opacity 0s 0.7s;
    transition: transform 0.3s 0.7s, opacity 0s 0.7s;
}

.product {
    border-radius: 5px;
}

.product_image {
    height: 170px;
    line-height: 170px;
}

.product_image img {
    display: inline-block;
    vertical-align: middle;
}

@media only screen and (max-width: 767px) {
    .dargphoto-title {
        font-size: 15px;
    }

    .product_image img {
        height: 100%;
    }

    .block-handle {
        top: 85%;
    }
}

.product_title {
    height: 70px;
}

.rub {
    font-family: 'ALSRubl-Tahoma', Tahoma, sans-serif;
    line-height: normal;
    display: inline-block;
}

.price-promo {
    display: inline-block;
    margin-right: 12px;
}

.stars_container {
    position: relative;
    width: 100px;
    height: 30px;
    background: #dadada;
    background-size: 100% 100%;
}

.stars_container .stars_container__bg {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 101;
    background: url(/local/templates/orto/css/../img/stars.png) no-repeat center;
}

.stars_container__progress {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    background: #ffc651;
}

.accordion__item.accordion__item--is-open {
    background-color: #fff;
    box-shadow: 0 6px 24px rgba(6, 67, 117, 0.12);
}

.accordion__item:first-child {
}

.accordion__header {
    background-color: transparent;
    border: 0;
    border-radius: 0;
    color: inherit;
    line-height: inherit;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    width: 100%;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: justify;
    justify-content: space-between;
    color: #1c1c1c;
}

.accordion__header:hover, .accordion__item--is-open .accordion__header {
    color: #0078d7;
}

.accordion__header-title {
    font-size: 21px;
    font-weight: 700;
    text-align: left;
}

.accordion__header-icon, .footer_toggle-icon {
    float: right;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    margin-left: .75em;
    display: none;
}

.accordion__header-icon i, .footer_toggle-icon i {
    position: relative;
    width: 1em;
    height: 1em;
    display: block;
    will-change: transform;
}

.accordion__header-icon i::before, .accordion__header-icon i::after, .footer_toggle-icon i::before, .footer_toggle-icon i::after {
    content: '';
    position: absolute;
    width: 2px;
    height: 80%;
    background: currentColor;
    top: 0;
    -webkit-transform-origin: 50% 100%;
    -ms-transform-origin: 50% 100%;
    transform-origin: 50% 100%;
    will-change: transform;
    transition: -webkit-transform .1s;
    transition: transform .1s;
    transition: transform .1s, -webkit-transform .1s;
}

.accordion__header-icon i::before, .footer_toggle-icon i::before {
    left: 50%;
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

.accordion__header-icon i::after, .footer_toggle-icon i::after {
    left: calc(50% - 1px);
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

.accordion__item--is-open > .accordion__header > .accordion__header-icon i::before {
    -webkit-transform: translateY(-80%) rotate(-135deg);
    -ms-transform: translateY(-80%) rotate(-135deg);
    transform: translateY(-80%) rotate(-135deg);
}

.accordion__item--is-open > .accordion__header > .accordion__header-icon i::after {
    -webkit-transform: translateY(-80%) rotate(135deg);
    -ms-transform: translateY(-80%) rotate(135deg);
    transform: translateY(-80%) rotate(135deg);
}

.accordion__header-icon .icon {
    width: 1em;
    height: 1em;
    color: inherit;
}

.accordion__panel-content {
}

.accordion__header-icon, .footer_toggle-icon {
    display: block;
}

.accordion__panel {
    display: none;
    overflow: hidden;
    will-change: height;
    -webkit-transform: translateZ(0px);
    transform: translateZ(0px);
}

.accordion__item--is-open > .accordion__panel {
    display: block;
}

.block-bg-form {
    background-image: url(/local/templates/orto/css/../img/bg_form.png);
    background-position: center center;
    background-repeat: no-repeat;
}

.block-price {
    z-index: 3;
}

.block-bg-price {
    background-image: url(/local/templates/orto/css/../img/price_bg.jpg);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}

.tabs-cust .link {
    -webkit-appearance: none;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    vertical-align: middle;
    text-align: center;
    font-family: inherit;
    font-size: 0.9375em;
    font-weight: 600;
    text-decoration: none;
    text-transform: none;
    color: #1c1c1c;
    background: #eef5fa;
    border-radius: 0;
    border: 1px solid rgba(17, 17, 19, 0.07);
    min-height: 2.66667em;
    padding: 0.5em 1.6em;
    box-shadow: none;
    cursor: pointer;
    line-height: 1.2;
}

.is-bg-light .tabs-cust .link {
    background: #fff;
}

.tabs-cust .link:hover {
    -moz-transition: all linear 0.2s;
    transition: all linear 0.2s;
    outline: none;
    color: #8c9194;
    text-decoration: none;
    background-color: #eef5fa;
}

.tabs-cust .link.is-active {
    background: #0078d7;
    color: rgba(255, 255, 255, 0.95);
    border: 1px solid #0078d7;
}

.tabs-cust .link.is-active:hover {
    background: #0370c7;
    border: 1px solid #0370c7;
}

.tabs-cust .link:first-child {
    border-radius: 4px 0 0 4px;
}

.tabs-cust .link:last-child {
    border-radius: 0 4px 4px 0;
}

.block-salon_item {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
    -webkit-transition: box-shadow .5s ease, -webkit-transform .5s ease;
    transition: transform .5s ease, box-shadow .5s ease;
    transition: transform .5s ease, box-shadow .5s ease, -webkit-transform .5s ease;
    will-change: transform, box-shadow;
    height: 100%;
}

.block-salon_item:hover, .block-pack_item:hover {
    -webkit-transform: translate(0, -5px);
    transform: translate(0, -5px);
    box-shadow: 0 10px 16px 0 rgba(17, 17, 19, .1);
}

.salon-icons {
    width: 16px;
    height: 16px;
    line-height: 16px;
}

.salon-icons .icon {
    margin-top: 2px;
}

.block-docs .slick-dots {
    bottom: 0;
}

.block-docs_item {
    min-height: 100px;
}

.block-footer a {
    text-decoration: none;
}

.footer__link_button a {
    margin-left: 8px;
}

.footer_phone span {
    display: block;
}

.footer_toggle {
    display: none;
}

.block-footer .is-border-top, .block-footer .is-border-bottom {
    border-color: rgba(17, 17, 19, .1);
}

@media only screen and (max-width: 767px) {
    .block-footer .footer_corp.is-border-top {
        border: 0;
    }

    .footer__link_button a {
        margin-left: 0;
        width: 100%;
    }

    .contact-main a.button {
        width: 100%;
    }

    .footer_toggle {
        display: block;
        border-bottom: 1px solid rgba(17, 17, 19, .1);
        color: #dbe4eb;
    }

    .footer_toggle .footer_toggle-icon {
        margin-top: 8px;
        margin-right: 8px;
    }

    .footer_toggle .footer_toggle-icon i {
        width: 0.5em;
        height: 0.5em;
    }

    .footer_menu__mob {
        border-top: 1px solid rgba(17, 17, 19, .1);
        border-bottom: 1px solid rgba(17, 17, 19, .1);
    }

    .footer_menu__mob-link {
        font-size: 1.125em;
        line-height: 1.45;
    }
}

.block-footer .icon-lak {
    position: relative;
    top: 8px;
    margin-left: 5px;
}

#tooltip {
    text-align: center;
    color: #fff;
    background: #1c1c1c;
    position: absolute;
    z-index: 10000;
    padding: 10px;
    max-width: 300px;
    border-radius: 5px;
    -webkit-animation: tooltip-anim 0.8s;
    -moz-animation: tooltip-anim 0.8s;
    -o-animation: tooltip-anim 0.8s;
    animation: tooltip-anim 0.8s;
}

#tooltip:after {
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-top: 10px solid #1c1c1c;
    content: '';
    position: absolute;
    left: 50%;
    bottom: -9px;
    margin-left: -9px;
}

#tooltip.top:after {
    border-top-color: transparent;
    border-bottom: 10px solid #1c1c1c;
    top: -18px;
    bottom: auto;
}

#tooltip.left:after {
    left: 10px;
    margin: 0;
}

#tooltip.right:after {
    right: 10px;
    left: auto;
    margin: 0;
}

@keyframes tooltip-anim {
    0% {
        opacity: 0;
        transform: matrix(0.5, 0, 0, 0.8, 0, 0);
    }

    20% {
        transform: matrix(1.1, 0, 0, 1.1, 0, 0);
    }

    40% {
        opacity: 1;
    }

    70% {
        transform: matrix(1, 0, 0, 1, 0, 0);
    }

    100% {
        transform: matrix(1, 0, 0, 1, 0, 0);
    }
}

@-webkit-keyframes tooltip-anim {
    0% {
        opacity: 0;
        transform: matrix(0.5, 0, 0, 0.8, 0, 0);
    }

    20% {
        transform: matrix(1.1, 0, 0, 1.1, 0, 0);
    }

    40% {
        opacity: 1;
    }

    70% {
        transform: matrix(1, 0, 0, 1, 0, 0);
    }

    100% {
        transform: matrix(1, 0, 0, 1, 0, 0);
    }
}

.saloni {
    height: 450px;
    overflow-y: scroll;
}

.saloni::-webkit-scrollbar {
    width: 4px;
}

.saloni::-webkit-scrollbar-thumb {
    -webkit-border-radius: 0px;
    border-radius: 0px;
    background-color: #0078d7;
}

.badge {
    position: absolute;
    top: 0;
    right: 20px;
    display: inline-block;
    border-radius: 25px;
    background-color: #e5053a;
    color: #fff;
    width: 50px;
    height: 50px;
    line-height: 50px;;
}

.badge-srok {
    position: absolute;
    top: 19px;
    left: -6px;
    display: inline-block;
    border-top-left-radius: 2px;
    border-top-right-radius: 2px;
    border-bottom-right-radius: 2px;
    background-color: #097dd8;
    font-size: 14px;
    color: #fff;
    text-transform: uppercase;
    width: auto;
    height: 32px;
    line-height: 32px;
    padding: 0 15px;
}

.badge-srok::after {
    content: '';
    position: absolute;
    height: 0;
    width: 0;
    bottom: -6px;
    left: 0;
    border-top: 6px solid #097dd8;
    border-left: 6px solid transparent;
}

.badge-rek {
    position: absolute;
    top: 61px;
    left: -6px;
    display: inline-block;
    border-top-left-radius: 2px;
    border-top-right-radius: 2px;
    border-bottom-right-radius: 2px;
    background-color: #e5053a;
    font-size: 14px;
    color: #fff;
    text-transform: uppercase;
    width: auto;
    height: 32px;
    line-height: 32px;
    padding: 0 15px;
}

.badge-rek::after {
    content: '';
    position: absolute;
    height: 0;
    width: 0;
    bottom: -6px;
    left: 0;
    border-top: 6px solid #b5012c;
    border-left: 6px solid transparent;
}

.block-doc-video {
    margin-left: -12px;
    margin-right: -12px;
}

.video-play-icon {
    position: absolute;
    height: 50px;
    width: 50px;
    border-radius: 25px;
    left: 50%;
    top: 50%;
    margin-left: -25px;
    margin-top: -25px;
    background: #ee0e3d;
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.5);
    cursor: pointer;
    z-index: 203;
    -webkit-backface-visibility: hidden;
    transition: -webkit-transform 100ms ease;
    transition: transform 100ms ease;
}

.video-play-icon::before {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    right: auto;
    margin: -9px 0 0 5px;
    display: block;
    height: 0;
    width: 0;
    border: 9px solid transparent;
    border-left-color: rgba(255, 255, 255, 0.95);
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
}

.video-play-icon:hover {
    -webkit-transform: scale(1.1, 1.1);
    -ms-transform: scale(1.1, 1.1);
    transform: scale(1.1, 1.1);
}

.v-overlay {
    position: absolute;
}

.video-title {
    position: absolute;
    top: 5%;
    left: 5%;
    right: 5%;
    color: #fff;
    z-index: 203;
}

.block-reviews .slick-list {
    overflow: hidden;
}

.block-reviews .slick-prev, .block-reviews .slick-next {
    top: -55px;
    opacity: 1;
    width: 40px;
    height: 40px;
    border-radius: 0;
    border: 1px solid rgba(17, 17, 19, 0.07);
    box-shadow: none;
}

.block-reviews .slick-prev {
    left: auto;
    right: 39px;
    border-radius: 4px 0 0 4px;
}

.block-reviews .slick-next {
    right: 0;
    border-radius: 0 4px 4px 0;
}

.block-reviews .slick-slide:hover img {
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
    box-shadow: none;
}

.block-reviews_photo {
    width: 180px;
    height: 180px;
    border-radius: 90px;
}

.block-reviews_photo img {
    width: auto;
    max-width: none;
    height: 100%;
}

/**
 * Swiper 4.5.0
 * Most modern mobile touch slider and framework with hardware accelerated transitions
 * http://www.idangero.us/swiper/
 *
 * Copyright 2014-2019 Vladimir Kharlampidi
 *
 * Released under the MIT License
 *
 * Released on: February 22, 2019
 */
.swiper-container {
    margin: 0 auto;
    position: relative;
    overflow: hidden;
    list-style: none;
    padding: 0;
    z-index: 1
}

.swiper-container-no-flexbox .swiper-slide {
    float: left
}

.swiper-container-vertical > .swiper-wrapper {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column
}

.swiper-wrapper {
    position: relative;
    width: 100%;
    height: 100%;
    z-index: 1;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-transition-property: -webkit-transform;
    transition-property: -webkit-transform;
    -o-transition-property: transform;
    transition-property: transform;
    transition-property: transform, -webkit-transform;
    -webkit-box-sizing: content-box;
    box-sizing: content-box
}

.swiper-container-android .swiper-slide, .swiper-wrapper {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.swiper-container-multirow > .swiper-wrapper {
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.swiper-container-free-mode > .swiper-wrapper {
    -webkit-transition-timing-function: ease-out;
    -o-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
    margin: 0 auto
}

.swiper-slide {
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 100%;
    height: 100%;
    position: relative;
    -webkit-transition-property: -webkit-transform;
    transition-property: -webkit-transform;
    -o-transition-property: transform;
    transition-property: transform;
    transition-property: transform, -webkit-transform
}

.swiper-slide-invisible-blank {
    visibility: hidden
}

.swiper-container-autoheight, .swiper-container-autoheight .swiper-slide {
    height: auto
}

.swiper-container-autoheight .swiper-wrapper {
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-transition-property: height, -webkit-transform;
    transition-property: height, -webkit-transform;
    -o-transition-property: transform, height;
    transition-property: transform, height;
    transition-property: transform, height, -webkit-transform
}

.swiper-container-3d {
    -webkit-perspective: 1200px;
    perspective: 1200px
}

.swiper-container-3d .swiper-cube-shadow, .swiper-container-3d .swiper-slide, .swiper-container-3d .swiper-slide-shadow-bottom, .swiper-container-3d .swiper-slide-shadow-left, .swiper-container-3d .swiper-slide-shadow-right, .swiper-container-3d .swiper-slide-shadow-top, .swiper-container-3d .swiper-wrapper {
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d
}

.swiper-container-3d .swiper-slide-shadow-bottom, .swiper-container-3d .swiper-slide-shadow-left, .swiper-container-3d .swiper-slide-shadow-right, .swiper-container-3d .swiper-slide-shadow-top {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    z-index: 10
}

.swiper-container-3d .swiper-slide-shadow-left {
    background-image: -webkit-gradient(linear, right top, left top, from(rgba(0, 0, 0, .5)), to(rgba(0, 0, 0, 0)));
    background-image: -webkit-linear-gradient(right, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));
    background-image: -o-linear-gradient(right, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));
    background-image: linear-gradient(to left, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0))
}

.swiper-container-3d .swiper-slide-shadow-right {
    background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, .5)), to(rgba(0, 0, 0, 0)));
    background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));
    background-image: -o-linear-gradient(left, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));
    background-image: linear-gradient(to right, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0))
}

.swiper-container-3d .swiper-slide-shadow-top {
    background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, .5)), to(rgba(0, 0, 0, 0)));
    background-image: -webkit-linear-gradient(bottom, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));
    background-image: -o-linear-gradient(bottom, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));
    background-image: linear-gradient(to top, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0))
}

.swiper-container-3d .swiper-slide-shadow-bottom {
    background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, .5)), to(rgba(0, 0, 0, 0)));
    background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));
    background-image: -o-linear-gradient(top, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));
    background-image: linear-gradient(to bottom, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0))
}

.swiper-container-wp8-horizontal, .swiper-container-wp8-horizontal > .swiper-wrapper {
    -ms-touch-action: pan-y;
    touch-action: pan-y
}

.swiper-container-wp8-vertical, .swiper-container-wp8-vertical > .swiper-wrapper {
    -ms-touch-action: pan-x;
    touch-action: pan-x
}

.swiper-button-next, .swiper-button-prev {
    position: absolute;
    top: 50%;
    width: 27px;
    height: 44px;
    margin-top: -22px;
    z-index: 10;
    cursor: pointer;
    background-size: 27px 44px;
    background-position: center;
    background-repeat: no-repeat
}

.swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled {
    opacity: .35;
    cursor: auto;
    pointer-events: none
}

.swiper-button-prev, .swiper-container-rtl .swiper-button-next {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");
    left: 10px;
    right: auto
}

.swiper-button-next, .swiper-container-rtl .swiper-button-prev {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");
    right: 10px;
    left: auto
}

.swiper-button-prev.swiper-button-white, .swiper-container-rtl .swiper-button-next.swiper-button-white {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E")
}

.swiper-button-next.swiper-button-white, .swiper-container-rtl .swiper-button-prev.swiper-button-white {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E")
}

.swiper-button-prev.swiper-button-black, .swiper-container-rtl .swiper-button-next.swiper-button-black {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E")
}

.swiper-button-next.swiper-button-black, .swiper-container-rtl .swiper-button-prev.swiper-button-black {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E")
}

.swiper-button-lock {
    display: none
}

.swiper-pagination {
    position: absolute;
    text-align: center;
    -webkit-transition: .3s opacity;
    -o-transition: .3s opacity;
    transition: .3s opacity;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    z-index: 10
}

.swiper-pagination.swiper-pagination-hidden {
    opacity: 0
}

.swiper-container-horizontal > .swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction {
    bottom: 10px;
    left: 0;
    width: 100%
}

.swiper-pagination-bullets-dynamic {
    overflow: hidden;
    font-size: 0
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    -webkit-transform: scale(.33);
    -ms-transform: scale(.33);
    transform: scale(.33);
    position: relative
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
    -webkit-transform: scale(.66);
    -ms-transform: scale(.66);
    transform: scale(.66)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
    -webkit-transform: scale(.33);
    -ms-transform: scale(.33);
    transform: scale(.33)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
    -webkit-transform: scale(.66);
    -ms-transform: scale(.66);
    transform: scale(.66)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
    -webkit-transform: scale(.33);
    -ms-transform: scale(.33);
    transform: scale(.33)
}

.swiper-pagination-bullet {
    width: 8px;
    height: 8px;
    display: inline-block;
    border-radius: 100%;
    background: #000;
    opacity: .2
}

button.swiper-pagination-bullet {
    border: none;
    margin: 0;
    padding: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

.swiper-pagination-clickable .swiper-pagination-bullet {
    cursor: pointer
}

.swiper-pagination-bullet-active {
    opacity: 1;
    background: #007aff
}

.swiper-container-vertical > .swiper-pagination-bullets {
    right: 10px;
    top: 50%;
    -webkit-transform: translate3d(0, -50%, 0);
    transform: translate3d(0, -50%, 0)
}

.swiper-container-vertical > .swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 6px 0;
    display: block
}

.swiper-container-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 8px
}

.swiper-container-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    display: inline-block;
    -webkit-transition: .2s top, .2s -webkit-transform;
    transition: .2s top, .2s -webkit-transform;
    -o-transition: .2s transform, .2s top;
    transition: .2s transform, .2s top;
    transition: .2s transform, .2s top, .2s -webkit-transform
}

.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 0 4px
}

.swiper-container-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    white-space: nowrap
}

.swiper-container-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    -webkit-transition: .2s left, .2s -webkit-transform;
    transition: .2s left, .2s -webkit-transform;
    -o-transition: .2s transform, .2s left;
    transition: .2s transform, .2s left;
    transition: .2s transform, .2s left, .2s -webkit-transform
}

.swiper-container-horizontal.swiper-container-rtl > .swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    -webkit-transition: .2s right, .2s -webkit-transform;
    transition: .2s right, .2s -webkit-transform;
    -o-transition: .2s transform, .2s right;
    transition: .2s transform, .2s right;
    transition: .2s transform, .2s right, .2s -webkit-transform
}

.swiper-pagination-progressbar {
    background: rgba(0, 0, 0, .25);
    position: absolute
}

.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    background: #007aff;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
    -webkit-transform-origin: left top;
    -ms-transform-origin: left top;
    transform-origin: left top
}

.swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    -webkit-transform-origin: right top;
    -ms-transform-origin: right top;
    transform-origin: right top
}

.swiper-container-horizontal > .swiper-pagination-progressbar, .swiper-container-vertical > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
    width: 100%;
    height: 4px;
    left: 0;
    top: 0
}

.swiper-container-horizontal > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite, .swiper-container-vertical > .swiper-pagination-progressbar {
    width: 4px;
    height: 100%;
    left: 0;
    top: 0
}

.swiper-pagination-white .swiper-pagination-bullet-active {
    background: #fff
}

.swiper-pagination-progressbar.swiper-pagination-white {
    background: rgba(255, 255, 255, .25)
}

.swiper-pagination-progressbar.swiper-pagination-white .swiper-pagination-progressbar-fill {
    background: #fff
}

.swiper-pagination-black .swiper-pagination-bullet-active {
    background: #000
}

.swiper-pagination-progressbar.swiper-pagination-black {
    background: rgba(0, 0, 0, .25)
}

.swiper-pagination-progressbar.swiper-pagination-black .swiper-pagination-progressbar-fill {
    background: #000
}

.swiper-pagination-lock {
    display: none
}

.swiper-scrollbar {
    border-radius: 10px;
    position: relative;
    -ms-touch-action: none;
    background: rgba(0, 0, 0, .1)
}

.swiper-container-horizontal > .swiper-scrollbar {
    position: absolute;
    left: 1%;
    bottom: 3px;
    z-index: 50;
    height: 5px;
    width: 98%
}

.swiper-container-vertical > .swiper-scrollbar {
    position: absolute;
    right: 3px;
    top: 1%;
    z-index: 50;
    width: 5px;
    height: 98%
}

.swiper-scrollbar-drag {
    height: 100%;
    width: 100%;
    position: relative;
    background: rgba(0, 0, 0, .5);
    border-radius: 10px;
    left: 0;
    top: 0
}

.swiper-scrollbar-cursor-drag {
    cursor: move
}

.swiper-scrollbar-lock {
    display: none
}

.swiper-zoom-container {
    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: center
}

.swiper-zoom-container > canvas, .swiper-zoom-container > img, .swiper-zoom-container > svg {
    max-width: 100%;
    max-height: 100%;
    -o-object-fit: contain;
    object-fit: contain
}

.swiper-slide-zoomed {
    cursor: move
}

.swiper-lazy-preloader {
    width: 42px;
    height: 42px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -21px;
    margin-top: -21px;
    z-index: 10;
    -webkit-transform-origin: 50%;
    -ms-transform-origin: 50%;
    transform-origin: 50%;
    -webkit-animation: swiper-preloader-spin 1s steps(12, end) infinite;
    animation: swiper-preloader-spin 1s steps(12, end) infinite
}

.swiper-lazy-preloader:after {
    display: block;
    content: '';
    width: 100%;
    height: 100%;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%236c6c6c'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
    background-position: 50%;
    background-size: 100%;
    background-repeat: no-repeat
}

.swiper-lazy-preloader-white:after {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%23fff'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E")
}

@-webkit-keyframes swiper-preloader-spin {
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@keyframes swiper-preloader-spin {
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

.swiper-container .swiper-notification {
    position: absolute;
    left: 0;
    top: 0;
    pointer-events: none;
    opacity: 0;
    z-index: -1000
}

.swiper-container-fade.swiper-container-free-mode .swiper-slide {
    -webkit-transition-timing-function: ease-out;
    -o-transition-timing-function: ease-out;
    transition-timing-function: ease-out
}

.swiper-container-fade .swiper-slide {
    pointer-events: none;
    -webkit-transition-property: opacity;
    -o-transition-property: opacity;
    transition-property: opacity
}

.swiper-container-fade .swiper-slide .swiper-slide {
    pointer-events: none
}

.swiper-container-fade .swiper-slide-active, .swiper-container-fade .swiper-slide-active .swiper-slide-active {
    pointer-events: auto
}

.swiper-container-cube {
    overflow: visible
}

.swiper-container-cube .swiper-slide {
    pointer-events: none;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    z-index: 1;
    visibility: hidden;
    -webkit-transform-origin: 0 0;
    -ms-transform-origin: 0 0;
    transform-origin: 0 0;
    width: 100%;
    height: 100%
}

.swiper-container-cube .swiper-slide .swiper-slide {
    pointer-events: none
}

.swiper-container-cube.swiper-container-rtl .swiper-slide {
    -webkit-transform-origin: 100% 0;
    -ms-transform-origin: 100% 0;
    transform-origin: 100% 0
}

.swiper-container-cube .swiper-slide-active, .swiper-container-cube .swiper-slide-active .swiper-slide-active {
    pointer-events: auto
}

.swiper-container-cube .swiper-slide-active, .swiper-container-cube .swiper-slide-next, .swiper-container-cube .swiper-slide-next + .swiper-slide, .swiper-container-cube .swiper-slide-prev {
    pointer-events: auto;
    visibility: visible
}

.swiper-container-cube .swiper-slide-shadow-bottom, .swiper-container-cube .swiper-slide-shadow-left, .swiper-container-cube .swiper-slide-shadow-right, .swiper-container-cube .swiper-slide-shadow-top {
    z-index: 0;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.swiper-container-cube .swiper-cube-shadow {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    background: #000;
    opacity: .6;
    -webkit-filter: blur(50px);
    filter: blur(50px);
    z-index: 0
}

.swiper-container-flip {
    overflow: visible
}

.swiper-container-flip .swiper-slide {
    pointer-events: none;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    z-index: 1
}

.swiper-container-flip .swiper-slide .swiper-slide {
    pointer-events: none
}

.swiper-container-flip .swiper-slide-active, .swiper-container-flip .swiper-slide-active .swiper-slide-active {
    pointer-events: auto
}

.swiper-container-flip .swiper-slide-shadow-bottom, .swiper-container-flip .swiper-slide-shadow-left, .swiper-container-flip .swiper-slide-shadow-right, .swiper-container-flip .swiper-slide-shadow-top {
    z-index: 0;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.swiper-container-coverflow .swiper-wrapper {
    -ms-perspective: 1200px
}

/***********************
OK-линзы
***********************/
.icon {
    display: inline-block;
    width: 1em;
    height: 1em;
    stroke-width: 0;
    stroke: currentColor;
    fill: currentColor;
}

.icon-plus {
    width: 2.813em;
    height: 2.813em;
}

.icon-odn {
    width: 0.7138671875em;
}

.icon-vk {
    width: 1.0927734375em;
}

.icon-arrow-right_s {
    width: 1em;
}

.icon-arrow-right {
    width: 1.2em;
    height: 1.2em;
}

.icon-arrow-left {
    width: 1.2em;
    height: 1.2em;
}

.icon-studio {
    width: 3.125em;
    height: 1.375em;
}

.icon-map {
    width: 0.6611328125em;
}

.icon-cart {
    width: 1.048828125em;
}

.icon-logo {
    width: 13.813em;
    height: 3.125em;
}

.icon-logo20 {
    width: 13.813em;
    height: 3.125em;
}

.icon-logosmall {
    width: 2.500em;
    height: 2.500em;
}

.button .icon-med, .icons-menu .icon {
    width: 1.2em;
    height: 1.2em;
    margin-top: 5px;
    margin-right: 10px;
}

.button .icon-13 {
    position: relative;
    top: 2px;
    width: 1.5em;
    height: 1.5em;
}

.block-start {
    background-image: url(/local/templates/orto/css/../img/bg_start_top.png);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}

.block-start .start-photo img {
    max-width: 70px;
    height: 70px;
}

.button-start {
    position: absolute;
    bottom: -10px;
    left: 50%;
    border-radius: 12px;
    width: max-content;
    display: inline-block;
    background-color: rgba(255, 255, 255, 0.7);
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.block-start__big .button-start__big {
    position: relative;
    width: max-content;
    display: inline-block;
}

.block-start__big .is-color-black:hover .is-border {
    border-color: #fff;
}

.block-start__big .start-photo img {
    max-width: 100px;
    height: 100px;
}

.block-start__big .price-old {
    display: inline-block;
}

@media only screen and (max-width: 768px) {
    .block-start__big .button-start__big {
        width: auto;
    }
}

.block-start__big .price-old::before {
    content: '';
    position: absolute;
    top: 50%;
    left: -3px;
    right: 3px;
    height: 1px;
    width: 100%;
    background-color: #8c9194;
    -webkit-transform: rotate(-10deg);
    transform: rotate(-10deg);
}

.block-center {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    -ms-align-items: center;
    align-items: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
}

.header {
    position: absolute;
    z-index: 201;
}

.header .logo-hr {
    border-left: 1px solid #f0f3f5;
    height: 70px;
}

.header .logo-hr span, .header_phone span {
    display: block;
}

.header .menu li a {
    font-weight: 600;
}

.header.is-fixed .is-inset-20 {
    padding-top: 10px;
    padding-bottom: 10px;
}

.header.is-fixed .icon-logo, .header.is-fixed .icon-logo20 {
    width: 11.406em;
}

.header.is-fixed .icon-logo, .header.is-fixed .icon-logo20, .header.is-fixed .logo_city {
    height: 2.500em;
}

@media only screen and (max-width: 1024px) {
    .is-navbar li {
        margin-left: 12px;
    }
}

@media only screen and (max-width: 768px) {
    .header_phone {
        display: none;
    }
}

@media only screen and (max-width: 767px) {
    .header .logo_small, .header .logo-hr, .header.is-fixed .logo-hr {
        width: auto;
        height: 2.223em;
    }

    .header .logo_city, .header.is-fixed .logo_city {
        height: 2.223em;
    }

    .header {
        border-bottom: 1px solid #dbe4eb;
    }

    .header.is-fixed {
        border: none;
    }
}

.hamburger {
    position: relative;
    display: inline-block;
    cursor: pointer;
    transition-property: opacity, filter;
    transition-duration: 0.15s;
    transition-timing-function: linear;
    font: inherit;
    color: inherit;
    text-transform: none;
    background-color: transparent;
    border: 0;
    margin: 0;
    line-height: 12px;
    overflow: visible;
}

.hamburger-box {
    width: 20px;
    height: 19px;
    display: inline-block;
    position: relative;
}

.hamburger-inner {
    display: block;
    top: 50%;
    margin-top: -4px;
}

.hamburger-inner, .hamburger-inner::before, .hamburger-inner::after {
    width: 20px;
    height: 2px;
    background-color: #1c1c1c;
    border-radius: 2px;
    position: absolute;
    transition-property: transform;
    transition-duration: 0.15s;
    transition-timing-function: ease;
}

.hamburger-inner::before, .hamburger-inner::after {
    content: "";
    display: block;
}

.hamburger-inner::before {
    top: -8px;
}

.hamburger-inner::after {
    bottom: -8px;
}

.hamburger--elastic .hamburger-inner {
    top: 6px;
    transition-duration: 0.3s;
    transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55);
}

.hamburger--elastic .hamburger-inner::before {
    top: 8px;
    transition: opacity 0.15s 0.3s ease;
}

.hamburger--elastic .hamburger-inner::after {
    top: 16px;
    transition: transform 0.3s cubic-bezier(0.68, -0.55, 0.265, 1.55);
}

.is-menu-active .hamburger--elastic .hamburger-inner {
    transform: translate3d(0, 10px, 0) rotate(135deg);
    transition-delay: 0.1s;
}

.is-menu-active .hamburger--elastic .hamburger-inner::before {
    transition-delay: 0s;
    opacity: 0;
}

.is-menu-active .hamburger--elastic .hamburger-inner::after {
    transform: translate3d(0, -16px, 0) rotate(-270deg);
    transition-delay: 0.1s;
}

.is-menu-active .hamburger-inner, .is-menu-active .hamburger-inner::before, .is-menu-active .hamburger-inner::after {
    background-color: #1c1c1c;
}

.menu .is-active, .menu-mobile .is-active {
    color: #0078d7;
}

@media only screen and (max-width: 767px) {
    .is-offcanvas {
        width: 100% !important;
    }
}

.page-overlay {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
    background-color: rgba(0, 15, 27, .55);
    width: 100%;
    height: 100%;
}

.hero-top_height {
    position: relative;
    min-height: 768px;
}

.hero-top_bg {
    min-height: 50vh;
    background: transparent;
}

.hero {
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 3;
}

.hero-top_bg__text, .mouse {
    z-index: 1;
}

.header-slider {
    /*position: absolute;
  top: 0;
  height: 600px;*/
    z-index: 0;
}

.header-slider__list.swiper-container {
    width: 100%;
    height: 100%;
}

.header-slider__list .swiper-slide {
    position: relative;
    width: 100%;
    min-height: 450px;
    overflow: hidden;
}

.header-slider__list .swiper-slide .slide {
    display: inline-block;
    background-repeat: no-repeat;
    background-position: center top;
    background-size: cover;
    width: 100%;
    height: 100%;
}

@media only screen and (max-width: 767px) {
    .page-title,
    .header-slider,
    .header-slider__list .swiper-slide {
        height: 700px;
    }

    .page-title .button {
        margin-top: 20px;
    }
}

@media only screen and (max-width: 767px) {
    .hero-top_bg__text {
        text-align: center;
    }

    .hero-top_height {
        position: relative;
        min-height: 520px;
    }

    .hero-top_bg__button .button {
        width: 100%;
    }
}

div.circle {
    width: 40px;
    height: 40px;
    overflow: hidden;
    padding-top: 10px;
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border: #fff 1px solid;
    display: inline-table;
}

.mouse {
    position: absolute;
    bottom: 40px;
    left: 50%;
    margin-left: -12px;
    width: 25px;
    height: 45px;
    border: 2px solid #fff;
    border-radius: 12px;
    -webkit-box-shadow: inset 1px 1px 5px 0px rgba(51, 51, 51, 0.1);
    -moz-box-shadow: inset 1px 1px 5px 0px rgba(51, 51, 51, 0.1);
    box-shadow: inset 1px 1px 5px 0px rgba(51, 51, 51, 0.1);
}

.rotate {
    -webkit-animation-name: rotate;
    animation-name: rotate
}

@-webkit-keyframes rotateplane {
    0% {
        -webkit-transform: translateY(-2px)
    }
    100% {
        -webkit-transform: translateY(7px)
    }
}

@keyframes rotateplane {
    0% {
        transform: translateY(-2px);
        -webkit-transform: translateY(-2px)
    }
    100% {
        transform: translateY(7px);
        -webkit-transform: translateY(7px)
    }
}

.mouse:after {
    content: "";
    position: absolute;
    height: 7px;
    width: 4px;
    background-color: #fff;
    border-radius: 100%;
    left: 50%;
    margin-left: -2px;
    top: 10px;
    -webkit-animation: rotateplane 1.2s infinite ease-in-out;
    animation: rotateplane 1.2s infinite ease-in-out;
}

@media (max-width: 767px) {
    .mouse {
        display: none;
    }
}

.close:before, .icon-kube-close:before {
    padding-left: 2px;
}

.block-form {
    position: relative;
    border: 4px solid #0078d7;
    z-index: 1;
}

.block_reply {
    background: #fff url('/local/templates/orto/css/../img/linzi.png') no-repeat;
    background-position: right -20% center;
}

.block-form__reply {
}

.block_reply #form-item__strelka::before {
    content: '';
    position: absolute;
    background: url('/local/templates/orto/css/../img/strelka.png') no-repeat;
    background-position: center;
    width: 469px;
    height: 151px;
    bottom: 5px;
    left: 400px;
}

@media (max-width: 960px) {
    #form-item__strelka::before {
        display: none;
    }
}

@media (max-width: 767px) {
    .block_reply {
        background-position: right -20% bottom;
    }
}

.block-form__reply.js-block__off {
    background-color: #fcf3f9;
}

.block-form__reply.js-block__on {
    background-color: #f0fbf4;
}

.block-lists .icon-ok, .block-lists .icon-ok_red {
    width: 32px;
    height: 32px;
}

.block-lists__min .icon-ok, .block-lists__min .icon-ok_red {
    width: 24px;
    height: 24px;
}

.block-lists .icon-pdf {
    width: 32px;
    height: 40px;
}

.number-icons {
    min-height: 194px;
}

.number-icon .is-text-blue {
    height: 30px;
}

.number-icon_big {
    font-family: "lato", Helvetica, Arial, sans-serif;
    font-weight: 800;
    font-size: 4em;
    line-height: 1.2;
}

.icons-list .icon {
    width: 70px;
    height: 70px;
}

@media only screen and (max-width: 767px) {
    .number-icon_big {
        font-size: 4.5em;
    }

    .icons-list .icon {
        width: 50px;
        height: 50px;
    }
}

.block-advantage_item {
    width: 60%;
}

@media only screen and (max-width: 1024px) {
    .block-advantage_item {
        width: 100%;
    }
}

.block-lists_num {
    position: relative;
    width: 50px;
    height: 50px;
}

.block-lists_num span {
    z-index: 1;
}

.block-lists_num .is-h4 {
    line-height: 50px;
}

.block-lists_num::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    background-color: #dfedfa;
    width: 50px;
    height: 50px;
    border-radius: 25px;
    z-index: 0;
}

@media only screen and (max-width: 1023px) {
    .block-opening {
        background-image: none;
    }
}

.block-icons, .block-slider__content {
    display: none;
}

.block-slider__arrows {
    display: none;
}

.slick-slider {
    box-sizing: border-box;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}

.slick-list, .slick-slider {
    position: relative;
    display: block;
}

.slick-list {
    overflow: hidden;
    margin: 0;
    padding: 0;
}

.slick-list:focus {
    outline: none;
}

.slick-list.dragging {
    cursor: pointer;
    cursor: hand;
}

.slick-slider .slick-list, .slick-slider .slick-track {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
}

.slick-track {
    position: relative;
    left: 0;
    top: 0;
    display: block;
}

.slick-track:after, .slick-track:before {
    content: "";
    display: table;
}

.slick-track:after {
    clear: both;
}

.slick-loading .slick-track {
    visibility: hidden;
}

.slick-slide {
    float: left;
    height: 100%;
    min-height: 1px;
    display: none;
}

[dir=rtl] .slick-slide {
    float: right;
}

.slick-slide img {
    display: inline-block;
}

.slick-slide.slick-loading img {
    display: none;
}

.slick-slide.dragging img {
    pointer-events: none;
}

.block-slider__content.slick-initialized, .slick-initialized .slick-slide, .b-slider__sale.slick-initialized, .b-slider__offer.slick-initialized {
    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;
}

.slick-prev, .slick-next {
    position: absolute;
    top: 50%;
    margin-top: -18px;
    width: 40px;
    height: 40px;
    min-height: 40px;
    line-height: 40px;
    display: inline-block;
    vertical-align: middle;
    padding: 0;
    color: transparent;
    outline: none;
    background: transparent;
    border: 0;
    z-index: 1;
}

.slick-prev:hover, .slick-prev:focus, .slick-next:hover, .slick-next:focus {
    color: transparent;
    outline: none;
    background: #0078d7;
    cursor: pointer;
}

.slick-prev:hover .icon, .slick-prev:focus .icon, .slick-next:hover .icon, .slick-next:focus .icon {
    color: #fff;
}

.slick-prev.slick-disabled .icon, .slick-next.slick-disabled .icon {
    opacity: .25;
}

.slick-prev .icon, .slick-next .icon {
    position: absolute;
    top: 50%;
    left: 50%;
    color: #8c9194;
    vertical-align: middle;
    z-index: 1;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

/*.slick-prev:after, .slick-next:after {
	content: "";
	position: absolute;
	top: -2px;
	left: -2px;
	width: 100%;
	height: 100%;
	border: 2px solid #e3e9ec;
	border-radius: 100px;
}
*/
.slick-prev {
    left: 1px;
}

[dir='rtl'] .slick-prev {
    right: 1px;
    left: auto;
}

.slick-next {
    right: -4px;
}

[dir='rtl'] .slick-next {
    right: auto;
    left: -4px;
}

.slick-dots {
    position: absolute;
    bottom: -25px;
    left: 50%;
    z-index: 5;
    margin: 0;
    padding: 0;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    list-style-type: none;
}

.slick-dots li {
    display: inline-block;
    margin-right: 8px;
}

.slick-dots li:last-child {
    margin-right: 0;
}

.slick-dots li button {
    display: block;
    background: transparent;
    font-size: 0;
    padding: 0;
    height: 14px;
    width: 14px;
    min-height: 14px;
    border: 2px solid #dbe4eb;
    border-radius: 50%;
    outline: none;
    transition: border .3s ease, color .3s ease, background .3s ease;
    -webkit-appearance: none;
}

.slick-dots li button:hover, .slick-dots li.slick-active button {
    background-color: #0078d7;
    border: 2px solid #0078d7;
}

.block-slider__arrows .slick-prev, .block-slider__arrows .slick-next {
    top: -55px;
    opacity: 1;
    width: 40px;
    height: 40px;
    border-radius: 0;
    border: 1px solid rgba(17, 17, 19, 0.07);
    box-shadow: none;
}

.block-slider__arrows .slick-prev {
    left: auto;
    right: 39px;
    border-radius: 4px 0 0 4px;
}

.block-slider__arrows .slick-next {
    right: 0;
    border-radius: 0 4px 4px 0;
}

.block-icons .block-icons__icon .icon {
    width: 6.250em;
    height: 6.250em;
}

@media only screen and (max-width: 767px) {
    .block-icons .block-icons__icon .icon {
        width: 4.375em;
        height: 4.375em;
    }
}

.block-icons__title {
    display: block;
    font-size: 5em;
    line-height: 1;
    font-weight: 800;
}

.lable-gift::after {
    content: '';
    position: absolute;
    top: 170px;
    right: 0;
    display: block;
    background: url(/local/templates/orto/css/../img/pechat.png) no-repeat center center;
    background-size: 100%;
    width: 122px;
    height: 80px;
    z-index: 0;
}

.lable-gift .is-container-row {
    z-index: 1;
}

@media only screen and (max-width: 767px) {
    .lable-gift::after {
        display: none;
    }
}

.block-image-container img {
    display: block;
}

.block-image-label {
    position: absolute;
    top: 0;
    right: 0;
    color: #ffffff;
    padding: 0.5em;
    background-color: rgba(28, 28, 28, 0.5);
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    opacity: 0;
    -webkit-transform: translateY(20px);
    -moz-transform: translateY(20px);
    -ms-transform: translateY(20px);
    -o-transform: translateY(20px);
    transform: translateY(20px);
    -webkit-transition: -webkit-transform 0.3s 0.7s, opacity 0.3s 0.7s;
    -moz-transition: -moz-transform 0.3s 0.7s, opacity 0.3s 0.7s;
    transition: transform 0.3s 0.7s, opacity 0.3s 0.7s;
}

.block-image-label.hidden {
    visibility: hidden;
}

.is-visible .block-image-label {
    opacity: 1;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
}

.block-resize-img {
    position: absolute;
    top: 0;
    left: 0;
    width: 0;
    height: 100%;
    overflow: hidden;
    -webkit-transform: translateZ(0);
    -moz-transform: translateZ(0);
    -ms-transform: translateZ(0);
    -o-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    border-right: 2px solid #fff;
}

.block-resize-img img {
    position: absolute;
    left: 0;
    top: 0;
    display: block;
    height: 100%;
    width: auto;
    max-width: none;
}

.block-resize-img .block-image-label {
    right: auto;
    left: 0;
    width: 220px;
}

@media only screen and (max-width: 767px) {
    .block-image-label {
        font-size: 12px;
    }

    .block-resize-img .block-image-label {
        width: auto;
    }
}

.is-visible .block-resize-img {
    width: 50%;
    -webkit-animation: block-bounce-in 0.7s;
    -moz-animation: block-bounce-in 0.7s;
    animation: block-bounce-in 0.7s;
}

@-webkit-keyframes block-bounce-in {
    0% {
        width: 0;
    }

    60% {
        width: 55%;
    }

    100% {
        width: 50%;
    }
}

@-moz-keyframes block-bounce-in {
    0% {
        width: 0;
    }

    60% {
        width: 55%;
    }

    100% {
        width: 50%;
    }
}

@keyframes block-bounce-in {
    0% {
        width: 0;
    }

    60% {
        width: 55%;
    }

    100% {
        width: 50%;
    }
}

.block-handle {
    position: absolute;
    height: 44px;
    width: 44px;
    left: 50%;
    top: 50%;
    margin-left: -22px;
    margin-top: -22px;
    border-radius: 50%;
    background: url("/local/templates/orto/css/../img/block-arrows.svg") no-repeat center center;
    cursor: move;
    opacity: 0;
    -webkit-transform: translate3d(0, 0, 0) scale(0);
    -moz-transform: translate3d(0, 0, 0) scale(0);
    -ms-transform: translate3d(0, 0, 0) scale(0);
    -o-transform: translate3d(0, 0, 0) scale(0);
    transform: translate3d(0, 0, 0) scale(0);
}

.block-handle::after {
    content: '';
    margin-left: 17px;
    display: block;
    width: 8px;
    height: 44px;
    background-color: #fff;
    border-radius: 4px;
}

.block-handle.draggablephoto::after {
    background-color: #eef5fa;
}

.dargphoto-title {
    width: 50% !important;
    min-width: 50%;
}

.is-visible .block-handle {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0) scale(1);
    -moz-transform: translate3d(0, 0, 0) scale(1);
    -ms-transform: translate3d(0, 0, 0) scale(1);
    -o-transform: translate3d(0, 0, 0) scale(1);
    transform: translate3d(0, 0, 0) scale(1);
    -webkit-transition: -webkit-transform 0.3s 0.7s, opacity 0s 0.7s;
    -moz-transition: -moz-transform 0.3s 0.7s, opacity 0s 0.7s;
    transition: transform 0.3s 0.7s, opacity 0s 0.7s;
}

.product {
    border-radius: 5px;
}

.product_image {
    height: 170px;
    line-height: 170px;
}

.product_image img {
    display: inline-block;
    vertical-align: middle;
}

@media only screen and (max-width: 767px) {
    .dargphoto-title {
        font-size: 15px;
    }

    .product_image img {
        height: 100%;
    }

    .block-handle {
        top: 85%;
    }
}

.product_title {
    height: 70px;
}

.rub {
    font-family: 'ALSRubl-Tahoma', Tahoma, sans-serif;
    line-height: normal;
}

.stars_container {
    position: relative;
    width: 100px;
    height: 30px;
    background: #dadada;
    background-size: 100% 100%;
}

.stars_container .stars_container__bg {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 101;
    background: url(/local/templates/orto/css/../img/stars.png) no-repeat center;
}

.stars_container__progress {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    background: #ffc651;
}

.accordion__item.accordion__item--is-open {
    box-shadow: 0 6px 24px rgba(6, 67, 117, 0.12);
}

.accordion__item:first-child {
}

.accordion__header {
    background-color: transparent;
    border: 0;
    border-radius: 0;
    color: inherit;
    line-height: inherit;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    width: 100%;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: justify;
    justify-content: space-between;
    color: #1c1c1c;
}

.accordion__header:hover, .accordion__item--is-open .accordion__header {
    color: #0078d7;
}

.accordion__header-title {
    font-size: 21px;
    font-weight: 700;
    text-align: left;
}

.accordion__header-icon, .footer_toggle-icon {
    float: right;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    margin-left: .75em;
    display: none;
}

.accordion__header-icon i, .footer_toggle-icon i {
    position: relative;
    width: 1em;
    height: 1em;
    display: block;
    will-change: transform;
}

.accordion__header-icon i::before, .accordion__header-icon i::after, .footer_toggle-icon i::before, .footer_toggle-icon i::after {
    content: '';
    position: absolute;
    width: 2px;
    height: 80%;
    background: currentColor;
    top: 0;
    -webkit-transform-origin: 50% 100%;
    -ms-transform-origin: 50% 100%;
    transform-origin: 50% 100%;
    will-change: transform;
    transition: -webkit-transform .1s;
    transition: transform .1s;
    transition: transform .1s, -webkit-transform .1s;
}

.accordion__header-icon i::before, .footer_toggle-icon i::before {
    left: 50%;
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

.accordion__header-icon i::after, .footer_toggle-icon i::after {
    left: calc(50% - 1px);
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

.accordion__item--is-open > .accordion__header > .accordion__header-icon i::before {
    -webkit-transform: translateY(-80%) rotate(-135deg);
    -ms-transform: translateY(-80%) rotate(-135deg);
    transform: translateY(-80%) rotate(-135deg);
}

.accordion__item--is-open > .accordion__header > .accordion__header-icon i::after {
    -webkit-transform: translateY(-80%) rotate(135deg);
    -ms-transform: translateY(-80%) rotate(135deg);
    transform: translateY(-80%) rotate(135deg);
}

.accordion__header-icon .icon {
    width: 1em;
    height: 1em;
    color: inherit;
}

.accordion__panel-content {
}

.accordion__header-icon, .footer_toggle-icon {
    display: block;
}

.accordion__panel {
    display: none;
    overflow: hidden;
    will-change: height;
    -webkit-transform: translateZ(0px);
    transform: translateZ(0px);
}

.accordion__item--is-open > .accordion__panel {
    display: block;
}

.block-bg-form {
    background-image: url(/local/templates/orto/css/../img/bg_form.png);
    background-position: center center;
    background-repeat: no-repeat;
}

.block-price {
    z-index: 3;
}

.block-bg-price {
    background-image: url(/local/templates/orto/css/../img/price_bg.jpg);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}

.tabs-cust .link {
    -webkit-appearance: none;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    vertical-align: middle;
    text-align: center;
    font-family: inherit;
    font-size: 0.9375em;
    font-weight: 600;
    text-decoration: none;
    text-transform: none;
    color: #1c1c1c;
    background: #eef5fa;
    border-radius: 0;
    border: 1px solid rgba(17, 17, 19, 0.07);
    min-height: 2.66667em;
    padding: 0.5em 1.6em;
    box-shadow: none;
    cursor: pointer;
    line-height: 1.2;
}

.is-bg-light .tabs-cust .link {
    background: #fff;
}

.tabs-cust .link:hover {
    -moz-transition: all linear 0.2s;
    transition: all linear 0.2s;
    outline: none;
    color: #8c9194;
    text-decoration: none;
    background-color: #eef5fa;
}

.tabs-cust .link.is-active {
    background: #0078d7;
    color: rgba(255, 255, 255, 0.95);
    border: 1px solid #0078d7;
}

.tabs-cust .link.is-active:hover {
    background: #0370c7;
    border: 1px solid #0370c7;
}

.tabs-cust .link:first-child {
    border-radius: 4px 0 0 4px;
}

.tabs-cust .link:last-child {
    border-radius: 0 4px 4px 0;
}

.block-salon_item {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
    -webkit-transition: box-shadow .5s ease, -webkit-transform .5s ease;
    transition: transform .5s ease, box-shadow .5s ease;
    transition: transform .5s ease, box-shadow .5s ease, -webkit-transform .5s ease;
    will-change: transform, box-shadow;
    height: 100%;
}

.block-salon_item:hover, .block-pack_item:hover {
    -webkit-transform: translate(0, -5px);
    transform: translate(0, -5px);
    box-shadow: 0 10px 16px 0 rgba(17, 17, 19, .1);
}

.salon-icons {
    width: 16px;
    height: 16px;
    line-height: 16px;
}

.salon-icons .icon {
    margin-top: 2px;
}

.block-docs .slick-dots {
    bottom: 0px;
}

.block-docs_item {
    min-height: 100px;
}

.block-footer a {
    text-decoration: none;
}

.footer__link_button a {
    margin-left: 8px;
}

.footer_phone span {
    display: block;
}

.footer_toggle {
    display: none;
}

.block-footer .is-border-top, .block-footer .is-border-bottom {
    border-color: rgba(17, 17, 19, .1);
}

@media only screen and (max-width: 767px) {
    .block-footer .footer_corp.is-border-top {
        border: 0;
    }

    .footer__link_button a {
        margin-left: 0;
        width: 100%;
    }

    .contact-main a.button {
        width: 100%;
    }

    .footer_toggle {
        display: block;
        border-bottom: 1px solid rgba(17, 17, 19, .1);
        color: #dbe4eb;
    }

    .footer_toggle .footer_toggle-icon {
        margin-top: 8px;
        margin-right: 8px;
    }

    .footer_toggle .footer_toggle-icon i {
        width: 0.5em;
        height: 0.5em;
    }

    .footer_menu__mob {
        border-top: 1px solid rgba(17, 17, 19, .1);
        border-bottom: 1px solid rgba(17, 17, 19, .1);
    }

    .footer_menu__mob-link {
        font-size: 1.125em;
        line-height: 1.45;
    }
}

.block-footer .icon-lak {
    position: relative;
    top: 8px;
    margin-left: 5px;
}

#tooltip {
    text-align: center;
    color: #fff;
    background: #1c1c1c;
    position: absolute;
    z-index: 10000;
    padding: 10px;
    max-width: 300px;
    border-radius: 5px;
    -webkit-animation: tooltip-anim 0.8s;
    -moz-animation: tooltip-anim 0.8s;
    -o-animation: tooltip-anim 0.8s;
    animation: tooltip-anim 0.8s;
}

#tooltip:after {
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-top: 10px solid #1c1c1c;
    content: '';
    position: absolute;
    left: 50%;
    bottom: -9px;
    margin-left: -9px;
}

#tooltip.top:after {
    border-top-color: transparent;
    border-bottom: 10px solid #1c1c1c;
    top: -18px;
    bottom: auto;
}

#tooltip.left:after {
    left: 10px;
    margin: 0;
}

#tooltip.right:after {
    right: 10px;
    left: auto;
    margin: 0;
}

@keyframes tooltip-anim {
    0% {
        opacity: 0;
        transform: matrix(0.5, 0, 0, 0.8, 0, 0);
    }

    20% {
        transform: matrix(1.1, 0, 0, 1.1, 0, 0);
    }

    40% {
        opacity: 1;
    }

    70% {
        transform: matrix(1, 0, 0, 1, 0, 0);
    }

    100% {
        transform: matrix(1, 0, 0, 1, 0, 0);
    }
}

@-webkit-keyframes tooltip-anim {
    0% {
        opacity: 0;
        transform: matrix(0.5, 0, 0, 0.8, 0, 0);
    }

    20% {
        transform: matrix(1.1, 0, 0, 1.1, 0, 0);
    }

    40% {
        opacity: 1;
    }

    70% {
        transform: matrix(1, 0, 0, 1, 0, 0);
    }

    100% {
        transform: matrix(1, 0, 0, 1, 0, 0);
    }
}

.saloni {
    height: 450px;
    overflow-y: scroll;
}

.saloni::-webkit-scrollbar {
    width: 4px;
}

.saloni::-webkit-scrollbar-thumb {
    -webkit-border-radius: 0px;
    border-radius: 0px;
    background-color: #0078d7;
}

.l-plus {
    position: fixed;
    top: 50%;
    right: 20px;
    left: inherit;
    min-height: 50px;
    background-color: #fff;
    box-shadow: 0 7px 15px rgba(0, 0, 0, 0.1);
    z-index: 110;
    border-radius: 50px;
}

.l-plus-content {
    display: inline-block;
}

.l-plus .button {
    color: #ee0e3d;
    padding: 2px !important;
    border-radius: 50px;
}

.l-plus-border {
    border: 4px solid #ee0e3d;
    padding: 5px 10px;
    border-radius: 50px;
    text-align: left;
    width: 230px;
}

.l-plus .button span {
    display: inline-block;
    max-width: 180px;
    min-width: 180px;
    margin-right: 0;
    font-size: 21px;
}

.l-plus-text {

}

.l-plus-text .icon-plus {
    display: inline-block;
}

.l-plus-text .icon-plus::after {
    content: '';
    position: absolute;
    left: 7px;
    width: 2px;
    height: 16px;
    background-color: #ee0e3d;
}

.l-plus .button.is-inverted:hover {
    color: #fff;
    background-color: #ee0e3d;
    box-shadow: none;
}

.l-plus .button.is-inverted:hover .is-muted {
    color: #fff;
}

.l-plus .button.is-inverted:hover .l-plus-border {
    border: 4px solid #fff;
}

@media (max-width: 767px) {
    .l-plus {
        top: auto;
        bottom: 10px;
        left: 10px;
        right: 10px;
    }

    .l-plus .button, .l-plus-border, .l-plus .button span {
        width: 100% !important;
        max-width: 100%;
    }

    .l-plus-border {
        border: 3px solid #ee0e3d;
        padding: 7.5px 20px;
        text-align: center;
    }

    .l-plus .button.is-inverted:hover .l-plus-border {
        border: 3px solid #fff;
    }

    .icon-plus {
        width: 2.000em;
        height: 2.000em;
    }

    .l-plus .button span {
        font-size: 18px;
    }
}

.badge {
    position: absolute;
    top: 0;
    right: 20px;
    display: inline-block;
    border-radius: 25px;
    background-color: #e5053a;
    color: #fff;
    width: 50px;
    height: 50px;
    line-height: 50px;;
}

.block-doc-video {
    margin-left: -12px;
    margin-right: -12px;
}

.video-play-icon {
    position: absolute;
    height: 50px;
    width: 50px;
    border-radius: 25px;
    left: 50%;
    top: 50%;
    margin-left: -25px;
    margin-top: -25px;
    background: #ee0e3d;
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.5);
    cursor: pointer;
    z-index: 203;
    -webkit-backface-visibility: hidden;
    transition: -webkit-transform 100ms ease;
    transition: transform 100ms ease;
}

.video-play-icon::before {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    right: auto;
    margin: -9px 0 0 5px;
    display: block;
    height: 0;
    width: 0;
    border: 9px solid transparent;
    border-left-color: rgba(255, 255, 255, 0.95);
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
}


.video-play-icon:hover {
    -webkit-transform: scale(1.1, 1.1);
    -ms-transform: scale(1.1, 1.1);
    transform: scale(1.1, 1.1);
}

.v-overlay {
    position: absolute;
}

.video-title {
    position: absolute;
    top: 5%;
    left: 5%;
    right: 5%;
    color: #fff;
    z-index: 203;
}


.block-reviews .slick-list {
    overflow: hidden;
}

.block-reviews .slick-prev, .block-reviews .slick-next {
    top: -55px;
    opacity: 1;
    width: 40px;
    height: 40px;
    border-radius: 0;
    border: 1px solid rgba(17, 17, 19, 0.07);
    box-shadow: none;
}

.block-reviews .slick-prev {
    left: auto;
    right: 39px;
    border-radius: 4px 0 0 4px;
}

.block-reviews .slick-next {
    right: 0;
    border-radius: 0 4px 4px 0;
}

.block-reviews .slick-slide:hover img {
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
    box-shadow: none;
}

.block-reviews_photo {
    width: 180px;
    height: 180px;
    border-radius: 90px;
}

.block-reviews_photo img {
    width: auto;
    max-width: none;
    height: 100%;
}

div.metro {
    background: url(/local/templates/proopt/components/redsign/catalog.store.detail/gopro/img/metro_blue.jpg) no-repeat 0 12px;
    padding: 8px 30px;
}

/**
 * Swiper 4.5.0
 * Most modern mobile touch slider and framework with hardware accelerated transitions
 * http://www.idangero.us/swiper/
 *
 * Copyright 2014-2019 Vladimir Kharlampidi
 *
 * Released under the MIT License
 *
 * Released on: February 22, 2019
 */
.swiper-container {
    margin: 0 auto;
    position: relative;
    overflow: hidden;
    list-style: none;
    padding: 0;
    z-index: 1
}

.swiper-container-no-flexbox .swiper-slide {
    float: left
}

.swiper-container-vertical > .swiper-wrapper {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column
}

.swiper-wrapper {
    position: relative;
    width: 100%;
    height: 100%;
    z-index: 1;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-transition-property: -webkit-transform;
    transition-property: -webkit-transform;
    -o-transition-property: transform;
    transition-property: transform;
    transition-property: transform, -webkit-transform;
    -webkit-box-sizing: content-box;
    box-sizing: content-box
}

.swiper-container-android .swiper-slide, .swiper-wrapper {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.swiper-container-multirow > .swiper-wrapper {
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.swiper-container-free-mode > .swiper-wrapper {
    -webkit-transition-timing-function: ease-out;
    -o-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
    margin: 0 auto
}

.swiper-slide {
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 100%;
    height: 100%;
    position: relative;
    -webkit-transition-property: -webkit-transform;
    transition-property: -webkit-transform;
    -o-transition-property: transform;
    transition-property: transform;
    transition-property: transform, -webkit-transform
}

.swiper-slide-invisible-blank {
    visibility: hidden
}

.swiper-container-autoheight, .swiper-container-autoheight .swiper-slide {
    height: auto
}

.swiper-container-autoheight .swiper-wrapper {
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-transition-property: height, -webkit-transform;
    transition-property: height, -webkit-transform;
    -o-transition-property: transform, height;
    transition-property: transform, height;
    transition-property: transform, height, -webkit-transform
}

.swiper-container-3d {
    -webkit-perspective: 1200px;
    perspective: 1200px
}

.swiper-container-3d .swiper-cube-shadow, .swiper-container-3d .swiper-slide, .swiper-container-3d .swiper-slide-shadow-bottom, .swiper-container-3d .swiper-slide-shadow-left, .swiper-container-3d .swiper-slide-shadow-right, .swiper-container-3d .swiper-slide-shadow-top, .swiper-container-3d .swiper-wrapper {
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d
}

.swiper-container-3d .swiper-slide-shadow-bottom, .swiper-container-3d .swiper-slide-shadow-left, .swiper-container-3d .swiper-slide-shadow-right, .swiper-container-3d .swiper-slide-shadow-top {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    z-index: 10
}

.swiper-container-3d .swiper-slide-shadow-left {
    background-image: -webkit-gradient(linear, right top, left top, from(rgba(0, 0, 0, .5)), to(rgba(0, 0, 0, 0)));
    background-image: -webkit-linear-gradient(right, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));
    background-image: -o-linear-gradient(right, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));
    background-image: linear-gradient(to left, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0))
}

.swiper-container-3d .swiper-slide-shadow-right {
    background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, .5)), to(rgba(0, 0, 0, 0)));
    background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));
    background-image: -o-linear-gradient(left, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));
    background-image: linear-gradient(to right, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0))
}

.swiper-container-3d .swiper-slide-shadow-top {
    background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, .5)), to(rgba(0, 0, 0, 0)));
    background-image: -webkit-linear-gradient(bottom, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));
    background-image: -o-linear-gradient(bottom, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));
    background-image: linear-gradient(to top, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0))
}

.swiper-container-3d .swiper-slide-shadow-bottom {
    background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, .5)), to(rgba(0, 0, 0, 0)));
    background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));
    background-image: -o-linear-gradient(top, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));
    background-image: linear-gradient(to bottom, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0))
}

.swiper-container-wp8-horizontal, .swiper-container-wp8-horizontal > .swiper-wrapper {
    -ms-touch-action: pan-y;
    touch-action: pan-y
}

.swiper-container-wp8-vertical, .swiper-container-wp8-vertical > .swiper-wrapper {
    -ms-touch-action: pan-x;
    touch-action: pan-x
}

.swiper-button-next, .swiper-button-prev {
    position: absolute;
    top: 50%;
    width: 27px;
    height: 44px;
    margin-top: -22px;
    z-index: 10;
    cursor: pointer;
    background-size: 27px 44px;
    background-position: center;
    background-repeat: no-repeat
}

.swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled {
    opacity: .35;
    cursor: auto;
    pointer-events: none
}

.swiper-button-prev, .swiper-container-rtl .swiper-button-next {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");
    left: 10px;
    right: auto
}

.swiper-button-next, .swiper-container-rtl .swiper-button-prev {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");
    right: 10px;
    left: auto
}

.swiper-button-prev.swiper-button-white, .swiper-container-rtl .swiper-button-next.swiper-button-white {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E")
}

.swiper-button-next.swiper-button-white, .swiper-container-rtl .swiper-button-prev.swiper-button-white {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E")
}

.swiper-button-prev.swiper-button-black, .swiper-container-rtl .swiper-button-next.swiper-button-black {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E")
}

.swiper-button-next.swiper-button-black, .swiper-container-rtl .swiper-button-prev.swiper-button-black {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E")
}

.swiper-button-lock {
    display: none
}

.swiper-pagination {
    position: absolute;
    text-align: center;
    -webkit-transition: .3s opacity;
    -o-transition: .3s opacity;
    transition: .3s opacity;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    z-index: 10
}

.swiper-pagination.swiper-pagination-hidden {
    opacity: 0
}

.swiper-container-horizontal > .swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction {
    bottom: 10px;
    left: 0;
    width: 100%
}

.swiper-pagination-bullets-dynamic {
    overflow: hidden;
    font-size: 0
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    -webkit-transform: scale(.33);
    -ms-transform: scale(.33);
    transform: scale(.33);
    position: relative
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
    -webkit-transform: scale(.66);
    -ms-transform: scale(.66);
    transform: scale(.66)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
    -webkit-transform: scale(.33);
    -ms-transform: scale(.33);
    transform: scale(.33)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
    -webkit-transform: scale(.66);
    -ms-transform: scale(.66);
    transform: scale(.66)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
    -webkit-transform: scale(.33);
    -ms-transform: scale(.33);
    transform: scale(.33)
}

.swiper-pagination-bullet {
    width: 8px;
    height: 8px;
    display: inline-block;
    border-radius: 100%;
    background: #000;
    opacity: .2
}

button.swiper-pagination-bullet {
    border: none;
    margin: 0;
    padding: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

.swiper-pagination-clickable .swiper-pagination-bullet {
    cursor: pointer
}

.swiper-pagination-bullet-active {
    opacity: 1;
    background: #007aff
}

.swiper-container-vertical > .swiper-pagination-bullets {
    right: 10px;
    top: 50%;
    -webkit-transform: translate3d(0, -50%, 0);
    transform: translate3d(0, -50%, 0)
}

.swiper-container-vertical > .swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 6px 0;
    display: block
}

.swiper-container-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 8px
}

.swiper-container-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    display: inline-block;
    -webkit-transition: .2s top, .2s -webkit-transform;
    transition: .2s top, .2s -webkit-transform;
    -o-transition: .2s transform, .2s top;
    transition: .2s transform, .2s top;
    transition: .2s transform, .2s top, .2s -webkit-transform
}

.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 0 4px
}

.swiper-container-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    white-space: nowrap
}

.swiper-container-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    -webkit-transition: .2s left, .2s -webkit-transform;
    transition: .2s left, .2s -webkit-transform;
    -o-transition: .2s transform, .2s left;
    transition: .2s transform, .2s left;
    transition: .2s transform, .2s left, .2s -webkit-transform
}

.swiper-container-horizontal.swiper-container-rtl > .swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    -webkit-transition: .2s right, .2s -webkit-transform;
    transition: .2s right, .2s -webkit-transform;
    -o-transition: .2s transform, .2s right;
    transition: .2s transform, .2s right;
    transition: .2s transform, .2s right, .2s -webkit-transform
}

.swiper-pagination-progressbar {
    background: rgba(0, 0, 0, .25);
    position: absolute
}

.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    background: #007aff;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
    -webkit-transform-origin: left top;
    -ms-transform-origin: left top;
    transform-origin: left top
}

.swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    -webkit-transform-origin: right top;
    -ms-transform-origin: right top;
    transform-origin: right top
}

.swiper-container-horizontal > .swiper-pagination-progressbar, .swiper-container-vertical > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
    width: 100%;
    height: 4px;
    left: 0;
    top: 0
}

.swiper-container-horizontal > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite, .swiper-container-vertical > .swiper-pagination-progressbar {
    width: 4px;
    height: 100%;
    left: 0;
    top: 0
}

.swiper-pagination-white .swiper-pagination-bullet-active {
    background: #fff
}

.swiper-pagination-progressbar.swiper-pagination-white {
    background: rgba(255, 255, 255, .25)
}

.swiper-pagination-progressbar.swiper-pagination-white .swiper-pagination-progressbar-fill {
    background: #fff
}

.swiper-pagination-black .swiper-pagination-bullet-active {
    background: #000
}

.swiper-pagination-progressbar.swiper-pagination-black {
    background: rgba(0, 0, 0, .25)
}

.swiper-pagination-progressbar.swiper-pagination-black .swiper-pagination-progressbar-fill {
    background: #000
}

.swiper-pagination-lock {
    display: none
}

.swiper-scrollbar {
    border-radius: 10px;
    position: relative;
    -ms-touch-action: none;
    background: rgba(0, 0, 0, .1)
}

.swiper-container-horizontal > .swiper-scrollbar {
    position: absolute;
    left: 1%;
    bottom: 3px;
    z-index: 50;
    height: 5px;
    width: 98%
}

.swiper-container-vertical > .swiper-scrollbar {
    position: absolute;
    right: 3px;
    top: 1%;
    z-index: 50;
    width: 5px;
    height: 98%
}

.swiper-scrollbar-drag {
    height: 100%;
    width: 100%;
    position: relative;
    background: rgba(0, 0, 0, .5);
    border-radius: 10px;
    left: 0;
    top: 0
}

.swiper-scrollbar-cursor-drag {
    cursor: move
}

.swiper-scrollbar-lock {
    display: none
}

.swiper-zoom-container {
    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: center
}

.swiper-zoom-container > canvas, .swiper-zoom-container > img, .swiper-zoom-container > svg {
    max-width: 100%;
    max-height: 100%;
    -o-object-fit: contain;
    object-fit: contain
}

.swiper-slide-zoomed {
    cursor: move
}

.swiper-lazy-preloader {
    width: 42px;
    height: 42px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -21px;
    margin-top: -21px;
    z-index: 10;
    -webkit-transform-origin: 50%;
    -ms-transform-origin: 50%;
    transform-origin: 50%;
    -webkit-animation: swiper-preloader-spin 1s steps(12, end) infinite;
    animation: swiper-preloader-spin 1s steps(12, end) infinite
}

.swiper-lazy-preloader:after {
    display: block;
    content: '';
    width: 100%;
    height: 100%;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%236c6c6c'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
    background-position: 50%;
    background-size: 100%;
    background-repeat: no-repeat
}

.swiper-lazy-preloader-white:after {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%23fff'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E")
}

@-webkit-keyframes swiper-preloader-spin {
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@keyframes swiper-preloader-spin {
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

.swiper-container .swiper-notification {
    position: absolute;
    left: 0;
    top: 0;
    pointer-events: none;
    opacity: 0;
    z-index: -1000
}

.swiper-container-fade.swiper-container-free-mode .swiper-slide {
    -webkit-transition-timing-function: ease-out;
    -o-transition-timing-function: ease-out;
    transition-timing-function: ease-out
}

.swiper-container-fade .swiper-slide {
    pointer-events: none;
    -webkit-transition-property: opacity;
    -o-transition-property: opacity;
    transition-property: opacity
}

.swiper-container-fade .swiper-slide .swiper-slide {
    pointer-events: none
}

.swiper-container-fade .swiper-slide-active, .swiper-container-fade .swiper-slide-active .swiper-slide-active {
    pointer-events: auto
}

.swiper-container-cube {
    overflow: visible
}

.swiper-container-cube .swiper-slide {
    pointer-events: none;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    z-index: 1;
    visibility: hidden;
    -webkit-transform-origin: 0 0;
    -ms-transform-origin: 0 0;
    transform-origin: 0 0;
    width: 100%;
    height: 100%
}

.swiper-container-cube .swiper-slide .swiper-slide {
    pointer-events: none
}

.swiper-container-cube.swiper-container-rtl .swiper-slide {
    -webkit-transform-origin: 100% 0;
    -ms-transform-origin: 100% 0;
    transform-origin: 100% 0
}

.swiper-container-cube .swiper-slide-active, .swiper-container-cube .swiper-slide-active .swiper-slide-active {
    pointer-events: auto
}

.swiper-container-cube .swiper-slide-active, .swiper-container-cube .swiper-slide-next, .swiper-container-cube .swiper-slide-next + .swiper-slide, .swiper-container-cube .swiper-slide-prev {
    pointer-events: auto;
    visibility: visible
}

.swiper-container-cube .swiper-slide-shadow-bottom, .swiper-container-cube .swiper-slide-shadow-left, .swiper-container-cube .swiper-slide-shadow-right, .swiper-container-cube .swiper-slide-shadow-top {
    z-index: 0;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.swiper-container-cube .swiper-cube-shadow {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    background: #000;
    opacity: .6;
    -webkit-filter: blur(50px);
    filter: blur(50px);
    z-index: 0
}

.swiper-container-flip {
    overflow: visible
}

.swiper-container-flip .swiper-slide {
    pointer-events: none;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    z-index: 1
}

.swiper-container-flip .swiper-slide .swiper-slide {
    pointer-events: none
}

.swiper-container-flip .swiper-slide-active, .swiper-container-flip .swiper-slide-active .swiper-slide-active {
    pointer-events: auto
}

.swiper-container-flip .swiper-slide-shadow-bottom, .swiper-container-flip .swiper-slide-shadow-left, .swiper-container-flip .swiper-slide-shadow-right, .swiper-container-flip .swiper-slide-shadow-top {
    z-index: 0;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.swiper-container-coverflow .swiper-wrapper {
    -ms-perspective: 1200px
}

/***********************
OK-линзы
***********************/
.hero_bg_ok {
    background: -moz-linear-gradient(top, rgba(0, 120, 215, 0) 0%, rgba(0, 120, 215, 0.05) 100%);
    background: -webkit-linear-gradient(top, rgba(0, 120, 215, 0) 0%, rgba(0, 120, 215, 0.05) 100%);
    background: linear-gradient(to bottom, rgba(0, 120, 215, 0) 0%, rgba(0, 120, 215, 0.05) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#000078d7', endColorstr='#990078d7', GradientType=0);
}

.hero_height_ok {
    height: 750px;
}

.hero-text-ok {
    padding-top: 150px;
    z-index: 9;
}

.hero-text-ok .is-hero {
    font-size: 72px;
    color: #0078d7;
}

.hero-text-ok .is-h2 {
    line-height: 1.4em;
}

/*стили для okb */
.hero-text-okb {
    padding-top: 130px;
    z-index: 9;
}

.hero-text-okb .is-hero-okb {
    font-size: 62px;
    color: #0078d7;
    margin-top: 8px;
}

.hero-text-okb .is-h2-okb {
    font-size: 32px;
    max-width: 300px;
    line-height: 42px;
}

.menu-slide-okb {
    padding-top: 10px;
}

.block-price .header_time {
    text-align: center;
    width: auto;
}

#stage {
    position: absolute;
    width: 100%;
    height: inherit;
    top: 0px;
    bottom: 0;
    left: 0px;
    z-index: 100;
    overflow: hidden;
}

.stage {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
}

/*#linza_1 {
  background: transparent url(/local/templates/orto/css/../img/ok/linza_1.png) 0 500px no-repeat;
  bottom: 0;
  top: 122px;
	width: 100%;
  height: 100%;
}
*/
#animate-linz-1 {
    position: absolute;
    top: 10%;
    width: 100%;
    height: 246px;
    background-image: url(/local/templates/orto/css/../img/ok/linza_1.png);
    background-position: 0 0;
    background-repeat: no-repeat;
    background-size: contain;

    /*animation: animatedLinz 60s linear infinite;*/
}

#animate-linz-2 {
    position: absolute;
    bottom: 10%;
    width: 100%;
    height: 246px;
    background-image: url(/local/templates/orto/css/../img/ok/linza_2.png);
    background-position: 0 0;
    background-repeat: no-repeat;
    background-size: contain;

    /*animation: animatedLinz2 80s linear infinite;*/
}

#animate-linz-3 {
    position: absolute;
    top: 30%;
    width: 100%;
    height: 97px;
    background-image: url(/local/templates/orto/css/../img/ok/linza_3.png);
    background-position: 0 0;
    background-repeat: no-repeat;
    background-size: contain;

    /*animation: animatedLinz2 50s linear infinite;*/
}

#animate-linz-4 {
    position: absolute;
    bottom: 30%;
    width: 100%;
    height: 126px;
    background-image: url(/local/templates/orto/css/../img/ok/linza_4.png);
    background-position: 0 0;
    background-repeat: no-repeat;
    background-size: contain;

    /*animation: animatedLinz 70s linear infinite;*/
}

#animate-obl-3 {
    position: absolute;
    top: 30%;
    width: 100%;
    height: 97px;
    background-image: url(/local/templates/orto/css/../img/ok/linza_3.png);
    background-position: 0 0;
    background-repeat: no-repeat;

    /*animation: animatedLinz2 40s linear infinite;*/
}


.hero_bg_ok .header-slider {
    z-index: 10;
}

.oblaka {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 1;
}

#animate-oblako-1 {
    position: absolute;
    top: 10%;
    width: 100%;
    height: 224px;
    background-image: url(/local/templates/orto/css/../img/ok/oblako_1.png);
    background-position: 0 0;
    background-repeat: no-repeat;

    /*animation: animatedLinz 40s linear infinite;*/
}

#animate-oblako-2 {
    position: absolute;
    bottom: 10%;
    width: 100%;
    height: 212px;
    background-image: url(/local/templates/orto/css/../img/ok/oblako_2.png);
    background-position: 0 0;
    background-repeat: no-repeat;

    /*animation: animatedLinz2 40s linear infinite;*/
}

#animate-oblako-3 {
    position: absolute;
    top: 30%;
    width: 100%;
    height: 196px;
    background-image: url(/local/templates/orto/css/../img/ok/oblako_3.png);
    background-position: 0 0;
    background-repeat: no-repeat;

    /*animation: animatedLinz2 50s linear infinite;*/
}

#animate-oblako-4 {
    position: absolute;
    bottom: 30%;
    width: 100%;
    height: 202px;
    background-image: url(/local/templates/orto/css/../img/ok/oblako_4.png);
    background-position: 0 0;
    background-repeat: no-repeat;

    /*animation: animatedLinz 60s linear infinite;*/
}


@-webkit-keyframes animatedLinz {
    from {
        -webkit-transform: translateX(100%)
    }
    to {
        -webkit-transform: translateX(-100%)
    }
}

@-moz-keyframes animatedLinz {
    from {
        -moz-transform: translateX(100%)
    }
    to {
        -moz-transform: translateX(-100%)
    }
}

@keyframes animatedLinz {
    from {
        -webkit-transform: translateX(100%);
        -moz-transform: translateX(100%);
        -ms-transform: translateX(100%);
        -o-transform: translateX(100%);
        transform: translateX(100%)
    }
    to {
        -webkit-transform: translateX(-100%);
        -moz-transform: translateX(-100%);
        -ms-transform: translateX(-100%);
        -o-transform: translateX(-100%);
        transform: translateX(-100%)
    }
}

@-webkit-keyframes animatedLinz2 {
    from {
        -webkit-transform: translateX(-100%)
    }
    to {
        -webkit-transform: translateX(100%)
    }
}

@-moz-keyframes animatedLinz2 {
    from {
        -moz-transform: translateX(-100%)
    }
    to {
        -moz-transform: translateX(100%)
    }
}

@keyframes animatedLinz2 {
    from {
        -webkit-transform: translateX(-100%);
        -moz-transform: translateX(-100%);
        -ms-transform: translateX(-100%);
        -o-transform: translateX(-100%);
        transform: translateX(-100%)
    }
    to {
        -webkit-transform: translateX(100%);
        -moz-transform: translateX(100%);
        -ms-transform: translateX(100%);
        -o-transform: translateX(100%);
        transform: translateX(100%)
    }
}

#animate-linz-1,
#animate-oblako-1 {
    -webkit-animation: animatedLinz 40s infinite linear;
    -moz-animation: animatedLinz 40s infinite linear;
    animation: animatedLinz 40s infinite linear
}

#animate-linz-2,
#animate-oblako-2 {
    -webkit-animation: animatedLinz2 60s infinite linear;
    -moz-animation: animatedLinz2 60s infinite linear;
    animation: animatedLinz2 60s infinite linear
}

#animate-linz-3,
#animate-oblako-3 {
    -webkit-animation: animatedLinz 50s infinite linear;
    -moz-animation: animatedLinz 50s infinite linear;
    animation: animatedLinz 50s infinite linear
}

#animate-linz-4,
#animate-oblako-4 {
    -webkit-animation: animatedLinz2 40s infinite linear;
    -moz-animation: animatedLinz2 40s infinite linear;
    animation: animatedLinz2 40s infinite linear
}

/*@keyframes animatedLinz {
	from { background-position: 0 0; }
	to { background-position: 100% 0; }
}
@keyframes animatedLinz2 {
	from { background-position: 100% 0; }
	to { background-position: 0 0; }
}*/
#linza-big {
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    background-image: url(/local/templates/orto/css/../img/ok/linza_bg.png);
    background-position: 100px center;
    background-repeat: no-repeat;
    /*background-size: cover;*/
}

#linza-big > span {
    position: relative;
    height: 100%;
    display: block;
}

#linza-big > span:after {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 130%;
    background: linear-gradient(to left, rgba(121, 117, 117, 0), rgba(255, 255, 255, .5), rgba(121, 117, 117, 0)) no-repeat -2em 0%;
    background-size: 10em 100%;
    -moz-transform: skewX(-20deg);
    -o-transform: skewX(-20deg);
    -webkit-transform: skewX(-20deg);
    transform: skewX(-20deg);
    opacity: 0;
}

#linza-big > span.blink_on:after {
    opacity: 1;
    transition: 2s linear;
    background-position: 130% 0%;
}

.hero_height_ok .gallery-top {
    margin: 0 auto;
    position: relative;
    overflow: hidden;
    list-style: none;
    padding: 0;
    height: 100%;
    z-index: 2;
}

.hero_height_ok .slide,
.hero_height_ok .slide-photo {
    height: 100%;
}

.slide-photo img {
    position: absolute;
    bottom: 0;
    left: 0;
}

.slide-quote {
    position: absolute;
    top: 0;
    left: 550px;
    width: 648px;
    height: 256px;
    background-image: url(/local/templates/orto/css/../img/ok/oblako.png);
    background-position: left bottom;
    background-repeat: no-repeat;
}

.slide-quote__text {
    padding: 70px 90px 30px 110px;
}

.slide-quote__autor {
    padding: 10px 60px 0px 110px;
}

.slide-text {
    position: absolute;
    top: 280px;
    left: 700px;
    padding-right: 60px;
    max-width: 500px;
}

.slide-text .is-h5 {
    font-size: 1.2em;
}

.slide-text .button {
    padding: 0 1.6em;
}

.menu-slide {
    position: relative;
    margin-top: -75px;
    z-index: 100;
}

.gallery-thumbs {
    margin: 0 auto;
    position: relative;
    /*overflow:hidden;*/
    list-style: none;
    padding: 0;
}

.gallery-thumbs .swiper-slide .slide-thumbs {
    width: 320px;
    height: 120px;
    background-color: #fff;
    /*overflow: hidden;*/
    border-radius: 15px;
    box-sizing: border-box;
    font-family: "lato", Helvetica, Arial, sans-serif;
    font-weight: 800;
    font-size: 21px;
    line-height: 1.2;
    cursor: pointer;

    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
    -webkit-transition: box-shadow .5s ease, background .3s ease, color .3s ease, -webkit-transform .5s ease;
    transition: transform .5s ease, box-shadow .5s ease, background .3s ease, color .3s ease;
    transition: transform .5s ease, box-shadow .5s ease, background .3s ease, color .3s ease, -webkit-transform .5s ease;
    will-change: transform, box-shadow, background, color;
}

.gallery-thumbs .swiper-slide .slide-thumbs img {
    display: block;
    margin-top: -19px;
}

.gallery-thumbs .swiper-slide .slide-thumbs .is-container-row {
    border-radius: 15px;
    box-shadow: inset 0 0 40px rgba(29, 76, 115, .1);
}

.gallery-thumbs .swiper-slide-thumb-active .slide-thumbs {
    color: #fff;
    background-color: #0078d7;

    -webkit-transform: translate(0, 10px);
    transform: translate(0, 10px);
    box-shadow: 0 6px 24px rgba(6, 67, 117, 0.12);
}

.slide-icons img {
    width: 70px;
    height: auto;
}

.menu-slide {
    padding-top: 18px;
    height: 180px;
}

.menu-slide.is-scrollable {
    white-space: normal;
}

.page-ok .is-border-top {
    border-top: 1px solid #f0f3f5;
}

.page-ok .block-photo-app {
    position: absolute;
    top: 0;
    width: 48%;
    height: 100%;
    background-size: cover;
    background-repeat: no-repeat;
    /*background-position: 50% 50%;*/
}

.page-ok .block-start {
    background: none;
}

.page-ok .block-start .start-photo img {
    max-width: 65px;
    height: 65px;
}

.page-ok #price .oblaka {
    height: 100%;
}

.navigation-ok {
    position: absolute;
    bottom: 140px;
    left: -10px;
}

.page-ok .swiper-button-next,
.page-ok .swiper-button-prev {
    top: auto;
    margin-top: 0;
    width: 40px;
    height: 40px;
    line-height: 35px;
    display: inline-block;
    vertical-align: middle;
    padding: 0;
    outline: none;
    background: #fff;
    text-align: center;
    border: 0;
    border-radius: 20px;
}


.page-ok .swiper-button-prev .icon, .page-ok .swiper-button-next .icon {
    color: #0078d7;
}

.page-ok .swiper-button-prev:hover, .page-ok .swiper-button-prev:focus, .page-ok .swiper-button-next:hover, .page-ok .swiper-button-next:focus {
    color: transparent;
    outline: none;
    background: #0078d7;
    cursor: pointer;
}

.page-ok .swiper-button-prev:hover .icon, .page-ok .swiper-button-prev:focus .icon, .page-ok .swiper-button-next:hover .icon, .page-ok .swiper-button-next:focus .icon {
    color: #fff;
}

.page-ok .swiper-button-prev.swiper-button-disabled, .page-ok .swiper-button-next.swiper-button-disabled {
    opacity: .55;
}

.page-ok .swiper-button-prev.swiper-button-disabled .icon, .page-ok .swiper-button-next.swiper-button-disabled .icon {
    color: #8c9194;
}

.page-ok .swiper-button-next {
    right: auto;
    left: 60px;
}

.page-ok .swiper-button-prev {

}

/*page-ok .swiper-button-prev .icon, .page-ok .swiper-button-next .icon {
  opacity: 1;
  width: 40px;
  height: 40px;
  border-radius: 0;
  border: 1px solid rgba(17, 17, 19, 0.07);
	-webkit-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
}
*/

.page-ok .block_main__img {
    height: 200px;
    border-radius: 12px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    overflow: hidden;
}

.block-lists_img,
.block-lists_img .icon {
    width: 100px;
    height: 100px;
}

.lists_num__icon {
    position: absolute;
    top: -5px;
    left: -5px;
}

.lists_num__icon,
.lists_num__icon.block-lists_num::after {
    width: 32px;
    height: 32px;
}

.lists_num__icon .is-big {
    line-height: 32px;
}

.youtube_orto {
    background-position: center;
    background-repeat: no-repeat;
    position: relative;
    display: inline-block;
    overflow: hidden;
    transition: all 200ms ease-out;
    cursor: pointer;
}

/*.youtube_orto .play {
    background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAYAAACqaXHeAAAERklEQVR4nOWbTWhcVRTHb1IJVoxGtNCNdal2JYJReC6GWuO83PM/59yUS3FRFARdFlwYP1CfiojQWt36sRCUurRIdVFXIn41lAoVdRGrG1M01YpKrWjiYmaSl8ybZJL3cd+YA//NLObd3++eO8x79z5jSq5Gw+8kov0AP8vMR5l1BtBZQM4B8ks75wCdZdYZZj5qLZ4hov2Nht9Z9vhKKSIaB/gI4M4w62KeAO6Mte4lYOq20FxrlqqOibhHmeWbvNC9ZfDX1mLae391aN6limO/gwgvAPJbWeAZuSDingdwXTBw7/0IsyaA/Fkh+KqOkD+YNfHej1QKD+y7iVlOhgLvFqFfNJvNGyuBJ+KDAF8MDd0tgS8y64OlgSdJMsysL4cG7SOHkyQZLhTee7+d2R2rAVy/S+Jd7/32ouBHAP4gNNRGQyTHc/84NhqNywZp5rvjjnnvt21aABFeCQ+RLwAf2hQ8s7sv9OCLk6AHNgQvIrvbfzKCD76g/O6cu7lf/iER/aQGgy448pExZmhdegAPhR9sObFWH1gT3lp7DaA/5bkIgJhZPgsNmz02novj+KqeApj1ubwXWe4kdyeznAgNvTpE/HQmvKqOMeuFogTUVQSRno+iaLRLAJF7uIgL9O4ubgL8aWgB7S44mNX+35YpICUiAvS9sBLkq1WzT+NFffl6AuoiApi6NT37h6sWkBIRZGkQ8YtLgyji6e1mBYTqCEBPG2Naz+0BWQgtoGoRgCzEsd9hAN1X5BfnFZASUfrSAFQNsyZ1FJASUVpHiLinDJG8U2cBZYogkrcNs5waBAGdstbeU9zdqpw0gPwwSAI6VUxHyFlDpOcHUUBBIuYNs14aZAE5RVwyzPr3/0EAEY0TyfGNjBWQvwZ +CTSbehfAH29mrID8bET0+0EUkAd8WYDOmqJ3ecsG30yr9wqRfm6Y+a1BEFDEjHfHvWmY9ck6CygHvBVr8Xhtb4ZE5HZA3y8DvBNA1TjnrmXWf+sioMwZX5V/VHXMGGMMoKdDCxCRvRWBdzKzdHEO+EisilbPyopHYqp6S9UCAsz4iojI7hUDAtyXVQgIDd6KnOoaWNkbI6FaPSuZGyMArsi7MZoloB4zviI/Nhr3X95jltwTRQmoIfgisy5ai+me67OI7fE4nrqjrqfK1t0eby0FPRB6oGVlchL3rgnfrq19RKbVBdhV9IOSwJmfmJi4vi/4ThERitwyCxVAFqydshuCX5awhQ9KtmuIWd8IDZED/nXT77rvVVv6sHRKwjYi91poqP7Dr+Y6JJ1VSZIMA3wkPNy6bX+o8Bcm0sXMdwM8Fxo0A3xORPaWBp6uPXsmbxCRD0NDL0dOANhVCXy6iAjMcjbcrMt3RITKwdMVRdFo+y5yvkL4eWZ+zHt/ZVD4dEVRNGotpst+dZZZH8k86lqn2pIvT/eqrNfn2xuyqYPZ8mv7s8pfn/8Pybm4TIjanscAAAAASUVORK5CYII=") no-repeat center center;
    background-size: 64px 64px;
    position: absolute;
    height: 100%;
    width: 100%;
    opacity: .8;
    filter: alpha(opacity=80);
    transition: all 0.2s ease-out;
}

.youtube_orto .play:hover {
    opacity: 1;
    filter: alpha(opacity=100);
}*/


/* Spin animation
@keyframes spin {
  to { transform: rotate(360deg); }
}

.youtube_orto .stroke-solid {
  stroke-dashoffset: 0;
  stroke-dashArray: 300;
  stroke-width: 4px;
  transition: stroke-dashoffset 1s ease,
              opacity 1s ease;
}

.youtube_orto .icon {
  transform: scale(.8);
  transform-origin: 50% 50%;
  transition: transform 200ms ease-out;
}
#play_orto {
  cursor: pointer;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateY(-50%) translateX(-50%);
}*/
.video_orto {
    position: relative;
    padding-bottom: 56.25%; /* задаёт высоту контейнера для 16:9 (если 4:3 — поставьте 75%) */
    height: 0;
    overflow: hidden;
}


.video_orto iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-width: 0;
    outline-width: 0;
}

/* Hover
#play_orto:hover .stroke-solid {
  opacity: 1;
  stroke-dashoffset: 300;
}
#play_orto:hover .icon {
  transform: scale(.9);
}*/


div.video-glasses {
    display: none;
}

.icon-play-button {
    box-sizing: border-box;
    position: relative;
    display: block;
    width: 102px;
    height: 102px;
    background-color: #e5053a;
    border-radius: 56px;
}

.icon-play-button::before {
    content: "";
    display: block;
    box-sizing: border-box;
    position: absolute;
    width: 0;
    height: 34px;
    border-top: 17px solid #e5053a;
    border-bottom: 17px solid #e5053a;
    border-left: 24px solid #fff;
    top: 34px;
    left: 42px;
}

.video-play {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -56px;
    margin-left: -56px;
    background-color: rgba(255, 255, 255, 0.5);
    border: solid 2px rgba(255, 255, 255, 0.5);
    border-radius: 56px;
    cursor: pointer;
}

.video-play:hover .icon-play-button {
    background: #d80738;
}

.video-play:hover .icon-play-button::before {
    border-top-color: #d80738;
    border-bottom-color: #d80738;
}

/* NEW Orto */
.page-new-ok {

}

.top_menu {
    position: absolute;
    padding-top: 100px;
    z-index: 200;
}

.top_menu.is-fixed {
    padding-top: 20px;
}

.top_menu .nav-toggle {
    font-size: 14px;
    font-weight: 600;
}

.page-new-ok .hero-text-okb {
    padding-top: 220px;
}

.page-new-ok .header-slider__right {
    padding-top: 180px;
}

.page-new-ok .slide-photo img {
    height: 100%;
}

.page-new-ok .slide-quote {
    top: -30px;
    left: 410px;
}

.page-new-ok .slide-text {
    top: 240px;
    left: 520px;
    font-size: 16px;
}

.page-new-ok .accordion__item {
    border: 1px solid #e3e9ec;
}

.mt-2 {
    margin-top: 20px;
}

.text-underline {
    text-decoration: underline;
}

@media only screen and (max-width: 1024px) {
    .hero_height_ok {
        height: auto;
        min-height: 1050px;
    }

    .hero-text-okb, .hero-text-ok {
        padding-left: 20px;
        padding-right: 20px;
    }

    .hero-text-okb .is-h2-okb {
        max-width: none;
    }

    .header-slider__right {
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        height: 100%;
    }

    .slide-photo {
        display: none;
    }

    .slide-quote {
        top: auto;
        left: -20px;
        bottom: 70px;
    }

    .page-new-ok .slide-quote {
        top: auto;
        left: -20px;
        bottom: 150px;
    }

    .slide-text {
        top: 450px;
        left: 0;
        max-width: 100%;
    }

    .page-new-ok .slide-text {
        top: 280px;
        left: 0;
        max-width: 100%;
    }

    #linza-big {
        background-position: -20px center;
    }

    #linza-big > span:after {
        width: 140%;
        height: 140%;
    }

    .slide-quote__autor .is-text-blue,
    .slide-quote__autor .is-muted {
        color: #fff !important;
    }
}

@media only screen and (max-width: 767px) {
    .header {
        border-bottom: none;
    }

    .header-slider {

    }

    .hero_height_ok {
        min-height: 500px;
    }

    .header_time {
        text-align: center !important;
        width: auto !important;
    }

    .hero-text-ok .is-hero {
        font-size: 58px;
    }

    .hero-text-okb .is-hero-okb {
        font-size: 58px;
    }

    .hero-text-ok .is-h2 {
        font-size: 2.1em;
    }

    .hero-text-okb .is-h2-okb {
        font-size: 2.1em;
    }

    .hero-text-okb, .hero-text-ok,
    .page-new-ok .hero-text-okb {
        padding-left: 12px;
        padding-right: 12px;
        padding-top: 120px;
        text-align: center;
    }

    .slide-text {
        top: 345px;
        padding: 12px;
        background: #fff;
        border-radius: 15px;
        box-shadow: 0 15px 40px rgba(6, 67, 117, 0.2);
        box-sizing: border-box;
        margin: 0 12px;
    }

    .page-ok .header-slider {
        height: 70px;
    }

    .slide-quote,
    .header-slider__right,
    .menu-slide {
        display: none;
    }

    /*.slide-quote {
		width: 100%;
    left: 0;
    bottom: 70px;
    height: 221px;
    background: none;
    padding: 12px;
    box-sizing: border-box;
	}
	.slide-quote__text {
		padding: 12px;
    background: #fff;
    border-radius: 15px;
    box-shadow: 0 15px 40px rgba(6,67,117, 0.2);
	}
	.slide-quote__autor {
		width: 100%;
    padding: 0;
    padding-top: 5px;
	}

	#linza-big {
		background-position: -130px center;
	}*/
    .block-photo-app {
        position: relative;
        width: 100%;
        height: 300px;
    }

    #animate-linz-1,
    #animate-linz-2 {
        height: 30%;
    }
}

.linzi-block {
    width: 100%;
    z-index: 1;
    height: 100%;
    position: relative;
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
    -webkit-transition: box-shadow .5s ease, -webkit-transform .5s ease;
    transition: transform .5s ease, box-shadow .5s ease;
    transition: transform .5s ease, box-shadow .5s ease, -webkit-transform .5s ease;
    will-change: transform, box-shadow;
}

.linzi-block:hover {
    border-color: #fff;
    -webkit-transform: translate(0, -5px);
    transform: translate(0, -5px);
}

.buttons-linz {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
}

.buttons-linz-dop {
    position: absolute;
    bottom: -135px;
    width: 100%;
    left: 0;
    right: 0;
    box-shadow: 0 16px 24px rgba(6, 67, 117, 0.12);
    background: #fff;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    opacity: 0;
    height: 0;
    visibility: hidden;
}

.linzi-block:hover .buttons-linz-dop {
    opacity: 1;
    height: auto;
    visibility: inherit;
}
.js-tab-menu {
  z-index: 2;
}

.js-tab-content {
    display: none !important;
}

.js-tab-content.active {
    display: flex !important;
}

@media only screen and (max-width: 1024px) {
    .buttons-linz {
        position: relative;
        padding: 0 !important;
    }

    .buttons-linz-dop {
        position: relative;
        opacity: 1;
        display: block;
        top: 0;
        bottom: 0;
        box-shadow: none;
        padding: 0 !important;
    }

    .linzi-block .is-inset-bottom-100 {
        padding-bottom: 0;
    }
}

/* OK Мытищи */
.page-okm .header .logo_city {
    height: 3.125em;
}

.page-okm .br_mob {
    display: none;
}

.page-okm .slide-quote {
    top: 60px;
}

.page-okm .slide-text {
    top: 330px;
}

.page-okm .text_city {
    line-height: 1.2;
}

.page-okm .info_text {
    font-size: 19px;
}

.buttons-sale .button {
    margin: 0 5px;
}

@media only screen and (min-width: 1024px) {
    .page-okm .br_mob {
        display: block;
    }
}

@media only screen and (max-width: 1024px) {
    .page-okm .slide-quote {
        top: auto;
    }

    .page-okm .slide-text {
        top: 450px;
    }
}

@media only screen and (max-width: 767px) {
    .page-okm .header .logo_city {
        height: 2.223em;
    }

    .buttons-sale .button {
        width: 100%;
        margin: 0 0 10px 0;
    }

    .button.is-big {
        width: auto;
    }

    .num-linz {
        font-size: 1em;
    }
}

.page-new-ok.page-promo-ok {
	position: relative;
}

.page-new-ok.page-promo-ok .hero_height_ok {
	height: 650px;
	background-image: url(/local/templates/orto/css/../img/ok_promo/hero.jpg);
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
}

.page-new-ok.page-promo-ok.ok_bg .hero_height_ok {
	height: 650px;
	background-image: url(/local/templates/orto/css/../img/ok_promo/hero_ok.jpg);
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
}

.page-new-ok.page-promo-ok .linz {
	position: absolute;
	top: 0;
	bottom: 0;
}
.page-new-ok.page-promo-ok .hero-text-okb {
	padding-top: 170px;
}
/*
.page-new-ok.page-promo-ok .header-slider__right {
	padding-top: 120px;
	z-index: 20;
}

.page-new-ok.page-promo-ok #linza-big {
	right: -20%;
}
.is-width-big-large {
	max-width: 1600px;
}
@media only screen and (min-width: 1600px) {
	.page-new-ok.page-promo-ok #linza-big {
		right: -30%;
	}
}

.page-new-ok.page-promo-ok #animate-linz-1 {
	height: 89px;
	background-image: url(/local/templates/orto/css/../img/ok_promo/ked.png);
}
.page-new-ok.page-promo-ok #animate-linz-2 {
	height: 202px;
	background-image: url(/local/templates/orto/css/../img/ok_promo/detmir.png);
}
.page-new-ok.page-promo-ok #animate-linz-3 {
	height: 169px;
	background-image: url(/local/templates/orto/css/../img/ok_promo/serdce.png);
}
.page-new-ok.page-promo-ok #animate-linz-4 {
	height: 140px;
	background-image: url(/local/templates/orto/css/../img/ok_promo/star.png);
}

.page-new-ok.page-promo-ok #animate-oblako-1 {
	top: -10%;
	height: 294px;
	background-image: url(/local/templates/orto/css/../img/ok_promo/oblako_1.png);
}
.page-new-ok.page-promo-ok #animate-oblako-2 {
	height: 214px;
	background-image: url(/local/templates/orto/css/../img/ok_promo/oblako_2.png);
}
.page-new-ok.page-promo-ok #animate-oblako-3 {
	height: 164px;
	background-image: url(/local/templates/orto/css/../img/ok_promo/oblako_3.png);
}
.page-new-ok.page-promo-ok #animate-oblako-4 {
	height: 179px;
	background-image: url(/local/templates/orto/css/../img/ok_promo/oblako_4.png);
}*/

.page-promo-ok .header_time .header_time__block {
	background-color: #e5053a;
	border: 0;
	color: #fff;
	border-radius: 10px;
	box-shadow: none;
	line-height: 45px;
}

.page-promo-ok .button,
.page-promo-ok .button:active,
.page-promo-ok .button:focus,
.page-new-ok.page-promo-ok input,
.page-new-ok.page-promo-ok textarea,
.page-new-ok.page-promo-ok select {
	border-radius: 10px;
}

.page-promo-ok .button.is-large,
.page-promo-ok .button.is-large:active,
.page-promo-ok .button.is-large:focus  {
	font-size: 1.125em;
	min-height: 3.75em;
	padding: 0.45em 1.875em;
	border-radius: 15px;
}

.page-promo-ok .button.is-secondary {
	text-decoration: none;
	text-transform: none;
	color: #1c1c1c;
	background: none;
	border: 1px solid #dddfe5;
	box-shadow: none;
}

.page-promo-ok .button.is-secondary:hover {
	color: #fff;
	background: #0078d7;
	border-color: #0078d7;
}

.page-new-ok.page-promo-ok .promo-ok-content {
	position: relative;
	z-index: 10;
}
.page-new-ok.page-promo-ok::after,
.page-new-ok.page-promo-ok::before {
	content: '';
	position: absolute;
	top: 750px;
	height: 100%;
	z-index: 1;
}
.page-new-ok.page-promo-ok::after {
	left: -80px;
	background: url(/local/templates/orto/css/../img/ok_promo/left.png) repeat-y;
	background-position: top left;
	width: 277px;
}
.page-new-ok.page-promo-ok::before {
	right: -80px;
	background: url(/local/templates/orto/css/../img/ok_promo/right.png) repeat-y;
	background-position: top right;
	width: 222px;
}

.page-new-ok.page-promo-ok.ok_bg::after,
.page-new-ok.page-promo-ok.ok_bg::before {
  background: none;
}

.page-new-ok.page-promo-ok .l-plus {
	width: 170px;
	background-color: transparent;
	box-shadow: 0 7px 15px rgba(0,120,215,0.15);
}

.page-new-ok.page-promo-ok .l-plus .button {
	border-radius: 50px;
	padding: 15px 20px!important;
	color: #0078d7;
}

.page-new-ok.page-promo-ok .l-plus-text {
	font-size: 16px;
	min-width: auto;
	text-align: left;
	color: #1c1c1c;
}

.page-new-ok.page-promo-ok .l-plus .button:hover,
.page-new-ok.page-promo-ok .l-plus .button:hover .l-plus-text {
	color: #fff;
}

.page-new-ok.page-promo-ok .br_mob {display: none;}

@media only screen and (max-width: 1024px) {
	.page-new-ok.page-promo-ok::after,
	.page-new-ok.page-promo-ok::before {
		display: none;
	}
	.page-new-ok.page-promo-ok .slide-text {
		top: 370px;
	}
	.page-new-ok.page-promo-ok .hero-text-okb {
		z-index: 30;
	}
	.page-new-ok.page-promo-ok .slide-quote__autor .is-text-blue, .page-new-ok.page-promo-ok .slide-quote__autor .is-muted {
		color: #1c1c1c !important;
	}

	.page-promo-ok .hero_height_ok {
		min-height: 650px;
	}
}

.icon-logo_dt {
	width: 165px;
	height: auto;
}


.page-new-ok.page-promo-ok .is-row.appropriate-list .is-col {
	padding-left: 24px;
}
.page-new-ok.page-promo-ok .is-row.appropriate-list .is-col.is-25 {
	min-width: calc(25% - 24px);
}


@media only screen and (max-width: 767px) {
	.icon-logo_dt {
		width: 95px;
		height: auto;
	}
	.page-new-ok.page-promo-ok .hero-text-okb {
		padding-top: 100px;
	}
	.page-new-ok.page-promo-ok .hero_height_ok {
		height: auto;
		min-height: auto;
	}
	.page-new-ok.page-promo-ok .is-row.appropriate-list {
		margin-left: -24px;
	}
	.page-new-ok.page-promo-ok .is-row.appropriate-list .is-col {
		flex: 0 0 100%;
		width: 100% !important;
		max-width: 100% !important;
	}
	.page-new-ok.page-promo-ok .is-row.appropriate-list .is-col.is-25 {
    width: auto;
    min-width: 100%;
  }
	.page-new-ok.page-promo-ok .is-row.appropriate-list .block_main__img {
		height: 280px;
	}
	.page-new-ok.page-promo-ok .button.is-big {
		font-size: 1.125em;
		min-height: 2.778em;
		padding: 0.45em 1.45em;
	}
	.page-new-ok.page-promo-ok .l-plus {
		width: auto;
	}
	.page-new-ok.page-promo-ok .l-plus-text {
		font-size: 18px;
	}
	.page-new-ok.page-promo-ok .br_mob {display: block;}
}

.page-promo-ok .block-price_bg {
    background-image: url(/local/templates/orto/css/../img/ok_promo/bg_sale.jpg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.page-promo-ok .block-price_bg.bg_ok {
	background-image: url(/local/templates/orto/css/../img/ok_promo/bg_sale_ok.jpg);
}

.modal-container a {
    word-wrap: break-word;
}

.make-an-appointment-form .form-item input.error {
    border: 2px solid red;
}

.info-blocks {
  counter-reset: num 0;
}

.info-block {
  height: 100%;
  counter-increment: num;
}

.info-block::after {
  content: '';
  position: absolute;
  top: -10px;
  left: -10px;
  border-radius: 50%;
  width: 32px;
  height: 32px;
  background-color: #0078d7;
}

.info-blocks .is-col .info-block::before {
  content: counter(num);
  position: absolute;
  top: -6px;
  left: 1px;
  color: #fff;
  z-index: 1;
}

@media (max-width: 360px) {
    h2 {
        font-size: 22px;
    }

    #pricelens .is-h4 {
        font-size: 20px;
    }

    .accordion__header-title {
        font-size: 18px;
    }

    .start-text .is-big {
        font-size: 1em;
    }

    .info-blocks .info-block {
        font-size: 14px;
    }
}

.slider_page .slick-list {
  padding-top: 20px;
}

.card {
    background: #fff;
    border: .05rem solid #dddfe5;
    border-radius: 1rem;
    display: flex;
    display: -ms-flexbox;
    -ms-flex-direction: column;
    flex-direction: column;
    color: #282c2f;
    height: 100%;
    transition: background .2s, border .2s, box-shadow .2s, color .2s, transform .5s ease, -webkit-transform .5s ease;
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
    will-change: transform, box-shadow;
    overflow: hidden;
}

.card .card-header,
.card .card-body,
.card .card-footer {
    padding: 1rem 1.5rem;
    padding-bottom: 0;
}

.card .card-header:last-child,
.card .card-body:last-child,
.card .card-footer:last-child {
    padding-bottom: 1.5rem;
}

.card .card-body {
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
}

@media only screen and (max-width: 768px) {
    .card .card-header,
    .card .card-body,
    .card .card-footer {
        padding: .5rem 1rem;
        padding-bottom: 0;
    }
}


.card-service .icon {
  box-sizing: border-box;
  display: inline-block;
  font-size: inherit;
  font-style: normal;
  height: 1em;
  position: relative;
  text-indent: -9999px;
  vertical-align: middle;
  width: 1em;
}

.card-service .icon::before, .card-service .icon::after {
  content: "";
  display: block;
  left: 50%;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
}

.card-service .icon.icon-forward::before {
  border: .1rem solid currentColor;
  border-bottom: 0;
  border-right: 0;
  height: .5em;
  width: .5em;
  transform: translate(-50%, -50%) rotate(135deg);
  left: 10px;
}

.card-service .icon.icon-forward::after {
  background: currentColor;
  height: .1rem;
  width: 1em;
  left: 40%;
}


.card-service {
    height: 300px;
    border: 0;
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
    -webkit-transition: box-shadow .5s ease, -webkit-transform .5s ease;
    transition: transform .5s ease, box-shadow .5s ease, -webkit-transform .5s ease;
    will-change: transform, box-shadow;
}

.card-service:hover {
    -webkit-transform: translate(0, -5px);
    transform: translate(0, -5px);
    /*box-shadow: 0 10px 15px rgb(17, 17, 19, .15);*/
    color: #1c1c1c;
}

.card-service .card-header {
  z-index: 1;
}

.card-service__img {
  bottom: -20px;
  left: -20px;
  z-index: 0;
}

.card-service__pechat {
    top: 30px;
    left: 30px;
    z-index: 2;
    display: block;
}

.card-service__btn {
  display: inline-block;
  border-radius: 1.5rem;
  color: #282c2f;
  width: 2.5rem;
  height: 2.5rem;
  line-height: 1.9rem;
  outline: none;
  padding: .25rem 0;
  text-align: center;
  background: #fff;
  transition: background .5s ease, color .3s ease;
}

.card-service:hover .card-service__btn {
  background: #006ee6;
  color: #fff;
}

@media only screen and (max-width: 768px) {
  .card-service {
    height: 250px;
  }
}

/* End */


/* Start:/local/templates/.default/css/loader.css?1711349559995*/
.loader-wrapper {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 12000;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    color: #fff;
}

.loader-wrapper--absolute {
    position: absolute;
}

.loader {
    position: absolute;
    top: 50%;
    left: 50%;
    max-width: 50px;
    max-height: 50px;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    background-color: transparent;
    box-shadow: inset 0 0 0 3px currentcolor;
    transform: translate(-50%, -50%);
}

.loader::before,
.loader::after {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    height: 2px;
    background-color: currentcolor;
    transform-origin: left center;
}

.loader::before {
    width: 25%;
    animation: loader 8s linear infinite;
}

.loader::after {
    width: 30%;
    animation: loader 2s linear infinite;
}

@keyframes loader {
    0% {
        transform: rotate(0deg)
    }
    100% {
        transform: rotate(360deg)
    }
}

/* End */


/* Start:/local/components/custom/show-code-erir/templates/.default/style.css?17507815031641*/
.pop-up-ads__wrapper {
    margin: 0 auto;
    position: relative;
    max-width: 1240px;
}

.pop-up-ads__content {
    position: absolute;
    top: 15px;
    left: 0;
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    width: 100%;
    z-index: 999;
}

.pop-up-ads__caption {
    margin-left: 15px;
    padding: 2px 6px;
    background: rgba(255, 255, 255, 0.50);
    border-radius: 12px;
    font-family: 'Arial';
    font-weight: 400;
    font-size: 12px;
    line-height: normal;
    color: #000;
    letter-spacing: 0.8px;
    text-transform: uppercase;
    opacity: 0.5;
}

.pop-up-ads__button {
    margin-right: 15px;
    position: relative;
    flex-shrink: 0;
}

.pop-up-ads__button-icon {
    display: block;
    width: 16px;
    height: 16px;
    cursor: pointer;
}

.pop-up-ads__button-icon img {
    object-fit: contain;
}

.pop-up-ads__button-text {
    padding: 10px 15px;
    position: absolute;
    top: 35px;
    right: -14px;
    display: none;
    min-width: 280px;
    font-family: 'Arial';
    font-weight: 400;
    font-size: 12px;
    color: #fff;
    text-align: left;
    background: #000;
    border-radius: 5px;
    z-index: 6;
}

.pop-up-ads__button-text:after {
    content: '';
    position: absolute;
    top: -20px;
    right: 11px;
    border: 10px solid transparent;
    border-bottom: 10px solid #000;
}

.pop-up-ads__button-text.open {
    display: block;
}

.pop-up-ads__button-text > span:first-child {
    margin-bottom: 5px;
    display: block;
    font-weight: 700;
}

@media (min-width: 768px) {
    .pop-up-ads__button-text {
        min-width: 310px;
    }
}

/* End */


/* Start:/local/templates/orto/template_styles.css?170979260723606*/
body {
    overflow-y: scroll
}

.l-header .callback {
    text-align: center
}

.l-header .callback a {
    padding: 12px 22px;
    text-align: center;
    color: #fff;
    background-color: #ee0e3d;
    text-transform: uppercase;
    text-decoration: none;
    font-size: 12px;
    font-family: latobold;
    height: 40px;
    border-radius: 2px
}

.l-header .callback a .fa {
    font-size: 14pt
}

.l-header .callback .icon {
    width: 8px;
    height: 4px;
    margin-left: 12px;
    background-position: 0 -4px
}

i.fa.fa-map-marker, i.fa.fa-phone, i.fa.fa-clock-o, i.fa.fa-envelope-o {
    color: #0079da;
    display: block;
    float: left;
    padding: 0 15px;
    margin-bottom: 22px
}

.pmenu, .pcontent {
    float: left
}

.pmenu {
    width: 300px
}

.pcontent {
    width: 880px
}

.pcontent_rt {
    margin-left: 320px
}

.someform {
    width: 100%
}

.someform input[type="text"], .someform input[type="password"], .someform textarea, .someform select {
    width: 100%
}

.someform .line {
    margin-bottom: 10px;
    display: inline-block
}

.someform.secure .line.password .text {
    background: url(/local/templates/orto/img/sec.png) 96% 10px no-repeat
}

.someform .line.buttons .btn {
    width: 100%;
    padding: 11px 14px
}

.someform .line.notes {
    padding-top: 10px;
    border-top: 1px solid #f2f2f2
}

.someform .line.notes div {
    margin-bottom: 5px
}

.someform.auth .line.password .text {
    float: left
}

.someform.auth .line.password .btn {
    width: 38%;
    float: right;
    padding: 11px 14px
}

.someform.auth .line.buttons a {
    float: right
}

.someform.auth .line.forgot span {
    display: inline-block;
    float: left;
    padding-top: 11px
}

.someform.auth .line.forgot a {
    float: right;
    padding: 11px 18px
}

.someform .line.buttons.clearfix {
    width: 200px
}

.someform .line.captcha img {
    float: left
}

.someform h3 {
  margin-bottom: 10px;
}

.table {
    width: 100%
}

.table .tr {
    width: 100%
}

.table .full, .table .tr, .table .td {
    float: left
}

.table .full, .table .td {
    padding: 5px 10px
}

.table .td {
    width: 50%
}

.table .full {
    width: 100%
}

.table .full.name {
    color: #0078d7
}

.table .full.header {
    margin-top: 15px;
    font-weight: 700;
    border-bottom: 1px solid #F2F2F2
}

.description {
    overflow-x: hidden
}

.elementdetail .prices table td .price.old {
    min-height: 18px;
    display: block
}

.sorter_and_name {
    margin-top: 50px;
    margin-bottom: 35px;
    margin-left: 10px
}

.sorter_and_name .name {
    float: left;
    font-size: 21px;
    font-weight: 400;
    text-transform: uppercase;
    font-family: latoheavy
}

.sorter_and_name .sorter {
    float: right
}

.num-404-error {
    font-size: 200px;
    margin-top: 50px;
    line-height: 160px;
    color: #0078d7
}

.text-404-error {
    font-size: 30px;
    padding: 35px 0
}

.errorbutton a {
    color: #fff;
    text-decoration: none;
    background: #0078d7;
    display: inline-block;
    margin: 0 auto;
    font-size: 14px;
    padding: 10px 30px
}

.errorpagein {
    margin-bottom: 70px;
    text-align: center
}

.catalogmenu2 li.first:hover > a, .catalogmenu2 li.first.hover > a, .catalogmenu2 a.first:hover, .catalogmenu2 a.first.hover {
    color: #8b8b8b;
    background-color: #f7f8f8
}

.menu-sidebar li a:hover {
    background: #0078d7;
    color: #fff;
    text-decoration: underline
}

.charactersiticSKU {
    margin-bottom: 15px
}

.name_prop_sku {
    font-weight: 600;
    margin-right: 5px;
    font-family: Arial
}

.properties .div_options {
    max-height: 280px;
    overflow-x: hidden
}

.name_auth {
    float: left;
    padding-top: 10px;
    width: 155px;
    font-family: latosemibold
}

.input_auth {
    display: inline-block;
    width: 400px
}

.auth_form {
    padding: 30px 30px 20px;
    border: 1px solid #eaeaea;
    margin-bottom: 20px
}

.orderdetail {
    padding: 30px 25px 20px 30px;
    border: 1px solid #eaeaea;
    width: 800px;
    margin-bottom: 20px
}

.orderlist {
    margin-bottom: 20px
}

.article {
    font-size: 12px;
    color: #8b8b8b;
    padding-bottom: 40px
}

.picture-block-modal {
    width: 140px;
    float: left
}

.picture-block-modal img {
    max-width: 90%
}

.characters-block-modal {
    width: 530px;
    float: right
}

.characters-block-modal-end {
    width: 440px;
    float: right
}

.characters-block-modal-end .bl-title-set, .characters-block-modal .bl-title-set {
    font-size: 24px;
    text-overflow: ellipsis;
    visibility: visible;
    overflow: hidden
}

.characters-block-modal-end .bl-title-set {
    margin-bottom: 20px;
    font-size: 18px;
    font-family: latosemibold;
    text-align: left
}

.bl-title-set {
    font-family: LatoSemibold;
    font-size: 18px;
    text-align: center
}

.characters-block-modal .tab-block {
    margin-top: 25px
}

.characters-block-modal .tab-block .tab-one {
    float: left;
    line-height: 30px;
    padding: 0 20px;
    border: #eaeaea solid 1px;
    cursor: pointer;
    background-color: #f7f8f8;
    text-transform: uppercase;
    font-size: 10px;
    font-family: latosemibold
}

.characters-block-modal .tab-block .tab-one.active {
    background: #0078d7;
    color: #FFF;
    text-transform: uppercase;
    font-size: 10px;
    font-family: latosemibold
}

.characters-block-modal .offer_prop {
    position: relative;
    margin-bottom: 3px;
    padding-right: 10px;
    float: left;
    width: 102px;
    margin-bottom: 20px
}

.characters-block-modal .offer_prop .offer_prop-name {
    margin-right: 5px;
    position: absolute;
    font-size: 12px
}

.characters-block-modal .offer_prop .div_select {
    position: relative;
    display: inline-block;
    margin-bottom: 10px;
    width: 100%;
    padding-top: 10px
}

.characters-block-modal .offer_prop .div_select select {
    width: 100%
}

.characters-block-modal .tabs-content {
    display: none
}

.characters-block-modal .tabs-content.active {
    display: block;
    margin-top: 15px
}

.characters-block-modal .quantity {
    display: inline-block;
    border-top: 1px solid #cbcbcb;
    border-bottom: 1px solid #cbcbcb
}

.characters-block-modal .plus, .characters-block-modal .minus {
    display: inline-block;
    padding: 9px 12px;
    font-size: 14px;
    text-decoration: none;
    color: #858585;
    cursor: pointer;
    border-left: 1px solid #cbcbcb;
    border-right: 1px solid #cbcbcb
}

.characters-block-modal .quantity input {
    width: 26px;
    padding: 0;
    text-align: center;
    border: none;
    box-shadow: none;
    background-color: #FFF
}

.price-modal-block {
    margin-top: 20px;
    margin-left: auto
}

.price-modal-block-left {
    float: left;
    margin-right: 20px
}

.price-modal-block-left .gen {
    font-family: "latoblack";
    font-size: 24px;
    margin-bottom: 10px
}

a.modal-add-btn {
    text-transform: uppercase;
    font-size: 12px;
    font-family: latobold
}

.hr-modal {
    width: 100%;
    border-top: #F2F2F2 solid 1px
}

.modal-add-btn {
    float: left;
    padding: 15px 30px;
    font-size: 18px;
    color: #fff;
    -khtml-border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    background-color: #ee0e3d;
    white-space: nowrap
}

.modal-add-btn-gray {
    float: left;
    padding: 15px 30px;
    color: #000;
    -khtml-border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    background-color: #EAEAEA;
    white-space: nowrap;
    margin-top: 20px;
    margin-left: 10px;
    font-size: 12px;
    font-family: latobold
}

.characters-block-modal-end .modal-add-btn {
    margin-top: 20px
}

#popup-cart-end-click .picture-block-modal {
    margin-right: 20px
}

.slide-line-modal {
    background: #F7F8F8;
    padding: 20px 0;
    margin-top: 15px
}

.slider-line .slide {
    padding: 15px;
    background: #FFF
}

.slide .p-slide {
    float: left;
    width: 100px;
    height: 100px
}

.slide .p-slide .box-img {
    display: table-cell;
    width: 100px;
    height: 100px;
    vertical-align: middle
}

.slide .p-slide img {
    max-width: 80px;
    max-height: 80px
}

.slide .p-txt {
    float: right;
    width: 160px
}

.slider-line .slide a {
    color: #000
}

.slide-line-modal .bx-wrapper .bx-pager {
    display: none
}

.slide-line-modal .bx-wrapper {
    margin: 0 auto
}

.slide-line-modal .bx-wrapper .bx-viewport {
    border: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    background: transparent
}

#popup-cart-end-click {
    padding-top: 20px
}

#popup-cart-end-click .picture-block-modal {
    padding-left: 15px
}

.characters-block-modal-end {
    padding-right: 15px
}

#popup-cart-end-click h3 {
    padding-left: 15px;
    margin-bottom: 15px
}

#popup-cart-end-click .bx-wrapper .bx-prev {
    background: #EAEAEA url(/local/templates/orto/img/lf-slide.png) no-repeat center center;
    width: 40px;
    height: 40px;
    left: -23px
}

#popup-cart-end-click .bx-wrapper .bx-next {
    background: #EAEAEA url(/local/templates/orto/img/rg-slide.png) no-repeat center center;
    width: 40px;
    height: 40px;
    right: -23px
}

#popup-cart-end-click .price-mmm {
    color: #000;
    margin-top: 10px;
    font-weight: 700
}

.sale_order_full_table a {
    color: #0078d7
}

i.fa.fa-vk {
    width: 20px
}

i.fa.fa-facebook {
    width: 20px;
    text-align: center
}

.line.clearfix {
    display: block
}

a.buy1click {
    padding: 15px 55px;
    font-size: 15px;
    text-transform: uppercase;
    text-decoration: none;
    font-family: latobold;
    background-color: #ececec;
    display: inline-block
}

.load-progress {
    background: transparent url(/local/templates/orto/img/progress.gif) repeat-x left top;
    height: 11px;
    margin: 10px
}

.bonus {
    color: #0078d7
}

.h2o_component button:not(.active) {
    cursor: pointer;
    background-color: #ee0e3d;
    width: 180px;
    padding: 0
}

.pcontent_rt .row {
    margin-left: 0
}

.box-select-line-city span {
    color: #519FE2;
    font-weight: 700;
    margin-left: 5px;
    margin-right: 10px
}

.select-salon-for-modal, .select-city-for-modal {
    display: inline-block;
    padding: 5px 12px;
    font-size: 14px;
    text-decoration: none;
    color: #858585 !important;
    cursor: pointer;
    border: 1px solid #cbcbcb
}

.select-salon-for-modal:hover, .select-city-for-modal:hover {
    background-color: #e0e0e0;
    text-decoration: none
}

.btn-primary {
    background-color: transparent;
    border-color: transparent;
    padding: 0
}

.btn-primary:hover {
    background-color: transparent;
    border-color: transparent
}

.shops tr.row:before {
    content: none
}

.logo_smoll {
    width: 90px
}

.icon-logo-ng {
    width: 12.63rem;
}

.icon-logo-mobile-ng {
    width: 5.63rem;
}

a:hover, a:focus {
    color: #000
}

.btn-primary:active, .btn-primary:focus, .btn-primary:active:focus {
    background-color: inherit;
    border-color: transparent;
    box-shadow: none;
    outline: none
}

a.sort-title__item:hover, a.modal-add-btn-gray:hover {
    color: #000
}

.shop_item input {
    display: none
}

.line .calendar-date {
    width: 50%;
    margin-right: 5%;
    float: left
}

.line .calendar-date input {
    background: transparent url(/local/templates/orto/img/ico-calendar.png) no-repeat 95% center;
    margin: 0;
    padding: 17px;
    outline: -webkit-focus-ring-color none;
    border: 1px solid #F2F2F2;
}

.line .calendar-time {
    width: 45%;
    float: left
}

.zap-frm .line {
    padding-bottom: 15px;
    border-bottom: #EAEAEA solid 1px;
    margin-bottom: 15px
}

.zap-frm .line.fields-line input {
    margin-bottom: 10px
}

.zap-frm .line.fields-line input:last-child {
    margin-bottom: 0
}

.zap-frm .service-selected-box, .zap-frm .fields-line {
    margin-top: 15px;
    width: 100%
}

.zap-frm .service-selected-box {
    padding: 5px;
    border: #FFF solid 1px
}

.zap-frm .salon-selected-box {
    padding: 15px 0;
    width: 100%
}

.zap-frm .select-salon-for-modal {
    margin: 0 auto;
    display: table
}

.zap-frm .info-block-simple {
    background: #FDE1E7 url(/local/templates/orto/img/ico-infos.png) no-repeat 25px center;
    padding: 15px 25px 15px 50px
}

.zap-frm .buttons .btn {
    background-color: #ee0e3d;
    margin: 0 auto;
    display: table;
    text-transform: uppercase;
    font-size: 1.125em;
    min-height: 50px;
    padding: 10px 20px;
    line-height: 30px;
    border-radius: 10px;
}

#popup-select-city .box-city-load {
    padding: 20px
}

#popup-select-city .box-city-load #box-city-input {
    width: 100%;
    margin: 10px 0
}

#popup-select-city .info-normals {
    background: #F7F8F8 url(/local/templates/orto/img/ico-infos-normal.png) no-repeat 25px center;
    padding: 15px 25px 15px 50px
}

.city-line-input .column {
    width: 30%;
    float: left
}

.city-line-input .column label {
    width: 100%;
    display: block
}

.clr {
    clear: both
}

#popup-cart-basket-click .characters-block-modal-end {
    margin-left: 0 !important
}

.nth-city-up-main {
    cursor: pointer;
    padding: 5px 14px;
    color: #FFF;
    text-decoration: none;
    -khtml-border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    border: none;
    outline: none;
    padding: 11px 45px;
    text-transform: uppercase;
    text-decoration: none;
    background-color: #ee0e3d;
    margin: 0 auto;
    display: table;
    margin-top: 20px
}

.nth-city-up-main:hover {
    color: #FFF
}

#popup-select-salon .box-salon-load {
    padding: 20px 0
}

#popup-select-salon .tab-block-salon {
    padding: 0 20px;
    padding-bottom: 20px;
    display: table
}

#popup-select-salon .tab-content-salon {
    background: #F7F8F8;
    padding: 20px;
    width: 100%
}

#popup-select-salon .tab-block-salon .tab-one {
    float: left;
    line-height: 30px;
    padding: 0 20px;
    border: #eaeaea solid 1px;
    cursor: pointer;
    background-color: #f7f8f8
}

#popup-select-salon .tab-block-salon .tab-one.active {
    background: #0078d7;
    color: #FFF
}

.tab-content-salon .line-list-salon-one {
    margin: 10px 0;
    padding: 5%;
    display: table;
    background: #FFF;
    width: 100%
}

.tab-content-salon .line-list-salon-one.active {
    border: #0078D7 solid 1px
}

.tab-content-salon .line-list-salon-one .picture {
    float: left;
    width: 25%;
    margin-right: 2.5%
}

.tab-content-salon .line-list-salon-one img {
    max-width: 100%;
    height: auto
}

.tab-content-salon .line-list-salon-one .txt-block {
    float: left;
    width: 50%;
    margin-right: 2.5%
}

.tab-content-salon .line-list-salon-one .btn-block {
    float: right;
    width: 20%
}

.tab-content-salon .line-list-salon-one .title-salon {
    font-weight: 700;
    font-size: 16px;
    margin-bottom: 5px
}

.tab-content-salon .line-list-salon-one .metro-salon {
    background: transparent url(/local/templates/orto/img/ico-metro.png) no-repeat 0 center;
    padding: 15px 25px
}

.tab-content-salon .line-list-salon-one .btn-block a {
    cursor: pointer;
    padding: 5px 14px;
    color: #FFF;
    text-decoration: none;
    -khtml-border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    border: none;
    outline: none;
    padding: 11px 45px;
    text-transform: uppercase;
    text-decoration: none;
    background-color: #0078D7;
    margin: 0 auto;
    display: table;
    margin-top: 20px
}

.tab-content-salon .line-list-salon-one .btn-block a:hover {
    color: #FFF
}

.tab-content-salon .line-list-salon-one.active .btn-block a {
    background-color: #EAEAEA;
    color: #000
}

.tab-content-salon .line-list-salon-one.active .btn-block a:hover {
    color: #000
}

.salon-cont-current .box-active-salon,
.box-salon-active {
    padding: 10px 20px;
    border: #EEE solid 1px;
    display: table;
    width: 100%;
    border-radius: 5px;
}

.salon-cont-current {
    margin: 10px 0;
}

.salon-cont-current .box-active-salon .txt {
    display: inline-block;
    width: 70%;
    float: left;
    padding-right: 10px;
    #margin-right: 5%
}

.salon-cont-current .box-active-salon .txt .addres {
    width: 100%;
    padding-bottom: 5px;
}

.salon-cont-current .box-active-salon .txt .phone {
    padding-bottom: 5px;
}

.salon-cont-current .box-active-salon .btn-block a {
    cursor: pointer;
    font-size: 12px;
    padding: 5px 14px;
    color: #FFF;
    text-decoration: none;
    -khtml-border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    border: none;
    outline: none;
    padding: 8px 38px;
    text-transform: uppercase;
    text-decoration: none;
    background-color: #0078D7;
    margin: 0 auto;
    display: table;
    margin-top: 20px;
}

.salon-cont-current .box-active-salon .btn-block {
    float: right;
    width: 25%;
}

.edit_salon .btn-box a {
    background-color: #0078D7;
    text-transform: uppercase;
    margin: 0 auto;
    display: table;
    padding: 0.8em 1.6em;
    cursor: pointer;
    color: #FFF;
    font-size: 12px;
}

.edit_salon .btn-box .active {
    background-color: #EAEAEA;
    color: #000;
}

.edit_salon {
    margin: 0;
    margin-bottom: 16px;
}

.salon-cont-current .box-active-salon .txt .metro-ico {
    background: transparent url(/local/templates/orto/img/ico-metro.png) no-repeat 0 center;
    padding: 15px 25px
}

.salon-cont-current .box-active-salon .title {
    font-weight: 700;
    font-size: 16px;
    margin-bottom: 5px
}

.salon-cont-current .box-active-salon .btn-box {
    display: inline-block;
    width: 30%
}

.salon-cont-current .box-active-salon .btn-box a {
    cursor: pointer;
    padding: 5px 14px;
    color: #FFF;
    text-decoration: none;
    -khtml-border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    border: none;
    outline: none;
    padding: 11px 15px;
    text-transform: uppercase;
    text-decoration: none;
    background-color: #0078D7;
    margin: 0 auto;
    display: table
}

.salon-cont-current .box-active-salon .btn-box a:hover {
    color: #FFF
}

.data-mrg-bt {
    margin-bottom: 10px;
    display: block
}

.radio-services-salon label {
    width: 100%;
    display: block;
    margin-bottom: 5px
}

.tb-cont-sl {
    display: none
}

.tb-cont-sl.active {
    display: table
}

#box-salon-input {
    width: 100%
}

.zap-frm .service-selected-box.border-red, select.border-red, input.border-red {
    border: red solid 1px !important
}

#popup-end-zayvka {
    padding: 20px;
    font-size: 18px
}

.data-mrg {
    /*color: #0078d6*/
    background-color: #fdefe8;
    border-radius: 10px;
    font-size: 14px;
    color: #1c1c1c;
    display: block;
    padding: 5px 10px;
    width: 100%;
    margin: 10px 0;
}

.pngicons, .showcase .share .b-share-icon, .rsgppopup .share .b-share-icon {
    background-image: url(/local/templates/main_landing/img/icons.png?v100)
}

h3 {
    font-size: 14px;
    #font-family: latoheavy;
    margin-bottom: 4px
}

.fancybox-title {
    font-weight: 600
}

.fancybox-skin {
    border-radius: 6px;
    font-size: 14px
}

.zap-frm .salon-selected-box {
    padding: 0 0 5px
}

.zap-frm .line {
    padding-bottom: 7px
}

.zap-frm .service-selected-box, .zap-frm .fields-line {
    margin: 0
}

.buttons {
    margin-top: 10px
}

.zap-frm form {
    margin-bottom: 0
}

.radio-services-salon span {
    padding-left: 20px;
    white-space: nowrap
}

div#apparat {
    padding-top: 40px;
}

.btn-call {
    padding: 0.45em 4.3em !important;
}

.hide {
    display: none;
}

.children-world {
    width: 520px;
}

@media (max-width: 556px) {
    .children-world {
        width: 100%;
        max-width: 520px;
    }
}

.step2,
.cabinet-selected .step1,
.edit_salon {
    display: none;
}

.cabinet-selected .step2,
.cabinet-selected .edit_salon {
    display: block;
}

.children-world .formcard__adress {
    margin-bottom: 12px;
}

div.news-list {
    word-wrap: break-word
}

div.news-list img.preview_picture {
    float: left;
    margin: 0 4px 6px 0
}

.news-date-time {
    color: #486DAA
}

.catalog-detail-line {
    margin: 10px 0;
    border-bottom: 1px solid #eaeaea
}

div.metro {
    background: url(/local/templates/proopt/components/redsign/catalog.store.detail/gopro/img/metro_blue.jpg) no-repeat 0 12px;
    padding: 8px 30px;
}

input[type="checkbox"] + label {
    /*    background-position: 0 -248px;
        position: relative;
        top: 2px;
        display: inline-block;
        margin-right: 3px;
        content: '';
        background-image: url(/local/templates/proopt/img/icons.png?v100);
        width: 20px;
        height: 20px;*/
}

.box-active-salon input[type="checkbox"], .radio-services-salon input[type="checkbox"] {
    /* opacity: 0;
     margin-left: 2px;
     position: absolute;
     z-index: 200;
     margin-top: 5px;
     bottom: auto;*/
    margin-top: 5px;
}

.radio-services-salon input[type='checkbox'] {
    float: left;
}

@media (max-width: 1200px) {

}

@media (max-width: 768px) {

}

@media (max-width: 442px) {
    .salon-cont-current .box-active-salon .title {
    }

    .fancybox-opened {
        z-index: 3030;
        width: calc(100% - 40px) !important;
    }

    .fancybox-opened .fancybox-outer {
        display: flex;
        height: auto !important;
    }

    .fancybox-outer, .fancybox-inner {
        height: auto !important;
    }

    .salon-cont-current .box-active-salon .btn-block {
        float: left;
        width: 100%;
    }

    .salon-cont-current .box-active-salon .btn-block a {
        width: 100%;
        text-align: center;
    }

    .salon-cont-current .box-active-salon .txt {
        width: 100%;
        padding: 0;
    }

    .salon-cont-current .box-active-salon {
        padding: 20px 20px;
    }
}

@media (max-width: 400px) {
    .salon-cont-current .box-active-salon .title {
    }
}

@media (max-width: 320px) {
    .salon-cont-current .box-active-salon .title {
    }

    .salon-cont-current .box-active-salon {
    }
}

.header_time {
    position: relative;
    display: block !important;
    text-align: left;
    width: fit-content;
}

.header_time p {
    margin: 0;
    text-align: center;
    font-family: 'Lato';
    font-size: 14px;
    font-weight: 600;
    margin-top: 3px;
}

.header_time__days::after,
.header_time__hours::after {
    content: ':';
    position: absolute;
    color: #adadad;
    top: 14px;
    left: 110%;
    font-size: 12px;
    font-family: 'Lato';
}

.header_time__list .is-smaller {
    font-size: 12px;
    color: #8b8b8b;
    font-family: 'Lato';
    font-weight: normal;
}

.header_time__days,
.header_time__hours,
.header_time__minutes,
.header_time__seconds {
    position: relative;
    display: inline-block !important;
    margin: 9px 4px 0;
    text-align: center;
}

.header_time .header_time__block {
    background-color: #fff;
    border: 1px solid #dfedfa;
    color: #e5053a;
    border-radius: 4px;
    width: 100%;
    min-width: 50px;
    height: 50px;
    font-family: "Lato", Helvetica, sans-serif;
    font-weight: 900;
    font-size: 28px;
    box-shadow: 0px 0px 10px #0078d729;
    filter: drop-shadow(0 0 5px #04264121);
    padding: 2px 5px;
}

.header_time__title,
.header_time__list,
.time_title {
    display: block !important;
}

.block {
    display: block;
}

.bold {
    font-weight: bold;
}

.formcard__select1 form .formcard__name {
    margin-top: 23px;
    height: 40px;
}

.formcard__select1 form .otzivy_conf p {
    color: #000;
    text-align: center;
    padding: 10px 0;
    margin: auto;
}

.formcard__select1 form .btn_frm.btn1.button {
    width: 100%;
}

.formcard__select1 form {
    margin-bottom: 0;
}

/* End */
/* /fonts/lato/lato.css?17097926075871 */
/* /local/templates/orto/js/fancybox/jquery.fancybox.css?16948273604839 */
/* /local/templates/orto/css/jquery.modal.min.css?16948273603544 */
/* /local/templates/orto/css/modal-video.min.css?16948273602069 */
/* /local/templates/orto/css/kube.css?170979260796382 */
/* /local/templates/orto/css/style.css?1738793211142931 */
/* /local/templates/.default/css/loader.css?1711349559995 */
/* /local/components/custom/show-code-erir/templates/.default/style.css?17507815031641 */
/* /local/templates/orto/template_styles.css?170979260723606 */