/*
	Theme Name: Webacom
	Theme URI: http://www.webacom.com/
	Version: 1.0.0
	Author: Webacom
	Author URI: http://www.webacom.com/
	Tags: Webacom
*/

@font-face {
    font-family: 'True Lies';
    src: url('fonts/TrueLies.eot');
    src: url('fonts/TrueLies.eot?#iefix') format('embedded-opentype'),
        url('fonts/TrueLies.woff') format('woff'),
        url('fonts/TrueLies.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Minion Pro';
    src: url('fonts/MinionPro-It.eot');
    src: url('fonts/MinionPro-It.eot?#iefix') format('embedded-opentype'),
        url('fonts/MinionPro-It.woff') format('woff'),
        url('fonts/MinionPro-It.ttf') format('truetype');
    font-weight: normal;
    font-style: italic;
}

@font-face {
    font-family: 'Minion Pro';
    src: url('fonts/MinionPro-Regular.eot');
    src: url('fonts/MinionPro-Regular.eot?#iefix') format('embedded-opentype'),
        url('fonts/MinionPro-Regular.woff') format('woff'),
        url('fonts/MinionPro-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Circular Std';
    src: url('fonts/CircularStd-BlackItalic.eot');
    src: url('fonts/CircularStd-BlackItalic.eot?#iefix') format('embedded-opentype'),
        url('fonts/CircularStd-BlackItalic.woff') format('woff'),
        url('fonts/CircularStd-BlackItalic.ttf') format('truetype');
    font-weight: 900;
    font-style: italic;
}

@font-face {
    font-family: 'Circular Std';
    src: url('fonts/CircularStd-Black.eot');
    src: url('fonts/CircularStd-Black.eot?#iefix') format('embedded-opentype'),
        url('fonts/CircularStd-Black.woff') format('woff'),
        url('fonts/CircularStd-Black.ttf') format('truetype');
    font-weight: 900;
    font-style: normal;
}

@font-face {
    font-family: 'Circular Std';
    src: url('fonts/CircularStd-BookItalic.eot');
    src: url('fonts/CircularStd-BookItalic.eot?#iefix') format('embedded-opentype'),
        url('fonts/CircularStd-BookItalic.woff') format('woff'),
        url('fonts/CircularStd-BookItalic.ttf') format('truetype');
    font-weight: normal;
    font-style: italic;
}

@font-face {
    font-family: 'Circular Std';
    src: url('fonts/CircularStd-Book.eot');
    src: url('fonts/CircularStd-Book.eot?#iefix') format('embedded-opentype'),
        url('fonts/CircularStd-Book.woff') format('woff'),
        url('fonts/CircularStd-Book.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

::selection {
	background: #272729;
	color: #fff;
}

.vce-row-container {
	overflow: visible !important;
}

body {
	margin:0;
	line-height:1.75;
	color:#777;
	font-weight:400;
    font-family: 'Circular Std', sans-serif;
	background-color: #fff;
	-webkit-tap-highlight-color: transparent;
	overflow-x: hidden;
}

*,
*::before,
*::after {
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	-webkit-font-smoothing:antialiased;
	font-smoothing:antialiased;
	text-rendering:optimizeLegibility;
}

.muted {
	color: #999;
}

img {
	max-width:100%;
	vertical-align: middle;
	border-style: none;
}

.img-fluid {
	max-width:none;
	width:100%;
}

.featured-img .vce-single-image-wrapper,
.featured-img .vce-single-image-inner {
	display: block;
}


strong, b {
	font-weight: 900;
}

.uppercase {
	text-transform:uppercase;
}

.text-center {text-align:center;}
.text-right {text-align:right;}
.text-left {text-align:left;}


h1,h2,h3,h4,h5,h6 {
	color:#333;
	line-height: 1.15;
	font-weight: 900;
	position: relative;
}

.grid-img .item .img .title span:before,
.cta-wrap .cta .title span:before,
.box .title span:before,
.columns .item .title span:before,
.tile .title span:before,
.hero .title span:before,
.hero .subtitle span:before,
.unstyled-decor span:before {
	display: none;
}

h1 {font-size:2.441em;}
h2 {font-size:1.953em;}
h3, .wsp-container h2 {font-size:1.563em;}
h4 {font-size:1.25em;}
h5 {font-size:1.15em;}
h6 {font-size:.85em;}

small {
	font-size:.67em;
}

body .vce-news-grid-container.vce-posts-grid-container .vce-post-description--title a,
a {
	color: inherit;
	text-decoration:none;
	border-bottom: 2px solid rgba(0,0,0,.1);
	transition: color .3s ease, border-color .3s ease;
}

*:focus,
a:focus {
	outline:0;
}


body .vce-news-grid-container.vce-posts-grid-container .vce-post-description--title a:hover,
.search-result__link:hover,
.dark a:hover,
.footer-nav a:hover,
.box a:hover,
a:hover {
	color:#333;
	text-decoration:none;
	border-color: #00fdff;
}

.filter li a:hover,
.quick-contact a:hover {
	border-color: #00fdff;
}

a[href^="mailto"] {
	word-break: break-all;
}

ul, ol {
	padding: 0;
	list-style: none;
}

ul li, ol li {
	margin-bottom: 20px;
	padding-left: 30px;
	position: relative;
}

li:last-child {
	margin-bottom: 0;
}

ul li:before {
	content: '';
	width: 4px;
	height: 4px;
	border-radius: 100%;
	background: #00fdff;
	position: absolute;
	top: 13px;
	left: 0;
}

ol { 
	counter-reset: list 0; 
}

ol li:before {
	counter-increment: list;
	content: counter(list) ". ";
	position: absolute;
	left: 0;
	top: 0;
	opacity: .5;
}

.list-unstyled li {
	padding-left: 0;
	margin-bottom: 0;
}

.list-unstyled li:before {
	display: none;
}

blockquote {
	padding: 40px 30px 10px;
	background: #f7f7f7;
}

.dark blockquote {
	background: #333;
}

.half-dark blockquote {
	background: #eee;
}

.post-info, p, ul, ol, h1, h2, h3, h4, h5, h6, blockquote {
	margin:0 0 20px;
}

.group {
	margin-bottom: 10px;
}

.group * {
	margin-bottom: 10px;
}

article, aside, dialog, figcaption, figure, footer, header, hgroup, main, nav, section {
  display: block;
}

.container {
	padding-left:30px;
	padding-right:30px;
}

.clearfix:before,
.clearfix:after,
.row:before,
.row:after {
	content: "";
	display: block;
	clear:both;
}

.site-header .logo {
	display: inline-block;
	padding: 10px 0;
	position: absolute;
	z-index: 1;
	top: 15px;
	left:72px;
	border: none;
}

.site-header .logo img {
	height: 24px;
	display: block;
}

.menu-btn {
	cursor:pointer;
	z-index:102;
	position:fixed;
	top:17px;
	left:17px;
	height:46px;
	width:46px;
	line-height:1;
    -webkit-backface-visibility: hidden;
    -webkit-transform: translateZ(0) scale(1.0, 1.0);
    transform: translateZ(0);
}

.menu-btn:before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	background: #fff;
	border-radius: 100%;
}

.menu-btn span {
	background:#272729;
	position:absolute;
	top:50%;
	left:50%;
	height:2px;
	width:26px;
	margin-top:-1px;
	margin-left: -13px;
	-webkit-transition:all ease .3s;
	-moz-transition:all ease .3s;
	transition:all ease .3s;
	z-index: 1;
}

.menu-btn span:first-child {
	margin-top:-7px;
	width: 18px;
}

.menu-btn span:last-child {
	margin-top:5px;
	width: 14px;
}

.menu-btn.is-active span,
.menu-btn:hover span {
	width: 20px;
}

.menu-btn.is-active span {
	opacity:0;
}
	
.menu-btn.is-active span:first-child,
.menu-btn.is-active span:last-child {
	opacity:1;
	margin-top: -1px;
}
	
.menu-btn.is-active span:last-child {
	-moz-transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
}

.menu-btn.is-active span:first-child {
	-moz-transform: rotate(-45deg);
	-webkit-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	transform: rotate(-45deg);
}

.site-menu {
	position: fixed;
	top: 0;
	left: 0;
	width: 280px;
	width: calc(100% - 110px);
	height: 100%;
	background: #fff;
	z-index: 101;
	padding: 80px 30px 30px 30px;
	-webkit-transform: translateX(-100%);
	-moz-transform: translateX(-100%);
	transform: translateX(-100%);
	-webkit-transition: transform .3s ease;
	-moz-transition: transform .3s ease;
	transition: transform .3s ease;
	overflow-x: hidden;
	overflow-y: auto;
}

.site-menu.is-active {
	-webkit-transform: translateX(0);
	-moz-transform: translateX(0);
	transform: translateX(0);
}

.main-site-menu {
	position: fixed !important;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 101;
	opacity: 0;
	visibility: hidden;
	transition: opacity .3s ease, visibility .3s ease;
}

.main-site-menu.is-visible {;
	opacity: 1;
	visibility: visible;
}

.menu-holder {
	transform: translateX(-50px);
	transition: transform .3s ease;
}

.main-site-menu.is-visible .menu-holder {
	transform: translateX(0);
}

.right-off-canvas-panel {
	position: fixed !important;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 101;
	opacity: 0;
	visibility: hidden;
	transition: opacity .3s ease, visibility .3s ease;
}

.right-off-canvas-panel.is-visible {;
	opacity: 1;
	visibility: visible;
}

.right-panel-holder {
	transform: translateX(350px);
	transition: transform .3s ease;
}

.right-off-canvas-panel.is-visible .right-panel-holder {
	transform: translateX(0);
}

.overlay {
	position: fixed;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	background: #000;
	z-index: 100;
	opacity: .7;
	padding: 30px;
	display: none;
}

.site-menu .btn {
	margin-bottom: 30px;
    -webkit-backface-visibility: hidden;
    -webkit-transform: translateZ(0) scale(1.0, 1.0);
    transform: translateZ(0);
}

.nav {
	padding: 0;
	list-style: none;
	font-family: 'True Lies';
	line-height: 1;
}

.nav li {
	padding-left: 0;
	margin-bottom: 15px;
}

.nav li:before {
	display: none;
}

.nav li a {
	display: inline-block;
	line-height: 1;
	position: relative;
	z-index: 1;
	font-size: 1.85em;
	border:none;
	color: #333;
	text-transform: uppercase;
}

.nav li a:hover {
	text-decoration: none;
}

.nav li a:after {
	content: '';
	display: block;
	width: 0;
	height: 2px;
	position: absolute;
	left: 0;
	bottom: 3px;
	background: #00fdff;
	z-index: -1;
	transition: width .3s ease;
}

.nav li a:hover:after {
	width: 100%;
}

.post-type-archive-work .site-header .menu-item-29 a,
.tax-workcategory .site-header .menu-item-29 a,
.nav li.current_page_parent a,
.nav li.current-page-parent a,
.nav li.current-page-ancestor a,
.nav li.current_page_item a {
	color: #00fdff;
}

.post-type-archive-work .site-header .menu-item-88 a,
.tax-workcategory .site-header .menu-item-88 a {
	color: #333;
}


.site-menu .quick-contact {
	font-size: .75em;
}

.quick-contact p {
	margin: 0;
	color: #999;
	line-height: 1.3;
}

.quick-contact p:first-child {
	color: inherit;
}

.quick-contact a {
	border-color: transparent;
}

.quick-contact b {
	color: #333;
}

.quick-contact .col {
	margin-bottom: 15px;
}

.hero {
	padding: 100px 0 10px; 
}

.hero-title h2,
.hero .title {
    font-family: 'True Lies';
    color: #00fdff;
    font-size: 9vw;
	font-weight: normal;
	line-height: 1.15;
	text-transform: uppercase;
}


.hero.inner .title {
	font-size: 2.5em;
    max-width: 900px;
}

.hero.inner .title.alt {
	font-family: inherit;
	text-transform: capitalize;
	color: #333;
	font-size: 2em;
}

.hero-subtitle h1,
.hero .subtitle {
	font-size: 2em;
	max-width: 900px;
}

.hero p {
	color: #333;
}

.filter ul {
	margin-bottom: 15px;
}

.filter li {
	display: inline-block;
	margin-right: 15px;
	margin-bottom: 5px;
}

.filter li a {
	color: #333;
	border-color: transparent;
}

.blog-parent .cat-item-all a,
.filter li.current-cat a {
	color: #00fdff;
	border-color: #00fdff;
}
	
.btn {
	display:inline-block;
	line-height:1;
	padding:22px 0;
	background:none;
	text-align:center;
	cursor:pointer;
	border:none;
    font-family: 'Circular Std';
	font-size:12px;
	color: #333;
	letter-spacing: 1px;
	text-transform: uppercase;
	font-weight: 900;
	position: relative;
}

.btn.white {
	color: #fff;
}

.btn span {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 70px;
	height: 2px;
	margin: -1px 0 0 -35px;
	-moz-transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
}

.btn span:before,
.btn span:after {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 20px;
	height: 100%;
	transition: all .3s ease;
	background: #00fdff;
}


.btn span:after {
	left: auto;
	right: 0;
}

.btn:hover {
	text-decoration:none;
}

.btn:hover span:before,
.btn:hover span:after {
	width: 50%;
}

button, input, select, textarea {
    font-family: inherit;
    font-size: 100%;
    margin: 0;
}

.field select,
.field textarea,
.field input {
	width: 100%;
	margin: 0 0 10px;
	padding: 0;
	height: 40px;
	line-height: 1;
	border-radius: 0;
	margin-bottom: 20px;
	color: inherit;
	font-family: inherit;
	background: transparent;
	text-align: inherit;
	border: none;
	border-bottom: 2px solid rgba(0,0,0,.05);
	transition: border-color .3s ease, background .3s ease, color .3s ease;
}

.field textarea {
	height: auto;
	line-height: 1.5;
	resize: vertical;
	max-height: 90px;
}

.field select:hover,
.field textarea:hover,
.field input:hover {
	border-color: rgba(0,0,0,.15);
}

.field select:focus,
.field textarea:focus,
.field input:focus {
	background: none;
	border-color: #00fdff;
}

/*Admin bar*/

@media only screen and (max-width:767px){
	#wpadminbar {
		position: fixed;
		top: auto;
		bottom: 0;
		display: none;
	}

	.logged-in #wpadminbar {
		display: block;
	}

	#wpadminbar .ab-sub-wrapper {
		bottom: 100%;
	}
}

