/*
Theme Name: Prop Pano
Description: Child theme
Author: 3deep Media
Author URI: https://3deepmedia.com;
Template: jevelin
*/

/* Add your custom CSS below */

body { width: 100%; overflow: hidden; }

body { width: 100%; overflow: hidden; }

body p {  }

/* TYPOGRAPHY */

h1 { font-size: 35px; line-height: 45px; }
h2 { font-size: 25px; line-height: 35px; color: #000 !important; } 
h3 { font-size: 20px; line-height: 30px; color: #000 !important; } 
h4 { font-size: 20px; line-height: 30px; color: #000 !important; } 
h5 { font-size: 18px; line-height: 28px; color: #000 !important; } 

.heading-bkg { padding: 15px 20px; background-color: #333; }

.dark h1, .dark h2, .dark h3, .dark h4, .dark h5, .dark h6, .dark p, .dark a { color: #FFF !important; }

.wpb_column .text-left .sh-button { text-align: left !important; }

.sh-button { text-transform: uppercase; }

/* #page-container .container { max-width: 350px !important; } */

.center h1, .center h2, .center h3, .center h4, .center h5, .center h6, .center p { text-align: center; }

.header-contacts-details { font-size: 12px; color: #666 !important; }

.header-logo-container.sh-table-small { height: 50px; }

.sh-header-top { padding: 8px 0; }
.sh-header-top span { color: #FFF !important; font-weight: 600; }
.sh-header-top a { color: #FFF !important; font-weight: 600; }
.sh-header-top a:hover { color: #666 !important; }

.header-logo { border: none !important; padding: 0 !important; }
.header-logo .header-logo-container {  }

.sh-header-mobile-spacing-compact .sh-header-mobile-navigation .sh-nav-container { padding: 10px 0; }

#header-mobile .sh-header-mobile-navigation {  }
#header-mobile .sh-header-mobile-dropdown { padding-top: 30px; }
#header-mobile .sh-header-mobile-dropdown a { font-weight: 300; padding: 20px 0px; }

#page-container header.primary-mobile-light .sh-header-mobile.sh-sticky-mobile-header-active {
    border-bottom: 0 !important;
}

#header-mobile .header-mobile-social-media a { height: 30px !important; }
#header-mobile .header-mobile-social-media i { line-height: 30px !important; color: #aebcc7 !important; }

.header-mobile-form-input { font-weight: normal !important; font-style: normal !important; }

.sh-header-mobile { }
.sh-header-mobile .sh-standard-logo { display: none; }
.sh-header-mobile .sh-light-logo { display: block; }
.sh-header-mobile .c-hamburger span, .sh-header-mobile .c-hamburger span::before, .sh-header-mobile .c-hamburger span::after { background-color: #000 !important; }
.sh-header-mobile .c-hamburger.c-hamburger--htx.is-active span { background-color: transparent !important; }

.sh-header-mobile .sh-table { padding: 10px 0; }

.sh-header-mobile-dropdown { height: 100vh; max-height: 100vh; }

.header-mobile-social-media { position: absolute; z-index: 1000; bottom: 0; }
.header-mobile-search { display: none !important; }

.sh-sticky-header-active { background: #EEE !important; }
.sh-sticky-header-active ul li a { color: #000 !important; }
.sh-sticky-header-active ul li a:hover { color: #4036c6 !important; } 

/* New Header Styles */

.sh-header { }
.sh-nav > li.menu-item > a { color: #333; }
.icon-basket.sh-header-builder-main-element-icon::before { color: #FFF !important; }

.sh-header-search { background-color: #aebcc7; border: 0; height: 71px; }

.cart-icon span { font-family: 'Helvetica Neue', helvetica, arial, sans-serif; }

/* .sh-header .menu-item.current-menu-ancestor.current-menu-parent.menu-item-has-children { background-color: rgba(0,0,0,0.2) !important; } */

.dark h1, .dark h2, .dark h3, .dark h4, .dark h5, .dark h6, .dark p, .dark a { color: #FFF !important; }
.dark .sh-button { color: #333 !important; }

.dark h1 { background: rgba(0,0,0,0.7); padding: 20px; display: inline-block; }

div.sh-divider.sh-divider-.sh-divider-content-icon_option { margin: 20px 0 !important; }

body h1 { font-size: 30px; line-height: 40px; color: #333; font-weight: 700; padding-bottom: 10px; }
body h2 { font-size: 18px; line-height: 28px; color: #666; }
body h3 { font-size: 18px; line-height: 28px; color: #666; }
body p { font-weight: 500; }

.sh-heading h2, .sh-heading h3, .sh-heading h4, .sh-heading h5, .sh-heading h6 { text-transform: uppercase; border-bottom: 2px solid #4036c6; padding-bottom: 30px; display: inline-block; clear: both; }


body p { font-size: 16px; line-height: 26px; }

blockquote::before {
    content: "";
    font-size: 21px;
    position: relative;
    left: 0;
    top: 0;
    margin: 30px 0;
}
blockquote {
    padding: 10px 25px;
    border-left: 5px solid #00546e;
    margin-left: 25px;
    margin: 30px 0 30px 45px;
    position: relative;
}
blockquote p { font-size: 25px !important; line-height: 35px !important; }

/* Title Area */

.title { padding: 50px 0;  }

/* .vc_column-inner { padding-top: 0px !important; } */

img.security-logos { margin-top: 20px !important; display: block; }

/* BOXES */

.box { background: #f4f4f4; padding: 20px !important; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; border: 10px solid #FFF; }
.box .vc_column-inner { padding: 0 !important; }

.box-feature { background: #f4f4f4; padding: 20px !important; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; border: 10px solid #FFF; border-radius: 20px; -webkit-border-radius: 20px; }
.box-feature .vc_column-inner { padding: 0 !important; }
.box-feature h4 { color: #4036c6 !important; }

.sh-event-button { margin: 20px 0 !important; }

.wpcf7-form label { width: 100%; }

.vc_row.no-padding { padding: 0 !important; }
.vc_row.no-padding .wpb_column.vc_column_container .wpb_content_element { padding: 0 !important; margin-bottom: 0 !important; }

.wpb_column.vc_column_container.no-padding { padding: 0 !important; }
.no-padding { padding: 0 !important; }
.vc_row-no-padding .vc_column_container .vc_column-inner { padding: 0 !important; }

.wpb_column.vc_column_container.fifty-text-left { padding-left: 20px !important; padding-right: 20px !important; padding-top: 30px !important; padding-bottom: 30px !important; }
.wpb_column.vc_column_container.fifty-text-right { padding-left: 20px !important; padding-right: 20px !important;  padding-top: 30px !important; padding-bottom: 30px !important; }

.wpb_column.vc_column_container.fifty-text-left .vc_column-inner { padding-top: 0 !important; }
.wpb_column.vc_column_container.fifty-text-right .vc_column-inner { padding-top: 0 !important; }

.wpb_column.vc_column_container ul li { margin: 15px 0 15px 0; }
.wpb_column.vc_column_container ol li { margin: 15px 0 15px 0; }

/* Search Bar */

.sh-header-search {  }
.sh-header-search-input { color: #666 !important; }

.sh-header-search-submit i { color: #666 !important; }

.sh-header-search-input::placeholder  { color: #666 !important; }

/* SHOP */

.woocommerce .woocomerce-styling .woocommerce-result-count { display: none !important; }
.woocommerce .product .product_meta .woo-meta-share { display: none !important; }

.header-contacts-details { font-weight: bold; font-size: 14px; line-height: 18px; }

/* Slideshows */

.below-slideshow { margin-top: -10% !important; }

/* News */

/* .blog-list article .post-content-container .post-content { display: none; } */

.blog-list article .post-container .post-title h2 { padding-bottom: 20px; margin-bottom: 20px; border-bottom: 2px solid #aebcc7; } 
.blog-list article .post-container .post-content { padding-bottom: 20px; }


.blog-list article .post-content-container .post-meta.post-meta-one { display: none !important; }

.blog-list article .post-content-container .post-meta-one { margin-bottom: 30px; }

#sidebar .widget-item .widget-title {
    color: #666;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 20px;
    padding-bottom: 20px;
    border-bottom: 1px solid #CCC;
}

/* Cookie Bar */

#cookie-law-info-bar a { color: #031833; }
#cookie_action_close_header { margin-left: 20px; }

/* Forms */

div.nf-field-element { margin-bottom: 10px !important; }
div.nf-field-label { margin-top: 10px !important; }
div.nf-field-element input.submit { background-color: #00546e; color: #FFF; padding: 10px 40px; text-transform: uppercase; margin-top: 20px; border-radius: 100px; -webkit-border-radius: 100px; }
div.nf-field-element input.submit:hover { background-color: #004863; color: #FFF; }

div.nf-field-element input[type=submit] { background-color: #333 !important; color: #FFF; padding: 10px 40px; text-transform: uppercase; margin-top: 20px; }
div.nf-field-element input[type=submit]:hover { background-color: #666; color: #FFF; }


/* Portfolio */

.sh-gallery.slick-slider, .sh-portfolio-single-video { margin-bottom: 40px; }
.sh-portfolio-single  blockquote { margin: 45px 0 45px 45px; }
.sh-portfolio-single-info .sh-portfolio-single-info-item:last-child { display: none; }

.sh-titlebar .titlebar-title h2 { color: #4036c6 !important; }

div.sh-titlebar-height-medium { padding: 18px 0; }

/* Footer */

div.sh-footer-widgets { padding: 40px 0 40px 0; }

.sh-footer h3 { color: #FFF !important; }
.sh-footer h4 { color: #FFF !important; }
.sh-footer h5 { color: #FFF !important; }
.sh-footer h6 { color: #FFF !important; }

/* .sh-footer-columns #nav_menu-2 h3.widget-title { background: url('img/icon-compass.png') no-repeat left center; background-size: 30px; padding: 20px 0 20px 50px; }
.sh-footer-columns #portfolio-2 h3.widget-title { background: url('img/icon-case-studies.png') no-repeat left center; background-size: 30px; padding: 20px 0 20px 40px; }
.sh-footer-columns .widget-item.widget_text h3.widget-title { background: url('img/icon-case-studies.png') no-repeat left center; background-size: 30px; padding: 20px 0 20px 40px; }
.sh-footer-columns .widget_social_links h3.widget-title { background: url('img/icon-contact.png') no-repeat left center; background-size: 30px; padding: 20px 0 20px 40px; }
.sh-footer-columns .widget_recent_posts h3.widget-title { background: url('img/icon-news.png') no-repeat left center; background-size: 30px; padding: 20px 0 20px 50px; } */

.sh-footer-columns > .widget-item { padding: 0 20px; }
.sh-footer .widget-title { position: relative; font-weight: 600; margin-bottom: 40px; border-bottom: 3px solid #4036c6; padding-bottom: 20px; }
/* .sh-footer .widget-title::before { content: ''; position: absolute; display: block; height: 2px; width: 50px; bottom: 0; left: 0; background:  #aebcc7; } */

.widget-item.widget_image img { width: 75%; height: auto; display: block; }
.sh-copyrights-text span { font-size: 14px; line-height: 18px; }
.sh-portfolio-widget-item { padding: 2px; }

.sh-footer-columns img.footer-logo { width: 200px; margin-bottom: 20px; }

.sh-recent-posts-widgets-item h6 { font-size: 16px; line-height: 26px; font-weight: 700; }
.sh-recent-posts-widgets-item-meta {  }

.sh-footer p { font-size: 14px; line-height: 22px; }

.sh-footer .post-grid.grid { margin: 0 !important; padding: 0 !important; }

.sh-footer .post-grid.grid .grid-nav-top { display: none !important; }
.sh-footer .grid-items-wrap { margin-left: -35px !important; }
.sh-footer .grid-items { margin-left: 0px !important; }
.sh-footer .grid-items .item { width: 100px !important; height: 100px !important; margin: 2px !important; }

.pt-cv-ifield .pt-cv-thumb-default .pt-cv-thumbnail { margin-bottom: 0px !important; }

.sh-recent-posts-widgets-count { display: none !important; }

.sh-footer-widgets .btn { padding: 10px 0; color: #FFF; background-color: #d3132c; text-decoration: none; margin-top: 20px; width: 100%; display: block; clear: both; text-align: center; border-radius: 100px; -webkit-border-radius: 100px; }
.sh-footer-widgets .btn:hover { color: #FFF !important; }

.sh-footer-widgets ul li { width: 50%; float: left; display: inline-block; padding: 10px 0; }
.sh-footer-widgets ul li a { font-weight: bold; }
.sh-footer-widgets ul li:first-child { padding-top: 10px !important; }

.sh-recent-posts-widgets-item-content { padding-left: 65px; }
.sh-recent-posts-widgets-item h6 { padding-top: 0px; margin-bottom: 8px; font-size: 14px; }

/* Testimonials */

.sh-testimonials-quote { font-style: italic; margin-bottom: 40px !important; }
.sh-testimonials-name h3 { font-weight: bold; font-size: 20px; line-height: 30px; margin-bottom: 20px; }
.sh-testimonials-job { font-size: 14px; line-height: 18px; }
.sh-testimonials-quote-icon { display: none !important; }

/* Pricing Table */

.sh-pricing-content { padding: 40px 20px; }
.sh-pricing-name { padding-bottom: 30px; }
.sh-pricing-price { font-size: 40px !important; }
.sh-pricing-price .sh-pricing-currency {
    font-size: 40px;
    display: inline-block;
    position: relative;
    top: auto;
    right: auto;
    margin-left: 0;
    font-weight: bold;
}
.sh-pricing-description { margin-top: 30px; }
.sh-pricing-content-item { font-size: 14px; line-height: 18px; text-align: left; width: 50%; float: left;  }
.sh-pricing-content-item i { margin-right: 20px; }

.sh-pricing-icon { margin-top: -80px !important; }

.sh-pricing-button.sh-pricing-button-style5 { margin-top: 30px; }

/* News / Blog */

.blog-single article .post-meta-thumb { height: auto; max-height: 400px; overflow: hidden; display: block; }
.post-meta-thumb img { }

.post-meta.post-meta-one { font-size: 14px; line-height: 18px; }
.post-meta .post-meta-author { display: none; }
.post-meta-date { padding-left: 0; }
.post-content { color: #333; font-size: 14px; line-height: 24px; }
.post-content p { font-size: 14px; line-height: 24px; }

.blog-list .post-meta.post-meta-two { display: none !important; }

.blog-list .post-content-container { min-height: 80px; }

.blog-style-masonry article { margin-bottom: 25px; }

.widget_categories li > a { font-weight: bold; }

.single-post input, .single-post select, .single-post textarea { font-weight: bold !important; color: #333 !important; }
.post-item-single .post-meta-data { padding-bottom: 10px; }


/* Team */

.sh-team-name h3 { font-size: 25px; line-height: 35px; }

/* Font Awesome Features */

.fa-features .icon { text-align: center; display: block; margin: 0 auto; }
.fa-features i { font-size: 50px; color: #00546e; }
.fa-features h4 { color: #333; font-size: 20px; line-height: 30px; font-weight: 700; margin-bottom: 30px; text-align: center; }
.fa-features p { text-align: center; }

/* Features Carosel */

.sh-iconbox-slider-tab-icon { color: #f6f6f6; }

.sh-iconbox-slider .sh-iconbox-slider-item-content-container h3 { font-size: 50px !important; line-height: 60px !important; font-weight: 700; }
.sh-iconbox-slider .sh-iconbox-slider-item-content-container p { font-size: 20px; line-height: 30px; }

/* Buttons Group */

.buttons-group-center { text-align: center; display:inline-block; }
.buttons-group-center .sh-button-container { display:inline-block; }

/* Forms */

.nf-field input[type="text"], .nf-field input[type="password"], .nf-field input[type="email"], .nf-field input[type="tel"], .nf-field input[type="date"], .nf-field select { line-height: 0 !important; }

.nf-form-content .list-select-wrap .nf-field-element > div, .nf-form-content input:not([type="button"]), .nf-form-content textarea { background: #f4f4f4 !important; }

.nf-form-content input#nf-field-4 { background-color: #222 !important; color: #FFF !important; }

.nf-form-content .listcheckbox-wrap li, .nf-form-content .listradio-wrap li { width: 25%; float: left; }

div.pika-lendar { width: 100%; margin: 0; padding: 10px; }

/* Fancy Lists */

.case-study-stats.vc_col-sm-3.two-col-mobile { width: 50% !important; float: left; }

.smile_icon_list.left li .icon_description { margin-left: 3em; padding-left: 15px; }

.case-study-stats .sh-iconbox { margin: 0 0 20px 0; padding: 0; }
.case-study-stats .sh-iconbox .sh-iconbox-title h3 { font-size: 18px !important; line-height: 18px !important; }
.case-study-stats .sh-iconbox .sh-iconbox-content { font-size: 12px !important; line-height: 12px !important; }
.case-study-stats .sh-iconbox-icon-shape.sh-iconbox-circle { width: 40px; height: 40px; }
.case-study-stats .sh-iconbox-icon-shape.sh-iconbox-circle i { line-height: 40px; font-size: 20px; }
.case-study-stats .sh-iconbox .sh-iconbox-aside { padding-left: 85px !important; padding-left: 55px !important; }

/* Content View - Grid Plugin */

.pt-cv-wrapper .pt-cv-grid .pt-cv-content-item { padding: 2px !important; }
.pt-cv-wrapper .pt-cv-grid { margin-left: -5px; }

body.blog .pt-cv-wrapper .pt-cv-grid .pt-cv-content-item { border: 1px solid #CCC; margin: 2px; width: 30%; }

body.blog .sh-footer .pt-cv-wrapper .pt-cv-grid .pt-cv-content-item { border: 0; margin: 0 !important; width: 33.3333% !important; }


/* Logos */
.logos { overflow: hidden; display: block; }
.logos ul { text-align: center; list-style-type: none; margin: 0; padding: 0; }
.logos ul li { display: inline-block; width: 200px; margin: 15px !important; }
.logos ul li.thin { width: 150px; }
.logos ul li a { -webkit-transition: all .3s ease-in-out; transition: all .3s ease-in-out; }
.logos ul li a img { width: 100%; margin-bottom: 0 !important; }

.logos ul li a img { 
/* 	-webkit-filter: grayscale(100%);
	filter: grayscale(100%);
	filter: gray;
	filter: url("data:image/svg+xml;utf8,<svg version='1.1' xmlns='http://www.w3.org/2000/svg' height='0'><filter id='greyscale'><feColorMatrix type='matrix' values='0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0' /></filter></svg>#greyscale"); */
}

.logos ul li a:hover img {    
    -webkit-filter: grayscale(0%);
    filter: grayscale(0%);
    filter: none;
}

.logos.no-margin ul li { margin: 0 0 5px 0 !important; }

/* CTA Boxes */

.cta-boxes .wpb_column.vc_column_container { width: 50% !important; float: left; }
.cta-boxes .vc_column-inner { padding: 60px 30px; }
.cta-boxes h3 { background-color: rgba(0,0,0,0.7); padding: 20px 10px; font-size: 18px; line-height: 28px; border-bottom: 2px solid #aebcc7; }
.cta-boxes h3:hover { transform: scale(1.1); background-color: rgba(0,0,0,1); }

/* CTA Boxes */

.home-boxes .vc_column-inner { padding: 60px 30px; }
.home-boxes h3 { background-color: rgba(0,0,0,0.3); padding: 20px 10px; font-size: 25px; line-height: 35px; color: #FFF; }
.home-boxes h3 a { color: #FFF; }
.home-boxes h3:hover { transform: scale(1.1); background-color: rgba(0,0,0,0.8); }

/* CTA Grid */

.fifty-no-padding { padding: 0 !important; }
.fifty-no-padding .vc_column-inner { padding: 0 !important; }
.fifty-no-padding .wpb_raw_code.wpb_content_element.wpb_raw_html { margin: 0 !important; padding: 0 !important; }

.cta-grid { width: 100%; height: 100%; display: block; overflow: hidden; }

.cta-grid a { float:left; position: relative; width: 50%; padding-bottom: 50%; margin: 0; background-color: #EEE; position: relative; -webkit-transition: all .3s ease-in-out; transition: all .3s ease-in-out; cursor: pointer; }
.cta-grid a .content { position: absolute; padding: 40% 0; width: 100%; background-color: rgba(150,201,202,0); -webkit-transition: all .3s ease-in-out; transition: all .3s ease-in-out; }
.cta-grid a .content h3 { text-align: center; display: inline-block; padding: 10px 20px; background-color: rgba(0,0,0,0.7); color: #FFF; font-size: 18px; line-height: 28px; border-right: 5px solid #aebcc7; }

.cta-grid a.harbour { background: url('img/square/cta-harbour.jpg') no-repeat center; background-size: 100%; }
.cta-grid a.vessels { background: url('img/square/cta-vessels.jpg') no-repeat center; background-size: 100%; }
.cta-grid a.events { background: url('img/square/cta-events.jpg') no-repeat center; background-size: 100%; }
.cta-grid a.filming { background: url('img/square/cta-filming.jpg') no-repeat center; background-size: 100%; }

.cta-grid a:hover .content { background-color: rgba(150,201,202,0.8); }
.cta-grid a:hover { background-size: 105%; cursor: pointer; }
.cta-grid a:hover h3 { padding: 10px 40px; }

/* Banner Row */

.revslider { margin-top: -60px; }

.banner-row { min-height: 250px; }

h2.edge, h3.edge { padding: 20px 40px; background: #EEE; color: #333; border-left: 4px solid #aebcc7; display: inline-block; clear: both; }
p.edge-caption { float: right; padding: 20px 0 20px 40px; clear: both; display: none; }

.banner { min-height: 300px; }

.title { padding: 15px 30px !important; margin-top: -75px !important; font-size: 30px; line-height: 0px; position: absolute; text-transform: uppercase; background-color: rgba(0,0,0,0.7); border-bottom: 0 !important; border-left: 4px solid #aebcc7; display: inline-block; clear: both; }
.title.single { margin-top: -90px !important; }

/* Events */

body.mec-events-template-default .sh-titlebar { display: none; }
body.mec-events-template-default .header-logo { top: 0; }

/* MAP  */

.map .wpb_raw_code.wpb_content_element { margin: 0; padding: 0; }
.map iframe { width: 100%; height: 300px; }

/* COLLECTION */

#collection-grid h3 { background-color: transparent; }
#collection-grid h3 a { color: #FFF; background-color: transparent; font-size: 40px; line-height: 50px; cursor: pointer; }

#collection-grid .vc_masonry_grid .vc_grid.vc_row .vc_grid-item.vc_visible-item { width: 50%; float: left; }

.page-featured-image { display: none; }

#collection-image-main .wpb_single_image { margin: 0 !important; }

#collection-image-main .wpb_single_image .vc_single_image-wrapper { display: block; }

.collection-arrow-down { margin: 0; }
.collection-arrow-down a.arrow-down { 
    display: none;
    width: 50px; height: 50px; 
    background: url('img/icon-arrow-down.png') no-repeat center; 
    background-size: 100%;
    position: absolute; z-index: 1000; 
    right: 50px; bottom: 70px; 
}

#collection-image-main a.fancy-video-btn { 
    display: block;
    width: 50px; height: 50px; margin: -25px 0 0 -25px;
     top: 85%; left: 90%;  
    background: url('img/icon-play-white.png') no-repeat center; 
    background-size: 100%;
    position: absolute; z-index: 100; 
    -webkit-transition: all .3s ease-in-out; transition: all .3s ease-in-out; cursor: pointer; 
}

#collection-image-main:hover a.fancy-video-btn { display: block; -webkit-transition: all .3s ease-in-out; transition: all .3s ease-in-out; }



.sh-titlebar-mobile-layout-compact .container > .sh-table > .sh-table-cell {
margin-right: 50px;
}

.sh-titlebar-mobile-layout-compact:not(.sh-titlebar-mobile-title-off) .title-level {
  margin-top: 0px !important !important;
}

.sh-titlebar-mobile-layout-default .titlebar-title { display: none !important; }

.sh-titlebar-mobile-layout-default .title-level { margin-top: 0; }


ul#menu-galleries li { padding: 0 10px !important; }
ul#menu-galleries li a { text-transform: uppercase; font-size: 20px; line-height: 20px; padding: 10px 20px; background-color: #EEE; border: 1px solid #666; }
ul#menu-galleries li a:hover { background-color: #4036c6; }


.sh-titlebar .title-level .breadcrumbs {
}

.textwidget a { color: #4036c6 !important; text-decoration: underline; }

/* PORTFOLIO */

.tlp-portfolio-container.tlp-single-detail {
    max-width: 100%;
}
.tlp-single-detail {
    margin-top: 0px;
}

.tlp-portfolio button { margin: 5px !important; }

/* ENVIRA GALLERY */

.envira-gallery-wrap {
  margin-bottom: 0 !important;
}

.envira_noscript_images { display: none !important; }


/* //////////////////////////////// MOBILE ONLY //////////////////////////////// */  

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

.container { max-width: 350px !important; }

}


/* //////////////////////////////// MOBILE AND UP //////////////////////////////// */  

@media screen and (min-width: 1px) {




}

/* //////////////////////////////// LARGE MOBILE //////////////////////////////// */  

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

   /*  #page-container .container { max-width: 90% !important; } */

    .banner { min-height: 200px; }

    .cta-grid a .content { padding: 40% 0; }
    .cta-grid a .content h3 { padding: 20px 40px; }

}

/* //////////////////////////////// LARGE MOBILE //////////////////////////////// */  

@media screen and (min-width: 650px) {

    /* #page-container .container { max-width: 90% !important; } */

    .title { padding: 20px 40px !important; margin-top: -95px !important; font-size: 45px; }
    .title.single { margin-top: -108px !important; }

}

/* /////////////////////////////// WOOCOMMERCE MOBILE FIX //////////////////////////*/

@media(max-width:767px) {
    .post-type-archive-product .woocomerce-styling {
        display: flex;
        flex-wrap: wrap;
    }
    .post-type-archive-product #content {
        order: 2;
    }
    .post-type-archive-product #sidebar {
        order: 1;
    }
}

/* //////////////////////////////// IPAD PORTRAIT //////////////////////////////// */  

@media screen and (min-width: 800px) {

    /* #page-container .container { max-width: 90% !important; } */

    .revslider { margin-top: -80px; }

    .title { margin-top: -103px !important; }
    .title.single { margin-top: -108px !important; }

    .wpb_column.vc_column_container.fifty-text-left { padding: 40px 20px !important; }
    .wpb_column.vc_column_container.fifty-text-right { padding: 40px 20px !important; }

	/* logos */
    .logos ul { margin: 0 20px; }
/* 	.logos ul li { width: 200px; margin: 20px !important; }
	.logos ul li.thin { width: 150px; } */

	.case-study-stats .sh-iconbox .sh-iconbox-title h3 { font-size: 25px !important; line-height: 35px !important; }
	.case-study-stats .sh-iconbox .sh-iconbox-content { font-size: 14px !important; line-height: 14px !important; }
	.case-study-stats .sh-iconbox-icon-shape.sh-iconbox-circle { width: 50px; height: 50px; }
	.case-study-stats .sh-iconbox-icon-shape.sh-iconbox-circle i { line-height: 50px; font-size: 20px; }
	.case-study-stats .sh-iconbox .sh-iconbox-aside { padding-left: 70px !important; }

	.vc_grid-container.two-col-mobile .vc_grid-item.vc_col-sm-3.vc_grid_filter-item.vc_visible-item { width: 25%; display: inline-block !important; } /* Two Columns on Mobile */

    .cta-boxes .vc_column-inner { padding: 150px 80px; }
    .cta-boxes h3 { font-size: 22px; line-height: 32px; }

    .home-boxes .vc_column-inner { padding: 150px 80px; }
    .home-boxes h3 { font-size: 35px; line-height: 45px; padding: 20px; }

    .cta-grid a { width: 100%; }
    .cta-grid a .content { padding: 20% 0; }

    .banner-row { min-height: 400px; }

    #collection-grid .vc_masonry_grid .vc_grid.vc_row .vc_grid-item.vc_visible-item { width: 33.3%; }

    .sh-footer .sh-footer-widgets h3 { font-size: 16px; line-height: 22px; }

    .sh-recent-posts-widgets-item h6 { font-size: 12px; line-height: 16px; }
    .sh-recent-posts-widgets-item-thumb { width: 40px; height: 40px; }
    .sh-recent-posts-widgets-item-content { padding-left: 55px; }

    #collection-image-main a.fancy-video-btn { display: block; width: 70px; height: 70px; margin: -35px 0 0 -35px; top: 50%; left: 50%; }  

    .sh-titlebar-mobile-layout-default .titlebar-title { display: block !important; }

}


/* //////////////////////////////// LAPTOP //////////////////////////////// */  

@media screen and (min-width: 960px) {

   /*  #page-container .container { max-width: 850px !important; } */

    .sh-header.sh-sticky-header.sh-sticky-header-active .header-logo {  -webkit-transition: all .3s ease-in-out; transition: all .3s ease-in-out; }

	.header-contacts-details { font-weight: normal; font-size: 12px; line-height: 18px; }

	.header-social-media { width: 80px; float: right; }
	
	.box { padding: 30px !important; }
	
	.wpb_column.vc_column_container.fifty-text-left { padding-left: 8% !important; padding-right: 2% !important; }
	.wpb_column.vc_column_container.fifty-text-right { padding-left: 2% !important; padding-right: 8% !important; }
	
/* 	#header-navigation { margin-right: -20px; }
	.sh-nav li.menu-item { padding: 0 10px !important; }
	.sh-nav li a { text-transform: uppercase; letter-spacing: 0.3em; }
    .sh-nav li ul li a { letter-spacing: 0em; }
    .sh-nav ul.sub-menu { padding: 10px 0; width: 300px; } */

    .sh-nav li.menu-item li a { font-size: 16px; line-height: 22px; padding: 10px 20px; font-weight: 500; }
    .sh-nav li.menu-item li:hover a { color: #4036c6 !important; border-bottom: 0 !important; }

    .sh-nav li.menu-item ul.sub-menu li.menu-item a:hover { color: #4036c6 !important; border-bottom: 0 !important; }

    .sh-nav li.menu-item.book a { background: #4036c6; color: #FFF !important; padding: 10px 20px; border-radius: 100px; }


	.sh-header .sh-nav > .current_page_item, .sh-header-left-2 .sh-nav > li.current-menu-item { }
	.sh-header .menu-item.current-menu-ancestor.current-menu-parent.menu-item-has-children { } 

/*     .sh-nav > li.menu-item > a { font-family: 'Raleway', 'helvetica neue', helvetica, arial, sans-serif !important; font-weight: 100;  letter-spacing: 0; text-transform: uppercase; } */

    /* Thinner Header */

    body div.sh-header.sh-header-2.sh-sticky-header .sh-nav li.menu-item a { padding-top: 15px !important; padding-bottom: 15px !important; max-height: none !important; }

    .header-logo .header-logo-container {  }

/*     .sh-nav li.menu-item { border-bottom: 0px solid transparent; }
    .sh-nav li.menu-item:hover { border-bottom: 0px solid transparent; }
    .sh-nav li.menu-item:hover a { border-bottom: 0px solid transparent; }
    .sh-nav li.menu-item:hover a { color: #4036c6 !important; } */

    .menu-item.menu-item-type-custom.menu-item-object-custom.current-menu-ancestor.current-menu-parent.menu-item-has-children a { color: #4036c6 !important; * }

    div.primary-desktop-light #menu-header-menu .sh-header .sh-nav > li.current_page_item > a { color: #4036c6 !important; } 

	.sh-iconbox-slider-content button.slick-prev span, .sh-iconbox-slider-content button.slick-next span { font-size: 20px; margin-top: 0px !important; background-color: #d3132c; padding: 15px; border-radius: 100px; -webkit-border-radius: 100px; }
	.sh-iconbox-slider .sh-iconbox-slider-item-content-container p { font-size: 25px; line-height: 35px; }

	.sh-iconbox-slider-tab-content i {font-size: 60px; padding-bottom: 30px; }
	.sh-iconbox-slider-tab h5 { font-size: 20px; line-height: 30px; text-align: center; padding: 0 20px; }
	.sh-iconbox-slider-tab:not(.slick-current) h5 {font-size: 20px; line-height: 30px; }

    .cart-icon span { padding-left: 6px; }

	.features-slider { margin-top: -200px; }
	.features-slider .slick-list.draggable { padding-bottom: 20px; }
	.features-slider h3 { font-size: 30px; line-height: 40px; }
	.features-slider p { font-size: 18px; line-height: 28px;  max-width: 80%; margin: 0 auto; }

	.features-slider .slick-slide img { padding: 0; }

	#status-bar { display: block; }

	.below-slideshow { margin-top: -180px !important; }

	div.sh-divider.sh-divider-.sh-divider-content-icon_option { margin: 40px 0 !important; }

/* 	.logos ul li { width: 250px; margin: 20px !important; }
  	.logos ul li.thin { width: 150px; } */

	.smile_icon_list li .icon_description h3 { font-size: 14px !important; line-height: 18px !important; }

    .cta-grid a { width: 50%; padding-bottom: 70%; background-size: 140% !important; }
    .cta-grid a .content { padding: 55% 0; }
    .cta-grid a:hover { background-size: 140% !important; }

    p.edge-caption { display: inline-block; font-size: 20px; line-height: 20px; }

    .sh-recent-posts-widgets-item h6 { font-size: 14px; line-height: 18px; }

    #collection-image-main a.fancy-video-btn { display: none; }  


}

/* //////////////////////////////// DESKTOP //////////////////////////////// */  

@media screen and (min-width: 1026px) {

    /* #page-container .container { max-width: 950px !important; } */

    .header-logo {  }

    .sh-header-search-form { padding-left: 250px; }

	.sh-header-mobile .sh-standard-logo { display: block; }
	.sh-header-mobile .sh-light-logo { display: none; }

	div.revslider { margin-top: -70px !important; }
	
	.header-contacts-details { font-weight: bold; font-size: 14px; line-height: 18px; }
    .header-contacts { margin-left: 180px !important; }
	
	.sh-nav li.menu-item { padding: 0 10px !important; }

    .sh-nav li.menu-item a { font-size: 14px !important; }

	.sh-nav li.menu-item.book a { padding: 0px 20px !important; margin-top: 28px; border-radius: 100px; -webkit-border-radius: 100px; -webkit-transition: all .3s ease-in-out; transition: all .3s ease-in-out; }

    .sh-nav li.menu-item.current-page-ancestor { background: #444; color: #FFF !important; }

	.sh-header .sh-nav li.current-menu-item.menu-item.book { border-bottom: 0; margin-bottom: 0; background-color: transparent !important; }

	.sh-sticky-header-active .sh-nav li.menu-item.book a { margin-top: 13px; }

	.box { padding: 40px !important; }
	
	.wpb_column.vc_column_container.fifty-text-left { padding-left: 10% !important; padding-right: 2% !important; }
	.wpb_column.vc_column_container.fifty-text-right { padding-left: 2% !important; padding-right: 10% !important; }

	body h1 { font-size: 35px; line-height: 45px; margin-bottom: 40px; }
	body h2 { font-size: 20px; line-height: 30px; margin-bottom: 40px; }
    body h3 { font-size: 20px; line-height: 30px; margin-bottom: 40px; }

	.sh-footer-columns > .widget-item { padding: 0 30px; }

	div.sh-footer-widgets { padding: 60px 0 60px 0; }

	.smile_icon_list li .icon_description h3 { font-size: 16px !important; line-height: 20px !important; }

    .cta-boxes .wpb_column.vc_column_container { width: 25% !important; }
    .cta-boxes .vc_column-inner { padding: 160px 80px; }
    .cta-boxes h3 { padding: 20px 10px; font-size: 22px; line-height: 32px; }

    .home-boxes .vc_column-inner { padding: 160px 80px; }
    .home-boxes h3 { font-size: 45px; line-height: 55px; }

    .home-boxes .vc_column-inner { padding: 160px 80px; }
    .home-boxes h3 { font-size: 40px; line-height: 50px; }

    .cta-grid a { width: 50%; padding-bottom: 60%; background-size: 140% !important; }
    .cta-grid a .content { padding: 50% 0; }
    .cta-grid a:hover { background-size: 150% !important; }

    body.mec-events-template-default .sh-titlebar { display: block; }
    body.mec-events-template-default .sh-titlebar div.sh-titlebar-height-medium { padding: 10px 0; }

    .intro-section h1 { margin-top: 20px !important; }
    .intro-section .box { margin-top: 60px !important; }

    .map iframe { height: 500px; }

    .sh-footer .sh-footer-widgets h3 { font-size: 20px; line-height: 30px; }

    .sh-recent-posts-widgets-item-thumb { width: 50px; height: 50px; }
    .sh-recent-posts-widgets-item-content { padding-left: 60px; }

    .collection-arrow-down a.arrow-down { display: block; }

}

/* //////////////////////////////// LARGE SCREEN //////////////////////////////// */  

@media screen and (min-width: 1250px) {

    /* #page-container .container { max-width: 1150px !important; } */

    .wpb_column.vc_column_container.fifty-text-left { padding-top: 60px !important; padding-bottom: 60px !important;  }
    .wpb_column.vc_column_container.fifty-text-right { padding-top: 60px !important; padding-bottom: 60px !important; }

    .banner { min-height: 600px; }

    .title { padding: 30px 60px !important; margin-top: -145px !important; font-size: 60px; }
    .title.single { margin-top: -130px !important; }

    body h1 { font-size: 40px; line-height: 50px; margin-bottom: 40px; }
    body h2 { font-size: 25px; line-height: 35px; margin-bottom: 40px; }
    body h3 { font-size: 18px; line-height: 28px; margin-bottom: 40px; }
    body h4 { font-size: 16px; line-height: 22px; margin-bottom: 20px; }

    .cta-grid a { width: 50%; padding-bottom: 60%; background-size: 120% !important; }
    .cta-grid a .content { padding: 50% 0; }
    .cta-grid a .content h3 { padding: 20px 40px; font-size: 25px; line-height: 35px; }
    .cta-grid a:hover { background-size: 130% !important; }
    .cta-grid a:hover .content h3 { padding: 20px 60px; }

    p.edge-caption { font-size: 25px; line-height: 35px; }

    .sh-recent-posts-widgets-item-thumb { width: 55px; height: 55px; }
    .sh-recent-posts-widgets-item-content { padding-left: 65px; }

    .wpb_single_image.devices { margin-top: -100px; }

}

/* //////////////////////////////// LARGE SCREEN //////////////////////////////// */  

@media screen and (min-width: 1500px) {

    /* #page-container .container { max-width: 1400px !important; } */

    .banner { min-height: 600px; }

    .title { padding: 30px 60px; margin-top: -165px !important; }
    .title.single { margin-top: -132px !important; }
	
	.sh-nav li.menu-item { padding: 0 20px !important; }

    .sh-nav li.menu-item a { font-size: 14px !important; }
	
	.wpb_column.vc_column_container.fifty-text-left { padding-left: 12% !important; padding-right: 5% !important; }
	.wpb_column.vc_column_container.fifty-text-right { padding-left: 5% !important; padding-right: 12% !important; }

    .wpb_column.vc_column_container.fifty-text-left { padding-top: 80px !important; padding-bottom: 80px !important; }
    .wpb_column.vc_column_container.fifty-text-right { padding-top: 80px !important; padding-bottom: 80px !important; }

	.blog-single .post-title h1 { font-size: 40px; line-height: 50px; }

	.features-slider button.slick-next { right: 50px !important; }
	.features-slider button.slick-prev { left: 50px !important; }

	.features-slider h3 { font-size: 35px; line-height: 45px; }
	.features-slider p { font-size: 22px; line-height: 32px; max-width: 60%; }

/* 	.logos ul li { width: 300px; margin: 20px !important; }
  	.logos ul li.thin { width: 200px; margin-top: 40px 20px 0 20px; } */

  	.box { padding: 40px !important; }

    .cta-grid a { padding-bottom: 50%; }
    .cta-grid a .content { padding: 45% 0; }

    body h1 { font-size: 40px; line-height: 50px; margin-bottom: 20px; }
    body h2 { font-size: 30px; line-height: 40px; margin-bottom: 20px; }
    body h3 { font-size: 20px; line-height: 30px; margin-bottom: 20px; }
    body h4 { font-size: 18px; line-height: 25px; margin-bottom: 20px; }

    .banner-row { min-height: 450px; }

    .sh-recent-posts-widgets-item h6 { font-size: 16px; line-height: 22px; }

    #collection-image-main .vc_single_image-wrapper img { width: 105% !important; }

}

/* //////////////////////////////// EXTRA LARGE SCREEN //////////////////////////////// */  

@media screen and (min-width: 1800px) {

    /* #page-container .container { max-width: 1700px !important; } */

    .banner { min-height: 600px; }

	.wpb_column.vc_column_container.fifty-text-left { padding-left: 16% !important; padding-right: 5% !important; }
	.wpb_column.vc_column_container.fifty-text-right { padding-left: 5% !important; padding-right: 16% !important; }

    .sh-nav li.menu-item {  }

    body h1 { font-size: 40px; line-height: 50px; margin-bottom: 20px; }
    body h2 { font-size: 30px; line-height: 40px; margin-bottom: 20px; }
    body h3 { font-size: 20px; line-height: 30px; margin-bottom: 20px; }
    body h4 { font-size: 18px; line-height: 25px; margin-bottom: 20px; }

    body p { font-size: 16px; line-height: 26px; }

	div.sh-divider.sh-divider-.sh-divider-content-icon_option { margin: 50px 0 !important; }

	div.sh-footer-widgets { padding: 100px 0 100px 0; }

    .cta-boxes .vc_column-inner { padding: 180px 100px; }

    .cta-grid a { padding-bottom: 40%; }
    .cta-grid a .content { padding: 40% 0; }

    .map iframe { height: 600px; }

}