/*
Theme Name: Ecatenate
Theme URI: https://ecatenate.com
Author: Ross Williamson
Author URI: https://rosswilliamson.com
Description: GGPT website theme
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: black, blue, gray
Text Domain: 

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
*/

/*----Reset default browser CSS---- */
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, font, 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 {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
}
ul {
	list-style: none;
}
li{
	box-sizing:border-box;
}
/* ---------HIDE STUFF------------------- */
.slideshowlink,
.edit-link,
.entry-title,
.leave-reply,
.entry-meta{
	display:none;
}




/*---COMMENTS------------------------------*/
#wpcomm .wc-blog-post_author > .wc-comment-right .wc-comment-author, #wpcomm .wc-blog-post_author > .wc-comment-right .wc-comment-author a {
    color: #3b83bb!important;
}
#wpcomm .wc-blog-post_author > .wc-comment-left .wc-comment-label {
    background: #3b83bb!important;
}
.wpdiscuz-sort-button-active {
    color: #3b83bb!important;
    cursor: default!important;
}
#wpcomm .wc-comment-bar,
#wc-comment-header,
#wc_show_hide_loggedin_username{
    display: none!important;
}

.codecolorer{
	word-wrap: break-word;
}


/* ---------MOBILE MENU------------------- */
.slicknav_menu{
	display:none;
	position:fixed;
	top:0px;
	right:0px;
	width:100%;
	z-index:99999;
	font-size:16px;
}
/* -------------------------------------------------SLICKNAV---------------------------------------------------------- */
.slicknav_btn { 
	position: relative; 
	display: block; 
	vertical-align: middle; 
	float:right; 
	padding: 10px 11px 11px;
	line-height: 1.125em; 
	cursor: pointer; 
}
.slicknav_btn.slicknav_open{
	background:#1c232b;
	border-left: 1px solid #1c232b;
}
.slicknav_menu .slicknav_menutxt { 
	display: none; 
	line-height: 1.188em; 
	float: left; 
}
.slicknav_menu .slicknav_icon { 
	float: left;
    margin: 5px;
    background: none;
    padding: 5px 7px;
    border-radius: 25px;
}
.slicknav_menu .slicknav_icon-bar { 
	display: block; 
	width: 1.75em;
    height: 0.25em; 
	-webkit-border-radius: 1px; 
	-moz-border-radius: 1px; 
	border-radius: 1px; 
}
.slicknav_btn .slicknav_icon-bar + .slicknav_icon-bar { 
	margin-top: 0.3em 
}
.slicknav_nav li { 
	display: block;
	border-top: 1px solid #3c434b;
}
.slicknav_nav ul ul { 
	border-top: none;
}
.slicknav_nav li:last-child {
    border-bottom: 1px solid #3c434b;
}
.slicknav_nav .slicknav_arrow { 
	font-size: 0.8em; 
	margin: 0 0 0 0.4em; 
	display:none;
}
.slicknav_nav .slicknav_item { 
	cursor: pointer; 
}
.slicknav_nav .slicknav_row { 
	display: block; 
}
.slicknav_nav a { 
	display: block 
}
.slicknav_nav .slicknav_item a,
.slicknav_menu:before,
.slicknav_menu:after { 
	content: " "; 
	display: table; 
}
.slicknav_menu:after { 
	clear: both 
}
/* IE6/7 support */
.slicknav_menu { 
	*zoom: 1 
}

.slicknav_menu {
    font-size:16px;
}
/* Button */
.slicknav_btn {
    text-decoration:none; 
}
/* Button Text */
.slicknav_menu  .slicknav_menutxt {
    color: #FFF;
    font-weight: bold;
	display:none;
}
/* Button Lines */
.slicknav_menu .slicknav_icon-bar {
  	background-color: #fff;
}
.slicknav_nav {
    color:#fff;
    margin:0;
    font-size:0.875em;
	background: #1c232b;
    padding: 30px 30px 40px;
	height:100vh;
	clear: both;
}
.slicknav_nav a:link.slicknav_item{
	display:none;
}
.slicknav_nav a:link,
.slicknav_nav a:visited{
    text-decoration:none;
	text-align:left;
	font-family: Roboto;
    text-transform: none;
    font-weight: 400;
    font-size: 1.125rem;
    line-height: 1.75rem;
	padding: 10px 0px;
    color: #fff;
}
.slicknav_nav a:hover{
    color:#70c6f3;
}
.slicknav_nav ul{
	display:none;
}
.slicknav_nav ul li{
	padding: 2px 0px 2px 20px;
}
.slicknav_nav li li a:link,
.slicknav_nav li li a:visited{
	padding:0px;
	font-size:0.875rem;
	color:#70c6f3;
}
.slicknav_nav li li a:hover{
	color:#fff;
}







