html {
     scroll-behavior: smooth;
}
 body {
     background-color: #020e2b;
}
 body.whiteg {
     background-color: #fff;
}
 .q_slide .slide {
     background: #020e2b;
}
 .whitebg {
     background: #fff;
    
}
 header .logo {
     width: auto;
     top: 4vw;
}
 header .logo .logo-wrap {
     width: auto;
     height: 48px;
}
 header .logo img {
     width: auto;
     height: 27px;
}
 .nav-menu {
     top: 9%;
}
 footer {
     background: url(../../images/slider.jpg) no-repeat #031a3f;
     background-size: 100%;
}
 footer .overlay2 {
     position: absolute;
     height: 60%;
     left: 0;
     top: 0;
     width: 100%;
     background: transparent;
     background: transparent;
}
 .section h3 {
     max-width: 100%;
}
 .q_slide .slide .caption {
     position: absolute;
     left: 10vw;
     top: 45%;
     height: 50%;
     width: auto;
     right: 10vw;
}
 .f-left {
     float: left;
     width: auto;
}
 .f-right {
     float: right;
     width: auto;
}
 .q_slide .slide .caption h1 {
     font: 200 normal 26px/26px "Graphik";
     color: #f9ba00;
     letter-spacing: 1px;
}
 header .header-wrap.hide {
     opacity: 1;
}
 header .header-wrap {
     opacity: 0;
}
 header.header-alt{
     background: rgba(2, 14, 43, 1);
     position: fixed;
     z-index: 1;
     width: 100%;
     height: 100px;
}
 .header-alt .nav-menu {
     top: 6%;
}
 header.header-alt .logo {
     width: auto;
     top: 2.5vw;
}
 .section h2.medium_font {
     font-size: 42px;
     line-height: 58px;
     font-weight: 200;
}
 .cusimg {
     width: 300px;
     float: right;
     position: absolute;
     right: -150px;
     top: 100px;
}
 .cusimg img {
     width: 100%;
}
 .section h3.bluefont {
     color: #002e63;
}
 .column.q-1-3.flex_end.text_cover.flex_right {
     color: #f9ba00;
}
 .font_caps {
     font-size: 11px;
     letter-spacing: 2px;
     text-transform: uppercase;
     font-weight: 600;
     color: #f9ba00;
}
 .carousel h4 {
     font-size: 30px;
     font-weight: 300;
     line-height: 1.3;
     margin-bottom: 30px;
     color: #002e63;
}
 .magnet:hover .magnet_circle, .magnet:hover .magnet_circle_fast {
     border: 1px solid #f9ba00;
     transition: all 0.2s ease-out;
}
 .section h3.bluefont b {
     background: #f9ba00;
     padding: 0 5px;
}
 .section h2.medium_font strong {
     background: #f9ba00;
     padding: 0 5px;
}
 .menu {
     background: url(../../images/slider.jpg) no-repeat #020e2b;
     background-size: cover;
}
 .menu ol:hover li a:hover {
     opacity: 1;
     color: #f9ba00;
}
 .q_slide.hidelogo span.reveal_wrap.f-right {
     display: none;
     transition: all 0.2s ease;
}
 footer .address .text a:hover {
     color: #f9ba00;
}
 .dynamic_load .bar {
     position: absolute;
     top: 0;
     left: 0;
     width: 0;
     height: 100%;
     background: #f9ba00;
     -webkit-transition: all 0.2s ease-out;
     -moz-transition: all 0.2s ease-out;
     -o-transition: all 0.2s ease-out;
     -ms-transition: all 0.2s ease-out;
     transition: all 0.2s ease-out;
}
 .dynamic_load {
     height:5px;
}
 .dynamic_load .progress {
     background: transparent;
}
 header.stickylogo .header-wrap {
     opacity: 1;
}
 .section h2.fullwidth {
     max-width: 100%;
     font-size: 46px;
     line-height: 58px;
}
 .section__header .q-container {
     max-width: 820px;
     padding: 0;
}
 ol.plus_list li a {
     color: #002e63;
     font-size: 32px;
     padding: 4% 0;
}
 ol.plus_list li::before {
     color: #f9ba00;
     display: none;
}
 ol.plus_list li .more {
     color: #f9ba00;
     opacity: 1;
}
 ol.plus_list li {
     position: relative;
     border-bottom: 1px solid rgba(0, 0, 0, 0.7);
}
 .custom-padding-top {
     padding: 70px 0 120px 0;
}
 ol.plus_list li .list-content p {
     max-width: 500px;
     margin-bottom: 50px;
     color: #000;
}
 ol.plus_list li .list-content p {
     max-width: 90%;
     margin-bottom: 50px;
     color: #000;
}
 header.stickylogo .header-wrap.menu_show {
     opacity: 0;
}
 iframe {
     width: 100%;
     height: 996px;
}
 .section h2.fullwidth a.bigfont {
     border-bottom: none;
     font-size: 90px;
     line-height: 100px;
     float: left;
}
 .contact_page footer .address .text .textcol a {
     display: block;
     color: #002e63 !important;
}
 .contact_page footer .address .text p {
     margin-top: 15px;
     width: 100%;
     color: #000;
     font-size: 14px;
}
 .contact_page footer .address .text a {
     color: #002e63;
}
 .contact_page footer {
     background: transparent;
     height: auto;
     width: 100%;
     float: right;
}
 .contact_page footer .address {
     width: 100%;
     position: relative;
     padding-top: 0;
     padding-left: 0;
     padding-bottom: 100px;
}
 .contact_image {
     float: left;
     width: 25%;
}
 .contact_image img{
     float: left;
     width: 100%;
}
 .graybg {
     background: rgb(248, 246, 245) !important;
}
 .contact_page {
     float: left;
     width: 100%;
}
 .q-container.container-inner.container-inner-big {
     max-width: 900px;
}
 .contact_page footer .address .text .textcol {
     padding-right: 20px;
}
 .contact_page footer .address .text {
     float: left;
     width: 100%;
}
 .email_section {
     float: left;
     width: 50%;
     border-bottom: 1px solid #ddd;
     padding-bottom: 80px;
     margin-bottom: 30px;
}
 .email_section label{
     float: left;
     width: 100%;
     color: rgba(0,0,0,0.5);
     font-size: 14px;
}
 .email_info {
     float: left;
     width: 100%;
     margin-top: 20px;
}
 .email_info p {
     float: left;
     width: 100%;
     font-size: 14px;
     color: #000;
     padding: 0;
     margin: 0;
}
 .email_info a {
     float: left;
     width: 100%;
     color: #002e63;
}
 .work_images p.half_caption {
     margin-top: 30px;
     margin-bottom: 30px;
     max-width: 300px;
     color: #002e63;
}
 .work_images p.desc {
     padding-left: 0;
     opacity: .6;
     max-width: 300px;
     color: #000;
}
 .work_images .work_caption .line_sep {
     height: 1px;
     width: 100%;
     margin-top: 15px;
     background: #f9ba00;
     width: 35%;
}
 ul.list_points {
	float: left;
	width: 100%;
	opacity: .8;
	max-width: 300px;
	color: #000;
	padding: 0 0 0 15px;
	margin-bottom: 70px;
	list-style: square;
}
 ul.list_points li {
     float: left;
     width: 100%;
     line-height: 24px;
     padding-bottom: 12px;
}
 .section h1.title_font {
     font-size: 58px;
     line-height: 72px;
}
 .team_section {
     float: left;
     width: 100%;
}
 .team_section strong {
     float: left;
     width: 100%;
}
 .team_container {
     float: left;
     width: 100%;
     padding: 50px 0;
}
 .team_section .client.font_caps {
     font-size: 16px;
}
 .team_section .work_images .work_caption .line_sep {
     margin-top: 10px;
}
 .profile_block , .example-image-link{
     position: relative;
     float: left;
     width: 284px;
     height: 284px;
     margin-right: 46px;
     margin-bottom: 90px;
     box-sizing: border-box;
}
 .profile_block:hover img {
     -webkit-transform: scale(1.07);
     transform: scale(1.07);
}
 .profile_image {
     width: 100%;
     height: 100%;
     overflow: hidden;
}
 .profile_image img {
     width: 100%;
     max-width: 100%;
     height: 100%;
     -o-object-fit: cover;
     object-fit: cover;
     -webkit-transition: -webkit-transform .45s ease-out;
     transition: -webkit-transform .45s ease-out;
     transition: transform .45s ease-out;
     transition: transform .45s ease-out,-webkit-transform .45s ease-out;
}
 .profile_info {
     position: absolute;
     background-color: #fff;
     color: #002e63;
     right: 0;
     width: 230px;
     bottom: -42px;
     padding: 22px;
     z-index: 5;
     -webkit-transition: -webkit-transform .45s ease-out;
     transition: -webkit-transform .45s ease-out;
     transition: transform .45s ease-out;
     transition: transform .45s ease-out,-webkit-transform .45s ease-out;
}
 .profile_name {
     font-size: 20px;
     line-height: 24px;
     font-weight: 400;
     margin-bottom: 5px;
}
 .profile_details {
     font-size: 14px;
     line-height: 19px;
     color: #000;
     min-height: 50px;
     display: none;
}
 .team_block {
     float: left;
     width: 100%;
     margin-top: 60px;
}
 .profile_block:hover .profile_info , .example-image-link:hover .profile_info{
     background-color: #002e63;
     -webkit-transition: -webkit-transform .45s ease-out;
     transition: -webkit-transform .45s ease-out;
     transition: transform .45s ease-out;
     transition: transform .45s ease-out,-webkit-transform .45s ease-out;
}
 .profile_block:hover .profile_name , .example-image-link:hover .profile_name {
     color: #fff;
}
 .profile_block:hover .profile_details , .example-image-link:hover .profile_details {
     color: #fff;
}
 .overlay {
     position: fixed;
     top: 0;
     bottom: 0;
     left: 0;
     right: 0;
     background: rgba(0, 0, 0, 0.7);
     transition: opacity 500ms;
     visibility: hidden;
     opacity: 0;
     z-index: 9999;
}
 .overlay:target {
     visibility: visible;
     opacity: 1;
}
 .popup {
     margin: 40px auto;
     padding: 25px;
     background: #fff;
     border-radius: 0px;
     width: 70%;
     position: relative;
     transition: all 5s ease-in-out;
}
 .popup h2 {
     margin-top: 0;
     color: #333;
     font-family: Tahoma, Arial, sans-serif;
}
 .popup .close {
     position: absolute;
     top: 5px;
     right: -45px;
     transition: all 200ms;
     font-size: 60px;
     font-weight: 100;
     text-decoration: none;
     color: #fff;
     z-index: 9;
     line-height: 25px;
}
 .popup .close:hover {
     color: #fff;
}
 .popup .content {
     max-height: 30%;
     overflow: auto;
}
 @media screen and (max-width: 700px){
     .box{
         width: 70%;
    }
     .popup{
         width: 70%;
    }
}
 .popup_banner {
     position: relative;
     width: 100%;
     max-width: 1440px;
     height: auto;
     max-height: 40vw;
     padding-bottom: 0;
     margin: 0 auto 0;
}
 .popup_banner_image {
     display: inline-flex;
     position: relative;
     width: 100%;
     max-width: 100%;
     height: auto;
     max-height: 33vw;
     background-color: #fff;
     float: left;
     margin: auto;
}
 .popup_banner_image img {
     width: 359px;
     height: 341px;
     padding: 0;
     margin: 0;
     -o-object-fit: cover;
     object-fit: cover;
}
 .popup_banner_block {
     position: static;
     background-color: #fff;
     color: #002438;
     left: -50%;
     width: 55%;
     max-width: 55%;
     bottom: -42px;
     padding: 20px 20px 0px 50px;
     float: left;
}
 .popup_banner_block1 {
     font-size: 36px;
     line-height: 40px;
     font-weight: 300;
}
 .popup_banner_block2 {
     font-size: 16px;
     line-height: 22px;
     padding-top: 5px;
}
 .popup_banner_block3 {
     font-size: 18px;
     line-height: 20px;
     padding-top: 10px;
     color: #000;
     width: 500px;
     background: #fff;
     padding: 68px 20px 66px 66px;
}
 .section h2.portfolio_link a {
     border: none;
     font-size: 52px;
     line-height: 52px;
}
 .section h2.portfolio_link {
     max-width: 100%;
}
 .blackfont.section p.lead {
     color: #000;
     width: 100%;
     max-width: 100%;
}
 .blackfont h2 {
     color: #002e63;
     line-height: 62px;
     margin: 20px auto;
     font-size: 52px;
}
 .our_focus .column.q-1-2 {
     width: 33%;
}
 .q-container.container-inner.menu_fade.our_focus {
     padding: 0 5vw;
}
/* BackToTop button css */
 #scroll {
     position:fixed;
     right:10px;
     bottom:35px;
     cursor:pointer;
     width:50px;
     height:50px;
     background-color:rgba(2, 14, 43, 1);
     text-indent:-9999px;
     display:none;
     z-index: 9;
     border-radius: 100px;
}
 #scroll span {
     position:absolute;
     top:50%;
     left:50%;
     margin-left:-8px;
     margin-top:-12px;
     height:0;
     width:0;
     border:8px solid transparent;
     border-bottom-color:#ffffff 
}
 #scroll:hover {
     background-color:#015cb7;
     opacity:1;
     filter:"alpha(opacity=100)";
     -ms-filter:"alpha(opacity=100)";
}
 #scroll:focus {
     outline:none;
}
 #scroll > span {
     animation: inherit;
}
 .work_images .work_caption .client {
     padding-right: 20px;
     white-space: nowrap;
     opacity: .7;
     font-size: 22px;
     font-weight: 400;
     text-transform: capitalize;
     letter-spacing: 0.5px;
     color: #002e63;
     line-height: 28px;
}
 .work_images .work_caption {
     padding-bottom: 80px;
     padding-top: 0;
     float: left;
     width: 100%;
}
 .work_caption.work_caption-top80 {
     padding-top: 80px;
}
 .popup_banner_block2 ul {
     float: left;
     width: 100%;
     padding: 0 0 0 0;
     list-style: none;
}
 .popup_banner_block2 ul li {
     float: left;
     width: 100%;
     padding: 3px 0 0 0;
}
 .header-wrap.logo_inside .logo-wrap {
     height: 27px;
}
 .header-wrap.logo_inside .logo-wrap img {
     height: 27px;
}
 label.maplabel {
     float: left;
     width: 100%;
     color: rgba(0,0,0,0.5);
     font-size: 14px;
     margin-bottom: 30px;
     margin-top: 30px;
}
 a.whitefont {
     color: #000 !important;
}
 .client_logos .client-wrap img {
     width: 33%;
     opacity: 1 !important;
     -webkit-filter: grayscale(100%);
     filter: grayscale(100%);
}
 .client_logos .client-wrap img:hover {
     filter: inherit;
     -webkit-filter: inherit;
}
 .advisors_team_popup .popup_banner_image img {
     width: 280px;
     height: 281px;
     padding: 0;
     margin: 0;
     -o-object-fit: cover;
     object-fit: cover;
}
 .column.q-1-3.flex_end.text_cover.flex_right.fullwidth_button {
     width: 100%;
     text-align: center;
     margin: auto;
     display: table;
}
 .column.q-1-3.flex_end.text_cover.flex_right.fullwidth_button a.magnet {
     font-size: 26px;
     font-weight: 200;
     margin: 0;
}
 .nextpage.homepagenext {
     float: left;
     width: 100%;
     padding: 25px 0;
     background: rgba(2, 14, 43, 1);
}
 .nextpagebtn {
     float: left;
     width: 100%;
     padding: 25px 0;
     background: #fff;
}
 .nextpagebtn a.magnet {
     color: #002e63;
}
 .nextpagebtn .magnet:hover .magnet_circle, .nextpagebtn .magnet:hover .magnet_circle_fast {
     border: 1px solid #002e63;
     transition: all 0.2s ease-out;
}
 .lb-overlay {
     display: none;
}
 .lb-overlay:target {
     display: block;
}
 .lb-album{
     display: table;
     margin: 0 auto;
     padding: 0;
}
 .lb-album li {
     float: left;
     position: relative;
     float: left;
     width: 284px;
     height: 284px;
     margin-right: 46px;
     margin-bottom: 90px;
}
 .lb-album li > a, .lb-album li > a img{
     display: block;
     width: 100%;
     max-width: 100%;
     height: 100%;
     -o-object-fit: cover;
     object-fit: cover;
     -webkit-transition: -webkit-transform .45s ease-out;
     transition: -webkit-transform .45s ease-out;
     transition: transform .45s ease-out;
     transition: transform .45s ease-out,-webkit-transform .45s ease-out;
}
 .lb-album li > a{
     position: relative;
     float: left;
     width: 100%;
     height: 100%;
}
 .lb-album li > a span{
     position: absolute;
     background-color: #fff;
     color: #002e63;
     right: 0;
     width: 230px;
     bottom: -42px;
     padding: 22px;
     z-index: 5;
     -webkit-transition: -webkit-transform .45s ease-out;
     transition: -webkit-transform .45s ease-out;
     transition: transform .45s ease-out;
     transition: transform .45s ease-out,-webkit-transform .45s ease-out;
     opacity: 1;
     font-size: 20px;
     line-height: 24px;
     font-weight: 400;
}
 .lb-album li > a:hover span{
     opacity: 1;
     filter: alpha(opacity=99);
    /* internet explorer */
     -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(opacity=99)";
    /*IE8*/
}
 

