html, body, .container {
	height: 100%;
	min-height: 100%;
}

html {
	-webkit-text-size-adjust: none;
}

body {
	padding: 0;
	margin: 0;
	font-family: Arial;
	font-size: 16px;
	color: #333;
	line-height: 1.5;
	text-align: center;
	background: #f9f9f9;
}

div, span, p, a, h1, h2, h3, h4, li, label, td, small {
	margin: 0;
	padding: 0;
	font-family: Arial;
	font-size: 16px;
	color: #333;
	line-height: 1.5;
	text-align: left;
}

input, select, textarea {
	font-family: Arial;
	font-size: 16px;
	color: #333;
	line-height: 1.5;
	border: none;
	outline: none;
}

img, input, select, textarea, fieldset {
	margin: 0;
	padding: 0;
	border: 0;
}

input:focus, select:focus, textarea:focus {
	outline: none;
}

a, a:hover {
	color: #3692da;
	text-decoration: none;
}

ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

.container {
	margin: 0 auto;
	max-width: 100%;
}

.content {
	padding-bottom: 56px;
	min-height: 100%;
}

.footer {
	margin: -56px auto 0;
	padding: 19px 14px 12px;
	min-height: 56px;
	font-size: 13px;
	color: #7a838d;
	text-align: center;
	border-top: 1px solid #ebedf0;
}

.footer a, .footer a:hover {
	font-size: 13px;
	color: #7a838d;
	text-decoration: underline;
}

.footer a:hover {
	text-decoration: none;
}

.width100 {
	width: 100%;
	float: left;
	clear: both;
}

.head {
	margin-bottom: 90px;
	padding-top: 64px;
	height: 600px;
	font-size: 0;
	text-align: center;
	position: relative;
    background-position: center center !important;
    background-repeat: no-repeat !important;
	background-size: cover !important;
}

.head:before {
    display: inline-block;
    height: 100%;
    vertical-align: middle;
    content: "";
}

.top {
	width: 100%;
	height: 64px;
	position: fixed;
    z-index: 3000;
	top: 0;
}

.top_scroll {
	background: #f9f9f9;
}

.logo {
	margin-top: 12px;
	height: 40px;
	display: block;
	float: left;
}

.logo div, .logo img {
	height: 40px;
	display: block;
	float: left;
}

.logo div {
	padding-top: 9px;
	width: 40px;
	color: #fff;
	text-align: center;
	border-radius: 20px;
}

.logo span {
	margin: 9px 0 0 12px;
	color: #fff;
	white-space: nowrap;
	display: block;
	float: left;
}

.top_phone {
	margin-top: 21px;
	color: #fff;
	display: block;
	float: right;
}

.top_button {
	margin: 15px 0 0 45px;
	padding: 6px 30px 0 30px;
	height: 36px;
	color: #fff;
	display: block;
	float: right;
	background: rgba(255, 255, 255, .15);
	border-radius: 10px;
}

.top_button:hover {
	color: #fff;
	background: rgba(255, 255, 255, .22);
}

.top_phone_button {
	margin-top: 12px;
	width: 40px;
	height: 40px;
	display: none;
	float: left;
	background: rgba(51, 51, 51, .15) url(phone_icon.svg) center center no-repeat;
	background-size: 19px;
	border-radius: 20px;
}

.top_scroll .logo span, .top_scroll .top_phone, .top_scroll .top_button {
	color: #333;
}

.top_scroll .top_button {
	background: rgba(51, 51, 51, .15);
}

.top_scroll .top_button:hover {
	background: rgba(51, 51, 51, .19);
}

.head_info {
	margin: 0 auto;
	width: 740px;
    display: inline-block;
	text-align: center;
    vertical-align: middle;
}

h1, .title {
	font-size: 46px;
	line-height: 1.2;
	color: #fff;
	font-weight: normal;
	text-align: center;
}

.title {
	font-size: 35px;
	color: #303030;
}

.head_info p {
	margin-bottom: 56px;
	font-size: 30px;
	color: #fff;
	text-align: center;
}

.head_info_button {
	padding: 13px 48px 0 48px;
	height: 48px;
	display: inline-block;
	color: #000;
	font-weight: 600;
	background: #fff;
	border-radius: 10px;
}

.head_info_button:hover {
	color: #000;
	background: #f9f9f9;
}

.content_center {
	margin: 0 auto;
	max-width: 1200px;
}

.information {
	margin: 0 auto;
	max-width: 760px;
	text-align: center;
}

