/*
Theme Name:		Avante 2021
Theme URI:		
Author:			Ellsworth Media
Author URI:		http://www.ellsworthmedia.com/
Version:		1.0
*/

@import url(css/font-awesome.min.css);


/*-----------------------------------------------------------------------------------*/
/* Body, Typography and some main Elements
/*-----------------------------------------------------------------------------------*/

html * { -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; -webkit-font-smoothing:antialiased; -moz-font-smoothing:antialiased; font-smoothing: antialiased; }
body { font-size:16px; color:#363636; font-family:'Open Sans', Helvetica, Arial, sans-serif; overflow-x:hidden; }
input, textarea { -webkit-appearance:none; border-radius:0; }
input, textarea, select, label { font-family:'Open Sans', Helvetica, Arial, sans-serif; outline:0; }
input:focus, input:hover { outline:0; }
::-webkit-input-placeholder { color:#363636; opacity:1; }
:-moz-placeholder { color:#363636; opacity:1; }
::-moz-placeholder { color:#363636; opacity:1; }
:-ms-input-placeholder { color:#363636; opacity:1; }

h1, h2, h3, h4, h5, h6 { padding:0; margin:0 0 25px 0; line-height:1.2; }
h1 { font-size:36px; }
h2 { font-size:24px; }
h3 { font-size:21px; }
h4 { font-size:16px; }
h5 { font-size:16px; }
h6 { font-size:16px; }
img { display:block; max-width:100%; height:auto; }
ul,ol { margin:0; padding:0; list-style:none; }
a, a:visited, a:active { text-decoration:none; -webkit-transition:all .3s ease-out; -moz-transition:all .3s ease-out; -o-transition:all .3s ease-out; -ms-transition:all .3s ease-out; transition:all .3s ease-out; }
a:focus, a:hover { text-decoration:none; outline:0; }
:focus, :hover { text-decoration:none; outline:0; }
p { margin:0 0 20px 0; line-height:1.3; }
.animate { transition:all 0.3s ease 0s; -webkit-transition:all 0.3s ease 0s; -moz-transition:all 0.3s ease 0s; -ms-transition:all 0.3s ease 0s; }
.no-animate { transition:none; -webkit-transition:none; -moz-transition:none; -ms-transition:none; }
strong { font-weight:700; }
.button, .btn { font-size:16px; font-weight:400; display:inline-block; padding:9px 30px; color:#FFF; background:#A3C239; border-radius:2px; }
.button:hover, .btn:hover { background:#000; color:#FFF; }


.title {
	text-transform:uppercase; font-size:19px; letter-spacing:2.5px; font-weight:300;
	font-family:'Montserrat', Helvetica, Arial, sans-serif; 
}
.alignright {float: right; margin: 0 0 10px 20px;}
.alignleft {float:keft; margin: 0 20px 10px 0;}
img.aligncenter {text-align: center; margin: auto; display: block;}


/*-----------------------------------------------------------------------------------*/
/* Structure
/*-----------------------------------------------------------------------------------*/

.container { width:1250px; margin:0 auto; padding-left:0; padding-right:0; }
.view-mobile { display:none; }


/*-----------------------------------------------------------------------------------*/
/* Header styling
/*-----------------------------------------------------------------------------------*/

#header-top { background:#ECECEC; padding:10px 0; font-size:14px; }
	#header-top nav { float:left; } 
	#header-top nav li { float:left; margin-right:5px; }
	#header-top nav li:last-child { margin-right:0; }
	#header-top nav li:after { content:"."; color:#363636; float:right; margin:0 0 0 5px; }
	#header-top nav li:last-child:after { display:none; }
	#header-top nav li { color:#363636; font-weight:300; }
	#header-top nav li a { color:#363636; font-weight:600; }
	#header-top nav li a:hover { color:#A3C239; font-weight:600; }
	#header-top .header-top-right { float:right; }
	#header-top .header-top-right li { float:left; margin: 0 0 0 5px; font-weight:300; }
	#header-top .header-top-right li a { font-weight:600; color:#363636; }
	#header-top .header-top-right li a:hover { color:#A3C239; }
	#header-top .header-top-right li a:hover img { opacity:0.8; }
	#header-top .header-top-right li:first-child { }
	#header-top .header-top-right li:last-child { }

#header { padding:20px 0; }
	#header .logo { float:left; }
		#header .logo img {float:left; width: 188px; height: auto;}
	#header .header-right { float:right; margin:8px 0 0 0; }
	#header nav { float:left; margin:5px 30px 0 0; }
	#header nav li { float:left; margin:0 20px 0 0; }
	#header nav li:last-child { margin:0; }
	#header nav li a { font-size:22px; font-weight:300; color:#363636; }
	#header nav li a:hover, #header nav li.current-menu-item a, #header nav li.current-menu-ancestor a { color:#A3C239; }

#header nav ul ul {display: none;}

/*-----------------------------------------------------------------------------------*/
/* Footer & Sidebar styling
/*-----------------------------------------------------------------------------------*/

#footer-events { padding:50px 0; text-align:center; background: #F4F4F4;}
	#footer-events #full-content h2 {text-align: center;padding: 20px 0 10px 0; color: #A3C239; font-size: 36px;}

    #footer-events .flexslider { margin:0 auto; }
	#footer-events .slides li { font-size:22px; margin:0 0 30px 0; } 
	
	#footer-events .flex-control-nav li { display:inline-block; margin:0 4px; }
	#footer-events .flex-control-nav li a { display:block; width:10px; height:10px; border-radius:50%; text-indent:-9999px; background:#ABA9AA; cursor:pointer; }
	#footer-events .flex-control-nav li .flex-active { background:#000; }
	#footer-events .flex-direction-nav { display:none; }

#footer {background:#000; color:#FFF; padding:20px 0;}
	
	#footer a {color:#FFF;}
	#footer a:hover {color:#A3C239;}

	#footer .footer-left {float:left; margin:0 0 50px 0; width: 900px;}

		#footer .footer-left p { margin:0; }

		#footer .footer-left nav {margin:0 20px 0 0; width: 100%;}
		#footer .footer-left nav > ul {width: 100%;} 
			#footer .footer-left nav > ul > li { float:left; margin:0 2% 3px 0; width: 31%;}
			#footer .footer-left nav > ul > li > h3 { font-size:24px; padding: 10px 0; margin: 0; }
			#footer .footer-left nav > ul > li ul li { margin:0 0 3px 0; }
			#footer .footer-left nav > ul > li ul li a { font-size:16px; }
	
	#footer .footer-right { float:right; width: 80px;}
			
		#footer .footer-right .logo { margin:0 0 20px 0; display: block;}
			#footer .footer-right .logo img { width: 170px; height: auto;}
		
		#footer .footer-right .social-links { float:right; }
		#footer .footer-right .social-links li { float:left; margin-right:8px; }
		#footer .footer-right .social-links li:last-child { margin-right:0; }
		#footer .footer-right .social-links li a:hover img { opacity:0.8; }
	    
            #footer .footer-right .social-links li { 
                width: 32px; height: 32px; float:left; background: #fff; border-radius: 50%;
                list-style: none; margin: 0 0 0 8px; padding: 0;
            }
            #footer .footer-right .social-links li a {display: block;}
                #footer .footer-right .social-links li a:hover {opacity: 0.8;}
                #footer .social-links li i {
                    padding: 0; margin: 0; font-size: 18px; color: #000; text-align: center; width: 100%; line-height: 32px;
                }

	#footer .copyright { margin:0; padding: 20px 0 0 0; font-size:14px; clear:both; }

#sidebar {float: left; width: 277px; margin: 30px 0; padding: 0;}

	.v-nav {
		margin: 0 auto 20px auto; padding: 0;
	}
		.v-nav ul {margin: auto;}
			.v-nav ul li {display: block; padding: 10px 0; margin: 0; border-bottom: solid 1px #ccc;}
				.v-nav ul li a {font-size: 14px; text-align: center;}
			.v-nav ul li:last-child {border-bottom: none;}

	#sidebar h3 {
		font-size: 21px; padding: 0 0 10px 0; margin: 0; font-weight: 300;
	}

	#sidebar h4 {
		color: #000; margin: 0; padding: 10px 0;
		text-transform:uppercase; letter-spacing:2.5px; font-weight:300;
		font-family:'Montserrat', Helvetica, Arial, sans-serif; 
	}

/*-----------------------------------------------------------------------------------*/
/* Default Page styling
/*-----------------------------------------------------------------------------------*/

.h-nav {
	margin: 0 auto 20px auto; padding: 20px;
	width: 100%;
	background: #ececec;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	text-align: center;
}
	.h-nav ul {margin: auto;}
		.h-nav ul li {display: block; float: left; padding: 0; margin: 0;}
			.h-nav ul li a {font-size: 14px; text-align: center;}

.h-nav #products-menu li {width: 25%;}
.h-nav #services-menu li {width: 16.6%;}


#page-hero { padding: 70px 0; background:url(images/home-hero.jpg) no-repeat center center / cover; }
	#page-hero h1 { 
		color:#FFF; font-size:64px; margin:0; font-weight:300; line-height: 1.1;
		font-family:'Open Sans', Helvetica, Arial, sans-serif; text-align: center;
		text-shadow: 0 0 10px #000;
	}

#main {padding: 30px 0;}

	#main .button, #main .btn { margin: 30px 0 0 0; color: #fff;}
		#main .button:hover, #main .btn:hover { color: #fff !important; text-decoration: none;}

	#main a {color: #a3c239;}
		#main a:hover {color: #a3c239; text-decoration: underline;}

#main #right-content {float: right; width: calc(100% - 350px);}
	
	#main #right-content h2, #main #full-content h2 {
		color: #a3c239; font-size: 36px; font-weight: 300; margin: 0; padding: 0 0 20px 0;
	}
	#main #right-content h3, #main #full-content h3  {
		color: #000; font-size: 26px; font-weight: 300; margin: 0; padding: 0 0 20px 0;
	}
	#main #right-content h4, #main #full-content h4  {
		color: #000; margin: 0; padding: 10px 0;
		text-transform:uppercase; letter-spacing:2.5px; font-weight:300;
		font-family:'Montserrat', Helvetica, Arial, sans-serif; 
	}

	#main #right-content p, #main #full-content p {
		line-height: 1.5; font-size: 18px; font-weight: 300;
		margin: 0 0 20px 0;
	}

	#main #right-content ol, #main #full-content ol {margin: 0 0 15px 20px;}
		#main #right-content ol li, #main #full-content ol li {list-style: decimal; font-weight: 300; font-size: 18px; padding: 0 0 5px 0;}

	#main #right-content ul, #main #full-content ul {margin: 0 0 15px 20px;}
		#main #right-content ul li, #main #full-content ul li {list-style: disc; font-weight: 300; font-size: 18px; padding: 0 0 5px 0;}

	#main #right-content ul#products-list, #main #full-content ul#products-list {margin-left: 0;}
		#main #right-content ul#products-list li, #main #full-content ul#products-list li {list-style: none;}
	
	#main #right-content a {font-weight: 400;}
		#main #right-content a:hover {font-weight: 400; color: #A3C239;}
	
	#main .big-button {
		padding: 15px 20px;
		line-height: 40px;
		font-size: 21px;
		margin: 30px auto 0 auto;
		display: block; width: 300px;
		text-align: center;
	}