.lb-overlay {
	display: none;
	width: 0px;
	height: 0px;
	position: fixed;
	overflow: hidden;
	left: 0px;
	top: 0px;
	padding: 0px;
	z-index: 99;
	text-align: center;
	background: rgba(0, 0, 0, 0.85);
}

 .lb-overlay > div{
     position: relative;
     color: #fff;
     width: 550px;
     height: 80px;
     margin: 40px auto 0px auto;
     float: left;
}
 .lb-overlay div h3, .lb-overlay div p{
     padding: 0px 20px;
     width: 200px;
     height: 60px;
}
 .lb-overlay div h3{
     font-size: 36px;
     float: left;
     text-align: left;
     float: left;
     width: 100%;
}
 .lb-overlay div h3 span, .lb-overlay div p{
     font-size: 16px;
     font-family: Constantia, Palatino, "Palatino Linotype", "Palatino LT STD", Georgia, serif;
     font-style: italic;
}
 .lb-overlay div h3 span{
     display: block;
     line-height: 6px;
}
 .lb-overlay div p{
     font-size: 14px;
     text-align: left;
     float: left;
     width: 260px;
}
 .lb-overlay a.lb-close {
     background: transparent;
     z-index: 1001;
     color: #fff;
     position: absolute;
     top: -100px;
     right: -26px;
     font-size: 48px;
     line-height: 48px;
     text-align: center;
     width: auto;
     height: auto;
     overflow: hidden;
     margin-left: 0;
     opacity: 0;
     filter: alpha(opacity=0);
     -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(opacity=0)";
     -webkit-box-shadow: 0px 1px 2px rgba(0,0,0,0.3);
     -moz-box-shadow: 0px 1px 2px rgba(0,0,0,0.3);
     box-shadow: none;
     font-weight: 100;
}
 .lb-overlay img{
    /* height: 100%;
     For Opera max-height does not seem to work */
     max-height: 100%;
     position: relative;
     opacity: 0;
     filter: alpha(opacity=0);
    /* internet explorer */
     -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(opacity=0)";
    /*IE8*/
     -webkit-transition: opacity 0.5s linear;
     -moz-transition: opacity 0.5s linear;
     -o-transition: opacity 0.5s linear;
     -ms-transition: opacity 0.5s linear;
     transition: opacity 0.5s linear;
     float: left;
}
 .lb-prev, .lb-next {
     text-indent: -9000px;
     position: absolute;
     bottom: -100px;
     width: 40px;
     height: 43px;
     left: 50%;
     opacity: 1;
     filter: alpha(opacity=80);
     -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(opacity=80)";
}
 .lb-prev:hover, .lb-next:hover{
     opacity: 0.9;
     filter: alpha(opacity=99);
    /* internet explorer */
     -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(opacity=99)";
    /*IE8*/
}
 .lb-prev{
     margin-left: -30px;
     background: transparent url(../../images/arrows.png) no-repeat top left;
}
 .lb-next{
     margin-left: 15px;
     background: transparent url(../../images/arrows.png) no-repeat top right;
}
 

