/*--

	Author: W3layouts

	Author URL: http://w3layouts.com

	License: Creative Commons Attribution 3.0 Unported

	License URL: http://creativecommons.org/licenses/by/3.0/

--*/

body{

	margin:0;

	padding:0;

	font-family: 'Lato', sans-serif;

	-webkit-appearance:none; 
    
	 background: url(../images/bg.jpg) repeat-x center center fixed; 

	

}

body a{

    transition:0.5s all;

	-webkit-transition:0.5s all;

	-moz-transition:0.5s all;

	-o-transition:0.5s all;

	-ms-transition:0.5s all;
	

}

h1,h2,h3,h4,h5,h6{

	margin:0;			   

}	

p{

	margin:0; font-size:18px;

}

ul{

	margin:0;

	padding:0;

}

/*--header--*/

.w3layouts-header-top{

    padding: 0.5em 0em;

    background-color:#55bbcc;

}

.w3-header-top-left{

    float: left;

    width: 20%;

}

.w3-header-top-left p,.w3-header-top-right-text p{

	color:#55bbcc;

	font-size:.9em;

	margin:0;

}

.w3-header-top-right{

    float: right; color:#55bbcc;

}

.agileinfo-social-grids {

    float: left;

}

/*-- social-icons --*/

.w3ls-social-icons-2 {

    text-align: right;

}

.w3l_header_left-2 {

    text-align: right;

    margin-top: 2em;

}

.w3ls-social-icons-2 i {

    font-size: 1em;

    color: #000000;

    width: 40px;

    height: 40px;

    text-align: center;

    line-height: 3;

    margin: 0;

    border-radius: 50%;

	-webkit-border-radius: 50%;

	-moz-border-radius: 50%;

    transition: 0.5s all;

    -webkit-transition: 0.5s all;

    -o-transition: 0.5s all;

    -ms-transition: 0.5s all;

    -moz-transition: 0.5s all;

    border: none;

}

.w3ls-social-icons-2 i:hover {

	background: #55bbcc;

    color: #000000;

    transition: 0.5s all;

    -webkit-transition: 0.5s all;

    -o-transition: 0.5s all;

    -ms-transition: 0.5s all;

    -moz-transition: 0.5s all;

	border-color:#55bbcc;

}

/*--header-top--*/

.header-top{   background-color:#55bbcc;

padding:0 0 0 0;

position: fixed;

z-index: 9999;

width: 100%;

clear: both;

border-bottom:1px solid rgba(128, 128, 128, 0.17);

margin-bottom:11%;

}

.logo{

	float:left;

}

.top-nav ul{

float:right;

margin:0.1em 0 0 0;

}

.top-nav ul li{

display:inline-block;

margin: 0 0;

}

.top-nav ul li a{

color:#55bbcc;

text-decoration:none;

padding:0.4em 1.5em;

display:block;

border:1px solid #55bbcc;

font-size:1.1em;

font-weight:400;

}

.top-nav ul li.active a,.top-nav ul li a:hover,#nav .current a{

border:1px solid #4b96a7;

color:#4b96a7;

}

.fixed{

	position: fixed;

	top: 0;

	width: 100%;

	margin: 0 auto;

	left:0;

	background:#000000;
	padding:1.5em 0;
	z-index:999;

	border-bottom:1px solid #EEE;

}

.fixed div.fixed-header{

	width: 72%;

	margin: 0 auto;

}



/*--/header-top--*/



/*-- Slider --*/

#slider {

	box-shadow: none;

	-moz-box-shadow: none;

	-webkit-box-shadow: none;

	margin: 0 auto;

}

.rslides_tabs {

	list-style: none;

	padding: 0;

	background: rgba(0,0,0,.25);

	box-shadow: 0 0 1px rgba(255,255,255,.3), inset 0 0 5px rgba(0,0,0,1.0);

	-moz-box-shadow: 0 0 1px rgba(255,255,255,.3), inset 0 0 5px rgba(0,0,0,1.0);

	-webkit-box-shadow: 0 0 1px rgba(255,255,255,.3), inset 0 0 5px rgba(0,0,0,1.0);

	font-size: 18px;

	list-style: none;

	margin: 0 auto 50px;

	max-width: 540px;

	padding: 10px 0;

	text-align: center;

	width: 100%;

}

.rslides_tabs li {

	display: inline;

	float: none;

	margin-right: 1px;

}

.rslides_tabs a {

	width: auto;

	line-height: 20px;

	padding: 9px 20px;

	height: auto;

	background: transparent;

	display: inline;

}

.rslides_tabs li:first-child {

	margin-left: 0;

}

.rslides_tabs .rslides_here a {

	background: rgba(255,255,255,.1);

	color: #000000;

	font-weight: bold;

}

.events {

	list-style: none;

}

.callbacks_container {

    position: relative;

    float: none;

    width: 1170px;

}

.callbacks {

	position: relative;

	list-style: none;

	overflow: hidden;

	width: 1170px;

	padding: 0;

	margin: 0;

}

.callbacks li {

	position: absolute;

	left: 0;

	top: 0;

}

.callbacks img {

	position: relative;

	z-index: 1;

	height: auto;

	border: 0;

}

.callbacks .caption {

	display: block;

	position: absolute;

	z-index: 2;

	font-size: 15px;

	text-shadow: none;

	color: #fff;

	left: 100;

	right: 0;

	padding: 10px 20px;

	margin: 0;

	max-width: none;

	top: 10%;

}

.callbacks_container .caption h1 {color:#787878;

	font-size: 30px;

	padding: 10px 10px;

}

.callbacks_container .caption h2 {

	color:#454242;

	font-size: 22px;

	padding: 10px 10px;

}

.callbacks_nav {

    position: absolute;

    -webkit-tap-highlight-color: rgba(0,0,0,0);

    bottom: 200px;

    left: 0;

    z-index: 3;

    text-indent: -9999px;

    overflow: hidden;

    text-decoration: none;

    width: 50px;

    height: 50px;

    background: transparent url(../images/arrows.png) no-repeat left top;

}

.callbacks_nav.next {

  left: auto;

    background-position: right top;

  left: 95.5%;

 }

 .callbacks_nav.prev {

    right: auto;

    background-position: left top;

    left:22px;

}

.callbacks_nav:active {

	opacity: 1.0;

}



.callbacks2_nav:active {

	opacity: 1.0;

}



#slider-pager a {

	display: inline-block;

}



#slider-pager span {

	float: left;

}

#slider-pager span {

	width: 100px;

	height: 15px;

	background: #fff;

	display: inline-block;

	border-radius: 30em;

	opacity: 0.6;

}

#slider-pager .rslides_here a {

	background: #FFF;

	border-radius: 30em;

	opacity: 1;

}

#slider-pager a {

	padding: 0;

}

#slider-pager li {

	display: inline-block;

}

.rslides {

	position: relative;

	list-style: none;

	overflow: hidden;

	padding: 0;

	margin: 0;

	width: 100%;

}

.rslides li {

	-webkit-backface-visibility: hidden;

	position: absolute;

	display: none;

	left: 0%;

	top: 0;

	width: 100%;

}