/*
 * Dropit v1.1.0
 * http://dev7studios.com/dropit
 *
 * Copyright 2012, Dev7studios
 * Free to use and abuse under the MIT license.
 * http://www.opensource.org/licenses/mit-license.php
 */

/* These styles assume you are using ul and li */
.dropit {
    list-style: none;
	padding: 0;
	margin: 0;
}
.dropit .dropit-trigger { position: relative; }
.dropit .dropit-submenu {
    position: absolute;
    top: 100%;
    left: 0; /* dropdown left or right */
    z-index: 1000;
    display: none;
    min-width: 250px;
    list-style: none;
	padding: 0;
	margin: 0;
}
.dropit .dropit-open .dropit-submenu { display: block; }









/* ------------------------------------------------------------------------------------------------------------------ */
/* -------------------------------------------------GENERAL---------------------------------------------------------- */
/* ------------------------------------------------------------------------------------------------------------------ */
html{
	height:100%;
	font-size:16px;
}
body {
	height:100%;
	font-family: 'Roboto', Arial, sans-serif;
	font-weight:400;
	color:#3d444e;
	background:#fff;
}
a:link, a:visited{
	text-decoration:none;
	color:#0a6aa7;
	transition:color .5s linear;
}
a:hover{
	text-decoration:none;
	color:#000;
}
img{
 	max-width: 100%;
}
h1{
	font-weight:800;
	font-family: 'Montserrat', sans-serif;
	text-transform:uppercase;
	font-size:3rem;
	color:#000;
	text-align:center;
	background:url(img/h1line.png) no-repeat bottom center;
	padding-bottom:23px;
	margin-bottom:23px;
}

.clearfix:after,
#services ul:after{
  	content: "";
  	display: table;
  	clear: both;
}


#fourohfour{
	margin:0 auto 200px;
	max-width:1120px;
	width:96%;
	padding-top:200px;
}
#fourohfour h2{
	font-size:2.5rem;
	line-height:2.75rem;
	text-align:center;
	font-weight:normal;
}
#fourohfour h3{
	font-size:1.5rem;
	line-height:1.75rem;
	text-align:center;
	font-weight:normal;
}


.bold,
strong{
	font-weight:700;
}
.button:link,
.button:visited{
	padding: 16px 15px;
    width: 180px;
    color: #fff;
	font-weight:700;
    text-align: center;
    display: block;
    margin: 10px auto;
    font-size: 1rem;
    transition: all .75s ease;
    background: #3b83bb;
    text-transform: uppercase;
	border-radius: 30px;
}
.button:hover{
	background-color:#000;
}
.altbutton:link,
.altbutton:visited{
	background:#fff;
	color:#000;
}
.altbutton:hover{
	background-color:#000;
	color:#fff;
}



.center{
	text-align:center;
}
.structure{
	margin:0 auto;
	max-width:1120px;
	width:96%;
}


p.intro{
	font-size:1.25rem;
	line-height:1.5rem;
	font-weight:700;
	text-align:center;
	margin-bottom:40px;
}