#page-middle-bar { background:#EBEBEB; padding:35px 0; }
	#page-middle-bar .content { float: right; width: calc(100% - 350px);} 
	#page-middle-bar .content h2 {margin:0; color:#A3C239; font-size:19px; font-weight:300;}
	#page-middle-bar .content p { 
		font-size:24px; margin: 5px 0 0 0; font-weight:300; color: #000;
		line-height: 1.25;
	}
	#page-middle-bar .content p a { font-style:italic; color: #202059;}
	#page-middle-bar .content p a:hover { text-decoration: underline; }
	
	#page-middle-bar .mid-btn { width: 25%;}
		#page-middle-bar .button { float:left; margin:10px 0 0 0; color: #fff; text-decoration: none;}
			#page-middle-bar .button:hover { }



#alt-middle-bar { background-size: cover; background-position: bottom; padding:60px 0 110px 0; }
	#alt-middle-bar .content img  { margin: 40px auto 30px auto; display: block; } 
		#alt-middle-bar .content { text-align: center; margin: auto; } 
		#alt-middle-bar .content h2 {
			margin: 20px 0 15px 0; color:#fff; font-size:20px;
			text-transform: uppercase;
			letter-spacing: 2.5px;
			font-weight: 300;
			font-family: 'Montserrat', Helvetica, Arial, sans-serif;

		}
		#alt-middle-bar .content p { 
			font-size:30px; margin: 15px 0 0 0; font-weight:300; color: #fff;
			line-height: 1.3;
		}