.rslides li {

	position: relative;

	display: block;

	float: none;

}

.rslides img {

	height: auto;

    width: 100%;

	border: 0;

}

.callbacks_tabs {

	list-style: none;

	position: absolute;

	top: 80%;

	z-index: 999;

	left: 11%;

	padding: 0em 0.6em 1em 0.3em;

	margin: 0;

}

.callbacks_tabs li {

	display: inline-block;

	margin: 0.5em;

}

.callbacks_tabs a {

	visibility: hidden;

}

.callbacks_tabs a:after {

	content: "\f111";

	font-size: 0;

	font-family: FontAwesome;

	visibility: visible;

	display: block;

	width:12px;

	height: 12px;

	display: inline-block;

	background: #fff;

	border: none;

	border-radius: 50%;

}

.callbacks_here a:after {

	background: #55bbcc;

}

.slider-info {

    position: absolute;

    top: 22em;

    z-index: 999;

    left: 13em;

    width: 50%;

    height: 100%;

}

.slider-info {

     position: static; 

    width: 100%;

    min-height:500px;

    padding: 320px 0;

    background: url(../images/B1.jpg) no-repeat 0px 0px;

    background-size: cover;

}

.slider-info1 {

     position: static; 

    width: 100%;

    min-height:500px;

    padding: 320px 0;

    background: url(../images/B2.jpg) no-repeat 0px 0px;

    background-size: cover;

}

.slider-info2 {

    position: static; 

    width: 100%;

    min-height:500px;

    padding: 320px 0;

    background: url(../images/B3.jpg) no-repeat 0px 0px;

    background-size: cover;

}

.slider-info3 {

    position: static; 

    width: 100%;

    min-height:500px;

    padding: 320px 0;

    background: url(../images/B4.jpg) no-repeat 0px 0px;

    background-size: cover;

}

.slider-info4 {

    position: static; 

    width: 1200px;

    min-height:500px;

    padding: 320px 0;

    background: url(../images/B5.jpg) no-repeat 0px 0px;

    background-size: cover;

}

.slider-info img,.slider-info1 img,.slider-info2 img {

    width: 150px;

    margin: 0 auto;

    margin-bottom: 2.5em;

}

.slider-info h3, .slider-info1 h3, .slider-info2 h3 {

    font-size: 45px;

    font-weight: 600;

    color: #FFF;

    text-transform: uppercase;

    /* margin: 20px 0px; */

    width: 50%;

    margin-left: 4em;

    margin-bottom: .5em;

}



.slider-info p, .slider-info1 p, .slider-info2 p {

    font-size: 20px;

    font-weight: 100;

    color: #d3d8d8;

    margin-left: 10em;

    line-height: 28px;

    letter-spacing: 1px;

    width: 50%;

}

.slider-info h4 {

    font-size: 45px;

    color: #b56d10;

	letter-spacing: 3px;

	text-transform:uppercase; 

	margin-top: 7px;

}

h6 {

	margin:0 auto;

	z-index:999;

}

h6 a{

	cursor:pointer;

	font-size:15px;

	text-transform:uppercase;

}

.slider-top span{

font-weight:600;

}

.callbacks_tabs li{

    display: inline-block;

    margin: 0 3px;

}



/*----*/

.callbacks_tabs a{

 visibility: hidden;

 padding: 0 0.2em;

}

.callbacks_tabs a:after {

  content: "\f111";

  font-size:0;

  font-family: FontAwesome;

  visibility: visible;

  display: block;

  height:12px;

  width:12px;

  display:inline-block;

  border:2px solid #E9E9E9;

  border-radius: 30px;

  -webkit-border-radius: 30px;

  -moz-border-radius: 30px;

  -o-border-radius: 30px;

  -ms-border-radius: 30px;

}

.callbacks_here a:after{

	border:2px solid #23B7A4;

}

.header-info{

	position: absolute;

	width: 100%;

	top: 50%;

	left: 9%;

}

.header-info h2 a{

display:inline-block;

color:#fff;

padding:0.5em 2em;

background:rgba(255, 255, 255, 0.32);

text-decoration:none;

}

.header-info h2 a:hover{

color:#fff;

background:#60B0E6;

}

.header-info lable{

background:#fff;

height: 1px;

width: 36%;

display: block;

margin-top:2em

}

.header-info h1 a{

color:#fff;

font-weight:bold;

font-size:1.2em;

text-decoration:none;

}

.header-info h1 a:hover{

color:#CA670C;

}







/*-- //Slider --*/









/*-- //search --*/

.readmore-w3 {

    float: left;

    margin-left: 13em;

}

.readmore-w3 a {

    border: 1px solid #146eb4;

    background: #146eb4;

    text-transform: uppercase;

    display: inline-block;

    text-decoration: none;

    color: #fff;

    font-size: 1em;

    padding: 10px 20px;

    margin: 3.5em 0 0;

    transition: 0.5s all;

    -webkit-transition: 0.5s all;

    -moz-transition: 0.5s all;

    -o-transition: 0.5s all;

    -ms-transition: 0.5s all;

	left:20%

}

.readmore-w3 a:hover{

	color:#fff;

	border-color:#ff4f81;

	background:#ff4f81;

	transition: 0.5s all;

    -webkit-transition: 0.5s all;

    -moz-transition: 0.5s all;

    -o-transition: 0.5s all;

    -ms-transition: 0.5s all;

}

/*--/header-info--*/

/*--/header--*/

/*--toparea--*/

.toparea {background-color: rgba(255, 255, 255, 1.0); border-top:#55bbcc solid 20px;



}

.toparea-head h3 {

color: #ff0515;

font-size: 1.97em;

}

.toparea-grids h4 {

font-size: 1.4em;

font-weight: 500;

color: #343E46;

}

.toparea-head img{

margin:1em 1em 0 0;

}

.toparea-head span{

background:rgba(128, 128, 128, 0.41);

width:5.5%;

height:1px;

display: inline-block;

vertical-align: text-bottom;

}

.toparea-head span:nth-child(2){

margin-right:1em;

}

.toparea-grids{

margin-top:3.5em;

}

.toparea-grids h4 span{

background: url("../images/toparea-icons.png") no-repeat 0 0;

width: 46px;

height: 37px;

display: inline-block;

vertical-align: middle;

margin-right: 0.5em;

margin-top: 0.7em;

cursor:pointer;

}

.toparea-grids h4 span.icon1{

background-position:0px 0px;

}

.toparea-grids h4 span.icon1:hover{

background-position:0px -48px;

}

.toparea-grids h4 span.icon2{

background-position:-405px 0;

}

.toparea-grids h4 span.icon2:hover{

background-position:-405px 0;

}

.toparea-grids h4 span.icon3{

background-position:-810px 1px;

}

.toparea-grids h4 span.icon3:hover{

background-position:-809px -48px;

}

.toparea-grids p {

margin-left: 4em;

width: 87%;

line-height: 23px;

color: #9EA4A9;

}

/*--about--*/

.about {padding-top:3%;

padding-bottom: 3%;

}