#topcontainer{
	background:#0e1318;
	position:fixed;
	z-index:99997;
	width:100%;
	height:60px;
	color:#efeff0;
}
#toplogo{
	float:left;
	margin-top:10px;
	padding-right:25px;
	background:url(img/topdots.png) no-repeat right center;
}
#toplogo a:link,
#toplogo a:visited{
	color:#7bc3fb;
	line-height:2.25rem;
	font-size:2.25rem;
	font-family:montserrat;
	font-weight:400;
	color:#7bc3fb;
	letter-spacing:-2px;
}
#toplogo a:hover{
	color:#fff;
}
#topnav{
	padding-left:20px;
	float:left;
	margin-top:27px;
}
#topnav li{
	float:left;
}
#topnav .submenu li{
	float:none;
}
#topnav li a:link,
#topnav li a:visited{
	display:block;
	text-transform:uppercase;
	color:#c9d5d7;
	font-weight:700;
	font-size:0.9375rem;
	margin-right:12px;
}
#topnav li a:hover{
	color:#7bc3fb;
}
#topnav .submenu{
	background:rgba(0,0,0,1);
	padding: 20px 20px 30px 20px;
}
#topnav .submenu li a:link,
#topnav .submenu li a:visited{
	display:block;
	text-transform:none;
	color:#c9d5d7;
	font-weight:400;
	padding:8px 0px;
	border-bottom:1px solid #555;
	margin-right:0px;
}
#topnav .submenu li a:hover{
	color:#7bc3fb;
}
#topsocial{
	margin-top:10px;
	float:right;
}
#topsocial p{
	float:left;
	height:36px;
	background:url(img/topdots.png) no-repeat right center;
	padding-right:22px;
	font-size:0.9375rem;
	line-height:50px;
}
#topsocial p span{
	color:#7bc3fb;
}
#topsocial ul{
	float:left;
	margin-left:13px;
	margin-top:5px;
}
#topsocial li{
	float:left;
	margin-right:7px;
}
#topsocial li a:link,
#topsocial li a:visited{
	background-image:url(img/topsocial.png);
	background-repeat:no-repeat;
	width:32px;
	height:32px;
	display:block;
}
#topsocial li .linkedin:link,
#topsocial li .linkedin:visited{
	background-position:0px 0px;
}
#topsocial li .linkedin:hover{
	background-position:0px -32px;
}
#topsocial li .twitter:link,
#topsocial li .twitter:visited{
	background-position:-32px 0px;
}
#topsocial li .twitter:hover{
	background-position:-32px -32px;
}






#homeintrocontainer{
	background:#000;
	height:600px;
	background-image:url(img/headers/home.jpg);
	background-size:cover;
	background-repeat:no-repeat;
	background-position:top center;
}
#homeintro{
	padding-top:60px;
	height:540px;
	position:relative;
}
#homeintro h3{
	color:#9eadb2;
	font-family:montserrat;
	font-size:1.75rem;
	text-transform:uppercase;
	text-align:center;
	padding-top:95px;
}
#homeintro h1{
	color:#fff;
	font-family:montserrat;
	font-size:4.25rem;
	text-transform:uppercase;
	text-align:center;
	background:none;
	padding:0px;
	margin:0px;
}
#homeintro h2{
	color:#ccd6d9;
	font-size:1.5rem;
	text-align:center;
	font-weight:400;
	line-height:1.85rem;
	max-width:700px;
	margin: 10px auto 20px;
}
#homeintro .buttons ul{
	position:relative;
    left:50%;
}
#homeintro .buttons{
	float:right;
    position:relative;
    left:-50%;
}
#homeintro .buttons li{
	float:left;
	margin:0 5px;
}
#mobilecontainer{
	clear:both;
	padding-top:125px;
}
#homemobile{
	width:33.33%; 
	float:left;
}
#homeinfo{
	width:66.67%; 
	float:left;
}



#bannercontainer{
	background-color:#1d272f;
	height:400px;
	background-repeat:no-repeat;
	background-size:cover;
}
#banner{
	padding-top:140px;
	position:relative;
}
#banner h1{
	font-size:4rem;
	color:#fff;
}
.page-child #banner h1{
	background:none;
	width: 65%;
    margin: 0 auto;
	word-wrap: break-word;
}
.page-child #banner{
	padding-top:150px;
}
#banner h2{
	font-weight:400;
	font-family: Roboto;
	font-size:1.5rem;
	color:#9eadb2;
	text-align:center;
	width:70%;
	margin:0 auto;
	line-height:1.75rem;
}

.banner-services{
	background-image:url(img/headers/services.jpg);
}
.banner-news{
	background-image:url(img/headers/news.jpg);
}
.banner-about{
	background-image:url(img/headers/about.jpg);
}
.banner-casestudies{
	background-image:url(img/headers/casestudies.jpg);
}
.banner-contact{
	background-image:url(img/headers/contact.jpg);
}
.banner-blog{
	background-image:url(img/headers/blog.jpg);
	background-position:top center;
}


#breadcrumbcontainer{
	width:100%;
	background:#eee;
    margin-bottom: 70px;
}
.breadcrumbs{
	font-size: 0.875rem;
    font-weight: 400;
    padding: 15px 0px;
    box-sizing: border-box;
}