.page-template-page-reservation-manager #alt-middle-bar {background-image: url(images/mAppBanner_bg.jpg);}	

.page-template-page-itsm #alt-middle-bar {background-image: url(images/itsmBanner_bg.jpg);}	
.page-template-page-cherwell #alt-middle-bar {background-image: url(images/itsmBanner_bg.jpg);}	


/*-----------------------------------------------------------------------------------*/
/* Cherwell eBook
/*-----------------------------------------------------------------------------------*/

.page-template-page-cherwell-download #page-hero {padding: 100px 0;}
.page-template-page-cherwell-download #page-hero .caption h1 {font-weight: 700; font-size: 21px; text-shadow: 0 0 10px #555;}
.page-template-page-cherwell-download #page-hero .caption h2 {color: #fff; font-weight: 700; font-size: 42px; text-shadow: 0 0 10px #555;}
.page-template-page-cherwell-download #left-content {float: left; width: calc(100% - 500px);}
	
	.page-template-page-cherwell-download #left-content h2 {font-weight: 600; font-size: 28px;}
	.page-template-page-cherwell-download #left-content h3 {font-weight: 600; font-size: 21px;}
	
	.page-template-page-cherwell-download #left-content .btn {margin-bottom: 15px;}
	
	.page-template-page-cherwell-download #left-content p {line-height: 1.5; font-size: 18px;}
	.page-template-page-cherwell-download #left-content ul, 
	.page-template-page-cherwell-download #left-content ol {padding: 0 0 20px 0; font-size: 18px;}
		.page-template-page-cherwell-download #left-content ul li {position:relative; padding: 3px 0; margin-left: 18px; list-style: disc;}
		.page-template-page-cherwell-download #left-content ol li {list-style: decimal; padding: 3px 0;}

.page-template-page-cherwell-download aside#sidebar {float: right; width: 450px; background: #F4F4F4; padding: 30px 30px 0 30px;}
	.page-template-page-cherwell-download aside#sidebar h3 {font-weight: 600; font-size: 24px; color: #A3C239;}


/*-----------------------------------------------------------------------------------*/
/* Events Page styling
/*-----------------------------------------------------------------------------------*/

.page-template-template_events #main #full-content h2 {text-align: center;padding: 20px 0 30px 0;}