/*Admin bar end*/

.btn.scroll span {
	display: none;
}

.btn.scroll {
	padding: 10px 0 10px 40px;
	position: relative;
}

.btn.scroll:before {
	content: '';
	position: absolute;
	top: 50%;
	margin-top: -8px;
	left: 0;
	width: 16px;
	height: 16px;
	background: url(img/svg/down.svg) repeat-y center center;
	background-size: 16px;
	transition: background-position .3s ease;
}

.btn.scroll:hover:before {
	background-position: center 16px;
}

.bg {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	background-size: cover;
	background-position: center;
    filter: grayscale(1);
    opacity: .8;
}

.vce-post-description--image {
    filter: grayscale(1);
}

.vce-timeline-with-icons-item-content-title,
.alt-font {
    font-family: 'True Lies' !important;
    font-weight: normal !important;
}

.half-dark {
	background: #f7f7f7;
}

.dark {
	background: #272729;
}

.dark a {
	border-color: rgba(255,255,255,.1);
}

.dark a:hover {
	color: #fff;
}

.dark h1,
.dark h2,
.dark h3,
.dark h4,
.dark h5,
.dark h6 {
	color: #fff;
}

.dark .btn {
	color: #fff;
}

.grid .item {
	margin-bottom: 30px;
}

.box {
	margin-bottom: 30px;
}

.box .content {
	padding: 30px;
	background: transparent;
	transition: all .3s ease;
}

.box:hover .content {
	background: #fff;
}

.box .content .wrap {
	max-width: 400px;
}

.box .box-link {
	padding-left: 20px;
	display: inline-block;
	border: none;
	position: relative;
}

