/*
Theme Name: Runnymede
Description: Semantic, SEO Optimised, Custom Wordpress Theme for Runnymede
Author: Hopping Mad Design
Author URI: http://www.hoppingmad.com.au/
*/

/* =====================
Reset
======================== */
a, abbr, acronym, address, area, b, bdo, big, blockquote, body, button, caption, cite, code, col, colgroup, dd, del, dfn, div, dl, dt, em, fieldset, form, h1, h2, h3, h4, h5, h6, hr, html, i, images, ins, kbd, label, legend, li, map, object, ol, p, param, pre, q, samp, small, span, strong, sub, sup, table, tbody, td, textarea, tfoot, th, thead, tr, tt, ul, var {margin:0;padding:0;vertical-align:top}
* { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;  }

input[type=number] { -moz-appearance:textfield; }
input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button {  -webkit-appearance: none;  margin: 0; }
input[type="search"] {	-webkit-appearance: textfield; -moz-box-sizing: content-box;-webkit-box-sizing: content-box;box-sizing: content-box;}
input{-webkit-appearance: none;}

/* =====================
Defaults
======================== */
html,body{height:100%;margin:0; }
html{
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
	font-size: 62.5% ;
}
body{font-family:'Open Sans', sans-serif;color:#000; }
img{border-style:none;}
a{text-decoration:none;color:#db3128;}
a:hover{color:#666666;text-decoration:none;}
input,textarea,select{font:100% 'Open Sans', sans-serif; vertical-align:middle}
form,fieldset{border-style:none;margin:0;padding:0;font:100% 'Open Sans', sans-serif;}

img.alignleft {margin: 0 25px 25px 0;}
.alignleft {float: left;}
img.alignright {margin: 0 0 25px 25px;}
.alignright {float: right;}
.aligncenter {margin:25px auto; display:block;}

h1, h2, h3, h4, h5, h6{
    margin: 0 0 0.7em;
    padding: 0;
}
h2{
	font-size:2.8rem;
}
h3{
	font-size:2.2rem;
}
h4{
	font-size:1.8rem;
}

/* =====================
Text Styles
======================== */
.entry-content{
	font-size:1.6rem;
	line-height:1.33em;
	overflow:hidden;
}
.entry-content .btn,
.entry-content .btn-white{
	margin-top:1em;
	margin-right:1em;
}
.entry-content p{
	margin:0 0 1em;
}
.entry-content ul,
.entry-content ol{
	margin:1em 0;
}
.entry-content h2, .entry-content h3, .entry-content h4{
	font-weight:700;
}
.entry-content hr{
	border-top:8px solid #00bff3;
	margin:1.2em 0 1.7em;
}
.entry-content ol{
	margin-left:2em;
}
.entry-content ol li{
	padding-left:0.625em;
	margin-bottom:0.2em;
}
.entry-content ul ul{
	margin-top:0.3em;
}
.entry-content ul li{
	list-style:none;
	padding-left:20px;
	position:relative;
	margin-bottom:0.2em;
}
.entry-content ul li:before{
	content:'\2022';
	position:absolute;
	left:2px;
	font-size:1em;
}
.entry-content img{
	max-width:100%;
	height:auto;
}
.heading span{
	border-bottom:8px solid #00ccff;
	padding: 0 1.8em 0.4em;
	display:inline-block;
}
.heading{
	font-weight:700;
	font-size:2.2rem;
	color:#00ccff;
	text-align:center;
	margin-bottom:1em;
}
.btn{
	display:inline-block;
	background:#db3128;
	color:#fff;
	font: 700 1.8rem/3.1 'Fira Sans', sans-serif;
	padding:0 1.5em;
	-moz-border-radius:10px; 
	-webkit-border-radius:10px;
	border-radius:10px; 
	border:none;
	vertical-align:middle;
}
.btn-white{
	display:inline-block;
	background:#fff;
	color:#da3127;
	font: 700 1.8rem/2.83 'Fira Sans', sans-serif;
	padding:0 1.5em;
	-moz-border-radius:10px; 
	-webkit-border-radius:10px;
	border-radius:10px; 
	border:2px solid #da3127;
	vertical-align:middle;
}
.intro{
	font-size:2.2rem;
	line-height:1.27em;
}

/* =====================
Layout
======================== */
.clear{clear: both;}
.section{
	margin-bottom:30px;
}
.sepertator{
	border-bottom:8px solid #00ccff;
}
.small-section .container{
	max-width:1025px;
}

/* =====================
Header
======================== */
.site-branding img{
	display:block;
	width:100%;
	height:auto;
}
.site-branding{
	display:block;
	width:214px;
	float:left;
}
#masthead{
	position:relative;
}
.site-header{
	position:relative;
	z-index:400;
	background:#fff;
	padding:10px 0 10px;
}
.header-right{
	display:inline-block;
	float:right;
	text-align:right;
	padding-top:15px;
}
#desktop-menu li a{
	color:#000;
	display:inline-block;
	vertical-align:middle;
}
#desktop-menu .menu-expand{
	font-size:0.8em;
	vertical-align:middle;
	display:inline-block;
}
#desktop-menu li{
	list-style:none;
	display:inline-block;
	text-transform:uppercase;
	padding: 0 10px;
	margin-left:0;
	font:700 1.6rem/2.125 'Fira Sans', sans-serif;
	position:relative;
}
#desktop-menu .btn {
	font:700 1.6rem/2.125 'Fira Sans', sans-serif;
	-moz-border-radius:5px; 
	-webkit-border-radius:5px;
	border-radius:5px; 
}
#desktop-menu .btn a{
	color:#fff;
}
#desktop-menu {
	display:inline-block;
	vertical-align:middle;
}
#desktop-menu li:hover .sub-menu{
	display:block;
}
#desktop-menu li:hover a,
#desktop-menu .current-menu-item a,
#desktop-menu .current-menu-parent a,
#desktop-menu .current-menu-item .menu-expand,
#desktop-menu .current-menu-parent .menu-expand{
	color:#00bff3;
}
#desktop-menu .sub-menu{
	display:none;
	position:absolute;
	top:100%;
	left:0;
	width:220px;
	text-align:left;
	z-index:200;
	background:#00bff3;
	padding: 15px 0;
}
#desktop-menu .sub-menu li{
	line-height:1.2em;
	margin:0 12px;
	display:block;
	text-transform:none;
	font-weight:400;
	border-bottom:1px solid #fff;
	padding:7px 0;
}
#desktop-menu .sub-menu li:last-child{
	border:none;
}
#desktop-menu li .sub-menu a{
	color:#fff;
	padding:2px 0;
}
#desktop-menu .sub-menu .current-menu-item a,
#desktop-menu .sub-menu li:hover a{
	color:#000;
}
.header-phone{
	display:inline-block;
	font-weight:700;
	font-size:2.2rem;
	line-height:2.125em;
	vertical-align:middle;
	margin-left:20px;
	padding:9px 15px 9px 55px;
	background:url(images/247.jpg) no-repeat left 10px center / 42px auto;
	color:#db3128;
	border:1px solid #da3127;
	-webkit-border-radius:5px;
	border-radius:5px; 
}
.header-btn:hover{
	color:#fff;
}
.header-btn{
	display:inline-block;
	background:#da3127;
	color:#fff;
	font-size:2.2rem;
	font-weight:700;
	padding:17px 15px;
	-webkit-border-radius:5px;
	border-radius:5px; 
	margin-left:5px;
}
#masthead .container{
	max-width:1170px;
}


