/*

Theme Name: Toast Theme
Description:  Toast theme for client websites. Lightweight, tasty and totally awesome.
Author: Toast Design // David Foreman // Charlotte Brown
Date: June 2017
Version: 3.0-2017
Theme URI: http://www.toastwebsites.co.uk
Author URI: http://www.toastdesign.co.uk
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: Toast
Tags: one-column, two-columns, right-sidebar
*/
.bwg_slideshow_description_text_0 {
    margin: 0 !important;
    top: 0 !important;
    font-size: 13px !important;
}
body.postid-421:after{
    content: "";
    background-image: url(https://www.tensator.com/wp-content/uploads/140-Years-of-Lawrence-Final-Designs-02-e1611757882493.png);
    position: absolute;
    background-repeat: no-repeat;
    background-size: contain;
    right: 15px;
    top: 75px;
    width: 25vw;
    height: 20vw;
    transform: rotate(10deg);
}

product-1085

.show-on-mobile {
	max-width: 250px;
	height: auto;
	display: none;
}

.margtop-minus3 {
	margin-top: -3em;
}
.pillar-contents a {
	color: #fff;
	text-decoration: underline;
}
.slq-mobile-pricing .rpt_title {
	border-radius: 0 !important;
}
.slq-mobile-pricing a.rpt_foot {
	    border-radius: 0 !important;
}
.slq-mobile-pricing .rpt_style_basic .rpt_plan a {
    border-bottom: none;
    border-radius: 0 !important;
}
.slq-mobile-start .accordions-head {
    background: #fff none repeat scroll 0 0;
    outline: none;
    margin-bottom: 10px;
    border-radius: 0;
}
.custom-icons img {
	    max-width: 100px;
    height: 100%;
}
p.breadcrumb-below {
    margin-bottom: 15px;
}
p.header-breadcrumb {
    font-size: 15px !important;
    color: #fff;
	opacity: 0.8;
	margin-bottom: 25px;
}
 p.header-breadcrumb a {
    font-size: 15px;
    color: #fff;
	 text-decoration: underline;
}

.single-solutions.postid-21522 .solutions-image img {
    object-fit: contain;
}
.single-solutions.postid-21522 .solutions-image {
    background: #fff;
}
.accordions { margin-bottom: 25px;}
.accordions p {    font-family: 'Raleway',sans-serif !important;}
.interactive-img { max-width: 700px; margin: 0 auto; }
.buildIcon { opacity: 0!important; }
.buildIconInner { opacity: 0!important; }
.pointBoxDesc {
    width: 100%;
    font-size: 14px !important;
    line-height: 22px !important;
    color: #000000 !important;
}
.pointBoxTitle {
    color: #000000 !important;
}


.sticky-header {
    width: -webkit-fill-available;
}
.sticky-header .grid.grid-pad .push-left{
	width: 23% !important;
	margin-top: 4px !important;
}
.sticky-header .grid.grid-pad .push-right{
	padding-right: 0px !important;
}

.n2-ss-section-main-content {
    padding: 40px !important;
}

.home-sectors h4 {
	    font-size: 28px;
    font-weight: bold;
}
.home-sectors h4 a {
	 transition: all 0.25s;
}
.home-sectors h4 a:hover {
	color: #010101;
}

.n2-ss-slider .n2-ss-layers-container {
    width: 100% !important;
    margin: 0 !important;
}
#mysticky-nav.wrapfixed {
	position: absolute !important;
}
body.single-post .footer .grid { max-width: 1170px !important; }



.rev-slider { position: relative; overflow: hidden; }