.box .box-link:before {
	content: '';
	position: absolute;
	top: 11px;
	left: 0;
	width: 10px;
	height: 2px;
	background: #00fdff;
}

.box .box-link span {
	opacity: 0;
	transition: opacity .3s ease;
}

.box:hover .box-link span {
	opacity: 1;
}

.box a {
	border-bottom-color: transparent;
}

.box .img-link img {
	width: 100%;
	filter: grayscale(1);
}

.testimonial,
.site-footer .logo-wrap span,
.post-info {
    font-family: 'Minion Pro';
}

.img-link {
	display: block;
	border: none;
}

.site-footer .logo-wrap {
	text-align: center;
	display: block;
}

.site-footer .logo-wrap img {
	height: 20px;
}

.site-footer .logo-wrap span {
	display: block;
	font-size: 1.4em;
}

.site-footer .logo-wrap span:before,
.site-footer .logo-wrap span:after {
	content: '';
	display: inline-block;
	width: 20px;
	height: 2px;
	background: #00fdff;
	vertical-align: middle;
	margin: 0 15px;
}

.site-footer .grid {
	padding: 0 30px 50px;
	text-align: center;
}

div.footer-nav {
	margin-bottom: 50px;
}

.footer-nav ul {
	display: block;
	padding: 0;
	list-style: none;
}

.footer-nav a {
	color: #333;
	font-weight: 900;
	border-color: transparent;
}

.tile {
	height: 300px;
	display: block;
	position: relative;
	border: none;
	color: #fff;
	background: #000;
	transition: background .3s ease;
}

.tile:hover {
	color: #fff;
	background: #00f0f2;
}

.columns .item:before,
.columns .item:after,
.tile:before,
.tile:after {
	content: '';
	position: absolute;
	z-index: 1;
	width: 20px;
	height: 2px;
	background: #fff;
	transition: all .3s ease;

	
	-moz-transform: rotate(0);
	-webkit-transform: rotate(0);
	-o-transform: rotate(0);
	-ms-transform: rotate(0);
	transform: rotate(0);
}

.columns .item:hover:before,
.columns .item:hover:after,
.tile:hover:after,
.tile:hover:before {
	-moz-transform: rotate(0);
	-webkit-transform: rotate(0);
	-o-transform: rotate(0);
	-ms-transform: rotate(0);
	transform: rotate(0);
}

.columns .item:before,
.tile:before {
	top: 30px;
	left: 30px;
  	transform-origin: top left;
}

.columns .item:after,
.tile:after {
	bottom: 30px;
	right: 30px;
  	transform-origin: bottom right;
}

.columns .item .top-left,
.tile .list {
	list-style: none;
	margin: 0;
	padding: 0;
	position: absolute;
	z-index: 1;
	top: 40px;
	left: 30px;
}

.columns .item .title,
.tile .title {
	position: absolute;
	z-index: 1;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	padding: 0 40px;
	width: 100%;
	text-align: center;
	max-width: 600px;
	margin: 0;
}

.tile .title {
	color: inherit;
}

.tile .review {
    font-family: 'Minion Pro';
	position: absolute;
	z-index: 1;
	bottom: 40px;
	left: 0;
	margin: 0;
	white-space: nowrap;
	width: 100%;
	max-width: 600px;
	padding: 20px 90px 0 40px;
	overflow: hidden;
    text-overflow: ellipsis;
}

.tile .review:before {
	content: '“';
	font-size: 2.5em;
	line-height: 1;
	position: absolute;
	top: 0;
	left: 40px;
}

.tile .bg {
	opacity: .8;
	transition: opacity .3s ease;
}

.tile:hover .bg {
	opacity: .2;
}

.columns .item .bottom-right,
.tile .more {
	position: absolute;
	z-index: 1;
	bottom: 40px;
	right: 30px;
}

.columns .item .top-left,
.columns .item .bottom-right,
.tile .more,
.tile .list {
	text-transform: uppercase;
	font-weight: 900;
	font-size: .75em;
}

.columns .item .top-left,
.columns .item .bottom-right,
.tile .list,
.tile .more,
.tile .review {
	transition: opacity .3s ease;
}

.tile .review {
	opacity: 0;
}

.space-b-p {
	padding-bottom: 40px;
}

.space-t-p {
	padding-top: 40px;
}

.space-b-m {
	margin-bottom: 40px;
}

.space-t-m {
	margin-top: 40px;
}

.grid-img .item .img {
	position: relative;
	background: #000;
}

.grid-img .item .img:before {
	content: '';
	display: block;
	padding-bottom: 60%;
}

.grid-img .item .content {
	padding: 30px 30px 10px;
}

.grid-img .item .content .btn {
	margin-bottom: 20px;
}

.grid-img .item .img .text {
	position: absolute;
	top: 50%;
	left: 50%;
	color: #fff;
	max-width: 500px;
	width: 100%;
	padding: 0 30px;
	text-align: center;
	transform: translate(-50%, -50%);
}

.grid-img .item .img .title {
	margin: 0;
	color: inherit;
}

.grid-img.small .item .content {
	background: none;
	padding-left: 0;
	padding-right: 0;
}

.grid-img.small .item .limiter {
	position: relative;
}

.grid-img.small .bg-title {
	position: absolute;
	top: 0;
	transform: translateY(-20%);
	margin: 0;
	left: 0;
	z-index: -1;
	color: rgba(119, 119, 119,.15);
	font-size: 2.5em;
	text-transform: uppercase;
}

.columns .item {
	height: 300px;
	border-bottom: none;
	display: block;
	position: relative;
	transition: background .3s ease, color .3s ease;
	overflow: hidden;
}

.columns .item .title {
	transition: color .3s ease;
}

.columns .item:hover {
	background: #00f0f2;
	color: #fff;
}

.columns .item:hover .title {
	color: #fff;
}

.columns .item .bg {
	opacity: .2;
	transition: opacity .3s ease;
}

.columns .item .bg:before {
	content: '';
	position: absolute;
	top: 0;
	right: 0;
	height: 100%;
	width: 2px;
	background: rgba(0,0,0,.2);
}
.columns .item:hover .bg {
	opacity: .2;
}

.columns .item:before,
.columns .item:after {
	background: rgba(0,0,0,.2);
}

.columns .item:hover:before,
.columns .item:hover:after {
	background: #fff;
}

.columns .item:hover .border {
	opacity: 0;
}

.padding-box {
	padding: 40px 30px;
}

.cta-wrap .newsletter {
	margin: 0 30px 30px;
}

.cta-wrap .newsletter .field {
	margin: 30px 0 40px;
}

.cta-wrap .cta {
	position: relative;
	background: #000;
}

.cta-wrap .cta .title {
	color: inherit;
}

.cta-wrap .cta:after {
	content: '';
	display: block;
	padding-bottom: 70%;
}

.cta-wrap .cta .text {
    position: absolute;
    top: 50%;
    left: 50%;
    color: #fff;
    max-width: 500px;
    width: 100%;
    padding: 0 30px;
    text-align: center;
    transform: translate(-50%, -50%);
}

.cta-wrap .newsletter h1,
.cta-wrap .newsletter h2,
.cta-wrap .newsletter h3,
.cta-wrap .newsletter h4,
.cta-wrap .newsletter h5,
.cta-wrap .newsletter h6 {
    font-family: 'True Lies';
    font-weight: normal;
}

.post-info {
	line-height: 1.3;
}

.featured-img {
	filter: grayscale(1);
	margin-bottom: 30px;
	margin: 0 !important;
}


.accordionButton {
	color: #333;
	padding: 20px 0 20px;
	position: relative;
	cursor: pointer;
}

.accordionButton:before,
.accordionButton:after {
	content: '';
	position: absolute;
	background: #00fdff;
}

.accordionButton:before {
	width: 12px;
	height: 2px;
	left: -20px;
	top: 30px;
}

.accordionButton:after {
	width: 2px;
	height: 12px;
	left: -15px;
	top: 25px;
	transition: transform .3s ease;
}

