/*
Theme Name: Scenic Boat Tour
*/

@import url(https://fonts.googleapis.com/css?family=Dosis:200,300,400,600,700,800);
@import url(https://fonts.googleapis.com/css?family=Archivo+Black);
/*----------------------------------------------*/
/* Global Reset */
/*----------------------------------------------*/ 
*{
	margin: 0;
	padding: 0;
	border: 0;
	outline:none;
	font-family:Arial, Helvetica, sans-serif;
	}
	
	
body{background:url(../../../images/body-bg.jpg) repeat-x left top;font-size:12px;
	color:#053b69;}

a{ text-decoration:none; outline:none;}

ol, ul, li {list-style: none; }

img{border:none;}

.clear-fx{clear:both; height:0; width:100%;}

.line-fx{ height:6px; clear:both; width:100%; margin:20px 0;}

.fl-left{ float:left;}

.fl-right{ float:right;}

.img-block{border:5px solid #94ab53;}
.wpcf7-form-control.g-recaptcha.wpcf7-recaptcha {
    transform: scale(0.77);
    transform-origin: 0 0;
}
h2.posttitle {font-family: 'Dosis', sans-serif;
font-size:20px;
color:#FFFFFF;
font-weight:bold;
line-height:24px;
text-shadow: 2px 0px 3px #05215a, 2px 0px 3px #05215a, 2px 0px 3px #05215a;
padding:0 0 16px 0;
margin:0px;
}
h2.posttitle a {color:#FFFFFF; text-decoration:none;}
h2.posttitle a:hover {color:#FFFFFF; text-decoration:none;}
#background-container{
	position:absolute;
	top:0px;
	left:0px;
	right:0px;
	bottom:0px; 
}
#site-container{
	position:absolute;
 	top:0px;
  	left:0px;
  	right:0px;
  	bottom:0px;
  	width:100%;
}
ul.form-section li {
background-color: transparent;
}



/*----------------------------------------------*/
/* Wrapper */
/*----------------------------------------------*/ 
.wrapper{
width:905px;
margin:0 auto;
position:relative;
z-index:1;
}


/*----Tel+ Social Share------------------------------------------*/ 
.tel-socialshare{
height:37px;
padding:19px 0 0 240px;
}
.est
{
float:left;
padding:10px 0 0 0;
}
.top_right
{
width:426px;
float:right;
}

.tel_block
{
width:250px;
float:left;
color:#ffc11e;
padding:0 0 10px 38px;
font-family: 'Archivo Black', sans-serif;
font-size:30px;
line-height:24px;
background:url(../../../images/tel_block.png) no-repeat 0 0;
}
.social
{
width:98px;
padding:0 16px 0 0;
float:right;
}
.social img
{
float:left;
margin:0 2px;
}


/*----Navigation-----------------------------------------*/ 
.nav-area{
background:url(../../../images/navigation-bg.png) repeat-x left top;
height:46px;
width:905px;
position:relative;
}

.nav-left{
position:absolute;
left:0;
}

.nav-right{
position:absolute;
right:0;
}

.logo{
position:absolute;
left:50px;
top:-45px;
}

.main-nav{
width:655px;
position:absolute;
right:11px;
}

.main-nav ul li{
float:left;
font:normal 15px 'Dosis', sans-serif;
padding-left:5px;
background:url(../../../../../images/nav-divider.jpg) no-repeat left 7px;
}

.main-nav ul li:first-child{
padding-left:0;
background:none;
}

.main-nav a {
font:bold 16px/38px Arial, Helvetica, sans-serif;
text-transform:uppercase;
color:#053b69;
padding:0 5px;
display:block;
}

.main-nav li a:hover,.main-nav li.current-menu-item a{
color: #e5ae37;
}

.main-nav li {position: relative;}

.main-nav ul ul {
position: absolute;
left:0;
z-index: 500;
border-top:1px solid #b5bdc9;
margin-top:-1px;
background:#6aa0d1;
}

.ie7 .main-nav ul ul {
	top:37px;
	}
	
.ie8 .main-nav ul ul {
	top:37px;
	}


.main-nav ul ul ul {
position: absolute;
top: 0;
left: 100%;
}

.main-nav ul ul {
display: none;
}

.main-nav ul ul li {
background:url(../../../../../images/sub-nav-bg.png) repeat left top;
width:200px;
border:1px solid #b5bdc9;
border-top:none;
padding-left:0;
}

.main-nav ul ul li:first-child{
background:url(../../../../../images/sub-nav-bg.png) repeat left top;
}

.main-nav ul ul li a,.navigation ul ul li.current-menu-item a{
height:auto;
padding:10px 20px;
border-bottom:none !important;
font-size:13px;
line-height:18px;
color:#fff;
background:url(../../../../../images/white-arrow-bullet.png) no-repeat 8px 15px;
}

.main-nav ul ul li:first-child a{
padding:10px 20px;
border-bottom:0 solid transparent;

}
.main-nav ul ul li:first-child a:hover{
border-bottom:0 solid transparent;
color:#284263;
}

.navigation ul ul li a:hover{
border-bottom:0 solid transparent;
color:#284263;
}

.main-nav ul ul,
.main-nav ul li:hover ul ul,
.main-nav ul ul li:hover ul ul
{display: none;}

.main-nav ul li:hover ul,
.main-nav ul ul li:hover ul,
.main-nav ul ul ul li:hover ul
{display: block;}


/*----Content Wrap-----------------------------------------*/ 
.content-wrap{
background:url(../../../images/content-wrap-bot-bg.png) no-repeat left bottom;
margin-top:-8px;
padding-bottom:15px;

}

.content-wrap-bot{
background:url(../../../images/content-wrap-bg.png) repeat-y left top;
padding:25px 40px 20px 40px; overflow:hidden;
}
/*----Slide area-----------------------------------------*/ 
.slide-area{
height:380px;
}

.sldie-txt{
float:left;
width:210px;
padding-top:70px;
}

.sldie-txt ul li{
font:bold 17px Georgia, "Times New Roman", Times, serif;
color:#053b69;
border-top:1px solid #7fa5be;
padding:12px 0;
text-align:center;
line-height: 15px;
}

.sldie-txt ul li:first-child{
padding-top:0;
border-top:none;
}


.sldie-img{
float:right;
width:615px;
}

.slide-frame{
background:url(../../../images/slide-frame.png) no-repeat left top;
width:600px;
height:362px;
padding:9px 0 0 15px;
}

/*----Block area-----------------------------------------*/ 
.block{
float:left;
width:255px;
margin-left:28px;
}

.block:first-child{
margin-left:0;
}

.blue-box-small{
border:4px solid #1e5490;
background:url(../../../images/blue-box-small-bg.jpg) repeat-x left top #34559c;
padding:5px;
margin-bottom:9px;
}

.blue-box-big{
border:4px solid #1e5490;
background:url(../../../images/blue-box-big-bg.jpg) repeat-x left top #34559c;
padding:5px;
}

.block h2
{
font-family: 'Dosis', sans-serif;
font-size:17px;
color:#FFFFFF;
font-weight:700;
line-height:24px;
text-shadow: 2px 0px 3px #05215a, 2px 0px 3px #05215a, 2px 0px 3px #05215a;
padding:0 0 6px 0;
margin:0px;
}
.block h2.costs { line-height:30px;}
.block h2 img
{
float:left;
margin:0 5px 0 0;
}

.block p
{
font-size:13px;
color:#FFFFFF;
line-height:16px;
padding:0 0 13px 0;
margin:0px;
}

.block_info
{
padding:0 20px 0 32px;
}
.map_area
{
width:231px;
padding:0 0 10px 5px;
}
.map_area small
{
text-align:right;
float:right;
}
.contact_area
{
width:218px;
padding:5px 0 8px 0;
margin:0px auto;
}
.contact_area_txt
{
width:218px;
height:23px;
margin-bottom:9px;
background:url(../../../images/contact_txt.png) no-repeat 0 0;
}

.wpcf7-text{
  width: 198px;
  height: 19px;
  border: none;
  outline: none;
  font-size: 13px;
  line-height: 21px;
  padding: 2px 11px;
  border-radius: 7px;
}
.contact_input
{
width:198px;
height:19px;
border:none;
outline:none;
font-size:13px;
color:#a0a09e;
line-height:21px;
padding:2px 11px;
background:none;
}
.contact_area.home-contact-form .red-white {
    color: white !important;
}
.wpcf7-textarea
{
width:207px;
height:88px;
padding:8px 5px;
font-size:13px;
line-height:18px;
background:url(../../../images/contact_txtarea.png) no-repeat 0 0;
margin-bottom:8px;
}
.contact_txtarea
{
width:207px;
height:88px;
padding:8px 5px;
font-size:13px;
color:#a0a09e;
line-height:18px;
background:url(../../../images/contact_txtarea.png) no-repeat 0 0;
margin-bottom:8px;
}


.wpcf7-submit
{
width:88px;
height:22px;
background:url(../../../images/content_button.png) no-repeat 0 0;
border:none;
cursor:pointer;
font-size:13px;
font-weight:bold;
text-align:center;
}
.contact_button
{
width:88px;
height:22px;
background:url(../../../images/content_button.png) no-repeat 0 0;
border:none;
cursor:pointer;
font-size:13px;
font-weight:bold;
text-align:center;
margin-left:64px;
}

/*-------------footer----------------------*/
#footer
{
padding:0 20px 30px 20px;
font-size:10px;
line-height:19px;
color:#FFFFFF;
text-align:right;
}
#footer span
{
display:block;
float:right;
padding:0 8px 0 0;
}
.footer_logo
{

float:right;
}
/*-----------------------------inner----------------------------*/
.inner
{
padding:20px 0 0 0;
}

.inner h2
{
font-family: 'Dosis', sans-serif;
font-size:20px;
color:#FFFFFF;
font-weight:700;
line-height:24px;
text-shadow: 2px 0px 3px #05215a, 2px 0px 3px #05215a, 2px 0px 3px #05215a;
padding:0 0 16px 0;
margin:0px;
}

.inner p
{
font-size:15px;
color:##053B69;
line-height:19px;
padding:0 0 10px 0;
margin:0px;
}
/*****************************BLOG*******************/
.blogcontent {width:600px; float:left; overflow:hidden;}
.postblock {margin-bottom:10px; padding:10px 0px; border-bottom:4px solid #1e5490; line-height:18px;}
.postblock a {color:#053b69; text-decoration:none;}
.postmetadata {font-weight:bold; margin-bottom:10px;}
/****************SIDEBAR****************/
#sidebar{float:left;width:190px;margin:0 0 0 10px;padding:0px;}
#sidebar ul {padding:0;	margin:0;list-style: none;font-size:1.1em;}
#sidebar ul ul { padding:0px; margin:0px;}
#sidebar ul li {border:4px solid #1e5490;background:url(../../../images/blue-box-small-bg.jpg) repeat-x left top #34559c;padding:5px; margin-bottom:10px;}
#sidebar ul ul {margin:0;padding:0;}
#sidebar li li { padding:0px 0px 5px 0px; margin:0px; background:none; border:none; border-bottom:#FFFFFF 1px dashed; font-size:12px;}
#sidebar li li a {color:#FFFFFF; text-decoration:none;}
#sidebar li li a:hover {color:#002b76; text-decoration:none;}
#sidebar li li li {	padding-left:10px;}
#sidebar ul h2 {color: #FFFFFF;    font-family: 'Dosis',sans-serif; font-size: 17px;font-weight: 700; line-height: 24px; margin: 0; padding: 0 0 6px; text-shadow: 2px 0 3px #05215A, 2px 0 3px #05215A, 2px 0 3px #05215A;}

/*---------------------20-05-13--------------------------*/
#comments p { padding:0 0 10px 0;}
#comments h3 { padding:12px 0 15px 0;}
#comments a { color:#FF0000;}
#comments a:hover { color:#cc9402;}
.comment-author { padding:0 0 10px 0;}
.comment-meta { padding:0 0 10px 0;}
#submit { background:#34559C; padding:5px; margin-bottom:10px; color:#FFFFFF; cursor:pointer;}
.contact_area_txt2
{width:300px;
height:30px;
margin-bottom:15px;
}

#name{
width:280px;
height:26px;
border:none;
outline:none;
font-size:13px;
color:#a0a09e;
line-height:21px;
padding:2px 10px;
background:#FFFFFF;
}
#email{
width:280px;
height:26px;
border:none;
outline:none;
font-size:13px;
color:#a0a09e;
line-height:21px;
padding:2px 10px;
background:#FFFFFF;
}


#phone{
width:280px;
height:26px;
border:none;
outline:none;
font-size:13px;
color:#a0a09e;
line-height:21px;
padding:2px 10px;
background:#FFFFFF;
}




#msg
{
width:280px;
height:80px;
padding:10px;
font-size:13px;
color:#a0a09e;
line-height:18px;
background:#FFFFFF;
margin-bottom:15px;
}
#consubmit
{
width:100px;
height:26px;
background:#34559C;
border:none;
color:#FFFFFF;
cursor:pointer;
font-size:13px;
font-weight:bold;
text-align:center;
margin-left:100px;
}
.form-label{
        width:150px !important;
    }
    .form-label-left{
        /*width:150px !important;*/
    }
    .form-line{
       padding:5px 4px !important
    }
    .form-label-right{
        /*width:150px !important;*/
    }
    .form-all{
        /*width:650px;*/
        color:#555 !important;
        font-family:'Verdana';
        font-size:12px;
    }
    .form-radio-item label, .form-checkbox-item label, .form-grading-label, .form-header{
        color:Black;
    }

.form-textarea {width:215px !important; margin-bottom:5px;  font-family:'Verdana';
        font-size:12px; padding:2px;}
.form-section p {padding:0px; margin:0px; line-height:0px;}
#label_6 {padding-left:0px !important;}
#mobile-menu {
    display: none;
}
#open-mob-menu {
    display: none;
}
 .mobile-nav-area {
    display: none;
}
.winterfl {
    float: left;
}
p.highlight-word {
  line-height: 22.5px;
  color: red;
  font-weight: bold;
}
.mob-slide-frame {
        display: none;
    }
.contact-div {display:none;}
@media screen and ( max-width:940px ) {
    body {
        overflow-x: hidden;
        width: 98%;
        padding:0px 1%; 
    }
    #open-mob-menu {
      display: block;
      background: url(images/nav-lefmob.png) repeat-x left top;
      text-align: center;
      clear: both;
        height: 31px;
      position: relative;
      z-index: 9999;
        padding-top: 8px;
        font-size: 16px;
    }
    .wrapper {
        width: 100%;
    }
    .top_right {
      width: 100%;
      float: none;
      /* overflow: hidden; */
    }
    img {
      width: auto !important;
      height: auto !important;
      max-width: 100% !important;
    }
    .tel_block {
      width: 100%;
      float: none;
      padding: 0px;
      font-size: 23px;
      background: none;
    }
    .social {
      width: 100%;
        float: none;
        clear: both;
        overflow: hidden;
        margin-top: 12px;
        float: right;
        padding: 0px;
    }
    .nav-area {
      width: 100%;
      position: initial;
    }
    .mobile-nav-area {
        display: block;
          overflow: hidden;
    }
    .nav-area {
        display: none;
    }
    .tel-socialshare {
        display: none;
    }
    div#site-container {
      position: relative;
      width: 100%;
    }
    #background-container {
      display: none;
    }
    .content-wrap {
      width: 100%;
        background: none;
          margin: 0px !important;
            padding-bottom: 0px;
    }
    .content-wrap-bot {
      overflow: hidden;
      background: #cde9f4;
      width: 94%;
      padding: 0px 3%;
      margin: 0px !important;
    }
    .slide-area {
      height: auto !important;
    }
    .sldie-txt {
      float: none;
      width: 100%;
      padding-top: 16px;
    }
    .sldie-img {
      float: none;
      width: 100%;
    }
    .slide-frame {
      width: 94%;
      height: auto;
        padding: 0% 0%;
        background: none;
        border: 5px solid white;
    }
    div#slider {
      width: 100%;
      height: 200px;
    }
    .block {
      margin: 0 auto !important;
      float: none;
      width: 100%;
    }
    .contact_area {
      width: 100%;
    }
    .contact_area_txt {
        background: none;
        padding: 0px !important;
    }
    .form-required {
      margin-left: 5px;
      color: red;
      display: none !important;
    }
    ul.form-section li {
        margin-bottom: 20px;
    }
    ul.form-section input {

        width: 94%;
        padding: 10px 3%;
      color: rgb(79, 79, 79);
    }
   ul.form-section textarea {
     width: 94% !important;
     padding: 10px 3% !important;
     color: rgb(79, 79, 79);
   }
    .form-all {
      width: 100% !important;
    }
    .form-input {
      display: block !important;
    }
    li#id_6 {
      padding: 0px !important;
    }
    .form-submit-button, .form-submit-reset {
      font-size: 18px;
      line-height: 30px;
      border-radius: 6px;
      padding: 4px 27px;
      float: left;
      margin-bottom: 10px;
      position: relative;
      top: -14px;
    }
    .logo {
      position: relative;
      top: 0px;
      left: 0px;
      width: 40%;
      float: left;
      overflow: hidden;
    }
    .mobile-nav-area .tel-socialshare {
      display: block;
      height: auto;
      padding: 0px;
      float: right;
      width: 43%;
    }
    .mobile-nav-area .est {
      float: none;
      padding: 10px 0 0 0;
        margin-bottom: 5px;
    }
    .social img {
      float: none;
      margin: 0 2px;
    }
    .nav-left {
        display: none;
    }
    .nav-right {
        display: none;
    }
    ul#menu-header-menu-1 a {
      padding: 9px 10px;
      display: block;
      background: url(images/nav-lefmob.png) repeat-x left top;
      color: #053b69;
        text-align: center;
        font-size: 16px;
          text-transform: uppercase;
    }
    .tel_block a {
          color: #ffc11e;
            font-family: inherit;
    }
    .blogcontent {
      width: 100%;
      float: none;
    }
    div#footer {
      padding: 0px;
      overflow: hidden;
      background: #cde9f4;
      padding-top: 10px;
    }
    #footer span {
      display: block;
      float: none;
      padding: 0px;
      color: black;
      text-align: center;
    }
    .winterfl {
      float: none;
    }
    .footer_logo {
      float: none;
        padding: 10px 0px;
    }
    .footer_logo img {
      width: 46px !important;
    }
    iframe {
      width: auto !important;
      max-width: 100% !important;
      height: auto !important;
      margin-bottom: 10px;
    }
    div#content div {
      float: none !important;
        width: auto !important;
        margin-left: 0px !important;
        max-width: 100%;
    }
    #content div.ngg-gallery-thumbnail-box {
      float: left !important;
      margin-right: 5px;
    }
    div#sidebar {
      float: none;
      width: 100%;
      margin: 10px 0px;
    }
    .contact {
        display: none;
    }
    .contact-div {
        display:block;
    }
    .contact-div br {
      display: none;
    }
    .page-id-4 p.highlight-word {
        top: -18px !important;
    }
    .slide-frame {
        display: none;
    }
    .mob-slide-frame {
        display: block;
    }
   
}