.welcome-box { background: #fff; position: absolute; bottom: 0; left: 0; right: 0; padding-bottom: 6em; }


.video-new { position: relative; }
.video-overlay { 
position: absolute;
    top: 18%;
    right: 0;
    left: 0;
    bottom: 0;
    color: #fff;
    text-align: center;

}

.video-overlay .fa.fa-play-circle {     font-size: 8em;
    color: #149deb; }

.video-image-new img  { width: 100%; height: auto; }
.video-new h3.video-h3:after { display: none; }
.video-new h3.video-h3 { text-transform: none; color: #149deb; }

body a#scroll-to-top {     background: url(https://www.tensator.com/wp-content/uploads/arrow.png) no-repeat center center; box-shadow: 0px 0px 10px rgba(0,0,0,0.3); }






.newsimage { min-height: 800px !important; }
.news-image { display: none; }

.tp_recent_tweets li { background: none !important; }
.soliloquy-wrapper { max-width: 100% !important; }
.download-content .hs-button.primary.large { border: 1px solid #fff !important; background: transparent !important; color: #fff !important; }
.download-content .hs-button.primary.large:hover { border: 1px solid #fff !important; background: #fff !important; color: #149deb !important; }

.background-colour-four .gform_wrapper .gfield_required {
    color: #fff;
    margin-left: 4px;
}

.background-colour-four .validation_error { opacity: 0; }


.gform_wrapper li.gfield.gfield_error, .gform_wrapper li.gfield.gfield_error.gfield_contains_required.gfield_creditcard_warning {

    background-color: transparent !important;
    margin-bottom: 0px!important;
    border-top: 0px !important;
    border-bottom: 0px !important;
    padding-bottom: 0px!important;
    padding-top: 0px!important;

}



.slider-gradient { margin-top: -21px; height: 2em; /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#3e9bd1+0,59b8aa+100 */
background: #3e9bd1; /* Old browsers */
background: -moz-linear-gradient(left, #3e9bd1 0%, #59b8aa 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left, #3e9bd1 0%,#59b8aa 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right, #3e9bd1 0%,#59b8aa 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3e9bd1', endColorstr='#59b8aa',GradientType=1 ); /* IE6-9 */ }



.with-top-margin { margin-top: -11em; }
.with-bottom-margin { margin-bottom: -10em; }
.col-1-4.partner-section { float: none; display: inline-block; width: 33%; padding: 1%; vertical-align: top;  text-align: left; }

.mapplic-tooltip-content {
    max-height: 180px;
	min-height: 180px;
    margin-right: 10px;
    overflow-y: inherit !important; }


/*.content .mapplic-tooltip { max-width: 500px !important; min-width: 400px !important; }*/
li.cat-item.cat-item-12 { display: none; }
.nav ul li.current_page_item ul li ul li a { color: #fff; }
.tp_recent_tweets li a { color: #fff !important; text-decoration: underline; }


.tp_recent_tweets li { background-image: none; }
.tp_recent_tweets li:before { content: "\f099";
    font-family: FontAwesome;
    margin-left: -1.5em;
    padding-right: .5em;
    font-size: 2em;
    padding-top: 1.5em;
    vertical-align: bottom; }
body.page-id-449 .figure {    border: 1px solid #149DEB; background: #fff; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;
    padding: 1em .25em .25em;
    margin: .25em .25em 1em;  -webkit-transition: background 2s ease-out;
  -moz-transition: background 2s ease-out;
  -o-transition: background 2s ease-out;
  transition: background 2s ease-out;
}

body.page-id-449 .figure:hover {  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#3e9bd1+0,59b8aa+100 */
background: #3e9bd1; /* Old browsers */
background: -moz-linear-gradient(left, #3e9bd1 0%, #59b8aa 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left, #3e9bd1 0%,#59b8aa 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right, #3e9bd1 0%,#59b8aa 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3e9bd1', endColorstr='#59b8aa',GradientType=1 ); /* IE6-9 */ }

body.page-id-449 .figure:hover h4 { color: #fff; }
body.page-id-449 .figure:hover img { filter: brightness(0%) invert(1); }
body.page-id-449 .figure h4 { min-height: 2.5em; }
body.page-id-449 .content { margin-bottom: 0; }

a.button-on-gradient { background: transparent; color: #fff; border: 1px solid #fff; padding: .5em 1em; margin: 1em 0 0; display: inline-block; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; padding: .5em 1em; position: relative; z-index: 9999; }

a.button-on-gradient:hover { background: #fff; color: #149DEB; } 

a.button-on-black { background: transparent; color: #fff; border: 1px solid #fff; padding: .5em 1em; margin: 1em 0 0; display: inline-block; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; padding: .5em 1em; position: relative; z-index: 9999;  }

a.button-on-black:hover { background: #fff; color: #000;} 

a.button-on-white { background: #fff; color: #149DEB; border: 1px solid #149DEB; padding: .5em 1em; margin: 1em 0 0; display: inline-block; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; padding: .5em 1em; position: relative; z-index: 9999;  }

a.button-on-white:hover { background: #149DEB; color: #fff;  } 

a.button-on-blue { background: transparent; color: #fff; border: 1px solid #fff; padding: .5em 1em; margin: 1em 0 0; display: inline-block; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; padding: .5em 1em; position: relative; z-index: 9999;  }

a.button-on-blue:hover { background: #fff; color: #149DEB; } 

a.button-solid-white { background: #fff; color: #149DEB; border: 1px solid #fff; padding: .5em 1em; margin: 1em 0 0; display: inline-block; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; padding: .5em 1em; position: relative; z-index: 9999; transition: all 0.3s; margin: 5px; font-weight: bold; font-size: 18px;  }

a.button-solid-white:hover { background: transparent; color:#fff; border: 1px solid #fff  } 

a.button-solid-blue { background: #149DEB; color: #fff; border: 1px solid #fff; padding: .5em 1em; margin: 1em 0 0; display: inline-block; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; padding: .5em 1em; position: relative; z-index: 9999; transition: all 0.3s; margin: 5px; font-weight: bold; font-size: 18px;  }

a.button-solid-blue:hover { background: transparent; color:#149DEB; border: 1px solid #149DEB;  } 

body.page-id-472 .col-1-2.flexible { padding: 1.5em; }
body.page-id-472 .col-1-2.flexible h3 { margin-top: .5em; }



.lower { text-transform: lowercase !important; }
.flexsection { flex: 1; max-width: 33%; margin: auto; }
.download-content {  }
.video-image { overflow: hidden; }
.video-image img { width: 100%; height: auto;  }
.downloads-section .col-1-3 { padding: 20px; width: 28%; float: none; display: inline-block; vertical-align: top; margin: 0 2%; }
.downloads-section .col-1-3 .content { padding: 0; }
.post-image img { width: 100%; height: auto; margin-bottom: 2em; }
a#scroll-to-top { z-index: 9999999; }
.flexdisplay { display: flex; }
.right-50 h4, h4 {
   
    font-family: 'Raleway', sans-serif;
} 
.col-11-12.archive img { width: 100%; height: auto; margin-bottom: 2em; }
.col-4-5.archive h3:after { text-align: left; margin-left: 0; }

.background-image-custom { position: relative; }
.background-image-custom img { position: absolute; }

.header-sub-menu ul li { display: inline; }

.left-50, .right-50 { float: left; width: 50%; }
.left-50 img  { width: 100%; height: auto; vertical-align: bottom !important;  }
.right-50 .col-1-2  { flex: 1; min-height: 50%; padding: .5em; }
img.full-width-image { width: 100%; height: auto; }
#mysticky-nav .myfixed { background: #000; }

.internal-wrapper { max-width: 1200px; margin: 0 auto; }

/* Solutions pages
*************************************/
.video h3 { text-align: center;  }
.video h3:after { margin-left: auto; margin-right: auto; }
.header-sub-menu ul { text-align: left; padding-left: 0px; }
.header-sub-menu { position: relative; font-size: 1.25em; background: #000; }
.header-sub-menu ul li a { padding: 1em 50px; color: #fff; display: inline-block !important; font-family: 'Raleway', sans-serif;  }
.header-sub-menu ul li a:hover { opacity: 0.5; }
.header-sub-menu ul li a:after { content: " "; height: 20px; width: 1px; background: #fff; float: right; margin: .4em -2em 0 2em; }
.header-sub-menu ul li:last-of-type a:after { display: none; }
.gradient-seperator img { width: 100%; height: auto; pointer-events: none; }
.gradient-seperator { position: relative; z-index: 999; pointer-events: none; }
.col-1-2.flexible h3:after { display: none; }
.our-word a { padding: .5em 1em; color: #3098d5; border: 1px solid #3098d5; margin: 1em 0 0; display: inline-block; }
.our-word a:hover { background: #3098d5; color: #fff; }

.our-word h4 { color: #3098d5; font-weight: 600; margin: 0 0 .5em; padding: 0;     font-family: 'Raleway', sans-serif;
 }
.our-word h3 { color: #000; text-align: center; margin: 2em 0 1em; text-transform: uppercase;  }

.downloads-section h3 { color: #fff; margin: 0; }
.downloads-section h3:after { background: #fff; }
.downloads-section .col-1-3 img { width: 100%; height: auto; }
.solutions-wrapper { display: flex; }
.solutions-wrapper.two-col {
    display: flex;
    align-items: flex-start;
    justify-content: center;
    background: #23211f;
}
.two-col .background-colour-one {
    background: #23211f;
    overflow: hidden;
    color: #fff !important;
    clear: both;
    box-shadow: 0px 0px 10px #33333357;
}
.two-col .solutions-col {
    width: 50%;
	flex: none;
    float: left;
    text-align: center;
}
.two-col .solutions-image img {
    transition: all .1s;
    width: 100%;
    min-height: 370px;
    object-fit: cover;
    max-height: 370px;
}
.solutions-col { width: 33%; flex: 1; float: left; text-align: center; }
.solutions-image { position: relative; }
.solutions-wrapper.with-link.with-space .solutions-col {
	margin: 30px;
}
.solutions-wrapper.with-link .solutions-col:hover img {
	opacity: 0.1;
}
.solutions-wrapper.with-link .solutions-col {
	    transition: all .1s;
}
.solutions-wrapper.with-link .solutions-col:hover {
    background: #3e9bd1;
}
.solutions-wrapper.with-link .solutions-col:hover .solutions-title {
    background: #3e9bd1;
}
.solutions-wrapper.with-link .solutions-col:hover .solutions-blurb {
    background: #3e9bd1;
}
.solutions-wrapper.with-link .solutions-blurb p {
    color: #fff;
}

.solutions-wrapper.with-link .solutions-blurb {
    margin: 0em 0;
    padding: 30px 30px;
    text-align: left;
    color: #fff;
	    transition: all 0.1s;
}

.solutions-blurb a p {
	color: #fff;
}
.solutions-wrapper.with-link.single {
    display: flex;
    align-items: flex-start;
    justify-content: center;
}
.solutions-wrapper.with-link.single .solutions-col{
width: 30.3333333%;
	flex: none;
}
.single .solutions-col {
    flex: 3;
    float: left;
    text-align: center;
}
/* .solutions-image img { width: 100%; height: auto;} */
.solutions-image img {
	    transition: all 0.1s;
    width: 100%;
    min-height: 370px;
    object-fit: cover;
    max-height: 370px;
}
.solutions-title { transition: all 0.1s; position: absolute; bottom: 0; left: 0; right: 0; background: rgba(0,0,0,.8); }
.solutions-title h3 { padding: 20px 30px; margin: 0; text-align: left; font-size: 1.5em; font-family: 'Raleway', sams-serif; color: #fff;  }
a .solutions-section h3 { color: #fff !important; }
.solutions-title h3:after { display: none; }
.solutions-blurb { margin: 1em 0;padding: 20px 30px; text-align: left; color: #fff; }
	
.downloads-section .col-1-3 h3:after { display: none; }
/*.downloads-section a { padding: .5em 1em; color: #fff; border: 1px solid #fff; margin: 1em 0 0; display: inline-block; -webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px; }
.downloads-section  a:hover { background: rgba(0,0,0,.3); color: #fff; }*/


.downloads-section .col-1-3 { color: #fff; text-align: center; vertical-align: top; }
.downloads-section { text-align: center !important; overflow: hidden; padding: 2em 0; /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#3e9bd1+0,59b8aa+100 */
background: #3e9bd1; /* Old browsers */
background: -moz-linear-gradient(left, #3e9bd1 0%, #59b8aa 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left, #3e9bd1 0%,#59b8aa 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right, #3e9bd1 0%,#59b8aa 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3e9bd1', endColorstr='#59b8aa',GradientType=1 ); /* IE6-9 */ }


.our-word p:before  { content: "\f10d"; font-family: FontAwesome; font-size: 2em; padding: .5em; line-height: 0; color: #3098d5; opacity: .3;  }
.our-word p:after  { content: "\f10e"; font-family: FontAwesome; font-size: 2em; padding: .5em; line-height: 0; color: #3098d5; vertical-align: bottom; opacity: .3; }


.sector-section-three { margin-top: -1px; /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#17ddba+0,149deb+100 */
background: #17ddba; /* Old browsers */
background: -moz-linear-gradient(left, #17ddba 0%, #149deb 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left, #17ddba 0%,#149deb 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right, #17ddba 0%,#149deb 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#17ddba', endColorstr='#149deb',GradientType=1 ); /* IE6-9 */  }


.solution a.button.micro { background: transparent !important; color: #fff !important; border-color: #fff !important; padding: .25em .5em !important; }
.solution a.button.micro:hover { background: #fff !important; color: #000 !important; border-color: #fff !important; }


.solution p { font-size: 88%; }
body.home .soliloquy-container .soliloquy-caption .soliloquy-caption-inside {
background: rgba(0,0,0,.5);
    font-size: 1em;
    line-height: 1.25;
    display: block;
    color: #000;
    text-shadow: none;
    text-align: left;
    padding: 3em;
}

body.home .soliloquy-container .soliloquy-caption.soliloquy-caption-bottom {
    width: 100%;
    bottom: 0;
}

svg { width: 100%; height: auto; }
.solution h4 { padding: 0; margin: 0; min-height: 50px; }
.solutions-hover, .solution { transition:all 1s linear; }

.solutions-hover i { float: right;  padding: 2px; }

.solution:hover > .solutions-hover i { -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg); color: #17ddba; padding: 2px; }

.solution:hover > .solutions-hover { top: 0% !important; background: rgba(0,0,0,.9) !important;  }

.news-top-row { margin-top: -1px; overflow: hidden; /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#3e9bd1+0,59b8aa+100 */
background: #3e9bd1; /* Old browsers */
background: -moz-linear-gradient(left, #3e9bd1 0%, #59b8aa 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left, #3e9bd1 0%,#59b8aa 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right, #3e9bd1 0%,#59b8aa 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3e9bd1', endColorstr='#59b8aa',GradientType=1 ); /* IE6-9 */ }
.home-header { position: relative; margin-top: -58px; max-height: 75vh; height: 75vh; }
.home-header img { width: 100%; height: auto; }
body.page-template-sector-page-php .home-header { background: #fff url(//www.tensator.com/wp-content/uploads/peak-top-right.png) center center no-repeat; background-size: cover; overflow: hidden; }
home-title { position: relative; }
.home-title .inner { display: inline-block; position: absolute;  }
.home-title .inner {  }

.image-wrap { position: absolute; top: 0; left: 0; right: 0; bottom: 0; }
.home-section-one p { color: #fff; }

.home-section-one { color: #fff !important; padding: 3em 0; overflow: hidden;  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#18d9be+0,16a6e6+100 */
background: #18d9be; /* Old browsers */
background: -moz-linear-gradient(left, #18d9be 0%, #16a6e6 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left, #18d9be 0%,#16a6e6 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right, #18d9be 0%,#16a6e6 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#18d9be', endColorstr='#16a6e6',GradientType=1 ); /* IE6-9 */
}

.home-section-three { position: relative; }
.home-section-three img { }
.home-section-three h3 { margin: -1px 0 0 0; position: relative; z-index: 4; padding: 1em 0 2em 0; /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#18d9be+0,16a6e6+100 */
background: #18d9be; /* Old browsers */
background: -moz-linear-gradient(left, #18d9be 0%, #16a6e6 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left, #18d9be 0%,#16a6e6 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right, #18d9be 0%,#16a6e6 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#18d9be', endColorstr='#16a6e6',GradientType=1 ); /* IE6-9 */ }


/* SECTOR LANDING PAGES
**************************************************/

.sector-products-section img { width: 100%; height: auto; }
.sector-products-section { text-align: center; }
.col-1-4.hsctas a.button { display: block; margin-bottom: 1em; }
.banner h1 { color: #fff; font-size: 5em; padding: .5em 0 1em; text-shadow: 0px 2px 12px rgba(0,0,0,.9); line-height: 1; }
.news-top-row a.button, .news-second-row a.button { background: transparent; color: #fff !important; border-color: #fff; }
.news-top-row a.button:hover, .news-second-row a.button:hover { border-color: #149DEB; background: #149DEB; }



.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.toast-support a { background: #149DEB; }
#wpadminbar li.toast-support a:hover { background: #666; }


/*	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: #000;
	font-size: 1em; /* We've set the font-size @ 100% in the HTML to sort the IE problem */
	font-family: 'Raleway', sans-serif; 
	margin: 0 auto 0;
	padding: 0;
	line-height: 1.6;

	}

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


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

.background-colour-one { background: #23211f; overflow: hidden; color: #fff !important; clear: both;  }
.background-colour-two { background: #3098d5; overflow: hidden; color: #fff !important; clear: both;  ; }
.background-colour-three { background: #50b9a7; overflow: hidden; color: #fff !important; clear: both; }
.background-colour-four { /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#3098d5+0,50b9a7+100 */
background: #3098d5; /* Old browsers */
background: -moz-linear-gradient(left, #3098d5 0%, #50b9a7 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left, #3098d5 0%,#50b9a7 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right, #3098d5 0%,#50b9a7 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3098d5', endColorstr='#50b9a7',GradientType=1 ); /* IE6-9 */ overflow: hidden; color: #fff !important; clear: both; }


.background-colour-one h3:after, .background-colour-two h3:after, .background-colour-three h3:after, .background-colour-four h3:after { background: #fff !important; }


a.anchor { padding: 0; margin: 0; border: none; height: 0; font-size: 0; }

/*.background-colour-one a, .background-colour-two a, .background-colour-three a, .background-colour-four a { font-size: 1.25em; color: #fff; padding: .5em 1em; border: 1px solid #fff; display: inline-block; margin-top: 1em; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;  }


.background-colour-one a:hover, .background-colour-two a:hover, .background-colour-three a:hover, .background-colour-four a:hover { background: #fff; color: #3098d5; padding: .5em 1em; border: 1px solid #fff; display: inline-block; margin-top: 1em; }*/


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

a 			{ color: #149DEB; text-decoration: none; outline: none; }
a:hover 		{ color: #149DEB; text-decoration: none; outline: none; }


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

a.logo 			{ display: block; float: left; margin: .75em 0 0 0;  }
a.logo img 		{ width: 68%; height: auto; }
a.logomobile 		{ display: none; }
.header-contact-info 	{ float: right; }
.email, .phone 		{ text-align: right; line-height: 1.3; }
.email 			{ }
.phone p 			{ padding: 0; margin: 0; }
.header 		{ background: #000; border-top: .3em solid #149DEB; position: relative; z-index: 9999999999;  }
.header .grid { max-width: 98%; }
.header .grid, .header .content { padding: 0; overflow: visible;   }
.header .content { margin: 0; }
.header .content { padding: 0; }
.header .content ul, .header .content ul li { margin: 0; padding: 0; }
.header [class*='col-'] { overflow: visible; }
.header .social { padding: .75em; }
.header ul.sub-menu li { margin: 0; padding: 0; border-bottom: 1px solid #505050; padding: 0px 0px; }
ul.sub-menu .menu-item-has-children:after {
content: "\f0da";
    color: #149deb;
    font-family: Fontawesome;
    position: absolute;
    font-size: 22px;
    top: 2px;
    right: 9px;
}


/* 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 { background: #000; font-size: .85em; margin-right: 2em;   }
.nav ul { max-width: 1140px; margin: 0 auto; padding: 0 1.25em; text-align: center;  }
.nav li { display: inline-block; margin: 0 1em; position: relative; /* this is needed in order to position sub menus */ }
.nav li a  { display: inline-block; padding: 1.5em 1em; color: #fff; line-height: 1; } /* Links on the main nav bar ONLY */

.nav li#menu-item-18609 a { background: #149DEB; padding: .5rem; }
.nav li#menu-item-18609 a:hover { color: #fff; background: #50b9a7; }


.nav li#menu-item-18609:hover:before { display: none; }
 }

.nav ul li.current_page_item ul li a, .nav li.current-page-ancestor ul li a { color: #fff; } /* 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: #149DEB; text-decoration: none; }
.nav li.current_page_item a { }
.nav ul li ul li:hover:before { content: none; }
.nav li:hover:before { content: "\f0d7";
    color: #149DEB;
    font-family: Fontawesome;
    position: absolute;
    top: -18px;
    left: 43%;
    font-size: 2em;
 }

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


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

.header .content ul ul {  }


.nav ul ul ul { /* this targets all sub menus */
    position: absolute;
    padding: 0;
    top: 0;
    left: 300px;
    width: 300px;
    background: #000;
    text-align: left;
    z-index: 9999999;
}


.nav ul ul li { display: block; margin: 0;  }
.nav ul.sub-menu li a { float: none; padding: 10px 16px; display: block; margin: 0; line-height: 1.2;  }
.nav ul.sub-menu ul.sub-menu li a { float: none; padding: 10px 16px; display: block; margin: 0; line-height: 1.2;  }
.nav ul ul li a:hover {}
.nav ul li:hover > ul { display: block; }

#mg-wprm-wrap li.menu-item ul.sub-menu li.menu-item a {
    padding: 10px 15px;
    font-size: 14px;
    border-bottom: 1px solid rgb(255 255 255 / 22%);
    background: #212121;
}

/*	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: #149DEB; padding: .75em; color: #fff; }
.clientquote h4		{ margin: 0; padding: 0;  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; }
.unslider .flexible img { width: auto; }


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

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



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

.figure, .figure:hover, a.button-on-gradient,a.button-on-gradient:hover,a.button-on-black,a.button-on-black:hover,a.button-on-white,a.button-on-white:hover,a.button-on-blue,a.button-on-blue:hover, .background-colour-one a, .background-colour-two a, .background-colour-three a, .background-colour-four a, .background-colour-one a:hover, .background-colour-two a:hover, .background-colour-three a:hover, .background-colour-four a:hover, a.button, a.button:hover, a.prev, a.next, a.page-numbers, .footer ul li a:hover, .footer ul li a, .solutions-hover, .solutions-hover i
{ 

		-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 					     		    * 
************************************************/

/* BLOGS
************************************************/

.blog-header { position: relative; }
.blog-header-image img { width: 100%; height: auto; position: relative; }
.blog-header-gradient img { position: absolute; top: 0; width: 100%; height: auto; z-index: 1; opacity: .8; }


h1.blog-title {  font-family: 'Fira Sans Condensed', sans-serif; text-transform: uppercase; font-size: 3em; font-weight: 600; color: #149DEB; margin: 0 0 1em; padding: 0; }
.blog-category { margin: 1em 0 0 0; text-transform: uppercase; font-size: 1.5em; }


.col-11-12.archive  { padding-left: 2em; }

.post-date { background: #149DEB;
    padding: 2em 1em 0;
    color: #fff;
    display: inline-block;
    font-family: 'Fira Sans Condensed';
    text-align: center;

 }
.post-day { font-weight: 600;
    line-height: .5;
    font-size: 4em; }

.post-month {    

font-size: 2em;
    text-transform: uppercase;
    line-height: 1.8;


}

.col-1-12 .post-date { padding: 1em; }
.col-1-12 .post-day { font-size: 2em;}
.col-1-12 .post-month { font-size: 1em; }


.the-tags { margin: 1em 0; padding-bottom: 1em; border-bottom: .1em solid #149DEB;     font-size: .8rem; }
.col-2-12.blog .content { border-top: .25em solid #149DEB; padding-top: 1em; }
.col-7-12 img { width: 100%; height: auto; }
.content.blog h3 { text-align: left; color: #149DEB; text-transform: uppercase; font-family: 'Fira Sans Condensed'; font-size: 2em;  }
.content.blog h3:after { display: none; }
h3.related { font-size: 1em; color: #fff; background: #149DEB; padding: .25em .5em; text-transform: uppercase; margin: 0 0 1em 0 !important; }
h3.related:after { display: none; }
.col-1-4.related img { width: 100%; height: auto; margin: 0 0 .5em 0; }
.col-1-4.related a { margin-bottom: 2em; display: block; }
.col-1-4.related { padding-left: 2em; }


/* 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: 90%; height: auto; }


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

/* Button colours
************************************************/
a.button, .gform_button, a.prev.page-numbers, a.next.page-numbers, a.page-numbers, a.page-numbers:hover { margin-top: 10px; background: #fff; color: #149DEB !important; display: inline-block;  -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; border: 1px solid  #149DEB; }

a.button:hover, .gform_button:hover, a.prev.page-numbers:hover, a.next.page-numbers:hover, a.page-numbers:hover { -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; background: #149DEB; color: #fff !important;  }

/* Button borders
************************************************/
a.button, .gform_button, a.prev.page-numbers, a.next.page-numbers, a.page-numbers, a.page-numbers:hover { font-size: 1em; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; padding: .25em .5em; color: #fff; clear: both; -webkit-appearance: none; }

a.button.hollow.centered { display: inline-block; margin: 1em auto; background: transparent; border: 1px solid #149DEB; color: #149DEB; }
a.button.hollow.centered:hover { display: inline-block; margin: 1em auto; background: #149DEB; border: 1px solid #149DEB; color: #fff; }

.home-section-one a.button.hollow {  border: 1px solid #fff; color: #fff; }
.home-section-one a.button.hollow.centered:hover { display: inline-block; margin: 1em auto; background: #fff; border: 1px solid #149DEB; color: #149DEB; }

span.page-numbers.current { font-size: 1.5em; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; background: #333; padding: .25em 1em; color: #fff; clear: both; -webkit-appearance: none; }

/* Button display
************************************************/
.inline { display: inline-block; }
.block { display: block; }
a.button.micro { padding: .25em 1em; font-size: 1em; }
a.button.puffy { font-size: 1em; 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; }

.tp_recent_tweets .twitter_time { color: #fff; }

/*  HUBSPOT CSS */ 
.legal-consent-container p { font-size: 11px; }
.submitted-message { background: #ff8f2b; color: #fff; padding: 2em; }
.hs-input[type="radio"] { margin: .5em; }
.hs-input[type="radio"]:checked + label {font-weight: 700; color: #ff8f2b; }
legend.hs-field-desc { font-size: 80% !important; }
.hbspt-form { }
.content .hbspt-form ul { padding: 0; margin: 0; }

.hbspt-form input[type="checkbox"] { width: auto !important; }


.hs-form-field { margin-bottom: 20px;  }
.hs-input, .gform_body input { width: 95%; padding: 10px; font-size: 18px; background: transparent; border: 1px solid #fff; color: #fff; }
.hs-input:focus, .gform_body input:focus { background: #fff; color: #149DEB; }
.col-1-4 .hs-input, .page-id-472 .hs-input { width: 95%; padding: 10px; font-size: 18px; background: transparent; border: 1px solid #149DEB; color: #149DEB; }
.col-1-4 .hs-input:focus, .page-id-472 .hs-input:focus { background: #fff; color: #149DEB; }
.col-1-4 ul.hs-error-msgs.inputs-list, .page-id-472 .content ul.hs-error-msgs.inputs-list, .content.sidebar ul.hs-error-msgs.inputs-list { margin: 0 !important; font-size: 10px; color: #149DEB !important; list-style: none; padding: .2em 0; }

.white-bg-form .hs-input {
    width: 95%;
    padding: 10px;
    font-size: 18px;
    background: 0 0;
    border: 1px solid #149deb;
    color: #149deb;
}

.white-bg-form  ul.hs-error-msgs.inputs-list { margin: 0 !important; font-size: 10px; color: #149DEB !important; list-style: none; padding: .2em 0; }
.white-bg-form .hs-button {
	    background: #149deb !important;
    box-shadow: none;
    border: 0;
    padding: 15px 30px !important;
    color: #fff !important;
    font-weight: bold;
    font-size: 20px !important;
    text-transform: uppercase;
	transition: all 0.25s;
}
.white-bg-form .hs-button:hover {
	    background: #000 !important;
}
.white-bg-form .form-columns-2 .hs-form-field { padding: 0 !important}
.content .rpt_style_basic .rpt_plan .rpt_head .rpt_price .rpt_currency {position: relative;top: 0px; left: -10px;font-size: 35px;line-height: 0;}
.col-1-1 .hs-richtext h3 { margin: 1em 0 1em 0; border-bottom: 1px solid #ff8f2b; padding: 0 0 .3em 0; }
ul.inputs-list.multi-container { list-style: none; margin-left: 0; padding-left: 0; margin-bottom: 2em; overflow: hidden; }
ul.inputs-list.multi-container li { float: none; margin-right: 2em; margin-bottom: 0; }
ul.inputs-list.multi-container li .hs-input { width: auto;padding: 10px; font-size: 18px; margin-right: 10px; }
textarea.hs-input { width: 95% !important; max-width: 100% !important; font-family: 'Raleway',sans-serif; }
.content .hs-form-embedded .hs-button.primary.large { padding: 10px;  }
.content ul.hs-error-msgs.inputs-list { margin: 0 !important; font-size: 10px; color: #fff; list-style: none; padding: .2em 0; }
.content .hs-form-embedded .input { margin-bottom: 10px; font-size: 130%; }
.content .hs-form fieldset { max-width: 100% !important; }
.content .hs-form fieldset textarea { min-height: 100px; font-size: 18px; }
.hs-button:hover { -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; background: #149DEB !important; color: #ffffff !important; 
transition: all .2s ease-in-out; -mst-transition: all .2s ease-in-out; -webkit-transition: all .2s ease-in-out; }
.hs-button {  font-family: 'Raleway', sans-serif !important;  background: #fff !important; color: #149DEB !important; border-color: #149DEB !important; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; padding: .75em 1em !important; color: #fff; clear: both; -webkit-appearance: none; font-size: 1em; }
.hs-button:hover { border: 1px solid; }
.content .form-columns-3 .hs-form-field, .content .form-columns-2 .hs-form-field { padding: 0 .5em; }
.hbspt-form label { font-size: 1.1em !important;  font-family: 'Raleway', sans-serif !important; font-weight: bold; text-transform: uppercase; }
.legal-consent-container { font-size: 0.85em; }

/*  END HUBSPOT CSS */ 


.background-colour-one .hs-button {  font-family: 'Raleway', sans-serif !important;  background: #23211f !important; color: #fff !important; border-color: #fff !important; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; padding: .75em 1em !important; color: #fff; clear: both; -webkit-appearance: none; font-size: 1em; }


.background-colour-one .hs-button:hover {  font-family: 'Raleway', sans-serif !important;  background: #fff !important; color: #23211f !important; border-color: #fff !important; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; padding: .75em 1em !important; color: #fff; clear: both; -webkit-appearance: none; font-size: 1em; }



.downloads-section h4 { color: #fff; }


/*	Pillar pages									*
************************************************/
.contents a { 
    color: #fff;
    margin: 1rem 0rem;
	text-decoration: underline;
}

.contents { 
    margin: 1rem 0rem;
}



/* Gradient images
*************************************************/


.gradient-one { width: 100%; height: auto; position: absolute; bottom: -1px; left: 0; right: 0; }




/* Typography
************************************************/
h1.page-title { display: inline-block; color: #fff; margin: 0; font-size: 4em;text-transform: uppercase; font-weight: 600;     padding-right: 1em;
 } 
.h1-wrap { background: rgba(0,0,0,.5); padding: 0em 0 0em 0em !important; width: 100%; position: absolute; bottom: 0; }
.h1-wrap p { margin-right: 3em !important; font-size: 1.5em; padding-left: 50px; color: #fff; }
.h1-wrap h1.page-title { padding-left: 50px; padding-top: 27px;
    line-height: 1; }
.soliloquy-container .slide-line-one { display: inline-block; color: #fff; margin: 0; font-size: 3em;text-transform: uppercase; font-weight: 300; display: block; } 
.soliloquy-container .slide-line-two { display: inline-block; color: #fff; margin: 0; font-size: 6em;text-transform: uppercase; font-weight: 600;  display: block; } 
.soliloquy-container .slide-line-three { display: inline-block; color: #fff; margin: 10px 0 0 0; font-size: 1.75em; font-weight: 300; display: block;  } 




h1, h2, h3, h4, h5, h6 	{ line-height: 1.2; margin: 1em 0 .5em 0; font-family: 'Fira Sans Condensed', Sans-serif; font-weight: 400;  }
h1 			{  font-size: 2em; }
h2 			{ font-size: 1.7em; }
h3 			{  font-size: 2.5em; text-transform: uppercase; }
h3:after	{ content: " "; width: 5em; height: 5px; display: block; margin: .25em auto 1em; /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#3e9bd1+0,59b8aa+100 */
background: #3e9bd1; /* Old browsers */
background: -moz-linear-gradient(left, #3e9bd1 0%, #59b8aa 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left, #3e9bd1 0%,#59b8aa 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right, #3e9bd1 0%,#59b8aa 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3e9bd1', endColorstr='#59b8aa',GradientType=1 ); /* IE6-9 */

 }
h3.h3-no-border:after { display: none; }

.leftaligntext h3:after { margin: .25em 0 1em 0; text-align: left; }
.rightaligntext h3:after { margin: .25em 2em 1em; text-align: right; }
.centeraligntext h3:after { margin: .25em auto 1em; }



h3.tensator-black:after { background: #000; }
h3.tensator-white:after { background: #fff; }
.col-4-5.archive h3 { margin-top: 0; }
h4 			{  font-size: 1.2em;     font-family: 'Raleway', sans-serif; margin: .5em 0; text-transform: uppercase; color: #149DEB; font-weight: bold; }
.solution h4 { color: #fff; }

h5 			{  font-size: 1.3em; }
h6 			{  font-size: 1.2em; }
.centered 	{ text-align: center; }

/* Corporate colours */

.tensator-blue-background { background: #149DEB; }
.tensator-black-background { background: #000; }
.tensator-blue { color: #149DEB; }
.tensator-white { color: #fff; }
.tensator-black { color: #000; }


.background-colour-four h4, .background-colour-three h4, .background-colour-two h4, .background-colour-one h4 { color: #fff !important; }
.tensator-white { color: #fff; }
.tensator-black { color: #000; }

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

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


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

.content ul, .content ol 	{ margin: 0em 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: #eee; }



/*	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: #149DEB; border-bottom: 1px solid #898383; padding: .5em 0; display: block; }
.sidebar li a:hover 		{ color: grey; }
.sidebar li.current_page_item a { color: grey; }


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

.footer { margin: -1px 0 0px 0; background: #000; padding: 2em 0 0 0; width: 100%; float: left; display: block; color: #fff !important; }
.footer h5 		{ 	font-family: 'Fira Sans Condensed', sans-serif; 
padding: 0; margin: 0 0 .25em 0; font-size: 1.2em; text-transform: uppercase; font-weight: 600; }
.footer h5:after { content: " "; width: 60px; height: 3px; background: #fff; display: block; margin: .25em 0 1em; }
.footer .content 	{ margin: 0; }
.footerinner 		{ }
.footer p 		{ font-size: 80%; }
.footer ul 		{ margin: 0; padding: 0; list-style: none; margin-bottom: 2em; }
.footer ul li 		{ margin: 0; }
.footer ul li a 	{ font-size: .8em; display: block; margin: 0; padding: 0 0 .15em 0; color: #fff; }
.footer .social ul li a { border: none; }
.footer ul li a:hover 	{ color: #149DEB; }
.footer ul ul 		{ margin: 0; }
.copyright 		{ background: #149DEB; clear: both; margin: 2em 0 0 0; }
.copyright p 		{ color: #fff; text-align: left; padding: .75em 1em; margin: 0; font-size: .8em; }
.footer a.logo img 	{ width: 100%; height: auto; float: left; }
.copyright a { color: #fff; }
.footer a.logo { width: 100%; float: none; margin: 0 0 2em 0; overflow: hidden; }



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

.alignnone 			{ margin: .25em 1.25em 1.25em 0; }
.aligncenter, div.aligncenter 	{ display: block; margin: 0em auto 0em auto; }
.alignright 			{ float:right; margin: 0em; }
.alignleft 			{ float: left; margin: 0; }
.aligncenter 			{ display: block; margin: 0em auto 0em auto; max-width: 100%; height: 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: 0em; }
a img.alignnone,img.alignnone 		{ margin: 0; }
a img.alignleft, img.alignleft		{ float: left; margin: 0; }
a img.aligncenter, img.aligncenter  		{ display: block; margin-left: auto; margin-right: auto; max-width: 100%; height: 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 #149DEB; border-bottom: 1px solid #149DEB; display: block; clear: both; }

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


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

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

.soliloquy-container, .soliloquy-container { width: 100% !important; }

.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; }
.footer .social-icons .fa { font-size: 2em; }


/*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; */
}

 

#wprmenu_bar span.wpr-logo-wrap img {
    max-width: 100%;
    height: 25px;
    margin-top: 5px; }

html body #wprmenu_menu_ul li.wprmenu_parent_item_li>ul {
    padding: 0 !important;
}

/*	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 */
			}

.grid-pad .grid-pad { padding-top: 0; }
.grid-pad .grid-pad h3 { padding-top: 0; margin-top: 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; }


.right-news { width: 50%; float: left; background: #000; }
.right-news .news-inner {  }
.right-news-two { width: 50%; float: left; padding-bottom: 7em; }
.left-news { width: 50%; float: left; }
.news-inner h3:after { margin: .25em 0; background: #fff; }
.news-inner p { font-size: 100%; }
.right-news-two { background: #59b8aa; }
.news-inner h3 { margin-top: 0; font-size: 2em; }
.right-news .news-inner { background: #000; overflow: hidden; }
.news-inner { padding: 3em; color: #fff !important;  }

.top-news-image { width: 33%; float: left; overflow: hidden; }
.top-news-image img {     
	text-align: center;
    min-height: 500px;
    object-fit: cover;
    width: 100%;  }
.news-second-row { position: relative; overflow: hidden; display: flex; background: #17ddba;  }
.left-news-two {     width: 50%; 
    /* float: left; */
    /* padding-bottom: 5em; */
    position: relative;
    /* height: 100%; */
     flex: 1; 
   height: 100%;  }


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



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

.with-top-margin { margin-top: -11em; }
.with-bottom-margin { margin-bottom: -10em; }

}




/* 1440 ----------- */
@media only screen and (max-width : 1440px) {

.solutions-section { font-size: .8em !important; }
.with-top-margin { margin-top: -11em; }
.with-bottom-margin { margin-bottom: -10em; }

}



/* 1024 ----------- */
@media only screen and (max-width : 1024px) {

.home-header { margin-top: 0; }
body.single .col-8-12 { width: 91%; }
.col-3-4.archivepage, .col-1-4.archivepage, .col-1-4.related { width: 100%; }

.solutions-section { width: 50% !important; }
.solutions-hover { top: 75% !important; font-size: 1em !important; }
.solution h4 { font-size: .8em; }
.nav { font-size: .75em; }
.right-news-two { padding-bottom: 0; }

.news-top-row, .news-second-row { font-size: 80%; }

.col-1-4.partner-section { font-size: 90%; }

.h1-wrap { font-size: 65% !important; }


.solutions-section {
    font-size: 1em !important; }

.with-bottom-margin { margin-bottom: -8em; }
.with-top-margin { margin-top: -8em; }


.video-image img {    width: 150%;
    height: auto;
    margin-left: -23%; }


.background-image-custom img {
 position: absolute;
    width: 139%;
    height: auto;
    margin-left: -19%; }


.h1-wrap h1.page-title {
    padding-top: .5em;
}

.col-1-12.blog { padding-right: 0 !important; }


.the-tags { font-size: 12px; }



.more-news-link {float: right !important;
    position: relative!important;
    z-index: 999999!important;
    margin: -4em 5em 3em!important; }





}

/* ipad (portrait) ----------- */


@media only screen and (max-width : 768px) {
	.col-2-3, .col-8-12 {
    width: 100%;
}
.solution h4 { font-size: 1em; }


.tb-overlaypad {
    padding-top: 42px;
    padding-bottom: 50px;
}

.downloads-section .col-1-3 img { width: auto; height: auto; }
.footer a.logo img 	{ width: 30%; height: auto; float: left; }


.col-1-3 { width: 100% !important; padding-left: 20px !important; padding-right: 20px!important; }
.col-1-2 { width: 50% !important; padding-left: 20px !important; padding-right: 20px!important; }
.solutions-hover { position: relative !important; min-height: 247px; }
.with-bottom-margin { margin-bottom: -6em !important; }
.with-top-margin { margin-top: -6em !important; }
.solutions-section { font-size: .8em !important; }

.col-1-12 { width: 20% !important; }
.blog-wrap .col-8-12 { width: 80% !important; }

.col-1-4.related {
    padding-left: 20px;
}

body.archive .col-1-12 { width: 10% !important; }
body.archive .col-11-12 { width: 90%; }

.col-3-4.archivepage, .col-1-4.archivepage, .col-1-4.related { width: 100%; }

.hs-cta-wrapper img { width: 100%; height: auto; }
.home-header { max-height: 50vh; }

.col-1-4.partner-section { width: 49%;  }

.with-bottom-margin { margin-bottom: -6em !important; }
.with-top-margin { margin-top: -6em !important; }

body.page-id-472 .col-1-2.flexible { padding: 0; }
.solutions-section { width: 50% !important; }
.left-news, .right-news, .right-news-two { width: 100% !important; }
.left-news-two { display: none; }
.solutions-wrapper { display: block; }
.solutions-col { width: 100%; float: left; }

.header-sub-menu ul { text-align: center; padding-left: 0px; }
.header-sub-menu { position: relative; font-size: 2em; background: #000; }
.header-sub-menu ul li a { padding: .25em 1em;  }
.header-sub-menu ul li a:after { display: none; }


.col-1-4 { width: 50%; }


.more-news-link { float: right !important;
    position: relative!important;
    z-index: 999999!important;
    margin: -2em 5em 5em!important; }


}

@media (max-width: 767px) {
	.solutions-wrapper.with-link.single .solutions-col{
width: 100%;
}
.single .solu
	.single .solutions-col {
    flex: 3;
    margin: 20px 0px;
    float: left;
    text-align: center;
}
	.n2-ss-section-main-content h3 {
		font-size: 50px !important;
	}
		.n2-ss-section-main-content h4 {
		font-size: 30px !important;
	}
		.n2-ss-section-main-content h5 {
		font-size: 30px !important;
	}
	.n2-ss-section-main-content {
    padding: 0px !important;
}
}


/* Smartphones (portrait and landscape) ----------- */
@media only screen and (min-width : 240px) and (max-device-width : 480px) {


.downloads-section .col-1-3 img { width: 50%; height: auto; }

h1.blog-title { font-size: 2em; }
.blog-category { font-size: 1em; }

body.archive .col-1-12 { width: 100% !important; }



.soliloquy-container .slide-line-three { font-size: 2.5em; line-height: 1.2; }

.blog-header-image img, .blog.archive.listing .archive img { width: 100%; height: auto; }

.col-1-12 .post-date {
    padding: 1em;
    display: block;
    font-size: 50%;
}
.col-1-4.related { padding-left: 0; }
.col-8-12 img { width: 100% !important; height: auto; }
.col-8-12 { width: 100% !important; padding-right: 0 !important; }
.post-day { line-height: 1; }
.blog-wrap { padding-right: 20px; }
.col-3-4.archivepage { width: 100%; }
.col-1-12.blog, .col-11-12.archive, .col-4-5.archive { width: 100% !important; }
.col-11-12.archive { padding-left: 0; }
body.home .h1-wrap { font-size: 35% !important; }
.h1-wrap { font-size: 80% !important; }
.home-header { height: 80vh; }

.news-second-row { padding-bottom: 0 !important; }
.news-image { display: none; }
h3 { font-size: 2em; }
.col-1-4 { width: 100%; }
.internal-wrapper { padding-left: 20px; padding-right: 20px; }
.solutions-section { width: 100% !important; }
.solutions-hover { position: relative !important; }
.left-news, .right-news, .right-news-two { width: 100%; }
.top-news-image, .newsimage { display: none; }

.footer .col-1-3, .footer .col-1-4 { width: 100% !important; }
.footer .col-2-12 { width: 50%; }
.news-inner .content ul { margin: 0; padding: 0; }
.header-sub-menu ul { text-align: center; padding-left: 0px; }
.header-sub-menu { position: relative; font-size: 1.25em; background: #000; }
.header-sub-menu ul li a { padding: .25em;
    display: block !important;
    padding: 0;
    line-height: 2;
    border-bottom: 1px solid #fff; }


.header-sub-menu ul li a:after { display: none; }
.col-1-2, .col-1-3 { width: 100% !important;  }
.solutions-wrapper { display: block; }
.solutions-col { width: 100%; }
.downloads-section { padding: 0 20px; }
.downloads-section .grid { padding: 0; }
.downloads-section .col-1-3 { padding: 0; margin: 0; }
h1.page-title { font-size: 2em; }
.h1-wrap p { font-size: 1.3em; }
p.header-breadcrumb {
    font-size: 12px !important;
}	
	p.header-breadcrumb a {
font-size: 12px;
	}
	.flexdisplay {display: block; }
.left-50, .right-50 { width: 100%; }
.h1-wrap h1.page-title, .h1-wrap p { padding-left: 20px; }

.left-news, .right-news { width: 100% !important; }
.left-news-two { display: none; }

.with-bottom-margin { margin-bottom: -3em !important; }
.with-top-margin { margin-top: -3em !important; }
.col-1-4.partner-section { width: 100%; text-align: center !important; }
}

@media (max-width: 1480px) {
	.header.tensator .col-1-4 { width: 100%; }
	.header.tensator .col-3-4 { width: 100%; }
}

@media (max-width: 1025px) {
ul.sub-menu .menu-item-has-children:after {
	display: none;
	}
	.header ul.sub-menu li { margin: 0; padding: 0; border-bottom: 0px solid #505050; padding: 0px 0px; }
}

@media (max-width: 1638px) {
body.postid-421:after{
    content: "";
    background-image: url(https://www.tensator.com/wp-content/uploads/140-Years-of-Lawrence-Final-Designs-02-e1611757882493.png);
    position: absolute;
    background-repeat: no-repeat;
    background-size: contain;
    right: 15px;
    top: 115px;
    width: 25vw;
    height: 20vw;
    transform: rotate(10deg);
}
}

@media (max-width: 1230px) {
body.postid-421:after{
    content: "";
    background-image: url(https://www.tensator.com/wp-content/uploads/140-Years-of-Lawrence-Final-Designs-02-e1611757882493.png);
    position: absolute;
    background-repeat: no-repeat;
    background-size: contain;
    right: 15px;
    top: 175px;
    width: 25vw;
    height: 20vw;
    transform: rotate(10deg);
}
}

@media (max-width: 1125px) {
body.postid-421:after{
    content: "";
    background-image: url(https://www.tensator.com/wp-content/uploads/140-Years-of-Lawrence-Final-Designs-02-e1611757882493.png);
    position: absolute;
    background-repeat: no-repeat;
    background-size: contain;
    right: 15px;
    top: 215px;
    width: 25vw;
    height: 20vw;
    transform: rotate(10deg);
}
}

@media (max-width: 1028px) {
body.postid-421:after{
    content: "";
    background-image: url(https://www.tensator.com/wp-content/uploads/140-Years-of-Lawrence-Final-Designs-02-e1611757882493.png);
    position: absolute;
    background-repeat: no-repeat;
    background-size: contain;
    right: 15px;
    top: 215px;
    width: 25vw;
    height: 20vw;
    transform: rotate(10deg);
	display: none;
}
}