/*

Theme Name: CEB Theme
Description:  CEB Creative theme for client websites. Super Lightweight, fast and totally awesome.
Author: CEB Creative // Charlotte Brown
Date: May 2018
Version: 2.0
Theme URI: https://www.cebcreative.co.uk
Author URI: https://www.cebcreative.co.uk
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: CEBCreative
Tags: one-column, two-columns, right-sidebar
*/


.content { /*  border: 1px solid #ccc; REMOVE ME */  padding: .33em; margin: 0 0 1.25em 0; position: relative; overflow: hidden; }
.content .content { padding: .33em; }
#wpadminbar li.ceb-support a { background: rgb(92,190,190); /* Old browsers */
background: -moz-linear-gradient(left, rgba(92,190,190,1) 0%, rgba(92,213,168,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left, rgba(92,190,190,1) 0%,rgba(92,213,168,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right, rgba(92,190,190,1) 0%,rgba(92,213,168,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5cbebe', endColorstr='#5cd5a8',GradientType=1 ); /* IE6-9 */ }
#wpadminbar li.ceb-support a:hover { opacity:0.8; }

/*	Home
*************************************************/

.header .col-1-2 {
    overflow: visible;
}

.main-banner {
    padding: 20em 0em;
}

.col-1-1.intro {
    text-align: center;
    padding: 0em 15em;
}

.col-1-2.service {
    text-align: center;
	padding: 0em 2em;
}

.col-1-2.service img {
    width: 100%;
    height: auto;
}

.col-1-2.about img, .col-1-2.phoenix img {
    width: 100%;
    height: auto;
}

.col-1-2.about {
    max-height: 475px;
}

.col-1-2.about-text h3 {
    color: #e42386;
}

.reviews-banner, .contact-banner {
    padding: 3em 0em;
}

.col-1-1.reviews {
    text-align: center;
    color: #fff;
}

.col-1-1.reviews p {
    font-weight: 400;
}

.col-1-1.reviews h3 {
    color: #fff;
    font-size: 3em;
	margin: 0em 0em 0.5em 0em;
}

a.button.green {
    background: #90c143;
    border: 2px solid #90c143;
}

.col-1-2.phoenix-text h3 {
    color: #bd2184;
}

a.button.purple {
    background: #bd2184;
    border: 2px solid #bd2184;
}

a.button.white {
    background: #ffffff40;
    border: 2px solid #fff;
    color: #fff;
}

ul#testimonialsfade {
    list-style: none;
    padding: 0 0 0 0em;
}

.spacer {
    padding: 2em;
    display: block;
    width: 100%;
}

a.button.outline:hover {
    background: #90c143;
    color: #fff;
}

/*	Inner pages
*************************************************/

h1.title {
    border-bottom: 1px solid #90c143;
    margin: 0em 0 0.5em 0;
}

.arconix-faq-accordion-title {
    color: #e42386!important;
}

.arconix-faq-accordion-title.ui-state-default {
    background: #fff7fb!important;
    border: 1px solid #e42386!important;
    border-radius: 0px!important;
    padding: 1em 2em!important;
    margin: 0.5em 0em!important;
}

.ui-widget-content {
    border: none!important;
    background: #fff url(images/ui-bg_flat_75_ffffff_40x100.png) 50% 50% repeat-x;
    color: #333333!important;
    line-height: 1.6!important;
    font-size: 0.9em!important;
}



/*	Resets
*************************************************/

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, .sticky, .screen-reader-text, .gallery-caption, .bypostauthor

{
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}

img { vertical-align: top !important; }

/*	Responsive styling for Youtube iframe embeds
*************************************************/

.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } 
.embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }



/*	Remove styling from select menus (remove if not needed)
*************************************************/

select { -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    padding: .25em;
	background: #fff url(images/down-arrow.png) 95% center no-repeat; border: 1px solid #ccc;  }


/* HTML5 display-role reset for older browsers 
**************************************************/

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }
body { line-height: 1; }
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }


table {
    border-collapse: collapse;
    border-spacing: 0;
    width: 100%;
    border: 1px solid #dcdcdc;
    margin: .75em 0 .75em 0;
}