/* =====================
Slideshow
======================== */
.header-slider-wrapper{
	position:relative;
	overflow:hidden;
}
.cycle-slideshow li{
	list-style:none;
	display:none;
	width:100%;
}
.slide-image {
	position:relative;
	overflow:hidden;
}
.slide-image img{
	display:block;
	width:100%;
	height:auto;
}
.slide-content-wrapper{
	position:absolute;
	top:50%;
	width:100%;
	-ms-transform: translateY(-50%); 
    -webkit-transform: translateY(-50%); 
    transform: translateY(-50%);
	z-index:200;
}
.slide-content{
	color:#fff;
	max-width:500px;
	text-align:center;
	margin:auto;
	font: 2rem/1.5 'Fira Sans', sans-serif;
}
.slide-content a{
	color:#fff;
}
.slide-content h1,.slide-content h2, .slide-content h3{
	font:700 2.8rem/1.07 'Fira Sans', sans-serif;
}
.slide-content .btn,
.slide-content .btn-white{
	margin-top:2em;
	margin-right:1em;
	padding:0 2em;
}
.slide-title{
	text-align:center;
	color:#fff;
	font:700 2.8rem/1.07 'Fira Sans', sans-serif;
	margin-bottom:2.2em;
	text-transform:uppercase;
}
.slide-icons{
	text-align:center;
	max-width:720px;
	margin:0 auto 35px;
}
.si:hover{
	color:#fff;
	background:#ef7222;
}
.si{
	display:inline-block;
	width:145px;
	height:140px;
	border:3px solid #fff;
	background:rgba(255,255,225,0.25);
	color:#fff;
	text-align:center;
	padding:10px;
	margin:0 15px;
	-webkit-border-radius:40px 0 40px 40px;
	border-radius:40px 0 40px 40px; 
}
.si .icon{
	height:70px;
	display:flex;
	align-items:center;
	justify-content:center;
}
.si .icon img{
	max-height:100%;
	width:auto;
}
.si h2,
.si h3{
	font:500 1.8rem/1.1 'Fira Sans', sans-serif;
}

