/*
Theme Name: Krog's Camp
Text Domain: krogcamp
Version: 1.8
Requires at least: 4.7
Requires PHP: 5.2.4
Description: Our default theme for 2020 is designed to take full advantage of the flexibility of the block editor. Organizations and businesses have the ability to create dynamic landing pages with endless layouts using the group and column blocks. The centered content column and fine-tuned typography also makes it perfect for traditional blogs. Complete editor styles give you a good idea of what your content will look like, even before you publish. You can give your site a personal touch by changing the background colors and the accent color in the Customizer. The colors of all elements on your site are automatically calculated based on the colors you pick, ensuring a high, accessible color contrast for your visitors.
Tags: blog, one-column, custom-background, custom-colors, custom-logo, custom-menu, editor-style, featured-images, footer-widgets, full-width-template, rtl-language-support, sticky-post, theme-options, threaded-comments, translation-ready, block-patterns, block-styles, wide-blocks, accessibility-ready
Author: the WordPress team
Author URI: https://wordpress.org/
Theme URI: https://wordpress.org/themes/twentytwenty/
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html

All files, unless otherwise stated, are released under the GNU General Public
License version 2.0 (http://www.gnu.org/licenses/gpl-2.0.html)

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned
with others.
*/


/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------

	0. 	CSS Reset
	1. 	Document Setup
	2. 	Element Base
	3. 	Helper Classes
	4. 	Site Header
	5. 	Menu Modal
	6. 	Search Modal
	7. 	Page Templates
		a. 	Template: Cover Template
		c. 	Template: Full Width
	8.  Post: Archive
	9.  Post: Single
	10. Blocks
	11. Entry Content
	12. Comments
	13. Site Pagination
	14. Error 404
	15. Widgets
	16. Site Footer
	17. Media Queries

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


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


/*	0. CSS Reset
/* -------------------------------------------------------------------------- */

@import url('https://fonts.googleapis.com/css?family=Libre+Franklin:300,300i,400,400i,500,500i,600,600i,700,800,900|Oswald:400,500,600,700,800,900|Dancing+Script:600|Cormorant+Garamond:wght@300;400;500;600;700');
@import url("https://use.typekit.net/ivj2ejx.css");
@import url(https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.6.3/css/font-awesome.css);

/* ============================== */


/* RESETS */


/* ============================== */

html,
body,
div,
span,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
abbr,
address,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
samp,
small,
strong,
sub,
sup,
var,
b,
i,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section,
summary,
time,
mark,
audio,
video {
    margin: 0;
    padding: 0;
    border: 0;
    vertical-align: baseline;
}


/* ============================== */


/* SITE ELEMENTS  */


/* ============================== */

* {
    margin: 0;
    padding: 0;
}

html,
body {
    width: 100%;
    max-width: 100%;
    min-height: 100%;
    box-sizing: border-box;
}

html {
    height: 100%;
    overflow-x: hidden;
}

body {
    height: auto;
    font-family: Georgia, "Palatino Linotype", Cambria, "Libre Franklin", Georgia, "Times New Roman", "serif";
    font-size: 16px;
    line-height: 1.6;
    color: #4e4844;
    background: #d8d0c3 url(images/bg.jpg) center top no-repeat;
    background-size: 100% auto;
}

@media only screen and (max-width: 1730px) {
    body {
        font-size: 15.5px;
    }
}

@media only screen and (max-width: 1660px) {
    body {
        font-size: 15px;
    }
}

@media only screen and (max-width: 1560px) {
    body {
        font-size: 14.5px;
    }
}

@media only screen and (max-width: 1440px) {
    body {
        font-size: 14px;
    }
}

@media only screen and (max-width: 1366px) {
    body {
        font-size: 13.5px;
    }
}

::-moz-selection {
    background: #09f;
    color: #000;
    text-shadow: none;
}

::selection {
    background: #09f;
    color: #000;
    text-shadow: none;
}
#site-navigation .menu li:hover .sub-menu {
    display: block;
    opacity: 1;
}
a {
    cursor: pointer;
}

a:active,
a:focus {
    outline: 0;
}

img {
    display: block;
    height: auto;
    border: none;
}

article img {
    display: block;
}

.left {
    float: left;
}

.right {
    float: right;
}

.center {
    text-align: center;
}

.subtitle {
    font-style: italic;
    color: #999;
}

ul,
li {
    list-style: none;
}

img,
object,
embed {
    max-width: 100%;
}

sup {
    font-size: 40%;
}

.fluid {
    display: block;
    position: relative;
    padding: 0 0 56.25%;
    width: 100%;
    height: 0;
}

.fluid iframe {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.clear {
    display: block;
    content: " ";
    clear: both;
    width: 100%;
}

.red {
    color: #ad2a2a;
}

.orange {
    color: #d97926;
}

.blue {
    color: #2e7bac;
}

.green {
    color: #3d9856;
}

a:hover .overlay {
    background: rgba(0, 0, 0, .25);
}

video {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    margin: 0;
    width: 100%;
    height: 100%;
}

.video-cutoff {
    position: relative;
    height: 320px;
    z-index: 2;
}

.video-wrap {
    display: block;
    position: relative;
    margin: 0 auto;
    padding: 0 0 56.25%;
    width: 100%;
    height: 1px;
}

.video-wrap iframe {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100% !important;
    height: 100% !important;
}

.material-icons {
    font-family: 'Material Icons';
}

p.icon {
    margin: 3px 0 20px;
    padding: 0 0 0 28px;
    font-family: "Libre Franklin", futura-pt;
    font-size: 82.5%;
    font-weight: 500;
    line-height: 1.5;
}

#footer-wrap p.icon {
    margin: 15px 0;
}

#footer-wrap p.icon i {
    color: #2e7872;
}

p.icon strong {
    display: block;
    margin: 0;
    font-weight: 700;
    letter-spacing: 0px;
}

article p.icon strong {
    color: #fff;
}

p i.material-icons {
    position: absolute;
    margin: 0;
    color: #fff;
}

p.icon i {
    position: absolute;
    top: 3px;
    left: 0px;
    font-size: 105%;
    color: rgba(255, 255, 255, .75);
}

textarea {
    resize: none;
}


/* ============================== */


/* LISTS  */


/* ============================== */

ul,
ol {
    margin: 15px 0px;
}

ul li {
    list-style: disc;
}

ol li {
    list-style: decimal;
}

.content ul {
    margin-left: 10px;
}

#sidebar ul {
    margin: 0;
}

li {
    margin: 0 0 0 15px;
    padding: 8px 0;
}

.checklist,
.xlist {
    margin: 0 0 15px 15px;
    padding: 0;
    line-height: 1.5;
}

.checklist:last-child,
.xlist:last-child {
    margin-bottom: 0;
}

.checklist li,
.xlist li,
.checklist dt {
    display: block;
    position: relative;
    margin: 0;
    padding: 0;
    font-weight: 500;
    letter-spacing: 0px;
    line-height: 1.5;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.content.article-left article ul {
    margin: 20px 0 20px 15px;
}

.checklist li {
    padding: 8px 10px 8px 35px;
}

.checklist.alt {
    display: grid;
    grid-template-columns: 1fr 1fr;
    margin: 0;
    text-align: left;
    text-transform: uppercase;
}

.checklist.alt li {
    font-size: 100%;
    font-weight: 600;
    line-height: 1.3;
    letter-spacing: 0px;
    background: none;
}

.checklist.alt li:nth-child(1),
.checklist.alt li:nth-child(2),
.checklist.alt li:nth-child(5),
.checklist.alt li:nth-child(6),
.checklist.alt li:nth-child(9),
.checklist.alt li:nth-child(10),
.checklist.alt li:nth-child(13),
.checklist.alt li:nth-child(14) {
    /*	background: rgba(0,0,0,.05);*/
}

.checklist-alt li {
    color: #fff;
}

.checklist.checklist-alt i {
    color: #f5cf48;
}

table .checklist li {
    display: inline-flex;
}

.xlist i,
.checklist i {
    display: block;
    position: absolute;
    top: 8px;
    left: 0;
    font-size: 130%;
    line-height: 1;
}

.checklist i {
    color: #2e7872;
}

.sidebar .checklist i {}

.xlist i {
    color: #f24242;
}

.xlist li a,
.checklist li a {
    color: #333;
    text-decoration: none;
}

.xlist li a:hover,
.checklist li a:hover {
    text-decoration: underline;
}

.xlist li,
.checklist li {
    position: relative;
    background: url(images/checkmark.png) 5px center no-repeat;
}

.checklist li:last-child {
    border-bottom: 0;
}

.list-3 {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-gap: 5px;
}

nav ul,
nav ol {
    list-style: none;
    list-style-image: none;
}


/* ============================== */


/* TYPOGRAPHY  */


/* ============================== */

.title {
    display: block;
    margin: 0 0 25px;
    width: 100%;
    font-family: matrix-ii, futura-pt, "Libre Franklin";
    font-size: 56px;
    font-weight: 700;
    color: #fff;
    letter-spacing: -1px;
    line-height: 1.05;
    /* 	text-transform: uppercase; */
}

.title:last-child {
    margin: 0;
}

h1 {
    display: block;
    margin: 0 0 10px;
    font-family: "Cormorant Garamond", futura-pt, "Libre Franklin";
    font-size: 24px;
    font-weight: 700;
    color: #fff;
    letter-spacing: 1px;
    line-height: 1.2;
    text-transform: uppercase;
}

h2 {
    display: block;
    margin: 0 0 15px;
    width: 100%;
    font-family: "Cormorant Garamond", futura-pt, "Libre Franklin";
    font-size: 32px;
    font-weight: 700;
    color: #3d3833;
    letter-spacing: -1px;
    line-height: 1.1;
    /*	text-transform:  uppercase;*/
}

h3 {
    display: block;
    margin: 15px 0;
    font-family: "Cormorant Garamond", futura-pt, "Libre Franklin";
    font-size: 150%;
    font-weight: 600;
    line-height: 1.2;
    letter-spacing: -0.5px;
}

figcaption h3 {
    margin: 0;
}

@media only screen and (max-width: 1640px) {
    .title {
        font-size: 52px;
    }

    h2 {
        font-size: 30px;
    }
}

@media only screen and (max-width: 1440px) {
    .title {
        font-size: 46px;
    }

    h2 {
        font-size: 32px;
    }
}

@media only screen and (max-width: 1280px) {
    .title {
        font-size: 42px;
    }

    h2 {
        font-size: 30px;
    }
}

h4 {
    display: block;
    margin: 15px 0;
    font-family: futura-pt, Oswald, sans-serif;
    font-size: 120%;
    font-weight: 700;
    /*	font-variant: small-caps;*/
    letter-spacing: 0px;
    line-height: 1.2;
    color: #333145;
    text-transform: uppercase;
}

h5 {
    display: block;
    margin: 15px 0;
    font-family: futura-pt, Oswald, sans-serif;
    font-size: 95%;
    font-weight: 600;
    letter-spacing: 2px;
    line-height: 1.3;
    color: #2e7872;
    text-transform: uppercase;
}

h6 {
    margin: 0 0 8px;
    padding: 0;
    font-family: futura-pt, "Libre Franklin";
    font-size: 100%;
    font-weight: 700;
    color: #333145;
    line-height: 1.2;
    letter-spacing: 1px;
    text-transform: uppercase;
}

#footer-wrap h6 {
    margin: 0;
}

h2:first-of-type,
h3:first-child,
h4:first-child,
h5:first-child,
p:first-child {
    margin-top: 0;
}

h2:last-child,
h3:last-child,
h4:last-child,
h5:last-child,
h6:last-child,
p:last-child {
    margin-bottom: 0;
}


/* paragraphs */

p {
    position: relative;
    margin: 15px 0;
    font-weight: 500;
    -webkit-transition: color .1s ease-in;
    -moz-transition: color .1s ease-in;
    -o-transition: color .1s ease-in;
    -ms-transition: color .1s ease-in;
    transition: color .1s ease-in;
}

#footer-wrap p {
    font-weight: 500;
}

.byline {
    display: flex;
    align-items: center;
    margin: 15px 0;
    font-family: futura-pt, "Libre Franklin";
    font-size: 100%;
    font-weight: 300;
}

.byline>* {
    display: flex;
    align-items: center;
    margin: 0 15px 0 0;
}

.byline i {
    margin: 0 5px 0 0;
    font-size: 15px !important;
}

p.handwriting {
    margin-top: 0 !important;
    font-family: Dokdo;
    font-size: 21px !important;
    font-weight: 300 !important;
    text-transform: uppercase;
    letter-spacing: -1px;
    line-height: 1.2;
}

blockquote {
    margin: 20px 0 20px 15px;
    padding: 0 0 0 30px;
    font-style: italic;
    font-size: 105%;
    line-height: 1.3;
    font-weight: 500;
    line-height: 1.5;
    border-left: 3px #669b58 solid;
    box-sizing: border-box;
}

