/*
Theme Name: Media Helm
Theme URI: http://underscores.me/
Author: Media Helm
Author URI: http://mediahelm.ie
Description: Web Design Company Located in Waterford City, Ireland. Deals with Website Design, Identity, Photography, Video and Motion Graphics.
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: mediahelm
Tags:
*/
/*
* ========= FONTS =========
*/
@font-face {
	font-family:'Myriad Pro';
	src:url(./fonts/MyriadPro/MyriadPro-Regular.eot);
	src:url(./fonts/MyriadPro/MyriadPro-Regular.eot?#iefix) format("embedded-opentype"),url(./fonts/MyriadPro/MyriadPro-Regular.woff) format("woff"),url(./fonts/MyriadPro/MyriadPro-Regular.ttf) format("truetype"),url(./fonts/MyriadPro/MyriadPro-Regular.svg#MyriadPro-Regular) format("svg");
	font-weight:400;
	font-style:normal;
}

@font-face {
	font-family:'Gotham';
	src:url(./fonts/Gotham/Gotham-Light.eot);
	src:url(./fonts/Gotham/Gotham-Light.eot?#iefix) format("embedded-opentype"),url(./fonts/Gotham/Gotham-Light.woff) format("woff"),url(./fonts/Gotham/Gotham-Light.ttf) format("truetype"),url(./fonts/Gotham/Gotham-Light.svg#Gotham-Light) format("svg");
	font-weight:300;
	font-style:normal;
}

@font-face {
	font-family:'Gotham';
	src:url(./fonts/Gotham/Gotham-Bold.eot);
	src:url(./fonts/Gotham/Gotham-Bold.eot?#iefix) format("embedded-opentype"),url(./fonts/Gotham/Gotham-Bold.woff) format("woff"),url(./fonts/Gotham/Gotham-Bold.ttf) format("truetype"),url(./fonts/Gotham/Gotham-Bold.svg#Gotham-Bold) format("svg");
	font-weight:700;
	font-style:normal;
}

/*
* ========= EVERYTHING ELSE =========
*/
video::-webkit-media-controls-start-playback-button {
	display:none!important;
}

.hide {
	display:none;
}

html {
	height:100%;
}

body {
	margin:0;
	position:relative;
	min-height:100%;
	padding-bottom:2rem;
}

.main-content {
	position:relative;
	margin:30px 0;
}

.container {
	z-index:5;
	position:relative;
}

.page-header-bg {
	position:absolute;
	width:100%;
	height:100%;
	background-position:center center;
	background-size:cover;
	background-repeat:no-repeat;
}

.page-header {
	margin:0;
	padding-bottom:0;
	position:relative;
	overflow:hidden;
	text-align:center;
	border:none;
}

.intro-text {
	text-align:center;
	margin-bottom:-30px!important;
}

.custom-btn {
	margin-top:20px;
	background-color:transparent;
	color:#fff;
	line-height:35px;
	text-transform:uppercase;
	border:1px solid #fff;
	border-radius:0;
	font-size:36px;
	padding:20px;
	transition:all .5s ease;
	pointer-events:all;
}

.custom-btn.small.dark {
	border:1px solid #037aba;
	color:#037aba;
	font-size:18px;
	padding:10px 20px;
	margin:0;
}

.custom-btn:hover {
	background-color:#fff;
	color:#037aba;
	transition:all .5s ease;
}

.custom-btn.small.dark:hover {
	background-color:#037aba;
	color:#fff;
	border:1px solid #037aba;
	transition:all .5s ease;
}

.dwnload-catalogue-bordered {
	border: 2px solid #fff;
    font-size: 16px;
    margin: 0;
    margin-bottom: 20px;
    margin-top: 20px;
    line-height: 22px;
    padding: 10px 20px;
}

button,html input[type=button],input[type=reset],input[type=submit] {
	background-color:transparent;
	color:#fff;
	text-transform:uppercase;
	border:1px solid #fff;
	border-radius:0;
	font-size:36px;
	padding:10px 50px;
	margin-bottom:20px;
	transition:all .5s ease;
}

.btn-primary,.btn,.wpcf7-submit,.filter-nav li,.btn-primary.focus,.btn-primary:focus,.btn-default.focus,.btn-default.active,.btn-default:focus,.btn-default:active,.btn.active,.btn:active,.custom-btn:focus,.custom-btn:active {
	-webkit-box-shadow:none!important;
	box-shadow:none!important;
	outline:0!important;
}

a:focus,a:hover {
	text-decoration:none!important;
	outline:0!important;
	-webkit-transition:all .3s ease-in-out;
	-moz-transition:all .3s ease-in-out;
	-o-transition:all .3s ease-in-out;
	transition:all .3s ease-in-out;
	box-shadow:none;
}

a {
	color:#037aba;
	transition:all 2s ease;
	text-decoration:none!important;
	font-family:'Gotham',arial;
	font-weight:300;
}

p,label,button,html input[type=button],input[type=reset],input[type=submit] {
	font-size:18px;
	font-weight:400;
	line-height:28px;
	font-family:'Gotham',arial;
	transition:all .5s ease;
}

input[type=submit]:hover {
	background-color:#fff;
	color:#037aba;
	transition:all .5s ease;
}

* {
	margin:0;
	padding:0;
}

h1 {
	font-size:56px;
	font-family:'Gotham',arial;
	font-weight:300;
	color:#0379ba;
	margin-top:0;
}

h2 {
	font-size:46px;
	font-family:'Gotham',arial;
	font-weight:700;
	margin-bottom:20px;
	color:#fff;
}

h3 {
	text-transform:uppercase;
	margin-top:5px;
	font-family:'Gotham',arial;
	font-weight:300;
	line-height:36px;
}

h4 {
	text-transform:uppercase;
	font-family:'Gotham',arial;
	font-weight:300;
	line-height:26px;
	margin-top:5px;
	margin-bottom:15px;
}

h5 {
	color:#fff;
	font-family:'Gotham',arial;
	font-weight:300;
	line-height:26px;
}

img {
	width:100%;
	height:auto;
}

h1.heading-bold {
	font-weight:700;
	text-align:center;
	margin-bottom:23px;
}

h1.heading-light {
	font-weight:300;
	text-align:center;
	font-size:46px;
}

.large-icons i {
	font-size:52px;
	margin-bottom:20px;
}

.blue-h3 {
	color:#037aba;
}

.content-text {
	margin-top:50px;
}

.home-sub p{
    font-weight: 100;
	margin-top: 50px;
}

.home-sub p a{
	color: #FFFFFF;
	text-decoration: underline !important;
}

.menu-text {
	position: absolute;
    margin: 0 auto;
    left: 0;
    right: 0;
    bottom: -20px;
    color: #fff;
}

/*
* ========= PANEL BOX BUTTON =========
*/
.panel {
	margin:0 auto;
	background-color:#0379ba;
	color:#fff;
	width:100%;
	max-width:690px;
	border:none;
	border-radius:0;
	transition:all 2s ease;
	margin-bottom:60px;
	margin-top:25px;
}

.panel:hover {
	background-color:#000;
	transition:all 2s ease;
}

.panel-body {
	padding:20px;
	text-align:center;
}

.panel-body h3 {
	margin-bottom:0;
}

.cta-button-area {
	text-align:center;
	padding-bottom: 30px;
}

.home-sub{
	max-width: 1000px !important;
	margin: auto !important;
}
/*
* ========= LOGO =========
*/
.logo-container {
	z-index:5;
	margin:50px auto 0;
	position:relative;
	text-align:center;
}

.logo-standard {
	display:inline-block;
	height:auto;
	min-width:200px;
	max-width:400px;
}

.logo-retina {
	display:none;
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5),only screen and (min-resolution: 144dpi),only screen and (min-resolution: 1.5dppx) {
	.logo-standard {
		display:none;
	}

	.logo-retina {
		display:inline-block;
		height:auto;
		min-width:200px;
		max-width:400px;
	}
}

/*
* ========= MENU =========
*/
/* ANIMATED HAMBUGER MENU ICONS */
#nav-icon {
	width:60px;
	height:45px;
	z-index:5;
	position:relative;
	margin:40px auto;
	-webkit-transform:rotate(0deg);
	-moz-transform:rotate(0deg);
	-o-transform:rotate(0deg);
	transform:rotate(0deg);
	-webkit-transition:.5s ease-in-out;
	-moz-transition:.5s ease-in-out;
	-o-transition:.5s ease-in-out;
	transition:.5s ease-in-out;
	cursor:pointer;
}

#nav-icon:hover {
	-webkit-transition:linear .5s all;
	transition:linear .5s all;
	-webkit-transform:scale(1.1);
	transform:scale(1.1);
}

#nav-icon span {
	display:block;
	position:absolute;
	height:3px;
	width:50%;
	background:#fff;
	opacity:1;
	-webkit-transform:rotate(0deg);
	-moz-transform:rotate(0deg);
	-o-transform:rotate(0deg);
	transform:rotate(0deg);
	-webkit-transition:.25s ease-in-out;
	-moz-transition:.25s ease-in-out;
	-o-transition:.25s ease-in-out;
	transition:.25s ease-in-out;
}

