@import url('https://fonts.googleapis.com/css?family=Archivo:400,400i,500,500i,600,600i,700,700i,800,900|Quantico:400,700|Prata|Montserrat:300,400,500,600,700,900');
@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;
    box-sizing: border-box;
    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: Archivo, Arial, Helvetica, sans-serif;
    font-size: 17px;
    font-weight: 400;
    line-height: 1.7;
    color: #444;
    background: #fff;
    background-size: 100% auto;
}

/* Clearing floats */
.clear:after,
.attachment .entry-header:after,
.site-footer .widget-area:after,
.entry-content:after,
.page-content:after,
.navigation:after,
.nav-links:after,
.gallery:after,
.comment-form-author:after,
.comment-form-email:after,
.comment-form-url:after,
.comment-body:after {
    clear: both;
}

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

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

a {
    cursor: pointer;
}

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

.text-align-right {
    text-align: right;
}

img {
    height: auto;
    border: none;
}

article img {
    display: block;
    margin: 5px 0;
}

img.placer {
    display: block;
    position: relative;
    margin: 0;
}

img.divider {
    margin: 20px 0 0;
    width: 50%;
    max-width: 240px;
    opacity: 0.666;
}

.circle {
    display: block;
    position: relative;
    margin-top: 0;
    margin-bottom: 0;
    border-radius: 100%;
}

.face-wrap {
    display: grid;
    grid-template-columns: 48px auto;
    grid-gap: 20px;
    justify-content: center;
    align-items: center;
    text-align: left;
}

.face-wrap h4 {
    margin: 0;
}

.face-wrap img,
#testimonials .face-wrap img {
    display: block;
    position: relative;
    margin: 0;
    width: 100%;
    height: auto;
    border-radius: 100%;
}

.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%;
}

.clear {
    background: #09f;
    display: block;
    content: " ";
    clear: both;
    width: 100%;
}

.red {
    color: #de5243;
}

.filler,
#art img.filler {
    display: block !important;
    position: relative;
    opacity: 0;
}

#art img.filler {
    width: 77.5%;
}

.home #art img.filler {
    width: 100%;
}

.overlay {
    display: flex;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    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;
    align-items: center;
}

.overlay > div {
    width: 100%;
}

.pull-right {
    float: right;
}

.pull-center {
    margin: 0 auto;
    text-align: center;
}

.home .pull-center {
    text-align: left;
}

.slide-overlay {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    align-items: center;
    z-index: 9999;
}

.slide-text {
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    width: 60%;
    height: auto;
    text-align: center;
    transform: translate(-50%, -50%);
}

.slide-text.top-right {
    top: 5%;
    right: 5%;
    text-align: right;
}

.slide-text.top-left {
    top: 5%;
    left: 5%;
}

.slide-text.bottom-left {
    bottom: 5%;
    left: 5%;
}

.slide-text.bottom-right {
    bottom: 5%;
    right: 5%;
}

.slide-intro {
    display: grid;
    grid-template-columns: 1fr 4fr;
    grid-gap: 25px;
    align-items: center;
    margin: 0 0 15px;
    text-align: left;
}

.slide-text img {
    margin: 0;
    width: 100%;
    height: auto;
}

.tag {
    display: inline-block;
    position: relative;
    margin: 6px 10px 6px 0;
    padding: 8px 25px;
    font-family: Quantico;
    font-size: 82.5%;
    font-weight: 900;
    letter-spacing: 1px;
    text-transform: uppercase;
    border: 2px #fff solid;
    border-radius: 48px;
}

#video {
    display: block;
    position: relative;
    text-align: center;
    color: rgba(255, 255, 255, .75);
}

#video .overlay {
    display: block;
    background: rgba(0, 0, 0, .333);
    justify-content: center;
}

.face-quote {
    display: flex;
    align-items: center;
    justify-content: center;
}

.face-quote img {
    margin: 0 15px 0 0;
    width: 12.5%;
    max-width: 82px;
    min-width: 64px;
    height: auto;
}

video {
    display: block;
    position: relative;
    margin: 0;
}

.video-container {
    position: relative;
    padding-bottom: 56.25%;
    height: 0;
}

.video-container iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

textarea {
    resize: none;
}

/* ============================== */
/* LISTS  */
/* ============================== */

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

ul li {
    list-style: disc;
}

ol li {
    list-style: decimal;
}

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

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

.checklist, .xlist {
    margin: 15px 0 15px 10px;
    padding: 0;
}

.checklist li, .xlist li {
    display: block;
    position: relative;
    margin: 0;
    padding: 7px 0px 7px 35px;
    list-style: none;
    text-transform: none;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

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

.checklist i {
    color: #693;
}

.sidebar .checklist i {
    color: inherit;
}

.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;
}

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

/* ============================== */
/* TYPOGRAPHY  */
/* ============================== */

h1 {
    display: block;
    position: relative;
    margin: 0 0 20px;
    font-family: Montserrat;
    font-size: 320%;
    font-weight: 500;
    letter-spacing: 0px;
    line-height: 1;
    /*  text-transform: uppercase;*/
}

iframe #ihf-main-container {
    display: none !important;
}

h2 {
    display: block;
    position: relative;
    margin: 15px 0 15px;
    font-size: 240%;
    font-family: Montserrat;
    font-weight: 400;
    color: #333E48;
    line-height: 1.4;
    letter-spacing: -1px;
    text-transform: none;
}

h2 em {
    font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
    font-size: 90%;
    font-weight: 300;
    text-transform: none;
    color: #066;
}

h3 {
    display: block;
    position: relative;
    margin: 15px 0;
    font-family: Montserrat;
    font-size: 130%;
    font-weight: 400;
    letter-spacing: 0px;
    color: #50595f;
    line-height: 1.6;
    text-transform: none;
}

h3 strong {
    font-size: 90%;
    font-weight: 600;
    color: #605e73;
    line-height: 1.25;
    text-transform: uppercase;
}

h4 {
    display: block;
    position: relative;
    margin: 15px 0;
    font-family: "Quantico";
    font-size: 100%;
    font-weight: 700;
    letter-spacing: 0;
    line-height: 1.5;
    text-transform: uppercase;
    -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;
}

h4 small {
    display: block;
    opacity: 0.75;
}

h5 {
    display: block;
    position: relative;
    margin: 15px 0 8px;
    font-family: Quantico;
    font-size: 95%;
    font-weight: 900;
    letter-spacing: 1px;
    text-transform: uppercase;
    line-height: 1;
}

h5.ruled {
    margin: 50px auto 35px;
    text-align: center;
}

.ruled:before,
.ruled:after {
    content: '';
    position: absolute;
    top: 49%;
    left: 0;
    width: 39%;
    height: 1px;
    border-bottom: 1px #ccc solid;
    overflow: hidden;
}