/* events block */
.event { display:inline-block; vertical-align:top; width:32%; padding:0 20px; }
	
	.event .date { width:150px; margin:0 auto 30px auto; }
	
	body .event .month { 
		background:#000; color:#FFF; padding:10px 20px; letter-spacing:2px; margin:0;
		font-weight: normal;
		font-size:14px; font-family:'Montserrat', Helvetica, Arial, sans-serif; 
		text-transform: uppercase; text-align: center;
	}
	.event .day { font-size:64px; letter-spacing: -5px; background:#EBEBEB; color:#363636; padding:10px 20px; margin:0; font-weight:300; text-align: center; }
	.event h3 { 
		padding: 0; margin: 0 0 10px 0; color:#000; font-size:21px; font-family:'Open Sans', Helvetica, Arial, sans-serif; 
	}
		.event h3 a {color:#202059;}
		.event h3 a:hover {color: #A3C239;}
	.event p { font-size:16px; color:#363636; margin:0 0 20px 0; }

.event-h { display: block; width: auto; padding: 40px 0;  }
	body .event-h .month {margin:0 !important; font-size: 12px !important;}
	.event-h .date { text-align:center; float: left; width:144px; margin:0 30px 30px 0; }
	.event-h .day { font-size:64px !important; padding: 0 20px; margin:0; font-weight:300; }
	.event-h p { font-size:16px; color:#363636; margin: 10px 0; text-align: left; }

	body #main .event-h .button {margin-top: 5px;} 



/* grid layout */
#product-top {text-align: center; margin: auto; max-width: 680px; width: 100%;}
	#product-top img {margin: 20px auto 50px auto; display: block; width: 90%; height: auto;}

    .one_third {width: 28%; padding: 2% 2.5%; text-align: center;}
    .last_column {}

#main #full-content .one_third p {margin: 5px 0 0 0; padding: 0; font-size: 16px;}

    .one_third img {margin: 0 auto 20px auto; display: block; height: auto;
        -webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */
        filter: grayscale(100%);
    }
    .grid-logo {width: 80%;}


/*-----------------------------------------------------------------------------------*/
/* Products Page styling
/*-----------------------------------------------------------------------------------*/

#featured-product {}
	#featured-product-image {float: left; background: #004B87; width: 50%; height: 340px; position: relative;}
		#featured-product-image img {left: 50%; top: 50%; max-width: 385px; width: 100%; height: auto; position: absolute; transform: translate(-50%, -50%);}
	#featured-product-text {background: #fff; float: right; width: 50%; height: 340px; position: relative;}
		#featured-product-text .content {width: calc(100% - 120px); margin: 0; font-weight: 300; left: 50%; top: 50%; position: absolute; transform: translate(-50%, -50%);}
		#featured-product-text .content p {font-size: 24px; line-height: 1.5; padding: 0; margin: 0;}
		#featured-product-text .content a {display: block; margin: 15px 0 0 0; font-weight: bold; font-size: 17px;}

#product-boxes-intro h2 {padding: 0; margin: 50px 0 10px 0; font-weight: 300; font-size: 26px;}
#product-boxes-intro p {padding: 0; margin: 0 0 10px 0; font-weight: 300; font-size: 15px;}

/* products grid */
.page-template-template_products #main {background: #F4F4F4;}

#main #full-content #products-grid {max-width:1200px; width: 100%; margin: auto;}
    #main #full-content #products-grid li { 
        float: left; 
        padding: 2% 2.5%; margin: 2%;
        text-align: center;
        background: #fff; list-style: none;
        height: 320px; width: 29.33%;
        position: relative;  
        border-radius: 10px;
    }
    #main #full-content #products-grid li:nth-child(3n+1) {clear: left;}
    #main #full-content #products-grid li img {width: 90%; display: block; margin: 0 auto 30px auto; max-width: 225px;}
    #main #full-content #products-grid li p {font-size: 15px;}
    #main #full-content #products-grid li .learn-more {
        font-weight: bold; font-size: 12px; color: #A3C139;
        position: absolute; bottom: 20px; left: 0; 
        margin-left:50%;
        transform:translateX(-50%);    
    }

/*-----------------------------------------------------------------------------------*/
/* Product Detail Page styling
/*-----------------------------------------------------------------------------------*/

#product-logo img {margin: 0 auto 50px auto; display: block; max-width: 300px; width: 90%; height: auto;}
#product-screen img {margin: 20px auto 30px auto; display: block; max-width: 540px; height: auto;}

#main #right-content .features-grid {padding: 0 0 20px 0; margin: 0;}
	#main #right-content .features-grid li {width: calc(33.33% - 30px); float: left; list-style: none; padding: 20px 0; margin: 0 45px 0 0; text-align: center;}
		#main #right-content .features-grid li img {display: block; margin: 0 auto 20px auto; height: 75px; width: auto;}
		#main #right-content .features-grid li:nth-child(3n) {margin-right: 0;}
		#main #right-content .features-grid li:nth-child(3n+1) {clear: both;}
		#main #right-content .features-grid li h3 {height: 50px; font-size: 18px; font-weight: bold;}
		#main li h5 {font-size: 18px; font-weight: bold; padding: 5px 0 0 0; margin: 0;}
		#main #right-content li p {font-size: 16px; padding: 5px 0 0 0; margin: 0;}


#sidebar strong {font-size: 18px;}
#sidebar form {margin: 0 0 30px 0;}

.product-detail-sidebar-list {margin: 10px 0 30px 20px}
	.product-detail-sidebar-list li {list-style: disc; padding: 3px 0 0 0; font-weight: 300;}


/*-----------------------------------------------------------------------------------*/
/* Services Page styling
/*-----------------------------------------------------------------------------------*/

#services-list li {width: calc(50% - 50px); margin: 0 25px; padding: 25px 0; float: left; text-align: center;}
	#services-list li:nth-child(2n+1) {clear: both;}

	#services-list li img {padding: 0; margin: 0 auto 20px auto; width: 90%; max-width: 240px;}
	#services-list li h3 {color: #a3c239; padding: 0; margin: 0 0 10px 0;}
	#services-list li p {padding: 0; margin: 0 auto; max-width: 480px;}

/*-----------------------------------------------------------------------------------*/
/* Events styling
/*-----------------------------------------------------------------------------------*/

/* events grid */
#main #full-content .events-grid, #footer-events #full-content .events-grid {margin: 0; padding: 0;}
	#main #full-content .events-grid li, #footer-events #full-content .events-grid li {
		position: relative; float: left; margin: 1% 3% 2% 0; padding: 0; width: 31.33%; list-style: none;
	}
	#main #full-content .events-grid li:nth-child(3n), #footer-events #full-content .events-grid li:nth-child(3n) {margin-right: 0;}
    #main #full-content .events-grid li:nth-child(3n+1), #footer-events #full-content .events-grid li:nth-child(3n+1) {clear: both;}

body #full-content .events-grid li img {-webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;}
	body #full-content .events-grid li img:hover {opacity: 0.8;}
	body #full-content .events-grid li h3 {font-style: italic; font-size: 28px; color: #fff; line-height: 1.2;}
	    body #full-content .events-grid li h3 a { color: #fff;}
	
	#footer-events #full-content .events-grid li.offset-third {margin-left: 35.33%; margin-right: 0;}
    
    body #full-content hr {}

    .overlay-content-block {position: absolute; bottom: 0; left: 0; padding: 0 20px;}

	#main #full-content .events-grid li .date, #footer-events #full-content .events-grid li .date {
		text-transform: uppercase; font-weight: 600; font-size: 16px; color: #363636; padding: 10px 0;
		text-align: left;
	}
	
    #full-content .events-grid li .date span.event-month {color: #fff;}
    #full-content .events-grid li .date span.event-day {color: #A3C139;}



	#footer-events #full-content h3 {
		font-size: 26px;
		font-weight: 300;
		margin: 0;
		padding: 0 0 20px 0;
		text-align: left;
	}

	#footer-events #full-content .events-grid li.offset-third .date,
	#footer-events #full-content .events-grid li.offset-third h3 {text-align: center;}