.lb-overlay:target {
	width: 100%;
	height: auto;
	top: 0px;
	right: 0px;
	padding: 50px;
	height: 100vh;
	display: flex !important;
	align-items: center;
}

 .lb-overlay:target img, .lb-overlay:target a.lb-close{
     opacity: 1;
     filter: alpha(opacity=99);
    /* internet explorer */
     -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(opacity=99)";
    /*IE8*/
}
/* 100% Height for Opera as the max-height seems to be ignored, not optimal for large screens http://bricss.net/post/11230266445/css-hack-to-target-opera */
 x:-o-prefocus, .lb-overlay img {
     height: 100%;
}
 pre {
     text-align: left;
     width: 320px;
     margin: 20px auto;
     border: 5px solid #555;
     padding: 12px 18px;
     background: #222;
     color: #fff;
}
 .lb-overlay {
     display: none;
}
 .lb-overlay:target {
     display: block;
}
 #album {
     float: left;
     width: 100%;
     background: #fff;
}
 .lb-album li > a:hover span {
     background: #002e63;
     color: #fff;
}
 .lb-overlay .lb-overlay-container {
     width: 900px;
     padding: 25px;
     background: #fff;
     margin: auto;
     float: none;
     display: table;
}
 .lb-overlay .lb-overlay-container .popup {
     margin: auto;
     padding: 0;
     background: #fff;
     border-radius: 0px;
     width: 100%;
     position: relative;
     transition: all 5s ease-in-out;
}
 .lb-overlay .lb-overlay-container .popup_banner_block {
     text-align: left;
}
 .lb-overlay .lb-overlay-container .popup_banner_block2 ul li {
     float: left;
     width: 100%;
     padding: 0 0 5px 0;
     line-height:24px;
     height: auto;
     margin: 0;
}
 .lb-overlay .lb-overlay-container .popup_banner_block2 ul {
	float: left;
	width: 100%;
	padding: 20px 0 0 15px;
	list-style: square;
}
 /*.sticky {
     position: fixed;
     height: 100vh;
}*/

