/*

	Theme Name: Grits

	Theme URI: brocktondigital.com

	Description: Base Product V2

	Version: 1.0.0

	Author: Stephen Kean

	Author URI: http://brocktondigital.com

	Tags: Blank, HTML5, CSS3



	License: MIT

	License URI: http://opensource.org/licenses/mit-license.php

*/



/*------------------------------------*\

    TYPOGRAPHY

\*------------------------------------*/



/*@font-face {

    font-family:'Font-Name';

    src:url('fonts/font-name.eot');

    src:url('fonts/font-name.eot?#iefix') format('embedded-opentype'),

        url('fonts/font-name.woff') format('woff'),

        url('fonts/font-name.ttf') format('truetype'),

        url('fonts/font-name.svg#font-name') format('svg');

    font-weight:normal;

    font-style:normal;

}*/





h1,h2,h3,h4,h5,p,a{

    margin-top: 0;

}



/* Terry Beech - MP: */



h1 {



    font-family: 'Lato', sans-serif;

    font-size: 32px;

    font-size: 3.2rem;

    line-height: 34px;

    line-height: 3.4rem;

    font-style:normal;

    font-weight:900;

    margin-bottom: 15px;

    margin-bottom: 1.5rem;



}



h1.large{

    font-size: 45px;

    font-size: 4.5rem;

    line-height: 48px;

    line-height: 4.8rem;

}



h2 {



    font-family: 'Lato', sans-serif;

    font-size: 24px;

    font-size: 2.4rem;

    font-style:normal;

    font-weight:400;

    margin-bottom: 15px;

    margin-bottom: 1.5rem;

}



h3 {



    font-family: 'Lato', sans-serif;

    font-size: 22px;

    font-size: 2.2rem;

    font-style:normal;

    font-weight:900;

    margin-bottom: 15px;

    margin-bottom: 1.5rem;

}



h4 {



    font-family: 'Lato', sans-serif;

    font-size: 20px;

    font-size: 2.0rem;

    font-style:normal;

    font-weight:400;

    margin-bottom: 15px;

    margin-bottom: 1.5rem;

}



hr{

    border: 0;

    height: 2px;

    background: #b1b1b1;

    width: 100%;

    margin: 60px 0;

    margin: 6.0rem 0;



}



nav a {

    font-family: 'Lato', sans-serif;

    font-size: 13px;

    font-size: 1.3rem;

    font-style:normal;

    letter-spacing: 1px;

    font-weight:900;

    text-transform: uppercase;

    -webkit-transition: color .4s ease-in-out;

    -moz-transition: color .4s ease-in-out;

    -o-transition: color .4s ease-in-out;

    transition: color .4s ease-in-out;

}





.header .header__sub nav a{

    -webkit-transition: opacity .4s ease-in-out;

    -moz-transition: opacity .4s ease-in-out;

    -o-transition: opacity .4s ease-in-out;

    transition: opacity .4s ease-in-out;

}



.header .header__sub nav a:hover{

    opacity: 0.7;

}



nav ul{

    list-style: none;

    text-align: right;

}



.header nav ul{

    margin: 0;

}







.header nav ul li{

    display: inline-block;

    padding: 0 10px;

    padding: 0 1.0rem;

    margin: 0;

    list-style: none;

}



.header nav ul li:first-child{

    padding-left: 0; 

}



.header nav ul li:last-child{

    padding-right: 0; 

}



.header nav ul li a{

    color: white;

    padding: 5px 8px;

    padding: 0.5rem 0.8rem;

}



.header nav ul li.current-menu-item a{

    background-color: white;

    color: rgba(100,114,125,1);

    border-radius: 4px;

}



nav .nav-links li{

    display: block;

    padding: 10px 0;

    padding: 1.0rem 0;

    list-style: none;

}

.Grits .header .hamburger {
	/*display: none !important;*/
}

.Grits .header .hamburger *{

    background-color: #6d6e70;

    margin-right: 0;

    

}



.mobile-menu__wrapper.active{

    -webkit-animation-name: fadeInMobile;

    animation-name: fadeInMobile;

    -webkit-animation-duration: 600ms;

    animation-duration: 600ms;

    -webkit-animation-fill-mode: both;

    animation-fill-mode: both;  



    -webkit-animation-delay: 0ms; /* Safari 4.0 - 8.0 */

    animation-delay: 0ms; 



    -webkit-backface-visibility: hidden;

    -webkit-perspective: 1000;

    backface-visibility: hidden;

    perspective: 1000;

}



.mobile-menu__wrapper{

    position: fixed;

    top: 0;

    width: 100%;

    height: 100%;

    background-color: rgba(58,72,80,0.9);



    backface-visibility: hidden;

    -webkit-backface-visibility: hidden;



    transfom: translate3d(0,0,0);



    -webkit-animation-name: fadeOutMobile;

    animation-name: fadeOutMobile;

    -webkit-animation-duration: 600ms;

    animation-duration: 600ms;

    -webkit-animation-fill-mode: both;

    animation-fill-mode: both;  



    -webkit-backface-visibility: hidden;

    -webkit-perspective: 1000;

    backface-visibility: hidden;

    perspective: 1000;



    -webkit-animation-delay: 400ms; /* Safari 4.0 - 8.0 */

    animation-delay: 400ms;



    visibility: hidden;

}



.mobile-menu__wrapper .mobile-menu__container{

    position: absolute;

    top: 55%;

    left: 50%;

    transform: translate3d(-50%, -50%, 0);



}



.mobile-menu__wrapper .mobile-menu__container nav{

    text-align: center;

}



.mobile-menu__wrapper .mobile-menu__container nav ul{

    text-align: center;

    padding-left: 0;

}



.mobile-menu__wrapper.active .mobile-menu__container nav li, .mobile-menu__wrapper.active .mobile-menu__container .button.button-header{

    -webkit-animation-name: fadeUpSmall;

    animation-name: fadeUpSmall;

    -webkit-animation-duration: 500ms;

    animation-duration: 500ms;



    -webkit-backface-visibility: hidden;

    -webkit-perspective: 1000;

    backface-visibility: hidden;

    perspective: 1000;

}



.mobile-menu__wrapper .mobile-menu__container nav li, .mobile-menu__wrapper .mobile-menu__container .button.button-header{

    display: block;

    margin-bottom: 46px;

    margin-bottom: 4.6rem;



    -webkit-animation-name: fadeDownSmall;

    animation-name: fadeDownSmall;

    -webkit-animation-duration: 500ms;

    animation-duration: 500ms;



    -webkit-animation-fill-mode: both;

    animation-fill-mode: both;    





    -webkit-backface-visibility: hidden;

    -webkit-perspective: 1000;

    backface-visibility: hidden;

    perspective: 1000;







}



.mobile-menu__wrapper .mobile-menu__container nav li a{

    color: white;

    font-size: 23px;

    font-size: 2.3rem;

}



.mobile-menu__wrapper .mobile-menu__container nav li a:after{

    background-color: #2090A4;

}



.mobile-menu__wrapper.active .mobile-menu__container nav li:nth-child(1){

    -webkit-animation-delay: 100ms; /* Safari 4.0 - 8.0 */

    animation-delay: 100ms;

}



.mobile-menu__wrapper .mobile-menu__container nav li:nth-child(1){

    -webkit-animation-delay: 600ms; /* Safari 4.0 - 8.0 */

    animation-delay: 600ms;

}



.mobile-menu__wrapper.active .mobile-menu__container nav li:nth-child(2){

    -webkit-animation-delay: 200ms; /* Safari 4.0 - 8.0 */

    animation-delay: 200ms;

}



.mobile-menu__wrapper .mobile-menu__container nav li:nth-child(2){

    -webkit-animation-delay: 500ms; /* Safari 4.0 - 8.0 */

    animation-delay: 500ms;

}





.mobile-menu__wrapper.active .mobile-menu__container nav li:nth-child(3){

    -webkit-animation-delay: 300ms; /* Safari 4.0 - 8.0 */

    animation-delay: 300ms;

}



.mobile-menu__wrapper .mobile-menu__container nav li:nth-child(3){

    -webkit-animation-delay: 400ms; /* Safari 4.0 - 8.0 */

    animation-delay: 400ms;

}





.mobile-menu__wrapper.active .mobile-menu__container nav li:nth-child(4){

    -webkit-animation-delay: 400ms; /* Safari 4.0 - 8.0 */

    animation-delay: 400ms;

}