.accordionButton.on:after {
	-moz-transform: rotate(-90deg);
	-webkit-transform: rotate(-90deg);
	-o-transform: rotate(-90deg);
	-ms-transform: rotate(-90deg);
	transform: rotate(-90deg);
}

.accordionButton p {
	margin: 0;
}

.accordionContent {
	padding: 5px 0;
}

.line-list li {
	border-bottom: 1px solid #eee;
}

.line-list li:last-child {
	border: none;
}

#map {
	height: 250px;
	position: relative;
}

.gfield_required {
	display: none;
}

.contact-form textarea {
	height: 200px !important;
}

.contact-info {
	margin-bottom: 20px;
	margin-top: 30px;
	max-width: 1200px;
}

.inline-columns p:not(.label) {
	color: #333;
}

.inline-columns .label {
	position: relative;
	padding-top: 5px;
	margin-bottom: 5px;
	line-height: 1;
}

.inline-columns .label span {
	display: block;
}

.inline-columns .label:after {
	content: '';
	width: 20px;
	height: 2px;
	display: inline-block;
	line-height: 1;
	background: #00fdff;
}

.validation_error {
	padding: 30px;
	background: #00fdff;
	color: #333;
	text-align: center;
	margin-bottom: 20px;
}

.validation_message {
	position: relative;
	top: -16px;
	color: #ff4342;
	font-size: .75em;
	font-weight: 900;
}

.gfield_error textarea,
.gfield_error input {
	border-color:  #ff4342;
}

.blog-loop .box:hover .content {
	background: #f7f7f7;
}

/* 
body:before {
	content: '';
	position: fixed;
	top: 50%;
	left: 50%;
	margin: -30px 0 0 -30px;
	height: 60px;
	width: 60px;
	border-radius: 100%;
	background: #00fdff;
	-webkit-animation: blink .7s linear infinite;
	-moz-animation: blink .7s linear infinite;
    animation: blink .7s linear infinite;
	visibility: hidden;
}  

.animsition-loading-alt {
	position: fixed;
	top: 50%;
	left: 50%;
	margin: -30px 0 0 -30px;
	height: 60px;
	width: 60px;
	border-radius: 100%;
	background: #00fdff;
	z-index: 99999999;
	-webkit-animation: blink 1s linear infinite;
	-moz-animation: blink 1s linear infinite;
    animation: blink 1s linear infinite;
}

@-webkit-keyframes blink {
    0% { transform: scale(0); opacity: 0; }
    50% { transform: scale(.5); opacity: 1; }
    100% { transform: scale(1); opacity: 0; }
}

@-moz-keyframes blink {
    0% { transform: scale(0); opacity: 0; }
    50% { transform: scale(.5); opacity: 1; }
    100% { transform: scale(1); opacity: 0; }
}

@-o-keyframes blink {
    0% { transform: scale(0); opacity: 0; }
    50% { transform: scale(.5); opacity: 1; }
    100% { transform: scale(1); opacity: 0; }
}

@keyframes blink {
    0% { transform: scale(0); opacity: 0; }
    50% { transform: scale(.5); opacity: 1; }
    100% { transform: scale(1); opacity: 0; }
} */

.page-meta {
	margin-top: 40px;
}

.pages-nav {
	background: #333;
	bottom: 0;
	right: 0;
	z-index: 2;
	text-align: center;
	margin-bottom: 30px;
	padding: 20px 0 10px;
    -webkit-backface-visibility: hidden;
    -webkit-transform: translateZ(0) scale(1.0, 1.0);
    transform: translateZ(0);
}

.pages-nav .control {
	display: inline-block;
	text-align: center;
	width: 48%;
	border: none;
	padding: 10px;
	color: #fff;
	line-height: 1.3;
	vertical-align: top;
	margin-bottom: 10px;
}

.pages-nav .control .icon {
	display: inline-block;
    margin-bottom: 10px;
    width: 16px;
    height: 16px;
}

.pages-nav .control.next .icon,
.pages-nav .control.prev .icon {
    background: url(img/svg/down.svg) repeat-y center center;
    background-size: 14px;
    transition: background-position .3s ease;
}

.pages-nav .control.prev .icon {
	-moz-transform: rotate(90deg);
	-webkit-transform: rotate(90deg);
	-o-transform: rotate(90deg);
	-ms-transform: rotate(90deg);
	transform: rotate(90deg);
}

.pages-nav .control.next .icon {
	-moz-transform: rotate(-90deg);
	-webkit-transform: rotate(-90deg);
	-o-transform: rotate(-90deg);
	-ms-transform: rotate(-90deg);
	transform: rotate(-90deg);
}

.pages-nav .control .label {
	display: block;
	font-size: .75em;
	margin-bottom: 5px;
	color: #777;
}

.pages-nav .control .label:first-letter {
	text-transform: capitalize;
}

.pages-nav .control.all {
	display: block;
	width: auto;
}

.icon.work-all span {
	background: #00fdff;
	width: 10px;
	height: 2px;
	float: left;
	margin: 1.5px 0 1.5px;
}

.icon.work-all span:nth-child(even) {
	float: right;
}

.icon.work-all span:nth-child(2),
.icon.work-all span:nth-child(3),
.icon.work-all span:nth-child(6) {
	width: 4px;
}

.icon.all {
	padding-top: 2px;
}

.icon.all span {
	background: #00fdff;
	width: 3px;
	height: 2px;
	float: left;
	margin: 0 1px 3px;
}

.testimonial {
	position: relative;
	padding-left: 25px;
}

.testimonial:before {
    content: "“";
    font-size: 2em;
    line-height: 1;
    position: absolute;
    top: 5px;
    left: 0;
}

.work-gallery img {
	height: auto;
	margin: 0 auto;
	display: inline-block;
	-webkit-box-shadow: 0 0 30px 0 rgba(0,0,0,.1);
	box-shadow: 0 0 30px 0 rgba(0,0,0,.1);
}

.work-gallery .item {
	margin-bottom: 30px;
	text-align: center;
}

.img-wrap {
	margin: 0 -30px;
}

.img-wrap img {
	width: 100%;
	height: auto;
	filter: grayscale(1);
}

.pagination {
	padding:15px 30px 0;
	text-align: center;
	font-weight: 900;
	color: #333;
}

.page-numbers {
	display: inline-block;
	margin: 0 5px 3px;
	padding: 3px 5px;
	border: none;
}

.vce-news-grid-container.vce-posts-grid-container .vce-posts-grid-pagination--color-b-0-253-255--b-218-218-218 .vce-posts-grid-pagination-item.vce-state--active,
.page-numbers.current {
	position: relative;
}

.vce-news-grid-container.vce-posts-grid-container .vce-posts-grid-pagination--color-b-0-253-255--b-218-218-218 .vce-posts-grid-pagination-item.vce-state--active:after,
.page-numbers.current:after {
	content: '';
	width: 2px;
	height: 100%;
	position: absolute;
	top: 0;
	left: 50%;
	margin-left: -1px;
	background: #00fdff;
	-moz-transform: rotate(-45deg);
	-webkit-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	transform: rotate(-45deg);
}


.vce-posts-grid-pagination-item:not(.vce-state--active):hover,
a.page-numbers:hover {
	color: #00fdff !important;
}

.post-cat {
	color: #777;	
}

.post-cat a {
	color: #00fdff;
	border-color: transparent;
}

.post-cat a:hover {
	border-color:#00fdff;
}

hr {
    background: #000;
    opacity: .02;
	border: none;
	height: 1px;
	margin: 30px 0;
}

body .main-color {
	color: #00fdff;
}

.columns-row .item {
	margin-bottom: 40px;
}

.content-section img,
.greyscale-section,
.grayscale-img {
	filter: grayscale(1);
}

.container-wrap {
	overflow: hidden;
}

/*
.flexible-content > div {
	margin-bottom: 0;
}

.flexible-content .container-wrap > .container > *:last-child {
	margin-bottom: 0;
}

.flexible-content > div.white:nth-last-child(1) > .container {
	padding-bottom: 0;
}
*/

/*fade in animation start*/

.hidden {
	opacity:0;
	}

.visible {
	opacity:1;
	}

