/*
Theme Name: Salient Child Theme
Theme URI: http: //mysite.com/
Description: This is a custom child theme for Salient
Author: My Name
Author URI: http: //mysite.com/
Template: salient
Version: 0.1
*/


/* ==========================================================================
   Fonts
   ========================================================================== */

@font-face {
    font-family: 'encode_sans_expandedblack';
    src: url('fonts/encodesansexpanded-black-webfont.eot');
    src: url('fonts/encodesansexpanded-black-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/encodesansexpanded-black-webfont.woff2') format('woff2'),
         url('fonts/encodesansexpanded-black-webfont.woff') format('woff'),
         url('fonts/encodesansexpanded-black-webfont.ttf') format('truetype'),
         url('fonts/encodesansexpanded-black-webfont.svg#encode_sans_expandedblack') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'encode_sans_expandedbold';
    src: url('fonts/encodesansexpanded-bold-webfont.eot');
    src: url('fonts/encodesansexpanded-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/encodesansexpanded-bold-webfont.woff2') format('woff2'),
         url('fonts/encodesansexpanded-bold-webfont.woff') format('woff'),
         url('fonts/encodesansexpanded-bold-webfont.ttf') format('truetype'),
         url('fonts/encodesansexpanded-bold-webfont.svg#encode_sans_expandedbold') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'encode_sans_expandedextrabold';
    src: url('fonts/encodesansexpanded-extrabold-webfont.eot');
    src: url('fonts/encodesansexpanded-extrabold-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/encodesansexpanded-extrabold-webfont.woff2') format('woff2'),
         url('fonts/encodesansexpanded-extrabold-webfont.woff') format('woff'),
         url('fonts/encodesansexpanded-extrabold-webfont.ttf') format('truetype'),
         url('fonts/encodesansexpanded-extrabold-webfont.svg#encode_sans_expandedextrabold') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'encode_sans_expandedXLt';
    src: url('fonts/encodesansexpanded-extralight-webfont.eot');
    src: url('fonts/encodesansexpanded-extralight-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/encodesansexpanded-extralight-webfont.woff2') format('woff2'),
         url('fonts/encodesansexpanded-extralight-webfont.woff') format('woff'),
         url('fonts/encodesansexpanded-extralight-webfont.ttf') format('truetype'),
         url('fonts/encodesansexpanded-extralight-webfont.svg#encode_sans_expandedXLt') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'encode_sans_expandedlight';
    src: url('fonts/encodesansexpanded-light-webfont.eot');
    src: url('fonts/encodesansexpanded-light-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/encodesansexpanded-light-webfont.woff2') format('woff2'),
         url('fonts/encodesansexpanded-light-webfont.woff') format('woff'),
         url('fonts/encodesansexpanded-light-webfont.ttf') format('truetype'),
         url('fonts/encodesansexpanded-light-webfont.svg#encode_sans_expandedlight') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'encode_sans_expandedmedium';
    src: url('fonts/encodesansexpanded-medium-webfont.eot');
    src: url('fonts/encodesansexpanded-medium-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/encodesansexpanded-medium-webfont.woff2') format('woff2'),
         url('fonts/encodesansexpanded-medium-webfont.woff') format('woff'),
         url('fonts/encodesansexpanded-medium-webfont.ttf') format('truetype'),
         url('fonts/encodesansexpanded-medium-webfont.svg#encode_sans_expandedmedium') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'encode_sans_expandedregular';
    src: url('fonts/encodesansexpanded-regular-webfont.eot');
    src: url('fonts/encodesansexpanded-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/encodesansexpanded-regular-webfont.woff2') format('woff2'),
         url('fonts/encodesansexpanded-regular-webfont.woff') format('woff'),
         url('fonts/encodesansexpanded-regular-webfont.ttf') format('truetype'),
         url('fonts/encodesansexpanded-regular-webfont.svg#encode_sans_expandedregular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'encode_sans_expandedsemibold';
    src: url('fonts/encodesansexpanded-semibold-webfont.eot');
    src: url('fonts/encodesansexpanded-semibold-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/encodesansexpanded-semibold-webfont.woff2') format('woff2'),
         url('fonts/encodesansexpanded-semibold-webfont.woff') format('woff'),
         url('fonts/encodesansexpanded-semibold-webfont.ttf') format('truetype'),
         url('fonts/encodesansexpanded-semibold-webfont.svg#encode_sans_expandedsemibold') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'encode_sans_expandedthin';
    src: url('fonts/encodesansexpanded-thin-webfont.eot');
    src: url('fonts/encodesansexpanded-thin-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/encodesansexpanded-thin-webfont.woff2') format('woff2'),
         url('fonts/encodesansexpanded-thin-webfont.woff') format('woff'),
         url('fonts/encodesansexpanded-thin-webfont.ttf') format('truetype'),
         url('fonts/encodesansexpanded-thin-webfont.svg#encode_sans_expandedthin') format('svg');
    font-weight: normal;
    font-style: normal;
}

/* ==========================================================================
   Overall styles
   ========================================================================== */

html, body { font-family: sans-serif; color: #666; scroll-behavior: smooth; line-height: 20px; font-size: 14px;  }
body { padding: 0px; background: none; }

h1, h2, h3, h4, h5, h6 {font-weight: normal;color: #000; font-family: 'encode_sans_expandedbold'; }

a { color: #53a6bc; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease;cursor: pointer;text-decoration: none!important;}
a:hover h5 { text-decoration: underline; }
a.underlined {text-decoration: underline!important;}

.light a { color: #fff; -we.light bkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease;cursor: pointer;text-decoration: none!important;}
.light a:hover { color: #53a6bc; }

h1{margin-top: 0px;font-size: 50px;line-height: 56px;}
h2{margin-top: 0px;font-size: 28px;line-height: 40px;}
h3{margin-top: 0px;font-size: 30px;line-height: 34px;}
h4{margin-top: 0px;font-size: 18px;line-height: 24px;}
h5{ margin-top: 0px; font-size: 16px; line-height: 22px;  }
h6{ margin-top: 0px; font-size: 14px; line-height: 20px;  }
p, li, td { color: #666;line-height: 20px;font-size: 14px;direction: ltr;}

img { max-width: 100%; }

.text-light { font-family: ; }
.text-regular { font-family: ; }
.text-bold, strong, b {}

.text-left { text-align: left !important; }
.text-right { text-align: right !important; }
.text-center { text-align: center !important; }
.text-justify { text-align: justify !important; }

.uppercase { text-transform: uppercase; }
.lowercase { text-transform: lowercase; }
.capitalize { text-transform: capitalize; }
.nocase { text-transform: none; }

.padded { padding-top: 15px; padding-bottom: 15px; }
.padded.padded-sm { padding-top: 5px; padding-bottom: 5px; }
.padded.padded-xl { padding-top: 60px!important; padding-bottom: 60px!important; }
.padded.padded-xl-equal { padding: 60px!important; }
.padded.padded-lg { padding-top: 30px!important; padding-bottom: 30px!important; }
.padded.padded-xxl { padding-top: 90px!important; padding-bottom: 90px!important; }
.padded.padded-top { padding-top: 15px; padding-bottom: 0px!important; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.padded.padded-bottom { padding-top: 0px!important; padding-bottom: 15px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.padded.padded-sm.padded-top { padding-top: 5px!important; padding-bottom: 0px!important; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.padded.padded-sm.padded-bottom { padding-top: 0px!important; padding-bottom: 5px!important; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.padded.padded-lg.padded-top { padding-top: 30px!important; padding-bottom: 0px!important; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.padded.padded-lg.padded-bottom { padding-top: 0px!important; padding-bottom: 30px!important; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.padded.padded-xl.padded-top { padding-top: 60px!important; padding-bottom: 0px!important; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.padded.padded-xl.padded-bottom { padding-top: 0px!important; padding-bottom: 60px!important; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.padded.padded-xxl.padded-top { padding-top: 90px!important; padding-bottom: 0px!important; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.padded.padded-xxl.padded-bottom { padding-top: 0px!important; padding-bottom: 90px!important; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

.contain { padding-left: 15px; padding-right: 15px; }
.contain.contain-sm { padding-left: 5px; padding-right: 5px; }
.contain.contain-xl { padding-left: 60px!important; padding-right: 60px!important; }
.contain.contain-xl-equal { padding: 60px!important; }
.contain.contain-lg { padding-left: 30px!important; padding-right: 30px!important; }
.contain.contain-xxl { padding-left: 90px!important; padding-right: 90px!important; }
.contain.contain-left { padding-left: 15px; padding-right: 0px!important; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.contain.contain-right { padding-left: 0px!important; padding-right: 15px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.contain.contain-sm.contain-left { padding-left: 5px!important; padding-right: 0px!important; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.contain.contain-sm.contain-right { padding-left: 0px!important; padding-right: 5px!important; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.contain.contain-lg.contain-left { padding-left: 30px!important; padding-right: 0px!important; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.contain.contain-lg.contain-right { padding-left: 0px!important; padding-right: 30px!important; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.contain.contain-xl.contain-left { padding-left: 60px!important; padding-right: 0px!important; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.contain.contain-xl.contain-right { padding-left: 0px!important; padding-right: 60px!important; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.contain.contain-xxl.contain-left { padding-left: 90px!important; padding-right: 0px!important; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.contain.contain-xxl.contain-right { padding-left: 0px!important; padding-right: 90px!important; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

.unpad-bottom { margin-bottom: 0px!important; }

.margined { margin-top: 15px; margin-bottom: 15px; }
.margined.margined-sm { margin-top: 5px; margin-bottom: 5px; }
.margined.margined-xl { margin-top: 60px!important; margin-bottom: 60px!important; }
.margined.margined-xl-equal { margin: 60px!important; }
.margined.margined-lg { margin-top: 30px!important; margin-bottom: 30px!important; }
.margined.margined-xxl { margin-top: 90px!important; margin-bottom: 90px!important; }
.margined.margined-top { margin-top: 15px; margin-bottom: 0px!important; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.margined.margined-bottom { margin-top: 0px!important; margin-bottom: 15px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.margined.margined-sm.margined-top { margin-top: 5px!important; margin-bottom: 0px!important; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.margined.margined-sm.margined-bottom { margin-top: 0px!important; margin-bottom: 5px!important; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.margined.margined-lg.margined-top { margin-top: 30px!important; margin-bottom: 0px!important; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.margined.margined-lg.margined-bottom { margin-top: 0px!important; margin-bottom: 30px!important; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.margined.margined-xl.margined-top { margin-top: 60px!important; margin-bottom: 0px!important; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.margined.margined-xl.margined-bottom { margin-top: 0px!important; margin-bottom: 60px!important; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.margined.margined-xxl.margined-top { margin-top: 90px!important; margin-bottom: 0px!important; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.margined.margined-xxl.margined-bottom { margin-top: 0px!important; margin-bottom: 90px!important; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

.no-margin {/* margin: 0!important; */}

.bkg-cover {background-repeat: no-repeat;-webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;background-size: cover;background-position: center;}
.bkg-fixed { background-repeat: no-repeat!important; -webkit-background-size: cover!important; -moz-background-size: cover!important; -o-background-size: cover!important; background-size: cover!important; background-position: center; background-attachment: fixed!important; }
.bkg-contain {background-repeat: no-repeat;-webkit-background-size: contain!important;-moz-background-size: contain!important;-o-background-size: contain!important;background-size: contain!important;}
.bkg-centered { background-position: center; }
.bkg-multiply {mix-blend-mode: multiply;}

.bkg-tl { background-position: top left!important; }
.bkg-tc { background-position: top center!important; }
.bkg-tr { background-position: top right!important; }
.bkg-cl { background-position: center left!important; }
.bkg-cc { background-position: center center!important; }
.bkg-cr { background-position: center right!important; }
.bkg-bl { background-position: bottom left!important; }
.bkg-bc { background-position: bottom center!important; }
.bkg-br { background-position: bottom right!important; }

.overlay-opaque { position: relative; z-index: 0; }
.overlay-opaque:after {content: "";display: block;position: absolute;top: 0;left: 0;width: 100%;height: 100%;z-index: -1;background-color: rgba(0,0,0,0.3);-webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-o-transition: all 0.5s ease;transition: all 0.5s ease;}
.overlay-opaque.hover:hover:after { background-color: transparent; }


/* ==========================================================================
   Site Colors
   ========================================================================== */

.bkg-white { background-color: #fff;}
.bkg-white.opaque {background-color: rgba(255,255,255,0.5)!important;}
.bkg-black { background-color: #000; }
.bkg-black.opaque { background-color: rgba(0,0,0,0.5)!important; }
.bkg-black.light { background-color: #222; }
.bkg-grey { background-color: #e6e6e6; }
.bkg-grey-lighter { background-color: #f3f3f3; }
.bkg-grey-light { background-color: #f7f7f7; }
.bkg-grey-dark { background-color: #666; }
.bkg-grey-darker { background-color: #333; }

.bkg-site1 { background-color: #53a6bc; } 
.bkg-site2 { background-color: #53a6bc; }
.bkg-site3 { background-color: #12600E; }
.bkg-site4 { background-color:  #74AF68; }
.bkg-site5 { background-color:  #178A96; }

.text-black { color: #000!important; }
.text-black-opaque { color: rgba(0,0,0,0.5)!important; }
.text-white { color: #fff!important;}
.text-white-opaque { color: rgba(255,255,255,0.6)!important; }
.text-grey { color: #e6e6e6!important; }
.text-grey-lighter { color: #f3f3f3!important; }
.text-grey-light { color: #f7f7f7!important; }
.text-grey-dark { color: #666!important; }
.text-grey-darker { color: #3f3f3f!important; }

.text-site1 { color: #53a6bc!important; }
.text-site2 { color: #53a6bc!important; }
.text-site3 { color: #12600E!important; }
.text-site4 { color:  #74AF68!important; }
.text-site5 { color:  #178A96!important; }

/* ==========================================================================
   Button & Link Styles
   ========================================================================== */

.nectar-button, .ascend .nectar-button.see-through, html body.ascend .nectar-button.see-through, .swiper-slide .button a, html body.ascend .nectar-button.see-through-2, .ascend .nectar-button, body .nectar-slider-wrap[data-full-width="false"] .swiper-slide .button.transparent a {border-radius: 10px!important;padding: 15px 25px!important;text-transform: none;font-size: 14px!important;font-weight: 600;font-family: 'Lato';}
.nectar-button:hover, .ascend .nectar-button.see-through:hover, html body.ascend .nectar-button.see-through:hover, .swiper-slide .button a:hover, html body.ascend .nectar-button.see-through-2:hover, .ascend .nectar-button:hover, .nectar-slider-wrap[data-full-width="false"] .swiper-slide .button.transparent a:hover {color: #fff!important;background-color: #53a6bc!important;}

/* ==========================================================================
   Header
   ========================================================================== */

body #header-outer, body[data-header-color="dark"] #header-outer { background-color: #1d1e1e!important; }

body #header-outer[data-lhe="default"] header#top nav > ul > li > a, #mobile-menu ul li a {font-family: 'encode_sans_expandedsemibold';font-size: 14px;color: #fff; text-transform: uppercase; }
#mobile-menu ul li a:hover, #mobile-menu ul li a:hover [class^="icon-"], #mobile-menu li.open >a, #mobile-menu ul li.current-menu-item >a, #mobile-menu ul li.current-menu-ancestor >a { color: #53a6bc; }

html body[data-header-color="dark"] header#top nav ul #search-btn >div { padding-left: 0!important; border: 0!important; }
header#top nav ul #search-btn a span {color: #fff!important;}

html body #header-outer[data-lhe="default"] header#top nav >ul >li#social-in-menu { margin-left: 10px; }
html body #header-outer[data-lhe="default"] header#top nav >ul >li#social-in-menu > a {background: #A8ACAD;width: 27px;height: 27px;border-radius: 50%;line-height: 25px;position: relative;top: -4px;}
html body #header-outer[data-lhe="default"] header#top nav >ul >li#social-in-menu > a:hover { background: #53A6BC; }
html body #header-outer[data-lhe="default"] header#top nav >ul >li#social-in-menu > a i:before {color: #1d1e1e!important;}
html body #header-outer[data-lhe="default"] header#top nav >ul >li#social-in-menu > a i:after {color: #fff!important;}

/* ==========================================================================
   HEADING Styles
   ========================================================================== */

/* ==========================================================================
   Lists
   ========================================================================== */

/* REMEMBER TO CHANGE THIS CSS */

/*[data-dve-type*="html"]*/ ul.list { padding-left: 0px; }
/*[data-dve-type*="html"]*/ ul.list li { position: relative; padding-left: 15px; }
/*[data-dve-type*="html"]*/ ul.list li::before {content: '\2022';display: inline-block;color: inherit;position: absolute;left: 0;font-size: 130%;color: #53a6bc;}
/*[data-dve-type*="html"]*/ ul.list li li::before { content: '\2013'; font-size: 100%; }
/*[data-dve-type*="html"]*/ ul.list + p { padding-top: 15px; }

/*[data-dve-type*="html"]*/ ol.list {padding-left: 0px;counter-reset: lower-alpha;}
/*[data-dve-type*="html"]*/ ol.list li { position: relative; padding-left: 30px; counter-increment: step-counter; }
/*[data-dve-type*="html"]*/ ol.list li::before { content: counter(step-counter)'.'; display: inline-block; color: #000; position: absolute; left: 0;  }
/*[data-dve-type*="html"]*/ ol.list[style*="lower-alpha"] li::before {content: counter(step-counter, lower-alpha)'.';display: inline-block;color: #000;position: absolute;left: 0;}
/*[data-dve-type*="html"]*/ ol.list li li::before { content: counter(step-counter)'.'; font-size: 100%; }
/*[data-dve-type*="html"]*/ ol.list ul { counter-reset: step-counter; }
/*[data-dve-type*="html"]*/ ol.list ul li::before { content: '\2022'; display: inline-block; color: inherit; position: absolute; left: 0; font-size: 130%; color: #53a6bc; }
/*[data-dve-type*="html"]*/ ol.list + p { padding-top: 15px;  }

dl.dl-horizontal { margin-bottom: 5px; }
.dl-horizontal dt { text-align: left!important; }

/* ==========================================================================
   Slider / Carousel styles
   ========================================================================== */

.orbit-wrapper div.slider-nav span { background-color: transparent!important; }

/* ==========================================================================
   Content styles
   ========================================================================== */

.home-wrap { padding-top: 0!important; }

.container-wrap { padding-top: 0; }

.iwithtext .iwt-icon img { width: 75px!important; }
.iwithtext .iwt-text {padding: 10px!important;}
.iwithtext .iwt-text h4 {padding-left: 80px!important;height: 75px;vertical-align: middle;display: table-cell;width: 100%;position: relative;top: -10px;}

.column-link {width: 100%;height: 100%;z-index: -1;  -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease;}
.column-link:before { content: ''; width: 100%; height: 100%; display: inline-block; position: absolute; left: 0; top: 0; background: rgba(0,0,0,0.3); }
.column-link:hover:before { opacity: 0.5; }
.column-link + .vc_column-inner {pointer-events: none;padding: 3vw 30px 5.5vw 30px !important; }
.column-link + .vc_column-inner h2 { color: #fff; }
.column-link + .vc_column-inner h2:before {content: '';width: 120px;height: 80px;display: block;margin: 0 auto;position: relative;left: 0;top: 0;background: transparent;background-repeat: no-repeat;-webkit-background-size: 60%;-moz-background-size: 60%;-o-background-size: 60%;background-size: 60%;background-position: center; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; }
.column-link:hover + .vc_column-inner h2:before {content: '';width: 120px;height: 80px;display: block;margin: 0 auto;position: relative;left: 0;top: 0;background: url(/luisphotosgibraltar.com/wp-content/uploads/2017/10/logo-icon-opaque.png');background-repeat: no-repeat;-webkit-background-size: 60%;-moz-background-size: 60%;-o-background-size: 60%;background-size: 60%;background-position: center;}

div.portfolio-items[data-col-num="elastic"], .portfolio-items .col img { border: 4px solid #fff; }

#welcome .row-bg-wrap:after, .wpb_row .row-bg[data-enable_gradient="true"][data-overlay_strength="image_trans"]:before { background-image: url('/luisphotosgibraltar.com/wp-content/uploads/2017/10/logo-icon-opaque-bkg.png'); background-position: bottom right; background-repeat: no-repeat; display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; content: ' '; z-index: 2; }


/* ==========================================================================
   FORM styles
   ========================================================================== */

html body.ascend .container-wrap .span_12.light .wpcf7-form input[type="text"], html body.ascend .container-wrap .span_12.light .wpcf7-form input[type="date"], html body.ascend .container-wrap .span_12.light .wpcf7-form input[type="number"], html body.ascend .container-wrap .span_12.light .wpcf7-form input[type="email"], html body.ascend .container-wrap .span_12.light .wpcf7-form input[type="password"], html body.ascend .container-wrap .span_12.light .wpcf7-form select, html body.ascend .container-wrap .span_12.light .wpcf7-form textarea, html body.ascend .container-wrap .span_12.light .wpcf7-form  .button {box-shadow: none!important;border: 0!important;/* height: 45px!important; */background: transparent;background-color: transparent;color: #fff;margin-top: 30px!important;border-bottom: 1px solid #ccc!important;padding: 0px 0 15px 0!important;font-size: 14px!important;}
html body.ascend .container-wrap .span_12.light .wpcf7-form textarea {min-height: 40px;height: auto!important;max-height: 43px;margin-bottom: 30px!important;}

html body.ascend .container-wrap .span_12.light .wpcf7-form .first input[type="text"] { margin-top: 0!important; }

form * { vertical-align: middle; }
form .button {color: #53a6bc!important;border-radius: 0;background: #fff;width: 100%;text-align: left;}
form .button:hover, form .button:hover:after { color: #fff!important; }
form .button:after {content: '\f105';position: relative;font-family: 'FontAwesome';font-size: 20px;margin-left: 15px!important;color: #53a6bc!important;height: 0;margin: auto;pointer-events: none;float: right;}
form button.text { background-color: transparent!important; border: 0; color: #fff; line-height: 55px; }

body.ascend .wpcf7-form input[type="submit"] {border-radius: 0px!important;padding: 15px 25px!important;text-transform: uppercase;font-size: 12px!important;font-weight: normal;border: 0;background: #53a6bc;margin-top: 30px;}
body.ascend .wpcf7-form input[type="submit"]:hover {color:  #53a6bc!important;background-color: #FFF!important;}

body.ascend #request-callback .wpcf7-form input[type="submit"] {border-radius: 5px!important;padding: 15px 25px!important;text-transform: none;font-size: 14px!important;font-weight: 600;font-family: 'Lato';border: 1px solid #fff;background: transparent;}
body.ascend #request-callback .wpcf7-form input[type="submit"]:hover {color:  #53a6bc!important;background-color: #FFF!important;}

.wpcf7-form a.call {color: #fff;font-size: 12px;}
.wpcf7-form a.call:hover { opacity: 0.8; }
.wpcf7-form a.call:before {content: '\f095';font-family: 'FontAwesome';font-size: 20px;line-height: 38px;text-align: center;color: #53a6bc;height: 35px;width: 35px;display: inline-block;background: #fff;border-radius: 50%;float: left;margin-right: 5px;top: 5px;position: relative;}

body.ascend .wpcf7-form ::-webkit-input-placeholder {color: #CCC!important;font-family: 'encode_sans_expandedbold';font-size: 14px;}
body.ascend .wpcf7-form ::-moz-placeholder { color: #CCC!important; font-family: 'encode_sans_expandedbold'; font-size: 15px;}
body.ascend .wpcf7-form ::-ms-input-placeholder { color: #CCC!important; font-family: 'encode_sans_expandedbold'; font-size: 15px;}
body.ascend .wpcf7-form ::-moz-placeholder { color: #CCC!important; font-family: 'encode_sans_expandedbold'; font-size: 15px;}
body.ascend .wpcf7-form ::input-placeholder { color: #CCC!important; font-family: 'encode_sans_expandedbold'; font-size: 15px;}
body.ascend .wpcf7-form ::placeholder {color: #CCC!important;font-family: 'encode_sans_expandedbold';font-size: 14px;}

/* ==========================================================================
   IMG styles
   ========================================================================== */

.circle-wrapper { display: table; width: 100%;  vertical-align: middle;padding: 10% 0;}
.circle-text { display: table-cell; overflow: hidden; height: 100%;}
.circle-text:after { content: ""; display: block; width: 100%; height:0; padding-bottom: 100%; -moz-border-radius: 50%;  -webkit-border-radius: 50%;  border-radius: 50%; }
.circle-text div { float:left; width:100%; padding: 30px; padding-top: 18%; line-height:1em; margin-top:-0.5em; text-align:center; color:white; }

.content-block-wrapper { padding-top: 38px; }
.content-block { padding: 24px; border: 1px solid #e0e0e0; }
.content-block p, .content-block a { font-size: 12px; line-height: 16px; margin-bottom: 0px; }
.content-block a { color: #e5d1c2; }
.content-block a:hover { color: #ccc; }

.circle-img { position: relative; overflow: hidden; -moz-border-radius: 50%; -webkit-border-radius: 50%;  border-radius: 50%; }
.circle-img:before{ content: ""; display: block; padding-top: 100%;}
.circle-img > *, .circle-img > img { position: absolute; width: 100%; height: 100%; top: 0; }
.circle-img > *.centered { -webkit-font-smoothing: antialiased; top: 50%;-webkit-transform: translate(-50%, -50%)!important; transform: translate(-50%, -50%);z-index: 9999;height: auto!important;left: 50%;}

.square-img { position: relative; overflow: hidden; }
.square-img:before{ content: ""; display: block; padding-top: 100%;}
.square-img > *, .square-img > img {position: absolute!important;width: 100%;height: 100%;top: 0;}
.square-img > *.centered { -webkit-font-smoothing: antialiased; top: 50%;-webkit-transform: translate(-50%, -50%)!important; transform: translate(-50%, -50%);z-index: 9999;height: auto!important;left: 50%;}

.rectangle-img { position: relative; overflow: hidden; }
.rectangle-img:before{ content: ""; display: block; padding-top: 50%; }
.rectangle-img > *, .rectangle-img > img { position: absolute; width: 100%; height: 100%; top: 0; }
.rectangle-img > *.centered { -webkit-font-smoothing: antialiased; top: 50%;-webkit-transform: translate(-50%, -50%)!important; transform: translate(-50%, -50%);z-index: 9999;height: auto!important;left: 50%;}

.sixteen-nine-img { position: relative; overflow: hidden; }
.sixteen-nine-img:before{ content: ""; display: block; padding-top: 56.25%; }
.sixteen-nine-img > *, .sixteen-nine-img > img { position: absolute; width: 100%; height: 100%; top: 0; }
.sixteen-nine-img > *.centered { -webkit-font-smoothing: antialiased; top: 50%;-webkit-transform: translate(-50%, -50%)!important; transform: translate(-50%, -50%);z-index: 9999;height: auto!important;left: 50%;}

.twentyone-nine-img { position: relative; overflow: hidden; }
.twentyone-nine-img:before{ content: ""; display: block; padding-top: 42.86%; }
.twentyone-nine-img > *, .twentyone-nine-img > img { position: absolute; width: 100%; height: 100%; top: 0; }
.twentyone-nine-img > *.centered { -webkit-font-smoothing: antialiased; top: 50%;-webkit-transform: translate(-50%, -50%)!important; transform: translate(-50%, -50%);z-index: 9999;height: auto!important;left: 50%;}

.twentyone-six-img { position: relative; overflow: hidden; }
.twentyone-six-img:before{ content: ""; display: block; padding-top: 28.571%; }
.twentyone-six-img > *, .twentyone-six-img > img { position: absolute; width: 100%; height: 100%; top: 0; }
.twentyone-six-img > *.centered { -webkit-font-smoothing: antialiased; top: 50%;-webkit-transform: translate(-50%, -50%)!important; transform: translate(-50%, -50%);z-index: 9999;height: auto!important;left: 50%;}

.twentyone-three-img { position: relative; overflow: hidden; }
.twentyone-three-img:before{ content: ""; display: block; padding-top: 14.28%; }
.twentyone-three-img > *, .twentyone-six-img > img { position: absolute; width: 100%; height: 100%; top: 0; }
.twentyone-three-img > *.centered { -webkit-font-smoothing: antialiased; top: 50%;-webkit-transform: translate(-50%, -50%)!important; transform: translate(-50%, -50%);z-index: 9999;height: auto!important;left: 50%;}

.four-three-img { position: relative; overflow: hidden; }
.four-three-img:before{ content: ""; display: block; padding-top: 75%; }
.four-three-img > *, .four-three-img > img { position: absolute;  height: 100%; width: 100%;top: 0; }
.four-three-img > *.centered { -webkit-font-smoothing: antialiased; top: 50%;-webkit-transform: translate(-50%, -50%)!important; transform: translate(-50%, -50%);z-index: 9999;height: auto!important;left: 50%;}

.three-four-img { position: relative; overflow: hidden; }
.three-four-img:before{ content: ""; display: block; padding-top: 133%; }
.three-four-img > *, .three-four-img > img { position: absolute;  height: 100%; width: 100%; top: 0; }
.three-four-img > *.centered { -webkit-font-smoothing: antialiased; top: 50%;-webkit-transform: translate(-50%, -50%)!important; transform: translate(-50%, -50%);z-index: 9999;height: auto!important;left: 50%;}

img {/* display: block; *//* max-width: 100%; *//* height: auto; *//* width: 100%; */}
img.text-center, .text-center > img { display: inline-block; margin: 0 auto; }
.img-full, .masonry-item img, .box-full { width: 100%;max-width: none!important;}

.image-caption { display: inline-block; padding: 0 0 15px 0; text-align: center; }
.image-caption.left { padding: 0 15px 15px 0;  float: left; }
.image-caption.right { padding: 0 0 15px 15px; float: right!important; }
.image-caption.full { display: block; width: 100%; }
.image-caption span { font-size: 80%; color: #999; }

.img-block-grid img { width: 100%; }

/*.video-container, .iframe-container { position: relative; padding-bottom: 51.60%; padding-top: 30px; height: 0; overflow: hidden; cursor: pointer; }*/
.video-container, .iframe-container { position: relative; padding-top: 0; padding-bottom: 0; height: auto; max-width: 490px; margin: 0 auto; overflow: hidden; cursor: pointer; }

.video-container iframe, .iframe-container iframe, .video-container object, .video-container embed { position: relative; display: inline-block; width: 100%; height: 100%; min-height: 276px; border: 0px; }

.video-container img { display: inline-block; }

.video-container:after {pointer-events: none; content: "";z-index: 1;opacity: 0;background-color: #A2CC5E!important; background-repeat: no-repeat;-webkit-background-size: 100%;-moz-background-size: 100%;-o-background-size: 100%;background-size: contain;background-position: center;position: absolute;width: 100%;height: 100%;bottom: -300px;right: 0;left: 0;-webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-o-transition: all 0.5s ease;transition: all 0.5s ease;}
.video-container:hover:after {opacity: 0.6;bottom: 0;}
.video-container:before {pointer-events: none;  content: "";z-index: 1;background-image: url(../images/site/video-icon.png);background-repeat: no-repeat;-webkit-background-size: 90px;-moz-background-size: 90px;-o-background-size: 90px;background-size: 90px;background-position: center;position: absolute;width: 100%;height: 100%;top: 0px;right: 0;left: 0;-webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-o-transition: all 0.5s ease;transition: all 0.5s ease;}
.video-container:hover:before {background-image: url(../images/site/video-icon-hover.png);z-index: 2;}
.video-container.has-video:before, .video-container.has-video:after { content: none; }

/* ==========================================================================
   FOOTER styles
   ========================================================================== */

html body #footer-outer * {color: #999999;}
html body #footer-outer p, html body #footer-outer a { font-size: 12px!important; }
html body #footer-outer a {display: inline-block!important;width: auto;}
html body #footer-outer a:hover { color: #53a6bc!important; }

html body #footer-outer { z-index: 9; }
#footer-outer .widget {display: inline-block;padding: 0 15px;margin-bottom: 0;}
#footer-outer .widget_media_image img { width: auto; height: 50px!important; }

#footer-outer #social { margin-bottom: 10px!important; }
#footer-outer #social > li { width: auto!important; }
#footer-outer #social > li > a {background: #A8ACAD;width: 30px;height: 30px;border-radius: 50%;line-height: 31px;position: relative;top: -4px;}
#footer-outer #social > li > a:hover { background: #53A6BC; }
#footer-outer #social > li > a i { font-size: 16px; }
#footer-outer #social > li > a i:before { color: #1d1e1e!important; }
#footer-outer #social > li > a:hover i:before { color: #fff!important; }

#footer-outer .textwidget ul li, #footer-outer .textwidget ul li p { font-size: 11px; font-weight: 400;color: #ccc!important;}
#footer-outer .textwidget ul li p strong { color: #fff!important; font-weight: bold; }

#footer-outer #copyright {padding: 0px 0 20px 0;}
#footer-outer #copyright .column { position: relative; z-index: 10; display: block; float: left; }
#footer-outer #copyright .column p { color: #ccc!important; }

#footer-outer .row { padding: 20px 0px 0px 0px; margin-bottom: 0px; }
#footer-outer .col { width: 100%!important; margin-left: 0!important; margin-right: 0!important; text-align: center!important; }

/* ==========================================================================
   COOKIE styles
   ========================================================================== */

#cookie-notice .button.wp-default {border-radius: 5px !important;margin-top: 0;text-shadow: none!important;color: #fff!important;background-color: transparent!important;background: transparent;text-transform: uppercase;border: 1px solid #fff !important;display: inline-block;margin-bottom: 0;text-align: center;vertical-align: middle;cursor: pointer;transition: all 0.2s ease-in-out;}
#cookie-notice .button.wp-default:after { display: none; }
#cookie-notice .button.wp-default:hover {background: #fff!important;color: #53a6bc!important;}

/*==================================================
=            Bootstrap 3 Media Queries             =
==================================================*/


/*==========  Non-Mobile First Method  ==========*/

/* Large Devices, Wide Screens - DOWN */
@media only screen and (max-width : 1200px) {

}

@media only screen and (max-width : 1200px) and (min-width : 993px) {


}

/* Medium Devices, Desktops - DOWN */
@media only screen and (max-width : 1000px) {

.testimonial_slider .slides:before {font-size: 22px;left: calc(50% - 172.9px);top: 5px;}

.white-container.arrow { width: 100%!important; }
.image-arrow:after {content: "";display: inline-block;height: 100%;position: absolute;width;width: calc(100vw + 10.1%);background-size: cover;background-position: center; left: -10.1%;top: 0;clear: both;background-image: inherit;visibility: visible;}
.image-arrow > * { z-index: 9999; }

div.portfolio-items[data-col-num="elastic"] { padding-right: 4px; }

#footer-widgets .container .col { margin-bottom: 0!important; }

}

@media only screen and (min-width : 690px) and (max-width : 1000px) {

/*body[data-header-color="dark"] #header-outer .contact { padding-right: 30px!important; }
body header#top .col.span_3 {position: relative;left: 0px;top: 0px;margin-right: 0;z-index: 1000;width: 100%!important;}
body header#top .col.span_3 #logo img { margin: 0 auto; }
body header#top .col.span_9  { min-height: auto!important; }
*/
}

/* Medium Devices, Desktops - DOWN */
@media only screen and (max-width : 992px) {

}

/* Small Devices, Tablets - DOWN */
@media only screen and (max-width: 767px) {

.xs-text-left { text-align: left !important; }
.xs-text-right { text-align: right !important; }
.xs-text-center { text-align: center !important; }
.xs-text-justify { text-align: justify !important; }

[data-dve-type="html"] table {overflow: scroll!important;width: 100%;display: block;}
[data-dve-type="html"] table > tbody { display: table; }

footer .lower .menu .auto-col {border-bottom: 1px solid #f6f6f6;border-right: 0px solid #f6f6f6;padding-bottom: 15px;margin-bottom: 15px;}

}

@media only screen and (max-width : 690px) {

body[data-header-color="dark"] #header-outer .contact {padding-right: 30px!important;padding-bottom: 15px;}
body header#top .col.span_3 {position: relative;left: 0px;margin-right: 0;margin-bottom: 18px;z-index: 1000;width: 100%!important;}
body header#top .col.span_3 #logo img {/* height: auto!important; */}
body header#top .col.span_9  { min-height: auto!important; }

body[data-header-color="dark"] #header-outer .contact ul li a span { display: none!important; }

.column-link + .vc_column-inner {pointer-events: none; padding: 30px 30px 50px 30px!important; }

#footer-outer[data-cols="1"] #copyright .column.col_last { text-align: right!important; }
#footer-outer[data-cols="1"] #copyright .column, #footer-outer #copyright p { display: inline-block!important; width: 100%!important; text-align: center!important; }

}

@media only screen and (min-width : 480px) and (max-width : 767px) {

}

/* Extra Small Devices, Phones - DOWN */ 
@media only screen and (max-width : 480px) {


}

/* Custom, iPhone Retina - DOWN  */ 
@media only screen and (max-width : 320px) {

}


/*==========  Mobile First Method  ==========*/

/* Custom, iPhone Retina - UP */ 
@media only screen and (min-width : 320px) {

}

/* Extra Small Devices, Phones - UP */ 
@media only screen and (min-width : 480px) {

}

/* Small Devices, Tablets - UP */
@media only screen and (min-width : 690px) {

#footer-outer[data-cols="1"] #copyright .column { text-align: left; }
#footer-outer[data-cols="1"] #copyright .column.col_last { text-align: right!important; }
#footer-outer #menu-footer li { display: inline-block; }

}

/* Medium Devices, Desktops - UP */
@media only screen and (min-width: 993px) {

.auto-col { -webkit-column-width: 50%; -moz-column-column-width: 50%; column-width: 50%; -webkit-column-count: 2; -moz-column-count: 2; column-count: 2; -webkit-column-gap: 15px; -moz-column-gap: 80px; column-gap: 80px; -webkit-column-break-inside: avoid; page-break-inside: avoid; break-inside: avoid; }

.inner-container {max-width: 555px;padding-left: 30px!important;display: block;width: 100%;position: relative;}
.inner-container.right {padding-right: 30px;padding-left: 0px;float: none;margin: 0 0 0 auto;}
.inner-container.right.row {padding-right: 30px;padding-left: 0px;float: none;margin: 0 -15px 0 auto;}
.col-md-8 .inner-container.two-thirds {max-width: 886px!important;}

.white-container:before { content: ''!important; width: 50vw; height: 100%; background: #fff; left: 0vw!important; position: absolute; z-index: 2; display: inline-block!important; }

.white-container .wpb_column:first-child { padding-right: 30px; }
.white-container .wpb_column:last-child { padding-left: 30px; }

.image-container { position: initial; }
.image-container:before { content: ''!important; width: 50vw; height: 100%; background: inherit; left: 0vw!important; position: absolute; z-index: 2; display: inline-block!important; }

.image-container .wpb_column:first-child { padding-right: 30px; }
.image-container .wpb_column:last-child { padding-left: 30px; }

}

/* Medium Devices, Desktops - UP */
@media only screen and (min-width : 690px) and (max-width : 1023px) {

#footer-outer .textwidget ul li {width: 49%;display: inline-block;float: none;text-align: left;clear: right;vertical-align: top;margin-top: 25px!important;}

}
@media only screen and (min-width: 1000px) {
    
body .parallax_slider_outer.first-section {margin-top: -125px!important;}
#page-header-wrap { margin-top: -125px; }

#welcome .row-bg-wrap.instance-0:after { width: 50%; right: 0; left: auto; }
#welcome .row-bg-wrap:after, .wpb_row .row-bg[data-enable_gradient="true"][data-overlay_strength="image_trans"]:before { display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; content: ' '; z-index: 2; }

.reverse-order { order: 2; }

.reverse-order.image-arrow:after {left: -10.1%;right: auto;}
.reverse-order + .col { margin-left: 0; margin-right: 2.1%!important; }

.image-arrow:after {content: "";display: inline-block;height: 100%;position: absolute;width;width: calc(50vw + 10.1%);background-size: cover;background-position: center;right: -10.1%;top: 0;clear: both;background-image: inherit;visibility: visible;}
.image-arrow > * { z-index: 9999; }

.image-arrow.col + .col:before {display: block;position: absolute;top: 0;left: -2.1%;width: 8%;height: calc(50% - 59px);content: ' ';z-index: 2;background: #fff;visibility: visible; }
.image-arrow.col + .col:after {display: block;position: absolute;bottom: 0;left: -2.1%;width: 8%;height: calc(50% - 59px);content: ' ';z-index: 2;background: #fff;visibility: visible; }

.reverse-order.image-arrow.col + .col:after {left: auto; right: -2.1%; }
.reverse-order.image-arrow.col + .col:before {left: auto; right: -2.1%; }

.image-arrow.col + .col > .vc_column-inner {z-index: 99999999999999999;padding-left: 12.1%;}
.reverse-order.image-arrow.col + .col > .vc_column-inner {z-index: 99999999999999999;padding-left: 0; padding-right: 12.1%;}

}

/* Medium Devices, Desktops - UP */
@media only screen and (min-width: 1024px) {

#footer-outer .textwidget ul li {width: 25%;display: inline-block;float: left;text-align: left;}


}

/* Medium Devices, Desktops - UP */
@media only screen and (min-width : 993px) and (max-width : 1440px) {

}

/* Large Devices, Wide Screens - UP */
@media only screen and (min-width : 1200px) {

}

/* Medium Devices, Desktops - UP */
@media only screen and (min-width : 1440px) {
   
}