/*
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%;
}
.for-desktop
{
display:initial !important;
}
.for-mobile
{
display:none !important;
}
/* Common CSS */

.no-margin{
	margin:0;
}
.relative{
	position:relative;
}
.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;
}
.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: #fff;
}
.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-new.jpg) fixed;
    background-size: auto;
    padding-top: 80px;
    padding-bottom: 20px;
    position: relative;
    background-position:center;
}
.header-bathroom {
	background: url(../images/Main-image-b.jpg) fixed;
	background-size:auto;
	padding-top:110px;
	padding-bottom:20px;
	position:relative;
    background-position:center;
}

.header-area h3{
	padding-bottom:0px;
}
.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:#2492d1; /* url(../images/bgimage.jpg) fixed; */
	background-size:cover;
	padding-bottom:50px;
    background-position: center;
}

.about-area-bathroom {
	background: url(../images/Bagckgound1-b.jpg) fixed;
	background-size:cover;
	padding-bottom:50px;
    background-position: center;
}

.testi-area{
	background: url(../images/Testimonial-bg.jpg) fixed;
	background-size:cover;
	padding-top:30px;
	padding-bottom:30px;
    background-position: center;
}

.testi-area-k{
	background: url(../images/Testimonial-bg-k.jpg) fixed;
	background-size:cover;
	padding-top:30px;
	padding-bottom:30px;
    background-position: center;
}

.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: 992px) and (max-width: 1199px) {
        .orange-badge
        {
            right:0px !important;
        }
        .stone-button
        {
            left: 15px !important;
            width: 91% !important;
        }
    }

@media only screen and (min-width: 768px) and (max-width: 991px) {
	
	
	.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: 991px) {
    .banner2-content
    {
            float: left !important;
            left: 210px;
    }
     .contact-form-bg
    {
        max-width:400px !important;
        margin:auto !important;
    }
    .banner2, .banner2-30percent
    {
            background-position: top left !important;
    }
    .margin-top-mobile
    {
        margin-top:10% !important;
    }
    .orange-badge
    {
        right: 10px !important;
    }
    .stone-button
    {
        left: 25px !important;
        width: 87.8% !important;
    }
}

@media only screen and (max-width: 767px) {
	.parallax {
		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;
	}

.for-desktop
{
display:none !important;
}
.for-mobile
{
display:inherit !important;
}
}
@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: 600px) {
.save-badge
{
    width: 50px !important;
    top: -20px !important;
}
.navbar-nav
{
    width:100% !important;
}
}

@media screen and (max-width: 470px) {
.banner1
{
   background-size: 100% !important;
}
}

@media screen and (max-width: 460px) {
.banner2
{
   background-size: 100% !important;
}
.banner2-text4 span
{
font-size: 9px !important;
    margin-left: -20px !important;
}
.banner2-content
{
left: 208px !important;
}
.banner2-text3
{
font-size: 50px !important;
    line-height: 60px !important;
}
}


@media screen and (max-width: 450px) {
.main-site-banner
{
    margin-top: -12px !important;
    margin-left: 200px !important;
}
.banner2-content
{
left: 200px !important;
}
}

@media screen and (max-width: 445px) {
.banner2-text1
{
    font-size: 12px !important;
}
.banner2-text3
{
        font-size: 45px !important;
    line-height: 55px !important;
}
.banner2-content {
    left: 190px !important;
}
}
@media screen and (max-width: 420px) {
.banner2-content {
    left: 170px !important;
}
.banner2-text3 {
    font-size: 45px !important;
    line-height: 45px !important;
}
.banner2-text2:before
{
top: 25% !important;
}
}

@media screen and (max-width: 420px) {
.main-site-banner
{
    margin-top: -16px !important;
    margin-left: 180px !important;
}
}

@media only screen and (max-width: 410px) {
    .orange-badge
    {
        right: 5px !important;
    }
    .stone-button
    {
        left: 22px !important;
    width: 89% !important;
    }
    .banner2
    {
        background-size:100% !important;
    }
    .banner2-content
    {
        left: 165px !important;
    }
}

