@import url(reset.css);
@import url('https://fonts.googleapis.com/css?family=Roboto:100,100i,300,300i,400,400i,500,500i,700,700i,900,900i&subset=cyrillic,cyrillic-ext');
@font-face{
	font-family: 'GothamProBold';
	src: url('../fonts/GothamProBold.ttf');
}



h1 {
	font-family:GothamProBold;
}

h2 {
font-family: GothamProBold;
    font-size: 52px;
    font-weight: bold;
    color: #324b5d;
    display: block;
    line-height: 0.67;
}

h3{
	font-family: GothamProBold;
	font-size: 50px;
	font-weight: 900;
	line-height: 0.84;
	color: #3e5667;
}

h4 {

}

h5 {

}

h6 {

}

p {
	font-size: 14px;
	font-weight: 500;
	line-height: 1.29;
	color: #3e5667;
}

.clearfix:after {
    content: "";
    display: table;
    clear: both;
}
a {
	color: #000;
	text-decoration: none;
	border-bottom: 1px solid
}
a:hover {
	border-bottom: none;
}

strong {
	font-weight: bold;
}

ul li {

}

body {
	font-family: 'Roboto', sans-serif;
	background-color: #fff;
	background-image: url(../images/main_bg.jpg);
	position: relative;

}

.house { /*Параллакс*/
    background: url(../images/house.png) top center;
    -webkit-background-size: cover;
    position: absolute;
    width: 100%;
    height: 2133px;
    z-index: -1;
	top: 1262px
}

.cloud{ /*Параллакс*/
    background: url(../images/cloud-test.png) no-repeat top center;
    -webkit-background-size: cover;
    position: absolute;
    width: 100%;
    height: 1872px;
    z-index: -1;
}

content {
	display: inline-block;
	width: 100%;
}

.fix {
	width: 976px;
	margin: 0 auto;
}



/**header**/

.header_block {
	display: inline-flex;
	align-items: center;
	width: 100%;
	font-size: 0;
	margin: 20px 0 36px;

}
.logo {
	display: inline-block;
	vertical-align: middle;
}
.logo img {
	width: 100%;
}

.logo a {
	border-bottom: none;
}
.logo a:hover  {
	opacity: 0.8;
}
.phone_number {
	display: inline-block;
	max-width:710px;
	width: 100%;
	text-align: right;
	vertical-align: middle;

}

.phone_number a {
	font-size: 30px;
	font-weight: bold;
	color: #ffb400;
	border-bottom: none;
	vertical-align: middle;
	padding-left: 30px;
	position: relative;
}
.phone_number a:before {
	content: "";
	position: absolute;
	left: 0;
	top: 9px;
	background-image: url(../images/phone.png);
	width: 20px;
	height: 20px;
}
.custom_phone {
	font-weight: 300;
	color: #f1f1f1;
}

.phone_number a:hover  {
	color: #fff;
}

.phone_number:hover .custom_phone {
	color: #ffb400;
}
/**header**/



/**content**/

.bg_home {
	background-image: url(../images/home.png);
	background-position: 0px 351px;
    background-repeat: no-repeat;
}

.block_center {
	text-align: center;
	display: inline-block;
	width: 100%;
	position: relative;
}

.cheap {
	max-width: 690px;
	width: 100%;
	display: inline-block;
	margin: 0 auto;
	background-image: url(../images/cheap.png);
	max-height: 436px;
}

.left_block_cheap {
	float: left;
	width: 235px;
	padding: 62px 0 81px 94px;
	text-align: left;
}

.left_block_cheap h1 {
	font-size: 67.4px;
	font-weight: 900;
	color: #3e5667;
}
.custom_h1.color:first-letter {
	color: #ffb400;
}
.custom_h1 {
	font-size: 30px;
	display: block;
}

.left_block_cheap_text {
	width: 183px;
	margin-top: 44px;
}