#nav-icon span:nth-child(even) {
	left:50%;
	border-radius:0 9px 9px 0;
}

#nav-icon span:nth-child(odd) {
	left:0;
	border-radius:9px 0 0 9px;
}

#nav-icon span:nth-child(1),#nav-icon span:nth-child(2) {
	top:0;
}

#nav-icon span:nth-child(3),#nav-icon span:nth-child(4) {
	top:14px;
}

#nav-icon span:nth-child(5),#nav-icon span:nth-child(6) {
	top:28px;
}

#nav-icon.open span:nth-child(1),#nav-icon.open span:nth-child(6) {
	-webkit-transform:rotate(45deg);
	-moz-transform:rotate(45deg);
	-o-transform:rotate(45deg);
	transform:rotate(45deg);
}

#nav-icon.open span:nth-child(2),#nav-icon.open span:nth-child(5) {
	-webkit-transform:rotate(-45deg);
	-moz-transform:rotate(-45deg);
	-o-transform:rotate(-45deg);
	transform:rotate(-45deg);
}

#nav-icon.open span:nth-child(1) {
	left:5px;
	top:7px;
}

#nav-icon.open span:nth-child(2) {
	left:calc(50% - 5px);
	top:7px;
}

#nav-icon.open span:nth-child(3) {
	left:-50%;
	opacity:0;
}