.animated {
	-webkit-animation-duration: 1s;
	   -moz-animation-duration: 1s;
	     -o-animation-duration: 1s;
	        animation-duration: 1s;
	-webkit-animation-fill-mode: both;
	   -moz-animation-fill-mode: both;
	     -o-animation-fill-mode: both;
	        animation-fill-mode: both;
}

.animated.hinge {
	-webkit-animation-duration: 1s;
	   -moz-animation-duration: 1s;
	     -o-animation-duration: 1s;
	        animation-duration: 1s;
}
@-webkit-keyframes fadeIn {
	0% {opacity: 0;}
	100% {opacity: 1;}
}

@-moz-keyframes fadeIn {
	0% {opacity: 0;}
	100% {opacity: 1;}
}

@-o-keyframes fadeIn {
	0% {opacity: 0;}
	100% {opacity: 1;}
}

@keyframes fadeIn {
	0% {opacity: 0;}
	100% {opacity: 1;}
}

.animated.fadeIn {
	-webkit-animation-name: fadeIn;
	-moz-animation-name: fadeIn;
	-o-animation-name: fadeIn;
	animation-name: fadeIn;
}

/*fade in animation end*/

.services-list span:after {
	content: ', ';
}

.services-list span:last-child:after {
	display: none;
}

.toggle-btn {
	position: fixed;
	top: 13px;
	right: 30px;
	z-index: 107;
	-webkit-transition: color .3s ease;
	-moz-transition: color .3s ease;
	-o-transition: color .3s ease;
	-ms-transition: color .3s ease;
	transition: color .3s ease;
}

.toggle-btn.highlight {
    color: #fff;
}

.toggle-btn.is-active {
	color: rgba(255,255,255,0);
}

.toggle-btn.is-active span {
	width: 20px;
	margin-left: 8px;
}


.toggle-btn span,
.toggle-btn span:before,
.toggle-btn span:after {
	-webkit-transition: all .3s ease;
	-moz-transition: all .3s ease;
	-o-transition: all .3s ease;
	-ms-transition: all .3s ease;
	transition: all .3s ease;
}

.toggle-btn.is-active span:before,
.toggle-btn.is-active span:after {
	background: #272729;
}

.toggle-btn.is-active span:after {
	-moz-transform: rotate(90deg);
	-webkit-transform: rotate(90deg);
	-o-transform: rotate(90deg);
	-ms-transform: rotate(90deg);
	transform: rotate(90deg);
	}

.toggle-btn.is-active:hover span:before, .toggle-btn.is-active:hover span:after {
	width: 20px;
}

.right-panel {
   	position: fixed;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    background: #fff;
    z-index: 106;
    padding: 80px 30px 30px 30px;
    -webkit-transform: translateX(100%);
    -moz-transform: translateX(100%);
    transform: translateX(100%);
    -webkit-transition: transform .3s ease;
    -moz-transition: transform .3s ease;
    transition: transform .3s ease;
    overflow-x: hidden;
    overflow-y: auto;
}

.right-panel.is-active {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    transform: translateX(0);
}

.right-panel .inner-wrap {
	text-align: center;
	max-width: 900px;
	width: 100%;
}

.right-panel-overlay {
    position: fixed;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background: #000;
    z-index: 105;
    opacity: .7;
    padding: 30px;
    display: none;
}

.hire-us-form .gfield_label {
	color: #333;
	font-weight: 900;
}

.hire-us-form .field textarea {
	height: 100px;
}

.panel-title {
	margin: 0;
	color: #00fdff;
	font-size: 2em;
}

.main-color {
	color: #00fdff;
}

.page-width-limiter {
	max-width: 1000px;
	margin: 0 auto;
}

.width-limiter {
	max-width: 750px !important;
}

.width-limiter-inner {
	max-width: 900px;
}

.decor-title * {
	margin: 0 !important;
}

.decor-title span:before {
	display: none;
}

.page-image {
	filter: grayscale(100%);
}

.page-image .vce {
	margin-bottom: 0;
}

.ratio:after {
	content:'';
	display: block;
	padding-bottom: 56%;
}


.vce-faq-toggle-title {
	overflow: hidden;
}

.vce-faq-toggle-title-text span:before {
	opacity: 0;
}

.vce-hoverbox-link {
	border: none;
}

.vce-hoverbox--animate-overlay .vce-hoverbox-background {
	filter: grayscale(100%);
	-webkit-transform: scale3d(1,1,1) !important;
    transform: scale3d(1,1,1) !important;
}

.vce-hoverbox-description > * {
	margin: 0;
}


.custom-work-feed .vce-post-description--title {
    font-family: 'True Lies';
	opacity: 1 !important;
	z-index: 2 !important;
	text-align: center;
}

.custom-work-feed .vce-post-description--content::before {
	z-index: 1 !important;
}

.custom-work-feed .vce-post-description--content:after {
	content:'';
	background: inherit;
	filter: grayscale(1);
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
}
.custom-work-feed .vce-post-description-link {
	z-index: 3 !important;
}

.custom-work-feed .vce-post-description--content {
    flex-direction: row !important;
	align-items: center !important;
    justify-content: center !important;
}

.news-feed.vce-news-grid-container.vce-posts-grid-container .vce-post-description--title {
	font-weight: bold;
	letter-spacing: inherit;
	line-height: 1.2;
}

.news-feed .vce-post-description--meta {
	font-family: 'Minion Pro';
	font-size: .875em !important;
}

.video-holder {
	position: relative;
}

.video-holder:before {
	content: '';
	display: block;
	padding-bottom: 56.25%;
}

.video-holder iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.align-items-center {
	align-items: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}

.d-flex {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}

.field .search-form__input {
	margin: 0 10px 0 0;
	text-align: left;
}

.site-header .search-form__submit-label {
	display: none;
}

.search-form__submit-icon {
	display: none;
}

.site-header .search-form__submit {
	margin: 0;
	padding: 0;
}

.site-header .search-form__submit-icon {
	display: block;
}

.site-header .search-form__submit span {
	display: none;
}

.search-result {
    border-bottom: 2px solid rgba(0,0,0,.05);
	padding: 20px 0;
}

.search-result__excerpt {
	font-size: .875em;
}

.search-result__text {
	margin: 0 20px 0 0;
	flex: 1;
}

.search-result__title {
	font-size: 1.2em;
	margin: 0 0 10px;
}

.search-result__link {
	border-color: transparent;
}

.search-result__image {
    -ms-flex: 0 0 20%;
    flex: 0 0 20%;
    max-width: 20%;
}

.search .nav li.current_page_parent a {
	color: #333;
}

.vce-post-description--title {
	word-break: break-word !important;
}

.vce-post-description--excerpt:after {
	content: '...';
}

.vce-posts-grid-pagination-item,
.vce-state--active {
	padding: .5em !important;
    font-size: 1em !important;
    min-width: 2em !important;
    margin: 2px 1px !important;
    line-height: 1 !important;
    height: auto !important;
	color: #333 !important;
	background: none !important;
	font-weight: bold !important;
    text-align: center !important;
	transition: color .3s ease !important;
}

.blog-loop .vce-row-content {
	max-width: 1700px;
	margin: 0 auto;
}

.vce-classic-accordion-panel {
	margin:0 !important;
}

.vce-classic-accordion .vce-classic-accordion-panel-title {
	font-weight: bold;
	color: #333 !important;
	border-top: 1px solid #eee !important;
	padding: 1em 0 !important;
}

.vce-classic-accordion-border-color--b-236-236-236.vce-classic-accordion .vce-classic-accordion-panel, .vce-classic-accordion-border-color--b-236-236-236.vce-classic-accordion .vce-classic-accordion-panel-heading {
	border-color: transparent !important;
}

.vce-faq-toggle-wrapper {
	margin: 0 !important;
}

.vce-faq-toggle-title-text {
	margin: 20px 0 !important;
}


/* webacom styles */
.imgborder {
	border: 1px solid #eeeeee;
}