.ruled:after {
    left: auto;
    right: 0;
    text-align: right;
}

h6 {
    display: block;
    position: relative;
    margin: 15px 0;
    font-family: Quantico;
    font-size: 95%;
    font-weight: 900;
    color: #5e9ab8;
    letter-spacing: 1px;
    line-height: 1.4;
    text-transform: uppercase;
}

h2:first-child,
h3:first-child,
h4:first-child,
h5:first-child,
h6: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;
}

#footer-wrap h2,
#footer-wrap h3,
#footer-wrap h4,
#footer-wrap h5,
#footer-wrap h6 {
    color: rgba(255, 255, 255, .95);
}

p.headline {
    display: block;
    position: relative;
    margin: 15px 0;
    font-family: Montserrat;
    font-size: 150%;
    font-weight: 400;
    color: #333E48;
    line-height: 1.4;
    letter-spacing: 0;
    text-transform: none;
}

p {
    position: relative;
    margin: 15px 0;
    letter-spacing: 0;
    -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;
}

p.icon {
    margin: 10px 0;
    padding: 0 0 0 25px;
}

p.icon i.material-icons {
    position: absolute;
    top: 5px;
    left: 0;
    font-size: inherit;
    color: #fff;
}

#sidebar p {
    margin: 15px 0;
    font-size: 90%;
    color: rgba(255, 255, 255, .75);
}

h3.columns,
p.columns {
    -webkit-column-count: 2;
    column-count: 2;
    -webkit-column-gap: 20px;
}

blockquote {
    margin: 0 0 25px;
    font-family: Knewave;
    font-size: 21px;
    font-weight: 300;
    text-transform: uppercase;
    line-height: 1.4;
}

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

small {
    font-size: 75%;
}

/* ============================== */
/* LINKS  */
/* ============================== */

a {
    color: #5688a3;
    text-decoration: underline;
    -webkit-transition: color .25s ease-in;
    -moz-transition: color .25s ease-in;
    -o-transition: color .25s ease-in;
    -ms-transition: color .25s ease-in;
    transition: color .25s ease-in;
}

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

.btn.hand {
    padding: 10px 20px 10px 35px;
}

.hand:after,
input.hand:after {
    content: "";
    display: inline-block;
    position: relative;
    margin: 0 0 0 15px;
    width: 17px;
    height: 17px;
    background: url(images/icon-hand.png) center no-repeat;
    background-size: 100%;
    opacity: 1;
    -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;
}

.hand:hover:after,
input.hand:hover:after {
    margin: 0 0 0 10px;
    background: url(images/icon-hand-full.png) center no-repeat;
    background-size: 100%;
}

#sidebar a,
#footer-wrap a {
    color: #fff;
    text-decoration: none;
}

#sidebar a:hover,
#footer-wrap a:hover {
    color: #fff;
    text-decoration: underline;
}

/* ============================== */
/* BUTTONS  */
/* ============================== */

.btn,
input.btn {
    display: inline-block;
    position: relative;
    margin: 20px 0;
    padding: 15px 40px;
    font-family: Quantico;
    font-size: 110%;
    font-weight: 300;
    color: #fff;
    letter-spacing: 1px;
    text-transform: uppercase;
    text-align: center;
    text-decoration: none;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, .5);
    background: #32bafa;
    border-bottom: 1px rgba(0, 0, 0, .33) solid;
    border-radius: 8px;
    -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;
}

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

#sidebar .btn {
    display: block;
    background: #464a52;
}

#mainform input[type="submit"],
#mainform input[type="submit"]:hover {
    padding: 10px 25px;
    width: auto;
    border: none;
}

#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;
}

.btn-outline {
    background: none;
    border: 1px #fff solid;
    border-radius: 2px;
}

.btn-outline:hover {
    border-color: transparent;
}

.btn:hover,
.btn-outline:hover,
#art .btn:hover {
    text-decoration: none;
}

.btn:hover,
input.btn:hover {
    color: #fff;
    box-shadow: 0 36px 84px rgba(0, 0, 0, 0.1) inset;
}

/* ============================== */
/* 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.wp-image-668,
img.alignleft.wp-image-669 {
    max-width: 100%;
}

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

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

a.featured {
    display: block;
    position: relative;
    margin: 15px 0;
}

.faq {
    margin: 20px 0;
}

.faq h3:hover {
    color: #3b87aa;
    cursor: pointer;
}

.faq p {
    display: none;
    margin-bottom: 20px;
}

.gallery {
    display: grid;
    margin: 15px 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;
    -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: 60vh !important;
}

article iframe ._rb9 {
    border-top: 1px solid #09f !important;
}

/* ============================== */
/* HEADER */
/* ============================== */

#bg {
    position: relative;
    margin: 0 auto;
    width: 66.6%;
    z-index: 2;
}

#header-wrap {
    display: block;
    position: fixed;
    top: 0;
    left: 0;
    padding: 0;
    width: 100%;
    height: auto;
    color: rgba(255, 255, 255, .75);
    background: #32343a;
    border: none;
    box-sizing: border-box;
    -webkit-transition: all 0.25s ease-in;
    -moz-transition: all 0.25s ease-in;
    -o-transition: all 0.25s ease-in;
    transition: all 0.25s ease-in;
    z-index: 2;
}

.home #header-wrap {
    background: none;
}

.home #header-wrap.active {
    background: #32343a;
}

#header-wrap.active #header {
    padding: 0 25px 0 40px;
}

#header {
    display: grid;
    grid-template-columns: 1fr 7fr 2fr;
    grid-gap: 25px;
    align-items: center;
    position: relative;
    margin: 0 auto;
    padding: 0 20px;
    height: 100%;
    -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;
}

a#logo {
    display: block;
    position: relative;
    margin: 0;
    padding: 30px 0 30px 15px;
    height: auto;
    background: url(images/logo.png) center no-repeat;
    background-size: auto 0px;
    -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;
    z-index: 2;
}

.active a#logo {
    padding: 15px 0 15px 15px;
}

a#logo img {
    display: block;
    position: relative;
    margin: 0 auto;
    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;
}

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

/* ============================== */
/* NAVIGATION BAR  */
/* ============================== */

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

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

#wrap,
#site-navigation,
#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;
}

#pre {
    display: block;
    grid-template-columns: 1fr 1fr;
    position: relative;
    padding: 0 20px;
    height: 40px;
    font-size: 77.5%;
    background: #464a52;
}

#pre a,
#pre a:hover,
#pre a i,
#pre a:hover i {
    color: rgba(255, 255, 255, .75);
    text-decoration: none;
}

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