#nav-icon.open span:nth-child(4) {
	left:100%;
	opacity:0;
}

#nav-icon.open span:nth-child(5) {
	left:5px;
	top:29px;
}

#nav-icon.open span:nth-child(6) {
	left:calc(50% - 5px);
	top:29px;
}

/* TOGGLE MENU */
.toggle {
	display:block;
	visibility:hidden;
	left:0;
	right:0;
	margin:auto;
	background-color:rgba(3,121,186,0.8);
	padding:15px;
	display:block;
	opacity:0;
	top:50%;
	height:100%;
	position:fixed;
	-webkit-transition:ease-in .5s all;
	transition:ease-in .5s all;
	-webkit-transform:translateY(-50%);
	transform:translateY(-50%);
	width:100%;
}

.toggle--active {
	display:block;
	visibility:visible;
	opacity:1;
	top:50%;
	height:100%;
	position:fixed;
	-webkit-transition:ease-in .5s all;
	transition:ease-in .5s all;
	-webkit-transform:translateY(-50%);
	transform:translateY(-50%);
}

.toggle-menu {
	visibility:hidden;
	left:0;
	right:0;
	top:30%;
	position:absolute;
	margin:auto;
}

.toggle-menu--active {
	visibility:visible;
	width:340px;
}

.toggle-menu li {
	display:block;
	margin:10px auto;
}

.toggle-menu li a {
	text-decoration:none;
	color:#fff;
	display:block;
	text-align:center;
	font-size:36px;
	text-transform:uppercase;
	-webkit-transition:linear .5s all;
	transition:linear .5s all;
	font-weight:300;
	padding:5px 0;
}

.toggle-menu li a span {
	text-transform:lowercase;
}

.toggle-menu li a:hover {
	-webkit-transition:linear .5s all;
	transition:linear .5s all;
	-webkit-transform:scale(1.15);
	transform:scale(1.15);
	font-weight:300;
}

/*
* ========= HOME PAGE =========
*/
.overlay {
	background-color:rgba(3,121,186,0.8);
	z-index:2;
	width:100%;
	height:100%;
	left:0;
	top:0;
	position:absolute;
	display:block;
	pointer-events:none;
}

#background {
	position:fixed;
	top:50%;
	left:50%;
	min-width:100%;
	min-height:100%;
	width:auto;
	height:auto;
	z-index:-2;
	-webkit-transform:translateX(-50%) translateY(-50%);
	transform:translateX(-50%) translateY(-50%);
	background:url(polina.jpg) no-repeat;
	background-size:cover;
}

.wrap {
	height:auto!important;
	height:100%;
	transform:inherit!important;
}

.home-intro {
	color:#fff;
	padding:10px;
	text-align:center;
	z-index:5;
	position:relative;
}

.home-intro h1 {
	margin-bottom:40px;
	color:#fff;
	font-size:86px;
}

.home-intro h4 {
	font-size:22px;
	line-height:32px;
}

/* ABOUT PAGE */
.heading-box {
	margin-bottom:45px;
	display:inline-block;
}

.heading-box .icon-box {
	border:2px solid #0379ba;
	display:inline-block;
	padding:8px 10px;
	float:left;
	height:45px;
}

.heading-box .icon-box .fa {
	font-size:26px;
	color:#0379ba;
}