@media only screen and (min-width:768px){	

	.site-header .nav li:last-child,
	.site-header .nav {
		margin-bottom: 0;
	}
	
	.post-info, p, ul, ol, h1, h2, h3, h4, h5, h6, blockquote {
		margin:0 0 30px;
	}

	.group {
		margin-bottom: 20px;
	}

	blockquote {
		padding: 70px 50px 40px;
	}

	.container blockquote {
		margin-left: -50px;
		margin-right: -50px;
	}


	/*h1 span,
	h2 span,
	h3 span,
	h4 span,
	h5 span,
	h6 span {
		position: relative;
	}

	h1 > span:before,
	h2 > span:before,
	h3 > span:before,
	h4 > span:before,
	h5 > span:before,
	h6 > span:before {
		content: '';
		margin-left: -25px;
		margin-right: 15px;
		top: -3px;
		display: inline-block;
		vertical-align: middle;
		position: relative;
		width: 10px;
		height: 2px;
		background: #00fdff;
	}
	
	h1 > span:before {
		opacity: 0;
	}*/

	.container {
		max-width:1000px;
		padding-left:50px;
		padding-right:50px;
		margin:0 auto;
	}

	.container.left {
		margin-left: 0;
		margin-right: 0;
	}

	.container.fluid {
		max-width: none;
	}

	.container.small {
		max-width: 900px;
	}

	.container.large {
		max-width: 1400px;
	}

	.row {
		margin-left:-20px;
		margin-right:-20px;
	}

	.col1,
	.col2,
	.col3,
	.col4,
	.col5,
	.col6,
	.col7,
	.col8,
	.col9,
	.col10,
	.col11,
	.col12 {
		float:left;
		padding:0 20px;
		min-height: 1px;
	}

	.col1 {width:8.333%;}
	.col2 {width:16.666%;}
	.col3 {width:25%;}
	.col4 {width:33.333%;}
	.col5 {width:41.666%;}
	.col6 {width:50%;}
	.col7 {width:58.333%;}
	.col8 {width:66.666%;}
	.col9 {width:75%;}
	.col10 {width:83.333%;}
	.col11 {width:91.666%;}
	.col12 {width:100%;}

	.menu-btn {
		top: 62px;
		left: 15px;
	}	
	
	.menu-btn:before {
		width: 100%;
		height: 100%;
		top: 0;
		left: 0;
	}

	.menu-btn span {
		width: 25px;
		margin-left:-12.5px; 
	}

	.menu-btn span:first-child {
	    margin-top: -7px;
	    width: 20px;
	}

	.menu-btn span:last-child {
		width: 15px;
   		margin-top: 5px;
	}

	.menu-btn.is-active span, .menu-btn:hover span {
	    width: 25px;
	}

	.site-menu {
		position: static;
		top: 0;
		left: 0;
		width: 100%;
		height: auto;
		background: transparent;
		padding: 0;
		overflow: visible;
	}

	.site-menu,
	.site-menu.is-active {
		transform: none;
		transition: none;
	}

	.menu-wrap {
	   	position: fixed;
	    top: 0;
	    left: 0;
	    width: 600px;
	    height: 100vh;
	    background: #fff;
	    z-index: 101;
	    padding: 100px 50px 100px 100px ;
		display: flex;
		align-items: center;

	    -webkit-transform: translateX(-100%);
	    -moz-transform: translateX(-100%);
	    -o-transform: translateX(-100%);
	    -ms-transform: translateX(-100%);
	    transform: translateX(-100%);

	    -webkit-transition: transform .3s ease;
	    -moz-transition: transform .3s ease;
	    -o-transition: transform .3s ease;
	    -ms-transition: transform .3s ease;
	    transition: transform .3s ease;

	    overflow-x: hidden;
	    overflow-y: auto;
	}

	.site-menu.is-active .menu-wrap {
		transform: translateX(0);
	}

	.site-menu .quick-contact {
		position: absolute;
		top: 64px;
		right: 110px;
		font-size: .65em;
		z-index: 99;
	}

	.nav li a {
		font-size: 3.1em;
	}

	.nav li a:after {
		height: 4px;
		bottom: 7px;
	}

	.site-menu .quick-contact .col {
		float: left;
		text-align: right;
		margin-left: 10px;
		max-width: 120px;
	}

	.site-header .logo {
		left: 70px;
		top: 70px;
		padding: 0;
	}

	.hero {
		padding: 200px 0 20px;
	}

	.hero-subtitle h1,
	.hero .subtitle {
		font-size: 3em;
	}
	
	.hero.inner .title {
		font-size: 3.5em;
	}

	.hero.inner .title.alt {
		font-size: 2.5em;
	}

	.filter ul {
		margin-bottom: 25px;
	}

	.filter li {
		margin-right: 30px;
	}

	.columns .item:before,
	.columns .item:after,
	.tile:before,
	.tile:after {
		-moz-transform: rotate(45deg);
		-webkit-transform: rotate(45deg);
		-o-transform: rotate(45deg);
		-ms-transform: rotate(45deg);
		transform: rotate(45deg);
	}

	.grid .item {
		float: left;
		margin-bottom: 50px;
		width: 40%;
	}

	.grid .item:nth-child(even) {
		margin-left: 50px;
	}

	.grid .item:nth-child(4n+1), 
	.grid .item:nth-child(4n+4) {
		width: calc(60% - 50px);
	}

	.grid.reverse .item {
		width: 60%;
	}

	.grid.reverse .item:nth-child(4n+1), 
	.grid.reverse .item:nth-child(4n+4) {
		width: calc(40% - 50px);
	}

	.space-b-p {
		padding-bottom: 70px;
	}

	.space-t-p {
		padding-top: 70px;
	}

	.space-b-m {
		margin-bottom: 70px;
	}

	.space-t-m {
		margin-top: 70px;
	}

	.grid-img .item {
		padding-right: 50%;
		position: relative;
		margin-bottom: 50px;
	}

	.grid-img .item:last-child {
		margin-bottom: 0;
	}

	.grid-img.reverse .item {
		padding-left: 50%;
		padding-right: 0;
	}

	.grid-img .item .content {
		padding: 80px 50px 50px;
	}

	.grid-img .item .content .btn {
		margin-bottom: 30px;
	}

	.limiter {
		margin: 0 auto;
		max-width: 400px;
	}
	
	.limiter.large {
		max-width: 500px;
	}

	.grid-img.reverse .item:nth-child(even) .img,
	.grid-img .item .img {
		position: absolute;
		top: 0;
		right: 0;
		width: 50%;
		height: 100%;
	}

	/*.grid-img.reverse .item .img,
	.grid-img .item:nth-child(even) .img {
		right: auto;
		left: 0;
	}

	.grid-img.reverse .item,
	.grid-img .item:nth-child(even) {
		padding-right: 0;
		padding-left: 60%;
	}

	.grid-img.reverse .item:nth-child(even) .img {
		left: auto;

	.grid-img.small .item:nth-child(even) {
		padding-right: 0;
		padding-left: 40%;
	}
	}*/

	.grid-img.small .item {
		padding-right: 50%;
		margin-bottom: 50px;
		min-height: 300px;
	}

	.grid-img.small .item:last-child {
		margin-bottom: 0;
	}

	.grid-img.small .item .img {
		width: 50%;
	}

	.grid-img.small .item .content {
		padding: 80px 50px 50px 0;
	}

	.columns .item .bg {
		opacity: 0;
	}

	.columns .item {
		float: left;
		width: 20%;
		min-height: 700px;
		height: 90vh;
		border-top: none;
	}

	.columns .item .border {
		position: absolute;
	    top: 0;
		right: 0;
	    background: #000;
	    opacity: .02;
		height: 100%;
		width: 2px;
	}

	.columns .item:last-child .border {
		display: none;
	}

	.box {
		margin-bottom: 40px;
	}

	.footer-nav {
		float: left;
	}

	.footer-nav ul {
		vertical-align: top;
		padding: 0 50px 0 0;
		list-style: none;
		display: inline-block;
		max-width: 200px;
	}

	.site-footer {
		font-size: .875em;
	}

	.site-footer .quick-contact {
		float: right;
		width: 50%;
		text-align: right;
		padding-right: 60px;
	}

	div.footer-nav {
		margin-bottom: 0;
	}

	.tile {
		height: 450px;
	}

	.columns .item .bottom-right,
	.columns .item .top-left,
	.tile .list,
	.tile .more {
		opacity: 0;
	}

	.columns .item:hover .bottom-right,
	.columns .item:hover .top-left,
	.tile:hover .list,
	.tile:hover .review,
	.tile:hover .more {
		opacity: 1;
	}

	.padding-box {
		padding: 60px 40px 40px;
	}

	.cta-wrap {
		margin-bottom: 50px;
		position: relative;
	}

	.cta-wrap .grid .item.newsletter {
		margin: 0;
	}

	.cta-wrap .cta {
		position: absolute;
		top: 0;
		right: 0;
		height: 100%;
	}

	.cta-wrap .cta:after {
		display: none;
	}

	.footer-nav ul {
		vertical-align: top;
		padding: 0 40px 0 0;
		display: inline-block;
		max-width: 200px;
	}

	.site-footer .grid {
		text-align: left;
		padding: 0;
	}

	.btn {
		font-size: 14px;
	}

	.btn span {
		margin: -1px 0 0 -42px;
		width: 84px;
	}
	
	.box .box-link:before {
		top: 13px;
	}

	.accordionButton:after {
		left: -24px;
		top: 27px;
	}

	.accordionButton:before {
		left: -29px;
		top: 32px;
	}

	#map {
		position: absolute;
		top: 0;
		left: 0;
		height: 100%;
		width: 50%;
	}

	.featured-img {
		margin-bottom: 50px;
	}

	.featured-img img {
		width: 100%;
		max-height: 100vh;
		object-fit: cover;
	}

	.blog-loop .col4 {
		width: 50%;
	}
	
	.blog-loop .col4:nth-child(odd) {
		clear: left;
	}

	.inline-columns .item {
		float: left;
		width: 50%;
		padding-right: 50px;
	}

	.inline-columns .item:last-child {
		padding-right: 0;
	}

	.page-meta {
		margin-top: 0;
		text-align: right;
	}

	.testimonial {
		padding-left: 0;
		margin-bottom: 0;
	}

	.testimonial:before {
	    top: -15px;
	    left: 0;
	}

	.work-gallery .item {
		margin-bottom: 50px;
	}

	.work-gallery.small {
		margin: 0 -25px;
	}

	.work-gallery.small .item {
		float: left;
		width: 50%;
		padding: 0 25px;
	}

	.work-gallery.small .item:nth-child(2n+1) {
		clear: left;
	}

	.pages-nav {
		position: fixed;
		bottom: 0;
		right: 0;
		margin: 0;
		padding: 0;
		background: none;
	}

	.pages-nav .control {
		position: relative;
		margin: 2px 0 0;
		width: auto;
		display: block;
		padding: 0;
		height: 70px;
		width: 70px;
		background: #333;
	}

	.pages-nav .control:before {
		content: '';
		width: 100%;
		height: 100%;
		background: inherit;
		position: absolute;
		top: 0;
		left: 0;
		z-index: 1;
	}

	.pages-nav .control .icon {
		position: relative;
		top: 28px;
		margin: 0;
		z-index: 2;
	}

	.pages-nav .control .wrap {
		position: absolute;
		top: 0;
		left: 10px;
		background: #333;
		height: 70px;
		white-space: nowrap;
		text-align: right;
		padding: 17px 10px 0 30px;
		-webkit-transition: all .3s ease;
		-moz-transition: all .3s ease;
		transition: all .3s ease;
	}

	.pages-nav .control:hover .wrap {
		-webkit-transform: translateX(-100%);
		-moz-transform: translateX(-100%);
		transform: translateX(-100%);
		visibility: visible;
		opacity: 1;
	}

	.pages-nav .control .label {
		margin-bottom: 0;
	}

	.pages-nav .title {
	    max-width: 450px;
	    display: block;
	    overflow: hidden;
	    text-overflow: ellipsis;
	}

	.img-wrap {
		margin: 0 -50px;
	}
 
	.columns-row .item {
		margin-bottom: 50px;
	}

	.columns-row .col6:nth-child(odd),
	.columns-row .col4:nth-child(3n+1),
	.columns-row .col3:nth-child(4n+1) {
		clear: left;
	}

	.right-panel {
		padding: 50px;
		display: flex;
		align-items: center;
		justify-content: center;
	}

	.hire-us-form .gform_body {
		overflow: hidden;
		margin: 0 -15px;
	}

	.hire-us-form .gform_body li {
		padding: 0 15px;
	}

	.hire-us-form .gform_body #field_2_1,
	.hire-us-form .gform_body #field_2_2,
	.hire-us-form .gform_body #field_2_4, 
	.hire-us-form .gform_body #field_2_8 {
		float: left;
		width: 50%;
	}

	.hire-us-form .gform_body #field_2_6 {
		clear: left;
	}

	.hire-us-form .gform_body ul li {
		margin-bottom: 20px;
	}
	
	.toggle-btn {
		top: 53px;
		right: 20px;
	}

	.toggle-btn.is-active:hover span:before, 
	.toggle-btn.is-active:hover span:after,
	.toggle-btn.is-active span:before, 
	.toggle-btn.is-active span:after,
	.toggle-btn.is-active span {
		width: 25px;
	}

	.panel-title {
		font-size: 3.5em;
	}

	.contact-form {
		min-height: 585px;
	}
		
	.gmaps-custom-height .vce-google-maps-inner {
		padding-bottom: 0 !important;
		height: 1000px !important;
	}
	
	
	body .vce-featured-image-grid-container.vce-posts-grid-container .vce-posts-grid--columns-2 .vce-posts-grid-item {
		-webkit-flex: 0 0 40%;
		-ms-flex: 0 0 40%;
		flex: 0 0 40%;
	}
	
	body .vce-featured-image-grid-container.vce-posts-grid-container .vce-posts-grid--columns-2 .vce-posts-grid-item:nth-child(4n+1),
	body .vce-featured-image-grid-container.vce-posts-grid-container .vce-posts-grid--columns-2 .vce-posts-grid-item:nth-child(4n+4) {
		-webkit-flex: 0 0 60%;;
		-ms-flex: 0 0 60%;;
		flex: 0 0 60%;
	}
	
	body .vce-featured-image-grid-container.vce-posts-grid-container .vce-post-description.vce-post-description-aspect-ratio--4-3 {
		padding-top: 450px;
	}
	


}/*min-width 768px end*/