#pre > p {
    display: flex;
    margin: 0;
    height: 100%;
    font-weight: 600;
    color: #fff;
}

#pre i,
#pre p i,
#pre > p i {
    margin: 0 10px 0 0;
    font-size: 125%;
    font-weight: 300;
}

#pre > p a {
    display: flex;
    margin-right: 25px;
    align-items: center;
}

#pre > p a:hover {
    text-decoration: none;
}

#contact-info {
    display: flex;
    justify-content: flex-end;
    position: relative;
    align-items: center;
    position: relative;
    padding: 0;
    height: auto;
    box-sizing: border-box;
}

a#phonelink,
a#phonelink:hover {
    display: block;
    position: relative;
    margin: 0;
    padding: 8px 15px;
    width: auto;
    height: auto;
    font-family: Quantico;
    font-size: 115%;
    font-weight: 900;
    color: #fff;
    letter-spacing: 0px;
    text-align: center;
    text-transform: uppercase;
    text-decoration: none;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, .25);
    box-sizing: border-box;
    border-radius: 4px;
    -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;
    align-items: center;
    z-index: 1;
}

a#phonelink:hover {
    background: #6b8ec4;
    background: #5fb469;
    background: #ec4848;
    /*  border: 2px #ec4848 solid;*/
    /*	background: rgba(0, 0, 0, 0.2);*/
}

/*#contact-info {
	display: grid;
  grid-template-columns: 3fr 2fr;
  grid-gap: 15px;
	align-items: center;
	position: relative;
	padding: 0 25px;
  height: auto;
  box-sizing: border-box;
}
a#phonelink,
a#phonelink:hover,
a#emaillink,
a#emaillink:hover {
	display: flex;
	position: relative;
	margin: 0;
	padding: 5px 15px 5px 15px;
	width: auto;
	height: 100%;
	font-family: Quantico;
	font-weight: 900;
	color: #fff;
	letter-spacing: 0px;
	text-align: center;
  text-transform:  uppercase;
	text-decoration: none;
	text-shadow: 0 -1px 0 rgba(0,0,0,.25);
	background: #6b8ec4;
	background: #5fb469;
	border-top: 1px rgba(255,255,255,.1) solid;
	border-left: 1px rgba(255,255,255,.1) solid;
	border-bottom: 1px rgba(0,0,0,.1) solid;
  background-size: auto 32%;
	box-sizing: border-box;
	-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;
 	vertical-align: top;
	align-items: center;
	z-index: 1;
}*/
a#emaillink,
a#emaillink:hover {
    font-size: 90%;
    background: #d05e87;
}

/*a#phonelink:hover {
	color: #101825;
	text-shadow: 0 -1px 0 rgba(255,255,255,.25);
	background-color: #f1c33e;
	box-shadow: 0 4px 12px rgba(0,0,0,.1), 0 12px 64px rgba(0,0,0,0.1) inset;
}*/
a#phonelink i,
a#emaillink i {
    margin: 0 5px 0 0;
    font-size: 85%;
    font-weight: 300;
}

a#phonelink span,
a#emaillink span {
    display: flex;
    align-items: center;
    padding: 0 25px;
    height: 100%;
    background: #5fb469;
    border-right: 1px rgba(0, 0, 0, .25) solid;
    border-left: 1px rgba(255, 255, 255, .15) solid;
    box-shadow: 0 26px 30px rgba(0, 0, 0, .05) inset;
    -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;
}

ul#social-wrap {
    display: block;
    position: relative;
    margin: 0;
    width: auto;
    height: 21px;
    z-index: 2;
}

#pre ul#social-wrap {
    display: inline-block;
    text-align: right;
}

ul#social-wrap li.social-icons {
    display: inline-block;
    margin: 0 0 0 10px;
    padding: 0;
    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;
}

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

li.social-icons i {
    display: block;
    padding: 0;
    width: 100%;
    line-height: 21px;
    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;
}

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

li.social-icons i.fa-tripadvisor:hover {
    background-color: #5fb469;
}

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

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

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-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,
li.social-icons i.fa-tripadvisor,
li.social-icons i.fa-linkedin,
li.social-icons i.fa-google-plus,
li.social-icons i.fa-instagram,
li.social-icons i.fa-snapchat {
    background-color: transparent;
    color: #f6f0e2;
    border-radius: 100%;
}

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,
li.social-icons i.fa-tripadvisor:hover,
li.social-icons i.fa-linkedin:hover,
li.social-icons i.fa-google-plus:hover,
li.social-icons i.fa-instagram:hover,
li.social-icons i.fa-snapchat:hover {
    color: #f1c33e;
    background-color: transparent;
}

#footer-wrap ul#social-wrap {
    position: relative;
    top: auto;
    right: auto;
}

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

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

#footer-wrap ul#social-wrap li.social-icons i {
    color: #fff;
    background-color: inherit;
}

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

#site-navigation {
    display: block;
    position: relative;
    margin: 0;
    text-align: center;
    padding: 0;
    height: auto;
    font-family: "Quantico";
    font-size: 92.5%;
}

#site-navigation > div:last-child {
    display: flex;
    justify-self: end;
    align-items: center;
}

#site-navigation .menu {
    display: block;
    position: relative;
    margin: 0;
    height: auto;
}

#site-navigation .menu li,
#site-navigation .menu > li:hover {
    display: inline-block;
    position: relative;
    margin: 0;
    padding: 0;
    font-weight: 300;
    line-height: 1.1;
    letter-spacing: 1px;
    text-transform: uppercase;
}

#site-navigation .menu li > a,
#site-navigation .menu li > a:hover {
    display: inline-block;
    position: relative;
    padding: 10px 20px;
    color: #fff;
    text-decoration: none;
}

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

#site-navigation li.sub-wrapper > a:after {
    content: ' ';
    display: block;
    position: absolute;
    right: 0px;
    top: 50%;
    margin: 2px;
    height: 0;
    width: 0;
    border: 4px solid transparent;
    border-top-color: #fff;
    -ms-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    z-index: 1;
}

#site-navigation li.sub-wrapper.opened > a:after {
    margin: -2px;
    border-top-color: transparent;
    border-bottom-color: #fff;
}

#site-navigation li .sub-menu {
    display: block;
    position: absolute;
    margin: 0;
    padding: 0;
    width: 240px;
    height: 0px;
    background: rgba(0, 0, 0, 0.2);
    background: #373c46;
    -webkit-transition: all 0.25s ease-in;
    -moz-transition: all 0.25s ease-in;
    -o-transition: all 0.25s ease-in;
    transition: all 0.25s ease-in;
    overflow: hidden;
    opacity: 0;
    z-index: 2;
}

#site-navigation li.opened .sub-menu {
    display: block;
    padding: 10px 0;
    height: auto;
    opacity: 1;
}

