@charset "utf-8";
/* CSS Document */

/*
Theme Name: RF Solutions - WP Responsive
Author: CD, Wye Media
*/

@import url(http://fonts.googleapis.com/css?family=Open+Sans:400,300,600,700);

* { box-sizing: border-box; }

html, body { width: 100%; min-height: 100%; height: 100%; }

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	vertical-align: baseline;
	color: rgba(60,60,60,1);
	/*
	transition: all 0.5s ease;
	-webkit-transition: all 0.5s ease;
	*/ 
}

body, input, textarea, select { font-family: 'Open Sans', Arial, Helvetica, sans-serif; font-size: 20px; }


ol, ul { list-style: none; }

h2 { font-size: 2em; font-weight: 400; margin: 1em 0px; }
h3 { font-size: 1.6em; font-weight: 400; margin: 1em 0px; }
h4 { font-size: 1.2em; font-weight: 400; margin: 1em 0px; }
h5 { font-size: 1.1em; font-weight: 400; margin: 1em 0px; }
h6 { font-size: 1em; font-weight: 400; margin: 1em 0px; }
p { font-size: 1em; font-weight: 400; margin: 1em 0px; }
li { font-size: 1em; font-weight: 400; }

a { color: inherit; text-decoration: none; }
a:hover { text-decoration: underline; }

.textLeft { text-align: left !important; }
.textRight { text-align: right !important; }
.textCenter { text-align: center !important; }

.clear { clear: both; }

/* Structure */

#divWrapper { width: 100%; min-height: 100%; }
#divHeaderWrapper { width: 100%; background-color: #fafafa; border-top: 5px solid #14a5c9; border-bottom: 1px solid #eee;  }
#divHeader { width: 100%; max-width: 1200px; margin: 0px auto; height: 126px; position: relative; padding: 0px 0.4em; }
#divContentWrapper { width: 100%; }
#divContent { width: 100%; max-width: 1200px; margin: 0px auto; min-height: 500px; position: relative; padding: 0px 0.4em 2em 0.4em; }
#divFooterWrapper { width: 100%; background: #F7F7F7; border-top: 1px solid #eee; border-bottom: 1px solid #eee;}
#divFooter { width: 100%; max-width: 1200px; margin: 0px auto; /*height: 164px;*/ position: relative; padding: 0px 0.4em 1em 0.4em; }

/* Colours */

