/*   
Theme Name: Foundation Title Theme
Theme URI: http://www.ftnj.com
Description: Custom designed and developed theme for Foundation Title.
Version: 2.0
Text Domain: Foundation Title
Author: William Pyle / Commexis
Author URI: http://www.commexis.com
*/
* { margin: 0; padding: 0; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; }

html { height: 100%; }

body { font-family: 'Raleway', Arial, sans-serif; font-size: 16px; color: #726867; background-color: #fff; height: 100%; letter-spacing: 1px; font-variant-numeric: lining-nums; -ms-font-feature-settings: "lnum" 1; -o-font-feature-settings: "lnum" 1; -webkit-font-feature-settings: "lnum" 1; font-feature-settings: "lnum" 1; }

.screen-reader-text { position: absolute; left: -9999px; top: -9999px; }

* html .group, *:first-child + html .group { zoom: 1; }

/* ==========================================
 MISC
========================================== */
.show-screen { display: block; }

.hide-screen { display: none; }

a.post-edit-link { color: #212121; position: absolute; top: 1px; right: 0; font-size: 12px; text-decoration: none; padding-top: 5px; }

a.post-edit-link:hover { text-decoration: underline; }

::selection { background: #f55608; color: #fff; }

::-moz-selection { background: #f55608; color: #fff; }

.alignleft { float: left; margin: 10px 10px 10px 0; }

.alignright { float: right; margin: 10px 0 10px 10px; }

.aligncenter { text-align: center; }

img.aligncenter { float: none; margin: 0 auto; display: block; }

/* ==========================================
 COLUMNS
========================================== */
.cols:after, .clear:after { content: ""; display: table; clear: both; }

[class*='col-'] { float: left; display: table; position: relative; }

.col-left { float: left; }

.col-right { float: right; }

.cols .padded { display: block; }

/*  2 Columns  */
.col-1-2 { width: 50%; }

/* to add padding */
.col-1-2.padded { width: 49%; }

.col-1-2.padded.first { margin-right: 1%; }

.col-1-2.padded.last { margin-left: 1%; }

/*  3 Columns  */
.col-1-3 { width: 33.33%; }

.col-2-3 { width: 66.66%; }

.col-1-3.padded.first { padding: 0 3% 0 0; }

.col-1-3.padded { padding: 0 3%; }

.col-1-3.padded.last { padding: 0 0 0 3%; }

.col-1-3.margin.first { margin: 0 2% 0 0; }

.col-1-3.margin { margin: 0 0%; }

.col-1-3.margin.last { margin: 0 0 0 2%; }

/*  4 Columns  */
.col-1-4 { width: 25%; }

.col-2-4 { width: 50%; }

.col-3-4 { width: 75%; }

.col-1-4.padded.first { padding: 0 1% 0 0; }

.col-1-4.padded { padding: 0 1%; }

.col-1-4.padded.last { padding: 0 0 0 1%; }

.col-3-4.padded { padding: 0 1%; }

/*  5 Columns  */
.col-1-5 { width: 20%; }

.col-2-5 { width: 40%; }

.col-3-5 { width: 60%; }

.col-4-5 { width: 80%; }

/* to add padding */
.col-1-5.padded { padding: 0 0.4%; }

.col-1-5.padded.first { padding: 0 0.4% 0 0; }

.col-1-5.padded.last { padding: 0 0 0 0.4%; }

/*  6 Columns  */
.col-1-6 { width: 16.66%; }

.col-2-6 { width: 33.33%; }

.col-3-6 { width: 50%; }

.col-4-6 { width: 66.66%; }

.col-5-6 { width: 83.33%; }

/*  8 Columns  */
.col-1-8 { width: 12.5%; }

.col-2-8 { width: 25%; }

.col-3-8 { width: 37.5%; }

.col-4-8 { width: 50%; }

.col-5-8 { width: 62.5%; }

.col-6-8 { width: 75%; }

.col-7-8 { width: 87.5%; }

/*  10 Columns  */
.col-1-10 { width: 10%; }

.col-2-10 { width: 20%; }

.col-3-10 { width: 30%; }

.col-4-10 { width: 40%; }

.col-5-10 { width: 50%; }

.col-6-10 { width: 60%; }

.col-7-10 { width: 70%; }

.col-8-10 { width: 80%; }

.col-9-10 { width: 90%; }

/*  11 Columns  */
.col-1-11 { width: 10%; }

.col-2-11 { width: 20%; }

.col-3-11 { width: 30%; }

.col-4-11 { width: 40%; }

.col-5-11 { width: 50%; }

.col-6-11 { width: 54.5454%; }

.col-7-11 { width: 70%; }

.col-8-11 { width: 80%; }

.col-9-11 { width: 90%; }

.col-10-11 { width: 90%; }

/*  Missing 5%s  */
.col-05 { width: 5%; }

.col-15 { width: 15%; }

.col-35 { width: 35%; }

.col-45 { width: 45%; }

.col-55 { width: 55%; }

.col-65 { width: 65%; }

.col-85 { width: 85%; }

.col-95 { width: 95%; }

/*custom*/
/* ==========================================
 WIDTH
========================================== */
.width-50 { width: 50%; }

.width-25 { width: 25%; }

.width-100 { width: 100%; }

/* ==========================================
 PADDING
========================================== */
.pad-top-5 { padding-top: 5px; }

.pad-top-10 { padding-top: 10px; }

.pad-top-15 { padding-top: 15px; }

.pad-top-20 { padding-top: 20px; }

.pad-top-25 { padding-top: 25px; }

.pad-top-30 { padding-top: 30px; }

.pad-top-40 { padding-top: 40px; }

.pad-top-50 { padding-top: 50px; }

.pad-top-60 { padding-top: 60px; }

.pad-top-70 { padding-top: 70px; }

.pad-top-80 { padding-top: 80px; }

.pad-top-90 { padding-top: 90px; }

.pad-top-100 { padding-top: 100px; }

.pad-bottom-5 { padding-bottom: 5px; }

.pad-bottom-10 { padding-bottom: 10px; }

.pad-bottom-15 { padding-bottom: 15px; }

.pad-bottom-20 { padding-bottom: 20px; }

.pad-bottom-25 { padding-bottom: 25px; }

.pad-bottom-30 { padding-bottom: 30px; }

.pad-bottom-40 { padding-bottom: 40px; }

.pad-bottom-50 { padding-bottom: 50px; }

.pad-bottom-60 { padding-bottom: 60px; }

.pad-bottom-70 { padding-bottom: 70px; }

.pad-bottom-80 { padding-bottom: 80px; }

.pad-bottom-90 { padding-bottom: 90px; }

.pad-bottom-100 { padding-bottom: 100px; }

.pad-left-5 { padding-left: 5px; }

.pad-left-10 { padding-left: 10px; }

.pad-left-15 { padding-left: 15px; }

.pad-left-20 { padding-left: 20px; }

.pad-left-25 { padding-left: 25px; }

.pad-left-30 { padding-left: 30px; }

.pad-left-40 { padding-left: 40px; }

.pad-left-50 { padding-left: 50px; }

.pad-right-5 { padding-right: 5px; }

.pad-right-10 { padding-right: 10px; }

.pad-right-15 { padding-right: 15px; }

.pad-right-20 { padding-right: 20px; }

.pad-right-25 { padding-right: 25px; }

.pad-right-30 { padding-right: 30px; }

.pad-right-40 { padding-right: 40px; }

.pad-right-50 { padding-right: 50px; }

.pad-right-60 { padding-right: 60px; }

.pad-right-70 { padding-right: 70px; }

.pad-right-100 { padding-right: 100px; }

.pad-sides-10 { padding-left: 10px; padding-right: 10px; }

.pad-sides-15 { padding-left: 15px; padding-right: 15px; }

/* ==========================================
 MARGIN
========================================== */
.marg-auto { margin: 0 auto; }

.marg-0 { margin: 0; }

.marg-top-5 { margin-top: 5px; }

.marg-top-10 { margin-top: 10px; }

.marg-top-15 { margin-top: 15px; }

.marg-top-20 { margin-top: 20px; }

.marg-top-25 { margin-top: 25px; }

.marg-top-30 { margin-top: 30px; }

.marg-top-40 { margin-top: 40px; }

.marg-top-50 { margin-top: 50px; }

.marg-bottom-0 { margin-bottom: 0px !important; }

.marg-bottom-5 { margin-bottom: 5px; }

.marg-bottom-10 { margin-bottom: 10px; }

.marg-bottom-15 { margin-bottom: 15px; }

.marg-bottom-20 { margin-bottom: 20px; }

.marg-bottom-25 { margin-bottom: 25px; }

.marg-bottom-30 { margin-bottom: 30px; }

.marg-bottom-40 { margin-bottom: 40px; }

.marg-bottom-50 { margin-bottom: 50px; }

.marg-left-10 { margin-left: 10px; }

.marg-left-15 { margin-left: 15px; }

.marg-left-50 { margin-left: 50px; }

.marg-right-10 { margin-right: 10px; }

.marg-right-15 { margin-right: 15px; }

.marg-right-50 { margin-right: 50px; }

/* ==========================================
 FONTS
========================================== */
.font-bold { font-weight: bold; }

.font-lighter { font-weight: lighter; }

.font-weight-100 { font-weight: 100; }

.font-weight-300 { font-weight: 300; }

.font-weight-400 { font-weight: 400; }

.font-weight-600 { font-weight: 600; }

.font-weight-700 { font-weight: 700; }

.font-weight-800 { font-weight: 800; }

.font-12 { font-size: 12px; }

.font-13 { font-size: 13px; }

.font-14 { font-size: 14px; }

.font-15 { font-size: 15px; }

.font-16 { font-size: 16px; }

.font-18 { font-size: 18px; }

.font-20 { font-size: 20px; }

.font-22 { font-size: 22px; }

.font-24 { font-size: 24px; }

.font-26 { font-size: 26px; }

.font-28 { font-size: 28px; }

.font-30 { font-size: 30px; }

.font-33 { font-size: 33px; }

.font-36 { font-size: 36px; }

.font-40 { font-size: 40px; }

.font-44 { font-size: 44px; }

.font-48 { font-size: 48px; }

.font-65 { font-size: 65px; }

.font-black { color: #000; }

.font-white { color: #ffffff; }

/* ==========================================
 TEXT
========================================== */
.text-left { text-align: left; }

.text-center { text-align: center; }

.text-right { text-align: right; }

.text-justify { text-align: justify; }

.italic { font-style: italic; }

.line-height-1 { line-height: 1; }

.line-height-20 { line-height: 20px; }

.line-height-22 { line-height: 22px; }

.line-height-24 { line-height: 24px; }

.line-height-28 { line-height: 28px; }

.letter-spacing-5 { letter-spacing: .5px; }

.letter-spacing-1 { letter-spacing: 1px; }

.letter-spacing-125 { letter-spacing: 1.25px; }

.text-upper { text-transform: uppercase; }

.text-lower { text-transform: lowercase; }

.word-break { /* These are technically the same, but use both */ overflow-wrap: break-word; word-wrap: break-word; -ms-word-break: break-all; /* This is the dangerous one in WebKit, as it breaks things wherever */ word-break: break-all; /* Instead use this non-standard one: */ word-break: break-word; /* Adds a hyphen where the word breaks, if supported (No Blink) */ -ms-hyphens: auto; -moz-hyphens: auto; -webkit-hyphens: auto; hyphens: auto; }

/* ==========================================
 MISC
========================================== */
.float-left { float: left; }

.float-right { float: right; }

.bg-white { background-color: #fff; }

.bg-black { background-color: #1c1c1c; }

.bg-cover { background-size: cover; }

.bg-cover-center { background-size: cover; background-position: center center; }

.block { display: block; }

.inline-block { display: inline-block; }

.flush { margin: 0; padding: 0; }

.absolute { position: absolute; }

.relative { position: relative; }

.height-100 { height: 100%; }

.table { display: table; }

.table-fixed { table-layout: fixed; }

.v-center { display: table-cell; vertical-align: middle; }

/* ==========================================
 PAGE CONTAINERS
========================================== */
.inner-width { width: 1200px; }

.contact-width { width: 700px; }

@media screen and (max-width: 1220px) { .inner-width { width: 100%; padding-left: 20px; padding-right: 20px; } }

blockquote { background-color: #f1f7f9; padding: 20px 20px 20px 80px; margin-bottom: 15px; font-weight: 700; color: #35404f; letter-spacing: .75px; background-image: url("images/blockquote.png"); background-repeat: no-repeat; background-position: 10px 10px; }

.dk-grey-bg { background-color: #212121; }

.lt-grey-bg { background-color: #ededed; }

.red-bg { background-color: #d72323; }

.dk-red-bg { background-color: #a62103; }

.white-bg { background-color: #fff; }

.yellow-bg { background-color: #e8d9b4; }

.welcome-left { padding: 4% 8%; font-size: 32px; line-height: 50px; }

.testimonial-wrapper { padding: 4% 7%; font-size: 28px; line-height: 44px; }

@media screen and (max-width: 1200px) { .welcome-left { padding: 4%; font-size: 32px; line-height: 50px; } }

.welcome-right { padding: 40px 50px; }

.block-content { padding: 50px; }

@media screen and (max-width: 1200px) { .block-content { padding: 40px 25px; } }

.block-icon:after { content: ""; display: block; height: 5px; width: 60px; background-color: #ededed; margin: 20px auto 20px auto; }

ul.grey-blocks { list-style-type: none; }

ul.grey-blocks li { padding: 50px 10%; border: 1px solid transparent; }

ul.grey-blocks li:first-child { border-right: 1px solid #c9c9c9; border-bottom: 1px solid #c9c9c9; }

ul.grey-blocks li:last-child { border-left: 1px solid #c9c9c9; border-top: 1px solid #c9c9c9; margin-left: -1px; margin-top: -1px; }

.home-announce { padding-left: 100px; padding-right: 100px; }

@media screen and (max-width: 1150px) { .home-announce { padding-left: 50px; padding-right: 50px; } }

.hero-container { padding-top: 7%; padding-bottom: 7%; }

.popup-container { position: fixed; display: none; z-index: 102; color: #474747; text-shadow: none; width: 800px; padding: 20px; border-radius: 10px; }

.modal-overlay { background: rgba(0, 0, 0, 0.65) none repeat scroll 0 0; display: none; left: 0; overflow: hidden; position: fixed; top: 0; right: 0; bottom: 0; z-index: 101; width: 100%; height: 100%; }

.modal-overlay.block { display: block; }

.pop-close { top: -25px; right: 0; }

.popup-close { cursor: pointer; }

.under-wrapper { width: 30%; display: inline-block; vertical-align: top; }

#wistia_1517_socialbar { display: none !important; }

.hover-content { position: relative; top: 50%; transform: translateY(-50%); }

.iframe-wrapper-outer { width: 100%; display: block; overflow: hidden; }

.iframe-wrapper-inner { height: 0px; padding-bottom: 56.25%; padding-top: 25px; position: relative; }

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

/* ==========================================
 ALTERNATING BLOCKS
========================================== */
ul.alternating { list-style-type: none; }

ul.alternating li:nth-child(odd) .width-50 { float: left; }

ul.alternating li:nth-child(even) .width-50 { float: right; }

ul.alternating li:nth-child(odd) .width-50.content { padding-right: 30px; }

ul.alternating li:nth-child(even) .width-50.content { padding-left: 30px; }

ul.alternating li p { line-height: 26px; padding-bottom: 15px; }

ul.alternating li p:last-child { padding-bottom: 0; }

ul.alternating li h3, .contact-width h3 { font-size: 30px; padding-bottom: 15px; font-family: 'Varela Round', sans-serif; text-transform: uppercase; }

ul.alternating li p:last-child a { text-transform: uppercase; text-decoration: underline; font-weight: 700; }

ul.alternating li.red-bg, ul.alternating li.red-bg a:hover { color: #fff; }

ul.alternating li.red-bg a { color: #f9a0a0; }

ul.alternating li.white-bg h3, ul.alternating li.lt-grey-bg h3, ul.alternating li.white-bg a:hover, ul.alternating li.lt-grey-bg a:hover { color: #153d39; }

ul.alternating li.white-bg a, ul.alternating li.lt-grey-bg a { color: #919d9c; }

ul.alternating li.yellow-bg, ul.alternating li.yellow-bg a:hover { color: #6b5c45; }

ul.alternating li.yellow-bg a { color: #ad9774; }

/* ==========================================
 FONTS
========================================== */
.font-varela { font-family: 'Varela Round', sans-serif; }

.font-titilium { font-family: 'Titillium Web', sans-serif; }

.font-dk-grey { color: #153d39; }

.font-brown { color: #6b5c45; }

/* ==========================================
 HEADER
========================================== */
header { -webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.25); -moz-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.25); box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.25); }

header .above-nav-wrap { align-items: center; background-color: #d72323; color: #ffffff; display: flex; font-family: "Varela Round"; font-size: 15px; padding: 10px; width: 100%; }

@media screen and (max-width: 1100px) { header .above-nav-wrap { font-size: 13px; } }

@media screen and (max-width: 880px) { header .above-nav-wrap { display: block; text-align: center; } }

header .above-nav-wrap a { color: #ffffff; }

header .above-nav-wrap .left-content .social ul li { display: inline-block; float: none; padding-right: 0; }

@media screen and (max-width: 1000px) { header .above-nav-wrap .left-content { display: none; } }

header .above-nav-wrap .right-content { margin-left: auto; text-align: right; }

@media screen and (max-width: 880px) { header .above-nav-wrap .right-content { text-align: center; width: 100%; } }

header .above-nav-wrap .right-content .text-info, header .above-nav-wrap .right-content .cart-header, header .above-nav-wrap .right-content .button-wrap { display: inline-block; }

header .above-nav-wrap .right-content .text-info li, header .above-nav-wrap .right-content .cart-header li, header .above-nav-wrap .right-content .button-wrap li { list-style-type: none; }

header .above-nav-wrap .right-content .button-wrap { font-weight: 300; padding-left: 10px; }

header .above-nav-wrap .right-content .button-wrap a.anavbtn { background-color: #ffffff; border-top-right-radius: 8px; border-bottom-left-radius: 8px; border-bottom-right-radius: 18px; border-top-left-radius: 18px; color: #d72323; display: inline-block; font-size: 12px; padding: 10px 15px; text-transform: uppercase; -o-transition: all .5s ease-out; -ms-transition: all .5s ease-out; -moz-transition: all .5s ease-out; -webkit-transition: all .5s ease-out; transition: all .5s ease-out; }

header .above-nav-wrap .right-content .button-wrap a.anavbtn:hover { background-color: #ededed; }

@media screen and (max-width: 1060px) { header .above-nav-wrap .right-content .button-wrap a.anavbtn { font-size: 11px; padding: 5px 10px; } }

header .above-nav-wrap .right-content .cart-header .menu-cart-container { padding-left: 10px; }

@media screen and (max-width: 880px) { header .above-nav-wrap .right-content .cart-header .menu-cart-container { padding: 5px 0 0 0; } }

@media screen and (max-width: 1220px) { .float-right.text-right.pad-top-15 { padding-top: 5px; } }

/* ==========================================
 NAVIGATION
========================================== */
.nav-logo-wrapper { padding: 20px 20px 15px; }

.nav-logo-wrapper .logo-wrap .logo { max-width: 365px; width: 100%; -o-transition: all .35s ease-out; -ms-transition: all .35s ease-out; -moz-transition: all .35s ease-out; -webkit-transition: all .35s ease-out; transition: all .35s ease-out; }

@media screen and (max-width: 1400px) { .nav-logo-wrapper .logo-wrap .logo { max-width: 300px; } }

@media screen and (max-width: 1325px) { .nav-logo-wrapper .logo-wrap .logo { max-width: 250px; } }

.navigation { padding-top: 15px; }

@media screen and (max-width: 1400px) { .navigation { padding-top: 0; } }

.navigation li { list-style-type: none; display: inline-block; }

.navigation li a { color: #323232; cursor: pointer; display: block; padding: 0 10px 10px 10px; -o-transition: all .35s ease-out; -ms-transition: all .35s ease-out; -moz-transition: all .35s ease-out; -webkit-transition: all .35s ease-out; transition: all .35s ease-out; }

@media screen and (max-width: 1325px) { .navigation li a { padding: 0 5px 10px; } }

.navigation li:last-child a { padding: 0 0 10px 10px; }

.navigation li a:hover, .navigation li.current-menu-item a, .navigation li.current-menu-parent > a, .navigation li.current_page_parent > a { color: #d72323; }

.navigation .menu-item-has-children > a:after { display: inline-block; content: ""; width: 12px; height: 8px; background: transparent url("images/down-arrow.png") no-repeat; background-position: top right; }

@media screen and (max-width: 1320px) { .navigation li a { padding: 0 5px 10px; font-size: 15px; }
  .navigation li:last-child a { padding: 0 0 10px 5px; } }

@media screen and (max-width: 1150px) { .navigation li a { font-size: 14px; padding: 0 3px 10px; }
  .navigation li:last-child a { padding: 0 0 10px 3px; } }

@media screen and (max-width: 1090px) { .logo-wrap, .nav-wrap { width: 100%; text-align: center; }
  .float-right.text-right.pad-top-15 { padding-top: 15px; }
  .nav-logo-wrapper { padding-top: 30px; padding-bottom: 10px; }
  img.logo { max-width: 325px; } }

/* ==========================================
 DROPDOWNS
========================================== */
.drops .sub-menu { display: none; }

.drops li:hover .sub-menu { display: block; background-color: #fff; border-left: 1px solid #ededed; border-right: 1px solid #ededed; border-bottom: 1px solid #ededed; }

.drops .menu-item .sub-menu { position: absolute; z-index: 100; text-align: left; }

.drops li:last-child .sub-menu { position: absolute; z-index: 100; text-align: right; right: 0; }

.drops .menu-item .sub-menu li { display: block; min-width: 150px; max-width: 200px; border-bottom: 1px solid #ededed; -o-transition: all .25s ease-out; -ms-transition: all .25s ease-out; -moz-transition: all .25s ease-out; -webkit-transition: all .25s ease-out; transition: all .25s ease-out; }

.drops .menu-item .sub-menu li:hover { background-color: #f5f5f5; }

.drops .menu-item .sub-menu li:last-child { border-bottom: none; padding-bottom: 0; }

.drops .menu-item .sub-menu li:first-child { display: none; }

.drops .menu-item .sub-menu li a { display: block; padding: 10px; font-size: 14px; color: #323232; }

/* ==========================================
 TEXT
========================================== */
p:last-child { padding: 0; }

.body-content p { padding-bottom: 15px; line-height: 24px; }

.body-content p:last-child { padding-bottom: 0; }

.welcome-right p { padding-bottom: 15px; font-size: 18px; line-height: 26px; }

.welcome-right p:last-child { padding-top: 20px; }

h2, h3, h4, h5, h6 { font-weight: normal; }

.body-content h2, .welcome-right h2 { font-family: 'Varela Round', sans-serif; color: #153d39; font-size: 32px; padding-bottom: 15px; }

.body-content h3 { font-family: 'Varela Round', sans-serif; color: #d72323; font-size: 24px; padding-bottom: 10px; line-height: 30px; }

.body-content h6 { padding-bottom: 15px; }

.block-content h2 { font-family: 'Varela Round', sans-serif; color: #153d39; font-size: 24px; padding-bottom: 10px; }

@media screen and (max-width: 1200px) { .block-content h2 { font-size: 20px; } }

.block-content p, ul.grey-blocks li p { font-size: 14px; line-height: 22px; }

.block-content p:last-child { padding-top: 30px; }

ul.grey-blocks li h3 { font-family: 'Varela Round', sans-serif; color: #153d39; font-size: 22px; padding-bottom: 10px; }

.hero-container p { color: #f9a0a0; font-family: 'Varela Round', sans-serif; font-size: 22px; }

.hero-container h1 { font-size: 65px; text-shadow: 3px 3px 4px rgba(0, 0, 0, 0.5); font-weight: 800; text-transform: uppercase; }

/* ==========================================
 IMAGES
========================================== */
.not-found { width: 100%; max-width: 600px; height: auto; }

.size-large, .size-full { max-width: 100%; height: auto; }

@-moz-document url-prefix() { /* Firefox doesn't respect max-width in certain situations */
  .size-large, .size-full { width: 100%; max-width: -moz-max-content; height: auto; } }

.madeusa { width: 75px; height: 75px; }

/* ==========================================
 LINKS
========================================== */
a { color: #d72323; text-decoration: none; -o-transition: color .5s ease-out; -ms-transition: color .5s ease-out; -moz-transition: color .5s ease-out; -webkit-transition: color .5s ease-out; transition: color .5s ease-out; }

a:hover { color: #ef1818; }

a.white, .font-white a { color: #fff; }

a.white:hover, .font-white a:hover { color: #e9e9e9; }

a.red-btn, .welcome-right p:last-child a, .button-end p:last-child a { background-color: #d72323; border-top-right-radius: 8px; border-bottom-left-radius: 8px; border-bottom-right-radius: 18px; border-top-left-radius: 18px; padding: 10px 15px 8px 15px; border-bottom: 4px solid #a62103; color: #fff; font-size: 14px; text-transform: uppercase; -o-transition: all .5s ease-out; -ms-transition: all .5s ease-out; -moz-transition: all .5s ease-out; -webkit-transition: all .5s ease-out; transition: all .5s ease-out; }

a.red-btn:hover, .welcome-right p:last-child a:hover, .block-content p:last-child a:hover, .button-end p:last-child a:hover { background-color: #ef1818; color: #fff; }

.block-content p:last-child a { background-color: #d72323; border-top-right-radius: 5px; border-bottom-left-radius: 5px; border-bottom-right-radius: 15px; border-top-left-radius: 15px; padding: 8px 13px 6px 13px; border-bottom: 4px solid #a62103; color: #fff; font-size: 12px; text-transform: uppercase; -o-transition: all .5s ease-out; -ms-transition: all .5s ease-out; -moz-transition: all .5s ease-out; -webkit-transition: all .5s ease-out; transition: all .5s ease-out; }

ul.grey-blocks li a, a.black { color: #153d39; }

ul.grey-blocks li a:hover, a.black:hover { color: #686868; }

a.brown { color: #6b5c45; }

a.brown:hover { color: #856f4c; }

a.white-btn { background-color: #fff; border-top-right-radius: 5px; border-bottom-left-radius: 5px; border-bottom-right-radius: 15px; border-top-left-radius: 15px; padding: 8px 13px; color: #d72323; text-transform: uppercase; -o-transition: all .5s ease-out; -ms-transition: all .5s ease-out; -moz-transition: all .5s ease-out; -webkit-transition: all .5s ease-out; transition: all .5s ease-out; }

a.white-btn-small { font-size: 14px; background-color: #fff; border-top-right-radius: 8px; border-bottom-left-radius: 8px; border-bottom-right-radius: 18px; border-top-left-radius: 18px; padding: 10px 15px 8px 15px; color: #d72323; text-transform: uppercase; -o-transition: all .5s ease-out; -ms-transition: all .5s ease-out; -moz-transition: all .5s ease-out; -webkit-transition: all .5s ease-out; transition: all .5s ease-out; }

a.white-btn:hover, a.white-btn-small:hover { color: #f11616; background-color: #ededed; }

/* ==========================================
 SIDEBAR AND WIDGETS
========================================== */
/* ==========================================
 SLIDERS
========================================== */
.bx-viewport li { min-height: 1px; min-width: 1px; }

.slide-width { width: 1500px; }

@media screen and (max-width: 1520px) { .slide-width { width: 100%; } }

.slide-wrapper { overflow: hidden; }

.slide-content-wrapper { z-index: 2; padding-top: 9%; padding-bottom: 7%; }

.slide-image { -moz-transform: scale(1, 1); -webkit-transform: scale(1, 1); transform: scale(1, 1); backface-visibility: hidden; image-rendering: optimizequality; display: block; }

.slide-image.zoom { transition: all 12s; -moz-transition: all 12s; -webkit-transition: all 12s; -o-transition: all 12s ease-out; -ms-transition: all 12s ease-out; -moz-transform: scale(1.25, 1.25); -webkit-transform: scale(1.25, 1.25); transform: scale(1.25, 1.25); }

.slide-image.zoom .slide-content-wrapper { transform: scale(1, 1); -moz-transform: scale(1, 1); -webkit-transform: scale(1, 1); }

.slide-content h2 { font-size: 55px; font-weight: 800; text-transform: uppercase; text-shadow: 3px 3px 4px rgba(0, 0, 0, 0.5); line-height: 1; padding-bottom: 10px; }

.slide-content p { font-family: 'Varela Round', sans-serif; font-size: 20px; line-height: 32px; text-shadow: 1px 1px 4px rgba(0, 0, 0, 0.5); width: 55%; }

.slide-content p:last-child { font-size: 16px; text-transform: uppercase; line-height: 1; text-shadow: none; padding-top: 40px; }

.slide-content p:last-child a { background-color: #d72323; border-top-right-radius: 8px; border-bottom-left-radius: 8px; border-bottom-right-radius: 20px; border-top-left-radius: 20px; padding: 12px 18px; border-bottom: 4px solid #a62103; -o-transition: all .5s ease-out; -ms-transition: all .5s ease-out; -moz-transition: all .5s ease-out; -webkit-transition: all .5s ease-out; transition: all .5s ease-out; }

.slide-content p:last-child a:hover { background-color: #ef1818; color: #fff; }

.test-arrows { top: 50%; z-index: 2; margin-top: -40px; }

@media screen and (max-width: 1675px) { .slide-width { padding-left: 75px; }
  .slide-content h2 { font-size: 45px; }
  .slide-content-wrapper { padding-top: 8%; } }

@media screen and (max-width: 1325px) { .slide-content-wrapper { padding-top: 7%; } }

@media screen and (max-width: 1160px) { .slide-content p { width: 100%; }
  .slide-width { padding-left: 50px; padding-right: 50px; }
  .slide-content h2 { font-size: 36px; }
  .slide-content p { font-size: 16px; line-height: 24px; }
  .slide-content p:last-child { padding-top: 25px; }
  .slide-content p:last-child a { font-size: 14px; border-top-right-radius: 6px; border-bottom-left-radius: 6px; border-bottom-right-radius: 15px; border-top-left-radius: 15px; padding: 8px 13px 6px 13px; }
  .test-arrows img { width: 25px; height: auto; } }

.slide-thumbnails img:hover, .slide-thumbnails .active img { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=75)"; /* This works in IE 8 & 9 too */ /* ... but also 5, 6, 7 */ filter: alpha(opacity=75); /* Modern Browsers */ opacity: 0.75; }

.slide-thumbs:hover { display: inline; background-color: transparent; padding: 0 !important; border-radius: 0; -o-transition: none; -ms-transition: none; -moz-transition: none; -webkit-transition: none; transition: none; }

/* ==========================================
 LISTS
========================================== */
ul.social-links, ul.home-blog, ul.archive, ul.blog-page-list, ul.transactions, ul.people-list { list-style-type: none; }

ul.social-links li { float: left; padding-right: 5px; }

ul.social-links li:last-child { padding-right: 0; }

ul.home-blog .title { max-width: 80%; border-left: 4px solid #fff; padding: 15px; line-height: 20px; }

ul.home-blog li { border: 4px solid #fff; margin-bottom: 30px; }

ul.home-blog li:last-child { margin-bottom: 0; }

.body-content ul, .body-content ol, ul.hidden-content { padding-left: 35px; }

.body-content ul li, .body-content ol li, ul.hidden-content li { padding-bottom: 15px; }

ul.archive li { padding-bottom: 15px; }

ul.archive li:last-child { padding-bottom: 0; }

ul.blog-page-list li { background-color: #fff; padding: 20px; margin-bottom: 20px; }

ul.transactions { padding-left: 0; }

ul.transactions li { padding: 15px; }

ul.transactions li:first-child { font-weight: 600; }

ul.transactions li:nth-child(even) { background-color: #f6f6f6; }

.hidden-content ul { display: block !important; }

ul.people-list li:nth-child(odd) { background-color: #f6f6f6; }

ol li ol li:first-child { padding-top: 10px; }

ol li ol li { list-style-type: lower-alpha; }

.body-content ul li ul { padding-top: 10px; line-height: 1.65; }

/* ==========================================
 MENUS
========================================== */
ul.sub-page-menu { list-style-type: none; }

ul.sub-page-menu li { padding-bottom: 15px; }

ul.sub-page-menu li:last-child { padding-bottom: 0; }

ul.sub-page-menu li a { color: #153d39; }

ul.sub-page-menu li a:hover { color: #d72323; }

ul.sub-page-menu li.current-menu-item a { font-weight: 600; color: #d72323; }

#cssmenu > ul, #cssmenu > ul ul { list-style-type: none; padding-left: 0; }

#cssmenu ul ul { display: none; }

#cssmenu ul > li { border-bottom: 1px solid #c3c3c3; padding-top: 15px; padding-bottom: 15px; }

#cssmenu ul > li > ul > li { border-bottom: none; padding-top: 0; padding-bottom: 10px; list-style-type: disc; }

#cssmenu ul > li > ul > li:last-child { padding-bottom: 0; }

#cssmenu ul > li > ul { padding-left: 35px; padding-top: 10px; }

#cssmenu ul > li:first-child { padding-top: 0px; }

#cssmenu ul > li:last-child { border-bottom: none; }

#cssmenu ul > li.has-sub > a span { background: url("images/down-arrow.png") 95% center no-repeat; display: block; }

#cssmenu ul > li.has-sub.active > a span { background: url("images/up-arrow.png") 95% center no-repeat; display: block; }

#cssmenu ul > li.active a { display: block; }

/* ==========================================
 PAGINATION
========================================== */
.page-numbers { padding: 10px 15px; border: 2px solid #bababa; margin-right: 3px; font-weight: 600; }

.page-numbers.dots { padding: 10px 5px; border: none; margin-right: 0; }

.page-numbers.current, a.page-numbers:hover { color: #3c3c3c; }

.pagination .next.page-numbers { margin-left: 15px; }

/* ==========================================
 PEOPLE
========================================== */
.people-name { bottom: 0; left: 0; right: 0; height: 40px; z-index: 2; overflow: hidden; }

.people-block:hover .people-name { height: 100%; opacity: .9; overflow: auto; }

.people-block .people-name { -o-transition: all .35s ease; -ms-transition: all .35s ease; -moz-transition: all .35s ease; -webkit-transition: all .35s ease; transition: all .35s ease; }

.people-block .people-title { /*display:none;*/ -o-transition: all .5s ease; -ms-transition: all .5s ease; -moz-transition: all .5s ease; -webkit-transition: all .5s ease; transition: all .5s ease; }

.people-block:hover .people-title { display: block; text-decoration: none; -o-transition: all .5s ease; -ms-transition: all .5s ease; -moz-transition: all .5s ease; -webkit-transition: all .5s ease; transition: all .5s ease; }

.people-title { word-wrap: break-word; }

.people-title p { line-height: 22px; }

.people-block a { color: #fff; -o-transition: none; -ms-transition: none; -moz-transition: none; -webkit-transition: none; transition: none; }

.people-block a:hover { color: #f8f8f8; }

.people-block img { -o-transition: all .5s ease; -ms-transition: all .5s ease; -moz-transition: all .5s ease; -webkit-transition: all .5s ease; transition: all .5s ease; }

.people-block:hover img { filter: gray; /* IE6-9 */ filter: grayscale(1); /* Microsoft Edge and Firefox 35+ */ -webkit-filter: grayscale(1); /* Google Chrome, Safari 6+ & Opera 15+ */ z-index: 1; }

/* ==========================================
 ORDER TITLE FORM
========================================== */
.order-title-form { width: 750px; margin: 0 auto; /*text-align:center;*/ line-height: 24px; }

.work-with-wrapper { padding-bottom: 10px; }

span.wpcf7-list-item { clear: both; display: inline-block; margin-left: 0; padding-bottom: 10px; padding-right: 15px; }

#name-order, #message-order { padding: 8px; width: 100%; border: 1px solid #b8b8b8; color: #000; letter-spacing: .5px; border-radius: 3px; font-size: 14px; }

#select { width: 100%; }

.order-field-wrapper { padding-bottom: 30px; }

/* ==========================================
 MOBILE MENU
========================================== */
.mobile-icon { top: 15px; left: 15px; }

.mobile-icon img { width: 25px; }

#m-nav-toggle { cursor: pointer; height: 30px; z-index: 10; }

#m-nav-wrap { /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#d72323+0,800000+100 */ background: #d72323; /* Old browsers */ background: -moz-linear-gradient(left, #d72323 0%, maroon 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(left, #d72323 0%, maroon 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to right, #d72323 0%, maroon 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d72323', endColorstr='#800000',GradientType=1 ); /* IE6-9 */ height: 100%; left: -70%; position: absolute; width: 70%; z-index: 999; }

.mobile-menu { list-style-type: none; }

.mobile-menu li { font-size: 15px; padding-bottom: 10px; list-style-type: none; }

.mobile-menu li a { width: 100%; display: block; }

.mobile-menu li a { color: #fff; }

ul.mobile-menu li ul.sub-menu { padding: 10px 20px 0 20px; }

ul.mobile-menu li ul.sub-menu li:last-child { padding-bottom: 0; }

ul.mobile-menu li ul.sub-menu li:first-child { display: none; }

/* ==========================================
 FOOTER
========================================== */
footer { color: #888888; }

footer h3 { color: #fff; font-size: 18px; padding-bottom: 15px; }

footer p { font-size: 14px; line-height: 24px; }

.copy { border-top: 1px solid #303030; }

.footer-social img { opacity: .5; -o-transition: all .35s ease-out; -ms-transition: all .35s ease-out; -moz-transition: all .35s ease-out; -webkit-transition: all .35s ease-out; transition: all .35s ease-out; }

.footer-social img:hover { opacity: .75; }

footer a { color: #888888; }

footer a:hover { color: #ababab; }

ul.footer-nav { list-style-type: none; }

ul.footer-nav li { display: inline-block; width: 50%; padding-bottom: 10px; float: left; }

/* ==========================================
GRAVITY FORMS
========================================== */
.gform_validation_errors { margin-bottom: 25px !important; }

.gform_validation_errors > h2 { color: #153d39 !important; font-size: 14px !important; font-weight: 600 !important; padding: 0; text-transform: uppercase !important; }

.gform_wrapper .gfield_validation_message, .gform_wrapper .validation_message { font-weight: 400 !important; }

.gform-body .gfield { padding-bottom: 5px; }

.gform-body .gfield_label { font-family: "Raleway"; font-size: 16px !important; font-weight: 600 !important; }

.gform-body .gfield_required_asterisk { position: relative; top: -3px; }

.gform-body .gfield_select { background-color: #ffffff; border: 1px solid #8f8f9d; font-family: "Raleway" !important; padding: 12px 10px !important; }

.gform-body .gfield_radio .gchoice { padding-bottom: 5px; }

.gform-body input { font-family: "Raleway" !important; font-size: 16px !important; font-weight: 300 !important; padding: 10px !important; font-variant-numeric: lining-nums; -webkit-font-feature-settings: "lnum"; -moz-font-feature-settings: "lnum"; font-feature-settings: "lnum"; }

.gform-body textarea { min-height: 100px !important; max-height: 300px !important; font-family: "Raleway" !important; font-size: 16px !important; font-weight: 300 !important; padding: 10px !important; width: 100% !important; }

.ginput_container ul { list-style-type: none; padding-left: 0; }

/*.ui-datepicker {
  left:0 !important;
  right:0 !important;
  margin:$margauto !important;
  max-width:400px !important;  
}*/
button, input[type="button"], input[type="submit"] { background-color: #d72323; border: 0; color: #ffffff !important; cursor: pointer; font-family: "Varela Round"; font-size: 16px; font-weight: 600; text-transform: uppercase; transition: all .5s; border-top-right-radius: 5px; border-bottom-left-radius: 5px; border-bottom-right-radius: 12px; border-top-left-radius: 12px; padding: 12px 20px 10px 20px; border-bottom: 4px solid #a62103; border-top: none; border-right: none; border-left: none; }

button:hover, input[type="button"]:hover, input[type="submit"]:hover { background: #153d39; color: #ffffff; }

/* ==========================================
 INPUTS
========================================== */
#name, #message { padding: 8px; width: 100%; border: 1px solid #b8b8b8; color: #000; letter-spacing: .5px; border-radius: 3px; font-size: 14px; }

#message { resize: vertical; height: 175px; }

#name:focus, #message:focus { outline: 1px solid #e77b7b; outline-offset: -2px; }

#submit { background-color: #d72323; border-top-right-radius: 5px; border-bottom-left-radius: 5px; border-bottom-right-radius: 12px; border-top-left-radius: 12px; padding: 10px 15px 8px 15px; border-bottom: 4px solid #a62103; border-top: none; border-right: none; border-left: none; color: #fff; font-size: 13px; text-transform: uppercase; font-weight: 700; -o-transition: all .5s ease-out; -ms-transition: all .5s ease-out; -moz-transition: all .5s ease-out; -webkit-transition: all .5s ease-out; transition: all .5s ease-out; }

#submit:hover { background-color: #ef1818; }

#select { padding: 2px; width: 100%; border: 1px solid #b8b8b8; color: #000; letter-spacing: .5px; border-radius: 3px; font-size: 14px; }

select option { padding: 5px; opacity: .75; }

::-webkit-input-placeholder { /* WebKit browsers */ opacity: .75 !important; }

::-moz-placeholder { /* Firefox 19+ */ opacity: .75; }

/*---------caldera form-------*/
/*.caldera-grid .form-group fileupload*/
.caldera-grid .row .form-group > label { margin-top: 15px; }

/*
.caldera-grid .checkbox, .caldera-grid .radio {
	display: inline !important;
	margin-right: 10px;
}*/
.caldera-grid .checkbox, .caldera-grid .radio { margin-bottom: 5px !important; margin-top: 5px !important; width: 32%; }

.caldera-grid .radio-check.sales-reps > div:nth-child(2) { flex-wrap: wrap; flex-flow: column-wrap; flex-direction: column; max-height: 360px; }

.radio-check > div:nth-child(2) { display: flex; flex-wrap: wrap; align-items: flex-start; }

.caldera-grid .checkbox + .checkbox, .caldera-grid .radio + .radio { margin-top: 5px !important; }

.caldera-grid .red-text { color: red; margin-top: 20px; }

.caldera-grid .radio label .more-info { display: none; background: gray; color: white; border-radius: 50%; padding: 0px 5px; font-size: 12px; }

.caldera-grid .radio label .more-info:nth-child(2) { display: inline; }

@media screen and (max-width: 600px) { .caldera-grid .checkbox, .caldera-grid .radio { width: 100%; } }

.caldera-grid .btn[type="submit"] { margin-top: 20px; background-color: #d72323; border-top-right-radius: 5px; border-bottom-left-radius: 5px; border-bottom-right-radius: 12px; border-top-left-radius: 12px; padding: 10px 15px 8px 15px; border-bottom: 4px solid #a62103; border-top: none; border-right: none; border-left: none; color: #fff; font-size: 13px; text-transform: uppercase; font-weight: 700; -o-transition: all .5s ease-out; -ms-transition: all .5s ease-out; -moz-transition: all .5s ease-out; -webkit-transition: all .5s ease-out; transition: all .5s ease-out; }

.caldera-from-fileupload { margin-bottom: 5px !important; }

.caldera-from-submit { background-color: #d72323; border-top-right-radius: 5px; border-bottom-left-radius: 5px; border-bottom-right-radius: 12px; border-top-left-radius: 12px; padding: 10px 15px 8px 15px; border-bottom: 4px solid #a62103; border-top: none; border-right: none; border-left: none; color: #fff; font-size: 13px; text-transform: uppercase; font-weight: 700; -o-transition: all .5s ease-out; -ms-transition: all .5s ease-out; -moz-transition: all .5s ease-out; -webkit-transition: all .5s ease-out; transition: all .5s ease-out; }

.caldera-from-submit:hover { background-color: #ef1818; }

/* ==========================================
WOOCOMMERCE
========================================== */
#menu-cart li:first-child { display: none; }

.woocommerce-shipping-destination { display: none; }

.input-checkbox { font-weight: 700; }

.woocommerce-product-details__short-description ul { padding-left: 25px; }

.woocommerce-product-details__short-description ul li { padding-bottom: 10px; }

#primary { margin: 0 auto; padding-top: 60px; width: 1150px; }

@media screen and (max-width: 1200px) { #primary { padding-left: 20px; padding-right: 20px; width: 100%; } }

@media screen and (max-width: 676px) { #primary { padding-top: 25px; } }

#primary .woocommerce-breadcrumb, #primary .woocommerce-tabs { display: none; }

#primary .summary h1 { color: #d72323; font-family: "Varela Round"; font-weight: 600; }

@media screen and (max-width: 676px) { #primary .summary h1 { font-size: 18px; } }

#primary .summary p { line-height: 1.5; padding-bottom: 20px; }

#primary .summary p:last-child { padding-bottom: 0; }

#primary .summary .woocommerce-product-details__short-description { padding-bottom: 25px; }

#primary .summary .product_meta { display: none; }

#primary .summary .quantity { display: none; }

#primary .summary button.button { background-color: #d72323; border-top-right-radius: 8px; border-bottom-left-radius: 8px; border-bottom-right-radius: 18px; border-top-left-radius: 18px; border-bottom: 4px solid #a62103; font-family: "Varela Round"; font-size: 13px; font-weight: 700; letter-spacing: 1px; padding: 15px 20px 13px; text-transform: uppercase; -webkit-transition: all 0.5s ease; transition: all 0.5s ease; }

#primary .summary button.button:hover { background-color: #153d39; }

@media screen and (max-width: 676px) { #primary .summary button.button { padding: 10px 20px; } }

.wc-page { margin: 0 auto; padding-top: 60px; width: 1150px; }

@media screen and (max-width: 1200px) { .wc-page { padding-left: 20px; padding-right: 20px; width: 100%; } }

.product .nyp { margin-bottom: 0; }

.product .nyp .nyp-input { padding: 5px; }

a.button.alt { background-color: #d72323 !important; border-radius: 0; font-family: "Varela Round"; font-weight: 600; letter-spacing: 1px; padding: 20px 30px; text-transform: uppercase; -webkit-transition: all 0.5s ease; transition: all 0.5s ease; }

a.button.alt:hover { background-color: #153d39 !important; }

.woocommerce .quantity input.qty { padding: 5px; width: 75px; }

.woocommerce table.shop_table th { font-family: "Varela Round"; font-weight: 600; text-transform: uppercase; }

.cart_totals h2 { font-family: "Varela Round"; font-weight: 600; text-transform: uppercase; }

/*CHECK OUT*/
.woocommerce form .form-row input.input-text, .woocommerce form .form-row textarea { padding: 10px; }

.woocommerce table.shop_table tbody th, .woocommerce table.shop_table tfoot td, .woocommerce table.shop_table tfoot th { font-weight: 500; }

.woocommerce-billing-fields h3 { font-family: "Varela Round"; font-weight: 600; text-transform: uppercase; }

button#place_order { background-color: #d72323; border-radius: 0; font-family: "Varela Round"; font-weight: 600; letter-spacing: 1px; padding: 20px 30px; text-transform: uppercase; -webkit-transition: all 0.5s ease; transition: all 0.5s ease; }

button#place_order:hover { background-color: #153d39; }

#customer_details { padding-bottom: 30px; }

p.return-to-shop { display: none; }

.product .nyp label { font-weight: 500; }

.woocommerce-checkout-review-order { padding-bottom: 50px; }