#site-navigation .sub-menu li {
    display: block;
    float: none;
    margin: 0;
    padding: 0;
    width: 100%;
    height: auto;
    text-align: left;
    text-shadow: 0 -1px 0 #fff;
    border: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

#site-navigation .sub-menu li:hover {
    display: block;
    background: rgba(0, 0, 0, 0.15);
}

#site-navigation .menu li.sub-wrapper .sub-menu a,
#site-navigation li.sub-wrapper .sub-menu a {
    display: block;
    padding: 15px 25px;
    height: auto;
    text-align: left;
    text-shadow: none;
    color: #fff;
}

#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 {
    color: #fff;
}

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

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

/* ============================== */
/* ART */
/* ============================== */

#art,
.art {
    display: block;
    position: relative;
    margin: 0 auto;
    padding: 0;
    height: auto;
    color: #fff;
    overflow: hidden;
    z-index: 1;
}

#art img,
.art img {
    display: block;
    z-index: 1;
}

#art #bg-splash {
    display: none;
    position: absolute;
    bottom: 0px;
    left: 0;
    width: 100%;
    height: auto;
    z-index: 9999;
}

#slideshow {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    margin: 0;
    padding: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
}

.home #slideshow {
    height: 100%;
}

.slide-wrap {
    display: block;
    position: relative;
    width: 100%;
    height: 100%;
}

.slide {
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .15);
    z-index: 1;
}

#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;
}

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

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

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

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

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

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

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

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

#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,
#slide90,
#slide91,
#slide92,
#slide93,
#slide94,
#slide95,
#slide96,
#slide97 {
    background-size: 100% auto;
    background-position: center top;
}

#art .content,
.art .content {
    padding-left: 5%;
    width: 66.6%;
    max-width: none;
}

#art .col {
    width: 50%;
}

#art .col.pull-center,
.art .col.pull-center {
    /*margin-top: 5%;*/
    /*width: 75%;*/
    width: 100%;
}

#art .col.pull-center.pull-down,
.art .col.pull-center.pull-down {
    margin-top: 17.5%;
}

#art .col.pull-up,
.art .col.pull-up {
    margin-bottom: 10%;
}

#art .col.pull-left {
    text-align: left;
}

#art .col.pull-right {
}

#art .col > div {
    display: grid;
    grid-template-columns: 1fr 2px 7fr;
    grid-gap: 40px;
    box-sizing: border-box;
    align-items: center;
}

#art hr {
    display: block;
    position: relative;
    width: 2%;
    height: 2px;
    background: rgba(255, 255, 255, .75);
    border: none;
    -webkit-transition: all 0.25s ease-in;
    -moz-transition: all 0.25s ease-in;
    -o-transition: all 0.25s ease-in;
    transition: all 0.25s ease-in;
}

#art .col img {
    display: block;
    position: relative;
    margin: 0;
    width: 100%;
    height: auto;
    opacity: 0;
    background: none;
    filter: hue-rotate(1deg);
    -ms-interpolation-mode: nearest-neighbor;
    transform-style: preserve-3d;
}

#art .col i {
    padding: 0 25px;
    color: rgba(255, 255, 255, .75);
    background: #46423c;
}

#art p,
.art p {
    font-family: Montserrat;
    font-size: 140%;
}

#art p:first-child {
    margin-top: 0;
}

#art .cycle-slide-active .slide {
    animation: enlarge 21s both;
    -webkit-animation: enlarge 21s both;
}

#art .cycle-slide-active p {
    animation: fadeInLeft .5s .75s both;
    -webkit-animation: fadeInLeft .5s .75s both;
}

#art .cycle-slide-active hr {
    width: 100%;
}

#art .cycle-slide-active img {
    animation: fadeIn .5s .5s both;
    -webkit-animation: fadeIn .5s .5s both;
}

#art .cycle-slide-active .tag {
    animation: bounceIn .5s 1.25s both;
    -webkit-animation: bounceIn .5s 1.25s both;
}

#art .cycle-slide-active .btn {
    animation: fadeInDown .5s 1.25s both;
    -webkit-animation: fadeInDown .5s 1.25s both;
}

#no-template-pager a.cycle-pager-active {
    width: 590px;
    background: #5c8fa7;
    background: #334351;
    -webkit-box-shadow: 0 48px 96px rgba(0, 0, 0, .2) inset;
    -moz-box-shadow: 0 48px 96px rgba(0, 0, 0, .2) inset;
    box-shadow: 0 48px 96px rgba(0, 0, 0, .2) inset;
}

#no-template-pager a.trigger p {
    display: none;
}

#no-template-pager a.cycle-pager-active h1,
#no-template-pager a.cycle-pager-active p {
    display: block;
    margin: 5px 0 5px 120px;
    text-align: left;
}

#no-template-pager a.trigger img {
    display: none;
    position: relative;
    margin: -15px auto 0px;
    width: auto;
    height: 80px;
    z-index: 1;
}

#no-template-pager a.cycle-pager-active img {
    display: block;
    position: absolute;
    top: -10px;
    left: 20px;
    margin: 0;
    width: 97px;
    height: 120px;
}

a:hover .overlay,
#map-link:hover .overlay {
    background: rgba(0, 0, 0, .25);
}

#cta a:hover .overlay {
    background: rgba(169, 135, 30, .9);
    background: rgba(0, 0, 0, .5);
    background: rgba(55, 65, 81, 0.75);
    background: #22597e;
    background: #f19727;
}

a#map-link {
    display: block;
    position: relative;
    font-size: 14px;
    font-weight: 500;
    color: #fff;
    line-height: 1.5;
    text-align: center;
}

#map-link .overlay {
    text-align: center;
    background: none;
}

.grid > a,
.grid > div {
    display: block;
    position: relative;
}

.grid > img {
    width: 100%;
}

#cta .overlay > div,
.overlay > div {
    width: 100%;
    height: 100%;
    box-sizing: border-box;
}

.intro {
    display: block;
    position: relative;
    margin: 0 auto;
    padding: 40px 0;
    width: 52.5%;
    text-align: center;
}

.intro:first-child {
    padding-top: 0;
}

.intro:last-child {
    padding-bottom: 0;
}

#collage {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    position: relative;
    margin: 0 auto 100px;
    width: 100%;
    height: auto;
    line-height: 1.4;
}

.home #collage {
    grid-gap: 20px;
}

#collage a {
    display: block;
    position: relative;
    width: 100%;
    height: auto;
    background: #333;
}

#collage .overlay {
    background: rgba(0, 0, 0, .01);
}

#collage a:hover .overlay {
    display: flex;
    background: rgba(35, 47, 58, .8);
}

