/*
Theme Name: Toast Theme HTML5 - Columns
Description:  The Toast Theme. Lightweight, tasty and totally awesome.
Author: David Foreman // Charlotte Brown
Date: March 2018
Version: 5.0-2018
Theme URI: http://www.toastwebsites.co.uk
Author URI: http://www.toastdesign.co.uk
Text Domain: Toast
Tags: HTML 5, one-column, two-columns, right-sidebar
*/

/**Iframes**/
.responsive-iframe{position:relative;padding-top:62.5%;}
.responsive-iframe iframe{width:100%;position:absolute;top:0;left:0;height:100%;}


/**My Calender Styling**/


.page-id-2866 .twelve.columns.white-area, .white-area { overflow: visible!important; } 

.page-id-2866 ul#menu-sales-portal {
    overflow: hidden;
}

.page-id-2866 .right-sidebar-widget.widget_my_calendar_upcoming_widget.my_calendar_upcoming_widget-2 {
	overflow: hidden; }

#my-calendar .my-calendar-footer{margin-top:4rem;}
.my-calendar-header a, .my-calendar-header span, .my-calendar-header .button{box-shadow:none !important;}
.mc-main th{background:#4b5763 !important}

.mc-main .has-events .mc-date, .mc-main .current-day .mc-date{background:#ffc629 !important;box-shadow:none;}

#my-calendar .my-calendar-footer h3{margin-bottom:2rem !important;}
#my-calendar .my-calendar-footer a{background:#0075c9;box-shadow:none;color:#ffffff;text-transform:uppercase;padding:1rem 3.5rem;border-radius: 200px;font-family:'Source Sans Pro';font-size:1.5rem;display:inline-block;}
#my-calendar .my-calendar-footer a:hover{background:#4b5763;text-decoration:none;}
.event-date button:hover, .event-date button:active, .event-date button:focus{color:#4b5763 !important}

.mc-main .vcard { background: white; color: black; }

#my-calendar .my-calendar-footer a span{display:none;}

#post-2866 .twelve.columns{overflow:visible;}

.sidebar .my-calendar-table{cursor:pointer;}
.sidebar .my-calendar-table .details{display:none !important;}

.mc-main .sharing p { padding: 0rem; }

.mc-main .details .mc_edit_links { margin: 0px; }

.nine.columns.white-area { overflow: visible; }



.login #backtoblog a, .login #nav a { color: white!important; }


@media(max-width:768px){
	.my-calendar-header{margin-bottom:5rem !important;}
	
}

.right-sidebar-widget.widget_my_calendar_upcoming_widget.my_calendar_upcoming_widget-2 {
    margin-top: 2em;
}

.right-sidebar-widget.widget_my_calendar_mini_widget.my_calendar_mini_widget-2 h5 {
    margin-bottom: 0em;
}

/**Portal Login**/
#loginform input{width:100%;}
#loginform input[type="submit"]{background:#0075c9 !important;display:inline-block;width:auto;}

/**Sales Portal**/
.sidebar.three.columns.white-area {
    padding: 4em 4em 4em 0em;
}

.right-sidebar-widget.widget_nav_menu.nav_menu-3 h5 {
    line-height: 1.2;
}

.user.info h2 {
    font-size: 1.7em;
}

input#edit_profile {
    border: none;
}

input#edit_profile:hover {
    background: #4b5763;
}

a.button.cta-last:hover {
    background: #292F33;
}

ul.dlm-downloads {
    padding: 0!important;
    list-style: none!important;
}

ul.dlm-downloads li {
    margin: 0 20px 10px 0;
    width: 25%;
    display: inline-block;
    vertical-align: top;
}

.download-box {
    width: 100%;
    border: 1px solid #eee;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    text-align: center;
    position: relative;
    margin: 1em auto;
    box-shadow: 0 2px 4px rgba(0,0,0,.1), inset 0 1px 0 rgba(255,255,255,.4);
}

.download-box img.wp-post-image {
    margin: 0;
    padding: 0;
    display: block;
    width: 100%;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    -moz-border-top-left-radius: 3px;
    -moz-border-top-right-radius: 3px;
    -webkit-border-top-left-radius: 3px;
    -webkit-border-top-right-radius: 3px;
    border-radius: 0;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.4);
    height: auto;
}

.download-box .download-box-content {
    padding: 0 1em 1em;
}

.download-box-content h1 {
    font-size: 1em;
    line-height: 1.2;
    margin: 20px 0 0;
}

.download-button small {
    display: none;
}

.download-box-content h1 {
    font-size: 1.2em;
    padding-top: 1em;
}

.download-box-content p {
    line-height: 1.4;
}

.download-box .download-count {
    -moz-border-radius: 1em;
    -webkit-border-radius: 1em;
    border-radius: 1em;
    color: #777;
    text-shadow: none;
    background: #eee;
    box-shadow: none;
    position: absolute;
    top: 0;
    right: 0;
    padding: .6em;
    width: auto;
    min-width: 1em;
    font-size: 1em;
    text-align: center;
    vertical-align: middle;
    line-height: 1em;
    border: none;
    margin: -.5em -.5em 0 0;
}

/**Snags**/
.page-template-case-studies .four a.button{position:relative;margin-top:0}
/**end of Snags**/