.mobile-menu__wrapper .mobile-menu__container nav li:nth-child(4){

    -webkit-animation-delay: 300ms; /* Safari 4.0 - 8.0 */

    animation-delay: 300ms;

}





.mobile-menu__wrapper.active .mobile-menu__container nav li:nth-child(5){

    -webkit-animation-delay: 500ms; /* Safari 4.0 - 8.0 */

    animation-delay: 500ms;

}



.mobile-menu__wrapper .mobile-menu__container nav li:nth-child(5){

    -webkit-animation-delay: 200ms; /* Safari 4.0 - 8.0 */

    animation-delay: 200ms;

}



.mobile-menu__wrapper.active .mobile-menu__container .button.button-header{

    -webkit-animation-delay: 600ms; /* Safari 4.0 - 8.0 */

    animation-delay: 600ms;



}



.mobile-menu__wrapper .mobile-menu__container .button.button-header{

    -webkit-animation-delay: 100ms; /* Safari 4.0 - 8.0 */

    animation-delay: 100ms;

    display: block;

    margin: 0;

    text-align: center; 

}



a{

    font-family: 'Lato', sans-serif;

    font-size: 14px;

    font-size: 1.4rem;

    font-style:normal;

    font-weight:normal;

}



p{

    font-family: 'Lato', sans-serif;

    font-size: 16px;

    font-size: 1.6rem;

    font-style:normal;

    font-weight:normal;

    line-height: 22px;

    line-height: 2.2rem;

    margin-bottom: 15px;

    margin-bottom: 1.5rem;

}



p.large{

    font-family: 'Lato', sans-serif;

    font-size: 15px;

    font-size: 1.5rem;

    font-style:normal;

    font-weight:normal;

}





p.small {



    font-family: 'Lato', sans-serif;

    font-size: 11px;

    font-size: 1.1rem;

    font-style:normal;

    font-weight:bold;

}





p.italic {



    font-family: 'Lato', sans-serif;

    font-size: 12px;

    font-size: 1.2rem;

    font-style: italic;

    font-weight: bold;

}



li{

    font-family: 'Lato', sans-serif;

    font-size: 16px;

    font-size: 1.6rem;

    font-style:normal;

    font-weight:normal;

    line-height: 22px;

    line-height: 2.2rem;

    margin-bottom: 10px;

    margin-bottom: 1.0rem;

}



/*------------------------------------*\

    MAIN

\*------------------------------------*/



/* global box-sizing */

*,

*:after,

*:before {

	-moz-box-sizing:border-box;

	box-sizing:border-box;

	-webkit-font-smoothing:antialiased;

	font-smoothing:antialiased;

	text-rendering:optimizeLegibility;

}

/* html element 62.5% font-size for REM use */

html {

	font-size:62.5%;

}

body {

	font:300 11px/1.4 'Helvetica Neue', Helvetica, Arial, sans-serif;

	color:#6d6e70;

    background-color: white;



    -webkit-transition: background-color .4s ease-in-out;

    -moz-transition: background-color .4s ease-in-out;

    -o-transition: background-color .4s ease-in-out;

    transition: background-color .4s ease-in-out;

}



/*Header Offset for anchor links*/

:target:before {

    content:"";

    display: block;

    height:175px;

    margin:-175px 0 0;

}

.no-pseudo:before{

    content: none;

}



/* clear */

.clear:before,

.clear:after {

    content:' ';

    display:table;

}



.clear:after {

    clear:both;

}

.clear {

    *zoom:1;

}

img {

	max-width:100%;

	vertical-align:bottom;

}

a {

	color:#6d6e70;

	text-decoration:none;

}

a:hover {

	color:#6d6e70;

}

a:focus {

	outline:0;

}

a:hover,

a:active {

	outline:0;

}

input:focus {

	outline:0;

	border:1px solid #04A4CC;

}



.button{

	background-color: #D71920;

	text-transform: uppercase;

	letter-spacing: 1px;

	color: white !important;

	padding: 10px 20px;

	padding: 1.0rem 1.5rem;

	border-radius: 0;

	display: inline-block;

	font-weight: 900;

    border-radius: 5px;

    font-size: 13px !important;

    font-size: 1.3rem !important;



	-webkit-transition: background-color .4s ease-in-out, color .4s ease-in-out;

	-moz-transition: background-color .4s ease-in-out, color .4s ease-in-out;

	-o-transition: background-color .4s ease-in-out, color .4s ease-in-out;

	transition: background-color .4s ease-in-out, color .4s ease-in-out;

}



.button:hover{

	background-color: #8b0304;

	color: white;

}



.button.button--grey{

    background-color: #6d6e70;

}





.button.button--grey:hover{

    background-color: #414042;

}



.button.button--inline{

    display: inline-block;

}



.button.button--fb{

    background-color: #3B5998;

    color: white !important;

}



.button.button--fb:before{

    content: '\f09a';

    font-family: 'FontAwesome';

    margin-right: 5px;

    margin-right: 0.5rem;

    color: white !important;

}





.button.button--alt-more{

    width: 100%;

    padding: 15px 0;

    padding: 1.5rem 0;

    background-color: #3d4f5d;

    border-radius: 0;

}



.button.button--alt-more *{

    margin-bottom: 0;

    font-weight: 900;

}





.button.button--full-width {

    width: 100%;

    text-align: center;

}



/*------------------------------------*\

    STRUCTURE

\*------------------------------------*/



/* wrapper */

.wrapper {

    position: relative;

/*    padding-bottom: 570px;

    padding-bottom: 57.0rem;*/

    height: 100%;

    min-height: 100vh;

    overflow-x: hidden;

    overflow-y: hidden; 



	-webkit-animation-name: fadeIn;

	animation-name: fadeIn;

	-webkit-animation-duration: 800ms;

	animation-duration: 800ms;

	-webkit-animation-fill-mode: both;

	animation-fill-mode: both;	



    -webkit-animation-delay: 1800ms; /* Safari 4.0 - 8.0 */

    animation-delay: 1800ms;



    -webkit-backface-visibility: hidden;

    /*-webkit-perspective: 1000;*/

    backface-visibility: hidden;

    /*perspective: 1000; */



}



.transition .wrapper{

	-webkit-animation-name: fadeOut;

	animation-name: fadeOut;

	-webkit-animation-duration: 800ms;

	animation-duration: 800ms;

	-webkit-animation-fill-mode: both;

	animation-fill-mode: both;	



    -webkit-animation-delay: 0ms; /* Safari 4.0 - 8.0 */

    animation-delay: 0ms;

}



/* header */

.header.animate {



    -webkit-backface-visibility: hidden;

    -webkit-perspective: 1000;

    backface-visibility: hidden;

    perspective: 1000;



	-webkit-animation-name: headerShow;

	animation-name: headerShow;

	-webkit-animation-duration: 800ms;

	animation-duration: 800ms;

	-webkit-animation-fill-mode: both;

	animation-fill-mode: both;	



    -webkit-animation-delay: 1000ms; /* Safari 4.0 - 8.0 */

    animation-delay: 1000ms;



    position: fixed;



    z-index: 1000;

    width: 100%;

    will-change: position;





}



.header{

	-webkit-animation-name: headerHide;

	animation-name: headerHide;

	-webkit-animation-duration: 800ms;

	animation-duration: 800ms;

	-webkit-animation-fill-mode: both;

	animation-fill-mode: both;	



    -webkit-animation-delay: 0ms;

    animation-delay: 0ms;

}



.header .row{

	padding-top: 10px;

    padding-top: 1.0rem;

    padding-bottom: 10px;

    padding-bottom: 1.0rem;

}



.header .header__super{

    background-color: white;

}



.header .header__super .button{

    font-size: 12px !important;

    font-size: 1.2rem !important;

    padding: 8px 10px;

    padding: 0.8rem 1rem;

    

}



.header .header__sub{

    background-color: rgba(61,79,93,0.8);
    

}





.header .header__sub nav ul li a{

    padding: 5px 8px;

    padding: 0.5rem 0.8rem;

}



/* logo */

.logo {

    opacity: 1;

	-webkit-transition: opacity .4s ease-in-out;

	-moz-transition: opacity .4s ease-in-out;

	-o-transition: opacity .4s ease-in-out;

	transition: opacity .4s ease-in-out;



}



.logo:hover{

	opacity: 0.6;

}