.information p {
	font-size: 18px;
	color: #797979;
	text-align: center;
}

.button, .button:hover {
	padding: 13px 48px 0 48px;
	height: 48px;
	display: inline-block;
	color: #fff;
	font-weight: 600;
	background: #2787f5;
	border-radius: 10px;
}

.button:hover {
	background: #177aec;
}

.round {
	text-align: center;
	font-size: 0;
}

.round_block {
	margin-bottom: 60px;
	padding: 0 25px;
	width: 30%;
	display: inline-block;
	vertical-align: top;
	text-align: center;
}

.round_block div {
	margin: 0 auto 40px;
	width: 260px;
	height: 260px;
	border-radius: 130px;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover; 
}

.round_block p {
	font-size: 18px;
	text-align: center;
}

.gallery {
	font-size: 0;
	overflow-x: scroll;
	white-space: nowrap;
}

.gallery::-webkit-scrollbar {
	display: none;
}

.gallery {
	-ms-overflow-style: none;
}

.gallery div {
	margin-left: 18px;
	width: 380px;
	height: 290px;
	display: inline-block;
	background-size: cover;
	border-radius: 15px;
}

.gallery :first-child {
	margin-left: 0;
}

.sale {
	padding: 66px 120px 50px;
	border: 10px solid #fff;
	border-radius: 20px;
}

.sale div {
	margin: -16px 0 34px 100px;
	width: 270px;
	height: 270px;
	float: right;
    background-position: center center !important;
    background-repeat: no-repeat !important;
	background-size: cover !important;
	border-radius: 135px;
}

.sale span {
	margin-bottom: 20px;
	font-size: 24px;
	line-height: 1.2;
	color: #666;
	display: block;
}

.sale p {
	margin-bottom: 28px;
	font-size: 18px;
	color: #666;
}

.contacts {
	border-radius: 10px;
	box-shadow: 0 5px 5px rgba(153, 153, 153, 0.3);	
}

.map {
	width: 57.5%;
	height: 350px;
	display: block;
	float: left;
	border-radius: 10px 0 0 10px;
}

.contacts_info {
	padding: 55px 65px 0 65px;
	width: 42.5%;
	height: 350px;
	display: block;
	float: right;
	background: #fff;
	border-radius: 0 10px 10px 0;
}

.contacts_info_text {
	margin-bottom: 20px;
	height: 200px;
}

.contacts_info_text span {
	color: #669fdd;
}

.contacts_info_text p {
	margin: 18px 0 30px 0;
	color: #666;
}

.contacts_info_text a {
	display: none;
}

.vk, .facebook, .ok, .instagram {
	margin-right: 10px;
	width: 32px;
	height: 32px;
	display: block;
	float: left;
	background: url(social_icons.svg) no-repeat;
	background-size: 32px auto;
}

.vk {
	background-position: 0 0;
}

.vk:hover {
	background-position: 0 -40px;
}

.facebook {
	background-position: 0 -80px;
}

.facebook:hover {
	background-position: 0 -120px;
}

.ok {
	background-position: 0 -160px;
}

.ok:hover {
	background-position: 0 -200px;
}

.instagram {
	background-position: 0 -240px;
}

.instagram:hover {
	background-position: 0 -280px;
}

.form_container {
	display: none;
}

.form {
	padding: 40px 30px;
	width: 400px;
	min-height: 440px;
	background: #fff;
	position: relative;
	border-radius: 15PX;
}

.form span {
	margin-bottom: 10px;
	display: block;
	font-size: 24px;
	text-align: center;
}

.form p {
	margin-bottom: 30px;
	font-size: 15px;
	color: #999;
	text-align: center;
}

.form span.error {
	margin-bottom: 30px !important;
	font-size: 15px !important;
	color: #c00 !important;
}

.form a, .form a:hover {
	width: 24px;
	height: 24px;
	position: absolute;
	display: block;
	top: 20px;
	right: 20px;
	opacity: 0.5;
	filter: alpha(opacity=50); /* For IE8 and earlier */
	background: url(form_close.svg) no-repeat;
	background-size: 24px;
}

.form a:hover {
	opacity: 0.7;
	filter: alpha(opacity=70); /* For IE8 and earlier */
}

.input {
	margin-bottom: 18px;
    padding: 2px 20px 0;
    height: 64px;
	color: #999;
    display: block;
    background: #f3f3f3;
    border-radius: 10px;
}

.form .button, .form .button:hover {
	padding: 2px 0 0 0;
	width: 100%;
	height: 64px;
	text-align: center;
	border: none;
	cursor: pointer;
}