.textBlue { color: #14A5C9; }
.textGrey { color: #777777; }

/* Header */

#divLogo { background-image: url(./images/logo.png); background-position: center center; background-repeat: no-repeat; width: 280px; height: 100%; overflow: hidden; display: inline-block; position: absolute; top: 0px; left: 0.4em; }
#divLogo h1 { margin-top: -200px; }
#divHeader .pPhone { font-size: 0.75em; position: absolute; top: 0px; right: 0.4em; color: #999; }
#divHeader .ulNav { position: absolute; right: 0.4em; bottom: 1.5em; }
#divHeader .ulNav li { display: inline; font-size: 0.8em; }
/*#divHeader .ulNav li.liCurrent a { color: #999 !important; }*/
#divHeader .ulNav li a { color: #14A5C9; margin: 0px 0px 0px 1em; }
#divHeader .ulNav li a:hover { color: #999; text-decoration: none; }
#divHeader #divMobMenu { display: none; }

/* Menu classes to highliught current page */
.home .liHome a { color: #999 !important; }
.sectors .liSectors a { color: #999 !important; }
.services .liServices a { color: #999 !important; }
.designs .liDesigns a { color: #999 !important; }
.products .liProducts a { color: #999 !important; }
.contact .liContact a { color: #999 !important; }

/* Footer */

#divFooter div { display: inline-block; margin: 0px 0.5em; vertical-align: top; }
#divFooter div h3 { font-size: 0.8em; margin-bottom: 0.4em; }
#divFooter div p, #divFooter div address { color: #777777; font-size: 0.65em; font-style: normal; margin: 0px; }
#divFooter div strong { color: rgb(119, 119, 119); font-weight: 600; }
#divFooter div span { white-space: nowrap; display: block; }

#divFooterAbout { width: 40%; }
#divFooterAbout img { float: left; margin-right: 0.5em; }
#divFooterAbout p.pCopy { margin: 1em 0px; }
#divFooterMobWrapper { width: 55%; }
#divFooterOffice { width: 30%; }
#divFooterContact { width: 20%; }

/* Breadcrumb */

.divBreadcrumb { font-size: 0.65em; margin: 1em 0px; }
.divBreadcrumb a { color: #14A5C9; }

/* Index */

#divSliderWrapper { width: 100%; padding-top: 42.55%; position: relative; }
#divSlider { position: absolute; top: 0px; left: 0px; right: 0px; bottom: 0px; background-color: rgba(0,0,0,0.1); overflow: hidden; }
/*#divSlider div { background-color: transparent !important; }*/
#divSlider a { display: none; }
#divSlider .amazingslider-bullet-wrapper-1 { display: none; }
#divSlider .amazingslider-text-wrapper-1 { bottom: auto !important; top: 0px !important; }
.ulBullets { width: 100%; font-size: 0.7em; margin: 1em 0px; }
.ulBullets li { width: 33.3%; vertical-align: top; padding: 0px 1em; margin-right: -0.25em; display: inline-block; }
.ulBullets li h3 { margin: 0.5em 0px; font-size: 1.2em; }
.ulBullets li h3 i { margin-right: 0.8em; font-size: 2em; line-height: 1em; width: 1em; vertical-align: middle; }
.ulBullets li p {  }

h2.h2Headline { border-bottom: solid 1px rgba(0,0,0,0.1); margin: 0px; padding: 0.4em 0px; font-size: 1.8em; }

.ulHeadlines { width: 100%; font-size: 0.7em; margin: 1em 0px; }
.ulHeadlines li { width: 50%; vertical-align: top; padding: 0px 1em; margin-right: -0.25em; display: inline-block; }
.ulHeadlines li h3 { margin: 0.5em 0px 0px 0px; font-size: 1.4em; }
.ulHeadlines li h3 i { margin-right: 0.5em; font-size: 2em; line-height: 1em; width: 1em; vertical-align: middle; }
.ulHeadlines li p { padding-left: 4.35em; margin: 0px; }

/* Section Index */

.divSideBar { float: right; width: 30%; }

.ulSectionMenu { border: solid 1px rgba(0,0,0,0.1); display: block; /*width: 30%;*/ padding: 0.5em; margin: 0px 0px 1em 0px; }
.ulSectionMenu li:first-child { font-size: 1em; padding: 0px 0px 0.2em 0px; border-bottom: solid 2px rgba(0,0,0,0.1); }
.ulSectionMenu li { font-size: 0.75em; padding: 0.4em 0px 0px 0px; }
.ulSectionMenu li a { color: #14A5C9; }
/*.ulSectionMenu li a i { font-size: 0.75em; vertical-align: middle; line-height: 0.8em; margin-right: 1em; }*/

.ulSectionMenu li a { margin-left: 1.5em; }
.ulSectionMenu li a:before { content: '\f096'; font-family: FontAwesome; display: inline-block; width: 1.5em;  margin-left: -1.5em; color: #14A5C9; }

.ulAddress li a:before { content: none !important; }
.ulAddress li span { display: block; margin: 0.2em 0px; color: #999; }
.ulAddress li span a { margin: 0px; }
.ulAddress li { border-bottom: solid 1px rgba(0,0,0,0.1); padding-bottom: 0.4em; }
.ulAddress li:last-child { border: none; padding-bottom: 0px; }

.ulTestimonials { border: solid 1px rgba(0,0,0,0.1); display: block; /*width: 30%;*/ padding: 0.5em; margin: 0px 0px 1em 0px; }
.ulTestimonials li:first-child { font-size: 1em; padding: 0px 0px 0.2em 0px; border-bottom: solid 2px rgba(0,0,0,0.1); }
.ulTestimonials li { font-size: 0.7em; padding: 0.4em 0px 0px 0px; }
.ulTestimonials li i.fa-quote-left { font-size: 2em; float: left; margin-left: -1.2em; color: #858585; }
.ulTestimonials li i.fa-quote-right { font-size: 2em; float: right; margin-right: -1.2em; color: #858585; }
.ulTestimonials li p.pQuote { font-style: italic; padding: 0px 3em; }
.ulTestimonials li p.pQuoter { text-align: right; font-weight: 600; }

.ulTestimonials li a { color: #14A5C9; }
.ulTestimonials li a i { font-size: 0.75em; vertical-align: middle; line-height: 0.8em; margin-right: 1em; }

.divIndex { width: 66%; margin: 1em 0px; }
.ulSectionIndex { width: 100%; }
.ulSectionIndex li { width: 50%; margin: 0px 0px 2em -0.25em; display: inline-block; vertical-align: top; }
.ulSectionIndex li .divImgWrapper { width: 30%; padding-top: 30%; position: relative; float: left; border: solid 1px rgba(0,0,0,0.1); }
.ulSectionIndex li .divImg { position: absolute; top: 2px; left: 2px; right: 2px; bottom: 2px; background-position: center center; background-size: cover; }
.ulSectionIndex li .divIndexItem { margin-left: 35%; font-size: 0.65em; margin-right: 1em; }
.ulSectionIndex li a { color: #14A5C9; }
.ulSectionIndex li h3 { margin: 0.2em 0px; font-size: 1.4em;  }
.ulSectionIndex li p { }

.divDetail { width: 66%; margin: 1em 0px; }
.divDetail h2 { font-size: 1.4em; margin: 0.5em 0px; }
.divDetail h3 { font-size: 1.2em; margin: 0.5em 0px; }
.divDetail h3 { font-size: 1.1em; }
.divDetail p, .divDetail li { font-size: 0.65em; margin: 1em 0px; }
.divDetail li p { font-size: 1em; }
.divDetail li a { font-size: 1.3em; }

.divDetail li { margin-left: 1.5em; }
.divDetail li:before { content: '\f096'; font-family: FontAwesome; display: inline-block; width: 1.5em;  margin-left: -1.5em; color: #14A5C9; }

/*.divDetail img:nth-of-type(1) { display: block; width: 50%; float: left; margin: 0px 1em 0.5em 0px; }
.divDetail img { display: block; width: 100%; margin: 1em 0px; }*/
.divDetail img { display: block; margin: 0px 0.5em 1em 0px; }
.divDetail img.border { padding: 0.25em; border: solid 1px rgba(127,127,127,0.2); }
.divDetail img.alignleft { margin: 0px 1em 1em 0px; float: left; }
.divDetail img.alignright { margin: 0px 0px 1em 1em; float: right; }
.divDetail img.aligncenter { margin: 0px auto 1em auto; }
.divDetail img.alignnone { margin: 0px 0px 1em 0px; }

.divDetail table { margin: 0px auto; font-size: 0.65em; border-collapse: collapse; border-spacing: 0px; border: solid 1px #666; }

.divDetail table td { padding: 0.2em 2em; text-align: center; }

.divDetail table tr:nth-child(odd) td { background-color: #eee; }
.divDetail table tr:nth-child(1) td, .divDetail table tr:nth-child(2) td { background-color: #666; color: #fff; }


.w100 { width: 100%; }
.w75 { width: 75%; }
.w50 { width: 50%; }
.w33 { width: 33.3%; }
.w30 { width: 30%; }
.w25 { width: 25%; }

.divDetailLink { margin: 1em 0px; }
.divDetailLink a { font-size: 0.85em; color: #14A5C9; line-height: 2em; display: block; }
.divDetailLink a i { margin-right: 1em; }

.divDetailLink li:before { content: none; }
.divDetailLink li a { margin-left: 1.5em; }
.divDetailLink li a:before { content: '\f096'; font-family: FontAwesome; display: inline-block; width: 1.5em;  margin-left: -1.5em; color: #14A5C9; }
.divDetailLink li a.pdf:before { content: '\f1c1'; }
.divDetailLink li a.link:before { content: '\f08e'; }

/* Forms */

.ninja-forms-cont { font-size: 0.75em; }
.ninja-forms-form div { margin: 0.5em 0px; width: 100%; display: inline-block; }

.ninja-forms-form .field-wrap label { display: inline-block !important; min-width: 8em; font-weight: normal; vertical-align: top; line-height: 2.2em; }
.ninja-forms-form .field-wrap input[type=text] { font-size: 1em; padding: 0.5em; border-radius: 0.5em; border: solid 1px rgba(0,0,0,0.2); width: 60%; }
.ninja-forms-form .field-wrap input[type=text].txtMedium { width: 40%; min-width: 120px; }
.ninja-forms-form .field-wrap input[type=text].txtNarrow { width: 20%; min-width: 60px; }
.ninja-forms-form .field-wrap input[type=text].txtVeryNarrow { width: 10%; min-width: 30px; }
.ninja-forms-form .field-wrap textarea { font-size: 1em; padding: 0.5em; border-radius: 0.5em; border: solid 1px rgba(0,0,0,0.2); width: 60%; }
.ninja-forms-form .field-wrap input[type=submit] { font-size: 1.2em; font-weight: 600; padding: 0.5em 2em; border-radius: 0.5em; border: solid 1px rgba(0,0,0,0.2); background-color: #14A5C9; color: #ffffff; margin-left: 7.25em; outline: none; }
.ninja-forms-form .ninja-forms-field-error p { font-size: 1em; margin: 0px 0px 0px 9em; }

.ulContactForm { }
.ulContactForm li { margin: 1em 0px; font-size:  0.75em; }
.ulContactForm li h3 { font-size:  1.4em; }
.ulContactForm li:before { content: none; }
.ulContactForm li label { display: inline-block !important; min-width: 9em; font-weight: normal; vertical-align: top; line-height: 2.2em; }
.ulContactForm li label.req:after { content: '*'; display: inline-block; color: red; width: 1em; text-align: center; }
.ulContactForm li input { font-size: 1em; padding: 0.5em; border-radius: 0.5em; border: solid 1px rgba(0,0,0,0.2); width: 60%; }
.ulContactForm li input[type=file] { border: none; width: 100%; }
.ulContactForm li input.txtWide { width: 70%; min-width: 120px; }
.ulContactForm li input.txtMedium { width: 40%; min-width: 120px; }
.ulContactForm li input.txtNarrow { width: 20%; min-width: 60px; }
.ulContactForm li input.txtVeryNarrow { width: 10%; min-width: 30px; }
.ulContactForm li textarea { font-size: 1em; padding: 0.5em; border-radius: 0.5em; border: solid 1px rgba(0,0,0,0.2); width: 60%; height: 80px; }
.ulContactForm li textarea.txtWide { width: 100%; }
.ulContactForm li input[type=submit] { font-size: 1.2em; font-weight: 600; padding: 0.5em 2em; border-radius: 0.5em; border: solid 1px rgba(0,0,0,0.2); background-color: #14A5C9; color: #ffffff; margin: 0px; outline: none; width: auto; }
.divDetail .ulContactForm li img { display: inline; }
span.wpcf7-not-valid-tip { margin-left: 9em; }
div.wpcf7-validation-errors { color: red; }
.divDetail div.wpcf7-response-output { border: none !important; margin: 0px 0px 1em 0px !important; font-size: 0.85em; }


#divMapWrapper { width: 100%; padding-top: 50%; position: relative; }
#divMap { position: absolute; top: 0px; left: 0px; right: 0px; bottom: 0px; }

@media screen and (max-width: 900px) {
	
	/* Footer */
	#divFooterMobWrapper { float: right; }
	#divFooter div span { display: inline-block; }
	#divFooter div	 { width: auto; }	
	#divFooter div h3 { margin-top: 0.4em; }

}

@media screen and (max-width: 768px) {
	
	#divHeader { height: 80px; }
	#divHeader .pPhone { right: 5em; }	
	#divHeader #divMobMenu { display: block; position: absolute; top: 0px; right: 0px; color: #14A5C9; padding: 1em 0.5em; cursor: pointer; }
	#divHeader #divMobMenu i { font-size: 2em; width: 100%; height: 100%; display: block; }
	#divHeader .ulNav { display: none; position: relative; left: 1em; right: 1em; font-size: 0px; padding: 4px; z-index: 100; background-color: rgba(255,255,255,1); }
	#divHeader .ulNav.navShow { display: block; margin-top: -5px; }
	#divHeader .ulNav li { display: inline-block; font-size: 20px; width: 50%; padding: 0.25em; background-color: #14A5C9; border: solid 1px rgba(255,255,255,1); }
	#divHeader .ulNav li a { color: rgba(255,255,255,1) !important; }
	
	.ulBullets li {  width: 80%; margin: 0px auto; display: block; }
	.ulHeadlines li {  width: 80%; margin: 0px auto; display: block; }
	
	h2.h2Headline { font-size: 1.4em; text-align: center; }
	
	.divSideBar { float: none; width: auto; }
	.ulSectionMenu { border: none; display: block; margin: 0px; }
	.ulSectionMenu li:first-child { display: block; margin-right: 0px; }
	.ulSectionMenu li { display: inline-block; margin-right: 1em; }
	.ulTestimonials { display: none; }
	.ulAddress { display: none; }
	
	.divIndex { width: auto; margin: 0px; padding: 0.5em; }
	.divDetail { width: auto; margin: 0px; padding: 0.5em; }
	
}

@media screen and (max-width: 600px) {
	
	#divHeader .pPhone { display: none; }
	
	.amazingslider-title-1 { font-size: 14px !important; }
	
	.ulBullets li {  width: 95%; }
	.ulHeadlines li {  width: 95%; }
	
	.ulSectionIndex li { width: auto; }
	
}

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

.ulContactForm li input.txtWide { width: 100%; }
.ulContactForm li input.txtMedium { width: 55%; }
.ulContactForm li input.txtNarrow { width: 30%; }
.ulContactForm li input.txtVeryNarrow { width: 20%; }

}

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

.ulContactForm li input.txtWide { width: 100%; }
.ulContactForm li input.txtMedium { width: 100%; }
.ulContactForm li input.txtNarrow { width: 100%; }
.ulContactForm li input.txtVeryNarrow { width: 100%; }

}