.logo-img {



}



main{

	padding-top: 74px;

    margin-bottom: 90px;

    margin-bottom: 9.0rem;



    -webkit-backface-visibility: hidden;

    /*-webkit-perspective: 1000;*/

    backface-visibility: hidden;

    /*perspective: 1000; */





}



.home main{

    margin-bottom: 0;

}



/* nav */

.nav {



}

/* sidebar */

.sidebar {



}

/* footer */

.footer {

	position: relative;

	bottom: 0;

	height: auto;

	width: 100%;

	background-color: #555559;

	color: white;

	z-index: 20;

}



.footer .row{

    padding-top: 30px;

    padding-top: 3.0rem;

    padding-bottom: 30px;

    padding-bottom: 3.0rem;

}



.footer *{

    color: white !important;

}



.footer p{

    margin-bottom: 0;

}



.footer-contact {

    background-color: #414042;

}



.section__wrapper--footer-newsletter{

    border-top: 8px solid #d71920;

    background-repeat: no-repeat;

    background-size: cover;

    background-position: center;

    display: none !important;

}



.section__wrapper--footer-newsletter h1{

    text-shadow: 1px 1px 1px rgba(0,0,0,0.5);

}



.footer-contact .content__container .content__logo{

    margin-left: 0;

    margin-bottom: 15px;

    margin-bottom: 1.5rem;

}



.footer-social-credits{

    background-color: #3d4f5d;

}



.footer-social-credits .content__credits-container *{

    display: inline-block;

    padding: 0 10px;

    padding: 0 1.0rem;



}



.footer-social-credits .content__credits-container :first-child{

    padding-left: 0 

}



.footer-social-credits .content__credits-container :last-child{

    padding-right: 0 

}



.footer-social-credits .content__social-container{

    text-align: right;
    display: none !important;

}



.footer-social-credits .content__social-container *{

    display: inline-block;



    font-size: 20px;

    font-size: 2.0rem;

    padding: 0 5px;

    padding: 0 0.5rem;

}



.footer-social-credits .content__social-container :first-child{

    padding-left: 0;

}



.footer-social-credits .content__social-container :last-child{

    padding-right: 0;

}



.content__social-container{

    padding: 0 10px;

    padding: 0 1.0rem;
    display: none !important;

}



.content__social{

    font-size: 20px;

    font-size: 2.0rem;

    background-color: #707071;

    border-radius: 50%;

    width: 40px;

    width: 4.0rem;

    text-align: center;

    height: 40px;

    height: 4.0rem;

    display: inline-block;

    margin-right: 5px;

    margin-right: 0.5rem;



    -webkit-transition: background-color .4s ease-in-out;

    -moz-transition: background-color .4s ease-in-out;

    -o-transition: background-color .4s ease-in-out;

    transition: background-color .4s ease-in-out;

}



.content__social:hover{

    background-color: #3e505d;

    cursor: pointer;

}





.content__social i{

    position: absolute;

    top: 50%;

    left: 50%;

    transform: translate3d(-50%,-50%,0);

}





/* -------- Forms Styling ---------*/



.Grits .content__form{

    background-color: #F2F2F2;

    padding: 30px;

    padding: 3.0rem;

    margin-bottom: 30px;

}





.Grits .nf-form-cont{}







.Grits .nf-form-cont .nf-form-fields-required{

    margin-bottom: 15px;

    margin-bottom: 1.5rem;

    display: none;

}



.Grits .nf-input-limit{

    display: none;

}





.Grits .nf-form-cont input[type='text'], .Grits .nf-form-cont input[type='button'], .Grits .nf-form-cont input[type='email'], .Grits .nf-form-cont input[type='tel'], .Grits .nf-form-cont textarea, .Grits .nf-form-cont select{

    font-family: 'Lato', sans-serif;

    font-size: 16px;

    font-size: 1.6rem;

    line-height: 17px;

    line-height: 1.7rem;

    padding: 10px;

    padding: 1.0rem;

    color: #6d6e70 !important;

    border: none;

    background-color: white;

    -webkit-appearance: none;

    -moz-appearance: none;

    -ms-appearance: none;

    appearance: none;



}



.Grits .nf-form-cont .nf-field-label label{

    font-family: 'Lato', sans-serif;

    font-size: initial;

}



.Grits .nf-form-cont .checkbox-wrap .nf-field-label label {

    /*font-family: 'Lato', sans-serif;

    font-size: 20px;

    font-size: 2.0rem;

    line-height: 21px;

    line-height: 2.1rem;*/

    padding: 10px 5px;

    padding: 1.0rem 0.5rem;

    color: #6d6e70 !important;

    border: none;

}


.Grits .nf-form-cont .label-right .checkbox-wrap .nf-field-label{
    align-items: initial;
    -ms-flex-align: initial;
    padding-top: 0px;

}

.Grits .nf-form-cont .label-right .checkbox-wrap .nf-field-description{
    padding-top: 10px;
    
}


.Grits .nf-form-cont .label-right .checkbox-wrap .nf-field-element input{

    width: 20px;

    margin-top: 15px;

    /* Double-sized Checkboxes */

  -ms-transform: scale(1.5); /* IE */

  -moz-transform: scale(1.5); /* FF */

  -webkit-transform: scale(1.5); /* Safari and Chrome */

  -o-transform: scale(1.5); /* Opera */

  transform: scale(1.5);

}



.Grits .nf-form-cont input:focus, .Grits .nf-form-cont textarea:focus{

    outline: none;

}



.Grits .nf-form-cont select{

    background-image: url('img/select_down-arrow.svg');

    background-repeat: no-repeat;

    border-radius: 0;

    background-size: 20px;

    background-size: 2.0rem;

    background-position: right 20px center;

    background-position: right 2.0rem center;

}



.Grits .nf-form-cont select:focus{

    outline: none;

}



.Grits .nf-form-cont .form__element.form__element--email input{

    padding-right: 144px;

}



.Grits .nf-form-cont .form__element.form__element--submit input{

    background-color: #D71920;

    color: white !important;



    -webkit-transition: background-color .4s ease-in-out;

    -moz-transition: background-color .4s ease-in-out;

    -o-transition: background-color .4s ease-in-out;

    transition: background-color .4s ease-in-out;

}



.Grits .nf-form-cont .form__element.form__element--submit input:hover{

    background-color: #AE171D;

    color: white;



}











.Grits .nf-form-cont .nf-error-wrap{

    margin-top: 20px;

    margin-top: 2.0rem;

}



.Grits .content__form .nf-form-cont .nf-error-wrap{

    margin-top: 10px;

    margin-top: 1.0rem;

}



.Grits .nf-form-cont .ninja-forms-req-symbol, .Grits .nf-form-cont .nf-error-msg{

    font-weight: 400;

}



.Grits .nf-form-cont .nf-response-msg{

    text-align: center;

}



.Grits .nf-form-cont .nf-field-container, .Grits .nf-form-cont #ninja_forms_required_items{

    margin-bottom: 0;

}



.Grits .content__form .nf-form-cont .nf-field-container, .Grits .content__form .nf-form-cont #ninja_forms_required_items{

    margin-bottom: 20px;

    margin-bottom: 2.0rem;

}





/* Custom Width Styling */



.Grits .content__form .nf-form-content{

    font-size: 0;

}



.Grits .content__form .nf-form-cont .form__element{

    display: inline-block;

    font-size: initial;

    vertical-align: top;

}



.Grits .content__form .nf-form-cont .form__element.form__element--full{

    width: 100%;

}



.Grits .content__form .nf-form-cont .form__element.form__element--half{

    width: 50%;

}



.Grits .content__form .nf-form-cont .form__element.form__element--left-half{

    padding-right: 10px;

    padding-right: 1.0rem;

    width: 50%;

}



.Grits .content__form .nf-form-cont .form__element.form__element--right-half{

    padding-left: 10px;

    padding-left: 1.0rem;

    width: 50%;

}





/*  Newsletter Specific  */



.Grits .footer-newsletter .nf-form-content{

    font-size: 0;

}



.Grits .footer-newsletter .nf-form-cont .nf-form-fields-required{

    display: none;

}



.Grits .footer-newsletter .nf-form-cont .nf-error-field-errors{

    display: none;

}



.Grits .footer-newsletter .nf-form-cont .form__element{

    display: inline-block;

    vertical-align: middle;

    width: 100%;

    font-size: initial;

}



