/*! * BASIC STYLES */ /* ==================================== ====== COMMON ========================= ==================================== */ html, body { height: auto; overflow-x: hidden; } a { color: #d13a7a; text-decoration: none; -webkit-transition: padding 0.2s ease-out, color 0.2s ease-out, background-color 0.2s ease-out, box-shadow 0.2s ease-out, border 0.2s ease-out; transition: padding 0.2s ease-out, color 0.2s ease-out, background-color 0.2s ease-out, box-shadow 0.2s ease-out, border 0.2s ease-out; } a:hover, a:active { color: #666; } ::-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 { position: static; background-color: #ddd; } .l-canvas { background-color: #fff; color: #666; } .l-canvas.type_boxed, .l-canvas.type_boxed .l-subheader, .l-canvas.type_boxed + .l-footer .l-subfooter { max-width: 1240px; margin: 0 auto; } .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; } .l-canvas.headerpos_fixed .l-header { position: fixed; left: 0; width: 100%; z-index: 101; } .l-subheader.at_top { display: none; line-height: 36px; height: 36px; padding-left: 40px; padding-right: 40px; position: relative; background-color: #f5f5f5; } .l-canvas.headertype_extended .l-subheader.at_top { display: block; } .l-subheader.at_middle { line-height: 120px; height: 120px; padding-left: 40px; padding-right: 40px; position: relative; box-shadow: 0 2px 3px -1px rgba(0,0,0,0.1); background-color: #fff; } .l-subheader-h { height: 100%; position: relative; } .l-main { z-index: 1; box-shadow: 0 1px 8px rgba(0,0,0,0.05); } .l-canvas.headerpos_fixed .l-main { padding-top: 120px; } .l-canvas.headerpos_fixed.headertype_extended .l-main { padding-top: 156px; } .l-submain { padding: 30px 40px; position: relative; } .l-submain-h { position: relative; } .l-submain-bg { 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 { padding: 30px 40px 32px; box-shadow: 0 -2px 3px -1px rgba(0,0,0,0.1) inset; } .l-submain.for_pagehead.color_alternate { box-shadow: 0 -2px 3px -1px rgba(0,0,0,0.06) 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 { padding-top: 0; padding-bottom: 0; } /* PARALLAX: ver */ .l-submain.parallax_ver .l-submain-bg { display: block; } .no-touch .l-submain.parallax_ver .l-submain-bg { background-attachment: fixed; } /* PARALLAX: hor */ .l-submain.parallax_hor { overflow: hidden; } .l-submain.parallax_hor .l-submain-bg { display: block; width: 130%; } .l-submain.parallax_hor.bgwidth_110 .l-submain-bg { width: 110%; } .l-submain.parallax_hor.bgwidth_120 .l-submain-bg { width: 120%; } .l-submain.parallax_hor.bgwidth_140 .l-submain-bg { width: 140%; } .l-submain.parallax_hor.bgwidth_150 .l-submain-bg { width: 150%; } /* COLOR: alternate */ .l-submain.color_alternate { background-color: #f2f2f2; color: #555; } /* COLOR: primary */ .l-submain.color_primary { background-color: #d13a7a; color: #fff; color: rgba(255,255,255,0.8); } .l-submain.color_primary .g-html h1, .l-submain.color_primary .g-html h2, .l-submain.color_primary .g-html h3, .l-submain.color_primary .g-html h4, .l-submain.color_primary .g-html h5, .l-submain.color_primary .g-html h6 { color: #fff; text-shadow: 0 1px 3px rgba(0,0,0,0.1); } .l-submain.color_primary a { color: #fff; } .no-touch .l-submain.color_primary a:hover { color: #fff; } .l-submain.color_primary .g-hr-h:before, .l-submain.color_primary .g-hr-h:after { background-color: #fff; background-color: rgba(255,255,255,0.5); } .l-submain.color_primary .g-hr-h i { color: #fff; color: rgba(255,255,255,0.5); } .color_primary .g-btn.type_contrast.outlined { box-shadow: 0 0 0 2px #fff inset; color: #fff; } .no-touch .color_primary .g-btn.type_contrast.outlined:hover { color: #444; } .color_primary .g-btn.type_contrast.outlined:before { background-color: #fff; } .color_primary .g-btn.type_contrast { background-color: #fff; color: #444; } .no-touch .color_primary .g-btn.type_contrast:hover { color: #222; } .l-submain.color_primary .w-pagehead-nav .w-pagehead-nav-h .w-pagehead-nav-item { color: #fff; } .no-touch .l-submain.color_primary .w-pagehead-nav .w-pagehead-nav-h .w-pagehead-nav-item:hover { box-shadow: 0 0 0 2px #fff inset; color: #fff; } /* BG: fade */ .l-submain.bg_fade:before { display: block; content: ''; position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 1; } .l-submain.bg_fade .l-submain-h { z-index: 2; } .l-submain.bg_fade.black_30:before { background-color: rgba(0,0,0,0.3); } .l-submain.bg_fade.black_50:before { background-color: rgba(0,0,0,0.5); } .l-submain.bg_fade.white_30:before { background-color: rgba(255,255,255,0.3); } .l-submain.bg_fade.white_50:before { background-color: rgba(255,255,255,0.5); } .l-subfooter.at_top { font-size: 13px; line-height: 21px; padding: 50px 40px 20px; background-color: #1a1a1a; color: #808080; } .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; line-height: 20px; padding: 30px 40px; background-color: #222; color: #666; } .l-subfooter.at_bottom a { color: #999; } .no-touch .l-subfooter.at_bottom a:hover { border-bottom: 1px solid; color: #fff; } .l-subfooter.at_top .widget { margin-bottom: 30px; } .l-sidebar .widget { margin-bottom: 45px; } /* ==================================== ====== TYPOGRAPHY ===================== ==================================== */ /* Main font */ body, p, td { font: 13px/24px 'Open Sans', sans-serif; } /* Headers */ h1 { font-size: 38px; line-height: 48px; } h2 { font-size: 32px; line-height: 42px; } h3 { font-size: 26px; line-height: 36px; } h4 { font-size: 18px; line-height: 32px; } h5 { font-size: 20px; line-height: 30px; } h6 { font-size: 18px; line-height: 26px; } h1, h2, h3, h4, h5, h6 { font-family: 'Noto Sans', sans-serif; margin-bottom: 24px; color: #444; } .g-html > h1:last-child, .g-html > h2:last-child, .g-html > h3:last-child, .g-html > h4:last-child, .g-html > h5:last-child, .g-html > h6:last-child { margin-bottom: 0; } .g-html h2, .g-html h3, .g-html h4, .g-html h5, .g-html h6 { padding-top: 15px; } .g-html h1 + h3, .g-html h1 + h4, .g-html h1 + h5, .g-html h1 + h6, .g-html h2 + h4, .g-html h2 + h5, .g-html h2 + h6, .g-html h3 + h5, .g-html h3 + h6, .g-html h4 + h6, .g-html .g-hr + h2, .g-html .g-hr + h3, .g-html .g-hr + h4, .g-html .g-hr + h5, .g-html .g-hr + h6 { padding-top: 0; } /* Paragraph */ .g-html p { margin-bottom: 24px; font-family:verdana; } .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 ul, .g-html ol { margin-left: 35px; margin-bottom: 24px; } .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 { list-style-type: disc; } .g-html ol { list-style-type: decimal; } .g-html ul li, .g-html ol li { margin-bottom: 6px; padding-left: 2px; font-family:Verdana, Arial, Helvetica, sans-serif; line-height:1.5em; } .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; } /* 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.25s ease-out; transition: opacity 0.25s ease-out; } .no-touch .g-html a.image-link:hover img { filter:progid:DXImageTransform.Microsoft.Alpha(opacity=80); /* hack for IE8 */ opacity: 0.8; } /* Address */ .g-html address { margin-bottom: 24px; } /* Preformat */ .g-html pre { font-size: 12px; line-height: 18px; padding: 10px; margin-bottom: 24px; border-radius: 5px; background-color: #333; color: #fff; } /* Blockquote */ .g-html blockquote { font-size: 16px; line-height: 26px; font-style: italic; padding: 0 0 0 32px; margin: 0 0 24px; border-left: 5px solid #d13a7a; } .g-html blockquote:before { display: none; content: '\201C'; position: absolute; top: 0; left: 0; font-size: 60px; line-height: 60px; height: 60px; width: 40px; } .g-html blockquote q, .g-html blockquote p { font: inherit; margin: 0; } .g-html blockquote cite { display: block; font-size: 80%; margin-top: 8px; } /* Dividers */ .g-hr { font-size: 0; 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; } .g-hr-h:before { left: -14px; margin-left: -10px; } .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; } /* 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; margin-right: auto; } /* 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; } /* ==================================== ====== FORM ELEMENTS ================== ==================================== */ /* Labels & Inputs */ .g-form-row { padding: 0 0 16px; } .g-form-row-label { margin: 0 0 6px; } input[type="text"], input[type="password"], input[type="email"], input[type="url"], input[type="tel"], input[type="number"], input[type="date"], textarea, select { border: none; border-radius: 5px; font-size: 15px; padding: 8px; -webkit-transition: all 0.25s ease-out; transition: all 0.25s ease-out; box-shadow: 0 0 0 2px transparent, 0 1px 0 rgba(0,0,0,0.08) inset; background-color: #f2f2f2; color: #444; } input[type="text"], input[type="password"], input[type="email"], input[type="url"], input[type="tel"], input[type="number"], input[type="date"], select { height: 42px; vertical-align: top; } 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, textarea:focus, select:focus { box-shadow: 0 0 0 2px #d13a7a; } /* STATE: error */ .g-form-row.check_wrong input[type="text"], .g-form-row.check_wrong input[type="password"], .g-form-row.check_wrong input[type="email"], .g-form-row.check_wrong input[type="url"], .g-form-row.check_wrong input[type="tel"], .g-form-row.check_wrong input[type="number"], .g-form-row.check_wrong input[type="date"], .g-form-row.check_wrong textarea, .g-form-row.check_wrong select { border-color: #f00; box-shadow: 0 0 0 1px #f00; } /* STATE: success */ .g-form-row.check_correct input[type="text"], .g-form-row.check_correct input[type="password"], .g-form-row.check_correct input[type="email"], .g-form-row.check_correct input[type="url"], .g-form-row.check_correct input[type="tel"], .g-form-row.check_correct input[type="number"], .g-form-row.check_correct input[type="date"], .g-form-row.check_correct textarea, .g-form-row.check_correct select { border-color: #5a0; box-shadow: 0 0 0 1px #5a0; } /* STATE: disabled */ .g-form-row.check_disabled input[type="text"], .g-form-row.check_disabled input[type="password"], .g-form-row.check_disabled input[type="email"], .g-form-row.check_disabled input[type="url"], .g-form-row.check_disabled input[type="tel"], .g-form-row.check_disabled input[type="number"], .g-form-row.check_disabled input[type="date"], .g-form-row.check_disabled textarea, .g-form-row.check_disabled select { opacity: 0.7; box-shadow: none !important; border-color: transparent !important; } /* FORM: protected post */ .g-form.protected-post-form .g-form-row-field { float: left; } .g-form.protected-post-form .g-input { margin: 5px 10px 5px 0; width: 250px; } /* Buttons */ .g-btn, input[type="submit"] { font-family: 'Open Sans'; font-size: 15px; line-height: 22px; font-weight: 700; text-transform: uppercase; padding: 10px 36px; margin: 5px 0; border: none !important; border-radius: 5px; overflow: hidden; -webkit-transition: color 0.25s ease-out; transition: color 0.25s ease-out; } .no-touch .g-btn:before { display: block; content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 0; background-color: rgba(0,0,0,0.12); -webkit-transition: height 0.25s ease-out; transition: height 0.25s ease-out; } .no-touch .g-btn:hover:before { height: 100%; } .g-btn span { position: relative; } .g-btn i { font-size: 1em; line-height: inherit; margin: 0 10px 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; } /* TYPE: default */ .g-btn.type_default { background-color: #e8e8e8; color: #666; } .no-touch .g-btn.type_default:hover { color: #444; } .g-btn.type_default:before { background-color: rgba(0,0,0,0.06); } /* TYPE: default outlined */ .g-btn.type_default.outlined { box-shadow: 0 0 0 2px #e8e8e8 inset; color: #666; } .no-touch .g-btn.type_default.outlined:hover, .no-touch .color_alternate .g-btn.type_default.outlined:hover { color: #444; } .g-btn.type_default.outlined:before { background-color: #e8e8e8; } /* TYPE: primary */ .g-btn.type_primary, input[type="submit"] { background-color: #d13a7a; color: #fff; } .no-touch .g-btn.type_primary:hover, .no-touch input[type="submit"]:hover { color: #fff; } /* TYPE: primary outlined */ .g-btn.type_primary.outlined { box-shadow: 0 0 0 2px #d13a7a inset; color: #d13a7a; } .no-touch .g-btn.type_primary.outlined:hover, .no-touch .color_alternate .g-btn.type_primary.outlined:hover { color: #fff; } .g-btn.type_primary.outlined:before { background-color: #d13a7a; } /* TYPE: secondary */ .g-btn.type_secondary { background-color: #666; color: #fff; } .no-touch .g-btn.type_secondary:hover { color: #fff; } .g-btn.type_secondary:before { background-color: rgba(0,0,0,0.18); } /* TYPE: secondary outlined */ .g-btn.type_secondary.outlined { box-shadow: 0 0 0 2px #666 inset; color: #666; } .no-touch .g-btn.type_secondary.outlined:hover, .no-touch .color_alternate .g-btn.type_secondary.outlined:hover { color: #fff; } .g-btn.type_secondary.outlined:before { background-color: #666; } /* TYPE: contrast */ .g-btn.type_contrast { background-color: #444; color: #fff; } .no-touch .g-btn.type_contrast:hover { color: #fff; } .g-btn.type_contrast:before { background-color: rgba(0,0,0,0.06); } /* TYPE: default outlined */ .g-btn.type_contrast.outlined { box-shadow: 0 0 0 2px #444 inset; color: #444; } .no-touch .g-btn.type_contrast.outlined:hover, .no-touch .color_alternate .g-btn.type_contrast.outlined:hover { color: #fff; } .g-btn.type_contrast.outlined:before { background-color: #444; } /* TYPE: pink */ .g-btn.type_pink { background-color: #ff6b6b; color: #fff; } .no-touch .g-btn.type_pink:hover { color: #fff; } /* TYPE: pink outlined */ .g-btn.type_pink.outlined { box-shadow: 0 0 0 2px #ff6b6b inset; color: #ff6b6b; } .no-touch .g-btn.type_pink.outlined:hover { color: #fff; } .g-btn.type_pink.outlined:before { background-color: #ff6b6b; } /* TYPE: blue */ .g-btn.type_blue { background-color: #5ac8ed; color: #fff; } .no-touch .g-btn.type_blue:hover { color: #fff; } /* TYPE: blue outlined */ .g-btn.type_blue.outlined { box-shadow: 0 0 0 2px #5ac8ed inset; color: #5ac8ed; } .no-touch .g-btn.type_blue.outlined:hover { color: #fff; } .g-btn.type_blue.outlined:before { background-color: #5ac8ed; } /* TYPE: midnight */ .g-btn.type_midnight { background-color: #2c3e50; color: #fff; } .no-touch .g-btn.type_midnight:hover { color: #fff; } /* TYPE: midnight outlined */ .g-btn.type_midnight.outlined { box-shadow: 0 0 0 2px #2c3e50 inset; color: #2c3e50; } .no-touch .g-btn.type_midnight.outlined:hover { color: #fff; } .g-btn.type_midnight.outlined:before { background-color: #2c3e50; } /* TYPE: purple */ .g-btn.type_purple { background-color: #8560a8; color: #fff; } .no-touch .g-btn.type_purple:hover { color: #fff; } /* TYPE: purple outlined */ .g-btn.type_purple.outlined { box-shadow: 0 0 0 2px #8560a8 inset; color: #8560a8; } .no-touch .g-btn.type_purple.outlined:hover { color: #fff; } .g-btn.type_purple.outlined:before { background-color: #8560a8; } /* TYPE: navy */ .g-btn.type_navy { background-color: #1265a8; color: #fff; } .no-touch .g-btn.type_navy:hover { color: #fff; } /* TYPE: navy outlined */ .g-btn.type_navy.outlined { box-shadow: 0 0 0 2px #1265a8 inset; color: #1265a8; } .no-touch .g-btn.type_navy.outlined:hover { color: #fff; } .g-btn.type_navy.outlined:before { background-color: #1265a8; } /* TYPE: green */ .g-btn.type_green { background-color: #59ba41; color: #fff; } .no-touch .g-btn.type_green:hover { color: #fff; } /* TYPE: green outlined */ .g-btn.type_green.outlined { box-shadow: 0 0 0 2px #59ba41 inset; color: #59ba41; } .no-touch .g-btn.type_green.outlined:hover { color: #fff; } .g-btn.type_green.outlined:before { background-color: #59ba41; } /* TYPE: yellow */ .g-btn.type_yellow { background-color: #fac000; color: #fff; } .no-touch .g-btn.type_yellow:hover { color: #fff; } /* TYPE: yellow outlined */ .g-btn.type_yellow.outlined { box-shadow: 0 0 0 2px #fac000 inset; color: #fac000; } .no-touch .g-btn.type_yellow.outlined:hover { color: #fff; } .g-btn.type_yellow.outlined:before { background-color: #fac000; } /* TYPE: teal */ .g-btn.type_teal { background-color: #008b83; color: #fff; } .no-touch .g-btn.type_teal:hover { color: #fff; } /* TYPE: teal outlined */ .g-btn.type_teal.outlined { box-shadow: 0 0 0 2px #008b83 inset; color: #008b83; } .no-touch .g-btn.type_teal.outlined:hover { color: #fff; } .g-btn.type_teal.outlined:before { background-color: #008b83; } /* TYPE: brown */ .g-btn.type_brown { background-color: #6a4530; color: #fff; } .no-touch .g-btn.type_brown:hover { color: #fff; } /* TYPE: brown outlined */ .g-btn.type_brown.outlined { box-shadow: 0 0 0 2px #6a4530 inset; color: #6a4530; } .no-touch .g-btn.type_brown.outlined:hover { color: #fff; } .g-btn.type_brown.outlined:before { background-color: #6a4530; } /* TYPE: cream */ .g-btn.type_cream { background-color: #f5ddbf; color: #605c57; } .no-touch .g-btn.type_cream:hover { color: #fff; } /* TYPE: cream outlined */ .g-btn.type_cream.outlined { box-shadow: 0 0 0 2px #f5ddbf inset; color: #605c57; } .no-touch .g-btn.type_cream.outlined:hover { color: #605c57; } .g-btn.type_cream.outlined:before { background-color: #f5ddbf; } /* TYPE: red */ .g-btn.type_red { background-color: #f40; color: #fff; } .no-touch .g-btn.type_red:hover { color: #fff; } /* TYPE: red outlined */ .g-btn.type_red.outlined { box-shadow: 0 0 0 2px #f40 inset; color: #f40; } .no-touch .g-btn.type_red.outlined:hover { color: #fff; } .g-btn.type_red.outlined:before { background-color: #f40; } /* TYPE: lime */ .g-btn.type_lime { background-color: #baeb59; color: #656c57; } .no-touch .g-btn.type_lime:hover { color: #fff; } /* TYPE: lime outlined */ .g-btn.type_lime.outlined { box-shadow: 0 0 0 2px #baeb59 inset; color: #656c57; } .no-touch .g-btn.type_lime.outlined:hover { color: #656c57; } .g-btn.type_lime.outlined:before { background-color: #baeb59; } /* Alerts */ .g-alert { padding: 0 20px; border-radius: 5px; } .g-alert-close { right: -38px; top: 12px; font-size: 20px; text-align: center; line-height: 30px; height: 30px; width: 30px; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=30); /* hack for IE8 */ opacity: 0.3; -webkit-transition: opacity 0.25s ease-out; transition: opacity 0.25s ease-out; } .no-touch .g-alert-close:hover { filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100); /* hack for IE8 */ opacity: 1; } .g-alert-body { padding: 15px 0; } .g-alert-body p { margin: 0; } /* g-pagination */ .g-pagination-item { padding: 0; margin: 0 3px; font-size: 17px; line-height: 50px; height: 50px; width: 50px; position: relative; overflow: hidden; border-radius: 50%; box-shadow: 0 0 0 2px #e8e8e8 inset; color: #666; } .g-pagination-item span { position: relative; } .no-touch .g-pagination-item:hover { color: #fff; } .no-touch .g-pagination-item:before { display: block; content: ''; position: absolute; top: 0; left: 0; height: 0; width: 100%; -webkit-transition: height 0.3s ease-out; transition: height 0.3s ease-out; background-color: #d13a7a; } .no-touch .g-pagination-item:hover:before { height: 100%; } .g-pagination-item.active { box-shadow: none !important; background-color: #d13a7a; color: #fff !important; } .g-pagination-item.to_prev, .g-pagination-item.to_next { display: none; padding: 0 35px 0 15px; width: auto; box-shadow: none; } /* ==================================== ====== WIDGETS ======================== ==================================== */ /* w-actionbox */ .w-actionbox { margin-bottom: 0; padding: 30px 40px; border-radius: 5px; } .w-actionbox.controls_aside .w-actionbox-text { padding: 0; } .w-actionbox-text h1, .w-actionbox-text h2, .w-actionbox-text h3, .w-actionbox-text h4 { margin: 0 !important; } .no-touch .w-actionbox-text a:hover { border-bottom: 1px solid; } .w-actionbox-text h3 + p { margin: 12px 0 0; } .w-actionbox-controls { margin-top: 30px; } .w-actionbox-button.g-btn { margin: 4px 8px; } .w-actionbox.color_primary { background-color: #d13a7a; color: #fff; } .g-html .w-actionbox.color_primary h1, .g-html .w-actionbox.color_primary h2, .g-html .w-actionbox.color_primary h3, .g-html .w-actionbox.color_primary h4, .g-html .w-actionbox.color_primary h5, .g-html .w-actionbox.color_primary h6 { color: #fff; text-shadow: 0 1px 1px rgba(0,0,0,0.1); } .w-actionbox.color_primary .w-actionbox-text a { color: #111; } .no-touch .w-actionbox.color_primary .w-actionbox-text a:hover { color: #fff; } .l-submain.color_alternate .w-actionbox.color_alternate, .l-submain.color_primary .w-actionbox.color_primary { padding: 0; background-color: transparent; } /* w-blog */ .w-blog-entry { padding-bottom: 40px; margin-bottom: 40px; border-bottom: 1px solid #e8e8e8; } .w-blog-entry.sticky { padding: 20px 20px 25px; margin-left: -20px; margin-right: -20px; border-radius: 5px; border: 2px solid #d13a7a; } .w-blog-entry-preview { position: relative; } /* blog entry format: image */ .w-blog-entry.format-image .w-blog-entry-preview:after, .w-blog-entry.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.25s ease-out; transition: background-color 0.25s ease-out; } .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; } .w-blog-entry.format-quote .w-blog-entry-title blockquote { font-size: 24px; line-height: 34px; font-style: normal; } /* blog entry format: gallery */ .w-blog-entry.format-gallery .w-blog-entry-preview .w-gallery { margin-bottom: 0; } /* blog entry format: video */ .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%; } .w-blog-entry-title { padding: 0; margin-bottom: 16px; color: #444; } .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.25s ease-out; transition: color 0.25s ease-out; } .no-touch .w-blog-entry-link:hover .w-blog-entry-title-h { color: #d13a7a; } .w-blog-entry-short { padding-top: 10px; } .w-blog.more_hidden .w-blog-entry-short { margin-bottom: 0; } .w-blog.more_hidden .w-blog-entry-short p:last-child { margin-bottom: 0; } .no-touch .w-blog-entry-meta a:hover { border-bottom: 1px solid; } .w-blog-entry-meta-date, .w-blog-entry-meta-author, .w-blog-entry-meta-tags, .w-blog-entry-meta-comments { font-size: 13px; } .w-blog-entry-meta-date i, .w-blog-entry-meta-author i, .w-blog-entry-meta-tags i, .w-blog-entry-meta-comments i { font-size: 14px; margin-right: 4px; margin-left: 1px; color: #999; } /* IMGPOS: atleft */ .w-blog.imgpos_atleft .w-blog-entry-preview { border-radius: 50%; 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; border-radius: 0; } .w-blog.imgpos_atleft .w-blog-entry.format-audio .w-blog-entry-preview-icon, .w-blog.imgpos_atleft .w-blog-entry.format-gallery .w-blog-entry-preview-icon, .w-blog.imgpos_atleft .w-blog-entry.format-link .w-blog-entry-preview-icon, .w-blog.imgpos_atleft .w-blog-entry.format-quote .w-blog-entry-preview-icon, .w-blog.imgpos_atleft .w-blog-entry.format-status .w-blog-entry-preview-icon, .w-blog.imgpos_atleft .w-blog-entry.format-video .w-blog-entry-preview-icon { display: block; height: 0; width: 100%; padding-bottom: 100%; position: relative; border-radius: 50%; -webkit-transition: color 0.25s ease-out; transition: color 0.25s ease-out; background-color: #f2f2f2; color: #999; } .w-blog.imgpos_atleft .w-blog-entry.format-audio .w-blog-entry-link:hover .w-blog-entry-preview-icon, .w-blog.imgpos_atleft .w-blog-entry.format-gallery .w-blog-entry-link:hover .w-blog-entry-preview-icon, .w-blog.imgpos_atleft .w-blog-entry.format-link .w-blog-entry-link:hover .w-blog-entry-preview-icon, .w-blog.imgpos_atleft .w-blog-entry.format-quote .w-blog-entry-link:hover .w-blog-entry-preview-icon, .w-blog.imgpos_atleft .w-blog-entry.format-status .w-blog-entry-link:hover .w-blog-entry-preview-icon, .w-blog.imgpos_atleft .w-blog-entry.format-video .w-blog-entry-link:hover .w-blog-entry-preview-icon { color: #d13a7a; } .w-blog.imgpos_atleft .w-blog-entry.format-audio .w-blog-entry-preview-icon i, .w-blog.imgpos_atleft .w-blog-entry.format-gallery .w-blog-entry-preview-icon i, .w-blog.imgpos_atleft .w-blog-entry.format-link .w-blog-entry-preview-icon i, .w-blog.imgpos_atleft .w-blog-entry.format-quote .w-blog-entry-preview-icon i, .w-blog.imgpos_atleft .w-blog-entry.format-status .w-blog-entry-preview-icon i, .w-blog.imgpos_atleft .w-blog-entry.format-video .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; border-radius: 50%; } /* 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.25s ease-out; transition: box-shadow 0.25s ease-out; } .w-blog.type_masonry .w-blog-entry:hover { box-shadow: 0 2px 20px rgba(0,0,0,0.2); z-index: 3; } .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 15px; margin-bottom: 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 { display: block; height: 60px; padding: 20px 0 0; margin-bottom: -10px; font-size: 33px; } .w-blog.type_masonry .w-blog-entry.format-video .w-blog-entry-preview:before { display: none; } .w-blog.type_masonry .w-blog-entry.format-video .w-blog-entry-preview-icon { -webkit-transition: color 0.25s ease-out; transition: color 0.25s ease-out; color: #999; } .no-touch .w-blog.type_masonry .w-blog-entry.format-video .w-blog-entry-link:hover .w-blog-entry-preview-icon { color: #d13a7a; } /* 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-entry-meta-date, .w-blog.type_masonry .w-blog-entry-meta-author, .w-blog.type_masonry .w-blog-entry-meta-tags, .w-blog.type_masonry .w-blog-entry-meta-comments { font-size: 12px; line-height: 16px; margin: 0 10px 15px; color: #999; } .w-blog.type_masonry .w-blog-entry-meta a { color: #999; } .no-touch .w-blog.type_masonry .w-blog-entry-meta a:hover { color: #666; } .w-blog.type_masonry .w-blog-entry-short { display: block; padding-top: 0; } .w-blog.type_masonry + .w-blog-pagination { padding-top: 30px; } .w-blog-load { text-align: center; height: 58px; padding-top: 20px; } .w-blog-load .w-blog-entry-more { margin: 0; vertical-align: top; } .w-blog-load img { display: none; } /* w-bloglist */ .w-bloglist { padding: 30px 0 25px; border-bottom: 1px solid #e8e8e8; } .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-date { font-size: 13px; color: #999; } .w-bloglist-entry-author { font-size: 13px; color: #999; } .w-bloglist-entry-short { display: block; font-size: 14px; line-height: 20px; clear: both; padding: 6px 0; } .w-bloglist.date_atbottom { background: none; border-bottom: none; padding: 0; margin-bottom: 0; } .w-bloglist.date_atbottom .w-bloglist-entry { line-height: 22px; margin-bottom: 16px; } .no-touch .w-bloglist.date_atbottom .w-bloglist-entry-link:hover { border-bottom: 1px solid; } .w-bloglist.date_atbottom .w-bloglist-entry-date { margin-top: 3px; margin-right: 10px; } .w-bloglist.date_atbottom .w-bloglist-entry-author { display: block; margin-top: 3px; } /* w-blogpost */ .w-blogpost { padding-bottom: 50px; border-bottom: 1px solid #e8e8e8; } /* blogpost format: quote */ .w-blogpost.format-quote .w-blogpost-title blockquote { font-size: 24px; line-height: 34px; font-style: normal; } /* blogpost format: image */ .w-blogpost.format-image .w-blogpost-content > img { margin-bottom: 30px; } /* blogpost format: gallery */ .w-blogpost.format-gallery .w-blogpost-content > .w-gallery { margin-bottom: 30px; } /* blogpost format: video */ .w-blogpost.format-video .w-blogpost-content > .w-video { margin-bottom: 30px; } .w-blogpost-meta { margin-bottom: 10px; color: #999; } .no-touch .w-blogpost-meta a:hover { border-bottom: 1px solid; } .w-blogpost-meta-tags { margin-bottom: 10px; margin-right: 25px; vertical-align: top; } .w-blogpost.meta_all .w-blogpost-meta-tags { display: inline-block; } .w-blogpost-meta-date, .w-blogpost-meta-author, .w-blogpost-meta-tags, .w-blogpost-meta-comments { font-size: 13px; } .w-blogpost-meta-date i, .w-blogpost-meta-author i, .w-blogpost-meta-tags i, .w-blogpost-meta-comments i { font-size: 16px; margin-right: 4px; } .w-blogpost .w-tags { margin-top: 50px; } /* w-blogpost without sidebar */ .l-canvas.col_cont .w-blogpost-title, .l-canvas.col_cont .w-blogpost-meta { text-align: center; } .l-canvas.col_cont .w-blogpost-meta div { margin: 0 12px 15px; } /* w-clients */ .w-clients-itemgroup { width: 100%; background-color: #fff; } .w-clients-item { border: 2px solid transparent; border-radius: 5px; overflow: hidden; -webkit-transition: border 0.25s ease-out; transition: border 0.25s ease-out; } .w-clients-item:hover { border-color: #d13a7a; } .l-submain.color_primary .w-clients-item:hover { border-color: #fff; } .w-clients-item img { margin: 0 auto; } .w-clients.columns_5 .w-clients-item { height: 136px; width: 204px; margin-right: 30px; } .w-clients-nav { top: 50%; margin-top: -25px; font-size: 30px; text-align: center; line-height: 50px; height: 50px; width: 50px; border-radius: 50%; box-shadow: 0 0 0 2px transparent inset; color: #666; } .w-clients-nav:hover { box-shadow: 0 0 0 2px #d13a7a inset; color: #d13a7a; } .l-submain.color_primary .w-clients-nav:hover { box-shadow: 0 0 0 2px #fff inset; } .w-clients-nav.to_prev { left: -70px; } .w-clients-nav.to_prev:before { display: block; content: '\f104'; font-family: FontAwesome; margin-right: 3px; } .w-clients-nav.to_next { right: -70px; } .w-clients-nav.to_next:before { display: block; content: '\f105'; font-family: FontAwesome; margin-left: 3px; } .w-clients-nav.disabled, .w-clients-nav.disabled:hover { cursor: default; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=30); /* hack for IE8 */ opacity: 0.3; box-shadow: none !important; color: #666; } /* w-comments */ .w-comments { margin-top: 40px; } .w-comments-title { margin-bottom: 10px; } .w-comments-title i { margin-right: 10px; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=40); /* hack for IE8 */ opacity: 0.4; } .w-comments-list { padding-bottom: 5px; } .w-comments-item { padding-top: 30px; border-top: 1px solid #e8e8e8; } .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; color: #999; } .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 .g-pagination { font-size: 13px; text-align: center; } .w-comments .g-pagination a { margin: 0 10px; } .no-touch .w-comments .g-pagination a:hover { border-bottom: 1px solid; } .w-comments-form { padding: 0; } .w-comments-form-title { font-size: 20px; line-height: 30px; margin: 0 0 20px; } .w-comments-form-text { margin: 0 0 24px; } /* 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; color: #d13a7a; } .l-main .w-contacts-item-value { 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; font-size: 13px; color: #999; } .l-subheader.at_top .w-contacts-list { margin: 0 -10px; } .l-subheader.at_top .w-contacts-item { display: inline-block; vertical-align: top; overflow: visible; margin: 0 10px; white-space: nowrap; } .l-subheader.at_top .w-contacts-item i { filter:progid:DXImageTransform.Microsoft.Alpha(opacity=50); /* hack for IE8 */ opacity: 0.5; } .l-subheader.at_top .w-contacts-item-value { display: inline-block; vertical-align: top; margin: 0 0 0 5px; } .l-subheader.at_top .w-contacts-item-value a { color: #999; } .no-touch .l-subheader.at_top .w-contacts-item-value a:hover { color: #666; } /* 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 { margin: 0 0 12px 36px; } /* w-copyright */ .w-copyright { float: left; } /* w-counter */ .w-counter { text-align: center; margin: 0 auto; max-width: 300px; } .w-counter-number { font: 70px/70px 'Noto Sans'; color: #444; } .w-counter.color_primary .w-counter-number { color: #d13a7a; } .w-counter.color_secondary .w-counter-number { color: #666; } .w-counter h6.w-counter-title { font-size: 16px; line-height: 24px; padding: 10px 0 8px; margin: 0; } /* w-filters */ .w-filters { text-align: center; font-size: 0; background-color: #f2f2f2; } .w-filters-item { float: none; display: inline-block; vertical-align: top; font-size: 14px; } .w-filters-item-link { padding: 0 15px; height: 50px; line-height: 50px; color: #666; } .no-touch .w-filters-item-link:hover { background-color: #d13a7a; color: #fff; } .w-filters-item.active .w-filters-item-link, .no-touch .w-filters-item.active .w-filters-item-link:hover { background-color: #fff; color: #d13a7a; } /* w-gallery */ .w-gallery { margin-bottom: 0; } .w-gallery-tnails-h { text-align: center; } .w-gallery-tnail-title { display: block; position: absolute; top: 0; left: 0; padding: 0; width: 100%; height: 100%; -webkit-transition: box-shadow 0.25s ease-out; transition: box-shadow 0.25s ease-out; 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-tnail-title i { display: none; } /* TYPE: masonry */ .w-gallery.type_masonry .w-gallery-tnails-h { margin: 0; } .w-gallery.type_masonry .w-gallery-tnail { margin: 0; padding: 0; } /* TYPE: tile */ .w-gallery.layout_tile .w-gallery-tnails-h { margin: 0; } .w-gallery.size_xs .w-gallery-tnail { height: 114px; width: 114px; margin: 0; } .w-gallery.size_s .w-gallery-tnail { height: 190px; width: 190px; margin: 0; } .w-gallery.size_m .w-gallery-tnail { height: 228px; width: 228px; margin: 0; } .w-gallery.size_l .w-gallery-tnail { height: 285px; width: 285px; margin: 0; } /* w-icon */ .w-icon { display: inline-block; vertical-align: top; margin: 4px; } .w-icon-link { display: block; } .w-icon-link:hover { border: none !important; } /* WITH: circle */ .w-icon.with_circle { text-align: center; border-radius: 50%; overflow: hidden; } /* COLOR: text */ .w-icon.color_text .w-icon-link { color: #666; } .w-icon.color_text.with_circle .w-icon-link { background-color: #f2f2f2; } .color_primary .w-icon.color_text .w-icon-link { color: #fff; } .color_primary .w-icon.color_text.with_circle .w-icon-link { color: #666; } /* COLOR: border */ .w-icon.color_border .w-icon-link { color: #e8e8e8; } .w-icon.color_border.with_circle .w-icon-link { background-color: #e8e8e8; color: #fff; } /* COLOR: primary */ .w-icon.color_primary .w-icon-link { color: #d13a7a; } .w-icon.color_primary.with_circle .w-icon-link { background-color: #d13a7a; color: #fff !important; } /* COLOR: secondary */ .w-icon.color_secondary .w-icon-link { color: #666; } .w-icon.color_secondary.with_circle .w-icon-link { background-color: #666; color: #fff !important; } /* COLOR: fade */ .w-icon.color_fade .w-icon-link { color: #999; } .w-icon.color_fade.with_circle .w-icon-link { background-color: #f2f2f2; } .no-touch .w-icon.color_fade.with_circle .w-icon-link:hover { color: #999; } /* SIZE: tiny */ .w-icon.size_tiny { font-size: 24px; } .w-icon.size_tiny.with_circle { font-size: 16px; line-height: 36px; height: 36px; width: 36px; } /* SIZE: small */ .w-icon.size_small { font-size: 36px; } .w-icon.size_small.with_circle { font-size: 24px; line-height: 48px; height: 48px; width: 48px; } /* SIZE: medium */ .w-icon.size_medium { font-size: 48px; } .w-icon.size_medium.with_circle { font-size: 32px; line-height: 60px; height: 60px; width: 60px; } /* SIZE: big */ .w-icon.size_big { font-size: 68px; } .w-icon.size_big.with_circle { font-size: 48px; line-height: 86px; height: 86px; width: 86px; } /* SIZE: huge */ .w-icon.size_huge { font-size: 90px; } .w-icon.size_huge.with_circle { font-size: 64px; line-height: 110px; height: 110px; width: 110px; } /* w-iconbox */ .w-iconbox { position: relative; } .w-iconbox-link { display: inline; } .w-iconbox-icon { position: relative; -webkit-transition: color 0.3s ease-out; transition: color 0.3s ease-out; color: #d13a7a; } .w-iconbox-icon i { vertical-align: top; line-height: inherit; } .w-iconbox.with_img .w-iconbox-icon i { display: none; } .w-iconbox-icon-img { display: inline-block; vertical-align: middle; max-width: 32px; margin: 0 auto; } .w-iconbox .w-iconbox-title { margin-bottom: 0; -webkit-transition: color 0.3s ease-out; transition: color 0.3s ease-out; } .no-touch .w-iconbox-link:hover .w-iconbox-title { color: #d13a7a; } .w-iconbox-text p, .w-iconbox-text ul, .w-iconbox-text ol { margin-bottom: 40px; } /* ICONPOS: left */ .w-iconbox.iconpos_left { text-align: left; } .w-iconbox.iconpos_left .w-iconbox-icon { position: absolute; top: 0; left: 1px; font-size: 36px; line-height: 40px; height: 40px; width: 40px; } .w-iconbox.iconpos_left.with_circle .w-iconbox-icon { font-size: 28px; line-height: 70px; height: 70px; width: 70px; } .w-iconbox.iconpos_left .w-iconbox-title { margin-left: 55px; padding-top: 5px; padding-bottom: 15px; } .w-iconbox.iconpos_left.with_circle .w-iconbox-title { margin-left: 96px; margin-bottom: 0; padding-top: 0; } .w-iconbox.iconpos_left.with_circle .w-iconbox-text { margin-left: 96px; } /* ICONPOS: top */ .w-iconbox.iconpos_top { text-align: center; max-width: 350px; margin: 0 auto; } .w-iconbox.iconpos_top .w-iconbox-icon { font-size: 70px; line-height: 90px; height: 90px; width: 90px; margin: 0 auto; } .w-iconbox.iconpos_top.with_circle .w-iconbox-icon { font-size: 36px; } .w-iconbox.iconpos_top .w-iconbox-title { padding: 10px 0 18px; } .w-iconbox.iconpos_top.with_circle .w-iconbox-title { padding: 18px 0 15px; } /* WITH: circle */ .w-iconbox.with_circle .w-iconbox-icon { text-align: center; overflow: hidden; border-radius: 50%; box-shadow: 0 0 0 2px #d13a7a inset; } .no-touch .w-iconbox.with_circle .w-iconbox-link:hover .w-iconbox-icon { color: #fff; } .w-iconbox.with_circle .w-iconbox-icon i { position: relative; } .no-touch .w-iconbox.with_circle .w-iconbox-icon:before { display: block; content: ''; position: absolute; top: 0; left: 0; height: 0; width: 100%; -webkit-transition: height 0.3s ease-out; transition: height 0.3s ease-out; background-color: #d13a7a; } .no-touch .w-iconbox.with_circle .w-iconbox-link:hover .w-iconbox-icon:before { height: 100%; } .no-touch .w-iconbox.with_circle.with_img .w-iconbox-link:hover .w-iconbox-icon:before { height: 0; } /* w-lang */ .w-lang.layout_dropdown { float: left; } .w-lang.layout_dropdown .w-lang-list { padding-top: 36px; -moz-box-sizing: content-box; box-sizing: content-box; } .w-lang.layout_dropdown .w-lang-item { padding: 0 26px 0 10px; } .w-lang.layout_dropdown .w-lang-list .w-lang-item { line-height: 30px; background-color: #f5f5f5; color: #999; } .no-touch .w-lang.layout_dropdown .w-lang-list .w-lang-item:hover { color: #666; } .w-lang.layout_dropdown .w-lang-item-title { font-size: 13px; vertical-align: top; } .w-lang.layout_dropdown .w-lang-current { position: relative; cursor: pointer; -webkit-transition: color 0.25s ease-out; transition: color 0.25s ease-out; color: #999; } .no-touch .w-lang.layout_dropdown .w-lang-current:hover { color: #666; } .w-lang.layout_dropdown .w-lang-current:before { display: block; content: "\f107"; position: absolute; top: 0; right: 6px; font-size: 20px; font-family: FontAwesome; cursor: pointer; } /* w-links */ .w-links-item { line-height: 22px; padding: 7px 18px; position: relative; } .w-links-anchor { display: inline; padding: 0; position: static; } .no-touch .w-links-anchor:hover { border-bottom: 1px solid; } .w-links-anchor:before { display: block; position: absolute; top: 8px; left: 2px; content: '\f105'; font-size: 16px; font-family: FontAwesome; font-style: normal; font-weight: normal; color: #999; } /* w-logo */ .w-logo { float: left; height: 100%; } .w-logo-h { height: 100%; } .w-logo-link { display: block; height: 100%; color: #666; } .no-touch .w-logo-link:hover { color: #333; } .w-logo-img { display: inline-block; vertical-align: middle; max-height: 100%; height: 30px; -webkit-transition: height 0.1s ease; transition: height 0.1s ease; } .l-header.state_sticky .w-logo-img { height: 30px; } .w-logo-title { font-family: 'Noto Sans'; line-height: inherit; } /* w-map */ .w-map img { max-width: none; } .w-map label { display: inline; width: auto; } /* w-nav in header */ .l-subheader.at_middle .w-nav { float: right; } .l-subheader.at_middle .w-nav-control { display: none; right: 0; top: -120px; font-size: 21px; text-align: center; height: auto; width: 50px; cursor: pointer; color: #666; } .w-search ~ .w-nav .w-nav-control { right: 46px; } .l-subheader.at_middle .w-nav-list.level_2, .l-subheader.at_middle .w-nav-list.level_3 { min-width: 200px; } .l-subheader.at_middle .w-nav-item { font-size: 16px; line-height: inherit; } .l-subheader.at_middle .w-nav-anchor.level_1 { padding: 0 20px; height: 100%; color: #666; } .no-touch .l-subheader.at_middle .w-nav-item.level_1:hover .w-nav-anchor.level_1 { color: #d13a7a; } .l-subheader.at_middle .w-nav-item.level_1.active .w-nav-anchor.level_1, .l-subheader.at_middle .w-nav-item.level_1.current-menu-item .w-nav-anchor.level_1, .l-subheader.at_middle .w-nav-item.level_1.current-menu-ancestor .w-nav-anchor.level_1 { color: #d13a7a; } .l-subheader.at_middle .w-nav-anchor .w-nav-hint { display: none; position: absolute; top: 0; right: 0; font-size: 20px; font-weight: normal; line-height: inherit; height: 100%; width: 20px; margin: 0; } .l-subheader.at_middle .w-nav-anchor .w-nav-hint:after { content: '\f107'; font-family: FontAwesome; } .l-subheader.at_middle .w-nav-anchor.level_2 .w-nav-hint:after { content: '\f105'; line-height: 40px; } .l-subheader.at_middle .w-nav-item.level_2.with_sublevel .w-nav-anchor.level_2 > .w-nav-title, .l-subheader.at_middle .w-nav-item.level_3.with_sublevel .w-nav-anchor.level_3 > .w-nav-title { padding-right: 20px; } .l-subheader.at_middle .w-nav-item.level_2.with_sublevel .w-nav-anchor.level_2 > .w-nav-hint, .l-subheader.at_middle .w-nav-item.level_3.with_sublevel .w-nav-anchor.level_3 > .w-nav-hint { display: block; } .no-touch .l-subheader.at_middle .w-nav-anchor.level_1:after { display: block; content: ''; position: relative; left: 0; top: -43px; margin: 0 auto -2px; height: 2px; width: 100%; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=0); /* hack for IE8 */ opacity: 0; -webkit-transition: all 0.25s ease-out; transition: all 0.25s ease-out; background-color: #d13a7a; } .no-touch .l-subheader.at_middle .w-nav-item.level_1:hover .w-nav-anchor.level_1:after { top: -47px; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100); /* hack for IE8 */ opacity: 1; } .no-touch .l-header.state_sticky .l-subheader.at_middle .w-nav-anchor.level_1:after { top: -13px; } .no-touch .l-header.state_sticky .l-subheader.at_middle .w-nav-item.level_1:hover .w-nav-anchor.level_1:after { top: -17px; } /* w-nav dropdown */ .l-subheader.at_middle .w-nav-list.level_2, .l-subheader.at_middle .w-nav-list.level_3 { box-shadow: 0 8px 15px rgba(0,0,0,0.1); } .l-subheader.at_middle .w-nav-anchor.level_2, .l-subheader.at_middle .w-nav-anchor.level_3 { font-size: 14px; line-height: 20px; padding: 10px 20px; white-space: nowrap; -webkit-transition: color 0.1s ease-out, background-color 0.1s ease-out; transition: color 0.1s ease-out, background-color 0.1s ease-out; background-color: #fff; color: #666; } .l-subheader.at_middle .w-nav-item.level_2.active .w-nav-anchor.level_2, .l-subheader.at_middle .w-nav-item.level_3.active .w-nav-anchor.level_3, .l-subheader.at_middle .w-nav-item.level_2.current-menu-item .w-nav-anchor.level_2, .l-subheader.at_middle .w-nav-item.level_3.current-menu-item .w-nav-anchor.level_3, .l-subheader.at_middle .w-nav-item.level_2.current-menu-ancestor .w-nav-anchor.level_2, .l-subheader.at_middle .w-nav-item.level_3.current-menu-ancestor .w-nav-anchor.level_3 { color: #d13a7a; } .no-touch .l-subheader.at_middle .w-nav-item.level_2:hover .w-nav-anchor.level_2, .no-touch .l-subheader.at_middle .w-nav-item.level_3:hover .w-nav-anchor.level_3 { background-color: #d13a7a; color: #fff; } /* TOUCH: enabled */ .l-subheader.at_middle .w-nav.touch_enabled { float: none; clear: both; } .l-subheader.at_middle .w-nav.touch_enabled .w-nav-control { display: block; } .l-subheader.at_middle .w-nav.touch_enabled .w-nav-list.level_1 { float: none; } .l-subheader.at_middle .w-nav.touch_enabled .w-nav-item { float: none; width: 100%; line-height: 26px; box-shadow: 0 1px 0 rgba(0,0,0,0.06) inset; } .l-subheader.at_middle .w-nav.touch_enabled .w-nav-anchor.level_1:after { display: none; } .l-subheader.at_middle .w-nav.touch_enabled .w-nav-anchor .w-nav-hint { font-size: 26px; text-align: center; line-height: 46px; width: 50px; } .l-subheader.at_middle .w-nav.touch_enabled .w-nav-anchor.level_2 .w-nav-hint:after { content: '\f107'; line-height: 46px; } .l-subheader.at_middle .w-nav.touch_enabled .w-nav-item.level_1.with_sublevel .w-nav-anchor.level_1 > .w-nav-title, .l-subheader.at_middle .w-nav.touch_enabled .w-nav-item.level_2.with_sublevel .w-nav-anchor.level_2 > .w-nav-title, .l-subheader.at_middle .w-nav.touch_enabled .w-nav-item.level_3.with_sublevel .w-nav-anchor.level_3 > .w-nav-title { padding-right: 50px; } .l-subheader.at_middle .w-nav.touch_enabled .w-nav-item.level_1.with_sublevel .w-nav-anchor.level_1 > .w-nav-hint { display: block; } .l-subheader .w-nav.touch_enabled .w-nav-item.level_1.open .w-nav-anchor.level_1 .w-nav-hint, .l-subheader .w-nav.touch_enabled .w-nav-item.level_2.open .w-nav-anchor.level_2 .w-nav-hint { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); } .l-subheader.at_middle .w-nav.touch_enabled .w-nav-list.level_2, .l-subheader.at_middle .w-nav.touch_enabled .w-nav-list.level_3 { display: block; position: relative; left: 0; top: 0; padding: 0 0 0 20px; box-shadow: none; } .l-subheader.at_middle .w-nav.touch_enabled .w-nav-anchor.level_2, .l-subheader.at_middle .w-nav.touch_enabled .w-nav-anchor.level_3 { line-height: 26px; } .l-subheader.at_middle .w-nav.touch_enabled .w-nav-anchor.level_1, .l-subheader.at_middle .w-nav.touch_enabled .w-nav-anchor.level_2, .l-subheader.at_middle .w-nav.touch_enabled .w-nav-anchor.level_3 { text-align: left; padding: 10px 0; margin: 0; background-color: transparent !important; } .l-subheader.at_middle .w-nav.touch_enabled .w-nav-item.level_1.active .w-nav-anchor.level_1, .l-subheader.at_middle .w-nav.touch_enabled .w-nav-item.level_2.active .w-nav-anchor.level_2, .l-subheader.at_middle .w-nav.touch_enabled .w-nav-item.level_3.active .w-nav-anchor.level_3, .l-subheader.at_middle .w-nav.touch_enabled .w-nav-item.level_1.current-menu-item .w-nav-anchor.level_1, .l-subheader.at_middle .w-nav.touch_enabled .w-nav-item.level_2.current-menu-item .w-nav-anchor.level_2, .l-subheader.at_middle .w-nav.touch_enabled .w-nav-item.level_3.current-menu-item .w-nav-anchor.level_3, .l-subheader.at_middle .w-nav.touch_enabled .w-nav-item.level_1.current-menu-ancestor .w-nav-anchor.level_1, .l-subheader.at_middle .w-nav.touch_enabled .w-nav-item.level_2.current-menu-ancestor .w-nav-anchor.level_2, .l-subheader.at_middle .w-nav.touch_enabled .w-nav-item.level_3.current-menu-ancestor .w-nav-anchor.level_3 { color: #d13a7a; } /* w-nav in sidebar */ .w-nav-list.layout_ver .w-nav-anchor { padding: 9px 20px 10px 20px; font-size: 15px; line-height: 25px; border-bottom: 1px solid #e8e8e8; color: #666; } .w-nav-list.layout_ver .w-nav-anchor:before { display: block; position: absolute; top: 10px; left: 2px; content: '\f105'; font-family: FontAwesome; font-style: normal; font-weight: normal; color: #999; } .no-touch .w-nav-list.layout_ver .w-nav-anchor:hover { padding: 9px 16px 10px 24px; color: #d13a7a; } .w-nav-list.layout_ver .active .w-nav-anchor.level_1 { color: #d13a7a; } .w-nav-list.layout_ver .w-nav-anchor.level_2 { padding: 9px 20px 10px 40px; } .w-nav-list.layout_ver .w-nav-anchor.level_2:before { left: 22px; } .no-touch .w-nav-list.layout_ver .w-nav-item.level_2:hover .w-nav-anchor.level_2 { padding: 9px 16px 10px 44px; } .w-nav-list.layout_ver .w-nav-anchor.level_3 { padding: 9px 20px 10px 60px; } .w-nav-list.layout_ver .w-nav-anchor.level_3:before { left: 42px; } .no-touch .w-nav-list.layout_ver .w-nav-item.level_3:hover .w-nav-anchor.level_3 { padding: 9px 16px 10px 64px; } /* w-nav in footer */ .l-subfooter.at_bottom .w-nav { float: right; } .l-subfooter.at_bottom .w-nav-item { font-size: inherit; line-height: inherit; } .l-subfooter.at_bottom .w-nav-anchor.level_1 { display: inline; padding: 0; margin: 0 10px; } .l-subfooter.at_bottom .w-nav-list.level_2 { display: none !important; } /* w-pagehead */ .w-pagehead { text-align: center; } .g-html .w-pagehead h1 { margin: 0; } .w-pagehead p { line-height: 22px; margin: 6px 0 0; color: #999; } .l-submain.color_primary .w-pagehead p { color: #fff !important; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=70); /* hack for IE8 */ opacity: 0.7; } .w-pagehead .g-breadcrumbs { font-size: 13px; line-height: 24px; margin: 8px 0 4px; } .no-touch .g-breadcrumbs a:hover { border-bottom: 1px solid; } .g-breadcrumbs-item { margin: 0 4px; } .g-breadcrumbs-separator { display: inline-block; vertical-align: top; width: 6px; height: 9px; margin: 0 4px; } .w-pagehead-nav { font-size: 0; text-align: center; overflow: hidden; margin: 16px 0 -6px; } .w-pagehead-nav .w-pagehead-nav-h .w-pagehead-nav-item { display: inline-block; vertical-align: top; font-size: 30px; line-height: 50px; height: 50px; width: 50px; margin: 0 2px; border-radius: 50%; box-shadow: 0 0 0 2px transparent inset; color: #999; } .w-pagehead-nav .w-pagehead-nav-h .w-pagehead-nav-item.type_all { font-size: 21px; } .w-pagehead-nav .w-pagehead-nav-h .w-pagehead-nav-item.type_all:before { display: block; content: '\f00a'; font-family: FontAwesome; margin-top: 2px; } .w-pagehead-nav .w-pagehead-nav-h .w-pagehead-nav-item.type_next:before { display: block; content: '\f105'; font-family: FontAwesome; margin-left: 2px; } .w-pagehead-nav .w-pagehead-nav-h .w-pagehead-nav-item.type_prev:before { display: block; content: '\f104'; font-family: FontAwesome; margin-right: 2px; } .no-touch .w-pagehead-nav .w-pagehead-nav-h .w-pagehead-nav-item:hover { box-shadow: 0 0 0 2px #d13a7a inset; color: #d13a7a; } .w-pagehead-nav .w-pagehead-nav-h .w-pagehead-nav-item i { line-height: inherit; } /* TYPE: row */ .w-pagehead.type_row h1 { float: left; font-size: 24px; line-height: 34px; margin: 3px 0; } .w-pagehead.type_row p { float: left; margin: 12px 0 0 22px; } .w-pagehead.type_row .g-breadcrumbs { float: right; } .w-pagehead.type_row .w-pagehead-nav { float: right; margin: -5px 0; } /* w-portfolio */ .w-portfolio-list-h { margin: 5px -5px; } .w-portfolio.indents_none .w-portfolio-list-h { margin: 0; } .w-portfolio-item { margin-bottom: 0; padding: 5px; } .w-portfolio.indents_none .w-portfolio-item { padding: 0; } .w-portfolio.columns_5 .w-portfolio-item { width: 20%; } .w-portfolio.columns_5.type_sortable .w-portfolio-item { width: 19.9999%; } .w-portfolio.columns_4 .w-portfolio-item { width: 25%; } .w-portfolio.columns_4.type_sortable .w-portfolio-item { width: 24.96%; } .w-portfolio.columns_3 .w-portfolio-item { width: 33.33333333%; } .w-portfolio.columns_3.type_sortable .w-portfolio-item { width: 33.3%; } .w-portfolio.columns_2 .w-portfolio-item { width: 50%; } .w-portfolio.columns_2.type_sortable .w-portfolio-item { width: 49.9999%; } .w-portfolio-item-anchor { display: block; overflow: hidden; } .w-portfolio-item-image { position: static; overflow: visible; z-index: 10; } .no-touch .w-portfolio-item-image { height: 0; padding-bottom: 66.6666%; } .no-touch .w-portfolio.ratio_4-3 .w-portfolio-item-image { padding-bottom: 75%; } .no-touch .w-portfolio.ratio_1-1 .w-portfolio-item-image { padding-bottom: 100%; } .w-portfolio-item-meta { padding: 0; position: relative; background-color: #fff; } .no-touch .w-portfolio-item-meta { position: absolute; -webkit-transform: translateY(100%); transform: translateY(100%); -webkit-transition: -webkit-transform 0.25s ease-out; transition: transform 0.25s ease-out; } .no-touch .w-portfolio-item-anchor:hover .w-portfolio-item-meta { -webkit-transform: translateY(0); transform: translateY(0); } .w-portfolio .w-portfolio-item .w-portfolio-item-title { font: 15px/22px 'Open Sans', sans-serif; text-align: center; padding: 14px; margin: 0; color: #444; } .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); -webkit-transition: top 0.25s ease-out; transition: top 0.25s ease-out; background-color: #fff; } .no-touch .w-portfolio-item-arrow { top: 4px; } .no-touch .w-portfolio-item-anchor:hover .w-portfolio-item-arrow { top: -10px; } .no-touch .w-portfolio-item-image-first { margin: 0; -webkit-transition: margin 0.25s ease-out; transition: margin 0.25s ease-out; } .no-touch .w-portfolio-item-anchor:hover .w-portfolio-item-image-first { margin-top: -30px; } .w-portfolio-item-image-second { display: none; } .no-touch .w-portfolio-item-image-second { display: inline-block; margin: 0; -webkit-transition: margin 0.5s ease-out; transition: margin 0.5s ease-out; } .no-touch .w-portfolio.ratio_1-1 .w-portfolio-item-image-second { -webkit-transition: margin 0.3s ease-out; transition: margin 0.3s ease-out; } .no-touch .w-portfolio-item-anchor:hover .w-portfolio-item-image-second { margin-top: -100%; } .w-portfolio-pagination { padding-top: 30px; } /* w-pricing */ .w-pricing { margin-bottom: 10px; } .w-pricing-item-h { margin: 10px 0; border-bottom: 1px solid #e8e8e8; box-shadow: 1px 0 0 rgba(0,0,0,0.08) inset; } .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; } .l-submain.color_primary .w-pricing-item-h { border-color: 1px solid #fff; } .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: 25px 0 10px; box-shadow: 1px 0 0 rgba(0,0,0,0.05) inset; background-color: #f2f2f2; color: #444; } .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 44px/44px 'Noto Sans', sans-serif; padding: 0 20px 20px; box-shadow: 1px 0 0 rgba(0,0,0,0.05) inset; background-color: #f2f2f2; color: #444; } .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: 10px; 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: 30px 0 15px; border-radius: 8px 8px 0 0; box-shadow: none; background-color: #d13a7a; color: #fff; } .w-pricing-item.type_featured .w-pricing-item-price { box-shadow: none; background-color: #d13a7a; 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-search */ .w-search { margin-bottom: 40px; } .w-search-form { min-width: 100px; } .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 { border: none; height: 42px; width: 42px; top: 0; right: 0; padding: 0; } .w-search.submit_inside .w-search-submit:before { display: block; position: absolute; top: 0; left: 12px; content: '\f002'; font-size: 16px; line-height: 40px; font-family: FontAwesome; font-style: normal; font-weight: normal; -webkit-transition: color 0.25s ease-out; transition: color 0.25s ease-out; color: #999; } .w-search.submit_inside .w-search-submit:hover:before { color: #444; } .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; border: none; } /* w-search in header */ .l-subheader.at_middle .w-search { float: right; line-height: inherit; height: 100%; width: 36px; margin: 0 0 0 10px; } .l-subheader.at_middle .w-search-show { display: block; font-size: 18px; line-height: inherit; text-align: center; color: #666; } .no-touch .l-subheader.at_middle .w-search-show:hover { color: #d13a7a; } .l-subheader.at_middle .w-search-show i { line-height: inherit; vertical-align: top; } .l-subheader.at_middle .w-search-form { position: fixed; left: 0; top: -100%; height: 100%; width: 100%; z-index: 100; color: #fff; } .l-subheader.at_middle .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; } .l-subheader.at_middle .w-search-form-h { display: table; height: 100%; width: 100%; } .l-subheader.at_middle .w-search-form-row { display: table-cell; vertical-align: middle; text-align: center; width: 100%; } .l-subheader.at_middle .w-search-label { font-size: 2em; line-height: 2em; color: #fff; } .l-subheader.at_middle .w-search-input { width: 80%; margin: 0 auto; } .l-subheader.at_middle .w-search-input input { font-size: 5em; line-height: 1em; text-align: center; height: auto; padding: 0; border: none; border-radius: 0; box-shadow: none; background-color: transparent; color: #fff; } .l-subheader.at_middle .w-search.submit_inside .w-search-submit { display: none; } .l-subheader.at_middle .w-search-close { display: block; position: absolute; top: 0; right: 0; font-size: 40px; line-height: 80px; height: 80px; width: 80px; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=50); /* hack for IE8 */ opacity: 0.5; color: #fff; } .no-touch .l-subheader.at_middle .w-search-close:hover { filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100); /* hack for IE8 */ opacity: 1; } /* w-shortblog */ .w-shortblog.columns_2 .w-shortblog-list, .w-shortblog.columns_3 .w-shortblog-list { margin-left: -30px; margin-right: -30px; } .w-shortblog.columns_2 .w-shortblog-entry, .w-shortblog.columns_3 .w-shortblog-entry { min-height: 75px; padding-left: 30px; padding-right: 30px; } .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; } .w-shortblog-entry-title-h { color: #d13a7a; -webkit-transition: color 0.25s ease-out; transition: color 0.25s ease-out; } .no-touch .w-shortblog-entry-link:hover .w-shortblog-entry-title-h { border-bottom: 1px solid; color: #666; } .w-shortblog-entry-meta-date { 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; color: #444; } .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-bottom: -5px; } .w-socials-item { background: none !important; } .w-socials-item-link, .l-subfooter.at_top .w-socials-item-link { position: relative; height: 36px; width: 36px; border-radius: 5px; overflow: hidden; } .w-socials-item-link { box-shadow: 0 0 0 2px #e8e8e8 inset; color: #666; } .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: 16px; line-height: 36px; position: relative; } .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 ease-out; transition: height 0.3s ease-out; } .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-popup { display: block; left: 0; bottom: 44px; visibility: hidden; border-radius: 3px; z-index: 10; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=0); /* hack for IE8 */ opacity: 0; transform: translateY(-20px); -webkit-transition: opacity 0.2s ease-out 0.3s; transition: transform 0.2s ease-out 0.3s, opacity 0.2s ease-out 0.3s; } .w-socials-item:hover .w-socials-item-popup { visibility: visible; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100); /* hack for IE8 */ opacity: 1; transform: translateY(0); } .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.at_top .w-socials { float: right; } .l-subheader.at_top .w-socials-list, .l-subheader.at_top .w-socials-item { margin: 0; } .l-subheader.at_top .w-socials-item-link { border-radius: 0; box-shadow: none; color: #999; } .l-subheader.at_top .w-socials-item-popup { display: none; } /* w-tabs */ .w-tabs-list { background-color: #f2f2f2; } .w-tabs-item { padding: 14px 24px; border-top: 2px solid transparent; -webkit-transition: background-color 0.25s ease-out, color 0.25s ease-out; transition: background-color 0.25s ease-out, color 0.25s ease-out; } .no-touch .w-tabs-item:hover { background-color: rgba(0,0,0,0.025); color: #444; } .w-tabs-item.active, .no-touch .w-tabs-item.active:hover { box-shadow: none; background-color: #fff; border-color: #d13a7a; color: #d13a7a; } .w-tabs.layout_accordion .w-tabs-section-title-text, .w-tabs-item-title { font-size: 15px; line-height: 26px; } .w-tabs-section-content-h { padding: 30px 0 20px; } .w-tabs-section-content-h p:last-child, .w-tabs-section-content-h ul:last-child, .w-tabs-section-content-h ol:last-child { margin-bottom: 0; } .w-tabs-section-title { padding: 14px 20px; } .w-tabs-item-icon { font-size: 18px; line-height: 26px; text-align: center; top: 14px; left: 22px; } .w-tabs-section-title-icon { font-size: 18px; line-height: 24px; text-align: center; top: 14px; left: 18px; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=50); /* hack for IE8 */ opacity: 0.5; -webkit-transition: opacity 0.25s ease-out; transition: opacity 0.25s ease-out; } .no-touch .w-tabs-section-title:hover .w-tabs-section-title-icon, .w-tabs-section.active .w-tabs-section-title-icon { filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100); /* hack for IE8 */ opacity: 1; } .w-tabs-item.with_icon .w-tabs-item-title, .w-tabs-section.with_icon .w-tabs-section-title-text { margin-left: 32px; } /* LAYOUT: accordion */ .w-tabs.layout_accordion { border-bottom: 1px solid #e8e8e8; } .w-tabs.layout_accordion .w-tabs-section { border-top: 1px solid #e8e8e8; } .w-tabs.layout_accordion .w-tabs-section-title { -webkit-transition: background-color 0.25s ease-out, color 0.25s ease-out; transition: background-color 0.25s ease-out, color 0.25s ease-out; } .no-touch .w-tabs.layout_accordion .w-tabs-section-title:hover { background-color: rgba(0,0,0,0.04); } .w-tabs.layout_accordion .w-tabs-section.active .w-tabs-section-title { color: #d13a7a; } .w-tabs.layout_accordion .w-tabs-section-content-h { padding: 15px 20px 30px; } .w-tabs.layout_accordion .w-tabs-section-title-control { top: 12px; right: 20px; font-size: 24px; line-height: 24px; height: 24px; width: 24px; text-align: center; transition: transform 0.25s ease-out; } .w-tabs.layout_accordion .w-tabs-section.active .w-tabs-section-title-control { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); } /* w-tags */ .w-tags.layout_block .w-tags-item { margin: 0 3px 3px 0; } .w-tags.layout_block .w-tags-item-link { padding: 3px 10px 4px; font-size: 13px; border-radius: 3px; box-shadow: 0 0 0 2px #e8e8e8 inset; color: #666; } .no-touch .w-tags.layout_block .w-tags-item-link:hover { box-shadow: 0 0 0 2px #d13a7a inset; color: #d13a7a; } .w-tags.layout_block.title_atleft .w-tags-title-h { line-height: 24px; padding: 3px 0; } /* w-team */ .w-team-member { display: block; margin: 0 auto; max-width: 350px; padding: 0; } .w-team-member-image { float: none; height: 100%; width: 100%; overflow: visible; } .no-touch .w-team-member-image { height: 0; padding-bottom: 100%; border-radius: 50%; overflow: hidden; /*display:none;*/ } .w-team-member-image img { border-radius: 50%; /*display:none;*/ } .w-team-member-links { position: relative; top: 0; min-height: 0; } .no-touch .w-team-member-links { position: absolute; top: -100%; -webkit-transition: top 0.3s ease-out; transition: top 0.3s ease-out; background-color: #d13a7a; } .w-team-member-links-list { padding: 8px 0; } .w-team-member-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; color: inherit; } .no-touch .w-team-member-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-member-links-item:before { display: block; content: ''; position: absolute; top: 0; left: 0; height: 0; width: 100%; -webkit-transition: height 0.3s ease-out; transition: height 0.3s ease-out; background-color: #fff; } .no-touch .w-team-member-links-item:hover:before { height: 100%; } .w-team-member-links-item i { position: relative; } .color_alternate .w-team-member-links-item { color: #fff; } .no-touch .w-team-member-links-item:hover, .no-touch .l-submain.color_alternate .w-team-member-links-item:hover, .no-touch .l-submain.color_primary .w-team-member-links-item:hover { color: #666; } .w-team-member-meta { margin-left: 0; min-height: 0; padding: 0; text-align: center; } .no-touch .w-team-member-meta { padding-top: 15px; } .w-team-member-meta .w-team-member-name { margin-bottom: 6px; } .w-team-member-link .w-team-member-name { color: #d13a7a; -webkit-transition: color 0.2s ease-out; transition: color 0.2s ease-out; } .no-touch .w-team-member-link:hover .w-team-member-name { color: #666; } .no-touch .w-team-member-link:hover .w-team-member-name span { border-bottom: 1px solid; } .w-team-member-role { font-size: 13px; margin-bottom: 10px; color: #999; } .w-team-member-description p { margin-bottom: 0; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; text-align:left; } /* w-testimonial */ .w-testimonial { position: relative; padding: 30px 32px; border-radius: 5px; -webkit-transition: box-shadow 0.25s ease-out, color 0.25s ease-out; transition: box-shadow 0.25s ease-out, color 0.25s ease-out; box-shadow: 0 0 0 2px #e8e8e8 inset; } .no-touch .w-testimonial:hover { box-shadow: 0 0 0 2px #d13a7a inset; color: #444; } .w-testimonial-h blockquote { background: none; border: none; margin: 0; padding: 0; 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; position: relative; } .w-testimonial-person i { font-size: 20px; margin-right: 10px; color: #999; } .w-testimonial-person-name { font-weight: bold; } /* 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; } .w-timeline-item { height: 80px; width: 80px; overflow: hidden; border-radius: 50%; -webkit-transition: color 0.25s ease-out; transition: color 0.25s ease-out; box-shadow: 0 0 0 2px #d13a7a inset; background-color: #fff; color: #444; } .w-timeline-item:before { display: block; content: ''; position: absolute; top: 0; left: 0; height: 0; width: 100%; -webkit-transition: height 0.3s ease-out; transition: height 0.3s ease-out; background-color: #d13a7a; } .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-bullet { display: none; } .w-timeline-item-title { font-size: 17px; line-height: 80px; position: rekative; top: 0; } .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; } .w-timeline-section-title { text-align: center; height: 60px; width: 60px; padding: 0; margin: 10px auto 0; position: relative; z-index: 12; overflow: hidden; border-radius: 50%; -webkit-transition: color 0.25s ease-out; transition: color 0.25s ease-out; box-shadow: 0 0 0 2px #d13a7a inset; background-color: #fff; color: #444; } .w-timeline-section-title:before { display: block; content: ''; position: absolute; top: 0; left: 0; height: 0; width: 100%; -webkit-transition: height 0.3s ease-out; transition: height 0.3s ease-out; background-color: #d13a7a; } .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-bullet { display: none; } .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; background-color: #fff; } /* 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.25s ease-out; transition: background-color 0.25s ease-out; background-color: rgba(0,0,0,0.3); color: #fff; } .w-toplink.active { bottom: 15px; } .no-touch .w-toplink.active:hover { background-color: #d13a7a; color: #fff; } .w-toplink.active:active { color: #fff; } .w-toplink i { line-height: inherit; } /* w-video */ .w-video { margin-bottom: 0; } /* 404 page */ .page-404 { text-align: center; } .page-404 i { font-size: 200px; color: #e5e5e5; } /* WPB Visual Composer Elements */ .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; } .wpb_button.align_left { display: inline-block; vertical-align: top; margin-right: 6px; } .wpb_button.align_center { display: block; text-align: center; } .wpb_button.align_right { float: right; margin-left: 10px; } .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, .l-submain.full_width .wpb_single_image { margin-bottom: 0; } .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; } /* ==================================== ====== FLEXSLIDER ===================== ==================================== */ .flex-loading { min-height: 100px; background: url(../img/loader.gif) no-repeat center center; } .flexslider { margin: 0; padding: 0; overflow: hidden; position: relative; } .flexslider ul.slides { list-style-type: none; margin: 0; padding: 0; } .flexslider .slides:after { clear: both; content: "."; display: block; height: 0; line-height: 0; visibility: hidden; } .flexslider .slides > li { display: none; line-height: 0; -webkit-backface-visibility: hidden; margin-bottom: 0; padding-left: 0; } .flexslider .slides > li > img { width: 100%; } /* Direction Nav */ ul.flex-direction-nav { list-style-type: none; margin: 0; } .no-touch ul.flex-direction-nav { opacity: 0; -webkit-transition: opacity 0.25s ease-out; transition: opacity 0.25s ease-out; } .no-touch .flexslider:hover ul.flex-direction-nav { opacity: 1; } ul.flex-direction-nav li { padding: 0; margin: 0; } .flex-direction-nav li span { display: block; position: absolute; top: 50%; font-size: 0; text-align: center; line-height: 50px; height: 50px; width: 50px; margin-top: -25px; border-radius: 50%; background-image: none; overflow: hidden; cursor: pointer; z-index: 1; box-shadow: 0 0 0 2px #fff inset; color: #fff; } .no-touch .flex-direction-nav li span:before { display: block; content: ''; position: absolute; top: 0; left: 0; height: 0; width: 100%; -webkit-transition: height 0.3s ease-out; transition: height 0.3s ease-out; background-color: #d13a7a; } .no-touch .flex-direction-nav li span:hover:before { height: 100%; } .flex-direction-nav .flex-next:after { display: block; position: absolute; top: 0; left: 0; content: '\f105'; font-size: 34px; font-family: FontAwesome; width: 48px; padding-left: 2px; } .flex-direction-nav .flex-prev:after { display: block; position: absolute; top: 0; left: 0; content: '\f104'; font-size: 34px; font-family: FontAwesome; width: 48px; } .flex-direction-nav .flex-next { right: 20px; } .flex-direction-nav .flex-prev { left: 20px; } .flex-direction-nav .flex-disabled { filter:progid:DXImageTransform.Microsoft.Alpha(opacity=30); /* hack for IE8 */ opacity: .3!important; cursor: default; } /* ==================================== ====== SLIDER REVOLUTION ============== ==================================== */ .fullwidthbanner-container { overflow: hidden !important; } .revslider-initialised ul, .revslider-initialised li { list-style-type: none !important; padding: 0 !important; margin: 0 !important; } .revslider-initialised li a:hover { border-bottom: none !important; } .tp-leftarrow.default, .tp-rightarrow.default { font-size: 34px; text-align: center; line-height: 50px; height: 50px; width: 50px; border-radius: 50%; overflow: hidden; background-image: none; box-shadow: 0 0 0 2px #fff inset; color: #fff; } .no-touch .tp-leftarrow.default, .no-touch .tp-rightarrow.default { filter:progid:DXImageTransform.Microsoft.Alpha(opacity=0); /* hack for IE8 */ opacity: 0; -webkit-transition: opacity 0.25s ease-out; transition: opacity 0.25s ease-out; } .no-touch .fullwidthbanner-container:hover .tp-leftarrow.default, .no-touch .fullwidthbanner-container:hover .tp-rightarrow.default, .no-touch .rev_slider_wrapper:hover .tp-leftarrow.default, .no-touch .rev_slider_wrapper:hover .tp-rightarrow.default { filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100); /* hack for IE8 */ opacity: 1; } .no-touch .tp-leftarrow.default:before, .no-touch .tp-rightarrow.default:before { display: block; content: ''; position: absolute; top: 0; left: 0; height: 0; width: 100%; -webkit-transition: height 0.3s ease-out; transition: height 0.3s ease-out; background-color: #d13a7a; } .no-touch .tp-leftarrow.default:hover:before, .no-touch .tp-rightarrow.default:hover:before { height: 100%; } .tp-rightarrow.default:after { display: block; content: '\f105'; font-family: FontAwesome; margin-left: 3px; position: relative; } .tp-leftarrow.default:after { display: block; content: '\f104'; font-family: FontAwesome; margin-right: 3px; position: relative; } .tp-loader { margin-top: -30px; margin-left: -30px; height: 60px; width: 60px; border-radius: 50%; background: url(../img/loader.gif) no-repeat center center #fff; } .tp-bannertimer { background: rgba(0,0,0,0.1) !important; height: 5px; } .tp-bullets.simplebullets.round .bullet { display: inline-block; float: none; cursor: pointer; position: relative; width: 16px; height: 16px; margin: 3px; border-radius: 50%; -webkit-transition: box-shadow 0.25s ease-out; transition: box-shadow 0.25s ease-out; box-shadow: 0 0 0 2px rgba(0,0,0,0) inset; background: rgba(0,0,0,0.3); } .tp-bullets.simplebullets.round .bullet.last { margin-right: 3px; } .tp-bullets.simplebullets.round .bullet:hover, .tp-bullets.simplebullets.round .bullet.selected { box-shadow: 0 0 0 2px #fff inset; } /* ==================================== ====== ISOTOPE PLUGIN ================= ==================================== */ /**** Isotope Filtering ****/ .isotope-item { z-index: 2; } .isotope-hidden.isotope-item { pointer-events: none; z-index: 1; } /**** Isotope CSS3 transitions ****/ .isotope, .isotope .isotope-item { -webkit-transition-duration: 0.5s; -moz-transition-duration: 0.5s; -ms-transition-duration: 0.5s; -o-transition-duration: 0.5s; transition-duration: 0.5s; } .isotope { -webkit-transition-property: height, width; -moz-transition-property: height, width; -ms-transition-property: height, width; -o-transition-property: height, width; transition-property: height, width; } .isotope .isotope-item { -webkit-transition-property: -webkit-transform, opacity; -moz-transition-property: -moz-transform, opacity; -ms-transition-property: -ms-transform, opacity; -o-transition-property: -o-transform, opacity; transition-property: transform, opacity; } /**** disabling Isotope CSS3 transitions ****/ .isotope.no-transition, .isotope.no-transition .isotope-item, .isotope .isotope-item.no-transition { -webkit-transition-duration: 0s; -moz-transition-duration: 0s; -ms-transition-duration: 0s; -o-transition-duration: 0s; transition-duration: 0s; } /* ==================================== ====== Contact Form 7 ================= ==================================== */ .g-html .wpcf7-form p { margin-bottom: 20px; } span.wpcf7-form-control-wrap { display: inline-block; width: 100%; } .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; }