/*
Theme Name: H Bay School of Surf
Theme URI: hbayschoolofsurf.co.uk
Author: Majik Websites
Author URI: http://www.majik-websites.co.uk
Version: 2.0
*/
/*--------Start - WordPress Core--------*/
.alignnone {
    margin: 5px 20px 20px 0;
}
.aligncenter,
div.aligncenter {
    display: block;
    margin: 5px auto 5px auto;
}
.alignright {
    float: right;
    margin: 5px 0 20px 30px;
}
.alignleft {
    float: left;
    margin: 5px 30px 20px 0;
}
.aligncenter {
    display: block;
    margin: 5px auto 5px auto;
}
a img.alignright {
    float: right;
    margin: 5px 0 20px 30px;
}
a img.alignnone {
    margin: 5px 20px 20px 0;
}
a img.alignleft {
    float: left;
    margin: 5px 30px 20px 0;
}
a img.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto;
}
.wp-caption {
    background: #fff;
    border: 1px solid #f0f0f0;
    max-width: 96%;
    padding: 5px 3px 10px;
    text-align: center;
}
.wp-caption.alignnone {
    margin: 5px 20px 20px 0;
}
.wp-caption.alignleft {
    margin: 5px 20px 20px 0;
}
.wp-caption.alignright {
    margin: 5px 0 20px 20px;
}
.wp-caption img {
    border: 0 none;
    height: auto;
    margin: 0;
    max-width: 98.5%;
    padding: 0;
    width: auto;
}
.wp-caption p.wp-caption-text {
    font-size: 11px;
    line-height: 17px;
    margin: 0;
    padding: 0 4px 5px;
}
.clear {
    clear: both;
}
/*--------End - WordPress Core--------*/

/*--------Start - Wesbite Styles--------*/
*, :after {
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
}
html {
 width:100%;
 height:100%;
}
body {
    margin: 0px;
    padding: 0px;
    font-size: 16px;
    line-height: 28px;
    color: #212121;
   font-family: 'Poppins', sans-serif;
    background: #fff;
     width:100%;
 height:100%;
}
.home-wrap{background: #fff;
float: left;
width: 100%;
display: block;
z-index: 10;
position: relative;}
.home-wrap .center-title.blue h3, .home-wrap .center-title.blue h4{color:#FAF5EF!important;}
.home-wrap .center-title.blue .inside-col h3, .home-wrap .center-title.blue .inside-col h4
{color: #05607d!important;}
p {
    margin: 0 0 15px;
}
strong {
font-weight: 700;}
a {
    text-decoration: none;
    outline: none;
    color: #0A7A99;
}
a:hover{text-decoration:underline;}
a[href^=tel] {
    color: inherit;
    text-decoration: none;
}
hr {
    width: 80%;
    margin: 20px 10%;
    clear: both;
}
img {
    border: none;
}
h1,
h2,
h3,
h4,
h5,
h6 {
    margin: 0px;
    font-family: 'Poppins', cursive;
     color: #05607d;
    font-weight: 600;

}
h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a {
   color: #757574;
}
h1, h2 {
    font-size: 54px;
    line-height: 64px;
    margin: 0 0 15px;
    font-weight: 600;
    font-family: 'Poppins', cursive;
      color:#05607d;
}

h1.simple-title {   color: #757574; margin:  0 0 40px;
display: block;    font-size: 28px; line-height:  32px; text-transform: initial;
}
h1 span, h2 span {   color: #757574; margin:  0 0 40px;
display: block;   font-size: 18px; line-height:  22px; text-transform: uppercase; }
h3 {
  margin:  0 0 10px; padding:  0 0 5px;
display: block;    font-size: 36px; line-height: 40px;
color: #05607d;
}

h3 a {
    color: #0A7A99;
}
h3 a:hover {
    color: #05607d;
    text-decoration: none;
}
h4 {
    font-size: 22px;
    line-height: 26px;
    margin: 0 0 10px;
	color:#0A7A99;
}
h5 {
  font-size: 18px;
    line-height: 22px;
    margin: 0 0 5px;
color: #757574;
}
h6 {

    font-size: 16px;
    line-height: 22px;
    margin: 0 0 5px;
}
.single-col.margin-top {margin-top: 40px!important;}

.post h2 {
margin:  0 0 10px;
}
.centered {
    text-align: center;
}
#wpseo_sitemap ul {
font-size: 16px;}
blockquote {
    float: left;
    width: 100%;
    clear: both;
    padding: 10px 40px;
    margin: 10px 0 20px;
    font-size:  20px;
    line-height:  26px;
    color: #fff;
    background: #757574;
    font-style: italic;
    position: relative;
}
blockquote:before {position: absolute; top: 20px; left: 25px; font-size: 18px; font-family:'FontAwesome'; font-style: normal;
}
blockquote p {
    margin: 20px 0;
    padding:  0 20px;
    border-left:  3px solid #fff;
}
hr {
    width: 100%;
    border: none;
    height: 1px;
    display: block;
    background: #757574;
    margin: 30px 0;
}
hr.clear {
    background: none;
}
.wrapper {
    width: 1200px;
    margin: 0px auto;
    padding: 0;
}
.no-margin {
margin: 0px!important;}
#header {
    color: #0A7A99;
    width: 100%;
    float: left;
    clear: both;
    padding: 20px 0;
    position: fixed;
    z-index: 999;
    background:#fff;
    text-align: center;
    -webkit-box-shadow: 0px 2px 2px 2px rgba(0,0,0,0.4);
-moz-box-shadow: 0px 2px 2px 2px rgba(0,0,0,0.4);
box-shadow: 0px 2px 2px 2px rgba(0,0,0,0.4);
	height:160px;
	left:0px; top: 0px;
}
#header.home-header {
background: none;
    -webkit-box-shadow: 0px 0px 0px 0px rgba(0,0,0,0);
-moz-box-shadow: 0px 0px 0px 0px rgba(0,0,0,0);
box-shadow: 0px 0px 0px 0px rgba(0,0,0,0);
}
.home-header #nav ul li a{color: #fff; opacity: 0.95;
}
.home-header #nav ul li.current-menu-item > a,
.home-header #nav li a:hover{color: #fff; opacity: 1;
}
#header.scroll {
background: #fff;
    -webkit-box-shadow: 0px 2px 2px 2px rgba(0,0,0,0.4);
-moz-box-shadow: 0px 2px 2px 2px rgba(0,0,0,0.4);
box-shadow: 0px 2px 2px 2px rgba(0,0,0,0.4);
}

.home-header #nav ul li {
border-color: #fff;}
.header-space {
    width: 100%;
    float: left;
    display: block;
    height:  160px;
}

.top-icons {
    float: right;
    margin: 0 0 13px 0px;
}
.top-icons ul {
    margin: 0px;
    padding: 0;
    list-style: none;
    float: left;
    display: block;
}
.top-icons ul li {
    float: left;
    display: inline-block;
    margin: 0;
    color: #0A7A99;

}
.top-icons ul li a.phone {margin: 7px 0px 0 0; display: inline-block;
}
#header.slide-header .top-icons ul li a.phone {

    color: #fff;
}
.top-icons .read-more {padding:  5px 20px;
}
#page-image {
text-align: center;}
#page-image img {display: inline-block; width: 100%; height: auto;
}
#page-image.full-img img {display: block;
}

.book-btn a, input[type="submit"], input[type="button"], .button {
    color: #53565a;
    background: #757574;
    padding: 5px 10px;
    font-size: 15px;
    line-height: 20px;
    color: #53565a;
    text-transform: uppercase;
    display: block;
    margin: 0 0 0 40px;
    border: none;
    cursor: pointer;
       font-family: 'Poppins', cursive;
    font-weight:  500;
        -moz-transition: all 0.5s ease!important;
    -o-transition: all 0.5s ease!important;
    -ms-transition: all 0.5s ease!important;
}