/* =====================
Testimonial
======================== */
.testimonial-section{
	padding: 10px 0;
}
.testimonial-section.grey{
	background:#eeeeee;
	padding: 40px 0;
}
.testimonial-section.grey .heading{
	color:#000;
}
.testimonial-section.grey .entry-content{
	font-size:2.4rem;
	line-height:1.25em;
}

/* =====================
Panel
======================== */
.panels-section {
	margin-bottom:60px; 
}
.panels-section .container{
	
}
.panel{
	padding: 0 2px;
	margin-bottom:4px;
}
.pannels-wrapper{
	margin:0 -2px;
}
.panel-inner:hover{
	color:#fff;
}
.panel-inner{
	position:relative;
	display:block;
}
.panel-inner:before{
	content:'';
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
	background:rgba(13,11,12,0.8);
	z-index:1;
}
.panel-inner img{
	display:block;
	width:100%;
	height:auto;
}
.panel-content-wrapper{
	position:absolute;
	left:0;
	top:50%;
	color:#fff;
	z-index:10;
	padding: 0 20px 0 30px;
	width:100%;
	-webkit-transform: translateY(-50%); 
    transform: translateY(-50%);
}
.panel-conten-left img{
	width:auto;
	height:auto;
}
.panel-conten-left h2{
	font:700 2rem/1.27 'Fira Sans', sans-serif;
	margin:0.5em 0 0;
}
.panel-conten-right{
	font-size:1.5rem;
}

/* =====================
Recent Project
======================== */
.recent-projects{
	background:#eeeeee;
	padding:95px 0 80px;
	margin-top:-30px;
} 
.recent-projects .heading{
	text-align:center;
	font:800 2.8rem 'Fira Sans', sans-serif;
	color:#000000;
}

/* =====================
Clients logo
======================== */
.clients-logo li{
	list-style:none;
	webkit-box-flex: 0;
	flex: 0 0 20%;
	max-width: 20%;
}
.clients-logo img{
	display:block;
	width:100%;
	height:auto;
}
.clients-logo .row{
	justify-content:center;
}

/* =====================
Footer
======================== */
#colophon a{
	color:#fff;
}
#colophon{
	background:#333333;
	color:#fff;
	padding:20px 0 30px;
	margin-top:80px;
}
#copyright{
	font-size:1.3rem;
}
.design-by{
	text-align:right;
	font-size:1.3rem;
}
#colophon .footer-menu a{
	color:#00ccff;
}
.footer-menu {
	max-width:175px;
}
.footer-menu li{
	list-style:none;
	border-bottom:1px solid #00ccff;
	font:700 1.8rem/2.44 'Fira Sans', sans-serif;
	text-transform:uppercase;
}
.footer-text{
	font-size:1.4rem;
	padding-top:8px;
}
.footer-text p{
	margin-bottom:1em;
}
.footer-socials header{
	font-size:1.8rem;
	border-bottom:1px solid #00ccff;
	margin-bottom:0.8em;
	padding-bottom:0.4em;
}
#colophon .socials a{
	color:#333;
}
.socials a{
	width:30px;
	height:30px;
	display:inline-block;
	-moz-border-radius:50%; 
	-webkit-border-radius:50%;
	border-radius:50%; 
	background:#fff;
	color:#333333;
	text-align:center;
	font-size:18px;
	line-height:30px;
	margin-right:10px;
	vertical-align:middle;
}
.socials a:hover{
	color:#333333;
}
.site-info{
	margin-bottom:70px;
}