/* event details */
#event-hero {color: #fff; text-align: center; height: 100%; background-size: cover; padding: 100px 0 300px 0;}
	#event-hero p {font-size: 21px; text-transform: uppercase;}
	#event-hero h1 {
		color: #A3C139; font-style: italic; font-weight: 100; font-size: 60px; padding: 0 0 60px 0; margin: auto; line-height: 1.1;
	}
	
	.single #event-hero .button {min-width: 260px; padding: 14px; font-weight: 400; text-align: center; margin: auto; font-size: 18px;}

.single #full-content {
	position: relative; z-index: 5000; text-align: center;
	margin: -250px auto -50px auto; padding: 50px; background: #fff;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}

.single #full-content .datetime {font-weight: bold; text-transform: uppercase; text-align: center; font-size: 21px; font-style: normal;} 
.single #full-content #blurb p {
	font-weight: 300; text-align: center; font-size: 32px; font-style: italic;
	padding: 20px 30px 10px 30px; margin: auto; 
} 

	.single #full-content .button {margin: auto; display: inline-block; min-width: 550px; padding: 14px; font-weight: 400; text-align: center; font-size: 18px;}

.event-content {text-align: center; padding: 50px 0 0 0;}
	.event-content h2 {text-transform: uppercase; color: #363636; font-size: 22px; font-weight: 600;}
	.event-content h3 {font-size: 36px; font-weight: 100; font-style: italic;}
	
	.event-content img.icon {display: block; margin: auto;}

#curriculum {background: #E6E6E7; padding: 50px 0;}
	#curriculum .container {max-width: 980px;}
	#curriculum ul li {font-size: 24px; font-weight: 100; list-style: disc; }

.offset-third {margin-left: 35.33%;}
.offset-sixth {margin-left: 18.66%;}

#presenters  {max-width: 1400px; margin: auto;}
    #presenters .third .presenter-photo {height: 200px; vertical-align: middle;}
    #presenters .third img {vertical-align: middle; border-radius: 50%; margin: 0 auto 20px auto; display: block;}
	#presenters h3 { padding: 0; margin: 0;}
	#presenters h4 {font-size: 21px; padding: 20px 0 0 0; font-weight: 600; text-transform: uppercase; color: #363636;}
	#presenters p {font-size: 16px; line-height: 1.5;}

#did-you-know {background: url(images/did-you-know.jpg); background-size: cover; padding: 100px 0; color: #fff; text-align: center;}
	#did-you-know h2 {font-size: 21px; font-weight: 600; color: #A3C139;}
	#did-you-know h3 {font-size: 42px; max-width: 800px; margin: auto; padding: 0 0 20px 0; font-weight: 100; font-style: italic;}
	#did-you-know h4 {font-size: 16px; font-weight: 600; line-height: 1.5;}

.third { float: left; width: 29.33%; padding: 2%; text-align: center; }

#hosted-by {max-width: 1400px; margin: auto;}
	#hosted-by .third .host-logo {height: 150px; vertical-align: middle;}
	#hosted-by .third .logo-holder {height: 150px; vertical-align: middle;}
	#hosted-by .third:first-child {padding-left: 17%;}
	#hosted-by .third img {margin: 0 auto 20px auto; display: block; max-width: 300px; width: 100%;}
	#hosted-by h4 {font-size: 22px; font-weight: 600; text-transform: uppercase; color: #363636;}
	#hosted-by p {font-size: 18px; font-weight: 100; line-height: 1.5; font-style: italic;}

#register {background: #E6E6E7; padding: 50px 0; text-align: center;}
	.single #register .button {min-width: 550px; padding: 14px; font-weight: 400; text-align: center; margin: auto; font-size: 18px;}
	
#interested {background: url(images/interested.jpg); background-size: cover; padding: 70px 0; text-align: center; color: #fff;}
	#interested h2 {font-size: 42px; font-weight: 100; font-style: italic; margin: 0; padding: 0;}
	#interested p {font-size: 18px; margin: 0; padding: 10px 0 30px 0;}
	.single #interested .button {min-width: 550px; padding: 14px; font-weight: 400; text-align: center; margin: auto; font-size: 18px;}


	/* specific events */
	.postid-1388 #main h2, .postid-1388 #main .datetime {display: none;}
	.postid-1388 #main h2, .postid-1388 #main .datetime {display: none;}
	.postid-1388 #main .button {
		width: 300px;
		padding: 14px 0; font-size: 24px;
		text-align: center; margin: auto; display: block;
	}

