.acf-map {width: 100%;height: 450px;;} .acf-map img {max-width: inherit !important;}
.acf-map.taller {height:500px;}
.gm-style-cc {display: none !important;}
::selection {background: #111;color: #fff;}
::-moz-selection {background: #111;color: #fff;} .hamburger {padding: 15px 0;}
.hamburger-box {height: auto;;padding-bottom: 3px;}
.hamburger-inner, .hamburger-inner:after, .hamburger-inner:before {
position: absolute;
width: 32px;
height: 3px;
}
.hamburger-inner:before {top: -8px;}
.hamburger-inner:after {bottom: -8px;} ::-webkit-input-placeholder {color: #c4c4c4;}
:-moz-placeholder {color: #c4c4c4;}
::-moz-placeholder {color: #c4c4c4;}
:-ms-input-placeholder {color: #c4c4c4;} .size-auto, .size-full, .size-large, .size-medium, .size-thumbnail, img {max-width: 100%;height: auto;}
.hidden {display: none !important;} .slick-prev, .slick-next {
top: 47%;
z-index: 91;
width: auto;
height: auto;
}
#testimonial-wrapper{
position: absolute;
width: 32.6%;
right: 8px;
bottom: 0;
height: 26%;
align-items: center;
}
body .slick-prev:before, .slick-next:before, .slick-prev:before, .slick-next:before, .body .slick-prev:before, .slick-next:before, .slick-prev:before, .slick-next:before {
color: #020202;
}
.slick-initialized .slick-slide{
padding-right:40px;
}
@media only screen and (max-width:1600px){
#testimonial-wrapper{
width:32.45%;
}
}
.slick-list{
height:100%;
}
.slick-initialized .slick-slide{
padding-right:80px;
}
.slick-track{
height: 100%;
display: flex;
align-items: center;
justify-content: center;
}
.slick-slide{
height:auto;
}
.testimonial-carousel{
text-align:center;
padding-left:60px;
height: 95%;
}
.page-testimonial-page .inner-test-content{
text-align:center;
}
.slick-prev {left: 30px;}
.slick-next {right: 30px;}
.slick-prev:before, .slick-next:before, .slick-prev:before, .slick-next:before {
color: #020202;
font-size: 45px;
}
.slick-prev:before, .slick-next:before {font-family: "FontAwesome";}
.slick-prev:before {content: '\f104';}
.slick-next:before {content: '\f105';}
.slick-dots {
width: 100%;
bottom: 10px;
left: 0;
z-index: 91;
position: absolute;
margin: 0;
text-align: right;
padding: 0 10px;
}
.slick-dots li {
margin: 0;
}
.slick-dots li button:before {
font-family: 'slick';
font-size: 9px;
line-height: 20px;
position: absolute;
top: 0;
left: 0;
width: 20px;
height: 20px;
content: '•';
text-align: center;
opacity: .45;
color: #fff;
}
.slick-dots li.slick-active button:before {opacity: 1;color: #fff;}
.slick-dotted.slick-slider {margin-bottom: 0;} header, .nav li a {
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box
} * {outline: none !important;} .slick-prev, .slick-next, .icon-wrapper i, .crew-photo img, .icon img {
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
} .show, .hidden, header, a, #mobileMenu, .block-title, .overlay, .team-bio,
.block-wrapper, .gallery-item, .single-testimonial-item {
-webkit-transition-duration: .3s;
-moz-transition-duration: .3s;
-o-transition-duration: .3s;
transition-duration: .3s;
-webkit-transition-timing-function: ease;
-moz-transition-timing-function: ease;
-o-transition-timing-function: ease;
transition-timing-function: ease
}
.nav li {
-webkit-transition-duration: .5s;
-moz-transition-duration: .5s;
-o-transition-duration: .5s;
transition-duration: .5s;
-webkit-transition-timing-function: ease-in-out;
-moz-transition-timing-function: ease-in-out;
-o-transition-timing-function: ease-in-out;
transition-timing-function: ease-in-out
} a {
cursor: pointer;
color: #4d4d4d;
text-decoration: none;
transition: all 0.2s ease-in-out;
}
a:hover {
text-decoration: none;
color: #111;
}
a:hover,a:focus,a:visited:hover,a:visited:focus {
color: #111;
cursor: pointer;
text-decoration: none;
}
a:link,a:visited:link { }
p, ol, ul {
margin-top: 0;
margin-bottom: 15px;
}
p:last-child {
margin-bottom: 0;
}
b, strong {
font-weight: 500;
} h1, h2, h3, h4, h5 ,h6{
text-rendering: optimizelegibility;
margin: 0;
padding: 0;
}
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
text-decoration: none
}
h1 {
font-size: 45px;
font-weight:	600;
color: #272727;
margin:	0 auto 40px;
line-height: 45px;
}
h2 {
font-size:	39px;
font-weight: 300;
color: #222222;
margin:	0 auto 20px;
}
h3 {
font-size: 34px;
font-weight: 300;
line-height: 40px;
margin: 0 auto 20px;
text-transform: uppercase;
color: #222222;
}
h4 {
font-size: 24px;
font-weight: 500;
line-height: 28px;
margin: 0 auto 20px;
color: #222222;
text-transform: lowercase;
}
h5 {
font-size: 18px;
font-weight: 500;
margin:	5px auto;
}
h6 {
font-size: 16px;
font-weight: 500;
text-transform: uppercase;
margin:	20px auto;
}
hr {
width: 100%;
margin: 10px 0 10px auto;
height: 2px;
background: #D6D3E2;
border: none;
max-width: 100px;
border:none;
} html, body {
margin: 0;
padding: 0;
height: 100%;
}
body {
font-family: 'Poppins', sans-serif;
font-weight: 200;
color: #636569;
font-size: 16px;
letter-spacing: 0.5px;
line-height: 1.5em;
padding-top: 90px;
} header {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: auto;
background: #ffffff;
margin: 0;
padding: 15px 0;
z-index: 999;
text-align: center;
} .logo {text-align: right;}
.logo img {
height: 60px;
width: auto;
} #main-nav, .navigation nav {
display: inline-block;
vertical-align: bottom;
}
.navigation {text-align: left;}
.nav {
display: block;
border-bottom: 0;
margin: 0;
background: transparent;
}
.nav li {
list-style: none;
display: inline-block;
position: initial;
padding: 5px 0;
max-width: 0;
overflow: hidden;
}
.nav li a {
position: relative;
display: inline-block;
font-size: 14px;
text-decoration: none;
color: #222222;
font-weight: 300;
padding: 0 10px;
text-transform: lowercase;
}
.is-active .nav li,
.nav li.current-menu-item,
.single-project .project-menu {
max-width: 150px;
}
.is-active .nav li a,
.nav li.current-menu-item a,
.single-project .project-menu a {
padding: 0 10px
}
.page-title {
position: absolute;
left: 50px;
top: 15px;
display: none;
font-size: 15px;
text-decoration: none;
color: #222222;
font-weight: 300;
padding: 0;
text-transform: lowercase;
}
.nav li a:hover:after,
.nav li.current-menu-item a:after {
visibility: visible;
-webkit-transform: scaleX(1);
transform: scaleX(1);
}
.nav li.current-menu-item a, .nav li.current-menu-parent a, .nav li.current-page-parent a {
color: #222222 !important;
background-color: transparent !important;
}
.nav li a:hover,.nav li a:focus  {
color: #ffffff !important;
background-color: #222222 !important;
}
#mobileButton {
position: absolute;
display: none;
top: -4px;
left: 0px;
z-index: 9999;
}
#mobileMenu {
position: fixed;
top: 75px;
left: 0;
width: 100%;
display: none;
z-index: 98;
margin: 0;
padding: 0;
transform: translateY(-120%);
overflow: hidden;
}
#mobileMenu ul {margin: 0;padding: 0;}
#mobileMenu.is-active {transform: translateY(0%);}
#mobileMenu li {
list-style: none;
float: none;
position: relative;
margin: 0;
padding: 0;
}
#mobileMenu li:last-child {border-bottom: none;}
#mobileMenu li a {
width: 100%;
padding: 20px 30px;
display: inline-block;
color: #ffffff;
background: #222222;
border-bottom: 1px solid #333333;
font-weight: 400;
font-size: 13px;
text-transform: lowercase;
}
#mobileMenu li a:hover {color: #fff;background: #111;} #slider { width: 100%;
overflow: hidden;
height: 250px;
}
.slide {
width: 100%;
height: 255px;
background-position: center;
background-size: cover;
}
body .testimonial-carousel{
padding-left:60px;
border: 1px solid #d6d6d6;
margin-top: 5px;
}
.template-team .slide {background-position: bottom;} .page-section {padding-top:20px;padding-bottom:20px;}
.page-section.padding-top {padding-top: 60px;}
.page-section.padding-bottom {padding-bottom: 60px;}
.overlay {
background: transparent;
position: absolute;
top: 5px;
left: 5px;
width: calc(100% - 10px);
height: calc(100% - 10px);
z-index: 1;
}
.table-wrapper {
display: table;
width: 100%;
height: 100%;
}
.table-cell {
display: table-cell;
vertical-align: middle;
}
.reverse .row {
display: -webkit-flex; -webkit-flex-direction: row-reverse; display: flex;
flex-direction: row-reverse;
} .home-tagline .col-8 h4:before,
.home-tagline .col-8 p:before {
content: "";
width: 2px;
height: 80%;
background-color: #222222;
position: absolute;
left: 0;
top: 10%;
}
.home-tagline .col-8 p:before {
background-color: #636569;
width: 1px;
}
#home-block {margin: 10px 0 0;}
#project-block {margin: 0 0 60px;}
#home-block, #team-block, #project-block {
margin-left: -10px;
margin-right: -10px;
}
.block-sizer,
.block-item, .gallery-item { width: 33.3%; height: auto;}
.block-item.size-1 { width: 33.3%; height: 450px; }
.block-item.size-2 { width: 66.6%; height: 300px; }
.block-item.size-3 { width: 33.3%; height: 300px; }
.block-item.size-4 { width: 33.3%; height: 700px; }
.block-item.size-5 { width: 33.3%; height: 350px; }
.block-item.size-6 { width: 33.3%; height: 350px; }
.block-item.size-7 { width: 33.3%; height: 1050px; }
.block-item {height: 150px;}
.block-wrapper {
background-position: center top;
background-size: cover;
position: relative;
height: 100%;
width: 100%;
overflow: hidden;
}
.slide,
.front-page .block-wrapper,
.block-wrapper:hover,
.block-wrapper:active,
.block-wrapper:focus {
-webkit-filter: grayscale(100%);
filter: grayscale(100%);
}
.block-title {
font-size: 28px;
color: transparent;
font-weight: 400;
padding: 0 20px;
text-align: center;
width: 100%;
text-transform: lowercase;
position: relative;
z-index: 2;
}
.block-wrapper:hover .overlay,
.block-wrapper:active .overlay,
.block-wrapper:focus .overlay {background:rgba(255,255,255,0.9);}
.block-wrapper:hover .block-title,
.block-wrapper:active .block-title,
.block-wrapper:focus .block-title {color: #222222;}
.team-bio {
position: absolute;
bottom: -100%;
left: 0;
color: #ffffff;
font-weight: 400;
z-index: 3;
padding: 0 20px;
text-align: right;
width: 100%;
text-transform: lowercase;
}
.team-overlay {
position: absolute;
top: 70px;
right: 7%;
width: 50%;
text-align: center;
}
.team-overlay-name {
font-size: 18px;
text-transform: initial;
line-height: 1.2;
}
.team-signature {
display: block;
max-width: 120px;
margin: 0 auto;
}
.team-hover-photo {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background-repeat: no-repeat;
background-size: cover;
background-position: center top;
opacity: 0;
-webkit-transition: opacity .3s ease-in-out;
transition: opacity .3s ease-in-out;
}
#team-block .block-item:hover .team-hover-photo {
opacity: 1;
}
.gallery-item:hover, .gallery-item:focus, .single-testimonial-item:hover {
-webkit-filter: grayscale(100%);
filter: grayscale(100%);
padding: 8px;
}
button.mfp-arrow {text-align: center;}
.mfp-arrow:before, .mfp-arrow:after {
font-family: FontAwesome;
font-style: normal;
font-weight: normal;
text-decoration: inherit;
display: block;
width: 0;
height: 0;
border: none;
color: #fff;
font-size: 32px;
}
.mfp-arrow:after {display: none !important;}
.mfp-arrow-right.mfp-arrow:before {
content: "\f105";
padding-left: 20px;
}
.mfp-arrow-left.mfp-arrow:before {content: "\f104";}
#instafollow {padding: 60px 0; text-align: right;}
#instafeed {padding: 0 5px;}
#instafeed .ig-post {padding: 10px;overflow: hidden;}
#instafeed .slick-dots li button:before {color: #222222;}
#instafeed .slick-dots {bottom: -20px;}
.ig-post {
width: 16.6666666%;
display: inline-block;
margin: 0;
padding: 0;
}
.ig-image {
background-position: center;
background-size: cover;
transition: all .3s;
padding-bottom: 100%;
}
#instafeed .ig-post:hover .ig-image {transform: scale(1.1);}
.team-bio h4 {color: #ffffff;}
.block-wrapper:hover .team-bio,
.block-wrapper:active .team-bio,
.block-wrapper:focus .team-bio {bottom: 20px;}
#team-block .block-wrapper:hover .block-title,
#team-block .block-wrapper:active .block-title,
#team-block .block-wrapper:focus .block-title {bottom: -100%;} .sbi-owl-dots .sbi-owl-dot {
float: right;
}
.sbi-owl-dots .sbi-owl-dot span {
width: 8px;
height: 8px;
} 
.sbi-owl-item:hover{
transform: scale(1.1);
transition: all .3s;
}
#sb_instagram.sbi_medium .sbi_instagram_link, #sb_instagram.sbi_medium .sbi_lightbox_link, #sb_instagram.sbi_medium .sbi_photo_wrap .fa-clone, #sb_instagram.sbi_medium .sbi_photo_wrap .svg-inline--fa.fa-play, #sb_instagram.sbi_medium .sbi_playbtn{
display: none !important;
} #team-block .block-wrapper:hover,
#team-block .block-wrapper:active,
#team-block .block-wrapper:focus {
-webkit-filter: unset;
filter: unset;
}
#team-block video {
width: 100%;
height: 100%;
opacity: 0;
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
} #project-filters {margin: 10px 0 0; text-align: right;}
#project-filters a {
display: inline-block;
margin: 0 10px;
text-transform: lowercase;
border-bottom: 2px solid transparent;
}
#project-filters a.active {border-bottom: 2px solid #222222;}
.pagelink {
display: block;
padding: 10px 0 60px;
width: 100%;
text-align: right;
}
.pagelink a {
text-transform: lowercase;
text-decoration: underline;
} .timeline-wrapper {margin-right: 0}
.timeline-item {
padding: 0.85em 2em 2em;
position: relative;
color: rgba(0, 0, 0, 0.7);
border-right: 2px solid #222222;
text-align: right;
}
.timeline-toggle {
width: 14px;
height: 14px;
display: block;
top: 1.3em;
position: absolute;
right: -7px;
background: #222222;
color: #ffffff;
line-height: 15px;
text-align: center;
}
.timeline-toggle:hover,
.timeline-toggle:focus,
.timeline-toggle:visited:hover,
.timeline-toggle:visited:focus {
color: #ffffff;
}
.timeline-toggle:before {
content: "-";
margin-right: -2px;
}
.timeline-toggle.collapsed:before {
content: "+";
margin-right: 0;
} .form_sublabel_above label {
display: none !important;
}
.gform_wrapper  {margin: 0 !important;} .gform_wrapper label {display: none !important;}
.gfeild {padding: 0 15px;width: 100%;}
body .gform_wrapper ul li.gfield {margin-top: 0;}
body .gform_wrapper .top_label div.ginput_container {margin-top: 16px;}
.one-half, .one-third, .one-quarter, .full-width {
display: inline-block;
vertical-align: top;
}
.one-half {width: 50% !important;}
.one-third {width: 33.333%;}
.one-quarter {width: 25%;}
.full-width {width: 100%;}
.one-half input {width: 100% !important;}
.gform_fields {
margin: 0;
padding: 0;
list-style: none;
margin-left: -15px;
margin-right: -15px;
}
.contact-form {padding: 50px 80px;min-height: 550px;}
.google-map {padding:0;}
input[type="text"], input[type="password"], input[type="datetime"],
input[type="datetime-local"], input[type="date"], input[type="month"],
input[type="time"], input[type="week"], input[type="number"], input[type="email"],
input[type="url"], input[type="search"], input[type="tel"], input[type="color"], textarea, .vfbp-form .vfb-form-control {
display: block;
height: 45px;
line-height: 1;
padding: 5px 20px !important;
color: #222;
vertical-align: middle;
box-shadow: none;
border: none;
width: 100% !important;
max-width: 100%;
border: 1px solid #F3F3F3;
background: #F3F3F3;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
-webkit-transition: background-color 0.24s ease-in-out;
transition: background-color 0.24s ease-in-out;
outline: none;
-moz-appearance: none;
-webkit-appearance: none;
appearance: none;
}
input[type="button"], input[type="reset"], input[type="submit"], .button, .vfbp-form .btn-primary {
width: auto;
text-align: center;
border: 1px solid #36dab4;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
color: #fff;
padding: 10px 25px;
font-weight: 400;
font-size: 16px;
text-decoration: none;
margin: 10px 0;
background-color: #36dab4;
display: inline-block;
vertical-align: middle;
line-height: 1;
}
input[type="button"]:hover, input[type="reset"]:hover, input[type="submit"]:hover, .button:hover {
color: #ffffff !important;
background-color: #4BD4B5;
border: 1px solid #4BD4B5;
cursor: pointer;
}
.ginput_container_select {position: relative;width:100%;}
.ginput_container_select select {display: none;}
.select-selected {background-color: #fff;}
.select-selected:after {
content: "\f107";
font-family: FontAwesome;
font-style: normal;
font-weight: normal;
text-decoration: inherit;
color: #000;
font-size: 18px;
padding-right: 0.5em;
position: absolute;
top: 12px;
right: 0;
}
.select-selected.select-arrow-active:after {content: "\f106";}
.select-items div, .select-selected {
padding: 10px 20px;
border: 1px solid #e1e1e1;
cursor: pointer;
}
.select-items div {border-top: none;}
.select-items {
position: absolute;
background-color: #f9fafa;
top: 100%;
left: 0;
right: 0;
z-index: 99;
}
.select-hide {display: none;}
.select-items div:hover, .same-as-selected {background-color: rgba(0, 0, 0, 0.1);}
.gform_wrapper.gf_browser_chrome .gfield_checkbox li input, .gform_wrapper.gf_browser_chrome .gfield_checkbox li input[type=checkbox], .gform_wrapper.gf_browser_chrome .gfield_radio li input[type=radio] {
margin-top: 0;
margin-right: 10px;
}
.checkbox-label {
display: block;
position: relative;
padding-left: 35px;
margin-bottom: 12px;
cursor: pointer;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.checkbox-label input {
position: absolute;
opacity: 0;
cursor: pointer;
}
.checkmark {
position: absolute;
top: 0;
left: 0;
height: 20px;
width: 20px;
background-color: #eee;
}
.checkbox-label:hover input ~ .checkmark {background-color: #ccc;}
.checkbox-label input:checked ~ .checkmark {background-color: #222222;}
.checkmark:after {
content: "";
position: absolute;
display: none;
}
.checkbox-label input:checked ~ .checkmark:after {display: block;}
.checkbox-label .checkmark:after {
left: 5px;
top: 0px;
content: "\f00c";
font-family: FontAwesome;
font-style: normal;
font-weight: normal;
text-decoration: inherit;
color: #fff;
font-size: 11px;
}
.error {
color:#e74c3c;
font-weight: 700;
}
.gform_wrapper div.validation_error {
color: #e74c3c;
border-top: 2px solid #e74c3c;
border-bottom: 2px solid #e74c3c;
}
.gform_wrapper li.gfield.gfield_error, .gform_wrapper li.gfield.gfield_error.gfield_contains_required.gfield_creditcard_warning {
background-color: transparent !important;
margin-bottom: 0 !important;
border-top: none;
border-bottom: none;
padding-bottom: 6px;
padding-top: 8px;
box-sizing: border-box;
}
.gform_wrapper li.gfield.gfield_error.gfield_contains_required div.ginput_container, .gform_wrapper li.gfield.gfield_error.gfield_contains_required label.gfield_label {
margin-top: 0;
}
.gform_wrapper .top_label .gfield_label {
display: -moz-inline-stack;
display: inline-block;
line-height: 1.3;
clear: both;
}
.gform_wrapper li.gfield.gfield_error.gfield_contains_required {
padding-right: 16px;
}
.gform_wrapper .validation_message,
.gform_wrapper .gfield_error .gfield_label {
color: #e74c3c;
}
.gchoice_select_all, .gform_wrapper ul.gfield_checkbox li input[type=checkbox]:checked+label, .gform_wrapper ul.gfield_radio li input[type=radio]:checked+label {
font-weight: 300 !important;
} #contact-info {text-align: right;}
#contact-info.page-section.padding-bottom {
padding-bottom: 160px;
} footer {
background: #ffffff;
color: #222222;
padding: 15px 0;
font-weight: 300;
font-size: 14px;
}
footer a {
color: #222222;
}
footer .message {
text-align:center;
}
footer .social {text-align: right;}
footer .social a {
display: inline-block;
text-transform: lowercase;
}
footer .social i {
padding: 2px 0 0 5px;
font-size: 18px;
}
.copyright {text-align: left;} @media only screen and (max-width: 1200px) {
}
@media only screen and (max-width: 1024px) {
}
@media only screen and (max-width: 991px) {
body {padding-top: 70px;}
header {
background:#fff !important;
position: fixed;
transform: translateY(0%) !important;
padding: 12px 0;
z-index: 99;
border-bottom: 1px solid #f2f2f2;
}
header .container {width: 95%;max-width:95%;}
#main-nav, .navigation nav {display: none !important;}
#mobileMenu, #mobileButton, .page-title {display: inline-block !important;}
.logo img {height: 50px;}
.is-active .nav li, .nav li.current-menu-item, .single-project .project-menu {max-width: 100%;}
.acf-map, .slide, #slider {height: 60vw;}
.ig-post {width: 25%;}
.block-sizer,
.block-item, .gallery-item { width: 50%; height: auto;padding: 10px; }
.block-item.size-1 { width: 50%; height: 200px; }
.block-item.size-2 { width: 50%; height: 275px; }
.block-item.size-3 { width: 50%; height: 300px; }
.block-item.size-4 { width: 50%; height: 600px; }
.block-item.size-5 { width: 50%; height: 325px; }
.block-item.size-6 { width: 50%; height: 275px; }
footer .message, footer .social, footer .copyright {text-align: center;}
}
.scroll-btns{
display: flex;
justify-content: space-between;
text-decoration:underline;
}
#team-block .block-item{
padding:5px;
}
.button-group{
display: flex;
justify-content: space-between;
}
.button-group button{
background: transparent;
font-size: 20px;
margin-bottom: 10px;
padding:5px 0px;
border:none;
text-decoration:underline;
cursor:pointer;
}
.maxxed{
max-height: 1200px !important;
overflow: hidden;
}
#home-block .block-item{
padding:5px;
} @media only screen and (min-width: 768px) and (max-width: 959px) {
} @media only screen and (max-width: 767px) {
.block-sizer,
.block-item, .gallery-item { width: 100%; height: auto;padding: 10px; }
.block-item.size-1 { width: 100%; height: 60vw; }
.block-item.size-2 { width: 100%; height: 60vw; }
.block-item.size-3 { width: 100%; height: 60vw; }
.block-item.size-4 { width: 100%; height: 85vw; }
.block-item.size-5 { width: 100%; height: 85vw; }
.block-item.size-6 { width: 100%; height: 85vw; }
.block-item.size-7 { width: 100%; height: 85vw; }
.ig-post {width: 33.3%;}
.block-title {
bottom: 0;
font-size: 16px;
color: #ffffff;
background: rgba(0,0,0,0.2);
padding: 10px 20px;
}
.template-project .block-item {height: 60vw !important;}
.testimonial-link {
width: 100%;
height: 17%;
display: flex;
justify-content: center;
align-items: center;
opacity: 0;
background: rgba(255,255,255,0.9);
color: #222222;
font-size: 28px;
transition: opacity 0.3s ease;
position: absolute;
top: 41%;
}
} @media only screen and (min-width: 480px) and (max-width: 767px) {
} @media only screen and (max-width: 479px) {
}
@media (min-width: 1400px){
.container {max-width: 1340px;}  }
@media (min-width: 1600px){
.container {max-width: 1540px;}  } @media only screen and (-webkit-min-device-pixel-ratio: 1.5),only screen and (min--moz-device-pixel-ratio: 1.5),only screen and (min-device-pixel-ratio: 1.5) {  } @media print {
* {
background: transparent!important;
color: #000!important;
text-shadow: none!important;
filter: none!important;
-ms-filter: none!important
}
a,a:visited {color: #444!important;text-decoration: underline}
a:after,a:visited:after {content: " (" attr(href) ")"}
a abbr[title]:after,a:visited abbr[title]:after {content: " (" attr(title) ")"}
.ir a:after,a[href^="javascript:"]:after,a[href^="#"]:after {content: ""}
pre,blockquote {
border: 1px solid #999;
page-break-inside: avoid
}
thead {display: table-header-group}
tr,img {page-break-inside: avoid}
img {max-width: 100%!important}
@page {margin: .5cm}
p,h2,h3 {orphans: 3;widows: 3}
h2,h3 {page-break-after: avoid}
.sidebar,.page-navigation,.wp-prev-next,.respond-form,nav, header, #scrollMenu, footer, .floatright, .button, .addtoany_shortcode {display: none}\
}
#home-block .block-item:nth-child(5) a{
display:inline-block;
height:56%;
width:100%;
}
.testimonial-link{
width: 100%;
height: 98%;
display: flex;
justify-content: center;
align-items: center;
opacity:0;
background:rgba(255,255,255,0.9);
color: #222222;
font-size:28px;
transition:opacity 0.3s ease;
}
.image-list-item a{
text-decoration:underline;
font-weight:400;
}
.hide-gallery{
overflow:hidden;
transition:max-height 0.4s cubic-bezier(0.47, 0, 0.745, 0.715);
}
.image-list-item{
margin-bottom:80px;
}
.page-alternative-page #project-gallery{
overflow-y:hidden;
}
.image-bg{
height: 495px;
width: 100%;
transition:all 0.3s linear;
}
.image-content{
padding-left: 50px;
}
#testimonial-wrapper:hover .testimonial-link{
opacity:1;
}
#testimonial-wrapper:hover ul{
opacity:0;
}
.image-content-list{
padding-left:0;
}
.image-bg:hover{
-webkit-filter: grayscale(100%);
filter: grayscale(100%);
padding: 8px;
transform:scale(0.99);
} .mfp-fade.mfp-bg {
opacity: 0;
-webkit-transition: all 0.15s ease-out;
-moz-transition: all 0.15s ease-out;
transition: all 0.15s ease-out;
} .mfp-fade.mfp-bg.mfp-ready {
opacity: 0.8;
} .mfp-fade.mfp-bg.mfp-removing {
opacity: 0;
} .mfp-fade.mfp-wrap .mfp-content {
opacity: 0;
-webkit-transition: all 0.15s ease-out;
-moz-transition: all 0.15s ease-out;
transition: all 0.15s ease-out;
} .mfp-fade.mfp-wrap.mfp-ready .mfp-content {
opacity: 1;
} .mfp-fade.mfp-wrap.mfp-removing .mfp-content {
opacity: 0;
}
.image-list-item, .image-alt-wrapper, .video-alt-wrapper{
display:flex;
justify-content:space-between;
}
.image-content{
flex-basis:30%;
}
.page-services .pagelink{
text-align:center;
}
.page-services footer{
position: fixed;
bottom: 0;
width: 100%;
}
.image-alt-bg{
height: 268px; background-repeat: no-repeat;
flex-basis: 40%;
}
.image-alt-wrapper img{
width: 28%;
object-fit: cover;
height: 228px;
}
.video-alt-wrapper .fluid-width-video-wrapper{
padding-top: 16.2% !important;
width: 423px !important;
}
.outer-content-wrap{
width:70%;
}
.image-alt-wrap > div{
margin-bottom:30px;
}
.image-alt-wrap h5{
margin-bottom: 15px;
margin-top: 0;
}
.image-alt-wrap a{
margin-top: 15px;
display: inline-block;
text-decoration:underline;
}
.scroll-btns{
margin-bottom:20px;
}
.filter-button-group button, .scroll-btn{
font-size:16px;
font-weight:400;
}
.hide-gallery .gallery-item{
padding-bottom:10px;
}
.page-portfolios #project-block .block-item{
padding:0;
padding-bottom:10px;
}
#project-block .block-item{
padding-bottom:10px;
}
.page-portfolios  #project-block .block-item,  .page-portfolios  #project-block .block-sizer{
width:32.9%;
}
.hide-gallery .gallery-item, .hide-gallery .block-sizer{
width: 32.85%
}
.page-portfolios  #project-block{
margin:0;
}
.line-description{
display:none;
}
.timeline-toggle.collapsed:before, .timeline-toggle:before {
color: #fff;
}
@media only screen and (max-width:767px){
#testimonial-wrapper {
width: 100%;
bottom: 20%;
right: auto;
height: auto;
}
.scroll-btns{
display:flex;
flex-wrap:wrap;
}
.scroll-btn{
flex-basis:30%;
}
.testimonial-link {
height: 18%;
top: 41%;
}
} .youtube {
background-color: #000;
margin-bottom: 30px;
position: relative;
padding-top: 56.25%;
overflow: hidden;
cursor: pointer;
height:300px;
}
.youtube img {
width: 100%;
top: 0;
left: 0;
opacity: 0.7;
min-height: 100% !important;
object-fit: cover;
}
.youtube .play-button {
width: 90px;
height: 60px;
z-index: 1;
border-radius: 6px;
}
.youtube .play-button:before {
content: "";
border-style: solid;
border-width: 25px 0 25px 36px;
border-color: transparent transparent transparent rgba(255,255,255,0.7)
}
.youtube img,
.youtube .play-button {
cursor: pointer;
}
.youtube img,
.youtube iframe,
.youtube .play-button,
.youtube .play-button:before {
position: absolute;
}
.youtube .play-button,
.youtube .play-button:before {
top: 50%;
left: 50%;
transform: translate3d( -50%, -50%, 0 );
}
.youtube iframe {
height: 100%;
width: 100%;
top: 0;
left: 0;
}
.alt-gallery-img{
width: 100%;
height: auto;
}
.img-overflow{
height: 495px;
overflow-y: hidden;
}
.see-more-btn-wrap{
text-align: center;
position: relative;
bottom: -40px;
text-decoration: underline;
}
.testimonial-list:after {
content: '';
display: block;
clear: both;
}
.back-up{
position: fixed;
background: #fff;
font-size:30px;
bottom: 30px;
right: -100px;
cursor:pointer; box-shadow: none;
background-color: #fff;
border: 1px solid #636569;
width: 50px;
height: 50px;
transition:all 0.2s ease-in;
}
.show-btn{
right:30px
}
.margin-section{
margin-bottom: 80px;
}
.testimonial-sizer{
width: 33.333%;
}
#project-gallery p{
display:block;
height:400px;
}
.alt-title{
margin: 40px 0 30px 0;
}
.multi-content{
word-break: break-all;
max-width: 50%;
} .testimonial-list:after {
content: '';
display: block;
clear: both;
} .testimonial-sizer,
.testimonial-item {
width: 32.912%
}
.alternative #project-gallery .gallery-item{
padding-bottom:10px;
}
.alternative #project-gallery .gallery-item, .alternative #project-gallery .block-sizer{
width: 32.912%
}
.testimonial-item {
float: left;
height:auto;
margin-bottom:10px;
}
.testimonial-item img {
display: block;
width: 100%;
}
.testimonial-item .inner-test-content{
width:100%;
padding:80px 50px;
}
.testimonial{
margin-top: 100px;
}
.video-slider{
padding-left:0;
}
.video-big{
display:flex;
justify-content:space-between;
}
.video-big:after {
content: '';
display: block;
clear: both;
}
.video-wrapper{
flex-basis: 65%;
max-width: 1152.44px;
}
.scroll-btn{
margin-bottom:20px;
}
.video-big-content{
flex-basis:30%;
}
.multi-video{
display:flex;
}
.multi-content {
padding-left: 30px;
width: 70%;
float: right;
}
.multi-video {
display: flex;
margin-bottom: 30px;
}
#header{
transform: translateY(-90px);
opacity: 0;
animation: flow-down 1.2s cubic-bezier(0.175, 0.885, 0.32, 1.275) 1.3s 1 alternate;
animation-fill-mode: forwards;
}
@keyframes flow-down{
0%{
transform: translateY(-90px);
opacity: 0;
}
40%{
opacity: 0.5;
}
100%{
transform: translateY(0px);
opacity: 1;
}
}
@media only screen and (max-width:551px){
#testimonial-wrapper{
bottom:19%;
width: 95%;
height:auto;
border: solid 1px #d6d6d6;
padding-top: 20px;
padding-bottom: 20px;
padding-right: 10px;
padding-left: 10px;
}
#instafollow{
margin-top: 200px;
}
body .testimonial-carousel{padding: 20px 8px;margin-top: auto;border:none;}
.testimonial-link {width: 98%;}
}
@media only screen and (max-width:400px){
#home-block{
margin-bottom:160px;
}
#testimonial-wrapper{
margin-bottom:-20%;
}
.testimonial-carousel{
padding:0 30px;
}
}
#multi-video-list{
padding:0;
list-style:none;
}
.multi-video .fluid-width-video-wrapper {
padding-top: 16.2% !important;
width: 28%;
}
.multi-video .fluid-width-video-wrapper{
padding-top:16.2% !important;
}
.multi-content{
padding-left:30px;
}
.multi-content u{
margin-top:20px;
display:inline-block;
}
.image-bg{
background-size:cover 
}
@media only screen and (max-width:1600px){
.multi-video .fluid-width-video-wrapper {
padding-top: 19.6% !important;
}
.video-alt-wrapper .fluid-width-video-wrapper {
width: 366px !important;
}
.testimonial-sizer, .testimonial-item{
width:32.69%;
}
.hide-gallery .gallery-item, .hide-gallery .block-sizer{
width: 32.85%
}
.page-portfolios  #project-block .block-item,  .page-portfolios  #project-block .block-sizer{
width:32.85%;
}    
.alternative #project-gallery .gallery-item, .alternative #project-gallery .block-sizer{
width:32.85%;
}
}
@media only screen and (max-width:1400px){
#testimonial-wrapper{
position: absolute;
width: 32.6%;
right: 6px;
bottom: 0;
height: 25%;
align-items: center;
width: 32.35%;
}
.hide-gallery .gallery-item, .hide-gallery .block-sizer {
width: 32.75%;
}
#project-block .block-item,  #project-block .block-sizer{
width:32.5%;
}
.image-alt-wrapper img {
width: 28%;
object-fit: cover;
height: 228px;
height: 195px;
}
body .slick-initialized .slick-slide{
padding-right:0
}
body .testimonial-carousel {
padding-left: 0;
}
.video-alt-wrapper .fluid-width-video-wrapper {
width: 28% !important;
height: 155px;
}
.image-list-item, .image-alt-wrapper, .video-alt-wrapper {
align-items: flex-start;
}
.image-alt-wrapper img {
height: 160px;
}
.image-bg{
height: 400px;
width: 65%;
background-size: cover !important;
}
.image-content{
flex-basis:45%;
padding-left:30px;
}
.multi-video .fluid-width-video-wrapper {
padding-top: 17.2% !important;
}
.video-wrapper{
flex-basis:60%;
}
.video-big-content {
flex-basis: 35%;
}
.page-portfolios  #project-block .block-item,  .page-portfolios  #project-block .block-sizer{
width:32.7%;
}    
.alternative #project-gallery .gallery-item, .alternative #project-gallery .block-sizer{
width:32.7%;
}
@media only screen and (max-width:1200px){
.multi-content {
padding-left: 30px;
flex-basis: 50%;
}
.multi-video .fluid-width-video-wrapper {
padding-top: 17.2% !important;
flex-basis: 46%;
max-width: 260px;
}
.image-bg {
height: 360px;
width: 65%;
}
.testimonial-sizer, .testimonial-item{
width:49.5%;
}
.hide-gallery .gallery-item, .hide-gallery .block-sizer{
width: 32.49%
}
.page-portfolios  #project-block .block-item,  .page-portfolios  #project-block .block-sizer{
width:32.57%;
}    
.alternative #project-gallery .gallery-item, .alternative #project-gallery .block-sizer{
width:32.57%;
}
.image-list-item{
margin-bottom:50px;
}
}
@media only screen and (max-width:991px){
#home-block .block-item:nth-child(5) a{
height:58%;
}
#testimonial-wrapper{
width: 47.4%;
height:35%;
}
.multi-video .fluid-width-video-wrapper {
padding-top: 59.2% !important;
flex-basis: 100%;
max-width: none;
width: 100%;
}
.image-list-item{
flex-direction:column;
}
.image-bg{
width:100%;
}
.page-portfolios #project-block .block-item,  #project-block .block-sizer{
width:49.3% !important;
}
.image-content{
padding-left:0;
margin-top:20px;
}
.image-bg{
background-size: cover !important;
}
.multi-video .fluid-width-video-wrapper {
padding-top: 26.2% !important;
flex-basis: 44%;
}
.video-big {
display: flex;
justify-content: space-between;
flex-direction: column;
}
.video-big-content {    
margin-top: 20px;
}
.multi-content {
padding-left: 30px;
flex-basis: 56%;
}
.image-alt-wrapper, .video-alt-wrapper{
flex-direction:column;
}
.image-alt-wrapper img {
height: auto;
width: 100%;
}
.testimonial-sizer, .testimonial-item {
width:49.3%;
}
.image-alt-wrap h5 {
margin-bottom: 15px;
margin-top: 20px;
}
.outer-content-wrap {
width: 100%;
}
.video-alt-wrapper .fluid-width-video-wrapper {
width: 100% !important;
height: auto;
}
.video-alt-wrapper .fluid-width-video-wrapper {
padding-top: 57.2% !important;
width: 100% !important;
}
.hide-gallery .gallery-item, .hide-gallery .block-sizer {
width: 32.3%;
padding:0;
padding-bottom:10px;
}
.alternative #project-gallery .gallery-item{
padding:0;
padding-bottom:10px;
}
.alternative #project-gallery .gallery-item, .alternative #project-gallery .block-sizer{
width:32.3%;
}
}
#project-gallery{
margin-bottom:30px;
}
@media only screen and (max-width:767px){
.multi-video{
flex-direction:column;
}
.multi-content {
padding-left: 30px;
flex-basis: 56%;
flex-basis: 100%;
width: 100%;
max-width: none;
}
.testimonial-sizer, .testimonial-item {
width: 100%;
}
.alternative #project-gallery .gallery-item, .alternative #project-gallery .block-sizer{
width:49%;
}
.multi-video .fluid-width-video-wrapper {
padding-top: 60.2% !important;
flex-basis: 100%;
}
.hide-gallery .gallery-item, .hide-gallery .block-sizer {
width: 100%;
}
.multi-content{
padding-left:0;
}
#testimonial-wrapper {
width: 80%;
height: auto;
left: 0;
right: 0;
margin: 0 auto;
bottom:21%;
}
.page-portfolios #project-block .block-item,  #project-block .block-sizer{
width:100% !important;
}
}
.maxxed-height{
height: 1200px !important;
}
@media only screen and (max-width:500px){
.image-bg {
background-size: cover !important;
height: 215px;
}
.page-home .text-right,  .page-home .col-8 p{
font-size:13px;
}
.page-portfolios #project-block .block-item{
width:100%;
}
.alternative #project-gallery .gallery-item, .alternative #project-gallery .block-sizer{
width:100%;
}
.scroll-btns {
flex-direction: column;
align-items: center;
}
.multi-content {
margin:10px 0px 25px 0;
}
#testimonial-wrapper {
width: 95%;
height: 195px;
left: 0;
right: 0;
margin: 0 auto;
bottom: -205px;
}
.button-group {
flex-wrap: wrap;
justify-content: space-around;
}
.filter-button-group button{
flex-basis:48%;
}
#home-block .block-item:nth-child(5) a {
height: 100%;
}
}
.page-alternative-page footer{
margin-top:50px;
}
.gallery-title{
margin-top:0;
}
footer .social{
align-items:center;
}
footer .fa-instagram{
padding-top:0;
}
footer .social > a{
display:flex;
align-items:center;
}
@media only screen and (max-width:360px){
.testimonial-carousel{
margin-left: 13px;
padding-right: 13px;
}
.testimonial-link{
top: 2%;
}
}
@media (max-width:375px) and (min-height:665px) and (max-height:668px){
#testimonial-wrapper {
left: 23px;
}
}
@media (max-width:414px) and (min-height:734px) and (max-height:737px){
.block-item.size-3 {
height: 135px;
}
#testimonial-wrapper {
bottom: -73px;
}
.testimonial-link{
top:0%;
}
}
@media (max-width:412px) and (min-height:730px) and (max-height:737px){
.page-home #instafollow{
margin-top:175px;
}
}
@media (max-width:800px){
.page-services footer {
position:static;
bottom: 0;
width: 100%;
}
}
@media (max-width:415px) and (min-height:735px) and (max-height:732px){
.page-home #instafollow{
margin-top:165px;
}
#testimonial-wrapper {
bottom: -17%;
}
}
@media only screen and (max-width:320px){
#testimonial-wrapper{
bottom:-221px;
}
}
@-moz-document url-prefix() {
.multi-video .fluid-width-video-wrapper {
padding-top: 21.2% !important;
height: 235px;
display: block;
width: 550px;
}
}
.alternative .maxxed, .alternative .see-more-btn-wrap{
display: none !important;
}