/*
Theme Name: Fergus Ferry
Description: Semantic, SEO Optimised, Custom Wordpress Theme for Fergus Ferry
Author: Hopping Mad Design
Author URI: http://www.hoppingmad.com.au/
*/

@font-face {
    font-family: 'Futura PT';
    font-style: normal;
    font-weight: 700;
    src:  url('fonts/FuturaCyrillicBold.woff') format('woff');
}
@font-face {
    font-family: 'Futura PT';
    font-style: normal;
    font-weight: 900;
    src: url('fonts/FuturaCyrillicExtraBold.woff') format('woff');
}
 @font-face {
    font-family: 'Arial MT';
    font-style: normal;
    font-weight: 700;
    src: local('Arial MT Bold'), url('fonts/ARIALBOLDMT.woff') format('woff');
}
@font-face {
    font-family: 'Arial MT';
    font-style: normal;
    font-weight: normal;
    src: local('ArialMT Regular'), url('fonts/arialmt.woff') format('woff');
}
@font-face {
    font-family: 'Cheri';
    src: url('fonts/Cheri.woff2') format('woff2'),
        url('fonts/Cheri.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}




/* =====================
Reset
======================== */
a, abbr, acronym, address, area, b, bdo, big, blockquote, body, button, caption, cite, code, col, colgroup, dd, del, dfn, div, dl, dt, em, fieldset, form, h1, h2, h3, h4, h5, h6, hr, html, i, images, ins, kbd, label, legend, li, map, object, ol, p, param, pre, q, samp, small, span, strong, sub, sup, table, tbody, td, textarea, tfoot, th, thead, tr, tt, ul, var {margin:0;padding:0;vertical-align:top}
* { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;  }

input[type=number] { -moz-appearance:textfield; }
input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button {  -webkit-appearance: none;  margin: 0; }
input[type="search"] {	-webkit-appearance: textfield; -moz-box-sizing: content-box;-webkit-box-sizing: content-box;box-sizing: content-box;}

/* =====================
Defaults
======================== */
html,body{height:100%;margin:0; }
html{
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
	font-size: 62.5% ;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	text-rendering: optimizeLegibility;
}
body{font-family:'Arial MT', sans-serif;color:#14479e; }
img{border-style:none;}
a{text-decoration:none;color:#0c80c7;}
a:hover{color:#666666;}
input,textarea,select{font:100% 'Arial MT', sans-serif; vertical-align:middle}
form,fieldset{border-style:none;margin:0;padding:0;font:100% 'Arial MT', sans-serif;}

img.alignleft {margin: 0 15px 20px 0;}
.alignleft {float: left;margin: 0 15px 20px 0;}
img.alignright {margin: 0 0 15px 20px;}
.alignright {float: right; margin: 0 0 15px 20px;}
.aligncenter {margin:15px auto;}

h1, h2, h3, h4, h5, h6{
    margin: 0 0 0.7em;
    padding: 0;
}
h2{
	font-size:3rem;
}
h3{
	font-size:2.4rem;
}
h4{
	font-size:1.5rem;
}

/* =====================
Text Styles
======================== */
.entry-content{
	font-size:1.6rem;
	line-height: 1.4em;
}
.entry-content h1,
.entry-content h2{
	font-family:'Futura PT';
}
.entry-content h3{
	font-family:'Futura PT';
}
.entry-content h4{
	
}
.entry-content h1,
.entry-content h2,
.entry-content h3,
.entry-content h4{
	margin-top:1em;
}
.entry-content h1:first-child,
.entry-content h2:first-child,
.entry-content h3:first-child,
.entry-content h4:first-child{
	margin-top:0;
}
.entry-content img{
	max-width:100%;
	height:auto;
}
.entry-content iframe{
	max-width:100%;
}
.entry-content strong{
	font-weight:700;
}
.entry-content p{
	margin:0 0 1.1em;
}
.entry-content ul,
.entry-content ol{
	margin:1.1em 0;
}
.entry-content ul li:before{
	content:'\2022';
	position:absolute;
	left:0;
}
.entry-content ul li{
	list-style:none;
	position:relative;
	padding-left:18px;
	margin:0 0 0.3em 22px;
}
.entry-content ol li:before{
	content:counter(inst)'.';
	position:absolute;
	left:0;
}
.entry-content ol li{
	list-style:none;
	padding-left:35px;
	position:relative;
	counter-increment: inst;
	margin:1.1em 0;
}
.entry-content hr{
	margin:3em 0;
	border-color:#ddd;
}
figure{
	margin:1em 0;
	max-width: 100% !important;
}
.entry-content table{
	max-width:100%;
	empty-cells:hide;
	border-collapse:collapse;
	border:none;
	margin:1em 0 2em;
}
.entry-content .intro{
	font-size:3.4rem;
	line-height:1.12;
}
.btn{
	display:inline-block;
	color:#fff;
	background:#15538f;
	font:700 2.4rem/2.08 'Futura PT';
	padding:0 2em;
	-webkit-border-radius:30px;
	border-radius:30px;
	transition: transform 0.3s ease-in-out;
	cursor:pointer;
}
.btn:hover{
	color:#fff;
	transform: scale(1.1);
}
.btn-outline{
	border:7px solid #15538f;
	font:700 2.4rem/1.7 'Futura PT';
	color:#15538f;
	background:#fff;
	padding:0 1em;
	-webkit-border-radius:30px;
	border-radius:30px;
	transition: transform 0.3s ease-in-out;
	display:inline-block;
}
.btn-outline:hover{
	color:#fff;
	background:#15538f;
	transform: scale(1.1);
}

/* =====================
Layout
======================== */
.clear{clear: both;}
.row.reverse{
	flex-direction:row-reverse;
}
#page{
	position:relative;
	background:#30adcc;
}
.container.wide{
	max-width:1665px;
}
.container{
	max-width:1340px;
}
.section{
	position:relative;
	z-index:2;
}

/* =====================
Woo Animation
======================== */
html.hidden-c .wowo{opacity:0}html.hidden-c .wowo.animated{-webkit-animation-duration:1s;animation-duration:1s;visibility:visible;-webkit-animation-fill-mode:both;animation-fill-mode:both}@-webkit-keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@-webkit-keyframes fadeInUp{0%{opacity:0;-webkit-transform:translate3d(0, 30px, 0);transform:translate3d(0, 30px, 0)}to{-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0);opacity:1}}@keyframes fadeInUp{0%{opacity:0;-webkit-transform:translate3d(0, 30px, 0);transform:translate3d(0, 30px, 0)}to{-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0);opacity:1}}@-webkit-keyframes fadeInBigUp{0%{opacity:0;-webkit-transform:translate3d(0, 100px, 0);transform:translate3d(0, 100px, 0)}to{-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0);opacity:1}}@keyframes fadeInBigUp{0%{opacity:0;-webkit-transform:translate3d(0, 100px, 0);transform:translate3d(0, 100px, 0)}to{-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0);opacity:1}}@-webkit-keyframes fadeInDown{0%{opacity:0;-webkit-transform:translate3d(0, -30px, 0);transform:translate3d(0, -30px, 0)}to{-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0);opacity:1}}@keyframes fadeInDown{0%{opacity:0;-webkit-transform:translate3d(0, -30px, 0);transform:translate3d(0, -30px, 0)}to{-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0);opacity:1}}@-webkit-keyframes fadeInLeft{0%{opacity:0;-webkit-transform:translate3d(-30%, 0, 0);transform:translate3d(-30%, 0, 0)}to{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInLeft{0%{opacity:0;-webkit-transform:translate3d(-30%, 0, 0);transform:translate3d(-30%, 0, 0)}to{opacity:1;-webkit-transform:none;transform:none}}@-webkit-keyframes fadeInRight{0%{opacity:0;-webkit-transform:translate3d(30%, 0, 0);transform:translate3d(30%, 0, 0)}to{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInRight{0%{opacity:0;-webkit-transform:translate3d(30%, 0, 0);transform:translate3d(30%, 0, 0)}to{opacity:1;-webkit-transform:none;transform:none}}.fadeInLeft.animated{-webkit-animation-name:fadeInLeft;animation-name:fadeInLeft}.fadeInRight.animated{-webkit-animation-name:fadeInRight;animation-name:fadeInRight}.fadeIn.animated{-webkit-animation-name:fadeIn;animation-name:fadeIn}.fadeInUp.animated{-webkit-animation-name:fadeInUp;animation-name:fadeInUp}.fadeInBigUp.animated{-webkit-animation-name:fadeInBigUp;animation-name:fadeInBigUp}.fadeInDown.animated{-webkit-animation-name:fadeInDown;animation-name:fadeInDown}.delay-in-1{-webkit-animation-delay:0.1s;animation-delay:0.1s}.delay-in-2{-webkit-animation-delay:0.2s;animation-delay:0.2s}.delay-in-3{-webkit-animation-delay:0.3s;animation-delay:0.3s}.delay-in-4{-webkit-animation-delay:0.4s;animation-delay:0.4s}

/* =====================
Form
======================== */
#page .gform-theme--foundation .gform_fields{
	row-gap: 7px;
}
#page .gfield{
	list-style:none;
	width:100%;
	padding:0;
}
#page .gfield_label{
	font-size:1.6rem;
	margin:0 0 6px;
}
#page .ginput_container{
	margin:0;
}
#page .ginput_container label{
	font-size:1.3rem;
	vertical-align:middle;
}
#page .ginput_container .gfield_checkbox label{
	margin-left:5px;
}
#page .gfield_description{
	font-size:1.2rem;
	margin-bottom:1em;
}
#page .gfield input[type='text'],
#page .gfield input[type='tel'],
#page .gfield input[type='email']{
	border: 1px solid #26276e;
	font-size:1.6rem;
	color:#000;
	height:38px;
	padding:0 15px;
	width:100%;
	margin:0;
	background:#f6f7f9;
}
#page .gfield input[type='text']:focus,
#page .gfield input[type='tel']:focus,
#page .gfield input[type='email']:focus{
	background:#fff;
}
#page .gfield select{
	border: 1px solid #26276e;
	font-size:1.6rem;
	color:#000;
	height:38px;
	padding:0 15px;
	width:100%;
	margin:0;
	background:#f6f7f9;
}
#page .gfield textarea:focus{
	background:#fff;
}
#page .gfield textarea{
	border: 1px solid #26276e;
	font-size:1.6rem;
	color:#000;
	padding:7px 15px;
	width:100%;
	background:#f6f7f9;
	height:100px;
	resize: vertical;
}
#page .gfield input[type=checkbox]{
	-moz-appearance:none;
	-webkit-appearance:none;
	-o-appearance:none;
	outline: none;
	content: none;	
}
#page .gfield input[type=checkbox]:before {
	font-family: "Ionicons";
    content: "\f121";
    font-size: 20px;
    color: transparent !important;
    background: #fff;
    display: block;
    width: 25px;
    height: 25px;
	line-height:23px;
	text-align:center;
    border: 1px solid #ccc;
    margin-right: 7px;
}
#page .gfield input[type=checkbox]:checked:before {
	color: #000 !important;
}
#page .gform_button:hover{
	color:#183954;
	background:#fff;
}
#page .gform_button{
	border:none;
	color:#fff;
	background:#183954;
	text-transform:uppercase;
	font-size:1.6rem;
	line-height:3em;
	padding: 0 2.7em;
	-webkit-border-radius:30px;
	border-radius:30px;
	text-align:center;
	-webkit-transition: 0.1s background-color linear, 0.1s color linear;
	transition: 0.1s background-color linear, 0.1s color linear;
}
#page .validation_error{
	padding: 0;
	border:none;
	font-size:1.4rem;
	font-weight:400;
	margin:0;
}
#page .gfield_error {
	border:none;
	background:none;
	max-width:100% !important;
	margin-bottom:0;
}
#page .validation_message{
	padding:0;
	font-size:1.1rem;
	margin:5px 0 0;
}
#page .gform_confirmation_message{
	font-size:2rem;
	padding:30px 0;
	font-weight:700;
	min-height:200px;
	text-align:center;
}
#page .gform_title{
	color: #fff;
	font-size:3.2rem;
	font-weight:700;
	margin:0 0 0.7em;
}
#page .gform_description{
	display:block;
	font-size:1.6rem;
	width:100%;
}
#page .gform_heading{
	margin-bottom:0;
}
#page .gform_wrapper{
	margin: 0 auto 50px;
	max-width:610px;
}
#page .gform_footer{
	padding:0;
	margin-top:30px;
}