.about-head h3 {

color: #60B0E6;

font-size: 1.97em;

}

.about-grids h4 {

font-size: 1.4em;

font-weight: 500;

color: #343E46;

}

.about-head img{

margin:1em 1em 0 0;

}

.about-head span{

background:rgba(128, 128, 128, 0.41);

width:5.5%;

height:1px;

display: inline-block;

vertical-align: text-bottom;

}

.about-head span:nth-child(2){

margin-right:1em;

}

.about-grids{

margin-top:3.5em;

}

.about-grids h4 span{

background: url("../images/about-icons.png") no-repeat 0 0;

width: 46px;

height: 37px;

display: inline-block;

vertical-align: middle;

margin-right: 0.5em;

margin-top: 0.7em;

cursor:pointer;

}

.about-grids h4 span.icon1{

background-position:0px 0px;

}

.about-grids h4 span.icon1:hover{

background-position:0px -48px;

}

.about-grids h4 span.icon2{

background-position:-405px 0;

}

.about-grids h4 span.icon2:hover{

background-position:-405px 0;

}

.about-grids h4 span.icon3{

background-position:-810px 1px;

}

.about-grids h4 span.icon3:hover{

background-position:-809px -48px;

}

.about-grids p {

margin-left: 4em;

width: 87%;

line-height: 23px;

color: #9EA4A9;

}

/*--innerpage--*/

.innerpage {

padding-bottom: 3%;

}

.innerpage-head h3 {

color: #60B0E6;

font-size: 1.97em; margin-top:1.0em;

}

.innerpage-grids h4 {

font-size: 1.4em;

font-weight: 500;

color: #343E46;

margin: .7em 0 .7em .7em;

}

.innerpage-head img{

margin:1em 1em 0 0;

}

.innerpage-head span{

background:rgba(128, 128, 128, 0.41);

width:5.5%;

height:1px;

display: inline-block;

vertical-align: text-bottom;

}

.innerpage-head span:nth-child(2){

margin-right:1em;

}

.innerpage-grids{

margin-top:3.5em;

margin-bottom:3.5em;

}

.innerpage-grids h4 span{

background: url("../images/about-icons.png") no-repeat 0 0;

width: 46px;

height: 37px;

display: inline-block;

vertical-align: middle;

margin-right: 0.5em;

margin-top: 0.7em;

cursor:pointer;

}

.innerpage-grids h4 span.icon1{

background-position:0px 0px;

}

.innerpage-grids h4 span.icon1:hover{

background-position:0px -48px;

}

.innerpage-grids h4 span.icon2{

background-position:-405px 0;

}

.innerpage-grids h4 span.icon2:hover{

background-position:-405px 0;

}

.innerpage-grids h4 span.icon3{

background-position:-810px 1px;

}

.innerpage-grids h4 span.icon3:hover{

background-position:-809px -48px;

}

.innerpage-grids p {

margin-left: 1em;

width: 97%;

line-height: 23px;

color: #000;

}



<!---offer--->

/*--offer--*/

.offer-head h3 {

color: #60B0E6;

font-size: 1.97em;

}

.offer-grids h4 {

font-size: 1.4em;

font-weight: 500;

color: #343E46;

}

.offer-head img{

margin:1em 1em 0 0;

}

.offer-head span{

background:rgba(128, 128, 128, 0.41);

width:5.5%;

height:1px;

display: inline-block;

vertical-align: text-bottom;

}

.offer-head span:nth-child(2){

margin-right:1em;

}

.offer-grids{

margin-top:3.5em;

}

.offer-grids h4 span{



width: 46px;

height: 37px;

display: inline-block;

vertical-align: middle;

margin-right: 0.5em;

margin-top: 0.7em;

cursor:pointer;

}

.offer-grids h4 span.icon1{

background-position:0px 0px;

}

.offer-grids h4 span.icon1:hover{

background-position:0px -48px;

}

.offer-grids h4 span.icon2{

background-position:-405px 0;

}

.offer-grids h4 span.icon2:hover{

background-position:-405px 0;

}

.offer-grids h4 span.icon3{

background-position:-810px 1px;

}

.offer-grids h4 span.icon3:hover{

background-position:-809px -48px;

}

.offer-grids p {

margin-left: 4em;

width: 87%;

line-height: 23px;

color: #9EA4A9;

}



<!--end offer-->

/*--top-tours--*/

.top-tours-head {

padding-top:6%;

}

.top-tours-head h3 {

color: #60B0E6;

font-size: 1.97em;

}

.top-tours-head img{

margin:1em 1em 0 0;

}

.top-tours-head span{

background:rgba(128, 128, 128, 0.41);

width:5.5%;

height:1px;

display: inline-block;

vertical-align: text-bottom;

}

.top-tours-head span:nth-child(2){

margin-right:1em;

}

.top-tours-head p {

width: 84%;

margin: 0 auto;

padding-top:2%;

font-size:1.17em;

line-height: 23px;

color: #90979D;

}

*	Strip

/*-----------------------------------------------------------------------------------*/

.b-link-stripe{

	position:relative;

	display:inline-block;

	vertical-align:top;

	font-family: 'Open Sans', sans-serif;

	font-weight: 300;

	overflow:hidden;

}

.b-link-stripe .b-wrapper{

	position: absolute;

	width: 100%;

	height:100%;

	top: 0;

	left: 0;

	text-align: center;

	color: #ffffff;

}

.b-link-stripe .b-wrapper:hover {

	background:rgba(50, 70, 81, 0.71);;

	transition: all 0.5s linear;

	-moz-transition: all 0.5s linear;

	-ms-transition: all 0.5s linear;

	-o-transition: all 0.5s linear;

	-webkit-transition: all 0.5s linear;

}

/*-----------------------------------------------------------------------------------*/

/*--Animation effects---*/

b-animate-go{

	text-decoration:none;

}

.b-animate{

	transition: all 0.5s;

	-moz-transition: all 0.5s;

	-ms-transition: all 0.5s;

	-o-transition: all 0.5s;

	-webkit-transition: all 0.5s;

	visibility: hidden;

	font-size:1.1em;

	font-weight:700;

}

.b-animate img{

	margin-top:33%;

	display: -webkit-inline-box;

}

/* lt-ie9 */

.b-animate-go:hover .b-animate{

	visibility:visible;

}

.b-from-left{

	position:relative;

	left:-100%;

}

.b-animate-go:hover .b-from-left{

	left:0;

}

span.m_4{

	font-size:14px;

	font-weight:400;

}

p.m_5 {

	margin: 2% auto 5%;

	width: 70%;

	color: #283A47;

	font-size: 1.1em;

	font-weight: 600;

	line-height: 1.5em;

	text-align: center;

}

ul#filters {

	padding: 0px;

	text-align: center;

}

#filters {

	margin: 3% 0;

	padding: 0;

	list-style: none;

	text-align: left;

}

#filters li {

	display:inline-block;

		display: -webkit-inline-box;

		display: -moz-inline-box;

		display: -o-inline-box;

		display: -ms-inline-box;

}