.Grits .footer-newsletter .nf-form-cont .form__element.form__element--left-half{

    padding-right: 10px;

    padding-right: 1.0rem;

    width: 50%;

    display: inline-block;

}



.Grits .footer-newsletter .nf-form-cont .form__element.form__element--right-half{

    padding-left: 10px;

    padding-left: 1.0rem;

    width: 50%;

    display: inline-block;

}



.Grits .footer-newsletter .nf-form-cont .form__element.form__element--submit{

    position: relative;

    width: 100%;

}



.Grits .footer-newsletter .nf-form-cont .form__element.form__element--submit input{

    width: 100%;

}



/* -------- Page Loader ---------*/



.loading-overlay{

	background-color: #eee;

	opacity: 0;

    position: fixed;

    height: 100vh;

    width: 100vw;

    left: 0;

    top: 0;

    z-index: -1;



	-webkit-transition: opacity .5s ease-in-out, z-index .3s ease-in-out;

	-moz-transition: opacity .5s ease-in-out, z-index .3s ease-in-out;

	-o-transition: opacity .5s ease-in-out, z-index .3s ease-in-out;

	transition: opacity .5s ease-in-out, z-index .3s ease-in-out;





    -webkit-backface-visibility: hidden;

    -webkit-perspective: 1000;

    backface-visibility: hidden;

    perspective: 1000; 

    transform: translate3d(0, 0, 0);

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

}





.loading-overlay.active{

	opacity: 1;

	z-index: 1000;



	-webkit-transition-delay: 900ms; /* Safari */

    transition-delay: 900ms;

}



.loading__container{

    position: absolute;

    margin-left: auto;

    margin-right: auto;

    text-align: center;

    left: 0;

    right: 0;

    width: 150px;

    width: 15.0rem;

    height: 150px;

    height: 15.0rem;

    top: 50%;

    transform: translate3d(0, -50%, 0);

}



.loading__container img{

    position: absolute;

    top: 50%;

    margin-left: auto;

    transform: translate3d(0, -50%, 0);

    margin-right: auto;

    right: 0;

    left: 0;

    max-width: 100px;

    max-width: 10.0rem;

}





.loading__container .circle-bg{

    border-top: 4px solid #b9b9b9;

    border-left: 4px solid #b9b9b9;

    border-right: 4px solid #b9b9b9;

    border-bottom: 4px solid #b9b9b9;

    position: absolute;

    width: 150px;

    width: 15.0rem;

    height: 150px;

    height: 15.0rem;

    top: 0;

    border-radius: 50%;

}



.loading__container .circle-color{

    border-top: 4px solid #D71920;

    border-left: 4px solid transparent;

    border-right: 4px solid transparent;

    border-bottom: 4px solid transparent;

    position: absolute;

    width: 150px;

    width: 15.0rem;

    height: 150px;

    height: 15.0rem;

    top: 0;

    border-radius: 50%;



    -webkit-animation-name: spin;

    -webkit-animation-duration: 1000ms;

    -webkit-animation-iteration-count: infinite;

    -webkit-animation-timing-function: linear;

    -moz-animation-name: spin;

    -moz-animation-duration: 1000ms;

    -moz-animation-iteration-count: infinite;

    -moz-animation-timing-function: linear;

    -ms-animation-name: spin;

    -ms-animation-duration: 1000ms;

    -ms-animation-iteration-count: infinite;

    -ms-animation-timing-function: linear;

    

    animation-name: spin;

    animation-duration: 1000ms;

    animation-iteration-count: infinite;

    animation-timing-function: linear;

}



.loading-overlay.pause .loading__container .circle-color{

    -webkit-animation-play-state: paused; /* Safari 4.0 - 8.0 */

    animation-play-state: paused;

}





/*------------------------------------*\

    THEME ANIMATIONS

\*------------------------------------*/



/* ------ Loading Spin -------- */



@-ms-keyframes spin {

    from { -ms-transform: rotate(0deg); }

    to { -ms-transform: rotate(360deg); }

}

@-moz-keyframes spin {

    from { -moz-transform: rotate(0deg); }

    to { -moz-transform: rotate(360deg); }

}

@-webkit-keyframes spin {

    from { -webkit-transform: rotate(0deg); }

    to { -webkit-transform: rotate(360deg); }

}

@keyframes spin {

    from {

        transform:rotate(0deg);

    }

    to {

        transform:rotate(360deg);

    }

}







/* ------ Header show and Hide -------- */



/*Header show*/

@-ms-keyframes headerShow {

    from { -ms-transform: translate3d( 0, -120px, 0 ); opacity: 1; }

    to { -ms-transform: translate3d( 0, 0, 0 ); opacity: 1; }

}

@-moz-keyframes headerShow {

    from { -moz-transform: translate3d( 0, -120px, 0 ); opacity: 1; }

    to { -moz-transform: translate3d( 0, 0, 0 ); opacity: 1; }

}

@-webkit-keyframes headerShow {

    from { -webkit-transform: translate3d( 0, -120px, 0 ); opacity: 1; }

    to { -webkit-transform: translate3d( 0, 0, 0 ); opacity: 1; }

}

@keyframes headerShow {

    from {

        transform:translate3d( 0, -120px, 0 );

        opacity: 1;

    }

    to {

        transform:translate3d( 0, 0, 0 );

        opacity: 1;

    }

}



/*Header Hide*/



@-ms-keyframes headerHide {

    from { -ms-transform: translate3d( 0, 0, 0 ); opacity: 1; }

    to { -ms-transform: translate3d( 0, -120px, 0 ); opacity: 1; }

}

@-moz-keyframes headerHide {

    from { -moz-transform: translate3d( 0, 0, 0 ); opacity: 1; }

    to { -moz-transform: translate3d( 0, -120px, 0 ); opacity: 1; }

}

@-webkit-keyframes headerHide {

    from { -webkit-transform: translate3d( 0, 0, 0 ); opacity: 1; }

    to { -webkit-transform: translate3d( 0, -120px, 0 ); opacity: 1; }

}

@keyframes headerHide {

    from {

        transform:translate3d( 0, 0, 0 );

        opacity: 1;

    }

    to {

        transform:translate3d( 0, -120px, 0 );

        opacity: 1;

    }

}





/* ------ Fade in and Out -------- */



/*Fade In*/

@-ms-keyframes fadeIn {

    from { opacity: 0; }

    to { opacity: 1; }

}

@-moz-keyframes fadeIn  {

    from { opacity: 0; }

    to { opacity: 1; }

}

@-webkit-keyframes fadeIn {

    from { opacity: 0; }

    to { opacity: 1; }

}

@keyframes fadeIn {

    from { opacity: 0; }

    to { opacity: 1; }

}



/*Fade Out*/



@-ms-keyframes fadeOut {

    from { opacity: 1; }

    to { opacity: 0; }

}

@-moz-keyframes fadeOut {

    from { opacity: 1; }

    to { opacity: 0; }

}

@-webkit-keyframes fadeOut {

    from { opacity: 1; }

    to { opacity: 0; }

}

@keyframes fadeOut {

    from { opacity: 1; }

    to { opacity: 0; }

}



/* ------ Fade in and Out Mobile -------- */



/*Fade In*/

@-ms-keyframes fadeInMobile {

    0% {opacity: 0; z-index: -1;}

    10% {opacity: 0; z-index: 900;}

    100% {opacity: 1; z-index: 900;}



}

@-moz-keyframes fadeInMobile  {

    0% {opacity: 0; z-index: -1;}

    10% {opacity: 0; z-index: 900;}

    100% {opacity: 1; z-index: 900;}

}

@-webkit-keyframes fadeInMobile {

    0% {opacity: 0; z-index: -1;}

    10% {opacity: 0; z-index: 900;}

    100% {opacity: 1; z-index: 900;}

}

@keyframes fadeInMobile {

    0% {opacity: 0; z-index: -1;}

    10% {opacity: 0; z-index: 900;}

    100% {opacity: 1; z-index: 900;}

}



/*Fade Out*/



@-ms-keyframes fadeOutMobile {

    0% {opacity: 1; z-index: 900;}

    90% {opacity: 0; z-index: 900;}

    100% {opacity: 0; z-index: -1;}

}

@-moz-keyframes fadeOutMobile {

    0% {opacity: 1; z-index: 900;}

    90% {opacity: 0; z-index: 900;}

    100% {opacity: 0; z-index: -1;}

}

