@charset "utf-8";
/* CSS Document */
 * {
     outline: none;
     margin: 0px;
     padding: 0px;
     border: none;
     text-decoration: none;
     font-family: 'Poppins', sans-serif;
     box-sizing:border-box;
}
 body {
     text-decoration: none;
     background:#fff;
     font-family: 'Poppins', sans-serif;
     font-size:16px;
     color:#505050;
	 
}
 @font-face {
     font-family: 'geomanistregular';
     src: url('../fonts/geomanist-regular-webfont.eot');
     src: url('../fonts/geomanist-regular-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/geomanist-regular-webfont.woff2') format('woff2'), url('../fonts/geomanist-regular-webfont.woff') format('woff'), url('../fonts/geomanist-regular-webfont.ttf') format('truetype'), url('../fonts/geomanist-regular-webfont.svg#geomanistregular') format('svg');
     font-weight: normal;
     font-style: normal;
}
 @font-face {
     font-family: 'geomanist-extralight';
     src: url('../fonts/geomanist-extralight-webfont.eot');
     src: url('../fonts/geomanist-extralight-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/geomanist-extralight-webfont.woff2') format('woff2'), url('../fonts/geomanist-extralight-webfont.woff') format('woff'), url('../fonts/geomanist-extralight-webfont.ttf') format('truetype'), url('../fonts/geomanist-extralight-webfont.svg#geomanistregular') format('svg');
     font-weight: normal;
     font-style: normal;
}
 @font-face {
     font-family: 'geomanist-light';
     src: url('../fonts/geomanist-light-webfont.eot');
     src: url('../fonts/geomanist-light-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/geomanist-light-webfont.woff2') format('woff2'), url('../fonts/geomanist-light-webfont.woff') format('woff'), url('../fonts/geomanist-light-webfont.ttf') format('truetype'), url('../fonts/geomanist-light-webfont.svg#geomanistregular') format('svg');
     font-weight: normal;
     font-style: normal;
}
 @font-face {
     font-family: 'geomanist-medium';
     src: url('../fonts/geomanist-medium-webfont.eot');
     src: url('../fonts/geomanist-medium-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/geomanist-medium-webfont.woff2') format('woff2'), url('../fonts/geomanist-medium-webfont.woff') format('woff'), url('../fonts/geomanist-medium-webfont.ttf') format('truetype'), url('../fonts/geomanist-medium-webfont.svg#geomanistregular') format('svg');
     font-weight: normal;
     font-style: normal;
}
 @font-face {
     font-family: 'geomanist-book';
     src: url('../fonts/geomanist-book-webfont.eot');
     src: url('../fonts/geomanist-book-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/geomanist-book-webfont.woff2') format('woff2'), url('../fonts/geomanist-book-webfont.woff') format('woff'), url('../fonts/geomanist-book-webfont.ttf') format('truetype'), url('../fonts/geomanist-book-webfont.svg#geomanistregular') format('svg');
     font-weight: normal;
     font-style: normal;
}
@font-face {font-family:'geomanist-bold';src: url('../fonts/geomanist-bold-webfont.eot');src: url('../fonts/geomanist-bold-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/geomanist-bold-webfont.woff2') format('woff2'), url('../fonts/geomanist-bold-webfont.woff') format('woff'), url('../fonts/geomanist-bold-webfont.ttf') format('truetype'), url('../fonts/geomanist-bold-webfont.svg#geomanistregular') format('svg');font-weight: normal;font-style: normal;}