#filters li span.active,#filters li span {

	color:#172F41;

	text-decoration:none;

	padding:0.3em 1.3em;

	display:block;

	border:1px solid #fff;

	font-size:1.15em;

	font-weight:500;

	cursor:pointer;

	margin:0 0.3em;

	border-radius:2px;

}

#filters li span.active{

	color:#6BB5E8;

	border:1px solid #6BB5E8;

}

#filters li span:hover{

	border:1px solid #6BB5E8;

	color:#6BB5E8;

}

 #portfoliolist .portfolio {

	-webkit-box-sizing: border-box;

	-moz-box-sizing: border-box;

	-o-box-sizing: border-box;

	width: 25%;

	display: none;

	float: left;

	overflow: hidden;

	margin: 0%;

	padding:0;

}

div#portfoliolist {

	padding: 0;

	margin: 1% 0 0 0;

}	

.portfolio-wrapper {

	overflow:hidden;

	position: relative !important;

	cursor:pointer;

}

.portfolio-wrapper img{

	width:100%;

}

.portfolio img {

	max-width:100%;

	/*--position: relative;--*/

	transition: all 300ms!important;

	-webkit-transition: all 300ms!important;

	-moz-transition: all 300ms!important;

}

.portfolio .label {

	position: absolute;

	width: 100%;

	height:40px;

	bottom:-40px;

}

.portfolio .label-bg {

	background: #22B4B8;

	width: 100%;

	height:100%;

	position: absolute;

	top:0;

	left:0;

}

.portfolio .label-text {

	color:#fff;

	position: relative;

	z-index:500;

	padding:5px 8px;

}

.portfolio .text-category {

	display:block;

	font-size:9px;

	font-size: 12px;

	text-transform:uppercase;

}

/* Self Clearing Goodness */

.container:after { content: "\0020"; display: block; height: 0; clear: both; visibility: hidden; }

.clearfix:before,

.clearfix:after,

.row:before,

.row:after {

  content: '\0020';

  display: block;

  overflow: hidden;

  visibility: hidden;

  width: 0;

  height: 0; }

.row:after,

.clearfix:after {

  clear: both; }

.row,

.clearfix {

  zoom: 1; }



.clear {

  clear: both;

  display: block;

  overflow: hidden;

  visibility: hidden;

  width: 0;

  height: 0;

}

/*----- effects-comman-css------*/

.contenthover{

	padding:1em;

}

.contenthover h3{

	color:#FFF;

}

.contenthover p{

	color:#FFF;

	font-size:0.875em;

	line-height:1.5em;

}

/*-----caption ------*/

.tour-caption {

	display: none;

	top: 0;

	width: 100%;

	position: absolute;

	background: rgba(101, 178, 229, 0.93);

	height: 100%;

	text-align: center;

}

.tour-caption span{

	background: url(../images/plus.png) no-repeat;

	width: 38px;

	height: 38px;

	display: block;

	text-align: center;

	position: absolute;

	top: 38%;

	right: 50%;

	background-size: 100%;

}

.portfolio-wrapper:hover div.tour-caption {

	display: block;

	transition: all 0.3s ease;

	-webkit-transition: all 0.3s ease;

	-moz-transition: all 0.3s ease;

	-o-transition: all 0.3s ease;

}

.tour-caption p{

color:#fff;

font-size: 1.5em;

margin-top: 39%;

}

h6.b-animate.b-from-left.b-delay03 

{

	font-family: 'Open Sans', sans-serif;

	font-weight: 400;

	font-size: 14px;

	color: #CCCCCC;

	margin: 0;

	text-align:center;

	width:100%;

	}

/*--/Animation effects---*/

/*--/top-tours--*/



/*--tour-guides--*/

.guide-caption {

	display: none;

	top: 0;

	width: 95.3%;

	position: absolute;

	background: rgba(101, 178, 229, 0.93);

	height: 86%;

	text-align: center;

}

.guide-caption span{

	background:url('../images/guide-icons2.png') no-repeat 0px 0px;

	display:inline-block;

	margin: 0 0.5em;

	width:57%;

	height: 52px;

	display: block;

	text-align: center;

	position: absolute;

	top: 42%;

	right: 18%;

	background-size: 100%;

}

.image-grid:hover div.guide-caption{

	display: block;

	transition: all 0.3s ease;

	-webkit-transition: all 0.3s ease;

	-moz-transition: all 0.3s ease;

	-o-transition: all 0.3s ease;

}

.tour-guides {

margin-bottom: 3%; 

}

.tour-guides-head h3 {

color: #60B0E6;

font-size: 1.97em;

}

.tour-guides-head span{

background:rgba(128, 128, 128, 0.41);

width:5.5%;

height:1px;

display: inline-block;

vertical-align: text-bottom;

}

.tour-guides-head span:nth-child(2){

margin-right:1em;

}

.tour-guides-head p {

width: 84%;

margin: 0 auto;

padding-top:2%;

font-size:1.17em;

line-height: 23px;

color: #90979D;

}

.image-grid p{

padding-top:1.5em;

}

.image-grid p a{

text-decoration:none;

color:#253039;

font-size: 1.5em;

font-weight: 400;

}

.image-grid p a:hover{

color:#80C0EB;

}

/*--/tour-guides--*/

.sslide-head h3 {

color: #fff;

font-size: 1.97em;

padding-top: 3.5em;

}

.sslide{

background:url("../images/sslide.jpg") no-repeat 0px 0px;

background-size:cover;

min-height:470px;

width:100%;

position:relative;

}

.sslide-layer{

background:#f2f2f2;

background-size:cover;

min-height:470px;

width:100%;

bottom:0;

position:absolute;

}

.sslide-head img{

margin:1em 1em 0 0;

}

.sslide-head span{

background:gray;

width:6%;

height:1px;

display: inline-block;

vertical-align: text-bottom;

}

.sslide-head span:nth-child(2){

margin-right:1em;

}

.sslide-info p {

color:#fff;

font-size:2.0em;

margin: 0 auto;

padding:1em 0;

}

.sslide-info p img {

margin: 0;

padding: 0 2em;

}

.sslide-info h4 {

color:#fff; 

padding:1.5em 0 0 0;

font-size:2.5em;

font-weight:400;

}

.sslide-info h6{

margin-top:0.8em;

}

.sslide-info h6 span{

background:gray;

width:4%;

height:1px;

display: inline-block;

}

/*--/sslide--*/

/*--cruise--*/

.cruise-head h3 {

color: #60B0E6;

font-size: 1.97em;

padding-top: 3.5em;

}

.cruise{

/*--background:url("../images/client-bg.jpg") no-repeat 0px 0px;--*/

min-height:560px;

width:100%;

position:relative;

}

.cruise-layer{

min-height:560px;

width:100%;

bottom:0;

position:absolute;

}

.cruise-head img{

margin:1em 1em 0 0;

}

.cruise-head span{

background:gray;

width:6%;

height:1px;

display: inline-block;

vertical-align: text-bottom;

}

.cruise-head span:nth-child(2){

margin-right:1em;

}

.cruise-info p {

color:#205561;

font-size:1.2em;

margin: 0 auto;

padding:1em 0;

}