.text-box {
	display:inline-block;
	padding:0 10px;
	height:45px;
	float:left;
	background-color:#0379ba;
}

.heading-box h5 {
	text-transform:uppercase;
}

.our-team img {
	border-radius:50%;
	width:70%;
	margin-bottom:40px;
}

.case-studies {
	text-align:left;
	color:#fff;
	background-color:#2587ef;
}

.case-studies .custom-btn {
	font-size: 24px;
}

.case-studies .row {
	margin:0;
}

.case-studies .col-md-6 {
	position:relative;
	padding:50px 80px;
}

.case-study-line {
	border:1px solid #fff;
	width:70px;
	position:absolute;
	left:0;
	z-index:10;
	top:80px;
	pointer-events:none;
}

.case-studies h1 {
	color:#fff;
	margin:0;
}

.case-studies h3 {
	margin:0;
	font-weight:300;
	margin-bottom:60px;
}

.case-studies .video {
	height:100%;
	width:100%;
	left:0;
	top:0;
	bottom:0;
	z-index:1;
	position:absolute;
}

.case-study-1,.case-study-2,.case-study-3,.case-study-4 {
	overflow:hidden;
}

.case-studies .content {
	position:relative;
	z-index:10;
	pointer-events:none;
}

.case-study-1 .blue {
	background-color:#2587ef!important;
	height:100%;
	width:100%;
	left:0;
	top:0;
	bottom:0;
	z-index:1;
	position:absolute;
	-webkit-transition:all .3s ease-in-out;
	-moz-transition:all .3s ease-in-out;
	-o-transition:all .3s ease-in-out;
	transition:all .3s ease-in-out;
}

.case-study-2 .blue {
	background-color:#2a8bf3!important;
	height:100%;
	width:100%;
	left:0;
	top:0;
	bottom:0;
	z-index:1;
	position:absolute;
	-webkit-transition:all .3s ease-in-out;
	-moz-transition:all .3s ease-in-out;
	-o-transition:all .3s ease-in-out;
	transition:all .3s ease-in-out;
}

.case-study-3 .blue {
	background-color:#4899f0!important;
	height:100%;
	width:100%;
	left:0;
	top:0;
	bottom:0;
	z-index:1;
	position:absolute;
	-webkit-transition:all .3s ease-in-out;
	-moz-transition:all .3s ease-in-out;
	-o-transition:all .3s ease-in-out;
	transition:all .3s ease-in-out;
}

.case-study-4 .blue {
	background-color:#479efa!important;
	height:100%;
	width:100%;
	left:0;
	top:0;
	bottom:0;
	z-index:1;
	position:absolute;
	-webkit-transition:all .3s ease-in-out;
	-moz-transition:all .3s ease-in-out;
	-o-transition:all .3s ease-in-out;
	transition:all .3s ease-in-out;
}

.blue:hover {
	background-color:transparent!important;
	height:100%;
	width:100%;
	left:0;
	top:0;
	bottom:0;
	z-index:1;
	position:absolute;
	-webkit-transition:all .3s ease-in-out;
	-moz-transition:all .3s ease-in-out;
	-o-transition:all .3s ease-in-out;
	transition:all .3s ease-in-out;
}

#case-study-bg {
	height:100%;
	left:0;
	top:0;
	bottom:0;
	z-index:-1;
	position:absolute;
}

video::-webkit-media-controls {
	display:none!important;
}

/* CASE STUDIES PAGE */
.grid-layout .col-md-6 {
	margin-bottom:6em;
	text-align:left;
}

.grid-layout .col-md-6:not(:last-child) {
	padding-right:45px;
}

.grid-layout .col-md-6:not(:first-child) {
	padding-left:45px;
}

.grid-layout .col-md-6.box-3,.grid-layout .col-md-6.box-4 {
	margin-bottom:0!important;
}

.grid-bg {
	padding:30px 60px 40px 100px;
	background-color:rgba(0,0,0,0.5);
	color:#fff;
	position:relative;
}

.grid-bg a {
	color:#fff;
}

.grid-bg .categories {
	margin-top: 30px;
}

.grid-bg .categories .col-md-6 {
	padding-right: 0;
	padding-left: 0;
	margin-bottom: 0;
}

.grid-bg .categories img:first-child {
	padding-right: 10px;
}

.grid-bg .categories img {
	width: 100%;
	position: relative;
	top: 0;
    left: 0;
}

.grid-layout .case-study-line {
	border:1px solid #fff;
	width:70px;
	position:absolute;
	left:0;
	top:70px;
}

.grid-bg h1 {
	color:#fff;
}

.grid-bg p {
	text-align:left;
	font-size:14px;
	line-height:20px;
}

