/* Reset*/
html,body,body div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,figure,footer,header,menu,nav,section,time,mark,audio,video,details,summary{margin:0;padding:0;border:0;font-size:100%;font-weight:normal;vertical-align:baseline;background:transparent}article,aside,figure,footer,header,nav,section,details,summary{display:block}*,:before,:after{-moz-box-sizing:border-box;box-sizing:border-box;}*{outline:none;max-height:99999px}img,object,embed{max-width:100%;margin-top:0}html{overflow-y:scroll}ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}a{margin:0;padding:0;font-size:100%;vertical-align:baseline;background:transparent}del{text-decoration:line-through}abbr[title],dfn[title]{border-bottom:1px dotted #000;cursor:help}table{border-collapse:collapse;border-spacing:0}th{font-weight:700;vertical-align:bottom}td{font-weight:400;vertical-align:top}hr{display:block;height:1px;border:0;border-top:1px solid #ccc;margin:1em 0;padding:0}input,select{vertical-align:middle}pre{white-space:pre;white-space:pre-wrap;white-space:pre-line;word-wrap:break-word}input[type="radio"]{vertical-align:text-bottom}input[type="checkbox"]{vertical-align:bottom}.ie7 input[type="checkbox"]{vertical-align:baseline}.ie6 input{vertical-align:text-bottom}select,input,textarea{font-size:100%;font-family:inherit}table{font-size:inherit;font:100%}small{font-size:85%}strong,b{font-weight:700}td,td img{vertical-align:top}sub,sup{font-size:75%;line-height:0;position:relative}sup{top:-.5em}sub{bottom:-.25em}pre,code,kbd,samp{font-family:monospace,sans-serif}.clickable,label,input[type=button],input[type=submit],input[type=file],button{cursor:pointer}button,input,select,textarea{margin:0}button,input[type=button]{width:auto;overflow:visible;font-family:inherit;font-size:100%}.ie7 img{-ms-interpolation-mode:bicubic}.clr:before,.clr:after{content:"\0020";display:block;height:0;overflow:hidden}.clr:after{clear:both}.clr{zoom:1}

/* 
font-family: 'Playfair Display', serif;
font-family: 'Roboto', sans-serif;
*/

/* Main style*/
html {
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
}
body {
	font-family: 'Roboto', sans-serif;
	line-height: 1.3;
	font-size: 16px;
	color: #000;
	min-width: 1200px;
}
.container {
	width: 1200px;
	padding: 0 15px;
	margin: 0 auto; 
	position: relative;
}
*{
	letter-spacing: 0.025em;
}
a {
	color: inherit;
	text-decoration: none;
}
#first {
	color: #fff;
	padding-top: 28px;
	padding-bottom: 123px;
	background-image: url(../img/bg/1.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
}
#first .container .header {
	overflow: hidden;
	margin-bottom: 94px;
}
#first .container .header .logo {
	float: left;
}
#first .container .header .logo img {
	display: block;
	margin-bottom: 10px;
}
#first .container .header .logo p {
	font-size: 18px;
}
#first .container .header .phone {
	float: right;
	text-align: right;
	margin-top: 2px;
}
#first .container .header .phone p {
	font-family: 'Playfair Display', serif;
	font-size: 30px;
	margin-bottom: 12px;
}
#first .container .header .phone span {
	font-size: 18px;
}
#first .container h1 {
	text-align: center;
	font-family: 'Playfair Display', serif;
	font-size: 60px;
	background-image: url(../img/pattern/1.png);
	background-repeat: no-repeat;
	background-position: center top;
	padding-top: 132px;
	margin-bottom: 23px;
}
#first .container .descr {
	font-size: 24px;
	text-align: center;
	text-transform: uppercase;
	margin-bottom: 40px;
}
.form {
	text-align: center;
	font-size: 0;
	margin: 0 -15px;
	background-image: url(../img/pattern/2.png);
	background-repeat: no-repeat;
	background-position: center bottom;
	padding-bottom: 88px;
}
.form p {
	font-size: 24px;
	margin-bottom: 44px;
}
.form form input {
	width: 370px;
	height: 60px;
	background-color: #ffffff;
	border: none;
	border-radius: 60px;
	font-size: 18px;
	padding-left: 30px;
	vertical-align: top;
	margin: 0 15px;
}
.form form .btn {
	width: 370px;
	height: 60px;
	background-color: #fff200;
	border: none;
	color: #7930bc;
	font-size: 18px;
	border-radius: 60px;
	vertical-align: top;
	margin: 0 15px;
}
.form form .btn:hover {
	background-color: #FFD600;
}
#benefits {
	text-align: center;
	padding-top: 95px;
	padding-bottom: 100px;
	background-color: #FFFFFF;
}
#benefits .container .items {
	overflow: hidden;
	margin: 0 -15px;
}
#benefits .container .items li {
	width: 25%;
	float: left;
	padding: 0 15px;
}
#benefits .container .items li i {
	display: inline-block;
	line-height: 44px;
	width: 70px;
	border-bottom: 2px solid #da398f;
	padding-bottom: 24px;
	margin-bottom: 26px;
}
#benefits .container .items li i img {
	display: inline-block;
	vertical-align: middle;
}
#benefits .container .items li p {
	font-size: 18px;
	line-height: 1.35;
}
#works {
	padding-top: 103px;
	padding-bottom: 90px;
	background-image: url(../img/bg/2.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
}
h2   {
	text-align: center;
	color: #6a1db2;
	font-size: 45px;
	font-family: 'Playfair Display', serif;
	background-image: url(../img/pattern/3.png);
	background-repeat: no-repeat;
	background-position: center bottom;
	padding-bottom: 100px;
}
h2 span {
	font-family: Roboto;
	color: #000000;
	font-size: 18px;
	display: block;
	margin-top: 20px;
}
#works .container h2 {
	margin-bottom: 57px;
}
#works .container .items {
	font-size: 0;
	margin: 0 -15px;
	text-align: center;
}
#works .container .items li {
	width: 370px;
	height: 390px;
	display: inline-block;
	vertical-align: top;
	overflow: hidden;
	outline: 3px solid #fff;
	outline-offset: -3px;
	margin: 0 15px 30px 15px;
}
#works .container .items li.big {
	width: 570px;
}
#prices {
	padding-top: 96px;
	padding-bottom: 168px;
	background-image: url(../img/bg/3.jpg);
	background-repeat: repeat-x;
	background-position: center bottom;
	background-color: #fff;
	margin-bottom: 17px;
}
#prices .container h2 {
	margin-bottom: 33px;
}
#prices .container .items {
	text-align: center;
	margin: 0 -15px;
	font-size: 0;
}
#prices .container .items>li {
	width: 270px;
	min-height: 185px;
	border: 1px solid #cccccc;
	margin: 0 15px 30px 15px;
	text-align: left;
	padding: 25px;
	display: inline-block;
	vertical-align: top;
	font-size: 16px;
}
#prices .container .items>li h3 {
	color: #fe4287;
	font-size: 24px;
	text-align: center;
}
#prices .container .items>li h3 span {
	display: block;
	font-size: 16px;
	color: #847981;
	margin-top: 2px;
}
#prices .container .items li ul {
	margin-top: 16px;
	min-height: 110px;
	line-height: 1.35;
}
#prices .container .items li .price {
	color: #222222;
	text-align: center;
	margin-top: 8px;
	margin-bottom: 2px;
}
#prices .container .items li ul+.price {
	margin-top: -2px;
	margin-bottom: -3px;
}
#prices .container .items li .price b {
	font-size: 30px;
	color: #782fbc;
	font-family: 'Playfair Display', serif;
}
#reviews {
	padding-top: 98px;
	padding-bottom: 122px;
	background: #f3f3f3;
}
#reviews .container h2 {
	margin-bottom: 45px;
}
#reviews .container .slider li {
	text-align: center;
}
#reviews .container .slider li .who {
	margin-bottom: 24px;
}
#reviews .container .slider li .who i {
	display: inline-block;
	width: 120px;
	height: 120px;
	overflow: hidden;
	border-radius: 50%;
	margin-bottom: 15px;
}
#reviews .container .slider li .who p {
	font-size: 24px;
	font-family: 'Playfair Display', serif;
}
#reviews .container .slider li .text {
	font-size: 18px;
	line-height: 1.35;
}
.slick-arrow {
	width: 44px;
	height: 22px;
	border: none;
	background-color: transparent;
	font-size: 0;
	background-image: url(../img/controls.png);
	background-repeat: no-repeat;
	position: absolute;
	top: 50px;
	z-index: 20;
}
.slick-arrow i{
	position: absolute;
    top: -32px;
    width: 82px;
    height: 82px;
    border-radius: 50%;
    overflow: hidden;
}
.slick-arrow:hover i{
	opacity: 0.8;
}
.slick-prev {
	background-position: left bottom;
	left: 300px;
}
.slick-prev i{
	left: -115px;
}
.slick-prev:hover {
	background-position: left top;
}
.slick-next {
	background-position: right bottom;
	right: 300px;
}
.slick-next i{
	right: -115px;
}
.slick-next:hover {
	background-position: right top;
}
#sign-up {
	padding-top: 115px;
	color: #FFFFFF;
	padding-bottom: 123px;
	background-image: url(../img/bg/4.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
}
#footer {
	color: #fff;
	text-align: center;
	padding: 30px 0;
	background: #191919;
}
.popup {
	background: #fff;
	width: 400px;
	text-align: center;
	padding: 50px 20px;
	display: none;
}
.popup h3 {
	color: #6a1db2;
	font-size: 36px;
	font-family: 'Playfair Display', serif;
	margin-bottom: 20px;
}
.popup p {
	font-size: 22px;
}
@media (max-width: 640px) {
	body {
		min-width: 640px;
		overflow: hidden;
	}
	.container {
		width: 640px;
	}
	#first {
		padding-bottom: 0px;
	}
	#first .container .header {
		margin-bottom: 64px;
	}
	#first .container .header .phone {
		border-left: 1px solid #fff;
		width: 290px;
	}
	#first .container h1 {
		font-size: 48px;
		padding-left: 40px;
		padding-right: 40px;
	}
	.form {
		padding-left: 60px;
		padding-right: 60px;
		background: none;
		padding-bottom: 68px;
	}
	.form p {
		margin-bottom: 28px;
	}
	.form form input {
		margin-bottom: 24px;
	}
	#benefits {
		padding-top: 66px;
		padding-bottom: 17px;
	}
	#benefits .container .items li {
		width: 50%;
		height: 240px;
		padding: 0 30px;
	}
	h2 {
		padding-left: 90px;
		padding-right: 90px;
		font-size: 40px;
	}
	#works {
		padding-top: 62px;
		padding-bottom: 49px;
	}
	#works .container h2 {
		margin-bottom: 40px;
	}
	#works .container .items li,
	#works .container .items li.big{
		width: 269px;
		height: 283px;
	}
	#prices {
		padding-top: 35px;
		padding-bottom: 145px;
	}
	#reviews {
		padding-top: 49px;
		padding-bottom: 70px;
	}
	#reviews .container h2 {
		margin-bottom: 27px;
	}
	#reviews .container .slider li .text {
		padding: 0 20px;
	}
	.slick-prev {
		left: 135px;
	}
	.slick-next {
		right: 135px;
	}
	#sign-up {
		padding-top: 55px;
		padding-bottom: 0px;
	}
}