#content{
	width: 70%;
    padding-right: 5%;
    border-right: 5px solid #eee;
    float: left;
    box-sizing: border-box;
	margin-bottom:70px;
}
#productcontent{
	margin-bottom:70px;
}
#content h2,
#map h2,
#productcontent h2{
	font-size: 1.5rem;
    line-height: 2rem;
}
#content h3,
#productcontent h3{
	font-size: 1.25rem;
    line-height: 1.5rem;
    margin-bottom: 5px;
}
#rightpanel{
	width:20%;
	margin-left:5%;
	float:left;
	margin-bottom:70px;
}
#rightpanel h2{
	font-size: 1.5rem;
    line-height: 2rem;
    margin-bottom: 5px;
}
#rightpanel h3{
	font-size: 1.25rem;
    line-height: 1.5rem;
    margin-bottom: 5px;
}
#leftproduct{
	float:left;
	width:48%;
	margin-right:4%;
}
#rightproduct{
	float:left;
	width:48%;
}
p {
    line-height: 1.5rem;
	font-size:1.125rem;
    margin-bottom: 25px;
}
#content p:first-child { 
    line-height: 1.75rem;
	font-size:1.375rem;
	font-weight:400;
	color:#000;
}
#content #comments p:first-child { 
    line-height: 1.25rem;
	font-size:1rem;
	font-weight:400;
}
#contentfooter p:first-child{
	background: #d1ebff;
    color: #085c9e;
    font-size: 1.25rem;
    padding: 20px;
    margin-bottom: 40px;
    line-height: 1.5rem;
}
#content #contentservices ul{
	margin-top:5px;
	padding-left:0px;
}
#content #contentservices li {
    list-style-type: none;
    margin-bottom: 5px;
}
#content #contentservices li a:link,
#content #contentservices li a:visited{
	display:block;
	background: #efefef;
	padding: 10px;
}
#content #contentservices li a:hover{
	background: #ddd;
}
#content  ul{
	padding-left:20px;
	margin-bottom:25px;
}
#content li{
    margin-bottom: 15px;
	list-style-type:disc;
	font-size:1.125rem;
	line-height:1.375rem;
}
#rightpanel  ul{
	padding-left:20px;
	margin-bottom:20px;
}
#rightpanel li{
	font-size: 1rem;
    line-height: 1.25rem;
    margin-bottom: 15px;
	list-style-type:disc;
}
.about #rightpanel li{
	font-size: 1.125rem;
    line-height: 1.375rem;
    margin-bottom: 10px;
	list-style-type:disc;
	padding-bottom:5px;
	border-bottom:1px dotted #ccc;
}
.casestudies #content{
	width: 100%;
    padding-right: 0%;
    border-right: none;
    float: left;
    box-sizing: border-box;
}
.casestudies #content h3{
    border-bottom: 2px solid #eee;
    padding-bottom: 5px;
}
.casestudies #content p{
	
}
.casestudies #content ul{
	padding-left:0px;
}
.casestudies #content .footer:link,
.casestudies #content .footer:visited{
    border-top: 2px solid #eee;
    padding-top: 5px;
    margin-top: 5px;
    display: block;
}
.casestudies #content li{
	float:left;
	width:29.33%;
	margin-right:4%;
	margin-bottom:2%;
	list-style:none;
}
#contactform{
	width: 50%;
    padding-right: 0%;
    float: left;
    box-sizing: border-box;
}
#contactaddress{
	width: 50%;
    padding-right: 0%;
    float: left;
    box-sizing: border-box;
}
#contactmap{
	width: 100%;
	float:left;
	margin-bottom:70px;
	margin-top:30px;
}



#latestnews{
	position:relative;
	bottom:0px;
	/*background:rgba(0,0,0,0.5);*/
	color:#fff;
	padding:15px 0px;
	width:100%;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space:nowrap;
	margin-top:17px;
}
#latestnews span{
	color:#7bc3fb;
}
#latestnews a:link,
#latestnews a:visited{
	color:#fff;
}
#latestnews a:hover{
	color:#7bc3fb;
}


