/*
Theme Name: Beck & Caul
Theme URI: http://www.beckandcaul.co.nz
Author: Beck & Caul
Version: 1.0

*/
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@300;400;500;700&family=Roboto:ital,wght@0,300;0,400;0,700;1,400&display=swap');



:root{
	--black:#231f20;
	--white:#fff;
	--light_gray:#939598;
	--lighter_blue:#004c8b;
	--dark_blue:#042f5f;
	--text:#095485;
}

.lightbg{ background:#F7F4F4; color:var(--text); }
	.lightbg *{ color:inherit; }
	.lightbg.threecol a{ background:var(--dark_blue)}
	.lightbg .button{ border:1px solid var(--dark_blue) !important; }
.gradient-dl{background: #001c3a;
		background: -moz-linear-gradient(top,  #001c3a 0%, #006ba3 100%);
		background: -webkit-linear-gradient(top,  #001c3a 0%,#006ba3 100%);
		background: linear-gradient(to bottom,  #001c3a 0%,#006ba3 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#001c3a', endColorstr='#006ba3',GradientType=0 );}
	.gradient-dl *, .gradient-ld *{ color:#FFF; }

.gradient-ld{background: #006ba3;
		background: -moz-linear-gradient(top,  #006ba3 0%, #001c3a 100%);
		background: -webkit-linear-gradient(top,  #006ba3 0%,#001c3a 100%);
		background: linear-gradient(to bottom,  #006ba3 0%,#001c3a 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#006ba3', endColorstr='#001c3a',GradientType=0 );
}

.gradient-ld .button, .gradient-ld .button{ border:1px solid #FFF !important; color:#FFF }

/*
Dark Blue: (RGB: R4, G47, B95) (Hex: #042f5f) (CMYK: C100, M80, Y20, K40)
 
Lighter Blue: (RGB: R0, G76, B139) (Hex: #004c8b) (CMYK: C100, M75, Y12, K10)
 
White: (RGB: R255, G255, B255) (Hex: #ffffff) (CMYK: C0, M0, Y0, K0)
 
Black: (RGB: R35, G31, B32) (Hex: #231f20) (CMYK: C0, M0, Y0, K100)
 
Light Gray: (RGB: R147, G149, B152) (Hex: #939598) (CMYK: C0, M0, Y0, K50)
*/


/* =Reset default browser CSS. 
-------------------------------------------------------------- */
input, textarea {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
	outline: none;
}

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	background: transparent;
	border: 0;
	margin: 0;
	padding: 0;
	vertical-align: baseline;
	font-family: 'Roboto', 'Arial', sans-serif;
	font-size: 20px;
	line-height: 1.5em;
}
p, span, div{font-weight: 300;}

input:-webkit-autofill,input:-webkit-autofill:hover, input:-webkit-autofill:focus, input:-webkit-autofill:active  {
    			-webkit-box-shadow: 0 0 0 0 white inset !important;
			}
			/*Change text in autofill textbox*/
			input:-webkit-autofill {-webkit-text-fill-color: #020202 !important;-webkit-animation-name: autofill;-webkit-animation-fill-mode: both;}
			@-webkit-keyframes autofill {    to {  color: #FFF;        background: #383838;   } }
			input:-internal-autofill-selected, input:-webkit-internal-autofill-selected {appearance: menulist-button;background-color: rgb(101 101 101) !important;background-image: none !important;color: -internal-light-dark(black, white) !important;}


html, body {position:relative;/* overflow-x:hidden; */width:100%;height: 100%;}

p {margin-bottom:10px;}
h1, h2, h3, h4, h5, h6 {
	clear: both;
	font-weight: bold;
	font-family: 'Montserrat', sans-serif;
	line-height:1.2em; 
}
img{max-width:100%;height: auto;}
h1{
	color: #000;
	font-size:5rem;
}
h1 *{ font-size:inherit; line-height:inherit; }
h2, h2 *{ font-size:2.5rem; font-weight:500; margin-bottom:20px}
h6, h6 *{ text-transform:uppercase; letter-spacing:2px; margin-bottom:10px;}
ol, ul{ margin-left:20px; padding-left:5px; }

blockquote {
	quotes: none;
}
blockquote:before, blockquote:after {
	content: '';
	content: none;
}
del {
	text-decoration: line-through;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}
a img {
	border: none;
}

img.alignright {float:right; margin:0 0 1em 1em}
img.alignleft {float:left; margin:0 1em 1em 0}
img.aligncenter {display: block; margin-left: auto; margin-right: auto}
a img.alignright {float:right; margin:0 0 1em 1em}
a img.alignleft {float:left; margin:0 1em 1em 0}
a img.aligncenter {display: block; margin-left: auto; margin-right: auto}
.logo{
	image-rendering: -moz-crisp-edges;         /* Firefox */
	image-rendering:   -o-crisp-edges;         /* Opera */
	image-rendering: -webkit-optimize-contrast;/* Webkit (non-standard naming) */
	image-rendering: crisp-edges;
	-ms-interpolation-mode: nearest-neighbor;  /* IE (non-standard property) */
	position:absolute;
	left: 0;
	top: 35px;
	height: 81PX;
	width: 188px;
	background: url(img/logo-white.svg);
	background-size: contain;
	background-repeat: no-repeat;
	}	

	
a:hover, a:link, a:visited{
	color:black;
	text-decoration:none;
}
a.button{ display:inline-block; padding:10px 40px; background:transparent;  color:var(--dark_blue); ; cursor:pointer; border:1px solid var(--dark_blue);border-radius:50px; text-transform:uppercase;}
	a.button:hover, .button:hover{ background:var(--dark_blue) !important;  color:#fff;  }
	.button.whitebutton:hover{background:var(--dark_blue) !important;color: #fff !important;}
    a.button.whitebutton{     color: var(--dark_blue) !important;     background: #fff !important;}
	.whitebg a.button.whitebutton{ background:var(--dark_blue) !important; color:#FFF !important; }

.acf-map {
	width: 100%;
	height: 300px;
	border: #ccc solid 1px;
	margin: 20px 0;
}
#sending, #sent{display:none;}
input, select, textarea{box-sizing: border-box; font-family: inherit; font-size:inherit; }

#savetarget{ padding: 0; margin: 0; border: 0; display: block; width: 0; height: 0; }

.ninesixty{ width:100%; max-width:1300px; position:relative; margin:0 auto; box-sizing:border-box; }
	.site-main {background:#FFF;padding:80px;top:-180px;z-index: 9;}
.clear{clear:both;}
.cl5{ height:5px;}
.cl10{ height:10px;}
.cl20{height:20px;}
.cl30{height:30px;}
.cl40{height:40px;}
.cl50{height:50px;}
.cl60{height:60px;}
.cl70{height:70px;}
.cl80{height:80px;}
.cl90{height:90px;}
.cl100{height:100px;}
.smartphoneonly{ display: none; }

div, input, span, svg, a.button, nav *{ transition:all 0.5s ;  -webkit-transition:all 0.5s ;  -o-transition:all 0.5s ;  -moz-transition:all 0.5s  }
.mapdiv, .mapdiv div, div#map, #map div, .about_image{ transition:all 0s ;  -webkit-transition:all 0s ;  -o-transition:all 0s ;  -moz-transition:all 0s }

::selection {
  background: #2bbbdb; /* WebKit/Blink Browsers */
  color:#FFF;
}
::-moz-selection {
  background: #2bbbdb; /* Gecko Browsers */
   color:#FFF;
}


	

/*Parallax image*/
    .pscene{height:694px;width:100%;display:block;overflow: hidden;}
        .parallax_image{ display:block; width:100%; height:100%; overflow:hidden; background-size: cover !important;background-position: 50% !important;}


/*WAYPOINT DISAPPEAR*/
    .disappear{ transform:scale(0.97); opacity:0; }
    .disappear_cta{ transform:scale(0.87); opacity:0;  }
        .disappear_cta .ninesixty{ margin-top:70px; }
        

.wp-block-columns { margin: 20px 0;}
.wp-block-column {margin: 0 0 0 40px;}
.wp-block-columns {  display: flex;}
.wp-block-column {flex: 1;text-align: justify;}
.wp-block-image{ width:1300px; position:relative;left:-80px; }

.content{ display: block; width: 100%; height: 100%; }
.content_block{ width:100%;max-width: 1415px;position:relative;margin:0 auto;box-sizing:border-box; }


div, input, span, svg, a.button, nav, .mobilemenu_button:before, .mobilemenu_button:after, label{ transition:all 0.5s ;  -webkit-transition:all 0.5s ;  -o-transition:all 0.5s ;  -moz-transition:all 0.5s  }
.mapdiv, .mapdiv div, div#map, #map div, .about_image, .parallax_image, .parallax_image *{ transition:all 0s ;  -webkit-transition:all 0s ;  -o-transition:all 0s ;  -moz-transition:all 0s }
.parallax-mirror, .parallax-mirror *{ transition:all 0s ;  -webkit-transition:all 0s ;  -o-transition:all 0s ;  -moz-transition:all 0s }
    .parallax_image img{height:auto !important;}
.nodisp{ display:none !important; }
::selection {
  background: #2bbbdb; /* WebKit/Blink Browsers */
  color:#FFF;
}
::-moz-selection {
  background: #2bbbdb; /* Gecko Browsers */
   color:#FFF;
}

/*MEMBERPRESS*/
	.mp_login_form{ max-width:600px; margin: 0 auto; }
	input[type="submit"]{
		background: #001c3a;
		background: -moz-linear-gradient(top,  #001c3a 0%, #006ba3 100%);
		background: -webkit-linear-gradient(top,  #001c3a 0%,#006ba3 100%);
		background: linear-gradient(to bottom,  #001c3a 0%,#006ba3 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#001c3a', endColorstr='#006ba3',GradientType=0 );
		color:#FFF;
		border:0;
		padding:10px 40px;
		border-radius:50px;
		width: 100%;
		}
	 input[type="checkbox"]{display:inline;border:1px solid var(--light_gray);height:30px;padding:0 10px;width: 30px; position:relative;}
    	input[type="checkbox"]:checked{background: var(--lighter_blue); }
		input[type="checkbox"]:checked:after{content:"*"; color:#FFF; position:absolute; left:3px; top:-3px;}
	.mepr-nav-item{ background: #001c3a;
		background: -moz-linear-gradient(top,  #001c3a 0%, #006ba3 100%);
		background: -webkit-linear-gradient(top,  #001c3a 0%,#006ba3 100%);
		background: linear-gradient(to bottom,  #001c3a 0%,#006ba3 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#001c3a', endColorstr='#006ba3',GradientType=0 ); display:inline-block; padding:10px 20px; }
	.mepr-nav-item *, .mepr-nav-item a{ color:#FFF; text-transform:uppercase; font-size:.8rem; }
    .mepr-active-nav-tab{background: var(--light_gray);}
	.course-progress{ background: var(--light_gray); color:#FFF; }
		.course-progress *{color: #FFF !important;}
.mpcs-course-list .grid-pad a{ background: #001c3a;
		background: -moz-linear-gradient(top,  #001c3a 0%, #006ba3 100%);
		background: -webkit-linear-gradient(top,  #001c3a 0%,#006ba3 100%);
		background: linear-gradient(to bottom,  #001c3a 0%,#006ba3 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#001c3a', endColorstr='#006ba3',GradientType=0 ); display:inline-block; padding:10px 20px; color:#FFF; text-transform:uppercase; font-size:.8rem; }
/*COURSES*/
.block.courseitem .block_content .star-rating{display:none !Important;}
.block.courseitem .block_content ._course+strong{display:none !Important;}
.block.courseitem.course2 .block_content .star-rating+strong{display:none !Important;}
.single-course div#item-header-content div#item-meta {display:none !Important;}
#course-list li .item-meta {display: none !Important;}
.block.courseitem .block_content>strong:nth-child(5) {display:none !Important;}
.students_undertaking{display:none !Important;}
.breadcrumbs{display:none !Important;}
.students_undertaking, .meta-item-quiz, .meta-item-student, .meta-item-categories, #learn-press-course .course-summary-sidebar .course-sidebar-preview .course-results-progress .items-progress:nth-child(2){display:none !Important;}

.user-registration{ margin: 200px auto; max-width: 900px;}
#user-registration.user-registration{ margin: 200px auto; max-width: 900px;}
.ur-frontend-form.login input[name=rememberme]#rememberme{ width:20px; height:20px; }
.ur-frontend-form.login input[name=rememberme]#rememberme:clicked{ background:var(--lighter_blue); }
.user-registration input{ border-radius:8px !important;; border:1px solid var(--light_gray)}
    .user-registration .ur-frontend-form button, .ur-frontend-form button[type="submit"], .ur-frontend-form input[type="submit"]{ background:var(--dark_blue); color:#fff; text-transform: uppercase; padding:0 30px 5px; border-radius:30px;}
.learnpress-page #page{ margin-top:124px; }
    .course-wrap-thumbnail img{ }
    .meta-item__value{ line-height:1em}
        #learn-press-course .course-summary-sidebar .course-sidebar-preview .course-time .course-time-row time, #learn-press-course .course-summary-sidebar .course-sidebar-preview .course-results-progress .items-progress .number, #learn-press-course .course-summary-sidebar .course-sidebar-preview .course-results-progress .course-progress .number{line-height:1.5em !important;top: 9px;position: relative;}
    .course-wrap-thumbnail .thumbnail{background: var(--dark_blue);height: 300px;display: block;position: relative;}
        .course-wrap-thumbnail .centered{color:#FFF;text-align:center;padding-top:40px;font-size: 1.3rem;line-height: 1.2em;position: absolute;top: 50%;left: 50%;padding: 0 10px;transform: translate(-50%, -50%);}
        .course-wrap-thumbnail .thumbnail:after{content:"";display:block;position:absolute;width: 200px;height: 40px;background:url("img/logo-white.svg") no-repeat;background-size:70%;background-position:50%;bottom: 20px;left: 50%;transform: translateX(-50%);}
        #popup-course #popup-sidebar{ margin-top:149px; }
    .learnpress .video{ padding:0; }
            .learnpress .video iframe{ min-height:440px;}
    .learnpress .text_only {max-width: 945px;padding: 20px 0;}
    #popup-course #popup-content #learn-press-content-item .content-item-wrap .content-item-summary .course-item-title{ color:var(--lighter_blue) !important; }
    .downloadable_documents{ background:var(--dark_blue); padding:20px; border-radius:10px; margin-bottom:50px;}
        .doc{ display:block; background:var(--lighter_blue); padding:10px 20px 10px 20px; }
            .doc a, .doc *{ color:#FFF; }
                .doc a{ padding-left:20px; }
            .doc:before{ content:"\2193"; display:inline-block; color:#FFF; font-weight:bold; background:var(--dark_blue); width:40px;text-align:center; }
        .notes{border: 2px solid #e4e4e4;border-radius:10px;padding:20px 20px 15px 50px;margin-bottom:50px;position:relative;}
            .notes *{ line-height:1.4em; font-size:.9rem; }
            .notes:before{ content:""; background:var(--dark_blue); display:block; width:50px; height:50px; position:absolute; border-radius:50%; top:-20px; left:-15px;}
                .notes:after{content:"";-webkit-mask:url('img/lightbulb.svg') no-repeat;mask:url('img/lightbulb.svg') no-repeat;-webkit-mask-size:contain;mask-size:contain;background:#FFF;display:block;width: 25px;height: 25px;position:absolute;border-radius:50%;top: -8px;left: -3px;}
                .notes.exclamation_mark:after{-webkit-mask:url('img/important.svg') no-repeat;mask:url('img/important.svg') no-repeat;width: 36px;height: 36px;border-radius: 0;-webkit-mask-size: contain;mask-size:contain;top: -13px;left: -8px;}
                .notes a{ color:var(--lighter_blue); }
                .notes li{/* list-style:none; *//* display:inline-block; */padding-left: 10px;position:relative;}
                    .notes li:before{/* content:"\27F6"; */padding-right:15px;color:var(--lighter_blue);}
    #checkout-account-login label,  #checkout-account-register label{display:block;}
    #checkout-account-login input, #checkout-account-register input{display:block;border:1px solid var(--light_gray);height:50px;padding:0 10px;width: 100%;}

    #checkout-account-login input[type="checkbox"], #checkout-account-register input[type="checkbox"]{display:inline;border:1px solid var(--light_gray);height:30px;padding:0 10px;width: 30px; }
    	#checkout-account-login input[type="checkbox"]:checked{background: var(--lighter_blue);}

.wp-block-columns { margin: 20px 0;}
.wp-block-column {margin: 0 0 0 40px;}
.wp-block-columns {  display: flex;}
.wp-block-column {flex: 1;text-align: justify;}
.wp-block-image{width: 100%;max-width: 1300px;position:relative;left: 0;margin: 0 auto;text-align: center;}

.testimonial_slider{ padding:230px 0; background-size: cover !important;background-position: 50% !important; position:relative; }
    .testimonial_slider:before{ content:"";display:block;width:100%;height:100%;position:absolute;background: rgba(0,0,0,0.25);z-index:1;top: 0; }
    .testimonial_slider .testimonials_wrapper{ z-index:9999; position:relative; }
    .testimonials_title{font-size:2.5rem;text-align:center;font-weight:800;text-transform:unset;margin-bottom: 43px;}
    .testimonial_slider .flexslider, .testimonial_slider .flexslider .slides > li{ background:transparent; }
    .testimonials_wrapper{ background:#FFFFFF93 0% 0% no-repeat padding-box; padding:170px 0 120px;}
    .testimonial_slider .slides{ max-width:1053px; margin:0 auto; }
    .testimonial_slider li *{ font-family:'Gilroy';   text-align:center; font-size:1.1rem; line-height:1.5rem;}
    .testimonial_slider .flex-control-nav{ display:none;}
    
.titlebar{
		background: #001c3a;
		background: -moz-linear-gradient(top,  #001c3a 0%, #006ba3 100%);
		background: -webkit-linear-gradient(top,  #001c3a 0%,#006ba3 100%);
		background: linear-gradient(to bottom,  #001c3a 0%,#006ba3 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#001c3a', endColorstr='#006ba3',GradientType=0 );
		/* margin-top: 124px; */
		min-height: 50vh;
		position:relative;
		overflow: hidden;
		text-align: left;
		}
	.titlebar.homepage{min-height: 100vh;text-align:center;}
		.homepage *{ text-align:center; }
		.homepage .titlecontent{ left:0; }
    .titlebar:before{content:"";display: none;width:  100%;height: 300%;background:url(img/logoicon.svg);position: absolute;background-repeat: no-repeat;background-position: 50%;top: -100%;opacity: 0.;}
	 .titlecontent{position: absolute;color:#FFF;text-align: left;max-width: unset;top:50%;display:block;left: 0;transform: translateY(-50%);width:100%;padding-top: 125px;}
        .titlecontent h1{font-weight: 200 !important;line-height: 1em;color:#FFF;margin-bottom: 40px; animation:shadowanim 4s 1; }
		.titlecontent h2{font-weight: 600 !important;line-height: 1em;color:#FFF;margin-bottom: 0px;}
		@keyframes shadowanim{
			0%{ text-shadow:-10px -10px 10px rgba(0,0,0,0.7); color:var(--dark_blue)}
			50%{ text-shadow:10px 10px 20px rgba(0,0,0,0.7); color:#FFF; }
			100%{ text-shadow:0 0 0 rgba(0,0,0,0.7) }
		}
	@media only screen and (max-width:1450px){
	.titlecontent{ max-width:calc(100% - 40px); padding:0 20px;}
	}

/*FORM*/
	.form{padding: 150px 0 80px;}
	.form h2{font-size: 2.5rem;font-weight: 600;margin-bottom: 40px;line-height: 1.1em;max-width: 400px; color:var(--text)}
	.form_content{padding-right:40px;max-width: 515px;font-size: 1.4rem;}
		.form_content p{font-size:inherit;line-height: 1.5em;}
	.form_wrapper{ display:grid; grid-template-columns:1fr 1fr; grid-gap:190px}
	.instagram{ margin-top:50px; width:72px; height:72px; border:2px solid #FFF; border-radius:50%; display:block; -webkit-mask:url(img/instagram.svg);mask:url(img/instagram.svg);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat; -webkit-mask-position:50%; mask-position:50%; background:#FFF;  }
	@media only screen and (max-width:1680px){
		.form{ padding:140px 20px;}
	}
	@media only screen and (max-width:1280px){
		.form_wrapper{ grid-gap:90px}
		.form h2{ font-size:3rem; }
	}
	@media only screen and (max-width:820px){
		.form_wrapper{grid-gap:40px;grid-template-columns: 1fr;}
		.form{padding: 50px 40px;}
		.form_content {padding: 0;max-width: unset;text-align: c;}
		.form h2 {max-width: unset;font-size: 2rem;}
		.footer_right{padding: 0;}
	}

	@media only screen and (max-width:767px){
		.form{ padding:50px 20px; }
		.form_wrapper{ grid-template-columns:1fr; grid-gap:20px}
		.form_content{text-align:center;padding-right: 0;}
		.instagram{ left:50%; position:relative; transform:translateX(-50%); }
		.fieldgroup input[type="submit"]{font-size: 1.4rem;height: 45px !important;}
	}

/*IMAGE & TEXT BLOCK*/
.image_and_text_block{ padding:125px 0; }
	.image_and_text_block.fullwidth{ padding:0}
.itb_wrapper{display: grid;grid-template-columns: 1fr 1fr; grid-gap:158px; }
.imageright .itb_image{  grid-area: image; }
    .content_block .itb_image img{ display:block; top:50%; position:relative; transform:translateY(-50%); }
.imageright .itb_content{grid-area: content;margin: 95px 0;}
    .imageright.fullwidth .itbc{max-width: 722px;margin:0 0 0 auto;}
	.itbc table img{ display:block; margin-right:20px; }
	.itbc table td{ padding-bottom:10px;}
.itb_content h2{ font-weight:400}
.itb_content h2 *{ }

.imageright .itb_wrapper{ grid-template-areas:"content image" }
.itb_wrapper .button{margin: 50px 10px 0 0;display:inline-block;clear:both;padding: 14px 40px;line-height: 1em;}

.imageleft .itb_content{ max-width:602px; margin: 95px 0; }
.imageleft .itb_content h1{ font-size:2rem; font-weight:light;}
.itb_content h4{ margin-bottom:20px;}
.itb_image{background-size:cover !important;background-position:50% !important;border-radius: 28px;}

.fullwidth .itb_image img{ object-fit:cover; width:100%; height:100%;  border-radius:0; }
.fullwidth .itb_image{ display:block; width:100%; height:100%;  border-radius:0; }
.fullwidth.imageleft .itb_content, .fullwidth.imageright .itb_content{margin: 130px 0;}

@media only screen and (max-width:1680px){
    .itb_wrapper, .product_info_grid, .descgrid{ grid-gap:90px; }
    .imageleft .itb_content {max-width: unset;margin: 55px 0;padding: 0 20px 0 0}
    .imageright .itb_content, .product_info_grid{padding: 0 0 0 40px;}
    .descgrid, .downloads_wrapper { padding:0 40px}
    .tabs{padding: 0 40px 30px;}
}
@media only screen and (max-width:820px){
    .itb_wrapper, .imageright .itb_wrapper{grid-template-columns:1fr;grid-template-areas:unset;grid-gap: 40px;}
    .imageright .itb_image, .imageright .itb_content{    grid-area: unset;}
    .itb_image img{margin:0 auto;max-height: 400px;}
    .imageright .itb_content, .fullwidth.imageleft .itb_content, .fullwidth.imageright .itb_content {margin: 0px 0;padding: 0 40px 90px;}
    .itb_image{ min-height:400px;}
    .imageleft .itb_content {  max-width: unset; margin: 0px 0; padding:0 40px;}
    .itb_wrapper, .product_info_grid, .descgrid {grid-template-columns:1fr;padding: 40px;}
    .product_information {    padding: 40px 0 0;}
}
@media only screen and (max-width:768px){
    .itb_wrapper, .imageright .itb_wrapper{grid-gap: 20px;padding: 20px;}
    .imageright .itb_content, .imageleft .itb_content{    margin: 0px 0;    padding: 0 0px;}
    .itb_wrapper, .product_info_grid, .descgrid {grid-template-columns:1fr;padding:0 20px;}
    .descgrid{padding:0;grid-gap: 20px;}
    .itb_image{ min-height:300px;}
    .facts {    margin: 45px 0 45px; }
    .tabs{padding: 0 0px 30px;margin-bottom: 20px;}
    .tab{font-size: .8rem;padding: 0 48px 0 0;}
    .downloads_wrapper { padding:0 0px}
}

/*GRID*/
	.grid_wrapper{margin: 0 0;background-size: cover !important;background-position: 50% !important;}
	.grid_content h2 {display:block;text-align:center;font-weight: 500;}
	.grid_content h3{display:block;text-align:center;margin-bottom: 0;max-width: 733px;margin: 0 auto;font-size: 1em;font-weight: bold;font-family: 'Roboto';line-height: 2em;text-transform: uppercase;}
	.grid_content a{ color:inherit; }
	.grid{ display:grid; }
	.grid_item{position:relative;top: 0;opacity: 1;transition:all 2s;-webkit-transition: all 1s;}
		.grid_item:nth-of-type(1){transition-delay: .3s}
		.grid_item:nth-of-type(2){ transition-delay:.4s }
		.grid_item:nth-of-type(2){ transition-delay:.5s }
		.grid_item:nth-of-type(3){ transition-delay:.6s }
		.grid_item:nth-of-type(4){ transition-delay:.7s }
		.grid_item:nth-of-type(5){ transition-delay:.8s }
		.grid_elements_disorder .grid_item{opacity: 0;top: 150px;}
		

	.gi_image{width:100%;aspect-ratio:1/1;display:block;background-repeat:no-repeat !important;background-size:cover !important;background-position:center !important;border-radius:28px;margin-bottom: 40px;}
		
	.fourcol{padding: 150px 0;}
	.fourcol .grid{ grid-template-columns:repeat(4,1fr); grid-gap:37px;}
		.fourcol .gi_title{ background:var(--blue); display:block; color:#FFF !important; text-align:center; text-transform:uppercase; padding:10px 20px;}
		.fourcol .gi_image{ width:100%; height:320px; overflow:hidden; display:block; }
		.gi_image img{ display:block; object-fit:cover; width:100%; height:100%; }
		.fourcol .gi_wrapper:hover .gi_title{ background:var(--red); }
		.fourcol .gi_wrapper:hover .gi_image img{ transform:scale(1.1)}
	
	.threecol{ padding:150px 0 129px; }
		.threecol .grid{ grid-template-columns:repeat(3,1fr); grid-gap:160px; text-align:center;}
		.threecol .gi_title{text-transform:uppercase;font-weight:bold;margin-bottom:20px;display:block;font-family: 'Montserrat';font-size: 1.11rem;letter-spacing: 1px;}
		.threecol .grid_item{padding: 80px 0 99px;}
		.solid_color.threecol .grid_item{padding: 80px 0 149px; }
					

		.grid_item:nth-of-type(3n+3):after{ display:none; }
		.threecol a{display:inline-block;margin-top:40px;padding: 13px 50px;background:transparent;border: 1px solid;border-radius:50px;margin-right: 20px;color:#fff;cursor:pointer;text-transform: uppercase;font-weight:bold;font-size: .85rem;line-height: 1em;position:relative;}
		.threecol.sepFFFFFF a{ color:var(--blue) }
		.threecol a:hover{ background:var(--red); border:2px solid var(--red); color:#FFF}
	
	.gi_wrapper .button{position:absolute;white-space:nowrap;bottom: 40px;left:50%;transform:translateX(-50%);}
		.threecol.sepf6f6f6 .button{ border:1px solid var(--blue); color:var(--blue)}
	.icons .gi_image { width:200px; margin:0 auto 20px;}
	.icons .gi_content{max-width: 410px;display: block;text-align: center;margin: 0 auto;font-size:.8rem;}
		.icons .gi_content *{ font-size:inherit; }
	.icons .grid_item:after{ display:none; }
	.icons .grid_item:after{content:"";display:block;width:1px;height: calc(100% - 160px);position:absolute;background: #bfbfbf;top: 80px;right: -30px;}
		.icons .grid_item:last-of-type:after{ display:none; }

	@media only screen and (max-width:1680px){
		.threecol, .fourcol{ padding:100px 40px 120px }
		.threecol .grid{grid-gap: 55px;}
		.threecol .grid_item:after{right: -30px;}
	}
	@media only screen and (max-width:1024px){
		
		.fourcol .grid {		    grid-template-columns: repeat(3,1fr);		    grid-gap: 27px;	}
	}
	@media only screen and (max-width:820px){
		.fourcol .grid{    grid-template-columns: repeat(2,1fr);    grid-gap: 40px;	}
		.threecol .grid{ grid-template-columns:1fr; grid-gap:0;}
		.grid_content h3 {margin-bottom: 60px;font-size: 1em;}
		.threecol .grid_item:after{ display:none;}
		.threecol .grid_item{padding: 40px 0 99px;}
	}

	@media only screen and (max-width:767px){
		.fourcol .grid {    grid-template-columns: repeat(1,1fr); grid-gap: 40px;} 
		.threecol, .fourcol {    padding: 50px 20px 50px; }
		.grid_content h1{font-size: 1.5rem;margin-bottom: 10px;}
		.gi_image{ max-width:250px; aspect-ratio:1/1; margin:0 auto 20px;}
	}

/*VIDEO*/
    .video{background:var(--dark_blue);padding: 70px 0;position: relative;}
        .video .ninesixty{max-width: 1170px;}
            .video iframe{ width:100%; height:600px;}
            
/*CARD*/
    .card{background:#FAFAFA;padding: 70px 0 90px;}
        .card h1{font-size: 2.3rem;line-height:2.5rem;margin-bottom: 60px;font-weight:800;text-align:center;color:var(--lighter_blue);}
        .card_grid{ display:grid; grid-template-columns:1fr 1fr;  max-width:1140px; margin:0 auto; background:#FFF; border-radius:10px; border:1px solid #f4f4f4; }
            .card_image{ background-position:50% !important; background-size:cover !important;}
            .ccontent{ padding:60px 40px;}
                .ccontent h2{font-size:2rem;font-weight:600;color:var(--lighter_blue);padding-bottom:15px;line-height: 1em;}
                .ccontent *{ color:var(--lighter_blue); font-size:0.95rem; line-height:1.5em}
                    .ccontent .wp-image-143{ width:40px; height:30px; top:4px; position:relative; }

/*ICON GRID*/
    .icon_grid{/* padding-bottom:70px; */}
    .icon_grid_wrapper{display:grid;margin: 0 auto;grid-gap:40px}
        .icon_grid *{ color:var(--lighter_blue); }
            .icon{ position:relative; }
            .icon span{font-weight:bold;line-height: 1.1em;display: block;padding-left: 70px;}
            .icon span.icon_image{display:inline-block;-webkit-mask-size: contain !important;-webkit-mask-repeat: no-repeat !important;width: 33px;height: 33px;padding: 0;background:var(--lighter_blue);position: absolute;left: 20px;}
        .icon_block{box-shadow: 0 0px 34px 2px rgb(0 76 139 / 41%);border-radius: 4px;padding: 20px 70px;text-align: center;color: var(--lighter_blue);padding-bottom: 110px;}
            .icon_block .holder{ border:2px solid var(--dark_blue); border-radius:50%; }
                .icon_block span{ display:block; left:50%; position:relative; transform:translateX(-50%); width:92px; height:92px;  z-index:99;  background-color:var(--lighter_blue); mask-size:contain !important; -webkit-mask-size:contain !important; }
                .icon .icon_into{margin-top:20px;margin-bottom:70px;}
                .icon_into, .icon_into *{font-size:16px;line-height: 1.4em;}
                .icon_block{  position:relative;  }
                .icon_into a{background:var(--lighter_blue);color:#FFF;padding:15px 30px;line-height: 1em;display:inline-block;color: #FFF !important;border-radius: 40px;font-size: 1rem;height: unset !important;margin: 20px 0;display:inline-block;position:absolute;left:50%;transform:translateX(-50%);bottom: 20px;}
                

/*FLEXSLIDER*/
.captionbg{width:100%;height:140px;position:absolute;bottom:0;background:rgba(0,0,0,.3);display:block}.headerbottomimg{width:100%;height:70px;background:url(../../img/header_bottomimg.png);z-index:1;position:absolute;bottom:0;left:0;display:none}.flex-container a:active,.flexslider a:active{outline:0}.flex-control-nav,.flex-direction-nav,.slides{margin:0;padding:0;list-style:none}.flexslider{width:100%;border-top:180px solid #000;height:100%;overflow:hidden;margin:0;padding:0;box-sizing:border-box;display:block;background:#fff;border:0;position:relative;zoom:1}.flexslider .slides>li{display:block;box-sizing:border-box;position:relative;width:100%;height:455px;background:#ddd}.flexslider .slides img{width:100%;display:block;box-sizing:border-box}.flex-pauseplay span{text-transform:capitalize;display:block;box-sizing:border-box}.slides:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}html[xmlns] .slides{display:block}* html .slides{height:1%}.no-js .slides>li:first-child{display:block}.flexslider .slides{zoom:1;width:100%;height:100%}.flex-container{zoom:1;position:relative}.flex-caption{background:0 0;zoom:1;width:860px;position:relative;right:20%;top:30px;color:#fff;font-size:18px;line-height:18px;box-sizing:border-box;font-weight:600}.flex-bigcaption{width:860px;position:relative;left:50%;margin-left:-430px;color:#fff;font-size:34px;line-height:34px;box-sizing:border-box;font-weight:200;display:table;height:140px}.flex-bigcaption span.htext{color:#fff;font-size:inherit;line-height:inherit;display:table-cell;vertical-align:middle;height:140px;cursor:pointer;padding-right:40px}.flex-bigcaption span.hbutton{cursor:pointer;color:inherit;font-size:18px;text-align:center;position:absolute;right:-40;bottom:50px;margin-top:25px;line-height:20px;width:100px;padding:5px 20px}.flex-direction-nav li a{width:52px;height:52px;margin:-13px 0 0;display:block;background:url(js/flexslider2/theme/bg_direction_nav.png) no-repeat;position:absolute;top:50%;cursor:pointer;text-indent:-9999px;color: transparent;}.flex-direction-nav li .next{background-position:-52px 0;right:20px}.flex-direction-nav li .prev{left:0}.flex-direction-nav li .disabled{opacity:.3;cursor:default}.flex-control-nav{width:100%;position:absolute;bottom:10px;text-align:center}.flexslider-carousel .flex-control-nav{bottom:25px}.flex-control-nav li{margin:0 0 0 5px;display:inline-block;zoom:1}.flex-control-nav li:first-child{margin:0}.flex-control-nav li a{width:13px;height:13px;display:block;background:url(theme/bg_control_nav.png) no-repeat;cursor:pointer;text-indent:-9999px}.flex-control-nav li a:hover{background-position:0 -13px}.flex-control-nav li a.active{background-position:0 -26px;cursor:default}.flex-control-paging li a{width:11px;height:11px;display:block;background:rgba(255,255,255,.5);cursor:pointer;text-indent:-9999px;z-index:999;border-radius:50%;position:relative;box-shadow:0 0 10px 2px rgba(0,0,0,.3)}.flex-control-paging li a:hover{background:rgba(0,0,0,.7)}.flex-control-paging li a.flex-active{background:#fff;cursor:default;border-radius:50%}.flex-direction-nav a{text-decoration:none;display:block;width:40px;height:40px;margin:-20px 0 0;position:absolute;top:50%;z-index:10;overflow:hidden;opacity:0;cursor:pointer;color:rgba(0,0,0,.8);text-shadow: unset;-webkit-transition:.3s ease-in-out;-moz-transition:.3s ease-in-out;-ms-transition:all .3s ease-in-out;-o-transition:.3s ease-in-out;transition:.3s ease-in-out;}.flex-direction-nav a:before{font-family:flexslider-icon;font-size:40px;display:inline-block;content:'';color:rgba(0,0,0,.8);text-shadow:1px 1px 0 rgba(255,255,255,.3)}.flex-direction-nav a.flex-next:before{content:''}.flex-direction-nav .flex-prev{left:-50px}.flex-direction-nav .flex-next{right:-50px;text-align:right;background-position:-56px 0;content:''}.flexslider:hover .flex-direction-nav .flex-prev{opacity:.7;left:10px}.flexslider:hover .flex-direction-nav .flex-prev:hover{opacity:1}.flexslider:hover .flex-direction-nav .flex-next{opacity:.7;right:10px}.flexslider:hover .flex-direction-nav .flex-next:hover{opacity:1}.flex-direction-nav .flex-disabled{opacity:0!important;cursor:default}.flex-pauseplay a{display:block;width:20px;height:20px;position:absolute;bottom:5px;left:10px;opacity:.8;z-index:10;overflow:hidden;cursor:pointer;color:#000}.flex-pauseplay a:before{font-family:flexslider-icon;font-size:20px;display:inline-block;content:''}.flex-pauseplay a:hover{opacity:1}.flex-pauseplay a.flex-play:before{content:''}@media only screen and (max-width:960px){.flex-caption{width:70%;position:relative;right:10%;top:30px;color:#fff;font-size:18px;line-height:18px;box-sizing:border-box;font-weight:600}.flex-bigcaption{width:70%;position:relative;left:50%;margin-left:-40%;color:#fff;font-size:24px;line-height:24px;box-sizing:border-box;font-weight:200;display:table;height:140px}.flex-bigcaption span.htext{color:#fff;font-size:inherit;line-height:inherit;display:table-cell;vertical-align:middle;height:140px;cursor:pointer;padding-right:40px}.flex-bigcaption span.hbutton{cursor:pointer;color:inherit;font-size:18px;text-align:center;position:absolute;right:-40;bottom:50px;margin-top:25px;line-height:20px;width:100px;padding:5px 20px}}@media only screen and (max-width:768px){.flexslider{border-top:0 solid #000;/* height:480px */}.flexslider .slides>li{position:relative;width:100%;height:480px;background:#ddd;}}@media only screen and (max-width:600px){.flexslider, .header_slider{border-top:0 solid #000;/* height:480px; */}}
.flex-viewport{ height:100%; }

/*CTA BANNER*/
.cta_banner{padding: 90px 0 60px;}
	.cta_grid{ display:grid; grid-template-columns:2fr 1fr; }
    .cta_title{font-size:2.3rem;font-weight:bold;line-height:1em;margin-bottom: 40px;}
    .cta_content, .cta_content *{ font-szie:1.2rem; line-height:1em }
	.cta_grid .button{ top:50%; position:relative; transform:translateY(-50%); width:100%; text-align:Center; max-width:200px;}
	.cta_grid .whitebutton{ background:#FFF; }
    .cta_grid .whitebutton, .cta_grid .whitebutton *{ color:var(--text) !important; }
	.cta_grid a.whitebutton:hover, .cta_grid a.whitebutton:hover *{background: #095485 !important; color:#FFF !important; }
@media only screen and (max-width:820px){   
	.cta_grid{padding:0px 40px;grid-template-columns: 1fr;}
}
/*TEXT ONLY*/
    .text_only h1{font-size: 2.3rem;max-width:620px;line-height:2.5rem;margin-bottom: 50px;font-weight:800;}
        .content_block.text_only h1{ max-width:unset; margin:50px 0 30px}
    .text_only{max-width:945px;padding: 90px 0;color:var(--lighter_blue);}
        .text_only.notopgap{ padding-top:0}
        .text_only *{color:var(--lighter_blue); }
        .center_align, .center_align h1{text-align:center;}
        .center_align h1{ max-width:unset; }
    .text_only *{ font-weight:200; }
    .ticked li{ list-style:none; padding-left:50px; position:relative; }
    .ticked{ margin-top:30px; }
        .ticked li:before{content:"\2714";padding-right:10px;left: 0;position: relative;}

    .bulbed li{ list-style:none; padding-left:50px; position:relative; }
    .bulbed{ margin-top:30px; }
        .bulbed li:before{ content:""; background:url("img/bulb.svg") no-repeat; width:30px; height:25px; display:inline-block; background-size:contain; padding-right:10px;top:5px; position:relative; }

    
/*TEXT PAGE*/
.header_image{height:325px;width:100%;display:block;margin-top: 180px;background-size: cover !important;background-position: 50% !important;}
.centeraligned{ text-align:center; width:100%; display:block;  }
.map{width:100%;height: 800px; margin-bottom:85px; }

/*CONTACT*/
	#sending, #sent{display: none;}
    #sending img{ display:none;}
	#sending center{    width: 50px;height: 50px;	margin: 0px auto 0;	border:solid 10px #abb6bc;
	border-radius: 50%;	border-right-color: transparent;	border-bottom-color: transparent;	 -webkit-transition: all 0.5s ease-in;    -webkit-animation-name:             rotate; 
    -webkit-animation-duration:         1.0s;     -webkit-animation-iteration-count:  infinite;    -webkit-animation-timing-function: linear;    	    	 transition: all 0.5s ease-in;
    animation-name:             rotate;     animation-duration:         1.0s;     animation-iteration-count:  infinite;    animation-timing-function: linear; }
		@keyframes rotate {
			from {
				transform: rotate(0deg);
			}
			to { 
				transform: rotate(360deg);
			}
		}


		 @-webkit-keyframes rotate {
			from {
				-webkit-transform: rotate(0deg);
			}
			to { 
				-webkit-transform: rotate(360deg);
			}
		}
	#formdiv{ display:block; margin:0 auto; max-width:800px; }
	.contact_content{ margin:70px 0; }
	.fieldgroup{position:relative;display:block;margin-top: 30px;}
    .fieldgroup input, .fieldgroup textarea{display:block;width:100%;background:transparent;border:0;border-bottom:1px solid;height: 34px;position:relative;}
    .fieldgroup textarea{height: 95px;}
    .fieldgroup input[type="submit"]{
		background: #001c3a;
		background: -moz-linear-gradient(top,  #001c3a 0%, #006ba3 100%);
		background: -webkit-linear-gradient(top,  #001c3a 0%,#006ba3 100%);
		background: linear-gradient(to bottom,  #001c3a 0%,#006ba3 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#001c3a', endColorstr='#006ba3',GradientType=0 );
		color:#FFF;
		text-align:center;
		text-transform:uppercase;
		height: 46px;
		line-height: 28px;
		cursor: pointer;
		position:relative;
		overflow:hidden;
		display: block;
		}
    .fieldgroup input[type="submit"]:hover{ background:#001c3a; }
    .g-recaptcha{ margin:20px 0; }

    .animatelabel{ position:relative; }
    .fieldgroup label{display:block;position:absolute;font-size:10px;top:0;left:0px;line-height: 16px;}
    .twocol{ display:grid; grid-template-columns:repeat(2,1fr); position:relative; grid-gap:20px; }
    .animatelabel label{font-size: 13px;line-height:30px;top: -7px;}
            .animatelabel .has-content ~ label, .animatelabel input:focus ~ label, .animatelabel textarea:focus ~ label {top: -23px;color:#afafaf !important;font-size: 13px;}
	
/*MENU*/
    .site-header{z-index:99999;position:fixed;display:block;width: 100%;top: 0;background: transparent;height: 124px;box-shadow: 0 0 0 0;}
    .main_navigation{position:absolute;right: 0;top: 39px;}
    nav a,  nav a:link, nav a:visited{font-weight: 400;color: var(--white);text-transform: uppercase;font-size: 0.85rem;}
		nav .current-menu-item a{ font-weight:bold;}
		.loginbutton:hover a:first-of-type{color: #FFF;}
			.loginbutton:hover .sub-menu li a{ color:#FFF}
    	nav a:hover{color: var(--lighter_blue);}
        nav a:after{ content:""; width:0px; opacity:0; height:5px; background:var(--light); display:block; position:absolute;  left:50%; transform:translateX(-50%); bottom:5px; transition:all 0.3s ;  -webkit-transition:all 0.3s ;  -o-transition:all 0.3s ;  -moz-transition:all 0.3s  }
        nav a:hover:after, nav li.current-menu-item a:after{ width:50px; height:5px; opacity:1}
    nav ul{ list-style:none; }
        nav .menu li {display:inline-block;float: right;padding: 0px 20px;}
		.loginbutton, nav .menu li.loginbutton{border:1px solid #FFF;border-radius:50px;margin-left: 80px;padding: 0 40px;}
        nav .menu .sub-menu li{display:block;float: unset;padding: 0px 40px;white-space: nowrap;background: var(--lighter_blue);}
			nav .menu .sub-menu li:first-of-type{padding-top: 20px;}
			nav .menu .sub-menu li:last-of-type{padding-bottom: 20px;}
        nav .menu .sub-menu li a{font-family:'Roboto';font-weight:400;display:block;color: var(--white);}
           /* nav .menu .sub-menu a:before{ content:'\279C'; padding-right:10px; font-size:12px; position:relative; top:-2px; color:#f1f1f1; }*/
         nav .menu .sub-menu li:hover, nav .menu .sub-menu li.current-menu-item{ background:var(--lighter_blue); }   
         nav .menu .sub-menu li:hover a, nav .menu .sub-menu li.current-menu-item a{ color:#f1f1f1;  }
    nav .menu li{ position:relative; }
    nav .menu li.menu-item-has-children:after{/*content:"";position:absolute;right: 11px;top:50%;transform:translateY(-50%);border-width: 0px 1px 1px 0px;margin-top: -5px;transform: rotate(45deg);display:block;width:7px;height:7px;border-style: solid;border-color: var(--lighter-blue);*/}
    
    nav .menu .sub-menu{display:block;position:absolute;background: var(--dark);text-align: left;left: 5px;/* transform: translateX(-50%); */margin-left: 0;padding: 0;height: 0 !important;overflow: hidden;opacity: 0;}
		nav .menu li:hover .sub-menu:before{ content:""; display:block; height:20px; background:transparent; width:100%; clear:both;   }		
nav .menu li:hover .sub-menu, nav .menu li.current-menu-ancestor:hover .sub-menu{height: auto !important;padding: 0px 0;opacity: 1;background:#transparent;}
           nav .menu .sub-menu .sub-menu{display:block;position:absolute;left: 100%;transform: translateX(10px);width: auto;top: -36px;margin-left:-10px;}
            nav .menu .sub-menu:hover{overflow: unset;}
                nav .menu li:hover .sub-menu .sub-menu{height: 0 !important;padding: 0; background:#000; }
                nav .menu .sub-menu li:hover li a{ color:#FFF;  }
                nav .menu .sub-menu li:hover li:hover a{ color:#f1f1f1;  }
                nav .sub-menu li .sub-menu{overflow:auto;height: 0 !important;padding: 0;}
                nav.navigation .menu li:hover .sub-menu li:hover .sub-menu{overflow:auto;height: auto !important;padding: 20px 12px 0 0px;background: transparent;margin-bottom: 0px;}
    .menu_button{position:absolute;display:none;top: 50px;right:40px;height: 4px;margin-top:10px;margin-bottom:10px;width:50%;max-width:35px;z-index: 999999;cursor: pointer;background:#FFF;}

    
/*FOOTER*/
    .site-footer{background: var(--text);display:block;padding: 90px 0 150px 0;position:relative;text-align: center;}
        .site-footer, .site-footer *{color:#FFF !important; }
		.footer_grid{ display:grid; grid-template-columns:1fr 1fr; }
        .site-footer input, .site-footer select, .site-footer textarea{box-sizing: border-box; font-family: inherit; font-size:14px; }    
	.footerlogo{ display:block; background:url('img/logo-white.svg'); width:200px; height:100px; background-repeat:no-repeat}
	nav.footer_navigation .menu li{display:block;clear:both;text-align:left;float: unset;border: 0;border-radius: 0;margin-left: 0;padding: 3px 0;/* background: transparent; *//* text-align: center; *//* line-height: 1em; */}
		nav.footer_navigation .menu .sub-menu{ display:none; }
	nav.footer_navigation .menu li a{ font-size: .75rem; text-transform:none; }
	.signup_title{margin-bottom: 140px;}
	.signup_wrapper{text-align:right;max-width: 500px;margin: 0 0 0 auto;}
		.signupform{ position:relative; overflow:hidden;}
		.signupform:after{
						 content:"";
						 width: 17px;
						 height: 17px;
						 background:#FFF;
						 display:block;
						 position:absolute;
						 right:0;
						 bottom: 4px;
						 clip-path: polygon(100% 0, 0% 100%, 100% 100%);
						 background-position: 50% !important;
						 background-size: cover !important;
						 }
		.signup_wrapper input[type="email"]{background:transparent;border:0;border-bottom:1px solid;width:100%;line-height:40px;height:40px;}
			.signup_wrapper input[type="email"]::placeholder{ color:#FFF;}
		.signup_wrapper input[type="submit"]{background:#FFF;border-radius:0;color:var(--text) !important;width:100px;text-align:center;padding:10px;position:absolute;right:0;bottom: 4px;opacity:0;z-index: -1;display: block;cursor: pointer;}
		.signup_wrapper .has-content ~ input[type="submit"], .signup_wrapper input:focus ~ input[type="submit"]{opacity: 1;z-index: 11;}

	.bnc{ width:100%; text-align:center; padding:10px 0}
    .bnc *, .bnc a{ display:inline-block; color:var(--text); font-size:.75rem; }  
	.bnc a:after{ content:"|"; margin:0 5px 0 10px; }
  

/*CONTACT*/
	#sending, #sent{display:none;}
	#formdiv{ display:block; margin:0 auto; max-width:800px; }
	.contactform{ margin:70px auto;}
	.contactgrid{ display:grid; grid-template-columns:1fr 1fr; grid-gap:20px}
	.fields input, .fields textarea{ width:100%; display:block; margin-bottom:10px; padding:9px 10px; font-size:16px; font-family: 'Montserrat', sans-serif; border:1px dotted #004c8b; }
	.fields textarea{ height:150px; }
	.fields label{ text-transform: uppercase;  }
	.fields input[type="submit"]{ width:140px; float:right; margin-right:0%; background:var(--lighter_blue); border:0; border:0; color:#FFF; opacity:0.8; cursor:pointer; font-size:1em; text-transform:uppercase;; line-height:35px; }
		.fields input[type="submit"]:hover{ opacity:1; }
		    
	
	.contact_content{ margin:70px 0; }

	      
/*DEFAULT*/
    .site, .content-area{position:relative;display:block;z-index:1;min-height: 100%;height: auto;width: 100%;}
	.header{top:0;position: fixed;top: 0;z-index: 999999999; width: 100%; }
	.nav-up, .nav-down {top: -52px;background: var(--lighter_blue);box-shadow: 0 0 10px 0 rgba(0,0,0,0.5);}
	.nav-up .logo, .nav-down .logo{top: 65px;height: 50px;background: url(img/logo-white.svg) no-repeat;background-size: contain;background-position: left 50%;}
	    .nav-up  nav a,  .nav-down  nav a{color: var(--white);}
	    .nav-up .main_navigation, .nav-down .main_navigation{top: 70px;}
	.header_slider{height: 830px;}
		.header_slider{min-height: 100%;height: 930px;position: relative;display: block;}
        .header_slider .slides li:after{content:"";display:block;width:100%;height:100%;position:absolute;background: rgba(0,0,0,0.25);z-index:99;top: 0;}
		.hs_image{height: 100%;background-size:cover !important;background-position:50% !important;display: block;position: relative;width: 100%;}
		.flexslider .slides > li {position: relative;width: 100%;height: 100%;background: #ddd;}
		.slider_title{position:absolute;top:50%;transform: translateY(-50%);left: 200px;margin-left: 0;text-align: left;max-width: 870px;z-index: 999;}
			.slider_title h1{color:#FFF;font-size: 3.9rem;line-height: 1em;  font-family:'Gilroy-Bold', 'Arial', sans-serif; }
			.slider_title h2{color:#FFF;font-size: 1.1rem;line-height: 1rem; padding-top: 15px; font-family:'Gilroy', 'Arial', sans-serif;}
            .slider_title h2 *{ font-size: 1.1rem;line-height: 1.3em; padding-top: 15px; font-family:'Gilroy', 'Arial', sans-serif; }
		.header_fade{ position:absolute; bottom:0; width:100%; z-index:99 }
			.header_fade img{ display:block; width:100%; height: auto;  }
		.flex-control-paging li a{opacity:1;width: 14px;height: 14px;display:block;background: #f1f0f0;content:'';color:#FFF;font-size: 1px;}
		.flex-control-nav li {    margin: 0 0 8px 5px !important;    display: inline;    clear:both;    zoom: 1;    float: right;    margin-bottom: 5px;}
		.flex-control-nav {width: 1300px;position: relative;bottom: 30px;text-align: right;margin: 0 auto;z-index: 105;}
			.flex-control-paging li a.flex-active {   background: #ccc; }
   
     
/*HOME*/



/*POSTS*/
	


/*RESPONSIVE*/
	
	@media only screen and (max-width:1920px){
		
	}

	@media only screen and (max-width:1280px){
		html, body{ font-size:16px; }
		h1{	font-size:4rem;}
		h2, h2 *{ font-size:2rem; font-weight:500; margin-bottom:20px}
	}


	@media only screen and (max-width:960px){
		body, html{max-width:100%; position:relative; }
		.desktoponly{ display:none !important;}		
		.content_block{ width:100%;}
        
        html, body{ font-size:14px; }
        .site-header{height:80px;top: 0;background: var(--lighter_blue);}
            .nav-up, .nav-down{ height:60px;}
            .nav-up .logo, .nav-down .logo{top: 10px;height: 40px;}
            .learnpress-page #page{margin-top: 0;}
        .header_slider { height: 630px; }
        .logo{left:20px;top: 13px;}
        .titlebar{padding-top: 80px;min-height: 20vh;}
        nav a, nav a:hover, nav a:link, nav a:visited {text-transform: uppercase;line-height:3rem;font-size: 1rem;color: #FFF;}
		.mobilemenu_button{display: block;border-top: 4px solid #FFF;position:absolute;right:20px;top:20px;height:30px;width:60px;z-index: 999;}
          .mobilemenu_button{right:20px;top: 27px;height:20px;width:40px;}
          .mobilemenu_button.mbopen:after{transform:rotate(-45deg);width:100%;bottom: 8px;}
          
          .mobilemenu_button:before{ content:""; display:block; height:4px; width:100%; top:50%; left:0; background:#FFF; position:absolute; margin-top:-2px; transform-origin:center; }
          .mobilemenu_button:after{ content:""; display:block; height:4px; width:70%; bottom:-4px; right:0; background:#FFF; position:absolute; margin-top:-2px; transform-origin:center;}
            .mobilemenu_button.mbopen{border-top: 0 !important;}
            .mobilemenu_button.mbopen:before{transform:rotate(45deg);}
            .mobilemenu_button.mbopen:after{transform:rotate(-45deg);width:100%;bottom: 8px;}

          .nav-up .mobilemenu_button, .nav-down .mobilemenu_button{top: 15px;}
          .nav-up .mobilemenu_button:before, .nav-up .mobilemenu_button:after, .nav-down .mobilemenu_button:before, .nav-down .mobilemenu_button:after{ background:#FFF; }
              .nav-up .mobilemenu_button, .nav-down .mobilemenu_button{ border-top: 4px solid #FFF; }
            .menu-main-navigation-container{ padding:10px 20px 0;}
			.main_navigation{position:fixed;right: 0;top:50px;display: block;width: 100%;height: 100%;background: #0f0f0fe6;transform:translateY(100%); }   
			  nav .menu li{display:block;clear:both;text-align:center;border: 0;margin-bottom:2px;background: var(--lighter_blue);}
			       nav .menu li ul.sub-menu li{ display:block; clear:both; text-align:center; border:0; margin-bottom:2px; background:rgba(255,255,255,0.2);  }
				nav .menu .sub-menu li:first-of-type{ padding-top:0;}
				nav .menu .sub-menu li:last-of-type{ padding-bottom:0;}
			 nav.main_navigation.mobilmenushow{opactiy:.97;transform:translateY(0);top: 80px;}
				   .nav-up nav.main_navigation, .nav-down nav.main_navigation{top: 50px;height: calc(100% - 50px);}
			 ul.menu {transform: rotate(180deg);display: block;position: relative;margin: 20px 0 0 0;padding: 0;}
				  ul.menu > li {transform: rotate(-180deg);float: none;}

	    nav .menu .sub-menu {display: block;position: relative;/* background: rgba(255,255,255,0.5); */left: -0;padding-bottom: 30px !important;}
	        nav .menu li:hover .sub-menu, nav .menu li.current-menu-ancestor:hover .sub-menu{ margin-bottom:20px;}
            nav .menu li.menu-item-has-children:after{ top:15px;  }
        
        .slider_title { left: 20px; }
        .titlecontent{padding: 40px 20px;max-width:90%;top: unset;transform: unset;position: relative;}
        .text_only * {    font-weight: 400;}
		
		.footer_grid {    grid-template-columns: 1fr; padding:0 20px; }
		.footerlogo{ margin:0 auto; }
		.footernav{ display:none;}
			
	}

	@media only screen and (max-width:767px){
	  .mobileonly{ display:block; }
	   body, html{ width:100%;}
		h1{	font-size:3rem;}
		h2, h2 *{ font-size:1.5rem; font-weight:500; margin-bottom:20px}
	  .content_block{ width:100%;}
        
        .learnpress .text_only {   padding: 20px;}
        .card_grid{ grid-template-columns:1fr;}
        .card_image{min-height: 300px;}
            .page-id-2 .card_image{min-height: 360px; }
        .ccontent{ padding:20px; }
        .video iframe, .learnpress .video iframe{height:auto;min-height: 210px;}
        .icon_grid_wrapper{ grid-template-columns:1fr !important; }
        .ticked li{padding-left: 0px;}
        .ticked{ margin-left:0;}
         .card{background:#FAFAFA;padding: 40px 0 0px;}
         .card h1{ margin-bottom:20px;}

         .titlecontent h2{ font-size:2.5rem;}
         .lp-courses-bar {flex-direction: row;width: calc(100% - 40px) !important;justify-content: space-between !important;float: left !important;}
         .lp-archive-courses .learn-press-courses[data-layout="list"] .course {padding: 15px !important;width: calc(100% - 60px) !important;}
		.signup_title {    margin-bottom: 40px; }
		.signup_wrapper{ margin:0 auto;}
	}
	@media (orientation: portrait)  and (max-width:840px){
		.titlebar.homepage {    min-height: 60vh;    text-align: center; }
	}

	@media only screen and (max-width:620px){
		h1{	font-size:2.5rem;}
		h2, h2 *, .grid_content h2{font-size: 1.5rem;font-weight: 700;margin-bottom:20px}
		a.button{ font-size:.9rem;}
		.twocol {    grid-template-columns: repeat(1,1fr); grid-gap:0;}
	}

	@media only screen and (max-width:360px){
	  
	}