| Server IP : 162.214.74.102 / Your IP : 216.73.216.139 Web Server : Apache System : Linux dedi-4363141.lrsys.com.br 3.10.0-1160.119.1.el7.tuxcare.els25.x86_64 #1 SMP Wed Oct 1 17:37:27 UTC 2025 x86_64 User : lrsys ( 1015) PHP Version : 5.6.40 Disable Function : exec,passthru,shell_exec,system MySQL : ON | cURL : ON | WGET : ON | Perl : ON | Python : ON | Sudo : ON | Pkexec : ON Directory : /home/lrsys/public_html/lrsys_projetos/sopizzas/assets/css/front-end/links/ |
Upload File : |
/*
----------------------------------------------------------------
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;
min-width: 1220px;
background-color: #ddd; /* variable */
}
.l-canvas {
background-color: #fff; /* variable */
color: #666; /* variable */
}
.l-canvas.type_boxed,
.l-canvas.type_boxed .l-subheader,
.l-canvas.type_boxed ~ .l-footer .l-subfooter {
max-width: 1240px;
}
.l-canvas.type_wide .l-subheader,
.l-canvas.type_boxed .l-submain {
max-width: 100%;
}
.l-canvas.type_wide .l-subheader-h,
.l-canvas.type_wide .l-submain-h,
.l-canvas.type_wide ~ .l-footer .l-subfooter-h,
.l-canvas.type_boxed .l-subheader-h,
.l-canvas.type_boxed .l-submain-h,
.l-canvas.type_boxed ~ .l-footer .l-subfooter-h {
max-width: 1140px;
}
/* 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;
}
/* HEADER POS: fixed */
.headerpos_fixed .l-header {
position: fixed;
left: 0;
width: 100%;
min-width: 1220px;
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 .touch_disabled .w-nav-item.level_1.active .w-nav-anchor.level_1,
.l-header.transparent .touch_disabled .w-nav-item.level_1.current-menu-item .w-nav-anchor.level_1,
.l-header.transparent .touch_disabled .w-nav-item.level_1.current-menu-ancestor .w-nav-anchor.level_1,
.no-touch .l-header.transparent .touch_disabled .w-nav-item.level_1:hover .w-nav-anchor.level_1 {
background-color: transparent;
}
/*WHY WE ARE*/
.faq {
font-size: 14px;
}
.faq ul li{margin-bottom: 0px !important;}
.faq p{margin-bottom: 10px !important;}
.faq h4 {
padding: 10px 0;
margin: 0;
color: #1b1b1b;
font-size: 36px;
font-weight: normal;
}
.faq .title {
margin-bottom: 10px;
}
.two_col .col.left {
padding-right: 3%;
}
.two_col .col {
float: left;
}
.two_col .col, table.two_col td {
width: 50%;
padding: 10px 0;
}
.two_col .col.right {
padding-left: 3%;
}
/*why we are*/
/* 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: 20px 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%;
}
/* 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: #999 !important;
text-decoration: none !important; /* 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-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-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.touch_enabled ~ .w-cart.has_items {
display: block;
position: absolute;
top: 0;
left: 40px;
}
.l-subheader.at_middle .w-nav.touch_enabled ~ .w-search ~ .w-cart.has_items {
left: 86px;
}
.headerlayout_centered .w-nav.touch_enabled ~ .w-cart.has_items {
display: block;
position: absolute;
top: 0;
right: 0;
}
.headerlayout_centered .w-nav.touch_enabled ~ .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.touch_enabled ~ .w-cart .w-cart-link,
.headerlayout_centered .w-nav.touch_enabled ~ .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;
}
.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.touch_disabled.height_auto,
.headerlayout_extended .w-nav.touch_disabled.height_auto {
line-height: 50px;
}
.headerlayout_advanced .w-nav.touch_disabled.height_auto,
.headerlayout_centered .w-nav.touch_disabled.height_auto {
line-height: 36px;
}
.w-nav-control {
float: right;
font-size: 21px;
text-align: center;
height: auto;
width: 50px;
cursor: pointer;
-webkit-transition: color 0.3s;
transition: color 0.3s;
}
.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.has_sublevel .w-nav-anchor.level_2 .w-nav-arrow,
.l-header .w-nav-item.level_3.has_sublevel .w-nav-anchor.level_3 .w-nav-arrow {
display: block;
line-height: 40px;
}
.l-header .w-nav-item.level_2.has_sublevel .w-nav-anchor.level_2 .w-nav-arrow:before,
.l-header .w-nav-item.level_3.has_sublevel .w-nav-anchor.level_3 .w-nav-arrow:before {
content: '\f105';
}
.l-header .w-nav-item.level_2.has_sublevel .w-nav-anchor.level_2 .w-nav-title,
.l-header .w-nav-item.level_3.has_sublevel .w-nav-anchor.level_3 .w-nav-title {
padding-right: 20px;
}
/* w-nav underline hover effect */
.no-touch .hover_underline.touch_disabled .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 .hover_underline.touch_disabled .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.touch_disabled [class*="columns"] .w-nav-list.level_2 {
text-align: left;
padding: 15px 0;
}
.w-nav.touch_disabled [class*="columns"] .w-nav-item.level_2 {
padding: 0 15px;
}
.touch_disabled [class*="columns"] .w-nav-list.level_3 {
box-shadow: none;
}
.touch_disabled [class*="columns"] .w-nav-anchor.level_2,
.touch_disabled [class*="columns"] .w-nav-anchor.level_3 {
white-space: normal;
}
.touch_disabled [class*="columns"] .has_sublevel .w-nav-anchor.level_2 {
font-weight: 700;
margin: 0 0 8px;
background-color: transparent !important;
}
.touch_disabled [class*="columns"] .has_sublevel .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.touch_enabled,
.w-nav.touch_enabled .w-nav-control {
display: block;
line-height: inherit;
}
.w-nav.touch_enabled .w-nav-list.level_1 {
clear: both;
overflow-y: auto;
padding-left: 30px;
padding-right: 30px;
margin-left: -40px;
margin-right: -40px;
}
.w-nav.touch_enabled .w-nav-item {
float: none !important;
width: 100%;
line-height: 26px;
text-align: left;
}
.w-nav.touch_enabled .btn.w-nav-item {
text-align: center;
}
.w-nav.touch_enabled .w-nav-anchor.level_1:after {
display: none;
}
.w-nav.touch_enabled .w-nav-item.level_1.has_sublevel .w-nav-anchor.level_1 .w-nav-arrow,
.w-nav.touch_enabled .w-nav-item.level_2.has_sublevel .w-nav-anchor.level_2 .w-nav-arrow,
.w-nav.touch_enabled .w-nav-item.level_3.has_sublevel .w-nav-anchor.level_3 .w-nav-arrow {
display: block;
font-size: 26px;
text-align: center;
line-height: 46px;
width: 50px;
}
.w-nav.touch_enabled .w-nav-item.level_2.has_sublevel .w-nav-anchor.level_2 .w-nav-arrow:before,
.w-nav.touch_enabled .w-nav-item.level_3.has_sublevel .w-nav-anchor.level_3 .w-nav-arrow:before {
content: '\f107';
}
.w-nav.touch_enabled .w-nav-item.level_1.has_sublevel .w-nav-anchor.level_1 .w-nav-title,
.w-nav.touch_enabled .w-nav-item.level_2.has_sublevel .w-nav-anchor.level_2 .w-nav-title,
.w-nav.touch_enabled .w-nav-item.level_3.has_sublevel .w-nav-anchor.level_3 .w-nav-title {
padding-right: 50px;
}
.w-nav.touch_enabled .w-nav-item.level_1.opened .w-nav-anchor.level_1 .w-nav-arrow,
.w-nav.touch_enabled .w-nav-item.level_2.opened .w-nav-anchor.level_2 .w-nav-arrow,
.w-nav.touch_enabled .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.touch_enabled .w-nav-list.level_2,
.w-nav.touch_enabled .w-nav-list.level_3,
.w-nav.touch_enabled .w-nav-list.level_4 {
display: block;
position: static;
box-shadow: none;
}
.w-nav.touch_enabled .w-nav-anchor.level_1 {
margin: 0;
padding: 10px;
box-shadow: 0 1px 0 rgba(0,0,0,0.06) inset;
}
.w-nav.touch_enabled .btn.w-nav-item .w-nav-anchor.level_1 {
margin: 10px 0;
padding: 0 20px;
}
.w-nav.touch_enabled .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.touch_enabled .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.touch_enabled .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.touch_enabled ~ .w-search {
display: block;
position: absolute;
top: 0;
right: 0;
margin: 0;
}
.l-subheader.at_middle .w-nav.touch_enabled ~ .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.columns_2 .w-shortblog-list,
.w-shortblog.columns_3 .w-shortblog-list {
margin-left: -30px;
margin-right: -30px;
}
.w-shortblog-entry {
min-height: 80px;
}
.w-shortblog.columns_2 .w-shortblog-entry,
.w-shortblog.columns_3 .w-shortblog-entry {
float: left;
padding-left: 30px;
padding-right: 30px;
}
.w-shortblog.columns_2 .w-shortblog-entry {
width: 50%;
}
.w-shortblog.columns_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-h {
border-bottom: 1px solid;
}
.w-shortblog-entry-meta-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-meta-date-day {
display: block;
font-size: 26px;
line-height: 32px;
}
.w-shortblog-entry-meta-date-month {
display: block;
font-size: 14px;
line-height: 14px;
text-transform: uppercase;
}
.w-shortblog-entry-meta-date-year {
display: none;
}
.w-shortblog-entry .w-shortblog-entry-short p {
margin-bottom: 0;
}
/* 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;
}
.touch_disabled .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 .touch_disabled .w-nav-list > .menu-item-language > a {
background-color: transparent !important;
}
.touch_disabled .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;
}
.touch_enabled .menu-item-language {
float: none;
display: inline-block;
line-height: 40px;
}
.touch_enabled .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;
}
.touch_enabled .submenu-languages {
display: inline;
}
.touch_enabled .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;
}