.single #content h2:first-of-type{
	margin-bottom:20px;
}
#news{
	width:70%;
	padding-bottom:70px;
	float:left;
}
.newsdate{
	background: #eee;
    float: left;
    padding: 10px;
    font-size: 0.875rem;
	line-height:1rem;
	text-transform:uppercase;
    border: 3px solid #ddd;
    margin: 0 10px 0px 0px;
}
.newsitem p{
	overflow:hidden;
}
.newspost{
	margin-bottom:20px;
	border-bottom:5px solid #eee;
}
.newspost h2{
    font-size: 1.375rem;
    line-height: 2rem;
    font-weight: 400;
}
.newspost span.day {
    font-size: 1.5rem;
}
.newspost span.year {
    font-size: 0.75rem;
}
.prev-button:link,
.prev-button:visited{
    float: left;
	padding: 16px 15px;
    width: 150px;
    color: #fff;
	font-weight:700;
    text-align: center;
    display: block;
    margin: 10px auto;
    font-size: 0.875rem;
    transition: all .75s ease;
    background: #3b83bb;
    text-transform: uppercase;
	border-radius: 30px;
}
.prev-button:hover{
    background: #000;
}
.next-button:link,
.next-button:visited{
    float: right;
	padding: 16px 15px;
    width: 150px;
    color: #fff;
	font-weight:700;
    text-align: center;
    display: block;
    margin: 10px auto;
    font-size: 0.875rem;
    transition: all .75s ease;
    background: #3b83bb;
    text-transform: uppercase;
	border-radius: 30px;
}
.next-button:hover{
    background: #000;
}
.more-link:link,
.more-link:visited{
    clear: both;
    padding: 6px;
    width: 100px;
    color: #fff;
    font-weight: 700;
    text-align: center;
    display: block;
    margin: 8px 0px;
    font-size: 0.75rem;
    transition: all .75s ease;
    background: #3b83bb;
    text-transform: uppercase;
    border-radius: 30px;
}
.more-link:hover{
    background: #000;
}


#newsright{
	width:20%;
	margin-left:5%;
	float:left;
	margin-bottom:70px;
}
#newsright h2{
	font-size: 1.5rem;
    line-height: 2rem;
    margin-bottom: 5px;
}
#newsright h3{
	font-size: 1.25rem;
    line-height: 1.5rem;
    margin-bottom: 5px;
}
#newsright ul{
	margin-bottom:20px;
}
#newsright li:first-child{
	border-top: 3px solid #eee;
	padding-top:7px;
}
#newsright li{
	font-size: 1rem;
    line-height: 1.25rem;
	margin-bottom: 10px;
    padding-bottom: 10px;
    border-bottom: 3px solid #eee;
}
.date{
	font-size:0.75rem;
	line-height:0.875rem;
	color:#999;
	margin-bottom:0px;
}
.single .button:link, 
.single .button:visited {
    width: 150px;
    margin: 0px;
}





#homeoverviewcontainer{
	padding:90px 0px;
	background-color:#ecebeb;
	height:260px;
}
#homeoverview p:first-of-type{
	text-align:left;
	font-size:1.5rem;
	line-height:1.75rem;
	margin-bottom:25px;
	font-weight:700;
}
#homeoverview p{
	text-align:left;
	font-size:1.25rem;
	line-height:1.75rem;
	margin-bottom:25px;
}
#homeoverview{
	padding-top:60px;
}
#homeoverview .button:link, 
#homeoverview .button:visited{
	margin:0px;
	float:left;
}
#homeoverview img{
	margin-left: 30px;
    width: 60%;
    float: left;
}





#servicescontainer{
	clear:both;
	padding:0px 0px 30px;
}
#services{
	padding-bottom:20px;
}
#services li{
	width:33.33%;
	float:left;
	padding-right:3%;
	margin-bottom:3%;
}
#services li h2{
	font-size: 1.25rem;
    line-height: 1.875rem;
    border-bottom: 2px solid #eee;
    padding-bottom: 3px;
	font-weight:400;
    margin-bottom: 3px;
}
#services h1 + p{
	font-size:1.25rem;
	line-height:1.5rem;
	font-weight:700;
	text-align:center;
	margin-bottom:40px;
}
#services li p{
	font-size:1.125rem;
	line-height:1.5rem;
	margin-bottom:10px;
}
#services li p a:link,
#services li p a:visited{
	padding: 10px 15px;
    width: 100px;
    color: #fff;
    text-align: center;
    display: block;
    margin: 10px 0px;
    font-size: 0.875rem;
    transition: all .75s ease;
    background: #2b3237;
    text-transform: uppercase;
	border-radius: 20px;
}
#services li p a:hover{
	background-color:#3b83bb;
}
#services.servicespage li h2 a:link,
#services.servicespage li h2 a:visited{
    font-weight:700;
}
	
	
	