.form .button:hover {
	background: #177aec;
}


@media only screen and (max-width: 1200px) {
	.content_center {padding: 0 16px; max-width: 100%;}
	.head_info, .information, .map, .contacts_info, .round_block, .form {width: 100%;}
	
	.top_button, .top_phone {display: none;}
	.logo {display: inline-block; float: none;}
	.top {text-align: center;}
	
	.top_scroll .logo {display: none;}
	.top_scroll .top_button {display: block;}
	.top_scroll .top_phone_button {display: block;}
	
	.head_info {padding: 0 16px; max-width: 520px;}
	h1 {font-size: 36px;}
	.head_info p {margin-bottom: 50px; font-size: 26px;}
	
	.title {font-size: 32px;}
	.information p {font-size: 16px;}
	
	.round_block div {margin-bottom: 30px; width: 210px; height: 210px; border-radius: 105px;}
	.round_block p {font-size: 16px;}
	
	.gallery {margin: 0 -16px; padding: 0 16px;}
	.gallery div {width: 290px; height: 210px;}
	
	.sale {padding: 50px 35px 30px; text-align: center;}
	.sale div {margin: 0 0 30px 0; width: 170px; height: 170px; display: inline-block; float: none;}
	.sale span {margin-bottom: 25px; font-size: 22px; text-align: center;}
	.sale p {margin-bottom: 38px; font-size: 16px; text-align: center;}
	
	.map {height: 340px;}
	.contacts_info {padding: 35px; height: auto; text-align: center;}
	.contacts_info_text {height: auto; text-align: center;}
	.contacts_info_text p {margin: 10px 0 20px 0; text-align: center;}
	.contacts_info_text span {display: none;}
	.contacts_info_text a {display: inline-block;}
	
	.contacts_info_soc {text-align: center; font-size: 0;}
	.contacts_info_soc a {display: inline-block; float: none;}
	
	.form_container {width: 94%; max-width: 440px;}
}

.block {
	display: block;
}

.padding {
	padding: 0 16px;
}

.margin_top_5 {
	margin-top: 5px !important;
}

.margin_bottom_100 {
	margin-bottom: 100px !important;
}

.margin_bottom_70 {
	margin-bottom: 70px !important;
}

.margin_bottom_50 {
	margin-bottom: 50px !important;
}

.margin_bottom_35 {
	margin-bottom: 35px !important;
}

.margin_bottom_30 {
	margin-bottom: 30px !important;
}

.margin_bottom_25 {
	margin-bottom: 25px !important;
}

.margin_bottom_15 {
	margin-bottom: 15px !important;
}

.white_text {
	color: #fff !important;
}

.grey_text_3 {
	color: #333 !important;
}

.grey_text_9 {
	color: #999 !important;
}

.center_text {
	text-align: center !important;
}

.center_block {
	margin: 0 auto;
}

.bold {
	font-weight: bold;
}

.nowrap {
	white-space: nowrap;
}

.underline {
    text-decoration: underline;
}

.relative {
	position: relative;
}

.hidden {
	overflow: hidden;
}

.hideit {
	display: none;
}

.float_left {
	float: left;
}

.box-sizing {
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}


/** pop up **/

.blocker {
    position: fixed;
    top: 0; right: 0; bottom: 0; left: 0;
    width: 100%; height: 100%;
    overflow: auto;
    z-index: 10001;
	background-color: rgba(29,29,29,0.5);
    box-sizing: border-box;
    text-align: center;
}

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

.modal {
    display: none;
    vertical-align: middle;
    position: relative;
    z-index: 10002;
    text-align: left;
}

.close-modal  {
    display: none !important;
}



/* domain_ending css */

.container_domain {
    margin: 0 auto;
	padding: 80px 16px;
    max-width: 650px;
	text-align: center;
}

.container_domain img {
	margin-bottom: 40px;
}

.domain {
	padding-bottom: 40px;
	font-size: 24px;
	color: #0066cc;
	line-height: 28px;
	text-align: inherit;
}

.domain_info {
	padding-bottom: 60px;
	font-size: 20px;
	color: #333;
	line-height: 26px;
	text-align: inherit;
}

a.domain_pay {
	margin: 0 auto;
	padding: 12px 0;
	width: 190px;
	color: #fff;
	font-size: 18px;
	line-height: 22px;
	text-align: center;
	display: block;
	background: #66af10;
	border-radius: 5px;
}

a.domain_pay:hover {
	background: #4f8d06;
}