/* =====================
Form
======================== */
.cform{
	background:#00bff3;
	padding: 10px 30px;
	color:#fff;
}
#page .cform .gfield_required{
	display:none;
}
#page .cform .gfield.spacer{
	margin:0
}
#page .cform .gfield{
	width:100%;
	padding:0;
	display:inline-block;
}
#page .cform .gfield.col-1-3{
	width:31.67%;
	margin-right:2.49%;
}
#page .cform .gfield.col-1-2{
	width:48.755%;
	margin-right:2.49%;
}
#page .cform .gfield.col-1-5{
	width:18.5%;
	margin-right:2.49%;
}
#page .cform .gfield.col-2-5{
	width:38.2%;
	margin-right:2.49%;
}
#page .cform .gfield.last{
	margin-right:0;
}
#page .cform .checkbox-2 .gfield_label,
#page .cform .checkbox-1 .gfield_label{
	display:none;
}
#page .cform .gfield_label{
	font-size:1.6rem;
	font-weight:700;
	margin-bottom:0.8em;
}
#page .gfield_checkbox li{
	margin:0 0 5px;
}
#page .cform .checkbox-2 .gfield_checkbox{
	  -webkit-column-count: 3;
    -moz-column-count: 3; 
    column-count: 3;
}
#page .gfield_checkbox label{
	font-size:1.4rem;
	vertical-align:top;
	line-height:1.28em;
	margin-left:5px;
}
#page .gfield_checkbox input{
	background:none;
	vertical-align:middle;
	-webkit-appearance: checkbox;
	appearance: checkbox;
}
#page .cform .gfield input[type='text'],
#page .cform .gfield input[type='tel'],
#page .cform .gfield input[type='email']{
	width:100%;
	border:none;
	background:#fff;
	padding:0 15px;
	font-size:1.6rem;
	height:2.75em;
	color:#333333;
	margin:0;
}
#page .cform .gfield select.medium,
#page .cform .gfield input.medium,
#page .cform .gfield textarea.medium{
	width:50%;
}
#page .cform .gfield select{
	width:100%;
	border:none;
	background:#fff;
	padding:0 15px;
	font-size:1.6rem;
	height:2.75em;
	color:#333333;
	margin:0;
}
#page .cform textarea{
	width:100%;
	border:none;
	background:#fff;
	padding:5px 15px;
	font-size:1.6rem;
	height:8.42em;
	color:#333333;
}
#page .gform_button{
	border:none;
	color:#fff;
	display: inline-block;
	background: #000;
	color: #fff;
	font-size: 1.8rem;
	line-height: 2.5;
	min-width: 170px;
	text-align: center;
	padding: 0;
	text-transform:uppercase;
	transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
	cursor:pointer;
	margin:0;
}
#page .gform_button:hover{
	color:#fff;
}
#page .gform_footer{
	text-align:right;
	padding:0;
	margin:30px 0 0;
	position:relative;
}
#page .ginput_container{
	margin:0;
}
#page .gform_title{
	font-weight:700;
	font-size:2.4rem;
	text-transform:uppercase;
	margin: 0 0 0.5em;
}
#page .gform_description{
	display:block;
	font-size:1.4rem;
	width:100%;
	margin-bottom:1.5em;
}
#page .gform_wrapper .gform_heading{
	margin-bottom:12px;
}
#page .validation_error{
	padding: 0;
	border:none;
	font-size:1.6rem;
}
#page .gfield_error {
	border:none;
	background:none;
	max-width:100% !important;
}
#page .validation_message{
	padding:0;
	font-size:1.1rem;
}
#page .gform_confirmation_message{
	font-size:1.8rem;
	font-weight:600;
}
.cform .gform_wrapper{
	margin:10px 0;
}
.cform ::-webkit-input-placeholder { 
	opacity:1;
	color:#333333;
}
.cform ::-moz-placeholder {
	opacity:1;
	color:#333333;
}
.cform :-ms-input-placeholder { 
	opacity:1;
	color:#333333;
}
.cform :-moz-placeholder { 
	opacity:1;
	color:#333333;
}
.form-heading{
	font-size:1.4rem;
	margin-bottom:0.5em;
}
.form-heading span{
	font-weight:700;
	border-bottom:1px solid #fff;
	display:inline-block;
	margin-right:10px;
}
.appointment-form{
	background:none;
	padding:0;
	overflow:hidden;
	position:relative;
}
.appointment-form .col-1-2{
	float:left;
}
#page .appointment-form .gform_title{
	color:#000;
}
#page .appointment-form.cform .gfield input,
#page .appointment-form.cform .gfield select{
	border:1px solid #000;
	height:3.25em;
}
#page .appointment-form.cform .gfield{
	margin-bottom:10px;
}
#page .appointment-form.cform .gfield textarea{
	border:1px solid #000;
	height:11.4em;
}
#page .appointment-form.cform .captcha {
	position:absolute;
	right:-10px;
	top:113px;
	width:auto;
	z-index:20;
}
.appointment-form-section{
	background:#a3e8fb;
	padding: 20px 0;
}
#booking-form{
	position:absolute;
	width:100%;
	left:0;
	top:100%;
	z-index:300;
	-ms-transform: translateY(-120%); 
    -webkit-transform: translateY(-120%); 
    transform: translateY(-120%);
	-webkit-transition: -webkit-transform 0.3s ease-in-out; /* Safari */
	transition: transform 0.3s ease-in-out;
}
#booking-form.active{
	-ms-transform: translateY(0); 
    -webkit-transform: translateY(0); 
    transform: translateY(0);
}
#booking-form .appointment-form-section{
	background:#db3128;
}