.cruise-info p img {

margin: 0;

padding: 0 2em;

}

.cruise-info h4 {

color:#4c95a6; 

padding:1.5em 0 0 0;

font-size:2.0em;

font-weight:400;

}

.cruise-info h6{

margin-top:0.8em;

}

.cruise-info h6 span{

background:gray;

width:4%;

height:1px;

display: inline-block;

}

/*--/cruise--*/

/*--client-say--*/

.client-say-head h3 {

color: #fff;

font-size: 1.97em;

padding-top: .5em;

}

.client-say{

/*--background:url("../images/client-bg.jpg") no-repeat 0px 0px;--*/

background-size:cover;

min-height:350px;

width:100%;

position:relative;

margin-top:6em; 

margin-bottom:3em;

}

.client-say-layer{

min-height:460px;

width:100%;

bottom:0;

position:absolute;

}

.client-say-head img{

margin:1em 1em 0 0;

}

.client-say-head span{

background:gray;

width:6%;

height:1px;

display: inline-block;

vertical-align: text-bottom;

}

.client-say-head span:nth-child(2){

margin-right:1em;

}

.client-say-info p {

color:#205561;

font-size:1.2em;

margin: 0 auto;

padding:1em 0;

}

.client-say-info p img {

margin: 0;

padding: 0 2em;

}

.client-say-info h4 {

color:#4c95a6; 

padding:1.5em 0 0 0;

font-size:2.0em;

font-weight:400;

}

.client-say-info h6{

margin-top:0.8em;

}

.client-say-info h6 span{

background:gray;

width:4%;

height:1px;

display: inline-block;

}

/*--/client-say--*/

/*--booknow--*/

.booknow-head h3 {

color: #60B0E6;

font-size: 1.97em;

padding-top: 3.5em;

}

.booknow{

background:url("../images/callus.jpg") no-repeat 0px 0px;

background-size:cover;

min-height:260px;

width:100%;

position:relative;


}

.booknow-layer{

background:rgba(255,255,255, 0);

background-size:cover;

min-height:260px;

width:100%;

bottom:0;

position:absolute;

}

.booknow-head img{

margin:1em 1em 0 0;

}

.booknow-head span{

background:gray;

width:6%;

height:1px;

display: inline-block;

vertical-align: text-bottom;

}

.booknow-head span:nth-child(2){

margin-right:1em;

}

.booknow-info p {

color:#205561;

font-size:1.2em;

margin: 0 auto;

padding:1em 0;

}

.booknow-info p img {

margin: 0;

padding: 0 2em;

}

.booknow-info h4 {

color:#4c95a6; 

padding:1.5em 0 0 0;

font-size:2.0em;

font-weight:400;

}

.booknow-info h6{

margin-top:0.8em;

}

.booknow-info h6 span{

background:gray;

width:4%;

height:1px;

display: inline-block;

}

/*--/booknow--*/



/*--joinus--*/

.joinus-head h3 {

color: #fff;

font-size: 1.97em;

padding-top: 3.5em;

}

.joinus{

/*--background:url("../images/joinus.jpg") no-repeat 0px 0px;--*/

background-size:cover;

min-height:360px;

width:100%;

position:relative;

}

.joinus-layer{

background:rgba(255,255,255, 0);

background-size:cover;

min-height:360px;

width:100%;

bottom:0;

position:absolute;

}

.joinus-head img{

margin:1em 1em 0 0;

}

.joinus-head span{

background:gray;

width:6%;

height:1px;

display: inline-block;

vertical-align: text-bottom;

}

.joinus-head span:nth-child(2){

margin-right:1em;

}

.joinus-info p {

color:#fff;

font-size:2.0em;

margin: 0 auto;

padding:1em 0;

}

.joinus-info p img {

margin: 0;

padding: 0 2em;

}

.joinus-info h4 {

color:#fff; 

padding:1.5em 0 0 0;

font-size:2.5em;

font-weight:400;

}

.joinus-info h6{

margin-top:0.8em;

}

.joinus-info h6 span{

background:gray;

width:4%;

height:1px;

display: inline-block;

}

/*--/joinus--*/

/*--contact--*/
.contact-head h3 {
color: #60B0E6;
font-size: 1.97em;
}
.contact-head{
padding-top:6%;
}
.contact-head img{
margin:1em 1em 0 0;
}
.contact-head span{
background: rgba(128, 128, 128, 0.24);
width:6%;
height:1px;
display: inline-block;
vertical-align: text-bottom;
}
.contact-head span:nth-child(2){
margin-right:1em;
}
/*--contact-grids--*/
.contact-grids{
margin: 6em 0;
}
.address h4,.address p,.address h5{
text-align: left;
}
.address h4{
font-size:1.65em;
color:#282A2C;
}
.address h5 span{
background: url("../images/contact-img.png") no-repeat 0 0;
width: 25px;
height: 28px;
display: inline-block;
vertical-align: middle;
margin-right: 1.2em;
}
.address h5 span.img1{
background-position:0px 0px;
}
.address h5 span.img2{
background-position:0px -33px;
}
.address h5 span.img3{
background-position:0px -68px;
}
.address h5{
margin:0.5em 0;
color:#5E686F;
}
.address h5 a{
text-decoration:none;
}
.address h5 a:hover{
color:#56A7DC;
}
.address p{
margin:1.5em 0;
color:#80888E;
font-size:1.1em;
}
.contact form{
	width: 81%;
	margin: 0 auto;
}
.contact form input[type="text"],.contact textarea{
	color:#CDCDCD;
	border:1px solid #CDCDCD;
	outline:0;
	padding:0.5em;
	width:46.8%;
}
.contact form input[type="text"]:nth-child(2){
	margin:0 0 0 2.4em;
}
.contact textarea{
	width: 100%;
	margin-top: 2em;
	min-height: 150px;
	resize: none;
}
.contact form input[type="submit"]{
background: url("../images/submit.jpg") no-repeat 0 0;
width: 35px;
height: 35px;
display: block;
padding: 0 7em 0 3em;
float:right;
border:none;
outline:none;
margin-top: 2em;
font-size:1.2em;
}
.map iframe{

width:100%;

height:360px;

}

.map{

position:relative;

background:#F3F9FD;

}

.map span{

background: url("../images/locater.png") no-repeat 0 0;

width: 49px;

height: 65.5px;

display: block;

position:absolute;

top: 42%;

left: 50.5%;

bottom:0;

}

.fotter{

background:#55bbcc;

min-height:300px;

}

.fotter-grids {

padding: 4em 0;

}

.fotter-left img {

margin-top: 1em;

}

.fotter-left p{

color:#000000;

margin:1em 0;

line-height: 22px;

width: 80%;

}

.fotter-middle h3 {

color: #E3E5E5;

font-size: 1.3em;

}

.fotter-middle ul{

margin-top:1em;

}

.fotter-middle ul li{

	list-style-type:none;

	margin-bottom: 1em;

}

.fotter-middle ul li a{

	text-decoration:none;

	color: #fff;

}

.fotter-middle ul li a:hover{

	color:#D0D2D3;

}