blockquote strong {
    display: inline-block;
    margin: 0 10px 10px 0;
    border-radius: 100%;
}

blockquote em {
    font-size: 80%;
}

blockquote img {
    margin: 0 auto 20px;
    max-width: 33.33%;
    border-radius: 100%;
}

small {
    font-size: 80%;
}


/* ============================== */


/* LINKS  */


/* ============================== */

a {
    color: #2e7872;
    -webkit-transition: all 0.15s ease-in;
    -moz-transition: all 0.15s ease-in;
    -o-transition: all 0.15s ease-in;
    transition: all 0.15s ease-in;
}

a:hover {
    color: #476a86;
    text-decoration: underline;
}

#sidebar a {
    color: #fff;
}


/* ============================== */


/* BUTTONS  */


/* ============================== */

a.btn,
.btn {
    display: inline-flex;
    align-items: center;
    position: relative;
    margin: 15px 0;
    padding: 12px 25px;
    width: auto;
    font-family: futura-pt, Oswald;
    font-size: 90%;
    font-weight: 700;
    color: #fff;
    text-decoration: none;
    text-transform: uppercase;
    letter-spacing: 2px;
    text-align: left;
    line-height: 1;
    background: #3e8047;
    border-radius: 4px;
    -webkit-box-sizing: border-box;
    /* Safari/Chrome, other WebKit */
    -moz-box-sizing: border-box;
    /* Firefox, other Gecko */
    box-sizing: border-box;
    /* Opera/IE 8+ */
    -webkit-transition: .2s ease-in;
    -moz-transition: .2s ease-in;
    -o-transition: .2s ease-in;
    -ms-transition: .2s ease-in;
    transition: .2s ease-in;
    cursor: pointer;
}

#sidebar a.btn {
    display: block;
    margin: 0;
    font-family: futura-pt, "Libre Franklin", Oswald;
    text-align: center !important;
    border-radius: 0;
}

a.btn.alt,
a.btn.alt:hover {
    font-size: 160%;
    background: #2c99cd;
}

a.btn:last-child,
a.btn:last-child:hover,
.btn:last-child,
.btn:last-child:hover {
    margin-bottom: 0;
}

.btn:hover,
a.btn.alt:hover {
    color: #fff;
    text-decoration: none;
    background: #2e7872;
}

.btn.btn-hand {
    display: inline-flex;
    font-size: 90%;
    color: rgba(255, 255, 255, .9);
    background: #2a2f3c;
    overflow: hidden;
}

.btn.btn-hand span {
    display: flex;
    align-items: center;
    height: 100%;
    -webkit-transition: all 0.1s ease-in;
    -moz-transition: all 0.1s ease-in;
    -o-transition: all 0.1s ease-in;
    transition: all 0.1s ease-in;
}

.btn.btn-hand i,
.btn.btn-hand img {
    width: 20px;
    height: auto;
    -webkit-transition: .2s ease-in;
    -moz-transition: .2s ease-in;
    -o-transition: .2s ease-in;
    -ms-transition: .2s ease-in;
    transition: .2s ease-in;
}

.btn.btn-hand span {
    padding: 0 20px 0 10px;
    /*    background: #669b58;*/
}

.btn.btn-hand:hover span {
    padding: 0 15px 0 5px;
}

.btn-strip,
.btn-strip:hover,
a.btn-strip,
a.btn-strip:hover {
    display: grid;
    grid-template-columns: 1fr 4fr;
    grid-gap: 3%;
    align-items: center;
    justify-content: center;
    text-align: left;
    position: relative;
    margin: 0;
    padding: 40px 20%;
    font-family: unit-gothic-718, futura-pt, "Libre Franklin";
    color: #fff;
    letter-spacing: 0px;
    line-height: 1.3;
    text-decoration: none;
    background: #5a4d44 url(images/bg-wood.jpg) center top no-repeat;
    background-size: 100% auto;
    box-sizing: border-box;
    border-radius: 0;
    z-index: 2;
}

a.btn-strip:hover {
    background: #5a4d44 url(images/bg-wood.jpg) center top no-repeat;
    background-size: 103% auto;
}

.btn-strip:after {
    display: block;
    position: absolute;
    bottom: 0;
    left: 50%;
    padding: 0;
    width: 220px;
    height: 120px;
    background: url(images/crop-bear.png) right center no-repeat;
    background-size: 100% auto;
    transform: translate(-50%, 38%);
}

@media only screen and (max-width: 1640px) {

    .btn-strip,
    .btn-strip:hover,
    a.btn-strip,
    a.btn-strip:hover {
        padding: 45px 18%;
    }

    .btn-strip:after {
        width: 180px;
        height: 110px;
    }
}

@media only screen and (max-width: 1560px) {

    .btn-strip,
    .btn-strip:hover,
    a.btn-strip,
    a.btn-strip:hover {
        padding: 40px 15%;
    }
}

@media only screen and (max-width: 1440px) {

    .btn-strip,
    .btn-strip:hover,
    a.btn-strip,
    a.btn-strip:hover {
        padding: 40px 8%;
    }
}

@media only screen and (max-width: 1280px) {

    .btn-strip,
    .btn-strip:hover,
    a.btn-strip,
    a.btn-strip:hover {
        padding: 30px 5%;
        grid-template-columns: 1fr 4fr;
    }

    .btn-strip:after {
        width: 130px;
        height: 80px;
    }
}

.btn-strip:hover img {
    /*	transform: scale(1.1);*/
}

.btn-strip img {
    width: 100%;
    height: auto;
    border-radius: 100%;
    -webkit-transition: .2s ease-in;
    -moz-transition: .2s ease-in;
    -o-transition: .2s ease-in;
    -ms-transition: .2s ease-in;
    transition: .2s ease-in;
}

.btn-strip>a:hover img {
    transform: scale(1.3);
}

.btn-strip strong {
    display: block;
    margin: 0px;
    font-size: 160%;
    font-weight: 300;
    color: #fff;
    line-height: 1.1;
    text-transform: uppercase;
}

.btn-strip small:first-child {
    margin: 0 0 5px;
    color: rgba(255, 255, 255, .5);
    font-weight: 300;
    font-size: 90%;
}

.btn-strip small {
    display: block;
    margin: 0 0 5px;
    font-family: "Libre Franklin";
    font-size: 100%;
    color: rgba(255, 255, 255, .75);
    font-weight: 600;
    line-height: 1.5;
}

#mainform ::placeholder {
    font-size: 90%;
    font-weight: 600;
    color: rgba(255, 255, 255, .5);
}

input#submit,
input#submit:hover,
input.submit,
input.submit:hover,
input[type="submit"],
input[type="submit"]:hover {
    display: block !important;
    margin: 0 auto !important;
    padding: 14px 35px !important;
    width: auto !important;
    height: auto !important;
    font-size: 120% !important;
    font-weight: 600 !important;
    color: #fff !important;
    letter-spacing: 0px !important;
    text-align: center !important;
    text-decoration: none !important;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, .25) !important;
    background: #3e8047 !important;
    border: none !important;
    border-radius: 4px !important;
    cursor: pointer;
}

#close {
    display: block;
    position: absolute;
    top: 15px;
    right: 15px;
    padding: 10px;
    font-size: 240%;
    -webkit-transition: .2s ease-in;
    -moz-transition: .2s ease-in;
    -o-transition: .2s ease-in;
    -ms-transition: .2s ease-in;
    transition: .2s ease-in;
    cursor: pointer;
}

#close:hover {
    color: #fff;
}

a h5,
a:hover h5 {
    display: block;
    margin: 0 0 10px !important;
}

a h5:last-child {
    margin-bottom: 0 !important;
}


/* ============================== */


/* PICTURES  */


/* ============================== */

img {
    float: none;
    max-width: 100%;
    -webkit-box-sizing: border-box;
    /* Safari/Chrome, other WebKit */
    -moz-box-sizing: border-box;
    /* Firefox, other Gecko */
    box-sizing: border-box;
    /* Opera/IE 8+ */
}

a img {
    display: block;
}

.polaroid,
.polaroid.alignright,
.polaroid.alignleft {
    float: none;
    margin: 0;
    padding: 0;
    background: none;
    border: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
}

img.alignleft,
img.alignright,
.polaroid img {
    display: block;
    float: none;
    max-width: 50%;
    height: auto;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    clear: both;
}

img.alignleft {
    float: left;
    margin: 5px 20px 10px 0;
}

img.alignright {
    float: right;
    margin: 5px 0 10px 15px;
}

.gallery {
    display: grid;
    margin: 8px 0;
}

.gallery a {
    display: block;
    position: relative;
    color: rgba(255, 255, 255, .0);
}

.gallery a:hover {
    color: rgba(255, 255, 255, 1);
}

.gallery a img {
    margin: 0;
    width: 100%;
    height: auto;
    -webkit-transition: all .25s ease-in;
    -moz-transition: all .25s ease-in;
    -o-transition: all .25s ease-in;
    -ms-transition: all .25s ease-in;
    transition: all .25s ease-in;
    -webkit-backface-visibility: hidden;
}

.gallery a:hover img {}

.gallery .overlay {
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(0, 0, 0, .1);
}

.gallery a:hover .overlay {
    background: rgba(0, 0, 0, .666);
}

.featherlight-image {
    max-height: 80vh !important;
}

.slide-play {
    display: block;
    position: relative;
    border-radius: 6px;
    overflow: hidden;
}

.slide-play img {
    -webkit-transition: all .5s ease-in;
    -moz-transition: all .5s ease-in;
    -o-transition: all .5s ease-in;
    -ms-transition: all .5s ease-in;
    transition: all .5s ease-in;
}

.slide-play:after {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .2) url(images/icon-play.png) center no-repeat;
    background-size: 33.3% auto;
    opacity: .4;
    -webkit-transition: all .25s ease-in;
    -moz-transition: all .25s ease-in;
    -o-transition: all .25s ease-in;
    -ms-transition: all .25s ease-in;
    transition: all .25s ease-in;
}

.slide-play:hover:after {
    background: rgba(0, 0, 0, .2) url(images/icon-play.png) center no-repeat;
    background-size: 35% auto;
    opacity: .8;
}


/*.slide-play img:last-child {
	display: block;
	position: absolute;
	left: 30%;
	top: 30%;
	margin: 0 auto 0;
	width: auto;
	height: 40%;
	-webkit-transition: all .1s ease-in;
	-moz-transition: all .1s ease-in;
	-o-transition: all .1s ease-in;
	-ms-transition: all .1s ease-in;
	transition: all .1s ease-in;
	opacity: .4;
	transform: translateY(30%) scale(.9);
	z-index: 9999;
}
.slide-play:hover img:last-child {
	opacity: .75;
	transform: translateY(30%) scale(1.1);
}*/


/* ============================== */


/* HEADER */


/* ============================== */

#header-wrap {
    display: block;
    position: relative;
    left: 0;
    margin: 0 auto;
    padding: 0;
    width: 100%;
    height: auto;
    border-bottom: 1px rgba(255, 255, 255, .1) solid;
    box-sizing: border-box;
    z-index: 2;
}

.home #header-wrap {
    border-bottom: none;
}

@media only screen and (max-width: 1440px) {
    #header-wrap {}
}

#header {
    display: block;
    position: relative;
    margin: 0 auto;
    padding: 0;
    height: 100%;
    /* border: 4px rgb(179, 173, 167) double; */
}

#header p a {
    padding: 0 0 0 30px;
    color: #fff;
    text-decoration: none;
}

#header p a i.material-icons {
    position: absolute;
    left: 0;
    top: 40%;
    margin: 0;
    font-size: 21px;
    color: #703330;
    line-height: 1;
    /*	transform: translateY(-50%);*/
}

a#logo {
    display: block;
    position: absolute;
    left: 50%;
    margin: -40px auto 0;
    padding: 0;
    width: 190px;
    height: auto;
    -webkit-transition: all .2s ease-in;
    -moz-transition: all .2s ease-in;
    -o-transition: all .2s ease-in;
    -ms-transition: all .2s ease-in;
    transition: all .2s ease-in;
    box-sizing: border-box;
    transform: translateX(-50%);
    z-index: 9999;
}

@media only screen and (max-width: 1720px) {
    a#logo {
        width: 180px;
    }
}

@media only screen and (max-width: 1640px) {
    a#logo {
        width: 170px;
    }
}

@media only screen and (max-width: 1540px) {
    a#logo {
        margin: -30px auto 0;
        width: 164px;
    }
}

@media only screen and (max-width: 1440px) {
    a#logo {
        width: 155px;
    }
}

@media only screen and (max-width: 1366px) {
    a#logo {
        width: 140px;
    }
}