/* =====================
Header Image
======================== */
.header-image-section{
	position:relative;
	margin-bottom:50px;
}
.header-img-content{
	position:absolute;
	top:60%;
	width:100%;
	-ms-transform: translateY(-50%); 
    -webkit-transform: translateY(-50%); 
    transform: translateY(-50%);
}
.header-img-content h1,.header-img-content h2{
	color:#fff;
	font:2.2rem 'Fira Sans', sans-serif;
	color:#fff;
	text-transform:uppercase;
	margin:0;
}
.header-img-content header{
	font:700 2.8rem 'Fira Sans', sans-serif;
	color:#fff;
	text-transform:uppercase;
	margin-bottom:7px;
}

/* =====================
Services
======================== */
.icon-img{
	width:105px;
	height:105px;
	-moz-border-radius:50%; 
	-webkit-border-radius:50%;
	border-radius:50%; 
	border:1px solid #000;
	text-align:center;
	line-height:103px;
}
.icon-box {
	margin-bottom:50px;
}
.icon-box h3{
	font-size:2rem;
	margin:1em 0;
}
.icons-section{
	padding-top:20px;
}
.cta-box{
	background:#00bff3;
	color:#fff;
	padding:20px 20px;
	font-size:1.8rem;
	margin-top:30px;
}


/* =====================
Project
======================== */
.no-header-img{
	border-top:8px solid #00bff3;
	margin-top:45px;
	padding-top:25px;
}
.project-title{
	font-weight:600;
	text-transform:uppercase;
	display:inline-block;
	vertical-align:middle;
	margin:0;
	line-height:40px;
}
.project-info{
	display:inline-block;
	margin-left:10px;
	font-size:1.6rem;
	vertical-align:middle;
	line-height:40px;
}
.next-project{
	font-size:1.6rem;
	font-weight:600;
	color:#000;
	line-height:40px;
	float:right;
}
.next-project i{
	font-size:28px;
	vertical-align:middle;
	margin-left:5px;
	line-height:40px;
}
.gallery li{
	list-style:none;
	display:none;
	height:630px;
	width:100%;
	overflow:hidden;
}
.gallery li img{
	display:block;
	height:100%;
	width:auto;
}
.gallery-pager{
	margin-bottom:20px;
}
.gallery-pager a{
	display:inline-block;
	max-width:235px;
	height:175px;
	overflow:hidden;
	margin:10px 10px 0 0;
	position:relative;
}
.gallery-pager a:before{
	content:' ';
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
	background:rgba(0,0,0,0.5);
}
.gallery-pager .cycle-pager-active:before{
	background:none;
}
.gallery-pager img{
	display:block;
	height:100%;
	width:auto;
}
.gallery-wrapper{
	position:relative;
	overflow:hidden;
	width:100%;
	margin-top:10px;
}
.wg-prev,.wg-next{
	position:absolute;
	top:50%;
	-ms-transform: translateY(-50%); 
    -webkit-transform: translateY(-50%); 
    transform: translateY(-50%);
	z-index:200;
	color:#fff;
	font-size:24px;
	cursor:pointer;
	text-shadow: 0 0 5px #777;
	border:2px solid #fff;
	-moz-border-radius:50%; 
	-webkit-border-radius:50%;
	border-radius:50%; 
	width:36px;
	height:36px;
	line-height:32px;
	text-align:center;
	
}
.wg-prev{
	left:2%;
}
.wg-next{
	right:2%;
}

/* =====================
Project
======================== */
.project-list{
	max-width:995px;
	margin:auto;
}
.project-list .col-md-4,
.project-list .col-sm-6{
	padding: 0 10px;
}
.project-list .row{
	margin:0 -10px;
}
.project-thumbnail{
	position:relative;
}
.project-thumbnail img{
	display:block;
	width:100%;
	height:auto;
}
.project-thumbnail:before{
	content:' ';
	width:100%;
	height:100%;
	background:rgba(0,0,0,0.4);
	position:absolute;
	left:0;
	top:0;
}
.project-box h3{
	position:absolute;
	width:100%;
	left:0;
	top:50%;
	-ms-transform: translateY(-50%); 
    -webkit-transform: translateY(-50%); 
    transform: translateY(-50%);
	color:#fff;
	font-size:1.8rem;
	text-transform:uppercase;
	text-align:center;
	margin:0;
	padding: 0 20px;
}
.project-box{
	position:relative;
	margin-bottom:12px;
}
.project-box-cta{
	font-size:2.2rem;
	font-weight:700;
	border-bottom:8px solid #00bff3;
	max-width:230px;
}
.project-heading{
	font-size:1.8rem;
	font-weight:700;
	color:#00ccff;
	margin-bottom:1em;
}