#collage a .overlay-text {
    position: relative;
    left: 7%;
    width: 86%;
    height: auto;
    color: #fff;
    opacity: 0;
    -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;
}

#collage a:hover .overlay-text {
    opacity: 1;
}

#collage h4 {
    display: inline-block;
    margin: 0 0 8px;
}

#collage p {
    margin: 0;
    font-weight: 400;
    font-size: 90%;
    color: rgba(255, 255, 255, 0.75);
}

.icon-play,
.fancybox .icon-play {
    margin: 0 auto;
    width: 60%;
    opacity: 0.75;
}

.column,
a.column,
a.column:hover {
    display: block;
    position: relative;
    margin: 0;
    padding: 0;
    color: inherit;
    color: #fff;
    text-align: center;
    text-decoration: none;
    -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;
}

#insta {
    padding: 20px 15px;
    color: #fff;
    background: #574f75;
}

#insta:hover {
    background: #7f65a0;
}

#insta h4 {
    display: inline-block;
    margin: 0 auto 8px;
    padding: 0 0 0 15%;
    background: url(images/icon-camera.png) left center no-repeat;
    background-size: auto 80%;
}

#connect {
    grid-column: span 3;
    padding: 20px 25% 20px 20px;
    color: #fff;
    background: #366e81;
}

#connect:hover {
    background: #2890b3;
}

#connect img {
    position: absolute;
    bottom: 0;
    right: 0;
    width: 30%;
    height: auto;
}

.column .overlay {
    background: rgba(0, 0, 0, .2);
}

.column:hover .overlay {
    background: rgba(0, 0, 0, .5);
}

.overlay .column-text {
    background: none;
}

.overlay .column-text .btn {
    display: block;
    position: absolute;
    bottom: 5%;
    left: 15%;
    width: 70%;
    opacity: 0;
}

.column:hover .column-text .btn {
    opacity: 1;
}

.column-text {
    display: block;
    position: relative;
    margin: 0;
    padding: 25px 20px 20px;
    background: #fff;
    background: #e7e1d1 url(images/bg-paper.jpg) center top repeat-x;
    background-size: 1280px auto;
}

.column small {
    font-family: "Palatino Linotype", Georgia, serif;
    font-style: italic;
    font-size: 90%;
    font-weight: 900;
    opacity: 0.75;
}

.overlay .btn {
    position: absolute;
    bottom: 5%;
}

.column-wrap h4,
.column h4 {
    display: block;
    margin: 0 0 8px;
}

.column-wrap p,
.column p {
    margin: 0;
    font-weight: 600;
    font-size: 90%;
    opacity: 0.75;
}

.services {
    display: block;
    position: relative;
    margin: 30px 0 60px;
    padding: 40px;
    font-size: 95%;
    background: rgba(0, 0, 0, 0.05);
    border-radius: 4px;
    box-shadow: inset 0 1px 0 rgba(0, 0, 0, 0.05);
}

.services strong {
    font-size: 115%;
    font-weight: 700;
}

.service-wrap {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    position: relative;
    margin: 0 0 25px;
    background: rgba(255, 255, 255, .9);
    border-radius: 4px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
    overflow: hidden;
}

.service-photos {
    position: relative;
    font-family: Quantico;
    padding: 0;
    font-size: 300%;
    color: #fff;
    line-height: 1;
}

a.service-photo:hover .overlay {
    color: #fff;
    background: rgba(0, 0, 0, 0.333);
}

a.service-photo {
    display: block;
    position: relative;
    color: #fff;
}

.service-photo:before {
    content: "";
    display: block;
    position: absolute;
    right: 15px;
    bottom: 15px;
    width: 72px;
    height: 72px;
    background: url(images/badge-tripadvisor.png) center no-repeat;
    background-size: 100% auto;
    opacity: 0.75;
    z-index: 9999;
}

.service-wrap .overlay {
    background: rgba(0, 0, 0, 0.5);
}

.service-wrap .overlay > div {
    height: auto;
    text-align: center;
}

.service-wrap img {
    margin: 0;
}

.service-photos small {
    display: block;
    margin: 15px 0;
    font-size: 33.3%;
    letter-spacing: 1px;
    text-transform: uppercase;
}

.service-includes,
.service-excludes {
    padding: 30px 7.5%;
}

.service-excludes {
    background: rgba(0, 0, 0, .02);
}

.services .gallery {
    grid-gap: 0;
    margin: 0;
}

#contact-box {
    display: grid;
    margin: 25px 0 40px;
    grid-template-columns: 2fr auto 3fr auto 2fr;
    grid-gap: 30px;
    color: #444;
}

#contact-box hr {
    margin: 0;
    width: 100%;
    height: 100%;
    border: none;
    border-right: 1px rgba(0, 0, 0, 0.15) solid;
}

#contact-box .border {
    display: block;
    margin: 0;
    width: 1px;
    height: 100%;
    border-right: 1px #09f solid;
}

#contact-box p strong {
    font-size: 110%;
    color: #353d4e;
}

.whatwedo {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-gap: 60px;
}

.whatwedo > div {
    margin: 20px 0 0;
}

.whatwedo i.material-icons {
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    margin: 0 auto;
    padding: 30px;
    width: 40px;
    height: 40px;
    font-size: 180%;
    color: #fff;
    line-height: 40px;
    background: #32bafa;
    border-radius: 100%;
}

.whatwedo > div:nth-child(2) i {
    background: #fc617e;
}

.whatwedo > div:nth-child(3) i {
    background: #a57ff8;
}

.whatwedo p {
    font-size: 90%;
}

/* ============================== */
/* 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: 20px;
}

#next2 {
    right: 80px;
}

#prev {
    left: 20px;
}

#prev2 {
    left: 80px;
}

#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 */
/* ============================== */

.cycle-pager {
    display: block;
    position: absolute;
    bottom: 25px;
    left: 50%;
    margin: 0;
    padding: 0;
    width: 125px;
    height: 8px;
    -ms-transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    overflow: hidden;
    z-index: 9999999999999999999999999;
}

