body{ background-color: #eee;

font-family: 'Poppins', sans-serif;

}





 html{

    -webkit-font-smoothing: antialiased;

  }

.login-bg{ background-image: url("../images/login-bg.jpg"); background-repeat: no-repeat; height: 450px;}

.modal-dialog-1 {

  height: 80% !important;

  padding-top:5% !important;

}

.navbar-nav {
    float: none !important;
    margin: 0;
	margin-top: 20px;
}

.navbar-nav>li {
	float: none !important;
	
	
}

.nav>li {
    position: relative;
	display: inline-block !important;

}

.modal-dialog {

  height: 50% !important;

  padding-top:10%;

}

.font-weight-400{ font-weight: 400;}

.modal-content {

 /* height: 100% !important;*/

  overflow:visible;

}



.modal-body {

  height: 80%;

  overflow: auto;

}







.header{ background-image: url("../images/header-1.jpg");

background-size: cover;

	min-height: 963px;

	background-position: center;

}



.logo

  { padding-top:20px;

	margin-left: auto;

	margin-right: auto;

	  text-align: center;



}


.pac-container {
z-index: 10000 !important;

}




.services{ background-image: url("../images/ser-bg.jpg"); background-repeat: no-repeat; background-size: cover;}

.who-bg{ background-image: url("../images/ser-bg.jpg"); background-repeat: no-repeat; background-size: cover;}





.top-menu{ padding-top: 30px;}

.top-menu nav ul{ margin-left: auto; margin-right: auto; text-align: center; padding-bottom: 80px;}

.top-menu nav ul li {display: inline; text-align: center; padding-left: 30px; padding-right: 30px;}