.grid-bg img {
	width:15%;
	position:absolute;
	top:95px;
	left:-10px;
}

.grid-one {
	background-repeat:no-repeat;
	background-size:cover;
	background-position:center center;
}

.grid-two {
	background-image:url(./imgs/identity.jpg);
	background-repeat:no-repeat;
	background-size:cover;
	background-position:center center;
}

.grid-three {
	background-image:url(./imgs/photo.jpg);
	background-repeat:no-repeat;
	background-size:cover;
	background-position:center center;
}

.grid-four {
	background-image:url(./imgs/video.jpg);
	background-repeat:no-repeat;
	background-size:cover;
	background-position:center center;
}

.list-items {
	text-align:left;
}

.list-items .fa {
	font-size:26px;
	margin-right:10px;
	color:#0379ba;
}

.list-items .fa-border {
	border:2px solid #0379ba;
}

.list-items .row {
	font-size:20px;
	margin-bottom:20px;
}

.case-study-website-testimonials .container img.quote-top {
	position: absolute;
	top: -30px;
	left: 0;
	width: 5%;
    z-index: 5;
}

.case-study-website-testimonials .container img.quote-bottom {
	position: absolute;
	right: 0;
	bottom: 0;
	width: 5%;
    z-index: 5;
}

.case-study-website-testimonials .container p {
	font-size: 24px;
}

.case-study-website-testimonials .container p:last-child {
	font-size: 18px;
}

.case-study-website-link, .case-study-website-testimonials {
	text-align: center;
	padding-bottom: 50px;
}

section.case-study-website-testimonials.single-testimonial {
	padding-bottom: 0;
}

.case-study-website-link h3, .case-study-website-testimonials h3 {
	margin:0;
	padding: 0 60px;
	color: #0d7abb;
}



/*
* ========= SIDE HEADINGS =========
*/
.sec-title h1 {
	font-weight:700;
	font-size:92px;
	line-height:75px;
}

.sec-title h3 {
	text-transform:none;
	color:#919191!important;
	font-size:18px;
	padding-left:5px;
}

.side-headings .title-right-col {
	float:left;
	padding-left:20px;
}

.side-headings .col-md-6 {
	padding:40px 0;
}

.side-headings .col-md-6.text-area {
	padding:30px 0;
	text-align:justify;
}

.side-headings {
	color:#fff;
	text-align:left;
}

.side-headings h1,.side-headings h3 {
	color:#fff;
	margin:0;
}

.side-headings .col-md-6 .sec-title,.side-headings .col-md-6 .sec-text {
	margin-bottom:0;
	margin:0 15px;
}

.side-headings .col-md-6.text-area {
	color:#333;
	clear:both;
}

.side-headings .col-md-6.side-img {
	padding:0;
	padding-bottom:80px;
	margin-top:-191px;
}

.side-headings .heading-line {
	border:1px solid #fff;
	width:70px;
	margin-top:35px;
	float:left;
	pointer-events:none;
}

@media (min-width: 768px) {
	.side-headings .col-md-6 .sec-title,.side-headings .col-md-6 .sec-text {
		width:720px;
		margin:20px auto;
	}
}

@media (min-width: 992px) {
	.side-headings .col-md-6 .sec-title,.side-headings .col-md-6 .sec-text {
		width:455px;
		margin:0 15px;
	}
}

@media (min-width: 1200px) {
	.side-headings .col-md-6 .sec-title,.side-headings .col-md-6 .sec-text {
		width:555px;
	}
}

@media (min-width: 992px) {
	.side-headings .col-md-6 .section-left {
		float:right;
		padding-right:50px;
	}
}

/*
* ========= IPAD SLIDER =========
*/
.ipad-slider {
	position:relative;
	margin-bottom:40px;
}

.carousel.flickity-enabled.is-draggable {
	position:absolute;
	top:0;
	bottom:0;
	left:0;
	right:0;
}

.flickity-viewport {
	position:absolute;
	z-index:-1;
	height:auto!important;
	top:7%;
	bottom:0;
	left:0;
	right:0;
}

.flickity-prev-next-button.previous,.flickity-prev-next-button.next {
	z-index:100;
}

.carousel-cell {
	width:36%;
	margin-right:11%;
	counter-increment:carousel-cell;
}

.carousel-cell:before {
	display:block;
	text-align:center;
	font-size:80px;
	color:#fff;
}

.case-study-buttons {
	text-align:center;
}

.case-study-buttons .custom-btn {
	border:1px solid #037aba;
	color:#037aba;
	margin-bottom:0;
	margin-top:0;
}