#homecasestudy{
	margin-bottom:50px;
}
#homecasestudy ul{
	margin-bottom:40px;
}
#homecasestudy li{
	float:left;
	position:relative;
	width:33.33%;
	height:345px;
	background:#000;
	border-right:1px solid rgba(255,255,255,0.5);
	background-repeat:no-repeat; 
	background-size:cover;
}
#homecasestudy li p{
	line-height: 1.375rem;
    font-size: 1rem;
    margin-bottom: 0px;
}
#homecasestudy li p span{
	color:#7bc3fb;
}
#homecasestudy h1{
	border-top: 8px solid #eee;
	padding-top:70px;
	margin-bottom:20px;
}
#homecasestudy ul a:link,
#homecasestudy ul a:visited{
	position:absolute;
	bottom:0px;
	padding:20px;
	box-sizing:border-box;
	background:rgba(0,0,0,0.3);
	display:block;
	width:100%;
	color:#fff;
	line-height:1.375rem;
}
#homecasestudy ul a:hover{
	color:#7bc3fb;
}
#homecasestudy span{
	display:block;
}
#homecasestudy ul a:link .casename,
#homecasestudy ul a:visited .casename{
	color:#7bc3fb;
}
#homecasestudy ul a:hover .casename{
	color:#7bc3fb;
	transition:0.5s all ease;
}





#homeaboutcontainer{
	background:url(img/hand.jpg) no-repeat right center;
}
#homeabout{
	padding-top:50px;
	padding-bottom:110px;
	border-top:8px solid #ecebeb;
}
#homeabout .intro{
	text-align:left;
}
#homeabout p{
	margin-bottom:20px;
	font-size:1.25rem;
	line-height:1.5rem;
	width:65%;
}	
#homeabout .button:link, 
#homeabout .button:visited{	
	margin:10px 0px;
}
	
	
	
	
	
#homecontactcontainer{
	background:#27333c;
	width:100%;
	padding:30px 0px;
	text-align:center;
	color:#fff;
	font-size:1.25rem;
}	
#homecontact a:link,
#homecontact a:visited{
	color:#7bc3fb;
}
#homecontact a:hover{
	color:#fff;
}	
#homecontact p{
	margin-bottom:0px;
}


#contactform table{
	width:100%;
}
.contact h2{
	font-weight: 700;
	margin-bottom:10px;
    font-size: 1.5rem;
    text-align: left;
    line-height: 1.75rem;
}
.enquiry-label {
    padding-top: 10px;
}
.wpcf7-text,
.wpcf7-captchar{
	padding:5px;
	border: 1px solid #ddd;
	width:90%;
}
.wpcf7-textarea{
	padding:11px;
	border: 1px solid #ddd;
	width:88%;
}
.wpcf7-submit{
	padding: 10px 15px;
    width: 160px;
    color: #fff;
	cursor:pointer;
    text-align: center;
    display: block;
    margin: 10px 0px;
    font-size: 0.875rem;
    transition: all .75s ease;
    background: #2b3237;
    text-transform: uppercase;
    border-radius: 20px;
	border:0px;
}
.wpcf7-submit:hover{
    background: #3b83bb;
}

/****************CONTACT ERRORS****************************/
div.wpcf7-mail-sent-ok {
	border:1px solid #41b300;
	padding:10px;
	background-color:#ecffd3;
	color:#216a02;
	font-weight:400;
}
div.wpcf7-mail-sent-ng {
	border:1px solid #41b300;
	padding:10px;
	background-color:#ecffd3;
	color:#216a02;
	font-weight:400;
}
div.wpcf7-spam-blocked {
	border:1px solid #e3a9ba;
	padding:10px;
	background-color:#f6dae2;
	color:#a40835;
	font-weight:400;
}
div.wpcf7-validation-errors {
	border:1px solid #e3a9ba;
	padding:10px;
	background-color:#f6dae2;
	color:#a40835;
	font-weight:400;
}
span.wpcf7-not-valid-tip {
	color: #a40835;
	font-size: 14px;
	display: block;
	padding-top:5px;
	font-weight:400;
}






