/*===================
	import fonts
===================*/
/*@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,greek,greek-ext,latin-ext,vietnamese');*/

@font-face {
    font-family: iCielFesterSemiCondensedBold;
    src: url('../fonts/Fester Bold.otf');
}
@font-face {
    font-family: iCielFesterSemiCondensedBold-normall;
    src: url('../fonts/Fester Bold.otf');
    font-weight: 400;
}
@font-face {
    font-family: RobotoCondensedBold;
    src: url('../fonts/RobotoCondensed-Bold_0.ttf');
}
@font-face {
    font-family: RobotoCondensedBoldItalic;
    src: url('../fonts/RobotoCondensed-BoldItalic_0.ttf');
}
@font-face {
    font-family: RobotoCondensedBoldRegular;
    src: url('../fonts/RobotoCondensed-Regular_0.ttf');
}
@font-face {
    font-family: RobotoCondensedBoldItalic;
    src: url('../fonts/RobotoCondensed-BoldItalic_0.ttf');
}
@font-face {
    font-family: Roboto-Light;
    src: url('../fonts/Roboto-Light_0.ttf');
}
*{
	margin: 0;
	padding: 0;
	box-sizing: border-box;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	padding: 0;
	margin: 0;
	color: #232323;
	font-family: 'Roboto', sans-serif;
}
body{
	font-size: 16px;
	font-family: "Roboto", sans-serif;
	background: #fff;
	overflow-x: hidden;
}
body a, body a:hover, body a:active, body a:visited, body a:focus {
	    text-decoration:none;
	    color: #000000;
	}
	
th, td {
  padding: 10px;
}

img
{
    max-width: 100%;
    max-height: 100%;
}

/*part1*/
.logo{
	width: 100%;
	/*height: 700px;*/
	position: relative;
	text-align: center;
}
.logo::after {
	background-color:#51a0c7;
	content : "";
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-size: cover;
	background-position: center;
	/*opacity : 0.5;*/
	z-index: -1;
}

.button {
  float:right;
  background-color: #ffc20f;
  border: none;
  padding: 5px 5px;
  text-align: center;
  text-decoration: none;
  margin: 15px 0px;
  cursor: pointer;
  border-radius: 10px;
}

.button:hover {
  background-color:#FF9900;
}

.logo-img
{
	float:left;
	display:block;
}

.logo-htline;
{
	float:right;
	display:block;
}

/*part1*/
.part1{
	width: 100%;
	/*height: 700px;*/
	position: relative;
	text-align: center;
}
.part1::after {
	background: url('../images/banner.jpg');
	content : "";
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-size: cover;
	background-position: center;
	/*opacity : 0.5;*/
	z-index: -1;
}

.header{
	background: #e22f2f;
	height: 55px;
	line-height: 70px;
	cursor: pointer;
	display: none;
}
.header>span{
	color: #ffffff;
	font-family: iCielFesterSemiCondensedBold-normall;
	font-weight: normal;
	font-style: italic;
	font-size: 20px;
	margin-left: 18px;
}
.header>span a{
	color: #ffa500;	
    text-shadow: 1px 1px 1px #fcff00;	
}
.header>span a:hover{
	color: #ffffff;	
}
.header span span{
	color: #ffa500;
	font-family: iCielFesterSemiCondensedBold;
	font-style: initial;
	margin-left: 10px;
}
.content-banner{
	width: 100%;
	height: 488px;
	padding: 33px 0px;
    text-align: left;
}
.content-banner>img{
	width: 34%;
	margin-bottom: 25px;
	margin-left: -11px;
}
.content-banner>h1>a{
	font-size: 140px;
	font-family: "iCielFesterSemiCondensedBold","RobotoCondensedBold";
	color: #ffa500;
}
.content-banner>h2{
	font-size: 86px;
	font-family: "iCielFesterSemiCondensedBold","RobotoCondensedBold";
	color: #fff;
	line-height: 105px;
}
.content-banner>a:hover{
	background: #ffa500;
}
.quick-call{
    padding: 6px 67px;
    background: red;
    color: #fff;
    font-size: 48px;
    font-family: RobotoCondensedBoldItalic;
    border-radius: 40px;
}
.content-banner>a>img{
	margin-right: 20px;
    margin-left: -20px;
    margin-bottom: 9px;
}
.part2{
	background: #f9f9f9;
	padding-top: 20px;
}
.part2 .title-hotline{
	margin-bottom: 0px;
    margin-top: 65px;
}
.four-step{
	padding: 70px 0px;
	text-align: center;
}
.four-step p{
    font-family: "iCielFesterSemiCondensedBold";
    font-size: 30px;
    background: #ececec;
    text-align: center;
    width: 59%;
    border-radius: 25px;
    padding-top: 5px;
    height: 43px;
    color: #6a6a6a;
    margin: 36px 0px;
    margin-left: auto;
    margin-right: auto;
}
.four-step p:hover{
	color: #ffffff;
	background: #6a6a6a;
}
.four-step h2{
	font-family: RobotoCondensedBoldRegular;
	font-size: 40px;
}
.four-step a{
	font-family: RobotoCondensedBold;
	font-size: 40px;
    font-weight: bold;
    color: #ff0000;
}
.fix-step2{
    margin-top: -35px;
}
.fix-step3{
    margin-top: 12px;
}
.fix-step4{
    margin-top: 18px;
}