.sticky header {
	z-index: -1;
	position: relative;
}
.sticky #scroll {
	z-index: -1;
}

.sticky .q_smooth {
	transform: none !important;
}

 .sticky .stickylogo {
     z-index: -1;
     position: relative;
}
 .contact_frame {
     float: left;
     width: 100%;
}
 #map {
     height: 100%;
}
 .contact_map {
     float: left;
     width: 100%;
     position: relative;
}
 .contact_map img{
     float: left;
     width: 100%;
}
 .location1 {
     width: 13px;
     height: 13px;
     border-radius: 100px;
     position: absolute;
     top: 378px;
     left: 245px;
}
 .location2 {
     width: 13px;
     height: 13px;
     border-radius: 100px;
     position: absolute;
     top: 329px;
     left: 374px;
}
 .blue {
     background: #c5e3fe;
}
 .overlay.map-overlay {
     position: absolute;
     height: auto;
     float: left;
     display: flex;
     align-items: center;
}
 .overlay.map-overlay .popup {
     width: 500px;
}
 .overlay.map-overlay .popup .popup_banner h1 {
     color: #002e63;
     font-weight: 600;
     font-size: 26px;
     margin: 0;
     padding: 0;
}
 .overlay.map-overlay .popup .popup_banner p {
     float: left;
     width: 100%;
     color: #000;
     font-size: 16px;
     line-height: 22px;
}
 .overlay.map-overlay .popup .popup_banner p strong {
     font-weight: 500;
     float: left;
     width: 100%;
     margin-bottom: 5px;
}
 .section.work_images.expertise.whitebg.custom-padding-top .work_caption {
     padding-bottom: 20px;
}
 header .header-wrap.hide {
     pointer-events: inherit;
}