@-webkit-keyframes fadeOutMobile {

    0% {opacity: 1; z-index: 900;}

    90% {opacity: 0; z-index: 900;}

    100% {opacity: 0; z-index: -1;}

}

@keyframes fadeOutMobile {

    0% {opacity: 1; z-index: 900;}

    90% {opacity: 0; z-index: 900;}

    100% {opacity: 0; z-index: -1;}

}



/* ------ Fade in Up and Fade Out Down -------- */



/*Fade In Up*/

@-ms-keyframes fadeUpSmall {

    from  { transform: translate3d(0, 30px, 0); opacity: 0;}

    to {transform: translate3d(0,0,0); opacity: 1;}

}

@-moz-keyframes fadeUpSmall {

    from  { transform: translate3d(0, 30px, 0); opacity: 0;}

    to {transform: translate3d(0,0,0); opacity: 1;}

}

@-webkit-keyframes fadeUpSmall {

    from  { transform: translate3d(0, 30px, 0); opacity: 0;}

    to {transform: translate3d(0,0,0); opacity: 1;}

}

@keyframes fadeUpSmall {

    from  { transform: translate3d(0, 30px, 0); opacity: 0;}

    to {transform: translate3d(0,0,0); opacity: 1;}

}



/*Fade Out Down*/

@-ms-keyframes fadeDownSmall {

    from  {transform: translate3d(0,0,0); opacity: 1;}

    to {transform: translate3d(0, 30px, 0);opacity: 0;}

}

@-moz-keyframes fadeDownSmall {

    from  {transform: translate3d(0,0,0); opacity: 1;}

    to {transform: translate3d(0, 30px, 0);opacity: 0;}

}

@-webkit-keyframes fadeDownSmall {

    from  {transform: translate3d(0,0,0); opacity: 1;}

    to {transform: translate3d(0, 30px, 0);opacity: 0;}

}

@keyframes fadeDownSmall {

    from  {transform: translate3d(0,0,0); opacity: 1;}

    to {transform: translate3d(0, 30px, 0);opacity: 0;}

}





/* ------ Undlerline -------- */



/*------------------------------------*\

    TEMPLATE PARTS (FLEXIBLE CONTENT)

\*------------------------------------*/

/* ------ General Styles -------- */



/*Fade In Up*/

@-ms-keyframes underlineIn {

    from  { transform: scale3d(0, 1, 1);}

    to {transform: scale3d(1, 1, 1);}

}

@-moz-keyframes underlineIn {

    from  { transform: scale3d(0, 1, 1);}

    to {transform: scale3d(1, 1, 1);}

}

@-webkit-keyframes underlineIn {

    from  { transform: scale3d(0, 1, 1);}

    to {transform: scale3d(1, 1, 1);}

}

@keyframes underlineIn {

    from  { transform: scale3d(0, 1, 1);}

    to {transform: scale3d(1, 1, 1);}

}



/*Fade Out Down*/

@-ms-keyframes underlineOut {

    from  { transform: scale3d(1, 1, 1);}

    to {transform: scale3d(0, 1, 1);}

}

@-moz-keyframes underlineOut {

    from  { transform: scale3d(1, 1, 1);}

    to {transform: scale3d(0, 1, 1);}

}

@-webkit-keyframes underlineOut {

    from  { transform: scale3d(1, 1, 1);}

    to {transform: scale3d(0, 1, 1);}

}

@keyframes underlineOut {

    from  { transform: scale3d(1, 1, 1);}

    to {transform: scale3d(0, 1, 1);}

}



.section__wrapper{

    position: relative;

}



.content__wrapper{

    position: relative;

	width: 100%;

	z-index: 200;

}



.content__container{

/*    padding: 30px;

    padding: 3.0rem;*/

}



.content__container a{

    color: #D71920;

    font-size: 16px;

    font-size: 1.6rem;

}



.content__container .content__logo{

    display: block;

    margin-left: auto;

    margin-right: auto;

}



.content__container .content__title{

    margin-top: 0;

    margin-bottom: 15px;

    margin-bottom: 1.5rem;

}



.content__container .content__sub-title{

    margin-top: 0;

    margin-bottom: 15px;

    margin-bottom: 1.5rem;

}



.content__container .content__copy{

    margin-top: 0;

}



.content__container .content__button{

    margin-top: 20px;

    margin-top: 2.0rem;

    margin-bottom: 0;

}



.content__container .content__button.video-open img{

    max-width: 96px;

    max-width: 9.6rem;

}



.opacity-overlay{

	position: absolute;

	width: 100%;

	height: 100%;

	top: 0;

	left: 0;

	background-color: rgba(0,0,0,0.4);

	z-index: 100;

}





/* Animate In */

.section__wrapper.animate{

/*    animation-name: fadeIn;

    animation-duration: 500ms;

    animation-delay: 0ms;

    -webkit-animation-fill-mode: both;

    animation-fill-mode: both;*/

}



/* Animate Out */

.section__wrapper{

/*    animation-name: fadeOut;

    animation-duration: 500ms;

    animation-delay: 0ms;

    -webkit-animation-fill-mode: both;

    animation-fill-mode: both;*/



    -webkit-backface-visibility: hidden;

    -webkit-perspective: 1000;

    backface-visibility: hidden;

    perspective: 1000; 



    transform: translate3d(0, 0, 0);

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

}



/* Animate In */

.section__wrapper.animate .opacity-overlay{

    animation-name: fadeIn;

    animation-duration: 500ms;

    animation-delay: 200ms;

    -webkit-animation-fill-mode: both;

    animation-fill-mode: both;

}



/* Animate Out */

.section__wrapper .opacity-overlay{

    animation-name: fadeOut;

    animation-duration: 500ms;

    animation-delay: 600ms;

    -webkit-animation-fill-mode: both;

    animation-fill-mode: both;

}



/* Animate In */

.waypoint.animate .waypoint__element{

	animation-name: fadeUpSmall;

    animation-duration: 500ms;

    animation-delay: 300ms;

    -webkit-animation-fill-mode: both;

  	animation-fill-mode: both;	

    visibility: visible;

}



/* Animate Out */

.waypoint .waypoint__element{

    animation-name: fadeDownSmall;

    animation-duration: 500ms;

    animation-delay: 500ms;

    -webkit-animation-fill-mode: both;

    animation-fill-mode: both; 



    -webkit-backface-visibility: hidden;

    -webkit-perspective: 1000;

    backface-visibility: hidden;

    perspective: 1000; 

    visibility: hidden;

}





.waypoint.animate .waypoint__element:nth-child(1){

    -webkit-animation-delay: 100ms;

    animation-delay: 100ms;

}



.waypoint .waypoint__element:nth-child(1){

    -webkit-animation-delay: 1000ms;

    animation-delay: 1000ms;

}





.waypoint.animate .waypoint__element:nth-child(2){

    -webkit-animation-delay: 200ms;

    animation-delay: 200ms;

}



.waypoint .waypoint__element:nth-child(2){

    -webkit-animation-delay: 900ms;

    animation-delay: 900ms;

}





.waypoint.animate .waypoint__element:nth-child(3){

    -webkit-animation-delay: 300ms;

    animation-delay: 300ms;

}



.waypoint .waypoint__element:nth-child(3){

    -webkit-animation-delay: 800ms;

    animation-delay: 800ms;

}





.waypoint.animate .waypoint__element:nth-child(4){

    -webkit-animation-delay: 400ms;

    animation-delay: 400ms;

}



.waypoint .waypoint__element:nth-child(4){

    -webkit-animation-delay: 700ms;

    animation-delay: 700ms;

}





.waypoint.animate .waypoint__element:nth-child(5){

    -webkit-animation-delay: 500ms;

    animation-delay: 500ms;

}



.waypoint .waypoint__element:nth-child(5){

    -webkit-animation-delay: 600ms;

    animation-delay: 600ms;

}





.waypoint.animate .waypoint__element:nth-child(6){

    -webkit-animation-delay: 600ms;

    animation-delay: 600ms;

}



.waypoint .waypoint__element:nth-child(6){

    -webkit-animation-delay: 500ms;

    animation-delay: 500ms;

}



.waypoint.animate .waypoint__element:nth-child(7){

    -webkit-animation-delay: 700ms;

    animation-delay: 700ms;

}



.waypoint .waypoint__element:nth-child(7){

    -webkit-animation-delay: 400ms;

    animation-delay: 400ms;

}