input[type="submit"], input[type="button"]{
 background: #05607d!important;
 color:#fff!important;
margin: 20px 0 0!important;
padding: 12px 32px 10px !important;
line-height: 22px!important;
  font-size: 22px!important;

}
.book-btn a:hover
{background: #757574;}
input[type="submit"]:hover, input[type="button"]:hover, button:hover, .button:hover {
 background: #D9D9D6;}
.quote-rotate{padding:0px!important;}
.booking-bar input[type="submit"]:hover, .booking-bar input[type="button"]:hover, .booking-bar button:hover, .booking-bar .button:hover {
color: #fff; background: #D9D9D6;}
.icon-col {text-align: center;
}
.icon-col img {
max-width:  200px; width:  80%; display: inline-block!important; height: auto;}

.logo-holder {

    width: 100%;
    float: left;
    clear: both;
    margin: 0px;
}
.logo {
    display: inline-block;
    height: 120px;
    padding: 0 30px;
    width: auto;
    margin: 0px 0px 0px;
        -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
}
#header .logo {
position: absolute;
top: 0px;
left: 50%;
margin: 0 0 0 -91px;
}
#header.scroll .logo {

margin: 0 0 0 -77px;
}
.logo img {
    display: block;
    height: 100%!important;
    width: auto;
}
.logo .white {display: none;
}
.logo .normal {display: block;
}
.home-header .logo .white{display: block;
}
.home-header .logo .normal{display: none;
}
.scroll .logo .white{display: none;
}
.scroll .logo .normal{display: block;
}
.scroll .logo {display: inline-block; height:  80px;
}

.tag-line h1 {
    font-size: 28px;
    line-height: 28px;
    text-transform: none;
}


.home-header #nav {width: 100%; text-align: center;
}
.home-header #nav ul {float: none; display: inline-block;
}
.home-header #nav ul li:first-child, .home-header #nav ul li{float: none; margin:  0px; padding:  0 20px;
}
.home-header .top-icons {display: none;
}
#header.home-header.scroll, #header.scroll {
    padding-top: 20px;
    height: 120px;
}

#menu-menu-left, #menu-menu-right {
            -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
position: relative; top: 55px;}
#menu-menu-left {
margin-right:  100px!important;}
#menu-menu-right {
margin-left:  100px!important;}

.scroll #menu-menu-left {
margin-right:  75px!important;}
.scroll #menu-menu-right {
margin-left:  75px!important;}


.scroll #menu-menu-left, .scroll #menu-menu-right {
 top: 34px;}
.nav-row {
    background: #fff;
    width: 100%;
    float: left;
    margin: 20px 0 0;
}
#nav {text-transform: uppercase;
    padding: 0;
    position: relative;
    width: auto;
    margin: 0;
    clear: both;
    max-width: 100%!important;
    text-transform: uppercase;
font-size: 18px;
line-height: 20px;
font-weight: 500;
font-family: 'Poppins', cursive;

}
#nav ul {
    clear: both;
    list-style: none;
    margin: 0;
    padding: 0;
    display: inline-block;
    text-align: center;
}
#nav ul li {
    display: inline-block;

padding:  0 20px;
    position: relative;
}

#nav ul li a, .scroll #nav ul li a {
    display: block;
    margin: 0;
    padding: 0px;
    opacity: 1;
    text-decoration: none;
   color: #0A7A99;
}

#nav ul li.current-menu-item > a,
#nav li a:hover, .scroll #nav ul li.current-menu-item > a,
.scroll #nav li a:hover {
    color: #05607d;
    opacity: 1;
}
#nav ul li.current-menu-item li a {
    text-decoration: none;
}
#nav li:hover .sub-menu {
    display: block;
    position: absolute;
    top: 20px;
}
#nav li ul.sub-menu {
    left: 22px;
    padding: 6px 0 0px;
    position: absolute;
    top: -9999px;
    width: auto!important;
    z-index: 9999;
    font-size: 14px;
    line-height: 22px;
    text-align: left;
    text-transform: none;

}
#nav ul.sub-menu li,
#nav ul.sub-menu li:first-child {
    clear: both;
    display: block;
    margin: 0px;
    width: 100%;
    padding: 0;
    font-size: 16px;
    line-height: 24px;
    background: #0A7A99;
    border: none;
}

#nav ul.sub-menu li:last-child {
padding-bottom: 3px;}
#nav ul.sub-menu a,
#nav ul.sub-menu li:first-child a,
#header #nav ul.sub-menu a,
#header #nav ul.sub-menu li:first-child a {
    display: block;
    white-space: nowrap;
    margin: 0;
    padding: 5px 20px;
    text-decoration: none;
    width: auto;
    border: none;
    color: #fff;
}
#nav ul.sub-menu a:hover,
#nav ul.sub-menu li:first-child a:hover,
#nav ul.sub-menu li.current-menu-item > a {
    color: #fff!important;
}
.left-title, .center-title {margin-bottom:  50px;
           }
.content-holder.left-title, .content-holder.center-title {
margin:120px 0 0px;}
.content-holder.center-title.minus-twenty {margin:100px 0 0px;
}
.woocommerce .content-holder.center-title.minus-twenty{margin-top:0px;}
.content-holder {
    position: relative;
    float: left;
    width: 100%;
    clear: both;
    padding: 0;
}
.center-title .single-col {
    padding: 0px 15%;
}
.center-title.wide .single-col {
padding: 0px; text-align: center;}
.center-title.central .single-col {
 text-align: center;}