/**Webinars**/
.webinars{padding:4em 8em 0}
.webinar{clear:both;overflow:hidden;color:white;margin-bottom:2rem;display:table;width:100%;}
.webinar .left-side, .webinar .right-side{display:table-cell;padding:3rem;box-sizing:border-box;vertical-align:middle;}
.webinar .left-side{width:70%;font-size:1.75rem;vertical-align:top !important}
.webinar .right-side{width:30%;text-align:center;background:#4b5763 !important}
.webinar .right-side img{vertical-align:middle;width:100%;height:auto;}
.webinar .presenter{padding:3rem 0}
.webinar .presenter-name{padding:2rem 0;}

.webinar h4 {
    font-size: 2.0rem;
    color: #fff;
    margin-bottom: 0.5em;
    font-weight: 600;
}
.webinar h3{margin-bottom:0}
.webinar .left-side div{padding:1.5rem 0}

.webinar .left-side .schedule-time{margin:0;padding:.5rem 0;}
.webinar .left-side .time{font-weight:bold;padding:.5rem;color:white !important}
.description {margin: 1em 0;}

.webinar a.button{color:white;background:#4b5763 !important;}

.tag{margin:0;padding:.5rem 0 0 !important;display:none}
.tag a{color:white;padding:.25rem 1rem;}
.tag a:hover{color:white;}

.register-form {
    margin: 0 0 0 0;
}

.register-form label{color:white !important;font-weight:normal !important}
.register-form .ginput_container, .register-form .gform_body, .register-form .gfield, .register-form .gform_wrapper{padding-top:0 !important;padding-bottom:0 !important;margin:0;}
.register-form input[type="submit"]{background:#4b5763;border:#4b5763}

body.single.single-webinar .gform_confirmation_message  {color: #4b5763; margin-top: 2em;}

body #gform_wrapper_5 .gform_body .gform_fields .gfield .gfield_label {color: #4b5763}


@media(max-width:1024px){
	.webinar{display:block;}
	.webinar .left-side, .webinar .right-side{display:block;width:100%;text-align:left;clear:both;overflow:hidden}
	.webinar .right-side img{float:right;width:30%;padding-left:3rem;}
}

@media(max-width:768px){
	.webinar .right-side img{float:none;width:100%;padding-left:0;}
}

/**/




#wpadminbar li.toast-support a { background: #ff8f2b; }
#wpadminbar li.toast-support a:hover { background: #666; }

.featured-image {
    border: 1px solid #eee;
    padding: 1em;
}

p.stand-number {
    display: inline-block;
    margin-bottom: 3em;
}

body.case_studies-template-default .container.yellow-page .twelve.columns.white-area {
    overflow: hidden;
    padding: 4em 8em;
    background: #fff url(https://www.lexacom.co.uk/wp-content/uploads/2018/10/yellow-triangle.png) top right no-repeat;
    background-size: 25%;
}

body.case_studies-template-default .container.yellow-page .twelve.columns.white-area p a {
color:#ffc629; }

body.case_studies-template-default .container.yellow-page .twelve.columns.white-area blockquote {
    background: none;
    color: #ffc629;
    padding: 0em 0em 0em 0em;
    margin: 1em 0em;
    font-size: 2em;
    line-height: 1.3;
}

body.case_studies-template-default .container.yellow-page .twelve.columns.white-area .button, button, input[type="submit"], input[type="reset"], input[type="button"] {
    background: #ffc629; }

body.case_studies-template-default .container.yellow-page .twelve.columns.white-area a.button:hover {
    background: #4b5763;
}

body.case_studies-template-default .container.blue-page .twelve.columns.white-area {
    overflow: hidden;
    padding: 4em 8em;
    background: #fff url(https://www.lexacom.co.uk/wp-content/uploads/2018/10/blue-triangle-fade.png) top right no-repeat;
    background-size: 25%;
}

body.case_studies-template-default .container.blue-page .twelve.columns.white-area blockquote {
    background: none;
    color: #00a0df;
    padding: 0em 0em 0em 0em;
    margin: 1em 0em;
    font-size: 2em;
    line-height: 1.3;
}

body.case_studies-template-default .container.green-page .twelve.columns.white-area {
    overflow: hidden;
    padding: 4em 8em;
    background: #fff url(https://www.lexacom.co.uk/wp-content/uploads/2018/10/green-triangle.png) top right no-repeat;
    background-size: 25%;
}

body.case_studies-template-default .container.green-page .twelve.columns.white-area p a {
color:#76bc21; }

body.case_studies-template-default .container.green-page .twelve.columns.white-area blockquote {
    background: none;
    color: #76bc21;
    padding: 0em 0em 0em 0em;
    margin: 1em 0em;
    font-size: 2em;
    line-height: 1.3;
}

body.case_studies-template-default .container.green-page .twelve.columns.white-area .button, button, input[type="submit"], input[type="reset"], input[type="button"] {
    background: #76bc21; }

body.case_studies-template-default .container.green-page .twelve.columns.white-area a.button:hover {
    background: #4b5763;
}

body.archive.tax-case_study_categories .container.green-page .twelve.columns.white-area h3 a {
    color: #76bc21; }

body.archive.tax-case_study_categories .container.green-page .twelve.columns.white-area h3 a:hover {
    color: #4b5763; }

body.archive.tax-case_study_categories .container.green-page .twelve.columns.white-area .button, button, input[type="submit"], input[type="reset"], input[type="button"] {
    background: #76bc21; }

body.archive.tax-case_study_categories .container.green-page .twelve.columns.white-area a.button:hover {
    background: #4b5763;
}

body.archive.tax-case_study_categories .container.yellow-page .twelve.columns.white-area h3 a {
    color: #ffc629; }

body.archive.tax-case_study_categories .container.yellow-page .twelve.columns.white-area h3 a:hover {
    color: #4b5763; }

body.archive.tax-case_study_categories .container.yellow-page .twelve.columns.white-area .button, button, input[type="submit"], input[type="reset"], input[type="button"] {
    background: #ffc629; }

body.archive.tax-case_study_categories .container.yellow-page .twelve.columns.white-area a.button:hover {
    background: #4b5763;
}

article {
    margin-bottom: 2em;
}

.main-products h5 { color: #4b5763; margin: 2rem 0; }
.main-products ul { padding-left: 2rem; }
ul.cnss-social-icon.social-media-icons {
    margin-bottom: 2em;
}

.textwidget.custom-html-widget h5 {
    margin-top: 2em;
}



#wprmenu_bar span.wpr-logo-wrap {
    float: right;
}
.case-study-images {
    margin-bottom: 3rem;
}


.inner-page-banner { height: 300px!important; }	
.inner-text { padding: 18rem 0 10rem 0rem!important; }	



.wp-image-792 {
    border: 1px solid #eee;
}

.twelve.columns.customer-quote.two {
    background: #76BC21;
}

.page-id-271 blockquote {
    background: #76BC21;
    color: #fff;}

.page-id-271 a {
    color: #76BC21;
    text-decoration: none;
}

.page-id-269 blockquote {
    background: #FFC629;
    color: #4b5763;}

.page-id-269 a {
    color: #FFC629;
    text-decoration: none;
}

.inner-text h1 {
    color: #fff;
}

.post p span {
    color: #0075c9;
    margin-right: 3px;
}

.third {
    width: 30%;
    margin-right: 3.33333%;
}

.fourth {
    width: 22.5%;
    margin-right: 20px;
}

.page-navigation {
    margin-top: 2em;
}

.home-text h1 {
   color: #313d48;
}

.timeline-Widget {
    max-width: 1200px;
    border: 1px solid #666!important;
	background-color: red!important;
    border-radius: 0px!important;
}

.twelve.columns.white-area, .white-area {
    background: #fff;
    overflow: hidden;
    padding: 4em 8em;
}

.container .container { background: red; }

.test-class { background: green; }

/*.address p {
    padding-left: 11px;
}*/

a.email, a.phone, a.website {
    margin-bottom: 10px;
    display: inline-block;
    color: #fff;
}

a.email:hover, a.phone:hover, a.website:hover {
    color: #eee;
}

.address {
    color: #fff;
}

input#gform_submit_button_1 {
    border-radius: 0px;
    border: none;
    font-size: 0.8em;
}

/**Home Page**/
/**Clearfix**/
.clearfix{display:block;clear:both;overflow:hidden}

/**Page Banner**/
.home-page-banner{background-position:center center;background-repeat:no-repeat;background-size:cover}
.home-hero{display:table}
.home-text{display: table-cell; vertical-align: middle; padding: 25vw 0rem 30vw;}

/**Grey Area**/
.container.grey-area{background-color:#313d48;padding: 10rem; margin-top: -6em;}
.grey-area-title{color: #fff; margin-bottom: 3rem;}
.grey-area .third-home {
    width: 33%;
    float: left;
}
.third-home img{width:100%;height:auto;vertical-align:middle}
.third-home .sector-text{width:75%;float:left}
.sector-text h5{color:#fff; margin: 2rem 0;}
.third-home .sector-text {
    margin-right: 20px;
    color: #9c9c9c;
}

.third-home a img:hover {
    opacity: 0.8;
}

/**HOMEPAGE TOP SECTION**/
.home-page-top-section{background-size: cover; width: 100%; z-index:1000;position: relative;display: table;}
.home-page-top-section .twelve.columns{padding:41rem 0 12rem 10rem; width: 50%;}

/**Left and Right Boxes**/
.left-box, .right-box{width: 50%; display: table-cell; vertical-align: middle; padding: 18rem 16rem 9rem 10rem; color: #fff; background-size: contain;}
.left-box h4, .right-box h4 {
    font-size: 1.6em;
}
.left-box p, .right-box p {
    font-size: 0.9em;
}

/**Smart Area**/
.container.smart-area{display:table;background:#ffffff;padding:6rem 10rem}

/**Soliloquy scroller**/
.container.soliloquy-scroller{background-color:#fff;padding:5rem 0;}
.container.soliloquy-scroller h3{color:#b8bfc5;text-align:center}

/**We also help with**/
.container.we-also-help-with{color: #fff !important;background-size: inherit; padding: 5rem;}
.container.we-also-help-with h3{font-size: 7rem; line-height: 1; padding: 6rem 0px;}

/**Quote**/
.container.quote-area{background: #0374c8; padding: 8rem 0 ; text-align: center; color: #fff !important;}

/**Pre-footer cta**/
.container.pre-footer-cta{background: #313d48; padding: 8rem 0 ; text-align: center; color: #fff !important;}

.third ul, .fourth ul, .twelve.columns ul, .phone-icons ul {
list-style: url(/wp-content/uploads/2018/09/bullet-list-icon-grey.png);
padding-left: 2rem;
}


.third-home.health ul, .health ul {
    list-style: url(/wp-content/uploads/2018/09/bullet-list-icon-blue.png) !important;
padding-left: 2rem;
}

.third-home.legal ul, .legal ul {
    list-style: url(/wp-content/uploads/2018/09/bullet-list-icon-yellow.png) !important;
padding-left: 2rem;
}

.third-home.prof ul, .prof ul {
    list-style: url(/wp-content/uploads/2018/09/bullet-list-icon-green.png) !important;
padding-left: 2rem;
}

.page-id-269 nav.child-pages ul {
    list-style: url(/wp-content/uploads/2018/09/bullet-list-icon-yellow.png);
padding-left: 2rem;
}

.page-id-271 nav.child-pages ul {
    list-style: url(/wp-content/uploads/2018/09/bullet-list-icon-green.png);
padding-left: 2rem;
}

.twelve.columns.quote h3 {
    padding: 0em 5em;
}

.three.columns.services h5 {
    min-height: 75px;
}

.three.columns.flex {     padding-bottom: 5rem;
 }

.three.columns.phone-icons ul, .six.columns.smarts {
    padding-right: 2em;
}

.three.columns.phone-icons ul li.waves {
list-style-image: url('/wp-content/uploads/2018/08/smarter-icon-2a.png');
    list-style-position: outside;
}

.three.columns.phone-icons ul li.smart-phone {
list-style-image: url('/wp-content/uploads/2018/08/smarter-icon-1.png');
    list-style-position: outside;
}

.logo-stamp {
    max-width: 170px;
    margin-bottom: 2em;
}

.left-box a, .right-box a, .three.columns.services a {
    color: #fdc42b;
}

.three.columns.services a:hover {
color:#0075c9; }

.left-box a:hover {
    color:#0074be;
}


.pull-quote.blue {    background: #009de2; background-size: contain;  color: #fff; clear: both;  }
.pull-quote.yellow {    background: #fec526; background-size: contain; color: #fff; clear: both;  }
.pull-quote.green {    background: #74bc1f; background-size: contain;  color: #fff; clear: both;  }

.image-left { background-image: url('/wp-content/uploads/2018/09/lexacom-circles-left.png') !important; background-position: bottom left !important; padding: 4rem 12rem 4rem 40%;  background-repeat: no-repeat !important; text-align: right; background-attachment: fixed !important;   } 
.image-right { background-image: url('/wp-content/uploads/2018/09/lexacom-circles.png') !important; background-position: bottom right  !important;  padding: 4rem 40% 4rem 12rem; background-repeat: no-repeat !important; background-attachment: fixed !important;  } 

.pull-quote h5 { color: #fff; font-size: 2vw; line-height: 1.3; }
.pull-quote p { color: #fff; margin: 0; }

.four h4, .three h4  { margin-top: 2rem; }

.white-area:empty {
   display: none;
}

/* Product page Styles
*************************************************/

nav.child-pages ul {
    list-style: url(/wp-content/uploads/2018/09/bullet-list-icon-blue.png)
}

.twelve.columns.customer-quote {
    background: #198ccc;
    color: #fff;
    padding: 3em 3em 2em 3em;
    margin-bottom: 3.5em;
}

.twelve.columns.quote p {
    margin: 0 0em 0 0;
}

.twelve.columns.dark-blue, .dark-blue {
    background: #4b5764;
    color: #fff;
    padding: 3em 3em 2em 3em;
    margin: 3.5em 0em;
}

ul li {
    list-style-position: outside;
}

div#gform_wrapper_1 label.gfield_label {
    display: none;
}

/* Base Styles
*************************************************/
/* NOTE
html is set to 62.5% so that all the REM measurements throughout the theme
are based on 10px sizing. So basically 1.5rem = 15px :) */
html { font-size: 62.5%; }
body {
	font-size: 1.5em; /* currently ems cause chrome bug misinterpreting rems on body element */
	line-height: 1.6;
	font-weight: 400;
	font-family: 'Source Sans Pro', sans-serif;
	color: #4b5763;
	margin: 0;
	padding: 0; 
	background: #e1e1e1;
	}

.push-right { float: right; }
.push-left	{ float: left; }
.align-centered	{ text-align: center; }
.align-right { text-align: right; }



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

a.logo img { width: 180px; max-width: 100%; height: auto; vertical-align: bottom;     margin-top: 4rem; }
header ul { padding: 0; margin: 0; list-style-type: none; }
header ul li { display: inline; }
header .contacts {}
.site-header { position: fixed; width: 100%; z-index: 9999; }
.site-header .container { background: #fff; }

header#masthead .container {
    padding: 0 0 0 1.5em;
}

/* Navbar & Menus 									*
************************************************/
.top-nav 			{ background: #fff; font-size: 1.5rem;    }
.top-nav ul 		{ margin: 0 auto; padding: 0 1.25rem; text-align: right;  }
.top-nav li 		{ display: inline-block; margin: 0; position: relative; /* this is needed in order to position sub menus */ }
.top-nav li a  		{ display: inline-block;     padding: 4.5rem 1rem; color: #000; line-height: 1; } /* Links on the main nav bar ONLY */
.top-nav ul li.current_page_item ul li a, .nav li.current-page-ancestor ul li a { 
					color: #fff; } /* Links on the dropdowns ONLY */
.top-nav li:hover a, .top-nav li.current_page_item a, .top-nav ul li.current_page_item ul li a:hover, .top-nav ul li.current-page-ancestor ul li a:hover,  .top-nav li.current-page-ancestor a { color: #0075c9; }
.top-nav li.current_page_item a { }

.top-nav li.menu-item-has-children a::after { content: "\f107"; font-family: FontAwesome; padding-left: .5rem;  }
.top-nav li.menu-item-has-children ul li a::after { display: none;  }

/* Submenus Dropdowns
***********************************************/
.top-nav ul ul 				{ visibility: hidden; opacity: 0; zoom: 1; filter: alpha(opacity=50); -khtml-opacity: 0.5; position: absolute;	padding: 0;	top: 10.6rem; left: 0; width: 200px; ; text-align: left; z-index: 9999999; -moz-transition-property: opacity, visibility; -webkit-transition-duration: .4s, 0s; transition-delay: 0s, .4s; /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#034f9b+0,0474c8+7 */
background: #034f9b; /* Old browsers */
background: -moz-linear-gradient(top, #034f9b 0%, #0075c9 7%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #034f9b 0%,#0075c9 7%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #034f9b 0%,#0075c9 7%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#034f9b', endColorstr='#0075c9',GradientType=0 ); /* IE6-9 */ }
.top-nav ul ul ul 			{ position: absolute;	padding: 0; top: 0; left: 200px; width: 200px; background: #999; text-align: left; z-index: 9999999; }
.top-nav ul ul li 			{ display: block; margin: 0;  }
.top-nav ul.sub-menu li a 	{ float: none; padding: 1rem; display: block; margin: 0; line-height: 1.2; color: #fff;  }
.top-nav ul ul li:hover a	{ color: #fff; background: rgba(0,0,0,.1); }
.top-nav ul li:hover > ul 	{ visibility: visible; opacity: 1; zoom: 1; filter: alpha(opacity=100); -khtml-opacity: 1;  }

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

/* Pagination
*************************************************/

/* Previous and Next pagination */
a.prev.page-numbers, a.next.page-numbers, a.page-numbers, a.page-numbers:hover {
    font-size: 1em;
    padding: 0.25em 1em;
    color: #fff;
    clear: both;
    -webkit-appearance: none;
    background: #4b5763;
    border: none;
    border-radius: 14px;
}
a.prev.page-numbers:hover, a.next.page-numbers:hover, a.page-numbers:hover { background: #2a353f; border: 0px;   }
a.page-numbers:hover {
    background: #2a353f;
}
/* Current pagination link */
span.page-numbers.current {
    font-size: 1em;
    -webkit-border-radius: 14px;
    -moz-border-radius: 14px;
    border-radius: 14px;
    background: #0075c9;
    padding: .25em 1em;
    color: #fff;
    clear: both;
    -webkit-appearance: none;
}

a.button:hover, a.download-button:hover {
background: #4b5763;}

.type-post {
    border-bottom: 1px solid #eee;
    margin-bottom: 2em;
    padding-bottom: 1em;
}


/* Grid
*************************************************/
.container { position: relative; width: 100%; max-width: 1170px; margin: 0 auto; padding: 0 20px; box-sizing: border-box; }
.with-sidebar { position: relative; width: 100%; max-width: 1170px; margin: 0 auto; padding: 4em 8em; box-sizing: border-box; background: #fff;
    overflow: hidden; }
.column, .columns { width: 100%; float: left; box-sizing: border-box; }


/* For devices larger than 400px
***************************************************************/

@media (min-width:320px) {
  	.container 						{ width: 85%; padding: 0; }
	.with-sidebar 					{ width: 85%;  }
  	.with-sidebar .container 		{ width: 100%; }
	.left-sidebar, 
	.left-sidebar-content, 
	.right-sidebar, 
	.right-sidebar-content 			{ width: 100%; }
	.u-pull-right, .u-pull-left 	{ float: none; }

} /* End media query */

/* For devices larger than 550px
***************************************************************/

@media (min-width: 550px) {

	.container { width: 80%;  }
	.with-sidebar { width: 80%; }
	.row, .container.grey-area, .box-flex { display: flex; }
	.with-sidebar .container { width: 100%; }
	.column,.columns { margin-left: 4%; position: relative;  }
	.column:first-child, .columns:first-child { margin-left: 0; }
	.flex { flex: 1;  padding-bottom: 0rem; }
	.four.columns.flex, three.columns.flex { padding-bottom: 5rem; }


	.one.column,
	.one.columns                    { width: 4.66666666667%; }
	.two.columns                    { width: 13.3333333333%; }
	.three.columns, 
	.left-sidebar,
	.right-sidebar 				{ width: 22%;            }
	.four.columns                   { width: 30.6666666667%;   }
	.five.columns                   { width: 39.3333333333%; }
	.six.columns                    { width: 48%;            }
	.seven.columns                  { width: 56.6666666667%; }
	.eight.columns                  { width: 65.3333333333%; }
	.nine.columns, 
	.left-sidebar-content,
	.right-sidebar-content          { width: 74.0%;          }
	.ten.columns                    { width: 82.6666666667%; }
	.eleven.columns                 { width: 91.3333333333%; }
	.twelve.columns                 { width: 100%; margin-left: 0; }

	.one-third.column               { width: 30.6666666667%; }
	.two-thirds.column              { width: 65.3333333333%; }

  .one-half.column                { width: 48%; }

  /* Offsets */
	.offset-by-one.column,
	.offset-by-one.columns          { margin-left: 8.66666666667%; }
	.offset-by-two.column,
	.offset-by-two.columns          { margin-left: 17.3333333333%; }
	.offset-by-three.column,
	.offset-by-three.columns        { margin-left: 26%;            }
	.offset-by-four.column,
	.offset-by-four.columns         { margin-left: 34.6666666667%; }
	.offset-by-five.column,
	.offset-by-five.columns         { margin-left: 43.3333333333%; }
	.offset-by-six.column,
	.offset-by-six.columns          { margin-left: 52%;            }
	.offset-by-seven.column,
	.offset-by-seven.columns        { margin-left: 60.6666666667%; }
	.offset-by-eight.column,
	.offset-by-eight.columns        { margin-left: 69.3333333333%; }
	.offset-by-nine.column,
	.offset-by-nine.columns         { margin-left: 78.0%;          }
	.offset-by-ten.column,
	.offset-by-ten.columns          { margin-left: 86.6666666667%; }
	.offset-by-eleven.column,
	.offset-by-eleven.columns       { margin-left: 95.3333333333%; }

	.offset-by-one-third.column,
	.offset-by-one-third.columns    { margin-left: 34.6666666667%; }
	.offset-by-two-thirds.column,
	.offset-by-two-thirds.columns   { margin-left: 69.3333333333%; }

	.offset-by-one-half.column,
	.offset-by-one-half.columns     { margin-left: 52%; }

} /* End media query */


/*	Footer
*************************************************/
.footer-wrapper { padding: 6rem 0 0; background: #2a353f; overflow: hidden; clear: both; margin: 0 auto; width: 80%; max-width: 1170px; }
.footer-sub-wrapper {
    padding: 3rem 0;
    background: #2a353f;
    color: #fff;
    overflow: hidden;
    line-height: 2;
    border-top: 1px solid #fff;
    margin-top: 3em;
    font-size: 0.8em;
}
.footer-sub-wrapper li a { color: #fff; text-decoration: none; padding: 0 1rem; }
.footer-sub-wrapper li a:hover { text-decoration: underline; }
.site-footer { clear: both; }
.site-footer a.logo img { width: 100%; height: auto; margin-bottom: 2rem; }
.site-footer ul { padding: 0; margin: 0; list-style: none; }
.site-footer ul li { margin: 0; padding: 0; }
.site-footer ul li a {
    display: block;
    line-height: 2;
    text-decoration: none;
    color: #fff;
}
footer.site-footer h5 {
    font-size: 1.2em;
    color: #fff;
    text-transform: uppercase;
}

/* Contacts */

.site-footer .contacts { text-align: right; }
.site-footer .contacts span { display: block; }

/* Sub footer */
.bottom-menu ul { padding: 0; margin: 0; list-style: none; }
.bottom-menu ul li { display: inline; padding: 0; margin: 0; }
.bottom-menu ul li a { display: inline-block; line-height: 2; border: none; }

.footer-sub-wrapper{text-align:Center;font-size:1.5rem}
.menu{padding-left:0 !important;}
.menu-legal-menu-container, .companyname{display:inline-block;}

/* Typography
*************************************************/
h1, h2, h3, h4, h5, h6 { margin-top: 0; margin-bottom: 2rem; }
h1 { font-size: 4.0rem; line-height: 1.2; font-weight: 600;  }
h2 { font-size: 3.6rem; line-height: 1.25; font-weight: 600; }
h3 { font-size: 3.0rem; line-height: 1.3; font-weight: 400; }
h4 { font-size: 2.4rem; line-height: 1.35; font-weight: 400; }
h5 { font-size: 1.8rem; line-height: 1.5; font-weight: 400; }
h6 { font-size: 1.5rem; line-height: 1.6; font-weight: 400;  }

/* Larger than phablet */
@media (min-width: 550px) {
  h1 { font-size: 5.0rem; }
  h2 { font-size: 4.2rem; }
  h3 { font-size: 3.6rem; }
  h4 { font-size: 3.0rem; }
  h5 { font-size: 2.4rem; }
  h6 { font-size: 1.5rem; }
}

p {
  margin-top: 0; }

.centered { text-align: center; }
.alignright { text-align: right; }
.justified { text-align: justify; }


/* Links
*************************************************/
a { color: #0075c9; text-decoration: none; }
a:hover { color: #4b5763; }


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

.three a.button, .four a.button, .third-home a.button { position: absolute; bottom: 0; margin-top: 5rem; }
.three-2 a.button { position: inherit; bottom: 0; margin-top: 0rem; margin-bottom: 5rem; }
.button, a.download-button,
button,
input[type="submit"],
input[type="reset"],
input[type="button"] {
  display: inline-block;
  padding: 1rem 3.5rem;
  text-align: center;
  text-decoration: none;
  white-space: nowrap;
  background-color: transparent;
color: #fff;
	background: #0075c9;
  cursor: pointer;
  box-sizing: border-box;
text-transform: uppercase;
-webkit-border-radius: 200px;
-moz-border-radius: 200px;
border-radius: 200px; 
    border: none;}


.button:hover,
button:hover,
input[type="submit"]:hover,
input[type="reset"]:hover,
input[type="button"]:hover,
.button:focus,
button:focus,
input[type="submit"]:focus,
input[type="reset"]:focus,
input[type="button"]:focus {
  color: #fff;
  outline: 0; }


.button.button-primary,
button.button-primary,
input[type="submit"].button-primary,
input[type="reset"].button-primary,
input[type="button"].button-primary {
  color: #FFF;
  background-color: #33C3F0;
  border-color: #33C3F0; }
.button.button-primary:hover,
button.button-primary:hover,
input[type="submit"].button-primary:hover,
input[type="reset"].button-primary:hover,
input[type="button"].button-primary:hover,
.button.button-primary:focus,
button.button-primary:focus,
input[type="submit"].button-primary:focus,
input[type="reset"].button-primary:focus,
input[type="button"].button-primary:focus {
  color: #FFF;
  background-color: #1EAEDB;
  border-color: #1EAEDB; }


/* Forms
*************************************************/
input[type="email"],
input[type="number"],
input[type="search"],
input[type="text"],
input[type="tel"],
input[type="url"],
input[type="password"],
textarea,
select {
  height: 38px;
  padding: 6px 10px; /* The 6px vertically centers text on FF, ignored by Webkit */
  background-color: #fff;
  border: 1px solid #D1D1D1;
  border-radius: 4px;
  box-shadow: none;
  box-sizing: border-box; }
/* Removes awkward default styles on some inputs for iOS */
input[type="email"],
input[type="number"],
input[type="search"],
input[type="text"],
input[type="tel"],
input[type="url"],
input[type="password"],
textarea {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none; }
textarea {
  min-height: 65px;
  padding-top: 6px;
  padding-bottom: 6px; }
input[type="email"]:focus,
input[type="number"]:focus,
input[type="search"]:focus,
input[type="text"]:focus,
input[type="tel"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
textarea:focus,
select:focus {
  border: 1px solid #33C3F0;
  outline: 0; }
label,
legend {
  display: block;
  margin-bottom: .5rem;
  font-weight: 600; }
fieldset {
  padding: 0;
  border-width: 0; }
input[type="checkbox"],
input[type="radio"] {
  display: inline; }
label > .label-body {
  display: inline-block;
  margin-left: .5rem;
  font-weight: normal; }

form#gform_1 li#field_1_4, form#gform_1 li#field_1_3 {
    margin-top: 0px;
}

body #gform_wrapper_1 .gform_body .gform_fields .gfield input[type=text], body #gform_wrapper_1 .gform_body .gform_fields .gfield input[type=email], body #gform_wrapper_1 .gform_body .gform_fields .gfield textarea

 {
    border-radius: 0px;
    background: #313d48;
    border: 1px solid #eee;
    padding: 5px 10px;
	color: white;
}


body #gform_wrapper_1 input::-webkit-input-placeholder {
    color: #757575;
}
body #gform_wrapper_1 input:-moz-placeholder {
    /* FF 4-18 */
    color: #757575;
}
body #gform_wrapper_1 input::-moz-placeholder {
    /* FF 19+ */
    color: #757575;
}
body #gform_wrapper_1 input:-ms-input-placeholder {
    /* IE 10+ */
    color: #757575;
}



/* Lists
*************************************************/
ul { list-style: square inside; }
ol { list-style: decimal inside; }
ol, ul { padding-left: 0; margin-top: 0; }
ul ul,
ul ol,
ol ol,
ol ul {
  margin: 1.5rem 0 1.5rem 2rem;  }
li { margin-bottom: 1rem; }


/* Code
*************************************************/
code {
  padding: .2rem .5rem;
  margin: 0 .2rem;
  font-size: 90%;
  white-space: nowrap;
  background: #F1F1F1;
  border: 1px solid #E1E1E1;
  border-radius: 4px; }
pre > code {
  display: block;
  padding: 1rem 1.5rem;
  white-space: pre; }


/* Tables
*************************************************/
th, 
td {
  padding: 12px 15px;
  text-align: left;
  border-bottom: 1px solid #E1E1E1; }
th:first-child,
td:first-child {
  padding-left: 0; }
th:last-child,
td:last-child {
  padding-right: 0; }


/* Spacing
*************************************************/

blockquote {
    background: #198ccc;
    color: #fff;
    padding: 3em 3em 1em 3em;
    margin: 2em 0em;
}

button, .button { margin-bottom: 1rem; }
input, textarea, select, fieldset { margin-bottom: 1.5rem; }
pre, blockquote, dl, figure, table, p, ul, ol, form { margin-bottom: 2.5rem; }

._05rem 	{ padding: .5rem 0; display: block; }
._1rem 		{ padding: 1rem 0; display: block; }
._2rem 		{ padding: 2rem 0; display: block; }
._3rem 		{ padding: 3rem 0; display: block; }
._4rem 		{ padding: 4rem 0; display: block; }
._5rem 		{ padding: 5rem 0; display: block; }
._6rem 		{ padding: 6rem 0; display: block; }
._7rem 		{ padding: 7rem 0; display: block; }
._8rem 		{ padding: 8rem 0; display: block; }
._9rem 		{ padding: 9rem 0; display: block; }
._10rem 	{ padding: 10rem 0; display: block; }

._05remtop { padding-top: .5rem; display: block; }
._1remtop { padding-top: 1rem; display: block; }
._2remtop { padding-top: 2rem; display: block; }
._3remtop { padding-top: 3rem; display: block; }
._4remtop { padding-top: 4rem; display: block; }
._5remtop { padding-top: 5rem; display: block; }
._6remtop { padding-top: 6rem; display: block; }
._7remtop { padding-top: 7rem; display: block; }
._8remtop { padding-top: 8rem; display: block; }
._9remtop { padding-top: 9rem; display: block; }
._10remtop { padding-top: 10rem; display: block; }

._05rembottom { padding-bottom: .5rem; display: block; }
._1rembottom { padding-bottom: 1rem; display: block; }
._2rembottom { padding-bottom: 2rem; display: block; }
._3rembottom { padding-bottom: 3rem; display: block; }
._4rembottom { padding-bottom: 4rem; display: block; }
._5rembottom { padding-bottom: 5rem; display: block; }
._6rembottom { padding-bottom: 6rem; display: block; }
._7rembottom { padding-bottom: 7rem; display: block; }
._8rembottom { padding-bottom: 8rem; display: block; }
._9rembottom { padding-bottom: 9rem; display: block; }
._10rembottom { padding-bottom: 10rem; display: block; }


._05rembotmarg { margin-bottom: .5rem; display: block; }
._1rembotmarg { margin-bottom: 1rem; display: block; }
._2rembotmarg { margin-bottom: 2rem; display: block; }
._3rembotmarg { margin-bottom: 3rem; display: block; }
._4rembotmarg { margin-bottom: 4rem; display: block; }
._5rembotmarg { margin-bottom: 5rem; display: block; }
._6rembotmarg { margin-bottom: 6rem; display: block; }
._7rembotmarg { margin-bottom: 7rem; display: block; }
._8rembotmarg { margin-bottom: 8rem; display: block; }
._9rembotmarg { margin-bottom: 9rem; display: block; }
._10rembotmarg { margin-bottom: 10rem; display: block; }

._05remtopmarg { margin-top: .5rem; display: block; }
._1remtopmarg { margin-top: 1rem; display: block; }
._2remtopmarg { margin-top: 2rem; display: block; }
._3remtopmarg { margin-top: 3rem; display: block; }
._4remtopmarg { margin-top: 4rem; display: block; }
._5remtopmarg { margin-top: 5rem; display: block; }
._6remtopmarg { margin-top: 6rem; display: block; }
._7remtopmarg { margin-top: 7rem; display: block; }
._8remtopmarg { margin-top: 8rem; display: block; }
._9remtopmarg { margin-top: 9rem; display: block; }
._10remtopmarg { margin-top: 10rem; display: block; }


/* Utilities
*************************************************/
.u-full-width 		{ width: 100%; box-sizing: border-box; }
.u-max-full-width 	{ max-width: 100%; box-sizing: border-box; }
.u-pull-right 		{ float: right; }
.u-pull-left 		{ float: left; }


/* Misc
*************************************************/
hr { margin-top: 3rem; margin-bottom: 3.5rem; border-width: 0; border-top: 1px solid #E1E1E1; }


/* Clearing
*************************************************/

/* Self Clearing Goodness */
.container:after, .row:after, .u-cf { content: ""; display: table; clear: both; }


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

.wrapper h1, 
.wrapper h2, 
.wrapper h3, 
.wrapper h4, 
.wrapper h5, 
.wrapper h6 { color: #fff !important; }
.wrapper p { color: #fff !important; }
.wrapper a { color: #fff !important; text-decoration: underline;}
.wrapper a:hover { text-decoration: none; }
.wrapper img { width: 100%; height: auto; vertical-align: bottom; }

/* Flexible Content Elements
***************************************************/
.leftaligntext 			{ text-align: left; }
.rightaligntext 		{ text-align: right; }
.centeraligntext 		{ text-align: center; }
.justifiedtext			{ text-align: justify;}


/*	Easing 
*************************************************/
a.button, a.button:hover, a.prev, a.next, a.page-numbers, li:hover a, li a { 

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


/*	WordPress base Styles (content & images)
*************************************************/
.alignnone 								{ margin: .0; }
.aligncenter, div.aligncenter 			{ display: block; margin: 0em auto; }
.alignright 							{ float:right; margin: 0em; }
.alignleft 								{ float: left; margin: 0; }
.aligncenter 							{ display: block; margin: 0; }
a img.alignright,
img.alignright 							{ float: right; margin: .0; max-width: 100%; }
a img.alignnone,img.alignnone 			{ margin: 0; max-width: 100%; }
a img.alignleft, img.alignleft			{ float: left; margin: 0; max-width: 100%; }
a img.aligncenter,
img.aligncenter  						{ display: block; margin-left: auto; margin-right: auto; }
.wp-caption 							{ background: #fff; border: 1px solid #f0f0f0; max-width: 100%; /* Image does not overflow the content area */ padding: .25em .25em .75em; text-align: center;}
.wp-caption.alignnone 					{ margin: 0; }
.wp-caption.alignleft 					{ margin: 0; }
.wp-caption.alignright 					{ margin: 0; }
.wp-caption img 						{ border: 0 none; height: auto; margin: 0; padding: 0; width: auto; max-width: 100%; }
.wp-caption p.wp-caption-text 			{ line-height: 1; margin: 1em 0 0 0; padding: 1em; border-top: 1px solid #ff8f2b; border-bottom: 1px solid #ff8f2b; display: block; clear: both; }
p.wp-caption-text:before 				{ margin-right: .25em; content: "\f0aa"; font-family: FontAwesome; color: #ff8f2b; }
img.full-width-image					{ width: 100%; height: auto; margin: 0; padding: 0; }
img										{ max-width: 100%; height: auto; }


/* Media Queries
*************************************************
Note: The best way to structure the use of media queries is to create the queries
near the relevant code. For example, if you wanted to change the styles for buttons
on small devices, paste the mobile query code up in the buttons section and style it
there */

/**HTML font sizes**/
@media(max-width:400px){html{font-size:50%}}
@media (min-width:400px) and (max-width:550px){html{font-size:62.5%}	}
@media(min-width:550px) and (max-width:768px){html{font-size:52.5%}}
@media(min-width:768px) and (max-width:1024px){html{font-size:50%}}
@media(min-width:1024px) and (max-width:1440px){html{font-size:55%}}

/**Important Nav Changes**/
@media(max-width:1024px){header .container{display:none} #masthead{position:relative} .menu_title a{color:white !important}}


/**Small Mobiles**/
@media(max-width:425px){

body .inner-page-banner { height: auto !important; }
		.row, .container.grey-area, .box-flex { display: block; }
.three a.button, .four a.button, .third-home a.button { position: relative; bottom: 0; margin-top: 5rem; }


.three a.button, .four a.button, .third-home a.button {
    position: relative;
    bottom: 0;
    margin-top: 5rem;
}


.twelve.columns.quote h3 {
    padding: 0em 1em;
}


.pull-quote h5 {
    color: #fff;
    font-size: 2rem;
    line-height: 1.3;
}


.image-right {
    background-image: url(/wp-content/uploads/2018/09/lexacom-circles.png) !important;
    background-position: bottom right !important;
    padding: 4rem 11% 4rem 4rem;
    background-repeat: no-repeat !important;
    background-attachment: scroll !important;
}



.image-left {
       padding: 4rem 11% 4rem 4rem;

    background-attachment: scroll !important;
}



}

/**Mobile only**/
@media(max-width:550px){
	/**Home page**/
	.home-text h1{font-size:3rem}
	
	.container.grey-area{padding:12vw}
	
	.home-page-top-section{}
	.home-page-top-section .twelve.columns{padding:7rem 0 3rem 5rem;width:60%}
	.third-home a.button{position:relative;margin-top:0;}
	
	.left-box, .right-box{padding:12vw 15vw 10vw 12vw;background-size:cover !important}
}

/**Tablet Only**/
@media(min-width:550px) and (max-width:768px){
	/**Home page**/
	.home-text h1{font-size:4rem;}
	
	.home-page-top-section .twelve.columns{padding:14rem 0 5rem 5rem;width:60%}
	
	.grey-area .third-home img{width:100%;display:block;margin:0 auto}
	
	/**Footer**/
	.footer-wrapper .three.columns{width:100%;margin-left:0;text-align:center;margin-bottom:2rem;font-size:2rem}
	.footer-wrapper .three.columns:nth-child(4){display:none}
	
	
}

.portal.three.columns{display:none;}
/**Mobile and Tablet**/
@media(max-width:768px){
	
	/*Home Page**/
	.banner.container{padding:0;}
	.home .container{width:100%}
	.footer-wrapper{width:100%;}
	.footer-wrapper .container{width:80%}
	.home-text{padding:25vw 0rem 30vw 7vw}
	
	
	.grey-area .third-home{width:100%;float:none;margin-bottom:5rem;clear:both;overflow:hidden}
	.grey-area .third-home .sector-text{float:none;width:100%}
	
	.left-box, .right-box{width:100%;display:block;box-sizing:border-box}
	
	.container.smart-area{padding:6vw 7vw 3vw 7vw}
	.six.columns.smarts{width:100%;float:none;margin-bottom:5rem}
	.six.columns.phone-icons{width:100%;float:none;margin:0;}
	.six.columns.phone-icons ul li{float:none !important;padding:0 !important;width:80% !important;margin: 2rem 10vw 0 10vw !important}
	
	.container.we-also-help-with{padding:5vw}
	.container.we-also-help-with h3{padding:5vw 0}
	.three.columns.services h5{min-height:0}
	
	/**Inner Page Main Content Area Width**/
	.with-sidebar, .white-area{width:100%;padding:4em 10% !important;box-sizing:border-box}
	.container{width:100%}
	header .container, footer .container, .inner-page-banner .container{width:80%}
	.container.pre-footer-cta{padding:8rem 2rem}
	.blue.image-right{padding:4rem 10%;}
	/**Footer**/
	.footer-wrapper .three.columns h5{font-size:3rem}
	.footer-wrapper .three.columns{text-align:center;margin-bottom:2rem;font-size:2rem}
	
	/**Calendar**/
	.calendar-side{margin-bottom:5rem;}
	.calendar-side, .calendar-sidebar{width:100% !important;margin:0;}
}


/**Large Tablet Only**/
@media(min-width:768px) and (max-width:1024px){
	
	/**Footer**/
	.footer-wrapper .three.columns{width:50%;margin-left:0;margin-bottom:5rem}
}

/**Smaller than Large Tablet**/
@media(max-width:1024px){
	/**Home page**/
	.home-page-top-section{background-size:cover !important;}
	
	.left-box, .right-box, .container.we-also-help-with{background-size:contain !important}
	
	/**Inner Pages**/
	.inner-page-banner{height:auto !important}
	
	/**Hide Sidebar**/
	.right-sidebar{display:none}
	.right-sidebar-content{width:100%}
	
.inner-page-banner .inner-text{padding:7vw 0 7vw !important}	
	



	@media(min-width:1024px) and (max-width:1500px){}
	.top-nav li a{padding:5.2rem 0.5rem}
}