/* =====================
Header
======================== */
#masthead{
	position:relative;
	z-index:2;
}
#masthead .container{
	display:flex;
}
.site-branding img{
	display:block;
	width:100%;
	height:auto;
}
.site-branding a{
	display:block;
	width:67%;
	height:77%;
	position:absolute;
	z-index:20;
	left:50%;
	top:50%;
	-webkit-transform: translate(-50%,-50%); 
    transform: translate(-50%,-50%);
}
.site-branding{
	width:479px;
	display:block;
	position:relative;
}
.header-right{
	padding:135px 0 0;
}
.header-right-inner{
	background:#fff;
	border:3px solid #239bcd;
	-webkit-border-radius:20px;
	border-radius:20px;
	display:flex;
	padding-left:140px;
	padding-right:30px;
	margin-left:-200px;
	align-items:center;
}
#desktop-menu{
	z-index:10;
}
#desktop-menu .menu{
	display:flex;
}
#desktop-menu li{
	list-style:none;
	color:#26276e;
	text-transform:uppercase;
	font:700 3rem 'Futura PT';
	margin:0 17px;
	padding:22px 0;
}
#desktop-menu li a{
	color:#26276e;
}
.wc-block-mini-cart{
	color:#292a70;
	margin-left:20px;
}
#page .wc-block-mini-cart__icon{
	width:60px;
	height:60px;
}
#page .wc-block-mini-cart__badge{
	font-size:16px;
	background:#292a70;
	color:#fff;
}