.left_block_cheap_text span {
	font-size: 16px;
	font-weight: 900;
	line-height: 1.13;
	letter-spacing: -0.2px;
	color: #3e5667;
	margin-bottom: 20px;
	display: block;
	text-transform: uppercase;
}
.left_block_cheap_text span:last-child {
	margin-bottom: 0;
}


.right_block_cheap {
	float: right;
	width: 262px;
	padding: 79px 75px 0 0;
	text-align: left;
}

.right_block_cheap #email_form {
	text-align: left;
	    margin-top: 39px;
}

.right_block_cheap #e-mail_top {
	margin-left: 0;
}

.right_block_cheap_phone {
	 font-size: 36px;
  font-weight: 900;
  line-height: 0.67;
  letter-spacing: -0.4px;
  color: #3e5667;
  display: inline-block;
     margin: 56px 0 21px;


}

.right_block_cheap small {
	color: #f8a300;
	font-size: 24px;
	  display: inline-block;
	  vertical-align: top;
}

/*form*/

input[type="email"],
input[type="text"] {
    background-color: #596e7d;
    border: solid 1px #667c8b;
    color: #deddda;
    padding-left: 15px;
    font-family: Roboto;
    font-size: 24px;
    font-weight: 500;
    font-style: italic;
    display: inline-block;
    vertical-align: top;
    margin: 5px 0px 12px 0px;
}

input[type="email"],
input[type="text"] {
    background-color: #596e7d;
    border: solid 1px #667c8b;
    color: #deddda;
    padding-left: 15px;
    font-family: Roboto;
    font-size: 24px;
    font-weight: 500;
    font-style: italic;
    display: inline-block;
    vertical-align: top;
    margin: 5px 0px 12px 0px;
}

#lrsp,
#lrsp2 {
	background-color: #596e7d;
    border: solid 1px #667c8b;
    color: #deddda;
    padding-left: 15px;
    font-family: Roboto;
    font-size: 24px;
    font-weight: 500;
    font-style: italic;
    display: inline-block;
	vertical-align: top;
	margin: 0px 0px 12px 12px;
}

#name,
#phone,
#phone2,
#comment{
	width: 192px;
  height: 45px;
}

#name,
#phone,
#phone2,
#comment {
	    width: 80%;
  height: 45px;
}

#phone::-webkit-input-placeholder {color:#deddda;}
#phone::-moz-placeholder          {color:#deddda;}/* Firefox 19+ */
#phone:-moz-placeholder           {color:#deddda;}/* Firefox 18- */
#phone:-ms-input-placeholder      {color:#deddda;}

#comment::-webkit-input-placeholder {color:#deddda;}
#comment::-moz-placeholder          {color:#deddda;}/* Firefox 19+ */
#comment:-moz-placeholder           {color:#deddda;}/* Firefox 18- */
#comment:-ms-input-placeholder      {color:#deddda;}

#phone2::-webkit-input-placeholder {color:#deddda;}
#phone2::-moz-placeholder          {color:#deddda;}/* Firefox 19+ */
#phone2:-moz-placeholder           {color:#deddda;}/* Firefox 18- */
#phone2:-ms-input-placeholder      {color:#deddda;}

#quantity,
#lrsp,
#lrsp2  {
	width: 122px;
	height: 45px;
	margin-left: 0;
}

#phone_top {
	width: 203px;
    height: 46px;
	background-color: #ffffff;
    border: solid 1px #d8dfe3;
	color: #3e5667;
	    margin-left: 0;
		position: relative;
}

#email_form:before {
	content: "";
    position: absolute;
    width: 11px;
    height: 33px;
    left: -35px;
    top: 8px;
    background-image: url(../images/rectangle.png);
}
#email_form {
	position: relative;
}