/*-----------------------------------------------------------------------------------*/
/* Home Page styling
/*-----------------------------------------------------------------------------------*/

#home-hero {position:relative; width: 100%; height: 68vh;}
	#home-hero .slides li { 
        background-size: cover; background-position: center center;
        height: 68vh; text-align: center; 
        float: none;
    }
	    
    #home-hero .caption {padding-top: 18vh; width: auto;}
        #home-hero .logo-above {padding-top: 0;}
        #home-hero .logo-below {padding-top: 3vh; padding-bottom: 3vh;}
        
        .slider-logo {max-height: 12vh; width: auto; margin: 5vh auto; padding: 0;}

        #home-hero h3 { margin:0 0 5px 0; color:#A3C239; text-shadow: 2px 2px #000; font-size: 18px;}
        #home-hero h2 { 
            color:#FFF; font-size:60px; margin: 0; font-weight:300; font-family:'Open Sans', sans-serif; 
            text-shadow: 2px 2px #000; line-height: 1;
        }
        #home-hero p { color:#FFF; font-size:24px; margin: 20px 0; font-weight:300; text-shadow: 2px 2px #000; }
        
        #home-hero .button { font-size:18px; padding:14px 40px; margin:12px 0 0 0; }
	    
    #home-hero .flex-direction-nav { display:none; }
    #home-hero .flex-control-nav { width:100%; bottom: 1.8vh; position:absolute; z-index:10; text-align:center; left:0; } 
		#home-hero .flex-control-nav li { display:inline-block; vertical-align:middle; margin:0 5px; }
		#home-hero .flex-control-nav li a { display:block; width:12px; height:12px; border-radius:50%; text-indent:-9999px; background: #707070; }
		#home-hero .flex-control-nav li .flex-active { background:none; border:2px solid #707070; }


#home-middle-bar { border-top: solid 1px #111; background:#000; color:#FFF; padding:50px 0 10px 0; }
	#home-middle-bar .button { float: left; font-size:22px; padding:14px 40px; margin: 5px 0 30px 0; }
	#home-middle-bar .content { float: right; width: 880px; margin: 0 0 30px 0; } 
        #home-middle-bar .content h2 { margin:0; color:#A3C239; }
        #home-middle-bar .content p { font-size:32px; margin: 5px 0 0 0; font-weight:300; line-height: 1.1; }
        #home-middle-bar .content p a { font-style:italic; color:#FFF; }
        #home-middle-bar .content p a:hover { color:#A3C239; }

	#home-middle-bar .button:hover { background: #fff; color: #000; }


#home-service-management { padding:50px 0 20px 0; text-align:center; }
	#home-service-management h2 { margin:0 0 40px 0; color:#000; }
	#home-service-management img { margin:0 auto 50px auto; width: 100%; max-width: 500px; }
	#home-service-management p { margin:0 0 50px 0; font-size:22px; }
	#home-service-management .button { 
		padding-left:70px; padding-right:70px; line-height: 40px;
		font-size: 21px;
	}

#home-services { padding:50px 0 80px 0; text-align:center; background:#F1F1F1; }
	#home-services h2 { margin:0 0 50px 0; color:#000;}
	#home-services li { display:inline-block; vertical-align:top; width:30%; }
	#home-services li:nth-child(2) { margin:0 3%; width:32%; }
	#home-services li img { margin:0 auto 30px auto; height: auto; width: 164px;
        -webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */
        filter: grayscale(100%);
    }
	#home-services li h3 { font-size:24px; margin:0 0 10px 0; letter-spacing:-0.5px; }
	#home-services li p { line-height: 1.5; }

#home-clients { padding:50px 0 0 0; text-align:center;  }
	#home-clients h2 { margin:0 0 30px 0; color:#000; }
	#home-clients p { margin:0 0 50px 0; font-size:22px; }
	#home-clients ul { font-size:0; }
	#home-clients li { display:inline-block; vertical-align:middle; width:33.3333%; margin:0 0 70px 0; }
	#home-clients li img { margin:0 auto; }

#home-testimonials { padding:30px 0; text-align:center; }
	#home-testimonials h2 { margin: 20px 0 30px 0; color:#000; }
	#home-testimonials h3 { margin:0 0 30px 0; font-size:36px; font-weight:300; font-family:'Open Sans', sans-serif; }
	#home-testimonials .flexslider { margin:0 auto; }
	.home #home-testimonials .flexslider { max-width:748px; }
	#home-testimonials .slides li { font-size:18px; margin:0 0 20px 0; display:none; } 
	#home-testimonials .slides li p { margin:0 0 50px 0; }

	#home-testimonials .slides li img { margin:0 auto 20px auto; display: block; }	

	#home-testimonials .slides li .name { font-size:24px; margin:0; }
	#home-testimonials .slides li .position { font-size:18px; margin:0; font-weight:600; }
	#home-testimonials .flex-control-nav li { display:inline-block; margin:0 4px; }
	#home-testimonials .flex-control-nav li a { display:block; width:10px; height:10px; border-radius:50%; text-indent:-9999px; background:#777; cursor:pointer; }
	#home-testimonials .flex-control-nav li .flex-active { background:#000; }
	#home-testimonials .flex-direction-nav { display:none; }


