/* Reset */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{border:0;font-size:100%;font:inherit;margin:0;padding:0}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}
body{line-height:1}
ol,ul{list-style:none}
blockquote,q{quotes:none}
blockquote:before,blockquote:after,q:before,q:after{content:none}
table{border-collapse:collapse;border-spacing:0}
* {box-sizing:border-box}
html, body {margin:0;height:100%}
body {background:white; color:black; font-size:100%; font-weight:400; font-family:'Montserrat', Helvetica, Arial, sans-serif; font-stretch:normal; text-rendering:optimizeLegibility !important; -webkit-font-smoothing:antialiased !important; -webkit-text-size-adjust:none}
h1, h2, h3, h5, .menu-panel nav, .footer-menu li a {font-weight:500; font-family:'Playfair Display', serif}
h1 {font-size:400%; line-height:125%}
h2 {font-size:300%; line-height:125%; font-size:5vw}
h3 {font-size:125%; line-height:140%}
h4 {font-size:115%; line-height:140%; padding-bottom:1em}
h5 {line-height:150%; font-size:100%; padding-bottom:1em}
h6 {font-weight:bold; font-size:90%;}
p {line-height:150%; font-size:90%; padding-bottom:1em}
strong {font-weight:700}
.highlight {color:#a08d69}
hr {margin:20px 0; border:0; height:1px; font-size:1px; background:black; display:block;}
.full-screen ul, .full-screen ol {margin:0.5em 0 0.5em 1.5em; font-size:90%}
.full-screen ul li {list-style-type:disc; margin:0.25em 0; line-height:150%}
.full-screen ol li {list-style-type:decimal; margin:0.25em 0; line-height:150%}
@media only screen and (min-width:1024px) and (max-width:1300px) {
h1 {font-size:350%;}
h2 {font-size:275%;}
h3 {font-size:100%; line-height:125%}
h4 {font-size:100%; line-height:125%; padding-bottom:0.5em}
h5 {line-height:125%; padding-bottom:0.5em}
}
@media only screen and (max-width:767px) {
h1 {font-size:250%}
h2 {font-size:175%}
}
a, button {color:black; font-weight:700}
button.more {border:0; background:none; font-family:'Montserrat', Helvetica, Arial, sans-serif; padding:0; outline:none; cursor:pointer}
.more:after {content:""; width:15px; height:12px; margin-left:10px; display:inline-block; background-image:url("data:image/svg+xml;charset=utf8,%3Csvg enable-background='new 0 0 476.213 476.213' version='1.1' viewBox='0 0 476.21 476.21' xml:space='preserve' xmlns='http://www.w3.org/2000/svg'%3E%3Cpolygon points='345.61 107.5 324.39 128.71 418.79 223.11 0 223.11 0 253.11 418.79 253.11 324.39 347.5 345.61 368.71 476.21 238.11'/%3E%3C/svg%3E"); background-size:15px}
/* Image Size Settings */
img {max-width:100%}
section {text-align:left; position:relative; z-index:10}
@media only screen and (min-width:768px) {
.hideOnDesktop {display:none}
section {display:flex; align-items:left}
.full-screen{display:flex; width:1500vw; max-width:calc(1920px *15); max-height:100%; overflow:hidden; height:100%}
}
@media only screen and (max-width:767px) {
.hideOnMobile {display:none}
main#intro{flex-direction:column}
.full-screen{max-width:100%;max-height:500vh;height:auto}
}
/* Main Logo */
@media only screen and (min-width:768px) {
.logo {position:fixed; top:0px; left:0px; z-index:10000; width:80px; height:100%; text-align:center}
.logo img {height:175px; opacity:0; position:absolute; top:40%; top:calc(50% - 90px); left:15px; transition:all 500ms ease-in-out}
.mobilelogo {display:none}
.logo img {opacity:0; transition:all 250ms ease-in-out}
.logo.changecolor img {opacity:1}
.logo.changecolor {background:white}
}
@media only screen and (max-width:767px) {
.mobilelogo {position:fixed; top:0px; left:0px; z-index:10000; width:100%; height:80px; text-align:center}
.mobilelogo img {width:175px; margin:15px 0 0; }
.mobilelogo img {opacity:0; transition:all 250ms ease-in-out}
.mobilelogo.changecolor img {opacity:1}
.mobilelogo.changecolor {background:white}
.single .mobilelogo { z-index:1;}
.single .mobilelogo img {opacity:1;}
}
/* Social Links */
.social a {display:block; color:white; padding:1.25vh 0}
@media only screen and (min-width:768px) {
.social {position:fixed; z-index:10002; width:80px; bottom:2vh; left:0px; font-size:150%; text-align:center}
.social.changecolor a {color:black}
}
@media only screen and (max-width:767px) {
.social {position:absolute; z-index:10002; width:100%; bottom:2vh; display:block; left:0px; font-size:150%; text-align:center; display:none}
.menu-panel .social {display:block}
.social a {display:inline-block; padding:1.5vh}
}
/* Main Menu */
.menu-panel {background:#d0c6bc; position:fixed; z-index:10001; overflow-y:auto; left:-700px; width:700px; height:100%; box-sizing:border-box; text-align:right; transition:left 0.25s ease-in-out}
.menu-panel.show {left:0px; -webkit-box-shadow:0px 0px 20px 0 rgba(0,0,0,0.1)}
/* Animated Burger Menu */
#burger-toggle{cursor:pointer; width:80px; padding:0 0 2px 24px; height:80px; margin:0; border:0; -webkit-appearance:none; outline:none; background:transparent; position:fixed; top:0px; left:0px; z-index:100001}
#burger-toggle span, #burger-toggle span:before, #burger-toggle span:after {cursor:pointer; border-radius:1px; height:3px; width:30px; background:white; position:absolute; display:block; content:''}
#burger-toggle.changecolor span, #burger-toggle.changecolor span:before, #burger-toggle.changecolor span:after {background:black}
#burger-toggle span:before {top:-10px}
#burger-toggle span:after {bottom:-10px}
#burger-toggle span, #burger-toggle span:before,#burger-toggle span:after, input[type=submit] {transition:all 250ms ease-in-out}
#burger-toggle.active span {background-color:transparent}
#burger-toggle.active span:before, #burger-toggle.active span:after {top:0; background:white}
#burger-toggle.active span:before {transform:rotate(45deg)}
#burger-toggle.active span:after {transform:rotate(-45deg)}
.menu-panel nav, .footer-menu nav {display:inline-block; vertical-align:top; width:250px; margin:0; font-size:275%; font-weight:600}
.footer-menu nav {width:100%;}
.menu-panel nav a, .footer-menu nav a {display:block; color:white; text-align:left; text-decoration:none; padding:1.5vh 0}
.menu-panel nav a:hover, .footer-menu nav a:hover {text-decoration:underline}
.menu-panel nav a.small, .footer-menu nav a.small {font-size:15px; font-family:'Montserrat', Helvetica, Arial, sans-serif; font-weight:700; padding:8px 0}
.openMenu {position:absolute; left:100px; top:0px; }
.openMenu, .closeMenu {font-size:100%; cursor:pointer; background:transparent; padding:5px 20px; margin:0; border:none; outline:none; color:#333; font-weight:normal}
.closeMenu {color:white}
.menu-panel .contacts {display:inline-block; vertical-align:top; width:250px; margin:0 50px 0 0; padding:20px 0; text-align:left; color:white}
.menu-panel hr, .footer-contain hr {display:block; height:1px; background:white; border:0; margin:10px 0 20px}
@media only screen and (min-width:768px) {
.menu-panel .social {display:none}
}
@media only screen and (max-width:767px) {
#burger-toggle{width:70px; padding:0 0 2px 20px; height:70px; }
#burger-toggle.godark span, #burger-toggle.godark span:before, #burger-toggle.godark span:after {background:black}
#burger-toggle.godark.active span {background-color:transparent}
.menu-panel {left:-100%; width:100%}
.menu-panel nav, .menu-panel .contacts {width:45%}
}
@media only screen and (max-width:480px) {
.menu-panel nav {width:auto; display:block; text-align:center; font-size:200%}
.menu-panel nav a {text-align:center}
.menu-panel .contacts {display:none}
}
/* Vertically Center Elements */
.vert-center {position:relative; top:50%; -webkit-transform:translateY(-50%); -ms-transform:translateY(-50%); transform:translateY(-50%); max-width:900px; margin:0 auto}
/* Arrow Links to next page */
.arrow {position:absolute; text-align:center; width:80px; right:0px; top:50%; text-indent:-9999px; -webkit-transform:translateY(-50%); -ms-transform:translateY(-50%); transform:translateY(-50%); max-width:80px}
.arrow a {margin:0 0 0 15px; width:40px; height:40px; display:block; background-image:url("data:image/svg+xml;charset=utf8,%3Csvg enable-background='new 0 0 476.213 476.213' version='1.1' viewBox='0 0 476.21 476.21' xml:space='preserve' xmlns='http://www.w3.org/2000/svg'%3E%3Cpolygon points='345.61 107.5 324.39 128.71 418.79 223.11 0 223.11 0 253.11 418.79 253.11 324.39 347.5 345.61 368.71 476.21 238.11'/%3E%3C/svg%3E"); background-size:40px}
@media only screen and (min-width:768px) and (max-width:1240px) {
.arrow {position:absolute; text-align:center; width:50px; max-width:50px}
.arrow a {margin:0 auto; width:30px; height:30px; display:block; background-size:30px}
}
@media only screen and (max-width:767px) {
.arrow {display:none}
}
/* Image Fill Space */
.image-fill {position:relative; z-index:1; height:100%; overflow:hidden; display:flex; margin:0;}
.image-fill img {flex-grow:1; object-fit:cover; width:100%; height:auto; height:auto; flex-grow:0; }
@media only screen and (max-width:767px) {
.image-fill {height:50vh;}
.image-fill img {}
}
/* Video Fill Space */
.video-fill {position:relative; z-index:1; height:100%; width:100%; width:calc(100% - 80px); overflow:hidden; display:flex; margin:0}
.video-fill video, .video-fill .landing, .video-fill iframe {flex-grow:1; object-fit:cover; width:100% !important; height:auto; height:auto; flex-grow:0; }
/*.video-fill:after {position:absolute; width:100%; height:100%; left:0px; top:0px; background:rgba(0,0,0,0.05); content:"";}*/
@media only screen and (max-width:767px) {
.video-fill {height:50vh; width:100%;}
}
/* Landing Image */
@media only screen and (min-width:1024px) {
.landing-contain {width:95%; width:calc(100% - 80px); height:100vh; display:block; position:relative; z-index:10002}
#landing .white-logo {position:absolute; z-index:10003; top:42%; left:25%; width:45%; text-align:center}
#landing .white-logo img {max-width:500px}
}
@media only screen and (max-width:768px) {
#landing {height:50vh}
#landing .white-logo {position:absolute; z-index:10003; top:40%; left:25%; width:50%; text-align:center}
#landing .white-logo img {max-width:100%}
}
/* Intro Page */
@media only screen and (min-width:768px) {
.intro-contain {width:90%; width:calc(100% - 200px); margin-left:120px}
#intro .banner {width:100%; height:60vh; display:grid; grid-template-columns:40% 60%; grid-column-gap:0px; align-items:center}
#intro .banner .image-fill {height:60vh}
#intro .banner h2 {padding-right:50px}
#intro .text-columns {display:grid; height:30%; grid-template-columns:30% auto 30%; grid-column-gap:0px; align-items:end}
#intro .text-columns h2 {padding:0 50px}
#intro .text-columns h5 {padding-right:50px; padding-bottom:0}
}
@media only screen and (max-width:767px) {
#intro .banner {padding:20px}
#intro .banner h2 {padding-bottom:20px}
#intro .text-columns {padding:0 20px}
}
/* About Page */
@media only screen and (min-width:1024px) {
.about-contain {width:95%; width:calc(100% - 160px); margin-left:80px; height:100vh; display:grid; grid-template-columns:45% 10% 45%; grid-column-gap:0px; align-items:center}
#about .copy {border-left:1px solid black; padding:50px}
}
@media only screen and (max-width:767px) {
#about .copy {padding:20px}
}
/* Rotated Page Header */
@media only screen and (min-width:1024px) {
.page-header, .year-header {height:100%; position:relative; align-items:center}
.page-header h1, .year-header h2 {position:absolute; top:100%; left:1.5vw; width:100vh; white-space:nowrap;transform-origin:0 0;transform:rotate(-90deg);text-align:center}
.year-header h2 {font-size:200%}
}
@media only screen and (max-width:1023px) {
.page-header, .year-header {padding:20px}
}
/* Clients Page */
#clients .copy img {margin-bottom:1em}
@media only screen and (min-width:768px) {
.clients-contain {width:90%; width:calc(100% - 200px); margin-left:120px; height:100vh; display:grid; grid-template-columns:10% 45% 45%; grid-column-gap:0px; align-items:center}
#clients .copy {border-left:1px solid black; padding:50px}
}
@media only screen and (max-width:767px) {
#clients .copy {padding:0 20px 20px}
#clients .image-fill {margin:10px 20px 20px}
}
/* Work Page */
.work-nav {}
.work-nav div {display:block; padding:1em 0; line-height:125%}
.work-nav a {display:block; padding:5px 0}
.work-nav .current, .work-nav .current a {color:#a08d69}
#work .logos img {max-height:65px}
#work .logos img{filter:grayscale(100%);transition:all 250ms ease-in-out}
#work .logos img:hover{filter:grayscale(0%)}
@media only screen and (min-width:768px) {
.work-contain {width:90%; width:calc(100% - 200px); margin-left:120px; height:100vh; display:grid; grid-template-columns:80% 20%; grid-column-gap:0px; align-items:center}
#work .copy {padding:0px}
#work .copy img {margin-bottom:1em}
#work .copy p {display:inline-block; vertical-align:bottom; width:49.5%}
#work .copy .image {display:inline-block; vertical-align:bottom; width:49.5%}
#work .copy p {padding-right:50px}
#work .logos {border-top:1px solid black; margin:40px 0 0; padding:40px 0 0; width:100%; display:grid;grid-template-columns:repeat(5,auto);grid-template-rows:1fr;grid-column-gap:50px;grid-row-gap:0px; align-items:center}
.work-nav {padding:25px 50px; border-left:1px solid black; border-right:1px solid black}
}
@media only screen and (min-width:1024px) and (max-width:1300px) {
.work-nav div {padding:0.5em 0;}
}
@media only screen and (max-width:767px) {
#work .work-nav {display:none}
.work-nav {padding:10px 0}
.work-nav div {display:block; padding:10px 20px}
.work-nav span {display:inline-block; width:35px; vertical-align:top}
.work-nav a {display:inline-block; width:calc(100% - 40px); vertical-align:top; padding:0}
.work-contain .copy {padding:0 20px 20px}
#work .logos {border-top:1px solid black; margin:20px 0 0; padding:20px 0 0; width:100%; display:grid; grid-template-columns:repeat(3,auto); grid-template-rows:2fr; grid-column-gap:20px; grid-row-gap:20px; align-items:center}
#work .logos img {max-height:50px}
}
/* Portfolio Pages */
.portfolio-contain h3, .portfolio-contain h4 {padding:10px 0 15px 0}
.media-coverage {display:grid; grid-template-columns:50% 50%; grid-column-gap:0; align-items:top}
#portfolio-4 .media-coverage {grid-template-columns:33% 33% 33%}
.media-coverage div { border-top:1px solid black; padding:7px 20px 7px 0}
.media-coverage h3 {padding:3px 0}
.portfolio-contain img.leftimg {float:left; margin:0 20px 20px 0; max-width:80px}
/*#portfolio-1 .arrow,
#portfolio-2 .arrow,
#portfolio-3 .arrow {display:none;}*/
@media only screen and (min-width:1024px) {
.portfolio-contain {width:90%; width:calc(100% - 80px); margin-left:80px; height:100vh; display:grid; grid-template-columns:20% 40% 40%; grid-column-gap:0px; align-items:center}
#portfolio-2 .portfolio-contain,
#portfolio-4 .portfolio-contain {width:calc(100% - 120px); }
.portfolio-contain .work-nav {border:0; border-right:1px solid black}
.portfolio-contain .copy {padding:10px 40px}
#portfolio-1 .portfolio-contain {grid-template-columns:20% 40% 40%}
#portfolio-2 .portfolio-contain,
#portfolio-4 .portfolio-contain {grid-template-columns:20% 35% 45%}
#portfolio-2 .work-nav,
#portfolio-4 .work-nav {padding:25px; margin-right:25px}
#portfolio-4 .logos {width:100%; margin:1em 0 0; display:grid; grid-template-columns:20% 80%;grid-template-rows:1fr;grid-column-gap:20px;grid-row-gap:0px; align-items:top}
#portfolio-4 .logos img {max-height:80px}
#portfolio-4 .logos p {font-size:80%}
}
@media only screen and (min-width:1024px) and (max-width:1300px) {
.media-coverage h3 {padding:2px 0}
.media-coverage div {padding:5px 10px 5px 0}
.portfolio-contain img.leftimg {margin:0 10px 10px 0; max-width:50px; height:auto !important}
}
@media only screen and (max-width:768px) {
.portfolio-contain .copy {padding:20px}
#portfolio-4 .logos {padding:10px 0}
#portfolio-4 .logos div {display:inline-block; width:auto; vertical-align:top; padding:10px 10px 10px 0}
#portfolio-4 .logos div:last-of-type {display:block; width:auto}
#portfolio-4 .logos img {max-height:80px}
#portfolio-4 .logos p {font-size:80%}
}
/* Services Pages */
.service .image-fill {height:25vh; margin:0 0 1em}
@media only screen and (min-width:1024px) {
.services-contain {width:95%; width:calc(100% - 120px); margin-left:80px; height:100vh; display:grid; grid-template-columns:10% 90%; grid-column-gap:0px; align-items:center}
/*#services-one .arrow {display:none;}*/
#services-two .services-contain {width:95%; width:calc(100% - 120px); margin-left:120px; display:grid; grid-template-columns:95%; }
.services-grid {display:grid; grid-template-columns:repeat(3,1fr);grid-template-rows:1fr;grid-column-gap:0px}
.service {padding:0 40px; border-left:2px solid black}
}
@media only screen and (max-width:768px) {
.service {padding:10px 20px}
.service .image-fill {height:35vh}
}
/* Team Page */
.team-contain .grid {max-width:100%}
.grid-item {float:left}
.grid-item, .grid-item-content {width:120px; height:140px}
.grid-item-content {background:white; border:0; -webkit-transition:width 0.2s, height 0.2s;transition:width 0.2s, height 0.2s}
.grid-item:hover .grid-item-content {cursor:pointer}
.grid-item.is-expanded, .grid-item.is-expanded .grid-item-content {width:240px;height:280px}
.grid-item.is-expanded {z-index:2}
.member-info {padding:20px 40px;}
.member-info h6 {display:inline-block; border-bottom:1px solid black; padding:0 0 10px;}
.member-info h3 {font-size:250%; padding:15px 0;}
@media only screen and (min-width:1024px) {
.team-contain {width:95%; width:calc(100% - 120px); margin-left:80px; height:100vh; display:grid; grid-template-columns:10% 480px auto; grid-column-gap:0px; align-items:center}
.member-info {max-height:90vh; overflow-y:auto;}
}
@media only screen and (max-width:1300px) {
.grid-item, .grid-item-content {height:130px}
.grid-item.is-expanded, .grid-item.is-expanded .grid-item-content {height:260px}
.grid-item-content .image-fill {width:120px; height:130px;}
.grid-item.is-expanded .image-fill {width:240px; height:260px}
}
@media only screen and (max-width:1023px) {
.team-contain .copy {clear:both;}
.member-info {clear:both; padding:20px;}
}
/* News Page */
.latest-post {padding:0 40px; }
.latest-post .image-fill {height:35vh; margin-bottom:20px}
span.date {font-size:85%; padding-bottom:10px; display:block}
.post {margin-bottom:20px}
.post h3 {margin-bottom:10px}
.categories a {display:block; padding:20px 0; border-bottom:1px solid black; text-decoration:none; font-family:'Playfair Display', serif; font-weight:400}
.categories div:last-of-type a {font-family:'Montserrat', Helvetica, Arial, sans-serif; font-weight:700}
@media only screen and (min-width:1024px) {
.news-contain {width:95%; width:calc(100% - 160px); margin-left:80px; height:100vh; display:grid; grid-template-columns:10% 90%; grid-column-gap:0px; align-items:center}
.post-feed {border-left:1px solid black}
.post-feed-columns {display:grid; grid-template-columns:50% 50%; grid-column-gap:0px; align-items:top; }
.post-feed .post {display:grid; grid-template-columns:40% 60%; grid-column-gap:20px; align-items:center}
.post-feed .post .image-fill {height:15vh}
.categories {display:grid;grid-template-columns:repeat(5, 1fr);grid-template-rows:1fr;grid-column-gap:20px;grid-row-gap:0px; margin:40px 0 0 40px; align-items:center; border-top:1px solid black}
}
@media only screen and (max-width:768px) {
.latest-post, .post {padding:0 20px; }
.post-feed .post .image-fill {height:35vh; margin-bottom:10px}
.categories {border-top:1px solid black; padding:10px}
.categories a {display:block; padding:10px; border:0; text-decoration:none; font-family:'Playfair Display', serif; font-weight:400}
}
/* Contact Page */
/* Form Elements */
.wpcf7 {display:block}
.wpcf7-form-control-wrap {padding:1.5vh 0; display:block; width:93%}
.wpcf7-list-item {display:block !important; padding:0.25em 0}
.wpcf7 input, .wpcf7 textarea, .wpcf7 select {outline:none; background:white; display:block; width:100%; padding:0.75em 0; margin:0; text-indent:0.75em; border:1px solid #1d2023; color:#1d2023; font-size:100%; -webkit-border-radius:0px; border-radius:0px}
.wpcf7 select {height:40px; line-height:40px; padding:0 0.5em; text-indent:0; -webkit-appearance:none; border-radius:0}
textarea {font-size:100%; font-weight:400; font-family:'Montserrat', Helvetica, Arial, sans-serif; }
::-webkit-input-placeholder {color:#999}
:-moz-placeholder {color:#999}
::-moz-placeholder {color:#999}
:-ms-input-placeholder {color:#999}
.wpcf7 p br {display:none}
.wpcf7 input[type=submit] { border:0; cursor:pointer; outline:none; text-indent:0; margin-top:1.5vh; text-decoration:none; padding:1em 1.5em !important; line-height:1em; background:#a99772; color:white; display:inline-block; text-align:center; font-weight:bold; -webkit-appearance:none; width:auto !important}
.wpcf7 input[type=submit]:hover {color:white !important; text-decoration:none; background:#555 !important}
/* Contact Form 7 output */
div.wpcf7-response-output {font-weight:bold; font-size:90%; line-height:125%; border:0 !important; padding:0 !important; margin:0 !important; color:red}
div.wpcf7-mail-sent-ok {font-size:90%; line-height:125%; color:black; font-weight:bold}
.wpcf7-not-valid-tip {display:block; font-size:90%; padding:0; color:red !important}
/* Subscribe Form */
.subscribe-form {max-width:300px;}
.subscribe-form .wpcf7-form-control-wrap {padding:1.25em 0 0; width:100%}
.subscribe-form input {background:transparent; color:white !important; border-color:white;}
.subscribe-form input[type=submit] {background:white; color:#d0c6bc !important; margin-top:1.25em;}
.subscribe-form input[type=submit]:hover {color:white !important; text-decoration:none; background:black !important}
.subscribe-form ::-webkit-input-placeholder {color:white}
.subscribe-form :-moz-placeholder {color:white}
.subscribe-form ::-moz-placeholder {color:white}
.subscribe-form :-ms-input-placeholder {color:white}
@media only screen and (min-width:1024px) {
.contact-contain {width:95%; width:calc(100% - 80px); margin-left:80px; height:100vh; display:grid; grid-template-columns:30% 10% 30% 30%; grid-column-gap:0px; align-items:center}
#contact .copy {border-left:1px solid black; padding:50px}
.contact-details {width:100%; display:grid; grid-template-columns:50% 50%; grid-column-gap:0px; align-items:center; padding:1em 0; margin:2em 0; border-bottom:1px solid black; border-top:1px solid black}
span.first-name, span.last-name, span.your-country, span.phone {display:inline-block; width:45%; vertical-align:top; margin-right:9px;}
}
@media only screen and (min-width:1024px) and (max-width:1300px) {
.contact-details {width:100%; display:block}
}
@media only screen and (max-width:1023px) {
#contact .copy {padding:10px 20px 20px}
.contact-details {padding:20px 0}
.contact-contain form {padding:20px;}
}
/* Footer page */
.footer-contain {background:#d0c6bc; color:white;}
.footer-menu ul, .footer-menu li {list-style-type:none !important; margin:0 !important; line-height:125% !important;}
@media only screen and (min-width:1024px) {
.footer-contain {width:100%; padding-left:160px; height:100vh; display:grid; grid-template-columns:350px 350px auto; grid-column-gap:0px; align-items:center}
}
@media only screen and (max-width:1023px) {
.footer-contain {padding:20px; align-items:center}
}
/* News Section */
.news-template .logo img {opacity:1}
/* Social Links */
.news-template .social a {color:black}
.news-template .social.changecolor a {color:white !important; }
.news-template #burger-toggle span, .news-template #burger-toggle span:before, .news-template #burger-toggle span:after {background:black}
.news-template #burger-toggle.active span {background-color:transparent}
.news-template #burger-toggle.active span:before, .news-template #burger-toggle.active span:after {top:0; background:white}
.news-template .posts {display:grid; grid-template-columns:repeat(2,auto); grid-column-gap:0px; grid-row-gap:10px; align-items:center}
.news-template .posts .post {padding:0px 30px; margin:0}
.news-template .year-header {border-right:1px solid black; border-left:1px solid black}
.news-template .year-header h2 {left:12px}
.post-contain .image-fill {margin:0 0 20px}
.prev-next {display:grid; grid-template-columns:repeat(2,auto); grid-column-gap:0px; align-items:center; margin:20px 0 0; padding:20px 0 0; border-top:1px solid black}
.prev-next a {font-size:90%; border:0; background:none; font-family:'Montserrat', Helvetica, Arial, sans-serif; padding:0; outline:none; cursor:pointer}
a.next {text-align:right}
a.prev:before, a.next:after {content:""; width:15px; height:12px; display:inline-block}
a.prev:before {margin-right:10px; transform:rotate(180deg); background-image:url("data:image/svg+xml;charset=utf8,%3Csvg enable-background='new 0 0 476.213 476.213' version='1.1' viewBox='0 0 476.21 476.21' xml:space='preserve' xmlns='http://www.w3.org/2000/svg'%3E%3Cpolygon points='345.61 107.5 324.39 128.71 418.79 223.11 0 223.11 0 253.11 418.79 253.11 324.39 347.5 345.61 368.71 476.21 238.11'/%3E%3C/svg%3E"); background-size:15px}
a.next:after {margin-left:10px; background-image:url("data:image/svg+xml;charset=utf8,%3Csvg enable-background='new 0 0 476.213 476.213' version='1.1' viewBox='0 0 476.21 476.21' xml:space='preserve' xmlns='http://www.w3.org/2000/svg'%3E%3Cpolygon points='345.61 107.5 324.39 128.71 418.79 223.11 0 223.11 0 253.11 418.79 253.11 324.39 347.5 345.61 368.71 476.21 238.11'/%3E%3C/svg%3E"); background-size:15px}
/* Close Link */
.close {position:absolute; text-align:center; width:80px; right:0px; top:50%; text-indent:-9999px; -webkit-transform:translateY(-50%); -ms-transform:translateY(-50%); transform:translateY(-50%); max-width:80px}
.close a {margin:0 auto; width:30px; height:30px; display:block; background-image:url("data:image/svg+xml;charset=utf8,%3Csvg id='Capa_1' enable-background='new 0 0 413.348 413.348' height='512' viewBox='0 0 413.348 413.348' width='512' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m413.348 24.354-24.354-24.354-182.32 182.32-182.32-182.32-24.354 24.354 182.32 182.32-182.32 182.32 24.354 24.354 182.32-182.32 182.32 182.32 24.354-24.354-182.32-182.32z'/%3E%3C/svg%3E"); background-size:30px}
@media only screen and (max-width:1024px) {
.close {top:35px; position:fixed; z-index:10000001}
}
/* Blogs */
.post-contain .post-image {margin-bottom:20px;}
.post-contain .post-image img {width:auto; max-width:100%; height:auto; max-height:60vh;}
@media only screen and (min-width:1024px) {
.archive-contain {width:95%; width:calc(100% - 120px); margin-left:80px; height:100vh; display:grid; grid-template-columns:10% 5% 40% 5% 40%; grid-column-gap:0px; align-items:center}
.post-contain {width:95%; width:calc(100% - 120px); margin-left:80px; height:100vh; display:grid; grid-template-columns:10% 45% 45%; grid-column-gap:0px; align-items:top}
.post-contain .column {padding:40px}
.post-contain .column.vertical-scroll {max-height:100vh; overflow-y:auto;}
.post-contain .page-header {border-right:1px solid black}
.post-contain h2 {font-size:300%; padding-bottom:20px;}
}
@media only screen and (max-width:1023px) {
.post-contain, .archive-contain {padding:60px 0 40px}
.post-contain .column {padding:0 20px}
.news-template .year-header {border:0; border-top:1px solid black; border-bottom:1px solid black; padding:5px 0 10px 0; margin:20px}
.news-template .posts .post {padding:0px 20px; margin:0}
.prev-next {margin:20px 0;}
}
/* Priacy popup */
/* Popup Modal */
.md-modal{margin:auto;position:fixed;top:0px;left:0;right:0;width:50%;width:100%;height:auto;z-index:9998;visibility:hidden;-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;backface-visibility:hidden}
.md-show{visibility:visible}
.md-modal:before{content:""; position:fixed;width:100%;height:100%;visibility:hidden;top:0;left:0;z-index:-1;opacity:0;background-color:white;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;transition:all 0.3s}
.md-modal.md-show:before{opacity:1;visibility:visible}
.md-effect .md-content{-webkit-transform:scale(0.8);-moz-transform:scale(0.8);-ms-transform:scale(0.8);transform:scale(0.8);opacity:0;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;transition:all 0.3s}
.md-show.md-effect .md-content{-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);transform:scale(1);opacity:1}
.md-close {position:absolute; border:0; background:none; outline:none; z-index:9999; right:1em; top:47%; text-align:center; width:80px; text-indent:-9999px; -webkit-transform:translateY(-50%); -ms-transform:translateY(-50%); transform:translateY(-50%); max-width:80px}
.md-close {margin:0 auto; width:30px; height:30px; display:block; background-image:url("data:image/svg+xml;charset=utf8,%3Csvg id='Capa_1' enable-background='new 0 0 413.348 413.348' height='512' viewBox='0 0 413.348 413.348' width='512' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m413.348 24.354-24.354-24.354-182.32 182.32-182.32-182.32-24.354 24.354 182.32 182.32-182.32 182.32 24.354 24.354 182.32-182.32 182.32 182.32 24.354-24.354-182.32-182.32z'/%3E%3C/svg%3E"); background-size:30px}
@media only screen and (min-width:1024px) {
.privacy-contain {width:95%; width:calc(100% - 120px); margin-left:80px; height:100vh; display:grid; grid-template-columns:35% 10% 55%; grid-column-gap:0px; align-items:center}
.privacy-contain .page-header {border-right:1px solid black;}
.privacy-contain .privacy-copy {padding:40px; line-height:150%; max-height:100vh;}
}
@media only screen and (max-height:700px) {
.privacy-contain .privacy-copy {overflow-y:scroll;}
}
.grecaptcha-badge{visibility:hidden;}