footer .address .text p {
text-transform: capitalize;
}

.menu .address .text p {
	margin: 0px;
	text-transform: capitalize;
}

footer .address .textcol p a {
	color: rgba(255, 255, 255, 0.5) !important;
}

a.linkdin img {
	height: auto;
	width: 24px;
	float: left;
	margin: 10px 0 0 15px;
	
}

 @media (max-width: 1280px) {
     .nav-menu {
         top: 5%;
    }
     .header-alt .nav-menu {
         top: 3.5%;
    }
     header.header-alt .logo {
         width: auto;
         top: 3vw;
    }
     .section h3 {
         font-weight: 200;
         font-size: 36px;
         line-height: 58px;
         max-width: 475px;
    }
     .section h2.medium_font {
         font-size: 36px;
         line-height: 58px;
         font-weight: 200;
    }
     .cusimg {
         width: 300px;
         float: right;
         position: absolute;
         right: 0;
         top: 100px;
    }
     footer {
         background-size: cover;
         background-position: right;
    }
}
 @media (max-width: 1024px) {
     .nav-menu {
         top: 5%;
    }
     header.header-alt .logo {
         width: auto;
         top: 3.5vw;
    }
     .cusimg {
         width: 200px;
         float: right;
         position: absolute;
         right: 0;
         top: 100px;
    }
}
 @media (max-width: 800px) {
     
     .lb-overlay .lb-overlay-container {width:100%;}
     .section__header .q-container {
         max-width: 85%;
         padding: 0;
    }
     footer #inner_footer a.main_link {
         font-size: 58px;
    }
     footer #inner_footer {
         margin-left: 10%;
    }
     footer .address {
         margin-left: 10%;
         padding-left: 0;
    }
     .q-container {
         padding: 0 5vw;
    }
     header .logo img {
         margin-left: 0;
    }
     header .logo {
         width: auto;
         top: 6vw;
    }
     header.header-alt .logo {
         width: auto;
         top: 4.5vw;
    }
     .cusimg {
         display: none;
    }
     footer .address .text {
         max-width: 80%;
    }
     .nav-menu {
         top: 8%;
    }
     .header-alt .nav-menu {
         top: 7%;
    }
}
 @media (max-width: 768px) {
     .q_slide .slide .caption h1 {
         font-size: 20px;
    }
}
 @media (max-width: 667px) {



     .lb-overlay .lb-overlay-container .popup_banner_block2 ul { padding-top: 10px; }
     .q-container {
         padding: 0 7vw;
    }
     .section .full_banner.wide .q-container {
         padding-left: 7%;
    }
     .q_slide .slide .caption h1 {
         text-align: center;
         float: left;
         width: 100%;
    }
     .f-left {
         float: left;
         width: 100%;
         margin-bottom: 25px;
    }
     .q_slide .slide .caption h1 {
         font: 200 normal 26px/26px "Graphik";
         color: #f9ba00;
         letter-spacing: 1px;
         text-align: center;
         float: left;
         width: 100%;
    }
     .nav-menu {
         top: 4%;
    }
     header.header-alt .logo {
         width: auto;
         top: 10vw;
    }
     .header-alt .nav-menu {
         top: 4%;
    }
     header .header-wrap {
         opacity: 0;
    }
    header.stickylogo .header-wrap {
     opacity: 0;
}
header.stickylogo.header-alt .header-wrap {
     opacity: 1;
}
     header .logo {
         width: auto;
         top: 9vw;
    }
     .cusimg {
         display: none;
    }
     .section h2.medium_font br {
         display: none;
    }
     .section h2.medium_font {
         font-size: 24px;
         line-height: 36px;
         font-weight: 200;
    }
     footer .address .text .textcol.mob_half {
         width: 100%;
         float: left;
         margin-bottom: 40px;
         padding-right: 0;
    }
     footer .address .text .textcol a.inner_link {
         display: block;
         width: 50%;
         float: left;
         font-size: 14px;
    }
     footer {
         background: url(../../images/slider.jpg) no-repeat #031a3f;
         background-size: cover;
         background-position: right;
         float: left;
    }
     .section h3 {
         font-size: 24px;
         font-weight: 300;
         line-height: 36px;
    }
     .q_slide .slide .caption h1 span span img {
         width: 100%;
         height: auto;
    }
     header.header-alt {
         z-index: 9;
    }
     .menu ol li.mobile_link {
         display: none;
    }
     .section h2.fullwidth {
         max-width: 100%;
         font-size: 24px;
         line-height: 36px;
    }
     header .logo img {
         margin-left: 0;
    }
     .section__header .q-container {
         max-width: 100%;
         padding: 0 25px;
    }
     ol.plus_list li a {
         color: #002e63;
         font-size: 18px;
         padding: 6% 0;
         width: 80%;
         line-height: 24px;
    }
     ol.plus_list li .more {
         font-size: 42px;
         top: 10%;
    }
     ol.plus_list li .list-content p {
         margin-top: 0;
    }
     footer #inner_footer {
         margin-left: 30px;
    }
     footer .address {
         padding-left: 10%;
         margin-left: 0;
    }
     .section h2.fullwidth a.bigfont {
         border-bottom: none;
         font-size: 28px;
         line-height: 28px;
         float: left;
    }
     footer .vs-div {
         float: left;
         width: 100%;
    }
     .contact_map img {
         float: left;
         width: 100%;
         z-index: 1;
         position: relative;
    }
     .custom-padding-top {
         padding: 70px 0 120px 0;
         float: left;
         width: 100%;
    }
     .section h2.portfolio_link a {
         border: none;
         font-size: 20px;
         line-height: 20px;
    }
     .our_focus .column.q-1-2 {
         width: 100%;
    }
     .work_images .work_caption {
         padding-bottom: 20px;
         padding-top: 0;
         float: left;
         width: 100%;
    }
     section {
         float: left;
         width: 100%;
    }
     .client_logos .client-wrap img {
         width: 100%;
    }
    
     .lb-album li {
         float: left;
         position: relative;
         float: left;
         width: 100%;
         height: auto;
         margin-right: 0;
         margin-bottom: 90px;
    }
     .lb-overlay:target {
         padding: 20px;
    }

    .popup_banner_image img {
    width: 100%;
    height: 220px;
    object-position: top;
    object-fit: cover;
}
    .lb-overlay .lb-overlay-container { width: 100%; padding: 15px; height: auto; margin-top: 20px; }
    .popup .content { max-height: inherit; }
    .lb-overlay-container div {
    float: left;
    width: 100%;
    height: 100%;
    max-height: 100%;
}
.popup_banner_image { display: inherit; }
.popup_banner_block {
    position: relative;
    background-color: #fff;
    color: #002438;
    left: 0;
    width: 100%;
    max-width: 100%;
    bottom: 0;
    padding: 20px 0;
    float: left;
}
.popup_banner_block1 {
    font-size: 24px;
    line-height: 24px;
    font-weight: 300;
}
.popup_banner_block2 {
     font-size: 14px;
     line-height: 24px;
     padding-top: 0;
     overflow: auto;
     height: auto !important;
}
.lb-overlay a.lb-close {
    top: -55px;
    right: -15px;
    font-size: 36px;
    line-height: 36px;
    font-weight: 300;
}
.lb-prev, .lb-next { bottom: -38px; }
.lb-overlay:target { display: inherit !important; z-index: 9999;  }
.lb-album li > a, .lb-album li > a img { height: auto; }
.lb-album li > a span {
	bottom: -68px;
	width: 100%;
	text-align: center;
}
}



@media (max-width: 320px) {
.popup_banner_block2 {
     font-size: 14px;
     line-height: 24px;
     padding-top: 0;
     overflow: auto;
     height: auto !important;
}
.popup_banner_image img {
     width: 100%;
     height: 200px;
     object-position: top;
     object-fit: cover;
}
}