@font-face {
    font-family: 'LitteraBook';
    src: url('../fonts/LitteraTextBook.eot');
    src: url('../fonts/LitteraTextBook.eot?#iefix') format('embedded-opentype'),
        url('../fonts/LitteraTextBook.woff2') format('woff2'),
        url('../fonts/LitteraTextBook.woff') format('woff'),
        url('../fonts/LitteraTextBook.ttf') format('truetype'),
        url('../fonts/LitteraTextBook.svg#LitteraTextBook') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'LitteraBold';
    src: url('../fonts/LitteraTextBold.eot');
    src: url('../fonts/LitteraTextBold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/LitteraTextBold.woff2') format('woff2'),
        url('../fonts/LitteraTextBold.woff') format('woff'),
        url('../fonts/LitteraTextBold.ttf') format('truetype'),
        url('../fonts/LitteraTextBold.svg#LitteraTextBold') format('svg');
    font-weight: bold;
    font-style: normal;
}
::selection {
background: #ababab;
}
::-moz-selection {
background: #ababab;
}
.panel-body-op:before {width: 100%;height: 2000px;content: '';display: block;margin-left: -10px;position: absolute;z-index: 9;}
.panels {position: relative;overflow: hidden}
.grecaptcha-badge {display: none;}
#contactForm2 {margin-bottom: 40px;}
.rad {background: rgb(111,174,83);
background: linear-gradient(180deg, rgba(111,174,83,1) 0%, rgba(76,134,50,1) 100%);position: absolute;margin: auto;top: -98px;right: 0;bottom: 0;left: 0;width: 70px;height: 70px;z-index: 999;border-radius: 50%;padding: 5px;}
.icon-reload {width :60px;height: 60px;background-size: contain;margin: auto;}
.circle {background: url(../img/reload.svg?) no-repeat 0 0;	animation-name: rotation;
	animation-duration: 2.5s;
	animation-iteration-count: infinite;
	animation-timing-function: linear;}