.case-study-buttons .custom-btn:hover {
	border:1px solid #037aba;
	background-color:#037aba;
	opacity:1;
	color:#fff;
}

/*
* ========= BLOG PAGE =========
*/
.blog-content .col-md-4 {
	overflow:hidden;
	border:1px solid #ddd;
}

.blog-content h1.post-heading {
	font-size:32px;
}

.wpspw-post-categories a:nth-child(2n+1) {
	background:#037aba!important;
	padding:5px 10px;
}

.wpspw_pagination a,.wpspw_pagination a {
	border:none;
	background-color:#037aba;
}

.wpspw_pagination a:hover,.wpspw_pagination a:focus,.wpspw_pagination a:hover,.wpspw_pagination a:focus {
	border:none;
	background-color:#037aba;
	color:#fff!important;
}

section.blog-content {
	margin-top:50px;
}

/*
* ========= WIDGET AREA =========
*/
.widget-area input.search-field {
	border:1px solid #333;
}

.widget-area input[type=submit] {
	border:1px solid #333;
	color:#333;
	font-size:18px;
	font-weight:400;
	line-height:28px;
	padding:10px 50px;
}

.widget-area h2.widget-title {
	color:#333;
	font-size:20px;
}

.widget-area li {
	list-style-type:none;
}

span.screen-reader-text {
	display:block;
}

/*
* ========= CONTACT FORM =========
*/
.wpcf7 label {
	color:#fff;
	width:100%;
}

.wpcf7 img {
	width:auto;
}

.wpcf7-text,.wpcf7-textarea {
	width:100%;
	background-color:transparent;
	border-bottom:1px solid #fff;
	outline:0!important;
}

button,input,select,textarea {
	padding:10px;
	font-family:'Gotham',arial;
	border-radius:2px;
}

input,textarea {
	color:#fff;
	border:none;
}

.contact-info .custom-btn {
	margin-top:20px;
	margin-bottom:20px;
	font-size:18px;
	font-weight:400;
	line-height:28px;
	padding:10px 50px;
}

section.contact-form-area {
	margin-top:1.5%;
}

.contact-form-area .contact-info p,.contact-form-area .contact-info a {
	color:#fff;
	font-size:32px;
	line-height:56px;
	font-family:'Gotham',arial;
	font-weight:300;
}

.contact-form-area .contact-form textarea {
	height:100px;
}

div.wpcf7-mail-sent-ok {
	border:1px solid #fff;
	color:#fff;
	font-size:18px;
}

::-webkit-input-placeholder {
/* WebKit browsers */
	color:#f4f4f4!important;
	opacity:1;
}

:-moz-placeholder {
/* Mozilla Firefox 4 to 18 */
	color:#f4f4f4!important;
	opacity:1;
}

::-moz-placeholder {
/* Mozilla Firefox 19+ */
	color:#f4f4f4!important;
	opacity:1;
}

:-ms-input-placeholder {
/* Internet Explorer 10+ */
	color:##f4f4f4!important;
	opacity:1;
}

div.wpcf7-validation-errors {
	border:1px solid #fff;
	color:#fff;
	font-family:'Gotham',arial;
	margin-bottom:40px;
	margin-top:0;
}

span.wpcf7-not-valid-tip {
	color:#fff;
}

/*
* ========= FREE QUOTE FORM =========
*/
.quote-form h3,.quote-form p {
	color:#fff;
}

.quote-form .wpcf7 label {
	color:#fff;
	width:100%;
}

.quote-form .wpcf7 img {
	width:auto;
}

.quote-form .wpcf7-text,.quote-form .wpcf7-textarea {
	width:100%;
	background-color:transparent;
}

.quote-form input,textarea {
	color:#fff;
	border-bottom:1px solid #fff;
}

.quote-form .file-upload-area {
	padding-top:10px;
}

.quote-form .file-upload-area input.wpcf7-form-control.wpcf7-file {
	padding:6.5px;
	width:100%;
}

.quote-form input.wpcf7-form-control.wpcf7-submit {
	margin-top:10px;
}

.quote-form textarea {
	height:80px;
}

.quote-form button,.quote-form input,.quote-form select,.quote-form textarea {
	border-radius:0;
	-webkit-box-shadow:none!important;
	box-shadow:none!important;
	outline:0!important;
}

.quote-form div.wpcf7-mail-sent-ok {
	color:#fff;
	font-size:18px;
}

.quote-form span.wpcf7-form-control-wrap {
	width:100%;
	position:relative!important;
	display:inline-block;
	padding-bottom:20px;
}

