/* ---------------------------------------------------------------- IMPREZA basic styles Copyright 2014 UpSolution http://us-themes.com/ NOTE: DO NOT EDIT THIS FILE! THIS FILE IS REPLACED DURING AUTO-UPDATES AND ANY CHANGES MADE HERE WILL BE OVERWRITTEN. ---------------------------------------------------------------- */ a { -webkit-transition: opacity 0.3s, padding 0.3s, color 0.3s, background-color 0.3s, box-shadow 0.3s, border 0.3s; transition: opacity 0.3s, padding 0.3s, color 0.3s, background-color 0.3s, box-shadow 0.3s, border 0.3s; } ::-moz-selection { background-color: rgba(0,0,0,0.66); color: #fff; } ::selection { background-color: rgba(0,0,0,0.66); color: #fff; } /* ==================================== ====== MAIN GRID ====================== ==================================== */ .l-body { height: auto; background-color: #ddd; /* variable */ } .l-canvas { background-color: #fff; /* variable */ color: #666; /* variable */ } /* Header */ .l-subheader { font-size: 0; -webkit-transition: background-color 0.3s, box-shadow 0.3s, top 0.3s; transition: background-color 0.3s, box-shadow 0.3s, top 0.3s; } .l-header.no_fixed .l-subheader { -webkit-transition: none; transition: none; } .l-subheader.at_top { display: none; line-height: 36px; padding-left: 40px; padding-right: 40px; position: relative; background-color: #f2f2f2; /* variable */ } .l-subheader.at_middle { text-align: right; line-height: 120px; /* temp */ padding-left: 40px; padding-right: 40px; position: relative; box-shadow: 0 2px 0 -1px rgba(0,0,0,0.08); background-color: #fff; /* variable */ } .l-header.logopos_right .l-subheader.at_middle { text-align: left; } .l-subheader.at_bottom { display: none; clear: both; line-height: 50px; padding-left: 40px; padding-right: 40px; position: relative; background-color: #f2f2f2; /* variable */ } .l-subheader-h { height: 100%; position: relative; } /* FULL: width */ .l-header.full_width .l-subheader-h { max-width: 100% !important; } /* HEADER POS: fixed */ .headerpos_fixed .l-header { position: fixed; left: 0; width: 100%; z-index: 101; } .headerpos_fixed .l-header.no_fixed { position: static; } /* HEADER LAYOUT: extended */ .headerlayout_extended .l-subheader.at_top { display: block; } /* HEADER LAYOUT: advanced & centered */ .headerlayout_advanced .l-subheader.at_middle, .headerlayout_centered .l-subheader.at_middle { box-shadow: none; } .headerlayout_advanced.headerpos_fixed .l-header.sticky .l-subheader.at_middle, .headerlayout_centered.headerpos_fixed .l-header.sticky .l-subheader.at_middle { overflow: hidden; } .headerlayout_advanced .l-subheader.at_bottom, .headerlayout_centered .l-subheader.at_bottom { display: block; } .l-header.sticky .l-subheader.at_bottom { box-shadow: 0 2px 0 -1px rgba(0,0,0,0.08); } .headerlayout_centered .l-header .l-subheader.at_middle, .headerlayout_centered .l-header .l-subheader.at_bottom { text-align: center; } /* transparent */ .l-header.transparent .l-subheader { box-shadow: none; background-color: transparent; color: #fff; } .headerlayout_extended .l-header.transparent .l-subheader.at_top { background-color: rgba(0,0,0,0.2); } .headerlayout_advanced .l-header.transparent .at_middle .l-subheader-h { box-shadow: 0 1px 0 rgba(255,255,255,0.22); } .l-header.transparent .type_desktop .w-nav-item.level_1.active .w-nav-anchor.level_1, .l-header.transparent .type_desktop .w-nav-item.level_1.current-menu-item .w-nav-anchor.level_1, .l-header.transparent .type_desktop .w-nav-item.level_1.current-menu-ancestor .w-nav-anchor.level_1, .no-touch .l-header.transparent .type_desktop .w-nav-item.level_1:hover .w-nav-anchor.level_1 { background-color: transparent; } /* Main */ .l-main { z-index: 1; box-shadow: 0 1px 0 rgba(0,0,0,0.08); } .headerlayout_advanced .l-main { box-shadow: none; } /* Submain */ .l-submain { padding: 0 40px; } .headerpos_fixed .l-header.no_fixed + .l-main .l-submain, .headerbg_transparent .l-submain.full_height:first-child { padding-top: 0 !important; } .l-submain:before { content: ''; display: table; } .l-submain-h { padding: 50px 0; z-index: 1; } .l-submain-img { position: absolute; top: 0; left: 0; height: 100%; width: 100%; background-position: center center; -webkit-background-size: cover; background-size: cover; } /* FOR: pagehead */ .l-submain.for_pagehead { box-shadow: 0 -2px 0 -1px rgba(0,0,0,0.08) inset; } .l-submain.for_pagehead.size_small .l-submain-h { padding: 16px 0; } .l-submain.for_pagehead.size_medium .l-submain-h { padding: 30px 0 32px; } .l-submain.for_pagehead.size_huge .l-submain-h { padding: 80px 0; } .headerbg_transparent .l-submain.for_pagehead.size_large, .headerbg_transparent .l-submain.for_pagehead.size_huge { padding-bottom: 30px; } .headerbg_transparent .l-header.no_fixed + .l-main .l-submain.for_pagehead { padding-bottom: 0; } .l-submain.for_pagehead.color_alternate { box-shadow: none; } /* FOR: comments */ .l-submain.for_comments { box-shadow: 0 1px 0 rgba(0,0,0,0.08) inset; } /* FULL: width */ .l-submain.full_width { padding-left: 0; padding-right: 0; } .l-submain.full_width .l-submain-h { max-width: 100% !important; } /* FULL: height */ .l-submain.full_height .l-submain-h { padding-top: 0 !important; padding-bottom: 0 !important; } /* PARALLAX: ver */ .no-touch .l-submain.parallax_ver .l-submain-img { background-attachment: fixed; } /* PARALLAX: hor */ .l-submain.parallax_hor { overflow: hidden; } .l-submain.parallax_hor .l-submain-img { width: 130%; } .l-submain.parallax_hor.bgwidth_110 .l-submain-img { width: 110%; } .l-submain.parallax_hor.bgwidth_120 .l-submain-img { width: 120%; } .l-submain.parallax_hor.bgwidth_140 .l-submain-img { width: 140%; } .l-submain.parallax_hor.bgwidth_150 .l-submain-img { width: 150%; } /* COLOR: alternate */ .l-submain.color_alternate { background-color: #f2f2f2; /* variable */ color: #555; /* variable */ } /* COLOR: primary & secondary */ .l-submain.color_primary { background-color: #d13a7a; /* variable */ color: #fff; } .l-submain.color_secondary { background-color: #6254a8; /* variable */ color: #fff; } .l-submain.color_primary a, .l-submain.color_secondary a, .no-touch .for_pagehead.color_secondary a:hover { color: #fff; } .l-submain.color_primary .g-hr-h:before, .l-submain.color_primary .g-hr-h:after, .l-submain.color_secondary .g-hr-h:before, .l-submain.color_secondary .g-hr-h:after { background-color: #fff; background-color: rgba(255,255,255,0.5); } .l-submain.color_primary .g-hr-h i, .l-submain.color_secondary .g-hr-h i { color: #fff; color: rgba(255,255,255,0.5); } .l-submain.color_primary .w-pagehead-nav-item, .l-submain.color_secondary .w-pagehead-nav-item { color: #fff !important; } .no-touch .l-submain.color_primary .w-pagehead-nav-item:hover, .no-touch .l-submain.color_secondary .w-pagehead-nav-item:hover { box-shadow: 0 0 0 2px #fff inset !important; } /* WITH: video */ .l-submain.with_video { overflow: hidden; } .l-submain.with_video .l-submain-img { background-attachment: scroll !important; } .l-submain-video { display: inline-block; position: absolute; top: 0; left: 0; right: 0; bottom: 0; } .l-submain-video .mejs-offscreen { display: none !important; } /* WITH: overlay */ .l-submain-overlay { position: absolute; top: 0; left: 0; right: 0; bottom: 0; } .l-submain-overlay.black_10 { background-color: rgba(0,0,0,0.1); } .l-submain-overlay.black_20 { background-color: rgba(0,0,0,0.2); } .l-submain-overlay.black_30 { background-color: rgba(0,0,0,0.3); } .l-submain-overlay.black_40 { background-color: rgba(0,0,0,0.4); } .l-submain-overlay.black_50 { background-color: rgba(0,0,0,0.5); } .l-submain-overlay.black_60 { background-color: rgba(0,0,0,0.6); } .l-submain-overlay.black_70 { background-color: rgba(0,0,0,0.7); } .l-submain-overlay.black_80 { background-color: rgba(0,0,0,0.8); } .l-submain-overlay.black_90 { background-color: rgba(0,0,0,0.9); } .l-submain-overlay.white_10 { background-color: rgba(255,255,255,0.1); } .l-submain-overlay.white_20 { background-color: rgba(255,255,255,0.2); } .l-submain-overlay.white_30 { background-color: rgba(255,255,255,0.3); } .l-submain-overlay.white_40 { background-color: rgba(255,255,255,0.4); } .l-submain-overlay.white_50 { background-color: rgba(255,255,255,0.5); } .l-submain-overlay.white_60 { background-color: rgba(255,255,255,0.6); } .l-submain-overlay.white_70 { background-color: rgba(255,255,255,0.7); } .l-submain-overlay.white_80 { background-color: rgba(255,255,255,0.8); } .l-submain-overlay.white_90 { background-color: rgba(255,255,255,0.9); } /* Blank Page Template */ .page-template-page-blank { height: 100%; } .page-template-page-blank .l-canvas { height: 100%; max-width: none; font-size: 0; } .page-template-page-blank .l-canvas:before { content: ''; display: inline-block; vertical-align: middle; vertical-align: -webkit-baseline-middle; height: 100%; } .page-template-page-blank .l-main { display: inline-block; vertical-align: middle; vertical-align: -webkit-baseline-middle; width: 100%; font-size: 14px; box-shadow: none; } .page-template-page-blank .l-submain { padding-top: 0 !important; } /* Footer */ .l-subfooter.at_top { font-size: 13px; line-height: 21px; padding: 50px 40px 20px; background-color: #1a1a1a; /* variable */ color: #808080; /* variable */ } .l-subfooter.at_top p { font-size: 13px; line-height: 21px; margin: 0 0 20px; } .l-subfooter.at_top p:last-child { margin-bottom: 0; } .l-subfooter.at_top h1, .l-subfooter.at_top h2, .l-subfooter.at_top h3, .l-subfooter.at_top h4, .l-subfooter.at_top a { color: #ccc; } .no-touch .l-subfooter.at_top a:hover { color: #fff; } .no-touch .l-subfooter.at_top p a:hover, .no-touch .l-subfooter.at_top li a:hover { border-bottom: 1px solid; } .l-subfooter.at_bottom { font-size: 13px; text-align: center; line-height: 20px; padding: 30px 40px; background-color: #222; /* variable */ color: #666; /* variable */ } .l-subfooter.at_bottom a { color: #999; /* variable */ } .no-touch .l-subfooter.at_bottom a:hover { border-bottom: 1px solid; color: #fff; /* variable */ } /* ==================================== ====== TYPOGRAPHY ===================== ==================================== */ /* Main font */ body { font: 15px/26px 'Open Sans', sans-serif; } /* Headers */ h1 { font: 38px/1.4 'Noto Sans', sans-serif; } h2 { font: 32px/1.4 'Noto Sans', sans-serif; } h3 { font: 26px/1.4 'Noto Sans', sans-serif; } h4 { font: 22px/1.5 'Noto Sans', sans-serif; } h5 { font: 20px/1.6 'Noto Sans', sans-serif; } h6 { font: 18px/1.6 'Noto Sans', sans-serif; } h1, h2, h3, h4, h5, h6 { color: #444; /* variable */ } .l-submain.color_primary h1, .l-submain.color_primary h2, .l-submain.color_primary h3, .l-submain.color_primary h4, .l-submain.color_primary h5, .l-submain.color_primary h6, .l-submain.color_secondary h1, .l-submain.color_secondary h2, .l-submain.color_secondary h3, .l-submain.color_secondary h4, .l-submain.color_secondary h5, .l-submain.color_secondary h6, .l-submain.color_custom h1, .l-submain.color_custom h2, .l-submain.color_custom h3, .l-submain.color_custom h4, .l-submain.color_custom h5, .l-submain.color_custom h6, .g-cols > .color_custom h1, .g-cols > .color_custom h2, .g-cols > .color_custom h3, .g-cols > .color_custom h4, .g-cols > .color_custom h5, .g-cols > .color_custom h6 { color: inherit; } /* Paragraph */ .g-html .g-cols > div > p:last-child, .g-html > p:last-child { margin-bottom: 0; } .no-touch .g-html p a:hover { border-bottom: 1px solid; } /* Lists */ .g-html .g-cols > div > ul:last-child, .g-html > ul:last-child, .g-html .g-cols > div > ol:last-child, .g-html > ol:last-child { margin-bottom: 0; } .g-html ul li, .g-html ol li { margin-bottom: 6px; padding-left: 2px; } .no-touch .g-html li a:hover { border-bottom: 1px solid; } .g-html ul > li ul, .g-html ul > li ol, .g-html ol > li ul, .g-html ol > li ol { margin-bottom: 6px; margin-top: 6px; } /* Preformat */ .g-html pre { font-size: 13px; line-height: 19px; padding: 12px 15px; background-color: #faf6e1; color: #333; } .g-html p + pre { margin-top: -16px; } .g-html code { padding: 0 5px; background-color: #faf6e1; color: #333; } /* Blockquote */ .g-html blockquote { font-size: 16px; line-height: 26px; font-style: italic; padding: 0 0 0 32px; border-left: 5px solid #d13a7a; /* variable */ } /* ==================================== ====== BASIC ELEMENTS ================= ==================================== */ /* Columns */ .g-cols.type_boxed { display: table; width: 100%; table-layout: fixed; } .g-cols.type_boxed > div { float: none; display: table-cell; vertical-align: middle; padding: 5%; background-position: center center; background-size: cover; } /* Image */ .g-html img + h1, .g-html img + h2, .g-html img + h3, .g-html img + h4, .g-html img + ul, .g-html img + ol, .g-html img + p { margin-top: 20px; } .g-html div[class^="animate"] { margin-bottom: 20px; } .g-html img.alignleft { display: inline; float: left; margin-right: 20px; margin-bottom: 20px; } .g-html img.alignright { display: inline; float: right; margin-left: 20px; margin-bottom: 20px; } .g-html img.aligncenter { clear: both; display: block; margin-left: auto; margin-right: auto; } .no-touch .g-html a.image-link:hover { border-bottom: none; } .g-html a.image-link img { -webkit-transition: opacity 0.3s; transition: opacity 0.3s; } .no-touch .g-html a.image-link:hover img { opacity: 0.8; } /* Dividers */ .g-hr { text-align: center; height: 20px; width: 100%; margin: 35px 0; padding: 2px 0; overflow: hidden; position: relative; clear: both; } .g-hr-h:before, .g-hr-h:after { display: inline-block; content: ""; height: 1px; width: 50%; margin-top: 7px; vertical-align: top; position: relative; background-color: #e8e8e8; /* variable */ } .g-hr-h:before { left: -13px; margin-left: -50%; } .g-hr-h:after { left: 13px; margin-right: -50%; } .g-hr-h i { font-size: 16px; line-height: 16px; height: 16px; width: 20px; vertical-align: top; text-align: center; color: #e8e8e8; /* variable */ } /* SIZE: small */ .g-hr.size_small { margin: 25px 0; } /* SIZE: big */ .g-hr.size_big { margin: 45px 0; } /* SIZE: huge */ .g-hr.size_huge { margin: 65px 0; } /* TYPE: invisible */ .g-hr.type_invisible { height: 0; margin: 20px 0; } .g-hr.type_invisible.size_small { margin: 10px 0; } .g-hr.type_invisible.size_big { margin: 30px 0; } .g-hr.type_invisible.size_huge { margin: 50px 0; } .g-hr.type_invisible .g-hr-h { display: none; } /* TYPE: short */ .g-hr.type_short { width: 30%; margin-left: auto !important; margin-right: auto !important; } /* TYPE: fullwidth */ .g-hr.type_fullwidth { overflow: visible; } .type_boxed .g-hr.type_fullwidth { overflow: hidden; margin-left: -50px; margin-right: -50px; width: auto; } .g-hr.type_fullwidth .g-hr-h:before, .g-hr.type_fullwidth .g-hr-h:after { width: 90%; } /* NO: icon */ .g-hr.no_icon { font-size: 0; } .g-hr.no_icon .g-hr-h:before, .g-hr.no_icon .g-hr-h:after { left: 0; } .g-hr.no_icon .g-hr-h i { display: none; } /* WITH: text */ .g-hr.with_text { padding: 0; } .g-hr.with_text .g-hr-h:before, .g-hr.with_text .g-hr-h:after { margin-top: 11px; } .g-hr.with_text .g-hr-h h6 { display: inline-block; vertical-aligN: top; line-height: 20px; margin: 0; } /* Misc */ .g-html .highlight { color: #31c5c7; } .g-html .thin { font-weight: 300; } .g-html .bold { font-weight: 700; } .g-html .align_left { text-align: left; } .g-html .align_right { text-align: right; } .g-html .align_center { text-align: center; } .g-html .align_justify { text-align: justify; } /* ==================================== ====== BASIC ELEMENTS ================= ==================================== */ /* Form elements */ input[type="text"], input[type="password"], input[type="email"], input[type="url"], input[type="tel"], input[type="number"], input[type="date"], input[type="search"], textarea, select { padding: 8px 12px; border-radius: 5px; -webkit-transition: all 0.3s; transition: all 0.3s; box-shadow: 0 0 0 2px transparent, 0 1px 0 rgba(0,0,0,0.08) inset; background-color: #f2f2f2; /* variable */ color: #444; /* variable */ } input[type="text"]:focus, input[type="password"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="tel"]:focus, input[type="number"]:focus, input[type="date"]:focus, input[type="search"]:focus, textarea:focus, select:focus { box-shadow: 0 0 0 2px #d13a7a; } input[type="checkbox"], input[type="radio"] { margin-right: 5px; } /* Buttons */ .g-btn, button, input[type="submit"] { font-size: 15px; line-height: 20px; font-weight: 700; text-transform: uppercase; padding: 10px 36px; margin: 5px 0; border: none; border-radius: 5px; overflow: hidden; -webkit-transition: color 0.3s, background-color 0.3s, box-shadow 0.3s; transition: color 0.3s, background-color 0.3s, box-shadow 0.3s; } .no-touch .g-btn:before { display: block; content: ''; position: absolute; top: 0; left: 0; right: 0; height: 0; background-color: rgba(0,0,0,0.1); -webkit-transition: height 0.3s; transition: height 0.3s; } .no-touch .g-btn:hover:before { height: 100%; } .g-btn span { position: relative; } .g-btn i { position: relative; line-height: inherit; vertical-align: top; margin: 0 8px 0 -2px; } /* SIZE: small */ .g-btn.size_small, input.g-btn.size_small { padding: 8px 26px; font-size: 13px; border-radius: 4px; } /* SIZE: big */ .g-btn.size_big, input.g-btn.size_big { padding: 16px 50px; font-size: 18px; } /* TYPE: outlined */ .g-btn.outlined { background-color: transparent !important; } /* COLOR: transparent */ .g-btn.color_transparent { font-weight: normal; text-transform: none; overflow: visible; padding: 0 2px !important; border: none !important; background: none !important; } .no-touch .g-btn.color_transparent:before { display: none; } .no-touch .g-btn.color_transparent:hover span { border-bottom: 1px solid; } /* COLOR: white */ .g-btn.color_white, a.g-btn.color_white { background-color: #fff; color: #444; } .no-touch .g-btn.color_white:before { background-color: rgba(0,0,0,0.06); } .no-touch .g-btn.color_white:hover, .no-touch a.g-btn.color_white:hover { color: #444; } /* COLOR: white outlined */ .g-btn.color_white.outlined, a.g-btn.color_white.outlined { box-shadow: 0 0 0 2px #fff inset; color: #fff; } .no-touch .g-btn.color_white.outlined:hover, .no-touch a.g-btn.color_white.outlined:hover { color: #444; } .g-btn.color_white.outlined:before { background-color: #fff; } /* COLOR: default */ .g-btn.color_default { background-color: #e8e8e8; /* variable */ color: #666; /* variable */ } .no-touch .g-btn.color_default:hover { color: #444; } .g-btn.color_default:before { background-color: rgba(0,0,0,0.06); } /* COLOR: default outlined */ .g-btn.color_default.outlined { box-shadow: 0 0 0 2px #e8e8e8 inset; /* variable */ color: #666; /* variable */ } .no-touch .g-btn.color_default.outlined:hover, .no-touch .color_alternate .g-btn.color_default.outlined:hover { color: #444; /* variable */ } .g-btn.color_default.outlined:before { background-color: #e8e8e8; /* variable */ } /* COLOR: primary */ button, .g-btn.color_primary, input[type="submit"] { background-color: #d13a7a; /* variable */ color: #fff; } .no-touch button:hover, .no-touch .g-btn.color_primary:hover, .no-touch input[type="submit"]:hover { color: #fff; } /* COLOR: primary outlined */ .g-btn.color_primary.outlined { box-shadow: 0 0 0 2px #d13a7a inset; /* variable */ color: #d13a7a; /* variable */ } .no-touch .g-btn.color_primary.outlined:hover, .no-touch .color_alternate .g-btn.color_primary.outlined:hover { color: #fff; } .g-btn.color_primary.outlined:before { background-color: #d13a7a; /* variable */ } /* COLOR: secondary */ .g-btn.color_secondary { background-color: #6254a8; /* variable */ color: #fff; } .no-touch .g-btn.color_secondary:hover { color: #fff; } /* COLOR: secondary outlined */ .g-btn.color_secondary.outlined { box-shadow: 0 0 0 2px #6254a8 inset; /* variable */ color: #6254a8; /* variable */ } .no-touch .g-btn.color_secondary.outlined:hover, .no-touch .color_alternate .g-btn.color_secondary.outlined:hover { color: #fff; } .g-btn.color_secondary.outlined:before { background-color: #6254a8; /* variable */ } /* COLOR: contrast */ .g-btn.color_contrast { background-color: #444; /* variable */ color: #fff; /* variable */ } .no-touch .g-btn.color_contrast:hover { color: #fff; /* variable */ } .g-btn.color_contrast:before { background-color: rgba(0,0,0,0.06); } /* COLOR: default outlined */ .g-btn.color_contrast.outlined { box-shadow: 0 0 0 2px #444 inset; /* variable */ color: #444; /* variable */ } .no-touch .g-btn.color_contrast.outlined:hover, .no-touch .color_alternate .g-btn.color_contrast.outlined:hover { color: #fff; /* variable */ } .g-btn.color_contrast.outlined:before { background-color: #444; /* variable */ } /* COLOR: pink */ .g-btn.color_pink { background-color: #ff6b6b; color: #fff; } .no-touch .g-btn.color_pink:hover { color: #fff; } /* COLOR: pink outlined */ .g-btn.color_pink.outlined { box-shadow: 0 0 0 2px #ff6b6b inset; color: #ff6b6b; } .no-touch .g-btn.color_pink.outlined:hover { color: #fff; } .g-btn.color_pink.outlined:before { background-color: #ff6b6b; } /* COLOR: blue */ .g-btn.color_blue { background-color: #5ac8ed; color: #fff; } .no-touch .g-btn.color_blue:hover { color: #fff; } /* COLOR: blue outlined */ .g-btn.color_blue.outlined { box-shadow: 0 0 0 2px #5ac8ed inset; color: #5ac8ed; } .no-touch .g-btn.color_blue.outlined:hover { color: #fff; } .g-btn.color_blue.outlined:before { background-color: #5ac8ed; } /* COLOR: midnight */ .g-btn.color_midnight { background-color: #2c3e50; color: #fff; } .no-touch .g-btn.color_midnight:hover { color: #fff; } /* COLOR: midnight outlined */ .g-btn.color_midnight.outlined { box-shadow: 0 0 0 2px #2c3e50 inset; color: #2c3e50; } .no-touch .g-btn.color_midnight.outlined:hover { color: #fff; } .g-btn.color_midnight.outlined:before { background-color: #2c3e50; } /* COLOR: purple */ .g-btn.color_purple { background-color: #8560a8; color: #fff; } .no-touch .g-btn.color_purple:hover { color: #fff; } /* COLOR: purple outlined */ .g-btn.color_purple.outlined { box-shadow: 0 0 0 2px #8560a8 inset; color: #8560a8; } .no-touch .g-btn.color_purple.outlined:hover { color: #fff; } .g-btn.color_purple.outlined:before { background-color: #8560a8; } /* COLOR: navy */ .g-btn.color_navy { background-color: #1265a8; color: #fff; } .no-touch .g-btn.color_navy:hover { color: #fff; } /* COLOR: navy outlined */ .g-btn.color_navy.outlined { box-shadow: 0 0 0 2px #1265a8 inset; color: #1265a8; } .no-touch .g-btn.color_navy.outlined:hover { color: #fff; } .g-btn.color_navy.outlined:before { background-color: #1265a8; } /* COLOR: green */ .g-btn.color_green { background-color: #59ba41; color: #fff; } .no-touch .g-btn.color_green:hover { color: #fff; } /* COLOR: green outlined */ .g-btn.color_green.outlined { box-shadow: 0 0 0 2px #59ba41 inset; color: #59ba41; } .no-touch .g-btn.color_green.outlined:hover { color: #fff; } .g-btn.color_green.outlined:before { background-color: #59ba41; } /* COLOR: yellow */ .g-btn.color_yellow { background-color: #fac000; color: #fff; } .g-btn.color_yellow:before { background-color: rgba(0,0,0,0.06); } .no-touch .g-btn.color_yellow:hover { color: #fff; } /* COLOR: yellow outlined */ .g-btn.color_yellow.outlined { box-shadow: 0 0 0 2px #fac000 inset; color: #fac000; } .no-touch .g-btn.color_yellow.outlined:hover { color: #fff; } .g-btn.color_yellow.outlined:before { background-color: #fac000; } /* COLOR: teal */ .g-btn.color_teal { background-color: #008b83; color: #fff; } .no-touch .g-btn.color_teal:hover { color: #fff; } /* COLOR: teal outlined */ .g-btn.color_teal.outlined { box-shadow: 0 0 0 2px #008b83 inset; color: #008b83; } .no-touch .g-btn.color_teal.outlined:hover { color: #fff; } .g-btn.color_teal.outlined:before { background-color: #008b83; } /* COLOR: brown */ .g-btn.color_brown { background-color: #6a4530; color: #fff; } .no-touch .g-btn.color_brown:hover { color: #fff; } /* COLOR: brown outlined */ .g-btn.color_brown.outlined { box-shadow: 0 0 0 2px #6a4530 inset; color: #6a4530; } .no-touch .g-btn.color_brown.outlined:hover { color: #fff; } .g-btn.color_brown.outlined:before { background-color: #6a4530; } /* COLOR: cream */ .g-btn.color_cream { background-color: #f5ddbf; color: #605c57; } .g-btn.color_cream:before { background-color: rgba(0,0,0,0.06); } .no-touch .g-btn.color_cream:hover { color: #605c57; } /* COLOR: cream outlined */ .g-btn.color_cream.outlined { box-shadow: 0 0 0 2px #f5ddbf inset; color: #f5ddbf; } .no-touch .g-btn.color_cream.outlined:hover { color: #605c57; } .g-btn.color_cream.outlined:before { background-color: #f5ddbf; } /* COLOR: red */ .g-btn.color_red { background-color: #f40; color: #fff; } .no-touch .g-btn.color_red:hover { color: #fff; } /* COLOR: red outlined */ .g-btn.color_red.outlined { box-shadow: 0 0 0 2px #f40 inset; color: #f40; } .no-touch .g-btn.color_red.outlined:hover { color: #fff; } .g-btn.color_red.outlined:before { background-color: #f40; } /* COLOR: lime */ .g-btn.color_lime { background-color: #baeb59; color: #656c57; } .g-btn.color_lime:before { background-color: rgba(0,0,0,0.06); } .no-touch .g-btn.color_lime:hover { color: #656c57; } /* COLOR: lime outlined */ .g-btn.color_lime.outlined { box-shadow: 0 0 0 2px #baeb59 inset; color: #baeb59; } .no-touch .g-btn.color_lime.outlined:hover { color: #656c57; } .g-btn.color_lime.outlined:before { background-color: #baeb59; } /* Alerts */ .g-alert-icon { display: none; vertical-align: middle; font-size: 30px; text-align: center; width: 80px; opacity: 0.5; } .g-alert.with_icon .g-alert-icon { display: table-cell; } .g-alert-body { padding: 20px 25px; } .g-alert.with_close .g-alert-body { padding-right: 60px; } .g-alert.with_icon .g-alert-body { display: table-cell; vertical-align: middle; padding-left: 0; } .g-alert-body p:last-child { margin: 0 !important; } .g-alert-close { font-size: 22px; padding: 20px; opacity: 0.3; -webkit-transition: opacity 0.3s; transition: opacity 0.3s; -webkit-tap-highlight-color: rgba(0,0,0,0); /* removes the touch highlight on touch devices */ } .no-touch .g-alert-close:hover { opacity: 1; } /* ==================================== ====== MAIN WIDGETS =================== ==================================== */ /* w-actionbox */ .w-actionbox { margin-bottom: 0; padding: 30px 40px; border-radius: 5px; } .w-actionbox.controls_aside .w-actionbox-text { padding: 0; } .no-touch .w-actionbox-text a:hover { border-bottom: 1px solid; } .w-actionbox-text h3 + p { margin: 12px 0 0; } .w-actionbox-button.g-btn { margin-left: 8px; } .w-actionbox.color_primary { background-color: #d13a7a; /* variable */ color: #fff; } .w-actionbox.color_secondary { background-color: #6254a8; /* variable */ color: #fff; } .w-actionbox.color_primary h3, .w-actionbox.color_secondary h3, .w-actionbox.color_custom h3 { color: inherit; } .w-actionbox.color_primary .w-actionbox-text a, .w-actionbox.color_secondary .w-actionbox-text a { color: #111; } .no-touch .w-actionbox.color_primary .w-actionbox-text a:hover, .no-touch .w-actionbox.color_secondary .w-actionbox-text a:hover, .no-touch .w-actionbox.color_primary a.g-btn.color_transparent, .no-touch .w-actionbox.color_secondary a.g-btn.color_transparent { color: #fff; } .l-submain.color_alternate .w-actionbox.color_alternate, .l-submain.color_primary .w-actionbox.color_primary, .l-submain.color_secondary .w-actionbox.color_secondary, .l-submain.color_custom .w-actionbox.color_custom { padding: 0; background-color: transparent; } /* w-author */ .w-author { overflow: hidden; padding: 30px; background-color: #f5f5f5; /* variable */ } .w-author-img { float: left; } .w-author-img img { display: block; width: 90px; border-radius: 50%; } .w-author-name { font-size: 18px; line-height: 28px; margin-left: 120px; } .w-author-bio { font-size: 13px; line-height: 22px; margin: 10px 0 0 120px; } .no-touch .w-author-name a:hover, .no-touch .w-author-bio a:hover { border-bottom: 1px solid; } /* w-blog */ .w-blog-content { padding-bottom: 20px; } .w-blog-content .w-blog-meta { padding: 5px 0 20px; } .w-blog-entry { padding-bottom: 35px; margin-bottom: 35px; border-bottom: 1px solid #e8e8e8; /* variable */ } .w-blog-entry.sticky { padding: 20px 20px 25px; margin-left: -20px; margin-right: -20px; border-radius: 5px; border: 2px solid #d13a7a; /* variable */ } .w-blog-entry-h { position: relative; } .w-blog-entry-link { color: inherit; } .w-blog-entry-title { padding: 0; margin-bottom: 16px; } .w-blog-entry-preview + .w-blog-entry-link .w-blog-entry-title { margin-top: 20px; } .w-blog.imgpos_atleft .w-blog-entry-title, .w-blog.imgpos_attop .w-blog-entry-title { margin-bottom: 20px; } .w-blog-entry-title-h { -webkit-transition: color 0.3s; transition: color 0.3s; } .no-touch .w-blog-entry-link:hover .w-blog-entry-title-h { color: #d13a7a; /* variable */ } .no-touch .w-blog-meta a:hover { border-bottom: 1px solid; } .w-blog-meta-date, .w-blog-meta-author, .w-blog-meta-tags, .w-blog-meta-category, .w-blog-meta-comments { font-size: 13px; line-height: 20px; margin: 0 16px 8px 0; } .w-blog-meta i { font-size: 14px; margin-right: 5px; } .w-blog.post .w-blog-meta i { margin-right: 2px; } .w-blog-meta-date i { margin: 0 3px 0 1px; } .w-blog-entry-short { padding-top: 10px; } .w-blog-entry-short p:last-child { margin-bottom: 0; } .w-blog-entry-more.g-btn { margin: 20px 0 0; } /* blog entry format: image */ .w-blog.format-image .w-blog-preview { display: block; } .w-blog-entry.has-post-thumbnail.format-image .w-blog-entry-preview:after, .w-blog-entry.has-post-thumbnail.format-standard .w-blog-entry-preview:after { display: block; content: ''; position: absolute; top: 0; left: 0; height: 100%; width: 100%; border-radius: 3px; -webkit-transition: background-color 0.3s; transition: background-color 0.3s; } .no-touch .w-blog-entry.format-image .w-blog-entry-link:hover .w-blog-entry-preview:after, .no-touch .w-blog-entry.format-standard .w-blog-entry-link:hover .w-blog-entry-preview:after { background-color: rgba(255,255,255,0.35); } /* blog entry format: quote */ .w-blog-entry.format-quote .w-blog-entry-title { padding: 0; } .g-html .format-quote blockquote { font-size: 24px; line-height: 34px; font-style: normal; } /* blog entry format: gallery */ .w-blog.format-gallery .w-blog-preview { display: block; } /* blog entry format: video */ .w-blog.format-video .w-blog-preview { display: block; } .w-blog-entry.format-video .w-blog-entry-preview { height: 0; padding-bottom: 56.25%; overflow: hidden; } .w-blog-entry.format-video .w-blog-entry-preview iframe, .w-blog-entry.format-video .w-blog-entry-preview object, .w-blog-entry.format-video .w-blog-entry-preview embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } /* IMGPOS: atleft */ .w-blog.imgpos_atleft .w-blog-entry-preview { max-width: 350px; } .w-blog.imgpos_atleft .w-blog-entry.format-audio .w-blog-entry-preview, .w-blog.imgpos_atleft .w-blog-entry.format-gallery .w-blog-entry-preview, .w-blog.imgpos_atleft .w-blog-entry.format-link .w-blog-entry-preview, .w-blog.imgpos_atleft .w-blog-entry.format-quote .w-blog-entry-preview, .w-blog.imgpos_atleft .w-blog-entry.format-status .w-blog-entry-preview, .w-blog.imgpos_atleft .w-blog-entry.format-video .w-blog-entry-preview { height: auto; padding-bottom: 0; } .w-blog.imgpos_atleft .w-blog-entry-preview-icon { display: block; height: 0; width: 100%; padding-bottom: 100%; position: relative; -webkit-transition: color 0.3s; transition: color 0.3s; background-color: #f2f2f2; /* variable */ } .w-blog.imgpos_atleft .w-blog-entry-preview-icon i { display: block; position: absolute; top: 50%; left: 50%; font-size: 50px; text-align: center; line-height: 80px; height: 80px; width: 80px; margin: -40px 0 0 -40px; } /* IMGTYPE: circle */ .w-blog.imgtype_circle .w-blog-entry-preview { border-radius: 50%; overflow: hidden; } /* TYPE: masonry */ .w-blog.type_masonry .w-blog-list { margin: 0; overflow: visible !important; } .l-body.page-template-page-grid_blog-php .l-submain { overflow: hidden; } .w-blog.type_masonry .w-blog-entry { border: none; padding: 0; margin-bottom: 0; text-align: center; width: 33.333333%; box-shadow: 0 1px 1px rgba(0,0,0,0); -webkit-transition: box-shadow 0.3s; transition: box-shadow 0.3s; } .no-touch .w-blog.type_masonry .w-blog-entry:hover { box-shadow: 0 2px 15px rgba(0,0,0,0.17); z-index: 3; } @media (min-width: 1600px) { .full_width .w-blog.type_masonry .w-blog-entry { width: 20%; } } @media (min-width: 1280px) and (max-width: 1599px) { .full_width .w-blog.type_masonry .w-blog-entry { width: 25%; } } .w-blog.type_masonry .w-blog-entry.sticky { margin: 0; padding: 0; border: none; border-radius: 0; } .w-blog.type_masonry .w-blog-entry-link { display: block; } .w-blog.type_masonry .w-blog-entry-preview { position: relative; } .w-blog.type_masonry .w-blog-entry-preview:before { display: block; content: ''; position: absolute; bottom: -17px; left: 50%; margin-left: -15px; height: 30px; width: 30px; border-radius: 5px; z-index: 1; -webkit-transform: rotate(45deg); transform: rotate(45deg); background-color: #fff; } .w-blog.type_masonry .w-blog-entry-title { font-size: 20px; line-height: 30px; padding: 20px 30px 10px; margin: 0; } .w-blog.type_masonry .w-blog-entry.sticky .w-blog-entry-title { font-weight: 700; } .w-blog.type_masonry .w-blog-entry-body { padding: 0 30px 30px; } /* blog entry format: video */ .w-blog.type_masonry .w-blog-entry.format-video .w-blog-entry-preview { height: auto; padding: 0; } .w-blog.type_masonry .w-blog-entry.format-video .w-blog-entry-preview:before { display: none; } .w-blog.type_masonry .w-blog-entry-preview-icon { display: inline-block; vertical-align: top; padding: 20px 0 0; font-size: 33px; -webkit-transition: color 0.3s; transition: color 0.3s; } /* blog entry format: quote */ .w-blog.type_masonry .w-blog-entry.format-quote .w-blog-entry-title blockquote { font-size: 18px; line-height: 26px; font-style: italic; padding: 0; margin: 0; border: none; } .w-blog.type_masonry .w-blog-meta-date, .w-blog.type_masonry .w-blog-meta-author, .w-blog.type_masonry .w-blog-meta-tags, .w-blog.type_masonry .w-blog-meta-category, .w-blog.type_masonry .w-blog-meta-comments { font-size: 12px; line-height: 16px; margin: 4px 8px; } .w-blog.type_masonry + .w-blog-pagination { text-align: center; padding-top: 30px; } /* w-bloglist */ .w-bloglist { padding: 30px 0; border-top: 1px solid #e8e8e8; /* variable */ } .w-bloglist.date_atbottom { padding: 0; border: none; } .w-bloglist-title { margin-bottom: 18px; } .w-bloglist-title i { margin-right: 8px; } .w-bloglist-entry { margin-bottom: 8px; } .no-touch .w-bloglist-entry-link:hover { border-bottom: 1px solid; } .w-bloglist-entry-link { margin-right: 10px; } .w-bloglist-entry-date { font-size: 13px; white-space: nowrap; opacity: 0.5; } .w-bloglist.date_atbottom .w-bloglist-entry-date { display: block; } .w-bloglist-entry-author { font-size: 13px; opacity: 0.5; } .w-bloglist-entry-short { display: block; font-size: 14px; line-height: 20px; clear: both; padding: 6px 0; } /* w-blognav */ .w-blognav { overflow: hidden; border-top: 1px solid #e8e8e8; /* variable */ } .w-blognav-prev { float: left; padding: 30px 35px; width: 50%; position: relative; color: inherit !important; } .w-blognav-prev:before { content: '\f053'; font: 22px/1 FontAwesome; position: absolute; top: 47px; left: 0; opacity: 0.3; } .w-blognav-next { float: right; text-align: right; padding: 30px 35px; width: 50%; position: relative; color: inherit !important; } .w-blognav-next:before { content: '\f054'; font: 22px/1 FontAwesome; position: absolute; top: 47px; right: 0; opacity: 0.3; } .w-blognav-meta { display: block; font-size: 13px; opacity: 0.5; } .no-touch .w-blognav-title, .no-touch .w-blognav-title { -webkit-transition: color 0.3s; transition: color 0.3s; } .no-touch .w-blognav-prev:hover .w-blognav-title, .no-touch .w-blognav-next:hover .w-blognav-title { border-bottom: 1px solid; color: #6254a8; /* variable */ } /* w-cart */ .w-cart { display: none; float: right; height: 100%; position: relative; z-index: 11; } .w-cart.has_items { display: block; } .l-header.logopos_right .l-subheader.at_middle .w-cart.has_items, .headerlayout_centered .l-subheader.at_bottom .w-cart.has_items { float: none; display: inline-block; vertical-align: top; } .l-subheader.at_middle .w-nav.type_mobile ~ .w-cart.has_items { display: block; position: absolute; top: 0; left: 40px; } .l-subheader.at_middle .w-nav.type_mobile ~ .w-search ~ .w-cart.has_items { left: 86px; } .headerlayout_centered .w-nav.type_mobile ~ .w-cart.has_items { display: block; position: absolute; top: 0; right: 0; } .headerlayout_centered .w-nav.type_mobile ~ .w-search ~ .w-cart.has_items { right: 46px; } .w-cart-link { display: block; font-size: 20px; text-align: center; padding: 0 8px 0 20px; border: none; color: inherit; } .l-subheader.at_middle .w-nav.type_mobile ~ .w-cart .w-cart-link, .headerlayout_centered .w-nav.type_mobile ~ .w-cart .w-cart-link { padding-left: 8px; } .no-touch .w-cart-link:hover { color: #d13a7a; /* variable */ } .w-cart-quantity { font-size: 16px; font-weight: bold; line-height: 1; margin: 0 1px 0 4px; color: #d13a7a; /* variable */ } .w-cart-notification { display: none; position: absolute; right: 0; font-size: 13px; text-align: center; line-height: 20px; padding: 18px 20px; width: 285px; z-index: 11; background-color: rgba(0,0,0,0.85); color: #ccc; } .l-header.logopos_right .l-subheader.at_middle .w-cart-notification { left: 0; right: auto; } .w-cart-notification .product-name { color: #fff; } .w-cart-dropdown { display: none; position: absolute; right: 0; font-size: 14px; text-align: left; padding: 20px 20px 0; min-width: 285px; box-shadow: 0 8px 15px rgba(0,0,0,0.1); background-color: #fff; /* variable */ } .no-touch .w-cart:hover .w-cart-dropdown { display: block; } .no-touch .l-body.woocommerce-cart .w-cart:hover .w-cart-dropdown, .no-touch .l-body.woocommerce-checkout .w-cart:hover .w-cart-dropdown { display: none; } .l-header.logopos_right .w-cart-dropdown { left: 0; right: auto; } /* w-clients */ .col_sidecont .w-clients.nav_arrows, .col_contside .w-clients.nav_arrows { padding: 0 50px; } @media only screen and (max-width: 1299px) { .w-clients.nav_arrows { padding: 0 50px; } } .w-clients-item-h { display: block; opacity: 0.66; border-radius: 5px; border: 2px solid transparent; -webkit-transition: border-color 0.3s ease, opacity 0.3s ease; transition: border-color 0.3s ease, opacity 0.3s ease; } .w-clients.with_indents .w-clients-item-h { padding: 30px; } .no-touch .w-clients-item-h:hover { opacity: 1; border-color: #d13a7a; /* variable */ } .no-touch .l-submain.color_primary .w-clients-item-h:hover, .no-touch .l-submain.color_secondary .w-clients-item-h:hover { border-color: #fff; } /* arrows */ .w-clients .slick-prev, .w-clients .slick-next { display: none !important; position: absolute; top: 50%; font-size: 0; font-weight: normal; height: 50px; width: 50px; margin-top: -25px; padding: 0 !important; border-radius: 50%; background: none !important; box-shadow: 0 0 0 2px transparent inset; color: inherit; } .w-clients .slick-prev { left: -50px; } .w-clients .slick-next { right: -50px; } .w-clients.nav_arrows .slick-prev, .w-clients.nav_arrows .slick-next { display: block !important; } .w-clients .slick-prev.slick-disabled, .w-clients .slick-next.slick-disabled { cursor: default; box-shadow: none !important; color: inherit !important; opacity: 0.33; } .no-touch .w-clients .slick-prev:hover, .no-touch .w-clients .slick-next:hover { box-shadow: 0 0 0 2px #c20 inset; /* variable */ color: #c20; /* variable */ } .no-touch .l-submain.color_primary .w-clients .slick-prev:hover, .no-touch .l-submain.color_primary .w-clients .slick-next:hover, .no-touch .l-submain.color_secondary .w-clients .slick-prev:hover, .no-touch .l-submain.color_secondary .w-clients .slick-next:hover { box-shadow: 0 0 0 2px #fff inset; color: #fff; } .w-clients .slick-next:before, .w-clients .slick-prev:before { content: '\f105'; font-family: FontAwesome; font-size: 30px; line-height: 50px; margin: 0 0 0 3px; color: inherit; } .w-clients .slick-prev:before { content: '\f104'; margin: 0 3px 0 0; } /* w-comments */ .w-comments { padding-top: 35px; border-top: 1px solid #e8e8e8; /* variable */ } .l-submain.for_comments .w-comments { padding-top: 0; border: none; } .w-comments-title { margin-bottom: 10px; } .w-comments-title i { margin-right: 10px; opacity: 0.33; } .w-comments-list { padding-bottom: 5px; } .w-comments-item { padding-top: 30px; border-top: 1px solid #e8e8e8; /* variable */ } .w-comments-list > .w-comments-item:first-child { border-top: none; } .w-comments-item-meta { margin-bottom: 15px; } .w-comments-item-icon { top: 30px; line-height: 0; border-radius: 50%; overflow: hidden; } .w-comments-item-date { float: none; font-size: 13px; opacity: 0.5; color: inherit; } .w-comments-item-text { margin-bottom: -6px; } .no-touch .w-comments-item-meta a:hover, .no-touch .w-comments-item-text a:hover, .no-touch .w-comments-item-answer a:hover { border-bottom: 1px solid; opacity: 1; } .w-comments-pagination { font-size: 13px; text-align: center; } .w-comments-pagination a { margin: 0 10px; } .no-touch .w-comments-pagination a:hover { border-bottom: 1px solid; } /* w-contacts */ .w-contacts-item-name { display: none; } .no-touch .w-contacts a:hover { border-bottom: 1px solid; } .l-main .w-contacts-list { font-size: 0; margin: 0 -20px -20px; } .l-main .w-contacts-item { display: inline-block; vertical-align: middle; min-height: 50px; padding: 0 20px; margin-bottom: 20px; position: relative; } .l-main .w-contacts-item i { position: absolute; top: 0; left: 20px; text-align: center; font-size: 20px; line-height: 50px; height: 50px; width: 50px; border-radius: 50%; box-shadow: 0 0 0 2px #d13a7a inset; /* variable */ color: #d13a7a; /* variable */ } .l-main .w-contacts-item-value { display: block; font-size: 16px; line-height: 26px; margin: 12px 0 0 65px; white-space: normal; } /* w-contacts in header */ .l-subheader.at_top .w-contacts { float: left; margin-right: 15px; } .l-subheader.at_middle .w-contacts { float: right; margin-left: 15px; } .l-header.logopos_right .l-subheader.at_middle .w-contacts { float: left; margin-left: 0; margin-right: 15px; } .headerlayout_centered .l-subheader .w-contacts { display: none; } .l-subheader .w-contacts-list { display: inline-block; vertical-align: middle; vertical-align: -webkit-baseline-middle; font-size: 13px; line-height: 36px; margin: 0 -10px; } .l-subheader .w-contacts-item { display: inline-block; vertical-align: top; margin: 0 10px; white-space: nowrap; } .l-subheader .w-contacts-item i { font-size: 15px; opacity: 0.5; } .l-subheader .w-contacts-item-value { display: inline-block; vertical-align: top; margin: 0 0 0 5px; } .l-subheader .w-contacts-item i, .l-subheader .w-contacts-item.for_phone .w-contacts-item-value { -webkit-transition: color 0.3s; transition: color 0.3s; } .l-subheader .w-contacts-item-value a { color: inherit; } .no-touch .l-subheader .w-contacts-item-value a:hover { color: #666; /* variable */ } /* w-contacts in footer */ .l-subfooter .w-contacts-item { position: relative; } .l-subfooter .w-contacts-item i { display: block; position: absolute; top: 0; left: 0; text-align: center; font-size: 18px; line-height: 21px; height: 21px; width: 21px; } .l-subfooter .w-contacts-item-value { display: block; margin: 0 0 12px 36px; } /* w-copyright */ .w-nav + .w-copyright { float: left; } /* w-counter */ .w-counter { text-align: center; margin: 0 auto; max-width: 300px; } .w-counter-number { font-family: 'Noto Sans'; line-height: 1; } .l-submain.color_primary .w-counter-number, .l-submain.color_secondary .w-counter-number, .l-submain.color_custom .w-counter-number { color: inherit; } .w-counter h6.w-counter-title { padding: 10px 0 8px; margin: 0; } /* SIZE: small */ .w-counter.size_small .w-counter-number { font-size: 4em; } /* SIZE: medium */ .w-counter.size_medium .w-counter-number { font-size: 5em; } /* SIZE: big */ .w-counter.size_big .w-counter-number { font-size: 6em; } /* w-filters */ .w-filters { text-align: center; font-size: 0; background-color: #f2f2f2; /* variable */ } .w-filters-item { display: inline-block; vertical-align: top; font-size: 14px; line-height: 50px; height: 50px; padding: 0 15px; cursor: pointer; -webkit-transition: background-color 0.1s, color 0.1s; transition: background-color 0.1s, color 0.1s; } .w-filters-item.active { cursor: default; } .no-touch .w-filters-item:hover { background-color: #d13a7a; /* variable */ color: #fff; } .w-filters-item.active, .no-touch .w-filters-item.active:hover { background-color: #fff; /* variable */ color: #d13a7a; /* variable */ } /* w-form */ .w-form-row { padding: 0 0 16px; } .w-form-row.for_submit { padding: 0; } .w-form-row.for_links { padding: 8px 0 0; } .w-form-label { display: none; margin: 0 0 6px; } #captcha_row .w-form-label { display: block; } .w-form-field { position: relative; } .w-form-field > input[type="text"], .w-form-field > input[type="password"], .w-form-field > input[type="email"], .w-form-field > textarea, .w-form-field > select { padding-left: 50px; } #captcha_row .w-form-field > input[type="text"] { padding-left: 12px; } .w-form-field > i { display: block; position: absolute; top: 0; left: 0; font-size: 20px; text-align: center; line-height: 40px; width: 50px; opacity: 0.33; pointer-events: none; -webkit-transition: opacity 0.3s, color 0.3s; transition: opacity 0.3s, color 0.3s; color: #444; /* variable */ } .w-form-field > input:focus + i, .w-form-field > textarea:focus + i { opacity: 1; color: #c20; /* variable */ } .w-form-state { font-size: 14px; line-height: 24px; color: red; } .w-form-row.for_submit .g-btn { margin: 0; } .w-form-row.for_submit .g-btn i { display: none; position: absolute; top: 50%; left: 50%; font-size: 26px; line-height: 30px; height: 30px; width: 30px; margin: -15px 0 0 -15px; } .w-form-row.for_submit .g-btn.loading i { display: block; } .w-form-row.for_submit .g-btn.loading span { opacity: 0; } .w-form-field-success { display: inline-block; vertical-align: top; font-size: 18px; line-height: 26px; padding: 12px; color: #4c0; } .w-form.align_center .w-form-field-success { display: block; padding-bottom: 0; } .w-form.align_right .w-form-field-success { display: block; padding-bottom: 0; padding-right: 0; } /* STATE: error */ .w-form-row.check_wrong input[type="text"], .w-form-row.check_wrong input[type="password"], .w-form-row.check_wrong input[type="email"], .w-form-row.check_wrong input[type="url"], .w-form-row.check_wrong input[type="tel"], .w-form-row.check_wrong input[type="number"], .w-form-row.check_wrong input[type="date"], .w-form-row.check_wrong textarea, .w-form-row.check_wrong select { box-shadow: 0 0 0 1px red; } /* FORM: protected post */ .w-form.protected-post-form .w-form-row:after { display: block; content: ''; clear: both; } .w-form.protected-post-form .w-form-field { float: left; } .w-form.protected-post-form .g-btn { margin: 0 0 0 10px; } /* FORM: login */ .w-form.for_login .w-form-row.for_submit .g-btn { margin-right: 13px; } .w-form.for_login .w-form-row.for_submit label { display: inline-block; vertical-align: top; font-size: 13px; margin-top: 8px; white-space: nowrap; } .w-form.for_login .w-form-row.for_submit label input[type="checkbox"] { margin-top: -3px; vertical-align: middle; } .w-form-row-link { font-size: 13px; margin-right: 8px; } .no-touch .w-form-row-link:hover { border-bottom: 1px solid; } /* w-gallery */ .w-gallery-tnail { position: relative; width: 100%; cursor: zoom-in; } .w-gallery-tnail img { display: block; margin: 0 auto; } .no-touch .w-gallery-tnail-title { display: block; position: absolute; top: 0; left: 0; padding: 0; width: 100%; height: 100%; text-align: center; text-indent: -10000px; -webkit-transition: box-shadow 0.3s; transition: box-shadow 0.3s; box-shadow: 0 0 0 1px transparent inset; } .no-touch .w-gallery-tnail:hover .w-gallery-tnail-title { box-shadow: 0 0 0 8px #fff inset; } .w-gallery.with_indents .w-gallery-tnails { margin: -5px; } .w-gallery.with_indents .w-gallery-tnail { padding: 5px; } .w-gallery.columns_2 .w-gallery-tnail { width: 50%; } .w-gallery.columns_3 .w-gallery-tnail { width: 33.3333%; } .w-gallery.columns_4 .w-gallery-tnail { width: 25%; } .w-gallery.columns_5 .w-gallery-tnail { width: 20%; } .w-gallery.columns_6 .w-gallery-tnail { width: 16.6666%; } .w-gallery.columns_7 .w-gallery-tnail { width: 14.2857%; } .w-gallery.columns_8 .w-gallery-tnail { width: 12.5%; } .w-gallery.columns_9 .w-gallery-tnail { width: 11.1111%; } .w-gallery.columns_10 .w-gallery-tnail { width: 10%; } /* w-icon */ .w-icon { display: inline-block; vertical-align: top; margin: 4px; } .w-icon-link { display: block; } .no-touch .w-icon-link:hover { border: none !important; } /* WITH: circle */ .w-icon.type_solid { text-align: center; border-radius: 50%; overflow: hidden; } /* COLOR: text */ .w-icon.color_text .w-icon-link { color: #666; /* variable */ } .w-icon.color_text.type_solid .w-icon-link { background-color: #f2f2f2; /* variable */ } .color_primary .w-icon.color_text .w-icon-link { color: #fff; } .color_primary .w-icon.color_text.type_solid .w-icon-link { color: #666; /* variable */ } /* COLOR: border */ .w-icon.color_border .w-icon-link { color: #e8e8e8; /* variable */ } .w-icon.color_border.type_solid .w-icon-link { background-color: #e8e8e8; /* variable */ color: #fff; } /* COLOR: primary */ .w-icon.color_primary .w-icon-link { color: #d13a7a; /* variable */ } .w-icon.color_primary.type_solid .w-icon-link { background-color: #d13a7a; /* variable */ color: #fff !important; } /* COLOR: secondary */ .w-icon.color_secondary .w-icon-link { color: #6254a8; /* variable */ } .w-icon.color_secondary.type_solid .w-icon-link { background-color: #6254a8; /* variable */ color: #fff !important; } /* COLOR: fade */ .w-icon.color_fade .w-icon-link { color: #999; /* variable */ } .w-icon.color_fade.type_solid .w-icon-link { background-color: #f2f2f2; /* variable */ } .no-touch .w-icon.color_fade.type_solid .w-icon-link:hover { color: #999; /* variable */ } /* SIZE: tiny */ .w-icon.size_tiny { font-size: 24px; } .w-icon.size_tiny.type_solid { font-size: 16px; line-height: 36px; height: 36px; width: 36px; } /* SIZE: small */ .w-icon.size_small { font-size: 36px; } .w-icon.size_small.type_solid { font-size: 24px; line-height: 48px; height: 48px; width: 48px; } /* SIZE: medium */ .w-icon.size_medium { font-size: 48px; } .w-icon.size_medium.type_solid { font-size: 32px; line-height: 60px; height: 60px; width: 60px; } /* SIZE: big */ .w-icon.size_big { font-size: 68px; } .w-icon.size_big.type_solid { font-size: 48px; line-height: 86px; height: 86px; width: 86px; } /* SIZE: huge */ .w-icon.size_huge { font-size: 90px; } .w-icon.size_huge.type_solid { font-size: 64px; line-height: 110px; height: 110px; width: 110px; } /* w-iconbox */ .w-iconbox-link { color: inherit !important; -webkit-transition: none; transition: none; } .w-iconbox-icon { position: relative; -webkit-transition: color 0.3s; transition: color 0.3s; } .w-iconbox-icon i { vertical-align: top; line-height: inherit; position: relative; } .w-iconbox-icon img { line-height: inherit; position: relative; } .w-iconbox .w-iconbox-title { -webkit-transition: color 0.3s; transition: color 0.3s; } .no-touch .w-iconbox-link:hover .w-iconbox-title { color: #d13a7a; /* variable */ } /* ICONPOS */ .w-iconbox.iconpos_left .w-iconbox-title { padding: 0 0 15px; } .w-iconbox.iconpos_top .w-iconbox-title { padding: 15px 0; } /* TYPE */ .w-iconbox.type_default .w-iconbox-icon { background-color: transparent !important; box-shadow: none !important; } .w-iconbox.type_solid .w-iconbox-icon { text-align: center; overflow: hidden; border-radius: 50%; box-shadow: none !important; } .w-iconbox.type_outlined .w-iconbox-icon { text-align: center; overflow: hidden; border-radius: 50%; background-color: transparent !important; border: 1px solid transparent; /* webkit render fix */ } .no-touch .w-iconbox.type_outlined .w-iconbox-link:hover .w-iconbox-icon, .no-touch .w-iconbox.type_solid .w-iconbox-link:hover .w-iconbox-icon { color: #fff !important; } .no-touch .w-iconbox.type_outlined .w-iconbox-icon:before, .no-touch .w-iconbox.type_solid .w-iconbox-icon:before { display: block; content: ''; position: absolute; top: 0; left: 0; height: 0; width: 100%; -webkit-transition: height 0.3s; transition: height 0.3s; background-color: #d13a7a; /* variable */ } .w-iconbox.type_outlined.custom_img .w-iconbox-icon:before, .w-iconbox.type_solid.custom_img .w-iconbox-icon:before { display: none; } .no-touch .w-iconbox.type_outlined .w-iconbox-link:hover .w-iconbox-icon:before, .no-touch .w-iconbox.type_solid .w-iconbox-link:hover .w-iconbox-icon:before { height: 100%; } /* COLOR */ .w-iconbox.color_primary.type_solid .w-iconbox-icon, .w-iconbox.color_secondary.type_solid .w-iconbox-icon { color: #fff; } /* SIZE: tiny */ .w-iconbox.size_tiny .w-iconbox-icon { font-size: 24px; line-height: 24px; } .w-iconbox.size_tiny .w-iconbox-icon img { max-width: 24px; } .w-iconbox.size_tiny .w-iconbox-title { font-size: 18px; padding: 10px 0; } .w-iconbox.size_tiny.iconpos_left .w-iconbox-title { margin-left: 36px; padding-top: 0; } .w-iconbox.size_tiny.iconpos_left .w-iconbox-text { margin-left: 0; } .w-iconbox.no_text.size_tiny { max-width: 50px; } .w-iconbox.type_outlined.size_tiny .w-iconbox-icon, .w-iconbox.type_solid.size_tiny .w-iconbox-icon { font-size: 20px; line-height: 46px; height: 50px; width: 50px; } .w-iconbox.type_outlined.size_tiny .w-iconbox-icon img, .w-iconbox.type_solid.size_tiny .w-iconbox-icon img { max-width: 20px; } .w-iconbox.type_outlined.size_tiny.iconpos_left .w-iconbox-title, .w-iconbox.type_outlined.size_tiny.iconpos_left .w-iconbox-text, .w-iconbox.type_solid.size_tiny.iconpos_left .w-iconbox-title, .w-iconbox.type_solid.size_tiny.iconpos_left .w-iconbox-text { margin-left: 70px; } /* SIZE: small */ .w-iconbox.size_small .w-iconbox-icon { font-size: 36px; line-height: 36px; } .w-iconbox.size_small .w-iconbox-icon img { max-width: 36px; } .w-iconbox.size_small.iconpos_left .w-iconbox-title, .w-iconbox.size_small.iconpos_left .w-iconbox-text { margin-left: 55px; } .w-iconbox.no_text.size_small { max-width: 70px; } .w-iconbox.type_outlined.size_small .w-iconbox-icon, .w-iconbox.type_solid.size_small .w-iconbox-icon { font-size: 28px; line-height: 70px; height: 70px; width: 70px; } .w-iconbox.type_outlined.size_small .w-iconbox-icon img, .w-iconbox.type_solid.size_small .w-iconbox-icon img { max-width: 28px; } .w-iconbox.type_outlined.size_small.iconpos_left .w-iconbox-title, .w-iconbox.type_outlined.size_small.iconpos_left .w-iconbox-text, .w-iconbox.type_solid.size_small.iconpos_left .w-iconbox-title, .w-iconbox.type_solid.size_small.iconpos_left .w-iconbox-text { margin-left: 95px; } /* SIZE: medium */ .w-iconbox .w-iconbox-icon { font-size: 48px; line-height: 48px; } .w-iconbox .w-iconbox-icon img { max-width: 48px; } .w-iconbox.iconpos_left .w-iconbox-title, .w-iconbox.iconpos_left .w-iconbox-text { margin-left: 70px; } .w-iconbox.no_text { max-width: 90px; } .w-iconbox.type_outlined .w-iconbox-icon, .w-iconbox.type_solid .w-iconbox-icon { font-size: 36px; line-height: 90px; height: 90px; width: 90px; } .w-iconbox.type_outlined .w-iconbox-icon img, .w-iconbox.type_solid .w-iconbox-icon img { max-width: 36px; } .w-iconbox.type_outlined.iconpos_left .w-iconbox-title, .w-iconbox.type_outlined.iconpos_left .w-iconbox-text, .w-iconbox.type_solid.iconpos_left .w-iconbox-title, .w-iconbox.type_solid.iconpos_left .w-iconbox-text { margin-left: 115px; } /* SIZE: big */ .w-iconbox.size_big .w-iconbox-icon { font-size: 70px; line-height: 70px; } .w-iconbox.size_big .w-iconbox-icon img { max-width: 70px; } .w-iconbox.size_big.iconpos_left .w-iconbox-title, .w-iconbox.size_big.iconpos_left .w-iconbox-text { margin-left: 92px; } .w-iconbox.no_text.size_big { max-width: 110px; } .w-iconbox.type_outlined.size_big .w-iconbox-icon, .w-iconbox.type_solid.size_big .w-iconbox-icon { font-size: 46px; line-height: 110px; height: 110px; width: 110px; } .w-iconbox.type_outlined.size_big .w-iconbox-icon img, .w-iconbox.type_solid.size_big .w-iconbox-icon img { max-width: 46px; } .w-iconbox.type_outlined.size_big.iconpos_left .w-iconbox-title, .w-iconbox.type_outlined.size_big.iconpos_left .w-iconbox-text, .w-iconbox.type_solid.size_big.iconpos_left .w-iconbox-title, .w-iconbox.type_solid.size_big.iconpos_left .w-iconbox-text { margin-left: 135px; } /* SIZE: huge */ .w-iconbox.size_huge .w-iconbox-icon { font-size: 90px; line-height: 100px; } .w-iconbox.size_huge .w-iconbox-icon img { max-width: 90px; } .w-iconbox.size_huge.iconpos_left .w-iconbox-title, .w-iconbox.size_huge.iconpos_left .w-iconbox-text { margin-left: 115px; } .w-iconbox.no_text.size_huge { max-width: 130px; } .w-iconbox.type_outlined.size_huge .w-iconbox-icon, .w-iconbox.type_solid.size_huge .w-iconbox-icon { font-size: 56px; line-height: 130px; height: 130px; width: 130px; } .w-iconbox.type_outlined.size_huge .w-iconbox-icon img, .w-iconbox.type_solid.size_huge .w-iconbox-icon img { max-width: 56px; } .w-iconbox.type_outlined.size_huge.iconpos_left .w-iconbox-title, .w-iconbox.type_outlined.size_huge.iconpos_left .w-iconbox-text, .w-iconbox.type_solid.size_huge.iconpos_left .w-iconbox-title, .w-iconbox.type_solid.size_huge.iconpos_left .w-iconbox-text { margin-left: 160px; } /* w-lang */ .l-subheader.at_top .w-lang { float: left; z-index: 2; } .l-subheader.at_middle .w-lang { float: right; z-index: 12; } .l-header.logopos_right .l-subheader.at_middle .w-lang { float: left; } .headerlayout_centered .w-lang { display: none !important; } .w-lang-h { display: inline-block; vertical-align: middle; vertical-align: -webkit-baseline-middle; line-height: 36px; } .w-lang.layout_dropdown .w-lang-list { padding-top: 32px; padding-bottom: 4px; min-width: 100%; box-sizing: content-box; box-shadow: 0 0 0 0 rgba(0,0,0,0); -webkit-transition: box-shadow 0.5s; transition: box-shadow 0.5s; } .w-lang.layout_dropdown.active .w-lang-list { box-shadow: 0 0 1px 1px rgba(0,0,0,0.08); } .w-lang-item { padding: 0 30px 0 12px; -webkit-transition: color 0.3s; transition: color 0.3s; } .w-lang.active .w-lang-item { color: #444; /* variable */ } .w-lang-list .w-lang-item { text-align: left; line-height: 28px; padding-right: 12px; color: inherit; opacity: 0; } .w-lang.active .w-lang-list .w-lang-item { opacity: 1; } .w-lang-item-title { font-size: 13px; vertical-align: top; } .w-lang-current { position: relative; z-index: 1; cursor: pointer; } .w-lang-current .w-lang-item:before { display: block; content: "\f107"; position: absolute; top: 0; right: 10px; font-size: 20px; font-family: FontAwesome; cursor: pointer; } /* w-loadmore */ .w-loadmore { text-align: center; padding-top: 30px; } .l-submain.full_height .w-loadmore { padding-bottom: 30px; } .w-loadmore.done { display: none; } .w-loadmore .g-btn { margin: 0; vertical-align: top; } .w-loadmore i { display: none; font-size: 24px; line-height: 36px; } .w-loadmore.loading .g-btn { display: none; } .w-loadmore.loading i { display: inline-block; } .color_primary .w-loadmore .g-btn.color_contrast.outlined, .color_secondary .w-loadmore .g-btn.color_contrast.outlined { box-shadow: 0 0 0 2px #fff inset; color: #fff; } .no-touch .color_primary .w-loadmore .g-btn.color_contrast.outlined:hover, .no-touch .color_secondary .w-loadmore .g-btn.color_contrast.outlined:hover { color: #444; } .color_primary .w-loadmore .g-btn.color_contrast.outlined:before, .color_secondary .w-loadmore .g-btn.color_contrast.outlined:before { background-color: #fff; } /* w-logo */ .w-logo { float: left; z-index: 1; } .l-header.logopos_right .w-logo { float: right; } .headerlayout_centered .w-logo { float: none !important; } .w-logo-link { color: inherit; } .w-logo-title { font-size: 27px; font-family: 'Noto Sans'; line-height: inherit; } .w-logo-img { max-width: 200px; -webkit-transition: height 0.1s; transition: height 0.1s; } .headerlayout_centered .w-logo-img { max-width: none; } .w-logo-img > img { display: block; height: inherit; max-width: none; } /* Enable the second logo image for the transparent header */ .with_transparent .w-logo-img > img.for_transparent, .transparent .with_transparent .w-logo-img > img.for_default { opacity: 0; } .transparent .with_transparent .w-logo-img > img.for_transparent { opacity: 1; } /* w-map */ .full_width .w-map { margin: 20px; } .no-touch .full_width .w-map { margin: 0; } .w-map img { max-width: none !important; } .w-map label { display: inline; width: auto; } .gm-style .gm-style-iw > div { width: auto !important; } .gmap_marker { color: #333; } /* w-nav in header */ .l-header .w-nav { display: inline-block; vertical-align: middle; vertical-align: -webkit-baseline-middle; } .headerlayout_standard .w-nav.type_desktop.height_auto, .headerlayout_extended .w-nav.type_desktop.height_auto { line-height: 50px; } .headerlayout_advanced .w-nav.type_desktop.height_auto, .headerlayout_centered .w-nav.type_desktop.height_auto { line-height: 36px; } .w-nav-control { float: right; font-size: 21px; text-align: center; width: 50px; cursor: pointer; -webkit-transition: color 0.3s; transition: color 0.3s; } .w-nav-control:before { content: '\f0c9'; font-family: FontAwesome; vertical-align: top; } .l-header.logopos_right .w-nav-control, .l-subheader.at_bottom .w-nav-control { float: none; text-align: left; width: 40px; } .l-header .w-nav-list.level_2, .l-header .w-nav-list.level_3, .l-header .w-nav-list.level_4 { min-width: 200px; } .l-header .w-nav-anchor { font-size: 16px; /* variable */ } .l-header .w-nav-anchor.level_1 { padding: 0 20px; height: 100%; color: inherit; } .w-nav-anchor.level_1 .w-nav-title { position: relative; } .w-nav-title .fa { width: 20px; } /* w-nav sublevel arrow */ .l-header .w-nav-arrow { display: none; position: absolute; top: 0; right: 0; font-family: FontAwesome; font-size: 20px; font-weight: normal; line-height: inherit; height: 100%; width: 20px; } .l-header .w-nav-arrow:before { content: '\f107'; } .l-header .w-nav-item.level_2.menu-item-has-children .w-nav-anchor.level_2 .w-nav-arrow, .l-header .w-nav-item.level_3.menu-item-has-children .w-nav-anchor.level_3 .w-nav-arrow { display: block; line-height: 40px; } .l-header .w-nav-item.level_2.menu-item-has-children .w-nav-anchor.level_2 .w-nav-arrow:before, .l-header .w-nav-item.level_3.menu-item-has-children .w-nav-anchor.level_3 .w-nav-arrow:before { content: '\f105'; } .l-header .w-nav-item.level_2.menu-item-has-children .w-nav-anchor.level_2 .w-nav-title, .l-header .w-nav-item.level_3.menu-item-has-children .w-nav-anchor.level_3 .w-nav-title { padding-right: 20px; } /* w-nav underline hover effect */ .no-touch .w-nav.type_desktop .hover_underline .w-nav-anchor.level_1 .w-nav-title:after { display: block; content: ''; position: absolute; left: 0; bottom: -6px; margin: 0 auto -2px; height: 2px; width: 100%; opacity: 0; -webkit-transition: all 0.3s; transition: all 0.3s; } .w-nav-title:after { background-color: #d13a7a; /* variable */ } .no-touch .w-nav.type_desktop .hover_underline .w-nav-item.level_1:hover .w-nav-title:after { bottom: -2px; opacity: 1; } /* w-nav dropdown lists */ .l-header .w-nav-list.level_2, .l-header .w-nav-list.level_3, .l-header .w-nav-list.level_4 { box-shadow: 0 8px 15px rgba(0,0,0,0.1); background-color: #fff; /* variable */ } .l-header .w-nav-anchor.level_2, .l-header .w-nav-anchor.level_3, .l-header .w-nav-anchor.level_4 { line-height: 20px; white-space: nowrap; -webkit-transition: color 0.1s, background-color 0.1s; transition: color 0.1s, background-color 0.1s; color: #666; /* variable */ } /* w-nav dropdown columns list */ .w-nav.type_desktop [class*="columns"] .w-nav-list.level_2 { text-align: left; padding: 15px 0; } .w-nav.type_desktop [class*="columns"] .w-nav-item.level_2 { padding: 0 15px; } .type_desktop [class*="columns"] .w-nav-list.level_3 { box-shadow: none; } .type_desktop [class*="columns"] .w-nav-anchor.level_2, .type_desktop [class*="columns"] .w-nav-anchor.level_3 { white-space: normal; } .type_desktop [class*="columns"] .menu-item-has-children .w-nav-anchor.level_2 { font-weight: 700; margin: 0 0 8px; background-color: transparent !important; } .type_desktop [class*="columns"] .menu-item-has-children .w-nav-arrow { display: none !important; } /* w-nav button */ .btn.w-nav-item .w-nav-anchor.level_1 { display: inline-block !important; vertical-align: middle; vertical-align: -webkit-baseline-middle; line-height: 40px; border-radius: 5px; margin: 0 10px; border: none !important; } .btn.w-nav-item .w-nav-title:after { display: none !important; } .btn.w-nav-item .w-nav-anchor.level_1:before { display: block; content: ''; position: absolute; top: 0; left: 0; right: 0; height: 0; background-color: rgba(0,0,0,0.1); -webkit-transition: height 0.3s; transition: height 0.3s; } .no-touch .btn.w-nav-item .w-nav-anchor.level_1:hover:before { height: 100%; } /* TOUCH: enabled */ .w-nav.type_mobile, .w-nav.type_mobile .w-nav-control { display: block; line-height: inherit; } .w-nav.type_mobile .w-nav-list.level_1 { clear: both; overflow-y: auto; padding-left: 30px; padding-right: 30px; margin-left: -40px; margin-right: -40px; } .w-nav.type_mobile .w-nav-item { float: none !important; width: 100%; line-height: 26px; text-align: left; } .w-nav.type_mobile .btn.w-nav-item { text-align: center; } .w-nav.type_mobile .w-nav-anchor.level_1:after { display: none; } .w-nav.type_mobile .w-nav-item.level_1.menu-item-has-children .w-nav-anchor.level_1 .w-nav-arrow, .w-nav.type_mobile .w-nav-item.level_2.menu-item-has-children .w-nav-anchor.level_2 .w-nav-arrow, .w-nav.type_mobile .w-nav-item.level_3.menu-item-has-children .w-nav-anchor.level_3 .w-nav-arrow { display: block; font-size: 26px; text-align: center; line-height: 46px; width: 50px; } .w-nav.type_mobile .w-nav-item.level_2.menu-item-has-children .w-nav-anchor.level_2 .w-nav-arrow:before, .w-nav.type_mobile .w-nav-item.level_3.menu-item-has-children .w-nav-anchor.level_3 .w-nav-arrow:before { content: '\f107'; } .w-nav.type_mobile .w-nav-item.level_1.menu-item-has-children .w-nav-anchor.level_1 .w-nav-title, .w-nav.type_mobile .w-nav-item.level_2.menu-item-has-children .w-nav-anchor.level_2 .w-nav-title, .w-nav.type_mobile .w-nav-item.level_3.menu-item-has-children .w-nav-anchor.level_3 .w-nav-title { padding-right: 50px; } .w-nav.type_mobile .w-nav-item.level_1.opened .w-nav-anchor.level_1 .w-nav-arrow, .w-nav.type_mobile .w-nav-item.level_2.opened .w-nav-anchor.level_2 .w-nav-arrow, .w-nav.type_mobile .w-nav-item.level_3.opened .w-nav-anchor.level_3 .w-nav-arrow { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); } .w-nav.type_mobile .w-nav-list.level_2, .w-nav.type_mobile .w-nav-list.level_3, .w-nav.type_mobile .w-nav-list.level_4 { display: block; position: static; box-shadow: none; } .w-nav.type_mobile .w-nav-anchor.level_1 { margin: 0; padding: 10px; box-shadow: 0 1px 0 rgba(0,0,0,0.06) inset; } .w-nav.type_mobile .btn.w-nav-item .w-nav-anchor.level_1 { margin: 10px 0; padding: 0 20px; } .w-nav.type_mobile .w-nav-anchor.level_2 { line-height: 26px; margin: 0; padding: 10px 0 10px 20px; box-shadow: 0 1px 0 rgba(0,0,0,0.06) inset; } .w-nav.type_mobile .w-nav-anchor.level_3 { line-height: 26px; margin: 0; padding: 10px 0 10px 30px; box-shadow: 0 1px 0 rgba(0,0,0,0.06) inset; } .w-nav.type_mobile .w-nav-anchor.level_4 { line-height: 26px; margin: 0; padding: 10px 0 10px 40px; box-shadow: 0 1px 0 rgba(0,0,0,0.06) inset; } /* w-nav in footer */ .l-subfooter.at_bottom .w-nav { float: right; } .l-subfooter.at_bottom .w-nav-list.level_1 { display: block; } .l-subfooter.at_bottom .w-nav-anchor.level_1 { display: inline; vertical-align: top; padding: 0; margin: 0 10px; } .l-subfooter.at_bottom .btn.w-nav-item .w-nav-anchor.level_1 { line-height: 34px; padding: 0 15px; margin-top: -6px; margin-bottom: -6px; } .l-subfooter.at_bottom .w-nav-list.level_2 { display: none !important; } /* w-pagehead */ .w-pagehead { text-align: center; } .single-us_portfolio .w-pagehead { padding: 0 80px; } .w-pagehead h1 { margin: 0; } .w-pagehead p { line-height: 22px; margin: 6px 0 0; opacity: 0.66; } .g-breadcrumbs { font-size: 13px; line-height: 22px; } .w-pagehead .g-breadcrumbs { margin: 10px 0 4px; } .no-touch .g-breadcrumbs a:hover { border-bottom: 1px solid; } .g-breadcrumbs-separator { margin: 0 6px; } .w-pagehead-nav-item { display: block; position: absolute; top: 50%; margin-top: -25px; text-align: center; font-size: 30px; line-height: 46px; height: 50px; width: 50px; border-radius: 50%; box-shadow: 0 0 0 2px transparent inset; color: inherit; -webkit-transition: color 0.15s, box-shadow 0.15s; transition: color 0.15s, box-shadow 0.15s; } .color_alternate .w-pagehead-nav-item { color: inherit; } .w-pagehead-nav-item.type_next { right: 0; padding-left: 3px; } .w-pagehead-nav-item.type_prev { left: 0; padding-right: 3px; } .no-touch .w-pagehead-nav-item:hover { box-shadow: 0 0 0 2px #d13a7a inset; /* variable */ color: #d13a7a; /* variable */ } /* SIZE: huge */ @media only screen and (min-width: 768px) { .for_pagehead.size_huge .w-pagehead h1 { font-size: 44px; line-height: 54px; letter-spacing: 2px; font-weight: 300; } } .for_pagehead.size_huge .w-pagehead h1, .for_pagehead.size_huge .w-pagehead p { text-transform: uppercase; } /* SIZE: medium & small */ .single-us_portfolio .for_pagehead.size_medium .w-pagehead, .single-us_portfolio .for_pagehead.size_small .w-pagehead { padding: 0; } .for_pagehead.size_medium .w-pagehead h1, .for_pagehead.size_small .w-pagehead h1 { float: left; font-size: 24px; line-height: 34px; margin-right: 22px; } .for_pagehead.size_medium .w-pagehead p, .for_pagehead.size_small .w-pagehead p { float: left; margin: 10px 0 0; } .for_pagehead.size_medium .w-pagehead .g-breadcrumbs, .for_pagehead.size_small .w-pagehead .g-breadcrumbs { float: right; margin: 6px 0 0; } .for_pagehead.size_medium .w-pagehead-nav, .for_pagehead.size_small .w-pagehead-nav { float: right; font-size: 0; margin: -8px 0; } .for_pagehead.size_medium .w-pagehead-nav-item, .for_pagehead.size_small .w-pagehead-nav-item { display: inline-block; vertical-align: top; position: static; margin: 0; } /* w-portfolio */ .w-portfolio-pagination { text-align: center; padding-top: 30px; } .w-portfolio.with_indents .w-portfolio-list { margin: -5px; } .w-portfolio.with_indents .w-filters { margin-bottom: 10px; } .l-submain.full_width .w-portfolio.with_indents .w-portfolio-list { margin-top: 5px; margin-bottom: 5px; } .l-submain.full_height .w-portfolio.with_indents .w-portfolio-list { margin-left: 5px; margin-right: 5px; } .w-portfolio.with_indents .w-portfolio-item { padding: 5px; } .w-portfolio-item-anchor { background-color: #fff; /* variable */ color: #444; /* variable */ } .w-portfolio-item-image { background-color: inherit; } img.w-portfolio-item-image-second { display: none; } .w-portfolio-item-meta { padding: 14px 20px; position: relative; background-color: inherit; } .w-portfolio-item-meta-h { background-color: inherit; } .w-portfolio-item-title { font-size: 20px; color: inherit !important; } .w-portfolio-item-text { font-size: 0.9em; line-height: 18px; margin-top: 5px; opacity: 0.66; } .w-portfolio-item-arrow { display: block; position: absolute; top: -10px; left: 50%; margin-left: -15px; height: 24px; width: 24px; border-radius: 5px; -webkit-transform: rotate(45deg); transform: rotate(45deg); background-color: inherit; } /* enables portfolio titles on touch screens */ .touch .w-portfolio-item-h { height: auto; padding: 0 !important; } .touch .w-portfolio-item-anchor { position: static; } /* TYPE: 1 */ .no-touch .type_1 .w-portfolio-item-image-first { -webkit-transition: -webkit-transform 0.35s; transition: transform 0.35s; } .no-touch .type_1 .w-portfolio-item-anchor:hover .w-portfolio-item-image-first { -webkit-transform: translateY(-30px); -ms-transform: translateY(-30px); transform: translateY(-30px); } .no-touch .type_1 img.w-portfolio-item-image-second { display: block; position: absolute; top: 0; left: 0; -webkit-transform: translateY(100%); -ms-transform: translateY(100%); transform: translateY(100%); -webkit-transition: -webkit-transform 0.35s; transition: transform 0.35s; } .no-touch .type_1 .w-portfolio-item-anchor:hover img.w-portfolio-item-image-second { -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } .no-touch .type_1 .w-portfolio-item-meta { position: absolute; left: 0; right: 0; bottom: 0; -webkit-transform: translateY(101%); -ms-transform: translateY(101%); transform: translateY(101%); -webkit-transition: -webkit-transform 0.35s; transition: transform 0.35s; } .no-touch .type_1 .w-portfolio-item-anchor:hover .w-portfolio-item-meta { -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } .type_1 .w-portfolio-item-title { position: relative; z-index: 1; } .type_1 .w-portfolio-item-arrow { -webkit-transition: top 0.3s; transition: top 0.3s; } .no-touch .type_1 .w-portfolio-item-arrow { top: 4px; } .no-touch .type_1 .w-portfolio-item-anchor:hover .w-portfolio-item-arrow { top: -10px; } /* TYPE: 2 */ .no-touch .type_2 img { -webkit-transition: -webkit-transform 0.35s; transition: transform 0.35s; } .no-touch .type_2 .w-portfolio-item-anchor:hover img { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); } .no-touch .type_2 .w-portfolio-item-image:after { display: block; content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; opacity: 0; -webkit-transition: opacity 0.35s; transition: opacity 0.35s; background-color: inherit; } .no-touch .type_2 .w-portfolio-item-anchor:hover .w-portfolio-item-image:after { opacity: 0.9; } .type_2 .w-portfolio-item-meta { position: absolute; bottom: 0; left: 0; right: 0; padding: 60px 30px 25px; background: none; color: #fff; } .no-touch .type_2 .w-portfolio-item-anchor:hover .w-portfolio-item-meta { color: inherit; } .type_2 .w-portfolio-item-meta-h { position: relative; } .type_2 .w-portfolio-item-meta:before { content: ''; position: absolute; top: 0; bottom: 0; left: 0; right: 0; background: linear-gradient(to top, rgba(30,30,30,0.8) 0, transparent 100%) repeat-x; -webkit-transition: opacity 0.35s; transition: opacity 0.35s; } .no-touch .type_2 .w-portfolio-item-anchor:hover .w-portfolio-item-meta:before { opacity: 0; } .type_2 .w-portfolio-item-arrow { display: none; } /* TYPE: 3 */ .type_3 .w-portfolio-item-image:after { content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; opacity: 0.66; background-color: inherit; -webkit-transition: opacity 0.4s; transition: opacity 0.4s; } .no-touch .type_3 .w-portfolio-item-anchor:hover .w-portfolio-item-image:after { opacity: 0; } .type_3 .w-portfolio-item-meta { position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: none; } .type_3 .w-portfolio-item-meta:before { content: ''; display: inline-block; vertical-align: middle; height: 100%; margin-left: -0.5em; } .type_3 .w-portfolio-item-meta-h { display: inline-block; vertical-align: middle; width: 100%; } .no-touch .type_3 .w-portfolio-item-title { opacity: 1; -webkit-transition: -webkit-transform 0.35s, opacity 0.35s; transition: transform 0.35s, opacity 0.35s; } .no-touch .type_3 .w-portfolio-item-anchor:hover .w-portfolio-item-title { opacity: 0; -webkit-transform: translateY(-40px); -ms-transform: translateY(-40px); transform: translateY(-40px); } .no-touch .type_3 .w-portfolio-item-text { opacity: 0.66; -webkit-transition: -webkit-transform 0.35s, opacity 0.35s; transition: transform 0.35s, opacity 0.35s; } .no-touch .type_3 .w-portfolio-item-anchor:hover .w-portfolio-item-text { opacity: 0; -webkit-transform: translateY(40px); -ms-transform: translateY(40px); transform: translateY(40px); } .type_3 .w-portfolio-item-arrow { display: none; } /* TYPE: 4 */ .no-touch .type_4 .w-portfolio-item-image:after { content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; opacity: 0; background-color: inherit; -webkit-transition: opacity 0.3s; transition: opacity 0.3s; } .no-touch .type_4 .w-portfolio-item-anchor:hover .w-portfolio-item-image:after { opacity: 0.66; } .no-touch .type_4 .w-portfolio-item-meta { position: absolute; left: 0; right: 0; bottom: 16px; background: none; } .no-touch .type_4 .w-portfolio-item-title { opacity: 0; -webkit-transform: translateY(-30px); -ms-transform: translateY(-30px); transform: translateY(-30px); -webkit-transition: -webkit-transform 0.35s, opacity 0.35s; transition: transform 0.35s, opacity 0.35s; } .no-touch .type_4 .w-portfolio-item-anchor:hover .w-portfolio-item-title { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } .no-touch .type_4 .w-portfolio-item-text { opacity: 0; -webkit-transform: translateY(-15px); -ms-transform: translateY(-15px); transform: translateY(-15px); -webkit-transition: -webkit-transform 0.35s, opacity 0.35s; transition: transform 0.35s, opacity 0.35s; } .no-touch .type_4 .w-portfolio-item-anchor:hover .w-portfolio-item-text { opacity: 0.66; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } .no-touch .type_4 .w-portfolio-item-arrow { display: none; } /* TYPE: 5 */ .no-touch .type_5 .w-portfolio-item-image { -webkit-transition: -webkit-transform 0.4s; transition: transform 0.4s; } .no-touch .type_5 .w-portfolio-item-anchor:hover .w-portfolio-item-image { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); } .no-touch .type_5 .w-portfolio-item-meta { position: absolute; top: 20px; left: 20px; right: 20px; bottom: 20px; padding: 20px; opacity: 0; -webkit-transform: scale(0); -ms-transform: scale(0); transform: scale(0); -webkit-transition: -webkit-transform 0.3s, opacity 0.3s; transition: transform 0.3s, opacity 0.3s; } .no-touch .type_5 .w-portfolio-item-anchor:hover .w-portfolio-item-meta { opacity: 0.9; -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } .no-touch .type_5 .w-portfolio-item-meta:before { content: ''; display: inline-block; vertical-align: middle; height: 100%; margin-left: -0.5em; } .no-touch .type_5 .w-portfolio-item-meta-h { display: inline-block; vertical-align: middle; width: 100%; } .no-touch .type_5 .w-portfolio-item-arrow { display: none; } /* TYPE: 6 */ .no-touch .type_6 .w-portfolio-item-meta { position: absolute; top: 0; left: 0; right: 0; bottom: 0; opacity: 0; -webkit-transition: opacity 0.35s; transition: opacity 0.35s; } .no-touch .type_6 .w-portfolio-item-anchor:hover .w-portfolio-item-meta { opacity: 0.9; } .no-touch .type_6 .w-portfolio-item-meta:before { content: ''; display: inline-block; vertical-align: middle; height: 100%; margin-left: -0.5em; } .no-touch .type_6 .w-portfolio-item-meta-h { display: inline-block; vertical-align: middle; width: 100%; -webkit-transform: scale(1.5); -ms-transform: scale(1.5); transform: scale(1.5); -webkit-transition: -webkit-transform 0.35s; transition: transform 0.35s; } .no-touch .type_6 .w-portfolio-item-anchor:hover .w-portfolio-item-meta-h { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } .no-touch .type_6 .w-portfolio-item-arrow { display: none; } /* TYPE: 7 */ .type_7 .w-portfolio-item-image img { opacity: 0.66; position: relative; -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); -webkit-transition: -webkit-transform 0.4s, opacity 0.4s; transition: transform 0.4s, opacity 0.4s; } .no-touch .type_7 .w-portfolio-item-anchor:hover .w-portfolio-item-image img { opacity: 0.3; -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } .type_7 .w-portfolio-item-meta { position: absolute; top: 0; left: 0; right: 0; bottom: 0; padding: 40px 44px 30px; background: none; } .type_7 .w-portfolio-item-meta:before { content: ''; display: inline-block; vertical-align: middle; height: 100%; margin-left: -0.5em; } .type_7 .w-portfolio-item-meta-h { display: inline-block; vertical-align: middle; width: 100%; } .no-touch .type_7 .w-portfolio-item-meta:after { content: ''; position: absolute; top: 20px; left: 20px; right: 20px; bottom: 20px; border: 2px solid #fff; opacity: 0; -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); -webkit-transition: -webkit-transform 0.4s, opacity 0.4s; transition: transform 0.4s, opacity 0.4s; } .no-touch .type_7 .w-portfolio-item-anchor:hover .w-portfolio-item-meta:after { opacity: 1; -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } .no-touch .type_7 .w-portfolio-item-text { opacity: 0; -webkit-transform: translateY(10px); -ms-transform: translateY(10px); transform: translateY(10px); -webkit-transition: -webkit-transform 0.4s, opacity 0.4s; transition: transform 0.4s, opacity 0.4s; } .no-touch .type_7 .w-portfolio-item-anchor:hover .w-portfolio-item-text { opacity: 0.66; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } .type_7 .w-portfolio-item-arrow { display: none; } /* TYPE: 8 */ .no-touch .type_8 .w-portfolio-item-image img { position: relative; max-width: none; width: calc(100% + 21px); -webkit-transform: translateX(-20px); -ms-transform: translateX(-20px); transform: translateX(-20px); -webkit-transition: -webkit-transform 0.4s, opacity 0.4s; transition: transform 0.4s, opacity 0.4s; } .no-touch .type_8 .w-portfolio-item-anchor:hover .w-portfolio-item-image img { opacity: 0.33; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } .no-touch .type_8 .w-portfolio-item-meta { position: absolute; top: 0; left: 0; right: 0; bottom: 0; padding: 30px; background: none; } .no-touch .type_8 .w-portfolio-item-meta:before { content: ''; display: inline-block; vertical-align: middle; height: 100%; margin-left: -0.5em; } .no-touch .type_8 .w-portfolio-item-meta-h { display: inline-block; vertical-align: middle; width: 100%; } .no-touch .type_8 .w-portfolio-item-title { opacity: 0; -webkit-transform: translateX(-40px); -ms-transform: translateX(-40px); transform: translateX(-40px); -webkit-transition: -webkit-transform 0.3s, opacity 0.3s; transition: transform 0.3s, opacity 0.3s; } .no-touch .type_8 .w-portfolio-item-anchor:hover .w-portfolio-item-title { opacity: 1; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } .no-touch .type_8 .w-portfolio-item-text { opacity: 0; -webkit-transform: translateX(60px); -ms-transform: translateX(60px); transform: translateX(60px); -webkit-transition: -webkit-transform 0.3s, opacity 0.3s; transition: transform 0.3s, opacity 0.3s; } .no-touch .type_8 .w-portfolio-item-anchor:hover .w-portfolio-item-text { opacity: 0.66; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } .no-touch .type_8 .w-portfolio-item-arrow { display: none; } /* TYPE: 9 */ .no-touch .type_9 .w-portfolio-item-image img { -webkit-transition: -webkit-transform 0.4s, opacity 0.4s; transition: transform 0.4s, opacity 0.4s; } .no-touch .type_9 .w-portfolio-item-anchor:hover .w-portfolio-item-image img { opacity: 0; -webkit-transform: scale(4); -ms-transform: scale(4); transform: scale(4); } .no-touch .type_9 .w-portfolio-item-meta { position: absolute; top: 0; left: 0; right: 0; bottom: 0; opacity: 0; background: none; -webkit-transform: scale(0); -ms-transform: scale(0); transform: scale(0); -webkit-transition: -webkit-transform 0.6s, opacity 0.6s; transition: transform 0.6s, opacity 0.6s; } .no-touch .type_9 .w-portfolio-item-anchor:hover .w-portfolio-item-meta { opacity: 1; -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } .no-touch .type_9 .w-portfolio-item-meta:before { content: ''; display: inline-block; vertical-align: middle; height: 100%; margin-left: -0.5em; } .no-touch .type_9 .w-portfolio-item-meta-h { display: inline-block; vertical-align: middle; width: 100%; } /* TYPE: 10 */ .no-touch .type_10 .w-portfolio-item-meta { position: absolute; bottom: 0; left: 0; right: 0; padding: 80px 30px 25px; background: none; color: #fff; } .no-touch .type_10 .w-portfolio-item-meta:before { content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: linear-gradient(to top, rgba(30,30,30,0.8) 0, transparent 100%) repeat-x; -webkit-transform: translateY(100%); -ms-transform: translateY(100%); transform: translateY(100%); -webkit-transition: -webkit-transform 0.3s, opacity 0.45s; transition: transform 0.3s, opacity 0.45s; } .no-touch .type_10 .w-portfolio-item-anchor:hover .w-portfolio-item-meta:before { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } .no-touch .type_10 .w-portfolio-item-title { position: relative; opacity: 0; -webkit-transform: translateY(10px); -ms-transform: translateY(10px); transform: translateY(10px); -webkit-transition: -webkit-transform 0.35s, opacity 0.35s; transition: transform 0.35s, opacity 0.35s; } .no-touch .type_10 .w-portfolio-item-anchor:hover .w-portfolio-item-title { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } .no-touch .type_10 .w-portfolio-item-text { position: relative; opacity: 0; -webkit-transform: translateY(20px); -ms-transform: translateY(20px); transform: translateY(20px); -webkit-transition: -webkit-transform 0.35s, opacity 0.35s; transition: transform 0.35s, opacity 0.35s; } .no-touch .type_10 .w-portfolio-item-anchor:hover .w-portfolio-item-text { opacity: 0.66; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } /* TYPE: 11 */ .type_11 .w-portfolio-item-image:after { display: block; content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; opacity: 0.11; -webkit-transition: opacity 0.35s; transition: opacity 0.35s; background-color: inherit; } .no-touch .type_11 .w-portfolio-item-anchor:hover .w-portfolio-item-image:after { opacity: 0.66; } .type_11 .w-portfolio-item-meta { position: absolute; left: 0; right: 0; bottom: 0; padding: 30px 30px 55px; background: none; color: #fff; -webkit-transition: padding 0.35s, color 0.35s; transition: padding 0.35s, color 0.35s; } .no-touch .type_11 .w-portfolio-item-anchor:hover .w-portfolio-item-meta { color: inherit; padding-bottom: 35px; } .no-touch .type_11 .w-portfolio-item-title { display: inline; margin-right: 10px; } .no-touch .type_11 .w-portfolio-item-text { display: inline; opacity: 0; -webkit-transition: opacity 0.35s; transition: opacity 0.35s; } .no-touch .type_11 .w-portfolio-item-anchor:hover .w-portfolio-item-text { opacity: 0.66; } .type_11 .w-portfolio-item-arrow { top: auto; left: 0; right: 0; bottom: 0; height: 10px; width: auto; margin-left: 0; border-radius: 0; background-color: #fff; transform: none; -webkit-transform: translateY(10px); -ms-transform: translateY(10px); transform: translateY(10px); -webkit-transition: -webkit-transform 0.35s; transition: transform 0.35s; } .no-touch .type_11 .w-portfolio-item-anchor:hover .w-portfolio-item-arrow { -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } /* TYPE: 12 */ .type_12 .w-portfolio-item-image:after { display: block; content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; opacity: 0.33; -webkit-transition: opacity 0.35s; transition: opacity 0.35s; background-color: inherit; } .no-touch .type_12 .w-portfolio-item-anchor:hover .w-portfolio-item-image:after { opacity: 0.66; } .type_12 .w-portfolio-item-meta { position: absolute; top: 0; left: 0; right: 0; bottom: 0; padding: 60px; background: none; } .type_12 .w-portfolio-item-meta:before { content: ''; display: inline-block; vertical-align: middle; height: 100%; margin-left: -0.5em; } .type_12 .w-portfolio-item-meta-h { display: inline-block; vertical-align: middle; width: 100%; } .no-touch .type_12 .w-portfolio-item-meta-h:before, .no-touch .type_12 .w-portfolio-item-meta-h:after { content: ''; position: absolute; top: 30px; left: 30px; right: 30px; bottom: 30px; opacity: 0; -webkit-transition: -webkit-transform 0.35s, opacity 0.35s; transition: transform 0.35s, opacity 0.35s; } .no-touch .type_12 .w-portfolio-item-meta-h:before { border-top: 1px solid #fff; border-bottom: 1px solid #fff; -webkit-transform: scale(0, 1); -ms-transform: scale(0, 1); transform: scale(0, 1); } .no-touch .type_12 .w-portfolio-item-meta-h:after { border-left: 1px solid #fff; border-right: 1px solid #fff; -webkit-transform: scale(1, 0); -ms-transform: scale(1, 0); transform: scale(1, 0); } .no-touch .type_12 .w-portfolio-item-anchor:hover .w-portfolio-item-meta-h:before, .no-touch .type_12 .w-portfolio-item-anchor:hover .w-portfolio-item-meta-h:after { opacity: 1; -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } .no-touch .type_12 .w-portfolio-item-title { -webkit-transform: translateY(-20px); -ms-transform: translateY(-20px); transform: translateY(-20px); -webkit-transition: -webkit-transform 0.35s; transition: transform 0.35s; } .no-touch .type_12 .w-portfolio-item-anchor:hover .w-portfolio-item-title { -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } .no-touch .type_12 .w-portfolio-item-text { opacity: 0; -webkit-transform: translateY(20px); -ms-transform: translateY(20px); transform: translateY(20px); -webkit-transition: -webkit-transform 0.35s, opacity 0.35s; transition: transform 0.35s, opacity 0.35s; } .no-touch .type_12 .w-portfolio-item-anchor:hover .w-portfolio-item-text { opacity: 0.66; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } .type_12 .w-portfolio-item-arrow { display: none; } /* TYPE: 13 */ .type_13 .w-portfolio-item-image:after { content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; opacity: 0.33; background-color: inherit; } .type_13 .w-portfolio-item-meta { position: absolute; top: 0; left: 0; right: 0; bottom: 0; padding: 30px; overflow: hidden; background: none; } .type_13 .w-portfolio-item-title { text-transform: uppercase; } .no-touch .type_13 .w-portfolio-item-title { padding-bottom: 15px; -webkit-transform: translateY(20px); -ms-transform: translateY(20px); transform: translateY(20px); -webkit-transition: -webkit-transform 0.35s; transition: transform 0.35s; } .no-touch .type_13 .w-portfolio-item-anchor:hover .w-portfolio-item-title { -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } .no-touch .type_13 .w-portfolio-item-title:after { content: ""; position: absolute; top: 100%; left: 0; right: 0; height: 4px; opacity: 0; background-color: #fff; -webkit-transform: translateY(40px); -ms-transform: translateY(40px); transform: translateY(40px); -webkit-transition: -webkit-transform 0.35s, opacity 0.35s; transition: transform 0.35s, opacity 0.35s; } .no-touch .type_13 .w-portfolio-item-anchor:hover .w-portfolio-item-title:after { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } .type_13 .w-portfolio-item-text { font-size: 1em; margin-top: 20px; text-transform: uppercase; position: absolute; left: 30px; right: 30px; bottom: 30px; opacity: 1; } .no-touch .type_13 .w-portfolio-item-text { opacity: 0; -webkit-transform: translateY(60px); -ms-transform: translateY(60px); transform: translateY(60px); -webkit-transition: -webkit-transform 0.35s, opacity 0.35s; transition: transform 0.35s, opacity 0.35s; } .no-touch .type_13 .w-portfolio-item-anchor:hover .w-portfolio-item-text { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } .type_13 .w-portfolio-item-arrow { display: none; } /* TYPE: 14 */ .no-touch .type_14 img { -webkit-transform: translateX(-20px) scale(1.15); -ms-transform: translateX(-20px) scale(1.15); transform: translateX(-20px) scale(1.15); -webkit-transition: -webkit-transform 0.35s; transition: transform 0.35s; } .no-touch .type_14 .w-portfolio-item-anchor:hover img { -webkit-transform: translateX(0) scale(1); -ms-transform: translateX(0) scale(1); transform: translateX(0) scale(1); } .type_14 .w-portfolio-item-image:after { display: block; content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; opacity: 0.33; -webkit-transition: opacity 0.35s; transition: opacity 0.35s; background-color: inherit; } .no-touch .type_14 .w-portfolio-item-anchor:hover .w-portfolio-item-image:after { opacity: 0.66; } .type_14 .w-portfolio-item-meta { background: none; position: static; padding: 0; } .type_14 .w-portfolio-item-title { text-transform: uppercase; position: absolute; left: 30px; right: 30px; bottom: 30px; } .type_14 .w-portfolio-item-text { position: absolute; top: 30px; left: 30px; right: 30px; font-size: 1em; margin: 0 0 20px; text-transform: uppercase; opacity: 1; } .no-touch .type_14 .w-portfolio-item-text { opacity: 0; -webkit-transform: translateX(-40px); -ms-transform: translateX(-40px); transform: translateX(-40px); -webkit-transition: -webkit-transform 0.35s, opacity 0.35s; transition: transform 0.35s, opacity 0.35s; } .no-touch .type_14 .w-portfolio-item-anchor:hover .w-portfolio-item-text { opacity: 1; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } .type_14 .w-portfolio-item-arrow { display: none; } /* TYPE: 15 */ .type_15 .w-portfolio-item-h { overflow: hidden; position: relative; z-index: 1; } .type_15 .w-portfolio-item-image:after { display: block; content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; opacity: 0.11; -webkit-transition: opacity 0.35s; transition: opacity 0.35s; background-color: inherit; } .no-touch .type_15 .w-portfolio-item-anchor:hover .w-portfolio-item-image:after { opacity: 0.66; } .type_15 .w-portfolio-item-meta { position: absolute; top: 0; left: 0; right: 0; bottom: 0; padding: 40px; background: none; } .no-touch .type_15 .w-portfolio-item-meta-h:before, .no-touch .type_15 .w-portfolio-item-meta-h:after { content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; opacity: 0; -webkit-transition: -webkit-transform 0.35s, opacity 0.35s; transition: transform 0.35s, opacity 0.35s; } .no-touch .type_15 .w-portfolio-item-meta-h:before { border-top: 10px solid #fff; border-bottom: 10px solid #fff; -webkit-transform: scale(0, 1); -ms-transform: scale(0, 1); transform: scale(0, 1); } .no-touch .type_15 .w-portfolio-item-meta-h:after { border-left: 10px solid #fff; border-right: 10px solid #fff; -webkit-transform: scale(1, 0); -ms-transform: scale(1, 0); transform: scale(1, 0); } .no-touch .type_15 .w-portfolio-item-anchor:hover .w-portfolio-item-meta-h:before, .no-touch .type_15 .w-portfolio-item-anchor:hover .w-portfolio-item-meta-h:after { opacity: 1; -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } .type_15 .w-portfolio-item-title { text-transform: uppercase; } .no-touch .type_15 .w-portfolio-item-title { -webkit-transform: translateY(30px); -ms-transform: translateY(30px); transform: translateY(30px); -webkit-transition: -webkit-transform 0.35s; transition: transform 0.35s; } .no-touch .type_15 .w-portfolio-item-anchor:hover .w-portfolio-item-title { -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } .type_15 .w-portfolio-item-text { font-size: 1em; margin-top: 10px; } .no-touch .type_15 .w-portfolio-item-text { opacity: 0; -webkit-transition: opacity 0.35s; transition: opacity 0.35s; } .no-touch .type_15 .w-portfolio-item-anchor:hover .w-portfolio-item-text { opacity: 0.66; } .type_15 .w-portfolio-item-arrow { display: none; } /* w-pricing */ .w-pricing { margin-bottom: 10px; } .w-pricing-item-h { margin: 10px 0; border-bottom: 1px solid #e8e8e8; /* variable */ box-shadow: 1px 0 0 rgba(0,0,0,0.08) inset; } .l-submain.color_primary .w-pricing-item-h, .l-submain.color_secondary .w-pricing-item-h { border-color: rgba(255,255,255,0.33); } .w-pricing-item:first-child .w-pricing-item-h { border-radius: 8px 0 0 8px; } .w-pricing-item:last-child .w-pricing-item-h { border-radius: 0 8px 8px 0; } .w-pricing-item:first-child .w-pricing-item-h, .w-pricing-item:first-child .w-pricing-item-title, .w-pricing-item:first-child .w-pricing-item-price { box-shadow: none; } .w-pricing-item-header { margin-bottom: 20px; } .w-pricing-item-title { font: 20px/20px 'Noto Sans', sans-serif; padding: 30px 20px 10px; box-shadow: 1px 0 0 rgba(0,0,0,0.05) inset; background-color: #f2f2f2; /* variable */ color: #444; /* variable */ } .w-pricing-item:first-child .w-pricing-item-title { border-radius: 8px 0 0 0; } .w-pricing-item:last-child .w-pricing-item-title { border-radius: 0 8px 0 0; } .w-pricing-item-price { font: 300 50px/50px 'Noto Sans', sans-serif; padding: 10px 20px 30px; box-shadow: 1px 0 0 rgba(0,0,0,0.05) inset; background-color: #f2f2f2; /* variable */ color: #444; /* variable */ } .w-pricing-item-price small { display: block; font-size: 13px; line-height: 22px; font-weight: normal; margin-top: 4px; } .w-pricing-item .w-pricing-item-features { list-style-type: none; margin: 0; padding: 0; } .w-pricing-item .w-pricing-item-features li { padding: 8px 20px; margin: 0; } .w-pricing-item-footer { padding: 30px 0; } .w-pricing-item.type_featured .w-pricing-item-h { margin: 0; position: relative; box-shadow: 0 1px 10px rgba(0,0,0,0.15); border-radius: 8px; } .w-pricing-item.type_featured .w-pricing-item-title { padding: 35px 20px 15px; border-radius: 8px 8px 0 0; box-shadow: none; background-color: #d13a7a; /* variable */ color: #fff; } .w-pricing-item.type_featured .w-pricing-item-price { box-shadow: none; background-color: #d13a7a; /* variable */ color: #fff; } .w-pricing-item.type_featured .w-pricing-item-footer { padding-bottom: 40px; } .w-pricing-item.type_featured + .w-pricing-item .w-pricing-item-h, .w-pricing-item.type_featured + .w-pricing-item .w-pricing-item-title, .w-pricing-item.type_featured + .w-pricing-item .w-pricing-item-price { box-shadow: none; } /* w-profile */ .w-profile { padding: 30px 30px 22px; text-align: center; border-radius: 5px; border: 2px solid #e8e8e8; /* variable */ } .w-profile-avatar img { display: block; max-width: 100px; border-radius: 50%; margin: 0 auto 5px; } .w-profile-name { font-size: 16px; line-height: 24px; } .w-profile-link.for_user { display: block; margin-bottom: 3px; } .w-profile-link.for_logout { font-size: 13px; line-height: 20px; vertical-align: top; color: #999; /* variable */ } .no-touch .w-profile-link.for_user:hover .w-profile-name, .no-touch .w-profile-link.for_logout:hover { border-bottom: 1px solid; } /* w-progbar */ .w-progbar { margin-bottom: 20px; } .w-progbar-title { position: relative; margin-bottom: 8px !important; } .w-progbar-title-text { display: block; padding-right: 60px; } .w-progbar-title-count { position: absolute; top: 0; right: 0; } .w-progbar-bar { height: 10px; width: 100%; border-radius: 5px; box-shadow: 0 1px 0 rgba(0,0,0,0.06) inset; background-color: #f2f2f2; /* variable */ } .w-progbar.size_small .w-progbar-bar { height: 5px; border-radius: 3px; } .w-progbar.size_large .w-progbar-bar { height: 15px; border-radius: 8px; } .w-progbar-bar-h { height: 100%; border-radius: inherit; } .w-progbar.color_contrast .w-progbar-bar-h { background-color: #444; /* variable */ } .w-progbar.color_primary .w-progbar-bar-h { background-color: #d13a7a; /* variable */ } .w-progbar.color_secondary .w-progbar-bar-h { background-color: #6254a8; /* variable */ } /* w-search */ .w-search { margin-bottom: 40px; } .w-search-input input { padding: 0 10px; } .w-search.submit_inside .w-search-input input { padding-right: 42px; } .w-search.submit_inside .w-search-submit { position: absolute; top: 0; right: 0; padding: 0; border: none; height: 42px; width: 42px; } .w-search.submit_inside .w-search-submit:before { display: block; position: absolute; top: 0; left: 12px; content: '\f002'; font-size: 16px; line-height: 42px; font-family: FontAwesome; font-style: normal; font-weight: normal; -webkit-transition: opacity 0.3s; transition: opacity 0.3s; opacity: 0.5; } .no-touch .w-search.submit_inside .w-search-submit:hover:before { opacity: 1; } .w-search.submit_inside .w-search-submit input { position: absolute; top: 0; left: 0; height: 42px; width: 42px; margin: 0; padding: 0; text-indent: -9999px; box-shadow: none !important; background: none !important; border: none !important; } /* w-search in header */ .l-subheader .w-search { float: right; line-height: inherit; width: 36px; margin: 0 0 0 6px; position: relative; z-index: 12; } .l-header.logopos_right .l-subheader.at_middle .w-search, .headerlayout_centered .l-subheader.at_bottom .w-search { float: none; display: inline-block; vertical-align: middle; vertical-align: -webkit-baseline-middle; } .headerlayout_centered .w-nav.type_mobile ~ .w-search { display: block; position: absolute; top: 0; right: 0; margin: 0; } .l-subheader.at_middle .w-nav.type_mobile ~ .w-search { display: block; position: absolute; top: 0; left: 40px; margin: 0; } .l-subheader .w-search-show { display: block; font-size: 18px; line-height: inherit; text-align: center; cursor: pointer; -webkit-transition: color 0.3s; transition: color 0.3s; } .no-touch .l-subheader .w-search-show:hover { color: #d13a7a; /* variable */ } .l-subheader .w-search-show i { line-height: inherit; vertical-align: top; } .l-subheader .w-search-form { position: fixed; left: 0; top: -100%; height: 100%; width: 100%; z-index: 100; color: #fff; /* variable */ } .l-subheader .w-search-form:before { display: block; content: ''; position: absolute; left: 0; top: 0; height: 100%; width: 100%; z-index: -1; opacity: 0.96; background-color: #d13a7a; /* variable */ } .l-subheader .w-search-form-h { display: table; height: 100%; width: 100%; } .l-subheader .w-search-form-row { display: table-cell; vertical-align: middle; text-align: center; width: 100%; } .l-subheader .w-search-label { font-size: 24px; line-height: 1.6em; } .l-subheader .w-search-input { width: 80%; margin: 0 auto; } .l-subheader .w-search-input input { font-size: 50px; line-height: 1.5em; text-align: center; height: auto; width: 100%; padding: 0; border: none; border-radius: 0; box-shadow: none !important; background-color: transparent; color: inherit; } .l-subheader .w-search.submit_inside .w-search-submit { display: none; } .l-subheader .w-search-close { display: block; position: absolute; top: 0; right: 0; font-size: 40px; line-height: 80px; height: 80px; width: 80px; cursor: pointer; opacity: 0.5; -webkit-transition: opacity 0.3s; transition: opacity 0.3s; } .no-touch .l-subheader .w-search-close:hover { opacity: 1; } /* w-sharing */ .w-sharing { font-size: 0; } .w-sharing-item { display: inline-block; vertical-align: top; position: relative; font-size: 15px; text-align: center; color: inherit; } .no-touch .w-sharing-item:hover { color: inherit; } .w-sharing-icon { display: inline-block; vertical-align: top; position: relative; margin-right: 3px; } .w-sharing-count { display: inline-block; vertical-align: top; position: relative; } /* type_simple */ .w-sharing.type_simple .w-sharing-item { padding: 2px 15px; border-right: 2px solid #e8e8e8; /* variable */ } .w-sharing.type_simple .w-sharing-item:first-child { padding-left: 0; } .w-sharing.type_simple .w-sharing-item:last-child { padding-right: 0; border-right: none; } .w-sharing.type_simple .w-sharing-icon { font-size: 24px; opacity: 0.25; -webkit-transition: opacity 0.3s, color 0.3s; transition: opacity 0.3s, color 0.3s; } .no-touch .w-sharing.type_simple .w-sharing-item.facebook:hover .w-sharing-icon { opacity: 1; color: #3b5998; } .no-touch .w-sharing.type_simple .w-sharing-item.twitter:hover .w-sharing-icon { opacity: 1; color: #00acee; } .no-touch .w-sharing.type_simple .w-sharing-item.gplus:hover .w-sharing-icon { opacity: 1; color: #c63b1e; } .no-touch .w-sharing.type_simple .w-sharing-item.pinterest:hover .w-sharing-icon { opacity: 1; color: #cb2027; } /* type_outlined */ .w-sharing.type_outlined .w-sharing-item { padding: 5px 15px; margin-right: 4px; border-radius: 5px; overflow: hidden; } .w-sharing.type_outlined .w-sharing-item:last-child { margin-right: 0; } .w-sharing.type_outlined .w-sharing-icon { font-size: 18px; margin-right: 3px; } .no-touch .w-sharing.type_outlined .w-sharing-item:before { display: block; content: ''; position: absolute; top: 0; left: 0; right: 0; height: 0; background-color: rgba(0,0,0,0.1); -webkit-transition: height 0.3s; transition: height 0.3s; } .no-touch .w-sharing.type_outlined .w-sharing-item:hover:before { height: 100%; } .w-sharing.type_outlined .w-sharing-item.facebook { box-shadow: 0 0 0 2px #3b5998 inset; color: #3b5998; } .w-sharing.type_outlined .w-sharing-item.facebook:before { background-color: #3b5998; } .w-sharing.type_outlined .w-sharing-item.twitter { box-shadow: 0 0 0 2px #00acee inset; color: #00acee; } .w-sharing.type_outlined .w-sharing-item.twitter:before { background-color: #00acee; } .w-sharing.type_outlined .w-sharing-item.gplus { box-shadow: 0 0 0 2px #c63b1e inset; color: #c63b1e; } .w-sharing.type_outlined .w-sharing-item.gplus:before { background-color: #c63b1e; } .w-sharing.type_outlined .w-sharing-item.pinterest { box-shadow: 0 0 0 2px #cb2027 inset; color: #cb2027; } .w-sharing.type_outlined .w-sharing-item.pinterest:before { background-color: #cb2027; } .no-touch .w-sharing.type_outlined .w-sharing-item:hover { color: #fff; } /* type_solid */ .w-sharing.type_solid .w-sharing-item { padding: 5px 15px; margin-right: 4px; border-radius: 5px; } .w-sharing.type_solid .w-sharing-item:last-child { margin-right: 0; } .w-sharing.type_solid .w-sharing-icon { font-size: 18px; margin-right: 3px; } .no-touch .w-sharing.type_solid .w-sharing-item:before { display: block; content: ''; position: absolute; top: 0; left: 0; right: 0; height: 0; background-color: rgba(0,0,0,0.1); -webkit-transition: height 0.3s; transition: height 0.3s; } .no-touch .w-sharing.type_solid .w-sharing-item:hover:before { height: 100%; } .w-sharing.type_solid .w-sharing-item.facebook { background-color: #3b5998; color: #fff; } .w-sharing.type_solid .w-sharing-item.twitter { background-color: #00acee; color: #fff; } .w-sharing.type_solid .w-sharing-item.gplus { background-color: #c63b1e; color: #fff; } .w-sharing.type_solid .w-sharing-item.pinterest { background-color: #cb2027; color: #fff; } /* fixed_left(right) */ .w-sharing.fixed_left, .w-sharing.fixed_right { position: fixed; top: 50%; margin-top: -80px; } .w-sharing.fixed_left { left: 0; } .w-sharing.fixed_right { right: 0; } .w-sharing.fixed_left .w-sharing-item, .w-sharing.fixed_right .w-sharing-item { display: block; line-height: 40px; width: 40px; padding: 0; margin: 0; border-radius: 0; } .w-sharing.fixed_left .w-sharing-icon, .w-sharing.fixed_right .w-sharing-icon { margin: 0; } .w-sharing.fixed_left .w-sharing-count, .w-sharing.fixed_right .w-sharing-count { display: none; } /* w-shortblog */ .w-shortblog-list { overflow: hidden; } .w-shortblog.cols_2 .w-shortblog-list, .w-shortblog.cols_3 .w-shortblog-list { margin-left: -30px; margin-right: -30px; } .w-shortblog-entry { min-height: 80px; } .w-shortblog.cols_2 .w-shortblog-entry, .w-shortblog.cols_3 .w-shortblog-entry { float: left; padding-left: 30px; padding-right: 30px; } .w-shortblog.cols_2 .w-shortblog-entry { width: 50%; } .w-shortblog.cols_3 .w-shortblog-entry { width: 33.3333%; } .w-shortblog-entry-h { position: relative; } .w-shortblog.date_atleft .w-shortblog-entry-title, .w-shortblog.date_atleft .w-shortblog-entry-meta, .w-shortblog.date_atleft .w-shortblog-entry-short { margin-left: 110px; } .w-shortblog-entry-title { margin-bottom: 16px; color: inherit !important; } .no-touch .w-shortblog-entry-link:hover .w-shortblog-entry-title span { border-bottom: 1px solid; } .w-shortblog-entry-date { position: absolute; left: 0; top: 0; font-family: 'Noto Sans',sans-serif; text-align: center; height: 80px; width: 80px; padding: 18px 0 0; border-radius: 50%; box-shadow: 0 0 0 2px #999 inset; /* variable */ } .w-shortblog-entry-date-day { display: block; font-size: 26px; line-height: 32px; } .w-shortblog-entry-date-month { display: block; font-size: 14px; line-height: 14px; text-transform: uppercase; } .w-shortblog-entry-date-year { display: none; } /* w-socials */ .w-socials-list { margin: 0 0 -4px; } .w-socials-item { margin: 0 4px 4px 0; } .w-socials.align_center .w-socials-item { margin: 0 2px 4px; } .w-socials.align_right .w-socials-item { margin: 0 0 4px 4px; } .w-socials-item-link { position: relative; line-height: 36px; height: 36px; width: 36px; border-radius: 5px; overflow: hidden; box-shadow: 0 0 0 2px #e8e8e8 inset; /* variable */ color: inherit; } .l-subfooter.at_top .w-socials-item-link { box-shadow: 0 0 0 2px #222 inset; color: #808080; } .w-socials-item-link:hover { border: none !important; color: #fff !important; } .w-socials.size_normal .w-socials-item-link { height: 46px; width: 46px; } .w-socials.size_big .w-socials-item-link { height: 54px; width: 54px; } .w-socials-item-link i { font-size: 17px; line-height: 36px; position: relative; vertical-align: top; } .w-socials.size_normal .w-socials-item-link i { font-size: 20px; line-height: 46px; } .w-socials.size_big .w-socials-item-link i { font-size: 24px; line-height: 54px; } .w-socials-item .w-socials-item-link:before { display: block; content: ''; position: absolute; top: 0; left: 0; height: 0; width: 100%; -webkit-transition: height 0.3s; transition: height 0.3s; } .w-socials-item:hover .w-socials-item-link:before { height: 100%; } /* w-socials icons colors */ .w-socials-item.rss .w-socials-item-link:before { background-color: #ff9702; } .w-socials-item.facebook .w-socials-item-link:before { background-color: #3b5998; } .w-socials-item.twitter .w-socials-item-link:before { background-color: #00acee; } .w-socials-item.gplus .w-socials-item-link:before { background-color: #c63b1e; } .w-socials-item.linkedin .w-socials-item-link:before { background-color: #0073b2; } .w-socials-item.youtube .w-socials-item-link:before { background-color: #cd332d; } .w-socials-item.vimeo .w-socials-item-link:before { background-color: #20b9eb; } .w-socials-item.email .w-socials-item-link:before { background-color: #697277; } .w-socials-item.skype .w-socials-item-link:before { background-color: #00aff0; } .w-socials-item.flickr .w-socials-item-link:before { background-color: #ff0084; } .w-socials-item.pinterest .w-socials-item-link:before { background-color: #cb2027; } .w-socials-item.tumblr .w-socials-item-link:before { background-color: #2c4762; } .w-socials-item.blogger .w-socials-item-link:before { background-color: #fc9947; } .w-socials-item.dribbble .w-socials-item-link:before { background-color: #ea4c89; } .w-socials-item.vk .w-socials-item-link:before { background-color: #4e7299; } .w-socials-item.instagram .w-socials-item-link:before { background-color: #a17357; } .w-socials-item.behance .w-socials-item-link:before { background-color: #1769ff; } .w-socials-item.xing .w-socials-item-link:before { background-color: #026466; } .w-socials-item.yelp .w-socials-item-link:before { background-color: #c41200; } .w-socials-item.twitch .w-socials-item-link:before { background-color: #6441a5; } .w-socials-item.soundcloud .w-socials-item-link:before { background-color: #ff5600; } .w-socials-item.deviantart .w-socials-item-link:before { background-color: #637768; } .w-socials-item.foursquare .w-socials-item-link:before { background-color: #fa4b7a; } .w-socials-item.github .w-socials-item-link:before { background-color: #333; } .w-socials-item-popup { display: block; left: 0; bottom: 44px; border-radius: 3px; } .w-socials.size_normal .w-socials-item-popup { bottom: 56px; } .w-socials.size_big .w-socials-item-popup { bottom: 62px; } /* w-socials in header */ .l-subheader .w-socials { float: right; margin-left: 15px; } .l-header.logopos_right .l-subheader.at_middle .w-socials { float: left; margin-left: 0; margin-right: 20px; } .headerlayout_centered .l-subheader .w-socials { display: none; } .l-subheader .w-socials-list { margin: 0; } .l-subheader .w-socials-item { vertical-align: middle; vertical-align: -webkit-baseline-middle; margin: 0; } .l-subheader.at_top .w-socials-item-link { border-radius: 0; box-shadow: none; } .l-subheader.at_middle .w-socials-item-link { border-radius: 3px; box-shadow: none; } .l-subheader .w-socials-item-popup { display: none !important; } /* w-tabs */ .w-tabs-list { background-color: #f2f2f2; /* variable */ } .w-tabs-item { line-height: 26px; padding: 14px 24px; border-top: 2px solid transparent; -webkit-transition: background-color 0.3s, color 0.3s; transition: background-color 0.3s, color 0.3s; } .no-touch .w-tabs-item:hover { background-color: rgba(0,0,0,0.025); } .w-tabs-item.active, .no-touch .w-tabs-item.active:hover { background-color: #fff; /* variable */ border-color: #d13a7a; /* variable */ color: #d13a7a; /* variable */ } .w-tabs-item-icon { font-size: 18px; line-height: inherit; text-align: center; } .w-tabs-item-title, .w-tabs-section-title { font-size: 18px; line-height: inherit; white-space: normal; } .w-tabs-section-header { line-height: 26px; padding: 14px 20px; white-space: nowrap; } .w-tabs-section-icon { font-size: 18px; line-height: inherit; text-align: center; opacity: 0.5; -webkit-transition: opacity 0.3s; transition: opacity 0.3s; } .no-touch .w-tabs-section-header:hover .w-tabs-section-icon, .w-tabs-section.active .w-tabs-section-icon { opacity: 1; } .w-tabs-section-title { color: inherit !important; } .w-tabs-section-content { padding: 30px 0 20px; } .w-tabs-section-content-h { margin: 0 auto; max-width: 1140px; } .w-tabs-section.no_indents .w-tabs-section-content { padding: 0 !important; } .w-tabs-section.no_indents .w-tabs-section-content-h { max-width: none; } /* LAYOUT: accordion */ .w-tabs.layout_accordion { border-bottom: 1px solid #e8e8e8; /* variable */ } .w-tabs.layout_accordion .w-tabs-section { border-top: 1px solid #e8e8e8; /* variable */ } .w-tabs.layout_accordion .w-tabs-section.color_custom { border-color: transparent; } .w-tabs-section-header { -webkit-transition: background-color 0.3s, color 0.3s; transition: background-color 0.3s, color 0.3s; } .w-tabs-section.color_custom.active .w-tabs-section-header { color: inherit !important; } .no-touch .w-tabs-section-header:hover { background-color: rgba(0,0,0,0.04); } .w-tabs.layout_accordion .w-tabs-section-content { padding: 15px 20px 30px; } .w-tabs-section-control { top: 14px; right: 20px; font-size: 24px; line-height: 26px; height: 26px; width: 24px; text-align: center; transition: transform 0.3s; -webkit-transform: rotate(0deg); -ms-transform: rotate(0deg); transform: rotate(0deg); } .w-tabs-section.active .w-tabs-section-control { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); } .w-tabs-section-control i { vertical-align: top; line-height: inherit; } /* Center Titles */ @media only screen and (min-width: 480px) { .w-tabs.layout_accordion.title_center .w-tabs-section-header { text-align: center; } .w-tabs.layout_accordion.title_center .w-tabs-section-title { padding: 0; } .w-tabs.layout_accordion.title_center .w-tabs-section-control { display: inline-block; vertical-align: top; position: static; margin: 0 0 0 10px; } } /* Improvements for large screens */ @media only screen and (min-width: 1280px) { .full_width .full-width > .w-tabs.layout_accordion .w-tabs-section-content { padding-bottom: 50px; } .full_width .full-width > .w-tabs .w-tabs-section-title { font-size: 22px; } .full_width .full-width > .w-tabs .with_icon .w-tabs-section-title { margin-left: 15px; } .full_width .full-width > .w-tabs .w-tabs-section-icon { font-size: 24px; } } @media only screen and (min-width: 1600px) { .full_width .full-width > .w-tabs .w-tabs-section-header { padding: 34px 40px; } } @media only screen and (min-width: 1280px) and (max-width: 1599px) { .full_width .full-width > .w-tabs .w-tabs-section-header { padding: 24px 30px; } } /* w-tags */ .w-tags { overflow: hidden; padding-bottom: 35px; } .w-tags-title { float: left; font-size: 14px; line-height: 24px; padding: 3px 0; margin: 0 10px 0 0; } .w-tags-item { float: left; margin: 0 3px 3px 0; } .w-tags-item-link { display: block; padding: 3px 10px 4px; font-size: 13px; border-radius: 3px; box-shadow: 0 0 0 2px #e8e8e8 inset; /* variable */ color: inherit; } .no-touch .w-tags-item-link:hover { box-shadow: 0 0 0 2px #d13a7a inset; /* variable */ color: #d13a7a; /* variable */ } .w-tags-item-separator { display: none; } /* w-team */ .w-team { max-width: 350px; } .no-touch .w-team-image { height: 0; padding-bottom: 100%; border-radius: 50%; overflow: hidden; } .w-team-image img { border-radius: 50%; } .w-team-links { font-size: 0; text-align: center; width: 100%; height: 100%; z-index: 10; } .no-touch .w-team-links { position: absolute; top: -100%; -webkit-transition: top 0.3s; transition: top 0.3s; background-color: #d13a7a; /* variable */ } .no-touch .w-team:hover .w-team-links { top: 0; } .w-team-links:before { content: ''; display: inline-block; height: 100%; vertical-align: middle; } .w-team-links-list { display: inline-block; vertical-align: middle; line-height: 0; padding: 15px; } .w-team-links-item { font-size: 18px; line-height: 40px; height: 40px; width: 40px; margin: 4px; position: relative; overflow: hidden; border-radius: 50%; box-shadow: 0 0 0 2px #e8e8e8 inset; /* variable */ color: inherit; } .no-touch .w-team-links-item { font-size: 22px; line-height: 50px; height: 50px; width: 50px; box-shadow: 0 0 0 2px #fff inset; color: #fff; } .no-touch .w-team-links-item:before { display: block; content: ''; position: absolute; top: 0; left: 0; height: 0; width: 100%; -webkit-transition: height 0.3s; transition: height 0.3s; background-color: #fff; } .no-touch .w-team-links-item:hover:before { height: 100%; } .w-team-links-item i { position: relative; vertical-align: top; line-height: inherit; } .color_alternate .w-team-links-item { color: #fff; } .no-touch .w-team-links-item:hover, .no-touch .l-submain.color_alternate .w-team-links-item:hover, .no-touch .l-submain.color_primary .w-team-links-item:hover { color: #444; } .w-team-content { margin-left: 0; min-height: 0; padding: 0; text-align: center; } .w-team-content .w-team-name { margin-bottom: 6px; } .no-touch .w-team-content .w-team-name { padding-top: 15px; } .w-team-link .w-team-name { color: #d13a7a; /* variable */ -webkit-transition: color 0.2s; transition: color 0.2s; } .no-touch .w-team-link:hover .w-team-name { color: #6254a8; /* variable */ } .no-touch .w-team-link:hover .w-team-name span { border-bottom: 1px solid; } .w-team-role { font-size: 13px; margin-bottom: 10px; opacity: 0.5; } .w-team-description p { margin-bottom: 0; } /* w-testimonial */ .w-testimonial { position: relative; padding: 30px 32px; border-radius: 5px; -webkit-transition: box-shadow 0.3s, color 0.3s; transition: box-shadow 0.3s, color 0.3s; box-shadow: 0 0 0 2px #e8e8e8 inset; /* variable */ } .no-touch .w-testimonial:hover { box-shadow: 0 0 0 2px #d13a7a inset; /* variable */ } .w-testimonial blockquote { border: none !important; margin: 0 !important; padding: 0 !important; font: inherit; } .w-testimonial .w-testimonial-text { display: block; font-size: 18px; font-style: italic; line-height: 28px; } .w-testimonial-person { font-size: 13px; padding: 16px 0 0; overflow: hidden; } .w-testimonial-person i { font-size: 20px; margin-right: 10px; opacity: 0.5; } .w-testimonial-person-name { font-weight: bold; } .w-testimonial-person-meta { margin-left: 5px; opacity: 0.66; } .w-testimonial-person img { float: left; margin-right: 15px; border-radius: 50%; height: 60px; width: 60px; } .w-testimonial img ~ .w-testimonial-person-name { display: block; margin-top: 5px; } .w-testimonial img ~ .w-testimonial-person-meta { margin: 0; } /* w-timeline */ .w-timeline-list { margin: 10px 0 35px; } .w-timeline-list:before { height: 2px; top: 39px; left: 1px; right: 1px; width: auto; background-color: #e8e8e8; /* variable */ } .w-timeline-item { height: 80px; width: 80px; overflow: hidden; border-radius: 50%; -webkit-transition: color 0.3s; transition: color 0.3s; box-shadow: 0 0 0 2px #d13a7a inset; /* variable */ background-color: #fff; /* variable */ } .w-timeline-item:before { display: block; content: ''; position: absolute; top: 0; left: 0; height: 0; width: 100%; -webkit-transition: height 0.3s; transition: height 0.3s; background-color: #d13a7a; /* variable */ } .no-touch .w-timeline-item:hover:before, .w-timeline-item.active:before { height: 100%; } .no-touch .w-timeline-item:hover, .w-timeline-item.active { color: #fff; } .w-timeline-item-title { font-size: 17px; line-height: 80px; position: relative; } .w-timeline-section { overflow: hidden; } .w-timeline.type_vertical .w-timeline-section:before { display: block; content: ''; position: absolute; top: 0; left: 50%; height: 100%; width: 4px; margin-left: -2px; background-color: #d13a7a; /* variable */ } .w-timeline-section-title { height: 60px; padding: 0; margin: 10px auto 0; z-index: 12; overflow: hidden; border-radius: 50%; -webkit-transition: color 0.3s; transition: color 0.3s; box-shadow: 0 0 0 2px #d13a7a inset; /* variable */ background-color: #fff; /* variable */ } .w-timeline-section-title:before { display: block; content: ''; position: absolute; top: 0; left: 0; height: 0; width: 100%; -webkit-transition: height 0.3s; transition: height 0.3s; background-color: #d13a7a; /* variable */ } .no-touch .w-timeline-section-title:hover:before, .w-timeline-section.active .w-timeline-section-title:before { height: 100%; } .w-timeline-section:first-child .w-timeline-section-title { margin-top: 0; } .no-touch .w-timeline-section-title:hover, .w-timeline-section.active .w-timeline-section-title { color: #fff; } .w-timeline-section-title-text { font-size: 16px; height: 60px; line-height: 60px; margin-left: 0; position: relative; z-index: 13; } .w-timeline-section-content { border-radius: 5px; padding: 0 0 15px; } .w-timeline.type_vertical .w-timeline-section-content { padding: 49px 20px 15px; margin-top: -30px; border: 1px solid #e8e8e8; /* variable */ background-color: #fff; /* variable */ } /* w-toplink */ .w-toplink { display: block; position: fixed; bottom: -52px; right: 15px; text-align: center; font-size: 30px; line-height: 48px; height: 50px; width: 50px; border-radius: 5px; z-index: 100; -webkit-transition: background-color 0.3s, bottom 0.3s; transition: background-color 0.3s, bottom 0.3s; background-color: rgba(0,0,0,0.3); color: #fff; } .w-toplink.active { bottom: 15px; } .no-touch .w-toplink.active:hover { background-color: #d13a7a; /* variable */ color: #fff; } .w-toplink.active:active { color: #fff; } .w-toplink i { line-height: inherit; } /* w-video */ .w-video.align_center { margin: 0 auto; } .w-video.align_right { margin-left: auto; } /* 404 page */ .page-404 { text-align: center; } .page-404 i { font-size: 200px; opacity: 0.1; } /* Pagination */ .navigation.pagination { font-size: 0; margin-bottom: 20px; } .pagination h2 { display: none; } .pagination .page-numbers { display: inline-block; vertical-align: top; text-align: center; font-size: 17px; line-height: 50px; height: 50px; width: 50px; margin: 3px; position: relative; overflow: hidden; border-radius: 50%; box-shadow: 0 0 0 2px #e8e8e8 inset; /* variable */ color: inherit; } .pagination .page-numbers:first-child { margin-left: 0; } .pagination .page-numbers span { position: relative; } .no-touch .pagination .page-numbers:hover { color: #fff; } .no-touch .pagination .page-numbers:before { display: block; content: ''; position: absolute; top: 0; left: 0; height: 0; width: 100%; -webkit-transition: height 0.3s; transition: height 0.3s; background-color: #d13a7a; /* variable */ } .no-touch .pagination .page-numbers:hover:before { height: 100%; } .pagination .page-numbers.current { box-shadow: none !important; background-color: #d13a7a; /* variable */ color: #fff !important; } .pagination .page-numbers.dots { box-shadow: none !important; color: inherit !important; } .pagination .page-numbers.dots:before { display: none; } .pagination .page-numbers.prev, .pagination .page-numbers.next { font-size: 0; } .pagination .page-numbers.prev:after { content: '\f104'; font-family: FontAwesome; font-size: 24px; position: relative; right: 1px; } .pagination .page-numbers.next:after { content: '\f105'; font-family: FontAwesome; font-size: 24px; position: relative; left: 1px; } /* ==================================== ====== WordPress widgets ============== ==================================== */ .l-sidebar .widget { margin-bottom: 45px; } .l-subfooter.at_top .widget { margin-bottom: 30px; } .g-html .widget ul { list-style-type: none; margin: 0; } /* Comment Form */ .comment-reply-title { font-size: 22px; margin-bottom: 16px; } .comment-reply-title small { font-size: 13px; margin-left: 10px; } .no-touch .comment-reply-title a:hover { border-bottom: 1px solid; } .comment-form-author, .comment-form-email { float: left; width: 32%; margin-right: 2%; } .comment-form-url { float: left; width: 32%; } .comment-form-comment { clear: both; } .w-comments-form p label { display: block; margin-bottom: 5px; } /* Search Form */ .widget_search form label { display: none; } .widget_search form input[type="text"] { height: 42px; padding: 10px 80px 10px 10px; } .widget_search form input[type="submit"] { position: absolute; top: 0; right: 0; font-size: 13px; line-height: 40px; height: 42px; width: 70px; padding: 0; } /* Archives */ .widget_archive ul li { line-height: 1.5em; padding: 7px 18px; margin: 0; position: relative; } .widget_archive ul li:before { position: absolute; top: 6px; left: 2px; content: '\f105'; font-size: 18px; font-family: "FontAwesome"; opacity: 0.5; } /* Calendar */ #wp-calendar { margin: 0; width: 100%; } #wp-calendar caption { padding: 8px 20px 2px; } #wp-calendar thead th, #wp-calendar tbody td, #wp-calendar tfoot td { padding: 0; border-top: 1px solid #e8e8e8; /* variable */ border-bottom: none; text-align: center; line-height: 32px; } #wp-calendar thead th { font-size: 10px; font-weight: normal; border-top: none; opacity: 0.5; } #wp-calendar tbody td a { display: block; font-weight: bold; } #wp-calendar tbody td#today { font-weight: bold; } #wp-calendar td#prev { text-align: left; padding-left: 10px; } #wp-calendar td#next { text-align: right; padding-right: 10px; } /* Categories */ .widget_categories ul li { line-height: 1.5em; padding: 7px 18px; margin: 0; position: relative; } .widget.widget_categories .children { margin: 7px 0 -7px; } .widget_categories ul li:before { position: absolute; top: 6px; left: 2px; content: '\f105'; font-size: 18px; font-family: "FontAwesome"; opacity: 0.5; } /* Custom Menu */ .widget_nav_menu li.menu-item { padding: 0; margin: 0; } .widget_nav_menu .menu-item a { display: block; padding: 12px 20px 12px 25px; font-size: 15px; line-height: 20px; position: relative; -webkit-transition: color 0.1s, background-color 0.1s, border-color 0.1s; transition: color 0.1s, background-color 0.1s, border-color 0.1s; border-bottom: none !important; border-top: 1px solid #e8e8e8; /* variable */ color: inherit; } .no-touch .widget_nav_menu .menu-item a:hover { background-color: #f2f2f2; /* variable */ } .widget_nav_menu .menu-item.current-menu-item > a, .no-touch .widget_nav_menu .menu-item.current-menu-item > a:hover { background-color: #d13a7a; /* variable */ color: #fff; } .widget_nav_menu .menu-item a:before { position: absolute; top: 12px; left: 10px; content: '\f105'; font-size: 18px; font-family: FontAwesome; opacity: 0.5; } .widget_nav_menu .sub-menu > .menu-item > a { padding: 12px 20px 12px 45px; } .widget_nav_menu .sub-menu .menu-item a:before { left: 30px; } .widget_nav_menu .sub-menu .sub-menu > .menu-item > a { padding: 12px 20px 12px 65px; } .widget_nav_menu .sub-menu .sub-menu .menu-item a:before { left: 50px; } .l-footer .widget_nav_menu .menu-item a { background-color: transparent !important; } .l-footer .widget_nav_menu .menu-item.current-menu-item > a { font-weight: bold; color: inherit !important; } /* Meta */ .widget_meta ul li { line-height: 1.5em; padding: 7px 18px; margin: 0; position: relative; } .widget_meta ul li:before { position: absolute; top: 6px; left: 2px; content: '\f105'; font-size: 18px; font-family: "FontAwesome"; opacity: 0.5; } /* Pages */ .widget_pages ul li { line-height: 1.5em; padding: 7px 18px; margin: 0; position: relative; } .widget.widget_pages ul.children { margin: 7px 0 -7px; } .widget_pages ul li:before { position: absolute; top: 6px; left: 2px; content: '\f105'; font-size: 18px; font-family: "FontAwesome"; opacity: 0.5; } /* Recent Comments */ .widget_recent_comments .recentcomments { line-height: 1.5em; padding: 7px 0 7px 22px; margin: 0; position: relative; } .widget_recent_comments .recentcomments:before { position: absolute; top: 7px; left: 1px; content: '\f0e5'; font-size: 12px; font-family: "FontAwesome"; opacity: 0.5; } /* Recent Posts */ .widget_recent_entries ul li { line-height: 1.5em; padding: 7px 0 7px 18px; margin: 0; position: relative; } .widget_recent_entries ul li:before { position: absolute; top: 7px; left: 2px; content: '\f105'; font-size: 18px; font-family: "FontAwesome"; opacity: 0.5; } .widget_recent_entries ul li span { display: block; padding-top: 3px; font-size: 0.9em; opacity: 0.5; } /* RSS */ .widget_rss .widgettitle a { padding-left: 28px; position: relative; } .widget_rss .widgettitle a:first-child { display: none; } .widget_rss .widgettitle a:before { position: absolute; top: -2px; left: 1px; content: '\f143'; font-family: "FontAwesome"; opacity: 0.5; } .widget_rss ul li { line-height: 1.5em; padding-bottom: 14px; margin-bottom: 14px; } .widget_rss ul li span { display: block; padding-top: 5px; font-size: 12px; opacity: 0.5; } .widget_rss ul li cite { font-size: 12px; font-style: normal; opacity: 0.5; } .widget_rss ul li div { display: block; font-size: 12px; padding: 6px 0; } /* Tags */ .widget_tag_cloud .tagcloud a { color: #999; /* variable */ } .no-touch .widget_tag_cloud .tagcloud a:hover { border-bottom: 1px solid; color: #6254a8; /* variable */ } /* WP-captions */ .g-html .wp-caption { line-height: 0; margin: 0 0 30px; max-width: 100%; position: relative; } .g-html .wp-caption-text { display: block; font-size: 12px; line-height: 18px; text-align: center; margin: 0 auto; padding: 5px 10px; } .g-html .wp-caption.aligncenter { margin-left: auto; margin-right: auto; } .g-html .wp-caption.alignleft { float: left; margin-right: 30px; } .g-html .wp-caption.alignright { float: right; margin-left: 30px; } .gallery-caption { font-size: inherit; } .bypostauthor { font-size: inherit; } img#wpstats { display: none; } .form-allowed-tags { font-size: 12px; line-height: 18px; margin: -15px 0 15px !important; opacity: 0.66; } .g-html .form-allowed-tags code { display: inline; vertical-align: inherit; padding: 0; background-color: transparent; color: inherit; } /* ==================================== ====== WPML =========================== ==================================== */ .l-header .menu-item-language { float: left; text-align: left; position: relative; } .l-header .menu-item-language > a { display: block; padding: 0 20px; color: inherit; } .type_desktop .submenu-languages { display: none; position: absolute; z-index: 2; min-width: 100%; box-shadow: 0 8px 15px rgba(0,0,0,0.1); background-color: #fff; /* variable */ color: #444; /* variable */ } .l-header.transparent .type_desktop .w-nav-list > .menu-item-language > a { background-color: transparent !important; } .type_desktop .menu-item-language:hover .submenu-languages { display: block; } .l-header .submenu-languages .menu-item-language { float: none; line-height: 40px; white-space: nowrap; } .menu-item-language > a img.iclflag { margin-right: 7px; } .type_mobile .menu-item-language { float: none; display: inline-block; line-height: 40px; } .type_mobile .w-nav-list.level_1 > .menu-item-language { display: block; padding: 10px 0; box-shadow: 0 1px 0 rgba(0,0,0,0.06) inset; } .type_mobile .submenu-languages { display: inline; } .type_mobile .menu-item-language > a { display: inline-block; vertical-align: top; padding: 0 10px; } .lang_sel_list_horizontal ul { overflow: hidden; } .lang_sel_list_horizontal li { float: left; margin: 0 15px 5px 0 !important; padding: 0 !important; } .lang_sel_list_vertical li { margin: 0 0 5px !important; padding: 0 !important; } .lang_sel_list_vertical li a, .lang_sel_list_horizontal li a { border: none !important; } #lang_sel li, #lang_sel_click li { padding: 0; margin: 0; position: relative; } #lang_sel a, #lang_sel_click a { display: block; font-size: 13px; line-height: 40px; padding: 0 40px 0 15px; border: 1px solid #e8e8e8; /* variable */ color: inherit !important; } #lang_sel a img.iclflag, #lang_sel_click a img.iclflag { margin-right: 5px; } .no-touch #lang_sel a:hover, .no-touch #lang_sel_click a:hover { background-color: #f2f2f2; /* variable */ } #lang_sel a.lang_sel_sel, #lang_sel_click a.lang_sel_sel { border-radius: 5px; } #lang_sel a.lang_sel_sel img.iclflag { margin-right: 2px; } #lang_sel_click a.lang_sel_sel img.iclflag { margin-right: 8px; } #lang_sel a.lang_sel_sel:before, #lang_sel_click a.lang_sel_sel:before { display: block; content: "\f107"; position: absolute; top: 0; right: 15px; font-size: 20px; font-family: FontAwesome; cursor: pointer; } #lang_sel ul ul, #lang_sel_click ul ul { visibility: hidden; position: absolute; top: 42px; width: 100%; border-radius: 0 0 5px 5px; z-index: 1; background-color: #fff; /* variable */ } #lang_sel ul li:hover ul { visibility: visible; } #lang_sel ul ul a, #lang_sel_click ul ul a { border-top: none; } #lang_sel li:hover a.lang_sel_sel, #lang_sel_click a.lang_sel_sel:focus { border-radius: 5px 5px 0 0; } #lang_sel ul ul li:last-child a, #lang_sel_click ul ul li:last-child a { border-radius: 0 0 5px 5px; } #lang_sel_footer { clear: both; text-align: center; font: 11px/15px Verdana, sans-serif; padding: 8px; background-color: #fff; /* variable */ } #lang_sel_footer ul li { display: inline-block; white-space: nowrap; } #lang_sel_footer ul li a { display: block; padding: 5px 8px; } img.iclflag { position: relative; top: 1px; } /* ==================================== ====== Slick Slider =================== ==================================== */ .slick-slider { text-align: center; position: relative; -webkit-touch-callout: none; -webkit-tap-highlight-color: transparent; -webkit-user-select: none; -moz-user-select: none; user-select: none; touch-action: pan-y; } .slick-list { position: relative; overflow: hidden; } .slick-loading .slick-list { background: url(../img/loader.gif) center center no-repeat #fff; } .slick-list.dragging { cursor: pointer; cursor: hand; } .slick-slider .slick-list, .slick-track, .slick-slide, .slick-slide img { -webkit-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .slick-track { display: inline-block; vertical-align: top; position: relative; left: 0; top: 0; } .slick-track:before, .slick-track:after { content: ''; display: table; } .slick-track:after { clear: both; } .slick-loading .slick-track { visibility: hidden; } .slick-slide { display: none; float: left; height: 100%; min-height: 1px; } .slick-initialized .slick-slide { display: block; } .slick-loading .slick-slide { visibility: hidden; } .slick-slide img { display: block; margin: 0 auto; pointer-events: none; } .slick-slide.slick-loading img { display: none; } .slick-dots li { margin: 0 3px !important; padding: 0 !important; } /* ==================================== ====== FOTORAMA ======================= ==================================== */ .fotorama__wrap { margin: 0 auto; } .fotorama__arr, .fotorama__fullscreen-icon, .fotorama__video-close, .fotorama__video-play { background: none !important; } .fotorama__fullscreen-icon { font-size: 28px; text-align: center; line-height: 60px; height: 60px; width: 60px; right: 0; top: 0; cursor: ne-resize; text-shadow: 0 1px 3px rgba(0,0,0,0.3); color: #fff; } .fotorama__fullscreen-icon:after { position: absolute; top: 0; left: 0; right: 0; bottom: 0; content: '\f0b2'; font-family: FontAwesome; } .fotorama--fullscreen .fotorama__fullscreen-icon:after { content: '\f00d'; } .fotorama__arr { font-size: 56px; text-align: center; line-height: 60px; height: 60px; width: 60px; margin-top: -30px; text-shadow: 0 1px 3px rgba(0,0,0,0.3); color: #fff; } .fotorama__arr--prev { left: 0; } .fotorama__arr--next { right: 0; } .fotorama__arr:after { position: absolute; top: 0; left: 0; right: 0; bottom: 0; content: '\f104'; font-family: FontAwesome; } .fotorama__arr.fotorama__arr--next:after { content: '\f105'; } .fotorama__dot { opacity: 0.5; border-color: inherit; } .fotorama__thumb-border { border-color: #d13a7a; /* variable */ } /* ==================================== ====== SLIDER REVOLUTION ============== ==================================== */ .revslider-initialised ul { margin: 0 !important; } .no-touch .revslider-initialised li a:hover { border-bottom: none !important; } .tp-leftarrow.custom, .tp-rightarrow.custom { font-size: 34px; text-align: center; line-height: 48px; height: 50px; width: 50px; border-radius: 50%; overflow: hidden; background-image: none; -webkit-transition: opacity 0.3s, box-shadow 0.3s; transition: opacity 0.3s, box-shadow 0.3s; box-shadow: 0 0 0 2px #fff inset; color: #fff; } .no-touch .tp-leftarrow.custom:hover, .no-touch .tp-rightarrow.custom:hover { box-shadow: 0 0 0 2px transparent inset; } .no-touch .tp-leftarrow.custom:before, .no-touch .tp-rightarrow.custom:before { display: block; content: ''; position: absolute; top: 0; left: 0; height: 0; width: 100%; -webkit-transition: height 0.3s; transition: height 0.3s; background-color: #d13a7a; /* variable */ } .no-touch .tp-leftarrow.custom:hover:before, .no-touch .tp-rightarrow.custom:hover:before { height: 100%; } .tp-rightarrow.custom:after { display: block; content: '\f105'; font-family: FontAwesome; margin-left: 3px; position: relative; } .tp-leftarrow.custom:after { display: block; content: '\f104'; font-family: FontAwesome; margin-right: 3px; position: relative; } .tp-bannertimer { background: rgba(0,0,0,0.1) !important; height: 5px; } /* ==================================== ====== Magnific Popup ================= ==================================== */ .mfp-arrow:after { display: none; } .mfp-arrow:before { content: '\f104'; font-family: FontAwesome; font-size: 60px; width: 100%; margin-top: 40px; margin-left: 0; border: none; color: #fff; } .mfp-arrow.mfp-arrow-right:before { content: '\f105'; } /* ==================================== ====== Contact Form 7 ================= ==================================== */ span.wpcf7-form-control-wrap { display: inline-block; width: 100%; } .l-subfooter.at_top .wpcf7-form p:last-child { margin-bottom: 20px; } .wpcf7-form input[type="text"], .wpcf7-form input[type="password"], .wpcf7-form input[type="email"], .wpcf7-form input[type="url"], .wpcf7-form input[type="tel"], .wpcf7-form input[type="number"], .wpcf7-form input[type="date"], .wpcf7-form textarea, .wpcf7-form select { margin-top: 5px; } .wpcf7-form-control.wpcf7-radio, .wpcf7-form-control.wpcf7-checkbox { display: inline-block; padding: 10px 0; } span.wpcf7-list-item { margin: 0 20px 0 0; } span.wpcf7-list-item input[type="checkbox"], span.wpcf7-list-item input[type="radio"] { margin: 0 2px 0 0; } div.wpcf7 img.ajax-loader { margin-left: 10px; } div.wpcf7-response-output { text-align: center; line-height: 24px; margin: 0; padding: 8px 16px; border-radius: 5px; } span.wpcf7-not-valid-tip { left: auto; top: auto; right: 5px; bottom: 5px; text-align: center; width: 250px; border-radius: 3px; } /* ==================================== ====== WP Polls ======================= ==================================== */ .wp-polls { padding: 28px; border: 2px solid #e1e5e8; } .wp-polls p { text-align: left !important; } .wp-polls ul.wp-polls-ul { margin-left: 0 !important; } .wp-polls ul.wp-polls-ul li { margin-bottom: 8px !important; } .wp-polls ul.wp-polls-ul li strong { font-weight: normal; } .wp-polls ul.wp-polls-ul li strong:before { content: '\f058'; font-family: Fontawesome; margin-right: 5px; } .wp-polls ul.wp-polls-ul li i { font-style: normal; } .wp-polls ul.wp-polls-ul li small { opacity: 0.5; white-space: nowrap; } .wp-polls .pollbar { margin: 0 !important; } .wp-polls .Buttons { border-radius: 5px; padding: 6px 12px; background-color: rgba(0,0,0,0.06); border: 1px solid rgba(0,0,0,0.1); } .no-touch .wp-polls .Buttons:hover { border-color: rgba(0,0,0,0.4); } .wp-polls-loading { height: 20px; line-height: 20px; } /* ==================================== ====== ANIMATION ====================== ==================================== */ .animate_start { -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; } /* Fade */ @keyframes fade { from { opacity: 0; } to { opacity: 1; } } @-webkit-keyframes fade { from { opacity: 0; } to { opacity: 1; } } .animate_fade { opacity: 0; } .animate_fade.animate_start { -webkit-animation-name: fade; animation-name: fade; opacity: 1; } /* Appear From Center */ @keyframes afc { from { opacity: 0; transform: scale(0.2); } to { opacity: 1; transform: scale(1); } } @-webkit-keyframes afc { from { opacity: 0; -webkit-transform: scale(0.2); } to { opacity: 1; -webkit-transform: scale(1); } } .animate_afc { opacity: 0; } .animate_afc.animate_start { -webkit-animation-name: afc; animation-name: afc; opacity: 1; } /* Appear From Left */ @keyframes afl { from { opacity: 0; transform: translateX(-50px); } to { opacity: 1; transform: translateX(0); } } @-webkit-keyframes afl { from { opacity: 0; -webkit-transform: translateX(-50px); } to { opacity: 1; -webkit-transform: translateX(0); } } .animate_afl { opacity: 0; } .animate_afl.animate_start { -webkit-animation-name: afl; animation-name: afl; opacity: 1; } /* Appear From Right */ @keyframes afr { from { opacity: 0; transform: translateX(50px); } to { opacity: 1; transform: translateX(0); } } @-webkit-keyframes afr { from { opacity: 0; -webkit-transform: translateX(50px); } to { opacity: 1; -webkit-transform: translateX(0); } } .animate_afr { opacity: 0; } .animate_afr.animate_start { -webkit-animation-name: afr; animation-name: afr; opacity: 1; } /* Appear From Top */ @keyframes aft { from { opacity: 0; transform: translateY(-50px); } to { opacity: 1; transform: translateY(0); } } @-webkit-keyframes aft { from { opacity: 0; -webkit-transform: translateY(-50px); } to { opacity: 1; -webkit-transform: translateY(0); } } .animate_aft { opacity: 0; } .animate_aft.animate_start { -webkit-animation-name: aft; animation-name: aft; opacity: 1; } /* Appear From Bottom */ @keyframes afb { from { opacity: 0; transform: translateY(50px); } to { opacity: 1; transform: translateY(0); } } @-webkit-keyframes afb { from { opacity: 0; -webkit-transform: translateY(50px); } to { opacity: 1; -webkit-transform: translateY(0); } } .animate_afb { opacity: 0; } .animate_afb.animate_start { -webkit-animation-name: afb; animation-name: afb; opacity: 1; } /* Width From Center */ @keyframes wfc { from { opacity: 0; transform: scaleX(0.01); } to { opacity: 1; transform: scaleX(1); } } @-webkit-keyframes wfc { from { opacity: 0; -webkit-transform: scaleX(0.01); } to { opacity: 1; -webkit-transform: scaleX(1); } } .animate_wfc { opacity: 0; } .animate_wfc.animate_start { -webkit-animation-name: wfc; animation-name: wfc; opacity: 1; } /* Height From Center */ @keyframes hfc { from { opacity: 0; transform: scaleY(0.01); } to { opacity: 1; transform: scaleY(1); } } @-webkit-keyframes hfc { from { opacity: 0; -webkit-transform: scaleY(0.01); } to { opacity: 1; -webkit-transform: scaleY(1); } } .animate_hfc { opacity: 0; } .animate_hfc.animate_start { -webkit-animation-name: hfc; animation-name: hfc; opacity: 1; } /* Rotate From Center */ @keyframes rfc { from { opacity: 0; transform: scale(0.01) rotate(360deg); } to { opacity: 1; transform: scale(1) rotate(0); } } @-webkit-keyframes rfc { from { opacity: 0; -webkit-transform: scale(0.01) rotate(360deg); } to { opacity: 1; -webkit-transform: scale(1) rotate(0); } } .animate_rfc { opacity: 0; } .animate_rfc.animate_start { -webkit-animation-name: rfc; animation-name: rfc; opacity: 1; } /* Rotate From Left */ @keyframes rfl { from { opacity: 0; transform: translateX(-100px) rotate(-180deg); } to { opacity: 1; transform: translateX(0) rotate(0); } } @-webkit-keyframes rfl { from { opacity: 0; -webkit-transform: translateX(-100px) rotate(-180deg); } to { opacity: 1; -webkit-transform: translateX(0) rotate(0); } } .animate_rfl { opacity: 0; } .animate_rfl.animate_start { -webkit-animation-name: rfl; animation-name: rfl; opacity: 1; } /* Rotate From Right */ @keyframes rfr { from { opacity: 0; transform: translateX(100px) rotate(180deg); } to { opacity: 1; transform: translateX(0) rotate(0); } } @-webkit-keyframes rfr { from { opacity: 0; -webkit-transform: translateX(100px) rotate(180deg); } to { opacity: 1; -webkit-transform: translateX(0) rotate(0); } } .animate_rfr { opacity: 0; } .animate_rfr.animate_start { -webkit-animation-name: rfr; animation-name: rfr; opacity: 1; } /* Animation Delays */ .d1.animate_start { -webkit-animation-delay: 0.2s; animation-delay: 0.2s; } .d2.animate_start { -webkit-animation-delay: 0.4s; animation-delay: 0.4s; } .d3.animate_start { -webkit-animation-delay: 0.6s; animation-delay: 0.6s; } .d4.animate_start { -webkit-animation-delay: 0.8s; animation-delay: 0.8s; } .d5.animate_start { -webkit-animation-delay: 1s; animation-delay: 1s; } /* Animation Speed */ .s1.animate_start { -webkit-animation-duration: 0.6s; animation-duration: 0.6s; } .s2.animate_start { -webkit-animation-duration: 0.8s; animation-duration: 0.8s; } .s3.animate_start { -webkit-animation-duration: 1s; animation-duration: 1s; } .s4.animate_start { -webkit-animation-duration: 1.2s; animation-duration: 1.2s; } .s5.animate_start { -webkit-animation-duration: 1.4s; animation-duration: 1.4s; } /* Disable animation */ .disable_animation .animate_afc, .disable_animation .animate_aft, .disable_animation .animate_afb, .disable_animation .animate_afl, .disable_animation .animate_afr, .disable_animation .animate_wfc, .disable_animation .animate_hfc, .disable_animation .animate_rfl, .disable_animation .animate_rfr, .disable_animation .animate_rfc { opacity: 1; -webkit-animation: none !important; animation: none !important; } /* ==================================== ====== Print Styles =================== ==================================== */ @media print { .l-header, .l-footer { display: none; } .l-main, .l-submain { padding: 0 !important; } } /* ==================================== ====== Visual Composer ================ ==================================== */ /* Visual Composer text */ .g-html .wpb_text_column:last-child h1:last-child, .g-html .wpb_text_column:last-child h2:last-child, .g-html .wpb_text_column:last-child h3:last-child, .g-html .wpb_text_column:last-child h4:last-child, .g-html .wpb_text_column:last-child h5:last-child, .g-html .wpb_text_column:last-child h6:last-child, .g-html .wpb_text_column:last-child p:last-child, .g-html .wpb_text_column:last-child ul:last-child, .g-html .wpb_text_column:last-child ol:last-child { margin-bottom: 0; } /* Visual Composer button */ .wpb_button.align_left { display: inline-block; vertical-align: top; margin-right: 6px; } .align_center > .wpb_button.align_left { margin: 0 10px; } .wpb_button.align_center { display: block; text-align: center; } .wpb_button.align_right { float: right; margin-left: 10px; } /* Visual Composer image */ .wpb_single_image { line-height: 0; margin-bottom: 40px; } .wpb_single_image.align_left { display: inline; float: left; margin-right: 30px; } .wpb_single_image.align_right { display: inline; float: right; margin-left: 30px; } .wpb_single_image.align_center { clear: both; text-align: center; } .one-half .wpb_single_image, .one-third .wpb_single_image, .two-thirds .wpb_single_image, .one-quarter .wpb_single_image, .three-quarters .wpb_single_image { margin-bottom: 24px; } .wpb_single_image:last-child, .full_width .full-width > .wpb_single_image { margin-bottom: 0 !important; } .wpb_single_image + h1, .wpb_single_image + h2, .wpb_single_image + h3, .wpb_single_image + h4, .wpb_single_image + h5, .wpb_single_image + h6 { padding-top: 0; } /* Flickr element of Visual Composer */ .flickr_badge_image { float: left; width: 75px; height: 75px; } .flickr_badge_image a { border: none; } .flickr_badge_image img { overflow: hidden; position: relative; width: 100%; height: 100%; max-width: 100%; max-height: 100%; } .wpb_flickr_widget p.flickr_stream_wrap { clear: both; font-size: 80%; margin: 0; padding-top: 6px; } /* ==================================== ====== Ultimate Addons for VC ========= ==================================== */ .g-cols > .upb_row_bg, .g-cols > .upb_video-wrapper { display: none !important; } .aio-icon.circle { line-height: 2.5em; height: 2.5em; width: 2.5em; } .aio-icon.circle i, .aio-icon.square i, .icon_list_icon i, .info-circle-icons i { line-height: inherit !important; vertical-align: top; } /* Advanced Button */ a.ubtn-link { margin-top: 5px !important; margin-bottom: 5px !important; vertical-align: top; } a.ubtn-link.ubtn-left { margin-right: 10px !important; } a.ubtn-link.ubtn-right { margin-left: 10px !important; } a.ubtn-link .ubtn { font-family: inherit; line-height: 20px; } .ubtn.ubtn-mini { padding: 5px 18px; border-radius: 4px; } .ubtn.ubtn-small { font-size: 13px; padding: 8px 26px; border-radius: 4px; } .ubtn.ubtn-normal { font-size: 15px; padding: 10px 36px; } .ubtn.ubtn-large { font-size: 18px; padding: 16px 50px; } /* Highlight Box */ .ultimate-call-to-action { border-radius: 5px; } .ultimate-call-to-action .uvc-ctaction-data { padding: 0 20px; line-height: 1.4; } /* Advanced Carousel */ .ult-carousel-wrapper .slick-prev { padding-right: 2px; } .ult-carousel-wrapper .slick-next { padding-left: 2px; } .ult-carousel-wrapper button.circle-border, .ult-carousel-wrapper button.circle-bg { line-height: 1.72em !important; height: 1.72em !important; width: 1.72em !important; } /* Dual Button */ .ult_dual_button .ult_ivan_button { text-transform: uppercase; padding: 10px; } /* Flip Box */ .flip-box-wrap .flip-box .ifb-face { padding: 30px; border-radius: 5px; } .flip-box-wrap .flip-box .ifb-face h3 { font-size: 22px; margin: 10px 0; } .flip-box-wrap .flip-box p { line-height: inherit; margin-bottom: 5px; } .flip-box-wrap .flip-box .flip_link a { font-size: 15px; font-weight: bold; text-transform: uppercase; line-height: 20px; border-radius: 5px; padding: 10px 36px; margin-top: 20px; } /* Timeline */ .smile-icon-timeline-wrap > a, .smile-icon-timeline-wrap .timeline-wrapper > a { color: inherit !important; } .smile-icon-timeline-wrap .timeline-line { border-color: #e8e8e8; /* variable */ } .smile-icon-timeline-wrap .timeline-separator-text .sep-text { font-size: 13px; line-height: 18px; padding: 4px 10px; border-radius: 3px !important; background-color: #d13a7a; /* variable */ } .smile-icon-timeline-wrap .timeline-wrapper .timeline-dot, .smile-icon-timeline-wrap .timeline-feature-item .timeline-dot { padding: 4px; background-color: #d13a7a; /* variable */ } .feat-item .timeline-dot { left: -7px !important; } .smile-icon-timeline-wrap .timeline-wrapper .timeline-block, .smile-icon-timeline-wrap .timeline-feature-item.feat-item { border-radius: 5px; border: none; background-color: #f2f2f2; /* variable */ } .timeline-wrapper .timeline-post-right .ult-timeline-arrow l, .timeline-wrapper .timeline-post-left .ult-timeline-arrow l, .timeline-feature-item.feat-item .ult-timeline-arrow l { border-color: #f2f2f2; /* variable */ } .timeline-wrapper .timeline-post-left .ult-timeline-arrow l, .timeline-wrapper .timeline-post-right .ult-timeline-arrow l { border-top-color: transparent !important; border-bottom-color: transparent !important; } .timeline-feature-item.feat-item .ult-timeline-arrow l { border-left-color: transparent !important; border-right-color: transparent !important; } .timeline-wrapper .ult-timeline-arrow s, .feat-item .ult-timeline-arrow s { border-color: transparent !important; } .timeline-feature-item.feat-item .ult-timeline-icon .aio-icon, .timeline-feature-item.feat-item .ult-timeline-icon .aio-icon-img { margin: 30px 0 -10px !important; } .smile-icon-timeline-wrap .timeline-block .timeline-header-block .timeline-header, .smile-icon-timeline-wrap .timeline-feature-item .timeline-header-block .timeline-header { font-size: inherit; padding: 30px; } .smile-icon-timeline-wrap .timeline-block.timeline-post-left .timeline-header-block .timeline-header { padding-left: 15px; } .smile-icon-timeline-wrap .timeline-block.timeline-post-right .timeline-header-block .timeline-header { padding-right: 15px; } .smile-icon-timeline-wrap .timeline-header-block .timeline-header h3, .smile-icon-timeline-wrap .timeline-block .timeline-header h3 { font-size: 22px; line-height: 1.4; margin: 0 0 15px; } .smile-icon-timeline-wrap .timeline-block .timeline-header-block .timeline-header p, .smile-icon-timeline-wrap .timeline-feature-item .timeline-header-block .timeline-header p { margin-bottom: 15px; } .smile-icon-timeline-wrap .timeline-block .timeline-header-block .timeline-header p:last-child, .smile-icon-timeline-wrap .timeline-feature-item .timeline-header-block .timeline-header p:last-child { margin-bottom: 0; } .timeline-wrapper .timeline-block .timeline-header a { display: inline; margin-top: 0; } /* Info Banner */ .ultb3-box .ultb3-info { padding: 30px; color: #fff; } .ultb3-box .ultb3-title { line-height: 1.4; margin-bottom: 20px; color: inherit; } .ultb3-box .ultb3-desc { font-size: inherit; line-height: inherit; margin-bottom: 20px; } .ultb3-box a.ultb3-btn { font-size: 15px; text-transform: uppercase; line-height: 20px; padding: 10px 36px; } /* Info Box */ a.aio-icon-box-link { color: inherit !important; } .aio-icon-box { border-radius: 5px; } .aio-icon-box.square_box-icon .aio-icon-header { padding: 0 10%; } .aio-icon-box.square_box-icon .aio-icon-description { padding: 0 10% 10%; } .aio-icon-box.default-icon .aio-icon-default .aio-icon, .aio-icon-box.default-icon .aio-icon-default .aio-icon-img { margin-right: 20px; } .aio-icon-box.heading-right-icon .aio-icon-heading-right .aio-icon, .aio-icon-box.heading-right-icon .aio-icon-heading-right .aio-icon-img { margin-left: 20px; } .aio-icon-box.left-icon .aio-icon-left .aio-icon, .aio-icon-box.left-icon .aio-icon-left .aio-icon-img { margin-right: 25px; } .aio-icon-box.right-icon .aio-icon-right .aio-icon, .aio-icon-box.right-icon .aio-icon-right .aio-icon-img { margin-left: 25px; } .aio-icon-box .aio-icon-header h3.aio-icon-title { font-size: 22px; line-height: 1.4; } .aio-icon-box.top-icon .aio-icon-header h3.aio-icon-title { margin-top: 18px; } .aio-icon-header + .aio-icon-description { margin-top: 15px !important; } .aio-icon-box .aio-icon-read { padding: 15px 0 0; } /* Info Circle */ .info-c-full-br .icon-circle-list .info-circle-icons { line-height: 2.5em !important; height: 2.5em !important; width: 2.5em !important; } /* Info List */ .ulimate-info-list-link { border: none !important; } .smile_icon_list_wrap .smile_icon_list.top.hexagon .icon_list_icon { margin-bottom: 2.5em; } .smile_icon_list_wrap .smile_icon_list li .icon_description h3 { font-weight: normal; margin-bottom: 10px; } /* Info Table & Price Box */ .ult_pricing_table_wrap:after { content: ''; display: table; clear: both; } .ult_pricing_table_wrap .ult_pricing_table .ult_pricing_heading h3 { font-size: 22px; line-height: 1.4; } .ult_pricing_table_wrap .ult_pricing_table .ult_pricing_heading h5 { margin: 4px 20px; } .ult_design_1 .ult_pricing_table .ult_price_body { margin: 0 auto; } .ult_pricing_table_wrap .ult_pricing_table .ult_price_features { padding: 20px 20px 10px; } .ult_pricing_table .ult_price_features ul li { line-height: 1.5em !important; } .ult_design_5 .ult_pricing_table, .ult_design_2 .ult_pricing_table .ult_price_features ul li, .ult_design_4 .ult_pricing_table .ult_price_features ul li, .ult_design_5 .ult_pricing_table .ult_price_features ul li { border: none !important; } .ult_pricing_table_wrap .ult_pricing_table .ult_price_link { padding: 0 0 35px; } .ult_pricing_table_wrap.ult_design_1 .ult_pricing_table .ult_price_link { padding: 20px; } .ult_pricing_table .ult_price_link .ult_price_action_button { font-size: 15px; text-transform: uppercase; font-weight: bold !important; line-height: 20px !important; padding: 10px 36px !important; border-radius: 5px !important; } .ult_design_2 .ult_pricing_table .ult_price_link .ult_price_action_button { border-radius: 3px !important; line-height: 1 !important; padding: 7px !important; } .ult_info_table .ult_pricing_table .ult_price_link .ult_price_action_button { font-size: 15px; line-height: 20px; text-transform: uppercase; padding: 10px 36px !important; border-radius: 5px !important; } .ult_info_table.ult_design_2 .ult_pricing_table .ult_price_link .ult_price_action_button { font-size: inherit; line-height: 1; text-transform: none; padding: 8px !important; border-radius: 3px !important; z-index: 3; } .ult_design_6 .ult_pricing_table .ult_price_body { border: none !important; box-shadow: 0 1px 0 rgba(0,0,0,0.1) !important; } /* Modal Box */ .ult-overlay { z-index: 501 !important; } .ult-modal-input-wrapper .btn-modal { font-size: 15px; line-height: 20px; padding: 10px 36px; border-radius: 5px; } .ult-modal-input-wrapper .btn-modal.btn-modal-sm { font-size: 13px; padding: 8px 26px; border-radius: 4px; } .ult-modal-input-wrapper .btn-modal.btn-modal-lg { font-size: 18px; padding: 16px 50px; } .ult_modal .ult_modal-content { border-radius: 0; box-shadow: 0 0 10px rgba(0,0,0,0.5); } .ult_modal .ult_modal-header > .modal-icon { font-size: 1.3em; } .ult_modal .ult_modal-body { line-height: inherit; padding: 30px; } .ult_modal .ult_modal-body p:last-child { margin-bottom: 0; } @media only screen and (min-width: 768px) { .ult-overlay-close { display: none; } } /* Image Separator */ .ult-easy-separator-wrapper { float: none !important; margin: 0 !important; }