/*

Theme Name:		AlivePromo
Description:	Theme for http://alivepromo.com
Version:			1.1
Author:			MisterR
Author URI:		http://misterr.com.ua

*/

/* 
	All elements in the checkout
	e.g. /directory/[product-name] 
*/


/* STEP 1 */
.page.directory .options .grades.row-3 .grade:nth-child(3n+1), 
.page.directory .options .grades.row-3 .grade:nth-child(3n+2) {
    border-right: none !important;
}
.page.directory .options .grades .grade {
	border-bottom: 1px solid #dedede;
}
.directory-form a.arrow.prev,
.directory-form a.arrow.next {
	display: none !important;
}
.directory-form .grade {
	width: 100% !important;
}
.page.directory .options .grades .grade {
	background-color: #f5f5f5 !important;
	border: 2px solid #ccc !important;
}
.page.directory .options .grades .grade.selected {
	background-color: #fff !important;
	border: 2px solid #c90d0d;
	border-radius: 4px;
	box-sizing: border-box !important;
	/*-webkit-box-shadow: 0px 0px 0px 2px rgba(201,13,13,1);
	-moz-box-shadow: 0px 0px 0px 2px rgba(201,13,13,1);
	box-shadow: 0px 0px 0px 2px rgba(201,13,13,1);*/

}
.page.directory .options .grades.row-3 .grade.selected:nth-child(3n+1), 
.page.directory .options .grades.row-3 .grade.selected:nth-child(3n+2),
.page.directory .options .grades.row-3 .grade.selected {
    border: 4px solid #c90d0d !important;
    margin-top: 1em !important;
}
.section.grades.row-3 .section-inner.clearfix {
	background: #e6e6e6 !important;
}
.page.directory .options .grades .grade.selected,
.page.directory .options .grades .grade.selected .price,
.page.directory .options .grades .grade.selected .price strong {
	color: #000 !important;
}

/* STEP 2 */
.page.directory .options .screens .screen.selected .screen-inner {
	background-color: #fff !important;
	border: 4px solid #c90d0d !important;
	border-radius: 4px;
	box-sizing: border-box !important;
}
.page.directory .options .screens .screen.selected .screen-inner,
.page.directory .options .screens .screen.selected .title {
	color: #000 !important;
}

/* STEP 3 */
.section.templates.row-2 .section-inner.scrollable.clearfix.ps-container.ps-theme-default.ps-active-y {
	background: #e6e6e6 !important;
}
.page.directory .options .templates.row-2 .template:nth-child(2n+1),
.page.directory .options .templates.row-2 .template {
	margin-top: 1em !important;
}
.page.directory .options .templates .template.disabled {
	display: none !important;
}
.page.directory .options .templates.row-2 .template {
    width: 100% !important;
    background-color: #f5f5f5 !important;
}
.page.directory .options .templates .template.selected {
	box-sizing: border-box !important;
	background-color: #fff !important;
	border: 4px solid #c90d0d !important;
	border-radius: 4px;
	color: #000 !important;
}
.page.directory .options .templates.row-2 .template:hover {
	cursor: pointer;
}
.page.directory .options .templates .template .image {
    max-width: 50% !important;
    display: inline-block !important;
    margin-bottom: 0 !important;
}
.title_and_description_desktop {
	box-sizing: border-box !important;
	max-width: 40%;
    display: inline-block !important;
    vertical-align: top;
    margin-left: 1em;
	
}

/* STEP 4 */
.section.managements.row-3 .section-inner.clearfix {
	background: #e6e6e6 !important;
}

.page.directory .options .managements.row-3 .management,
.page.directory .options .managements.row-3 .management:nth-child(3n+1) {
	width: 100% !important;
	height: auto !important;
	margin-top: 1em !important;
}
.management {
	background-color: #f5f5f5 !important;
}
.management.selected {
	box-sizing: border-box !important;
	background-color: #fff !important;
	border: 4px solid #c90d0d !important;
	border-radius: 4px;
	color: #000 !important;
}
.page.directory .options .managements .management.selected .price {
	color: #000 !important;
}


/* STEP 5 */
.page.directory .options .radio-buttons p {
	display: block !important;
}



/* = Document Setup
---------------------------------------------------- */

*{
	border: 0;
	margin: 0;
	padding: 0;
	background: transparent no-repeat left top;
	word-wrap: break-word;
	outline: none;
}

body{
	font-size: 18px;
	line-height: 27px;
	letter-spacing: 0.02em;
	font-family: 'AvenirNextLTPro-Regular';
	font-weight: normal;
	font-style: normal;

	background-color: #e6e6e6;
	color: #000;
}

h1, h2, h3, h4{
	font-family: 'BebasNeueBold';
	text-transform: uppercase;
	font-weight: normal;
	color: #000;
}

h1{
	font-size: 60px;
	line-height: 64px;
	letter-spacing: 0.04em;
	margin-bottom: 30px;
}

h2{
	font-size: 36px;
	line-height: 40px;
	letter-spacing: 0.06em;
	margin-bottom: 25px;
}

h3{
	font-size: 28px;
	line-height: 30px;
	letter-spacing: 0.04em;
	margin-bottom: 20px;
}

h4{
	font-size: 24px;
	line-height: 27px;
	letter-spacing: 0.04em;
	margin-bottom: 10px;
}

a,
a:active,
a:focus{
	text-decoration: none;
	color: #d32027;
}

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

select,
textarea,
input{
	box-sizing: border-box;
	vertical-align: middle;
	display: inline-block;
}

select,
textarea,
input[type="tel"],
input[type="text"],
input[type="email"],
input[type="number"],
input[type="password"],
input[type="search"]{
	border-style: solid;
	border-color: #c1c0bd;
	border-radius: 5px;
	border-width: 1px;

	font-size: 16px;
	line-height: 24px;
	font-family: 'AvenirNextLTPro-Regular';
	color: #000;
}

select,
input[type="tel"],
input[type="text"],
input[type="email"],
input[type="number"],
input[type="password"],
input[type="search"]{
	padding: 13px 20px;
	height: 52px;
}

input[type="tel"],
input[type="text"],
input[type="email"],
input[type="number"],
input[type="password"],
input[type="search"]{
	-webkit-appearance: none;
}

textarea{
	padding: 13px 20px;
	resize: vertical;
}

input[type="radio"],
input[type="checkbox"]{
	width: 20px;
	height: 20px;
	margin: 0 6px 0 0;
	cursor: pointer;
}

input[type="button"],
input[type="submit"]{
	padding: 0 30px;
	-webkit-appearance: none;
	cursor: pointer;

	background-color: #d32027;
	border: 1px solid #d32027;

	font-size: 20px;
	line-height: 50px;
	letter-spacing: 0.08em;
	font-family: 'BebasNeueBold';
	text-transform: uppercase;
	text-align: center;
	color: #fff;
}

input[type="button"]:hover,
input[type="button"]:active,
input[type="button"]:focus,
input[type="submit"]:hover,
input[type="submit"]:active,
input[type="submit"]:focus{
	background-color: #ff272f;
	border-color: #ff272f;
}

