/*styling Index page*/

/*styling bennaer section*/
.banner {
	padding-top: 266px;
	background: url(./background-bricks.jpg) center top no-repeat;
	background-size: cover;
}
.banner .page, .into-text {
	position: relative;
}
.into-text {
	margin-left: 38%;
	width: 370px;
}
.into-text p {
	font-family: 'Arapey', serif;
	font-size: 2.3em;
	line-height: 1.75;
	word-spacing: 8px;
	font-style: italic;
}
.into-text .text-notation {
	left: -69%;
	letter-spacing: -4px;
	position: absolute;
	top: 4px;
	-webkit-transform: rotate(-15deg);
	-moz-transform: rotate(-15deg);
	transform: rotate(-15deg);
}
.banner figure {
	position: absolute;
	bottom: 0;
	right: -47px;
}
.banner figure img {
	display: block;
}
.banner .page {
	padding-bottom: 197px;
}
.scroll-down {
	bottom: -7px;
	color: #aeaeae;
	font-size: 6em;
	left: 0;
	line-height: 1;
	margin: 0 auto;
	position: absolute;
	right: 0;
	width: 36px;
}

.banner h1 {
	font-size: 5em;
	letter-spacing: 2.5px;
	margin-bottom: 8px;
	text-transform: uppercase;
	font-family: 'antonioregular';
}

.text-notation {
	font-family: 'Bad Script', cursive;
	font-size: 13.3em;
}
/*styling simple form section*/
.sample-form {
	background: url(./background.jpg) center top no-repeat;
	background-size: cover;
}
.sample-form .page {
	padding: 46px 0 42px;
	position: relative;
}
.sample-form span {
	color: #fff;
	float: left;
	font-family: "Raleway", sans-serif;
	font-size: 2.3em;
	font-weight: bold;
	margin-left: 24%;
	text-transform: uppercase;
	width: 32%;
}
.form-fields {
	float: right;
	margin-right: 11.3%;
	padding: 6px 0;
	position: relative;
}
.sample-form img {
	bottom: -32px;
	left: 29px;
	position: absolute;
}
.sample-form input {
	border: none;
	text-transform: uppercase;
	font-family: "Raleway", sans-serif;
	font-size: 1.6em;
	color: #aeaeae;
	font-weight: bold;
}
.sample-form input[type="text"] {
	height: 41px;
	padding: 0 10px;
	width: 157px;
	margin-right: 18px;
}
.sample-form input[type="submit"] {
	cursor: pointer;
	height: 113px;
	position: absolute;
	right: -80px;
	top: -30px;
	width: 113px;
	background: url(./get-it-now.png) center top no-repeat;
}

/*styling simple paraghraph section*/
.simple-paragraph {
	padding: 136px 0 46px;
}
.simple-paragraph .page {
	padding: 0 10px;
}
.simple-paragraph p {
	font-size: 3.72em;
	letter-spacing: 2px;
	line-height: 1.8;
	padding: 0 10%;
	margin-bottom: 23px;
}
.simple-paragraph p a {
	font-size: 134%;
	line-height: 1;
	color: #000;
}
.simple-paragraph p.formated-paragraph::first-letter {
	background: #c69c6c;
	color: #000;
	float: left;
	font-size: 350%;
	margin: -55px 22px 0 21px;
	padding: 40px 42px 42px 45px;
	text-transform: uppercase;
	
}
.simple-paragraph .formated-text {
	display: block;
	font-size: 6.38em;
	font-style: italic;
	letter-spacing: 2px;
	line-height: 1;
	padding: 4px 2% 0;
	text-align: center;
	margin-bottom: 41px;
}
.simple-paragraph .img-wrap {
	border: 1px solid #666666;
	margin: 0 auto 13px;
	padding: 10px;
	text-align: center;
	text-transform: uppercase;
	width: 206px;
}
.simple-paragraph .img-wrap span {
	display: block;
	font-family: "Raleway", sans-serif;
	font-size: 1.94em;
	font-weight: 600;
	letter-spacing: 9px;
}
/*styling blog section*/
.blog-section {
	padding: 60px 0 28px;
	background: url(./background1.jpg) center top no-repeat;
	background-size: cover;
}
.blog-section p {
	background: #fff;
	float: right;
	font-size: 2.91em;
	letter-spacing: 1px;
	margin-right: 6%;
	padding: 77px 26px 33px;
	width: 434px;
}
.blog-section p.formated-paragraph::first-letter {
	margin: -42px 18px 0 14px;
	padding: 32px 32px 32px 36px;
}
/*styling slide Img section*/
.slide-img-wrap {
	padding: 69px 0 54px;
}
.slide-img-wrap p.formated-paragraph {
	padding-top: 57px;
}
.slide-img-wrap p {
	margin-bottom: 65px;
}
.slide-img-wrap p:nth-of-type(1) {
	margin-bottom: 40px;
}
.slide-img-wrap ul {
	margin-bottom: 50px;
	padding: 41px 33px 10px 35px;
}
.slide-img-wrap li {
	float: left;
	width: 33.33%;
	padding: 0 4.5px;
	text-align: center;
	font-family: 'Raleway', sans-serif;
	font-size: 1.29em;
}
.slide-img-wrap li span {
	display: block;
	letter-spacing: 1px;
	margin-top: 25px;
	font-weight: 700;
	text-transform: uppercase;
}
.slide-img-wrap li.active {
	margin-top: -50px;
}
.slide-img-wrap li img {
	width: 100%;
}