.waypoint.animate .waypoint__element:nth-child(8){

    -webkit-animation-delay: 800ms;

    animation-delay: 800ms;

}



.waypoint .waypoint__element:nth-child(8){

    -webkit-animation-delay: 300ms;

    animation-delay: 300ms;

}



.waypoint.animate .waypoint__element:nth-child(9){

    -webkit-animation-delay: 900ms;

    animation-delay: 900ms;

}



.waypoint .waypoint__element:nth-child(9){

    -webkit-animation-delay: 200ms;

    animation-delay: 200ms;

}





.waypoint.animate .waypoint__element:nth-child(10){

    -webkit-animation-delay: 1000ms;

    animation-delay: 1000ms;

}



.waypoint .waypoint__element:nth-child(10){

    -webkit-animation-delay: 100ms;

    animation-delay: 100ms;

}







.waypoint.animate .waypoint__element.waypoint__element--inline{

    -webkit-animation-delay: 0ms !important;

    animation-delay: 0ms !important;

}



/* ------ Hero Image -------- */



.section__wrapper.section__wrapper--heroimg{

    margin-bottom: 60px;

    margin-bottom: 6.0rem;

}



.section__wrapper--heroimg .content__container .content__title, .section__wrapper--heroimg .content__container .content__copy,.section__wrapper--heroimg .content__container .content__sub-title{

    text-shadow: 1px 2px 2px rgba(0, 0, 0, 0.7);

}



.section__wrapper--heroimg .content__container .content__button{

    -webkit-box-shadow: 0 1px 4px rgba(0,0,0,0.4);

    -moz-box-shadow: 0 1px 4px rgba(0,0,0,0.4);

    -o-box-shadow: 0 1px 4px rgba(0,0,0,0.4);

    box-shadow: 0 1px 4px rgba(0,0,0,0.4);

}



.section__wrapper--heroimg .content__container{

    color: white;

}



.section__wrapper--heroimg.full-height{

    height: calc(100vh);

}



.section__wrapper--heroimg.full-height .content__wrapper{

        position: absolute !important;

        top: 50%;

        -webkit-transform: translate3d(0, -50%, 0);

        -moz-transform: translate3d(0, -50%, 0);

        -ms-transform: translate3d(0, -50%, 0);

        -o-transform: translate3d(0, -50%, 0);

        transform: translate3d(0, -50%, 0);

}



.section__wrapper--heroimg.standard-height{

    padding: 200px 0 100px 0;

    padding: 20.0rem 0 10.0rem 0;

}





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





.section__wrapper .content__container .page__title{

    padding-top: 24%;

    position: relative;

    display: inline-block;

    letter-spacing: 1px;

    font-size: 45px;

    font-size: 4.5rem;

    line-height: 48px;

    line-height: 4.8rem;

}



.section__wrapper.animate .content__container .page__title:after{

    animation-name: underlineIn;

    animation-duration: 500ms;

    animation-delay: 600ms;

    -webkit-animation-fill-mode: both;

    animation-fill-mode: both;  

}



.section__wrapper .content__container .page__title:after{

    content: '';

    height: 8px;

    height: 0.8rem;

    background-color: #D71920;

    width: 100%;

    position: absolute;

    left: 0;

    bottom: -12px;

    bottom: -1.2rem;

    transform-origin: left;



    animation-name: underlineOut;

    animation-duration: 500ms;

    animation-delay: 0ms;

    -webkit-animation-fill-mode: both;

    animation-fill-mode: both;  



}







/*Hero slider Styles*/



.base-theme .cd-hero-slider{

    list-style: none;

    padding: 0;

    margin: 0;

}



.base-theme .cd-hero-slider .cd-full-width, .base-theme .cd-hero-slider .cd-half-width{

    position: relative;

    height: auto;

    padding: 0;

}



.base-theme .cd-hero-slider .cd-half-width.cd-half-left{

    text-align: left;

}



.base-theme .cd-hero-slider .cd-half-width.cd-half-right{

    text-align: right;

}



.base-theme .cd-full-width{

    z-index: 400 !important;

}



.base-theme .cd-nav-container{

    position: absolute;

    top: 50%;

    transform: translate3d(0, -50%, 0);

    z-index: 300;

    width: 100%;

}



.base-theme .cd-nav-container .cd-next{

    position: absolute;

    right: 5%;

}



.base-theme .cd-nav-container .cd-next a{

    color: white;

    font-size: 20px;

    font-size: 2.0rem;

}



.base-theme .cd-nav-container .cd-prev{

    position: absolute;

    left: 5%;

}



.base-theme .cd-nav-container .cd-prev a{

    color: white;

    font-size: 20px;

    font-size: 2.0rem;

}



.base-theme .cd-slider-nav{

    height: 25px;

    width: auto;

    left: 50%;

    -webkit-transform: translate3d(-50%, 0, 0);

    -moz-transform: translate3d(-50%, 0, 0);

    -ms-transform: translate3d(-50%, 0, 0);

    -o-transform: translate3d(-50%, 0, 0);

    transform: translate3d(-50%, 0, 0);

    margin-bottom: 20px;

    background-color: transparent;



}



.base-theme .cd-slider-nav nav ul{

    list-style: none;

    padding: 0;

    margin: 0;

}



.base-theme .cd-slider-nav .cd-marker, .base-theme .cd-slider-nav li{

    width: 25px;

}



.base-theme .cd-slider-nav a{

    background-color: white;

    padding: 0;

    height: 7px;

    width: 7px;

    border-radius: 50%;

    margin-left: auto;

    margin-right: auto;

    top: 49%;

    -webkit-transform: translate3d(0, -50%, 0);

    -moz-transform: translate3d(0, -50%, 0);

    -ms-transform: translate3d(0, -50%, 0);

    -o-transform: translate3d(0, -50%, 0);

    transform: translate3d(0, -50%, 0);

}



.base-theme .cd-slider-nav li.selected a{

    background-color: white;

}



.base-theme .cd-slider-nav .cd-marker{

    color: #fd8400;

    background-color: transparent;

    -webkit-box-shadow: 0 1px 4px rgba(0,0,0,0.4);

    -moz-box-shadow: 0 1px 4px rgba(0,0,0,0.4);

    -o-box-shadow: 0 1px 4px rgba(0,0,0,0.4);

    box-shadow: 0 1px 4px rgba(0,0,0,0.4);

    border-radius: 50%;

    border: 2px solid white;

}



.base-theme .cd-slider-nav li.selected a:hover{

    background-color: #f5aa58 !important;

}



.base-theme .cd-slider-nav li a:hover{

    background-color: #f5aa58 !important;

}







/* ------ Alternate Image and Content -------- */





.content__flex-wrapper{

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

}







.content__flex-wrapper .column{

    padding: 0;

}

.content__image-container{

    height: 100%;

}



_::-webkit-:not(:root:root), .content__image-container {



  position: absolute;

  width: 100%;



}





.section__wrapper--alternate .content__container{

    max-width: 70%;

    position: relative;

    margin-left: auto;

    margin-right: auto;

    padding-top: 15%;

    padding-bottom: 15%;

}



.section__wrapper.animate .content__flex-wrapper--odd .content__image-container{

    animation-name: fadeIn;

    animation-duration: 500ms;

    animation-delay: 0ms;

    -webkit-animation-fill-mode: both;

    animation-fill-mode: both;

}



.section__wrapper .content__flex-wrapper--odd .content__image-container{

    animation-name: fadeOut;

    animation-duration: 500ms;

    animation-delay: 200ms;

    -webkit-animation-fill-mode: both;

    animation-fill-mode: both;

}



.section__wrapper.animate .content__flex-wrapper--odd .column{

    background-color: #F2F2F2;

}



.section__wrapper.animate .content__flex-wrapper--odd .content__image-container .image-container__triangle{

    width: 0;

    height: 0;

    border-top: 30px solid transparent;

    border-bottom: 30px solid transparent;

    border-right: 30px solid #F2F2F2;

    right: 0;

    position: absolute;

    top: 50%;

    transform: translate3d(0, -50%,0);

}



.section__wrapper.animate .content__flex-wrapper--even .content__image-container .image-container__triangle{

    width: 0;

    height: 0;

    border-top: 30px solid transparent;

    border-bottom: 30px solid transparent;

    border-left: 30px solid white;

    left: 0;

    position: absolute;

    top: 50%;

    transform: translate3d(0, -50%,0);

}