input[type="submit"] {
    width: 225px;
    height: 57px;
    border-radius: 10px;
    background-image: linear-gradient(to top, #ffb400, #ffb400 50%, #ffc229 51%, #ffc229);
    border: none;
    font-family: Roboto;
    font-size: 24px;
    font-weight: 900;
    color: #ffffff;
    line-height: 1;
    cursor: pointer;
    transform: scale(0.98, 0.98);
    transition: transform 0.15s ease, box-shadow 0.15s, background-color 0.15s;
    display: inline-block;
    float: right;
}

#button_top {
    border-radius: 10px;
    background-image: linear-gradient(to top, #ffb400, #ffb400 50%, #ffc229 51%, #ffc229);
    border: none;
    font-family: Roboto;
    font-size: 24px;
    font-weight: 900;
    color: #ffffff;
	line-height: 1;
	cursor: pointer;
	transform: scale(0.98, 0.98);
    transition: transform 0.15s ease, box-shadow 0.15s, background-color 0.15s;
	display: inline-block;
	vertical-align: middle;
	margin-top: 13px;
	width: 220px;
    height: 56px;
    float: none;
}

input[type="submit"]:hover {
	transform: scale(1, 1);
	box-shadow: -6.4px 6.4px 0 0 rgba(23, 27, 31, 0.34);
}
#phone.error_form{
  border: solid 1px red !important;
}
#phone2.error_form{
  border: solid 1px red !important;
}


.error_form{
  border: solid 1px red !important;
}

.right_block_forests #button_top{
	margin-top: 2px;
}

.right_block_forests #button_top:hover {
	box-shadow: -6.4px 6.4px 0 0 rgba(21, 28, 33, 0.34);
}
/*form*/


.block_dignity {
	display: inline-block;
	width: 100%;
}

.dignity_list {
	margin: 73px 0 25px;
	text-align: center;
}

.dignity_list  li {
	display: inline-block;
	max-width: 262px;
	vertical-align: top;
}

.dignity_list  li img {
	width: 100%;
}

.dignity_list li:nth-child(2){
	margin: 0 36px;
}

.frame_forests,
.tower_towers {
	display: inline-block;
	width: 100%;
	position: relative;
}

.frame_forests_block,
.tower_towers_block {
	max-width: 665px;
	width: 100%;
	float: right;
	background-image: url(../images/frame.png);
	padding-left: 67px;
	padding-top: 44px;
	padding-bottom: 43px;
	padding-right: 53px;
}

.frame_forests p,
.tower_towers p {
	margin: 22px 0 26px;
	line-height: 1.71;
    font-family: Roboto;
    font-size: 14px;
}

.left_block_forests {
	float: left;
	width: 310px;
}

.attribute {
	font-size: 18px;
	font-weight: 500;
	color: #3e5667;
	vertical-align: middle;
    display: inline-block;
	padding-right: 24px;
	margin-right: 14px;
	position: relative;
	line-height: 0.8;
}

.attribute:after {
	content: "";
	position: absolute;
	right: 0;
	top: 50%;
    transform: translateY(-50%);
	width: 6px;
	height: 11px;
	background-image: url(../images/next.png);
}

.button_forests {
	border-radius: 10px;
    background-image: linear-gradient(to top, #ffb400, #ffb400 50%, #ffc229 51%, #ffc229);
    border: none;
    font-family: Roboto;
    font-size: 24px;
    font-weight: 900;
    color: #ffffff;
    /* line-height: 1; */
    cursor: pointer;
    transform: scale(0.98, 0.98);
    transition: transform 0.15s ease, box-shadow 0.15s, background-color 0.15s;
    display: inline-block;
    vertical-align: middle;
    padding: 8px 31px;
}

.button_forests:hover {
	transform: scale(1, 1);
	box-shadow: -6.4px 6.4px 0 0 rgba(62, 86, 103, 0.34);
}

.line_button {
	/*display: block;
	margin-bottom: 21px;*/
	    display: flex;
    margin-bottom: 21px;
    align-items: center;
    justify-content: space-between;
}

.line_button:nth-child(2n){
	margin-bottom: 0;
}

.right_block_forests {
	float: right;
	width: 310px;

}

#close,
#close_2 {
	width: 18px;
    height: 18px;
    background-image: url(../images/close.png);
    display: block;
    position: absolute;
    right: 20px;
    top: 20px;
    cursor: pointer;
}
.none {
	display: none;
}