/* =====================
Footer
======================== */
#colophon{
	background:#15538f;
	padding:55px 0;
	color:#fff;
}
#colophon a{
	color:#fff;
}
.footer-logo{
	display:block;
	width:100%;
	max-width:224px;
	margin-bottom:30px;
}
.footer-logo img{
	display:block;
	width:100%;
	height:auto;
}
.site-info{
	text-align:right;
	font-size:1.5rem;
	margin-bottom:55px;
}
#footer-menu .menu{
	display:flex;
	justify-content:flex-end;
	flex-wrap:wrap;
	margin-bottom:30px;
}
#footer-menu li{
	list-style:none;
	font:700 3rem 'Futura PT';
	text-transform:uppercase;
	margin-left:30px;
}
.design-by{
	text-align:right;
	font-size:1.5rem;
}
.footer-image{
	height:195px;
	background:url(images/opera-house.png) no-repeat right bottom / auto 100%;
}

/* =====================
Header Image
======================== */
.header-img-section{
	position:absolute;
	z-index:1;
	left:0;
	top:0;
	width:100%;
	overflow:hidden;
}
.header-img-section img{
	display:block;
	position:relative;
	left:50%;
	-webkit-transform: translateX(-50%); 
    transform: translateX(-50%);
	max-width:100%;
	height:auto;
}

