/* Theme Name: meyerfrers Theme URI: https://themegrill.com/themes/flash Author: ThemeGrill Author URI: https://themegrill.com Description: Flash is free responsive multipurpose WordPress theme – truly a versatile theme perfect for any type of website you want. Like never before, it provides multiple pre-built demos which can be imported in seconds using ThemeGrill Demo Importer Plugin. The theme fully integrates with Flash Toolkit and SiteOrigin’s Page Builder Plugin that makes theme more user-friendly and easy. Additionally, theme features multiple blog layouts, WooCommerce support, multiple header styles, multiple color options etc. Version: 1.1.5 License: GNU General Public License v3 or later License URI: http://www.gnu.org/licenses/gpl-3.0.html Text Domain: flash Tags: one-column, two-columns, left-sidebar, right-sidebar, grid-layout, custom-background, custom-colors, custom-menu, custom-logo, featured-images, footer-widgets, full-width-template, theme-options, threaded-comments, translation-ready, blog, e-commerce Flash is based on Underscores http://underscores.me/, (C) 2012-2016 Automattic, Inc. Underscores is distributed under the terms of the GNU GPL v2 or later. Normalizing styles have been helped along thanks to the fine work of Nicolas Gallagher and Jonathan Neal http://necolas.github.com/normalize.css/ */ /*-------------------------------------------------------------- >>> TABLE OF CONTENTS: ---------------------------------------------------------------- # Normalize # Typography # Elements # Forms # Navigation ## Links ## Menus # Accessibility # Alignments # Clearings # Widgets # Content ## Posts and pages ## Comments # Infinite scroll # Media ## Captions ## Galleries --------------------------------------------------------------*/ /*-------------------------------------------------------------- Normalize --------------------------------------------------------------*/ a[x-apple-data-detectors] { color: inherit !important; text-decoration: none !important; font-size: inherit !important; font-family: inherit !important; font-weight: inherit !important; line-height: inherit !important; } a[href^=”tel”]{ color:inherit; text-decoration:none; } html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { border: 0; font-family: inherit; font-size: 100%; font-style: inherit; font-weight: inherit; margin: 0; outline: 0; padding: 0; vertical-align: baseline; word-break: break-word; } html { font-size: 62.5%; /* Corrects text resizing oddly in IE6/7 when body font-size is set using em units http://clagnut.com/blog/348/#c790 */ overflow-y: scroll; /* Keeps page centered in all browsers regardless of content height */ -webkit-text-size-adjust: 100%; /* Prevents iOS text size adjust after orientation change, without disabling user zoom */ -ms-text-size-adjust: 100%;/* www.456bereastreet.com/archive/201012/controlling_text_size_in_safari_for_ios_without_disabling_user_zoom/ */ } @import url('https://fonts.googleapis.com/css?family=Raleway:100,200,300,400,500,600,700,800,900&display=swap'); *, *:before, *:after { /* apply a natural box layout model to all elements; see http://www.paulirish.com/2012/box-sizing-border-box-ftw/ */ /* Not needed for modern webkit but still used by Blackberry Browser 7.0; see http://caniuse.com/#search=box-sizing */ /* Still needed for Firefox 28; see http://caniuse.com/#search=box-sizing */ box-sizing: border-box; } body { background: #fff; font-family: 'Raleway', Arial, Helvetica, sans-serif; } article, aside, details, figcaption, figure, footer, header, main, nav, section { display: block; } table { border-collapse: separate; border-spacing: 0; } caption, th, td { font-weight: normal; text-align: left; } blockquote:before, blockquote:after, q:before, q:after { content: ""; } blockquote, q { quotes: "" ""; } a:focus { outline: 0; } a:hover, a:active { outline: 0; } a img { border: 0; padding: 10px; } /*-------------------------------------------------------------- Typography --------------------------------------------------------------*/ body, button, input, select, textarea { color: #333333; font-family: 'Raleway', Arial, Helvetica, sans-serif; font-size: 14px; line-height: 1.5; font-weight: 400; text-rendering: optimizeLegibility; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } b, strong { font-weight: bold; } dfn, cite, em, i { font-style: italic; } blockquote { margin: 0 15px; font-size: 20px; font-style: italic; font-family: 'Montserrat', sans-serif; font-weight: 300; } address { margin: 0 0 15px; } pre { background: #eee; font-family: 'Montserrat', sans-serif; font-size: 15px; font-size: 1.5rem; line-height: 1.6; margin-bottom: 1.6em; max-width: 100%; overflow: auto; padding: 1.6em; } code, kbd, tt, var { font: 15px Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace; } abbr, acronym { border-bottom: 1px dotted #666; cursor: help; } mark, ins { background: #fff9c0; text-decoration: none; } sup, sub { font-size: 75%; height: 0; line-height: 0; position: relative; vertical-align: baseline; } sup { bottom: 1ex; } sub { top: .5ex; } small { font-size: 75%; } big { font-size: 125%; } h1 { font-size: 36px; } h2 { font-size: 30px; } h3 { font-size: 25px; } h4 { font-size: 20px; } h5 { font-size: 18px; } h6 { font-size: 16px; } h1, h2, h3, h4, h5, h6 { font-weight: 700; } /*-------------------------------------------------------------- Elements --------------------------------------------------------------*/ hr { background-color: #ccc; border: 0; height: 1px; margin-bottom: 15px; } ul, ol { margin: 0 0 15px 20px; } ul { list-style: disc; } ol { list-style: decimal; } li > ul, li > ol { margin-bottom: 0; margin-left: 15px; } dt { font-weight: bold; } dd { margin: 0 15px 15px; } img { height: auto; /* Make sure images are scaled correctly. */ max-width: 100%; /* Adhere to tg-container width. */ vertical-align: middle; } figure { margin: 0; } table { margin: 0 0 15px; width: 100%; border-collapse: collapse; } th { font-weight: bold; border: 1px solid #CCC; padding: 5px 10px; } td { border: 1px solid #CCC; padding: 5px 10px; } p { margin: 0 0 30px; } /*-------------------------------------------------------------- Forms --------------------------------------------------------------*/ button, input, select, textarea { font-size: 100%; /* Corrects font size not being inherited in all browsers */ margin: 0; /* Addresses margins set differently in IE6/7, F3/4, S5, Chrome */ vertical-align: middle; } .navigation .nav-links a, .bttn, button, input[type="button"], input[type="reset"], input[type="submit"] { background: #333333; color: #fff; cursor: pointer; /* Improves usability and consistency of cursor style between image-type 'input' and others */ font-size: 14px; line-height: 13px; height: 33px; border: none; padding: 10px 15px; font-weight: 400; display: inline-block; position: relative; text-shadow: none; transition: background 0.5s ease; border-radius: 0; -webkit-appearance: none; -webkit-border-radius: 0px; } .navigation .nav-links a:hover, .bttn:hover, button, input[type="button"]:hover, input[type="reset"]:hover, input[type="submit"]:hover { color: #ffffff; } input[type="checkbox"], input[type="radio"] { padding: 0; } button::-moz-focus-inner, input::-moz-focus-inner { /* Corrects inner padding and border displayed oddly in FF3/4 www.sitepen.com/blog/2008/05/14/the-devils-in-the-details-fixing-dojos-toolbar-buttons/ */ border: 0; padding: 0; } input[type="text"], input[type="email"], input[type="url"], input[type="password"], input[type="search"] { color: #666; border: 1px solid #ccc; height: 36px; width: 100%; -webkit-appearance: none; border-radius: 0; -webkit-border-radius: 0px; } input[type="text"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="password"]:focus, input[type="search"]:focus, textarea:focus { border: 1px solid #AAA; } .searchform input[type="text"]:focus { border: none; } input[type="text"], input[type="email"], input[type="url"], input[type="password"], input[type="search"] { padding: 3px 6px; } textarea { overflow: auto; /* Removes default vertical scrollbar in IE6/7/8/9 */ padding-left: 3px; vertical-align: top; /* Improves readability and alignment in all browsers */ color: #666; border: 1px solid #ccc; height: 160px; max-width: 100%; width: 100%; } .gform_wrapper ul.gform_fields li.firstbox input[type="text"], .gform_wrapper ul.gform_fields li.emailbox input[type="text"], .gform_wrapper ul.gform_fields li.phonebox input[type="text"], .gform_wrapper ul.gform_fields li.addbox input[type="text"], .gform_wrapper ul.gform_fields li.addbox textarea, .gform_wrapper ul.gform_fields li.phonebox select{ border-top: 0 !important; border-left: 0!important; border-right: 0!important; font-size: 18px!important; font-family: 'Raleway',Arial, Helvetica, sans-serif!important; font-weight: 400!important; color: #656565!important; background: none !important; } .gform_wrapper ul.gform_fields li.phonebox, .gform_wrapper ul.gform_fields li.emailbox, .gform_wrapper ul.gform_fields li.addbox { float: left !important; clear: none !important; width: 50% !important; } .gform_wrapper ul.gform_fields li.phonebox input[type="text"], .gform_wrapper ul.gform_fields li.emailbox input[type="text"], .gform_wrapper ul.gform_fields li.phonebox select{ width: 100% !important; } .gform_wrapper ul.gform_fields li.phonebox select{ padding: 5px 4px !important; margin-top: 15px !important; } .gform_wrapper ul.gform_fields li.addbox textarea{ margin-top: 15px !important; } .gform_button{ background-color: transparent !important; border: 1px solid#ed1a3b !important; color: #ed1a3b !important; border-radius: 5px !important; height: 45px !important; padding: 14px 38px !important; text-transform: uppercase !important; font-size: 15px !important; line-height: 15px !important; margin-top: 20px !important; font-weight: 400!important; display: inline-block!important; position: relative!important; text-shadow: none!important; transition: background 0.5s ease!important; } .gform_button:hover{ background: #ed1a3b !important; color: #fff !important; } .gform_footer{ text-align: center !important; } /*-------------------------------------------------------------- Links --------------------------------------------------------------*/ a { color: #000; text-decoration: none; transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; } a:hover { color: #000; } /*-------------------------------------------------------------- Clearings --------------------------------------------------------------*/ .clearfix:before, .clearfix:after, .row:before, .row:after, .entry-content:before, .entry-content:after, .comment-content:before, .comment-content:after, .site-header:before, .site-header:after, .site-content:before, .site-content:after, .site-footer:before, .site-footer:after, .tg-container:after, .tg-container:before { content: ''; display: table; } .clearfix:after, .row:after, .entry-content:after, .comment-content:after, .site-header:after, .site-content:after, .site-footer:after, .tg-container:after { clear: both; } .clear { clear: both; } .wp-caption, .wp-caption-text, .sticky, .gallery-caption, .bypostauthor { /*class required for wordpress*/ } .alignright { text-align: right; } .alignleft { text-align: left; } .aligncenter { text-align: center; } .alignleft { float: left; margin-right: 24px; } .alignright { float: right; margin-left: 24px; } .aligncenter { clear: both; display: block; margin: 0 auto 28px; } .hidden { display: none; } /*-------------------------------------------------------------- grid --------------------------------------------------------------*/ .tg-column-wrapper { clear: both; /*margin-left: -3%;*/ } .tg-column-wrapper .tg-column-1, .tg-column-wrapper .tg-column-2, .tg-column-wrapper .tg-column-3, .tg-column-wrapper .tg-column-4, .tg-column-wrapper .tg-column-5 { float: left; margin-left: 3%; } .tg-column-wrapper .tg-column-1 { width: 100%; } .tg-column-wrapper .tg-column-2 { width: 47%; } .tg-column-wrapper .tg-column-3 { width: 30.33%; } .tg-column-wrapper .tg-column-4 { width: 22%; } /*-------------------------------------------------------------- Colors --------------------------------------------------------------*/ .flash_inherit_color div, .flash_inherit_color div.section-description, .flash_inherit_color h1, .flash_inherit_color h2, .flash_inherit_color h3, .flash_inherit_color h3.section-title, .flash_inherit_color h4, .flash_inherit_color h5, .flash_inherit_color h6, .flash_inherit_color p, .flash_inherit_color span, .flash_inherit_color div.service-content-wrap, .flash_inherit_color .entry-summary { color: inherit !important; } /*-------------------------------------------------------------- Galleries --------------------------------------------------------------*/ .gallery { margin-bottom: 1.5em; } .gallery-item { display: inline-block; text-align: center; vertical-align: top; width: 100%; } .gallery-columns-2 .gallery-item { max-width: 50%; } .gallery-columns-3 .gallery-item { max-width: 33.33%; } .gallery-columns-4 .gallery-item { max-width: 25%; } .gallery-columns-5 .gallery-item { max-width: 20%; } .gallery-columns-6 .gallery-item { max-width: 16.66%; } .gallery-columns-7 .gallery-item { max-width: 14.28%; } .gallery-columns-8 .gallery-item { max-width: 12.5%; } .gallery-columns-9 .gallery-item { max-width: 11.11%; } .gallery-caption { display: block; } .wp-caption, .gallery-caption { color: #666; font-size: 13px; font-style: italic; margin-bottom: 21px; max-width: 100%; } .wp-caption img[class*="wp-image-"] { display: block; margin-left: auto; margin-right: auto; } .wp-caption .wp-caption-text { margin: 11px 0; } /*-------------------------------------------------------------- common --------------------------------------------------------------*/ .tg-container { width: 1280px; margin: 0 auto; } .overlay { background-color: rgba(0, 0, 0, 0.5); position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .screen-reader-text { clip: rect(1px, 1px, 1px, 1px); position: absolute !important; height: 1px; width: 1px; overflow: hidden; } #primary { float: left; width: 65.5%; } #secondary { float: right; width: 32.22%; } .page-template-full-width #primary, .page-template-pagebuilder #primary { width: 100%; } .page-template-page-templatescch_temp-php #primary { width:100% } #scroll-up { background-color: #30afb8; border-radius: 3px; bottom: 20px; color: #fff; display: none; padding: 10px 16px; position: fixed; opacity: 0.5; filter: alpha(opacity=50); /* For IE8 and earlier */ right: 20px; } .post-navigation { margin-top: 30px; display: inline-block; width: 100%; } .post-navigation .nav-previous { float: left; } .post-navigation .nav-next { float: right; } .nav-next a .entry-title { float: left; margin-right: 3px; } .site { background-color: #fff; } /*-------------------------------------------------------------- } Preloader CSS --------------------------------------------------------------*/ #preloader { position: relative; } #preloader span { display: block; bottom: 0px; width: 9px; height: 5px; background: #21858c; position: absolute; -webkit-animation: preloader 1.5s infinite ease-in-out; -moz-animation: preloader 1.5s infinite ease-in-out; -ms-animation: preloader 1.5s infinite ease-in-out; -o-animation: preloader 1.5s infinite ease-in-out; animation: preloader 1.5s infinite ease-in-out; } #preloader span:nth-child(2) { left: 11px; -webkit-animation-delay: .2s; -moz-animation-delay: .2s; -ms-animation-delay: .2s; -o-animation-delay: .2s; animation-delay: .2s; } #preloader span:nth-child(3) { left: 22px; -webkit-animation-delay: .4s; -moz-animation-delay: .4s; -ms-animation-delay: .4s; -o-animation-delay: .4s; animation-delay: .4s; } #preloader span:nth-child(4) { left: 33px; -webkit-animation-delay: .6s; -moz-animation-delay: .6s; -ms-animation-delay: .6s; -o-animation-delay: .6s; animation-delay: .6s; } #preloader span:nth-child(5) { left: 44px; -webkit-animation-delay: .8s; -moz-animation-delay: .8s; -ms-animation-delay: .8s; -o-animation-delay: .8s; animation-delay: .8s; } @-webkit-keyframes preloader { 0% { height: 5px; -webkit-transform: translateY(0px); background: #21858c; } 25% { height: 30px; -webkit-transform: translateY(15px); background: #30aeb7; } 50% { height: 5px; -webkit-transform: translateY(0px); background: #21858c; } 100% { height: 5px; -webkit-transform: translateY(0px); background: #21858c; } } @-moz-keyframes preloader { 0% { height: 5px; -moz-transform: translateY(0px); background: #21858c; } 25% { height: 30px; -moz-transform: translateY(15px); background: #30aeb7; } 50% { height: 5px; -moz-transform: translateY(0px); background: #21858c; } 100% { height: 5px; -moz-transform: translateY(0px); background: #21858c; } } @-ms-keyframes preloader { 0% { height: 5px; -ms-transform: translateY(0px); background: #21858c; } 25% { height: 30px; -ms-transform: translateY(15px); background: #30aeb7; } 50% { height: 5px; -ms-transform: translateY(0px); background: #21858c; } 100% { height: 5px; -ms-transform: translateY(0px); background: #21858c; } } @keyframes preloader { 0% { height: 5px; transform: translateY(0px); background: #21858c; } 25% { height: 30px; transform: translateY(15px); background: #30aeb7; } 50% { height: 5px; transform: translateY(0px); background: #21858c; } 100% { height: 5px; transform: translateY(0px); background: #21858c; } } #spinners { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } #preloader-background { background-color: #fff; position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 9999; } /*-------------------------------------------------------------- Single page layout CSS --------------------------------------------------------------*/ .left-sidebar #primary { float: right; } .left-sidebar #secondary { float: left; } .full-width #primary { float: none; width: 100%; } .full-width-center #primary { float: none; margin: 0 auto; width: 65.5%; } /*-------------------------------------------------------------- Header --------------------------------------------------------------*/ .header-top { background-color: #fff; } .header-top .contact-info { line-height: 30px; float: left; margin: 0; } .header-top .tg-column-wrapper { margin-left: 0; display: -webkit-box; display: -ms-flexbox; display: flex; justify-content: space-between; align-items: center; } .header-top .left-content, .header-top .right-content { flex: 1; } .header-top .right-content ul { float: right; } .header-top .contact-info, .header-top .social-menu { list-style: none; } .header-top .contact-info li { float: left; font-size: 16px; color: #000; margin-right: 24px; padding: 5px 0; font-weight: 400; } .header-top .contact-info li:last-child { margin-right: 0; } .header-top .social-menu { line-height: 30px; margin: 0; } .header-top .social-menu li { float: left; margin-left: 10px; font-size: 12px; padding: 5px 0; } .header-top .social-menu li:first-child { margin-left: 0; } .contact-info span { font-size: 16px; padding-right: 10px; color: #99a3b0; } /*-----------------Social menu-----------------*/ .social-menu { list-style: none; } .social-menu li a { background-color: #fff; border-radius: 100%; font-size: 12px; font-family: fontawesome; text-align: center; display: block; line-height: 30px; height: 30px; width: 30px; color: #99a3b0; } .transparent .social-menu li a { background-color: rgba(0, 0, 0, 0); border: none; color: #fff; height: auto; width: auto; } .social-menu li a[href*="facebook.com"]::before { content: "\f09a"; } .social-menu li a[href*="linkedin.com"]::before { content: "\f0e1"; } .social-menu li a[href*="twitter.com"]::before { content: "\f099"; } .social-menu li a[href*="plus.google.com"]::before { content: "\f0d5"; } .social-menu li a[href*="twitter.com"]:hover { color: #333333; } .social-menu li a[href*="plus.google.com"]:hover { color: #333333; } .social-menu li a[href*="linkedin.com"]:hover { color: #333333; } .social-menu li a[href*="facebook.com"]:hover { color: #333333; } .transparent .social-menu li a[href*="twitter.com"]:hover { color: #99a3b0; } .transparent .social-menu li a[href*="facebook.com"]:hover { color: #99a3b0; } .transparent .social-menu li a[href*="plus.google.com"]:hover { color: #99a3b0; } .transparent .social-menu li a[href*="linkedin.com"]:hover { color: #99a3b0; } .transparent .social-menu li a[href*="facebook.com"], .transparent .social-menu li a[href*="linkedin.com"], .transparent .social-menu li a[href*="twitter.com"], .transparent .social-menu li a[href*="plus.google.com"] { color: #fff; } .transparent .is-sticky .social-menu li a[href*="facebook.com"], .transparent .is-sticky .social-menu li a[href*="linkedin.com"], .transparent .is-sticky .social-menu li a[href*="twitter.com"], .transparent .is-sticky .social-menu li a[href*="plus.google.com"] { color: #333333; } /*-----------------Logo-----------------*/ .logo { float: left; padding: 0; } .logo .logo-image { float: left; padding: 10px 0; } .logo .logo-image a img { padding: 0; } .logo .logo-text { float: left; margin-left: 12px; padding: 11px 0; } .logo .logo-text p { margin: 0; } .logo-text .site-title { font-size: 22px; font-weight: 500; line-height: 24px; } .logo-text .site-title span { font-weight: 700; } /*-----------------Site Navigation-----------------*/ #site-navigation { float: left; } #site-navigation .menu-toggle { display: none; } #site-navigation ul { margin: 0; list-style: none; } #site-navigation ul li { float: left; padding-right: 20px; position: relative; } #site-navigation ul li a { font-size: 15px; font-family: 'Raleway', sans-serif; font-weight: 600; } #site-navigation ul li:hover > a, #site-navigation ul li.current-menu-item > a, #site-navigation ul li.current_page_item > a { color: #fff; text-transform: uppercase; } #site-navigation ul li:last-child { padding-right: 0; } #site-navigation ul.sub-menu, .menu ul li ul.children { background-color: #fff; min-width: 200px; padding: 0; position: absolute; box-shadow: 1px 1px 6px rgba(0, 0, 0, 0.2); right: 50%; top: 90%; -webkit-transform: translateX(50%); -moz-transform: translateX(50%); -ms-transform: translateX(50%); -o-transform: translateX(50%); transform: translateX(50%); opacity: 0; visibility: hidden; z-index: 9; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; transition: all 0.5s ease; } #site-navigation ul li ul li { padding: 10px; text-align: left; width: 100%; } #site-navigation ul.sub-menu li:hover { -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; transition: all 0.5s ease; } #site-navigation ul.sub-menu li:hover a { color: #30afb8; } #site-navigation li:hover ul.sub-menu, .menu ul li:hover > ul.children { opacity: 1; visibility: visible; top: 100%; } #site-navigation ul li a { color: #cacdd2; text-transform: uppercase; } #site-navigation .sub-menu li.menu-item-has-children ul, .menu ul li ul li ul.children { left: 50%; opacity: 0; visibility: hidden; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; transition: all 0.5s ease; } #site-navigation .sub-menu li.menu-item-has-children ul li:hover a { color: #30afb8; } #site-navigation .sub-menu li.menu-item-has-children ul li a { color: #4c5867; } #site-navigation ul li ul.sub-menu li.menu-item-has-children:hover ul, .menu ul li ul li:hover ul.children { top: 0; opacity: 1; visibility: visible; } .sub-toggle { color: #333333; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; transition: all 0.5s ease; } #site-navigation ul li.menu-item-has-children:hover > .sub-toggle { color: #30afb8; } #site-navigation ul li ul.sub-menu li.menu-item-has-children .sub-toggle { position: absolute; top: 50%; right: 10px; -webkit-transform: translateY(-50%) rotate(-90deg); -moz-transform: translateY(-50%) rotate(-90deg); -ms-transform: translateY(-50%) rotate(-90deg); -o-transform: translateY(-50%) rotate(-90deg); transform: translateY(-50%) rotate(-90deg); } .transparent.header-sticky #masthead-sticky-wrapper.is-sticky #site-navigation ul li.current-flash-item a, #site-navigation ul li.current-flash-item a { color: #30AFB8; } .header-bottom { background: #283c5c; } /*-----------------Header Search and Cart-----------------*/ .header-bottom .tg-container { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .header-bottom .site-navigation-wrapper { -webkit-box-flex: 6; -ms-flex: 6; flex: 6; } .header-bottom .header-action-container { display: -webkit-box; display: -ms-flexbox; float: right; } .header-bottom .search-wrap { float: right; position: relative; } .transparent.header-sticky .search-icon:hover, .transparent .search-icon:hover, .header-bottom .search-icon:hover { border-color: #30afb8; color: #30afb8; } .header-bottom .search-icon { cursor: pointer; color: #99a3b0; font-size: 14px; height: 30px; width: 30px; line-height: 30px; text-align: center; border: 1px solid #9ca6b2; border-radius: 100%; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; transition: all 0.5s ease; } .header-bottom .search-box { opacity: 0; visibility: hidden; position: absolute; width: 300px; top: 100%; right: -10px; background-color: #fff; box-shadow: 1px 1px 6px rgba(0, 0, 0, 0.2); padding: 20px; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; transition: all 0.5s ease; } .header-bottom .search-box.active { opacity: 1; visibility: visible; right: 0; z-index: 9; } .header-bottom .search-box .search-field { width: 80%; border-right: none; border-top: none; border-left: none; border-bottom: 1px solid #a1a1a1; } .header-bottom .searchform .btn { background-color: transparent; position: absolute; right: 0; top: 50%; transform: translateY(-50%) } .search-submit .fa { color: #a1a6b1; } .header-bottom .cart-wrap { float: right; padding: 20px 0 20px 30px; position: relative; } .header-bottom .flash-cart-views { font-size: 14px; height: 30px; width: 30px; line-height: 30px; text-align: center; border: 1px solid #9ca6b2; border-radius: 100%; } .header-bottom .flash-cart-views a { color: #99a3b0; position: relative; } .header-bottom .flash-cart-views a span { background-color: #30afb8; border-radius: 100%; font-size: 12px; left: 17px; height: 20px; width: 20px; line-height: 20px; text-align: center; position: absolute; top: -10px; color: #fff; } .header-bottom .widget_shopping_cart { opacity: 0; visibility: hidden; position: absolute; top: 100%; right: -10px; min-width: 250px; box-shadow: 1px 1px 6px rgba(0, 0, 0, 0.2); background-color: #fff; padding: 15px; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; transition: all 0.5s ease; z-index: 99; } .header-bottom .widget_shopping_cart ul { margin: 0; } .header-bottom .widget_shopping_cart ul li { text-align: center; } .header-bottom .cart-wrap:hover .widget_shopping_cart { opacity: 1; visibility: visible; right: 0; z-index: 9; } .boxed { width: 1200px; margin: 0 auto; } .boxed .site { background: #fff none repeat scroll 0 0; box-shadow: 0px 0px 12px 1px rgba(0, 0, 0, 0.3); margin: 30px 0; position: relative; } .boxed .tg-container { width: 100%; padding: 0 30px; } @media(max-width: 980px) { .boxed .tg-container { width: 98%; } } .transparent #masthead { position: absolute; top: 0; left: 0; width: 100%; z-index: 999; } .transparent .header-top { background-color: transparent; border-bottom: 1px solid rgba(255, 255, 255, 0.3); color: #fff; } .transparent .contact-info span { color: #fff; } .transparent .contact-info li { color: #fff; } .transparent .header-bottom { border: none; background-color: transparent; border-bottom: 1px solid rgba(255, 255, 255, 0.3); } .transparent .logo-text, .transparent .logo-text a { color: #fff; } .transparent.header-sticky #site-navigation ul li:hover > a { color: #30afb8; } .transparent #site-navigation .menu-toggle .fa, .transparent #site-navigation ul li .sub-toggle { color: #fff; } .transparent #site-navigation ul.sub-menu li { padding: 0; } .transparent #site-navigation ul li a { color: #fff; display: inline-block; } .transparent #site-navigation ul li:hover .sub-toggle { color: #30afb8; } .transparent #site-navigation ul li:hover a { color: #30afb8; position: relative; visibility: none; } .transparent #site-navigation ul.sub-menu li a { color: #4c5867; padding: 10px 30px; } .transparent #site-navigation ul.sub-menu li a::before { display: none; } .transparent #site-navigation ul.sub-menu li:hover a, .transparent #site-navigation ul.sub-menu li.menu-item-has-children ul li:hover a { color: #30afb8; } .transparent #site-navigation ul.sub-menu li.menu-item-has-children ul li a { color: #4c5867; } .transparent .cart-wrap .flash-cart-views { border-color: #fff; } .transparent .cart-wrap .flash-cart-views a { color: #fff; } .transparent .search-wrap .search-icon { color: #fff; border-color: #fff; } .right-logo-left-menu .header-bottom .tg-container { -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; } .right-logo-left-menu .header-bottom #site-navigation { float: left; } .right-logo-left-menu .header-bottom .header-action-container { margin-right: auto; } .right-logo-left-menu .header-bottom .header-action-container .cart-wrap, .right-logo-left-menu .header-bottom .header-action-container .search-wrap { padding-left: 0; padding-right: 30px; } .right-logo-left-menu .header-bottom .search-box { left: -10px; } .right-logo-left-menu .header-bottom .search-box.active { right: auto; left: 0; } .right-logo-left-menu .header-bottom .widget_shopping_cart { left: 0; } .center-logo-below-menu .header-bottom .tg-container { display: block; text-align: center; } .center-logo-below-menu .logo { float: none; } .center-logo-below-menu .logo .logo-text, .center-logo-below-menu .logo .logo-image { float: none; } .center-logo-below-menu .logo .logo-image { padding: 20px 0 0 0; display: inline-block; } .center-logo-below-menu #site-navigation { float: left; } .center-logo-below-menu .header-bottom .header-action-container { display: none; } .center-logo-below-menu .header-bottom .site-navigation-wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; } .center-logo-below-menu .header-bottom .site-navigation-wrapper .header-action-container { display: -webkit-box; display: -ms-flexbox; display: flex; margin-left: auto; } .header-sticky .is-sticky #masthead { z-index: 99 !important; } .header-sticky .is-sticky .header-bottom { background: #283c5c; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2); } .transparent.header-sticky #masthead-sticky-wrapper { left: 0; position: absolute; top: 0; width: 100%; z-index: 99; } .transparent.header-sticky #masthead { left: auto; } .transparent.header-sticky .header-top { display: none; } .transparent.header-sticky .header-bottom { background-color: transparent; border-bottom: 1px solid rgba(255, 255, 255, 0.3); } .transparent.header-sticky #site-navigation .menu-toggle .fa, .transparent.header-sticky #site-navigation ul li a, .transparent.header-sticky .flash-cart-views a { color: #fff; } .transparent.header-sticky #site-navigation ul.sub-menu li a { color: #333333; } .transparent.header-sticky #site-navigation ul.sub-menu li a:hover { color: #30afb8; } .transparent.header-sticky .flash-cart-views { border-color: #fff; } .transparent.header-sticky .search-icon { color: #fff; border-color: #fff; } .transparent.header-sticky .is-sticky #masthead { z-index: 99 !important; } .transparent.header-sticky .is-sticky .header-top { background: #f1f5f8; border: none; color: #333333; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2); -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; transition: all 0.5s ease; } .transparent.header-sticky .is-sticky .header-top .contact-info li, .transparent.header-sticky .is-sticky .header-top .contact-info li span, .transparent.header-sticky .is-sticky .logo-text, .transparent.header-sticky .is-sticky .logo-text a, .transparent.header-sticky .is-sticky #site-navigation ul li a, .transparent.header-sticky .is-sticky #site-navigation ul.sub-menu li a, .transparent.header-sticky .is-sticky .flash-cart-views a, .transparent.header-sticky .is-sticky #site-navigation .menu-toggle .fa { color: #333333; } .transparent.header-sticky .is-sticky .header-bottom { background: #fff; border: none; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; transition: all 0.5s ease; } .transparent.header-sticky .is-sticky .flash-cart-views { border-color: #333333; } .transparent.header-sticky .is-sticky .search-icon { color: #333333; border-color: #333333; } .transparent.header-sticky .custom-logo, .transparent.header-sticky .is-sticky .transparent-logo, .transparent-logo, .transparent .custom-logo { display: none; } .transparent.header-sticky .is-sticky .custom-logo, .transparent.header-sticky .transparent-logo, .transparent .transparent-logo { display: block; } #wp-custom-header-video { display: block; min-height: 300px; min-height: 75vh; width: 100%; } .wp-custom-header { position: relative; } .wp-custom-header-video-button { position: absolute; bottom: 0; left: 0; } /*-------------------------------------------------------------- Slider --------------------------------------------------------------*/ .tg-slider-widget .swiper-button-next { background-image: unset; right: 0; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; transition: all 0.5s ease; width: 50px; height: 50px; visibility: hidden; opacity: 0; } .tg-slider-widget .swiper-button-next::before { content: "\f105"; font-family: fontawesome; font-size: 30px; color: #313b48; background: #fff; width: 50px; height: 50px; line-height: 50px; text-align: center; display: block; } .tg-slider-widget .swiper-button-prev { background-image: unset; left: 0; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; transition: all 0.5s ease; width: 50px; height: 50px; visibility: hidden; opacity: 0; } .tg-slider-widget .swiper-button-prev::before { content: "\f104"; font-family: fontawesome; font-size: 30px; color: #313b48; background: #fff; width: 50px; height: 50px; line-height: 50px; text-align: center; display: block; } .tg-slider-widget:hover .swiper-button-next { right: 30px; visibility: visible; opacity: 1; } .tg-slider-widget:hover .swiper-button-prev { left: 30px; visibility: visible; opacity: 1; } .tg-slider-widget:hover .swiper-button-next.swiper-button-disabled { opacity: 0.36; } .tg-slider-widget:hover .swiper-button-prev.swiper-button-disabled { opacity: 0.36; } .tg-slider-widget .swiper-wrapper { position: relative; } .tg-slider-widget .swiper-slide { width: 100% !important; } .tg-slider-widget .slider-content { text-align: center; position: absolute; top: 50%; left: 50%; width: 100%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .tg-slider-widget .caption-title { color: #fff; font-size: 48px; font-weight: 700; line-height: 1.5; text-transform: uppercase; font-family: 'Raleway', Arial, Helvetica, sans-serif; } /*.tg-slider-widget.slider-light .caption-title { text-shadow: 1px 1px #ffffff; }*/ .tg-slider-widget .caption-desc { margin-bottom: 20px; } /*.tg-slider-widget.slider-light .caption-desc { text-shadow: 1px 1px #ffffff; }*/ .tg-slider-widget .btn-wrapper { display: inline-block; } .tg-slider-widget .btn-wrapper a { border: 1px solid #fff; display: inline-block; font-size: 15px; padding: 7px 26px; font-family: 'Raleway', Arial, Helvetica, sans-serif; font-weight: 300; color: #fff; border-radius: 5px; text-transform: uppercase; } /*.tg-slider-widget.slider-light .btn-wrapper a { text-shadow: 1px 1px #ffffff; }*/ .tg-slider-widget .btn-wrapper a:hover { background: #004a87; color: #fff; border-color: #fff; } .tg-slider-widget.slider-light .btn-wrapper a:hover { text-shadow: none; } .tg-slider-widget.slider-content-left .slider-content { text-align: left; left: 0; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); } .tg-slider-widget.slider-content-left .caption-title { width: 60%; } .tg-slider-widget.slider-content-left .caption-desc { line-height: 24px; width: 41%; font-size: 24px; font-family: 'Raleway', Arial, Helvetica, sans-serif; color: #fff; } .tg-slider-widget.slider-light .slider-image .overlay { background-color: transparent; } .tg-slider-widget.slider-dark .slider-image .overlay { background-color: rgba(0, 0, 0, 0.5); } .tg-slider-widget.slider-dark .caption-title { color: #fff; } .tg-slider-widget.slider-dark .caption-desc { color: #fff; } .tg-slider-widget.slider-dark .btn-wrapper a { border-color: #fff; color: #fff; } .tg-slider-widget.slider-dark .btn-wrapper a:hover { border-color: #30afb8; background: #30afb8; } .full-screen.tg-slider-widget .slider-image img { height: 100%; max-width: none; visibility: hidden; opacity: 0; } .slider-image { text-align: center; background-position: center center; background-repeat: no-repeat; } /*-------------------------------------------------------------- Section Title --------------------------------------------------------------*/ .section-title-wrapper { margin-bottom: 30px !important; } .section-title { color: #3f3f3f; font-weight: 300; text-align: center; position: relative; margin-bottom: 50px; font-family:'Raleway',Arial, Helvetica, sans-serif; font-size:32px; text-transform:uppercase;} .section-title:before, .section-title:after { background:url(https://projectdemo.org/meyerfrers/wp-content/uploads/2017/10/sprites.png); content: ""; height: 10px; position: absolute; width: 116px; background-position:0 -47px; left:50%; margin-left:-50px; bottom:-10px; } .section-description { text-align: center; color: #3f3f3f; font-size:18px; font-weight:300; font-family:'Raleway',Arial, Helvetica, sans-serif; } /*-------------------------------------------------------------- About --------------------------------------------------------------*/ .about-section .tg-column-wrapper { margin: 0; } .about-section .about-content-wrapper { display: table-cell; float: left; vertical-align: middle; padding-left: 3%; } .about-section .btn-wrapper { margin-top: 30px; } .about-section .btn-wrapper a { background-color: #30afb8; border-radius: 0; color: #fff; padding: 7px 35px; } .about-section .btn-wrapper a:hover { background-color: #2299a1; } .about-section .section-description { margin-top: 12px; text-align: left; } .about-content-wrapper .section-title { text-align: left; } .about-section .about-section-image { display: table-cell; float: right; margin-right: -5px; text-align: center; vertical-align: middle; padding-left: 3%; } .about-section .section-title::before, .about-section .section-title::after { left: 0; margin: 0; display: none; } .about-section .section-title::after { margin-left: 35px; } /*-------------------------------------------------------------- Service --------------------------------------------------------------*/ .tg-service-widget .service-icon-wrap { background: #30afb8; color: #fff; display: block; float: left; font-size: 26px; height: 60px; line-height: 60px; margin-right: 20px; text-align: center; width: 60px; position: relative; } .tg-service-widget .service-icon-wrap:after { position: absolute; left: 50%; bottom: -9px; border-right: 10px solid transparent; border-left: 10px solid transparent; border-top: 10px solid #30afb8; content: ""; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); } .tg-service-widget .service-title-wrap { color: #313b48; font-size: 18px; font-weight: 700; line-height: 1.5; margin-top: 15px; } .tg-service-widget .service-title-wrap a:hover { color: #30afb8; } .tg-service-widget .service-content-wrap { margin: 10px 0; color: #777777; } /*-----------------tg-service-layout-2 -----------------*/ .tg-service-widget.tg-service-layout-2 .service-content-wrap { margin: 0 0 10px; } .tg-service-widget .service-more { font-weight: 600; font-size: 13px; color: #30afb8; display: inline-block; position: relative; } .tg-service-widget .service-more:hover { color: #1c9ba4; } .tg-service-widget .service-more:after { content: "\f178"; font-family: FontAwesome; font-weight: 400; position: absolute; right: -22px; top: 0; } .tg-service-widget.tg-service-layout-2 { text-align: center; } .tg-service-widget.tg-service-layout-2 .service-icon-wrap { background: transparent none repeat scroll 0 0; border-radius: 50%; color: #000; display: block; float: none; font-size: 22px; height: 72px; line-height: 72px; margin: 0 auto; position: relative; text-align: center; width: 72px; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; } .tg-service-widget.tg-service-layout-2 .service-icon-wrap::after { display: none; } .tg-service-widget.tg-service-layout-2 .service-icon-wrap::before { border: 2px solid #000; border-radius: 100%; content: ""; height: 82px; left: 50%; margin-left: -41px; margin-top: -41px; position: absolute; top: 50%; width: 82px; } .tg-service-widget.tg-service-layout-2 .service-icon-wrap:hover { background: #000 none repeat scroll 0 0; color: #fff; } .tg-service-widget.tg-service-layout-2 .service-title-wrap a { line-height: 24px; } .tg-service-widget.tg-service-layout-3 .service-title-wrap { line-height: 24px; margin-top: 20px; } /*-----------------tg-service-layout-3 -----------------*/ .tg-service-widget.tg-service-layout-3 .service-content-wrap { margin: 15px 0; } .tg-service-layout-2 .service-title-wrap { margin: 15px 0 5px; } .service-image-wrap img { width: 100%; } /*-------------------------------------------------------------- Team --------------------------------------------------------------*/ .team-wrapper .team-content-wrapper { padding-top: 30px; position: relative; text-align: center; } .team-wrapper .team-title { font-size: 18px; } .team-wrapper .team-title a { color: #313b48; } .team-wrapper .team-title a:hover { color: #2299a1; } .team-wrapper .team-designation { position: relative; } .tg-team-widget img { width: 100%; } .team-wrapper .team-designation:after { position: absolute; left: 50%; bottom: -10px; width: 30px; height: 2px; background: #30afb8; content: ""; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); } .team-wrapper .team-content { color: #777777; margin: 30px 0 20px; } .team-wrapper .team-social { background: #fff none repeat scroll 0 0; left: 50%; margin-left: -45%; padding: 10px 0; position: absolute; top: -20px; width: 90%; } .team-wrapper .team-social a { font-size: 18px; margin: 0 8px; } .team-wrapper .team-social a:hover { color: #2299a1; } /*-----------------tg-team-layout-2 -----------------*/ .tg-team-widget.tg-team-layout-2 { position: relative; } .tg-team-widget.tg-team-layout-2::before { border-bottom: 50px solid transparent; border-right: 67px solid #fff; content: " "; position: absolute; right: 0; top: 0; } .tg-team-widget.tg-team-layout-2 .team-content-wrapper { text-align: left; } .tg-team-widget.tg-team-layout-2 .team-designation::after { left: 15px; } .tg-team-widget.tg-team-layout-2 .team-social { position: static; margin-left: 0; width: 100%; background: transparent; border-top: 1px solid #e7e7e7; } /*-----------------tg-team-layout-3 -----------------*/ .tg-team-widget.tg-team-layout-3::before { display: none; } .tg-team-widget.tg-team-layout-3 .team-img { position: relative; } .tg-team-widget.tg-team-layout-3 .team-img img { border-radius: 50%; width: 100%; } .tg-team-widget.tg-team-layout-3 .team-img .team-social { background: rgba(60, 180, 186, 0.8) none repeat scroll 0 0; border-radius: 50%; border-top: medium none; height: 100%; left: 0; padding: 0; position: absolute; top: 0; width: 100%; margin: 0; opacity: 0; visibility: hidden; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; transition: all 0.5s ease; } .tg-team-widget.tg-team-layout-3 .team-social-block { position: absolute; top: 50%; left: 0; width: 100%; text-align: center; } .tg-team-widget.tg-team-layout-3 .team-social-block a { font-size: 18px; margin: 0 8px; color: #fff; } .tg-team-widget.tg-team-layout-3 .team-content-wrapper { position: unset; padding-top: 30px; text-align: center; } .tg-team-widget.tg-team-layout-3 .team-designation::after { display: none; } .tg-team-widget.tg-team-layout-3 .team-content { display: none; } .tg-team-widget.tg-team-layout-3 .team-wrapper:hover .team-social { opacity: 1; visibility: visible; } /*-------------------------------------------------------------- Call To Action --------------------------------------------------------------*/ .call-to-action-section { position: relative; } .call-to-action-section .section-title-wrapper .section-title { color: #fff; font-size: 32px; font-family: 'Raleway', Arial, Helvetica, sans-serif; font-weight: 700; } .call-to-action-section .section-title::before, .call-to-action-section .section-title::after { display: none; } .call-to-action-section .section-subtitle { color: #fff; font-size: 14px; line-height: 1.5; position: relative; text-align: center; } .call-to-action-section .btn-wrapper { text-align: center; margin-top: 30px; } .call-to-action-section .btn-wrapper a { border: 1px solid; border-radius: 5px; color: #fff; font-size: 15px; height: 40px; line-height: 37px; position: relative; margin-left: 30px; padding: 0 65px; display: inline-block; font-family: 'Raleway', Arial, Helvetica, sans-serif; font-weight: 300; text-transform: uppercase; } .call-to-action-section .btn-wrapper a:first-child { margin-left: 0; } .call-to-action-section .btn-wrapper a:hover { background-color: #004a87; border-color: #fff; color: #fff; } /*----------------- call-to-action-section-layout-2 -----------------*/ .call-to-action-section .call-to-action-section-layout-2 { display: table; width: 100%; } .call-to-action-section .call-to-action-section-layout-2 .section-title-wrapper { display: table-cell; width: 75%; vertical-align: middle; } .call-to-action-section .call-to-action-section-layout-2 .section-title { margin-bottom: 0; text-align: left; } .call-to-action-section .call-to-action-section-layout-2 .section-subtitle { color: #fff; font-size: 14px; padding: 0 10px; position: relative; text-align: left; } .call-to-action-section .call-to-action-section-layout-2 .btn-wrapper { width: 25%; display: table-cell; vertical-align: middle; margin-top: 0; } .call-to-action-section .call-to-action-section-layout-2 .btn-wrapper a { display: block; } .call-to-action-section .call-to-action-section-layout-2 .btn-wrapper a:first-child { margin-left: 30px; margin-bottom: 15px; } /*-------------------------------------------------------------- Feature product --------------------------------------------------------------*/ .feature-product-section .tg-feature-product-widget { position: relative; margin-bottom: 30px; overflow: hidden; } .feature-product-section .tg-feature-product-widget figure img { -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; transition: all 0.5s ease; } .feature-product-section .featured-image-desc { visibility: hidden; opacity: 0; position: absolute; top: 50%; left: 50%; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; transition: all 0.5s ease; -webkit-transform: translate(-50%, -50%) scale(0); -moz-transform: translate(-50%, -50%) scale(0); -ms-transform: translate(-50%, -50%) scale(0); -o-transform: translate(-50%, -50%) scale(0); transform: translate(-50%, -50%) scale(0); width: 90%; height: 90%; background: rgba(49, 59, 73, 0.65); } .feature-product-section .tg-feature-product-widget .feature-inner-block { position: absolute; top: 50%; left: 0; width: 100%; padding: 5px; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); } .feature-product-section .tg-feature-product-widget .feature-title-wrap { text-align: center; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; transition: all 0.5s ease; } .feature-product-section .tg-feature-product-widget .feature-title-wrap a { font-size: 16px; color: #fff; font-weight: 800; } .feature-product-section .tg-feature-product-widget .feature-desc-wrap { text-align: center; color: #f3f0f0; font-size: 12px; } .feature-product-section .tg-feature-product-widget .featured-image-desc::before { border-bottom: 50px solid transparent; border-right: 48px solid #30afb8; content: " "; position: absolute; right: 0; top: 0; } .feature-product-section .tg-feature-product-widget .featured-image-desc span { position: absolute; top: 4px; right: 7px; } .feature-product-section .tg-feature-product-widget .featured-image-desc span a { color: #fff; } .tg-feature-product-layout-1 .tg-feature-product-widget:hover .featured-image-desc, .tg-feature-product-layout-2 .tg-feature-product-widget:hover .featured-image-desc { visibility: visible; opacity: 1; -webkit-transform: translate(-50%, -50%) scale(1); -moz-transform: translate(-50%, -50%) scale(1); -ms-transform: translate(-50%, -50%) scale(1); -o-transform: translate(-50%, -50%) scale(1); transform: translate(-50%, -50%) scale(1); } /*----------------- tg-feature-product-layout-2 -----------------*/ .feature-product-section .tg-feature-product-layout-2 .tg-container { width: 100%; } .feature-product-section .tg-feature-product-layout-2 .tg-column-wrapper, .feature-product-section .tg-feature-product-layout-2 .tg-feature-product-widget { margin: 0; } .feature-product-section .tg-feature-product-layout-2 .tg-feature-product-widget.tg-column-3 { margin: 0; width: 33.33%; } .feature-product-section .tg-feature-product-layout-2 .tg-feature-product-widget.tg-column-4 { margin: 0; width: 25%; } .feature-product-section .tg-feature-product-layout-2 .tg-feature-product-widget img { width: 100%; max-width: auto; } .feature-product-section .tg-feature-product-layout-2 .featured-image-desc { width: 100%; height: 100%; padding: 5px; background: rgba(49, 175, 184, 0.8); } .feature-product-section .tg-feature-product-layout-2 .featured-image-desc::before { border-right: 48px solid #313b48; } /*----------------- tg-feature-product-layout-3 -----------------*/ .feature-product-section .tg-feature-product-layout-3 .featured-image-desc { visibility: visible; opacity: 1; top: 0; left: 0; height: 100%; width: 100%; -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); background: transparent linear-gradient(to bottom, transparent, rgba(0, 0, 0, 0.5)) repeat scroll 0 0; } .feature-product-section .tg-feature-product-layout-3 .featured-image-desc::before, .feature-product-section .tg-feature-product-layout-3 .featured-image-desc span, .feature-product-section .tg-feature-product-layout-3 .feature-inner-block .feature-desc-wrap { display: none; } .feature-product-section .tg-feature-product-layout-3 .feature-inner-block { top: auto; -webkit-transform: translate(0); -moz-transform: translate(0); -ms-transform: translate(0); -o-transform: translate(0); transform: translate(0); bottom: 2%; } .feature-product-section .button-group { text-align: center; margin-bottom: 30px; } .feature-product-section .button-group button { background: transparent; color: #525a65; } .feature-product-section .button-group button:hover { color: #30afb8; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; transition: all 0.5s ease; } .feature-product-section .button-group button::before { background: #525a65 none repeat scroll 0 0; border-radius: 50%; content: " "; left: 0; margin-right: 50%; padding: 2px; position: absolute; top: 50%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .tg-feature-product-filter-layout .button.is-checked:hover { color: #30afb8; } .tg-feature-product-layout-3 .tg-feature-product-widget:hover figure img { transform: scale(1.1); -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); } .tg-feature-product-layout-3 .tg-feature-product-widget:hover .feature-title-wrap { margin-bottom: 3px; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; transition: all 0.5s ease; } /*-------------------------------------------------------------- Testimonial --------------------------------------------------------------*/ .testimonial-container { padding: 0 0 50px; } .testimonial-container .testimonial-slide { text-align: left; } .testimonial-container .testimonial-content-wrapper { background: #fff; padding: 20px 30px; position: relative; } .testimonial-container .testimonial-content-wrapper::before { border-bottom: 34px solid transparent; border-left: 20px solid #fff; content: " "; left: 11%; position: absolute; top: 96%; -webkit-transform: rotate(12deg); -moz-transform: rotate(12deg); -ms-transform: rotate(12deg); -o-transform: rotate(12deg); transform: rotate(12deg); z-index: -9; } .testimonial-container .testimonial-icon { display: inline-block; vertical-align: top; color: #31afb8; font-size: 18px; } .testimonial-container .testimonial-content { width: 93%; display: inline-block; margin-left: 15px; color: #777777; } .testimonial-container .testimonial-client-detail { margin-top: 40px; } .testimonial-container .testimonial-img { display: inline-block; float: left; } .testimonial-container .client-detail-block { display: inline-block; margin-left: 20px; } .testimonial-container .testimonial-title { color: #313b48; font-size: 16px; } .testimonial-container .testimonial-degicnation { color: #666666; font-size: 14px; font-weight: 400; } .testimonial-container .swiper-pagination.testimonial-pager { bottom: 0; } .testimonial-container .swiper-pagination.testimonial-pager .swiper-pagination-bullet { width: 10px; height: 10px; background: #313b48; opacity: 1; } .testimonial-container .swiper-pagination.testimonial-pager .swiper-pagination-bullet:hover, .testimonial-container .swiper-pagination.testimonial-pager .swiper-pagination-bullet.swiper-pagination-bullet-active { background: #2299a1; } /*-------------------------------------------------------------- Fun Facts --------------------------------------------------------------*/ .fun-facts-section { text-align: center; color: #fff; } .fun-facts-icon-wrap { display: block; text-align: center; color: #30afb8; font-size: 64px; line-height: 1.5; } .fun-facts-section .counter-wrapper { font-size: 46px; font-weight: 700; line-height: 46px; display: block; margin-bottom: 15px; } .fun-facts-section .fun-facts-title-wrap { display: block; font-size: 16px; font-weight: 400; color: #fff; } /*----------------- tg-fun-facts-layout-2 -----------------*/ .tg-fun-facts-widget.tg-fun-facts-layout-2 .fun-facts-icon-wrap { background-color: rgba(255, 255, 255, 0.2); border: 5px solid rgba(255, 255, 255, 0.5); border-radius: 100%; color: #fff; display: inline-block; font-size: 36px; line-height: 120px; width: 120px; height: 120px; } .tg-fun-facts-widget.tg-fun-facts-layout-2 .fun-facts-title-wrap { line-height: 15px; } .tg-fun-facts-widget.tg-fun-facts-layout-2 .counter-wrapper { font-size: 46px; color: #30afb8; margin: 10px 0; } /*-------------------------------------------------------------- Blogs --------------------------------------------------------------*/ .blog-section .tg-column-2 { margin: 0; } .blog-section .tg-blog-widget-layout-1 .tg-column-2 { width: 50%; } .blog-section .row:nth-child(odd) { float: left; width: 100%; background-color: #fcfcfc; } .blog-section .tg-blog-widget-layout-1 .row:nth-child(odd) .post-image { float: left; width: 50%; position: relative; } .blog-section .row .post-image figure img { padding: 0; } .blog-section .row:nth-child(odd) .post-image figure img { width: 100%; } .blog-section .row:nth-child(odd) .post-image::before { border-bottom: 15px solid transparent; border-right: 15px solid #fcfcfc; border-top: 15px solid transparent; content: " "; font-size: 22px; position: absolute; top: 50%; right: 0; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; transition: all 0.5s ease; } .blog-section .tg-blog-widget-layout-1 .blog-content:hover .entry-title a { color: #fff; } .blog-section .row:nth-child(odd) .blog-content { float: left; padding: 15px 5px 15px 20px; width: 50%; } .blog-section .row:nth-child(odd) .post-readmore { display: none; } .blog-section .row:nth-child(odd) .entry-title { line-height: 24px; } .blog-section .row:nth-child(odd) .entry-title a { font-size: 18px; font-weight: 700; color: #313b48; } .blog-section .tg-blog-widget-layout-1 .tg-blog-widget:hover .blog-content .entry-title a { color: #fff; } .blog-section .row:nth-child(odd) .entry-title a:hover { color: #30afb8; } .blog-section .row:nth-child(odd) .entry-meta { margin: 8px 0; color: #919191; } .blog-section .row:nth-child(odd) .entry-meta .fa { padding-right: 5px; } .blog-section .row:nth-child(odd) .entry-meta a { font-size: 12px; color: #919191; } .blog-section .row:nth-child(odd) .entry-meta .entry-author { margin-left: 15px; } .blog-section .row:nth-child(odd) .entry-summary { font-size: 14px; color: #777777; font-weight: 400; } .blog-section .tg-blog-widget-layout-1 { margin: 0; } .tg-blog-widget-layout-1 .entry-summary { max-height: 167px; overflow: hidden; } .blog-section .row:nth-child(even) { float: left; width: 100%; background-color: #fcfcfc; } .blog-section .row:nth-child(even) .post-image { float: right; position: relative; width: 50%; } .blog-section .row:nth-child(even) .post-image figure img { width: 100%; } .tg-blog-widget-layout-1 .tg-blog-widget .entry-summary { margin: 0; } .blog-section .row:nth-child(even) .post-image::before { border-bottom: 15px solid transparent; border-left: 15px solid #fcfcfc; border-top: 15px solid transparent; content: " "; font-size: 22px; position: absolute; left: 0; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; transition: all 0.5s ease; } .blog-section .row:nth-child(even) .blog-content { float: right; padding: 15px 5px 15px 20px; width: 50%; } .blog-section .row:nth-child(even) .post-readmore { display: none; } .blog-section .row:nth-child(even) .entry-title { line-height: 24px; } .blog-section .row:nth-child(even) .entry-title a { font-size: 18px; font-weight: 700; color: #313b48; } .blog-section .row:nth-child(even) .entry-title a:hover { color: #30afb8; } .blog-section .row:nth-child(even) .entry-meta { margin: 8px 0; color: #919191; } .blog-section .row:nth-child(even) .entry-meta .fa { margin-right: 5px; } .blog-section .row:nth-child(even) .entry-meta a { font-size: 12px; color: #919191; } .blog-section .row:nth-child(even) .entry-meta .entry-author { margin-left: 15px; } .blog-section .row:nth-child(even) .entry-summary { font-size: 14px; color: #777777; font-weight: 400; } .blog-section .tg-blog-widget { -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; transition: all 0.5s ease; } .blog-section .tg-blog-widget-layout-1 .tg-blog-widget:hover { background-color: #30afb8; } .blog-section .tg-blog-widget-layout-1 .tg-blog-widget:hover .entry-title a { color: #fff; } .blog-section .tg-blog-widget-layout-1 .tg-blog-widget:hover .entry-title a:hover { color: #313b48; } .blog-section .tg-blog-widget-layout-1 .tg-blog-widget:hover .entry-meta { color: #fff; } .blog-section .tg-blog-widget-layout-1 .tg-blog-widget:hover .entry-meta a { color: #fff; } .blog-section .tg-blog-widget-layout-1 .tg-blog-widget:hover .entry-summary { color: #fff; } .blog-section .row:nth-child(odd) .tg-blog-widget:hover .post-image::before { border-right: 15px solid #30afb8; } .blog-section .row:nth-child(even) .tg-blog-widget:hover .post-image::before { border-left: 15px solid #30afb8; } .blog-section .tg-blog-widget-layout-1 .entry-title a:hover, .blog-section .tg-blog-widget-layout-1 .tg-blog-widget:hover .blog-content .entry-title a:hover { color: #fff; } /*----------------- tg-blog-widget-layout-2 -----------------*/ .blog-section .tg-blog-widget-layout-2 .post-image { position: relative; width: auto; float: none; } .blog-section .tg-blog-widget-layout-2 .post-image img { width: 100%; padding: 0; } .blog-section .tg-blog-widget-layout-2 .post-image .entry-date { background: #30afb8; left: 0; padding: 10px; position: absolute; text-align: center; top: 0; } .blog-section .tg-blog-widget-layout-2 .post-image .entry-date .fa { display: none; } .blog-section .tg-blog-widget-layout-2 .post-image .entry-date a { color: #fff; font-size: 12px; } .blog-section .tg-blog-widget-layout-2 .post-image.image-none .entry-date { position: relative; display: inline-block; } .blog-section .tg-blog-widget-layout-2 .post-image::before { display: none; } .blog-section .tg-blog-widget-layout-2 .blog-content { float: none; width: auto; text-align: left; } .blog-section .tg-blog-widget-layout-2 .entry-title a { font-size: 22px; display: block; font-weight:300; font-family:'Raleway',Arial, Helvetica, sans-serif; color:#3f3f3f; } .tg-blog-widget-layout-2 .entry-title { margin-top: 15px; } .blog-section .tg-blog-widget-layout-2 .post-readmore { background: #30afb8; color: #fff; display: inline-block; font-size: 12px; padding: 6px 12px; margin: 20px 0; } .blog-section .tg-blog-widget-layout-2 .post-readmore:hover { background: #2299a1; } .blog-section .tg-blog-widget-layout-2 .read-more-container a { background-color:transparent; display: inline-block; width:112px; padding: 6px 20px; margin-top: 20px; border:1px solid#ed1a3b; border-radius:5px; height:32px; } .blog-section .tg-blog-widget-layout-2 .read-more-container a:hover { background-color:#ed1a3b; } .blog-section .tg-blog-widget-layout-2 .read-more-container:hover { background:#ed1a3b; } .blog-section .tg-blog-widget-layout-2 .read-more-container .entry-author { float: left; color: #8e8e8e; display:none; } .tg-blog-widget-layout-2 .read-more-container .entry-author a { color: #8e8e8e; font-size: 12px; } .blog-section .tg-blog-widget-layout-2 .read-more-container .entry-author .fa { margin-right: 5px; } .blog-section .tg-blog-widget-layout-2 .read-more-container .read-more { float: left; } .blog-section .tg-blog-widget-layout-2 .read-more-container .read-more a { font-size: 12px; color: #ed1a3b; text-transform:uppercase; font-weight:400; font-family:'Raleway',Arial, Helvetica, sans-serif; } .blog-section .tg-blog-widget-layout-2:hover { background-color: #FCFCFC; } .blog-section .tg-blog-widget-layout-2:hover .entry-meta a { color: #919191; } .tg-blog-widget-layout-2 .blog-content p { margin: 0 0 10px; } .blog-section .tg-blog-widget-layout-2 .entry-title a:hover, .blog-section .tg-blog-widget-layout-2 .tg-blog-widget:hover .blog-content .entry-title a:hover, .blog-section .tg-blog-widget-layout-2 .read-more-container .read-more:hover a, .tg-blog-widget-layout-2 .read-more-container .entry-author:hover a, .tg-blog-widget-layout-2 .read-more-container .entry-author:hover { color: #FFF; } /*-------------------------------------------------------------- Clients --------------------------------------------------------------*/ /*-------------------------------------------------------------- Footer --------------------------------------------------------------*/ #top-footer { background-color: #162846; padding: 30px 0 60px; } #top-footer .footer-logo { display: inline-block; width: 100%; margin-bottom: 15px; } #top-footer .footer-logo .logo-image { float: left; padding: 5px; } #top-footer .footer-logo .site-title { font-size: 32px; color: #fff; font-weight: 700; float: left; line-height: 42px; } #top-footer .textwidget { font-size: 15px; color: #fff; line-height: 24px; font-weight: 400; } #top-footer .widget-title { font-size: 22px; font-weight: 400; color: #fff; border-bottom: 1px solid#1b2d4a; padding-bottom: 15px; margin-bottom: 15px; margin-top: 33px; } #top-footer .widget ul { margin: 0; list-style: none; } #top-footer .widget ul li { position: relative; padding: 0 0 10px 20px; font-size: 12px; } #top-footer .widget ul li::after { color: #fff; content: "\f105"; font-family: fontawesome; left: 0; position: absolute; top: 0; } #top-footer .widget ul li a { font-size: 14px; color: #fff; } #top-footer .widget ul li a:hover { color: #30afb8; } #top-footer .widget_tag_cloud .tagcloud a { border: 1px solid #fff; color: #fff; display: inline-block; margin: 6px 4px; padding: 0 5px; } #top-footer .widget_tag_cloud .tagcloud a:hover { background-color: #30afb8; border-color: #30afb8; } #bottom-footer { padding: 20px 0; background-color: #20324e; } #bottom-footer .copyright { text-align:center; } #bottom-footer .copyright-text { color: #fff; font-size: 12px; } #bottom-footer .copyright-text a { color: #bcbaba; } #bottom-footer .copyright-text a:hover { color: #30afb8; } #bottom-footer .footer-menu { float: right; margin: 0; } #bottom-footer .footer-menu ul li { float: left; } #bottom-footer .footer-menu ul li::after { content: "|"; padding: 0 5px; color: #fff; } #bottom-footer .footer-menu ul li:last-child::after { display: none; } #bottom-footer .footer-menu ul li a { color: #fff; font-size: 12px; } #bottom-footer .footer-menu ul li a:hover { color: #30afb8; } .footer-menu li { float: left; padding: 0 0 0 15px; } .footer-menu li a { color: #fff; font-size: 12px; } .footer-menu li a:hover { color: #30afb8; } /*-------------------------------------------------------------- Archive --------------------------------------------------------------*/ .post { margin-bottom: 40px; display: inline-block; } .post .entry-thumbnail { float: left; margin-right: 30px; width: 33.7%; } .entry-content-block { overflow: hidden; } .entry-meta .entry-date a .updated:not(.published) { display: none; } .entry-content-block #primary .entry-title { font-size: 20px; line-height: 24px; } .entry-content, .entry-summary { color: #606060; } #primary .entry-footer span { font-size: 14px; margin-right: 15px; } #primary .entry-footer span .fa { margin-right: 5px; } #primary .entry-footer span a { font-size: 12px; } .navigation.posts-navigation { margin: 20px 0; } .entry-meta { font-size: 12px; margin-top: 12px; } .entry-meta .fa { padding-right: 5px; } .entry-meta a, .entry-footer a { font-size: 12px; color: #8e8e8e; } .entry-meta span { margin-right: 15px; } .entry-meta .entry-author:hover { color: #30AFB8; } #secondary { float: right; width: 32.22%; } #secondary .widget-title { font-size: 14px; position: relative; margin-bottom: 30px; } #secondary .widget-title::before, #secondary .widget-title::after { background: #e1e1e1 none repeat scroll 0 0; bottom: -10px; content: " "; height: 1px; left: 0; margin-left: 0; position: absolute; width: 100%; } #secondary .widget-title:after { background: #30afb8; bottom: -11px; height: 3px; margin-left: 0; width: 30px; } #secondary .searchform input { border: none; border-bottom: 1px solid #666; width: 70%; } #secondary .searchform .btn:hover { background: #30afb8 none repeat scroll 0 0; } #secondary .widget { margin-bottom: 30px; } #secondary .widget ul { margin: 0; list-style: none; } #secondary .widget ul li { position: relative; padding: 0 0 10px 20px; font-size: 12px; } #secondary .widget ul li::after { color: #000; content: "\f105"; font-family: fontawesome; left: 0; position: absolute; top: 0; } #secondary .widget ul li a { font-size: 12px; } #secondary .widget ul li a:hover { color: #30afb8; } .widget_post_list .post-link-block { margin-bottom: 20px; display: inline-block; } .widget_post_list .entry-thumbnail { float: left; margin-right: 30px; width: 20%; } .widget_post_list .entry-content-block { overflow: hidden; } .widget_post_list .entry-content-block .entry-title { line-height: 13px; margin-bottom: 18px; } .widget_post_list .entry-content-block .entry-title a { font-size: 12px; } .widget_post_list .entry-content-block .entry-meta a { color: #8e8e8e; font-size: 12px; } .widget_post_list .entry-meta .entry-author { margin-left: 15px; } .blog .entry-thumbnail { float: left; width: 33.7%; } .blog .entry-content-block { width: 60%; } #primary .post .entry-content-block .entry-content { border: none; } .full-width-archive #primary .post { margin-bottom: 50px; width: 100%; } .full-width-archive #primary .post.has-post-thumbnail { margin-bottom: 0; } .full-width-archive #primary .post .entry-thumbnail { width: 100%; float: none; margin-right: 0; } .full-width-archive #primary .post .entry-thumbnail img { width: 100%; } .full-width-archive #primary .post .entry-content-block { overflow: unset; width: 94%; position: relative; top: 0; padding: 20px 20px 0 20px; margin: 0 auto; background: #fff; } .full-width-archive #primary .post.has-post-thumbnail .entry-content-block { overflow: unset; width: 94%; position: relative; top: -45px; padding: 20px 20px 0 20px; margin: 0 auto; background: #fff; } .grid-view #primary .post { display: inline-block; margin-bottom: 30px; margin-right: 1%; vertical-align: top; width: 48%; } .grid-view #primary .post .entry-thumbnail { width: 100%; } .grid-view #primary .post .entry-content-block { position: unset; width: 100%; } .entry-content-block .entry-title { font-size: 18px; } .grid-view .entry-header { margin-top: 10px; } /*-------------------------------------------------------------- Bread Crumb --------------------------------------------------------------*/ .breadcrumb-trail.breadcrumbs { background: #fafafa none repeat scroll 0 0; margin-bottom: 30px; display: none; } .breadcrumb-trail.breadcrumbs .trail-title { float: left; font-weight: 400; font-size: 25px; padding: 6px 0; } .breadcrumb-trail.breadcrumbs .trail-items { float: right; margin: 0; padding: 14px 0; list-style: none; } .breadcrumb-trail.breadcrumbs .trail-items li { float: left; } .breadcrumb-trail.breadcrumbs .trail-items li:first-child span::before { display: none; } .breadcrumb-trail.breadcrumbs::before { clear: both; content: ""; display: block; } .breadcrumb-trail.breadcrumbs .trail-items li span { font-size: 12px; color: #a1a1a1; position: relative; line-height: 18px; padding: 0 14px; } .breadcrumb-trail.breadcrumbs .trail-items li span a { color: #a1a1a1; } .breadcrumb-trail.breadcrumbs .trail-items li span::before { color: #a1a1a1; content: "\f105"; font-family: fontawesome; left: 0; position: absolute; top: 0; } .page-template-pagebuilder .breadcrumb-trail.breadcrumbs { margin: 0; } /*-------------------------------------------------------------- Post Page --------------------------------------------------------------*/ .post { width: 100%; } .single .entry-content-block .entry-meta { margin-top: 0; margin-bottom: 20px; } .single .entry-content-block { margin: 20px 0 5px; } .single .entry-thumbnail { margin-top: 20px; width: 100%; } .single .entry-thumbnail img { padding: 0; } .single .entry-content-block { width: 100%; } .single .entry-content-block .entry-title { font-size: 20px; } .single .entry-content-block .entry-meta .fa { padding-right: 5px; } .single .entry-content-block .entry-meta a { font-size: 12px; } .post .entry-content-block .entry-meta a:hover, .post .entry-content-block .entry-meta span:hover { color: #30afb8; } .single .entry-content-block .entry-content { border-bottom: 1px solid #c5c5c5; } .single .entry-content-block .entry-footer span { color: #8e8e8e; font-size: 14px; margin-right: 15px; } .single .entry-content-block .entry-footer span .fa { margin-right: 5px; } .single .entry-content-block .entry-footer span a { color: #8e8e8e; font-size: 12px; } .post .entry-content-block .entry-footer span a:hover { color: #30AFB8; } .author-description { border-bottom: 1px solid #c5c5c5; display: inline-block; padding: 0 0 30px; } .author-description .author-img { display: inline-block; width: 75px; float: left; } .author-description .author-description-block { width: calc(100% - 100px); float: right; display: inline-block; } .author-description .author-description-block .author-title { color: #313b48; font-weight: 700; } .author-description .author-description-block .author-summary { font-size: 12px; } .default-wp-page { margin: 0; padding: 30px 0; display: inline-block; border-bottom: 1px solid #c5c5c5; } .default-wp-page .previous { float: left; width: 46%; } .default-wp-page .previous a { display: inline-block; } .default-wp-page .previous a span { float: left; } .default-wp-page .previous a span:first-child { font-size: 30px; padding: 8px 0; } .default-wp-page .previous a span img { padding: 0 10px; } .default-wp-page .previous a .entry-title { display: inline-block; width: 60%; padding: 8px 0; } .default-wp-page .navigation-divider { display: inline-block; padding: 20px; } .default-wp-page .next { float: right; width: 46%; } .default-wp-page .next a { display: inline-block; } .default-wp-page .next a span { float: right; } .default-wp-page .next a span:first-child { font-size: 30px; padding: 8px 0; } .default-wp-page .next a span img { padding: 0 10px; } .default-wp-page .next a .entry-title { display: inline-block; width: 60%; padding: 8px 0; text-align: right; } /*-------------------------------------------------------------- 404 page --------------------------------------------------------------*/ .not-found .icon-404 .fa { font-size: 300px; } #primary .content-404 { padding: 60px 0; } #primary .not-found .page-header .page-title { font-size: 24px; line-height: 30px; } #primary .not-found .page-content { margin: 30px 0; } #primary .searchform input { border: none; border-bottom: 1px solid #666; width: 70%; } #primary .searchform .btn:hover { background: #30afb8 none repeat scroll 0 0; } .search .hentry { border-bottom: 1px solid #e1e1e1; margin-top: 20px; } /*-------------------------------------------------------------- Comments --------------------------------------------------------------*/ #comments { padding: 30px 0; } #comments .comments-title { font-size: 25px; line-height: 30px; } #comments .comment-list { margin: 0; } #comments .comment-list article.comment-body .comment-author { float: left; max-width: 100px; } #comments .comment-list article.comment-body .comment-author .says { display: none; } #comments .comment-list article.comment-body .comment-author img { margin-right: 30px; display: block; margin-bottom: 20px; } #comments .comment-list article.comment-body .comment-metadata { padding: 6px 0; } #comments .comment-list article.comment-body .comment-metadata a { color: #8e8e8e; font-size: 12px; } #comments .comment-list article.comment-body .comment-metadata .entry-author { margin-left: 15px; } #comments .comment-list article.comment-body .comment-content { overflow: hidden; font-weight: 500; } #comments .comment-list article.comment-body .comment-content p { margin: 0; } #comments .comment-list article.comment-body .reply { margin-left: 100px; padding-top: 6px; } #comments .comment-list article.comment-body .reply a { color: #8e8e8e; font-size: 12px; position: relative; } #comments .comment-list article.comment-body .reply a::before { position: absolute; top: 50%; left: 100%; content: " "; width: 30px; border: 1px solid #c5c5c5; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); margin-left: 10px; } #comments .comment-list .comment { border-bottom: 1px solid #c1c1c1; padding: 30px 0; } #comments .comment-list .comment ul.children { margin-left: 100px; } #comments .comment-list .comment ul.children .comment { padding: 0; border-bottom: none; } #comments .comment-list .comment ul.children .comment article.comment-body { border-bottom: 1px solid #c1c1c1; padding: 20px 0; } #comments .comment-list .comment ul.children .comment article.comment-body:last-child { border: none; } #respond { padding-bottom: 10px; } #respond #commentform .comment-form-comment #comment { background: #f9f9f9 none repeat scroll 0 0; resize: none; } #respond #commentform p { padding-bottom: 20px; } #respond #commentform p label { font-weight: 500; } #respond #commentform p input { background: #f9f9f9 none repeat scroll 0 0; } #respond #commentform .form-submit input { background: #30afb8; height: 45px; line-height: 30px; } #respond #commentform .form-submit input:hover { background-color: #1c9ba4; } /*-------------------------------------------------------------- WooCommerce --------------------------------------------------------------*/ .woocommerce ul.products li.product a img, .woocommerce div.product div.images img { padding: 0; } .woocommerce span.onsale, .woocommerce ul.products li.product .onsale { background-color: #30afb8; padding: 0; height: 50px; width: 50px; line-height: 50px; } #add_payment_method table.cart img, .woocommerce-cart table.cart img, .woocommerce-checkout table.cart img { width: auto; } .woocommerce ul.products li.product .button, .woocommerce #respond input#submit.alt, .woocommerce a.button.alt, .woocommerce button.button.alt, .woocommerce input.button.alt { background-color: #30afb8; color: #fff; } .woocommerce ul.products li.product .button:hover, .woocommerce #respond input#submit.alt:hover, .woocommerce a.button.alt:hover, .woocommerce button.button.alt:hover, .woocommerce input.button.alt:hover { background-color: #2299a1; } .added_to_cart.wc-forward { background-color: #30afb8; border-radius: 3px; font-size: 14px; line-height: 18px; color: #fff; padding: 4px 17px; margin-top: 5px; } .added_to_cart.wc-forward:hover { background-color: #2299a1; } .added_to_cart.wc-forward::after { content: "\f23d"; color: #fff; font-family: fontawesome; padding-left: 8px; } .woocommerce-Price-amount.amount { color: #30afb8; } .woocommerce .star-rating span { color: #FFAE65; } .widget_shopping_cart .buttons { text-align: center; } .woocommerce .widget_shopping_cart .total, .woocommerce.widget_shopping_cart .total { padding: 5px 0; text-align: center; } .flash-cart-views .woocommerce ul.cart_list li img, .woocommerce ul.product_list_widget li img { width: 70px; } .woocommerce ul.products li.product .price del { margin-right: 5px; display: inline-block; } .woocommerce nav.woocommerce-pagination { text-align: left; } .woocommerce .woocommerce-breadcrumb { float: right; margin: 0; padding: 14px 0; } .woocommerce .woocommerce-breadcrumb span { font-size: 12px; color: #a1a1a1; position: relative; line-height: 18px; padding: 0 14px; } .woocommerce .woocommerce-breadcrumb span::before { color: #a1a1a1; content: "\f105"; font-family: fontawesome; left: 0; position: absolute; top: 0; } .woocommerce .woocommerce-breadcrumb span:first-of-type::before { content: none; } /*-------------------------------------------------------------- Arjav --------------------------------------------------------------*/ .header-action-container, input[type="search"] { background-color: transparent; border-radius: 50px; color: #fff; padding: 0 0 0 15px; width: 197px; border-color: #a1a6b1; } .right-content .mail:before { background: url(https://projectdemo.org/meyerfrers/wp-content/uploads/2017/10/sprites.png); content: ''; display: inline-block; width: 25px; height: 23px; background-position: -106px 0; vertical-align: middle; } .right-content .phone:before { background: url(https://projectdemo.org/meyerfrers/wp-content/uploads/2017/10/sprites.png); content: ''; display: inline-block; width: 25px; height: 23px; background-position: -134px 0; vertical-align: middle; } .header-bottom .tg-container { padding: 13px 0; } .header-action-container .search-submit i { font-size: large; line-height: 0; } .flogo { margin-bottom: 15px; border-bottom: 1px solid#1b2d4a; padding-bottom: 15px; } .leftpart ul li a { font-size: 14px; font-weight: 400; font-family: 'Raleway', Arial, Helvetica, sans-serif; } #top-footer .leftpart ul li { padding: 0 0 0 20px; } .left-1part { margin-top: 81px; border-top: 1px solid#1b2d4a; padding-top: 15px; } #top-footer .left-1part ul li { padding: 0 0 0 20px; } #top-footer .tg-column-wrapper .tg-column-4 { margin-left: 0px; } #top-footer .section-title { font-size: 22px; color: #fff; font-weight: 400; font-family: 'Raleway', Arial, Helvetica, sans-serif; border-bottom: 1px solid#1b2d4a; margin-bottom: 15px; padding-bottom: 15px; margin-top: 33px; } #top-footer .section-title:after { display: none; } #top-footer .section-title:before { display: none; } .widget.tg-section.client-section { display: inline-block; padding: 0 10px; } .swiper-slide { flex-shrink: 0; height: 100%; position: relative; width: 100% !important; } .textwidget.custom-html-widget button { background-color:transparent; border:1px solid#fff; border-radius:5px; height:44px; padding: 13px 50px; text-transform:uppercase; font-size:15px; font-weight:300; font-family:'Raleway',Arial, Helvetica, sans-serif; } #top-footer .tg-column-4.footer-block:nth-child(3),#top-footer .tg-column-4.footer-block:nth-child(4) { text-align:center; } #top-footer .tg-column-wrapper .tg-column-4 { width:25%; padding:0 5px; } /*--------------------------------------------------------------TITLE Text--------------------------------------------------------------*/ .slider-title .section-title:before, #panel-490-0-0-0 .section-title:before { display:none; } .slider-title .section-title:after, #panel-490-0-0-0 .section-title:after { display:none; } .siteorigin-panels-stretch.panel-row-style.panel-row-style-for-394-0,.siteorigin-panels-stretch.panel-row-style.panel-row-style-for-490-0, .siteorigin-panels-stretch.panel-row-style.panel-row-style-for-476-0, .siteorigin-panels-stretch.panel-row-style.panel-row-style-for-508-0, .siteorigin-panels-stretch.panel-row-style.panel-row-style-for-551-0, .siteorigin-panels-stretch.panel-row-style.panel-row-style-for-12-0, .slider-title.siteorigin-panels-stretch.panel-row-style.panel-row-style-for-813-0 { height:370px; } #pg-394-0 .section-title, #pg-490-0 .section-title, #pg-476-0 .section-title, #pg-508-0 .section-title, #pg-551-0 .section-title, #pg-12-0 .section-title, #post-813 .section-title { color:#fff; font-family:'Raleway',Arial, Helvetica, sans-serif; font-size:48px; font-weight:700; text-transform:uppercase; margin-bottom:0px; } #pgc-394-0-0:after, #pgc-490-0-0:after, #pgc-476-0-0:after, #pgc-508-0-0:after, #pgc-551-0-0:after, #pgc-12-0-0:after, #pgc-813-0-0:after { content: ""; display: inline-block; height: 100%; vertical-align: middle; } .panel-grid-cell { text-align: center; height:100%; } .so-panel.widget.widget_themegrill_flash_heading.tg-widget.section-title-wrapper.panel-first-child.panel-last-child { display: inline-block; text-align: center; vertical-align: middle; } #pg-394-0.panel-no-style, #pg-394-0.panel-has-style > .panel-row-style, #pg-394-1.panel-no-style, #pg-394-1.panel-has-style > .panel-row-style { align-items: normal !important;} #pg-490-0.panel-no-style, #pg-490-0.panel-has-style > .panel-row-style, #pg-490-1.panel-no-style, #pg-490-1.panel-has-style > .panel-row-style, #pg-490-2.panel-no-style, #pg-490-2.panel-has-style > .panel-row-style { align-items: normal !important; } .siteorigin-panels-stretch.panel-row-style.panel-row-style-for-476-0 { align-items: normal !important; } .siteorigin-panels-stretch.panel-row-style.panel-row-style-for-508-0 { align-items: normal !important; } .siteorigin-panels-stretch.panel-row-style.panel-row-style-for-551-0 { align-items: normal !important; } .siteorigin-panels-stretch.panel-row-style.panel-row-style-for-12-0 { align-items: normal !important; } .slider-title.siteorigin-panels-stretch.panel-row-style.panel-row-style-for-813-0 { align-items: normal !important; } /*--------------------------------------------------------------TITLE Text--------------------------------------------------------------*/ #panel-394-1-0-0, #panel-394-1-0-3 { margin-top:80px; } #panel-394-1-0-2 { text-align:left; } #panel-394-1-0-1 { margin-bottom:60px !important; } #panel-394-1-0-2 .textwidget p { color:#3f3f3f; font-size:18px; font-weight:300; font-family:'Raleway',Arial, Helvetica, sans-serif; } #pgc-394-2-0 #panel-394-2-0-0 { margin-bottom:0px !important; margin-top:70px; } #pgc-394-2-0 #panel-394-2-0-1 { margin-bottom:60px !important; } #pgc-394-2-0 #panel-394-2-0-2 { text-align:left; } #pgc-394-2-0 #panel-394-2-0-2 .textwidget p { color:#3f3f3f; font-size:18px; font-weight:300; font-family:'Raleway',Arial, Helvetica, sans-serif; } #pg-5-1 .section-title-wrapper .section-title { color: #3f3f3f; font-size: 22px; margin-bottom: 30px; text-transform: none;} #pg-5-1 { padding:80px 200px 40px 200px; } #pg-5-1 .section-title-wrapper .section-subtitle { font-size:16px; font-weight:300; font-family:'Raleway',Arial, Helvetica, sans-serif; color:#3f3f3f; } #pg-5-1 .cta-wrapper .btn-wrapper a { border:1px solid#ed1a3b; height:44px; line-height:44px; padding:0 24px; color:#ed1a3b; font-weight:400; } #pg-5-1 .cta-wrapper .btn-wrapper a:hover { background:#ed1a3b; color:#fff; } .blog-content .entry-summary { font-size:16px; color:#3f3f3f; font-weight:300; font-family:'Raleway',Arial, Helvetica, sans-serif; line-height:24px; margin-top:10px; text-align:justify; } #pg-5-0, #pg-5-1, #pg-5-2, #pl-5 .so-panel, #pl-5 .so-panel:last-child { margin-bottom:0px !important; } #pg-476-1 #panel-476-1-0-0 .tg-blog-widget { margin-bottom:80px; } #pgc-490-1-0, #pgc-490-1-1, #pgc-490-2-0, #pgc-490-2-1, #pgc-508-3-0, #pgc-508-3-1, #pgc-508-4-0, #pgc-508-4-1, #pgc-508-5-0, #pgc-508-5-1, #pgc-508-6-0, #pgc-508-6-1, #pgc-551-3-0, #pgc-551-3-1, #pgc-551-4-0, #pgc-551-4-1, #pgc-508-7-0, #pgc-508-7-1, #pgc-508-8-0, #pgc-508-8-1, #pgc-508-9-0, #pgc-508-9-1, #pgc-508-10-0, #pgc-508-10-1, #pgc-508-11-0, #pgc-508-11-1, #pgc-508-12-0, #pgc-508-12-1, #pgc-508-13-0, #pgc-508-13-1, #pgc-508-14-0, #pgc-508-14-1, #pgc-508-15-0, #pgc-508-15-1, #pgc-508-16-0, #pgc-508-16-1, #pgc-508-17-0, #pgc-508-17-1, #pgc-508-18-0, #pgc-508-18-1, #pgc-508-19-0, #pgc-508-19-1, #pgc-508-20-0, #pgc-508-20-1, #pgc-508-21-0, #pgc-508-21-1, #pgc-508-22-0, #pgc-508-22-1, #pgc-508-23-0, #pgc-508-23-1, #pgc-508-24-0, #pgc-508-24-1, #pgc-508-25-0, #pgc-508-25-1, #pgc-508-26-0, #pgc-508-26-1, #pgc-508-27-0, #pgc-508-27-1, #pgc-508-28-0, #pgc-508-28-1, #pgc-508-29-0, #pgc-508-29-1, #pgc-508-30-0, #pgc-508-30-1, #pgc-508-31-0, #pgc-508-31-1, #pgc-508-32-0, #pgc-508-32-1, #pgc-508-33-0, #pgc-508-33-1, #pgc-508-34-0, #pgc-508-34-1, #pgc-508-35-0, #pgc-508-35-1, #pgc-508-36-0, #pgc-508-36-1, #pgc-508-37-0, #pgc-508-37-1, #pgc-508-38-0, #pgc-508-38-1, #pgc-508-39-0, #pgc-508-39-1, #pgc-508-40-0, #pgc-508-40-1 { width: calc(50% - 0.5 * 0px) !important; } #pg-490-1 { margin-top:80px; } #pg-490-2 { margin-bottom:80px; } #pl-490 .panel-grid .cta-wrapper, #post-508 .panel-grid .cta-wrapper, #post-551 .panel-grid .cta-wrapper { padding:30px; } #pl-490 .panel-grid .cta-wrapper .section-title, #post-508 .panel-grid .cta-wrapper .section-title, #post-551 .panel-grid .cta-wrapper .section-title { font-size:22px; color:#3f3f3f; font-weight:700; font-family:'Raleway',Arial, Helvetica, sans-serif; text-align:left; margin-bottom:15px; } #pl-490 .panel-grid .cta-wrapper .section-subtitle, #post-508 .panel-grid .cta-wrapper .section-subtitle, #post-551 .panel-grid .cta-wrapper .section-subtitle { font-size:16px; color:#3f3f3f; font-weight:300; font-family:'Raleway',Arial, Helvetica, sans-serif; text-align:left; margin-bottom:20px; } #pl-490 .panel-grid .cta-wrapper .btn-wrapper a, #post-508 .panel-grid .cta-wrapper .btn-wrapper a, #post-551 .panel-grid .cta-wrapper .btn-wrapper a { border:1px solid#ed1a3b; height:30px; line-height:28px; padding:0 20px; color:#ed1a3b; font-weight:400; font-size:12px; } #pl-490 .panel-grid .cta-wrapper .btn-wrapper a:hover, #post-508 .panel-grid .cta-wrapper .btn-wrapper a:hover, #post-551 .panel-grid .cta-wrapper .btn-wrapper a:hover { background:#ed1a3b; color:#fff; } #pl-490 .panel-grid .cta-wrapper .btn-wrapper, #post-508 .panel-grid .cta-wrapper .btn-wrapper, #post-551 .panel-grid .cta-wrapper .btn-wrapper { text-align:left; margin-top:0px; } #pl-490 .panel-grid .section-title-wrapper, #post-508 .panel-grid .section-title-wrapper, #post-551 .panel-grid .section-title-wrapper { margin-bottom:0px !important; } #pl-490, #post-508, #post-551 { margin-bottom:80px; } #pg-508-1 > .panel-row-style, #pg-551-1 > .panel-row-style { padding:80px; 0; margin-bottom:80px; } #pgc-508-1-0 .textwidget, #pgc-551-1-0 .textwidget { font-size:18px; line-height:30px; color:#3f3f3f; font-weight:300; font-family:'Raleway',Arial, Helvetica, sans-serif; } .entry-date { display:none; } #pg-5-2 .read-more-container{ display:none; } #pg-476-1 { margin-top: 80px; } #panel-5-2-0-2 .cta-wrapper .section-title-wrapper { margin:0px !important; } #panel-5-2-0-2 .cta-wrapper .btn-wrapper a { border:1px solid#ed1a3b; color:#ed1a3b; padding: 0 60px; height:44px; line-height:44px; font-weight:400; } #panel-5-2-0-2 .cta-wrapper .btn-wrapper a:hover { background:#ed1a3b; color:#fff; } .header-action-container .search-wrap .searchform { display:none; } #post-12 #pg-12-1 { margin-top:80px; margin-bottom:80px; } .textwidget.custom-html-widget .wpcf7-form div { float: left; margin-bottom:40px; padding: 0 20px; width: 50%; } .textwidget.custom-html-widget .wpcf7-form div.wider { width: 50%; } .textwidget.custom-html-widget .wpcf7-form div.wider-height { height: 36px; } .textwidget.custom-html-widget .wpcf7-form div input[type="text"], input[type="email"], .textwidget.custom-html-widget .wpcf7-form div.wider textarea { border-style:none; background-color:transparent; border-bottom:1px solid#cdcdcd; font-size:18px; font-family:'Raleway',Arial, Helvetica, sans-serif; font-weight:400; color:#656565; resize:none; } .textwidget.custom-html-widget .wpcf7-form p input[type="submit"] { background-color:transparent; border:1px solid#ed1a3b; color:#ed1a3b; border-radius:5px; height:45px; padding: 14px 64px; text-transform:uppercase; font-size:15px; margin-top:20px; } .textwidget.custom-html-widget .wpcf7-form p { margin-bottom:0px; } .textwidget.custom-html-widget .wpcf7-form div .wpcf7-select { border-style:none; background-color:transparent; border-bottom:1px solid#cdcdcd; font-size:18px; font-family:'Raleway',Arial, Helvetica, sans-serif; font-weight:400; color:#656565; resize:none; width: 100%; margin-top: 13px; } .textwidget.custom-html-widget .wpcf7-form p input[type="submit"]:hover { background:#ed1a3b; color:#fff; } .siteorigin-panels-stretch.panel-row-style.panel-row-style-for-12-2 { height:418px; padding:67px 0; } .addrees { margin:0px; } #panel-12-2-0-1 .textwidget ul li { list-style:none; font-family:'Raleway',Arial, Helvetica, sans-serif; font-weight:400; font-size:22px; color:#fff; margin-bottom:10px; } #panel-12-2-0-1 .textwidget .add:before { background:url(https://projectdemo.org/meyerfrers/wp-content/uploads/2017/10/sprites-1.png); content:''; display:inline-block; width:31px; height:41px; background-position:0 -57px; vertical-align:middle; margin-right:12px; } #panel-12-2-0-1 .textwidget .call:before { background:url(https://projectdemo.org/meyerfrers/wp-content/uploads/2017/10/sprites-1.png); content:''; display:inline-block; width:31px; height:41px; background-position:-30px -57px; vertical-align:middle; margin-right:12px; } #panel-12-2-0-1 .textwidget .mail:before { background:url(https://projectdemo.org/meyerfrers/wp-content/uploads/2017/10/sprites-1.png); content:''; display:inline-block; width:31px; height:41px; background-position:-61px -57px; vertical-align:middle; margin-right:12px; } #pgc-12-2-0 #panel-12-2-0-0 .section-title { color:#fff; } #pg-12-2 #pgc-12-2-0 #panel-12-2-0-0 .section-title:before, #pg-12-2 #pgc-12-2-0 #panel-12-2-0-0 .section-title:after { background:url(https://projectdemo.org/meyerfrers/wp-content/uploads/2017/10/sprites-1.png); background-position:0 -101px; } #pg-12-3 { margin-top:50px; margin-bottom:50px !important; } #pg-12-4 { margin-bottom:50px !important; } .all-addres { border-right:1px solid#9a989c; } #pgc-12-3-3 .all-addres:last-child, #pgc-12-4-2 .all-addres:last-child { border-right: medium none;} #pg-12-3 .all-addres p, #pg-12-4 .all-addres p { font-family:'Raleway',Arial, Helvetica, sans-serif; font-weight:700; font-size:18px; color:#656565; margin:0px; } .all-addres a { font-family:'Raleway',Arial, Helvetica, sans-serif; font-weight:400; font-size:18px; color:#656565; } .header-bottom { position: relative; z-index: 5;} .tabnav { padding:0; margin:0; float:left; width:32.8125%; text-align:left } .tab-container { width: 67.1875%; float:left } .tab-data { padding:80px 0; } .tabnav li { list-style:none; width:100%; border:1px solid#d4d4d4; } .tabnav li a { background: #f7f7f7; color: #505061; display: block; line-height:30px; margin-bottom: -1px; padding: 16px 12px; text-decoration: none; position:relative; font-size:15px; font-family:'Raleway',Arial, Helvetica, sans-serif; font-weight:600; } .tabnav li a:after { content: ""; display: block; height: 1px; width: 100%; position: relative; top: 15px;} .tabnav li a:hover, .tabnav li.active a{ background:#ed1a3b; color:#FFF } .tab-container { border:1px solid#f7f7f7; } .wpcolumn, .wpcolumns { padding:0px; } .featured-content-list.design-1 h3.entry-title, .featured-content-slider.design-1 h3.entry-title { background:#f7f7f7; margin:0px !important; padding:17px 34px; text-align:left; font-size:28px; font-family:'Raleway',Arial, Helvetica, sans-serif; font-weight:400; color:#3f3f3f; } .attachment-post-thumbnail.size-post-thumbnail.wp-post-image { width:100%; margin-bottom:70px; } .featured-content-list.design-1 .featured_short_content .sub-content, .featured-content-slider.design-1 .featured_short_content .sub-content { text-align:left; padding:0 34px; font-size:17px; font-family:'Raleway',Arial, Helvetica, sans-serif; font-weight:500; color:#3f3f3f; line-height:24px; } #pgc-5-3-0 #panel-5-3-0-2 .btn-wrapper a { border:1px solid#ed1a3b; color:#ed1a3b; font-weight:400; } #pgc-5-3-0 #panel-5-3-0-2 .btn-wrapper a:hover { background:#ed1a3b; color:#fff; } #panel-5-2-0-1 .textwidget .tab-data { padding:0px; } #pg-5-2 > .panel-row-style { background-size:cover; } #panel-5-2-0-1 .main-what-data { margin: 0; padding: 0 15px 30px; width: 50%; } #panel-5-2-0-1 .main-what-data .what-left { float:left; width:10%; border:none; } #panel-5-2-0-1 .main-what-data .what-left i { color:#016759 !important; } #panel-5-2-0-1 .main-what-data .what-right { float:left; width:90%; padding-top:20px; padding-left:20px; } #panel-5-2-0-1 .main-what-data .what-right h3.entry-title { margin:0px; text-align:left; font-size:22px; font-weight:700; font-family:'Raleway',Arial, Helvetica, sans-serif; color:#3f3f3f; } #panel-5-2-0-1 .main-what-data .what-right .featured_short_content .sub-content { text-align:left; font-size:16px; font-weight:300; font-family:'Raleway',Arial, Helvetica, sans-serif; line-height:24px; color:#3f3f3f; } #panel-5-2-0-2 .cta-wrapper .btn-wrapper { margin:0px; } #secondary .blog-wrapper .tg-blog-widget.tg-column-3 { width:100%; position:relative; margin-bottom:30px; } #secondary .blog-wrapper .tg-blog-widget.tg-column-3 .blog-content .entry-summary, #secondary .blog-wrapper .tg-blog-widget.tg-column-3 .blog-content .read-more-container { display:none; } #secondary .blog-wrapper .tg-blog-widget.tg-column-3 .blog-content .entry-title { position:absolute; bottom:0; background:#000; opacity:0.85; padding:12px; } #secondary .blog-wrapper .tg-blog-widget.tg-column-3 .blog-content .entry-title a { color:#fff; } .attachment-post-thumbnail.size-post-thumbnail.wp-post-image { margin-bottom:50px; } .entry-header { margin-top:0px; margin-bottom:20px; } .entry-header .entry-title { font-size:22px; font-weight:700; font-family:'Raleway',Arial, Helvetica, sans-serif; color:#3f3f3f; } .entry-meta { display:none; } .entry-content p { font-size:16px; font-weight:300; font-family:'Raleway',Arial, Helvetica, sans-serif; color:#3f3f3f; line-height:24px; } #primary #comments { display:none; } .wd-row { margin-bottom:0px; } .news-detials { position:relative; margin-bottom:80px; } .news-detials h2 { position:absolute; color: #fff; font-family: "Raleway",Arial,Helvetica,sans-serif; font-size: 48px; font-weight: 700; text-transform: uppercase; left:0; right:0; top:50%; text-align:center; transform:translateY(-50%); } .news-detials > img { width:100%; } .slider-image > img { width:100%; } .blog-section .tg-blog-widget-layout-2 .entry-title a:hover { color:#283c5c !important; } .footer-social { text-align:center } .footer-social li { display:inline-block; padding:0px !important; } .footer-social li:after { display:none; } .header-bottom .right-content { display:none; } .contact-info li a { padding-left:5px; } .cch-tool-banners { position:relative; } .cch-tool-banners .section-title:before { display:none; } .cch-tool-banners .section-title:after { display:none; } .cch-tool-banners .section-title { color: #fff; font-family: "Raleway",Arial,Helvetica,sans-serif; font-size: 48px; font-weight: 700; margin-bottom: 0; text-transform: uppercase; position:absolute; left:0; right:0; top:50%; transform:translateY(-50%); } .cch-tool-banners img { margin-bottom:0px !important; } .call-to-action-section .section-title-wrapper .section-title, .call-to-action-section .btn-wrapper a { color:#000 } #cch-tool-banners img{ margin-bottom:50px !important; display:block;} body { overflow-x: hidden; } #pg-5-1 { padding: 0 !important; } #pgc-5-1-0, #pgc-5-1-1 { width: 50% !important; } .prg-cnt-rgt{ float:left; width: 100%; background: #efefef; padding: 40px; text-align: left; position: relative; } .prg-cnt-rgt::before { background: #efefef none repeat scroll 0 0; content: ""; height: 100%; left: 100%; position: absolute; top: 0; width: 100vh; } .prg-cnt-rgt iframe{float:left; width: 100%;} .prg-cnt-lft {padding: 40px;float:left; width: 100%; margin: 87px 0 0;} .prg-cnt-lft * { text-align: right !important; } .mejs-video { width: 100% !important; } @media(max-width:781px){ #pgc-5-1-0, #pgc-5-1-1 { width: 100% !important;} .prg-cnt-rgt::before { display: none;} .prg-cnt-lft { padding: 20px; margin: 0;} .prg-cnt-rgt { padding: 20px;} .prg-cnt-lft * { text-align: center!important;} } body.page-id-12 .all-addres p { font-family: 'Raleway',Arial, Helvetica, sans-serif; font-weight: 700; font-size: 18px; color: #656565; margin: 0px; } .page-id-12 .panel-grid.panel-no-style { margin-bottom: 50px !important; } .page-id-12 .all-addres { border-right: 1px solid #9a989c !important; } .page-id-12 .panel-grid-cell:last-child .all-addres { border: none !important; } @media(max-width:640px){ .gform_wrapper ul.gform_fields li.phonebox, .gform_wrapper ul.gform_fields li.emailbox, .gform_wrapper ul.gform_fields li.addbox{ float: none !important; clear: both !important; width: 100% !important; } } /* ========================= */ #pgc-5-3-0 #panel-5-3-0-2 .btn-wrapper a { border:1px solid#ed1a3b; color:#ed1a3b; font-weight:400; } #pgc-5-3-0 #panel-5-3-0-2 .btn-wrapper a:hover { background:#ed1a3b; color:#fff; } #panel-5-2-0-1 .textwidget .tab-data { padding:0px; } #pg-5-2 > .panel-row-style { background-size:cover; } #panel-5-2-0-1 .main-what-data { margin: 0; padding: 0 15px 30px; width: 50%; } #panel-5-2-0-1 .main-what-data .what-left { float:left; width:10%; border:none; } #panel-5-2-0-1 .main-what-data .what-left i { color:#016759 !important; } #panel-5-2-0-1 .main-what-data .what-right { float:left; width:90%; padding-top:20px; padding-left:20px; } #panel-5-2-0-1 .main-what-data .what-right h3.entry-title { margin:0px; text-align:left; font-size:22px; font-weight:700; font-family:'Raleway',Arial, Helvetica, sans-serif; color:#3f3f3f; } #panel-5-2-0-1 .main-what-data .what-right .featured_short_content .sub-content { text-align:left; font-size:16px; font-weight:300; font-family:'Raleway',Arial, Helvetica, sans-serif; line-height:24px; color:#3f3f3f; } #panel-5-2-0-2 .cta-wrapper .btn-wrapper { margin:0px; } .featured-content-list:before, .featured-content-list:after, .featured-content-slider:before, .featured-content-slider:after { content: " "; display: table; } .featured-content-list:after, .featured-content-slider:after{ clear: both; } .featured-content-slider *, .featured-content-list *{outline: none !important;} .featured-content-list{clear:both !important; margin:0 -15px;} .featured-content-slider{clear:both !important; margin:0 -5px;} .featured-content.first{clear:both;} .featured_short_content{margin-bottom:10px;} .featured_short_content .featured-content-list .featured_short_content p{margin-bottom:10px !important} .featured-content-list .featured-read-more{text-align:center;} .featured-content-list .featured-content-image.circle, .featured-content-slider .featured-content-image.circle{border-radius:50%; overflow:hidden } .featured-content-list .featured-content-image img, .featured-content-slider .featured-content-image img{ bottom: 0;display: block; left: 0; margin: auto; position: absolute; right: 0; top: 0;} .featured-content-list .featured-content-image .fa, .featured-content-slider .featured-content-image .fa{font-size:50px; bottom: 0;display: block; left: 0; margin: auto; position: absolute; right: 0; top: 0; height:50px;} .featured-content-slider .featured-content-image img{display:inline-block !important} .featured-content-slider .slick-slide{padding:0 5px;} .featured-content-list .featured-content.first{clear:both !important} .featured-content-slider.slick-slider{padding:0 0px 20px 0px;} .featured-content-slider .slick-arrow { top:45% !important;} .featured-content-slider .slick-next{right:0px !important;} .featured-content-slider .slick-prev{ left:0px !important} .featured-content-slider .slick-dots{left:15px !important; right:15px !important; text-align:center; bottom:-10px !important;} .featured-content-slider.design-4 .slick-prev{left:25px !important} .featured-content-slider.design-4 .slick-next {right:25px !important} /* Design-1 */ .featured-content-list.design-1 .featured-content-image, .featured-content-slider.design-1 .featured-content-image {text-align:center; margin-bottom:10px; position:relative; height:100px;} .featured-content-list.design-1 .featured-content-image.circle img, .featured-content-slider.design-1 .featured-content-image.circle img {border-radius:50%;} .featured-content-list.design-1 h3.entry-title, .featured-content-slider.design-1 h3.entry-title{text-align:center; margin:10px 0 !important} .featured-content-list.design-1 .featured_short_content .sub-content, .featured-content-slider.design-1 .featured_short_content .sub-content{text-align:center;} .featured-content-list.design-1 .featured-content, .featured-content-slider.design-1 .featured-content{margin-bottom:30px;} .featured-content-list.design-1 .featured-read-more a, .featured-content-slider.design-1 .featured-read-more a{border:1px solid #d1d1d1; padding:8px 15px; font-size:13px; text-transform:uppercase; display:inline-block;} .featured-content-list.design-1 .featured-content-image a, .featured-content-slider.design-1 .featured-content-image a{display:inline-block !important} .featured-content-list.design-1 .featured-read-more , .featured-content-slider.design-1 .featured-read-more{text-align:center;} /* Design-2 */ .featured-content-list.design-2 .featured-content-image, .featured-content-slider.design-2 .featured-content-image { text-align:center; margin-bottom:10px; left:0; right:0; position:absolute; top:-60px; background: #fff;border: 2px solid #ddd; height: 120px; margin: auto auto 20px;transition: all 0.2s ease-in-out 0s; width: 120px; } .featured-content-list.design-2 h3.entry-title, .featured-content-slider.design-2 h3.entry-title{text-align:center; margin:10px 0 !important} .featured-content-list.design-2 .featured_short_content .sub-content, .featured-content-slider.design-2 .featured_short_content .sub-content{text-align:center;} .featured-content-list.design-2 .featured-content, .featured-content-slider.design-2 .featured-content{margin-bottom:30px; } .featured-content-list.design-2 .featured-content-wrap, .featured-content-slider.design-2 .featured-content-wrap{border:1px solid #ddd; padding:70px 10px 10px 10px; margin-top:70px; position:relative} .featured-content-list.design-2 .featured-read-more a, .featured-content-slider.design-2 .featured-read-more a{ font-size:13px; text-transform:uppercase; display:inline-block;} .featured-content-list.design-2 .featured-content-image a, .featured-content-slider.design-2 .featured-content-image a{display:inline-block !important} .featured-content-list.design-2 .featured-read-more , .featured-content-slider.design-2 .featured-read-more{text-align:center;} /* Design-3 */ .featured-content-list.design-3 .featured-content-image, .featured-content-slider.design-3 .featured-content-image {text-align:center; border: 3px solid #ececec; height: 120px;margin: auto auto 20px;position: relative;transition: all 0.2s ease-in-out 0s; width: 120px;} .featured-content-list.design-3 h3.entry-title, .featured-content-slider.design-3 h3.entry-title{text-align:center; margin:10px 0 !important} .featured-content-list.design-3 .featured_short_content .sub-content, .featured-content-slider.design-3 .featured_short_content .sub-content{text-align:center;} .featured-content-list.design-3 .featured-content, .featured-content-slider.design-3 .featured-content{margin-bottom:30px;} .featured-content-list.design-3 .featured-read-more a, .featured-content-slider.design-3 .featured-read-more a{border:1px solid #d1d1d1; padding:8px 15px; font-size:13px; text-transform:uppercase; display:inline-block;} .featured-content-list.design-3 .featured-content-image a, .featured-content-slider.design-3 .featured-content-image a{display:inline-block !important} .featured-content-list.design-3 .featured-read-more , .featured-content-slider.design-3 .featured-read-more{text-align:center;} .featured-content:nth-child(4n+1) .featured-content-image:hover, .slick-slide:nth-child(4n+1) .featured-content-image:hover { border-color:#e96656 !important; } .featured-content:nth-child(4n+2) .featured-content-image:hover, .slick-slide:nth-child(4n+2) .featured-content-image:hover{ border-color:#34d293 !important; } .featured-content:nth-child(4n+3) .featured-content-image:hover, .slick-slide:nth-child(4n+3) .featured-content-image:hover{ border-color:#3ab0e2 !important; } .featured-content:nth-child(4n+4) .featured-content-image:hover, .slick-slide:nth-child(4n+4) .featured-content-image:hover{ border-color: #f7d861 !important; } /* Design-4 */ .featured-content-position{position:relative;} .featured-content-image-bg{} .featured-content-list.design-4 .featured-content-position .featured-content-overlay, .featured-content-slider.design-4 .featured-content-position .featured-content-overlay{background: rgba(0, 0, 0, 0.5); bottom: 0; color: #fff; left: 0; position: absolute !important; right: 0; top: 0; z-index: 9; text-align: center;} .featured-content-list.design-4 .featured-content-overlay-inner, .featured-content-slider.design-4 .featured-content-overlay-inner{ padding: 0px 20%; position: absolute !important; margin:auto; top:50% !important; transform: translateY(-50%);-webkit-transform: translateY(-50%);-moz-transform: translateY(-50%);border: none !important;} .featured-content-list.design-4 .featured-content-image, .featured-content-slider.design-4 .featured-content-image {text-align:center; border: 2px solid #ececec; height: 80px;margin: auto auto 20px;position: relative;transition: all 0.2s ease-in-out 0s; width: 80px;} .featured-content-list.design-4 h3.entry-title, .featured-content-slider.design-4 h3.entry-title{text-align:center; color:#fff;margin:10px 0 !important} .featured-content-list.design-4 h3.entry-title a, .featured-content-slider.design-4 h3.entry-title a{color:#fff;} .featured-content-list.design-4 .featured_short_content .sub-content, .featured-content-slider.design-4 .featured_short_content .sub-content{text-align:center;} .featured-content-list.design-4 .featured-content, .featured-content-slider.design-4 .featured-content{margin-bottom:30px;} .featured-content-list.design-4 .featured-read-more a, .featured-content-slider.design-4 .featured-read-more a{border:1px solid #d1d1d1; padding:5px 10px; font-size:13px; color:#fff;text-transform:uppercase; display:inline-block;} .featured-content-list.design-4 .featured-content-image a, .featured-content-slider.design-4 .featured-content-image a{display:inline-block !important} .featured-content-list.design-4 .featured-read-more , .featured-content-slider.design-4 .featured-read-more{text-align:center;} .featured-content-list.design-4 .featured-content-image .fa, .featured-content-slider.design-4 .featured-content-image .fa{font-size:40px; height:40px; color:#fff;} .featured-content-list.design-4 .wp-medium-4 .featured-content-position .featured-content-overlay .featured-content-overlay-inner, .featured-content-slider.design-4 .slider-col-3 .featured-content-position .featured-content-overlay .featured-content-overlay-inner{padding: 35px 20px;} .featured-content-slider.design-4 .slider-col-2 .featured-content-position .featured-content-overlay .featured-content-overlay-inner, .featured-content-list.design-4 .wp-medium-6 .featured-content-position .featured-content-overlay .featured-content-overlay-inner {padding: 0px 6%;} .featured-content-list.design-4 .featured-content-image-bg, .featured-content-slider.design-4 .featured-content-image-bg{ background: #f1f1f1; height: 350px; line-height: 0; overflow: hidden; position: relative; width: 100%;} .featured-content-list.design-4 .featured-content-image-bg img, .featured-content-slider.design-4 .featured-content-image-bg img { height: 100%;width: 100%;-o-object-fit: cover;object-fit: cover;-o-object-position: top center;object-position: top center; transition: transform 0.8s cubic-bezier(0.65, 0.05, 0.36, 1) 0s; width: 100% !important;} .wpcolumn, .wpcolumns {-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;} img { max-width: 100%; height: auto; } img { -ms-interpolation-mode: bicubic; } .wpcolumn,.wpcolumns { padding-left: 0.9375em; padding-right: 0.9375em; float: left; width:100%; position: relative; } @media only screen { .wpcolumn, .wpcolumns { position: relative; padding-left: 0.9375em; padding-right: 0.9375em; float: left; } } @media only screen and (min-width: 40.0625em) { .wpcolumn, .wpcolumns { position: relative; padding-left: 0.9375em; padding-right: 0.9375em; float: left; } .wp-medium-1 { width: 8.33333%; } .wp-medium-2 { width: 16.66667%; } .wp-medium-3 { width: 25%; } .wp-medium-4 { width: 33.33333%; } .wp-medium-5 { width: 41.66667%; } .wp-medium-6 { width: 50%; } .wp-medium-7 { width: 58.33333%; } .wp-medium-8 { width: 66.66667%; } .wp-medium-9 { width: 75%; } .wp-medium-10 { width: 83.33333%; } .wp-medium-11 { width: 91.66667%; } .wp-medium-12 { width: 100%; } } @media only screen and (max-width: 480px) { .featured-content-list.design-4 .featured-content-overlay .featured-content-overlay-inner, .featured-content-list.design-4 .featured-content-overlay .featured-content-overlay-inner{padding: 0 20px !important;} } .gform_wrapper.gravity-theme select { -webkit-appearance: none; /* for webkit (safari, chrome) compatibility */ -moz-appearance: none; /* for firefox compatibility */ appearance: none; background: #fff url('/wp-content/uploads/2022/12/select-arrow.png') no-repeat 100% 50%; border-radius: 0; border: 1px solid #ccc; padding: 6px !important; } .gform_wrapper.gravity-theme .gform_ajax_spinner { width: 30px; margin-left: 10px; margin-top: 10px; }