a#logo img {
    display: block;
    position: relative;
    padding: 0;
    width: 100%;
    height: auto;
    -webkit-transition: all .2s ease-in;
    -moz-transition: all .2s ease-in;
    -o-transition: all .2s ease-in;
    -ms-transition: all .2s ease-in;
    transition: all .2s ease-in;
}

a#logo-footer {
    display: block;
    position: relative;
}

@media only screen and (max-width: 1440px) {
    a#logo-footer {}
}

@media only screen and (max-width: 1200px) {
    a#logo-footer {}
}

#footer-wrap img {
    -ms-interpolation-mode: nearest-neighbor;
    image-rendering: -webkit-optimize-contrast;
    image-rendering: -moz-crisp-edges;
}

#footer-wrap .copyright img {
    /*	filter: invert(100%) sepia(15%) saturate(7490%) hue-rotate(347deg) brightness(105%) contrast(102%);	*/
    /*	filter: invert(100%) sepia(0%) saturate(0%) hue-rotate(347deg) brightness(100%) contrast(100%);*/
}


/* ============================== */


/* NAVIGATION BAR  */


/* ============================== */


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

#container {
    display: block;
    position: relative;
    margin: 40px auto;
    max-width: 1640px;
    width: auto;
    background: #333145;
    border: 8px #333145 solid;
    border-radius: 8px;
    box-sizing: border-box;
    z-index: 1;
}

@media only screen and (max-width: 1720px) {
    #container {
        width: 90%;
    }
}

@media only screen and (max-width: 1680px) {
    #container {
        border: 7px #333145 solid;
        border-radius: 7px;
    }
}

@media only screen and (max-width: 1660px) {
    #container {
        width: 98%;
    }
}

@media only screen and (max-width: 1540px) {
    #container {
        margin: 30px auto;
    }
}

@media only screen and (max-width: 1500px) {
    #container {
        width: 98%;
        border: 6px #333145 solid;
    }
}

@media only screen and (max-width: 1366px) {
    #container {
        width: 100%;
        border: none;
        border-top: 5px #333145 solid;
        border-radius: 0px;
    }
}

#wrap {
    display: block;
    position: relative;
    left: 0;
    top: 0;
    bottom: 100%;
    margin: 0 auto;
    z-index: 1;
}

#pre {
    display: grid;
    grid-template-columns: 1fr 1fr;
    align-items: auto;
    justify-content: space-between;
    position: relative;
    margin: 0 auto;
    padding: 8px 20px;
    width: 100%;
    height: auto;
    font-family: "Libre Franklin", futura-pt, "Libre Franklin";
    font-size: 100%;
    /*	color: rgba(255,255,255,.75);*/
    text-align: left;
    letter-spacing: 0px;
    line-height: 1.1;
    background: ;
    box-sizing: border-box;
    z-index: 1;
}

#pre>a:hover img {
    transform: scale(1.2);
}

#pre>div:first-child,
#pre>a:first-child {
    display: grid;
    grid-template-columns: auto auto 3fr;
    align-items: center;
    justify-self: center;
    padding: 0;
    font-size: 80%;
    text-align: left;
    box-sizing: border-box;
}

#pre>div:last-child {
    display: flex;
    justify-self: center;
    /* justify-content: flex-start; */
}

#pre>div:first-child strong,
#pre>a:first-child strong {
    margin: 0;
    padding: 5px 0;
    font-weight: 700;
    font-style: normal;
    color: #fff;
}

#pre>div:first-child span,
#pre>a:first-child span {
    margin: 0;
    padding: 0 5px;
    font-weight: 600;
    color: rgba(255, 255, 255, .75);
    text-transform: none;
}

#pre img {
    margin: 0 10px 0 0;
    width: auto;
    height: 24px;
    /*  filter: invert(100%);*/
    -webkit-transition: all 0.15s ease-in;
    -moz-transition: all 0.15s ease-in;
    -o-transition: all 0.15s ease-in;
    transition: all 0.15s ease-in;
}

@media only screen and (max-width: 1560px) {
    #pre {
        grid-gap: 100px;
        padding: 8px 20px;
    }

    #pre img {
        margin: 0 8px 0 0;
        height: 19.2px;
    }

    #pre>a i.material-icons {
        margin: 0 8px 0 0;
    }
}

@media only screen and (max-width: 1366px) {
    #pre {
        padding: 5px 15px;
    }
}

#pre a,
#pre a:hover {
    color: #fff;
    text-decoration: none;
}

#pre a:hover {
    /*	text-decoration: underline;*/
}

#pre>a i.material-icons {
    margin: 0 8px 0 0;
    font-size: 120%;
    font-weight: 300;
    /*	color: rgba(255,255,255,.9);*/
    color: #158b9e;
}

#contact-info {
    display: grid;
    grid-template-columns: auto auto;
    /*	grid-template-rows:  2fr 1fr;*/
    align-items: normal;
    height: auto;
    font-family: futura-pt;
    font-size: 115%;
    font-weight: 600;
    letter-spacing: 0px;
    text-align: center;
    text-transform: none;
    border-radius: 3px;
    box-sizing: border-box;
    overflow: hidden;
    z-index: 2;
}

#contact-info>a {
    display: flex;
    align-items: center;
    position: relative;
    margin: 0;
    padding: 0 15px;
    width: auto;
    height: auto;
    color: #fff;
    text-align: center;
    text-decoration: none;
    line-height: 1;
    background: #407bbf;
    background: #158b9e;
}

#contact-info small {
    margin: 0 5px 0 0;
    font-family: ;
    font-size: 100%;
    font-weight: 300;
}

#contact-info>a:hover {
    color: #fff;
    background: #2e7872;
}

#contact-info>a:nth-child(2) {
    font-family: "Libre Franklin";
    font-size: 66.6%;
    font-weight: 600;
    color: rgba(255, 255, 255, .9);
    letter-spacing: 0px;
    background: #0f6a86;
}

#contact-info a>i.material-icons {
    margin: 0 10px 0 0;
    padding: 5px 0;
    font-size: 100% !important;
    font-weight: 300;
    opacity: 1;
}

@media only screen and (max-width: 1440px) {
    #contact-info a>i.material-icons {
        margin: 0 4px 0 0;
        padding: 8px 0;
    }
}

ul#social-wrap {
    display: block;
    grid-column: span 2;
    position: relative;
    margin: 0 0 0 15px;
    width: auto;
    height: 100%;
    align-self: center;
    justify-content: center;
}

#pre ul#social-wrap {
    display: flex;
    align-items: center;
    text-align: right;
}

ul#social-wrap li.social-icons {
    display: inline-block;
    margin: 0 0 0 5px;
    padding: 0px;
    height: auto;
    text-align: center;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
    vertical-align: top;
    -webkit-transition: all 0.15s ease-in;
    -moz-transition: all 0.15s ease-in;
    -o-transition: all 0.15s ease-in;
    transition: all 0.15s ease-in;
    overflow: hidden;
}

#pre ul#social-wrap li.social-icons {
    margin: 0 5px;
}

#footer-wrap ul#social-wrap {
    margin: 15px 0 25px;
}

#footer-wrap ul#social-wrap li.social-icons {
    margin: 0 5px 0 0
}

ul#social-wrap {}

#pre ul#social-wrap {
    display: flex;
    align-items: center;
    text-align: right;
}

ul#social-wrap li.social-icons {
    display: inline-block;
    margin: 0 0 0 5px;
    padding: 0px;
    height: auto;
    text-align: center;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
    vertical-align: top;
    -webkit-transition: all 0.15s ease-in;
    -moz-transition: all 0.15s ease-in;
    -o-transition: all 0.15s ease-in;
    transition: all 0.15s ease-in;
    overflow: hidden;
}

#pre ul#social-wrap li.social-icons {
    margin: 0 5px;
}

#footer-wrap ul#social-wrap {
    margin: 15px 0 25px;
}

#footer-wrap ul#social-wrap li.social-icons {
    margin: 0 5px 0 0
}

ul#social-wrap li a {
    display: block;
    position: relative;
    margin: 0;
    width: 26px;
    height: 26px;
    color: #fff;
    text-decoration: none;
    border: none;
}

#footer-wrap ul#social-wrap li a:hover {
    text-decoration: none;
}

li.social-icons i {
    display: block;
    padding: 2px;
    width: 22px;
    line-height: 22px;
    text-align: center;
}

li.social-icons i.fa-facebook {
    -o-transition: .5s;
    -ms-transition: .5s;
    -moz-transition: .5s;
    -webkit-transition: .5s;
    transition: .5s;
    background-color: #3d5b99;
}

li.social-icons i.fa-facebook:hover {
    background-color: #3d5b99;
}

li.social-icons i.fa-envelope {
    -o-transition: .5s;
    -ms-transition: .5s;
    -moz-transition: .5s;
    -webkit-transition: .5s;
    transition: .5s;
    background-color: #39C;
}

li.social-icons i.fa-envelope:hover {
    background-color: #39C;
}

li.social-icons i.fa-twitter {
    -o-transition: .5s;
    -ms-transition: .5s;
    -moz-transition: .5s;
    -webkit-transition: .5s;
    transition: .5s;
    background-color: #00aced;
}

li.social-icons i.fa-twitter:hover {
    background-color: #00aced;
}

li.social-icons i.fa-rss {
    -o-transition: .5s;
    -ms-transition: .5s;
    -moz-transition: .5s;
    -webkit-transition: .5s;
    transition: .5s;
}

li.social-icons i.fa-rss:hover {
    background-color: #eb8231;
}

li.social-icons i.fa-youtube {
    -o-transition: .5s;
    -ms-transition: .5s;
    -moz-transition: .5s;
    -webkit-transition: .5s;
    transition: .5s;
    background-color: #e64a41;
}

li.social-icons i.fa-youtube:hover {
    background-color: #e64a41;
}

i.fa-tripadvisor {
    -o-transition: .5s;
    -ms-transition: .5s;
    -moz-transition: .5s;
    -webkit-transition: .5s;
    transition: .5s;
    background-color: #51b454;
}

i.fa-tripadvisor:hover {
    background-color: #51b454;
}

li.social-icons i.fa-linkedin {
    -o-transition: .5s;
    -ms-transition: .5s;
    -moz-transition: .5s;
    -webkit-transition: .5s;
    transition: .5s;
    background-color: #0073a4;
}

li.social-icons i.fa-linkedin:hover {
    background-color: #0073a4;
}

li.social-icons i.fa-pinterest {
    -o-transition: .5s;
    -ms-transition: .5s;
    -moz-transition: .5s;
    -webkit-transition: .5s;
    transition: .5s;
    background-color: #d86565;
}

li.social-icons i.fa-pinterest:hover {
    background-color: #d86565;
}

li.social-icons i.fa-google-plus {
    -o-transition: .5s;
    -ms-transition: .5s;
    -moz-transition: .5s;
    -webkit-transition: .5s;
    transition: .5s;
    background-color: #e25714;
}

li.social-icons i.fa-google-plus:hover {
    background-color: #e25714;
}

li.social-icons i.fa-vimeo {
    -o-transition: .5s;
    -ms-transition: .5s;
    -moz-transition: .5s;
    -webkit-transition: .5s;
    transition: .5s;
    background-color: #e25714;
}

li.social-icons i.fa-vimeo:hover {
    background-color: #e25714;
}

li.social-icons i.fa-yelp {
    -o-transition: .5s;
    -ms-transition: .5s;
    -moz-transition: .5s;
    -webkit-transition: .5s;
    transition: .5s;
    background-color: #cf3e3e;
}

li.social-icons i.fa-yelp:hover {
    background-color: #cf3e3e;
}

li.social-icons i.fa-snapchat {
    -o-transition: .5s;
    -ms-transition: .5s;
    -moz-transition: .5s;
    -webkit-transition: .5s;
    transition: .5s;
    background-color: #ffff00;
}

li.social-icons i.fa-snapchat:hover {
    color: #000;
    background-color: #ffff00;
}

li.social-icons i.fa-instagram {
    -o-transition: .5s;
    -ms-transition: .5s;
    -moz-transition: .5s;
    -webkit-transition: .5s;
    transition: .5s;
    background-color: #773ef2;
}

li.social-icons i.fa-instagram:hover {
    background-color: #773ef2;
}

li.social-icons i.fa-facebook,
li.social-icons i.fa-envelope,
li.social-icons i.fa-twitter,
li.social-icons i.fa-rss,
li.social-icons i.fa-youtube,
i.fa-tripadvisor,
li.social-icons i.fa-linkedin,
li.social-icons i.fa-yelp,
li.social-icons i.fa-google-plus,
li.social-icons i.fa-vimeo,
li.social-icons i.fa-pinterest,
li.social-icons i.fa-instagram,
li.social-icons i.fa-snapchat {
    font-size: 15px;
    color: #fff;
    /*	background-color: #60a55d;	
	background-color: #d6423b;*/
    /*	background-color: #2a2f3c;
	background-color: transparent;*/
    border-radius: 100%;
}