@font-face {font-family: 'geomanist-black';src: url('../fonts/geomanist-black-webfont.eot');src: url('../fonts/geomanist-black-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/geomanist-black-webfont.woff2') format('woff2'), url('../fonts/geomanist-black-webfont.woff') format('woff'), url('../fonts/geomanist-black-webfont.ttf') format('truetype'), url('../fonts/geomanist-black-webfont.svg#geomanistregular') format('svg');font-weight: normal;font-style: normal;}
 @font-face {
    font-family: 'Poppins';
    src: url('../fonts/Poppins-Bold.eot');
    src: url('../fonts/Poppins-Bold.eot?#iefix') format('embedded-opentype'), url('../fonts/Poppins-Bold.woff2') format('woff2'), url('../fonts/Poppins-Bold.woff') format('woff'), url('../fonts/Poppins-Bold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
}
@font-face {
    font-family: 'Poppins';
    src: url('../fonts/Poppins-Thin.eot');
    src: url('../fonts/Poppins-Thin.eot?#iefix') format('embedded-opentype'), url('../fonts/Poppins-Thin.woff2') format('woff2'), url('../fonts/Poppins-Thin.woff') format('woff'), url('../fonts/Poppins-Thin.ttf') format('truetype');
    font-weight: 100;
    font-style: normal;
}
@font-face {
    font-family: 'Poppins';
    src: url('../fonts/Poppins-SemiBold.eot');
    src: url('../fonts/Poppins-SemiBold.eot?#iefix') format('embedded-opentype'), url('../fonts/Poppins-SemiBold.woff2') format('woff2'), url('../fonts/Poppins-SemiBold.woff') format('woff'), url('../fonts/Poppins-SemiBold.ttf') format('truetype');
    font-weight: 600;
    font-style: normal;
}
@font-face {
    font-family: 'Poppins';
    src: url('../fonts/Poppins-ExtraLight.eot');
    src: url('../fonts/Poppins-ExtraLight.eot?#iefix') format('embedded-opentype'), url('../fonts/Poppins-ExtraLight.woff2') format('woff2'), url('../fonts/Poppins-ExtraLight.woff') format('woff'), url('../fonts/Poppins-ExtraLight.ttf') format('truetype');
    font-weight: 200;
    font-style: normal;
}
@font-face {
    font-family: 'Poppins';
    src: url('../fonts/Poppins-Regular.eot');
    src: url('../fonts/Poppins-Regular.eot?#iefix') format('embedded-opentype'), url('../fonts/Poppins-Regular.woff2') format('woff2'), url('../fonts/Poppins-Regular.woff') format('woff'), url('../fonts/Poppins-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Poppins';
    src: url('../fonts/Poppins-Light.eot');
    src: url('../fonts/Poppins-Light.eot?#iefix') format('embedded-opentype'), url('../fonts/Poppins-Light.woff2') format('woff2'), url('../fonts/Poppins-Light.woff') format('woff'), url('../fonts/Poppins-Light.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
}
@font-face {
    font-family: 'Poppins';
    src: url('../fonts/Poppins-Medium.eot');
    src: url('../fonts/Poppins-Medium.eot?#iefix') format('embedded-opentype'), url('../fonts/Poppins-Medium.woff2') format('woff2'), url('../fonts/Poppins-Medium.woff') format('woff'), url('../fonts/Poppins-Medium.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
}

 .clear {
     clear: both 
}
 audio, ::selection {
     background:#86be4f;
     color: #fff;
}
 input.enquiry-box::-webkit-input-placeholder {
     color:#666 !important;
     font-size:1em !important;
     opacity:1 !important;
     font-family: 'Poppins', sans-serif;
     text-transform:capitalize;
     font-weight:400;
}
 input.enquiry-box::-moz-placeholder {
     color:#666 !important;
     font-size:1em !important;
     opacity:1 !important;
     font-family: 'Poppins', sans-serif;
     text-transform:capitalize;
     font-weight:400;
}
 input.enquiry-box:-ms-input-placeholder {
     color:#666 !important;
     font-size:1em !important;
     opacity:1 !important;
     font-family: 'Poppins', sans-serif;
     text-transform:capitalize;
     font-weight:400;
}
 input.enquiry-box:-moz-placeholder {
     color:#666 !important;
     font-size:1em !important;
     opacity:1 !important;
     font-family: 'Poppins', sans-serif;
     text-transform:capitalize;
     font-weight:400;
}
 textarea.calback-box1::-webkit-input-placeholder {
     color:#666 !important;
     font-size:1em !important;
     opacity:1 !important;
     font-family: 'Poppins', sans-serif;
     text-transform:capitalize;
     font-weight:400;
}
 textarea.calback-box1::-moz-placeholder {
     color:#666 !important;
     font-size:1em !important;
     opacity:1 !important;
     font-family: 'Poppins', sans-serif;
     text-transform:capitalize;
     font-weight:400;
}
 textarea.calback-box1:-ms-input-placeholder {
     color:#666 !important;
     font-size:1em !important;
     opacity:1 !important;
     font-family: 'Poppins', sans-serif;
     text-transform:capitalize;
     font-weight:400;
}
 textarea.calback-box1:-moz-placeholder {
     color:#666 !important;
     font-size:1em !important;
     opacity:1 !important;
     font-family: 'Poppins', sans-serif;
     text-transform:capitalize;
     font-weight:400;
}
 .img-full{
     width: 100%;
     height:auto;
     display: block 
}
 .img-responsive {
     max-width: 100%;
     height:auto;
}
 .container{
     width:100%;
     padding-left:5%;
     padding-right:5% 
}
.home-caption{
	width:100%;
	height:100%;
	display:flex;
	justify-content:center;
	align-items:center;
}
.home-caption-wrap {
    position: absolute;
    z-index: 1;
    width: 100%;
    white-space: normal;
    overflow: hidden;
    bottom: 0;
    left: 0px;
    top: 0;
    margin: auto;
}
.home-caption img{ max-width:80%;}

 .banner-wraper{
     width:100%;
     height:auto;
     position:relative;
}
.banner-icon{
	width:auto;
	height:auto;
	text-align:left;
	margin-bottom:-18px;
	margin-left:-5px;
}
 .banner-caption-mid{
     font-size:3.375em;
     color:#fff;
     font-family: 'geomanist-extralight';
     text-align:left;
     letter-spacing:-1px;
}
 .caption-top{
     font-size:3.188em;
     font-family: 'geomanist-medium';
     color:#ff6600;
     letter-spacing:-1px;
     text-transform:uppercase;
     line-height:70px;
     text-align:left;
}
 .banner-strip-wraper{
     width:100%;
     height:50px;
     margin-top:0.5em;
     text-align:right;
     background-color: rgba(153,153,153,0.3);
}
 .banner-strip-container{
     width: auto;
     height: auto;
     float:left;
     font-size:1em;
     font-weight:400;
     color:#fff;
     line-height:50px;
     font-family:inherit;
     text-align:center;
}
 .banner-strip-container a{
     font-size:1em;
     font-weight:400;
     color:#666;
     line-height:50px;
     font-family:inherit;
     margin-left:1em;
     padding-left:1em;
     border-left:1px solid #999;
}
 
 .footer-wrap {
     width: 100%;
     height: auto;
}
 .footer-enquiry {
     width: 100%;
     height: auto;
     padding-top: 30px;
	 background-color:#404040;
	 padding-bottom:30px;
}
 .footer-bottom {
     width: 100%;
     height: auto;
}
 .copy-right {
     width: auto;
     height: auto;
     line-height:50px;
     padding-right:2em;
     float: left;
     font-family: inherit;
     font-size:0.875em;
     font-weight:300;
     color:rgba(255,255,255,0.4);
}

 .designed {
     width: auto;
     height: auto;
     float: right;
}
 
 .footer-middle {
     width: 100%;
     height: auto;
    background-color:#202020;
    
}
 .footer-quick {
     width: 100%;
     height: auto;
     border-bottom: 1px solid #2f2f2f;
     padding-top:55px;
     padding-bottom:55px;
}
 .footer-quick-links {
     width:20%;
     height: auto;
     float: left;
	 padding-right:3%
}
 .footer-quick-service {
     width:40%;
     height: auto;
     float: left;
	 padding-right:3%
}
 .footer-quick-service ul{
	 width:50%;
	 float:left;
	}

.footer-title{
	width:100%;
	height:auto;
	text-align:left;
	font-size:1.563em;
	color:rgba(255,255,255,0.7);
	font-family: 'geomanist-book';
}
 .footer-ido {
     width: auto;
     height: auto;
     float: left;
     line-height:50px;
     padding-left:0.5em 
}
 .footer-quick-links ul {
     margin: 0px;
     padding: 0px;
     list-style-type: none;
}
 .footer-quick-links ul li {
     font-family: inherit;
     font-size:0.875em;
     font-weight:300;
     line-height:30px;
     color:rgba(255,255,255,0.4);
	 margin-top:5px;
}
 .footer-quick-links ul li a {
     text-decoration: none;
      color:rgba(255,255,255,0.4);
	  background:url(../images/footer-links.png) no-repeat left center;
	  padding-left:20px;
}
 .footer-quick-links ul li a:hover {
     text-decoration: none;
     color:rgba(255,255,255,1);
	  background:url(../images/footer-links-hover.png) no-repeat left center;
	  padding-left:20px;
}
.footer-social-links {
     width:100%;
     height: auto;
}
 .footer-social-links ul{
     padding: 0px;
     margin: 0px;
	 list-style-type:none;
}
 .footer-social-links ul li{
	  font-family:inherit;
	  font-size:0.875em;
	  color:rgba(255,255,255,0.4);
}
 .footer-social-links ul li a {
     font-size:1em;
     height: 30px;
     width: auto;
     display: block;
     text-align:left;
     line-height:30px;
     color:rgba(255,255,255,0.4);
     background-color:transparent ;
	 background:none !important;
	 font-family:inherit;
	 padding-left:0px;
}
 .footer-social-links ul li a:hover {
     color:rgba(255,255,255,1);
     background-color:transparent ;
	 background:none !important;
	 padding-left:0px;
}

.designed p {
     width: auto;
     height: auto;
     float:left;
     font-family: inherit;
     font-size:0.875em;
	 font-weight: 300;
     line-height:50px;
	 color:rgba(255,255,255,0.4);
	 
}
 .designed p a {
     text-decoration: none;
     font-weight:300;
	 font-size:1em;
	  color:rgba(255,255,255,0.4);
}
 .designed p a:hover {
     text-decoration: none;
     color: #fff;
}
.footer-enquiry-wrap{
	width:100%;
	height:auto;
}
.footer-enquiry-container{
	width:100%;
	height:auto;
	margin-top:10px;
}
.footer-enquiry-box{
	width:100%;
	height:35px;
	line-height:35px;
	background-color:transparent;
	border:1px solid #636363;
	font-family:inherit;
	font-size:0.875em;
	font-weight: 300;
	color:rgba(255,255,255,0.4);
	padding-left:5%;
	padding-right:5%
}

.buttonfx {
 color:#fff;
 outline:none;
 background:transparent;
 border:none;
 padding:0px 20px;
 text-transform:uppercase;
 line-height:30px;
 position:relative;
 display:inline-block;
 cursor:pointer;
 text-decoration:none;
 overflow:hidden;
 transition:all .5s;
 z-index:1;
 font-family:'geomanist-book';
 font-size:1em;
 font-weight:normal;
 float:right;
}
.buttonfx:before,
.buttonfx:after {
 content:'';
 position:absolute;
 left:0;
 top:0;
 right:0;
 bottom:0;
 height:100%;
 background:#fcb040;
 z-index:-1;
 transform:translate3D(0,-100%,0);
 transition:all .5s;
}
.buttonfx:before {
 background:#636363;
 z-index:-2;
 transform:translate3D(0,0,0);
}
.buttonfx:hover {
 color:white;
}
.buttonfx:hover:after {
 transform:translate3D(0,0,0);
 transition:all .5s;
}
.welcome-wraper{
	width:100%;
	height: auto;
	background: #fff;
	background-size:100% auto;
	padding-top:1em;
	padding-bottom:5em;
}
.container-wrap{
	width:100%;
	height:auto;
	padding-top:4em;
}
.main-title{
	width:100%;
	height:auto;
	text-align:left;
	font-size:2.813em;
	color:#747474;
	 font-family: 'geomanist-extralight';
	 letter-spacing:-2px
}
.main-title span{
	color:#fcb040;
	text-transform:uppercase;
	font-size:1em;
	font-family:'geomanist-bold';
}
.subtitle{
	font-size:1.250em;
	font-family: 'geomanist-light';
	color:#555555;
	margin-top:-5px;
	margin-bottom:10px;
}
.container-wrap p{
	width:100%;
	height:auto;
	text-align:justify;
	color:#666;
	font-family:inherit;
	font-size:1em;
	line-height:28px;
}
.home-service-container{
	width:50%;
	height:auto;
	float:left;
}
.view-all-service{
	width:100%;
	height:auto;
	padding-top:3em;
}

.service-view {
 color:#fff;
 outline:none;
 background:transparent;
 border:none;
 padding:0px 20px;
 line-height:44px;
 position:relative;
 display:inline-block;
 cursor:pointer;
 text-decoration:none;
 overflow:hidden;
 transition:all .5s;
 z-index:1;
 font-family:'geomanist-book';
 font-size:1.250em;
 font-weight:normal;
 float:left;
}
.service-view:before,
.service-view:after {
 content:'';
 position:absolute;
 left:0;
 top:0;
 right:0;
 bottom:0;
 height:100%;
 background:#fcb040;
 z-index:-1;
 transform:translate3D(0,-100%,0);
 transition:all .5s;
}
.service-view:before {
 background:#f1592a;
 z-index:-2;
 transform:translate3D(0,0,0);
}
.service-view:hover {
 color:white;
}
.service-view:hover:after {
 transform:translate3D(0,0,0);
 transition:all .5s;
}
.home-services{
	width:25%;
	height:auto;
	float:left;
	margin-bottom:2em;
	margin-top:1em;
}
.home-services-icon{
	width:100%;
	height:75px;
	text-align:center;
	display:flex;
	justify-content:center;
	align-items:center;
}
.home-service-name{
	width:100%;
	height:auto;
	text-align:center;
	font-family:inherit;
	font-size:1em;
	color:#666;
	font-weight:400;
	text-transform:uppercase;
}
.title-centre{
	width:100%;
	height:auto;
	text-align:center !important;
}
.why-wrap{
	width:100%;
	height:auto;
	padding-top:2.5em;
}
.why-for{
	width:37.5%;
	height:auto;
	float:left;
}
.why-for-pics{
	width:25%;
	height:auto;
	float:left;
	display:flex;
	justify-content:center;
	align-items:center;
}
.why-for-contents{
	width:100%;
	height:auto;
	margin-bottom:2em;
	margin-top:1em;
}
.why-for-contents p{
	width:100%;
	height:auto;
	text-align:justify;
	color:#666;
	font-family:inherit;
	font-size:1em;
	line-height:28px;
}
.why-title{
	width:100%;
	height:auto;
	text-align:left;
	color:#666;
	font-family:inherit;
	font-size:1.563em;
	line-height:26px;
	text-transform:uppercase;
}


.box-group{
     text-align: center;
     overflow: hidden;
     position: relative;
}
 .box-group img{
     width: 100%;
     height: 100%;
     transform: scale3d(1, 1, 1);
     transition: all 0.3s ease 0s;
     display:block;
}
 .box-group:hover img{
     transform: scale3d(1.15, 1.15, 1);
}
 .box-group .box-content{
     width: 100%;
     height: 100%;
     background-color: rgba(0,0,0,0.6);
     padding-top: 35%;
     color: #fff;
     position: absolute;
     top: 0;
     left: 0;
     opacity: 0;
     z-index: 2;
     transition: all 0.3s ease 0s;
}
 .box-group:hover .box-content{
     opacity: 1;
}
 .box-group .box-content:before, .box-group .box-content:after{
     content: "";
     position: absolute;
     top: 15px;
     left: 15px;
     bottom: 15px;
     right: 15px;
     border: 1px solid rgba(255, 255, 255, 0.7);
     opacity: 0;
     z-index: -1;
     transform: scale(1.5);
     transition: all 0.6s ease 0.2s;
}
 .box-group .box-content:before{
     border-top: none;
     border-bottom: none;
     left: 30px;
     right: 30px;
}
 .box-group .box-content:after{
     border-left: none;
     border-right: none;
     top: 30px;
     bottom: 30px;
}
 .box-group:hover .box-content:before, .box-group:hover .box-content:after{
     opacity: 1;
     transform: scale(1);
}
 .box-group .content-inner{
     opacity: 0;
     transform: scale(0);
     transition: all 0.3s ease 0s;
}
 .box-group:hover .content-inner{
     opacity: 1;
     transform: scale(1);
}
 .box-group .title{
     font-size: 22px;
     font-weight: 700;
     color: #00fff2;
     letter-spacing: 1px;
     text-transform: uppercase;
     margin: 0 0 10px;
}
 .box-group .post{
     display: block;
     font-size: 15px;
     font-weight: 600;
     font-style: italic;
     margin-bottom: 15px;
}
 
 .home-products{
     width:100%;
     height:auto;
     float:left;
}
 .home-products:nth-child(4n+4){
     margin-right:0%;
}
 .box-group-icon {
     position: absolute;
     bottom: 20px;
     left: 0px;
     color: rgba(255,255,255,1) !important;
     font-size: 1.25em;
     font-family: 'geomanist-book';
     text-transform: uppercase;
     width:100%;
     text-align:center;
	 z-index:2;
}
 a:hover .box-group-icon{
     display:none !important;
}
 .group-link{
     position: absolute;
     top: 0;
     bottom: 0;
     margin: auto;
     height: 60px;
     left: 0;
     right: 0;
}
.box-group .icon{
    list-style: none;
    padding: 0;
    position: absolute;
    top:0;
    left:0;
    text-align: center;
    opacity: 0;
    transition: all 0.5s ease 0s;
	bottom:0;
	right:0;
	margin:auto;
}
.box-group:hover .icon{
    left: 0px;
    opacity: 1;
    transition-delay: 0.3s;
}
.box-group .icon li{ display: inline-block; }
a .box-group .icon li {
    width:40px;
    height:40px;
    line-height:40px;
    background:#fcb040;
    font-size:18px;
    color: #fff;
    transition: all 0.5s ease 0s;
	 position: absolute;
    top:0;
    left:0;
	bottom:0;
	right:0;
	margin:auto;
	border-radius:50%;
	
}
.top-wraper{
	width:100%;
	height:auto;
	position:absolute;
	top:0;
	left:0;
	z-index:9
}
.logo-container{
	width:13%;
	height:auto;
	float:left;
	padding-top:0.5em;
}
.logo-container-home {
    width: 13%;
    height: auto;
    float: left;
    padding-top: 0.5em;
}

/*************************************** S ABOUT US ***************************************/
.top-container{
	 width:100%;
     padding-left:5%;
     padding-right:5% 
}
.inner-caption{
	width:100%;
	text-align:center;
	margin-bottom:-10em;
}

.inner-banner-wrap{
     width:100%;
     height:auto;
     position:relative;
}
 .inner-banner{
     width:100%;
     height:auto;
     position:relative;
}
 .innerbanner{
     width:100%;
     height:auto;
}
 .inner-banner-caption {
     float: right;
     width: 65%;
     font-size:12px;
}
 .inner-caption-wrap{
     width:100%;
     height: auto;
     text-align:right;
     position:absolute;
     bottom:20%;
     margin:auto;
     right:0;
}
.banner-caption-top{
	width:auto;
	height:auto;
	font-family: 'geomanist-light';
	text-align:left;
	color:#fff;
	font-size:2.813em;
	letter-spacing:-1px;
	line-height:26px;
}
.caption-main{
	width:auto;
	height:auto;
	font-family:'geomanist-bold';
	text-align:left;
	color:#fff;
	font-size:3.750em;
	text-transform:uppercase;
	letter-spacing:-2px
}
.menu-container {
    width: auto;
    height: auto;
    float: right;
    padding-top: 2em;
}
.bredcum-wraper{
     width:100%;
     height:auto;
     padding-top:2em;
	 position:relative;
}
.bred-wrap{
	width:100%;
	height:auto;
	position:absolute;
	left:0;
	bottom:0;
	z-index:999;
}

 .bred-home{
     width:auto;
     height:auto;
     float:left;
     font-family: inherit;
     font-size:1em;
     font-weight:300;
     color:#666;
     line-height:30px;
     text-transform: capitalize;
}
 .bred-home a{
     width:auto;
     height:auto;
     float:left;
     font-family: inherit;
     font-size:1em;
     font-weight:300;
     color:#666;
     line-height:30px;
}
 .bred-home a:hover{
     width:auto;
     height:auto;
     float:left;
     font-family: inherit;
     font-size:1em;
     font-weight:400;
     color:#333;
     line-height:30px;
}
 .bred-arrow{
     width:auto;
     height:auto;
     float:left;
     font-family: inherit;
     font-size:1em;
     font-weight:300;
     color:#666;
     line-height:30px;
     padding-left:6px;
     padding-right:6px;
}
 .bred-next{
     width:auto;
     height:auto;
     float:left;
     font-family: inherit;
     font-size:1em;
     font-weight:400;
     color:#333;
     line-height:30px;
     text-transform: capitalize 
}
.about-karyasthan{
	width:50%;
	height:auto;
	margin-bottom:3em;
	float:left;
	padding:1em 2em;
}
.about-icon{
	width:100%;
	height:auto;
	text-align:center;
	margin-bottom:0.5em;
}
.about-karyasthan-title{
	width:100%;
	text-align:center;
	font-size:1.563em;
	color:#555555;
	font-family: 'geomanist-book';
}
.about-karyasthan p{
	width: 100%;
	height: auto;
	text-align: center;
	color:#666;
	font-family: inherit;
	font-size: 1em;
	line-height: 28px;
	min-height:84px;
}
.inner-container-wrap{ width:100%; height:auto}
.inner-container-wrap p{text-align: center;
	color:#666;
	font-family: inherit;
	font-size: 1em;
	line-height: 28px;}

 
/*************************************** E ABOUT US ***************************************/

/*************************************** S SERVICES ***************************************/
.services-wraper{
	width:100%;
	height:auto;
}
.service-container{
	width:47.5%;
	height:auto;
	float:left;
	margin-right:5%;
	margin-bottom:2.5em;
	margin-top:1.5em;
}
.service-title{
	width:100%;
	text-align:left;
	font-size:1.563em;
	color:#555555;
	font-family: 'geomanist-book';
	text-transform:uppercase;
}
.service-container p{
	width: 100%;
	height: auto;
	text-align: justify;
	color:#666;
	font-family: inherit;
	font-size: 1em;
	line-height: 28px;
}
.service-container:nth-child(2n+2){ margin-right:0%;}
.service-pics{
	width:100%;
	height:auto;
	margin-bottom:1em;
}

/*************************************** E SERVICES ***************************************/

/*************************************** S PRODUCTS ***************************************/
.product-container{
	width:100%;
	height:auto;
	margin-bottom:4em;
	margin-top:1em;
}
.product-pics{
	width:35%;
	height:auto;
	float:left
}
.product-details{
	width:65%;
	height:auto;
	float:left;
}
.product-details p{
	width: 100%;
	height: auto;
	text-align: justify;
	color:#666;
	font-family: inherit;
	font-size: 1em;
	line-height: 28px;
}
.product-left{
	padding-left:3%;
}
.product-right{
	padding-right:3%;
}


/*************************************** E PRODUCTS ***************************************/

/*************************************** S CONTACT US ***************************************/
.contact-enquiry-wrap{
	width:50%;
	height:auto;
	float:left;
	padding-right:3%;
}
.contact-enquiry-wrap p{
	width: 100%;
	height: auto;
	text-align: justify;
	color:#666;
	font-family: inherit;
	font-size: 1em;
	line-height: 28px;
}
.contact-location{
	width:50%;
	height:auto;
	float:left;
}
.map {
    -webkit-filter: grayscale(100%);
       -moz-filter: grayscale(100%);
        -ms-filter: grayscale(100%);
         -o-filter: grayscale(100%);
            filter: grayscale(100%);
}
.contact-call{
	width:auto;
	height:auto;
	float:left;
	font-size:1.563em;
	color:#555;
	margin-top:1.25em;
	margin-bottom:1em;
}
.contact-call a{
	font-size:1em;
	color:#555;
}
.contact-call a:hover{
	font-size:1em;
	color:#f1592a;
}
.contact-enquiry{
	width:70%;
	height:auto;
	float:left;
}

.enquiry-box {
    width: 100%;
    height:50px;
    line-height:50px;
    background-color:transparent;
	border: 1px solid rgba(0,0,0,0.5);
	font-family: inherit;
	font-size:1em;
	font-weight:400;
	color:#666;
    padding-left: 5%;
    padding-right: 5%;
}
.more-about{
	padding: 5px 30px;
	float:left;
}
.contact-enquiry p{
	width: 100%;
	height: auto;
	text-align:left;
	color:#666;
	font-family: inherit;
	font-size: 1em;
	line-height: 26px;
	margin-top:1em;
	margin-bottom:1em;
}
.contact-for{
	width:100%;
	height:auto;
	margin-top:5em;
}
.contact-details{
	width:33%;
	height:auto;
	float:left;
	display:flex;
}
.contact-icon{
	width:auto;
	height:auto;
	float:left;
	margin-right:3%;
}
.contact-details p{
	width: auto;
	height: auto;
	text-align:left;
	color:#666;
	font-family: inherit;
	font-size: 1em;
	line-height: 26px;
	float:left
}
.contact-details p span{
	color:#666;
	font-family: inherit;
	font-size:1.563em;
}


/*************************************** E CONTACT US ***************************************/

.inner-container-wrap {
    width: 100%;
    height: auto;
    padding-top:2em;
}
.dt-view{ display:block;}
.mob-view{ display:none}

.dt-service{ display:block;}
.mob-service{ display:none}

.real-estate-content{
	width:60%;
	height:auto;
	margin:0 auto;
}
.real-estate-enquiry {
    width: 49%;
    height: auto;
    margin-top:2%;
	margin-right:2%;
	float:left;
	
}
.real-estate-enquiry:nth-child(2n+2){ margin-right:0%;}



 @media (min-width: 1023px) and (max-width: 1279px) {
     body {
        font-size:14px;
    }
     .container{
         width:100%;
         padding-left:2%;
         padding-right:2% 
    }
	.home-caption img{ max-width:60%;}
		.inner-caption {margin-bottom: -9em;}
	.inner-caption img{ max-width:95%;}

     
}
 @media (min-width: 1280px) and (max-width: 1359px) {
     body {
        font-size:14px;
    }
     .container{
         width:100%;
         padding-left:2%;
         padding-right:2% 
    }
	.home-caption img{ max-width:60%;}
		.inner-caption {margin-bottom: -9em;}
	.inner-caption img{ max-width:95%;}

	
}
 @media (min-width: 1360px) and (max-width: 1399px) {
	 
     body {
        font-size:15px;
    }
     .container{
         width:100%;
         padding-left:3%;
         padding-right:3% 
    }
	.home-caption img{ max-width:65%;}
	.inner-caption {margin-bottom: -9em;}
	.inner-caption img{ max-width:100%;}
    
    
}
 @media (min-width: 1400px) and (max-width: 1441px) {
     .container{
         width:100%;
         padding-left:5%;
         padding-right:5% 
    }
}
 @media (min-width: 1441px) and (max-width: 1599px) {
     .container{
         width:100%;
         padding-left:5%;
         padding-right:5% 
    }
}
 @media (min-width:1600px){
     .container{
         width:100%;
         padding-left:5%;
         padding-right:5% 
    }
}

.main-title br{ display:none}
.select {
     position: relative;
     display: inline-block;
     width: 100%;
}
 .select select {
     display: inline-block;
     width: 100%;
     cursor: pointer;
     padding: 0px 15px;
     outline: 0;
     border-radius: 0;
     color: #666;
     appearance: none;
     -webkit-appearance: none;
     -moz-appearance: none;
     font-size:1em;
     font-family:inherit;
	 line-height:40px;
	 background-color:transparent
}
 .select select::-ms-expand {
     display: none;
}
 .select select:hover, .select select:focus {
     color: #000;
     background: #fff;
}
 .select select:disabled {
     opacity: 0.5;
     pointer-events: none;
}
 .select__arrow {
     position: absolute;
     top: 16px;
     right: 15px;
     width: 0;
     height: 0;
     pointer-events: none;
     border-style: solid;
     border-width: 8px 5px 0 5px;
     border-color: #7b7b7b transparent transparent transparent;
}
 .select select:hover ~ .select__arrow, .select select:focus ~ .select__arrow {
     border-top-color: #000;
}
 .select select:disabled ~ .select__arrow {
     border-top-color: #ccc;
}

.enquiry-box p {
    line-height: 16px;
    font-size: 12px;
    font-family: 'geomanistregular';
    font-weight: normal;
    font-style: normal;
    color: 
    #666;
    padding-bottom: 15px;
    margin-top: -5px;
}
.mob-for{ display:none}

 @media (max-width:460px) {
     body {font-size:14px; }
     .container{ width:100%;padding-left:3%; padding-right:3%  }
	 .footer-quick-links{ width:35%; padding-right:0%; margin-bottom:2em;}
	 .footer-quick-service{ width:65%;}
	 .footer-enquiry-for{width:65%;}
	 .about-karyasthan{ width:100%;}
	 .home-service-container{ width:100%;}
	 .why-for{ width:100%;}
	 .menu .menu-wrap{ width:100% !important;}
	 .service-container{ width:100%; margin-right:0%; margin-bottom:3em;}
	 .product-details{ width:100%;}
	 .contact-enquiry-wrap{ width:100%; padding-right:0%; margin-bottom:2em;}
	 .contact-location{ width:100%;}
	 .contact-details{ width:100%; margin-bottom:2em;}
	 .copy-right{ width:100%; text-align:center; padding-right:0px; line-height:30px; padding-top:0.5em;}
	 .designed{ width:225px; float:none; margin:0 auto; padding-bottom:0.5em;}
	 .home-services{ width:33%;}
	 .dt-view{ display: none;}
	.mob-view{ display: block}
	.dt-service{ display:none;}
	.mob-service{ display:block}

	.logo-container-home{ width:30%;}
	.logo-container{ width:30%; padding-left:2%;}
	.menu-icon .fa-bars {top: 1rem !important; left:6.5rem !important;}
	.menu-icon .fa-bars {font-size: 2rem !important;}
	.designed p{ line-height:30px;}
	.footer-ido{ line-height:30px;}
	.why-for-contents p{ text-align:left;}
	.footer-quick{ padding-top:30px; padding-bottom:30px;}
	.footer-title{ font-size:1.25em;}
	.why-title{ font-size:1.25em;}
	.main-title{ font-size:2em; letter-spacing:-1px;}
	.subtitle {margin-top: 0px;line-height: 28px;}
	.main-title br{ display: block}
	.container-wrap{ padding-top:2em;}
	.menu .menu-overlay .menu-item{ padding-right:3rem !important;}
	.menu-icon{ height:auto !important;}
	.product-left{ padding-left:0%;}
	.product-pics{ width:100%; margin-bottom:0.5em;}
	.inner-container-wrap{ padding-top:1em;}
	.menu-container { width: 100%; height: auto;float: none;padding-top:0em;}
	.nav a{ width:100%; float:left; margin: 0px 0px !important; background-color: #f1592a; margin-bottom:1px !important;padding-left:2%; padding-right:2%; line-height:40px;}
	.top-container-inner{ padding-left:0%; padding-right:0%;}
	.contact-enquiry{ width:100%;}
	.nav{ background-color:#fff !important}
	.contact-enquiry-wrap p{ text-align:left}
	.product-details p{ text-align:left}
	.real-estate-content{width:90%;}
	.real-estate-enquiry { width: 100%;margin-right:0%;}
	.mob-for{ display:block}


    
}
 @media (min-width:461px) and (max-width:560px){
	 body {font-size:15px; }
     .container{ width:100%;padding-left:3%; padding-right:3%  }
	  .footer-quick-links{ width:35%; padding-right:0%; margin-bottom:2em;}
	 .footer-quick-service{ width:65%;}
	 .footer-enquiry-for{width:65%;}
	 .about-karyasthan{ width:100%;}
	 .home-service-container{ width:100%;}
	 .why-for{ width:100%;}
	 .menu .menu-wrap{ width:100% !important;}
	 .service-container{ width:100%; margin-right:0%; margin-bottom:3em;}
	 .product-details{ width:100%;}
	 .contact-enquiry-wrap{ width:100%; padding-right:0%; margin-bottom:2em;}
	 .contact-location{ width:100%;}
	 .contact-details{ width:100%; margin-bottom:2em;}
	 .home-services{ width:33%;}
	 .dt-view{ display: none;}
	.mob-view{ display: block}
	.dt-service{ display:none;}
	.mob-service{ display:block}
	.logo-container-home{ width:30%;}
	.logo-container{ width:30%; padding-left:2%;}
	.menu-icon .fa-bars {top: 1rem !important; left:6.5rem !important;}
	.menu-icon .fa-bars {font-size: 2rem !important;}
	.why-for-contents p{ text-align:left;}
	.footer-quick{ padding-top:30px; padding-bottom:30px;}
	.footer-title{ font-size:1.25em;}
	.why-title{ font-size:1.25em;}
	.main-title{ font-size:2em; letter-spacing:-1px;}
	.subtitle {margin-top: 0px;line-height: 28px;}
	.main-title br{ display: none}
	.container-wrap{ padding-top:2em;}
	.menu .menu-overlay .menu-item{ padding-right:3rem !important;}
	.menu-icon{ height:auto !important;}
	.product-left{ padding-left:0%;}
	.product-pics{ width:100%; margin-bottom:0.5em;}
	.inner-container-wrap{ padding-top:1em;}
	.menu-container { width: 100%; height: auto;float: none;padding-top:0em; }
	.nav a{ width:100%; float:left; margin: 0px 0px !important; background-color: #f1592a; margin-bottom:1px !important;padding-left:2%; padding-right:2%; line-height:40px;}
	.top-container-inner{ padding-left:0%; padding-right:0%;}
	.contact-enquiry{ width:100%;}
	.nav{ background-color:#fff !important}
	.contact-enquiry-wrap p{ text-align:left}
	.product-details p{ text-align:left}
	.real-estate-content{width:80%;}
	.real-estate-enquiry { width: 100%;margin-right:0%;}
	.mob-for{ display:block}
}
 @media (min-width:561px) and (max-width:680px){
	 body {font-size:15px; }
     .container{ width:100%;padding-left:3%; padding-right:3%  }
	 .footer-quick-links{ width:35%; padding-right:0%; margin-bottom:2em;}
	 .footer-quick-service{ width:65%;}
	 .footer-enquiry-for{width:65%;}
	 .about-karyasthan{ width:100%;}
	 .home-service-container{ width:100%;}
	 .why-for{ width:100%;}
	 .menu .menu-wrap{ width:100% !important;}
	 .service-container{ width:100%; margin-right:0%; margin-bottom:3em;}
	 .product-details{ width:100%;}
	 .contact-enquiry-wrap{ width:100%; padding-right:0%; margin-bottom:2em;}
	 .contact-location{ width:100%;}
	 .contact-details{ width:100%; margin-bottom:2em;}
	 .home-services{ width:33%;}
	 .dt-view{ display: none;}
	.mob-view{ display: block}
	.dt-service{ display:none;}
	.mob-service{ display:block}
	.logo-container-home{ width:30%;}
	.logo-container{ width:30%; padding-left:2%;}
	.menu-icon .fa-bars {top: 1rem !important; left:6.5rem !important;}
	.menu-icon .fa-bars {font-size: 2rem !important;}
	.why-for-contents p{ text-align:left;}
	.footer-quick{ padding-top:30px; padding-bottom:30px;}
	.footer-title{ font-size:1.25em;}
	.why-title{ font-size:1.25em;}
	.main-title{ font-size:2em; letter-spacing:-1px;}
	.subtitle {margin-top: 0px;line-height: 28px;}
	.main-title br{ display: none}
	.container-wrap{ padding-top:2em;}
	.menu .menu-overlay .menu-item{ padding-right:3rem !important;}
	.menu-icon{ height:auto !important;}
	.product-left{ padding-left:0%;}
	.product-pics{ width:100%; margin-bottom:0.5em;}
	.inner-container-wrap{ padding-top:1em;}
	.menu-container { width: 100%; height: auto;float: none;padding-top:0em; }
	.nav a{ width:100%; float:left; margin: 0px 0px !important; background-color: #f1592a; margin-bottom:1px !important;padding-left:2%; padding-right:2%; line-height:40px;}
	.top-container-inner{ padding-left:0%; padding-right:0%;}
	.contact-enquiry{ width:100%;}
	.nav{ background-color:#fff !important}
	.contact-enquiry-wrap p{ text-align:left}
	.product-details p{ text-align:left}
	.real-estate-content{width:100%;}
	.mob-for{ display:block}
}
 @media (min-width:681px) and (max-width: 768px){
	 body {font-size:15px; }
     .container{ width:100%;padding-left:3%; padding-right:3%  }
	 
	 .footer-quick-links{ width:35%; padding-right:0%; margin-bottom:2em;}
	 .footer-quick-service{ width:65%;}
	 .footer-enquiry-for{width:65%;}
	 .about-karyasthan p{ min-height:152px;}
	 .home-service-container{ width:100%;}
	 .why-for{ width:100%;}
	 .menu .menu-wrap{ width:100% !important;}
	 .contact-enquiry-wrap{ width:100%; padding-right:0%; margin-bottom:2em;}
	 .contact-location{ width:100%;}
	 .contact-details{ width:100%; margin-bottom:2em;}
	 .dt-view{ display: none;}
	.mob-view{ display: block}
	.dt-service{ display:block;}
	.mob-service{ display:none}
	.logo-container-home{ width:30%;}
	.logo-container{ width:30%; padding-left:2%;}
	.menu-icon .fa-bars {top: 1rem !important; left:6.5rem !important;}
	.menu-icon .fa-bars {font-size: 2rem !important;}
	.why-for-contents p{ text-align:left;}
	.footer-quick{ padding-top:30px; padding-bottom:30px;}
	.footer-title{ font-size:1.25em;}
	.why-title{ font-size:1.25em;}
	.main-title{ font-size:2em; letter-spacing:-1px;}
	.subtitle {margin-top: 0px;line-height: 28px;}
	.main-title br{ display: none}
	.container-wrap{ padding-top:2em;}
	.menu .menu-overlay .menu-item{ padding-right:3rem !important;}
	.menu-icon{ height:auto !important;}
	.inner-container-wrap{ padding-top:1em;}
	.menu-container { width: 100%; height: auto;float: none;padding-top:0em; }
	.nav a{ width:100%; float:left; margin: 0px 0px !important; background-color: #f1592a; margin-bottom:1px !important;padding-left:2%; padding-right:2%; line-height:40px;}
	.top-container-inner{ padding-left:0%; padding-right:0%;}
	.contact-enquiry{ width:100%;}
	.nav{ background-color:#fff !important}
	.contact-enquiry-wrap p{ text-align:left}
	.product-details p{ text-align:left}
	.real-estate-content{width:100%;}
	.mob-for{ display: none}
}
 @media (min-width:769px) and (max-width:991px){
	 body {font-size:15px; }
     .container{ width:100%;padding-left:3%; padding-right:3%  }
	 .footer-quick-links{ width:35%; padding-right:0%; margin-bottom:2em;}
	 .footer-quick-service{ width:65%;}
	 .footer-enquiry-for{width:65%;}
	 .about-karyasthan p{ min-height:152px;}
	 .home-service-container{ width:100%;}
	 .why-for{ width:100%;}
	 .menu .menu-wrap{ width:100% !important;}
	 .contact-enquiry-wrap{ width:100%; padding-right:0%; margin-bottom:2em;}
	 .contact-location{ width:100%;}
	 .contact-details{ width:100%; margin-bottom:2em;}
	 .dt-view{ display: none;}
	.mob-view{ display: block}
	.dt-service{ display:block;}
	.mob-service{ display:none}
	.logo-container-home{ width:30%;}
	.logo-container{ width:30%; padding-left:2%;}
	.menu-icon .fa-bars {top: 1rem !important; left:6.5rem !important;}
	.menu-icon .fa-bars {font-size: 2rem !important;}
	.why-for-contents p{ text-align:left;}
	.footer-quick{ padding-top:30px; padding-bottom:30px;}
	.footer-title{ font-size:1.25em;}
	.why-title{ font-size:1.25em;}
	.main-title{ font-size:2em; letter-spacing:-1px;}
	.subtitle {margin-top: 0px;line-height: 28px;}
	.main-title br{ display: none}
	.container-wrap{ padding-top:2em;}
	.menu .menu-overlay .menu-item{ padding-right:3rem !important;}
	.menu-icon{ height:auto !important;}
	.inner-container-wrap{ padding-top:1em;}
	.menu-container { width: 100%; height: auto;float: none;padding-top:0em; }
	.nav a{ width:100%; float:left; margin: 0px 0px !important; background-color: #f1592a; margin-bottom:1px !important;padding-left:2%; padding-right:2%; line-height:40px;}
	.top-container-inner{ padding-left:0%; padding-right:0%;}
	.contact-enquiry{ width:100%;}
	.nav{ background-color:#fff !important}
	.contact-enquiry-wrap p{ text-align:left}
	.product-details p{ text-align:left}
	.real-estate-content{width:100%;}
	.mob-for{ display: none}
    
}
 @media (min-width:992px) and (max-width:1199px){
	 .nav a{ margin:0px 15px !important}
	 a .download-container p{ width:50%;}
	 .real-estate-content{width:65%;}
}