.fotter-middle ul li a span{

	background:url(../images/arow.png) no-repeat;

	width:10px;

	height:10px;

	display:inline-block;

	vertical-align:middle;

	margin-right: 5px

}

.fotter-right h3 {

color: #E3E5E5;

font-size: 1.3em;

margin-left: 1em;

}

.fotter-right form input[type="text"]{

	background:transparent;

	color:#E3E5E5;

	border:1px solid #fff;

	outline:0;

	padding:0.7em;

	width:90%;

	margin:1.5em 0 0 1.5em;

	

}

.fotter-right form input[type="submit"]{

color:#E3E5E5;

background: url("../images/submit2.png") no-repeat 0 0;

width: 18px;

height: 17px;

display: block;

padding:0 3em 0 2em;

float:right;

border:none;

outline:none;

margin-top: 2em;

}

.social-icons{

margin-top:3.5em;

}

.social-icons a span{

	width:44px;

	height:39px;

	background:url('../images/social-icons.png') no-repeat 0px 0px;

	display:inline-block;

	margin: 0 0.5em;

}

.social-icons a span.facebook{

	background-position: 0px 0px;

}

.social-icons a span.twitter{

		background-position:-63px 0px;

}

.social-icons a span.googleplus{

		background-position:-127px 0px;

}

.social-icons a span.pinterest{

		background-position: -190px 0px;

}

.social-icons a span.instagram{

		background-position:-254px 0px

}

.social-icons a span:hover{

	opacity:0.4;

}

.social-icons{

float:right;

}

.copyright{

background:#F1F2F2;

min-height:48px;

}

.copyright p{

color:#9D9C9C;

padding:1em 0;

}

.copyright a{

text-decoration:none;

}

.copyright a:hover{

color:#70B8E8;

}

@media(max-width:1024px){

.fixed div.fixed-header {

width: 93%;

}

.header-info h1 {

font-size: 1.0em;

}

.header-info h2 a{

font-size: 0.5em;

}

.header-info lable {

width: 42%;

margin-top: 1em;

}

.callbacks .caption {

top: 49%;

}

.about {

padding-top: 9%;

}

.about-grids {

margin-top: 3em;

}

.about-grids p {

width: 85%;

line-height: 20px;

}

.about-grids h4 span.icon1:hover {

background-position: 1px -48px;

}

.top-tours-head {

padding-top: 9%;

}

.top-tours-head p {

width: 94%;

font-size: 1.1em;

}

#filters li span.active, #filters li span {

padding: 0.3em 1.1em;

font-size: 1.1em;

}

.tour-caption span {

width: 31px;

height: 31px;

top: 31%;

right: 47%;

}

.tour-caption p {

font-size: 1.2em;

margin-top: 39%;

}

.tour-guides {

padding-top: 9%;

}

.tour-guides-head span {

margin-left: 1em;

}

.tour-guides-head p {

width: 88%;

font-size: 1.1em;

line-height: 22px;

}

.guide-caption {

width: 79.3%;

height: 80%;

}

.guide-caption span {

width: 66%;

height: 40px;

top: 40%;

right: 12%;

}

.image-grid p {

padding-top: 1em;

}

.image-grid p a {

font-size: 1.2em;

}

.client-say,.client-say-layer {

min-height: 435px;

}

.client-say-head h3 {

padding-top: 1.5em;

}

.client-say-info p {

font-size: 1.1em;

width: 100%;

}

.contact-grids {

margin: 4em 0;

}

.address h4 {

font-size: 1.3em;

}

.address p {

margin: 1em 0;

font-size:none;

}

.contact form {

width: 85%;

margin: 0 0 0 15%;

}

.contact form input[type="text"]{

width: 45.8%;

}

.contact textarea {

width:99%;

}

.fotter-middle ul li a span {

margin-right: 3px;

}

.social-icons a span {

width: 39px;

}

.social-icons {

margin-top: 2.5em;

}

}

@media(max-width:768px){

.fixed div.fixed-header {

width: 96%;

}

.header-top,.fixed{

padding: 1em 0;

}

.top-nav ul li a {

padding: 0.4em 1em;

font-size: 1em;

}

.callbacks .caption {

top: 46%;

}

.header-info h2 a {

font-size: 0.4em;

}

.header-info h1 {

font-size: 1.0em;

}

.about {

padding-top: 11%;

}

.about-grids {

margin-top: 1em;

text-align: center;

}

.about-grids p {

width: 87%;

margin-top: 1em;

}

.grid2 h4{

margin-right:1em;

}

.top-tours-head {

padding-top: 10%;

}

.top-tours-head p {

overflow: hidden;

height: 37px;

}

#filters {

margin: 2% 0;

}

#filters li span.active, #filters li span {

padding: 0.3em 1em;

font-size: 1em;

}

.tour-caption p {

font-size: 1em;

margin-top: 42%;

}

.tour-caption span {

right: 43%;

}

.tour-guides {

padding-top: 10%;

margin-bottom: 0;

}

.tour-guides-head p {

overflow: hidden;

height: 40px;

}

.guide-caption {

width: 81%;

height: 88.5%;

}

.guide-caption span {

width: 50%;

height: 44px;

top: 43%;

right: 23%;

}

.image-grid {

width: 73%;

left: 19%;

}

.image-grid:nth-child(1),.image-grid:nth-child(2),.image-grid:nth-child(3){

	display:none;

}

.contact form {

width: 100%;

margin: 3% 0 0 0%;

}

.fotter-left,.fotter-right{

text-align:center;

}

.fotter-middle{

margin-left:32%;

}

.fotter-middle h3 {

margin:8% 0 0 15%;

}

.fotter-left p {

width: 66%;

margin: 0 auto;

padding-top: 1em;

}

.fotter-right h3 {

padding:1em 0 0 1em;

}

.fotter-right form input[type="text"] {

width: 77%;

}

.fotter-right form input[type="submit"] {

padding:0 8em 0 2em;

}

.social-icons {

margin-top:1em;

float: none;

}
.client-say-head h3 {

font-size: 1.85em;

}

.client-say, .client-say-layer {

min-height: 333px;

}

.client-say-head span {

width: 16%;

}

.client-say-info p {

font-size: 0.85em;

overflow: hidden;

height: 230px;

}

.client-say-info p img {

display:none;

}

.client-say-info h4 {

font-size: 1.4em;

margin-top: 0.5em;

}


}

@media(max-width:640px){
	.joinus-info p {

color:#fff;

font-size:1.0em;

margin: 0 auto;

padding:1em 0;

}

.joinus-info p img {

margin: 0;

padding: 0 2em;

}

.joinus-info h4 {

color:#fff; 

padding:1.8em 0 0 0;

font-size:1.5em;

font-weight:400;

}	

.top-nav ul li a {

padding: 0.4em 0.9em;

font-size: 0.9em;

}

.fixed div.fixed-header {

width: 95.3%;

}

.header-info h1 a {

font-size: 1.1em;

}

.header-info h2 a {

font-size: 0.4em;

}

.header-info lable {

width: 49%;

margin-top: 0.5em;

}

.about {

padding-top: 12%;

}

.top-tours-head {

padding-top: 12%;

}

.tour-caption span {

top: 25%;

}

#filters {

margin: 2.5% 0;

}