.section__wrapper.animate .content__flex-wrapper--odd .content__container .content__logo{



    animation-delay: 100ms;



}

.section__wrapper .content__flex-wrapper--odd .content__container .content__logo{



    animation-delay: 100ms;



}



.section__wrapper.animate .content__flex-wrapper--odd .content__container .content__title{



    animation-delay: 100ms;



}

.section__wrapper .content__flex-wrapper--odd .content__container .content__title{



    animation-delay: 100ms;



}



.section__wrapper.animate .content__flex-wrapper--odd .content__container .content__copy{



    animation-delay: 200ms;



}

.section__wrapper .content__flex-wrapper--odd .content__container .content__copy{



    animation-delay: 0ms;



}



.section__wrapper.animate .content__flex-wrapper--odd .content__container .content__button{



    animation-delay: 200ms;



}

.section__wrapper .content__flex-wrapper--odd .content__container .content__button{



    animation-delay: 0ms;



}





.section__wrapper.animate .content__flex-wrapper--even .content__container .content__logo{



    animation-delay: 0ms;



}

.section__wrapper .content__flex-wrapper--even .content__container .content__logo{



    animation-delay: 200ms;



}





.section__wrapper.animate .content__flex-wrapper--even .content__container .content__title{



    animation-delay: 0ms;



}

.section__wrapper .content__flex-wrapper--even .content__container .content__title{



    animation-delay: 200ms;



}



.section__wrapper.animate .content__flex-wrapper--even .content__container .content__copy{



    animation-delay: 100ms;



}

.section__wrapper .content__flex-wrapper--even .content__container .content__copy{



    animation-delay: 100ms;



}



.section__wrapper.animate .content__flex-wrapper--even .content__container .content__button{



    animation-delay: 100ms;



}

.section__wrapper .content__flex-wrapper--even .content__container .content__button{



    animation-delay: 100ms;



}



.section__wrapper.animate .content__flex-wrapper--even .content__image-container{

    animation-name: fadeIn;

    animation-duration: 500ms;

    animation-delay: 200ms;

    -webkit-animation-fill-mode: both;

    animation-fill-mode: both;

}

.section__wrapper .content__flex-wrapper--even .content__image-container{

    animation-name: fadeOut;

    animation-duration: 500ms;

    animation-delay: 0ms;

    -webkit-animation-fill-mode: both;

    animation-fill-mode: both;

}



/*------------------------------------*\

    PAGES

\*------------------------------------*/







/*------------------------------------*\

    IMAGES

\*------------------------------------*/





/*------------------------------------*\

    QUICK LINKS BAR

\*------------------------------------*/



.section__wrapper--quick-scroll-bar{

    background-color: #F2F2F2;

    padding-top: 10px;

    padding-top: 1.0rem;

    padding-bottom: 10px;

    padding-bottom: 1.0rem;

}



.section__wrapper--quick-scroll-bar .row{

    padding-top: 0;

    padding-bottom: 0;

}



.section__wrapper--quick-scroll-bar .quick-scroll__container{

    text-align: center;



}



.section__wrapper--quick-scroll-bar .quick-scroll__container .button{

    display: inline-block;

    margin: 5px;

    margin: 0.5rem;



}



.section__wrapper--quick-scroll-bar .quick-scroll__container .button:first-child{

    margin-left: 0;

}



.section__wrapper--quick-scroll-bar .quick-scroll__container .button:last-child{

    margin-right: 0;

}



/*------------------------------------*\

    GOOGLE MAPS CONTACT

\*------------------------------------*/

.section__wrapper--google-map-contact .acf-map{

    padding-top: 45%;

}



.section__wrapper--google-map-contact .map-overlay__container{

    padding: 30px 60px;

    padding: 3.0rem 6.0rem;

    background-color: white;

    position: absolute;

    top: 50%;

    -webkit-transform: translate3d(0, -50%, 0);

    transform: translate3d(0, -50%, 0);

    right: 0;

    margin-right: 70px;

    margin-right: 7.0rem;



}



.section__wrapper--google-map-contact .map-overlay__container .content__copy :last-child{

    margin-bottom: 0;

}





/*------------------------------------*\

    POST LOOP

\*------------------------------------*/



.section__wrapper.section__wrapper--post-grid{}



.section__wrapper.section__wrapper--post-grid .post-grid{

    margin-bottom: 20px;

    margin-bottom: 2.0rem;

}



.thumbnail__wrapper{

    padding-top: 68%;

    position: relative;

}



.thumbnail__wrapper .thumbnail__container {

    position: absolute;

    left: 0;

    bottom: 0;

    padding: 15px;

    padding: 1.5rem;

    

}



.thumbnail__wrapper .thumbnail__container .page__title{

    color: white;

    text-shadow: 1px 2px 2px rgba(0, 0, 0, 0.7);

    text-transform: uppercase;

    font-size: 20px;

    font-size: 2.0rem;

    line-height: 28px;

    line-height: 2.8rem;



}



.pagination{

    margin-top: 60px;

    margin-top: 6.0rem;

    padding: 15px;

    padding: 1.5rem;

    border-top: 1px solid #979797;

    border-bottom: 1px solid #979797;

}



.pagination .page-numbers{

    padding: 10px;

    padding: 1.0rem;

/*    margin: 0 5px;

    margin: 0 0.5rem;*/

    font-size: 20px;

    font-size: 2.0rem;

    vertical-align: middle;

}



.pagination .page-numbers.current{

    background-color: #D71920;

    color: white;



}



.pagination .page-numbers.next{

    font-family: 'FontAwesome';

    background-color: #F2F2F2;

    font-size: 2.4rem;

    padding: 10px 15px;

    padding: 1.0rem 1.5rem;

    margin-left: 15px;

    margin-left: 1.5rem;

}



.pagination .page-numbers.prev{

    font-family: 'FontAwesome';

    background-color: #6d6e70;

    color: white;

    font-size: 2.4rem;

    padding: 10px 15px;

    padding: 1.0rem 1.5rem;

    margin-right: 15px;

    margin-right: 1.5rem;

}



/*Index Page Styles*/



.post__excerpt{

    margin: 15px 0;

    margin: 1.5rem 0;

}



.post__excerpt .content__title{

    margin-bottom: 10px;

    margin-bottom: 1.0rem;

}



.post__excerpt .content__copy{

    margin-bottom: 15px;

    margin-bottom: 1.5rem;

}



/*Special Styles*/



/*------------------------------------*\

    SEARCH BAR

\*------------------------------------*/



.Grits .search__container{

    background-color: #F2F2F2;

    padding: 15px;

    padding: 1.5rem;

}



.Grits .search__container input{

    font-family: 'Lato', sans-serif;

    font-size: 16px;

    font-size: 1.6rem;

    line-height: 16px;

    line-height: 1.6rem;

    padding: 10px;

    padding: 1.0rem;

    color: #6d6e70;

    border: none;

    width: calc(100% - 56px);



}



.Grits .search__container button{

    -webkit-appearance: none;

    -moz-appearance: none;

    -ms-appearance: none;

    appearance: none;

    background-color: #D71920;

    padding: 10px;

    padding: 1.0rem;

    border: none;

    margin-left: -4px;

}



.Grits .search__container button:hover{

    background-color: #8b0304;

    color: white;

}



.Grits .search__container button:focus{

    outline: none;

}



.Grits .search__container button i{

    color: white;

    font-size: 16px;

    font-size: 1.6rem;

}



.Grits .search__container input:focus{

    outline: none;

}



label.screen-reader-text {

  display:none;

}



.Grits ::-webkit-input-placeholder{

    color: #6d6e70 !important;

    opacity: 1;

}

.Grits :-webkit-input-placeholder{

    color: #6d6e70 !important;

    opacity: 1;

}



.Grits ::-moz-placeholder{

    color: #6d6e70 !important;

    opacity: 1;

}



.Grits :-ms-input-placeholder{

    color: #6d6e70 !important;

    opacity: 1;

}



.Grits ::-moz-placeholder{

    color: #6d6e70 !important;

    opacity: 1;

}   



.Grits :-moz-placeholder{

    color: #6d6e70 !important;

    opacity: 1;

}



/*------------------------------------*\

    POSTS PAGE

\*------------------------------------*/

/*main.blog-page .content__container{

    padding: 30px;

    padding: 3.0rem;

}*/



