@charset "utf-8";
* {
    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:#333;
}
.connect span {
  font-size: 1em;
  font-family: 'geomanist-book';
  font-weight: normal;
  color: #1a7ec1;
  display: flex;
  align-items: center;
  margin-left: 10px;
}



.clearfix{clear:both;}
.centerflipcards p{
      font-family:"Open Sans";
      font-size:13px;
      margin-top:10px;
      font-weight:700;
}

.c1 {
    background-color:#fff !important;
    color:#333 !important;
}
.fa-rotate-90 {
    -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=1)";
    transform: rotate(90deg);
}
@font-face {
    font-family: 'Edwardian Script ITC';
    src: url('../fonts/EdwardianScriptITC.eot');
    src: url('../fonts/EdwardianScriptITC.eot?#iefix') format('embedded-opentype'),
        url('../fonts/EdwardianScriptITC.woff2') format('woff2'),
        url('../fonts/EdwardianScriptITC.woff') format('woff'),
        url('../fonts/EdwardianScriptITC.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    /*font-display: swap;*/
}
/*	@font-face {
    font-family: 'Monotype Corsiva';
    src: url('../fonts/MonotypeCorsiva.eot');
    src: url('../fonts/MonotypeCorsiva.eot?#iefix') format('embedded-opentype'),
        url('../fonts/MonotypeCorsiva.woff') format('woff'),
        url('../fonts/MonotypeCorsiva.ttf') format('truetype');
    font-weight: normal;
    font-style: italic;
    font-display: swap;
}
*/



@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-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-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-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: '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-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-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:#197bb0;
    color: #fff;
}

