/*
Theme Name: Toast
Description:  The Toast Theme. Lightweight, tasty and totally awesome.
Author: David Foreman // Charlotte Brown
Copyright: David Foreman & Charlotte Brown 2018 All rights reserved. // DO NOT REMOVE THIS COPYRIGHT NOTICE
Date: March 2018
Version: 6.0-2019
Theme URI: http://www.toastwebsites.co.uk
Author URI: http://www.toastdesign.co.uk
Text Domain: Toast
Tags: one-column, two-columns, right-sidebar
License: None
License URI: LICENSE
*/

section.background-blue {
    background: rgb(92 146 255 / 10%);
}

section.background-dark-blue {
    background: rgb(37 78 137 / 10%);
}

.welcome-slider span {
    color: #a80726;
}

.post-wrapper {
    padding: 3rem;
    border: 2px solid #eeeeee;
    margin-bottom: 2rem;
}

body.page-id-258 .parallax {
    margin-bottom: 6rem;
}

.show-mobile { display: none; }

section.test-columns p {color:#fff;}

.slider-overlay { position: absolute; top: 0; bottom: 0; right: 0; left: 0; background: rgba(0,0,0,.6);}

li.toast-support a { background: #ff8f2b; }
li.toast-support a:hover { background: #666; }
/* .container .container { background: red; }
.container { border: 1px solid yellow;  }
.row { border: 1px solid pink; background: pink; }
.wrapper { border: 1px solid orange; background: orange; padding: 2rem 0; }
section { border: 3px solid grey; clear: both; }*/
section{position:relative;}
body #wprmenu_bar span.wpr-logo-wrap { position: relative; top: -3px; line-height: inherit; display: inline-block; float: right; } /* Floats the logo to the right on the WPR Menu */

/* Charlotte CSS */

.inner-banner {
    padding: 10rem 0rem;
    margin-bottom: 5rem;
}

.container.sitemap ul {
    list-style: none;
    margin: 2rem 0rem;
}

body .gform_confirmation_message {
    border: 3px solid #5d92ff;
    padding: 3rem;
    background: #5d92ff0f;
}

/* Custom CSS */

.black-subheading {color: black;}

.slide p {color: #fff; font-size: 2.5rem;}

a.button-outline {
    border-radius: 3px;
    background-color: #ffffff00;
    color: white;
    padding: 1rem 2rem;
    border: 2px solid #ffffff;
}

a.button-outline:hover { color: #757575;}

.textwidget a.button-outline:hover {
    color: #5b92fe;
    border: 2px solid #5b92fe;
}

a.button-outline2 {
    border-radius: 3px;
    background-color: #ffffff00;
    color: #464646;
    padding: 1rem 2rem;
    border: 2px solid #8c8c8c;
}

a.button-outline2:hover { color: #8c8c8c;}

.email a {color: #000;}
.email a:hover {color: #5b92fe; }
.site-footer .email a {color: #fff;}
.site-footer .email a:hover {color: grey;}

.social-icons a {
      font-family: fontawesome;
    font-style: normal;
    background: #5b92fe;
    -webkit-border-radius: 100px;
    -moz-border-radius: 100px;
    border-radius: 100px;
    height: 30px;
    width: 30px;
    line-height: 30px;
    font-size: 15px;
    display: inline-block;
    color: #fff;
    margin-right: 5px;
    text-align: center;
    margin-bottom: 1rem;
	margin-top: 0.5rem;
}

.social-icons a:hover {
background-color: #0054ff; color: #fff;
}

.textwidget {color: #fff;}

.telephone-widget {font-size: 3.5rem;}

p.telephone-widget a:hover {
    color: #fff;
}

ul.slick-dots {
   display: none !important;
}

.phone { font-size: 3rem; color: #5b92fe; }

.footer-main .phone a:hover {
    color: #fff;
}

.welcome-slider {padding: 10rem; vertical-align: middle; margin-top: 6rem;}



.subheader-text h5 {color: #000;}
.Contact-us {background: #f3f3f3;}

.image-block p {margin-top: 1.5rem;}
.parallax-banner p {font-size: 2rem;}

.tile-info h6 {margin-top: 2rem;}

.logo-showcase {background: #f3f3f3;}


.case-study h3 {margin-top: 3rem; font-size: 3rem;}
.case-study h5 {color: #000; font-size: 2rem;}

section.blinds-shading {    display: flex;
    flex-direction: row;
    align-items: center;
    align-content: stretch;}

.berkshire-home h5 {color: #000;}

.blog.sidebar.three.columns h5 {color: #000;}
.blog.sidebar.three.columns {float: right; color: #000;}
.blog.sidebar.three.columns p {float: right; color: #000;}
.right-sidebar-widget.widget_recent_entries.recent-posts-2 ul li {list-style: none;}
.right-sidebar-widget.widget_recent_entries.recent-posts-2 ul li a {color: #000;}
.right-sidebar-widget.widget_recent_entries.recent-posts-2 ul li a:hover {color: #5b92fe;}
li.cat-item.cat-item-1 {color: #000;}
.right-sidebar-widget.widget_categories.categories-2 li a {color: #000;}
.right-sidebar-widget.widget_categories.categories-2 li {list-style: none;}

/* .single-post {margin-top: 5rem; margin-bottom: 15rem; margin-right: 1rem;} */
.right-sidebar-widget.widget_text.text-3 {margin-top: 5rem;}
.single-post h3 a {color: #000;}

.welcome-title h3 {margin-bottom: 4rem;}
.heating-control {background: #f3f3f3; padding-top: 5rem; padding-bottom: 5rem;}
.avigilon h2 {color: #000;}
.heatmiser h2 {color: #000; font-size: 4.5rem;}

.video-heating { width: 100%; height: 26vw;}

.iframe-container {
  overflow: hidden;
  /* 16:9 aspect ratio */
  padding-top: 56.25%;
  position: relative;
}

.iframe-container iframe {
   border: 0;
   height: 100%;
   left: 0;
   position: absolute;
   top: 0;
   width: 100%;
}

.iframe-container2 {
  overflow: hidden;
  /* 16:9 aspect ratio */
  padding-top: 56.25%;
  position: relative;
}

.iframe-container2 iframe {
   border: 0;
   height: 100%;
   left: 0;
   position: absolute;
   top: 0;
   width: 100%;
   margin: 1rem;
}

.right-sidebar-widget.widget_nav_menu.nav_menu-2 {margin-top: 5rem;}

.cinema-slider {padding: 5rem;}

#wprmenu_bar span.wpr-logo-wrap img {
    max-width: 100%;
    height: 75px;
    width: auto;
    float: right;
    margin-top: -1.2rem; }


h1 { opacity:0; transform:translateY(10px); transition:all .5s; }
h1.scroll-triggered { opacity:1; transform:translateY(0); }



.overlay .nk-awb:after {content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.5); z-index: 1;}
.overlay .nk-awb {position: relative; z-index: 0;}
.overlay .nk-awb .container {position: relative; z-index: 2;}

#sb_instagram .sb_instagram_header .sbi_header_text.sbi_no_bio h3 {color: white;}


.twelve.columns.homepage-mobile {
	padding-top: 3rem;}

.post-banner h1 {color: black; margin-top:5rem; margin-bottom: 5rem; font-size: 6rem;}

.twelve.columns.welcome-slider h2 {color: white;}
.container.parallax h2 {color: white !important;}

/* End Of Custom CSS */


/* Required WP Styles
*************************************************/
.sticky {}
.screen-reader-text {}
.gallery-caption {}
.bypostauthor {}

/* 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.75rem; /* currently ems cause chrome bug misinterpreting rems on body element */
	line-height: 1.6;
	font-family: 'Raleway', sans-serif;
	font-weight: 400;
	color: #222;
	margin: 0;
	padding: 0; 
	}

.columns.push-right, .column.push-right { float: right; }
.columns.push-left, .column.push-left	{ float: left; }

/**Slider**/
.slider-viewport{overflow:hidden;position:relative;}
.slider-viewport .slider-reel{position:relative;transition:all .5s;}
.slider-viewport .slider-reel .slide{position: absolute;
    top: 0;
    width: 100%;
    background-size: cover;
    background-position: center;
    display: flex;
    justify-content: space-around;
    align-content: space-between;
    flex-wrap: nowrap;
    flex-direction: column;}
.slider-viewport .slider-reel .slide.fade{opacity:0;pointer-events:none;transition:all .5s;}
.slider-viewport .slider-reel .slide.fade.active{opacity:1;pointer-events:all;}
.slider-viewport .slider-nav{text-align:center;position: absolute;bottom: 1rem;left: 50%;transform: translatex(-50%);}
.slider-viewport .slider-nav .slide-button{background:rgba(0,0,0,0.2);width:10px;height:10px;display:inline-block;margin:0 .5rem;border-radius:100%;transition:all .5s;cursor:pointer;}
.slider-viewport .slider-nav .slide-button.active{background:#5b92fe;}
.slider-viewport .slider-secondary-nav .next, .slider-viewport .slider-secondary-nav .previous{position:absolute;top:50%;background:rgba(0,0,0,0.8);color:#ffffff;padding:2rem;box-sizing:border-box;cursor:pointer;transform:translatey(-50%);}
.slider-viewport .slider-secondary-nav .previous{left:0rem;}
.slider-viewport .slider-secondary-nav .next{right:0rem;}

.testimonial-slider{padding:5rem 0;}
.testimonial-slider .slide {max-height:500px;overflow:hidden;}

.slider-viewport .slider-reel .slide-background{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%) scale(1.5);background-size:cover;background-position:center;width:100%;height:100%;transition:all 7s;}
.slider-viewport .slider-reel .slide.active .slide-background{transform:translate(-50%, -50%) scale(1);}

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

a.logo img { width: 100%; height: auto; padding-top: 1.5rem; vertical-align: bottom; }
header ul { padding: 0; margin: 0; list-style-type: none; }
header ul li { display: inline; }
header .contacts { padding-top: 2rem; color: #000;}
.social-icons a { margin-left: 1rem;}

/* Navbar & Menus 									*
************************************************/

.top-nav 			{ background: linear-gradient(72deg, #0077ff, #00dcff78); font-size: 2rem;   }
.top-nav ul 		{ margin: 0 auto; padding: 0 1.25rem; text-align: center;  }
.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: 2rem 3rem;
    color: #fff;
    line-height: 1;
    font-size: 80%;
} /* 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: #2d4c8c ; }
.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: 6rem;
    left: 0;
    /* width: 200px; */
    background: #254e8a;
    text-align: left;
    z-index: 9999999;
    -moz-transition-property: opacity, visibility;
    -webkit-transition-duration: .4s, 0s;
    transition-delay: 0s, .4s;
	width: 200px;



}
.top-nav ul ul ul 			{ position: absolute;	padding: 0; top: 0; left: 200px; width: 200px; background: #5b92fe; text-align: left; z-index: 9999999; }
.top-nav ul ul.sub-menu li ul.sub-menu li a:hover {     background: #254e8a; color: white;}
.top-nav ul ul li 			{ display: block; margin: 0;  }
.top-nav ul.sub-menu li a {
    float: none;
    padding: 1.25rem 1rem;
    display: block;
    margin: 0;
    line-height: 1.2;
    color: #fff;
    font-size: 80%;
}
.top-nav ul.sub-menu li:hover > a 	{ background: #5b92fe;  }


.top-nav ul ul li:hover a	{ color: #fff; }
.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
*************************************************/
.page-navigation {padding:4rem 0;margin-bottom:2rem;}

/* Previous and Next pagination */
 a.prev.page-numbers, a.next.page-numbers, a.page-numbers, a.page-numbers:hover { font-size: 1em; padding: .25em .5em; color: #fff; clear: both; -webkit-appearance: none; background: #5b92fe; border: none; border-radius: 4px;}

a.prev.page-numbers:hover, a.next.page-numbers:hover, a.page-numbers:hover { background: #2d4c8d; border: 0px;   }
a.page-numbers:hover { background: #2d4c8d;  }

/* Current pagination link */
span.page-numbers.current { font-size: 1em; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; background: #2d4c8d; padding: .25em 1em; color: #fff; clear: both; -webkit-appearance: none; }

/* General ACF Styles
*************************************************/
.colour-overlay { position: absolute; top: 0; left: 0; right: 0; bottom: 0; }
.wrapper { position: relative; }


/* Related Content ACF							*
**************************************************/
.row.related-content {}
.related-news-wrapper {}
.related-featured-image img { margin-bottom: 2rem;}
.related-news-content {}
h3.related-title {}
.related-excerpt {}
.related-read-more-button { margin-top: 2rem; }


/* Grid
*************************************************/
.container, .with-sidebar { position: relative; width: 100%; max-width: 1170px; margin: 0 auto; padding: 0 20px; box-sizing: border-box; clear: both; }
.container.full-width { max-width: 100%; width: 100%; }
.column, .columns { width: 100%; float: left; box-sizing: border-box; }
.row, section, .rowtitle { display: block; clear: both; }


/* Margin and Padding Styles
*************************************************/

/* DEFAULTS */
.margin-top { margin-top: 3vw; }
.margin-bottom { margin-bottom: 3vw; }
.margin-both { margin-top: 3vw; margin-bottom: 3vw; }

.padding-top { padding-top: 3vw; }
.padding-bottom { padding-bottom: 3vw; }
.padding-both { padding-top: 3vw; padding-bottom: 3vw; }

/* TOP MARGIN */
.margin-top-1 { margin-top: 1rem; }
.margin-top-2 { margin-top: 2rem; }
.margin-top-3 { margin-top: 3rem; }
.margin-top-4 { margin-top: 4rem; }
.margin-top-5 { margin-top: 5rem; }
.margin-top-10 { margin-top: 10rem; }
.margin-top-15 { margin-top: 15rem; }
.margin-top-20 { margin-top: 20rem; }
.margin-top-25 { margin-top: 25rem; }
.margin-top-30 { margin-top: 30rem; }
.margin-top-35 { margin-top: 35rem; }
.margin-top-40 { margin-top: 40rem; }
.margin-top-45 { margin-top: 45rem; }
.margin-top-50 { margin-top: 50rem; }

/* BOTTOM MARGIN */
.margin-bottom-1 { margin-bottom: 1rem; }
.margin-bottom-2 { margin-bottom: 2rem; }
.margin-bottom-3 { margin-bottom: 3rem; }
.margin-bottom-4 { margin-bottom: 4rem; }
.margin-bottom-5 { margin-bottom: 5rem; }
.margin-bottom-10 { margin-bottom: 10rem; }
.margin-bottom-15 { margin-bottom: 15rem; }
.margin-bottom-20 { margin-bottom: 20rem; }
.margin-bottom-25 { margin-bottom: 25rem; }
.margin-bottom-30 { margin-bottom: 30rem; }
.margin-bottom-35 { margin-bottom: 35rem; }
.margin-bottom-40 { margin-bottom: 40rem; }
.margin-bottom-45 { margin-bottom: 45rem; }
.margin-bottom-50 { margin-bottom: 50rem; }

/* BOTH MARGIN */
.margin-both-1 { margin-bottom: 5rem; margin-top: 1rem; }
.margin-both-2 { margin-bottom: 5rem; margin-top: 2rem; }
.margin-both-3 { margin-bottom: 5rem; margin-top: 3rem; }
.margin-both-4 { margin-bottom: 5rem; margin-top: 4rem; }
.margin-both-5 { margin-bottom: 5rem; margin-top: 5rem; }
.margin-both-10 { margin-bottom: 10rem; margin-top: 10rem; }
.margin-both-15 { margin-bottom: 15rem; margin-top: 15rem; }
.margin-both-20 { margin-bottom: 20rem; margin-top: 20rem; }
.margin-both-25 { margin-bottom: 25rem; margin-top: 25rem; }
.margin-both-30 { margin-bottom: 30rem; margin-top: 30rem; }
.margin-both-35 { margin-bottom: 35rem; margin-top: 35rem; }
.margin-both-40 { margin-bottom: 40rem; margin-top: 40rem; }
.margin-both-45 { margin-bottom: 45rem; margin-top: 45rem; }
.margin-both-50 { margin-bottom: 50rem; margin-top: 50rem; }

/* TOP PADDING */
.padding-top-1 { padding-top: 1rem; }
.padding-top-2 { padding-top: 2rem; }
.padding-top-3 { padding-top: 3rem; }
.padding-top-4 { padding-top: 4rem; }
.padding-top-5 { padding-top: 5rem; }
.padding-top-10 { padding-top: 10rem; }
.padding-top-15 { padding-top: 15rem; }
.padding-top-20 { padding-top: 20rem; }
.padding-top-25 { padding-top: 25rem; }
.padding-top-30 { padding-top: 30rem; }
.padding-top-35 { padding-top: 35rem; }
.padding-top-40 { padding-top: 40rem; }
.padding-top-45 { padding-top: 45rem; }
.padding-top-50 { padding-top: 50rem; }

/* BOTTOM PADDING */
.padding-bottom-1 { padding-bottom: 1rem; }
.padding-bottom-2 { padding-bottom: 2rem; }
.padding-bottom-3 { padding-bottom: 3rem; }
.padding-bottom-4 { padding-bottom: 4rem; }
.padding-bottom-5 { padding-bottom: 5rem; }
.padding-bottom-10 { padding-bottom: 10rem; }
.padding-bottom-15 { padding-bottom: 15rem; }
.padding-bottom-20 { padding-bottom: 20rem; }
.padding-bottom-25 { padding-bottom: 25rem; }
.padding-bottom-30 { padding-bottom: 30rem; }
.padding-bottom-35 { padding-bottom: 35rem; }
.padding-bottom-40 { padding-bottom: 40rem; }
.padding-bottom-45 { padding-bottom: 45rem; }
.padding-bottom-50 { padding-bottom: 50rem; }

/* BOTH PADDING */
.padding-both-1 { padding-bottom: 5rem; padding-top: 1rem; }
.padding-both-2 { padding-bottom: 5rem; padding-top: 2rem; }
.padding-both-3 { padding-bottom: 5rem; padding-top: 3rem; }
.padding-both-4 { padding-bottom: 5rem; padding-top: 4rem; }
.padding-both-5 { padding-bottom: 5rem; padding-top: 5rem; }
.padding-both-10 { padding-bottom: 10rem; padding-top: 10rem; }
.padding-both-15 { padding-bottom: 15rem; padding-top: 15rem; }
.padding-both-20 { padding-bottom: 20rem; padding-top: 20rem; }
.padding-both-25 { padding-bottom: 25rem; padding-top: 25rem; }
.padding-both-30 { padding-bottom: 30rem; padding-top: 30rem; }
.padding-both-35 { padding-bottom: 35rem; padding-top: 35rem; }
.padding-both-40 { padding-bottom: 40rem; padding-top: 40rem; }
.padding-both-45 { padding-bottom: 45rem; padding-top: 45rem; }
.padding-both-50 { padding-bottom: 50rem; padding-top: 50rem; }

/* All Round Padding */
.padding-025 { padding: .25rem; }
.padding-05 { padding: .5rem; }
.padding-075 { padding: .75rem; }
.padding-1 { padding: 1rem; }
.padding-2 { padding: 2rem; }
.padding-3 { padding: 9rem; }
.padding-4 { padding: 4rem; }
.padding-5 { padding: 5rem; }
.padding-6 { padding: 6rem; }
.padding-7 { padding: 7rem; }
.padding-8 { padding: 8rem; }
.padding-9 { padding: 9rem; }
.padding-10 { padding: 10rem; }

/* All Round Margins */
.margin-025 { margin: .25rem; }
.margin-05 { margin: .5rem; }
.margin-075 { margin: .75rem; }
.margin-1 { margin: 1rem; }
.margin-2 { margin: 2rem; }
.margin-3 { margin: 9rem; }
.margin-4 { margin: 4rem; }
.margin-5 { margin: 5rem; }
.margin-6 { margin: 6rem; }
.margin-7 { margin: 7rem; }
.margin-8 { margin: 8rem; }
.margin-9 { margin: 9rem; }
.margin-10 { margin: 10rem; }


.with-sidebar .container{width:100%;padding:0;}
.right-sidebar.columns, .left-sidebar-content.columns{float:right;margin-left:4%;}
.left-sidebar.columns, .right-sidebar-content.columns{float:left;margin-left:0}

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

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

} /* End media query */

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

@media (min-width: 550px) {
	.container, .with-sidebar { width: 80%; }
	.column,.columns { margin-left: 4%; }
	.column:first-child, .columns:first-child { margin-left: 0; }

	.one.column,
	.one.columns                    		{ width: 4.66666666667%; 											}
	.two.columns                    		{ width: 13.3333333333%; 											}
	.three.columns							{ width: 22%;            											}
	.four.columns                   		{ width: 30.6666666667%; 											}
	.five.columns                   		{ width: 16.8%; 											}
	.six.columns                    		{ width: 48%;            											}
	.seven.columns                  		{ width: 56.6666666667%; 											}
	.eight.columns                  		{ width: 65.3333333333%; 											}
	.four-fifths.columns,.four-fifths.column { width: 79.2%; 											}
	.nine.columns			          		{ 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-fifth.column, .one-fifth.columns	{ width: 16.8%; /* removes the margin-left when over 2 rows */ 		}
  	.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-main{ padding: 5vw 0; background: #3b3b3b; overflow: hidden; clear: both; }
.footer-sub-wrapper {   padding: 1rem 0; background: #333; color: #fff; overflow: hidden; line-height: 2;     font-size: 80%; }
.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 { float: right; text-align: right; }
.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-bottom: 1.5rem; padding: 0; }
.site-footer ul li a { display: block; line-height: 1.2; border-bottom: 1px solid grey; text-decoration: none; color: #fff; }
.site-footer ul li a:hover { color: #5b92fe; border-bottom: 1px solid #5b92fe; }

/* Contacts */
.site-footer .contacts { text-align: right; color: #fff;}
.site-footer .contacts span { display: block; color: #fff; }

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


/* Parallax
************************************************/
.container.parallax { color: #fff; text-shadow: 0 .25rem 1rem rgba(0,0,0,.5); }
.container.parallax h3 { font-size: 3vw; }

.parallax-background {
    background-image: url('http://placekitten.com/1000/1000');
    background-position: 50% 0;
    background-repeat: no-repeat;
    -webkit-background-size: cover;
    background-size: cover;

    -moz-transform: translate3d(0,0,0);
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
}

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

h1, h2, h3, h4, h5, h6 { margin-top: 0; font-weight: 700; line-height: 1.2; color: #fff; font-family: 'Raleway', sans-serif; }
h1 { font-size: 7rem; margin-bottom: 2rem;   }
h2 { font-size: 5rem; margin-bottom: 1.7rem; color: #000; line-height: 1.1; }
h3 { font-size: 3.5rem; margin-bottom: 1.5rem; color: #5c92ff; }
h4 { font-size: 2rem; margin-bottom: 1.25rem; color: #000; margin-top: 1rem;  }
h5 { font-size: 2.5rem; margin-bottom: 1rem;   }
h6 { font-size: 2rem; margin-bottom: .5rem; color: #000;   }

p { margin-top: 0; }

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


/* Links
*************************************************/
a 			{ color: #5b92fd; text-decoration: none; }
a:hover 	{ color: #333; }


/* Buttons
*************************************************/
.button, button, input[type="submit"], input[type="reset"], input[type="button"] {
  display: inline-block;
  padding: 1rem 2rem;
  text-align: center;
  text-decoration: none;
  white-space: nowrap;
  background-color: #5c92ff;
  border-radius: 4px;
  border: none;
color: #fff;
  cursor: pointer;
  box-sizing: border-box; }
.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 {
  background: #333;
	color: #fff;
  outline: 0; }



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


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


/* 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
*************************************************/
.container:after, .row:after, .u-cf, .row:after { content: ""; display: table; clear: both; }
.row { clear: both;  }


/* Flexible Content Elements
***************************************************/
.align-centered			{ text-align: center; }
.align-right 			{ text-align: right; }
.align-center 			{ text-align: center; }
.align-justify 			{ text-align: justify; }

/* Below deals with margin-left on the repeater flex content */

.repeating-content-two .columns:nth-child(7) { margin-left: 0; }
.repeating-content-three .columns:nth-child(5) { margin-left: 0; }
.repeating-content-four .columns:nth-child(4) { margin-left: 0; }
.repeating-content-five .columns:nth-child(6) { margin-left: 0; }
.repeating-content-six .columns:nth-child(odd) { margin-left: 0; }


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

		-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: 0 auto; }
.alignright 							{ float:right; margin: 0; }
.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; }


.single-post .post-image {margin-top:5rem;padding-top:3rem;}
.align-center img.alignleft, .align-center img.alignright {float:none !important;}

/* Media Queries
*************************************************
Note: These have recently been updated to use MAX WIDTHS set to most common sizes - DO NOT use MIN and MAX width declarations or you'll quadruple your CSS.
*/


/* Smallest mobile */
@media (max-width: 320px) {
	.parallax-banner h1 {font-size:4rem;}
	.avigilon h2 {font-size: 3rem;}
	.padding-10 {padding: 4rem;}
	a.button-outline {display:inline-block;}
	.home-parallax {padding:1rem;}
	div#jarallax-container-0 div[style] { width: 100%!important; background-size: contain!important; height: 100%!important; margin-top: 212.305px!important; }
	/*.homepage-mobile {display:absolute;}*/
}

/* Medium mobile */
@media (max-width: 375px) {
	.parallax-banner h1 {font-size:4rem;}
	.avigilon h2 {font-size: 3rem;}
	a.button-outline {display:inline-block;}
	.parallax-banner h1 {
    	margin-top: 3rem;
		font-size: 3rem;
	}
	.parallax-banner p {
		font-size: 1.7rem;
		padding-bottom: 4rem;
		/*.homepage-mobile {display:absolute;}*/
	}
	
}

/* Large mobile */
@media (max-width: 425px) {
	.twelve.columns.welcome-slider h2 {font-size: 2rem; margin-top:2rem;}
	.home-parallax {height: 60%;}
	.slide p {font-size: 1.5rem;}
	.parallax-banner h1 {margin-top: 6rem; font-size:4rem;}
	.avigilon h2 {font-size: 3rem;}
	.video-heating { width: 100%; height: 40vw;}
	.home-subtitle h3 {font-size: 3rem; margin-top: 2rem;}
	
	h2 {font-size: 4rem;}
	h3 {font-size:2rem;}
	.about-h2 {font-size:3rem; color: black;}
	
	/*.welcome-slider {display:none;}
	.homepage-mobile {display:absolute;}*/
	
	h2.about-h2 {margin-top: 7rem;}
}

/* Phablet (phone tablet) (also point when grid becomes active) */
@media (max-width: 550px) {
	
	.parallax.parallax-banner { margin-top: 6rem; }
	body .nk-awb-inner #jarallax-container-0 div { background-size: cover !important; }
	
	.about-h2 {font-size:4rem; color: black;}
	
/*	.welcome-slider {display:absolute;}
	.homepage-mobile {display:none;}*/
}

/* Smaller than tablet */
@media (max-width: 768px) {
		
	.hide-mobile { display: none; }
	.show-mobile { display: block; }
	
	.parallax.parallax-banner { margin-top: 6rem; }
	body .nk-awb-inner #jarallax-container-0 div { background-size: cover !important; }
	
	.about-h2 {font-size:4rem; color: black;}
	
	/*.homepage-mobile {display:none;}*/
	
	h2.about-h2 {margin-top: 7rem;}
	
	.post-banner h1 {margin-top: 10rem;font-size: 4rem;}
	h2 {font-size: 3.5rem;}
	h3 {font-size: 3rem;}
	.homepage-mobile h2 {color:#fff;}
	.four.columns .same-height {height: auto !important;}
	.padding-both-10 {padding-bottom:5rem;padding-top:5rem;}
	.padding-10 {padding:4rem;}
	.margin-top {margin-top:5rem;}
	.team-members {text-align: center;}
	.post-wrapper, .post-banner .container {grid-template-columns: 1fr !important; grid-gap:2rem !important;}
	.single-post h3 {font-size:2.5rem;}
	.post-banner h1 {margin-top:6rem;padding-top:5rem;margin-bottom:0;}
	.single-post .post-image {order:2;margin:0;padding:0;margin-bottom:3rem;}
}

/* Smaller than laptop */
@media (max-width: 1024px) {
	
	.video-heating { width: 100%; height: 45vw;}
	
	a.logo img {
		width: 150%;
		height: 11vw;
		vertical-align: bottom;
		padding-top: 1.5rem;
		max-width: 150%;
		padding-bottom: 1.5rem;
	}
	
	.about-h2 {font-size:4rem; color: black;}
	
	/*.welcome-slider {padding:0rem;}*/
/*	.homepage-mobile {display:none;}*/
	
	}

/* Smaller than large desktop */
@media (max-width: 1440px) {
	
	
	.twelve.columns.video-heating { width: 100%; height: 45vw;}
  a.logo img {
    width: 140%;
    height: 10vw;
    vertical-align: bottom;
    padding-top: 1.5rem;
    max-width: 140%;
    padding-bottom: 1.5rem;
}
	.about-h2 {font-size:3rem; color: black;}
	/*.homepage-mobile {display:none;}*/
	
	}

/* Larger than large desktop */
@media (min-width: 1440px) {
	
	
	.video-heating { width: 100%; height: 26vw;}
	
	a.logo img {
    width: 140%;
    height: auto;
    vertical-align: bottom;
    padding-top: 1.5rem;
    max-width: 140%;
	padding-bottom: 1.5rem;}
	
	.about-h2 {font-size:5rem; color: black;}
	/*.homepage-mobile {display:none;}*/
	}