.quote-form select.wpcf7-select {
	font-size:18px;
	width:100%;
	padding:11.5px;
	background:none!important;
	border:none!important;
	color:#f4f4f4!important;
	border-bottom:solid 1px #fff!important;
	-webkit-appearance:none;
	-moz-appearance:none;
	appearance:none;
	background:url(./imgs/dropdown-arrow.png) 96%/5% no-repeat!important;
}

.quote-form ::-webkit-input-placeholder {
/* WebKit browsers */
	color:#f4f4f4!important;
	opacity:1;
}

.quote-form :-moz-placeholder {
/* Mozilla Firefox 4 to 18 */
	color:#f4f4f4!important;
	opacity:1;
}

.quote-form ::-moz-placeholder {
/* Mozilla Firefox 19+ */
	color:#f4f4f4!important;
	opacity:1;
}

.quote-form :-ms-input-placeholder {
/* Internet Explorer 10+ */
	color:#f4f4f4!important;
	opacity:1;
}

.quote-form div.wpcf7-validation-errors {
	border:1px solid #fff;
	color:#fff;
	text-align:center;
	font-family:'Gotham',arial;
	margin-bottom:40px;
	margin-top:0;
}

.quote-form span.wpcf7-not-valid-tip {
	color:#fff;
}

/*
* ========= MODAL POPUP =========
*/
.modal {
	top:10%;
}

.modal-body {
	padding:5px;
}

.google-map-overlay {
	background-color:#037aba;
}

#map {
	height:100%;
}

/* FOOTER */
footer {
	text-align:center;
	position:absolute;
	right:0;
	bottom:0;
	left:0;
	z-index:5;
}

.footer-icons {
	padding:10px 0 5px;
}

.footer-icons .fa {
	padding:0 30px;
	font-size:22px;
	color:#0379ba;
}

.footer-icons-toggle .fa {
	color:#fff;
	-webkit-transition:ease-in 1s all;
	transition:ease-in 1s all;
}

.home .footer-icons .fa, .page-template-contact .footer-icons .fa, .page-template-free-quote .footer-icons .fa {
	color:#fff;
}

.home .menu-footer-menu-container, .page-template-contact .menu-footer-menu-container, .page-template-free-quote .menu-footer-menu-container {
    display: none !important;
}

.menu-footer-menu-container ul li {
	display: inline-block;
}

#back-to-top {
	position:fixed;
	bottom:40px;
	right:20px;
	z-index:9999;
	width:32px;
	height:32px;
	text-align:center;
	line-height:30px;
	background:#0379ba;
	color:#fff;
	cursor:pointer;
	border:0;
	border-radius:2px;
	text-decoration:none;
	transition:opacity .2s ease-out;
	opacity:0;
}

#back-to-top:hover {
	background:#098bd1;
}

#back-to-top.show {
	opacity:1;
}

#content {
	height:2000px;
}

/* RESPONSIVE */
@media screen and (min-width: 1680px) {
	.thevideo {
		position:absolute!important;
		top:50%!important;
		left:50%!important;
		-webkit-transform:translateX(-50%) translateY(-50%)!important;
		transform:translateX(-50%) translateY(-50%)!important;
		min-width:100%!important;
		min-height:100%!important;
		width:auto!important;
		height:auto!important;
		z-index:-1000!important;
		overflow:hidden!important;
	}

	.home-intro {
		padding:0%;
	}

	.home-intro h1 {
		font-size:120px;
	}

	.home-intro h4 {
		font-size:32px;
		line-height:36px;
	}


	section.contact-form-area,section.quote-form {
		margin-top:10%;
	}
}

@media screen and (min-width: 1441px) {
	.side-headings .col-md-6 .sec-title,.side-headings .col-md-6 .sec-text {
		width:90%;
	}
}

@media screen and (max-width: 1280px) {
	.home-intro {
		padding:5%;
	}

	.home-intro h1 {
		font-size:70px;
	}

	.home-intro h4 {
		font-size:18px;
		line-height:30px;
	}

	section.contact-form-area,section.quote-form {
		margin-top:5%;
	}
}

@media screen and (max-width: 1199px) {
	.grid-bg {
		padding:30px 40px 5px 90px;
	}
}

