@font-face {
  font-family: 'a_avantetcknrregular';
  src: url('dist/fonts/ava_tn-webfont.eot');
  src: url('dist/fonts/ava_tn-webfont.eot?#iefix') format('embedded-opentype'),
     url('dist/fonts/ava_tn-webfont.woff') format('woff'),
     url('dist/fonts/ava_tn-webfont.ttf') format('truetype'),
     url('dist/fonts/ava_tn-webfont.svg#a_avantetcknrregular') format('svg');
  font-weight: normal;
  font-style: normal;

}


body {background: #def4c6; font: 14px Arial, Helvetica, sans-serif;
height: auto !important;
min-height: 100%;
position: relative;}
.navbar-inverse {background: #fffffe; border: 0;
-moz-box-shadow: 0px 10px 5px #c9c9c8;
-webkit-box-shadow: 0px 10px 5px #c9c9c8;
box-shadow: 0px 10px 5px #c9c9c8;}
.navbar-nav > li > a {padding: 13px 11px 14px 11px;}
.navbar-inverse .navbar-nav > li > a {
 color: #383838;
 text-transform: uppercase;
 font-size: 12px;}
.navbar-inverse .navbar-nav > li > a:hover {
 color: #383838;
 text-decoration: underline;}
.navbar-inverse .navbar-nav > .active > a,
.navbar-inverse .navbar-nav > .active > a:hover,
.navbar-inverse .navbar-nav > .active > a:focus {background-color: #ffffff; color: #383838;}
.navbar-toggle {background-color: #333333;}
.navbar-nav {position: relative; left: -3px;}
.navbar {min-height: 47px;}
.navbar-inverse .navbar-nav > li > a:hover,
.navbar-inverse .navbar-nav > li > a:focus {color: #383838;}
.main {position: relative; padding: 0 0 41px 0;}
.header-outer {background: #fff;}
#header {padding: 71px 0 18px 0; z-index: 11; position: relative;}
.logo {margin: 0 0 0 21px; position: relative; top: 4px;}
.iconca {background: #2ebfa2; float: left; width: 58px; height: 58px; position: relative; text-align: center;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px;}
.ic-01 {background: url(images/sprite.png) no-repeat; background-position: 0 -229px; width: 38px; height: 37px; display: inline-block; margin: 10px 0 0 0;}
.block-1 p {font-size: 16px; color: #393939; margin: 0 0 0 75px;}
.ic-02 {background: url(images/sprite.png) no-repeat; background-position: 0 -316px; width: 37px;}
.tit {margin: 0 0 0 75px; font-size: 24px; position: relative; top: -3px;}
a.zakaz {background: #d8546c; display: inline-block; line-height: 30px;
font-size: 14px; color: #fff; text-decoration: underline; padding: 0 29px 0 25px; margin: 1px 0 0 75px;
-webkit-border-radius: 11px;
-moz-border-radius: 11px;
border-radius: 11px;}
a.zakaz:hover {text-decoration: none;}
.clouds {background: url(images/clouds-bg.png) center top no-repeat; width: 100%; height: 869px; position: fixed; top: -181px; z-index: 10;}
.page-inside {position: relative; z-index: 11;}
.page-title {text-align: center; font-family: 'a_avantetcknrregular'; padding: 20px 0 0 0; position: relative;}
.page-title h1 {font-family: 'a_avantetcknrregular'; color: #24a058; font-size: 40px; padding: 0 0 14px 0;}
.hd {font-size: 36px; color: #373737;}
.hd span {background: #24a058; position: relative; color: #fff; padding: 0 15px 0 19px;
-webkit-border-radius: 16px;
-moz-border-radius: 16px;
border-radius: 16px;}
.hd i {font-style: normal; padding: 0 18px 0 22px;}
.hd p {margin: 12px 0 0 0;}
.parashun {background: url(images/sprite.png) no-repeat; background-position: -118px -335px; width: 85px; height: 88px; position: absolute; left: 39px; top: 82px;}
.page-preambule {padding: 0; overflow: hidden;}
.box-outer {width: 531px; float: right; margin: 34px 1px 0 0;}
.tite {padding: 0 0 30px 0;}
.tite p {margin: 0 19px 0 0; font-family: 'a_avantetcknrregular'; font-size: 24px; color: #d8546c;}
.tite p span {position: relative; background: #d8546c; color: #fff; font-size: 36px; font-weight: bold;
padding: 0 16px; margin: 0 0 0 2px;
-webkit-border-radius: 19px;
-moz-border-radius: 19px;
border-radius: 19px;}

.login-form {position: relative; background: #fff; padding: 10px 0 0 0;
-webkit-border-radius: 7px;
-moz-border-radius: 7px;
border-radius: 7px;
-moz-box-shadow: 0 0 15px #c0d9b5;
-webkit-box-shadow: 0 0 15px #c0d9b5;
box-shadow: 0 0 15px #c0d9b5;}
.tt {font-size: 17px; text-transform: uppercase; font-weight: bold; text-align: center; padding: 8px 0 30px 0;}
.tt i {font-style: normal; color: #d15b47;}
.login-form-entry {width: 336px; margin: 0 auto; padding: 0 0 20px 0;}
.login-form-entry .form-group {margin-bottom: 13px;}
.login-form-entry .btn-lg {margin: 10px 0 0 0; width: 334px; height: 68px;}
.form-top {background: #fff; position: relative; z-index: 2;}
.form-bottom {background: #ebebeb; position: relative; padding: 38px 0 30px 28px; margin: -10px 0 0 0; z-index: 1;
-webkit-border-radius: 7px;
-moz-border-radius: 7px;
border-radius: 7px;}
.form-bottom p {margin: 0; font-size: 19px; font-weight: bold; text-transform: uppercase;}
.form-bottom p i {font-style: normal; color: #d15b47; font-size: 36px; font-weight: bold;}
.procent {position: absolute; top: 32px; right: 26px; width: 61px; height: 61px; line-height: 61px; background: #d15b47;
font-size: 26px; font-weight: bold; color: #fff;
-webkit-border-radius: 30px;
-moz-border-radius: 30px;
border-radius: 30px;}
.procent i {font-style: normal; padding: 0 0 0 6px;}
.pic {float: left;}

.content {position: relative; z-index: 11; top: -30px;}
.features-list {padding: 0;}
.features-list li {position: relative; display: inline-block; vertical-align: top; width: 18%;
 margin: 0 -4px 0 2%; padding: 0 0 98px 0; text-align: center;}
::i-block-chrome, .features-list li {margin-right: -3px;}
.li-inner {width: 100%; min-height: 186px; position: relative; background: #24a058;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px;
-moz-box-shadow: 0 0 15px #c0d9b5;
-webkit-box-shadow: 0 0 15px #c0d9b5;
box-shadow: 0 0 15px #c0d9b5;}
.features-list li.first {margin-left: 0;}
.features-list li.li-01 {background: url(images/li-01-bg.png) center top repeat-y;}
.features-list li.li-02 {background: url(images/li-02-bg.png) center top repeat-y;}
.features-list li.li-03 {background: url(images/li-03-bg.png) center top repeat-y;}
.features-list li.li-04 {background: url(images/li-04-bg.png) center top repeat-y;}
.features-list li.li-05 {background: url(images/li-05-bg.png) center top repeat-y;}
.features-list li.li-02 .li-inner {background: #a069c3;}
.features-list li.li-03 .li-inner {background: #ffb752;}
.features-list li.li-04 .li-inner {background: #d8546c;}
.features-list li.li-05 .li-inner {background: #6fb3e0;}
.li-inner span {background: url(images/sprite.png) no-repeat; display: inline-block; width: 68px; height: 68px; margin: 34px 0 0 0;}
.li-inner span.ic-03 {background-position: 0 -403px;}
.li-inner span.ic-04 {background-position: 0 -521px; height: 67px;}
.li-inner span.ic-05 {background-position: 0 -638px;}
.li-inner span.ic-06 {background-position: 0 -756px;}
.li-inner span.ic-07 {background-position: 0 -874px;}
.inf {color: #fff; text-transform: uppercase; line-height: 1.4; padding: 23px 10px 10px 10px;}
.li-innet-top {background: #fff; height: 52px; text-align: left; color: #343434;
-moz-border-radius-topleft: 6px;
-webkit-border-top-left-radius: 6px;
 border-top-left-radius: 6px;
-moz-border-radius-topright: 6px;
-webkit-border-top-right-radius: 6px;
border-top-right-radius: 6px;}
.li-innet-top i {float: left; font-style: normal; font-size: 18px; font-weight: bold; padding: 20px 0 0 11px;}
.li-innet-top strong {float: right; font-size: 30px; padding: 9px 11px 0 0;}
.li-inner P {color: #fff; margin: 0; font-size: 16px; line-height: 1.5; padding: 24px 15px 10px 15px;}
.men-outer {position: relative; top: -140px;}
.men {background: url(images/men.png) no-repeat; width: 232px; height: 534px; position: absolute; top: -74px; left: 50%; margin: 0 0 0 -127px; z-index: 10;}
.features-list li.li-01-1 {padding-bottom: 238px;}
.features-list li.li-02-1 {padding-bottom: 178px;}
.features-list li.li-04-1 {padding-bottom: 178px;}
.features-list li.li-05-1 {padding-bottom: 238px;}
.men-inner {background: url(images/men-inner-bg.png) no-repeat; width: 918px; height: 162px; position: relative; left: 100px; top: 70px; margin: 0 0 -70px 0;}
.men-inner span {font-size: 24px; font-weight: bold; color: #d8546c; position: absolute; bottom: 47px;}
.men-inner .span-01 {left: 0;}
.men-inner .span-02 {right: 0; color: #007ba1;}
.disease-inner {background: #ffdcf2; padding-top: 20px; padding-bottom: 16px;}
.disease-list-left {margin: 0; padding: 0 0 0 19px;}
.disease-list-left li {list-style: none;}
.disease-in {border-right: 1px solid #e7c7db; float: left; width: 268px; padding: 0 0 14px 0;}
.disease-in span {background: url(images/sprite.png) no-repeat; position: relative; width: 56px; height: 56px; float: left;}
.disease-in span.ic-08 {background-position: 0 -992px;}
.disease-in span.ic-09 {background-position: 0 -1098px;}
.disease-in span.ic-10 {background-position: 0 -1204px;}
.disease-in span.ic-11 {background-position: 0 -1310px;}
.disease-in span.ic-12 {background-position: 0 -1416px;}
.disease-in span.ic-13 {background-position: 0 -1522px;}
.disease-in h3 {margin: 0; padding: 22px 0 0 14px; font-size: 18px; font-weight: bold; float: left;}
.count-people {float: left; padding: 11px 0 0 20px;}
.count-people span {font-size: 24px; font-weight: bold; color: #d8546c;}
.disease-list-right {padding: 0 28px 0 0; float: right;}
.disease-list-right li {list-style: none;}
.disease-list-right li p {margin: 0; font-size: 16px; font-weight: bold;}
.part-1 {width: 219px; float: left; border-right: 1px solid #e7c7db; padding: 0 0 20px 0;}
.part-1 p {color: #007ba1;}
.part-2 {float: left;}
.disease-list-right li .part-2 p {margin: 0 0 0 14px;}
.disease-list-right li:first-child .part-1 {padding-top: 20px;}
.disease-list-right li:first-child .part-2 {padding-top: 20px;}
.disease-bottom {background: #d8546c; text-align: center; padding: 17px 0 23px 0;}
.disease-bottom p {color: #fff; font-size: 20px; font-weight: bold; margin: 0;}
.reasons-list {padding: 0 0 46px 0; margin: 0;}
.reasons-list li {background: url(images/li-03-bg.png) center top repeat-y; padding: 28px 0 0 0; display: inline-block; vertical-align: top; width: 15%;
margin: 0 -4px 0 2%; text-align: center;}
.reasons-list li:first-child {margin-left: 0;}
.reasons-inner-top {min-height: 103px;}
.reasons-inner {width: 100%; background: #ffb752; position: relative; min-height: 155px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
-moz-box-shadow: 0 0 15px #c0d9b5;
-webkit-box-shadow: 0 0 15px #c0d9b5;
box-shadow: 0 0 15px #c0d9b5;}
.reasons-inner-top span {background: url(images/sprite.png) no-repeat; display: inline-block; margin: 32px 0 0 0;}
.reasons-inner-top span.ic-14 {background-position: 0 -1628px; width: 43px; height: 46px;}
.reasons-inner-top span.ic-15 {background-position: 0 -1724px; width: 47px; height: 46px;}
.reasons-inner-top span.ic-16 {background-position: 0 -1820px; width: 47px; height: 41px;}
.reasons-inner-top span.ic-17 {background-position: 0 -1911px; width: 40px; height: 46px;}
.reasons-inner-top span.ic-18 {background-position: -118px 0; width: 47px; height: 43px;}
.reasons-inner-top span.ic-19 {background-position: -118px -93px; width: 46px; height: 46px;}
.reasons-inner p {margin: 0; font-size: 12px; text-transform: uppercase; color: #fff; line-height: 1.6; padding: 0 10px 0;}
.reasons .login-form {width: 531px; margin: 0 auto;}
.responde-outer {padding: 53px 0 0 0;}
.responde-title {background: #6fb3e0; position: relative; text-align: center; padding: 21px 0 17px 0;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;}
.responde-title p {margin: 0; color: #fff; font: bold 20px Tahoma, Geneva, sans-serif;}
.responde-list {margin: 0; padding: 28px 0 0 0;}
.responde-list li {display: inline-block; vertical-align: top; width: 49%; margin: 0 -4px 24px 2%;}
.responde-list li.even {margin-left: 0;}
.responde-list-inner {position: relative; background: #eef9e3; padding: 11px 9px; min-height: 319px;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px;}
.user-info figure {float: left;}
.user-info figure img {position: relative;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px;}
.user-info-text {padding: 0 0 0 181px;}
.user-info-text h2 {background: url(images/h2-bg.png) 2px 3px no-repeat; padding: 0 0 0 47px; font-size: 20px; font-weight: bold; margin: 0;}
.user-info-text h2 span {display: block; font-size: 16px; padding: 3px 0 0 0;}
.year {display: block; padding: 4px 0 0 47px; font-size: 14px;}
.city {background: url(images/city-bg.png) 4px 0 no-repeat; padding: 3px 0 5px 47px; display: block; margin: 0 0 22px 0;}
.achievement {background: url(images/achievement-bg.png) 0 center no-repeat; padding: 0 0 0 47px;}
.achievement p {margin: 0; font-size: 20px; font-weight: bold; color: #d15b47;}
.responde-list-inner article {padding: 15px 0 0 0;}
.responde-list-inner article p {margin: 0;}
.certificates-outer {padding: 25px 0 0 0;}
.certificates-outer h3 {text-align: center; font-size: 20px; margin: 0; font-weight: bold;}
.certificates-list {padding: 0 0 40px 0; margin: 36px 0 0 0; text-align: center;}
.certificates-list li {display: inline-block; vertical-align: top; margin: 0 2px;}
.certificates-outer .login-form {width: 531px; margin: 0 auto; background: #e5f1e7;}
.certificates-outer .form-top {background: #e5f1e7;}
.certificates-outer .form-bottom {background: #dde4df;} 


.popap-outer {left:0; position: absolute; top:0; width:100%; height: 100%; z-index: 1000000; display: none;}
.popap-shadow {cursor:pointer; left:0; position: absolute; top:0; width:100%; height: 100%; background: #000; z-index: 999;}
.popap-wrap {width: 616px; position: absolute; left: 50%; top: 10px; margin: 0 0 0 -308px; z-index: 1000; padding: 66px 0 0 0;}
.cl {background: url(images/cl-bg.png) no-repeat; width: 19px; height: 20px; position: absolute; right: 9px; top: 29px; cursor: pointer;}
.log { background: url(images/log.png) no-repeat; width: 133px; height: 52px; position: absolute; left: 0; top: 0;}
.popap-wrap .login-form {
-moz-box-shadow: none;
-webkit-box-shadow: none;
box-shadow: none;}



footer {min-height: 118px; width: 100%; position: relative; z-index: 11;}
.footer-inner {border-top: 1px solid #636363; padding: 28px 0 0 0; position: relative;}
.footer-logo {position: absolute; right: 17px; top: 6px;}
.footer-list {margin: 0; padding: 0;}
.footer-list li {float: left; list-style: none;}
.footer-list li a {color: #636363;}
.footer-list li.m-01 {width: 276px;}
.footer-list li.m-02 {width: 270px;}
.footer-list li.m-03 {width: 295px;}
.footer-list li.m-04 {width: 195px;}
.footer-list li p {font-size: 12px; color: #636363; margin: 0; line-height: 1.3;}
.footer-list li.m-01 p {background: url(images/sprite.png) no-repeat; background-position: -114px -187px; padding: 0 0 0 42px;}
.footer-list li.m-03 p {background: url(images/sprite.png) no-repeat; background-position: -115px -264px; padding: 0 0 0 48px;}


@media (min-width: 992px) and (max-width: 1199px) {
	.pic {float: none; margin: 0 auto; display: block; clear: both;}
	.box-outer {float: none; clear: both; margin: 0 auto;}
	a.zakaz {padding: 0 19px 0 15px;}
	.content {top: 0; padding: 40px 0 0 0;}
	.inf {padding: 0 5px 0 5px;}
	.men-inner {background: url(images/men-inner-bg1.png) no-repeat; width: 758px; left: 82px;}
	.disease-in {width: 238px;}
	.disease-in h3 {font-size: 17px;}
	.count-people {padding-left: 10px;}
	.part-1 {width: 195px;}
	.disease-list-right li p {font-size: 15px;}
	.reasons-inner p {padding: 0;}
	.certificates-list li {margin: -4px;}
	.footer-list li.m-01 {width: 236px;}
	.footer-list li.m-02 {width: 200px;}
	.footer-list li.m-03 {width: 215px;}
	.footer-list li.m-04 {width: 155px;}
}


@media (min-width: 768px) and (max-width: 991px) {
	.logo {margin: 0 auto 15px auto; display: block; width: 227px;}
	.block-1 {width: 350px; margin: 0 auto; padding: 15px 0;}
	.parashun {top: 60px;}
	.pic {float: none; margin: 0 auto; display: block; clear: both;}
	.box-outer {float: none; clear: both; margin: 0 auto;}
	.content {top: 0; padding: 40px 0 0 0;}
	.inf {padding: 0 5px 0 5px; font-size: 13px;}
	.li-innet-top i {font-size: 14px;}
	.li-innet-top strong {font-size: 24px; padding-top: 15px;}
	.li-inner p {font-size: 14px;}
	.men-inner {background: url(images/men-inner-bg2.png) no-repeat; width: 582px; left: 62px;}
	.men-inner span {font-size: 18px;}
	.disease-in {width: 330px;}
	.count-people {padding-left: 80px;}
	.disease-list-right {float: none; padding: 15px 0 0 19px;}
	.part-1 {width: 330px;}
	.disease-list-right li .part-2 p {margin-left: 80px;}
	.reasons-inner p {font-size: 11px;}
	.responde-list li {width: 100%; margin: 0 0 24px 0;}
	.footer-list li {width: 320px!important; padding: 0 0 15px 0;}	
}


@media (max-width: 768px) {	
	.logo {margin: 0 auto 15px auto; display: block; width: 227px;}
	.block-1 {width: 100%; margin: 0 auto; padding: 15px 0;}
	a.zakaz {padding: 0 19px 0 15px;}
	.parashun {top: -30px; left: 0;}
	.pic {float: none; margin: 0 auto; display: block; clear: both;}
	.box-outer {float: none; clear: both; margin: 0 auto; width: 100%;}
	.login-form-entry {width: 100%;}
	.login-form-entry form {padding: 0 10px;}
	.login-form-entry .btn-lg {width: 100%;}
	.content {top: 0; padding: 40px 0 0 0;}
	.features-list li {width: 100%; margin: 0;}
	.men-inner {background: none; left: 0; width: 100%; margin: 0 0 50px 0; height: 30px;}
	.men {margin: 0 0 0 -120px; display: none;}
	.men-outer {top: 0px;}
	.features-list li.li-05-1 {padding-bottom: 0px;}
	.disease-list-left li {padding-bottom: 35px;}
	.disease-in {width: 100%; border: 0; text-align: center;}
	.disease-in span {float: none; display: inline-block;}
	.count-people {width: 100%; float: none; clear: both; padding: 0; text-align: center;}
	.disease-list-right {padding: 0 0 0 19px; float: none;}
	.part-1 {width: 100%; border: 0; text-align: center; padding: 0;}
	.disease-list-right li {padding: 0 0 20px 0;}
	.disease-list-right li .part-2 {width: 100%; float: none; clear: both; padding: 0; text-align: center;}
	.disease-list-right li .part-2 p {margin: 0;}
	.disease-list-right li:first-child .part-2 {padding: 0;}
	.disease-list-right li:first-child .part-1 {padding: 0;}
	.reasons-list li {width: 100%; margin: 0;}
	.reasons .login-form {width: 100%;}
	.responde-list li {width: 100%; margin: 0 0 24px 0;}
	.certificates-outer .login-form {width: 100%;}
	.footer-list li {width: 100%!important; padding: 0 0 15px 0;}
	.tite p span {display: inline-block;}
	.procent {line-height: 40px; height: 40px; width: 40px; font-size: 15px; top: 18px; right: 20px;}
	.hd span {display: inline-block; margin-bottom: 5px;}
	.disease-in h3 {float: none;}
	.user-info-text {padding: 15px 0 0 0; clear: both;}
	.form-bottom p {font-size: 17px;}
	.men-inner span {font-size: 14px;}
	.popap-wrap {width: 100%; position: absolute; left: 50%; top: 10px; margin: 0 0 0 -50%;}
}



.login-form div {position: relative;}

.login-form input:focus {
    outline: none;
    border-color: #07a6e6;
}

.login-form input.rf_error {
    border-color: #d8512d;
}
.login-form .rfield_error {
    display: block;
    padding: 0px 10px;
    background-color: #d8512d;
    color: #fff;
    font-size: 12px;
    z-index: 1;
    position: absolute;
    top: 0px;
    right: 0px;
    visibility: hidden;
}

.login-form .btnsubmit:focus {
    outline: none;
}
.login-form .btnsubmit.disabled,
.login-form .btnsubmit.disabled:hover {
    background: #d43f3a;
    cursor: default;
}

.error{
    color: red;
    display: block;
    font-weight: normal;
}

#focusedInput-error {padding: 5px 0;}