.wrapper{ background-color:#fff;}
.effect-shine:hover {
    -webkit-mask-image: linear-gradient(-75deg, rgba(0,0,0,0.8) 30%, #000 50%, rgba(0,0,0,.6) 70%);
    -webkit-mask-size: 200%;
    -webkit-animation: shine 2s infinite;
    animation: shine 2s infinite;
}
.grecaptcha-badge{
    display:none !important;
}



.banner-content{
	position:absolute;
	width:100%;
	height:auto;
	top:0;
	bottom:0;
	left:0;
	margin:auto;
	display:flex;
	align-items: flex-end;
	justify-content: flex-start;
	padding-bottom:10em;
}




.whats-app{
    position:fixed;
    bottom:10vh;
    right:0px;
    margin-right:45px;
    width:30px;
    z-index:120000;
	
}
.whats-app img {
    animation-name: floating;
    animation-duration: 3s;
    animation-iteration-count: infinite;
    animation-timing-function: ease-in-out;
    margin-left: 30px;
    margin-top: 5px;
    opacity:1;
    max-width:40px;
	
}
.whats-app:hover img {
    opacity:1 
}
@keyframes floating {
    from {
        transform: translate(0, 0px);
    }
    65% {
        transform: translate(0, 15px);
    }
    to {
        transform: translate(0, -0px);
    }
}

.img-full{
    width: 100%;
    height:auto;
    display: block 
}
.img-responsive {
    max-width: 100%;
    height:auto;
}
.container{
    width:100%;
    padding-left:5%;
    padding-right:5% 
}
.logo1{
    display:none 
}
.banner-wraper{
    width:100%;
    height:auto;
    position:relative;
    z-index:1;
}

.swiper-slide-caption {
    position: absolute;
    z-index: 1;
    display: inline-block;
    width: 100%;
    max-height: 100%;
    white-space: normal;
    overflow: hidden;
    bottom: 30%;
    left: 0px;
}




.caption{
	color:#fff;
	font-size:8em;
	font-family: 'Edwardian Script ITC';
	font-weight:normal;
	text-align:left;
	line-height:1;
}
.banner-caption-mid{
font-size: 3em;
color: #fff;
font-family: 'geomanist-light';
font-weight: normal;
line-height: 1.1;
letter-spacing: -1px;
display: inline-block;
text-align: left;
width: 100%;
padding-left:1em;
}


.home-caption{ width:100%; }


.top-wraper{
    width:100%;
    height: auto;
}
.top-container{
    width:100%;
    padding-left:5%;
    padding-right:5%;
}
.tophead{
    width:100%;
    height:40px;
    position:relative;
	padding-top:1em;
}
.top-header{
    width:100%;
    height:auto;
    position:relative;
    z-index:99 
}
.top-contact{
    width: auto;
    height:40px;
    float:right;
    clear: both;
    padding-top:10px;
}
.logo-container{
    width:auto;
    height:auto;
    position:absolute;
    left:0;
    top:0;
    padding-top:10px;
}
.menu-container{
    width: auto;
    height: auto;
    float:right;
    margin-top:1em 
}
.logo{
    width:auto;
    height:auto;
    float:left;
}
.effect-shine:hover {
    -webkit-mask-image: linear-gradient(-75deg, rgba(0,0,0,0.8) 30%, #000 50%, rgba(0,0,0,.6) 70%);
    -webkit-mask-size: 200%;
    -webkit-animation: shine 2s infinite;
    animation: shine 2s infinite;
}
@-webkit-keyframes shine {
    from {
        -webkit-mask-position: 150%;
    }
    to {
        -webkit-mask-position: -50%;
    }
}
.effect-shine1:hover {
    -webkit-mask-image: linear-gradient(-75deg, rgba(255,172,0,1) 30%, #000 50%, rgba(255,172,0,.6) 70%);
    -webkit-mask-size: 200%;
    -webkit-animation: shine 2s infinite;
    animation: shine 2s infinite;
}
@-webkit-keyframes shine1 {
    from {
        -webkit-mask-position: 150%;
    }
    to {
        -webkit-mask-position: -50%;
    }
}
.top-quickwraper{
    width:100%;
    height:auto;
}

.header-contact{
    width:auto;
    height:auto;
    float:right;
}
.header-call{
    width:auto;
    height:auto;
    line-height:28px;
    font-family: inherit;
    font-size:1em;
    font-weight:400;
    margin-left:1em;
    color:#333;
}
.header-call span{ float:left; color:#00afe9; padding-left:0.5em;  border-left:1px solid #ccc; display:flex;
	align-items:center;}
.header-call span:nth-child(1){ border:none;margin-right:0.5em;}
.header-call a{
    line-height:28px;
    font-family: inherit;
    font-size:1em;
    font-weight:400;
    color:#6d432c;
	
}
.header-call a:hover{
    font-family: inherit;
    font-size:1em;
    font-weight:400;
    color:#17553b;
}





.desk-view{
    display:block
}
.mob-view{
    display:none
}
.nav-menu > li:nth-last-child(1) a{ padding-right:0%;}
.banner-caption{
	width:auto;
	height:auto;
	float:left;
	/* background: radial-gradient(rgba(0,0,0,0.1), rgba(0,0,0,0.2), rgba(0,0,0,0.3),rgba(0,0,0,0.4),rgba(0,0,0,0.5),rgba(0,0,0,0.5));*/
}

/*.poket_nav_area .nav-brand .logo .small {
  display: block;
}*/
.poket-main-menu .prefix .main_sticky_main_l .large {
  display: none;
}

.footer-bottom-wrap{
	width:100%;
	height:auto;
	background:#1a7ec1;
	float:left;
}
.copy-right{
     width: auto;
     height: auto;
     line-height:55px;
     float: left;
     font-family: inherit;
     font-size:1em;
     font-weight:300;
     color:rgba(255,255,255,0.8);
}
.designed {
     width: auto;
     height: auto;
     float: right;
}
 .designed p {
     width: auto;
     height: auto;
     float: right;
     font-family: inherit;
     font-size:1em;
     font-weight:300;
     color:rgba(255,255,255,0.8);
     
     line-height:55px;
	/* color:#00a8e8;*/
	 
}
 .designed p a {
     text-decoration: none;
      font-family: inherit;
     font-size:1em;
     font-weight:300;
    color:rgba(255,255,255,0.8);
	margin-left:5px;
}
 .designed p a:hover {
     text-decoration: none;
    color:#222;
	border-bottom:1px solid #666;
}

.designed-ido {
    float: right;
    height: auto;
    padding-left: 8px;
    width: auto;
	line-height:46px;
}
.footer-wraper{
	width:100%;
	height:auto;
	background-color:#fff;
	float: left;
}

.footer-top-wraper{
	width:100%;
	height:auto;
	padding-top:90px;
	padding-bottom:55px;
	/*border-top:1px solid #ccc;*/
	display: flex;
/*align-items: center;*/
justify-content: center;
	
}


.footer-content{
	width: 25%;
	height:auto;
	float:left;
	/*margin-top:5em*/
}
.footer-content:nth-child(1){ width:30%; margin-top:0em;}


.locate-footer{
	width:auto;
	height:auto;
	float:left;
	font-family:inherit;
	font-size:1em;
	font-weight:normal;
	color: #ea4a50;
	margin-top:0.5em;
	
}
.locate-footer a{
	width:auto;
	height:auto;
	font-family:inherit;
	font-size:1em;
	font-weight:normal;
	color: #333;
	display:flex;
	align-items:center;
}


.footer-social{
	width:100%;
	height:auto;
}

.footer-logo{
	width:85%;
	height:auto;
	text-align:left;
	margin-bottom:0.5em;
}
.footer-address-wrap{
	width:100%;
	height:auto;
}

.footer-content ul{
	margin:0px;
	padding:0px;
	list-style-type:none;
}
.footer-content ul li{
	font-family: inherit;
	font-size:1em;
	line-height:1.7;
	margin-bottom:0.5em;
	width:100%;
	float:left;
	margin-top:0.5em;
}
.footer-content ul li a{
     font-family: inherit;
     font-size:1em;
      color:#333;
     -webkit-transition: padding .2s;
     -moz-transition: padding .2s;
     -o-transition: padding .2s;
     transition: padding .2s;
     font-weight: normal;
	 
}
 .footer-content ul li a:hover{
    font-family: inherit;
     font-size:1em;
      color:#1a7ec1;
     padding-left:3px;
     font-weight: normal 
}
.footer-content-title{
	width:100%;
	height:auto;
	font-size:1.5em;
	font-family: inherit;
	font-weight:500;
	color:#1a7ec1;
	margin-bottom:8px;
}

.footer-address{
    width:100%;
    height:auto;
    margin-top:1.5em;
}
.footer-address:nth-child(1){ margin-top:0px;}
.footer-icon{
    width:13%;
    height:auto;
    float:left;
    text-align:right;
}
.address{
    width:87%;
    height:auto;
    float:left;
    font-size:1em;
    color:#333;
    font-family: 'Poppins';
    padding-left:3%;
	line-height:1.7;
	margin-bottom:0.5em;
}


.footer-address-container {
    width: 100%;
    height: auto;
    padding-bottom:5px;
	padding-top:5px;
}

.footer-details-icon{
	width:auto;
	height:auto;
	float:left;

	display:table-cell;
	text-align:left;
	color:#05431b;
	font-size:1.75em;
	margin-right:10px;
	margin-top:-3px;
}

.footer-details {
    width:100%;
    height: auto;
    float: left;
	font-size:1em;
}
.footer-details p {
    width: 100%;
    height: auto;
    font-family: inherit;
	font-size: 1em;
	color:#333;
    line-height:1.9;
    font-weight: normal;
	padding-right:0%
}
.footer-quick-contact{
	width:100%;
	height:auto;
}


.footer-content-for{
	width:100%;
	height:auto;
	padding-bottom:1em;
	display:flex;
	align-items:center;
}
.footer-content-for:nth-child(1){ align-items:flex-start}
.footer-content-icon{
	width:12%;
	text-align:left;
	float:left;
}
.footer-content-details{
	width:88%;
	height:auto;
	float:left;
}
.footer-content-details p{
	width:100%;
	height:auto;
	font-family:inherit;
	line-height:1.7;
	color:#333;
	font-size:1em;
}

.footer-social-links {
    padding:0;
    margin:0em 0 0;
    text-align:left;
    float:left;
    padding-top:0.5em;
}
.footer-social-links ul {
    margin:0px;
    padding:0px;
    list-style-type:none;
    width:auto;
}
.footer-social-links ul li {
    list-style:none;
    height:50px;
    width:50px !important;
    float:left;
	margin-right:5px;
	margin-top:0;
	margin-bottom:0;
}
.footer-social-links ul li a {
    height:50px;
    width:50px;
    display:block;
    text-align: center;
    font-size:1.5em;
    color:#fff;
    line-height:50px;
	background-color:#999
}
.footer-social-links ul li a:hover {
    color:#333;
    font-size:1.5em;
	background-color:#fff;
}







.poket-main-menu .logo a.main_sticky_main_l {
  display: block;
  margin-top:0px !important;
}


.poket-main-menu .prefix .logo a.main_sticky_l {
  display: block;
  margin-top:3px !important;
/*  filter: invert(100%);
-webkit-filter: invert(100%);
filter: brightness(0) invert(1);
-webkit-filter: brightness(0) invert(1);
*/}


.poket-main-menu .prefix .navigation{ height:70px;}
.poket-main-menu .prefix .logo a.main_sticky_l img {
 padding-top: 1%;
height: 60px;
}

.poket-main-menu .prefix .logo{ top:0px;}
.poket-main-menu .prefix .nav-menu > li > a{ color:#fff !important}

.poket-main-menu .prefix .nav-menu>li:hover>a:before{background:#fff !important;}
.poket-main-menu .prefix .nav-menu>li:hover>a:after{background:#fff !important;}
.em40_header_area_main{ padding:0.5em 0em !important}


.footer-whatsaap{
	width:100%;
	height:auto;
	margin-top:3em;
	display:flex;
	align-items:center;
	justify-content:flex-start
	
}
.footer-whatsapp-pic{
	width:40px;
	height:auto;
	float:left;
	margin-right:0.5em;
}

.footer-whatsapp-name{ font-family:inherit; font-size:1.35em; color:#1aa013; font-weight:400; float:left}

.getin-touch{
	width:100%;
	height:auto;
	padding-top:120px;
	background-color:#fff;
}



/*.small-title::before {
  content: "";
  display: block;
  width:75px;
  height: 1px;
  float: left;
  margin: 10px 10px 0 0;
  background-color: #e6663f;
}

.middle-wraper .small-title::before{ background-color:#fff}*/
.small-title{
	width:auto;
	height:auto;
	font-size:1.75em;
	color:#999;
	text-align:center;
	line-height:1;
	font-family: 'Playball', cursive;
font-weight: normal;
/*font-style: italic;
font-display: swap;*/
}
.sub-title{
	width:100%;
	height:auto;
	text-align:center;
	color:#1a7ec1;
	font-size:3em;
	font-family: 'geomanist-book';
	font-weight:normal;
}
.small-title-wrap{
	width:100%;
	height:auto;
	display:flex;
	justify-content:center;
}
.getin-container{
	width:100%;
	height:auto;
	position:relative;
	margin-top:2em;
}
.getin-pic{
	width:100%;
	height:auto;
}
.getin-content{
	width:100%;
	height:106%;
	position:absolute;
	top:-1em;
	bottom:-1em;
	right:0;

}

.getin-content-wrap{
	width:50%;
	background-color:#fff;
	float:right;
	padding:5em 3em;
box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
}

.enquiry-form{
    width:48%;
    height:auto;
    float:left;
    margin-bottom:20px
}
.enquiry-form:nth-child(2n+2){ width:48%; float:right}
.enquiry-for .enquiry-msg{ width:100%;}
input.contact-enquiry-box::-webkit-input-placeholder{
    color:#333 !important;
    font-size:1em !important;
    opacity:1 !important;
    font-family: inherit;
    text-transform:capitalize;
    font-weight: normal;
}
input.contact-enquiry-box::-moz-placeholder{
    color:#333 !important;
    font-size:1em !important;
    opacity:1 !important;
    font-family: inherit;
    text-transform:capitalize;
    font-weight: normal;
}
input.contact-enquiry-box:-ms-input-placeholder{
    color:#333 !important;
    font-size:1em !important;
    opacity:1 !important;
    font-family: inherit;
    text-transform:capitalize;
    font-weight: normal;
}
input.contact-enquiry-box:-moz-placeholder{
    color:#333 !important;
    font-size:1em !important;
    opacity:1 !important;
    font-family: inherit;
    text-transform:capitalize;
    font-weight:normal;
}


.enquiry-submit{
     color:#333;
     outline:none;
     background:transparent;
     line-height:60px;
     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 !important;
     font-weight: normal;
     text-align:center;
	 width: auto;
	 text-transform:uppercase;
	 padding-left:55px;
	 padding-right:55px;
	 margin-top:8px;
}
 .enquiry-submit:before, .enquiry-submit:after {
     content:'';
     position:absolute;
     left:0;
     top:0;
     right:0;
     bottom:0;
     height:100%;
     background:#333;
     z-index:-1;
     transform:translate3D(0,-100%,0);
     transition:all .5s;
}
 .enquiry-submit:before {
     background:#fff;
     z-index:-2;
     transform:translate3D(0,0,0);
}
 .enquiry-submit:hover {
     color:#fff;
	 background:#666;
}
 .enquiry-submit:hover:after {
     transform:translate3D(0,0,0);
     transition:all .5s;
}

.address-enquiry {
  width: 100%;
  height: auto;
  float: left;
  margin-bottom: 12px;
}
.contact-enquiry-box {
  width: 100%;
  height: 60px;
  border: 1px solid #2383c3;
  padding-left: 5%;
  padding-right: 5%;
  line-height: 60px;
  font-weight: normal;
  font-style: normal;
  color: #333;
  font-size: 1em;
  background-color: #fff;
  font-family: inherit;
}
.calback-box1 {
  width: 100%;
  height: 180px;
  border: 1px solid #2383c3;
  padding-left: 2.5%;
  padding-right: 2.5%;
  line-height: 26px;
  font-weight: normal;
  font-style: normal;
  color: #333;
  font-size: 1em;
  padding-top: 1em;
  font-family: inherit;
}

textarea.calback-box1::-webkit-input-placeholder{
    color:#333 !important;
    font-size:1em !important;
    opacity:1 !important;
    font-family: inherit;
    text-transform:capitalize;
    font-weight: normal;
}
textarea.calback-box1::-moz-placeholder{
    color:#333 !important;
    font-size:1em !important;
    opacity:1 !important;
    font-family: inherit;
    text-transform:capitalize;
    font-weight: normal;
}
textarea.calback-box1:-ms-input-placeholder{
    color:#333 !important;
    font-size:1em !important;
    opacity:1 !important;
    font-family: inherit;
    text-transform:capitalize;
    font-weight: normal;
}
textarea.calback-box1:-moz-placeholder{
    color:#333 !important;
    font-size:1em !important;
    opacity:1 !important;
    font-family: inherit;
    text-transform:capitalize;
    font-weight: normal;
}

.submit{
     color:#fff;
     outline:none;
     background:transparent;
     line-height:40px;
     position:relative;
     display:inline-block;
     cursor:pointer;
     text-decoration:none;
     overflow:hidden;
     transition:all .5s;
     z-index:1;
     font-family: 'geomanistregular';
     font-size:1.25em !important;
     font-weight: normal;
     text-align:center;
	 width: auto;
	 float:right;
	 padding-left:25px;
	 padding-right:25px;
}
 .submit:before, .submit:after {
     content:'';
     position:absolute;
     left:0;
     top:0;
     right:0;
     bottom:0;
     height:100%;
     background:#999;
     z-index:-1;
     transform:translate3D(0,-100%,0);
     transition:all .5s;
}
 .submit:before {
     background:#1a7ec1;
     z-index:-2;
     transform:translate3D(0,0,0);
}
.submit:hover {
     color:#fff;
	 background:#666;
}
.submit:hover:after {
     transform:translate3D(0,0,0);
     transition:all .5s;
}

.welcome-wraper{
	width:100%;
	height:auto;
	margin-top:120px;
}

.middle-wraper{
	width:100%;
	height:auto;
	background:url(../images/middlebg.webp) no-repeat;
	background-size:cover;
	padding-top:100px;
	padding-bottom:240px;
	margin-top:120px;
}
.welcome-pic-wrap{
	width:40%;
	height:auto;
	float:left;
	padding-right:5%;
	position:relative;
}
.welcome-wraper-content {
  width: 100%;
  height: auto;
  display: flex;
  align-items: center;
}


.welcome-pic{
	width:95%;
	height:auto;
	float:left;
}

.welcome-pic img{
	width:100%;
	height:auto;
	float:left;
	border-radius: 25px 25px 0px 0px;
}
.welcome-content{
	width:60%;
	height:auto;
	float:left;
}
.welcome-title{
	width:100%;
	height:auto;
	text-align:left;
	font-size:3em;
	font-weight:normal;
	color:#1a7ec1;
	font-family: 'geomanist-book';
	line-height:1;
	margin-top:0.25em;
	
}


.welcome-title span{
	width:100%;
	height:auto;
	text-align:left;
	font-size:0.95em;
	font-weight:normal;
	color:#999;
	font-family: 'geomanist-light';
	
}
.welcome-content p {
 width: 100%;
height: auto;
font-size: 1.35em;
color: #555;
line-height: 1.7;
margin-top: 0.75em;
font-family: 'Playball', cursive;
font-weight: normal;
/*font-style: italic;
font-display: swap;*/
  margin-top: 0.75em;
}

.vision-content{
	width:100%;
	height:auto;
	font-size:1.35em;
	color:#555;
	line-height:1.7;
	margin-top:0.75em;
	
	
font-family: 'Playball', cursive;
    font-weight: normal;
  /* font-style: italic;
     font-display: swap;*/
}

.skill-shape {
    position: absolute;
    bottom: -50px;
    right: 8%;
    z-index: -1;
}
.skill-shape img {
   /* transform: rotate(180deg);*/
}

/*.bounce-animate {
    animation-name: float-bob;
    animation-duration: 2s;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
    -moz-animation-name: float-bob;
    -moz-animation-duration: 2s;
    -moz-animation-iteration-count: infinite;
    -moz-animation-timing-function: linear;
    -ms-animation-name: float-bob;
    -ms-animation-duration: 2s;
    -ms-animation-iteration-count: infinite;
    -ms-animation-timing-function: linear;
    -o-animation-name: float-bob;
    -o-animation-duration: 2s;
    -o-animation-iteration-count: infinite;
    -o-animation-timing-function: linear; 
}
@-webkit-keyframes float-bob {
    0% {
    -webkit-transform: translateY(-30px);
    transform: translateY(-30px); }
    50% {
    -webkit-transform: translateY(-15px);
    transform: translateY(-15px); }
    100% {
    -webkit-transform: translateY(-30px);
    transform: translateY(-30px); } 
}
*/






@keyframes ripple-blue {
    0% {
        box-shadow: 0 0 0 0 rgba(255,255,255, 0.3), 0 0 0 10px rgba(255,255,255, 0.3), 0 0 0 20px rgba(255,255,255, 0.3)
    }
    100% {
        box-shadow: 0 0 0 10px rgba(255,255,255, 0.3), 0 0 0 20px rgba(255,255,255, 0.3), 0 0 0 30px rgba(255,255,255, 0)
    }
}
.rotateme {
    -webkit-animation-name: rotateme;
            animation-name: rotateme;
    -webkit-animation-duration: 20s;
            animation-duration: 20s;
    -webkit-animation-iteration-count: infinite;
            animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
            animation-timing-function: linear;
  }
@keyframes rotateme {
    from {
      -webkit-transform: rotate(0deg);
              transform: rotate(0deg);
    }
    to {
      -webkit-transform: rotate(360deg);
              transform: rotate(360deg);
    }
  }
  
  @-webkit-keyframes rotateme {
    from {
      -webkit-transform: rotate(0deg);
    }
    to {
      -webkit-transform: rotate(360deg);
    }
  }
  
  .service-container-wraper{
	  width:100%;
	  height:auto;
	  padding-top:1em;
}
  
 .service-container{
	 width:32%;
	 height:auto;
	 float:left;
	 margin-right:2%;
	 position:relative;
	 font-size:1.15em;
	} 
.service-container:nth-child(3){ margin-right:0%;}


.category-box{
    overflow: hidden;
    position: relative;
    transition: all 0.3s ease 0s;
}
.category-box:hover{
}
.category-box img{
    width: 100%;
    height: auto;
}
.category-box .box-content{
    width: 100%;
    height: 100%;
    font-size: 1em;
    color: #fff;
    background: rgba(0, 0, 0, 0.8);
    text-align: center;
    opacity: 0;
    position: absolute;
    top: 0;
    left: 0;
    transition: all 0.6s ease 0s;
	display:flex;
	align-items:center;
	justify-content:center
}
.category-box:hover .box-content{
    opacity: 1;
}
.category-box .box-content:before,
.category-box .box-content:after{
    content: "";
    position: absolute;
    top: 20px;
    left: 20px;
    bottom: 20px;
    right: 20px;
    opacity: 0;
    z-index: 1;
    transform: scale(1.5);
    transition: all 0.6s ease 0.2s;
}
.category-box .box-content:before{
    border-left: 1px solid rgba(255, 255, 255, 0.9);
    border-right: 1px solid rgba(255, 255, 255, 0.9);
    left: 30px;
    right: 30px;
}
.category-box .box-content:after{
    border-top: 1px solid rgba(255, 255, 255, 0.9);
    border-bottom: 1px solid rgba(255, 255, 255, 0.9);
    top: 30px;
    bottom: 30px;
}
.category-box:hover .box-content:before,
.category-box:hover .box-content:after{
    opacity: 1;
    transform: scale(1);
}
.category-box .title{
height: auto;
font-family: inherit;
font-size: 1em;
color: #fff;
font-weight: 500;
text-transform: uppercase;
}
.box-content .post{
    display: block;
    font-size: 1em;
    color: #fff;
}
@media only screen and (max-width:990px){
    .category-box{ margin-bottom: 30px; }
}
.service-container:hover .category-caption{ display:none}

.category-caption{
	width:100%;
	height:auto;
	position:absolute;
	bottom:0;
	right:0;
	padding-right:1em;
	padding-bottom:1em;
	font-family:inherit;
	font-size:1em;
	color:#fff;
	text-transform:uppercase;
	padding-left:5%;
}
.pie-chart-container{
	width:100%;
	height:auto;
	background-color:#fff;
	margin-top:120px;
	position:relative;
}
.pie-chart-pic{
	width:100%;
	height:auto;
}
.pie-chart-pic img{ 
	width:100%;
	height:auto;
	opacity:0.17;
}
.piechart-details{
	width:100%;
	height:auto;
	/*position:absolute;
	left:0;
	top:0;
	bottom:0;
	right:0;*/
	display:flex;
	/*align-items:center;*/
	padding-top:2em;
}
.piechart{
	width:50%;
	height: auto;
	float:left;
}
.piechart-title{
	width:100%;
	height:auto;
	text-align:center;
	font-size:1.25em;
	color:#333;
	font-weight:500;
	margin-bottom:2em;
	text-transform:uppercase;
}
.piechart-pic{
	width:60%;
	float:left;
	text-align: right;
	padding-right:5%
}
.piechart ul{
	width:40%;
	height:auto;
	float:left;
	list-style-type:none;
}

.piechart ul li{
	width:100%;
	height:auto;
	float:left;
	list-style-type:none;
	font-family:inherit;
	font-size:1em;
	color:#333;
	margin-bottom:1em;
}
.piechart ul li::before{
       content: '';
       display: inline-block;
       width: 12px;
       height: 12px;
       -moz-border-radius: 6px;
       -webkit-border-radius: 6px;
       border-radius: 6px;
       background-color: #69b6d5;
	   margin-right:8px;
    }
	.piechart ul li:nth-child(1)::before{ background-color:#5f9bd9}
	.piechart ul li:nth-child(2)::before{ background-color:#ee7f31}
	.piechart ul li:nth-child(3)::before{ background-color:#a7a7a7}
	.piechart ul li:nth-child(4)::before{ background-color:#ffc400}
	.piechart ul li:nth-child(5)::before{ background-color:#4273c5}
	.piechart ul li:nth-child(6)::before{ background-color:#73ac4a}
	.piechart ul li:nth-child(7)::before{ background-color:#236190}
	
	
		.piechart:nth-child(2) ul li:nth-child(1)::before{ background-color:#5da1df}
	.piechart:nth-child(2) ul li:nth-child(2)::before{ background-color:#f48130}
	.piechart:nth-child(2) ul li:nth-child(3)::before{ background-color:#ababab}

  
  .ceo-message-wraper{
	  width:100%;
	  height: auto;
}

  .ceo-message-container{
	  width:100%;
	  height: auto;
background: linear-gradient(90deg, #f6f6f6 60%, #cacccb 40%);
margin-top:-120px;
position:relative;
overflow:hidden;
display: flex;
align-items: center;
}

.ceo-message{
	width:55%;
	height:100%;
	float:left;
}




.ceo-message-dtl{
	padding:0em 80px;
	width:100%;
	height:auto
}

.ceo-title{
	width:100%;
	height:auto;
	display:flex;
	align-items:center;
	font-size:2.667em;
	font-family: 'geomanist-book';
	font-weight:normal;
	color:#999;
}
.ceo-title span{
	font-size:1em;
	font-family: 'geomanist-book';
	font-weight:normal;
	color:#1a7ec1;
}
.ceo-message-dtl p{
	width: 100%;
height: auto;
font-size: 1.35em;
color: #555;
line-height: 1.7;
font-family: 'Playball', cursive;
font-weight: normal;
/*font-style: italic;*/

	margin-top:1em;
}
.ceo-name{
	text-align:right;

	
	
	width: 100%;
height: auto;
font-size: 1.35em;
color: #333;
line-height: 1.7;
margin-top:1em;
font-family: 'Playball', cursive;
font-weight:bold;
/*font-style: italic;
font-display: swap;*/
}





.ceo-message-pic{ width:45%; height:auto; float: left; position:relative}
.ceo-message-bg{
	width:225px;
	height:100%;
	position:absolute;
	left:-1px;
	top:0;
	bottom:0;
	background:url(../images/ceo-img-bg.png) no-repeat;
	background-size:cover
}
.connect-title{
	width:100%;
	height:auto;
	display:flex;
	align-items:center;
	justify-content:center;
}

.connect-title span{margin-left: 25px;
height: 70px;
padding-top: 5px;}
/************************************************** START CONTACT **************************************************/



/************************************************** START CONTACT **************************************************/



     .poket_nav_area.prefix,
        .hbg2 {
            background-color: rgba(0, 0, 0, 0.8);
        }
        .poket_menu ul .sub-menu li a,
        .poket_menu ul .sub-menu li:before {
            font-display: swap;
        }
		.poket_nav_area .scroll_fixed .prefix .nav-header{ width:30px;}
.inner-wraper-main{
	width:100%;
	height:auto;
	padding-bottom:60px;
	padding-top:100px;
}




/****************************************** S ABOUT US ******************************************/
.inner-banner-wrap{
	width:100%;
	height:auto;
	position:relative;
	font-size:0.8em;
}
.inner-banner{
	width:100%;
	height:auto;
}
.inner-caption{
	width:100%;
	height:auto;
	position:absolute;
	left:0;
	bottom:0;
	top:0;
	right:0;
	margin:auto;
	display:flex;
	align-items: flex-end;
	font-size:0.85em;
	padding-bottom:6.5%;
}


.bredcum-wraper{
    width:100%;
    height:auto;
    padding-top:20px;
	z-index: 1;
position: relative;
}

.bredcum-container{
    width:100%;
    height:auto;
display:flex; justify-content: flex-start; align-items:center;
}
.bred-home{
    width:auto;
    height:auto;
    float:left;
    font-family: inherit;
    font-weight: normal;
    font-size:1em;
    color:#333;
    line-height:30px;
}
.bred-home a{
    width:auto;
    height:auto;
    float:left;
    font-family: inherit;
    font-weight: normal;
    font-size:1em;
    color:#333;
    line-height:30px;
}
.bred-home a:hover{
    width:auto;
    height:auto;
    float:left;
    font-family: inherit;
    font-weight: normal;
    font-size:1em;
    color:#333;
    line-height:30px;
}
.bred-arrow{
    width:auto;
    height:auto;
    float:left;
    font-family: inherit;
    font-weight: normal;
    font-size:0.65em;
    color:#555;
    line-height:30px;
    padding-left:5px;
    padding-right:5px;
}
.bred-next{
    width:auto;
    height:auto;
    float:left;
    font-family: inherit;
    font-weight: normal;
   font-size:1em;
    color:#222;
    line-height:30px;
}


.abt-section {
    /*background: transparent url(../images/apm1.jpg) center right/auto no-repeat scroll;*/
	
	background-image: url(../images/about-pic.jpg);
	background-repeat: no-repeat;
	background-position: 85% 0%; 
	height: 100%;
background-size:  20% 100%;
display: flex;
margin-top: 2em;
margin-bottom: 2em;
padding-bottom:5%;

}
.about-content{
	width: 73% !important;
height: auto;
padding: 3em;
background-color: #fff;
box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
float: left;
margin-top: 3em !important;
	
}

.inner-footer-wrap{ margin-top:1.5em;}


/*#edelweiss{
    height: calc(100% - 70px);
    padding-top: 70px;
}*/

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


/****************************************** S CONTACT ******************************************/


.contact-address {
 width:45%;
 height:auto;
 float:left;
 padding-left:5%;
}
.address-container {
 width:100%;
 height:auto;
 padding-bottom:2em;
}
.address-container-title {
 width:100%;
 height:auto;
 text-align:left;
 font-size:1.250em;
 color:#333;
 line-height:35px;
 border-bottom:1px solid #ccc;
 position:relative;
 padding-bottom:2px 
}
.address-container-title:before {
 position:absolute;
 background:#1a7ec1;
 height:2px;
 content:'';
 width:80px;
 bottom:-1px;
 left:0;
}
.contact-icon {
 width:auto;
 height:auto;
 float:left;
 margin-right:10px;
 padding-top:5px;
}
.contact {
 font-family:inherit;
 font-size:1em;
 color:#333;
 line-height:1.7;
 font-weight:300;
 text-align:left;
 width:auto;
 float:left;
}
.contact-for {
 width:100%;
 height:auto;
 padding-top:1em;
}
.home-cars-wrap p {
 font-family:'Poppins', sans-serif;
 font-size:1em;
 color:#555;
 line-height:26px;
 text-align:justify;
 margin-bottom:1em;
}

.careers-form-container {
  width: 55%;
  height: auto;
  float: left;
  padding-top:1.5em;
}
.contact-icon img{ width:80%}


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



/****************************************** S ENQUIRY ******************************************/

.appointment-section {
    /*background: transparent url(../images/apm1.jpg) center right/auto no-repeat scroll;*/
	
	background-image: url(../images/enquirybg.jpg);
	background-repeat: no-repeat;
	background-position: top right;
	height: 100%;
background-size:  60% 100%;
display: flex;
margin-top: 2em;
margin-bottom: 2em;

}


.enquiry-main {
    width:55%;
    height: auto;
    background-color: #fff;
    padding: 2em 3em;
    box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
	margin-top:45px;
	margin-bottom:50px;
}

.selectdiv {
  position: relative;
  /*Don't really need this just for demo styling*/
  
  float: left;
  min-width:100%;
  /*background-color:#f5f5f5;*/
}

.selectdiv:after {
    content: '\f078';
    font-family:Font Awesome\ 5 Free;font-style:normal;font-weight:900;
    color: #919191;
    right: 11px;
    top: -5px;
    height: 34px;
    padding: 15px 0px 0px 8px;
    position: absolute;
    pointer-events: none;
}

/* IE11 hide native button (thanks Matt!) */
select::-ms-expand {
display: none;
}

.selectdiv select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  /* Add some styling */
  
  display: block;
  width: 100%;
  float: right;
  background-image: none;
  -ms-word-break: normal;
  word-break: normal;
  padding-left:0%;
padding-right: 2.5%;

font-weight: normal;
font-style: normal;
color: #333;
font-size: 1.125em;
}
.enquiry-container{ margin-bottom:50px;}

.enquiry-main-for{
    width:48%;
    height:auto;
    float:left;
    margin-bottom:20px;
	margin-right:4%;
}
.address-enquiry-full{
    width:100%;
    height:auto;
    float:left;
    margin-bottom:20px;
}
.address-enquiry-submit{
    width:100%;
    height:auto;
    margin-bottom:20px;
	display:flex;
	justify-content:center
}
.enquiry-main-for:nth-child(2n+2){ margin-right:0%;}
.contact-box-area {
    width: 100%;
    height:60px;
    border-bottom:1px solid #ccc;
	line-height: 24px;
	font-weight: normal;
	font-style: normal;
	color: #333;
    font-size: 1.125em;
    padding-top: 1em;
	font-family:inherit;
	background-color:transparent;
}

.enquiry-box{
    width:100%;
    height:40px;
    border-bottom:1px solid #ccc;
    line-height:40px;
    font-weight:normal;
    font-style:normal;
    color:#333;
    font-size:1.125em;
    background-color: inherit;
	font-family:inherit;
	margin-bottom:0.5em
}

textarea.contact-box-area::-webkit-input-placeholder{
    color:#333 !important;
    font-size:1em !important;
    opacity:1 !important;
    font-family: inherit;
    text-transform:capitalize;
    font-weight: normal;
}
textarea.contact-box-area::-moz-placeholder{
    color:#333 !important;
    font-size:1em !important;
    opacity:1 !important;
    font-family: inherit;
    text-transform:capitalize;
    font-weight: normal;
}
textarea.contact-box-area:-ms-input-placeholder{
    color:#333 !important;
    font-size:1em !important;
    opacity:1 !important;
    font-family: inherit;
    text-transform:capitalize;
    font-weight: normal;
}
textarea.contact-box-area:-moz-placeholder{
    color:#333 !important;
    font-size:1em !important;
    opacity:1 !important;
    font-family: inherit;
    text-transform:capitalize;
    font-weight: normal;
}

input.enquiry-box::-webkit-input-placeholder{
    color:#333 !important;
    font-size:1em !important;
    opacity:1 !important;
    font-family: inherit;
    text-transform:capitalize;
    font-weight: normal;
}
input.enquiry-box::-moz-placeholder{
    color:#333 !important;
    font-size:1em !important;
    opacity:1 !important;
    font-family: inherit;
    text-transform:capitalize;
    font-weight: normal;
}
input.enquiry-box:-ms-input-placeholder{
    color:#333 !important;
    font-size:1em !important;
    opacity:1 !important;
    font-family: inherit;
    text-transform:capitalize;
    font-weight: normal;
}
input.enquiry-box:-moz-placeholder{
    color:#333 !important;
    font-size:1em !important;
    opacity:1 !important;
    font-family: inherit;
    text-transform:capitalize;
    font-weight:normal;
}

.contact-submit{
     color:#fff;
     outline:none;
     background:transparent;
     padding-left:35px;
     padding-right:35px;
     line-height:45px;
     position:relative;
     display:inline-block;
     cursor:pointer;
     text-decoration:none;
     overflow:hidden;
     transition:all .5s;
     z-index:1;
     font-family: inherit;
     font-size:1em !important;
     font-weight:300;
     text-align:center;
	 margin-top:1em;
}
.contact-submit:before, .contact-submit:after {
     content:'';
     position:absolute;
     left:0;
     top:0;
     right:0;
     bottom:0;
     height:100%;
     background:#e6663f;
     z-index:-1;
     transform:translate3D(0,-100%,0);
     transition:all .5s;
}
.contact-submit:before {
     background:#1a7ec1;
     z-index:-2;
     transform:translate3D(0,0,0);
}
.contact-submit:hover {
     color:#fff;
}
.contact-submit:hover:after {
     transform:translate3D(0,0,0);
     transition:all .5s;
}

/****************************************** E ENQUIRY ******************************************/

.caption-subtop{
  width: 100%;
  height: auto;
  font-size: 2em;
  color: #fff;
  line-height: 1;
  margin-top: 0.75em;
  font-family: 'Playball', cursive;
  font-weight: normal;
   /*font-style: italic;
 font-display: swap;*/
  padding-left: 1em;
}


@media (min-width: 1023px) and (max-width: 1279px) {
    body {
        font-size:11px !important;
    }
    .container{
        width:100%;
        padding-left:3%;
        padding-right:3% 
    }
	.top-container {
    width: 100%;
    padding-left: 3%;
    padding-right:3%;
}

.getin-content-wrap {padding: 3em 3em;}
	.calback-box1{ height:85px;}
	.contact-enquiry-box{ height:40px;}
	.piechart-pic{ width:40%}
	.piechart-details{ padding:1em 2em;}



}
@media (min-width: 1280px) and (max-width: 1359px) {
    body {
        font-size:15px !important;
    }
    .container{
        width:100%;
        padding-left:3%;
        padding-right:3% 
    }
	.top-container {
    width: 100%;
    padding-left: 3%;
    padding-right:3%;
}

.getin-content-wrap {padding: 3em 3em;}
	.calback-box1{ height:130px;}
	.contact-enquiry-box{ height:50px;}
	.piechart-details{ padding:1em 2em;}


}
@media (min-width: 1360px) and (max-width: 1399px) {
    body {
        font-size:16px !important;
    }
    .container{
        width:100%;
        padding-left:3%;
        padding-right:3% 
    }
	.top-container {
    width: 100%;
    padding-left: 3%;
    padding-right:3%;
}
	.getin-content-wrap {padding: 3em 3em;}
	.calback-box1{ height:130px;}
	.contact-enquiry-box{ height:50px;}
	.piechart-details{ padding:2em 2em;}

}
@media (min-width: 1400px) and (max-width: 1441px) {
	 body {
        font-size:16px !important;
    }
    .container{
        width:100%;
        padding-left:5%;
        padding-right:5% 
    }
		.getin-content-wrap {padding: 4em 3em;}
	.calback-box1{ height:130px;}
	.contact-enquiry-box{ height:50px;}
	.piechart-details{ padding:2em 2em;}
	
}
@media (min-width: 1441px) and (max-width: 1599px) {
	 body {
        font-size:16px !important;
    }
    .container{
        width:100%;
        padding-left:5%;
        padding-right:5% 
    }
		.getin-content-wrap {padding: 4em 3em;}
	.calback-box1{ height:130px;}
	.contact-enquiry-box{ height:50px;}
	.piechart-details{ padding:2em 2em;}
	
	
}

@media (min-width:1600px) and (max-width:1680px) {
	 body {
        font-size:17px !important;
    }
    .container{
        width:100%;
        padding-left:5%;
        padding-right:5% 
    }
	
	.calback-box1{ height:130px;}
	.contact-enquiry-box{ height:50px;}
	.piechart-details{ padding:2em 2em;}
	
}
@media (min-width:1681px){
	 body {
        font-size:18px !important;
    }
    .container{
        width:100%;
        padding-left:5%;
        padding-right:5% 
    }
	.nav a {  margin: 0px 12px !important;}
}
@media (max-width:420px) {
    body {
        font-size:14px !important; background-color:#fff;
    }
    .container{
        width:100%;
        padding-left:3%;
        padding-right:3% 
    }
    .top-container{
        width:100%;
        padding-left:1%;
        padding-right:1%;
    }
   
    .desk-view{
        display: none
    }
    .mob-view{
        display: block
    }
	.copy-right{ width:100%; line-height:26px; text-align:center;}
	.designed{ width:100%; display:flex; justify-content:center;}
	.designed p{ line-height:26px;}
	
	.nav-menu > li > a{ color:#fff !important}
	.navigation-portrait .nav-menus-wrapper{ background-color:#1a7ec1 !important;}
	.nav-menus-wrapper-close-button{ color:#fff !important;}
	
	.poket-main-menu .logo a.main_sticky_main_l{margin-top: -10px !important;}
	.logo{ width:60px !important; height:auto !important;}
	.logo img{ width:100%; margin-top:5px; }
	.poket-main-menu .prefix .logo a.main_sticky_l img{ height:36px; margin-top:2px}
	.poket_nav_area.prefix .logo{ width:auto !important; height:auto !important}
	
	.footer-content:nth-child(1){ width:100%;}
	.footer-top-wraper{ display:inherit; padding-top:40px; padding-bottom:40px;}
	.footer-content{ width:100%;}
	.getin-content{ position: inherit}
	.getin-content-wrap{ width:100%; padding:2.5em;}
	.ceo-message-container{ display:inherit; margin-top:0px; background:none}
	.ceo-message{ width:100%;}
	.ceo-message-dtl {padding: 0em 10px;}
	.ceo-title{ font-size:2.25em;}
	.ceo-title img{ max-width:18%}
	.piechart-details{ width:100%; position:inherit; display:inherit}
	.welcome-wraper-content{ display:inherit;}
	.welcome-content{ width:100%; margin-top:20px;}
	.welcome-pic-wrap{ width:80%;}
	.skill-shape{ display:none}
	.middle-wraper{ margin-top:40px; padding-bottom:40px;}
	.service-container{ width:100%; margin-right:0%; margin-bottom:1em;}
	.category-caption{ bottom:20px;}
	.pie-chart-container{ margin-top:40px;}
	.piechart{ width:100%; margin-bottom:0.5em;}
	.ceo-message-wraper{ padding-top:1.5em;}
	.ceo-message-pic{ width:100%; margin-top:1em;}
	.footer-content ul li{ width:30%}
	.getin-touch{ padding-top:40px;}
	.piechart-pic{ width:40%;}
	.piechart-title{ font-size:1em;}
	.welcome-wraper{ margin-top:40px;}
	.logo img{ margin-top:0px;}
	.logo{ top:1em !important}
	.abt-section{ background:none;}
	.about-content{ width:100% !important; padding:1em; margin-top:40px;}
	.welcome-title{ font-size:2.5em;}
	.enquiry-main{ width:100%; margin-bottom:0px; margin-top:40px;}
	.careers-form-container{ width:100%; margin-bottom:1em;}
	.contact-address{ width:100%; padding-left:0%;}
	.inner-footer-wrap{ margin-top:50px;}
	.nav-menu > li > a{ line-height:30px !important}
	.banner-caption-mid{ display:none}
	.inner-caption{ font-size:0.5em;}
	.appointment-section{ background:none; padding:0px;}
	.enquiry-main-for{ margin-right:0%; width:100%;}
	.banner-content{ padding-bottom:0%; align-items:center}
	.home-caption{ font-size:0.45em;}
	.logo{ z-index:3 !important}
	.ceo-message-bg{ display:none;}
	
	
	
	
	
    
}
@media (min-width:421px) and (max-width:460px){
    body {
        font-size:14px !important; background-color:#fff;
    }
    .container{
        width:100%;
        padding-left:3%;
        padding-right:3% 
    }
    .top-container{
        width:100%;
        padding-left:1%;
        padding-right:1%;
    }
   
    .desk-view{
        display: none
    }
    .mob-view{
        display: block
    }
	.copy-right{ line-height:36px; }
	.designed{  display:flex; justify-content:center;}
	.designed p{ line-height:36px;}
	
	.nav-menu > li > a{ color:#fff !important}
	.navigation-portrait .nav-menus-wrapper{ background-color:#1a7ec1 !important;}
	.nav-menus-wrapper-close-button{ color:#fff !important;}
	
	.poket-main-menu .logo a.main_sticky_main_l{margin-top: -10px !important;}
	.logo{ width:95px !important; height:auto !important;}
	.logo img{ width:100%; margin-top:5px; }
	.poket-main-menu .prefix .logo a.main_sticky_l img{ height:36px; margin-top:2px}
	.poket_nav_area.prefix .logo{ width:auto !important; height:auto !important}
	
	.footer-content:nth-child(1){ width:100%;}
	.footer-top-wraper{ display:inherit; padding-top:40px; padding-bottom:40px;}
	.footer-content{ width:100%;}
	.getin-content{ position: inherit}
	.getin-content-wrap{ width:100%; padding:2.5em;}
	.ceo-message-container{ display:inherit; margin-top:0px; background:none}
	.ceo-message{ width:100%;}
	.ceo-message-dtl {padding: 0em 10px;}
	.ceo-title{ font-size:2.25em;}
	.ceo-title img{ max-width:18%}
	.piechart-details{ width:100%; position:inherit; display:inherit}
	.welcome-wraper-content{ display:inherit;}
	.welcome-content{ width:100%; margin-top:20px;}
	.welcome-pic-wrap{ width:80%;}
	.skill-shape{ display:none}
	.middle-wraper{ margin-top:40px; padding-bottom:40px;}
	.service-container{ width:100%; margin-right:0%; margin-bottom:1em;}
	.category-caption{ bottom:20px;}
	.pie-chart-container{ margin-top:40px;}
	.piechart{ width:100%; margin-bottom:0.5em;}
	.ceo-message-wraper{ padding-top:1.5em;}
	.ceo-message-pic{ width:100%; margin-top:1em;}
	.footer-content ul li{ width:30%}
	.getin-touch{ padding-top:40px;}
	.piechart-pic{ width:40%;}
	.piechart-title{ font-size:1em;}
	.welcome-wraper{ margin-top:40px;}
	.logo img{ margin-top:0px;}
	.logo{ top:1em !important}
	.abt-section{ background:none;}
	.about-content{ width:100% !important; padding:1em; margin-top:40px;}
	.welcome-title{ font-size:2.5em;}
	.enquiry-main{ width:100%; margin-bottom:0px; margin-top:40px;}
	.careers-form-container{ width:100%; margin-bottom:1em;}
	.contact-address{ width:100%; padding-left:0%;}
	.inner-footer-wrap{ margin-top:50px;}
	.nav-menu > li > a{ line-height:30px !important}
	.banner-caption-mid{ display:none}
	.inner-caption{ font-size:0.5em;}
	.appointment-section{ background:none; padding:0px;}
	.enquiry-main-for{ margin-right:0%; width:100%;}
	.banner-content{ padding-bottom:0%; align-items:center}
	.home-caption{ font-size:0.45em;}
	.logo{ z-index:3 !important}
		.ceo-message-bg{ display:none;}
	
	
    
}
@media (min-width:461px) and (max-width:560px){
   body {
        font-size:14px !important; background-color:#fff;
    }
    .container{
        width:100%;
        padding-left:3%;
        padding-right:3% 
    }
    .top-container{
        width:100%;
        padding-left:1%;
        padding-right:1%;
    }
   
    .desk-view{
        display: none
    }
    .mob-view{
        display: block
    }
	.copy-right{ line-height:36px; }
	.designed{  display:flex; justify-content:center;}
	.designed p{ line-height:36px;}
	
	.nav-menu > li > a{ color:#fff !important}
	.navigation-portrait .nav-menus-wrapper{ background-color:#1a7ec1 !important;}
	.nav-menus-wrapper-close-button{ color:#fff !important;}
	
	.poket-main-menu .logo a.main_sticky_main_l{margin-top: -10px !important;}
	.logo{ width:95px !important; height:auto !important;}
	.logo img{ width:100%; margin-top:5px; }
	.poket-main-menu .prefix .logo a.main_sticky_l img{ height:36px; margin-top:2px}
	.poket_nav_area.prefix .logo{ width:auto !important; height:auto !important}
	
	.footer-content:nth-child(1){ width:100%;}
	.footer-top-wraper{ display:inherit; padding-top:40px; padding-bottom:40px;}
	.footer-content{ width:100%;}
	.getin-content{ position: inherit}
	.getin-content-wrap{ width:100%; padding:2.5em;}
	.ceo-message-container{ display:inherit; margin-top:0px; background:none}
	.ceo-message{ width:100%;}
	.ceo-message-dtl {padding: 0em 10px;}
	.ceo-title{ font-size:2.25em;}
	.ceo-title img{ max-width:18%}
	.piechart-details{ width:100%; position:inherit; display:inherit}
	.welcome-wraper-content{ display:inherit;}
	.welcome-content{ width:100%; margin-top:20px}
	.welcome-pic-wrap{ width:80%;}
	.skill-shape{ display:none}
	.middle-wraper{ margin-top:40px; padding-bottom:40px;}
	.service-container{ width:100%; margin-right:0%; margin-bottom:1em;}
	.category-caption{ bottom:20px;}
	.pie-chart-container{ margin-top:40px;}
	.piechart{ width:100%; margin-bottom:0.5em;}
	.ceo-message-wraper{ padding-top:1.5em;}
	.ceo-message-pic{ width:100%; margin-top:1em;}
	.footer-content ul li{ width:30%}
	.getin-touch{ padding-top:40px;}
	.piechart-pic{ width:40%;}
	.piechart-title{ font-size:1em;}
	.welcome-wraper{ margin-top:40px;}
	.logo img{ margin-top:0px;}
	.logo{ top:1em !important}
	.abt-section{ background:none;}
	.about-content{ width:100% !important; padding:1em; margin-top:40px;}
	.welcome-title{ font-size:2.5em;}
	.enquiry-main{ width:100%; margin-bottom:0px; margin-top:40px;}
	.careers-form-container{ width:100%; margin-bottom:1em;}
	.contact-address{ width:100%; padding-left:0%;}
	.inner-footer-wrap{ margin-top:50px;}
	.nav-menu > li > a{ line-height:30px !important}
	.banner-caption-mid{ display:none}
	.inner-caption{ font-size:0.5em;}
	.appointment-section{ background:none; padding:0px;}
	.enquiry-main-for{ margin-right:0%; width:100%;}
	.banner-content{ padding-bottom:0%; align-items:center}
	.home-caption{ font-size:0.45em;}
	.logo{ z-index:3 !important}
		.ceo-message-bg{ display:none;}
	
	 
}
@media (min-width:561px) and (max-width:680px){
	 body {
        font-size:14px !important; background-color:#fff;
    }
    .container{
        width:100%;
        padding-left:3%;
        padding-right:3% 
    }
    .top-container{
        width:100%;
        padding-left:1%;
        padding-right:1%;
    }
   
    .desk-view{
        display: none
    }
    .mob-view{
        display: block
    }
	.copy-right{ line-height:36px; }
	.designed{  display:flex; justify-content:center;}
	.designed p{ line-height:36px;}
	
	.nav-menu > li > a{ color:#fff !important}
	.navigation-portrait .nav-menus-wrapper{ background-color:#1a7ec1 !important;} 
	.nav-menus-wrapper-close-button{ color:#fff !important;}
	
	.poket-main-menu .logo a.main_sticky_main_l{margin-top: -10px !important;}
	.logo{ width:95px !important; height:auto !important;}
	.logo img{ width:100%; margin-top:5px; }
	.poket-main-menu .prefix .logo a.main_sticky_l img{ height:36px; margin-top:2px}
	.poket_nav_area.prefix .logo{ width:auto !important; height:auto !important}
	
	.footer-content:nth-child(1){ width:60%;}
	.footer-top-wraper{ display:inherit; padding-top:40px; padding-bottom:40px;}
	.footer-content{ width:40%;}
	.getin-content{ position: inherit}
	.getin-content-wrap{ width:100%; padding:2.5em;}
	.ceo-message-container{ display:inherit; margin-top:0px; background:none}
	.ceo-message{ width:100%;}
	.ceo-message-dtl {padding: 0em 10px;}
	.ceo-title{ font-size:2.25em;}
	.ceo-title img{ max-width:18%}
	.piechart-details{ width:100%; position:inherit; display:inherit}
	.welcome-wraper-content{ display:inherit;}
	.welcome-content{ width:100%; margin-top:20px}
	.welcome-pic-wrap{ width:80%;}
	.skill-shape{ display:none}
	.middle-wraper{ margin-top:40px; padding-bottom:40px;}
	.category-caption{ font-size:0.7em;}
	.category-caption{ bottom:20px;}
	.pie-chart-container{ margin-top:40px;}
	.piechart{ width:100%; margin-bottom:0.5em;}
	.ceo-message-wraper{ padding-top:1.5em;}
	.ceo-message-pic{ width:100%; margin-top:1em;}
	.getin-touch{ padding-top:40px;}
	.piechart-pic{ width:40%;}
	.piechart-title{ font-size:1em;}
	.welcome-wraper{ margin-top:40px;}
	.logo img{ margin-top:0px;}
	.logo{ top:1em !important}
	.abt-section{ background:none;}
	.about-content{ width:100% !important; padding:1em; margin-top:40px;}
	.welcome-title{ font-size:2.5em;}
	.enquiry-main{ width:100%; margin-bottom:0px; margin-top:40px;}
	.careers-form-container{ width:100%; margin-bottom:1em;}
	.contact-address{ width:100%; padding-left:0%;}
	.inner-footer-wrap{ margin-top:50px;}
	.nav-menu > li > a{ line-height:30px !important}
	.banner-caption-mid{ display:none}
	.inner-caption{ font-size:0.5em;}
	.appointment-section{ background:none; padding:0px;}
	.enquiry-main-for{ margin-right:0%; width:100%;}
	.banner-content{ padding-bottom:0%; align-items:center}
	.home-caption{ font-size:0.45em;}
	.logo{ z-index:3 !important}
		.ceo-message-bg{ display:none;}
	
	 
}
@media (min-width:681px) and (max-width: 768px){
	
	  body {
        font-size:14px !important; background-color:#fff;
    }
    .container{
        width:100%;
        padding-left:3%;
        padding-right:3% 
    }
    .top-container{
        width:100%;
        padding-left:1%;
        padding-right:1%;
    }
   
    .desk-view{
        display: none
    }
    .mob-view{
        display: block
    }
	.copy-right{ line-height:36px; }
	.designed{  display:flex; justify-content:center;}
	.designed p{ line-height:36px;}
	
	.nav-menu > li > a{ color:#fff !important}
	.navigation-portrait .nav-menus-wrapper{ background-color:#1a7ec1 !important;} 
	.nav-menus-wrapper-close-button{ color:#fff !important;}
	
	.poket-main-menu .logo a.main_sticky_main_l{margin-top: -10px !important;}
	.logo{ width:95px !important; height:auto !important;}
	.logo img{ width:100%; margin-top:5px; }
	.poket-main-menu .prefix .logo a.main_sticky_l img{ height:36px; margin-top:2px}
	.poket_nav_area.prefix .logo{ width:auto !important; height:auto !important}
	
	.footer-content:nth-child(1){ width:60%;}
	.footer-top-wraper{ display:inherit; padding-top:40px; padding-bottom:40px;}
	.footer-content{ width:40%;}
	.getin-content{ position: inherit}
	.getin-content-wrap{ width:100%; padding:2.5em;}
	.ceo-message-container{ display:inherit; margin-top:0px; background:none}
	.ceo-message{ width:100%;}
	.ceo-message-dtl {padding: 0em 10px;}
	.ceo-title{ font-size:2.25em;}
	.ceo-title img{ max-width:18%}
	.piechart-details{ width:100%; position:inherit; display:inherit}
	.welcome-wraper-content{ display:inherit;}
	.welcome-content{ margin-top:0px}
	.skill-shape{ display:none}
	.middle-wraper{ margin-top:40px; padding-bottom:40px;}
	.category-caption{ font-size:0.7em;}
	.category-caption{ bottom:20px;}
	.pie-chart-container{ margin-top:40px;}
	.piechart{ width:100%; margin-bottom:0.5em;}
	.ceo-message-wraper{ padding-top:1.5em;}
	.ceo-message-pic{ width:100%; margin-top:1em;}
	.getin-touch{ padding-top:40px;}
	.piechart-pic{ width:40%;}
	.piechart-title{ font-size:1em;}
	.welcome-wraper{ margin-top:40px;}
	.logo img{ margin-top:0px;}
	.logo{ top:1em !important}
	.abt-section{ background:none;}
	.about-content{ width:100% !important; padding:1em; margin-top:40px;}
	.welcome-title{ font-size:2.5em;}
	.enquiry-main{ width:100%; margin-bottom:0px; margin-top:40px;}
	.careers-form-container{ width:100%; margin-bottom:1em;}
	.contact-address{ width:100%; padding-left:0%;}
	.inner-footer-wrap{ margin-top:50px;}
	.nav-menu > li > a{ line-height:30px !important}
	.banner-caption-mid{ display:none}
	.inner-caption{ font-size:0.5em;}
	.appointment-section{ background:none; padding:0px;}
	.enquiry-main-for{ margin-right:0%; width:100%;}
	.banner-content{ padding-bottom:0%; align-items:center}
	.home-caption{ font-size:0.45em;}
	.logo{ z-index:3 !important}
		.ceo-message-bg{ display:none;}
	
	
}
@media (min-width:769px) and (max-width:991px){
	 body {
        font-size:14px !important; background-color:#fff;
    }
    .container{
        width:100%;
        padding-left:3%;
        padding-right:3% 
    }
    .top-container{
        width:100%;
        padding-left:1%;
        padding-right:1%;
    }
   
    .desk-view{
        display: none
    }
    .mob-view{
        display: block
    }
	.copy-right{ line-height:36px; }
	.designed{  display:flex; justify-content:center;}
	.designed p{ line-height:36px;}
	
	.nav-menu > li > a{ color:#fff !important}
	.navigation-portrait .nav-menus-wrapper{ background-color:#17553b !important;}
	.nav-menus-wrapper-close-button{ color:#fff !important;}
	
	.poket-main-menu .logo a.main_sticky_main_l{margin-top: -10px !important;}
	.logo{ width:95px !important; height:auto !important;}
	.logo img{ width:100%; margin-top:5px; }
	.poket-main-menu .prefix .logo a.main_sticky_l img{ height:36px; margin-top:2px}
	.poket_nav_area.prefix .logo{ width:auto !important; height:auto !important}
	
	.footer-content:nth-child(1){ display:none}
	.footer-content:nth-child(2){ width:65%;}
	.footer-content:nth-child(3){ width:35%;}
	.footer-content:nth-child(4){ width:100%;}
	.footer-content{ margin-top:1em;}
	.home-machinery{ width:50%; border-right:0px;}
	.home-gallery-container{ width:100%; margin-bottom:10px;}
	.home-gallery-container:nth-child(2){ width:100%; margin-top:20px;}
	.home-gallery-for{ padding-bottom:80px;}
	.home-service-for:nth-child(1){ width:100%; margin-right:0%; margin-bottom: 1.15%;}
	.home-service-for{ width:49.4%; }
	.footer-whatsaap{ display:none}
	
	
}


@media (max-width:768px) { 
	.home-talk{ padding-bottom:0px;}
	.home-machinery-container{ margin-top:60px;}
	.home-service-wrap {padding-top:60px;padding-bottom:60px;}
	.home-gallery-for {padding-bottom: 60px;}
	#kitchen{ padding-top:0px;}
	.footer-content-title{margin-bottom:0px;}
	.footer-content{ margin-top:1em}

}

@media (min-width:992px) and (max-width:1199px){
	.home-machinery-pic img{ max-width:80%;}
	.footer-social-links ul li{ width:45px !important}
    
}