/*------------------------------------*\

    POST SINGLE

\*------------------------------------*/



.section__wrapper.section__wrapper--blog-single, .search-results .section__wrapper:first-child, .archive  .section__wrapper:first-child, .category  .section__wrapper:first-child{

    padding-top: 60px;

    padding-top: 6.0rem;



}



.content__date{

    margin-bottom: 30px;

    margin-bottom: 3.0rem;

}



/*------------------------------------*\

    SPECIFIC CUSTOMIZATIONS

\*------------------------------------*/

.content__copy ul{

    margin-top: 0;

    padding-left: 17px;

    padding-left: 1.7rem;

}



.two-column-list{

    column-count: 2;

}



.content-box .content__container{

    padding: 30px;

    padding: 3.0rem;

}



.content-box.content-box--white-bg .content__container{

    background-color: rgba(255, 255, 255, 0.9);

    border-radius: 5px;





}



.content-box--white-bg .content__container *{

    color: #6d6e70;

    text-shadow: none !important;

}





.content-box.content-box--grey-bg .content__container{

    background-color: #F2F2F2;

}



.collapse-bottom {

    margin-bottom: 0 !important;

}







/*------------------------------------*\

    RESPONSIVE

\*------------------------------------*/

@media only screen and (-webkit-min-device-pixel-ratio:1.5),

       only screen and (max-resolution:144dpi) {



}

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



}

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



}

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



}

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

    main{

        padding-top: 55px;

    }



/*    .wrapper{

        padding-bottom: 502px;

    }*/



}





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

    .header .row{

        padding-top: 20px;

        padding-top: 2.0rem;

        padding-bottom: 20px;

        padding-bottom: 2.0rem;

    }



    .section__wrapper.section__wrapper--heroimg{

        margin-bottom: 20px;

        margin-bottom: 2rem;

    }



    hr{

        margin: 30px 0;

        margin: 3rem 0;

    }

    .mobile-menu__wrapper{

        visibility: visible;

    }



    .Grits .content__form .nf-form-cont .form__element.form__element--half{

        width: 100%;

    }



    .Grits .content__form .nf-form-cont nf-field:nth-child(odd) .form__element.form__element--half{

        padding-right: 0;

    }



    .Grits .content__form .nf-form-cont nf-field:nth-child(even) .form__element.form__element--half{

        padding-left: 0;

    }





}



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

/*    .wrapper{

        padding-bottom: 438px;

    }*/

}



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

/*    .wrapper {

        padding-bottom: 549px;

    }*/





    .header .column{

        margin-bottom: 0;

    }



    .content__flex-wrapper{

        display: inline-block;

        width: 100%;

    }



    .content__flex-wrapper .content__image-container{

        padding-top: 70%;

    }



    .content__flex-wrapper .column{

        margin-bottom: 0;

    }



    .section__wrapper--quick-scroll-bar .column{

        margin-bottom: 0;

    }

    

    .section__wrapper.animate .content__flex-wrapper--odd .content__image-container .image-container__triangle {

        width: 0;

        height: 0;

        border-top: 30px solid transparent;

        border-bottom: 30px solid #F2F2F2;

        border-right: 30px solid transparent;

        border-left: 30px solid transparent;

        right: 50%;

        top: initial;

        transform: translate3d(50%, 0,0);

        bottom: 0;

    }



    .section__wrapper.animate .content__flex-wrapper--even .content__image-container .image-container__triangle {

        width: 0;

        height: 0;

        border-top: 30px solid transparent;

        border-bottom: 30px solid white;

        border-right: 30px solid transparent;

        border-left: 30px solid transparent;

        left: 50%;

        top: initial;

        transform: translate3d(-50%, 0,0);

        bottom: 0;

    }



    .section__wrapper .content__container .page__title{

        font-size: 40px;

        font-size: 4.0rem;

        line-height: 40px;

        line-height: 4.0rem;

    }





    .thumbnail__wrapper .thumbnail__container .page__title{



        font-size: 20px;

        font-size: 2.0rem;

        line-height: 28px;

        line-height: 2.8rem;

    }



    .section__wrapper.section__wrapper--heroimg{

        margin-bottom: 0;

    }



    .section__wrapper.section__wrapper--heroimg .column{

        margin-bottom: 0;

    }



    .section__wrapper.section__wrapper--footer-newsletter .column{

        margin-bottom: 0;

    }



    .section__wrapper.section__wrapper--footer-social-credits .column{

        margin-bottom: 0;

    }



    .footer-social-credits .content__social-container{

        text-align: center;

        margin-top: 20px;

        margin-top: 2.0rem

    }



    .content__credits-container{

        text-align: center;

    }



    .section__wrapper--google-map-contact .map-overlay__container{

        position: relative;

        padding: 30px;

        padding: 3.0rem;

        background-color: #F2F2F2;

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

        transform: translate3d(0, 0, 0);

        top: initial;

        -webkit-box-shadow: none;

        -moz-box-shadow: none;

        -o-box-shadow: none;

        box-shadow: none;

        margin-right: 0;

    }



    _::-webkit-:not(:root:root), .content__image-container {



      position: relative;

      width: 100%;



    }



}







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



}



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

/*    .wrapper {

        padding-bottom: 564px;

    }*/

}



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

/*    .wrapper {

        padding-bottom: 583px;

    }*/

}



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



}















/*------------------------------------*\

    MISC

\*------------------------------------*/



::selection {

	background:#04A4CC;

	color:#FFF;

	text-shadow:none;

}

::-webkit-selection {

	background:#04A4CC;

	color:#FFF;

	text-shadow:none;

}

::-moz-selection {

	background:#04A4CC;

	color:#FFF;

	text-shadow:none;

}



/*------------------------------------*\

    WORDPRESS CORE

\*------------------------------------*/



.alignnone {

	margin:5px 20px 20px 0;

}

.aligncenter,

div.aligncenter {

	display:block;

	margin:5px auto 5px auto;

}

.alignright {

	float:right;

	margin:5px 0 20px 20px;

}

.alignleft {

	float:left;

	margin:5px 20px 20px 0;

}

a img.alignright {

	float:right;

	margin:5px 0 20px 20px;

}

a img.alignnone {

	margin:5px 20px 20px 0;

}

a img.alignleft {

	float:left;

	margin:5px 20px 20px 0;

}

a img.aligncenter {

	display:block;

	margin-left:auto;

	margin-right:auto;

}

.wp-caption {

	background:#FFF;

	border:1px solid #F0F0F0;

	max-width:96%;

	padding:5px 3px 10px;

	text-align:center;

}

.wp-caption.alignnone {

	margin:5px 20px 20px 0;

}

.wp-caption.alignleft {

	margin:5px 20px 20px 0;

}

.wp-caption.alignright {

	margin:5px 0 20px 20px;

}

.wp-caption img {

	border:0 none;

	height:auto;

	margin:0;

	max-width:98.5%;

	padding:0;

	width:auto;

}

.wp-caption .wp-caption-text,

.gallery-caption {

	font-size:11px;

	line-height:17px;

	margin:0;

	padding:0 4px 5px;

}

.sticky {



}

.bypostauthor {



}



/*------------------------------------*\

    PRINT

\*------------------------------------*/



@media print {

	* {

		background:transparent !important;

		color:#000 !important;

		box-shadow:none !important;

		text-shadow:none !important;

	}

	a,

	a:visited {

		text-decoration:underline;

	}

	a[href]:after {

		content:" (" attr(href) ")";

	}

	abbr[title]:after {

		content:" (" attr(title) ")";

	}

	.ir a:after,

	a[href^="javascript:"]:after,

	a[href^="#"]:after {

		content:"";

	}

	pre,blockquote {

		border:1px solid #999;

		page-break-inside:avoid;

	}

	thead {

		display:table-header-group;

	}

	tr,img {

		page-break-inside:avoid;

	}

	img {

		max-width:100% !important;

	}

	@page {

		margin:0.5cm;

	}

	p,

	h2,

	h3 {

		orphans:3;

		widows:3;

	}

	h2,

	h3 {

		page-break-after:avoid;

	}

}





/*------------------------------------*\

    CONSTRUCTION

\*------------------------------------*/



div.page-id-422 header {

    display: none;

}



div.page-id-422 .wrapper {

    animation-delay: 0ms;

}



div.page-id-422 footer {

    display: none;

}



div.page-id-422 main {

    padding-top: 10px;

}