.cycle-pager span {
    display: block;
    position: relative;
    float: left;
    margin: 0 5px;
    width: 6px;
    height: 6px;
    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
/* ============================== */

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

.content.fat {
    width: 75%;
}

article.article-full {
    width: 100%;
}

article.article-left {
    float: left;
    width: 66.6%;
}

.content iframe {
    float: none !important;
    width: 100% !important;
}

.grey,
.dark,
.bg-paper,
.bg-envelope,
.bg-pattern {
    display: block;
    position: relative;
    background: #f2f3f5;
    background-size: 100% auto;
}

.bg-paper,
.bg-envelope,
.bg-pattern {
    padding: 80px 0;
    background: #e7e1d1 url(images/bg-paper.jpg) center top repeat-x;
    background-size: 100% auto;
}

.bg-paper:nth-last-of-type(2) {
    background: #e7e1d1 url(images/bg-paper.jpg) right top repeat-x;
    background-size: 150% auto;
}

.bg-envelope {
    background: #fbf8f2 url(images/bg-envelope.jpg) center top repeat-x;
    background-size: 66.6% auto;
}

.bg-pattern {
    background: #e7e1d1 url(images/bg-pattern.png);
    background-size: auto auto;
}

.dark {
    padding: 120px 0;
    background: #333;
    background: #e7e1d1 url(images/bg-wood02.jpg) center top repeat-x;
    background-size: 100% auto;
}

/* ============================== */
/* SIDEBAR
/* ============================== */

#sidebar {
    display: block;
    position: relative;
    float: right;
    padding: 20px 20px 20%;
    width: 27.5%;
    color: #fff;
    background: #3b87aa url(images/bg-sidebar.jpg) center bottom no-repeat;
    background-size: 104% auto;
    /*box-shadow: 0 48px 172px rgb(0,0,0,.25) inset;*/
    box-sizing: border-box;
    z-index: 1;
}

#ss {
    display: block;
    position: relative;
    margin: 25px 0 25px -15%;
    padding: 0;
    width: 130%;
    background: #333;
    background-size: 100%;
    box-sizing: border-box;
    box-shadow: 0 24px 96px rgba(0, 0, 0, 0.333);
    overflow: hidden;
}

#ss div {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
}

/* ============================== */
/* BOXES
/* ============================== */

.col {
    display: block;
    position: relative;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.col a {
}

.col p {
    margin: 15px 0 0;
}

.col hr {
    margin: 15px 0;
    width: 40px;
}

.col-25 {
    width: 25%;
}

.col-33 {
    width: 33.3%;
}

.col-40 {
    width: 40%;
}

.col-50 {
    width: 50%;
}

.col-60 {
    width: 62.5%;
}

.col-66 {
    width: 66.6%;
}

.col-75 {
    width: 75%;
}

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

.ribbon {
    display: block;
    position: relative;
    padding: 0;
    text-decoration: none;
    background-color: #66CC99;
    -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
    -moz-box-sizing: border-box; /* Firefox, other Gecko */
    box-sizing: border-box; /* Opera/IE 8+ */
}

.ribbon:hover {
    text-decoration: none;
}

.ribbon a.content {
    display: block;
    padding: 30px 0;
    width: 667px;
    overflow: hidden;
}

.ribbon img {
    position: absolute;
    top: 50%;
    margin-top: -48px;
    left: 10px;
    width: 96px;
    height: auto;
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    -webkit-animation: pulsate 1s linear infinite;
    -moz-animation: pulsate 1s linear infinite;
    -ms-animation: pulsate 1s linear infinite;
    animation: pulsate 1s linear infinite;
}

.badges {
    display: block;
    position: relative;
    margin-top: 40px;
}

.badges > * {
    display: inline-block;
    margin: 0 30px 0 0;
    width: auto;
    height: 56px;
    text-align: center;
    opacity: 0.5;
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
    vertical-align: middle;
    -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;
    transform-style: preserve-3d;
}

.badges > a img {
    width: auto;
    height: 100%;
}

.badges > *:last-child {
    margin-right: 0;
}

.badges > *:hover {
    opacity: 1;
    -webkit-filter: none;
    filter: none;
}

.social-timeline-wrap {
    display: block;
    position: relative;
    margin: 15px auto;
    width: 640px;
    overflow: hidden;
}

.social-timeline {
    display: block;
    position: relative;
    float: left;
    width: 300px;
}

.social-timeline:last-child {
    float: right;
}

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

#footer-wrap {
    display: block;
    position: relative;
    margin: 0;
    padding: 0;
    font-size: 90%;
    font-weight: 500;
    color: rgba(255, 255, 255, .60);
    height: auto;
    background: #2f3038;
    box-sizing: border-box;
}

#footer-wrap footer {
    display: grid;
    grid-template-columns: 2fr 2fr 1fr;
    grid-gap: 50px;
    margin: 0 auto;
    padding: 60px 0;
    width: 60%;
    box-sizing: border-box;
}

#footer-wrap .copyright {
    display: block;
    margin: 0 auto;
    padding: 40px 0;
    width: 60%;
    text-align: center;
    border-top: 1px rgba(255, 255, 255, .25) solid;
    box-sizing: border-box;
}

/* ============================== */
/* FORMS */
/* ============================== */

#mainform {
    display: block;
    position: relative;
    margin: 25px auto;
    padding: 20px 15px;
    width: auto;
    height: auto;
    color: #444;
    border-top: 4px #e74c4c solid;
    box-sizing: border-box;
}

form .left {
    float: left;
}

form .right {
    float: right;
}

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

#mainform input,
#mainform select,
#mainform textarea {
    padding: 10px;
    width: 100%;
    height: auto;
    font-size: 90%;
    -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-wrap form {
    display: block;
    position: relative;
    margin: 30px auto 0;
    padding: 0 0 30px;
    width: auto;
    text-align: left;
    border-top: 4px #eeb13c solid;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

#mainform fieldset {
    margin: 15px 0;
    padding: 0;
    width: 100%;
    border: none;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

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

#mainform p {
    margin: 15px 0;
    font-size: 110%;
    font-weight: 700;
    color: #353d4e;
    text-shadow: none;
}

.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;
}

label {
    display: block;
    margin: 8px 0;
    font-size: 100%;
}

input, select, textarea {
    display: block;
    position: relative;
    margin: 0 0 15px;
    font-size: 110%;
    color: #333;
    background: #fff;
}

input {
    margin: 0 0 15px;
    padding: 10px 10px 9px;
    width: 95%;
    height: 40px;
    color: #656565;
    background: #fff;
    border: 1px solid #ccc;
    -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;
}

select {
    padding-left: 15px;
    width: 260px;
    height: 30px;
}

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: 97%;
    height: 200px;
    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 abel.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;
}

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

/* ============================== */
/* TABLES  */
/* ============================== */

table {
    table-layout: fixed;
    padding: 0;
    width: 100%;
    font-size: 17px;
    line-height: 1.6;
    border-spacing: 0;
}

table.info,
.faux-table {
    margin: 40px auto;
    color: #3f4150;
    background: #eee;
    border-spacing: 1px;
    border-top: 4px #f1c33e solid;
    border-bottom: 1px #aaa solid;
    box-shadow: 0 48px 172px rgba(0, 0, 0, .05);
}

table.info tr,
.faux-tr {
}

table.info tr:nth-child(odd),
.faux-tr:nth-child(odd) {
}