@media screen and (max-width: 991px) {
	h2 {
		font-size:36px;
	}

	.grid-layout .col-md-6:not(:last-child) {
		padding-right:15px;
	}

	.grid-layout .col-md-6:not(:first-child) {
		padding-left:15px;
	}

	.grid-layout .col-md-6.box-3 {
		margin-bottom:6em!important;
	}

	.grid-layout .col-md-6.box-4 {
		margin-bottom:0!important;
	}

	.grid-bg {
		padding:30px 90px 5px;
	}

	.grid-bg h1:before {
		width:40px;
	}

	.side-headings .col-md-6,.side-headings .col-md-6.text-area {
		float:none!important;
	}

	.side-headings .title-right-col {
		float:none;
	}

	.side-headings .col-md-6.side-img {
		margin-top:0;
	}

	.box {
		height:auto!important;
	}

	.thevideo {
		position:absolute!important;
		top:50%!important;
		left:50%!important;
		-webkit-transform:translateX(-50%) translateY(-50%)!important;
		transform:translateX(-50%) translateY(-50%)!important;
		min-width:100%!important;
		min-height:100%!important;
		width:auto!important;
		height:auto!important;
		z-index:-1000!important;
		overflow:hidden!important;
	}
}

@media only screen and (max-width : 767px) {

}

@media screen and (max-width: 671px) {
	.logo-standard {
		width:80%;
	}

	.logo-retina {
		width:80%;
	}

	.grid-layout .container {
		-moz-column-count:1;
		-webkit-column-count:1;
		column-count:1;
	}

	.grid-bg {
		padding:30px 20% 5px;
	}

	.grid-bg h1:before {
		width:20%;
	}

	.heading-box .icon-box {
		padding:3px 5px;
		height:30px;
	}

	.heading-box .icon-box .fa {
		font-size:12px;
	}

	.text-box {
		padding:0 10px;
		height:30px;
	}

	.text-box h5 {
		margin:0;
		font-size:12px;
		line-height:30px;
	}
}

@media screen and (max-width: 430px) {
	.logo-container {
		margin:30px auto 0;
	}

	#nav-icon {
		width:40px;
		height:35px;
	}

	#nav-icon span:nth-child(3),#nav-icon span:nth-child(4) {
		top:10px;
	}

	#nav-icon span:nth-child(5),#nav-icon span:nth-child(6) {
		top:20px;
	}

	#nav-icon.open span:nth-child(1) {
		left:3px;
	}

	#nav-icon.open span:nth-child(5) {
		left:3px;
		top:19px;
	}

	#nav-icon.open span:nth-child(6) {
		top:19px;
	}

	.custom-btn {
		margin-top:20px;
		font-size:22px;
		line-height:25px;
		padding:10px;
	}

	.toggle-menu li a {
		font-size:22px;
		margin-top:10px;
	}

	.toggle-menu {
		top:30%;
	}

	.toggle-menu--active {
		width:100%;
	}

	.home-intro {
		margin-top:-50px;
	}

	.home-intro h1 {
		font-size:46px;
	}

	.home-intro h4 {
		font-size:14px;
		line-height:22px;
	}

	.home-sub p{
		margin-top:20px;
   		font-size:13px;
		line-height:18px
	}

	.home-intro .custom-btn {
		margin-top:30px;
		font-size:22px;
		padding:10px;
	}

	h1.heading-bold {
		font-size:36px;
	}

	.intro-text h3 {
		font-size:14px;
		line-height:24px;
	}

	.intro-text h4 {
		font-size:14px;
		line-height:24px;
	}

	.list-items .fa {
		font-size:18px;
	}

	.ipad-slider {
		display:none;
	}

	.grid-bg h2 {
		font-size:26px;
	}

	.heading-box .icon-box {
		padding:10px 15px;
		height:55px;
		float:none;
		margin-bottom:10px;
	}

	.heading-box .icon-box .fa {
		font-size:32px;
	}

	.heading-box {
		margin-bottom:25px;
	}

	.text-box {
		float:none;
		display:block;
	}

	.case-study-line {
		display:none;
	}

	.case-studies .col-md-6 {
		padding:30px 20px;
	}

	.case-studies h3 {
		margin-bottom:20px;
	}

	.case-study-buttons .custom-btn {
		font-size:18px;
		padding:10px;
		margin-bottom:10px;
	}

	.grid-layout .col-md-6 {
		margin-bottom:2em;
	}

	.content-text {
		margin-top:50px;
	}

	.cta-button-area .panel {
		margin-top:0;
		margin-bottom:60px;
	}

	.cta-button-area .panel-body {
		padding:10px;
	}

	.cta-button-area .panel h3 {
		font-size:16px;
		line-height:18px;
	}

	.cta-button-area .panel h4 {
		font-size:12px;
	}

	section.blog-content {
		margin-top:10px;
	}

	.page-template-contact div#nav-icon {
		margin-bottom:0;
	}

	section.contact-form-area,section.quote-form {
		margin-bottom:50px;
		margin-top:0;
	}

	.contact-form-area .contact-info p,.contact-form-area .contact-info a {
		font-size:22px;
		line-height:46px;
	}

	.quote-form input,textarea {
		width:100%;
	}
}