@import url('https://fonts.googleapis.com/css?family=Muli&display=swap');
@import url('https://fonts.googleapis.com/css?family=Nunito&display=swap');
body{
	font-family: 'Open Sans', sans-serif;
}
body a{
	transition: 0.5s all;
	-webkit-transition: 0.5s all;
	-o-transition: 0.5s all;
	-moz-transition: 0.5s all;
	-ms-transition: 0.5s all;
}
 ul{
	padding: 0;
	margin: 0;
}
h1,h2,h3,h4,h5,h6{
	margin:0;
    font-family: 'Nunito', sans-serif;
}
p{
	padding: 0;
	margin: 0;
	color:#333;
	font-family: 'Open Sans', sans-serif;
    font-size: 16px;
}
a:hover
{
    text-decoration: none;
}

.loading
{
    width: 100%;
    height: 100%;
    background: rgba(255, 255, 255, 0.6);
    position: fixed;
    z-index: 9999;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
}
.loading img
{
    width: 100px;
}

/*--banner--*/

.mycontainer
{
    width: 95%;
    margin: 0 auto;
    border-radius:10px;
}
/*---*/

.top-bar
{
    width: 100%;
    height: auto;
    float: left;
    padding: 10px 0;
}
.top-bar-text
{
    width: auto;
    height: auto;
}
.top-bar-text li
{
    float: left;
}
.top-bar-text p
{
    margin: 0;
    color: #333;
    font-size: 16px;
    margin-top: 8px;
}
.top-bar-text p i
{
    margin-right: 7px;
}
.top-bar-text a
{
    padding: 7px 20px;
    background: #78c479;
    color: #fff;
    margin-left: 10px;
    float: left;
    font-size: 14px;
    text-transform: uppercase;
    border-radius: 5px;
}
.top-bar-text a:nth-child(2)
{
    background: #78c479;
}
.top-bar-text a:hover
{
    background: #3a8226;
    text-decoration: none;
}
.top-bar-text a:nth-child(2):hover
{
    background: #3a8226;
}

.dropdown:hover .dropdown-menu
{
    display: block;
}
.dropdown:hover .dropdown-menu-right
{
    display: none;
}
.dropdown-menu .dropdown:hover .dropdown-menu-right
{
    display: block;
}
.dropdown-menu
{
    margin-left: 10px;
    margin-top: -1px;
    width: 250px;
    border-radius: 3px;
}
.dropdown-menu-right
{
    left: 237px;
    top: auto !important;
    margin-top: -5px;
}
.dropdown-menu li
{
    width: 100%;
}
.dropdown-menu li a
{
    background: none;
    width: 100%;
    float: left;
    padding: 7px 10px;
}
.dropdown-menu li a:hover
{
    background: none;
    color: #3a8226;
}
.dropdown-menu li a span
{
    float: left;
}
.dropdown-menu li a i
{
    float: right;
    font-size: 18px;
    margin-top: 2px;
}

nav a {
	position: relative;
	display: inline-block;
	outline: none;
	text-decoration: none;
}
nav a:hover,
nav a:focus {
	outline: none;
}
/* Effect 11: text fill based on Lea Verou's animation http://dabblet.com/gist/6046779 */
.cl-effect-11 a::before {
	position: absolute;
	top: 0;
	left: 0;
	overflow: hidden;
	padding: 10px 0 0;
	max-width: 0;
	border-bottom: 2px solid #062f3c;
	color:  #fff;
	content: attr(data-hover);
	-webkit-transition: max-width 0.5s;
	-moz-transition: max-width 0.5s;
	transition: max-width 0.5s;
}

.cl-effect-11 a:hover::before,
.cl-effect-11 a:focus::before {
	max-width: 100%;
}
/*----*/
.header {
    background: #007ea3;
    padding-top: 15px;
}
.navbar-default {
    background: none;
    border: none;
    margin: 0;
    min-height: auto;
}
.navbar-default .navbar-nav > .active > a{
    color: #fff;
    background:none;
	padding: 10px 0;
}
div#bs-example-navbar-collapse-1 {
    float: right;
    margin-top: 23px;
    padding: 0;
}
 .navbar-default .navbar-nav > .active > a:hover,
 .navbar-default .navbar-nav > .active > a:focus {
    color:  #fff;
    background:none;
}
.navbar-default .navbar-nav > li > a {
    color: #fff;
    font-size: 1.2em;
    padding: 10px 0;
    margin: 0 0.8em;
   font-family: 'Questrial', sans-serif;
}
.logo a {
    text-decoration: none;
	color:#fff;
}
.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus {
    color: #fff;
    background: none;
    outline: none;
}
.navbar-default .navbar-nav > .open > a,
 .navbar-default .navbar-nav > .open > a:hover,
 .navbar-default .navbar-nav > .open > a:focus {
    color:  #007ea3;
    background:none;
}
.navbar-brand {
    float: left;
    height: auto;
    padding: 0px 0px;
    margin-bottom: 15px;
}
.navbar-brand p
{
    color: #fff;
    font-size: 13px;
    margin-top: 5px;
    font-weight: 500;
    letter-spacing: 1px;
}
.top-banner
{
    width: 100%;
    height: auto;
    float: left;
    padding: 1.5em 0;
}
.banner-section {

    padding-top: 0px;
    background: url(../images/bg-5.png) no-repeat;
    width: 100%;
    float: left;
    min-height: 585px;
}
.banner-section img
{
    width: 100%;
}

.banner-grids {

    width: 70%;
    margin-left: 15%;
    
}
.banner-grids h3
{
    margin: 0;
    margin-bottom: 15px;
    margin-left: 20px;
}
.banner-heder {
    margin: 17em 0 3em;
}
.banner-heder h3 {
    font-size: 3em;
    color: #fff;
	font-weight:600;
}
.banner-heder span {
    display: block;
}
.sel {
    width: 100%;
    padding: .4em 1em;
    height: 40px;
    font-size: 1em;
    outline: none;
    text-transform: capitalize;
    border: 2px solid #337ab7;
    -webkit-appearance: none;
    border-radius: 20px;
}
.autocomplete {
    /*the container must be positioned relative:*/
    position: relative;
    display: inline-block;
    width: 100%;
}
.autocomplete-items {
    position: absolute;
    border: 1px solid #d4d4d4;
    border-bottom: none;
    border-top: none;
    z-index: 99;
    /*position the autocomplete items to be the same width as the container:*/
    top: 100%;
    left: 0;
    right: 0;
}
.autocomplete-items div {
    padding: 10px;
    cursor: pointer;
    background-color: #fff;
    border-bottom: 1px solid #d4d4d4;
}
.autocomplete-items div:hover {
    /*when hovering an item:*/
    background-color: #e9e9e9;
}
.autocomplete-active {
    /*when navigating through the items using the arrow keys:*/
    background-color: DodgerBlue !important;
    color: #ffffff;
}
.search {
    background: none;
    border: none;
    outline: none;
    color: #062f3c;
    border-radius: 5px;
    position: absolute;
    margin-left: -40px;
    margin-top: 3px;
    font-size: 20px;
}
.promotions {
    padding: 3em 0;
    float: left;
    width: 100%;
}
.promotion-grids,.about-grids{
    margin: 4em 0;
    overflow: hidden;
}
.slick-arrow
{
    display: none !important;
}
h2.tittle {
    font-size: 2.5em;
    text-align: center;
	color: #062f3c;
    font-family: 'Nunito', sans-serif;
}
h2.tittle a, h2.tittle a:hover, h2.tittle a:focus, h2.tittle a:focus
{
    text-decoration: none;
}
h2.tittle i
{
    font-style: normal;
    color: #78c479;
}
.promotion-img
{
    width: 100%;
    height: 160px;
    float: left;
    background: #333;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    border-radius: 10px 10px 0px 0px;
}
.promotion-img img
{
    height: 227px;
    width: 245px;
    border-radius: 9px 9px 0px 0px;
}

.promation-grid h4 {
    font-size: 1.5em;
    background: #062f3c;
    padding: 0.5em;
    color: #fff;
    text-shadow: 2px 2px #000000;
    
}
.promation-grid h5{
	font-size: 16px;
	color:#fff;
}
.prom-bottom {
    background: #007ea3;
}
.prom-left {
    float: left;
    width: 50%;
    background:#007ea3;
    padding: 9px 5px;
    margin-top:7px;
}
.prom-right {
    float: left;
    width: 50%;
    padding: 11px 5px;
}
.promotions span {
    text-align: center;
    font-size: 14px;
    color: #fff;
}
.promation-grid p {
    font-size: 1em;
    line-height: 2em;
	padding-top: 0.8em;
    background: #F6F9FD;
    padding: 10px 20px;
    border: 1px solid #e1e1e1;
    border-top: 0;
}