@-webkit-keyframes rotation {
0% {-webkit-transform:rotate(0deg);
-moz-transform:rotate(0deg);
-o-transform:rotate(0deg);
transform:rotate(0deg);}
100% {-webkit-transform:rotate(360deg);
-moz-transform:rotate(360deg);
-o-transform:rotate(360deg);
transform:rotate(360deg);}
}
@-moz-keyframes rotation {
0% {-webkit-transform:rotate(0deg);
-moz-transform:rotate(0deg);
-o-transform:rotate(0deg);
transform:rotate(0deg);}
100% {-webkit-transform:rotate(360deg);
-moz-transform:rotate(360deg);
-o-transform:rotate(360deg);
transform:rotate(360deg);}
}
@-o-keyframes rotation {
0% {-webkit-transform:rotate(0deg);
-moz-transform:rotate(0deg);
-o-transform:rotate(0deg);
transform:rotate(0deg);}
100% {-webkit-transform:rotate(360deg);
-moz-transform:rotate(360deg);
-o-transform:rotate(360deg);
transform:rotate(360deg);}
}
@keyframes rotation {
0% {-webkit-transform:rotate(0deg);
-moz-transform:rotate(0deg);
-o-transform:rotate(0deg);
transform:rotate(0deg);}
100% {-webkit-transform:rotate(360deg);
-moz-transform:rotate(720deg);
-o-transform:rotate(360deg);
transform:rotate(360deg);}
}
.icon-yes {background: url(../img/yes.svg?114) no-repeat 0 0; cursor: pointer;}
.panel-body {opacity:1; transition: 1s linear;overflow: hidden;position: relative;}
.opacity-th {opacity: 0.3}
.alert-success {margin: 0 10px; border-radius: 10px;}
body {font-family: 'LitteraBook';font-weight: normal;font-style: normal; text-align: center;line-height: 22px;font-size: 15px;}
.wrapper {display: table;height: 100%;width: 100%;}
#header {background: #fff; border-bottom: 1px solid #dedede; height: 62px;position: relative;z-index: 5;}
#logotype {width: 132px;height: 26px;text-indent: -9999px;background: url(../img/crona-logo.svg) no-repeat 0 0; display: inline-block;background-size: 132px 26px;outline:none;
margin-top: 18px; margin-right: 60px;float: left}
.main {width: 100%;background-size: cover;height: 700px;}
.main-day {background: url(../img/header.jpg) no-repeat center center; width: 100%;background-size: cover;height: 700px;}
.main-night {background: url(../img/header-night-np.jpg) no-repeat center center; width: 100%;background-size: cover;height: 700px;}
.navbar-toggles {display: none;}
.navbar {height: 61px;display: inline-block; margin-bottom: 0;border: none;right: 0;position: absolute;}
.navbar-right {float: right;display: inline-block}
.navbar-nav>li>a {line-height: 61px;color: #2d2d2d; font-family: 'LitteraBook';font-weight: normal;font-style: normal;font-size: 15px;padding-left: 25px;padding-right: 25px;padding-top: 0;padding-bottom: 0}
.navbar-nav>li>a:hover {text-decoration: underline;background: #fff;}
.navbar-right>li>a:hover {}
.main {height: 100vh;display: flex;align-items: center;justify-content: center;}
.main-logo {width: 400px;height: 277px;text-indent: -9999px;background: url(../img/crona-logo-main.svg) no-repeat 0 0; display: inline-block;background-size: contain;}
p {margin: 0 0 15px;}
.main-logo-night {width: 400px;height: 277px;text-indent: -9999px;background: url(../img/crona-logo-main-night.svg?1) no-repeat 0 0; display: inline-block;background-size: contain;}
p {margin: 0 0 15px;}

.page-feedback {border-bottom: 1px solid #f2f2f2;}
.head-all {text-align: center;height: 398px;background: url(../img/header-project.jpg) no-repeat center center; width: 100%;background-size: cover; color: #fff;}

.head-all2 {background: url(../img/header-project2.jpg) no-repeat center center !important; }
.head-all h1 {font-family: 'LitteraBold';font-weight: normal;font-style: normal; font-size: 70px;margin: 0; padding-top:160px;}
.head-all .path {font-size: 16px; letter-spacing: 2px; margin-top: 42px;}
.head-all .path a {color: #ffffff;}
.block {padding: 82px 42px; width: 70%;margin: 0 auto}
.block h2 {font-family: 'LitteraBold';font-weight: normal;font-style: normal; font-size: 34px;margin: 0;line-height: 40px;}
.block h2:after {content: '';display: block;margin: 35px auto;width: 41px;background: url(../img/after.svg) no-repeat 0 0;height: 8px;background-size: contain;}
.block h3 {font-family: 'LitteraBold';font-weight: normal;font-style: normal; font-size: 25px;margin: 0 0 30px 0;}

.has-feedback label~.form-control-feedback {top:68px;}

.download {margin-top: -24px;}
.doc {background: #f2f2f2;padding: 55px 0;}
.pdf {background: #3b4658;color: #fff;padding: 15px 40px 15px 60px;border-radius: 50px;display: inline-block;-webkit-transition: background-color 0.3s ease, opacity 0.3s ease;transition: background-color 0.3s ease, opacity 0.3s ease;}
.pdf span {position: relative;font-family: 'LitteraBook';font-weight: normal;font-style: normal; }
.pdf span:before {display: inline-block;content: "";position: absolute;top: -3px;left: -23px;width: 17px;background: url(../img/pdf.svg) no-repeat 0 0;height: 22px;background-size: contain;margin-right: 7px;}
.pdf:hover {background: #272e39;color: #fff; text-decoration: none;}

.but-send {background: #3b4658;color: #fff;padding: 15px 40px 15px 40px;border-radius: 15px;display: inline-block;-webkit-transition: background-color 0.3s ease, opacity 0.3s ease;transition: background-color 0.3s ease, opacity 0.3s ease;-webkit-appearance: none;outline: none;font-size: 16px;margin-top: 15px;}

.but-send:hover {background: #272e39;color: #fff; text-decoration: none;}

.content-mid-feed {margin-top: 50px;}
.block-ul {margin: 13px 0 0 0;}
.block-ul li {list-style: none;margin: 53px 0 0 0;}
.block-ul li a {display: block;}
.block-ul li img {width: 100%;}
.has-feedback {text-align: left;}
.control-label {font-size: 20px;margin-bottom: 15px;line-height: 1.5;color: #3b4658; margin-top: 15px;}
.rows {margin-left: -5px;}
.row {margin-bottom: 18px;}
.g-recaptcha {margin-left: -5px;}
.form-control {
	width: 100%;
    height: 52px;
    padding: 0 20px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 18px;
    border: 1px solid #d4d4d4;
    -webkit-appearance: none;
    outline: none;
    border-radius: 10px;
}
.before {background: #f2f2f2; width:30px;height: 30px;-webkit-transform:translateY(0) rotate(45deg);transform:translateY(0) rotate(45deg);margin: 0 auto;position: relative;top:-65px;}
.before:before {content: '';width: 5px;height: 5px;border-radius: 50px;position: absolute;background: #fff;top:8px;left:8px;}
.before:after {content: '';width: 5px;height: 5px;border-radius: 50px;position: absolute;background: #fff;top:16px;left:16px;}
#error {background: #ec8a8a;border-radius:2px;padding: 40px;margin-bottom: 30px;color: #fff;}
#footer {background: #fcfcfc;border-top:1px solid #fff;padding: 43px 0;text-align: center;}
.vk {margin-bottom: 25px;}
.vk a {background: rgb(236,236,236);background: linear-gradient(0deg, rgba(236,236,236,1) 0%, rgba(228,228,228,1) 100%);color: #3d4350;padding: 15px 20px;border-radius: 50px;display: inline-block;}
.vk a b {font-family: 'LitteraBold';font-weight: normal;font-style: normal;}
.vk a span {}
.vk a span:before {display: inline-block;content: "";position: relative;top: 1px;width: 13px;background: url(../img/crona-logo-small.svg) no-repeat 0 0;height: 11px;background-size: contain;margin-right: 7px;}
.vk a:hover {background: rgb(74,118,168);background: linear-gradient(90deg, rgba(74,118,168) 0%, rgba(100,145,196,1) 100%);color: #fff; text-decoration: none;}
.vk a:hover span:before {display: inline-block;content: "";position: relative;top: 1px;width: 13px;background: url(../img/crona-logo-small-white.svg) no-repeat 0 0;height: 11px;background-size: contain;margin-right: 7px;}
.copyright {color: #a9aaab;}
.copyright a {color: #a9aaab; text-decoration: underline;}
.copyright a:hover {text-decoration: none;}


@media (min-width:767px) and (max-width:991px) {
	.content-ul {font-size: 12px;}
	.copyright {margin: 30px 15px;}
	#logotype {margin: 15px 30px 0 0;}
	.navbar-nav>li>a {font-size: 14px;padding-left: 13px;padding-right: 13px;}
	.head-all {height: 200px; background-size: cover !important;}
	.head-all h1 {font-size: 40px;padding-top:80px;}
	.path {display: none;}
	
}
@media (max-width:767px) {
	.has-feedback label~.form-control-feedback {top:57px;}
	.main-logo {width: 80%;}
	.main-logo-night {width: 80%;}
	.copyright {font-size: 12px;}
	.success-send {margin-top: 20px;}
	#logotype {
	    background-size: 106px;
	    width: 106px;
	}
	.but-send {margin-top: 0 !important; width: 100% !important;display: block;}
	#header {height: 60px;}
	.main {height: 500px;}
	
	.head-all {height: 150px; background-size: cover !important;}
	.content-mid-feed {margin-top: 0;}
	.control-label {margin: 9px 0;}
	.head-all h1 {font-size: 40px;padding-top:60px;}
	.block {padding: 32px 12px; width: 90%;margin: 0 auto}
	.block h2 {font-size: 26px;line-height: 30px;}
	.block h2:after {margin: 20px auto; content: '';}
	.block h3 {font-size: 20px;line-height: 24px;margin-bottom: 20px;}
	.block-ul {margin-top: 20px;}
	.block-ul li {list-style: none;margin: 23px 0 0 0;}
	
	
	.navbar-right {overflow: hidden}
	.navbar-nav>li>a {line-height: 40px;}
	.navbar-nav {margin: 0 -15px;}
	.menu-block .navbar-nav:after {padding-bottom: 100%; content: '';display: block;}
	.navbar-xs {
	    width: 100%;
	    position: absolute;
	    z-index: 999;
	    padding: 0;
	    margin: 0;
	    background: #fff;
	    top: 60px;
	    bottom: 0;
	    transition: opacity 0.3s, visibility 0s linear 0.3s;
	    -webkit-overflow-scrolling: touch;
	    visibility: hidden;
	    opacity: 0;
	}
	.navbar-toggles {display: block;width: 18px;height: 19px;position: absolute;padding: 29px 0;right: 5px;}
	.navbar-toggles span {
	    position: absolute;
	    top: 50%;
	    display: block;
	    width: 100%;
	    height: 2px;
	    background-color: transparent;
	    font-size: 0px;
	    -webkit-touch-callout: none;
	    -webkit-user-select: none;
	    -khtml-user-select: none;
	    -moz-user-select: none;
	    -ms-user-select: none;
	    user-select: none;
	    -webkit-transition: background-color 0.2s;
	    transition: background-color 0.2s;}
	.navbar-toggles span:before, .navbar-toggles span:after {
	    position: absolute;
	    left: 0;
	    width: 100%;
	    height: 100%;
	    background: #333333;
	    border-radius: 50px;
	    content: '';
	    -webkit-transition: -webkit-transform 0.3s;
	    transition: transform 0.3s;
	}
	.navbar-toggles span:before {
	    -webkit-transform: translateY(-200%);
	    transform: translateY(-200%);
	}
	.navbar-toggles span:after {
	    -webkit-transform: translateY(200%);
	    transform: translateY(200%);
	}
	.navbar-toggles-open span{background-color:transparent}
	.navbar-toggles-open span:before{-webkit-transform:translateY(0) rotate(45deg);transform:translateY(0) rotate(45deg)}
	.navbar-toggles-open span:after{-webkit-transform:translateY(0) rotate(-45deg);transform:translateY(0) rotate(-45deg)}
	.navbar-xs .navbar-nav li {
	    margin: 0 25px;
	    padding: 0;
	    border-bottom: 1px solid #f2f2f2;
	    background: #fff;
	    height: 61px;
	}
	.menu-block {
	    visibility: visible;
	    opacity: 1;
	    transition-delay: 0s;
	    overflow-y: auto;
	    display: table;
	}

	.navbar-xs {width: 100%; position: absolute;z-index: 999;padding: 0;margin: 0;background: #fff;top:60px;bottom:0;transition: opacity 0.3s, visibility 0s linear 0.3s;-webkit-overflow-scrolling: touch;visibility: hidden;opacity: 0;}
	.menu-block {visibility: visible; opacity: 1; transition-delay: 0s;overflow-y: auto;display: table;}
	.menu-block:after {content: ''; padding-bottom: 100%;}
	.navbar-xs .navbar-nav {background: #fff;margin-right: -15px;}
	
	.navbar-xs .navbar-nav li {margin: 0 25px;padding: 0; border-bottom: 1px solid #f2f2f2;background: #fff;height: 61px;}
	.navbar-xs .navbar-nav li a {padding: 10px 17px;font-weight: 400;}
	.navbar-xs .navbar-nav li a:hover {background: transparent; color: #222}
	.cart-top {margin-right: 10px;}
	html.no-scroll, html.no-scroll body {overflow: hidden !important;height: 100% !important;}
}


img {
  opacity: 1;
  transition: opacity 0.3s;
}
 
img[data-src] {
  opacity: 0;
}