/* =====================
Project & Services
======================== */
.project-service-intro{
	font-size:2.2rem;
	text-transform:uppercase;
	font-weight:700;
	line-height:1.27em;
	border-bottom:8px solid #00bff3;
	padding-bottom:1em;
	margin-bottom:1em;
}
.project-service-services{
	text-transform:uppercase;
	font-size:2.2rem;
	line-height:1.63em;
	padding: 0 0 0 20px;
	z-index:10;
	position:relative;
}
.project-service-services a{
	color:#000;
}
.project-service-showcase .project-list{
	margin-top:-280px;
}

/* =====================
why choose
======================== */
.why-choose-section{
	background:#e3f4fb;
	padding:40px 0 ;
}
.why-choose-content .entry-content h3{
	color:#2d2b2b;
	font:800 1.8rem 'Fira Sans', sans-serif;
}
.why-choose-content .entry-content{
	padding:0 20px;
	font-size:1.5rem;
	margin-bottom:1em;
}

/* =====================
Light Gallery Style
======================== */
.lg-icon {
    font-family: 'Ionicons';
}
.lg-actions .lg-next:before{
	content:'\f10b';
}
.lg-actions .lg-prev:after{
	content:'\f108';
}
.lg-outer .lg-toogle-thumb:after{
	content:'\f13f';
}
.lg-fullscreen:after {
    content: "\f25e";
}
.lg-fullscreen-on .lg-fullscreen:after {
    content: "\f267";
}
.lg-toolbar .lg-download:after {
	content:"\f2dd";
}
.lg-toolbar .lg-close:after {
	content:"\f129";
}
.lg-outer .lg-thumb{
	margin:0 auto;
}
.lg-outer{
	z-index:16000005;
}

.map iframe{
	width:100%;
}
.map{
	margin-top:30px;
}
.about-text-left{
	max-width:610px;
}
.cta{
	background:#d7d7d7;
	overflow:hidden;
	font:1.8rem/2.77 'Fira Sans', sans-serif;
	padding: 0 0 0 15px;
	max-width:685px;
}
.cta p{
	display:inline-block;
}
.cta .btn{
	float:right;
}

/* =====================
Single post
======================== */
.no-header-image{
	margin-bottom:60px;
}
.single-post-thumbnail img{
	display:block;
	max-width:100%;
	height:auto;
}
.single-post-thumbnail{
	margin-bottom:30px;
	text-transform:uppercase;
	font-size:1.8rem;
	font-weight:700;
}
.single-post-date{
	text-transform:uppercase;
	font-size:1.4rem;
	margin-bottom:1em;
	display:block;
}
.single-post-content{
	margin-bottom:80px;
}
.single-post-service{
	max-width:260px;
}
.single-post-service .icon{
	margin-bottom:20px;
}
.single-post-services .entry-content h3{
	font-size:1.8rem;
	font-weight:400;
}
.single-post-services .entry-content{
	font-size:1.4rem;
}
.blue-box-content a{
	color:#fff;
}
.blue-box-content{
	color:#fff;
	background:#00bff3;
	padding:30px 20px;
	font-size:1.8rem;
	margin:40px 0 0;
}
.post-categories {
	margin-bottom:80px;
}
.post-categories li{
	list-style:none;
	text-transform:uppercase;
	font-size:1.8rem;
	margin-bottom:1em;
}
.post-categories h2{
	font-size:1.8rem;
	font-weight:700;
	text-decoration:underline;
}
.post-categories a{
	color:#333333;
}
.recent-posts header{
	font-size:1.8rem;
	font-weight:700;
	margin-bottom:2em;
}
.r-post{
	margin-bottom:60px;
}
.r-post h3{
	font-size:1.8rem;
	font-weight:700;
	text-transform:uppercase;
	margin-bottom:1em;
	color:#333333;
}
.r-post time{
	font-size:1.4rem;
	display:block;
	margin-bottom:1em;
	text-transform:uppercase;
}
.readmore{
	color:#0099ff;
	font-size:1.8rem;
	font-weight:700;
}
.r-post .image img{
	display:block;
	width:100%;
	height:auto;
}
.r-post .image{
	margin-bottom:30px;
}