.close {
    transform: scale(1.2);
    opacity: .6;
}
.modal-content {
    font-weight: bold;
    background: linear-gradient(to bottom right,#7ab6d3,#2f7ea3);
    text-align: center;
    padding: 0px 0;
}
.modal-content h4 {
    font-weight: bold;
    color: #fff;
    font-size: 20px;
    margin-bottom: 10px;
    text-transform: uppercase;
}
.modal-content form
{
    margin-top: 30px;
    margin-bottom: 20px;
}
.modal-content a
{
    color: #fff;
    margin-bottom: 20px;
    font-weight: 400;
    text-align: center;
    font-size: 16px;
}
.modal-content a:hover
{
    text-decoration: none;
}
.form-control {
    margin: 1em 0;
    height: 40px;
}
.form-control:hover, .form-control:focus {
    box-shadow: none;
    border-color: #fff;
}
.username, .password {
    border: none;
    border-radius: 0;
    box-shadow: none;
    border-bottom: 2px solid #eee;
    padding-left: 0;
    font-weight: normal;
    background: transparent;
    color: #fff;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}
.form-control::-webkit-input-placeholder {
    color: #eee;
}
.form-control:focus::-webkit-input-placeholder {
    font-weight: bold;
    color: #fff;
}
.login {
    padding: 6px 30px;
    border-radius: 20px;
    background: none;
    border: 2px solid #78c479;
    color: #fff;
    font-weight: bold;
    transition: all .5s;
    margin-top: 1em;
}
.login:hover {
    background: #78c479;
    color: #fff;
}

 /*-- w3layouts --*/
.promation-grid  {
    overflow: hidden;
    width: 25%;
    padding: 0 15px;
    float: left;
    list-style: none;
}

.prom-left img
{
    width: 65px;
    margin-right: 5px;
}
.promation-grid:hover img {
    webkit-transform: scale(0.9);
    -ms-transform: scale(0.9);
    -o-transform: scale(0.9);
    transform: scale(0.9);
}
.promation-grid img{
    -webkit-transition: all 2s ease-in-out;
    -moz-transition: all 2s ease-in-out;
    -o-transition: all 2s ease-in-out;
    transition: all 2s ease-in-out;
}
h3.tittle {
    font-size: 2.5em;
    text-align: center;
   color: #062f3c;
}
.about-section{
	padding:5em 0;
}
.about-grid1 h4 {
    font-size: 1.8em;
       color: #007ea3;
}
.about-grid1 p {
    font-size: 1em;
    line-height: 2em;
	padding-top: 0.8em
}
.about-grid1 i {
    font-size: 1.5em;
    margin-right: 0.5em;
    color: #fff;
    background: #062f3c;
    padding: 1em;
    border-radius: 50px;
    transition: 0.5s all;
    -webkit-transition: 0.5s all;
    -o-transition: 0.5s all;
    -moz-transition: 0.5s all;
    -ms-transition: 0.5s all;
    border: 2px solid transparent;
}
.about-grid1 i:hover {
    background: #fff;
    border: 2px solid #007ea3;
	/*-- agileits --*/
    color: #062f3c;
}
.about-top1 {
    margin: 1.5em 0;
}
.about-left {
    float: left;
    width: 15%;
	text-align: center;
}
.about-right {
    float: left;
    width: 85%;
}

/*-- featured-services --*/
.featured-grd{
	text-align: center;
    box-shadow: 1px 1px 7px 6px #E3E1E1;
	-webkit-box-shadow: 1px 1px 7px 6px #E3E1E1;
	-moz-box-shadow: 1px 1px 7px 6px #E3E1E1;
	-o-box-shadow: 1px 1px 7px 6px #E3E1E1;
	-ms-box-shadow: 1px 1px 7px 6px #E3E1E1;
    padding: 2em 1em;
}
.featured-grd span{
	font-size:2em;
	color:#007ea3;
}
.featured-grd h5{
	text-transform: capitalize;
    font-size: 1.5em;
       color: #062f3c;
    letter-spacing: 1px;
    margin: 1em 0;
}
.featured-grd p{
	font-size:1em;
	line-height:1.8em;
	margin:0 0 2em;
}
.featured-grids{
	margin:3em 0 0;
}
/*-- //featured-services --*/
/*--hover effect6--*/
.effect6 {
    cursor: pointer;
    height: auto;
	 /*-- w3layouts --*/
    line-height: 40px ! important;
    text-align: center;
    overflow: hidden;
	padding: 4px 50px;
    background:#062f3c;
    font-size: 1em;
    border:none;
    border-radius: 0;
}
.effect6{
	color:rgba(0,0,0, 0) !important;
	transition: all .3s ease;
	text-shadow:0 0 0  #fff, 0 -45px 0 #062f3c ;
}
@-webkit-keyframes drop {
	0%{text-shadow:0 0 0  #fff, 0 -45px 0 #062f3c ;}
	20% {text-shadow:0 0 0  #fff, 0 -15px 0 #062f3c ;}
	30%{text-shadow:0 15px 0  #fff, 0 0px 0 #062f3c ;}
	40%{text-shadow:0 45px 0  #fff, 0 0px 0 #062f3c ;}
	41%{text-shadow:0 45px 0  #fff, 0 0px 0 #062f3c , 0 -45px 0 #fff ;}
	70%{text-shadow:0 45px 0  #fff, 0 15px 0 #062f3c , 0 0px 0 #fff ;}
	80%{text-shadow:0 45px 0  #fff, 0 45px 0 #062f3c , 0 0px 0 #fff ;}
	100%{text-shadow:0 45px 0  #fff, 0 45px 0 #062f3c , 0 0px 0 #fff ;}
}/*safari and chrome*/
@keyframes drop {
	0%{text-shadow:0 0 0  #fff, 0 -45px 0 #062f3c ;}
	20% {text-shadow:0 0 0  #fff, 0 -15px 0 #062f3c ;}
	30%{text-shadow:0 15px 0  #fff, 0 0px 0 #062f3c ;}
	40%{text-shadow:0 45px 0  #fff, 0 0px 0 #062f3c ;}
	41%{text-shadow:0 45px 0  #fff, 0 0px 0 #062f3c , 0 -45px 0 #fff ;}
	70%{text-shadow:0 45px 0  #fff, 0 15px 0 #062f3c , 0 0px 0 #fff ;}
	80%{text-shadow:0 45px 0  #fff, 0 45px 0 #062f3c , 0 0px 0 #fff ;}
	100%{text-shadow:0 45px 0  #fff, 0 45px 0 #062f3c , 0 0px 0 #fff ;}
}
.btn.effect6:hover{
  -webkit-animation: drop .6s 1 linear;
 animation: drop .6s 1 linear;
     background: #007ea3;
 }
.featured-services {
    padding: 2em 0;
}
/*--end hover--*/
.banner-bottom1-grid-right {
    text-align: right;
    margin: 2.5em 0 0;
}
/*-- //more --*/
.gallery {
	/*-- agileits --*/
    padding: 5em 0;
}
.gallery-grids {
    margin-top: 4em;
}
/*gallery*/
.da-thumbs {
	list-style: none;
	position: relative;
	margin: 0;
	padding: 0;
}
.da-thumbs li {
  float: left;
  margin: 0.4%;
  background:#fff;
  padding: 8px;
  position: relative;
  width: 24.2%;
}
.da-thumbs li a {
  display: block;
  position: relative;
  width: 100%;
    height: 182px;
    background: #333;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
}
.da-thumbs li a img
{
    max-height: 100%;
    max-width: 100%;
}
.da-thumbs li a {
	overflow: hidden;
}
.da-thumbs li a div {
  position: absolute;
  background:none;
  width: 100%;
  height: 91%;
}
.da-thumbs li a div  h5 {
  color: #fff;
  font-size: 1.8em;
  margin: 3.5em 0 0 0;
  text-align: center;
}
/*gallery*/
/*-- team --*/
.team_gds {
    margin-top: 4em;
}
.team {
    padding: 5em 0;
	    background: #F6F9FD;
}
.team_pos {
    position: relative;
    overflow: hidden;
    transition: all 0.3s linear 0s;
    -moz-transition: all 0.3s linear 0s;
    -webkit-transition: all 0.3s linear 0s;
    -ms-transition: all 0.3s linear 0s;
    -o-transition: all 0.3s linear 0s;
    margin: auto;
}
.team_gd1:hover .team_pos .team_back {
    background: rgba(0,0,0,0.5);
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    -o-border-radius: 50%;
    -ms-border-radius: 50%;
	height:100%;
}
.team_pos .team_back {
    position: absolute;
    width: 100%;
    background: rgba(0,0,0,0);
    content: '';
    left: 0;
    top: 0;
    transition: all 0.3s linear 0s;
    -moz-transition: all 0.3s linear 0s;
    -webkit-transition: all 0.3s linear 0s;
    -ms-transition: all 0.3s linear 0s;
    -o-transition: all 0.3s linear 0s;
    display: block;
}
.team_pos img {
    transition: all 0.3s linear 0s;
    -moz-transition: all 0.3s linear 0s;
    -webkit-transition: all 0.3s linear 0s;
    -ms-transition: all 0.3s linear 0s;
    -o-transition: all 0.3s linear 0s;
    width: 100%;
    border: 1px solid #B7B7B7;
}
.team_info {
    position: absolute;
    width: 100%;
    top: 42%;
    text-align: center;
    left: 0;
    z-index: 9999;
}
.team_info a {
    display: inline-block;
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    text-align: center;
    margin-left: 7px;
    transform: scale(0) rotate(180deg);
    -moz-transform: scale(0) rotate(180deg);
    -webkit-transform: scale(0) rotate(180deg);
    -ms-transform: scale(0) rotate(180deg);
    -o-transform: scale(0) rotate(180deg);
    transition: all 0.3s linear 0.2s;
    -moz-transition: all 0.3s linear 0.2s;
    -webkit-transition: all 0.3s linear 0.2s;
    -ms-transition: all 0.3s linear 0.2s;
    -o-transition: all 0.3s linear 0.2s;
}
.team_info a:before {
    content: "";
    left: 0;
    opacity: 1;
    position: absolute;
    top: 0;
    transform: scale(1);
    -moz-transform: scale(1);
    -webkit-transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);
    transition: all 0.3s linear 0s;
    -moz-transition: all 0.3s linear 0s;
    -webkit-transition: all 0.3s linear 0s;
    -ms-transition: all 0.3s linear 0s;
    -o-transition: all 0.3s linear 0s;
    width: 100%;
}
.team_info a i.fc1 {
    background: url(../images/social2.png) no-repeat -41px 1px #3b5998;
    width: 45px;
    height: 45px;
    display: inline-block;
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
}
.team_info a i.fc2 {
    background: url(../images/social2.png) no-repeat 1px 1px #55acee;
    width: 45px;
    height: 45px;
    display: inline-block;
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
}
.team_info a i.fc3 {
    background:url(../images/social2.png) no-repeat -80px 1px #dc4e41;
    width: 45px;
    height: 45px;
    display: inline-block;
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
}
.team_info a:after {
    content: "";
    left: 0;
    opacity: 1;
    position: absolute;
    top: 0;
    transform: scale(1);
    -moz-transform: scale(1);
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transition: all 0.3s linear 0.1s;
    -moz-transition: all 0.3s linear 0.1s;
    -webkit-transition: all 0.3s linear 0.1s;
    -ms-transition: all 0.3s linear 0.1s;
    -o-transition: all 0.3s linear 0.1s;
    width: 100%;
}
.team_gd1:hover .team_pos img {
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    -o-border-radius: 50%;
    -ms-border-radius: 50%;
}
.team_gd1:hover .team_info a {
    transform: scale(1) rotate(0deg);
    -moz-transform: scale(1) rotate(0deg);
    -webkit-transform: scale(1) rotate(0deg);
    -ms-transform: scale(1) rotate(0deg);
    -o-transform: scale(1) rotate(0deg);
}
.team_info a:hover {
    opacity: 0.8;
}
.team_gd1 h4{
	text-align:center;
	font-size:1.5em;
	color:#007ea3;
	margin:25px 0 7px;
}
.team_gd1 p {
    text-align: center;
    font-size: 1em;
	    line-height: 2em;
}
.team_gd1 span {
    text-align: center;
    font-size: 1em;
	margin:0 0 0.5em 0;
	display:block;
	color:#062f3c;
}
.news{
	padding:5em 0;
	text-align:center;
    background: #F6F9FD;
    
}
.news1
{
    background: #fff;
    
}
.news-grids{
	margin-top:4em;

}
.news-grid h4, .news-text h4 {
    font-size: 1.5em;
    background: #062f3c;
    padding: 0.5em;
    color: #fff;
    	
}
.news-text h4
{
    float: left;
    width: 100%;
    height: auto;
}
.news-grid h4 a, .news-text h4 a
{
    color: #fff;
    height: auto !important;
}
.news-text h4 a
{
    height: auto;
    text-align: center;
    background: none;
}
.new-bottom {
    background: #007ea3;
	padding: 0.8em;
	font-size:1.2em;
	color:#fff;
}
.news-grid p {
    font-size: 1em;
    line-height: 2em;
    padding: 2em 1.5em 2em;
    background: #fff;
}
.news-text {
	  border-bottom: 1px solid #eee;
}
.news-gr p {
    font-size: 1em;
    line-height: 1.8em;
    color: #777;
    width: 90%;
    margin: 0 auto;
}

h3.tittle1 {
    font-size: 3em;
    text-align: center;
    color: #062f3c;
	padding:0.5em 0;
}
.modal-header {
    min-height: 16.42857143px;
    padding: 15px;
    border-bottom: 1px solid #FFFFFF;
}
/*-- //team --*/
/*--contact--*/
.your-top {
  border: 1px solid #ADADAD;
}
.contact-grids{
	margin-top:4em;
}
.your-top:nth-child(2) {
  margin: 2.5em 0;
}
.contact-grids i {
  width: 35px;
    height: 35px;
    display: inline-block;
    float: right;
    border: 2px solid #062f3c;
    color: #062f3c;
    border-radius: 100px;
    line-height: 2em;
    text-align: center;
    margin: 1% 2% 0;
    font-size: 1em;
}

 .contact-grids input[type="text"], .grid-contact-in textarea {
    background: none;
    width: 89%;
    outline: none;
    border: none;
    padding: 0.97em 0.8em;
    font-size: 1em;
    color: #999;
    float: left;
    border-right: 1px solid #ADADAD;
}
.grid-contact-in textarea{
  border:1px solid #ADADAD;
 resize:none;
  margin-bottom:0.5em;
  width:100%;
   font-size: 1em;
    padding: 0.8em;
	    min-height: 168px;
}
.grid-contact-in input[type="submit"] {
  width: 100%;
  font-size: 1.1em;
  background:  #062f3c;
  padding: 0.7em 1em;
  text-align: center;
  color: #fff;
  border: none;
  outline: none;
  margin: 0 auto;
  -webkit-appearance: none;
  font-weight: 700;
  transition: 0.5s all;
  -webkit-transition: 0.5s all;
  -o-transition: 0.5s all;
  -ms-transition: 0.5s all;
  -moz-transition: 0.5s all;
  cursor:pointer;
}
.grid-contact-in input[type="submit"]:hover {
	background:#007ea3;
}
.contact {
    background: #F6F9FD;
    padding: 5em 0;
}
.google-map{
	margin-top:3em;
}
.google-map iframe{
	border: none;
    outline: none;
    width: 100%;
    height: 300px;
}
.footer-img
{
    width: 100%;
}
.footer-img img
{
    width: 100%;
}
.footer
{
    padding: 4em 0;
    background: #007ea3;
}
.footer-box h3
{
    color: #fff;
    text-transform: uppercase;
    margin: 0 0 25px;
    letter-spacing: 1px;
}
.footer-box h3 span
{
    font-size: 50px;
    margin-left: 3px;
    line-height: 20px;
}
.footer-box p
{
    color: #fff;
    margin-bottom: 10px;
    width: 70%;
}
.footer-box li
{
    list-style: none;
    width: 50%;
    float: left;
}
.footer-box1 li
{
    width: 100%;
}
.footer-box li a
{
    width: 100%;
    float: left;
    margin-bottom: 10px;
    color: #fff;
    text-transform: capitalize;
}
.footer-logo
{
    width: 100%;
    float: left;
    margin-bottom: 10px;
}
.footer-logo img
{
    width: 250px;
}
.footer-logo p
{
    font-size: 14px;
    margin-bottom: 10px;
    color: #fff;
    letter-spacing: 1px;
    margin-top: 10px;
    width: 100%;
}
.footer-box2 img
{
    width: 80%;
    margin-top: 15px;
}
.copy-section {
    padding: 10px 0;
    background: #1a5276;
    text-align: center;
}
.copy-section p {
    font-size: 0.9em;
    color: #fff;
    font-weight: 400;
    float: right;
    margin-top: 10px;
}
.copy-section a {
    font-size: 1em;
    color: #fff;
    font-weight: 400;
    text-transform: capitalize;
}
.copy-section .social
{
    width: auto;
    float: left;
}
.copy-section .social li
{
    list-style: none;
    float: left;
    margin-right: 10px;
}
.copy-section .social li a
{
    width: 35px;
    height: 35px;
    float: left;
    border-radius: 50%;
    background: #fff;
    border: 1px solid #fff;
    padding: 5px 7px;
    font-size: 20px;
    color: #333;
    text-align: center;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
}
.copy-section .social li a:hover
{
    background: #1a5276;
    color: #fff;
}
#toTop {
	display: none;
	text-decoration: none;
	position: fixed;
	bottom: 10px;
	right: 10px;
	overflow: hidden;
	width: 48px;
	height: 48px;
	border: none;
	text-indent: -100%;
	background: url("../images/to-top2.png") no-repeat 0px 0px;
}
@media(max-width:1440px){

.banner-heder {
    margin: 7.5em 0 3em;
}
}
@media(max-width:1366px){
.banner-section {
    min-height: 608px;
}
}
@media(max-width:1280px){
.banner-section {
    min-height: 568px;
}
.banner-heder {
    margin: 12em 0 3em;
}
}
@media(max-width:1080px){
.banner-section {
    min-height: 477px;
}
.banner-heder {
    margin: 8em 0 3em;
}
.banner-grid {
    padding: 0 2px;
}
.promation-grid p,.about-grid1 p,.featured-grd p,.team_gd1 p,.news-grid p,.news-gr p {
    font-size: .96em;
}
h2.tittle {
    font-size: 3em;
}
h3.tittle {
    font-size: 3em;
}
.about-grid1 h4 {
    font-size: 1.5em;
}
.contact-grids input[type="text"]{
    width: 88%;
}
}
@media(max-width:1024px){
.banner-grids {
    padding: 2em 1em 2em 2em;
}
}
@media(max-width:991px){
.banner-grid {
    float: left;
    width: 18%;
}
.banner-grids {
    padding: 2em 1em 2em 2em;
}
.search {
    float: left;
    width: 28%;
}
.banner-heder h3 {
    font-size: 2.8em;
}
.sel {
    padding: .3em .8em;
    font-size: .9em;
}
.banner-section {
    min-height: 436px;
}
.navbar-default .navbar-nav > li > a {
    font-size: 1.1em;
    margin: 0 0.5em;
}
.promation-grid {
    float: left;
    width: 33.3%;
}
.promation-grid h4 {
    font-size: 1.3em;
}
.promotions,.about-section,.gallery,.team,.news,.contact {
    padding: 4em 0;
}
.about-grid {
    float: left;
    width: 40%;
}
.about-grid1 {
    float: left;
    width: 60%;
}
.about-left {
    float: left;
    width: 21%;
}
.about-right {
    float: left;
    width: 79%;
}
.featured-grid {
    float: left;
    width: 50%;
}
.featured-grid:nth-child(3),.featured-grid:nth-child(4) {
    margin-top: 2em;
}
.da-thumbs li a div h5 {
    margin: 2.3em 0 0 0;
 }
.team_gd1 {
    float: left;
    width: 25%;
}
.team_info a i.fc1 {
    background: url(../images/social2.png) no-repeat -46px -3px #3b5998;
    width: 36px;
    height: 36px;
}
.team_info a i.fc2 {
    background: url(../images/social2.png) no-repeat -3px -3px #55acee;
    width: 36px;
    height: 36px;
}
.team_info a i.fc3 {
    background: url(../images/social2.png) no-repeat -84px -3px #dc4e41;
    width: 36px;
    height: 36px;
}
.news-grid {
    float: left;
    width: 33.3%;
}
.grid-contact {
    float: left;
    width: 50%;
}
.grid-contact-in {
    float: left;
    width: 50%;
}
.contact-grids input[type="text"] {
    width: 85%;
}
}
@media (max-width: 768px){
.banner-section {
    min-height: 343px;
}
.banner-heder {
    margin: 5em 0 3em;
}
}
@media(max-width:736px){
div#bs-example-navbar-collapse-1 {
    float: none;
}
.navbar-toggle {
    margin-top: 2px;
}
.navbar-toggle {
    background-color: #062f3c;
}
.navbar-default .navbar-toggle .icon-bar {
    background-color: #fff;
}
.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {
    background-color: #062f3c;
}
.navbar-default .navbar-toggle {
    border-color: #062f3c;
}
.banner-heder h3 {
    font-size: 2.5em;
}
.sel {
    padding: .3em .2em;
    font-size: .9em;
}
.banner-grids {
    padding: 2em 1em 2em 1.5em;
}
.search {
    float: left;
    width: 27%;
    padding: 0 0px 0 2px;
}
.contact-grids input[type="text"] {
    width: 84%;
}
.google-map iframe {
    height: 250px;
}
h3.tittle {
    font-size: 2.8em;
}
h2.tittle {
    font-size: 2.8em;
}
.promotions span {
    font-size: 1.2em;
}
.promotion-grids, .about-grids,.gallery-grids,.contact-grids,.news-grids,.team_gds {
    margin-top: 3em;
}
}
@media(max-width:667px){
.da-thumbs li a div h5 {
    margin: 2em 0 0 0;
}
.team_gd1 {
    float: left;
    width: 50%;
}
.team_gd1:nth-child(3),.team_gd1:nth-child(4) {
    margin-top: 2em;
}
.team_info {
    top: 45%;
}
.news-grid h4 {
    font-size: 1.3em;
}
.contact-grids input[type="text"] {
    width: 83%;
}
.promotions, .about-section, .gallery, .team, .news, .contact {
    padding: 3em 0;
}
.about-grid {
    float: left;
    width: 100%;
}
.about-grid img {
    margin: 0 auto;
}
.about-grid1 {
    float: left;
    width: 100%;
	margin-top:2em;
}
}
@media (max-width: 640px){
.da-thumbs li a div h5 {
    margin: 1.8em 0 0;
}
.prom-left {
    padding: 0.5em;
}
.prom-right {
    padding: 0.5em;
}
.new-bottom {
    padding: 0.5em
}
.banner-grids {
    padding: 2em 1em 2em 1.5em;
}
.sel {
    padding: .3em 10px;
}
.news-grid p {
    padding: 1em .5em 1em;
}
.contact-grids input[type="text"] {
    width: 82%;
}
}
@media(max-width:600px){
.banner-grid {
    float: left;
    width: 25%;
}

.search input[type="submit"] {
    margin-top: .5em;
}

.da-thumbs li a div h5 {
    color: #fff;
    font-size: 1.5em;
}
h3.tittle1 {
    font-size: 2.5em;
}
h2.tittle {
    font-size: 2.5em;
}
h3.tittle {
    font-size: 2.5em;
}
.banner-heder h3 {
    font-size: 2em;
}
.contact-grids input[type="text"] {
    width: 81%;
}
}
@media(max-width:568px){

.news-grid {
    float: left;
    width: 100%;
}
.navbar-default {
	margin-top: 5px;
}
.navbar-brand {
    padding: 4px 0px;
}
.contact-grids input[type="text"] {
    width: 80%;
}
}
@media (max-width: 480px){
.search {
    width: 35%;
}
.navbar-toggle {
    margin-top: 7px;
}
.banner-heder h3 {
    line-height: 1.5em;
}
.promotion-grids, .about-grids, .gallery-grids, .contact-grids, .news-grids, .team_gds {
    margin-top: 2em;
}
.promation-grid {
    width: 100%;
}
.da-thumbs li {
    width: 48.4%;
}
.da-thumbs li a div h5 {
    margin: 2.5em 0 0;
}
.contact-grids input[type="text"] {
    width: 77%;
}
.grid-contact-in textarea {
    min-height: 152px;
}
.featured-grd h5 {
    line-height: 1.5em;
}
.effect6 {
    padding: 4px 40px;
}
.promation-grid {
    width: 100%;
}
.promation-grid:nth-child(2) {
    margin: 2em 0;
}
}
@media(max-width:414px){
.banner-heder h3 {
    font-size: 1.8em;
}
.banner-grid {
    width: 100%;
}
.banner-heder {
    margin: 5em 0 1em;
}
.search {
    width: 40%;
}
.banner-grid:nth-child(2),.banner-grid:nth-child(3),.banner-grid:nth-child(4) {
    margin-top: 0.5em;
}
.logo a {
    font-size: 0.9em;
}
.featured-grid{
	width:100%
}
.featured-grid:nth-child(2){
    margin-top: 2em;
}
.about-grid1 h4 {
    font-size: 1.35em;
}
.effect6 {
    line-height: 25px ! important;
	padding: 4px 20px;
	font-size: 0.9em;
}
.da-thumbs li {
	padding: 4px;
    position: relative;
    width: 49%;
}
.promotion-grids, .about-grids, .gallery-grids, .contact-grids, .news-grids,.team_gds {
    margin-top: 2em;
}
.featured-grids {
    margin: 2em 0 0;
}
.da-thumbs li a div h5 {
    margin: 2.2em 0 0 0;
}
.team_gd1 h4 {
    margin: 10px 0 7px;
}
.grid-contact {
    width: 100%;
	padding:0;
}
.grid-contact-in {
    width: 100%;
	margin-top: 1em;
		padding:0;
}
.contact-grids input[type="text"] {
    width: 85%;
}
.your-top:nth-child(2) {
    margin: 1em 0;
}
h2.tittle {
    font-size: 2em;
}
h3.tittle {
    font-size: 2em;
}
h3.tittle1 {
    font-size: 2em;
}
.promotions, .about-section, .gallery, .team, .news, .contact {
    padding: 2em 0;
}
.team_info {
    left: -3px;
}
.about-left {
    width: 100%;
}
.about-right {
    width: 100%;
    text-align: center;
    margin-top: 1.5em;
}
.copy-section p {
    line-height: 1.8em;
}
}
@media(max-width:384px){
.banner-heder h3 {
    font-size: 1.5em;
}
.logo a {
    font-size: 0.85em;
}
.search {
    width: 47%;
}
.banner-heder {
    margin: 3em 0 1em;
}
.promotions span {
    font-size: 1em;
}
.about-left {
    width: 100%;
}
.about-right {
    width: 100%;
	margin-top:1em;
	text-align: center;
}
.da-thumbs li a div h5 {
    margin: 2em 0 0 0;
}
.team_info {
    top: 43%;
    left: -3px;
}
.contact-grids input[type="text"] {
    width: 84%;
}
}
@media(max-width:375px){
.team_gd1 {
    width: 100%;
}
.team_gd1:nth-child(2) {
    margin-top: 2em;
}
.contact-grids input[type="text"] {
    width: 84%;
}
.team_info {
    top: 46%;
    left: -3px;
}
}
@media(max-width:320px){
.banner-heder h3 {
    font-size: 1.4em;
}
.logo a {
    font-size: 0.83em;
}
.search {
    width: 57%;
}
.promation-grid,.about-grid,.about-grid1,.featured-grid,.news-grid,.team_gd1,.grid-contact,.grid-contact-in {
    padding: 0;
}
.da-thumbs li {
    width: 100%;
}
.da-thumbs li a div h5 {
    margin: 3.5em 0 0 0;
}
.about-grid1 h4 {
    line-height: 1.5em;
}
.contact-grids input[type="text"] {
    width: 83%;
}
.google-map iframe {
    height: 200px;
}
}

.MS-content {
    white-space: nowrap;
    overflow: hidden;
    margin-top: 4em;
}
.MS-content .item {
    display: inline-block;
    width: 33.33%;
    position: relative;
    vertical-align: top;
    overflow: hidden;
    white-space: normal;
    padding: 0 50px;
    text-align: center;
    list-style: none;
}
.MS-content .item:nth-child(1n+1) {
    border-right: 1px solid rgba(130, 152, 171, 0.35); }
.MS-content .item .imgTitle {
    position: relative; }
.imgTitle img {
    border-radius: 50%;
    width: 100px;
    height: 100px;
    margin: 0 auto; }
.item .prom-left
{
    width: 100%;
    background: none;
    text-align: center;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
}
.item p {
    font-style: normal;
    margin-top: 20px;
    margin-bottom: 40px;
    font-style: normal;
    font-weight: 300;
    font-size: 15.5px;
    line-height: 26px;
    color: #333; }
.MS-content .item h6 {
    font-size: 20px;
    line-height: 25px;
    color: var(--title-color); }
.MS-content .item span {
    font-style: normal;
    font-weight: normal;
    font-size: 15px;
    line-height: 20px;
    color: var(--theme-color-two);
    display: inline-block; }

.page-banner
{
    width: 100%;
    height: auto;
    float: left;
    background-size: cover;
}
.page-banner-inner
{
    width: 100%;
    height: 100px;
    float: left;
    color: #333;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
}
.page-banner-inner h1
{
    margin: 0;
    font-size: 40px;
    letter-spacing: 2px;
    text-transform: uppercase;
}

.pagination-section
{
    width: 100%;
    height: auto;
    float: left;
    background: #fff;
    padding: 10px 0;
    border-bottom: 1px solid #e1e1e1;
}
.pagination-section li
{
    list-style: none;
    float: left;
    margin-right: 10px;
}
.pagination-section li a
{
    color: #333;
}

.inner-page
{
    width: 100%;
    height: auto;
    float: left;
    padding: 2em 0;
}
#theme
{

    border-radius:3px;
    background-color:rgba(253, 183, 78, 0.8);
    padding-left:10px;
    padding-right:10px; 
    padding-top:3px; padding-bottom:3px;
    text-transform: uppercase;
    font-size:0.8em;
    color:black;
    line-height:80%;
}

.details-top h3 p
{
        margin-bottom:18px;
}


.details-top h8 span
{
    margin-left:40px;

    
}


.details-left
{
    padding-left: 0;
}
.details-top
{
    width: 100%;
    height: auto;
    float: left;
    margin-bottom: 30px;
    
}
.details-top h3
{
    float: left;
    margin: 0;
    font-size:30px;
    
}
.details-top h3 span
{
    font-size: 16px;
    color: #007ea3;
    font-style: italic;

}


.first-line
{
    display:block;
    float:left;
    margin-top:16px;
    width:100%;
    height:auto;
    font-size:16px;
    font-weight:500;
}
.first-line >h8
{
    font-size:16px;
}
.first-line >span
{
    margin-left:40px;
}
.second-line
{
    display:block;
    float:left;
    margin-top:16px;
    width:100%;
    height:auto;
    font-size:16px;
    font-weight:500;
}
.second-line >h8
{
    font-size:16px;
}
  .second-line >span
  {
      margin-left:40px;
  }
.details-top a
{
    color: #007ea3;
    float: left;
    margin-top: 8px;
   
}
.details-top a:hover
{
    text-decoration: none;
}
.details-top img
{
    width: 100%;
    margin-top: 20px;
    float: left;
}
.top-message
{
    background: #007ea3;
    padding: 8px 20px;
    color: #fff !important;
    border-radius: 4px;
    margin-top: 0 !important;
    float: right !important;
    margin-left: 5px;
}
.top-message:hover
{
    background: #1a4e64;
    text-decoration: none;
}
.details-top a img
{
    width: 100px;
    float: left;
    margin-right: 7px;
    margin-top: -2px;
}
.details-heading
{
    margin-bottom: 25px;
    float: left;
    width: 100%;
    background: #fafafa;
    border-left: 3px solid #007ea3;
    padding: 10px 20px;
}
/*.details-heading:after
{
    content: "";
    width: 150px;
    height: 2px;
    background: #007ea3;
    position: absolute;
}*/
.details-heading h2
{
    font-size: 22px;
}
.about-details
{
    width: 100%;
    float: left;
    margin-bottom: 10px;
    font-size: 16px;
    color: #333;
}
.about-details p, .about-details li
{
    font-size: 16px;
    margin-bottom: 10px;
    text-align: justify;
    color: #333;
}
.about-details li
{

}
/*.about-details li:before
{
    content: '\f101';
    font-family: FontAwesome;
    color: #007ea3;
    margin-right: 8px;
}*/
#share-buttons
{
    float: right;
    color: #333;
}


#share-buttons img {
    width: 45px;
    padding: 5px;
    margin-bottom: 10px;
    border: 0;
    box-shadow: 0;
    display: inline;

}


.details-packages
{
    width: 100%;
    height: auto;
    float: left;
    padding: 5em 0;
    background: #fafafa;
}
.details-packages .news-grid
{
    margin: 15px 0;
}
.details-packages-a
{
    width: 100%;
    float: left;
    margin-top: 20px;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
}
.details-packages-a .top-message
{
    float: left !important;
}
.destination-btn
{
    padding: 10px 30px;
    background: #007ea3;
    color: #fff;
    float: left;
    border-radius: 3px;
}
.destination-btn:hover
{
    color: #fff;
}

.reviews-section
{
    width: 100%;
    height: auto;
    float: left;
    padding: 5em 0;
}
.reviews-section .tittle
{
    margin-bottom: 1em;
}

.latest-review
{
    width: 100%;
    height: auto;
    float: left;
    margin-bottom: 30px;
}

.reviews
{
    width: 48%;
    height: auto;
    min-height: 262px;
    float: left;
    background: #fafafa;
    border: 1px solid #e1e1e1;
    border-radius: 5px;
    margin: 10px 1%;
    padding: 20px;
}
.latest-review .reviews
{
    width: 100%;
    margin: 0;
}
.review-head
{
    width: 100%;
    height: auto;
    float: left;
    margin-bottom: 10px;
}
.review-head img
{
    width: 80px;
    height: 80px;
    float: left;
    border-radius: 50%;
}
.reviews p
{
    font-size: 15px;
    margin: 0;
    text-align: justify;
    font-style: italic;
}
.review-head p
 {
     width: auto;
     float: left;
     margin: 0;
     margin-left: 15px;
     margin-top: 18px;
     font-size: 16px;
     color: #333;
 }
.review-head p span
{
    color: #999;
    font-size: 14px;
}
.reviews-rating
{
    width: auto;
    float: right;
    margin-top: 20px;
}
.reviews-rating img
{
    width: 30%;
    height: auto;
    border-radius: 0;
    float: right;
}

.review-a
{
    width: 100%;
    height: auto;
    float: left;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    margin-top: 25px;
}
.review-a a
{
    background: #007ea3;
    padding: 10px 35px;
    color: #fff;
    font-size: 16px;
    text-transform: uppercase;
    border-radius: 3px;
}
.review-a a:hover
{
    background: #1a4e64;
    text-decoration: none;
}

.details-right
{
    padding-right: 0;
}

.profile-pic
{
    width: 100%;
    height: auto;
    float: left;
    margin-bottom: 20px;
}
.profile-pic img
{
    width: 100%;
}


/* ----------------------------------New Image gallary design starts------------------

.upper-body
{
 padding: 0 10em;
}
.image-grid
{
    
    --gap:16px;
    --num-cols:4;
    --row-height:200px;
    box-sizing:border-box;
    padding:var(--gap);
    display:grid;
    grid-template-columns: repeat(var(--num-cols), 1fr);
    grid-auto-rows:var(--row-height);
    gap:var(--gap);
    
}

.image-grid >img
{
    height:100%;
    width:100%;
    object-fit:cover;
    border-radius:10px;
}
.image-grid-col-2

{
    grid-column:span 2;

}

.image-grid-row-2

{
    grid-row:span 2;

}

@media screen and (max-width:1024px){
    .image-grid{
        --num-cols:2;
        --rows-height:150px;
    }
}

----------------------------------New Image gallary design ends------------------*/



.details-gallery
{
    width: 100%;
    height:auto;
    float: left;
    margin-bottom: 10px;
    overflow: hidden;
    background: #fafafa;
    padding: 1px;
}
.details-gallery h3
{
    margin: 0;
    margin-bottom: 10px;
    font-size: 19px;
    font-weight: 700;
}
.details-gallery h3 span
{
    font-weight: 400;
}
.details-gallery a
{
    font-size: 16px;
    margin-top: 10px;
    float: left;
}
.details-gallery li
{
    list-style: none;
}
.details-gallery img
{
    width: 100%;

}
.flex-direction-nav
{
    display: none;
    
}
.details-gallery .flex-direction-nav
{
    display: block;
    
    
}

.sidebar
{
    width: 100%;
    height: auto;
    float: left;
    background: #fafafa;
    border: 1px solid #e1e1e1;
    border-radius: 5px;
    padding: 20px;
    margin-bottom: 20px;
}
.sidebar h3
{
    margin: 0;
    margin-bottom: 15px;
}
.sidebar h3 a
{
    color: #333;
}
.sidebar li, .featured-cities li
{
    list-style: none;
    float: left;
    padding: 5px 7px;
    background: #fff;
    border: 1px solid #e1e1e1;
    font-size: 14px;
    margin: 3px;
    border-radius: 3px;
    cursor: pointer;
    transition: .3s all;
}
.sidebar li a
{
    color: #333;
    padding-left: 8px;
    padding-right: 8px;
    font-size: 20px;
}
.sidebar li:hover a
{
    color: #fff;
}
.featured-city
{
    width: 100%;
    height: auto;
    background: #fff;
    padding: 15px;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    -webkit-box-shadow: 2px 2px 9px -2px rgba(97,97,97,1);
    -moz-box-shadow: 2px 2px 9px -2px rgba(97,97,97,1);
    box-shadow: 2px 2px 9px -2px rgba(97,97,97,1);
}
.featured-cities li
{
    padding: 7px 15px;
    margin: 5px;
    background: #f6f9fd;
}
.featured-cities li a
{
    color: #333;
}
.sidebar li:hover, .featured-cities li:hover
{
    background: #007ea3;
    border: 1px solid #007ea3;
    color: #fff;
}
.featured-cities li:hover a
{
    color: #fff;
}
.sidebar table
{
    width: 100%;
}
.sidebar table tr td, .sidebar table tr th
{
    padding: 5px 0;
    font-size: 16px;
    border-bottom: 1px solid #e1e1e1;
}
.sidebar table tr:last-child td
{
    border: 0;
}

.sidebar-a
{
    width: 100%;
    height: auto;
    float: left;
    margin-bottom: 20px;
}
.sidebar-a a
{
    background: #007ea3;
    padding: 10px 5px;
    color: #fff;
    font-size: 14px;
    text-transform: uppercase;
    border-radius: 3px;
    width: 49%;
    margin-right: 2%;
    text-align: center;
    float: left;
    font-weight: 600;
}
.tour-sidebar-a a
{
    width: 100%;
    margin: 0;
    background: #78c479;
}
.sidebar-a a:hover
{
    background: #1a4e64;
    text-decoration: none;
}
.tour-sidebar-a a:hover
{
    background: #3a8226;
}
.sidebar-a a:nth-child(2)
{
    margin: 0;
}

.guide-signup-wrapper
{
    width: 100%;
    height: auto;
    float: left;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
}
.guide-signup-wrapper h3
{
    margin: 2em 0;
    width: 100%;
    text-align: center;
}
.booking-form h3
{
    margin-top: 0;
    margin-bottom: 1em;
    font-size: 28px;
    text-align: left;
    margin-left: 15px;
}
.guide-signup-wrapper form
{
    width: 70%;
    float: left;
}
.booking-form form
{
    width: 100%;
}
.booking-form p
{
    font-size: 16px;
    color: #fff;
    text-align: center;
    font-style: italic;
}
.guide-signup-wrapper form label, .guide-signup-wrapper form h3, .guide-signup-wrapper form h4, .guide-signup-wrapper form li
{
    padding-bottom: 2px;
    font-weight: bold;
    text-transform: uppercase;
    letter-spacing: .1em;
    font-size: 14px;
    line-height: 1.42857143;
    color: #333;
    margin-bottom: 5px;
    font-family: 'Open Sans', sans-serif;
}
.booking-form form h3
{
    font-size: 20px;
    text-transform: capitalize;
    font-weight: 500;
    margin-left: 0;
}
.datepicker table
{
    width: 100%;
}
.radiolabel
{
    font-weight: normal !important;
    text-transform: capitalize !important;
}
.guide-signup-wrapper form input[type=radio], .guide-signup-wrapper form input[type=checkbox]
{
    margin-right: 8px;
}
:focus
{
    outline: none !important;
}
.guide-signup-wrapper form .col-md-6, .guide-signup-wrapper form .col-md-12
{
    margin-bottom: 20px;
}
.guide-signup-wrapper form input[type=text], .guide-signup-wrapper form input[type=date], .guide-signup-wrapper form input[type=file], .guide-signup-wrapper form input[type=number], .guide-signup-wrapper form input[type=email], .guide-signup-wrapper form input[type=tel], .guide-signup-wrapper form input[type=password], .guide-signup-wrapper form select, .guide-signup-wrapper form textarea, .select2-container--default .select2-selection--multiple, .select2-container--default .select2-selection--single
{
    width: 100%;
    background: #f3f3f3 !important;
    border: none !important;
    min-height: 45px !important;
    padding: 5px 10px !important;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border-radius: 3px !important;
    color: #333 !important;
}
.select2-container--default .select2-selection--multiple .select2-selection__rendered li
{
    margin-left: 0;
}
.guide-signup-wrapper form textarea
{
    resize: none;
    height: 130px;
}
.guide-signup-wrapper form img
{
    margin-top: 10px;
    float: left;
    margin-right: 10px;
}
.guide-signup-wrapper form h2
{
    margin: 10px 0 10px;
    text-transform: uppercase;
    font-size: 24px;
}
.guide-signup-wrapper form h4
{
    margin: 10px 0 0px;
    text-transform: capitalize !important;
    font-weight: normal !important;
}
.guide-signup-wrapper form li
{
    list-style: none;
    margin-left: 50px;
    text-transform: capitalize !important;
    font-weight: normal !important;
}

.booking-form
{
    background: #78c479;
    color: #fff;
    padding: 25px 20px 15px;
    border-radius: 3px;
}
.booking-form form label
{
    color: #fff;
}
.booking-form form input[type=text], .booking-form form input[type=file], .booking-form form input[type=email], .booking-form form input[type=date], .booking-form form input[type=number], .booking-form form select, .booking-form form textarea
{
    background: #fff !important;
}
.booking-form form h3
{
    color: #fff;
}

.rating {
    border: none;
    float: left;
}

.rating > input { display: none; }
.rating > label:before {
    margin: 5px;
    font-size: 1.8em;
    font-family: FontAwesome;
    display: inline-block;
    content: "\f006";
}

.rating > .half:before {
    content: "\f089";
    position: absolute;
}

.rating > label {
    color: #fff;
    float: right;
}

:root {
    --star-size: 60px;
    --star-color: #fff;
    --star-background: #fc0;
}

.star-ratings-sprite {
    background: url("../images/star-rating.png") repeat-x;
    font-size: 0;
    height: 21px;
    line-height: 0;
    overflow: hidden;
    text-indent: -999em;
    width: 110px;
    margin: 0 auto;
    float: left;
    margin-right: 5px;
}
.star-ratings-sprite-rating {
     background: url("../images/star-rating.png") repeat-x;
     background-position: 0 100%;
     float: left;
     height: 21px;
     display:block;
 }

/***** CSS Magic to Highlight Stars on Hover *****/

.rating > input:checked ~ label, /* show gold star when clicked */
.rating:not(:checked) > label:hover, /* hover current star */
.rating:not(:checked) > label:hover ~ label { color: #FFD700;  } /* hover previous stars in list */

.rating > input:checked + label:hover, /* hover current star when changing rating */
.rating > input:checked ~ label:hover,
.rating > label:hover ~ input:checked ~ label, /* lighten current selection */
.rating > input:checked ~ label:hover ~ label { color: #FFED85;  }

.submit-part
{
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    margin-top: 20px;
}
.submit-part div
{
    width: 100%;
    text-align: center;
}
.submit-part input[type=submit]
{
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    font-size: 18px;
    font-size: 1.125rem;
    padding: 20px 80px;
    background: #78c479;
    font-size: 20px;
    font-weight: bold;
    color: #fff;
    text-transform: uppercase;
    margin-top: 10px;
    border: 0;
    transition: .3s all;
}
.submit-part input[type=submit]:hover
{
    background: #3a8226;
}
.booking-form input[type=submit]
{
    background: #fff;
    border-color: #fff;
    color: #78c479;
    border: 2px solid #fff;
}
.submit-part input[type=submit]:hover
{
    background: #78c479;
    color: #fff;
}

.error-box
{
    width: 100%;
    height: auto;
    float: left;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    margin-bottom: 20px;
}

.side-about
{
    width: 100%;
    height: auto;
    float: left;
    margin-bottom: 20px;
    background: url('../images/about-bg.jpg') no-repeat;
    background-size: 100% 100%;
    color: #fff;
    padding: 40px 30px 20px;
}
.side-about h3
{
    text-align: center;
    text-transform: uppercase;
    margin: 0;
    margin-bottom: 10px;
    font-weight: bold;
    font-size: 18px;
    color: #fff;
}
.side-about p
{
    text-align: center;
    margin: 0;
    color: #fff;
    font-size: 15px;
}
.side-about-img
{
    width: 100%;
    height: auto;
    float: left;
    margin: 15px 0;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
}
.side-about-img img
{
    width: 120px;
    height: 120px;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -o-border-radius: 50%;
    -ms-border-radius: 50%;
    margin-bottom: 25px;
    border: 2px solid #fff;
}
.contact-side-about .side-about-img img
{
    width: 150px;
    height: 150px;
    border-radius: 0;
}
.side-about-img p
{
    text-align: center;
    color: #fff;
    font-size: 13px;
    width: 100%;
}
.side-about-img a
{
    float: left;
    margin: 0 2px;
    margin-top: 10px;
    background: #007ea3;
    padding: 7px 8px;
    color: #fff;
    font-size: 14px;
    text-transform: uppercase;
    border-radius: 3px;
    font-weight: 400;
}
.side-about-social
{
    width: 100%;
    height: auto;
    float: left;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
}
.side-about-social li
{
    list-style: none;
    float: left;
    margin: 0 7px;
}
.side-about-social li a
{
    color: #fff;
    font-size: 17px;
}

.contact-guide
{
    width: 100%;
    height: auto;
    float: left;
}
.contact-guide h3
{
    margin-top: 0;
    text-align: left;
}
.contact-guide form
{
    width: 100%;
}

.messages-left
{
    padding-left: 0;
}
.messages-left li
{
    list-style: none;
    width: 100%;
    float: left;
}
.messages-left li a
{
    width: 100%;
    float: left;
    padding: 10px 20px;
    margin-bottom: 10px;
    background: #007ea3;
    color: #fff;
    font-size: 16px;
}
.messages-left li a i
{
    margin-right: 10px;
}

.messages-right
{
    padding-right: 0;
}
.messages-right table tr th
{
    background: #e1e1e1;
    padding: 10px;
}
.messages-right table tr td
{
    padding: 10px;
}
.messages-right table tr td a
{
    color: #333;
}

.message-section
{
    width: 100%;
    height: auto;
    float: left;
    background: #fff;
}
.message-section-title, .message-section-name, .message-section-mid, .message-section-reply, .reply-section
{
    width: 100%;
    height: auto;
    float: left;
    padding: 12px 15px;
    border: 1px solid #e1e1e1;
    background: #fafafa;
}
.message-section-title
{
    border-bottom: 0;
}
.message-section-title h3
{
    font-size: 20px;
    margin: 0;
}
.reply-section
{
    margin-top: 10px;
}
.reply-section form label
{
    margin-bottom: 3px;
    font-size: 14px;
    text-transform: uppercase;
}
.reply-section form input[type=text]
{
    width: 100%;
    height: 40px;
    padding: 5px;
    margin-bottom: 15px;
    border: 1px solid #e1e1e1;
    border-radius: 3px;
}
.reply-section form textarea
{
    width: 100%;
    height: auto;
    padding: 10px;
    resize: none;
    margin-bottom: 0px;
    border: 1px solid #e1e1e1;
    height: 130px;
    border-radius: 3px;
}
.reply-section form input[type=submit]
{
    margin-top: 10px;
    padding: 7px 30px;
    font-size: 16px;
    text-transform: uppercase;
}

.message-section-mid
{
    background: #fff;
    padding: 25px 15px;
}
.message-section-name
{
    margin-top: 10px;
    border-bottom: 0;
}
.message-section-name img
{
    width: 50px;
    height: 50px;
    float: left;
    margin-right: 5px;
    border-radius: 50%;
}
.message-section-name h4
{
    margin: 0;
    margin-top: 7px;
}
.message-section-name p
{
    margin: 0;
    color: #777;
    font-size: 14px;
}

.message-section-mid h4
{
    margin: 0;
    margin-bottom: 20px;
    width: 100%;
    float: left;
}
.message-section-mid h4 span
{
    float: right;
    font-size: 13px;
    color: #777;
}
.message-section-mid p
{
    margin: 0 0 10px;
    color: #333;
    font-size: 14px;
}

.listing-images
{
    width: 100%;
    height: auto;
    float: left;
    margin-top: 10px;
}
.listing-images img
{
    width: 80px;
    margin: 0 1px;
}
.p_gallery img
{
    width:80px;
    margin: 0 !important;
}
.img_wrap
{
    float:left;
    margin: 5px;
    border:2px solid #ccc;
    width:84px;
}
.remove_b
{
    background:#ED1818;
    color:#fff;
    padding:1px 3px 1px 3px;
    margin-left: 3px;
    float:right;
    border:1px solid #D91212;
    border-radius:50%;
}
.img_pos
{
    position:absolute;
    margin-left:68px;
    margin-top:-10px;
}

.grade-4 {
    background-color: #27AB00 !important;
    color: #fff;
    cursor: pointer;
}
.grade-4 a, .grade-1 a
{
    color: #fff;
}
.grade-4 textarea, .grade-1 textarea
{
    background: none;
    width: 25px;
    height: 19px;
    resize: none;
    border: 0;
    margin-top: -2px;
    cursor: pointer;
}
.grade-3 {
    background-color: #FFEB00 !important;
    color: #fff;
    cursor: default;
}
.grade-1 {
    background-color: #FA2601 !important;
    color: #fff;
    cursor: pointer;
}
.grade-2 {
    background-color: #FA8A00 !important;
    color: #fff;
    cursor: default;
}

.purple {
    background-color: purple !important;
    color: #fff;
}
.legend
{
    float: left;
}
.legend li
{
    margin: 0 2px !important;
    padding: 0 !important;
    border: 0 !important;
    float: left;
}
div.zabuto_calendar div.legend span
{
    margin-top: -1px;
    float: left;
    margin-left: 3px;
}

.search-guides
{
    width: 100%;
    height: auto;
    float: left;
    padding: 25px 30px;
    background: #f6f2e4;
    border-radius: 3px;
}
.search-guides h4
{
    text-align: center;
    font-size: 22px;
    font-weight: 600;
    margin-bottom: 15px;
}
.search-guides form
{
    width: 100%;
    float: left;
    background: rgba(186, 178, 150, 0.3);
    padding: 10px;
    border-radius: 5px;
}
.select2-container
{
    float: left;
    width: 100% !important;
}
.booking-form .select2-container, .state-res1 .select2-container
{
    width: 100% !important;
    border-radius: 3px !important;
}
.guide-form .select2-container, .guide-form  .select2-container--default .select2-selection--single
{
    width: 100% !important;
    background: #f3f3f3 !important;
}
.booking-form .select2-container--default .select2-selection--multiple
{
    background: #fff !important;
}
.search-guides form select, .select2-container--default .select2-selection--single, .select2-selection .select2-selection--single, .search-guides form input[type=text]
{
    width: 100%;
    float: left;
    height: 45px !important;
    border: 0 !important;
    padding: 0 10px;
    background: #fff !important;
    border-radius: 5px 0 0 5px !important;
    -webkit-appearance: none !important;
    -moz-appearance: none !important;
    appearance: none !important;
}
.search-guides form input[type=text]
{
    width: 93%;
}
.banner-grids .search-guides form select, .banner-grids .select2-container--default .select2-selection--single, .banner-grids .select2-selection .select2-selection--single
{
    border-radius: 20px !important;
    height: 38px !important;
}
.select2-selection__arrow
{
    display: none;
}
.select2-container--default .select2-selection--single .select2-selection__rendered
{
    height: 45px;
    padding: 8px 0;
}
.banner-grids .select2-container--default .select2-selection--single .select2-selection__rendered
{
    height: 38px;
    padding: 5px 7px;
}
.search-guides form input[type=submit]
{
    width: 6.99%;
    float: left;
    height: 45px;
    border-radius: 0 5px 5px 0;
    border: 0;
    background: #f7943c;
    color: #fff;
    font-size: 20px;
    font-weight: 600;
    transition: .3s all;
}
.search-guides form input[type=submit]:hover
{
    background: #dc7234;
}
.guide-map
{
    width: 100%;
    height: auto;
    float: left;
    margin-top: 2em;
}
.guide-map img
{
    width: 70%;
    border-radius: 3px;
    margin: 0 15%;
}
.my-bookings h3
{
    margin-bottom: 25px;
}
.my-bookings h4
{
    margin-bottom: 15px;
    font-size: 20px;
}
.my-bookings table
{
    margin-bottom: 25px;
}
.my-bookings table thead tr th
{
    background: #007ea3;
    color: #fff;
    border-color: #1a5276;
    border-top: 1px solid #1a5276 !important;
    vertical-align: middle;
    border-bottom: 0;
    font-weight: 400;
    text-align: center;
}
.calcprice
{
    padding: 7px 12px;
    background: #fff;
    color: #333;
    border-radius: 3px;
}

.formal-pages .container
{
    padding: 0 10em;
}
.formal-pages h1, .formal-pages h2, .formal-pages h3, .formal-pages h4, .formal-pages h5
{
    margin: 20px 0;
}
.formal-pages p
{
    margin-bottom: 10px;
}

.country-code
{
    width: 18% !important;
    margin-right: 2%;
    float: left;
}
.country-code-input
{
    width: 80% !important;
    float: left;
}

.panel-group
{
    border: 0;
}
.panel-group .panel+.panel
{
    margin-top: 15px;
    border: 0;
}
.panel-heading
{
    background-color: rgba(0,0,0,.08) !important;
    border: 0 !important;
    padding: 0px;
}
.panel-title
{
    font-size: 16px;
    border: 0;
    margin: 0 !important;
}
.panel-title a
{
    text-decoration: none;
    display: block;
    padding: 20px 10px 20px 20px;
}
/*.panel-heading a:after
{
	content: "\f0d7";
	float: right;
	font-family: FontAwesome;
	font-size: 20px;
	color: #000;
}
.panel-heading a.collapsed:after {
    content: "\f0da";
	float: right;
	font-family: FontAwesome;
	font-size: 20px;
	color: #000;
}*/
.panel-title a:hover, .panel-title a:focus
{
    text-decoration: none;
}

.panel-default>.panel-heading+.panel-collapse>.panel-body
{
    background-color: rgba(0,0,0,.03);
    border: 0;
}

.contact-left ul
{
    width: 100%;
    height: auto;
    float: left;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    padding: 0;
    margin: 0;
    margin-bottom: 30px;
}
.contact-left ul li
{
    list-style: none;
    float: left;
}
.contact-left ul li a
{
    width: 50px;
    height: 50px;
    float: left;
    background: #2f7ea3;
    color: #fff;
    border-radius: 50%;
    margin: 0 5px;
    font-size: 20px;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
}
.contact-right
{
    border-left: 1px solid #e1e1e1;
}
.contact-right form
{
    margin: 20px 0;
}
.contact-right form input[type=text], .contact-right form input[type=email], .contact-right form textarea
{
    width: 100%;
    height: 40px;
    padding: 5px 10px;
    border-radius: 3px;
    margin-bottom: 10px;
    border: 1px solid #e1e1e1;
}
.contact-right form textarea
{
    resize: none;
    height: 100px;
}
.contact-right form input[type=submit]
{
    float: right;
    background: #2f7ea3;
    color: #fff;
    border-radius: 3px;
    padding: 10px 40px;
    text-transform: uppercase;
    border: none;
    -webkit-transition: .3s all;
    -moz-transition: .3s all;
    -ms-transition: .3s all;
    -o-transition: .3s all;
    transition: .3s all;
}
.contact-right form input[type=submit]:hover
{
    background: #1a5276;
}

.sidebar-form
{
    width: 100%;
    height: auto;
    float: left;
}
.sidebar-form input[type=text], .sidebar-form input[type=email], .sidebar-form textarea
{
    width: 100%;
    border: 1px solid #e1e1e1;
    min-height: 45px !important;
    padding: 5px 10px !important;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border-radius: 3px !important;
    color: #333 !important;
    margin-bottom: 10px;
}
.sidebar-form textarea
{
    resize: none;
    height: 100px;
}
.sidebar-form input[type=submit]
{
    width: 100%;
    padding: 10px;
    background: #78c479;
    color: #fff;
    font-size: 18px;
    text-transform: uppercase;
    border: 0;
}

.side-testimonial
{
    width: 100%;
    height: auto;
    float: left;
    overflow: hidden;
}
.side-testimonial li
{
    list-style: none;
    float: left;
    width: 100%;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    background: none;
    border: 0;
}
.side-testimonial li:hover
{
    background: none;
    border: 0;
    color: #333;
}
.side-testimonial li img
{
    width: 80px;
    height: 80px;
    border-radius: 50%;
    margin-bottom: 10px;
}
.side-testi-review
{
    width: 100%;
    text-align: center;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
}
.side-testi-review .star-ratings-sprite
{
    margin: 0;
}
.side-testimonial li p
{
    font-size: 14px;
    text-align: center;
    width: 100%;
    margin-top: 10px;
    margin-bottom: 20px;
}
.side-testimonial li h4
{
    width: 100%;
    text-align: center;
}
.guide-noti
{
    width: 100%;
    height: auto;
    float: left;
    background: #ed3833;
}
.guide-noti p
{
    text-align: center;
    font-size: 14px;
    margin: 0;
    padding: 8px 0;
    color: #fff;
}

.sort-section
{
    width: 100%;
    height: auto;
    float: left;
    margin-top: 10px;
    margin-bottom: 15px;
}
.sort-section h4
{
    margin: 0;
    margin-bottom: 0px;
}

.sort-section label
{
    width: 100%;
    float: left;
    margin-right: 10px;
    margin-top: 13px;
}
.sort-section select
{
    width: 100%;
    height: 35px;
    float: left;
    border: 1px solid #e1e1e1;
    border-radius: 3px;
    padding: 0 8px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}
.sort-section div
{
    width: 100%;
    float: left;
    margin-bottom: 10px;
}
.sort-section div:last-child
{
    margin-right: 0;
}

.reset-btn-div
{
    width: auto;
    float: right;
    margin-bottom: 20px;
    clear: both;
}
.reset-btn-div a
{
    padding: 5px 20px;
    font-size: 15px;
    text-transform: uppercase;
    background: #fff;
    color: #78c479;
    border: 0;
}

.find-guides
{
    width: 100%;
    height: auto;
    float: left;
    margin-bottom: 30px;
    border: 1px solid #e1e1e1;
    padding: 20px;
    background: #fafafa;
    border-radius: 10px;
}
.find-guides-img
{
    width: 30%;
    float: left;
    margin-right: 4%;
}
.find-guides-img a
{
    width: 100%;
    height: 154px;
    float: left;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
}
.find-guides-img img
{
    max-width: 100%;
    max-height: 100%;
    border-radius: 5px;
}
.find-guides-details
{
    width: 66%;
    float: left;
}
.find-guides-details h3
{
    float: left;
    margin: 0;
    font-size: 26px;
    width: 100%;
    margin-bottom: 10px;
}
.find-guides-details h3 span
{
    font-size: 16px;
    color: #007ea3;
    font-style: italic;
}
.find-guides-details h3 i
{
    font-size: 16px;
    font-style: normal;
}
.find-guides-stars
{
    width: 100%;
    float: left;
    margin-bottom: 10px;
    padding-bottom: 10px;
    border-bottom: 1px dashed #e1e1e1;
}
.find-guides-details p
{
    width: 100%;
    margin-bottom: 10px;
}
.gallery-grids iframe
{
    width: 100%;
    height: 220px;
}
.details-gallery .flexslider a
{
    margin-top: 0;
}
.details-gallery .flexslider
{
    margin-bottom: 5px;
}

.for-admin
{
    background: #fafafa;
    padding-top: 10px;
}
.alert
{
    font-size: 16px;
    width: 100%;
}
.guide-edit-res
{
    width: 100%;
}
.green-color
{
    background: #78c479;
}

.typeahead.dropdown-menu
{
    left: 15px !important;
    border-radius: 21px;
    padding: 0;
    margin: 0;
    margin-top: -1px;
}
.typeahead.dropdown-menu li:first-child.active a
{
    border-radius: 20px 20px 0 0;
}
.typeahead.dropdown-menu li:last-child.active a
{
    border-radius: 0 0 20px 20px;
}
.search-guides .typeahead.dropdown-menu
{
    left: auto !important;
    border-radius: 5px;
}
.search-guides .typeahead.dropdown-menu li:first-child.active a
{
    border-radius: 0 0 5px 5px;
}
.search-guides .typeahead.dropdown-menu li:first-child.active a
{
    border-radius: 5px 5px 0 0;
}

.sticky1
{
    width: 26.4%;
    height: auto;
    float: left;
    position: fixed;
    top: 0px !important;
    z-index: 100;
    right: 150px;
}
.sticky2
{
    position: fixed;
    top: 100px !important;
    width: 200px;
}
#stophere
{
    width: 100%;
    height: auto;
    float: left;
}

.booking-p
{
    width: 100%;
    text-align: center;
    background: #fff;
    padding: 10px;
    color: #333 !important;
    border-radius: 3px;
    float: left;
    font-size: 18px !important;
}
#calendar p
{
    margin-top: 5px;
    text-transform: capitalize;
    text-align: justify;
}
.inbox-h2
{
    margin: 20px 0 15px;
    float: left;
}

a.button {
    display: block;
    float: left;
    padding: 0;
    font-size: 18px;
    margin: 10px 20px 10px 0;
    font-weight: 600;
    text-align: center;
    line-height: 50px;
    color: #FFF;
    border-radius: 5px;
    transition: all 0.2s ;
}

.btnBlueGreen {
    background: #00AE68 !important;
}
.btnBlueGreen.btnPush {
    box-shadow: 0px 5px 0px 0px #007144 !important;
}
.btnPush:hover {
    margin-top: 15px !important;
    margin-bottom: 5px !important;
}
.btnBlueGreen.btnPush:hover {
    box-shadow: 0px 0px 0px 0px #007144 !important;
}
.edit-tour-form .select2-container
{
    width: 100% !important;
}
.testimonials
{
    overflow: hidden;
    margin-top: 4em;
}
/*.testimonials li
{
    list-style: none;
    float: left;
    margin: 4px 25px;
    padding: 20px;
    border: 1px solid #e1e1e1;
    border-left: 8px solid #e1e1e1;
    -webkit-box-shadow: 1px 1px 5px 0px rgba(0,0,0,0.3);
    -moz-box-shadow: 1px 1px 5px 0px rgba(0,0,0,0.3);
    box-shadow: 1px 1px 5px 0px rgba(0,0,0,0.3);
}*/
.testimonials li
{
    list-style: none;
    float: left;
    margin: 0 10px;
}
.testimonials li .reviews
{
    width: 100%;
}
.testimonials li .mytesti
{
    width: 100%;
    float: left;
}
.testimonials li .mytesti:before
{
    content: '\f10d';
    font-family: FontAwesome;
    font-size: 20px;
    width: 30px;
    height: 30px;
    position: relative;
    font-style: italic;
    margin-left: -114.1%;
    top: 30px;
}

.testimonials li a
{
    color: #007ea3;
    font-size: 18px;
    width: 100%;
    text-align: center;
    float: left;
}

.submit_review_form
{
    width: 100%;
    float: left;
}

.seen td
{
    background: #007ea3;
    color: #fff;
}
.seen td a
{
    color: #fff !important;
}
.sidebar .tour-sidebar-a
{
    margin-bottom: 0;

}
.side-destinations
{
    width: 100%;
    margin: 0;
    padding: 0;
    float: left;
    margin-bottom: 20px;
}
.side-destinations li
{
    list-style: none;
    float: left;
    width: 48%;
    margin: 5px 1%;
    border: 0;
    padding: 0;
    border-radius: 0;
}
.side-destinations li img
{
    width: 100%;
    float: left;
    height: 110px;
}
.side-destinations li h4
{
    color: #333;
    font-size: 18px;
    margin: 0;
    background: #fff;
    text-align: center;
    width: 100%;
    float: left;
    border: 1px solid #e1e1e1;
    border-top: 0;
    padding: 10px 5px;
    height: 59px;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
}
.side-destinations li:hover
{
    background: none;
    border: 0;
}
.news-grid1
{
    margin-bottom: 30px;
}
.testimonials1
{
    overflow: hidden;
    width: 100%;
    height: auto;
    float: left;
    margin-bottom: 5em;
}
.testimonials1 li
{
    list-style: none;
    float: left;
    padding: 0 10px;
    margin-top: 3em;
}
.testimonials1 li .reviews
{
    width: 100%;
}

.news-grid1 a
{
    height: 250px;
}
.news-grid a
{
    height: 240px;
    width: 100%;
    background: #333;
    float: left;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
}
.news-grid img
{
    max-width: 100%;
    max-height: 100%;
}

.sidebar-about
{
    margin-bottom: 0;
    border-radius: 0;
    padding: 10px;
    text-align: center;
}
.sidebar-about h3
{
    margin-bottom: 0;
}

.redspan
{
    margin-left: 5px;
    color: red;
    text-transform: none;
    font-weight: normal;
}
.res-img
{
    display: none;
}

.res-pages
{
    float: left;
    display: none;
}
.res-pages .panel-group .panel+.panel
{
    margin-top: 5px;
}
.res-pages .panel-title a, #accordion h3
{
    font-size: 17px;
    padding: 15px;
    background: rgba(0,0,0,.08) !important;
    border: 0 !important;
}
.ui-accordion .ui-accordion-content
{
    height: auto !important;
    padding: 15px !important;
    background-color: rgba(0,0,0,.03);
    border-color: #ddd !important;
}
.panel-body .reviews, .ui-accordion .ui-accordion-content .reviews
{
    width: 100%;
}
.sort-section-res
{
    display: none;
}
.panel-body ul, .ui-accordion .ui-accordion-content ul
{
    padding-left: 20px;
}

.pagi_count {
    float: right;
    color: #d00d0d;
    font-size: 18px;
}

.gallery-grids h3 {
    padding-bottom: 20px;
}

.sort-section-res form
{
    margin-bottom: 10px;
}

.bannner-percent
{
    color: #fff;
    font-size: 22px;
    font-weight: 600;
    letter-spacing: 2px;
    margin-left: 75%;
    margin-top: 102px;
}

.licence-img li
{
    height: 240px;
    width: 100%;
    background: #333;
    float: left;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
}
.licence-img li img
{
    max-width: 100%;
    max-height: 100%;
    width: auto;
    height: auto;
    display: block;
}

#register
{
	overflow: scroll;
}

@-moz-document url-prefix() { 
  .search {
    position:absolute;
    right: 18px;
	top: 0px;
  }
}

@-o-document url-prefix() { 
  .search {
    position:absolute;
    right: 18px;
	top: 0px;
  }
}

@-ms-document url-prefix() { 
  .search {
    position:absolute;
    right: 18px;
	top: 0px;
  }
}