.content-holder.grey {background: #d9d9d7; padding-bottom: 60px;
}
.text-content img {
max-width: 100%; display: inline-block; height: auto;}
.top-border {
    padding: 0px;
}
.main-img {
    float: left;
    overflow: hidden;
    width: 100%;
    clear: both;
    margin: 0px;
}
.home-slider {
    width: 100%;
    float: left;
    clear: both;
    margin: 0;
    overflow: hidden;
    position: relative;
    text-align: center;
}
/*.mobile-img {
 background:url(/images/blue-shark-snorkel-mobile.jpg) no-repeat 50% 50%;
 background-size:cover
}
.front-img {
 background:url(/images/blue-shark-snorkel.jpg) no-repeat 50% 50%;
 background-size:cover
}*/
#myVideo {
    position: fixed;
    top: 50%;
    left: 50%;
    min-width: 100%;
    min-height: 100%;
    transform: translate(-50%, -50%);
}
.home-panel {
 border:none;
 box-sizing:border-box;
 display:block;
 height:100%;
 left:0;
 margin:0;
 overflow:auto;
 padding:10px;
 position:absolute;
 top:0;
 width:100%
}
.logo-holder {
    display: table;
    height: 100%;
    width: 100%;
}
.slide-next, .slide-prev {
    color: #fff;
    cursor: pointer;
    display: block;
    height: 30px;
    margin: -15px 0 0;
    position: absolute;
    top: 50%;
    width: 30px;
    font-size: 30px;
    z-index: 999;
}
.slide-next {
    right: 20px;
}
.slide-prev {
    left: 20px;
}
.slide-next .fa{
    float: left;
}
.slide-prev .fa{
    float: right;
}
.cell {
    display: table-cell;
    text-align: center;
    vertical-align: bottom;
}
.logo-holder img {width: 50%; height: auto; display: inline-block; max-width:  360px;
}
.cell h2.caption-block {
display: block; color: #fff;  margin: 10px 0 0;

}
.mc-image {
  display: block !important;
  background-position: 50% 50%!important;
}
.cell h2.caption-block.yellow span{color: #fff;}
.cell h2.caption-block.blue span {
    color: #3cdbc0;
}
.cell h2.caption-block span { padding:  15px; text-align: left;
display: inline-block;font-size:  40px; line-height: 46px; background: rgba(0,98,125, 0.65); color: #fff; float: left; clear: both;}
.cell h2.caption-block span em {color: #fff; font-size:  18px; line-height:  22px; text-transform: initial; font-style: normal; display: block;

}
.metaslider {
    display: block;
    width: 100%;
    height: auto;
    max-width: 100%!important;
}
.main-img img {
    width: 100%;
    height: auto;
    display: block;
}

.main-img.single-col {margin-top:30px;
}
.center-align {
    text-align: center;
}

.content-section.main-article { margin: 50px 0 0;
}

.quote {background: url(images/quote-bg.jpg) no-repeat 0 50% ;
        background-size:cover;
        color: #fff;
}
.img-break .single-col { height: 100%; text-align: center;
display: table;float: none;}
.img-break .text-content {margin: 0px; font-size: 52px; float: none;
line-height: 62px; color: #fff; display: table-cell; vertical-align: bottom;

    font-family: 'Poppins', cursive;
}
.img-break-info .text-content{font-size: 32px; line-height: 36px; vertical-align:top;}
.img-break-info .text-content h2{color:#fff;}
.img-break-info .text-content .inside-text{    width: 50%;
    float: left;
    text-align: left;
    font-weight: bold;

    font-size: 18px;
    line-height: 24px;
	text-transform:initial;font-family:'Poppins', sans-serif;
}
.content-holder.quote-holder {
margin: 0;}

.quote .text-content {padding: 0 40px; position: relative; margin: 240px 0 120px;
                   font-size:  24px; line-height: 40px;

}

.quote .text-content p {margin: 0px; font-size: 52px;
line-height: 62px;

    font-family: 'Poppins', cursive;
}
.quote .text-content span {  color: #fff;
margin: 40px 0 0;
display: block;
font-family: 'Poppins', cursive;
font-size: 18px;
line-height: 22px;
text-transform: uppercase;

}

.open-quote {background: url(images/open-quote.png) no-repeat 0 0; position: absolute; width:  28px; height:22px; display: block; left: 0px; top: 0px;

}
.close-quote {background: url(images/close-quote.png) no-repeat 0 0; position: absolute; width:  28px; height:22px; display: block; right: 0px; bottom: 90px;

}
.main-article span {   font-size:  24px; line-height:  28px; margin:  30px 0 0; display: block;
}

.main-article .text-content {
    width: 100%;
    margin: 0;
    padding: 0;
}
.text-content {
    width: 100%;
    float: left;
    clear: both;
    position: relative;
}
.content-section {
    margin: 0px;
    width: 100%;
    float: left;
    clear: both;
}
.content-section.blog-img {
    margin-top: 150px;
}
.content-section.blog-img img {
    width: 100%;
    height: auto;
    display: block;
}
.content-section.main-img {
    margin: 0px;
}
.four-col,
.three-col,
.two-col,
.twin-col {
    width: 100%;
    float: left;
    clear: both;
    margin: 0;
}
.single-col {
    float: left;
    margin: 0;
    padding: 0 20px;
    width: 100%;
}
#header .single-col {
    padding: 0 50px;
}
.col {
    float: left;
    margin: 0;
    padding: 0 20px;
}
.four-col .col {
    width: 25%;
}
.four-col .triple {
width:  75%;}
.full-col {
width:100%!important;}
.three-col .col {
    width: 33.333%;
}
.three-col .twin {
    width: 66.666%;
}
.two-col .col, .four-col .twin {
    width: 50%;
}
.col .thumb-img {
    width: 100%;
    float: left;
    clear: both;
    margin: 0 0 10px;
    position: relative;
}
.thumb-img img {
    width: 100%;
    height: auto;
    display: block;
}
.thumb-col img {
width:  100%; display: block; height:  auto;}
.nf-form-content input[type="button"], #footer .read-more, .read-more {
    font-family: 'Poppins', cursive;
    margin: 20px 0 0;
    padding: 12px 32px 10px!important;
    color: #fff;
    background: #0A7A99;
    display: block;
    float: left;
    position: relative;
    line-height: 22px;
    font-size: 18px;
    font-weight: 600;
    text-transform: uppercase;

    -moz-transition: all 0.5s ease!important;
    -o-transition: all 0.5s ease!important;
    -ms-transition: all 0.5s ease!important;
    border:none;
}
.centered .read-more, .center-title .read-more {
display: inline-block; float:none;}


.nf-form-content input[type="button"]{margin-top:20px!important;}
.nf-form-content input[type="button"]:hover {
background: #f2f3f3;}

.read-more.margin{margin:20px 0 0;}
.page-content .read-more{ float: none; display: inline-block;
}

#footer .read-more:hover, .read-more:hover, .nf-form-content input[type="button"]:hover {
background: #05607d; color: #fff; text-decoration:none;
}

.light-bg {
    padding: 20px 0;
}
body::-webkit-input-placeholder {
    color: #757574;
        opacity: 1;
}
body:-moz-placeholder {
    /* Firefox 18- */
    color: #757574;
    opacity: 1;
}
body::-moz-placeholder {
    /* Firefox 19+ */
    color: #757574;
    opacity: 1;
}
body:-ms-input-placeholder {
    color: #757574;
        opacity: 1;
}

#footer {
    color: #fff;
    float: left;
    width: 100%;
    padding: 60px 0 0;
    margin: 0px 0 0;
    position: relative;
    background: #05607d url(images/overlay-2.png) 50% 50%;
    font-size: 16px;

}
#footer ul {
    margin: 0px 0px 20px;
    padding: 0px;
    list-style: none;
    float: left;
    width: 100%;
    clear: both;
}
#footer ul.social {
margin: 0;}
#footer ul li {
    float: left;
    display: block;
    width: 100%;
    margin: 0px;
}
#footer .social li { text-align: center; border-radius: 20px;
	display:inline-block; width:36px; height: 36px; background: #fff; float:none; margin: 0px 10px 0 0;
}

#footer .social li a {padding: 7px; width: 100%; font-size: 22px; line-height:22px;
    margin: 0px;
    display: inline-block;
    color: #05607d;
}
#footer .social li:hover {
background: #FAF5EF;}

#footer a {
     color: #fff;
}
#footer a:hover {
    color:#FAF5EF;
}

.quick-links form {margin: 10px 0 0;
}
#footer h3 {
    font-size: 22px; line-height:  24px;
    color: #fff;
    padding-top: 0px;
    margin: 0 0 15px;
    border-bottom: 2px solid #fff;
}
#footer .logo {
    margin: 0 0 30px;
    height: auto; width:  80%; text-align: center; float: none; margin:  0 auto;
}
#footer .logo img {width: 100%; height: auto; max-width:  300px; display: inline-block;
}
#footer .text-content {
    margin-top: 20px;
}
input[type=number],
input[type=text],
input[type=password],
input[type=email],
input[type=tel],
textarea,
select, #searchform-box .ftb_w_arr input[type="text"], #searchform-box .ftb_w_dep input[type="text"], #searchform-box .ftb_thin_wrap input[type="text"]{
    border: none;
    padding: 5px;
    width: 100%;
    margin: 0 0 10px!important;
    color: #53565a;
    font-size: 18px;
    line-height: 20px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    border: none;
    background: #fff;
font-family: 'Poppins', sans-serif;
    font-weight:  500;
}
.label-above .nf-field-label {
margin:  0 0 3px!important;}
.nf-field-element textarea {
    height: 120px!important;
}
body.fts-powered-by-text-popup a.fts-powered-by-text {
display: none!important;}
#subForm {
    width: 100%;
    float: left;
}
.nf-form-fields-required {
    font-style: italic;
    font-size: 18px;
    margin: 0 0 5px;
}
#nf-form-1-cont .nf-field-container,
#nf-form-1-cont #ninja_forms_required_items {
    margin: 0px!important;
}

.nf-input-limit{display:none!important;}

.comp-terms{font-size: 16px; line-height: 16px;}
.end-footer {
    font-size: 12px;
      background: #05607d;
    padding: 10px 0;
    width: 100%;
    float: left;
    width: 100%;
    margin: 80px 0 0;
    line-height: 18px;
   border-top: 1px solid #fff;
}
.end-footer .majik {float: right;
}