/* =====================
Booking form online
======================== */
.booking-form-title{
	color:#fff;
	background:#00bff3;
	font-size:2.4rem;
	font-weight:700;
	padding:11px 30px;
	margin-bottom:45px;
}
.booking-form.cform{
	background-color:transparent;
	padding:0;
	color:#000000;
}
.booking-form-wrapper{
	background-repeat:no-repeat;
	background-position:right top 50px;
}
.booking-form input[type='tel'],
.booking-form input[type='email'],
.booking-form input[type='text']{
	background:#fbfbfb;
	-webkit-box-shadow: 0 0 2px 0 #888;
	box-shadow: 0 0 2px 0 #888;
}
#page .booking-form.cform .gfield select{
	background:#fbfbfb;
	-webkit-box-shadow: 0 0 2px 0 #888;
	box-shadow: 0 0 2px 0 #888;
}
#page .booking-form.cform .gfield textarea{
	background:#fbfbfb;
	-webkit-box-shadow: 0 0 2px 0 #888;
	box-shadow: 0 0 2px 0 #888;
}
#page .booking-form .gfield_html{
	font-size: 1.6rem;
}
#page .booking-form .gfield_html p{
	margin-bottom:1em;
}
#page .booking-form .gfield_html h3{
	font-size: 1.6rem;
	font-weight: 700;
	margin:0 0 0;
}
#page .cform .gfield.service-time{
	padding-right:35px;
	background:url(images/icon-clock.png) no-repeat right center;
}
#page .cform  .booking-checkbox{
	margin:30px 0 0;
}
#page .booking-form .hide{
	visibility:hidden;
	height:0;
	overflow:hidden;
}
#page .booking-form .gform_button{
	background:#00bff3;
}

/* =====================
who we are
======================== */
.who-we-are-section{
	position:relative;
	overflow:hidden;
}
.who-we-are-section img{
	display:block;
	height:auto;
	width:100%;
}
.who-we-are-content{
	position:absolute;
	left:0;
	width:100%;
	top:50%;
	text-align:center;
	color:#fff;
	 -webkit-transform: translateY(-50%); 
    transform: translateY(-50%);
}
.who-we-are-content .entry-content strong{
	font-size:5rem;
	line-height:1.2em;
}
.who-we-are-content .entry-content{
	font-size:2.6rem;
	font-weight:800; 
}
.who-we-are-content .heading{
	color:#fff;
	font-size:2.6rem;
	font-weight:800; 
	margin-bottom:2em;
}

.mobile{
	display:none;
}

/* =====================
Slide menu defautl style
======================== */
.sidr{display:none;position:absolute;position:fixed;top:0;height:100%;z-index:500;width:280px;overflow-x:none;overflow-y:auto;background:#363636;;}
.sidr .sidr-inner{padding:0 0 15px}
.sidr.right{left:auto;right:-280px}
.sidr.left{left:-280px;right:auto}


/* 1200  */
@media screen and (max-width:1200px){
	.header-right{
		padding-top:0;
	}
	#desktop-menu {
		display:none;
	}
	#open-mobile-menu{
		display:inline-block;
		color:#000;
		font-size:36px;
		float:right;
		margin: 0 0 0 30px;
	}
	.mobile-menu{
		padding: 35px 5px 0 20px;
		color:#fff;
		font: 700 1.6rem/2.125 'Fira Sans', sans-serif;
	}
	.mobile-menu a{
		color:#fff;
		display:block;
	}
	.mobile-menu .current-menu-item a,
	.mobile-menu .current-menu-parent a{
		color:#00bff3;
	}
	.mobile-menu li{
		list-style:none;
		margin: 0 0 0.5em;
		overflow:hidden;
		position:relative;
		padding-right:1px;
	}
	.mobile-menu li a{
		margin-right:40px;
	}
	.mobile-menu li.btn{
		margin:20px 0 0;
	}
	.mobile-menu .sub-menu img{
		display:none;
	}
	.mobile-menu .sub-menu{
		margin: 10px 0 0 20px;
		display:none;
	}
	.mobile-menu .sub-menu li{
		margin-bottom:10px;
		font-weight:400;
		padding:0;
	}
	.mobile-menu .sub-menu li a{
		margin-right:0;
	}
	.menu-expand{
		position:absolute;
		right:0;
		top:0;
		display:block;
		padding: 0 15px;
		font-size:14px;
		margin:0;
	}
	.sub-menu .menu-expand{
		display:none;
	}
	.mobile-menu .active .sub-menu{
		display:block;
	}
	.sidr-open #page{
		opacity:0.5;
	}
	.site-branding{
		width:160px;
	}
	.entry-content{
		font-size:1.5rem;
	}
	.btn,.btn-white,.cta,
	.project-box h3,
	.footer-menu li,
	.footer-socials header,
	h4{
		font-size:1.6rem;
	}
	h2,
	.slide-title,
	.recent-projects .heading{
		font-size:2.4rem;
	}
	.project-service-intro,
	.project-service-services,
	.heading,
	h3,
	.intro,
	.slide-content,
	.panel-conten-left h2{
		font-size:1.9rem;
	}
	.si h2, .si h3{
		font-size:1.6rem;
	}
	.si .icon{
		height:40px;
		margin-bottom:5px;
	}
	.si{
		height:120px;
		width:130px;
		padding-top:20px;
		-webkit-border-radius: 30px 0 30px 30px;
		border-radius: 30px 0 30px 30px;
	}
	.project-service-showcase .project-list{
		margin-top:-240px;
	}
	.testimonial-section.grey .entry-content{
		font-size:2rem;
	}
	.header-img-content h1, .header-img-content h2{
		font-size:2rem;
	}
	.header-img-content header{
		font-size:2.4rem;
	}
	.project-info,
	.next-project{
		font-size:1.5rem;
	}
	.next-project i{
		font-size:24px;
	}
	.no-header-img{
		margin-top:25px;
		padding-top:15px;
	}
	.entry-content hr,
	.sepertator{
		border-width:5px;
	}
	.project-box-cta{
		font-size:2rem;
		border-width:5px;
		margin-bottom:20px;
		max-width:100%;
	}
	.header-btn,
	.header-phone{
		font-size:2rem;
	}
	.slide-image img{
		height:500px;
		width:auto;
	}
	.who-we-are-section img{
		height:295px;
		width:auto;
	}
	.who-we-are-content .entry-content{
		font-size:2rem;
	}
	.who-we-are-content .entry-content strong{
		font-size:4rem;
	}
}

