@import url('https://fonts.googleapis.com/css?family=Roboto');
@import url('https://fonts.googleapis.com/css2?family=Jost&display=swap');
@import url('https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css');
body { margin:0; padding:0; font-size:14px; font-family: 'Roboto', sans-serif;}
h1, h2, h3 {    margin: 0;    padding: 0;    font-weight: normal; font-family: 'Jost', sans-serif;}
p {    margin: 0;    padding: 0;    color: #7c6e6e; padding-bottom:10px; line-height:20px; text-align:justify;}

.mainheading {font-size:26px; font-family: 'Jost', sans-serif; color:#5b5b5b; margin-bottom:13px; text-align:center; margin:45px 0 50px 0;}

.wrapper { margin:0 auto; width:1300px; height:auto;}
.cln { width:100%; height:auto; float:left;}
.topbar { width:100%; height:35px; float:left; background:#fdfdfd; border-bottom: 1px solid #e4e4e4; }
.menu_bg { width:100%; height:125px; float:left;}
.banner { width:100%; height:550px; float:left; border-bottom:5px solid #6fbf5a; background:#fff;}
.logo { width:261px; height:178px; background:url(../images/logo.png) no-repeat left top; margin-top:3px; float:left; position: absolute;}
.slogan { width:249px; height:81px; background:url(../images/slogan.png) no-repeat left top; margin-top:20px; float:right;}
.menu-btm { width:100%; height:65px; float: left; background: #00a651;}

.about_banner { width:100%; height:300px; float:left; border-bottom:5px solid #6fbf5a; background:url(../images/about_bnr.jpg) no-repeat center center; background-size: cover;}
.service_banner { width:100%; height:300px;  float:left; border-bottom:5px solid #6fbf5a; background:url(../images/service_bnr.jpg) no-repeat center center;background-size: cover;}
.contact_banner { width:100%; height:300px; float:left; border-bottom:5px solid #6fbf5a; background:url(../images/contact_bnr.jpg) no-repeat center center; background-size: cover; }
.glry_banner { width:100%; height:300px; float:left; border-bottom:5px solid #6fbf5a; background:url(../images/glry_bnr.jpg) no-repeat center center; background-size: cover;}
.product_banner { width:100%; height:300px; float:left; border-bottom:5px solid #6fbf5a; background:url(../images/place_bnr.jpg) no-repeat center center; background-size: cover;}
.booking_banner { width:100%; height:300px; float:left; border-bottom:5px solid #6fbf5a; background:url(../images/tariff_bnr.jpg) no-repeat center center; background-size: cover;}


 .blink {
        animation: blinker 0.6s linear infinite;
        color: #1c87c9;
        font-size: 30px;
        font-weight: bold;
        font-family: sans-serif;
      }
      @keyframes blinker {
        50% {
          opacity: 0;
        }
      }



.block-social {
 position:fixed;
 right:0;
 top:40%;
 width:45px;
 z-index:999;
}
.block-social.on_left {
 right:auto;
 left:0;
}
.block-social.on_left ul li a {
 float:left;
}
.block-social.on_left ul li a > span {
 position:relative;
}
.block-social.on_left ul li a > span i.fa {
 float:right;
}
.block-social.on_left ul li a > span span.social-text {
 position:absolute;
 top:0;
 right:43px;
 width:auto;
}
.block-social ul {
 padding:0;
}
.block-social ul li {
 display:block;
}
.block-social ul li a {
 float:right;
 margin-bottom:2px;
 border-radius:5px 0 0 5px;
}
.block-social ul li a.facebook {
 background:#3b5998;
}
.block-social ul li a.twitter {
 background:#62bdb2;
}
.block-social ul li a.google-plus {
 background:#db4a39;
}
.block-social ul li a.youtube {
 background:#c4302b;
}
.block-social ul li a.pinterest {
 background:#db4a39;
}
.block-social ul li a.mail-to {
 background:#2a056f;
}
.block-social ul li a.instagram {
 background:#9b6954;
}
.block-social ul li a.tumblr {
 background:#35465a;
}
.block-social ul li a.linkedin {
 background:#4875b4;
}
.block-social ul li a.vimeo {
 background:#86b32d;
}
.block-social ul li a.behance {
 background:#005cff;
}
.block-social ul li a.dribbble {
 background:#ec4a89;
}
.block-social ul li a.rss {
 background:#ffa500;
}
.block-social ul li a.vk {
 background:#45668e;
}
.block-social ul li a > span {
 color:#fff;
 float:left;
 white-space:nowrap;
 font-size:11px;
 height:43px;
 line-height:43px;
 width:43px;
 transition:all 0.5s ease 0s;
 overflow:hidden;
}
.block-social ul li a > span i.fa {
 width:43px;
 height:43px;
 text-align:center;
 line-height:43px;
 font-size:20px;
 float:left;
 position:relative;
 margin-right:10px;
}
.block-social ul li a > span i.fa:after {
 content:"";
 background:#fff;
 height:19px;
 width:1px;
 position:absolute;
 right:-1px;
 top:12px;
}
.block-social ul li a > span span.social-text {
 height:43px;
 line-height:43px;
 float:left;
 width:0;
}
.block-social ul li a:hover > span {
 width:160px;
}


#filter {
  display: block;
  height: 50px;
  margin: 55px auto;
  position: relative;
  width: 100%;
  text-align: center;
  border: 1px solid #DDD;
  background: #F8F8F8;
  border-radius: 25px;
}

#filter {	display: block;	height: 50px;	margin: 55px auto;	position: relative;	width: 100%;	text-align:center;	border:1px solid #DDD;	background:#F8F8F8;
	border-radius:25px;}
#filter:before, #filter:after {	background:#F8F8F8;	height: 43px;	position: absolute;	top: 0;	width: 78px;}
#filter:before {	background-position: 0 -47px;	left: -78px;}
#filter:after {	background-position: 0 0;	right: -78px;}
#filter a{	color: #000;	display: inline-block;	height: 39px;	line-height: 37px;	padding: 0 15px;	background:#F8F8F8;}
#filter a:hover{	text-decoration:none;}
#filter a.active{	background: #000;	box-shadow:	1px 0 0 rgba(255, 255, 255, 0.2), -1px 0 0 rgba(255, 255, 255, 0.2), 1px 0 1px rgba(0,0,0,0.2) inset, -1px 0 1px rgba(0,0,0,0.2) inset; color:#fff !important; float: none !important;}

#container{	display:block;	overflow:hidden;	width: 100%;	margin:0 auto;}

#container li{	float: left;	height: auto;	list-style: none outside none;	margin:10px 15px;	position: relative;	width: auto;	-moz-box-shadow: 0 0 5px #000;	-webkit-box-shadow: 0 0 5px #000;
	box-shadow: 0 0 5px #ccc;}

#container li img { width:270px;}

#container ul{	overflow:hidden;	margin-bottom:50px;}

#container ul.hidden{	display:none;}
nav a {
	position: relative;
	display: inline-block;
	margin: 5px 15px;
	outline: none;
	color: #0b2228;
	text-decoration: none;
	text-transform: uppercase;
	letter-spacing: 1px;
	font-weight: 400;
	text-shadow: 0 0 1px rgba(255,255,255,0.3);
	font-size: 15px;
	padding:0;
}

nav a:hover,
nav a:focus {
	outline: none;
}

.cntct_left { width: 50%; float: left; margin: 0 0 60px 0; border-right: 1px solid #ccc; padding-right: 70px;}
.cntct_rgt { width: 40%; float: right; margin: 0 0 60px 0;}
.map { width: 100%; float: left; height: auto;}

.bk-left { float: left; height: auto; width: 48%;}
.bk-right { float: right; height: auto; width: 48%;}

.bk-left label,.bk-right label { width:100%;}
.bk-left input,.bk-right input { width:100%; margin: 5px 0 20px 0; height: 25px; border: 1px solid #ccc; border-radius: 10px; padding: 10px;}
.bk-left select,.bk-right select { width:100%; margin: 5px 0 20px 0; height: 45px;}
 textarea { width:100%; margin: 5px 0 20px 0; border: 1px solid #ccc; border-radius: 10px; height: 140px; padding: 10px;}
input[type=text]:hover{  box-shadow: 0 0 5pt 0.5pt #D3D3D3;}
input[type=text]:focus {  box-shadow: 0 0 5pt 2pt #D3D3D3;  outline-width: 0px;}
.submit_sec { text-align: center; margin: 0 auto; margin-bottom: 50px;}
.submit_sec .submit_btn { background: #0db14c; padding: 10px 50px; border: 0px none; cursor: pointer;}
.submit_sec .reset_btn { background: #818181; padding: 10px 50px; border: 0px none; cursor: pointer;}

.top-call {
    font-size: 12px;    font-weight: 300;    color: #acacac;    line-height: 30px;    background: url(../images/top-call.png) no-repeat left center;    padding-left: 20px;
    padding-right: 20px;    float: left;}

.top-call a { text-decoration:none; color:#acacac;}	
	
.top-mail {    font-size: 12px;    font-weight: 300;    color: #acacac;    line-height: 30px;    background: url(../images/top-mail.png) no-repeat left center;    padding-left: 20px;    padding-right: 10px;    float: left;}
.top-mail a { text-decoration: none; color: #acacac;}
.top-mail a:hover { text-decoration: underline; color: #acacac;}

.soc { width:auto; height:auto; float:right; border-right:1px solid #e4e4e4; margin-right:14px;}
.soc ul { margin:0; padding:0;}
.soc ul li { display:inline-block; border-left:1px solid #e4e4e4; height:30px; padding:6px 5px 0 5px;}
.soc ul li a img { vertical-align:middle;}

.menu { width:690px; height:auto; float:right;}
.menu ul { margin:0; padding:0; float:right;}
.menu ul li { display:inline-block; font-weight:bold; float:left;}
.menu ul li a{ text-decoration:none; color:#fff; padding:25px 15px 23px 15px; text-transform:uppercase; font-size:12px; letter-spacing:1px;}
.active { background:#fff; float:left; color:#000 !important;}

/* Sweep To Top */
.hvr-sweep-to-top {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
.hvr-sweep-to-top:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #fff;
  -webkit-transform: scaleY(0);
  transform: scaleY(0);
  -webkit-transform-origin: 50% 100%;
  transform-origin: 50% 100%;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}

.hvr-sweep-to-top:hover, .hvr-sweep-to-top:focus, .hvr-sweep-to-top:active { color: #000;}
.hvr-sweep-to-top:hover:before, .hvr-sweep-to-top:focus:before, .hvr-sweep-to-top:active:before {  -webkit-transform: scaleY(1);  transform: scaleY(1);}

.enq_bg { width: 100%; float: left; background: url(../images/skulls.png) repeat #f0f0f0; height: auto;}
.inenq_bg { width: 100%; float: left; background: url(../images/skulls.png) repeat #f0f0f0; height: 50px;}
.sec_bg_lft { width: 33%; float: left; padding: 30px 0; text-align: center;}
.sec_bg_lft h1 { color: #000;}
.sec_bg_lft h1 span { color: #6fbf5a;}
.sec_bg_lft p { text-align: center; padding: 0; margin-top: 15px;}
.sec_bg_lft p a { color: #fff; text-decoration: none; padding:10px 20px; background: #0db14c; text-align: center !important;}
.sec_bg_lft img { background: #fff; border-radius: 50%; padding: 10px;}


.we_lft { width:790px; float:left; margin:80px 0;}
.we_rgt { width:380px; float:right; margin:115px 0 0 0;}

.history { width:100%; float:left; margin:40px 0 80px 0; border-top: 1px solid #ccc; padding-top: 40px;}
.history_pic { width:350px; float:left;}
.history_text { width:900px; float:right;}


.we_lft a { color:#4c4b4b; padding:10px 20px; border:1px solid #4c4b4b; text-decoration:none; margin:10px 0 0 0; float:left; border-radius: 10px;}
.we_lft a:hover { background:#036; color:#fff;}
.we_lft h1 { font-size:26px; color:#5b5b5b; margin-bottom:13px;}
.we_lft p { color:#7c6e6e; margin:0 0 10px 0; line-height:20px; text-align:justify;}

.vision { width:100%; float:left; background:#efefef; height:auto; }
.activities { width:100%; float:left; background:url(../images/paralax.jpg) no-repeat center center; height:auto; background-attachment:fixed; background-size: cover;}
.activities_bg { width:100%; float:left; background-color: rgba(0, 0, 0, 0.4); height:auto;}

.ftr_a { width:100%; float:left; height:110px; background:#222127;}
.ftr_b { width:100%; float:left; height:110px; background:#2d2c32;}
.ftr_c { width:100%; float:left; height:40px; background:#222127;}

.phone { width:310px; float:left; min-height:45px; background:url(../images/phone.png) no-repeat left top; padding:0 0 0 70px;  margin:30px 0 0 0;}
.location { width:auto; float:left; min-height:45px; background:url(../images/location.png) no-repeat left top; padding:0 0 0 70px; margin:30px 0 0 0;}
.phone p {color:#7a7b7f; font-size:14px; padding-bottom: 5px;}
.location p {color:#7a7b7f; font-size:14px; text-align: left; padding-bottom: 5px;}


.enqery { width:auto; padding:16px 32px; background:#0db14c; float:right; text-decoration:none; color:#fff; font-weight:bold; margin:28px 0 0 0;}

.design { float:right; color:#898989; padding-top:12px; font-size:13px;}
.copy { color:#898989; padding-top:12px; font-size:13px;}
.copy span {float:right;}
.copy span a {color: red; text-decoration: none;}
.copy span a:hover {color: white; text-decoration: underline;}

.ftr_menu { width:auto; float:left; margin-top:45px;}
.ftr_menu li { display:inline-block; text-transform:uppercase; margin:0 20px;}
.ftr_menu li a {color:#98969b; text-decoration:none; font-size:14px;}
.ftr_menu li a:hover {color:#ffca2d;}

.ftr_menu li:first-child { margin-left:0px;}
.social_touch { width:300px; height:auto; float:right; margin-top:18px;}
#services_touch {
  text-align: right;
  transform: translatez(0);
  padding:0;
}

#services_touch li {
  width: 48px;
  height: 48px;
  display: inline-block;
  margin: 0 2px 0 2px;
  list-style: none;
}
#services_touch li div {
  width: 48px;
  height: 48px;
  color: #74d4b3;
  text-align: center;
  transition: all 0.5s ease;
}

#services_touch li div:hover { transform: rotate(360deg);}
.block { min-height:20px; margin:0 auto;  width:100%; background:#002960;}

.place { float:left; margin:0; padding:0; width:100%; list-style:none; margin-bottom:70px;}
.place li { float:left; display:list-item; width:100%;} 
.clr_a { background:#d8d8d8;}
.clr_b { background:#ebe5ca;}

.plc_img { float:left; height:auto; padding:10px;}
.plc_txt { float:right; height:auto; padding:40px 40px 40px 0; width:945px; }
.plc_img img { outline: 2px solid white; outline-offset: -9px; }
.plc_txt p { color:#000; font-size:13px;}

.market_txt { float:left; height:auto; padding:20px; }
.market_txt p { color:#000; font-size:13px;}

.view {
   width: 280px;
   height: 160px;
   float: left;
   border: 4px solid #fff;
   overflow: hidden;
   position: relative;
   text-align: center;
   cursor: default;
   background: #fff url(../images/bgimg.jpg) no-repeat center center;
	margin:0 10px 20px 10px;
}
.view .mask,.view .content {
   width: 280px;
   height: 160px;
   position: absolute;
   overflow: hidden;
   top: 0;
   left: 0;
}
.view img {
   display: block;
   position: relative;
}
.view h2 {
   text-transform: uppercase;
   color: #fff;
   text-align: center;
   position: relative;
   font-size: 17px;
   padding: 10px;
   background: rgba(0, 0, 0, 0.8);
   margin: 20px 0 0 0;
}
.view p {
   font-family: Georgia, serif;
   font-style: italic;
   font-size: 12px;
   position: relative;
   color: #fff;
   padding: 10px 20px 20px;
   text-align: center;
}
.view a.info {
   display: inline-block;
   text-decoration: none;
   padding: 7px 14px;
   background: #000;
   color: #fff;
   text-transform: uppercase;
}
.view a.info: hover {}

.view_big {
   width: 550px;
   height: 350px;
   float: left;
   border: 4px solid #fff;
   overflow: hidden;
   position: relative;
   text-align: center;
   cursor: default;
   background: #fff url(../images/bgimg.jpg) no-repeat center center;
}
.view_big .mask,.view_big .content {
   width: 550px;
   height: 350px;
   position: absolute;
   overflow: hidden;
   top: 0;
   left: 0;
}
.view_big img {
   display: block;
   position: relative;
}
.view_big h2 {
   text-transform: uppercase;
   color: #fff;
   text-align: center;
   position: relative;
   font-size: 17px;
   padding: 10px;
   background: rgba(0, 0, 0, 0.8);
   margin: 20px 0 0 0;
}
.view_big p {
   font-family: Georgia, serif;
   font-style: italic;
   font-size: 12px;
   position: relative;
   color: #fff;
   padding: 10px 20px 20px;
   text-align: center;
}
.view_big a.info {
   display: inline-block;
   text-decoration: none;
   padding: 7px 14px;
   background: #000;
   color: #fff;
   text-transform: uppercase;
}
.view_big a.info: hover {}

.gal-tenth img {
   -webkit-transform: scaleY(1);
   -moz-transform: scaleY(1);
   -o-transform: scaleY(1);
   -ms-transform: scaleY(1);
   transform: scaleY(1);
   -webkit-transition: all 0.7s ease-in-out;
   -moz-transition: all 0.7s ease-in-out;
   -o-transition: all 0.7s ease-in-out;
   -ms-transition: all 0.7s ease-in-out;
   transition: all 0.7s ease-in-out;
}
.gal-tenth .mask {
   background-color: rgba(255, 45, 45, 0.7);
   -webkit-transition: all 0.5s linear;
   -moz-transition: all 0.5s linear;
   -o-transition: all 0.5s linear;
   -ms-transition: all 0.5s linear;
   transition: all 0.5s linear;
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
   filter: alpha(opacity=0);
   opacity: 0;
}
.gal-tenth h2 {
   border-bottom: 1px solid rgba(0, 0, 0, 0.3);
   background: transparent;
   margin: 20px 40px 0px 40px;
   -webkit-transform: scale(0);
   -moz-transform: scale(0);
   -o-transform: scale(0);
   -ms-transform: scale(0);
   transform: scale(0);
   color: #333;
   -webkit-transition: all 0.5s linear;
   -moz-transition: all 0.5s linear;
   -o-transition: all 0.5s linear;
   -ms-transition: all 0.5s linear;
   transition: all 0.5s linear;
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
   filter: alpha(opacity=0);
   opacity: 0;
}
.gal-tenth p {
   color: #333;
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
   filter: alpha(opacity=0);
   opacity: 0;
   -webkit-transform: scale(0);
   -moz-transform: scale(0);
   -o-transform: scale(0);
   -ms-transform: scale(0);
   transform: scale(0);
   -webkit-transition: all 0.5s linear;
   -moz-transition: all 0.5s linear;
   -o-transition: all 0.5s linear;
   -ms-transition: all 0.5s linear;
   transition: all 0.5s linear;
}
.gal-tenth a.info {
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
   filter: alpha(opacity=0);
   opacity: 0;
   -webkit-transform: scale(0);
   -moz-transform: scale(0);
   -o-transform: scale(0);
   -ms-transform: scale(0);
   transform: scale(0);
   -webkit-transition: all 0.5s linear;
   -moz-transition: all 0.5s linear;
   -o-transition: all 0.5s linear;
   -ms-transition: all 0.5s linear;
   transition: all 0.5s linear;
}
.gal-tenth:hover img {
   -webkit-transform: scale(10);
   -moz-transform: scale(10);
   -o-transform: scale(10);
   -ms-transform: scale(10);
   transform: scale(10);
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
   filter: alpha(opacity=0);
   opacity: 0;
}
.gal-tenth:hover .mask {
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
   filter: alpha(opacity=100);
   opacity: 1;
}
.gal-tenth:hover h2,.gal-tenth:hover p,.gal-tenth:hover a.info {
   -webkit-transform: scale(1);
   -moz-transform: scale(1);
   -o-transform: scale(1);
   -ms-transform: scale(1);
   transform: scale(1);
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
   filter: alpha(opacity=100);
   opacity: 1;
}
.gal {
   width: 234px;
   height: 150px;
   margin: 10px;
   float: left;
   border: 10px solid #fff;
   overflow: hidden;
   position: relative;
   text-align: center;
   -webkit-box-shadow: 1px 1px 2px #e6e6e6;
   -moz-box-shadow: 1px 1px 2px #e6e6e6;
   box-shadow: 1px 1px 2px #e6e6e6;
   cursor: default;
   background: #fff url(../images/bgimg.jpg) no-repeat center center;
}
.gal .mask,.gal .content {
   width: 234px;
   height: 150px;
   position: absolute;
   overflow: hidden;
   top: 0;
   left: 0;
}
.gal img {
   display: block;
   position: relative;
}
.gal h2 {
   text-transform: uppercase;
   color: #fff;
   text-align: center;
   position: relative;
   font-size: 17px;
   padding: 10px;
   background: rgba(0, 0, 0, 0.8);
   margin: 20px 0 0 0;
}
.gal p {
   font-family: Georgia, serif;
   font-style: italic;
   font-size: 12px;
   position: relative;
   color: #fff;
   padding: 10px 20px 20px;
   text-align: center;
}
.gal a.info {
   display: inline-block;
   text-decoration: none;
   padding: 7px 14px;
   background: #000;
   color: #fff;
   text-transform: uppercase;
   -webkit-box-shadow: 0 0 1px #000;
   -moz-box-shadow: 0 0 1px #000;
   box-shadow: 0 0 1px #000;
   margin: 60px 0 0 0;
}
.gal a.info: hover {
   -webkit-box-shadow: 0 0 5px #000;
   -moz-box-shadow: 0 0 5px #000;
   box-shadow: 0 0 5px #000;
}

.mision {    width:600px;	float:left; margin:17px 0; padding-top :100px;}
.vdo{    width:600px; float:right; margin:17px 0; padding:5px; box-shadow: 0 0 5px #828282; border:5px solid #fff;}

.cln-slider { width:100%; height:auto; float:left; background:#c2e1ac;}

#flexiselDemo3 {
display:none;
}
.nbs-flexisel-nav-left {
    left: 15px;
    background: url(../images/button-previous.png) no-repeat center center;
}
.nbs-flexisel-nav-left,
.nbs-flexisel-nav-right {
    width: 22px;
    height: 75%; 
    position: absolute;
    cursor: pointer;
    z-index: 100;
    opacity: 0.5;
}
.nbs-flexisel-item img {
    width: 100%;
    cursor: pointer;
    position: relative;
    margin-top: 10px;
    margin-bottom: 10px;
    max-width:285px;
    max-height:150px;
	border: 5px dotted #fff;
}
.nbs-flexisel-container {
    position:relative;
    max-width:100%;
}
.nbs-flexisel-ul {
    position:relative;
    width:9999px;
    margin:0px;
    padding:0px;
    list-style-type:none;   
    text-align:center;  
}

.nbs-flexisel-inner {
    overflow:hidden;
    width:95%;
	margin:0 auto; 
}

.nbs-flexisel-item {
    float:left;
    margin:0px;
    padding:0px;
    cursor:pointer;
    position:relative;
    line-height:0px;
}

.nbs-flexisel-nav-right {
    right: 15px;
    background: url(../images/button-next.png) no-repeat center center;
}


.main_lft{    width:300px;	float:left; margin:30px;}
.main_rgt{    width:550px;	float:left; margin:30px 10px;}

.more{
	position:relative;
	clear:both;
	font-family:'Arial Narrow', Arial, sans-serif;
    text-transform: uppercase;
    font-size: 11px;
    padding: 5px 0px 10px;
    width: 540px;
    margin: 0 auto;
}
.more ul{
	display:block;
	text-align:center;
    height: 30px;
}
.more ul li{
	display: block;
    padding: 4px 2px;
    float:left;
}
.more ul li.selected a,
.more ul li.selected a:hover{
	background:#b2891b;
	color:#fff;
	text-shadow:none;
}
.more ul li a{
	color:#555;
    float:left;
	background:#fff;
    width:40px;
	padding: 2px 5px;
}
.more ul li a:hover{	background:#000;	color:#fff;}

.bootstrap-iso .formden_header h2, .bootstrap-iso .formden_header p, .bootstrap-iso form{font-family: Arial, Helvetica, sans-serif; color: black}.bootstrap-iso form button, .bootstrap-iso form button:hover{color: white !important;} .asteriskField{color: red;}


    .m-d.expand-list{
        margin: 0;
        padding: 0;
    }
    .m-d.expand-list > li{
        list-style-type: none;
        padding: 15px 0;
        margin-bottom: 5px;
        position: relative;
		background: #c2e1ac;
/*         max-width: 80%; */
    }
    .m-d label[class^="tab"]:hover{
        cursor: pointer;
    }
    .m-d input{
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
    }
    .m-d input[class^="tab"]{
        width: 100%;
        height: 40px;
        position: absolute;
        left: 0;
        top: 0; 
    }
		.m-d input[class^="tab"]:hover{
			cursor: pointer;
		}
    .m-d label[class^="tab"]{
        font-weight: bold; padding-left: 15px;
    }
    .m-d .content{
        height: auto;
        max-height: 0;
        max-width: 90%;
/*        background: yellow;*/
        overflow: hidden;
        transform: translateY(20px);
        transition: all 180ms ease-in-out 0ms;  padding-left: 15px;
    }
    .m-d li[data-md-content="100"] input[class^="tab"]:checked ~ .content{
        max-height: 100px;
        transition: all 150ms ease-in-out 0ms;
    }
    .m-d li[data-md-content="200"] input[class^="tab"]:checked ~ .content{
        max-height: 200px;
        transition: all 200ms ease-in-out 0ms;
    }
    .m-d li[data-md-content="300"] input[class^="tab"]:checked ~ .content{
        max-height: 300px;
        transition: all 250ms ease-in-out 0ms;
    }
    .m-d li[data-md-content="400"] input[class^="tab"]:checked ~ .content{
        max-height: 400px;
        transition: all 250ms ease-in-out 0ms;
    }
    .m-d li[data-md-content="500"] input[class^="tab"]:checked ~ .content{
        max-height: 500px;
        transition: all 250ms ease-in-out 0ms;
    }
    .m-d li[data-md-content="600"] input[class^="tab"]:checked ~ .content{
        max-height: 600px;
        transition: all 250ms ease-in-out 0ms;
    }
    .m-d li[data-md-content="700"] input[class^="tab"]:checked ~ .content{
        max-height: 700px;
        transition: all 300ms ease-in-out 0ms;
    }
    .m-d li[data-md-content="800"] input[class^="tab"]:checked ~ .content{
        max-height: 800px;
        transition: all 300ms ease-in-out 0ms;
    }
    .m-d li[data-md-content="900"] input[class^="tab"]:checked ~ .content{
        max-height: 900px;
        transition: all 300ms ease-in-out 0ms;
    }
    .m-d li[data-md-content="1000"] input[class^="tab"]:checked ~ .content{
        max-height: 1000px;
        transition: all 350ms ease-in-out 0ms;
    }
		.m-d li[data-md-content=""] input[class^="tab"]:checked ~ .content{
        max-height: 1000px;
        transition: all 250ms ease-in-out 0ms;
    }
    .m-d input[class^="tab"]:checked ~ .content{
        margin-bottom: 20px;
    }
    
    .m-d .open-close-icon{
        display: inline-block;
        position: absolute;
        right: 20px;
        transform: translatey(2px);
    }
    .m-d .open-close-icon i{
        position: absolute;
        left: 0;
    }
    .m-d .open-close-icon .fa-minus{
        transform:rotate(-90deg);
        transition: transform 150ms ease-in-out 0ms;
    }
    .m-d input[class^="tab"]:checked ~ .open-close-icon .fa-minus{
        transform: rotate(0deg);
        transition: transform 150ms ease-in-out 0ms;
    }
    .m-d .open-close-icon .fa-plus{
        opacity: 1;
        transform:rotate(-90deg);
        transition: opacity 50ms linear 0ms, transform 150ms ease-in-out 0ms;
    }
    .m-d input[class^="tab"]:checked ~ .open-close-icon .fa-plus{
        opacity: 0;
        transform: rotate(0deg);
        transition: opacity 50ms linear 0ms, transform 150ms ease-in-out 0ms; 
    }
    























*{
	line-height: 1.4;
	font-family: "harmonia sans", roboto, arial;
}


#contact_form form .input_field {
    background: none;
    border: 1px solid #c6c6c6;
    color: #232323;
    font-family: Tahoma,Geneva,sans-serif;
    font-size: 12px;
    height:22px;
    margin-bottom: 10px;
    padding:1%;
    width:98%;
	border-radius: 5px;
}
#contact_form form .submit_btn {
    background:#e32827;
    border: 0 none;
    color: #ffffff;
    cursor: pointer;
    float: right;
    padding:10px 0;
	width:49%;
}
#contact_form form .rest_btn {
    background:#404040;
    border: 0 none;
    color: #ffffff;
    cursor: pointer;
    float: left;
    padding:10px 0;
	width:49%;
}
#contact_form form textarea {
    background: none;
    border: 1px solid #c6c6c6;
    color: #232323;
    font-family: Tahoma,Geneva,sans-serif;
    font-size: 12px;
    height: 80px;
    margin-bottom: 10px;
      padding:1%;
    width:98%;
}

#contact_address h1 { background:none; font-size:20px; margin-bottom:5px; text-align:left;}
#contact_address p { padding-bottom:5px; margin-bottom:0; font-size:14px;}



.top_menu { display:none; width:100%; float:left; position:absolute; height:auto;}
#mobileMenu {
	display: block;
	z-index: 99;
	position:relative;
}
.toggleMobile {
	position:absolute;
	top: 12px;
	right: 12px;
	display: block;
	width: 25px;
	height: 25px;
	cursor: pointer;
	z-index: 999;
	float:right;
}
.toggleMobile span.menu1, .toggleMobile span.menu2, .toggleMobile span.menu3 {
	display: block;
	position: absolute;
	width: 25px;
	height:3px;
	right: 0;
	background: #000;
	-webkit-transition: all 0.35s cubic-bezier(0.75, 0.25, 0.10, 0.95);
	transition: all 0.35s cubic-bezier(0.75, 0.25, 0.10, 0.95);
}
.toggleMobile span.menu1 {
	top: 0;
}
.toggleMobile span.menu2 {
	top:7px;
}
.toggleMobile span.menu3 {
	top:14px;
}
.toggleMobile.active span.menu1 {
	top:7px;
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
	-webkit-transition: all 0.35s cubic-bezier(0.75, 0.25, 0.10, 0.95);
	transition: all 0.5s cubic-bezier(0.75, 0.25, 0.10, 0.95);
}
.toggleMobile.active span.menu2 {
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	transform: rotate(-45deg);
	-webkit-transition: all 0.35s cubic-bezier(0.75, 0.25, 0.10, 0.95);
	transition: all 0.5s cubic-bezier(0.75, 0.25, 0.10, 0.95);
}
.toggleMobile.active span.menu3 {
	opacity: 0;
	-webkit-transition: opacity 0.35s cubic-bezier(0.75, 0.25, 0.10, 0.95);
	transition: opacity 0.35s cubic-bezier(0.75, 0.25, 0.10, 0.95);
}

#mobileMenu ul { margin:0px; padding:0px;}

#mobileMenu ul li {
	display:block;
	background-color: #0db14b;
	color: #fff;
	padding: 10px 0;
	text-align: center;
	text-transform: uppercase;
	border-bottom: 1px solid #067a32;
}
#mobileMenu ul li a {
	color:#fff;
	font-size:14px;
	text-decoration:none;
	padding:5px 30%;
}

.watsap { display:none}
.call { display:none}

/******************************MOBILE VERSION START********************************************/
@media screen and (max-width: 800px) {
.wrapper { width:100%;}
.menu { display:none}
	.watsap { float:left; height:auto; z-index:10; position:absolute; margin-top:2px; margin-left:60px; display: block;}
	.call { float:left; height:auto; z-index:10; position:absolute; margin-top:2px; margin-left:15px; display: block;}
.top_menu { display:block; position:fixed; top:0; z-index:9; height: 40px; background: #0db14b;}
.logo { width:100%; background-position:center; margin:5px 0 0 0; }
	.slogan { display: none;}
	.history_text { width: 100%;}
.lang,.soc,.activities_bg,.ftr_menu,.top-mail,.enqery { display:none;}
.top-mail { float:right;}
.cln { width:96%; padding:0 2%;}
.activities { height:150px; display:none;}
.social_touch { margin:0 auto; float:none; width:225px;}
.ftr_b { height:auto;}
.plc_img { text-align:center; float:none;}
.plc_txt { width:auto; padding:20px 2%;}
.plc_txt h1 { text-align:center;}
.we_rgt { display:none;}
.we_lft { width:100%;}
.top-call { margin-left:15px;}
.ftr_a { height:auto;}
.enq_bg { height:auto;}
	.mision { width: 96%; padding: 2%;}
	iframe {width:100%;}
	.vdo { width: 90%; padding: 2%; display: flex; float: none; margin: 0 auto;}
.sec_bg_lft p { text-align:center;}
.sec_bg_lft { width:100%; text-align:center;}
	.copy { padding: 10px;}
.active { background:none;}
.fecilit_left { width:100%;}
.fecilit_rgt { width:100%;}
.phone,.location { margin:0 auto; float:none; margin-top:10px; background:none; background:none; padding:0;}
.phone p { text-align:center;}
.location p { text-align:center;}
.ca-menu,.ca-menu li { width:100%;}
	.cntct_left { width: 100%; border: 0; padding-right: 0;}
	.cntct_rgt { width: 100%; text-align: center;}
	.market_txt { padding: 2%;}
	.place li { width: 96%;}
	.block-social {display:none;}
}

/******************************MOBILE VERSION END********************************************/