/*
Theme Name: Tervas Gas
Theme URI:http://www.forza.ie
Author:Hilmon Arts
Author URI:http://www.forza.ie
Description:Responsive Wordpress theme
License:NU General Public License v2 or later
License URI:http://www.gnu.org/licenses/gpl-2.0.html

Text Domain: tervas

*/


* { box-sizing:border-box; -moz-box-sizing:border-box; } 

html { height:100%; }

body { height:100%; background-color:#fff; font-family:'Raleway',Helvetica,Arial,sans-serif; font-size:10px; font-weight:300; color:#555; }

img { width:100%; height:auto; box-sizing:content-box; -moz-box-sizing:content-box; }

.mobile-break { display:none; }

.wrapper { max-width:980px; width:100%; margin:0 auto; padding:0 20px; position:relative; }

.header { padding:25px 0; background-color:#fff; width:100%; position:relative; z-index:999;
	background: linear-gradient(180deg,  rgba(255,255,255,1) 0%,rgba(242,245,248,1) 100%);
}

.header .logo { float:left; width:28%; max-width:241px; min-width:150px;  }

.header .contact { position:absolute; right:23px; bottom:-3px; text-align:right; }
.header .contact span { display:block; color:#2e87c1; font-size:1.5em; line-height:1.5em; font-weight:400; white-space:nowrap; }
.header .contact span a { color:#2e87c1; text-decoration:none; }

.main-nav { font-family:'Raleway',Arial,sans-serif; background-color:#2e87c1; font-weight:300; position:relative; z-index:999; margin-bottom:30px; border-bottom:12px solid #f2f5f8; }
.home .main-nav { border-bottom:none; margin-bottom:0; } 
.main-nav .wrapper > ul { padding:15px 0; font-size:1.4em; text-align:center; display: flex; justify-content: space-evenly; }
.main-nav .wrapper > ul > li { padding:0 3% 0 0; white-space:nowrap; position:relative; border-right:2px solid #166497; }
.main-nav .wrapper > ul > li:last-of-type { border-right:none; padding-right:0 }
.main-nav .wrapper > ul > li > a { display:block; line-height:1em; color:#fff; text-decoration:none; opacity:1; transition:opacity 300ms; }
.main-nav .wrapper > ul > li > a:hover { opacity:0.7; }
.main-nav .wrapper > ul > li > a .fa { margin-left:7px; color:#81bbdf; }
.main-nav .wrapper > ul > li > a .fa-lg { margin-left:0; color:#fff; }
.main-nav .wrapper > ul > li.current-menu-item > a,
.main-nav .wrapper > ul > li.current-menu-item > a .fa-lg { color:#FAB233; /*border-bottom:2px solid #fff;*/ }

.main-nav ul ul { display:none; position:absolute; top:5px; padding-top:27px; left:0; width:auto; text-align:left; z-index:+1; font-weight:400; box-shadow: 0 3px 3px 1px rgba(0,0,0,0.2); }
.main-nav ul li:hover ul { display:block; }
.main-nav ul ul li { background-color:#fff; display:block; padding:5px 15px; }
.main-nav ul ul li:last-of-type { border-radius:0 0 5px 5px; padding-bottom:10px; }
.main-nav ul ul a {  color:#333; text-decoration:none; display:block; padding:7px 15px; border-radius:3px; transition:background-color 300ms; }
.main-nav ul ul a:hover { background-color:#b9def3; }
.main-nav .wrapper ul ul > li.current-menu-item > a { color:#000; }

.header .trigger-wrapper { position:absolute; right:20px; top:-30px; display:none; }
.header #menu-trigger { font-size:3em; color:#2E87C1; cursor:pointer; }

/*** Responsive Menu 

#wprmenu_menu .wprmenu_icon_par { padding:16px 14px 7px !important; width:26px !important; }
#wprmenu_menu.wprmenu_levels a.wprmenu_parent_item { margin-left:24px !important; }
#wprmenu_menu.wprmenu_levels ul li ul li { padding-left:34px !important; }
#wprmenu_menu.wprmenu_levels .menu-item .fa { display:none; }
#wprmenu_menu.wprmenu_levels .sub-menu { display:block !important; }

***/

/*** CONTAINERS ***/

/*** Content Clearfix ***/

.content:before, .content:after { content:"\0020"; display:block; height:0; overflow:hidden; }  
.content:after { clear:both; }  
.content { zoom:1; }

.entry { float:left; width:65%; }
.sidebar { float:right; width:32%; }



/*** BACKGROUNDS ***/

.grey-bg { background-color:#f2f5f8; }

.orange-bg { background-color:#e74e1f; }

.blue-bg { background-color:#2e87c1; }

.light-blue-bg { background-color:#b9def3; }

.lighter-blue-bg { background-color:#d3e9f6; }

.lightest-blue-bg { background-color:#e9f2fb; }

/*** ICON BOXES ***/

.box-shadow { padding-bottom:11px; background:url(images/box-shadow.png) center bottom no-repeat; background-size:100% 18px; }

.blue-boxes-inner { padding:10px; background-color:#2e87c1; border-radius:5px; transition:background-color 300ms; position:relative; }
.blue-boxes-inner:hover { background-color:#116094; }
.blue-boxes-inner a { position:absolute; top:0; right:0; bottom:0; left:0; }

.blue-box h2 { color:#f9b233; margin:0; }
.content .blue-box p { color:#fff; font-size:1.3em; margin:0; text-align:left; }

.blue-box.switch-to-tervas h2 { color:#b9def3; }

.gas-for-business { background:url(images/icon-business.png) right center no-repeat; }
.blue-boxes-inner:hover .gas-for-business { background-image:url(images/icon-business-over.png); }

.gas-for-home { background:url(images/icon-home.png) right center no-repeat; }
.blue-boxes-inner:hover .gas-for-home { background-image:url(images/icon-home-over.png); }

.switch-to-tervas { background:url(images/icon-switch.png) right center no-repeat; }
.blue-boxes-inner:hover .switch-to-tervas { background-image:url(images/icon-switch-over.png); }

.blue-box { min-height:46px; background-position:right center; background-repeat:no-repeat; }

/*** ICON LINKS BOX ***/

.link-box-inner { padding:3%; background-color:#f2f5f8; border:3px solid #b9def3; border-radius:5px; }

.link-box { min-height:46px; background-color:#f2f5f8; transition:background-color 300ms; position:relative; }
.link-box:hover { background-color:#b9def3; }

.link-box a { position:absolute; top:0; right:0; bottom:0; left:0; }

.link-box { background-position:left 10px center; background-repeat:no-repeat; padding:10px 10px 10px 50px; border-radius:5px; color:#2e87c1; margin-bottom:5px; }

.link-box-inner .call-back { background-image:url(images/icon-phone.png); }
.link-box-inner .call-back:hover { background-image:url(images/icon-phone-over.png); }

.link-box-inner .estimate { background-image:url(images/icon-euro.png); }
.link-box-inner .estimate:hover { background-image:url(images/icon-euro-over.png); }

.link-box-inner .email { background-image:url(images/icon-email.png); }
.link-box-inner .email:hover { background-image:url(images/icon-email-over.png); }

.link-box-inner .stockist { background-image:url(images/icon-map.png) }
.link-box-inner .stockist:hover { background-image:url(images/icon-map-over.png) }

.link-box-inner .faqs { background-position:left 5px center; background-image:url(images/icon-faqs.png); }
.link-box-inner .faqs:hover { background-image:url(images/icon-faqs-over.png); }

.link-box h4 { margin:0; padding-top:3px; font-weight:600; }


/*** INFO BOXES ***/

.info-boxes { padding:30px 0; }
.info-box { border-width:3px; border-style:solid; padding:3%; border-radius:5px; }
.home .info-box { min-height:146px; }
.content .info-box * { color:#116ba6; text-align:center; }
.content .info-box h4 { font-weight:700; padding-bottom:1em; margin-bottom:1em; border-bottom-width:2px; border-bottom-style:solid;  }
.content .info-box p { font-size:1.4em; margin-bottom:0; }

.sidebar .lighter-blue-bg h4 { border-bottom:none; padding-bottom:0; margin-bottom:0; }
.sidebar h3.h1 { text-align:center; padding:5px 0; }

.photo-text { border-radius:5px; }
.photo-text.service {  padding:2%; background:url(images/photo-unrivaled-service.png) center center no-repeat; }
.photo-text.service img { max-width:489px; } 

.photo-text.paying { padding:2%; background:url(images/photo-paying-too-much.png) center center no-repeat; }
.photo-text.paying img { max-width:265px; } 

.light-blue-bg,
.light-blue-bg h4 { border-color:#7cbee4; }
.lighter-blue-bg,
.lighter-blue-bg h4 { border-color:#c8d7e6; }
.lightest-blue-bg,
.lightest-blue-bg h4 { border-color:#d0e0ef; }





/*** GRID ***/

div.col { float:left; margin:0; }

.col-1 > div.col { width:100%; margin-right:0; }

.col-2 > div.col { width:49%; margin-right:2%; }
.col-2 > div.col:nth-of-type(2n+2) { margin-right:0; }

.col-3 > div.col { width:32%; margin-right:2%; }
.col-3 > div.col:nth-of-type(3n+3) { margin-right:0; }
.col-3 > div.col:nth-of-type(3n+4) { clear:left; }

.col-4 > div.col { width:23.5%; margin-right:2%; }
.col-4 > div.col:nth-of-type(4n+4) { margin-right:0; }

.col-1-2 > div.col:nth-of-type(odd) { width:32%; margin-right:2%; }
.col-1-2 > div.col:nth-of-type(even) { width:66%; margin-right:0; }

.col-2-1 > div.col:nth-of-type(odd) { width:66%; margin-right:2%; }
.col-2-1 > div.col:nth-of-type(even) { width:32%; margin-right:0; }

.col-3-1 > div.col:nth-of-type(odd) { width:74.5%; margin-right:2%; }
.col-3-1 > div.col:nth-of-type(even) { width:23.5%; margin-right:0; }


.col-2 > div.col:nth-of-type(1),
.col-3 > div.col:nth-of-type(1),
.col-4 > div.col:nth-of-type(1),
.col-1-2 > div.col:nth-of-type(1),
.col-2-1 > div.col:nth-of-type(1),
.col-3-1 > div.col:nth-of-type(1) { clear:left; } 


/*** H ***/

h1, h2, h3, h4 { font-weight:700; line-height:1.25em; margin-bottom:0.5em; color:#777; }

h1.clear, h2.clear, h3.clear, h4.clear { clear:both; }

h2 { font-size:1.8em; color:#fab318; }

h3 { font-size:1.7em; }

h4 { font-size:1.6em; }

h1, h2.h1, h3.h1, h4.h1 { font-size:2.4em; color:#555; } 


.quote-text { font:italic 3em/1.5em "Merriweather", "Times New Roman", Times, serif; border-bottom:none; padding:0; }

.center { text-align:center; }

.col-3 img { width:100%; }

/*** PAGES ***/

.content p { font-size:1.5em; line-height:1.5em; margin:0 2px 1.5em; text-align:justify; }

.col-3 .col p { text-align:left; }

.content strong { font-size:105%; }

.content a,
.sidebar a { color:#E74E1F; transition:color 300ms; }

.content a:hover,
.sidebar a:hover { color:#333; }


/*** LISTS ***/

.content ul,
.content ol { font-size:1.6em; line-height:1.5em; margin:0 2px 1.5em 0; overflow:hidden; }

.content ul li { list-style-type:disc; margin:0 0 1em 30px; }
.content ol li { list-style-type:decimal; margin:0 0 1em 30px; } 

.content li p { font-size:1em; margin-bottom:0; }

.content ul li .fa-check { color:#a0bc3e; }

.content ul.arrow-list { overflow:visible; }
.content ul.arrow-list li:before { content:"\f0da"; font:var(--fa-font-regular); display:none;  }
.content ul.arrow-list li svg { font-size:1.5em; color:#ffaa00; position:absolute; top:0.015em; left:-1em; transition:left 300ms; }
.content ul.arrow-list li:hover:before { left:-0.75em; }
.content ul.arrow-list li { position:relative; list-style-type:none; }

.content ul.arrow-link-list { overflow:visible; font-size:1.8em; }
.content ul.arrow-link-list li { list-style-type:none; }
.content ul.arrow-link-list li a:before { content:"\f0da"; font:var(--fa-font-regular); display:none; }
.content ul.arrow-link-list li a svg { font-size:1.5em; color:#ffaa00; position:absolute; top:0.015em; left:-1em; transition:left 300ms; }
.content ul.arrow-link-list li a:hover:before { left:-0.75em; }
.content ul.arrow-link-list li a { position:relative; text-decoration:none; }

.content ul.tick-list { overflow:visible; }
.content ul.tick-list li:before { content:"\f00c"; font:var(--fa-font-regular); display:none; }
.content ul.tick-list li svg {color:#ffaa00; position:absolute; top:0.15em; left:-1.5em; }
.content ul.tick-list li { position:relative; list-style-type:none; }

.content ul.pdf-list { margin-left:5em; }
.content ul.pdf-list li:before { content:"\f1c1 "; font:var(--fa-font-regular); display:none; }
.content ul.pdf-list li svg { color:#bc3e3e; font-size:2em; position:absolute; top:0.15em; left:-1em; }
.content ul.pdf-list li { position:relative; list-style-type:none; padding-top:0.25em; margin-bottom:1.5em; font-size:1.125em; }

.sidebar ul { list-style-type:disc; margin:0 0 45px 25px; font-size:1.4em; }
.sidebar ul li { margin-bottom:1em; }

/*** Buttons ***/


.read-more { position:relative; text-decoration:none; color:#2e87c1; font-size:1.5em; font-weight:600; }
.read-more:hover { color:#333; }

.read-more.fl-right { margin-top:-30px; }

.blog .read-more,
.archive .read-more,
.category .read-more { float:right; }

a.more-button:before { content:"\f04b"; font-family:'FontAwesome'; font-size:0.5em; color:#cc9933; font-style:normal; position:absolute; top:1.4em; left:0; z-index:10; }
a.more-button { border:2px solid #cc9933; border-radius:5px; background-color:#f9f1df; font-size:2em; font-weight:400; color:#666; padding:0.2em 0.5em 0.3em 0.75em; position:relative; text-decoration:none; transition:all 300ms; }
a.more-button:hover { background-color:#cc9933; color:#fff; }




/*** HOMEPAGE ****/

.homepage-wrapper { max-width:960px; margin:0 auto; }

.bx-controls { display:none; }
.bxslider > div { display:none; }
.bxslider > div:first-of-type { display:block; }
.bxslider img { display:block; }

.home .blue-boxes-wrapper { position:relative; z-index:100; margin:-50px 0 120px; }

.home .blue-boxes-wrapper > div { width:32%; float:left; margin-right:2%; }
.home .blue-boxes-wrapper > div:last-of-type { margin-right:0; }

.testimonials h5,
.contact-form h5 { font-weight:200; text-align:center; font-size:2.4em; margin-bottom:1em; color:#fff; }

.testimonials { padding:30px 0 10px; }
.testimonials span { color:#fff; font-size:1.6em; padding:0 60px; display:block; }
.testimonial-slider { padding:5px 60px; background:url(images/quote-open.png) left bottom no-repeat; position:relative; overflow:hidden; }

.quote-close { position:absolute; right:-60px; bottom:0; }

.testimonials blockquote { margin:0; padding:0 40px; }
.testimonial-slide { display:block; }
.testimonials blockquote p { font-weight:400; font-size:1.75em; line-height:1.25em; color:#fff; text-align:center; margin-bottom:0.25em; }
.testimonials blockquote span { text-align:center; padding:0; }


.slidesjs-navigation { position:absolute; top:40px; z-index:999; }
.slidesjs-previous, .slidesjs-next  { color:#cc9933; left:20px; }
.slidesjs-next { left:auto; right:20px; }

.contact-form { padding:30px 0 0; }


/*** INNER PAGES ***/

.inner-page-banner { overflow:hidden; max-height:290px; position:relative; }

.inner-page-banner .slides-gradient { position:absolute; top:0; right:0; bottom:0; left:0; z-index:99;
background:linear-gradient(180deg, rgba(0,0,0,0.5) 0%,rgba(0,0,0,0) 25%,rgba(0,0,0,0) 75%,rgba(0,0,0,7) 100%);
}
.inner-page-banner img { display:block; margin:0 auto; width:100%; max-width:1600px; height:auto; }

.inner-page-title { margin-bottom:40px;
/* Permalink - use to edit and share this gradient:http://colorzilla.com/gradient-editor/#cc9933+0,a57007+100 */
background:#c28e28;
background:linear-gradient(180deg, #cc9933 0%,#a57007 100%); 
}
.inner-page-title h1 { color:#fff; font-size:3.6em; letter-spacing:normal; font-weight:400; text-transform:uppercase; line-height:1.25em; margin-bottom:0; padding-top:0.25em; padding-bottom:0.25em; }

h1.page-heading,
h2.page-heading { font-size:2.4em; margin-bottom:0.75em; font-style:italic; color:#cc9933; }

.contact-us { text-align:center; padding-top:4%; padding-bottom:5%; }
.contact-us h3 { font-size:3.6em; color:#575656; text-align:center; font-weight:400; }


/*** ABOUT PAGE ***/

.about h2 { margin-top:-1em; }

/*** Testimonials ***/

.testimonial { text-align:left; margin-bottom:20px; padding-top:40px; border-top:2px solid #F5E7C6; }

.testimonial blockquote p { font:300 italic 1.6em/1.5 "Merriweather", "Times New Roman", Times, serif; }

.content .testimonial > p { text-align:right; line-height:1.5em; margin-top:1em; color:#9f9a85 }


/*** CONTACT PAGE 

.page-template-page-contact h3 { color:#cc9933; font-weight:600; font-size:4.8em; }

.page-template-page-contact h2 { color:#cc9933; font-weight:600; font-size:2.4em; }
***/

/*** BLOG ***/

.entry { margin-bottom:20px; }

#nav-single { font-size:1.4em; }
.nav-next { float:right; }

.content .navigation { text-align:center; }
.content ol.wp-paginate li { list-style-type: none; margin: 0 0 1em 0; }
.content ol.wp-paginate a { border:none; }
.content .wp-paginate .current { background:#cc9933; border:none; }



/*** TABLES ***/

table { font-size:1.6em; width:100%; margin-bottom:2em; }

table th,
table td { text-align:center; padding:5px; border:1px solid #ccc; font-weight:300; }

table th { background-color:#4ea440; color:#fff; }

table td.small-print { color:#999; padding:10px; background-color:#fafafa; }
table td.small-print small { display:block; font-size:75%; line-height:1.5em; text-align:left; }

/** GOOGLE MAP **/

.map-frame { width:100%; height:auto; float:right; }
#map_canvas { width:100%; height:400px; }
#map_canvas img { max-width:none; }
.map-frame h3 { font-size:1em; text-align:center; line-height:1em; }
.map-frame .info-box { display:block; text-align:center; }
.map-frame .instructions { margin-top:15px; }
.map-frame .instructions p { display:block !important; text-align:center; color:#999; font-size:1.2em; }


/*** FORMS ***/

input, textarea, select {
  /* -webkit-appearance:none; */
  -webkit-border-radius:0;
}

select { -webkit-appearance:none; }

/*** FORMS ***/
 
div.wpcf7 { margin:0 auto; padding:0 0 60px; width:100%; position:relative; }

.blue-bg div.wpcf7 { width:80%; }

.col-2 div.wpcf7 { width:100%; }

.wpcf7 form:before, .wpcf7 form:after { content:"\0020"; display:block; height:0; overflow:hidden; }  
.wpcf7 form:after { clear:both; }  
.wpcf7 form { zoom:1; position:relative; } 

.screen-reader-response { display:none !important; } 

.wpcf7 p.notice { float:none; width:96%; font-size:1.1em; display:block; text-align:center; }

.content .wpcf7 p { float:left; width:47.5%; margin:0 2% 2.5% 0; text-align:left; }
.content .wpcf7 .col-2 p { float:none; width:100%; margin:0 0 10px; }
.wpcf7 p.full { float:none; width:97%; }
.wpcf7 label { text-align:left; line-height:2em; display:block; }
.blue-bg .wpcf7 label { display:block; color:#fff; }
.blue-bg .wpcf7 p { color:#fff; }
.wpcf7 input, 
.wpcf7 textarea,
.wpcf7 select { width:100%; border:2px solid #4aa5e1; background-color:#fff; background-color:#fff; border-radius:5px; padding:10px; font-family:'Raleway', Helvetica,Arial,sans-serif; font-size:15px; color:#999; }
.wpcf7 textarea { height:220px; resize:vertical; }
.wpcf7 input.short { width:50%; }
.wpcf7 input[type="radio"] { vertical-align:middle; width:auto; margin:0 10px; position:relative; top:-1px; }
.wpcf7 span.wpcf7-radio,
.wpcf7 span.wpcf7-radio span { display:inline-block; }
input.wpcf7-submit { text-transform:uppercase; color:#fff; font-size:1.1em; font-weight:700; padding:0.45em 0.75em; cursor:pointer;
		/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#78bbe7+0,5497ca+100 */
		background: rgb(120,187,231); /* Old browsers */
		background: linear-gradient(180deg, rgba(120,187,231,1) 0%,rgba(84,151,202,1) 100%);
		-webkit-appearance:none;
		outline:none;
		display:inline-block;
		width:auto;
		float:right;
}

input.wpcf7-submit:hover { background-color:#A77209;  }

.blue-bg input.wpcf7-submit { float:none; }

.wpcf7 span.wpcf7-not-valid-tip,
.wpcf7 span.wpcf7-not-valid-tip-no-ajax { display:none !important; }

.wpcf7-response-output {
		background:none;
		border:none !important;
		margin:0 !important;
		padding:0 !important;
		z-index:999;
		font-size:13px;
		text-align:center;
		position:absolute;
		bottom:-20px;
		right:0;
		width:100%;
		color:#000;
}

div.wpcf7 span.wpcf7-spinner { position:absolute; display:none; left:50%; margin:0; padding:0; margin-left:-80px; top:auto; bottom:-30px; width:160px; height:20px; background:url(images/ajax-loader.gif); }
.blue-bg div.wpcf7 span.wpcf7-spinner { background:url(images/ajax-loader-blue.gif); }
div.wpcf7 .submitting span.wpcf7-spinner{ display:block !important; }

.wpcf7-not-valid { border-color:#b15852 !important; }

span.wpcf7-form-control-wrap { display:inline !important; }

/** GOOGLE MAP **/

.map-frame { width:100%; height:100%; }
#map_canvas { width:100%; height:500px; }
#map_canvas img { max-width:none; border-radius:10px; }
.map-frame .map-info h3 { font-size:1.3em; text-align:center; line-height:1.25em; margin-bottom:0; font-weight:600; text-transform:uppercase; }
.map-frame .info-box { padding-top:5px; }
.map-frame .info-box p { font-size:1em; line-height:1.25em; font-weight:600; text-align:center; }
.map-frame .gmnoprint .gm-style-mtc { display:none !important; }

/*** VIDO PAGE ***/

.videowrapper { float:none; clear:both; width:100%; position:relative; padding-bottom:56.25%; padding-top:25px; height:0; margin-bottom:20px; }
.videowrapper iframe { position:absolute; top:0; left:0; width:100%; height:100%; }


.footer {  text-align:left; position:relative; padding-top:35px; padding-bottom:30px; min-height:60px;  }

.footer > div.col:last-of-type { padding-left:70px; }

.footer h5 { font-size:1.7em; font-weight:600; color:#383737; text-align:left; margin-bottom:10px; }

/*.footer-nav { background:url(images/icon-logo.png) left top no-repeat; padding-left:100px }*/
.footer-nav { background:url(images/icon-logo-award.png) left top no-repeat; padding-left:140px; min-height:220px; }
.footer-nav ul.menu { font-size:1.6em; font-weight:400; }
.footer-nav ul.menu > li { list-style-type:none; line-height:1.5em; position:relative; margin:0 0 0.5em; }
.footer-nav ul.menu > li a { color:#9fa0a2; text-decoration:none; }
.footer-nav ul.menu > li.current-menu-item > a,
.footer-nav ul.menu > li.current-page-ancestor > a { color:#cc9933; }
.footer-nav ul.menu > li > a .fa { color:#cc9933; font-size:1.6em; position:relative; top:-3px; }

.footer-map { display:block; height:200px; background:url(images/footer-map.jpg); background-repeat:no-repeat; background-position: center center; background-size:cover; }

.footer ul.contact { margin-top:8px; }
.footer ul.contact li { text-align:right; list-style-type:none; margin:0 0 0.33em; } 
.footer ul.contact li a { color:#fff; }
.footer ul.contact li a:hover { color:#cc9933; }
.footer ul.contact li .fa { color:#cc9933; }



/*** MISC ***/

img.alignleft { float:left; margin:3px 5% 5px 0; width:auto; max-width:40%; }
img.alignright { float:right; margin:3px 0 5px 5%; width:auto; max-width:40%; }
img.aligncenter { display:block; margin:5px auto 25px; width:auto; }

.line { line-height:2em; margin-bottom:2em; border-bottom:1px solid #e4e4e4; }

.overflow { overflow:hidden; }

.clear { clear:both; padding:2% 0; }

.text-center { text-align:center !important; }

.text-left { text-align:left !important; }

.nowrap { white-space:nowrap !important; }

.white { color:#fff !important; }

.gold-text { color:#cc9933 !important; }

.fl-right { float:right; }


@media only screen and (min-width:1400px) {
	
	.home-page-banner-wrapper .bx-wrapper .bx-controls { position:absolute; top:500px; }
	.home-page-banner-wrapper .bx-wrapper .bx-controls-direction a { bottom: auto; top: -20px; }
	
	dd.gallery-caption { bottom: auto; top: 350px; }

}


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

	.homepage-boxes h3 { font-size:2.4em; }
	
	.sub-footer { text-align:center; }
	
	.sub-footer small { display:block; padding:10px 0; float:none; }
	
	.sub-footer .hilmon { display:block; float:none; }

}

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

	table { font-size:1.2em; }

}


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

	
	.homepage-boxes h3 { font-size:2em; }
	
	.home-page-banner .fadein p  { font-size:3.2em; }
	
	dd.gallery-caption,
	.home-page-banner-wrapper .bx-wrapper .bx-controls { left: auto; margin-left: 10px; }
	
}

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

	
	.header ul.menu { font-size:1.3em; }
	.header ul.menu > li:last-of-type a { border-right:0; padding-right:0; }
	
	.footer { font-size:85%; }
	
}

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

	
	.project-grid .grid-content { padding:2% 3%; }
	.project-grid .grid-content h2 { margin-bottom:0.125em; }
	.project-grid .grid-content p { margin-bottom:0.25em; }
	
	.link-icons h3 { font-size:2.4em; }
	
	.testimonials .slidesjs-container { height:250px !important; }


}

@media only screen and (max-width:800px) and (min-width:551px) {

	.home .blue-box { background:none; }
	.home .blue-box:hover { background:none; }
	
}

@media only screen and (max-width:768px) {
	
	.content p { text-align:left; }
	
	.home-page-banner { border-bottom-width:20px; }
	
	/*
	h2 { font-size:2.6em; }
	h3 { font-size:2.3em; }
	h4 { font-size:2em; }
	h1, h2.h1, h3.h1, h4.h1 { font-size:3.2em; }
	.homepage-boxes h1, .homepage-boxes h2 { font-size:2.4em; }
	*/
	
	.col-3 > div.col:nth-of-type(n),
	.col-4 > div.col:nth-of-type(n),
	.col-3-1 > div.col:nth-of-type(n),
	.gallery-size-thumbnail .gallery-item:nth-of-type(n) { width:47.5%; margin-right:5%; }
	
	.col-2 > div.col:nth-of-type(2n+2),
	.col-3 > div.col:nth-of-type(2n+2),
	.col-4 > div.col:nth-of-type(2n+2),
	.col-3-1 > div.col:nth-of-type(2n+2),
	.gallery-size-thumbnail .gallery-item:nth-of-type(2n+2) { margin-right:0; }
	
	.gallery-wrapper-home .col-3 > div:nth-of-type(4) h2 { color:#fff; }
	
	.col-3 > div.col:nth-of-type(2n+3) { clear:left; }
	.col-3 > div.col:nth-of-type(3n+4) { clear:none; }
	.homepage-boxes h3 { font-size:2.5em; }
	
	.home-page-banner .wrapper { background-size:auto 280px; }
	.home-page-banner .fadein p  { font-size:2.8em; }
	.home-page-banner .col-2-1 > div.col:nth-of-type(1) { width:65%; }
	.home-page-banner .col-2-1 > div.col:nth-of-type(2) { width:30%; }
	
	.testimonial-slider { padding: 5px 30px; }
	
	.container-inner { margin:0; max-width:100%; float:none; border:none; }
	.container-inner .content { float:none; padding-right:0; }
	.entry,
	.sidebar { margin-right:0; width:100%; float:none; }

}

@media only screen and (max-width:767px) {
	
	.main-nav .wrapper > ul { font-size:1.3em; }
	
	.col-2 > div.col:nth-of-type(n),
	.col-2-1 > div.col:nth-of-type(n) { width:100%; margin-right:0; float:none; }
	
	.col .photo-text { background-size:cover; } 
	
	.project-grid .grid-content p { font-size:1.3em; line-height:1.25em; }
	
	.get-quote .col * { text-align:center; }
	.get-quote div.col:nth-of-type(1) { margin-bottom:25px; }
	.get-quote .col a.more-button { display:block; margin:0 auto; max-width:200px; }
	
	.who-why .col * { text-align:center; }
	.who-why div.col:nth-of-type(1) { margin-bottom:25px; }
	.who-why .col a.read-more { display:block; margin:0 auto; max-width:100px; }
	
	.link-icons h3 { font-size:2em; }
	
	.footer > div.col:last-of-type { padding-left:140px; }
	.footer > div.col:nth-of-type(2) { float:right; }
	#huge_it_google_map2 { height:310px !important; }
	
} 

@media only screen and (max-width:730px) {
	
	dd.gallery-caption { bottom: 80px; font-size: 2em; text-align: center; width: 100%; }

}

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

	.home .blue-box { font-size:80%; }
	
	.project-grid-wrapper { max-width:478px; margin:50px auto; }
	.project-grid { float:none; width:100%; clear:both; }
	.project-grid:nth-of-type(odd) img { float:left; }
	.project-grid:nth-of-type(even) img { float:right; }
	.project-grid .grid-content { padding:4% 5% 1% 5%; }
	.project-grid .grid-content h2 { margin-bottom:0.5em; }
	.project-grid .grid-content p { line-height:1.5em; margin-bottom:1em; }
	
	.push-wrapper { margin:0 auto; }
	.push { height:0;  }
	.footer { height:auto; padding-bottom:0; }
	.footer .col-3 { width:100%; max-width:400px; margin:0 auto 8% !important; float:none; }
	
	div.wpcf7 { margin:10px 0 10px 2%; width:98%; }
	
	.testimonials blockquote p { font-size: 1.5em; }
	.testimonials span { font-size: 1.3em; }
	
	
	
}

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

	.header { border-bottom:20px solid #2E87C1; padding:35px 0 25px; margin-bottom:40px; }
	.home .header { margin-bottom:0; }
	
	.header .trigger-wrapper { display:block; }
	
	.main-nav { position:absolute; top:-650px; width:100%; margin:0; z-index:998; padding-top:80px; transition:all 500ms; }
	.main-nav.show { top:0; }
	.main-nav .wrapper > ul { display:block; padding-top:10%; font-size:1.8em; line-height:1.5em; letter-spacing:0.05em; }
	.main-nav .wrapper > ul > li { float:none; display:block; margin:0; white-space:nowrap; position:relative; border-right:none; border-bottom:1px solid #fff; text-align:center; }
	.main-nav .wrapper > ul > li > a { display:block; padding:15px 5px; color:#fff; text-decoration:none; opacity:1; transition:color 300ms; }
	.main-nav .wrapper > ul > li > a:hover { color:#fff; }
	.main-nav .wrapper > ul > li.current-menu-item > a,
	.main-nav .wrapper > ul > li.current-page-ancestor > a { color:#fff; /*border-bottom:2px solid #fff;*/ }
	.main-nav .wrapper > ul ul { display:block; background:none; position:relative; top:auto; left:auto; padding-top:0; width:100%; box-shadow:none; }
	.main-nav .wrapper > ul ul li { background:#68ABD6; }
	.main-nav .wrapper > ul ul li:last-of-type { border-radius:0; }
	.main-nav .wrapper > ul ul li a { color:#fff; text-align:center; }
	
}

@media only screen and (max-width:600px) {
	
	.page-id-5 .col-2-1 > div.col:nth-of-type(n) { float:none; width:100%; margin-right:0; }
	
	.link-icons h3 { font-size:1.6em; }
	
	.col-1-2 > div.col:nth-of-type(n) { width:100%; margin-right:0; float:none; }
	
	.col-1-2 > div.col img.alignnone { display:block; max-width:200px; margin:0 auto; }
		
	.testimonial blockquote { margin:0 1em; font-size:2em; }
	
	.wpcf7 form p { float:none; width:98%; margin:0 0 5%; } 
	.wpcf7 form p.full { float:none; width:94%; margin:0 2% 5%; }
	
	.footer-nav { min-height:auto; }
	.footer > div.col:last-of-type { padding-left:0; }
	.footer-nav { background:none; padding-left:0; }
	#huge_it_google_map2 { height:310px !important; }
	
}

@media only screen and (max-width:550px) {
	
	.header .contact { font-size:90%; }
	.header .contact span { line-height:1.25em; }
	
	.home .blue-boxes-wrapper { margin: 15px 0 20px; }
	.home .blue-boxes-wrapper > div { float:none; width:100%; margin-right:0; }
	.home .blue-box { font-size:100%; }
	
	.testimonials .slidesjs-container { height:300px !important; }

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

	img.alignleft,
	img.alignright,
	img.aligncenter { float:none; display:block; padding-top:10px; margin:0 0 5%; width:100%; max-width:100%; }
	
	.link-icons.col-4 > div.col:nth-of-type(n) { width:100%; }
	.link-icons h3 { font-size:2.2em; text-align:center; }
	
	.gallery-size-post-thumbnail .gallery-item { width: 33.333%; }
	
	.testimonials blockquote,
	.testimonials span { padding: 0 40px; }
	
	.testimonials span.quote-close { right: -40px; }

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

	.header { padding: 10px 0; }
	.header .wrapper { text-align:center; }
	.header .logo { display:inline-block; float:none; margin: 0 0 10px; }
	.header .contact { bottom:auto; position: relative; right: auto; text-align: center; }
	
	.header .trigger-wrapper { top:5px; }

	.testimonials .slidesjs-container { height:325px !important; }

	a.col-3 { width:100%; margin:0 0 3%; }
	
	.col-3 > div.col:nth-of-type(n),
	.col-4 > div.col:nth-of-type(n),
	.col-2-1 > div.col:nth-of-type(n),
	.col-3-1 > div.col:nth-of-type(n),
	.homepage-boxes > div.col:nth-of-type(n) { float:none; width:100%; margin:0 0 5%; }
	
	.project-grid .grid-content { padding:2% 3%; }
	.project-grid .grid-content h2 { font-size:1.6em; margin-bottom:0.125em; }
	.project-grid .grid-content p { font-size:1.3em; line-height:1.25em; margin-bottom:0.25em; }
	.project-grid .grid-content .read-more { font-size:1.3em; }
	
	.content p { text-align:left; }
	
	div.wpcf7 { margin:10px 0; width:100%; }
	.content .wpcf7 form p, 
	.content .wpcf7 form p.full { float:none; width:100%; margin:0 0 3%; }	
	
	.home-page-banner .col-2-1 > div.col:nth-of-type(1) { width:80%; margin:0 5% 0 0; }
	.home-page-banner .col-2-1 > div.col:nth-of-type(2) { width:15%; margin:0;}
	
	.testimonials .wrapper { padding:0 5px; }
	.slidesjs-previous { left: 10px; } 
	.slidesjs-next { right:10px; }
	
	footer.col-3 .col * { text-align:center; }

	
}

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

	dd.gallery-caption { display:none !important; }
	
}

@media only screen and (max-width:380px) {
	
	/*
	h2 { font-size:2.2em; }
	h3 { font-size:2em; }
	h4 { font-size:1.7em; }
	h1, h2.h1, h3.h1, h4.h1 { font-size:2.4em; }
	*/
	.project-grid .grid-content p { line-height:1.125em; }
	
	.gallery-size-thumbnail .gallery-item:nth-of-type(n) { float:none; width:100%; margin:0 0 5%; }
	
	.testimonials .slidesjs-container { height:350px !important; }


}