table.info th,
.faux-th {
    padding: 20px;
    font-family: Quantico;
    font-size: 100%;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0px;
    line-height: 1.2;
    background: rgba(255, 255, 255, .75);
    vertical-align: middle;
}

table.info th img {
    display: block;
    position: relative;
    margin: 0 auto 10px;
    width: 12.5%;
    max-width: 72px;
    height: auto;
}

table.info th.emphasis {
    font-family: Archivo;
    font-size: 140%;
    font-weight: 900;
    text-transform: none;
    letter-spacing: 0px;
    background: #3d485a;
}

table.info tr:nth-child(even) {
    background: rgba(0, 0, 0, .05);
}

table.info tr:nth-child(odd) th.emphasis {
    background: #576071;
}

table.info th img.fx-circle,
.faux-th img.fx-circle {
    margin: 0 auto 10px;
    max-width: 66.6% !important;
}

table.info td,
.faux-td {
    padding: 35px 30px;
    text-align: left;
    background: rgba(255, 255, 255, .66);
    border-right: none;
    border-left: none;
}

table.info ul,
.faux-table ul {
    margin: 15px 25px;
}

.faux-table {
    font-size: 15px;
}

.faux-tr {
    overflow: hidden;
}

.info .faux-tr {
    display: grid;
    border-bottom: 1px #ddd solid;
    grid-template-columns: repeat(3, 1fr);
}

.info .faux-th,
.info .faux-td {
    padding: 10px 15px;
    box-sizing: border-box;
}

.info .faux-th {
    font-weight: 700;
    text-align: center;
    text-transform: uppercase;
    align-self: center;
    grid-column: span 1;
}

.info .faux-td {
    padding: 10px 25px;
    border-left: 1px #ddd solid;
    grid-column: span 2;
}

.site-main table {
    margin: 25px auto;
}

caption,
th,
td {
    text-align: center;
}

caption {
    font-size: 90%;
    margin: 20px 0;
}

form th {
    font-size: .9em;
}

th {
    font-weight: bold;
}

td {
}

hr {
    display: block;
    position: relative;
    margin: 40px auto;
    width: 100%;
    border: none;
    border-bottom: 1px rgba(0, 0, 0, 0.15) solid;
}

/* ============================== */
/* GRIDS */
/* ============================== */

.grid {
    display: grid;
}

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

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

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

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

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

.grid-columns-8,
.gallery.grid-columns-8 {
    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;
}

.margin-top-none {
    margin-top: 0;
}

.margin-top-05 {
    margin-top: 10px;
}

.margin-top-none {
    margin-top: 0;
}

.margin-btm-none {
    margin-bottom: 0;
}

.margin-top-sm {
    margin-top: 2px;
}

.margin-btm-sm {
    margin-bottom: 10px;
}

.margin-top-md {
    margin-top: 30px;
}

.margin-lft-md {
    margin-left: 30px;
}

.margin-btm-md {
    margin-bottom: 30px;
}

.margin-center {
    margin-left: auto;
    margin-right: auto;
}

.padded {
    padding: 15px 25px;
}

.padded-hzl-lg,
table.calendar td.padded-hzl {
    padding-left: 25px;
    padding-right: 25px;
}

.padded-hzl {
    padding-right: 15px;
    padding-left: 15px;
}

.padded-vtl {
    padding-top: 15px;
    padding-bottom: 15px;
}

.padded-vtl-xl {
    padding-top: 100px;
    padding-bottom: 100px;
}

.padded-xl {
    padding: 40px;
}

.padded-top-lg {
    padding-top: 30px;
}

.padded-top-sm {
    padding-top: 5px;
}

.padded-top-md {
    padding-top: 20px;
}

.padded-top-xl {
    padding-top: 40px;
}

.padded-btm-lg {
    padding-bottom: 80px;
}

.padded-btm-md {
    padding-bottom: 20px;
}

.padded-btm-xl {
    padding-bottom: 80px;
}

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

/* ============================== */
/* TESTIMONIALS
/* ============================== */

#testimonials-wrap {
    display: block;
    position: relative;
    margin: 0 auto;
    padding: 0;
    width: 100%;
    height: auto;
    color: #fff;
    text-align: center;
    /*background: url(images/slide-tall.jpg) center center no-repeat;
  background-size: 100%;*/
    z-index: 1;
}

#testimonials-wrap .overlay {
    background: none;
}

#testimonials-wrap > a {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    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;
}

#testimonials-wrap a:hover {
    opacity: 1;
}

#testimonials-wrap img {
    display: block;
}

#testimonials-wrap p {
    margin: 40px 0;
    font-family: Prata;
    font-size: 200%;
    font-weight: 300;
    letter-spacing: -0.5px;
    line-height: 1.3;
}

#testimonials {
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    padding: 0;
    width: 100%;
    height: 100%;
    box-sizing: border-box;
}

#testimonials:after {
    content: "”";
    display: none;
    position: absolute;
    top: 40px;
    right: 50px;
    font-size: 120px;
    line-height: 1;
    opacity: 0.25;
}

#testimonials img {
    display: block;
    position: relative;
    float: left;
    margin: 0;
    width: 50%;
    height: auto;
    /* -webkit-filter: grayscale(100%);
        filter: grayscale(100%);*/
    -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;
}

#testimonials img:hover {
    -webkit-filter: none;
    filter: none;
}

#testimonials .cycle-pager {
    display: block;
    position: absolute;
    bottom: 40px;
    right: 40px;
    left: auto;
    margin: 0;
    padding: 0;
    width: 100px;
    height: 8px;
    background-size: 100% auto;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -ms-transform: none;
    -webkit-transform: none;
    transform: none;
    z-index: 9999;
}

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

#testimonials .cycle-pager span {
    margin: 0 12px 0 0;
    background: rgba(0, 0, 0, .25);
}

.testimonial {
    display: block;
    position: relative;
    margin: 0 auto;
    padding: 0;
    width: 100%;
    height: 100%;
    box-sizing: border-box;
    overflow: hidden;
}

.testimonial .slide-overlay {
    right: 0;
    left: auto;
    width: 66.6%;
}

.testimonial .slide-overlay div {
    padding: 0 90px 0 70px;
}

.testimonial-text {
    display: block;
    position: absolute;
    top: 10%;
    left: 50%;
    padding: 0;
    width: 66.6%;
    height: auto;
    box-sizing: border-box;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
}

.name {
    font-size: 95%;
    letter-spacing: 1px;
}

#testimonials-wrap small {
    font-size: 90%;
}

#testimonials p.stars {
    margin: 0;
    font-style: normal;
    font-size: 120%;
    color: #f1c33e;
    letter-spacing: 2px;
}