.home li.social-icons i.fa-facebook,
.home li.social-icons i.fa-envelope,
.home li.social-icons i.fa-twitter,
.home li.social-icons i.fa-youtube,
.home i.fa-tripadvisor,
.home li.social-icons i.fa-linkedin,
.home li.social-icons i.fa-yelp,
.home li.social-icons i.fa-google-plus,
.home li.social-icons i.fa-pinterest,
.home li.social-icons i.fa-instagram,
.home li.social-icons i.fa-snapchat {
    /*	background-color: transparent;*/
}

@media only screen and (max-width: 1440px) {

    li.social-icons i.fa-facebook,
    li.social-icons i.fa-envelope,
    li.social-icons i.fa-twitter,
    li.social-icons i.fa-rss,
    li.social-icons i.fa-youtube,
    i.fa-tripadvisor,
    li.social-icons i.fa-linkedin,
    li.social-icons i.fa-yelp,
    li.social-icons i.fa-google-plus,
    li.social-icons i.fa-vimeo,
    li.social-icons i.fa-pinterest,
    li.social-icons i.fa-instagram,
    li.social-icons i.fa-snapchat {
        font-size: 14.4px;
    }
}

li.social-icons i.fa-facebook:hover,
li.social-icons i.fa-envelope:hover,
li.social-icons i.fa-twitter:hover,
li.social-icons i.fa-rss:hover,
li.social-icons i.fa-youtube:hover,
i.fa-tripadvisor:hover,
li.social-icons i.fa-linkedin:hover,
li.social-icons i.fa-yelp:hover,
li.social-icons i.fa-google-plus:hover,
li.social-icons i.fa-vimeo:hover,
li.social-icons i.fa-pinterest:hover,
li.social-icons i.fa-instagram:hover,
li.social-icons i.fa-snapchat:hover {
    color: #fff;
}

li.social-icons:hover {
    transform: scale(1.2);
}

#site-navigation {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: 12.5%;
    align-content: start;
    justify-content: center;
    position: relative;
    margin: 0 auto;
    width: 100%;
    font-family: futura-pt, serif;
    font-size: 15px;
    font-weight: 700;
    font-variant: small-caps;
    text-transform: uppercase;
    line-height: 1.2;
    letter-spacing: 0.5px;
    /*	background: #5b754a;
	border-bottom: 1px rgba(255,255,255,.1) solid;
	box-shadow: 0 1px 0px rgba(0,0,0,0.5), 0 18px 36px rgba(0,0,0,.25) inset;*/
    background: #3e8047;
    box-shadow: 0 1px 0px rgba(0, 0, 0, 0.5), 0 18px 36px rgba(0, 0, 0, .2) inset;
    box-sizing: border-box;
    border-radius: 6px 6px 0 0;
    z-index: 2;
}

@media only screen and (max-width: 1730px) {
    #site-navigation {
        grid-gap: 11.5%;
        font-size: 95%;
    }
}

@media only screen and (max-width: 1660px) {
    #site-navigation {
        font-size: 100%;
    }
}

@media only screen and (max-width: 1500px) {
    #site-navigation {
        font-size: 95%;
    }
}

@media only screen and (max-width: 1366px) {
    #site-navigation {
        font-size: 90%;
        border-radius: 0px;
    }
}

#site-navigation .menu {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    position: relative;
    margin: 0;
    padding: 0;
    height: auto;
    box-sizing: border-box;
    z-index: 1;
}

#site-navigation .menu:last-child {
    display: flex;
    justify-content: flex-start;
}

#site-navigation .menu>li {
    display: block;
    position: relative;
    margin: 0;
    padding: 0;
}

#site-navigation .menu>li:last-child {
    display: block;
    position: relative;
    margin: 0;
    padding: 0;
}

#site-navigation .menu>li:last-child a {
    background-image: none;
}

#site-navigation .menu img {
    width: 64px;
    height: auto;
}

#site-navigation .menu li#menu-item-62 {
    font-variant: normal;
}

#site-navigation .menu li#menu-item-62 i.material-icons {
    font-size: 100%;
}

#site-navigation a {
    -webkit-transition: .2s ease-in;
    -moz-transition: .2s ease-in;
    -o-transition: .2s ease-in;
    -ms-transition: .2s ease-in;
    transition: .2s ease-in;
}

#site-navigation .menu li>a {
    display: grid;
    align-content: center;
    padding: 25px 27px;
    height: auto;
    color: #fff;
    text-align: left;
    text-decoration: none;
    background: url(images/bg-nav.png) right 30px no-repeat;
}

@media only screen and (max-width: 1520px) {
    #site-navigation .menu li>a {
        display: grid;
        align-content: center;
        padding: 22px 18px;
        background: none;
    }
}

#site-navigation .menu li>a:hover {
    color: rgba(255, 255, 255, .75);
}

#site-navigation .menu li>a:hover i {
    margin: 0;
}

#site-navigation .menu li>a i {}

#site-navigation .menu li:last-child>a {}

#site-navigation li.sub-wrapper>a {
    padding-right: 40px;
    cursor: default;
}

#site-navigation li.current-menu-item,
#site-navigation li:hover {}

#site-navigation li.sub-wrapper>a:after {
    content: ' ';
    display: block;
    position: absolute;
    right: 20px;
    top: 48%;
    margin: 0px;
    height: 0;
    width: 0;
    border: 6px solid transparent;
    border-top-color: #3c332f;
    z-index: 1;
}


/*@media only screen and (max-width: 1720px) {
	#site-navigation li.sub-wrapper > a:after {
		border-top-color: rgba(255,255,255,.5);	
	}
}*/

#site-navigation li.sub-wrapper:hover .sub-menu {
    display: block;
    height: auto;
    opacity: 1;
}
.menu-item.menu-item-has-children:after{
	content:"";
	display: inline-block;
    border-top: 5px solid #333145;
    border-bottom: 5px solid transparent;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    position: absolute;
    top: 32px;
    right: 10px;
}
#site-navigation li .sub-menu {
    display: none;
    position: absolute;
    top: 55px;
    left: 0;
    margin: 0;
    padding: 15px 5px;
    width: 155px;
    height: auto;
    font-size: 90%;
    background: #403a33;
    border-radius: 6px 6px;
    -webkit-transition: all 0.1s ease-in;
    -moz-transition: all 0.1s ease-in;
    -o-transition: all 0.1s ease-in;
    transition: all 0.1s ease-in;
    opacity: 0;
    z-index: 2;
}

#site-navigation li .sub-menu:before {
    content: "";
    display: block;
    position: absolute;
    top: -20px;
    left: 15%;
    border: 10px solid transparent;
    border-bottom-color: #333145;
}

#site-navigation .sub-menu li {
    display: block;
    float: none;
    margin: 0;
    padding: 0;
    width: 100%;
    height: auto;
    line-height: 1.4;
    text-align: left;
/*     text-shadow: 0 -1px 0 #fff; */
    border: none;
    /*	border-top: 1px rgba(0,0,0,.33) solid;
	border-bottom: 1px rgba(255,255,255,.2) solid;*/
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

#site-navigation .sub-menu li:hover {
    display: block;
}

#site-navigation .menu li.sub-wrapper .sub-menu li a {
    display: block;
    padding: 10px 20px;
    height: auto;
    color: rgba(255, 255, 255, .9);
    text-align: left;
    text-shadow: none;
    background: none;
}

#site-navigation .menu li.sub-wrapper .sub-menu li:hover a {
    color: #c69332;
}
#site-navigation ul li .sub-menu a{
	padding:0px 10px;
	font-weight:700;
}
#site-navigation ul li .sub-menu li:not(#site-navigation ul li .sub-menu li:last-child){
	margin-bottom:15px;
}
#site-navigation ul li,
#site-navigation ul li:hover .sub-menu a,
#site-navigation ul li .sub-menu a,
#site-navigation ul li .sub-menu a:hover {}

div#navicon,
#site-navigation li#close {
    display: none;
}

#site-navigation li#close a {
    padding: 0;
    height: 72px;
}


/* ============================== */


/* ART */


/* ============================== */

.hero {
    display: block;
    grid-column: span 3;
    position: relative;
    margin: 0 auto;
    padding: 0 0 45%;
    width: 100%;
    height: 0;
    font-weight: 700;
    color: rgba(255, 255, 255, .75);
    background: #000;
    background-size: 100% auto;
    overflow: hidden;
    z-index: 1;
}

.home .hero {
    padding: 0 0 50%;
}

.hero video {
    position: absolute;
    top: 0;
    leftL 0;
    width: 100%;
    height: 100%;
}

.hero a.btn {
    border-radius: 40px;
}

.home .hero {
    padding: 0 0 52.5%;
}

.hero p {
    margin: 15px 0;
    padding: 0;
    font-weight: 500;
}

.slide {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
}

.banner {
    display: block;
    position: relative;
    padding: 0;
    width: 100%;
    height: 100%;
    box-sizing: border-box;
}

.banner>img {
    margin: 0 auto;
    width: 75%;
}

.banner.darken {
    background: rgba(0, 0, 0, .125);
}

.banner.darkest {
    background: rgba(0, 0, 0, .275);
}

.drag-right {
    display: grid !important;
    align-content: center;
    justify-items: center;
    position: relative !important;
    margin: 0 0 0 50%;
    padding: 0;
    width: 41%;
    height: 100%;
    text-align: center;
}

.drag-left.drag-up,
.drag-right.drag-up,
.drag-center.drag-up {
    top: 15%;
    transform: none;
}

.drag-right.thin {
    width: 40%;
}

.drag-center {
    display: grid !important;
    align-content: center;
    justify-items: center;
    position: relative !important;
    margin: 0 auto;
    padding: 0 0 0;
    width: 66.6%;
    height: 100%;
    text-align: center;
    /*	top: 50%;
	left: 50%;
	right: auto;
	width: 70%;
	transform: translateX(-50%);*/
}

.drag-center.drag-down {
    padding: 5% 0 0;
}

.drag-left {
    display: grid !important;
    align-content: center;
    justify-items: center;
    position: relative !important;
    margin: 0 0 0 9%;
    padding: 0;
    width: 40%;
    height: 100%;
    text-align: center;
}

@media only screen and (max-width: 1640px) {
    .drag-center {
        width: 72.5%;
    }
}

@media only screen and (max-width: 1440px) {
    .drag-center {
        width: 84%;
    }
}

.banner img {
    display: block;
    margin: 0 auto 15px;
    max-width: 150px;
}

#slide0 {
    background: url(images/slide0.jpg) no-repeat;
}

#slide01 {
    background: url(https://i.imgur.com/OTD7Lih.jpg) no-repeat;
    background: url(images/slide01.jpg) no-repeat;
}

#slide02 {
    background: url(images/slide02.jpg) no-repeat;
}

#slide03 {
    background: url(images/slide03.jpg) no-repeat;
}

#slide04 {
    background: url(images/slide04.jpg) no-repeat;
}

#slide05 {
    background: url(images/slide05.jpg) no-repeat;
}

#slide06 {
    background: url(images/slide06.jpg) no-repeat;
}

#slide07 {
    background: url(images/slide07.jpg) no-repeat;
}

#slide08 {
    background: url(images/slide08.jpg) no-repeat;
}

#slide09 {
    background: url(images/slide09.jpg) no-repeat;
}

#slide10 {
    background: url(images/slide10.jpg) no-repeat;
}

#slide11 {
    background: url(images/slide11.jpg) no-repeat;
}

#slide12 {
    background: url(images/slide12.jpg) no-repeat;
}

#slide13 {
    background: url(images/slide13.jpg) no-repeat;
}

#slide14 {
    background: url(images/slide14.jpg) no-repeat;
}

#slide15 {
    background: url(images/slide15.jpg) no-repeat;
}

#slide16 {
    background: url(images/slide16.jpg) no-repeat;
}

#slide17 {
    background: url(images/slide17.jpg) no-repeat;
}

#slide18 {
    background: url(images/slide18.jpg) no-repeat;
}

#slide19 {
    background: url(images/slide19.jpg) no-repeat;
}

#slide20 {
    background: url(images/slide20.jpg) no-repeat;
}

#slide21 {
    background: url(images/slide21.jpg) no-repeat;
}

#slide22 {
    background: url(images/slide22.jpg) no-repeat;
}

#slide23 {
    background: url(images/slide23.jpg) no-repeat;
}

#slide24 {
    background: url(images/slide24.jpg) no-repeat;
}

#slide25 {
    background: url(images/slide25.jpg) no-repeat;
}

#slide26 {
    background: url(images/slide26.jpg) no-repeat;
}

#slide27 {
    background: url(images/slide27.jpg) no-repeat;
}

#slide28 {
    background: url(images/slide28.jpg) no-repeat;
}