/* =====================
Welcome Content
======================== */
.welcome-section .container:before{
	content:' ';
	position:absolute;
	left:11.56vw;
	top:-7.29vw;
	width:35.3125vw;
	height:14.6875vw;
	background:url(images/celebrating-25-years.png) no-repeat center center / 100% auto;
	animation: wave 2s infinite linear;
    /* Set the pivot point for the rotation */
    transform-origin: bottom center; 
}
@keyframes wave {
    0% {
        transform: rotate(0deg); /* Start flat */
    }
    25% {
        transform: rotate(5deg); /* Sway right */
    }
    50% {
        transform: rotate(0deg); /* Back to center */
    }
    75% {
        transform: rotate(-5deg); /* Sway left */
    }
    100% {
        transform: rotate(0deg); /* Return to start, creating a smooth loop */
    }
}
.welcome-section .container{
	background:#15538f;
	color:#fff;
	padding:5.729vw 8.8vw 0;
	-webkit-border-radius:80px;
	border-radius:80px;
	margin-top:16.66vw;
	position:relative;
	min-height:33.593vw;
	margin-bottom:-11.197vw;
}
.welcome-section .content{
	font-size:3.4rem;
	font-weight:700;
}
.welcome-section .content h1,
.welcome-section .content h2{
	font:8.4rem 'Cheri';
	margin:0 0 55px;
}
.welcome-section .animation-img{
	position:absolute;
	right:3vw;
	top:-21.354vw;
	width:32.91vw;
	height:33.75vw;
}
.animation-img img {
	position: absolute;
	bottom:15.625vw;
	left: 50%; /* Center the boat horizontally */
	transform: translate(-50%, -200px); /* Adjust for the boat's width to be perfectly centered */
	animation: move-to-you 7s linear 1s 1 forwards; /* Apply the animation */
	width: 2.604vw; /* Initial small size */
}
@keyframes move-to-you {
	0% {
    /* Starts at the bottom, very small, and at the horizon (bottom:0 in this simple setup) */
		transform: translate(-50%, -200px) scale(1); 	
	}
	100% {
		/* Moves upwards (negative Y translate), gets much larger, and becomes fully visible */
		transform: translate(-50%, 0) scale(12.5); /* Moves up 400px and scales up 3x */		
	}
}

/* =====================
Hot Box
======================== */
.hot-boxes-section{
	margin-bottom:20px;
}
.hot-box{
	background:#fff;
	border:5px solid #0c7cc2;
	-webkit-border-radius:40px;
	border-radius:40px;
	text-align:center;
	padding:75px 30px 30px;
	position:relative;
	margin:132px 7px 30px;
}
.hot-box .image{
	position:absolute;
	left:0;
	top:-132px;
	width:100%;
	height:184px;
}
.hot-box .image img{
	position:absolute;
	left:50%;
	top:50%;
	-webkit-transform: translate(-50%,-50%); 
    transform: translate(-50%,-50%);
}
.hot-box h3{
	color:#26276e;
	font:700 3.5rem 'Futura PT';
	text-transform:uppercase;
}
.box-description{
	color:#14479e;
	font-size:2.8rem;
	line-height:1.35;
	margin-bottom:10px;
	min-height:4.05em;
}
.boxes-slider{
	padding:0 125px 0;
}
.boxes-slider-prev{
	left:0;
}
.boxes-slider-next{
	right:0;
}
.boxes-slider-arrow{
	position:absolute;
	top:58%;
	-webkit-transform: translateY(-50%); 
    transform: translateY(-50%);
	width:94px;
	height:94px;
	border:10px solid #fff;
	background:#15538f;
	color:#fff;
	text-align:center;
	-webkit-border-radius:50%;
	border-radius:50%;
	cursor:pointer;
	line-height:74px;
	font-size:48px;
}

/* =====================
Promo Box
======================== */
.promo-box-section{
	margin-bottom:40px;
}
.promo-box{
	border:15px solid #0c7cc2;
	-webkit-border-radius:40px;
	border-radius:40px;
	overflow:hidden;
	background:#f6f7f9;
	padding:15px;
}
.promo-box-left img{
	max-width:100%;
	height:auto;
	display:block;
}
.promo-box-right{
	display:flex;
	align-items:center;
}
.promo-box-content{
	text-align:center;
	color:#14479e;
	font-size:3rem;
	padding:0 30px;
}
.promo-box-content h2,
.promo-box-content h3{
	color:#26276e;
	font:700 3rem 'Futura PT';
}
.promo-box-heading-image{
	margin:0 0 -30px 8.125vw;
}
.promo-box-heading-image img{
	max-width:100%;
	height:auto;
}