.top-menu nav ul li a {color: #fff; }

.top-menu nav ul li a:hover{ color: #fe92a5; text-decoration: none;}





.footer-menu{ padding-top: 0px;}

.footer-menu nav ul{ margin-left: auto; margin-right: auto; text-align: right; }

.footer-menu nav ul li {display: inline; text-align: right; padding-left: 20px;  font-size: 14px;}

.footer-menu nav ul li a {color: #fff; }

.footer-menu nav ul li a:hover{ color: #fe92a5; text-decoration: none;}


.margin-auto{ margin-left: auto; margin-right: auto}
.head-title{font-size: 60px; color: #1ed5d3; font-weight: 600;  line-height: 60px; }

.head-title-xs{font-size: 30px; color: #1ed5d3; font-weight: 600;}

.sub-title{ font-size: 20px; color: #fff;  font-weight: 300; line-height: 40px;}
.sub-title-sub{ font-size: 14px;
    color: #fff;
    font-weight: 300;
    line-height: 30px;
    padding: 15px;
    margin: 0px;
    background-color:rgba(0, 0, 0, 0.6);
    border-radius: 50px;
    margin-bottom: 20px;}

.sub-title-xs{ font-size: 20px; color: #fff;  font-weight: 300; line-height: 30px; padding-left: 10px; padding-right: 10px;}

.inner-title{font-size: 40px; color: #000;  font-weight: 400;}

.body-copy{font-size: 16px; color: #000;  font-weight: 400;line-height: 26px;}

.love-title{font-size: 30px; color: #000; font-weight: 600;line-height: 26px; padding-top: 20px;  position:relative; text-align: left;}

.love-title::after{content:'';height:5px;width:40%;background:#1ed5d3;position:absolute;left:0px;bottom:-15px;}

.stp-title{font-size: 16px; color: #fff; font-weight: 300;line-height: 26px; padding-top: 10px;  position:relative; text-align: left;}

.stp-title::after{content:''; height:5px; width:40%; background:#1ed5d3; position:absolute;left:0px; bottom:-3px;}

.pro-bg-1{background-color: #378cff; min-height: 314px; background-image: url("../images/pro-bg-1.jpg"); background-position: bottom; background-repeat: no-repeat; background-size: 100%;}

.pro-bg-2{background-color: #1ed5d3; min-height: 314px; background-image: url("../images/pro-bg-2.jpg"); background-position: bottom; background-repeat: no-repeat; background-size: 100%;}

.pro-bg-3{background-color: #378cff; min-height: 314px; background-image: url("../images/pro-bg-3.jpg"); background-position: bottom; background-repeat: no-repeat; background-size: 100%;}



.pro-p{ padding: 40px;}

.pro-p h5 {font-size: 20px}





.love-title-bar{ width: 100px;height: 5px;border-radius: 10px;margin-top: .45em;margin-bottom: .1em; border-color: red}

.love-bd{font-size: 16px; color: #000;  font-weight: 400;line-height: 26px; text-align: left; padding-top: 20px;}

.love-img{ text-align: left;}

.process-bg{background-image: url("../images/process-bg.jpg");background-size: cover;min-height: 987px;background-position: center !important; margin-top: 50px; }

.step-title{ font-size: 18px; color: #fff;  font-weight: 600; padding-top: 12px;}

.step-bd{font-size: 14px; color: #fff;  font-weight: 100; min-height: 150px;}

.bottom-area{height: 3405px; background-image: url("../images/bottom-area.jpg"); background-position: center top;}

.ser-con-bg{/*background-color: #181818;*/ background-color: #378cff; padding: 20px; min-height: 210px;}

.ser-con-bg h5 { font-size: 22px; font-weight:300; text-align: center; color: #fff;}

.ser-con-bg h6 { font-size: 14px; font-weight:300; text-align: center; color: #fff;}

.image{ width: 100%;}

.newsletter-bg{ background-image: url("../images/newletter-bg.jpg"); background-position: center !important; height: 500px; background-size: cover; margin-top: -1px; }

.newsletter-wrapper{ /*padding-top: 75px;*/}

.newsletter-wrapper h5{ font-size: 24px; font-weight: 300; }

.sub-bt{ background-color: #1ed5d3; color: #fff; height: 64px; font-size: 22px; font-weight:400; border: none; padding-left: 25px; padding-right: 25px; border-radius: 10px; }

.sub-bt:hover{background-color: #378cff;}

.footer{ background-color: #378cff}

.footer h3{font-size: 30px; font-weight: 300; color: #fff; padding-bottom: 10px; margin-bottom: 0px;}

.footer p {font-size: 14px; font-weight: 300; color: #fff; line-height: 16px;}

.news-filed{ border-top-left-radius: 10px; border-bottom-left-radius: 10px; border: none; height: 64px; }

.sep-footer{background-color: #fff; height: 1px; margin-bottom: 20px; }

.test-bg{background-image: url(../images/test-bg3.jpg), url(../images/test-bg2.jpg), url(../images/test-bg1.jpg),

	url(../images/test-bg4.jpg);

    background-repeat: no-repeat;

    background-size: 10%, 15%, 5%;

    background-position: 0 0, bottom 0px right 0px, center;

}





.m-0 {

	margin: 0!important

}



.mt-0,

.my-0 {

	margin-top: 0!important

}



.mr-0,

.mx-0 {

	margin-right: 0!important

}



.mb-0,

.my-0 {

	margin-bottom: 0!important

}



.ml-0,

.mx-0 {

	margin-left: 0!important

}



.m-1 {

	margin: .25rem!important

}



.mt-1,

.my-1 {

	margin-top: .25rem!important

}



.mr-1,

.mx-1 {

	margin-right: .25rem!important

}



.mb-1,

.my-1 {

	margin-bottom: .25rem!important

}



.ml-1,

.mx-1 {

	margin-left: .25rem!important

}



.m-2 {

	margin: .5rem!important

}



.mt-2,

.my-2 {

	margin-top: .5rem!important

}



.mr-2,

.mx-2 {

	margin-right: .5rem!important

}



.mb-2,

.my-2 {

	margin-bottom: .5rem!important

}



.ml-2,

.mx-2 {

	margin-left: .5rem!important

}



.m-3 {

	margin: 1rem!important

}



.mt-3,

.my-3 {

	margin-top: 1rem!important

}



.mr-3,

.mx-3 {

	margin-right: 1rem!important

}



.mb-3,

.my-3 {

	margin-bottom: 1rem!important

}



.ml-3,

.mx-3 {

	margin-left: 1rem!important

}



.m-4 {

	margin: 1.5rem!important

}



.mt-4,

.my-4 {

	margin-top: 1.5rem!important

}



.mr-4,

.mx-4 {

	margin-right: 1.5rem!important

}



.mb-4,

.my-4 {

	margin-bottom: 1.5rem!important

}



.ml-4,

.mx-4 {

	margin-left: 1.5rem!important

}



.m-5 {

	margin: 3rem!important

}



.mt-5,

.my-5 {

	margin-top: 3rem!important

}



.mr-5,

.mx-5 {

	margin-right: 3rem!important

}



.mb-5,

.my-5 {

	margin-bottom: 3rem!important

}



.ml-5,

.mx-5 {

	margin-left: 3rem!important

}





.pt-0,

.py-0 {

	padding-top: 0!important

}



.pr-0,

.px-0 {

	padding-right: 0!important

}



.pb-0,

.py-0 {

	padding-bottom: 0!important

}



.pl-0,

.px-0 {

	padding-left: 0!important

}



.p-1 {

	padding: .25rem!important

}



.pt-1,

.py-1 {

	padding-top: .25rem!important

}



.pr-1,

.px-1 {

	padding-right: .25rem!important

}



.pb-1,

.py-1 {

	padding-bottom: .25rem!important

}



.pl-1,

.px-1 {

	padding-left: .25rem!important

}



.p-2 {

	padding: .5rem!important

}



.pt-2,

.py-2 {

	padding-top: .5rem!important

}



.pr-2,

.px-2 {

	padding-right: .5rem!important

}



.pb-2,

.py-2 {

	padding-bottom: .5rem!important

}



.pl-2,

.px-2 {

	padding-left: .5rem!important

}



.p-3 {

	padding: 1rem!important

}



.pt-3,

.py-3 {

	padding-top: 1rem!important

}



.pr-3,

.px-3 {

	padding-right: 1rem!important

}



.pb-3,

.py-3 {

	padding-bottom: 1rem!important

}



.pl-3,

.px-3 {

	padding-left: 1rem!important

}



.p-4 {

	padding: 1.5rem!important

}



.pt-4,

.py-4 {

	padding-top: 1.5rem!important

}



.pr-4,

.px-4 {

	padding-right: 1.5rem!important

}



.pb-4,

.py-4 {

	padding-bottom: 1.5rem!important

}



.pl-4,

.px-4 {

	padding-left: 1.5rem!important

}



.p-5 {

	padding: 3rem!important

}



.pt-5,

.py-5 {

	padding-top: 3rem!important

}



.pr-5,

.px-5 {

	padding-right: 3rem!important

}



.pb-5,

.py-5 {

	padding-bottom: 3rem!important

}



.pl-5,

.px-5 {

	padding-left: 3rem!important

}



.text-white {

	color: #fff!important

}

.text-left {

	text-align: left!important

}



.text-right {

	text-align: right!important

}



.f-12{ font-size: 12px;}

.f-13{ font-size: 13px;}





.custom-input-group {

    position: relative;

    display: -ms-flexbox;

    display: flex;

    -ms-flex-wrap: wrap;

    flex-wrap: wrap;

    -ms-flex-align: stretch;

    align-items: stretch;

    width: 100%;

	margin-top:10px;

	

	

}



.custom-control {

    background: #fff;

    padding: 10px 20px;

    font-size: 14px;

    height: auto;

	width: 100%;

	border-radius: 20px !important;

	    border: solid 1px #e5e5e5 !important;

   /* border-bottom: solid 2px #378cff !important;*/

	

}

.popup-left-panel{background-color: #378cff; height: 450px; padding-top: 30px; border-top-left-radius: 5px; border-bottom-left-radius: 5px;}
.pa-55{padding:45px;}

.pa-65{padding:30px;}

.welcome{padding-top: 200px; font-size: 22px; font-weight: bold}



.login-sc-pt{padding-top: 55px;}

.login-sc-painter{padding-top: 75px;}

.mb-0{ margin-bottom: 0px;}
.navbar-toggle {
    position: relative;
    float: right;
    padding: 9px 10px;
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 8px;
    background-color: transparent;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 4px;
}



@media only screen and (min-width: 100px) and (max-width: 767px) {
	
	
	.nav>li {
    position: relative;
    display: block !important;
}
}