#slide29 {
    background: url(images/slide29.jpg) no-repeat;
}

#slide30 {
    background: url(images/slide30.jpg) no-repeat;
}

#slide31 {
    background: url(images/slide31.jpg) no-repeat;
}

#slide32 {
    background: url(images/slide32.jpg) no-repeat;
}

#slide33 {
    background: url(images/slide33.jpg) no-repeat;
}

#slide34 {
    background: url(images/slide34.jpg) no-repeat;
}

#slide35 {
    background: url(images/slide35.jpg) no-repeat;
}

#slide36 {
    background: url(images/slide36.jpg) no-repeat;
}

#slide37 {
    background: url(images/slide37.jpg) no-repeat;
}

#slide38 {
    background: url(images/slide38.jpg) no-repeat;
}

#slide39 {
    background: url(images/slide39.jpg) no-repeat;
}

#slide40 {
    background: url(images/slide40.jpg) no-repeat;
}

#slide41 {
    background: url(images/slide41.jpg) no-repeat;
}

#slide42 {
    background: url(images/slide42.jpg) no-repeat;
}

#slide,
#slide0,
#slide00,
#slide01,
#slide02,
#slide03,
#slide04,
#slide05,
#slide06,
#slide07,
#slide08,
#slide09,
#slide10,
#slide11,
#slide12,
#slide13,
#slide14,
#slide15,
#slide16,
#slide17,
#slide18,
#slide19,
#slide20,
#slide21,
#slide22,
#slide23,
#slide24,
#slide25,
#slide26,
#slide27,
#slide28,
#slide29,
#slide30 {
    background-size: 101% auto;
    background-position: center;
}

.home #slide,
.home #slide0,
.home #slide00,
.home #slide01,
.home #slide02,
.home #slide03,
.home #slide04,
.home #slide05,
.home #slide06,
.home #slide07,
.home #slide08,
.home #slide09,
.home #slide10,
.home #slide11,
.home #slide12,
.home #slide13,
.home #slide14,
.home #slide15,
.home #slide16,
.home #slide17,
.home #slide18,
.home #slide19,
.home #slide20,
.home #slide21,
.home #slide22,
.home #slide23,
.home #slide24,
.home #slide25 {
    background-position: center;
}

#slide-tall {
    display: block;
    position: relative;
    margin: 0 auto;
    color: rgba(255, 255, 255, .75);
}

figure img {
    display: block;
    margin: 0;
}


/* ============================== */


/* NEXTPREV
/* ============================== */

#next,
#prev,
#next2,
#prev2 {
    display: block;
    position: absolute;
    top: 50%;
    font-size: 80px;
    line-height: 44px;
    text-align: center;
    color: #fff;
    -webkit-transition: all 0.15s ease-in;
    -moz-transition: all 0.15s ease-in;
    -o-transition: all 0.15s ease-in;
    transition: all 0.15s ease-in;
    opacity: .5;
    filter: alpha(opacity=50);
    -ms-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    cursor: pointer;
    z-index: 99999;
}

#next2,
#prev2 {
    opacity: .25;
    filter: alpha(opacity=25);
}

#next {
    right: 2%;
}

#next2 {
    right: 5%;
}

#prev {
    left: 2%;
}

#prev2 {
    left: 5%;
}

#next,
#prev,
#next2,
#prev2 {
    -webkit-transition: all 0.2s ease-in;
    -moz-transition: all 0.2s ease-in;
    -o-transition: all 0.2s ease-in;
    transition: all 0.2s ease-in;
}

#next:hover,
#prev:hover,
#next2:hover,
#prev2:hover {
    opacity: 0.75;
    filter: alpha(opacity=75);
}


/* ============================== */


/* CYCLE PAGER */


/* ============================== */

#ss02 {
    margin: 0 0 15px;
    background: #333145;
    border-radius: 4px;
    overflow: hidden;
}

#ss-wrap .cycle-pager {
    display: flex;
    bottom: 5%;
    left: auto;
    right: 5%;
    width: 100%;
    -ms-transform: none;
    -webkit-transform: none;
    transform: none;
    justify-content: flex-end;
}

#ss-wrap .cycle-pager span {
    padding: 0;
    background: #3caa7b;
}

#ss-wrap .cycle-pager span.cycle-pager-active {
    background: #464851;
}

.cycle-pager {
    display: flex;
    justify-content: center;
    margin: 0;
    padding: 0;
    width: 100%;
    height: 30px;
    overflow: hidden;
    z-index: 9999999999999999999999999;
}

.cycle-pager span {
    display: block;
    position: relative;
    float: left;
    margin: 0 10px;
    width: 8px;
    height: 8px;
    background: rgba(255, 255, 255, .5);
    text-indent: -9999px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    cursor: pointer;
}

.cycle-pager span.cycle-pager-active {
    background: #fff;
}

.cycle-pager span:last-child {
    margin-right: 0;
}

.cycle-pager a:last {
    margin-right: 0;
}

.cycle-next,
.cycle-prev {
    display: block;
    position: absolute;
    top: 240px;
    width: 69px;
    height: 69px;
    text-indent: -9999px;
    opacity: .75;
    filter: alpha(opacity=75);
    -webkit-transition: all 0.15s ease-in;
    -moz-transition: all 0.15s ease-in;
    -o-transition: all 0.15s ease-in;
    transition: all 0.15s ease-in;
    cursor: pointer;
    z-index: 99999999999999999;
}

.cycle-next:hover,
.cycle-prev:hover {
    opacity: 1;
    filter: alpha(opacity=100);
}

.cycle-next {
    right: 30px;
    background: url(images/sprites.png) -100px -50px no-repeat;
}

.cycle-prev {
    left: 30px;
    text-align: left;
    background: url(images/sprites.png) 0px -50px no-repeat;
}


/* ============================== */


/* ELEMENTS
/* ============================== */

main {
    display: block;
    position: relative;
    margin: 0 auto;
    padding: 0;
    width: 75%;
    text-align: center;
    box-sizing: border-box;
}

@media only screen and (max-width: 1640px) {
    main {
        width: 82%;
    }
}

@media only screen and (max-width: 1440px) {
    main {
        width: 85%;
    }
}

@media only screen and (max-width: 1280px) {
    main {
        width: 95%;
    }
}

.content {
    position: relative;
    margin: 0 auto;
    padding: 60px 0;
    width: 80%;
    box-sizing: border-box;
}

.slide-ocean .content,
.bg-blue .content {
    padding: 80px 10%;
    width: 100%;
}

.bg-blue {
    padding: 0;
    height: auto;
    color: rgba(255, 255, 255, .75);
    background: #366492;
}

@media only screen and (max-width: 1720px) {
    .content {
        width: 84%;
    }

    .slide-ocean .content,
    .home #slide-ocean .content,
    .bg-blue .content {
        padding: 80px 9%;
    }
}

@media only screen and (max-width: 1640px) {
    .content {
        width: 88%;
    }

    .slide-ocean .content,
    .home #slide-ocean .content,
    .bg-blue .content {
        padding: 80px 8%;
    }
}

@media only screen and (max-width: 1540px) {
    .content {
        width: 90%;
    }
}

@media only screen and (max-width: 1440px) {
    .content {
        width: 92%;
    }

    .slide-ocean .content,
    .home #slide-ocean .content,
    .bg-blue .content {
        padding: 80px 6%;
    }
}

@media only screen and (max-width: 1366px) {
    .content {
        width: 96%;
    }
}

@media only screen and (max-width: 1080px) {

    .content,
    .home .content {
        padding: 48px 4%;
        width: auto
    }

    .slide-ocean .content,
    .home #slide-ocean .content,
    .bg-blue .content {
        padding: 64px 4%;
    }
}

.content.article-left {
    display: grid;
    grid-template-columns: 1fr 330px;
    grid-gap: 4%;
    align-items: self-start;
}

.content.article-left.alt {
    grid-template-columns: 2fr 1fr;
    grid-gap: 40px;
}

@media only screen and (max-width: 1440px) {
    .content.article-left {
        grid-template-columns: 1fr 330px;
    }

    .content.article-left.alt {
        grid-template-columns: 2fr 1fr;
        grid-gap: 30px;
    }
}

@media only screen and (max-width: 1366px) {
    .content.article-left {
        grid-template-columns: 1fr 300px;
        width: 95%;
        grid-gap: 25px;
    }

    .content.article-left.alt {
        grid-template-columns: 2fr 1fr;
        grid-gap: 20px;
    }
}

.bg-paper {
    display: block;
    position: relative;
    padding: 0;
    background: #bab5a3;
    background: #e7e1d1 url(images/bg-paper.jpg) center top no-repeat;
    background-size: 100% auto;
    box-sizing: border-box;
    z-index: 1;
}

.home .bg-paper .content {}

.slide-ocean {
    display: block;
    position: relative;
    margin: 0 auto 0;
    padding: 0 0 840px;
    height: auto;
    font-weight: 700;
    color: rgba(255, 255, 255, .66);
    line-height: 1.4;
    text-align: center;
    background: #366492 url(images/slide-tall02.jpg) center bottom no-repeat;
    background-size: 100% auto;
    box-sizing: border-box;
}

.slide-ocean.alt {
    background: #396692 url(images/slide-tall.jpg) center bottom no-repeat;
    background-size: 100% auto;
}

@media only screen and (max-width: 1720px) {
    .slide-ocean {
        padding: 0 0 800px;
    }

    .slide-ocean.alt {
        padding: 0 0 900px;
    }
}

@media only screen and (max-width: 1560px) {
    .slide-ocean {
        padding: 0 0 720px;
    }
}

@media only screen and (max-width: 1440px) {
    .slide-ocean {
        padding: 0 0 680px;
    }
}

@media only screen and (max-width: 1366px) {
    .slide-ocean {
        padding: 0 0 620px;
    }
}

@media only screen and (max-width: 1200px) {
    .slide-ocean {
        padding: 0 0 560px;
    }
}

#sidebar {
    display: block;
    position: relative;
    margin: 0 auto;
    width: 100%;
    color: rgba(255, 255, 255, .75);
    line-height: 1.3;
    background: #366492;
    background: #0f6a86;
    background-size: 1500px auto;
    border: 8px #333145 solid;
    box-sizing: border-box;
    border-radius: 5px;
    overflow: hidden;
}

@media only screen and (max-width: 1580px) {
    #sidebar {
        font-size: 105%;
    }
}

@media only screen and (max-width: 1440px) {
    #sidebar {
        font-size: 110%;
    }
}

#sidebar header {
    padding: 20px;
    text-align: center;
    background: ;
    background-size: 100% auto;
}

#sidebar header p {
    margin: 8px 0;
    font-size: 100%;
    font-style: italic;
    font-family: Cambria, "Palatino Linotype", serif;
    font-weight: 600;
}

#sidebar article {
    padding: 25px 20px 30px;
    background: #1f5d51;
    /*	border-top: 1px rgba(255,255,255,.25) solid;*/
}


/* ============================== */


/* RIBBONS
/* ============================== */

.badges {
    display: flex;
    align-items: center;
    justify-content: space-between;
    position: relative;
    margin: 0 auto;
    padding: 20px 0 0;
    width: 100%;
    height: auto;
    text-align: center;
    box-sizing: border-box;
}

.badges a {
    display: inline-block;
    position: relative;
    margin: 0;
    width: auto;
    height: 110px;
    font-family: futura-pt, Oswald, "Libre Franklin", sans-serif;
    color: rgba(255, 255, 255, .5);
    color: #3d3833;
    text-align: center;
    letter-spacing: 1px;
    line-height: 1.2;
    text-transform: uppercase;
    vertical-align: middle;
}

.badges.alt {
    justify-content: center;
}

.badges.alt a,
.badges.alt a:hover {
    display: flex;
    align-items: center;
    padding: 0 20px;
    height: auto;
    font-size: 85%;
    font-weight: 700;
    text-decoration: none;
}

.badges a:hover {
    transform: translateY(-10%);
}

.badges i {
    margin: 0 8px 0 0;
    color: #2e7872;
}

.badges img {
    display: block;
    width: auto;
    height: 100%;
    border-radius: 0 !important;
}

@media only screen and (max-width: 1720px) {
    .badges {
        padding: 16px 0 0;
    }

    .badges.alt a,
    .badges.alt a:hover {
        padding: 0 18px;
        font-size: 90%;
    }
}

@media only screen and (max-width: 1440px) {
    .badges {
        padding: 15px 0 0;
    }
}

@media only screen and (max-width: 1280px) {
    .badges {
        padding: 12px 0 0;
    }

    .badges a {
        height: 100px;
    }
}

#footer-wrap .badges a {
    opacity: .666;
}

#footer-wrap .badges a:hover {
    opacity: 1;
}


/* ============================== */


/* FOOTER
/* ============================== */