/* =====================
Gallery
======================== */
.gallery-section{
	margin-bottom:40px;
}
.gallery-slider{
	border:15px solid #0c7cc2;
	-webkit-border-radius:40px;
	border-radius:40px;
	background:#f6f7f9;
	padding:15px;
}
.gallery-box-left img{
	max-width:100%;
	height:auto;
	display:block;
}
.gallery-box-right{
	display:flex;
	align-items:center;
}
.gallery-content{
	text-align:center;
	color:#14479e;
	font-size:3rem;
	padding:0 30px;
}
.gallery-content h2,
.gallery-content h3{
	color:#26276e;
	font:700 3rem 'Futura PT';
}
.gallery-slider-arrow{
	width:40px;
	height:40px;
	-webkit-border-radius: 50%;
	border-radius: 50%;  
	background:#0c7cc2;
	display:flex;
	justify-content:center;
	align-items:center;
	color:#fff;
	font-size:36px;
	cursor:pointer;
	position:absolute;
	top: 50%;
    -webkit-transform: translateY(-50%); 
    transform: translateY(-50%);
	z-index:100;
}
.gallery-slider-prev{
	left:-30px;
}
.gallery-slider-next{
	right:-30px;
}


/* =====================
Page Title
======================== */
.page-title-section h1,
.page-title-section h2{
	text-align:center;
	font:900 6.7rem 'Futura PT';
	color:#fff;
	-webkit-text-stroke-width: 5px; 
	-webkit-text-stroke-color: #26276e;
	text-transform:uppercase;
}
.page-title-section {
	min-height:17.1875vw;
	margin-top:-4.166vw;
	z-index:2;
	position:relative;
}

/* =====================
Text
======================== */
.text-fullwidth-section{
	color:#fff;
}

/* =====================
interactive map
======================== */
.interactive-map-wrapper{
	text-align:center;
}
.interactive-map{
	display:inline-block;
	width:1325px;
	height:auto;
	margin-bottom:50px;
	position:relative;
	border:7px solid #0c80c7;
	-webkit-border-radius:10px;
	border-radius:10px;
}
.interactive-map .map{
	display:block;
	width:100%;
	height:auto;
}
.map-icon{
	position:absolute;
	z-index:10;
	-webkit-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
	cursor:pointer;
}
.map-icon img{
	z-index:10;
	position:relative;
	filter: drop-shadow(0 0 0px rgba(0, 0, 0, 0));
	transition: all 0.3s ease-in-out;
	-webkit-transform: scale(0.6);
	transform: scale(0.6) ;
}
.map-icon:hover img{
	filter: drop-shadow(0 0 15px #fff) drop-shadow(0 0 30px #fff);
	-webkit-transform: scale(1) ;
	transform: scale(1) ;
}
.icon-content-wrapper{
	position:absolute;
	left:50%;
	-webkit-transform: translateX(-50%); 
    transform: translateX(-50%);
	max-width:480px;
	width:100%;
	top:50px;
	background:#fff;
	-webkit-box-shadow: 0 0 10px 0 #000000;
	box-shadow: 0 0 10px 0 #000000;
	display:none;
	z-index:20;
}
.icon-content-wrapper.show{
	display:block;
}
.icon-content{
	padding:30px;
	display:none;
	text-align:left;
}
.icon-content.active{
	display:block;
}
.icon-content-close{
	position:absolute;
	right:15px;
	top:5px;
	font-size:32px;
	line-height:1;
	cursor:pointer;
}

/* =====================
Videos
======================== */
.videos-section .container{
	max-width:1250px;
}
.main-video{
	background:#fff;
	padding:60px 40px;
	-webkit-border-radius:30px;
	border-radius:30px;
	margin-bottom:50px;
}
.main-video-description{
	padding:30px;
	text-align:center;
	font-size:3rem;
	color:#14479e;
}
.main-video-description h2,
.main-video-description h3{
	color:#26276e;
	font:700 3.6rem 'Futura PT';
}
.video{
	position:relative;
	padding-top:56.25%;
}
.video iframe{
	width:100%;
	position:absolute;
	height:100%;
	left:0;
	top:0;
}
.video-box{
	background:#fff;
	-webkit-border-radius:0 0 20px 20px;
	border-radius:0 0 20px 20px;
	margin-bottom:40px;
}
.video-box .sub-title{
	background:#26276e;
	color:#fff;
	font-size:2.8rem;
	font-weight:700;
	display:inline-block;
	padding:5px 20px;
}
.video-box h3{
	padding:15px 30px 20px;
	font-size:2.8rem ;
	font-weight:700;
	color:#14479e;
	min-height:3.7em;
}

/* =====================
Reviews
======================== */
.reviews-wrapper{
	background:#1d5e85;
	-webkit-border-radius:50px;
	border-radius:50px;
	color:#fff;
	padding:60px 0;
}
.sub-heading{
	text-align:center;
	font-size:3.4rem;
	font-weight:700;
	margin-bottom:1em;
}
.review{
	border:3px solid #fff;
	-webkit-border-radius:30px;
	border-radius:30px;
	margin-bottom:25px;
	padding:50px 30px;
	text-align:center;
}
.review .content{
	font-size:2rem;
	margin-bottom:1em;
}
.review name{
	font-size:2rem;
}

/* =====================
Message
======================== */
#single-message{
	background:#fff;
	padding:50px 50px;
	-webkit-border-radius:30px;
	border-radius:30px;
}
.message-post-content{
	font-size:2.4rem;
	line-height:1.17em;
}
.sm .btn{ 
	margin-right:10px;
}
.message-quote{
	font-size:2.4rem;
	line-height:1.58;
	margin-bottom:10px;
}
.single-post-thumbnail img{
	display:block;
	max-width:100%;
	height:auto;
}
.single-post-thumbnail{
	margin-bottom:50px;
}
.previous-btn:before{
	content:'';
	width:55px;
	height:55px;
	display:inline-block;
	vertical-align:middle;
	margin-right:12px;
	background:url(images/icon-prev.png) no-repeat center center / 100% auto;
}
.previous-btn:hover{
	color:#fff;
}
.previous-btn{
	color:#fff;
	font-size:3.4rem;
	font-weight:700;
} 
.next-btn {
	color:#fff;
	font-size:3.4rem;
	font-weight:700;
	cursor:pointer;
}
.next-btn:after{
	content:'';
	width:55px;
	height:55px;
	display:inline-block;
	vertical-align:middle;
	margin-left:12px;
	background:url(images/icon-next.png) no-repeat center center / 100% auto;
}
.message-nav{
	display:flex;
	justify-content:space-between;
	margin-bottom:30px;
}
.message-block{
	background:#fff;
	margin-bottom:30px;
	padding:5px;
}
.message-block .content{
	text-align:center;
	padding:30px 30px;
	font-size:3rem;
}
.message-block .content h3{
	font:700 3.6rem 'Futura PT';
	color:#26276e;
	text-transform:uppercase;
	margin-bottom:2em
}
.message-block .content .btn{
	margin-top:2em;
}
.sm.active{
	display:block;
}
.sm{
	display:none;
}
.sm header{
	font:700 3.6rem  'Futura PT';
	text-align:center;
	color:#26276e;
	text-transform:uppercase;
	margin-bottom:20px;
}

