*{margin:auto; padding:0; color: rgba(0,0,0, 0.8); font-family: 'PTSansRegular'; font-weight: 400; line-height: 1em; text-decoration: none; font-size:1em; }
body {background: #e4f3ff; height: auto;}
a {text-decoration: underline; color: #75bee9; text-transform: uppercase; }
.clear {clear: both;}

#main {margin: auto; width: 1200px; height: auto; background: white; margin-top: 10px;position: relative;}
#header {width: 1100px; margin: auto; padding-top: 30px;position: relative;}
#header .logo {width: 280px; float: left;}
#header .logo .logo_text {font-family: myriad_regular; padding-top: 15px; font-size: 24}
#header .logo .logo_image {background: url('/images/logo.png') no-repeat; width: 100px; height: 130px; float: left; }
#header .calling {width: 430px; float: left; margin-left: 50px; padding-top: 15px; text-transform: uppercase;}
#header .calling p {font-size: 1.5em; color: #bfe1f5;}
#header .calling span {color: #bfe1f5; font-weight: bold;}
#header .contacts {width: 250px; float: right; text-transform: uppercase; padding-top: 15px;}
#header .contacts .phone p {font-weight: 600; font-size: 1.4em;}

#after_header {width: auto; margin: auto; height: auto;position: relative;}
#after_header .slider {width: 680px; float: left; height: 300px;}
#after_header .slider .slider_visible {width: 600px; float: right;}
#after_header .slider .slider_visible .item {width: 600px; height: 230px; margin-top: 45px;}
#after_header .slider .slider_visible .item p {text-transform: uppercase; font-size: 3.8em; display: inline; line-height: 1.4em;}
#after_header .slider .slider_visible .item img {margin-right: 120px; float: right;}
#after_header .slider .slider_visible .button_control {width: 200px; height: 50px;}
#after_header .slider .slider_visible .button_control .button {display: block; width: 15px; height: 15px; border-radius: 7.5px; float: left; margin: 2px; cursor: pointer;}
#after_header .slider .slider_visible .button_control .active {background: #b47bae;}
#after_header .slider .slider_visible .button_control .hidden {background: #f0e5ef;}
#after_header .application {width: 500px; height: 350px; float: right; border-radius: 175px; background:  #e4f3ff;}
#after_header .application .form_app {width: 325px; height: 350px; background:  #e4f3ff; float: right;}
#after_header .application .form_app a{display: block; margin-top: 130px; margin-left: -30px; width: 270px; height: 70px; background: #75bee9; border-radius: 35px; font-size: 1.3em; line-height: 70px; text-align: center; color: white; text-transform: uppercase; cursor: pointer; text-decoration: none;}

#how {width: 1100px; margin-top: 30px; height: auto;position: relative;}
#how .how_title {margin-left: 100px; font-size: 2em; text-transform: uppercase;}
#how .steps {width: 1100px; margin-top: 30px;} 
#how .steps .step{width: 156px; float: left; height: 100px;}
#how .steps .step img {margin-left: 10px;}
#how .steps .step .step_text {height: 60px; width: 90%; margin-top: 20px;}
#how .steps .step .step_text p {line-height: 1.1em; }
#how .steps .step .arrow {width: 100%; background: url('/images/step/arrow.png') no-repeat; background-size: 100%; height: 20px;}
#how .steps .step .postscript {margin-left: 10px;}
#how .steps .step .postscript p{text-transform: uppercase; font-size: 0.9em;}

#banner {width: 1200px; background: url('/images/family.jpg') no-repeat; height: 300px; position: relative; margin-top: 100px;}
#banner .banner_text {width: 680px; height: auto; padding-left: 320px; padding-top: 100px; }
#banner .banner_text p {font-size: 1.6em; text-transform: uppercase;}
#banner .banner_text span {font-weight: bold;}
#banner .banner_text a{display: inline-block; padding-top: 20px; }

#reasons {width: 1100px; position: relative; height: auto;padding-top: 20px;}
#reasons  .left {float: left; width: 70%; margin-left: 100px;}
#reasons .reasons_title {width: 680px; float: left; }
#reasons h3 {display: inline-block; font-size: 2em;  text-transform: uppercase;}
#reasons img {float: right; display: block; margin-top: 10px;}
#reasons .int {width: 100%; height: auto; }
#reasons .int .reason {width: 350px; float: left; height: 70px;}
#reasons .int .reason .number {float: left; background: #e7f4fe; padding: 16px 20px;  border-radius: 24px; color: #75bee9;}
#reasons .int .reason p {padding: 15px 0 0 15px; display:inline-block;}
#reasons .right {float: right;}

#condition {width: 100%; background: url('/images/condition.png') no-repeat; height: 390px;}
#condition .int {width: 1100px; padding-top: 30px;}
#condition .int .condition {width: 90%; margin-left: 100px;}
#condition .int .condition h3 {font-size: 2em; text-transform: uppercase; float: left;}
#condition .int .condition a {font-size: 1.1em; display: inline-block; margin: 14px;}
#condition .int .condition .list {margin: 13px 0;}
#condition .int .condition .list .cond {padding: 16px 20px; background: white; border-radius: 25px; float :left; color: #75bee9;}
#condition .int .condition .list  p{padding: 15px 0 0 15px; display:inline-block;}

#review {width: 100%; background: url('/images/review.png') no-repeat; height: 450px;}
#review .int {width: 1100px; padding-top: 30px;}
#review .int img {float: left;}
#review .int .review {width: 60%; margin-left: 100px; float: left;}
#review .int .review h3 {font-size: 2em; text-transform: uppercase; float: left;}
#review .int .review a {font-size: 1.1em; display: inline-block; margin: 14px;}
#review .int .review .list {margin: 13px 0;}
#review .int .review .list .cond {padding: 16px 20px; background: #e7f4fe; border-radius: 25px; float :left; color: #75bee9;}
#review .int .review .list  p{padding: 15px 0 0 15px; display:inline-block;}

#questions {width: 100%; background: url('/images/question.jpg') no-repeat #fbfbfb; background-size: 100%; height: auto; }
#questions .questions_title {margin-left: 150px; padding: 40px 0;}
#questions .questions_title h3 {font-size: 2em; text-transform: uppercase;}
#questions .int {width: 80%;}
#questions .int .block {position: relative;height: auto; padding: 10px 0;}
#questions .int .block .question {border: 1px solid black;}
#questions .int .block .question p {display: inline-block; padding: 20px; font-weight: bold;max-width: 90%; }
#questions .int .block .question span {color: #87c6eb; font-weight: bold;}
#questions .int .block .question  a{cursor: pointer; float: right; background: url('/images/arrow_vertical.png') no-repeat; width: 20px; height: 40px; background-size: 100%; margin: 10px 15px 0 0; transition: 1s;}
.transform {transform: rotate(90deg);}
.answer {padding: 0 20px; margin-top: 10px; display: block; transition: 1s linear; max-height: 0; overflow: hidden; position: relative; top: -10px;}
.visibled {max-height: 200px; top:0px; }
#questions .int .block .answer  span{color: #87c6eb; font-weight: bold; float: left; display: inline-block;}
#questions .int .block .answer  p{display: block; float: left; width: 97%; margin-left: 5px;}

#mcrm {width: 100%; position: relative; height: auto;}
#mcrm .mcrm_title {width: 90%; padding-top: 30px;}
#mcrm .mcrm_title h1 {font-size: 2.2em; text-transform: uppercase; text-align: center;}
#mcrm .int {width: 85%; height: auto; margin-top: 30px;}
#mcrm .int img {float: left;}
#mcrm .int .mcrm_text {float:left; width: 650px; margin-left: 30px; height: auto; font-size: 1.2em;}
#mcrm .int .mcrm_text p{ line-height: 1.3em;}
#mcrm .confid {width: 70%; margin-top: 30px; height: 230px;}
#mcrm .confid .link {float: left; width: 150px; height: 150px; background: url('/images/confid.png') no-repeat; display: block;}
#mcrm .confid .confid_text p{font-size: 1.3em; text-transform: uppercase;}
#mcrm .confid a{cursor:pointer;}

#map {width: 1200px; height: 350px; position: relative;}
#map .adres {position: absolute; width: 450px; height: 300px; top: 20px; right: 150px; background: white;}
#map .adres .adres_text {padding: 40px; width: 300px; float: left;}
#map .adres .adres_text p {line-height: 25px;}
#map .adres .adres_text  span {font-weight: bold;}
#map .adres .adres_text  a{color: black; font-size: 0.9em; text-transform: lowercase;}


#form {position: fixed; top: 0px; z-index: 100; background: rgba(228,243,255,1); height: 1000px; width: 100%; display: none; }

.js-number {width: 150px; }
.js-age {float: left; display: block;margin: -5px 0 0 5px;}
.parent label .txt {height: 15px;}
.parent label {margin-top: 15px; display: block;}
.parent {width: 590px; margin-top: 70px;}
.parent input {width: 170px; height: 25px; border-radius: 3px; border: 1px solid #E4E4E4;;} 
.parent .all_input {float: left; margin: 10px;}
.parent .all_input p {margin-bottom: 15px;}
.parent .string { height: 70px;}
.parent .string select {width: 170px;}
.parent button {display: block; width: 150px; height: 40px; margin: auto; margin-top: 20px; background: #75BEE9; border-radius: 5px; border:none; color: white; cursor: pointer;}



.title__caption{
	width: 470px;
}
.parent table{
	width: 590px;
}
.donor__egg .parent .small input{
	width: 57px;
	display: inline-table;
	margin-right: 10px;
}
.donor__egg .parent .small span{
	margin-right: 25px;	
}
tr.caption td{
	padding: 10px 3px;
	vertical-align: inherit;
}
tr.fields td{
	padding-bottom: 5px;
}
tr.caption__fields input{
	display: inline-table;
}
tr.caption__fields span{
	margin-right: 40px;
}
tr.caption__fields .left,tr.caption__fields .right{
	width: 50%;
	float: left;
}
tr.caption__fields .left p,tr.caption__fields .right p {
	width: 163px;
	display: inline-table;
}
tr.caption__fields .left input,tr.caption__fields .right input {
	width: 100px;
	margin: 10px 0px;
}
tr.caption__fields td,tr.string td {
	padding: 5px 0px;
	line-height: 25px;
}
tr.caption .file{
	position: absolute;
	width: 140px;
}
.file a{
	line-height: 35px;
	font-size: 1.1em;
	font-weight: bold;
}
.captcha{
	margin-top: 20px;
}
.captcha img{
	width: 160px;
	border: 1px solid #917C7C;
}
.captcha .btn{
	width: 170px !important;;
	margin: 7px 0px;
	cursor: pointer;
	color: #fff !important;;
}
.donor__egg a{
	position: relative;
}
.donor__egg a span{
	text-decoration: none;
	position: absolute;
	margin-left: 10px;
	font-size: 30px;
	color: #857B7B;
	vertical-align: middle;
	display: inline-table;
}
.donor__egg span,.donor__egg label,.donor__egg p{
	font-size: 13px;
}	
.donor__egg .parent input,.donor__egg .parent select{
	width: 150px;
}

.donor__egg input[type=checkbox]{
	width: 15px;
	vertical-align: middle;
	height: 20px;
	margin-right: 10px;
}
.donor__egg .none{
	display: none;
}

.btn {
	background-color: #75bee9;
	position: relative;
	display: inline-block;
	text-align: center;
	background-position: 0 0;
	border: 0;
	border-radius: 4px;
	-webkit-border-radius: 2px;
	vertical-align: top;
	padding: 8px 10px;
	color: #fff;
	font-size:11pt;
	font-family: "PT Sans Bold";
	letter-spacing: 0.7px;
	
}

.txt:focus, .inpt:focus {
    outline: 0px none;
}
.txt:focus {
    box-shadow: 0px 3px 5px 0px rgba(159, 192, 215, 0.33) inset;
    color: #111;
}
input:focus {
    outline: medium none;
}
.txt {
    display: inline-block;
    background-color: #FFF;
    outline: 0px none;
    border: 1px solid #E4E4E4;
    color: #ADADAD;
    margin: 0px;
    padding: 5px 10px;
    width: 270px;
    vertical-align: top;
    border-radius: 4px;
    font-family: "PT Sans",Arial;
    font-size: 13px !important;
}

.exit {position: absolute; top: 40px; right: 50px; cursor: pointer; width: 20px; height: 20px;}
.one { display: block; width: 20px; height: 4px; background: #75BEE9;; transform: rotate(45deg); position: absolute;}
.two { display: block; width: 20px; height: 4px; background: #75BEE9;; transform: rotate(-45deg);position: absolute;}