#footercontainer{
	background:#1d272f;
	padding:65px 0px;
	color:#758491;
}
#footer div{
	float:left;
	width:25%;
}
#footer div h2{
	color:#7bc3fb;
	font-size:1.125rem;
	text-transform:uppercase;
	margin-bottom:15px;
}
#footer div li{
	line-height:1.875;
}
#footer div#footernav li,
#footer div#footerservices li,
#footer div#footeraddress{
	color:#fff;
}
#footer div#footercontact li{
	line-height:1.375;
}
#footer div#footeraddress img{
	margin:5px 0px;
}
#footer a:link,
#footer a:visited{
	color:#a6b3be;
}	
#footer a:hover{
	color:#7bc3fb;
}	
	
#copyright{
	background:#161e25;
	text-align:center;
	padding:20px 0px;
	color:#6f7d8a;
	font-size:0.875rem;
}
#copyright a:link,
#copyright a:visited{
	color:#a6b3be;
}	
#copyright a:hover{
	color:#7bc3fb;
}
	
	


@media screen and (min-width: 640px) and (max-width:1023px) {
.slicknav_menu{
	display:block;
}
html{
	font-size:15px;
}
#topnavcontainer,
#homemobile,
#footeraddress,
#newsright{
	display:none;
}	
#topsocial {
    margin-right: 50px;
}
#footer div {
    width: 33.33%;
}
#homeinfo {
    width: 100%;
}
#homeoverviewcontainer {
    margin-bottom: 50px;
}
#news {
    width: 100%;
}
#content {
    width: 100%;
    padding-right: 0%;
    border-right: none;
}
#rightpanel {
    width: 100%;
    margin-left: 0%;
}
}
@media screen and (max-width:639px) {
.slicknav_menu{
	display:block;
}
html{
	font-size:15px;
}
#topnavcontainer,
#topsocial,
#homemobile,
#homecasestudycontainer,
#footerservices,
#footeraddress,
#newsright,
#latestnews{
	display:none;
}
#homeintrocontainer{
	height:100vh;
}
#homeintro h3 {
    font-size: 1.375rem;
    padding-top: 65px;
}
#homeintro h1 {
    font-size: 3.25rem;
}
#homeintro h2 {
    font-size: 1.375rem;
    line-height: 1.75rem;
    max-width: 300px;
}
#homeintro .buttons li {
    float: none;
    margin:0px;
}
#services li {
    width: 100%;
    float: none;
    padding-right: 0;
    margin-bottom: 10%;
}
#homeabout p {
    width: 100%;
}
#homeaboutcontainer {
    background: none;
}
#mobilecontainer{
	padding-top:125px;
}
#mobilecontainer {
    padding-top: 0px;
}
#homeinfo{
    width: 100%;
}
#homeoverview p:first-of-type {
    font-size: 1.375rem;
}
#homeoverviewcontainer {
    height: 560px;
	margin-bottom: 60px;
}
#footer div {
    width: 100%;
    margin-bottom: 40px;
}
#footercontainer {
    padding: 45px 0px 20px;
}
#homeabout {
    padding-bottom: 50px;
}
#homecontact p {
    font-size: 1rem;
}
#homecontactcontainer {
    padding: 20px 0px;
}
.structure {
    width: 90%;
}
h1 {
    font-size: 2.5rem;
}
#copyright {
    padding: 20px 15%;
    line-height: 1.125rem;
}
#services h1 + p {
    text-align: left;
}
#banner {
    padding-top: 100px;
}
#banner h2 {
    font-size: 1.25rem;
}
#banner h1 {
    font-size: 2.5rem;
}
#breadcrumbcontainer {
    margin-bottom: 40px;
}
.page-child #banner h1 {
    width: 100%;
}
#content {
    width: 100%;
    padding-right: 0;
    border-right: none;
    float: left;
    box-sizing: border-box;
    margin-bottom: 40px;
}
#rightpanel {
    width: 100%;
    margin-left: 0;
    margin-bottom: 40px;
}
#news {
    width: 100%;
}
.casestudies #content li {
    width: 100%;
    margin-right: 0;
}
.contact #content {
    width: 100%;
    margin-bottom: 10px;
    padding-right: 0%;
}
#contactform{
	width: 100%;
	margin-bottom:30px;
}
#contactaddress{
	width: 100%;
	margin-bottom:30px;
}
.contact #map {
    width: 100%;
}
#homeoverview {
    padding-top: 0px;
}
#homecontent{
	height:100vh;
}
#homeoverview img{
	margin-top: 30px;
	margin-left:0px;
    width: 100%;
    float: none;
}
#leftproduct{
	float:left;
	width:100%;
	margin-bottom:4%;
}
#rightproduct{
	float:left;
	width:100%;
}
}