#footer-wrap {
    display: block;
    position: relative;
    margin: 0 auto;
    padding: 20px 0 80px;
    max-width: 1640px;
    width: auto;
    font-family: "Libre Franklin";
    font-weight: 500;
    box-sizing: border-box;
    z-index: 1;
}

@media only screen and (max-width: 1720px) {
    #footer-wrap {
        width: 90%;
        padding: 30px 0 64px;
    }
}

@media only screen and (max-width: 1660px) {
    #footer-wrap {
        padding: 25px 20px 60px;
        width: 98%;
    }
}

@media only screen and (max-width: 1440px) {
    #footer-wrap {
        grid-gap: 3%;
        padding: 20px 20px 40px;
        width: 100%;
    }
}

#footer-wrap p {
    font-size: 90%;
}

#footer-wrap ul {
    margin: 15px 0;
    font-size: 90%;
    font-weight: 600;
}

#footer-wrap li {
    margin: 0 0 0 18px;
    padding: 3px 0;
}

#footer-wrap ul a {
    text-decoration: none;
}

#footer-wrap a {
    text-decoration: underline;
}

#footer-wrap a:hover {
    text-decoration: underline;
}

#footer-wrap footer {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 2fr 1fr;
    justify-content: space-between;
    grid-gap: 4%;
    position: relative;
    margin: 0 auto;
    padding: 0;
    background-size: 100% auto;
    /*	border-top: 1px rgba(255,255,255,.1) solid;*/
    box-sizing: border-box;
}

#footer-wrap .copyright {
    display: grid;
    grid-template-columns: 1fr 2fr;
    grid-gap: 40px;
    align-items: start;
    margin: 0;
    padding: 0 40px 0 0;
}


/* ============================== */


/* FORMS */


/* ============================== */

#contactform {
    display: block;
    position: relative;
    margin: 25px auto;
    padding: 20px 0 0;
    width: auto;
    height: auto;
    border-top: 3px #333145 solid;
    box-sizing: border-box;
}

form p,
#sidebar form p {
    margin: 20px 0 0;
    font-size: 100%;
    color: #333145;
}

form .left {
    float: left;
}

form .right {
    float: right;
}

form .left,
form .right {
    width: 50%;
}

legend {
    display: block;
    margin: 0 0 15px;
    padding: 0;
    color: #999;
    font-weight: 900;
    text-transform: uppercase;
    letter-spacing: 1px;
}

fieldset {
    margin-bottom: 15px;
    padding: 0 0 15px;
    border-bottom: 1px rgba(0, 0, 0, .25) solid;
}

.field {
    position: relative;
    margin: 0;
    overflow: hidden;
    box-sizing: border-box;
}

.field.left {
    padding-right: 10px;
}

.field.right {
    padding-left: 10px;
}

.field:blur {
    background: #FCC;
}

#contactform label {
    display: block;
    margin: 8px 0;
    font-family: "Libre Franklin", futura-pt;
    font-size: 85%;
    font-weight: 600;
}

input,
select,
textarea {
    display: block;
    position: relative;
    margin: 0;
    color: #333;
    font-size: 100%;
    background: #fff;
    border: 1px #aaa solid;
    box-sizing: border-box;
}

input {
    margin: 0;
    padding: 10px 12px;
    width: 100%;
    height: auto;
    color: #656565;
    background: #fff;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    -webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.1) inset;
    -moz-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.1) inset;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.1) inset;
    -webkit-transition: border-color .2s ease-out, -webkit-box-shadow .2s ease-out;
    -moz-transition: border-color .2s ease-out, -moz-box-shadow .2s ease-out;
    transition: border-color .2s ease-out, box-shadow .2s ease-out;
}

input#validate {
    width: 100%;
}

input,
select {
    display: block;
}

#contactform select {
    margin-top: 8px;
    padding: 10px 12px;
    width: 100%;
    -webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.1) inset;
    -moz-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.1) inset;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.1) inset;
}

select#daydropdown,
select#monthdropdown,
select#yeardropdown {
    float: left;
    margin-right: 5px;
    width: 75px;
}

input:active,
input:focus,
textarea:active,
textarea:focus {}

textarea {
    display: block;
    padding: 10px;
    width: 100%;
    height: 210px;
    border: 1px solid #ccc;
    -webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.1) inset;
    -moz-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.1) inset;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.1) inset;
}

#mainform input[type="radio"] {
    display: block;
    float: left;
    margin: 0 12px 15px 0;
    width: 18px;
    height: 18px;
    color: #f2f2f2;
    vertical-align: baseline;
}

#mainform input[type=image] {
    margin: 0;
    width: 93px;
}

#mainform label.left,
#mainform label.right {
    padding: 0 10px 0 0;
    font-size: 100%;
    -webkit-box-sizing: border-box;
    /* Safari/Chrome, other WebKit */
    -moz-box-sizing: border-box;
    /* Firefox, other Gecko */
    box-sizing: border-box;
    /* Opera/IE 8+ */
}

#mainform .checkbox label {
    margin: 0 0 15px 0;
}

input[type='checkbox'] {
    display: block;
    margin: 3px 10px 0 0;
    float: left;
    width: 18px;
    height: 18px;
    vertical-align: baseline;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

.form-short {
    margin: 0;
    padding: 80px 7.5% 0;
    color: rgba(255, 255, 255, .75);
}

.form-short p {
    display: block;
    position: relative;
    margin: 15px 0 10px;
    font-size: 18px;
    font-weight: 700;
    color: #fff;
    ;
    letter-spacing: 0px;
    line-height: 1.3;
}

.form-2,
.form-3,
.form-4,
.form-6,
.form-address {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: 20px;
    align-items: start;
    margin: 0 0 15px;
}

.form-3 {
    grid-template-columns: 1fr 1fr 1fr;
}

.form-6 {
    grid-template-columns: repeat(6, 1fr);
}

.form-3>a {
    display: grid;
    grid-template-columns: auto 1fr;
    grid-gap: 15px;
    color: rgba(255, 255, 255, .75);
}

.form-3>a:hover {
    color: #fff;
}

.form-3>a span,
.form-4>span {
    font-size: 90%;
}

.form-3>a img {
    display: block;
    position: relative;
    margin: 0;
    width: auto;
    height: 30px;
}

.form-4 {
    grid-template-columns: 1fr 1fr 1fr 1fr;
}

.form-address {
    grid-template-columns: repeat(6, 1fr);
}

.form-address>div:first-child {
    grid-column: span 3;
}

.form-short label {
    margin: 0;
    font-size: 77.5%;
    font-weight: 600;
}

.form-short input,
.form-short textarea {
    margin: 4px 0;
}

.form-short input[type='checkbox'] {
    display: block;
    margin: 4px 15px 0 0;
}


/* ============================== */


/* TABLES  */


/* ============================== */

table {
    margin: 20px 0;
    width: 100%;
    font-size: 105%;
    color: #333145;
    border-spacing: 0px;
}

table i.material-icons {
    display: block;
    margin: 0 !important;
    width: 18px;
    font-size: 18px !important;
    text-align: center;
}

table th {
    font-family: futura-pt, "Libre Franklin", Oswald;
    font-size: 115%;
    font-weight: 600;
    text-transform: uppercase;
    line-height: 1.2;
    letter-spacing: 1px;
}

table.calendar h3 {
    /*	padding-right: 20px;*/
    margin: 0;
    font-size: 130%;
    color: #fff;
    text-align: left;
    text-transform: none;
}

table.calendar p {
    /*	padding-right: 20px;*/
    margin: 5px 0 0;
    color: rgba(255, 255, 255, .6);
    text-align: left;
}

table th,
table td {
    position: relative;
    padding: 20px;
    border-bottom: 1px #aaa solid;
    /*	border-right: 1px #aaa solid;*/
}

table th:last-child,
table td:last-child {
    border-right: none;
}

table td {
    font-size: 95%;
    font-weight: 500;
}

table.organize {
    border-top: 4px #3e8047 solid;
    border-left: 1px rgba(0, 0, 0, .25) solid;
    border-right: 1px rgba(0, 0, 0, .25) solid;
    border-radius: 5px;
}

table.organize td {
    padding: 25px 25px;
}

table.basic {
    text-align: center;
    background: #edece8;
    border-top: 5px #333145 solid;
    border-bottom: 1px rgba(0, 0, 0, .25) solid;
    border-radius: 5px;
}

@media only screen and (max-width: 1560px) {
    table.basic {
        font-size: 110%;
    }
}

table.calendar {
    border-top: 3px #333145 solid;
}

table.calendar th {
    font-family: "Cormorant Garamond";
    font-size: 90%;
}

table.calendar th,
table.calendar td {
    padding: 15px 10px;
}

table.calendar th,
table.calendar td,
table.basic th,
table.basic td {
    border-left: 1px rgba(0, 0, 0, .2) solid;
    border-top: 1px rgba(0, 0, 0, .2) solid;
    border-bottom: none;
}

table.calendar th:first-child,
table.calendar td:first-child,
table.basic th:first-child,
table.basic td:first-child {
    border-left: none;
}

table.basic th {
    font-size: 105%;
    letter-spacing: 0;
    color: #fff;
    background: #333145;
}

table.basic tr>*:first-child {
    /*	border-right: 1px rgba(0,0,0,.25) solid;*/
}

table.basic td:nth-child(1) {
    width: 33.3%;
}

table.basic td:nth-child(2) {}

td.red {
    background: #ad2a2a;
}

td.orange {
    background: #d97926;
}

td.green {
    background: #3d9856;
}

td.blue {
    background: #2e7bac;
}

td.x:after {
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    width: 10px;
    height: 10px;
    background: #29c1f7;
    border-radius: 100%;
    transform: translate(-50%);
}

td.x.n:after {
    background: #333145;
}

table small {
    display: block;
    margin: 5px 0;
    font-size: 90%;
    font-weight: 500;
    color: #666;
    line-height: 1.4;
    text-transform: none;
}

table.basic.calendar small {
    font-size: 75%;
    font-family: futura-pt, "Libre Franklin";
    font-weight: 600;
    letter-spacing: 0;
    text-transform: uppercase;
}

.price {
    font-family: futura-pt, "Libre Franklin", Oswald;
    font-size: 160%;
    font-weight: 600;
    color: #ac3909;
    line-height: 1;
    vertical-align: middle;
}

hr {
    display: block;
    position: relative;
    margin: 35px 0;
    width: 100%;
    height: 0;
    background: none;
    border: none;
    border-bottom: 1px #888 solid;
}

@media only screen and (max-width: 1640px) {
    hr {
        margin: 30px 0;
    }
}

@media only screen and (max-width: 1440px) {
    hr {
        margin: 25px 0;
    }
}


/* ============================== */


/* GRIDS */


/* ============================== */

.columns {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-gap: 20px;
    margin: 25px 0;
}

.columns h4 {
    margin: 0 0 5px;
}

.columns>a {
    background: #333145;
    background-size: 100% auto;
    background-position: center;
}

.columns.columns-4 {
    grid-template-columns: repeat(4, 1fr);
    grid-gap: 10px;
}

.columns.columns-4>a {
    border-radius: 5px;
}

.columns.columns-4>a:nth-child(5),
.columns.columns-4>a:nth-child(6) {
    display: grid;
    grid-template-columns: 1fr 3fr;
    grid-column: span 2;
    align-items: center;
    grid-gap: 3%;
    padding: 20px 3%;
    background: #158b9e;
}

.columns.columns-4>a:nth-child(5):hover,
.columns.columns-4>a:nth-child(6):hover {
    background: #3e8047;
}

.columns.columns-4>a:nth-child(6) {
    background: #0f6a86;
}

.columns.columns-4>a:nth-child(5) figcaption,
.columns.columns-4>a:nth-child(6) figcaption {
    padding: 0;
}

.columns.columns-4>a:nth-child(5) img,
.columns.columns-4>a:nth-child(6) img {
    display: block;
    width: 100%;
    height: auto;
    border-radius: 100%;
}

@media only screen and (max-width: 1640px) {
    .columns {
        grid-gap: 16px;
    }
}

@media only screen and (max-width: 1440px) {
    .columns {
        grid-gap: 12px;
    }
}

@media only screen and (max-width: 1280px) {
    .columns {
        grid-gap: 10px;
    }
}

a.column,
a.column:hover {
    display: block;
    position: relative;
    color: #333145;
    text-decoration: none;
    -webkit-transition: all .1s ease-in;
    -moz-transition: all .1s ease-in;
    -o-transition: all .1s ease-in;
    -ms-transition: all .1s ease-in;
    transition: all .1s ease-in;
    overflow: hidden;
    border-radius: 6px;
}

a.column:hover {
    /*	background: #70594f;*/
    /*	border: 8px #5ca36a solid;*/
}

a.column h5 {
    margin: 0 0 10px;
    color: #fff;
}

.bg-dark h5 {
    color: #fff;
}

.bg-dark a.column,
.bg-dark a.column:hover {
    color: rgba(255, 255, 255, .75);
}

.column>img {
    position: relative;
    margin: 0;
    box-sizing: border-box;
    -webkit-transition: all .1s ease-in;
    -moz-transition: all .1s ease-in;
    -o-transition: all .1s ease-in;
    -ms-transition: all .1s ease-in;
    transition: all .1s ease-in;
}

.columns figcaption {
    position: relative;
    margin: 0;
    padding: 20px 5%;
}

.columns figcaption p {
    margin: 0;
    font-size: 97.5%;
    line-height: 1.4;
}

.columns figcaption .btn {
    display: block;
    text-align: center;
}

.grid {
    display: grid;
    text-align: center;
}

.grid-2 figcaption,
.grid-3 figcaption {
    margin: 10px 0;
}

.grid-2 figcaption p,
.grid-3 figcaption p {
    margin: 5px 0 10px;
    font-size: 85%;
    opacity: .666;
}

.grid-2 {
    display: grid;
    grid-gap: 15px;
    grid-template-columns: repeat(2, 1fr);
}

.gallery.grid-2 {
    display: grid;
    margin: 8px 0 8px;
    grid-gap: 8px;
}

.grid-3 {
    margin: 8px 0 8;
    grid-gap: 8px;
    grid-template-columns: repeat(3, 1fr);
}

.grid-columns-3 {
    margin: 0 auto;
    grid-gap: 5%;
    grid-template-columns: repeat(3, 1fr);
    font-size: 100%;
    line-height: 1.5;
}

.grid-3 p {
    width: 95%;
    font-size: 97.5%;
}

.grid-columns-4,
.gallery.grid-4 {
    grid-gap: 8px;
    grid-template-columns: repeat(4, 1fr);
    margin: 8px auto 8px;
}

.grid-5 {
    margin: 8px 0 8;
    grid-gap: 8px;
    grid-template-columns: repeat(5, 1fr);
}

.gallery.grid-columns-5 {
    margin: 15px 0 8;
    grid-gap: 15px;
}

.grid-columns-6,
.gallery.grid-6 {
    grid-gap: 8px;
    grid-template-columns: repeat(6, 1fr);
    margin: 8px auto;
}

.grid-columns-8,
.gallery.grid-8 {
    margin: 10px;
    grid-gap: 10px;
    grid-template-columns: repeat(8, 1fr);
}

.grid-span-2 {
    grid-column: span 2;
}

.grid-span-3 {
    grid-column: span 3;
}

.grid-span-4 {
    grid-column: span 4;
}

.grid-span-row-1 {
    grid-row: span 1;
}

.grid-span-row-2 {
    grid-row: span 2;
}

.grid-span-row-3 {
    grid-row: span 3;
}

.grid-span-row-4 {
    grid-row: span 4;
}

.grid-gap-0 {
    grid-gap: 0px;
}

.grid-gap-05 {
    grid-gap: 10px;
}

.grid-gap-1 {
    grid-gap: 15px;
}

.grid-gap-2 {
    grid-gap: 2em;
}

.grid-gap-3 {
    grid-gap: 3em;
}

.featherlight .featherlight-content {
    padding: 0 !important;
    border: 0 !important;
    overflow: hidden !important;
}

.featherlight-next,
.featherlight-previous {
    top: auto !important;
    left: auto !important;
    bottom: 0 !important;
    right: 0 !important;
    padding: 0 !important;
    width: 30px !important;
    height: 30px !important;
    background: none !important;
    bottom: 0 !important;
    border: 0 !important;
}

.featherlight-previous {
    right: 30px !important;
    background: none !important;
}

.featherlight-next:hover,
.featherlight-previous:hover {
    background: none !important;
}

.featherlight-next span,
.featherlight-previous span {
    display: block !important;
    position: relative !important;
    top: auto !important;
    right: 0 !important;
    margin: 0 auto !important;
    padding: 0 !important;
    width: 30px !important;
    height: 30px !important;
    font-size: 100% !important;
    text-shadow: none !important;
    line-height: 30px !important;
}

.featherlight-next span:after {
    content: "›";
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    font-size: 200%;
    background: #2577b8;
    box-shadow: inset 0 8px 24px rgba(0, 0, 0, .333);
    -webkit-transition: all .25s ease-in;
    -moz-transition: all .25s ease-in;
    -o-transition: all .25s ease-in;
    -ms-transition: all .25s ease-in;
    transition: all .25s ease-in;
}

.featherlight-previous span:after {
    content: "‹";
    display: block;
    position: absolute;
    top: 0;
    right: 0px;
    width: 100%;
    height: 100%;
    font-size: 200%;
    background: #3192cb;
    border-right: 2px rgba(255, 255, 255, .1) solid;
    box-shadow: inset 0 8px 24px rgba(0, 0, 0, .333);
    box-sizing: border-box;
    -webkit-transition: all .25s ease-in;
    -moz-transition: all .25s ease-in;
    -o-transition: all .25s ease-in;
    -ms-transition: all .25s ease-in;
    transition: all .25s ease-in;
}

.featherlight-next:hover span:hover:after,
.featherlight-previous:hover span:hover:after {
    background-color: #09f;
}

.featherlight-previous span:after {
    content: "‹";
    display: block;
    position: absolute;
    top: 0;
    right: 0px;
    width: 100%;
    height: 100%;
    font-size: 200%;
    background: #3192cb;
    border-right: 2px rgba(255, 255, 255, .1) solid;
    box-shadow: inset 0 8px 24px rgba(0, 0, 0, .333);
    box-sizing: border-box;
}

.featherlight .featherlight-close-icon {
    background: rgba(255, 255, 255, .1) !important;
    color: #fff !important;
}


/* ============================== */


/* TESTIMONIALS */


/* ============================== */

#info {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-column: span 2;
    color: rgba(255, 255, 255, .75);
    background: #333145;
}

