/*!
Theme Name: moergestel
Theme URI: http://underscores.me/
Author: Underscores.me
Author URI: http://underscores.me/
Description: Description
Version: 1.0.0
Tested up to: 5.4
Requires PHP: 5.6
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: moergestel
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned.

moergestel is based on Underscores https://underscores.me/, (C) 2012-2020 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

*/


/* Table of Content
==================================================
	#Font-Face
	#Site Styles
	#Media Queries */

/* #Font-Face
================================================== */


/* #Site Styles
================================================== */

/* ### general ### */
* { margin: 0; padding: 0; box-sizing: border-box; }
html { scroll-behavior: smooth;}
html,
body { font-family: 'Acumin', sans-serif; font-size: 16px; color: #18396A; font-weight: 400; background: #ffffff; }
input,
select,
textarea { font-family: sans-serif; font-size: 12px; color: #000; }
img { display: block; border: 0; }
ul,li { list-style: none; }
:focus { outline: none; }
a { text-decoration: none; transition: ease-in 0.3s; }
img { max-width: 100%; }
h1,h2,h3,h4,h5,h6 { margin-bottom: 30px; color: #1E274A; font-weight: bold; }
h1 { font-size: 64px; line-height: 1.25; }
h2 { font-size: 64px; }
h3 { font-size: 40px; line-height: 1.15; }
p { margin-bottom: 30px; font-size: 16px; line-height: 1.5; }
a.btn { padding-right: 63px; color: #fff; font-size: 20px; position: relative; }
a.btn:hover { opacity: 0.8; }
a.btn:before { content: ''; position: absolute; right: 0; width: 35px; height: 41px; top: 50%; transform: translateY(-50%); background: url(images/btn-bg4.svg) no-repeat; }
a.btn:after { content: ''; position: absolute; right: 11px; top: 50%; transform: translateY(-50%); width: 14px; height: 11px; background: url(images/btn-arrow.svg) no-repeat center center; }
a.btn.active:after { right: 11px; }
a.btn.active:before { width: 35px; height: 40px; background: url(images/btn-bg3.svg) no-repeat; }
a[href^="tel:"] { color: #fff; }

/* ### global classes ### */
.clear { visibility: hidden; clear: both; height: 0; line-height: 0; }
.center { padding-right: calc((100% - 1333px) / 2); padding-left: calc((100% - 1333px) / 2); }
.centered { padding-right: calc((100% - 1186px) / 2); padding-left: calc((100% - 1186px) / 2); }

/* ### wrapper ### */
#wrapper { position: relative; display: block; width: 100%; min-height: 100%; margin: auto; overflow: hidden; }

/* ### main container ### */
#mainCntr { width: 100%; }

/* ### header container ### */
#headerCntr { width: 100%; height: 100px; position: fixed; top: 0; z-index: 99; display: flex; justify-content: space-between; transition: top 0.2s ease-in-out; -webkit-transition: top 0.2s ease-in-out;  }
#headerCntr.nav-up { top: -105px;}
#headerCntr .left { position: relative; }
#headerCntr .logo { padding-top: 26px; width: 336px; display: flex; justify-content: center; position: absolute; top: 0; left: 0; }
#headerCntr .logo img { max-width: 253px; }
#headerCntr .logo:before { content: ''; position: absolute; top: 0; left: 0; width: 336px; height: 203px; background: url(images/logo-bg.svg) no-repeat; transition: ease-in 0.3s; }
#headerCntr .logo span { position: relative; }
#headerCntr .mobileMenu { position: fixed; right: 8px; top: 15px; z-index: 15; display: none; float: left; width: 40px; height: 40px; transition: 0.2s; cursor: pointer; overflow: hidden;  background:#1E274A; z-index: 2000;}
#headerCntr .mobileMenu span { position: absolute; top: 50%; right: 20%; left: 20%; display: block; height: 4px; text-indent: -9999px; border-radius: 5px; background: #fff; transition: 0.2s; }
#headerCntr .mobileMenu span:before,
#headerCntr .mobileMenu span:after { position: absolute; left: 0; display: block; width: 100%; height: 4px; border-radius: 5px; background-color: #fff; transition-duration: 0.2s, 0.2s; content: ''; }
#headerCntr .mobileMenu span:before { top: -7px; }
#headerCntr .mobileMenu span:after { bottom: -7px; }
.mm-listview {font-size: 24px; line-height: 24px;}
.mm-menu.mm-offcanvas.mm-opened { background:#1E274A;}
#headerCntr.fixed { box-shadow: 0 0 5px 0 rgba(0,0,0,0.3); background-color: #fff; }

#headerCntr.fixed .menuBox:not(.mm-menu) ul li > a { color: #1e264a; }
#headerCntr.fixed .logo:before { opacity: 0; visibility: hidden; }
#headerCntr.fixed .logo { padding-top: 13px; }

.mm-opened #headerCntr .mobileMenu span { background: none; }
.mm-opened #headerCntr .mobileMenu.is-active span:before,
.mm-opened #headerCntr .mobileMenu.is-active span:after { transition-delay: 0s, 0.2s; }
.mm-opened #headerCntr .mobileMenu span:before { top: 0; -webkit-transform: rotate(45deg); transform: rotate(45deg); }
.mm-opened #headerCntr .mobileMenu span:after { bottom: 0; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); }

/* ### menu box ### */
.menuBox:not(.mm-menu) { padding-right: 90px; width: auto; height: 100px; display: flex; align-items: center; }
.menuBox:not(.mm-menu) ul { overflow: hidden; width: auto; display: flex; }
.menuBox:not(.mm-menu) ul li { padding: 0 15px; font-size: 18px; }
.menuBox:not(.mm-menu) ul li > a { color: #fff; display: inline-flex; align-items: center; font-weight: 500; position: relative; transition: ease-in 0.2s; }
.menuBox:not(.mm-menu) ul li > a:not(:only-child):before { content: ''; position: absolute; left: -15px; top: 50%; margin-top: 1px; transform: translateY(-50%); width: 10px; height: 10px; background: url(images/menu-arrow.png) no-repeat left center; background-size: 10px; }
.menuBox:not(.mm-menu) ul li.cbp-hsitem-open > a:not(:only-child):before { margin-top: -5px; transform: rotate(180deg); -webkit-transform: rotate(180deg); background: url(images/menu-arrow2.png) no-repeat left center;background-size: 10px; }
.menuBox:not(.mm-menu) ul li svg { margin-right: 5px; }
.menuBox:not(.mm-menu) ul li.active a, .menuBox:not(.mm-menu) ul li > a:hover, .menuBox:not(.mm-menu) ul li.current_page_item a { color: #1e264a; }
.menuBox:not(.mm-menu) ul li.current_page_item:before a { content: ''; position: absolute; left: 0; top: 50%; transform: translateY(-50%); width: 14px; height: 16px; background: url(images/hexagon-img3.svg) no-repeat left center; }

.menuBox:not(.mm-menu) ul .submenu { position: absolute; left: 0; top: 100%; width: 100%; flex-wrap: wrap; text-align: center; visibility: hidden; z-index: 0; }
.menuBox:not(.mm-menu) ul .submenu li { width: 16.2%; box-shadow: -28px 0 0 -27px #ddd, 0 -28px 0 -27px #ddd; -webkit-transition: opacity 0.1s 0s; transition: opacity 0.1s 0s; opacity: 0; -webkit-transition: opacity 0.1s 0s; -moz-transition: opacity 0.1s 0s; transition: opacity 0.1s 0s; }
.menuBox:not(.mm-menu) ul li.cbp-hsitem-open .submenu li { opacity: 1; -webkit-transition: opacity 0.5s 0.1s; transition: opacity 0.5s 0.1s; }
.menuBox:not(.mm-menu) ul .submenu li > a { padding: 32px 16px 16px; display: block; text-align: center; color: #a2a2a2; }
.menuBox:not(.mm-menu) ul .submenu li a span { display: block; min-height: 3em; margin-top: 0.4em; }
.menuBox:not(.mm-menu) ul .submenu li a img { display: inline-block; -webkit-transition: opacity 0.2s; -moz-transition: opacity 0.2s; transition: opacity 0.2s; }
.menuBox:not(.mm-menu) ul .submenu li > a:hover img { opacity: 0.5; }
.menuBox:not(.mm-menu) ul .cbp-hsitem-open .submenu { z-index: 1000; visibility: visible; }
.menuBox .cbp-hsmenubg { background: #f7f7f7; position: absolute; width: 100%; top: 100%; left: 0; z-index: 0; height: 0; -webkit-transition: height 0.3s; -moz-transition: height 0.3s; transition: height 0.3s; }

#headerCntr.inner { background-color: #fff; }
#headerCntr.inner .menuBox:not(.mm-menu) ul li > a { color: #1e264a; }
#headerCntr.inner .menuBox:not(.mm-menu) ul li svg path, #headerCntr.fixed .menuBox:not(.mm-menu) ul li svg path { width: 14px; stroke: #2FAFE5; }
#headerCntr.inner .menuBox:not(.mm-menu) ul li.active a, #headerCntr.inner .menuBox:not(.mm-menu) ul li > a:hover, #headerCntr.fixed .menuBox:not(.mm-menu) ul li.active a, #headerCntr.fixed .menuBox:not(.mm-menu) ul li a:hover { color: #2FAFE5; }
#headerCntr.inner .logo:before { display: none; }
#headerCntr.inner .logo { padding-top: 11px; }
#headerCntr.inner .menuBox:not(.mm-menu) ul li.cbp-hsitem-open > a { color: #2FAFE5; }
#headerCntr.inner .menuBox:not(.mm-menu) ul li > a:hover:not(:only-child):before { background: url(images/menu-arrow2.png) no-repeat left center;background-size: 10px; }

/* ### content container ### */
#contentCntr { width: 100%; }

	/* ### banner box ### */
	.bannerBox { width: 100%; position: relative; background-color: #00abf9; }
	.bannerBox:after { content: ''; position: absolute; right: 0; top: 0; width: 256px; height: 488px; background: url(images/hexagon-img1.svg) no-repeat top center; }
	.bannerBox .content { margin-top: -25px; max-width: 738px; text-align: center; }
	.bannerBox .content span { margin-bottom: 12px; display: block; color: #fff; text-transform: uppercase; }
	.bannerBox .content p { padding: 0 63px; color: #fff; }
	.bannerBox h1 { margin-bottom: 40px; }
	.bannerBox a.btn { padding-right: 75px; position: absolute; right: 0; bottom: 140px; z-index: 9; }
	.bannerBox a.btn:before { width: 56px; height: 64px; background: url(images/btn-bg2.svg) no-repeat; }
	.bannerBox a.btn:after { width: 30px; height: 30px; right: 14px; background: url(images/btn-arrow2.svg) no-repeat center center; }
	.bannerBox .full { height: 100vh; display: flex; align-items: center; justify-content: center; position: relative; }
	.bannerBox.inner .full { padding-left: 33px; height: 1052px; justify-content: flex-start; }
	.bannerBox.inner .content { max-width: 548px; text-align: left; }
	.bannerBox.inner .content p { padding: 0 40px 0 148px; }
	.bannerBox.inner h1 { margin-bottom: 60px; }
	.bannerBox.inner:after { display: none; }

	/* ### image box ### */
	.imageBox { margin-top: -87px; margin-bottom: 80px; width: 100%; display: flex; position: relative; }
	.imageBox ul { padding: 50px 90px 50px 0px; width: 577px; }
	.imageBox .tab-content{ display: none; }
	.imageBox .tab-content:first-child {display: block;}
	.imageBox .content { display: none; }
	.imageBox img { width: 832px; height: 704px; clip-path: polygon(48% 0, 100% 21%, 100% 77%, 48% 100%, 0 77%, 0 21%); -webkit-clip-path: polygon(48% 0, 100% 21%, 100% 77%, 48% 100%, 0 77%, 0 21%); object-fit:cover; }
	.imageBox .tab-wrap { min-height: 555px; display: flex; }
	.imageBox .tab-titles { background-color: #fff; }
	.imageBox .tab-titles li:hover {color:#000; }
	.imageBox .row { margin-left: 15px; margin-top: -148px; }
	.home .imageBox .tab-titles li {padding-left:70px;}
	.imageBox .tab-titles li { padding-bottom: 12px;  margin-bottom: 20px; font-weight: 700; border-bottom: 1px solid #E8E9EE;   transition: opacity 1s ease-in-out;
    -moz-transition: opacity 1s ease-in-out;
    -webkit-transition: opacity 1s ease-in-out; opacity: 1;} 
    
    .imageBox .tab-titles li:hover {  opacity: 1.0;
    transition: opacity .55s ease-in-out;
    -moz-transition: opacity .55s ease-in-out;
    -webkit-transition: opacity .55s ease-in-out;}
	.imageBox .tab-titles li a { margin-bottom: 10px; color: #1E274A; font-size: 20px; display: block; position: relative; }
	.imageBox .tab-titles li p { font-weight: 400;  display: none; transition: opacity 1s ease-in-out;
    -moz-transition: opacity 1s ease-in-out;
    -webkit-transition: opacity 1s ease-in-out; opacity: 1;}
	.imageBox .tab-titles li:first-child p, .imageBox .tab-titles li:hover p  {display: block;}
	.imageBox .tab-titles li:hover {color:#00ABFA; cursor: pointer;}
	.imageBox .tab-titles li:hover a {color:#00ABFA; }
	
	.imageBox .tab-titles li a:after { content: ''; width: 30px; height: 30px; position: absolute; right: 14px; top: -1px; background: url(images/btn-arrow2.svg) no-repeat center center; }
	.imageBox .tab-titles li a:hover { color: #00ABFA; }
	.imageBox .tab-titles li.active .content { display: block; }
	.imageBox .tab-titles li:last-child { border: 0; }
	.imageBox.inner img { width: 824px; height: 816px; }
	.imageBox.inner .row { margin-top: -414px; position: absolute; right: 0; }
	.imageBox.inner ul { padding: 148px 31px 50px 62px; margin-left: 32px; width: 447px; height: 516px; background: url(images/hexagon-img4.svg) no-repeat; background-size: cover; }
	.imageBox.inner .tab-titles li a:after { right: 3px; background: url(images/btn-arrow3.svg) no-repeat center center; }
	.imageBox.inner .tab-titles li.active a:before  { content: ''; position: absolute; right: 0; width: 35px; height: 41px; top: 50%; transform: translateY(-50%); background: url(images/btn-bg4.svg) no-repeat; }
	.imageBox.inner .tab-titles li.active a:after { background: url(images/btn-arrow4.svg) no-repeat center center; }
	.imageBox.inner { margin-bottom: 0; margin-top: -215px; }
	.imageBox.inner a.btn { color: #1E274A; position: absolute; right: 90px; bottom: 114px; font-weight: 700; font-size: 20px; transform: rotate(-27deg); -webkit-transform: rotate(-27deg); }
	.imageBox.inner .tab-wrap { min-height: inherit; }
	.imageBox.inner .tab-titles li a:hover { color: #1E274A; }
	

	/* ### list box ### */
	.listBox { padding-top: 24px; width: 100% ; display: flex; justify-content: space-between; position: relative; z-index: 9; }
	.listBox .left { padding-left: 30px; width: 45%; }
	.listBox ul { margin-top: 25px; width: 507px; }
	.listBox li { padding-left: 22px; margin-bottom: 15px; color: #1E274A; font-weight: 500; position: relative; }
	.listBox li:before { content: ''; position: absolute; left: 0; top: 50%; transform: translateY(-50%); width: 14px; height: 16px; background: url(images/hexagon-img3.svg) no-repeat left center; }
	.listBox .content { padding: 45px 34px; width: 336px; height: 388px; display: flex; align-items: center; text-align: center; clip-path: polygon(48% 0, 100% 24%, 100% 78%, 48% 100%, 0 78%, 0 24%); -webkit-clip-path: polygon(48% 0, 100% 24%, 100% 78%, 48% 100%, 0 78%, 0 24%); background-color: #00ABFA; }
	.listBox .content a.btn { font-weight: 700; }
	.listBox .content a.btn:before { width: 41px; height: 35px; background: url(images/btn-bg.svg) no-repeat; }
	.listBox .content p { color: #fff; }
	.listBox:after { content: ''; position: absolute; left: 0; top: 0; width: 101px; height: 250px; background: url(images/hexagon-img2.svg) no-repeat top center; }
	.listBox h3 { margin-bottom: 65px; }
	.listBox .content a.btn:after { right: 15px; }
	.listBox.inner .text { margin-right: 119px; margin-top: 75px; width: 460px; }
	.listBox.inner { padding-top: 10px; margin-bottom: 186px; }
	.listBox.inner:after { top: -55px; }

	/* ### project box ### */
	.projectBox { margin-top: -86px; width: 100%; min-height: 1133px; position: relative; background-color: #e0f4fb; }
	.projectBox .row { width: 100%; display: flex; justify-content: space-between; }
	.projectBox .slider-nav { margin-top: 92px; width: 292px; }
	.projectBox .item.slick-slide { padding: 20px 0; width: 100%; border-bottom: 1px solid #BCD0D7; }
	.projectBox .item a { color: #1E274A; font-weight: 700; display: block; transition: none; }
	.projectBox .button { position: absolute; top: -37px; right: 16%; z-index: 9; }
	.projectBox .all { padding-top: 180px; position: relative; }
	.projectBox .item a.btn:after { right: 11px; background: transparent; }
	.projectBox .item a.btn:hover:after, .projectBox .slider-nav .item.slick-current a.btn:after { background: url(images/btn-arrow.svg) no-repeat center center; }
	.projectBox .item .btn:hover:before, .projectBox .slider-nav .item.slick-current a.btn:before { width: 35px; height: 40px; background: url(images/btn-bg3.svg) no-repeat; }
	.projectBox .item a.btn:before { background: transparent; }
	.projectBox .item a.btn:hover, .projectBox .slider-nav .item.slick-current > a.btn { color: #2FAFE5; }
	.projectBox .slider-for { margin-top: -150px; width: 895px; position: absolute; right: 0; }
	.projectBox .image { padding: 0 11px; }
	.projectBox .image img { width: 549px; height: 634px; clip-path: polygon(50% 0%, 100% 20%, 100% 75%, 50% 100%, 50% 100%, 0 75%, 0 20%); -webkit-clip-path: polygon(50% 0%, 100% 20%, 100% 75%, 50% 100%, 50% 100%, 0 75%, 0 20%); object-fit:cover;}
	.projectBox .slider-for .slick-list:before { content: ''; position: absolute; left: 0; top: 0; width: 145px; height: 100%; z-index: 9; background-color: #e0f4fb; }
	.projectBox .view { padding: 20px; width: 236px; height: 272px; position: absolute; left: 54.9%; bottom: 0px; font-weight: 700; display: flex; align-items: center; clip-path: polygon(48% 0, 100% 24%, 100% 78%, 48% 100%, 0 78%, 0 24%); -webkit-clip-path: polygon(48% 0, 100% 24%, 100% 78%, 48% 100%, 0 78%, 0 24%); background-color: #1E274A; }
	.projectBox.inner .all { padding-top: 145px; min-height: 870px; }
	.projectBox.inner .project-titles { width: 292px; }
	.projectBox.inner .project-titles li { margin: 40px 0; }
	.projectBox.inner .project-titles li a { padding-right: 63px; font-size: 20px; position: relative; display: block; color: #1E274A; font-weight: 700; }
	.projectBox.inner .project-titles a.btn:before { width: 35px; height: 40px; opacity: 0; visibility: hidden; background: url(images/btn-bg3.svg) no-repeat; }
	.projectBox.inner .project-titles li.active a { color: #2FAFE5; }
	.projectBox.inner .project-titles li.active a:before, .projectBox.inner .project-titles li.active a.btn:after { opacity: 1; visibility: visible; }
	.projectBox.inner .project-titles li a.btn:after { opacity: 0; visibility: hidden; }
	.projectBox.inner .tab-content img { width: 720px; height: 660px; clip-path: polygon(50% 0%, 100% 20%, 100% 75%, 50% 100%, 50% 100%, 0 75%, 0 20%); -webkit-clip-path: polygon(50% 0%, 100% 20%, 100% 75%, 50% 100%, 50% 100%, 0 75%, 0 20%); object-fit:cover; }
	.projectBox.inner .tab-wrap { display: flex; justify-content: space-between; }
	.projectBox.inner .row { margin-top: -100px; width: auto; display: block; }
	.projectBox.inner .tab-content { display: none; position: relative; }
	.projectBox.inner .tab-content:before { content: ''; position: absolute; left: -28px; top: -25px; width: 111%; height: 109%; background: #f0fafc; clip-path: polygon(50% 0%, 100% 20%, 100% 75%, 50% 100%, 50% 100%, 0 75%, 0 20%); -webkit-clip-path: polygon(50% 0%, 100% 20%, 100% 75%, 50% 100%, 50% 100%, 0 75%, 0 20%); }
	.projectBox.inner .view { left: -113px; bottom: 33px; }
	.projectBox.inner .view p { margin-bottom: 0; color: #fff; font-size: 14px; line-height: 1.7; font-weight: 400; }

	/* ### project box ### */
	.containerBox { margin-top: -145px; padding-bottom: 260px; width: 100%; display: flex; flex-wrap: wrap; position: relative; }
	.containerBox .image { margin-top: -145px; margin-left: -55px; }
	.containerBox .image img { width: 598px; height: 690px; clip-path: polygon(48% 0, 100% 21%, 100% 77%, 48% 100%, 0 77%, 0 21%); -webkit-clip-path: polygon(48% 0, 100% 21%, 100% 77%, 48% 100%, 0 77%, 0 21%); object-fit:cover;}
	.containerBox .content { padding: 50px 120px 50px 70px; width: 590px; background-color: #fff; }
	.containerBox ul { margin-top: 40px; width: 223px; }
	.containerBox li { margin-bottom: 33px; font-weight: 700; }
	.containerBox li a { padding-right: 50px; display: block; color: #2FAFE5; }
	.containerBox h2 { font-size: 56px; }
	.containerBox.inner { padding-bottom: 65px; }

	/* ### contact box ### */
	.contactBox { width: 100%; height: 463px; background-color: #1e264a; }
	.contactBox .content { padding: 0 75px; margin: auto; width: 1026px; height: 516px; display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; position: relative; top: -144px; left: 28px; clip-path: polygon(48% 0, 100% 21%, 100% 77%, 48% 100%, 0 77%, 0 21%); -webkit-clip-path: polygon(48% 0, 100% 21%, 100% 77%, 48% 100%, 0 77%, 0 21%); background-color: #00ABFA; }
	.contactBox .left { width: 40%; }
	.contactBox h2 { margin-bottom: 15px; font-size: 56px; color: #fff; }
	.contactBox p { color: #fff; }
	.contactBox ul { margin-top: 85px; width: 30%; }
	.contactBox li { margin-bottom: 40px; }
	.contactBox li a { padding-left: 52px; color: #FFF; position: relative; }
	.contactBox li a:hover { opacity: 0.8; }
	.contactBox li.phone a:after { width: 20px; height: 20px; background: url(images/phone-img.svg) no-repeat; }
	.contactBox li.message a:after { width: 20px; height: 16px; background: url(images/mail-img.svg) no-repeat; }
	.contactBox li a:before { content: ''; position: absolute; left: 0; top: 50%; width: 41px; height: 48px; transform: translateY(-50%); background: url(images/btn-bg4.svg) no-repeat; background-size: cover; }
	.contactBox li a:after { content: ''; position: absolute; left: 10px; top: 50%; transform: translateY(-50%); }

	/* ### more box ### */
	.moreBox { margin-bottom: 175px; width: 100%; position: relative; display: flex; align-items: center; justify-content: space-between; }
	.moreBox:after { content: ''; position: absolute; left: -8px; top: 40px; width: 101px; height: 250px; background: url(images/hexagon-img5.svg) no-repeat top center; background-size: cover; }
	.moreBox a.btn { font-weight: 700; color: #2FAFE5; }
	.moreBox .left { padding-left: 38px; width: 35%; }
	.moreBox h2 { font-size: 56px; }
	.moreBox p { margin-bottom: 46px; }
	.moreBox .more { padding: 126px 55px 100px; width: 447px; height: 516px; right: 36px; position: relative; top: 30px; clip-path: polygon(48% 0, 100% 24%, 100% 78%, 48% 100%, 0 78%, 0 24%); -webkit-clip-path: polygon(48% 0, 100% 24%, 100% 78%, 48% 100%, 0 78%, 0 24%); background-color: #00ABFA; }
	.moreBox h3 { margin-bottom: 20px; font-size: 32px; color: #fff; }
	.moreBox .more p { color: #fff; }
	.moreBox li a { padding-left: 52px; color: #FFF; position: relative; }
	.moreBox li a:hover { opacity: 0.8; }
	.moreBox li { margin-bottom: 40px; }
	.moreBox li a:before { content: ''; position: absolute; left: 0; top: 50%; width: 41px; height: 48px; transform: translateY(-50%); background: url(images/btn-bg4.svg) no-repeat; background-size: cover; }
	.moreBox li a:after { content: ''; position: absolute; left: 10px; top: 50%; transform: translateY(-50%); width: 20px; height: 20px; }
	.moreBox li.message a:after { width: 20px; height: 16px; background: url(images/mail-img.svg) no-repeat; }
	.moreBox li.phone a:after { width: 20px; height: 20px; background: url(images/phone-img.svg) no-repeat; }

/* ### footer container ### */
#footerCntr { overflow: hidden; width: 100%; }
#footerCntr.inner { background-color: #E0F4FB; }
#footerCntr.inner .footerBox .f-logo:before { content: ''; position: absolute; top: 0; left: 0; width: 336px; height: 203px; background: url(images/logo-bg.svg) no-repeat }
#footerCntr.inner .footerBox .f-logo span { position: relative; }
#footerCntr.inner .footerBox .f-logo { margin-top: -58px; }
#footerCntr.inner .copyrightBox .center:before { background-color: #B2E2F6; }
#footerCntr.inner .footerBox .social{ margin-top: 90px; }

	/* ### footer box ### */
	.footerBox { padding-top: 58px; padding-bottom: 45px; width: 100%; display: flex; justify-content: space-between; }
	.footerBox .f-logo { padding-top: 26px; margin-bottom: 40px; width: 336px; justify-content: center; display: inline-flex; align-items: center; position: relative; }
	.footerBox .f-logo img { max-width: 253px; }
	.footerBox .right { width: 57%; display: flex; }
	.footerBox .left { width: auto; }
	.footerBox h4 { margin-bottom: 20px; text-transform: uppercase; color: #161D2D; font-weight: 500; }
	.footerBox .right li { margin-bottom: 20px; font-size: 18px; }
	.footerBox .right li a { color: #1E274A; }
	.footerBox .right li a:hover { color: #2FAFE5; }
	.footerBox .column { width: 38%; }
	.footerBox .column:first-child { width: 62%; }
	.footerBox .top { width: 100%; display: flex; }
	.footerBox .top ul { width: 100%; margin-right: 40px; }
	.footerBox .social { display: flex; justify-content: center; }
	.footerBox .social li { padding: 0 13px; }
	.footerBox .social li a { width: 24px; height: 24px; border-radius: 50%; display: inline-flex; background-color: #1E274A; }

	/* ### copyright box ### */
	.copyrightBox { width: 100%; }
	.copyrightBox span { color: #1E274A; }
	.copyrightBox span a { color: #1E274A; }
	.copyrightBox span a:hover { color: #2FAFE5; }
	.copyrightBox .center { padding: 0 33px; width: 100%; min-height: 90px; position: relative; display: flex; justify-content: space-between; align-items: center; }
	.copyrightBox .center:before { content: ''; position: absolute; top: 0; left: 50%; transform: translateX(-50%); width: 110%; height: 1px; background-color: #F6F7F8; }
	
	
	/* ### column box ### */
	.columnBox h1 { font-size: 72px; line-height: 1.4; }
	.columnBox h2 { font-size: 56px; line-height: 1.4; }
	.columnBox h3 { font-size: 48px; line-height: 1.4; }
	.columnBox h4 { font-size: 32px; line-height: 1.4;}
	.columnBox p { letter-spacing: 0.5px; font-size: 18px; line-height: 1.4; }
	.columnBox .holder { margin: 0 -30px; display: flex; flex-wrap: wrap; justify-content: space-between; }
	.columnBox .content { flex: 1; padding: 0 30px; }	
	.columnBox ul{ margin-top: 25px; width: 507px; }
	.columnBox li { padding-left: 22px; margin-bottom: 15px; color: #1E274A; font-weight: 500; position: relative; }
	.columnBox ul li:before { content: ''; position: absolute; left: 0; top: 50%; transform: translateY(-50%); width: 14px; height: 16px; background: url(images/hexagon-img3.svg) no-repeat left center; }
	.columnBox .btn {margin:16px 0px 16px 0px;}
	.columnBox .content .image img {width: 600px; height: 600px; clip-path: polygon(48% 0, 100% 21%, 100% 77%, 48% 100%, 0 77%, 0 21%); -webkit-clip-path: polygon(48% 0, 100% 21%, 100% 77%, 48% 100%, 0 77%, 0 21%); object-fit:cover;}
	.columnBox .content ul {width: auto;}

	
	.space-120 {padding-bottom: 120px; padding-top: 120px;}
	.space-80 {padding-bottom: 80px; padding-top: 80px;}
	.bg-light {background-color: #E0F4FB; }
	
	
	.page-id-358 #footerCntr,.page-id-356 #footerCntr{ background-color: #E0F4FB; }
	.page-id-360 .listBox.inner {margin-bottom: 0px;}
	.gform_wrapper .gform_footer input.button {font-size: 20px;position: relative; display: block; color: #fff;   border:0;  clip-path: polygon(48% 0, 100% 24%, 100% 78%, 48% 100%, 0 78%, 0 24%); -webkit-clip-path: polygon(48% 0, 100% 24%, 100% 78%, 48% 100%, 0 78%, 0 24%); background-color: #1E274A; padding: 32px; cursor: pointer;}
	.gform_wrapper .gform_footer input.button:hover {opacity: 0.8;}
	
	.bg-light .content ul li a {color:#2FAFE5; text-decoration: underline;}
	.bg-light .content ul li a:hover {text-decoration: none;}
	
	/* ### 404 box ### */
	.error-404 { width: 100%; position: relative; text-align: center; margin-bottom: 192px; padding-top: 120px; }
	.error-404 h1 { margin-top: 48px; margin-bottom: 32px; font-size: 48px; font-weight: 700;}
	.error-404 p { font-weight: 700; padding: 0 0 0 48px; text-align: center; margin-bottom: 34px; }
	.error-404 p a { color: #EF4036; text-decoration: underline; text-align: center; font-weight: 400;}
	.error-404 p a:hover { text-decoration: none; }
	.error-404 .button { transition: all 0.3s; border-radius: 50px; text-decoration: none; text-transform: uppercase; background: #00abf9; font-size: 18px; font-weight: 700; color: #fff; display: inline-block; padding: 17px 39px 21px; position: relative; }
	.error-404 .button:hover { opacity: 0.8; }
	.error-404 img {display: inline-block;}

	.page-id-356 .bannerBox.inner .content p {padding-left: 0px;}
	
	
	/* team */
	 .columnBox.team { padding-top: 80px; padding-bottom: 120px; float: left;}
	 .columnBox.team .holder {display: block;}
	 .columnBox.team h2 {color:#1e274a; margin-bottom: 32px;}
	 .columnBox.team .content {width: 33.333%; float: left;}
	 .columnBox.team .content .image img {object-fit: contain; background:#1e274a;}
	 .columnBox.team h3 {font-size: 20px; color:#00abf9; margin-bottom: 0px;}
	 .columnBox.team .image img {border-radius: 24px; height: 340px; margin: 0px auto;}
	 .columnBox.team .text {text-align: center; margin-top: 8px; color:#1e274a;}
	 
	 
	 /* vacatures */
	.jobBox {padding-top: 80px; padding-bottom: 80px;}
	.jobBox .columnBox {max-width: 880px; margin: 80px auto;}
	.jobBox .btn {color:#39f; margin-top: 64px; font-size: 24px; float: left;} 
	.single-vacature .bannerBox {height: 600px; padding-top: 220px; }
	.single-vacature .bannerBox .content {text-align: left; max-width: 880px; margin:0px auto;}
	.single-vacature .bannerBox .content h1 {text-align: left; font-size: 64px;}
	
	.page-id-358 .imageBox div#tab1.tab-content img {object-fit: contain;}

/* #Media Queries
================================================== */
@media only screen and (max-width: 1399px) {
	h1 { font-size: 50px; }
	h3 { font-size: 37px; }
	h2 { font-size: 54px; }
	a.btn { font-size: 18px; }
	.containerBox h2, .contactBox h2, .moreBox h2 { font-size: 48px; }
	.projectBox .slider-for .slick-list:before { left: -4px; }
	.projectBox .view { left: 38.6%; }
	.bannerBox:after { width: 175px; height: 339px; background-size: cover; }
	.listBox:after { width: 70px; height: 175px; background-size: cover; }
	.projectBox .button { width: 70px; right: 10%; }
	.projectBox .slider-for { width: 740px; }
	.projectBox .image img { width: 510px; height: 565px; }
	.projectBox .slider-for .slick-list:before { width: 110px; }
	.projectBox .view { width: 210px; height: 240px; left: 46.7%; }
	.projectBox { min-height: 1013px; }
	.projectBox .view { bottom: -94px; }
	.bannerBox.inner .full { padding-left: 0; height: 870px; }
	.bannerBox.inner .content p { padding: 0 80px 0 70px; }
	.imageBox.inner ul { margin-left: 0; }
	.imageBox.inner img { width: 620px; height: 715px; }
	.imageBox.inner .row { margin-top: -336px; }
	.imageBox.inner a.btn { right: 55px; bottom: 137px; }
	.projectBox.inner { min-height: 1082px; }
	.projectBox.inner .view { left: -103px; }
	.moreBox:after { width: 70px; height: 165px; }


}

@media only screen and (max-width: 1359px) {
	h1 { font-size: 40px; }
	h3 { font-size: 30px; }
	.center { padding-left: 15px; padding-right: 15px; }
	#headerCntr .logo { width: 296px; }
	#headerCntr .logo img { max-width: 235px; }
	#headerCntr .logo:before, #footerCntr.inner .footerBox .f-logo:before { width: 295px; height: 187px; background-size: cover; }
	.bannerBox h1 { margin-bottom: 20px; }
	.bannerBox:after { width: 140px; height: 270px; }
	.bannerBox a.btn:before { width: 45px; height: 51px; background-size: cover; }
	.bannerBox a.btn:after { width: 22px; height: 22px; background-size: cover; }
	.listBox:after { width: 50px; height: 124px; }
	.listBox h3 { margin-bottom: 45px; }
	.imageBox { margin-top: -60px; margin-bottom: 50px; }
	.projectBox .view { left: 43%; }
	.projectBox .all { padding-top: 145px; }
	.projectBox { min-height: 940px; }
	.containerBox .content { padding: 35px 55px 50px 48px; }
	.listBox.inner { margin-bottom: 140px; }
	.listBox.inner .text { margin-right: 15px; margin-top: 20px; width: 535px; }
	#footerCntr.inner .footerBox .f-logo { width: 296px; }
	#footerCntr.inner .footerBox .f-logo img { max-width: 225px; }

}

@media only screen and (max-width: 1279px) {
	h1, h2, h3, h4, h5, h6 { margin-bottom: 25px; }
	h2 { font-size: 42px; }
	h3 { font-size: 26px; }
	.centered { padding-left: 15px; padding-right: 15px; }
	.menuBox:not(.mm-menu) ul li { padding: 0 9px; font-size: 16px; }
	#headerCntr .row { padding-left: 330px; }
	.bannerBox a.btn { right: 15px; }
	.imageBox ul { padding: 35px 40px 50px 40px; width: 43%; }
	.imageBox img, .containerBox .image img, .imageBox.inner img { width: 540px; height: 630px; }
	.imageBox .row { margin-top: -133px; }
	.listBox .left { padding-left: 55px; }
	.listBox ul { width: 45%; }
	.footerBox .right li { margin-bottom: 14px; font-size: 16px; }
	.footerBox .f-logo img { max-width: 210px; }
	.footerBox .f-logo { padding-top: 10px; margin-bottom: 25px; width: 295px; }
	.footerBox .social li { padding: 0 8px; }
	.footerBox { padding-top: 40px; padding-bottom: 35px; }
	.copyrightBox .center { min-height: 65px; }
	.imageBox .tab-wrap { min-height: 525px; }
	.contactBox .content { width: 100%; left: 0; height: 430px; }
	.contactBox { height: 350px; }
	.containerBox h2, .contactBox h2, .moreBox h2 { font-size: 36px; }
	.projectBox .slider-for { width: 670px; }
	.projectBox .slider-for .slick-list:before { width: 73px; }
	.projectBox .view { left: 36%; }
	.projectBox .slider-nav { margin-top: 70px; width: 260px; }
	.containerBox { margin-top: -90px; }
	.containerBox .image { margin-top: -132px; margin-left: 0; }
	.containerBox .content { padding: 25px 30px 35px 30px; width: 45%; }
	.projectBox { min-height: 900px; }
	.containerBox ul { margin-top: 30px; }
	.containerBox li { margin-bottom: 25px; }
	.imageBox.inner ul { padding: 127px 30px 48px 30px; width: 388px; height: 450px; }
	.bannerBox.inner .content { max-width: 455px; }
	.bannerBox.inner h1 { margin-bottom: 30px; }
	.bannerBox.inner .content p { padding: 0 40px 0 35px; }
	.imageBox.inner .row { margin-top: -271px; }
	.imageBox.inner a.btn { right: 30px; bottom: 102px; }
	.imageBox.inner { margin-bottom: 18px; }
	.projectBox.inner .tab-content img { width: 500px; height: 590px; }
	.projectBox.inner .row { padding-right: 26px; }
	.projectBox.inner { min-height: 970px; }
	.containerBox.inner { padding-bottom: 50px; }
	.moreBox { margin-bottom: 113px; }
	.moreBox .left { width: 42%; }
	.moreBox:after { width: 50px; height: 110px; left: -13px; top: 82px; }
	.moreBox h3 { margin-bottom: 18px; font-size: 27px; }
	.moreBox .more { padding: 113px 40px 100px; width: 415px; height: 478px; }
	#footerCntr.inner .footerBox .f-logo { padding-top: 18px; margin-top: -40px; }
	#footerCntr.inner .footerBox .f-logo:before { width: 275px; height: 167px; }
	.menuBox:not(.mm-menu) { padding-right: 0; }
	.menuBox:not(.mm-menu) ul li > a:not(:only-child):before { left: -11px; }
	.menuBox:not(.mm-menu) ul li svg { margin-right: 2px; width: 12px; }
	
	
	.home .imageBox .tab-titles li {padding-left: 32px;}
	.projectBox .view {bottom: 0;}
	.moreBox .more p {margin-bottom:32px;}

}


@media only screen and (max-width: 1023px) {
	a.btn { padding-right: 45px; font-size: 18px; }
	.bannerBox:after { width: 85px; height: 163px; }
	#headerCntr .logo img { max-width: 165px; }
	#headerCntr .logo { padding-top: 20px; width: 196px; }
	#headerCntr .logo:before { width: 196px; height: 127px; }
	#headerCntr { position: absolute; }
	.menuBox:not(.mm-menu) ul li { padding: 0 6px; font-size: 13px; }
	.menuBox:not(.mm-menu) ul li svg { margin-right: 3px; }
	#headerCntr .row { padding-left: 225px; }
	.bannerBox a.btn { padding-right: 60px; }
	.imageBox ul { padding: 25px 16px 42px 25px; }
	.imageBox img, .containerBox .image img, .imageBox.inner img { width: 410px; height: 498px; }
	.imageBox .row { margin-left: 0; margin-top: -105px; }
	.imageBox .tab-titles li a { font-size: 18px; }
	.imageBox .tab-titles li a:after { width: 22px; height: 22px; right: 0; background-size: cover; }
	.imageBox .tab-titles li { padding-bottom: 5px; margin-bottom: 15px; }
	.imageBox .tab-wrap { min-height: 430px; }
	.imageBox { margin-bottom: 30px; }
	.listBox:after { display: none; }
	.listBox .left { padding-left: 0; }
	.listBox li:before { top: 3px; transform: inherit; }
	.listBox ul { margin-top: 0; width: 50%; }
	.listBox .content { padding: 38px 15px; width: 310px; height: 370px; }
	.footerBox .f-logo { width: 240px; }
	.footerBox .f-logo img { max-width: 180px; }
	.footerBox .right { width: 66%; }
	.footerBox h4 { margin-bottom: 15px; }
	.contactBox ul { margin-top: 30px; width: 33%; }
	.contactBox .left { width: 48%; }
	.contactBox .content { height: 370px; }
	.contactBox { height: 300px; }
	.projectBox .slider-nav { margin-top: 40px; width: 220px; }
	.projectBox .slider-for { margin-top: -60px; width: 520px; }
	.projectBox .image img { width: 390px; height: 440px; }
	.projectBox .view { padding: 15px; width: 175px; height: 205px; }
	.projectBox .slider-for .slick-list:before { width: 58px; }
	.projectBox .item.slick-slide { padding: 16px 0; }
	.projectBox { margin-top: -82px; }
	.projectBox { min-height: 890px; }
	.containerBox .content { width: 44%; }
	.containerBox { padding-bottom: 148px; }
	.bannerBox.inner .full { padding-top: 145px; align-items: flex-start; }
	.bannerBox.inner .content { max-width: 100%; }
	#headerCntr.inner .row { height: 85px; }
	.bannerBox.inner .content p { padding: 0 0 0 25px; }
	.imageBox.inner ul { padding: 110px 20px 47px 15px; width: 325px; height: 376px; }
	.imageBox.inner .tab-titles li a:after { top: 1px; right: 7px; }
	.imageBox.inner .row { margin-top: -169px; }
	.bannerBox.inner .full { height: 790px; }
	.imageBox.inner a.btn { right: 5px; bottom: 53px; font-size: 17px; }
	.listBox.inner .text { margin-right: 0; width: 54%; }
	.projectBox.inner .project-titles { width: 32%; }
	.projectBox.inner .project-titles li a { padding-right: 45px; font-size: 18px; }
	.projectBox.inner .project-titles li { margin: 28px 0; }
	.projectBox.inner .tab-content img { width: 400px; height: 470px; }
	.projectBox.inner .tab-content:before { left: -22px; top: -21px; }
	.projectBox.inner .view { width: 212px; height: 260px; left: -49px; }
	.projectBox.inner { min-height: inherit; }
	.projectBox.inner .all { padding-top: 110px; min-height: 825px; }
	.moreBox:after { display: none; }
	.moreBox .left { padding-left: 0; }
	.moreBox .more { right: 0; }
	.moreBox .more { padding: 103px 40px 100px; width: 390px; height: 460px; }
	.moreBox p { margin-bottom: 30px; }
	.moreBox li { margin-bottom: 33px; }
	.containerBox.inner { padding-bottom: 15px; }
	.containerBox h2, .contactBox h2, .moreBox h2 { font-size: 32px; }
	#footerCntr.inner .footerBox .f-logo img { max-width: 190px; }
	#footerCntr.inner .footerBox .f-logo:before { width: 230px; height: 138px; }
	#footerCntr.inner .footerBox .f-logo { padding-top: 10px; width: 230px; }
	#footerCntr.inner .footerBox .social { margin-top: 71px; }
	.menuBox:not(.mm-menu) ul li > a:not(:only-child):before, #headerCntr.inner .menuBox:not(.mm-menu) ul li > a:hover:not(:only-child):before { left: -8px; background-size: 7px; }
	.menuBox:not(.mm-menu) ul li.cbp-hsitem-open > a:not(:only-child):before { left: -11px; background-size: 7px; }
	#headerCntr, .menuBox:not(.mm-menu) { height: 90px; }
	#headerCntr.inner .menuBox:not(.mm-menu) ul li { padding: 0 7px; }
	.menuBox:not(.mm-menu) ul .submenu li > a { padding: 20px 6px 10px; }
	.menuBox:not(.mm-menu) ul .submenu li a span { min-height: 25px; }


	}
	
	
	@media only screen 
and (min-width : 768px) 
and (max-width : 1023px) {
	
	.menuBox:not(.mm-menu) { display: none; }
	#headerCntr .mobileMenu { display: block; }
	.bannerBox.inner .full {padding-top: 180px;}
	.columnBox .content .image img {width: 100%; height: auto;}
	.columnBox h3 {font-size: 40px;}

}


@media only screen and (max-width: 767px) {
	h1 { font-size: 30px; }
	h2 { font-size: 35px; }
	h3 { font-size: 24px; }
	.menuBox:not(.mm-menu) { display: none; }
	#headerCntr .mobileMenu { display: block; }
	.bannerBox .content p { padding: 0; }
	.imageBox .tab-wrap { min-height: inherit; flex-wrap: wrap; }
	.imageBox .row { margin-left: 0; width: 100%; }
	.bannerBox a.btn { display: none; }
	.imageBox ul { padding: 25px 0 0; width: 100%; }
	.bannerBox .content { max-width: 100%; }
	.bannerBox h1 { font-size: 25px; }
	.mm-listview > li svg { display: none; }
	.bannerBox .full { padding-top: 190px; height: auto; min-height: 580px; align-items: flex-start; }
	.listBox { flex-wrap: wrap; }
	.listBox .left, .listBox ul { width: 100%; }
	.projectBox { padding-bottom: 200px; min-height: inherit; margin-top: 0; }
	.imageBox { margin-bottom: 0; }
	.imageBox img, .containerBox .image img, .imageBox.inner img { margin: auto; height: 480px; }
	.listBox h3 { margin-bottom: 35px; }
	.listBox .content { margin-bottom: 35px; margin-left: auto; margin-right: auto; }
	.listBox { padding-top: 20px; margin-bottom: 35px; }
	.footerBox .left { width: 100%; }
	.footerBox .f-logo { display: none; }
	.footerBox .right { width: 100%; flex-wrap: wrap; }
	.footerBox { padding-top: 30px; padding-bottom: 20px; flex-wrap: wrap; }
	.footerBox .column:first-child { margin-bottom: 18px; width: 100%; }
	.footerBox .column { width: 100%; }
	.copyrightBox .center { padding: 15px 0; min-height: inherit; flex-wrap: wrap; text-align: center; }
	.copyrightBox span { width: 100%; }
	.footerBox .right li { margin-bottom: 10px; }
	.contactBox .left, .contactBox ul { width: 100%; }
	.contactBox .content { padding: 60px 75px; height: auto; align-items: flex-start; }
	.contactBox ul { margin-top: 0; }
	.containerBox h2, .contactBox h2, .moreBox h2 { font-size: 32px; }
	.contactBox h2 { margin-bottom: 8px; font-size: 25px; }
	.projectBox .all { padding-top: 35px; }
	.projectBox .button { width: 57px; right: 15px; top: -28px; }
	.projectBox .row { display: block; flex-wrap: wrap; }
	.projectBox .slider-nav { margin-top: 20px; margin-bottom: 30px; width: 100%; }
	.projectBox .slider-for { margin: 0 -15px; width: auto; position: relative; }
	.projectBox .slider-for .slick-list:before { display: none; }
	.containerBox { margin-top: -15px; }
	.projectBox .view { display: none; }
	.projectBox .image { padding: 0; }
	.containerBox .image { width: 100%; }
	.containerBox .content { padding: 25px 0 35px 0; width: 100%; }
	.bannerBox.inner .content p { padding: 0; }
	.imageBox.inner .row { margin-top: 0; position: relative; }
	.imageBox.inner { margin-top: -110px; }
	.imageBox.inner ul { margin: auto; order: 2; }
	.bannerBox.inner .full { padding-bottom: 110px; height: auto; min-height: inherit; }
	.imageBox.inner a.btn { display: none; }
	.listBox.inner .text { margin-top: 0; width: 100%; }
	.listBox.inner { padding-top: 0; margin-bottom: 20px; }
	.projectBox.inner .project-titles { margin-top: 15px; width: 100%; order: 2; }
	.projectBox.inner .tab-wrap { margin-top: 50px; flex-wrap: wrap; }
	.projectBox .image img { margin: auto; }
	.projectBox.inner .row { margin: auto; padding-right: 0; }
	.projectBox.inner .all { padding-top: 36px; min-height: inherit; }
	#footerCntr.inner .footerBox .social { margin-top: 0; }
	.projectBox.inner { padding-bottom: 165px; }
	.moreBox .left { width: 100%; }
	.moreBox { flex-wrap: wrap; }
	.moreBox .more { margin: auto; }
	.moreBox { margin-bottom: 80px; }
	#headerCntr.inner .mobileMenu span, #headerCntr.inner .mobileMenu span:before, #headerCntr.inner .mobileMenu span:after { background: #1E274A; }
	#headerCntr, .menuBox:not(.mm-menu) { height: 76px; }
	.mm-opened #headerCntr.inner .mobileMenu span { background: none;  }
	.mm-listview.submenu > li { width: 33.33%; text-align: center; }
	.mm-listview.submenu { display: flex; flex-wrap: wrap; }
	.mm-listview.submenu > li { display: block; }
	
	
	.home .bannerBox .full {padding-bottom: 112px;}
	.home .imageBox .tab-titles li {padding-left: 0px;}
	
	.bannerBox h1 {font-size: 32px;}
	.bannerBox.inner .full {padding-top: 180px;}
	.columnBox .content .image img {width: 100%; height: auto;}
	.columnBox h3 {font-size: 32px;}
	.columnBox h1 {font-size: 48px;}
	.page.page-id-362 .moreBox.centered.bg-light {padding-top: 80px;}
	.gform_wrapper {max-width: 98%;}
	.page-id-610 #tab2.containerBox .content {padding: 24px;}
	
	.columnBox.team .content {width: 100%; float: left;}

}

@media only screen and (max-width: 479px) {
	html, body { font-size: 16px; }
	h1, h2, h3, h4, h5, h6 { margin-bottom: 20px; }
	h2 { font-size: 30px; }
	.imageBox img, .containerBox .image img, .projectBox .image img, .imageBox.inner img { width: 305px; height: 348px; margin: auto; }
	.imageBox .row { margin-top: -50px; }
	.bannerBox:after { width: 50px; height: 95px; }
	.listBox .content { width: 289px; height: 340px; }
	.contactBox .content { padding: 78px 17px; }
	.contactBox p { margin-bottom: 20px; font-size: 14px; }
	.contactBox li.phone a:after, .moreBox li.phone a:after { width: 15px; height: 15px; background-size: cover; }
	.contactBox li.message a:after, .moreBox li.message a:after { width: 14px; height: 11px; background-size: cover; }
	.contactBox li a:before, .moreBox li a:before { width: 33px; height: 40px; }
	.contactBox li { margin-bottom: 27px; }
	.containerBox h2, .contactBox h2, .moreBox h2 { font-size: 28px; }
	.imageBox.inner ul { padding: 78px 15px 47px 15px; width: 283px; height: 327px; }
	.projectBox.inner .tab-content img { width: 260px; height: 315px; }
	.projectBox.inner .tab-content:before { left: -14px; top: -13px; }
	.containerBox.inner { padding-bottom: 0; }
	.moreBox li { margin-bottom: 26px; }
	.moreBox .more { padding: 103px 21px 100px; width: 350px; height: 438px; }
	.moreBox h3 { margin-bottom: 10px; font-size: 25px; }
	.moreBox p { margin-bottom: 20px; }

}