/*styling blog-2 section*/
.new-blog-section {
	background: url(./background3.jpg) center top no-repeat;
	background-size: cover;
	padding-bottom: 41px;
}
.new-blog-section p {
	margin: 10px 0 0 6%;
	float: none;
}
/*styling Simple new-paragraph section*/
.new-simple-paragraph {
	padding-bottom: 14px;
    padding-top: 148px;
}
.new-simple-paragraph p:nth-of-type(2) {
	margin-bottom: 65px;
}
.phone-block{
	overflow: hidden;
    padding-top: 4px;
}
.phone-block img{
	float: left;
    margin-left: 25px;
    margin-right: 5%;
}
.phone-block p{
	margin-bottom: 15px;
    padding-top: 33px;
}	
.signature{
	 padding: 54px 10% 0px;
}
.signature small{
	font-size: 3.7em;
    font-weight: 600;
}
.signature span{
	font-family: 'Clicker Script', cursive;
	display: block;
	font-size: 9.2em;
	font-style: italic;
    letter-spacing: -3px;
}
/*styling Signup form section*/
.signup-form{
	background: url(./background4.jpg) center center no-repeat;
	background-size: cover;
}
.signup-form .page{
	 padding: 34px 0 38px;
}
.signup-form img{
	position: static;
}
.signup-form form{
	float: right;
	width: 405px;
}
.signup-form span, .signup-form strong{
	display: block;
}
.signup-form span{
	display: block;
    float: none;
    margin: 17px 0 0;
    width: 100%;
}
.signup-form strong{
	font-size: 50px; 
	font-style: italic;
	font-weight: bold;
	color: #fff;
	margin-bottom: 20px;
}
/*styling usefull section*/
.useful-links{
	text-align: center;
	padding-top: 48px;
	background: #c69c6d;
}
.useful-links h2{
	font-family: "antonioregular";
    font-size: 2.5em;
    font-weight: bold;
    letter-spacing: 0.5px;
    text-decoration: underline;
    margin-bottom: 44px;
}
.useful-links ul{
	display: table;
	width: 100%;
}
.useful-links li{
	display: table-cell;
	vertical-align: middle;
	height: 485px;
	padding: 20px;
}
.useful-links li.gallery-1{
	background: url(./image-4.jpg) center center no-repeat;
	background-size: cover;
}
.useful-links li.gallery-2{
	background: url(./image-5.jpg) center center no-repeat;
	background-size: cover;
}
.useful-links li.gallery-3{
	background: url(./image-6.jpg) center center no-repeat;
	background-size: cover;
}
.useful-links li a{
	font-size: 2.5em;
	color: #fff;
	font-family: 'Raleway', sans-serif;
	font-weight: bold;
	text-decoration: none;
}
@media screen and (-webkit-min-device-pixel-ratio:0)  { 
		.simple-paragraph p.formated-paragraph::first-letter {
				padding: 0px 42px 0px 45px;
				height: 167px;
				line-height: 167px;
		}
		.blog-section p.formated-paragraph::first-letter {
               padding: 0px 32px 0px 36px;
               height: 130px;
			   line-height: 130px;
        }
}