/* Theme Name: Miami - Multipurpose Responsive WordPress Theme Theme URI: http://themeforest.net/user/damojo?ref=damojo Author: Damojo Author URI: http://themeforest.net/user/damojo?ref=damojo Version: 1.3 License: GNU General Public License version 3.0 License URI: http://www.gnu.org/licenses/gpl-3.0.html Description: Miami - Multipurpose Responsive WordPress Theme is a creative orientied, very versatile and responsive WordPress theme. All PHP code is released under the GNU General Public Licence version 3.0 All HTML/CSS/JAVASCRIPT code is released under Envatos Regular License (http://themeforest.net/licenses/regular_extended) Tags: dark, white, black, gray, one-column, two-columns, right-sidebar, custom-header, custom-menu, editor-style, featured-image-header, featured-images, theme-options */ /*-----------------------------------------------------------------------------------*/ /* WP CORE STYLES /*-----------------------------------------------------------------------------------*/ .alignnone { margin: 5px 20px 20px 0; } .aligncenter, div.aligncenter { display: block; margin-left: auto; margin-right: auto; margin-bottom: 20px; } .alignright { float:right; margin: 5px 0 20px 20px; } .alignleft { float:left; margin: 5px 20px 20px 0; } a img.alignright { float:right; margin: 5px 0 20px 20px; } a img.alignnone { margin: 5px 20px 20px 0; } a img.alignleft { float:left; margin: 5px 20px 20px 0; } a img.aligncenter { display: block; margin-left: auto; margin-right: auto; margin-bottom: 20px; } .wp-caption.alignnone { margin: 5px 20px 20px 0; } .wp-caption.alignleft { margin: 5px 20px 20px 0; } .wp-caption.alignright { margin: 5px 0 20px 20px; } #content-container img { max-width: 100% !important; } #content-container .rowbgimage_inner img { max-width:500% !important;} #content-container pre { white-space: normal !important; } pre { display: block; padding: 40px; margin: 0 0 10px; font-size: 13px; line-height: 1.42857143; word-break: break-all; word-wrap: break-word; color: #333; background-color: #fff; border: 0; border-left: 10px solid #dde0e1; -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; } .wp-caption-text {} .bypostauthor {} .sticky{ } .gallery-caption{} .post-password-form label { float: left; margin-top: 0; margin-right: 10px; } .post-password-form input[type="submit"] { margin-top: 22px; float: left; } table tbody tr td { padding-right: 20px; } table { margin-bottom: 20px; } /****************************** - BASICS - ********************************/ html { color:#3F4549; -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing: grayscale; overflow-x: hidden; } body { color:#3F4549; font-weight: 400; font-family: 'Roboto', sans-serif; font-size:16px; line-height:26px; overflow-x: hidden;} h1,h2,h3,h4,h5,h6 { color:#000; margin-top: 0; } .light h1,.light h2,.light h3,.light h4,.light h5,.light h6 { color:#fff; } p,a,span { } iframe { border: none !important; } h1 { font-size:46px; line-height:50px; font-weight:700; } h2 { font-size:46px; line-height:50px; font-weight:700; } h3 { font-size:36px; line-height:40px; font-weight:700; } h4 { font-size:26px; line-height:30px; font-weight:700; } h5 { font-size:22px; line-height:28px; font-weight:700; } h6 { font-size:19px; line-height:25px; font-weight:700; } h4.subline { font-weight: 700; padding-left: 30px; border-left: 10px solid #fff600; } h4.subline div { font-weight: 100; padding-top: 20px; } h5.subdirectory { color: #8a8f95 !important; padding-left: 20px; border-left: 10px solid #dde0e1; } h2.itemhighlight { font-size: 19px; line-height: 25px; background-position:center left; background-size:40px 40px; background-repeat: no-repeat; padding-left: 50px; } h2.itemhighlight.tp_rev { background-image: url(/wp-content/uploads/2015/02/small_rev.png); } h2.itemhighlight.tp_ess { background-image: url(/wp-content/uploads/2015/02/small_ess.png); } h2.itemhighlight.tp_mia { background-image: url(/wp-content/uploads/2015/02/small_miami.png); } .thin { font-weight: 300; } .thincontent { font-weight: 300; margin-bottom: 20px; font-size: 18px; line-height: 26px; } .fatheadline { font-size:95px; line-height:95px; font-weight:700; padding-left: 35px; margin-bottom: 0px; word-break: break-word; } .thinheadline { font-size:41px; line-height:50px; font-weight:100; margin-bottom: -10px; padding-left: 35px; } .fatheadline.centered, .thinheadline.centered { padding-left: 0; text-align: center; } .thinheadline.centered { margin-bottom: 0; } .fatheadline.white, .thinheadline.white { color: #fff !important; } .blockit .fatheadline, .blockit .thinheadline { padding-left: 0; } .mediumblockheadline{ font-size:30px; line-height:35px; font-weight:700} .largecallout { font-size:30px;line-height:40px; } .smallcallout { font-size:20px;line-height:30px; } .floatleft { float:left} .floatright { float:right} .clearfix { float:none; clear:both} a { color: #e03301; outline: none; text-decoration: none; } a:focus, a:active { outline: 0; text-decoration: none; color: #000; } a:hover { text-decoration: none !important; color: #000; } .ess_img_preview img { width:100%; height:auto; visibility: hidden; position: relative;} .ess_img_preview .img1, .ess_img_preview .img2 { position: absolute; top:0px;left:0px;} /* TOOLTIPS */ /* ------------------------------------ */ .tooltip { color: #fff; font-size: 12px; font-weight: 600; z-index: 100000; } .tooltip-inner { background-color: #111; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } .tooltip.in { opacity: 1; filter: alpha(opacity=100); } .tooltip.top .tooltip-arrow { border-top-color: #111; } .tooltip.right .tooltip-arrow { border-right-color: #111; } .tooltip.left .tooltip-arrow { border-left-color: #111; } .tooltip.bottom .tooltip-arrow { border-bottom-color: #111; } /****************************** - CONTENT STYLING - ********************************/ /* TP SPECIAL STYLES START */ .blockit { margin-bottom: 0 !important; } .blockit .content_max_width { background: #fff; } .blockit.darkblock .content_max_width { background: #2b2f35; } .blockit .content_max_width .wpb_column { padding: 40px 0px 40px 0px !important; box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box; margin-bottom: 0 !important; } .blockit.socialembed .content_max_width .wpb_column:last-child { padding-left: 20px !important; } .blockit .content_max_width .vc_row { margin-left: 40px; margin-right: 40px; } .blockit .wpb_column { padding: 0 !important; } .blockit h1, .blockit h2, .blockit h3, .blockit h4, .blockit h5, .blockit h6 { margin-bottom: 0 !important; } h6.phead { margin-bottom: 15px !important; } h6.phead i { margin-right: 5px; font-size: 20px; } /* blockit notop mod */ .blockit.notop .content_max_width .wpb_column { padding: 0 20px 40px 20px !important; } .blockit.notop .content_max_width .vc_row { margin-left: 20px; margin-right: 20px; } .blockit.notop.nopadding img { width: 100% !important; } .blockit.notop.nopadding .content_max_width .wpb_column { padding: 0 0 40px 0 !important; } .blockit.notop.nopadding .content_max_width .vc_row { margin-left: 0px; margin-right: 0px; } /* item meta */ .itemmeta { width: 100%; display: block; position: relative; margin:0; padding: 0; margin-bottom: 0px !important; margin-top: -10px !important; border-top: 1px solid #e8e8e8; padding-top: 5px; } .itemmeta a, .itemmeta a:visited { list-style: none; display: inline-block; position: relative; color: #3f4549; font-size:14px; line-height: 28px !important; font-weight:500; text-transform: none; margin-right: 20px; } .itemmeta a.tp_sales::before { float: left; font-family: 'Pe-icon-7-stroke'; content: "\e66e"; font-size: 20px; margin-right: 5px; font-weight:normal; } .itemmeta a.tp_rating::before { float: left; font-family: 'Pe-icon-7-stroke'; content: "\e611"; font-size: 20px; margin-right: 5px; font-weight:normal; } .itemmeta a.tp_price::before { float: left; font-family: 'Pe-icon-7-stroke'; content: "\e68c"; font-size: 20px; margin-right: 5px; font-weight:normal; } .itemmeta a:hover { color: #000; } .imagepadding { padding: 0 20px; box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box; } .headlineicon { float: left; margin-right: 15px; font-size: 30px; margin-bottom: -5px; } .notebox { background: #fff; padding: 40px; padding-left: 40px; border-left: 75px solid #e03301; color: #000 } .notebox:before { content: '\e647'; color: #fff; font-family: 'Pe-icon-7-stroke'; font-size: 50px; position: absolute; margin-left: -102px; margin-top: 12px; } .poweredby { width: 100%; display: block; text-align: center; font-size:12px; color: #fff; margin-top: 20px;} .poweredby img { margin: 0 10px; width: 107px; height: 20px; } a.poweredby, a.poweredby:visited { color: #fff; } a.poweredby:hover { color: #fff !important; font-weight: 700 !important; } /* Pull Up Elements */ #tphomeposts { margin-top: -261px; } #tphomeproducts { margin-top: -103px; } .pullup_row { margin-top: -286px; } .pullup_list { margin-top: -80px; } .pullup_search { margin-top: -40px; } .spaceright { padding-right: 40px; text-align: right; } /* FB & TWITTER STYLES */ /* div#fbSEOComments,.fb_iframe_widget, .fb_iframe_widget span, .fb_iframe_widget iframe { width: 100% !important; }*/ .fb_iframe_widget iframe { border: 1px solid #e8e8e8 !important; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } iframe#twitter-widget-0.twitter-timeline.twitter-timeline-rendered { max-width:100% !important; min-width:100% !important; } /* POLY FUN */ .poly-top { position:absolute; top:0px;left:0px; width:100%; height:auto; z-index:100; } .poly-bottom { position:absolute; bottom:0px;left:0px; width:100%; height:auto; z-index:100; } .left-poly-side { position: absolute; width: 0px; height: 0px; border-style: solid; } .right-poly-side { position: absolute; width: 0px; height: 0px; right:0px; border-style: solid; } .poly-bottom .left-poly-side, .poly-bottom .right-poly-side { bottom:0px} .poly-top .left-poly-side, .poly-top .right-poly-side { top:0px} /* PRELOADER */ .preloader-wrapper { width:100%;height:100%;position:fixed;top:0px;left:0px;z-index:201201;overflow:visible} .preloader-leftbox { width:50%;height:100%;background:#f1f1f1; position:absolute;top:0px;left:0px;} .preloader-rightbox { width:50%;height:100%;background:#f1f1f1; position:absolute;top:0px;right:0px;} .pre-logo-wrapper { position:absolute; top:50%;left:50%; z-index:50;-webkit-transform: translateX(-50%) translateY(-50%);-moz-transform: translateX(-50%) translateY(-50%);transform: translateX(-50%) translateY(-50%);} .pre-logo-idle, .pre-logo-loaded { position:absolute; top:0px;left:0px;} .pre-logo-loaded { width:0%; overflow:hidden;height:100%;} .pre-smart-text { visibility:hidden; color:#E03301; font-size:32px; line-height:30px;position:absolute; top:50%; width:100%; text-align: center; font-weight:600;} #rev_slider_1_1 { background-size:cover !important;} /* STARTING GRID HEIGHT */ #tphomeposts { height:920px} #tphomeproducts, #tpproducts { height:1105px} #tpfaq { height:710px} #tpblog { height:810px} /* TP SPECIAL STYLES END */ /* FAQ */ .faq_showticket { width: 100%; text-align:center; display: block; position: relative; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; color: #000; background: #fff600; line-height: 25px; font-size: 19px; padding: 25px 30px; font-weight: 700; } .faq_numbered .wpb_raw_code.wpb_content_element.wpb_raw_html { margin-bottom: 0 !important; } .tp_ticket_table { float: left; width: 100%; position: relative; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; background: #fff; } .tp_ticket_info { width: 100%; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; padding: 25px 30px; text-align: center; color: #000; font-weight: 400; border-bottom: 1px solid #f1f1f1; } .tp_ticket_info i { font-size: 20px; margin-left: 5px; } .tp_ticket_cell { float: left; position: relative; display:table-cell; width: 50%; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; padding: 30px 30px; text-align: center; } .tp_ticket_cell span { float: left; width: 100%; word-wrap: break-word; font-weight: 400; } .tp_ticket_table .tp_ticket_cell:last-child { border-left: 1px solid #f1f1f1; } .tp_ticket_cell:hover { background: #f5f5f5; } .tp_ticket_table a { color: #000 !important; } /* Rating FAQ entries */ /* .tp_rate_table { float: left; width: 100%; position: relative; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; background: transparent; } .tp_rate_info { width: 100%; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; padding: 25px 30px; text-align: center; color: #000; font-weight: 400; border-bottom: 1px solid #f1f1f1; } .tp_rate_info i { font-size: 20px; margin-left: 5px; } .tp_rate_cell { float: left; position: relative; display:table-cell; width: 50%; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; padding: 20px; text-align: center; } .tp_rate_cell span { float: left; width: 100%; word-wrap: break-word; font-weight: 400; margin-top: 5px; } .tp_rate_table .tp_rate_cell:last-child { border-left: 1px solid #f1f1f1; } .tp_rate_cell.tp_rate_up i { color: #8eca5d; } .tp_rate_cell.tp_rate_down i { color: #e03301; } .tp_rate_cell.tp_rate_up:hover { background: #8eca5d; } .tp_rate_cell.tp_rate_down:hover { background: #e03301; } .tp_rate_cell.tp_rate_up:hover .tp_positive_count, .tp_rate_cell.tp_rate_up:hover i, .tp_rate_cell.tp_rate_up:hover span, .tp_rate_cell.tp_rate_down:hover .tp_negative_count, .tp_rate_cell.tp_rate_down:hover i, .tp_rate_cell.tp_rate_down:hover span { color: #fff; } .tp_positive_count, .tp_negative_count { font-size: 49px; line-height: 49px; font-weight: 700; } .tp_positive_count { color: #8eca5d; } .tp_negative_count { color: #e03301; } .tp_rate_table a { color: #000 !important; } */ .faq_sidebar p:first-child { display: none; } .hiddenfaqfilter { display: none; } .faqsearch { width:100%;} .faqsearch .eg-search-clean, .faqsearch .eg-search-submit { position: absolute; right: 0px;width:30px;text-align:center;height:auto;vertical-align:middle; line-height:95px; font-size: 30px; background: transparent; color:rgba(255,255,255,1);} .faqsearch .eg-search-submit { right:90px;} .faqsearch .eg-search-clean { right:40px;} .faqsearch .eg-search-clean:hover, .faqsearch .eg-search-submit:hover { background:transparent; color:#fff;} .faqsearch input[type="text"] { width:100%; font-size: 22px !important; color: #fff !important; padding: 35px 40px !important; font-weight: 700 !important; line-height: 24px !important; background: rgba(0,0,0,0.1) !important; margin-bottom: 0 !important; font-family: 'Roboto', sans-serif; border: 0 !important;} .faqsearch input[type="text"]:focus { background: rgba(255,255,255,0.1) !important; color: #fff !important; border-color: transparent !important; } .faqsearch input.eg-search-input[type="text"]::-webkit-input-placeholder { color:#fff !important; padding-top: 3px !important; } .faqsearch input.eg-search-input[type="text"]:-moz-placeholder { color:#fff !important; padding-top: 3px !important; } .faqsearch input.eg-search-input[type="text"]::-moz-placeholder { color:#fff !important; padding-top: 3px !important;} .faqsearch input.eg-search-input[type="text"]:-ms-input-placeholder { color:#fff !important; padding-top: 3px !important;} #tphomeproducts .esg-overflowtrick, #tpcategoryposts .esg-overflowtrick, #tphomeposts .esg-overflowtrick, #tprelatedposts .esg-overflowtrick, #tpblog .esg-overflowtrick, #tpproducts .esg-overflowtrick, #tpfaq .esg-overflowtrick { margin-bottom: 40px; } /*SPECIAL FAQ FILTERS*/ .esg-filter-wrapper.blackred { display: block; width:100%; background:#000;padding:0px !important;} .esg-filter-wrapper.blackred .esg-filterbutton { width: 100%;display:block;float:left; position: relative; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; background: #000; cursor: pointer; margin:0 !important; border:none !important; padding:0px !important; line-height:25px;font-size:19px; } .esg-filter-wrapper.blackred .esg-filterbutton.wasselected, .esg-filter-wrapper.blackred .esg-filterbutton.selected, .esg-filter-wrapper.blackred .esg-filterbutton:hover { background:#e03301; } .esg-filter-wrapper.blackred .esg-filterbutton.wasselected span, .esg-filter-wrapper.blackred .esg-filterbutton.selected span { color:#fff; font-weight: 700; } .esg-filter-wrapper.blackred .esg-filterbutton span { padding: 15px 30px; font-size: 16px; line-height: 26px; font-weight: 400; color: #FFF; display:inline-block; vertical-align: top; font-family: 'Roboto',sans-serif; } .esg-filter-wrapper.blackred .esg-filterbutton .esg-filter-checked { display:none} /* SPECIAL FAQ SUBFILTERS */ span.eg-el-amount:before { content: ""; } span.eg-el-amount:after { content: ""; } .esg-filter-wrapper.whiteblack { display: block; width:100%; background:#2b2f35;padding:0px !important; margin-bottom: 40px !important; } .esg-filter-wrapper.whiteblack .esg-allfilter { display: none !important} .esg-filter-wrapper.whiteblack .esg-filterbutton { width: 100%; display:table-cell; float:left; position: relative; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; background: #2b2f35; cursor: pointer; margin:0 !important; padding:0px !important; line-height:26px; font-size:16px; border-right: 0px solid #f1f1f1; border-bottom: 0px solid #f1f1f1; } .esg-filter-wrapper.whiteblack .esg-filterbutton.hidefilter { display: none !important} .esg-filter-wrapper.whiteblack .esg-filterbutton span { padding: 15px 80px 15px 30px; font-size: 16px; line-height: 26px; font-weight: 400; color: #fff; display:inline-block; vertical-align: top; font-family: 'Roboto',sans-serif; } .esg-filter-wrapper.whiteblack .esg-filterbutton .esg-filter-checked { display:none;} .esg-filter-wrapper.whiteblack .esg-filterbutton:hover, .esg-filter-wrapper.whiteblack .esg-filterbutton.selected { background: #32363d;} .esg-filter-wrapper.whiteblack .esg-filterbutton.selected span { font-weight: 700; } .esg-filter-wrapper.whiteblack .esg-filterbutton:hover:after, .esg-filter-wrapper.whiteblack .esg-filterbutton.selected:after{ font-family: 'Pe-icon-7-stroke'; content: "\e66c"; color: #fff; position: absolute; right: 23px; top:15px; font-weight: normal; font-size: 30px; } .esg-filter-wrapper.whiteblack .esg-filterbutton .eg-el-amount { display:block; position: absolute; right: 30px; top:15px; padding:0px; font-weight: 700; } .esg-filter-wrapper.whiteblack .esg-filterbutton:hover .eg-el-amount, .esg-filter-wrapper.whiteblack .esg-filterbutton.selected .eg-el-amount { display: none;} /* FAQ SEARCH PART */ #faq_search_wrapper { height: auto; left: 0; opacity: 0; position: absolute; top: 0; width: 100%; z-index: 20000; } #faq_search_wrapper .esg-filter-wrapper, #esg_search_wrapper .esg-pagination { margin-left: 0 !important; } #faq_big_search_wrapper { padding-top: 0; position: relative; } #faq_big_search_wrapper::-ms-clear { display: none; } #faq_big_search_wrapper .faqsearch::-ms-clear { display: none; } #faq_big_search_fake_txt { background: none repeat scroll 0 0 rgba(255, 255,255, 0) !important; border: medium none !important; color: #fff !important; font-size: 40px !important; font-weight: 700; line-height: 40px !important; padding: 0 !important; position: absolute !important; top: 7px !important; width: 100%; z-index: 5; height:50px !important; } .faqsearch .esg-loader { display: none !important} .search-fake-anim { position:absolute;width:100%;height:95px;top:0px;left:0px;background-color:#ddd;padding:35px 40px; -webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box; z-index:10; top:0px; left:0px; font-size: 22px;color: #fff;font-weight: 700;line-height: 30px; } /* HEADLINES */ .airy_headline { position: relative; padding-bottom: 11px; font-size: 29px; line-height:32px; font-weight: 700; margin-bottom:31px; } .airy_subheadline { font-size:20px; line-height:30px; color: #666; } .smalltitle { font-size:17px; line-height: 26px; font-weight:600; } .centertitle, #reply-title { text-align: center; position: relative; margin-bottom:27px; font-size:26px;line-height:28px; font-weight: 700; } .centertitle_subtitle { font-size:20px;line-height:30px;font-weight: 300; text-align: center;} .textalignleft { text-align: left} .textaligncenter { text-align: center} .textalignright { text-align: right} .textar_nomobile { float: right} .textal_nomobile { float: left} .mbzero { margin-bottom: 0; } .lightfont { font-weight: 100; } .spacelr { margin-left: 10px; margin-right: 10px; } .spacearound { margin: 10px; } /*.headerunderline { position: relative; } .headerunderline:after, #reply-title:after { content:" "; width:30px;height:2px;position:absolute;bottom:0px;left:50%;margin-left:-15px;} .textaligncenter.headerunderline:after { left:50%;margin-left:-15px;} .textalignleft.headerunderline:after { left:0%; margin-left:0px;} .textalignright.headerunderline:after { left:auto; right:0%;margin-left:0px;}*/ .content_max_width { margin:auto;} .tp_vc_mw_rowinner .vc_row.wpb_row { background:transparent !important; padding:0 !important; border:none !important} .tp_vc_mw_rowinner .vc_row.wpb_row.related_posts { margin-top: 140px !important; margin-bottom: 70px !important; } .eg-miami-related-posts-element-1 { text-align: left; } .iconresize img { width: 35px; height: 32px; } .wpb_wrapper { position: relative;} blockquote, blockquote span { color: #666; } .light blockquote { color: #fff; border-left: 5px solid rgba(255,255,255,0.15); } .light blockquote span { color: #fff; } /* COLORING */ .headerunderline:after, #reply-title:after { background-color:#333 } .light .headerunderline:after, .light #reply-title:after { background-color:#fff } .lightondark .headerunderline:after { background-color:#fff } .lightondark .centertitle:after { background-color:#fff } .lightondark, .lightondark p, .lightondark h1, .lightondark h2, .lightondark h3, .lightondark h4, .lightondark h5, .lightondark h6, .lightondark .wpb_content_element a { color:#fff} h1.white, h2.white, h3.white, h4.white, h5.white, h6.white { color:#fff !important;} .darkonlight, .darkonlight p { color:#3F4549} .darkonlight h1, .darkonlight h2, .darkonlight h3, .darkonlight h4, .darkonlight h5, .darkonlight h6 { color:#000} /* Regular Links .darkonlight .wpb_content_element a, .darkonlight .wpb_content_element a:visited { color:#e03301; text-decoration: underline; } .darkonlight .wpb_content_element a:hover { color:#000; }*/ /****************************** - CONTENT ELEMENTS - ********************************/ /* TP POST GRID */ .eg-tp-post-grid-content:hover, .eg-tp-video-list-content:hover, .eg-tp-related-grid-content:hover, .eg-tp-search-skin-content:hover { background: #e03301; } .eg-tp-post-grid-content:hover .eg-tp-post-grid-element-1, .eg-tp-post-grid-content:hover .eg-tp-post-grid-element-3, .eg-tp-post-grid-content:hover .eg-tp-post-grid-element-10, .eg-tp-video-list-content:hover .eg-tp-video-list-element-1, .eg-tp-video-list-content:hover .eg-tp-video-list-element-3, .eg-tp-video-list-content:hover .eg-tp-video-list-element-10, .eg-tp-related-grid-content:hover .eg-tp-related-grid-element-1, .eg-tp-related-grid-content:hover .eg-tp-related-grid-element-3, .eg-tp-related-grid-content:hover .eg-tp-related-grid-element-10, .eg-tp-search-skin-content:hover .eg-tp-search-skin-element-1, .eg-tp-search-skin-content:hover .eg-tp-search-skin-element-3, .eg-tp-search-skin-content:hover .eg-tp-search-skin-element-10 { color: #fff !important; } .eg-tp-faq-grid-content:hover { background: #f5f5f5; } #tpessentialfeatures .esg-media-cover-wrapper:hover .eg-flipicon { background-position: left bottom !important; } /* TP FAQ POSTS */ .eg-tp-related-grid-element-1 { min-height: 147px; } .eg-tp-faq-grid-element-1 { text-decoration: none !important;} /* TP HOME POSTS */ .eg-tp-post-grid-element-1 { min-height: 367px; } /* TP FEATURES */ .eg-tp-feature-grid-element-1 { min-height: 237px; } /* TP VIDEO GRID */ .eg-tp-video-list-element-1 { min-height: 147px; } /* TP SEARCH GRID */ .eg-tp-search-skin-element-1 { min-height: 147px; } /* TP BADGE ANIMATION */ .tp-badge { -webkit-transition: top 0.3s ease-in-out, right 0.3s ease-in-out; -moz-transition: top 0.3s ease-in-out, right 0.3s ease-in-out; -o-transition: top 0.3s ease-in-out, right 0.3s ease-in-out; -ms-transition: top 0.3s ease-in-out, right 0.3s ease-in-out; } #tphomeproducts .tp-esg-item[data-cobblesw="3"]:hover .tp-badge, #tpproducts .tp-esg-item[data-cobblesw="3"]:hover .tp-badge { right: -425px !important; } #tphomeproducts .tp-esg-item[data-cobblesw="2"]:hover .tp-badge, #tpproducts .tp-esg-item[data-cobblesw="2"]:hover .tp-badge { top: -120px !important; } .esg-filter-wrapper.dropdownstyle { margin-right: 33px !important; } /* TP FOOTER */ .footercenter { width: 100%; position: relative; } .footerlogos { width: 420px; position: relative; margin-left: auto; margin-right: auto; } .footerlogos .leftlogo, .footerlogos .rightlogo { float: left; display: inline-block; box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box; padding-top: 50px; padding-bottom: 50px; } .footerlogos .leftlogo { width: 50%; border-right: 1px solid rgba(255,255,255,0.2); text-align: right; padding-right: 40px; } .footerlogos .rightlogo { width: 50%; text-align: left; padding-left: 40px; } .footerlogos .tplogo { width: 100%; } .footerlogos a.tpsocial, .footerlogos a.tpsocial:visited { width: 40px; height: 40px; font-size: 20px; color: rgba(255,255,255,0.35); margin-top: 20px; text-align: center; line-height: 40px; -webkit-transition: color 0.2s ease-in-out, font-size 0.2s ease-in-out; -moz-transition: color 0.2s ease-in-out, font-size 0.2s ease-in-out; -o-transition: color 0.2s ease-in-out, font-size 0.2s ease-in-out; -ms-transition: color 0.2s ease-in-out, font-size 0.2s ease-in-out; } .footerlogos a.tpsocial:hover { color: #fff; font-size: 27px; } .footerlogos .leftlogo a.tpsocial { float: right; margin-left: 10px; } .footerlogos .rightlogo a.tpsocial { float: left; margin-right: 10px; } /* TP SUBFOOTER */ .subfooter { width: 100%; position: relative; clear: both; font-size: 13px; font-weight: 600; color: rgba(255,255,255,0.35); line-height: 15px; padding-top: 65px; } .subfooterleft { float: left; } .subfooterright { float: right; } .subfooter .txtblock { } /* INLINE LIST FOOTER */ .subfooter ul.inlinelist { padding-left: 0px; list-style: none; margin-bottom: -17px; } .subfooter ul.inlinelist li { display: inline-block; margin-right: 8px; text-align: center; } .subfooter ul.inlinelist li a, .subfooter ul.inlinelist li a:visited { color: rgba(255,255,255,0.35) !important; background: transparent; font-weight: 600; display: inline-block; text-align: center; padding: 0 3px; -webkit-transition: color 0.2s ease-in-out, font-size 0.2s ease-in-out; -moz-transition: color 0.2s ease-in-out, font-size 0.2s ease-in-out; -o-transition: color 0.2s ease-in-out, font-size 0.2s ease-in-out; -ms-transition: color 0.2s ease-in-out, font-size 0.2s ease-in-out; } .subfooter ul.inlinelist li a:hover { font-size: 15px; color: #fff !important; } .subfooter ul.inlinelist li a::after { padding: 0 3px; display:block; content:attr(title); font-size: 15px; height:1px; color:transparent; overflow:hidden; visibility:hidden; } .subfooterright ul.inlinelist { margin-right: -20px; } /* TP BUTTONS DESKTOP SIZE */ a.tp-btn, a.tp-btn:visited { text-decoration: none !important; line-height: 58px; font-size: 18px; font-weight: 400; padding: 20px 25px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; -webkit-transition: color 0.2s ease-in-out, background-color 0.2s ease-in-out; -moz-transition: color 0.2s ease-in-out, background-color 0.2s ease-in-out; -o-transition: color 0.2s ease-in-out, background-color 0.2s ease-in-out; -ms-transition: color 0.2s ease-in-out, background-color 0.2s ease-in-out; } a.tp-btn i { font-size: 36px; font-weight: normal; position: relative; top: 10px; margin-right: 7px; -webkit-transition: color 0.2s ease-in-out; -moz-transition: color 0.2s ease-in-out; -o-transition: color 0.2s ease-in-out; -ms-transition: color 0.2s ease-in-out; } /* TP BUTTONS MEDIUM */ a.tp-btn.tp-medium, a.tp-btn.tp-medium:visited { line-height: 44px; font-size: 14px; padding: 15px 20px; } a.tp-btn.tp-medium i { font-size: 26px; top: 7px; margin-right: 7px; } /* PRICETABLE BUTTONS */ a.tp-large-button-price, a.tp-large-button-price:visited { color: #fff !important; background: #027ee1; } a.tp-large-button-price i { color: #fff; } a.tp-large-button-price:hover { color: #fff !important; background: #000; } a.tp-large-button-price:hover i { color: #fff; } .priceitem.highlight a.tp-large-button-price, .priceitem.highlight a.tp-large-button-price:visited { color: #fff !important; background: #e03301; } .priceitem.highlight a.tp-large-button-price i { color: #fff; } .priceitem.highlight a.tp-large-button-price:hover { color: #fff !important; background: #000; } .priceitem.highlight a.tp-large-button-price:hover i { color: #fff; } /* WHITE BG */ a.tp-large-button-white, a.tp-large-button-white:visited { color: #000 !important; background: #fff; } a.tp-large-button-white i { color: #e03301; } a.tp-large-button-white:hover { color: #fff !important; background: #000; } a.tp-large-button-white:hover i { color: #fff; } /* WHITE BG 2 */ a.tp-large-button-whiteb, a.tp-large-button-whiteb:visited { color: #000 !important; background: #fff;} a.tp-large-button-whiteb i { color: #000; } a.tp-large-button-whiteb:hover { color: #fff !important; background: #000; } a.tp-large-button-whiteb:hover i { color: #fff; } /* RED BG */ a.tp-large-button-red, a.tp-large-button-red:visited { color: #fff !important; background: #e03301; } a.tp-large-button-red i { color: #fff; } a.tp-large-button-red:hover { color: #fff !important; background: #000; } a.tp-large-button-red:hover i { color: #fff; } /* BLUE BG */ a.tp-large-button-blue, a.tp-large-button-blue:visited { color: #fff !important; background: #027ee1; } a.tp-large-button-blue i { color: #fff; } a.tp-large-button-blue:hover { color: #fff !important; background: #000; } a.tp-large-button-blue:hover i { color: #fff; } /* YELLOW BG */ a.tp-large-button-yellow, a.tp-large-button-yellow:visited { color: #000 !important; background: #fff600; } a.tp-large-button-yellow i { color: #000; } a.tp-large-button-yellow:hover { color: #fff !important; background: #000; } a.tp-large-button-yellow:hover i { color: #fff; } /* BLACK BG */ a.tp-large-button-black, a.tp-large-button-black:visited { color: #fff !important; background: #000; } a.tp-large-button-black i { color: #fff; } a.tp-large-button-black:hover { color: #000 !important; background: #fff; } a.tp-large-button-black:hover i { color: #e03301; } /* WHITE TEXT */ a.tp-transparent-button-white, a.tp-transparent-button-white:visited { color: #fff !important; background: transparent; } a.tp-transparent-button-white i { font-size: 39px; color: #fff; left: 5px; -webkit-transition: left 0.2s ease-in-out; -moz-transition: left 0.2s ease-in-out; -o-transition: left 0.2s ease-in-out; -ms-transition: left 0.2s ease-in-out;} a.tp-transparent-button-white:hover i { left: 15px; } /* BLACK TEXT */ a.tp-transparent-button-black, a.tp-transparent-button-black:visited { color: #000 !important; background: transparent; } a.tp-transparent-button-black i { font-size: 39px; color: #000; left: 5px; -webkit-transition: left 0.2s ease-in-out, margin 0.2s ease-in-out, color 0.2s ease-in-out; -moz-transition: left 0.2s ease-in-out, margin 0.2s ease-in-out, color 0.2s ease-in-out; -o-transition: left 0.2s ease-in-out, margin 0.2s ease-in-out, color 0.2s ease-in-out; -ms-transition: left 0.2s ease-in-out, margin 0.2s ease-in-out, color 0.2s ease-in-out; } a.tp-transparent-button-black:hover i { left: 15px; } a.tp-transparent-button-black.tp-v2 i { left: 0; margin-right: 5px; } a.tp-transparent-button-black.tp-v2:hover i { left: 0; margin-right: 10px; color: #e03301; } a.tp-transparent-button-black.tp-v2:hover { color: #e03301 !important; } .button { text-decoration: none !important; line-height: 60px; font-size: 18px; font-weight: 400; color: #fff; background: #000; padding: 20px 25px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; -webkit-transition: color 0.2s ease-in-out, background-color 0.2s ease-in-out; -moz-transition: color 0.2s ease-in-out, background-color 0.2s ease-in-out; -o-transition: color 0.2s ease-in-out, background-color 0.2s ease-in-out; -ms-transition: color 0.2s ease-in-out, background-color 0.2s ease-in-out; } .button:hover { text-decoration: none; border-color: #33bfd8; background: #33bfd8; color: #fff; } .lightondark .button { background: rgba(0,0,0,0.25); } .lightondark .button:hover { text-decoration: none; border-color: #33bfd8; background: #33bfd8; color: #fff;} .lightondark .button.bordered { padding: 18px 23px; border: 2px solid #FFF; background: transparent; color: #fff; } .lightondark .button.bordered:hover { text-decoration: none; border-color: #33bfd8; background: #33bfd8; color: #fff;} .button.bordered { padding: 18px 23px; border: 2px solid #333; background: transparent; color: #333; } .button.bordered:hover { text-decoration: none; border-color: #33bfd8; background: #33bfd8; color: #fff; } .button.subtle { padding: 18px 23px; border: 2px solid #000; background: transparent; color: #000; } .button.subtle:hover { text-decoration: none; border-color: #33bfd8; background: #33bfd8; color: #fff; } .lightondark .button.subtle { padding: 18px 23px; border: 2px solid #fff; background: transparent; color: #fff; } .lightondark .button.subtle:hover { text-decoration: none; border-color: #33bfd8; background: #33bfd8; color: #fff; } .button.highlight { padding: 18px 23px; border: 2px solid #33bfd8; background: #33bfd8; color: #fff; } .button.highlight:hover { border-color: #333 !important; background: #333 !important; color:#fff; } .button i { margin-right: 5px; } /* LISTS */ ul.regularlist { padding-left: 0px; list-style: none; margin-bottom: 0; } ul.regularlist li { margin-bottom: 19px; color: #000; position: relative; width: 100%;} ul.regularlist li:last-child { margin-bottom: 0; } ul.regularlist li span { color: #000; background: #fff600; } ul.regularlist li div { min-height: 60px; box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box; padding-left: 80px; } ul.regularlist li i { margin-top: 0px; padding: 15px; position: absolute; font-size: 30px; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; width: 60px; height: 60px; color: #000; background: #fff; text-align: center; } ul.regularlist li a { } ul.regularlist li i.nope { background: #e03301; color: #fff; } ul.regularlist li i.yes { background: #fff; color: #000; } .lightondark ul.regularlist li { color: #fff; } .lightondark ul.regularlist a { color: #33bfd8; } .lightondark ul.regularlist a:hover { color: #fff; } ul.regularlist.premium i { background: #2b2f35; color: #fff; } ul.regularlist.premium li div { } ul.regularlist i.pe-7s-diamond {} /* ICON BLOCK */ .iconblock { float: none; display: block; box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box; width: 100%; padding: 20px 30px; text-align: center; background: #eee; margin-bottom: 30px; } .iconblock i { float: none; position: relative; padding: 15px; font-size: 30px; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; width: 60px; height: 60px; color: #000; background: #fff; } .iconblock h6 { font-weight: 500; margin-top: 20px; } .iconblock .tptext { display: block; margin-top: 10px; margin-bottom: 15px; width: 100%; } .iconblock .tpmore { display: block; margin-top: 10px; width: 100%; } /* ALTERNATE BLOCK */ .altblock { float: none; display: block; box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box; width: 100%; padding: 20px 30px; text-align: center; background: transparent; margin-bottom: 30px; } .altblock img { padding: 0 10px; } .altblock i { float: none; position: relative; padding: 15px; font-size: 30px; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; width: 60px; height: 60px; color: #fff; background: #e03301; } .altblock h6 { font-weight: 500; margin-top: 20px; } .altblock .tptext { display: block; margin-top: 10px; margin-bottom: 15px; width: 100%; } .altblock .tpmore { display: block; margin-top: 10px; width: 100%; } .tp_vc_mw_rowinner .vc_row.wpb_row.altblockbg { background: #fff !important; padding-top: 33px !important; padding-bottom: 20px !important; } .tp_vc_mw_rowinner .vc_row.wpb_row.altblockbg .altblock { padding-bottom: 0; } /* CUSTOM LINK LIST */ ul.speciallist { padding-left: 20px; list-style: circle; } ul.speciallist li { font-size: 12px; font-weight: 600; } ul.speciallist li a { color: #555; } ul.speciallist li a:hover { color: #33bfd8; } .lightondark ul.speciallist li a { color: #fff; } .lightondark ul.speciallist li a:hover { color: #33bfd8; } /* DIRECTORY LIST */ ul.tpdirectory { padding-left: 0px; list-style: none; border-left: 10px solid #dde0e1; } ul.tpdirectory li { text-transform: none; font-weight: normal; color: #3F4549; margin-bottom: 9px; padding-left: 25px; } ul.tpdirectory li span { font-weight: 700; color: #000; margin-right: 8px; } ul.tpdirectory li ul { list-style: none; margin-top: 15px; margin-bottom: 15px; padding-left: 10px; margin-left: 0; } ul.tpdirectory li a, ul.tpdirectory li a:visited { color: #000; font-weight: 400; } ul.tpdirectory li ul a, ul.tpdirectory li a:visited { color: #000; font-weight: 400; } ul.tpdirectory li a:hover { background: #fff600; } ul.tpdirectory li a:hover span { color: #000; } ul.tpdirectory li:before { content: ''; color: #3F4549; font-family: 'Pe-icon-7-stroke'; font-size: 20px; position: absolute; margin-left: -25px; } /* FEATURE LIST */ ul.featurelist { padding-left: 0px; list-style: none; } ul.featurelist li { text-transform: none; font-weight: normal; color: #000; margin-bottom: 9px; padding-left: 25px; } ul.featurelist li a, ul.featurelist li a:visited { } .lightondark ul.featurelist li { color: #fff; color: rgba(255,255,255,0.85); } ul.featurelist li:before { content: '\e685'; color: #000; font-family: 'Pe-icon-7-stroke'; font-size: 20px; position: absolute; margin-left: -25px; } .lightondark ul.featurelist li:before { color: #fff; } ul.faqlist { padding-left: 0px; list-style: none; } ul.faqlist li { text-transform: none; font-size: 17px; font-weight: normal; color: #666; margin-bottom: 19px; padding-left: 25px;line-height: 22px; } ul.faqlist li a { color: #333; } ul.faqlist li a:hover { color: #33bfd8; } ul.faqlist li:before { content: '\e87e'; color: #333; font-family: 'fontello'; font-size: 14px; position: absolute; margin-left: -25px; } /* INLINE LIST */ ul.inlinelist { padding-left: 0px; list-style: none; margin-bottom: -7px; margin-left: -3px; } ul.inlinelist li { display: inline-block; margin-right: 23px; text-align: center; } ul.inlinelist li a, ul.inlinelist li a:visited { color: #000 !important; text-decoration: none !important; font-weight: 400; display: inline-block; text-align: center; margin: 0 3px; background: #fff600; } ul.inlinelist li a:hover { font-weight: 800; } ul.inlinelist li a::after { margin: 0 3px; display:block; content:attr(title); font-weight:800; height:1px; color:transparent; overflow:hidden; visibility:hidden; } ul.inlinelist li i { font-size: 30px; } /* SIMPLE TABLE */ .simpletable { position: relative; } .simpletable .st_col { display: table-cell; } .simpletable .st_col .st_head { font-weight: 600; margin-bottom: 5px; color: #333;} .simpletable .st_col .st_text { padding-left: 30px; margin-bottom: 5px; } .lightondark .simpletable .st_col .st_head { color: #fff; } /* Progress Bars */ .vc_progress_bar.whitetext .vc_label { color: #fff; font-size: 12px; font-weight: 600; } .vc_progress_bar.darktext .vc_label { color: #555; font-size: 12px; font-weight: 600; } /* Accordion */ .wpb_accordion_header { background-color: #f5f5f5 !important; -webkit-transition: background 0.1s ease-in-out !important; -moz-transition: background 0.1s ease-in-out !important; -o-transition: background 0.1s ease-in-out !important; -ms-transition: background 0.1s ease-in-out !important; margin-bottom: 0px !important; border-bottom: 0px solid transparent !important; } .wpb_accordion_header.ui-state-hover { background-color: #fff !important; border-bottom: 0px solid #dde0e1 !important; } .wpb_accordion_header.ui-state-focus { box-shadow:none ; -webkit-box-shadow: none; outline: none; } .wpb_accordion .wpb_accordion_wrapper .ui-state-active { background-color: #fff !important; border-bottom: 0px solid #dde0e1 !important;} .wpb_accordion .wpb_content_element { margin-top: 20px !important; margin-bottom: 20px !important; } .wpb_accordion_content { padding: 0 !important; } .wpb_accordion_header a { padding: 9px 20px !important; text-transform: none; letter-spacing: 0px; font-size: 17px; font-weight: 700; color: #8a8f95 !important; } .wpb_accordion .wpb_accordion_wrapper .ui-state-active a, .wpb_accordion_header.ui-state-hover a { color: #000 !important; } .wpb_accordion .wpb_accordion_wrapper .ui-state-default .ui-icon { display: block; width: 8px !important; height: 8px !important; background-image: url(assets/images/cross_dark.png) !important; background-position:top left; background-size:8px 8px; background-repeat: no-repeat; position: absolute; right: 17px !important; top: 17px !important; } .wpb_accordion .wpb_accordion_wrapper .ui-state-active .ui-icon { display: block; width: 8px !important; height: 8px !important; background-image: url(assets/images/minus_dark.png) !important; background-position:top left; background-size:8px 8px; background-repeat: no-repeat; position: absolute; right: 17px !important; top: 17px !important; } .lightondark .wpb_accordion_header { background-color: rgba(255,255,255,0.05) !important; } .lightondark .wpb_accordion_header.ui-state-hover { background-color: rgba(255,255,255,0.10) !important; } .lightondark .wpb_accordion_header a { color: #fff; } .lightondark .wpb_accordion .wpb_accordion_wrapper .ui-state-default .ui-icon { background-image: url(assets/images/cross_light.png) !important; } .lightondark .wpb_accordion .wpb_accordion_wrapper .ui-state-active .ui-icon { background-image: url(assets/images/minus_light.png) !important; } /* Tabs */ .wpb_tabs_nav li { -webkit-transition: background 0.1s ease-in-out !important; -moz-transition: background 0.1s ease-in-out !important; -o-transition: background 0.1s ease-in-out !important; -ms-transition: background 0.1s ease-in-out !important; margin-right: 0px !important;} .wpb_tabs_nav li.ui-state-default { background-color: #dde0e1 !important; } .wpb_tabs_nav li.ui-tabs-active, .wpb_tabs_nav li.ui-state-hover { background-color: #fff !important; border-top: 6px solid #e03301 !important; } .wpb_tabs_nav li a { padding: 6px 20px !important; padding-top: 12px !important; text-transform: none; letter-spacing: 0px; font-size: 17px; font-weight: 500; color: #8a8f95 !important; } .wpb_tabs_nav li.ui-tabs-active a, .wpb_tabs_nav li.ui-state-hover a { padding: 6px 20px !important; } .wpb_tab { background-color: transparent !important; padding: 0px !important; padding-top: 20px !important; } .wpb_tabs_nav li.ui-tabs-active a, .wpb_tabs_nav li.ui-state-hover a { color: #000 !important; } .lightondark .wpb_tabs_nav li.ui-state-default { background-color: rgba(255,255,255,0.05) !important; } .lightondark .wpb_tabs_nav li.ui-tabs-active, .lightondark .wpb_tabs_nav li.ui-state-hover { background-color: rgba(255,255,255,0.10) !important; } .lightondark .wpb_tabs_nav li a { color: #fff; } .lightondark .wpb_tab { background-color: rgba(255,255,255,0.10) !important; } /* Rev Slider Doc */ .revslider-doc #content-container img { box-shadow: 0px 0px 0px 5px #fff; -webkit-box-shadow: 0px 0px 0px 5px #fff; } /* Tour Section */ .wpb_tour .wpb_tabs_nav li { margin-bottom: 0px !important; } .wpb_tour .wpb_tab { padding: 0 !important; padding-left: 25px !important; } .wpb_tour li.ui-state-default { border-bottom: 0px solid transparent !important; } .wpb_tour li.ui-tabs-active, .wpb_tour li.ui-state-hover { background-color: #fff !important; border: 0 !important; border-bottom: 0px solid #dde0e1 !important; } .wpb_tour_tabs_wrapper .wpb_prev_slide { margin-left: 5px; } .wpb_tour_tabs_wrapper .wpb_prev_slide, .wpb_tour_tabs_wrapper .wpb_next_slide { font-size: 13px; font-weight: 500; text-transform: none; } .wpb_tour_tabs_wrapper .wpb_prev_slide a { text-decoration: none; border-bottom: 0; padding-bottom: 0; color: #8a8f95; } .wpb_tour_tabs_wrapper .wpb_prev_slide a:before { content: '\e839'; padding-right: 5px; font-family: 'fontello'; } .wpb_tour_tabs_wrapper .wpb_next_slide a { text-decoration: none; border-bottom: 0; padding-bottom: 0; color: #8a8f95; } .wpb_tour_tabs_wrapper .wpb_next_slide a:after { content: '\e86b'; padding-left: 5px; font-family: 'fontello'; } .wpb_tour_tabs_wrapper .wpb_prev_slide a:hover, .wpb_tour_tabs_wrapper .wpb_next_slide a:hover { color: #000; } .wpb_tour_tabs_wrapper .wpb_prev_slide, .wpb_tour_tabs_wrapper .wpb_next_slide { margin-top: 20px !important; } .lightondark .wpb_tour_tabs_wrapper .wpb_prev_slide a, .lightondark .wpb_tour_tabs_wrapper .wpb_next_slide a { opacity: 0.35; color: #fff; } .lightondark .wpb_tour_tabs_wrapper .wpb_prev_slide a:hover, .lightondark .wpb_tour_tabs_wrapper .wpb_next_slide a:hover { opacity: 1; } /* Price Tables */ .pricetable { width: 100%; position: relative; } .pricetable .priceitem { display: inline-block; box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box; position: relative; text-align: center; float: left; } .pricetable .priceitem:last-child { padding-right: 0; } .pricetable .priceitem h3.pricetitle { font-size: 36px; line-height: 40px; font-weight: 700; margin: 0; background: #027ee1; color: #fff; padding: 30px 40px; } .pricetable .priceitem h3.pricetitle a { color: #fff !important; } .pricetable .priceitem .pricesubline { font-size: 22px; line-height: 24px; font-weight: 300; margin: 0; color: #fff; } .pricetable .priceitem .price { font-size: 75px; line-height: 75px; font-weight: 700; margin: 0; background: #ddd; padding: 10px; padding-bottom: 0; color: #000; padding-left: 40px; } .pricetable .priceitem .price .currency { font-size: 36px; margin-right: -10px; margin-left: -50px; color: #000; } .pricetable .priceitem .entry { font-weight: 400; margin: 0; background: #e5e5e5; padding: 10px 40px; color: #000; } .pricetable .priceitem .image img { max-width: 100%; margin-bottom: -1px; } .pricetable .priceitem .buy { font-size: 13px; line-height: 20px; font-weight: 600; margin: 0; background: #ddd; padding: 25px 40px; } .pricetable .priceitem .entry p { margin-bottom: 0; } .pricetable .priceitem ul { padding-top: 10px; padding-bottom: 10px; background: #e5e5e5; } .pricetable .priceitem .entry.nope { color: #e03301 !important; text-decoration: line-through; } .pricetable .priceitem.highlight h3.pricetitle { background: #222; color: #fff; } .pricetable .priceitem.highlight .price { color: #fff; background: #252525; } .pricetable .priceitem.highlight .pricesubline { color: #fff; } .pricetable .priceitem.highlight .price .currency { color: #fff; } .pricetable .priceitem.highlight .entry { color: #fff; background: #222; } .pricetable .priceitem.highlight .entry p { color: #fff; } .pricetable .priceitem.highlight .buy { background: #252525; } .pricetable .priceitem.highlight ul { background: #222; } .pricetable.fourcol .priceitem { width: 25%; } .pricetable.threecol .priceitem { width: 33.333%; } .pricetable.twocol .priceitem { width: 50%; } .lightondark .pricetable .priceitem h3.pricetitle { color: #fff; background: rgba(0,0,0,0.5); } .lightondark .pricetable .priceitem h3.pricetitle a { color: #fff; } .lightondark .pricetable .priceitem.highlight h3.pricetitle { background: #33bfd8; color: #fff;} .lightondark .pricetable .priceitem .pricesubline { color: #fff; } .lightondark .pricetable .priceitem .price { background: rgba(0,0,0,0.25); color: #fff; border-bottom: 1px solid rgba(255,255,255,0.1);} .lightondark .pricetable .priceitem .entry { background: rgba(0,0,0,0.25); color: #fff; border-bottom: 1px solid rgba(255,255,255,0.1); } .lightondark .pricetable .priceitem .buy { background: rgba(0,0,0,0.5); } .lightondark .pricetable .priceitem.highlight .price { border-top: 1px solid #2d3032; border-bottom: 1px solid #2d3032; font-size: 35px; color: #fff; background: #2d3032; } .lightondark .pricetable .priceitem.highlight .entry { color: #fff; background: #313437; border-bottom: 1px solid #2d3032; } .lightondark .pricetable .priceitem.highlight .buy { padding-bottom: 40px; background: #2d3032; } /* Quick Slider Loader Style */ .quickrevslider .tp-loader.spinner2 { background-color: #fff; } .light .quickrevslider { background: #252525 !important; } /****************************** - SIMPLE MASONRY - ********************************/ .simplegrid { width: 100%; position: relative; } .simplegrid .simpleitem img { width: auto; max-width: 100%; } .simplegrid .simpleitem { display: inline-block; margin-right: -4px; box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box; padding: 0 20px 20px 0; position: relative; -webkit-transition: opacity 0.3s ease-in-out; -moz-transition: opacity 0.3s ease-in-out; -o-transition: opacity 0.3s ease-in-out; -ms-transition: opacity 0.3s ease-in-out; } .simplegrid:hover > .simpleitem { opacity: 0.25; } .simplegrid:hover > .simpleitem:hover { opacity: 1.0; } .simplegrid.threecol .simpleitem { width: 33.333%; } .simplegrid.twocol .simpleitem { width: 50%; } .simplegrid.fourcol .simpleitem { width: 25%; } .simplegrid.fivecol .simpleitem { width: 20%; } /*-----------------------------*/ /* HEADER */ /*-----------------------------*/ #subheader { background:#fff;} #subheader { line-height:25px; } #subheader .top_header_line_left { text-align: left;} #subheader .top_header_line_right { text-align: right;} .sticky-wrapper-header { height:0px !important;z-index:10000;} #header_wrapper { position: relative; z-index:10000;} #header { padding:60px 40px 0px; box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box; position:absolute;width:100%; z-index:10010;} #header { line-height:50px; } #header i { font-size:16px; vertical-align: top;} #header_inner_wrapper { margin-right: auto; margin-left: auto; padding-left: 15px;padding-right: 15px;-webkit-backface-visibility: hidden; } #header_inner_wrapper .row { position: relative;} #logo_wrapper { position: relative} #logo img { vertical-align: top; position:absolute;top:0px;left:0px;} #logo .scrolledlogo { visibility: hidden; } .stuck #logo .scrolledlogo { visibility: visible; } .stuck #logo .mainlogo { display:none} .boxed .container#header_inner_wrapper { width:100%; max-width:1170px} .boxed .container.titleincontent { padding-left:0px;} .boxed .container.titleincontent.hb_inner_wrapper { width:1170px;} #nav-floating { padding:0px 10px;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box; } .leftside.background_onlyitems #nav-floating { float:left} .rightside #nav-floating { float:right} .background_fullmenu.leftside #navigation { margin-left:15px;} /* Header Background Extend */ #header.stuck.darkextend { background: #000; } #header.stuck.lightextend { background: #eee; } #header.fullwidth.darkextend { background: #252525; } #header.fullwidth.lightextend { background: #eee; } /* LIKES IN HEADER */ .headerlikes { float:left; padding:0px 5px; color:#000;} .headerlikesicon { color:#000; vertical-align:middle; float:left;} .likesamount { margin-left:5px; float:left; color:#000 } .likesamount .count, .likesamount .count:hover, .headertop .headerlefttext .count, .headertop .headerlefttext .count:hover { color:#000; text-decoration:none; } .hlfblike:hover { background:#4672b3} .hltwlike:hover { background:#099bcc} .hlpinterest:hover { background:#c32524} .hlgplus:hover { background:#da4a38} #header_widgets_wrapper .shareme { display:inline;padding:0;line-height: inherit;} #header_widgets_wrapper .headerlikesicon { color: rgba(51,51,51,0.54) } #header_widgets_wrapper a.shareme:hover .headerlikesicon { color: rgba(51,51,51,1) } .darkmainnav #header_widgets_wrapper .headerlikesicon { color: rgba(255,255,255,0.66); } .darkmainnav #header_widgets_wrapper a.shareme:hover .headerlikesicon { color: #fff; } /* SEARCH */ #header_search { margin-right:15px; } #header_widgets_wrapper { padding-left:0px;} #header_search .searchbutton { cursor:pointer;width:23px;height:23px; background:url("assets/images/searchlight.png") no-repeat; background-size:100%; background-position:center; display: inline-block; vertical-align: middle; margin-top:-3px;} #header_plus { margin-right:15px; } #header_plus .theplusbutton { cursor:pointer;width:23px;height:23px; background:url("assets/images/pluslight.png") no-repeat; background-size:100%; background-position:center; display: inline-block; vertical-align: middle; margin-top:-3px;} #header_plus, #header_search { margin-left:20px;} @media only screen and (max-width: 767px) { #header_plus, #header_search, #header_widgets_wrapper, #navigation { visibility: hidden; height:0px;} } /* HEADER BACKGROUND */ #header_background, #header_background.withtp-media.withimage .innerbgholder { min-height:180px;width:100%; position: relative; background-size:cover; background-position: center center; z-index: 1; } #header_background.withtp-media { min-height: 0px;} #header_background.withtp-media { min-height: 0px;} .boxed #header_background.withtp-media .boxed_inner_wrapper { max-width:1250px; margin:auto;} .header_background_overlay { position: absolute;top:0;left:0;width:100%;height:100%;} #header_background.stuck { position:fixed; padding-top:0px;top:0px;} #page-title-wrapper { padding: 0px 40px;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box; } .sbr-titlemediawrapper #page-title-wrapper { padding:0px 0px} .hb_inner_wrapper { position: relative; } #pagetitle { font-size:40px;font-weight:700; position:relative; padding:0px;margin:0px; line-height:40px;} .single #pagetitle { font-size:40px;letter-spacing: 0px;} #pagetitle.light { color:#fff;} #pagetitle.headerunderline { padding-bottom:10px;} /* PAGE TITLE IN HEADER SECTION */ .innerbgholder #page-title-wrapper { width:100%;height:100%;position: absolute;} .innerbgholder .hb_inner_wrapper { display:table; height:100% !important; padding:0px !important} .innerbgholder .page_title_outter_wrapper { display:table-cell; height:100%;vertical-align:middle} .innerbgholder #pagetitle { padding-bottom:11px;margin-top:40px;} /* THE BOXED / FULLWIDTH HEADER CHANGES */ #header.fullwidth { padding:0px 40px} #header.boxed { padding:40px 0px; box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;} #header.boxed.fullwidth { padding:0px; width:100%;} #header_background .container { position:relative; height:180px; padding:0px 40px; box-sizing: content-box;-webkit-box-sizing: content-box;} #header_inner_bg { width:100%;height:100%;position:absolute;top:0px;left:0px;background-position:center center; background-size:cover;} #header.boxed #header_inner_wrapper >.row { padding:0px 40px;} /* STICKY SETTINGS IN HEADER */ #header.stuck { display:none; position:fixed; padding-top:0px !important;top:0px; } .stickyimage.stuck { position:fixed; width:100%;left:0px;top:0px; z-index:-1} #header.stuck #subheader { display:none} /*------------------------------*/ /* NAVIGATION */ /*------------------------------*/ #navigation { visibility: hidden;} #navigation.adjusted { visibility:visible} #navigation.showmobile { float:right;} #navigation.showmobile ul { display:none} #navigation #mobile-navigation { display:none; cursor: pointer; padding-right:10px; padding-left:10px; margin-right: -10px; background: #000; } #navigation #mobile-navigation .showonopen { display:none;} #navigation #mobile-navigation .showonclose { display:inline-block} #navigation #mobile-navigation.opened .showonopen { display:inline-block;} #navigation #mobile-navigation.opened .showonclose { display:none} #navigation #mobile-navigation i { font-size:25px;position: relative; color: #fff;} #navigation.showmobile #mobile-navigation { display:inline-block;} #navigation .navigation li ul, #navigation .navigation li ul li { line-height: 24px;} #navigation>ul>li a { line-height:50px;} /* LIGHT MOBILE NAV BUTTON */ #navigation #mobile-navigation.lightnav { background: #eee; } #navigation #mobile-navigation.lightnav i { color: #333;} /* NAVIGATION LEVEL POSITIONS AND STYLES */ #navigation ul, #navigation li { list-style: none; padding:0; margin:0; position: relative; -webkit-backface-visibility: hidden;} #navigation li.tp-esg-item { position: absolute; } #navigation li { display:inline; vertical-align: top; } #navigation ul li ul { position:absolute; min-width:200px; left:-21px; padding:17px 0px 17px} #navigation ul li:not(.megamenu) ul { display:none;} #navigation ul li ul li { display:block;} #navigation ul li:not(.megamenu) ul li ul { position:absolute;left:100%;top:-17px;display:none} #navigation ul li:hover>ul, #navigation ul li ul li:hover>ul { display:block;} #navigation ul li:not(.megamenu) ul li ul.totheleft { left:-100% !important} /* NAVIGATION LINKS ALL LEVEL*/ #navigation a, #navigation a:visited { text-decoration: none; text-transform: none; vertical-align: top} #navigation>ul>li>a, #navigation>ul>li>a:visited { cursor: pointer; position: relative; } /* NAVIGATION LINKS IN 1ST LEVEL*/ #navigation a, #navigation a:visited { font-weight:500; font-size:17px; display: inline-block; padding:0px; margin: 0px; letter-spacing: 0px; } #navigation>ul>li { margin: 0 15px; } /* NAVIGATION LINKS IN SUB LEVELS*/ #navigation ul li:not(.megamenu) ul li.menu-item-has-children:after { content: " ";position:absolute;right:20px;top:8px; width:7px;height:24px; background:url(assets/images/lightcross.png); background-repeat:no-repeat; background-position:top left; background-size:7px 7px; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=25)";filter: alpha(opacity=25);-moz-opacity: 0.25;-khtml-opacity: 0.25;opacity: 0.25;} #navigation ul li.lightnav:not(.megamenu) ul li.menu-item-has-children:after { background-image:url(assets/images/darkcross.png); } #navigation ul li ul li.menu-item-has-children:hover:after { -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";filter: alpha(opacity=100);-moz-opacity: 1;-khtml-opacity: 1;opacity: 1;} #navigation ul li ul a, #navigation ul li ul a:visited { line-height:30px; font-weight:500; display: block; padding:0px 24px; font-size:16px; cursor: pointer; white-space: nowrap; } /* MEGAMENU */ #navigation ul li.megamenu ul li ul { position:relative;display:block; top:auto;left:auto;} #navigation ul li.megamenu>ul>li { display:inline-block;} #navigation ul li.megamenu ul { padding:0px} #navigation ul li.megamenu>ul { position:absolute; width:100%; left:0px; visibility:hidden; text-align: center;padding:25px 0px 0px;} #navigation ul li.megamenu.leftoriented>ul { text-align: left;} #navigation li.megamenu>ul>li { text-align: left; padding:0px 25px; margin-bottom:25px;} #navigation li.megamenu>ul>li:last-child { border-right:none;} #navigation li.megamenu>ul>li>ul { min-width:20px; padding-top:5px;} #navigation li.megamenu ul a, #navigation li.megamenu ul a:visited { padding:0px; } #navigation li.megamenu .megamenutitle, #navigation li.megamenu>ul>li>a, #navigation li.megamenu>ul>li>a:visited, #navigation li.megamenu h3 { line-height:25px; font-weight:600; display:block; padding:0px; font-size:13px;text-decoration: none; margin-bottom:0px; } #navigation li.megamenu>ul>li.norightborder { border-right: none !important} /**********************************/ /* BASIC LIGHT NAVIGATION COLORS */ /********************************/ #navigation>ul>li.lightnav>ul { background:#eee; } #navigation ul li.lightnav.megamenu ul li ul { box-shadow:none; -webkit-box-shadow: none;} .lightmainnav #navigation>ul>li>a, .lightmainnav #navigation>ul>li>a:visited { color: rgba(51,51,51,0.54); -webkit-transition: color 0.2s ease-out; -moz-transition: color 0.2s ease-out; -o-transition: color 0.2s ease-out; -ms-transition: color 0.2s ease-out;} .lightmainnav #navigation>ul>li:hover>a, .lightmainnav #navigation>ul>li>a:hover, .lightmainnav #navigation>ul>li.current-menu-item>a, .lightmainnav #navigation>ul>li.current-menu-ancestor>a { color:#333;} #navigation .lightnav a, #navigation .lightnav a:visited, #navigation .lightnav .megamenutitle, #navigation .lightnav a.megamenutitle, #navigation .lightnav a.megamenutitle:visited, #navigation .lightnav a.megamenutitle:hover { color:#333;} #navigation #mobile-navigation { color:#333;} #navigation li.lightnav.megamenu>ul>li { border-right:1px solid #aaa; border-right:1px solid rgba(0,0,0,0.15);} #navigation ul li.lightnav ul a, #navigation ul li.lightnav ul a:visited { color:#333;color:rgba(51,51,51,0.54); background:transparent;} #navigation .lightnav li.menu-item-has-children:after { color:#333;color:rgba(51,51,51,0.54); } #navigation ul li.lightnav ul li:hover>a, #navigation ul li.lightnav ul li:hover>a:hover, #navigation ul li.lightnav ul li:hover>a:visited, #navigation .lightnav li.menu-item-has-children:hover:after { color:#333; background-color:transparent } /* HOVER EFFECTS FOR 2ND LEVEL MENU */ #header_inner_wrapper .row { background:#eee} .lightmainnav #header_search .searchbutton { background:url("assets/images/searchdark.png") no-repeat;background-size:100% } .lightmainnav #header_plus .theplusbutton { background:url("assets/images/plusdark.png") no-repeat;background-size:100% } /* NOT FULL FILLED BACKGROUNDS !! */ #header_inner_wrapper.background_onlyitems .row { background: transparent !important} #header_inner_wrapper.background_onlyitems #nav-floating { background: #fff; } /**********************************/ /* BASIC DARK NAVIGATION COLORS */ /********************************/ #navigation>ul>li.darknav>ul { background:#000; } .darkmainnav #navigation #mobile-navigation, .darkmainnav #navigation>ul>li>a, .darkmainnav #navigation>ul>li>a:visited { color:rgba(255,255,255,0.66); -webkit-transition: color 0.2s ease-out; -moz-transition: color 0.2s ease-out; -o-transition: color 0.2s ease-out; -ms-transition: color 0.2s ease-out;} .darkmainnav #navigation>ul>li:hover>a, .darkmainnav #navigation>ul>li>a:hover, .darkmainnav #navigation>ul>li.current-menu-item>a, .darkmainnav #navigation>ul>li.current-menu-ancestor>a { color:#fff;} #navigation .darknav a, #navigation .darknav a:visited, #navigation .darknav a.megamenutitle, #navigation .darknav a.megamenutitle:visited, #navigation .darknav a.megamenutitle:hover, #navigation .darknav .megamenutitle { color:#fff;} #navigation li.darknav.megamenu>ul>li { border-right:1px solid #ddd; border-right:1px solid rgba(255,255,255,0.15);} #navigation ul li.darknav ul a, #navigation ul li.darknav ul a:visited { color:#fff;color:rgba(255,255,255,0.66); background:transparent;} #navigation li.darknav.menu-item-has-children:after { color:#fff;color:rgba(255,255,255,0.66);} #navigation ul li.darknav ul li:hover>a, #navigation ul li.darknav ul li:hover>a:hover, #navigation ul li.darknav ul li:hover>a:visited, #navigation li.darknav.menu-item-has-children:hover:after { color:#fff; background-color:transparent } /* HOVER EFFECTS FOR 2ND LEVEL MENU */ #navigation li.megamenu>ul>li:last-child { border-right:0px ! important} #header_inner_wrapper.darkmainnav .row, #header_inner_wrapper.background_onlyitems.darkmainnav #nav-floating { background:#000} .darkmainnav .headerlikes, .darkmainnav .headerlikesicon, .darkmainnav .likesamount, .darkmainnav .searchbutton { color:#fff;} /* MENU ICONS */ .navigation i.menuicon { font-weight: 400; font-size: 14px !important; margin-right: 8px; } .sub-menu i.menuicon { font-weight: 400; font-size: 14px !important; margin-right: 8px; } .navigation i.menuicon.icon-menu { font-size: 18px !important; } .navigation i.menuicon.icon-mail-alt { font-size: 12px !important; margin-left: 2px; margin-right: 9px; } /* MEGAMENU LINK COLORS */ #navigation ul li.megamenu .footer_widget { color: rgba(255,255,255,0.5); } #navigation ul li.megamenu .footer_widget a { color: rgba(255,255,255,0.65); } #navigation ul li.megamenu .footer_widget a:hover { color: rgba(255,255,255,1); } /**************************************************************/ /* TRANSPARENT AND GRADIENT MAIN MENU COLOR CHANGES ON SCROLL */ /**************************************************************/ /* TRANSPARENT AND GRADIENT MAIN NAV */ #header_inner_wrapper.gradient.lightmainnav .row, #header_inner_wrapper.gradient.darkmainnav .row, #header_inner_wrapper.background_onlyitems.gradient.lightmainnav #nav-floating, #header_inner_wrapper.background_onlyitems.gradient.darkmainnav #nav-floating { /* IE9 SVG, needs conditional override of 'filter' to 'none' */ background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjM1Ii8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMCIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, rgba(0,0,0,0) 10%, rgba(0,0,0,0.40) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(10%,rgba(0,0,0,0)), color-stop(100%,rgba(0,0,0,0.40))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(0,0,0,0) 10%,rgba(0,0,0,0.40) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(0,0,0,0) 10%,rgba(0,0,0,0.40) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgba(0,0,0,0) 10%,rgba(0,0,0,0.40) 100%); /* IE10+ */ background: linear-gradient(to bottom, rgba(0,0,0,0) 10%,rgba(0,0,0,0.40) 100%); /* W3C */ -webkit-transition: background 0.2s ease-out; -moz-transition: background 0.2s ease-out; -o-transition: background 0.2s ease-out; -ms-transition: background 0.2s ease-out; -webkit-backface-visibility: hidden; } .gradientactive.include_sub #navigation>ul>li>ul { background-color:transparent !important; background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjM1Ii8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMCIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, rgba(0,0,0,0.4) 50%, rgba(0,0,0,0.0) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(50%,rgba(0,0,0,0.4)), color-stop(100%,rgba(0,0,0,0.0))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(0,0,0,0.4) 50%,rgba(0,0,0,0.0) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(0,0,0,0.4) 50%,rgba(0,0,0,0.0) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgba(0,0,0,0.4) 50%,rgba(0,0,0,0.0) 100%); /* IE10+ */ background: linear-gradient(to bottom, rgba(0,0,0,0.4) 50%,rgba(0,0,0,0.0) 100%); /* W3C */ -webkit-transition: background 0.2s ease-out; -moz-transition: background 0.2s ease-out; -o-transition: background 0.2s ease-out; -ms-transition: background 0.2s ease-out; -webkit-backface-visibility: hidden; } .gradientactive.include_sub.fontdark #navigation>ul>li * { color:#000 !important} .gradientactive.include_sub.fontlight #navigation>ul>li * { color:#fff !important; } .transparentactive.include_sub #navigation>ul>li>ul { background-color:transparent !important; -webkit-transition: background 0.2s ease-out; -moz-transition: background 0.2s ease-out; -o-transition: background 0.2s ease-out; -ms-transition: background 0.2s ease-out; -webkit-backface-visibility: hidden; } .transparentactive.include_sub.fontdark #navigation>ul>li * { color:#000 !important} .transparentactive.include_sub.fontlight #navigation>ul>li * { color:#fff !important; color:rgba(255,255,255,0.66) !important;} #header_inner_wrapper.transparent.lightmainnav .row, #header_inner_wrapper.background_onlyitems.transparent.lightmainnav #nav-floating { background:transparent; -webkit-transition: background 0.2s ease-out; -moz-transition: background 0.2s ease-out; -o-transition: background 0.2s ease-out; -ms-transition: background 0.2s ease-out; -webkit-backface-visibility: hidden;} .pagescrolled .stuck #header_inner_wrapper.transparent.lightmainnav .row, .pagescrolled .stuck #header_inner_wrapper.gradient.lightmainnav .row, .pagescrolled .stuck #header_inner_wrapper.background_onlyitems.transparent.lightmainnav #nav-floating, .pagescrolled .stuck #header_inner_wrapper.background_onlyitems.gradient.lightmainnav #nav-floating { background:#eee;} #header_inner_wrapper.transparent.darkmainnav .row, #header_inner_wrapper.background_onlyitems.transparent.darkmainnav #nav-floating { background:transparent; -webkit-transition: background 0.2s ease-out; -moz-transition: background 0.2s ease-out; -o-transition: background 0.2s ease-out; -ms-transition: background 0.2s ease-out; -webkit-backface-visibility: hidden;} .pagescrolled .stuck #header_inner_wrapper.transparent.darkmainnav .row, .pagescrolled .stuck #header_inner_wrapper.gradient.darkmainnav .row, .pagescrolled .stuck #header_inner_wrapper.background_onlyitems.transparent.darkmainnav #nav-floating, .pagescrolled .stuck #header_inner_wrapper.background_onlyitems.gradient.darkmainnav #nav-floating { background:#000; } /* TRANSPARENT LIGHT TO LIGHTBG WITH DARK FONT */ .lightmainnav.fontlight #navigation>ul>li>a, .lightmainnav.fontlight #navigation>ul>li>a:visited, .lightmainnav.fontlight .headerlikes, .lightmainnav.fontlight .headerlikesicon, .lightmainnav.fontlight .likesamount, .lightmainnav.fontlight .searchbutton, .lightmainnav.fontlight #navigation #mobile-navigation { color:#fff; color:rgba(255,255,255,0.66); -webkit-transition: color 0.2s ease-out; -moz-transition: color 0.2s ease-out; -o-transition: color 0.2s ease-out; -ms-transition: color 0.2s ease-out; } .lightmainnav.fontlight #navigation>ul>li:hover>a, .lightmainnav.fontlight #navigation>ul>li>a:hover, .lightmainnav.fontlight #navigation>ul>li.current-menu-item>a, .lightmainnav.fontlight #navigation>ul>li.current-menu-ancestor>a { color:#fff;} .lightmainnav.fontlight #header_search .searchbutton { background:url("assets/images/searchlight.png") no-repeat;background-size:100% } .lightmainnav.fontlight #header_plus .theplusbutton { background:url("assets/images/pluslight.png") no-repeat;background-size:100% } .pagescrolled .stuck .lightmainnav.fontlight #navigation>ul>li>a, .pagescrolled .stuck .lightmainnav.fontlight #navigation>ul>li>a:visited, .pagescrolled .stuck .lightmainnav.fontlight .headerlikes, .pagescrolled .stuck .lightmainnav.fontlight .headerlikesicon, .pagescrolled .stuck .lightmainnav.fontlight .likesamount, .pagescrolled .stuck .lightmainnav.fontlight .searchbutton, .pagescrolled .stuck .lightmainnav.fontlight #navigation #mobile-navigation { color:#333; color:rgba(51,51,51,0.54);} .pagescrolled .stuck .lightmainnav.fontlight #navigation>ul>li:hover>a, .pagescrolled .stuck .lightmainnav.fontlight #navigation>ul>li>a:hover, .pagescrolled .stuck .lightmainnav.fontlight #navigation>ul>li.current-menu-item>a, .pagescrolled .stuck .lightmainnav.fontlight #navigation>ul>li.current-menu-ancestor>a { color:#333;} .pagescrolled .stuck .lightmainnav.fontlight #header_search .searchbutton { background:url("assets/images/searchdark.png") no-repeat;background-size:100% } .pagescrolled .stuck .lightmainnav.fontlight #header_plus .theplusbutton { background:url("assets/images/plusdark.png") no-repeat;background-size:100% } /*TRANSPARENT DARK TO LIGHTBG WITH DARK FONT */ .lightmainnav.fontdark #navigation>ul>li>a, .lightmainnav.fontdark #navigation>ul>li>a:visited, .lightmainnav.fontdark .headerlikes, .lightmainnav.fontdark .headerlikesicon, .lightmainnav.fontdark .likesamount, .lightmainnav.fontdark .searchbutton, .lightmainnav.fontdark #navigation #mobile-navigation { color:#333;color:rgba(51,51,51,0.54);-webkit-transition: color 0.2s ease-out; -moz-transition: color 0.2s ease-out; -o-transition: color 0.2s ease-out; -ms-transition: color 0.2s ease-out; } .lightmainnav.fontdark #navigation>ul>li:hover>a, .lightmainnav.fontdark #navigation>ul>li>a:hover, .lightmainnav.fontdark #navigation>ul>li.current-menu-item>a, .lightmainnav.fontdark #navigation>ul>li.current-menu-ancestor>a { color:#333;} .lightmainnav.fontdark #header_search .searchbutton { background:url("assets/images/searchdark.png") no-repeat;background-size:100% } .lightmainnav.fontdark #header_plus .theplusbutton { background:url("assets/images/plusdark.png") no-repeat;background-size:100% } .pagescrolled .stuck .lightmainnav.fontdark #navigation>ul>li>a, .pagescrolled .stuck .lightmainnav.fontdark #navigation>ul>li>a:visited, .pagescrolled .stuck .lightmainnav.fontdark .headerlikes, .pagescrolled .stuck .lightmainnav.fontdark .headerlikesicon, .pagescrolled .stuck .lightmainnav.fontdark .likesamount, .pagescrolled .stuck .lightmainnav.fontdark .searchbutton { color:#333;color:rgba(51,51,51,0.54);} .pagescrolled .stuck .lightmainnav.fontdark #navigation>ul>li:hover>a, .pagescrolled .stuck .lightmainnav.fontdark #navigation>ul>li>a:hover, .pagescrolled .stuck .lightmainnav.fontdark #navigation>ul>li.current-menu-item>a, .pagescrolled .stuck .lightmainnav.fontdark #navigation>ul>li.current-menu-ancestor>a { color:#333;} /* TRANSPARENT LIGHT TO DARKBG WITH LIGHT FONT */ .darkmainnav.fontlight #navigation>ul>li>a, .darkmainnav.fontlight #navigation>ul>li>a:visited, .darkmainnav.fontlight .headerlikes, .darkmainnav.fontlight .headerlikesicon, .darkmainnav.fontlight .likesamount, .darkmainnav.fontlight .searchbutton, .darkmainnav.fontlight #navigation #mobile-navigation { color:#fff;color:rgba(255,255,255,0.66);-webkit-transition: color 0.2s ease-out; -moz-transition: color 0.2s ease-out; -o-transition: color 0.2s ease-out; -ms-transition: color 0.2s ease-out; } .darkmainnav.fontlight #navigation>ul>li:hover>a, .darkmainnav.fontlight #navigation>ul>li>a:hover, .darkmainnav.fontlight #navigation>ul>li.current-menu-item>a, .darkmainnav.fontlight #navigation>ul>li.current-menu-ancestor>a { color:#fff;} .darkmainnav.fontlight #navigation>ul>li>a:after, .darkmainnav.fontlight #navigation>ul>li>a:visited:after { position: absolute; left: 0; bottom: 0px; width: 0; height: 3px; background: #fff600; content: ""; -webkit-transition: width 0.2s ease-out; -moz-transition: width 0.2s ease-out; -o-transition: width 0.2s ease-out; -ms-transition: width 0.2s ease-out; } .darkmainnav.fontlight #navigation>ul>li:hover>a:after, .darkmainnav.fontlight #navigation>ul>li>a:hover:after, .darkmainnav.fontlight #navigation>ul>li.current-menu-item>a:after, .darkmainnav.fontlight #navigation>ul>li.current-menu-ancestor>a:after { width: 100%; } .darkmainnav.fontlight #header_search .searchbutton { background:url("assets/images/searchlight.png") no-repeat;background-size:100% } .darkmainnav.fontlight #header_plus .theplusbutton { background:url("assets/images/pluslight.png") no-repeat;background-size:100% } .pagescrolled .stuck .darkmainnav.fontlight #navigation>ul>li>a, .pagescrolled .stuck .darkmainnav.fontlight #navigation>ul>li>a:visited, .pagescrolled .stuck .darkmainnav.fontlight .headerlikes, .pagescrolled .stuck .darkmainnav.fontlight .headerlikesicon, .pagescrolled .stuck .darkmainnav.fontlight .likesamount, .pagescrolled .stuck .darkmainnav.fontlight .searchbutton { color:#fff;color:rgba(255,255,255,0.66);} .pagescrolled .stuck .darkmainnav.fontlight #navigation>ul>li:hover>a, .pagescrolled .stuck .darkmainnav.fontlight #navigation>ul>li>a:hover, .pagescrolled .stuck .darkmainnav.fontlight #navigation>ul>li.current-menu-item>a, .pagescrolled .stuck .darkmainnav.fontlight #navigation>ul>li.current-menu-ancestor>a { color:#fff;} /*TRANSPARENT DARK TO DARKBG WITH LIGHT FONT */ .darkmainnav.fontdark #navigation>ul>li>a, .darkmainnav.fontdark #navigation>ul>li>a:visited, .darkmainnav.fontdark .headerlikes, .darkmainnav.fontdark .headerlikesicon, .darkmainnav.fontdark .likesamount, .darkmainnav.fontdark .searchbutton, .darkmainnav.fontdark #navigation #mobile-navigation { color:#000; color:rgba(0,0,0,0.5); -webkit-transition: color 0.2s ease-out; -moz-transition: color 0.2s ease-out; -o-transition: color 0.2s ease-out; -ms-transition: color 0.2s ease-out; } .darkmainnav.fontdark #navigation>ul>li>a:after, .darkmainnav.fontdark #navigation>ul>li>a:visited:after { position: absolute; width: 0; height: 3px; background: #fff600; content: ""; -webkit-transition: width 0.2s ease-out; -moz-transition: width 0.2s ease-out; -o-transition: width 0.2s ease-out; -ms-transition: width 0.2s ease-out; left: 0; bottom: 0px; } .darkmainnav.fontdark #navigation>ul>li:hover>a, .darkmainnav.fontdark #navigation>ul>li>a:hover, .darkmainnav.fontdark #navigation>ul>li.current-menu-item>a, .darkmainnav.fontdark #navigation>ul>li.current-menu-ancestor>a { color:#000; } .darkmainnav.fontdark #navigation>ul>li:hover>a:after, .darkmainnav.fontdark #navigation>ul>li>a:hover:after, .darkmainnav.fontdark #navigation>ul>li.current-menu-item>a:after, .darkmainnav.fontdark #navigation>ul>li.current-menu-ancestor>a:after { width: 100%; } .darkmainnav.fontdark #header_search .searchbutton { background:url("assets/images/searchdark.png") no-repeat;background-size:100% } .darkmainnav.fontdark #header_plus .theplusbutton { background:url("assets/images/plusdark.png") no-repeat;background-size:100% } .pagescrolled .stuck .darkmainnav.fontdark #navigation>ul>li>a, .pagescrolled .stuck .darkmainnav.fontdark #navigation>ul>li>a:visited, .pagescrolled .stuck .darkmainnav.fontdark .headerlikes, .pagescrolled .stuck .darkmainnav.fontdark .headerlikesicon, .pagescrolled .stuck .darkmainnav.fontdark .likesamount, .pagescrolled .stuck .darkmainnav.fontdark .searchbutton, .pagescrolled .stuck .darkmainnav.fontdark #navigation #mobile-navigation { color:#fff;color:rgba(255,255,255,0.66);} .pagescrolled .stuck .darkmainnav.fontdark #header_search .searchbutton { background:url("assets/images/searchlight.png") no-repeat;background-size:100% } .pagescrolled .stuck .darkmainnav.fontdark #header_plus .theplusbutton { background:url("assets/images/pluslight.png") no-repeat;background-size:100% } .pagescrolled .stuck .darkmainnav.fontdark #navigation>ul>li:hover>a, .pagescrolled .stuck .darkmainnav.fontdark #navigation>ul>li>a:hover, .pagescrolled .stuck .darkmainnav.fontdark #navigation>ul>li.current-menu-item>a, .pagescrolled .stuck .darkmainnav.fontdark #navigation>ul>li.current-menu-ancestor>a { color:#fff;} /****************************** - RESPONSIVE MENU - ********************************/ .responsivemenuwrapper { position:absolute; width:100%; left:0px;} #responsivemenu { display:none;position: relative; margin:0px auto;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box; padding:0px 0px; } #responsivemenu .respmenuelement { line-height:30px; display:block; padding-left:10px; position: relative;} #responsivemenu .respmenuelement a, #responsivemenu .respmenuelement a:visited, #responsivemenu .respmenuelement a:hover { color:#333; color: rgba(51,51,51,0.5); font-weight:600; font-size:17px; font-weight: 700; text-decoration: none; display: block; } #responsivemenu .nav-level0 { border-bottom:1px solid #e1e1e1; padding:5px 4px 5px 30px;} #responsivemenu .nav-level0:last-child { border-bottom:none;} #responsivemenu .nav-level0>a, #responsivemenu .nav-level0>a:visited, #responsivemenu .nav-level0>a:hover { font-size:17px;font-weight:700; color:#333; } #responsivemenu .respmenu-inner-wrapper { display: none;} #responsivemenu .respmenuelement .respmenu-clickable { cursor: pointer; display: block; position: relative;} #responsivemenu .respmenuelement.hassubmenu .respmenu-clickable:after { content: " ";position:absolute;right:20px;top:11px; width:7px;height:30px; background:url(assets/images/darkcross.png); background-repeat:no-repeat; background-position:top left; background-size:7px 7px; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=25)";filter: alpha(opacity=25);-moz-opacity: 0.25;-khtml-opacity: 0.25;opacity: 0.25; } #responsivemenu .respmenuelement.hassubmenu.nowopen >.respmenu-clickable:after { content: " ";position:absolute;right:20px;top:11px; width:7px;height:30px; background:url(assets/images/darkminus.png); background-repeat:no-repeat; background-position:top left; background-size:7px 7px; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=25)";filter: alpha(opacity=25);-moz-opacity: 0.25;-khtml-opacity: 0.25;opacity: 0.25; } #responsivemenu.lightnav .respmenuelement.nav-level0>a, #responsivemenu.lightnav .respmenuelement.nav-level0>a:visited, #responsivemenu.lightnav .respmenuelement.nav-level0>a:hover { color:#333;} #responsivemenu.lightnav .respmenuelement a, #responsivemenu.lightnav .respmenuelement a:visited, #responsivemenu.lightnav .respmenuelement a:hover { color:#333;color:rgba(51,51,51,0.5); background:transparent;} #responsivemenu.lightnav { background:#eee; } #responsivemenu.lightnav .respmenuelement.hassubmenu .respmenu-clickable:after { color:#333;color:rgba(51,51,51,0.5); } #responsivemenu.lightnav .respmenuelement.hassubmenu:hover .respmenu-clickable:after { color:#333; background-color:transparent } #responsivemenu.darknav { background:#000; } #responsivemenu.darknav .nav-level0 { border-bottom:1px solid rgba(255,255,255,0.15); } #responsivemenu.darknav .respmenuelement.nav-level0>a, #responsivemenu.darknav .respmenuelement.nav-level0>a:visited, #responsivemenu.darknav .respmenuelement.nav-level0>a:hover { color:#fff;} #responsivemenu.darknav .respmenuelement.hassubmenu:after { color:#fff; background-color:transparent } #responsivemenu.darknav .respmenuelement.hassubmenu .respmenu-clickable:after { color:#fff;color:rgba(255,255,255,0.5); } #responsivemenu.darknav .respmenuelement a, #responsivemenu.darknav .respmenuelement a:visited, #responsivemenu.darknav .respmenuelement a:hover { color:#fff; color:rgba(255,255,255,0.5); font-weight:700; font-size:17px; text-decoration: none; } #responsivemenu.darknav .respmenuelement.hassubmenu .respmenu-clickable:after { content: " ";position:absolute;right:20px;top:11px; width:7px;height:30px; background:url(assets/images/lightcross.png); background-repeat:no-repeat; background-position:top left; background-size:7px 7px; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=25)";filter: alpha(opacity=25);-moz-opacity: 0.25;-khtml-opacity: 0.25;opacity: 0.25; } #responsivemenu.darknav .respmenuelement.hassubmenu.nowopen >.respmenu-clickable:after { content: " ";position:absolute;right:20px;top:11px; width:7px;height:30px; background:url(assets/images/lightminus.png); background-repeat:no-repeat; background-position:top left; background-size:7px 7px; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=25)";filter: alpha(opacity=25);-moz-opacity: 0.25;-khtml-opacity: 0.25;opacity: 0.25; } /****************************** - RESPONSIVE MENU SIZES - ********************************/ .responsivemenuwrapper { padding:0px 40px 0px;} #responsivemenu { width: 100% !important;} @media only screen and (max-width: 992px) { .responsivemenuwrapper { padding:0px 20px 0px;} } /****************************** - SEARCHWRAPPER - ********************************/ #search_wrapper { position:absolute; top:0px;left:0px;width:100%; height:auto; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); -moz-opacity: 0.0; -khtml-opacity: 0.0; opacity: 0.0; z-index:20000; } #search_wrapper .esg-filter-wrapper, #search_wrapper .esg-pagination { margin-left: 0px !important; } #big_search_wrapper { position:relative; padding-top:0px;} #big_search_wrapper .bigsearchfield { width:100%;color:#fff !important;font-size:40px !important; padding:0px 0px!important; font-weight:700;line-height:40px !important; border:none !important; border-bottom:2px solid #fff !important; background: none !important; z-index: 10; position:relative; } #big_search_fake_txt { width:100%;color:#fff !important;font-size:40px !important; padding:0px 0px!important; font-weight:700;line-height:40px !important; border:none !important; background: none !important; position: absolute !important; top: 5px !important; z-index: 5; } .big_search_text { color:#fff; font-size:20px; line-height:35px; } .big_search_close { color:#fff; font-size:20px; position:absolute; right:33px;top:52px; cursor: pointer; font-weight: 400; z-index: 20; } .searchresult_title { font-size:11px; font-weight: 700;margin-top:30px; color:#fff; } #search_bg { width:100%;height:100%; position:fixed; top:0px;left:0px; background:rgba(0,0,0,0.85); z-index:19999;} .searchcontainer { position:relative; padding: 40px; box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box; } .searchresult { font-size: 17px; line-height: 26px; font-weight: 600; color: #fff; } /****************************** - PAGE CONTENT - ********************************/ .tp_vc_mw_rowwrapper { position: relative;} /* PAGE TYPE 1 */ #content_inner_wrapper { background:#fff;position:relative; z-index:1; padding:0px 0px; box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;} .tp_vc_mw_rowwrapper { padding:0px 40px;} .boxed .tp_vc_mw_rowwrapper { padding:0px 40px;} /* PAGE TYPE 2*/ .content_inner_wrapper_boxed { background:#fff;position:relative; z-index:1; padding:70px 40px; max-width:1170px;margin:auto; box-sizing:content-box;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;} .withsidebar2 .content-container_boxed { margin-left:-40px;margin-right:-40px;} /* SIDE BAR SETTINGS */ #sidebar-container { padding:138px 40px 140px 20px; } /*.blog #sidebar-container { padding-top: 120px; }*/ /* PAGE TYPE 1*/ .withsidebar #content_inner_wrapper { display:table; } .withsidebar.leftside #content_inner_wrapper { direction:rtl;} .withsidebar.rightside #content_inner_wrapper { direction:ltr;} .withsidebar #sidebar-container { /*overflow:hidden;*/vertical-align:top;display:table-cell;min-width:300px; max-width:300px; box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;direction:ltr;z-index: 1000; -webkit-backface-visibility: hidden;} .withsidebar #content-container { vertical-align:top;display:table-cell;width:100%;direction:ltr;} /* PAGE TYPE 2*/ .withsidebar2 #content_inner_wrapper { display:table; } .withsidebar2.leftside #content_inner_wrapper { direction:rtl;} .withsidebar2.rightside #content_inner_wrapper { direction:ltr;} .withsidebar2 #sidebar-container { /*overflow:hidden;*/vertical-align:top;display:table-cell;min-width:300px; max-width:300px; box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;direction:ltr;} .withsidebar2 #content-container { vertical-align:top;display:table-cell;width:100%;direction:ltr;} #sidebar-container #sb-inner-wrap { /*overflow: hidden*/} /* STICKY SIDEBAR !! */ .stickyfromhere { float: left; display: block; width: 100%; } #sb-inner-wrap { position: relative} #sb-inner-wrap.stuck { position:fixed; width:240px; /*overflow: hidden*/} /* CONTENT IN SIDEBAR */ #sidebar-container h4 { font-size:15px; text-transform:uppercase; font-weight:800; line-height:20px;} /* BOXED LAYOUT CONTAINER CORRECTION */ /*.firstlevelrow { margin:0px 0px; } .tp_vc_mw_rowwrapper:first-child .firstlevelrow { padding-top:70px} .firstlevelrow .firstlevelrow { padding-top:0px !important }*/ /* DIRK Sidebar for Page Layout 2 */ .boxed.nosidebar, .withsidebar2 { max-width: 1250px; width:100%;margin: 0 auto; background: #fff;} .withsidebarbackground { background: #fff;} .container-fluid { padding:0px; width:100%;} /****************************** - CONTENT MODULES - ********************************/ /* .space_hoover img { box-shadow: rgba(0,0,0,0.75) 0 2px 3px; } */ /* SIMPLE SERVICES */ .simpleservice { position: relative; display: table; width: 100%; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; padding-bottom: 0px; } .simpleservice .serviceicon { display: table-cell; width: 40px; font-size: 28px; color: #33bfd8; padding-right: 20px; } .simpleservice .serviceicon i { } .simpleservice .servicetext { display: table-cell; vertical-align: top; } .simpleservice .servicetext h3.smalltitle { margin-bottom: 9px; margin-top: 0; } .simpleservice.highlight { padding: 30px; padding-bottom: 40px; padding-top: 40px; background: #33bfd8; -webkit-transition: background-color 0.3s ease-in-out; -moz-transition: background-color 0.3s ease-in-out; -o-transition: background-color 0.3s ease-in-out; -ms-transition: background-color 0.3s ease-in-out; } .simpleservice.highlight .servicetext h3.smalltitle { color: #fff; -webkit-transition: color 0.3s ease-in-out; -moz-transition: color 0.3s ease-in-out; -o-transition: color 0.3s ease-in-out; -ms-transition: color 0.3s ease-in-out;} .simpleservice.highlight .serviceicon { display: block; width: 100%; font-size: 28px; color: #fff; margin-bottom: 10px; padding-right: 0; -webkit-transition: color 0.3s ease-in-out; -moz-transition: color 0.3s ease-in-out; -o-transition: color 0.3s ease-in-out; -ms-transition: color 0.3s ease-in-out; } .simpleservice.highlight .servicetext { display: block; width: 100%; color: #fff; -webkit-transition: color 0.3s ease-in-out; -moz-transition: color 0.3s ease-in-out; -o-transition: color 0.3s ease-in-out; -ms-transition: color 0.3s ease-in-out;} .simpleservice.highlight a.servicelink { color: #fff; font-size: 13px; font-weight: 600; margin-top: 40px; float: left; position: relative; -webkit-transition: color 0.3s ease-in-out; -moz-transition: color 0.3s ease-in-out; -o-transition: color 0.3s ease-in-out; -ms-transition: color 0.3s ease-in-out;} .simpleservice.highlight a.servicelink:after { content:" "; width:30px;height:2px;position:absolute;top:-5px;left:1px;margin-left:0; background: #fff; -webkit-transition: width 0.5s ease-in-out, background-color 0.5s ease-in-out; -moz-transition: width 0.5s ease-in-out, background-color 0.5s ease-in-out; -o-transition: width 0.5s ease-in-out, background-color 0.5s ease-in-out; -ms-transition: width 0.5s ease-in-out, background-color 0.5s ease-in-out; } /* Highlight Service Hover */ .simpleservice.highlight:hover a.servicelink:after { width: 100%; background: #333; } .simpleservice.highlight:hover a.servicelink { color: #333; } .simpleservice.highlight:hover { background: #f5f5f5; } .simpleservice.highlight:hover .servicetext h3.smalltitle { color: #333; } .simpleservice.highlight:hover .serviceicon { color: #33bfd8; } .simpleservice.highlight:hover .servicetext { color: #666; } .lightondark .simpleservice .servicetext p { color: rgba(255,255,255,0.65); } /* LARGE CALLOUT TEXT */ .callouttextlarge { vertical-align: middle; width: auto; margin:0; margin-right: 40px; font-size: 27px; line-height: 32px; font-weight: 300; } /* HIGHLIGHT GRID */ .filter-lightstyle .esg-overlay { background: #f5f5f5; } .filter-lightstyle .eg-miami-highlights-element-1 { color: #333; } .filter-lightstyle .eg-miami-highlights-element-10 { color: #666; } .filter-greystyle .esg-overlay { background: #2e3439; } .filter-lightpoly .esg-overlay { background: #eee; /*background:url("assets/images/lightpoly.jpg") no-repeat;*/ } /****************************** - FOOTER - ********************************/ #footer { position: relative; z-index: 0; margin:auto; width:100%; -webkit-transform:translateZ(0);} .footerinnerwrapper { padding:0px 0px;} #footer.boxed .footerinnerwrapper { position: relative; margin:auto; padding:0px;} #footer.boxed .footerinnerwrapper .footer-inner >.row { margin:0px !important } #footer .footerinnerwrapper .footer-inner >.row { margin:0px !important } #footer .rowwrapper { color:#fff;} #footer .row>.widgetslot { background:#313437; } #footer .row>.widgetslot:first-child { background:#2d3032; } .footer_left_underlay { width:50%;height:100%;position:absolute;top:0px;left:0px;background:#2d3032;z-index:0} .footer_right_underlay { width:50%;height:100%;position:absolute;top:0px;left:50%;background:#313437;z-index:0} #footer .row>.widgetslot { padding:120px 40px 40px 40px; } #footer .widgetslot h3 { margin-top:0px;} #footer>.container-fluid.rowwrapper>.row { margin:0px;} /* Custom Width 4 Column Footer */ .col-md-3.widgetslot { width: 25%; } .col-md-4.widgetslot { width: 33.33333%; } .col-md-6.widgetslot { width: 50%; } .col-md-8.widgetslot { width: 66.66666%; } .col-md-12.widgetslot { width: 100%; } #footer.boxed .container-fluid, #footer.boxed .footerinnerwrapper { max-width:1250px;} /****************************** - WIDGET STYLING - ********************************/ /* General Style */ .widgetslot { overflow: hidden; } .sidebar_widget.miami_widget { float: left; background: transparent; padding: 0px 0 60px 0px; width: 100%; border-bottom: 0px solid #e5e5e5; } .sidebar_widget.miami_widget:last-child { border-bottom: 0; } /* Hide all selects till Jquery fancySelect shows them again */ .widgetslot select, #sidebar-container select { display: none; } .footer_widget h3, .sidebar_widget h3 { text-transform: none; font-size: 17px; line-height: 22px; font-weight: 700; margin-bottom: 25px; margin-top: -4px; } .footer_widget h3 { color: #888; color: rgba(255,255,255,1); } .sidebar_widget h3 { color: #000; } #footer img, #sidebar-container img { max-width: 100%; } #footer .widgetslot .footer_widget { color: #888; color: rgba(255,255,255,0.4); margin-bottom: 50px; display: block; } #sidebar-container .sidebar_widget { margin-bottom: 0px; } #sidebar-container .footer_widget { margin-bottom: 60px; } #footer .widgetslot .footer_widget:last-child, #sidebar-container #sb-inner-wrap .sidebar_widget:last-child { margin-bottom: 0px; } .footer_widget { color: #888; color: rgba(255,255,255,0.4); } .footer_widget a, .footer_widget a:visited { color: #bbb; color: rgba(255,255,255,0.65); font-weight: 600; } .footer_widget a:hover { color: #fff; } .sidebar_widget a, .sidebar_widget a:visited { color: #3F4549; font-weight: 400; } .sidebar_widget a:hover { background: #fff600; } a.poptitle { float: left; font-size: 13px; color: #fff !important; background: #000; padding: 10px; cursor: pointer; padding-left: 50px; -webkit-transition: color 0.2s ease-in-out, background-color 0.2s ease-in-out; -moz-transition: color 0.2s ease-in-out, background-color 0.2s ease-in-out; -o-transition: color 0.2s ease-in-out, background-color 0.2s ease-in-out; -ms-transition: color 0.2s ease-in-out, background-color 0.2s ease-in-out;} a.poptitle:before { content: '\e699'; color: #fff; font-family: 'Pe-icon-7-stroke'; font-size: 30px; position: absolute; margin-top: 5px; margin-left: -35px; -webkit-transition: color 0.2s ease-in-out; -moz-transition: color 0.2s ease-in-out; -o-transition: color 0.2s ease-in-out; -ms-transition: color 0.2s ease-in-out; } a.poptitle:hover { color: #000 !important; background: #fff600; } a.poptitle:hover:before { color: #000; } .tp-smalllink i { font-size: 27px; float: left; margin-right: 5px; margin-top: -3px;} /* Custom Link List */ ul.linklist { list-style: none; padding: 0; margin: 0; } ul.linklist li { margin-bottom: 20px; font-size: 14px; line-height: 18px; font-weight: 600; } ul.linklist li i { margin-right: 10px; } ul.linklist li:last-child { margin-bottom: 0px; } .sidebar_widget ul.linklist li { color: #777; } /* Archives */ .widget_archive ul { list-style: none; padding: 0; margin: 0; } .widget_archive ul li { margin-bottom: 20px; font-size: 14px; line-height: 18px; color: #999;} .widget_archive ul li:last-child { margin-bottom: 0px; } /* Categories */ .widget_categories ul { list-style: none; padding: 0; margin: 0; } .widget_categories ul li { margin-bottom: 20px; font-size: 14px; line-height: 18px; color: #999; } .widget_categories ul li:last-child { margin-bottom: 0px; } /* Pages */ .widget_pages ul { list-style: none; padding: 0; margin: 0; } .widget_pages ul li { margin-bottom: 20px; font-size: 14px; line-height: 18px; } .widget_pages ul li:last-child { margin-bottom: 0px; } /* Meta */ .widget_meta ul { list-style: none; padding: 0; margin: 0; } .widget_meta ul li { margin-bottom: 20px; font-size: 14px; line-height: 18px; } .widget_meta ul li:last-child { margin-bottom: 0px; } /* Recent Comments */ .widget_recent_comments ul { list-style: none; padding: 0; margin: 0; } .widget_recent_comments ul li { margin-bottom: 20px; font-size: 14px; line-height: 18px; color: #999; padding-left: 25px;} .widget_recent_comments ul li:before { content: '\e668'; color: #000; font-family: 'Pe-icon-7-stroke'; font-size: 20px; position: absolute; margin-top: 0px; margin-left: -26px; } .widget_recent_comments ul li:last-child { margin-bottom: 0px; } /* Recent Entries */ .widget_recent_entries ul, .widget_faq_recent_entries ul, ul.manualcategories { list-style: none; padding: 0; margin: 0; } .widget_recent_entries ul li, .widget_faq_recent_entries ul li, ul.manualcategories li { margin-bottom: 15px; font-size: 14px; line-height: 18px; padding-left: 25px; } .widget_recent_entries ul li a:before, .widget_faq_recent_entries ul li a:before, ul.manualcategories li a:before { content: '\e685'; color: #3F4549; font-family: 'Pe-icon-7-stroke'; font-size: 20px; position: absolute; margin-top: 0px; margin-left: -26px; } .widget_recent_entries ul li:last-child, .widget_faq_recent_entries ul li:last-child , ul.manualcategories li:last-child { margin-bottom: -4px; } /* Rss */ .widget_rss ul { list-style: none; padding: 0; margin: 0; } .widget_rss ul li { margin-bottom: 20px; font-size: 14px; line-height: 18px; } .widget_rss ul li:last-child { margin-bottom: 0px; } .widget_rss .rssSummary { text-transform: none; letter-spacing: 0px; font-size: 15px; } .sidebar_widget.widget_rss .rss-date { color: #999; } /* Widget Nav Menu */ .widget_nav_menu ul { list-style: none; padding: 0; margin: 0; } .widget_nav_menu ul.sub-menu { padding-left: 20px; margin-top: 4px; } .widget_nav_menu ul li { margin-bottom: 4px; font-size: 12px; } .widget_nav_menu ul li:last-child { margin-bottom: 0px; } .footer_widget.widget_nav_menu .megamenutitle { color: #bbb; font-weight: 600; } .footer_widget.widget_nav_menu li.current_page_item a { color: #fff; } .sidebar_widget.widget_nav_menu .megamenutitle { color: #555; font-weight: 600; } .sidebar_widget.widget_nav_menu li.current_page_item a { color: #33bfd8; } /* Calendar */ .widget_calendar table { max-width: 300px; width: 100%; } .sidebar_widget.widget_calendar table td { color: #999; } /* Widget Links */ .footer_widget a.widgetlink:hover { color: #fff !important; } .sidebar_widget a.widgetlink:hover { color: #333 !important; } /* Text Widget */ .sidebar_widget .textwidget { color: #666; font-size: 14px; line-height: 18px;} .footer_widget .textwidget { color: #999; } /* Sidebar Search */ .sidebar_widget .widget_search { } .sidebar_widget .searchform { padding-left: 46px; -webkit-transition: padding 0.2s ease-out; -moz-transition: padding 0.2s ease-out; -o-transition: padding 0.2s ease-out; -ms-transition: padding 0.2s ease-out; overflow: hidden; position: relative; } .sidebar_widget .searchform:before { content: '\e618'; color: #fff; font-family: 'Pe-icon-7-stroke'; font-size: 20px; font-weight: 700; position: absolute; margin-top: 0px; margin-left: -46px; background: #999; border: 0px solid #ddd; border-right: 0; width: 46px; height: 46px; line-height: 46px; text-align: center; -webkit-transition: width 0.2s ease-out; -moz-transition: width 0.2s ease-out; -o-transition: width 0.2s ease-out; -ms-transition: width 0.2s ease-out; } .sidebar_widget .searchform input[type="text"] { position: relative; background: #ddd; border: 0px solid #ddd; font-size: 14px !important; -webkit-transition: border-color 0.2s ease-out; -moz-transition: border-color 0.2s ease-out; -o-transition: border-color 0.2s ease-out; -ms-transition: border-color 0.2s ease-out;} .sidebar_widget .searchform input[type="text"]:focus { border: 0px solid #000; background: #ddd; color: #000 !important; } .sidebar_widget .searchform input:-moz-placeholder { color: #999 !important; } .sidebar_widget .searchform input::-moz-placeholder { color: #999 !important; } .sidebar_widget .searchform input:-ms-input-placeholder { color: #999 !important; } .sidebar_widget .searchform input::-webkit-input-placeholder { color: #999 !important; } .sidebar_widget .searchform:hover { padding-left: 0; } .sidebar_widget .searchform:hover:before { width: 76px; } /* Social Icons */ .social { } .social ul { margin: 0; padding: 0; } .social li { display: inline-block; margin: 0; padding: 0; margin-right: 1px; } .social li:last-child { margin-right: 0; } .social li a { display: inline-block; width: 50px; height: 50px; opacity: 1; background: rgba(255,255,255,0.05); margin:0px 0px -6px 0px; -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; /*border: 1px solid rgba(255,255,255,0.15);*/ padding: 0; } .social li a:hover { border: 0; } .social li a:hover .s_icon { /*margin-left: 1px; margin-right: 1px; margin-top: 1px;*/ } .social .s_icon { float: left; font-size: 20px; color: #bbb; color: rgba(255,255,255,0.65); text-align: center; width: 50px; line-height:50px; font-family: 'fontello'; } .social li a:hover .s_icon, .sidebar_widget.social li a:hover .s_icon { color: #fff; } .social ul li a.so_facebook:hover, .sidebar_widget.social ul li a.so_facebook:hover { background: #4672b3; } .social ul li a.so_twitter:hover, .sidebar_widget.social ul li a.so_twitter:hover { background: #099bcc; } .social ul li a.so_gplus:hover, .sidebar_widget.social ul li a.so_gplus:hover { background: #da4a38; } .social ul li a.so_pinterest:hover, .sidebar_widget.social ul li a.so_pinterest:hover { background: #c32524; } .social ul li a.so_vimeo:hover, .sidebar_widget.social ul li a.so_vimeo:hover { background: #8bb225; } .social ul li a.so_youtube:hover, .sidebar_widget.social ul li a.so_youtube:hover { background: #cb322c; } .social ul li a.so_linkedin:hover, .sidebar_widget.social ul li a.so_linkedin:hover { background: #2e8cc2; } .social ul li a.so_rss:hover, .sidebar_widget.social ul li a.so_rss:hover { background: #e97633; } .social ul li a.so_instagram:hover, .sidebar_widget.social ul li a.so_instagram:hover { background: #33648f; } .social ul li a.so_foursquare:hover, .sidebar_widget.social ul li a.so_foursquare:hover { background: #19a7e2; } .social ul li a.so_dribbble:hover, .sidebar_widget.social ul li a.so_dribbble:hover { background: #ea4c89; } .social ul li a.so_behance:hover, .sidebar_widget.social ul li a.so_behance:hover { background: #1769ff; } .social ul li a.so_delicious:hover, .sidebar_widget.social ul li a.so_delicious:hover { background: #222222; } .social ul li a.so_digg:hover, .sidebar_widget.social ul li a.so_digg:hover { background: #000000; } .social ul li a.so_dropbox:hover, .sidebar_widget.social ul li a.so_dropbox:hover { background: #007ee5; } .social ul li a.so_flickr:hover, .sidebar_widget.social ul li a.so_flickr:hover { background: #ff0084; } .social ul li a.so_foursquare:hover, .sidebar_widget.social ul li a.so_foursquare:hover { background: #0732a2; } .social ul li a.so_github:hover, .sidebar_widget.social ul li a.so_github:hover { background: #333; } .social ul li a.so_reddit:hover, .sidebar_widget.social ul li a.so_reddit:hover { background: #ff4500; } .social ul li a.so_skype:hover, .sidebar_widget.social ul li a.so_skype:hover { background: #00aff0; } .social ul li a.so_soundcloud:hover, .sidebar_widget.social ul li a.so_soundcloud:hover { background: #f80; } .social ul li a.so_spotify:hover, .sidebar_widget.social ul li a.so_spotify:hover { background: #7ab800; } .social ul li a.so_stumbleupon:hover, .sidebar_widget.social ul li a.so_stumbleupon:hover { background: #eb4924; } .social ul li a.so_tumblr:hover, .sidebar_widget.social ul li a.so_tumblr:hover { background: #35465c; } .social ul li a.so_vine:hover, .sidebar_widget.social ul li a.so_vine:hover { background: #00b488; } .social ul li a.so_xing:hover, .sidebar_widget.social ul li a.so_xing:hover { background: #026466; } .sidebar_widget .social li a { background: #eee; } .sidebar_widget .social .s_icon { color: #555; } /* Projects */ ul.projectwidget { position: relative; list-style: none; padding: 0; margin: 0; } ul.projectwidget li { display: inline-block; float: left; width: 67px; height: 50px; overflow: hidden; -webkit-transition: opacity 0.3s ease-in-out; -moz-transition: opacity 0.3s ease-in-out; -o-transition: opacity 0.3s ease-in-out; -ms-transition: opacity 0.3s ease-in-out; } ul.projectwidget li a { float: left; width: 69px; height: 52px;} ul.projectwidget:hover > li { opacity: 0.25; } ul.projectwidget:hover > li:hover { opacity: 1.0; } /****************************** - MEDIA QUERIES - ********************************/ /* START TP PRODUCT GRID SPECIAL RULES */ @media only screen and (max-width: 1230px) { .tp-esg-item[data-cobblesw="2"] .eg-tp-product-grid-vert-light-element-1, .tp-esg-item[data-cobblesh="2"] .eg-tp-product-grid-vert-light-element-1 { font-size:26px !important; line-height:30px !important; } .eg-tp-feature-grid-element-1-a { margin-top: 20px !important; } .tp-esg-item[data-cobblesw="2"] .tp-badge { right: 34px !important; } } @media only screen and (max-width: 1024px) { .tp-esg-item[data-cobblesw="2"] .eg-tp-product-grid-vert-light-element-1, .tp-esg-item[data-cobblesh="2"] .eg-tp-product-grid-vert-light-element-1 { font-size:26px !important; line-height:30px !important; padding-top: 12px !important; } .tp-esg-item[data-cobblesw="3"] .eg-tp-product-grid-light-element-1, .tp-esg-item[data-cobblesh="3"] .eg-tp-product-grid-light-element-1, .tp-esg-item[data-cobblesw="3"] .eg-tp-product-grid-element-1, .tp-esg-item[data-cobblesh="3"] .eg-tp-product-grid-element-1 { padding-top: 12px !important; } .tp-esg-item[data-cobblesw="3"] .eg-tp-product-grid-light-nostyle-element-14, .tp-esg-item[data-cobblesh="3"] .eg-tp-product-grid-light-nostyle-element-14, .tp-esg-item[data-cobblesw="3"] .eg-tp-product-grid-nostyle-element-14, .tp-esg-item[data-cobblesh="3"] .eg-tp-product-grid-nostyle-element-14 { display: none !important; } .tp-esg-item[data-cobblesw="2"] .tp-badge { right: 24px !important; } } @media only screen and (max-width: 992px) { .eg-tp-post-grid-element-1 { min-height: 247px; } .eg-tp-post-grid-element-1, .eg-tp-post-grid-element-11 { font-size: 26px !important; line-height:30px !important; } .eg-tp-video-list-element-1 { font-size:17px !important; line-height:20px !important; padding-top: 12px !important; } /* FAQ GRID */ .faqsearch input[type="text"] { width:100%; font-size: 22px !important; padding: 25px 40px !important; line-height: 24px !important; } .search-fake-anim { height:75px; padding:25px 40px; font-size: 22px; line-height: 14px; } .faqsearch .eg-search-clean, .faqsearch .eg-search-submit { line-height: 76px; font-size: 25px; } .esg-filter-wrapper.blackred .esg-filterbutton span, .esg-filter-wrapper.whiteblack .esg-filterbutton span { padding: 10px 25px !important; padding-right: 60px !important; } .esg-filter-wrapper.whiteblack .esg-filterbutton:hover:after, .esg-filter-wrapper.whiteblack .esg-filterbutton.selected:after{ right: 20px; top:10px !important; font-size: 20px; } .esg-filter-wrapper.whiteblack .esg-filterbutton .eg-el-amount { right: 25px !important; top:10px !important; padding:0px !important; font-weight: 700; } .eg-tp-feature-grid-element-1-a .eg-tp-feature-grid-element-1 {font-size: 17px !important; line-height: 22px !important; } } @media only screen and (max-width: 960px) { .tp-esg-item[data-cobblesw="3"] .eg-tp-product-grid-light-element-1, .tp-esg-item[data-cobblesh="3"] .eg-tp-product-grid-light-element-1, .tp-esg-item[data-cobblesw="3"] .eg-tp-product-grid-element-1, .tp-esg-item[data-cobblesh="3"] .eg-tp-product-grid-element-1 { font-size: 26px !important; line-height:30px !important; } .tp-esg-item[data-cobblesw="2"] .eg-tp-product-grid-vert-light-element-1, .tp-esg-item[data-cobblesh="2"] .eg-tp-product-grid-vert-light-element-1 { font-size:20px !important; line-height:26px !important; } .tp-esg-item[data-cobblesw="3"] .eg-tp-product-grid-light-nostyle-element-15, .tp-esg-item[data-cobblesh="3"] .eg-tp-product-grid-light-nostyle-element-15, .tp-esg-item[data-cobblesw="3"] .eg-tp-product-grid-nostyle-element-15, .tp-esg-item[data-cobblesh="3"] .eg-tp-product-grid-nostyle-element-15 { display: none !important; } .eg-tp-feature-grid-element-1-a { margin-top: 10px !important; } } @media only screen and (max-width: 820px) { .tp-esg-item[data-cobblesw="3"] .eg-tp-product-grid-element-3, .tp-esg-item[data-cobblesh="3"] .eg-tp-product-grid-element-3, .tp-esg-item[data-cobblesw="3"] .eg-tp-product-grid-light-element-3, .tp-esg-item[data-cobblesh="3"] .eg-tp-product-grid-light-element-3, .tp-esg-item[data-cobblesw="2"] .eg-tp-product-grid-vert-light-element-3, .tp-esg-item[data-cobblesh="2"] .eg-tp-product-grid-vert-light-element-3 { display: none !important; } .tp-esg-item[data-cobblesw="3"] .eg-tp-product-grid-light-element-1, .tp-esg-item[data-cobblesh="3"] .eg-tp-product-grid-light-element-1, .tp-esg-item[data-cobblesw="3"] .eg-tp-product-grid-element-1, .tp-esg-item[data-cobblesh="3"] .eg-tp-product-grid-element-1, .tp-esg-item[data-cobblesw="2"] .eg-tp-product-grid-vert-light-element-1, .tp-esg-item[data-cobblesh="2"] .eg-tp-product-grid-vert-light-element-1 { padding: 22px 30px 0px 30px !important; } .eg-tp-feature-grid-element-1-a { display: none !important; } } @media only screen and (max-width: 767px) { .esg-filter-wrapper.dropdownstyle { margin-right: 0px !important; margin-left: 25px !important; } .esg-filters.esg-singlefilters { text-align: left !important; } #tphomeposts .esg-filters.esg-singlefilters { margin-bottom: 25px !important; } #tphomeproducts .esg-filters.esg-singlefilters { margin-bottom: 25px !important; } /* FAQ GRID */ /*.esg-filter-wrapper.blackred .esg-filterbutton span { font-size: 17px !important; line-height: 22px !important; padding-top: 20px !important; padding-bottom: 20px !important; } .esg-filter-wrapper.whiteblack .esg-filterbutton span { font-size: 17px !important; line-height: 22px !important; padding-top: 20px !important; padding-bottom: 20px !important; } .esg-filter-wrapper.whiteblack .esg-filterbutton .eg-el-amount { top:20px !important; padding: 0 !important; } .esg-filter-wrapper.whiteblack .esg-filterbutton:hover:after, .esg-filter-wrapper.whiteblack .esg-filterbutton.selected:after{ top:20px !important; } .esg-filter-wrapper.whiteblack .esg-filterbutton { min-height:84px !important; width: 50% !important;} .esg-filter-wrapper.blackred .esg-filterbutton { min-height:106px !important; }*/ .faqsearch { margin-bottom: -50px !important; } .esg-filter-wrapper.whiteblack { margin-bottom: 0px !important; } .wpb_column.faq_sidebar { margin-bottom: 20px !important; } .tp-esg-item[data-cobblesw="2"] .tp-badge { right: 4px !important; width: 80px !important; height: 80px !important; } .tp-esg-item[data-cobblesw="2"] .tp-badge img { width: 80px !important; height: 80px !important; } /* GRID SPACE TO LOAD MORE */ #tphomeproducts .esg-overflowtrick, #tpcategoryposts .esg-overflowtrick, #tphomeposts .esg-overflowtrick, #tprelatedposts .esg-overflowtrick, #tpblog .esg-overflowtrick, #tpproducts .esg-overflowtrick, #tpfaq .esg-overflowtrick { margin-bottom: 20px !important; } } @media only screen and (max-width: 720px) { .eg-tp-related-grid-element-1 { min-height: 187px; } .tp-esg-item[data-cobblesw="3"] .eg-tp-product-grid-light-element-1, .tp-esg-item[data-cobblesh="3"] .eg-tp-product-grid-light-element-1, .tp-esg-item[data-cobblesw="3"] .eg-tp-product-grid-element-1, .tp-esg-item[data-cobblesh="3"] .eg-tp-product-grid-element-1 { font-size: 20px !important; line-height:26px !important; } .tp-esg-item[data-cobblesw="2"] .eg-tp-product-grid-vert-light-element-1, .tp-esg-item[data-cobblesh="2"] .eg-tp-product-grid-vert-light-element-1 { font-size:17px !important; line-height:20px !important; } .eg-miami-related-posts-element-8-a { display: none !important; } } @media only screen and (max-width: 620px) { .tp-esg-item[data-cobblesw="3"] .eg-tp-product-grid-light-element-1, .tp-esg-item[data-cobblesh="3"] .eg-tp-product-grid-light-element-1, .tp-esg-item[data-cobblesw="3"] .eg-tp-product-grid-element-1, .tp-esg-item[data-cobblesh="3"] .eg-tp-product-grid-element-1, .tp-esg-item[data-cobblesw="2"] .eg-tp-product-grid-vert-light-element-1, .tp-esg-item[data-cobblesh="2"] .eg-tp-product-grid-vert-light-element-1 { text-indent: -9000px; } .tp-esg-item[data-cobblesw="3"] .eg-tp-product-grid-light-element-1:after, .tp-esg-item[data-cobblesh="3"] .eg-tp-product-grid-light-element-1:after { text-indent: 0px; font-family: 'Pe-icon-7-stroke'; content: "\e699"; color: #fff; position: absolute; left: 20px; top: 15px; font-weight: normal; font-size: 50px; line-height: 50px; } .tp-esg-item[data-cobblesw="3"] .eg-tp-product-grid-element-1:after, .tp-esg-item[data-cobblesh="3"] .eg-tp-product-grid-element-1:after { text-indent: 0px; font-family: 'Pe-icon-7-stroke'; content: "\e699"; color: #000; position: absolute; left: 20px; top: 15px; font-weight: normal; font-size: 50px; line-height: 50px; } .tp-esg-item[data-cobblesw="2"] .eg-tp-product-grid-vert-light-element-1:after, .tp-esg-item[data-cobblesh="2"] .eg-tp-product-grid-vert-light-element-1:after { text-indent: 0px; font-family: 'Pe-icon-7-stroke'; content: "\e699"; color: #fff; position: absolute; left: 50%; top: 15px; font-weight: normal; font-size: 40px; line-height: 40px; margin-left: -16px; } .eg-flipicon { width:100px !important;height:100px !important;background-size:100px 200px !important;} .tp-esg-item[data-cobblesw="3"] .tp-badge { right: -125px !important; } .eg-tp-post-grid-element-10, .eg-tp-faq-grid-element-10, .eg-tp-related-grid-element-10 { display: none !important; } } @media only screen and (max-width: 480px) { .eg-tp-post-grid-element-1, .eg-tp-related-grid-element-1 { min-height: 177px; } .eg-tp-post-grid-element-1, .eg-tp-related-grid-element-1 { padding: 12px 20px 0px 20px !important; } .eg-tp-post-grid-element-3, .eg-tp-faq-grid-element-3, .eg-tp-related-grid-element-3 { padding: 18px 0px 0px 20px !important; } .eg-tp-faq-grid-element-1 { padding: 12px 20px 16px 20px !important; } .eg-tp-post-grid-element-1, .eg-tp-post-grid-element-11, .eg-tp-faq-grid-element-1, .eg-tp-related-grid-element-1 { font-size:17px !important; line-height:20px !important; } /* FAQ GRID */ .wpb_content_element.faqsearch_input { margin-bottom: 5px !important; } .faqsearch input[type="text"] { width:100%; font-size: 22px !important; padding: 25px 20px !important; line-height: 24px !important; } .faqsearch .eg-search-submit { right:70px;} .faqsearch .eg-search-clean { right:20px;} .faqsearch .eg-search-clean, .faqsearch .eg-search-submit { line-height: 76px; font-size: 25px; } .esg-filter-wrapper.blackred .esg-filterbutton { width: 100% !important; } .esg-filter-wrapper.blackred .esg-filterbutton span { font-size: 13px !important; line-height: 20px !important; padding: 10px 20px !important; } .esg-filter-wrapper.whiteblack { margin-bottom: 20px !important; } .esg-filter-wrapper.whiteblack .esg-filterbutton span { font-size: 13px !important; line-height: 20px !important; padding: 10px 20px !important; padding-left: 20px !important; } .esg-filter-wrapper.whiteblack .esg-filterbutton .eg-el-amount { top:10px !important; right: 20px !important; padding: 0 !important; } .esg-filter-wrapper.whiteblack .esg-filterbutton:hover:after, .esg-filter-wrapper.whiteblack .esg-filterbutton.selected:after{ top:7px !important; right: 15px !important;} .esg-filter-wrapper.whiteblack .esg-filterbutton { width: 100% !important;} .eg-flipicon { width:70px !important;height:70px !important;background-size:70px 140px !important;} .tp-esg-item[data-cobblesw="3"] .tp-badge { right: -70px !important; top: 10px !important; width: 80px !important; height: 80px !important; } .tp-esg-item[data-cobblesw="3"] .tp-badge img { width: 80px !important; height: 80px !important; } .tp-esg-item[data-cobblesw="2"] .tp-badge { top: 0px !important; width: 60px !important; height: 60px !important; } .tp-esg-item[data-cobblesw="2"] .tp-badge img { width: 60px !important; height: 60px !important; } } /* END TP PRODUCT GRID SPECIAL RULES */ @media only screen and (max-width: 992px) { .withsidebar #sidebar-container { max-width:260px;min-width:260px;} .pricetable.fourcol .priceitem { width: 33.333%; } .pricetable .priceitem h3.pricetitle { font-size: 26px; line-height: 30px; font-weight: 700; padding: 25px 25px; } .pricetable .priceitem .pricesubline { font-size: 13px; line-height: 20px; font-weight: 400; } .pricetable .priceitem .price { font-size: 45px; line-height: 45px; font-weight: 700; margin: 0; padding: 10px; color: #000; padding-left: 40px; } .pricetable .priceitem .price .currency { font-size: 26px; margin-right: -5px; margin-left: -50px; color: #000; } .pricetable .priceitem .entry { font-size: 13px; line-height: 20px; font-weight: 400; margin: 0; padding: 5px 20px; color: #000; } .pricetable .priceitem .image img { max-width: 100%; margin-bottom: -1px; } .pricetable .priceitem .buy { font-size: 13px; line-height: 20px; font-weight: 600; margin: 0; padding: 25px 20px; } .pricetable .priceitem .entry p { margin-bottom: 0; } .pricetable .priceitem .entry.nope { color: #e03301 !important; text-decoration: line-through; } #footer .row>.widgetslot { padding:120px 20px 40px 20px; } .tp_vc_mw_rowwrapper, .boxed .tp_vc_mw_rowwrapper { padding:0px 20px;} #page-title-wrapper { padding:0px 20px;} .boxed .container.titleincontent.hb_inner_wrapper { width:100%;} #header, #header.boxed { padding-left:0px; padding-right:0px; } #header.fullwidth { padding-left:0px; padding-right:0px} #header_inner_wrapper >.row { padding:0px 20px !important; } #sidebar-container { padding-left: 20px; padding-right: 20px } #sb-inner-wrap.stuck { width:220px; } /* Modules */ .simpleservice { padding-bottom: 0; } .simpleservice .serviceicon { display: block; margin-bottom: 10px; } .simpleservice .servicetext { display: block; } .simpleservice.highlight { padding: 40px 20px; } .postthumb { width: 75px !important; } .postthumb img { width: 50px; } .postshortcode { padding: 20px 30px !important; } .simplegrid.fourcol .simpleitem { width: 33.333%; } .simplegrid.fivecol .simpleitem { width: 33.333%; } .boxed #responsivemenu { max-width:790px;} /* TP SPECIAL STYLES */ h1 { font-size:36px; line-height:40px; font-weight:700; } h2 { font-size:36px; line-height:40px; font-weight:700; } h3 { font-size:26px; line-height:30px; font-weight:700; } h4 { font-size:22px; line-height:28px; font-weight:700; } h5 { font-size:20px; line-height:26px; font-weight:700; } h6 { font-size:17px; line-height:22px; font-weight:700; } .fatheadline { font-size:56px; line-height:50px; padding-bottom: 10px; } .thinheadline { font-size:26px; line-height:30px; margin-bottom: 0px; } .pullup_list { margin-top: -50px; } .buttonright { margin-top: -43px; } #tphomeposts { margin-top: -262px; } #tphomeproducts { margin-top: -104px; } .faqsearch_input { margin-top: -146px; } } @media only screen and (max-width: 767px) { #content_inner_wrapper { width:100%;padding:0px 0px; display:block !important;} .tp_vc_mw_rowwrapper, .boxed .tp_vc_mw_rowwrapper { padding:0px 20px;} .withsidebar #sidebar-container, .withsidebar #content-container { display:block; min-width:100%;max-width:100%;} .withsidebar2 #sidebar-container, .withsidebar2 #content-container { display:block; min-width:100%;max-width:100%;} .container .row #pagetitle { margin-left:0px} .content_inner_wrapper_boxed { width:100%;box-sizing:border-box; -moz-box-sizing:border-box;-webkit-box-sizing:border-box;} .withsidebar2 .content-container_boxed { margin-left:0px; margin-right:0px;} /*.withsidebar2 .firstlevelrow { margin:0px 0px}*/ #footer .row>.widgetslot { padding:120px 20px 40px 20px; border: 0; border-bottom: 1px solid rgba(255,255,255,0.05);} #footer .row>.widgetslot:last-child { border-bottom: 0; } .col-md-3.widgetslot, .col-md-4.widgetslot, .col-md-6.widgetslot, .col-md-8.widgetslot { width: 100%; } #header, #header.boxed { padding:20px 20px 0px; } /* DIRK THE PADDING FOR LEFT, RIGHT , TOP OF HEADER */ .pricetable.fourcol .priceitem { width: 50%; } .pricetable.threecol .priceitem { width: 50%; } .pricetable.twocol .priceitem { width: 50%; } #header, #header.boxed { padding:20px 0px 0px; } /* DIRK THE PADDING FOR LEFT, RIGHT , TOP OF HEADER */ .withsidebar #sidebar-container { padding: 0px 20px 40px; display: none; } #comments { margin-bottom: 50px !important; margin-top: 20px !important; } #respond { margin-top:56px !important;} #comments #respond { margin-bottom:25px !important;} .tp_vc_mw_rowinner .vc_row.wpb_row.related_posts { margin-top: 20px !important; margin-bottom: 0px !important; } .comment-form-wrapper .name-field, .comment-form-wrapper .email-field, .comment-form-wrapper .website-field, #comments .name-field, #comments .email-field, #comments .website-field { width:100% !important; float:none; padding:0px !important; } .comment-form-wrapper .message-field, #comments .message-field { margin-top:0px;} /*.wpb_row, .wpb_content_element, ul.wpb_thumbnails-fluid > li, .last_toggle_el_margin, .wpb_button { margin-bottom:0px !important} .wpb_row .wpb_column { margin-bottom: 0px !important; }*/ /* Modules */ .simpleservice { padding-bottom: 0px; } .simpleservice .serviceicon { display: table-cell; margin-bottom: 0px; margin-top: 0; } .simpleservice .servicetext { display: table-cell; } .simpleservice.highlight { padding: 40px 30px; } .callouttextlarge { display: block; width: 100%; margin-bottom: 20px; } #navigation { visibility:hidden} .simplegrid.fourcol .simpleitem { width: 33.333%; } .simplegrid.fivecol .simpleitem { width: 33.333%; } #header.boxed { padding-left: 0px; padding-right:0px; } #header_inner_wrapper >.row { padding:0px 20px !important; } /* TP SPECIAL STYLES */ .textar_nomobile, .textal_nomobile { float: left; width: 100%; } .spaceright { padding-right: 0px; text-align: left; } .buttonright { margin-top: -24px; text-align: left; padding-left: 37px; } .subfooterleft { float: left; width: 100%; text-align: center; } .subfooterright { float: left; width: 100%; margin-top: 10px; text-align: center; } .blockit .wpb_raw_code { margin-bottom: 15px !important; } .pullup_list { margin-top: -90px; } .pullup_search { margin-top: -5px; } .faqsearch_input { margin-top: -149px; } #tphomeproducts { margin-top: -71px; } .blockit.socialembed .content_max_width .wpb_column:last-child { padding-left: 0px !important; padding-top: 0px !important; } .blockit.socialembed .content_max_width .wpb_column:first-child { padding-bottom: 0px !important; } /* TP BUTTONS MEDIUM */ a.tp-btn, a.tp-btn:visited { line-height: 44px; font-size: 14px; padding: 15px 20px; } a.tp-btn i { font-size: 26px; top: 7px; margin-right: 7px; } a.tp-transparent-button-black:hover i { left: 10px; } a.tp-transparent-button-white:hover i { left: 10px; } #rev_slider_1_1 { background-image: url('/wp-content/uploads/2015/02/videoreplacement.jpg'); background-repeat: no-repeat; background-position: center center; } } @media only screen and (max-width: 480px) { #content_inner_wrapper { padding:0px 0px; } .tp_vc_mw_rowwrapper, .boxed .tp_vc_mw_rowwrapper { padding:0px 20px;} #header, #header.boxed { padding:20px 0px 0px; } /* DIRK THE PADDING FOR LEFT, RIGHT , TOP OF HEADER */ #header { line-height:50px } /* DIRK 48px is the height of the HEADER. This should be the same as Logo Height */ #page-title-wrapper { padding:0px 20px} .container .row #pagetitle { margin-left:0px;} .content_inner_wrapper_boxed { padding:40px 20px;} #footer .row>.widgetslot { padding:40px 20px} .pricetable.fourcol .priceitem { width: 100%; } .pricetable.threecol .priceitem { width: 100%; } .pricetable.twocol .priceitem { width: 100%; } .simplegrid.threecol .simpleitem { width: 50%; } .simplegrid.twocol .simpleitem { width: 50%; } .simplegrid.fourcol .simpleitem { width: 50%; } .simplegrid.fivecol .simpleitem { width: 50%; } .postshortcode .postthumb { display: none; } #header.boxed { padding-left: 0px; padding-right:0px; } #header_inner_wrapper >.row { padding:0px 20px !important; } #comments .user { width:40px !important;} #comments .user img { width:40px !important;height:40px !important;} #comments .message { padding-left:10px !important;} .tp_vc_mw_rowinner .vc_row.wpb_row.related_posts { margin-top: 0px !important; margin-bottom: 0px !important; } #pagetitle { font-size: 30px; line-height: 30px; } .blog_post_title, .blog_post_title a, .blog_post_title a:hover { font-size: 22px !important; } .single #pagetitle { font-size: 30px; line-height: 30px; } .single #comments .comment-body { padding: 20px 20px 17px 20px; } .single .comment-reply-link.reply { position: absolute; top: 15px; right: 20px; line-height: 28px; } .single #comments ul.children { padding-left: 0px; } .makemeblockonmobile { display:block !important; } /* TP SPECIAL STYLES */ body { font-size:13px; line-height:20px; } ul.regularlist li { margin-bottom: 9px; font-size:13px; line-height:20px; } ul.regularlist li div { padding-left: 55px; } ul.regularlist li i { padding: 10px; font-size: 20px; width: 40px; height: 40px; } h1 { font-size:26px; line-height:30px; } h2 { font-size:26px; line-height:30px; } h3 { font-size:22px; line-height:28px; } h4 { font-size:20px; line-height:26px; } h5 { font-size:17px; line-height:22px; } h6 { font-size:17px; line-height:22px; } .centertitle, #reply-title, #comments .message h2, #comments .message h2 a { font-size:20px !important; line-height:26px !important; } .blockit .content_max_width .wpb_column { padding: 20px 0px 20px 0px !important; } .blockit .content_max_width .vc_row { margin-left: 20px; margin-right: 20px; } .pullup_list { margin-top: 0px; } .faqsearch_input { margin-top: -149px; } ul.inlinelist li { margin-right: 2px; } .imagepadding { padding: 0 10px; } .fatheadline { padding-left: 15px; font-size:36px; line-height:40px; margin-top: -5px;} .thinheadline { padding-left: 15px; } .esg-filter-wrapper.dropdownstyle { margin-left: 7px !important; } /* TP FOOTER */ .footercenter { width: 100%; } .footerlogos { width: 100%; } .footerlogos .leftlogo, .footerlogos .rightlogo { float: left; display: block; padding-top: 20px; padding-bottom: 20px; } .footerlogos .leftlogo { width: 100%; border-right: 0; text-align: center; padding-right: 0px; } .footerlogos .rightlogo { width: 100%; text-align: center; padding-left: 0px; } .buttonright { margin-top: -24px; text-align: left; padding-left: 17px; } .footerlogos .tplogo { width: 100%; } .footerlogos a.tpsocial:hover { color: #fff; font-size: 20px; } .footerlogos .leftlogo a.tpsocial { float: none; margin: 0 5px; } .footerlogos .rightlogo a.tpsocial { float: none; margin: 0 5px; } .subfooter { padding-top: 35px; } /* TP BUTTONS SMALL */ a.tp-btn, a.tp-btn:visited { line-height: 32px; font-size: 12px; padding: 10px 13px; } a.tp-btn i { font-size: 20px; top: 5px; margin-right: 7px; } a.tp-transparent-button-black:hover i { left: 10px; } a.tp-transparent-button-white:hover i { left: 10px; } } @media only screen and (min-width:768px) { .content_inner_wrapper_boxed, .boxed .container#header_inner_wrapper { max-width: 790px; } .boxed .container#header_inner_wrapper { max-width:830px; } .boxed.nosidebar, .withsidebar2, .boxed #header_background.withtp-media .boxed_inner_wrapper { max-width: 830px;} #footer .row { display: table; width:100%} #footer .widgetslot { display:table-cell; float:none;} #header.boxed.fullwidth .container#header_inner_wrapper, #footer.boxed .container-fluid, #footer.boxed .footerinnerwrapper { max-width:830px;} /* TP SPECIAL STYLES */ .imagepadding { padding: 0 10px; } } @media only screen and (min-width: 992px) { .content_inner_wrapper_boxed, .boxed .container#header_inner_wrapper { max-width: 970px; } .boxed .container#header_inner_wrapper { max-width:1050px; } .boxed.nosidebar, .withsidebar2, .boxed #header_background.withtp-media .boxed_inner_wrapper { max-width: 1050px;} #header.boxed.fullwidth .container#header_inner_wrapper, #footer.boxed .container-fluid, #footer.boxed .footerinnerwrapper { max-width:1050px;} } @media only screen and (min-width: 1200px) { .content_inner_wrapper_boxed, .boxed .container#header_inner_wrapper { max-width: 1170px; } #header.boxed .container#header_inner_wrapper { max-width: 1250px;} .boxed.nosidebar, .withsidebar2, .boxed #header_background.withtp-media .boxed_inner_wrapper { max-width: 1250px;} #header.boxed.fullwidth .container#header_inner_wrapper, #footer.boxed .container-fluid, #footer.boxed .footerinnerwrapper { max-width:1250px; } } @media only screen and (max-width: 768px) { .wpb_row { margin-bottom: 0px !important} .wpb_column { margin-bottom:35px !important} .mobilebottomzero { margin-bottom: 0 !important; } } .bottomzero .wpb_column:last-child, .bottomzero { margin-bottom:0px !important; } /* ?? Kriki FIX */ .tp_vc_mw_rowwrapper .tp_vc_mw_rowwrapper, .tp_vc_mw_rowwrapper.fullwidth { padding:0px !important} /****************************** - SIDE WIDGET PANEL - ********************************/ #bodywrapper { position: relative; left:0px;z-index: 1} #sidewidgetpanel { padding:55px 30px 30px; width:300px;height:100%;top:0px;right:0px; position:fixed; visibility: hidden;z-index:8000 } #sidewidgetpanel.light { background:#eee; } #sidewidgetpanel.dark { background:#000; } #sidewidgetpanel .sidebar_widget, #sidewidgetpanel .footer_widget { margin-bottom: 50px; } #sidewidgetpanel .sidebar_widget:last-child, #sidewidgetpanel .footer_widget:last-child { margin-bottom: 0px; } .sidewidgetpanel_closer { position: absolute; top:14px;right:12px; cursor: pointer; font-size: 20px; } #sidewidgetpanel.dark .sidewidgetpanel_closer:hover { color: #fff; } #sidewidgetpanel.light .sidewidgetpanel_closer:hover { color: #333; } /*********************************** - VISUAL COMPOSER CHANGES - ************************************/ .vc_separator .vc_sep_holder .vc_sep_line { border-top-width: 2px !important; } .wpb_single_image { margin-bottom:0px !important;} .miamigallery ul.wpb_image_grid_ul li.isotope-item { margin: 0 5px 5px 0; border: 5px solid #eee; -webkit-transition: border-color 0.1s ease-in-out; -moz-transition: border-color 0.1s ease-in-out; -o-transition: border-color 0.1s ease-in-out; -ms-transition: border-color 0.1s ease-in-out;} .miamigallery ul.wpb_image_grid_ul li.isotope-item:hover { border-color: #313437; } /*.wpb_text_column a { color: #000; outline: none; text-decoration: none; font-weight: 700; } .wpb_text_column a:focus, .wpb_text_column a:active { outline: 0; text-decoration: none; color: #e03301; } .wpb_text_column a:hover { text-decoration: none; color: #e03301; }*/ /*********************************** - Crayon - ************************************/ .crayon-syntax.crayon-wrapped .crayon-line, .crayon-syntax-inline .crayon-pre { white-space: pre-wrap !important; word-break: break-all ; word-wrap: break-word; } /****************************** - TESTIMONIAL SLIDER - ********************************/ .testimonial_slider ul, .testimonial_slider li { list-style: none; margin:0px;padding:0px; text-align: center; width:100%; position:relative} .testimonial_slider ul { margin-bottom:30px; overflow: hidden} .testimonial_slider li { position: absolute;width:100%; top:0px; visibility: hidden;} .testimonial_slider li:first-child { position: relative; visibility: visible} .testimonial_slider_content { font-size:20px;line-height:30px;font-weight:400; margin-bottom:15px; } .lightondark .testimonial_slider_content { color: rgba(255,255,255,1); } .testimonial_slider_author, .testimonial_slider_author span { font-size:13px; font-weight:600; line-height:24px; } .lightondark .company { color: rgba(255,255,255,0.25); } /* BULLET STYLE*/ .testimonial-bullets { height:10px; vertical-align:middle; line-height:10px; text-align: center; } .testimonial-bullets .bullet { cursor:pointer; width: 9px; height: 9px; background: #999; background:rgba(85,85,85,0.35); display: inline-block; position: relative; margin-right: 7px; border-radius:50%; -webkit-transition: background 0.3s ease-in-out; -moz-transition: background 0.3s ease-in-out; -o-transition: background 0.3s ease-in-out; -ms-transition: background 0.3s ease-in-out; } .testimonial-bullets .bullet.selected, .testimonial-bullets .bullet:hover { background: #555; } .testimonial-bullets .bullet.last { margin-right:0px; } .lightondark .testimonial-bullets .bullet { background: #fff; background:rgba(255,255,255,0.5); } .lightondark .testimonial-bullets .bullet.selected, .lightondark .testimonial-bullets .bullet:hover { background: #fff; } /****************************** - BLOG STLYES - ********************************/ .blog_post_title_day { color:#333;font-size:35px; line-height:35px; font-weight:600; display:inline-block; margin-right:5px;} .blog_post_title_month { color:#333;font-size:13px; line-height:26px; vertical-align: top; font-weight:600; display: inline-block; margin-right:20px;} .light .blog_post_title_day, .light .blog_post_title_month { color: #fff; } .blog_post_title, .blog_post_title a, .blog_post_title a:hover { color:#333; font-size:27px; line-height:40px; font-weight:600;display: inline-block; margin-top:0px;} .light .blog_post_title, .light .blog_post_title a, .light .blog_post_title a:hover { color:#fff; } .light .br-textwrapper { color: rgba(255,255,255,0.5); } .light .sbr-textwrapper p { color: rgba(255,255,255,0.5) !important; } .light .blogdivider { border-color: rgba(255,255,255,0.1) !important; } .blog_featuredimage img { width:100%; height: auto; margin:0px; padding:0px;} .blog_post_meta_icon, .blog_post_meta_title, .blog_post_meta_title a, .blog_post_meta_title a:visited, .blog_post_meta_date, .blog_post_meta_date a, .blog_post_meta_date a:visited, .blog_post_meta_tags, .blog_post_meta_tags a, .blog_post_meta_tags a:visited, .blog_post_meta_categories, .blog_post_meta_categories a, .blog_post_meta_categories a:visited, .blog_post_meta_comments_link, .blog_post_meta_comments_link a, .blog_post_meta_comments_link a:visited, .blog_post_meta_author, .blog_post_meta_author a, .blog_post_meta_author a:visited { float: left; position: relative; color: #3f4549; font-size:14px; line-height: 28px !important; font-weight:500; text-transform: none; margin-bottom: 5px; } .blog_post_meta_tags a:hover, .blog_post_meta_title a:hover, .blog_post_meta_categories a:hover, .blog_post_meta_author a:hover, .blog_post_meta_comments_link a:hover, .blog_post_meta_date a:hover { color:#000; } .blog_post_meta_categories:before { float: left; font-family: 'Pe-icon-7-stroke'; content: "\e653"; font-size: 20px; margin-right: 5px; font-weight:normal; } .blog_post_meta_date:before { float: left; font-family: 'Pe-icon-7-stroke'; content: "\e660"; font-size: 20px; margin-right: 5px; font-weight:normal; } .blog_post_meta_author:before { float: left; font-family: 'Pe-icon-7-stroke'; content: "\e605"; font-size: 20px; margin-right: 5px; font-weight:normal; } .light .blog_post_meta_icon, .light .blog_post_meta_title, .light .blog_post_meta_title a, .light .blog_post_meta_title a:visited, .light .blog_post_meta_date, .light .blog_post_meta_date a, .light .blog_post_meta_date a:visited, .light .blog_post_meta_tags, .light .blog_post_meta_tags a, .light .blog_post_meta_tags a:visited, .light .blog_post_meta_categories, .light .blog_post_meta_categories a, .light .blog_post_meta_categories a:visited, .light .blog_post_meta_comments_link, .light .blog_post_meta_comments_link a, .light .blog_post_meta_comments_link a:visited, .light .blog_post_meta_author, .light .blog_post_meta_author a, .light .blog_post_meta_author a:visited { color:rgba(255,255,255,0.65);} .light .blog_post_meta_tags a:hover, .light .blog_post_meta_title a:hover, .light .blog_post_meta_categories a:hover, .light .blog_post_meta_author a:hover, .light .blog_post_meta_comments_link a:hover, .light .blog_post_meta_date a:hover { color: #fff; } .blog_post_meta_categories, .blog_post_meta_title, .blog_post_meta_author, .blog_post_meta_comments_link, .blog_post_meta_tags, .blog_post_meta_date, .blog_post_meta_icon { margin-right:20px;} .blog_post_meta_icon span { margin-top: 3px; color: #333; } .light .blog_post_meta_icon span { color: #fff; } .blog_post_meta_container { position: relative; z-index:600; } .blog_post_meta_container p { display:none; } .blog_post_meta_line { min-height: 33px;} .blog_post_meta_links { position: absolute; top:-3px;right:0px;} .blog_post_meta_icon .dashicons { font-size: 18px; } /* BLOG WRAPPER SPACINGS */ .blog hr.blogdivider, .archive hr.blogdivider, .category hr.blogdivider { margin-top:5px; margin-bottom:8px !important; border-top: 2px solid #eee; } .single hr.blogdivider { margin-top: 28px !important; border-top: 2px solid #eee; } .br-titlewrapper { margin-bottom: 15px; } .br-mediawrapper { margin-bottom: 16px; } .blog .title_media_wrapper_row, .archive .title_media_wrapper_row, .category .title_media_wrapper_row, .br-textwrapper .tp_vc_mw_rowwrapper:last-child .vc_row { margin-bottom: 19px !important; } .blog_post_meta_container { margin-top:-11px; margin-bottom: 66px !important; } .archive .blog_post_meta_container { margin-top:-11px; margin-bottom: 46px !important; } .single .title_media_wrapper_row { margin-bottom: 15px !important; } .single .comments_start_divider { margin-bottom: 27px; } .comments_start_divider .blogdivider { border-top: 0 !important; } .blog .br-contentwrapper .vc_col-sm-12, .archive .br-contentwrapper .vc_col-sm-12, .category .br-contentwrapper .vc_col-sm-12 { margin-bottom: 0px !important; } /* BLOG TITLE ALIGNMENTS */ .blog_single_elements_center .related_posts h3.centertitle, .blog_single_elements_center #respond h3#reply-title, .blog_single_elements_center #respond .logged-in-as, .blog_single_elements_center #respond .form-submit, .blog_single_elements_center #comments .form-submit, .blog_single_elements_center #comments h2.centertitle { text-align: center; } .blog_single_elements_center .related_posts .headerunderline:after, .blog_single_elements_center #respond h3#reply-title:after, .blog_single_elements_center #comments .headerunderline:after { left:50% !important; margin-left:-15px !important;} .blog_single_elements_left .related_posts h3.centertitle, .blog_single_elements_left #respond h3#reply-title, .blog_single_elements_left #respond .logged-in-as, .blog_single_elements_left #respond .form-submit, .blog_single_elements_left #comments .form-submit, .blog_single_elements_left #comments h2.centertitle { text-align: left; } .blog_single_elements_left .related_posts .headerunderline:after, .blog_single_elements_left #respond h3#reply-title:after, .blog_single_elements_left #comments .headerunderline:after { left:0%; margin-left:0px;} .blog_single_elements_right .related_posts h3.centertitle, .blog_single_elements_right #respond h3#reply-title, .blog_single_elements_right #respond .logged-in-as, .blog_single_elements_right #respond .form-submit, .blog_single_elements_right #comments .form-submit, .blog_single_elements_right #comments h2.centertitle { text-align: right; } .blog_single_elements_right .related_posts .headerunderline:after, .blog_single_elements_right #respond h3#reply-title:after, .blog_single_elements_right #comments .headerunderline:after { left:auto; right:0%;margin-left:0px;} /* BLOG POST SHORTCODE */ .blog_post_meta_line.small { min-height: 0; margin-top: 10px; padding-right:0px; } .blog_post_title_month.small { margin-right: 15px; } .blog_post_title.small, .blog_post_title.small a, .blog_post_title.small a:visited { font-size:21px; line-height:26px; width: 100%; -webkit-transition: color 0.3s ease-in-out; -moz-transition: color 0.3s ease-in-out; -o-transition: color 0.3s ease-in-out; -ms-transition: color 0.3s ease-in-out; } .blog_post_title.small { margin-top: 5px; margin-bottom: 10px !important; } .postshortcode { box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; padding: 35px 40px; background: #f5f5f5; -webkit-transition: background-color 0.3s ease-in-out; -moz-transition: background-color 0.3s ease-in-out; -o-transition: background-color 0.3s ease-in-out; -ms-transition: background-color 0.3s ease-in-out; margin-bottom: 0px !important; } .postshortcode:hover { background: #252525; } .blog_post_content.small { display: table-cell; font-size: 15px; vertical-align: top; -webkit-transition: color 0.3s ease-in-out; -moz-transition: color 0.3s ease-in-out; -o-transition: color 0.3s ease-in-out; -ms-transition: color 0.3s ease-in-out; } .postthumb { display: table-cell; width: 105px; } .postthumb img { margin-top: 12px; } .postshortcode a.postlink { color: #333; font-size: 13px; font-weight: 600; margin-top: 20px; float: left; position: relative; -webkit-transition: color 0.3s ease-in-out; -moz-transition: color 0.3s ease-in-out; -o-transition: color 0.3s ease-in-out; -ms-transition: color 0.3s ease-in-out;} .postshortcode a.postlink:after { content:" "; width:30px;height:2px;position:absolute;top:-5px;left:1px;margin-left:0; background: #333; -webkit-transition: width 0.5s ease-in-out, background-color 0.5s ease-in-out; -moz-transition: width 0.5s ease-in-out, background-color 0.5s ease-in-out; -o-transition: width 0.5s ease-in-out, background-color 0.5s ease-in-out; -ms-transition: width 0.5s ease-in-out, background-color 0.5s ease-in-out; } .postshortcode:hover a.postlink:after { width: 100%; background: #fff; } .postshortcode:hover a.postlink { color: #fff; } .postshortcode:hover .blog_post_title.small a { color: #fff; } .postshortcode:hover .blog_post_meta_line.small span, .postshortcode:hover .blog_post_meta_tags a, .postshortcode:hover .blog_post_meta_title a, .postshortcode:hover .blog_post_meta_categories a, .postshortcode:hover .blog_post_meta_author a, .postshortcode:hover .blog_post_meta_comments_link a, .postshortcode:hover .blog_post_meta_date a, .postshortcode:hover .blog_post_meta_icon .dashicons { color: #999; -webkit-transition: color 0.3s ease-in-out; -moz-transition: color 0.3s ease-in-out; -o-transition: color 0.3s ease-in-out; -ms-transition: color 0.3s ease-in-out; } .postshortcode:hover .blog_post_meta_line.small span:hover, .postshortcode:hover .blog_post_meta_tags a:hover, .postshortcode:hover .blog_post_meta_title a:hover, .postshortcode:hover .blog_post_meta_categories a:hover, .postshortcode:hover .blog_post_meta_author a:hover, .postshortcode:hover .blog_post_meta_comments_link a:hover, .postshortcode:hover .blog_post_meta_date a:hover, .postshortcode:hover .blog_post_meta_icon .dashicons { color:#fff; } .indentedmedia_wrapper { margin-top:-120px; min-height: 105px; } .blog_featurediframe, .blog_featuredhtml5video, .blog_featuredimage, .blog_featuredvideo { line-height: 0; } .html5inpost { width:100%;height:auto;} /* PAGINATION */ .pagenavi { font-size: 13px; font-weight: 600; color: #555; margin-top: 14px; } .pagenavi .pages { margin-right: 20px; } .pagenavi .current, .pagenavi a:hover { padding: 8px 15px; background: #eee; margin-right: 2px; color: #555; border: 2px solid #eee; } .pagenavi a, .pagenavi span.expand { padding: 8px 15px; background: transparent; margin-right: 2px; color: #555; border: 2px solid #eee; line-height: 24px; } .light .pagenavi { color: rgba(255,255,255,0.65); } .light .pagenavi .current, .light .pagenavi a:hover { background: rgba(255,255,255,0.1); border: 2px solid transparent; color: #fff; } .light .pagenavi a, .light .pagenavi span.expand { color: #fff; border: 2px solid rgba(255,255,255,0.1); } /******************************************* - READ MORE, REPLY, SUBMIT BUTTON - *******************************************/ .readmorebutton, .comment-reply-link.reply { position: relative; display: inline-block; margin-top: 5px; margin-left: 25px; } .readmorebutton a, .comment-reply-link.reply { float: left; display: inline-block; color:rgba(43,47,53,0.5); line-height: 18px !important; font-size: 13px; font-weight: 400; -webkit-transition: color 0.2s ease-in-out, background-color 0.2s ease-in-out; -moz-transition: color 0.2s ease-in-out, background-color 0.2s ease-in-out; -o-transition: color 0.2s ease-in-out, background-color 0.2s ease-in-out; -ms-transition: color 0.2s ease-in-out, background-color 0.2s ease-in-out; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } .comment-reply-link.reply:before { content: '\e67a'; color:rgba(43,47,53,0.5); font-family: 'Pe-icon-7-stroke'; font-size: 20px; position: absolute; margin-top: 0px; margin-left: -26px; } .readmorebutton a:hover, .comment-reply-link.reply:hover { color: #000 !important; background: #fff600 !important; } .light .readmorebutton a, .light .comment-reply-link.reply { color: #fff; } .light .readmorebutton a:after, .light .comment-reply-link.reply:after { background: #fff;} .light .readmorebutton a:hover, .light .comment-reply-link.reply:hover { color: #33bfd8; } .light .readmorebutton a:hover:after, .light .comment-reply-link.reply:hover:after { width: 100%; background: #33bfd8; } .logged-in-as a, .logged-in-as a:visited { color:#000; font-weight:400; text-transform: none; margin-left: 3px; } .logged-in-as a:hover { color: #000; background: #fff600 !important; } .light .logged-in-as { color: rgba(255,255,255,0.5); } .light .logged-in-as a, .light .logged-in-as a:visited { color: rgba(255,255,255,0.65); } .light .logged-in-as a:hover { color: #fff; } /****************************** - SHARE LIKES - ********************************/ .sharemecollector { position: relative; display: inline-block; margin-right:0; vertical-align: top;} .sharemecollector i { font-size:16px; color: #333; } .light .sharemecollector i { color: #fff; } .sharemainbutton i:before { margin: 0px;line-height: 15px;padding: 0px;} .sharemainbutton { cursor:pointer; display: inline-block; border: 2px solid transparent; padding:7px 7px 6px 5px; color:#333; font-size:13px; line-height:15px; vertical-align: middle; border-radius:0px;-moz-border-radius:0px;-webkit-border-radius:0px; background: transparent;} .shareme { cursor:pointer; display: inline-block; padding:8px 5px; color:#333; font-size:13px; line-height:15px; vertical-align: middle; width:33px;height:33px; border-radius:0px;-moz-border-radius:0px;-webkit-border-radius:0px;} .sharemainbutton, .sharemask { /*border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px;*/ } .sharemainbutton:hover { background:#33bfd8; border: 2px solid #33bfd8; } .sharemainbutton:hover i, .sharemainbutton:hover a { color:#fff; } .shareshowonhover { position:absolute;bottom:38px;left:0px; width:32px; overflow: hidden; z-index: 999} .sharemask { position: absolute; bottom:5px;left:0px; height:0px;width:32px;background:#111; } .sharemask:after { content:" ";width: 0;height: 0;border-style: solid;border-width: 5px 5px 0 5px;border-color: #111 transparent transparent transparent; position:absolute;bottom:-5px;left:50%;margin-left:-5px;} .shareme { position:relative;display: block; border:2px solid transparent;background:transparent;} .shareme a, .shareme i { color:#fff; } .shareme i.icon-facebook { margin-left: -2px; } .shareme i.icon-pinterest-circled { margin-left: -1px; } .shareme i.icon-twitter { margin-left: -1px; } .shareme i.icon-digg { margin-left: -2px; } .shareme i.icon-delicious { margin-left: -1px; } .shareme i.icon-stumbleupon { margin-left: -1px; } .shareme i.icon-linkedin { margin-left: -1px; } /*.shareme:hover a, .shareme a:hover, .shareme:hover i { color:#ccc; color:rgba(255,255,255,0.75);}*/ /****************************** - COMMENTS - ********************************/ /* DISQUS */ #disqus_thread { margin-top: 70px; } #comments { margin-bottom: 70px; margin-top: 75px; } #comments ul, #comments ul li { list-style: none; padding: 0px; margin: 0px;} #comments ul.children { margin-top:10px; padding-left:30px; } #comments .comment-body { position:relative; display:table; padding:40px 40px 32px 40px; width:100%; border: 0px solid #eee; background: #fff; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box} .light #comments .comment-body { background: rgba(0,0,0,0.1); } #comments .user, #comments .message { display: table-cell; vertical-align: top;} #comments .message { padding-left:20px;} .light #comments .message { color: rgba(255,255,255,0.5);} #comments .user { width:80px;} #comments .user img { width:80px;height:80px;} #comments .message h2 { padding:0px; margin-top:-4px; margin-bottom: 2px;} #comments .message h2, #comments .message h2 a { font-size:19px; color:#000; font-weight: 700; line-height:25px; padding-right: 40px; } .light #comments .message h2, .light #comments .message h2 a { color:#fff; } #comments .message .date { color:rgba(43,47,53,0.5); font-size:13px; font-weight:400; text-transform: uppercase; margin-bottom:14px; } .light #comments .message .date { color: rgba(255,255,255,0.65); } .comment-reply-link.reply { position: absolute; top:35px;right:40px;} .comment-notes { text-align: left; margin-bottom: 23px; } .light .comment-notes { color: rgba(255,255,255,0.5); } .comment-form-wrapper .name-field, .comment-form-wrapper .email-field, .comment-form-wrapper .website-field, #comments .name-field, #comments .email-field, #comments .website-field { display: block;width:33.33333%; margin-bottom:0px;float:left;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;} .comment-form-wrapper .name-field, #comments .name-field { padding:0px 5px 0px 0px;} .comment-form-wrapper .email-field, #comments .email-field { padding:0px 5px;} .comment-form-wrapper .website-field, #comments .website-field { padding:0px 0px 0px 5px; clear:right;} .comment-form-wrapper .message-field, #comments .message-field { clear:both;margin-top:20px; } .comment-form-wrapper .message-field textarea, #comments .message-field textarea { margin-bottom:0px;} #respond { margin-top:76px;} #comments #respond { margin-bottom:0px; margin-top:56px; } hr.reply-divider { border-top: 0 !important; margin: 0; } .comment-form-wrapper .form-submit, #comments .form-submit { margin-top: 10px; } .logged-in-as { text-align: center; margin-bottom: 23px; } #cancel-comment-reply-link { background: #252525; color: #fff; font-size: 20px; font-weight: 800; padding-left: 7px; padding-right: 7px; padding-bottom: 2px; margin-left: 5px; } .light #cancel-comment-reply-link { background: #fff; color: #333; } /****************************** - FORMS - ********************************/ select, textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"] { font-family: 'Roboto', sans-serif; -webkit-font-smoothing:antialiased; font-smoothing: antialiased; display: inline-block; padding: 11px 15px !important; margin-bottom: 10px !important; font-size: 15px !important; font-weight: 400; line-height: 24px !important; color: #999 !important; -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; background-color: #e5e5e5; border: 0; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-box-sizing: border-box; vertical-align:top; width: 100%; max-width: 100%; } @media only screen and (max-width: 480px) { select, textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"] { font-size: 13px !important; line-height: 20px !important; } } textarea { resize:vertical; } textarea:focus, input[type="text"]:focus, input[type="password"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="date"]:focus, input[type="month"]:focus, input[type="time"]:focus, input[type="week"]:focus, input[type="number"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="color"]:focus, .uneditable-input:focus { border-outline: 0; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; outline: none; border: 0; background: #fff; color: #000 !important; } input:-moz-placeholder, textarea:-moz-placeholder { color: #999 !important; } input::-moz-placeholder, textarea::-moz-placeholder { color: #999 !important; } input:-ms-input-placeholder, textarea:-ms-input-placeholder { color: #999 !important; } input::-webkit-input-placeholder, textarea::-webkit-input-placeholder { color: #999 !important; } #buddypress form#whats-new-form textarea { height:100px;} /*Light on Dark*/ .lightondark select, .lightondark textarea, .lightondark input[type="text"], .lightondark input[type="password"], .lightondark input[type="datetime"], .lightondark input[type="datetime-local"], .lightondark input[type="date"], .lightondark input[type="month"], .lightondark input[type="time"], .lightondark input[type="week"], .lightondark input[type="number"], .lightondark input[type="email"], .lightondark input[type="url"], .lightondark input[type="search"], .lightondark input[type="tel"], .lightondark input[type="color"], .light select, .light textarea, .light input[type="text"], .light input[type="password"], .light input[type="datetime"], .light input[type="datetime-local"], .light input[type="date"], .light input[type="month"], .light input[type="time"], .light input[type="week"], .light input[type="number"], .light input[type="email"], .light input[type="url"], .lightondark input[type="search"], .light input[type="tel"], .light input[type="color"] { color: #fff !important; background-color: rgba(255,255,255,0.05); border:0; margin-bottom: 0px; } .lightondark textarea:focus, .lightondark input[type="text"]:focus, .lightondark input[type="password"]:focus, .lightondark input[type="datetime"]:focus, .lightondark input[type="datetime-local"]:focus, .lightondark input[type="date"]:focus, .lightondark input[type="month"]:focus, .lightondark input[type="time"]:focus, .lightondark input[type="week"]:focus, .lightondark input[type="number"]:focus, .lightondark input[type="email"]:focus, .lightondark input[type="url"]:focus, .lightondark input[type="search"]:focus, .lightondark input[type="tel"]:focus, .lightondark input[type="color"]:focus, .lightondark .uneditable-input:focus, .light textarea:focus, .light input[type="text"]:focus, .light input[type="password"]:focus, .light input[type="datetime"]:focus, .lightondark input[type="datetime-local"]:focus, .light input[type="date"]:focus, .light input[type="month"]:focus, .light input[type="time"]:focus, .light input[type="week"]:focus, .light input[type="number"]:focus, .light input[type="email"]:focus, .light input[type="url"]:focus, .light input[type="search"]:focus, .light input[type="tel"]:focus, .light input[type="color"]:focus, .light .uneditable-input:focus { border: 0; background-color: rgba(255,255,255,0.1); } .lightondark input:-moz-placeholder, .lightondark textarea:-moz-placeholder { color: #fff !important; } .lightondark input::-moz-placeholder, .lightondark textarea::-moz-placeholder { color: #fff !important; } .lightondark input:-ms-input-placeholder, .lightondark textarea:-ms-input-placeholder { color: #fff !important; } .lightondark input::-webkit-input-placeholder, .lightondark textarea::-webkit-input-placeholder { color: #fff !important; } .light input:-moz-placeholder, .lightondark textarea:-moz-placeholder { color: #fff !important; } .light input::-moz-placeholder, .lightondark textarea::-moz-placeholder { color: #fff !important; } .light input:-ms-input-placeholder, .lightondark textarea:-ms-input-placeholder { color: #fff !important; } .light input::-webkit-input-placeholder, .lightondark textarea::-webkit-input-placeholder { color: #fff !important; } /****************************** - CONTACT FORM 7 - ********************************/ .wpcf7-form { margin-bottom: 0; } .wpcf7 input[type="text"], .wpcf7 select, .wpcf7 input[type="email"]{ width:100%; max-width:100%; } .wpcf7-textarea, .light-on-dark .wpcf7-textarea { width:100%; max-width:100%; height: 100px; } div.wpcf7-response-output { margin: 0; } div.wpcf7-mail-sent-ok, div.wpcf7-mail-sent-ng, div.wpcf7-spam-blocked, div.wpcf7-validation-errors { position:relative; padding: 13px 15px 13px 15px; margin-bottom: 20px; margin-top: 0px; color: #c09853; text-shadow: none; background-color: #fcf8e3; border: 0; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } div.wpcf7-mail-sent-ok { color: #fff; background-color: #468847; width: 100%; text-align: center; } div.wpcf7-mail-sent-ng { color: #fff; background-color: #3a87ad; } div.wpcf7-spam-blocked { color: #fff; background-color: #3a87ad; } div.wpcf7-validation-errors { color: #fff; background-color: #eb5858; border-color: #eb5858; width: 100%; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; text-align: center; margin-top: -10px; } span.wpcf7-form-control-wrap { position: relative; width: 100%; } input.wpcf7-not-valid, textarea.wpcf7-not-valid { border: 2px solid #eb5858 !important; } span.wpcf7-not-valid-tip { color: #eb5858; margin-bottom: -10px !important; } .footer span.wpcf7-not-valid-tip { position: absolute; top: -3px; } span.wpcf7-not-valid-tip-no-ajax { color: #f00; font-size: 10pt; display: block; } .formbtnstyle { clear: both; margin-top: 20px; } .wpcf7 *::-moz-placeholder { opacity:1 !important;} .wpcf7-form .ajax-loader { display: block; width: 26px; margin-left: 0; margin-top: 10px; background: #eee; padding: 5px; -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; font-size: 30px; } div.wpcf7 img.ajax-loader { margin-left: 0 !important; } .rev_slider .wpcf7-form .ajax-loader { display: none; } .wpcf7-submit { margin-top: 10px !important; } .rev_slider div.wpcf7-validation-errors { margin-top: 10px; } /* Captcha */ .wpcf7-captchac { margin-bottom: 10px !important; } .captchastyle { width: 200px !important; } /* SUBMIT BUTTON */ .form-submit { text-align: center;} input[type="submit"], input[type="submit"]:focus { background: #fff600; color: #000; outline: none; border: 0; text-decoration: none !important; line-height: 58px; font-size: 18px; font-weight: 700; padding: 0px 25px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; -webkit-transition: color 0.2s ease-in-out, background-color 0.2s ease-in-out; -moz-transition: color 0.2s ease-in-out, background-color 0.2s ease-in-out; -o-transition: color 0.2s ease-in-out, background-color 0.2s ease-in-out; -ms-transition: color 0.2s ease-in-out, background-color 0.2s ease-in-out; -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing: grayscale; width: 100%; } .lightondark input[type="submit"], .light input[type="submit"], .lightondark input[type="submit"]:focus, .light input[type="submit"]:focus { border:2px solid #fff; color:#fff; } .lightondark input[type="submit"]:focus:hover, .light input[type="submit"]:focus:hover { color:#fff; } input[type="submit"]:hover { background:#000 !important; color:#fff; } /****************************** - MAP IT - ********************************/ .mapit { width:100%; min-height:500px;} /***************************************************** - PARALLAX BACKGROUND SMOOTH VERSION :D - ******************************************************/ .rowbgimage_offset { position:relative; width:100%;height:100%; z-index:5000} .rowbgimage_overlay { position: absolute;top: 0px;left: 0;z-index: 0;width: 100%;height: 100%;} .rowbgimage_outter { position:absolute; top:0px;left:0px;width:100%;height:100%;z-index: 0; overflow:hidden;} .rowbgimage_inner { position:absolute; top:0px;left:0px;right:0px;height:100%;-webkit-transform: translateX(50%) translateY(50%);-moz-transform: translateX(50%) translateY(50%);transform: translateX(50%) translateY(50%); -ms-transform: translateX(50%) translateY(50%)} .rowbgimage { min-width:100%; min-height:120%;max-height:500%;max-width:500%;position:absolute; top:0px;left:0px; -webkit-transform: translateX(-50%) translateY(-50%);-moz-transform: translateX(-50%) translateY(-50%);transform: translateX(-50%) translateY(-50%);-ms-transform: translateX(-50%) translateY(-50%)} /******************************************** - SLIDER NAVIGATION CORRECTION - ********************************************/ .tparrows { z-index: 508 !important} /* LIGHT ON DARK */ /* NAV ARROW STYLE */ .tparrows.default.miami-light { width:23px; height:44px; padding-top: 50px; padding-bottom: 50px; background: transparent; } .tparrows.default.miami-light:after { position:absolute; line-height: 50px; text-align: center; font-family: "revicons"; color: #fff; color:#aaa; font-size:50px; top:0px;left:0px;z-index:0; width:23px; height:44px; -webkit-transition: color 0.3s ease-in-out, text-shadow 0.3s ease-in-out; -moz-transition: color 0.3s ease-in-out, text-shadow 0.3s ease-in-out; -o-transition: color 0.3s ease-in-out, text-shadow 0.3s ease-in-out; -ms-transition: color 0.3s ease-in-out, text-shadow 0.3s ease-in-out; } .tparrows.default.miami-light:hover:after { color: #fff; text-shadow: 0px 0px 2px rgba(0, 0, 0, 0.5); } .tp-rightarrow.miami-light { padding-right: 100px; } .tp-leftarrow.miami-light { padding-left: 100px; } .tp-rightarrow.miami-light:after { content: '\e825'; padding-left: 76px; padding-top: 25px; } .tp-leftarrow.miami-light:after { content: '\e824'; padding-right: 76px; padding-top: 25px; } /* BULLET STYLE */ .tp-bullets.simplebullets.miami-light { height:9px; vertical-align:middle; line-height:10px } .tp-bullets.simplebullets.miami-light .bullet { cursor:pointer;width: 9px; height: 9px;background: #aaa; float: left; position: relative; margin-right: 7px; border-radius:50%; -webkit-transition: background 0.3s ease-in-out, box-shadow 0.3s ease-in-out; -moz-transition: background 0.3s ease-in-out, box-shadow 0.3s ease-in-out; -o-transition: background 0.3s ease-in-out, box-shadow 0.3s ease-in-out; -ms-transition: background 0.3s ease-in-out, box-shadow 0.3s ease-in-out; } .tp-bullets.simplebullets.miami-light .bullet.selected, .tp-bullets.simplebullets.miami-light .bullet:hover { background: #fff; -webkit-box-shadow: 0px 0px 2px 0px rgba(50, 50, 50, 0.5); -moz-box-shadow: 0px 0px 2px 0px rgba(50, 50, 50, 0.5); box-shadow: 0px 0px 2px 0px rgba(50, 50, 50, 0.5);} .tp-bullets.simplebullets.miami-light .bullet.last { margin-right:0px; } /* DARK ON LIGHT */ /* NAV ARROW STYLE */ .tparrows.default.miami-dark { width:23px; height:44px; padding-top: 50px;padding-bottom: 50px;background: transparent;} .tparrows.default.miami-dark:after { position:absolute; line-height: 50px;text-align: center; font-family: "revicons";color: #333; color:rgba(51,51,51,0.5);font-size:50px; top:0px;left:0px;z-index:0; width:23px; height:44px; -webkit-transition: color 0.3s ease-in-out; -moz-transition: color 0.3s ease-in-out; -o-transition: color 0.3s ease-in-out; -ms-transition: color 0.3s ease-in-out; } .tparrows.default.miami-dark:hover:after { color: #333; color:rgba(51,51,51,1);} .tp-rightarrow.miami-dark { padding-right: 100px; } .tp-leftarrow.miami-dark { padding-left: 100px; } .tp-rightarrow.miami-dark:after { content: '\e825'; padding-left: 76px; padding-top: 25px; } .tp-leftarrow.miami-dark:after { content: '\e824'; padding-right: 76px; padding-top: 25px; } /* BULLET STYLE */ .tp-bullets.simplebullets.miami-dark { height:9px; vertical-align:middle; line-height:10px } .tp-bullets.simplebullets.miami-dark .bullet { cursor:pointer;width: 9px;height: 9px;background: #333; background:rgba(51,51,51,0.5);float: left;position: relative;margin-right: 7px;border-radius:50%; -webkit-transition: background 0.3s ease-in-out; -moz-transition: background 0.3s ease-in-out; -o-transition: background 0.3s ease-in-out; -ms-transition: background 0.3s ease-in-out;} .tp-bullets.simplebullets.miami-dark .bullet.selected, .tp-bullets.simplebullets.miami-dark .bullet:hover { background: #333; } .tp-bullets.simplebullets.miami-dark .bullet.last { margin-right:0px; } /****************************** - IMG HOVERS - ********************************/ .tp-imghover-wrapper { position: relative;width:auto;height:auto; display: inline-block;overflow: hidden;} .tp-imghover-wrapper img { width:100%; max-width: 100%;} .tp-imghover-overlay { width:100%;height:100%;top:0px;left:0px; overflow: hidden; position: absolute; z-index: 2;} .tp-imghover-hover { position: absolute; top:0px;left:0px;width:100%;height:100%;background:rgba(0,0,0,0.5); visibility: hidden;z-index: 1;} .tp-imghover-title, .tp-imghover-subtitle { visibility: hidden;} .tp-imghover-topline, .tp-imghover-bottomline, .tp-imghover-leftline, .tp-imghover-rightline { visibility: hidden;} /* CHARLIE */ .charlie .tp-imghover-overlay { padding:25px; box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;} .charlie .tp-imghover-overlay-inner { position:absolute;bottom:30px;} .charlie .tp-imghover-title { color:#fff; font-size:30px;line-height:35px;font-weight:300; display:inline-block; } .charlie strong { font-weight: 900} .charlie .tp-imghover-subtitle { color:#fff; color:rgba(255,255,255,0.85); font-size:13px;line-height:18px;font-weight:600; display:inline-block; padding-right:20px; } .charlie.mediumimage .tp-imghover-title { font-size:25px; line-height: 27px;} .charlie.mediumimage .tp-imghover-subtitle { font-size:13px; line-height: 14px;} .charlie.smallimage .tp-imghover-title { font-size:16px; line-height: 16px;} .charlie.smallimage .tp-imghover-subtitle { font-size:12px; line-height: 12px;} /* ROCKY */ .rocky .tp-imghover-overlay { padding:0px; box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box; } .rocky .tp-imghover-bottomline { bottom:0px;left:0px;position:absolute;width:100%;height:0px;background:#2d3032;} .rocky .tp-imghover-title { color:#333; bottom:30%; left:0px; width:100%; position:absolute; font-size:30px;line-height:35px;font-weight:900; display:block; text-align: center;} .rocky strong { font-weight: 900;} .rocky .tp-imghover-subtitle { color:#333; font-size:13px;line-height:18px;font-weight:600; display:block; text-align: center; position: absolute; bottom:30px; left:10%; width:80%; } .rocky.mediumimage .tp-imghover-title { font-size:25px; line-height: 27px;} .rocky.mediumimage .tp-imghover-subtitle { font-size:13px; line-height: 14px;} .rocky.smallimage .tp-imghover-title { font-size:16px; line-height: 16px;} .rocky.smallimage .tp-imghover-subtitle { font-size:12px; line-height: 12px;} /* COOPER */ .cooper .tp-imghover-overlay { padding:0px; box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box; } .cooper .tp-imghover-topline { top:8%;left:4%;position:absolute;width:92%;height:1px;background:#333;} .cooper .tp-imghover-leftline { top:4%;left:8%;position:absolute;width:1px;height:92%;background:#333;} .cooper .tp-imghover-rightline { top:4%;right:8%;position:absolute;width:1px;height:92%;background:#333;} .cooper .tp-imghover-bottomline { bottom:8%;left:4%;position:absolute;width:92%;height:1px;background:#333;} .cooper .tp-imghover-title { color:#333; position:relative; font-size:32px;line-height:35px;font-weight:300; margin-top:20%; width:80%;left:10%;display:block; text-align: center;} .cooper .tp-imghover-subtitle { color:#333; color:rgba(0,0,0,0.65); font-size:13px;line-height:18px;font-weight:600; display:block; margin-top:10px;width:80%;left:10%;text-align: center; position: relative; } .cooper strong { font-weight: 900;} .cooper.mediumimage .tp-imghover-title { font-size:25px; line-height: 27px; margin-top:15%;} .cooper.mediumimage .tp-imghover-subtitle { font-size:13px; line-height: 14px;} .cooper.smallimage .tp-imghover-title { font-size:16px; line-height: 16px;} .cooper.smallimage .tp-imghover-subtitle { font-size:12px; line-height: 12px;} /* BUDDY */ .buddy .tp-imghover-overlay { padding:25px; box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;} .buddy .tp-imghover-title { color:#fff; top:50%; left:0px; width:100%; position:absolute; font-size:32px;line-height:35px;font-weight:300; display:block; text-align: center;} .buddy strong { font-weight: 900;} .buddy .tp-imghover-subtitle { color:#fff; color:rgba(255,255,255,0.85); font-size:13px;line-height:18px;font-weight:600; display:block; text-align: center; position: absolute; bottom:30px; left:10%; width:80%; } .buddy.mediumimage .tp-imghover-title { font-size:25px; line-height: 27px;} .buddy.mediumimage .tp-imghover-subtitle { font-size:13px; line-height: 14px;} .buddy.smallimage .tp-imghover-title { font-size:16px; line-height: 16px;} .buddy.smallimage .tp-imghover-subtitle { font-size:12px; line-height: 12px;} /* BUSTER */ .buster .tp-imghover-overlay { padding:0px; box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box; } .buster .tp-imghover-title { color:#333; bottom:0px; left:0px; width:100%; position:absolute; font-size:30px;line-height:35px;font-weight:300; display:block; text-align: left; background:#fff; padding:10px;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;} .buster .tp-imghover-subtitle { color:#333; font-size:13px;line-height:18px;font-weight:600; display:block; text-align: left; position: absolute; top:20%; left:10%; width:80%; } .buster strong { font-weight: 900;} .buster.mediumimage .tp-imghover-title { font-size:25px; line-height: 27px; padding:5px;} .buster.mediumimage .tp-imghover-subtitle { font-size:13px; line-height: 14px; top:10%;} .buster.smallimage .tp-imghover-title { font-size:16px; line-height: 16px; padding:3px;} .buster.smallimage .tp-imghover-subtitle { font-size:12px; line-height: 12px; top:10%;} /* MURPHY */ .murphy .tp-imghover-overlay { padding:0px; box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box; } .murphy .tp-imghover-topline { top:4%;left:4%;position:absolute;width:92%;height:92%;border:2px solid #fff;} .murphy .tp-imghover-title { color:#fff; position:relative; font-size:30px;line-height:35px;font-weight:300; margin-top:15%; width:80%;left:10%;display:block; text-align: center;} .murphy .tp-imghover-subtitle { color:#fff; font-size:13px;line-height:18px;font-weight:600; display:block; width:80%;left:10%;text-align: center; position: relative; } .murphy strong { font-weight: 900;} .murphy.mediumimage .tp-imghover-title { font-size:25px; line-height: 27px; margin-top:15%;} .murphy.mediumimage .tp-imghover-subtitle { font-size:13px; line-height: 14px;} .murphy.smallimage .tp-imghover-title { font-size:16px; line-height: 16px; margin-top:10%;} .murphy.smallimage .tp-imghover-subtitle { font-size:12px; line-height: 12px;} /* SAM */ .sam .tp-imghover-overlay { padding:0px; box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box; } .sam .tp-imghover-topline { top:20%;margin-top:20px;left:5%;position:absolute;width:90%;height:2px;background:#333;} .sam .tp-imghover-title { color:#333; position:absolute; font-size:30px;line-height:35px;font-weight:300; top:20%; width:80%;left:5%;display:block; text-align: left;} .sam .tp-imghover-subtitle { color:#333; font-size:13px;line-height:18px;font-weight:600; display:block; width:90%;left:5%;text-align: left; position: absolute; bottom:20px; } .sam strong { font-weight: 900;} .sam.mediumimage .tp-imghover-title { font-size:25px; line-height: 27px;top:15%;} .sam.mediumimage .tp-imghover-subtitle { font-size:13px; line-height: 14px;} .sam.mediumimage .tp-imghover-topline { top:15%;margin-top:20px;height:2px;background:#000;} .sam.smallimage .tp-imghover-title { font-size:16px; line-height: 16px; top:15%;} .sam.smallimage .tp-imghover-subtitle { font-size:12px; line-height: 12px;} .sam.mediumimage .tp-imghover-topline { top:15%;margin-top:20px;height:2px;background:#000;} /* OSCAR */ .oscar .tp-imghover-overlay { padding:0px; box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box; } .oscar .tp-imghover-title { color:#333; position:relative; font-size:30px;line-height:35px;font-weight:500; margin-top:15%; width:80%;left:10%;display:block; text-align: center;} .oscar .tp-imghover-subtitle { color:#333; font-size:13px;line-height:18px;font-weight:600; display:block; width:80%;left:10%;text-align: center; position: relative; border:2px solid #333; padding:20px; box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;} .oscar strong { font-weight: 900;} .oscar.mediumimage .tp-imghover-title { font-size:25px; line-height: 27px;margin-top:15%;} .oscar.mediumimage .tp-imghover-subtitle { font-size:13px; line-height: 14px; padding:10px;} .oscar.smallimage .tp-imghover-title { font-size:16px; line-height: 16px;margin-top:10%;} .oscar.smallimage .tp-imghover-subtitle { font-size:12px; line-height: 12px; padding:5px;} /* RUSTY */ .rusty .tp-imghover-overlay { padding:0px; box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box; } .rusty .tp-imghover-title { color:#333; position:absolute; font-size:30px;line-height:35px;font-weight:300; right:20px;bottom:20px;display:block; text-align: right; background:rgba(255,255,255,0.95);padding:0 5px;} .rusty .tp-imghover-subtitle { color:#333; font-size:13px;line-height:18px;font-weight:600; display:block; width:30%;left:20px;top:20px;text-align: right; position: absolute; border-right:2px solid #333; padding:10px; box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;} .rusty strong { font-weight: 900;} .rusty.mediumimage .tp-imghover-title { font-size:25px; line-height: 27px;} .rusty.mediumimage .tp-imghover-subtitle { font-size:13px; line-height: 14px;width:40%;} .rusty.smallimage .tp-imghover-title { font-size:16px; line-height: 16px;} .rusty.smallimage .tp-imghover-subtitle { font-size:12px; line-height: 12px; width:50%} /* Gizmo */ .gizmo .tp-imghover-overlay { padding:0px; box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box; } .gizmo .tp-imghover-title { color:#fff; position:relative; font-size:30px;line-height:35px;font-weight:300; margin-top:20px;margin-left:20px;display:block; text-align: left; } .gizmo .tp-imghover-topline { margin-top:10px;width:90%;margin-left:20px;height:2px; background:#fff;} .gizmo .tp-imghover-subtitle { color:#fff; font-size:13px;line-height:18px;font-weight:600; display:block; margin-top:10px;margin-left:20px; position:relative;} .gizmo strong { font-weight: 900;} .gizmo.mediumimage .tp-imghover-title { font-size:25px; line-height: 27px;} .gizmo.mediumimage .tp-imghover-subtitle { font-size:13px; line-height: 14px;width:80%;} .gizmo.smallimage .tp-imghover-title { font-size:16px; line-height: 16px;} .gizmo.smallimage .tp-imghover-subtitle { font-size:12px; line-height: 12px; width:80%} /****************************** - MODAL WINDOW BASICS - ********************************/ .md-modal { visibility:hidden; padding: 40px !important; } .md-content-title { margin-bottom: 13px !important; } /****************************** - FANCY SELECT - ********************************/ div.fancy-select select { display: block; } div.fancy-select { position: relative; font-size: 12px; font-weight: 600; } div.fancy-select.disabled { opacity: 0.5; } div.fancy-select select:focus + div.trigger.open { box-shadow: none; } div.fancy-select div.trigger { border-radius: 0px; cursor: pointer; padding: 10px 15px 9px 15px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; position: relative; width: 200px; transition: all 240ms ease-out; -webkit-transition: all 240ms ease-out; -moz-transition: all 240ms ease-out; -ms-transition: all 240ms ease-out; -o-transition: all 240ms ease-out; } div.fancy-select div.trigger:after { content: ""; display: block; position: absolute; width: 0; height: 0; border: 5px solid transparent; top: 20px; right: 15px; -webkit-transition: all 240ms ease-out; -moz-transition: all 240ms ease-out; -ms-transition: all 240ms ease-out; -o-transition: all 240ms ease-out; } div.fancy-select ul.options { list-style: none; margin: 0; position: absolute; top: 40px; left: 0; visibility: hidden; opacity: 0; z-index: 50; max-height: 300px; overflow: auto; border-radius: 0px; min-width: 200px; max-width: 100%; padding-left: 0; transition: opacity 300ms ease-out, top 300ms ease-out, visibility 300ms ease-out; -webkit-transition: opacity 300ms ease-out, top 300ms ease-out, visibility 300ms ease-out; -moz-transition: opacity 300ms ease-out, top 300ms ease-out, visibility 300ms ease-out; -ms-transition: opacity 300ms ease-out, top 300ms ease-out, visibility 300ms ease-out; -o-transition: opacity 300ms ease-out, top 300ms ease-out, visibility 300ms ease-out; } div.fancy-select ul.options.open { visibility: visible; top: 50px; opacity: 1; transition: opacity 300ms ease-out, top 300ms ease-out; -webkit-transition: opacity 300ms ease-out, top 300ms ease-out; -moz-transition: opacity 300ms ease-out, top 300ms ease-out; -ms-transition: opacity 300ms ease-out, top 300ms ease-out; -o-transition: opacity 300ms ease-out, top 300ms ease-out; } div.fancy-select ul.options.overflowing { top: auto; bottom: 40px; transition: opacity 300ms ease-out, bottom 300ms ease-out, visibility 300ms ease-out; -webkit-transition: opacity 300ms ease-out, bottom 300ms ease-out, visibility 300ms ease-out; -moz-transition: opacity 300ms ease-out, bottom 300ms ease-out, visibility 300ms ease-out; -ms-transition: opacity 300ms ease-out, bottom 300ms ease-out, visibility 300ms ease-out; -o-transition: opacity 300ms ease-out, bottom 300ms ease-out, visibility 300ms ease-out; } div.fancy-select ul.options.overflowing.open { top: auto; bottom: 50px; transition: opacity 300ms ease-out, bottom 300ms ease-out; -webkit-transition: opacity 300ms ease-out, bottom 300ms ease-out; -moz-transition: opacity 300ms ease-out, bottom 300ms ease-out; -ms-transition: opacity 300ms ease-out, bottom 300ms ease-out; -o-transition: opacity 300ms ease-out, bottom 300ms ease-out; } div.fancy-select ul.options li { padding: 0px 20px 0px 20px; cursor: pointer; white-space: nowrap; transition: all 150ms ease-out; -webkit-transition: all 150ms ease-out; -moz-transition: all 150ms ease-out; -ms-transition: all 150ms ease-out; -o-transition: all 150ms ease-out; } div.fancy-select ul.options li:first-child { padding-top: 20px; } div.fancy-select ul.options li:last-child { padding-bottom: 20px; } /* FANCY SELECT FOOTER COLORS */ div.fancy-select { color: #bbb; } div.fancy-select div.trigger { background: rgba(17,17,17,0.15); color: #bbb; } div.fancy-select div.trigger:hover{ color: #fff; } div.fancy-select div.trigger:hover:after { border-top-color: #fff; } div.fancy-select div.trigger:after { border: 5px solid transparent; border-top-color: #bbb; } div.fancy-select div.trigger.open { background: rgba(17,17,17,0.85); color: #fff;} div.fancy-select div.trigger.open:after { border-top-color: #fff; } div.fancy-select ul.options { background: rgba(17,17,17,0.85); } div.fancy-select ul.options li { color: rgba(255,255,255,0.5); } div.fancy-select ul.options li.selected { color: #fff; } div.fancy-select ul.options li.hover { color: #fff; } /* FANCY SELECT SIDEBAR COLORS */ .sidebar_widget div.fancy-select { color: #333; } .sidebar_widget div.fancy-select div.trigger { background: #eee; color: #555; } .sidebar_widget div.fancy-select div.trigger:hover{ color: #333; } .sidebar_widget div.fancy-select div.trigger:hover:after { border-top-color: #333; } .sidebar_widget div.fancy-select div.trigger:after { border: 5px solid transparent; border-top-color: #999; } .sidebar_widget div.fancy-select div.trigger.open { background: #eee; color: #333;} .sidebar_widget div.fancy-select div.trigger.open:after { border-top-color: #333; } .sidebar_widget div.fancy-select ul.options { background: #eee; } .sidebar_widget div.fancy-select ul.options li { color: #999; } .sidebar_widget div.fancy-select ul.options li.selected { color: #333; } .sidebar_widget div.fancy-select ul.options li.hover { color: #333; } /*********************************** - SHOWBIZ RELATED POSTS - ***********************************/ #showbiz_moreportfolio_1 { background:rgba(0,0,0,0.15);} #showbiz_moreportfolio_1 ul { background:rgba(0,0,0,0.15);} #showbiz_moreportfolio_1 ul li { margin-right:0px;} #showbiz_moreportfolio_1 .darkhover { position:absolute; top:0px; left:0px; width:100%;height:100%; background:rgba(0,0,0,0); -webkit-transition: all 0.4s ease-out; -moz-transition: all 0.4s ease-out; -o-transition: all 0.4s ease-out; -ms-transition: all 0.4s ease-out; } #showbiz_moreportfolio_1 .detailholder { position: absolute; background:#000; background:rgba(37,37,37,1); padding: 20px; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; overflow: hidden; width:100%; -webkit-transition: all 0.1s ease-out; -moz-transition: all 0.1s ease-out; -o-transition: all 0.1s ease-out; -ms-transition: all 0.1s ease-out; -webkit-transform: translateZ(0px) bottom: 0; opacity: 0; } #showbiz_moreportfolio_1 .clickicon { float: right; font-size: 20px; color: #fff !important; } #showbiz_moreportfolio_1 .showbiz-title, #showbiz_moreportfolio_1 a.showbiz-title, #showbiz_moreportfolio_1 a.showbiz-title:visited { font-family: 'Roboto', sans-serif; font-size:13px; line-height:20px; color:#fff; font-weight:600; } #showbiz_moreportfolio_1 .showbiz-title { } #showbiz_moreportfolio_1 .excerpt { font-size:13px; line-height:22px; color:#999; font-weight:400; overflow: hidden; position: relative; display:none; font-family: 'Roboto', sans-serif; } .sb-post-details, .sb-post-details span, .sb-post-details a, .sb-post-details a:visited { font-size:12px; line-height:22px; color:#999; font-weight:400; font-family: 'Roboto', sans-serif;} .sb-readmore, .sb-readmore span, .sb-readmore a, .sb-readmore a:visited { font-size:12px; line-height:22px; color:#fff; font-family: 'Roboto', sans-serif; font-weight:500; text-decoration: none;} #showbiz_moreportfolio_1 .sb-readmore { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); -moz-opacity: 0.0; -khtml-opacity: 0.0; opacity: 0.0; -webkit-transition: all 0.1s ease-out; -moz-transition: all 0.1s ease-out; -o-transition: all 0.1s ease-out; -ms-transition: all 0.1s ease-out; } #showbiz_moreportfolio_1 ul li:hover .detailholder { opacity: 1; background:#000; background:rgba(37,37,37,1); bottom: 0px; } #showbiz_moreportfolio_1 ul li:hover .darkhover { background:rgba(37,37,37,0.65);} #showbiz_moreportfolio_1 ul li:hover .showbiz-title { } #showbiz_moreportfolio_1 ul li:hover .clickicon { opacity: 0.35; } #showbiz_moreportfolio_1 ul li a.clickicon:hover { opacity: 1; } #showbiz_moreportfolio_1 ul li:hover .sb-readmore { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); -moz-opacity: 1; -khtml-opacity: 1; opacity: 1; } #showbiz_moreportfolio_1 .mediaholder { overflow: hidden; position: relative; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } /****************************** - MIAMI DARK ON LIGHT - ********************************/ .esg-grid, .esg-selected-filterbutton { font-family: 'Roboto', sans-serif !important; } .miami-dark-on-light .navigationbuttons, .miami-dark-on-light .esg-pagination, .miami-dark-on-light .esg-filters { text-align: center; } .miami-dark-on-light .esg-filterbutton, .miami-dark-on-light .esg-navigationbutton, .miami-dark-on-light .esg-sortbutton, .miami-dark-on-light .esg-cartbutton a{ color:#555; margin-right:2px; cursor:pointer; padding:4px 15px; line-height:24px; font-size:13px; font-weight:600; display: inline-block; background:transparent; margin-bottom:2px; border: 2px solid #eee; } .miami-dark-on-light .esg-navigationbutton * { color:#555; } .miami-dark-on-light .esg-navigationbutton { padding:4px 15px; } .miami-dark-on-light .esg-pagination-button:last-child { margin-right: 0; } .miami-dark-on-light .esg-left, .miami-dark-on-light .esg-right { padding:5px 10px 4px 10px; } .miami-dark-on-light .esg-sortbutton-wrapper, .miami-dark-on-light .esg-cartbutton-wrapper { display:inline-block; } .miami-dark-on-light .esg-sortbutton-order, .miami-dark-on-light .esg-cartbutton-order { display:inline-block; vertical-align:top; line-height:24px; padding:4px 8px; font-size:12px; font-weight:600; color:#999; cursor: pointer; border: 2px solid #eee; } .miami-dark-on-light .esg-cartbutton { color:#333; cursor: default !important; } .miami-dark-on-light .esg-cartbutton .esgicon-basket {color:#333; font-size:15px; line-height:15px; margin-right:10px; } .miami-dark-on-light .esg-cartbutton-wrapper { cursor: default !important; } .miami-dark-on-light .esg-sortbutton, .miami-dark-on-light .esg-cartbutton { display:inline-block; position:relative; cursor: pointer; margin-right:0px; border-right:none; } .miami-dark-on-light .esg-navigationbutton:hover, .miami-dark-on-light .esg-filterbutton:hover, .miami-dark-on-light .esg-sortbutton:hover, .miami-dark-on-light .esg-sortbutton-order:hover, .miami-dark-on-light .esg-cartbutton a:hover, .miami-dark-on-light .esg-filterbutton.selected { background-color:#eee; color:#555; } .miami-dark-on-light .esg-sortbutton-order.tp-desc:hover {color:#555;} .miami-dark-on-light .esg-filter-checked { padding: 2px; background:#e5e5e5; margin-left:7px; font-size:9px; font-weight:300; line-height:9px; vertical-align: middle; } .miami-dark-on-light .esg-filterbutton.selected .esg-filter-checked, .miami-dark-on-light .esg-filterbutton:hover .esg-filter-checked { padding: 2px; color:#fff; background:#999; margin-left:7px; font-size:9px; font-weight:300; line-height:9px; vertical-align: middle; } /* MIAMI DARK ON LIGHT DROP DOWN 1.1.0 */ .miami-dark-on-light .esg-filterbutton { color:#555;} .miami-dark-on-light .esg-selected-filterbutton { background: #fff; padding:10px 20px 10px 30px; color:#555; font-weight:600;} .miami-dark-on-light .esg-selected-filterbutton .eg-icon-down-open { margin-left:5px;font-size:12px; line-height: 20px; vertical-align: top; color:#999; color:rgba(51,51,51,0.54)} .miami-dark-on-light .esg-filter-wrapper.dropdownstyle .esg-selected-filterbutton { line-height:24px; padding:4px 15px; font-size:13px; font-weight:600; color:#555; cursor: pointer; border: 2px solid #eee; height: auto; } .miami-dark-on-light .esg-filter-wrapper.dropdownstyle .esg-selected-filterbutton:hover { background: #eee;} .miami-dark-on-light .esg-filter-wrapper.dropdownstyle .esg-selected-filterbutton i { margin-top: 2px; margin-left: 0; text-align: right; } .miami-dark-on-light .esg-filter-wrapper.dropdownstyle .esg-selected-filterbutton { margin-bottom: 0; } .miami-dark-on-light .esg-filter-wrapper .esg-filterbutton span i { color: #fff !important; } .miami-dark-on-light .esg-filter-wrapper .esg-filterbutton:hover span, .miami-dark-on-light .esg-filter-wrapper .esg-filterbutton.selected span { color: #555 !important; } .miami-dark-on-light .esg-filter-wrapper .esg-filterbutton:hover span i, .miami-dark-on-light .esg-filter-wrapper .esg-filterbutton.selected span i { color: #fff !important; } .miami-dark-on-light .esg-selected-filterbutton:hover .eg-icon-down-open, .miami-dark-on-light .esg-selected-filterbutton.hoveredfilter .eg-icon-down-open { color:#555 !important; } .miami-dark-on-light .esg-cartbutton:hover, .miami-dark-on-light .esg-selected-filterbutton:hover, .miami-dark-on-light .esg-selected-filterbutton.hoveredfilter { color: #555; } .miami-dark-on-light .esg-dropdown-wrapper { background:#fff; border: 2px solid #eee; border-top: 0; padding: 15px 11px 15px 11px; } .miami-dark-on-light .esg-dropdown-wrapper .esg-filterbutton { border:none !important;line-height: 25px; white-space: nowrap; padding:0px 10px; font-weight:600; text-align: left; color:#999; color:rgba(51,51,51,0.54); } .miami-dark-on-light .esg-dropdown-wrapper .esg-filterbutton:hover, .miami-dark-on-light .esg-dropdown-wrapper .esg-filterbutton.selected { background:transparent !important; color:#555 !important; box-shadow: none !important} .miami-dark-on-light .esg-dropdown-wrapper .esg-filter-checked { display:inline-block; margin-left:0px !important;margin-right:7px; margin-top:-2px !important; line-height: 15px !important;} .miami-dark-on-light .esg-dropdown-wrapper .esg-filter-checked span { vertical-align: middle; line-height:20px;} /****************************** - MIAMI LIGHT ON DARK - ********************************/ .miami-light-on-dark .navigationbuttons, .miami-light-on-dark .esg-pagination, .miami-light-on-dark .esg-filters { text-align: center; } .miami-light-on-dark .esg-filterbutton, .miami-light-on-dark .esg-navigationbutton, .miami-light-on-dark .esg-sortbutton, .miami-light-on-dark .esg-cartbutton a{ color:#fff; margin-right:2px; cursor:pointer; padding:4px 15px; line-height:24px; font-size:13px; font-weight:600; display: inline-block; background:transparent; margin-bottom:2px; border: 2px solid rgba(255,255,255,0.1); } .miami-light-on-dark .esg-navigationbutton * { color:#555; } .miami-light-on-dark .esg-navigationbutton { padding:4px 15px; } .miami-light-on-dark .esg-pagination-button:last-child { margin-right: 0; } .miami-light-on-dark .esg-left, .miami-light-on-dark .esg-right { padding:5px 10px 4px 10px; } .miami-light-on-dark .esg-left i, .miami-light-on-dark .esg-right i { color: #fff; } .miami-light-on-dark .esg-sortbutton-wrapper, .miami-light-on-dark .esg-cartbutton-wrapper { display:inline-block; } .miami-light-on-dark .esg-sortbutton-order, .miami-light-on-dark .esg-cartbutton-order { display:inline-block; vertical-align:top; line-height:24px; padding:4px 8px; font-size:12px; font-weight:600; color:rgba(255,255,255,0.3); cursor: pointer; border: 2px solid rgba(255,255,255,0.1); } .miami-light-on-dark .esg-cartbutton { color:#333; cursor: default !important; } .miami-light-on-dark .esg-cartbutton .esgicon-basket {color:#333; font-size:15px; line-height:15px; margin-right:10px; } .miami-light-on-dark .esg-cartbutton-wrapper { cursor: default !important; } .miami-light-on-dark .esg-sortbutton, .miami-light-on-dark .esg-cartbutton { display:inline-block; position:relative; cursor: pointer; margin-right:0px; border-right:none; } .miami-light-on-dark .esg-navigationbutton:hover, .miami-light-on-dark .esg-filterbutton:hover, .miami-light-on-dark .esg-sortbutton:hover, .miami-light-on-dark .esg-sortbutton-order:hover, .miami-light-on-dark .esg-cartbutton a:hover, .miami-light-on-dark .esg-filterbutton.selected { background-color:rgba(255,255,255,0.1); border-color: transparent; color:#fff; } .miami-light-on-dark .esg-sortbutton-order.tp-desc:hover {color:#fff;} .miami-light-on-dark .esg-filter-checked { padding: 2px; background:#e5e5e5; margin-left:7px; font-size:9px; font-weight:300; line-height:9px; vertical-align: middle; } .miami-light-on-dark .esg-filterbutton.selected .esg-filter-checked, .miami-light-on-dark .esg-filterbutton:hover .esg-filter-checked { padding: 2px; color:#fff; background:#999; margin-left:7px; font-size:9px; font-weight:300; line-height:9px; vertical-align: middle; } /* MIAMI DARK ON LIGHT DROP DOWN 1.1.0 */ .miami-light-on-dark .esg-filterbutton { color:#fff;} .miami-light-on-dark .esg-selected-filterbutton { background: transparent; padding:10px 20px 10px 30px; color:#555; font-weight:600;} .miami-light-on-dark .esg-selected-filterbutton .eg-icon-down-open { margin-left:5px;font-size:12px; line-height: 20px; vertical-align: top; color:rgba(255,255,255,0.3);} .miami-light-on-dark .esg-filter-wrapper.dropdownstyle .esg-selected-filterbutton { line-height:24px; padding:4px 15px; font-size:13px; font-weight:600; color:rgba(255,255,255,0.65) !important; cursor: pointer; border: 2px solid rgba(255,255,255,0.1); height: auto; } .miami-light-on-dark .esg-filter-wrapper .esg-filterbutton span { color:rgba(255,255,255,0.65) !important; } .miami-light-on-dark .esg-filter-wrapper.dropdownstyle .esg-selected-filterbutton:hover { color:#fff !important; background: rgba(255,255,255,0.1); border: 2px solid transparent;} .miami-light-on-dark .esg-filter-wrapper.dropdownstyle .esg-selected-filterbutton i { margin-top: 2px; margin-left: 0; text-align: right; } .miami-light-on-dark .esg-filter-wrapper.dropdownstyle .esg-selected-filterbutton { margin-bottom: 0; } .miami-light-on-dark .esg-filter-wrapper .esg-filterbutton span i { color: #fff !important; } .miami-light-on-dark .esg-filter-wrapper .esg-filterbutton:hover span, .miami-light-on-dark .esg-filter-wrapper .esg-filterbutton.selected span { color: #fff !important; } .miami-light-on-dark .esg-filter-wrapper .esg-filterbutton:hover span i, .miami-light-on-dark .esg-filter-wrapper .esg-filterbutton.selected span i { color: #fff !important; } .miami-light-on-dark .esg-selected-filterbutton:hover .eg-icon-down-open, .miami-light-on-dark .esg-selected-filterbutton.hoveredfilter .eg-icon-down-open { color:#fff !important; } .miami-light-on-dark .esg-cartbutton:hover, .miami-light-on-dark .esg-selected-filterbutton:hover, .miami-light-on-dark .esg-selected-filterbutton.hoveredfilter { color: #fff; } .miami-light-on-dark .esg-dropdown-wrapper { background:#252525; border: 0; padding: 15px 11px 15px 11px; } .miami-light-on-dark .esg-dropdown-wrapper .esg-filterbutton { border:none !important;line-height: 25px; white-space: nowrap; padding:0px 10px; font-weight:600; text-align: left; color:rgba(255,255,255,0.65); } .miami-light-on-dark .esg-dropdown-wrapper .esg-filterbutton:hover, .miami-light-on-dark .esg-dropdown-wrapper .esg-filterbutton.selected { background:transparent !important; color:#fff !important; box-shadow: none !important} .miami-light-on-dark .esg-dropdown-wrapper .esg-filter-checked { display:inline-block; margin-left:0px !important;margin-right:7px; margin-top:-2px !important; line-height: 15px !important;} .miami-light-on-dark .esg-dropdown-wrapper .esg-filter-checked span { vertical-align: middle; line-height:20px;} /****************************** - GOOGLE MAP ADD ONS - ********************************/ .gmap { background: #fff !important;} /*********************************** - PAGE BASED CSS SETTINGS - ************************************/ .modalbuttonwrapper button { margin-bottom:5px; margin-left: 1px; margin-right: 1px; } .lightbuttonparent button.bordered { color:#fff ; border-color: #fff} #tphomeproducts.tp-light-on-dark .esg-loadmore-wrapper { background: #000 !important; } #tphomeproducts.tp-light-on-dark .esg-loadmore-wrapper .esg-loadmore { color: #fff !important; } #tphomeproducts.tp-light-on-dark .esg-loadmore-wrapper:hover { background: #fff !important; } #tphomeproducts.tp-light-on-dark .esg-loadmore-wrapper:hover .esg-loadmore { color: #000 !important; } /*********************************** - ESSENTIAL GRID CSS SETTINGS - ************************************/ #menu-miami-menu .myportfolio-container, #sidewidgetpanel .myportfolio-container { margin-top:0px !important } /* MaxCDN logo */ a .maxcdn { background: url('http://themepunch.com/miami/wp-content/uploads/2014/10/maxcdn-logo2.png'); background-size: 109px 25px; background-repeat: no-repeat; width: 109px; height: 25px; float: left; } a:hover .maxcdn { background-image: url('http://themepunch.com/miami/wp-content/uploads/2014/10/maxcdn-logo3.png'); } /* Special Homepage Color Hacks */ body.archive.tax-category_freebies .darkmainnav.fontdark #navigation>ul>li.current-menu-item#menu-item-4764>a:after, body.archive.tax-category_freebies .darkmainnav.fontdark #navigation>ul>li.current-menu-ancestor#menu-item-4764>a:after, body.page-id-5233 .darkmainnav.fontdark #navigation>ul>li.current-menu-item#menu-item-4764>a:after, body.page-id-5233 .darkmainnav.fontdark #navigation>ul>li.current-menu-ancestor#menu-item-4764>a:after, body.page-id-4451 .darkmainnav.fontdark #navigation>ul>li.current-menu-item#menu-item-4764>a:after, body.page-id-4451 .darkmainnav.fontdark #navigation>ul>li.current-menu-ancestor#menu-item-4764>a:after { width: 0; } body.archive.tax-category_freebies .darkmainnav.fontdark #navigation>ul>li#menu-item-4764:hover>a:after, body.archive.tax-category_freebies .darkmainnav.fontdark #navigation>ul>li#menu-item-4764>a:hover:after, body.page-id-5233 .darkmainnav.fontdark #navigation>ul>li#menu-item-4764:hover>a:after, body.page-id-5233 .darkmainnav.fontdark #navigation>ul>li#menu-item-4764>a:hover:after, body.page-id-4451 .darkmainnav.fontdark #navigation>ul>li#menu-item-4764:hover>a:after, body.page-id-4451 .darkmainnav.fontdark #navigation>ul>li#menu-item-4764>a:hover:after { width: 100%; } body.archive.tax-category_freebies .darkmainnav.fontdark #navigation>ul>li#menu-item-4764:hover>a, body.archive.tax-category_freebies .darkmainnav.fontdark #navigation>ul>li#menu-item-4764>a:hover, body.page-id-5233 .darkmainnav.fontdark #navigation>ul>li#menu-item-4764:hover>a, body.page-id-5233 .darkmainnav.fontdark #navigation>ul>li#menu-item-4764>a:hover, body.page-id-4451 .darkmainnav.fontdark #navigation>ul>li#menu-item-4764:hover>a, body.page-id-4451 .darkmainnav.fontdark #navigation>ul>li#menu-item-4764>a:hover { color: #000; } body.archive.tax-category_freebies .darkmainnav.fontdark #navigation>ul>li#menu-item-4764>a, body.archive.tax-category_freebies .darkmainnav.fontdark #navigation>ul>li#menu-item-4764>a:visited, body.page-id-5233 .darkmainnav.fontdark #navigation>ul>li#menu-item-4764>a, body.page-id-5233 .darkmainnav.fontdark #navigation>ul>li#menu-item-4764>a:visited, body.page-id-4451 .darkmainnav.fontdark #navigation>ul>li#menu-item-4764>a, body.page-id-4451 .darkmainnav.fontdark #navigation>ul>li#menu-item-4764>a:visited { color: rgba(0,0,0,0.5); } body.archive.tax-category_freebies .stuck .darkmainnav.fontdark #navigation>ul>li#menu-item-4764>a, body.archive.tax-category_freebies .stuck .darkmainnav.fontdark #navigation>ul>li#menu-item-4764>a:visited, body.page-id-5233 .stuck .darkmainnav.fontdark #navigation>ul>li#menu-item-4764>a, body.page-id-5233 .stuck .darkmainnav.fontdark #navigation>ul>li#menu-item-4764>a:visited, body.page-id-4451 .stuck .darkmainnav.fontdark #navigation>ul>li#menu-item-4764>a, body.page-id-4451 .stuck .darkmainnav.fontdark #navigation>ul>li#menu-item-4764>a:visited { color: rgba(255,255,255,0.66); } body.archive.tax-category_freebies .stuck .darkmainnav.fontdark #navigation>ul>li#menu-item-4764:hover>a, body.archive.tax-category_freebies .stuck .darkmainnav.fontdark #navigation>ul>li#menu-item-4764>a:hover, body.page-id-5233 .stuck .darkmainnav.fontdark #navigation>ul>li#menu-item-4764:hover>a, body.page-id-5233 .stuck .darkmainnav.fontdark #navigation>ul>li#menu-item-4764>a:hover, body.page-id-4451 .stuck .darkmainnav.fontdark #navigation>ul>li#menu-item-4764:hover>a, body.page-id-4451 .stuck .darkmainnav.fontdark #navigation>ul>li#menu-item-4764>a:hover { color: #fff; } code { max-width: 100%; white-space: normal; } /*************************** - DOCU STYLE CHANGES - ****************************/ #menu-revslider-jquery-doc li a, #menu-revslider-wp-doc li a { border-bottom:1px solid #dde0e1;} #menu-revslider-jquery-doc li:last-child a, #menu-revslider-wp-doc li:last-child a { border-bottom: none} #menu-revslider-jquery-doc li, #menu-revslider-jquery-doc li a, #menu-revslider-wp-doc li, #menu-revslider-wp-doc li a { position:relative; color:rgba(0,0,0,0.65); font-size:14px;} #menu-revslider-jquery-doc >li, #menu-revslider-wp-doc >li { font-size:16px !important; font-weight: 500; border-bottom:none !important;} #menu-revslider-jquery-doc >li >a, #menu-revslider-wp-doc >li >a { border-bottom:none; font-size:16px;} #menu-revslider-jquery-doc li.docuwithsubmenu, #menu-revslider-jquery-doc li.docuwithsubmenu >a, #menu-revslider-wp-doc li.docuwithsubmenu, #menu-revslider-wp-doc li.docuwithsubmenu >a { font-weight:500; color:#000;} #menu-revslider-jquery-doc a, #menu-revslider-wp-doc a { display:block;} #menu-revslider-jquery-doc ul, #menu-revslider-wp-doc ul { padding-left:15px; } #menu-revslider-jquery-doc .menu-expander, #menu-revslider-wp-doc .menu-expander { display:block; position:absolute; top:0px; right:0px; cursor: pointer;z-index:2; color:#8a8f95;}