/* Theme Name: Haswell Child Theme URI: http://themeforest.net/user/CMSSuperHeroes/portfolio Description: In 2014, Creating a magazine website with WordPress has never been easier. Author: Cmssuperheroes Team Author URI: http://cmssuperheroes.com/ Template: haswell Version: 1.0.3 Tags: black, green, white, light, dark, two-columns, three-columns, left-sidebar, right-sidebar, fixed-layout, responsive-layout, custom-background, custom-header, custom-menu, editor-style, featured-images, flexible-header, full-width-template, microformats, post-formats, rtl-language-support, sticky-post, theme-options, translation-ready, accessibility-ready Text Domain: haswell-child */ /* -------------------------------------------------------------- */ /********* AIREBROS 2020 *************/ :root { --titlefont: "Noto Sans JP", sans-serif; --mainfont: "Noto Sans JP", sans-serif; --extrafont: "Noto Sans JP", sans-serif; --maincolor: #282828; /*maincolor*/ --footer-bg: #303236; /* colors */ --red: #fe5d5d; --black: #282828; /*maincolor*/ --white: #fff; --maroon: #6d385d; --gray: #b4b4b4; --lgray: #efefef; --lgray_rgb: 239, 239, 239; --dark-gray: #3e3e3e; /* grey colors */ --gray-d0: #f1efef; /* light grey under menu*/ --gray-d1: #575656; --gray-d2: #bdbbbb; --gray-d3: #e3e1e1; --gray-d4: #d6d4d4; --gray-d5: #979797; --gray-d6: #111111; /* red variations */ --lred: #f8d4d4; --mred: #f9a5a5; --dred: #dd4a4a; /* details */ --blue: #84cfcf; --lblue: #95d5d5; --olive: #a8d980; --newblue: #c9ecec; --bg: var(--white); --maincolor: var(--black); /**footer*/ --footer-bg: var(--dark-gray); --footer-color: var(--white); /*menu*/ --menu-bg: var(--white); --menu-font: var(--mainfont); --menu-normal: var(--dark-gray); --menu-hover: var(--red); --menu-active: var(--red); /*submenu*/ --submenu-bg: var(--gray-d0); --submenu-font: var(--mainfont); --submenu_normal: var(--dark-gray); --submenu_hover: var(--red); --submenu_active: var(--red); --navbar-toggler-color: var(--dark-gray); } /********* colors ***************/ /* colors */ .red { color: var(--red) !important; } .white { color: var(--white) !important; } .maroon { color: var(--maroon) !important; } .dark-gray { color: var(--dark-gray) !important; } .gray { color: var(--gray) !important; } .lgray { color: var(--lgray) !important; } .black { color: var(--black) !important; } .blue { color: var(--blue) !important; } /* grey colors */ .gray-d0 { color: var(--gray-d0) !important; } /* light grey under menu*/ .gray-d1 { color: var(--gray-d1) !important; } .gray-d2 { color: var(--gray-d2) !important; } .gray-d3 { color: var(--gray-d3) !important; } .gray-d4 { color: var(--gray-d4) !important; } .gray-d5 { color: var(--gray-d5) !important; } /*backgrounds/*/ .red-bg { background-color: var(--red); } .white-bg { background-color: var(--white); } .maroon-bg { background-color: var(--maroon); } .dark-gray-bg { background-color: var(--dark-gray); } .gray-bg { background-color: var(--gray); } .lgray-bg { background-color: var(--lgray); } .black-bg { background-color: var(--black); } .blue-bg { background-color: var(--blue) !important; } .lblue-bg { background-color: var(---blue) !important; } /* grey colors */ .gray-d0-bg { background-color: var(--gray-d0); } /* light grey under menu*/ .gray-d1-bg { background-color: var(--gray-d1); } .gray-d2-bg { background-color: var(--gray-d2); } .gray-d3-bg { background-color: var(--gray-d3); } .gray-d4-bg { background-color: var(--gray-d4); } .gray-d5-bg { background-color: var(--gray-d5); } /* red colors */ .lred { color: var(--lred) !important; } .mred { color: var(--mred) !important; } .dred { color: var(--dred) !important; } .lred-bg { background-color: var(--lred); } .mred-bg { background-color: var(--mred); } .dred-bg { background-color: var(--dred); } /* footer */ .footer-bg { background-color: var(--footer-bg); } /*-------------------------------------------------------------- >>> TABLE OF CONTENTS: ---------------------------------------------------------------- 1.0 - Reset 2.0 - Document Setup 2.1 - Typography 2.2 - Links 2.3 - Heading 2.4 - Base 2.5 - Content 2.6 - Table 2.7 - Form 2.8 - Accessibility 3.0 - Site Structure 3.1 - Header 3.2 - Main Content 3.3 - Footer 4.0 - Posts 5.0 - Pages 5.1 - Page Title & Breadcrumb 5.2 - Blog 5.3 - Portfolio 5.4 - Shop 5.5 - Author Page 6.0 - Shortcodes 6.1 - Button 6.2 - VC Custom Heading 6.3 - Dropcaps 6.4 - Testimonials 6.5 - Pricing 6.6 - HighLight 6.7 - Accordions 6.8 - Toggle 6.9 - Tabs 6.10 - Divider 6.11 - Labels 6.12 - Image Owl Carousel 6.13 - Single Image 6.14 - Gallery Images 6.15 - ProgressBar 6.15 - Counter & Charts 6.16 - Alerts 6.17 - Clients 6.18 - Blockquote 6.19 - Fancy Box Single 6.20 - Team 6.21 Latest News 6.22 Event countdown 6.23 - Woo Category 6.24 - CMS Carousel Default 6.25 - Carousel Travel 6.26 - Grid Travel 7.0 - Widgets 8.0 - Support 8.1 - OWL carousel 8.2 - Magnific Popup CSS 9.0 - Responsive /*------------------------------------------------------------*/ /* ADDS A BROWSER PREFIX TO THE PROPERTY */ /*-------------------------------------------------------------- 2.0 Document Setup --------------------------------------------------------------*/ /*------------------------------ 2.1 Typography ------------------------------*/ /*-------------------------------------------------------------- 3.0 Structure --------------------------------------------------------------*/ /* Footer widget area ------------------------------*/ /* Navigation Menu */ /* Change Search position */ /*-------------------------------------------------------------- 4.0 Posts --------------------------------------------------------------*/ /* Construction Post ------------------------------*/ /*-------------------------------------------------------------- 5.0 Pages --------------------------------------------------------------*/ /*------------------------------ 5.1 Page title & Breadcrum ------------------------------*/ /* Page title ------------------------------*/ /*-------------------------------------------------------------- 6.0 Shortcodes --------------------------------------------------------------*/ /*-------------------------------------------------------------- 4.0 Widgets --------------------------------------------------------------*/ /*-------------------------------------------------------------- 8.0 Supports --------------------------------------------------------------*/ /* ANIMATION */ /** * Remove all paddings around the image on small screen */ /* ANIMATION */ /* ANIMATION */ /* ANIMATION */ /* .container { padding-left:20px; padding-right:20px; } */ .author-testimonial, .testimonial-2 p { font-family: var(--extrafont); } .cms-grid-testimonials-layout2, .cms-small-author-container, .author-testimonial, .countdown-period { font-family: var(--mainfont); } .countdown-amount { font-family: var(--extrafont); } html { font-size: 62.5%; } button, input, select, textarea { font-size: 15px; line-height: 1.6; position: relative; } .syscom body { background: var(--white); /* maincolor */ color: var(--maincolor); /*mainfont*/ font-family: var(--mainfont); } pre, code, input, textarea { font: inherit; } ::-moz-selection { background: var(--red); color: var(--dark-gray); } ::selection { background: var(--maincolor); color: var(--white); /*------------------------------ 2.2 Links ------------------------------*/ } a { color: var(--dark-gray); text-decoration: none; outline: none; -webkit-transition: 0.4s; -khtml-transition: 0.4s; -moz-transition: 0.4s; -ms-transition: 0.4s; -o-transition: 0.4s; transition: 0.4s; /* BACKGROUND GRADIENT */ /* TRIPLE BORDERS */ /*------------------------------ 2.3 Heading ------------------------------*/ } a:hover { color: var(--red); } a:hover, a:active, a:focus { outline: none; text-decoration: none; } a.underline { text-decoration: underline; } /*regular link */ a.regular_link { color: var(--red); text-decoration: underline; } a.regular_link:hover, a.regular_link:active, a.regular_link:focus { color: var(--dark-gray); text-decoration: underline; } h1, h2, h3, h4, h5, h6 { clear: both; font-weight: normal; margin: 10px 0; } h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { color: var(--dark-gray); text-decoration: none; } h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover, h1 a:focus, h2 a:focus, h3 a:focus, h4 a:focus, h5 a:focus, h6 a:focus { color: var(--red); } body h1 { /*black*/ margin: 0px 0 30px 0; /*font:900 100px/110px var(--titlefont);*/ font: 900 60px/1.1 var(--titlefont); letter-spacing: 1px; color: var(--maincolor); } body h1.toobig { /*black*/ margin: 0px 0 30px 0; /*font:900 100px/110px var(--titlefont);*/ font: 900 60px/1.1 var(--titlefont); letter-spacing: 1px; color: var(--maincolor); } body h2 { /*heavy*/ margin: 0px 0 30px 0; /*font:700 60px/70px var(--titlefont);*/ font: 700 45px/1.3 var(--titlefont); color: var(--maincolor); letter-spacing: -2px; } body h3 { /*black*/ margin: 0px 0 30px 0; /*font:900 48px/60px var(--titlefont);*/ font: 900 36px/1.3 var(--titlefont); letter-spacing: normal; color: var(--maincolor); } body h4 { /*heavy*/ letter-spacing: normal; margin: 0; /*font:700 40px/50px var(--titlefont);*/ font: 700 30px/1.3 var(--titlefont); color: var(--maincolor); } body h4.light { /*black*/ margin: 0; letter-spacing: normal; /*font:900 36px/42px var(--titlefont);*/ font: 900 28px/1.2 var(--titlefont); color: var(--maincolor); } body h4.normal { /*black*/ margin: 0; letter-spacing: normal; /*font:900 36px/42px var(--titlefont);*/ font: 600 28px/1.2 var(--titlefont); color: var(--maincolor); } body h5 { /*black*/ margin: 0px 0 0px 0; letter-spacing: normal; /*font:900 18px/20px var(--titlefont);*/ font: 900 16px/1.1 var(--titlefont); color: var(--maincolor); } body h6 { /*black*/ letter-spacing: 0; margin: 0px 0 30px 0; /*font:900 30px/40px var(--titlefont);*/ font: 900 24px/1.3 var(--titlefont); color: var(--maincolor); } body h6.light { /*black*/ letter-spacing: -0.2; margin: 0px 0 0px 0; /*font:900 30px/40px var(--titlefont);*/ font: 900 24px/1.3 var(--titlefont); color: var(--maincolor); } body h6.normal /* --> h7 */ { /*black*/ letter-spacing: -0.2; margin: 0px 0 0px 0; /*font:900 30px/40px var(--titlefont);*/ font: 400 20px/1.3 var(--titlefont); color: var(--maincolor); } body p { color: var(--maincolor); } body p, body p p.s1 { /*font: 400 24px/36px var(--mainfont);*/ font: 400 18px/1.5 var(--mainfont); margin: 0px 0 30px 0; color: var(--maincolor); } body p.s2 { /*font: 400 18px/27px var(--mainfont);*/ font: 400 16px/1.3 var(--mainfont); margin: 0px 0 30px 0; color: var(--maincolor); } body p.s2 strong { /*font: 700 18px/27px var(--mainfont);*/ font: 700 16px/1.3 var(--mainfont); margin: 0px 0 30px 0; color: var(--maincolor); } body p.s3 { font: 400 14px/1.3 var(--mainfont); margin: 0px 0 0px 0; color: var(--maincolor); } @media (max-width: 992px) { body h1 { /*black*/ /*font:900 100px/110px var(--titlefont);*/ font: 900 50px/1.3 var(--titlefont); } body h1.toobig { /*black*/ /*font:900 100px/110px var(--titlefont);*/ font: 700 32px/1.1 var(--titlefont); } body h2 { /*heavy*/ /*font:700 60px/70px var(--titlefont);*/ /*font:700 40px/1.1 var(--titlefont);*/ font: 700 32px/1.1 var(--titlefont); } body h3 { /*black*/ /*font:900 48px/60px var(--titlefont);*/ /*font:900 38px/1.1 var(--titlefont);*/ font: 900 28px/1.1 var(--titlefont); } body h4 { /*heavy*/ /*font:700 40px/50px var(--titlefont);*/ font: 700 28px/1.1 var(--titlefont); } body h4.light { /*black*/ /*font:900 36px/42px var(--titlefont);*/ /*font:900 28px/1.1 var(--titlefont);*/ font: 900 24px/1.1 var(--titlefont); } body h4.normal { /*black*/ /*font:900 36px/42px var(--titlefont);*/ /*font:900 28px/1.1 var(--titlefont);*/ font: 600 24px/1.1 var(--titlefont); } body h5 { /*black*/ /*font:900 18px/20px var(--titlefont);*/ font: 900 14px/1.1 var(--titlefont); } body h6 { /*black*/ /*font:900 30px/40px var(--titlefont);*/ /*font:900 24px/1.1 var(--titlefont);*/ font: 900 22px/1.1 var(--titlefont); } body h6.light { /*black*/ /*font:900 30px/40px var(--titlefont);*/ /*font:900 24px/1.1 var(--titlefont);*/ font: 900 22px/1.1 var(--titlefont); } body h6.normal { /*black*/ /*font:900 30px/40px var(--titlefont);*/ /*font:900 24px/1.1 var(--titlefont);*/ font: 400 18px/1.1 var(--titlefont); } body p, body p.s1 { /*font: 400 24px/36px var(--mainfont);*/ /*font: 400 18px/1.3 var(--mainfont);*/ font: 400 16px/1.3 var(--mainfont); } body p.s2 { /*font: 400 18px/27px var(--mainfont);*/ font: 400 14px/1.3 var(--mainfont); } body p.s2 strong { /*font: 700 18px/27px var(--mainfont);*/ font: 700 14px/1.3 var(--mainfont); } body p.s3 { /*font: 400 14px/25px var(--mainfont);*/ font: 400 14px/1.3 var(--mainfont); } } /*------------------------------ 2.4 Base ------------------------------*/ address, caption, cite, code, dfn, th, var { font-weight: 400; } a, abbr, acronym, address, applet, b, big, body, caption, center, cite, code, dd, del, dfn, div, dl, dt, em, fieldset, font, form, html, i, iframe, img, ins, kbd, label, legend, object, q, s, samp, small, span, strike, strong, sub, sup, tbody, td, tfoot, th, thead, tr, tt, u, var { border: 0 none; margin: 0; outline: 0 none; padding: 0; } pre { border-radius: 0; white-space: pre; word-wrap: break-word; padding: 30px; /*------------------------------ 2.5 Content ------------------------------*/ } img { height: auto; max-width: 100%; vertical-align: middle; } b, strong { font-weight: bold; } blockquote { clear: both; padding: 10px 20px; padding-left: 30px; margin: 0 0 20px; border-left: 3px solid var(--lgray); font-style: normal; font-family: var(--extrafont); font-size: 21px; line-height: 30px; color: var(--dark-gray); font-weight: 300; } blockquote p { line-height: 1.5; font-size: 21px; } blockquote cite { font-style: normal; margin-bottom: 20px; font-size: 13px; font-weight: 400; } blockquote .small, blockquote footer, blockquote small { font-family: var(--mainfont); font-size: 13px; color: #7e8082; font-style: normal; } dfn, cite, em, i { font-style: italic; } figure { margin: 0; } address { margin: 20px 0; } hr { border: 0; border-top: 1px solid var(--lgray); margin-bottom: 20px; } details summary { font-weight: bold; margin-bottom: 20px; } details :focus { outline: none; } abbr, acronym, dfn { cursor: help; font-size: 0.95em; text-transform: uppercase; border-bottom: 1px dotted var(--lgray); letter-spacing: 1px; } mark { background-color: var(--red); text-decoration: none; } small { font-size: 85%; } big { font-size: 125%; } ul, li { list-style: outside none none; margin: 0; padding: 0; } .icon-list { list-style-type: none; margin-left: 24px; padding-left: 0; } .icon-list li { position: relative; } .icon-list > li [class*=" fa-"] { position: absolute; left: -21px; text-align: center; top: 4px; width: 14px; } audio, video { max-width: 100%; width: 100%; /*------------------------------ 2.6 Table ------------------------------*/ /* table { width: 100%; margin-bottom: 20px; border: 1px solid var(--lgray); border-collapse: collapse; border-spacing: 0; } table > thead > tr > th, table > tbody > tr > th, table > tfoot > tr > th, table > thead > tr > td, table > tbody > tr > td, table > tfoot > tr > td { border: 1px solid var(--lgray); line-height: 1.42857; padding: 5px; vertical-align: middle; text-align: center; } table > thead > tr > th, table > thead > tr > td { border-bottom-width: 2px; font-weight: bold; } */ /*------------------------------ 2.7 Form ------------------------------*/ } fieldset { padding: 20px; border: 1px solid var(--lgray); } textarea { resize: vertical; } select { max-width: 100%; overflow: auto; vertical-align: top; outline: none; border: 1px solid var(--lgray); padding: 10px; } button::-moz-focus-inner { border: 0; padding: 0; } input[type="radio"], input[type="checkbox"] { margin: 0 10px; } input, textarea, input[type="submit"]:focus { outline: 0 none; } input, textarea, select, .login-select, .form-control { border: none; border-bottom: 1px solid var(--gray); border-radius: 2px; background: transparent; color: var(--dark-gray); font-size: 14px; margin: 0; outline: medium none; padding: 8px 20px 8px 0; } ::-webkit-input-placeholder, .form-control::-webkit-input-placeholder { color: var(--dark-gray); } ::-moz-placeholder, .form-control::-moz-placeholder { color: var(--dark-gray); /* Firefox 19+*/ } :-moz-placeholder, .form-control:-moz-placeholder { color: var(--dark-gray); /* Firefox 18- */ } :-ms-input-placeholder, .form-control:-ms-input-placeholder { color: var(--dark-gray); } :focus::-webkit-input-placeholder { color: var(--gray); } :focus::-moz-placeholder { color: var(--gray); /* Firefox 19+*/ } :focus:-moz-placeholder { color: var(--gray); /* Firefox 18- */ } :focus:-ms-input-placeholder { color: var(--gray); } .form-control { box-shadow: none; } .form-control:focus { border-color: var(--dark-gray); box-shadow: none; } .mandatory { } .mandatory p { display: inline-block; } .mandatory p span { padding: 5px; background-color: var(--red); } /******** BOOTSTRAP4 HACK *****************/ /*show only on mobile*/ .display-mobile { display: table; } @media (min-width: 768px) { .display-mobile { display: none !important; } } /*show only on desktop*/ .hide-mobile { display: none; } @media (min-width: 769px) { .hide-mobile { display: table; } } /*fix size devices little than 768px*/ @media (max-width: 767px) { .container { width: 100%; } } .w-25 { width: 25%; } .w-50 { width: 50%; } .w-75 { width: 75%; } .w-100 { width: 100%; } .h-25 { height: 25% !important; } .h-50 { height: 50% !important; } .h-75 { height: 75% !important; } .h-100 { height: 100% !important; } .d-none { display: none !important; } /*fix columns with no gutters*/ .no-gutter { margin-right: 0; margin-left: 0; } .no-gutter > [class*="col-"] { padding-right: 0; padding-left: 0; } .mr-5px { margin-right: 5px; } .ml-5px { margin-left: 5px; } /**** COLUMNS SAME HEIGHT row->vc_row ***********/ /*bakery*/ @media (min-width: 767px) { .vc_row { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; flex-wrap: wrap; } .vc_row > [class*="vc_col-"] { display: flex; flex-direction: column; } } /****** MARGIN BETWEEN COLUMNS ON XS *********/ @media (max-width: 767px) { .container > .row > .first-column { margin-bottom: 30px; } } /*align images vertically on columns with image*/ /* Este hack no rellena las columnas hasta el final, hay que desactivarlo cuando la pantalla es menor de 768px (col-xs ) */ @media (min-width: 767px) { .columns2-image .row, .page-title-syscom-header .row, .columns-vertical-center .row /*.syscom-blockquote-container .row*/ { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; flex-wrap: wrap; } .columns2-image .row>[class*='col-'], .page-title-syscom-header .row>[class*='col-'], .columns-vertical-center .row>[class*='col-'] /*.syscom-blockquote-container .row > [class*='col-']*/ { display: flex; flex-direction: column; } .vertical-center .wpb_wrapper { margin: auto 0; } .vertical-bottom .wpb_wrapper { margin-top: auto; } } /************************************************/ /*reduce image to half on mobile */ .half-image { } @media (max-width: 767px) { .half-image img { max-width: 50% !important; margin: 0 auto; } } /*****************************/ /* for 'row' items */ .vertical-align-middle { display: flex; flex-direction: row; } .vertical-align-middle > [class^="col-"], .vertical-align-middle > [class*=" col-"] { display: flex; align-items: center; /* Align the flex-items vertically */ justify-content: center; /* Optional, to align inner flex-items horizontally within the column */ } /*------------------------------ 2.8 Accessibility ------------------------------*/ /* Text meant only for screen readers */ body { } body input[type="text"], body input[type="email"], body input[type="password"], body input[type="phone"] { border-radius: 0; } .screen-reader-text { clip: rect(1px, 1px, 1px, 1px); position: absolute !important; } .screen-reader-text:hover, .screen-reader-text:active, .screen-reader-text:focus { -webkit-border-radius: 3px; -khtml-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; /* BACKGROUND GRADIENT */ clip: auto !important; color: var(--dark-gray); display: block; height: auto; left: 5px; line-height: normal; padding: 1.7em; padding: 17px; text-decoration: none; top: 5px; width: auto; /* Above WP toolbar */ z-index: 100000; /* Define ------------------------------*/ } .text-left { text-align: left; } .text-right { text-align: right; } .text-center { text-align: center; } .cs-wide { overflow: hidden; } body .vc_row, body .wpb_row { margin-bottom: 0; } body { /* Fix no-container -----------------------------------------------------*/ } body .vc_row { margin: 0; } body .wpb_column > .wpb_wrapper > *:last-child { margin-bottom: 0; } .cms-row-full-width > .no-container > .row { margin-left: 0; margin-right: 0; } .cms-row-full-width > .no-container > .row > .vc_custom_column_container { padding: 0; } .no-container > div .entry-content > .row { margin-left: 0; margin-right: 0; } #page-default.no-container #primary.row { margin: 0; } body .wpb_row:last-child, body .vc_row:last-child { margin-bottom: 0; } @media screen and (max-width: 1024px) { /* Fix container -----------------------------------------------------*/ .cms-row-full-width > .no-container { margin-left: 0; margin-right: 0; } .cms-row-full-width > .no-container > .row { margin-left: 0; margin-right: 0; /* .cms-row-full-width > .no-container > .row > .wpb_column { padding: 0; } */ } } .entry-content > .vc_row-fluid { position: relative; /* .entry-content > .vc_row-fluid { margin-bottom: 0 !important; } */ } .entry-content > .vc_row-fluid .vc_row-fluid { margin-left: -15px; margin-right: -15px; } .entry-content > .vc_row-fluid .padding-30 .vc_row-fluid { margin-left: 0; margin-right: 0; } .vc_row-fluid .container .container, .vc_row-fluid .vc_row-fluid .container { width: 100%; } .row-full-width .cms-bg-overlay + .vc_custom_column_container { padding: 0; } .row-full-width .no-container > .row > .vc_col-sm-12 { padding-left: 0 !important; padding-right: 0 !important; } .entry-content > .vc_row-fluid.cms-row-full-width .vc_row-fluid { margin-left: 0; margin-right: 0; /* Fix page has sidebar -----------------------------------------------------*/ } .page-has-sidebar > .container .container { width: 100%; padding: 0; /*------------------------------ 3.1 Header ------------------------------*/ } .container-m-30 { padding-right: 30px; padding-left: 30px; margin-right: auto; margin-left: auto; position: relative; width: 100%; } #cshero-header-logo { /* Topbar ------------------------------*/ } #cshero-header-logo a { line-height: 120px; display: inline-block; -webkit-transition: all 0.27s cubic-bezier(0, 0, 0.58, 1) 0s; -khtml-transition: all 0.27s cubic-bezier(0, 0, 0.58, 1) 0s; -moz-transition: all 0.27s cubic-bezier(0, 0, 0.58, 1) 0s; -ms-transition: all 0.27s cubic-bezier(0, 0, 0.58, 1) 0s; -o-transition: all 0.27s cubic-bezier(0, 0, 0.58, 1) 0s; transition: all 0.27s cubic-bezier(0, 0, 0.58, 1) 0s; /* BACKGROUND GRADIENT */ /* TRIPLE BORDERS */ } .topbar-wrap { background: var(--lgray); font-size: 12px; letter-spacing: 1px; padding: 0 30px; } .topbar-wrap .topbar { width: 49%; } .topbar-wrap .topbar ul li { display: block; float: left; line-height: 43px; padding: 0 13px; margin: 0; -webkit-transition: all 0.27s cubic-bezier(0, 0, 0.58, 1) 0s; -khtml-transition: all 0.27s cubic-bezier(0, 0, 0.58, 1) 0s; -moz-transition: all 0.27s cubic-bezier(0, 0, 0.58, 1) 0s; -ms-transition: all 0.27s cubic-bezier(0, 0, 0.58, 1) 0s; -o-transition: all 0.27s cubic-bezier(0, 0, 0.58, 1) 0s; transition: all 0.27s cubic-bezier(0, 0, 0.58, 1) 0s; /* BACKGROUND GRADIENT */ /* TRIPLE BORDERS */ } .topbar-wrap .topbar ul li a { padding: 0; color: #999; text-align: center; font-size: 12px; } .topbar-wrap .topbar ul li a:hover { color: #2a2b2f; } .topbar-wrap .topbar .cs-social li a { font-size: 14px; } .topbar-wrap .topbar .widget { margin-bottom: 0; } .topbar-wrap .topbar.topbar-right .widget, .topbar-wrap .topbar.topbar-right ul { float: right; } .mr-5 { margin-right: 5px; } .mr-7 { margin-right: 7px; } .open-topbar .header-fixed .topbar ul li { line-height: 32px; -webkit-transition: all 0.27s cubic-bezier(0, 0, 0.58, 1) 0s; -khtml-transition: all 0.27s cubic-bezier(0, 0, 0.58, 1) 0s; -moz-transition: all 0.27s cubic-bezier(0, 0, 0.58, 1) 0s; -ms-transition: all 0.27s cubic-bezier(0, 0, 0.58, 1) 0s; -o-transition: all 0.27s cubic-bezier(0, 0, 0.58, 1) 0s; transition: all 0.27s cubic-bezier(0, 0, 0.58, 1) 0s; /* BACKGROUND GRADIENT */ /* TRIPLE BORDERS */ } .open-topbar .header-fixed .container-m-30 { -webkit-box-shadow: 0 1px 15px rgba(0, 0, 0, 0.15); -khtml-box-shadow: 0 1px 15px rgba(0, 0, 0, 0.15); -moz-box-shadow: 0 1px 15px rgba(0, 0, 0, 0.15); -ms-box-shadow: 0 1px 15px rgba(0, 0, 0, 0.15); -o-box-shadow: 0 1px 15px rgba(0, 0, 0, 0.15); box-shadow: 0 1px 15px rgba(0, 0, 0, 0.15); /* BACKGROUND GRADIENT */ /* BOX SIZING */ } @media screen and (max-width: 767px) { body .topbar-wrap .topbar { width: 100%; float: none; padding: 5px 0; text-align: center; } body .topbar-wrap .topbar .widget { float: none; width: 100%; } body .topbar-wrap .topbar .widget ul { float: none !important; display: inline-block; text-align: center; } body .topbar-wrap .topbar .widget ul li { float: none; text-align: center; display: inline-block; } } #cshero-menu-mobile { display: none; } #cshero-menu-mobile .hamb-mob-icon { cursor: pointer; display: block; float: left; padding: 0px 17px 0px 5px; line-height: 118px; /*airebros*/ /*font-size: 29px;*/ font-size: 32px; -webkit-transform: translateZ(0); -khtml-transform: translateZ(0); -moz-transform: translateZ(0); -ms-transform: translateZ(0); -o-transform: translateZ(0); transform: translateZ(0); /* BACKGROUND GRADIENT */ /* TRANSFORM STYLE */ -webkit-transition: all 0.27s cubic-bezier(0, 0, 0.58, 1) 0s; -khtml-transition: all 0.27s cubic-bezier(0, 0, 0.58, 1) 0s; -moz-transition: all 0.27s cubic-bezier(0, 0, 0.58, 1) 0s; -ms-transition: all 0.27s cubic-bezier(0, 0, 0.58, 1) 0s; -o-transition: all 0.27s cubic-bezier(0, 0, 0.58, 1) 0s; transition: all 0.27s cubic-bezier(0, 0, 0.58, 1) 0s; /* BACKGROUND GRADIENT */ /* TRIPLE BORDERS */ } .cs-menu-toggle { display: none; } .cshero-main-header .cshero-header-cart-search.cms-in-phone { display: block; } .cshero-main-header .cshero-header-cart-search.cms-in-desktop { display: none; } @media screen and (min-width: 1025px) { /* For add widget to mega menu */ .cshero-main-header .cshero-header-cart-search.cms-in-phone { display: none; } .cshero-main-header .cshero-header-cart-search.cms-in-desktop { display: block; } #cshero-header-navigation #site-navigation { display: block; } .main-navigation .menu-main-menu li li .cs-menu-toggle { position: absolute; top: 50%; right: 10px; display: block; font-size: 15px; line-height: 1; -webkit-transform: translate(0, -50%); -khtml-transform: translate(0, -50%); -moz-transform: translate(0, -50%); -ms-transform: translate(0, -50%); -o-transform: translate(0, -50%); transform: translate(0, -50%); /* BACKGROUND GRADIENT */ /* TRANSFORM STYLE */ color: #d3d3d3; } .main-navigation .menu-main-menu { margin: 0; padding: 0; /* Start Mega Menu */ } .main-navigation .menu-main-menu li { position: relative; margin: 0; text-align: left; float: left; list-style: none; } .main-navigation .menu-main-menu li a { color: var(--dark-gray); line-height: 24px; white-space: nowrap; padding: 15px; font-size: 13px; outline: none; display: inline-block; text-decoration: none; } .main-navigation .menu-main-menu li a:hover, .main-navigation .menu-main-menu li a:focus { outline: none; color: var(--dark-gray); } .main-navigation .menu-main-menu li a span { position: relative; display: inline; } .main-navigation .menu-main-menu li li { margin: 0; padding: 0; font-size: 12px; font-weight: 24px; /*airebros*/ text-transform: capitalize; width: 100%; } .main-navigation .menu-main-menu li li a { color: #d3d3d3; display: block; min-width: 160px; padding: 9px 9px 9px 0; text-decoration: none; } .main-navigation .menu-main-menu li li a:hover, .main-navigation .menu-main-menu li li a:focus { color: var(--white); padding-left: 7px; -webkit-transition: all 0.2s ease 0s; -khtml-transition: all 0.2s ease 0s; -moz-transition: all 0.2s ease 0s; -ms-transition: all 0.2s ease 0s; -o-transition: all 0.2s ease 0s; transition: all 0.2s ease 0s; /* BACKGROUND GRADIENT */ /* TRIPLE BORDERS */ } .main-navigation .menu-main-menu li li.current-menu-item a { color: var(--white); } .main-navigation .menu-main-menu li:hover, .main-navigation .menu-main-menu li:focus { z-index: 100; /* Menu dam vao tuong */ } .main-navigation .menu-main-menu li:hover > ul, .main-navigation .menu-main-menu li:focus > ul { border-left: 0; clip: inherit; pointer-events: inherit; visibility: visible; filter: alpha(opacity=100); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; -webkit-opacity: 1; -khtml-opacity: 1; -moz-opacity: 1; -ms-opacity: 1; -o-opacity: 1; opacity: 1; /* BACKGROUND GRADIENT */ /* OUTLINE RADIUS */ } .main-navigation .menu-main-menu li ul ul { top: 0; left: 100%; /* End dam vao tuong */ } .main-navigation .menu-main-menu li ul ul.back { right: 100%; left: auto; } .main-navigation .menu-main-menu li ul ul.back ul:not(.back) { right: 100%; left: auto; } .main-navigation .menu-main-menu li ul ul.back ul.back { left: 100%; right: auto; } .main-navigation .menu-main-menu li ul ul.back ul.back ul:not(.back) { left: 100%; right: auto; } .main-navigation .menu-main-menu li ul ul.back ul.back ul.back { right: 100%; left: auto; } .main-navigation .menu-main-menu ul { position: absolute; clip: rect(1px, 1px, 1px, 1px); background: var(--dark-gray); /*airebros -webkit-box-shadow: 0 4px 5px rgba(0, 0, 0, 0.2); -khtml-box-shadow: 0 4px 5px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0 4px 5px rgba(0, 0, 0, 0.2); -ms-box-shadow: 0 4px 5px rgba(0, 0, 0, 0.2); -o-box-shadow: 0 4px 5px rgba(0, 0, 0, 0.2); box-shadow: 0 4px 5px rgba(0, 0, 0, 0.2); /* BACKGROUND GRADIENT */ /* BOX SIZING */ box-shadow: none; left: 0; /*airebros*/ /*padding: 10px 10px 10px 24px;*/ padding: 0px; margin: 0; pointer-events: none; position: absolute; transition: all 0.4s ease 0s; visibility: hidden; filter: alpha(opacity=0); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; -webkit-opacity: 0; -khtml-opacity: 0; -moz-opacity: 0; -ms-opacity: 0; -o-opacity: 0; opacity: 0; /* BACKGROUND GRADIENT */ /* OUTLINE RADIUS */ /*airebros*/ min-width: 200px; } #cshero-header-navigation .main-navigation { /* End Start Mega Menu */ } #cshero-header-navigation .main-navigation .columns2 > li:nth-of-type(2n + 1), #cshero-header-navigation .main-navigation .columns3 > li:nth-child(3n + 1), #cshero-header-navigation .main-navigation .columns4 > li:nth-child(4n + 1), #cshero-header-navigation .main-navigation .columns5 > li:nth-child(5n + 1) { clear: left; border-right: 0px solid transparent; } #cshero-header-navigation .main-navigation .columns5 > li { width: 20% !important; } #cshero-header-navigation .main-navigation .columns4 > li { width: 25% !important; } #cshero-header-navigation .main-navigation .columns3 > li { width: 33.3344% !important; } #cshero-header-navigation .main-navigation .columns2 > li { width: 50% !important; } #cshero-header-navigation .main-navigation [class*="columns"] > li { float: left; } #cshero-header-navigation .main-navigation [class*="columns"] > li > a { width: 100%; } /* POSITON OF THE MENU ACORDIN THE SELECTED ON THE MENU CREATOR */ /* POSITON OF THE MENU ACORDIN THE SELECTED ON THE MENU CREATOR */ /* POSITON OF THE MENU ACORDIN THE SELECTED ON THE MENU CREATOR */ #cshero-header-navigation .main-navigation .menu-main-menu li.has_full_width { position: inherit; } #cshero-header-navigation .main-navigation .menu-main-menu li:not(.group) > ul.drop_full_width.sub-menu { left: 0; /* airebros */ /* margin: 0 auto; */ margin: -30px auto 0; right: 0; /*airebros*/ /*width: calc(100% - 60px) !important;*/ width: calc(100%) !important; z-index: 999; /*airebros*/ max-width: 1200px; } #cshero-header-navigation .main-navigation .menu-main-menu li:not(.group) > ul.drop_full_width.sub-menu .sub-menu { background-color: transparent; padding: 0; } #cshero-header-navigation .main-navigation .menu-main-menu li:not(.group) > ul.drop_to_right.sub-menu { left: auto; /*airebros*/ /*right: 90px;*/ right: -10px; /*margin: auto;*/ margin-left: auto; margin-right: auto; } /******** END MENU POSITIONING *****/ #cshero-header-navigation .main-navigation .menu-main-menu li:not(.group) > ul.drop_to_right.sub-menu .sub-menu { /*background-color: transparent;*/ } #cshero-header-navigation .main-navigation .menu-main-menu ul:not(.multicolumn) li:not(.group) > ul.drop_to_right.sub-menu .sub-menu { /*airebros*/ padding: 40px; background-color: var(--submenu-bg); } #cshero-header-navigation .main-navigation li.group > ul.sub-menu { display: block; float: left; left: 0; position: relative; width: 100%; height: inherit; } #cshero-header-navigation .main-navigation ul.multicolumn { /*airebros*/ /*padding: 10px 0px !important;*/ padding: 80px 40px; margin-top: -30px; } #cshero-header-navigation .main-navigation ul.standar-dropdown { padding: 70px 40px; margin-top: -30px; } /*remove margin when sticky*/ .header-fixed #cshero-header-navigation .main-navigation ul.multicolumn, .header-fixed #cshero-header-navigation .main-navigation ul.menu-main-menu > li > ul.sub-menu, .header-fixed #cshero-header-navigation .main-navigation .menu-main-menu li:not(.group) > ul.drop_full_width.sub-menu, .header-fixed #cshero-header-navigation .main-navigation .menu-main-menu li:not(.group) > ul.drop_to_right.sub-menu { margin-top: 0px; } #cshero-header-navigation .main-navigation ul.multicolumn > li { /*airebros*/ /* padding-left: 24px; padding-right: 15px; */ padding-left: 0px; padding-right: 0px; } #cshero-header-navigation .main-navigation ul.multicolumn > li > a { padding: 0; } #cshero-header-navigation .main-navigation ul.multicolumn > li > a span.menu-title { /* airebros color: var(--maincolor); font-size: 18px; line-height: 25px; margin: 20px 0 10px; display: block; text-transform: uppercase; font-family: var(--extrafont); font-weight: 300; */ color: var(--dark-gray); font-size: 18px; line-height: 25px; margin: 0 0 10px; display: block; text-transform: none; font-family: var(--mainfont); font-weight: 700; } #cshero-header-navigation .main-navigation ul.multicolumn > li > a:hover span.menu-title { color: var(--red); } /* airebros */ /***** fake menu title ****/ #cshero-header-navigation .main-navigation ul > li.is-title > a span { color: var(--dark-gray); font-size: 18px; line-height: 25px; margin: 0; display: block; text-transform: none; font-family: var(--mainfont); font-weight: 700; /*fix height*/ padding: 5px 0; } #cshero-header-navigation .main-navigation ul > li.is-title > a:hover span { color: var(--red); } #cshero-header-navigation .main-navigation ul.multicolumn > li > a span.menu-title:before { content: ""; } #cshero-header-navigation .main-navigation ul.multicolumn > li > a:hover { background-color: transparent; } #cshero-header-navigation .main-navigation ul.multicolumn > li a i { display: inline-block; float: left; font-size: 16px; line-height: 16px; margin-right: 14px; margin-top: 3px; } #cshero-header-navigation .main-navigation ul.multicolumn > li a span { font-size: 14px; line-height: 24px; text-transform: uppercase; } #cshero-header-navigation .main-navigation ul.multicolumn > li ul.sub-menu ul.sub-menu { background-color: rgba(10, 10, 10, 0.95) !important; margin-top: 0px !important; } #cshero-header-navigation .main-navigation ul.multicolumn > li ul.sub-menu li:hover ul.sub-menu { margin-top: 0 !important; } #cshero-header-navigation .main-navigation ul.multicolumn > li:hover { position: relative; z-index: 10; } #cshero-header-navigation .main-navigation ul.multicolumn ul.sub-menu { -webkit-box-shadow: none; -khtml-box-shadow: none; -moz-box-shadow: none; -ms-box-shadow: none; -o-box-shadow: none; box-shadow: none; /* BACKGROUND GRADIENT */ box-shadow: none !important; clip: inherit; pointer-events: inherit; visibility: visible; filter: alpha(opacity=100); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; -webkit-opacity: 1; -khtml-opacity: 1; -moz-opacity: 1; -ms-opacity: 1; -o-opacity: 1; opacity: 1; /* BACKGROUND GRADIENT */ /* OUTLINE RADIUS */ } #cshero-header-navigation .main-navigation ul.multicolumn .cs-menu-toggle { display: none !important; } #cshero-header-navigation .main-navigation ul.standar-dropdown li:hover ul.sub-menu { margin-top: 0 !important; } #cshero-header-navigation .main-navigation ul.standar-dropdown a:not(.is-title) { padding-top: 9px; padding-bottom: 9px; } } /********** FIX BIG SCREENS **************/ @media (min-width: 2100px) { #cshero-header-navigation .main-navigation .menu-main-menu li:not(.group) > ul.drop_full_width.sub-menu { margin-right: 120px; } } /* airebros break point */ @media (min-width: 1200px) { #cshero-header-navigation .main-navigation .menu-main-menu li:not(.group) > ul.drop_full_width.sub-menu { width: calc(100% - 60px) !important; } #cshero-header-navigation .main-navigation ul.multicolumn { /*airebros*/ /*padding: 10px 0px !important;*/ padding: 80px; margin-top: -30px; } } #cshero-header-navigation .menu-main-menu .multicolumn .widget { margin: -10px 0; } #cshero-header-navigation .menu-main-menu .multicolumn .widget .textwidget { background: #c6c7c9; } #cshero-header-navigation .menu-main-menu .multicolumn .widget ul { clip: inherit; color: var(--white); background: 0 none; box-shadow: none; position: static; padding: 59px 0 50px 28px !important; -webkit-transition: none; -khtml-transition: none; -moz-transition: none; -ms-transition: none; -o-transition: none; transition: none; /* BACKGROUND GRADIENT */ /* TRIPLE BORDERS */ visibility: visible; filter: alpha(opacity=100); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; -webkit-opacity: 1; -khtml-opacity: 1; -moz-opacity: 1; -ms-opacity: 1; -o-opacity: 1; opacity: 1; /* BACKGROUND GRADIENT */ /* OUTLINE RADIUS */ overflow: hidden; display: block !important; } #cshero-header-navigation .menu-main-menu .multicolumn .widget ul li { font-size: 12px; line-height: 24px; text-transform: uppercase; padding-bottom: 12px; padding-right: 15px; } #cshero-header-navigation .menu-main-menu .multicolumn .widget ul .loc-icon-container { left: 0; position: absolute; } #cshero-header-navigation .menu-main-menu .multicolumn .widget ul .loc-icon-container .main-menu-contact-icon { border: 2px solid var(--white); border-radius: 50%; color: var(--white); display: block; font-size: 18px; font-weight: 100 !important; height: 46px; padding: 12px; width: 46px; } #cshero-header-navigation .menu-main-menu .multicolumn .widget ul .menu-contact-text-container { min-height: 46px; padding-left: 60px; padding-top: 11px; } #cshero-header-navigation .menu-main-menu .multicolumn .widget ul .menu-contact-text-container a { color: #fff !important; padding: 0 !important; } @media screen and (max-width: 500px) { .main-navigation.in { /*airebros*/ /*height: 300px;*/ height: auto; /*overflow-y: scroll;*/ overflow-y: hidden; } } /************* MOBILE MENU ***********************/ @media screen and (max-width: 1024px) { /* From theme option */ #cshero-menu-mobile { display: block; margin: 0; padding: 0; color: var(--dark-gray); } .menu-main-menu > li.current-menu-item > a span::before, .menu-main-menu > li.current-menu-ancestor > a span::before { display: none !important; } #cshero-header-navigation ul#menu-main-menu ul { background-image: none !important; } /*right arrow on menu items*/ .main-navigation .menu-main-menu li .cs-menu-toggle { position: absolute; /*airebros*/ /*top: 16px;*/ top: 12px; right: 15px; display: block; font-size: 20px; line-height: 1; /*airebros*/ /*color: var(--lgray);*/ color: var(--maincolor); width: 28px; height: 28px; line-height: 28px; text-align: center; /*airebros*/ /*background: var(--dark-gray);*/ background: transparent; } .main-navigation .menu-main-menu li .cs-menu-toggle i { height: inherit; width: inherit; line-height: inherit; margin: 0; } .main-navigation .menu-main-menu li .cs-menu-toggle:hover { cursor: pointer; /*airebros*/ color: var(--red); } #cshero-menu-mobile, .widget_cart_search_wrap .header { float: right; } /* background mobile navigation*/ #site-navigation { /*airebros*/ /*background: var(--dark-gray);*/ background: var(--lgray); width: 100%; } #cshero-header-navigation { padding: 0; width: 100%; } #cshero-header-navigation ul#menu-main-menu { /*airebros*/ /*padding: 10px 0 0 0;*/ padding: 0px 0; position: static; margin: 0; } #cshero-header-navigation ul#menu-main-menu li { float: none; list-style: none; margin: 0; text-align: left; position: relative; } /*mobile menu item*/ #cshero-header-navigation ul#menu-main-menu li a { display: block; border: none; /*airebros*/ /*color: #d3d3d3;*/ color: var(--maincolor); font-weight: 400; margin: 0; font-size: 13px; line-height: 20px !important; padding: 16px 9px 16px 17px; text-align: left; text-decoration: none; width: 100%; text-transform: uppercase; } #cshero-header-navigation ul#menu-main-menu li a:hover { /*airebros*/ /*color: var(--white);*/ color: var(--red); } #cshero-header-navigation ul#menu-main-menu li.current-menu-item > a { /*airebros*/ /*color: var(--white);*/ color: var(--red); } #cshero-header-navigation ul#menu-main-menu li li a { padding: 15px 9px 15px 27px; } #cshero-header-navigation ul#menu-main-menu li li li a { padding-left: 45px; } /*submenu background*/ #cshero-header-navigation ul#menu-main-menu ul { /*airebros*/ /*background: #3e4045;*/ background: var(--gray-d3); box-shadow: none; position: relative; margin: 0; padding: 0; display: none; width: 100% !important; } /*sub-submenu background*/ #cshero-header-navigation ul#menu-main-menu ul ul { /*airebros*/ /*background: #323538;*/ background: var(--gray-d4); } #cshero-header-navigation .menu-main-menu .multicolumn .widget { margin: 0 !important; } #cshero-header-navigation .menu-main-menu .multicolumn .widget li:last-child { padding-bottom: 0; } #cshero-header-navigation .menu-main-menu .multicolumn .widget ul.contact-list { padding-top: 30px !important; padding-bottom: 30px !important; background: #c6c7c9 !important; } } #cshero-header-navigation .main-navigation .menu-main-menu > li > a, #cshero-header-navigation .main-navigation .menu-main-menu > ul > li > a { text-transform: uppercase; letter-spacing: 0px; } .cshero-header-cart-search .header a, #cshero-header-navigation .main-navigation .menu-main-menu > li > a, #cshero-header-navigation .main-navigation .menu-main-menu > ul > li > a { line-height: 120px; -webkit-transition: all 0.27s cubic-bezier(0, 0, 0.58, 1) 0s; -khtml-transition: all 0.27s cubic-bezier(0, 0, 0.58, 1) 0s; -moz-transition: all 0.27s cubic-bezier(0, 0, 0.58, 1) 0s; -ms-transition: all 0.27s cubic-bezier(0, 0, 0.58, 1) 0s; -o-transition: all 0.27s cubic-bezier(0, 0, 0.58, 1) 0s; transition: all 0.27s cubic-bezier(0, 0, 0.58, 1) 0s; /* BACKGROUND GRADIENT */ /* TRIPLE BORDERS */ /* Border-bottom for hover & active item */ } .menu-main-menu > li.current-menu-item > a span, .menu-main-menu > li.current-menu-ancestor > a span { position: relative; } .menu-main-menu > li.current-menu-item > a span:before, .menu-main-menu > li.current-menu-ancestor > a span:before { display: block; border-bottom: 2px solid var(--maincolor); content: ""; height: 0; width: calc(100% + 6px); position: absolute; bottom: -7px; left: -3px; } .main-navigation .menu-main-menu > li { /* One page -----------------------------------------------------*/ } .main-navigation .menu-main-menu > li > a { color: var(--maincolor); } .main-navigation .menu-main-menu > li > a:hover { color: #d63e45; } .main-navigation .menu-main-menu > li:hover > a, .main-navigation .menu-main-menu > li.current-menu-item > a { color: #d63e45; } .menu-main-menu > li > a.onepage span { position: relative; } .menu-main-menu > li > a.onepage span:before { display: block; border-bottom: 2px solid var(--maincolor); content: ""; height: 0; width: calc(100% + 6px); position: absolute; bottom: -7px; left: -3px; display: none; } .menu-main-menu > li > a.onepage.current span::before, .menu-main-menu > li > a.onepage:hover span::before { display: block; } @media screen and (max-width: 1024px) { /* Sticky -----------------------------------------------------*/ .page-has-onepage #cshero-header-navigation { position: relative; } .page-has-onepage #cshero-header-navigation #site-navigation { position: absolute; top: 0; left: 0; z-index: 99; } } .admin-bar #cshero-header.header-fixed-page { top: 32px; } @media screen and (max-width: 782px) { .admin-bar #cshero-header.header-fixed-page { top: 46px; } } .cms-header-sticky { margin-top: 120px; } .cms-header-sticky.sticky-from-page { margin-top: 0; } .cms-header-sticky.open-topbar { margin-top: 136px; } #cshero-header { /* unSticky -----------------------------------------------------*/ } #cshero-header.header-fixed-page { position: fixed; width: 100%; z-index: 999; -webkit-transition: all 0.27s cubic-bezier(0, 0, 0.58, 1) 0s; -khtml-transition: all 0.27s cubic-bezier(0, 0, 0.58, 1) 0s; -moz-transition: all 0.27s cubic-bezier(0, 0, 0.58, 1) 0s; -ms-transition: all 0.27s cubic-bezier(0, 0, 0.58, 1) 0s; -o-transition: all 0.27s cubic-bezier(0, 0, 0.58, 1) 0s; transition: all 0.27s cubic-bezier(0, 0, 0.58, 1) 0s; /* BACKGROUND GRADIENT */ /* TRIPLE BORDERS */ top: 0; } #cshero-header.header-fixed-page.header-fixed #cshero-header-logo a, #cshero-header.header-fixed-page.header-fixed .cshero-header-cart-search .header a, #cshero-header.header-fixed-page.header-fixed #cshero-header-navigation .main-navigation .menu-main-menu > li > a, #cshero-header.header-fixed-page.header-fixed #cshero-header-navigation .main-navigation .menu-main-menu > ul > li > a { line-height: 60px; -webkit-transition: all 0.27s cubic-bezier(0, 0, 0.58, 1) 0s; -khtml-transition: all 0.27s cubic-bezier(0, 0, 0.58, 1) 0s; -moz-transition: all 0.27s cubic-bezier(0, 0, 0.58, 1) 0s; -ms-transition: all 0.27s cubic-bezier(0, 0, 0.58, 1) 0s; -o-transition: all 0.27s cubic-bezier(0, 0, 0.58, 1) 0s; transition: all 0.27s cubic-bezier(0, 0, 0.58, 1) 0s; /* BACKGROUND GRADIENT */ /* TRIPLE BORDERS */ } #cshero-header.header-fixed-page.header-fixed.sticky-border { -webkit-box-shadow: 0 1px 15px rgba(0, 0, 0, 0.15); -khtml-box-shadow: 0 1px 15px rgba(0, 0, 0, 0.15); -moz-box-shadow: 0 1px 15px rgba(0, 0, 0, 0.15); -ms-box-shadow: 0 1px 15px rgba(0, 0, 0, 0.15); -o-box-shadow: 0 1px 15px rgba(0, 0, 0, 0.15); box-shadow: 0 1px 15px rgba(0, 0, 0, 0.15); /* BACKGROUND GRADIENT */ /* BOX SIZING */ } .header-fixed #cshero-menu-mobile .hamb-mob-icon { line-height: 60px; } @media screen and (max-width: 1024px) and (min-width: 768px) { .un-sticky-tablets { margin: 0 !important; } .un-sticky-tablets #cshero-header.header-fixed-page { position: static; } } @media screen and (max-width: 767px) { /* Option color */ .un-sticky-mobile { margin: 0 !important; } .un-sticky-mobile #cshero-header.header-fixed-page { position: static; } } .header-fixed .main-navigation .menu-main-menu > li { /* Menu One page from Shortcodes and Typho page ---------------------------------------------------*/ } .header-fixed .main-navigation .menu-main-menu > li > a { color: var(--maincolor); } .header-fixed .main-navigation .menu-main-menu > li > a:hover, .header-fixed .main-navigation .menu-main-menu > li > a.onepage.current { color: #d63e45; } .header-fixed .main-navigation .menu-main-menu > li:hover > a, .header-fixed .main-navigation .menu-main-menu > li.current-menu-item > a { color: #d63e45; } .widget.widget_nav_menu .wg-title { font-size: 18px; font-weight: normal; margin: 21px 0 19px; } .menu-w_shortcodes-container, .menu-w_typography-container { /* Side Menu ------------------------------*/ } .menu-w_shortcodes-container li, .menu-w_typography-container li { display: block; position: relative; margin-bottom: 0 !important; } .menu-w_shortcodes-container a, .menu-w_typography-container a { background: rgba(0, 0, 0, 0) none repeat scroll 0 0 !important; color: #7e8082; display: block; height: 38px; line-height: 38px; padding: 0; text-transform: uppercase; } .menu-w_shortcodes-container a i, .menu-w_typography-container a i { background-color: #dfdfdf; color: var(--dark-gray); display: block; float: left; font-size: 17px; height: 38px; line-height: 36px; margin-right: 15px; text-align: center; width: 38px; -webkit-transition: all 0.3s ease 0s; -khtml-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -ms-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; /* BACKGROUND GRADIENT */ /* TRIPLE BORDERS */ } .menu-w_shortcodes-container a:hover, .menu-w_typography-container a:hover, .menu-w_shortcodes-container a.current, .menu-w_typography-container a.current { height: 48px; line-height: 48px; -webkit-transition: all 0.3s ease 0s; -khtml-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -ms-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; /* BACKGROUND GRADIENT */ /* TRIPLE BORDERS */ color: #101010; } .menu-w_shortcodes-container a:hover i, .menu-w_typography-container a:hover i, .menu-w_shortcodes-container a.current i, .menu-w_typography-container a.current i { background-color: var(--red); height: 48px; line-height: 46px; -webkit-transition: all 0.3s ease 0s; -khtml-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -ms-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; /* BACKGROUND GRADIENT */ /* TRIPLE BORDERS */ width: 48px; } .rev_slider_wrapper { left: 0 !important; } #haswell-menu-trigger { height: 100%; position: absolute; right: 45px; top: 0; width: 50px; } #haswell-menu-trigger .haswell-menu-icon { background-color: var(--dark-gray); bottom: auto; display: inline-block; height: 2px; left: auto; position: absolute; right: 0; top: 50%; width: 24px; -webkit-transition: all 0.3s cubic-bezier(0.3, 0.1, 0.58, 1) 0s; -khtml-transition: all 0.3s cubic-bezier(0.3, 0.1, 0.58, 1) 0s; -moz-transition: all 0.3s cubic-bezier(0.3, 0.1, 0.58, 1) 0s; -ms-transition: all 0.3s cubic-bezier(0.3, 0.1, 0.58, 1) 0s; -o-transition: all 0.3s cubic-bezier(0.3, 0.1, 0.58, 1) 0s; transition: all 0.3s cubic-bezier(0.3, 0.1, 0.58, 1) 0s; /* BACKGROUND GRADIENT */ /* TRIPLE BORDERS */ } #haswell-menu-trigger .haswell-menu-icon:before, #haswell-menu-trigger .haswell-menu-icon:after { background-color: inherit; content: ""; height: 100%; left: 0; position: absolute; width: 100%; -webkit-transition: all 0.3s cubic-bezier(0.3, 0.1, 0.58, 1) 0s; -khtml-transition: all 0.3s cubic-bezier(0.3, 0.1, 0.58, 1) 0s; -moz-transition: all 0.3s cubic-bezier(0.3, 0.1, 0.58, 1) 0s; -ms-transition: all 0.3s cubic-bezier(0.3, 0.1, 0.58, 1) 0s; -o-transition: all 0.3s cubic-bezier(0.3, 0.1, 0.58, 1) 0s; transition: all 0.3s cubic-bezier(0.3, 0.1, 0.58, 1) 0s; /* BACKGROUND GRADIENT */ /* TRIPLE BORDERS */ } #haswell-menu-trigger .haswell-menu-icon:after { top: 7px; } #haswell-menu-trigger .haswell-menu-icon:before { bottom: 7px; } #haswell-menu-trigger.is-clicked .haswell-menu-icon { background-color: rgba(255, 255, 255, 0); } #haswell-menu-trigger.is-clicked .haswell-menu-icon:before, #haswell-menu-trigger.is-clicked .haswell-menu-icon:after { background: var(--dark-gray); -webkit-transition: all 0.3s cubic-bezier(0.3, 0.1, 0.58, 1) 0s; -khtml-transition: all 0.3s cubic-bezier(0.3, 0.1, 0.58, 1) 0s; -moz-transition: all 0.3s cubic-bezier(0.3, 0.1, 0.58, 1) 0s; -ms-transition: all 0.3s cubic-bezier(0.3, 0.1, 0.58, 1) 0s; -o-transition: all 0.3s cubic-bezier(0.3, 0.1, 0.58, 1) 0s; transition: all 0.3s cubic-bezier(0.3, 0.1, 0.58, 1) 0s; /* BACKGROUND GRADIENT */ /* TRIPLE BORDERS */ } #haswell-menu-trigger.is-clicked .haswell-menu-icon:after { top: 0; -webkit-transform: rotate(-45deg); -khtml-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); /* BACKGROUND GRADIENT */ /* TRANSFORM STYLE */ } #haswell-menu-trigger.is-clicked .haswell-menu-icon:before { bottom: 0; -webkit-transform: rotate(45deg); -khtml-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); /* BACKGROUND GRADIENT */ /* TRANSFORM STYLE */ } @media screen and (max-width: 1024px) { #haswell-menu-trigger { right: 25px; } } .page-has-sidemenu .header-side-wrap { -webkit-transition: -webkit-transform 0.4s 0s, visibility 0s 0s !important; -moz-transition: -moz-transform 0.4s 0s, visibility 0s 0s !important; transition: transform 0.4s 0s, visibility 0s 0s !important; } .page-has-sidemenu .header-side-wrap.lateral-menu-is-open { -webkit-transform: translateX(-260px); -khtml-transform: translateX(-260px); -moz-transform: translateX(-260px); -ms-transform: translateX(-260px); -o-transform: translateX(-260px); transform: translateX(-260px); /* BACKGROUND GRADIENT */ /* TRANSFORM STYLE */ -webkit-transition: -webkit-transform 0.4s 0s, visibility 0s 0s !important; -moz-transition: -moz-transform 0.4s 0s, visibility 0s 0s !important; transition: transform 0.4s 0s, visibility 0s 0s !important; -webkit-overflow-scrolling: touch; } .admin-bar .sidemenu-wrap { padding-top: 42px; } .sidemenu-wrap { background-color: #2a2b2f; height: 100%; overflow-y: auto; padding-top: 10px; position: fixed; right: 0; top: 0; width: 260px; z-index: 1; visibility: hidden; -webkit-transform: translateX(80px); -khtml-transform: translateX(80px); -moz-transform: translateX(80px); -ms-transform: translateX(80px); -o-transform: translateX(80px); transform: translateX(80px); /* BACKGROUND GRADIENT */ /* TRANSFORM STYLE */ -webkit-transition: -webkit-transform 0.4s 0s, visibility 0s 0.4s; -moz-transition: -moz-transform 0.4s 0s, visibility 0s 0.4s; transition: transform 0.4s 0s, visibility 0s 0.4s; } .sidemenu-wrap.lateral-menu-is-open { -webkit-transform: translateX(0px); -khtml-transform: translateX(0px); -moz-transform: translateX(0px); -ms-transform: translateX(0px); -o-transform: translateX(0px); transform: translateX(0px); /* BACKGROUND GRADIENT */ /* TRANSFORM STYLE */ visibility: visible; -webkit-transition: -webkit-transform 0.4s 0s, visibility 0s 0s; -moz-transition: -moz-transform 0.4s 0s, visibility 0s 0s; transition: transform 0.4s 0s, visibility 0s 0s; -webkit-overflow-scrolling: touch; } .sidemenu-wrap .widget { margin: 20px 0; } .sidemenu-wrap .widget ul { margin: 0; padding: 0; width: 100% !important; } .sidemenu-wrap .widget ul li { margin: 0 !important; } .sidemenu-wrap li a { color: #aab5b7; display: block; letter-spacing: 1px; line-height: 38px; padding: 0 16px 0 32px; } .sidemenu-wrap li a:hover { color: var(--white); } .sidemenu-wrap ul.menu > .menu-item-has-children > a { text-transform: uppercase; position: relative; font-weight: 600; } .sidemenu-wrap ul.menu > .menu-item-has-children > a:before { bottom: auto; content: "\e232"; display: block; font-family: linea-icons; font-size: 16px; font-style: normal; font-weight: 400; line-height: 1; position: absolute; right: 25px; text-transform: none; top: 14px; -webkit-transform: translateY(-50%); -khtml-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); /* BACKGROUND GRADIENT */ /* TRANSFORM STYLE */ -webkit-transition: transform 0.2s; -khtml-transition: transform 0.2s; -moz-transition: transform 0.2s; -ms-transition: transform 0.2s; -o-transition: transform 0.2s; transition: transform 0.2s; /* BACKGROUND GRADIENT */ /* TRIPLE BORDERS */ } .sidemenu-wrap ul.menu > .menu-item-has-children > a.submenu-open:before { -webkit-transform: translateY(-50%) rotate(90deg); -khtml-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); /* BACKGROUND GRADIENT */ /* TRANSFORM STYLE */ } .sidemenu-wrap ul.menu > .menu-item-has-children ul.sub-menu { display: none; padding: 0 10px 20px 15px; } .sidemenu-wrap .current-menu-item > a { background: #484a51; color: var(--white); } .haswell-content-side-wrap { background-color: var(--white); min-height: 100%; position: relative; z-index: 2; -webkit-transition: -webkit-transform 0.4s 0s, visibility 0s 0.4s; -moz-transition: -moz-transform 0.4s 0s, visibility 0s 0.4s; transition: transform 0.4s 0s, visibility 0s 0.4s; /* Full screen Menu ------------------------------*/ } .haswell-content-side-wrap.lateral-menu-is-open { -webkit-transform: translateX(-260px); -khtml-transform: translateX(-260px); -moz-transform: translateX(-260px); -ms-transform: translateX(-260px); -o-transform: translateX(-260px); transform: translateX(-260px); /* BACKGROUND GRADIENT */ /* TRANSFORM STYLE */ -webkit-transition: -webkit-transform 0.4s 0s, visibility 0s 0s; -moz-transition: -moz-transform 0.4s 0s, visibility 0s 0s; transition: transform 0.4s 0s, visibility 0s 0s; -webkit-overflow-scrolling: touch; } #haswell-fullscreen-trigger { background-color: transparent; bottom: auto; height: 30px; line-height: 30px; padding-left: 1em; right: 15px; top: 50%; -webkit-transform: translateY(-50%); -khtml-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); /* BACKGROUND GRADIENT */ /* TRANSFORM STYLE */ width: 100px; position: absolute; } #haswell-fullscreen-trigger .haswell-menu-icon { background-color: var(--dark-gray); bottom: auto; display: inline-block; height: 2px; left: auto; right: 15px; position: absolute; top: 50%; -webkit-transform: translate(0, -50%); -khtml-transform: translate(0, -50%); -moz-transform: translate(0, -50%); -ms-transform: translate(0, -50%); -o-transform: translate(0, -50%); transform: translate(0, -50%); /* BACKGROUND GRADIENT */ /* TRANSFORM STYLE */ -webkit-transition: background-color 0.3s ease 0s; -khtml-transition: background-color 0.3s ease 0s; -moz-transition: background-color 0.3s ease 0s; -ms-transition: background-color 0.3s ease 0s; -o-transition: background-color 0.3s ease 0s; transition: background-color 0.3s ease 0s; /* BACKGROUND GRADIENT */ /* TRIPLE BORDERS */ width: 24px; } #haswell-fullscreen-trigger .haswell-menu-icon:before, #haswell-fullscreen-trigger .haswell-menu-icon:after { background-color: var(--dark-gray); content: ""; height: 100%; position: absolute; right: 0; width: 100%; -webkit-transition: -webkit-transform 0.3s, top 0.3s, background-color 0s; -moz-transition: -moz-transform 0.3s, top 0.3s, background-color 0s; transition: transform 0.3s, top 0.3s, background-color 0s; } #haswell-fullscreen-trigger .haswell-menu-icon:after { top: 7px; } #haswell-fullscreen-trigger .haswell-menu-icon:before { top: -7px; } #haswell-fullscreen-trigger.is-clicked .haswell-menu-icon { background: rgba(255, 255, 255, 0); } #haswell-fullscreen-trigger.is-clicked .haswell-menu-icon:after { top: 0px; -webkit-transform: rotate(225deg); -khtml-transform: rotate(225deg); -moz-transform: rotate(225deg); -ms-transform: rotate(225deg); -o-transform: rotate(225deg); transform: rotate(225deg); /* BACKGROUND GRADIENT */ /* TRANSFORM STYLE */ } #haswell-fullscreen-trigger.is-clicked .haswell-menu-icon:before { top: 0px; -webkit-transform: rotate(135deg); -khtml-transform: rotate(135deg); -moz-transform: rotate(135deg); -ms-transform: rotate(135deg); -o-transform: rotate(135deg); transform: rotate(135deg); /* BACKGROUND GRADIENT */ /* TRANSFORM STYLE */ } .fullscreen-menu-wrap { -webkit-backface-visibility: hidden; -khtml-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; -o-backface-visibility: hidden; backface-visibility: hidden; /* BACKGROUND GRADIENT */ background: rgba(200, 200, 200, 0.96) none repeat scroll 0 0; height: 100%; left: 0; overflow: auto; padding: 50px 0; position: fixed; text-align: center; top: 0; -webkit-transform: translateY(-100%); -khtml-transform: translateY(-100%); -moz-transform: translateY(-100%); -ms-transform: translateY(-100%); -o-transform: translateY(-100%); transform: translateY(-100%); /* BACKGROUND GRADIENT */ /* TRANSFORM STYLE */ width: 100%; z-index: 99; -webkit-transition-property: -webkit-transform; -moz-transition-property: -moz-transform; transition-property: transform; -webkit-transition-duration: 0.4s; -moz-transition-duration: 0.4s; transition-duration: 0.4s; } .fullscreen-menu-wrap.is-visible { -webkit-transform: translateY(0); -khtml-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); /* BACKGROUND GRADIENT */ /* TRANSFORM STYLE */ } .fullscreen-menu-inner { position: absolute; top: 50%; -webkit-transform: translate(0, -50%); -khtml-transform: translate(0, -50%); -moz-transform: translate(0, -50%); -ms-transform: translate(0, -50%); -o-transform: translate(0, -50%); transform: translate(0, -50%); /* BACKGROUND GRADIENT */ /* TRANSFORM STYLE */ width: 100%; } .fullscreen-menu-inner .widget { margin: 0; } .fullscreen-menu-inner .widget.widget_nav_menu .wg-title, .fullscreen-menu-inner .widget .wg-title { color: #848484; font-size: 10px; font-weight: 900; margin: 2.4em 0 0.8em; text-transform: uppercase; } .fullscreen-menu-inner ul { width: 100% !important; margin: 0; padding: 0; } .fullscreen-menu-inner ul li { font-size: 28px; margin: 0.4em 0; font-weight: 300; letter-spacing: 2px; } .fullscreen-menu-inner ul li a { display: inline-block; padding: 0.4em 1em; color: var(--dark-gray); -moz-osx-font-smoothing: grayscale; } .fullscreen-menu-inner ul li a:hover { color: var(--red); } .fullscreen-menu-inner .cs-social li a { font-size: 16px; } @media only screen and (max-width: 480px) { .fullscreen-menu-inner ul li { font-size: 16px; letter-spacing: 1px; font-weight: 400; margin: 0; } } @media only screen and (min-width: 768px) { .fullscreen-menu-inner { padding: 80px 0; } } @media only screen and (min-width: 1170px) { /* Left Menu ------------------------------*/ .fullscreen-menu-inner ul li { font-size: 32px; margin: 0.4em 0; } } .page-has-leftmenu .cms-header-sticky { margin: 0; } .page-has-leftmenu .cms-bottom-wrapper > .container { padding: 0 30px; } .page-has-leftmenu .container { width: 100%; } @media screen and (max-width: 1024px) { .page-has-leftmenu .header-logo-inner { padding: 17px 0 17px 13px; } .page-has-leftmenu .header-logo-inner a { line-height: inherit !important; } .page-has-leftmenu .left-nav-wrap { position: absolute; top: 0; right: 0; width: 100%; display: block; } .page-has-leftmenu .left-nav-wrap #cshero-menu-mobile span { line-height: 76px; } .page-has-leftmenu .left-nav-wrap a.icon_cart_wrap { display: none !important; } .page-has-leftmenu .left-nav-wrap .cshero-header-cart-search .header { margin-top: 16px !important; } .page-has-leftmenu .site-header .widget { display: none; margin: 0; } .page-has-leftmenu .site-header .widget.widget_nav_menu { display: block; } .page-has-leftmenu .menu a { color: #d3d3d3 !important; } .page-has-leftmenu .menu a:hover { color: #fff !important; } } .page-has-leftmenu .menu { padding-top: 10px; } .page-has-leftmenu .menu li { margin: 0; padding: 0; } .page-has-leftmenu .menu a { border: medium none !important; color: #7e8082; font-weight: 400; margin: 0 !important; padding: 16px 9px 16px 17px !important; text-align: left; text-decoration: none; width: 100%; font-size: 13px; text-transform: uppercase; display: block; position: relative; } .page-has-leftmenu .menu a:hover { color: #111; } .page-has-leftmenu .menu > .menu-item-has-children > a:before { content: "\e232"; display: block; font-family: linea-icons; font-size: 20px; font-style: normal; font-weight: 400; line-height: 1; position: absolute; top: 50%; right: 14px; text-transform: none; color: #d3d3d3; -webkit-transform: translateY(-50%); -khtml-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); /* BACKGROUND GRADIENT */ /* TRANSFORM STYLE */ -webkit-transition: transform 0.2s; -khtml-transition: transform 0.2s; -moz-transition: transform 0.2s; -ms-transition: transform 0.2s; -o-transition: transform 0.2s; transition: transform 0.2s; /* BACKGROUND GRADIENT */ /* TRIPLE BORDERS */ } .page-has-leftmenu .menu > .menu-item-has-children > a.submenu-open:before { -webkit-transform: translateY(-50%) rotate(90deg); -khtml-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); /* BACKGROUND GRADIENT */ /* TRANSFORM STYLE */ } .page-has-leftmenu .menu .sub-menu { background: #3e4045; width: 100% !important; display: none; padding-left: 0; } .page-has-leftmenu .menu .sub-menu a { color: #d3d3d3; display: block; min-width: 160px; padding: 15px 9px 15px 27px !important; text-decoration: none; } .page-has-leftmenu .menu .sub-menu a:hover { color: var(--white); } @media screen and (min-width: 1025px) { .page-has-leftmenu .left-nav-wrap { display: none; } .page-has-leftmenu .haswell-menu-left { background: #fff none repeat scroll 0 0; height: 100%; left: 0; overflow-y: auto; padding-bottom: 60px; position: fixed; text-align: left; top: 0; width: 280px; z-index: 1045; -webkit-box-sizing: border-box; -khtml-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; /* BACKGROUND GRADIENT */ } .page-has-leftmenu .haswell-menu-left .site-header { margin-bottom: 0; position: relative; } .page-has-leftmenu .haswell-menu-left #cshero-header-logo { padding: 0 30px; } .page-has-leftmenu .haswell-menu-left #cshero-header-logo a { display: block; line-height: inherit; text-align: left; margin-bottom: 20px; margin-top: 40px; padding: 26px 0 25px; } .page-has-leftmenu .haswell-menu-left .main-menu-container { padding-left: 20px; display: block; } .page-has-leftmenu .haswell-menu-left .widget { margin: 60px 30px 0 20px; font-size: 18px; position: relative; } .page-has-leftmenu .haswell-menu-left .widget .searchform { color: #7e8082; } .page-has-leftmenu .haswell-menu-left .widget .searchform #s { border-color: var(--lgray); font-size: 14px; } .page-has-leftmenu .haswell-menu-left .widget .searchform #searchsubmit { font-size: 18px; color: #d3d3d3; } .page-has-leftmenu .haswell-menu-left .widget .searchform #searchsubmit:hover { color: #101010; } .page-has-leftmenu .haswell-menu-left .widget.widget_nav_menu { margin: 0; } .page-has-leftmenu .haswell-menu-left #s::-moz-placeholder, .page-has-leftmenu .haswell-menu-left #s:-moz-placeholder, .page-has-leftmenu .haswell-menu-left #s:-ms-input-placeholder { color: #7e8082; letter-spacing: 2px; font-size: 13px; text-transform: uppercase; } .page-has-leftmenu .haswell-content-side-wrap { margin-left: 280px; } } .cms-bottom-wrapper { clear: both; background: var(--lgray); padding-bottom: 45px; padding-top: 80px; } .footer-contact-info a img { max-height: 60px; display: block; margin-bottom: 50px; } .footer-contact-info .cms-row { margin-bottom: 24px; } .footer-contact-info a { color: #7e8082; } .footer-contact-info a:hover { color: var(--dark-gray); } #cshero-footer-top .wg-title { font-size: 18px; font-weight: 900; margin-bottom: 21px; margin-top: 16px; } #cshero-footer-top li { padding: 0 0 7px 0; margin-bottom: 0; } #cshero-footer-top div.bold li a { font-weight: bold; } #cshero-footer-top .menu li a { text-transform: uppercase; color: #7e8082; } #cshero-footer-top .menu li a:hover { color: var(--dark-gray); } #cshero-footer-top .widget_recent_entries li { margin-bottom: 14px; padding: 0; } #cshero-footer-top .widget_recent_entries li a { font-size: 14px; font-weight: 400; line-height: 21px; color: #7e8082; text-transform: none; } #cshero-footer-top .widget_recent_entries li a:hover { color: var(--dark-gray); } #cshero-footer-top .widget_recent_entries li span { color: #a3a6a8; font-size: 13px; display: block; line-height: 18px; } .cshero-footer-wrap { padding-top: 30px; } .cshero-footer-wrap .widget { margin-bottom: 0 !important; } .cshero-footer-wrap .copyright { color: #7e8082; font-size: 11px; } #back_to_top { bottom: 16px; margin: 0; padding: 0; position: fixed; right: 19px; z-index: 20; } #back_to_top.off { visibility: hidden; } #back_to_top.on { visibility: visible; } #back_to_top span { color: var(--dark-gray); display: block; font-size: 34px; z-index: 999; cursor: pointer; -webkit-transition: all 0.4s ease 0s; -khtml-transition: all 0.4s ease 0s; -moz-transition: all 0.4s ease 0s; -ms-transition: all 0.4s ease 0s; -o-transition: all 0.4s ease 0s; transition: all 0.4s ease 0s; /* BACKGROUND GRADIENT */ /* TRIPLE BORDERS */ } #back_to_top span:hover { color: var(--red); } #back_to_top span i { width: auto; height: auto; line-height: inherit; margin: 0; } @media screen and (max-width: 768px) { /* Footer 1 ------------------------------*/ .cshero-footer-wrap .pull-left, .cshero-footer-wrap .pull-right { float: none !important; text-align: center; } .cshero-footer-wrap .text-right, .cshero-footer-wrap .text-left { text-align: center; } } .cms-footer-layout1-wrap { /* Footer 3,4 ------------------------------*/ } .cms-footer-layout1-wrap .widget { margin-bottom: 0; } .cms-footer-layout1-wrap .footer-row { margin-bottom: 5px; } .cms-footer-layout1-wrap .footer-row:last-child { margin-bottom: 0; } .cms-footer-layout1-wrap .widget_cs_social_widget li a { padding: 12px; } .cms-footer-layout1-wrap .copyright { color: #7e8082; font-size: 11px; } .cms-footer-layout1-wrap .copyright:hover { color: var(--red); } .cms-footer-layout3-wrap, .cms-footer-layout4-wrap { background: var(--footer-bg); color: rgba(255, 255, 255, 0.7); } .cms-footer-layout3-wrap #cshero-footer-top .wg-title, .cms-footer-layout4-wrap #cshero-footer-top .wg-title { color: var(--white); } .cms-footer-layout3-wrap #cshero-footer-top a, .cms-footer-layout4-wrap #cshero-footer-top a, .cms-footer-layout3-wrap #cshero-footer-top li, .cms-footer-layout4-wrap #cshero-footer-top li, .cms-footer-layout3-wrap #cshero-footer-top .menu li a, .cms-footer-layout4-wrap #cshero-footer-top .menu li a, .cms-footer-layout3-wrap #cshero-footer-top .widget_recent_entries li a, .cms-footer-layout4-wrap #cshero-footer-top .widget_recent_entries li a { color: rgba(255, 255, 255, 0.7); } .cms-footer-layout3-wrap #cshero-footer-top .widget li, .cms-footer-layout4-wrap #cshero-footer-top .widget li { margin-bottom: 0; } .cms-footer-layout3-wrap #cshero-footer-top .widget li a, .cms-footer-layout4-wrap #cshero-footer-top .widget li a { color: rgba(255, 255, 255, 0.7); } .cms-footer-layout3-wrap #cshero-footer-top .widget li a:hover, .cms-footer-layout4-wrap #cshero-footer-top .widget li a:hover { color: var(--white); } .cms-footer-layout3-wrap #cshero-footer-top .menu li a:hover, .cms-footer-layout4-wrap #cshero-footer-top .menu li a:hover, .cms-footer-layout3-wrap #cshero-footer-top a:hover, .cms-footer-layout4-wrap #cshero-footer-top a:hover, .cms-footer-layout3-wrap #cshero-footer-top .widget_recent_entries li a:hover, .cms-footer-layout4-wrap #cshero-footer-top .widget_recent_entries li a:hover { color: var(--white); } .cms-footer-layout3-wrap hr, .cms-footer-layout4-wrap hr { border-color: rgba(255, 255, 255, 0.1); } .cms-footer-layout3-wrap .widget_cs_social_widget li a, .cms-footer-layout4-wrap .widget_cs_social_widget li a { color: rgba(255, 255, 255, 0.3); } .cms-footer-layout3-wrap .widget_cs_social_widget li a:hover, .cms-footer-layout4-wrap .widget_cs_social_widget li a:hover { color: var(--white); } .container-m-60 { padding-right: 60px; padding-left: 60px; margin-right: auto; margin-left: auto; position: relative; width: 100%; } @media (max-width: 992px) { .container-m-60 { padding-right: 20px; padding-left: 20px; } } body div.wpcf7-validation-errors, div.wpcf7-acceptance-missing { border-color: transparent; } .cms-contruction-item { /* WordPress caption style ------------------------------*/ } .cms-contruction-item .cms-blog-item .entry-title { font-size: 16px; line-height: 26px; margin: 0; } .cms-contruction-item .cms-blog-item .entry-content { border: none; margin-bottom: 0; padding-bottom: 0; } .cms-contruction-item .entry-header p { font-size: 12px; margin-bottom: 14px; color: #a3a6a8; text-transform: uppercase; } .wp-caption { max-width: 100%; font-style: italic; line-height: 1.35; margin-bottom: 13px; margin-top: 5px; } .wp-caption img[class*="wp-image-"] { display: block; max-width: 98%; } .wp-caption .wp-caption-text { margin: 10px 0; } .wp-caption-text, .entry-thumbnail-caption, .cycle-caption { font-style: italic; line-height: 1.35; font-size: 13px; } .alignleft, .entry-thumbnail.thumbnail { display: inline; float: left; margin-right: 30px; } .alignright { display: inline; float: right; margin-left: 30px; } .aligncenter { display: block; clear: both; margin: 0 auto; margin-bottom: 15px; } img.wp-smiley { margin-bottom: 0; margin-top: 0; padding: 0; border: none; } .gallery-caption { font-family: inherit; } .bypostauthor { margin: 0; /* Gallery ------------------------------*/ } .gallery { margin-bottom: 20px; } .gallery-item { float: left; margin: 0 4px 4px 0; overflow: hidden; position: relative; } .gallery-columns-1 .gallery-item { max-width: 100%; } .gallery-columns-2 .gallery-item { max-width: 48%; max-width: -webkit-calc(50% - 4px); max-width: calc(50% - 4px); } .gallery-columns-3 .gallery-item { max-width: 32%; max-width: -webkit-calc(33.3% - 4px); max-width: calc(33.3% - 4px); } .gallery-columns-4 .gallery-item { max-width: 23%; max-width: -webkit-calc(25% - 4px); max-width: calc(25% - 4px); } .gallery-columns-5 .gallery-item { max-width: 19%; max-width: -webkit-calc(20% - 4px); max-width: calc(20% - 4px); } .gallery-columns-6 .gallery-item { max-width: 15%; max-width: -webkit-calc(16.7% - 4px); max-width: calc(16.7% - 4px); } .gallery-columns-7 .gallery-item { max-width: 13%; max-width: -webkit-calc(14.28% - 4px); max-width: calc(14.28% - 4px); } .gallery-columns-8 .gallery-item { max-width: 11%; max-width: -webkit-calc(12.5% - 4px); max-width: calc(12.5% - 4px); } .gallery-columns-9 .gallery-item { max-width: 9%; max-width: -webkit-calc(11.1% - 4px); max-width: calc(11.1% - 4px); } .gallery-columns-1 .gallery-item:nth-of-type(1n), .gallery-columns-2 .gallery-item:nth-of-type(2n), .gallery-columns-3 .gallery-item:nth-of-type(3n), .gallery-columns-4 .gallery-item:nth-of-type(4n), .gallery-columns-5 .gallery-item:nth-of-type(5n), .gallery-columns-6 .gallery-item:nth-of-type(6n), .gallery-columns-7 .gallery-item:nth-of-type(7n), .gallery-columns-8 .gallery-item:nth-of-type(8n), .gallery-columns-9 .gallery-item:nth-of-type(9n) { margin-right: 0; } .gallery-columns-1.gallery-size-medium figure.gallery-item:nth-of-type(1n + 1), .gallery-columns-1.gallery-size-thumbnail figure.gallery-item:nth-of-type(1n + 1), .gallery-columns-2.gallery-size-thumbnail figure.gallery-item:nth-of-type(2n + 1), .gallery-columns-3.gallery-size-thumbnail figure.gallery-item:nth-of-type(3n + 1) { clear: left; } .gallery-caption { background-color: rgba(0, 0, 0, 0.7); -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; color: var(--white); font-size: 12px; font-size: 12px; padding: 6px 8px; line-height: 1.5; margin: 0; max-height: 50%; opacity: 0; position: absolute; bottom: 0; left: 0; text-align: left; width: 100%; } .gallery-caption:before { content: ""; height: 100%; min-height: 49px; position: absolute; top: 0; left: 0; width: 100%; } .gallery-item:hover .gallery-caption { opacity: 1; } .gallery-columns-7 .gallery-caption, .gallery-columns-8 .gallery-caption, .gallery-columns-9 .gallery-caption { display: none; } .attachment { margin-bottom: 20px; /* Comments ------------------------------*/ } #fbcomments iframe { width: 100% !important; } .comments-area .comments-title small { font-size: 12px; font-weight: 400; line-height: 1; color: #777; } .comments-area .comments-title small:before { content: "/"; display: inline-block; padding: 0 7px; } .comments-area ul, .comments-area ol { list-style-type: none; padding: 0; } .comments-area .children { padding-left: 70px; } .comments-area .comment-list .comment { padding-top: 30px; border-top: 1px dotted #e9e9e9; } .comments-area .comment-list > .comment { border: none; } .comments-area .comment-author-image { padding-right: 10px; } .comments-area .comment-author-image img { width: 70px; margin-right: 15px; border-radius: 50%; } .comments-area .comment-main { overflow: hidden; } .comments-area .comment-meta .comment-author { font-weight: 900; display: inline-block; text-transform: uppercase; display: block; color: var(--dark-gray); } .comments-area .comment-meta .comment-date { font-size: 12px; } .comments-area .comment-meta .comment-reply-link { display: inline-block; text-transform: uppercase; } .comments-area .comment-meta .comment-reply-link:before { content: "-"; padding: 0 7px; display: inline-block; } .comments-area .comment-text p { padding-bottom: 30px; /* Respond */ } .comments-area .comment-respond { padding: 10px 40px 60px; background: var(--lgray); } .comments-area .comment-respond .comment-form { margin: 0 -15px; } .comments-area .comment-respond .form-submit { padding: 0 15px; margin: 0; } .comments-area .comment-respond .logged-in-as { padding: 0 15px; } .comments-area .comment-respond .submit { display: inline-block; padding: 10px 37px; background: #535961; color: var(--white); -webkit-transition: all 0.3s ease 0s; -khtml-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -ms-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; /* BACKGROUND GRADIENT */ /* TRIPLE BORDERS */ text-transform: uppercase; } .comments-area .comment-respond .submit:hover { background: #101010; } @media screen and (max-width: 1024px) { .comments-area .comment-author-image img { width: 50px; margin-right: 10px; } .comments-area .children { padding-left: 35px; } } @media screen and (max-width: 767px) { .comments-area .comment-respond { margin-bottom: 80px; } } @media screen and (max-width: 480px) { /* Post Navigation ------------------------------*/ .comments-area .children { padding-left: 20px; } } .navigation.blog-pag { /* Portfolio Navigation ------------------------------*/ } .navigation.blog-pag a, .navigation.blog-pag span { display: inline-block; background-color: var(--white); border: none; border-radius: 0; color: #7e8082; float: left; line-height: 1.42857; padding: 8px 14px; position: relative; text-decoration: none; margin-right: 7px; } .navigation.blog-pag .current { background-color: var(--dark-gray); border-color: #337ab7; color: var(--white); cursor: default; z-index: 2; } .navigation.blog-pag a:hover, .navigation.blog-pag a:focus { background: var(--lgray); } .navigation.blog-pag i { font-size: 16px; padding: 0 2px; } .work-navigation { background: #fff none repeat scroll 0 0; font-size: 12px; letter-spacing: 2px; width: 100%; z-index: 99; padding-top: 18px; padding-bottom: 18px; } .work-navigation a { display: block; float: left; vertical-align: middle; white-space: nowrap; width: 33.3333%; text-transform: uppercase; } .work-navigation a.work-all { text-align: center; } .work-navigation a.post-next { text-align: right; } .work-navigation a i { font-size: 20px; vertical-align: middle; } .work-navigation a i.icon { height: auto; line-height: inherit; width: auto; margin: 0; } #page-title { /* Define */ } #page-title .page-sub-title { font-size: 12px; letter-spacing: 3px; line-height: 15px; margin: 10px 0px; text-transform: uppercase; } @media screen and (min-width: 768px) { #page-title { /* Small white */ } #page-title .page-sub-title { margin: 20px 0 0; } } #page-title.has-border, #page-title.page-title-large { border-top: 1px solid var(--lgray); border-bottom: 1px solid var(--lgray); } #page-title.white { background: var(--white); /* Small dark */ } #page-title.grey-dark-bg { background: var(--footer-bg); } #page-title.grey-dark-bg h1 { color: var(--white); } #page-title.grey-dark-bg #breadcrumb-text ul li { color: var(--white); } #page-title.grey-dark-bg #breadcrumb-text ul li a { color: rgba(255, 255, 255, 0.8); } #page-title.grey-dark-bg #breadcrumb-text ul li a:hover { color: var(--white); } #page-title.page-title-big { padding: 80px 0; } #page-title.grey-light-bg { background: var(--lgray); } #page-title.has-subtitle { /* Define */ } @media screen and (min-width: 768px) { #page-title.has-subtitle .breadcrumbs { margin-top: 20px; } } #page-title.has-subtitle.grey-dark-bg .page-sub-title { color: rgba(255, 255, 255, 0.7); } #page-title.has-subtitle.grey-dark-bg .page-sub-title a { color: rgba(255, 255, 255, 0.8); } #page-title.has-subtitle.grey-dark-bg .page-sub-title a:hover { color: var(--white); } #page-title.page-title-large { padding: 200px 0 80px; /* BG Image */ } #page-title.page-title-img { background-attachment: fixed; background-position: center center; background-size: cover; } #page-title-text h1 { letter-spacing: 5px; text-transform: uppercase; margin: 0; } @media screen and (max-width: 767px) { /* Breadcrum ------------------------------*/ body #page-title { padding: 50px 0 40px !important; } body.custom-padding-top #page-title { padding-top: 220px !important; } } #breadcrumb-text ul { margin: 0; padding: 0; list-style: none; display: block; } #breadcrumb-text li { margin: 0; display: inline-block; color: #101010; text-transform: uppercase; letter-spacing: 2px; } #breadcrumb-text li a { text-decoration: none; } #breadcrumb-text li a:hover { color: #101010; } #breadcrumb-text li:before { content: "/"; display: inline-block; padding: 0 7px; } #breadcrumb-text li:first-child:before { display: none; content: ""; } @media screen and (max-width: 767px) { /* Archive ------------------------------*/ /* List Author ------------------------------*/ #breadcrumb-text ul.breadcrumbs { float: left; margin: 10px 0 0; } #breadcrumb-text ul.breadcrumbs li { float: left; } #breadcrumb-text ul.breadcrumbs li a { text-align: left; } } .list_authors_page { margin: 0; margin-top: 20px; padding: 0; list-style: none; /*------------------------------ 5.2 Blog ------------------------------*/ /* Default ------------------------------*/ } .list_authors_page li { display: inline-block; margin-right: 4%; margin-bottom: 3%; width: 30%; } .list_authors_page li a { display: block; position: relative; } .list_authors_page li a span.author_name { position: absolute; bottom: 5px; left: 0; width: 100%; text-align: center; color: var(--white); } .list_authors_page li a span.author_name h5 { color: var(--white); } .list_authors_page li a img { -webkit-border-radius: 3px; -khtml-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; /* BACKGROUND GRADIENT */ } .list_authors_page li a:before { background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.9) 100%) repeat scroll 0 0 rgba(0, 0, 0, 0); position: absolute; bottom: 0; content: ""; display: block; height: 100%; width: 100%; z-index: 0; } .list_authors_page li a:hover h5 { text-decoration: underline; } .list_authors_page li.last { margin-right: 0; } .cms-blog-masonry .entry-feature-image a:hover { filter: alpha(opacity=60); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)"; -webkit-opacity: 0.6; -khtml-opacity: 0.6; -moz-opacity: 0.6; -ms-opacity: 0.6; -o-opacity: 0.6; opacity: 0.6; /* BACKGROUND GRADIENT */ /* OUTLINE RADIUS */ } .cms-blog-masonry .entry-feature-image a img { width: 100%; } .cms-blog-item .entry-feature-image { -webkit-transition: all 0.4s ease 0s; -khtml-transition: all 0.4s ease 0s; -moz-transition: all 0.4s ease 0s; -ms-transition: all 0.4s ease 0s; -o-transition: all 0.4s ease 0s; transition: all 0.4s ease 0s; /* BACKGROUND GRADIENT */ /* TRIPLE BORDERS */ cursor: pointer; } .cms-blog-item .entry-feature-image:hover { filter: alpha(opacity=60); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)"; -webkit-opacity: 0.6; -khtml-opacity: 0.6; -moz-opacity: 0.6; -ms-opacity: 0.6; -o-opacity: 0.6; opacity: 0.6; /* BACKGROUND GRADIENT */ /* OUTLINE RADIUS */ } .cms-blog-item .entry-feature-image img { width: 100%; } .cms-blog-item .entry-title { margin: 0; font-size: 18px; line-height: 32px; font-weight: 900; font-family: var(--mainfont); text-transform: uppercase; word-break: break-word; } .cms-blog-item .entry-meta ul { padding: 0; margin: 0; list-style: none; display: block; text-align: left; } .cms-blog-item .entry-meta ul li { display: inline-block; text-transform: uppercase; color: var(--maincolor); font-size: 13px; } .cms-blog-item .entry-meta ul li:before { content: "/"; padding: 0 5px; display: inline-block; } .cms-blog-item .entry-meta ul li:first-child:before { display: none; padding: 0; } .cms-blog-item .entry-meta ul li a { color: var(--maincolor); text-decoration: underline; font-size: 13px; } .cms-blog-item .entry-meta ul li a:hover, .cms-blog-item .entry-meta ul li a:focus { color: var(--red); text-decoration: underline; } .cms-blog-item .entry-content { padding-bottom: 20px; margin-bottom: 20px; border-bottom: 1px solid var(--lgray); } .cms-blog-item .entry-footer a.blog-more { font-weight: bold; text-transform: uppercase; } .cms-blog-item .entry-footer ul { margin: 0; padding: 0; list-style: none; } .cms-blog-item .entry-footer ul li { display: inline-block; margin-left: 12px; } .cms-blog-item .entry-footer ul li.entry-share { position: relative; } .cms-blog-item .entry-footer ul a, .cms-blog-item .entry-footer ul span, .cms-blog-item .entry-footer ul i { color: #7e8082; -webkit-transition: all 0.4s ease 0s; -khtml-transition: all 0.4s ease 0s; -moz-transition: all 0.4s ease 0s; -ms-transition: all 0.4s ease 0s; -o-transition: all 0.4s ease 0s; transition: all 0.4s ease 0s; /* BACKGROUND GRADIENT */ /* TRIPLE BORDERS */ } .cms-blog-item .entry-footer ul a:hover { color: var(--red); } .cms-blog-item .entry-footer ul a:hover i { color: var(--red); } .cms-blog-item .entry-footer ul ul { background: #eee none repeat scroll 0 0; border: medium none; border-radius: 0; margin-top: 5px; padding: 5px 0; float: left; min-width: 132px; -webkit-box-shadow: rgba(0, 0, 0, 0.26) 0 2px 5px 0; -khtml-box-shadow: rgba(0, 0, 0, 0.26) 0 2px 5px 0; -moz-box-shadow: rgba(0, 0, 0, 0.26) 0 2px 5px 0; -ms-box-shadow: rgba(0, 0, 0, 0.26) 0 2px 5px 0; -o-box-shadow: rgba(0, 0, 0, 0.26) 0 2px 5px 0; box-shadow: rgba(0, 0, 0, 0.26) 0 2px 5px 0; /* BACKGROUND GRADIENT */ /* BOX SIZING */ } .cms-blog-item .entry-footer ul ul li { margin-left: 0; float: left; } .cms-blog-item .entry-footer ul ul a { padding: 7px 15px; background: 0 none; } .cms-blog-item .entry-footer ul ul a:hover i { color: #111; } .cms-blog-masonry .cms-blog-item .entry-title { font-size: 16px; font-weight: 900; line-height: 26px; margin: 0; min-height: 52px; } .entry-tags a { border: 1px solid #e9e9e9; display: inline-block; font-size: 11px; letter-spacing: 1px; margin: 0 5px 5px 0; padding: 3px 10px; text-decoration: none; text-transform: uppercase; } .entry-tags a:hover { background: var(--dark-gray); border: 1px solid var(--dark-gray); color: var(--white); } .entry-author-wrap { background: var(--lgray); padding: 25px; position: relative; } .entry-author-wrap .author-avatar-wrap { float: left; margin-right: 20px; } .entry-author-wrap .author-name { font-size: 16px; margin-bottom: 7px; margin-top: 7px; display: inline-block; font-weight: 900; margin-right: 20px; text-transform: uppercase; } .entry-author-wrap .author-bio { font-size: 13px; line-height: 22px; } .entry-navigation { background: var(--white); font-size: 12px; letter-spacing: 2px; padding: 18px 0; width: 100%; z-index: 99; } .entry-navigation a { display: block; float: left; vertical-align: middle; white-space: nowrap; width: 33.3333%; text-transform: uppercase; } .entry-navigation a.work-all { text-align: center; } .entry-navigation a.post-next { text-align: right; } .entry-navigation .icon { font-size: 24px; vertical-align: middle; } .blog-page-title { font-size: 18px; font-weight: bold; } .related-posts { /*------------------------------ 5.3 Portfolio ------------------------------*/ } .related-posts .cms-blog-item .entry-title { font-size: 14px; line-height: 25px; } .related-posts .entry-meta { padding-bottom: 20px; } .cms-grid-filter ul { color: #555; font-size: 13px; letter-spacing: 2px; margin: 0 0 45px; text-transform: uppercase; } .cms-grid-filter ul li { padding: 0; } .cms-grid-filter ul a { border-bottom: 1px solid transparent; color: #999; cursor: pointer; display: inline-block; margin: 0 21px 5px; text-decoration: none; -webkit-transition: all 0.27s cubic-bezier(0, 0, 0.58, 1) 0s; -khtml-transition: all 0.27s cubic-bezier(0, 0, 0.58, 1) 0s; -moz-transition: all 0.27s cubic-bezier(0, 0, 0.58, 1) 0s; -ms-transition: all 0.27s cubic-bezier(0, 0, 0.58, 1) 0s; -o-transition: all 0.27s cubic-bezier(0, 0, 0.58, 1) 0s; transition: all 0.27s cubic-bezier(0, 0, 0.58, 1) 0s; /* BACKGROUND GRADIENT */ /* TRIPLE BORDERS */ } .cms-grid-filter ul a:hover, .cms-grid-filter ul a:focus { color: #101010; } .cms-grid-filter ul a.active { border-color: #101010; color: #101010; } .cms-portfolio-item { padding: 0 !important; overflow: hidden; } .cms-portfolio-item:hover .portfolio-content { padding-top: 40px; } .cms-portfolio-item:hover .port-title-cont { margin-bottom: 15px; } .cms-portfolio-item:hover .portfolio-content, .cms-portfolio-item:hover .portfolio-image:before { filter: alpha(opacity=100); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; -webkit-opacity: 1; -khtml-opacity: 1; -moz-opacity: 1; -ms-opacity: 1; -o-opacity: 1; opacity: 1; /* BACKGROUND GRADIENT */ /* OUTLINE RADIUS */ -webkit-transition: all 0.3s cubic-bezier(0.3, 0.1, 0.58, 1) 0s; -khtml-transition: all 0.3s cubic-bezier(0.3, 0.1, 0.58, 1) 0s; -moz-transition: all 0.3s cubic-bezier(0.3, 0.1, 0.58, 1) 0s; -ms-transition: all 0.3s cubic-bezier(0.3, 0.1, 0.58, 1) 0s; -o-transition: all 0.3s cubic-bezier(0.3, 0.1, 0.58, 1) 0s; transition: all 0.3s cubic-bezier(0.3, 0.1, 0.58, 1) 0s; /* BACKGROUND GRADIENT */ /* TRIPLE BORDERS */ } .cms-portfolio-item:hover img { -webkit-transform: scale(1.3) translateZ(0px); -khtml-transform: scale(1.3) translateZ(0px); -moz-transform: scale(1.3) translateZ(0px); -ms-transform: scale(1.3) translateZ(0px); -o-transform: scale(1.3) translateZ(0px); transform: scale(1.3) translateZ(0px); /* BACKGROUND GRADIENT */ /* TRANSFORM STYLE */ } .cms-portfolio-item-inner { position: relative; overflow: hidden; } .cms-portfolio-item-inner a { display: block; } .cms-portfolio-item-inner .portfolio-image { -webkit-transition: all 0.3s cubic-bezier(0.3, 0.1, 0.58, 1) 0s; -khtml-transition: all 0.3s cubic-bezier(0.3, 0.1, 0.58, 1) 0s; -moz-transition: all 0.3s cubic-bezier(0.3, 0.1, 0.58, 1) 0s; -ms-transition: all 0.3s cubic-bezier(0.3, 0.1, 0.58, 1) 0s; -o-transition: all 0.3s cubic-bezier(0.3, 0.1, 0.58, 1) 0s; transition: all 0.3s cubic-bezier(0.3, 0.1, 0.58, 1) 0s; /* BACKGROUND GRADIENT */ /* TRIPLE BORDERS */ } .cms-portfolio-item-inner .portfolio-image:before { content: ""; display: block; background: rgba(16, 16, 16, 0.85); width: 100%; height: 100%; position: absolute; top: 0; right: 0; bottom: 0; left: 0; filter: alpha(opacity=0); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; -webkit-opacity: 0; -khtml-opacity: 0; -moz-opacity: 0; -ms-opacity: 0; -o-opacity: 0; opacity: 0; /* BACKGROUND GRADIENT */ /* OUTLINE RADIUS */ z-index: 2; -webkit-transition: all 0.3s cubic-bezier(0.3, 0.1, 0.58, 1) 0s; -khtml-transition: all 0.3s cubic-bezier(0.3, 0.1, 0.58, 1) 0s; -moz-transition: all 0.3s cubic-bezier(0.3, 0.1, 0.58, 1) 0s; -ms-transition: all 0.3s cubic-bezier(0.3, 0.1, 0.58, 1) 0s; -o-transition: all 0.3s cubic-bezier(0.3, 0.1, 0.58, 1) 0s; transition: all 0.3s cubic-bezier(0.3, 0.1, 0.58, 1) 0s; /* BACKGROUND GRADIENT */ /* TRIPLE BORDERS */ } .cms-portfolio-item-inner img { -webkit-transition: all 0.3s cubic-bezier(0.3, 0.1, 0.58, 1) 0s; -khtml-transition: all 0.3s cubic-bezier(0.3, 0.1, 0.58, 1) 0s; -moz-transition: all 0.3s cubic-bezier(0.3, 0.1, 0.58, 1) 0s; -ms-transition: all 0.3s cubic-bezier(0.3, 0.1, 0.58, 1) 0s; -o-transition: all 0.3s cubic-bezier(0.3, 0.1, 0.58, 1) 0s; transition: all 0.3s cubic-bezier(0.3, 0.1, 0.58, 1) 0s; /* BACKGROUND GRADIENT */ /* TRIPLE BORDERS */ width: 100%; } .cms-portfolio-item-inner .portfolio-content { position: absolute; top: 0; right: 0; bottom: 0; top: 0; padding: 20px 50px 50px; z-index: 2; width: 100%; -webkit-transition: all 0.3s cubic-bezier(0.3, 0.1, 0.58, 1) 0s; -khtml-transition: all 0.3s cubic-bezier(0.3, 0.1, 0.58, 1) 0s; -moz-transition: all 0.3s cubic-bezier(0.3, 0.1, 0.58, 1) 0s; -ms-transition: all 0.3s cubic-bezier(0.3, 0.1, 0.58, 1) 0s; -o-transition: all 0.3s cubic-bezier(0.3, 0.1, 0.58, 1) 0s; transition: all 0.3s cubic-bezier(0.3, 0.1, 0.58, 1) 0s; /* BACKGROUND GRADIENT */ /* TRIPLE BORDERS */ z-index: 3; filter: alpha(opacity=0); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; -webkit-opacity: 0; -khtml-opacity: 0; -moz-opacity: 0; -ms-opacity: 0; -o-opacity: 0; opacity: 0; /* BACKGROUND GRADIENT */ /* OUTLINE RADIUS */ } .cms-portfolio-item-inner .port-title-cont { margin-bottom: 0px; -webkit-transition: all 0.4s cubic-bezier(0.3, 0.1, 0.58, 1) 0s; -khtml-transition: all 0.4s cubic-bezier(0.3, 0.1, 0.58, 1) 0s; -moz-transition: all 0.4s cubic-bezier(0.3, 0.1, 0.58, 1) 0s; -ms-transition: all 0.4s cubic-bezier(0.3, 0.1, 0.58, 1) 0s; -o-transition: all 0.4s cubic-bezier(0.3, 0.1, 0.58, 1) 0s; transition: all 0.4s cubic-bezier(0.3, 0.1, 0.58, 1) 0s; /* BACKGROUND GRADIENT */ /* TRIPLE BORDERS */ } .cms-portfolio-item-inner .port-title-cont h3 { margin: 0; font-family: var(--mainfont); text-transform: uppercase; } .cms-portfolio-item-inner .port-title-cont h3 a { color: var(--white); font-weight: bold; font-size: 16px; line-height: 24px; } .cms-portfolio-item-inner .port-title-cont h3 a:hover { color: #dedede; } .cms-portfolio-item-inner .port-title-cont .port-categories a { color: #bebebe; font-size: 12px; text-transform: uppercase; display: inline-block; } .cms-portfolio-item-inner .port-title-cont .port-categories a:hover, .cms-portfolio-item-inner .port-title-cont .port-categories a:focus { color: var(--white); } .cms-portfolio-item-inner .port-title-cont .port-categories a + a:before { content: "/"; display: inline-block; padding: 0px 7px; color: #7e8082; } .cms-portfolio-item-inner .port-btn-cont a { color: #bebebe; display: inline-block; font-size: 18px; margin-right: 20px; } .cms-portfolio-item-inner .port-btn-cont a:last-child { margin-right: 0; } .cms-portfolio-item-inner .port-btn-cont a:hover, .cms-portfolio-item-inner .port-btn-cont a:focus { color: var(--white); } @media screen and (max-width: 380px) { /* Portfolio Grid ------------------------------*/ .cms-portfolio-item-inner .portfolio-content { padding: 15px !important; } } .template-cms_grid--portfolio { /* Portfolio Boxed ------------------------------*/ } .template-cms_grid--portfolio .cms-portfolio-item i { color: var(--white); font-size: 26px; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -khtml-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); /* BACKGROUND GRADIENT */ /* TRANSFORM STYLE */ filter: alpha(opacity=0); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; -webkit-opacity: 0; -khtml-opacity: 0; -moz-opacity: 0; -ms-opacity: 0; -o-opacity: 0; opacity: 0; /* BACKGROUND GRADIENT */ /* OUTLINE RADIUS */ -webkit-transition: all 0.3s cubic-bezier(0.3, 0.1, 0.58, 1) 0s; -khtml-transition: all 0.3s cubic-bezier(0.3, 0.1, 0.58, 1) 0s; -moz-transition: all 0.3s cubic-bezier(0.3, 0.1, 0.58, 1) 0s; -ms-transition: all 0.3s cubic-bezier(0.3, 0.1, 0.58, 1) 0s; -o-transition: all 0.3s cubic-bezier(0.3, 0.1, 0.58, 1) 0s; transition: all 0.3s cubic-bezier(0.3, 0.1, 0.58, 1) 0s; /* BACKGROUND GRADIENT */ /* TRIPLE BORDERS */ z-index: 7; margin-top: -18px; } .template-cms_grid--portfolio .cms-portfolio-item a:hover i, .template-cms_grid--portfolio .cms-portfolio-item a:hover .portfolio-image:before { filter: alpha(opacity=100); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; -webkit-opacity: 1; -khtml-opacity: 1; -moz-opacity: 1; -ms-opacity: 1; -o-opacity: 1; opacity: 1; /* BACKGROUND GRADIENT */ /* OUTLINE RADIUS */ margin-top: 0; } .template-cms_grid--portfolio .cms-portfolio-item a:hover img { -webkit-transform: scale(1.3) translateZ(0px); -khtml-transform: scale(1.3) translateZ(0px); -moz-transform: scale(1.3) translateZ(0px); -ms-transform: scale(1.3) translateZ(0px); -o-transform: scale(1.3) translateZ(0px); transform: scale(1.3) translateZ(0px); /* BACKGROUND GRADIENT */ /* TRANSFORM STYLE */ } .template-cms_grid--portfolio hr:last-child { display: none; margin: 0; padding: 0; } .template-cms_grid--portfolio .container:last-child .row { margin-bottom: 0 !important; } .template-cms_grid--portfolio-boxed { /* Portfolio Wide ------------------------------*/ } .template-cms_grid--portfolio-boxed .portfolio-image:before { background: rgba(16, 16, 16, 0.85); } .portfolio-wide-layout { /* Portfolio Suffle ------------------------------*/ } .portfolio-wide-layout .cms-grid-filter ul { display: block; text-align: center; } .cms-shuffle-item0 { position: relative; overflow: hidden; } .cms-portfolio-custom-title { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -khtml-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); /* BACKGROUND GRADIENT */ /* TRANSFORM STYLE */ width: 100%; text-align: center; /* Single Portfolio ------------------------------*/ } .cms-portfolio-custom-title .cms-title { font-size: 45px; font-weight: 300; letter-spacing: 10px; line-height: 58px; font-family: var(--extrafont); } .entry-port-info .blog-page-title { text-transform: uppercase; } .entry-port-info .entry-port-info-inner { font-size: 12px; text-transform: uppercase; } .entry-port-info .entry-port-info-inner p { margin-bottom: 5px; } .entry-port-info .entry-port-info-inner p strong { display: inline-block; letter-spacing: 1px; width: 80px; } .single-portfolio #main > .container { width: 100%; padding: 0; } .single-portfolio #main > .container > .row { margin: 0; } .single-portfolio #main > .container > .row > #primary { padding: 0; } .video-ads-text-cont { color: #f1f1f1; font-family: var(--extrafont); font-size: 36px; font-weight: 300; line-height: 36px; margin: 0 auto; text-align: center; /* Related Portfolio */ } .video-ads-text-cont a { color: var(--white); display: inline-block; font-size: 80px; line-height: 63px; padding: 20px; vertical-align: middle; } .video-ads-text-cont a:hover, .video-ads-text-cont a:hover span { color: #a5a5a5; } .video-ads-text-cont span.icon { color: var(--white); font-size: 80px; line-height: 63px; -webkit-transition: all 0.4s ease 0s; -khtml-transition: all 0.4s ease 0s; -moz-transition: all 0.4s ease 0s; -ms-transition: all 0.4s ease 0s; -o-transition: all 0.4s ease 0s; transition: all 0.4s ease 0s; /* BACKGROUND GRADIENT */ /* TRIPLE BORDERS */ } .portfolio-related-wrap .cms-grid-filter { display: none; } .portfolio-related-wrap .cms-portfolio-no-padding { padding: 0; } .portfolio .owl-carousel .owl-dots { bottom: 10px; } .paging_inside .owl-carousel .owl-dots .owl-dot:hover span { background: var(--white); } @media screen and (max-width: 767px) { .template-cms_grid--portfolio-wide { margin-left: 0 !important; } } .post-type-archive-portfolio { /*------------------------------ 5.4 Shop ------------------------------*/ } .post-type-archive-portfolio .bg-white { background: #fff !important; padding: 0 15px; } .cms-woo-breadcrumb { display: none; } .before-shop-loop { text-transform: uppercase; font-size: 12px; } .before-shop-loop p, .before-shop-loop form { margin-bottom: 0 !important; } .before-shop-loop .orderby { text-transform: uppercase; font-size: 12px; } .before-shop-loop > .container { padding: 0; width: 100%; } @media (min-width: 992px) { .woocommerce.columns-2 > .row > div { width: 50%; } .woocommerce.columns-3 > .row > div { width: 33.33333%; } .woocommerce.columns-4 > .row > div { width: 25%; } } @media (min-width: 768px) and (max-width: 991px) { .post-type-archive-product .cms-product.col-sm-3:nth-child(4n + 1) { clear: left; } .post-type-archive-product .cms-product.col-sm-4:nth-child(3n + 1) { clear: left; } .post-type-archive-product .cms-product.col-sm-6:nth-child(2n + 1) { clear: left; } } @media (min-width: 992px) and (max-width: 1199px) { .post-type-archive-product .cms-product.col-md-3:nth-child(4n + 1) { clear: left; } .post-type-archive-product .cms-product.col-md-4:nth-child(3n + 1) { clear: left; } .post-type-archive-product .cms-product.col-md-6:nth-child(2n + 1) { clear: left; } } @media screen and (min-width: 1200px) { .post-type-archive-product .cms-product.col-lg-3:nth-child(4n + 1) { clear: left; } .post-type-archive-product .cms-product.col-lg-4:nth-child(3n + 1) { clear: left; } .post-type-archive-product .cms-product.col-lg-6:nth-child(2n + 1) { clear: left; } } .woocommerce .yith-wcwl-add-to-wishlist { margin: 0; display: inline-block; /* Product Loop ------------------------------*/ } .woocommerce .yith-wcwl-add-to-wishlist .yith-wcwl-add-button { position: relative; } .woocommerce .yith-wcwl-add-to-wishlist .yith-wcwl-add-button .ajax-loading { margin: 0; position: absolute; left: 50%; top: -20px; -webkit-transform: translate(-50%); -khtml-transform: translate(-50%); -moz-transform: translate(-50%); -ms-transform: translate(-50%); -o-transform: translate(-50%); transform: translate(-50%); /* BACKGROUND GRADIENT */ /* TRANSFORM STYLE */ } .woocommerce .yith-wcwl-add-to-wishlist .add_to_wishlist, .woocommerce .yith-wcwl-add-to-wishlist .yith-wcwl-wishlistexistsbrowse a, .woocommerce .yith-wcwl-add-to-wishlist .yith-wcwl-wishlistaddedbrowse a { width: 19px; height: 19px; line-height: 19px; text-align: center; color: #7e8082; font-size: 0; display: block; margin: 0px 4px; float: left; position: relative; -webkit-transition: all 0.3s ease 0s; -khtml-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -ms-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; /* BACKGROUND GRADIENT */ /* TRIPLE BORDERS */ } .woocommerce .yith-wcwl-add-to-wishlist .add_to_wishlist:before, .woocommerce .yith-wcwl-add-to-wishlist .yith-wcwl-wishlistexistsbrowse a:before, .woocommerce .yith-wcwl-add-to-wishlist .yith-wcwl-wishlistaddedbrowse a:before { content: "\e030"; font-family: ElegantIcons; font-size: 14px; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -khtml-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); /* BACKGROUND GRADIENT */ /* TRANSFORM STYLE */ -webkit-transition: all 0.3s ease 0s; -khtml-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -ms-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; /* BACKGROUND GRADIENT */ /* TRIPLE BORDERS */ } .woocommerce .yith-wcwl-add-to-wishlist .add_to_wishlist:hover, .woocommerce .yith-wcwl-add-to-wishlist .yith-wcwl-wishlistexistsbrowse a:hover, .woocommerce .yith-wcwl-add-to-wishlist .yith-wcwl-wishlistaddedbrowse a:hover { color: var(--dark-gray); } .woocommerce .yith-wcwl-add-to-wishlist .add_to_wishlist:hover:before, .woocommerce .yith-wcwl-add-to-wishlist .yith-wcwl-wishlistexistsbrowse a:before, .woocommerce .yith-wcwl-add-to-wishlist .yith-wcwl-wishlistaddedbrowse a:before { content: "\e089"; -webkit-transition: all 0.3s ease 0s; -khtml-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -ms-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; /* BACKGROUND GRADIENT */ /* TRIPLE BORDERS */ } .woocommerce .yith-wcwl-add-to-wishlist .yith-wcwl-wishlistaddedbrowse .feedback, .woocommerce .yith-wcwl-add-to-wishlist .yith-wcwl-wishlistexistsbrowse .feedback { display: none; } .cms-product-action-wrap { position: relative; } .cms-product-action-wrap .add_to_cart_button.loading { padding-right: 15px !important; opacity: 0.25; } .cms-product-action-wrap .add_to_cart_button.loading:after { font-family: WooCommerce; content: "\e01c"; vertical-align: top; font-weight: 400; position: absolute; top: 0.618em; right: 1em; -webkit-animation: spin 2s linear infinite; -moz-animation: spin 2s linear infinite; animation: spin 2s linear infinite; } .cms-product-action-wrap .add_to_cart_button.added:after { font-family: "WooCommerce"; content: "\e017"; margin-left: 0.53em; vertical-align: bottom; } .cms-product .cms-woo-image { padding-bottom: 25px; } .cms-product .cms-woo-image span { font-size: 13px; position: absolute; right: 3px; top: -20px; left: auto; background: var(--red); border-radius: 50%; color: var(--dark-gray); display: inline-block; height: 60px; width: 60px; line-height: 60px; text-transform: uppercase; font-weight: 400; padding: 0; z-index: 3; text-align: center; } .cms-product .cms-woo-image img { -webkit-transition: all 0.3s ease 0s; -khtml-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -ms-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; /* BACKGROUND GRADIENT */ /* TRIPLE BORDERS */ width: 100%; } .cms-product .cms-woo-image a:hover img { filter: alpha(opacity=60); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)"; -webkit-opacity: 0.6; -khtml-opacity: 0.6; -moz-opacity: 0.6; -ms-opacity: 0.6; -o-opacity: 0.6; opacity: 0.6; /* BACKGROUND GRADIENT */ /* OUTLINE RADIUS */ } .cms-product .cms-product-title h3 { margin-top: 0; font-size: 16px; font-weight: 500; line-height: 26px; margin: 0; font-family: var(--mainfont); text-transform: uppercase; } .cms-product .cms-product-title h3 a { color: #7e8082; } .cms-product .cms-product-title h3 a:hover, .cms-product .cms-product-title h3 a:focus { color: #101010; } .cms-product span.price { display: block; color: #4b4e53 !important; font-size: 16px !important; margin-bottom: 20px; } .cms-product span.price del { filter: alpha(opacity=1 !important * 100); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=1 !important * 100)"; -webkit-opacity: 1 !important; -khtml-opacity: 1 !important; -moz-opacity: 1 !important; -ms-opacity: 1 !important; -o-opacity: 1 !important; opacity: 1 !important; /* BACKGROUND GRADIENT */ /* OUTLINE RADIUS */ border: none; outline: none; } .cms-product span.price ins { text-decoration: none; } .cms-product span.price > span.amount { font-weight: bold; } .cms-product .cms-product-action { margin-right: 65px; } .cms-product .cms-product-action .cms-button { padding: 10px 0; display: inline-block; width: 100%; } .cms-product .cms-product-action .added_to_cart { background-color: #d7d9dc; color: var(--dark-gray); display: inline-block; border-radius: 2px; text-transform: uppercase; margin-left: 0px; clear: both; font-weight: normal; border: none; line-height: 25px; font-size: 14px; padding: 10px 0px; position: absolute; top: 48px; left: 0; width: 100%; text-align: center; -webkit-transition: all 0.27s cubic-bezier(0, 0, 0.58, 1) 0s; -khtml-transition: all 0.27s cubic-bezier(0, 0, 0.58, 1) 0s; -moz-transition: all 0.27s cubic-bezier(0, 0, 0.58, 1) 0s; -ms-transition: all 0.27s cubic-bezier(0, 0, 0.58, 1) 0s; -o-transition: all 0.27s cubic-bezier(0, 0, 0.58, 1) 0s; transition: all 0.27s cubic-bezier(0, 0, 0.58, 1) 0s; /* BACKGROUND GRADIENT */ /* TRIPLE BORDERS */ } .cms-product .cms-product-action .added_to_cart:hover { background: #101010; color: var(--white); } .cms-product .cms-product-action .product_type_variable { padding: 10px 25px; } .cms-product .cms-product-share ul { list-style: none; margin: 10px 0 0; padding: 0; position: absolute; right: 0; top: 0; } .cms-product .cms-product-share li { float: left; margin-left: 15px; } .cms-product .cms-product-share li a { color: #7e8082; } .cms-product .cms-product-share li a:hover { color: var(--red); } .cms-product .cms-product-share li ul { background: #eee none repeat scroll 0 0; border: medium none; border-radius: 0; margin-top: 15px; top: 100%; padding: 5px 0; float: left; min-width: 132px; -webkit-box-shadow: rgba(0, 0, 0, 0.26) 0 2px 5px 0; -khtml-box-shadow: rgba(0, 0, 0, 0.26) 0 2px 5px 0; -moz-box-shadow: rgba(0, 0, 0, 0.26) 0 2px 5px 0; -ms-box-shadow: rgba(0, 0, 0, 0.26) 0 2px 5px 0; -o-box-shadow: rgba(0, 0, 0, 0.26) 0 2px 5px 0; box-shadow: rgba(0, 0, 0, 0.26) 0 2px 5px 0; /* BACKGROUND GRADIENT */ /* BOX SIZING */ } .cms-product .cms-product-share li ul li { margin-left: 0; float: left; } .cms-product .cms-product-share li ul a { padding: 7px 15px; background: 0 none; } .cms-product .cms-product-share li ul a:hover i { color: #111; } .woocommerce .return-to-shop .button { background-color: #d7d9dc; color: var(--dark-gray); display: inline-block; border-radius: 2px; text-transform: uppercase; margin-left: 0px; clear: both; font-weight: normal; border: none; line-height: 25px; font-size: 14px; padding: 10px 30px; text-align: center; -webkit-transition: all 0.27s cubic-bezier(0, 0, 0.58, 1) 0s; -khtml-transition: all 0.27s cubic-bezier(0, 0, 0.58, 1) 0s; -moz-transition: all 0.27s cubic-bezier(0, 0, 0.58, 1) 0s; -ms-transition: all 0.27s cubic-bezier(0, 0, 0.58, 1) 0s; -o-transition: all 0.27s cubic-bezier(0, 0, 0.58, 1) 0s; transition: all 0.27s cubic-bezier(0, 0, 0.58, 1) 0s; /* BACKGROUND GRADIENT */ /* TRIPLE BORDERS */ /* Pagination ------------------------------*/ } .woocommerce .return-to-shop .button:hover { background: #101010; color: var(--white); } .woocommerce-pagi { text-align: left; } .woocommerce-pagi ul { margin: 0; padding: 0; list-style-type: none; } .woocommerce-pagi li { display: inline; } .woocommerce-pagi li .page-numbers { background-color: transparent; border: none; color: #7e8082; float: left; line-height: 1.42857; margin-right: 7px; padding: 8px 14px; position: relative; text-decoration: none; } .woocommerce-pagi li .page-numbers.prev, .woocommerce-pagi li .page-numbers.next { padding-left: 15px; padding-right: 15px; } .woocommerce-pagi li a:hover { background: var(--lgray); } .woocommerce-pagi li span.page-numbers.current { background-color: var(--dark-gray); color: var(--white); } @media screen and (max-width: 767px) { /* Single Product ------------------------------*/ .woocommerce-pagi { margin-bottom: 80px; } } .woocommerce .cms-single-product-wrap .cms-onsale, .woocommerce .cms-single-product-wrap .onsale { font-size: 13px; position: absolute; right: 3px; top: -20px; left: auto; background: #ffea00 !important; border-radius: 50%; color: #4b4e53 !important; display: inline-block; height: 60px; width: 60px; line-height: 60px; text-transform: uppercase; font-weight: 400; padding: 0; z-index: 3; text-align: center; } .woocommerce .cms-single-product-wrap .cms-popup-gallery img { -webkit-transition: all 0.3s ease 0s; -khtml-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -ms-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; /* BACKGROUND GRADIENT */ /* TRIPLE BORDERS */ } .woocommerce .cms-single-product-wrap .cms-popup-gallery .woocommerce-main-image img { margin-bottom: 25px; } .woocommerce .cms-single-product-wrap .cms-popup-gallery a:hover img { filter: alpha(opacity=60); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)"; -webkit-opacity: 0.6; -khtml-opacity: 0.6; -moz-opacity: 0.6; -ms-opacity: 0.6; -o-opacity: 0.6; opacity: 0.6; /* BACKGROUND GRADIENT */ /* OUTLINE RADIUS */ } .woocommerce .cms-single-product-wrap .cms-thumbnails img { margin-bottom: 25px; } .woocommerce .cms-single-product-wrap .product_title { font-size: 24px; letter-spacing: normal; line-height: 33px; margin: 26px 0 16px; text-transform: uppercase; } .woocommerce .cms-single-product-wrap .cms-product-price-wrap p.price { margin-bottom: 0; } .woocommerce .cms-single-product-wrap .cms-product-price-wrap del { filter: alpha(opacity=1 !important * 100); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=1 !important * 100)"; -webkit-opacity: 1 !important; -khtml-opacity: 1 !important; -moz-opacity: 1 !important; -ms-opacity: 1 !important; -o-opacity: 1 !important; opacity: 1 !important; /* BACKGROUND GRADIENT */ /* OUTLINE RADIUS */ color: #7e8082; font-size: 14px; } .woocommerce .cms-single-product-wrap .cms-product-price-wrap ins, .woocommerce .cms-single-product-wrap .cms-product-price-wrap .price > .amount { font-weight: bold; color: var(--dark-gray); font-size: 24px; text-decoration: none; } .woocommerce .cms-single-product-wrap .cms-product-rating-wrap .woocommerce-product-rating { margin-bottom: 0 !important; } .woocommerce .cms-single-product-wrap .cms-product-rating-wrap .woocommerce-product-rating .star-rating { margin-right: 0; font-size: 13px !important; } .woocommerce .cms-single-product-wrap .cms-product-rating-wrap .woocommerce-product-rating .star-rating:before { color: var(--dark-gray); } .woocommerce .cms-single-product-wrap .cms-product-rating-wrap .woocommerce-product-rating .star-rating span:before { color: var(--dark-gray); } .woocommerce .cms-single-product-wrap .cms-product-rating-wrap .star-rating, .woocommerce .cms-single-product-wrap .cms-product-rating-wrap .woocommerce-review-link { float: right; } .woocommerce .cms-single-product-wrap .cms-product-rating-wrap .woocommerce-review-link { color: #7e8082; } .woocommerce .cms-single-product-wrap .cms-product-rating-wrap .woocommerce-review-link:hover { color: var(--dark-gray); } .woocommerce .cms-single-product-wrap .cms-product-rating-wrap .woocommerce-review-link:before { content: "/"; display: inline-block; padding: 0 7px; color: #7e8082; } .woocommerce .cms-single-product-wrap .cms-quantity input { border: 1px solid #dedede; padding: 9px 15px; width: 100%; } .woocommerce .cms-single-product-wrap .cms-product-action { position: relative; } .woocommerce .cms-single-product-wrap .cms-product-action ul.pull-right { list-style: none; margin: 0; padding: 0; position: absolute; right: 20px; top: 10px; } .woocommerce .cms-single-product-wrap .cms-product-action li { float: left; margin-left: 15px; } .woocommerce .cms-single-product-wrap .cms-product-action li a { color: #7e8082; } .woocommerce .cms-single-product-wrap .cms-product-action li a:hover { color: var(--red); } .woocommerce .cms-single-product-wrap .cms-product-action li ul { background: #eee none repeat scroll 0 0; border: medium none; border-radius: 0; margin-top: 15px; padding: 5px 0; float: left; min-width: 132px; -webkit-box-shadow: rgba(0, 0, 0, 0.26) 0 2px 5px 0; -khtml-box-shadow: rgba(0, 0, 0, 0.26) 0 2px 5px 0; -moz-box-shadow: rgba(0, 0, 0, 0.26) 0 2px 5px 0; -ms-box-shadow: rgba(0, 0, 0, 0.26) 0 2px 5px 0; -o-box-shadow: rgba(0, 0, 0, 0.26) 0 2px 5px 0; box-shadow: rgba(0, 0, 0, 0.26) 0 2px 5px 0; /* BACKGROUND GRADIENT */ /* BOX SIZING */ } .woocommerce .cms-single-product-wrap .cms-product-action li ul li { margin-left: 0; float: left; } .woocommerce .cms-single-product-wrap .cms-product-action li ul a { padding: 7px 15px; background: 0 none; } .woocommerce .cms-single-product-wrap .cms-product-action li ul a:hover i { color: #111; } .woocommerce .cms-single-product-wrap .cms-product-action .cms-add-cart-wrap { margin-right: 65px; } .woocommerce .cms-single-product-wrap .cms-product-action .cms-add-cart-wrap .cms-button { padding-left: 0; padding-right: 0; width: 100%; } .woocommerce .cms-single-product-wrap form.cart { margin-bottom: 0 !important; } .woocommerce .cms-single-product-wrap .product_meta { font-size: 12px; line-height: 20px; } .woocommerce .cms-single-product-wrap .product_meta span { margin: 0; } .woocommerce .cms-single-product-wrap .variations { /* Define */ /* Related product */ } .woocommerce .cms-single-product-wrap .variations .col-sm-6 { margin-bottom: 30px; overflow: hidden; } .woocommerce .cms-single-product-wrap .variations .col-sm-6:last-child { margin-bottom: 10px; } @media screen and (min-width: 768px) { .woocommerce .cms-single-product-wrap .variations .col-sm-6 { margin-bottom: 5px; } .woocommerce .cms-single-product-wrap .variations .col-sm-6:last-child { margin-bottom: 5px; } } .woocommerce .cms-single-product-wrap .variations select { border: 1px solid #dedede; padding: 9px 20px 9px 10px; -webkit-border-radius: 0; -khtml-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; -o-border-radius: 0; border-radius: 0; /* BACKGROUND GRADIENT */ } .woocommerce .cms-single-product-wrap .related-product-carousel .cms-product { margin: 0 15px; } .woocommerce .cms-single-product-wrap .related-product-carousel.owl-carousel .owl-prev, .woocommerce .cms-single-product-wrap .related-product-carousel.owl-carousel .owl-next { margin-top: -5px; padding-top: 19px; width: 40px; height: 70px; background: var(--white); line-height: 30px; font-size: 30px; color: rgba(16, 16, 16, 0.7); -webkit-box-shadow: 1px 1px 0px rgba(0, 0, 0, 0.1); -khtml-box-shadow: 1px 1px 0px rgba(0, 0, 0, 0.1); -moz-box-shadow: 1px 1px 0px rgba(0, 0, 0, 0.1); -ms-box-shadow: 1px 1px 0px rgba(0, 0, 0, 0.1); -o-box-shadow: 1px 1px 0px rgba(0, 0, 0, 0.1); box-shadow: 1px 1px 0px rgba(0, 0, 0, 0.1); /* BACKGROUND GRADIENT */ /* BOX SIZING */ } .woocommerce .cms-single-product-wrap .related-product-carousel.owl-carousel .owl-prev i.icon, .woocommerce .cms-single-product-wrap .related-product-carousel.owl-carousel .owl-next i.icon { margin-left: 0; width: auto; height: auto; line-height: inherit; } .woocommerce .cms-single-product-wrap .related-product-carousel .cms-onsale { border-radius: 0; height: auto; line-height: 2; right: 15px; top: 0; } .woocommerce .cms-single-product-wrap .shop-attributes td p { margin-bottom: 0; } .woocommerce .cms-single-product-wrap .comments-area li.comment { border-top: 1px dotted #e9e9e9; font-size: 14px; overflow: hidden; padding-top: 30px !important; } .woocommerce .cms-single-product-wrap .comments-area li.comment:first-child { border: none; padding-top: 0; } .woocommerce .cms-single-product-wrap .comments-area .comment-date:after { content: "-"; font-size: 12px; display: inline-block; padding: 0 7px; color: #7e8082; } body .comments-area .star-rating { display: inline-block; float: none; margin-right: 0; font-size: 12px !important; } body .comments-area .star-rating:before { color: var(--dark-gray); } body .comments-area .star-rating span:before { color: var(--dark-gray); } body #review_form_wrapper { background-color: var(--lgray); padding: 10px 40px 60px; } body #review_form_wrapper .comment-reply-title { margin-bottom: 25px; margin-top: 50px; font-size: 18px; font-weight: 900; text-transform: uppercase; font-family: var(--mainfont); } body #review_form_wrapper .comment-form { margin-left: -15px; margin-right: -15px; } body #review_form_wrapper .comment-form .form-control { width: 100%; height: auto; } body #review_form_wrapper .comment-form #cms-rating { line-height: 1.4; padding-bottom: 6px; width: 100%; } body #review_form_wrapper .form-submit { margin-bottom: 0 !important; clear: both; } body #review_form_wrapper #respond #submit { background-color: #535961; color: var(--white); display: inline-block; padding: 10px 37px; border-radius: 2px; text-transform: uppercase; margin-left: 15px; line-height: 25px; clear: both; -webkit-transition: all 0.3s ease 0s; -khtml-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -ms-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; /* BACKGROUND GRADIENT */ /* TRIPLE BORDERS */ font-weight: normal; } body #review_form_wrapper #respond #submit:hover { background: #101010; } .cms-shop-support-info .icon { font-size: 40px; line-height: 40px; } .cms-shop-support-info h6 { color: var(--white); margin-bottom: 30px; text-transform: uppercase; } .single-product { /* Mini cart */ } .single-product .cms-single-product-wrap { padding-top: 0 !important; } .single-product #main { padding-bottom: 0 !important; } body .widget_cart_search_wrap, .woocommerce .widget_cart_search_wrap, .woocommerce.widget .widget_shopping_cart_content { /* Message ------------------------------*/ } body .widget_cart_search_wrap ul.product_list_widget, .woocommerce .widget_cart_search_wrap ul.product_list_widget, .woocommerce.widget .widget_shopping_cart_content ul.product_list_widget { list-style: none; margin: 0; padding: 0; } body .widget_cart_search_wrap ul.product_list_widget .mini_cart_item, .woocommerce .widget_cart_search_wrap ul.product_list_widget .mini_cart_item, .woocommerce.widget .widget_shopping_cart_content ul.product_list_widget .mini_cart_item { padding-top: 0; padding-bottom: 0; margin-bottom: 15px; position: relative; } body .widget_cart_search_wrap ul.product_list_widget .mini_cart_item .remove, .woocommerce .widget_cart_search_wrap ul.product_list_widget .mini_cart_item .remove, .woocommerce.widget .widget_shopping_cart_content ul.product_list_widget .mini_cart_item .remove { font-size: 18px; position: absolute; top: 10px; right: 0; z-index: 5; -webkit-transform: translateY(-50%); -khtml-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); /* BACKGROUND GRADIENT */ /* TRANSFORM STYLE */ } body .widget_cart_search_wrap ul.product_list_widget .mini_cart_item .product-desc, .woocommerce .widget_cart_search_wrap ul.product_list_widget .mini_cart_item .product-desc, .woocommerce.widget .widget_shopping_cart_content ul.product_list_widget .mini_cart_item .product-desc { overflow: hidden; padding-left: 20px; } body .widget_cart_search_wrap ul.product_list_widget .mini_cart_item .product-desc h5, .woocommerce .widget_cart_search_wrap ul.product_list_widget .mini_cart_item .product-desc h5, .woocommerce.widget .widget_shopping_cart_content ul.product_list_widget .mini_cart_item .product-desc h5 { margin-top: 5px; margin-bottom: 5px; padding-right: 20px; } body .widget_cart_search_wrap ul.product_list_widget .mini_cart_item a, .woocommerce .widget_cart_search_wrap ul.product_list_widget .mini_cart_item a, .woocommerce.widget .widget_shopping_cart_content ul.product_list_widget .mini_cart_item a { font-weight: 400; font-size: 13px; display: block; outline: none; } body .widget_cart_search_wrap ul.product_list_widget .mini_cart_item a img, .woocommerce .widget_cart_search_wrap ul.product_list_widget .mini_cart_item a img, .woocommerce.widget .widget_shopping_cart_content ul.product_list_widget .mini_cart_item a img { width: 70px; box-shadow: none; float: right; height: auto; margin-left: 0px; } body .widget_cart_search_wrap p, .woocommerce .widget_cart_search_wrap p, .woocommerce.widget .widget_shopping_cart_content p { text-align: right; } body .widget_cart_search_wrap .total, .woocommerce .widget_cart_search_wrap .total, .woocommerce.widget .widget_shopping_cart_content .total { border-top: 1px solid var(--lgray); padding-top: 15px; float: none !important; } body .widget_cart_search_wrap .total strong, .woocommerce .widget_cart_search_wrap .total strong, .woocommerce.widget .widget_shopping_cart_content .total strong { color: var(--dark-gray); text-transform: none; font-weight: 600; } body .widget_cart_search_wrap .buttons .button, .woocommerce .widget_cart_search_wrap .buttons .button, .woocommerce.widget .widget_shopping_cart_content .buttons .button { background: #d7d9dc; border: medium none; border-radius: 2px; color: var(--dark-gray); display: inline-block; font-size: 12px; line-height: 25px; font-weight: 400; margin-left: 5px; outline: 0 none; padding: 6px 25px; position: relative; text-align: center; text-decoration: none; text-transform: uppercase; -webkit-transition: all 0.3s ease 0s; -khtml-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -ms-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; /* BACKGROUND GRADIENT */ /* TRIPLE BORDERS */ } body .widget_cart_search_wrap .buttons .button:hover, .woocommerce .widget_cart_search_wrap .buttons .button:hover, .woocommerce.widget .widget_shopping_cart_content .buttons .button:hover, body .widget_cart_search_wrap .buttons .button:focus, .woocommerce .widget_cart_search_wrap .buttons .button:focus, .woocommerce.widget .widget_shopping_cart_content .buttons .button:focus { background: var(--dark-gray); color: var(--white); } .woocommerce .woocommerce-message { border-top-color: var(--red); } .woocommerce .woocommerce-message:before { color: var(--red); } .woocommerce .woocommerce-error .button, .woocommerce .woocommerce-info .button, .woocommerce .woocommerce-message .button { background-color: #535961; color: var(--white); display: inline-block; padding: 10px 37px; border-radius: 2px; text-transform: uppercase; margin-left: 15px; line-height: 25px; clear: both; -webkit-transition: all 0.3s ease 0s; -khtml-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -ms-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; /* BACKGROUND GRADIENT */ /* TRIPLE BORDERS */ font-weight: normal; /* Checkout page ------------------------------*/ } .woocommerce .woocommerce-error .button:hover, .woocommerce .woocommerce-info .button:hover, .woocommerce .woocommerce-message .button:hover { background: #101010; color: var(--white); } body .shopping-cart-table { text-transform: uppercase; border-collapse: collapse; border-spacing: 0; color: var(--dark-gray); /* Coupon */ } body .shopping-cart-table tr th, body .shopping-cart-table tr td { vertical-align: middle !important; } body .shopping-cart-table th { color: var(--dark-gray); font-weight: bold; text-transform: uppercase; } body .shopping-cart-table .product-thumbnail img { width: 70px; } body .shopping-cart-table .icon-close { font-size: 24px; color: #4b4e53 !important; } body .shopping-cart-table .icon-close:hover { color: #97999c !important; background: 0 none; } body .shopping-cart-table .cms-quantity input { width: 60px; padding: 9px 15px; border: 1px solid #dedede; } body .shopping-cart-table .cms-quantity input:focus { border-color: rgba(0, 0, 0, 0.7); color: #111; outline: 0 none; } .coupon #coupon_code { width: 100%; border: 1px solid #dedede; padding: 9px 15px; } .woocommerce .form input[type="password"]:focus, .woocommerce .form input[type="date"]:focus, .woocommerce .form input[type="color"]:focus, .woocommerce .form input[type="text"]:focus, .woocommerce .form input[type="email"]:focus, .woocommerce .form input[type="number"]:focus, .woocommerce .form input[type="url"]:focus, .woocommerce .form input[type="search"]:focus, .woocommerce .form input[type="tel"]:focus, .woocommerce .form select:focus { border-color: rgba(0, 0, 0, 0.7); color: #111; outline: 0 none; } .wc-proceed-to-checkout { padding: 0 !important; } .wc-proceed-to-checkout a { display: inline-block !important; } .cms-coupon-wrap .cms-button.gray-light:disabled { cursor: not-allowed; opacity: 0.7; } .woocommerce-cart { /* CALCULATE SHIPPING */ } .woocommerce-cart .cart-collaterals .cart_totals { width: 100% !important; } .woocommerce-shipping-calculator .shipping-calculator-form { display: block !important; } .cart-totals-shipping { background: var(--lgray); padding: 1px 40px 40px; } .cart-totals-shipping .form-control { height: auto; } .woocommerce-checkout #primary { margin-left: 0; margin-right: 0; } #ship-to-different-address .checkbox { float: left; margin: 0; } #ship-to-different-address-checkbox { position: relative; top: -2px; } .woocommerce table.shop_table_responsive tbody th, .woocommerce table.shop_table_responsive thead, .woocommerce-page table.shop_table_responsive tbody th, .woocommerce-page table.shop_table_responsive thead { display: block !important; } .woocommerce form .form-row input.input-text, .woocommerce form .form-row textarea { line-height: 1.4 !important; } .woocommerce-checkout .form-row { margin-bottom: 30px !important; padding: 0 !important; } .woocommerce-checkout form.login .button { font-size: 14px; display: inline-block; padding: 10px 37px; -webkit-border-radius: 2px; -khtml-border-radius: 2px; -moz-border-radius: 2px; -ms-border-radius: 2px; -o-border-radius: 2px; border-radius: 2px; /* BACKGROUND GRADIENT */ color: var(--dark-gray); outline: 0 none; position: relative; line-height: 25px; text-transform: uppercase; border: none; -webkit-transition: all 0.4s ease 0s !important; -khtml-transition: all 0.4s ease 0s !important; -moz-transition: all 0.4s ease 0s !important; -ms-transition: all 0.4s ease 0s !important; -o-transition: all 0.4s ease 0s !important; transition: all 0.4s ease 0s !important; /* BACKGROUND GRADIENT */ /* TRIPLE BORDERS */ text-decoration: none; text-align: center; background: #535961; color: var(--white); } .woocommerce-checkout form.login .button:hover { background: #101010; } .woocommerce-checkout .checkout_coupon .button { font-size: 14px; display: inline-block; padding: 10px 37px; -webkit-border-radius: 2px; -khtml-border-radius: 2px; -moz-border-radius: 2px; -ms-border-radius: 2px; -o-border-radius: 2px; border-radius: 2px; /* BACKGROUND GRADIENT */ color: var(--dark-gray); outline: 0 none; position: relative; line-height: 25px; text-transform: uppercase; border: none; -webkit-transition: all 0.4s ease 0s !important; -khtml-transition: all 0.4s ease 0s !important; -moz-transition: all 0.4s ease 0s !important; -ms-transition: all 0.4s ease 0s !important; -o-transition: all 0.4s ease 0s !important; transition: all 0.4s ease 0s !important; /* BACKGROUND GRADIENT */ /* TRIPLE BORDERS */ text-decoration: none; text-align: center; background: #535961; color: var(--white); } .woocommerce-checkout .checkout_coupon .button:hover { background: #101010; } .woocommerce-checkout .select2-container--default .select2-selection--single { border: 0; border-radius: 0; border-bottom: 1px solid var(--gray); height: 32px; } .woocommerce-checkout .select2-container .select2-selection--single .select2-selection__rendered { padding: 0; } .woocommerce-checkout .cms-place-order { padding: 20px; margin: 0; } .woocommerce-checkout .cms-place-order #place_order { margin: 0 !important; } .woocommerce-checkout .order_details { margin: 20px 0; } .woocommerce-checkout .order_details strong { margin-top: 15px; } .woocommerce-checkout .customer_details tr td { background: #fff !important; } @media screen and (max-width: 767px) { .woocommerce-checkout .customer_details tr td { border-top: none; } } .woocommerce table.shop_table { -webkit-border-radius: 0px !important; -khtml-border-radius: 0px !important; -moz-border-radius: 0px !important; -ms-border-radius: 0px !important; -o-border-radius: 0px !important; border-radius: 0px !important; /* BACKGROUND GRADIENT */ } .woocommerce .shop_table.wishlist_table .cms-product-action-wrap .cms-product-share { display: none; } .woocommerce .shop_table.wishlist_table .cms-product-action-wrap .cms-button.add_to_cart_button { background-color: #d7d9dc; border: medium none; border-radius: 2px; color: var(--dark-gray); display: inline-block; font-size: 14px; line-height: 25px; outline: 0 none; padding: 10px 37px; position: relative; text-align: center; text-decoration: none; font-weight: normal; } .woocommerce .shop_table.wishlist_table .cms-product-action-wrap .cms-button.add_to_cart_button:hover, .woocommerce .shop_table.wishlist_table .cms-product-action-wrap .cms-button.add_to_cart_button:focus { background: var(--dark-gray); color: var(--white); } .woocommerce form .form-row .input-checkbox { position: static; } form.checkout_coupon .form-row input.button, form.woocommerce-form-login .form-row input.button { background-color: #535961; border: medium none; border-radius: 2px; color: var(--white); display: inline-block; font-size: 14px; line-height: 25px; font-weight: 400; outline: 0 none; padding: 10px 37px; position: relative; text-align: center; text-decoration: none; text-transform: uppercase; -webkit-transition: all 0.4s ease 0s; -khtml-transition: all 0.4s ease 0s; -moz-transition: all 0.4s ease 0s; -ms-transition: all 0.4s ease 0s; -o-transition: all 0.4s ease 0s; transition: all 0.4s ease 0s; /* BACKGROUND GRADIENT */ /* TRIPLE BORDERS */ } form.checkout_coupon .form-row input.button:hover, form.woocommerce-form-login .form-row input.button:hover, form.checkout_coupon .form-row input.button:focus, form.woocommerce-form-login .form-row input.button:focus { background: #101010; color: var(--white); } .wc-remove .wc-loading { font-style: inherit; position: relative; top: 4px; } .wc-remove .wc-loading:before { content: "\e01c"; font-family: WooCommerce; font-weight: 400; font-size: 10px; display: block; -webkit-animation: spin 2s linear infinite; -khtml-animation: spin 2s linear infinite; -moz-animation: spin 2s linear infinite; -ms-animation: spin 2s linear infinite; -o-animation: spin 2s linear infinite; animation: spin 2s linear infinite; /* BACKGROUND GRADIENT */ } .post-type-archive-portfolio { /*------------------------------ 5.5 Author Page ------------------------------*/ } .post-type-archive-portfolio section#primary { background-color: var(--lgray); } .post-type-archive-portfolio .cms-portfolio-no-padding { padding-left: 15px; padding-right: 15px; } body.author .archive-title { margin-top: 0; text-transform: uppercase; font-size: 24px; font-weight: 26px; } body.author .author-info { background: var(--lgray); padding: 20px; } body.author .author-avatar { float: left; margin-right: 20px; } body.author .author-description { overflow: hidden; } body.author .author-description h2 { margin: 7px 0; text-transform: uppercase; font-size: 18px; line-height: 25px; font-family: var(--mainfont); } @media screen and (max-width: 767px) { body.archive .blog-pag, body.search-results .blog-pag, .cms-home-blog .blog-pag, body.blog .blog-pag { margin-bottom: 80px; } #fbcomments { margin-bottom: 80px; } .no-results { margin-bottom: 80px; } } body.search-results #main { background: var(--white); } @media screen and (max-width: 767px) { /*------------------------------ 6.1 Buttons ------------------------------*/ .page-typography .shortcode-sidebar-area, .page-shortcodes .shortcode-sidebar-area { display: none; } } .demo-buttons .cms-button-wrap { margin-right: 6px; margin-bottom: 10px; vertical-align: middle !important; } .cms-button-wrap { filter: alpha(opacity=1 !important * 100); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=1 !important * 100)"; -webkit-opacity: 1 !important; -khtml-opacity: 1 !important; -moz-opacity: 1 !important; -ms-opacity: 1 !important; -o-opacity: 1 !important; opacity: 1 !important; /* BACKGROUND GRADIENT */ /* OUTLINE RADIUS */ } .cms-button-wrap.btn-view-all-team { /* Revolutuon */ } .cms-button-wrap.btn-view-all-team a { color: var(--dark-gray); background: #dedede; -webkit-border-radius: 0; -khtml-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; -o-border-radius: 0; border-radius: 0; /* BACKGROUND GRADIENT */ } .cms-button-wrap.btn-view-all-team a:hover { color: #23527c; background: #eee !important; } .button.large.thin, .button.medium.thin, .button.small.thin, .button.thin { background: transparent; border: 2px solid #c5c2c2; color: #7a7b80; padding: 13px 35px; position: relative; font-weight: 300; font-size: 14px; letter-spacing: normal; -webkit-transition: all 0.3s ease 0s; -khtml-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -ms-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; /* BACKGROUND GRADIENT */ /* TRIPLE BORDERS */ } .button.thin.white { border-color: var(--white); color: var(--white); } .button.thin.hover-dark:hover { background-color: #4b4e53 !important; border: 2px solid #4b4e53 !important; color: #fff !important; } .button.thin.white.hover-light:hover { background-color: #fff !important; border: 2px solid #fff !important; color: #4b4e53 !important; /* Default -----------------------------------------------------*/ } .cms-button { font-size: 14px; display: inline-block; padding: 10px 37px; background-color: var(--red); /*airebros*/ /* -webkit-border-radius: 2px; -khtml-border-radius: 2px; -moz-border-radius: 2px; -ms-border-radius: 2px; -o-border-radius: 2px; border-radius: 2px; color: var(--dark-gray); */ -webkit-border-radius: 25px; -khtml-border-radius: 25px; -moz-border-radius: 25px; -ms-border-radius: 25px; -o-border-radius: 25px; border-radius: 25px; /* BACKGROUND GRADIENT */ color: var(--white); outline: 0 none; position: relative; line-height: 25px; text-transform: uppercase; border: none; -webkit-transition: all 0.4s ease 0s !important; -khtml-transition: all 0.4s ease 0s !important; -moz-transition: all 0.4s ease 0s !important; -ms-transition: all 0.4s ease 0s !important; -o-transition: all 0.4s ease 0s !important; transition: all 0.4s ease 0s !important; /* BACKGROUND GRADIENT */ /* TRIPLE BORDERS */ text-decoration: none; text-align: center; cursor: pointer; } .cms-button.cms-border-hover { border: 2px solid transparent; padding: 8px 35px; } .cms-button:hover, .cms-button:focus, .cms-button.cyan:hover, .cms-button.gray-line:hover, .cms-button.blue:hover, .cms-button.teal:hover, .cms-button.green:hover, .cms-button.lime:hover, .cms-button.deeporange:hover { background: var(--dark-gray); color: var(--white); text-decoration: none; /* Size -------------------------*/ /* Large size */ } .cms-button.lg { font-size: 16px; line-height: 20px; padding: 20px 40px; /* Small size */ } .cms-button.sm { padding: 10px 15px; font-size: 11px; line-height: 16px; /* Mini Size */ } .cms-button.xs { font-size: 10px; padding: 2px 10px; line-height: 1.6; /* Color & Hover -------------------------*/ } .cms-button.gray { background: #535961; color: var(--white); } .cms-button.gray:hover { background: #101010; } .cms-button.gray.cms-border-hover:hover { background: transparent; border: 2px solid #535961; color: #535961; } .cms-button.gray-light { background: #d7d9dc; color: var(--dark-gray); } .cms-button.gray-light:hover { background: var(--dark-gray); color: var(--white); } .cms-button.gray-light.cms-border-hover:hover { background: transparent; border: 2px solid #d7d9dc; color: #d7d9dc; } .cms-button.cyan { background: #4cc1d3; color: var(--white); } .cms-button.cyan.cms-border-hover:hover { background: transparent; border: 2px solid #4cc1d3; color: #4cc1d3; } .cms-button.blue { background: #37a2d6; color: var(--white); } .cms-button.blue.cms-border-hover:hover { background: transparent; border: 2px solid #37a2d6; color: #37a2d6; } .cms-button.teal { background: #1bbc9b; color: var(--white); } .cms-button.teal.cms-border-hover:hover { background: transparent; border: 2px solid #1bbc9b; color: #1bbc9b; } .cms-button.green { background: #259b24; color: var(--white); } .cms-button.green.cms-border-hover:hover { background: transparent; border: 2px solid #259b24; color: #259b24; } .cms-button.lime { background: #cddc39; color: var(--white); } .cms-button.lime.cms-border-hover:hover { background: transparent; border: 2px solid #cddc39; color: #cddc39; } .cms-button.deeporange { background: #ff5722; color: var(--white); /* Icon Animate -------------------------*/ /* From top, left */ } .cms-button.deeporange.cms-border-hover:hover { background: transparent; border: 2px solid #ff5722; color: #ff5722; } .cms-button.from-top, .cms-button.from-left { padding-left: 45px; padding-right: 45px; overflow: hidden; /* From left */ } .cms-button.from-top .button-text, .cms-button.from-left .button-text { -webkit-transition: all 0.3s ease 0s; -khtml-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -ms-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; /* BACKGROUND GRADIENT */ /* TRIPLE BORDERS */ -webkit-backface-visibility: hidden; -khtml-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; -o-backface-visibility: hidden; backface-visibility: hidden; /* BACKGROUND GRADIENT */ display: inline-block; } .cms-button.from-top .vc_btn3-icon, .cms-button.from-left .vc_btn3-icon { font-size: 180%; left: 50%; position: absolute; top: -150%; -webkit-transform: translate(-50%, -50%); -khtml-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); /* BACKGROUND GRADIENT */ /* TRANSFORM STYLE */ -webkit-transition: all 0.3s ease 0s; -khtml-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -ms-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; /* BACKGROUND GRADIENT */ /* TRIPLE BORDERS */ } .cms-button.from-top:hover .button-text, .cms-button.from-left:hover .button-text { -webkit-transform: translateY(300%); -khtml-transform: translateY(300%); -moz-transform: translateY(300%); -ms-transform: translateY(300%); -o-transform: translateY(300%); transform: translateY(300%); /* BACKGROUND GRADIENT */ /* TRANSFORM STYLE */ } .cms-button.from-top:hover .vc_btn3-icon, .cms-button.from-left:hover .vc_btn3-icon { top: 50%; } .cms-button.from-left { /* Right In & Out */ } .cms-button.from-left .vc_btn3-icon { font-size: 180%; left: -250%; position: absolute; top: 50%; -webkit-transform: translate(-50%, -50%); -khtml-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); /* BACKGROUND GRADIENT */ /* TRANSFORM STYLE */ -webkit-transition: all 0.3s ease 0s; -khtml-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -ms-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; /* BACKGROUND GRADIENT */ /* TRIPLE BORDERS */ } .cms-button.from-left:hover .button-text { -webkit-transform: translateX(300%); -khtml-transform: translateX(300%); -moz-transform: translateX(300%); -ms-transform: translateX(300%); -o-transform: translateX(300%); transform: translateX(300%); /* BACKGROUND GRADIENT */ /* TRANSFORM STYLE */ } .cms-button.from-left:hover .vc_btn3-icon { left: 50%; } .cms-button.right-in, .cms-button.right-out, .cms-button.fade-in, .cms-button.fade-out { padding-left: 40px; padding-right: 40px; overflow: hidden; } .cms-button.right-in .vc_btn3-icon, .cms-button.right-out .vc_btn3-icon, .cms-button.fade-in .vc_btn3-icon, .cms-button.fade-out .vc_btn3-icon { font-size: 125%; position: absolute; top: 50%; -webkit-transform: translateY(-50%); -khtml-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); /* BACKGROUND GRADIENT */ /* TRANSFORM STYLE */ -webkit-transition: left 0.3s ease 0s; -khtml-transition: left 0.3s ease 0s; -moz-transition: left 0.3s ease 0s; -ms-transition: left 0.3s ease 0s; -o-transition: left 0.3s ease 0s; transition: left 0.3s ease 0s; /* BACKGROUND GRADIENT */ /* TRIPLE BORDERS */ left: 130%; } .cms-button.right-in:hover .vc_btn3-icon, .cms-button.right-out:hover .vc_btn3-icon, .cms-button.fade-in:hover .vc_btn3-icon, .cms-button.fade-out:hover .vc_btn3-icon { left: 76%; } .cms-button.right-out { /* Fade In & Out */ } .cms-button.right-out .vc_btn3-icon { left: 76%; } .cms-button.right-out:hover .vc_btn3-icon { left: 130%; } .cms-button.fade-in .vc_btn3-icon { left: 70%; filter: alpha(opacity=0); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; -webkit-opacity: 0; -khtml-opacity: 0; -moz-opacity: 0; -ms-opacity: 0; -o-opacity: 0; opacity: 0; /* BACKGROUND GRADIENT */ /* OUTLINE RADIUS */ } .cms-button.fade-in:hover .vc_btn3-icon { filter: alpha(opacity=100); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; -webkit-opacity: 1; -khtml-opacity: 1; -moz-opacity: 1; -ms-opacity: 1; -o-opacity: 1; opacity: 1; /* BACKGROUND GRADIENT */ /* OUTLINE RADIUS */ left: 76%; } .cms-button.fade-out { /* Button Border -------------------------*/ } .cms-button.fade-out .vc_btn3-icon { left: 76%; filter: alpha(opacity=100); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; -webkit-opacity: 1; -khtml-opacity: 1; -moz-opacity: 1; -ms-opacity: 1; -o-opacity: 1; opacity: 1; /* BACKGROUND GRADIENT */ /* OUTLINE RADIUS */ } .cms-button.fade-out:hover .vc_btn3-icon { filter: alpha(opacity=0); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; -webkit-opacity: 0; -khtml-opacity: 0; -moz-opacity: 0; -ms-opacity: 0; -o-opacity: 0; opacity: 0; /* BACKGROUND GRADIENT */ /* OUTLINE RADIUS */ left: 70%; } .cms-button.cms-border { padding: 8px 35px; background: transparent; border: 2px solid var(--red); color: var(--red); /* Button ViewAll -------------------------*/ } .cms-button.cms-border:hover { background: var(--red); color: var(--dark-gray); } .cms-button.cms-border.gray { border-color: #535961; color: #535961; } .cms-button.cms-border.gray:hover { background: #535961; color: var(--white); } .cms-button.cms-border.gray-light { border-color: #d7d9dc; color: #d7d9dc; } .cms-button.cms-border.gray-light:hover { background: #d7d9dc; color: var(--white); } .cms-button.cms-border.cyan { border-color: #4cc1d3; color: #4cc1d3; } .cms-button.cms-border.cyan:hover { background: #4cc1d3; color: var(--white); } .cms-button.cms-border.blue { border-color: #37a2d6; color: #37a2d6; } .cms-button.cms-border.blue:hover { background: #37a2d6; color: var(--white); } .cms-button.cms-border.teal { border-color: #1bbc9b; color: #1bbc9b; } .cms-button.cms-border.teal:hover { background: #1bbc9b; color: var(--white); } .cms-button.cms-border.green { border-color: #259b24; color: #259b24; } .cms-button.cms-border.green:hover { background: #259b24; color: var(--white); } .cms-button.cms-border.lime { border-color: #cddc39; color: #cddc39; } .cms-button.cms-border.lime:hover { background: #cddc39; color: var(--white); } .cms-button.cms-border.deeporange { border-color: #ff5722; color: #ff5722; } .cms-button.cms-border.deeporange:hover { background: #ff5722; color: var(--white); } .cms-button.cms-border.white { border-color: var(--white); color: var(--white); } .cms-button.cms-border.white:hover { background: #535961; color: var(--white); border-color: #535961; } .cms-button.cms-border.white.hover-light:hover { background: var(--white); color: #535961; border-color: var(--white); } .cms-button .cms-grid-viewall { position: relative; } .cms-button.cms-viewall { display: block; background-color: var(--lgray); padding: 40px 0 37px; font-size: 18px; line-height: 1; text-transform: uppercase; font-weight: 300; text-align: center; color: var(--dark-gray); } .cms-button.cms-viewall:hover { background: #dedede !important; color: #4b4e53 !important; } .cms-button.cms-viewall.dark { background-color: var(--dark-gray); color: var(--white); padding-top: 55px; padding-bottom: 52px; } .cms-button.cms-viewall.dark:hover { background: #101010 !important; color: #fff !important; } .cms-button.cms-viewall.dark:before { background-color: var(--dark-gray); } .cms-button.cms-viewall span { position: relative; z-index: 2; } .cms-button.cms-viewall-grid:before { display: block; height: 100%; position: absolute; right: -2000px; top: 0; width: 10000px; background-color: var(--lgray); content: ""; -webkit-transition: all 0.4s ease 0s; -khtml-transition: all 0.4s ease 0s; -moz-transition: all 0.4s ease 0s; -ms-transition: all 0.4s ease 0s; -o-transition: all 0.4s ease 0s; transition: all 0.4s ease 0s; /* BACKGROUND GRADIENT */ /* TRIPLE BORDERS */ } .cms-button.cms-viewall-grid.dark { background-color: var(--dark-gray); color: var(--white); padding-top: 55px; padding-bottom: 52px; } .cms-button.cms-viewall-grid.dark:hover, .cms-button.cms-viewall-grid.dark:hover:before { background: #101010 !important; color: #fff !important; } .cms-button.cms-viewall-grid.dark:before { background-color: var(--dark-gray); } .cms-button.cms-viewall-grid:hover, .cms-button.cms-viewall-grid:hover:before { background: #dedede !important; color: #4b4e53 !important; } .cms-button-wrap.dark-hover .cms-button:hover { background-color: #4b4e53 !important; border: 2px solid #4b4e53 !important; color: #fff !important; } .cms-button-wrap.dark-hover.cms-grey-light .cms-button { border: 2px solid #c5c2c2; color: #7a7b80; } .a-blue { color: #37a2d6; } .a-blue:hover { color: var(--dark-gray); } .cms-grid-viewall { position: relative; /* Fix overWidth of view more button */ } #primary { overflow: hidden; /*------------------------------ 6.2 VC Custom Heading ------------------------------*/ } .cms-custom-heading { /* Heading line -----------------------------------------------------*/ position: relative; /* Vc text */ } .cms-custom-heading.heading-line:before { content: ""; position: absolute; width: 100%; height: 0; border-top: 2px solid var(--lgray); left: auto; top: 58%; right: 0; } .cms-custom-heading.heading-line.cms-h2:before { top: 59%; } .cms-custom-heading.heading-line.cms-h3:before { top: 61%; } .cms-custom-heading.heading-line.cms-h4:before { top: 55%; } .cms-custom-heading.heading-line.cms-h5:before, .cms-custom-heading.heading-line.cms-h6:before { top: 55%; } .cms-custom-heading.heading-line .cms-heading-inner { background: var(--white); } .cms-custom-heading .cms-heading-inner { position: relative; display: inline-block; padding-right: 15px; } .cms-custom-heading h3.cms-heading-inner { line-height: 45px !important; /* Heading underline -----------------------------------------------------*/ } .cms-custom-heading.heading-underline { /* Heading underline and bold -----------------------------------------------------*/ } .cms-custom-heading.heading-underline .cms-heading-inner { border-bottom: 1px solid var(--lgray); padding-bottom: 16px; display: block; } .cms-custom-heading.heading-underline.cms-h2 .cms-heading-inner { padding-bottom: 20px; } .cms-custom-heading.heading-underline-textbold .cms-heading-inner { margin-top: 0; } .cms-custom-heading.heading-underline-textbold .cms-heading-inner:before { background: #4b4e53 none repeat scroll 0 0; height: 3px; bottom: -15px; width: 100px; content: ""; display: inline-block; position: absolute; left: 0; } @media only screen and (max-width: 768px) { .cms-custom-heading { /* Heading borderleft and bold -----------------------------------------------------*/ } .cms-custom-heading.heading-underline-textbold .cms-heading-inner { font-size: 40px !important; line-height: 40px !important; } } .cms-custom-heading.heading-borderleft-textbold { /* Heading inline and text bold -----------------------------------------------------*/ } .cms-custom-heading.heading-borderleft-textbold .cms-heading-inner { padding: 22px 25px 24px; border-left: 2px solid var(--dark-gray); margin: 0; } .cms-custom-heading.heading-inline-textbold .cms-heading-inner { margin: 0; padding: 0; } .cms-custom-heading.dis-block .cms-heading-inner { display: block !important; /* Set color & border is #f1f1f1 -----------------------------------------------------*/ } .cms-custom-heading.special-color .cms-heading-inner { background: transparent; border-color: #f1f1f1 !important; color: #f1f1f1 !important; /* New style custom link -----------------------------------------------------*/ } .cms-custom-heading.cms-link-style .cms-heading-inner { padding-right: 0 !important; display: block; } .cms-custom-heading.cms-link-style .cms-new-link { color: #7e8082; font-size: 14px; font-weight: 400; float: right; text-transform: uppercase; } .cms-custom-heading.cms-link-style .cms-new-link:hover { color: #101010; } .wpb_text_column p { margin: 0; } @media only screen and (max-width: 768px) { /*------------------------------ 6.3 Dropcaps ------------------------------*/ } .cms-dropcap { margin-bottom: 30px !important; /*------------------------------ 6.4 Testimonials ------------------------------*/ /* Testimonials Grid layout 1 -----------------------------------------------------*/ } .cms-dropcap .cms-first-letter { display: inline-block; float: left; font-size: 60px; font-weight: 300; line-height: 60px; margin: 0 20px 0 0; text-align: center; padding: 0; } .cms-dropcap.box.square .cms-first-letter { display: inline-block; float: left; font-size: 50px; font-weight: 400; line-height: 75px; margin: 6px 20px 0 0; padding-bottom: 2px; text-align: center; width: 56px; } .cms-dropcap.box.circle .cms-first-letter { display: inline-block; float: left; font-size: 40px; height: 75px; line-height: 70px; text-align: center; width: 75px; border-radius: 50%; padding-left: 1px; background-attachment: scroll; background-color: #8f8f8f; background-image: none; background-repeat: repeat; background-position: 0 0; margin: 8px 20px 0 0; } .cms-grid-testimonials-layout1 { /* Testimonials Grid layout 2 -----------------------------------------------------*/ } .cms-grid-testimonials-layout1 .cms-testimonials-wrap { display: block; overflow: hidden; background-color: rgba(255, 234, 0, 0.5); position: relative; } .cms-grid-testimonials-layout1 .cms-icon-container-bg { width: 85px; float: left; } .cms-grid-testimonials-layout1 .cms-icon-container { background-color: var(--red); width: 85px; height: 85px; opacity: 1; text-align: center; padding: 19px; position: absolute; left: 0; top: 50%; -webkit-transform: translateY(-50%); -khtml-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); /* BACKGROUND GRADIENT */ /* TRANSFORM STYLE */ } .cms-grid-testimonials-layout1 .cms-icon-container span { padding: 0; margin: 0; font-size: 26px; color: var(--dark-gray); border: 2px solid var(--dark-gray); border-radius: 50%; font-weight: 100; height: 46px; width: 46px; line-height: 46px; display: block; } .cms-grid-testimonials-layout1 .cms-main-container-bg { background-color: var(--lgray); overflow: hidden; } .cms-grid-testimonials-layout1 .cms-main-container-bg { margin-left: 85px; } .cms-grid-testimonials-layout1 .cms-lines:before { content: ""; display: block; width: 300%; height: 40px; background: #dfdfdf; position: absolute; top: 0; left: -300%; filter: alpha(opacity=50); height: 190px; } .cms-grid-testimonials-layout1 .cms-text-container { position: relative; min-height: 190px; padding-top: 70px; padding-left: 40px; padding-right: 240px; font-size: 14px; line-height: 22px; } .cms-grid-testimonials-layout1 .cms-img-container { width: 200px; height: 190px; position: absolute; right: 0; top: 0; } .cms-grid-testimonials-layout1 .cms-img-container img { width: 200px; height: 190px; } .cms-grid-testimonials-layout1 .quote-author { position: relative; left: 15px; margin-top: 20px; } .cms-grid-testimonials-layout1 .quote-author-description { display: block; font-size: 12px; } .cms-grid-testimonials-layout1 .author-testimonial { display: inline; margin-top: 7px; font-size: 16px; color: var(--dark-gray); } .cms-grid-testimonials-layout2 { /* Testimonials Grid layout 3 -----------------------------------------------------*/ } .cms-grid-testimonials-layout2 .cms-text-container { background: var(--lgray); padding: 25px 25px 75px; } .cms-grid-testimonials-layout2 .cms-text-container p:last-child { margin-bottom: 0; } .cms-grid-testimonials-layout2 .cms-small-author-container { margin-top: -55px; } .cms-grid-testimonials-layout2 .cms-small-author-container .author-testimonial { font-size: 14px; line-height: 15px; color: var(--dark-gray); text-transform: uppercase; display: block; } .cms-grid-testimonials-layout2 .cms-small-author-container .quote-author-description { margin-top: 5px; font-size: 12px; display: block; line-height: 25px; } .cms-grid-testimonials-layout2 .cms-img-container { float: left; margin-right: 10px; width: 100px; } .cms-grid-testimonials-layout2 .cms-img-container img { width: 100px; height: 100px; } blockquote { font-size: 16px; } .blockquote-reverse, blockquote.pull-right { padding-right: 25px; } blockquote.custom-blockquote, blockquote.custom-blockquote p { font-size: 16px; line-height: 24px; color: #777; font-style: italic; font-weight: 300; } blockquote.custom-blockquote { margin: 0 0 10px 0; padding: 25px 20px 19px 26px; position: relative; background-color: #f8f8f8; border-left: 40px solid var(--red); /* Testimonials carousel layout 1 -----------------------------------------------------*/ } blockquote.custom-blockquote:before { z-index: 9; height: 100%; width: 38px; display: block; content: '"'; position: absolute; left: -29px; top: 47%; font-size: 42px; font-style: normal; } .cms-author-cont { padding-top: 70px; padding-bottom: 20px; position: relative; border-bottom: 1px solid #e6e6e6; } .cms-author-img { display: block; position: absolute; bottom: 0px; right: 0px; width: 128px; } .testimonial-2 { padding: 10px 20px; margin: 15px 0 15px 10px; border-left: none; /*------------------------------ 6.5 Pricing ------------------------------*/ /* Pricing style 1 -----------------------------------------------------*/ } .testimonial-2 p { margin-bottom: 24px; color: var(--dark-gray); font-size: 21px; line-height: 32px; font-weight: 300 !important; font-style: normal; } .testimonial-2:before { content: '"'; position: absolute; top: 0; left: 0; font-size: 60px; line-height: 40px; color: #dcdddd; } .cms-grid-item-pricing .cms-pricing-title { margin: 0; padding: 40px 20px 40px 20px; border: 2px solid var(--dark-gray); border-bottom: none; text-align: center; text-transform: uppercase; } .cms-grid-item-pricing .cms-pricing-title.pr-feature { border-color: var(--red); } .cms-grid-item-pricing .price-heading { background-color: var(--dark-gray); padding: 20px 20px 15px; position: relative; text-align: center; } .cms-grid-item-pricing .price-heading span { display: inline-block; color: var(--white); font-family: var(--extrafont); line-height: 25px; } .cms-grid-item-pricing .price-heading .currency { font-size: 30px; } .cms-grid-item-pricing .price-heading .price { font-size: 60px; line-height: 50px; } .cms-grid-item-pricing .price-heading .cents-cont { font-size: 20px; width: 5px; } .cms-grid-item-pricing .price-heading .cents-cont .cents { font-size: 30px; position: absolute; top: 19px; } .cms-grid-item-pricing .price-heading .cents-cont .place2 { font-size: 14px; height: 13px; width: 35px; color: #bcbcbc; } .cms-grid-item-pricing .price-heading.pr-feature { background: var(--red); } .cms-grid-item-pricing .price-heading.pr-feature span, .cms-grid-item-pricing .price-heading.pr-feature .place2 { color: var(--dark-gray); } .cms-grid-item-pricing .price-content { border-right: 2px solid var(--dark-gray); border-left: 2px solid var(--dark-gray); } .cms-grid-item-pricing .price-content ul { margin: 0; padding: 0; list-style: none; background-color: var(--white); } .cms-grid-item-pricing .price-content ul li { background: var(--white); margin: 0; padding: 0; display: block; color: #6b6b6b; line-height: 50px; border-bottom: 1px solid #efefef; margin-left: 20px; } .cms-grid-item-pricing .price-content.pr-feature { border-right: 2px solid var(--red); border-left: 2px solid var(--red); } .cms-grid-item-pricing .price-button { background-color: var(--lgray); } .cms-grid-item-pricing .cms-button.pricing-button { cursor: pointer; display: inline-block; font-size: 18px; height: 100%; line-height: 72px; padding: 0; text-align: center; width: 100%; /* Pricing style 2 -----------------------------------------------------*/ } .cms-grid-item-pricing .cms-button.pricing-button:hover { background: #101010; } .cms-grid-pricing-layout1.pr-layout-2 .cms-pricing-item-wrap { padding: 0 15px 30px; background: #efefef; overflow: hidden; } .cms-grid-pricing-layout1.pr-layout-2 .cms-grid-item-pricing { margin-top: 30px; } .cms-grid-pricing-layout1.pr-layout-2 .cms-pricing-title { background-color: var(--white); color: var(--dark-gray); display: block; font-size: 30px; font-weight: 400; line-height: 40px; margin: 0; padding: 30px 20px; text-transform: uppercase; border: none; } .cms-grid-pricing-layout1.pr-layout-2 .price-heading { font-size: 60px; line-height: 50px; text-align: left; border: none; } .cms-grid-pricing-layout1.pr-layout-2 .price-heading span { display: inline; } .cms-grid-pricing-layout1.pr-layout-2 .price-content { border: none; } .cms-grid-pricing-layout1.pr-layout-2.pr-pricing-animate .cms-grid-item-pricing { margin-top: 0; } .cms-grid-pricing-layout1.pr-layout-2.pr-pricing-animate .cms-pricing-title.pr-feature { background: var(--red); } .cms-grid-pricing-layout1.pr-layout-2.pr-pricing-animate .price-heading.pr-feature { background: var(--dark-gray); } .cms-grid-pricing-layout1.pr-layout-2.pr-pricing-animate .price-heading.pr-feature span { color: var(--white); } .cms-grid-pricing-layout1.pr-layout-2.pr-pricing-animate .price-heading.pr-feature span .place2 { color: #bcbcbc; } .cms-grid-pricing-layout1.pr-layout-2.pr-pricing-animate .price-heading { font-size: inherit; line-height: inherit; } @media screen and (width: 992px) { /* Pricing style 3 - Cols -----------------------------------------------------*/ .cms-grid-item-pricing .price-heading { text-align: left; } } .cms-grid-pricing-layout2 { /* Pricing style 4 -----------------------------------------------------*/ } .cms-grid-pricing-layout2 .cms-grid-item-pricing { margin-bottom: 30px; } .cms-grid-pricing-layout2 .pricing-horizontal-content { border: 2px solid var(--lgray); /* Define */ padding: 5px 0 25px 30px; } @media screen and (min-width: 992px) { .cms-grid-pricing-layout2 .pricing-horizontal-content { border: 2px solid var(--lgray); border-right: none; } } .cms-grid-pricing-layout2 .pricing-horizontal-content ul { margin: 0; padding: 0; list-style-type: none; } .cms-grid-pricing-layout2 .pricing-horizontal-content ul li { position: relative; margin: 0; } .cms-grid-pricing-layout2 .pricing-horizontal-content ul li span { position: relative; top: 2px; font-size: 15px; } .cms-grid-pricing-layout2 .pricing-horizontal-content ul li .icon-li { margin-right: 10px; } .cms-grid-pricing-layout2 .pricing-horizontal-container { padding: 0; background: var(--lgray); height: 100%; /* Define */ } @media screen and (min-width: 992px) { .cms-grid-pricing-layout2 .pricing-horizontal-container { position: absolute; right: 15px; } } .cms-grid-pricing-layout2 .pricing-horizontal-container .price-heading { background: var(--lgray); } .cms-grid-pricing-layout2 .pricing-horizontal-container .price-heading span, .cms-grid-pricing-layout2 .pricing-horizontal-container .price-heading span .place2 { color: var(--dark-gray); } .cms-grid-pricing-layout2 .price-container { background: var(--lgray); padding: 20px 20px 15px; position: relative; text-align: center; } .cms-grid-pricing-layout2 .cms-pricing-title { background-color: var(--white); display: inline-block; padding-right: 15px; position: relative; padding: 0 15px 0 0; border: none; margin: 21px 0 19px; } .cms-grid-pricing-layout3 { /*------------------------------ 6.6 HighLight ------------------------------*/ } .cms-grid-pricing-layout3 .pricing-wrap { margin: 0 auto; width: 300px; } .cms-grid-pricing-layout3 .cms-grid-item-pricing { background: var(--lgray); } .cms-grid-pricing-layout3 .cms-grid-item-pricing.pricing-feature-item { background: var(--white); } .cms-grid-pricing-layout3 .cms-pricing-title { border-bottom: medium none; font-weight: 600; margin: 0; padding: 80px 20px 25px; border: none; text-align: left; } .cms-grid-pricing-layout3 .price-heading { padding: 0 20px 15px; position: relative; border: none; background: 0 none; text-align: left; } .cms-grid-pricing-layout3 .price-heading .currency { font-size: 14px; font-weight: 600; line-height: 25px; margin-right: 5px; color: var(--dark-gray); } .cms-grid-pricing-layout3 .price-heading .price { font-size: 100px; font-weight: 500; line-height: 100px; color: var(--dark-gray); } .cms-grid-pricing-layout3 .price-heading .place { font-size: 18px; font-weight: 300; margin-left: 4px; display: inline-block; color: var(--dark-gray); } .cms-grid-pricing-layout3 .price-heading.pr-feature { background: 0 none; } .cms-grid-pricing-layout3 .price-content { border: none; } .cms-grid-pricing-layout3 .price-content ul { margin: 25px 0 40px; padding: 0; background: 0 none; } .cms-grid-pricing-layout3 .price-content ul li { color: #696c6f; display: block; line-height: 35px; margin: 0 0 0 20px; padding: 0; background: 0 none; border: none; } .cms-grid-pricing-layout3 .price-content.pr-feature { border: none; } .cms-grid-pricing-layout3 .price-button { background: 0 none; padding: 0 0 80px 20px; } .cms-highlight-gray { background-color: #c0c0c0; color: var(--white); } .cms-highlight-yellow { background-color: var(--red); color: var(--dark-gray); padding: 0 3px; /*------------------------------ 6.7 Accordions ------------------------------*/ /* Accordion border heading -----------------------------------------------------*/ } .vc_tta.vc_tta-accordion.vc_tta-style-bg-heading .vc_tta-panels-container .vc_tta-panel .vc_tta-panel-body, .vc_tta.vc_tta-accordion.vc_tta-style-border-heading .vc_tta-panels-container .vc_tta-panel .vc_tta-panel-body { -webkit-transition: height 0.2s ease-in-out 0s, padding 0.2s ease-in-out 0s !important; -khtml-transition: height 0.2s ease-in-out 0s, padding 0.2s ease-in-out 0s !important; -moz-transition: height 0.2s ease-in-out 0s, padding 0.2s ease-in-out 0s !important; -ms-transition: height 0.2s ease-in-out 0s, padding 0.2s ease-in-out 0s !important; -o-transition: height 0.2s ease-in-out 0s, padding 0.2s ease-in-out 0s !important; transition: height 0.2s ease-in-out 0s, padding 0.2s ease-in-out 0s !important; /* BACKGROUND GRADIENT */ /* TRIPLE BORDERS */ } .vc_tta.vc_general .vc_tta-panel-body { -webkit-transition: none !important; -khtml-transition: none !important; -moz-transition: none !important; -ms-transition: none !important; -o-transition: none !important; transition: none !important; /* BACKGROUND GRADIENT */ /* TRIPLE BORDERS */ } .vc_tta-controls-icon-position-right .vc_tta-controls-icon { top: 45% !important; right: 10px !important; } .vc_tta.vc_tta-accordion.vc_tta-style-border-heading { /* Accordion background heading -----------------------------------------------------*/ } .vc_tta.vc_tta-accordion.vc_tta-style-border-heading .vc_tta-panel-heading { margin-top: 0px !important; border: none !important; } .vc_tta.vc_tta-accordion.vc_tta-style-border-heading .vc_tta-panel .vc_tta-panel-title a { display: block; position: relative; color: #777; text-decoration: none; padding: 14px 20px; border: 1px solid #e5e5e5; font-size: 12px; font-weight: 400; line-height: 1.1; -webkit-transition: all 0.25s cubic-bezier(0, 0, 0.58, 1); -khtml-transition: all 0.25s cubic-bezier(0, 0, 0.58, 1); -moz-transition: all 0.25s cubic-bezier(0, 0, 0.58, 1); -ms-transition: all 0.25s cubic-bezier(0, 0, 0.58, 1); -o-transition: all 0.25s cubic-bezier(0, 0, 0.58, 1); transition: all 0.25s cubic-bezier(0, 0, 0.58, 1); /* BACKGROUND GRADIENT */ /* TRIPLE BORDERS */ } .vc_tta.vc_tta-accordion.vc_tta-style-border-heading .vc_tta-panel .vc_tta-panel-title a:hover { text-decoration: none; border-color: #ddd; background-color: #fcfcfc; color: #444; } .vc_tta.vc_tta-accordion.vc_tta-style-border-heading .vc_tta-panel .vc_tta-panel-title a i.vc_tta-controls-icon-chevron { font-style: initial; } .vc_tta.vc_tta-accordion.vc_tta-style-border-heading .vc_tta-panel .vc_tta-panel-title a i.vc_tta-controls-icon-chevron:before { content: "\f107"; font-family: fontawesome; border: none !important; font-size: 15px; line-height: 1; color: #999; -webkit-transform: none; -khtml-transform: none; -moz-transform: none; -ms-transform: none; -o-transform: none; transform: none; /* BACKGROUND GRADIENT */ /* TRANSFORM STYLE */ } .vc_tta.vc_tta-accordion.vc_tta-style-border-heading .vc_tta-panel.vc_active .vc_tta-panel-title a { color: var(--maincolor); border-color: #ddd; background-color: #fcfcfc; cursor: default; } .vc_tta.vc_tta-accordion.vc_tta-style-border-heading .vc_tta-panel.vc_active .vc_tta-panel-title a i.vc_tta-controls-icon-chevron:before { content: "\f106"; color: #111; } .vc_tta.vc_tta-accordion.vc_tta-style-bg-heading { /*------------------------------ 6.8 Toggle ------------------------------*/ /* Toggle border -----------------------------------------------------*/ } .vc_tta.vc_tta-accordion.vc_tta-style-bg-heading .vc_tta-panel-heading { margin-top: 0px !important; border: none !important; } .vc_tta.vc_tta-accordion.vc_tta-style-bg-heading .vc_tta-panel .vc_tta-panel-title a { display: block; position: relative; color: var(--dark-gray); text-decoration: none; padding: 14px 20px; border: none; font-weight: 400; line-height: 1.1; -webkit-transition: all 0.25s cubic-bezier(0, 0, 0.58, 1); -khtml-transition: all 0.25s cubic-bezier(0, 0, 0.58, 1); -moz-transition: all 0.25s cubic-bezier(0, 0, 0.58, 1); -ms-transition: all 0.25s cubic-bezier(0, 0, 0.58, 1); -o-transition: all 0.25s cubic-bezier(0, 0, 0.58, 1); transition: all 0.25s cubic-bezier(0, 0, 0.58, 1); /* BACKGROUND GRADIENT */ /* TRIPLE BORDERS */ font-size: 14px; font-family: var(--mainfont); background: var(--lgray); } .vc_tta.vc_tta-accordion.vc_tta-style-bg-heading .vc_tta-panel .vc_tta-panel-title a:hover { text-decoration: none; color: var(--red); } .vc_tta.vc_tta-accordion.vc_tta-style-bg-heading .vc_tta-panel .vc_tta-panel-title a i.vc_tta-controls-icon-chevron { font-style: initial; } .vc_tta.vc_tta-accordion.vc_tta-style-bg-heading .vc_tta-panel .vc_tta-panel-title a i.vc_tta-controls-icon-chevron:before { content: "\f107"; font-family: fontawesome; border: none !important; font-size: 15px; line-height: 1; color: #999; -webkit-transform: none; -khtml-transform: none; -moz-transform: none; -ms-transform: none; -o-transform: none; transform: none; /* BACKGROUND GRADIENT */ /* TRANSFORM STYLE */ } .vc_tta.vc_tta-accordion.vc_tta-style-bg-heading .vc_tta-panel.vc_active .vc_tta-panel-title a { color: var(--maincolor); cursor: default; } .vc_tta.vc_tta-accordion.vc_tta-style-bg-heading .vc_tta-panel.vc_active .vc_tta-panel-title a i.vc_tta-controls-icon-chevron:before { content: "\f106"; color: #111; } .vc_toggle.vc_toggle_border-heading { margin-bottom: 10px; /* Toggle with Background -----------------------------------------------------*/ } .vc_toggle.vc_toggle_border-heading .vc_toggle_title h4 { display: block; border: 1px solid #e5e5e5; color: #7e8082; padding: 14px 20px; -webkit-transition: all 0.25s cubic-bezier(0, 0, 0.58, 1) 0s; -khtml-transition: all 0.25s cubic-bezier(0, 0, 0.58, 1) 0s; -moz-transition: all 0.25s cubic-bezier(0, 0, 0.58, 1) 0s; -ms-transition: all 0.25s cubic-bezier(0, 0, 0.58, 1) 0s; -o-transition: all 0.25s cubic-bezier(0, 0, 0.58, 1) 0s; transition: all 0.25s cubic-bezier(0, 0, 0.58, 1) 0s; /* BACKGROUND GRADIENT */ /* TRIPLE BORDERS */ font-size: 12px; font-weight: 400; letter-spacing: 1px; line-height: 1.4; margin: 0; position: relative; } .vc_toggle.vc_toggle_border-heading .vc_toggle_title h4:before { content: "\f107"; font-family: fontawesome; border: none !important; font-size: 15px; line-height: 1; color: #999; position: absolute; right: 10px; top: 50%; -webkit-transform: translateY(-50%); -khtml-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); /* BACKGROUND GRADIENT */ /* TRANSFORM STYLE */ } .vc_toggle.vc_toggle_border-heading .vc_toggle_title h4:hover { color: #111; } .vc_toggle.vc_toggle_border-heading .vc_toggle_content { font-size: 14px; line-height: 1.8; padding: 10px 20px 20px; margin-bottom: 10px; margin-top: 10px; } .vc_toggle.vc_toggle_border-heading.vc_toggle_active .vc_toggle_title h4 { color: #111; } .vc_toggle.vc_toggle_border-heading.vc_toggle_active .vc_toggle_title h4:before { content: "\f106"; color: #111; } .vc_toggle.vc_toggle_bg-heading { margin: 0; /*------------------------------ 6.9 Tabs ------------------------------*/ /* Tab Border Bold -----------------------------------------------------*/ } .vc_toggle.vc_toggle_bg-heading .vc_toggle_title h4 { background-color: var(--lgray); font-size: 14px; line-height: 50px; font-family: var(--mainfont); display: block; margin: 0; text-transform: uppercase; } .vc_toggle.vc_toggle_bg-heading .vc_toggle_title h4 span { position: relative; background-color: #7c8187; display: block; float: left; height: 50px; width: 49px; margin-right: 15px; -webkit-transition: all 0.3s ease 0s; -khtml-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -ms-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; /* BACKGROUND GRADIENT */ /* TRIPLE BORDERS */ } .vc_toggle.vc_toggle_bg-heading .vc_toggle_title h4 span:before { display: block; content: "+"; position: absolute; left: 19px; font-size: 18px; font-style: normal; color: var(--white); } .vc_toggle.vc_toggle_bg-heading .vc_toggle_title h4:hover span { background: var(--red); } .vc_toggle.vc_toggle_bg-heading .vc_toggle_content { border: none; border-radius: 0; border-right: 15px solid var(--lgray); margin: 0; margin-left: 49px; padding: 15px; padding-right: 17px; -webkit-box-shadow: none 2px 5px rgba(0, 0, 0, 0.4); -khtml-box-shadow: none 2px 5px rgba(0, 0, 0, 0.4); -moz-box-shadow: none 2px 5px rgba(0, 0, 0, 0.4); -ms-box-shadow: none 2px 5px rgba(0, 0, 0, 0.4); -o-box-shadow: none 2px 5px rgba(0, 0, 0, 0.4); box-shadow: none 2px 5px rgba(0, 0, 0, 0.4); /* BACKGROUND GRADIENT */ /* BOX SIZING */ } .vc_toggle.vc_toggle_bg-heading.vc_toggle_active { /* style 2 */ } .vc_toggle.vc_toggle_bg-heading.vc_toggle_active .vc_toggle_title h4 span { background: var(--red); } .vc_toggle.vc_toggle_bg-heading.vc_toggle_active .vc_toggle_title h4 span:before { content: "–"; left: 20px; color: var(--dark-gray); } .vc_toggle.vc_toggle_bg-heading.style2 .vc_toggle_title h4 { background: 0 none; } .vc_toggle.vc_toggle_bg-heading.style2 .vc_toggle_content { border-left: 5px solid #dfdfdf; border-right: none; display: none; margin-left: 23px; padding: 15px 0 15px 36px; } .vc_tta-tabs.vc_tta-style-border-bold { /* Tab Vertical -----------------------------------------------------*/ } .vc_tta-tabs.vc_tta-style-border-bold .vc_tta-tabs-container ul { border-bottom: 1px solid var(--lgray); } .vc_tta-tabs.vc_tta-style-border-bold .vc_tta-tabs-container .vc_tta-tab { margin-bottom: -1px; position: relative; } .vc_tta-tabs.vc_tta-style-border-bold .vc_tta-tabs-container .vc_tta-tab a { border: none; border-radius: 0; color: #7e8082; padding: 15px 20px; line-height: 1.4; margin-right: 2px; cursor: pointer; } .vc_tta-tabs.vc_tta-style-border-bold .vc_tta-tabs-container .vc_tta-tab.vc_active a, .vc_tta-tabs.vc_tta-style-border-bold .vc_tta-tabs-container .vc_tta-tab a:hover, .vc_tta-tabs.vc_tta-style-border-bold .vc_tta-tabs-container .vc_tta-tab a:focus { background: var(--lgray); } .vc_tta-tabs.vc_tta-style-border-bold .vc_tta-panels-container .vc_tta-panel .vc_tta-panel-body { background-color: var(--white); border: 15px solid var(--lgray); border-top: 14px solid var(--lgray); border-left: none; padding: 15px 15px 5px 0; } .vc_tta-tabs.vc_tta-style-border-bold .vc_tta-panels-container .vc_tta-panel .vc_tta-panel-body p { margin: 0 0 10px !important; } body .vc_tta-tabs.vc_tta-tabs-position-left { /* Tab Border Normal -----------------------------------------------------*/ } body .vc_tta-tabs.vc_tta-tabs-position-left .vc_tta-tabs-container .vc_tta-tab { margin-bottom: -1px; position: relative; } body .vc_tta-tabs.vc_tta-tabs-position-left .vc_tta-tabs-container .vc_tta-tab a { border: none; border-radius: 0; color: #7e8082; padding: 15px 20px; line-height: 1.4; cursor: pointer; background-color: transparent; } body .vc_tta-tabs.vc_tta-tabs-position-left .vc_tta-tabs-container .vc_tta-tab.vc_active a, body .vc_tta-tabs.vc_tta-tabs-position-left .vc_tta-tabs-container .vc_tta-tab a:hover, body .vc_tta-tabs.vc_tta-tabs-position-left .vc_tta-tabs-container .vc_tta-tab a:focus { background: var(--lgray); } body .vc_tta-tabs.vc_tta-tabs-position-left .vc_tta-panels-container .vc_tta-panels { border-radius: 0 !important; border: none !important; background: transparent !important; margin: 0; } body .vc_tta-tabs.vc_tta-tabs-position-left .vc_tta-panels-container .vc_tta-panels:before, body .vc_tta-tabs.vc_tta-tabs-position-left .vc_tta-panels-container .vc_tta-panels:after { display: none; border-radius: 0; } body .vc_tta-tabs.vc_tta-tabs-position-left .vc_tta-panels-container .vc_tta-panels .vc_tta-panel { margin: 0; } body .vc_tta-tabs.vc_tta-tabs-position-left .vc_tta-panels-container .vc_tta-panels .vc_tta-panel-body { background-color: var(--white); border: 15px solid var(--lgray); border-right: none; padding: 15px 10px 5px 15px; } body .vc_tta-tabs.vc_tta-tabs-position-left .vc_tta-panels-container .vc_tta-panels .vc_tta-panel-body:before, body .vc_tta-tabs.vc_tta-tabs-position-left .vc_tta-panels-container .vc_tta-panels .vc_tta-panel-body:after { display: none; border-radius: 0; } .vc_tta-tabs.vc_tta-style-border-normal .vc_tta-tabs-container { display: block !important; } .vc_tta-tabs.vc_tta-style-border-normal .vc_tta-tabs-container .vc_tta-tabs-list { margin: 0 0 20px 0; border-bottom: 1px solid #ddd; overflow: visible; } .vc_tta-tabs.vc_tta-style-border-normal .vc_tta-tabs-container .vc_tta-tabs-list:before, .vc_tta-tabs.vc_tta-style-border-normal .vc_tta-tabs-container .vc_tta-tabs-list:after { content: ""; display: table; clear: both; } .vc_tta-tabs.vc_tta-style-border-normal .vc_tta-tabs-container .vc_tta-tab { margin-bottom: -1px; margin-right: 2px; float: left; display: block; position: relative; } .vc_tta-tabs.vc_tta-style-border-normal .vc_tta-tabs-container .vc_tta-tab a { border-radius: 0; font-size: 12px; letter-spacing: 1px; padding: 14px 20px; border: 1px solid transparent; line-height: 1.4; margin-right: 0px; color: #7e8082; -webkit-transition: none !important; -khtml-transition: none !important; -moz-transition: none !important; -ms-transition: none !important; -o-transition: none !important; transition: none !important; /* BACKGROUND GRADIENT */ /* TRIPLE BORDERS */ } .vc_tta-tabs.vc_tta-style-border-normal .vc_tta-tabs-container .vc_tta-tab a:hover { border-color: #eee #eee #ddd; background: var(--lgray); } .vc_tta-tabs.vc_tta-style-border-normal .vc_tta-tabs-container .vc_tta-tab.vc_active { color: #101010; border-color: #ddd #ddd transparent; border-image: none; border-style: solid; border-width: 1px; color: #555; cursor: pointer; background-color: var(--white); } .vc_tta-tabs.vc_tta-style-border-normal .vc_tta-tabs-container .vc_tta-tab.vc_active a, .vc_tta-tabs.vc_tta-style-border-normal .vc_tta-tabs-container .vc_tta-tab.vc_active a:hover, .vc_tta-tabs.vc_tta-style-border-normal .vc_tta-tabs-container .vc_tta-tab.vc_active a:focus { color: #101010; background-color: var(--white); border: none; } .vc_tta-tabs.vc_tta-style-border-normal .vc_tta-panels-container .vc_tta-panels .vc_tta-panel { -webkit-transition: opacity 0.15s linear 0s; -khtml-transition: opacity 0.15s linear 0s; -moz-transition: opacity 0.15s linear 0s; -ms-transition: opacity 0.15s linear 0s; -o-transition: opacity 0.15s linear 0s; transition: opacity 0.15s linear 0s; /* BACKGROUND GRADIENT */ /* TRIPLE BORDERS */ filter: alpha(opacity=0); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; -webkit-opacity: 0; -khtml-opacity: 0; -moz-opacity: 0; -ms-opacity: 0; -o-opacity: 0; opacity: 0; /* BACKGROUND GRADIENT */ /* OUTLINE RADIUS */ } .vc_tta-tabs.vc_tta-style-border-normal .vc_tta-panels-container .vc_tta-panels .vc_tta-panel .vc_tta-panel-heading { display: none !important; } .vc_tta-tabs.vc_tta-style-border-normal .vc_tta-panels-container .vc_tta-panels .vc_tta-panel.vc_active { -webkit-transition: opacity 0.15s linear 0s; -khtml-transition: opacity 0.15s linear 0s; -moz-transition: opacity 0.15s linear 0s; -ms-transition: opacity 0.15s linear 0s; -o-transition: opacity 0.15s linear 0s; transition: opacity 0.15s linear 0s; /* BACKGROUND GRADIENT */ /* TRIPLE BORDERS */ filter: alpha(opacity=100); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; -webkit-opacity: 1; -khtml-opacity: 1; -moz-opacity: 1; -ms-opacity: 1; -o-opacity: 1; opacity: 1; /* BACKGROUND GRADIENT */ /* OUTLINE RADIUS */ } .vc_tta-tabs.vc_tta-style-border-normal .vc_tta-panels-container .vc_tta-panels .vc_tta-panel-body { padding: 0; border: none; -webkit-transition: none !important; -khtml-transition: none !important; -moz-transition: none !important; -ms-transition: none !important; -o-transition: none !important; transition: none !important; /* BACKGROUND GRADIENT */ /* TRIPLE BORDERS */ } @media screen and (max-width: 350px) { /* Tab 3 -----------------------------------------------------*/ .vc_tta-tabs.vc_tta-style-border-normal .vc_tta-tabs-container .vc_tta-tab a { padding: 10px; } } .tabs-3 { /*------------------------------ 6.10 Divider ------------------------------*/ /* Divider -----------------------------------------------------*/ } .tabs-3 .nav-tabs { margin-bottom: 20px; } .tabs-3 .nav a { -webkit-border-radius: 0; -khtml-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; -o-border-radius: 0; border-radius: 0; /* BACKGROUND GRADIENT */ font-size: 12px; letter-spacing: 1px; padding: 14px 20px; color: #101010; text-transform: uppercase; } .tabs-3 .tab-content { margin-top: 0; border: none; } .divider { position: relative; overflow: hidden; margin: 35px 0; color: var(--lgray); width: 100%; } .divider i { position: absolute; line-height: 1; font-size: 14px !important; text-align: center; top: -7px; background: var(--white); } .divider.vc_sep_pos_align_left i { left: 0; border-right: 10px solid var(--white); } .divider.vc_sep_pos_align_right i { right: 0; border-left: 10px solid var(--white); } .divider.vc_sep_pos_align_center i { left: 50%; -webkit-transform: translate(-50%); -khtml-transform: translate(-50%); -moz-transform: translate(-50%); -ms-transform: translate(-50%); -o-transform: translate(-50%); transform: translate(-50%); /* BACKGROUND GRADIENT */ /* TRANSFORM STYLE */ border-left: 10px solid var(--white); border-right: 10px solid var(--white); } .divider .divider-center { text-align: center; } .divider .divider-center i { border-left: 10px solid var(--white); border-right: 10px solid var(--white); z-index: 1; } .divider .divider-center:after { left: 0; } .divider-line { height: 2px; width: 100%; background: var(--lgray); } .divider-dashed { height: 0px; width: 100%; margin: 20px 0 20px 0; border-top: 2px dashed var(--lgray); /* Hr -----------------------------------------------------*/ } hr { border-top: 1px solid var(--lgray); margin: 22px 0 22px 0; height: 0; /*------------------------------ 6.11 Labels ------------------------------*/ } hr.gradient { background-image: -webkit-linear-gradient(left, transparent, rgba(0, 0, 0, 0.2), transparent); background-image: linear-gradient(to right, transparent, rgba(0, 0, 0, 0.2), transparent); border: 0; height: 1px; margin: 22px 0 22px 0; } hr.short { margin: 11px 0 11px 0; } hr.tall { margin: 44px 0 44px 0; } hr.taller { margin: 66px 0 66px 0; } hr.light { background-image: -webkit-linear-gradient(left, transparent, rgba(255, 255, 255, 0.2), transparent); background-image: linear-gradient(to right, transparent, rgba(255, 255, 255, 0.2), transparent); } hr.invisible { background: none; } .container .label { font-weight: 400; /*------------------------------ 6.12 Image Owl Carousel ------------------------------*/ } .owl-images-wrap { /*------------------------------ 6.13 Single Image ------------------------------*/ } .owl-images-wrap .owl-carousel .owl-prev, .owl-images-wrap .owl-carousel .owl-next { -webkit-box-shadow: 1px 1px 0px rgba(0, 0, 0, 0.1); -khtml-box-shadow: 1px 1px 0px rgba(0, 0, 0, 0.1); -moz-box-shadow: 1px 1px 0px rgba(0, 0, 0, 0.1); -ms-box-shadow: 1px 1px 0px rgba(0, 0, 0, 0.1); -o-box-shadow: 1px 1px 0px rgba(0, 0, 0, 0.1); box-shadow: 1px 1px 0px rgba(0, 0, 0, 0.1); /* BACKGROUND GRADIENT */ /* BOX SIZING */ width: 40px; height: 70px; line-height: 50px; text-align: center; background: var(--white); color: var(--dark-gray); } .owl-images-wrap .owl-carousel .owl-prev i, .owl-images-wrap .owl-carousel .owl-next i { display: block; height: 70px; line-height: 75px; margin: 0; text-align: center; width: 40px; } .owl-images-wrap .owl-carousel .owl-prev:hover, .owl-images-wrap .owl-carousel .owl-next:hover { color: var(--dark-gray); } .owl-images-wrap .owl-carousel:hover .owl-next { right: 0; } .owl-images-wrap .owl-carousel:hover .owl-prev { left: 0; } .owl-images-wrap.paging_outside .cms-image-item { margin-bottom: 35px; } .owl-images-wrap.paging_inside .owl-carousel .owl-dots { bottom: 10px; } .owl-images-wrap.paging_inside .owl-dots .owl-dot span { background: var(--white); } .owl-images-wrap .owl-carousel .cms-image-item img { width: auto; } .owl-images-wrap .owl-carousel .cms-image-item.w-100 img { width: 100px; } .wpb_single_image .none-hover-effect > a:hover img { -webkit-transform: scale(1); -khtml-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); /* BACKGROUND GRADIENT */ /* TRANSFORM STYLE */ } .wpb_single_image .none-hover-effect > a:hover .vc_single_image-wrapper:before, .wpb_single_image .none-hover-effect > a:hover .vc_single_image-wrapper:after { filter: alpha(opacity=0); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; -webkit-opacity: 0; -khtml-opacity: 0; -moz-opacity: 0; -ms-opacity: 0; -o-opacity: 0; opacity: 0; /* BACKGROUND GRADIENT */ /* OUTLINE RADIUS */ margin: 0; } .wpb_single_image .cms-lightbox, .wpb_single_image .lightbox { display: block; } .wpb_single_image .cms-lightbox > div, .wpb_single_image .lightbox > div { position: relative; overflow: hidden; -webkit-transition: all 0.3s cubic-bezier(0.3, 0.1, 0.58, 1) 0s; -khtml-transition: all 0.3s cubic-bezier(0.3, 0.1, 0.58, 1) 0s; -moz-transition: all 0.3s cubic-bezier(0.3, 0.1, 0.58, 1) 0s; -ms-transition: all 0.3s cubic-bezier(0.3, 0.1, 0.58, 1) 0s; -o-transition: all 0.3s cubic-bezier(0.3, 0.1, 0.58, 1) 0s; transition: all 0.3s cubic-bezier(0.3, 0.1, 0.58, 1) 0s; /* BACKGROUND GRADIENT */ /* TRIPLE BORDERS */ } .wpb_single_image .cms-lightbox > div:before, .wpb_single_image .lightbox > div:before { position: absolute; top: 0; right: 0; bottom: 0; left: 0; width: 100%; height: 100%; display: block; background: rgba(16, 16, 16, 0.85); content: ""; z-index: 2; -webkit-transition: all 0.3s cubic-bezier(0.3, 0.1, 0.58, 1) 0s; -khtml-transition: all 0.3s cubic-bezier(0.3, 0.1, 0.58, 1) 0s; -moz-transition: all 0.3s cubic-bezier(0.3, 0.1, 0.58, 1) 0s; -ms-transition: all 0.3s cubic-bezier(0.3, 0.1, 0.58, 1) 0s; -o-transition: all 0.3s cubic-bezier(0.3, 0.1, 0.58, 1) 0s; transition: all 0.3s cubic-bezier(0.3, 0.1, 0.58, 1) 0s; /* BACKGROUND GRADIENT */ /* TRIPLE BORDERS */ filter: alpha(opacity=0); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; -webkit-opacity: 0; -khtml-opacity: 0; -moz-opacity: 0; -ms-opacity: 0; -o-opacity: 0; opacity: 0; /* BACKGROUND GRADIENT */ /* OUTLINE RADIUS */ } .wpb_single_image .cms-lightbox > div:after, .wpb_single_image .lightbox > div:after { position: absolute; width: 30px; height: 30px; line-height: 30px; text-align: center; content: "U"; font-family: ElegantIcons; font-weight: 400; line-height: 1; color: var(--white); font-size: 26px; display: block; top: 50%; left: 50%; margin-top: -20px; -webkit-transform: translate(-50%, -50%); -khtml-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); /* BACKGROUND GRADIENT */ /* TRANSFORM STYLE */ z-index: 2; -webkit-transition: all 0.3s cubic-bezier(0.3, 0.1, 0.58, 1) 0s; -khtml-transition: all 0.3s cubic-bezier(0.3, 0.1, 0.58, 1) 0s; -moz-transition: all 0.3s cubic-bezier(0.3, 0.1, 0.58, 1) 0s; -ms-transition: all 0.3s cubic-bezier(0.3, 0.1, 0.58, 1) 0s; -o-transition: all 0.3s cubic-bezier(0.3, 0.1, 0.58, 1) 0s; transition: all 0.3s cubic-bezier(0.3, 0.1, 0.58, 1) 0s; /* BACKGROUND GRADIENT */ /* TRIPLE BORDERS */ filter: alpha(opacity=0); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; -webkit-opacity: 0; -khtml-opacity: 0; -moz-opacity: 0; -ms-opacity: 0; -o-opacity: 0; opacity: 0; /* BACKGROUND GRADIENT */ /* OUTLINE RADIUS */ } .wpb_single_image .cms-lightbox img, .wpb_single_image .lightbox img { -webkit-transition: all 0.3s cubic-bezier(0.3, 0.1, 0.58, 1) 0s; -khtml-transition: all 0.3s cubic-bezier(0.3, 0.1, 0.58, 1) 0s; -moz-transition: all 0.3s cubic-bezier(0.3, 0.1, 0.58, 1) 0s; -ms-transition: all 0.3s cubic-bezier(0.3, 0.1, 0.58, 1) 0s; -o-transition: all 0.3s cubic-bezier(0.3, 0.1, 0.58, 1) 0s; transition: all 0.3s cubic-bezier(0.3, 0.1, 0.58, 1) 0s; /* BACKGROUND GRADIENT */ /* TRIPLE BORDERS */ width: 100%; } .wpb_single_image .cms-lightbox:hover img, .wpb_single_image .lightbox:hover img { -webkit-transform: scale(1.3) translateZ(0px); -khtml-transform: scale(1.3) translateZ(0px); -moz-transform: scale(1.3) translateZ(0px); -ms-transform: scale(1.3) translateZ(0px); -o-transform: scale(1.3) translateZ(0px); transform: scale(1.3) translateZ(0px); /* BACKGROUND GRADIENT */ /* TRANSFORM STYLE */ } .wpb_single_image .cms-lightbox:hover .vc_single_image-wrapper:before, .wpb_single_image .lightbox:hover .vc_single_image-wrapper:before, .wpb_single_image .cms-lightbox:hover .vc_single_image-wrapper:after, .wpb_single_image .lightbox:hover .vc_single_image-wrapper:after { filter: alpha(opacity=100); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; -webkit-opacity: 1; -khtml-opacity: 1; -moz-opacity: 1; -ms-opacity: 1; -o-opacity: 1; opacity: 1; /* BACKGROUND GRADIENT */ /* OUTLINE RADIUS */ margin: 0; } .wpb_single_image .cms-img-bg { position: relative; top: 0; left: 0; width: 100%; height: 100%; overflow: hidden; } .wpb_single_image .cms-img-bg.vc_single_image-wrapper { background-position: 50% 50%; background-size: cover; background-repeat: no-repeat; height: 390px; } .equal-height.h-100 .cms-img-bg { height: 100%; } @media screen and (min-width: 992px) { /*------------------------------ 6.14 Gallery Image ------------------------------*/ body .cms-abs-992 { position: absolute; height: 100%; } .wpb_single_image .cms-img-bg { position: absolute; height: 100%; } .wpb_single_image .cms-img-bg.vc_single_image-wrapper { height: 100%; } } .cms-popup-gallery { margin: 0 -3px; } .cms-popup-gallery .isotope-item { margin: 0 3px 3px 0 !important; } .fes9-img-center { height: 300px; margin-bottom: 0; margin-left: auto; margin-right: auto; margin-top: 0; position: relative; width: 416px; /*------------------------------ 6.14 Video popup ------------------------------*/ } .fes9-img-center img { left: 0; position: absolute; top: 0; } .cms_map_lightbox, .wpb_video_popup_wrapper { /*------------------------------ 6.15 - ProgressBar ------------------------------*/ /* ProgressBar Style 1 -----------------------------------------------------*/ } .cms_map_lightbox a, .wpb_video_popup_wrapper a { display: block; } .cms_map_lightbox .video-img-thumb, .wpb_video_popup_wrapper .video-img-thumb, .cms_map_lightbox .map-img-thumb, .wpb_video_popup_wrapper .map-img-thumb { position: relative; overflow: hidden; -webkit-transition: all 0.3s cubic-bezier(0.3, 0.1, 0.58, 1) 0s; -khtml-transition: all 0.3s cubic-bezier(0.3, 0.1, 0.58, 1) 0s; -moz-transition: all 0.3s cubic-bezier(0.3, 0.1, 0.58, 1) 0s; -ms-transition: all 0.3s cubic-bezier(0.3, 0.1, 0.58, 1) 0s; -o-transition: all 0.3s cubic-bezier(0.3, 0.1, 0.58, 1) 0s; transition: all 0.3s cubic-bezier(0.3, 0.1, 0.58, 1) 0s; /* BACKGROUND GRADIENT */ /* TRIPLE BORDERS */ } .cms_map_lightbox .video-img-thumb:before, .wpb_video_popup_wrapper .video-img-thumb:before, .cms_map_lightbox .map-img-thumb:before, .wpb_video_popup_wrapper .map-img-thumb:before { position: absolute; top: 0; right: 0; bottom: 0; left: 0; width: 100%; height: 100%; display: block; background: rgba(16, 16, 16, 0.85); content: ""; z-index: 2; -webkit-transition: all 0.3s cubic-bezier(0.3, 0.1, 0.58, 1) 0s; -khtml-transition: all 0.3s cubic-bezier(0.3, 0.1, 0.58, 1) 0s; -moz-transition: all 0.3s cubic-bezier(0.3, 0.1, 0.58, 1) 0s; -ms-transition: all 0.3s cubic-bezier(0.3, 0.1, 0.58, 1) 0s; -o-transition: all 0.3s cubic-bezier(0.3, 0.1, 0.58, 1) 0s; transition: all 0.3s cubic-bezier(0.3, 0.1, 0.58, 1) 0s; /* BACKGROUND GRADIENT */ /* TRIPLE BORDERS */ filter: alpha(opacity=0); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; -webkit-opacity: 0; -khtml-opacity: 0; -moz-opacity: 0; -ms-opacity: 0; -o-opacity: 0; opacity: 0; /* BACKGROUND GRADIENT */ /* OUTLINE RADIUS */ } .cms_map_lightbox .video-img-thumb i, .wpb_video_popup_wrapper .video-img-thumb i, .cms_map_lightbox .map-img-thumb i, .wpb_video_popup_wrapper .map-img-thumb i { position: absolute; width: 30px; height: 30px; line-height: 30px; text-align: center; font-weight: 400; line-height: 1; color: var(--white); font-size: 26px; display: block; top: 50%; left: 50%; margin-top: -15px; -webkit-transform: translate(-50%, -50%); -khtml-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); /* BACKGROUND GRADIENT */ /* TRANSFORM STYLE */ z-index: 2; -webkit-transition: all 0.3s cubic-bezier(0.3, 0.1, 0.58, 1) 0s; -khtml-transition: all 0.3s cubic-bezier(0.3, 0.1, 0.58, 1) 0s; -moz-transition: all 0.3s cubic-bezier(0.3, 0.1, 0.58, 1) 0s; -ms-transition: all 0.3s cubic-bezier(0.3, 0.1, 0.58, 1) 0s; -o-transition: all 0.3s cubic-bezier(0.3, 0.1, 0.58, 1) 0s; transition: all 0.3s cubic-bezier(0.3, 0.1, 0.58, 1) 0s; /* BACKGROUND GRADIENT */ /* TRIPLE BORDERS */ filter: alpha(opacity=0); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; -webkit-opacity: 0; -khtml-opacity: 0; -moz-opacity: 0; -ms-opacity: 0; -o-opacity: 0; opacity: 0; /* BACKGROUND GRADIENT */ /* OUTLINE RADIUS */ } .cms_map_lightbox .map-img-thumb:after, .wpb_video_popup_wrapper .map-img-thumb:after { position: absolute; width: 30px; height: 30px; line-height: 30px; text-align: center; content: "\e01f"; font-family: ElegantIcons; font-weight: 400; line-height: 1; color: var(--white); font-size: 26px; display: block; top: 50%; left: 50%; margin-top: -15px; -webkit-transform: translate(-50%, -50%); -khtml-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); /* BACKGROUND GRADIENT */ /* TRANSFORM STYLE */ z-index: 2; -webkit-transition: all 0.3s cubic-bezier(0.3, 0.1, 0.58, 1) 0s; -khtml-transition: all 0.3s cubic-bezier(0.3, 0.1, 0.58, 1) 0s; -moz-transition: all 0.3s cubic-bezier(0.3, 0.1, 0.58, 1) 0s; -ms-transition: all 0.3s cubic-bezier(0.3, 0.1, 0.58, 1) 0s; -o-transition: all 0.3s cubic-bezier(0.3, 0.1, 0.58, 1) 0s; transition: all 0.3s cubic-bezier(0.3, 0.1, 0.58, 1) 0s; /* BACKGROUND GRADIENT */ /* TRIPLE BORDERS */ filter: alpha(opacity=0); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; -webkit-opacity: 0; -khtml-opacity: 0; -moz-opacity: 0; -ms-opacity: 0; -o-opacity: 0; opacity: 0; /* BACKGROUND GRADIENT */ /* OUTLINE RADIUS */ } .cms_map_lightbox img, .wpb_video_popup_wrapper img { -webkit-transition: all 0.3s cubic-bezier(0.3, 0.1, 0.58, 1) 0s; -khtml-transition: all 0.3s cubic-bezier(0.3, 0.1, 0.58, 1) 0s; -moz-transition: all 0.3s cubic-bezier(0.3, 0.1, 0.58, 1) 0s; -ms-transition: all 0.3s cubic-bezier(0.3, 0.1, 0.58, 1) 0s; -o-transition: all 0.3s cubic-bezier(0.3, 0.1, 0.58, 1) 0s; transition: all 0.3s cubic-bezier(0.3, 0.1, 0.58, 1) 0s; /* BACKGROUND GRADIENT */ /* TRIPLE BORDERS */ } .cms_map_lightbox:hover img, .wpb_video_popup_wrapper:hover img { -webkit-transform: scale(1.3) translateZ(0px); -khtml-transform: scale(1.3) translateZ(0px); -moz-transform: scale(1.3) translateZ(0px); -ms-transform: scale(1.3) translateZ(0px); -o-transform: scale(1.3) translateZ(0px); transform: scale(1.3) translateZ(0px); /* BACKGROUND GRADIENT */ /* TRANSFORM STYLE */ } .cms_map_lightbox:hover .video-img-thumb:before, .wpb_video_popup_wrapper:hover .video-img-thumb:before, .cms_map_lightbox:hover .video-img-thumb i, .wpb_video_popup_wrapper:hover .video-img-thumb i, .cms_map_lightbox:hover .map-img-thumb:before, .wpb_video_popup_wrapper:hover .map-img-thumb:before, .cms_map_lightbox:hover .map-img-thumb:after, .wpb_video_popup_wrapper:hover .map-img-thumb:after { filter: alpha(opacity=100); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; -webkit-opacity: 1; -khtml-opacity: 1; -moz-opacity: 1; -ms-opacity: 1; -o-opacity: 1; opacity: 1; /* BACKGROUND GRADIENT */ /* OUTLINE RADIUS */ margin: 0; } .cms-progress-item-wrap { /* ProgressBar Style 2 -----------------------------------------------------*/ } .cms-progress-item-wrap .cms-progress { margin-bottom: 10px; -webkit-box-shadow: none; -khtml-box-shadow: none; -moz-box-shadow: none; -ms-box-shadow: none; -o-box-shadow: none; box-shadow: none; /* BACKGROUND GRADIENT */ } .cms-progress-item-wrap .progress-bar { -webkit-box-shadow: none; -khtml-box-shadow: none; -moz-box-shadow: none; -ms-box-shadow: none; -o-box-shadow: none; box-shadow: none; /* BACKGROUND GRADIENT */ } .cms-progress-item-wrap .cms-progress-title { font-size: 14px; font-weight: 400; line-height: 25px; text-align: left; padding-left: 15px; } .cms-progress-item-wrap.style2 { /* ProgressBar Style 3 -----------------------------------------------------*/ } .cms-progress-item-wrap.style2 .cms-progress { height: 2px; position: relative; display: block; margin-top: 25px; margin-bottom: 55px; width: 100%; background: var(--lgray); overflow: visible; -webkit-transition: 0.4s linear; -khtml-transition: 0.4s linear; -moz-transition: 0.4s linear; -ms-transition: 0.4s linear; -o-transition: 0.4s linear; transition: 0.4s linear; /* BACKGROUND GRADIENT */ /* TRIPLE BORDERS */ -webkit-transition-property: width, background-color; -moz-transition-property: width, background-color; -ms-transition-property: width, background-color; -o-transition-property: width, background-color; transition-property: width, background-color; } .cms-progress-item-wrap.style2 .cms-progress-title { padding: 0; position: absolute; bottom: 0; left: 0; color: var(--dark-gray); } .cms-progress-item-wrap.style2 .cms-progress-title span { display: block; height: 40px; line-height: 40px; } .cms-progress-item-wrap.style2 .progress-bar { height: 2px; width: 0px; background: var(--dark-gray); } .cms-progress-item-wrap.style2 .csm-bar-percent { position: absolute; right: 0px; bottom: 0; color: rgba(0, 0, 0, 0.6); display: block; height: 40px; line-height: 40px; } .progress.style3 { /*------------------------------ 6.16 - Counter & Charts ------------------------------*/ } .progress.style3 .show_value { display: block; text-align: center; } .progress.style3 .show_value .sr-only { clip: inherit; width: auto; display: inline-block; margin: 0; position: static; height: auto; } .cms-counter-wraper .cms-counter-body > div { /* Define */ } .cms-counter-wraper .cms-counter-body > div:first-child { border: none; } @media screen and (min-width: 992px) { .cms-counter-wraper .cms-counter-body > div { border-left: 1px solid #dadada; } } .cms-counter-wraper .cms-counter { color: var(--dark-gray); font-size: 45px; font-weight: 100; line-height: 45px; margin-top: 17px; } .cms-counter-wraper h3 { margin: 10px 0; font-size: 14px; font-weight: 400; line-height: 25px; font-family: var(--mainfont); color: #7e8082; } @media screen and (max-width: 350px) { /*------------------------------ 6.17 - Blog Timeline ------------------------------*/ #counters-charts .col-xs-6 { width: 100% !important; margin-bottom: 15px; } } .blog-timeline-wrap { position: relative; } .blog-timeline-wrap:before { background: #e5e5e5 none repeat scroll 0 0; content: ""; height: 100%; left: 50%; position: absolute; top: 0; width: 4px; } .blog-timeline-wrap .timeline-start { position: relative; display: block; clear: both; width: 250px; padding: 15px; border: 3px solid #e5e5e5; margin: 0 auto 10px; background: var(--white); z-index: 1; text-align: center; font-family: var(--mainfont); } .blog-timeline-wrap .timeline-start.timeline-final { margin-bottom: 0; } .blog-timeline-wrap .timeline-start.timeline-final .cms-load-posts { margin-bottom: 0; } .blog-timeline-wrap .timeline-start .timeline-start-caption { color: var(--dark-gray); font-size: 20px; padding-top: 10px; padding-bottom: 10px; } .blog-timeline-wrap .timeline-start .timeline-start-date { margin-bottom: 5px; } .blog-timeline-wrap .timeline-block { margin: 4em 0; position: relative; /* Define */ } .blog-timeline-wrap .timeline-block:after { display: table; content: ""; clear: both; } .blog-timeline-wrap .timeline-block .timeline-icon { background: #dfdfdf none repeat scroll 0 0; color: var(--white); font-size: 24px; padding-top: 16px; text-align: center; height: 60px; left: 50%; margin-left: -30px; width: 60px; border-radius: 50%; top: 0; position: absolute; } .blog-timeline-wrap .timeline-block .timeline-icon span { font-size: 24px; color: var(--white); text-align: center; } .blog-timeline-wrap .timeline-block .timeline-content { background: #f3f3f3 none repeat scroll 0 0; margin-left: 0px; padding: 20px; position: relative; padding: 1.6em; width: 45%; } .blog-timeline-wrap .timeline-block .timeline-content .entry-title { font-size: 20px; line-height: 28px; margin-bottom: 10px; margin-top: 0; text-transform: uppercase; } .blog-timeline-wrap .timeline-block .timeline-content .entry-date { left: 122%; position: absolute; top: 6px; width: 100%; float: left; } .blog-timeline-wrap .timeline-block .timeline-content .entry-date span { display: block; font-weight: 400; font-family: var(--extrafont); text-transform: uppercase; } .blog-timeline-wrap .timeline-block .timeline-content .entry-date .entry-date-year { font-size: 20px; } .blog-timeline-wrap .timeline-block .timeline-content .entry-date .entry-date-month { font-size: 14px; } .blog-timeline-wrap .timeline-block .timeline-content:before { border-color: transparent transparent transparent #f3f3f3; left: 100%; top: 24px; content: ""; position: absolute; height: 0; width: 0; border: 7px solid transparent; border-left: 7px solid #f3f3f3; } .blog-timeline-wrap .timeline-block .timeline-content:after { display: table; } @media screen and (min-width: 992px) { .blog-timeline-wrap .timeline-block:nth-child(2n) .timeline-content { float: right; } .blog-timeline-wrap .timeline-block:nth-child(2n) .timeline-content:before { border-color: transparent #f3f3f3 transparent transparent; left: auto; right: 100%; } .blog-timeline-wrap .timeline-block:nth-child(2n) .timeline-content .entry-date { left: auto; right: 122%; text-align: right; } } @media screen and (max-width: 992px) { /*------------------------------ 6.16 - Alerts ------------------------------*/ .blog-timeline-wrap:before { left: 18px; } .blog-timeline-wrap .timeline-start { margin: 0; } .blog-timeline-wrap .timeline-block { margin: 2em 0; } .blog-timeline-wrap .timeline-block .timeline-icon { left: 0; margin-left: 0; padding-top: 0px; width: 40px; height: 40px; line-height: 40px; } .blog-timeline-wrap .timeline-block .timeline-icon span { font-size: 18px; } .blog-timeline-wrap .timeline-block .timeline-content { width: auto; margin-left: 60px; } .blog-timeline-wrap .timeline-block .timeline-content .entry-date { background: #fff none repeat scroll 0 0; margin-bottom: -5px; margin-left: -20px; margin-top: 15px; padding: 15px; } .blog-timeline-wrap .timeline-block .timeline-content .entry-date { background: #fff none repeat scroll 0 0; margin-bottom: -5px; margin-left: -23px; margin-top: 15px; padding: 15px; display: inline-block; position: static; float: none; width: auto; } .blog-timeline-wrap .timeline-block .timeline-content .entry-date span { display: inline-block; font-size: 14px !important; margin-right: 10px; } .blog-timeline-wrap .timeline-block .timeline-content:before { border-color: transparent #f3f3f3 transparent transparent; left: auto; right: 100%; top: 16px; } } body .vc_message_box { padding: 15px 15px 15px 38px; margin-bottom: 20px; /*------------------------------ 6.17 Clients ------------------------------*/ } body .vc_message_box .vc_message_box-icon { width: 45px; } body .vc_message_box .vc_message_box-icon i { font-size: 14px; font-weight: 400; line-height: 25px; } body .vc_message_box.hide-icon { padding: 15px; } body .vc_message_box.hide-icon .vc_message_box-icon { display: none; } body .vc_message_box.vc_message_box-square { -webkit-border-radius: 0; -khtml-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; -o-border-radius: 0; border-radius: 0; /* BACKGROUND GRADIENT */ } body .vc_message_box.vc_color-success { background-color: #dff0d8; border-color: #d6e9c6; color: #3c763d; } body .vc_message_box.vc_color-success .vc_message_box-icon i { color: #3c763d; } body .vc_message_box.vc_color-success a { color: #2b542c; } body .vc_message_box.vc_color-info { background-color: #d9edf7; border-color: #bce8f1; color: #31708f; } body .vc_message_box.vc_color-info .vc_message_box-icon i { color: #31708f; } body .vc_message_box.vc_color-info a { color: #245269; } body .vc_message_box.vc_color-warning { background-color: #fff4e2; border-color: #ffeccc; color: #9d8967; } body .vc_message_box.vc_color-warning .vc_message_box-icon i { color: #9d8967; } body .vc_message_box.vc_color-warning a { color: #66512c; } body .vc_message_box.vc_color-danger { background-color: #f2dede; border-color: #ebccd1; color: #a94442; } body .vc_message_box.vc_color-danger .vc_message_box-icon i { color: #a94442; } body .vc_message_box.vc_color-danger a { color: #843534; } .cms-grid-clients-wrap .cms-grid-item { text-align: center; padding-top: 20px; padding-bottom: 20px; border-left: 1px solid var(--lgray); } .cms-grid-clients-wrap .cms-grid-item:first-child { border-left: none; } .cms-grid-clients-wrap .cms-grid-item img { height: 100px; width: auto; } .cms-grid-clients-wrap .border-bot { border-bottom: 1px solid var(--lgray); } .client-row.border-bot { border-bottom: 1px solid var(--lgray); } @media only screen and (max-width: 992px) { /*------------------------------ 6.18 BlockQuote ------------------------------*/ .cms-grid-clients-wrap .cms-grid-item, .cms-grid-clients-wrap .border-bot { border: none; } } blockquote { /*------------------------------ 6.19 Fancy Box Single ------------------------------*/ } blockquote .cms-blogquote-1 { border-left: none; } blockquote.quote { border: none !important; } blockquote.quote p { margin-bottom: 24px; } .cms-fancybox-item { /* Fancy Box Single style 2 --------------------------------*/ } .cms-fancybox-item.has-fancy-icon { padding-bottom: 10px; padding-left: 55px; position: relative; } .cms-fancybox-item .fancy-box-icon { color: var(--dark-gray); left: 0; position: absolute; top: 0; font-size: 35px; } .cms-fancybox-item .fancy-box-icon i { color: var(--dark-gray); margin: 0; } .cms-fancybox-item .fancy-title { color: var(--dark-gray); font-family: var(--mainfont); font-size: 18px; font-weight: 900; margin-bottom: 10px; margin-top: 10px; letter-spacing: normal; line-height: 33px; } .cms_fancybox_layout2 .cms-fancybox-item { padding-left: 47px; padding-bottom: 10px; /* Fancy Box Single style 3 --------------------------------*/ } .cms_fancybox_layout2 .cms-fancybox-item .fancy-title { margin: 5px 0; font-size: 16px; } .cms_fancybox_layout2 .cms-fancybox-item .fancy-box-icon { font-size: 30px; top: 2px; } .cms_fancybox_layout3 .cms-fancybox-item { padding: 0; margin-bottom: 50px; /* Fancy Box Single style 4 --------------------------------*/ } .cms_fancybox_layout3 .cms-fancybox-item .cms-fancybox-element { padding-bottom: 15px; padding-left: 70px; position: relative; } .cms_fancybox_layout3 .cms-fancybox-item .cms-fancybox-element .fancy-box-icon { font-size: 45px; top: 7px; } .cms_fancybox_layout3 .cms-fancybox-item .cms-fancybox-element .fancy-title { font-size: 18px; margin: 0; } .cms_fancybox_layout3 .cms-fancybox-item .cms-fancybox-element .fancy-title p { text-transform: uppercase; } .cms_fancybox_layout3 .cms-fancybox-item .fancy-box-content p { margin-bottom: 0; } .cms_fancybox_layout4 .cms-fancybox-item { padding: 0; margin-bottom: 50px; color: #f1f1f1; } .cms_fancybox_layout4 .cms-fancybox-item .cms-fancybox-element { padding-bottom: 15px; padding-left: 70px; position: relative; } .cms_fancybox_layout4 .cms-fancybox-item .cms-fancybox-element .fancy-box-icon { font-size: 45px; top: 7px; } .cms_fancybox_layout4 .cms-fancybox-item .cms-fancybox-element .fancy-box-icon i { color: #f1f1f1; } .cms_fancybox_layout4 .cms-fancybox-item .cms-fancybox-element .fancy-title { font-size: 18px; margin: 0; color: #f1f1f1; } .cms_fancybox_layout4 .cms-fancybox-item .cms-fancybox-element .fancy-title p { text-transform: uppercase; } .cms_fancybox_layout4 .cms-fancybox-item .fancy-box-content p { margin-bottom: 0; } .cms_fancybox_layout4.default-color .cms-fancybox-item { color: var(--dark-gray); /* Fancy Box Single style 5 --------------------------------*/ } .cms_fancybox_layout4.default-color .cms-fancybox-item .cms-fancybox-element .fancy-box-icon i { color: var(--dark-gray); } .cms_fancybox_layout4.default-color .cms-fancybox-item .cms-fancybox-element .fancy-title { color: var(--dark-gray); } .template-cms_fancybox_single--layout5 .cms-fancybox-item { padding: 0; /* Fancy Box Single style 6 --------------------------------*/ } .template-cms_fancybox_single--layout5 .cms-fancybox-item .fancy-box-icon { width: 100%; clear: both; float: left; position: static; } .template-cms_fancybox_single--layout5 .cms-fancybox-item .fancy-box-icon i { color: var(--dark-gray); display: inline; line-height: 64px; } .template-cms_fancybox_single--layout5 .cms-fancybox-item .fancy-title { width: 100%; font-size: 18px; font-weight: 400; margin: 0; } .cms_fancybox_layout6 .cms-fancybox-item { padding: 0; margin-bottom: 50px; /* Fancy Box Single Maintenance --------------------------------*/ } .cms_fancybox_layout6 .cms-fancybox-item .cms-fancybox-element { padding-bottom: 15px; padding-left: 52px; position: relative; } .cms_fancybox_layout6 .cms-fancybox-item .cms-fancybox-element .fancy-box-icon { font-size: 30px; top: 0; } .cms_fancybox_layout6 .cms-fancybox-item .cms-fancybox-element .fancy-title { font-weight: 400; margin: 0; font-size: 16px; } .cms_fancybox_layout6 .cms-fancybox-item .fancy-box-content p { margin-bottom: 0; } .template-cms_fancybox_single--maintenance { /*------------------------------ 6.20 Teams ------------------------------*/ } .template-cms_fancybox_single--maintenance h1 { font-size: 70px; font-weight: 600; line-height: 70px; margin-bottom: 10px; margin-top: 0; } .template-cms_fancybox_single--maintenance h2 { margin-top: 0; } .template-cms_fancybox_single--maintenance .maintenance-icon-container { margin-bottom: 50px; margin-top: 10px; text-align: center; } .template-cms_fancybox_single--maintenance .maintenance-icon-container i { font-size: 175px; } .cms-grid-team { text-align: center; /*------------------------------ 6.21 Latest News ------------------------------*/ } .cms-grid-team .cms-grid-title { font-family: var(--mainfont); font-size: 16px; font-weight: 900; line-height: 24px; margin: 0; padding-bottom: 5px; padding-top: 20px; text-transform: uppercase; } .cms-grid-team span { font-size: 14px; font-style: normal; display: block; text-transform: uppercase; } .cms-grid-team .team-social { list-style: none; margin: 15px 0 0; padding: 0; overflow: hidden; clear: both; display: block; } .cms-grid-team .team-social li { font-size: 18px; margin: 0 5px; display: inline-block; } .cms-grid-team .team-social li a { color: var(--red); text-decoration: none; outline: none; display: inline-block; } .cms-grid-team .team-social li a:hover { color: #101010; } .cms-latest-news-wrapper { /* Layout 2 */ } .cms-latest-news-wrapper .latest-title { margin-bottom: 50px; } .cms-latest-news-wrapper .latest-title .section-title { padding-right: 0; } .cms-latest-news-wrapper .latest-title .section-more { float: right; color: #7e8082; font-size: 14px; font-weight: 400; } .cms-latest-news-wrapper .latest-title .section-more:hover { color: #101010; } .cms-latest-news-wrapper .post-info { font-size: 13px; margin-bottom: 14px; } .cms-latest-news-wrapper .post-info ul { padding-left: 0; list-style: none; } .cms-latest-news-wrapper .post-info ul li { display: inline-block; text-transform: uppercase; } .cms-latest-news-wrapper .post-info ul li:after { content: "/"; padding: 0 3px; color: #a3a6a8; } .cms-latest-news-wrapper .post-info ul li:last-child:after { display: none; } .cms-latest-news-wrapper .post-info ul li a, .cms-latest-news-wrapper .post-info ul li span { color: #a3a6a8; } .cms-latest-news-wrapper .post-info ul li a { color: var(--maincolor); text-decoration: underline; } .cms-latest-news-wrapper .post-info ul li a:hover { color: var(--red); text-decoration: underline; } .cms-latest-news-wrapper .cms-blog-item h3 { font-family: var(--mainfont); } .cms-latest-news-wrapper .cms-blog-item .entry-title { font-size: 16px; font-weight: 900; line-height: 26px; margin-bottom: 0; text-transform: uppercase; min-height: 60px; } .cms-latest-news-wrapper .cms-blog-item .post-info { margin-bottom: 14px; } .cms-latest-news-wrapper .cms-blog-item .post-info li, .cms-latest-news-wrapper .cms-blog-item .post-info a { color: #a3a6a8; font-size: 13px; text-transform: uppercase; } .cms-latest-news-wrapper .cms-blog-item .post-info a:hover { color: #101010; } .cms-latest-layout-fullwidth .blog2-post-title-cont { margin-bottom: 20px; position: relative; } .cms-latest-layout-fullwidth .blog2-post-title-cont .post-prev-date-cont { position: absolute; top: 50%; -webkit-transform: translateY(-50%); -khtml-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); /* BACKGROUND GRADIENT */ /* TRANSFORM STYLE */ } .cms-latest-layout-fullwidth .blog2-post-title-cont .post-prev-date-cont .blog2-date-numb { font-size: 35px; font-weight: 100; } .cms-latest-layout-fullwidth .blog2-post-title-cont .post-prev-date-cont .blog2-month { font-size: 13px; padding-left: 3px; } .cms-latest-layout-fullwidth .blog2-post-title-cont .post-title { border-left: 1px solid #c9cacb; margin-left: 120px; padding: 15px 0 15px 20px; } .cms-latest-layout-fullwidth .blog2-post-title-cont .post-title h3 { margin: 0; line-height: 26px; font-weight: bold; font-family: var(--mainfont); } .cms-latest-layout-fullwidth .blog2-post-title-cont .post-title h3 a { font-size: 16px; font-weight: bold; text-transform: uppercase; line-height: 1; } .cms-latest-layout-fullwidth .blog2-post-title-cont .post-title .post-info { margin: 0; } .cms-latest-layout-fullwidth .content-excrept { margin-bottom: 20px; } .cms-latest-layout-fullwidth .content-excrept p { margin: 0; } @media screen and (max-width: 768px) { .cms-latest-layout-fullwidth .blog2-post-title-cont .post-prev-date-cont .blog2-month { display: block; line-height: 18px; } .cms-latest-layout-fullwidth .blog2-post-title-cont .post-title { margin-left: 70px; } .cms-latest-layout-fullwidth .blog2-post-title-cont .post-title ul { margin: 0; } } @media screen and (max-width: 480px) { .cms-latest-news-wrapper .latest-title .section-more { display: block; float: none !important; margin-top: 5px; } } .cms-latest-news-wrapper .cms-blog-item { overflow: hidden; /* Magazine layout */ } .special-row .cms-blog-item { /*------------------------------ 6.22 - Event countdown ------------------------------*/ } .special-row .cms-blog-item .entry-feature-image { margin: 0 15px 0 0; } .special-row .cms-blog-item .entry-feature-image img { width: 70px; } .special-row .cms-blog-item .entry-post-info ul { list-style: none; margin: 0; padding: 0; } .special-row .cms-blog-item .entry-post-info ul li { float: left; } .special-row .cms-blog-item .entry-post-info ul li:after { color: #7e8082; content: "/"; margin: 0 7px; display: inline-block; font-size: 13px; } .special-row .cms-blog-item .entry-post-info ul li:last-child:after { display: none; content: ""; } .special-row .cms-blog-item .entry-post-info ul li a, .special-row .cms-blog-item .entry-post-info ul li span { color: #7e8082; text-transform: none; font-size: 13px; } .template-cms_countdown { /*------------------------------ 6.23 Woo Category ------------------------------*/ } .template-cms_countdown .countdown-item-container { background: var(--dark-gray); text-align: center; padding: 38px 0; max-width: 170px; margin: 0 auto 20px auto; } .template-cms_countdown .countdown-item-container .countdown-amount { width: 100%; clear: both; display: block; color: var(--white); font-size: 40px; line-height: 50px; font-weight: 300; } .template-cms_countdown .countdown-item-container .countdown-period { text-transform: uppercase; font-size: 14px; color: rgba(255, 255, 255, 0.7); margin-top: 5px; } .woo-category-item { position: relative; overflow: hidden; /*------------------------------ 6.24 Owl Carousel ------------------------------*/ } .woo-category-item a { display: block; overflow: hidden; margin: 5px; } .woo-category-item a:hover .woo-category-thumb { -webkit-transform: scale(1.3) translateZ(0px); -khtml-transform: scale(1.3) translateZ(0px); -moz-transform: scale(1.3) translateZ(0px); -ms-transform: scale(1.3) translateZ(0px); -o-transform: scale(1.3) translateZ(0px); transform: scale(1.3) translateZ(0px); /* BACKGROUND GRADIENT */ /* TRANSFORM STYLE */ } .woo-category-item .woo-category-thumb { width: 100%; -webkit-transition: all 0.3s cubic-bezier(0.3, 0.1, 0.58, 1) 0s; -khtml-transition: all 0.3s cubic-bezier(0.3, 0.1, 0.58, 1) 0s; -moz-transition: all 0.3s cubic-bezier(0.3, 0.1, 0.58, 1) 0s; -ms-transition: all 0.3s cubic-bezier(0.3, 0.1, 0.58, 1) 0s; -o-transition: all 0.3s cubic-bezier(0.3, 0.1, 0.58, 1) 0s; transition: all 0.3s cubic-bezier(0.3, 0.1, 0.58, 1) 0s; /* BACKGROUND GRADIENT */ /* TRIPLE BORDERS */ } .woo-category-item .category-info { background: var(--white); bottom: 20px; left: 24px; min-width: 160px; padding: 17px 20px 15px; position: absolute; } .woo-category-item .category-info h4 { margin: 0; padding: 0; text-transform: uppercase; } .woo-category-item .category-info .category-desc { color: #7e8082; text-transform: uppercase; } .woo-category-item .category-info p { margin-bottom: 0; } .woo-category-item.custom-title .category-info { background: var(--red); } .template-cms_carousel .cms-carousel-item { margin-bottom: 50px; } .template-cms_carousel .cms-carousel-title { font-family: var(--mainfont); font-size: 16px; font-weight: 900; line-height: 24px; margin: 0; padding-bottom: 5px; padding-top: 20px; text-transform: uppercase; color: #444; } .template-cms_grid--portfolio-shuffle { /*------------------------------ 6.25 Landing Item ------------------------------*/ } .template-cms_grid--portfolio-shuffle .cms-port-shuffle-wrap { overflow: visible !important; } .cms-lading-wrap { /*------------------------------ 6.26 Carousel Travel ------------------------------*/ } .cms-lading-wrap .landing-thumb-wrap { border: 7px solid #e8e8e8; margin-bottom: 25px; } .cms-lading-wrap .landing-thumb-wrap a:hover { filter: alpha(opacity=60); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)"; -webkit-opacity: 0.6; -khtml-opacity: 0.6; -moz-opacity: 0.6; -ms-opacity: 0.6; -o-opacity: 0.6; opacity: 0.6; /* BACKGROUND GRADIENT */ /* OUTLINE RADIUS */ } .cms-lading-wrap .landing-thumb-wrap img { width: 100%; } .cms-lading-wrap h3 { font-size: 16px; font-weight: 900; line-height: 26px; margin: 0; font-family: var(--mainfont); text-transform: uppercase; } .cms-carousel-default.owl-carousel .owl-prev, .cms-carousel-default.owl-carousel .owl-next { background: var(--white); -webkit-box-shadow: 1px 1px 0 rgba(0, 0, 0, 0.1); -khtml-box-shadow: 1px 1px 0 rgba(0, 0, 0, 0.1); -moz-box-shadow: 1px 1px 0 rgba(0, 0, 0, 0.1); -ms-box-shadow: 1px 1px 0 rgba(0, 0, 0, 0.1); -o-box-shadow: 1px 1px 0 rgba(0, 0, 0, 0.1); box-shadow: 1px 1px 0 rgba(0, 0, 0, 0.1); /* BACKGROUND GRADIENT */ /* BOX SIZING */ color: rgba(16, 16, 16, 0.7); font-size: 30px; height: 70px; line-height: 30px; margin-top: 10px; padding-top: 5px; width: 40px; } .cms-carousel-default.owl-carousel .owl-prev i, .cms-carousel-default.owl-carousel .owl-next i { margin: 0; line-height: 70px; display: block; width: 40px; } .cms-carousel-default.owl-carousel .owl-prev { left: -50px; } .cms-carousel-default.owl-carousel .owl-next { right: -50px; /* &:hover { .owl-prev { left: -15px; } .owl-next { right: -15px; } } */ } .cms-carousel-travel { /*------------------------------ 6.27 Grid Travel ------------------------------*/ } .cms-carousel-travel .owl-stage-outer { padding-top: 110px; } .cms-carousel-travel.owl-carousel { overflow: inherit; } .cms-carousel-travel.owl-carousel .owl-stage-outer { overflow: inherit; } .cms-carousel-travel .cms-grid-media { position: relative; } .cms-carousel-travel .cms-grid-media a { display: block; } .cms-carousel-travel .cms-grid-media a:hover { filter: alpha(opacity=60); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)"; -webkit-opacity: 0.6; -khtml-opacity: 0.6; -moz-opacity: 0.6; -ms-opacity: 0.6; -o-opacity: 0.6; opacity: 0.6; /* BACKGROUND GRADIENT */ /* OUTLINE RADIUS */ } .cms-carousel-travel .cms-grid-media span { display: block; position: absolute; width: 60px; height: 60px; line-height: 60px; text-align: center; color: var(--dark-gray); background-color: var(--red); font-size: 13px; right: -10px; top: -20px; border-radius: 50%; } .cms-carousel-travel .cms-carousel-title a { font-size: 16px; line-height: 26px; margin: 0; color: #7e8082; } .cms-carousel-travel .cms-carousel-title a:hover { color: #101010; } .cms-carousel-travel .cms-travel-price { color: var(--dark-gray); font-size: 16px; margin-bottom: 20px; font-weight: bold; overflow: hidden; } .cms-carousel-travel .cms-travel-price del span { font-weight: normal; } .cms-carousel-travel .cms-travel-price ins { text-decoration: none; } .cms-carousel-travel .cms-travel-price ins span { font-weight: bold; } .cms-travel-wrap { /*------------------------------ 6.28 tabs 3 ------------------------------*/ } .cms-travel-wrap.cms-product { padding-left: 0; padding-right: 0; } .cms-travel-wrap .price ins span { font-weight: bold; } .cms-travel-wrap .cms-woo-image .cms-onsale { right: -10px; } .tabs-3 .tab-nav-opacity { border-color: rgba(255, 255, 255, 0.9); } .tabs-3 .nav-tabs > li > a { border-radius: 0; font-size: 12px; letter-spacing: 1px; padding: 14px 20px; } .tabs-3 .tab-nav-opacity > li > a { font-weight: 600; } .tabs-3 .tab-nav-opacity li.active > a { border-color: rgba(255, 255, 255, 0.9) !important; background-color: rgba(255, 255, 255, 0.9); } .tabs-3 .nav-tabs > li.active > a, .tabs-3 .nav-tabs > li.active > a:focus, .tabs-3 .nav-tabs > li.active > a:hover { color: #101010; } .tabs-3 .tab-pane { background-color: var(--white); } .tabs-3 .bg-opacity, .tabs-3 .tab-content-opacity { background: rgba(255, 255, 255, 0.7); } .tabs-3 .bg-opacity { padding: 30px; } .tabs-3 .form-group { margin-bottom: 15px; } .tabs-3 .display-block, .tabs-3 .travel-form label { display: block; } .tabs-3 .input-group-addon2 { background: 0 0; border: none; } .tabs-3 select { border: none; border-bottom: 1px solid var(--gray); border-radius: 0; background: 0 0; color: var(--dark-gray); font-size: 14px; margin: 0; outline: 0; padding: 8px 20px 8px 0; -webkit-appearance: initial; -moz-appearance: initial; appearance: initial; } .widget { margin-bottom: 60px; overflow: hidden; } .widget:after, .widget:before { display: table; content: ""; } .widget .wg-title { color: var(--dark-gray); font-size: 16px; font-weight: bold; text-transform: uppercase; margin: 12px 0 20px; font-family: var(--mainfont); line-height: 25px; } .widget ul, .widget ol { list-style-type: none; padding: 0; margin: 0; } .widget ul ul, .widget ol ul { padding-left: 20px; } .widget li { margin-bottom: 14px; } select { width: 100%; cursor: pointer; font-size: 14px; padding-right: 25px; -webkit-appearance: none; -moz-appearance: none; appearance: none; /* BOX SHADOW */ -webkit-transition: all 0.3s ease 0s; -khtml-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -ms-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; /* BACKGROUND GRADIENT */ /* TRIPLE BORDERS */ } .haswell-select-wrap { position: relative; -webkit-transition: all 0.3s ease 0s; -khtml-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -ms-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; /* BACKGROUND GRADIENT */ /* TRIPLE BORDERS */ /* Calendar ------------------------------*/ } .haswell-select-wrap:before { content: "\f0d7"; font-family: fontawesome; display: block; position: absolute; top: 11px; right: 10px; color: #666; z-index: 2; } .haswell-select-wrap:hover select, .haswell-select-wrap:focus select { border-color: var(--dark-gray); } .widget_calendar { /* Tag Cloud ------------------------------*/ } .widget_calendar caption { margin-bottom: 10px; } .widget_calendar thead th { text-align: center; padding: 0; text-transform: uppercase; font-weight: bold; } .widget_calendar table, .widget_calendar table td { border-collapse: separate; border-spacing: 1px; } .widget_calendar table { width: 100%; } .widget_calendar table tbody td { text-align: center; } .widget_calendar tbody .pad { background: transparent; } .widget_calendar tbody td { background: var(--lgray); } .widget_calendar tbody a { font-weight: bold; } .widget_tag_cloud .tagcloud a, .widget_product_tag_cloud .tagcloud a { border: 1px solid #e9e9e9; display: inline-block; font-size: 11px !important; letter-spacing: 1px; margin: 0 5px 5px 0; padding: 3px 10px; text-decoration: none; text-transform: uppercase; /* List Authors ------------------------------*/ } .widget_tag_cloud .tagcloud a:hover, .widget_product_tag_cloud .tagcloud a:hover { background: var(--dark-gray); border: 1px solid var(--dark-gray); color: var(--white); } .widget-area .widget .list_authors { /* Newletter ------------------------------*/ } .widget-area .widget .list_authors li { display: inline-block; border: none; padding: 0; } .widget-area .widget .list_authors li a img { -webkit-border-radius: 3px; -khtml-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; /* BACKGROUND GRADIENT */ } .widget-area .widget .list_authors li.last { margin-right: 0; } .widget_newsletterwidget { margin-bottom: 0 !important; } .widget_newsletterwidget.widget { overflow: visible; } .newsletter-widget { border: medium none; text-align: center; margin: 0; padding: 0; } .newsletter-widget p { float: none; display: inline-block; } .newsletter-widget .newsletter-email { border-color: var(--dark-gray); font-size: 21px; font-weight: 300; margin-bottom: 30px; margin-right: 30px; width: 250px; font-family: var(--extrafont); } .newsletter-widget .newsletter-submit { font-family: var(--mainfont); font-weight: 400; margin-bottom: 30px; background: #535961; color: var(--white); display: inline-block; padding: 10px 37px; outline: none; text-transform: uppercase; -webkit-transition: all 0.4s ease 0s; -khtml-transition: all 0.4s ease 0s; -moz-transition: all 0.4s ease 0s; -ms-transition: all 0.4s ease 0s; -o-transition: all 0.4s ease 0s; transition: all 0.4s ease 0s; /* BACKGROUND GRADIENT */ /* TRIPLE BORDERS */ } .newsletter-widget .newsletter-submit:hover { background-color: #101010; } .newsletter-widget input::-webkit-input-placeholder, .newsletter-widget input::-moz-placeholder, .newsletter-widget input:-ms-input-placeholder { color: var(--gray); } @media screen and (min-width: 992px) { .newsletter-widget { float: right; text-align: right; } .newsletter-widget .newsletter-email { width: 350px; margin-right: 80px; } .newsletter-widget p { margin: 0; float: left; } } @media screen and (max-width: 479px) { .newsletter-widget .newsletter-email { width: 240px; margin-right: 5px; } } @media screen and (max-width: 1340px) and (min-width: 1200px) { /* New */ .cms-shop-newsletter-wrap > .container { width: 100%; } } body .tnp-widget { /* Search ------------------------------*/ } body .tnp-widget:before, body .tnp-widget:after { content: ""; display: table; clear: both; } body .tnp-widget form { float: right; } body .tnp-widget .tnp-field { float: left; margin-bottom: 0; } body .tnp-widget .tnp-field label { display: none; } body .tnp-widget .tnp-field input.tnp-submit { border: medium none; border-radius: 2px; color: var(--dark-gray); display: inline-block; font-size: 14px; line-height: 25px; outline: 0 none; padding: 10px 37px; position: relative; text-align: center; text-decoration: none; text-transform: uppercase; background: #535961; color: var(--white); -webkit-transition: all 0.3s ease 0s; -khtml-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -ms-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; /* BACKGROUND GRADIENT */ /* TRIPLE BORDERS */ } body .tnp-widget .tnp-field input.tnp-submit:hover, body .tnp-widget .tnp-field input.tnp-submit:focus { background: #101010; color: var(--white); } body .tnp-widget .tnp-field-email { font-weight: lighter; width: 350px; margin-right: 80px; } body .tnp-widget .tnp-field-email input { width: 100%; border-top: none; border-left: none; border-right: none; border-bottom: 1px solid var(--dark-gray); font-size: 21px; line-height: 25px; height: 42px; padding-left: 0; background: transparent; margin-bottom: 30px; font-style: italic; } .searchform { position: relative; } .searchform input { width: 100%; } .searchform button { background: 0 none; position: absolute; top: 8px; right: 0; border: none; outline: none; } .search-in-faq { /* CMS Categories ------------------------------*/ } .search-in-faq .searchform input[type="text"], .search-in-faq .searchform button { font-size: 18px; color: #ddd; } .cms-custom-widget, .cms_categories_widget, .widget_product_categories { /* CMS Recent Post ------------------------------*/ } .cms-custom-widget li, .cms_categories_widget li, .widget_product_categories li { background: 0 none; padding-bottom: 7px; margin-bottom: 0; } .cms-custom-widget small, .cms_categories_widget small, .widget_product_categories small { color: #aaa; } .cms-custom-widget small:before, .cms_categories_widget small:before, .widget_product_categories small:before { content: "/"; display: inline-block; padding: 0 7px; } .cms-recent-posts { /* Product Filter Price ------------------------------*/ } .cms-recent-posts article { font-size: 13px; margin-bottom: 20px; } .cms-recent-posts article:last-child { margin-bottom: 20px; } .cms-recent-posts .featured-image { float: left; margin-right: 15px; } .cms-recent-posts .featured-image a { display: block; } .cms-recent-posts .featured-image img { width: 70px; } .cms-recent-posts .post-element { overflow: hidden; font-size: 13px; font-weight: 400; line-height: 23px; } .cms-recent-posts .post-element h4 { margin: 0; } .cms-recent-posts .post-element a { text-transform: uppercase; font-size: 13px; } .cms-recent-posts .post-element .entry-meta span { display: inline-block; } .cms-recent-posts .post-element .entry-meta span + span:before { content: "/"; display: inline-block; padding: 0px 7px; } .widget_price_filter { /* List Product Widget ------------------------------*/ } .widget_price_filter .form-control { font-size: 12px; } .woocommerce .woocommerce ul.product_list_widget { /* Product Category Wg ------------------------------*/ } .woocommerce .woocommerce ul.product_list_widget li { font-size: 13px; margin-bottom: 20px; padding: 0; } .woocommerce .woocommerce ul.product_list_widget li:last-child { margin-bottom: 0; } .woocommerce .woocommerce ul.product_list_widget li a { font-weight: normal; display: inline-block; } .woocommerce .woocommerce ul.product_list_widget li a.cms-featured-wg { float: left; } .woocommerce .woocommerce ul.product_list_widget li a img { float: left; margin: 0 15px 0 0; width: 70px; } .woocommerce .woocommerce ul.product_list_widget li .cms-widget-product-desc { overflow: hidden; } .woocommerce .woocommerce ul.product_list_widget li .cms-widget-product-desc .product-title { display: block; text-transform: uppercase; font-weight: 400; line-height: 1.4; font-size: 13px; } .woocommerce .woocommerce ul.product_list_widget li .cms-widget-product-desc del, .woocommerce .woocommerce ul.product_list_widget li .cms-widget-product-desc ins { line-height: 19px !important; font-size: 13px !important; } .woocommerce .woocommerce ul.product_list_widget li .cms-widget-product-desc ins { text-decoration: none; } .woocommerce .woocommerce ul.product_list_widget li .cms-widget-product-desc .star-rating { line-height: 1 !important; } .widget_product_categories .product-categories li a:hover { padding-left: 0; /* For Menu Wg ------------------------------*/ } .widget-menu { /* Cart Search Widget ------------------------------*/ } .widget-menu li { margin-bottom: 7px; } #cshero-header-navigation { position: static; } #cshero-header-navigation .main-navigation, #cshero-header-navigation .cshero-header-cart-search { float: right; } .cshero-header-cart-search .header { position: relative; z-index: 30; -webkit-transition: all 0.27s cubic-bezier(0, 0, 0.58, 1) 0s; -khtml-transition: all 0.27s cubic-bezier(0, 0, 0.58, 1) 0s; -moz-transition: all 0.27s cubic-bezier(0, 0, 0.58, 1) 0s; -ms-transition: all 0.27s cubic-bezier(0, 0, 0.58, 1) 0s; -o-transition: all 0.27s cubic-bezier(0, 0, 0.58, 1) 0s; transition: all 0.27s cubic-bezier(0, 0, 0.58, 1) 0s; /* BACKGROUND GRADIENT */ /* TRIPLE BORDERS */ visibility: hidden; } .cd-search-trigger { position: relative; display: block; width: 44px; height: 44px; overflow: hidden; white-space: nowrap; /* hide text */ float: left; color: transparent; z-index: 3; } .cd-search-trigger:after, .cd-search-trigger:before { content: ""; position: absolute; -webkit-transition: opacity 0.3s; -khtml-transition: opacity 0.3s; -moz-transition: opacity 0.3s; -ms-transition: opacity 0.3s; -o-transition: opacity 0.3s; transition: opacity 0.3s; /* BACKGROUND GRADIENT */ /* TRIPLE BORDERS */ -webkit-transform: translateZ(0); -khtml-transform: translateZ(0); -moz-transform: translateZ(0); -ms-transform: translateZ(0); -o-transform: translateZ(0); transform: translateZ(0); /* BACKGROUND GRADIENT */ /* TRANSFORM STYLE */ -webkit-backface-visibility: hidden; -khtml-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; -o-backface-visibility: hidden; backface-visibility: hidden; /* BACKGROUND GRADIENT */ } .cd-search-trigger:before { top: 11px; left: 11px; width: 16px; height: 16px; border-radius: 50%; border: 1px solid var(--dark-gray); } .cd-search-trigger:after { height: 1px; width: 8px; background: var(--dark-gray); bottom: 16px; right: 13px; -webkit-transform: rotate(45deg); -khtml-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); /* BACKGROUND GRADIENT */ /* TRANSFORM STYLE */ } .cd-search-trigger span { position: absolute; height: 100%; width: 100%; top: 0; left: 0; } .cd-search-trigger span:before, .cd-search-trigger span:after { content: ""; position: absolute; display: inline-block; height: 2px; width: 22px; top: 50%; margin-top: -2px; left: 50%; margin-left: -11px; background: var(--dark-gray); /* Force Hardware Acceleration in WebKit */ filter: alpha(opacity=0); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; -webkit-opacity: 0; -khtml-opacity: 0; -moz-opacity: 0; -ms-opacity: 0; -o-opacity: 0; opacity: 0; /* BACKGROUND GRADIENT */ /* OUTLINE RADIUS */ -webkit-transform: translateZ(0); -khtml-transform: translateZ(0); -moz-transform: translateZ(0); -ms-transform: translateZ(0); -o-transform: translateZ(0); transform: translateZ(0); /* BACKGROUND GRADIENT */ /* TRANSFORM STYLE */ -webkit-backface-visibility: hidden; -khtml-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; -o-backface-visibility: hidden; backface-visibility: hidden; /* BACKGROUND GRADIENT */ -webkit-transition: opacity 0.3s, transform 0.3s; -khtml-transition: opacity 0.3s, transform 0.3s; -moz-transition: opacity 0.3s, transform 0.3s; -ms-transition: opacity 0.3s, transform 0.3s; -o-transition: opacity 0.3s, transform 0.3s; transition: opacity 0.3s, transform 0.3s; /* BACKGROUND GRADIENT */ /* TRIPLE BORDERS */ } .cd-search-trigger span:before { -webkit-transform: rotate(45deg); -khtml-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); /* BACKGROUND GRADIENT */ /* TRANSFORM STYLE */ } .cd-search-trigger span:after { -webkit-transform: rotate(-45deg); -khtml-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); /* BACKGROUND GRADIENT */ /* TRANSFORM STYLE */ } .cd-search-trigger.search-is-visible:before, .cd-search-trigger.search-is-visible:after { filter: alpha(opacity=0); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; -webkit-opacity: 0; -khtml-opacity: 0; -moz-opacity: 0; -ms-opacity: 0; -o-opacity: 0; opacity: 0; /* BACKGROUND GRADIENT */ /* OUTLINE RADIUS */ } .cd-search-trigger.search-is-visible span:before { filter: alpha(opacity=100); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; -webkit-opacity: 1; -khtml-opacity: 1; -moz-opacity: 1; -ms-opacity: 1; -o-opacity: 1; opacity: 1; /* BACKGROUND GRADIENT */ /* OUTLINE RADIUS */ -webkit-transform: rotate(135deg); -khtml-transform: rotate(135deg); -moz-transform: rotate(135deg); -ms-transform: rotate(135deg); -o-transform: rotate(135deg); transform: rotate(135deg); /* BACKGROUND GRADIENT */ /* TRANSFORM STYLE */ } .cd-search-trigger.search-is-visible span:after { filter: alpha(opacity=100); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; -webkit-opacity: 1; -khtml-opacity: 1; -moz-opacity: 1; -ms-opacity: 1; -o-opacity: 1; opacity: 1; /* BACKGROUND GRADIENT */ /* OUTLINE RADIUS */ -webkit-transform: rotate(45deg); -khtml-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); /* BACKGROUND GRADIENT */ /* TRANSFORM STYLE */ } .icon_cart_wrap:before, .icon_cart_wrap:after { content: ""; display: none; } .header-fixed .cd-search { height: 60px; } .cd-search { position: absolute; width: 100%; height: 100px; top: 0px; left: 0; z-index: 3; filter: alpha(opacity=0); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; -webkit-opacity: 0; -khtml-opacity: 0; -moz-opacity: 0; -ms-opacity: 0; -o-opacity: 0; opacity: 0; /* BACKGROUND GRADIENT */ /* OUTLINE RADIUS */ visibility: hidden; -webkit-transition: opacity 0.3s 0s, visibility 0s 0.3s, height 0.4s ease 0s; -khtml-transition: opacity 0.3s 0s, visibility 0s 0.3s, height 0.4s ease 0s; -moz-transition: opacity 0.3s 0s, visibility 0s 0.3s, height 0.4s ease 0s; -ms-transition: opacity 0.3s 0s, visibility 0s 0.3s, height 0.4s ease 0s; -o-transition: opacity 0.3s 0s, visibility 0s 0.3s, height 0.4s ease 0s; transition: opacity 0.3s 0s, visibility 0s 0.3s, height 0.4s ease 0s; /* BACKGROUND GRADIENT */ /* TRIPLE BORDERS */ -webkit-transform: translateZ(0); -khtml-transform: translateZ(0); -moz-transform: translateZ(0); -ms-transform: translateZ(0); -o-transform: translateZ(0); transform: translateZ(0); /* BACKGROUND GRADIENT */ /* TRANSFORM STYLE */ } .cd-search form { height: 100%; width: 100%; } .cd-search input { font-size: 24px; line-height: 28px; font-weight: 300; border-radius: 0; border: none; background: var(--white); height: 100%; width: 100%; padding: 0 40px; box-shadow: inset 0 1px 0 #e2e3df, 0 3px 6px rgba(0, 0, 0, 0.05); -webkit-appearance: none; -khtml-appearance: none; -moz-appearance: none; -ms-appearance: none; -o-appearance: none; appearance: none; /* BACKGROUND GRADIENT */ } .cd-search input:focus { outline: none; } .cd-search.is-visible { filter: alpha(opacity=100); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; -webkit-opacity: 1; -khtml-opacity: 1; -moz-opacity: 1; -ms-opacity: 1; -o-opacity: 1; opacity: 1; /* BACKGROUND GRADIENT */ /* OUTLINE RADIUS */ visibility: visible; display: block !important; -webkit-transition: opacity 0.3s 0s, visibility 0s 0.3s, height 0.4s ease 0s; -khtml-transition: opacity 0.3s 0s, visibility 0s 0.3s, height 0.4s ease 0s; -moz-transition: opacity 0.3s 0s, visibility 0s 0.3s, height 0.4s ease 0s; -ms-transition: opacity 0.3s 0s, visibility 0s 0.3s, height 0.4s ease 0s; -o-transition: opacity 0.3s 0s, visibility 0s 0.3s, height 0.4s ease 0s; transition: opacity 0.3s 0s, visibility 0s 0.3s, height 0.4s ease 0s; /* BACKGROUND GRADIENT */ /* TRIPLE BORDERS */ -webkit-transition: opacity 0.3s ease 0s, visibility 0s ease 0s, height 0.4s ease 0s; -khtml-transition: opacity 0.3s ease 0s, visibility 0s ease 0s, height 0.4s ease 0s; -moz-transition: opacity 0.3s ease 0s, visibility 0s ease 0s, height 0.4s ease 0s; -ms-transition: opacity 0.3s ease 0s, visibility 0s ease 0s, height 0.4s ease 0s; -o-transition: opacity 0.3s ease 0s, visibility 0s ease 0s, height 0.4s ease 0s; transition: opacity 0.3s ease 0s, visibility 0s ease 0s, height 0.4s ease 0s; /* BACKGROUND GRADIENT */ /* TRIPLE BORDERS */ -webkit-transform: translateZ(0); -khtml-transform: translateZ(0); -moz-transform: translateZ(0); -ms-transform: translateZ(0); -o-transform: translateZ(0); transform: translateZ(0); /* BACKGROUND GRADIENT */ /* TRANSFORM STYLE */ z-index: 28; } .cd-search input::-webkit-input-placeholder, .cd-search input::-moz-placeholder, .cd-search input:-ms-input-placeholder { color: #7f7f7f; } .cd-overlay { position: fixed; z-index: 2; height: 100%; width: 100%; top: 0; left: 0; cursor: pointer; background-color: rgba(105, 170, 111, 0.8); visibility: hidden; filter: alpha(opacity=0); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; -webkit-opacity: 0; -khtml-opacity: 0; -moz-opacity: 0; -ms-opacity: 0; -o-opacity: 0; opacity: 0; /* BACKGROUND GRADIENT */ /* OUTLINE RADIUS */ -webkit-backface-visibility: hidden; -khtml-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; -o-backface-visibility: hidden; backface-visibility: hidden; /* BACKGROUND GRADIENT */ -webkit-transition: opacity 0.3s 0s, visibility 0s 0.3s, height 0.4s ease 0s; -khtml-transition: opacity 0.3s 0s, visibility 0s 0.3s, height 0.4s ease 0s; -moz-transition: opacity 0.3s 0s, visibility 0s 0.3s, height 0.4s ease 0s; -ms-transition: opacity 0.3s 0s, visibility 0s 0.3s, height 0.4s ease 0s; -o-transition: opacity 0.3s 0s, visibility 0s 0.3s, height 0.4s ease 0s; transition: opacity 0.3s 0s, visibility 0s 0.3s, height 0.4s ease 0s; /* BACKGROUND GRADIENT */ /* TRIPLE BORDERS */ } .cd-overlay.is-visible { filter: alpha(opacity=100); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; -webkit-opacity: 1; -khtml-opacity: 1; -moz-opacity: 1; -ms-opacity: 1; -o-opacity: 1; opacity: 1; /* BACKGROUND GRADIENT */ /* OUTLINE RADIUS */ visibility: visible; -webkit-transition: opacity 0.3s 0s, visibility 0s 0.3s, height 0.4s ease 0s; -khtml-transition: opacity 0.3s 0s, visibility 0s 0.3s, height 0.4s ease 0s; -moz-transition: opacity 0.3s 0s, visibility 0s 0.3s, height 0.4s ease 0s; -ms-transition: opacity 0.3s 0s, visibility 0s 0.3s, height 0.4s ease 0s; -o-transition: opacity 0.3s 0s, visibility 0s 0.3s, height 0.4s ease 0s; transition: opacity 0.3s 0s, visibility 0s 0.3s, height 0.4s ease 0s; /* BACKGROUND GRADIENT */ /* TRIPLE BORDERS */ } @media screen and (max-width: 1024px) { body .container-m-30 { padding: 0 15px; } body .cd-search-trigger { margin-top: 5px; } body .cd-search-trigger:before { width: 12px; height: 12px; left: 15px; top: 10px; border: 2px solid var(--dark-gray); } body .cd-search-trigger:after { width: 7px; bottom: 21px; right: 14px; height: 2px; } body .icon_cart_wrap { margin-top: 3px; } body .cd-search-trigger.search-is-visible { right: -37px; } } .cshero-header-cart-search .icon_cart_wrap { position: relative; display: block; width: 44px; height: 44px; overflow: hidden; white-space: nowrap; /* hide text */ float: left; color: transparent; position: relative; color: var(--dark-gray); } .cshero-header-cart-search .icon_cart_wrap:before, .cshero-header-cart-search .icon_cart_wrap:after { content: ""; display: none; } .cshero-header-cart-search .icon_cart_wrap i { display: block; height: 44px; width: 44px; line-height: 44px; font-size: 18px; margin: -2px 0 0 0; } .cshero-header-cart-search .icon_cart_wrap span { background: var(--red); border-radius: 50%; color: var(--dark-gray); font-size: 10px; height: 16px; left: 3px; line-height: 16px; position: absolute; text-align: center; top: 2px; width: 16px; } .cshero-header-cart-search { /* Mini cart */ } .cshero-header-cart-search .shopping_cart_dropdown { background: #fff none repeat scroll 0 0; box-shadow: 0 4px 6px rgba(0, 0, 0, 0.2); max-width: 350px; min-width: 300px; padding: 20px; position: absolute; left: auto !important; right: 40px !important; top: 100%; display: none; z-index: 99; } body .cshero-header-cart-search ul.product-list-widget, .woocommerce .cshero-header-cart-search ul.product-list-widget { list-style: none; margin: 0; padding: 0; } body .cshero-header-cart-search ul.product-list-widget li, .woocommerce .cshero-header-cart-search ul.product-list-widget li { padding-top: 0; padding-bottom: 0; margin-bottom: 15px; } body .cshero-header-cart-search ul.product-list-widget li a, .woocommerce .cshero-header-cart-search ul.product-list-widget li a { font-weight: 400; font-size: 13px; text-transform: uppercase; display: block; outline: none; } body .cshero-header-cart-search ul.product-list-widget li a img, .woocommerce .cshero-header-cart-search ul.product-list-widget li a img { width: 70px; box-shadow: none; float: right; height: auto; margin-left: 4px; } .cshero-header-cart-search .shopping_cart_dropdown { /* Social ------------------------------*/ } .cshero-header-cart-search .shopping_cart_dropdown .btn { font-size: 11px; line-height: 16px; padding: 10px 15px; background-color: #535961; color: var(--white); display: inline-block; border-radius: 2px; text-transform: uppercase; margin-left: 0px; clear: both; -webkit-transition: all 0.3s ease 0s; -khtml-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -ms-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; /* BACKGROUND GRADIENT */ /* TRIPLE BORDERS */ font-weight: normal; border: none; } .cshero-header-cart-search .shopping_cart_dropdown .btn:hover { background: #101010; color: var(--white); } .cshero-header-cart-search .shopping_cart_dropdown .total { text-transform: uppercase; float: right; margin-top: 10px; } .widget_cs_social_widget { /* Recent Twitter ------------------------------*/ } .widget_cs_social_widget li { display: inline-block; margin: 0; } .widget_cs_social_widget li a { font-size: 16px; padding: 9px; } .jtwt_tweet i { color: #9c9fa2; display: block; float: left; font-size: 24px; margin-right: 15px; -webkit-transition: all 0.3s ease 0s; -khtml-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -ms-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; /* BACKGROUND GRADIENT */ /* TRIPLE BORDERS */ } .jtwt_tweet .jtwt_date { margin-bottom: 7px; } .news-tweet-content { margin-bottom: 22px; /* Flickr ------------------------------*/ } .news-tweet-content .fa-twitter { color: #9c9fa2; display: block; float: left; font-size: 24px; margin-right: 15px; } .news-tweet-content .tweet-time { font-size: 14px; color: var(--dark-gray); } .news-tweet-content .tweet-text { font-size: 14px; padding-top: 10px; } .widget_cms_flickr_widget .flickr_badge_image { margin: 0; width: 75px; height: 75px; float: left; /* News Tab ------------------------------*/ } .tabs-3 .nav-tabs > li { margin-bottom: -1px; } .tp-caption a { -webkit-transition: all 0.3s ease 0s !important; -khtml-transition: all 0.3s ease 0s !important; -moz-transition: all 0.3s ease 0s !important; -ms-transition: all 0.3s ease 0s !important; -o-transition: all 0.3s ease 0s !important; transition: all 0.3s ease 0s !important; /* BACKGROUND GRADIENT */ /* TRIPLE BORDERS */ /* .cms_parallax .cms-overlay-color, .row-bg-video .cms-overlay-color { */ } .cms-overlay-color { position: absolute; width: 100%; height: 100%; top: 0; right: 0; bottom: 0; left: 0; } #cms-loadding { display: block; width: 100%; height: 100%; position: fixed; top: 0; left: 0; background: #fefefe; z-index: 99999; } .ball { will-change: transform; width: 40px; height: 40px; position: absolute; top: 50%; left: 50%; margin: -20px 0 0 -20px; background-color: #b6b6b7; border-radius: 50%; -webkit-animation: scaleout 1.1s infinite ease-in-out; animation: scaleout 1.1s infinite ease-in-out; text-indent: -99999px; z-index: 999991; } @-webkit-keyframes scaleout { /*------------------------------ 8.1 OWL carousel ------------------------------*/ /* Owl core -----------------------------------------------------*/ 0% { -webkit-transform: scale(0); -khtml-transform: scale(0); -moz-transform: scale(0); -ms-transform: scale(0); -o-transform: scale(0); transform: scale(0); /* BACKGROUND GRADIENT */ /* TRANSFORM STYLE */ filter: alpha(opacity=0); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; -webkit-opacity: 0; -khtml-opacity: 0; -moz-opacity: 0; -ms-opacity: 0; -o-opacity: 0; opacity: 0; /* BACKGROUND GRADIENT */ /* OUTLINE RADIUS */ } 40% { filter: alpha(opacity=100); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; -webkit-opacity: 1; -khtml-opacity: 1; -moz-opacity: 1; -ms-opacity: 1; -o-opacity: 1; opacity: 1; /* BACKGROUND GRADIENT */ /* OUTLINE RADIUS */ } 100% { -webkit-transform: scale(1); -khtml-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); /* BACKGROUND GRADIENT */ /* TRANSFORM STYLE */ filter: alpha(opacity=0); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; -webkit-opacity: 0; -khtml-opacity: 0; -moz-opacity: 0; -ms-opacity: 0; -o-opacity: 0; opacity: 0; /* BACKGROUND GRADIENT */ /* OUTLINE RADIUS */ } } @-moz-keyframes scaleout { /*------------------------------ 8.1 OWL carousel ------------------------------*/ /* Owl core -----------------------------------------------------*/ 0% { -webkit-transform: scale(0); -khtml-transform: scale(0); -moz-transform: scale(0); -ms-transform: scale(0); -o-transform: scale(0); transform: scale(0); /* BACKGROUND GRADIENT */ /* TRANSFORM STYLE */ filter: alpha(opacity=0); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; -webkit-opacity: 0; -khtml-opacity: 0; -moz-opacity: 0; -ms-opacity: 0; -o-opacity: 0; opacity: 0; /* BACKGROUND GRADIENT */ /* OUTLINE RADIUS */ } 40% { filter: alpha(opacity=100); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; -webkit-opacity: 1; -khtml-opacity: 1; -moz-opacity: 1; -ms-opacity: 1; -o-opacity: 1; opacity: 1; /* BACKGROUND GRADIENT */ /* OUTLINE RADIUS */ } 100% { -webkit-transform: scale(1); -khtml-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); /* BACKGROUND GRADIENT */ /* TRANSFORM STYLE */ filter: alpha(opacity=0); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; -webkit-opacity: 0; -khtml-opacity: 0; -moz-opacity: 0; -ms-opacity: 0; -o-opacity: 0; opacity: 0; /* BACKGROUND GRADIENT */ /* OUTLINE RADIUS */ } } @-ms-keyframes scaleout { /*------------------------------ 8.1 OWL carousel ------------------------------*/ /* Owl core -----------------------------------------------------*/ 0% { -webkit-transform: scale(0); -khtml-transform: scale(0); -moz-transform: scale(0); -ms-transform: scale(0); -o-transform: scale(0); transform: scale(0); /* BACKGROUND GRADIENT */ /* TRANSFORM STYLE */ filter: alpha(opacity=0); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; -webkit-opacity: 0; -khtml-opacity: 0; -moz-opacity: 0; -ms-opacity: 0; -o-opacity: 0; opacity: 0; /* BACKGROUND GRADIENT */ /* OUTLINE RADIUS */ } 40% { filter: alpha(opacity=100); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; -webkit-opacity: 1; -khtml-opacity: 1; -moz-opacity: 1; -ms-opacity: 1; -o-opacity: 1; opacity: 1; /* BACKGROUND GRADIENT */ /* OUTLINE RADIUS */ } 100% { -webkit-transform: scale(1); -khtml-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); /* BACKGROUND GRADIENT */ /* TRANSFORM STYLE */ filter: alpha(opacity=0); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; -webkit-opacity: 0; -khtml-opacity: 0; -moz-opacity: 0; -ms-opacity: 0; -o-opacity: 0; opacity: 0; /* BACKGROUND GRADIENT */ /* OUTLINE RADIUS */ } } @-o-keyframes scaleout { /*------------------------------ 8.1 OWL carousel ------------------------------*/ /* Owl core -----------------------------------------------------*/ 0% { -webkit-transform: scale(0); -khtml-transform: scale(0); -moz-transform: scale(0); -ms-transform: scale(0); -o-transform: scale(0); transform: scale(0); /* BACKGROUND GRADIENT */ /* TRANSFORM STYLE */ filter: alpha(opacity=0); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; -webkit-opacity: 0; -khtml-opacity: 0; -moz-opacity: 0; -ms-opacity: 0; -o-opacity: 0; opacity: 0; /* BACKGROUND GRADIENT */ /* OUTLINE RADIUS */ } 40% { filter: alpha(opacity=100); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; -webkit-opacity: 1; -khtml-opacity: 1; -moz-opacity: 1; -ms-opacity: 1; -o-opacity: 1; opacity: 1; /* BACKGROUND GRADIENT */ /* OUTLINE RADIUS */ } 100% { -webkit-transform: scale(1); -khtml-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); /* BACKGROUND GRADIENT */ /* TRANSFORM STYLE */ filter: alpha(opacity=0); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; -webkit-opacity: 0; -khtml-opacity: 0; -moz-opacity: 0; -ms-opacity: 0; -o-opacity: 0; opacity: 0; /* BACKGROUND GRADIENT */ /* OUTLINE RADIUS */ } } @keyframes scaleout { /*------------------------------ 8.1 OWL carousel ------------------------------*/ /* Owl core -----------------------------------------------------*/ 0% { -webkit-transform: scale(0); -khtml-transform: scale(0); -moz-transform: scale(0); -ms-transform: scale(0); -o-transform: scale(0); transform: scale(0); /* BACKGROUND GRADIENT */ /* TRANSFORM STYLE */ filter: alpha(opacity=0); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; -webkit-opacity: 0; -khtml-opacity: 0; -moz-opacity: 0; -ms-opacity: 0; -o-opacity: 0; opacity: 0; /* BACKGROUND GRADIENT */ /* OUTLINE RADIUS */ } 40% { filter: alpha(opacity=100); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; -webkit-opacity: 1; -khtml-opacity: 1; -moz-opacity: 1; -ms-opacity: 1; -o-opacity: 1; opacity: 1; /* BACKGROUND GRADIENT */ /* OUTLINE RADIUS */ } 100% { -webkit-transform: scale(1); -khtml-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); /* BACKGROUND GRADIENT */ /* TRANSFORM STYLE */ filter: alpha(opacity=0); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; -webkit-opacity: 0; -khtml-opacity: 0; -moz-opacity: 0; -ms-opacity: 0; -o-opacity: 0; opacity: 0; /* BACKGROUND GRADIENT */ /* OUTLINE RADIUS */ } } .center { text-align: center; } .wpb_revslider_element.wpb_content_element { margin-bottom: 0; } .owl-carousel { display: none; position: relative; width: 100%; -ms-touch-action: pan-y; } .owl-carousel .owl-wrapper { display: none; position: relative; -webkit-transform: translate3d(0px, 0px, 0px); -khtml-transform: translate3d(0px, 0px, 0px); -moz-transform: translate3d(0px, 0px, 0px); -ms-transform: translate3d(0px, 0px, 0px); -o-transform: translate3d(0px, 0px, 0px); transform: translate3d(0px, 0px, 0px); /* BACKGROUND GRADIENT */ /* TRANSFORM STYLE */ } .owl-carousel .owl-wrapper:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; } .owl-carousel .owl-wrapper-outer { overflow: hidden; position: relative; width: 100%; z-index: 5; } .owl-carousel .owl-wrapper-outer.autoHeight { -webkit-transition: height 500ms ease-in-out; -khtml-transition: height 500ms ease-in-out; -moz-transition: height 500ms ease-in-out; -ms-transition: height 500ms ease-in-out; -o-transition: height 500ms ease-in-out; transition: height 500ms ease-in-out; /* BACKGROUND GRADIENT */ /* TRIPLE BORDERS */ } .owl-carousel .owl-item { float: left; } .owl-carousel .owl-item img { max-width: 100%; width: auto; margin: 0 auto; } .owl-carousel .owl-page, .owl-carousel .owl-buttons div { cursor: pointer; } .owl-carousel .owl-wrapper, .owl-carousel .owl-item { -webkit-backface-visibility: hidden; -khtml-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; -o-backface-visibility: hidden; backface-visibility: hidden; /* BACKGROUND GRADIENT */ -webkit-transform: translate3d(0, 0, 0); -khtml-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); /* BACKGROUND GRADIENT */ /* TRANSFORM STYLE */ } .owl-controls { -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; -o-user-select: none; user-select: none; /* BACKGROUND GRADIENT */ -webkit-tap-highlight-color: rgba(0, 0, 0, 0); -khtml-tap-highlight-color: rgba(0, 0, 0, 0); -moz-tap-highlight-color: rgba(0, 0, 0, 0); -ms-tap-highlight-color: rgba(0, 0, 0, 0); -o-tap-highlight-color: rgba(0, 0, 0, 0); tap-highlight-color: rgba(0, 0, 0, 0); /* BACKGROUND GRADIENT */ /* mouse grab icon */ } .grabbing { cursor: url(grabbing.png) 8 8, move; /* Owl custom -----------------------------------------------------*/ } .owl-buttons { position: static; } .owl-carousel { overflow: hidden; } .owl-carousel:hover .owl-prev { opacity: 1; left: 0px; } .owl-carousel:hover .owl-next { opacity: 1; right: 0px; } .owl-carousel .owl-prev, .owl-carousel .owl-next { filter: alpha(opacity=0); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; -webkit-opacity: 0; -khtml-opacity: 0; -moz-opacity: 0; -ms-opacity: 0; -o-opacity: 0; opacity: 0; /* BACKGROUND GRADIENT */ /* OUTLINE RADIUS */ display: block; position: absolute; top: 50%; -webkit-transform: translateY(-50%); -khtml-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); /* BACKGROUND GRADIENT */ /* TRANSFORM STYLE */ width: 50px; height: 50px; line-height: 50px; font-size: 40px; text-align: center; color: rgba(75, 78, 83, 0.7); z-index: 6; -webkit-transition: all 0.27s cubic-bezier(0, 0, 0.58, 1); -khtml-transition: all 0.27s cubic-bezier(0, 0, 0.58, 1); -moz-transition: all 0.27s cubic-bezier(0, 0, 0.58, 1); -ms-transition: all 0.27s cubic-bezier(0, 0, 0.58, 1); -o-transition: all 0.27s cubic-bezier(0, 0, 0.58, 1); transition: all 0.27s cubic-bezier(0, 0, 0.58, 1); /* BACKGROUND GRADIENT */ /* TRIPLE BORDERS */ } .owl-carousel .owl-prev i, .owl-carousel .owl-next i { display: block; line-height: 50px; } .owl-carousel .owl-arrows-bg .owl-prev, .owl-carousel .owl-arrows-bg .owl-next { margin-top: -35px; padding-top: 19px; width: 40px; height: 70px; background: var(--white); line-height: 30px; font-size: 30px; color: rgba(16, 16, 16, 0.7); -webkit-box-shadow: 1px 1px 0px rgba(0, 0, 0, 0.1); -khtml-box-shadow: 1px 1px 0px rgba(0, 0, 0, 0.1); -moz-box-shadow: 1px 1px 0px rgba(0, 0, 0, 0.1); -ms-box-shadow: 1px 1px 0px rgba(0, 0, 0, 0.1); -o-box-shadow: 1px 1px 0px rgba(0, 0, 0, 0.1); box-shadow: 1px 1px 0px rgba(0, 0, 0, 0.1); /* BACKGROUND GRADIENT */ /* BOX SIZING */ } .owl-carousel .owl-prev { left: -50px; } .owl-carousel .owl-prev .icon { position: relative; } .owl-carousel .owl-prev:hover { color: rgba(75, 78, 83, 0.7); } .owl-carousel .owl-next { right: -50px; /* owl-dot */ } .owl-carousel .owl-next .icon { position: relative; } .owl-carousel .owl-dots { z-index: 5; display: block; width: 100%; position: absolute; bottom: 0; left: 0; text-align: center; } .owl-carousel .owl-dots .owl-dot { display: inline-block; padding: 6px; position: relative; } .owl-carousel .owl-dots .owl-dot span { width: 6px; height: 6px; display: block; background: rgba(75, 78, 83, 0.5); position: relative; border-radius: 50%; -webkit-transition: all 0.27s cubic-bezier(0, 0, 0.58, 1); -khtml-transition: all 0.27s cubic-bezier(0, 0, 0.58, 1); -moz-transition: all 0.27s cubic-bezier(0, 0, 0.58, 1); -ms-transition: all 0.27s cubic-bezier(0, 0, 0.58, 1); -o-transition: all 0.27s cubic-bezier(0, 0, 0.58, 1); transition: all 0.27s cubic-bezier(0, 0, 0.58, 1); /* BACKGROUND GRADIENT */ /* TRIPLE BORDERS */ } .owl-carousel .owl-dots .owl-dot:hover span { background: rgba(75, 78, 83, 0.5); } .owl-carousel .owl-dots .owl-dot.active span { -webkit-transform: scale(1.5); -khtml-transform: scale(1.5); -moz-transform: scale(1.5); -ms-transform: scale(1.5); -o-transform: scale(1.5); transform: scale(1.5); /* BACKGROUND GRADIENT */ /* TRANSFORM STYLE */ } .owl-carousel .owl-pag-2 .owl-dots { bottom: 10px; } @media only screen and (max-width: 992px) { /*------------------------------ 8.2 Magnific Popup CSS ------------------------------*/ .owl-carousel:hover .owl-prev { opacity: 1; left: -27px; } .owl-carousel:hover .owl-next { opacity: 1; right: -27px; } } .mfp-bg { top: 0; left: 0; width: 100%; height: 100%; z-index: 1042; overflow: hidden; position: fixed; background: #0b0b0b; opacity: 0.8; filter: alpha(opacity=80); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; -webkit-opacity: 0.8; -khtml-opacity: 0.8; -moz-opacity: 0.8; -ms-opacity: 0.8; -o-opacity: 0.8; opacity: 0.8; /* BACKGROUND GRADIENT */ /* OUTLINE RADIUS */ } .mfp-wrap { top: 0; left: 0; width: 100%; height: 100%; z-index: 1043; position: fixed; outline: none !important; -webkit-backface-visibility: hidden; -khtml-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; -o-backface-visibility: hidden; backface-visibility: hidden; /* BACKGROUND GRADIENT */ } .mfp-wrap .mfp-container { text-align: center; position: absolute; width: 100%; height: 100%; left: 0; top: 0; padding: 0 8px; -webkit-box-sizing: border-box; -khtml-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; /* BACKGROUND GRADIENT */ } .mfp-wrap .mfp-container:before { content: ""; display: inline-block; height: 100%; vertical-align: middle; } .mfp-wrap .mfp-content { position: relative; display: inline-block; vertical-align: middle; margin: 0 auto; text-align: left; z-index: 1045; } .mfp-align-top .mfp-container:before { display: none; } .mfp-inline-holder .mfp-content, .mfp-ajax-holder .mfp-content { width: 100%; cursor: auto; } .mfp-ajax-cur { cursor: progress; } .mfp-zoom { cursor: pointer; cursor: -webkit-zoom-in; cursor: -moz-zoom-in; cursor: zoom-in; } .mfp-auto-cursor .mfp-content { cursor: auto; } .mfp-close, .mfp-arrow, .mfp-preloader, .mfp-counter { -webkit-user-select: none; -moz-user-select: none; user-select: none; } .mfp-loading.mfp-figure { display: none; } .mfp-hide { display: none !important; } .mfp-preloader { color: #ccc; position: absolute; top: 50%; width: auto; text-align: center; margin-top: -0.8em; left: 8px; right: 8px; z-index: 1044; } .mfp-preloader a { color: #ccc; } .mfp-preloader a:hover { color: white; } .mfp-s-error .mfp-content, .mfp-s-ready .mfp-preloader { display: none; } button.mfp-close, button.mfp-arrow { overflow: visible; cursor: pointer; background: transparent; border: 0; -webkit-appearance: none; -khtml-appearance: none; -moz-appearance: none; -ms-appearance: none; -o-appearance: none; appearance: none; /* BACKGROUND GRADIENT */ display: block; outline: none; padding: 0; z-index: 1046; -webkit-box-shadow: none; -khtml-box-shadow: none; -moz-box-shadow: none; -ms-box-shadow: none; -o-box-shadow: none; box-shadow: none; /* BACKGROUND GRADIENT */ } button::-moz-focus-inner { padding: 0; border: 0; } .mfp-close { width: 44px; height: 44px; line-height: 44px; position: absolute; right: 0; top: 0; text-decoration: none; text-align: center; opacity: 0.65; padding: 0 0 18px 10px; color: white; font-style: normal; font-size: 28px; font-family: Arial, Baskerville, monospace; } .mfp-close:hover, .mfp-close:focus { filter: alpha(opacity=100); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; -webkit-opacity: 1; -khtml-opacity: 1; -moz-opacity: 1; -ms-opacity: 1; -o-opacity: 1; opacity: 1; /* BACKGROUND GRADIENT */ /* OUTLINE RADIUS */ } .mfp-close:active { top: 1px; } .mfp-close-btn-in .mfp-close { color: #333; } .mfp-image-holder .mfp-close, .mfp-iframe-holder .mfp-close { color: white; right: -6px; text-align: right; padding-right: 6px; width: 100%; } .mfp-counter { position: absolute; top: 0; right: 0; color: #ccc; font-size: 14px; line-height: 18px; } .mfp-arrow { position: absolute; filter: alpha(opacity=65); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=65)"; -webkit-opacity: 0.65; -khtml-opacity: 0.65; -moz-opacity: 0.65; -ms-opacity: 0.65; -o-opacity: 0.65; opacity: 0.65; /* BACKGROUND GRADIENT */ /* OUTLINE RADIUS */ margin: 0; top: 50%; margin-top: -55px; padding: 0; width: 90px; height: 110px; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } .mfp-arrow:active { margin-top: -54px; } .mfp-arrow:hover, .mfp-arrow:focus { filter: alpha(opacity=100); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; -webkit-opacity: 1; -khtml-opacity: 1; -moz-opacity: 1; -ms-opacity: 1; -o-opacity: 1; opacity: 1; /* BACKGROUND GRADIENT */ /* OUTLINE RADIUS */ } .mfp-arrow:before, .mfp-arrow:after, .mfp-arrow .mfp-b, .mfp-arrow .mfp-a { content: ""; display: block; width: 0; height: 0; position: absolute; left: 0; top: 0; margin-top: 35px; margin-left: 35px; border: medium inset transparent; } .mfp-arrow:after, .mfp-arrow .mfp-a { border-top-width: 13px; border-bottom-width: 13px; top: 8px; } .mfp-arrow:before, .mfp-arrow .mfp-b { border-top-width: 21px; border-bottom-width: 21px; } .mfp-arrow-left { left: 0; } .mfp-arrow-left:after, .mfp-arrow-left .mfp-a { border-right: 17px solid white; margin-left: 31px; } .mfp-arrow-left:before, .mfp-arrow-left .mfp-b { margin-left: 25px; border-right: 27px solid #3f3f3f; } .mfp-arrow-right { right: 0; } .mfp-arrow-right:after, .mfp-arrow-right .mfp-a { border-left: 17px solid white; margin-left: 39px; } .mfp-arrow-right:before, .mfp-arrow-right .mfp-b { border-left: 27px solid #3f3f3f; } .mfp-iframe-holder { padding-top: 40px; padding-bottom: 40px; } .mfp-iframe-holder .mfp-content { line-height: 0; width: 100%; max-width: 900px; } .mfp-iframe-holder .mfp-close { top: -40px; } .mfp-iframe-scaler { width: 100%; height: 0; overflow: hidden; padding-top: 56.25%; /* Main image in popup */ } .mfp-iframe-scaler iframe { position: absolute; display: block; top: 0; left: 0; width: 100%; height: 100%; box-shadow: 0 0 8px rgba(0, 0, 0, 0.6); background: black; } img.mfp-img { width: auto; max-width: 100%; height: auto; display: block; line-height: 0; padding: 40px 0 40px; margin: 0 auto; -webkit-box-sizing: border-box; -khtml-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; /* BACKGROUND GRADIENT */ /* The shadow behind the image */ } .mfp-figure { line-height: 0; } .mfp-figure:after { content: ""; position: absolute; left: 0; top: 40px; bottom: 40px; display: block; right: 0; width: auto; height: auto; z-index: -1; -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.6); -khtml-box-shadow: 0 0 8px rgba(0, 0, 0, 0.6); -moz-box-shadow: 0 0 8px rgba(0, 0, 0, 0.6); -ms-box-shadow: 0 0 8px rgba(0, 0, 0, 0.6); -o-box-shadow: 0 0 8px rgba(0, 0, 0, 0.6); box-shadow: 0 0 8px rgba(0, 0, 0, 0.6); /* BACKGROUND GRADIENT */ /* BOX SIZING */ background: #444; } .mfp-figure small { color: #bdbdbd; display: block; font-size: 14px; line-height: 14px; } .mfp-figure figure { margin: 0; } .mfp-bottom-bar { margin-top: -36px; position: absolute; top: 100%; left: 0; width: 100%; cursor: auto; } .mfp-title { text-align: left; line-height: 18px; color: #f3f3f3; word-wrap: break-word; padding-right: 36px; } .mfp-image-holder .mfp-content { max-width: 100%; } .mfp-gallery .mfp-image-holder .mfp-figure { cursor: pointer; } @media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) { .mfp-img-mobile .mfp-image-holder { padding-left: 0; padding-right: 0; } .mfp-img-mobile .mfp-image-holder img.mfp-img { padding: 0; } .mfp-img-mobile .mfp-image-holder .mfp-figure:after { top: 0; bottom: 0; } .mfp-img-mobile .mfp-image-holder .mfp-figure small { display: inline; margin-left: 5px; } .mfp-img-mobile .mfp-bottom-bar { background: rgba(0, 0, 0, 0.6); bottom: 0; margin: 0; top: auto; padding: 3px 5px; position: fixed; -webkit-box-sizing: border-box; -khtml-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; /* BACKGROUND GRADIENT */ } .mfp-img-mobile .mfp-bottom-bar:empty { padding: 0; } .mfp-img-mobile .mfp-bottom-bar .mfp-counter { right: 5px; top: 3px; } .mfp-img-mobile .mfp-bottom-bar .mfp-close { top: 0; right: 0; width: 35px; height: 35px; line-height: 35px; background: rgba(0, 0, 0, 0.6); position: fixed; text-align: center; padding: 0; } } @media all and (max-width: 900px) { /* Animation -----------------------------------------------------*/ /* text-based popup styling */ .mfp-wrap .mfp-arrow { -webkit-transform: scale(0.75); -khtml-transform: scale(0.75); -moz-transform: scale(0.75); -ms-transform: scale(0.75); -o-transform: scale(0.75); transform: scale(0.75); /* BACKGROUND GRADIENT */ /* TRANSFORM STYLE */ } .mfp-wrap .mfp-arrow-left { -webkit-transform-origin: 0; -khtml-transform-origin: 0; -moz-transform-origin: 0; -ms-transform-origin: 0; -o-transform-origin: 0; transform-origin: 0; /* BACKGROUND GRADIENT */ } .mfp-wrap .mfp-arrow-right { -webkit-transform-origin: 100%; -khtml-transform-origin: 100%; -moz-transform-origin: 100%; -ms-transform-origin: 100%; -o-transform-origin: 100%; transform-origin: 100%; /* BACKGROUND GRADIENT */ } .mfp-wrap .mfp-container { padding-left: 6px; padding-right: 6px; } } .white-popup { position: relative; background: var(--white); padding: 25px; width: auto; max-width: 400px; margin: 0 auto; /* ====== Zoom effect ====== */ } .mfp-zoom-in { /* ====== Newspaper effect ====== */ } .mfp-zoom-in .mfp-with-anim { filter: alpha(opacity=0); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; -webkit-opacity: 0; -khtml-opacity: 0; -moz-opacity: 0; -ms-opacity: 0; -o-opacity: 0; opacity: 0; /* BACKGROUND GRADIENT */ /* OUTLINE RADIUS */ -webkit-transition: all 0.2s ease-in-out; -khtml-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; /* BACKGROUND GRADIENT */ /* TRIPLE BORDERS */ -webkit-transform: scale(0.8); -khtml-transform: scale(0.8); -moz-transform: scale(0.8); -ms-transform: scale(0.8); -o-transform: scale(0.8); transform: scale(0.8); /* BACKGROUND GRADIENT */ /* TRANSFORM STYLE */ } .mfp-zoom-in.mfp-bg { filter: alpha(opacity=0); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; -webkit-opacity: 0; -khtml-opacity: 0; -moz-opacity: 0; -ms-opacity: 0; -o-opacity: 0; opacity: 0; /* BACKGROUND GRADIENT */ /* OUTLINE RADIUS */ -webkit-transition: all 0.3s ease-out; -khtml-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; /* BACKGROUND GRADIENT */ /* TRIPLE BORDERS */ } .mfp-zoom-in.mfp-ready .mfp-with-anim { filter: alpha(opacity=0); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; -webkit-opacity: 0; -khtml-opacity: 0; -moz-opacity: 0; -ms-opacity: 0; -o-opacity: 0; opacity: 0; /* BACKGROUND GRADIENT */ /* OUTLINE RADIUS */ -webkit-transform: scale(1); -khtml-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); /* BACKGROUND GRADIENT */ /* TRANSFORM STYLE */ } .mfp-zoom-in.mfp-ready.mfp-bg { filter: alpha(opacity=80); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; -webkit-opacity: 0.8; -khtml-opacity: 0.8; -moz-opacity: 0.8; -ms-opacity: 0.8; -o-opacity: 0.8; opacity: 0.8; /* BACKGROUND GRADIENT */ /* OUTLINE RADIUS */ } .mfp-zoom-in.mfp-removing .mfp-with-anim { filter: alpha(opacity=80); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; -webkit-opacity: 0.8; -khtml-opacity: 0.8; -moz-opacity: 0.8; -ms-opacity: 0.8; -o-opacity: 0.8; opacity: 0.8; /* BACKGROUND GRADIENT */ /* OUTLINE RADIUS */ -webkit-transform: scale(1); -khtml-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); /* BACKGROUND GRADIENT */ /* TRANSFORM STYLE */ } .mfp-zoom-in.mfp-removing.mfp-bg { filter: alpha(opacity=0); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; -webkit-opacity: 0; -khtml-opacity: 0; -moz-opacity: 0; -ms-opacity: 0; -o-opacity: 0; opacity: 0; /* BACKGROUND GRADIENT */ /* OUTLINE RADIUS */ } .mfp-newspaper .mfp-with-anim { opacity: 0; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; transition: all 0.5s; -webkit-transform: scale(0) rotate(500deg); -moz-transform: scale(0) rotate(500deg); -ms-transform: scale(0) rotate(500deg); -o-transform: scale(0) rotate(500deg); transform: scale(0) rotate(500deg); } .mfp-newspaper.mfp-bg { opacity: 0; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; transition: all 0.5s; } .mfp-newspaper.mfp-ready .mfp-with-anim { opacity: 1; -webkit-transform: scale(1) rotate(0deg); -moz-transform: scale(1) rotate(0deg); -ms-transform: scale(1) rotate(0deg); -o-transform: scale(1) rotate(0deg); transform: scale(1) rotate(0deg); } .mfp-newspaper.mfp-ready.mfp-bg { opacity: 0.8; } .mfp-newspaper.mfp-removing .mfp-with-anim { -webkit-transform: scale(0) rotate(500deg); -moz-transform: scale(0) rotate(500deg); -ms-transform: scale(0) rotate(500deg); -o-transform: scale(0) rotate(500deg); transform: scale(0) rotate(500deg); opacity: 0; } .mfp-newspaper.mfp-removing.mfp-bg { opacity: 0; /* ====== Move-horizontal effect ====== */ } .mfp-move-horizontal .mfp-with-anim { opacity: 0; transition: all 0.3s; transform: translateX(-50px); } .mfp-move-horizontal.mfp-bg { opacity: 0; transition: all 0.3s; } .mfp-move-horizontal.mfp-ready .mfp-with-anim { opacity: 1; transform: translateX(0); } .mfp-move-horizontal.mfp-ready.mfp-bg { opacity: 0.8; } .mfp-move-horizontal.mfp-removing .mfp-with-anim { transform: translateX(50px); opacity: 0; } .mfp-move-horizontal.mfp-removing.mfp-bg { opacity: 0; /* ====== Move-from-top effect ====== */ } .mfp-move-from-top .mfp-content { vertical-align: top; } .mfp-move-from-top .mfp-with-anim { opacity: 0; transition: all 0.2s; transform: translateY(-100px); } .mfp-move-from-top.mfp-bg { opacity: 0; transition: all 0.2s; } .mfp-move-from-top.mfp-ready .mfp-with-anim { opacity: 1; transform: translateY(0); } .mfp-move-from-top.mfp-ready.mfp-bg { opacity: 0.8; } .mfp-move-from-top.mfp-removing .mfp-with-anim { transform: translateY(-50px); opacity: 0; } .mfp-move-from-top.mfp-removing.mfp-bg { opacity: 0; /* ====== 3d unfold ====== */ } .mfp-3d-unfold .mfp-content { perspective: 2000px; -webkit-perspective: 2000px; } .mfp-3d-unfold .mfp-with-anim { opacity: 0; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; -webkit-transform-style: preserve-3d; transform-style: preserve-3d; -webkit-transform: rotateY(-60deg); -moz-transform: rotateY(-60deg); -ms-transform: rotateY(-60deg); -o-transform: rotateY(-60deg); transform: rotateY(-60deg); } .mfp-3d-unfold.mfp-bg { opacity: 0; transition: all 0.5s; } .mfp-3d-unfold.mfp-ready .mfp-with-anim { opacity: 1; -webkit-transform: rotateY(0deg); -moz-transform: rotateY(0deg); -ms-transform: rotateY(0deg); -o-transform: rotateY(0deg); transform: rotateY(0deg); } .mfp-3d-unfold.mfp-ready.mfp-bg { opacity: 0.8; } .mfp-3d-unfold.mfp-removing .mfp-with-anim { -webkit-transform: rotateY(60deg); -moz-transform: rotateY(60deg); -ms-transform: rotateY(60deg); -o-transform: rotateY(60deg); transform: rotateY(60deg); opacity: 0; } .mfp-3d-unfold.mfp-removing.mfp-bg { opacity: 0; /* ====== "Hinge" close effect ====== */ } @keyframes hinge { /* MAGNIFIC END ****************************************/ 0% { transform: rotate(0); transform-origin: top left; animation-timing-function: ease-in-out; } 20%, 60% { transform: rotate(80deg); transform-origin: top left; animation-timing-function: ease-in-out; } 40% { transform: rotate(60deg); transform-origin: top left; animation-timing-function: ease-in-out; } 80% { transform: rotate(60deg) translateY(0); opacity: 1; transform-origin: top left; animation-timing-function: ease-in-out; } 100% { transform: translateY(700px); opacity: 0; } } .grey-dark-bg { background: var(--footer-bg); } .font-white, .font-white a { color: var(--white); } .wpb_animate_when_almost_visible { filter: alpha(opacity=1 !important * 100); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=1 !important * 100)"; -webkit-opacity: 1 !important; -khtml-opacity: 1 !important; -moz-opacity: 1 !important; -ms-opacity: 1 !important; -o-opacity: 1 !important; opacity: 1 !important; /* BACKGROUND GRADIENT */ /* OUTLINE RADIUS */ } .bold { font-weight: 700 !important; /* Pages static ------------------------------*/ } .cms-content-cont { display: table; /*height:600px;*/ height: 100vh; width: 100%; overflow: hidden; } .cms-content-cont > .no-container, .cms-content-cont > .container, .cms-content-cont > .wpb_wrapper { display: table-cell; vertical-align: middle; height: 100%; } .cms-positon-inherit { position: inherit !important; } .cms-positon-relative { position: relative !important; } .arrow-in-home { position: absolute; width: 40px; height: 40px; left: 50%; margin-left: -20px; bottom: 0; z-index: 99; -webkit-transition: all 0.4s; -khtml-transition: all 0.4s; -moz-transition: all 0.4s; -ms-transition: all 0.4s; -o-transition: all 0.4s; transition: all 0.4s; /* BACKGROUND GRADIENT */ /* TRIPLE BORDERS */ -webkit-animation: scroll-down-anim ease-in-out 1s infinite; -khtml-animation: scroll-down-anim ease-in-out 1s infinite; -moz-animation: scroll-down-anim ease-in-out 1s infinite; -ms-animation: scroll-down-anim ease-in-out 1s infinite; -o-animation: scroll-down-anim ease-in-out 1s infinite; animation: scroll-down-anim ease-in-out 1s infinite; /* BACKGROUND GRADIENT */ } .arrow-in-home a .icon-arrows-down { font-size: 32px; font-weight: 400; color: var(--white); height: 40px; width: 40px; margin: 0; } .arrow-in-home a:hover .icon-arrows-down { color: var(--white); } @-webkit-keyframes scroll-down-anim { /* Row background video ------------------------------*/ 0%, 100% { -webkit-transform: translateY(-8px); -khtml-transform: translateY(-8px); -moz-transform: translateY(-8px); -ms-transform: translateY(-8px); -o-transform: translateY(-8px); transform: translateY(-8px); /* BACKGROUND GRADIENT */ /* TRANSFORM STYLE */ } 50% { -webkit-transform: translateY(0); -khtml-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); /* BACKGROUND GRADIENT */ /* TRANSFORM STYLE */ } } @-moz-keyframes scroll-down-anim { /* Row background video ------------------------------*/ 0%, 100% { -webkit-transform: translateY(-8px); -khtml-transform: translateY(-8px); -moz-transform: translateY(-8px); -ms-transform: translateY(-8px); -o-transform: translateY(-8px); transform: translateY(-8px); /* BACKGROUND GRADIENT */ /* TRANSFORM STYLE */ } 50% { -webkit-transform: translateY(0); -khtml-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); /* BACKGROUND GRADIENT */ /* TRANSFORM STYLE */ } } @-ms-keyframes scroll-down-anim { /* Row background video ------------------------------*/ 0%, 100% { -webkit-transform: translateY(-8px); -khtml-transform: translateY(-8px); -moz-transform: translateY(-8px); -ms-transform: translateY(-8px); -o-transform: translateY(-8px); transform: translateY(-8px); /* BACKGROUND GRADIENT */ /* TRANSFORM STYLE */ } 50% { -webkit-transform: translateY(0); -khtml-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); /* BACKGROUND GRADIENT */ /* TRANSFORM STYLE */ } } @-o-keyframes scroll-down-anim { /* Row background video ------------------------------*/ 0%, 100% { -webkit-transform: translateY(-8px); -khtml-transform: translateY(-8px); -moz-transform: translateY(-8px); -ms-transform: translateY(-8px); -o-transform: translateY(-8px); transform: translateY(-8px); /* BACKGROUND GRADIENT */ /* TRANSFORM STYLE */ } 50% { -webkit-transform: translateY(0); -khtml-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); /* BACKGROUND GRADIENT */ /* TRANSFORM STYLE */ } } @keyframes scroll-down-anim { /* Row background video ------------------------------*/ 0%, 100% { -webkit-transform: translateY(-8px); -khtml-transform: translateY(-8px); -moz-transform: translateY(-8px); -ms-transform: translateY(-8px); -o-transform: translateY(-8px); transform: translateY(-8px); /* BACKGROUND GRADIENT */ /* TRANSFORM STYLE */ } 50% { -webkit-transform: translateY(0); -khtml-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); /* BACKGROUND GRADIENT */ /* TRANSFORM STYLE */ } } .row-bg-video .cms-bg-video { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -khtml-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); /* BACKGROUND GRADIENT */ /* TRANSFORM STYLE */ height: 100%; overflow: hidden; width: 100%; z-index: -1; } .row-bg-video .cms-bg-video .wp-video { height: 100% !important; } .row-bg-video .cms-bg-video .wp-video .mejs-container { height: 100% !important; width: 100% !important; } .row-bg-video .cms-bg-video .wp-video .mejs-container .mejs-inner { height: 100% !important; } .row-bg-video .cms-bg-video .wp-video .mejs-container .mejs-inner .mejs-controls { display: none; visibility: hidden !important; } .row-bg-video .cms-bg-video .wp-video .mejs-container .mejs-inner .mejs-layers { display: none; } .row-bg-video .cms-bg-video .wp-video .mejs-container .mejs-inner .mejs-mediaelement { height: 100% !important; } .row-bg-video .cms-bg-video .wp-video .mejs-container .mejs-inner .mejs-mediaelement video { height: auto !important; min-width: 100%; min-height: 100%; max-width: none !important; } .row-bg-video .cms-bg-video .wp-video .mejs-container, .row-bg-video .cms-bg-video .wp-video .mejs-embed, .row-bg-video .cms-bg-video .wp-video .mejs-embed body, .row-bg-video .cms-bg-video .wp-video .mejs-container .mejs-controls { background: transparent !important; } @media screen and (max-width: 768px) { .row-bg-video .cms-bg-video .wp-video .mejs-container .mejs-inner .mejs-mediaelement video { height: 100% !important; width: auto; } } .widget.affix { position: fixed !important; top: 100px; /* CMS Contact Info --------------------------------*/ } .cms_contact_info { /* Contact form 7 --------------------------------*/ } .cms_contact_info .cms-contact-info-body { position: relative; padding-left: 65px; } .cms_contact_info .cms-contact-info-body .contact-info-box-icon { position: absolute; font-size: 35px; left: 0; top: 50%; -webkit-transform: translateY(-50%); -khtml-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); /* BACKGROUND GRADIENT */ /* TRANSFORM STYLE */ } .cms_contact_info .cms-contact-info-body .contact-info-box-content { border-left: 1px solid #bdbdbd; padding: 16px 0 18px 27px; } .cms_contact_info .cms-contact-info-body .contact-info-box-content h3 { color: var(--dark-gray); font-weight: 700; font-size: 16px; line-height: 26px; margin: 0; text-transform: uppercase; } .cms_contact_info .cms-contact-info-body .contact-info-box-content p { margin: 0; font-size: 12px; } .wpcf7-form { clear: both; overflow: hidden; } .wpcf7-form .wpcf7-form-control-wrap { display: block; margin-bottom: 25px; } .wpcf7-form input[type="text"], .wpcf7-form input[type="email"], .wpcf7-form input[type="phone"], .wpcf7-form input[type="password"], .wpcf7-form input[type="url"], .wpcf7-form input[type="tel"] { width: 100%; } .wpcf7-form textarea { width: 100%; padding-bottom: 0; padding-bottom: 0; height: 94px; padding-top: 12px; } .wpcf7-form input['submit'] { margin-top: 15px; } .travel-form { padding: 30px; background: rgba(255, 255, 255, 0.7); } .travel-form p { margin-bottom: 0; } .travel-form p.btn-send { margin-top: 20px; } .travel-form .input-group-addon { background: transparent; border: 0; } .travel-form input[type="submit"] { border: medium none; border-radius: 2px; color: var(--dark-gray); display: inline-block; font-size: 14px; line-height: 25px; outline: 0 none; padding: 10px 37px; position: relative; text-align: center; text-decoration: none; text-transform: uppercase; background: #535961; color: var(--white); -webkit-transition: all 0.3s ease 0s; -khtml-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -ms-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; } .ui-datepicker { background-color: var(--white); } .ui-datepicker .ui-datepicker-title { color: var(--dark-gray); /* End Contact form 7 --------------------------------*/ } .under-construction #cshero-header-navigation { display: none; } .sm-mt-0 { margin-top: 0 !important; } .sm-mt-20 { margin-top: 20px !important; } .sm-mt-40 { margin-top: 40px !important; } .sm-mt-50 { margin-top: 50px !important; } .sm-mt-55 { margin-top: 55px !important; } .sm-mt-60 { margin-top: 60px !important; } .sm-mt-70 { margin-top: 70px !important; } .sm-mb-15 { margin-bottom: 15px !important; } .sm-mb-20 { margin-bottom: 20px !important; } .sm-mb-40 { margin-bottom: 40px !important; } .sm-mb-50 { margin-bottom: 50px !important; } .sm-mb-60 { margin-bottom: 60px !important; } .sm-mb-70 { margin-bottom: 70px !important; } .sm-mb-80 { margin-bottom: 80px !important; } .sm-mb-100 { margin-bottom: 100px; } @media only screen and (min-width: 479px) and (max-width: 736px) { .hide-0-736, .hide-479-736 { display: none !important; visibility: hidden; } } .zoom_out .cd-headline b { filter: alpha(opacity=0); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; -webkit-opacity: 0; -khtml-opacity: 0; -moz-opacity: 0; -ms-opacity: 0; -o-opacity: 0; opacity: 0; /* BACKGROUND GRADIENT */ /* OUTLINE RADIUS */ } .zoom_out .cd-headline b.is-visible { filter: alpha(opacity=100); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; -webkit-opacity: 1; -khtml-opacity: 1; -moz-opacity: 1; -ms-opacity: 1; -o-opacity: 1; opacity: 1; /* BACKGROUND GRADIENT */ /* OUTLINE RADIUS */ -webkit-animation: zoom-in 0.8s; -khtml-animation: zoom-in 0.8s; -moz-animation: zoom-in 0.8s; -ms-animation: zoom-in 0.8s; -o-animation: zoom-in 0.8s; animation: zoom-in 0.8s; /* BACKGROUND GRADIENT */ } .zoom_out .cd-headline b.is-hidden { -webkit-animation: zoom-out 0.8s; -khtml-animation: zoom-out 0.8s; -moz-animation: zoom-out 0.8s; -ms-animation: zoom-out 0.8s; -o-animation: zoom-out 0.8s; animation: zoom-out 0.8s; /* BACKGROUND GRADIENT */ } .zoom_out .cd-headline .cd-words-wrapper { -webkit-perspective: 300px; -khtml-perspective: 300px; -moz-perspective: 300px; -ms-perspective: 300px; -o-perspective: 300px; perspective: 300px; /* BACKGROUND GRADIENT */ } .zoom_out .cd-words-wrapper { display: inline-block; position: relative; } .zoom_out .cd-words-wrapper b { display: inline-block; position: absolute; white-space: nowrap; left: 0; top: 0; } .zoom_out .cd-words-wrapper b.is-visible { position: relative; } @-webkit-keyframes zoom-in { 0% { -webkit-transform: translateZ(100px); -khtml-transform: translateZ(100px); -moz-transform: translateZ(100px); -ms-transform: translateZ(100px); -o-transform: translateZ(100px); transform: translateZ(100px); /* BACKGROUND GRADIENT */ /* TRANSFORM STYLE */ filter: alpha(opacity=0); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; -webkit-opacity: 0; -khtml-opacity: 0; -moz-opacity: 0; -ms-opacity: 0; -o-opacity: 0; opacity: 0; /* BACKGROUND GRADIENT */ /* OUTLINE RADIUS */ } 100% { -webkit-transform: translateZ(0); -khtml-transform: translateZ(0); -moz-transform: translateZ(0); -ms-transform: translateZ(0); -o-transform: translateZ(0); transform: translateZ(0); /* BACKGROUND GRADIENT */ /* TRANSFORM STYLE */ filter: alpha(opacity=100); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; -webkit-opacity: 1; -khtml-opacity: 1; -moz-opacity: 1; -ms-opacity: 1; -o-opacity: 1; opacity: 1; /* BACKGROUND GRADIENT */ /* OUTLINE RADIUS */ } } @-moz-keyframes zoom-in { 0% { -webkit-transform: translateZ(100px); -khtml-transform: translateZ(100px); -moz-transform: translateZ(100px); -ms-transform: translateZ(100px); -o-transform: translateZ(100px); transform: translateZ(100px); /* BACKGROUND GRADIENT */ /* TRANSFORM STYLE */ filter: alpha(opacity=0); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; -webkit-opacity: 0; -khtml-opacity: 0; -moz-opacity: 0; -ms-opacity: 0; -o-opacity: 0; opacity: 0; /* BACKGROUND GRADIENT */ /* OUTLINE RADIUS */ } 100% { -webkit-transform: translateZ(0); -khtml-transform: translateZ(0); -moz-transform: translateZ(0); -ms-transform: translateZ(0); -o-transform: translateZ(0); transform: translateZ(0); /* BACKGROUND GRADIENT */ /* TRANSFORM STYLE */ filter: alpha(opacity=100); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; -webkit-opacity: 1; -khtml-opacity: 1; -moz-opacity: 1; -ms-opacity: 1; -o-opacity: 1; opacity: 1; /* BACKGROUND GRADIENT */ /* OUTLINE RADIUS */ } } @-ms-keyframes zoom-in { 0% { -webkit-transform: translateZ(100px); -khtml-transform: translateZ(100px); -moz-transform: translateZ(100px); -ms-transform: translateZ(100px); -o-transform: translateZ(100px); transform: translateZ(100px); /* BACKGROUND GRADIENT */ /* TRANSFORM STYLE */ filter: alpha(opacity=0); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; -webkit-opacity: 0; -khtml-opacity: 0; -moz-opacity: 0; -ms-opacity: 0; -o-opacity: 0; opacity: 0; /* BACKGROUND GRADIENT */ /* OUTLINE RADIUS */ } 100% { -webkit-transform: translateZ(0); -khtml-transform: translateZ(0); -moz-transform: translateZ(0); -ms-transform: translateZ(0); -o-transform: translateZ(0); transform: translateZ(0); /* BACKGROUND GRADIENT */ /* TRANSFORM STYLE */ filter: alpha(opacity=100); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; -webkit-opacity: 1; -khtml-opacity: 1; -moz-opacity: 1; -ms-opacity: 1; -o-opacity: 1; opacity: 1; /* BACKGROUND GRADIENT */ /* OUTLINE RADIUS */ } } @-o-keyframes zoom-in { 0% { -webkit-transform: translateZ(100px); -khtml-transform: translateZ(100px); -moz-transform: translateZ(100px); -ms-transform: translateZ(100px); -o-transform: translateZ(100px); transform: translateZ(100px); /* BACKGROUND GRADIENT */ /* TRANSFORM STYLE */ filter: alpha(opacity=0); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; -webkit-opacity: 0; -khtml-opacity: 0; -moz-opacity: 0; -ms-opacity: 0; -o-opacity: 0; opacity: 0; /* BACKGROUND GRADIENT */ /* OUTLINE RADIUS */ } 100% { -webkit-transform: translateZ(0); -khtml-transform: translateZ(0); -moz-transform: translateZ(0); -ms-transform: translateZ(0); -o-transform: translateZ(0); transform: translateZ(0); /* BACKGROUND GRADIENT */ /* TRANSFORM STYLE */ filter: alpha(opacity=100); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; -webkit-opacity: 1; -khtml-opacity: 1; -moz-opacity: 1; -ms-opacity: 1; -o-opacity: 1; opacity: 1; /* BACKGROUND GRADIENT */ /* OUTLINE RADIUS */ } } @keyframes zoom-in { 0% { -webkit-transform: translateZ(100px); -khtml-transform: translateZ(100px); -moz-transform: translateZ(100px); -ms-transform: translateZ(100px); -o-transform: translateZ(100px); transform: translateZ(100px); /* BACKGROUND GRADIENT */ /* TRANSFORM STYLE */ filter: alpha(opacity=0); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; -webkit-opacity: 0; -khtml-opacity: 0; -moz-opacity: 0; -ms-opacity: 0; -o-opacity: 0; opacity: 0; /* BACKGROUND GRADIENT */ /* OUTLINE RADIUS */ } 100% { -webkit-transform: translateZ(0); -khtml-transform: translateZ(0); -moz-transform: translateZ(0); -ms-transform: translateZ(0); -o-transform: translateZ(0); transform: translateZ(0); /* BACKGROUND GRADIENT */ /* TRANSFORM STYLE */ filter: alpha(opacity=100); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; -webkit-opacity: 1; -khtml-opacity: 1; -moz-opacity: 1; -ms-opacity: 1; -o-opacity: 1; opacity: 1; /* BACKGROUND GRADIENT */ /* OUTLINE RADIUS */ } } @-webkit-keyframes zoom-out { 0% { -webkit-transform: translateZ(0); -khtml-transform: translateZ(0); -moz-transform: translateZ(0); -ms-transform: translateZ(0); -o-transform: translateZ(0); transform: translateZ(0); /* BACKGROUND GRADIENT */ /* TRANSFORM STYLE */ filter: alpha(opacity=100); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; -webkit-opacity: 1; -khtml-opacity: 1; -moz-opacity: 1; -ms-opacity: 1; -o-opacity: 1; opacity: 1; /* BACKGROUND GRADIENT */ /* OUTLINE RADIUS */ } 100% { -webkit-transform: translateZ(-100px); -khtml-transform: translateZ(-100px); -moz-transform: translateZ(-100px); -ms-transform: translateZ(-100px); -o-transform: translateZ(-100px); transform: translateZ(-100px); /* BACKGROUND GRADIENT */ /* TRANSFORM STYLE */ filter: alpha(opacity=0); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; -webkit-opacity: 0; -khtml-opacity: 0; -moz-opacity: 0; -ms-opacity: 0; -o-opacity: 0; opacity: 0; /* BACKGROUND GRADIENT */ /* OUTLINE RADIUS */ } } @-moz-keyframes zoom-out { 0% { -webkit-transform: translateZ(0); -khtml-transform: translateZ(0); -moz-transform: translateZ(0); -ms-transform: translateZ(0); -o-transform: translateZ(0); transform: translateZ(0); /* BACKGROUND GRADIENT */ /* TRANSFORM STYLE */ filter: alpha(opacity=100); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; -webkit-opacity: 1; -khtml-opacity: 1; -moz-opacity: 1; -ms-opacity: 1; -o-opacity: 1; opacity: 1; /* BACKGROUND GRADIENT */ /* OUTLINE RADIUS */ } 100% { -webkit-transform: translateZ(-100px); -khtml-transform: translateZ(-100px); -moz-transform: translateZ(-100px); -ms-transform: translateZ(-100px); -o-transform: translateZ(-100px); transform: translateZ(-100px); /* BACKGROUND GRADIENT */ /* TRANSFORM STYLE */ filter: alpha(opacity=0); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; -webkit-opacity: 0; -khtml-opacity: 0; -moz-opacity: 0; -ms-opacity: 0; -o-opacity: 0; opacity: 0; /* BACKGROUND GRADIENT */ /* OUTLINE RADIUS */ } } @-ms-keyframes zoom-out { 0% { -webkit-transform: translateZ(0); -khtml-transform: translateZ(0); -moz-transform: translateZ(0); -ms-transform: translateZ(0); -o-transform: translateZ(0); transform: translateZ(0); /* BACKGROUND GRADIENT */ /* TRANSFORM STYLE */ filter: alpha(opacity=100); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; -webkit-opacity: 1; -khtml-opacity: 1; -moz-opacity: 1; -ms-opacity: 1; -o-opacity: 1; opacity: 1; /* BACKGROUND GRADIENT */ /* OUTLINE RADIUS */ } 100% { -webkit-transform: translateZ(-100px); -khtml-transform: translateZ(-100px); -moz-transform: translateZ(-100px); -ms-transform: translateZ(-100px); -o-transform: translateZ(-100px); transform: translateZ(-100px); /* BACKGROUND GRADIENT */ /* TRANSFORM STYLE */ filter: alpha(opacity=0); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; -webkit-opacity: 0; -khtml-opacity: 0; -moz-opacity: 0; -ms-opacity: 0; -o-opacity: 0; opacity: 0; /* BACKGROUND GRADIENT */ /* OUTLINE RADIUS */ } } @-o-keyframes zoom-out { 0% { -webkit-transform: translateZ(0); -khtml-transform: translateZ(0); -moz-transform: translateZ(0); -ms-transform: translateZ(0); -o-transform: translateZ(0); transform: translateZ(0); /* BACKGROUND GRADIENT */ /* TRANSFORM STYLE */ filter: alpha(opacity=100); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; -webkit-opacity: 1; -khtml-opacity: 1; -moz-opacity: 1; -ms-opacity: 1; -o-opacity: 1; opacity: 1; /* BACKGROUND GRADIENT */ /* OUTLINE RADIUS */ } 100% { -webkit-transform: translateZ(-100px); -khtml-transform: translateZ(-100px); -moz-transform: translateZ(-100px); -ms-transform: translateZ(-100px); -o-transform: translateZ(-100px); transform: translateZ(-100px); /* BACKGROUND GRADIENT */ /* TRANSFORM STYLE */ filter: alpha(opacity=0); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; -webkit-opacity: 0; -khtml-opacity: 0; -moz-opacity: 0; -ms-opacity: 0; -o-opacity: 0; opacity: 0; /* BACKGROUND GRADIENT */ /* OUTLINE RADIUS */ } } @keyframes zoom-out { 0% { -webkit-transform: translateZ(0); -khtml-transform: translateZ(0); -moz-transform: translateZ(0); -ms-transform: translateZ(0); -o-transform: translateZ(0); transform: translateZ(0); /* BACKGROUND GRADIENT */ /* TRANSFORM STYLE */ filter: alpha(opacity=100); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; -webkit-opacity: 1; -khtml-opacity: 1; -moz-opacity: 1; -ms-opacity: 1; -o-opacity: 1; opacity: 1; /* BACKGROUND GRADIENT */ /* OUTLINE RADIUS */ } 100% { -webkit-transform: translateZ(-100px); -khtml-transform: translateZ(-100px); -moz-transform: translateZ(-100px); -ms-transform: translateZ(-100px); -o-transform: translateZ(-100px); transform: translateZ(-100px); /* BACKGROUND GRADIENT */ /* TRANSFORM STYLE */ filter: alpha(opacity=0); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; -webkit-opacity: 0; -khtml-opacity: 0; -moz-opacity: 0; -ms-opacity: 0; -o-opacity: 0; opacity: 0; /* BACKGROUND GRADIENT */ /* OUTLINE RADIUS */ } } .container-custom { max-width: 1170px; } .m-0 { margin: 0 !important; } .m-10 { margin: 2px; } .mt-min-30 { margin-top: -30px; } .mt-min-35 { margin-top: -35px; } .mt-min-180 { margin-top: -180px; } .mt-min-120 { margin-top: -120px; } .mt-min-210 { margin-top: -210px; } .mt-0 { margin-top: 0 !important; } .mt-5 { margin-top: 5px !important; } .mt-10 { margin-top: 10px !important; } .mt-20 { margin-top: 20px !important; } .mt-25 { margin-top: 25px !important; } .mt-30 { margin-top: 30px !important; } .mt-40 { margin-top: 40px !important; } .mt-50 { margin-top: 50px !important; } .mt-55 { margin-top: 55px; } .mt-60 { margin-top: 60px !important; } .mt-70 { margin-top: 70px; } .mt-80 { margin-top: 80px; } .mt-150 { margin-top: 150px; } .mt-170 { margin-top: 170px; } .mr-0 { margin-right: 0 !important; } .mr-15 { margin-right: 15px; } .mr-20 { margin-right: 20px; } .mb-0 { margin-bottom: 0 !important; } .mb-5 { margin-bottom: 5px !important; } .mb-10 { margin-bottom: 10px !important; } .mb-15 { margin-bottom: 15px !important; } .mb-20 { margin-bottom: 20px !important; } .mb-23 { margin-bottom: 23px; } .mb-40 { margin-bottom: 40px !important; } .mb-45 { margin-bottom: 45px !important; } .mb-25 { margin-bottom: 25px !important; } .mb-30 { margin-bottom: 30px !important; } .mb-35 { margin-bottom: 35px !important; } .mb-50 { margin-bottom: 50px !important; } .mb-60 { margin-bottom: 60px !important; } .mb-70 { margin-bottom: 70px !important; } .mb-75 { margin-bottom: 75px; } .mb-80 { margin-bottom: 80px !important; } .mb-90 { margin-bottom: 90px; } .mb-100 { margin-bottom: 100px; } .mb-110 { margin-bottom: 110px; } .mb-140 { margin-bottom: 140px; } .mb-160 { margin-bottom: 160px; } .ml-0 { margin-left: 0px !important; } .ml-10 { margin-left: 10px; } .ml-20 { margin-left: 20px; } .ml-30 { margin-left: 30px; } .mlr-1 { margin-left: 1px; margin-right: 1px; } .mlr-10 { margin-left: 10px; margin-right: 10px; } .mlr-min-30 { margin-left: -30px !important; margin-right: -30px !important; } .p-0 { padding: 0 !important; } .p-10 { padding: 10px !important; } .p-15 { padding: 15px !important; } .p-20 { padding: 20px; } .p-25 { padding: 25px; } .p-40 { padding: 40px; } .pt-20 { padding-top: 20px; } .pt-30 { padding-top: 30px; } .pt-36 { padding-top: 36px; } .pt-40 { padding-top: 40px !important; } .pt-50 { padding-top: 50px; } .pt-55 { padding-top: 55px; } .pt-60 { padding-top: 60px; } .pt-65 { padding-top: 65px; } .pt-70 { padding-top: 70px; } .pt-75 { padding-top: 75px; } .pt-80 { padding-top: 80px; } .pt-90 { padding-top: 90px; } .pt-95 { padding-top: 95px; } .pt-100 { padding-top: 100px; } .pt-120 { padding-top: 120px; } .pt-130 { padding-top: 130px; } .pt-140 { padding-top: 140px; } .pt-250 { padding-top: 250px; } .px-0 { padding-right: 0 !important; padding-left: 0 !important; } .pr-0 { padding-right: 0 !important; } .pl-0 { padding-left: 0 !important; } .pr-75 { padding-right: 75px; } .pb-0 { padding-bottom: 0px !important; } .pb-10 { padding-bottom: 10px !important; } .pb-20 { padding-bottom: 20px; } .pb-30 { padding-bottom: 30px !important; } .pb-40 { padding-bottom: 40px; } .pb-45 { padding-bottom: 45px; } .pb-50 { padding-bottom: 50px; } .pb-55 { padding-bottom: 55px; } .pb-60 { padding-bottom: 60px; } .pb-65 { padding-bottom: 65px; } .pb-70 { padding-bottom: 70px; } .pb-80 { padding-bottom: 80px; } .pb-90 { padding-bottom: 90px; } .pb-120 { padding-bottom: 120px; } .pb-130 { padding-bottom: 130px; } .pb-140 { padding-bottom: 140px; } .pl-0 { padding-left: 0 !important; } .pl-20 { padding-left: 20px; } .plr-0 { padding-left: 0 !important; padding-right: 0 !important; } .plr-1 { padding-left: 1px; padding-right: 1px; } .plr-5 { padding-left: 5px; padding-right: 5px; } .plr-10 { padding-left: 10px; padding-right: 10px; } .plr-15 { padding-left: 15px; padding-right: 15px; } .plr-20 { padding-left: 20px; padding-right: 20px; } .plr-30 { padding-left: 30px; padding-right: 30px; } .plr-40 { padding-left: 40px; padding-right: 40px; } .plr-50 { padding-left: 50px; padding-right: 50px; } .pad-login-right { padding-right: 0 !important; } .single-portfolio .cms-carousel-testimonial-layout1.p-80-cont, .p-50-cont { padding-top: 50px; padding-bottom: 50px; } .pt-110 { padding-top: 110px; } .pb-110 { padding-bottom: 110px; } .p-60-cont { padding-top: 60px; padding-bottom: 60px; } .p-80-cont { padding-top: 80px; padding-bottom: 80px; } .p-110-cont { padding-top: 110px; padding-bottom: 110px; } .p-140-cont { padding-top: 140px; padding-bottom: 140px; } .pt-110-cont { padding-top: 110px; } .pt-100-cont { padding-top: 100px; } .pt-80-b-50-cont { padding-top: 80px; padding-bottom: 50px; } .pt-100-b-80-cont { padding-top: 100px; padding-bottom: 80px; } .pt-110-b-80-cont { padding-top: 110px; padding-bottom: 80px; } .pt-110-b-30-cont { padding-top: 110px; padding-bottom: 30px; } .pt-110-b-40-cont { padding-top: 110px; padding-bottom: 40px; } .pt-110-b-50-cont { padding-top: 110px; padding-bottom: 50px; } .pt-110-b-60-cont { padding-top: 110px; padding-bottom: 60px; } .pt-110-b-80-cont { padding-top: 110px; padding-bottom: 80px; } .pt-120-b-100-cont { padding-top: 120px; padding-bottom: 100px; } .pt-150-b-110-cont { padding-top: 150px; padding-bottom: 110px; } .portfolio-wrap-nopadding.single-portfolio #main { padding-top: 140px; padding-bottom: 110px; } .fes4-cont { padding-bottom: 80px; padding-top: 130px; } .fes2-main-text-cont { padding: 145px 50px 140px 50px; } .cms-over-hidden { overflow: hidden; } .fes1-cont { padding-bottom: 110px; padding-top: 130px; } .text-middle { position: absolute; top: 50%; transform: translateY(-50%); } .text-middle .cms-heading-inner { margin: 0; } .slash-divider-10 { margin-right: 10px; margin-left: 10px; } .vc_custom_heading .slash-divider-10:last-child { display: none; } @media screen and (max-width: 320px) { .js-height-fullscr .ml-20 { margin-left: 0 !important; } } @media (max-width: 767px) { .block-center-x-767 { position: absolute; left: 50%; transform: translateX(-50%); } } @media only screen and (max-width: 1024px) { .p-140-cont { padding-top: 120px; padding-bottom: 120px; } .portfolio-wrap-nopadding.single-portfolio #main { padding-bottom: 90px; padding-top: 120px; } } @media only screen and (max-width: 768px) { .fes1-cont { padding-top: 80px; padding-bottom: 50px; } .fes4-cont { padding-top: 80px; padding-bottom: 30px; } .p-110-cont { padding-top: 80px; padding-bottom: 80px; } .p-140-cont { padding-top: 80px; padding-bottom: 80px; } .pt-110 { padding-top: 80px; } .pb-110 { padding-bottom: 80px; } .pt-110-cont, .pt-100-cont { padding-top: 80px; } .pt-100-b-80-cont { padding-top: 80px; padding-bottom: 60px; } .pt-110-b-80-cont { padding-top: 80px; padding-bottom: 50px; } .pt-110-b-30-cont { padding-top: 80px; padding-bottom: 10px; } .pt-110-b-40-cont { padding-top: 80px; padding-bottom: 20px; } .pt-110-b-50-cont { padding-top: 80px; padding-bottom: 20px; } .pt-110-b-60-cont { padding-top: 80px; padding-bottom: 40px; } .pt-110-b-80-cont { padding-top: 80px; padding-bottom: 40px; } .pt-120-b-100-cont { padding-top: 80px; padding-bottom: 50px; } .pt-150-b-110-cont { padding-top: 80px; padding-bottom: 40px; } .title-fs-60 { font-size: 40px; line-height: 40px; } .title-fs-45 { font-size: 30px; line-height: 30px; } .line-3-100 { margin-top: 10px; } .fes1-img-cont img { height: 250px; } .fes2-main-text-cont { padding: 70px 30px 70px 30px; } .portfolio-wrap-nopadding.single-portfolio #main { padding-bottom: 50px; padding-top: 80px; } } @media only screen and (max-width: 736px) { .hide-0-736 { display: none !important; visibility: hidden; } } @media only screen and (max-width: 480px) { .p-140-cont { padding-top: 60px; padding-bottom: 60px; } .portfolio-wrap-nopadding.single-portfolio #main { padding-bottom: 30px; padding-top: 60px; } } .white-bg { background: var(--white); } .section-title { margin: 0; padding: 22px 25px 24px 25px; font-family: var(--mainfont); font-weight: 300; font-size: 30px; line-height: 36px; color: var(--dark-gray); border-left: #4b4e53 2px solid; text-transform: uppercase; } .section-title-2 { margin: 0; padding: 25px 25px 27px 25px; font-family: var(--mainfont); font-weight: 300; font-size: 30px; line-height: 30px; color: var(--dark-gray); text-transform: uppercase; } .section-title-3 { margin: 0; padding: 15px 20px 17px 23px; font-family: var(--mainfont); font-weight: 300; font-size: 23px; font-weight: 400; letter-spacing: 3px; line-height: 32px; color: var(--dark-gray); border-left: #4b4e53 2px solid; text-transform: uppercase; } .fes10-container { padding: 100px 100px 70px 100px; margin-right: auto; margin-left: auto; position: relative; width: 100%; } .container-p-75 { padding: 0 75px; } @media (max-width: 1200px) { .container-p-75 { padding: 0; } } @media (max-width: 767px) { /****** CAPTIONS ******/ .fes10-container { padding: 80px 20px 50px 20px; } } .tp-caption.dark-light-32 { color: var(--dark-gray); font-family: var(--extrafont); font-size: 32px; line-height: 32px; font-weight: 300; } .tp-caption.dark-black-100 { color: var(--dark-gray); font-family: var(--extrafont); font-size: 100px; line-height: 100px; font-weight: 600; } .tp-caption.dark-light-100 { color: var(--dark-gray); font-family: var(--extrafont); font-size: 100px; line-height: 100px; font-weight: 300; } .slider-1-cap-line { height: 3px; width: 100px; background-color: var(--dark-gray); } .slider-bg-white-cap { display: none; visibility: hidden; } .light-72-wide { font-family: var(--extrafont); font-size: 72px; line-height: 72px; font-weight: 300; letter-spacing: 25px; color: var(--dark-gray); } .light-69-wide { font-family: var(--extrafont); font-size: 69px; line-height: 69px; font-weight: 300; letter-spacing: 25px; color: var(--dark-gray); } .light-60-wide { font-family: var(--extrafont); font-size: 60px; line-height: 60px; font-weight: 300; letter-spacing: 15px; color: var(--dark-gray); } .light-60 { font-family: var(--extrafont); font-size: 60px; line-height: 60px; font-weight: 300; color: var(--dark-gray); } .light-56-wide { font-family: var(--extrafont); font-size: 56px; line-height: 56px; font-weight: 300; letter-spacing: 25px; color: var(--dark-gray); } .norm-16-wide { font-family: var(--extrafont); font-size: 16px; line-height: 18px; font-weight: 300; letter-spacing: 3px; color: var(--dark-gray); } .a-100, .a-100 span { font-size: 100px; line-height: 100px; /*========== Mobile ==========*/ } @media only screen and (max-width: 478px) { .slider-bg-white-cap { display: block; visibility: visible; height: 240px; width: 1500px; background-color: rgba(255, 255, 255, 0.9); } .tp-left { left: 60px !important; } .tp-caption.center-0-478 { left: 50% !important; transform: translateX(-50%) !important; transform: translateZ(0); } .hide-0-736 { display: none; visibility: hidden; /***** SLIDE 2 Captions *****/ } .dark-light-61.tp-resp-24 { top: 44% !important; } .dark-light-54.tp-resp-24 { top: 49% !important; } .dark-black-63.tp-resp-24 { top: 54% !important; /***** SLIDE 3 Captions *****/ } .dark-light-60.tp-resp-24 { top: 42% !important; } .dark-black-60.tp-resp-24 { top: 47% !important; } } @media only screen and (max-width: 736px) { .fs16-when-0-736 { font-size: 16px !important; line-height: 16px !important; } .fs24-when-0-736 { font-size: 24px !important; line-height: 24px !important; } } @media only screen and (min-width: 479px) and (max-width: 736px) { /***** SLIDE 2 *****/ .hide-0-736, .hide-479-736 { display: none !important; visibility: hidden; } } .tp-caption.dark-light-61 { color: var(--dark-gray); font-family: var(--extrafont); font-size: 61px; font-weight: 300; letter-spacing: 7px; } .tp-caption.dark-black-63 { color: var(--dark-gray); font-family: var(--extrafont); font-size: 63px; font-weight: 900; letter-spacing: 5px; } .tp-caption.dark-light-54 { color: var(--dark-gray); font-family: var(--extrafont); font-size: 54px; font-weight: 300; letter-spacing: 7px; /***** SLIDE 3 *****/ } .tp-caption.dark-light-60 { color: var(--dark-gray); font-family: var(--extrafont); font-size: 75px; line-height: 85px; font-weight: 300; } .tp-caption.dark-black-60 { color: var(--dark-gray); font-family: var(--extrafont); font-size: 75px; line-height: 85px; font-weight: 900; } @media (max-width: 480px) { .text-center-xxs { text-align: center; } .mt-0-xxs { margin-top: 0; } .ml-10-xxs { margin-left: 10px; } .font-32-wide-xxs, .font-32-wide-xxs .cms-heading-inner { font-size: 32px !important; letter-spacing: 5px !important; line-height: 40px !important; } .display-no-xxs { display: none !important; } } .vc_row-full-height-fixer { display: none !important; } @media screen and (max-width: 515px) { body .row_mask_bg { background: none !important; } } @media screen and (min-width: 992px) { .left-50 { left: 50%; } .right-50 { right: 50%; } } @media screen and (max-width: 992px) { .cms-grid-item-testimonials .cms-text-container { padding-top: 40px; padding-left: 30px; } .cms-grid-item-testimonials .t-a-container { margin-top: 20px; } .video-ads-a, .video-ads-text { display: block; } #main .video-ads-text-cont { font-size: 28px; line-height: 28px; } .owl-carousel:hover .owl-prev { left: 0; } .owl-carousel:hover .owl-next { right: 0; } } @media screen and (max-width: 991px) { .template-cms_latest_news .no-boostrap { width: 49.33%; } } @media screen and (max-width: 768px) { .cms-shop-image-custom { text-align: center !important; } #cshero-header-logo { width: auto; } .page-title #page-title-text h1 { font-size: 20px; line-height: 24px; } .cms-grid-item-pricing { margin-bottom: 30px; } .cms-grid-pricing-layout1.pr-layout-2 .cms-grid-item-pricing:last-child { margin-bottom: 0; } .plr-0-767, .cms-row-full-width.plr-0-767 { padding-left: 0 !important; padding-right: 0 !important; } .pt-0-767 { padding-top: 0px !important; } .pt-b-10-767 { padding-top: 20px !important; padding-bottom: 20px !important; } .heading-underline-textbold.cms-h2 .cms-heading-inner { font-size: 30px !important; line-height: 1 !important; /* Cart */ } .woocommerce-cart .table-responsive { border: none; margin-bottom: 0; } .woocommerce-cart .cms-shop-table { border: 1px solid var(--lgray); } .woocommerce-cart .cms-coupon-wrap .cms-button { padding-left: 0; padding-right: 0; width: 100%; } .woocommerce-checkout .customer_details { /* page home static image */ } .woocommerce-checkout .customer_details tbody td:before { display: none; } body #main .light-72-wide .cms-heading-inner { font-size: 25px !important; line-height: 30px !important; letter-spacing: 3px !important; } body #main .light-72-wide { font-size: 25px !important; line-height: 30px !important; letter-spacing: 3px !important; } .cms-content-cont { height: 300px; /* Fancy Box Single style 5 --------------------------------*/ } .template-cms_fancybox_single--layout5 .cms-fancybox-item { padding: 0; margin: 20px 0; } .template-cms_fancybox_single--layout5 .cms-fancybox-item .fancy-box-icon { text-align: center; } .template-cms_fancybox_single--layout5 .cms-fancybox-item .fancy-title { text-align: center; } } @media screen and (max-width: 767px) { body .default-padding, .default-padding .wpb_column { padding-left: 15px !important; padding-right: 15px !important; } .block-center-767 .text-middle { -webkit-transform: translate(-50%, -50%); -khtml-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); /* BACKGROUND GRADIENT */ /* TRANSFORM STYLE */ } .mb-20-767 { margin-bottom: 20px; } } @media screen and (max-width: 991px) { .cms-product .cms-woo-image img, .cms-single-product-wrap .cms-thumbnails img, .cms-single-product-wrap .cms-popup-gallery .woocommerce-main-image img { width: 100%; /* .cms-product .cms-product-action a { display: block; } */ } .wow { visibility: visible !important; -webkit-transition: none !important; -khtml-transition: none !important; -moz-transition: none !important; -ms-transition: none !important; -o-transition: none !important; transition: none !important; /* BACKGROUND GRADIENT */ /* TRIPLE BORDERS */ } } @media screen and (max-width: 600px) { .cms-grid-item-testimonials .cms-text-container { padding-top: 20px; padding-left: 15px; padding-right: 15px; font-size: 13px; } .cms-grid-item-testimonials .t-a-container { padding-bottom: 10px; margin-top: 10px; } .cms-grid-item-testimonials .cms-icon-container-bg { position: static; } .cms-grid-item-testimonials .cms-main-container-bg { margin-left: 85px; } .cms-grid-testimonials-layout1 { /* .single-portfolio .cms-counter-body .col-xs-6 { width: 100%; margin-bottom: 30px; } */ } .cms-grid-testimonials-layout1 .cms-img-container { display: none; } } .home-shop-wrap #main-footer { margin: 0 75px 75px; } @media (max-width: 1200px) { body .container-m-75 { margin-left: 0 !important; margin-right: 0 !important; } .home-shop-wrap #main-footer { margin: 0; } } @media screen and (max-width: 480px) { .cs_extra_map .map-render { height: 300px !important; } .cms-portfolio-custom-title .cms-title { font-size: 36px; line-height: 50px; } } @media screen and (max-width: 380px) { .cshero-header-cart-search .shopping_cart_dropdown { left: auto; right: 10px !important; } body .hermes.tparrows .tp-arr-allwrapper, body .hermes.tparrows:hover .tp-arr-allwrapper { display: none; } body .hermes.tparrows.tp-leftarrow:hover::before, body .hermes.tparrows.tp-rightarrow:hover::before { -webkit-transform: translateX(0px); -khtml-transform: translateX(0px); -moz-transform: translateX(0px); -ms-transform: translateX(0px); -o-transform: translateX(0px); transform: translateX(0px); /* BACKGROUND GRADIENT */ /* TRANSFORM STYLE */ filter: alpha(opacity=100); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; -webkit-opacity: 1; -khtml-opacity: 1; -moz-opacity: 1; -ms-opacity: 1; -o-opacity: 1; opacity: 1; /* BACKGROUND GRADIENT */ /* OUTLINE RADIUS */ } } @media screen and (max-width: 340px) { .ml-20-none-320 { margin-left: 0 !important; } } .ef3-gtb-block { max-width: 610px; margin-right: auto; margin-left: auto; } .ef3-gtb-block.align-wide { max-width: 1100px; } .ef3-gtb-block.align-full { margin-left: calc(-100vw / 2 + 100% / 2); margin-right: calc(-100vw / 2 + 100% / 2); max-width: 100vw; } .ef3-gtb-block.align-full img { width: 100vw; } .ef3-gtb-block .alignleft { float: left; margin: 0 30px 30px 0; } [dir="rtl"] .ef3-gtb-block .alignleft { float: right; margin: 0 0 30px 30px; } .ef3-gtb-block .alignright { float: right; margin: 0 0 30px 30px; } [dir="rtl"] .ef3-gtb-block .alignright { float: left; margin: 0 30px 30px 0; } .ef3-gtb-block.ef3-block-separator { display: block; clear: both; } .ef3-gtb-block .blockquote, .ef3-gtb-block blockquote { margin-top: 0; padding: 0; } .ef3-gtb-block .blockquote:before, .ef3-gtb-block blockquote:before { display: none; } .ef3-gtb-block.wp-block-paragraph p { margin-bottom: 30px; } .ef3-gtb-block.wp-block-latest-posts, .ef3-gtb-block.wp-block-categories, .ef3-gtb-block.wp-block-archives, .ef3-gtb-block.ef3-block-pullquote { margin-bottom: 30px; } .alignwide { max-width: 1100px; } ul.wp-block-gallery { padding-left: 0; padding-right: 0; } .wp-block-heading > * { margin-bottom: 30px; } .wp-block-column .ef3-gtb-block { max-width: 100%; } /***********************************************************************/ /*************** HEADER **********************/ /*LOGO FIX NEW HEIGHT*/ .syscom #cshero-header-logo a img { height: 46px; min-width: 204px; } .syscom #cshero-header.header-fixed #cshero-header-logo a img { height: 30px; min-width: auto; width: auto; } /* simulate fixed mennu */ @media (max-width: 1024px) { .syscom #cshero-header-logo a { line-height: 60px; } .syscom #cshero-header-logo a img { height: 30px; min-width: auto; max-width: initial; width: auto; } /*toogle button*/ .syscom #cshero-menu-mobile .hamb-mob-icon { line-height: 58px; } /* search button */ .syscom .cshero-header-cart-search .header { margin-top: 6px !important; } } /* MAIN MENU */ .syscom #cshero-header { background-color: var(--white); } .syscom #cshero-header-navigation .main-navigation .menu-main-menu > li > a, .syscom #cshero-header-navigation .main-navigation .menu-main-menu > ul > li > a, .syscom .cshero-header-cart-search .header a { font-size: 12px; padding: 0 12px; } @media (max-width: 1200px) { .syscom #cshero-header-navigation .main-navigation .menu-main-menu > li > a, .syscom #cshero-header-navigation .main-navigation .menu-main-menu > ul > li > a, .syscom .cshero-header-cart-search .header a { padding: 0 8px; letter-spacing: 0.5px; } } /*line under menu-item*/ .syscom .menu-main-menu > li.current-menu-item > a span::before, .syscom .menu-main-menu > li.current-menu-ancestor > a span::before { border-bottom: 1px solid var(--red) !important; bottom: -3px; } .syscom .menu-main-menu > li.current-menu-item > a:hover span::before, .syscom .menu-main-menu > li.current-menu-ancestor > a:hover span::before { border-bottom: 1px solid var(--red) !important; } /*submenu bg*/ .syscom .main-navigation .menu-main-menu ul { background: var(--submenu-bg); padding: 0; } /*hack to show menus with class show*/ .syscom .main-navigation .menu-main-menu ul.show { clip: auto; visibility: initial; opacity: 1; } .syscom #cshero-header-navigation .main-navigation ul.multicolumn > li a span { /*font-size: 12px;*/ line-height: 1.5; text-transform: capitalize; } /*change submenu title item*/ .syscom #cshero-header-navigation .main-navigation > ul.sub-menu > li > a span.menu-title { font: 700 18px/1.2 var(--mainfont); color: var(--maincolor); margin: 0 0 15px 0; } /*submenu link item*/ .syscom .main-navigation .menu-main-menu li li a { color: var(--dark-gray); /*airebros*/ padding: 6px 0px 6px 0; line-height: 14px; } .syscom .main-navigation .menu-main-menu li li a:hover { color: var(--red); } /* sunmenu title red */ #cshero-header-navigation .main-navigation ul.multicolumn > li > a span.menu-title.red { color: var(--red); } /****** SELECTED MENU TO RED ***********/ .main-navigation .menu-main-menu li li.current_page_item > a span { color: var(--red) !important; } /****** DISABLED MENU ITEMS *************/ #cshero-header-navigation .main-navigation .menu-main-menu li.disabled { opacity: 0.7; } #cshero-header-navigation .main-navigation .menu-main-menu li.disabled a { pointer-events: none; cursor: default; } /********* FIX CENTER MENU ON LITTLE SCREENS **************/ .setmenucenter { left: 0 !important; margin: 0 auto !important; right: 0 !important; width: calc(100% - 60px) !important; z-index: 999 !important; padding: 2%; } /**********************************************************/ /* remove cart icon */ .icon_cart_wrap.header-icon { display: none !important; } .contact-button a span { padding: 4px 12px; -webkit-border-radius: 2px; -webkit-border-radius: 25px; -khtml-border-radius: 25px; -moz-border-radius: 25px; -ms-border-radius: 25px; -o-border-radius: 25px; border-radius: 25px; /*border:2px solid var(--red);*/ color: white; -webkit-transition: all 0.3s ease 0s; -khtml-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -ms-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; /* BACKGROUND GRADIENT */ /* TRIPLE BORDERS */ } .contact-button a span { background-color: var(--red); } .contact-button a:hover span { background-color: transparent; color: var(--red) !important; } /* remove selected under button contact us on page contact */ .syscom .menu-main-menu > li.current-menu-item.contact-button > a span::before, .syscom .menu-main-menu > li.current-menu-ancestor.contact-button > a span::before { border-bottom: none !important; bottom: 0; } /* FLAG */ /* #cshero-header-navigation ul.menu-main-menu > li:last-child a > span { padding: 4px; border: 1px solid var(--gray-d0); -webkit-transition: all 0.3s ease 0s; -khtml-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -ms-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; } #cshero-header-navigation ul.menu-main-menu > li:last-child a:hover > span { border: 1px solid var(--red); } /* FLAG */ /* #cshero-header-navigation ul.menu-main-menu > li:last-child a > span { padding: 4px; border: 1px solid var(--gray-d0); -webkit-transition: all 0.3s ease 0s; -khtml-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -ms-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; } #cshero-header-navigation ul.menu-main-menu > li:last-child a:hover > span { border: 1px solid var(--red); } */ /* LANGUAGE SELECTOR */ /****************** FLAGS ********************/ .wpml-ls-menu-item img.wpml-ls-flag { display: inline; vertical-align: middle; width: 30px; height: 30px; margin-bottom: 2px; padding: 5px; border-radius: 50%; -webkit-transition: all 0.3s ease 0s; -khtml-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -ms-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; } #cshero-header-navigation ul.menu-main-menu li.wpml-ls-menu-item a > span img { border: 1px solid var(--gray-d0); } #cshero-header-navigation ul.menu-main-menu li.wpml-ls-menu-item:hover a > span img { border-color: 1px solid var(--red); } /* hide title-attribute */ #cshero-header-navigation ul.menu-main-menu li.wpml-ls-menu-item a span.title-attribute { display: none; } /* hide title-attribute */ #cshero-header-navigation ul.menu-main-menu li.wpml-ls-menu-item a span.title-attribute { display: none; } /************ ROTATE ARROW ON MOBILE *************************/ #cshero-header-navigation ul#menu-main-menu li > span.cs-menu-toggle { top: 0; right: 0; line-height: 1; width: 60px; height: 50px; padding: 14px 0px; } #cshero-header-navigation ul#menu-main-menu li > span.cs-menu-toggle i { transition: all 0.2s ease-out; transform-origin: calc(50% - 0px) calc(50% - 15px); /*border: 1px solid red;*/ } #cshero-header-navigation ul#menu-main-menu li.active > span.cs-menu-toggle i { color: var(--red); transform: rotate(90deg); } /********** SYSCOM BREADCRUMBS ****************/ .syscom-header-breadcrumbs #breadcrumb-text, .syscom-header-breadcrumbs #breadcrumb-text ul li a { text-align: left; } /******************************************************************/ /* ALL THE TEXT BOXES NEED A 15px PADDING LEFT */ /*********** FIX FIRST INNER COLUMN PADDINGS (to fit red line) ***************/ .container { /*padding:20px;*/ } .row > .wpb_column > .wpb_wrapper { padding: 0 15px; } .wpb_text_column p { margin-bottom: 30px; } a:focus, a:hover { color: var(--red); } /* darkenize the bg image on table */ .gradient { } .gradient-background { content: ""; width: 100%; height: 100%; top: 0; left: 0; position: absolute; } .gradient.gradient-r .gradient-background { background-image: linear-gradient(90deg, rgba(0, 0, 0, 0) 14%, #000 78%); opacity: 0.63; } .gradient.gradient-l .gradient-background { background-image: linear-gradient(270deg, rgba(0, 0, 0, 0) 14%, #000 78%); opacity: 0.63; } .gradient.gradient-robot .gradient-background { background-image: linear-gradient(270deg, rgba(0, 0, 0, 0) 14%, #000 72%); opacity: 0.33; } @media (max-width: 992px) { .gradient-background { /*background-color:rgba(0,0,0,0.5);*/ /* background-image: linear-gradient(90deg, rgba(0,0,0,0.00) 14%, #000 78%); opacity: 0.63; */ } } /* .syscom .wpb_text_column { padding-left: 15px; } */ /******* percentage paddings ***********/ .p-30per { padding-top: 30%; padding-bottom: 30%; } .pt-30per { padding-top: 30%; } .pb-30per { padding-bottom: 30%; } @media (max-width: 768px) { .p-30per { padding-top: 120px; padding-bottom: 120px; } .pt-30per { padding-top: 120px; } .pb-30per { padding-bottom: 120px; } } .p-25per { padding-top: 25%; padding-bottom: 25%; } .pt-25per { padding-top: 25%; } .pb-25per { padding-bottom: 25%; } .p-15per { padding-top: 15%; padding-bottom: 15%; } .pt-15per { padding-top: 15%; } .pb-15per { padding-bottom: 15%; } .p-10per { padding-top: 10%; padding-bottom: 10%; } .pt-10per { padding-top: 10%; } .pb-10per { padding-bottom: 10%; } /*****************************/ .p-5per { padding-top: 5%; padding-bottom: 5%; } .pt-5per { padding-top: 5%; } .pb-5per { padding-bottom: 5%; } /* 5% goes to fixed padding on mobile */ /* Fix the top-bottom bars */ @media (max-width: 768px) { .p-5per { padding-top: 50px; padding-bottom: 50px; } .pt-5per { padding-top: 50px; } .pb-5per { padding-bottom: 50px; } .p-10per { padding-top: 100px; padding-bottom: 100px; } .pt-10per { padding-top: 100px; } .pb-10per { padding-bottom: 100px; } } /********** FIXING SPACES ON MOBILE ***************/ @media (max-width: 768px) { .pb-120 { padding-bottom: 60px; } .pt-120 { padding-top: 60px; } .pb-80 { padding-bottom: 40px; } .pt-80 { padding-top: 40px; } .pb-60 { padding-bottom: 30px; } .pt-60 { padding-top: 30px; } .pb-50 { padding-bottom: 25px; } .pt-50 { padding-top: 25px; } } /******************* button colors **********************************/ .cms-button:hover, .cms-button:focus, .cms-button.cyan:hover, .cms-button.gray-line:hover, .cms-button.blue:hover, .cms-button.teal:hover, .cms-button.green:hover, .cms-button.lime:hover, .cms-button.deeporange:hover { background: var(--white); color: var(--red); text-decoration: none; } .cms-white { color: var(--maincolor); background-color: var(--white); } .cms-white:hover, .cms-white:focus { color: var(--white); background-color: var(--maincolor); } .cms-gray { color: var(--maincolor); background-color: var(--gray); } .cms-gray:hover, .cms-gray:focus { color: var(--gray); background-color: var(--maincolor); } /********* padding boxes ***********/ /********* padding boxes ***********/ /********* padding boxes ***********/ .syscom .padding-box { position: relative; width: 100%; } /* white bar top */ .syscom .padding-box.padding-top { /*padding-top:100px;*/ } .syscom .padding-box.padding-top .up { background-color: var(--white); position: absolute; top: 0; left: 60px; width: calc(100% - 60px); height: 100px; } /*padding color*/ .syscom .padding-box.padding-top.padding-top-gray .up { background-color: var(--gray); } .syscom .padding-box.padding-top.padding-top-gray-d0 .up { background-color: var(--gray-d0); } .syscom .padding-box.padding-top.padding-top-dark-gray .up { background-color: var(--dark-gray); } /* white bar bottom */ .syscom .padding-box.padding-bottom { /*padding-bottom:100px;*/ } .syscom .padding-box.padding-bottom .down { background-color: var(--white); position: absolute; bottom: 0px; left: 60px; width: calc(100% - 60px); height: 100px; } /*padding color*/ .syscom .padding-box.padding-bottom.padding-bottom-gray .down { background-color: var(--gray); } .syscom .padding-box.padding-bottom.padding-bottom-gray-d0 .down { background-color: var(--gray-d0); } .syscom .padding-box.padding-bottom.padding-bottom-dark-gray .down { background-color: var(--dark-gray); } /* red padding-left */ .syscom .padding-box.padding-left { } .syscom .padding-box.padding-left .left { position: absolute; width: 60px; height: calc(100%); background-color: var(--red); left: 0; top: 0; } /* red padding when no white padding */ .syscom .padding-box.padding-full-left .full { position: absolute; width: 60px; height: calc(100%); background-color: var(--red); left: 0; top: 0; } @media (max-width: 768px) { .syscom .padding-box { } } /********* FULL BACKGROUND POSITION ***************/ .syscom .bg-left { background-position-x: left !important; } .syscom .bg-right { background-position-x: right !important; } .syscom .bg-center { background-position-x: center !important; } /*************************** MODULES ******************************/ /*************************** MODULES ******************************/ /*************************** MODULES ******************************/ /*************************** MAIN HEADER (bg image + title)******************************/ /*************************** MAIN HEADER (bg image + title)******************************/ /*************************** MAIN HEADER (bg image + title)******************************/ .syscom .syscom-main-header { background-position: top center !important; background-repeat: no-repeat !important; background-size: cover !important; transition: background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s; position: relative; min-height: 600px; } /* gradient mask */ /* .syscom .syscom-main-header::before { background-color:rgba(0,0,0,0.3); position: absolute; top:0; left:0; width:100%; height:100%; z-index:0; } */ .syscom .syscom-main-header .syscom-main-header-text { /*animation*/ visibility: hidden; /*opacity:1;*/ } .syscom .syscom-main-header .syscom-main-header-text h1 { color: var(--white); margin: 0; } /*border red*/ .syscom .syscom-main-header .text-red-line h1 { border-left: 8px solid var(--red); padding-left: 20px; } @media (max-width: 1200px) { .syscom-main-header .syscom-main-header-text h1 { font: 900 70px/1.1 var(--titlefont); } } @media (max-width: 992px) { .syscom-main-header .syscom-main-header-text h1 { font: 900 50px/1.1 var(--titlefont); } } @media (max-width: 767px) { .syscom-main-header .syscom-main-header-text h1 { font: 900 32px/1.3 var(--titlefont); } } /********************* BASIC INNER MODULES ********************/ /* module features */ .mod_features { /*padding-left: 15px;*/ } .mod_features h2 { letter-spacing: -2px; margin-bottom: 30px; color: white; } /* .mod_features p { font:300 24px/36px var(--mainfont); color:white; margin-bottom:30px; } */ .mod_features .cms-button { background-color: var(--red); color: var(--white); } .mod_features .cms-button:hover { color: var(--red); background-color: var(--white); } @media (max-width: 767px) { /* .mod_features h2 { font: 600 40px/50px var(--titlefont); } */ } /********* full column with image mobile **********/ .img-mobile { display: none; } @media (max-width: 767px) { .img-mobile { display: inherit; /*set the size of image to take all the space*/ width: calc(100% + 60px); transform: translateX(-30px); } } /********* NOT full column with image mobile **********/ .img-mobile-not-full { display: none; } @media (max-width: 767px) { .img-mobile-not-full { display: inherit; /*set the size of image to take all the space*/ width: calc(100%); } } .syscom .hide-bg-on-mobile { } @media (max-width: 767px) { /*force dissapear bg*/ .syscom .hide-bg-on-mobile { background: none !important; } } /****** DARK BACKGROUND ON MOBILE *******/ .section-mobile-bg { } @media (max-width: 767px) { .section-mobile-bg { background-color: var(--maincolor); /*reduce default section padding*/ /*padding:15% 0 25%;*/ } } /*********** FILTERED BG IMAGE **************/ .filtered-background { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; filter: grayscale(90%); /* the bg image will be set by jquery */ } /*************** COLUMN SEARATORS ***************/ .column-separator { } .column-separator .wpb_column { position: relative; /*padding:25px;*/ padding: 30px 50px; } @media (max-width: 1200px) { .column-separator .wpb_column { padding: 30px 25px; } } /*grey line */ .column-separator .wpb_column:after { position: absolute; content: ""; width: 1px; height: calc(100% - 64px); right: 0; top: 30px; background-color: var(--gray-d5); } .column-separator .wpb_column:last-child:after { display: none; } @media (max-width: 767px) { .column-separator > .wpb_wrapper { padding-bottom: 30px; } .column-separator > .wpb_wrapper::after { content: ""; position: absolute; background-color: var(--gray-d5); width: calc(100% - 50px); height: 1px; bottom: 0; left: 25px; } } /********* COLUMN SEPARATOR FULL ROW HEIGHT *****************/ .column-separator-full { } .column-separator-full .wpb_column { position: relative; /*padding:25px;*/ padding: 0px 50px; } @media (max-width: 1200px) { .column-separator-full .wpb_column { padding: 0px 25px; } } /*grey line */ .column-separator-full .wpb_column:after { position: absolute; content: ""; width: 1px; height: 100%; right: 0; top: 0px; background-color: var(--gray-d5); } .column-separator-full .wpb_column:last-child:after { display: none; } @media (max-width: 767px) { .column-separator-full .wpb_column { padding-bottom: 30px; } .column-separator-full .wpb_column:after { width: calc(100% - 50px); height: 1px; bottom: 0px; left: 25px; right: initial; top: initial; } } /********** COLUMN SEPARATOR 2 COLUMNS ****************/ /*************** COLUMN SEPARATORS ***************/ .column-separator-two { } .column-separator-two .wpb_column { position: relative; /*padding:25px;*/ padding: 0px 50px; } .column-separator-two .wpb_column:first-child { padding-left: 15px; } .column-separator-two .wpb_column:last-child { padding-right: 15px; } @media (max-width: 1200px) { .column-separator-two .wpb_column { padding: 0px 25px; } } /* grey line */ .column-separator-two .wpb_column:after { position: absolute; content: ""; width: 1px; height: 100%; right: 0; top: 0px; background-color: var(--gray-d5); } .column-separator-two .wpb_column:last-child:after { display: none; } @media (max-width: 767px) { .column-separator-two .wpb_column:first-child { padding-left: 25px; } .column-separator-two .wpb_column:last-child { padding-right: 25px; } .column-separator-two .wpb_column { padding-bottom: 30px; margin-bottom: 30px; } .column-separator-two .wpb_column:after { width: calc(100% - 50px); height: 1px; bottom: 0px; left: 25px; right: initial; top: initial; } } /******** COLUMN SEPARATOR NO PADDINGS ************/ .column-separator-full-world { } .column-separator-full-world .wpb_column { position: relative; /*padding:25px;*/ padding: 0px 30px; } .column-separator-full-world .wpb_column:first-child { padding-left: 15px; } .column-separator-full-world .wpb_column:last-child { padding-right: 15px; } @media (max-width: 1200px) { .column-separator-full-world .wpb_column { padding: 0px 15px; } .column-separator-full-world .wpb_column:first-child { padding-left: 15px; } .column-separator-full-world .wpb_column:last-child { padding-left: 15px; } } /*grey line */ .column-separator-full-world .wpb_column:after { position: absolute; content: ""; width: 1px; height: 100%; right: 0; top: 0px; background-color: var(--gray-d5); } .column-separator-full-world .wpb_column:last-child:after { display: none; } @media (max-width: 767px) { .column-separator-full-world .wpb_column { padding-bottom: 30px; } .column-separator-full-world .wpb_column:after { width: calc(100% - 50px); height: 1px; bottom: 0px; left: 25px; right: initial; top: initial; } } /********** LINK WITH ARROW ****************/ a.link { /* black */ /*font:900 18px/24px var(--titlefont);*/ font: 900 16px/1.3 var(--mainfont); letter-spacing: 0.25px; color: var(--maincolor); } a.link:hover { color: var(--red); } a.link:after { content: "\f30b"; font-family: "Font Awesome 5 Free"; font-weight: 900; line-height: 1 !important; font-size-adjust: none; font-stretch: normal; font-feature-settings: normal; font-language-override: normal; font-kerning: auto; font-synthesis: weight style; font-variant: normal; margin-left: 5px; font-size: inherit; vertical-align: baseline; } @media (max-width: 992px) { a.link { font: 900 14px/1.3 var(--titlefont); } } a.link_scroll { font: 900 16px/1.3 var(--mainfont); letter-spacing: 0.25px; color: var(--red); text-decoration: underline; text-underline-offset: 4px; position: relative; padding-left: 20px; } a.link_scroll:hover { color: var(--maincolor); text-decoration: underline; } a.link_scroll::before { content: "\f309"; font-family: "Font Awesome 5 Free"; font-weight: 900; line-height: 1 !important; font-size-adjust: none; font-stretch: normal; font-feature-settings: normal; font-language-override: normal; font-kerning: auto; font-synthesis: weight style; font-variant: normal; font-size: inherit; padding: 4px 8px; border-radius: 50%; color: var(--maincolor); transition: 0.4s; position: absolute; left: 0; top: 1px; margin: 0; } a.link_scroll:hover::before { color: var(--red); } a.link_scroll + a.link_scroll { margin-left: 20px; } @media (max-width: 992px) { a.link_scroll { font: 900 14px/1.3 var(--titlefont); } } /****** custom_link *******/ a.custom_link { color: var(--red); text-decoration: underline; text-underline-offset: 5px; font: 400 18px/1.5 var(--mainfont) !important; -webkit-transition: 0.4s; -khtml-transition: 0.4s; -moz-transition: 0.4s; -ms-transition: 0.4s; -o-transition: 0.4s; transition: 0.4s; } a.custom_link:hover { color: var(--maincolor); text-decoration: underline; } @media (max-width: 992px) { a.custom_link { font: 400 16px/1.3 var(--mainfont) !important; } } /************************/ a.a-text { text-decoration: underline; text-underline-offset: 2px; } a.a-text:hover { text-decoration: underline; } a.copyright { text-decoration: underline; text-underline-offset: 2px; } a.copyright:hover { text-decoration: underline; color: var(--white) !important; } /******** TEXT WITH LINK **************/ .block-text-with-link p:last-child /* p > a container */ { padding-top: 0px !important; } .content-columns3 .block-text-with-link p:last-child /* p > a container */ { padding-top: 30px !important; } /*** home intro paragraph ***/ .home-intro .wpb_column { /* padding-bottom:30px; margin-bottom:60px; */ } .home-intro h3 { margin-bottom: 30px !important; } .home-intro p { margin-bottom: 30px !important; } .home-intro p:last-child { margin-bottom: 0px !important; } /***** headline ************/ .headline h1 { line-height: 1; margin-bottom: 30px !important; } @media (max-width: 767px) { /* .headline h1 { font: 600 70px/80px var(--titlefont); } */ } /***** 3columns ***********/ /****** 3columns headline ***********/ /*space to links */ .content-columns3 .wpb_column { /* space for bottom link */ padding-bottom: 30px; } /****** 3columns column content ***********/ .content-columns3 h4.light { } .content-columns3 p.s2 { } .content-columns3 a.link { position: absolute; bottom: 30px; } /********* ARROW BETWEEN COLUMNS *************/ .arrow-on-column:before { content: ""; bottom: 10px; width: 36px; height: 50px; background-color: var(--gray-d0); background-repeat: no-repeat; background-image: url(img/icons/arrow-column-mred.png); background-position: 0px 10px; position: absolute; z-index: 5; } .arrow-on-column-mred:before { background-image: url(img/icons/arrow-column-mred.png); } .arrow-on-column-black:before { background-image: url(img/icons/arrow-column-black.png); } .arrow-on-column-left:before { right: -20px; } .arrow-on-column-right:before { left: -20px; } @media (max-width: 767px) { .content-columns3 .wpb_column:last-child { /* space for bottom link */ padding-bottom: 0px; } .arrow-column { } } /********** ARROW AFTER LIST ***********/ .arrow-after-list::before { content: ""; top: calc(50% - 20px); width: 24px; height: 40px; background-color: transparent; background-repeat: no-repeat; background-image: url(img/icons/arrow-list-mred.png); background-position: 0px 10px; position: absolute; z-index: 5; right: -12px; background-size: contain; } .arrow-after-list-black:before { background-image: url(img/icons/arrow-list-black.png); } @media (max-width: 767px) { .arrow-after-list::before { top: initial; bottom: -60px; right: calc(50% - 20px); transform: rotate(90deg); } } /****** 2columns with image on one ***********/ .columns2-image { } .columns2-image h4.light { } .columns2-image p.s2 { } /*************** TOGGLES **************************************/ .custom-toggle { } .custom-toggle.vc_toggle.vc_toggle_border-heading .vc_toggle_title h4 { /*font: 700 18px/27px var(--mainfont);*/ font: 700 18px/1.3 var(--mainfont); color: var(--maincolor); padding: 14px 30px; border: none; } /*closed*/ .custom-toggle.vc_toggle.vc_toggle_border-heading .vc_toggle_title h4::before { color: var(--dark-gray); left: 0px; content: "\f055"; font-size: 23px; font-weight: 400; } /*open*/ .custom-toggle.vc_toggle.vc_toggle_border-heading.vc_toggle_active .vc_toggle_title h4::before { content: "\f056"; } .custom-toggle .vc_toggle_content { padding: 0px 0px 0 30px !important; position: relative; } .custom-toggle .vc_toggle_content:after { content: ""; width: calc(100% - 30px); height: 1px; background-color: var(--gray-d6); position: absolute; bottom: 0; left: 30px; } .custom-toggle .vc_toggle_content p { margin: 0px 0 30px 0; /*font: 400 18px/27px var(--mainfont);*/ font: 400 16px/1.3 var(--mainfont); } .custom-toggle .vc_toggle_content a.link { font-weight: 400; } @media (max-width: 992px) { .custom-toggle.vc_toggle.vc_toggle_border-heading .vc_toggle_title h4 { font: 700 16px/1.3 var(--mainfont); } .vc_toggle.vc_toggle_border-heading .vc_toggle_content { margin-bottom: 0; } .custom-toggle .vc_toggle_content p/* same as p.s2*/ { font: 400 14px/1.5 var(--mainfont); color: var(--maincolor); } .custom-toggle .vc_toggle_content a.link { font: 400 14px/1.5 var(--mainfont); } } /*text under toogles*/ .custom_toogle_explanation p { font: 400 18px/27px var(--mainfont); margin-top: 30px; } .custom_toogle_explanation a.toogle_link { /* black */ font: 900 18px/24px var(--titlefont); letter-spacing: 0.25px; } .custom_toogle_explanation a.toogle_link:hover { color: var(--red); } @media (max-width: 992px) { .custom_toogle_explanation p { font: 400 14px/1.3 var(--mainfont); } .custom_toogle_explanation a.toogle_link { font: 900 14px/1.3 var(--titlefont); } } /************* NEWS 3 COLUMNS ************************/ .custom-news, .cms-latest-layout-one-column, .syscom-news-page { } .cms-latest-layout-one-column { padding: 0 15px; } .custom-news .cms-latest-news-wrapper, .cms-latest-layout-one-column .cms-latest-news-wrapper { /*padding: 15px !important;*/ } .custom-news .cms-blog-item h3.entry-title, .cms-latest-layout-one-column .cms-blog-item h3.entry-title, .syscom-news-page .cms-blog-item h3.entry-title { font: 900 18px/24px var(--titlefont); color: var(--maincolor); letter-spacing: 0.25px; margin-bottom: 10px !important; text-transform: none; min-height: 74px; } .custom-news .cms-blog-item .post-info li, .custom-news .cms-blog-item .post-info a, .syscom-news-page .cms-blog-item .post-info a, .cms-latest-layout-one-column .cms-blog-item .post-info li, .cms-latest-layout-one-column .cms-blog-item .post-info a, .syscom-news-page .cms-blog-item .post-info a { font: 400 13px/1.3 var(--mainfont); } .custom-news .cms-blog-item .post-info li.entry-date, .cms-latest-layout-one-column .cms-blog-item .post-info li.entry-date, .syscom-news-page .cms-blog-item .post-info li.entry-date, .custom-news .cms-blog-item .post-info li.entry-author, .cms-latest-layout-one-column .cms-blog-item .post-info li.entry-author, .syscom-news-page .cms-blog-item .post-info li.entry-author { display: none; } .custom-news .cms-blog-item .entry-content, .cms-latest-layout-one-column .cms-blog-item .entry-content, .syscom-news-page .cms-blog-item .entry-content { min-height: 150px; border: none; font: 400 14px/25px var(--mainfont); margin: 0px 0 0px 0; color: var(--gray-d5); } .custom-news .cms-blog-item .entry-content p, .cms-latest-layout-one-column .cms-blog-item .entry-content p, .syscom-news-page .cms-blog-item .entry-content p { font: 400 14px/25px var(--mainfont); margin: 0px 0 0px 0; color: var(--gray-d5); } .custom-news .cms-blog-item .entry-footer a.blog-more, .cms-latest-layout-one-column .cms-blog-item .entry-footer a.blog-more, .syscom-news-page .cms-blog-item .entry-footer a.blog-more { text-transform: none; /* black */ font: 900 16px/1.3 var(--titlefont); letter-spacing: 0.25px; margin-bottom: 30px; } .custom-news .cms-blog-item .entry-footer a.blog-more:hover, .cms-latest-layout-one-column .cms-blog-item .entry-footer a.blog-more:hover, .syscom-news-page .cms-blog-item .entry-footer a.blog-more:hover { color: var(--red); } .custom-news .cms-blog-item .entry-footer a.blog-more:after, .cms-latest-layout-one-column .cms-blog-item .entry-footer a.blog-more:after, .syscom-news-page .cms-blog-item .entry-footer a.blog-more:after { content: "\f30b"; font-family: "Font Awesome 5 Free"; font-weight: 900; line-height: 1 !important; font-size-adjust: none; font-stretch: normal; font-feature-settings: normal; font-language-override: normal; font-kerning: auto; font-synthesis: weight style; font-variant: normal; margin-left: 5px; font-size: inherit; vertical-align: baseline; } /*comments-share*/ .custom-news .cms-blog-item .entry-footer ul, .cms-latest-layout-one-column .entry-footer ul, .syscom-news-page .cms-blog-item .entry-footer ul { display: none !important; } .cms-blog-item .entry-content { border-bottom: none; } @media (max-width: 992px) { .custom-news .cms-blog-item h3.entry-title, .cms-latest-layout-one-column .cms-blog-item h3.entry-title .syscom-news-page .cms-blog-item h3.entry-title { font: 900 16px/1.3 var(--titlefont); } .custom-news .cms-blog-item .post-info li, .custom-news .cms-blog-item .post-info a, .syscom-news-page .cms-blog-item .post-info a, .cms-latest-layout-one-column .cms-blog-item .post-info li, .cms-latest-layout-one-column .cms-blog-item .post-info a, .syscom-news-page .cms-blog-item .post-info a { font: 400 12px/1.3 var(--titlefont); } .custom-news .cms-blog-item .entry-content, .cms-latest-layout-one-column .cms-blog-item .entry-content, .syscom-news-page .cms-blog-item .entry-content { font: 400 14px/1.3 var(--mainfont); } .custom-news .cms-blog-item .entry-footer a.blog-more, .cms-latest-layout-one-column .cms-blog-item .entry-footer a.blog-more, .syscom-news-page .cms-blog-item .entry-footer a.blog-more { /*black*/ font: 900 14px/1.2 var(--titlefont); } } /************* NEWS ONE COLUMN ************/ .cms-latest-layout-one-column .cms-blog-item h3.entry-title { } /************** buttons - pannel **************/ /*fix two columns buttons separation*/ /* first column aling left / second column align right */ .button-panel { max-width: 500px; } .button-panel .row > [class*="col-"]:first-child { text-align: left; } .button-panel .row > [class*="col-"]:last-child { text-align: right; } .button-panel a.cms-button.squared { text-align: left; text-transform: capitalize; border-radius: 0; /*font: 700 16px/1.1 var(--mainfont);*/ font: 700 14px/1.1 var(--mainfont); padding: 6px 16px 7px 16px; margin-bottom: 10px; margin-top: 0; width: calc(100% - 5px); max-width: 260px; } .button-panel a.cms-button.squared:hover { background-color: var(--white); color: var(--red); } /* color variations */ .button-panel a.cms-button.squared { } .button-panel .col-xs-12 { text-align: left !important; } .button-panel a.cms-button.squared.cms-button-full { max-width: 100%; } /*maintain 2 buttons columns*/ @media (max-width: 991px) { .button-panel a.cms-button.squared { border-radius: 0; /*font: 700 14px/1.1 var(--mainfont);*/ font: 700 12px/1.1 var(--mainfont); padding: 4px 16px 5px 16px; margin-bottom: 10px; margin-top: 0; } } @media (max-width: 1200px) { .button-panel a.cms-button.squared.cms-button-full { max-width: 260px; } } .button-panel a.cms-button.squared.mred { background-color: var(--mred); color: var(--maincolor) !important; } .button-panel a.cms-button.squared.mred:hover { color: var(--maincolor); background-color: var(--white); } /***************************************** SUB PAGES *******************************************/ /***************************************** SUB PAGES *******************************************/ /***************************************** SUB PAGES *******************************************/ .syscom .page-title-syscom-header { background-color: var(--gray-d0); padding-top: 60px; padding-bottom: 60px; } .syscom .page-title-syscom-header #syscom-header-text { margin-left: -1px; } .syscom .page-title-syscom-header #syscom-header-text .wpb_wrapper { padding: 0 15px; } .syscom .page-title-syscom-header #syscom-header-text h1 { margin: 0px 0 30px 0; font: 600 45px/1.3 var(--titlefont); color: var(--maincolor); letter-spacing: -2px; margin-bottom: 10px; } /* hide breadcrumbs on mobile */ @media (max-width: 768px) { .syscom .page-title-syscom-header #syscom-header-text h1 { font: 600 32px/1.1 var(--titlefont); } } .syscom .page-title-syscom-header #syscom-header-text h4 { color: var(--red); margin-bottom: 0; } .syscom .syscom-header-breadcrumbs { } /* hide breadcrumbs on mobile */ @media (max-width: 768px) { .syscom .syscom-header-breadcrumbs { display: none; } } .syscom .syscom-header-breadcrumbs #breadcrumb-text ul { padding: 25px 15px; } @media (max-width: 768px) { .syscom .syscom-header-breadcrumbs #breadcrumb-text ul { padding: 25px 0px; } } .syscom .syscom-header-breadcrumbs #breadcrumb-text li, .syscom .syscom-header-breadcrumbs #breadcrumb-text, .syscom .syscom-header-breadcrumbs #breadcrumb-text ul li a { text-transform: capitalize; font: 400 14px/25px var(--mainfont); letter-spacing: 0; color: var(--maincolor); } .syscom .syscom-header-breadcrumbs #breadcrumb-text ul li a { text-decoration: underline; } @media (max-width: 992px) { .syscom .syscom-header-breadcrumbs #breadcrumb-text li, .syscom .syscom-header-breadcrumbs #breadcrumb-text, .syscom .syscom-header-breadcrumbs #breadcrumb-text ul li a { text-transform: capitalize; font: 400 12px/14px var(--mainfont); letter-spacing: 0px; } } /************* TITLE WITH BAKGROUND *****************/ .syscom .page-title-big #syscom-header-text h1 { margin: 0px 0 30px 0; font: 600 45px/1.3 var(--titlefont); color: var(--white); letter-spacing: -2px; margin-bottom: 10px; } /* hide breadcrumbs on mobile */ @media (max-width: 768px) { .syscom .page-title-big #syscom-header-text h1 { font: 600 32px/1.1 var(--titlefont); } } /*************** VIDEO PLAYER ***************/ .wpb_video_widget h2.wpb_heading { font: 700 18px/27px var(--mainfont); letter-spacing: 0; margin: 0px 0 30px 0; } @media (max-width: 992px) { .wpb_video_widget h2.wpb_heading { /*font: 700 18px/27px var(--mainfont);*/ font: 700 14px/1.3 var(--mainfont); } } /*********** SCREEN IMAGE *************/ .screen-image { } .screen-image .wpb_wrapper { padding: 0 60px; } .screen-image.wpb_single_image .vc_single_image-wrapper { border: 30px solid var(--maincolor); border-radius: 30px; box-shadow: 0 17px 10px rgba(0, 0, 0, 0.3); } @media (max-width: 768px) { .screen-image .wpb_wrapper { padding: 0px; } .screen-image.wpb_single_image .vc_single_image-wrapper { border: 15px solid var(--maincolor); border-radius: 15px; box-shadow: 0 10px 8px rgba(0, 0, 0, 0.3); } } /*********** CHECK LIST ***************/ ul.checked { } ul.checked li { /*font: 400 24px/36px var(--mainfont);*/ font: 400 18px/1.3 var(--mainfont); color: var(--maincolor); margin-bottom: 25px; padding: 0 0 0px 45px; position: relative; } ul.checked li span { color: var(--maincolor); background-color: var(--gray-d4); border-radius: 50%; padding: 5px; display: block; font-size: 14px; line-height: 14px; padding: 8px 6px; transition: all 0.4s ease-in-out 0s; position: absolute; top: -4px; left: 0; } @media (max-width: 992px) { ul.checked li { font: 400 18px/1.3 var(--mainfont); } ul.checked li span { top: -4px; } } /*********** ORDERED LIST ***************/ ul.ordered { } ul.ordered li { /*font: 400 24px/36px var(--mainfont);*/ font: 400 18px/1.3 var(--mainfont); color: var(--maincolor); margin-bottom: 25px; padding: 0 0 0px 45px; position: relative; } ul.ordered li span { color: var(--maincolor); background-color: var(--gray-d4); border-radius: 50%; padding: 5px; display: block; font: 700 14px/14px var(--mainfont); padding: 8px 6px; transition: all 0.4s ease-in-out 0s; position: absolute; top: -2px; left: 0; width: 30px; height: 30px; text-align: center; } ul.ordered li span.mred-bg { color: var(--maincolor); background-color: var(--mred); } @media (max-width: 992px) { ul.ordered li { font: 400 18px/1.3 var(--mainfont); } ul.ordered li span { top: -4px; font: 700 12px/12px var(--mainfont); } } /***************** BLOCKQUOTES ***********************************/ .syscom-blockquote-column /*column*/ { padding-top: 0; padding-bottom: 0; } .syscom-blockquote-column .wpb_wrapper, .syscom-blockquote-column .wpb_text_column { height: 100%; margin-bottom: 2px; } .syscom-blockquote-column .wpb_text_column .wpb_wrapper { margin: 0 0 2px 0; padding: 20px 20px 20px 28px; position: relative; background-color: var(--lgray); border-left: 10px solid var(--dark-gray); } .syscom-blockquote-column .wpb_text_column .wpb_wrapper p { /*font: 400 18px/27px var(--mainfont);*/ font: 400 16px/1.3 var(--mainfont); color: var(--maincolor); } .syscom-blockquote-column.blue-sym .wpb_text_column .wpb_wrapper { border-left: 10px solid var(--blue); } .syscom-blockquote-column.lred-sym .wpb_text_column .wpb_wrapper { border-left: 10px solid var(--lred); } .syscom-blockquote-column.mred-sym .wpb_text_column .wpb_wrapper { border-left: 10px solid var(--mred); } .syscom-blockquote-column.red-sym .wpb_text_column .wpb_wrapper { border-left: 10px solid var(--red); } .syscom-blockquote-column.gray-sym .wpb_text_column .wpb_wrapper { border-left: 10px solid var(--gray); } /*office*/ .syscom-blockquote-column.office-sym .wpb_text_column .wpb_wrapper { border-left: 10px solid #ff3900; } /*exchange*/ .syscom-blockquote-column.exchange-sym .wpb_text_column .wpb_wrapper { border-left: 10px solid #0072ca; } /*sharepoint*/ .syscom-blockquote-column.sharepoint-sym .wpb_text_column .wpb_wrapper { border-left: 10px solid #0072ca; } /*teams*/ .syscom-blockquote-column.teams-sym .wpb_text_column .wpb_wrapper { border-left: 10px solid #42498a; } .syscom-blockquote-column ul.list { list-style-type: circle; float: left; padding-bottom: 20px; } /*simulate p.s2*/ .syscom-blockquote-column ul.list li { /*font: 400 18px/27px var(--mainfont);*/ font: 400 16px/1.3 var(--mainfont); margin-bottom: 10px; position: relative; } .syscom-blockquote-column ul.list li:before { content: "•"; /* Insert content that looks like bullets */ color: var(--gray); /* Or a color you prefer */ position: absolute; left: -15px; font-size: 30px; top: -12px; } @media (max-width: 992px) { .syscom-blockquote-column .wpb_text_column .wpb_wrapper { padding: 15px 10px 15px 14px; } .syscom-blockquote-column .wpb_text_column .wpb_wrapper p { font: 400 14px/1.3 var(--mainfont); color: var(--maincolor); } .syscom-blockquote-column ul.list { float: initial; padding-bottom: 0; } .syscom-blockquote-column ul.list li { font: 400 14px/1.3 var(--mainfont); margin-bottom: 10px; } .syscom-blockquote-column ul.list li::before { content: "•"; color: var(--gray); position: absolute; left: -10px; font-size: 22px; top: -6px; } } /********* point list ***********/ .syscom-blockquote-column ul.point-list { list-style-type: circle; } /*simulate p.s2*/ .syscom-blockquote-column ul.point-list li { /*font: 400 18px/27px var(--mainfont);*/ font: 400 16px/1.3 var(--mainfont); margin-bottom: 10px; position: relative; padding-left: 15px; } .syscom-blockquote-column ul.point-list li:before { content: "-"; /* Insert content that looks like bullets */ color: var(--gray); /* Or a color you prefer */ position: absolute; left: 0px; font-size: 30px; top: -13px; } @media (max-width: 992px) { .syscom-blockquote-column ul.point-list li { font: 400 14px/1.3 var(--mainfont); margin-bottom: 10px; } .syscom-blockquote-column ul.point-list li::before { content: "•"; color: var(--gray); position: absolute; left: -10px; font-size: 22px; top: -6px; } } /*******************************************************/ /*******************************************************/ /*******************************************************/ /***** TRANSPARENT BLOCKQUOTE ****************/ .syscom-blockquote /*column*/ { padding-top: 0; padding-bottom: 0; } .syscom-blockquote .wpb_wrapper, .syscom-blockquote .wpb_text_column { height: 100%; } .syscom-blockquote .wpb_text_column .wpb_wrapper { padding: 10px 10px 10px 28px; position: relative; /*background-color: var(--lgray);*/ border-left: 10px solid var(--dark-gray); } .syscom-blockquote.blue-sym .wpb_text_column .wpb_wrapper { border-left: 10px solid var(--blue); } .syscom-blockquote.lred-sym .wpb_text_column .wpb_wrapper { border-left: 10px solid var(--lred); } .syscom-blockquote.mred-sym .wpb_text_column .wpb_wrapper { border-left: 10px solid var(--mred); } .syscom-blockquote.red-sym .wpb_text_column .wpb_wrapper { border-left: 10px solid var(--red); } .syscom-blockquote.gray-sym .wpb_text_column .wpb_wrapper { border-left: 10px solid var(--gray); } .syscom-blockquote ul.list { list-style-type: circle; } /*simulate p.s2*/ .syscom-blockquote ul.list li { /*font: 400 18px/27px var(--mainfont);*/ font: 400 16px/1.3 var(--mainfont); margin-bottom: 10px; position: relative; } .syscom-blockquote ul.list li:before { content: "•"; /* Insert content that looks like bullets */ color: var(--gray); /* Or a color you prefer */ position: absolute; left: -15px; font-size: 30px; top: -8px; } @media (max-width: 992px) { .syscom-blockquote .wpb_text_column .wpb_wrapper { padding: 10px 10px 10px 14px; } .syscom-blockquote .wpb_text_column .wpb_wrapper p { font: 400 14px/1.3 var(--mainfont); color: var(--maincolor); } .syscom-blockquote ul.list li { font: 400 14px/1.3 var(--mainfont); margin-bottom: 10px; } .syscom-blockquote ul.list li::before { content: "•"; color: var(--gray); position: absolute; left: -10px; font-size: 22px; top: -6px; } } /************* P WITH ARROW ************/ p.syscom-arrow { padding-left: 38px; position: relative; margin-bottom: 0; } p.syscom-arrow:before { content: ""; z-index: 9; height: 11px; width: 21px; display: block; position: absolute; left: 0; top: 9px; background-image: url(img/icons/arrow-blue.png); background-repeat: no-repeat; } /* p.syscom-arrow::before { content: '\f061'; font-family: 'Font Awesome 5 Free'; font-weight: 900; display: inline-block; font-style: normal; font-variant: normal; text-rendering: auto; line-height: 1; z-index: 9; height: 100%; width: 38px; display: block; position: absolute; left: 0; top: 8px; font-size: 24px; font-style: normal; } */ .blue-sym p.syscom-arrow:before { color: var(--blue); } .lred-sym p.syscom-arrow:before { color: var(--lred); } .mred-sym p.syscom-arrow:before { background-image: url(img/icons/arrow-mred.png); color: var(--mred); } @media (max-width: 992px) { p.syscom-arrow { padding-left: 28px; } p.syscom-arrow::before { top: 6px; font-size: 20px; width: 16px; height: 9px; background-size: contain; } } /********** P WITH BIG DOT ***************/ p.syscom-big-dot { padding-left: 38px; position: relative; margin-bottom: 0px; } p.syscom-big-dot::before { content: "\f111"; font-family: "Font Awesome 5 Free"; font-weight: 900; font-variant: normal; text-rendering: auto; line-height: 1; z-index: 9; height: 100%; width: 38px; display: block; position: absolute; left: 0; top: 4px; font-size: 20px; font-style: normal; color: var(--mred); } @media (max-width: 992px) { p.syscom-big-dot { padding-left: 28px; } p.syscom-big-dot::before { top: 0px; font-size: 18px; width: 16px; height: 9px; background-size: contain; } } /************ P WITH DOWNLOAD *****************/ /************* P WITH ARROW ************/ p.syscom-download { margin-bottom: 30px !important; } p.syscom-download a { padding-left: 38px; position: relative; padding-top: 4px; display: block; text-decoration: underline; } p.syscom-download a:hover { color: var(--maincolor); text-decoration: underline; } p.syscom-download a:before { content: ""; z-index: 9; height: 33px; width: 25px; display: block; position: absolute; left: 0; top: 0px; background-image: url(img/icons/file-pdf.png); background-repeat: no-repeat; background-size: cover; } @media (max-width: 992px) { p.syscom-download a { padding-left: 28px; } p.syscom-download a:before { top: 0; font-size: 20px; width: 20px; background-size: contain; } } p.syscom-download-file { margin-bottom: 30px !important; } p.syscom-download-file a { padding-left: 38px; position: relative; padding-top: 4px; display: block; } p.syscom-download-file a:before { content: ""; z-index: 9; height: 33px; width: 25px; display: block; position: absolute; left: 0; top: 0px; background-image: url(img/icons/file-zip.png); background-repeat: no-repeat; background-size: cover; } @media (max-width: 992px) { p.syscom-download-file a { padding-left: 28px; } p.syscom-download-file a:before { top: 0; font-size: 20px; width: 20px; background-size: contain; } } /******* ARROW DIAGRAM ***************/ ul.arrow-diagram { display: inline-block; } ul.arrow-diagram li { padding-right: 5px; background-color: transparent !important; float: left; margin-bottom: 10px; } ul.arrow-diagram li a { display: block; font-weight: bold; position: relative; background-color: red; padding: 8px 24px 10px 34px; line-height: 1; width: 100%; } ul.arrow-diagram li a:visited, ul.arrow-diagram li a:focus, ul.arrow-diagram li a:focus { color: var(--maincolor); } ul.arrow-diagram li a::before { content: ""; height: 0; width: 0; border-top: 15px solid transparent; border-bottom: 15px solid transparent; border-left: 10px solid white; display: inline-block; position: absolute; left: 0px; top: calc(50% - 15px); z-index: 2; -webkit-transition: 0.4s; -khtml-transition: 0.4s; -moz-transition: 0.4s; -ms-transition: 0.4s; -o-transition: 0.4s; transition: 0.4s; } ul.arrow-diagram li a::after { content: ""; height: 0; width: 0; border-top: 15px solid transparent; border-bottom: 15px solid transparent; border-left: 10px solid red; display: inline-block; position: absolute; right: -10px; top: calc(50% - 15px); z-index: 3; -webkit-transition: 0.4s; -khtml-transition: 0.4s; -moz-transition: 0.4s; -ms-transition: 0.4s; -o-transition: 0.4s; transition: 0.4s; } ul.arrow-diagram li.mred-bg a { background-color: var(--mred); } ul.arrow-diagram li.mred-bg a::after { border-left-color: var(--mred); } ul.arrow-diagram li.lred-bg a { background-color: var(--lred); } ul.arrow-diagram li.lred-bg a::after { border-left-color: var(--lred); } ul.arrow-diagram li.gray-bg a { background-color: var(--gray); } ul.arrow-diagram li.gray-bg a::after { border-left-color: var(--gray); } ul.arrow-diagram li.lgray-bg a { background-color: var(--lgray); } ul.arrow-diagram li.lgray-bg a::after { border-left-color: var(--lgray); } ul.arrow-diagram li.blue-bg a { background-color: var(--blue); } ul.arrow-diagram li.blue-bg a::after { border-left-color: var(--blue); } ul.arrow-diagram li.lblue-bg a { background-color: var(--lblue); } ul.arrow-diagram li.lblue-bg a::after { border-left-color: var(--lblue); } /* HOVER */ ul.arrow-diagram li a:hover { color: white; background-color: var(--dark-gray); } ul.arrow-diagram li a:hover:after { border-left-color: var(--dark-gray); } @media (max-width: 1200px) { ul.arrow-diagram li { width: 50%; } } @media (max-width: 767px) { /*transform arrows*/ ul.arrow-diagram li { width: 100%; } ul.arrow-diagram li a { padding: 15px 24px 15px 34px; } ul.arrow-diagram li a::before { transform: rotate(90deg); top: -14px; left: calc(50% - 5px); } ul.arrow-diagram li a::after { right: initial; top: initial; transform: rotate(90deg); bottom: -20px; left: calc(50% - 5px); } } /******* FORCE MOBILE VIEW ***********/ ul.arrow-diagram.arrow-diagram-little li { width: 100%; } ul.arrow-diagram.arrow-diagram-little li a { padding: 15px 24px 15px 34px; } ul.arrow-diagram.arrow-diagram-little li a::before { transform: rotate(90deg); top: -14px; left: calc(50% - 5px); } ul.arrow-diagram.arrow-diagram-little li a::after { right: initial; top: initial; transform: rotate(90deg); bottom: -20px; left: calc(50% - 5px); } /******** PIA PROCESS ***********/ .pia-process { position: relative; } .pia-process .arrow-diagram.arrow-diagram-little { } .pia-process .pia-legend { content: ""; z-index: 9; height: 100%; width: 20px; display: block; position: absolute; right: -20px; top: 0; background-image: url(img/PIAprocess2.png); background-repeat: no-repeat; background-size: auto; } @media (max-width: 767px) { .pia-process .pia-legend { top: 5px; } } /************** CAROUSEL ***********************/ .owl-carousel .owl-dots .owl-dot span { background: var(--mred); } /******************* ROUNDED ICONS **********************/ .rounded-icon-container { } span.rounded-icon { width: 166px; height: 166px; max-width: 100%; max-height: 100%; border-radius: 50%; display: block; margin: 0 auto 30px; background-color: var(--mred); text-align: center; position: relative; } span.rounded-icon span.rounded-icon-inner { content: ""; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); width: 100%; height: 100%; max-width: 120px; max-height: 120px; display: block; } @media (max-width: 992px) { span.rounded-icon { width: 120px; height: 120px; } span.rounded-icon span.rounded-icon-inner { width: 80px; height: 80px; } } /*icons*/ /*icons*/ /*icons*/ /*cloud*/ span.rounded-icon.icon-cloud-syscom span.rounded-icon-inner { content: url(img/icons/cloud.png); } /*graphlineup*/ span.rounded-icon.icon-graphlineup span.rounded-icon-inner { content: url(img/icons/graphlineup.png); } /*customerservice*/ span.rounded-icon.icon-customerservice span.rounded-icon-inner { content: url(img/icons/customerservice.png); } /*integration*/ span.rounded-icon.icon-integration span.rounded-icon-inner { content: url(img/icons/integration.png); } /*marketing*/ span.rounded-icon.icon-marketing span.rounded-icon-inner { content: url(img/icons/marketing.png); } /*projectmanagement*/ span.rounded-icon.icon-projectmanagement span.rounded-icon-inner { content: url(img/icons/projectmanagement.png); } /*technician*/ span.rounded-icon.icon-technician span.rounded-icon-inner { content: url(img/icons/technician.png); } /*boxarrows*/ span.rounded-icon.icon-boxarrows span.rounded-icon-inner { content: url(img/icons/boxarrows.png); } /*boxcircle*/ span.rounded-icon.icon-boxcircle span.rounded-icon-inner { content: url(img/icons/boxcircle.png); } /*finance-gears*/ span.rounded-icon.icon-finance-gears span.rounded-icon-inner { content: url(img/icons/finance-gears.png); } /*graphvisualization*/ span.rounded-icon.icon-graphvisualization span.rounded-icon-inner { content: url(img/icons/graphvisualization.png); } /*worldmoney*/ span.rounded-icon.icon-worldmoney span.rounded-icon-inner { content: url(img/icons/worldmoney.png); } /*socialdistancing*/ span.rounded-icon.icon-socialdistancing span.rounded-icon-inner { content: url(img/icons/socialdistancing.png); } /*handwashing*/ span.rounded-icon.icon-handwashing span.rounded-icon-inner { content: url(img/icons/handwashing.png); } /*temperaturescreening*/ span.rounded-icon.icon-temperaturescreening span.rounded-icon-inner { content: url(img/icons/temperaturescreening.png); } /*timekeeping*/ span.rounded-icon.icon-timekeeping span.rounded-icon-inner { content: url(img/icons/timekeeping.png); } /*qualitycontrol*/ span.rounded-icon.icon-qualitycontrol span.rounded-icon-inner { content: url(img/icons/qualitycontrol.png); } /*maintenance*/ span.rounded-icon.icon-maintenance span.rounded-icon-inner { content: url(img/icons/maintenance.png); } /*safety*/ span.rounded-icon.icon-safety span.rounded-icon-inner { content: url(img/icons/safety.png); } /*tracking*/ span.rounded-icon.icon-tracking span.rounded-icon-inner { content: url(img/icons/tracking.png); } /*forklift*/ span.rounded-icon.icon-forklift span.rounded-icon-inner { content: url(img/icons/forklift.png); } /*endpoint*/ span.rounded-icon.icon-endpoint span.rounded-icon-inner { content: url(img/icons/endpoint.png); } /*cloudweb*/ span.rounded-icon.icon-cloudweb span.rounded-icon-inner { content: url(img/icons/cloudweb.png); } /*securityoperation*/ span.rounded-icon.icon-securityoperation span.rounded-icon-inner { content: url(img/icons/securityoperation.png); } /*securityemail*/ span.rounded-icon.icon-securityemail span.rounded-icon-inner { content: url(img/icons/securityemail.png); } /*accessmanagement*/ span.rounded-icon.icon-accessmanagement span.rounded-icon-inner { content: url(img/icons/accessmanagement.png); } /*vulnerability*/ span.rounded-icon.icon-vulnerability span.rounded-icon-inner { content: url(img/icons/vulnerability.png); } /*logmanagement*/ span.rounded-icon.icon-logmanagement span.rounded-icon-inner { content: url(img/icons/logmanagement.png); } /*securityinsider*/ span.rounded-icon.icon-securityinsider span.rounded-icon-inner { content: url(img/icons/securityinsider.png); } /*qualitycontrol*/ span.rounded-icon.icon-forklift span.rounded-icon-inner { content: url(img/icons/forklift.png); } /*approach*/ span.rounded-icon.icon-approach span.rounded-icon-inner { content: url(img/icons/approach.png); } /*project*/ span.rounded-icon.icon-project span.rounded-icon-inner { content: url(img/icons/project.png); } /*startup*/ span.rounded-icon.icon-startup span.rounded-icon-inner { content: url(img/icons/startup.png); } /*projectmanagement*/ span.rounded-icon.icon-projectmanagement span.rounded-icon-inner { content: url(img/icons/projectmanagement.png); } /*activeproject*/ span.rounded-icon.icon-activeproject span.rounded-icon-inner { content: url(img/icons/activeproject.png); } /*visibility*/ span.rounded-icon.icon-visibility span.rounded-icon-inner { content: url(img/icons/visibility.png); } /*erp-on-the-go*/ span.rounded-icon.icon-erp-on-the-go span.rounded-icon-inner { content: url(img/icons/erp-on-the-go.png); } /*lowercost*/ span.rounded-icon.icon-lowercost span.rounded-icon-inner { content: url(img/icons/lowercost.png); } /*intruder*/ span.rounded-icon.icon-intruder span.rounded-icon-inner { content: url(img/icons/intruder.png); } /*security_protection*/ span.rounded-icon.icon-security_protection span.rounded-icon-inner { content: url(img/icons/security_protection.png); } /*troubleshooting*/ span.rounded-icon.icon-troubleshooting span.rounded-icon-inner { content: url(img/icons/troubleshooting.png); } /*recovery*/ span.rounded-icon.icon-recovery span.rounded-icon-inner { content: url(img/icons/recovery.png); } /*digital_transformation*/ span.rounded-icon.icon-digital_transformation span.rounded-icon-inner { content: url(img/icons/digital_transformation.png); } /*people_gears*/ span.rounded-icon.icon-people_gears span.rounded-icon-inner { content: url(img/icons/people_gears.png); } /*customersupport*/ span.rounded-icon.icon-customersupport span.rounded-icon-inner { content: url(img/icons/customersupport.png); } /*customers*/ span.rounded-icon.icon-customers span.rounded-icon-inner { content: url(img/icons/customers.png); } /*projectmanagentblack*/ span.rounded-icon.icon-projectmanagentblack span.rounded-icon-inner { content: url(img/icons/projectmanagentblack.png); } /*data_analysis*/ span.rounded-icon.icon-data_analysis span.rounded-icon-inner { content: url(img/icons/data_analysis.png); } /*iot*/ span.rounded-icon.icon-iot span.rounded-icon-inner { content: url(img/icons/iot.png); } /*setup*/ span.rounded-icon.icon-setup span.rounded-icon-inner { content: url(img/icons/setup.png); } /*money*/ span.rounded-icon.icon-money span.rounded-icon-inner { content: url(img/icons/money.png); } /*inventory*/ span.rounded-icon.icon-inventory span.rounded-icon-inner { content: url(img/icons/inventory.png); } /*usermanagement*/ span.rounded-icon.icon-usermanagement span.rounded-icon-inner { content: url(img/icons/usermanagement.png); } /*voip*/ span.rounded-icon.icon-voip span.rounded-icon-inner { content: url(img/icons/voip.png); } /*check*/ span.rounded-icon.icon-check span.rounded-icon-inner { content: url(img/icons/check.png); } /*checkok*/ span.rounded-icon.icon-checkok span.rounded-icon-inner { content: url(img/icons/checkok.png); } /*savings*/ span.rounded-icon.icon-savings span.rounded-icon-inner { content: url(img/icons/savings.png); } /*music-syscom*/ span.rounded-icon.icon-music-syscom span.rounded-icon-inner { content: url(img/icons/music-syscom.png); } /*identity*/ span.rounded-icon.icon-identity span.rounded-icon-inner { content: url(img/icons/identity.png); } /*identity_protection*/ span.rounded-icon.icon-identity_protection span.rounded-icon-inner { content: url(img/icons/identity_protection.png); } /*remote_security*/ span.rounded-icon.icon-remote_security span.rounded-icon-inner { content: url(img/icons/remote_security.png); } /*****************************************************/ /*****************************************************/ /*****************************************************/ ul.list-under-icon { list-style-type: circle; } ul.list-under-icon li { font: 400 16px/1.3 var(--mainfont); position: relative; margin-bottom: 5px; padding-left: 15px; } ul.list-under-icon li:before { content: "•"; /* Insert content that looks like bullets */ color: var(--gray); /* Or a color you prefer */ position: absolute; left: 0px; font-size: 30px; top: -9px; } @media (max-width: 992px) { ul.list-under-icon li { font: 400 14px/1.3 var(--mainfont); margin-bottom: 5px; padding-left: 10px; } ul.list-under-icon li:before { content: "•"; color: var(--gray); position: absolute; left: 0px; font-size: 22px; top: -6px; } } /*50px icons*/ /*50px icons*/ /*50px icons*/ /*cel*/ span.rounded-icon.icon-cel span.rounded-icon-inner { content: url(img/icons/cel.png); } /*charactervalidation*/ span.rounded-icon.icon-charactervalidation span.rounded-icon-inner { content: url(img/icons/charactervalidation.png); } /*dataverification*/ span.rounded-icon.icon-dataverification span.rounded-icon-inner { content: url(img/icons/dataverification.png); } /*downloading*/ span.rounded-icon.icon-downloading span.rounded-icon-inner { content: url(img/icons/downloading.png); } /*emailoperation*/ span.rounded-icon.icon-emailoperation span.rounded-icon-inner { content: url(img/icons/emailoperation.png); } /*folders*/ span.rounded-icon.icon-folders span.rounded-icon-inner { content: url(img/icons/folders.png); } /*keyboard*/ span.rounded-icon.icon-keyboard-syscom span.rounded-icon-inner { content: url(img/icons/keyboard.png); } /*reportcreation*/ span.rounded-icon.icon-reportcreation span.rounded-icon-inner { content: url(img/icons/reportcreation.png); } /*search*/ span.rounded-icon.icon-search-syscom span.rounded-icon-inner { content: url(img/icons/search.png); } /*user-check*/ span.rounded-icon.icon-user-check-syscom span.rounded-icon-inner { content: url(img/icons/user-check.png); } /*user-check*/ span.rounded-icon.icon-user-check-syscom span.rounded-icon-inner { content: url(img/icons/user-check.png); } /*advice*/ span.rounded-icon.icon-advice span.rounded-icon-inner { content: url(img/icons/advice.png); } /*expertise*/ span.rounded-icon.icon-expertise span.rounded-icon-inner { content: url(img/icons/expertise.png); } /*improvement*/ span.rounded-icon.icon-improvement span.rounded-icon-inner { content: url(img/icons/improvement.png); } /*management*/ span.rounded-icon.icon-management span.rounded-icon-inner { content: url(img/icons/management.png); } /*operations*/ span.rounded-icon.icon-operations span.rounded-icon-inner { content: url(img/icons/operations.png); } /*organization*/ span.rounded-icon.icon-organization span.rounded-icon-inner { content: url(img/icons/organization.png); } /*performance*/ span.rounded-icon.icon-performance span.rounded-icon-inner { content: url(img/icons/performance.png); } /*plans*/ span.rounded-icon.icon-plans span.rounded-icon-inner { content: url(img/icons/plans.png); } /*process*/ span.rounded-icon.icon-process span.rounded-icon-inner { content: url(img/icons/process.png); } /*project*/ span.rounded-icon.icon-project span.rounded-icon-inner { content: url(img/icons/project.png); } /*strategy*/ span.rounded-icon.icon-strategy span.rounded-icon-inner { content: url(img/icons/strategy.png); } /*efficient*/ span.rounded-icon.icon-efficient span.rounded-icon-inner { content: url(img/icons/efficient.png); } /*business_intellillenge*/ span.rounded-icon.icon-business_intellillenge span.rounded-icon-inner { content: url(img/icons/business_intellillenge.png); } /*engineer*/ span.rounded-icon.icon-engineer span.rounded-icon-inner { content: url(img/icons/engineer.png); } /*monitoring*/ span.rounded-icon.icon-monitoring span.rounded-icon-inner { content: url(img/icons/monitoring.png); } /*user-black*/ span.rounded-icon.icon-user-black span.rounded-icon-inner { content: url(img/icons/user-black.png); } /*instruction*/ span.rounded-icon.icon-instruction span.rounded-icon-inner { content: url(img/icons/instruction.png); } /*consulting*/ span.rounded-icon.icon-consulting span.rounded-icon-inner { content: url(img/icons/consulting.png); } /*detection*/ span.rounded-icon.icon-detection span.rounded-icon-inner { content: url(img/icons/detection.png); } /*remediation*/ span.rounded-icon.icon-remediation span.rounded-icon-inner { content: url(img/icons/remediation.png); } /*24hrsupport*/ span.rounded-icon.icon-24hrsupport span.rounded-icon-inner { content: url(img/icons/24hrsupport.png); } /*customers*/ span.rounded-icon.icon-multilingual span.rounded-icon-inner { content: url(img/icons/multilingual.png); } /*syscom_pencil*/ span.rounded-icon.icon-syscom_pencil span.rounded-icon-inner { content: url(img/icons/syscom_pencil.png); } /*gears*/ span.rounded-icon.icon-gears span.rounded-icon-inner { content: url(img/icons/gears.png); } /*person*/ span.rounded-icon.icon-person span.rounded-icon-inner { content: url(img/icons/person.png); } /*person*/ span.rounded-icon.icon-person span.rounded-icon-inner { content: url(img/icons/person.png); } /*emailarchive*/ span.rounded-icon.icon-emailarchive span.rounded-icon-inner { content: url(img/icons/emailarchive.png); } /*emailhosting*/ span.rounded-icon.icon-emailhosting span.rounded-icon-inner { content: url(img/icons/emailhosting.png); } /*emailprevent*/ span.rounded-icon.icon-emailprevent span.rounded-icon-inner { content: url(img/icons/emailprevent.png); } /*xls*/ span.rounded-icon.icon-xls span.rounded-icon-inner { content: url(img/icons/xls.png); } /*vps*/ span.rounded-icon.icon-vps span.rounded-icon-inner { content: url(img/icons/vps.png); } /*backup*/ span.rounded-icon.icon-backup span.rounded-icon-inner { content: url(img/icons/backup.png); } /*hosting*/ span.rounded-icon.icon-hosting span.rounded-icon-inner { content: url(img/icons/hosting.png); } /*erpcloud*/ span.rounded-icon.icon-erpcloud span.rounded-icon-inner { content: url(img/icons/erpcloud.png); } /****** icon colors ****************/ /****** icon colors ****************/ /****** icon colors ****************/ /****** icon colors ****************/ span.rounded-icon.icon-lred { background-color: var(--lred); } span.rounded-icon.icon-mred { background-color: var(--mred); } span.rounded-icon.icon-dred { background-color: var(--dred); } span.rounded-icon.icon-dred { background-color: var(--dred); } span.rounded-icon.icon-blue { background-color: var(--blue); } span.rounded-icon.icon-white { background-color: var(--white); } /***** rounded icons special container styles *********/ /* STYLE 0 */ /* STYLE 0 */ /*BIG TEXT UNDER ICON*/ .rounded-icon-container.rounded-icon-style-0 { } .rounded-icon-container.rounded-icon-style-0 h6 { text-align: center; max-width: 220px; margin: 0 auto; } /***********************************************/ /* STYLE 1 */ /* STYLE 1 */ /* STYLE 1 */ /* ICON ALIGNET LEFT */ .rounded-icon-container.rounded-icon-style-1 { padding: 0 15px; } .rounded-icon-container.rounded-icon-style-1 span.rounded-icon { margin: 0; } /* STYLE 2 */ /* STYLE 2 */ /* STYLE 2 */ /* MEDIUM ICON WITH COLUMN RIGHT */ .rounded-icon-container.rounded-icon-style-2 { } .rounded-icon-container.rounded-icon-style-2 span.rounded-icon { width: 114px; height: 114px; margin: 0 auto 30px; } .rounded-icon-container.rounded-icon-style-2 span.rounded-icon span.rounded-icon-inner { max-width: 82px; max-height: 82px; } .rounded-icon-container.rounded-icon-style-2 p { max-width: 240px; margin: 0 0 30px 0; text-align: left; width: 100%; } /******* REMOVE VERTICAL-ALIGN-MIDDLE ON 1200px TO ALOW COLUMN RESIZING **************/ @media (max-width: 1200px) { .rounded-icon-container.rounded-icon-style-2.vertical-align-middle { display: inherit; } .rounded-icon-container.rounded-icon-style-2 p { text-align: center; margin: 0 auto 30px auto; } .rounded-icon-container.rounded-icon-style-2.vertical-align-middle > [class^="col-"], .rounded-icon-container.rounded-icon-style-2.vertical-align-middle > [class*=" col-"] { display: inherit; align-items: center; justify-content: center; } } @media (max-width: 992px) { .rounded-icon-container.rounded-icon-style-2 span.rounded-icon { width: 120px; height: 120px; } .rounded-icon-container.rounded-icon-style-2 span.rounded-icon span.rounded-icon-inner { width: 80px; height: 80px; } .rounded-icon-container.rounded-icon-style-2 p { max-width: 200px; margin: 0 auto 30px auto; } } /* STYLE 3 */ ul.icons-list { } ul.icons-list li { width: calc(25% - 15px); display: flex; float: left; margin: 0 15px 40px 0; } ul.icons-list li span.rounded-icon { width: 65px; height: 65px; margin: 0; } ul.icons-list li span.rounded-icon span.rounded-icon-inner { max-width: 35px; max-height: 35px; } ul.icons-list li p { margin: auto 10px; max-width: 180px; } ul.icons-list li p span, ul.icons-list li p strong { margin: 0; } @media (max-width: 1200px) { ul.icons-list li { width: calc(33.33% - 15px); } } @media (max-width: 992px) { ul.icons-list li { width: calc(50% - 15px); } } @media (max-width: 767px) { ul.icons-list li { width: 100%; } ul.icons-list li p { max-width: inherit; } } /******* REMOVE VERTICAL-ALIGN-MIDDLE ON 1200px TO ALOW COLUMN RESIZING **************/ /***************** ROUNDED - IMAGE COLUMNS ***********/ .rounded-image .wpb_single_image img { max-width: 75%; border-radius: 50%; } @media (max-width: 767px) { .rounded-image.first-column { padding-bottom: 30px; } .rounded-image .wpb_single_image .vc_single_image-wrapper { /*text-align:center;*/ } } .squared-image .wpb_single_image img { max-width: 75%; } @media (max-width: 767px) { .squared-image.first-column { padding-bottom: 30px; } .squared-image .wpb_single_image .vc_single_image-wrapper { /*text-align:center;*/ } } /**************** FILL COLUMN WITH IMAGE AS BACKGROUND (ON SAME HEIGHT COLUMNS [columns-vertical-center] )*****************/ .fill-column { } .fill-column > .wpb_wrapper, .fill-column > .wpb_wrapper > .vc_row { height: 100%; } /*********** 7/12 + 5/12 WITH COLUMNS *******************/ /* digital transformation augmented reality & mixed transformation */ .custom-design-01 { } .custom-design-01 .syscom-blockquote-column { padding-right: 0; } .custom-design-01 .fill-column { } .custom-design-01 .fill-column .wpb_column { width: calc(100% - 15px); background-position: center; background-size: cover; } @media (max-width: 767px) { .custom-design-01 .syscom-blockquote-column { padding-right: 15px; } .custom-design-01 .fill-column .wpb_column { width: auto; background: none !important; } } /**************************/ /******** chart-counter CIRCLE *****************/ .chart-counter { margin-bottom: 80px; } .chart-counter canvas { max-width: 100%; } .chart-counter .vckit-circle-counter-wrapper { } .chart-counter .vckit-circle-counter-title { position: absolute; width: 100%; text-align: center; font-weight: 900; } .chart-counter .wpb_raw_html { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 100%; } .chart-counter .chart-title { display: flex; flex-direction: column; text-align: center; } .chart-counter .chart-title h4 { vertical-align: middle; } /***** client stories ****/ .chart-counter .chart-title h6 { vertical-align: middle; text-align: center; font-weight: 300; margin-bottom: 0; font-size: 40px; font-family: var(--mainfont); } .chart-counter .chart-title p { vertical-align: middle; text-align: center; font-weight: 300; margin-bottom: 0; } /********* STOCK PROGRESS BAR *************/ .progress-bar-stock { width: 100%; } .progress-bar-stock .percent, .progress-bar-stock .legend { width: 50%; float: left; position: relative; } .progress-bar-stock .percent p { margin-bottom: 5px; } .progress-bar-stock .percent.left, .progress-bar-stock .legend.left { text-align: left; } .progress-bar-stock .percent.right, .progress-bar-stock .legend.right { text-align: right; } .progress-bar-stock .percent p { margin-bottom: 5px; } .progress-bar-stock .legend { padding-top: 30px; } .progress-bar-stock .legend:before { position: absolute; content: "\f0d8"; color: var(--gray); font-family: "Font Awesome 5 Free"; font-weight: 900; top: 0; font-size: 22px; } .progress-bar-stock .legend.left:before { left: 0; } .progress-bar-stock .legend.right:before { right: 0; } .progress-bar-stock .progress-bar { background-color: white; height: 30px; position: relative; width: 100%; } .progress-bar-stock .progress-bar span { position: absolute; height: 30px; top: 0; content: " "; } .progress-bar-stock .progress-bar span.left { left: 0; border-right: 3px solid white; } .progress-bar-stock .progress-bar span.right { right: 0; } /********** WORLD GRADIENT **************/ .world-list p.s2 { margin-bottom: 10px; } .world-gradient { background: linear-gradient(180deg, #ffffff, #edeaea); } /******* CATEGORY SELECTOR *************/ .widget_categories { display: table; } .widget_categories h2.widgettitle { font: 700 24px/1.5 var(--titlefont); color: var(--maincolor); display: table-cell; margin: 0; padding: 0; vertical-align: middle; } .widget_categories ul { display: table-cell; padding: 0 20px; vertical-align: middle; } .widget_categories ul li.cat-item { margin-right: 10px; display: block; float: left; padding: 8px 0; } .widget_categories ul li.cat-item a { font-size: 12px; padding: 4px 12px; background-color: transparent; color: var(--maincolor); border-radius: 25px; text-transform: uppercase; -webkit-transition: all 0.3s ease 0s; -khtml-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -ms-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; } .widget_categories ul li.cat-item a.active { background-color: var(--red); color: white; } .widget_categories ul li.cat-item a:hover { background-color: transparent; color: var(--red); } @media (max-width: 992px) { .widget_categories h2.widgettitle { font: 700 20px/1.5 var(--titlefont); } } /* PAGINATION */ .navigation.blog-pag a:hover, .navigation.blog-pag a:focus { background: var(--mred); color: white; } .navigation.blog-pag .current { background-color: var(--red); border-color: var(--red); color: var(--white); } /************** SYSCOM NEWS ITEMS *************/ .single article { padding: 0 15px; } .single .post-info p { text-transform: capitalize; font: 400 14px/25px var(--mainfont); letter-spacing: 0; } a.post-prev, a.post-next { /* black */ /*font:900 18px/24px var(--titlefont);*/ font: 900 16px/1.3 var(--mainfont); letter-spacing: 0.25px; color: var(--maincolor); text-transform: capitalize; } a.post-prev:hover, a.post-next:hover { color: var(--red); } a.post-prev:before { content: "\f30a"; font-family: "Font Awesome 5 Free"; font-weight: 900; line-height: 1 !important; font-size-adjust: none; font-stretch: normal; font-feature-settings: normal; font-language-override: normal; font-kerning: auto; font-synthesis: weight style; font-variant: normal; margin-right: 5px; font-size: inherit; vertical-align: baseline; } a.post-next:after { content: "\f30b"; font-family: "Font Awesome 5 Free"; font-weight: 900; line-height: 1 !important; font-size-adjust: none; font-stretch: normal; font-feature-settings: normal; font-language-override: normal; font-kerning: auto; font-synthesis: weight style; font-variant: normal; margin-left: 5px; font-size: inherit; vertical-align: baseline; } @media (max-width: 992px) { a.post-prev, a.post-next { font: 900 14px/1.3 var(--titlefont); } } /********** CONTACT ********************/ .full-map .container { width: 100% !important; } input, textarea, select, .login-select, .form-control { border: none; border-bottom-color: currentcolor; border-bottom-style: none; border-bottom-width: medium; border-bottom: 1px solid var(--lgray); border-radius: 2px; background: rgba(var(--lgray_rgb), 0.5); color: var(--dark-gray); font-size: 14px; margin: 0; outline: medium none; padding: 0px 10px 0px 8px; height: 46px; font: 400 18px/1.5 var(--mainfont); } select.wpcf7-select { padding: 0px 20px 0px 8px; } .wpcf7 form .wpcf7-response-output { margin: 0; } .wpcf7-form textarea { width: 100%; height: 174px; padding-top: 10px; padding-bottom: 8px; } /* check box */ .wpcf7-form-control.wpcf7-checkbox { display: block; float: left; margin-bottom: 15px; } span.wpcf7-list-item { display: block; margin: 0 10px 10px; float: left; width: 46%; } @media (max-width: 576px) { span.wpcf7-list-item { width: 100%; } } .wpcf7-list-item-label { font-size: 16px; font: 400 16px/1.2 var(--mainfont); } span.label_checkbox { font: 400 18px/1.5 var(--mainfont); margin-bottom: 10px; display: block; margin-left: 10px; } span.wpcf7-list-item input[type="radio"], span.wpcf7-list-item input[type="checkbox"] { height: 20px; margin-left: 0; } /************ PAGE CATEGORY ******************/ /*fix height on elements*/ .syscom .archive .cms-grid-item { height: 500px; } .no-image { background-color: rgba(var(--lgray_rgb), 0.5); } /*********** NEWS LETTER *************/ .news-letter { } .news-letter h6 { } .news-letter .tnp-subscription-minimal { width: 100%; box-sizing: border-box; display: block; float: left; } .news-letter .tnp-subscription-minimal form { width: 100%; } .news-letter .tnp-subscription-minimal input.tnp-email { width: 100%; border-top: none; border-left: none; border-right: none; border-bottom: 1px solid var(--maincolor); font-size: 21px; line-height: 25px; height: 42px; padding-left: 0; background: transparent; margin-bottom: 0px; font-style: italic; margin-right: 30px; color: white; } .news-letter .tnp-subscription-minimal input.tnp-email::placeholder { color: var(--maincolor); } .news-letter .tnp-subscription-minimal input.tnp-submit { font-size: 14px; display: inline-block; padding: 10px 37px; background-color: var(--red); border-radius: 25px; color: var(--white); outline: 0 none; position: relative; line-height: 25px; text-transform: uppercase; border: none; -webkit-transition: all 0.4s ease 0s !important; -khtml-transition: all 0.4s ease 0s !important; -moz-transition: all 0.4s ease 0s !important; -ms-transition: all 0.4s ease 0s !important; -o-transition: all 0.4s ease 0s !important; transition: all 0.4s ease 0s !important; text-decoration: none; text-align: center; min-width: 150px; } .news-letter .tnp-subscription-minimal input.tnp-submit:hover { background: var(--white); color: var(--red); text-decoration: none; } @media (max-width: 1200px) { .news-letter .tnp-subscription-minimal form { min-height: 130px; } .news-letter .tnp-subscription-minimal input.tnp-email { max-width: initial; margin-bottom: 0px; } } @media (max-width: 767px) { .news-letter h6 { margin-bottom: 30px !important; } } /**************************************/ .comma::before { content: "“"; position: absolute; left: -10px; } .comma::after { content: "”"; position: absolute; } @media (max-width: 992px) { .comma::before { content: "“"; position: relative; left: 0; } } /**************** UNDER FOOTER ****************/ .cshero-footer-wrap .copyright { font-size: 12px; } /*follow us*/ .cshero-footer-wrap .widget_cs_social_widget h3 { font-size: 10px; color: #7e8082; font-weight: 400; position: absolute; right: 50px; margin: 0; line-height: 1; top: calc(50% - 4px); text-transform: initial; } @media (max-width: 992px) { .cshero-footer-wrap .widget_cs_social_widget h3 { top: inherit; right: inherit; text-transform: initial; margin-bottom: 20px; position: relative; } /*center copy*/ .cshero-footer-wrap .pull-left, .cshero-footer-wrap .pull-right { float: none !important; text-align: center; } /*center icon*/ .cshero-footer-wrap .text-right, .cshero-footer-wrap .text-left { text-align: center; } } /************** DISABLED LINKS *******************/ /* disabled red buttons */ a.disabled-link { background-color: transparent; color: var(--maincolor); opacity: 0.5; pointer-events: none; } a.cms-button.disabled-link { background-color: var(--gray); color: var(--gray-d0); } a.cms-white.cms-button.disabled-link { background-color: rgba(255, 255, 255, 0.2); color: var(--gray-d0); } /************** FIX RED BUTTON ************/ .cms-button { line-height: 1.2; } /************ FIX IPAD ***************/ @media (min-width: 767px) { [class*="vc_col-"]:last-child { margin-left: -1px; } } /******** PRIVACY PAGE **************/ .privacy-page ul, .privacy-page ul li { list-style: none; padding-left: 10px; } /******* EXECUTIVE TABLE **************/ .executive table { width: 100%; margin: 0 auto; font: 400 18px/1.5 var(--mainfont); color: var(--maincolor); margin-bottom: 30px; border: 1px solid var(--gray-d0); } .executive table td { padding: 10px 15px; } .executive table td:nth-child(1) { width: 50%; padding-left: 20px; } .executive table td:nth-child(3) { width: 25%; } .executive .td-header { font: 700 24px/1.3 var(--titlefont); color: var(--maincolor); padding-top: 15px; padding-bottom: 15px; } .executive .td-middle-header { font-weight: 600; padding-top: 15px; padding-bottom: 15px; } /******* TIMELINE TABLE **************/ .timeline table { width: 100%; margin: 0 auto; font: 400 18px/1.5 var(--mainfont); color: var(--maincolor); margin-bottom: 30px; border: 1px solid var(--gray-d0); } .timeline table td { padding: 15px 15px; } .timeline table td:nth-child(1) { width: 160px; font-weight: 700; vertical-align: top; } .timeline table td:nth-child(2) { } @media (max-width: 768px) { .executive table, .timeline table { font: 400 16px/1.3 var(--mainfont); } .executive .td-header { font: 700 22px/1.3 var(--titlefont); } .executive table td { vertical-align: top; } .executive table td:nth-child(1) { width: 60%; } .executive table td:nth-child(3) { display: none; width: 0%; } } /*************** EVENTS *********************/ /*************** EVENTS *********************/ /*************** EVENTS *********************/ /*************** EVENTS *********************/ ul.ordered_list { list-style: decimal; margin: 0; counter-reset: section; } ul.ordered_list li { font: 400 18px/1.5 var(--mainfont); margin-bottom: 25px; padding: 0 0 0px 30px; position: relative; } ul.ordered_list li:before { counter-increment: section; content: counter(section) "."; color: var(--red); display: block; font: 700 18px/1.5 var(--mainfont); padding: 8px 6px; transition: all 0.4s ease-in-out 0s; position: absolute; top: -8px; left: 0; } @media (max-width: 767px) { ul.ordered_list li { font: 400 16px/1.3 var(--mainfont); padding: 0 0 0px 24px; } ul.ordered_list li:before { font: 700 16px/1.3 var(--mainfont); top: -8px; } } /*admin icon*/ .syscom .archive .syscom-events-page { } /*event archive header*/ #syscom-header-text .event-title { text-transform: capitalize; } .syscom .archive .syscom-events-page .cms-grid-event-item { height: auto; } .syscom .archive .syscom-events-page .cms-grid-event-item { border-bottom: 1px solid var(--gray-d0); } .syscom .archive .syscom-events-page .cms-grid-event-item:last-child { border-bottom: none; padding-bottom: 0; margin-bottom: 0; } /****** THE DARK BACKGROUND ON IMAGES ******/ article.cms-event-item a.event-header { position: relative; display: block; } /*prevent opacity on images*/ .syscom .archive .syscom-events-page .cms-blog-masonry .entry-feature-image a:hover { opacity: 1; } article.cms-event-item a.event-header:after { position: absolute; top: 0; left: 0; content: ""; width: 100%; height: 100%; background-image: linear-gradient(180deg, rgba(0, 0, 0, 0) 14%, #000 78%); opacity: 0.63; transition: opacity 0.5s; z-index: 0; } article.cms-event-item a.event-header:hover::after { opacity: 0.8; } /***** EVENT ITEM CONTENT - ARCHIVE AND SINGLE ********/ .cms-event-item a.event-header .event-info { position: absolute; bottom: 40px; left: 60px; max-width: 750px; width: 100%; padding-left: 30px; border-left: 4px solid var(--red); z-index: 1; } .cms-event-item a.event-header .event-info .event-content { display: flex; margin-bottom: 10px; } .cms-event-item a.event-header .event-info .event-content .event-column { margin-right: 15px; display: table-cell; /* to align vertically spans */ position: relative; } .cms-event-item a.event-header .event-info .event-content .event-column.event-double-column { display: flex; } .cms-event-item a.event-header .event-info h3 { color: white; font: 400 40px/1.3 var(--mainfont); margin-bottom: 10px; } .cms-event-item a.event-header .event-info span { color: white; font: 400 40px/1.3 var(--mainfont); vertical-align: middle; } .cms-event-item a.event-header .event-info span.event-icon { font-size: 30px; margin-right: 10px; } .cms-event-item a.event-header .event-info span.event-date { font: 600 18px/1.3 var(--mainfont); } .cms-event-item a.event-header .event-info span.event-type { font: 400 18px/1.3 var(--mainfont); } /*replace icons i with images */ .cms-event-item a.event-header .event-info .event-date-container span.event-icon { content: url("img/date_under.png"); } /* category icon */ .cms-event-item a.event-header .event-info .event-category-container span.event-icon.icon-seminar { content: url("img/seminar.png"); } .cms-event-item a.event-header .event-info .event-category-container span.event-icon.icon-webinar { content: url("img/webinar.png"); } .cms-event-item a.event-header .event-info .event-category-container span.event-icon.icon-workshop { content: url("img/workshop.png"); } /*type icon */ .cms-event-item a.event-header .event-info .event-type-container span.event-icon { content: url("img/icon_separator.png"); margin-right: 0; } @media (max-width: 767px) { .cms-event-item a.event-header .event-info .event-content { display: block; } .cms-event-item a.event-header .event-info .event-content .event-column { margin-bottom: 10px; display: block; } /*replace icons i with images */ .cms-event-item a.event-header .event-info .event-date-container span.event-icon { content: url("img/date_under_black.png"); width: 21px; } .cms-event-item a.event-header .event-info .event-category-container span.event-icon { width: 21px; } .cms-event-item a.event-header .event-info .event-type-container span.event-icon { content: url("img/icon_separator_dark.png"); width: 21px; } /* category icon */ .cms-event-item a.event-header .event-info .event-category-container span.event-icon.icon-seminar { content: url("img/seminar_dark.png"); } .cms-event-item a.event-header .event-info .event-category-container span.event-icon.icon-webinar { content: url("img/webinar_dark.png"); } .cms-event-item a.event-header .event-info .event-category-container span.event-icon.icon-workshop { content: url("img/workshop_dark.png"); } } .syscom-events-grid .entry-content, .syscom-events-grid .entry-content p { font-size: 14px; line-height: 1.3; } @media (max-width: 767px) { .cms-event-item .entry-feature { margin-bottom: 30px !important; } .cms-event-item a.event-header .event-info { position: relative; bottom: inherit; left: inherit; padding-left: 0px; border-left: 0; background: var(--white); padding-top: 40px; padding-bottom: 10px; } .cms-event-item a.event-header .event-info h3 { color: var(--maincolor); font: 700 22px/1.1 var(--titlefont); margin-bottom: 10px; text-transform: uppercase; } .cms-event-item a.event-header .event-info span { color: var(--maincolor); font: 400 16px/1.3 var(--mainfont); vertical-align: middle; } .cms-event-item a.event-header .event-info span.event-icon { font-size: 16px; margin-right: 5px; } .cms-event-item a.event-header .event-info span.event-date, .cms-event-item a.event-header .event-info span.event-type { font: 400 14px/1.3 var(--mainfont); } .cms-event-item .entry-content { font: 400 16px/1.3 var(--mainfont); margin-bottom: 30px; min-height: 80px; } } /*************************************/ /*************************************/ /*************************************/ .cms-event-item .entry-content { font: 400 18px/1.5 var(--mainfont); color: var(--maincolor); } /**** list of little post under page **/ .syscom-events-grid .post-info ul li.event-date { text-transform: uppercase; color: var(--dgray); font-size: 13px; } .syscom-events-grid .post-info ul li.event-type { text-transform: uppercase; color: var(--dgray); font-size: 13px; } .syscom-events-grid .post-info ul li.event-terms { text-transform: uppercase; color: var(--dgray); font-size: 13px; } .syscom-events-grid .post-info ul li.event-terms a { color: var(--maincolor); text-decoration: underline; } .syscom-events-grid .post-info ul li.event-terms a:hover { color: var(--red); text-decoration: underline; } /****** EVENT GRID ON SINGLE *************/ .single article.syscom-event-grid-single { padding: 0; margin-bottom: 40px; } /* two columns limit */ .max-80 { max-width: 80%; } /************* EVENT FORM ******************/ form.mc4wp-form { } form.mc4wp-form span.form-control-wrap { display: block; margin-bottom: 25px !important; } form.mc4wp-form p { font: 400 14px/25px var(--mainfont); margin: 0px 0 15px 0 !important; color: var(--maincolor); } /**** the hidden select input *******/ form.mc4wp-form select { padding-right: 25px; -webkit-appearance: auto; -moz-appearance: auto; appearance: auto; } /*submit*/ form.mc4wp-form input#mc-embedded-subscribe { line-height: 1.2; font-size: 14px; display: inline-block; padding: 10px 37px; background-color: var(--red); } /****** form result *******/ form.mc4wp-form .mc4wp-response p { color: var(--maincolor); font-family: var(--mainfont); line-height: 1.2; font-size: 18px; margin-bottom: 0 !important; } form.mc4wp-form .mc4wp-response .mc4wp-alert { padding: 20px; } form.mc4wp-form .mc4wp-response .mc4wp-alert.mc4wp-success { border: 3px solid #699932; /*green*/ } form.mc4wp-form .mc4wp-response .mc4wp-alert.mc4wp-notice { border: 3px solid var(--red); } /************* LATEST EVENTS ON FOOTER ***************/ .widget.widget_recent_entries { margin-bottom: 0px; } .widget.widget_recent_entries:nth-child(2n) .wg-title { display: none; } .widget.widget_recent_entries:nth-child(2n) { margin-bottom: 10px; } /*******************************/ .greyscale img { filter: grayscale(100%); -webkit-filter: grayscale(100%); -webkit-transition: 0.5s -webkit-filter linear; -moz-transition: 0.5s -moz-filter linear; -moz-transition: 0.5s filter linear; -ms-transition: 0.5s -ms-filter linear; -o-transition: 0.5s -o-filter linear; transition: 0.5s filter linear, 1s -webkit-filter linear; opacity: 0.7; max-width: 75%; } .greyscale:hover img { filter: grayscale(0%); -webkit-filter: grayscale(0%); opacity: 1; } .big_quote { position: relative; padding-top: 100px; font: 600 52px/1.3 var(--mainfont); padding-bottom: 10px; } .big_quote:before { font: 600 160px/1 "Arial", sans-serif; color: var(--maincolor); content: "“"; position: absolute; position: absolute; top: 0; left: -6px; } @media (max-width: 992px) { .big_quote { font: 600 36px/1.3 var(--mainfont); padding-top: 80px; } .big_quote:before { font: 600 120px/1 "Arial", sans-serif; } } /* BIG QUOTE LONG */ .big_quote.big_quote_long { font: 600 42px/1.3 var(--mainfont); } .big_quote.big_quote_long:before { font: 600 140px/1 "Arial", sans-serif; } @media (max-width: 992px) { .big_quote.big_quote_long { font: 600 30px/1.3 var(--mainfont); padding-top: 80px; } .big_quote.big_quote_long:before { font: 600 100px/1 "Arial", sans-serif; } } /****** TABLE EMPLOYEE***********/ table.employee tr { height: 60px; } table.employee tr td:first-child { width: 25%; padding-right: 5px; } table.employee tr td:last-child { width: 75%; padding-left: 15px; } table.employee tr td h6 { font-weight: 700; } @media (max-width: 767px) { table.employee tr { height: 40px; } table.employee tr td { width: 100% !important; padding-left: 0px !important; } } /*employee dual*/ table.employee.dual tr:nth-child(even) { height: 30px; } table.employee.dual tr:nth-child(odd) { height: 40px; } table.employee.dual tr td:first-child { width: 100%; } table.employee.dual tr td:last-child { width: 100%; } table.employee.dual tr td h6 { font-weight: 700; } table.employee.dual tr td p.s1 { margin-bottom: 15px !important; } @media (max-width: 992px) { table.employee.dual tr:nth-child(even) { height: 30px; } table.employee.dual tr:nth-child(odd) { height: 40px; } table.employee tr td { width: 100% !important; padding-top: 5px; padding-bottom: 5px; } } /*********************************/ table.employee_syscom tr { height: 60px; } table.employee_syscom tr td:first-child { width: 25%; } table.employee_syscom tr td:last-child { width: 75%; padding-left: 15px; } table.employee_syscom tr td h6 { font-weight: 700; } @media (max-width: 767px) { table.employee_syscom tr { height: 40px; } table.employee_syscom tr td { width: 100% !important; padding-left: 0px !important; } } /***************************/ table.interview { } table.interview tr { } table.interview tr td { width: 33%; padding: 2px 5px 2px 2px; } table.interview tr td strong { font-weight: 600; } p.question { font-weight: 700; color: var(--dred); margin-top: 20px; } p.question.first-question { margin-top: 0px; } p.question:before { content: "-"; margin-right: 5px; } p.signup { text-align: right; font-weight: 600; } @media (max-width: 767px) { table.interview tr td { width: 100%; } } /* .big_quote:after { font: 600 80px/1 'Arial', sans-serif; color: var(--maincolor); content: close-quote; position: absolute; top: -60px; left: 50%; transform: translateX(-50%); } */ .template-cms_grid--blog-columns-syscom .post-info { line-height: 1.2; height: 60px; } /***************** NEW FOOTER *********************/ /************ NEW FOOTER ********************/ .syscom_footer.syscom_footer_01, .syscom_footer.syscom_footer_01, .syscom_footer.syscom_footer_01, .syscom_footer.syscom_footer_01 { margin-top: 0px; } .syscom_footer.syscom_footer_03, .syscom_footer.syscom_footer_04 { /*logo space on other columns*/ margin-top: 72px; } @media (max-width: 767px) { .syscom_footer.syscom_footer_03, .syscom_footer.syscom_footer_04 { /*logo space on other columns*/ margin-top: 0px; } .syscom_footer .widget { margin-bottom: 30px; } .syscom_footer.syscom_footer.syscom_footer_04 .widget:first-child { margin-bottom: 0px; } } /*same logo espace for all columns*/ .footer-logo-size { height: 60px; margin-bottom: 30px; } .footer-logo-size a img { max-height: 60px; display: block; } /*maintain vertical space*/ .footer-logo-size .footer-logo-empty { } .footer-contact-info h4 { font-size: 16px; font-weight: 700; margin-bottom: 15px; color: white; } .footer-contact-info a img { max-height: 60px; display: block; } .footer-contact-info address { margin: 0; } .footer-contact-info .cms-row { margin-bottom: 24px; } .footer-contact-info a { color: #7e8082; } .footer-contact-info a:hover { color: var(--dark-gray); } .footer-contact-info + .footer-contact-info { padding-top: 5px; } /*recent posts */ .syscom_footer.syscom_footer_04 .widget li { margin-bottom: 10px !important; } /* underfooter*/ .underfooter.pull-right { } .underfooter.pull-right .custom-html-widget { width: 100%; display: flex; } .underfooter.pull-right a { color: #7e8082; font-weight: 400; align-self: center; display: flex; } .underfooter.pull-right a:hover { color: white; font-weight: 400; } .underfooter.pull-right a i { align-self: center; } /*left site*/ .underfooter.pull-right .u_left a { font-size: 12px; float: left; } .underfooter.pull-right .u_left a i { margin-right: 9px; font-size: 18px; } /*right site*/ .underfooter.pull-right .u_right { margin-left: auto; } .underfooter.pull-right .u_right a { font-size: 10px; } .underfooter.pull-right .u_right a i { margin-left: 9px; font-size: 16px; } @media (max-width: 992px) { .copyright.pull-left.gray { display: block; } .underfooter { max-width: 500px; margin: 0 auto; } .underfooter:first-child { max-width: 350px; } } @media (max-width: 768px) { .copyright.pull-left.gray { display: block; } } /************* UPDATES 2023 **************/ .cms-button.cms-group { width: 100%; margin-left: 0px; margin-right: 0px; margin-bottom: 15px; } .syscom-blockquote-column.syscom-blockquote-reverse .wpb_text_column .wpb_wrapper { background-color: var(--white); display: flex; } .syscom-blockquote-column .wpb_text_column .wpb_wrapper p.s2 { font: 16px/1.3 var(--mainfont); margin: 0; align-self: center; } /*********/ .cms-button-black { background-color: var(--black); } .cms-button-black:hover, .cms-button-black:focus { color: var(--black); } /*********/ .cms-button-olive { background-color: var(--olive); } .cms-button-olive:hover, .cms-button-olive:focus { color: var(--olive); } /*********/ .cms-button-blue { background-color: var(--blue); color: var(--dblack); } .cms-button-blue:hover, .cms-button-blue:focus { color: var(--dblack); } /*********/ .cms-button-dred { background-color: var(--blue); } .cms-button-dred:hover, .cms-button-dred:focus { color: var(--dred); } .take_action_box > .wpb_wrapper { padding: 30px !important; border-radius: 20px; background-color: var(--lred); max-width: calc(100% - 15px); } .take_action_box .consultant { /* padding-right: 40% !important; background-image: url(img/consultant01.png); background-position: calc(100% - 15px) center; background-repeat: no-repeat; background-size: contain; */ padding-top: 20px; padding-bottom: 20px; } @media (max-width: 768px) { .take_action_box { margin-top: 30px; margin-bottom: 30px; } .take_action_box > .wpb_wrapper { max-width: calc(100% - 30px); margin: auto; } } /* benefits capital letter*/ .first_letter { font-family: var(--titlefont); float: left; font-size: 5rem; line-height: 0.65; margin: 0.1em 0.2em 0.2em 0; color: var(--dred); } /*accordion*/ .cta_accordion { } /*acordion title */ .cta_accordion.vc_tta.vc_tta-accordion.vc_tta-style-bg-heading .vc_tta-panel .vc_tta-panel-title a { font: 600 20px/1.2 var(--titlefont); color: var(--black); padding: 20px 30px; border-top: 2px solid white; } /*accordion selected title */ .cta_accordion.vc_tta.vc_tta-accordion.vc_tta-style-bg-heading .vc_tta-panel.vc_active .vc_tta-panel-title a { background-color: var(--lred); } /******** chevron *********/ /* .cta_accordion.vc_tta.vc_tta-accordion .vc_tta-controls-icon-position-right .vc_tta-controls-icon { position: absolute; top: 50% !important; transform: translateY(-50%); right: 20px; width: 30px; height: 30px; border: 1px solid red; text-align: center; } */ .cta_accordion.vc_tta .vc_tta-controls-icon.vc_tta-controls-icon-chevron::before { /* font-size: 20px;*/ } /**** body */ .cta_accordion.vc_tta.vc_general .vc_tta-panel-body { padding: 24px 30px; } /********** horizontal box *************/ /*row*/ .syscom-blockquote-horizonal { padding-top: 0; padding-bottom: 2px !important; } .syscom-blockquote-horizonal .wpb_wrapper, .syscom-blockquote-horizonal .wpb_text_column { height: 100%; } .syscom-blockquote-horizonal .wpb_text_column .wpb_wrapper { margin: 0px; padding: 40px 30px; position: relative; background-color: var(--lgray); border-left: 10px solid var(--dark-gray); } .syscom-blockquote-horizonal .wpb_text_column .wpb_wrapper p { /*font: 400 18px/27px var(--mainfont);*/ font: 400 16px/1.3 var(--mainfont); color: var(--maincolor); } .syscom-blockquote-horizonal.no-border .wpb_text_column .wpb_wrapper { border-left: none; } .syscom-blockquote-horizonal.syscom-blockquote-reverse .wpb_text_column .wpb_wrapper { background-color: var(--white); display: flex; } .syscom-blockquote-horizonal .first_letter { font-family: var(--titlefont); float: left; font-size: 32px; line-height: 0.8; margin: 0 20px 0 0; color: var(--black); height: 67px; background-color: var(--lred); padding: 20px; border-radius: 50%; width: 67px; text-align: center; font-weight: 600; } /******* LIST WITH BIG NUMBERS *********/ ul.big_numbers { width: 100%; list-style-type: none; /* Quitamos los estilos por defecto de la lista */ counter-reset: my-counter; /* Reiniciamos el contador en 0 */ } ul.big_numbers li { padding: 50px 30px 50px 127px; margin-bottom: 2px; font: 400 16px/1.3 var(--mainfont); color: var(--maincolor); background-color: var(--white); position: relative; } ul.big_numbers li:before { content: counter(my-counter); counter-increment: my-counter; color: var(--black); background-color: var(--lred); border-radius: 50%; text-align: center; position: absolute; left: 30px; font: 600 32px/1 var(--titlefont); width: 67px; height: 67px; top: 50%; transform: translateY(-50%); display: flex; justify-content: center; align-items: center; } ul.big_numbers li strong { font-weight: 700; } @media (max-width: 768px) { ul.big_numbers li { padding: 40px 30px 40px 90px; } ul.big_numbers li:before { font: 600 18px/1 var(--titlefont); width: 37px; height: 37px; } } /*********** MODULE SQUARED + IMAGE *************/ .box_module { } .box_module_header > .wpb_wrapper { background-color: var(--lred); border-radius: 20px 20px 0 0; padding: 40px 30px 20px 30px; height: 100%; } .box_module_title > .wpb_wrapper { background-color: var(--lred); padding-left: 30px; padding-right: 30px; height: 100%; /*Justify the title at the bottom*/ display: inline-flex; align-items: end; justify-content: center; } .box_module_title > .wpb_wrapper h4 { letter-spacing: -1.1px; } .box_module_content > .wpb_wrapper { background-color: var(--lred); border-radius: 0px 0px 20px 20px; padding: 20px 25px 40px 25px; height: 100%; } .box_module_content .wpb_wrapper p { margin-bottom: 15px; } .box_module_header.box_module_lred > .wpb_wrapper, .box_module_title.box_module_lred > .wpb_wrapper, .box_module_content.box_module_lred > .wpb_wrapper { background-color: var(--lred); } .box_module_header.box_module_white > .wpb_wrapper, .box_module_title.box_module_white > .wpb_wrapper, .box_module_content.box_module_white > .wpb_wrapper { background-color: var(--white); } .box_module_header.box_module_lblue > .wpb_wrapper, .box_module_title.box_module_lblue > .wpb_wrapper, .box_module_content.box_module_lblue > .wpb_wrapper { background-color: var(--newblue); } @media (max-width: 768px) { .box_module_title > .wpb_wrapper { /*Justify the title at the bottom*/ display: inherit; } .box_module_content > .wpb_wrapper p { margin-bottom: 15px; } } /************ ICON LIST MODULE *****************/ .icon_list_container { } ul.icon_list { width: 100%; list-style-type: none; /* Quitamos los estilos por defecto de la lista */ counter-reset: my-counter; /* Reiniciamos el contador en 0 */ } ul.icon_list li { padding: 50px 30px 50px 127px; font: 400 16px/1.3 var(--mainfont); color: var(--maincolor); position: relative; } ul.icon_list li p { margin-bottom: 10px; } ul.icon_list li:before { border-radius: 50%; text-align: center; position: absolute; left: 30px; font: 600 32px/1 var(--titlefont); width: 67px; height: 67px; top: 50%; transform: translateY(-50%); display: flex; justify-content: center; align-items: center; } ul.icon_list li p { font: 400 16px/1.3 var(--mainfont); } ul.icon_list li strong { font-weight: 700; } @media (max-width: 768px) { ul.icon_list li { padding: 40px 30px 40px 90px; } ul.icon_list li:before { font: 600 18px/1 var(--titlefont); width: 37px; height: 37px; } } /******* DIFERENT TYPES OF UL LIST ****************/ /*ul.basic white squares with a margin at the bottom of 2px*/ ul.icon_list.icon_list_basic li { padding: 50px 30px 50px 127px; margin-bottom: 2px; font: 400 16px/1.3 var(--mainfont); color: var(--maincolor); background-color: var(--white); position: relative; } ul.icon_list.icon_list_basic li:before { color: var(--black); background-color: var(--lred); } @media (max-width: 768px) { ul.icon_list.icon_list_basic li { padding: 50px 30px 50px 70px; } ul.icon_list.icon_list_basic li:before { top: 42px; left: 20px; transform: none; } } /*** basic_inside little number */ ul.icon_list.icon_list_basic_inside li { padding: 25px 30px 25px 100px; margin-bottom: 0px; font: 400 16px/1.3 var(--mainfont); position: relative; } ul.icon_list.icon_list_basic_inside li:before { width: 60px; height: 60px; content: ""; left: 0px; } @media (max-width: 768px) { ul.icon_list.icon_list_basic_inside li { padding: 30px 0px 30px 50px; } ul.icon_list.icon_list_basic_inside li:before { font: 600 18px/1 var(--titlefont); width: 37px; height: 37px; transform: none; top: 24px; } } /******* images *********/ ul.icon_list.icon_list_images li { padding: 25px 30px 25px 100px; margin-bottom: 0px; font: 400 16px/1.3 var(--mainfont); color: var(--maincolor); background-color: transparent; position: relative; display: flex; align-items: center; min-height: 120px; } ul.icon_list.icon_list_images li:before { background-size: cover; background-repeat: no-repeat; background-position: center; width: 90px; height: 90px; content: ""; left: -15px; } @media (max-width: 768px) { ul.icon_list.icon_list_images li { padding: 25px 0px 25px 0px; min-height: 120px; display: block; } ul.icon_list.icon_list_images li:before { position: relative; top: 0; margin: 0 auto 20px; transform: none; left: 0; } } /********* ROUNDED CONTAINERS **************/ .rounded_box .container { padding-left: 30px; padding-right: 30px; } .rounded_box .container .row > .wpb_column > .wpb_wrapper { padding-left: 50px; padding-right: 50px; } .rounded_box .container .row > .wpb_column > .wpb_wrapper { border-radius: 20px 20px 0 0; padding-top: 20px; } .rounded_box.rounded_box_title .align_baseline > .wpb_wrapper { margin-top: auto; } .rounded_box.rounded_box_title .align_baseline > .wpb_wrapper h2.double_line { padding-bottom: 30px; } .rounded_box.rounded_box_content .container .row > .wpb_column > .wpb_wrapper { border-radius: 0px 0px 20px 20px; padding-bottom: 40px; } .rounded_box.rounded_box_content p { margin-bottom: 10px; font: 400 16px/1.3 var(--mainfont); } .rounded_box.rounded_box_content p.syscom-arrow::before { top: 6px; } /* COLORS */ .rounded_box_lred .container .row > .wpb_column > .wpb_wrapper { background-color: var(--lred); } .rounded_box_newblue .container .row > .wpb_column > .wpb_wrapper { background-color: var(--newblue); } .rounded_box_white .container .row > .wpb_column > .wpb_wrapper { background-color: var(--white); } @media (max-width: 768px) { .rounded_box .container .row > .wpb_column > .wpb_wrapper { padding-left: 30px; padding-right: 30px; padding-top: 30px; } .rounded_box.rounded_box_title .align_baseline > .wpb_wrapper h2.double_line { padding-bottom: 0px; } } /******** ROUNDED ICONS TWO COLUMNS 2023 *************/ /* MEDIUM ICON WITH COLUMN RIGHT */ .rounded-icon-container.rounded-icon-style-3 { } .rounded-icon-container.rounded-icon-style-3 span.rounded-icon { width: 114px; height: 114px; margin: 0 auto 30px; } .rounded-icon-container.rounded-icon-style-3 span.rounded-icon span.rounded-icon-inner { max-width: 82px; max-height: 82px; } .rounded-icon-container.rounded-icon-style-3 p { margin: 0 0 30px 0; text-align: left; width: 100%; margin-right: auto; } /******* REMOVE VERTICAL-ALIGN-MIDDLE ON 1200px TO ALOW COLUMN RESIZING **************/ @media (max-width: 1200px) { .rounded-icon-container.rounded-icon-style-3.vertical-align-middle { display: inherit; } .rounded-icon-container.rounded-icon-style-3 p { text-align: center; margin: 0 auto 30px auto; } .rounded-icon-container.rounded-icon-style-3.vertical-align-middle > [class^="col-"], .rounded-icon-container.rounded-icon-style-3.vertical-align-middle > [class*=" col-"] { display: inherit; align-items: center; justify-content: center; } } @media (max-width: 992px) { .rounded-icon-container.rounded-icon-style-3 span.rounded-icon { width: 120px; height: 120px; } .rounded-icon-container.rounded-icon-style-3 span.rounded-icon span.rounded-icon-inner { width: 80px; height: 80px; } .rounded-icon-container.rounded-icon-style-3 p { max-width: 200px; margin: 0 auto 30px auto; } } /*set of images displayed together*/ .inline_logo { max-width: 25%; display: flex; margin-right: 60px; float: left; align-content: center; justify-content: center; } .inline_logo.inline_logo_two { max-width: 35%; } /******** icons 2023 ***********/ span.rounded-icon.icon-cabs1 span.rounded-icon-inner { content: url(img/icons/icons_CAWSB_01.png); } span.rounded-icon.icon-cabs2 span.rounded-icon-inner { content: url(img/icons/icons_CAWSB_02.png); } span.rounded-icon.icon-cabs3 span.rounded-icon-inner { content: url(img/icons/icons_CAWSB_03.png); } span.rounded-icon.icon-siem1 span.rounded-icon-inner { content: url(img/icons/icons_SIEM_01.png); } span.rounded-icon.icon-siem2 span.rounded-icon-inner { content: url(img/icons/icons_SIEM_02.png); } span.rounded-icon.icon-siem3 span.rounded-icon-inner { content: url(img/icons/icons_SIEM_03.png); } span.rounded-icon.icon-siem4 span.rounded-icon-inner { content: url(img/icons/icons_SIEM_04.png); } span.rounded-icon.icon-customerservice1 span.rounded-icon-inner { content: url(img/icons/icons_CustomerService_01.png); } span.rounded-icon.icon-customerservice2 span.rounded-icon-inner { content: url(img/icons/icons_CustomerService_02.png); } span.rounded-icon.icon-customerservice3 span.rounded-icon-inner { content: url(img/icons/icons_CustomerService_03.png); } span.rounded-icon.icon-customerservice4 span.rounded-icon-inner { content: url(img/icons/icons_CustomerService_04.png); } span.rounded-icon.icon-patch1 span.rounded-icon-inner { content: url(img/icons/icons_Patch_01.png); } span.rounded-icon.icon-patch2 span.rounded-icon-inner { content: url(img/icons/icons_Patch_02.png); } span.rounded-icon.icon-patch3 span.rounded-icon-inner { content: url(img/icons/icons_Patch_03.png); } span.rounded-icon.icon-ztna1 span.rounded-icon-inner { content: url(img/icons/icons_ZTNA_01.png); } span.rounded-icon.icon-ztna2 span.rounded-icon-inner { content: url(img/icons/icons_ZTNA_02.png); } span.rounded-icon.icon-ztna3 span.rounded-icon-inner { content: url(img/icons/icons_ZTNA_03.png); } span.rounded-icon.icon-dlp1 span.rounded-icon-inner { content: url(img/icons/icons_DLP_01.png); } span.rounded-icon.icon-dlp2 span.rounded-icon-inner { content: url(img/icons/icons_DLP_02.png); } span.rounded-icon.icon-dlp3 span.rounded-icon-inner { content: url(img/icons/icons_DLP_03.png); } span.rounded-icon.icon-pam1 span.rounded-icon-inner { content: url(img/icons/icons_PAM_01.png); } span.rounded-icon.icon-pam2 span.rounded-icon-inner { content: url(img/icons/icons_PAM_02.png); } span.rounded-icon.icon-pam3 span.rounded-icon-inner { content: url(img/icons/icons_PAM_03.png); } span.rounded-icon.icon-pam4 span.rounded-icon-inner { content: url(img/icons/icons_PAM_04.png); } span.rounded-icon.icon-pam5 span.rounded-icon-inner { content: url(img/icons/icons_PAM_05.png); } span.rounded-icon.icon-pen1 span.rounded-icon-inner { content: url(img/icons/icons_PEN_01.png); } span.rounded-icon.icon-pen2 span.rounded-icon-inner { content: url(img/icons/icons_PEN_02.png); } span.rounded-icon.icon-pen3 span.rounded-icon-inner { content: url(img/icons/icons_PEN_03.png); } span.rounded-icon.icon-security1 span.rounded-icon-inner { content: url(img/icons/icons_Security_01.png); } span.rounded-icon.icon-security2 span.rounded-icon-inner { content: url(img/icons/icons_Security_02.png); } span.rounded-icon.icon-security1 span.rounded-icon-inner { content: url(img/icons/icons_Security_01.png); } span.rounded-icon.icon-security2 span.rounded-icon-inner { content: url(img/icons/icons_Security_02.png); } span.rounded-icon.icon-otsec1 span.rounded-icon-inner { content: url(img/icons/icons_OTSec_01.png); } span.rounded-icon.icon-otsec2 span.rounded-icon-inner { content: url(img/icons/icons_OTSec_02.png); } span.rounded-icon.icon-otsec3 span.rounded-icon-inner { content: url(img/icons/icons_OTSec_03.png); } span.rounded-icon.icon-otsec4 span.rounded-icon-inner { content: url(img/icons/icons_OTSec_04.png); } span.rounded-icon.icon-otsec5 span.rounded-icon-inner { content: url(img/icons/icons_OTSec_05.png); } /************* embed videos *****************/ .embed-container { position: relative; width: 100%; height: 0; padding-bottom: 56.25%; max-width: 1140px; } .embed-container iframe { position: absolute; left: 0; top: 0; height: 100%; width: 100%; } /************* D365 FORM ****************/ .d365-form { } .d365-form form.mixed-column-form { max-width: 100%; padding: 15px; margin: 0 auto; } .d365-form form .lp-form-field { margin-bottom: 25px; } .d365-form form label { font: 18px/1.5 var(--mainfont); margin-bottom: 10px; display: block; margin-left: 0px; } .d365-form form input, .d365-form form select, .d365-form form textarea { border: none; border-bottom: 1px solid var(--lgray); background: rgba(var(--lgray_rgb), 0.5); color: var(--dark-gray); margin: 0; outline: none; padding: 0 10px 0 8px; height: 46px; font: 18px/1.5 var(--mainfont); } .d365-form form input::placeholder, .d365-form form select::placeholder, .d365-form form textarea::placeholder { color: var(--gray); opacity: 1; } .d365-form form textarea { width: 100%; height: 174px; padding-top: 10px; padding-bottom: 8px; } .d365-form form input:focus, .d365-form form select:focus, .d365-form form textarea:focus { border-color: var(--dark-gray); box-shadow: none; outline: 0; } .d365-form form input[type="text"], .d365-form form input[type="email"], .d365-form form input[type="phone"], .d365-form form input[type="password"], .d365-form form input[type="url"], .d365-form form input[type="tel"] { width: 100%; } /*custom select*/ .d365-form form input.lookup-behavior { border: none; border-bottom: 1px solid var(--lgray); background-color: rgba(var(--lgray_rgb), 0.5); color: var(--dark-gray); margin: 0; outline: none; padding: 0 10px 0 8px; height: 46px; font: 18px/1.5 var(--mainfont); filter: none; background-position-x: calc(100% - 10px); } .d365-form form button { padding: 10px 37px; background-color: var(--red); font-size: 14px; border-radius: 25px; color: var(--white); outline: 0; position: relative; text-transform: uppercase; border: none; font-size: 14px; display: inline-block; padding: 10px 37px; background-color: var(--red); line-height: 1.2; transition: all 0.4s ease 0s !important; text-decoration: none; text-align: center; height: 46px; max-width: 200px; margin: 0 0 0 auto; display: block; } .d365-form form button:hover { background: var(--white); color: var(--red); text-decoration: none; } .d365-form form button.button_centered { margin: auto; font-size: 18px; } /* 50% columns */ .d365-form form .leftcolumn { width: calc(50% - 15px); display: inline-block; margin-right: 13px; } .d365-form form .rightcolumn { width: calc(50% - 15px); display: inline-block; margin-left: 13px; } .d365-form form .lp-checkboxListItem { display: flex !important; align-items: center !important; margin-bottom: 10px !important; } .d365-form form .lp-checkboxListItem label.lp-ellipsis { margin: 0; } .d365-form form .lp-checkboxListItem input.lp-form-fieldInput[type="checkbox"] { align-self: center; margin-top: 4px; margin-right: 10px; } @media (max-width: 768px) { .d365-form form .leftcolumn, .d365-form form .rightcolumn { width: 100%; margin-left: 0; margin-right: 0; } .d365-form form button { margin: 0 auto 15px 0; max-width: inherit; } } /********** CAPTCHA **************/ .h-captcha { padding: 10px 0; } .h-captcha iframe { border: 1px solid rgba(var(--lgray_rgb), 1); border-radius: 4px; } .h-captcha.nocaptcha iframe { border: 1px solid #dc3232; } /********** QUOTED NAMES ************/ span.quoted:before { content: "【"; margin-left: -16px; } span.quoted:after { content: "】"; } span.under_quoted { margin-left: 16px; } /************* columns2-icon SAMHEIGHT FOR ICON + TEXT IN RAW HTML DIFFERENT COLUMNS ************/ .columns2-icon .wpb_wrapper { height: 100%; } .columns2-icon .wpb_raw_html { height: 100%; } .columns2-icon .wpb_wrapper .vertical-align-middle { height: 100%; } /********** same look as a submit button **********/ .input_button { height: 46px; line-height: 1.5 !important; font-weight: 700; font-size: 15px; } #menu-item-16152 a span { background: #fe5d5d; color: #fff; padding: 5px 10px 7px; border-radius: 50px; } #menu-item-16152 a span:before { border-bottom: none !important; } #menu-item-16152 a:hover { opacity: 0.8; } /* fix grid system */ .cms-grid { display: flex; flex-wrap: wrap; } .cms-grid-item { box-sizing: border-box; display: flex; align-items: stretch; } .cms-grid-item .cms-blog-item { display: flex; width: 100%; flex-direction: column; } .cms-grid-item .cms-blog-item .entry-footer { align-self: start; } /**** sample personal *********/ .syscom-blockquote-column ul.list.sp { margin-bottom: 15px !important; } .syscom-blockquote-column ul.list.sp li { font: 400 16px/1.7 var(--mainfont); margin-bottom: 10px; } div.icon_boxed { background-image: url("https://syscomgs.com/wp-content/uploads/2024/03/Icons_Bilingual_RecomendedFor_Icons_90x90_01.png"); content: ""; width: 90px; height: 90px; display: block; margin-bottom: 15px; background-size: contain; background-repeat: no-repeat; background-position: center; } div.icon_boxed.icon_experience { background-image: url("https://syscomgs.com/wp-content/themes/haswell-child/img/icons/Icons_120x120_WorkExperience.png"); /*background-image: url('/img/icons/Icons_120x120_WorkExperience.png');*/ } div.icon_boxed.icon_skills { background-image: url("https://syscomgs.com/wp-content/themes/haswell-child/img/icons/Icons_120x120_Certificates.png"); /*background-image: url('/img/icons/Icons_120x120_WorkExperience.png');*/ } /* SIMPLE LIST FOR POSTS */ /* SIMPLE LIST FOR POSTS */ ul.regular_list { list-style: disc; /* Changed from decimal to disc for bullets */ margin: 0; counter-reset: section; margin-bottom: 30px; } ul.regular_list li { font: 400 18px/1.5 var(--mainfont); margin-bottom: 25px; padding: 0 0 0px 30px; position: relative; } ul.regular_list li:before { counter-increment: section; content: "•"; /* Changed from counter(section) "." to bullet */ color: var(--gray); /* Changed from var(--red) to light gray color */ display: block; font: 600 18px/1.5 var(--mainfont); padding: 8px 6px; transition: all 0.4s ease-in-out 0s; position: absolute; top: -8px; left: 0; } @media (max-width: 767px) { ul.regular_list li { font: 400 16px/1.3 var(--mainfont); padding: 0 0 0px 24px; } ul.regular_list li:before { font: 600 16px/1.3 var(--mainfont); top: -8px; } }