/*
	Theme Name: Z login Support
	Theme URI: http://www.burotijs.nl/
	Description: Z login Support theme Version 1.0 By Buro Tijs
	Author: BuroTijs
	Author URI: http://www.burotijs.nl/
	Version: 1.0
	Template: genesis
	License: GPL-2.0+
	License URI: http://www.gnu.org/licenses/gpl-2.0.html
*/

/*--- Common Css ---*/
*, *:after, *:before{box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; 	vertical-align: top;}
html {-webkit-text-size-adjust: none;-ms-text-size-adjust: none;-o-text-size-adjust: none;text-size-adjust: none;}
body, html {background: #fff none repeat scroll 0 0; color: #322b78;font-size: 16px; font-weight: normal;line-height: 28px;margin: 0; padding: 0; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
body {position: relative;}
figure {background: transparent none no-repeat scroll center center;background-size: cover;position: relative;display: inline-block;width: 100%;}
img {max-width: 100%;outline: none;border: none;}
svg {max-width: 100%;height: auto;}
.picture {position: absolute; top: 0px; left: 0px; right: 0px; bottom: 0px;z-index: -1;}
.picture img {width: 100% !important;height: 100% !important;object-fit: cover;}
.object-fit {background-size: cover;background-position: center;background-repeat: no-repeat;}
.object-fit > img {opacity: 0;}
strong, b, label {font-weight: bold;margin-bottom: 0px;}
ul, ul li, ol, ol li {list-style: none; padding: 0px; margin: 0px; }
h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6 {padding: 0px; margin: 0px; color: #322b78;font-weight: normal;letter-spacing: 0px;}
h1, .h1 {font-size: 36px; line-height: 40px;  font-weight: bold;}
h2, .h2 {font-size: 24px; line-height: 36px;  font-weight: bold;}
h3, .h3 {font-size: 24px; line-height: 36px;  font-weight: 300;}
h4, .h4 {font-size: 18px; line-height: 30px;  font-weight: bold;}
h5, .h5 {font-size: 18px; line-height: 30px;  font-weight: 300;}
h6, .h6 {font-size: 16px; line-height: 28px;  font-weight: bold;}
a, a:focus, a:hover {text-decoration: none; outline: none; }
a {color: #50e2d0; }
a:hover {color: #3fbdae; }
p {color: #322b78;margin: 0px 0px 24px;}
p:last-child, p:only-child {margin-bottom: 0px; }
p:empty {   display: none; }
input, textarea, button, select, option {   -webkit-appearance: none;    -moz-appearance: none; -ms-appearance: none; -o-appearance: none; appearance: none; outline: none; border: none;}
select {background: transparent url(images/select-arrow.svg) no-repeat scroll center right 20px;padding-right: 50px;}
:hover, :visited, :active, :focus {outline: none !important; }
::-webkit-input-placeholder {color: #b5b5b5; opacity: 1;  font-weight: 300; }
::-moz-placeholder {color: #b5b5b5; opacity: 1;  font-weight: 300; }
:-ms-input-placeholder {color: #b5b5b5; opacity: 1;  font-weight: 300; }
:-moz-placeholder {color: #b5b5b5; opacity: 1;  font-weight: 300; }
::-moz-selection {color: #322b78; background: #b2cff3; }
::selection {color: #322b78; background: #b2cff3; }

header, section, footer {position: relative;display: inline-block; width: 100%; }
.small-container {margin: 0px auto;max-width: 770px;}
.transition, ::before, ::after, .button, a, .tab-data ul li, input, textarea, button, select, option, .close,.topic-link {-webkit-transition: all 0.4s ease-in-out 0s; -moz-transition: all 0.4s ease-in-out 0s;transition: all 0.4s ease-in-out 0s;  }
.rounded-circle {-webkit-border-radius: 50%; -moz-border-radius: 50%;border-radius: 50%; }
.border-radius, .service-box, .button, .modal-content, .contact-form, .contact-card, .search-form .search-input,
.main-form .gform_wrapper input:not([type="radio"]):not([type="checkbox"]):not([type="submit"]):not([type="button"]):not([type="image"]):not([type="file"]),
.main-form .gform_wrapper textarea, .main-form .gform_wrapper .top_label select {-webkit-border-radius: 4px; -moz-border-radius: 4px;border-radius: 4px; }
.box-shadow {-webkit-box-shadow: 0px 0px 60px 0px rgba(0, 29, 84, 0.15);-moz-box-shadow: 0px 0px 60px 0px rgba(0, 29, 84, 0.15);box-shadow: 0px 0px 60px 0px rgba(0, 29, 84, 0.15);}
.small-text {font-size: 14px;}

/*--- Button ---*/
.button { font-weight: 300; background-color: #322b78; border: 1px solid transparent; height: 48px; line-height: 46px; text-align: center; font-size: 18px; min-width: 213px; padding: 0 20px; color: #fff; display: inline-block;}
.button:hover {color: #fff; }
.button:active {background-color: #de5c00; }

.button-outline, .modal input[type="submit"].button {    background-color: #50e2d0;border-color: #50e2d0;color: #fff;}
.button-outline:hover, .modal input[type="submit"].button:hover {color: #fff; }
.button-outline:active, .modal input[type="submit"].button:active {background-color: transparent; }

.button-light, .button-light:hover, .button-light:active {border-color: #322b78; color: #322b78; background-color: #fff;}

.button-small {height: 38px; line-height: 36px; padding: 0px 15px; min-width: initial; font-size: 14px; }
.button-small:hover {background-color: #26215c; }
.button-small:active {background-color: #26215c; }

.button i {vertical-align: middle; margin-right: 15px; position: relative;}
.icon-thumbsup-outline-orange { top: -2px; }

.button i::before {line-height: 46px;}
.button-small i::before {line-height: 36px;}
.button i.ion-ios-arrow-right {margin-left: 5px; margin-right: 0px;}

/*--- Alert ---*/
.alert, .main-form .gform_wrapper div.validation_error, .gform_confirmation_wrapper  {border: 1px solid #000; font-size: 14px; line-height: 26px; padding: 9px 52px 9px 60px; position: relative; font-weight: normal; text-align: left; opacity: 1;}
.alert-success, .alert-success:hover, .gform_confirmation_wrapper  {border-color: #322b78;background-color: #fff;color: #322b78; }
.alert-danger, .alert-danger:hover, .main-form .gform_wrapper div.validation_error {border-color: #c4122a; background-color: #f9e7e9; color: #c4122a; }
.alert-warning, .alert-warning:hover {border-color: #f86f00; background-color: #fef0e5; color: #f86f00; }
.alert-dismissable .close, .alert-dismissible .close {position: absolute; top: 0px; right: 20px; color: inherit; bottom: 0px; margin: auto; color: #322b78; }

.alert::before, .main-form .gform_wrapper div.validation_error::before, .gform_confirmation_wrapper::before, .main-form .ginput_container_select::before {display: inline-block; font-family: "Ionicons"; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; text-rendering: auto; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; position: absolute; top: 8px; bottom: initial; height: 28px; line-height: 28px;left: 0px; margin: auto; width: 60px; text-align: center; }
.alert-success::before, .gform_confirmation_wrapper::before {content: "\f3fd"; font-size: 28px; }
.alert-danger::before, .main-form .gform_wrapper div.validation_error::before {content: "\f100"; }
.alert-warning::before {content: "\f44c"; }

.alert.alert-icon-hidden {padding-left:15px;}
.alert.alert-icon-hidden::before {display: none;}

/*--- Icon ---*/
/*.ion, i[class*="ion"] {line-height: initial;}*/

/*--- Bootstrap Class ---*/
.text-left {text-align: left;}
.text-center {text-align: center;}
.text-right {text-align: right;}

.text-white {color: #fff;}
.text-orange {color: #f86f00;}
.text-blue {color: #322b78;}

/*--- Flex Class ---*/
.d-flex {display: -ms-flexbox; display: flex; }
.row.d-flex:before, .row.d-flex:after {display: none;}

.no-gutters {margin-left: 0px; margin-right: 0px;}
.no-gutters > .col, .no-gutters > [class*="col-"] {padding-right: 0; padding-left: 0; }

.flex-row {-ms-flex-direction: row; flex-direction: row; }
.flex-row-reverse {-ms-flex-direction: row-reverse; flex-direction: row-reverse; }

.flex-column {-ms-flex-direction: column; flex-direction: column; }
.flex-column-reverse {-ms-flex-direction: column-reverse; flex-direction: column-reverse; }

.flex-wrap {-ms-flex-wrap: wrap; flex-wrap: wrap; }
.flex-nowrap {-ms-flex-wrap: nowrap; flex-wrap: nowrap; }

.flex-fill {-ms-flex: 1 1 auto; flex: 1 1 auto; }

.justify-content-start {-ms-flex-pack: start; justify-content: flex-start; }
.justify-content-end {-ms-flex-pack: end; justify-content: flex-end; }
.justify-content-center {-ms-flex-pack: center; justify-content: center; }
.justify-content-between {-ms-flex-pack: justify; justify-content: space-between; }
.justify-content-around {-ms-flex-pack: distribute; justify-content: space-around; }

.align-items-start {-ms-flex-align: start; align-items: flex-start; }
.align-items-end {-ms-flex-align: end; align-items: flex-end; }
.align-items-center {-ms-flex-align: center; align-items: center; }
.align-items-baseline {-ms-flex-align: baseline; align-items: baseline; }
.align-items-stretch {-ms-flex-align: stretch; align-items: stretch; }

.align-self-start {-ms-flex-item-align: start; align-self: flex-start; }

.align-content-end {-ms-flex-line-pack: end; align-content: flex-end;}

.col {-ms-flex-preferred-size: 0; flex-basis: 0; -ms-flex-positive: 1; flex-grow: 1; max-width: 100%;}

/*--- Common CSS ---*/
.service-box, .button, .button.button-small:hover, .button.button-small:active, .contact-link, .search-form .search-input,
.main-form .gform_wrapper input:not([type="radio"]):not([type="checkbox"]):not([type="submit"]):not([type="button"]):not([type="image"]):not([type="file"]),
.main-form .gform_wrapper textarea, .main-form .gform_wrapper .top_label select, .contact-card {-webkit-box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.15);-moz-box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.15);box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.15);}
.service-box:hover, .button:hover,.topic-link:hover {-webkit-box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.24);-moz-box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.24);box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.24);}
.service-box:active, .button:active {-webkit-box-shadow: none;-moz-box-shadow: none;box-shadow: none;	}

/*--- Breadcrumb ---*/
.breadcrumb {padding: 0px; margin-bottom: 13px; background: transparent; font-size: 14px; }
.breadcrumb li, .breadcrumb li a {color: #322b78;}
.breadcrumb li {padding-right: 20px; position: relative;}
.breadcrumb > li + li::before {display: none;}
.breadcrumb > li i {position: absolute; top: 1px; width: 20px; text-align: center; right: 0px;}
.breadcrumb > li i::before {line-height: 28px;}

/*--- Modal ---*/
.modal-content {padding: 48px; width: 100%; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; }
.modal-dialog {margin: 0.5rem auto; width: 100%; -ms-flex: 0 0 805px; flex: 0 0 805px; max-width: 805px;}
.modal-dialog-centered {display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; min-height: calc(100% - (0.5rem * 2)); }

.modal-text {padding: 0px 0px 50px 30px; border-left: 1px solid #322b78;}
.modal-text .button.button-outline {margin-top: 16px;}
.modal-text h2 {margin-bottom: 15px;}
.modal-text p {font-size: 14px; line-height: 24px; color: #322b78;}

.modal-support .button {width: 100% !important; margin-right: 0px;}
.modal-support .main-form {padding-right: 30px; }

.close {position: absolute; top: 25px; right: 25px; opacity: 1; width: 14px; text-align: center; line-height: 14px; font-size: 28px; height: 14px; overflow: hidden;}
.close i::before {line-height: 14px;}

/*--- Form ---*/
.main-form {width: 100%; display: inline-block;}
.main-form h2 {margin-bottom: 15px;}
.main-form p {font-size: 14px; line-height: 24px; color: #322b78;}
.main-form .gform_footer br {display: none;}

.main-form .gform_wrapper {margin: 0px;float: left;width: 100%;}
.main-form .gform_wrapper form {float: left;width: 100%;}
.main-form .gform_wrapper .gform_body {float: left;width: 100%;}
.main-form .gform_wrapper ul.gform_fields {float: left;	width: 100%;}
body .main-form.new-form .gform_wrapper ul.gform_fields li.gfield {padding-left: 0;float: left;width: 100%;margin-top: 0px;margin-bottom: 17px !important;position: relative;padding-right: 0px;}
.main-form .gform_wrapper .gfield_html.gfield_no_follows_desc {margin-top: 0px; }
.main-form .gform_wrapper .gform_footer {padding: 0px;margin: 0px;float: left;width: 100%;}
.main-form .gform_wrapper .gform_footer img {width:auto !important;max-width:initial !important}

body .main-form .gform_wrapper ul li.gfield {margin-top: 0px; margin-bottom: 17px !important; position: relative;float: left;width: 100%;padding-right: 0;}
body .main-form .gform_wrapper .top_label div.ginput_container {margin-top: 0px;float: left;width: 100%;position: relative;}

.main-form .gform_wrapper input:not([type="radio"]):not([type="checkbox"]):not([type="submit"]):not([type="button"]):not([type="image"]):not([type="file"]), .main-form .gform_wrapper textarea, .main-form .gform_wrapper .top_label select {font-size: 16px; color: #322b78; font-family: inherit; padding: 0px 40px 0px 15px; letter-spacing: normal; border: 1px solid #d4d6dc; width: 100%; height: 48px; line-height: 46px; background-color: #fff;float: left;}
.main-form .gform_wrapper input:not([type="radio"]):not([type="checkbox"]):not([type="submit"]):not([type="button"]):not([type="image"]):not([type="file"]):focus, .main-form .gform_wrapper textarea:focus {border-color: #322b78;}
.main-form .gform_wrapper textarea {height: 180px; padding-top: 9px; padding-bottom: 9px; line-height: 28px; }
.main-form > p br {display: none;}

.main-form .gform_wrapper.gform_validation_error .gform_body ul li.gfield.gfield_error:not(.gf_left_half):not(.gf_right_half) {max-width: 100% !important; }
.main-form .gform_wrapper li.gfield.gfield_error, .main-form .gform_wrapper li.gfield.gfield_error.gfield_contains_required.gfield_creditcard_warning {background-color: transparent; border-top: none; border-bottom: none; padding-bottom: 0px; padding-top: 0px; box-sizing: border-box; }
.main-form .gform_wrapper .top_label .gfield_error {width: 100%; }
.main-form .gform_wrapper .field_description_below .gfield_description {padding-top: 0px; }
.main-form .gform_wrapper .description, .main-form .gform_wrapper .gfield_description, .main-form .gform_wrapper .gsection_description {padding: 0 0px 0 0; }
.main-form .gform_wrapper .validation_message {color: #c4122a; font-weight: normal; letter-spacing: normal; font-size: 14px; }
.main-form .gform_wrapper li.gfield_error input:not([type="radio"]):not([type="checkbox"]):not([type="submit"]):not([type="button"]):not([type="image"]):not([type="file"]), .gform_wrapper li.gfield_error textarea {border: 1px solid #c4122a; }
.main-form .gform_wrapper label.gfield_label, .main-form .gform_wrapper legend.gfield_label {font-size: 14px; float: left; width: 100%; margin-bottom: 5px; font-weight: bold; color: #322b78; position: relative;}
.main-form .gform_wrapper .gfield_required {color: #f86f00; margin-left: 0px; position: absolute; top: calc(100% + 19px); right: 15px; font-size: 22px; font-weight: normal; z-index: 1; }
.main-form .gform_wrapper .gfield_description {width: 100%; font-size: 13px; margin-top: 4px; }
.main-form .gform_wrapper .top_label select.medium {padding-right: 64px;width: 100%;}
.main-form .ginput_container_select::before {content: "\f3d0"; position: absolute; margin: 0px; line-height: 48px; right: 15px; top: 0px; height: 48px; left: initial; width: auto; }
.main-form .gform_wrapper.gform_validation_error .top_label select {width: 100% !important}
.main-form .gfield_contains_required .ginput_container_select::before {right: 40px;}
.main-form .gform_wrapper li.gfield.gfield_error.gfield_contains_required div.ginput_container, .main-form .gform_wrapper li.gfield.gfield_error.gfield_contains_required label.gfield_label {margin-top: 0px !important; }
.main-form .gform_wrapper .gf_invisible, .main-form .gform_wrapper .gfield_visibility_hidden {visibility: hidden; position: absolute !important; left: -9999px; }

/*--- Header ---*/
header {background: #322b78; -webkit-box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.15); -moz-box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.15); box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.15); padding: 12px 0px; }
header .title-area {display: inline-block; padding: 8px 30px 8px 0px; border-right: 1px solid #fff;}
header .header-text, header .header-link {font-size: 18px;  font-weight: 300; color: #fff; margin-left: 30px;}
header .title-area .custom-logo{max-height: 40px}
header .header-link {margin-left: auto; opacity: 0.7;}

/*--- Banner Section ---*/
.banner-section  {background: #EFEFEF none no-repeat scroll center center; background-size: contain; min-height: 540px; padding: 50px 0px 150px; z-index: 1; overflow: hidden; overflow: hidden;}
.banner-section picture {position: absolute; top: 0px; width: 100%; height: 100%; left: 0px; text-align: center; z-index: -1;  padding-top: 1px;}

.banner-small {padding: 50px 0px; min-height: 280px;}
.banner-small h1 {margin-bottom: 13px;}
.banner-small p {max-width: 480px; line-height: 28px; }
.banner-small {background-image: none;}

.banner-section .faq-icon {margin-top: 4px; display: inline-block; width: 100%;}
.banner-section .alert {position: absolute; top: 0px; left: 0px; width: 100%; border-radius: 0px; border-left:none; border-right:none;}
.banner-section .alert[href="javascript:void(0)"] {cursor: auto;}
.banner-data {width: 100%; -ms-flex: 0 0 480px; flex: 0 0 480px; max-width: 480px;}
.banner-data + .search-box {width: 100%; -ms-flex: 0 0 560px; flex: 0 0 560px; max-width: 560px; margin: 0px;}

.search-box {max-width: 560px; display: inline-block; width: 100%; margin: 23px 0px 14px; text-align: left; }

.banner-icon {position: absolute; top: 0px; right: 0px; height: calc(100% - 50px); width: 100%; text-align: right; padding: 5px 40px 0px; z-index: -1;}
.banner-icon img {height: 100%;}

.fade {-webkit-transition: opacity 0.4s linear;-moz-transition: opacity 0.4s linear;transition: opacity 0.4s linear;}

/*--- Service Section ---*/
.service-section {padding-bottom: 96px; background-color: #e6e6e6; position: relative; z-index: 1;}

.row-service {margin: -112px -12px -12px;}
.col-service {padding: 12px;}

.service-box {background-color: #fff; border: 1px solid transparent; display: inline-block; width: 100%; padding: 40px 15px 36px; height: 100%;}
.service-box .service-icon {display: inline-block; height: 46px; margin-bottom: 20px;}
.service-box .service-icon img {max-height: 100%;}
.service-box:active {border-color: rgba(151, 151, 151, 0.12); }
.service-box p {line-height: 24px;}
.service-box span {font-size: 14px; color: #322b78;}

.contact-link {font-size: 14px; padding: 10px 15px; border-radius: 48px; color: #322b78; margin-top: 84px; display: inline-block;background-color:#fff;}
.contact-link:hover {color: #322b78;}
.contact-link span, .contact-link a {display: inline-block; text-decoration: underline; color: #322b78;}
.contact-link i {font-size: 20px; color: #322b78; margin-right: 15px; margin-top: 4px;}

/*--- Tab Section ---*/
.tab-section {position: relative; padding: 92px 0px 96px; background-color: #fff;}

.tab-content h2 {color: #322b78; margin-bottom: 15px;}
.tab-data:not(:last-child) {margin-bottom: 35px; }
.tab-data ul li a {border-bottom: 1px solid #322b78; padding: 22px 25px 26px; display: inline-block; width: 100%;}
.tab-data ul li:last-child a {border-bottom: none;}
.tab-data ul li:hover {background-color:#e6e6e6;}
.tab-data ul li p {width: 100%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; margin-bottom: 7px;}

.tab-data .search-form {margin-bottom: 62px;}

.faq-icon span {font-size: 14px; color: #9b9b9b; display: inline-block; margin-right: 24px;}
.faq-icon span i {float: left; margin: 4px 7px 4px 0px; }

.icon {display: inline-block; height: 20px; width: 20px; background: transparent url(https://support.zetloket.nl/wp-content/uploads/2020/10/sprite.svg) no-repeat scroll 0 0;}

.icon-eye-outline {background-position: -23px 0; width: 24px;}
.icon-thumbsup-outline {background-position: 0 0;}
.icon-thumbsup-outline-orange {background-position: -47px 0px;}

.sidebar {position: absolute; width: 270px;}
.sidebar ul li {margin-bottom: 10px;}
.sidebar ul li a {font-size: 14px; color: #322b78;border-bottom: 1px solid transparent;}
.sidebar ul li.active a {border-bottom-color: #50e2d0;}

/*--- Content Section ---*/
.content-section {padding: 60px 0px 100px; }
.content-section .small-question {margin-bottom: 15px; display: inline-block; width: 100%; }
.content-section .text-editor {margin-bottom: 65px;}

.content-button .small-text {display: inline-block; margin-bottom: 22px; width:100%; text-align: center;}
.content-button .button {margin: 0px 8px; min-width: auto;}

.content-block {display: inline-block; width: 100%; background-color: #e6e6e6; padding: 42px 15px; margin-bottom: 22px;}
.content-block label {font-weight: normal;}
.success-block > p {font-size: 14px;}
.success-block p span {color: #322b78;}
.success-block p a {text-decoration: underline; color: #322b78;}
.success-block p i.ion-ios-help-outline {font-size: 20px; color: #322b78; margin-right: 15px; display: inline-block; position: relative; bottom: -3px; }

.content-section .text-editor p {font-size: 24px; line-height: 36px;  font-weight: 300; color: #322b78;}

/*--- Contact Section ---*/
.contact-section {padding: 100px 0px; background-color: #fff;}
.contact-section .contact-link {margin-top: 64px;}
.contact-section h2 {color: #322b78;}

.contact-form {display: inline-block; width: 100%; background-color: #e6e6e6; padding: 0px 80px 40px 80px; margin-top: 80px; }
.contact-form input[type="submit"] {width: 100% !important; margin-right: 0px !important; margin-bottom: 0px !important; }
.contact-form h4 {margin-bottom: 12px;}
body .contact-form .main-form .gform_wrapper ul li.gfield.middle-text {margin-bottom: 24px !important; margin-top: 7px !important; float: left; width: 100%;}

.contact-card {background: #fff; padding: 30px 15px; margin-bottom: 43px; margin-top: -80px; }
.contact-card li {width: 100%; -ms-flex: 0 0 33.333333%; flex: 0 0 33.333333%; max-width: 33.333333%; padding: 0px 15px; font-size: 14px;}
.contact-card li i {display: inline-block; margin-bottom: 16px;}
.contact-card li i img {max-height: 50px; }

.faq-list {counter-reset: list; margin-bottom: 60px; }
.faq-list h4::before {counter-increment: list; content: "#" counter(list); font-size: 24px;  font-weight: 300; min-width: 60px; }
.faq-list ul {margin-bottom: 40px;}
.faq-list ul li a {border-bottom: 1px solid rgba(212,214,220,0.65); padding: 39px 0px 38px; }
.faq-list ul li a .faq-icon {white-space:nowrap;}
.faq-list ul li a .faq-icon span {margin-right:0px; margin-left:24px; white-space:nowrap;}
.faq-list ul li a .faq-icon span i {float: none;}

/*--- Search Page ---*/
.search-form {position: relative;}
.search-form .ion-ios-search-strong {content: "\f4a4"; height: 58px; line-height: 58px; font-size: 22px; color: #9b9b9b; position: absolute; top: 0px; left: 20px }
.search-form .ion-ios-search-strong::before {line-height: inherit;}
.search-form br {display: none;}
.search-form .search-input {font-size: 18px;  font-weight: 300; color: #322b78; font-family: inherit; padding: 0px 94px 0px 55px; letter-spacing: normal; border: 1px solid transparent; width: 100%; height: 58px; line-height: 56px; background-color: #fff; }
.search-form .search-input:focus ~ .ion-ios-search-strong {color: #322b78;}

.search-form .button {position: absolute; top: 0px; bottom: 0px; right: 10px; margin: auto;}
.search-form .close {right: 103px; color: #9b9b9b; top: 0px; bottom: 0px; margin: auto; opacity: 0;}
.search-form.text .close {opacity: 1;}

.js-wpv-pagination-next-link {line-height: 46px !important; margin-top: 30px;}

/*--- Text Page ---*/
.text-section {padding: 94px 0px;background-color: #fafafa;}

.text-editor :first-child {margin-top: 0px;}
.text-editor :last-child {margin-bottom: 0px;}

.text-editor h1 {margin-bottom: 9px;}
.text-editor h2, .text-editor h3 {margin-bottom: 8px;}
.text-editor h4, .text-editor h5, .text-editor h6 {margin-bottom: 9px;}

.text-editor ul, .text-editor ol {margin-bottom: 19px; text-align: left;}

.text-editor ul li, .text-editor ol li {padding-left: 30px; margin-bottom: 9px; position: relative; }
.text-editor ul li::before {content: "\f120"; font-family: "Ionicons"; font-size: 16px; line-height: 28px; color: #322b78; position: absolute; left: 0; top: 0; }

.text-editor ol {counter-reset: ol; }
.text-editor ol li::before {counter-increment: ol; content: counter(ol) "."; position: absolute; left: 0px; top: 0px; color: #322b78;}

.text-editor iframe {width: 100%; height: 380px;}
.text-editor img {height: auto; width: 100%; }

/*--- Footer ---*/
footer {background-color: #322b78; padding: 36px 0px 77px;}
footer ul li:not(:last-child) {margin-bottom: 11px; }
footer ul li a {font-size: 14px; color: #fff;  font-weight: 300;}
footer ul li a:hover {color: rgba(255, 255, 255, 0.49);}
footer .widget {width: 100%; -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; padding: 0px 15px;}
footer .footer-logo {display: inline-block; width: 100%; margin-bottom: 16px;}
footer .footer-logo img {max-height: 40px;}
footer p {color: #fff; font-size: 14px;}

.entry-footer {display: none !important;}

/* How to overview page */
.new-simple-banner {float: left;width: 100%;padding: 101px 0 101px;background-color: #F0F1F5;}
.new-simple-banner .banner-content {float: left;width: 100%;max-width: 470px;}
.new-simple-banner .banner-content h1 {margin-bottom: 14px;}

.topic-main-part {float: left;width: 100%;padding: 95px 0;background-color: #fafafa;}
.how-to-list {float: left;width: 100%;}
.how-to-list > .row {display: flex;flex-wrap: wrap;}
.how-to-list > .row::after, .how-to-list > .row::before {display: none;}
.topic-col {margin-bottom: 30px;}
.topic-title {float: left;width: 100%;}
.topic-link {display: flex;width: 100%;background-color: #fff;border-radius: 4px;box-shadow: 0 0 8px rgba(0,0,0,0.08);padding: 35px 20px 37px;text-align: center;height: 100%;align-items: center;min-height: 199px;}
.topic-link h4 {line-height: 22px;margin-bottom: 7px;}
.topic-link h4:last-child {margin-bottom: 0;}
.topic-link p {font-size: 14px;line-height: normal;}
.topic-main-part .contact-link {margin-top: 30px;}

.text-editor blockquote {margin: 0 0 26px;padding-left: 38px;position: relative;}
.text-editor blockquote::before {content: "";position: absolute;left: 16px;top: 0;	bottom: 0;width: 1px;background-color: #322b78;}

/* Tabbed page */
.tab-main-part {float: left;width: 100%;padding: 90px 0 95px;background-color: #fafafa;}
.tab-title-part {float: left;width: 300px;padding-right: 30px;padding-top: 7px;}
.tab-content-part {float: left;width: calc(100% - 300px);}
.tablist {float: left;width: 100%;}
.tablist li {float: left;width: 100%;margin-bottom: 17px;}
.tablist li a {float: left;color: #322b78;font-size: 14px;line-height: normal;}
.tablist li.active a {color: #F86F00;}

/* tab form css */
.main-form.new-form {float: left;width: 100%;background-color: #F0F1F5;padding: 50px 80px;border-radius: 4px;}
.main-form.new-form .gform_wrapper ul.gform_fields li.gfield.gfield_html label {float: left;width: 100%;font-size: 14px;color: #322b78;font-weight: normal;margin-bottom: -2px;line-height: normal;}
.main-form.new-form .gform_wrapper .gform_footer input.button {width: 100%;font-size: 18px;}
.main-form.new-form .gform_wrapper .top_label li ul.gfield_radio {float: left;width: 100%;margin: 0;}
.main-form.new-form .gform_wrapper ul.gfield_radio li {float: left;width: 48%;margin-bottom: 0;overflow: visible;}
.main-form.new-form .gform_wrapper ul.gfield_radio li:nth-child(2n) {float: right;}
.main-form.new-form .gform_wrapper ul.gfield_radio li input[type="radio"] {opacity: 0;visibility: hidden;pointer-events: none;position: absolute;left: 0;}
.main-form.new-form .gform_wrapper ul.gfield_radio li label {float: left;width: 100%;margin: 0;font-weight: normal !important;background-color: #FFFFFF;border-radius: 4px;text-align: center;border: 1px solid #D4D6DC;height: 48px;line-height: 46px;color: #322b78;font-size: 17px;max-width: 100%;box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.06);}
.main-form.new-form .gform_wrapper ul.gfield_radio li input[type="radio"]:checked + label {background-color:#F86F00;border-color:#F86F00;color:#fff;}
.new-form.main-form .gform_wrapper .top_label .gfield_label {font-size: 0;margin-bottom: 0;}
body .new-form.main-form .gform_wrapper div.gform_body ul.gform_fields li.gfield.gfield_html {margin-bottom: 7px !important;}

.info-meta-table {float: left; width: 100%;text-align: left;}
.info-meta-table li {float: left; width: 100%; margin-bottom: 10px; text-align: left; background-color: #fff; box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.15); padding: 15px 25px 15px; border-radius: 5px; }
.info-meta-table li:last-child {margin-bottom: 0;}
.info-meta-table li br {display: none; }
.info-meta-table li label {float: left; font-size: 14px; color: #322b78;font-weight:normal; width: 100px;margin-top: 1px;}
.info-meta-table li h4 {font-size: 20px; width: calc(100% - 100px); float: right; }