/* 800  */
@media screen and (max-width:800px){
	.project-info{
		display:block;
		margin:0;
	}
	.footer-text{
		padding: 0 0 20px;
	}
	.footer-menu{
		display:none;
	}
	.site-info{
		margin-bottom:30px;
	}
	.project-service-showcase .project-list{
		margin-top:0;
	}
	.project-service-services{
		padding:0;
	}
	.project-empty{
		display:none;
	}
	.testimonial-section.grey{
		padding:30px 0;
	}
	#colophon{
		margin-top:50px;
	}
	.design-by{
		text-align:left;
		margin-top:10px;
	}
	.cta-box{
		margin:0;
	}
	#page .appointment-form .gform_body{
		width:100%;
	}
	#page .appointment-form .gform_footer{
		width:100%;
		padding:0;
	}
	.cform{
		padding:10px 15px;
	}
	.gallery li{
		height:300px;
	}
	.icon-img{
		width:90px;
		height:90px;
		line-height:88px;
	}
	.cta .btn{
		float:none;
	}
	.cta p{
		display:block;
		margin-bottom:1em;
	}
	.cta{
		line-height:normal;
		padding:15px 15px;
	}
	.slide-icons{
		display:none;
	}
	.booking-form-wrapper{
		background:none !important;
	}
}

/* 500  */
@media screen and (max-width:500px){
	.gallery-pager a{
		max-width:48%;
		margin-right:2%;
		height:110px;
	}
	.site-branding{
		
	}
	#open-mobile-menu{
		position:absolute;
		right:25px;
		top:20px;
	}
	.header-right{
		width:100%;
		text-align:center;
		margin-top:20px;
	}
	.header-phone{
		margin:0;
	}
	.slide-image img{
		height:100%;
		width:auto;
		position:relative;
		left:50%;
		-webkit-transform: translateX(-50%); 
		transform: translateX(-50%);
	}
	.slide-content-wrapper{
		padding:0 15px;
	}
	.slide-image{
		height:300px;
		overflow:hidden;
	}
	.slide-title{
		margin-bottom:1em;
	}
	.icon-box h3{
		font-size:1.8rem;
	}
	#page .gform_title{
		font-size:2.2rem;
	}
	#page .cform .gfield.col-1-2,
	#page .cform .gfield.col-1-3,
	#page .cform .gfield.col-1-5,
	#page .cform .gfield.col-2-5{
		width:100%;
		margin-right:0;
	}
	#page .appointment-form.cform .gfield_html{
		display:none;
	}
	#page .appointment-form.cform .gfield.col-1-2{
		margin:0;
	}
	.cform{
		padding:0;
	}
	.page-template-pt-contact .cform{
		margin:0 -15px;
		padding: 5px 15px;
	}
	.project-list .col-md-4, .project-list .col-sm-6{
		padding: 0 15px;
	}
	.project-list .row{
		margin: 0 -15px;
	}
	.panel-conten-left h2{
		margin-bottom:0.7em;
	}
	.panel-conten-left img{
		max-height:46px;
	}
	.recent-projects{
		padding:70px 0;
	}
	.who-we-are-section img{
		height:500px;
		width:auto;
	}
}