.sidebar-layout {
    width: 100%;
    float: left;
    clear: both;
    text-align: left;
}
.sidebar-layout .article-content {
    width: 66.666%;
    float: left;
    margin: 0px;
    padding: 0px;
}
.page-layout .article-content {
    width: 66.666%;
}
.article-content img{max-width:100%; height:auto;}
.dog-content .article-content {padding: 0px;
}
.sidebar {
    width: 33.333%;
    padding: 0 20px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    float: left;
    margin:  0 0 30px;
}
.page-layout .sidebar {
    width: 33.333%;
}
.post-details {
    margin: 0 0 60px;
     color: #757574;
display: block;   font-family: 'Poppins', sans-serif;font-size: 12px; line-height:  22px; text-transform: uppercase;
}
.testimonial-grid .col {
    width: 100%!important;
    margin: 0 0 30px;
    padding: 20px 20%;
    background: #E6E6E6;
    text-align: center;
    position: relative;
    overflow: hidden;
}
.testimonial-grid .inner-col {
    position: relative;
    z-index: 10;

}
.index-grid .inner-col:hover .link {
    background: #000;
}

.home-grid {
    margin: 60px 0 0;
    padding: 0 15px;
}

.home-grid .thumb-img {
    display: block;
    height: auto;
    margin: 0;
    width: 100%;
}
.home-grid .col {
    padding: 5px;
    position: relative;
}
.home-grid .col .inside-col {
display: block; width:  100%; height: 100%; position: relative; float: left;}
.home-grid .text-content {
    display: block;
    height: 100%;
    position: absolute;
    transition: opacity 0.6s ease-in-out 0s;
    width: 100%;
    color: #fff;

}
.home-grid .fade {
    background: rgba(0,98,125, 0.65);
    display: table;
    height: 100%;
    padding: 0;
    transition: all 0.3s ease 0s;
    width: 100%;   padding: 20px;
}
.home-grid .fade:hover {    background: rgba(0,98,125, 0.85);
}
.home-grid .fade:hover .read-more {
opacity: 1;}
.home-grid .fade h3, .home-grid .fade h4 {
    color: #fff;
    margin: 0 0 30px;
    padding: 0 20px;
    font-size: 30px; font-weight:  500;
}
.home-grid .read-more {float: none;background: #fff; color: #0A7A99; display: inline-block; margin:  30px 0 0;
}
.home-grid .read-more:hover {background: #fff;
}


.home-grid .fade a {
    display: table-cell;
    height: 100%;
    vertical-align: middle;
    width: 100%;
    color: #fff;
}

.pagination .wp-pagenavi {
    padding: 0;
    font-size: 16px;
    line-height: 16px;
    float: left;
    clear: both;
    width: 100%;
    margin: 0 0 40px;
    text-align: center;
}
.post-holder {
    float: left;
    clear: both;
    width: 100%;
}
.post {
    float: left;
    clear: both;
    width: 100%;
    padding: 0 0 30px;
    margin: 30px 0 0;
    border-bottom: 3px solid #757574;
}
.post.four-col{
border: none; padding:  0px;
}
.post-holder .post:first-child {
   margin-top:20px; padding-top:  30px;  border-top:  3px solid #757574;
}

.post .thumb-img img {
    display: block;
    width: 100%;
    height: auto;
}
.post .thumb-img {
    width: 100%;
    float: left;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    margin: 0px;
}
.post .text {
    width: 100%;
    float: left;
    padding: 20px 0 0 0px;

}
.post.full .text {
    width: 100%;
    padding: 0px;
}
.arrow-up {
    background: url('images/arrow-up.png') no-repeat 0 0;
    width: 49px;
    display: block;
    height: 24px;
    position: absolute;
    top: -23px;
    left: 50%;
    margin: 0 0 0 -25px;
}
.rmm-toggled-controls {
    display: none!important;
}
.rmm-toggled-controls {
    cursor: pointer;
}

.ninja-forms-cont {
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    clear: both;
    float: left;
    margin: 0 0 20px;
    padding: 20px;
    width: 100%;
    background: #DBD9D6;
    border: 1px solid #555759;
    color: #555759;
}
.field-wrap,
#ninja_forms_required_items {
    margin: 0px!important;
}
.ninja-forms-required-items {
    display: none;
}
.ninja-forms-field p {
    margin: 0 0 20px;
}
.pagination {
    clear: both;
    margin: 0;
    width: 100%;
}
.pagination .pages {
    display: none;
}
.pagination .wp-pagenavi a,
.pagination .wp-pagenavi .extend,
.pagination .wp-pagenavi .current {
    border: none;
    color: #535453;
    display: inline-block;
    margin: 0 0 0 10px;
    line-height: 20px;
    padding: 10px 0;
    width: 40px;
    height: 40px;
    border: none;
    background: #E6E6E6;
}
.pagination .wp-pagenavi .current {
    background: #444549;
    color: #fff;
}
.pagination .wp-pagenavi a:hover {
    background: #3C3C3B;
    color: #fff;
}
.pagination .wp-pagenavi a.nextpostslink,
.pagination .wp-pagenavi a.previouspostslink {
    display: none;
}
.wp-caption-text {
    display: none;
}
/*--------End - Wesbite Styles--------*/

.twin-col {
    margin: 0px;
    -webkit-column-count: 2;
    /* Chrome, Safari, Opera */
    -moz-column-count: 2;
    /* Firefox */
    column-count: 2;
    -webkit-column-gap: 20px;
    /* Chrome, Safari, Opera */
    -moz-column-gap: 20px;
    /* Firefox */
    column-gap: 20px;
}
.iframe-wrap {
    height: 0;
    margin: 0 0 20px;
    overflow: hidden;
    padding-bottom: 65.25%;
    padding-top: 30px;
    position: relative;
}
.iframe-wrap iframe {
    height: 100% !important;
    left: 0;
    position: absolute;
    top: 0;
    width: 100% !important;
}
.map-wrap {
    width: 100%;
    float: left;
    width: 100%;
    padding: 0 20px;
}
.home .map-wrap {padding: 0px;
}
.map-wrap iframe {
    width: 100%;
    display: block;
/*     pointer-events: none; */
}
.video-container {
    position: relative;
    padding-bottom: 56.25%;
    /* 16:9 */
    padding-top: 25px;
    height: 0;
    margin: 0 0 20px;
}
.home-video .video-container {margin:  20px 0 0;
}
.video-container iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.table-container {
 max-width:100%;
 overflow-x:auto;
 margin:0 0 20px
}
.table-container table,
.table-wrap {
 border-collapse:collapse;
 margin:0 0 20px;
 text-align:left;
 width:100%;
	background:#0A7A99!important;
}

.table-container table th {
 background:#0A7A99;
 border:1px solid #757574;
 color:#131516;
 font-size:16px;
 padding:10px;
 vertical-align:top
}

.prices-table td, .prices-table th{text-align:center;}

