@charset "utf-8";
/* CSS Document */
a:active, a:focus { outline: none; -moz-outline-style: none; }

@font-face {
	font-family: 'Conv_Planer_Reg';
	src: url('fonts/Planer_Reg.html');
	src: local('☺'), url('fonts/Planer_Reg-2.html') format('woff'), url('fonts/Planer_Reg-3.html') format('truetype'), url('fonts/Planer_Reg-4.html') format('svg');
	font-weight: normal;
	font-style: normal;
}

/**sub-menu  **/
.dropdown-menu .sub-menu {left: 100%; position: absolute; top: 0; visibility: hidden; margin-top: -1px;}
.dropdown-menu li:hover .sub-menu {visibility: visible; }
.dropdown:hover .dropdown-menu { display: block;}


.padding-none{ padding-right:0px !important;}
.carousel {margin-top: 80px; position: relative;}

body{font-family: 'Lato', sans-serif; font-size:15px;}
.navbar-nav{font-family: 'Lato', sans-serif; font-weight:600; font-size:14px; margin:15px 0;  }

.carousel-caption h2{font-family: 'Open Sans Condensed', sans-serif !important; font-size:54px; line-height:28px;  color:#FFF; font-weight: normal !important; margin-bottom:35px;}

.carousel-caption p{font-family: 'Conv_Planer_Reg'; font-size:22px; line-height:35px;  color:#FFF;}

.servicesHome{ padding:55px 0; text-align: center; font-weight:400;}
.servicesHome h4{ font-size:17px; color:#06b492; font-weight:800; padding:0px; margin:8px 0;}
.servicesHome p{ font-size:15px; color:#292728; padding:0px; margin:0 0 20px 0;}

.servicesHome .btn-default {background-color: #06b492;  border-color: #06b492; padding:10px 30px;  color: #FFF; border-radius:0px;}
.servicesHome .btn-default:hover {background-color: #00866c; border-color: #00866c; color: #FFF; border-radius:0px;} 


/** welcomeText **/
.welcomeText{ background:#595055; width:100%; height:auto;}
.welcomeText .alignleft {display: block; float: left; margin: 0 75px 0px 0;}
.welcomeText h2{font-family: 'Lato', sans-serif;  font-size:31px; color:#FFF; font-weight:400; padding:0px; margin:105px 0 0 0;}


.alignleft {display: block; float: left; margin: 0 25px 25px 0;}
.alignright {display: block; float: right; margin: 0 0 25px 25px;}
.aligncenter {display: block; margin: 0 auto;}

/** Recent Work **/
.resentWork{ width:100%; height: auto; padding:45px 0;}
#slideshow-2 h2{font-family: 'Lato', sans-serif;  font-size:22px; color:#01a383; font-weight:600; padding:0px; margin:0 0 15px 0;}
#slideshow-2 h3{font-family: 'Lato', sans-serif;  font-size:17px; color:#01a383; font-weight:600; padding:0px; margin:10px 0;}
#slideshow-2 h3 a{color:#01a383; text-decoration:none;}
#slideshow-2 h3 a:hover{color:#333; text-decoration:none;}

#slideshow-2 .cycle-slide p a{color:#333; text-decoration: none;}
#slideshow-2 .cycle-slide p a:hover{color:#000; text-decoration: none;}

#slideshow-2 h2 span{font-family: 'Lato', sans-serif; color:#333; font-weight:400;}
.resentWork img{ width:100%; height:auto;}

.cycle-prev img, .cycle-next img{ width: auto;}
.resentWork .col-sm-3 a{ display: table-cell; padding:10px 15px 12px 15px; background:#01a383;}
.resentWork .col-sm-3 a:hover{ display: table-cell; padding:10px 15px 12px 15px; background:#01a383;}

.resentWork .text-justify{ margin-bottom:15px;}

#slideshow-2 .disabled{ background:#028d71 !important;}
#slideshow-3 .disabled{ background:#028d71 !important;}

#slideshow-2 .cycle-slide{ padding:0 15px; margin-right:5px; width:33.33%; text-align:left;}
.resentWork hr{ border-color:#01a383; border-width: 2px 0 0; margin:45px 0;}

#slideshow-3 .cycle-slide{ padding:0 30px 0 0; width:33.33%;  text-align:right;}

#slideshow-3 .cycle-slide p a{color:#333; text-decoration: none;}
#slideshow-3 .cycle-slide p a:hover{color:#000; text-decoration: none;}


#slideshow-3 h3{font-family: 'Lato', sans-serif;  font-size:17px; color:#01a383; font-weight:600; padding:0px; margin:10px 0;}

#slideshow-3 h3 a{color:#01a383; text-decoration: none;}
#slideshow-3 h3 a:hover{color:#333; text-decoration: none;}


#slideshow-3 h2{font-family: 'Lato', sans-serif;  font-size:22px; color:#01a383; font-weight:600; padding:0px; margin:0 0 15px 0; text-align:right;}

#slideshow-3 h2 span{font-family: 'Lato', sans-serif; color:#333; font-weight:600;}

.fr{ float:right;}
.fl{ float:left;}

.video-container {position:relative;  height:580px; overflow:hidden; }
.video-container iframe, .video-container object, .video-container embed {position:absolute; top:0; left:0; width:100%; height:100%; }



/** aboutHome **/
.aboutHome{ width:100%; height: auto; padding:45px 0;}
.aboutHome h2{font-family: 'Lato', sans-serif;  font-size:22px; color:#01a383; font-weight:600; padding:0px; margin:15px 0; }
.aboutHome h2 span{font-family: 'Lato', sans-serif; color:#333; font-weight:600;}

.aboutHome .list2 img{ margin-bottom:25px;}
.aboutHome .list2 ul{ padding:0px; margin:25px 0 0 0;}
.aboutHome .list2 ul li{ padding:0 0 0 35px; list-style: none;  margin:8px 0; background:url(../images/listing.jpg) left center no-repeat;}
#accordion img{ padding-top:8px;}
#accordion  a{ text-decoration: none; color:#333333; display: block;}
#accordion  a:hover{ text-decoration: none; color:#333333;}
.panel-body{ line-height:21px;}


/**clients **/
.clients{ width:100%; height:auto; background:#ededed; padding:25px 0; margin-top: 5%;}
.clients #owl-demo .item{ margin: 0 10px;}
.clients #owl-demo .item img{display: block; width: 100%; height: auto; border: solid 1px #ccc; padding-bottom:1px;}

.clients .owl-theme .owl-controls {margin-top: 10px; display: none !important; text-align: center;}
 
 
/** footer **/
.footer{width:100%; height:auto; background:#01a383; padding:3px 0;}
.footer .text-center{ color:#FFF; font-weight:400; margin:0px; padding:0px;}
.colorFooter{ background:#282626; width:100%; height:auto; padding:55px 0;  }
.colorFooter h2{font-family: "Arial Black", Gadget, sans-serif;  font-size:31px; color:#01a383; font-weight:400; padding:0px; margin:0 0 15px 0;}
.colorFooter p{ color:#cbc8c8; font-size:14px;}

.colorFooter h3{font-family: 'Lato', sans-serif; display: block;  font-size:20px; color:#FFF; font-weight:400; padding:0px; margin:0 0 15px 0;}
.colorFooter strong{font-family: 'Lato', sans-serif; font-size:15px; color:#01a383; font-weight:800; padding:0px; margin:0 0 15px 0; }
.colorFooter p a{color:#cbc8c8; text-decoration: none;}
.colorFooter p a:hover{color:#01a383; text-decoration: none;}
.colorFooter .col-sm-5 strong a{color:#01a383; text-decoration: none;}
.colorFooter .col-sm-5 strong a:hover{color:#FFF; text-decoration: none;}

.colorFooter .col-sm-5 p a{color:#cbc8c8; text-decoration: none;}
.colorFooter .col-sm-5 p a:hover{color:#01a383; text-decoration: none;}

.navbar {-webkit-transition: background .5s ease-in-out,padding .5s ease-in-out; -moz-transition: background .5s ease-in-out,padding .5s ease-in-out; transition: background .5s ease-in-out,padding .5s ease-in-out; }
.top-nav-collapse {padding: 0; }
.top-nav-collapse .navbar-brand{ padding:10px 15px;}
.top-nav-collapse .navbar-nav {  margin:0;}


.colorFooter .col-sm-5 p{color:#cbc8c8; margin-bottom:3px;}
.colorFooter span{color:#01a383; font-size:14px; font-style:italic; font-weight:300;}
.colorFooter hr{ border-color:#666565; border-width: 1px 0 0;}

.colorFooter .col-sm-4 hr{ border-color:#666565; border-width: 1px 0 0; margin:5px 0;}

.copyRight{width:100%; height:auto; background:#01a383; padding:15px 0;}
.copyRight p{ color:#282626; font-size:14px; float:left; margin:5px 0;}

.social { float:right;}
.social a {display: block; float: left; height: 29px; margin: 0 0 0 10px; text-indent: -999em; width: 29px;}
.social a.tw {background: rgba(0, 0, 0, 0) url("../images/tiw.png") no-repeat scroll left top;}
.social a.tw:hover {background: rgba(0, 0, 0, 0) url("../images/black-tiw.png") no-repeat scroll left bottom;}
.social a.fb {background: rgba(0, 0, 0, 0) url("../images/facebook.png") no-repeat scroll 0px top; margin:0px;}
.social a.fb:hover {background: rgba(0, 0, 0, 0) url("../images/black-facebook.png") no-repeat scroll 0px bottom;}

.social a.instagram {background: rgba(0, 0, 0, 0) url("../images/instagram.png") no-repeat scroll 0px; margin: 1px -5px 0 0;}
.social a.instagram:hover {background: rgba(0, 0, 0, 0) url("../images/black-instagram.png") no-repeat scroll 0px bottom;}


/** profile **/

.profile-banner{padding:94px 0 0 0; position:relative;}
.profile-banner img{ width:100%; height:200px; background-size:100%; background-repeat:no-repeat;}

.pageName{ position:absolute; bottom:10%; z-index:999;}
.pageName h2{font-family: 'Lato', sans-serif;  font-size:35px; color:#FFF; display:inline-block; border-bottom: solid 1px #FFF; font-weight:400; padding:0 0 10px 0px; margin:0 0 10px 0; }
.pageName ul{ padding:0px; margin:0px;}
.pageName ul li{ list-style: none; float:left; background: url(../images/left-border.png) left center no-repeat; padding:0 15px; margin:0px;}
.pageName ul li:first-child{ background: none; padding-left:0px;  padding-right: 10px;}
.pageName ul li a{ text-decoration: none; color:#FFF;}
.pageName ul li a:hover{ text-decoration: none; color:#01a383;}

.innerMain{ padding:55px 0; width:100%; height:auto;}
.innerMain p{ color:#333; margin:0 0 25px 0;}

.innerMain h2{font-family: 'Lato', sans-serif;  font-size:22px; color:#01a383; font-weight:800; padding:0px; margin:10px 0 15px 0;}
.innerMain h2 span{font-family: 'Lato', sans-serif; color:#333; font-weight:800;}
.gallery{ margin:0; width:100%; height:auto; position:relative; z-index:9;}
.gallery img{ width:100%; height:420px;}
.gallery h2{font-family: 'Lato', sans-serif;  font-size:22px; color:#01a383; font-weight:600; padding:0px; margin:0 0 45px 0;}
.gallery h2 span{font-family: 'Lato', sans-serif; color:#333; font-weight:600;}


.center{ position:absolute; z-index:999; top:50%; width:100%; padding:0 25px;}
.center img{ width:auto; height: auto;}

.gallery #prev{ float:left; cursor: pointer;}
.gallery #next{ float:right; cursor: pointer;}
.innerMain .owl-carousel{ margin-top:35px; position:relative;}
.innerMain .owl-pagination {text-align: center; display: none !important;}
.innerMain .owl-buttons{ position:absolute; z-index:99; top:40%; width:100%;}
.innerMain .owl-prev{ float:left; margin-left:-50px !important; width:41px; height:40px; background:url(../images/icon2.png) !important;}
.innerMain .owl-next{ float:right; margin-right:-50px !important; width:41px; height:40px; background:url(../images/icon1.png) !important;}

.innerMain .item{ margin: 0 10px; position:relative; text-align: center;}
.item a{ text-decoration: none; color:#01a383;} 
.item a:hover{ text-decoration: none; color:#333;} 

.item h3 {color: #01a383; font-family: "Lato",sans-serif; font-size: 17px; font-weight: 800; margin:15px 0; padding: 0;}
.innerMain .item img{display: block; width: 100% !important; height: auto;}

.playButton{ position:absolute; top:35%; width:100%; text-align: center; z-index:99999;}
.innerMain .item .playButton img{ width: auto !important; height: auto; margin:0 auto;}


.playButton2{ position:absolute; top:35%; width:100%; text-align: center; z-index:99;}
.playButton2 img{ width:auto !important; height: auto; margin:0 auto;}


.innerMain .owl-theme .owl-controls .owl-buttons div {background: #028d71; color: #fff; display: inline-block; font-size: 14px; border-radius:0px; margin: 0; opacity:1; padding: 10px;}


/**news banner***/


.news-banner{  padding:94px 0 0 0; position:relative; }
.news-banner img{ width: 100%; height:200px; background-size:100%; background-repeat:no-repeat;}

.leftPart h2{color: #01a383; font-family: "Lato",sans-serif; font-size: 30px; font-weight: 600; margin:0 0 15px 0; padding: 0;}
.leftPart p{ text-align:justify;}

.social2 { float:left; margin-bottom:15px;}
.social2 a {display: block; float: left; height: 29px; margin: 0 8px 0 0; text-indent: -999em; width: 29px;}
.social2 a.tw {background: rgba(0, 0, 0, 0) url("../images/social2.png") no-repeat scroll left top;}
.social2 a.tw:hover {background: rgba(0, 0, 0, 0) url("../images/social2.png") no-repeat scroll left bottom;}
.social2 a.fb {background: rgba(0, 0, 0, 0) url("../images/social2.png") no-repeat scroll -35px top; margin:0px;}
.social2 a.fb:hover {background: rgba(0, 0, 0, 0) url("../images/social2.png") no-repeat scroll -35px bottom;}


.leftPart hr{ border-color:#cccccc; border-width: 1px 0 0; margin:10px 0; clear:both;}
.leftPart h3{font-family: 'Lato', sans-serif;  font-size:22px; color:#01a383; font-weight:600; padding:0px; margin:35px 0 10px 0;}
.leftPart h3 span{font-family: 'Lato', sans-serif; color:#333; font-weight:600;}

.leftPart h4 {color: #01a383; font-family: "Lato",sans-serif; font-size: 17px; font-weight: 800; margin:0 0 15px 0; padding: 0;}


.leftPart h4 a{color: #01a383; text-decoration: none; }
.leftPart h4 a:hover{color: #333; text-decoration: none; }

.leftPart p a{color: #333; text-decoration: none; }
.leftPart p a:hover{color: #000; text-decoration: none; }


.leftPart .col-sm-6 img{ margin:35px 0;}
.categories{ border: solid 1px #CCC;}
.categories h3{font-family: 'Lato', sans-serif;  font-size:22px; color:#FFF; font-weight:600; padding:20px 0; text-align: center; background:#06b492; margin:0;}

.categories ul{ font-size:17px; font-weight:600; margin:0px; padding:0;}
.categories ul li{ list-style: none; border-bottom: solid 1px #ccc;  margin:0px; padding:15px 45px; background: url(../images/star.png) 20px center no-repeat; }
.categories ul li:last-child{ border: none;}
.categories ul li .active{color:#06b492;}
.categories ul li a{ color:#333; text-decoration: none;}
.categories ul li a:hover{ color:#06b492; text-decoration: none;}
.margin-none{ margin-top:0px !important;}
.newsPage{ position:relative; background:#000;}
.newsPage-info{ position: absolute; z-index:999; bottom:10%; width:100%; padding:0 85px;}
.newsPage-info p{ color:#FFF;}
.newsPage img{  opacity: 0.5;}
.social3 img{  opacity: none;}

.social3 { float:left; margin-bottom:15px;}
.social3 a {display: block; float: left; height: 29px; margin: 0 8px 0 0; text-indent: -999em; width: 29px;}
.social3 a.fb {background: rgba(0, 0, 0, 0) url("../images/social3.png") no-repeat scroll left top;}
.social3 a.fb:hover {background: rgba(0, 0, 0, 0) url("../images/social3.png") no-repeat scroll left bottom;}
.social3 a.tw {background: rgba(0, 0, 0, 0) url("../images/social3.png") no-repeat scroll -35px top; margin:0px;}
.social3 a.tw:hover {background: rgba(0, 0, 0, 0) url("../images/social3.png") no-repeat scroll -35px bottom;}



/**hotel-resort **/
.hotel-resort-banner{  padding:94px 0 0 0; position:relative; }
.hotel-resort-banner img{ width: 100%; height:200px; background-size:100%; background-repeat:no-repeat;}



/*Slicebox*/
.sliderNew{ background:#000; position:relative; padding-top:74px; }
.sb-description h3 {font-size: 55px; font-family:Verdana, Geneva, sans-serif; text-shadow: 1px 1px 1px rgba(0,0,0,0.3); color: #333; margin: 0px 94px 13px;}
.sb-description h3 a {color: #4a3c27; text-shadow: 0 1px 1px rgba(255,255,255,0.5);}
.nav-arrows {display: none;}
.nav-arrows a { width: 42px; height: 42px; background: #01a383 url(../images/nav.png) no-repeat top left; position: absolute; top: 50%; left: 2px; text-indent: -9000px; cursor: pointer; margin-top: -21px; z-index:99;}
.nav-arrows a:first-child{left: auto; right: 2px; background-position: top right;}
.nav-arrows a:hover {opacity: 1;}
.nav-dots { text-align: center; position: absolute; bottom: 15px; height: 30px; width: 100%; left: 0; display: block;}
.nav-dots span {display: inline-block; width: 16px; height: 16px; border-radius: 50%; margin: 3px; background: #01a383; cursor: pointer;}
.nav-dots span.nav-dot-current { background:#007d64;}
.nav-options { width: 70px; height: 30px; position: absolute; right: 70px; bottom: 0px; display: none;}
.nav-options span { width: 30px; height: 30px; background: #cbbfae url(../images/options.png) no-repeat top left; text-indent: -9000px; cursor: pointer; opacity: 0.7; display: inline-block; border-radius: 50%;}
.nav-options span:first-child{background-position: -30px 0px; margin-right: 3px;}
.nav-options span:hover { opacity: 1;}


/* Slicebox Style */
.sb-slider {margin: 0px auto;	position: relative;   max-width: 100% !important; overflow: hidden; width: 100%; list-style-type: none; padding: 0;}

.sb-slider li {	margin: 0;	padding: 0;	display: none;}
.sb-slider li > a {	outline: none;}
.sb-slider li > a img {	border: none;}
.sb-slider img {max-width: 100%; display: block;}
.sb-description {padding: 20px;	bottom: 42%; left: 10px; right: 10px; z-index: 9; position: absolute; color: #333; -webkit-transition: all 200ms; -moz-transition: all 200ms; -o-transition: all 200ms; -ms-transition: all 200ms; transition: all 200ms;}
.sb-perspective {position: relative;}
.sb-perspective > div {	position: absolute; -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; -o-transform-style: preserve-3d; -ms-transform-style: preserve-3 -webkit-backface-visibility : hidden; -moz-backface-visibility : hidden; -o-backface-visibility : hidden; -ms-backface-visibility : hidden; backface-visibility : hidden; }
.sb-side {margin: 0; display: block; position: absolute; -moz-backface-visibility : hidden; -webkit-transform-style: preserve-3d;
	-moz-transform-style: preserve-3d; -o-transform-style: preserve-3d; -ms-transform-style: preserve-3d; transform-style: preserve-3d; }

.panel-collapse ul { padding:0px 35px 35px 35px; margin:0px;}
.panel-collapse ul li {padding:0; margin:10px 0;}



.cycle-slide p {
  display: block;
  overflow: hidden;
  padding: 10px 0 25px 0;
}

.listting25{ padding:0px; margin:0 0 25px 0px;}
.listting25 li{ list-style: none; padding:0 0 0 35px; margin:5px 0; background:url(../images/arrow25.png) left center no-repeat;}

/*~pagination~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
div.mxpaging{width:100%;text-align:center;float:left;font-size:12px;padding:10px 0px;}
div.mxpaging ul{width:100%;}
div.mxpaging ul li{display:inline-block;}
div.mxpaging a{width:32px;height:32px; line-height:32px; display:inline-block; vertical-align:top;padding:0;margin:0px 5px;background:#fff;color:#6c6c6c;text-decoration:none; text-align:center; border-radius:5px; border:1px solid #999;}

div.mxpaging a:hover{opacity:0.8; filter:alpha(opacity:80);}
div.mxpaging a.active{color:#fff; background: none; border:1px solid #01A383;}

div.mxpaging a.next, div.mxpaging a.no-next{background:#fff url(../images/next-arrow.png) no-repeat center;}
div.mxpaging a.prev, div.mxpaging a.no-prev{background:#fff url(../images/prev-arrow.png) no-repeat center;}

div.mxpaging a.first, div.mxpaging a.no-first{background:#fff url(../images/first-arrow.png) no-repeat center;}
div.mxpaging a.last, div.mxpaging a.no-last{background:#fff url(../images/last-arrow.png) no-repeat center;}

div.mxpaging a.no-next, div.mxpaging a.no-last, div.mxpaging a.no-first, div.mxpaging a.no-prev{opacity:0.3; filter:alpha(opacity:30);}

div.mxpaging div div, div.mxpaging #showRec{display:none;}


.first, .prev, .next, .last{/*text-indent: 100%;*/
white-space: nowrap;
overflow: hidden;}
/** New Css**/
#outside {position: relative;}

.contact-banner{  padding:94px 0 0 0; position:relative; }
.contact-banner img{ width: 100%; height:200px; background-size:100%; background-repeat:no-repeat;}

.contact strong{ color:#333; font-size:16px}
.contact p a{ color:#333;}
.contact p a:hover{ color:#01a383; text-decoration: none;}

.active {color: #05B38E !important;}
.innerMain .col-sm-4  img {
  display: block;
  margin: 0; width:100% !important;
}
.innerMain img {
  display: block;
  
}
.colorFooter .alignleft {
  width: 20%;
}
.leftPart img {
  width: 100% !important; margin:0 0 20px 0;
}
.innerMain p a{ color:#333;}
.innerMain p a:hover{ color:#000;}
.fullpageImg img{width: 100% !important;  height: auto !important; margin:15px 0;}

@media only screen and (max-width: 1024px) {
.navbar-brand {float: left; height: auto; padding: 25px 15px 0px 25px;}
.navbar-nav {float: right; font-family: "Lato",sans-serif; font-size: 13px; font-weight: 600; margin: 20px 0 15px;}
.navbar-inverse .navbar-nav > li > a {color: #282626; padding-right: 0;}
.nav-arrows a{top: 55%;}	
.sb-description{ bottom: 30%;}
.navbar-fixed-top{ position: relative;}
.sliderNew{ padding:0px; margin-top:-22px;}
.innerMain .owl-prev, .innerMain .owl-next{ margin:0px !important;}
.profile-banner, .news-banner, .hotel-resort-banner, .contact-banner{ margin:0px; padding:0; height:200px; background-size: auto;  }

	}

/* iPad [portrait + landscape] */
@media only screen and (min-width: 768px) and (max-width: 1023px) {
	
/**Mobile Menu Start**/
.navbar-header {float: none;}
.navbar-toggle {display: block;} 
.navbar-collapse {border-top: 1px solid transparent; box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);}
.navbar-collapse.collapse {display: none!important; }
.navbar-nav {float: none!important; margin: 7.5px -15px;}
.navbar-nav>li {float: none;}
.navbar-nav>li>a {padding-top: 10px; padding-bottom: 10px;}
.navbar-text {float: none; margin: 15px 0;}
.navbar-collapse.collapse.in {display: block!important;}
.collapsing {overflow: hidden!important; }
/**Mobile Menu End**/
	
.nav-arrows a{top: 55%;}	
.sb-description{ bottom: 20%;}
.navbar-brand {float: left;  height: auto;  padding: 25px 15px;}

.navbar-toggle{ margin-top:30px;}
.navbar-inverse .navbar-toggle {border-color: #01a383 !important; background: #01a383;}

.navbar-inverse .navbar-toggle:focus, .navbar-inverse .navbar-toggle:hover {background-color: #333; border-color: #333 !important;}
.navbar-nav {float: right; font-family: "Lato",sans-serif; font-size: 14px; font-weight: 600; margin: 5px 0 15px;}
.navbar-nav > li > a {padding-bottom: 5px; padding-top: 5px;}
.servicesHome .col-xs-4{ width:100%;}

.profile-banner, .news-banner, .hotel-resort-banner, .contact-banner{ margin:0px; padding:0; height:200px; background-size: auto;  }

	}

/* iPhone And Other Mobile device [portrait + landscape] */
@media only screen and (min-width: 320px) and (max-width: 767px) {
.sb-description{ display: none;}
	
.navbar-nav{ float:none; font-size:15px;}
#slideshow-2 .col-sm-3{ margin-bottom:15px;}	
#slideshow-2 .cycle-slide{ padding:0px;}
.resentWork{ padding-bottom:0px;}
.video-container{ height:auto;}
.servicesHome .col-xs-4{ width:100%;}
.navbar-inverse .navbar-toggle {border-color: #01a383 !important;background: #01a383;} 
.navbar-inverse .navbar-toggle:focus, .navbar-inverse .navbar-toggle:hover {background-color: #333;  border-color: #333 !important;}
.navbar-toggle {margin-top: 20px;}
.navbar-brand {float: left; height: auto; padding: 15px;}
.welcomeText .alignleft {display: none; float: left; margin: 0 75px 0 0;}
.welcomeText h2 {color: #fff; font-family: "Lato",sans-serif; font-size: 31px; font-weight: 400; margin: 45px 0; padding: 0 15px; text-align: center;}
.alignright{ width:100%; margin:25px 0}
.contact-banner{ margin:0px; padding:0; height:200px; background-size: auto;  }
.social {float: left; margin-top: 5px;}
.colorFooter h3{ margin:25px 0;}
.leftPart h2 {color: #01a383; font-family: "Lato",sans-serif;  font-size: 25px;  font-weight: 600;  margin: 0 0 15px; padding: 0;}
.newsPage-info {bottom: 0;  padding: 0 15px; position: absolute; width: 100%; z-index: 999;}
.newsPage img {height: 290px; opacity: 0.5;}
.alignleft{ width:100%; margin:25px 0;}
.gallery img {height: 270px; width: 100%;}
.center img{ height: auto;}

.profile-banner, .news-banner, .hotel-resort-banner, .contact-banner{ margin:0px; padding:0; height:100px;  background-image: none; background:#282626;  }
.profile-banner img, .news-banner img, .hotel-resort-banner img, .contact-banner img{ display: none;  }
.innerMain img {
  display: block; width:100% !important;
  margin: 0px 0px;
}

.pageName h2{ font-size: 25px;}

.colorFooter .alignleft {
  width: 100%;
}
	}
	

  /*========== Social icon  ===========*/



.sticky-container{
  /*background-color: #333;*/
  padding: 0px;
  margin: 0px;
  position: fixed;
  right: -119px;
  top: 227px;
  width: 200px;
  z-index:999;

}

.sticky li{
  list-style-type: none;
  background-color: #06b492;
  color: #efefef;
  height: 50px;
  padding: 0px;
  margin: 8px 0px 1px 0px;
  -webkit-transition:all 0.25s ease-in-out;
  -moz-transition:all 0.25s ease-in-out;
  -o-transition:all 0.25s ease-in-out;
  transition:all 0.25s ease-in-out;
  cursor: pointer;
  filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); 
          filter: gray; 
          -webkit-filter: grayscale(0%); 
          /* -webkit-filter: grayscale(100%);  */

}

.sticky li:hover{
  margin-left: -115px;
  /*-webkit-transform: translateX(-115px);
  -moz-transform: translateX(-115px);
  -o-transform: translateX(-115px);
  -ms-transform: translateX(-115px);
  transform:translateX(-115px);*/
  /*background-color: #8e44ad;*/
  filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'1 0 0 0 0, 0 1 0 0 0, 0 0 1 0 0, 0 0 0 1 0\'/></filter></svg>#grayscale");
          -webkit-filter: grayscale(0%);
}

.sticky li img{
  float: left;
  margin: 5px 2px;
  margin-right: 10px;

}

.sticky li p{
  padding: 0px;
  margin: 0px;
  text-transform: uppercase;
  line-height: 43px;
  font-size:12px;

}

.sticky li a{
  text-decoration:none;
  color:white;
}

span.fb {
background: #3b5998;
border: 1px solid #3b5998;
}

span.twit {
background: #1da1f2;
border: 1px solid #1da1f2;
}

span.insta {
background: #e2405e;
border: 1px solid #e2405e;
}

span.gplus {
background: #db4437;
border: 1px solid #db4437;
}

span.linkdin {
background: #0077b5;
border: 1px solid #0077b5;
}