/* Theme Name: FASOON Theme URI: http://fasoon.li Version: 1.0 Description: A child theme of Divi. This is a custom child theme created for our site Fasoon. Author: admin Author URI: http://fasoon.li Template: Divi */ /*********************************************************************** Caution: do not remove this to keep Divi Children Engine always updated Divi Children Engine version: 1.0.4 ***********************************************************************/ /*------------------------------[FONT ICONS]-----------------------------*/ /*--[Created by Divi Children, http://divi4u.com/divi-children-plugin/]--*/ /*-----------------------------------------------------------------------*/ .icon_tags, .icon_profile, .icon_chat, .icon_clipboard, .icon_calendar { font-family: 'ETmodules'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 16px; color: #318EC3; } .icon_tags:before { content: "\e07c"; padding: 0px 5px 0 0; } .icon_profile:before { content: "\e08a"; padding: 0 5px 0 0; } .icon_chat:before { content: "\e066"; padding: 0 5px 0 20px; } .icon_clipboard:before { content: "\e0e6"; padding: 0 5px 0 20px; } .icon_calendar:before { content: "\e023"; padding: 0 5px 0 20px; } /*- YOU CAN INCLUDE THE CUSTOM CODE FOR YOUR CHILD THEME BELOW THIS LINE-*/ /*------------------------------------------------*/ /*-----------------[BASIC STYLES]-----------------*/ /*------------------------------------------------*/ @import 'shared'; body { //color: #5b5b5b; font-family: Ebrima, Arial, Helvetica; font-weight: normal; //font-size:18px; } #page-container { overflow-x: hidden; } .required-hide { input { box-shadow: none !important; } } #main-content { .et_pb_section { padding: 0 !important; } .et_pb_row { //padding: 0 !important; } .container { padding-top: 30px; padding-bottom: 30px; &:before {display: none;} } } .et_header_style_left #logo, .et_header_style_split #logo { max-width: 150px; } .container, .et_pb_row, .et_pb_slider .et_pb_container, .et_pb_fullwidth_section .et_pb_title_container, .et_pb_fullwidth_section .et_pb_title_featured_container, .et_pb_fullwidth_header:not(.et_pb_fullscreen) .et_pb_fullwidth_header_container { max-width: 1170px !important; width: 100%; } .container { -webkit-box-sizing: border-box; box-sizing: border-box; padding: 0 30px; } .et_mobile_menu { padding: 2%; border: 0; li {text-transform: uppercase;} } #top-menu { > li { width: auto; padding-right: 0; padding-left: 0; margin-left: 30px; a { width: auto; display: block; color: #004350; opacity: 1 !important; &:hover { color: #fa003b; } } &:last-child { ul { left: auto; right: 0; } } &.menu-item-has-children.et-show-dropdown .sub-menu { height: auto !important; overflow: visible !important; } &.menu-item-has-children > a:first-child { padding-right: 0; &:after { display: none; top: auto; bottom: 10px; left: 50%; margin-left:-7px; content: ""; font-size: 0; line-height: 0; width: 14px; height:10px; background: url(images/arrow-up.png) no-repeat 0 0; background-size: cover; } } &.menu-item-has-children.et-hover > a:first-child { &:after { display: block; } } } .sub-menu { height: 0; overflow: hidden; //z-index: -1; width: auto; min-width: 150px; margin-left: -15px; border: 1px solid #ddd; background: #f4f4f4; -webkit-box-shadow: none; box-shadow: none; padding: 5px 0; > li { display: block; float: none !important; width: 100%; padding:0 10px; &:first-child { > a { border-top: 0; } } a { width: auto; line-height:18px; letter-spacing: 0; //font-weight: normal; padding: 5px 0 !important; border-top: 1px solid #5b5b5b; color: #004350; &:hover { color: #fa003b; background: none; } } } .menu-item-has-children > a { padding-bottom:2px !important; &:after { display: none; } } .sub-menu { -webkit-box-shadow: none; box-shadow: none; position: relative !important; left: 0 !important; top: 0 !important; margin: 0 !important; padding: 0 0 5px 0 !important; visibility: visible !important; opacity: 1 !important; border: 0 !important; li { visibility: visible !important; opacity: 1 !important; padding: 0 !important; a { padding: 3px 0 !important; border: none !important; font-weight: 400 !important; text-transform: none !important; } } } } .btn { padding: 5px 10px; } } .founders-footer { padding: 50px 0; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; background-color: #fafafa; font-size: 16px; line-height: 1.4; h2 { text-align: center; font-size: 30px; } } .before-footer { background-color: #004350; .et_pb_row { padding:10px 0; .ui-accordion-header { cursor: pointer; font-size:20px; line-height: 1.2; color: #fa003b; padding: 0; -webkit-transition: all linear 0.1s; transition: all linear 0.1s; background: none; border: none; .ui-accordion-header-icon { display: none; } &:before { content:""; display: inline-block; vertical-align: baseline; width: 10px; height: 14px; float:left; background: url(images/arrow-right.png) no-repeat 0 0; background-size: cover; position: relative; margin:6px 10px 0 0; -webkit-transition: all linear 0.1s; transition: all linear 0.1s; } &:hover { color: #ffffff; } &.ui-accordion-header-active { &:before { -webkit-transform: rotate(90deg); transform: rotate(90deg); } } } .ui-accordion-content { color: #fff; margin-top:10px; margin-bottom:-10px; padding: 20px 0; position: relative; z-index:1; border: none; overflow: visible; &:before { content:""; position: absolute; z-index: -1; top: 0; width: 10000%; left: -4000%; height: 100%; background: #0d4d59 url(images/reasons-background.png) repeat 0 0; } a.btn { color: #fff; font-weight: bold !important; } table td { padding: 0 15px 0 0; width: 20%; } h3 { color: #fff;} p {color: #658e95;} } } } .powered-by { background-color: #e8e8e9; line-height: 1; border-bottom: 1px solid #ceced1; .et_pb_row { padding:5px 0; text-align: left; font-size:20px; line-height:40px; img { vertical-align: middle; margin: 0 30px; position: relative; top: -3px; } } } .additional-information { background-color: #f3f3f4; .textwidget { font-size:13px; line-height:16px; letter-spacing: 0.01em; h6 { font-size:12px; line-height:16px; font-size:14px; margin-top: 5px; margin-bottom:5px; padding-bottom:0; text-transform: uppercase; font-weight: bold; a { display: block; color: #5b5b5b; &:hover { color: #fa003b; } &:after { content:""; display: block; float: right; width: 6px; height: 8px; background: url(images/arrow-right-small-footer.png) no-repeat 0 0; background-size: cover; margin-top:5px; } } } p { padding: 10px 0; font-size:14px; line-height:16px; border-top:1px solid #c0c0c3; border-bottom:1px solid #c0c0c3; margin-bottom:5px; } } } .footer-logo-section { background-color: #fa003b; color: #ffffff; line-height: 1; .et_pb_row { padding:5px 0; line-height:25px; font-weight: bold; font-size:14px; a { display: inline-block; padding-right: 30px; color: #ffffff; &:hover { color: #004350; } } .logo-footer { position: relative; top:5px; } } } #footer-info { float: right; } #main-footer { #footer-bottom { font-size:15px; padding: 7px 0 !important; background: #e8e8e9 !important; .footer-bottom-inner { background: url("images/bg.png") repeat 0 0 !important; } a { color: #5b5b5b; &:hover { color: #fa003b; } } .et_pb_row { padding: 0 !important; } .column { float: left; } .col-left { width: 25%; padding-right:20px; } .col-center { width: 65%; padding-right:20px; } .col-right { width: 10%; } .bottom-nav { margin-top: -38px; padding: 0; > li { display: block; float: left; padding-right:30px; //width: 25%; > a { font-weight: bold; color: #fff; text-transform: uppercase; cursor: default; &:hover { color: #fff; opacity: 1; } } ul.sub-menu { margin-top:12px; li { display: block; a { font-weight: normal; } } } } } .et-social-icons { text-align: left; float: none; li { margin: 0 20px 0 0 !important; a { color:#5b5b5b !important; font-size:18px; &:hover { color:#fa003b !important; } } } } } } .after-header { padding: 0; background-color: #e8e8e9; .after-header-inner { padding: 6px 0; //min-height: 100px; background: url("images/bg.png") repeat 0 0 !important; .et_pb_row { padding: 20px 0; } > .container { padding-top: 0 !important; padding-bottom: 0 !important; } } h1.main_title { font-size: 36px; line-height: 1.3; color: #004350; margin-bottom: 0; padding-bottom: 5px; } h2 { font-size: 28px; line-height: 1.3; color: #fa003b; padding-bottom: 0; } } #short-pricing { border: 0; margin: 20px 0; th, td { border: 0; padding: 5px; } thead { td { font-size:20px; padding-bottom: 20px; } } tbody { color: #004350; tr td { padding: 5px; border-top: 1px solid #fa003b; font-size: 17px; &:last-child { text-align: right; } span { display: inline-block; font-weight: 400; font-size: 17px; } } tr:last-child td { border-bottom: 1px solid #fa003b; } select { margin-top: 2px; margin-right:10px; float: right; font-size:12px; font-weight: bold; text-transform: uppercase; color: #004350; border-radius: 3px; border: 1px solid #004350; letter-spacing: -0.03em; } .btn { padding: 5px 10px; } } tfoot { td { font-size:14px; } } tr { background: none !important; } } #simple-pricing { border: 0; margin: 20px 0; th, td { border: 0; padding: 5px; } tbody { color: #004350; tr td { padding: 15px 0; border-top: 1px solid #fa003b; font-size: 20px; &:last-child { text-align: right; } span { display: inline-block; font-weight: 400; font-size: 14px; } } tr:last-child td { border-bottom: 1px solid #fa003b; } } tr { background: none !important; } } .home { .container2 .et_pb_row { padding: 0 !important; } .home-banner { width: 638px !important; max-width: none; height:467px !important; position: relative; right: -150px; margin-top: -90px !important; } #main-content .container { padding-top:0 !important; padding-bottom:0 !important; } } // Styled Checkbox Button ---------------- .checkbox { input { position: absolute; z-index: -1; opacity: 0; margin: 0; &:checked + .checkbox__text .check { background: #fa003b; border-color: #fa003b; } &:checked + .checkbox__text .check:after { left: 26px; background: #fff; } } .checkbox__text { position: relative; top: -2px; cursor: pointer; .check { position: relative; margin-right: 15px; width: 50px; height: 26px; -webkit-border-radius: 13px; border-radius: 13px; border: 1px solid #004350; background: #fff; transition: .2s; &:after { content: ''; position: absolute; top: 2px; left: 2px; width: 20px; height: 20px; -webkit-border-radius: 10px; border-radius: 10px; background: #004350; transition: .2s; } } span { display: inline-block; vertical-align: middle; } } } // ---------------- // Styled Radio Button ---------------- .radio { input { position: absolute; z-index: -1; opacity: 0; margin: 0; &:checked + .radio__text:before { background: #fa003b; border-color: #fa003b; } } .radio__text { position: relative; top: -2px; cursor: pointer; &:before { content: ''; position: relative; left: 0; display: inline-block; width: 24px; height: 24px; margin-right: 30px; background: #FFF; border: 1px solid #004350; -webkit-border-radius: 50%; border-radius: 50%; vertical-align: middle; transition: .2s; } span { display: inline-block; vertical-align: middle; } } } // ---------------- .qs.quote-steps { color: #004350; .container { padding-top: 20px !important; padding-bottom: 70px !important; position: relative; } .et_pb_row { padding: 0 !important; } h2 { font-weight: bold; margin-bottom: 30px; padding: 0; @media all and (min-width: 481px) { font-size: 36px; font-weight: normal; } } &.step1 { .container { padding-top: 70px !important; padding-bottom: 70px !important; } h2 { text-align: center; } .qs-choose-legal-form { margin-bottom: 70px; ul { list-style: none; padding: 0; margin: 0 0 30px 0; li { border-top: 2px solid #fa003b; padding: 10px; &:last-child { border-bottom: 2px solid #fa003b; } label { font-weight: bold; font-size: 18px; cursor: pointer; span { display: inline-block; vertical-align: middle; } } } } } .qs-unique-partner-offers { margin-bottom: 70px; } } .your-individual-package { margin: 0 auto; max-width: 630px; } } .unique-partner-offers { font-size: 14px; line-height: 1.4; color: #004350; .swiper-outer { position: relative; } .swiper-container { padding: 0 30px; padding-bottom: 50px; } .swiper-wrapper { //height: 100% !important; } .swiper-pagination-bullet { width: 15px; height: 15px; background: none; border: 1px solid #004350; opacity: 1; } .swiper-pagination-bullet-active { background: #004350; } .swiper-button-next, .swiper-button-prev { width: 20px; height: 28px; margin-top: -14px; } .swiper-button-prev { left: 0; background: url(images/big-arrow-blue.svg) no-repeat 0 0; transform: rotate(180deg); background-size: 20px 28px; } .swiper-button-next { right: 0; background: url(images/big-arrow-blue.svg) no-repeat 0 0; background-size: 20px 28px; } .box-option { padding: 30px; //margin-bottom: 30px; border: 1px solid #004350; background-color: #fff; min-height: 100%; //display: flex; //flex-direction: column; h4 { font-size: 20px; color: #004350; font-weight: normal; padding: 0; span { flaot: left; margin-bottom: 20px; } img { display: block; margin-bottom: 20px; @media all and (min-width: 481px) { float: right; margin-left: 20px; } } } .info { p { @media all and (max-width: 480px) { display: none; } } } .more-info { text-align: center; a { color:#5b5b5b; text-decoration: underline; &:hover { color: #004350; } } } .discount-box { //flex-grow: 1; padding: 20px 0; margin: 20px 0; border-top: 1px solid #004350; border-bottom: 1px solid #004350; .partner, .discount { @media all and (min-width: 861px) { width: 50%; float: left; } } .partner { .attachment-post-thumbnail { margin-top: 10px; } ul { margin: 10px 0; padding: 0; list-style: none; li:before { content: "-"; display: inline-block; margin: 0 5px; } } } .discount { color: #fa003b; @media all and (min-width: 861px) { text-align: right; } span { display: block; font-size: 60px; line-height: 60px; margin: 10px 0; } } } } } .form1box { padding: 30px; background-color: #e8e8e9; margin-bottom: 30px; font-size: 14px; color: #004350; &#sidebar { float: right; width: 45%; } &.free-sidebar { position: fixed; top: 10px; width: 100%; max-width: 445px; margin-left: 528px; } .summary { font-size:26px; font-weight: bold; color: #fa003b; .left { float: left; span { font-size:14px; } } .right { float: right; padding-left: 20px; } padding-bottom: 30px; margin-bottom: 30px; border-bottom: 2px solid #fa003b; } .summary-partners { .partner-intro { margin-bottom: 30px; } ul { list-style: none; padding: 0; margin: 0; li { position: relative; display: block; background-color: #004350; color: #fff; margin: 0 -30px 2px; padding: 30px 30px 30px 50px; font-size: 20px; .title { font-weight: bold; float: left; display: block; } .discount { float: right; display: block; } .remove_btn { font-family: Arial, Helvetica; display: inline-block; color: #fff; font-size: 28px; line-height: 28px; position: absolute; left: 15px; top: 52%; -webkit-transform: translate(0, -50%); /* Safari */ transform: translate(0, -50%); &:hover { color:#9fb8bd; } } } } &.summary-partners-non-editable { ul li { padding: 30px; } } } .summary-total { margin-top: 30px; padding: 30px 0; font-size: 28px; font-weight: bold; color: #fa003b; border-top: 2px solid #fa003b; .left { float: left; } .right { float: right; padding-left: 20px; } } .summary-overview { .delivery_scope_btn { float: left; margin-bottom: 10px; margin-right: 20px; color: #5b5b5b; text-decoration: underline; &:hover { color: #004350; } } button { float: right; position: relative; top: -2px; } } } a.main-submit, input.main-submit, button.main-submit { display: block; width: 100%; text-align: center; font-size: 22px; padding: 20px; @media all and (max-width: 480px) { font-size: 18px; } } .contact-person { @media all and(min-width: 980px) { padding-left: 50px; } } //#fasoon_form1 { // font-size: 14px; // line-height: 1.4; // select#entry_type { // font-size: 18px; // font-weight: bold; // color: #fa003b; // border: 1px solid #fa003b; // line-height:18px; // -webkit-border-radius: 3px; // border-radius: 3px; // text-transform: uppercase; // margin: 0; // max-width: 100%; // } // #left-area { // width: 55%; // padding-right: 5%; // padding-bottom:0; // } // // .intro { // margin-bottom:20px; // h3 { // margin: 0; // font-size:23px; // line-height:25px; // color: #004350; // span { // color: #fa003b; // } // } // } //} .entry-content { position: static; z-index:1; } .delivery_scope_overlay, .partner-info-overlay { &:after { content:""; position: fixed; top: 0; left: 0; z-index: -1; display: block; width: 100%; height: 100%; background: rgba(0,67,80, 0.95); } display: none; width: 100%; min-height: 100%; height: auto; position: absolute; overflow: auto; left: 0; top: 0; z-index: 100; padding-bottom: 50px; .container { margin-top: 100px; padding-top: 30px; padding-bottom: 30px; * {color: #fff;} .delivery_scope_header, .partner-info-header { margin-bottom:10px; h1 { float: left; padding-bottom:20px; } button { float: right; margin: 5px 0 20px 20px; } } } .et_pb_section {background: transparent;} } .col1, .col2 { width:48%; } .col1 { float: left; } .col2 { float: right; } .form-error { color: red; padding: 5px 10px; margin-bottom: 10px; border: 1px solid red; } .stepform { position: relative; font-size: 20px; line-height: 1.4; color: #004350; h2 { margin-top: 50px; } .et_pb_column_4_4 h2 { margin-top: 0; } h3 { position: relative; padding-bottom: 30px; margin-bottom: 0; span { margin-top: 5px; display: block; font-size: 14px; line-height: 18px; font-weight: normal; } } label { display: inline-block; margin-bottom: 5px; } &.inverse { input[type="text"], input[type="phone"], input[type="email"], input[type="date"], select, textarea { border: 1px solid #fff; background: transparent; color: #fff; &.filled { background-color: #ffffff !important; border: 1px solid transparent !important; color: #004350 !important; } &::-webkit-input-placeholder { /* Chrome/Opera/Safari */ color: #8db9c0 !important; opacity: 1 !important; } &::-moz-placeholder { /* Firefox 19+ */ color: #8db9c0 !important; opacity: 1 !important; } &:-ms-input-placeholder { /* IE 10+ */ color: #8db9c0 !important; opacity: 1 !important; } &:-moz-placeholder { /* Firefox 18- */ color: #8db9c0 !important; opacity: 1 !important; } } .tooltip::before { background: transparent url(images/i-white.svg) no-repeat 0 0; } } input[type="text"], input[type="phone"], input[type="email"], input[type="date"], select, textarea { width:100%; border: 1px solid #004350; margin-bottom: 15px; font-size: 14px; line-height: 1.2; color: #004350; padding: 5px 25px 5px 10px; min-height: 36px; height: 36px; &.filled { background-color: #f3f3f4 !important; border: 1px solid transparent !important; } } option { line-height: 28px !important; min-height: 32px !important; height: 36px !important; padding: 5px !important; color: #004350 !important; } textarea#comment, textarea#company_purpose, textarea#bank_details { min-height: 300px; overflow: auto; padding-right: 44px; } .submit-disclaimer { font-size: 14px; .check-item { margin: 0 0 20px 0 !important; label { display: block; padding-left: 30px; position: relative; input[type="checkbox"] { margin: 0 !important; position: absolute; left: 0; top: 3px; } } } } .intl-tel-input { width:100%; #phone { padding-left:50px; } } .prefix { margin-bottom:10px; input[type="radio"] { margin: 0 5px 0 0; vertical-align: middle; position: relative; top: -1px; } label { margin-right: 20px; } } .agreement { line-height:18px; margin:20px 0; input[type="checkbox"] { margin: 0; position: relative; top: 3px; left: -5px; margin-left: -15px; width:14px; height:14px; } label { display: block; padding-left:20px; } .description { display: inline; } } div.submit { margin-top: 30px; text-align: center; button { width: 100%; max-width: none; padding: 20px; @media all and (max-width: 480px) { font-size: 18px; } } .back { padding: 20px 0; font-size: 15px; } } .information-box { font-size: 14px; position: relative; padding: 30px; background-color: #f3f3f4; h3 { padding-bottom: 15px; } } .information-box-small { position: relative; padding: 20px; background-color: #f3f3f4; font-size: 14px; line-height: 18px; margin-bottom: 50px; } .new_person_form { margin-top: 30px; } .indivuduals { .persons { list-style: none; padding: 0; margin: 0; li { display: block; background-color: #f3f3f4; padding: 20px; position: relative; padding-right: 100px; margin-bottom: 10px; font-size: 14px; line-height: 1.2; } } &.inverted { .persons { li { background-color: #f3f3f4; color: #004350; padding-right: 20px; span { display: block; float: left; width: 65%; } .input { float: right; width: 30%; input { margin: 0; background-color: #fff !important; } } &:first-child { background: none; padding: 0 20px; } } } } .person_action { position: absolute; z-index: 2; top: 50%; margin-top: -15px; right: 15px; width: 30px; height: 30px; display: block; text-indent: -9999em; cursor: pointer; &:before { content: ""; display: block; width: 30px; height: 30px; position: absolute; top: 0; left: 0; background-size: cover; } &.edit { right: 50px; &:before { background: transparent url(images/edit.svg) no-repeat 0 0; } } &.remove { &:before { background: transparent url(images/remove.svg) no-repeat 0 0; } } } } .vertical-nav-stack { a { display: block; padding: 10px 20px; margin-bottom: 5px; color: #fff; background-color: #004350; position: relative; font-size: 14px; font-weight: bold; &:after { content:"+"; font-weight: bold; display: inline-block; font-size: 28px; line-height: 1; position:absolute; top: 50%; margin-top: -17px; right: 15px; } &:hover { background-color: #fa003b; } } } .field { position: relative; &.company_country, &.comp_birth_date, &.comp_nationality { label:not(.input) { display: block; width: 30%; float: left; line-height: 32px; } span.input { display: block; &:after{ content:""; clear: both; display: block; height: 0; } } input, select { width: 70%; float: right; } &:after { content:""; display: block; height: 0; clear: both; } } &.vr_function_in_company, &.function_in_company, &.signature_authorization { select { padding-right: 50px; } } &._shares_number { input { background-color:#004350 !important; color: #fff !important; } } &.birth_date, &.comp_birth_date { .calendar { position: absolute; z-index: 2 !important; top: 7px; right: 5px; width: 18px; height: 18px; display: block; text-indent: -9999em; cursor: pointer; pointer-events: auto; &:before { content: ""; display: block; width: 18px; height: 18px; position: absolute; z-index: 1; top: 0; left: 0; background: transparent url(images/calendar.svg) no-repeat 0 0; background-size: cover; } } } } .half_width { .field { width: 48%; float: left; &:first-child { margin-right: 4%; } } } .tooltip { position: absolute; z-index: 2; top: 7px; right: 0; width: 18px; height: 18px; display: block; text-indent: -9999em; cursor: pointer; &:before { content: ""; display: block; width: 18px; height: 18px; position: absolute; top: 0; left: 0; background: transparent url(images/i.svg) no-repeat 0 0; background-size: cover; } } .table-information-box { background-color: #f3f3f4; padding: 15px 20px; margin-bottom: 10px; table { border-collapse: collapse; width: 100%; border: 0; margin: 0; th, td { border: 0; padding: 5px 0; line-height: 18px; font-size: 14px; } th { text-align: left; font-weight: bold; text-transform: uppercase; color: #004350; font-size: 14px; width: 50%; } thead td { padding-bottom: 15px; } } &.inverted { background-color: #004350; color: #fff; table { th, td { color: #fff; } } } } table.spaced { border-collapse: collapse; width: 100%; border: 0; th, td { background-color: #f3f3f4; line-height: 18px !important; font-size: 14px !important; border-bottom: 10px solid #fff; padding: 10px 20px !important; } tr:last-child { th, td { border-bottom: 0; } } } } .ui-tooltip { box-shadow: 1px 1px 5px rgba(0,0,0,0.25); .ui-tooltip-content { padding:10px; font-size: 13px !important; line-height: 16px !important; } } #content-area #prices-table { border: none; border-collapse: collapse; margin-bottom: 30px; th, td { border: none; border-bottom: 1px solid #fa003b; padding: 5px !important; font-size:22px; width: auto !important; max-width: none !important; } td { color: #004350; } thead th { font-size:15px; text-transform: uppercase; } tbody tr { background: none !important; td:first-child { padding-left:0 !important; font-weight: bold; white-space: nowrap; span.subtitle { font-size:15px; color: #5b5b5b; font-weight: normal; } } td:last-child { padding-right:0 !important; text-align: right; } } } .wpcf7-form { input[type="text"], input[type="email"], textarea { width:100%; border: 1px solid #004350; margin-bottom:5px; font-size: 14px; line-height:24px; color: #004350; padding: 3px 5px; font-family: inherit; } p { padding-bottom:0; } input[type="submit"] { background-color: #fa003b; border: 1px solid #fa003b; color: #ffffff; padding: 1px 10px; cursor: pointer; text-transform: uppercase; font-weight: bold; font-size:12px; line-height: 24px; letter-spacing: 0.1em; &:hover { background-color: #004350; border: 1px solid #004350; color: #fff; } } .filled {background-color: #e8e8e9 !important; border: 1px solid transparent !important;} } #prices-popup{ table { width: 100%; border: none; thead { th, td { font-size: 15px; font-weight: bold; color: #fff; text-transform: uppercase; border-bottom: 1px solid #fff; padding: 3px 1px; border-top: none; letter-spacing: 0.05em; } } tbody { th, td { font-size:14px; line-height: 22px; color: #fff; padding: 3px 1px; max-width: none; border-bottom: 1px solid #fff; } } th, td { max-width:none !important; } tr { background: none !important; } } .left { float: left; width: 45%; table { tbody tr td:first-child { padding-left: 21px; &:before { position: relative; margin-left: -16px; left: -5px; display: inline-block; content:""; width: 16px; height: 12px; background: url(images/inclusive.png); background-size: cover; vertical-align: middle; position: relative; top: -2px; } } } } .right { float: right; width: 45%; table{ tbody tr td:first-child { padding-left: 17px; &:before { position: relative; margin-left: -12px; left: -5px; display: inline-block; content:""; width: 12px; height:12px; background: url(images/exclusive.png); background-size: cover; vertical-align: middle; position: relative; top: -2px; } } } } } .table-responsive { overflow:auto; margin-bottom: 10px; } .et_color_scheme_red #et_search_icon:hover, .et_color_scheme_red .mobile_menu_bar::before, .et_color_scheme_red .footer-widget h4, .et_color_scheme_red .et_pb_sum, .et_color_scheme_red .et_pb_pricing li a, .et_color_scheme_red .et_pb_pricing_table_button, .et_color_scheme_red .comment-reply-link, .et_color_scheme_red .form-submit .et_pb_button, .et_color_scheme_red .et_pb_bg_layout_light .et_pb_newsletter_button, .et_color_scheme_red .et_pb_contact_submit, .et_color_scheme_red .et_password_protected_form .et_submit_button, .et_color_scheme_red .et_pb_bg_layout_light .et_pb_more_button, .et_color_scheme_red .et_pb_bg_layout_light .et_pb_promo_button, .et_color_scheme_red .et_overlay::before, .et_color_scheme_red .entry-summary p.price ins, .et_color_scheme_red.woocommerce div.product span.price, .et_color_scheme_red.woocommerce-page div.product span.price, .et_color_scheme_red.woocommerce #content div.product span.price, .et_color_scheme_red.woocommerce-page #content div.product span.price, .et_color_scheme_red.woocommerce div.product p.price, .et_color_scheme_red.woocommerce-page div.product p.price, .et_color_scheme_red.woocommerce #content div.product p.price, .et_color_scheme_red.woocommerce-page #content div.product p.price, .et_color_scheme_red #top-menu li.current-menu-ancestor > a, .et_color_scheme_red #top-menu li.current-menu-item > a, .et_color_scheme_red .bottom-nav li.current-menu-item > a { color: #fa003b; } .clearfix { *zoom: 1; } .clearfix:before, .clearfix:after { display: table; content: ""; line-height: 0; } .clearfix:after { clear: both; } #mobile_menu.et_mobile_menu { padding: 15px; li { padding: 0; border-bottom: 1px solid #5b5b5b; a { color: #004350; opacity: 1 !important; padding:3px 0; background: none; border: 0; &:hover { color: #fa003b; } } &:first-child { border-bottom: 1px solid #5b5b5b; } &:last-child { border: 0; } &.current-menu-item > a { color: #fa003b; } .sub-menu { padding:5px 10px; border: 1px solid #ddd; background: #f4f4f4; margin-bottom:10px; > li { > a { } .sub-menu { border: 0; background: none; padding:0; margin-bottom:5px; > li { border: none; > a { font-weight: normal; line-height:18px; } } } } } } > li.menu-item-has-children > a { padding-bottom: 30px; position: relative; &:after { position: absolute; top: auto; bottom: 12px; left: 10px; content: ""; font-size: 0; line-height: 0; width: 14px; height: 10px; background: url(images/arrow-up.png) no-repeat 0 0; background-size: cover; } } } // blog .tabs-categories { margin: 30px 0; ul { margin:0; padding: 0; li { display: block; float: left; width: 24.25%; margin-right: 1%; margin-bottom: 10px; a { display: block; font-size: 20px; line-height: 1; color: #fff; padding: 7px 10px 8px; background-color: #8c8c91; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; transition: all linear 0.1s; &:hover { background-color: #fa003b; } } &:nth-child(4n) { margin-right:0; } &:nth-child(4n + 1) { clear: both; } &.active { a { background-color: #fa003b; } } } } } .posts-list { h2 { font-size: 28px; line-height: 30px; padding-top: 10px; padding-bottom: 40px; } .featured-post { position: relative; .et_pb_post { position: relative; z-index:1; background-color: #004350; margin: 0 !important; .post-title { h3.entry-title { color: #fff; } } .post-excerpt { border-bottom: 1px solid #658d95; } .post-footer { .post-meta { color: #fff; } } } margin: 30px 0; padding: 30px 0; border-top: 1px solid #cacacc; border-bottom: 1px solid #cacacc; &:before { content:""; position: absolute; z-index: 0; width: 100%; height: 100%; left: 50%; display: block; background: url(images/blog.jpg) no-repeat 0 0; content: ''; bottom: 0; } } .et_pb_post { background-color: #e8e8e9; padding: 30px 40px 15px; max-width: 430px; border: 1px solid #c7c7c9; float: left; width:45%; margin-bottom: 90px; .post-image { text-align: center; margin-bottom:20px; img { width: 100%; height: auto; max-width: 350px; max-height: 155px; } } .post-title { h3 { font-size: 23px; line-height: 1.1; padding: 0px; &.entry-title { color: #004350; } &.subtitle { color: #fa003b; } } a { color: inherit; &:hover { color: #fa003b; } } } .post-excerpt { margin: 10px 0; padding-bottom: 10px; border-bottom: 1px solid #cacacc; font-size:14px; line-height: 1.3; color: #8c8c91; } .post-footer { .post-meta { color: #8c8c91; line-height: 1.4; float: left; width: 70%; text-transform: uppercase; font-size: 12px; font-weight: bold; .date { font-weight: normal; text-transform: none; } } .btn { float: right; } } } .regular-posts { .et_pb_post { &:nth-child(2n) { float: right; } &:nth-child(2n+1) { clear: both; } } } } .single .post { margin: 0; padding: 0; .entry-content { padding: 0; margin-top: 20px; margin-bottom: 20px; } .post-meta { color: #8c8c91; line-height: 1.4; text-transform: uppercase; font-size: 12px; font-weight: bold; margin-bottom:20px; .date { font-weight: normal; text-transform: none; } } } ul.steps { list-style: none; margin: 0 0 50px; padding: 0; li { display: block; height: 34px; float: left; margin: 0; padding: 0; position: relative; cursor: default; span, a { position: relative; display: block; height: 34px; font-size: 14px; line-height: 1; color: #004350; padding: 10px 20px; background-color: #f3f3f4; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; transition: all linear .1s; &:before { content: ""; display: block; position: absolute; right: 0; top: 0; width: 0; height: 0; border-style: solid; border-width: 0 0 34px 34px; border-color: transparent transparent #ffffff transparent; } } &.current { span, a { color: #fff; background-color: #004350; } } &.completed { span, a { color: #fff; background-color: #004350; } } &.completed { a:hover { color: #fff; background-color: #fa003b; } } &:last-child { margin-right: 0 !important; } } &.steps5 { li { width: 17%; margin-right: 3.75%; } } &.steps6, &.steps7 { li { width: 15%; margin-right: 2%; } } } #load_contact_data { margin-bottom: 20px; } #pricing-tabs { margin-top: 50px; margin-bottom: 50px; font-size: 14px; color: #004350; line-height: 1.4; .et_pb_row { padding: 0 !important; } .pricing-type-description { margin-bottom: 30px; @media all and (min-width: 980px) { max-width: 85%; } } } ul.pricing-tabs { list-style: none; padding: 0; margin: 0; margin-bottom: 50px; li { display: block; float: left; a { display: inline-block; min-width: 255px; padding: 15px 20px; margin-right: 20px; margin-bottom: 20px; font-size: 14px; color: #004350; border: 1px solid #004350; transition: all ease-in-out .2s; span { display: inline-block; vertical-align: middle; } &:before { content: ""; display: inline-block; vertical-align: middle; width: 24px; height: 24px; margin-right: 10px; -webkit-border-radius: 50%; border-radius: 50%; border: 1px solid #004350; transition: all ease-in-out .2s; } &:hover { color: #fa003b; border: 1px solid #fa003b; &:before { border: 1px solid #fa003b; } } } &.active { a { color: #fa003b; border: 1px solid #fa003b; &:before { border: 1px solid #fa003b; background-color: #fa003b; } } } } } #content-area { table.bordered { border: 0; td { border: 0; padding: 15px; border-top: 1px solid #fa003b; @media all and (min-width: 481px) { font-size: 20px; } } tr:last-child td { border-bottom: 1px solid #fa003b; } &.mobile-column { @media all and (max-width: 480px) { td { display: block; width: 100%; padding-left: 0; padding-right: 0; &:first-child { font-weight: bold; padding-bottom: 0; border-bottom: none !important; } &:last-child { border-top: none; } } } } } > .et_pb_section { padding-left: 30px !important; padding-right: 30px !important; } } #establishment-procedure-slider.et_pb_slider { padding-bottom: 50px; .et_pb_more_button { width: 100%; text-align: center; padding: 8px !important; } .et-pb-arrow-prev, .et-pb-arrow-next { width: 20px; height: 28px; margin-top: -14px; &:before { position: absolute; content: ""; display: block; width: 20px; height: 28px; background: url(images/big-arrow-blue.svg) no-repeat 0 0; background-size: 20px 28px; } } .et-pb-arrow-prev { left: 0; opacity: 1; &:before { top: 0; left: 0; float: left; background: url(images/big-arrow-blue.svg) no-repeat 0 0; transform: rotate(180deg); } } .et-pb-arrow-next { right: 0; opacity: 1; &:before { top: 0; right: 0; background: url(images/big-arrow-blue.svg) no-repeat 0 0; } } .et-pb-controllers { bottom: 0; height: 25px !important; a { width: 20px; height: 20px; color: #004350; font-size: 14px; line-height: 17px; background: #fff !important; border: 1px solid #004350; border-radius: 50%; text-indent: 0; text-align: center; &.et-pb-active-control { background: #004350 !important; color: #fff; } } } } body { &.page-template-page-prices, &.page-template-page-firm-type { h1.entry-title.main_title { text-align: center; font-size: 36px; } } } /*------------------------------------------------*/ /*---------------[RESPONSIVE LAYOUTS]-------------*/ /*------------------------------------------------*/ @media only screen and ( min-width: 981px ) { .visible-tablet { display: none; } } @media only screen and ( min-width: 981px ) and ( max-width: 1100px ) { } @media only screen and ( max-width: 1260px ) { .home .home-banner { width: 100% !important; max-width: 638px; height:auto !important; position: relative; right: auto; margin: 0 auto; margin-top: -20px !important; } } @media only screen and ( max-width: 980px ) { .visible-desktop { display: none; } .col1, .col2 { float: none; width: 100%; margin-bottom: 20px; } .stepform br.mobile-hidden {display: none;} .stepform textarea#comment, .stepform textarea#company_purpose, .stepform textarea#bank_details { min-height: 100px; } .hide-on-tablet { display: none !important; } #content-area table:not(.non-responsive) { tr, th, td { height:auto !important; } thead { display: none !important; } tbody { tr { display: block !important; position: relative !important; max-width: none !important; padding: 0 !important; margin-bottom:10px; clear: both !important; height:auto !important; } td { clear: both !important; display: block !important; text-align: left !important; white-space: normal !important; width: auto !important; * {text-align: left !important;} span.cell { display: inline-block !important; width:59% !important; vertical-align: middle; } } tr td:first-child { background: #004350 !important; color: #fff !important; * {color: #fff !important;} } tr td:last-child { border-bottom: none !important; } td:before { content: attr(data-th) !important; font-weight: bold !important; display: inline-block !important; width: 40% !important; padding: 0 1% 0 0 !important; line-height: 14px !important; } } &#prices-table { tbody > tr > td { .cell, form { text-align: right !important; } &:first-child { &:before {display: none !important;} .cell {width: 100% !important; text-align: left !important;} } } } } .home .home-banner { float: left; } .et_pb_column { margin-bottom: 0px; } .additional-information .textwidget p { border-bottom: none; } .powered-by .et_pb_row img { margin: 0 20px 0 0; } #content-area #prices-table th, #content-area #prices-table td { font-size: 16px; line-height: 18px; } #content-area #prices-table tbody tr td:first-child { padding-left: 5px !important; } #content-area #prices-table tbody tr td:last-child .cell { text-align: right !important; width: 100% !important; } #content-area #prices-table tbody tr td:last-child { &:before { display: none !important; height: 0px !important; } } #prices-popup { .left, .right { width: 48%; } h3 br { display: none; } } #fasoon_form1 { #left-area { padding-right: 0; } #sidebar { position: static !important; width: 100% !important; margin: 0 !important; max-width: none !important; } } body, .et_pb_column_1_2 .et_quote_content blockquote cite, .et_pb_column_1_2 .et_link_content a.et_link_main_url, .et_pb_column_1_3 .et_quote_content blockquote cite, .et_pb_column_3_8 .et_quote_content blockquote cite, .et_pb_column_1_4 .et_quote_content blockquote cite, .et_pb_blog_grid .et_quote_content blockquote cite, .et_pb_column_1_3 .et_link_content a.et_link_main_url, .et_pb_column_3_8 .et_link_content a.et_link_main_url, .et_pb_column_1_4 .et_link_content a.et_link_main_url, .et_pb_blog_grid .et_link_content a.et_link_main_url, body .et_pb_bg_layout_light .et_pb_post p, body .et_pb_bg_layout_dark .et_pb_post p { font-size:16px !important; } //#content-area table, //table { // th, td { // font-size:13px !important; // line-height:18px !important; // } //} .footer-logo-section { .et_pb_column.et_pb_column_1_3 { float: left !important; width: 70% !important; } .et_pb_column.et_pb_column_2_3 { float: right !important; width: 30% !important; } } #main-footer #footer-bottom { .col-center { display: none; } .col-left {width:70%; } .col-right {width: 30%;} } .posts-list .et_pb_post { width: 48%; max-width: none; margin-bottom: 30px; } ul.steps { li { span, a { padding: 10px; &:before { border-width: 0 0 34px 10px; } } } &.steps5 { li { width: 20%; margin-right: 0%; } } &.steps6 { li { width: 16.66%; margin-right: 0%; } } } .founders-footer { .et_pb_column_1_3 { margin-bottom: 30px; text-align: center; } .et_always_center_on_mobile { text-align: left !important; margin-bottom:15px; } h2 { padding-bottom: 0; } } } @media only screen and ( max-width: 767px ) { #prices-popup { .left, .right { width: 100%; float: none; margin-bottom: 20px; } } .after-header h1.main_title, .after-header h2 { font-size:24px; } .before-footer { display: none !important; } // blog .posts-list .et_pb_post { width: 100%; float: none; margin-bottom: 20px; } .posts-list .featured-post:before { display: none; } .tabs-categories { ul { li { display: block; float: none; width: 100%; margin-right: 0; margin-bottom:10px; } } } .stepform { h3 { padding-bottom: 10px; } table.info { th, td { display: block; width: 100%; border-bottom: 1px solid #ccc; } tr { display: block; width: 100%; margin-bottom: 5px; } } div.submit { padding-bottom: 30px; } } .qs.quote-steps.step0 .qs-unique-partner-offers .swiper-container { padding-left: 0; padding-right: 0; .swiper-button-next, .swiper-button-prev { display: none; } } ul.steps li { width: 100% !important; float: none; margin: 0 0 2px 0 !important; } .et_pb_slide_image { margin: 0 0 30px 0 !important; > img { max-height: 120px !important; } } .et_pb_slider { overflow: visible !important; } .et_pb_slide { padding: 0; } #establishment-procedure-slider.et_pb_slider .et-pb-arrow-prev { left: -20px; } #establishment-procedure-slider.et_pb_slider .et-pb-arrow-next { right: -20px; } #establishment-procedure-slider.et_pb_slider .et-pb-arrow-prev, #establishment-procedure-slider.et_pb_slider .et-pb-arrow-next { width: 10px; height: 14px; &:before{ width: 10px; height: 14px; background-size: 10px 14px; } } .unique-partner-offers .swiper-button-prev { left: -20px; } .unique-partner-offers .swiper-button-next { right: -20px; } .unique-partner-offers .swiper-button-prev, .unique-partner-offers .swiper-button-next { width: 10px; height: 14px; background-size: 10px 14px; margin-top: -30px; } .et_pb_scroll_top { display: none !important; } ul.pricing-tabs li { display: block; float: none; a { display: block; margin: 0 auto 10px auto; } } table img { max-width: none; } .unique-partner-offers { .swiper-container { padding-left: 0; padding-right: 0; } } } @media only screen and ( max-width: 480px ) { body, .et_pb_column_1_2 .et_quote_content blockquote cite, .et_pb_column_1_2 .et_link_content a.et_link_main_url, .et_pb_column_1_3 .et_quote_content blockquote cite, .et_pb_column_3_8 .et_quote_content blockquote cite, .et_pb_column_1_4 .et_quote_content blockquote cite, .et_pb_blog_grid .et_quote_content blockquote cite, .et_pb_column_1_3 .et_link_content a.et_link_main_url, .et_pb_column_3_8 .et_link_content a.et_link_main_url, .et_pb_column_1_4 .et_link_content a.et_link_main_url, .et_pb_blog_grid .et_link_content a.et_link_main_url, body .et_pb_bg_layout_light .et_pb_post p, body .et_pb_bg_layout_dark .et_pb_post p { font-size:14px !important; } .footer-logo-section .et_pb_row a { display: block; padding-right:0; } #short-pricing tbody tr { display: block; width: 100%; border-bottom: 1px solid #fa003b; margin-bottom: 10px; padding-bottom: 10px; &:first-child { border-top: 1px solid #fa003b; } td { display: block; width: 100%; border: none !important; text-align: left !important; select { margin-right: 0; } } } .after-header h1.main_title, .after-header h2 { font-size:20px; } .posts-list .et_pb_post { padding: 15px; } .contact-person { img { float: none; display: block; margin-bottom: 30px; } } }