/*  Theme Name: tffTheme URI: http://sweans.comDescription: A WordPress theme frame workVersion: 2.0*//*/* ================================================== *//* created by Sweans* Fonts* General* Header* Navigation Menu* Footer* Intro Section* Logo Slider* Home Page * Page Intro * About Page * Resources Page * Coach Page * Shop Page  * Praise Page * Contact Form * Woocommerce* Blog Single* Sidebar* Archive* Media/*--------------------------------------------------------------# Include Fonts--------------------------------------------------------------*/@import url('https://fonts.googleapis.com/css?family=Dosis:300,400,700&display=swap');/*font-family: 'Dosis', sans-serif;*//*--------------------------------------------------------------# General--------------------------------------------------------------*/@font-face {  font-family: 'FontAwesome';  src: url('fonts/FontAwesome.eot');  src: url('fonts/FontAwesome.eot?#iefix') format('embedded-opentype'),  url('fonts/FontAwesome.woff') format('woff'),  url('fonts/FontAwesome.ttf') format('truetype'),  url('fonts/FontAwesome.svg#webfont') format('svg');}body {  background: #2a2a2a;  color: #000;  font-family: 'Dosis', sans-serif;  margin:0;}a {  color: #000;  transition: 0.5s;  cursor: pointer;  text-decoration: inherit;}a.arrowed {    font-size: 18px;    color: #402020;    display: table;    margin: 0 auto;    position: relative;    padding-top: 26px;    transition: 1s transform ease-in-out;}a.arrowed:after {    content: "\f078";    font-family: FontAwesome;    position: absolute;    left: 0;    right: 0;    top: 50px;    text-align: center;    font-weight: bold;}a.arrowed.expanded:after {    content: "\f077";    font-family: FontAwesome;    position: absolute;    left: 0;    right: 0;    top: -5px;    text-align: center;}p {    padding: 0;    margin: 0 0 30px 0;    font-size: 18px;    line-height: 30px;}h1,h2,.h2,h3,h4,h5,h6 {  font-family: 'Dosis', sans-serif;  font-weight: bold;  margin: 0 0 20px 0;  padding: 0;  color: #000;}.h1, h1 {    font-size: 48px;    line-height: 64px;}.h2, h2 {    font-size: 36px;}.h3, h3 {    font-size: 24px;    line-height: 64px;    margin: 0;}h2 a {  color: #000;  font-size: 22px;  line-height: 30px;}h2.h1 {    font-size: 28px;}a.btn, button.btn {    font-family: 'Dosis', sans-serif;    border: 2px solid #46b1ff;    color: #46b1ff;    font-weight: 300;    font-size: 21px;    border-radius: 36px;    transition: all 0.6s ease;    padding: 21px 95px 21px 40px;    float: left;    text-decoration: none;    margin: 63px 0 0;    position: relative;}a.btn:after {    content: '';    position: absolute;    right: 40px;    width: 21px;    height: 25px;    background: url(images/arrow.png) no-repeat center right;    transition: .3s all linear;}a.btn:hover:after {    right: 16px;}.btn.btn-outline-primary {    background-color: transparent;    border: 2px solid #c2a392;    padding: 0 45px;}.btn.btn-outline-primary:hover {    background-color: #c2a392;}.btn-outline-primary:not(:disabled):not(.disabled).active, .btn-outline-primary:not(:disabled):not(.disabled):active, .show>.btn-outline-primary.dropdown-toggle {    background-color: #c2a392;    border-color: #c2a392;}.btn-outline-primary.focus, .btn-outline-primary:focus {    box-shadow: 0 0 0 0.2rem rgba(194, 163, 146, 0.5);}.btn-outline-primary:not(:disabled):not(.disabled).active:focus, .btn-outline-primary:not(:disabled):not(.disabled):active:focus, .show>.btn-outline-primary.dropdown-toggle:focus {    box-shadow: 0 0 0 0.2rem rgba(194, 163, 146, 0.5);}a.btn.btn-large {    margin-top: 26px;    padding: 0 40px;}a.btn:hover {    color: #fff;}.main-page {  margin-top: 70px;}.bg-white {    background: #fff;    margin: 8vh 0px;    padding: 10vh 8% 10vh 6%;    float: left;    width: 86%;    height: 64vh;}section {    padding: 50px 0;}.no-padding {  padding:0!important;}.align-vertical {  display: -webkit-box;  display: -ms-flexbox;  display: flex;  -webkit-box-pack: center;  -ms-flex-pack: center;  justify-content: center;  -webkit-box-align: center;  -ms-flex-align: center;  align-items: left;  -webkit-box-orient: vertical;  -webkit-box-direction: normal;  -ms-flex-direction: column;  flex-direction: column;  text-align: left;  height: 100%;}.embed-container {       position: relative;       padding-bottom: 56.25%;      overflow: hidden;      max-width: 100%;      height: auto;  } .embed-container iframe,.embed-container object,.embed-container embed {     position: absolute;    top: 0;    left: 0;    width: 100%;    height: 100%;}/* Prelaoder */#preloader {  position: fixed;  left: 0;  top: 0;  z-index: 999;  width: 100%;  height: 100%;  overflow: visible;  background: #fff url("img/preloader.svg") no-repeat center center;}/* Back to top button */.back-to-top {  position: fixed;  display: none;  background: #364b46;  color: #fff;  width: 40px;  height: 40px;  text-align: center;  border-radius: 50px;  right: 15px;  bottom: 15px;  transition: background 0.5s ease-in-out;}.inner-page-body li{  padding: 0;    margin: 0 0 10px 0;    font-size: 18px;    line-height: 30px;}.back-to-top i {  font-size: 24px;  padding-top: 6px;}.back-to-top:focus {  background: #e0072f;  color: #fff;  outline: none;}.back-to-top:hover {  background: #0b1126;  color: #fff;}/*--------------------------------------------------------------# Navigation Menu--------------------------------------------------------------*/#navigation {    position: fixed;    width: 363px;    background: #fff;    top: 8vh;    z-index: 1;    height: 84vh;}ul#menu {    list-style: none;}div#logo {    text-align: center;    width: 100%;    margin-top: 67px;    margin-bottom: 73px;}ul#menu {    text-align: center;    padding: 0px !important;}ul#menu a {    font-size: 21px;    color: #071126;    font-weight: 300;    text-decoration: inherit;    font-family: 'Dosis', sans-serif;    line-height: 35px;}ul#menu li {    margin-bottom: 24px;}span.icon {    width: 32px;    height: 32px;    border: 2px solid #2270a9;    float: left;    text-align: center;    line-height: 32px;    border-radius: 50%;    margin: 0px 8px;    color: #2270a9;    transition: all 0.6s ease;}.icon-body {    display: inline-block;}.social-media {    display: block;    text-align: center;    padding:23px 0px 47px 0px;}span.icon:hover {    background-color: #2270a9;    color: #fff;    transition: all 0.6s ease;}.copyright-text p {    line-height: 24px;    font-size: 14px;    text-align: center;    margin-bottom: 0px;}.copyright-text p {    line-height: 24px;    font-size: 14px;    text-align: center;    margin-bottom: 0px;}.copyright-text {    float: left;    width: 100%;    padding-bottom: 57px;    padding-top: 60px;    position: relative;}.copyright-text::before {    position: absolute;    content: " ";    top: 0px;    width: 40%;    margin: 0px 30%;    height: 1px;    background-color: #1d6da7;}#mobile-nav{  display:none;}/*--------------------------------------------------------------# Main Content--------------------------------------------------------------*/#content .wrapper {    padding-left: 517px;}#intro {    display: -webkit-box;  display: -ms-flexbox;  display: flex;  -webkit-box-pack: center;  -ms-flex-pack: center;  justify-content: center;  -webkit-box-align: center;  -ms-flex-align: center;  align-items: left;  -webkit-box-orient: vertical;  -webkit-box-direction: normal;  -ms-flex-direction: column;  flex-direction: column;  text-align: left;  height: 100%;  background-size: cover;  color: #fff;}#intro h2 {    color: #fff;    font-size: 74px;    font-weight: 400;    text-transform: uppercase;    line-height: 103px;    margin-bottom: 26px;}.banner-content {    font-size: 21px;    line-height: 42px;    font-family: 'Dosis', sans-serif;    font-weight: 300;    letter-spacing: 2px;}.bg-banner h2::first-letter {    color:#1d6da7;}.section-title::first-letter {    color:#1d6da7;}/**********************************************************# Banner Section/*********************************************************/.intro-overlay{  width:100%;    display: -webkit-box;    display: -ms-flexbox;    display: flex;    -webkit-box-pack: center;    -ms-flex-pack: center;    justify-content: center;    -webkit-box-align: center;    -ms-flex-align: center;    align-items: left;    -webkit-box-orient: vertical;    -webkit-box-direction: normal;    -ms-flex-direction: column;    flex-direction: column;    text-align: left;    height: 100%;    background-size: cover;    color: #fff;  height:100%;  background-color: rgba(2, 14, 40, 0.44);}.bg-banner{    margin: 75px 0px;    padding: 90px 8% 129px 6%;    float: left;    width: 86%;}/**********************************************************# Gallery Section/*********************************************************/.gallery-column img {    object-fit: cover !important;    left: 0px !important;    position: absolute;}.gallery-column {    width: 33.33%;    float: left;    position: relative;    overflow: hidden;    height: 50%;}.gallery-column img {    height: 100%;    object-fit: cover !important;    width: 100%;    float: left;}.gallery-overlay {    position: absolute;    width: 100%;    height: 100%;    top: 0px;    left: 0px;    background-color: rgba(7, 17, 38, 0.47);}.gallery-title{    cursor: pointer;    position: absolute;    opacity: 0;    -webkit-transition: all 0.45s ease-in-out;    -moz-transition: all 0.45s ease-in-out;    -o-transition: all 0.45s ease-in-out;    -ms-transition: all 0.45s ease-in-out;    transition: all 0.45s ease-in-out;    width: 100%;    height: 100%;    text-align: center;    background-color: rgba(80, 134, 180, 0.85);  }  .gallery-title-inner {    display: table;    width: 100%;    height: 100%;}.gallery-title h2{  display:table-cell;  vertical-align: middle;  font-family: 'Dosis', sans-serif;  font-size: 36px;  color:#fff;  font-weight: 400;  text-transform: uppercase;}  .gallery-column:hover .gallery-title {    opacity: 1;} .gallery-column:hover img {    opacity: 1;    transform: scale(1.15,1.15);    -webkit-transform: scale(1.15,1.15);    -moz-transform: scale(1.15,1.15);    -ms-transform: scale(1.15,1.15);    -o-transform: scale(1.15,1.15);} .gallery-column img {    -webkit-transition: all 0.25s ease-in-out;    -moz-transition: all 0.25s ease-in-out;    -o-transition: all 0.25s ease-in-out;    -ms-transition: all 0.25s ease-in-out;    transition: all 0.25s ease-in-out;}h2.section-title {    line-height: 94px;    font-weight: 400;    font-size: 72px;    margin: 0 0 90px 0;    float: left;    width: 100%;    position: relative;}#upgrade_popup{  display:none;}#inline1{  display:none;}.featured-pages{  position: relative;}.down-arrow {    position: absolute;    bottom: -60px;    left: 20px;    display:none;}.down-right-arrow {    position: absolute;    bottom: -60px;    right: 6%;}.bounce {  -moz-animation: bounce 2s infinite;  -webkit-animation: bounce 2s infinite;  animation: bounce 2s infinite;}@keyframes bounce {  0%, 20%, 50%, 80%, 100% {    transform: translateY(0);  }  40% {    transform: translateY(-30px);  }  60% {    transform: translateY(-15px);  }}.gallery.bg-white {    position: relative;    padding: 0px !important;    height: 84vh;    width: 100%;    background-color: transparent;}/**********************************************************# Concepts Section/*********************************************************/.fetured-page-column:last-child {    margin-right: 0px;}.fetured-page-column {    width: 27%;    float: left;    margin-right: 9.5%;    padding: 130px 0px;    position: relative;}.fetured-page-column::before {    position: absolute;    content: "";    width: 70%;    height: 70%;    border-top: 5px solid #ffffff;    right: 0px;    top: 0px;    border-right: 5px solid #ffffff;    transition: all 0.2s linear;}.fetured-page-column::after{  position:absolute;  content:"";  width: 70%;  height: 70%;  border-left: 5px solid #ffffff;  left: 0px;  bottom: 0px;  border-bottom: 5px solid #ffffff;  transition: all 0.2s linear;}.fetured-page-column a{  text-decoration: inherit;}.fetured-page-column h3 {    text-align: center;    color: #ffffff;    font-size: 30px;    font-family: 'Dosis', sans-serif;    font-weight: 400;    text-transform: uppercase;    transition: all 0.2s linear;}.fetured-page-column .content img {    width: 100%;    z-index: 99999999 !important;    height: 100%;}.title-back {    width: 100%;    position: absolute;    width: 100%;    height: 100%;    top: 0px;    left: 0px;    background: url(images/title-back.png) no-repeat center center;    display: table;    -webkit-transition: all 0.5s ease-in-out 0.3s;    -moz-transition: all 0.5s ease-in-out 0.3s;    -o-transition: all 0.5s ease-in-out 0.3s;    transition: all 0.5s ease-in-out 0.3s;}.title-back h3 {    display: table-cell;    vertical-align: middle;    font-family: 'Dosis', sans-serif;    font-size: 30px;}.title-back h3 a{  color:#fff;}.featured-pages.bg-white {    float: left;    padding: 0px;    width: 100%;    height: 84vh;    background-color:transparent;}h2.section-title.title-right {    text-align: right;}.overlay-concepts {    position: absolute;    top: -7%;    left: 22%;    right: auto;    height: 114%;}.overlay-concepts img {    height: 100%;}.concept-each {    width: 33.33%;    float: left;    height: 100%;    background-size: cover !important;}.concept-each-overlay {    float: left;    width: 100%;    height: 100%;}/*************************************About Section *************************************/.overlay-about {    position: absolute;    top: -13%;    right: 0;    z-index: -10;    height: 116%;}.overlay-about img {    height: 100%;}.about-left {    width: 80%;    float: left;    padding: 0px;    position: relative;    z-index: 11;    left: -10%;}.about-left h2 {    color: #ffffff;}.about-right {    width: 39%;    float: right;    position: relative;    z-index: 12;    overflow: hidden;    margin-top: 20px;}.about-right:hover img{  transform: scale(1.15,1.15);    -webkit-transform: scale(1.15,1.15);    -moz-transform: scale(1.15,1.15);    -ms-transform: scale(1.15,1.15);    -o-transform: scale(1.15,1.15);    -webkit-transition: all 0.5s ease-in-out 0.3s;    -moz-transition: all 0.5s ease-in-out 0.3s;    -o-transition: all 0.5s ease-in-out 0.3s;    transition: all 0.5s ease-in-out 0.3s;}.about-img-overlay {    position: absolute;    top: 0px;    left: 0px;    width: 100%;    height: 100%;    background: rgba(7, 17, 38, 0.41);}.about-right img {    width: 100%;    float: left;    -webkit-transition: all 0.5s ease-in-out 0.3s;    -moz-transition: all 0.5s ease-in-out 0.3s;    -o-transition: all 0.5s ease-in-out 0.3s;    transition: all 0.5s ease-in-out 0.3s;    cursor: pointer;}.about-left h2 {    font-size: 72px;    line-height: 75px;    font-weight: 400;    margin-bottom: 40px;    position: relative;}.about-left p {    font-size: 21px;    color: #636363;    font-weight: 300;    line-height: 38px;    letter-spacing: 1px;}.about-left h2::first-letter {    color:#ffffff;}.about-full {    float: left;    padding-top: 83px;    padding: 20vh 8% 0px 6%;}.about-content.bg-white {    position: relative;    height: 84vh;    padding: 0px;    width: 100%;}.about-overlay {    width: 100%;    height: 100%;}/****************************************Contact Section*****************************************/.contact-form-body {    width: 65%;    float: right;    font-family: 'Dosis', sans-serif;    font-weight: 400;    margin-top: 40px;}.contact-form-body .textField1, .contact-form-body .emailField {    border: 1px solid #d1d2d4;    color: #898989;    font-size: 16px;    margin-right: 3%;    padding: 10px 2%;    width: 93%;    font-family: 'Dosis', sans-serif;    font-weight: 400;    background-color: inherit;}.contact-form-body .textField2, .contact-form-body .textField3 {    border: 1px solid #d1d2d4;    color: #898989;    font-size: 16px;    margin-left: 3%;    padding: 10px 2%;    width: 93%;    font-family: 'Dosis', sans-serif;    font-weight: 400;    background-color: inherit;}.commentField {    width: 100%;    border: 1px solid #d1d2d4;    color: #898989;    font-size: 16px;    margin-bottom: 17px;    padding: 10px 15px;    font-family: 'Dosis', sans-serif;    font-weight: 400;    background-color: inherit;}.row .wpcf7-form-control-wrap {    position: relative;    float: left;    width: 50%;}.commentField {    width: 96%;    border: 1px solid #d1d2d4;    color: #898989;    font-size: 16px;    padding: 10px 2%;    resize: none;    height: 100px;    margin-bottom: 0px;}.fieldSubmit {    float: right;    padding: 8px 38px;    background: none;    border: 2px solid #1d6da7;    border-radius: 18px;    line-height: 29px;    font-family: 'Raleway', sans-serif;    font-size: 12px;    cursor: pointer;    color:#1d6da7;    text-transform: uppercase;    font-weight: 700;    margin-top:17px;    outline: none;}.contact-bottom p {    text-align: right;    float: right;}.contact-bottom {    float: left;    width: 100%;    position: relative;}.contact-form-body p {    width: 100%;}span.address {    float: right;    width: 100%;    line-height: 26px;}span.address-detail {    float: left;    width: 94%;    text-align: right;}span.adress-title {    float: right;    width: 6%;    text-align: right;    font-weight: 500;    font-family: 'Dosis', sans-serif;    color:#464646;    font-size:16px;}span.address-detail {    float: left;    width: 94%;    text-align: right;    font-weight: 300;    color: #898989;    font-size: 16px;}span.contact-left {    font-size: 30px;    font-family: 'Dosis', sans-serif;    font-weight: 300;    letter-spacing: 2px;    text-decoration: inherit;    line-height: 30px;    padding-bottom: 10px;    width: auto;    float: left;    margin-top: 20px;}.contact-title {    float: left;    width: 100%;    cursor: pointer;}span.contact-left a {    text-decoration: inherit;}.row {    float: left;    width: 100%;    margin-bottom: 17px;}span.wpcf7-not-valid-tip {    font-size: 15px;    line-height: 17px;}.wpcf7-response-output.wpcf7-validation-errors {    margin: 0px;    border: none;    padding: 0px;    text-align: right;    width: 100%;    color: #f00;}div#wpcf7-f90-o1 {    float: left;    width: 100%;}span.contact-right {    float: right;}.contact1.bg-white,.contact2.bg-white{  position: relative;}.overlay-contact{  position: absolute;}.overlay-contact {    position: absolute;    top: 10px;    left: -10%;}.contact-inner2{  display:none;}.contact-inner1 , .contact-inner2{    float: left;    width: 100%;}.resume-form .emailField {    padding: 10px 2%;    width: 93%;    margin-left: 3%;    margin-right: 0px;}.file-upload{display:block;text-align:center;}.file-upload .file-select{  display:block;  border: 1px solid #d1d2d4;  color: #898989;  cursor:pointer;  width: 100%;  text-align:left;  overflow:hidden;  position:relative;  }.file-upload .file-select .file-select-button{  background:#071126;  padding:0 20px;  display:inline-block;  height:40px;  line-height:40px;  color:#fff;}.file-upload .file-select .file-select-name{  line-height:40px;  display:inline-block;  padding:0 10px;}.file-upload .file-select input[type=file]{  z-index:100;  cursor:pointer;  position:absolute;  height:100%;  width:100%;  top:0;  left:0;  opacity:0;  filter:alpha(opacity=0);}.file-upload .file-select.file-select-disabled{  opacity:0.65;}.file-upload p {    margin: 0px;}.file-select p {    position: absolute;    top: 0px;    left: 0px;    width: 100%;    height: 100%;}.file-select p span {    width: 100%;    height: 100%;}.wpcf7-response-output {    float: left;    border: none !important;    padding: 0px !important;    margin: 0px !important;    width: 100%;    text-align: right;}input, textarea{  -webkit-appearance: none;    -moz-appearance: none;}span.contact-right h2 {    margin-bottom: 30px;}.gallery-full h2 {    margin-bottom: 40px;    color: #ffffff;}.about-left p{  text-align: justify;  hyphens: none;  color:#fff;}.about-content.bg-white {    position: relative;    height: 84vh;    padding: 0px;    width: 100%;    background-size: cover;    background-color:transparent;}span.contact-item {    float: left;    width: auto;    margin-right: 48px;    position: relative;    padding-bottom: 10px;}span.contact-item.active::before{  position: absolute;  bottom:0px;  left:0px;  height: 2px;  background-color: #1d6da7;  content:" ";  width:100%;}.career-title{  cursor:pointer;}.career-title, .contact-title {    color: #628298;}span.contact-item.active .career-title, span.contact-item.active .contact-title {    color: #0a0a0a;}body{  background-image:url('images/inner-page-back.jpg');  background-size: cover;  background-repeat: no-repeat;  -webkit-transition: all 0.5s ease-in-out 0.3s;    -moz-transition: all 0.5s ease-in-out 0.3s;    -o-transition: all 0.5s ease-in-out 0.3s;    transition: all 0.5s ease-in-out 0.3s;}/************** Inner Page *************/.innerPage #content {    float: left;    width: 100%;}.innerPage h2.page-title {    font-size: 72px;    line-height: 75px;    font-weight: 400;    margin-bottom: 40px;    position: relative;    text-transform: uppercase;}.innerPage h2.page-title::first-letter {    color:#1d6da7;}/************ CSS Effect ************/.fetured-page-column {    width: 70%;    margin-right: 9.5%;    padding: 130px 0px;    overflow: hidden;    position: relative;    text-align: center;    cursor: default;    top: 50%;    transform: translateY(-50%);    left: 15%;    cursor: pointer;}.fetured-page-column .mask,.fetured-page-column .content {   width: 100%;   height:100%;   position: absolute;   overflow: hidden;   top: 0;   left: 0;}.fieldSubmit:hover {    background-color: #1d6da7;    color: #ffffff;    -webkit-transition: all 0.5s ease-in-out 0.3s;    -moz-transition: all 0.5s ease-in-out 0.3s;    -o-transition: all 0.5s ease-in-out 0.3s;    transition: all 0.5s ease-in-out 0.3s;}.wpcf7-response-output.wpcf7-validation-errors {    display: none;}.fetured-page-column:hover::before {    width: 100%;    height: 100%;    transition: all 0.2s linear;    border-top: 5px solid #ffffff;    border-right: 5px solid #ffffff;    opacity: 0.6;}.fetured-page-column:hover::after {    width: 100%;    height: 100%;    transition: all 0.2s linear;    border-left: 5px solid #ffffff;    border-bottom: 5px solid #ffffff;    opacity: 0.6;}.fetured-page-column:hover h3 {    opacity: 0.6;    transition: all 0.2s linear;}.galleryView {    float: left;    width: 100%;    height: 100%;}.gallery-full {    width: 100%;    height: 100%;}.down-right-arrow {    display: none;}body.fp-viewing-section-3 {}@media only screen and (max-width: 1600px) {#intro h2, .about-left h2, h2.section-title {    font-size: 65px;    line-height: 75px;}.fetured-page-column {    width: 90%;    margin-right: 6.5%;    left: 5%;}#navigation {    position: fixed;    width: 340px;}#content .wrapper {    padding-left: 430px;}.about-full {    padding-top: 50px;}}@media only screen and (max-width: 1400px) {.copyright-text {    padding-bottom: 41px;    padding-top: 33px;}div#logo {    margin-top: 54px;    margin-bottom: 55px;}#navigation {    position: fixed;    width: 300px;    background: #fff;    top: 8vh;    z-index: 1;    height: 84vh;    bottom: 8vh;}#intro h2, .about-left h2, h2.section-title {    font-size: 55px;    line-height: 65px;}#content .wrapper {    padding-left: 350px;}.column-outer {    float: left;    width: 100%;    margin-top: 80px;}.about-left p {    font-size: 19px;    line-height: 34px;}.overlay-about {    height: 102vh;}.overlay-about img {    height: 100%;}h2.section-title {    margin: 0 0 30px 0;}.featured-pages.bg-white {    height: 96vh;}}@media only screen and (max-width: 1400px) and (min-width: 990px){.featured-pages.bg-white, .gallery.bg-white, .about-content.bg-white {    float: left;    display: table;}.concept-full, .gallery-full {    display: table-cell;    vertical-align: middle;}.about-full {    display: table-cell;    vertical-align: middle;    float: none !important;}}@media only screen and (max-width: 1460px) and (max-height: 900px){ul#menu li {    margin-bottom: 5px;}#navigation {    top: 6vh;    height: 88vh;}.bg-white {    background: #fff;    margin: 5vh 0px;    padding: 4vh 8% 4vh 6%;    float: left;    width: 86%;    height: 80vh;}.bg-banner {    padding: 10px 8% 10px 6%;}.about-left p {    font-size: 18px;    line-height: 30px;}.featured-pages.bg-white, .gallery.bg-white, .about-content.bg-white {    float: left;    display: table;    height: 88vh;}.concept-full, .gallery-full {    display: table-cell;    vertical-align: middle;}.about-full {    display: table-cell;    vertical-align: middle;    float: none !important;}}@media only screen and (max-width: 1600px) and (max-height: 900px){div#logo {    margin-bottom: 26px;}ul#menu li {    margin-bottom: 13px;}.commentField {    height: 50px;}}@media only screen and (max-width: 1400px) and (max-height: 800px){#navigation {    top: 6vh;    height: 88vh;}div#logo {    margin-top: 54px;    margin-bottom: 35px;}.bg-white {    background: #fff;    margin: 5vh 0px;    padding: 4vh 8% 4vh 6%;    float: left;    width: 86%;    height: 80vh;}ul#menu li {    margin-bottom: 5px;}div#logo img {    height: 45px;}div#logo {    margin-top: 30px;    margin-bottom: 30px;}.bg-banner {    padding: 10px 8% 10px 6%;}.contact-bottom p {    margin-bottom: 0px;}.down-arrow {    bottom: -28px;}.down-right-arrow {    bottom: -28px;}.social-media {    padding: 23px 0px 26px 0px;}}@media only screen and (max-width: 1400px) and (max-height: 650px){.commentField {    height: 30px;}.column-outer {    margin-top: 40px;}.copyright-text {    padding-top: 10px;}}@media (max-width: 1024px) and (max-height: 1366px) {#navigation {    top: 20vh;    height: 60vh;}.bg-white {    background: #fff;    margin: 20vh 0px;    padding: 4vh 8% 4vh 6%;    float: left;    width: 86%;    height: 52vh;}.about-left p {    font-size: 16px;    line-height: 30px;}.fetured-page-column h3, .title-back h3{  font-size: 21px;}.fetured-page-column {    padding: 75px 0px;}#navigation {    width: 250px;}#content .wrapper {    padding-left: 290px;}}@media (max-width: 1024px) and (max-height: 1000px) {#navigation {    top: 2vh;    height: 96vh;}.bg-white {    background: #fff;    margin: 2vh 0px;    padding: 2vh 8% 2vh 6%;    float: left;    width: 86%;    height: 92vh;}ul#menu li {    margin-bottom: 0px;}}@media only screen and (max-width: 990px) {div#navigation {    display:none;}.about-left{  left:0px;}.intro-overlay {    padding: 60px 0px;}div#intro {    float: left;    display: inherit !important;}.section {    float: left;    width: 100%;}span.contact-item {    margin-right: 27px;}div#content {    float: left;}.bg-white {    margin: 40px 0px;    padding: 90px 8% 90px 6%;    height:auto;}div#content .wrapper {    padding-left: 0px !important;}a.btn, button.btn {       font-size: 21px;       padding: 13px 80px 21px 37px;}.banner-content {    font-size: 19px;    line-height: 30px;}#intro h2, .about-left h2, h2.section-title {    font-size: 43px;    line-height: 50px;}.about-content.bg-white {    padding: 0px;    margin-bottom:0px !important;    height: auto;}.about-full {    padding-top: 80px;}.about-left p {    font-size: 19px;    line-height: 30px;}.overlay-about {    height: 125%;}.overlay-about img {    height: 100% !important;}.overlay-concepts img {    height: 100%;}.overlay-concepts {    height: 125%;}.overlay-concepts,.overlay-about{  display:none;}.about-right, .about-left {    width: 100%;}.fetured-page-column.view-ninth {    width: 90%;    padding: 100px 0px;    left: 5%;    transform: inherit;    margin: 30px 0px;}.gallery-column {    height: 200px;}.fetured-page-column h3, .title-back h3 {    font-size: 24px;}.featured-pages.bg-white,.gallery.bg-white{  margin-bottom:0px !important;  height: auto !important;}#mobile-nav{  display: block;    position: fixed;    top: 0;    right: 0;    left: 0;    z-index: 1030;    padding: 15px;    background-color: #fff;    box-shadow: 0px 2px 9px #615c5c;}.logo-mobile img {    height: 50px;}.menu-open{  background: url(images/menu-open.png) no-repeat center center;}.logo-mobile {    float: left;}.mobile-menu-icon {    float: right;}.menu-open {    background: url(images/menu-open.png) no-repeat center center !important;    width: 50px;    height: 50px;}.mobile-nav-container {    float: left;    width: 100%;    display: none;}.mobile-nav-container.container-open{  display:block;}.mobile-nav-container ul li {    margin-bottom: 10px !important;}.social-media {    padding: 15px 0px 15px 0px;}.mobile-menu-icon{  cursor: pointer;  width: 50px;  height: 50px;  background: url(images/menu-close.png) no-repeat center center;}div#intro {    margin-top: 84px;}.down-arrow, .down-right-arrow{  display:none;}.bg-white {  margin:0px 0px 40px 0px !important;}.contact-form-body {    margin-top: 40px;}.overlay-contact{  display: none;}span.contact-left {    margin-top: 0px;    font-size: 18px;    padding-bottom: 2px;}.contact-form-body {    width: 90%;}}@media only screen and (max-width: 767px) {span.contact-right{  display:none;}.contact-bottom p {    font-size: 16px;}}@media only screen and (max-width: 540px) {#intro h2, .about-left h2, h2.section-title {    font-size: 26px;    line-height: 34px;    margin-bottom: 20px;}.about-left p, .banner-content {    font-size: 17px;    line-height: 29px;}.overlay-about {    display: none;}.about-left{  width:100%;}.about-right {    width: 100%;}.fetured-page-column.view-ninth {    width: 100%;    margin: 0px 0px 20px 0px;}.overlay-concepts {    display: none;}.gallery.bg-white {    position: relative;    width:100%;    padding: 50px 5%;    margin: 20px 0px;}.fetured-page-column.view-ninth {    padding: 100px 0px;    transform: inherit;    margin-bottom: 0px;    width: 90%;}.concept-each-overlay {    position: relative;    padding: 50px 0px;}.concept-each {    width: 100%;}.fetured-page-column h3, .title-back h3 {    font-size: 21px;}.gallery-column {    width: 100%;    height:300px;}.bg-banner {    margin: 0px;}a.btn, button.btn {    font-size: 19px;    padding: 13px 65px 13px 37px;}a.btn:after {    right: 18px;    top: 13px;}.contact-form-body {    width: 100%;}.row .wpcf7-form-control-wrap {    width: 100%;}.contact-form-body .textField1,.contact-form-body .emailField {    margin-bottom: 18px;}span.address {    margin-bottom: 20px;}span.address-detail, span.adress-title {    width: 50%;}.contact-form-body .textField1, .contact-form-body .emailField {    margin-right: 0px;    width: 96%;}.contact-form-body .textField2, .contact-form-body .textField3{    margin-left: 0px;    width: 96%;}.resume-form .emailField {    margin-left:0px;}}