#info aside {
    display: grid;
    grid-template-columns: 1fr 1fr;
    align-content: center;
    padding: 15px 8%;
}

#info aside>*:nth-child(1),
#info aside>*:nth-child(2) {
    grid-column: span 2;
    color: #c69332;
}

#info a {
    color: #c69332;
}

#info a:hover {
    color: #fff;
}

#testimonials-wrap {
    display: block;
    position: relative;
    margin: 0 auto;
    padding: 0;
    font-family: futura-pt, "Libre Franklin";
    width: 100%;
    height: auto;
    color: rgba(255, 255, 255, .75);
    text-align: left;
    background: #3e8047;
    box-sizing: border-box;
}

.quote {
    display: none;
    position: absolute;
    top: 25%;
    font-family: Oswald, futura-pt;
    font-size: 200px;
    font-weight: 900;
    line-height: 140px;
    transform: translateY(-50%);
}

.quote-left {
    left: 10%;
}

.quote-right {
    display: none;
    left: auto;
    right: 5%;
}

#testimonials {
    z-index: 2;
}

#testimonials a {
    display: grid;
    grid-template-columns: 1fr 4fr;
    grid-gap: 20px;
}

#testimonials-wrap>.cycle-slideshow {}

#testimonials-wrap figure {
    display: grid;
    grid-template-columns: 4fr 7fr;
    align-items: center;
    position: relative;
    margin: 0;
    padding: 0;
    width: 100%;
    height: auto;
    box-sizing: border-box;
}

#testimonials-wrap figcaption {
    padding: 0px 8% 40px;
    box-sizing: border-box;
}

.testimonial>div {
    display: grid;
    align-content: center;
    position: relative;
    margin: 0;
    padding: 0;
    width: 100%;
    height: 100%;
    box-sizing: border-box;
}

.testimonial>img {}

.testimonial p {
    margin: 25px 0;
    font-family: "Cormorant Garamond", "Palatino Linotype", "Libre Franklin", futura-pt;
    font-size: 160%;
    font-weight: 500;
    color: #fff;
    line-height: 1.3;
    /*	letter-spacing: -1px;*/
}

@media only screen and (max-width: 1560px) {
    .testimonial p {
        font-size: 180%;
    }
}

@media only screen and (max-width: 1440px) {
    .testimonial p {
        font-size: 170%;
    }

    #testimonials-wrap figure {
        grid-template-columns: 1fr 2fr;
    }
}

@media only screen and (max-width: 1280px) {
    .testimonial p {
        font-size: 150%;
    }
}

#testimonials-wrap h6 {
    color: rgba(255, 255, 255, .7);
}

#testimonials-wrap small {
    font-family: "Libre Franklin", futura-pt;
    font-size: 90%;
    letter-spacing: 0px;
}

.testimonial footer {
    display: block;
    margin: 0;
    text-align: center;
}

.testimonial footer a {
    display: block;
    align-items: center;
    justify-content: start;
    color: rgba(255, 255, 255, .666);
    text-decoration: none;
}

.testimonial footer img {
    display: block;
    position: relative;
    margin: 0;
    width: 100%;
    height: auto;
}

.testimonial h6 small {
    margin: 0;
    padding: 0;
    font-size: 100%;
    font-weight: 500;
    opacity: .75;
    line-height: 1;
    text-transform: none;
}

.testimonial .stars,
.stars {
    display: block;
    margin: 0 0 15px;
    font-size: 90%;
    font-style: normal;
    color: #f5ea53;
    letter-spacing: 4px;
}

.testimonials-pager {
    display: block;
    position: absolute;
    left: 5%;
    bottom: 40px;
    margin: 0 auto;
    text-align: left;
    z-index: 9999;
}

#custom-pager {
    display: flex;
    justify-content: flex-start;
    position: absolute;
    left: 41%;
    bottom: 40px;
    padding: 0;
    width: 25%;
    box-sizing: border-box;
    /*	transform: translateX(-50%);*/
}

@media only screen and (max-width: 1560px) {
    #custom-pager {
        bottom: 20px;
        left: auto;
        right: 45px;
        width: auto;
    }
}

.testimonials-pager span {
    margin: 0 15px 0 0;
    text-align: center;
    cursor: pointer;
}

.testimonials-pager span.cycle-pager-active {
    color: #FFF;
}

@media only screen and (max-width: 1440px) {
    .checklist li {
        padding: 6.4px 8px 6.4px 28px;
    }

    a.btn,
    a.btn:hover,
    .btn,
    .btn:hover {
        margin: 12px 0;
        padding: 9.6px 20px;
    }

    ul#social-wrap li.social-icons {
        margin: 0 0 0 4px;
    }

    ul#social-wrap {
        margin: 0 0 0 12px;
    }

    ul#social-wrap li a {
        width: 21px;
        height: 21px;
    }

    li.social-icons i {
        padding: 0;
        width: 21px;
        font-size: 12px !important;
        line-height: 21px;
    }

    #site-navigation .menu li>a {
        padding: 18px 13px;
    }

    #site-navigation li.sub-wrapper>a {
        padding-right: 40px;
        cursor: default;
    }

    #site-navigation li.sub-wrapper>a:after {
        right: 20px;
        top: 45%;
    }

    #site-navigation li .sub-menu {
        top: 45px;
        left: 0;
        padding: 12px 0;
        width: 210px;
    }

    #site-navigation .menu li.sub-wrapper .sub-menu a,
    #site-navigation li.sub-wrapper .sub-menu a {
        padding: 8px 16px;
    }

    #next,
    #prev,
    #next2,
    #prev2 {
        font-size: 48px;
        line-height: 1;
    }

    hr {
        margin: 32px 0;
    }

    .columns {
        margin: 12px 0;
    }

    p.icon strong {
        margin: 0 0 4px;
    }

    p.icon {
        margin: 0 0 24px;
        padding: 0 0 0 22.4px;
    }

    .checklist li,
    .xlist li {
        padding: 6.4px 8px 6.4px 36px;
    }
}


/* Hide search button */

form#adminbarsearch input.adminbar-button {
    display: none !important;
}

div#contactform .field br {
    display: none;
}

.wpcf7-list-item {
    display: block;
    margin: 0;
}

.slide {
    background-repeat: no-repeat;
    background-position: center top;
}

#bwg_container1_2 #bwg_container2_2 .bwg-container-2.bwg-standard-thumbnails,
#bwg_container1_1 #bwg_container2_1 .bwg-container-1.bwg-standard-thumbnails,
#bwg_container1_0 #bwg_container2_0 .bwg-container-0.bwg-standard-thumbnails {
    width: 100% !important;
}

article.krog-blog-outer-wrap {
    background: #e7e1d1 url(images/bg-paper.jpg) center top no-repeat;
}

.guide-single-wrap {
    display: flex;
    align-items: self-start;
    border-bottom: 1px solid #bdbdbd;
    padding: 40px 0;
}

.guide-single-txt {
    margin-left: 30px;
}

h1.head-rough {
    color: #333145;
    font-size: 50px;
    padding-bottom: 50px;
}