@media only screen and (min-width:1023px){
	
	.site-menu .quick-contact .col {
		margin-left: 25px;
		max-width: 140px;
	}
	
	.menu-btn {
		left: 40px;
	}
	
	.site-header .logo {
		left: 100px;
	}
	
	.site-menu .quick-contact {
		right: 150px;
	}
	
	.toggle-btn {
		right: 40px;
	}
}/*min-width 1023px end*/

@media only screen and (min-width:1100px){

	.row {
		margin-left:-30px;
		margin-right:-30px;
	}
	
	.menu-btn {
		left: 25px;
		top: 50px;
		height: 60px;
		width: 60px;
	}
	
	.menu-btn span {
		height: 3px;
	}
	
	.menu-btn span:first-child {
    	margin-top: -8px;
	}
	
	.menu-btn span:last-child {
		margin-top: 6px;
	}

	.col1,
	.col2,
	.col3,
	.col4,
	.col5,
	.col6,
	.col7,
	.col8,
	.col9,
	.col10,
	.col11,
	.col12 {
		padding:0 30px;
	}

	h1 {font-size:5.063em;}
	h2 {font-size:3.375em;}
	h3, .wsp-container h2 {font-size:2.25em;}
	h4 {font-size:1.5em;}

	.site-header .logo {
		top: 60px;
	}

	.site-menu .quick-contact {
		font-size: .875em;
	}

	.site-menu .quick-contact .col {
		max-width: 150px;
		margin-left: 40px;
	}

	.site-header .logo img {
		height: 32px;
	}

	.nav li a {
	    font-size: 4.1em;
	}

	.large-p,
	.filter li a,
	.hero p {
		font-size: 1.25em;
	}

	.hero {
		padding: 250px 0 70px;
	}

	.hero-subtitle h1,
	.hero .subtitle {
	    font-size: 4.1em;
	}

	.hero.inner .title {
		font-size: 4.5em;
	}

	.btn.scroll {
		margin: 30px 0;
	}

	.grid .item {
		margin-bottom: 100px;
	}

	.grid .item:nth-child(even) {
		margin-left: 100px;
	}

	.grid .item:nth-child(4n+1), 
	.grid .item:nth-child(4n+4) {
		width: calc(60% - 100px);
	}

	.grid.reverse .item:nth-child(4n+1), 
	.grid.reverse .item:nth-child(4n+4) {
		width: calc(40% - 100px);
	}

	.grid-img .item {
		margin-bottom: 100px;
	}

	.grid-img .item .content {
		padding: 130px 100px 100px;
	}

	.grid-img .item .img .title {
		font-size: 3.125em;
	}

	.tile {
		height: 650px;
	}

	.tile .title {
		font-size: 3.125em;
	}

	.tile:before {
		top: 40px;
		left: 40px;
	}

	.tile:after {
		bottom: 40px;
		right: 40px;
	}

	.tile .list {
		top: 50px;
		left: 40px;
	}

	.tile .more {
		right: 40px;
		bottom: 50px;
	}

	.tile .review {
		padding-left: 40px;
		bottom: 50px;
	}
	
	
	
	.width-limiter {
		max-width: 1100px !important;
	}

	.space-b-p {
		padding-bottom: 100px;
	}

	.space-t-p {
		padding-top: 100px;
	}

	.space-b-m {
		margin-bottom: 100px;
	}

	.space-t-m {
		margin-top: 100px;
	}

	.columns .item .top-left, 
	.columns .item .bottom-right, 
	.tile .more, 
	.tile .list {
		font-size: .875em;
	}

	.padding-box {
		padding: 100px 60px 60px;
	}

	.container.alt {
		padding-left: 100px;
		padding-right: 100px;
	}

	.site-footer .logo-wrap img {
		height: auto;
	}

	/*h1 span:before,
	h2 span:before,
	h3 span:before,
	h4 span:before,
	h5 span:before,
	h6 span:before {
		margin-left: -30px;
		margin-right: 10px;
		width: 20px;
	}*/

	.box {
		margin-bottom: 60px;
	}

	.box .box-link {
		padding-left: 40px;
	}

	.box .box-link:before {
		width: 20px;
	}

	.btn {
		font-size: 16px;
	}

	.featured-img {
		margin-bottom: 100px;
	}

	.grid-img.small .item {
		margin-bottom: 100px;
	}

	.grid-img.small .item .content {
		padding: 100px 70px 70px 0;
	} 

	.blog-loop .col4 {
		width: 33.3333%;
	}
	
	.blog-loop .col4:nth-child(odd) {
		clear: none;
	}
	
	.blog-loop .col4:nth-child(3n+1) {
		clear: left;
	}

	.cta-wrap {
		margin-bottom: 100px;
	}

	.inline-columns {
	}

	.inline-columns .item {
		width: auto;
		float: none;
		vertical-align: top;
		display: inline-block;
	}

	.testimonial:before {
		top: -30px;
	}

	.vce-posts-grid-pagination,
	.page-numbers {
		font-size: 1.15em;
	}

	.contact-form {
		min-height: 600px;
	} 

	.right-panel {
	    -webkit-transition-duration: .6s;
	    -moz-transition-duration: .6s;
	    transition-duration:  .6s;
	}
	
	
	.ratio:after {
		padding-bottom: 45%;
	}
	
	
	body .vce-featured-image-grid-container.vce-posts-grid-container .vce-post-description.vce-post-description-aspect-ratio--4-3 {
		padding-top: 650px;
	}



}/*min-width 1110px end*/