/* =====================
Shop
======================== */
.woocommerce-shop .woocommerce-products-header__title{
	display:none;
}
.woocommerce-shop .page-description{
	text-align:center;
	font-weight:700;
	font-size:3.4rem;
	color:#fff;
}
.woocommerce-shop .woocommerce-products-header{
	margin-bottom:30px;
	z-index:2;
	position:relative;
}
.woocommerce-result-count,
.woocommerce-ordering{
	display:none;
}
#page .book-product{
	background:#d1e8f3;
	border:8px solid #fff;
	-webkit-border-radius:30px;
	border-radius:30px;
	padding:25px 25px;
	position:relative;
}
#page .add_to_cart_button,
#page .add_to_cart_btn{
	background:#15538f url(images/icon-cart.png) no-repeat left 20px center;
	color:#fff;
	font:700 2.4rem/2.25 'Futura PT';
	text-transform:uppercase;
	margin:0 25px;
	padding:0 0.7em 0 60px;
	-webkit-border-radius:30px;
	border-radius:30px;
	transition: transform 0.3s ease-in-out;
	vertical-align:middle;
}
#page .add_to_cart_btn:hover,
#page .add_to_cart_button:hover{
	color:#fff;
	transform: scale(1.1);
}
#page .added_to_cart{
	display:inline-block;
	font:700 2.4rem 'Futura PT';
	color:#15538f;
	padding:0;
	vertical-align:middle;
}
#page .woocommerce-loop-product__title{
	font:900 4.2rem 'Futura PT';
	color: #fff;
	-webkit-text-stroke-width: 4px;
	-webkit-text-stroke-color: #26276e;
	text-transform:uppercase;
	padding:0 140px 0 0;
	margin-bottom:20px;
}
#page .book-product .price{
	font:700 2.6rem/1 'Futura PT';
	width:140px;
	height:140px;
	-webkit-border-radius:50%;
	border-radius:50%;
	background:#1685c9;
	color:#fff;
	text-align:center;
	color:#fff;
	position:absolute;
	right:40px;
	top:50px;
	display:flex;
	flex-wrap:wrap;
	align-items:center;
	justify-content:center;
	align-items:center;
	padding:30px 0;
}
#page .book-product .woocommerce-Price-amount{
	display:block;
	width:100%;
}
.shop-page-text {
	font-size:2.4rem;
	padding-right:140px;
	margin-bottom:30px;
}
.woocommerce-notices-wrapper{
	font-size:1.6rem;
}