.prices-table.table-container table th{ background: #0A7A99;
font-size: 32px;
line-height: 32px;
margin: 0px;
	padding: 20px 0 ;
border:#fff 1px solid;
	border-bottom:none;
	color: #fff}
.prices-table.table-container table td{padding-top:20px;}
.table-container table th {
 border-right:1px solid #f2f3f3
}
.table-container table th:last-child {
 border-right:1px solid #f2f3f3
}
.table-container table td {
 vertical-align:top;
 background:#fff;
 border:1px solid #f2f3f3;
 color:#757574;
 padding:10px
}
.table-wrap td {
 vertical-align:top;
 padding:0 20px 10px 0
}
.widget {
    float: left;
    width: 100%;
    clear: both;
    padding: 20px;
    background: #d9d9d7;
    margin: 0 0 30px;
    border-left:  3px solid #757574;
}

.widget h3, h3.under {color: #757574; margin:  0 0 18px; padding:  0px;
    font-size:  20px; line-height:  24px;
}
h3.under {margin-top:  40px;
}
.widget .thumb-img {
    margin: 0px;
}
.widget .col {
    width: 100%;
    padding: 0px;
}

.thumb-img {
    width: 25%;
    float: left;
}
.thumb-img img {
    width: 100%;
    height: auto;
    display: block;
}
.widget .text {
    width: 100%;
    float: left;

}
.widget .text em {
    font-size: 14px;
    line-height: 16px;
    margin: 0 0 3px;
    display: block;
    font-style: normal;
}
.widget .full .text {
    width: 100%;
    padding: 0px;
}
.widget a {
color:#53565a;}
.widget h5 a, .widget a:hover {
color: #757574;}




.fts-jal-fb-header,
.fts-jal-fb-user-thumb,
.fts-jal-fb-user-name,
#footer .fts-powered-by-text,
.fts-jal-fb-post-time {
    display: none!important;
}
.fts-twitter-div a {
    color: #757574!important;
}
.fts-twitter-div a:hover {
    color: #757574!important;
}
#footer .fts-jal-single-fb-post,
#footer .fts-jal-fb-message,
.fts-tweeter-wrap .tweeter-info,
.tweeter-info .right,
.fts-twitter-text {
    padding: 0px!important;
}
.feed-row {
    width: 100%;
    float: left;
    clear: both;
    position: relative;
    margin: 20px 0 0;
    padding: 0px;
}
.feed-row.top {
    padding: 0 0 20px;
    border-bottom: 1px solid #fff;
    margin: 0px;
}
.social-col {
    position: relative;
}

.blog-section h4
{
     font-size: 22px;
      color: #757574;
    line-height: 28px;    padding:  0px;
    margin: 0 0 10px;
}

.social-col .icon {
    background: #757574;
    border-radius: 30px;
    color: #fff;
    display: block;
    font-size: 20px;
    height: 38px;
    line-height: 28px;
    padding: 7px 0 0;
    position: absolute;
    text-align: center;
    top: 0;
    width: 38px;
    z-index: 0;
}
.social-col h4 a {
display: block;
    padding: 6px 0 4px 46px;
    position: relative;
    z-index: 1;
    font-size: 18px;
}
.social-col h4:hover a {background: #757574;
}

.feed-content {
    width: 100%;
    float: left;
    clear: both;
    padding: 10px 0;
    overflow-y: auto;
    padding: 0 20px 0 0;
}
.tweeter-info .fts-right {
    font-size: 16px!important;
    line-height: 24px!important;
}
.feed-content .fts-jal-single-fb-post {
    padding: 0px!important;
    margin-bottom: 15px!important;
}
#footer .fts-jal-single-fb-post,
.fts-tweeter-wrap .tweeter-info {
    border: none!Important;
}
.fts-twitter-image,
.widget .fts-twitter-image,
.fts-twitter-full-name,
.fts-twitter-at-name,
.fts-tweeter-wrap br,
.fts-tweeter-wrap .time,
.fts-tweeter-wrap .tweeter-info img,
.fts-twitter-full-width .uppercase,
.right .uppercase {
    display: none!important;
}
.fts-jal-fb-link-wrap,
.fts-jal-fb-vid-wrap,
.fts-powered-by-text {
    display: none!important;
}
.fts-twitter-reply-wrap a {
    color: #fff!important;
    float: right!important;
    margin: 0 0 0 20px!important
}
.fts-tweet-reply-left {
    float: right!important;
    margin: 0px!Important;
}
.fts-jal-fb-group-display,
.fts-twitter-div {
    overflow: hidden!important;
}
.fts-jal-fb-header a,
.fts-jal-single-fb-post a {
    margin-bottom: 15px!important;
}
.fts-twitter-reply-wrap {
    margin: 15px 0 0!important;
}
.fts-jal-fb-message {
    padding-top: 0px!important;
}
.fts-jal-fb-header a,
.fts-jal-single-fb-post a {
    text-align: left!important;
}
.fts-jal-fb-header a:hover,
.fts-jal-single-fb-post a:hover {
    color: #757574!important;
}
.fts-jal-fb-see-more {

    font-size: 16px!important;
}
.link {
    display: block;
    margin: 30px 0 0;
    color: #3C3C3B;
    font-size: 16px;
}
.link:hover {
    color: #444549;
}
.slick-prev, .slick-next { width: 30px; line-height:30px; font-size: 30px; height: 30px;  cursor: pointer; margin-top: -15px!IMPORTANT;
}
.slick-prev:before, .slick-next:before {  line-height:30px; font-size: 30px; height: 30px;   font-family:'FontAwesome';  opacity: 1;   color: #fff!important;
}
.slick-prev:before {content: '\f0a8';
}
.slick-next:before {content: '\f0a9';
}
.blog-section {
    padding: 0;
    margin-top: 40px;
}
.blog-section .inside-col {
    float: left;
    width: 100%;
    display: block;
    margin: 0;
}
.blog-section .text-content {
    margin: 10px 0 0;
}
.blog-section .col .thumb-img {
    margin: 0px;
}
.page-content {
    margin: 30px 0 0px;
}
.content-pad {
    padding: 0 20px;
}
#footer .membership {
    width: 100%;
    float: left;
    clear: both;
    margin: 30px 0 0;
    padding: 0;
}
#footer .membership li {
    float: left;
    margin: 0 10px 0 0;
    display: inline-block;
    width: auto;
}
#footer .membership li a {
    display: block;
}
#footer .membership li a img {
    display: block;
    height: 50px;
    width: auto;
}
.tweeter-info .fts-right {
    padding: 0px!important;
}
.company-info {margin:  60px 0 0;
}
.nf-field-label label{font-weight:500!important;}
.nf-form-cont {
color: #05607d;
background: #FAF5EF;  padding: 20px;}


.quick-book .nf-form-cont {color: #fff;
}
.foot-btn {display:inline-block!important;
	padding:0px!important; text-transform: initial!important;
	float:none!important;
	background:none!important;
	border:none!important;
	color:#fff!important;
font-weight:bold!important;
font-family:'Poppins', sans-serif;
	font-size: 16px!important;
	line-height: 22px!important;}
.foot-btn:hover{color:#FAF5EF!important;}
.nf-form-cont label{font-size: 16px!important; font-weight: 400!important;}
.nf-form-cont a{color:#757574!important;}
.nf-form-cont a:hover{text-decoration:underline;}
.booking-bar input#check_in_date, .booking-bar input#check_out_date {background: none;
}
.booking-bar input, .booking-bar select {color:  #757574;
                                         padding: 5px;
}
.booking-bar input[type=button] {    font-family: 'Poppins', cursive;
    font-weight:  500; background:  #fff; color:#fff; padding: 5px 10px!important; width:100%!important; margin:  26px 0 0; clear:none; border:none!important; float:left; height:auto; outline:none!important; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; color:#fff!important; line-height:20px; text-transform:uppercase!important; font-size:16px!important;
}
.booking-bar input[type=button]:hover{text-decoration:none!important; background:#fff!important; color:#fff!important;}
.booking-bar select {
    -webkit-appearance: none;
    -moz-appearance: none;
}
.booking-bar .nf-error-msg { clear: both;
display: block; float: left; color: #fff; font-size:  14px; line-height:  16px;}
.booking-bar .nf-error-required-error{display: none;}

.carousel .col, listed-dogs .col {position: relative; top:0px; left: 0px;
}
.carousel .col:hover .inner-wrap, .listed-dogs .col:hover .inner-wrap {display: table;
}
.hover-wrap { top: 0px; left: 0px;
    width: 100%; height: 100%; position: absolute; display: block;
}
.hover-wrap .inner-wrap{ width: 100%; text-align: center;  display:none; height: 100%; display:block; background: rgba(2,63,133,0.65);
}
.hover-wrap .title {display: table-cell; vertical-align: middle;
}
.spaced {
margin-top: 100px;}
.hover-wrap .title h3 {color: #fff;
}
.paw {display: block; background: url(images/paw.png) no-repeat 0 0;
              width:  382px; height: 400px; position: absolute; left: 0px; bottom: -80px;
              z-index: -1;
}
.paw-holder {position: relative;
}
.carousel {position: relative;
}
.slick-list { overflow: hidden;
}
.slide-show .slide img{width:  100%; height: auto; display: block;
}
.slide-show .slick-next{right: 10px;}
.slide-show .slick-prev{left: 10px;}
.slide-show.slick-slider {margin:  0px;
}
.slider-nav {padding: 0 12px 0 15px; margin:  0 0 10px!important; float: left; width: 100%;
}
.slider-nav .slide {cursor: pointer;
padding: 0 3px 0 0; width: 20%!important;}
.slider-nav .slick-track {width: 100%!important;
}




.side-list i {
    font-size: 22px;
    line-height: 22px;
     display: block; top:  1px; left: 0px;
    color: #53565a; position: absolute;
}

.widget li:hover a, .widget li:hover i {color: #757574;
}
.side-list ul {margin:  0px; list-style: none; padding: 0px;
}
.side-list li{display: block; line-height:  26px; font-size:  18px; text-transform: capitalize; position: relative; padding: 0; margin:  0 0 10px;
}


.featured-img {
width:  100%; float: left; clear: both; margin: 0 0 10px;}

.featured-img img {display: block; width: 100%; height: auto;
}
.widget .read-more {
margin: 0px;}
.post-item { margin-top:  20px; padding-top: 20px; float: left; width:  100%; border-top:  1px solid #757574;
}
.post-item:first-child { margin-top:  0px; padding: 0px; border: none;
}

.social li a .facebook {width: 16px; height:  32px; display: block; background: url(images/social-sprite.png) no-repeat 0 0;
}
.social li a:hover .facebook {background-position: 0 -43px;
}
.social li a .twitter{width: 33px; height:  32px; display: block; background: url(images/social-sprite.png) no-repeat -25px 0;
}
.social li a:hover .twitter {background-position: -25px -43px;
}
.social li a .instagram {width: 33px; height:  32px; display: block; background: url(images/social-sprite.png) no-repeat -72px 0;
}
.social li a:hover .instagram {background-position: -72px -43px;
}
.social li a .trip-advisor {width: 35px; height:  32px; display: block; background: url(images/social-sprite.png) no-repeat -210px 0;
}
.social li a:hover .trip-advisor {background-position: -210px -43px;
}
.facebook-circle {width: 38px; height:  37px; display: block; background: url(images/social-sprite.png) no-repeat -117px 0;
}
.social-col h4:hover .facebook-circle {background-position: -117px -43px;
}
.twitter-circle{width: 37px; height:  37px; display: block; background: url(images/social-sprite.png) no-repeat -165px 0;
}
.social-col h4:hover .twitter-circle {background-position: -165px -43px;
}

.home-slider .booking-bar {position: absolute; bottom: 0px; left: 0px; z-index: 999;
}
.footer-booking.booking-bar {background:  #757574; margin:  40px 0 0;
}
.booking-bar h3 {
color: #fff;}
.nf-field-container.spaced {
margin:  0 0 20px!important;}

.accred {

  background: #fff;
}
.accred .single-col {
  text-align: justify;
  line-height: 0;
  font-size: 0.1px; padding: 20px;}

.accred img { height:  90px;
  display: inline-block;
}

.accred .single-col:after {
  content: "";
  width: 100%;
  display: inline-block;
}
#check_in_select, #check_out_select, #checkInDisplay {display: none;
}
#check_in_date, #check_out_date {position: absolute; left:0px; top: 0px; text-indent: -9999px; border:none;
}
.field-wrap { width: 100%;
 display:  block; position: relative;}

#checkInDisplay, .cin-box, #stayLength, .duration-box {
box-sizing: border-box!important; -moz-box-sizing: border-box!important; -webkit-box-sizing: border-box!important;}

#searchform-box {  color:#fff;
float: right; position: absolute; padding: 0 0 0 360px;  width: 100%; top: 0px; left: 0px;}
#searchform-box input {color: #757574!important; line-height:20px!important; padding: 5px!important; height:auto!important; box-sizing:border-box!important; -webkit-box-sizing:border-box!important; -moz-box-sizing:border-box!important;}

#searchform-box .ftb_w_cin_t, #searchform-box .ftb_w_cout_t{color:#fff; float:left; padding:0px; width:auto; font-size: 16px; line-height:20px; font-weight:bold; margin: 0 0 3px; }

.booking-bar .single-col {position: relative;
}
#search-form {float: left;width:100%;
}