.block {
	display: block;
}

#form.frame_forests_block,
#form_2.tower_towers_block {
    position: absolute;
    right: 0px;
    background-image: none;
    background-color: #324b5d;
    padding-left: 63px;
    padding-top: 24px;
    padding-bottom: 48px;
    padding-right: 39px;
	max-width: 655px;
    margin: 15px 12px 0 0;
}

.while h2,
.while p {
	color: #deddda;
}

#form .color_frame,
#form_2 .color_frame {
	color: #ffb400;
	font-size: 48px;
	display: inline-block;
	margin-left: 20px;
}

#form  .right_block_forests,
#form_2  .right_block_forests {
	margin-top: 10px;
	width: 360px;
}
#form  .left_block_forests,
#form_2  .left_block_forests {
	width: 280px;
}

#form  .right_block_forests,
#form_2  .right_block_forests {
	margin-top: 10px;
    width: 100%;
}
#form  .left_block_forests,
#form_2  .left_block_forests {
    width: 100%;
}
#form.frame_forests_block{
	padding-bottom: 8px;
}
.frame_block_text {
	display: inline-block;
	padding: 8px 13px;
	background-color: #596e7d;
	border: solid 1px #667c8b;
	margin-top: 25px;
}

.frame_block_text p {
	font-size: 14px;
  font-style: italic;
  line-height: 1.71;
  margin: 0 auto;
}

.tower_towers {
	margin-top: -15px;
}

.tower_towers_block  {
	float: left;
	margin-left: 2px;
	height: 314px;
}

.tower_towers_block {
	background-image: url(../images/frame_2.png);

}

#form_2.tower_towers_block {
	position: absolute;
	left: 14px;
    bottom: 14px;
    padding-bottom: 36px;
    max-width: 656px;
}
.now {
	display: block;
}

.lease {
	display: inline-block;
	width: 100%;
    margin: 108px 0 75px;
        padding: 80px 0 83px;
	text-align: center;
	background-image: url(../images/lease.png);
}

.lease h3 {
	font-size: 60px;
	font-weight: 900;
	color: #71a8b6;
}

.lease_custom  {
	display: block;
	font-size: 48.7px;
	font-size: 56.6px;
  font-weight: 500;
  margin-top: 8px;
}
h3 .lease_custom{
	    font-size: 41.6px;
}

.phone_lease {
	font-size: 72.2px;
	color: #ffb400;
	font-weight: 500;
	margin-top: 38px;
	display: block;
}

.phone_lease strong {
	color: #71a8b6;
	font-weight: 900;
}

.our_customers {
	text-align: center;
}

.our_customers_block {
	display: inline-block;
	background-image: url(../images/our.png);
	background-position: center;
	margin-left: 4px;
}

.our_customers_block h2 {
	padding: 51px 135px;
}

.partners {
	display: inline-block;
	width: 100%;
	margin-bottom: 184px;
}

.partners_list {
	width: 100%;
	display: inline-block;
	background: url(../images/list.png) no-repeat 2px;
	margin-top: -7px;

}

.partners_list li {
	display: inline-block;
    padding-top: 54px;
    padding-bottom: 50px;
    width: 189px;
    text-align: center;
}

.partners_list li:first-child {
	margin-left: 7px;
}


.certified {
	display: inline-block;
	width: 100%;
	position: relative;

}

.certified:after {
	content: "";
	position: absolute;
	top: -37px;
    right: -127px;
	width: 279px;
	height: 176px;
	background-image: url(../images/list_1.png);
	z-index: 1;
/* 	-webkit-animation-name: cog;
  -webkit-animation-duration: 2s;
  -webkit-animation-iteration-count: infinite;
  -webkit-animation-timing-function: linear; */
 transform: rotateX(40deg);
  animation: one 2s infinite;
  animation-direction: alternate;
}
.partners_list li img{
	max-width: 100%;
}

@keyframes cog {
  0% {
    transform: rotateX(0);
  }
  100% {
    transform: rotateX(50deg);
  }
}

