@font-face {
    font-family: 'Poppins-Bold';
    src: url('../fonts/Poppins-Bold.woff2') format('woff2'),
        url('../fonts/Poppins-Bold.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Poppins-Regular';
    src: url('../fonts/Poppins-Regular.woff2') format('woff2'),
        url('../fonts/Poppins-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

html{font-family: 'Poppins-Regular', sans-serif;}
body{font-family: 'Poppins-Regular', sans-serif;}
a {    color: #63028f;    text-decoration: none;}
a:hover {   text-decoration: none;}
p 		{margin:0 0 10px 0;line-height:25px;color:#515151;font-size:15px;font-weight:300;}
.no-left-padding{padding-left:0!important;}
.no-right-padding{padding-right:0!important;}
.no-padding{padding:0!important;}
.mr50 {margin: 0 0 50px 0;}
.products-row {    padding: 40px 0 40px 0;}
.content {    padding: 30px 0;}
.top-margin {    margin-top: 30px;}
#Name::placeholder,#Email::placeholder,#mobile::placeholder,#comment::placeholder {color: #fff; opacity: 0.7;}
#Name::-ms-input-placeholder,#Email::-ms-input-placeholder,#mobile::-ms-input-placeholder,#comment::-ms-input-placeholder {color: #fff;}
#Name::-webkit-input-placeholder,#Email::-webkit-input-placeholder,#mobile::-webkit-input-placeholder,#comment::-webkit-input-placeholder {color: #fff;}
/*pre loader*/
.hameid-loader-overlay{width:100%;height:100%;background:url("../img/preloader.gif") center no-repeat #FFF;z-index:99999;position:fixed;}

/*********************************index page**********************************************/
/*top header*/
.top-header { padding:5px 0;letter-spacing:1px; background: #eaeaea;}
.top-head-mid { border-bottom: 1px solid #f0f0f0;padding:5px 0;}
/*.top-header ul { margin:0 auto;padding:0;}
.top-header ul li { display:inline;color:#9e9e9e;padding:0 50px 0 0;font-size:15px;} 
.top-header ul li a { color:#9e9e9e;text-decoration:none;}
.top-header ul li a:hover { color:#15ab90;}*/
.links li span {    text-transform: uppercase;    color: #63028f;}
.links { text-align:right; margin: 0;}
.links li{display:inline;padding:0 10px 0 0;font-size:14px;}
.links li .fa {    font-size: 17px ;}
.links li a { color:#9e9e9e;text-decoration:none;}
.links li a:hover { color:#15ab90;}*/
/*navigation*/
.navbar-header::before {    content: "";    border-width: 65px 82px 0px 22px;    border-style: solid;    border-color: #fff;    border-radius: 50%;    margin-top:-42px;    position: relative;    margin-left: 12px;}
.navbar-header img {    width: 60%;    position: absolute;    margin-top: -55px;}
.navbar.navbar-default {    padding: 10px 0;}
.navigation{background:/*#a91606*/transparent;}
.navbar-header::before {
    content: "";
    border-width: 65px 82px 0px 22px;
    border-style: solid;
    border-color: #fff;
    border-radius: 50%;
    margin-top: -42px;
    position: relative;
    margin-left: 12px;
}
/*banner*/
.banner-info {    position: absolute;    bottom: 45px;    right: 270px;    color: #454545;  	    background: rgba(255, 255, 255, 0.7);	padding: 20px;}
.banner-info span {    color: #63028f;    font-size: 43px;}
.banner-info h3 {    margin: 0;	 font-size: 35px;text-transform: uppercase;}
/*banner bottom*/
.banner-bottom {    background: #41bfb4;    float: left;    width: 100%;    padding: 2% 0;}
.banner-bottom p {    color: #fff;    font-size: 25px;    font-weight: 600;       margin: 0;}
.contact {    color: #fff;    border: 1px solid #fff;    padding: 10px 20px;line-height: 30px;}
.contact:hover {    background: #63028f;}
/*main row*/

/*service box*/
.service-box{ background: #fff; margin-bottom: 30px;}
.service-box:hover { box-shadow: 0 0 11px rgba(33,33,33,.2);}
.service-box img { min-width: 100%;}
.service-box-breif { padding: 20px 10px;}
.service-box-title { font-size: 18px; color: #393939; font-weight: 600; text-align: justify; padding: 5px 0; line-height: 27px;position:relative; margin: 0 0 10px 0;}
/*completed project*/
.heading-bg {    background-image: url(../img/explore-bg.jpg);       text-align: center;    padding: 30px 0;}
.heading-bg h2 {    text-transform: uppercase;    color: #fff;    font-size: 30px;	margin: 0 0 25px 0;}
.heading-bg h5 {    margin: 0;    text-transform: uppercase;    color: #fff;    line-height: 26px;    font-size: 17px;}
.heading-bg h3 {    color: #fff;    margin: 0;	font-size: 16px;}
.post-thumb  {width: 100%; position: relative;}
.post-thumb img {width: 100%;display: block;}
.overlay {  position: absolute;  top: 0;  bottom: 0;  left: 0;  right: 0;  height: 100%;  width: 100%;  opacity: 0;  transition: .5s ease;  background-color:rgba(99, 2, 143, 0.7);}
.post-thumb:hover .overlay {  opacity: 1;}
.text {  position: absolute;  top: 50%;  left: 50%;  -webkit-transform: translate(-50%, -50%);  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);  text-align: center;}
.text a p {color: #fff; font-size: 25px;}
/*section heading*/
.section-heading1 { color:#000;margin:0;font-size:25px; font-weight: 400; text-transform: uppercase; text-align: center;}
.section-heading1::after {  height: 2px;    display: block;    width: 40px;    background: #63028f;    content: '';    margin: 10px auto;}
.section-heading {    color: #343434;    margin: 0 0 50px 0;    font-size: 25px;    font-weight: 400;    text-transform: uppercase;}
.section-heading::after {    height: 2px;    display: block;    width: 40px;    background: #63028f;    content: '';    margin: 10px 0;}
/*what we do*/
.wh-l p { color: #63028c;    font-size: 28px;    font-weight: 900;    text-transform: uppercase;    text-align: right;    padding: 0 0 0 78px;    line-height: 40px;}
.wh-l p span {	color: #13ab90;}
.wh-r img {    width: 100%;}
/*explore*/
.explore-bg {    background-image: url(../img/explore-bg.jpg);       text-align: center;    padding: 30px 0;background-attachment: fixed;}
.explore-bg h5 {    margin: 0;    color: #fff;    text-transform: uppercase;    font-size: 25px;    padding: 0 12%;    line-height: 35px;}
.explore-bg a {    color: #fff;    text-transform: uppercase;   background: #63028f;    padding: 8px 20px;    font-size: 12px;    display: block;    margin: 20px auto 0 auto;    width: 20%;}
.explore-bg a:hover {    background: #464647;}
/*why choose us*/
.faq1 li {    display: block;    background: #f8f8f8;    padding: 10px;    margin: 0 0 10px 0;}
.projects {    background: #f8f8f8;	margin: 0 0 10px 0;padding: 10px 10px 0 10px;}
.projects img {    width: 100%;}
.pro-title a {    margin: 5px 0 0 0;    color: #000;}
.pro-title a:hover {    color: #63028f;}
.pro-title::after {height: 1px;display: block;width: 70px;background: #63028f;content: '';margin: 5px 0;}
/*footer*/
.footer-widget{/*background:#0e1736;*/background: -webkit-linear-gradient(left, #232323 50%, #2a2a2a 50%);padding:30px 0;letter-spacing:1px;}
.foo-logo { margin:0;}
.foo-logo img {    width: 35%;}
.foo-mid { margin: 10px 0 10px 0;}
.foo-mid h5 { color: #fefefe;line-height: 1.5;}
.foo-mid h5 a { color: #fefefe;}
.foo-mid h5 a:hover { color: #15ab8f;}
.social-icons a { display:inline-block;border:none;font-size:20px;}
.social-icons a:hover { opacity:1;}
.social-icons a i { font-size: 15px;}
.quick { color:#e7e9e8;text-align:left;margin:0 0 15px 0;font-size:16px;font-weight:600;text-transform:uppercase;position: relative; padding-bottom: .5em;}
.quick:after { content: ''; background: #fff; width: 20%; height: 1px; position: absolute; bottom: 0%; left: 0%;}
.foo-wid1{margin:0;padding:0;}
.foo-wid1 li{display:block;color:#9fa1a0;padding:5px 40px 5px 0;font-size:14px; line-height: 1.8;}
.foo-wid1 li a{color:#9fa1a0;}
.foo-wid1 li a:hover {    color: #15ab90;}
.foo-wid{margin:0;padding:0;}
.foo-wid li{display:block;color:#9fa1a0;padding:5px 40px 5px 0;font-size:14px; line-height: 1.8;}
.foo-wid li i {padding: 0em 0em; margin-right: 0.7em;position: relative;top: 5px;}
.foo-wid li span {display: block; margin-left: 2.4em;}
.foo-wid li a {    color: #9fa1a0;}
.foo-wid li a:hover{color: #15ab90;}
.social-icons a{display:inline-block;border:none;font-size:20px;}
.social-icons a:hover{opacity:1;}
.social-icons a i{font-size: 15px;}
.fb {color: #fff; background: #3B5998; padding: 7px 10px; border-radius: 20px;width: 30px;height: 30px;}
.fb:hover {-webkit-transition:0.5s ease-in;-moz-transition: 0.5s ease-in; -ms-transition: 0.5s ease-in;  -o-transition: 0.5s ease-in; transition:0.5s ease-in; background: rgba(59, 89, 152, 0.54);}
.tw{color:#fff; background: #1DA1F2; padding: 7px 8px; border-radius: 20px;width: 30px;height: 30px;}
.tw:hover {-webkit-transition:0.5s ease-in;-moz-transition: 0.5s ease-in; -ms-transition: 0.5s ease-in;  -o-transition: 0.5s ease-in; transition:0.5s ease-in; background: rgba(29, 161, 242, 0.54);}
.gop{color:#fff; background: #DB4437; padding: 7px 9px; border-radius: 20px;width: 30px;height: 30px;}
.gop:hover {-webkit-transition:0.5s ease-in;-moz-transition: 0.5s ease-in; -ms-transition: 0.5s ease-in;  -o-transition: 0.5s ease-in; transition:0.5s ease-in; background: rgba(219, 68, 55, 0.54);}

/************************************about us page*****************************************/
/*breadcrumb*/
.breadcrumb-in {    padding: 78px 0;    position: relative;    background: rgba(10, 10, 11, 0.5); position: relative}
.pg-breadcrumb { background:url(../img/inner-banner.jpg);background-size:cover;background-attachment:fixed;background-repeat:no-repeat;}
.pg-breadcrumb h1 { color:#fff;text-transform:uppercase;font-weight:600;font-size:40px;text-align:center;margin:0;}
.pg-breadcrumb h1 small {    font-size: 25px;}
.breadcrumb1 { margin:0;padding:0;text-align:center;}
.breadcrumb1 li { text-transform:uppercase;margin:16px 0 0 0; color:#edf64e;}
.breadcrumb1 > li { display:inline-block;}
.breadcrumb1 a { color:#fff;}
.breadcrumb1 > li + li::before { padding:0 5px;color:#fff;content:"/\00a0";}
.abt-img {    width: 100%;}
.about-mi-vi{background: #f0f0f0;padding:30px;border: solid 1px #ccc;}
.about-mi-vi:before{content: ""; position:absolute; right: 15px; top:0px; border-style: solid; border-width:0 30px 30px 0px; border-color:#63028f #fff;}
.abt-heading{color:#343434;margin:0 0 15px 0;font-size:23px; font-weight: 500;}
.welcome-img img {    width: 100%;}
/*projects*/
.det-head{color:#63028f !important;font-size:14px !important;text-transform:uppercase;width: 25%;}
.pro-det {    border: 1px solid #ccc;    padding: 10px;}
.pro-det h4 {color: #63028f;}
.pro-det:hover {    border: 1px solid #63028f;    }
.fa.fa-plus {    color: #63028f;    float: right;    font-size: 20px;}
.feature h3{color:#3e3e3e;text-transform:uppercase;font-weight:600;margin:0 0 20px 0;}
.feature h3::after {    height: 1px;    display: block;    width: 40px;    background: #63028f;    content: '';    margin: 10px 0;}
.feature ul{margin:0;padding:0;border-bottom:1px solid #ccc;}
.feature ul li{line-height:25px;font-size:16px;background-image:url(../img/bullets-img.png);background-repeat:no-repeat;list-style-type:none;background-size:15px;padding:0px 0 0 25px;background-position:left top 5px;font-weight:300;}
.bg-gray{background:#f0f0f0}
.demo {    width: 100%;    border: 1px solid #626669;    height: 200px;}
.pic-nm{color:#062d4c;text-transform:uppercase;margin:10px 0;font-size:17px;text-align:center;}
.table tbody tr th, .table tr td {border-top:1px solid #ddd !important;font-size: 15px;}
.table ul {margin: 0; padding: 0;}
.table ul li {    display: inline;    border-right: 1px solid #15ab90;    padding: 0 5px;    }
.table{width:100%;margin: 25px 0 0 0;}
.table tr td a{color:#69b0da;}
.th-width {    width: 65px;}
.amenities{margin:0;padding:0;}
.amenities li{display:block!important;float:none!important;line-height:25px;font-size:15px;background-image:url(../img/icon_bullet.png);background-repeat:no-repeat;list-style-type:none;background-size:15px;padding:0px 0 0 25px!important;background-position:left top 5px;font-weight:300;}
.plan img {    width: 100%;    height: 100%;   /* margin: 10px 0 0 0;*/}
.plan-nm {    background: #414141;    color: #fff;    padding: 10px 10px;    text-align: center;}
.pro-plan {    text-align: center;}
.pro-plan img {    width: 100%;}
/**********under construction************/

.under-con {    text-align: center;    display: block;    text-transform: uppercase;	margin: 50px 0;}
.under-con p {    font-size: 36px;    color: #15ab90;}
.under-con h2 {    color: #392a25;    font-size: 60px;}
.under-con span {    font-size: 20px;}
.mu-post-btn {    background-color: #63028f;    border: 1px solid #ccc;    display: inline-block;    font-size: 16px;    padding: 10px 18px;    color: #fff;
    -webkit-transition: all 0.5s;    -moz-transition: all 0.5s;    -ms-transition: all 0.5s;    -o-transition: all 0.5s;    transition: all 0.5s;    text-decoration: none !important;}

/*************contact*******************/
.con h3 { margin: 0 0 10px 0;font-size: 21px; font-weight: 400;}
.con h4 { margin: 20px 0 10px 0;font-size: 18px; font-weight: 400;color:#15ab90;}
.con .fa.fa-map-marker { color: #63028f; font-size: 30px;}
.con .fa.fa-phone { color:#63028f; font-size: 30px;}
.con .fa.fa-envelope { color: #63028f; font-size: 30px;}
.con .fa.fa-globe { color: #63028f; font-size: 30px;}
.con { margin: 20px 0;}
.con a { text-decoration: none;  color: #919191 !important;}
.con a:hover { color: #15ab8f !important;}
.con ul { margin: 0; padding: 0;}
.con ul li { display: block; line-height: 25px; font-weight: 300; font-size: 15px;}
.cn {    margin: 20px 0 0 0;    float: left;width: 100%;}
.textfields{width:100%;padding:5px 5px;border:1px solid #ccc;border-radius:2px;margin: 0 0 10px 0;}
.btnrefresh{color: #fff; background:#808080;  border: 1px solid #ddd; padding:5px 15px; margin: 0 0 0 10px;}
.abt-read {    color: #000;       padding: 7px 20px;    font-size: 15px;    font-weight: 600;    text-transform: capitalize;    border: 0;    float: left;
    background: #15ab90;}
.abt-read:hover{background-color:#7d4895;text-decoration:none;color:#fff;}
div#imgdiv {
    margin: 0 0 15px 0;
}
div#imgdiv img {
    width: 100%;
}
/*================== ERROR PAGE====================*/
.mu-error {padding: 100px 0;  width: 100%;}
.mu-error .mu-error-area { width: 100%; text-align: center;}
.mu-error .mu-error-area p {font-size: 22px;}
.mu-error .mu-error-area h2 {font-size: 200px;  line-height: 1.7;margin: 0;}







@media (min-width:1920px){
}
@media (min-width:1440px){
}
@media (min-width:1366px){
}
@media (min-width:1280px){
}
@media (max-width:1024px){
}
@media (max-width:980px){
	.navbar-header::before {margin-left: 0px;}
	.navbar-header img {    width: 17%;}
	.banner-info h3 {     font-size: 20px;  }
	.banner-info span {    font-size: 25px;}
	.banner-info {     right: 100px;       padding: 10px 20px;}
	.banner-bottom p {    font-size: 20px;    padding: 5px 0 0 0; float: left;}
	.contact {    padding: 0px 20px;      float: right; margin: 0;}
	.service-box {    margin-bottom: 0;}
	.service-box img {    min-width:auto;}
	.service-box:hover {    box-shadow: none;}
	.products-row {    padding: 20px 0 20px 0;}
	.service-box-breif {    padding: 10px 10px;}
	.post-thumb {    width: 50%;    position: relative;    float: left;}
	.explore-bg h5 {padding: 0;}
	.section-heading {margin: 0 0 20px 0;}
	.projects img {    width: auto;    float: left;    margin: 0 20px 0 0;}
	.projects {  float: left;    width: 100%;}
	.foo-logo {    margin: 0;}
	.foo-mid {    margin: 0;}
	.foo-mid h5 {    font-size: 13px;}
	.social-icons {    margin: 0 0 20px 0;}
	.wh-l p {    font-size: 26px;    padding: 0;    line-height: 25px; text-align: center}
	.pg-breadcrumb {background-size: 100%;}
	.breadcrumb-in {padding: 25px 0;}
	.about-mi-vi {    background: none;    padding: 0;    border: 0;    margin: 0;}
	.pg-breadcrumb h1 {font-size: 30px;}
	.about-mi-vi::before {display: none;}
	.pro-det {      width: 48%;    float: left;    margin: 0 10px 10px 0;}
	.con h4 {    margin: 0 0 5px 0;}
	.contactform {    float: left;    width: 100%;    margin: 20px 0 0 0;}
	.btnrefresh { margin: 0 0 10px 0;}
	.navbar-header {    float: left;}
	.pro-plan img {    width: 100%;}
	.pro-plan {    width: 100%;}
	.real-view {    width: 24%;    float: left;    margin: 0 3px;}
	.gallery {    width: 24%;    float: left;    margin: 0 3px;}
	.quick {margin: 15px 0;}
	.table {margin: 25px 0;}
	.plan {    width: 48%;    float: left;    margin: 0 2% 2% 0;}
	.carousel-indicators {display: none;}
}
@media (max-width:767px){
	
}
@media (max-width:640px){
	.real-view {    width: 48%;       margin: 3px 3px;}
	.gallery {		width: 48%;}
	
}
@media (max-width:480px){
	.navbar-header {    float: none;    text-align: center;}
	.navbar-header img {    width: 50%;   		position: relative;margin-top: 0;}
	.navbar-header::before {display: none;}
	.pg-breadcrumb {     background-attachment: unset;}
	.post-thumb {    width: 100%; margin: 0 0 10px 0;  }
	.explore-bg h5 {    font-size: 18px;   line-height: 25px;}
	.explore-bg a { width: 40%;}
	.pro-title {    margin: 10px 0 0 0;}
	.projects img {float: none;}
	.pro-det {    width: 100%;    float: none;    margin: 10px 0 0 0;}
	.links {padding: 0;}
}
@media (max-width:414px){
		.plan {    width: 100%;    float: none;    margin: 0 0 2% 0;}
	.real-view {    width: 100%;   margin: 0 0 3px 0;}
	.gallery {    width: 100%;   margin: 0 0 3px 0;}
	.faq1 {    padding: 0;}
}
@media (max-width:360px){
	.banner-info span {    font-size: 18px;}
	.banner-info h3 {    font-size: 15px;}
	.banner-info {bottom: 10px;right: 25px;}
	.links li{padding:0 35px 0 0;}
	.foo-wid li {padding: 5px 5px 5px 0;}
	.explore-bg a { width: 50%;}

}
@media (max-width:320px){
	.pg-breadcrumb h1 {    font-size: 23px;}
	
}