.booking-bar .col {
width: 33.333%; padding:  0 20px 0 0; float: left;}
.ftb_w_search{padding:0px!important;}


#searchform-box br{display:inline!important;}
.ui-datepicker-trigger{display:none!important;}



#searchform-box .ftb_widget{width:100%!important; border:none; background:none; padding:0px;}
#searchform-box .ftb_w_arr, #searchform-box .ftb_w_dep{width:30%!important; float:left; clear:none; display:inline-block; padding: 0 20px 0 0; margin:0px; box-sizing:border-box!important; -webkit-box-sizing:border-box!important; -moz-box-sizing:border-box!important;}
#searchform-box .ftb_widget{min-height:0px;}

::-webkit-scrollbar {
    -webkit-appearance: none;
    width: 8px;
}
  ::-webkit-scrollbar-track {
    background-color: rgba(57,57,57, .6);
    border-radius: 8px;
}
::-webkit-scrollbar-thumb {
    border-radius: 8px;
    background-color: rgba(156, 156, 156, .6);
}
.scroll-menu{float:left; width: 100%;}



.quote-section {background: url(images/quote-bg.jpg) no-repeat 50% 100%; margin: 50px 0 0;
                   background-size: cover;
                   color: #fff;

}
.quote-section h3 {
color: #fff; border-bottom:  1px solid #fff; padding:  0 0 20px; margin:  0 0 20px;}
.quote-section h3 a {
    color: #fff;
}
.quote-section .content-section {margin: 0px;  background: rgba(0,0,0, 0.35);
}
.quote-section .two-col {padding:  80px 0; margin:  0px;
}

.banner-section img {display: block; width:  100%; height: auto;
}
.simple-img img {margin-top: 44px; float: right;
}
.subscribe-form{background:#53565a; width: 100%; float:left; padding: 20px;}
.subscribe-form h3{color:#fff;}

.woocommerce #respond input#submit, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button{
 font-family: 'Poppins', cursive!important;
    margin: 0px 0 0!important;
    padding: 12px 32px 10px!important;
    color: #fff!important;
    background: #0A7A99!important;
    display: block!important;
    float: left;
    position: relative!important;
    line-height: 22px!important;
    font-size: 22px!important;

    -moz-transition: all 0.5s ease!important;
    -o-transition: all 0.5s ease!important;
    -ms-transition: all 0.5s ease!important;
	border-radius:0px!important;
	}
.woocommerce .cart .button, .woocommerce .cart input.button, .woocommerce div.product form.cart .button{float:right!important;}

.woocommerce .quantity .qty {
  width: 3.631em;
  text-align: center;
}
.woocommerce select, .woocommerce .quantity .qty {
  padding: 9px !important;
  border: 1px solid #000 !important;
}
.woocommerce a.button.alt.disabled, .woocommerce button.button.alt.disabled, .woocommerce input.button.alt.disabled, .woocommerce #respond input#submit.alt.disabled, .woocommerce a.button.alt:disabled, .woocommerce button.button.alt:disabled, .woocommerce input.button.alt:disabled, .woocommerce #respond input#submit.alt:disabled, .woocommerce a.button.alt:disabled[disabled], .woocommerce button.button.alt:disabled[disabled], .woocommerce input.button.alt:disabled[disabled], .woocommerce #respond input#submit.alt:disabled[disabled], .woocommerce a.button.alt.disabled:hover, .woocommerce button.button.alt.disabled:hover, .woocommerce input.button.alt.disabled:hover, .woocommerce #respond input#submit.alt.disabled:hover, .woocommerce a.button.alt:disabled:hover, .woocommerce button.button.alt:disabled:hover, .woocommerce input.button.alt:disabled:hover, .woocommerce #respond input#submit.alt:disabled:hover, .woocommerce a.button.alt:disabled[disabled]:hover, .woocommerce button.button.alt:disabled[disabled]:hover, .woocommerce input.button.alt:disabled[disabled]:hover, .woocommerce #respond input#submit.alt:disabled[disabled]:hover, .woocommerce a.button.alt, .woocommerce button.button.alt, .woocommerce input.button.alt, .woocommerce #respond input#submit.alt{color:#fff!important;}
.woocommerce div.product span.price, .woocommerce div.product p.price,.woocommerce ul.products li.product .price{color:#757574!important;}
.woocommerce-page .wc-bookings-date-picker .ui-datepicker td.bookable a{background: #757574!important;}
.woocommerce-page .wc-bookings-booking-form .block-picker li:nth-child(2n) a:focus, .woocommerce-page .wc-bookings-booking-form .block-picker li:nth-child(2n) a:hover, .woocommerce-page .wc-bookings-booking-form .block-picker li:nth-child(2n+1) a:focus, .woocommerce-page .wc-bookings-booking-form .block-picker li:nth-child(2n+1) a:hover, .woocommerce-page .wc-bookings-booking-form .block-picker li a.selected{background: #757574!important;}
.woocommerce-page .wc-bookings-date-picker .ui-datepicker td.partial_booked a:before {border-top-color:#fff!important;}
 .wc-bookings-date-picker .ui-datepicker td.partial_booked a:after {border-bottom-color:#fff!important;}
.woocommerce-page .wc-bookings-booking-form{border:none; padding: 0px; margin: 20px 0;}
.woocommerce-page .wc-bookings-booking-form .wc-bookings-booking-cost{margin:0px;}
.woocommerce-cart table.cart td.actions .coupon .input-text {
    padding: 7px!important;
    width: 200px;
	margin: 0 20px 0 0 !important;}
.woocommerce form .form-row input.input-text, .woocommerce form .form-row textarea{padding:10px; line-height:20px!important; border: 1px solid #53565a;}

.select2-container--default .select2-selection--single{border: 1px solid #53565a!important; border-radius:0px!important; padding:7px!important;height:40px!important;}
.select2-container--default .select2-selection--single .select2-selection__arrow{height:40px!important;}
.woocommerce table.shop_table{background:#fff; border-radius:0px;}
#add_payment_method #payment div.payment_box:before, .woocommerce-cart #payment div.payment_box:before, .woocommerce-checkout #payment div.payment_box:before, .woocommerce-checkout #payment div.payment_box:after  {display:none!important;}
.woocommerce div.product .stock{color: #757574!important;}
.woocommerce ul.order_details, .woocommerce address {

    background: #fff;
    padding: 10px;
}
.woocommerce #review_form #respond textarea{border: 1px solid #757574;}
.woocommerce ul.order_details li strong {

    font-weight: normal;
    color: #757574;
}
.woocommerce div.product .woocommerce-tabs .panel, .woocommerce-account .woocommerce-MyAccount-content{ padding:20px!important;}
.woocommerce h2 {
  font-size: 30px!important;
  line-height: 34px!important;
  padding: 5px 0!important;
}
.woocommerce div.product .woocommerce-tabs ul.tabs{margin:0px!important;}
.login-dash{margin: 0 15px 0 0;}
.checkout a{text-decoration:underline;}
.page-content.shop-content{padding: 0 20px;}
.side-gallery {
float: left; width:  100%; clear: both; padding: 0px; margin: 0px;}
.side-gallery li{ float: left; padding: 0px; list-style: none; margin:  0 0 20px;
}
.side-gallery li img {
display: block; float: left; width: 100%; height:  auto;}

.image-row {
width:  100%; float: left;margin: 20px 0 0;}
.image-row .thumb-col {
width:  30%; padding:  0 20px 0 0; float: left;}
.image-row .text-col {
width: 70%; padding:  0 20px 0 0; float: left;}
.gallery-holder-out {
    float: left; padding: 0 20px;
    width: 100%;
}
.gallery-holder-in {float: left; width:  100%; position: relative; margin:  0 0 3px;
}
.carousel {position: relative;
}
.slick-list { overflow: hidden;
}
.article-content .widget {
margin-bottom: 0px;}
.slide-show .slide img{width:  100%; height: auto; display: block;
}
.slide-show .slick-next{right: 10px;}
.slide-show .slick-prev{left: 10px;}
.slide-show.slick-slider {margin:  0px;
}
.slider-nav {padding: 0 17px 0 20px; margin:  0 0 10px!important; float: left; width: 100%;
}
.slider-nav .slide {cursor: pointer;
padding: 0 3px 0 0; width: 20%!important;}
.slider-nav .slick-track {width: 100%!important;
}


.grid-holder{padding:  0 10%;
	width: 100%; float:left; clear:both; display:table;
}
.content-holder.grid-section {
margin:  100px 0 0;}
 .grid-holder, .scroll{
	width: 100%; float:left; clear:both; display:block;
}
.grid-holder .cell-block{
	height: 600px;
}
.gallery-block, .cell-block, .slick-slide.cell-block{  display:block; position:relative;
  padding: 20px;
}
  .image-link {
    text-align: left;
    display:block; float:left;
height: 100%; width: 100%;
    background-size: cover!important;
    background-color: #f6f6f6;
    background-position:  50% 50%;
  }
  .cell-holder{transition: all .3s ease-out;
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
	display:table; width: 100%; height:100%;
      background: rgba(0,0,0, 0.35);
}
  .cell-block:hover .cell-holder {
    background: rgba(0,0,0, 0.15);
  }

.grid-holder .cell{
	display:table-cell; padding: 0px;
   position: relative;
   padding: 20px; vertical-align: middle;

}
.cell .excerpt {

 color: #fff;
    max-height: 200px;
	overflow: hidden; display: block;
}



.cell h3 {
 color: #fff;
     font-size: 52px;
    line-height: 52px;
 text-transform: capitalize;
    font-family: 'Poppins', cursive;


}
.cell .read-more {display: inline-block; float:none;
}
.content-holder.photo-break {
margin:  100px 0 0;}
.photo-layout {display: table; padding:  0 10% 0px; width:  100%;
}
.photo-layout .col {display: table-cell; vertical-align: bottom; float: none;
}
.photo-layout .col-2-3 {width:  66.666%; padding: 20px;
}
.photo-layout .col-1-3 {width:  33.333%; padding: 20px;
}
.photo-layout .col-1 {width: 100%; padding: 20px 100px;
}
.photo-layout img {display: block; width:  100%; height: auto;
}
.img-break, .split-img { background-position: 50% 50%; background-repeat: no-repeat; margin-top: 120px;
background-image: url(images/test-1.jpg); height: 750px; display: block; background-size: cover; }
.split-img {margin: 0px;
}
.img-break-info{height:auto; padding: 120px 0;}
.narrow-split-row .split-img{height: 800px;}
.right-img .split-img {
float: right;}
.split-row .text-content {
padding: 60px 10% 40px;}

.split-row .read-more {margin:  40px 0 0;
display: inline-block; float: none;}
.split-row {
	margin-top: 100px;}
.foot-note {
    padding: 30px 0;
    margin: 100px 0 0;
    background: #0A7A99;
    text-align: center;

}
.foot-note.fixed {
	background:#05607d;
	width:100%;
    padding: 10px 0;
    margin: 0px 0 0;
	position:fixed; bottom:0px; left:0px; z-index:99999;
}
.foot-note.fixed h3{font-size:28px; color:#fff;}
.foot-note.fixed .read-more{color:#05607d;}
.foot-note.fixed .read-more:hover{background:#fff; color:#05607d;}
.gallery-row img{
display: block; width: 100%; height: auto;

}
.foot-note h3 {margin: 0px; top: 5px;
               color: #fff;
               text-transform: initial;
position: relative; display: inline-block; padding: 0; font-size:  32px; line-height: 32px;
}
.foot-note .read-more { float: none; display: inline-block; margin:  0 0 0 30px;  background: #FAF5EF; color: #0A7A99;}
.foot-note .read-more:hover { background: #05607d; color: #fff;}
.quick-links img{ width:  80%; max-width: 200px; height:  auto; display: block; margin:  20px 0 0;
}
.fbx-caption-title {
display: none!important;}
.center-title h3, .split-row h3{font-size:28px; line-height: 32px;}
.center-title h4, .split-row h4{font-size:24px; line-height: 28px;}
.blog-index {margin-top: 60px;
}
.blog-index .col {
margin:  0 0 60px;}
.blog-index .col:nth-child(3n+1) {
clear: both;}
.single-nav {margin: 40px 0 0; border-top:  1px solid #f2f3f3; padding:  40px 0 0;
}
.single-nav a{  font-family: 'Poppins', sans-serif;
    margin: 0px 0 0;
    padding: 18px 28px;
    color: #757574!important;
    background: none!important;
    display: block;
    float: left;
    position: relative;
    line-height: 20px;
    font-size: 15px;
    border:  2px solid #757574!important;
    text-transform: capitalize;
    font-weight: 500;
    -moz-transition: all 0.5s ease!important;
    -o-transition: all 0.5s ease!important;
    -ms-transition: all 0.5s ease!important;
}
.single-nav a:hover {
 background: #757574!important;
  color: #fff!important;

text-decoration: none;}
.single-nav .prev-post { display: inline-block;
float: left;}
.single-nav .next-post { display: inline-block;
float: right;}
#nf-form-2-cont .nf-form-wrap {
text-align: left;}
#nf-form-2-cont .nf-form-content hr.ninja-forms-field {
margin:  20px 0; background: #c4c4c4;}

#nf-form-2-cont .nf-form-fields-required {
text-align: center!important;}
.nf-form-wrap input[type="button"] {
height: auto!Important;}
.home .responsive-menu-inner, .home .responsive-menu-inner:before, .home .responsive-menu-inner:after {
background-color: #fff!important;}
.home .responsive-menu-inner, .home .responsive-menu-inner:before, .home .responsive-menu-inner:after,
.white-burger .responsive-menu-inner, .white-burger .responsive-menu-inner:before, .white-burger .responsive-menu-inner:after{
background-color: #fff!important;}
.home.scroll-btn .responsive-menu-inner, .home.scroll-btn .responsive-menu-inner:before, .home.scroll-btn .responsive-menu-inner:after,
.white-burger .scroll-btn .responsive-menu-inner, .white-burger .scroll-btn .responsive-menu-inner:before, .white-burger .scroll-btn .responsive-menu-inner:after{
    background-color: #757574!important;
}
.portrait-img-grid .img-2{width: 50%;}
.portrait-img-grid .img-3{width: 70%; margin: 40px 0 0;}
.overlap-split-row .col{padding:0px!important;}
.overlap-split-row .text-content{background: #f2f3f3; position:relative;  width: 120%; top: 60px; text-align:center!important; left:-20%;}
.overlap-split-row.right-img .text-content{right: auto; left:0;}
.overlap-split-row .split-img{height: 660px;}
.single-img{width: 100%; text-align:center; padding: 0 10%;}
.double-img{width: 100%; text-align:center; padding: 0 10%;}
.double-img img, .single-img img{display:inline-block;width:100%;height:auto; padding: 15px 0;}
.single-img.narrow{ padding: 0 25%;}
ul.shells{list-style:none; margin:0px; padding:0px;}
ul.shells li{padding: 0 0 0 34px; margin: 8px 0; display:block; background: url(images/shell.png) no-repeat 0 6px; background-size: 20px 18px;}
.home-wrap .center-title.blue{    background: #0A7A99 url(images/overlay.png) 50% 50% / cover;
    margin: 0px!important;
    padding: 100px 0;
    color: #fff;
}
.home-wrap .center-title.column-section.blue{margin: 100px 0 0!important;}
.home-wrap .center-title.blue h1, .home-wrap .center-title.blue h2,.home-wrap .center-title.blue h3,.home-wrap .center-title.blue h4 {
color: #fff;}
.blue.column-section .inside-col{background:#fff; color:#757574;}
.blue.column-section .inside-col h2{color:#0A7A99; margin: 0 0 15px; font-size: 32px; line-height: 36px;}
.center-title.blue.column-section .read-more{color: #fff!important;
background: #0A7A99!important;}
.center-title.blue.column-section .read-more:hover{
background: #05607d!important;}
.home-wrap .center-title.blue .read-more {
background: #FAF5EF; color: #0A7A99;}
.home-wrap .center-title.blue .read-more:hover {
background: #05607d; color: #FAF5EF;}
.slick-dots {
bottom:  50px!important;}
.slick-dots li button:before {font-size: 12px!important; color: #fff!important;
}
#responsive-menu-additional-content .read-more{background:#fff; color:#0A7A99;}
#responsive-menu-additional-content .read-more:hover{background:#05607d; color:#fff;}
.column-section .inside-col{padding: 20px; background:#f5f5f5;}
.content-section .text-content ul{list-style:none; margin:0px; padding:0px;}
.content-section .text-content ul li{padding: 0 0 0 34px; margin: 12px 0; display:block; background: url(images/tick.png) no-repeat 0 6px; background-size: 20px 18px;}

.centered .content-section .text-content ul li{padding: 0 20px; margin: 0px; background: none;}


.book-head{position: absolute; top: 20px; right:30px; display:block;}


.scroll .book-head{top:10px;}
.book-head .read-more{margin:0px; padding: 8px 28px 6px !important;}
.nf-form-fields-required{font-size:14px!important;}
.page-id-90 .foot-note{margin:0px}
	.home-wrap{padding-bottom:100px;}
.single-product .content-holder.center-title{margin-top: 60px;}
.postid-597 .qnty{display:none!important;}
.accordion {
  display: block;
  max-width: 800px;
  margin: 0 auto;
}

.accordion-item {
  border: 1px solid #dde3e8;
  margin-bottom: 1rem;
  box-shadow: 0 4px 10px rgba(11, 31, 42, 0.08);
  border-radius: 4px;
  overflow: hidden;
}

.accordion-header {
  background-color: #05607d; /* dark blue */
  color: #ffffff;
  padding: 1rem 1.5rem;
  cursor: pointer;
  font-size: 1.1rem;
  font-weight: 600;
  position: relative;
  transition: background-color 0.3s ease;
}

.accordion-header:hover {
  background-color: #123241; /* slightly lighter dark blue */
}

.accordion-item.active .accordion-header {
  background-color: #05607d;
  color: #ffffff;
}

.accordion-body {
  display: none;
  padding: 1.25rem 1.5rem;
  background-color: #FAF5EF; /* sand */
  color: #05607d;
  font-size: 1rem;
  line-height: 1.7;
}

.accordion-item.active .accordion-body {
  display: block;
}

.accordion-header::after {
  content: '\25BC';
  position: absolute;
  right: 1.5rem;
  font-size: 0.9rem;
  top: 50%;
  transform: translateY(-50%);
  transition: transform 0.3s ease;
  color: #0A7A99; /* light blue */
}

.accordion-item.active .accordion-header::after {
  transform: translateY(-50%) rotate(180deg);
}

.contact-details {
    list-style: none;
    padding: 0px;
    margin: 20px 0;
}
.contact-details li {
    padding: 20px 0 0;
    margin: 20px 0 0;
    border-top: 2px solid #000;
}

.contact-details.profile{
   margin: 0;
    padding:5px 10px;
    width:100%;
    display:block;
    float:left;
    color:#000;
}
.contact-details.profile li {
    border:none;
    margin:5px 0;
    padding:0px;
}
.contact-details.profile li span{
   color:#000;
}
.contact-details.profile li a{
   color:#000;
}