.certified:before {
	content: "";
	position: absolute;
    bottom: 16px;
    right: -72px;
    width: 207px;
	height: 138px;
	background-image: url(../images/list_2.png);
	z-index: 1;
}

.certified_block {
    background-image: url(../images/frame.png);
    float: right;
    max-width: 679px;
    width: 100%;
    margin-top: 4px;
    padding: 56px 53px 66px 53px;
	position: relative;
}

.certified_block:after {
	content: "";
	position: absolute;
	top: 171px;
	right: -78px;
	width: 165px;
	height: 112px;
	background-image: url(../images/list_3.png);
	z-index: 1;
}

.certified_img {
	margin-top: 23px;
	display: inline-block;
	animation-duration: 0.3s;
	position: relative;
	overflow: hidden;
	max-width: 300px;
	width: 100%;

}
.certified_img iframe{
	width: 100%;
}
.contacts_info{
	display: flex;

}
.certified_img:hover::after, .certified_img:focus::after {  }
@keyframes sheen {
  100% {
      opacity: 1;
  top: -30%;
  left: -30%;
  transition-property: left, top, opacity;
  transition-duration: 2.1s, 2.1s, 2.15s;
  transition-timing-function: ease;
  }
}
.certified_img::after {
  content: "";
  position: absolute;
  width: 200%;
  height: 200%;
  transform: rotate(30deg);
  opacity: 1;
  top: 0;
  left: 0;
    animation: sheen 6s forwards;
    animation-iteration-count: infinite;
  background: rgba(255, 255, 255, 0.13);
  background: linear-gradient(
    to right,
    rgba(255, 255, 255, 0.13) 0%,
    rgba(255, 255, 255, 0.13) 77%,
    rgba(255, 255, 255, 0.5) 92%,
    rgba(255, 255, 255, 0.0) 100%
  );
}

/* .certified_img:after {
  content: "";
  position: absolute;
  width: 200%;
  height: 200%;
  transform: rotate(30deg);
  opacity: 1;
  top: 0;
  left: 0;
    animation: sheen 6s forwards;
    animation-iteration-count: infinite;
  background: rgba(255, 255, 255, 0.13);
  background: linear-gradient(
    to right,
    rgba(255, 255, 255, 0.13) 0%,
    rgba(255, 255, 255, 0.13) 77%,
    rgba(255, 255, 255, 0.5) 92%,
    rgba(255, 255, 255, 0.0) 100%
  );
}

*/
 .certified_img:after {
  content: "";
  position: absolute;
  top: -110%;
  left: -210%;
  width: 200%;
  height: 200%;
  pointer-events: none;
  opacity: 0;
  transform: rotate(30deg);
      animation: sheen 5s forwards;
    animation-iteration-count: infinite;
  background: rgba(255, 255, 255, 0);
  background: linear-gradient(
    to right,
    rgba(255, 255, 255, 0) 0%,
    rgba(255, 255, 255, 0) 77%,
    rgb(255, 255, 255) 92%,
    rgba(255, 255, 255, 0.0) 100%
  );
}
/*

.certified_img:hover:after {


}



.certified_img:active:after {
  opacity: 0;
}*/

.certified_text {
	float: right;
    max-width: 510px;
    margin-top: 23px;
    margin-left: 20px;
}



.certified_text li,
.certified_text a{
	font-size: 14px;
    font-weight: 500;
    line-height: 1.29;
    color: #3e5667;
}
.certified_text li:not(:last-child){
margin-bottom: 10px;
}

.copyrighted {
	display: inline-block;
	width: 100%;
	margin-bottom: 249px;
}

.copyrighted_block {
	float: right;
	max-width: 310px;
	width: 100%;
	padding: 44px 46px 55px 41px;
	background-image: url(../images/frame_b.png);
	margin-top: -12px;
}

.copyrighter span {
	font-family: GothamProBold;
	color: #3e5667;
	display: block;
}