.tour-guides {

padding-top: 12%;

}

.client-say, .client-say-layer {

min-height: 458px;

}

.contact-head {

padding-top: 12%;

}

.contact-grids {

margin: 2em 0;

}

.address {

margin-left: 0.5em;

}

.contact form input[type="submit"] {

margin-top: 1em;

font-size: 1em;

}

.client-say-head h3 {

font-size: 1.85em;

}

.client-say, .client-say-layer {

min-height: 333px;

}

.client-say-head span {

width: 16%;

}

.client-say-info p {

font-size: 0.85em;

overflow: hidden;

height: 230px;

}

.client-say-info p img {

display:none;

}

.client-say-info h4 {

font-size: 1.4em;

margin-top: 0.5em;

}


}

@media(max-width:480px){
.joinus-info p {

color:#fff;

font-size:1.5em;

margin: 0 auto;

padding:1em 0;

}

.joinus-info p img {

margin: 0;

padding: 0 2em;

}

.joinus-info h4 {

color:#fff; 

padding:1.5em 0 0 0;

font-size:1.5em;

font-weight:400;

}	
.logo img {

width: 70%;

margin-left:100%;

}

.header-top, .fixed {

padding: 0.5em 0; 

}

.fixed div.fixed-header {

width: 92.5%;

}

.header-info h1 {

font-size: 0.8em;

}

.header-info h2 a {

padding: 0.5em 1em;

}

.callbacks .caption {

top: 32%;

}

.about {

padding-top: 18%;

}

.about-grids p {

overflow: hidden;

height: 23px;

}

.top-tours-head {

padding-top: 18%;

}

#filters li span.active, #filters li span {

padding: 0.3em 0.5em;

font-size: 0.85em;

}

.tour-caption span {

width: 20px;

height: 21px;

top: 22%;

}

.tour-caption p {

font-size: 0.75em;

margin-top: 39%;

}

.tour-guides {

padding-top: 18%;

}

.guide-caption {

width: 78%;

height: 83.5%;

}

.guide-caption span {

width: 66%;

height: 40px;

top: 43%;

right: 16%;

}

.image-grid p a {

font-size: 1em;

}

.client-say-head h3 {

font-size: 1.85em;

}

.client-say, .client-say-layer {

min-height: 333px;

}

.client-say-head span {

width: 16%;

}

.client-say-info p {

font-size: 0.85em;

overflow: hidden;

height: 67px;

}

.client-say-info p img {

display:none;

}

.client-say-info h4 {

font-size: 1.4em;

margin-top: 0.5em;

}
.owl-theme .owl-controls .owl-page span {

margin-top: 2em;

}

.contact-head {

padding-top: 18%;

}

.contact form input[type="text"] {

width: 44.8%;

}

.fotter-grids {

padding: 2em 0;

}

.fotter-middle {

margin-left: 14%;

}

.fotter-middle h3 {

margin: 8% 0 0 21%;

}

.fotter-right h3 {

padding: 1em 2em 0 0em;

}

.fotter-right form input[type="text"] {

width: 85%;

}

.fotter-right form input[type="submit"] {

margin-top: 1em;

}

.fotter-right form input[type="submit"] {

padding: 0 4em 0 2em;

}

}

@media(max-width:320px){
	
.joinus-info p {

color:#fff;

font-size:1.5em;

margin: 0 auto;

padding:1em 0;

}

.joinus-info p img {

margin: 0;

padding: 0 2em;

}

.joinus-info h4 {

color:#fff; 

padding:1.5em 0 0 0;

font-size:1.5em;

font-weight:400;

}	

.logo img {

width: 34%;

margin-left: 9%;

}

.fixed div.fixed-header {

width: 90%;

}

.header-info h2 a {

padding: 0.2em;

}

.top-nav ul li a {

padding: 0.4em 0.1em;

border:none;

}

.top-nav ul li.active a, .top-nav ul li a:hover {

border:none;

}

.top-nav ul {

float: right;

margin: 0.3em 1.2em 0 0;

}

.top-nav ul li {

display: inline-block;

margin: 0 0.3em 0 0;

}

.top-nav ul li a {

padding: 0.4em 0em;

font-size: 0.9em;

}



.about-head h3 {

font-size: 1.85em;

}

.about {

padding-top: 0;

}

.about-head span {

width: 16.5%;

}

.about-grids {

padding-left: 0;

}

.about-grids h4 {

font-size: 1.2em;

}

.grid2 h4 {

margin-right: 1.2em;

}

.about-grids p {

margin-left: 1em;

width: 92%;

margin-top: 0.5em;

}

.top-tours-head {

padding-top:25%;

}

.top-tours-head h3 {

font-size: 1.85em;

}

.top-tours-head p {

height: 32px;

font-size: 0.95em;

}

#filters li span.active, #filters li span {

color: #172F41;

padding: 0.3em 0.5em;

border: none;

font-size: 0.85em;

margin: 0 0.3em;

}

#filters li span:hover {

border:none;

color: #172F41;

}

.tour-caption p,.tour-caption span {

display: none;

}

.tour-caption{

background:none;

}

.top-tours-head span {

width: 16.5%;

}

.tour-guides {

padding-top: 25%;

}

.tour-guides-head h3 {

font-size: 1.85em;

}

.tour-guides-head span {

width: 16.5%;

}

.tour-guides-head p {

height: 32px;

font-size: 0.9em;

}

.guide-caption,.guide-caption span {

background:none;

display:none;

}

.owl-theme .owl-controls .owl-page span{

margin-top:1em;

}

.client-say-head h3 {

font-size: 1.85em;

}

.client-say, .client-say-layer {

min-height: 333px;

}

.client-say-head span {

width: 16%;

}

.client-say-info p {

font-size: 0.85em;

overflow: hidden;

height: 67px;

}

.client-say-info p img {

display:none;

}

.client-say-info h4 {

font-size: 1.4em;

margin-top: 0.5em;

}

.contact-head {

padding-top: 25%;

}

.contact-head span {

width: 16%;

}

.contact-head h3 {

font-size: 1.85em;

}

.address {

margin-left:0;

}

.address h4 {

font-size: 0.99em;

}

.address h5 a {

font-size: 0.86em;

}

.address p {

font-size: 0.87em;

}

.address h5 span {

margin-right: 5px;

}

.contact,.address {

padding:0;

}

.contact textarea {

margin-top: 1em;

}

.fotter-left p {

padding-top: 0.5em;

overflow: hidden;

height: 56px;

width: 100%;

}

.contact form input[type="text"] {

width: 100%;

}

.contact form input[type="text"]:nth-child(2) {

 margin: 1em 0 0 0;

}

.map{

display:none;

}

.fotter-left,.fotter-middle,.fotter-right {

padding: 0;

}

.fotter-middle {

margin-left: 0;

}

.fotter-middle h3 {

margin: 8% 0 0 29%;

}

.fotter-right h3 {

margin-left:0;

}