/* =====================
Single Book
======================== */
.woocommerce-breadcrumb{
	display:none;
}
.single-book{
	background:#fff;
	-webkit-border-radius:30px;
	border-radius:30px;
	padding:30px 30px;
}
#page .woocommerce-product-gallery__image img{
	max-width:100%;
	height:auto;
	width:auto;
}
.woocommerce #content div.product div.images, 
.woocommerce div.product div.images, 
.woocommerce-page #content div.product div.images, 
.woocommerce-page div.product div.images{
	width:42%;
}
.woocommerce #content div.product div.summary, .woocommerce div.product div.summary, .woocommerce-page #content div.product div.summary, .woocommerce-page div.product div.summary{
	width:58%;
	padding-left:30px;
}
.book-in-series{
	border-top:3px solid #1685c9;
	padding:50px 0;
	margin-top:50px;
}
.book-in-series .heading{
	font:700 2.4rem 'Futura PT';
	margin-bottom:2em;
	color:#15538f;
}
.book{
	text-align:center;
}
.book .image{
	margin-bottom:20px;
}
.book img{
	display:block;
	max-width:100%;
	height:auto;
	margin:auto;
}
.book h3{
	color:#000;
	font-size:2rem;
	font-weight:400;
}
#page .product_title{
	font:700 3.4rem 'Futura PT';
	color:#15538f;
}
.woocommerce-product-details__short-description{
	font-size:2.4rem;
	line-height:1.58;
	margin-bottom:30px;
}
.product_meta{
	display:none;
}
#page .summary .price{
	display:none;
}
#page .summary .ka_variation_table_data .price{
	display:block;
}
#Ka_variation_table_filter,
#Ka_variation_table_info,
#Ka_variation_table_paginate{
	display:none;
}
.ka_variation_header {
	display:none;
}
#page .variations_form {
	display:none;
}
#Ka_variation_table{
	display:block;
	border:none;
}
.ka_table_body{
	width:100%;
	display:block;
}
.ka_table_body tr{
	display:flex;
	border:3px solid #464880;
	-webkit-border-radius:30px;
	border-radius:30px;
	width:100%;
	margin-bottom:20px;
	background:none !important;
	padding:30px;
	justify-content:space-between;
	align-items:center;
}
.ka_variation_table_data:nth-child(1){
	font:700 2.4rem 'Futura PT';
	text-transform:uppercase;
}
.ka_variation_table_data{
	padding:0 !important;
}
.ka_variation_table_data .woocommerce-Price-amount {
	color:#0c80c7;
	font-size:2rem;
}
.ka_variation_table_data .woocommerce-Price-amount :before{
	content:'Price';
	margin-right:5px;
}
.wc-block-components-drawer__content{
	font-size:1.6rem;
}
.wc-block-components-button:hover{
	color:#fff;
}
.wc-block-components-button{
	display:inline-block;
	color:#fff;
	background:#15538f;
	font:700 1.8rem/2 'Futura PT';
	padding:0 1em;
	-webkit-border-radius:30px;
	border-radius:30px;
	transition: transform 0.3s ease-in-out;
	border:none;
}

/* =====================
Cart
======================== */
.woo-general-page{
	background:#fff;
	padding:30px;
	-webkit-border-radius:30px;
	border-radius:30px;
	font-size:1.6rem;
}

/* =====================
Books
======================== */
.book-list{
	background:#d1e8f3;
	border:7px solid #fff;
	-webkit-border-radius: 35px;
	border-radius: 35px;  
	padding:20px 50px;
}
.book-set{
	margin-bottom:30px;
}
.book-set-title{
	font: 900 4.6rem 'Futura PT';
	color: #fff;
    -webkit-text-stroke-width: 4px;
    -webkit-text-stroke-color: #26276e;
}
.sbook{
	margin-bottom:30px;
	max-width:313px;
}
.sbook img{
	display:block;
	width:100%;
	height:auto;
}
.sbook-content{
	margin:30px 0 0;
	font-size:2.8rem;
	line-height:1.39;
}
.sbook-content .btn{
	margin-top:20px;
}