.copyrighter  a {
	border-bottom: none;
	font-size: 13px;
  line-height: 0.23;
  display: block;
  color: #808f9a;
  line-height: 1.5;
  border-bottom: 1px solid  rgba(128, 143, 154, 0.2);
  display: inline-block;
}
.copyrighter  a:hover{
	  border-bottom: 1px solid  rgba(128, 143, 154, 1);
}

.right_block_cop a {
	border-bottom: none;
}
.right_block_cop a:hover {
	border-bottom: none;
}
.left_block_cop {
	width: 100px;
	display: inline-block;
	vertical-align: middle;
}

.right_block_cop{
	vertical-align: middle;
	display: inline-block;
	margin-bottom: 20px;
}

.right_block_cop img {
	width: 141px;
}

.right_block_cop a {
	line-height: 1;
}

.year {
	font-size: 18px;
	letter-spacing: -0.2px;
}

.created {
	font-size: 14px;
  line-height: 1.29;
  letter-spacing: -0.1px;
}
/**content**/



/**footer**/

.bg_footer {
	height: 1546px;
    width: 100%;
    display: inline-block;
    background-image: url(../images/bg_footer.png);
    position: absolute;
    bottom: 0;
    z-index: -1;
    background-size: cover;
    background-position: center;
}

/**footer**/


.gif {
	position: absolute;
    bottom: 7px;
    right: -125px;
    width: 364px;
    overflow: hidden;
    z-index: -1;
}
 .logo .logo_title {
    transition: .1s ease-in-out;
}

.logo .logo_title {
    font-size: 27px;
    color: #ffffff;
    font-weight: 700;
}
.logo p {
    font-size: 14px;
    color: #ffffff;;
}
.logo_wheel.first {
    transform-origin: 81% 73%;
}
.logo_wheel {
    stroke: #ffffff;
    transition: .1s ease-in-out, transform .8s ease-in-out;
}
.logo_wheel.third {
    transform-origin: 23% 73%;
}
.logo:hover .logo_line {
    fill: #ffffff;
}

.logo_line {
    fill: #F2630D;
    transition: .1s ease-in-out;
}
.logo:hover .logo_wheel {
    stroke: #F2630D;
}
.round .logo_wheel:not(:nth-child(3)) {
    transform: rotate(-720deg);
}
.round .logo_wheel:not(:nth-child(3)) {
    transform: rotate(-720deg);
}
.logo a {
    display: flex;
}
.logo svg {
    margin-right: 20px;
}	


@media (max-width: 1366px) {
	.dignity_list {
    margin: 73px 0 22px;
	}
	.certified_block {
    margin-top: 2px;
	}
	
	.lease {
		    margin: 104px 0 75px;
	}
	
	.copyrighted {
		display: inline-block;
		width: 100%;
		margin-bottom: 94px;	
	}
	

}

@media screen and (min-width: 320px) and (max-width: 639px) {
	.house,
	.certified:before,
	.certified:after,
	.certified_block:after,
	.gif	{
		display: none;
	}
	.cloud {
    width: 100%;
	}
	
	.bg_home {
    background-image: url(../images/bg_media.jpg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: 116%;
	}
	
/*
	body {
		background-image: none;
	}
	
	.block_center {
    margin-top: 196px; 
}

.dignity_list li {
    max-width: 192px;
}

.frame_forests_block {
	    margin-right: 40px;
}
.tower_towers_block {
	margin-left: 42px;
}
.lease {
    display: inline-block;
    width: 91%;
    padding: 42px 0 64px;
    text-align: center;
    background-image: url(../images/lease.png);
    background-size: 100%;
    background-repeat: no-repeat;
    margin: 104px 0 75px 44px;
}
.our_customers {
	display: none;
}
.partners_list {
    width: 92%;
    display: inline-block;
    background: url(../images/list.png) no-repeat 2px;
    margin-top: -7px;
    background-size: contain;
    margin-left: 39px;
}
*/
}

#form.frame_forests_block .color_frame{
	    font-size: 35px;
}