@media only screen and (max-width: 400px) {
    .orange-badge
    {
        right: 0px !important;
    }
    .stone-button
    {
    left: 15px !important;
    width: 92% !important;
    }
    .banner1-text4
    {
        font-size: 45px !important;
        line-height: 40px !important;
    }
    .banner1-content
    {
        top: 38px !important;
    }
    .banner1-text3 span:before
    {
        top: 45% !important;
        width: 65px !important;
    }
    .main-site-banner
{
    margin-top: -22px !important;
    margin-left: 150px !important;
}
.banner2-text3
{
    font-size: 40px !important;
}
.banner2-content 
{
    left: 180px !important;
}
.banner2-text1, .banner2-text4
{
font-size: 10px !important;
}
}

@media only screen and (max-width: 380px) {
    .banner2-text3
    {
        font-size: 35px !important;
        line-height: 35px !important;
    }
    .banner2, .banner2-30percent
    {
        background-size: 100% !important;
    }
    .banner2-content
    {
        left: 165px !important;
        top:6px !important;
    }
    .banner2-text2:before
    {
            top: 27% !important;
    }
.banner1-text1
{
font-size: 60px !important;
    line-height: 60px !important;
}
.banner1-text2
{
font-size: 35px !important;
    line-height: 40px !important;
}
.banner1-text2-1
{
font-size: 25px !important;
    line-height: 30px !important;
}
}


@media only screen and (max-width: 360px) {
    .banner2-text3
    {
        font-size: 30px !important;
        line-height: 35px !important;
    }
.banner2-text2
{
font-size: 15px !important;
}
    .banner2, .banner2-30percent
    {
        background-size: 100% !important;
    }
    .banner2-content
    {
        left: 145px !important;
    top: 4px !important;
    }
    .banner2-text1
    {
        font-size: 11px !important;
    }
.banner2-text4 span
{
font-size: 8px !important;
}
    .banner2-text2:before
    {
            top: 30% !important;
    }
    .stone-button
    {
    width: 91% !important;
    }
    
    
    .contact-form-bg, .no-padding
    {
        padding:15px 0px !important;
    }
    
    .banner1-text4
    {
        font-size: 35px !important;
        line-height: 30px !important;
    }
    .banner1-text3 span:before 
    {
        top: 50% !important;
    }
    .banner1-content 
    {
        top: 38px !important;
        left: 130px !important;
    }
    .main-site-banner
{
    margin-top: -37px !important;
    margin-left: 150px !important;
    width: 140px !important;
}
}


@media only screen and (max-width: 340px) {
    .banner2-text3
    {
        font-size: 30px !important;
        line-height: 25px !important;
    }
    .banner2
    {
        background-size: 100% !important;
    }
    .banner2-content
    {
        left: 150px !important;
    top: 4px !important;
    }
    .banner2-text1
    {
        font-size: 12px !important;
    }
    .banner2-text2:before
    {
        top: 30% !important;
    }
    
    .banner1
    {
        background-size: 100% !important;
    }
    .percent30
    {
        background-size: 100% !important;
    }
    .banner1-content
    {
        left: 25px !important;
    }
    .save-badge
{
    top: -10px !important;
    left: -110px !important;
}
.banner1-text2
{
    font-size: 55px !important;
}
 .main-site-banner
{
    margin-top: -47px !important;
    margin-left: 140px !important;
    width: 130px !important;
}
}

@media screen and (max-width: 320px) {
.stone-button
{
        font-size: 12px !important;
         width: 90% !important;
}
.saving-upto
{
    width: 250px !important;
}

    .banner2-content
    {
        left: 138px !important;
    top: 0px !important;
    }
    
    
    .banner1-content
    {
    top: 44px !important;
    left: 20px !important;
    }
    .banner1-text3
    {
    font-size: 14px !important;
    line-height: 14px !important;
    }
    .banner1-text4
    {
    font-size: 26px !important;
    line-height: 26px !important;
    }
        .save-badge
{
    top: -10px !important;
    left: -100px !important;
}
 .main-site-banner
{
    margin-top: -55px !important;
    margin-left: 130px !important;
    width: 120px !important;
}
}