/*-----------------------------------------------------------------------------------*/
/* Clear 2020
/*-----------------------------------------------------------------------------------*/

.page-template-template_clear2020 #page-hero {text-align: center; color: #fff; height: 400px;}
    #clear-logo {display: block; margin: 0 auto 25px auto; width: 90%; max-width: 700px;}
    .page-template-template_clear2020 #page-hero h2 {font-weight: bold; font-size: 22px; padding: 0; margin: auto;}
    #avante-logo {display: block; margin: 25px auto 5px auto; width: 135px;}
    .page-template-template_clear2020 #page-hero h3 {margin: 15px auto 5px auto; padding: 0; font-weight: bold; font-size: 22px; text-transform: uppercase;} 
    .page-template-template_clear2020 #page-hero h4 {margin: auto; padding: 0; font-weight: bold; font-size: 18px;}
        .page-template-template_clear2020 #page-hero h4 span {color: #9EB425;}
            

#clear-s2 {background: #2E2E2E; padding: 60px 0; color: #fff; }
    
    #clear-s2 #left-text {float: left; width: 300px; margin-right: 80px;}
        #clear-s2 h2 {padding: 0; margin: 0 auto 10px auto; font-size: 58px; font-weight: 700;}
            #clear-s2 h2 span {color: #9EB425;}
        #clear-s2 ol {padding: 0 0 20px 0; margin: -20px 0 0 0;}
        #clear-s2 ol li {list-style: decimal; margin: 0 0 0 20px; padding: 0;;}
        #amazon-card {margin: 0 0 0 -10px; padding: 0; display: block; width: 173px; height: auto;}

    #clear-s2 #video-right {float: right; width: calc(100% - 380px);}    

#clear-s3 {background: #000; padding: 80px 0; text-align: center; color: #fff;}
    
    /*
    #checkmarks {display: block; margin: 0 auto 10px auto; width: 156px;}
    #clear-s3 h2 {color: #9EB425; padding: 0; margin: 0 auto 20px auto; font-size: 36px; font-weight: 300;}
    */

    #factory-reset {display: block; margin: 0 auto 20px auto; width: 90%; max-width: 626px;}
    #clear-s3 h3 {padding: 0; margin: 0 auto 20px auto; font-size: 36px; font-weight: 300;}
        #clear-s3 h3 span {color: #9EB425;}
    #clear-s3 p {max-width: 900px; width: 90%; font-size: 18px; padding: 0; margin: 10px auto; /*font-style: italic;*/ font-weight: 300;}


    #clear-s3 .btn {margin-top: 20px;}
        #clear-s3 .btn:hover {background-color: #333;}
        
    #clear-s3 .flexslider { max-width: 780px; margin: 0 auto; padding: 50px 0 20px 0; }
	
    #clear-s3 .flexslider .slides li p { padding: 0 0 14px 0 !important; }	


    #clear-s3 .flexslider .flex-control-nav li { display:inline-block; margin:0 4px; }
        #clear-s3 .flexslider .flex-control-nav li a { 
            display:block; width:16px; height:16px; background:#fff; opacity: 0.3; border-radius:50%; text-indent:-9999px; cursor:pointer; 
        }
        #clear-s3 .flexslider .flex-control-nav li .flex-active { background:#fff; opacity: 1; }
        #clear-s3 .flexslider .flex-direction-nav { display:none; }

    
#clear-s4 {
    padding: 50px 0 30px 0; 
    background-image: url(images/clear2020/s4-bg2x.png); background-position: center top; background-size: cover;
}
    #clear-s4 ul li {
        background: rgb(0,0,0,0.6); float: left; width: calc(50% - 25px); margin: 0 25px 25px 0; padding: 30px;
        color: #fff;
    }
        #clear-s4 ul li:last-child {margin-right: 0;}
        #clear-s4 ul li img {max-height: 50px; height: 100%; width: auto;}
        #clear-s4 ul li h2 {
            padding: 20px 0 0 0; margin: 0; font-size: 32px; font-weight: 300; width: 100%; max-width: 440px;
            min-height: 140px;
        }
        #clear-s4 ul li p {
            font-size: 15px; padding: 0; margin: 10px auto 30px auto; /*font-style: italic;*/ font-weight: 300;
            min-height: 60px;
        }
        #clear-s4 ul li .button:hover {background: #333;}

#clear-events {background: #000; padding: 60px 0;}
    #clear-events h2 {color: #fff; padding: 0; margin: 0 auto 20px auto; font-size: 24px; font-weight: bold; text-align: center;}
    
    #clear-events ul {margin: 20px auto; padding: 0; width: 90%; max-width: 840px; color: #fff;}
        #clear-events ul li {clear: both; margin: 0; padding: 30px 0; width: 90%; max-width: 840px; border-top: solid 1px #414141;}
        #clear-events ul li:first-child {border: none;}

        .event-details {float: right; width: calc(100% - 100px);}

            #clear-events ul li .meta-date {font-weight: bold; font-size: 18px; padding: 10px 0; margin: 0;}
            #clear-events ul li h3 {font-weight: 300; padding: 0 0 10px 0; margin: 0; font-size: 24px;}
            #clear-events ul li p {font-weight: 300; font-size: 18px; padding: 10px 0; margin: 0;}
            #clear-events ul li a {color: #9EB425; font-weight: bold; display: block; padding: 0 0 30px 0;}
            #clear-events ul li a:hover {text-decoration: underline;}


        .date-box {
            float: left; width: 77px; height: 88px; padding-top: 16px;
            background-image: url(images/clear2020/date-box-bg@2x.png); background-size: cover; 
            color: #9EB425; font-size: 32px; font-weight: bold; line-height: 70px; text-align: center;
        }