.guide-single-img img {
    max-width: 340px;
}

.guide-single-wrap:last-child {
    border-bottom: 0;
}

.banner-img-wrap img {
    width: 100%;
}

.guide-single-txt a {
    font-size: 22px;
    text-decoration: none;
    color: #3d7e46;
    font-weight: 800;
}

.guide-btn a {
    font-size: 18px;
}

.krog-wrap {
    width: 95%;
    margin: 0 auto;
    padding: 80px 0 30px;
}

.banner-img-wrap {
    margin: 20px 0;
}

.guide-single-txt.details-page {
    margin-left: 0;
}

.krog-wrap h6 {
    font-size: 32px;
}

/*  404 */

article.error-page.krog-blog-outer-wrap {
    text-align: center;
    padding: 200px 0;
}

.empty-page h1 {
    font-size: 80px;
    color: #333145;
}

.empty-page p {
    font-size: 22px;
}

#bwg_container1_3 #bwg_container2_3 .bwg-container-3.bwg-standard-thumbnails,#bwg_container1_4 #bwg_container2_4 .bwg-container-4.bwg-standard-thumbnails, #bwg_container1_5 #bwg_container2_5 .bwg-container-5.bwg-standard-thumbnails, #bwg_container1_6 #bwg_container2_6 .bwg-container-6.bwg-standard-thumbnails {
    width: 100% !important;
}

.early-bird-offer {
    position: absolute;
    z-index: 9;
    right: -40px;
    top: 80px;
}
.early-bird-offer a {
    display: block;
    width: 150px;
}
.package-list li {
    padding-bottom: 0;
    line-height: initial;
}
.package-list-2 {
    margin-left: 0 !important;
}
.package-list-2 li {
    display: grid;
	grid-template-columns: repeat(2, 1fr);
    padding-bottom: 0;
    padding-top: 0;
    margin-left: 0;
}
.package-list-2 li p {
    margin: 0 !important;
    border: 1px solid #000;
    padding: 3px 3px;
    width: 100%;
    border-bottom: 0;
}
.package-list-2 li p:first-child {
    border-right: 0;
}
.package-list-2 li:Last-child p {
    border-bottom: 1px solid #000;
}
.package-list {
    margin-top: -10px !important;
}
ul.checklist.list-3 li {
    padding-bottom: 0;
    line-height: initial;
}
/* --------------------------------------- */
/* 		    Mobile Responsiveness          */
/* --------------------------------------- */

.Toggle-button,
.phone_xs {
    display: none;
}


@media all and (max-width: 1024px) {
    .content.article-left {
        display: block;
    }
	.content.article-left article p:last-child {
   		 margin: 0 0 18px;
	}
}
@media all and (max-width: 992px) {

    .Toggle-button,
    .phone_xs {
        display: block;
        position: absolute;
        top: 72%;
        transform: translateY(-50%);
        text-decoration: none;
        color: #ffffff;
        font-size: 26px;
    }

    #testimonials-wrap figure {
        grid-template-columns: 1fr 1fr;
    }

    .Toggle-button {
        left: 20px;
    }

    .phone_xs {
        right: 20px;
        left: auto;
        z-index: 3;
        top: 75%;
    }

    aside#sidebar {
        margin-top: 20px;
    }

    #sidebar header {
        padding: 30px;
        background-position: top center;
    }

    div#site-navigation .menu:nth-child(2) {
        padding-top: 20px;
    }

    div#site-navigation .menu:nth-child(4) {
        padding-bottom: 20px;
    }

    .Toggle-button:hover,
    .Toggle-button:focus,
    .phone_xs:hover,
    .phone_xs:focus {
        text-decoration: none;
        color: #ffffff;
    }

    #pre>a:first-child,
    #contact-info {
        display: none;
    }

    #site-navigation .menu li>a {
        display: grid;
        align-content: center;
        height: auto;
        color: #fff;
        text-align: center;
        text-decoration: none;
    }

    a#logo {
        width: 100%;
        max-width: 100px;
        padding: 10px 0;
        margin: 0 auto;
        position: absolute;
        left: 0;
        right: 0;
        top: 40%;
        transform: none;
    }

    #site-navigation {
        height: 110px;
        display: block;
    }

    #container {
        margin: 0 !important;
        border-top: none;
    }

    #pre {
        display: flex;
        justify-content: center;
        padding: 10px 0;
        position: absolute;
        top: 0;
        z-index: 999;
        background-color: #333145;
    }

    #pre ul#social-wrap {
        margin: 0;
    }

    #site-navigation .menu li>a {
        background: none;
        text-align: left;
        position: relative;
    }

    #site-navigation .menu,
    #site-navigation .menu:last-child {
        display: none;
        position: relative;
        flex-direction: column;
        align-items: flex-start;
        justify-content: flex-start;
        top: 110px;
        background-color: #33354c;
        width: 180px;
    }

    #site-navigation .menu:last-child {
        margin: 0;
    }

    #site-navigation li .sub-menu {
        display: block;
        background: transparent;
		padding:0px 25px;
        transition: none;
        position: static;
        width: auto;
        opacity: 1;
        height: 100%;
    }

    #site-navigation li.menu-item-has-children:hover .sub-menu {
        display: none;
        height: unset;
        opacity: unset;
    }

    #site-navigation li.menu-item-has-children>a:after {
        border-top-color: #e3deca;
    }

    .columns.columns-4 {
        grid-template-columns: repeat(2, 1fr);
    }

    #slide-ocean {
        padding: 0 0 340px;
    }

    .badges {
        max-width: 700px;
        width: 100%;
        flex-wrap: wrap;
        justify-content: center;
    }

    .badges a {
        margin: 0 10px 30px;
    }

    #testimonials-wrap figure {
        align-items: start;
    }

    .content.article-left {
        display: block;
    }

    #info {
        display: block;
    }

    #info aside {
        padding: 25px 20px;
    }

    #info .cycle-slideshow img {
        width: 100%;
    }

    .title br {
        display: none;
    }

    .testimonial p {
        font-size: 15px;
    }

    #testimonials-wrap figcaption {
        padding: 20px 8% 40px;
    }

    #footer-wrap footer {
        grid-template-columns: 230px 240px 220px;
    }
}

@media all and (max-width: 767px) {
    .home .hero {
        padding: 0 0 77% !important;
    }

    .home .darken.banner {
        position: absolute;
        bottom: -18px;
    }

    .guide-single-wrap {
        display: block;
    }

    .banner {
        padding: 73% 0 0;
    }

    .grid {
        display: block;
    }

    .slide {
        display: block;
        position: absolute !important;
        top: -77px !important;
        left: 0;
        width: 100%;
        height: 100%;
        z-index: 1;
    }

    #next,
    #prev,
    #next2,
    #prev2 {
        top: 37%;
    }

    .title {
        font-size: 24px;
        margin: 0 0 10px;
    }

    center h2 {
        font-size: 21px;
    }

    .badges {
        max-width: 320px;
    }

    #footer-wrap footer {
        display: flex;
        flex-direction: column;
    }
    #footer-wrap footer div:nth-of-type(1) {
        order: 4;
    }
    #footer-wrap footer div:nth-of-type(1) center {
        text-align: left;
    }
    #footer-wrap footer div:nth-of-type(1) center img {
        width: 120px;
    }
    #footer-wrap footer div:nth-of-type(2) {
        order: 2;
        margin-top: 30px;
    }
    #footer-wrap footer div:nth-of-type(3) {
        order: 3;
        margin-top: 30px;
    }
    #footer-wrap footer div:nth-of-type(4) {
        order: 1;
    }
    #footer-wrap footer #logo-footer {
        order: 5;
        margin-left: 0;
    }

    a#logo-footer {
        padding: 0;
        max-width: 200px;
        width: 100%;
        margin: 30px auto 0;
    }

    #footer-wrap .copyright {
        margin: 0 0 30px;
        padding: 0 0px 0 0;
    }

    .btn-strip:after {
        display: none;
    }

    .columns {
        display: block;
    }

    .columns .column:nth-child(even) {
        margin: 20px 0;
    }

    .form-2,
    .form-3,
    .form-4,
    .form-address {
        display: block;
        margin: 0;
    }

    .form-3 .field:nth-child(4) {
        margin-top: 10px;
    }

    .hero {
        padding: 0 0 70%;
    }

    #testimonials-wrap figure {
        display: block;
    }

    #testimonials-wrap figcaption {
        padding: 50px 5% 90px;
    }

    .guide-single-txt {
        margin-left: 0;
        padding-top: 20px;
    }

    .guide-single-img img {
        max-width: 100%;
    }

    h1.head-rough {
        font-size: 30px;
        padding-bottom: 0;
    }

    .guide-single-wrap {
        padding: 20px 0;
    }

    .guide-single-txt a {
        font-size: 16px;
    }
	.early-bird-offer {
    	right: 0;
    	top: 250px;
	}
	.early-bird-offer a {
    	width: 90px;
	}
	ul.checklist.list-3 {
    	display: block;
	}
}

@media all and (max-width: 640px) {
    .home .hero {
        padding: 0 0 83% !important;
    }

    .banner {
        padding: 83% 0 0;
    }

    #next,
    #prev,
    #next2,
    #prev2 {
        top: 34%;
    }

    .title {
        font-size: 20px;
    }

    #slide-ocean .content,
    .home #slide-ocean .content {
        padding: 40px 4%;
    }

    #info aside {
        display: block;
    }
}

@media all and (max-width: 575px) {
    .columns.columns-4 {
        grid-template-columns: repeat(1, 1fr);
    }

    #footer-wrap .copyright {
        display: block;
    }

    #footer-wrap .copyright img {
        max-width: 140px;
        width: 100%;
        margin: 0 auto 20px;
    }

    .testimonial p {
        font-size: 115%;
    }

    .cycle-pager span {
        margin: 0 5px;
    }

    .columns figcaption .btn {
        margin: 12px 0;
    }

    .price {
        font-size: 130%;
    }

    #info aside>*:nth-child(1) {
        font-size: 130%;
    }
	.banner.darken {
    	padding: 75% 0 0 0;
	}
	.home .darken.banner {
   		 bottom: -30px;
	}
}

@media all and (max-width: 475px) {
    .home .hero {
        padding: 0 0 84% !important;
    }

    .form-2,
    .form-3,
    .form-4,
    .form-6,
    .form-address {
        display: block;
    }

    .hero video {
        top: -19%;
    }

    .banner {
        padding: 80% 0 0;
    }

    #next,
    #prev,
    #next2,
    #prev2 {
        top: 31%;
    }

    .title {
        font-size: 18px;
        font-weight: 400;
        letter-spacing: 0;
        margin: 0 0 5px;
    }

    .title br {
        display: none;
    }

    #site-navigation {
        height: 100px;
    }

    a#logo {
        max-width: 65px;
        padding: 5px 0;
    }

    #site-navigation .menu,
    #site-navigation .menu:last-child {
        top: 100px;
    }

    main div h3 {
        font-size: 130%;
        font-weight: 500;
    }

    .checklist li {
        padding: 6.4px 8px 6.4px 20px;
    }

    .checklist i {
        left: -10px;
    }

    .slide-ocean {
        padding: 0 0 300px;
    }

    .content {
        overflow: scroll;
    }

    h1 {
        font-size: 194%;
    }

    h3 {
        font-size: 110%;
    }

    h5 {
        font-size: 115%;
    }

    .badges.alt {
        justify-content: left;
    }

    .home .slide {
        top: -70px !important;
    }

    .slide {
        top: -43px !important;
    }

    .hero {
        padding: 0 0 75%;
    }

    .darken.banner {
        position: absolute;
        bottom: 0;
    }

    .krog-wrap h6 {
        font-size: 18px;
    }
    .krog-wrap {
        width: 80%;
        padding: 40px 0 30px;
    }
    #testimonials-wrap figcaption {
        padding: 30px 5% 150px;
    }
	
	.empty-page p {
   		 font-size: 18px;
	}
	
	.empty-page h1 {
    	font-size: 40px;
	}
	
	article.error-page.krog-blog-outer-wrap {
    	padding: 100px 0;
	}
}

@media all and (max-width: 375px) {
    .home .hero {
        padding: 0 0 94% !important;
    }

    .hero video {
        top: -22%;
    }

    .home .darken.banner {
        bottom: -8px;
    }

    .home .banner {
        padding: 94% 0 0;
    }

    #next,
    #prev,
    #next2,
    #prev2 {
        top: 29%;
    }

    .badges a {
        height: 80px;
        margin: 0 20px 30px;
    }

    .darken.banner {
        position: absolute;
        bottom: -7px;
    }
}

@media all and (max-width: 320px) {
    #sidebar header {
        padding: 52px 20px 124px;
    }

    #testimonials-wrap figcaption {
        padding: 25px 5% 120px;
    }
}