.fotter-right form input[type="text"] {

width: 100%;

margin: 1em 0 0 0;

}

.social-icons a span {

width: 38px;

}

}





.form-success .container h1 {

  -webkit-transform: translateY(85px);

          transform: translateY(85px);

}

.container_contact {

  max-width: 600px;

  margin: 0 auto;

  padding: 80px 0;

  height: 400px;

  text-align: center;

}

.container_contact h1 {

  font-size: 20px;

  -webkit-transition-duration: 1s;

          transition-duration: 1s;

  -webkit-transition-timing-function: ease-in-put;

          transition-timing-function: ease-in-put;

  font-weight: 700;

}




/*-- Team --*/

.team{
    padding: 4em 0;
    background: #23a7f1;
}
.about-bottom h3,.offer-right h3,.features h3,.gallery h3,.team h3,.testimonial h3,.contact h3{
	color: #ffffff;
    font-size: 3em;
    margin: 0;
    font-family: 'Open Sans', sans-serif;
    font-weight: 300;
    text-align: center;
}





/*-- team --*/
.team{
	background:#FFFFFF;
}
.team h3{
	color:#3a4d60;
}
.agile-team-grids{
    margin: 4em 0 0 0;
}
.team-grid {
    text-align: center;
}
.team-img {
    position: relative;
}
.team-img:hover .overlay {
    cursor: pointer;
    opacity: 1;
    filter: alpha(opacity=100);
    -webkit-transform: rotateY(0deg) scale(1,1);
    -moz-transform: rotateY(0deg) scale(1,1);
    -ms-transform: rotateY(0deg) scale(1,1);
    -o-transform: rotateY(0deg) scale(1,1);
    transform: rotateY(0deg) scale(1,1);
}
.team-img .overlay {
   padding: 7.5em 0.5em;
    line-height: 24px;
}
.overlay {
    background: rgba(251, 138, 46, 0.7);
    text-align: center;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    color: #fff;
    opacity: 0;
    filter: alpha(opacity=0);
    -webkit-transition: all 450ms ease-out 0s;
    -moz-transition: all 450ms ease-out 0s;
    -o-transition: all 450ms ease-out 0s;
    transition: all 450ms ease-out 0s;
    -webkit-transform: rotateY(180deg) scale(0.5,0.5);
    -moz-transform: rotateY(180deg) scale(0.5,0.5);
    -ms-transform: rotateY(180deg) scale(0.5,0.5);
    -o-transform: rotateY(180deg) scale(0.5,0.5);
    transform: rotateY(180deg) scale(0.5,0.5);
}
.team-grid h5 {
    font-size: 1.8em;
}
.team-grid p {
    font-size: 1em;
    line-height: 1.8em;
    color: #eee;
}
.team-grid h4 {
	font-size: 1.5em;
    color: #3a4d60;
    margin: .5em 0;
    text-transform: capitalize;
    font-family: 'Open Sans', sans-serif;
}
h3.tittle3 {
    font-size: 3.5em;
    text-align: center;
    color: #fff;
}
.team-grid span {
    font-size: 1em;
    color: #999999;
    margin: 0;
}
.w3l-social {
    margin: 1em 0 0 0;
}
.w3l-social ul{
	padding:0;
	margin:0;
}
.w3l-social ul li{
	display:inline-block;
}
.w3l-social ul li a {
	color: #333;
    text-align: center;
}
.w3l-social ul li a i.fa.fa-facebook,.w3l-social ul li a i.fa.fa-twitter,.w3l-social ul li a i.fa.fa-rss{
	height: 40px;
    width: 40px;
    background: #FFFFFF;
    line-height: 40px;
    color: #383838;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -o-border-radius: 50%;
    -ms-border-radius: 50%;
    transition: 0.5s all;
    -webkit-transition: 0.5s all;
    -moz-transition: 0.5s all;
    -o-transition: 0.5s all;
    -ms-transition: 0.5s all;
}
.w3l-social ul li a i.fa.fa-facebook:hover {
	background: #3b5998;
	color: #FFFFFF;
}
.w3l-social ul li a i.fa.fa-twitter:hover{
	background: #1da1f2;
	color: #FFFFFF;
}
.w3l-social ul li a i.fa.fa-rss:hover{
	background: #f26522;
	color: #FFFFFF;
}
/*-- //team --*/

/*---------list3-------------*/
.list3 {
	padding: 0;
	margin: 0;
	position: relative;
	list-style: none;
	overflow: hidden;
}
.box4 {
	overflow: hidden;
	position: relative;
	background: #F1EFEF;
	margin-bottom: 30px;
	padding-bottom:10px;
}
.list3 li figure {
	margin: 0;
	padding: 0;
	float: left;
	overflow: hidden;
	display: block;
	margin-right: 20px;
}
.list3 li figure img {
	width: 100%; margin:10px;
}
.list3 li .info1 {
	overflow: hidden;
	margin-top: 10px;
	padding-right: 10px;
}
.list3title1 {
	
	font-size: 16px;
	line-height: 18px;
	font-weight: bold;
	color: #dc0404;
	margin-bottom: 10px;
}
.list3title2 {
	
	font-size: 15px;
	line-height: 17px;
	font-weight: normal;
	color: #403e3e;
	margin-bottom: 6px;
}
.list3title3 {
	margin-bottom: 10px;
	
	font-size: 10px;
	line-height: 12px;
	font-weight: normal;
	color: #403e3e;
	margin-bottom: 8px;
}


 @charset "utf-8";
/* CSS style1 */


input.example1 {
    background: white;
    border: 1px solid #DDD;
    border-radius: 5px;
    box-shadow: 0 0 5px #DDD inset;
    color: #666;
    float: left;
    padding: 15px 20px;
    width: 100%;
    outline: none;
	margin-bottom:2em;
}

/* CSS style2 */

input.example2 {
   background: white;
    border: 1px solid #DDD;
    border-radius: 5px;
    box-shadow: 0 0 5px #DDD inset;
    color: #666;
    float: left;
    padding: 5px 10px;
    width: 100%;
    outline: none;
	margin-bottom:2em;
}

/* CSS style3 */

input.example3 {
    background: white;
    border: 1px double #DDD;
    border-radius: 5px;
    box-shadow: 0 0 5px #333;
    color: #666;
    float: left;
    padding: 5px 10px;
    width: 165px;
    outline: none;
}

/* CSS style4 */
input.example4 {
    background: url('images/user_icon.png') no-repeat scroll right center #FFFFFF;
    border: 1px solid #DDD;
    border-radius: 5px;
    box-shadow: 0 0 5px #888;
    color: #666;
    float: left;
    padding: 5px 27px 5px 10px;
    width: 165px;
    outline: none;
}

/* CSS style5 */
input.example5 {
    background: url('images/email_icon.png') no-repeat scroll right center #ccc;
    border: 1px solid #666;
    box-shadow: 0 0 5px #666 inset;
    color: #333;
    float: left;
    padding: 7px 10px;
    width: 165px;
    outline: none;
}



/* Take Reference from http://sharp-coders.com/web-development/css/css-shadow-effect-box-shadow */