.page-template-template_clear2020 #home-testimonials {
    padding: 60px 0; text-align: center;
    background: #000 url(images/clear2020/testimonials-bg.png); background-position: center top; background-size: cover;
}
    
    .page-template-template_clear2020 #home-testimonials .flexslider { max-width:950px; }
	
    .page-template-template_clear2020 #home-testimonials h2 {color: #9EB425; font-size: 32px; font-weight: 300;}
    .page-template-template_clear2020 #home-testimonials p {color: #fff;}
    
    .page-template-template_clear2020 #home-testimonials blockquote {
        color: #fff; border: none; font-style: italic; font-size: 21px; font-weight: 300; margin: 0; padding: 20px 20px 40px 20px;
    }

    .page-template-template_clear2020 #home-testimonials .slides li img { 
        padding: 30px; background: #fff; border-radius: 20px; height: auto; max-width: 330px !important; 
    }

    .page-template-template_clear2020 #home-testimonials .flex-control-nav li a { width:16px; height:16px; background:#fff; opacity: 0.3; }
	.page-template-template_clear2020 #home-testimonials .flex-control-nav li .flex-active { background:#fff; opacity: 1; }
	
    

#clear-contact {background: #000; padding: 80px 0; text-align: center;}
    #clear-contact h2 {padding: 0; margin: 0; color: #9EB425; font-size: 32px; font-weight: 300;}
    #clear-contact h3 {padding: 40px 0 0 0; margin: 0; color: #fff; font-size: 41px; font-weight: 300;}
    #clear-contact p {padding: 0; margin: 0;}
        #clear-contact p a {color: #fff; font-size: 22px; font-weight: bold;}


/*-----------------------------------------------------------------------------------*/
/* forms
/*-----------------------------------------------------------------------------------*/

.wpcf7-form label {display: block; padding: 0; margin: 0; font-size: 14px;}
.wpcf7-form .field {
	float: none; width: 100%;
	padding: 5px 0; margin: 0;
}
    .wpcf7-form span.field-50a {
        float: left;
        width: 49%;
        margin: 0 2% 0 0;
    }
    .wpcf7-form span.field-50b {
        float: left;
        width: 49%;
        margin: 0;
    }
.wpcf7-form .field-wide {
	clear: both;
	padding: 0 15px 5px 0;
	margin: 0;
}
.wpcf7-form input[type=text], .wpcf7-form input[type=email] {
	padding: 15px 15px 12px 15px;
	font-family: sans-serif;
	font-size: 14px;
	border: solid 1px #ccc;
	width: calc(100% - 10px);
}
.wpcf7-form input[type=checkbox] {
    border: solid 1px #ccc; padding: 0; margin: 0;
    -webkit-appearance: checkbox;
    -moz-appearance: checkbox;
    -o-appearance: checkbox;
    appearance: checkbox;
}
    
    .wpcf7-form .wpcf7-checkbox .wpcf7-list-item {
        padding: 10px 0 0 0; margin: 0;
        clear: both;
        display: block !important;
        font-size: 14px;
    }
    .wpcf7-form .wpcf7-checkbox .wpcf7-list-item-label {
        font-size: 14px; padding-left: 5px;
    }
    .wpcf7-form .wpcf7-checkbox .last {}

.wpcf7-form textarea {
	font-family: sans-serif;
	padding: 15px 15px 12px 15px;
	border: solid 1px #ccc;
	width: calc(100% - 10px);
	height: 100px;
	font-size: 14px;
}
.wpcf7-form input.wpcf7-submit,
body .hs_submit .actions input[type="submit"] {
	color: #fff !important;
	padding: 8px 25px !important;
	font-size: 16px !important; 
    font-weight: 400;
	background: #acc338 !important;
	margin: 10px 0 !important;
	-webkit-border-radius: 3px !important;
	-moz-border-radius: 3px !important;
	border-radius: 3px !important;
	border: none !important;
    text-shadow: none;
}
.wpcf7-form input.wpcf7-submit:hover,
body .hs_submit .actions input[type="submit"]:hover {
	background: #000 !important;
}
.wpcf7-form .show-label {
	font-size: 13px;
	display: block !important;
	padding: 0 !important;
	margin-bottom: 0;
}
.wpcf7-form .show-label label {
	font-size: 13px;
	display: block !important;
	margin-bottom: -10px;
}
.wpcf7-form span.wpcf7-list-item {margin: 0;}
.wpcf7-form input[type="radio"]{-webkit-appearance: radio; margin-right: 5px;}
.wpcf7-list-item-label {font-size: 13px; padding-right: 20px;}
.wpcf7-form input[type=text]::placeholder, .wpcf7-form input[type=email]::placeholder, .wpcf7-form textarea::placeholder {color: #999;}

.wpcf7-form SELECT {font-size: 13px;}


/* responsive video */
.videoWrapper {
  position: relative;
  padding-bottom: 56.25%; /* 16:9 */
  height: 0;
}
.videoWrapper iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}