/*
1. RESET CSS
2. Common CSS
3. Top Bar Area
4. Header Area
5. About Area
6. Projects Area
7. Philosophy Area
8. Services Area
9. Testimonial Area
10. Services Area
11. CTA Area
12. Partners Area
13. Footer Area
14. Coustom Media Query CSS
*/
/* ##################### RESET CSS  ##################### */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, ins, kbd, q, s, samp,
small, strike, strong, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	vertical-align: baseline;
	background: transparent;
}
img{
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	background: transparent;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
:focus {
	outline: 0;
}
a:focus {
	outline: 0;
	text-decoration: none;
}
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
a {
	text-decoration:none;
	-webkit-transition:all .5s ease;
	-moz-transition:all .5s ease;
	transition:all .5s ease;
}
a:hover {
	text-decoration:none;
}

::-webkit-input-placeholder {
   opacity:1;
}

:-moz-placeholder { /* Firefox 18- */
   opacity:1;
}

::-moz-placeholder {  /* Firefox 19+ */
   opacity:1;
}

:-ms-input-placeholder {  
   opacity:1;
}

img{
	max-width:100%;
}

/* Common CSS */

.no-padding{
	padding:0;
}
.no-margin{
	margin:0;
}
.relative{
	position:relative;
}
.box-form
{
    width:90%;
}
.button{
	line-height:60px;
	text-align:center;
	display:inline-block;
	padding:0 45px;
	border-radius:3px;
	font-size:20px;
	font-weight:600;
}
.section-head{
	padding-bottom:40px;
}
.section-head h2{
	padding:65px 0 20px;
	position:relative;
	margin-bottom:22px;
}
.section-head h2:after{
	position:absolute;
	content:"";
	bottom:0;
	left:50%;
	margin-left:-40px;
	height:1px;
	width:80px;
}

/*Top Bar Area*/

.phone-no .fa{
	width:20px;
	line-height:20px;
	border-radius:3px;
	background:#3498db;
	color:#fff;
	text-align:center;
	margin-right:10px;
	font-size:14px;
	position:relative;
	top:-2px;
}
.phone-no{
	padding-top:30px;
	padding-bottom:10px;
	font-size:20px;
}
.slogan{
	padding-bottom:30px;
}

/*Nav Bar*/

.navbar-default {
	background-color: #d4d4d4;
}
.navbar {
	border: 0;
	margin-bottom: 0;
	min-height: 50px;
	position:absolute;
	width:100%;
	top:0;
	left:0;
	border-radius:0;
}
.navbar-brand {
	height: 100px;
	padding:0 15px;
}
.navbar-nav {
	padding:25px 0;
}
.navbar-nav > li > a {
	font-size:18px;
	font-weight:400;
	position:relative;
}
.navbar-nav > li > a:after{
	position:absolute;
	bottom:0;
	left:50%;
	margin-left:-25px;
	width:50px;
	height:1px;
	content:"";
	opacity:0;
	-webkit-transition:all .2s ease;
	-moz-transition:all .2s ease;
	transition:all .2s ease;
}
.navbar-nav > li.current > a:after,
.navbar-nav > li:hover > a:after{
	bottom:5px;
	opacity:1;
}
.affix{
	width:100%;
	position:fixed;
	top:0;
	left:0;
	z-index:999;
	box-shadow: 0 0 2px rgba(0,0,0,.2)
}

/*Header Area*/

.header-area{
	background: url(../images/main-image.jpg) fixed;
	background-size:cover;
	padding-top:110px;
	padding-bottom:20px;
	position:relative;
}
.header-exotic{
	background: url(../images/exotic-main-image.jpg) fixed;
	background-size:cover;
	padding-top:110px;
	padding-bottom:20px;
	position:relative;
}

.header-area h3{
	padding-bottom:25px;
}
.header-area h1{
	font-weight:700;
	text-transform:uppercase;
	display:inline-block;
	padding-left:15px;
}
.header-area h1 span{
	display:inline-block;
	padding:0 15px;
}
.header-area h5{
	padding:20px 0 40px;
}
.sub-heading{
	padding:50px 0;
}
.navbar-toggle {
	border-radius: 0;
	margin-top: 5px;
}

/*About Area*/
.about-area{
	/* background: url(../images/bgimage.jpg) fixed; */
	background-size:cover;
	padding-bottom:50px;
	background-color:#072549;
}

.about-more-area{
	background: url(../images/bg/about-bg.jpg) fixed;
	background-size:cover;
	margin-top:185px;
}

.about-boxes{
	margin-top:-185px;
}
.single-about-img{
	overflow:hidden;
}
.single-about-img img{
	width:100%;
	-webkit-transition:all .5s ease;
	-moz-transition:all .5s ease;
	transition:all .5s ease;
}
.single-about:hover img{
	-webkit-transform:scale(1.2);
	-moz-transform:scale(1.2);
	-ms-transform:scale(1.2);
	transform:scale(1.2);
}
.single-info{
	padding:30px 40px;
}
.about-cta{
	padding:90px 0 75px;
}
.about-cta h1{
	font-weight:700;
	padding:20px 0 40px;
}
.about-cta h3{
	font-weight:300;
}

/*Projects Area*/

.featured-project-area{
	padding-bottom:120px;
}
.single-project-innr{
	overflow:hidden;
	position:relative;
}
.single-project{
	margin-bottom:30px;
	box-shadow: 3px 3px 0 #d4d4d4;
}
.single-project img{
	width:100%;
}
.project-badge{
	position:absolute;
	top:-40px;
	left:0;
	line-height:40px;
	padding:0 15px;
	background:#f0f0f0;
	text-transform:uppercase;
	-webkit-transition:all .5s ease 0.5s;
	-moz-transition:all .5s ease 0.5s;
	transition:all .5s ease 0.5s;
}
.single-project:hover  .project-badge{
	top:0;
}
.project-over{
	position:absolute;
	top:100%;
	left:0;
	margin-top:-90px;
	width:100%;
	height:100%;
	padding-top:35px;
	-webkit-transition:all .5s ease;
	-moz-transition:all .5s ease;
	transition:all .5s ease;
}
.single-project:hover .project-over{
	padding-top:75px;
	top:0;
	margin-top:0;
}
.project-over h5{
	padding-bottom:30px;
}
.single-project:hover .project-over h5{
	padding-bottom:5px;
}
.project-over p{
	padding-bottom:20px;
}
.project-over h4{
	padding-top:20px;
	position:relative;
	font-weight:700;
}
.project-over h4:after{
	position:absolute;
	top:0;
	left:50%;
	margin-left:-30px;
	height:1px;
	width:60px;
	background:#fff;
	content:"";
}
.project-over ul{
	padding:30px 50px;
}
.project-over ul li .fa{
	padding-right:2px;
}
.project-over ul li{
	display:inline-block;
	width:49%;
	text-align:left;
	line-height:30px;
}

.mfp-wrap {
	z-index: 2147483647;
}
.mfp-bg {
	z-index: 2147483646;
}
.mfp-fade.mfp-bg {
	opacity: 0;
	-webkit-transition: all .5s ease;
	-moz-transition: all .5s ease;
	transition: all .5s ease;
}
.mfp-fade.mfp-bg.mfp-ready {
	opacity: 0.8;
}
.mfp-fade.mfp-bg.mfp-removing {
	opacity: 0;
}
.mfp-fade.mfp-wrap .mfp-content {
	opacity: 0;
	-webkit-transform:scale(0);
	-moz-transform:scale(0);
	-ms-transform:scale(0);
	-o-transform:scale(0);
	transform:scale(0);
	-webkit-transition: all 1s ease;
	-moz-transition: all 1s ease;
	transition: all 1s ease;
}
.mfp-fade.mfp-wrap.mfp-ready .mfp-content {
	opacity: 1;
	-webkit-transform:scale(1);
	-moz-transform:scale(1);
	-ms-transform:scale(1);
	-o-transform:scale(1);
	transform:scale(1);
}
.mfp-fade.mfp-wrap.mfp-removing .mfp-content {
	opacity: 0;
	-webkit-transform:scale(0);
	-moz-transform:scale(0);
	-ms-transform:scale(0);
	-o-transform:scale(0);
	transform:scale(0);
}


/*Philosophy Area*/

.philosophy-text{
	padding:65px 0;
}
.our-philosophy-area h4{
	padding-bottom:30px;
}
.philosophy-list{
	padding-top:35px;
}
.philosophy-list li{
	display:inline-block;
	width:49%;
	margin:12px 0;
}
.philosophy-list li span{
	position:relative;
	padding:0 0 6px 0;
	margin-left:15px;
	vertical-align:middle;
	top:-4px;
}
.philosophy-list li span:after{
	position:absolute;
	width:60px;
	height:1px;
	content:"";
	left:0;
	bottom:0;
}
.philosophy-list .fa{
	line-height:40px;
	width:40px;
	border-radius:5px;
	text-align:center;
	font-size:20px;
	-webkit-transition:all .5s ease;
	-moz-transition:all .5s ease;
	transition:all .5s ease;
}
.philosophy-list li:hover .fa{
	-webkit-transform:scale(.8);
	-moz-transform:scale(.8);
	transform:scale(.8);
}
.philosophy-img{
	margin-top:-80px;
}

/*Popup Video*/

.popup-video{
	padding:100px 0;
	background: url(../images/bg/video-bg.jpg);
}
.popup-video h3{
	text-transform:uppercase;
	font-weight:300;
	letter-spacing:-.05em;
}
.popup-video h3 a .fa {
	bottom: -13px;
	font-size: 70px;
	margin: 0 30px;
	position: relative;
}

/* Agent Area*/

.agent-area-innr{
	padding:90px 0 60px;
}
.single-agent{
	padding-bottom:30px;
	-webkit-transition:all .5s ease;
	-moz-transition:all .5s ease;
	transition:all .5s ease;
}
.single-agent .top img{
	width:100%;
}
.single-agent .top{
	position:relative;
	overflow:hidden;
}
.single-agent:hover{
	background:#fff;
}
.single-agent:hover .top .top-over{
	opacity:1;
}
.single-agent .top .top-over{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	padding-top:230px;
	opacity:0;
	-webkit-transition:all .5s ease;
	-moz-transition:all .5s ease;
	transition:all .5s ease;
}
.single-agent .top ul{}
.single-agent .top ul li{
	display:inline-block;
	line-height:40px;
	width:40px;
	margin:0 5px;
}
.single-agent .top ul li a{
	display:block;
	border:1px solid #fff;
}
.single-agent .top ul li a:hover{
	border:1px solid #f56800;
}
.single-agent h4{
	font-weight:700;
	padding-top:20px;
}
.single-agent h4 small{
	display:block;
	font-size:14px;
	font-weight:400;
}

/* Testimonial Area*/

.testimonial-area {
	padding-bottom:50px;
}
.single-testimonial{
	margin-bottom:30px;
	padding:0 15px;
}
.single-testimonial h5{
	padding:20px 0;
	position:relative;
}
.single-testimonial h5:after{
	position:absolute;
	content:"";
	width:80%;
	height:1px;
	left:50%;
	bottom:0;
	margin-left:-40%;
}
.single-testimonial h5 small{
	display:block;
	font-size:12px;
}
.tequote{
	font-size:42px;
	padding:18px 0 16px;
}
.single-testimonial ul{
	padding-top:15px;
}
.single-testimonial ul li{
	display:inline-block;
	font-size:20px;
}

/* Services Area*/

.form-area{
	background: url(../images/bg/subscriibe-bg.jpg) fixed;
	background-size:cover;
}
.form-area .overlay{
	padding-bottom:80px;
}
.form{
	padding:10px 15px;
}
.form input[type="text"], .form input[type="email"]{
	width:100%;
	height:55px;
	border-radius:3px;
	border:none;
	padding-left:15px;
	margin:5px 0;
}
.form input[type="submit"]{
	line-height:60px;
	text-align:center;
	display:inline-block;
	width:100%;
	border-radius:3px;
	font-size:20px;
	font-weight:600;
	border:none;
	margin:5px 0;
	-webkit-transition: all .5s ease;
	-moz-transition: all .5s ease;
	transition: all .5s ease;
}
.subscription-success, .subscription-failed {
    display: none
}
.contact-form .success, .contact-form .error {
    display: none;
    font-weight: 300 !important;
}
/*Partners Area*/

.partners-area{
	padding:10px 0;
}
.partners-area ul{}
.partners-area ul li{
	display:inline-block;
}

/*Footer Area*/

.footer-area{
	padding:20px 0;
}
.social-icons{}
.social-icons li{
	display:inline-block;
	line-height:40px;
	margin:0 5px;
}
.social-icons li a{
	display:inline-block;
	line-height:40px;
	width:40px;
	text-align:center;
}
.footer-area p{
	padding:7px 0;
}



/*Coustom Media Query CSS*/

@media only screen and (min-width: 768px) and (max-width: 991px) {
	
	.parallax {
		background-attachment: scroll !important;
		background-position: center top !important;
		background-size: cover !important;
		height: auto;
		margin: 0 auto;
		width: 100%;
	}
	.text-center-tab{
		text-align:center;
	}
	.header-area h1 span{
		display:block;
		padding:0;
	}
	.header-area h1{
		display:block;
		padding:0;
	}
	.navbar-nav > li > a {
		font-size: 15px;
	}
	.about-more-area{
		margin-top:119px;
	}
	.about-boxes{
		margin-top:-119px;
	}
	.popup-video h3 span{
		display:block;
	}
	.popup-video h3 a .fa {
		bottom: 0;
		margin: 20px 0;
	}
}

@media only screen and (max-width: 767px) {
	.parallax {
		background-attachment: scroll !important;
		background-position: center top !important;
		background-size: cover !important;
		height: auto;
		margin: 0 auto;
		width: 100%;
	}
	h1, .h1-like {
	  font-size: 40px;
	  line-height: 56px;
	}
	.text-center-tab,.text-center-mob{
		text-align:center;
	}
	.header-area h1 span{
		display:block;
		padding:0;
	}
	.header-area h1{
		display:block;
		padding:0;
	}
	.philosophy-list li {
		width: 100%;
	}
	.social-icons li:first-child{
		display:block;
	}
	.about-more-area{
		margin-top:0;
	}
	.about-boxes{
		margin-top:0;
	}
	.popup-video h3 span{
		display:block;
	}
	.popup-video h3 a .fa {
		bottom: 0;
		margin: 20px 0;
	}
}
@media screen and (max-width: 1920px) {
   .box-price 
{
    padding-top: 30px !important;
}
}
@media screen and (max-width: 1024px) {
.box-button 
{
        font-size: 16px !important;
}
}
@media screen and (max-width: 369px) {
    p.make-it-yourself:before
    {
            top: 20% !important;
    }
}


@media screen and (max-width: 500px) {
    .box-form
    {
            width:100% !important;
    }
}

@media screen and (max-width: 320px) {
.stone-button
{
        font-size: 12px !important;
         width: 70% !important;
}
.saving-upto
{
    width: 250px !important;
}
.box-main-price
{
    font-size: 30px !important;
}
.box-price-1
{
     font-size: 18px !important;
}
.sub1-title-price
{
        margin-top: 18px !important;
}
}