.title-hotline{
	text-align: center;
	margin-bottom: 35px;
	margin-top: 30px;
}
.title-hotline h2{  
    font-size: 55px;
    color: #bbd802;
	font-family: "iCielFesterSemiCondensedBold";    
}
.title-hotline h3{
	font-size: 46px;
	color: #ffffff;
	font-family: "iCielFesterSemiCondensedBold";
}
.consult{
	text-align: center;
	min-height: 450px;
}
.consult .number{
    width: 145px;
    height: 145px;
    border-radius: 88px;
    line-height: 160px;
    background: #ffffff;
    text-align: center;
    font-size: 64px;	
    font-family: "iCielFesterSemiCondensedBold";
    margin: 0 auto;
    color: #bbd802;
}
.consult h3{
	margin: 15px 0px;
	font-size: 36px;
    font-family: "iCielFesterSemiCondensedBold";
    color: #bbd802;	
    line-height: 55px;
}
.consult p{
	font-family: RobotoCondensedBoldRegular;
	font-size: 30px;
	color: #ffffff;
}
.girl-hotline{
	margin-top: 38px;
}
.phone-hotline{
	padding-top: 220px;
}
.phone-hotline h1{
	font-size: 122px;
}
.phone-hotline>h1>a{
    font-family: "iCielFesterSemiCondensedBold";	
    color: #0971b2;
}
.phone-hotline h2{
	font-family: "RobotoCondensedBold";	
	font-size: 48px;
	margin-bottom: 46px;
	color: #242c2e;
}
.phone-hotline>a{
	background: #ffa500;
}
.phone-hotline>a:hover{
	background: #ff0000;
}
.phone-hotline>a>img{
	margin-right: 20px;
    margin-left: -20px;
    margin-bottom: 9px;
}

.benefit{
	text-align: center;
	margin-top: 65px;
}
.benefit h2{
	font-family: "iCielFesterSemiCondensedBold","RobotoCondensedBold";	
	font-size: 60px;
    margin-top: 50px;
    margin-bottom: 15px;
    color: #bbd802;
}
.benefit h3{
	font-family: RobotoCondensedBoldRegular;
	font-size: 36px;
	color: #ffffff;
}
.fix-margin-top{
	margin-top: 125px;
}
.hot-line{
	text-align: center;
	padding-top: 115px;
	padding-bottom: 115px;
}
.hot-line h1{
	margin-top: 34px;
}
.hot-line h1 a{
	font-size: 128px;
	font-family: "iCielFesterSemiCondensedBold";
	color: #ff0000;
}
.hot-line h2{
	font-family: "RobotoCondensedBoldItalic";	
	color: #1485cc;
	font-size: 48px;	
}
.hot-line>a{
	padding-left: 100px;
	padding-right: 100px;
	line-height: 110px;
}
.hot-line>a:hover{
	background: #ffa500;
}
.hot-line>a>img{
	margin-right: 20px;
    margin-left: -20px;
    margin-bottom: 9px;
}

/*part1*/
.part7{
	width: 100%;
	/*height: 700px;*/
	position: relative;
	text-align: center;
}
.part7::after {
	background: url('../images/banner-3.jpg');
	content : "";
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-size: cover;
	background-position: center;
	z-index: -1;
}

.copyright{
	text-align: center;
}
.copyright>img{
	width: 10%;
	margin-bottom: 17px;
}
.copyright h3{
	font-family: Roboto-Light;
	font-size: 30px;
	color: #d3d5d5;
}
.copyright h3 a{
	color: #d3d5d5;
}
.copyright h3 a:hover{
	color: #ffa500;
}

.part13
{
	background-color:#CCCCCC;
}

.bottom-address
{
		float:left;
		display:block;
		padding:10px;
		width:50%;
}
	
.bottom-form
{
		float:left;
		display:block;
		margin-top:15px;
}

.apartment
{
	float:left;
	display:block;
	width:23%;
	padding:5px;
	margin:5px;
	border-radius: 5px;
	border: 1px solid gray;
}

.footer
{
	margin-top:40px;
}