@media only screen and (min-width:1300px){
	
	.hero-title h2, .hero .title {
		font-size: 6.5em;
	}
	
	
	
	body {
		font-size: 1.125em;
	}
	
	.site-header {
		font-size:.875em;
	}
	
	.site-footer {
		font-size: .75em;
	}
	
	.box .content {
		padding: 50px;
	}

	.site-footer .quick-contact {
		width: auto;
	}

	.site-footer .quick-contact .col {
		float: left;
		max-width: 150px;
    	margin-left: 40px;
	}


	.content-section p,
	.content-section ul,
	.content-section ol {
		font-size: 18px;
	}

	.accordionButton:before {
		left: -40px;
		top: 34px;
		width: 20px;
	}

	.accordionButton:after {
		left: -31px;
		top: 25px;
		height: 20px;
	}

	/*h1 span:before, h2 span:before, h3 span:before, h4 span:before, h5 span:before, h6 span:before {
	    margin-left: -40px;
    	margin-right: 20px;
	}*/

	.grid-img.small .bg-title {
		font-size: 4.5em;
    	transform: translateY(-28%);
	}

	.inline-columns .item {
		padding-right: 100px;
	}

	.work-gallery .item {
		margin-bottom: 100px;
	} 

	.work-gallery.small {
		margin: 0 -35px 30px;
	}

	.work-gallery.small .item {
		width: 33.3333%;
		padding: 0 35px;
		margin-bottom: 70px;
	}

	.work-gallery.small .item:nth-child(2n+1) {
		clear: none;
	}

	.work-gallery.small .item:nth-child(3n+1) {
		clear: left;
	}
	
	
	.ratio:after {
		padding-bottom: 40%;
	}
	
	.vce-post-description--excerpt {
		font-size: .875em;
	}

}/*min-width 1300px end*/



@media only screen and (min-width:1600px){
	.nav li a {
		font-size: 5em;
	}
	
	.menu-wrap {
		width: 700px;
	}
}/*min-width 1600px end*/


/* WEBACOM NOTES: default wordpress image floats are missing */
.alignright {
    float: right;
    margin-left: 15px;
}
.alignleft {
    float: right;
    margin-left: 15px;
}
/* adding light border to feature work images to accomodate white in images */
.vce-featured-image-grid-container.vce-posts-grid-container .vce-post-description.vce-post-description-aspect-ratio--4-3 {
    border: 1px solid #eee;
}

/*webacom notes: fixing form fields that are set to display:none but are still showing*/
li.gform_validation_container, li.hidden_label label {
	display: none;
}
/**webacom notes: removing dots before the form fields in the newsletter CTA **/
ul.gform_fields li::before{
	display: none !important;
}

/* making only bg images in a row greyscale */
.landing-page-image div.vce-asset-background-simple-item  {
	filter: grayscale(100%);
}

/* gravity forms select drop box */
.gform_body select {
	padding: 10px;
	border-radius: 0;
	border: 1px solid #cccccc;
}

/* fixing sitemap pagination overlap issue*/
.sitemap-by-click5_pagination .nav {
	font-family: 'Circular Std', sans-serif !important;
	line-height: 1;
	font-weight: 200 !important;
	letter-spacing: 1px;
}
.sitemap-by-click5_pagination .nav strong {
	border-bottom: 2px solid #fff;
	margin-right: 3px;
}

/* adjusting checkboxes to display horizontal on contact forms */
#gform_2 .gchoice.gchoice_2_10_1, #gform_1 .gchoice.gchoice_1_8_1 {
	width: 28%;
	float: left;
	margin-left: 24%;
}
#gform_2 .gchoice.gchoice_2_10_2, #gform_1 .gchoice.gchoice_1_8_2 {
	width: 20%;
	float: left;
	margin-right: 27%;
}
#gform_2 #input_2_10, #gform_1 #input_1_8 {
	margin-top: -29px;
}
#gform_1 #field_1_8, #gform_2 #field_2_10 {
	height: 85px;
}

/* hiding offsite link to these sites on works page:
 * https://www.wholesalebulkusedtires.com 
https://www.communicationconnection.ca 
https://www.woodgrovecentre.com 
https://www.cdlogistics.ca 
http://www.latitude51fishinglodge.com 
https://www.meandmae.com
*/
#el-60f0eb75 .btn, #el-3efabd1e .btn,  #el-9a331e8f .btn, #el-b8534877 .btn, #el-0d3f89cf .btn {
	display: none;
}