input:-ms-input-placeholder { color: #a3a3a3; }
input::-webkit-input-placeholder { color: #a3a3a3; }
input:-moz-placeholder { color: #a3a3a3; opacity: 1; }
input::-moz-placeholder { color: #a3a3a3; opacity: 1; }

textarea:-ms-input-placeholder { color: #a3a3a3; }
textarea::-webkit-input-placeholder { color: #a3a3a3; }
textarea:-moz-placeholder { color: #a3a3a3; opacity: 1; }
textarea::-moz-placeholder { color: #a3a3a3; opacity: 1; }

strong{
	font-family: 'AvenirNextLTPro-Bold';
	font-weight: normal;
}

hr{
	width: 202px;
	margin: 30px auto 40px;
	height: 0;

	border-color: #000;
	border-width: 0 0 3px;
	border-style: solid;
	clear: both;
}

/* = Core Classes
---------------------------------------------------- */

.wrap{
	padding: 0 30px;
	max-width: 1218px;
	margin: 0 auto;
}

.left{
	float: left;
}

.right{
	float: right;
}

.alignleft{
	margin: 10px 20px 10px 0;
	float: left;
	z-index: 5;
}

.aligncenter{
	text-align: center;
	margin-right: auto;
	margin-left: auto;
	display: block;
}

.alignright{
	margin: 10px 0 10px 20px;
	float: right;
	z-index: 5;
}

.textleft{
	text-align: left;
}

.textcenter{
	text-align: center;
}

.textright{
	text-align: right;
}

.hidden{
	display: none;
}

.nomargin{
	margin: 0;
}

.clear{
	clear: both;
	font-size: 1px;
	height: 0;
}

.clearfix:after{
	content: "";
	clear: both;
	display: block;
	visibility: hidden;
	line-height: 0;
	height: 0;
}

/* checkbox */

.checkbox{
	width: 18px;
	height: 19px;
	margin: 4px 12px 4px 0;
	background-image: url(lib/images/checkbox.png);
	display: inline-block;
	cursor: pointer;
}

.checkbox.checked{
	background-position: -19px 0;
}

/* social buttons */

.social-buttons{
	height: 24px;
	width: 68px;
}

.social-buttons a{
	width: 24px;
	height: 24px;
	background-image: url(lib/images/social-btns.png);
	display: block;
	float: left;
}

.social-buttons a.li{
	background-position: -25px 0;
	margin-left: 20px;
}

.social-buttons a:hover{
	opacity: 0.5;
}

/* = Site Header
---------------------------------------------------- */

.site-header{
	position: relative;
	z-index: 100;
}

.site-header-warning{
	padding: 20px 0;
	background-color: #c90d0d;
	font-family: 'BebasNeueBold';
	font-size: 20px;
	color: #fff;
}

.site-header-main{
	padding-top: 22px;
	padding-bottom: 21px;
	position: relative;
}

/* logo */

.site-logo{
	width: 0;
	height: 94px;
	padding-left: 739px;
	background-image: url(lib/images/logos/main.png);
	overflow: hidden;
	display: block;
	float: left;
}

/* button */

.site-header .button{
	margin-top: 24px;
	float: right;
}

/* navigation button */

.navigation-button{
	width: 40px;
	height: 40px;
	position: absolute;
	cursor: pointer;
	display: none;
	z-index: 10;
	right: 11px;
	top: 11px;
}

.navigation-button span,
.navigation-button span:after,
.navigation-button span:before{
	background-color: #231f20;
	position: absolute;
	display: block;
	height: 4px;
}

.navigation-button span:after,
.navigation-button span:before{
	content: "";
}

.navigation-button.closed span,
.navigation-button.closed span:after,
.navigation-button.closed span:before{
	width: 22px;
}

.navigation-button.closed span{
	left: 9px;
	top: 18px;
}

.navigation-button.closed span:after{
	bottom: 8px;
}

.navigation-button.closed span:before{
	top: 8px;
}

.navigation-button.opened span,
.navigation-button.opened span:after,
.navigation-button.opened span:before{
	width: 28px;
}

.navigation-button.opened span{
	background-color: transparent;
	left: 6px;
	top: 18px;
}

.navigation-button.opened span:after{
	-ms-transform: rotate(-45deg);
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
}

.navigation-button.opened span:before{
	-ms-transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}

/* navigation */

.site-navigation{
	background-color: #0c0c0c;
}

.site-navigation .wrap{
	position: relative;
	max-width: 1278px;
	padding: 0;
}

.site-navigation ul{
	padding-right: 132px;
}

.site-navigation li{
	font-size: 24px;
	line-height: 29px;
	font-family: 'BebasNeueBold';
	list-style: none;
	display: block;
	float: left;
}

.site-navigation li:first-child{
	margin-left: 0;
}

.site-navigation li a{
	padding: 20px 30px;
	display: block;

	text-decoration: none;
	text-transform: uppercase;
	color: #fff;
}

.site-navigation li:hover a,
.site-navigation li.current_page_item a,
.site-navigation li.current-menu-item a,
.site-navigation li.current_page_parent a,
.site-navigation li.current-menu-parent a,
.site-navigation li.current-page-ancestor a,
.site-navigation li.current-menu-ancestor a{
	background-color: #ce0810;
}

/* social buttons */

.site-header .social-buttons{
	margin-top: -12px;
	position: absolute;
	right: 30px;
	top: 50%;
}

/* = Site Main
---------------------------------------------------- */

.site-main{
	display: block;
	position: relative;
	z-index: 50;
}

/* = Page Header
---------------------------------------------------- */

.page-header{
	padding: 40px 0;
	background-size: cover;
	background-position: center;
	position: relative;
	z-index: 10;
}

.page-header .overlay{
	background-color: rgba(0,0,0,0.35);
	position: absolute;
	bottom: 0;
	right: 0;
	left: 0;
	top: 0;
}

.page-header .wrap{
	position: relative;
}

.page-header-outer{
	position: relative;
	display: table;
}

.page-header.page .page-header-outer{
	width: 100%;
}

.page-header.page.big .page-header-outer{
	min-height: 464px;
}

.page-header.page.normal .page-header-outer{
	min-height: 320px;
}

.page-header.directory .page-header-outer{
	min-height: 464px;
	width: 570px;
}

.page-header-inner{
	vertical-align: middle;
	display: table-cell;
}

.page-header .page-title{
	text-shadow: 0 0 7px rgba(0,0,0,0.8);
	margin-bottom: 0;

	font-size: 79px;
	line-height: 74px;
	font-family: 'BebasNeueBold';
	color: #fff;
}

.page-header .page-excerpt{
	color: #fff;
}

.page-header.page .page-excerpt{
	line-height: 37px;
	font-size: 24px;
}

.page-header.page.big .page-excerpt{
	margin-top: 35px;
}

.page-header.page.normal .page-excerpt{
	margin-top: 25px;
}

.page-header.directory .page-excerpt{
	font-size: 20px;
	line-height: 30px;
	margin-bottom: 15px;
	margin-top: 10px;
}

.page-header .button{
	box-shadow: 0 0 10px rgba(48,41,30,0.50);
}

.page-header.directory .button{
	margin-top: 20px;
}

/* = Page Content
---------------------------------------------------- */

.page-content{
	z-index: 10;
}

.page-content p{
	margin-bottom: 27px;
}

.page-content ol,
.page-content ul{
	margin-bottom: 27px;
}

.page-content li{
	padding-right: 40px;
	position: relative;
	left: 40px;
}

.page-content blockquote{
	border-left: 2px solid #c90d0d;
	margin: 30px 0 30px 40px;
	padding-left: 20px;
}

.page-content blockquote p{
	margin-bottom: 18px;
}

.page-content img,
.page-content iframe{
	max-width: 100%;
}

/* contacts */

.page-content .contact-phones{
	font-size: 20px;
	line-height: 28px;
	letter-spacing: 0.06em;
	font-family: 'BebasNeueRegular';
}

.page-content .contact-phones strong{
	font-family: 'BebasNeueBold';
}

/* = Contact Forms
---------------------------------------------------- */

.gform_wrapper{
	margin-bottom: 27px;
}

.gform_wrapper h3{
	margin-bottom: 20px;
	font-size: 18px;
}

.gform_wrapper br,
.gform_wrapper .gform_heading p,
.gform_wrapper form + p,
.gform_wrapper + p{
	display: none;
}

.gform_wrapper .validation_error{
	margin-bottom: 30px;
	color: #d4464a;
}

.gform_fields{
	margin-bottom: 0 !important;
}

.gform_fields li{
	list-style: none;
	margin-bottom: 25px;
	padding-right: 0 !important;
	left: 0 !important;
}

.gform_fields li.clear{
	margin-bottom: 0;
}

.gform_fields li.one-half{
	z-index: 2;
}

.gform_fields li.gform_validation_container{
	display: none;
}

.gform_fields li .gfield_label{
	font-size: 20px;
	font-family: 'BebasNeueBold';
	text-transform: uppercase;
	margin-bottom: 4px;
	display: block;
}

.gform_fields li.no-label .gfield_label{
	display: none;
}

.gform_fields li select,
.gform_fields li textarea,
.gform_fields li input[type="tel"],
.gform_fields li input[type="text"],
.gform_fields li input[type="email"],
.gform_fields li input[type="number"],
.gform_fields li input[type="password"]{
	width: 100%;
}

.gform_fields li.gfield_error select,
.gform_fields li.gfield_error textarea,
.gform_fields li.gfield_error input[type="tel"],
.gform_fields li.gfield_error input[type="text"],
.gform_fields li.gfield_error input[type="email"],
.gform_fields li.gfield_error input[type="number"],
.gform_fields li.gfield_error input[type="password"]{
	border-color: #c90d0d;
}

.gform_fields li .validation_message{
	display: none;
}

.gform_footer{
	text-align: center;
	margin-top: 37px;
}

.gform_footer img{
	vertical-align: middle;
	display: inline-block;
	margin-left: 15px;
}

.gform_footer p,
.gform_footer + p{
	display: none;
}

/* ask a question */

.ask-question{
	max-width: 950px;
	padding: 48px 92px 65px;
	margin: 0 auto;

	background-color: #d4d4d4;
}

.ask-question .gform_fields li select,
.ask-question .gform_fields li textarea,
.ask-question .gform_fields li input[type="tel"],
.ask-question .gform_fields li input[type="text"],
.ask-question .gform_fields li input[type="email"],
.ask-question .gform_fields li input[type="number"],
.ask-question .gform_fields li input[type="password"]{
	background-color: #fff;
	border-color: #cecece;
	padding: 11px 20px;
}

.ask-question .gform_fields li select,
.ask-question .gform_fields li input[type="tel"],
.ask-question .gform_fields li input[type="text"],
.ask-question .gform_fields li input[type="email"],
.ask-question .gform_fields li input[type="number"],
.ask-question .gform_fields li input[type="password"]{
	height: 48px;
}

.ask-question .gform_fields li textarea{
	height: 108px;
}

.ask-question .gform_footer input{
	padding: 0 65px;
}

/* request a quote */

.request-quote{
	max-width: 950px;
	padding: 38px 28px 62px;
	margin: 0 auto;

	background-color: #d4d4d4;
}

.request-quote .gform_fields li select,
.request-quote .gform_fields li textarea,
.request-quote .gform_fields li input[type="tel"],
.request-quote .gform_fields li input[type="text"],
.request-quote .gform_fields li input[type="email"],
.request-quote .gform_fields li input[type="number"],
.request-quote .gform_fields li input[type="password"]{
	background-color: #fff;
	border-color: #cecece;
	padding: 11px 20px;
}

.request-quote .gform_fields li select,
.request-quote .gform_fields li input[type="tel"],
.request-quote .gform_fields li input[type="text"],
.request-quote .gform_fields li input[type="email"],
.request-quote .gform_fields li input[type="number"],
.request-quote .gform_fields li input[type="password"]{
	height: 48px;
}

.request-quote .gform_fields li textarea{
	height: 108px;
}

.request-quote .gform_footer input{
	padding: 0 105px;
}

/* = Front Page
---------------------------------------------------- */

.page.home .page-content{
	padding-bottom: 50px;
	padding-top: 80px;
}

.page.home .page-content .wrap{
	max-width: 1278px;
}

/* featured directories */

.page.home .featured-directories{
	position: relative;
}

.page.home .featured-directories .title{
	background-color: #0c0c0c;
	padding: 29px 0;

	font-size: 48px;
	line-height: 53px;
	letter-spacing: 0.08em;
	font-family: 'BebasNeueBold';
	text-transform: uppercase;
	text-align: center;
	color: #fff;
}

.page.home .featured-directories .content{
	position: relative;
}

.page.home .featured-directories .directory{
	padding-top: 55px;
	padding-bottom: 75px;
	background-position: center;
	background-size: cover;
	text-decoration: none;
	display: none;
}

.page.home .featured-directories .directory.active{
	display: block;
}

.page.home .featured-directories .directory-inner{
	padding-left: 35px;
	width: 570px;
}

.page.home .featured-directories .directory-title{
	font-size: 60px;
	line-height: 57px;
	letter-spacing: 0.06em;
	font-family: 'BebasNeueBold';
	text-transform: uppercase;
	text-shadow: 0 0 12px rgba(48,41,30,0.68);
	color: #fff;
}

.page.home .featured-directories .directory-excerpt{
	font-size: 16px;
	line-height: 26px;
	background-color: rgba(12,12,12,0.9);
	padding: 22px 35px;
	margin-top: 30px;
	color: #fff;
}

.page.home .featured-directories .directory-excerpt p{
	margin-bottom: 10px;
}

.page.home .featured-directories .directory .button{
	margin-top: 30px;
}

.page.home .featured-directories .content + .wrap{
	position: relative;
	padding: 0;
}

.page.home .featured-directories .tabs{
	width: 368px;
	position: absolute;
	bottom: 75px;
	right: 118px;
	z-index: 2;
}

.page.home .featured-directories .tab{
	font-size: 24px;
	line-height: 29px;
	letter-spacing: 0.04em;
	text-transform: uppercase;

	margin-top: 1px;
	padding: 12px 35px;
	box-sizing: border-box;
	cursor: pointer;
}

.page.home .featured-directories .tab.active{
	font-family: 'BebasNeueBold';
	background-color: rgba(12,12,12,0.9);
	color: #fff;
}

.page.home .featured-directories .tab:not(.active){
	font-family: 'BebasNeueRegular';
	background-color: rgba(191,191,191,0.9);
	color: #000;
}

.page.home .featured-directories .tab:not(.active):hover{
	font-family: 'BebasNeueBold';
	background-color: rgba(12,12,12,0.9);
	color: #fff;
}

/* testimonials */

.page.home .testimonials{
	padding-top: 65px;
	padding-bottom: 75px;
	text-align: center;
}

.page.home .testimonials .wrap{
	max-width: 1254px;
	padding: 0 12px;
}

.page.home .testimonials h3{
	line-height: 64px;
	font-size: 60px;
}

.page.home .testimonial{
	width: 33.33%;
	padding: 8px 18px 0;
	box-sizing: border-box;
	text-align: left;
	float: left;
}

.page.home .testimonial-inner{
	padding: 35px 31px 45px;
	background-color: #f5f5f5;
	box-sizing: border-box;
}

.page.home .testimonial .author{
	margin-bottom: 15px;
	color: #d32027;
}

.page.home .testimonial .text{
	line-height: 26px;
	font-size: 15px;
}

.page.home .testimonials .button{
	margin-top: 55px;
}

/* = Catalog Page
---------------------------------------------------- */

.directories{
	padding-bottom: 20px;
	padding-top: 62px;
}

.directories .wrap{
	max-width: 1278px;
}

.directories h1{
	text-align: center;
}

/* filters */

.directories .filters{
	border: 1px solid #d3d3d3;
	background-color: #f9f9f9;
	padding: 43px 30px 35px;
	margin-bottom: 40px;
}

.directories .filters .notice{
	font-size: 28px;
	line-height: 30px;
	margin-bottom: 40px;
	letter-spacing: 0.04em;
	font-family: 'BebasNeueRegular';
	text-transform: uppercase;
	text-align: center;
}

.directories .filters .notice strong{
	font-family: 'BebasNeueBold';
	color: #c90d0d;
}

.directories .filters .column{
	width: 33.3%;
	margin-bottom: 12px;
	padding: 0 3.7% 15px;
	box-sizing: border-box;
	float: left;

	line-height: 24px;
	font-size: 15px;
}

.directories .filters .column.first,
.directories .filters .column.second{
	border-right: 1px solid #c7c7c7;
}

.directories .filters .column-title{
	font-size: 24px;
	line-height: 27px;
	letter-spacing: 0em;
	font-family: 'BebasNeueBold';
	text-transform: uppercase;
	margin-bottom: 10px;
}

.directories .filters .column-tip{
	margin-bottom: 10px;
}

.directories .filters .subcolumn{
	width: 50%;
	float: left;
}

.directories .filters p{
	margin-bottom: 4px;
}

.directories .filters p .checkbox{
	float: left;
}

.directories .filters p label{
	vertical-align: middle;
}

.directories .filters .slider-box{
	position: relative;
	font-size: 16px;
}

.directories .filters .slider-box span{
	position: absolute;
	display: block;
}

.directories .filters .slider-box .ui-slider{
	height: 5px;
	margin-top: 20px;
	margin-bottom: 40px;
	background-color: #e3e3e3;
	border-radius: 2px;
}

.directories .filters .slider-box .ui-slider-range{
	height: 5px;
	border-radius: 2px;
	background-color: #c90d0d;
	position: absolute;
	left: 0;
	top: 0;
}

.directories .filters .slider-box .ui-slider-handle{
	width: 16px;
	height: 16px;
	margin-left: -8px;
	border-radius: 50%;

	box-shadow: 0 1px 3px rgba(0,0,0,0.9);
	background-color: #fff;

	cursor: pointer;
	top: -6px;
}

.directories .filters .slider-box .ui-slider-handle:after{
	content: "";
	display: block;
	position: absolute;
	border-radius: 50%;
	bottom: 0;
	right: 0;
	left: 0;
	top: 0;

	background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,0.6) 50%, rgba(198,198,198,1) 100%);
	background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,0.6) 50%, rgba(198,198,198,1) 100%);
	background: linear-gradient(to bottom, rgba(255,255,255,0) 0%, rgba(255,255,255,0.6) 50%, rgba(198,198,198,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#c6c6c6', GradientType=0);
}

.directories .filters .slider-box .value{
	width: 80px;
	height: 26px;
	margin-left: -40px;
	font-family: 'AvenirNextLTPro-Demi';
	text-align: center;
	top: -37px;
	left: 50%;
}

.directories .filters .slider-box .min,
.directories .filters .slider-box .max{
	color: #4c4c4c;
	top: 16px;
}

.directories .filters .slider-box .min{
	left: 0;
}

.directories .filters .slider-box .max{
	right: 0;
}

.directories .filters .buttons{
	text-align: center;
}

.directories .filters .button{
	font-size: 16px;
	line-height: 22px;
	padding: 8px 20px;
	min-width: 130px;
}

.directories .filters .button.reset{
	margin-left: 24px;
}

/* list */

.directories .list{
	max-width: 1194px;
	margin: 0 auto;
}

.directories .directory{
	width: 33.33%;
	padding: 0 18px;
	margin-bottom: 40px;
	box-sizing: border-box;
	float: left;
}

.directories .directory:nth-child(3n+1){
	clear: left;
}

.directories .directory-thumb{
	padding: 40px 10px;
	background-color: #fff;
	display: block;
}

.directories .directory-thumb img{
	margin: 0 auto;
	max-width: 100%;
	display: block;
}

.directories .directory-outer{
	background-color: #f3f3f3;
	padding: 27px 25px 35px;
}

.directories .directory-title{
	margin-bottom: 5px;
	line-height: 29px;
	font-size: 24px;
}

.directories .directory-title a{
	color: inherit;
}

.directories .directory-sizes{
	line-height: 24px;
	font-size: 15px;
}

.directories .directory-price{
	font-size: 24px;
	font-family: 'BebasNeueRegular';
	margin-bottom: 10px;
	margin-top: 10px;
}

.directories .directory-price strong{
	font-family: 'BebasNeueBold';
}

.directories .no-results{
	margin-bottom: 30px;
	margin-top: 50px;
}

/* = Directory Page
---------------------------------------------------- */

.page.directory .page-content .wrap{
	max-width: 1069px;
	padding: 0 20px;
}

/* promo */

.page.directory .promo-area{
	padding-top: 37px;
	display: table;
}

.page.directory .promo-area div{
	vertical-align: middle;
	box-sizing: border-box;
	display: table-cell;
}

.page.directory .promo-area .thumb{
	background-color: #fff;
	padding: 20px 40px;
	width: 35%;
}

.page.directory .promo-area .thumb img{
	display: block;
}

.page.directory .promo-area .slogan{
	font-size: 46px;
	line-height: 57px;
	font-family: 'BebasNeueRegular';
	text-transform: uppercase;
	padding-left: 6.65%;
}

/* back button */

.page.directory .back-button{
	padding-bottom: 15px;
	padding-top: 20px;
}

.page.directory .back-button .button{
	border-radius: 0;
	padding: 5px 30px;
	line-height: 20px;
	font-size: 14px;
}

/* form */

.page.directory .directory-form{
	padding: 0 319px 63px 0;
}

/* options */

.page.directory .options{
	width: 100%;
	float: left;
}

.page.directory .options .group{
	margin-bottom: 40px;
}

.page.directory .options h2{
	font-size: 28px;
	line-height: 30px;
	letter-spacing: 0.02em;
	text-align: center;

	background-color: #d4d4d4;

	position: relative;
	margin: 0;
}

.page.directory .options h2 .title{
	display: inline-block;
	padding: 17px 180px;
}

.page.directory .options h2 .arrow{
	cursor: pointer;
	text-decoration: none;
	box-sizing: border-box;
	position: absolute;
	display: block;
	top: 0;
}

.page.directory .options h2 .arrow.prev{
	padding: 16px 20px 12px 42px;
	text-align: left;
	left: 0;

	background-color: #c8c8c8;
	color: #000;
}

.page.directory .options h2 .arrow.prev:hover,
.page.directory .options h2 .arrow.prev:active,
.page.directory .options h2 .arrow.prev:focus{
	background-color: #ddd;
}

.page.directory .options h2 .arrow.next{
	padding: 16px 42px 12px 20px;
	text-align: right;
	right: 0;

	background-color: #000;
	color: #fff;
}

.page.directory .options h2 .arrow.next:hover,
.page.directory .options h2 .arrow.next:active,
.page.directory .options h2 .arrow.next:focus{
	background-color: #3f3f3f;
}

.page.directory .options h2 .arrow:before,
.page.directory .options h2 .arrow:after{
	width: 16px;
	height: 2px;
	content: "";
	position: absolute;
	display: block;
	top: 50%;
}

.page.directory .options h2 .arrow:before{
	margin-top: 5px;
}

.page.directory .options h2 .arrow:after{
	margin-top: -6px;
}

.page.directory .options h2 .arrow.prev:before,
.page.directory .options h2 .arrow.prev:after{
	background-color: #000;
	left: 18px;
}

.page.directory .options h2 .arrow.prev:before{
	-ms-transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}

.page.directory .options h2 .arrow.prev:after{
	-ms-transform: rotate(-45deg);
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
}

.page.directory .options h2 .arrow.next:before,
.page.directory .options h2 .arrow.next:after{
	background-color: #fff;
	right: 18px;
}

.page.directory .options h2 .arrow.next:before{
	-ms-transform: rotate(-45deg);
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
}

.page.directory .options h2 .arrow.next:after{
	-ms-transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}

.page.directory .options h2 .arrow .pre{
	font-size: 21px;
	line-height: 21px;
	font-family: 'BebasNeueBold';
	display: block;
}

.page.directory .options h2 .arrow .label{
	font-size: 15px;
	line-height: 15px;
	font-family: 'BebasNeueRegular';
	display: block;
}

.page.directory .options .section{
	background-color: #fff;
}

.page.directory .options .section h3{
	font-size: 24px;
	line-height: 30px;
	background-color: #d4d4d4;
	padding: 17px 30px;
	margin: 0;
}

.page.directory .options .radio-buttons p{
	display: inline-block;
	margin: 0 30px 6px 0;

	font-family: 'BebasNeueRegular';
	line-height: 29px;
	font-size: 24px;
}

.page.directory .options .radio-buttons input{
	margin-right: 6px;
}

.page.directory .options .radio-buttons label strong{
	font-family: 'BebasNeueBold';
	margin-left: 6px;
	color: #c90d0d;
}

.page.directory .options .drop-down{
	cursor: pointer;
	position: relative;
	display: none;
}

.page.directory .options .drop-down .value{
	border: 1px solid #cdcdcd;
	border-radius: 3px;

	display: table;
	box-sizing: border-box;
	padding: 3px 30px 3px 11px;
	width: 100%;
}

.page.directory .options .drop-down.opened .value{
	border-radius: 3px 3px 0 0;
}

.page.directory .options .drop-down .list{
	border-radius: 0 0 3px 3px;
	border-width: 0 1px 1px;
	border-color: #cdcdcd;
	border-style: solid;
	position: absolute;
	overflow: hidden;
	display: none;
	top: 100%;
	right: 0;
	left: 0;
}

.page.directory .options .drop-down .list li{
	border-top: 1px solid #cdcdcd;
	background-color: #fff;
	list-style: none;

	display: table;
	box-sizing: border-box;
	padding: 3px 30px 3px 11px;
	width: 100%;
	left: 0;
}

.page.directory .options .drop-down .list li:first-child{
	border-top: none;
}

.page.directory .options .drop-down .list li.selected{
	background-color: #c90d0d;
	color: #fff;
}

.page.directory .options .drop-down .title{
	font-family: 'BebasNeueRegular';
	display: table-cell;
}

.page.directory .options .drop-down .price{
	font-family: 'BebasNeueBold';
	display: table-cell;
	text-align: right;
	color: #c90d0d;
}

.page.directory .options .drop-down .selected .price{
	color: #fff;
}

.page.directory .options .drop-down .arrow{
	margin-top: -3px;
	border-width: 6px 5px 0 5px;
	border-color: #000 transparent transparent transparent;
	border-style: solid;
	position: absolute;
	display: block;
	right: 10px;
	top: 50%;
}

.page.directory .options .drop-down.opened .arrow{
	border-color: transparent transparent #000 transparent;
	border-width: 0 5px 6px 5px;
}

/* hardware grades */

.page.directory .options .grades .grade{
	font-size: 18px;
	line-height: 25px;
	padding: 28px 28px 70px;
	box-sizing: border-box;
	position: relative;
	cursor: pointer;
	float: left;
}

.page.directory .options .grades.row-1 .grade{
	width: 100%;
}

.page.directory .options .grades.row-2 .grade{
	width: 50%;
}

.page.directory .options .grades.row-2 .grade:nth-child(n+3){
	border-top: 1px solid #dedede;
}

.page.directory .options .grades.row-2 .grade:nth-child(2n+1){
	border-right: 1px solid #dedede;
}

.page.directory .options .grades.row-3 .grade{
	width: 33.33%;
	margin-top: 1em !important;
}

.page.directory .options .grades.row-3 .grade:nth-child(n+4){
	border-top: 1px solid #dedede;
}

.page.directory .options .grades.row-3 .grade:nth-child(3n+1),
.page.directory .options .grades.row-3 .grade:nth-child(3n+2){
	border-right: 1px solid #dedede;
}

.page.directory .options .grades .grade.selected{
	background-color: #c90d0d;
	color: #fff;
}

.page.directory .options .grades .grade .title{
	font-size: 24px;
	line-height: 29px;
	font-family: 'BebasNeueBold';
	margin-bottom: 13px;
}

.page.directory .options .grades .grade .description{
	line-height: 20px;
	font-size: 14px;
}

.page.directory .options .grades .grade .description p{
	margin-bottom: 10px;
}

.page.directory .options .grades .grade .price{
	font-size: 24px;
	line-height: 29px;
	letter-spacing: 0.04em;
	font-family: 'BebasNeueRegular';
	position: absolute;
	bottom: 33px;
	left: 28px;
}

.page.directory .options .grades .grade.selected .price{
	color: #fff;
}

.page.directory .options .grades .grade .price strong{
	font-family: 'BebasNeueBold';
	color: #c90d0d;
}

.page.directory .options .grades .grade.selected .price strong{
	color: #fff;
}

/* screen sizes */

.page.directory .options .screens .section-inner{
	padding: 39px 23px 3px;
}

.page.directory .options .screens .screen{
	padding: 0 13px;
	margin-bottom: 12px;
	box-sizing: border-box;
	float: left;
}

.page.directory .options .screens.row-1 .screen{
	width: 100%;
}

.page.directory .options .screens.row-2 .screen{
	width: 50%;
}

.page.directory .options .screens.row-3 .screen{
	width: 33.33%;
}

.page.directory .options .screens.row-4 .screen{
	width: 25%;
}

.page.directory .options .screens.row-5 .screen{
	width: 20%;
}

.page.directory .options .screens .screen-outer{
	max-width: 114px;
	position: relative;
	cursor: pointer;
	margin: auto;
}

.page.directory .options .screens .screen .image{
	border: 1px solid #c5c5c5;
	box-sizing: border-box;
	display: block;
}

.page.directory .options .screens .screen-inner{
	position: absolute;
	bottom: 0;
	right: 0;
	left: 0;
	top: 0;
}

.page.directory .options .screens .screen.selected .screen-inner{
	background-color: #c90d0d;
}

.page.directory .options .screens .screen .title{
	font-size: 24px;
	line-height: 24px;
	font-family: 'BebasNeueBold';
	text-align: center;
	color: #000;

	position: absolute;
	margin-top: -12px;
	top: 50%;
	right: 0;
	left: 0;
}

.page.directory .options .screens .screen.selected .title{
	color: #fff;
}

.page.directory .options .screens .section-help{
	padding: 0 36px 19px;
	background-color: #fff;
	text-align: right;
}

.page.directory .options .screens .section-help .button{
	font-size: 14px;
	line-height: 18px;
	padding: 6px 14px;
	border-radius: 0;
}

/* content templates */

.page.directory .options .templates .section-inner{
	max-height: 624px;
	position: relative;
	overflow: hidden;
}

.page.directory .options .templates .template{
	font-size: 18px;
	line-height: 25px;
	padding: 20px 25px;
	box-sizing: border-box;
	position: relative;
	cursor: pointer;
	float: left;
}

.page.directory .options .templates.row-1 .template{
	width: 100%;
}

.page.directory .options .templates.row-2 .template{
	width: 50%;
}

.page.directory .options .templates.row-2 .template:nth-child(n+3){
	border-top: 1px solid #dedede;
}

.page.directory .options .templates.row-2 .template:nth-child(2n+1){
	border-right: 1px solid #dedede;
	clear: left;
}

.page.directory .options .templates .template.disabled{
	cursor: default;
	color: #999;
}

.page.directory .options .templates .template.selected{
	background-color: #c90d0d;
	color: #fff;
}

.page.directory .options .templates .template .image{
	margin-bottom: 20px;
	display: block;
}

.page.directory .options .templates .template.disabled .image{
	opacity: 0.5;
}

.page.directory .options .templates .template .image img{
	display: block;
}

.page.directory .options .templates .template .title{
	font-family: 'BebasNeueBold';
	line-height: 29px;
	font-size: 24px;
}

.page.directory .options .templates .template .title.desktop{
	margin-bottom: 5px;
}

.page.directory .options .templates .template .title.mobile{
	margin-bottom: 3px;
	display: none;
}

.page.directory .options .templates .template .description{
	line-height: 20px;
	font-size: 14px;
}

.page.directory .options .templates .template .description p{
	margin-bottom: 10px;
}

.page.directory .options .templates .template .notice{
	background-color: rgba(255,255,255,0.8);
	position: absolute;
	display: none;
	bottom: 0;
	right: 0;
	left: 0;
	top: 0;
}

.page.directory .options .templates .template.disabled:hover .notice{
	display: block;
}

.page.directory .options .templates .template .notice div{
	display: table;
	height: 100%;
	width: 100%;
}

.page.directory .options .templates .template .notice span{
	padding: 25px;
	display: table-cell;
	vertical-align: middle;
	font-family: 'AvenirNextLTPro-Demi';
	text-align: center;
	color: #c90d0d;
}

/* content management */

.page.directory .options .managements .management{
	font-size: 16px;
	line-height: 23px;
	padding: 28px 28px 55px;
	box-sizing: border-box;
	position: relative;
	cursor: pointer;
	float: left;
}

.page.directory .options .managements.row-1 .management{
	width: 100%;
}

.page.directory .options .managements.row-2 .management{
	width: 50%;
}

.page.directory .options .managements.row-2 .management:nth-child(n+3){
	border-top: 1px solid #dedede;
}

.page.directory .options .managements.row-2 .management:nth-child(2n+1){
	border-right: 1px solid #dedede;
}

.page.directory .options .managements.row-3 .management{
	width: 33.33%;
}

.page.directory .options .managements.row-3 .management:nth-child(n+4){
	border-top: 1px solid #dedede;
}

.page.directory .options .managements.row-3 .management:nth-child(3n+1),
.page.directory .options .managements.row-3 .management:nth-child(3n+2){
	border-right: 1px solid #dedede;
}

.page.directory .options .managements.row-4 .management{
	width: 25%;
}

.page.directory .options .managements.row-4 .management:nth-child(n+5){
	border-top: 1px solid #dedede;
}

.page.directory .options .managements.row-4 .management:nth-child(4n+1),
.page.directory .options .managements.row-4 .management:nth-child(4n+2),
.page.directory .options .managements.row-4 .management:nth-child(4n+3){
	border-right: 1px solid #dedede;
}

.page.directory .options .managements .management.selected{
	background-color: #c90d0d;
	color: #fff;
}

.page.directory .options .managements .management .title{
	font-size: 23px;
	line-height: 29px;
	font-family: 'BebasNeueBold';
	margin-bottom: 13px;
}

.page.directory .options .managements .management .title span{
	vertical-align: top;
	line-height: 20px;
	font-size: 16px;
}

.page.directory .options .managements .management .description{
	line-height: 20px;
	font-size: 14px;
}

.page.directory .options .managements .management .description p{
	margin-bottom: 10px;
}

.page.directory .options .managements .management .price{
	font-size: 24px;
	line-height: 29px;
	letter-spacing: 0.04em;
	font-family: 'BebasNeueBold';
	position: absolute;
	bottom: 22px;
	left: 28px;
}

.page.directory .options .managements .management.selected .price{
	color: #fff;
}

.page.directory .options .managements .management .price span{
	font-size: 16px;
}

.page.directory .options .additional label{
	cursor: pointer;
}

/* installations */

.page.directory .options .installations .section-inner{
	padding: 18px 30px 10px;
}

/* protection plans */

.page.directory .options .plans .section-inner{
	padding: 18px 30px 10px;
}

.page.directory .options .plans .excerpt{
	margin-bottom: 15px;
	line-height: 20px;
	font-size: 14px;
}

/* government entity */

.page.directory .options .government .section-inner{
	padding: 18px 30px 10px;
}

.page.directory .options .government .discount{
	display: none;
}

/* form */

.page.directory .options .group.form{
	margin-bottom: 0;
}

.page.directory .options .form h2 .arrow.next{
	display: none;
}

.page.directory .options .form .section-inner{
	padding: 35px;
}

.page.directory .options .form .gform_wrapper{
	margin-bottom: 0;
}

.page.directory .options .form .gform_fields li{
	margin-bottom: 20px;
}

.page.directory .options .form .gform_fields .gfield_label{
	font-family: 'BebasNeueBold';
}

.page.directory .options .form .gform_fields select,
.page.directory .options .form .gform_fields textarea,
.page.directory .options .form .gform_fields input[type="tel"],
.page.directory .options .form .gform_fields input[type="text"],
.page.directory .options .form .gform_fields input[type="email"],
.page.directory .options .form .gform_fields input[type="number"]{
	background-color: #fff;
}

.page.directory .options .form .gform_fields textarea{
	height: 182px;
}

.page.directory .options .form .gform_fields .name,
.page.directory .options .form .gform_fields .phone,
.page.directory .options .form .gform_fields .address{
	width: 30.67846607669617%;
	float: left;
}

.page.directory .options .form .gform_fields .email,
.page.directory .options .form .gform_fields .city{
	width: 29.79351032448378%;
	float: left;
}

.page.directory .options .form .gform_fields .zip,
.page.directory .options .form .gform_fields .state{
	width: 14.30678466076696%;
	float: left;
}

.page.directory .options .form .gform_fields .name,
.page.directory .options .form .gform_fields .email,
.page.directory .options .form .gform_fields .address,
.page.directory .options .form .gform_fields .city{
	margin-right: 4.424778761061947%;
}

.page.directory .options .form .gform_fields .zip{
	margin-right: 2.064896755162242%;
}

.page.directory .options .form .gform_fields .state select{
	padding-right: 10px;
}

.page.directory .options .form .gform_fields .notes{
	clear: both;
}

.page.directory .options .form .gform_fields .price,
.page.directory .options .form .gform_fields .total{
	overflow: hidden;
	float: left;
	height: 0;
	width: 0;
}

.page.directory .options .form .gform_footer{
	display: none;
}

.page.directory .options .form .excerpt{
	font-size: 15px;
	line-height: 23px;
	margin-top: 30px;
}

.page.directory .options .form .excerpt p{
	margin-bottom: 23px;
}

/* summary */

.page.directory .summary{
	width: 280px;
	margin-right: -319px;
	text-align: center;
	position: relative;
	float: right;
}

.page.directory .summary .sticky{
	background-color: #fff;
	padding-bottom: 22px;
	line-height: 27px;
	font-size: 18px;
	width: 280px;
}

.page.directory .summary h3{
	font-size: 28px;
	line-height: 30px;
	background-color: #c90d0d;
	color: #fff;

	padding: 17px 20px;
	margin: 0;
}

.page.directory .summary .block-title{
	cursor: pointer;
	position: relative;
	font-family: 'BebasNeueRegular';

	background-color: #d8d8d8;
	padding: 12px 20px 11px;
	margin: 0;
}

.page.directory .summary .block-content{
	padding-right: 13px;
	padding-left: 15px;
}

.page.directory .summary .block-content.scrollable{
	max-height: 92px;
	position: relative;
	overflow: hidden;
}

.page.directory .summary .option{
	border-top: 1px solid #dfdfdf;

	width: 100%;
	padding: 7px 11px 6px 15px;
	box-sizing: border-box;
	display: table;
}

.page.directory .summary .option:first-child{
	padding-top: 8px;
	border-top: none;
}

.page.directory .summary .option .label{
	padding-right: 10px;
	font-family: 'BebasNeueRegular';
	display: table-cell;
	text-align: left;
}

.page.directory .summary .option .value{
	font-family: 'BebasNeueBold';
	display: table-cell;
	text-align: right;
}

.page.directory .summary .option .value.red{
	color: #c90d0d;
}

.page.directory .summary .option.product .value{
	text-align: center;
}

.page.directory .summary .option.quantity input{
	width: 54px;
	height: 29px;
	vertical-align: top;
	padding: 1px 5px;
	margin: -1px 0;

	font-family: 'BebasNeueBold';
	line-height: 25px;
	font-size: 18px;
}

.page.directory .summary .total{
	padding: 12px 25px 11px 30px;
	background-color: #d8d8d8;
	border-top: none;

	text-transform: uppercase;
	font-size: 24px;
}

.page.directory .summary .total .label{
	font-family: 'BebasNeueRegular';
}

.page.directory .summary .total .value{
	font-family: 'BebasNeueBold';
	color: #d20c0c;
}

.page.directory .summary .terms{
	padding: 8px 25px 0;

	font-size: 13px;
	line-height: 25px;
	letter-spacing: -0.02em;
	font-family: 'AvenirNextLTPro-Medium';
	text-align: left;
}

.page.directory .summary .terms .checkbox{
	margin: 3px 12px 3px 0;
	float: left;
}

.page.directory .summary .submit{
	padding: 10px 12px;
	margin: 11px 25px 0;
	cursor: pointer;
	display: block;

	background-color: #408d15;
	border-radius: 5px;

	font-size: 19px;
	line-height: 27px;
	letter-spacing: 0.08em;
	font-family: 'BebasNeueBold';
	color: #fff;
}

/* = Confirmation Page
---------------------------------------------------- */

.page.confirmation .page-content{
	padding-bottom: 75px;
	padding-top: 70px;
}

.page.confirmation .wrap{
	max-width: 1278px;
}

.page.confirmation .page-content-inner{
	padding-right: 50%;
}

.page.confirmation .page-content-inner > h1{
	text-align: center;
}

.page.confirmation .left-column{
	width: 100%;
	padding-left: 32px;
	padding-right: 90px;
	box-sizing: border-box;
	font-size: 16px;
	float: left;
}

.page.confirmation .right-column{
	width: 100%;
	margin-right: -100%;
	padding: 54px 50px 27px;
	background-color: #d4d4d4;
	box-sizing: border-box;
	float: right;

	font-size: 24px;
	line-height: 33px;
	font-family: 'BebasNeueRegular';
	text-align: center;
}

.page.confirmation .right-column .ok{
	width: 116px;
	height: 116px;
	background-image: url(lib/images/icon-ok.png);
	margin: 0 auto 32px;
	display: block;
}

.page.confirmation .right-column p{
	margin-bottom: 15px;
}

.page.confirmation .right-column strong{
	font-family: 'BebasNeueBold';
}

/* = About Page
---------------------------------------------------- */

.page.about .page-content{
	padding-bottom: 70px;
	padding-top: 70px;
}

.page.about .page-content .wrap{
	max-width: 1278px;
}

.page.about .key-features .wrap{
	max-width: 1278px;
}

.page.about .key-features-inner{
	padding: 80px 75px 40px;
	background-image: url(lib/images/key-features.jpg);
	background-position: center;
	background-size: cover;
}

.page.about .key-feature{
	width: 50%;
	min-height: 165px;
	padding: 0 40px 25px 17.5%;
	box-sizing: border-box;
	position: relative;
	float: left;
}

.page.about .key-feature:nth-child(2n+1){
	clear: left;
}

.page.about .feature-icon{
	width: 27.5%;
	position: absolute;
	display: block;
	top: 8px;
	left: 0;
}

.page.about .feature-icon img{
	max-width: 100%;
}

.page.about .feature-title{
	font-size: 32px;
	line-height: 40px;
	margin-bottom: 22px;
	color: #fff;
}

.page.about .feature-excerpt{
	font-size: 16px;
	line-height: 22px;
	color: #fff;
}

/* = Gallery Page
---------------------------------------------------- */

.page.gallery{
	padding-bottom: 25px;
	padding-top: 40px;
}

.page.gallery h1{
	margin-bottom: 15px;
	text-align: center;
}

.page.gallery hr{
	margin-bottom: 50px;
	margin-top: 15px;
}

.page.gallery .images{
	margin: 0 -9px;
}

.page.gallery .item{
	width: 412px;
	padding: 0 9px 34px;
	box-sizing: border-box;
	text-align: center;
	float: left;
}

.page.gallery .item:nth-child(3n+1){
	clear: left;
}

.page.gallery .item-inner{
	margin-bottom: 26px;
	position: relative;
}

.page.gallery .item img{
	display: block;
}

.page.gallery .item .overlay{
	width: 100%;
	height: 100%;
	padding-top: 39px;

	background-color: rgba(194,29,36,0.8);

	font-family: 'BebasNeueBold';
	color: #fffafd;

	box-sizing: border-box;
	position: absolute;
	opacity: 0;
	left: 0;
	top: 0;
}

.page.gallery .item-inner:hover .overlay,
.page.gallery .item-inner.hover .overlay{
	opacity: 1;
}

.page.gallery .item .title{
	font-size: 24px;
	line-height: 27px;
	text-decoration: underline;
	letter-spacing: 0.04em;
	padding: 0 25px;
	height: 81px;
}

.page.gallery .item .icon{
	width: 64px;
	height: 64px;
	margin-left: -32px;
	background-image: url(lib/images/magnifier.png);
	position: absolute;
	display: block;
	top: 130px;
	left: 50%;
}

.page.gallery .item .bottom{
	width: 100%;
	padding: 0 25px;
	box-sizing: border-box;
	position: absolute;
	bottom: 34px;
	left: 0;
}

.page.gallery .item .label{
	font-size: 20px;
	line-height: 21px;
	letter-spacing: 0.08em;
	margin-bottom: 10px;
}

.page.gallery .item .button{
	padding: 9px 30px;
	background-color: #fffafd;
	border-color: #fffafd;
	color: #d32027;
}

.page.gallery .item .button:hover,
.page.gallery .item .button:active,
.page.gallery .item .button:focus{
	background-color: #e6e6e6;
	border-color: #e6e6e6;
	color: #d32027;
}

.page.gallery .item .caption{
	line-height: 22px;
	font-size: 15px;
}

#swipebox-close:before{
	content: "Back";
	position: absolute;
	display: block;
	right: 100%;
	top: 0;

	font-size: 24px;
	line-height: 50px;
	color: #fff;
}

/* = Default Page
---------------------------------------------------- */

.page.default .page-content{
	padding-bottom: 50px;
	padding-top: 55px;
}

/* = Page Footer
---------------------------------------------------- */

.bottom-section{
	padding-top: 75px;
	padding-bottom: 70px;
	background-image: url(lib/images/bottom-section.jpg);
	background-position: center;
	background-size: cover;
	text-align: center;
}

.bottom-section .logo{
	width: 341px;
	height: 44px;
	margin: 0 auto 55px;
	background-image: url(lib/images/alivepromo.png);
	display: block;
}

.bottom-section .title{
	font-size: 60px;
	line-height: 56px;
	letter-spacing: 0.04em;
	font-family: 'BebasNeueBold';
	text-shadow: 0 0 5px rgba(48,41,30,0.68);
	margin-bottom: 25px;
	color: #fff;
}

.bottom-section hr{
	border-color: #e6e6e6;
}

.bottom-section .text{
	font-size: 28px;
	line-height: 37px;
	letter-spacing: 0.06em;
	font-family: 'BebasNeueBook';
	text-shadow: 0 0 5px rgba(48,41,30,0.68);
	text-transform: uppercase;
	padding: 0 2%;
	color: #fff;
}

.bottom-section .button{
	margin-top: 40px;
}

.bottom-section .button.white-empty:hover,
.bottom-section .button.white-empty:active,
.bottom-section .button.white-empty:focus{
	color: #a51e1e;
}

/* = Site Footer
---------------------------------------------------- */

.site-footer{
	padding-top: 35px;
	padding-bottom: 40px;
	background-color: #0c0c0c;
	color: #a7a7a7;
}

.site-footer .wrap{
	position: relative;
	max-width: 1278px;
	padding: 0;
}

.bottom-navigation ul{
	padding-right: 320px;
}

.bottom-navigation li{
	font-size: 24px;
	line-height: 29px;
	font-family: 'BebasNeueBold';
	list-style: none;
	display: block;
	float: left;
}

.bottom-navigation li a{
	display: block;
	padding: 5px 30px;
	text-transform: uppercase;
	text-decoration: none;
	color: inherit;
	color: #fff;
}

.bottom-navigation li:hover a,
.bottom-navigation li.current_page_item a,
.bottom-navigation li.current-menu-item a,
.bottom-navigation li.current_page_parent a,
.bottom-navigation li.current-menu-parent a,
.bottom-navigation li.current-page-ancestor a,
.bottom-navigation li.current-menu-ancestor a{
	color: #808080;
}

.site-footer .phone{
	font-size: 24px;
	line-height: 29px;
	font-family: 'BebasNeueBold';
	color: #fff;

	position: absolute;
	right: 130px;
	top: 4px;
}

.site-footer .phone:hover,
.site-footer .phone:active,
.site-footer .phone:focus{
	text-decoration: none;
	color: #808080;
}

.site-footer .phone span{
	font-family: 'BebasNeueRegular';
}

.site-footer .social-buttons{
	position: absolute;
	right: 30px;
	top: 6px;
}

.copyrights{
	font-size: 15px;
	line-height: 21px;
	margin: 20px 30px 0;
}

.copyrights .developer{
	float: right;
}

.copyrights .developer a{
	color: #f2f2f2;
}

#nav-red-button-container {
	position: absolute;
	right: 0;
	top: 10px;
}
@media (max-width: 1100px) {
	#nav-red-button-container {
		top: 5px;
	}
}
@media (max-width: 950px) and (min-width: 769px)  {
	#nav-red-button-container .button.red-filled {
		padding:.4em;
	}
	.site-navigation li {
		font-size: 18px;
	}
}