thead { background: #333; color: #fff; }

table td {
    padding: .75em;
    background: #fbfbfb;
    border-bottom: 1px solid #eaeaea;
}

p.bluealert {
    background: #d0eff1;
    color: #5a9bbb;
    border: 1px solid #add8ec;
    text-align: center;
    padding: .75em;
}

p.greenalert {
    background: #beeac4;
    color: #4b9655;
    border: 1px solid #90ce8f;
    text-align: center;
    padding: .75em;
}


/*	Base CSS
*************************************************/

body {

	color: #333333;
	font-size: 1em; /* We've set the font-size @ 100% in the HTML to sort the IE problem */
	font-family: 'Montserrat', sans-serif; 
	margin: 0 auto 0;
	padding: 0;
	line-height: 1.6;

	}

p 	{ margin: 0 0 1em 0; }
strong 	{ font-weight: bold !important; }
em 	{ font-style: italic; }
.flexclear { display: block; clear: both; }


/* Background colours
**************************************************/

.background-colour-one { background: #5cbebe; overflow: hidden; color: #fff !important; }
.background-colour-two { background: #5cbebe; overflow: hidden; color: #fff !important;  }
.background-colour-three { background: #5cbebe; overflow: hidden; color: #fff !important;  }
.background-colour-four { background: #5cbebe; overflow: hidden; color: #fff !important;  }
.background-colour-five { background: #5cbebe; overflow: hidden; color: #fff !important;  }

/*	Base ANCHOR CSS
*************************************************/

a 			{ color: #e94d89; text-decoration: none; outline: none; }
a:hover 		{ color: #666; text-decoration: none; outline: none; }


/*	Header									*
************************************************/

a.logo 			{ display: block; float: left; margin: 0 0 1.25em 0;  }
a.logo img 		{ width: 100%; height: auto; }
a.logomobile 		{ display: none; }
.header-contact-info 	{ float: right; }
.email, .phone 		{ text-align: right; line-height: 1.3; font-size: 0.8em;}
.email 			{ }
.phone p 			{ padding: 0; margin: 0; }
.header 		{ }
.header .content { padding: 0; }
.header .content ul { margin: .25em 0; padding: 0; }

/* Drop Down Link styling
**************************************************/


/*.nav li.current_page_item a, .nav li.current_page_ancestor a, .nav ul li ul.sub-menu li.current_page_item a { color: yellow; }
.nav ul li.current_page_item ul.sub-menu li a, .nav ul li ul.sub-menu li a { color: red; }
.nav ul li.current_page_item ul.sub-menu li a:hover, .nav ul li ul.sub-menu li a:hover { color: green; }*/


/*	Navbar  									*
************************************************/

.nav { font-size: .85em;   }
.nav ul { max-width: 1140px; margin: 0 auto; padding: 0 1.25em; text-align: center;  }
.nav li { display: inline-block; margin: 0 4%; position: relative; /* this is needed in order to position sub menus */ }
.nav li a  { display: inline-block; padding: 1.4em 0; color: #333333; line-height: 1; text-transform: uppercase; } /* Links on the main nav bar ONLY */
.nav ul li.current_page_item ul li a, .nav li.current-page-ancestor ul li a { color: #5cbebe; } /* Links on the dropdowns ONLY */
.nav li a:hover, .nav li.current_page_item a, .nav ul li.current_page_item ul li a:hover, .nav ul li.current-page-ancestor ul li a:hover,  .nav li.current-page-ancestor a { color: #e42386; }
.nav li.current_page_item a { }


/*	Submenus Dropdowns
***********************************************/


.nav ul ul { /* this targets all sub menus */
	display: none; /* hide all sub menus from view */
	position: absolute;
	padding: 0; 
	top: 3em; /* this should be the same height as the top level menu -- height + padding + borders */
	left: 0;
	width: 200px;
	background: #90c143;
	text-align: left;
	z-index: 9999999;
}


.nav ul ul ul { /* this targets all sub menus */
	position: absolute;
	padding: 0; 
	top: 0; /* this should be the same height as the top level menu -- height + padding + borders */
	left: 200px;
	width: 200px;
	background: #999;
	text-align: left;
	z-index: 9999999;
}


.nav ul ul li { display: block; margin: 0;  }
.nav ul.sub-menu li a { float: none; padding: .75em; display: block; margin: 0; line-height: 1.2; color:#fff; }
.nav ul ul li a:hover {color:#e42386;}
.nav ul li:hover > ul { display: block; }



/*	Flexible content 
*************************************************/

/* SPACERS */ 

._05em { padding: .5em 0; display: block; }
._1em { padding: 1em 0; display: block; }
._2em { padding: 2em 0; display: block; }
._3em { padding: 3em 0; display: block; }
._4em { padding: 4em 0; display: block; }

/* END SPACERS */ 

.full-width-image img 	{ width: 100%; height: auto; }
.clientquote 		{ background: #5cbebe; padding: .75em; color: #fff; }
.clientquote h4		{ margin: 0; padding: 0; font-size: 2em; font-weight: 600; }
.col-1-1.flex 		{ margin: 2.5em 0; border: 1px solid #eee; }

.thequote 		{ text-align: center; font-size: 4vw; color: #fff; padding: 0 10%; }
.theheadshot img 	{ margin: 2em 0; }
.theheadshot 		{ text-align: center; }
.nameandposistion p 	{ text-align: center; margin: 0; line-height: 1.2; color: #666; }
.leftaligntext { text-align: left; }
.rightaligntext { text-align: right; }
.centeraligntext { text-align: center; }
.flexible img { width: 100%; height: auto; }
.unslider .flexible img { width: auto; }


/*	Formats for Tiny MCE (other than buttons, replicate in Visual editor stylesheet)
***************************************************/

.quotestyle { border: 1px solid #5cbebe; padding: 1.25em; font-style: italic; font-size: 2em; display: block; margin: 2em 0; }



/*	Easing 
*************************************************/

a.button, a.button:hover, a.prev, a.next, a.page-numbers { 

		-webkit-transition: all 500ms cubic-bezier(0.250, 0.250, 0.750, 0.750); 
   		-moz-transition: all 200ms cubic-bezier(0.250, 0.250, 0.750, 0.750); 
     		-o-transition: all 200ms cubic-bezier(0.250, 0.250, 0.750, 0.750); 
        	transition: all 200ms cubic-bezier(0.250, 0.250, 0.750, 0.750); /* linear */

		-webkit-transition-timing-function: cubic-bezier(0.250, 0.250, 0.750, 0.750); 
   		-moz-transition-timing-function: cubic-bezier(0.250, 0.250, 0.750, 0.750); 
     		-o-transition-timing-function: cubic-bezier(0.250, 0.250, 0.750, 0.750); 
        	transition-timing-function: cubic-bezier(0.250, 0.250, 0.750, 0.750); /* linear */
	 } 


/*	Images
************************************************/

/* This CSS controls both height and width of images - handy for making different size logos fit */

/*.classnamehere img { display: block; max-width:250px; max-height:95px; width: auto; height: auto; } */




/*	Main Content 					     		    * 
************************************************/


/* Archive Page
************************************************/

.blog.archive.listing 			{ overflow: hidden; margin: 0 0 2em 0; padding: 0 0 2em 0; border-bottom: 1px solid #ccc; }
.blog.archive.listing .archive img 	{ width: 100%; height: auto; }

.col-1-4.archive img {
    padding-right: 1em;
}

.col-3-4.archive h3 {
    margin: 0em 0 0.5em 0;
}

.right-sidebar-widget h5 {
    color: #e42386;
    border-bottom: 1px solid #e42386;
font-size: 2em;
    margin: 0.6em 0em 0.5em 0em;
}

.content.sidebar {
    background: #ffebf5;
    padding: 1em 2em 2em 2em;
}

p.date-author {
    font-family: 'Dancing Script', cursive;
    font-size: 1.2em;
}

/* Buttons
************************************************/

/* Button colours
************************************************/
a.button, .gform_button, a.prev.page-numbers, a.next.page-numbers, a.page-numbers, a.page-numbers:hover { background: #e42386; border: 2px solid #e42386; }

a.button:hover, .gform_button:hover, a.prev.page-numbers:hover, a.next.page-numbers:hover, a.page-numbers:hover { background: #333333; border: 2px solid #333333; }

a.button.outline {
    background: none;
    border: 2px solid #90c143;
    color: #90c143;
}

/* Button borders
************************************************/
a.button, .gform_button, a.prev.page-numbers, a.next.page-numbers, a.page-numbers, a.page-numbers:hover { font-size: 0.8em;
    padding: 1em 2em;
    color: #fff;
    clear: both;
    -webkit-appearance: none;
    display: inline-block;
}

span.page-numbers.current { font-size: 0.8em;
    background: #333;
    padding: 1.3em 2.2em 1.4em 2.2em;
    color: #fff;
    clear: both;
    -webkit-appearance: none;
}

/* Button display
************************************************/
.inline { display: inline-block; }
.block { display: block; }
a.button.micro { padding: .2em .5em; font-size: 1.1em; }
a.button.puffy { font-size: 1.5em; padding: .5em .5em; }

/* Large CTA
************************************************/
.col-1-1 a.button.cta { display: block; text-align: center; padding-top: 1em; padding-bottom: 1em; font-size: 2em; line-height: 1; }
.col-1-1 a.button.cta i { margin: 0 .5em 0 0; font-size: 2em; vertical-align: middle; }

/* Typography
************************************************/

h1, h2, h3, h4, h5, h6 	{ line-height: 1.2; margin: 1em 0 .5em 0; font-weight: 400; font-family: 'Dancing Script', cursive; }
h1 			{  font-size: 3.5em; color:#90c143; }
h2 			{  font-size: 2.0em; color:#e42386; }
h3 			{  font-size: 1.8em; color:#90c143; }
h4 			{  font-size: 1.4em; }
h5 			{  font-size: 1.3em; }
h6 			{  font-size: 1.2em; }



/* Content Elements
************************************************/

.content.slider 	{ margin-bottom: 0; padding: 15em 0; text-align: center; }


/* Lists
************************************************/

.content ul, .content ol 	{ margin: 1.3em 0 2em; padding: 0 0 0 2em; }
.content.sidebar ul { list-style: none; padding: 0; margin: 0; }
.content ul 			{ list-style: square; }
.content ol 			{ list-style: decimal; }
.content ul li, .content ol li 	{ margin: 0 0 .8em 0; }

/* Blockquotes
************************************************/

blockquote {
    margin: 2em 0;
    padding: 1.4em;
    border: 1px solid #fff;
    background: #f9fff0;
    border-left: 4px solid #90c143;
    color: #90c143;
}

cite { font-family: 'Dancing Script', cursive;}

/*	Call out Boxes								*
************************************************/




/* Sitemap
************************************************/

.grid-pad.sitemap .content ul { list-style: none; padding: 0; margin: 0; }
.grid-pad.sitemap .content ul li { margin: 0; padding: 0; }
.grid-pad.sitemap .content ul li a {  display: block; padding: 5px 0; border-bottom: 1px solid #ccc; }



/*	Sidebars - Note, using the push-left or push-right styles from the grid css to float these								*
************************************************/

.content.sidebar ul li		{ margin: 0; padding: 0; line-height: 1; }
.sidebar li a 			{ color: #e42386; padding: .5em 0; display: block; }
.sidebar li a:hover 		{ color: #333333; }
.sidebar li.current_page_item a { color: #e42386; }


/*	Footer  									*
************************************************/

.footer {
    margin: 0em 0em 0em 0em;
    background: #fff;
    padding: 2em 0 0 0;
    width: 100%;
    float: left;
    display: block;
    background: #333333;
    color: #fff;
}
.footer h5 {
    padding: 0;
    margin: 0 0 1em 0;
    color: #90c143;
}
.footer .content 	{ margin: 0; }
.footerinner 		{ }
.footer p 		{ }
.footer ul 		{ margin: 0; padding: 0; list-style: none; }
.footer ul li {
    margin: 0;
    font-size: 0.8em;
}
.footer ul li a {
    display: block;
    margin: 0;
    padding: .3em 0;
    color: #fff;
}
.footer ul li a:hover, .email a:hover { 
color: #90c143;
}
.footer .social ul li a { border: none; }
.footer ul li a:hover 	{ }
.footer ul ul 		{ margin: 0; }
.copyright 		{ background: #1d1d1b; clear: both; margin: 2em 0 0 0; }
.copyright p 		{ color: #fff; text-align: center; padding: .75em 0; margin: 0; font-size: .8em; }
.copyright p a		{ color: #fff;}
.copyright p a:hover		{ color: #90c143;}
.footer a.logo img 	{ width: 80%; height: auto; float: right; }

.email a { color:#fff; }

.textwidget {
    font-size: 0.8em;
}

.col-1-4.contact {
    text-align: right;
}

.address {
    font-size: 0.8em;
    margin-bottom: 1.5em;
}


/*	Wordpress Core Style					     		    * 
************************************************/

.alignnone 			{ margin: .25em 1.25em 1.25em 0; }
.aligncenter, div.aligncenter 	{ display: block; margin: .25em auto .25em auto; }
.alignright 			{ float:right; margin: .25em 0 1.25em 1.25em; }
.alignleft 			{ float: left; margin: .25em 1.25em 1.25em 0; }
.aligncenter 			{ display: block; margin: .25em auto .25em auto; }

/* IMAGES
************************************************/

/* --- Allow forcing of images at their pixel width (front end and in WYSIWYG editor) --- */

img.alignright_no_resize		{ width: auto !important; height: auto !important; }
img.alignnone_no_resize 		{ width: auto !important; height: auto !important; }
img.alignleft_no_resize		{ width: auto !important; height: auto !important; }
img.aligncenter_no_resize  		{ width: auto !important; height: auto !important; }


/* --- Force images to go 100% width (front end and in WYSIWYG editor) --- */

img.alignright_full_width		{ width: 100% !important; height: auto !important; }
img.alignnone_full_width 		{ width: 100% !important; height: auto !important; }
img.alignleft_full_width		{ width: 100% !important; height: auto !important; }
img.aligncenter_full_width  		{ width: 100% !important; height: auto !important; }


/* --- Standard image css --- */

a img.alignright, img.alignright 		{ float: right; margin: .25em 0 1.25em 1.25em; }
a img.alignnone,img.alignnone 		{ margin: .25em 1.25em 1.25em 0; }
a img.alignleft, img.alignleft		{ float: left; margin: .25em 1.25em 1.25em 0; }
a img.aligncenter, img.aligncenter  		{ display: block; margin-left: auto; margin-right: auto; }


.wp-caption { background: #fff; border: 1px solid #f0f0f0; max-width: 100%; /* Image does not overflow the content area */ padding: .25em .25em .75em; text-align: center;
}

.wp-caption.alignnone 		{ margin: 0; }
.wp-caption.alignleft 		{ margin: 0; }
.wp-caption.alignright 		{ margin: 0; }

.wp-caption img { border: 0 none; height: auto; margin: 0; padding: 0; width: auto; max-width: 100%; }

.wp-caption p.wp-caption-text 	{     line-height: 1; margin: 1em 0 0 0; padding: 1em; border-top: 1px solid #5cbebe; border-bottom: 1px solid #5cbebe; display: block; clear: both; }

p.wp-caption-text:before { margin-right: .25em; content: "\f0aa"; font-family: FontAwesome; color: #5cbebe; }


/*	Simple social icons using FontAwesome - ref: http://codepen.io/ameyraut/pen/yfzog
*************************************************/

/*----- Genral Classes start ------*/



.list-unstyled {
	padding-left: 0;
	list-style: none;
	text-align: right;
	margin-top: 1.25em;
}
.list-inline li {
	display: inline-block;
	padding-right: .25em;
	padding-left: .25em;
	margin-bottom: .75em;
}
/*---- Genral classes end -------*/

/*Change icons size here*/

.social-icons .fa { font-size: .8em; }


/*Change icons circle size and color here*/
.social-icons .fa {
	width: 20px;
	height: 20px;
	line-height: 20px;
	text-align: center;
	color: #FFF;
	color: rgba(255, 255, 255, 0.8);
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}

.social-icons.icon-circle .fa{  border-radius: 50%; }
.social-icons.icon-rounded .fa { border-radius:5px; }
.social-icons.icon-flat .fa{ border-radius: 0; }

.social-icons .fa:hover, .social-icons .fa:active {
	color: #FFF;
	/*-webkit-box-shadow: 1px 1px 3px #333;
	-moz-box-shadow: 1px 1px 3px #333;
	box-shadow: 1px 1px 3px #333; */
}
.social-icons.icon-zoom .fa:hover, .social-icons.icon-zoom .fa:active { 
 	-webkit-transform: scale(1.1);
	-moz-transform: scale(1.1);
	-ms-transform: scale(1.1);
	-o-transform: scale(1.1);
	transform: scale(1.1); 
}
.social-icons.icon-rotate .fa:hover, .social-icons.icon-rotate .fa:active { 
	-webkit-transform: scale(1.1) rotate(360deg);
	-moz-transform: scale(1.1) rotate(360deg);
	-ms-transform: scale(1.1) rotate(360deg);
	-o-transform: scale(1.1) rotate(360deg);
	transform: scale(1.1) rotate(360deg);
}
 
.social-icons .fa-adn{background-color:#504e54;} 
.social-icons .fa-apple{background-color:#aeb5c5;} 
.social-icons .fa-android{background-color:#A5C63B;}  
.social-icons .fa-bitbucket,.social-icons .fa-bitbucket-square{background-color:#003366;} 
.social-icons .fa-bitcoin,.social-icons .fa-btc{background-color:#F7931A;} 
.social-icons .fa-css3{background-color:#1572B7;} 
.social-icons .fa-dribbble{background-color:#F46899;}  
.social-icons .fa-dropbox{background-color:#018BD3;}
.social-icons .fa-facebook,.social-icons .fa-facebook-square{background-color:#3C599F;}  
.social-icons .fa-flickr{background-color:#FF0084;}
.social-icons .fa-foursquare{background-color:#0086BE;}
.social-icons .fa-github,.social-icons .fa-github-alt,.social-icons .fa-github-square{background-color:#070709;} 
.social-icons .fa-google-plus,.social-icons .fa-google-plus-square{background-color:#CF3D2E;} 
.social-icons .fa-html5{background-color:#E54D26;}
.social-icons .fa-instagram{background-color:#A1755C;}
.social-icons .fa-linkedin,.social-icons .fa-linkedin-square{background-color:#0085AE;} 
.social-icons .fa-linux{background-color:#FBC002;color:#333;}
.social-icons .fa-maxcdn{background-color:#F6AE1C;}
.social-icons .fa-pagelines{background-color:#241E20;color:#3984EA;}
.social-icons .fa-pinterest,.social-icons .fa-pinterest-square{background-color:#CC2127;} 
.social-icons .fa-renren{background-color:#025DAC;}
.social-icons .fa-skype{background-color:#01AEF2;}
.social-icons .fa-stack-exchange{background-color:#245590;}
.social-icons .fa-stack-overflow{background-color:#FF7300;}
.social-icons .fa-trello{background-color:#265A7F;}
.social-icons .fa-tumblr,.social-icons .fa-tumblr-square{background-color:#314E6C;} 
.social-icons .fa-twitter,.social-icons .fa-twitter-square{background-color:#32CCFE;} 
.social-icons .fa-vimeo-square{background-color:#229ACC;}
.social-icons .fa-vk{background-color:#375474;}
.social-icons .fa-weibo{background-color:#D72B2B;}
.social-icons .fa-windows{background-color:#12B6F3;}
.social-icons .fa-xing,.social-icons .fa-xing-square{background-color:#00555C;} 
.social-icons .fa-youtube,.social-icons .fa-youtube-play,.social-icons .fa-youtube-square{background-color:#C52F30;}
 

/*	Responsive Grid (desktop) DO NOT NEST these styles
****************************************************************/

*, *:after, *:before { 	-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

[class*='col-'] 	{ float: left; padding-right: 1.25em; /* column-space */ overflow: hidden; }
[class*='col-'] [class*='col-']  { padding-right: 0em; overflow: hidden; }


.grid 			{ width: 100%; max-width: 1170px; margin: 0 auto; overflow: hidden; }
.grid:after 		{ content: ""; display: table; clear: both; }

.grid-pad 		{
				padding-top: 1.25em;
				padding-left: 1.25em; /* grid-space to left */
				padding-right: 0px; /* grid-space to right: (grid-space-left - column-space) e.g. 20px-20px=0 */
			}

.footer .grid-pad 	{ padding-top: 0px; }
.push-right 		{ float: right; }
.push-left 		{ float: left; }


/*	Content Columns
*************************************************/


.col-1-1 		{ width: 100%; }
.col-4-5		{ width: 80%; }
.col-9-12, .col-3-4 	{ width: 75%; }
.col-2-3, .col-8-12 	{ width: 66.66%; }
.col-1-2, .col-6-12 	{ width: 50%; }
.col-1-3, .col-4-12 	{ width: 33.33%; }
.col-1-4, .col-3-12 	{ width: 25%; }
.col-1-5 		{ width: 20%; }
.col-1-6, .col-2-12 	{ width: 16.667%; }
.col-1-7 		{ width: 14.28%; }
.col-1-8 		{ width: 12.5%; }
.col-1-9 		{ width: 11.1%; }
.col-1-10 		{ width: 10%; }
.col-1-11 		{ width: 9.09%; }
.col-1-12 		{ width: 8.33% }

/* Layout Columns */

.col-11-12 		{ width: 91.66% }
.col-10-12 		{ width: 83.333%; }
.col-5-12 		{ width: 41.66%; }
.col-7-12 		{ width: 58.33%; }

/* Pushing blocks */

.push-2-3, .push-8-12 	{ margin-left: 66.66%; }
.push-1-2, .push-6-12 	{ margin-left: 50%; }
.push-1-3, .push-4-12 	{ margin-left: 33.33%; }
.push-1-4, .push-3-12 	{ margin-left: 25%; }
.push-1-5 		{ margin-left: 20%; } 
.push-1-6, .push-2-12 	{ margin-left: 16.667%; }
.push-1-7 		{ margin-left: 14.28%; }
.push-1-8 		{ margin-left: 12.5%; }
.push-1-9 		{ margin-left: 11.1%; }
.push-1-10 		{ margin-left: 10%; }
.push-1-11 		{ margin-left: 9.09%; }
.push-1-12 		{ margin-left: 8.33% }


/*	WOOCOMMERCE
*************************************************/

.payment_methods.methods img { width: auto; height: auto; }
.woocommerce-billing-fields input { padding: 5px; }
.woocommerce .quantity .qty { padding: 7px 0; }
.woocommerce .button, .woocommerce a.button, .woocommerce button.button.alt, .woocommerce submit.button.alt { background: #fff !important; border: 1px solid #ccc !important; text-transform: uppercase; font-weight: 300 !important; font-size: .9em !important; }
.woocommerce a.button:hover, .woocommerce button.button.alt:hover  { background: #ccc !important; color: #fff !important; }
.woocommerce input.input-text, .woocommerce text-area#order_comments { padding: 10px 5px !important;  }
.woocommerce .woocommerce.form .form-row input.input-text { padding: 4px 2px !important; }
.woocommerce .woocommerce-checkout #payment { background: #fff; border: 1px solid #ccc; }
.woocommerce .woocommerce-checkout #payment div.payment_box { background: #eee; }
.woocommerce .woocommerce-checkout li { background: none; }
.woocommerce .woocommerce-checkout #payment div.payment_box:before, .woocommerce .woocommerce-checkout #payment div.payment_box:after {   }
.woocommerce-cart .cart-collaterals .cart_totals table { width: 100% !important; }
.woocommerce .cart-collaterals .cart_totals, .woocommerce-page .cart-collaterals .cart_totals {  }
.woocommerce .input-text.qty.text { padding: 7px 0 !important; }
.woocommerce .woocommerce-info, .woocommerce .woocommerce-info::before, .woocommerce .woocommerce-message, .woocommerce .woocommerce-message::before { border-top-color: #000 !important; color: #000 !important; }
.woocommerce small { font-size: .875em !important; }
.woocommerce-shipping-fields { padding: 10px; background: #f7f6f7; }
.woocommerce-checkout .checkout .col-2 h3#ship-to-different-address { font-size: 1em; padding: 10px 20px; background: #fff; border: 1px solid #eee; }
li.gfield.prooftext { margin-top: -20px !important; }
.woocommerce .related.products { clear: both; }
.woocommerce .woocommerce-tabs .panel h2 {   }
.upsells.products { clear: both; }
.sku_wrapper {}
.woocommerce .reset_variations { font-size: .8em; }
mark.count {   }
.variations td.label { padding-bottom: 20px; }
.woocommerce ul.products li.product .price del { float: left; margin: 0 .75em 0 0; }
small.includes_tax {   }
.woocommerce .gform_wrapper .gform_footer { padding: 0 !important; }
.woocommerce .amount { font-size: 1.7em !important; }
.col-1-3 select.dropdown_product_cat { width: 100%; }
input.input-text, textarea.input-text { font-size: 1.1em !important; }
.woocommerce tr.cart_item .amount { font-size: 1em !important; }
.woocommerce table.variations { width: 100%; }
.woocommerce .gform_button { border: none; padding: 5px 10px; color: #fff; background: #ccc; font-size: 1.4em !important; font-family: 'lato'; }
.woocommerce .gform_button:hover { background: #555B50; }
.woocommerce ul.order_details { list-style: none; }
.woocommerce ul.order_details li { list-style: none; padding: 20px; font-size: 1.3em !important; }
.woocommerce ul.order_details li .amount { font-size: 1.4em !important; }


/*	RESPONSIVE CSS ONLY BELOW THIS POINT		*
***********************************************

.s1440 { display: none; text-align: center; background: red; clear: both; }
.s1024 { display: none; text-align: center; background: orange; clear: both; }
.s768 { display: none; text-align: center; background: green; clear: both; }
.s425 { display: none; text-align: center; background: pink; clear: both; }
.s240 { display: none; text-align: center; background: lime; clear: both; } */

/*	Responsive Media Queries  			*
************************************************/

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

.s1440 { display: block; }

}


@media only screen and (min-width : 1024px) and (max-width : 1439px) { 

.s1024 { display: block; }

.nav { margin-top: 2em;}

.nav li { margin: 0 3%; }

.col-1-3.push-right { margin-top: 1.7em; }

}


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

body { font-size: .75em;  } 
.s768 { display: block; }

.nav { margin-top: 2em;}

.nav li { margin: 0 3%; }

.col-1-3.push-right { margin-top: 1.7em; }

.menu-useful-links-container ul, .menu-services-container ul {
    display: inline-block;
}

}


@media only screen and (min-width : 425px) and (max-width : 767px) { 
.s425 { display: block; }

body { font-size: .75em;  } 
.grid { width: 100%; margin-left: 0px; margin-right: 0px; padding-left: 20px; padding-right: 20px; }
[class*='col-'] { float: none; margin-left: 0px; margin-right: 0px; margin-top: 0px; margin-bottom: .75em; padding-left: 0px; padding-right: 20px; padding-bottom: 0px; width: 100% !important; }

.header .grid {
    padding-left: 0px;
    padding-right: 0px;
}

#wprmenu_bar .menu_title a {
    top: 2px!important;
    color: #fff!important;
}

a.logo img {
    width: 35%;
    height: auto;}

a.logo {
    float: none; }

.col-2-12.push-left {
    text-align: center;}

.header .content {
    text-align: center;}

.main-banner {
    padding: 8em 0em;}

.col-1-1.intro {
    padding: 0em 2em;}

.col-1-1.intro h1 {
    margin: 0.5em 0em 0em 0em;}

.col-1-2.about-text {
    text-align: center;}

.spacer {
    display: none;}

.col-1-2.about, .col-1-1.reviews, .col-1-2.phoenix-text, .col-1-2.phoenix, .col-1-4.widget_text, .col-1-4.widget_nav_menu {
    padding-right: 0px;}

.reviews-banner {
    padding: 6em 0em;
    margin: 4em 0em 0em 0em;}

.col-1-2.phoenix-text {
    text-align: center;}

.contact-banner {
    padding: 2em 0em;
    margin: 2em 0em 0em 0em; }

.col-1-4.widget_text {
    text-align: center;}

.col-1-4.widget_nav_menu {
    text-align: center;}

.col-1-4.contact {
    text-align: center;
padding-right: 0rem; }

.email, .phone {
    text-align: center;}

.wp-block-column {
    flex-basis: 100%;}

.wp-block-column:not(:first-child), .wp-block-column:nth-child(2n) {
    margin-left: 0px;}

.col-1-1, .col-3-4.archivepage, .col-1-4.archivepage, .col-3-4 {
    padding-right: 0px;}

.wp-block-column:not(:last-child) {
    margin-right: 0px;}
	
	.menu-useful-links-container ul, .menu-services-container ul {
    display: inline-block;
}

}

@media only screen and (min-width : 240px) and (max-width : 424px) { 
.s240 { display: block; }

.grid { width: 100%; margin-left: 0px; margin-right: 0px; padding-left: 20px; padding-right: 20px; }
[class*='col-'] { float: none; margin-left: 0px; margin-right: 0px; margin-top: 0px; margin-bottom: .75em; padding-left: 0px; padding-right: 20px; padding-bottom: 0px; width: 100% !important; }

h1 {
    font-size: 3.0em;}

h2 {
    font-size: 1.8em;}

.header .grid {
    padding-left: 0px;
    padding-right: 0px;
}

#wprmenu_bar .menu_title a {
    top: 2px!important;
    color: #fff!important;
}

a.logo img {
    width: 35%;
    height: auto;}

a.logo {
    float: none; }

.col-2-12.push-left {
    text-align: center;}

.header .content {
    text-align: center;}

.main-banner {
    padding: 8em 0em;}

.col-1-1.intro {
    padding: 0em 2em;}

.col-1-1.intro h1 {
    margin: 0.5em 0em 0em 0em;}

.col-1-2.about-text {
    text-align: center;}

.spacer {
    display: none;}

.col-1-2.about, .col-1-1.reviews, .col-1-2.phoenix-text, .col-1-2.phoenix, .col-1-4.widget_text, .col-1-4.widget_nav_menu {
    padding-right: 0px;}

.reviews-banner {
    padding: 3em 0em;
    margin: 1em 0em 0em 0em;}

.col-1-2.phoenix-text {
    text-align: center;}

.contact-banner {
    padding: 2em 1em;
    margin: 0em 0em 0em 0em;}

.col-1-4.widget_text {
    text-align: center;}

.col-1-4.widget_nav_menu {
    text-align: center;}

.col-1-4.contact {
    text-align: center;}

.email, .phone {
    text-align: center;}

.col-1-1, .col-3-4.archivepage, .col-1-4.archivepage, .col-3-4 {
    padding-right: 0px;}
	
	.menu-useful-links-container ul {
    display: inline-block!important;
}

}