#testimonials-wrap footer {
    box-sizing: border-box;
    overflow: hidden;
}

#testimonials-wrap footer img {
    float: left;
    margin: 3px 15px 5px 0;
    width: 48px;
    height: 48px;
    border-radius: 100%;
    box-sizing: border-box;
}

/* ============================== */
/* BUSINESS CARD  */
/* ============================== */

.home #container {
    padding: 0;
}

#container {
    display: block;
    position: relative;
    padding-top: 80px;
}

#card {
    display: block;
    position: fixed;
    top: 0;
    left: -30%;
    padding: 40px 60px;
    width: 30%;
    height: 100%;
    font-size: 90%;
    color: rgba(255, 255, 255, .75);
    text-align: center;
    background: #111;
    box-sizing: border-box;
    z-index: 3;
}

.mobile_visible {
    display: none !important;
}


/* ============================== */
/* MOBILE  */
/* ============================== */

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

    body, html {
        font-size: 13px;
        font-size: 13.5px;
    }

    #header {
        grid-template-columns: 2fr 11fr 2fr;
    }

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

    #site-navigation .menu li > a,
    #site-navigation .menu li > a:hover,
    #site-navigation .menu li.sub-wrapper .sub-menu a,
    #site-navigation li.sub-wrapper .sub-menu a {
        padding: 10px 15px;
    }

    .badges > * {
        margin: 0 30px 0 0;
        height: 40px;
    }

}

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

    body, html {
        font-size: 15px;
    }

    h1 {
        font-size: 240%;
    }

    h4 {
        font-size: 115%;
    }

    .btn {
        font-size: 90%;
    }

    .slide-text {
        width: 75%;
    }

    #art .slide-text p {
        font-size: 110%;
    }

    .tag {
        padding: 5px 25px;
        font-size: 75%;
    }

    .content {
        padding: 60px 0;
        width: 66.6%;
    }

    #collage {
        margin-bottom: 0;
    }

    .badges > * {
        margin: 0 25px 0 0;
        height: 40px;
    }

    #testimonials:after {
        top: 10px;
        right: 15px;
        font-size: 100px;
    }

    #testimonials-wrap p {
        font-size: 150%;
        letter-spacing: 0;
        line-height: 1.4;
    }

    #footer-wrap {
        font-size: 80%;
    }
}

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

    #header {
        grid-template-columns: 1fr 4fr 1fr;
    }

    #next {
        right: 10px;
    }

    #prev {
        left: 10px;
    }

    .content {
        width: 92%;
    }
}

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

    #header {
        grid-template-columns: 2fr 5fr 3fr;
    }

    h2 {
        font-size: 200%;
    }

    h3 {
        font-size: 125%;
    }

    h4 {
        font-size: 100%;
    }

    a#logo {
        padding: 20px 0;
    }

    #contact-info {
        padding: 0;
    }

    a#phonelink,
    a#phonelink:hover {
        font-size: 100%;
    }

    #site-navigation .menu li,
    #site-navigation .menu > li:hover {
        font-size: 95%;
    }

    .tag {
        display: none !important;
    }

    .testimonial-text {
        width: 86%;
    }

    #testimonials-wrap p {
        margin: 15px 0;
        font-size: 115%;
    }

}

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

    body,
    html {
        font-size: 12px;
    }

    h1 {
        font-size: 180%;
    }

    h4 {
        font-size: 100%;
    }

    #art .slide-text p {
        font-size: 90%;
    }

    #header {
        grid-template-columns: 2fr 5fr 2fr;
    }

    .column-wrap p,
    .column p {
        font-size: 60%;
    }

    #pre {
        font-size: 55%;
    }

    #testimonials-wrap p {
        font-size: 110%;
    }

}

@media screen {

    @media (max-width: 767px) {

        .mobile_visible {
            display: block !important;
        }

        #header-wrap.active #header{
            padding:0px 20px;
        }

        .active a#logo{
            padding: 20px 0px;
        }

        #header {
            background: #2f3038;
            display: flex;
            align-items: center;
            justify-content: space-between;
        }

        .desktop_view {
            display: none !important;
        }

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

        #site-navigation li .sub-menu{
            padding: 0px;
        }

        #site-navigation li.opened .sub-menu {
            position: static;
            background: #393a4257;
            width: 100%;
        }

        #site-navigation .menu li:hover {
            width: 100%;
        }

        #site-navigation .menu>li:hover>a {
            padding: 15px !important;
            width: 100%;
        }

        #site-navigation .menu li a:after {
            right: 20px;
        }

        #site-navigation .menu li a {
            padding: 15px;
            width: 100%;
            position: relative;
            text-align: left;
        }

        #site-navigation.hiden_nav{
            height: 0px;
        }

        #site-navigation {
            position: absolute;
            background: rgb(47, 48, 56);
            top: 75px;
            width: 250px;
            left: 0;
            height:  auto;
            -webkit-transition: all 0.25s ease-in-out;
            -moz-transition: all 0.25s ease-in-out;
            -ms-transition: all 0.25s ease-in-out;
            -o-transition: all 0.25s ease-in-out;
            transition: all 0.25s ease-in-out;
            overflow: hidden;
        }

        .contact-info:hover,
        #burger_menu:hover {
            color: #fff;
            text-decoration: none;
        }

        .contact-info,
        #burger_menu {
            font-size: 45px !important;
            text-decoration: none;
            color: #fff;
            border: none;
        }

        .contact-info {
            order: 3;
        }

        #logo {
            order: 2;
        }

        #container.home_main{
            margin-top: 75px;
        }

        #slideshow .slide-text>h1{
            line-height: 26px !important;
            margin: 0 0 15px;
        }

        #slideshow .slide-text>a{
            margin: 0px 0;
            padding: 12px 20px;
        }

        .whatwedo{
            display: block;
        }

        .ruled:before,
        .ruled:after {
            width: 30%;
        }

        #footer-wrap footer h6{
            font-size: 15px;
        }

        #footer-wrap footer p{
            font-size: 12px;
        }

        #footer-wrap footer{
            display: block;
            width: 100%;
            padding: 40px 20px;
        }

        #footer-wrap img {
            max-width: 180px;
            margin-top: 30px;
        }

        #collage>a{
            margin-bottom: 15px;
        }

        #collage{
            display: block;
        }

        .whatwedo i.material-icons {
            display: flex;
            align-items: center;
            justify-content: center;
        }

        .field.right {
            padding-left: 0px !important;
        }

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

        h3.columns, p.columns{
            -webkit-column-count: 1;
             column-count: 1;
        }

        fieldset .field{
            width: 100%;
        }

    }

    @media (max-width: 480px) {

        .contact-info, #burger_menu {
            font-size: 35px !important;
        }

    }

}