/* =====================
Slide menu defautl style
======================== */
.sidr{display:none;position:absolute;position:fixed;top:0;height:100%;z-index:500;width:320px;overflow-x:none;overflow-y:auto;background:#15538f;}
.sidr .sidr-inner{padding:0 0 15px}
.sidr.right{left:auto;right:-380px}
.sidr.left{left:-380px;right:auto}

.mobile{
	display:none;
}

/* 1600  */
@media screen and (max-width:1600px){
	#desktop-menu,
	.header-phone,
	.btn-header{
		display:none;
	}
	#masthead{
		
	}
	.site-branding{
		width:300px;
	}
	.header-right{
		width:calc(100% - 300px);
		padding-top:100px;
	}
	.header-right-inner{
		justify-content:flex-end;
	}
	#open-mobile-menu{
		display:inline-block;
		color:#000;
		font-size:52px;
		line-height:1;
		margin-left:30px;
	}
	.mobile-menu-close{
		font-size:36px;
		color:#fff;
		display:inline-block;
		padding:15px;
	}
	.mobile-menu{
		padding: 0 15px 20px;
	}
	.mobile-menu li br{
		display:none;
	}
	.mobile-menu li{
		list-style:none;
		margin: 0 0 5px;
		overflow:hidden;
		position:relative;
		padding:7px 10px;
		text-transform:uppercase;
		font-size:2rem;
		color:#fff;
	}
	.mobile-menu li a{
		margin-right:25px;
		color:#fff;
		display:block;
	}
	.mobile-menu .sub-menu img{
		display:none;
	}
	.mobile-menu .sub-menu{
		margin: 15px 0 0 10px;
		display:none;
	}
	.mobile-menu .sub-menu li{
		text-transform:none;
	}
	.mobile-menu .sub-menu li a{
		margin-right:0;
		color:#fff;
	}
	.mobile-menu .current-menu-item a,
	.mobile-menu .current-menu-parent a,
	.mobile-menu .sub-menu .current-menu-item a{
		color:#ff9900;
	}
	.menu-expand{
		position:absolute;
		right:0;
		top:13px;
		display:block;
		padding: 0 15px;
		font-size:14px;
		margin:0;
	}
	.sub-menu .menu-expand{
		display:none;
	}
	.mobile-menu .active .sub-menu,
	.current-menu-parent .sub-menu{
		display:block;
	}
	.sidr-open #page{
		opacity:0.5;
	}
	.page-title-section h1, .page-title-section h2{
		font-size:4.4rem;
		-webkit-text-stroke-width: 3px;
	}
	.woocommerce-shop .page-description{
		font-size:2.6rem;
	}
	#page .woocommerce-loop-product__title{
		font-size:3.6rem;
	}
	.shop-page-text{
		font-size:2rem;
	}
	#page .book-product .price{
		font-size:2rem;
	}
	.btn-outline{
		font-size:2rem;
	}
	#page .add_to_cart_button, #page .add_to_cart_btn{
		font-size:2rem;
	}
	.footer-logo{
		max-width:180px;
	}
	#footer-menu li{
		font-size:2.4rem;
	}
	.welcome-section .content h1, .welcome-section .content h2{
		font-size:6rem;
	}
	.welcome-section .content{
		font-size:2.8rem;
	}
	.hot-box h3{
		font-size:2.8rem;
	}
	.box-description{
		font-size:2rem;
	}
	.btn{
		font-size:2rem;
	}
	.boxes-slider-arrow{
		width:60px;
		height:60px;
		border-width:5px;
		font-size:3.6rem;
		line-height:50px;
	}
	.boxes-slider{
		padding:0 80px;
	}
	.promo-box-heading-image{
		margin:0 0 -30px;
	}
	.promo-box-content h2, .promo-box-content h3{
		font-size:2.6rem;
	}
	.promo-box-content{
		font-size:2rem;
	}
	.message-block .content h3{
		font-size:2.8rem;
	}
	.previous-btn{
		font-size:2rem;
	}
	.next-btn{
		font-size:2rem;
	}
	.previous-btn:before,.next-btn:after {
		width:30px;
		height:30px;
	}
	.message-post-content{
		font-size:1.8rem;
	}
	h2{
		font-size:2.8rem;
	}
	h3{
		font-size:2.2rem;
	}
	.message-quote{
		font-size:1.8rem;
	}
	.entry-content .intro{
		font-size:2.6rem;
	}
	.main-video-description h2, .main-video-description h3{
		font-size:2.8rem;
	}
	.main-video-description{
		font-size:2.4rem;
		padding:15px;
	}
	.main-video{
		padding:30px;
	}
	.video-box .sub-title{
		font-size:2rem;
	}
	.video-box h3{
		font-size:2rem;
		padding:15px 15px;
	}
	.book-set-title{
		font-size:3rem;
		-webkit-text-stroke-width: 2px;
	}
	.sbook-content{
		font-size:2rem;
	}
}

/* 600  */
@media screen and (max-width:1600px){
	.site-branding img{
		margin-left:-50px;
	}
	.hot-boxes-section{
		margin-top:100px;
	}
	.welcome-section .container{
		padding:10vw 7vw ;
	}
	.welcome-section .container:before{
		width:52.9658vw;
		height:22.03125vw;
	}
	.site-info{
		text-align:left;
	}
	#footer-menu .menu{
		justify-content:flex-start;
	}
	#footer-menu li{
		margin:0 20px 0 0;
	}
	#single-message{
		padding:30px;
	}
	.sbook-content{
		font-size:1.6rem;
	}
	.book-list{
		border-width:5px;
		padding: 20px 20px;
	}
}