@font-face{
    font-family: 'Opensans-Bold';
    src: url('../fonts/opensans-bold.eot');
    src: local('☺'), url('../fonts/opensans-bold.woff') format('woff'),
                     url('../fonts/opensans-bold.ttf') format('truetype'),
                     url('../fonts/opensans-bold.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face{
    font-family: 'Opensans-Light';
    src: url('../fonts/opensans-light.eot');
    src: local('☺'), url('../fonts/opensans-light.woff') format('woff'),
                     url('../fonts/opensans-light.ttf') format('truetype'),
                     url('../fonts/opensans-light.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face{
    font-family: 'Opensans-Regular';
    src: url('../fonts/opensans-regular.eot');
    src: local('☺'), url('../fonts/opensans-regular.woff') format('woff'),
                     url('../fonts/opensans-regular.ttf') format('truetype'),
                     url('../fonts/opensans-regular.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face{
    font-family: 'Opensans-Semibold';
    src: url('../fonts/opensans-semibold.eot');
    src: local('☺'), url('../fonts/opensans-semibold.woff') format('woff'),
                     url('../fonts/opensans-semibold.ttf') format('truetype'),
                     url('../fonts/opensans-semibold.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face{
    font-family: 'AntiqueOliveCom';
    src: url('../fonts/antiqueolicom-reg.eot');
    src: local('☺'), url('../fonts/antiqueolicom-reg.woff') format('woff'),
                     url('../fonts/antiqueolicom-reg.ttf') format('truetype'),
                     url('../fonts/antiqueolicom-reg.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face{
    font-family: 'AntiqueOlive';
    src: url('../fonts/antique_olive.eot');
    src: local('☺'), url('../fonts/antique_olive.woff') format('woff'),
                     url('../fonts/antique_olive.ttf') format('truetype'),
                     url('../fonts/antique_olive.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}
/* Master layout */
/************************************************************
Global styles */

/* Partial CSS Reset */
*{
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
html, body {
    height: 100%;
    width: 100%;
    -webkit-text-size-adjust: 100%;
}
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, select, input, option {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 100%;
}
article, aside, details, figcaption, figure, footer, header, hgroup, nav, section, summary {
    display: block;
}
audio, canvas, video {
    display: inline-block;
}
audio:not([controls]) {
    display: none;
    height: 0;
}
pre {
    white-space: pre;
    white-space: pre-wrap;
    word-wrap: break-word;
}

:focus {
    outline: none;
}

table {
    border: 0 none;
    border-collapse: collapse;
    border-spacing: 0;
}
caption, th, td {
    text-align: left;
    font-weight: normal;
}
td {
    vertical-align: top;
}
/* End Reset */

body {
    line-height: 1.5;
    font: 14px 'Opensans-Light';
    color: #282828;
}

/* Links */
a,
button,
input[type="submit"] {
    display: inline-block;
    color: inherit;
    outline: none;
    -webkit-transition: all 0.3s ease 0s; 
       -moz-transition: all 0.3s ease 0s;
        -ms-transition: all 0.3s ease 0s;
         -o-transition: all 0.3s ease 0s;
            transition: all 0.3s ease 0s;
}
a:link,
a:visited,
a:hover,
a:active {
    text-decoration: none;
    outline: none;
}
a[href^="tel:"] {
    color: inherit;
}
a img {
    border: none;
    -webkit-transition: all 0.5s ease 0s;
       -moz-transition: all 0.5s ease 0s;
        -ms-transition: all 0.5s ease 0s;
         -o-transition: all 0.5s ease 0s;
            transition: all 0.5s ease 0s;
}
img {
    max-width: 100%;
}

/* Form elements */
label i{
    margin-left: 2px;
    vertical-align: text-bottom !important;
}
input[type]:-webkit-autofill,
input[type]:-webkit-autofill:hover,
input[type]:-webkit-autofill:focus,
input[type]:-webkit-autofill:active { /* Fix input background with autocomplete */
    transition: background-color 5000s ease-in-out 0s;
}
input[type="search"] {
    -webkit-appearance: textfield;
}
input[type="search"]::-webkit-search-decoration,
input[type="search"]::-webkit-search-cancel-button {
    -webkit-appearance: none;
}
input[type="checkbox"]:not(checked) {
    position: absolute;
    visibility: hidden;
}
input[type="checkbox"]:not(checked) + label:before {
    content: "";
    position: relative;
    top: -1px;
    vertical-align: middle;
    display: inline-block;
    width: 9px;
    height: 9px;
    margin-right: 8px;
    border: 1px solid #0b1016;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    background: #fff;
}
input[type="checkbox"]:checked + label:before {
    content: "\f00c";
    font: 9px 'Font Awesome\ 5 Pro';
    font-weight: bold;
    color: #282828;
}
input[type="submit"] {
    cursor: pointer;
}
input[type="submit"]::-moz-focus-inner { /* Fix extra button padding in Firefox */
    padding: 0;
    border: none;
    line-height: 1;
}
textarea {
    resize: none;
}

/* Default Placeholder styles */
::-webkit-input-placeholder{
/* WebKit browsers */
    color: #282828;
    opacity: 0.7;
}
:-moz-placeholder{
/* Mozilla Firefox 4 to 18 */
    color: #282828;
    opacity: 0.7;
}
::-moz-placeholder{
/* Mozilla Firefox 19+ */
    color: #282828;
    opacity: 0.7;
}
:-ms-input-placeholder{
/* Internet Explorer 10+ */
    color: #282828;
    opacity: 0.7;
}
/* Headings */
h1{
    margin-bottom: 25px;
    font: 54px/58px 'AntiqueOlive';
}
h2{
    margin-bottom: 15px;
    font: 42px/50px 'Opensans-Semibold';
    color: #a90a13;
}
h2 span{
    display: block;
    margin-bottom: 10px;
    text-transform: uppercase;
    font: 18px 'Opensans-Light';
    color: #817f7f;
}
h3{
    margin-bottom: 16px;
    text-transform: uppercase;
    font: 24px/28px 'AntiqueOlive';
}
h4{
    font: 20px/24px 'Opensans-Bold';
}
h5{
    text-transform: uppercase;
    font: 18px/28px 'Opensans-Regular';
    color: #817f7f;
}
h6{
   
}
.large-text{
    font: 36px 'AntiqueOlive';
}
/* Block-level */
address {
    font-style: inherit;
}
p {
    line-height: 1.5;
    margin-bottom: 20px;
}
p a {
    color: #c31913;
    font: 14px 'Opensans-Regular';
}
ul {
	list-style: none;
}
strong {
    font-weight: normal;
    font-family: 'Opensans-Bold';
}
sup {
    font-size: 11px;
}

/************************************************************
Generic Site Styles */
.flexbox {
    display: flex; 
    flex-wrap: wrap;
    align-items: stretch; 
    justify-content: flex-start;
}

.table {
    display: table;
    width: 100%;
    height: 100%;
    table-layout: fixed;
    float: none !important;
}
.table.page,
.container {
    max-width: 1130px;
    margin: 0 auto;
}
.container {
    padding: 0 15px;
}
main .table.page,
.table.auto-height {
    height: auto;
}

.table.auto-width {
    width: auto;
}
.table.auto-all {
    height: auto;
    width: auto;
}
.row {
    display: table-row;
}
.cell {
    display: table-cell;
    vertical-align: top;
    height: 100%;
    float: none !important;
}

.padding {
    padding: 0px 15px;
}
.padding-left {
    padding-left: 15px;
}
.padding-right {
    padding-right: 15px;
}
.middle {
    vertical-align: middle;
}
.bottom {
    vertical-align: bottom;
}
.table-header-group {
    display: table-header-group;
}
.table-footer-group {
    display: table-footer-group;
}

/* Text alignment */
.align-left {
    text-align: left !important;
}
.align-center {
    text-align: center !important;
}
.align-right {
    text-align: right !important;
}

/* Container class to make iFrames responsive */
.frame-contain {
    position: relative;
    max-width: 100%;
    height: 0;
    overflow: hidden;
    padding-bottom: 56.25%; /* 16:9 */
                            /* 75% = 4:3 */
}
.frame-contain iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100% !important;
    height: 100% !important;
}

/************************************************************
Miscellaneous */
.clearfix:after {
    content: '.';
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
.pull-left {
    float: left;
}
.pull-right {
    float: right;
}
.relative {
    position: relative;
}
.full-size {
    width: 100%;
    height: 100%;
}

.on-top {
    position: relative;
    z-index: 1;
}

.hide {
    display: none !important;
}

.no-scroll {
    overflow: hidden;
}


a:not([class*="fa-"]):before,
a:after,
[class*="fa-"],
.more-link-lg:before,
.more-link-lg:after,
.feat-slider-arrows button:before,
.feat-slider-arrows button:after,
.ql-box > *,
.item-img-overlay,
.sub-menu,
.sub-ctrl{
    -webkit-transition: all 0.3s ease 0s;
       -moz-transition: all 0.3s ease 0s;
        -ms-transition: all 0.3s ease 0s;
         -o-transition: all 0.3s ease 0s;
            transition: all 0.3s ease 0s;
}
.more-link:after {
    -webkit-transition: none;
       -moz-transition: none;
        -ms-transition: none;
         -o-transition: none;
            transition: none;
}
.move-down,
.stories-slider .slick-slide img,
.stories-slider .btn,
.stories-slider h3:before {
    -webkit-transform: translateX(-50%);
       -moz-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
         -o-transform: translateX(-50%);
            transform: translateX(-50%);
}
.nav-menu > li:not(.logo-item) > a:after,
.sub-menu, .text-hidden,
.about-wrapper .btn:after,
.info-banner .btn:after,
.item-img-overlay{
    opacity: 0;
    visibility: hidden;
}

.nav-menu > li:not(.logo-item) > a:hover:after,
.nav-menu > li.has-child:hover > a:after,
li.has-child:hover .sub-menu,
.ql-box:hover .text-hidden,
.about-wrapper .btn:hover:after,
.info-banner .btn:hover:after,
.hover .item-img-overlay{
    opacity: 1;
    visibility: visible;
}
.img-box {
    position: relative;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
}
.img-box:after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    -webkit-border-radius: inherit;
    -moz-border-radius: inherit;
    border-radius: inherit;
    background: rgba(26, 26, 26, 0.6);
}
.img-box .relative {
    z-index: 1;
}
.btn {
    display: inline-block;
    vertical-align: top;
    font: 14px 'Opensans-Regular';
    text-transform: uppercase;
    white-space: nowrap;
    color: #282828;
    border: 1px solid #817f7f;
    background: none;
    text-align: center;
    min-width: 190px;
    padding: 14px 15px 13px;
}
.btn:hover{
    border-color: #ba151b;
    background: #ba151b;
    color: #fff;
}

.btn.alt {
	border: 1px solid #ba151b;
	background: #ba151b;
    color: #fff;
}

.btn.alt:hover{
    border-color: #817f7f;
    background: #a8a6bb;
    color: #282828;
}

.more-link{
    font: 14px 'Opensans-Regular';
    text-transform: uppercase;
}
.more-link:after{
    content: '\f105';
    font: 18px/1 Font Awesome\ 5 Pro;
    font-weight: 800;
    vertical-align: text-top;
    margin-left: 15px;
}
.more-link-lg{
    font: 18px/18px 'Opensans-Regular';
    position: relative;
    white-space: nowrap;
    border-bottom: 1px solid transparent;
    margin-right: 79px;
}
.more-link-lg:hover{
    border-bottom: 1px solid;
}
.more-link-lg:after{
    content: "";
    position: absolute;
    top: 50%;
    left: calc(100% + 73px);
    margin-top: -4px;
    width: 6px;
    height: 11px;
    background: url(../images/arrows/caret-right-sm.png) no-repeat;
}
.more-link-lg:before{
    content: "";
    width: 65px;
    height: 1px;
    background: #fff;
    position: absolute;
    top: 50%;
    margin-top: 1px;
    left: calc(100% + 8px);
}
.more-link-lg:hover:before{
    width: 88px;
}
.more-link-lg:hover:after{
    left: calc(100% + 96px);
}

/* Icons */
[class^=ico] {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain;
}
.ico-building{
    background-image: url(../images/icons/building.png);
}
.ico-table{
    background-image: url(../images/icons/table.png);
}
.ico-area{
    background-image: url(../images/icons/area.png);
}

.list {
    margin: 12px 0 20px 30px;
    list-style: inherit;
}
.list > li {
	font-size: 13px;
	padding-left: 8px;
}
.list > li + li {
	padding-top: 9px;
}

/************************************************************
Slick Slider main styles */
.slick-initialized .slick-slide {
    z-index: 7 !important;
}
.slick-initialized .slick-slide.slick-active {
    z-index: 8 !important;
}
.slick-vertical .slick-slide {
    position: relative;
    border: none;
}
.slick-slide img {
    margin: 0 auto 25px;
}
.slider-control {
    position: absolute;
    bottom: 50%;
    left: 50%;
    max-width: 1140px;
    width: 100%;
    margin-left: -570px;
    text-align: center;
    -webkit-transform: translateY(50%);
    -moz-transform: translateY(50%);
    -ms-transform: translateY(50%);
    -o-transform: translateY(50%);
    transform: translateY(50%);
    z-index: 8;
}
.slick-arrow {
    width: auto;
    height: auto;
    color: rgba(255, 255, 255, 0.5);
    z-index: 9;
    transform: none;
}
.slick-arrow:hover {
    color: #fff;
}
.slick-arrow:after {
    font:34px/1 Font Awesome\ 5 Pro;
    font-weight: 400;
}
.slick-arrow.slick-prev {
    left: 0;
}
.slick-arrow.slick-prev:after {
    content: "\f053";
}
.slick-arrow.slick-next {
    right: 0;
}
.slick-arrow.slick-next:after {
    content: "\f054";
}

.slick-dotted.slick-slider {
    margin-bottom: 0;
}
.slick-dots {
    bottom: 30px;
    height: 7px;
    line-height: 0;
    z-index: 9;
}
.slick-dots li {
    width: 7px;
    height: 7px;
    margin: 0 5px;
    border: 1px solid #817f7f;
}
.slick-dots li.slick-active {
    border-color: #ba151b;
    background-color: #ba151b;
}
.slick-dots li button {
    display: none;
}

.select2 {
	min-width: 150px;
}

/*=== SINGLE PROJECT PAGE ===*/
.property-details .project-content{
	padding-bottom: 0;
}
.property-details .project-content .content{
	padding-right: 40px;
}
.property-details.project-content .content .img-box,
.property-details .main-img.img-box {
	height: 365px;
	margin-bottom: 25px;
}

.property-details .project-info .content p{
	margin-bottom: 5px;
}
.property-details .project-info  .content i{
	margin-right: 8px;
}
.property-details .project-content .content hr{
	margin: 15px 0 25px;
}
.property-details .project-content .services-content{
	padding-top: 130px;
}
.property-details .project-content .services-content:after{
    margin: 30px auto 0;
}
.property-details.project-detail .img-box:after {
	opacity: 0;
	visibility: hidden;
}
.property-details .project-info p:not([class]),
.property-details .project-info li,
.property-details .project-info div,
.property-details .prop-content {
	font-size: 18px;
	font-family: 'Opensans-Regular';
}

/*======== Property Details ========*/
.main-img {
	position: relative;
}
.main-img a {
	
}

.title {
	font-size: 42px;
	line-height: 46px;
}

.prop-header h1.title {
	margin-bottom: 6px;
}

.main-col {
	width: 59.5%;
}
.side-col {
	padding-left: 45px;
}

.prop-photos {
	margin: 20px auto;
	text-align: left;
}
.prop-photos > li {
	position: relative;
	display: inline-block;
	vertical-align: middle;
	width: 19%;
	height: 0;
	padding-bottom: 16.15%;
	background-attachment: scroll;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
}

.info-list {
	margin: 25px auto;
}

.prop-info {
	font-size: 20px;
	line-height: 26px;
}

.highslide-gal img {
	display: none;
}

.project-info ~ .prop-content {
	margin-bottom: 45px;
}

body:not(#home) .project-info {
	margin-top: 40px;
}

.portfolio-listings .prop-listings {
	padding: 0;
}

.property-details hr {
	margin: 25px 0;
}
.property-details .med-text {
	margin-bottom: 2px;
}

.property-details h1,
.portfolio-details h1 {
	padding-left: 0;
}

.med-text {
	font-size: 24px;
	line-height: 1.4;
}

.prop-map {
	width: 100%;
	max-width: 100%;
	height: 365px;
}

.video-link {
	margin-bottom: 15px;
}

.info-link {
	display: inline-block;
	font-size: 20px;
	margin-bottom: 10px;
}
.info-link + .info-link {
	margin-left: 10px;
}

.info-link i:first-child {
	margin-right: 5px;
}
.action-items {
	width: 100%;
	max-width: 100%;
	margin: 25px auto;
	text-align: center;
	position: relative;
	z-index: 0;
	display: flex;
	align-items: center;
	-webkit-justify-content: space-around;
	justify-content: space-around;
	justify-content: space-evenly;
}

.action-items:after {
	content: "";
	display: block;
	width: 100%;
	height: 4px;
	position: absolute;
	z-index: -1;
	top:0;
	left: 0;
	right:0;
	bottom:0;
	margin: auto;
	background: #a8a6bb;
}

.action-button {
    position: relative;
    display: inline-block;
    width: 70px;
    height: 70px;
    background: #c51500;
    border-radius: 50%;
    font-size: 0;
    line-height: 1;
    text-align: center;
    color: #fff;
    box-shadow: 0 0 0 6px #FFF;
    border: 6px solid #c51500;
}

.action-button span {
	display: block;
	font-size: 10px;
	color: #c51500;
	position: absolute;
	top: 125%;
	left: 0;
	text-align: center;
	font-family: 'Opensans-Bold';  
	text-transform: uppercase;
	width: 100%;
}

.action-button i {
	display: block;
	margin: auto;
	font-size: 34px;
	position: absolute;
	top:50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
  -moz-transform:    translate(-50%, -50%);
  -ms-transform:     translate(-50%, -50%);
  -o-transform:      translate(-50%, -50%);
  transform:         translate(-50%, -50%);
}

.action-button i.fa-play {
	-webkit-transform: translate(-42%, -50%);
  -moz-transform:    translate(-42%, -50%);
  -ms-transform:     translate(-42%, -50%);
  -o-transform:      translate(-42%, -50%);
  transform:         translate(-42%, -50%);
}

.action-button i.fa-share-alt {
	-webkit-transform: translate(-54%, -50%);
  -moz-transform:    translate(-54%, -50%);
  -ms-transform:     translate(-54%, -50%);
  -o-transform:      translate(-54%, -50%);
  transform:         translate(-54%, -50%);
}

.action-button:hover {
    background: #fff;
    color: #011c37;
}

.med-text {
	font-family: 'Opensans-Bold';
	font-size: 28px;
}

hr {
	background-color: #a8a6bb;
	outline: inherit;
	border: inherit;
	height: 4px;
	width: 100%;
	display: block;
	font-size: 0;
	margin: 0 auto 20px;
}

.highslide-gal.full-overlay {
	display: block;
	width: 100%;
	height: 100%;
	background-color: rgba(0,0,0,0);
	position: relative;
}

.full-bg .highslide-gal.full-overlay {
	position: absolute;
	top:0;
	left: 0;
}

.highslide-gal.full-overlay:after {
	content: '\f00e';
	display: inline-block;
	color: #FFF;
	position: absolute;
	left:50%;
	top:50%;
	font-size: 40px;
	line-height: 40px;
	transform: translate(-50%,-50%);
	font-family:Font Awesome\ 5 Pro;
	opacity: 0;
	transition: all 0.3s ease 0s;
}

.full-bg .highslide-gal.full-overlay:after {
	font-size: 20px;
	line-height: 20px;
}

.highslide-gal.full-overlay:hover {
	background-color: rgba(0,0,0,0.5);
}

.highslide-gal.full-overlay:hover:after {
	opacity: 1;
}

.popup {
	padding: 25px;
	background-color: #FFF;
	border: 5px solid #c51500 !important;  
}

.popup p {
	margin: 0;
	padding-bottom:6px; 
}

.popup p + p {
	margin: 12px 0 0 0;
}

.popup p.large {
	font-size: 18px;
	font-family: 'Opensans-Semibold';
}

.popup input[type="text"] {
	display: block;
    color: #333;
    font: 115%/1.2 Arial, Helvetica, sans-serif;
    margin: 0;
    width: 100%;
    padding: 0.3em 0.4em;
    background: #fefefe;
    border: 1px solid #ccc;
    border-radius: 0.3em;
    box-shadow: inset 0.1em 0.1em 0.1em rgba(0, 0, 0, 0.1);
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.link-hover {
	transition: all 0.3s ease 0s;
}

.link-hover:hover {
	color: #c51500;
}

.col-left ul:not([class]), 
.col-right ul:not([class]) {
	display: block;
	list-style: none;
	padding-left: 15px;
}

.col-left ul:not([class]) li, 
.col-right ul:not([class]) li {
	display: block;
	position: relative;
	list-style: none;
	padding: 5px 0 0 15px;
}

.col-left ul:not([class]) li:before, 
.col-right ul:not([class]) li:before {
	content: "";
	display: block;
	height: 5px;
	width: 5px;
	background-color: #282828;
	top: 13px;
	left: 0;
	position: absolute;
	border-radius: 50%;
}

.icon-box {
	display: inline-block;
	position: relative;
	border: 2px solid #262626;
	padding: 7px;
	position: absolute;
	bottom: 20px;
	left: 20px;	
	background-color: #ffffff;
	text-align: center;
}

.icon-box i{
	display: inline-block;
	vertical-align: top;
	width: 28px;
	height: 27px;
	margin-bottom: 7px;
	background-repeat: no-repeat;
	background-position: center center;
	background-attachment: scroll;
	background-color: transparent;
	background-size: contain;
}


.icon-box span{
	display: block;
	font: 12px 'Opensans-Regular';
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.video-box {
	display: block;
	height: 400px;
	width: 100%;
	padding-top: 40px;
}

.video-box a,
.video-box figure {
	display: block;
	width: 100%;
	height: 100%;
}

.video-box figure {
	display: flex;
	background-attachment: scroll;
	background-color: transparent;
	background-position:center center;
	background-repeat: no-repeat;
	background-size: cover;
	flex-direction: column;
	justify-content: flex-end;
	padding-bottom: 20px;
	position: relative;
	z-index: 0;
}

.video-box figure:before {
	content: "\f04b";
	font-weight: bold;
	font-size: 80px;
	font-family: 'Font Awesome\ 5 Pro';
	display: inline-block;
	position: absolute;
	top: 50%;
	left: 50%;
	color: #FFF;
	transform: translate(-50%, -50%);
	transition: all 0.3s ease 0s;
	text-shadow: 2px 2px 4px rgba(0,0,0,0);
}

.video-box figure:hover:before {
	color: #c51500;
	font-size: 120px;
	text-shadow: 1px 6px 16px rgba(0,0,0,0.7);
}

.video-box figure:after {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0,0,0,0.5);
	z-index: -1;
}

.video-box figcaption {
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ffffff+0,ffffff+100&1+0,0+100;White+to+Transparent */
	background: -moz-linear-gradient(left,  rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left,  rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right,  rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#00ffffff',GradientType=1 ); /* IE6-9 */
	display: block;
	padding: 14px 20px;
	font-size: 22px;
	z-index: 2;
}

/************************************************************
Before & After slider */
.ba-slider .handle{
    background: #ba151b;
    width: 5px;
}
.ba-slider .handle:after{
    content: "";
    background: url(../images/arrows/resize.png) no-repeat center center #ba151b;
    background-size: 82%;
    border: none;
    box-shadow: none;
    width: 58px;
    height: 58px;
    line-height: 58px;
    margin: -29px 0 0 -26px;
}

.modal {
	cursor: pointer;
}

button {
	cursor: pointer;
}

video {
	height: 100%;
	width: 100%;
}

#hero-banner-images .add-video {
	position: relative;
	height: auto;
	z-index: 0;
}

#hero-banner-images .add-video:after {
	position: fixed;
}