html {
font-family: sans-serif;
-ms-text-size-adjust: 100%;
-webkit-text-size-adjust: 100%;
}
/* cookies section */
.cookie-section {
display: none;
width: 100%;
position: fixed;
z-index: 99999;
bottom: 40px;
padding-left: 15px;
padding-right: 15px;
}
.cookie-section .container {
display: flex;
}
.cookie-section .cookie-holder {
width: 100%;
padding: 20px 0;
background-color: #4c4c4c;
opacity: 0.95;
display: flex;
align-items: stretch;
}
.cookie-section .cookie-holder .text-holder {
width: calc(100% - 88px);
padding-right: 50px;
padding: 15px 20px;
display: flex;
flex-direction: column;
justify-content: center;
}
.cookie-section .cookie-holder .text-holder p {
font-size: 18px;
margin-bottom: 0;
color: #ffffff;
line-height: 1.6;
}
.cookie-section .cookie-holder .text-holder a {
color: #ffffff;
text-decoration: underline;
line-height: 1.6;
}
.cookie-section .cookie-holder .text-holder a:hover {
opacity: 0.7;
text-decoration: underline;
}
.cookie-section .cookie-holder .button-holder {
float: left;
text-align: center;
display: flex;
justify-content: flex-end;
padding-top: 0;
margin: 0;
}
.cookie-btn {
width: auto;
height: 75px;
border-radius: 20px;
display: flex;
align-self: center;
flex-direction: column;
justify-content: center;
color: #ffffff;
background: #f27023;
padding: 10px;
text-decoration: none;
-webkit-transition: all .25s;
-moz-transition: all .25s;
-o-transition: all .25s;
transition: all .25s;
}
.cookie-btn:hover {
opacity: .9;
color: #ffffff;
text-decoration: none;
-webkit-transition: all .25s;
-moz-transition: all .25s;
-o-transition: all .25s;
transition: all .25s;
}
.cookie-section.shown {
display: block;
}
/* end of cookies section */
body {
margin: 0;
}
a {
background-color: transparent;
}
a:active {
outline: 0;
}
a:hover {
outline: 0;
}
b,
strong {
font-weight: bold;
}
h1 {
font-size: 2em;
margin: 0.67em 0;
}
img {
border: 0;
}
svg:not(:root) {
overflow: hidden;
}
hr {
box-sizing: content-box;
height: 0;
}
button,
input,
select,
textarea {
color: inherit;
font: inherit;
margin: 0;
}
button {
overflow: visible;
}
button,
select {
text-transform: none;
}
input {
line-height: normal;
}
textarea {
overflow: auto;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
td,
th {
padding: 0;
}
html {
box-sizing: border-box;
}
*,
*::before,
*::after {
box-sizing: inherit;
}
@-moz-viewport {
width: device-width;
}
@-ms-viewport {
width: device-width;
}
@-o-viewport {
width: device-width;
}
@-webkit-viewport {
width: device-width;
}
@viewport {
width: device-width;
}
html {
font-size: 14px;
-webkit-tap-highlight-color: transparent;
}
body {
font-family: "Open Sans", sans-serif;
font-size: 1rem;
line-height: 1.5;
color: #4d4d4d;
background-color: #ffffff;
}
h1,
h2,
h3,
h4,
h5,
h6 {
margin-top: 0;
margin-bottom: .5rem;
}
p {
margin-top: 0;
margin-bottom: 1rem;
}
ol,
ul,
dl {
padding: 0;
margin-top: 0;
margin-bottom: 0;
}
ol {
list-style-position: inside;
}
ul {
list-style-type: none;
}
ol ol,
ul ul,
ol ul,
ul ol {
margin-bottom: 0;
}
a {
color: inherit;
text-decoration: none;
}
a:hover {
text-decoration: none;
}
img {
vertical-align: middle;
}
a,
area,
button,
input,
label,
select,
summary,
textarea {
touch-action: manipulation;
}
table {
background-color: transparent;
}
th {
text-align: left;
}
label {
display: inline-block;
margin-bottom: .5rem;
}
button:focus {
outline: 1px dotted;
outline: 5px auto -webkit-focus-ring-color;
}
input,
button,
select,
textarea {
margin: 0;
line-height: inherit;
border-radius: 0;
}
textarea {
resize: vertical;
}
@font-face {
font-family: 'handsomeregular';
src: url("../fonts/handsome-regular-webfont.ttf") format("ttf"), url("../fonts/handsome-regular-webfont.woff2") format("woff2"), url("../fonts/handsome-regular-webfont.woff") format("woff"), url("../fonts/handsome-regular-webfont.svg#handsomeregular") format("svg");
font-weight: normal;
font-style: normal;
}
h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
margin-bottom: 0.5rem;
font-family: inherit;
font-weight: 500;
line-height: 1.1;
color: inherit;
}
h1 {
font-size: 2.5rem;
}
h2 {
font-size: 2rem;
line-height: 2.4rem;
font-weight: 600;
margin-bottom: 20px;
}
h3 {
font-size: 1.75rem;
line-height: 2rem;
font-weight: 600;
margin-bottom: 20px;
}
h4 {
font-size: 1.5rem;
font-weight: 600;
}
h5 {
font-size: 1.25rem;
font-weight: 700;
}
h6 {
font-size: 1rem;
font-weight: 700;
margin-bottom: 15px;
}
p {
font-size: 1rem;
line-height: 1.25rem;
margin-bottom: 15px;
}
hr {
margin-top: 1rem;
margin-bottom: 1rem;
border: 0;
border-top: 1px solid rgba(0, 0, 0, 0.1);
}
small,
.small {
font-size: 80%;
font-weight: normal;
text-transform: uppercase;
}
.list-unstyled {
list-style-type: none;
}
.list-inline {
display: inline-block;
list-style-type: none;
}
.blockquote {
padding: 0.5rem 1rem;
margin-bottom: 1rem;
font-size: 1.25rem;
border-left: 0.25rem solid #eceeef;
}
.blockquote-footer {
display: block;
font-size: 80%;
line-height: 1.5;
color: #4d4d4d;
}
.blockquote-footer::before {
content: "\2014 \00A0";
}
@font-face {
font-family: 'icomoon';
src: url("../fonts/icomoon.eot?j1qema");
src: url("../fonts/icomoon.eot?j1qema#iefix") format("embedded-opentype"), url("../fonts/icomoon.ttf?j1qema") format("truetype"), url("../fonts/icomoon.woff?j1qema") format("woff"), url("../fonts/icomoon.svg?j1qema#icomoon") format("svg");
font-weight: normal;
font-style: normal;
}
[class^="icon-"],
[class*=" icon-"] {
/* use !important to prevent issues with browser extensions that change fonts */
font-family: 'icomoon' !important;
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
/* Better Font Rendering =========== */
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.icon-computer:before {
content: "\e910";
}
.icon-email:before {
content: "\e911";
}
.icon-left:before {
content: "\e90e";
}
.icon-right:before {
content: "\e90f";
}
.icon-mobile:before {
content: "\e912";
}
.icon-visa-electron:before {
content: "\e90c";
}
.icon-visa:before {
content: "\e90d";
}
.icon-password:before {
content: "\e90a";
}
.icon-user:before {
content: "\e90b";
}
.icon-google-plus:before {
content: "\e913";
}
.icon-twitter:before {
content: "\e914";
}
.icon-facebook:before {
content: "\e904";
}
.icon-instagram:before {
content: "\e905";
}
.icon-linkedin:before {
content: "\e906";
}
.icon-youtube:before {
content: "\e907";
}
.icon-arrow-up:before {
content: "\e908";
}
.icon-arrow-left:before {
content: "\e909";
}
.icon-arrow-down:before {
content: "\e903";
}
.icon-arrow-right:before {
content: "\e902";
}
.icon-next:before {
content: "\e900";
}
.icon-prev:before {
content: "\e901";
}
body {
color: #4d4d4d;
}
::selection {
background: #ff7e00;
color: #ffffff;
}
::-moz-selection {
background: #ff7e00;
color: #ffffff;
}
button {
padding: 0;
}
input:focus,
button:focus {
outline: 0;
}
.no-padding {
padding-left: 0 !important;
padding-right: 0 !important;
}
.gradient,
.date-block,
.round-link,
.apply-link a,
.download_link_orange,
.btn-full,
.btn-up,
.btn-line,
.header.header-orange .header-inner,
.search-form,
.language,
.menu li,
.nav-trigger span,
.nav-trigger span::after,
.nav-trigger span::before,
.label-item,
.caption a,
.bar,
.calc-form a.active,
.calc-title,
.news-list h4:after,
.news-list h4:before,
.container-orange .card-list li:after,
.container-white .card-list li,
.tab-1.tab-full-gradient .tab-header ul li:after,
.tab-1.tab-full-gradient .tab-content,
.tab-1.tab-header-gradient .tab-header,
.tab-1.tab-full-white .tab-header,
.tab-2.tab-orange,
.tab-3.tab-line-gradient .tab-header ul li,
.tab-list .tab-list-header li .tab-list-img,
.tab-list-2.tab-full-gradient .tab-list-header li .tab-list-img,
.container-orange .tab-content-list ul li strong,
.container-white .tab-content-list ul li strong,
.section.section-orange,
.section-orange.banking-section,
.banking-section,
.management-block a,
.junior-block a,
.reports-header ul li,
.reports-section,
.csr,
.ebanking-form button,
.form button,
.ui-widget-header,
.ui-state-hover,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-hover,
.ui-state-focus,
.ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus,
.ui-button:hover,
.ui-button:focus,
.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active,
a.ui-button:active,
.ui-button:active,
.ui-button.ui-state-active:hover,
.rangeslider__fill {
background: #ff7e00;
background: -moz-linear-gradient(left, #ff7e00 0%, #f63b00 100%);
background: -webkit-linear-gradient(left, #ff7e00 0%, #f63b00 100%);
background: linear-gradient(to right, #ff7e00 0%, #f63b00 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff7e00', endColorstr='#f63b00', GradientType=1);
/* IE6-9 */
}
.gradient-black,
.block-container.block-container-black,
.download_link,
.bar-black .bar,
.container-black .card-list li,
.tab-1.tab-black .tab-header,
.tab-2.tab-black,
.tab-3.tab-line-gradient-black .tab-header ul li,
.container-black .tab-list .tab-list-header li .tab-list-img,
.tab-list-2.tab-full-gradient-black .tab-list-header li .tab-list-img,
.container-black .tab-content-list ul li strong {
background: #817970;
background: -moz-linear-gradient(left, #817970 0%, #4d4d4d 100%);
background: -webkit-linear-gradient(left, #817970 0%, #4d4d4d 100%);
background: linear-gradient(to right, #817970 0%, #4d4d4d 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#817970', endColorstr='#4d4d4d', GradientType=1);
/* IE6-9 */
}
.gradient-transparent,
.box-gradient>div:after {
background: #ff7e00;
background: -moz-linear-gradient(left, #ff7e00 0%, rgba(255, 255, 255, 0) 75%);
/* FF3.6-15 */
background: -webkit-linear-gradient(left, #ff7e00 0%, rgba(255, 255, 255, 0) 75%);
/* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right, #ff7e00 0%, rgba(255, 255, 255, 0) 75%);
/* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff7e00', endColorstr='#00ffffff', GradientType=1);
/* IE6-9 */
}
.img-wrapper {
position: relative;
width: 100%;
height: 250px;
}
.img-wrapper img {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 1;
object-fit: cover;
object-position: center center;
}
.date {
width: 100%;
font-weight: 300;
color: #f27023;
font-size: 1rem;
margin-bottom: 15px;
}
.date-block {
position: relative;
display: inline-block;
text-align: left;
padding: 5px 15px;
border-radius: 14px;
position: absolute;
bottom: -10px;
left: 2px;
z-index: 2;
font-size: 0.7142857142857143rem;
color: #4d4d4d;
font-size: 0.8571428571428571rem;
font-weight: 500;
}
.date-block:after {
content: "";
position: absolute;
top: 1px;
left: 1px;
width: calc(100% - 2px);
height: calc(100% - 2px);
background: #ffffff;
z-index: 1;
border-radius: 14px;
-webkit-transition: opacity 0.5s;
-moz-transition: opacity 0.5s;
-ms-transition: opacity 0.5s;
-o-transition: opacity 0.5s;
transition: opacity 0.5s;
}
.date-block a,
.date-block span {
display: block;
position: relative;
z-index: 2;
color: #4d4d4d;
-webkit-transition: color 0.5s;
-moz-transition: color 0.5s;
-ms-transition: color 0.5s;
-o-transition: color 0.5s;
transition: color 0.5s;
}
.date-block.active a,
.date-block.active span {
color: #ffffff;
}
.date-block.active:after {
opacity: 0;
}
.round-link {
position: relative;
display: inline-block;
text-align: center;
padding: 0 0;
border-radius: 50%;
position: absolute;
z-index: 2;
bottom: -10px;
right: 2px;
width: 28px;
height: 28px;
color: #ffffff;
font-size: 1.5rem;
}
.round-link:after {
content: "";
position: absolute;
top: 1px;
left: 1px;
width: calc(100% - 2px);
height: calc(100% - 2px);
background: #ffffff;
z-index: 1;
opacity: 0;
border-radius: 50%;
-webkit-transition: opacity 0.5s;
-moz-transition: opacity 0.5s;
-ms-transition: opacity 0.5s;
-o-transition: opacity 0.5s;
transition: opacity 0.5s;
}
.round-link a,
.round-link span {
display: block;
position: relative;
z-index: 2;
color: #ffffff;
-webkit-transition: color 0.5s;
-moz-transition: color 0.5s;
-ms-transition: color 0.5s;
-o-transition: color 0.5s;
transition: color 0.5s;
}
.round-link.active a,
.round-link.active span,
.round-link.active-item a,
.round-link.active-item span {
color: #4d4d4d;
}
.round-link.active:after,
.round-link.active-item:after {
opacity: 1;
}
.round-link span {
position: relative;
top: 3px;
left: 1px;
}
.badge {
position: relative;
text-align: center;
border: 1px solid #ffffff;
padding: 2px 8px;
margin-left: 5px;
border-radius: 50%;
}
@media (min-width: 992px) {
.col {
-webkit-column-count: 2;
-moz-column-count: 2;
column-count: 2;
}
}
.block-container {
position: relative;
width: 100%;
float: left;
}
.block-container .block,
.block-container .bank-block,
.block-container .reports-block,
.block-container .bidding-block,
.block-container .properties-block,
.block-container .employment-block,
.block-container .junior-block,
.block-container .contact-block {
z-index: 2;
}
.block-container.block-container-black {
padding: 15px 0;
color: #ffffff;
}
.block-container.block-container-black .tab-2 {
padding-left: 0;
padding-right: 0;
padding-top: 0;
}
@media (min-width: 992px) {
.block-container.block-container-black {
padding: 40px;
}
.block-container.block-container-black .tab-2 {
padding-left: 15px;
padding-right: 15px;
padding-top: 40px;
}
}
.orange {
color: #f27023;
}
.seperator {
float: left;
width: calc(100% - 30px);
height: 1px;
margin-left: 15px;
background: #231f20;
}
.container-content {
position: relative;
z-index: 1;
}
.password_forget {
font-weight: 700;
}
.bg {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 1;
object-fit: cover;
object-position: center center;
}
@media (min-width: 992px) {
.video {
position: relative;
}
.video:after {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 2;
}
}
.cards-text p {
font-size: 0.92rem;
line-height: 1.25rem;
}
.search-results {
margin: 150px 0;
float: left;
width: 100%;
}
.search-results .search-list {
float: left;
width: 100%;
margin-top: 30px;
}
.search-results .search-list>li {
float: left;
width: 100%;
margin-bottom: 40px;
padding-bottom: 20px;
border-bottom: 2px solid #f63b00;
}
.search-results .search-list>li h4 {
font-size: 1.4rem;
font-weight: 700;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
-ms-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
.search-results .search-list>li p {
font-size: 0.9rem;
margin-bottom: 0;
}
.search-results .search-list>li ul li {
padding-left: 15px;
position: relative;
font-size: 0.9rem;
}
.search-results .search-list>li ul li:after {
content: "-";
position: absolute;
top: 0;
left: 0;
}
.search-results .search-list>li:hover h4 {
color: #f63b00;
}
.content-above {
margin-top: -100px;
height: 100px;
display: block;
float: left;
width: 100%;
z-index: -1;
position: relative;
pointer-events: none;
}
.form-wrapper {
float: left;
width: 100%;
}
.form-wrapper.form-wrapper-2 {
margin-top: 20px;
padding-top: 40px;
position: relative;
}
.form-wrapper.form-wrapper-2:after {
content: "";
position: absolute;
top: 0;
left: 15px;
width: calc(100% - 30px);
height: 1px;
background: rgba(0, 0, 0, 0.2);
}
.viewing p {
float: left;
margin-right: 10px;
position: relative;
top: 3px;
}
.object-fit {
background-size: cover;
background-position: center center;
}
.object-fit>img {
opacity: 0;
}
.apply-link a {
position: relative;
display: inline-block;
text-align: center;
padding: 4px 20px;
border-radius: 16px;
color: #ffffff;
}
.apply-link a:after {
content: "";
position: absolute;
top: 1px;
left: 1px;
width: calc(100% - 2px);
height: calc(100% - 2px);
background: #ffffff;
z-index: 1;
opacity: 0;
border-radius: 16px;
-webkit-transition: opacity 0.5s;
-moz-transition: opacity 0.5s;
-ms-transition: opacity 0.5s;
-o-transition: opacity 0.5s;
transition: opacity 0.5s;
}
.apply-link a a,
.apply-link a span {
display: block;
position: relative;
z-index: 2;
color: #ffffff;
-webkit-transition: color 0.5s;
-moz-transition: color 0.5s;
-ms-transition: color 0.5s;
-o-transition: color 0.5s;
transition: color 0.5s;
}
.apply-link a.active a,
.apply-link a.active span,
.apply-link a.active-item a,
.apply-link a.active-item span {
color: #4d4d4d;
}
.apply-link a.active:after,
.apply-link a.active-item:after {
opacity: 1;
}
.apply-link a:hover a,
.apply-link a:hover span {
color: #4d4d4d;
}
.apply-link a:hover:after {
opacity: 1;
}
.apply-link a:hover {
color: #4d4d4d !important;
}
@media (min-width: 992px) {
.col-three {
-webkit-column-count: 3 !important;
-moz-column-count: 3 !important;
column-count: 3 !important;
}
}
.slogan-title {
z-index: 2;
position: relative;
width: 100%;
text-align: center;
font-size: 2.5rem !important;
float: left;
font-family: "handsomeregular";
}
@media (min-width: 768px) {
.slogan-title {
font-size: 3rem !important;
}
}
@media (min-width: 992px) {
.slogan-title {
position: absolute;
bottom: 350px;
left: 50%;
font-size: 4.5rem !important;
-webkit-transform: translate(-50%, 0);
-moz-transform: translate(-50%, 0);
-ms-transform: translate(-50%, 0);
-o-transform: translate(-50%, 0);
transform: translate(-50%, 0);
}
}
.g-recaptcha {
width: 100%;
margin-bottom: 20px;
}
.g-recaptcha>div {
margin: 0 auto;
}
.download_link,
.download_link_orange {
margin: 0 10px;
display: inline-block;
}
.download_link a,
.download_link_orange a {
padding-left: 20px;
padding-right: 20px;
}
.download_link {
position: relative;
display: inline-block;
text-align: center;
padding: 6px 20px;
border-radius: 16px;
margin-bottom: 10px;
}
.download_link:after {
content: "";
position: absolute;
top: 1px;
left: 1px;
width: calc(100% - 2px);
height: calc(100% - 2px);
background: #ffffff;
z-index: 1;
border-radius: 16px;
-webkit-transition: opacity 0.5s;
-moz-transition: opacity 0.5s;
-ms-transition: opacity 0.5s;
-o-transition: opacity 0.5s;
transition: opacity 0.5s;
}
.download_link a,
.download_link span {
display: block;
position: relative;
z-index: 2;
color: #4d4d4d;
-webkit-transition: color 0.5s;
-moz-transition: color 0.5s;
-ms-transition: color 0.5s;
-o-transition: color 0.5s;
transition: color 0.5s;
}
.download_link.active a,
.download_link.active span {
color: #ffffff;
}
.download_link.active:after {
opacity: 0;
}
.download_link:hover a,
.download_link:hover span {
color: #ffffff;
}
.download_link:hover:after {
opacity: 0;
}
.download_link_orange {
position: relative;
display: inline-block;
text-align: center;
padding: 6px 20px;
border-radius: 16px;
}
.download_link_orange:after {
content: "";
position: absolute;
top: 1px;
left: 1px;
width: calc(100% - 2px);
height: calc(100% - 2px);
background: #ffffff;
z-index: 1;
border-radius: 16px;
-webkit-transition: opacity 0.5s;
-moz-transition: opacity 0.5s;
-ms-transition: opacity 0.5s;
-o-transition: opacity 0.5s;
transition: opacity 0.5s;
}
.download_link_orange a,
.download_link_orange span {
display: block;
position: relative;
z-index: 2;
color: #4d4d4d;
-webkit-transition: color 0.5s;
-moz-transition: color 0.5s;
-ms-transition: color 0.5s;
-o-transition: color 0.5s;
transition: color 0.5s;
}
.download_link_orange.active a,
.download_link_orange.active span {
color: #ffffff;
}
.download_link_orange.active:after {
opacity: 0;
}
.download_link_orange:hover a,
.download_link_orange:hover span {
color: #ffffff;
}
.download_link_orange:hover:after {
opacity: 0;
}
.download_link_item,
.download_link_item_orange {
display: block;
}
.download_link_item h3,
.download_link_item_orange h3 {
font-weight: 300;
padding-top: 15px;
padding-bottom: 15px;
padding-right: 35px;
border: 1px solid #4d4d4d;
margin-bottom: 8px;
font-size: 1.1rem;
line-height: 1.5rem;
cursor: pointer;
}
.download_link_item h3 span,
.download_link_item_orange h3 span {
position: absolute;
top: 50%;
right: 15px;
-webkit-transform: translate(0, -50%);
-moz-transform: translate(0, -50%);
-ms-transform: translate(0, -50%);
-o-transform: translate(0, -50%);
transform: translate(0, -50%);
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
-ms-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
@media (min-width: 992px) {
.download_link_item,
.download_link_item_orange {
display: none;
}
}
.download_link_item {
color: #4d4d4d !important;
}
.download_link_item h3 {
font-weight: 300 !important;
color: #4d4d4d !important;
}
.download_link_item h3 span {
color: #4d4d4d !important;
}
.download_link_item_orange {
color: #f27023 !important;
}
.download_link_item_orange h3 {
color: #f27023 !important;
}
.download_link_item_orange h3 span {
color: #f27023 !important;
}
.clearfix::after {
content: "";
display: table;
clear: both;
}
.center-block {
display: block;
margin-left: auto;
margin-right: auto;
}
.pull-xs-left {
float: left !important;
}
.pull-xs-right {
float: right !important;
}
.pull-xs-none {
float: none !important;
}
@media (min-width: 544px) {
.pull-sm-left {
float: left !important;
}
.pull-sm-right {
float: right !important;
}
.pull-sm-none {
float: none !important;
}
}
@media (min-width: 768px) {
.pull-md-left {
float: left !important;
}
.pull-md-right {
float: right !important;
}
.pull-md-none {
float: none !important;
}
}
@media (min-width: 992px) {
.pull-lg-left {
float: left !important;
}
.pull-lg-right {
float: right !important;
}
.pull-lg-none {
float: none !important;
}
}
@media (min-width: 1200px) {
.pull-xl-left {
float: left !important;
}
.pull-xl-right {
float: right !important;
}
.pull-xl-none {
float: none !important;
}
}
.center-inner {
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
.invisible {
visibility: hidden !important;
}
.text-hide {
font: "0/0"a;
color: transparent;
text-shadow: none;
background-color: transparent;
border: 0;
}
.text-justify {
text-align: justify !important;
}
.text-nowrap {
white-space: nowrap !important;
}
.text-truncate {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.text-xs-left {
text-align: left !important;
}
.text-xs-right {
text-align: right !important;
}
.text-xs-center {
text-align: center !important;
}
@media (min-width: 544px) {
.text-sm-left {
text-align: left !important;
}
.text-sm-right {
text-align: right !important;
}
.text-sm-center {
text-align: center !important;
}
}
@media (min-width: 768px) {
.text-md-left {
text-align: left !important;
}
.text-md-right {
text-align: right !important;
}
.text-md-center {
text-align: center !important;
}
}
@media (min-width: 992px) {
.text-lg-left {
text-align: left !important;
}
.text-lg-right {
text-align: right !important;
}
.text-lg-center {
text-align: center !important;
}
}
@media (min-width: 1200px) {
.text-xl-left {
text-align: left !important;
}
.text-xl-right {
text-align: right !important;
}
.text-xl-center {
text-align: center !important;
}
}
.text-center {
text-align: center !important;
}
.text-lowercase {
text-transform: lowercase !important;
}
.text-uppercase {
text-transform: uppercase !important;
}
.text-capitalize {
text-transform: capitalize !important;
}
.font-weight-normal {
font-weight: normal;
}
.font-weight-bold {
font-weight: bold;
}
.font-italic {
font-style: italic;
}
.text-muted {
color: #4d4d4d;
}
.container {
margin-left: auto;
margin-right: auto;
padding-left: 0.9375rem;
padding-right: 0.9375rem;
}
.container::after {
content: "";
display: table;
clear: both;
}
@media (min-width: 544px) {
.container {
max-width: 576px;
}
}
@media (min-width: 768px) {
.container {
max-width: 720px;
}
}
@media (min-width: 992px) {
.container {
max-width: 940px;
}
}
@media (min-width: 1200px) {
.container {
max-width: 1170px;
}
}
.container-fluid {
margin-left: auto;
margin-right: auto;
padding-left: 0.9375rem;
padding-right: 0.9375rem;
}
.container-fluid::after {
content: "";
display: table;
clear: both;
}
.row {
margin-left: -0.9375rem;
margin-right: -0.9375rem;
}
.row::after {
content: "";
display: table;
clear: both;
}
.col-xs-1,
.col-xs-2,
.col-xs-3,
.col-xs-4,
.col-xs-5,
.col-xs-6,
.col-xs-7,
.col-xs-8,
.col-xs-9,
.col-xs-10,
.col-xs-11,
.col-xs-12,
.col-sm-1,
.col-sm-2,
.col-sm-3,
.col-sm-4,
.col-sm-5,
.col-sm-6,
.col-sm-7,
.col-sm-8,
.col-sm-9,
.col-sm-10,
.col-sm-11,
.col-sm-12,
.col-md-1,
.col-md-2,
.col-md-3,
.col-md-4,
.col-md-5,
.col-md-6,
.col-md-7,
.col-md-8,
.col-md-9,
.col-md-10,
.col-md-11,
.col-md-12,
.col-lg-1,
.col-lg-2,
.col-lg-3,
.col-lg-4,
.col-lg-5,
.col-lg-6,
.col-lg-7,
.col-lg-8,
.col-lg-9,
.col-lg-10,
.col-lg-11,
.col-lg-12,
.col-xl-1,
.col-xl-2,
.col-xl-3,
.col-xl-4,
.col-xl-5,
.col-xl-6,
.col-xl-7,
.col-xl-8,
.col-xl-9,
.col-xl-10,
.col-xl-11,
.col-xl-12 {
position: relative;
min-height: 1px;
padding-left: 0.9375rem;
padding-right: 0.9375rem;
}
.col-xs-1,
.col-xs-2,
.col-xs-3,
.col-xs-4,
.col-xs-5,
.col-xs-6,
.col-xs-7,
.col-xs-8,
.col-xs-9,
.col-xs-10,
.col-xs-11,
.col-xs-12 {
float: left;
}
.col-xs-1 {
width: 8.33333%;
}
.col-xs-2 {
width: 16.66667%;
}
.col-xs-3 {
width: 25%;
}
.col-xs-4 {
width: 33.33333%;
}
.col-xs-5 {
width: 41.66667%;
}
.col-xs-6 {
width: 50%;
}
.col-xs-7 {
width: 58.33333%;
}
.col-xs-8 {
width: 66.66667%;
}
.col-xs-9 {
width: 75%;
}
.col-xs-10 {
width: 83.33333%;
}
.col-xs-11 {
width: 91.66667%;
}
.col-xs-12 {
width: 100%;
}
.col-xs-pull-0 {
right: auto;
}
.col-xs-pull-1 {
right: 8.33333%;
}
.col-xs-pull-2 {
right: 16.66667%;
}
.col-xs-pull-3 {
right: 25%;
}
.col-xs-pull-4 {
right: 33.33333%;
}
.col-xs-pull-5 {
right: 41.66667%;
}
.col-xs-pull-6 {
right: 50%;
}
.col-xs-pull-7 {
right: 58.33333%;
}
.col-xs-pull-8 {
right: 66.66667%;
}
.col-xs-pull-9 {
right: 75%;
}
.col-xs-pull-10 {
right: 83.33333%;
}
.col-xs-pull-11 {
right: 91.66667%;
}
.col-xs-pull-12 {
right: 100%;
}
.col-xs-push-0 {
left: auto;
}
.col-xs-push-1 {
left: 8.33333%;
}
.col-xs-push-2 {
left: 16.66667%;
}
.col-xs-push-3 {
left: 25%;
}
.col-xs-push-4 {
left: 33.33333%;
}
.col-xs-push-5 {
left: 41.66667%;
}
.col-xs-push-6 {
left: 50%;
}
.col-xs-push-7 {
left: 58.33333%;
}
.col-xs-push-8 {
left: 66.66667%;
}
.col-xs-push-9 {
left: 75%;
}
.col-xs-push-10 {
left: 83.33333%;
}
.col-xs-push-11 {
left: 91.66667%;
}
.col-xs-push-12 {
left: 100%;
}
.col-xs-offset-0 {
margin-left: 0%;
}
.col-xs-offset-1 {
margin-left: 8.33333%;
}
.col-xs-offset-2 {
margin-left: 16.66667%;
}
.col-xs-offset-3 {
margin-left: 25%;
}
.col-xs-offset-4 {
margin-left: 33.33333%;
}
.col-xs-offset-5 {
margin-left: 41.66667%;
}
.col-xs-offset-6 {
margin-left: 50%;
}
.col-xs-offset-7 {
margin-left: 58.33333%;
}
.col-xs-offset-8 {
margin-left: 66.66667%;
}
.col-xs-offset-9 {
margin-left: 75%;
}
.col-xs-offset-10 {
margin-left: 83.33333%;
}
.col-xs-offset-11 {
margin-left: 91.66667%;
}
.col-xs-offset-12 {
margin-left: 100%;
}
@media (min-width: 544px) {
.col-sm-1,
.col-sm-2,
.col-sm-3,
.col-sm-4,
.col-sm-5,
.col-sm-6,
.col-sm-7,
.col-sm-8,
.col-sm-9,
.col-sm-10,
.col-sm-11,
.col-sm-12 {
float: left;
}
.col-sm-1 {
width: 8.33333%;
}
.col-sm-2 {
width: 16.66667%;
}
.col-sm-3 {
width: 25%;
}
.col-sm-4 {
width: 33.33333%;
}
.col-sm-5 {
width: 41.66667%;
}
.col-sm-6 {
width: 50%;
}
.col-sm-7 {
width: 58.33333%;
}
.col-sm-8 {
width: 66.66667%;
}
.col-sm-9 {
width: 75%;
}
.col-sm-10 {
width: 83.33333%;
}
.col-sm-11 {
width: 91.66667%;
}
.col-sm-12 {
width: 100%;
}
.col-sm-pull-0 {
right: auto;
}
.col-sm-pull-1 {
right: 8.33333%;
}
.col-sm-pull-2 {
right: 16.66667%;
}
.col-sm-pull-3 {
right: 25%;
}
.col-sm-pull-4 {
right: 33.33333%;
}
.col-sm-pull-5 {
right: 41.66667%;
}
.col-sm-pull-6 {
right: 50%;
}
.col-sm-pull-7 {
right: 58.33333%;
}
.col-sm-pull-8 {
right: 66.66667%;
}
.col-sm-pull-9 {
right: 75%;
}
.col-sm-pull-10 {
right: 83.33333%;
}
.col-sm-pull-11 {
right: 91.66667%;
}
.col-sm-pull-12 {
right: 100%;
}
.col-sm-push-0 {
left: auto;
}
.col-sm-push-1 {
left: 8.33333%;
}
.col-sm-push-2 {
left: 16.66667%;
}
.col-sm-push-3 {
left: 25%;
}
.col-sm-push-4 {
left: 33.33333%;
}
.col-sm-push-5 {
left: 41.66667%;
}
.col-sm-push-6 {
left: 50%;
}
.col-sm-push-7 {
left: 58.33333%;
}
.col-sm-push-8 {
left: 66.66667%;
}
.col-sm-push-9 {
left: 75%;
}
.col-sm-push-10 {
left: 83.33333%;
}
.col-sm-push-11 {
left: 91.66667%;
}
.col-sm-push-12 {
left: 100%;
}
.col-sm-offset-0 {
margin-left: 0%;
}
.col-sm-offset-1 {
margin-left: 8.33333%;
}
.col-sm-offset-2 {
margin-left: 16.66667%;
}
.col-sm-offset-3 {
margin-left: 25%;
}
.col-sm-offset-4 {
margin-left: 33.33333%;
}
.col-sm-offset-5 {
margin-left: 41.66667%;
}
.col-sm-offset-6 {
margin-left: 50%;
}
.col-sm-offset-7 {
margin-left: 58.33333%;
}
.col-sm-offset-8 {
margin-left: 66.66667%;
}
.col-sm-offset-9 {
margin-left: 75%;
}
.col-sm-offset-10 {
margin-left: 83.33333%;
}
.col-sm-offset-11 {
margin-left: 91.66667%;
}
.col-sm-offset-12 {
margin-left: 100%;
}
}
@media (min-width: 768px) {
.col-md-1,
.col-md-2,
.col-md-3,
.col-md-4,
.col-md-5,
.col-md-6,
.col-md-7,
.col-md-8,
.col-md-9,
.col-md-10,
.col-md-11,
.col-md-12 {
float: left;
}
.col-md-1 {
width: 8.33333%;
}
.col-md-2 {
width: 16.66667%;
}
.col-md-3 {
width: 25%;
}
.col-md-4 {
width: 33.33333%;
}
.col-md-5 {
width: 41.66667%;
}
.col-md-6 {
width: 50%;
}
.col-md-7 {
width: 58.33333%;
}
.col-md-8 {
width: 66.66667%;
}
.col-md-9 {
width: 75%;
}
.col-md-10 {
width: 83.33333%;
}
.col-md-11 {
width: 91.66667%;
}
.col-md-12 {
width: 100%;
}
.col-md-pull-0 {
right: auto;
}
.col-md-pull-1 {
right: 8.33333%;
}
.col-md-pull-2 {
right: 16.66667%;
}
.col-md-pull-3 {
right: 25%;
}
.col-md-pull-4 {
right: 33.33333%;
}
.col-md-pull-5 {
right: 41.66667%;
}
.col-md-pull-6 {
right: 50%;
}
.col-md-pull-7 {
right: 58.33333%;
}
.col-md-pull-8 {
right: 66.66667%;
}
.col-md-pull-9 {
right: 75%;
}
.col-md-pull-10 {
right: 83.33333%;
}
.col-md-pull-11 {
right: 91.66667%;
}
.col-md-pull-12 {
right: 100%;
}
.col-md-push-0 {
left: auto;
}
.col-md-push-1 {
left: 8.33333%;
}
.col-md-push-2 {
left: 16.66667%;
}
.col-md-push-3 {
left: 25%;
}
.col-md-push-4 {
left: 33.33333%;
}
.col-md-push-5 {
left: 41.66667%;
}
.col-md-push-6 {
left: 50%;
}
.col-md-push-7 {
left: 58.33333%;
}
.col-md-push-8 {
left: 66.66667%;
}
.col-md-push-9 {
left: 75%;
}
.col-md-push-10 {
left: 83.33333%;
}
.col-md-push-11 {
left: 91.66667%;
}
.col-md-push-12 {
left: 100%;
}
.col-md-offset-0 {
margin-left: 0%;
}
.col-md-offset-1 {
margin-left: 8.33333%;
}
.col-md-offset-2 {
margin-left: 16.66667%;
}
.col-md-offset-3 {
margin-left: 25%;
}
.col-md-offset-4 {
margin-left: 33.33333%;
}
.col-md-offset-5 {
margin-left: 41.66667%;
}
.col-md-offset-6 {
margin-left: 50%;
}
.col-md-offset-7 {
margin-left: 58.33333%;
}
.col-md-offset-8 {
margin-left: 66.66667%;
}
.col-md-offset-9 {
margin-left: 75%;
}
.col-md-offset-10 {
margin-left: 83.33333%;
}
.col-md-offset-11 {
margin-left: 91.66667%;
}
.col-md-offset-12 {
margin-left: 100%;
}
}
@media (min-width: 992px) {
.col-lg-1,
.col-lg-2,
.col-lg-3,
.col-lg-4,
.col-lg-5,
.col-lg-6,
.col-lg-7,
.col-lg-8,
.col-lg-9,
.col-lg-10,
.col-lg-11,
.col-lg-12 {
float: left;
}
.col-lg-1 {
width: 8.33333%;
}
.col-lg-2 {
width: 16.66667%;
}
.col-lg-3 {
width: 25%;
}
.col-lg-4 {
width: 33.33333%;
}
.col-lg-5 {
width: 41.66667%;
}
.col-lg-6 {
width: 50%;
}
.col-lg-7 {
width: 58.33333%;
}
.col-lg-8 {
width: 66.66667%;
}
.col-lg-9 {
width: 75%;
}
.col-lg-10 {
width: 83.33333%;
}
.col-lg-11 {
width: 91.66667%;
}
.col-lg-12 {
width: 100%;
}
.col-lg-pull-0 {
right: auto;
}
.col-lg-pull-1 {
right: 8.33333%;
}
.col-lg-pull-2 {
right: 16.66667%;
}
.col-lg-pull-3 {
right: 25%;
}
.col-lg-pull-4 {
right: 33.33333%;
}
.col-lg-pull-5 {
right: 41.66667%;
}
.col-lg-pull-6 {
right: 50%;
}
.col-lg-pull-7 {
right: 58.33333%;
}
.col-lg-pull-8 {
right: 66.66667%;
}
.col-lg-pull-9 {
right: 75%;
}
.col-lg-pull-10 {
right: 83.33333%;
}
.col-lg-pull-11 {
right: 91.66667%;
}
.col-lg-pull-12 {
right: 100%;
}
.col-lg-push-0 {
left: auto;
}
.col-lg-push-1 {
left: 8.33333%;
}
.col-lg-push-2 {
left: 16.66667%;
}
.col-lg-push-3 {
left: 25%;
}
.col-lg-push-4 {
left: 33.33333%;
}
.col-lg-push-5 {
left: 41.66667%;
}
.col-lg-push-6 {
left: 50%;
}
.col-lg-push-7 {
left: 58.33333%;
}
.col-lg-push-8 {
left: 66.66667%;
}
.col-lg-push-9 {
left: 75%;
}
.col-lg-push-10 {
left: 83.33333%;
}
.col-lg-push-11 {
left: 91.66667%;
}
.col-lg-push-12 {
left: 100%;
}
.col-lg-offset-0 {
margin-left: 0%;
}
.col-lg-offset-1 {
margin-left: 8.33333%;
}
.col-lg-offset-2 {
margin-left: 16.66667%;
}
.col-lg-offset-3 {
margin-left: 25%;
}
.col-lg-offset-4 {
margin-left: 33.33333%;
}
.col-lg-offset-5 {
margin-left: 41.66667%;
}
.col-lg-offset-6 {
margin-left: 50%;
}
.col-lg-offset-7 {
margin-left: 58.33333%;
}
.col-lg-offset-8 {
margin-left: 66.66667%;
}
.col-lg-offset-9 {
margin-left: 75%;
}
.col-lg-offset-10 {
margin-left: 83.33333%;
}
.col-lg-offset-11 {
margin-left: 91.66667%;
}
.col-lg-offset-12 {
margin-left: 100%;
}
}
@media (min-width: 992px) and (max-width: 1024px) {
.header .main-nav.col-lg-6 {
width: 100%;
}
}
@media (min-width: 1200px) {
.col-xl-1,
.col-xl-2,
.col-xl-3,
.col-xl-4,
.col-xl-5,
.col-xl-6,
.col-xl-7,
.col-xl-8,
.col-xl-9,
.col-xl-10,
.col-xl-11,
.col-xl-12 {
float: left;
}
.col-xl-1 {
width: 8.33333%;
}
.col-xl-2 {
width: 16.66667%;
}
.col-xl-3 {
width: 25%;
}
.col-xl-4 {
width: 33.33333%;
}
.col-xl-5 {
width: 41.66667%;
}
.col-xl-6 {
width: 50%;
}
.col-xl-7 {
width: 58.33333%;
}
.col-xl-8 {
width: 66.66667%;
}
.col-xl-9 {
width: 75%;
}
.col-xl-10 {
width: 83.33333%;
}
.col-xl-11 {
width: 91.66667%;
}
.col-xl-12 {
width: 100%;
}
.col-xl-pull-0 {
right: auto;
}
.col-xl-pull-1 {
right: 8.33333%;
}
.col-xl-pull-2 {
right: 16.66667%;
}
.col-xl-pull-3 {
right: 25%;
}
.col-xl-pull-4 {
right: 33.33333%;
}
.col-xl-pull-5 {
right: 41.66667%;
}
.col-xl-pull-6 {
right: 50%;
}
.col-xl-pull-7 {
right: 58.33333%;
}
.col-xl-pull-8 {
right: 66.66667%;
}
.col-xl-pull-9 {
right: 75%;
}
.col-xl-pull-10 {
right: 83.33333%;
}
.col-xl-pull-11 {
right: 91.66667%;
}
.col-xl-pull-12 {
right: 100%;
}
.col-xl-push-0 {
left: auto;
}
.col-xl-push-1 {
left: 8.33333%;
}
.col-xl-push-2 {
left: 16.66667%;
}
.col-xl-push-3 {
left: 25%;
}
.col-xl-push-4 {
left: 33.33333%;
}
.col-xl-push-5 {
left: 41.66667%;
}
.col-xl-push-6 {
left: 50%;
}
.col-xl-push-7 {
left: 58.33333%;
}
.col-xl-push-8 {
left: 66.66667%;
}
.col-xl-push-9 {
left: 75%;
}
.col-xl-push-10 {
left: 83.33333%;
}
.col-xl-push-11 {
left: 91.66667%;
}
.col-xl-push-12 {
left: 100%;
}
.col-xl-offset-0 {
margin-left: 0%;
}
.col-xl-offset-1 {
margin-left: 8.33333%;
}
.col-xl-offset-2 {
margin-left: 16.66667%;
}
.col-xl-offset-3 {
margin-left: 25%;
}
.col-xl-offset-4 {
margin-left: 33.33333%;
}
.col-xl-offset-5 {
margin-left: 41.66667%;
}
.col-xl-offset-6 {
margin-left: 50%;
}
.col-xl-offset-7 {
margin-left: 58.33333%;
}
.col-xl-offset-8 {
margin-left: 66.66667%;
}
.col-xl-offset-9 {
margin-left: 75%;
}
.col-xl-offset-10 {
margin-left: 83.33333%;
}
.col-xl-offset-11 {
margin-left: 91.66667%;
}
.col-xl-offset-12 {
margin-left: 100%;
}
}
.btn-full {
position: relative;
display: inline-block;
text-align: center;
padding: 6px 20px;
border-radius: 16px;
}
.btn-full:after {
content: "";
position: absolute;
top: 1px;
left: 1px;
width: calc(100% - 2px);
height: calc(100% - 2px);
background: #ffffff;
z-index: 1;
opacity: 0;
border-radius: 16px;
-webkit-transition: opacity 0.5s;
-moz-transition: opacity 0.5s;
-ms-transition: opacity 0.5s;
-o-transition: opacity 0.5s;
transition: opacity 0.5s;
}
.btn-full a,
.btn-full span {
display: block;
position: relative;
z-index: 2;
color: #ffffff;
-webkit-transition: color 0.5s;
-moz-transition: color 0.5s;
-ms-transition: color 0.5s;
-o-transition: color 0.5s;
transition: color 0.5s;
}
.btn-full.active a,
.btn-full.active span,
.btn-full.active-item a,
.btn-full.active-item span {
color: #4d4d4d;
}
.btn-full.active:after,
.btn-full.active-item:after {
opacity: 1;
}
.btn-full:hover a,
.btn-full:hover span {
color: #4d4d4d;
}
.btn-full:hover:after {
opacity: 1;
}
.btn-up {
position: relative;
display: inline-block;
text-align: center;
padding: 6px 26px;
border-radius: 16px;
position: absolute;
bottom: 40px;
left: 50%;
min-width: 160px;
text-transform: uppercase;
font-weight: 600;
font-size: 1rem;
padding-left: 40px;
-webkit-transform: translate(-50%, 0);
-moz-transform: translate(-50%, 0);
-ms-transform: translate(-50%, 0);
-o-transform: translate(-50%, 0);
transform: translate(-50%, 0);
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
-ms-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
.btn-up:after {
content: "";
position: absolute;
top: 1px;
left: 1px;
width: calc(100% - 2px);
height: calc(100% - 2px);
background: #ffffff;
z-index: 1;
border-radius: 16px;
-webkit-transition: opacity 0.5s;
-moz-transition: opacity 0.5s;
-ms-transition: opacity 0.5s;
-o-transition: opacity 0.5s;
transition: opacity 0.5s;
}
.btn-up a,
.btn-up span {
display: block;
position: relative;
z-index: 2;
color: #4d4d4d;
-webkit-transition: color 0.5s;
-moz-transition: color 0.5s;
-ms-transition: color 0.5s;
-o-transition: color 0.5s;
transition: color 0.5s;
}
.btn-up.active a,
.btn-up.active span {
color: #ffffff;
}
.btn-up.active:after {
opacity: 0;
}
.btn-up:hover a,
.btn-up:hover span {
color: #ffffff;
}
.btn-up:hover:after {
opacity: 0;
}
.btn-up [class^="icon"] {
position: absolute;
top: 9px;
left: 14px;
font-size: 1.2rem;
color: #f63b00;
}
.container-orange .btn-up {
border: 2px solid #ffffff;
color: #ffffff;
bottom: 0;
}
.container-orange .btn-up:after,
.container-orange .btn-up:before {
display: none;
}
.container-orange .btn-up span {
color: #ffffff;
}
.container-orange .btn-up [class^="icon"] {
color: #ffffff;
}
.container-orange .btn-up:hover {
background: #ffffff;
}
.container-orange .btn-up:hover span {
color: #f63b00;
}
@media (min-width: 992px) {
.btn-up {
bottom: 0;
}
}
.btn-line {
position: relative;
display: inline-block;
text-align: center;
padding: 6px 26px;
border-radius: 17px;
min-width: 160px;
text-transform: uppercase;
font-weight: 600;
}
.btn-line:after {
content: "";
position: absolute;
top: 1px;
left: 1px;
width: calc(100% - 2px);
height: calc(100% - 2px);
background: #ffffff;
z-index: 1;
border-radius: 17px;
-webkit-transition: opacity 0.5s;
-moz-transition: opacity 0.5s;
-ms-transition: opacity 0.5s;
-o-transition: opacity 0.5s;
transition: opacity 0.5s;
}
.btn-line a,
.btn-line span {
display: block;
position: relative;
z-index: 2;
color: #4d4d4d;
-webkit-transition: color 0.5s;
-moz-transition: color 0.5s;
-ms-transition: color 0.5s;
-o-transition: color 0.5s;
transition: color 0.5s;
}
.btn-line.active a,
.btn-line.active span {
color: #ffffff;
}
.btn-line.active:after {
opacity: 0;
}
.btn-line:hover a,
.btn-line:hover span {
color: #ffffff;
}
.btn-line:hover:after {
opacity: 0;
}
.btn-white,
.tab-content-list ul li strong {
position: relative;
font-size: 1rem;
line-height: 1rem;
padding: 8px 15px;
min-width: 120px;
display: inline-block;
text-align: center;
border-radius: 25px;
background: #ffffff;
color: #4d4d4d;
}
.embed-responsive {
position: relative;
display: block;
height: 0;
padding: 0;
overflow: hidden;
}
.embed-responsive .embed-responsive-item,
.embed-responsive iframe,
.embed-responsive embed,
.embed-responsive object,
.embed-responsive video {
position: absolute;
top: 0;
bottom: 0;
left: 0;
width: 100%;
height: 100%;
border: 0;
z-index: 9;
}
.embed-responsive iframe#video {
z-index: 9;
}
.embed-responsive-21by9 {
padding-bottom: 42.85714%;
}
.embed-responsive-16by9 {
padding-bottom: 56.25%;
}
.embed-responsive-4by3 {
padding-bottom: 75%;
}
.embed-responsive-1by1 {
padding-bottom: 100%;
}
.table {
width: 100%;
max-width: 100%;
margin-bottom: 1rem;
}
.table th,
.table td {
padding: 0.75rem;
line-height: 1.5;
vertical-align: top;
border-top: 1px solid #eceeef;
}
.table thead th {
vertical-align: bottom;
border-bottom: 2px solid #eceeef;
}
.table tbody+tbody {
border-top: 2px solid #eceeef;
}
.table .table {
background-color: #ffffff;
}
.table-bordered {
border: 1px solid #eceeef;
}
.table-bordered th,
.table-bordered td {
border: 1px solid #eceeef;
}
.table-bordered thead th,
.table-bordered thead td {
border-bottom-width: 2px;
}
.table-responsive {
display: block;
width: 100%;
min-height: 0.01%;
overflow-x: auto;
}
.header {
position: relative;
width: 100%;
float: left;
z-index: 3;
}
.header:before {
content: 'mobile';
display: none;
}
.header .header-inner {
padding: 20px 0;
background: #fff;
width: 100%;
float: left;
position: relative;
}
.header .header-inner:after {
opacity: 0;
content: "";
width: calc(100% - 30px);
height: 1px;
display: block;
position: absolute;
left: 0%;
z-index: -1;
bottom: 0;
left: 15px;
-webkit-box-shadow: 0px 0px 8px 2px rgba(0, 0, 0, 0.5);
-moz-box-shadow: 0px 0px 8px 2px rgba(0, 0, 0, 0.5);
-ms-box-shadow: 0px 0px 8px 2px rgba(0, 0, 0, 0.5);
-o-box-shadow: 0px 0px 8px 2px rgba(0, 0, 0, 0.5);
box-shadow: 0px 0px 8px 2px rgba(0, 0, 0, 0.5);
-webkit-transition: all 0.2s;
-moz-transition: all 0.2s;
-ms-transition: all 0.2s;
-o-transition: all 0.2s;
transition: all 0.2s;
}
.header .logo>a {
display: inline-block;
width: 136px;
height: 43px;
background-repeat: no-repeat;
background-position: center center;
background-image: url("../img/bpb_logo.svg");
}
.header .bpb-junior img {
width: 100%;
height: auto;
}
.header .bpb-junior a {
display: inline-block;
position: relative;
top: 8px;
width: 60px;
height: 25px;
background-repeat: no-repeat;
background-position: center center;
background-image: url("../img/bpb_junior_logo.svg");
transform-origin: center center;
-webkit-transition: all 0.5s;
-moz-transition: all 0.5s;
-ms-transition: all 0.5s;
-o-transition: all 0.5s;
transition: all 0.5s;
}
.header .bpb-junior a:hover {
-webkit-transform: scale(1.1);
-moz-transform: scale(1.1);
-ms-transform: scale(1.1);
-o-transform: scale(1.1);
transform: scale(1.1);
}
@media (min-width: 1200px) {
.header .bpb-junior a {
top: 8px;
width: 72px;
height: 30px;
}
}
.header .ebanking>a {
display: inline-block;
width: 45px;
height: 42px;
background-repeat: no-repeat;
background-position: center center;
background-image: url("../img/ebanking.svg");
transform-origin: center center;
-webkit-transition: all 0.5s;
-moz-transition: all 0.5s;
-ms-transition: all 0.5s;
-o-transition: all 0.5s;
transition: all 0.5s;
}
.header .ebanking>a:hover {
-webkit-transform: scale(1.1);
-moz-transform: scale(1.1);
-ms-transform: scale(1.1);
-o-transform: scale(1.1);
transform: scale(1.1);
}
.header.header-orange .header-inner:after {
width: calc(100% - 8px);
left: 4px;
}
.header.header-orange .logo>a {
background-image: url("../img/bpb_logo_white.svg");
background-size: 100%;
}
.header.header-orange .ebanking>a {
background-image: url("../img/ebanking_white.svg");
}
.header.header-shadow .header-inner:after {
opacity: 1;
}
@media only screen and (min-width: 1025px) {
.header {
position: fixed;
}
.header:before {
content: 'desktop';
}
.header .logo {
margin-bottom: 0;
}
}
.search-form {
margin-top: 9px;
border-radius: 14px;
}
.search-form:after {
content: "";
position: absolute;
z-index: 1;
top: 1px;
left: 1px;
width: calc(100% - 2px);
height: calc(100% - 2px);
background: #ffffff;
border-radius: 14px;
}
.search-form input,
.search-form button {
position: relative;
z-index: 2;
float: left;
border: 0;
background: transparent;
}
.search-form input {
width: calc(100% - 15px);
font-weight: 300;
text-align: center;
text-transform: uppercase;
padding: 4px 14px;
font-size: 12px;
}
.search-form button {
width: 15px;
height: 25px;
cursor: pointer;
background: url("../img/search.svg");
background-repeat: no-repeat;
background-position: center center;
}
.header-orange .search-form {
background: none;
border: 1px solid #ffffff;
color: #ffffff;
}
.header-orange .search-form:after {
display: none;
}
.header-orange .search-form input::-webkit-input-placeholder {
color: #ffffff;
}
.header-orange .search-form input::-moz-placeholder {
color: #ffffff;
}
.header-orange .search-form input:-ms-input-placeholder {
color: #ffffff;
}
.header-orange .search-form input:-moz-placeholder {
color: #ffffff;
}
.header-orange .search-form button {
background-image: url("../img/search-white.svg");
}
.language {
width: 40px;
height: 40px;
font-size: 0.6rem;
font-weight: 600;
text-transform: uppercase;
line-height: 40px;
position: relative;
display: inline-block;
text-align: center;
padding: 0 0;
border-radius: 50%;
}
.language:after {
content: "";
position: absolute;
top: 1px;
left: 1px;
width: calc(100% - 2px);
height: calc(100% - 2px);
background: #ffffff;
z-index: 1;
border-radius: 50%;
-webkit-transition: opacity 0.5s;
-moz-transition: opacity 0.5s;
-ms-transition: opacity 0.5s;
-o-transition: opacity 0.5s;
transition: opacity 0.5s;
}
.language a,
.language span {
display: block;
position: relative;
z-index: 2;
color: #4d4d4d;
-webkit-transition: color 0.5s;
-moz-transition: color 0.5s;
-ms-transition: color 0.5s;
-o-transition: color 0.5s;
transition: color 0.5s;
}
.language.active a,
.language.active span {
color: #ffffff;
}
.language.active:after {
opacity: 0;
}
.language:hover a,
.language:hover span {
color: #ffffff;
}
.language:hover:after {
opacity: 0;
}
@media (min-width: 1000px) {
.language {
margin-top: 8px;
width: 30px;
height: 30px;
line-height: 30px;
}
}
.header-orange .language:hover span {
color: #4d4d4d;
}
.header-orange .language:hover:after {
opacity: 1;
}
.menu {
margin-top: 9px;
display: inline-block;
}
.menu li {
display: inline-block;
margin: 0 4px;
width: 100px;
position: relative;
display: inline-block;
text-align: center;
padding: 0 0;
border-radius: 14px;
}
.menu li:after {
content: "";
position: absolute;
top: 1px;
left: 1px;
width: calc(100% - 2px);
height: calc(100% - 2px);
background: #ffffff;
z-index: 1;
opacity: 0;
border-radius: 14px;
-webkit-transition: opacity 0.5s;
-moz-transition: opacity 0.5s;
-ms-transition: opacity 0.5s;
-o-transition: opacity 0.5s;
transition: opacity 0.5s;
}
.menu li a,
.menu li span {
display: block;
position: relative;
z-index: 2;
color: #ffffff;
-webkit-transition: color 0.5s;
-moz-transition: color 0.5s;
-ms-transition: color 0.5s;
-o-transition: color 0.5s;
transition: color 0.5s;
}
.menu li.active a,
.menu li.active span,
.menu li.active-item a,
.menu li.active-item span {
color: #4d4d4d;
}
.menu li.active:after,
.menu li.active-item:after {
opacity: 1;
}
.menu li:hover a,
.menu li:hover span {
color: #4d4d4d;
}
.menu li:hover:after {
opacity: 1;
}
.menu li a {
text-transform: uppercase;
padding: 4px 0;
font-size: 0.8rem;
line-height: 1.285714285714286rem;
}
.header-orange .menu li {
background: #ffffff;
}
.header-orange .menu li a {
color: #4d4d4d;
}
@media (min-width: 1200px) {
.menu li {
margin: 0 4px;
width: 103px;
}
.menu li a {
font-size: 0.85rem;
}
}
.nav-trigger {
position: absolute;
top: 10px;
right: 0;
height: 60px;
width: 60px;
overflow: hidden;
text-indent: 100%;
white-space: nowrap;
color: transparent;
}
.nav-trigger span,
.nav-trigger span::after,
.nav-trigger span::before {
position: absolute;
height: 3px;
width: 30px;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
-ms-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
.nav-trigger span {
left: 50%;
top: 50%;
bottom: auto;
right: auto;
-webkit-transform: translateX(-50%) translateY(-50%);
-moz-transform: translateX(-50%) translateY(-50%);
-ms-transform: translateX(-50%) translateY(-50%);
-o-transform: translateX(-50%) translateY(-50%);
transform: translateX(-50%) translateY(-50%);
-webkit-transition: background-color 0.3s;
-moz-transition: background-color 0.3s;
-ms-transition: background-color 0.3s;
-o-transition: background-color 0.3s;
transition: background-color 0.3s;
}
.nav-trigger span:after,
.nav-trigger span:before {
content: '';
left: 0;
-webkit-transition: transform 0.3s;
-moz-transition: transform 0.3s;
-ms-transition: transform 0.3s;
-o-transition: transform 0.3s;
transition: transform 0.3s;
}
.nav-trigger span:before {
-webkit-transform: translateY(-8px);
-moz-transform: translateY(-8px);
-ms-transform: translateY(-8px);
-o-transform: translateY(-8px);
transform: translateY(-8px);
}
.nav-trigger span:after {
-webkit-transform: translateY(8px);
-moz-transform: translateY(8px);
-ms-transform: translateY(8px);
-o-transform: translateY(8px);
transform: translateY(8px);
}
.header-orange .nav-trigger span,
.header-orange .nav-trigger span::after,
.header-orange .nav-trigger span::before {
background: #ffffff;
}
.nav-open .nav-trigger span {
background: none;
}
.nav-open .nav-trigger span:before {
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-ms-transform: rotate(45deg);
-o-transform: rotate(45deg);
transform: rotate(45deg);
}
.nav-open .nav-trigger span:after {
-webkit-transform: rotate(-45deg);
-moz-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
-o-transform: rotate(-45deg);
transform: rotate(-45deg);
}
.main-nav {
perspective: 1500;
-webkit-perspective: 1500;
margin-top: 15px;
}
.main-nav .menu {
display: none;
}
.main-nav-wrapper {
float: left;
width: 100%;
display: none;
}
.dropdown-list>ul>li {
margin-bottom: 20px;
}
.label-item {
display: block;
font-size: 1.2rem;
padding: 10px;
margin-bottom: 10px;
text-transform: uppercase;
color: #ffffff;
}
.content-item li::after {
clear: both;
content: "";
display: block;
}
.links .content-item>ul>li {
border-bottom: 1px solid #ff7e00;
padding-bottom: 10px;
margin-top: 10px;
}
.header-orange .links .content-item>ul>li {
border-bottom: 1px solid #ffffff;
}
.links-list a {
display: block;
margin-left: 14px;
font-size: 1rem;
float: left;
}
.links-list span {
float: right;
padding-right: 15px;
color: #f63b00;
}
.header-orange .links-list a {
color: #ffffff;
}
.header-orange .links-list span {
color: #ffffff;
}
.content-item>a {
margin-top: 20px;
margin-bottom: 20px;
position: relative;
font-size: 1rem;
width: 100%;
display: inline-block;
text-align: center;
padding: 3px 15px;
border: 1px solid #f27023;
color: #f27023;
border-radius: 20px;
-webkit-transition: all 0.5s;
-moz-transition: all 0.5s;
-ms-transition: all 0.5s;
-o-transition: all 0.5s;
transition: all 0.5s;
}
.content-item>a.active {
color: #ffffff;
background: #f27023;
}
.content-item>a:hover {
color: #ffffff;
background: #f27023;
}
.header-orange .content-item>a {
background: none;
color: #ffffff;
border: 1px solid #ffffff;
}
.header-orange .content-item>a:after {
opacity: 0;
}
.header-orange .content-item>a:hover {
color: #4d4d4d;
background: #ffffff;
}
@media only screen and (min-width: 1025px) {
.main-nav-wrapper {
float: none;
width: auto;
display: block;
}
.nav-trigger {
display: none;
}
.main-nav {
display: inline-block;
margin-top: 0;
}
.main-nav>ul>li {
display: inline-block;
float: left;
}
.main-nav>ul>li>a {
display: block;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.main-nav .menu {
display: block;
}
.morph-dropdown-wrapper {
position: absolute;
left: 0;
padding: 1.2em 5%;
display: block;
top: 50px;
width: auto;
padding: 0;
box-shadow: none;
background-color: transparent;
will-change: transform;
-webkit-transform: translateY(20px) translateZ(20px);
-moz-transform: translateY(20px) translateZ(20px);
-ms-transform: translateY(20px) translateZ(20px);
-o-transform: translateY(20px) translateZ(20px);
transform: translateY(20px) translateZ(20px);
-webkit-transition: transform 0.15s;
-moz-transition: transform 0.15s;
-ms-transition: transform 0.15s;
-o-transition: transform 0.15s;
transition: transform 0.15s;
}
.is-dropdown-visible .morph-dropdown-wrapper {
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0);
}
.dropdown-list {
position: absolute;
top: 0;
left: 0;
visibility: hidden;
-webkit-transform: translateZ(0);
-moz-transform: translateZ(0);
-ms-transform: translateZ(0);
-o-transform: translateZ(0);
transform: translateZ(0);
will-change: transform, width, height;
-webkit-transition: visibility 0.15s;
-moz-transition: visibility 0.15s;
-ms-transition: visibility 0.15s;
-o-transition: visibility 0.15s;
transition: visibility 0.15s;
}
.dropdown-list::before {
content: '';
position: absolute;
bottom: 100%;
left: 10%;
right: auto;
height: 0;
width: 0;
border: 8px solid transparent;
border-bottom-color: #fe7600;
opacity: 0;
-webkit-transition: opacity 0.15s;
-moz-transition: opacity 0.15s;
-ms-transition: opacity 0.15s;
-o-transition: opacity 0.15s;
transition: opacity 0.15s;
}
.dropdown-list>ul {
opacity: 0;
position: relative;
z-index: 1;
height: 100%;
width: 100%;
overflow: hidden;
box-shadow: 0 5px 10px rgba(0, 0, 0, 0.6);
border-radius: 15px;
background: #ff7e00;
-webkit-transform: translateZ(0);
-moz-transform: translateZ(0);
-ms-transform: translateZ(0);
-o-transform: translateZ(0);
transform: translateZ(0);
will-change: opacity;
-webkit-transition: opacity 0.15s;
-moz-transition: opacity 0.15s;
-ms-transition: opacity 0.15s;
-o-transition: opacity 0.15s;
transition: opacity 0.15s;
background: -moz-linear-gradient(left, #ff7e00 0%, #f63b00 100%);
background: -webkit-linear-gradient(left, #ff7e00 0%, #f63b00 100%);
background: linear-gradient(to right, #ff7e00 0%, #f63b00 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff7e00', endColorstr='#f63b00', GradientType=1);
/* IE6-9 */
}
.is-dropdown-visible .dropdown-list {
visibility: visible;
-webkit-transition: width 0.3s, height 0.3s, transform 0.3s;
-moz-transition: width 0.3s, height 0.3s, transform 0.3s;
-ms-transition: width 0.3s, height 0.3s, transform 0.3s;
-o-transition: width 0.3s, height 0.3s, transform 0.3s;
transition: width 0.3s, height 0.3s, transform 0.3s;
}
.is-dropdown-visible .dropdown-list ul {
opacity: 1;
}
.is-dropdown-visible .dropdown-list::before {
opacity: 1;
}
.dropdown {
position: absolute;
left: 0;
top: 0;
opacity: 0;
visibility: hidden;
width: 100%;
-webkit-transition: opacity 0.15s, visibility 0.15s;
-moz-transition: opacity 0.15s, visibility 0.15s;
-ms-transition: opacity 0.15s, visibility 0.15s;
-o-transition: opacity 0.15s, visibility 0.15s;
transition: opacity 0.15s, visibility 0.15s;
}
.dropdown.active {
opacity: 1;
visibility: visible;
}
.dropdown.move-left .content-item {
-webkit-transform: translateX(-100px);
-moz-transform: translateX(-100px);
-ms-transform: translateX(-100px);
-o-transform: translateX(-100px);
transform: translateX(-100px);
}
.dropdown.move-right .content-item {
-webkit-transform: translateX(100px);
-moz-transform: translateX(100px);
-ms-transform: translateX(100px);
-o-transform: translateX(100px);
transform: translateX(100px);
}
.label-item {
display: none;
}
.content-item {
padding: 25px 25px 5px 25px;
-webkit-transition: transform 0.3s;
-moz-transition: transform 0.3s;
-ms-transition: transform 0.3s;
-o-transition: transform 0.3s;
transition: transform 0.3s;
text-align: left;
min-height: 220px;
}
.content-item>a {
width: auto;
margin-top: 55px;
font-size: 0.8571428571428571rem;
display: inline-block;
text-align: center;
padding: 3px 15px;
border: 1px solid #ffffff;
color: #ffffff;
border-radius: 20px;
-webkit-transition: all 0.5s;
-moz-transition: all 0.5s;
-ms-transition: all 0.5s;
-o-transition: all 0.5s;
transition: all 0.5s;
}
.content-item>a.active {
color: #4d4d4d;
background: #ffffff;
}
.content-item>a:hover {
color: #4d4d4d;
background: #ffffff;
}
.content-item>ul::after {
clear: both;
content: "";
display: block;
}
.content-item>ul>li {
width: 48%;
float: left;
margin-right: 4%;
margin-top: 0;
}
.content-item>ul>li:nth-of-type(2n) {
margin-right: 0;
}
.links .content-item>ul>li {
margin-top: 0;
margin-bottom: 20px;
padding-bottom: 0;
border-bottom: 0;
}
.header-orange .links .content-item>ul>li {
border-bottom: 0;
}
.links .content-item {
width: 500px;
}
.links-list a {
font-size: 1rem;
margin-left: 0;
color: #ffffff;
display: inline-block;
position: relative;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
-ms-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
.links-list a:after {
content: "";
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 1px;
background-color: #ffffff;
transform-origin: left center;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
-ms-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
-webkit-transform: scaleX(0);
-moz-transform: scaleX(0);
-ms-transform: scaleX(0);
-o-transform: scaleX(0);
transform: scaleX(0);
}
.links-list a:hover {
color: #ffffff;
}
.links-list a:hover:after {
-webkit-transform: scaleX(1);
-moz-transform: scaleX(1);
-ms-transform: scaleX(1);
-o-transform: scaleX(1);
transform: scaleX(1);
}
.links-list span {
color: #ffffff;
float: right;
position: relative;
top: 4px;
padding-right: 20px;
}
.bg-layer {
position: absolute;
top: 0;
left: 0;
height: 1px;
width: 1px;
opacity: 0;
-webkit-transition: opacity 0.15s;
-moz-transition: opacity 0.15s;
-ms-transition: opacity 0.15s;
-o-transition: opacity 0.15s;
transition: opacity 0.15s;
-webkit-transform-origin: top left;
-ms-transform-origin: top left;
transform-origin: top left;
-webkit-transform: translateZ(0);
-moz-transform: translateZ(0);
-ms-transform: translateZ(0);
-o-transform: translateZ(0);
transform: translateZ(0);
will-change: transform;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
.is-dropdown-visible .bg-layer {
opacity: 1;
-webkit-transition: opacity 0.15s, -webkit-transform 0.15s;
-moz-transition: opacity 0.15s, -webkit-transform 0.15s;
-ms-transition: opacity 0.15s, -webkit-transform 0.15s;
-o-transition: opacity 0.15s, -webkit-transform 0.15s;
transition: opacity 0.15s, -webkit-transform 0.15s;
}
}
@media (min-width: 1025px) and (max-width: 1300px) {
.touchevents .morph-dropdown-wrapper {
display: none !important;
}
}
#sherbimi-per-kliente,
#csr {
margin-bottom: 0;
}
#sherbimi-per-kliente a,
#csr a {
margin-bottom: 0;
border-bottom: 1px solid #ffffff;
}
.slider {
width: 100%;
float: left;
z-index: 1;
opacity: 0;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
-ms-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
.slider ul {
position: relative;
}
.slider ul li {
position: relative;
}
.slider ul li img {
width: 100%;
}
.slider.slider-loaded {
opacity: 1;
}
@media (min-width: 992px) {
.slider {
height: 400px;
margin-top: 88px;
}
}
.news-slider {
opacity: 0;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
-ms-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
.news-slider.news-slider-loaded {
opacity: 1;
}
.news-slider .bx-viewport ul li {
padding-left: 0 !important;
}
.news-slider .bx-viewport ul li:before {
display: none;
}
.caption {
text-align: center;
width: 100%;
font-size: 0.75rem;
padding: 15px;
}
.caption a {
text-transform: capitalize;
font-weight: 500;
color: #ffffff;
-webkit-box-shadow: 4px 6px 10px 3px rgba(0, 0, 0, 0.35);
-moz-box-shadow: 4px 6px 10px 3px rgba(0, 0, 0, 0.35);
-ms-box-shadow: 4px 6px 10px 3px rgba(0, 0, 0, 0.35);
-o-box-shadow: 4px 6px 10px 3px rgba(0, 0, 0, 0.35);
box-shadow: 4px 6px 10px 3px rgba(0, 0, 0, 0.35);
position: relative;
display: inline-block;
text-align: center;
padding: 6px 25px;
border-radius: 14px;
}
.caption a:after {
content: "";
position: absolute;
top: 1px;
left: 1px;
width: calc(100% - 2px);
height: calc(100% - 2px);
background: #ffffff;
z-index: 1;
opacity: 0;
border-radius: 14px;
-webkit-transition: opacity 0.5s;
-moz-transition: opacity 0.5s;
-ms-transition: opacity 0.5s;
-o-transition: opacity 0.5s;
transition: opacity 0.5s;
}
.caption a a,
.caption a span {
display: block;
position: relative;
z-index: 2;
color: #ffffff;
-webkit-transition: color 0.5s;
-moz-transition: color 0.5s;
-ms-transition: color 0.5s;
-o-transition: color 0.5s;
transition: color 0.5s;
}
.caption a.active a,
.caption a.active span,
.caption a.active-item a,
.caption a.active-item span {
color: #4d4d4d;
}
.caption a.active:after,
.caption a.active-item:after {
opacity: 1;
}
.caption a:hover a,
.caption a:hover span {
color: #4d4d4d;
}
.caption a:hover:after {
opacity: 1;
}
.caption h4 {
line-height: 1.714285714285714rem;
margin-bottom: 15px;
font-weight: 600;
}
.caption p {
margin-bottom: 15px;
}
.caption p:last-child {
margin-bottom: 0;
}
.caption.caption-center a {
text-transform: uppercase;
}
@media (min-width: 768px) {
.caption {
font-size: 1rem;
}
}
@media (min-width: 992px) {
.caption {
position: absolute;
z-index: 2;
color: #ffffff;
padding: 20px 30px;
}
.caption h4 {
font-size: 1.2rem;
line-height: 1.2rem;
margin-bottom: 10px;
}
.caption p {
margin-bottom: 10px;
line-height: 1rem;
}
.caption.caption-left,
.caption.caption-right {
top: 0;
width: 40%;
text-align: left;
font-size: 0.8571428571428571rem;
}
.caption.caption-left a,
.caption.caption-right a {
margin-top: 10px;
}
.caption.caption-left {
left: 0;
}
.caption.caption-right {
right: 0;
}
.caption.caption-center,
.caption.caption-bottom {
width: 50%;
text-align: center;
}
.caption.caption-center {
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
.caption.caption-bottom {
bottom: 0;
left: 50%;
font-size: 0.75rem;
-webkit-transform: translate(-50%, 0);
-moz-transform: translate(-50%, 0);
-ms-transform: translate(-50%, 0);
-o-transform: translate(-50%, 0);
transform: translate(-50%, 0);
}
}
@media (min-width: 1200px) {
.caption {
padding: 40px 30px;
}
.caption h4 {
font-size: 1.5rem;
line-height: 1.714285714285714rem;
margin-bottom: 15px;
}
.caption p {
margin-bottom: 15px;
line-height: 1.2rem;
}
.caption.caption-left a,
.caption.caption-right a {
margin-top: 30px;
}
}
.news-card-list {
float: left;
margin-bottom: 35px;
margin-top: 30px;
display: flex;
flex-wrap: wrap;
}
.news-card-list li {
margin-bottom: 30px;
}
.news-card-list li .img-wrapper {
margin-bottom: 25px;
}
.news-card-list li .more,
.news-card-list li .management-block a,
.management-block .news-card-list li a,
.news-card-list li .junior-block a,
.junior-block .news-card-list li a {
margin-top: 30px;
}
@media (min-width: 768px) {
.news-card-list {
display: flex;
flex-wrap: wrap;
}
}
@media (min-width: 992px) {
.news-card-list li .date-block,
.news-card-list li .round-link {
-webkit-transition: all 0.6s;
-moz-transition: all 0.6s;
-ms-transition: all 0.6s;
-o-transition: all 0.6s;
transition: all 0.6s;
}
.news-card-list li h3 {
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
-ms-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
.news-card-list li:hover h3 {
color: #f27023;
}
}
.bar-wrapper {
position: fixed;
bottom: 0;
left: 0;
width: 100%;
z-index: 3;
display: none;
}
@media (min-width: 992px) {
.bar-wrapper {
display: block;
-webkit-transition: all 0.75s;
-moz-transition: all 0.75s;
-ms-transition: all 0.75s;
-o-transition: all 0.75s;
transition: all 0.75s;
-webkit-transform: translate3d(0, 100%, 0);
-moz-transform: translate3d(0, 100%, 0);
-ms-transform: translate3d(0, 100%, 0);
-o-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
}
}
.bar-wrapper.bar-loaded {
-webkit-transform: translate3d(0, 0, 0);
-moz-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0);
-o-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
.bar {
float: left;
padding: 15px 0;
border-top-left-radius: 15px;
border-top-right-radius: 15px;
}
.bar>ul {
display: flex;
flex-wrap: wrap;
justify-content: space-around;
}
.bar>ul>li {
width: auto;
text-align: center;
padding: 0;
border-bottom: 0;
opacity: 0;
transform-origin: center center;
-webkit-transform: scale(0.9);
-moz-transform: scale(0.9);
-ms-transform: scale(0.9);
-o-transform: scale(0.9);
transform: scale(0.9);
}
.bar>ul>li:nth-child(7n+1) {
-webkit-transition: all 0.4s linear;
-moz-transition: all 0.4s linear;
-ms-transition: all 0.4s linear;
-o-transition: all 0.4s linear;
transition: all 0.4s linear;
transition-delay: 0.7s;
}
.bar>ul>li:nth-child(7n+2) {
-webkit-transition: all 0.4s linear;
-moz-transition: all 0.4s linear;
-ms-transition: all 0.4s linear;
-o-transition: all 0.4s linear;
transition: all 0.4s linear;
transition-delay: 0.8s;
}
.bar>ul>li:nth-child(7n+3) {
-webkit-transition: all 0.4s linear;
-moz-transition: all 0.4s linear;
-ms-transition: all 0.4s linear;
-o-transition: all 0.4s linear;
transition: all 0.4s linear;
transition-delay: 0.9s;
}
.bar>ul>li:nth-child(7n+4) {
-webkit-transition: all 0.4s linear;
-moz-transition: all 0.4s linear;
-ms-transition: all 0.4s linear;
-o-transition: all 0.4s linear;
transition: all 0.4s linear;
transition-delay: 1s;
}
.bar>ul>li:nth-child(7n+5) {
-webkit-transition: all 0.4s linear;
-moz-transition: all 0.4s linear;
-ms-transition: all 0.4s linear;
-o-transition: all 0.4s linear;
transition: all 0.4s linear;
transition-delay: 1.1s;
}
.bar>ul>li:nth-child(7n+6) {
-webkit-transition: all 0.4s linear;
-moz-transition: all 0.4s linear;
-ms-transition: all 0.4s linear;
-o-transition: all 0.4s linear;
transition: all 0.4s linear;
transition-delay: 1.1s;
}
.bar>ul>li:nth-child(7n+7) {
-webkit-transition: all 0.4s linear;
-moz-transition: all 0.4s linear;
-ms-transition: all 0.4s linear;
-o-transition: all 0.4s linear;
transition: all 0.4s linear;
transition-delay: 1.1s;
}
.bar>ul>li:last-child {
border-bottom: 0;
}
.bar>ul>li a {
position: relative;
display: inline-block;
text-align: center;
padding: 5px 12px;
color: #4d4d4d;
border-radius: 14px;
-webkit-transition: all 0.5s;
-moz-transition: all 0.5s;
-ms-transition: all 0.5s;
-o-transition: all 0.5s;
transition: all 0.5s;
color: #ffffff;
font-size: 1rem;
}
.bar>ul>li a.active {
background: #ffffff;
color: #4d4d4d;
-webkit-box-shadow: 0px 0px 10px 5px rgba(255, 255, 255, 0.45);
-moz-box-shadow: 0px 0px 10px 5px rgba(255, 255, 255, 0.45);
-ms-box-shadow: 0px 0px 10px 5px rgba(255, 255, 255, 0.45);
-o-box-shadow: 0px 0px 10px 5px rgba(255, 255, 255, 0.45);
box-shadow: 0px 0px 10px 5px rgba(255, 255, 255, 0.45);
}
.bar>ul>li a:hover {
background: #ffffff;
color: #4d4d4d;
-webkit-box-shadow: 0px 0px 10px 5px rgba(255, 255, 255, 0.45);
-moz-box-shadow: 0px 0px 10px 5px rgba(255, 255, 255, 0.45);
-ms-box-shadow: 0px 0px 10px 5px rgba(255, 255, 255, 0.45);
-o-box-shadow: 0px 0px 10px 5px rgba(255, 255, 255, 0.45);
box-shadow: 0px 0px 10px 5px rgba(255, 255, 255, 0.45);
}
.bar>ul>li a .badge {
-webkit-transition: border-color 0.5s;
-moz-transition: border-color 0.5s;
-ms-transition: border-color 0.5s;
-o-transition: border-color 0.5s;
transition: border-color 0.5s;
}
@media (min-width: 992px) {
.bar>ul>li a:hover .badge {
border-color: #4d4d4d;
}
}
.bar:after {
opacity: 1;
content: "";
width: calc(100% - 20px);
height: 1px;
display: block;
position: absolute;
left: 0%;
z-index: -1;
top: 0;
left: 10px;
border-top-left-radius: 15px;
border-top-right-radius: 15px;
-webkit-box-shadow: 0px 0px 8px 2px rgba(0, 0, 0, 0.5);
-moz-box-shadow: 0px 0px 8px 2px rgba(0, 0, 0, 0.5);
-ms-box-shadow: 0px 0px 8px 2px rgba(0, 0, 0, 0.5);
-o-box-shadow: 0px 0px 8px 2px rgba(0, 0, 0, 0.5);
box-shadow: 0px 0px 8px 2px rgba(0, 0, 0, 0.5);
-webkit-transition: all 0.2s;
-moz-transition: all 0.2s;
-ms-transition: all 0.2s;
-o-transition: all 0.2s;
transition: all 0.2s;
}
.bar-loaded .bar>ul>li {
opacity: 1;
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
transform: scale(1);
}
.bar .social-media {
width: auto;
float: none;
}
.bar .social-media li a {
width: auto !important;
}
@media (max-width: 1200px) {
.bar>ul>li:last-child {
width: 100%;
flex-grow: 1;
flex-basis: 100%;
}
.bar .social-media {
width: fit-content;
margin: auto;
}
}
.block,
.bank-block,
.reports-block,
.bidding-block,
.properties-block,
.employment-block,
.junior-block,
.contact-block {
position: relative;
z-index: 2;
}
.block img,
.bank-block img,
.reports-block img,
.bidding-block img,
.properties-block img,
.employment-block img,
.junior-block img,
.contact-block img {
width: 100%;
height: auto;
}
.block h2,
.bank-block h2,
.reports-block h2,
.bidding-block h2,
.properties-block h2,
.employment-block h2,
.junior-block h2,
.contact-block h2 {
font-weight: 400;
color: #817970;
}
@media (max-width: 992px) {
.block h2,
.bank-block h2,
.reports-block h2,
.bidding-block h2,
.properties-block h2,
.employment-block h2,
.junior-block h2,
.contact-block h2 {
font-size: 1.5rem;
line-height: 2rem;
}
}
.block h3,
.bank-block h3,
.reports-block h3,
.bidding-block h3,
.properties-block h3,
.employment-block h3,
.junior-block h3,
.contact-block h3 {
color: #f27023;
font-weight: 400;
line-height: 2.2rem;
}
.block h5,
.bank-block h5,
.reports-block h5,
.bidding-block h5,
.properties-block h5,
.employment-block h5,
.junior-block h5,
.contact-block h5 {
font-weight: 600;
line-height: 1.5rem;
margin-bottom: 30px;
}
.block p,
.bank-block p,
.reports-block p,
.bidding-block p,
.properties-block p,
.employment-block p,
.junior-block p,
.contact-block p {
font-size: 0.9rem;
}
.block>ul li,
.bank-block>ul li,
.reports-block>ul li,
.bidding-block>ul li,
.properties-block>ul li,
.employment-block>ul li,
.junior-block>ul li,
.contact-block>ul li {
position: relative;
padding-left: 10px;
font-size: 0.9rem;
margin-bottom: 10px;
}
.block>ul li:before,
.bank-block>ul li:before,
.reports-block>ul li:before,
.bidding-block>ul li:before,
.properties-block>ul li:before,
.employment-block>ul li:before,
.junior-block>ul li:before,
.contact-block>ul li:before {
content: "-";
position: absolute;
top: 0;
left: 0;
}
.container-orange .block,
.container-orange .bank-block,
.container-orange .reports-block,
.container-orange .bidding-block,
.container-orange .properties-block,
.container-orange .employment-block,
.container-orange .junior-block,
.container-orange .contact-block {
padding: 15px;
}
.container-orange .block h2,
.container-orange .bank-block h2,
.container-orange .reports-block h2,
.container-orange .bidding-block h2,
.container-orange .properties-block h2,
.container-orange .employment-block h2,
.container-orange .junior-block h2,
.container-orange .contact-block h2 {
color: #f27023;
}
.container-black .block,
.container-black .bank-block,
.container-black .reports-block,
.container-black .bidding-block,
.container-black .properties-block,
.container-black .employment-block,
.container-black .junior-block,
.container-black .contact-block,
.container-white .block,
.container-white .bank-block,
.container-white .reports-block,
.container-white .bidding-block,
.container-white .properties-block,
.container-white .employment-block,
.container-white .junior-block,
.container-white .contact-block {
padding: 15px;
}
.block-container-black .block h3,
.block-container-black .bank-block h3,
.block-container-black .reports-block h3,
.block-container-black .bidding-block h3,
.block-container-black .properties-block h3,
.block-container-black .employment-block h3,
.block-container-black .junior-block h3,
.block-container-black .contact-block h3 {
color: #ffffff;
}
@media (min-width: 992px) {
.container-orange .block,
.container-orange .bank-block,
.container-orange .reports-block,
.container-orange .bidding-block,
.container-orange .properties-block,
.container-orange .employment-block,
.container-orange .junior-block,
.container-orange .contact-block {
padding: 30px;
}
.container-black .block,
.container-black .bank-block,
.container-black .reports-block,
.container-black .bidding-block,
.container-black .properties-block,
.container-black .employment-block,
.container-black .junior-block,
.container-black .contact-block,
.container-white .block,
.container-white .bank-block,
.container-white .reports-block,
.container-white .bidding-block,
.container-white .properties-block,
.container-white .employment-block,
.container-white .junior-block,
.container-white .contact-block {
padding: 30px 30px;
}
}
.block-space {
float: left;
width: 100%;
height: 60px;
display: none;
}
@media (min-width: 992px) {
.block-space {
display: block;
}
}
@media (min-width: 992px) {
.block-space-top h2 {
padding-top: 60px;
}
}
.credit-card-blocks {
position: relative;
float: left;
width: 100%;
margin-bottom: 30px;
overflow: hidden;
}
.credit-card-blocks a {
z-index: 3;
margin-right: 40px;
margin-bottom: 30px;
}
@media (min-width: 768px) {
.credit-card-blocks {
display: flex;
flex-wrap: wrap;
}
}
@media (min-width: 992px) {
.credit-card-blocks {
padding-bottom: 300px;
border-bottom: 1px solid #231f20;
margin-bottom: 50px;
}
}
@media (min-width: 1200px) {
.credit-card-blocks {
overflow: visible;
padding-bottom: 400px;
}
}
.calculator-block {
margin-top: 30px;
}
@media (min-width: 992px) {
.calculator-block {
margin-top: 0;
}
}
.calculator-text-block {
position: relative;
padding-top: 50px;
z-index: 2;
}
.calculator-text-block p {
position: relative;
z-index: 2;
}
.calculator-text-block a {
margin-top: 30px;
}
@media (min-width: 992px) {
.calculator-text-block {
margin-top: 0;
padding-left: 30px;
}
}
.calculator-text-block .family-img {
position: absolute;
bottom: 60px;
right: 0;
width: 120%;
z-index: 1;
}
.question-block {
margin-bottom: 50px;
}
.branches-block {
float: left;
width: 100%;
}
.calculator .btn-full {
margin-top: 10px;
margin-right: 0;
}
@media (min-width: 992px) {
.calculator .btn-full {
margin: 0;
position: absolute;
left: 166px;
bottom: 105px;
}
}
@media (min-width: 1300px) {
.calculator .btn-full {
left: 180px;
bottom: 110px;
}
}
.csr-block h4 {
font-weight: 300;
font-size: 1.785714285714286rem;
margin-bottom: 30px;
}
.calculator {
float: left;
width: 100%;
}
.calculator img {
width: 100%;
height: auto;
display: none;
}
@media (min-width: 992px) {
.calculator {
position: absolute;
top: -5px;
right: 110px;
width: auto;
width: 520px;
}
.calculator img {
display: block;
}
}
@media (min-width: 1200px) {
.calculator {
right: 225px;
top: -14px;
width: 550px;
}
}
.calculator-btn a {
margin-top: 0;
}
.calc-form {
position: relative;
z-index: 3;
float: left;
padding: 0 15px;
margin: 10px 0 0 0;
}
.calc-form>a,
.calc-form>input,
.calc-form p {
float: left;
width: 100%;
}
.calc-form a {
margin: 0;
display: block;
height: 26px;
font-size: 14px;
line-height: 21px;
text-align: center;
border: 1px solid #f27023;
border-radius: 11px;
text-transform: uppercase;
}
.calc-form a.active {
color: #ffffff;
}
.calc-form p {
font-size: 14px;
font-weight: 700;
text-align: center;
margin-bottom: 6px;
line-height: 12px;
}
.calc-form input {
width: 100%;
border: 1px solid #4d4d4d;
border-radius: 11px;
font-size: 14px;
text-align: center;
margin-bottom: 15px;
}
.calc-form .first-item {
margin-bottom: 10px;
}
.calc-form .total-text {
color: #f27023;
text-align: left;
font-size: 14px;
margin-bottom: 15px;
}
.calc-form .total-text span {
float: right;
}
@media (max-width: 992px) {
.calc-form .first-item {
height: 30px;
padding: 4px 0;
}
}
@media (min-width: 768px) {
.calc-form {
margin: 10px 0 20px 0;
}
}
@media (min-width: 992px) {
.calc-form {
position: absolute;
width: 228px;
padding: 0;
margin: 0;
top: 155px;
left: 128px;
}
}
@media (min-width: 1200px) {
.calc-form {
left: 135px;
top: 180px;
}
}
.calculator-slider {
padding: 20px 0;
float: left;
width: 100%;
opacity: 0;
}
.calculator-slider.slider-loaded {
opacity: 1;
}
.calculator-slider li {
padding: 0 5px;
}
.calculator-slider h4 {
color: #f27023;
font-weight: 400;
font-size: 1.5rem;
line-height: 1.5rem;
margin-bottom: 12px;
}
.calculator-text-block .bx-viewport {
height: 160px !important;
}
.calculator-text-block .bx-wrapper .bx-pager {
position: relative;
bottom: 0;
text-align: center;
padding: 0;
}
.calculator-text-block .bx-wrapper .bx-pager a {
background: transparent !important;
border: 1px solid #f27023 !important;
}
.calculator-text-block .bx-wrapper .bx-pager a.active {
background: #f27023 !important;
}
.calculator-first-block {
padding: 20px 5px 5px 5px;
border-top: 1px solid #f27023;
border-bottom: 1px solid #f27023;
}
.calc-title {
width: 228px;
position: relative;
z-index: 3;
}
.calc-title {
position: relative;
z-index: 3;
width: calc(100% - 30px);
margin-left: 15px;
padding: 10px;
border-radius: 10px;
}
.calc-title h5 {
text-align: center;
color: #ffffff;
text-transform: uppercase;
margin-bottom: 0;
font-size: 1rem;
text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.15);
}
@media (min-width: 768px) {
.calc-title h5 {
font-size: 1.25rem;
}
}
@media (min-width: 992px) {
.calc-title {
position: absolute;
width: 228px;
top: 90px;
left: 128px;
margin-left: 0;
}
}
@media (min-width: 1200px) {
.calc-title {
top: 100px;
left: 135px;
padding: 14px;
}
}
.family-img {
z-index: 1;
width: 800px !important;
position: absolute;
right: -150px;
bottom: -28px;
}
@media (min-width: 1200px) {
.family-img {
width: 1000px !important;
right: -240px;
bottom: -95px;
}
}
.iphone {
position: relative;
z-index: 2;
}
.full-bg {
width: 100%;
height: auto;
}
#card-img {
position: relative;
width: 100%;
}
@media (min-width: 1200px) {
#card-img {
width: 130%;
left: -20%;
}
}
.phone-img {
position: relative;
width: 100%;
}
@media (min-width: 992px) {
.phone-img {
position: absolute;
top: 20px;
left: 0;
width: 300px;
}
}
.flower-img {
width: 100%;
height: auto;
z-index: 1;
}
@media (min-width: 992px) {
.flower-img {
position: absolute;
bottom: 80px;
left: 0;
padding-left: 40px;
}
}
.transfer-img {
position: relative;
text-align: center;
width: 80%;
height: auto;
padding-left: 10%;
margin-top: 30px;
margin-bottom: 30px;
}
@media (min-width: 992px) {
.transfer-img {
position: absolute;
right: 0;
bottom: 25px;
width: 50%;
padding-left: 0;
margin-top: 0;
margin-bottom: 0;
}
}
.cards-img {
margin-top: 10px;
width: 100%;
height: auto;
margin-bottom: 30px;
}
@media (min-width: 992px) {
.cards-img {
margin-top: 60px;
margin-bottom: 0;
}
}
.family-footer-img {
position: relative;
width: 100%;
height: auto;
z-index: 1;
}
.hands-img {
max-width: 120px;
margin-top: 0;
width: 100%;
}
@media (min-width: 768px) {
.hands-img {
margin-top: 15px;
}
}
@media (min-width: 992px) {
.hands-img {
max-width: 165px;
margin-top: 35px;
}
}
.exchange {
color: #f27023;
text-align: center;
margin-bottom: 30px;
}
.exchange .currency {
font-weight: bold;
margin-right: 10px;
}
.exchange h3 {
font-weight: 400;
margin-bottom: 16px;
}
.exchange ul li {
position: relative;
padding: 0 10px;
font-size: 1.15rem;
display: inline-block;
}
.exchange ul li:after {
content: "/";
position: absolute;
top: 0;
left: -4px;
}
.exchange ul li:first-child {
padding-left: 0;
}
.exchange ul li:first-child:after {
display: none;
}
.exchange span {
font-weight: 300;
}
@media (min-width: 992px) {
.exchange {
text-align: left;
margin-bottom: 0;
}
}
.branch-block {
text-align: center;
}
.branch-block h3 span {
position: relative;
top: 4px;
}
@media (min-width: 992px) {
.branch-block {
text-align: left;
margin-bottom: 0;
}
}
.footer {
position: relative;
width: 100%;
float: left;
padding-bottom: 100px;
text-align: center;
z-index: 2;
}
.footer>div {
margin-bottom: 30px;
}
.footer a {
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
-ms-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
.footer a:hover {
color: #f27023;
}
.footer.footer-orange {
padding-left: 30px;
padding-right: 30px;
padding-bottom: 50px;
color: #ffffff;
margin-top: 30px;
}
.footer.footer-orange>div {
position: relative;
z-index: 2;
}
@media (min-width: 768px) {
.footer {
padding-bottom: 80px;
}
}
@media (min-width: 992px) {
.footer {
text-align: left;
margin-bottom: 0;
padding-bottom: 120px;
}
.footer.footer-orange {
margin-top: 175px;
padding-bottom: 220px;
}
}
.container-orange .footer {
margin-bottom: 115px;
}
.phone {
position: relative;
}
.phone .phone-box {
margin-bottom: 10px;
width: 46px;
height: 46px;
display: inline-block;
background-image: url("../img/phone.svg");
background-repeat: no-repeat;
background-position: center center;
}
@media (min-width: 992px) {
.phone {
padding-left: 70px;
}
.phone .phone-box {
position: absolute;
top: 0;
left: 15px;
margin-bottom: 0;
}
}
.container-black .phone .phone-box {
background-image: url("../img/phone-img3.svg");
}
.social-media {
width: 100%;
float: left;
padding-left: 20%;
padding-right: 20%;
}
.social-media li {
width: 25%;
float: left;
flex-direction: row;
}
.social-media li a {
display: inline-block;
width: 18px;
color: #f63b00;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
-ms-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
.social-media li a:hover {
color: #ff7e00;
}
.social-media li:first-child a {
width: 12px;
}
@media (min-width: 992px) {
.social-media {
padding-left: 0;
padding-right: 0;
}
}
.container-orange .social-media li a {
color: #ffffff;
}
.container-orange .social-media li a:hover {
color: #ffffff;
}
.news-list {
float: left;
width: 100%;
margin-bottom: 20px;
}
.news-list a {
display: block;
position: relative;
z-index: 2;
}
.news-list li {
margin-bottom: 20px;
}
.news-list li:before {
display: none;
}
.news-list .date {
padding-left: 16px;
padding-right: 16px;
}
.news-list h4 {
position: relative;
border-top: 1px solid #f27023;
border-bottom: 1px solid #f27023;
padding: 8px 16px;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
-ms-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
.news-list h4 span {
position: relative;
z-index: 2;
}
.news-list h4:after,
.news-list h4:before {
content: "";
position: absolute;
z-index: 1;
width: 100%;
height: 2px;
-webkit-transition: all 0.5s;
-moz-transition: all 0.5s;
-ms-transition: all 0.5s;
-o-transition: all 0.5s;
transition: all 0.5s;
-webkit-transform: scaleX(0);
-moz-transform: scaleX(0);
-ms-transform: scaleX(0);
-o-transform: scaleX(0);
transform: scaleX(0);
}
.news-list h4:before {
right: 0;
top: 0;
transform-origin: right center;
}
.news-list h4:after {
bottom: 0;
left: 0;
transform-origin: left center;
}
@media (min-width: 768px) {
.news-list {
display: flex;
flex-wrap: wrap;
}
}
@media (min-width: 992px) {
.news-list h4:hover:after,
.news-list h4:hover:before {
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
transform: scale(1);
}
}
.more-news,
.more-news-home {
text-align: center;
margin-bottom: 60px;
}
.article {
float: left;
width: 100%;
margin-top: 20px;
margin-bottom: 20px;
-webkit-transition: all 0.5s;
-moz-transition: all 0.5s;
-ms-transition: all 0.5s;
-o-transition: all 0.5s;
transition: all 0.5s;
}
.article h1,
.article h2,
.article h3,
.article h4,
.article h5,
.article h6,
.article p {
color: #817970;
}
.article h1 {
margin-bottom: 45px;
font-weight: 700;
}
.article h2 {
margin-bottom: 45px;
}
.article img {
width: 100%;
height: auto;
margin-bottom: 30px;
}
.article ol {
margin-bottom: 15px;
}
.article ol li {
margin-bottom: 2px;
}
.article ul {
margin-bottom: 15px;
}
.article ul li {
margin-bottom: 2px;
padding-left: 15px;
position: relative;
}
.article ul li:before {
content: "-";
position: absolute;
top: -1px;
left: 0;
}
.article .social-media {
width: 100%;
margin-top: 20px;
}
.article .social-media li {
text-align: center;
padding-left: 0;
}
.article .social-media li:before {
display: none;
}
@media (min-width: 1200px) {
.article .social-media {
max-width: 180px;
}
.article .social-media li {
text-align: left;
}
}
.article .news-content,
.article .news-media {
margin-bottom: 30px;
}
@media (min-width: 992px) {
.article {
margin-top: 120px;
}
.article .news-content {
padding-right: 45px;
}
.article .news-media {
padding-left: 45px;
}
}
.article.playing {
background: #000000;
padding: 100px 0;
}
.article-text {
margin-bottom: 30px;
}
@media (min-width: 992px) {
.article-text {
padding-right: 60px;
}
}
.article-video {
float: right;
}
.card-list {
color: #ffffff;
}
.card-list li {
flex-grow: 1;
padding-top: 20px;
padding-bottom: 20px;
padding-left: 0;
padding-right: 0;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
-ms-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
.card-list li h3 {
position: relative;
display: inline-block;
text-align: center;
padding: 1px 0;
color: #ffffff;
border: 1px solid #ffffff;
border-radius: 16px;
-webkit-transition: all 0.5s;
-moz-transition: all 0.5s;
-ms-transition: all 0.5s;
-o-transition: all 0.5s;
transition: all 0.5s;
width: 100%;
margin-bottom: 25px;
font-weight: 400;
font-size: 1.2rem;
line-height: 1.7rem;
}
.card-list li h3:hover {
background: #ffffff;
color: #4d4d4d;
-webkit-box-shadow: 0px 0px 10px 5px rgba(255, 255, 255, 0.45);
-moz-box-shadow: 0px 0px 10px 5px rgba(255, 255, 255, 0.45);
-ms-box-shadow: 0px 0px 10px 5px rgba(255, 255, 255, 0.45);
-o-box-shadow: 0px 0px 10px 5px rgba(255, 255, 255, 0.45);
box-shadow: 0px 0px 10px 5px rgba(255, 255, 255, 0.45);
}
.card-list li p {
padding: 0 15px;
font-size: 0.8571428571428571rem;
}
.card-list li:hover {
-webkit-box-shadow: 5px 5px 10px 2px rgba(0, 0, 0, 0.2);
-moz-box-shadow: 5px 5px 10px 2px rgba(0, 0, 0, 0.2);
-ms-box-shadow: 5px 5px 10px 2px rgba(0, 0, 0, 0.2);
-o-box-shadow: 5px 5px 10px 2px rgba(0, 0, 0, 0.2);
box-shadow: 5px 5px 10px 2px rgba(0, 0, 0, 0.2);
}
.card-list li:hover h3 {
background: #ffffff;
color: #4d4d4d;
-webkit-box-shadow: 0px 0px 10px 5px rgba(255, 255, 255, 0.6);
-moz-box-shadow: 0px 0px 10px 5px rgba(255, 255, 255, 0.6);
-ms-box-shadow: 0px 0px 10px 5px rgba(255, 255, 255, 0.6);
-o-box-shadow: 0px 0px 10px 5px rgba(255, 255, 255, 0.6);
box-shadow: 0px 0px 10px 5px rgba(255, 255, 255, 0.6);
}
@media (min-width: 992px) {
.card-list {
display: flex;
flex-wrap: wrap;
}
.card-list li {
padding-top: 40px;
padding-bottom: 40px;
padding-left: 15px;
padding-right: 15px;
}
}
.container-orange .card-list li {
position: relative;
}
.container-orange .card-list li h3,
.container-orange .card-list li p {
position: relative;
z-index: 2;
}
.container-orange .card-list li h3 {
color: #f27023;
border: 1px solid #f27023;
}
.container-orange .card-list li p {
color: #4d4d4d;
}
.container-orange .card-list li:after {
content: "";
opacity: 0;
position: absolute;
z-index: 1;
top: 0;
left: 0;
width: 100%;
height: 100%;
-webkit-transition: all 0.4s;
-moz-transition: all 0.4s;
-ms-transition: all 0.4s;
-o-transition: all 0.4s;
transition: all 0.4s;
}
.container-orange .card-list li:hover:after {
opacity: 1;
}
.container-orange .card-list li:hover h3 {
color: #4d4d4d;
border-color: transparent;
}
.container-orange .card-list li:hover p {
color: #ffffff;
}
.container-white .card-list li {
padding-left: 15px;
padding-right: 15px;
}
.container-black .card-list li {
padding-left: 15px;
padding-right: 15px;
}
.tab-1 {
width: 100%;
float: left;
}
.tab-1 .tab-header {
display: none;
float: left;
width: 100%;
padding: 15px 30px;
}
.tab-1 .tab-header ul {
display: flex;
}
.tab-1 .tab-header ul li {
margin: 0 10px;
flex-grow: 1;
text-align: center;
max-width: 350px;
}
.tab-1 .tab-header ul li a {
padding-left: 20px;
padding-right: 20px;
}
.tab-1 .tab-content {
float: left;
width: 100%;
padding: 30px 15px;
}
.tab-1 .tab-content .tab-content-inner {
float: left;
width: 100%;
padding: 10px 0;
/* display: none; */
}
.tab-1 .tab-content p {
font-size: 0.92rem;
}
.tab-1 .tab-content>ul>li>h3 {
font-weight: 300;
padding-bottom: 15px;
padding-top: 15px;
padding-right: 35px;
margin-bottom: 8px;
font-size: 1.1rem;
line-height: 1.5rem;
position: relative;
cursor: pointer;
}
.tab-1 .tab-content>ul>li>h3 span {
position: absolute;
top: 50%;
right: 15px;
-webkit-transform: translate(0, -50%);
-moz-transform: translate(0, -50%);
-ms-transform: translate(0, -50%);
-o-transform: translate(0, -50%);
transform: translate(0, -50%);
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
-ms-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
.tab-1 .tab-content>ul>li>h3.active-header span {
-webkit-transform: translate(0, -50%) rotate(90deg);
-moz-transform: translate(0, -50%) rotate(90deg);
-ms-transform: translate(0, -50%) rotate(90deg);
-o-transform: translate(0, -50%) rotate(90deg);
transform: translate(0, -50%) rotate(90deg);
}
@media (min-width: 992px) {
.tab-1 .tab-header {
display: block;
}
.tab-1 .tab-content {
padding: 40px 30px;
}
.tab-1 .tab-content .tab-content-inner {
display: block;
padding: 0;
}
.tab-1 .tab-content>ul>li {
display: none;
}
.tab-1 .tab-content>ul>li:first-child {
display: block;
}
.tab-1 .tab-content>ul>li>h3 {
display: none;
}
}
.tab-1.tab-full-gradient .tab-header {
background: #ffffff;
}
.tab-1.tab-full-gradient .tab-header ul li {
position: relative;
display: inline-block;
text-align: center;
padding: 4px 0;
border-radius: 14px;
-webkit-transition: all 0.5s;
-moz-transition: all 0.5s;
-ms-transition: all 0.5s;
-o-transition: all 0.5s;
transition: all 0.5s;
}
.tab-1.tab-full-gradient .tab-header ul li:after {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 1;
opacity: 0;
border-radius: 14px;
-webkit-transition: opacity 0.5s;
-moz-transition: opacity 0.5s;
-ms-transition: opacity 0.5s;
-o-transition: opacity 0.5s;
transition: opacity 0.5s;
}
.tab-1.tab-full-gradient .tab-header ul li a,
.tab-1.tab-full-gradient .tab-header ul li span {
display: block;
position: relative;
z-index: 2;
color: #4d4d4d;
-webkit-transition: color 0.5s;
-moz-transition: color 0.5s;
-ms-transition: color 0.5s;
-o-transition: color 0.5s;
transition: color 0.5s;
}
.tab-1.tab-full-gradient .tab-header ul li.active:after {
opacity: 1;
}
.tab-1.tab-full-gradient .tab-header ul li.active a,
.tab-1.tab-full-gradient .tab-header ul li.active span {
color: #ffffff;
}
.tab-1.tab-full-gradient .tab-header ul li:hover:after {
opacity: 1;
}
.tab-1.tab-full-gradient .tab-header ul li:hover a,
.tab-1.tab-full-gradient .tab-header ul li:hover span {
color: #ffffff;
}
.tab-1.tab-full-gradient .tab-content {
color: #ffffff;
}
.tab-1.tab-full-gradient .tab-content>ul>li>h3 {
border: 1px solid #ffffff;
}
.tab-1.tab-full-gradient .tab-content>ul>li>h3 span {
color: #ffffff;
}
.tab-1.tab-header-gradient .tab-header ul li {
position: relative;
display: inline-block;
text-align: center;
padding: 4px 0;
color: #4d4d4d;
border-radius: 14px;
-webkit-transition: all 0.5s;
-moz-transition: all 0.5s;
-ms-transition: all 0.5s;
-o-transition: all 0.5s;
transition: all 0.5s;
color: #ffffff;
}
.tab-1.tab-header-gradient .tab-header ul li.active {
background: #ffffff;
color: #4d4d4d;
-webkit-box-shadow: 0px 0px 10px 5px rgba(255, 255, 255, 0.45);
-moz-box-shadow: 0px 0px 10px 5px rgba(255, 255, 255, 0.45);
-ms-box-shadow: 0px 0px 10px 5px rgba(255, 255, 255, 0.45);
-o-box-shadow: 0px 0px 10px 5px rgba(255, 255, 255, 0.45);
box-shadow: 0px 0px 10px 5px rgba(255, 255, 255, 0.45);
}
.tab-1.tab-header-gradient .tab-header ul li:hover {
background: #ffffff;
color: #4d4d4d;
-webkit-box-shadow: 0px 0px 10px 5px rgba(255, 255, 255, 0.45);
-moz-box-shadow: 0px 0px 10px 5px rgba(255, 255, 255, 0.45);
-ms-box-shadow: 0px 0px 10px 5px rgba(255, 255, 255, 0.45);
-o-box-shadow: 0px 0px 10px 5px rgba(255, 255, 255, 0.45);
box-shadow: 0px 0px 10px 5px rgba(255, 255, 255, 0.45);
}
.tab-1.tab-header-gradient .tab-content>ul>li h3 {
border: 1px solid #f27023;
}
@media (min-width: 992px) {
.tab-1.tab-header-gradient {
margin-top: 20px;
}
}
.tab-1.tab-full-white .tab-header ul li {
position: relative;
display: inline-block;
text-align: center;
padding: 4px 0;
color: #ffffff;
border-radius: 14px;
-webkit-transition: all 0.5s;
-moz-transition: all 0.5s;
-ms-transition: all 0.5s;
-o-transition: all 0.5s;
transition: all 0.5s;
}
.tab-1.tab-full-white .tab-header ul li.active {
background: #ffffff;
color: #4d4d4d;
-webkit-box-shadow: 0px 0px 10px 5px rgba(255, 255, 255, 0.45);
-moz-box-shadow: 0px 0px 10px 5px rgba(255, 255, 255, 0.45);
-ms-box-shadow: 0px 0px 10px 5px rgba(255, 255, 255, 0.45);
-o-box-shadow: 0px 0px 10px 5px rgba(255, 255, 255, 0.45);
box-shadow: 0px 0px 10px 5px rgba(255, 255, 255, 0.45);
}
.tab-1.tab-full-white .tab-header ul li:hover {
background: #ffffff;
color: #4d4d4d;
-webkit-box-shadow: 0px 0px 10px 5px rgba(255, 255, 255, 0.45);
-moz-box-shadow: 0px 0px 10px 5px rgba(255, 255, 255, 0.45);
-ms-box-shadow: 0px 0px 10px 5px rgba(255, 255, 255, 0.45);
-o-box-shadow: 0px 0px 10px 5px rgba(255, 255, 255, 0.45);
box-shadow: 0px 0px 10px 5px rgba(255, 255, 255, 0.45);
}
.tab-1.tab-full-white .tab-content>ul>li>h3 {
border: 1px solid #4d4d4d;
}
.tab-1.tab-black .tab-header ul li {
position: relative;
display: inline-block;
text-align: center;
padding: 4px 0;
color: #ffffff;
border-radius: 14px;
-webkit-transition: all 0.5s;
-moz-transition: all 0.5s;
-ms-transition: all 0.5s;
-o-transition: all 0.5s;
transition: all 0.5s;
}
.tab-1.tab-black .tab-header ul li.active {
background: #ffffff;
color: #4d4d4d;
-webkit-box-shadow: 0px 0px 10px 5px rgba(255, 255, 255, 0.45);
-moz-box-shadow: 0px 0px 10px 5px rgba(255, 255, 255, 0.45);
-ms-box-shadow: 0px 0px 10px 5px rgba(255, 255, 255, 0.45);
-o-box-shadow: 0px 0px 10px 5px rgba(255, 255, 255, 0.45);
box-shadow: 0px 0px 10px 5px rgba(255, 255, 255, 0.45);
}
.tab-1.tab-black .tab-header ul li:hover {
background: #ffffff;
color: #4d4d4d;
-webkit-box-shadow: 0px 0px 10px 5px rgba(255, 255, 255, 0.45);
-moz-box-shadow: 0px 0px 10px 5px rgba(255, 255, 255, 0.45);
-ms-box-shadow: 0px 0px 10px 5px rgba(255, 255, 255, 0.45);
-o-box-shadow: 0px 0px 10px 5px rgba(255, 255, 255, 0.45);
box-shadow: 0px 0px 10px 5px rgba(255, 255, 255, 0.45);
}
.tab-1.tab-black .tab-content>ul>li>h3 {
border: 1px solid #4d4d4d;
}
@media (max-width: 1100px) {
.touchevents .tab-1 .tab-header {
display: none;
}
.touchevents .tab-1 .tab-content {
padding: 40px 30px;
}
.touchevents .tab-1 .tab-content .tab-content-inner {
/* display: none; */
}
.touchevents .tab-1 .tab-content>ul>li {
display: block;
}
.touchevents .tab-1 .tab-content>ul>li>h3 {
display: block;
}
}
.tab-2 {
padding: 40px 15px;
width: 100%;
float: left;
}
.tab-2 .tab-header {
display: none;
float: left;
width: 100%;
}
.tab-2 .tab-header ul {
display: flex;
}
.tab-2 .tab-header ul li {
margin: 0 10px;
flex-grow: 1;
text-align: center;
position: relative;
display: inline-block;
text-align: center;
padding: 5px 12px;
color: #4d4d4d;
border-radius: 16px;
-webkit-transition: all 0.5s;
-moz-transition: all 0.5s;
-ms-transition: all 0.5s;
-o-transition: all 0.5s;
transition: all 0.5s;
color: #ffffff;
}
.tab-2 .tab-header ul li.active {
background: #ffffff;
color: #4d4d4d;
-webkit-box-shadow: 0px 0px 10px 5px rgba(255, 255, 255, 0.45);
-moz-box-shadow: 0px 0px 10px 5px rgba(255, 255, 255, 0.45);
-ms-box-shadow: 0px 0px 10px 5px rgba(255, 255, 255, 0.45);
-o-box-shadow: 0px 0px 10px 5px rgba(255, 255, 255, 0.45);
box-shadow: 0px 0px 10px 5px rgba(255, 255, 255, 0.45);
}
.tab-2 .tab-header ul li:hover {
background: #ffffff;
color: #4d4d4d;
-webkit-box-shadow: 0px 0px 10px 5px rgba(255, 255, 255, 0.45);
-moz-box-shadow: 0px 0px 10px 5px rgba(255, 255, 255, 0.45);
-ms-box-shadow: 0px 0px 10px 5px rgba(255, 255, 255, 0.45);
-o-box-shadow: 0px 0px 10px 5px rgba(255, 255, 255, 0.45);
box-shadow: 0px 0px 10px 5px rgba(255, 255, 255, 0.45);
}
.tab-2 .tab-content {
float: left;
width: 100%;
color: #ffffff;
}
.tab-2 .tab-content .tab-content-inner {
float: left;
width: 100%;
padding: 10px 0;
display: none;
}
.tab-2 .tab-content h4 {
width: 100%;
padding-left: 20px;
padding-right: 20px;
margin-bottom: 30px;
font-weight: 400;
font-size: 1rem;
line-height: 1.4rem;
display: inline-block;
text-align: center;
padding: 6px 20px;
border: 1px solid #ffffff;
color: #ffffff;
border-radius: 16px;
-webkit-transition: all 0.5s;
-moz-transition: all 0.5s;
-ms-transition: all 0.5s;
-o-transition: all 0.5s;
transition: all 0.5s;
}
.tab-2 .tab-content h4.active {
color: #4d4d4d;
background: #ffffff;
}
.tab-2 .tab-content p {
font-size: 0.92rem;
}
.tab-2 .tab-content>ul>li>h3 {
font-weight: 300;
padding-top: 15px;
padding-bottom: 15px;
padding-right: 35px;
border: 1px solid #ffffff;
margin-bottom: 8px;
font-size: 1.1rem;
line-height: 1.5rem;
cursor: pointer;
}
.tab-2 .tab-content>ul>li>h3 span {
position: absolute;
top: 50%;
right: 15px;
-webkit-transform: translate(0, -50%);
-moz-transform: translate(0, -50%);
-ms-transform: translate(0, -50%);
-o-transform: translate(0, -50%);
transform: translate(0, -50%);
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
-ms-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
.tab-2 .tab-content>ul>li>h3.active-header span {
-webkit-transform: translate(0, -50%) rotate(90deg);
-moz-transform: translate(0, -50%) rotate(90deg);
-ms-transform: translate(0, -50%) rotate(90deg);
-o-transform: translate(0, -50%) rotate(90deg);
transform: translate(0, -50%) rotate(90deg);
}
.tab-2 .tab-content>ul>li ul {
margin-bottom: 20px;
}
.tab-2 .tab-content>ul>li ul li {
position: relative;
padding-left: 14px;
margin-bottom: 12px;
}
.tab-2 .tab-content>ul>li ul li:after {
content: "";
position: absolute;
top: 10px;
left: 0;
width: 4px;
height: 4px;
background: #ffffff;
border-radius: 50%;
}
@media (min-width: 992px) {
.tab-2 {
padding: 40px 30px;
}
.tab-2 .tab-header {
display: block;
margin-bottom: 60px;
}
.tab-2 .tab-content .tab-content-inner {
display: block;
padding: 0;
}
.tab-2 .tab-content>ul>li {
display: none;
}
.tab-2 .tab-content>ul>li:first-child {
display: block;
}
.tab-2 .tab-content>ul>li>h3 {
display: none;
}
.tab-2 .tab-content>ul>li ul {
margin-bottom: 0;
}
.tab-2 .tab-content h4 {
width: auto;
font-size: 1rem;
line-height: 1.4rem;
padding-top: 4px;
padding-bottom: 4px;
}
}
.tab-2.tab-orange .tab-content>ul>li h3 span {
color: #ffffff;
}
@media (max-width: 1100px) {
.touchevents .tab-2 .tab-header {
display: none;
}
.touchevents .tab-2 .tab-content .tab-content-inner {
padding: 10px 0;
display: none;
}
.touchevents .tab-2 .tab-content>ul>li {
display: block;
}
.touchevents .tab-2 .tab-content>ul>li>h3 {
display: block;
}
}
.tab-3 {
width: 100%;
float: left;
}
.tab-3 .tab-header {
display: none;
float: left;
width: 100%;
margin-top: 20px;
margin-bottom: 35px;
}
.tab-3 .tab-header ul {
display: flex;
}
.tab-3 .tab-header ul li {
margin: 0 10px;
flex-grow: 1;
text-align: center;
}
.tab-3 .tab-header ul li a {
padding-left: 20px;
padding-right: 20px;
}
.tab-3 .tab-content {
padding: 0;
float: left;
width: 100%;
}
.tab-3 .tab-content .tab-content-inner {
float: left;
width: 100%;
padding: 10px 0;
display: none;
}
.tab-3 .tab-content p {
font-size: 0.92rem;
}
.tab-3 .tab-content>ul>li>h3 {
font-weight: 300;
padding-top: 15px;
padding-bottom: 15px;
padding-right: 35px;
border: 1px solid #4d4d4d;
margin-bottom: 8px;
font-size: 1.1rem;
line-height: 1.5rem;
cursor: pointer;
}
.tab-3 .tab-content>ul>li>h3 span {
position: absolute;
top: 50%;
right: 15px;
-webkit-transform: translate(0, -50%);
-moz-transform: translate(0, -50%);
-ms-transform: translate(0, -50%);
-o-transform: translate(0, -50%);
transform: translate(0, -50%);
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
-ms-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
.tab-3 .tab-content>ul>li>h3.active-header span {
-webkit-transform: translate(0, -50%) rotate(90deg);
-moz-transform: translate(0, -50%) rotate(90deg);
-ms-transform: translate(0, -50%) rotate(90deg);
-o-transform: translate(0, -50%) rotate(90deg);
transform: translate(0, -50%) rotate(90deg);
}
.tab-3 .tab-content>ul>li ul {
margin-bottom: 15px;
}
.tab-3 .tab-content>ul>li ul li {
padding-left: 20px;
position: relative;
font-size: 0.92rem;
line-height: 1.25rem;
margin-bottom: 4px;
}
.tab-3 .tab-content>ul>li ul li:after {
content: "-";
position: absolute;
top: -1px;
left: 0;
}
@media (min-width: 992px) {
.tab-3 .tab-header {
display: block;
}
.tab-3 .tab-content {
padding: 0 15px;
}
.tab-3 .tab-content .tab-content-inner {
display: block;
padding: 0;
}
.tab-3 .tab-content>ul>li {
display: none;
}
.tab-3 .tab-content>ul>li:first-child {
display: block;
}
.tab-3 .tab-content>ul>li>h3 {
display: none;
}
}
.tab-3.tab-line-gradient .tab-header ul li {
position: relative;
display: inline-block;
text-align: center;
padding: 6px 20px;
border-radius: 16px;
}
.tab-3.tab-line-gradient .tab-header ul li:after {
content: "";
position: absolute;
top: 1px;
left: 1px;
width: calc(100% - 2px);
height: calc(100% - 2px);
background: #ffffff;
z-index: 1;
border-radius: 16px;
-webkit-transition: opacity 0.5s;
-moz-transition: opacity 0.5s;
-ms-transition: opacity 0.5s;
-o-transition: opacity 0.5s;
transition: opacity 0.5s;
}
.tab-3.tab-line-gradient .tab-header ul li a,
.tab-3.tab-line-gradient .tab-header ul li span {
display: block;
position: relative;
z-index: 2;
color: #4d4d4d;
-webkit-transition: color 0.5s;
-moz-transition: color 0.5s;
-ms-transition: color 0.5s;
-o-transition: color 0.5s;
transition: color 0.5s;
}
.tab-3.tab-line-gradient .tab-header ul li.active a,
.tab-3.tab-line-gradient .tab-header ul li.active span {
color: #ffffff;
}
.tab-3.tab-line-gradient .tab-header ul li.active:after {
opacity: 0;
}
.tab-3.tab-line-gradient .tab-header ul li:hover a,
.tab-3.tab-line-gradient .tab-header ul li:hover span {
color: #ffffff;
}
.tab-3.tab-line-gradient .tab-header ul li:hover:after {
opacity: 0;
}
.tab-3.tab-line-gradient .tab-content>ul>li h3 {
color: #4d4d4d;
}
.tab-3.tab-line-gradient .tab-content>ul>li h3 span {
color: #4d4d4d;
}
@media (min-width: 992px) {
.tab-3.tab-line-gradient .tab-content>ul>li h3 {
color: #f27023;
}
}
.tab-3.tab-line-gradient-black .tab-header ul li {
position: relative;
display: inline-block;
text-align: center;
padding: 6px 20px;
border-radius: 16px;
}
.tab-3.tab-line-gradient-black .tab-header ul li:after {
content: "";
position: absolute;
top: 1px;
left: 1px;
width: calc(100% - 2px);
height: calc(100% - 2px);
background: #ffffff;
z-index: 1;
border-radius: 16px;
-webkit-transition: opacity 0.5s;
-moz-transition: opacity 0.5s;
-ms-transition: opacity 0.5s;
-o-transition: opacity 0.5s;
transition: opacity 0.5s;
}
.tab-3.tab-line-gradient-black .tab-header ul li a,
.tab-3.tab-line-gradient-black .tab-header ul li span {
display: block;
position: relative;
z-index: 2;
color: #4d4d4d;
-webkit-transition: color 0.5s;
-moz-transition: color 0.5s;
-ms-transition: color 0.5s;
-o-transition: color 0.5s;
transition: color 0.5s;
}
.tab-3.tab-line-gradient-black .tab-header ul li.active a,
.tab-3.tab-line-gradient-black .tab-header ul li.active span {
color: #ffffff;
}
.tab-3.tab-line-gradient-black .tab-header ul li.active:after {
opacity: 0;
}
.tab-3.tab-line-gradient-black .tab-header ul li:hover a,
.tab-3.tab-line-gradient-black .tab-header ul li:hover span {
color: #ffffff;
}
.tab-3.tab-line-gradient-black .tab-header ul li:hover:after {
opacity: 0;
}
.tab-3.tab-line-gradient-black .tab-content>ul>li h3 {
color: #4d4d4d;
}
.tab-3.tab-line-gradient-black .tab-content>ul>li h3 span {
color: #4d4d4d;
}
@media (min-width: 992px) {
.tab-3.tab-line-gradient-black .tab-content>ul>li h3 {
color: #f27023;
}
}
.tab-3.tab-line-white h3 {
color: #ffffff;
border: 1px solid #ffffff !important;
}
.tab-3.tab-line-white h3 span {
color: #ffffff;
}
.tab-3.tab-line-white .tab-header ul li {
display: inline-block;
text-align: center;
padding: 4px 16px;
border: 1px solid #ffffff;
color: #ffffff;
border-radius: 16px;
-webkit-transition: all 0.5s;
-moz-transition: all 0.5s;
-ms-transition: all 0.5s;
-o-transition: all 0.5s;
transition: all 0.5s;
}
.tab-3.tab-line-white .tab-header ul li.active {
color: #4d4d4d;
background: #ffffff;
}
.tab-3.tab-line-white .tab-header ul li:hover {
color: #4d4d4d;
background: #ffffff;
}
@media (max-width: 1100px) {
.touchevents .tab-3 .tab-header {
display: none;
}
.touchevents .tab-3 .tab-content {
padding: 0;
}
.touchevents .tab-3 .tab-content .tab-content-inner {
display: none;
padding: 10px 0;
}
.touchevents .tab-3 .tab-content>ul>li {
display: block;
}
.touchevents .tab-3 .tab-content>ul>li>h3 {
display: block;
color: #4d4d4d;
}
.touchevents .tab-3.tab-line-white .tab-content>ul>li>h3 {
color: #ffffff;
}
}
.tab-list {
position: relative;
z-index: 2;
}
.tab-list .tab-list-header {
display: flex;
margin-bottom: 50px;
}
.tab-list .tab-list-header li {
flex-grow: 1;
text-align: center;
}
.tab-list .tab-list-header li .tab-list-img {
position: relative;
display: inline-block;
width: 90px;
height: 90px;
margin-bottom: 22px;
border-radius: 50%;
}
.tab-list .tab-list-header li .tab-list-img .tab-list-inner {
position: absolute;
top: 1px;
left: 1px;
width: 88px;
height: 88px;
z-index: 1;
background: #ffffff;
border-radius: 50%;
-webkit-transition: all 0.5s;
-moz-transition: all 0.5s;
-ms-transition: all 0.5s;
-o-transition: all 0.5s;
transition: all 0.5s;
}
.tab-list .tab-list-header li .tab-list-img span {
position: absolute;
z-index: 2;
top: 50%;
left: 50%;
font-size: 30px;
color: #f63b00;
-webkit-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
-webkit-transition: all 0.5s;
-moz-transition: all 0.5s;
-ms-transition: all 0.5s;
-o-transition: all 0.5s;
transition: all 0.5s;
}
.tab-list .tab-list-header li .tab-list-img span.icon-computer {
font-size: 3.4rem;
}
.tab-list .tab-list-header li .tab-list-img span.icon-mobile {
font-size: 4rem;
}
.tab-list .tab-list-header li .tab-list-img span.icon-email {
font-size: 2rem;
}
.tab-list .tab-list-header li .tab-list-img:hover .tab-list-inner {
opacity: 0;
}
.tab-list .tab-list-header li .tab-list-img:hover span {
color: #ffffff;
}
.tab-list .tab-list-header li.active .tab-list-img .tab-list-inner {
opacity: 0;
}
.tab-list .tab-list-header li.active .tab-list-img span {
color: #ffffff;
}
.tab-list .tab-list-header li h4 {
font-weight: 300;
color: #f27023;
}
.tab-list .tab-list-content>li {
display: none;
}
.tab-list .tab-list-content>li:first-child {
display: block;
}
.container-black .tab-list .tab-list-header li .tab-list-img span {
color: #4d4d4d;
}
.container-black .tab-list .tab-list-header li .tab-list-img:hover span {
color: #ffffff;
}
.container-black .tab-list .tab-list-header li h4 {
color: #4d4d4d;
}
.container-black .tab-list .tab-list-header li.active .tab-list-img span {
color: #ffffff;
}
@media (min-width: 992px) {
.tab-list .tab-list-header li .tab-list-img {
width: 110px;
height: 110px;
}
.tab-list .tab-list-header li .tab-list-img .tab-list-inner {
width: 108px;
height: 108px;
}
.tab-list .tab-list-header li .tab-list-img span {
font-size: 40px;
}
}
.tab-list-2 {
position: relative;
z-index: 2;
}
.tab-list-2 .tab-list-header {
display: flex;
margin-bottom: 50px;
}
.tab-list-2 .tab-list-header li {
flex-grow: 1;
text-align: center;
}
.tab-list-2 .tab-list-header li .tab-list-img {
position: relative;
display: inline-block;
width: 90px;
height: 90px;
margin-bottom: 22px;
border-radius: 50%;
}
.tab-list-2 .tab-list-header li .tab-list-img .tab-list-inner {
position: absolute;
top: 1px;
left: 1px;
width: 88px;
height: 88px;
z-index: 1;
border-radius: 50%;
-webkit-transition: all 0.5s;
-moz-transition: all 0.5s;
-ms-transition: all 0.5s;
-o-transition: all 0.5s;
transition: all 0.5s;
}
.tab-list-2 .tab-list-header li .tab-list-img span {
position: absolute;
z-index: 2;
top: 50%;
left: 50%;
font-size: 30px;
-webkit-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
-webkit-transition: all 0.5s;
-moz-transition: all 0.5s;
-ms-transition: all 0.5s;
-o-transition: all 0.5s;
transition: all 0.5s;
}
.tab-list-2 .tab-list-header li .tab-list-img span.icon-computer {
font-size: 3.4rem;
}
.tab-list-2 .tab-list-header li .tab-list-img span.icon-mobile {
font-size: 4rem;
}
.tab-list-2 .tab-list-header li .tab-list-img span.icon-email {
font-size: 2rem;
}
.tab-list-2 .tab-list-header li:hover .tab-list-img .tab-list-inner,
.tab-list-2 .tab-list-header li.active .tab-list-img .tab-list-inner {
opacity: 0;
}
.tab-list-2 .tab-list-header li:hover .tab-list-img span,
.tab-list-2 .tab-list-header li.active .tab-list-img span {
color: #f27023;
}
.tab-list-2 .tab-list-header li h4 {
font-weight: 300;
font-size: 1.2rem;
}
.tab-list-2 .tab-list-content>li {
display: none;
}
.tab-list-2 .tab-list-content>li:first-child {
display: block;
}
.tab-list-2 .tab-header>ul {
display: block;
}
.tab-list-2 .tab-header>ul li {
margin-bottom: 10px;
}
.tab-list-2.tab-full-white .tab-list-header li .tab-list-img {
border: 1px solid #ffffff;
background: transparent;
}
.tab-list-2.tab-full-white .tab-list-header li .tab-list-img .tab-list-inner {
background: transparent;
}
.tab-list-2.tab-full-white .tab-list-header li .tab-list-img span {
color: #ffffff;
}
.tab-list-2.tab-full-white .tab-list-header li:hover .tab-list-img,
.tab-list-2.tab-full-white .tab-list-header li.active .tab-list-img {
background: #ffffff;
}
.tab-list-2.tab-full-white .tab-list-header li:hover .tab-list-img .tab-list-inner,
.tab-list-2.tab-full-white .tab-list-header li.active .tab-list-img .tab-list-inner {
opacity: 0;
}
.tab-list-2.tab-full-white .tab-list-header li:hover .tab-list-img span,
.tab-list-2.tab-full-white .tab-list-header li.active .tab-list-img span {
color: #f27023;
}
.tab-list-2.tab-full-white .tab-list-header li h4 {
color: #ffffff;
}
.tab-list-2.tab-full-gradient .tab-list-header li .tab-list-img .tab-list-inner {
background: #ffffff;
}
.tab-list-2.tab-full-gradient .tab-list-header li .tab-list-img span {
color: #f27023;
}
.tab-list-2.tab-full-gradient .tab-list-header li:hover .tab-list-img .tab-list-inner,
.tab-list-2.tab-full-gradient .tab-list-header li.active .tab-list-img .tab-list-inner {
opacity: 0;
}
.tab-list-2.tab-full-gradient .tab-list-header li:hover .tab-list-img span,
.tab-list-2.tab-full-gradient .tab-list-header li.active .tab-list-img span {
color: #ffffff;
}
.tab-list-2.tab-full-gradient .tab-list-header li h4 {
color: #f27023;
}
.tab-list-2.tab-full-gradient-black .tab-list-header li .tab-list-img .tab-list-inner {
background: #ffffff;
}
.tab-list-2.tab-full-gradient-black .tab-list-header li .tab-list-img span {
color: #4d4d4d;
}
.tab-list-2.tab-full-gradient-black .tab-list-header li:hover .tab-list-img .tab-list-inner,
.tab-list-2.tab-full-gradient-black .tab-list-header li.active .tab-list-img .tab-list-inner {
opacity: 0;
}
.tab-list-2.tab-full-gradient-black .tab-list-header li:hover .tab-list-img span,
.tab-list-2.tab-full-gradient-black .tab-list-header li.active .tab-list-img span {
color: #ffffff;
}
.tab-list-2.tab-full-gradient-black .tab-list-header li h4 {
color: #4d4d4d;
}
@media (min-width: 992px) {
.tab-list-2 .tab-list-header li .tab-list-img {
width: 110px;
height: 110px;
}
.tab-list-2 .tab-list-header li .tab-list-img .tab-list-inner {
width: 108px;
height: 108px;
}
.tab-list-2 .tab-list-header li .tab-list-img span {
font-size: 40px;
}
.tab-list-2 .tab-list-header li .tab-list-img h4 {
font-size: 1.5rem;
}
}
.tab-content-list ul li {
margin-bottom: 20px;
}
.tab-content-list ul li strong {
font-size: 0.92rem;
font-weight: 400;
padding-left: 12px;
padding-right: 12px;
}
@media (min-width: 768px) {
.tab-content-list>ul {
padding: 15px 0;
-webkit-column-count: 2;
-moz-column-count: 2;
column-count: 2;
}
.tab-content-list>ul.two-col {
-webkit-column-count: 2;
-moz-column-count: 2;
column-count: 2;
}
.tab-content-list>ul>li {
padding: 0 5px;
break-inside: avoid-column;
}
}
.container-orange .tab-content-list ul li strong,
.container-white .tab-content-list ul li strong {
color: #ffffff;
}
.container-black .tab-content-list ul li strong {
color: #ffffff;
}
@media (min-width: 992px) {
.tab-content-list>ul {
padding: 0;
}
.tab-content-list>ul>li {
padding: 0;
}
}
.tab-4 {
width: 100%;
float: left;
}
.tab-4 ul {
float: left;
width: 100%;
}
.tab-4 ul li {
width: 100%;
float: left;
border-bottom: 1px solid #f27023;
}
.tab-4 ul li:first-child {
border-top: 1px solid #f27023;
}
.tab-4 ul li.active h3 {
color: #f27023;
}
.tab-4 ul li.active h3 span {
-webkit-transform: translate(0, -50%) rotate(90deg);
-moz-transform: translate(0, -50%) rotate(90deg);
-ms-transform: translate(0, -50%) rotate(90deg);
-o-transform: translate(0, -50%) rotate(90deg);
transform: translate(0, -50%) rotate(90deg);
}
.tab-4 ul li.active .tab-content-inner {
display: block;
}
.tab-4 p {
font-size: 0.92rem;
}
.tab-4 h3 {
display: block;
color: #4d4d4d;
font-weight: 500;
padding-bottom: 15px;
padding-top: 15px;
margin-bottom: 0;
font-size: 1.5rem;
line-height: 1.5rem;
position: relative;
cursor: pointer;
}
.tab-4 h3 span {
position: absolute;
top: 50%;
right: 15px;
-webkit-transform: translate(0, -50%);
-moz-transform: translate(0, -50%);
-ms-transform: translate(0, -50%);
-o-transform: translate(0, -50%);
transform: translate(0, -50%);
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
-ms-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
.tab-4 .tab-content-inner {
float: left;
width: 100%;
display: none;
}
@media (min-width: 992px) {
.tab-4 h3 span {
display: none;
}
}
.section,
.banking-section {
position: relative;
padding: 15px 0;
float: left;
width: 100%;
background: #ffffff;
}
.section h2,
.banking-section h2 {
font-weight: 400;
}
@media (max-width: 992px) {
.section h2,
.banking-section h2 {
font-size: 1.4rem;
line-height: 1.74rem;
}
}
@media (min-width: 992px) {
.section,
.banking-section {
padding: 40px 30px;
}
}
.about {
position: relative;
width: 100%;
height: auto;
float: left;
padding: 30px 0;
color: #ffffff;
z-index: 1;
}
.about>img {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 1;
object-fit: cover;
object-position: center center;
}
.about .about-inner {
position: relative;
z-index: 2;
}
.about .about-inner img {
width: 100%;
max-width: 120px;
margin-bottom: 20px;
}
.about .about-inner p {
font-size: 1rem;
line-height: 1.4rem;
margin-bottom: 15px;
}
@media (min-width: 992px) {
.about {
padding: 120px 25px 75px 25px;
}
.about .about-inner img {
max-width: auto;
margin-bottom: 90px;
}
.about .about-inner p {
font-size: 1.2rem;
line-height: 1.6rem;
margin-bottom: 20px;
}
}
.banking-section {
color: #ffffff;
}
.banking-section>div {
position: relative;
z-index: 2;
}
.banking-list {
display: flex;
margin-bottom: 42px;
}
.banking-list li {
margin: 0 10px;
flex-grow: 1;
}
.banking-part {
margin-bottom: 182px;
}
.bank-block {
float: left;
width: 100%;
padding: 70px 25px;
}
.bank-block p {
font-size: 1.1rem;
}
.reports-block {
float: left;
width: 100%;
padding: 30px 0;
}
.reports-block p {
font-size: 1.1rem;
}
@media (min-width: 992px) {
.reports-block {
padding: 70px 25px;
}
}
.mission-vision-block {
padding: 30px 0;
float: left;
width: 100%;
}
.mission-vision-block h3 {
margin-bottom: 40px;
}
.mission-vision-block h5 {
font-weight: 300;
font-size: 1.285714285714286rem;
margin-bottom: 40px;
}
.mission-vision-block p {
font-weight: 300;
font-size: 1.785714285714286rem;
line-height: 2.142857142857143rem;
}
.mission-vision-block img {
width: 100%;
height: auto;
margin-top: 35px;
}
@media (min-width: 992px) {
.mission-vision-block {
padding: 70px 25px;
}
}
.management-block {
position: relative;
font-size: 1.6rem;
padding-top: 0;
}
.management-block:after {
content: "";
position: absolute;
bottom: 0;
left: 15px;
width: calc(100% - 30px);
height: 1px;
background: #231f20;
}
.management-block p {
text-align: center;
}
.management-block [class^="icon"] {
margin-left: 10px;
margin-right: 15px;
color: #f63b00;
font-size: 1.2rem;
display: none;
}
.management-block a {
padding-left: 30px;
padding-right: 30px;
font-weight: 400;
text-transform: capitalize;
position: relative;
top: 0;
margin-top: 20px;
position: relative;
display: inline-block;
text-align: center;
padding: 6px 22px;
border-radius: 16px;
}
.management-block a:after {
content: "";
position: absolute;
top: 1px;
left: 1px;
width: calc(100% - 2px);
height: calc(100% - 2px);
background: #ffffff;
z-index: 1;
border-radius: 16px;
-webkit-transition: opacity 0.5s;
-moz-transition: opacity 0.5s;
-ms-transition: opacity 0.5s;
-o-transition: opacity 0.5s;
transition: opacity 0.5s;
}
.management-block a a,
.management-block a span {
display: block;
position: relative;
z-index: 2;
color: #4d4d4d;
-webkit-transition: color 0.5s;
-moz-transition: color 0.5s;
-ms-transition: color 0.5s;
-o-transition: color 0.5s;
transition: color 0.5s;
}
.management-block a.active a,
.management-block a.active span {
color: #ffffff;
}
.management-block a.active:after {
opacity: 0;
}
.management-block a:hover a,
.management-block a:hover span {
color: #ffffff;
}
.management-block a:hover:after {
opacity: 0;
}
.management-block .management-link {
margin-top: 20px;
}
.management-block .management-link a span {
color: #ffffff;
}
.management-block .management-link a:after {
display: none;
}
.management-block .management-link p {
text-align: center;
}
.management-block .management-list {
margin-top: 40px;
float: left;
width: 100%;
display: flex;
flex-wrap: wrap;
}
.management-block .management-list .management-img {
position: relative;
margin-bottom: 20px;
height: 300px;
}
.management-block .management-list .management-img img {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
object-fit: cover;
}
@media (min-width: 992px) {
.management-block .management-list .management-img {
margin-right: 15px;
height: 220px;
}
}
.management-block .management-list li {
flex-grow: 1;
margin-bottom: 20px;
padding-bottom: 20px;
border-bottom: 1px solid rgba(0, 0, 0, 0.1);
margin-bottom: 35px;
}
.management-block .management-list li:last-child {
margin-bottom: 0;
border: none;
padding-bottom: 0;
}
.management-block .management-list li:before {
display: none;
}
.management-block .management-list p {
font-size: 1.1rem;
line-height: 1.5rem;
}
@media (min-width: 992px) {
.management-block a {
top: -2px;
margin-top: 0;
}
.management-block p {
text-align: left;
}
.management-block [class^="icon"] {
display: inline-block;
}
}
.bidding-block {
position: relative;
float: left;
width: 100%;
padding: 30px 0;
}
.bidding-block p {
font-size: 1.1rem;
}
.bidding-block:after {
content: "";
position: absolute;
bottom: 0;
left: 15px;
width: calc(100% - 30px);
height: 1px;
background: #231f20;
}
.bidding-block ul {
margin-top: 30px;
float: left;
width: 100%;
display: flex;
flex-wrap: wrap;
}
.bidding-block ul li {
position: relative;
padding-left: 60px;
margin-bottom: 20px;
font-size: 1.1rem;
flex-grow: 1;
}
.bidding-block ul li:before {
display: none;
}
.bidding-block ul li [class^="icon"] {
position: absolute;
top: -1px;
left: 15px;
font-size: 1.8rem;
color: #f63b00;
}
@media (min-width: 992px) {
.bidding-block {
padding: 70px 25px;
}
}
.properties-block {
float: left;
width: 100%;
padding: 30px 0;
}
.properties-block p {
font-size: 1.1rem;
}
.properties-block .tab {
margin-top: 30px;
}
.properties-block:after {
content: "";
position: absolute;
bottom: 0;
left: 15px;
width: calc(100% - 30px);
height: 1px;
background: #231f20;
}
@media (min-width: 992px) {
.properties-block {
padding: 70px 25px 30px 25px;
}
}
.employment-block {
float: left;
width: 100%;
padding: 30px 0;
}
.employment-block p {
font-size: 1.1rem;
line-height: 1.5rem;
}
.employment-block h4 {
font-weight: 300;
font-size: 1.785714285714286rem;
margin-bottom: 30px;
}
.employment-block:after {
content: "";
position: absolute;
bottom: 0;
left: 15px;
width: calc(100% - 30px);
height: 1px;
background: #231f20;
}
.employment-block ul {
margin-top: 30px;
}
.employment-block .text-list {
margin-bottom: 15px;
}
.employment-block .text-list li {
padding-left: 15px;
position: relative;
}
.employment-block .text-list li:after {
content: "-";
position: absolute;
top: 0;
left: 0;
}
@media (min-width: 992px) {
.employment-block {
padding: 70px 25px;
}
}
.rich-text-button {
padding-left: 30px;
padding-right: 30px;
font-weight: 400;
text-transform: capitalize;
position: relative;
top: 0;
margin-top: 20px;
position: relative;
display: inline-block;
text-align: center;
padding: 6px 22px;
border-radius: 16px;
background: #ff7e00;
background: -moz-linear-gradient(left, #ff7e00 0%, #f63b00 100%);
background: -webkit-linear-gradient(left, #ff7e00 0%, #f63b00 100%);
background: linear-gradient(to right, #ff7e00 0%, #f63b00 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff7e00', endColorstr='#f63b00', GradientType=1);
}
.rich-text-button:after {
content: "";
position: absolute;
top: 1px;
left: 1px;
width: calc(100% - 2px);
height: calc(100% - 2px);
background: #ffffff;
z-index: 1;
border-radius: 16px;
-webkit-transition: opacity 0.5s;
-moz-transition: opacity 0.5s;
-ms-transition: opacity 0.5s;
-o-transition: opacity 0.5s;
transition: opacity 0.5s;
}
.rich-text-button:hover:after {
opacity: 0;
}
.rich-text-button span {
display: block;
position: relative;
z-index: 2;
color: #4d4d4d;
-webkit-transition: color 0.5s;
-moz-transition: color 0.5s;
-ms-transition: color 0.5s;
-o-transition: color 0.5s;
transition: color 0.5s;
}
.junior-block {
float: left;
width: 100%;
padding: 30px 0;
}
.junior-block img {
width: 100%;
height: auto;
margin-bottom: 50px;
}
.junior-block a {
padding-left: 30px;
padding-right: 30px;
font-weight: 400;
text-transform: capitalize;
position: relative;
top: 0;
margin-top: 20px;
position: relative;
display: inline-block;
text-align: center;
padding: 6px 22px;
border-radius: 16px;
}
.junior-block a:after {
content: "";
position: absolute;
top: 1px;
left: 1px;
width: calc(100% - 2px);
height: calc(100% - 2px);
background: #ffffff;
z-index: 1;
border-radius: 16px;
-webkit-transition: opacity 0.5s;
-moz-transition: opacity 0.5s;
-ms-transition: opacity 0.5s;
-o-transition: opacity 0.5s;
transition: opacity 0.5s;
}
.junior-block a a,
.junior-block a span {
display: block;
position: relative;
z-index: 2;
color: #4d4d4d;
-webkit-transition: color 0.5s;
-moz-transition: color 0.5s;
-ms-transition: color 0.5s;
-o-transition: color 0.5s;
transition: color 0.5s;
}
.junior-block a.active a,
.junior-block a.active span {
color: #ffffff;
}
.junior-block a.active:after {
opacity: 0;
}
.junior-block a:hover a,
.junior-block a:hover span {
color: #ffffff;
}
.junior-block a:hover:after {
opacity: 0;
}
@media (min-width: 992px) {
.junior-block {
padding: 70px 25px;
}
}
.contact-block {
float: left;
width: 100%;
padding: 30px 0;
margin-bottom: 100px;
}
.contact-block .form {
margin-top: 20px;
}
.contact-block p {
font-size: 1.1rem;
}
.contact-block:after {
content: "";
position: absolute;
bottom: 0;
left: 15px;
width: calc(100% - 30px);
height: 1px;
background: #231f20;
}
@media (min-width: 992px) {
.contact-block {
padding: 70px 25px;
}
.contact-block .form {
margin-top: 50px;
}
}
.link-list {
margin-top: 20px;
}
.link-list li {
display: block;
position: relative;
display: inline-block;
text-align: center;
padding: 6px 16px;
color: #4d4d4d;
border-radius: 16px;
-webkit-transition: all 0.5s;
-moz-transition: all 0.5s;
-ms-transition: all 0.5s;
-o-transition: all 0.5s;
transition: all 0.5s;
background: #ffffff;
margin: 5px 0;
margin-bottom: 10px;
}
.link-list li.active {
background: #ffffff;
color: #4d4d4d;
-webkit-box-shadow: 0px 0px 10px 5px rgba(255, 255, 255, 0.45);
-moz-box-shadow: 0px 0px 10px 5px rgba(255, 255, 255, 0.45);
-ms-box-shadow: 0px 0px 10px 5px rgba(255, 255, 255, 0.45);
-o-box-shadow: 0px 0px 10px 5px rgba(255, 255, 255, 0.45);
box-shadow: 0px 0px 10px 5px rgba(255, 255, 255, 0.45);
}
.link-list li:hover {
background: #ffffff;
color: #4d4d4d;
-webkit-box-shadow: 0px 0px 10px 5px rgba(255, 255, 255, 0.45);
-moz-box-shadow: 0px 0px 10px 5px rgba(255, 255, 255, 0.45);
-ms-box-shadow: 0px 0px 10px 5px rgba(255, 255, 255, 0.45);
-o-box-shadow: 0px 0px 10px 5px rgba(255, 255, 255, 0.45);
box-shadow: 0px 0px 10px 5px rgba(255, 255, 255, 0.45);
}
.link-list li:first-child {
margin-left: 0;
}
@media (min-width: 992px) {
.link-list {
margin-top: 80px;
}
.link-list li {
margin: 0 10px;
margin-bottom: 10px;
display: inline-block;
}
}
.reports-block {
padding-bottom: 0;
}
.reports {
width: 100%;
float: left;
margin-top: 40px;
}
.reports-header {
float: left;
width: 100%;
margin-bottom: 50px;
display: none;
}
.reports-header ul {
width: 100%;
float: left;
text-align: center;
}
.reports-header ul li {
text-align: center;
margin: 0 15px;
position: relative;
display: inline-block;
text-align: center;
padding: 6px 16px;
border-radius: 16px;
}
.reports-header ul li:after {
content: "";
position: absolute;
top: 1px;
left: 1px;
width: calc(100% - 2px);
height: calc(100% - 2px);
background: #ffffff;
z-index: 1;
border-radius: 16px;
-webkit-transition: opacity 0.5s;
-moz-transition: opacity 0.5s;
-ms-transition: opacity 0.5s;
-o-transition: opacity 0.5s;
transition: opacity 0.5s;
}
.reports-header ul li a,
.reports-header ul li span {
display: block;
position: relative;
z-index: 2;
color: #4d4d4d;
-webkit-transition: color 0.5s;
-moz-transition: color 0.5s;
-ms-transition: color 0.5s;
-o-transition: color 0.5s;
transition: color 0.5s;
}
.reports-header ul li.active a,
.reports-header ul li.active span {
color: #ffffff;
}
.reports-header ul li.active:after {
opacity: 0;
}
.reports-header ul li:hover a,
.reports-header ul li:hover span {
color: #ffffff;
}
.reports-header ul li:hover:after {
opacity: 0;
}
@media (min-width: 992px) {
.reports-header {
display: block;
}
}
.reports-content {
float: left;
width: 100%;
}
.reports-content h3 {
display: block;
float: left;
width: 100%;
padding: 15px;
border: 1px solid #f27023;
margin-bottom: 8px;
font-size: 1.1rem;
line-height: 1.5rem;
position: relative;
cursor: pointer;
}
.reports-content h3 span {
position: absolute;
top: 50%;
right: 15px;
-webkit-transform: translate(0, -50%);
-moz-transform: translate(0, -50%);
-ms-transform: translate(0, -50%);
-o-transform: translate(0, -50%);
transform: translate(0, -50%);
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
-ms-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
.reports-content h3.report-header span {
-webkit-transform: translate(0, -50%) rotate(90deg);
-moz-transform: translate(0, -50%) rotate(90deg);
-ms-transform: translate(0, -50%) rotate(90deg);
-o-transform: translate(0, -50%) rotate(90deg);
transform: translate(0, -50%) rotate(90deg);
}
.reports-content>ul {
float: left;
width: 100%;
}
.reports-content>ul>li {
float: left;
width: 100%;
}
@media (min-width: 992px) {
.reports-content h3 {
display: none;
}
.reports-content>ul>li {
display: none;
}
.reports-content>ul>li:first-child {
display: block;
}
}
.reports-inner {
display: none;
float: left;
width: 100%;
margin-bottom: 30px;
}
@media (min-width: 992px) {
.reports-inner {
display: block;
margin-bottom: 0;
}
}
.reports-year {
float: left;
width: 100%;
margin-bottom: 40px;
}
.reports-year>ul {
text-align: center;
display: flex;
}
.reports-year>ul li {
position: relative;
display: inline-block;
flex-grow: 1;
text-align: center;
}
.reports-year>ul li a {
padding-right: 15px;
padding-left: 15px;
position: relative;
z-index: 1;
color: #817970;
font-size: 1.25rem;
background: #ffffff;
position: relative;
top: 6px;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
-ms-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
width: 100%;
float: left;
text-align: center;
display: inline-block;
}
.reports-year>ul li img {
float: left;
width: 70%;
position: relative;
top: 10px;
display: none;
}
.reports-year>ul li.active a,
.reports-year>ul li:hover a {
color: #f63b00;
}
@media (min-width: 992px) {
.reports-year {
margin-bottom: 60px;
}
.reports-year>ul li {
text-align: left;
}
.reports-year>ul li a {
width: 30%;
font-size: 1.75rem;
}
.reports-year>ul li img {
display: block;
}
}
.reports-year-content {
float: left;
width: 100%;
}
.reports-year-content>ul>li {
display: none;
}
.reports-year-content>ul>li:first-child {
display: block;
}
.reports-section {
float: left;
width: 100%;
color: #ffffff;
padding: 15px;
text-align: center;
display: block;
}
.reports-section img {
width: 100%;
height: auto;
max-width: 190px;
}
.reports-section h2 {
color: #ffffff !important;
padding-top: 0;
}
.reports-section a {
text-transform: uppercase;
font-size: 1rem;
margin-bottom: 20px;
display: inline-block;
text-align: center;
padding: 4px 22px;
border: 1px solid #ffffff;
color: #ffffff;
border-radius: 16px;
-webkit-transition: all 0.5s;
-moz-transition: all 0.5s;
-ms-transition: all 0.5s;
-o-transition: all 0.5s;
transition: all 0.5s;
}
.reports-section a.active {
color: #4d4d4d;
background: #ffffff;
}
.reports-section a:hover {
color: #4d4d4d;
background: #ffffff;
}
.reports-section a span {
position: relative;
top: 1px;
margin-left: 5px;
}
@media (min-width: 992px) {
.reports-section {
padding: 50px 90px;
display: flex;
align-items: center;
justify-content: center;
}
.reports-section a {
margin-bottom: 0;
}
}
.arrow-list {
display: flex;
flex-wrap: wrap;
}
.arrow-list li {
padding-left: 60px;
position: relative;
margin-bottom: 20px;
font-size: 1.1rem;
}
.arrow-list li [class^="icon"] {
position: absolute;
top: -1px;
left: 15px;
font-size: 1.8rem;
color: #f63b00;
}
#map {
width: 100%;
height: 300px;
margin-top: 20px;
margin-bottom: 55px;
position: relative;
z-index: 1;
}
@media (min-width: 768px) {
#map {
height: 400px;
}
}
@media (min-width: 992px) {
#map {
height: 600px;
}
}
.map-filter {
float: left;
width: 100%;
position: relative;
margin: 30px 0 0 0;
z-index: 2;
}
.map-filter .main-nav {
display: none;
}
.map-filter .filter-item {
float: left;
position: relative;
}
.map-filter .filter-item label {
padding-left: 60px;
cursor: pointer;
}
.map-filter .filter-item:before {
content: 'mobile';
display: none;
}
@media only screen and (min-width: 992px) {
.map-filter .filter-item:before {
content: 'desktop';
}
}
.map-filter .has-dropdown span {
cursor: pointer;
padding-top: 2px;
padding-bottom: 2px;
}
.map-filter .dropdown-list {
top: -10px;
-webkit-transform: translateX(0) !important;
-moz-transform: translateX(0) !important;
-ms-transform: translateX(0) !important;
-o-transform: translateX(0) !important;
transform: translateX(0) !important;
}
.map-filter .menu {
margin-top: 0;
}
.map-filter .menu li {
width: 200px;
}
.map-filter .menu li a {
text-transform: capitalize;
}
.map-filter .content-item {
width: 400px;
}
@media (min-width: 992px) {
.map-filter .main-nav {
display: block;
}
}
.marker-info {
text-align: center;
padding: 6px;
font-family: "Open Sans", sans-serif;
display: flex;
}
.marker-info .marker-img {
flex-grow: 1;
}
.marker-info .marker-info-inner {
flex-grow: 3;
padding: 2px 12px;
}
.marker-info h5 {
font-weight: 700;
font-size: 1.15rem;
margin-bottom: 4px;
text-align: center;
}
.marker-info p {
text-align: left;
margin-bottom: 0;
font-size: 1rem;
line-height: 1.25rem;
}
#city-select {
display: block;
position: relative;
top: -8px;
width: 100%;
}
@media (min-width: 768px) {
#city-select {
width: 200px;
}
}
@media (min-width: 992px) {
#city-select {
display: none;
}
}
@media (max-width: 767px) {
.filter-select {
width: 100%;
}
}
.map-block {
float: left;
width: 100%;
margin-top: 40px;
}
.map-block #map {
margin-bottom: 0;
}
.accordion {
float: left;
width: 100%;
}
.accordion li {
position: relative;
padding: 10px !important;
width: 100%;
border-bottom: 1px solid #f63b00;
}
.accordion li:before {
display: none;
}
.accordion li h4 {
font-size: 1.25rem;
cursor: pointer;
position: relative;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.accordion li h4 span {
position: absolute;
top: 0;
right: 0;
color: #f27023;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.accordion li .accordion-inner {
display: none;
padding: 15px 0;
}
.accordion li.active h4 {
color: #f27023;
}
.accordion li.active h4 span {
-webkit-transform: rotate(90deg);
-moz-transform: rotate(90deg);
-ms-transform: rotate(90deg);
-o-transform: rotate(90deg);
transform: rotate(90deg);
}
.csr {
float: left;
width: 100%;
margin-top: 100px;
padding: 50px 0;
margin-bottom: 50px;
position: relative;
z-index: 1;
}
.csr .slide-arrow {
display: none;
position: absolute;
top: 50%;
color: #ffffff;
font-size: 3rem;
-webkit-transform: translate(0, -50%);
-moz-transform: translate(0, -50%);
-ms-transform: translate(0, -50%);
-o-transform: translate(0, -50%);
transform: translate(0, -50%);
}
.csr .slide-arrow.next-slide {
right: -60px;
}
.csr .slide-arrow.prev-slide {
left: -60px;
}
.csr .social-media {
padding-left: 0;
padding-right: 0;
max-width: 160px;
margin-bottom: 20px;
}
.csr .social-media li a {
color: #ffffff;
}
@media (min-width: 992px) {
.csr .social-media {
margin-bottom: 0;
}
}
@media (min-width: 992px) {
.csr .slide-arrow {
display: block;
}
}
.csr-container {
position: relative;
width: 100%;
float: left;
}
.csr-container iframe {
z-index: 3;
}
.csr-container .img-wrapper {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
object-fit: cover;
object-position: center center;
cursor: pointer;
z-index: 4;
}
.csr-container .img-wrapper img {
position: relative;
z-index: 1;
}
.csr-container .img-wrapper:after {
content: "";
position: absolute;
top: 50%;
left: 50%;
height: 70px;
width: 70px;
z-index: 2;
background-image: url("../img/play_white.svg");
background-repeat: no-repeat;
background-position: center center;
background-size: 100%;
-webkit-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
.csr-text-container {
margin-top: 40px;
float: left;
width: 100%;
color: #ffffff;
}
.csr-text-container .date-block {
position: relative;
bottom: 0;
left: 0;
margin-bottom: 20px;
}
.csr-list {
float: left;
width: 100%;
margin-bottom: 50px;
display: flex;
flex-wrap: wrap;
position: relative;
z-index: 1;
margin-top: 50px;
}
.csr-list li {
margin-bottom: 30px;
}
.csr-list li a {
display: block;
}
.csr-list li:hover .csr-image:before {
-webkit-transform: translate(0, 0);
-moz-transform: translate(0, 0);
-ms-transform: translate(0, 0);
-o-transform: translate(0, 0);
transform: translate(0, 0);
}
.csr-list .csr-date {
color: #f27023;
font-size: 0.9rem;
margin-bottom: 10px;
}
.csr-list .csr-info {
padding: 10px 0;
border-top: 1px solid #f27023;
}
.csr-list .csr-info h4 {
line-height: 1.5rem;
font-weight: 400;
margin-bottom: 25px;
}
.csr-list .csr-info p {
font-size: 0.9rem;
margin-bottom: 0;
}
.csr-list .csr-video {
margin-bottom: 25px;
position: relative;
}
.csr-list .csr-video .video:after {
display: none;
}
.csr-list .csr-video .img-wrapper {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
object-fit: cover;
object-position: center center;
cursor: pointer;
}
.csr-list h4 {
font-size: 1.25rem;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.video-img:after {
content: "";
position: absolute;
top: 50%;
left: 50%;
width: 40px;
height: 40px;
z-index: 2;
background-image: url("../img/play.svg");
background-repeat: no-repeat;
background-position: center center;
background-size: 100%;
-webkit-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
.csr-block {
margin-top: 30px;
}
@media (min-width: 992px) {
.csr-block {
margin-top: 0;
}
}
.apply {
float: left;
width: 100%;
margin: 10px 0 100px 0;
}
@media (min-width: 992px) {
.apply {
margin: 100px 0;
}
}
.apply-title {
margin: 30px 0;
text-align: center;
font-weight: 300;
color: #f27023;
}
.apply-title h2 {
font-weight: 400;
}
.container-center {
position: relative;
z-index: 2;
}
.container-center .logo {
display: block;
margin-bottom: 25px;
}
.container-center .languages {
text-align: center;
}
.container-center .languages li {
display: inline-block;
color: #ffffff;
}
.container-center .languages li.active a {
font-weight: 700;
}
@media (max-width: 992px) {
.container-center .row>div {
margin: 30px 0;
}
}
@media (min-width: 992px) {
.container-center {
position: absolute;
top: 50%;
left: 50%;
z-index: 2;
width: 100%;
-webkit-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
}
.ebanking-form {
background: #ffffff;
float: left;
width: 100%;
text-align: center;
padding: 32px 0 32px 0;
min-height: 360px;
position: relative;
}
.ebanking-form .ebanking-form-bottom {
position: absolute;
bottom: 32px;
left: 0;
width: 100%;
}
.ebanking-form h3 {
text-align: center;
font-weight: 700;
margin-bottom: 30px;
}
.ebanking-form .input-row {
text-align: left;
border: 0;
width: 100%;
float: left;
padding: 20px 30px;
border-top: 1px solid #f27023;
border-bottom: 1px solid #f27023;
font-size: 1rem;
}
.ebanking-form .input-row.input-row-down {
border-top: 0;
margin-bottom: 30px;
}
.ebanking-form .input-row.input-row-down span {
margin-left: 5px;
}
.ebanking-form input {
margin-left: 45px;
border: 0;
font-size: 1.1rem;
}
.ebanking-form span {
font-size: 1.2rem;
}
.ebanking-form button {
cursor: pointer;
border: 0;
font-weight: 700;
text-transform: capitalize;
margin-bottom: 20px;
min-width: 160px;
margin-left: 10px;
margin-right: 10px;
position: relative;
display: inline-block;
text-align: center;
padding: 4px 16px;
border-radius: 16px;
}
.ebanking-form button:after {
content: "";
position: absolute;
top: 1px;
left: 1px;
width: calc(100% - 2px);
height: calc(100% - 2px);
background: #ffffff;
z-index: 1;
opacity: 0;
border-radius: 16px;
-webkit-transition: opacity 0.5s;
-moz-transition: opacity 0.5s;
-ms-transition: opacity 0.5s;
-o-transition: opacity 0.5s;
transition: opacity 0.5s;
}
.ebanking-form button a,
.ebanking-form button span {
display: block;
position: relative;
z-index: 2;
color: #ffffff;
-webkit-transition: color 0.5s;
-moz-transition: color 0.5s;
-ms-transition: color 0.5s;
-o-transition: color 0.5s;
transition: color 0.5s;
}
.ebanking-form button.active a,
.ebanking-form button.active span,
.ebanking-form button.active-item a,
.ebanking-form button.active-item span {
color: #4d4d4d;
}
.ebanking-form button.active:after,
.ebanking-form button.active-item:after {
opacity: 1;
}
.ebanking-form button:hover a,
.ebanking-form button:hover span {
color: #4d4d4d;
}
.ebanking-form button:hover:after {
opacity: 1;
}
.ebanking-form a {
font-size: 0.8rem;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
-ms-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
.ebanking-form a:hover {
color: #f63b00;
}
.ebanking-links li {
float: left;
width: 100%;
color: #ffffff;
margin-bottom: 15px;
}
.ebanking-links li a {
width: 100%;
display: inline-block;
text-align: center;
padding: 6px 24px;
border: 1px solid #ffffff;
color: #ffffff;
border-radius: 18px;
-webkit-transition: all 0.5s;
-moz-transition: all 0.5s;
-ms-transition: all 0.5s;
-o-transition: all 0.5s;
transition: all 0.5s;
text-align: left;
}
.ebanking-links li a.active {
color: #4d4d4d;
background: #ffffff;
}
.ebanking-links li a:hover {
color: #4d4d4d;
background: #ffffff;
}
.ebanking-links li.active a {
background: #ffffff;
color: #4d4d4d;
-webkit-box-shadow: 0px 0px 10px 5px rgba(255, 255, 255, 0.6);
-moz-box-shadow: 0px 0px 10px 5px rgba(255, 255, 255, 0.6);
-ms-box-shadow: 0px 0px 10px 5px rgba(255, 255, 255, 0.6);
-o-box-shadow: 0px 0px 10px 5px rgba(255, 255, 255, 0.6);
box-shadow: 0px 0px 10px 5px rgba(255, 255, 255, 0.6);
}
.useractivation-form input[type="text"] {
width: 100%;
margin-left: 0;
text-align: center;
}
.useractivation-form .back-btn span {
display: inline-block;
}
.useractivation-form .back-btn .icon-arrow-right {
margin-right: 10px;
}
.box-gradient {
width: 100%;
}
.box-gradient>div {
position: relative;
}
.box-gradient>div:after {
display: none;
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 2;
}
.box-gradient img {
position: relative;
width: 100%;
height: auto;
margin-bottom: 30px;
}
.box-gradient .box-gradient-content {
position: relative;
z-index: 3;
}
@media (min-width: 992px) {
.box-gradient {
margin-top: 88px;
}
.box-gradient>div {
padding: 50px;
min-height: 400px;
}
.box-gradient>div:after {
display: block;
}
.box-gradient img {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
object-fit: cover;
z-index: 1;
}
.box-gradient .box-gradient-content {
color: #ffffff;
}
}
.form.contact-form {
float: left;
width: 100%;
}
.form .date-field {
background-image: url("../img/calendar.svg");
background-position: 98% center;
background-repeat: no-repeat;
background-size: 18px;
}
.form input,
.form textarea {
width: 100%;
background: #f1f2f2;
border: 0;
padding: 12px 15px;
margin-bottom: 20px;
color: #4d4d4d;
-webkit-transition: background-color 0.5s, box-shadow 0.5s;
-moz-transition: background-color 0.5s, box-shadow 0.5s;
-ms-transition: background-color 0.5s, box-shadow 0.5s;
-o-transition: background-color 0.5s, box-shadow 0.5s;
transition: background-color 0.5s, box-shadow 0.5s;
}
.form input:focus,
.form textarea:focus {
outline: 0;
box-shadow: 0 0 1px 1px rgba(242, 112, 35, 0.75);
background-color: #ffffff;
}
.form textarea {
height: 140px;
resize: none;
}
.form button {
width: 100%;
border: 0;
cursor: pointer;
position: relative;
display: inline-block;
text-align: center;
padding: 6px 16px;
border-radius: 16px;
}
.form button:after {
content: "";
position: absolute;
top: 1px;
left: 1px;
width: calc(100% - 2px);
height: calc(100% - 2px);
background: #ffffff;
z-index: 1;
opacity: 0;
border-radius: 16px;
-webkit-transition: opacity 0.5s;
-moz-transition: opacity 0.5s;
-ms-transition: opacity 0.5s;
-o-transition: opacity 0.5s;
transition: opacity 0.5s;
}
.form button a,
.form button span {
display: block;
position: relative;
z-index: 2;
color: #ffffff;
-webkit-transition: color 0.5s;
-moz-transition: color 0.5s;
-ms-transition: color 0.5s;
-o-transition: color 0.5s;
transition: color 0.5s;
}
.form button.active a,
.form button.active span,
.form button.active-item a,
.form button.active-item span {
color: #4d4d4d;
}
.form button.active:after,
.form button.active-item:after {
opacity: 1;
}
.form button:hover a,
.form button:hover span {
color: #4d4d4d;
}
.form button:hover:after {
opacity: 1;
}
select {
width: 100%;
background: #f1f2f2;
border: 0;
padding: 12px 15px;
margin-bottom: 20px;
color: #4d4d4d;
color: #a9a9a9;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
background-image: url("../img/arrow-down.svg");
background-position: 98% center;
background-repeat: no-repeat;
background-size: 19px;
cursor: pointer;
-webkit-transition: background-color 0.5s, box-shadow 0.5s;
-moz-transition: background-color 0.5s, box-shadow 0.5s;
-ms-transition: background-color 0.5s, box-shadow 0.5s;
-o-transition: background-color 0.5s, box-shadow 0.5s;
transition: background-color 0.5s, box-shadow 0.5s;
}
select:focus {
outline: 0;
box-shadow: 0 0 1px 1px rgba(242, 112, 35, 0.75);
background-color: #ffffff;
}
select.changed {
color: #4d4d4d;
}
select option {
color: #4d4d4d;
}
[type="radio"],
[type="checkbox"] {
pointer-events: none;
position: absolute;
left: 0;
visibility: visible;
opacity: 0;
}
/* gravity form finetune checkbox and radio */
.complaint-form [type="radio"]+label,
.complaint-form [type="checkbox"]+label {
padding-left: 32px;
line-height: 24px;
position: relative;
}
.complaint-form [type="radio"]+label:before,
.complaint-form [type="checkbox"]+label:before {
left: 0;
}
.complaint-form [type="radio"]+label:after,
.complaint-form [type="checkbox"]+label:after {
left: 8px;
}
[type="radio"]+label,
[type="checkbox"]+label {
padding-left: 40px;
}
[type="radio"]+label:before,
[type="checkbox"]+label:before {
content: "";
position: absolute;
top: 1px;
left: 20px;
width: 22px;
height: 22px;
background-image: url("../img/round.svg");
background-position: center center;
background-repeat: no-repeat;
background-size: 100%;
}
[type="radio"]+label:after,
[type="checkbox"]+label:after {
content: "";
position: absolute;
top: 7px;
left: 29px;
width: 15px;
height: 9px;
opacity: 0;
background-image: url("../img/tick.svg");
background-position: center center;
background-repeat: no-repeat;
background-size: 100%;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
-ms-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
[type="radio"]:checked+label:after,
[type="checkbox"]:checked+label:after {
opacity: 1;
}
.terms-text label {
font-size: 0.9rem;
}
.submit-part {
margin-top: 30px;
}
.service-form .service-row {
margin-bottom: 20px;
float: left;
width: 100%;
}
.service-form .service-row textarea {
margin-bottom: 0;
}
.service-form h5 {
margin-bottom: 20px;
font-weight: 400;
}
.field-wrapper {
position: relative;
float: left;
margin-right: 20px;
}
.field-wrapper label:before {
top: 0 !important;
left: 5px !important;
}
.field-wrapper label:after {
left: 15px !important;
}
.form-title {
margin: 50px 0;
text-align: center;
}
.form-title h3 {
font-weight: 400;
margin-bottom: 0;
}
.add {
display: inline-block;
position: relative;
border: 1px solid #f63b00;
padding: 12px 30px 12px 50px;
color: #f63b00;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
-ms-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
.add .file {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
opacity: 0;
}
.add:before {
content: "+";
position: absolute;
top: 50%;
left: 10px;
font-size: 2rem;
-webkit-transform: translate(0, -52%);
-moz-transform: translate(0, -52%);
-ms-transform: translate(0, -52%);
-o-transform: translate(0, -52%);
transform: translate(0, -52%);
}
.add:hover {
background: #f63b00;
color: #ffffff;
}
.add.add-2 {
margin-top: 30px;
}
.postdiplomatik-wrapper {
margin-bottom: 20px;
}
.aftesite-wrapper-main {
margin-bottom: 50px;
float: left;
width: 100%;
}
.credit-type-form {
display: none;
}
.form-seperation hr {
margin-top: 0;
margin-bottom: 20px;
}
.pagination {
display: inline-block;
padding-left: 0;
margin-top: 1rem;
margin-bottom: 1rem;
border-radius: 0.25rem;
}
.page-item {
display: inline;
}
.page-item:first-child .page-link {
margin-left: 0;
border-bottom-left-radius: 0.25rem;
border-top-left-radius: 0.25rem;
}
.page-item:last-child .page-link {
border-bottom-right-radius: 0.25rem;
border-top-right-radius: 0.25rem;
}
.page-link {
position: relative;
float: left;
padding: 0.5rem 0.75rem;
margin-left: -1px;
line-height: 1.5;
color: inherit;
text-decoration: none;
background-color: #ffffff;
border: 1px solid #ddd;
}
.pagination-lg .page-link {
padding: 0.75rem 1.5rem;
font-size: 1.25rem;
line-height: 1.33333;
}
.pagination-lg .page-item:first-child .page-link {
border-bottom-left-radius: 0.3rem;
border-top-left-radius: 0.3rem;
}
.pagination-lg .page-item:last-child .page-link {
border-bottom-right-radius: 0.3rem;
border-top-right-radius: 0.3rem;
}
.pagination-sm .page-link {
padding: 0.275rem 0.75rem;
font-size: 0.875rem;
line-height: 1.5;
}
.pagination-sm .page-item:first-child .page-link {
border-bottom-left-radius: 0.2rem;
border-top-left-radius: 0.2rem;
}
.pagination-sm .page-item:last-child .page-link {
border-bottom-right-radius: 0.2rem;
border-top-right-radius: 0.2rem;
}
.bx-wrapper {
position: relative;
padding: 0;
zoom: 1;
-ms-touch-action: pan-y;
touch-action: pan-y;
}
@media (min-width: 992px) {
.bx-wrapper {
height: 100%;
}
}
.news-slider .bx-wrapper {
height: auto;
}
.bx-wrapper img {
max-width: 100%;
display: block;
}
.bxslider {
margin: 0;
padding: 0;
}
ul.bxslider {
list-style: none;
}
.bx-viewport {
-webkit-transform: translateZ(0);
-moz-transform: translateZ(0);
-ms-transform: translateZ(0);
-o-transform: translateZ(0);
transform: translateZ(0);
}
@media (min-width: 992px) {
.slider .bx-viewport {
height: 100% !important;
}
.bx-viewport>ul,
.bx-viewport>ul>li {
height: 100%;
}
.bx-viewport>ul>li>img {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
object-fit: cover;
object-position: center center;
z-index: 1;
}
.news-slider .bx-viewport>ul,
.news-slider .bx-viewport>ul>li {
height: auto;
padding-left: 0;
}
.news-slider .bx-viewport>ul:before,
.news-slider .bx-viewport>ul>li:before {
display: none;
}
.news-slider .bx-viewport>ul>li>img {
position: relative;
top: 0;
left: 0;
width: 100%;
height: auto;
object-fit: inherit;
margin-bottom: 0;
}
}
.bx-wrapper .bx-pager,
.bx-wrapper .bx-controls-auto {
position: absolute;
bottom: 30px;
width: 100%;
}
.bx-wrapper .bx-loading {
min-height: 50px;
background: url("../img/bx_loader.gif") center center no-repeat #ffffff;
height: 100%;
width: 100%;
position: absolute;
top: 0;
left: 0;
z-index: 2000;
}
.bx-wrapper .bx-pager {
text-align: right;
padding: 0 90px;
width: auto;
}
.bx-wrapper .bx-pager.bx-default-pager a {
background: transparent;
text-indent: -9999px;
display: block;
width: 10px;
height: 10px;
margin: 0 2px;
outline: 0;
border: 2px solid #ffffff;
border-radius: 50%;
}
.slider-black .bx-wrapper .bx-pager.bx-default-pager a {
border: 2px solid #4d4d4d;
}
.bx-wrapper .bx-pager.bx-default-pager a:hover,
.bx-wrapper .bx-pager.bx-default-pager a.active,
.bx-wrapper .bx-pager.bx-default-pager a:focus {
background: #ffffff;
}
.slider-black .bx-wrapper .bx-pager.bx-default-pager a:hover,
.slider-black .bx-wrapper .bx-pager.bx-default-pager a.active,
.slider-black .bx-wrapper .bx-pager.bx-default-pager a:focus {
background: #4d4d4d;
}
.bx-wrapper .bx-pager-item,
.bx-wrapper .bx-controls-auto .bx-controls-auto-item {
display: inline-block;
zoom: 1;
display: inline;
}
.bx-wrapper .bx-pager-item {
font-size: 0;
line-height: 0;
}
.bx-wrapper .bx-prev {
left: 20px;
}
.bx-wrapper .bx-prev:hover,
.bx-wrapper .bx-prev:focus {
background-position: 0 0;
}
.bx-wrapper .bx-next {
right: 20px;
}
.bx-wrapper .bx-next:hover,
.bx-wrapper .bx-next:focus {
background-position: -43px 0;
}
.slider-nc .bx-wrapper .bx-controls-direction {
display: none;
}
.bx-wrapper .bx-controls-direction a {
position: absolute;
top: 50%;
margin-top: -16px;
outline: 0;
width: 32px;
height: 32px;
z-index: 9999;
color: #ffffff;
font-size: 1.8rem;
text-align: center;
}
.slider-black .bx-wrapper .bx-controls-direction a {
color: #4d4d4d;
}
.bx-wrapper .bx-controls-direction a.disabled {
display: none;
}
.bx-wrapper .bx-controls-auto {
text-align: center;
}
.bx-wrapper .bx-controls-auto .bx-start {
display: block;
text-indent: -9999px;
width: 10px;
height: 11px;
outline: 0;
margin: 0 3px;
}
.bx-wrapper .bx-controls-auto .bx-start:hover,
.bx-wrapper .bx-controls-auto .bx-start.active,
.bx-wrapper .bx-controls-auto .bx-start:focus {
background-position: -86px 0;
}
.bx-wrapper .bx-controls-auto .bx-stop {
display: block;
text-indent: -9999px;
width: 9px;
height: 11px;
outline: 0;
margin: 0 3px;
}
.bx-wrapper .bx-controls-auto .bx-stop:hover,
.bx-wrapper .bx-controls-auto .bx-stop.active,
.bx-wrapper .bx-controls-auto .bx-stop:focus {
background-position: -86px -33px;
}
.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager {
text-align: left;
width: 80%;
}
.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto {
right: 0;
width: 35px;
}
.bx-controls-direction,
.bx-pager {
display: none;
}
@media (min-width: 992px) {
.bx-controls-direction,
.bx-pager {
display: block;
}
}
.ui-helper-hidden {
display: none;
}
.ui-helper-hidden-accessible {
border: 0;
clip: rect(0 0 0 0);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute;
width: 1px;
}
.ui-helper-reset {
margin: 0;
padding: 0;
border: 0;
outline: 0;
line-height: 1.3;
text-decoration: none;
font-size: 100%;
list-style: none;
}
.ui-helper-clearfix:before,
.ui-helper-clearfix:after {
content: "";
display: table;
border-collapse: collapse;
}
.ui-helper-clearfix:after {
clear: both;
}
.ui-helper-zfix {
width: 100%;
height: 100%;
top: 0;
left: 0;
position: absolute;
opacity: 0;
filter: Alpha(Opacity=0);
/* support: IE8 */
}
.ui-front {
z-index: 100;
}
/* Interaction Cues
----------------------------------*/
.ui-state-disabled {
cursor: default !important;
pointer-events: none;
}
.ui-widget-icon-block {
left: 50%;
margin-left: -8px;
display: block;
}
/* Misc visuals
----------------------------------*/
/* Overlays */
.ui-widget-overlay {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.ui-datepicker {
width: 17em;
padding: .2em .2em 0;
display: none;
}
.ui-datepicker .ui-datepicker-header {
position: relative;
padding: .2em 0;
border-radius: 0;
}
.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next {
position: absolute;
top: 4px;
width: 1.8em;
height: 1.8em;
background: none !important;
}
.ui-datepicker .ui-datepicker-prev {
left: 2px;
}
.ui-datepicker .ui-datepicker-next {
right: 2px;
}
.ui-datepicker .ui-datepicker-prev span,
.ui-datepicker .ui-datepicker-next span {
display: block;
position: absolute;
left: 50%;
top: 50%;
cursor: pointer;
-webkit-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
.ui-datepicker .ui-datepicker-title {
margin: 0 2.3em;
line-height: 1.8em;
text-align: center;
}
.ui-datepicker .ui-datepicker-title select {
font-size: 1em;
margin: 1px 0;
}
.ui-datepicker select.ui-datepicker-month,
.ui-datepicker select.ui-datepicker-year {
width: 45%;
background: none !important;
color: #ffffff !important;
padding: 0 !important;
background-image: url(../img/arrow-down-white.svg) !important;
background-position: 75% center !important;
background-size: 12px !important;
background-repeat: no-repeat !important;
}
.ui-datepicker table {
width: 100%;
font-size: .9em;
border-collapse: collapse;
margin: 0 0 .4em;
}
.ui-datepicker th {
padding: .7em .3em;
text-align: center;
font-weight: bold;
border: 0;
font-weight: 300;
text-transform: uppercase;
}
.ui-datepicker td {
border: 0;
padding: 1px;
}
.ui-datepicker td span,
.ui-datepicker td a {
display: block;
padding: .2em;
text-align: right;
text-decoration: none;
}
.ui-datepicker .ui-datepicker-buttonpane {
background-image: none;
margin: .7em 0 0 0;
padding: 0 .2em;
border-left: 0;
border-right: 0;
border-bottom: 0;
}
.ui-datepicker .ui-datepicker-buttonpane button {
float: right;
margin: .5em .2em .4em;
cursor: pointer;
padding: .2em .6em .3em .6em;
width: auto;
overflow: visible;
}
.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {
float: left;
}
/* with multiple calendars */
.ui-datepicker.ui-datepicker-multi {
width: auto;
}
.ui-datepicker-multi .ui-datepicker-group {
float: left;
}
.ui-datepicker-multi .ui-datepicker-group table {
width: 95%;
margin: 0 auto .4em;
}
.ui-datepicker-multi-2 .ui-datepicker-group {
width: 50%;
}
.ui-datepicker-multi-3 .ui-datepicker-group {
width: 33.3%;
}
.ui-datepicker-multi-4 .ui-datepicker-group {
width: 25%;
}
.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header {
border-left-width: 0;
}
.ui-datepicker-multi .ui-datepicker-buttonpane {
clear: left;
}
.ui-datepicker-row-break {
clear: both;
width: 100%;
font-size: 0;
}
/* Icons */
.ui-datepicker .ui-icon {
display: block;
text-indent: -99999px;
overflow: hidden;
background-repeat: no-repeat;
left: .5em;
top: .3em;
}
/* Component containers
----------------------------------*/
.ui-widget {
font-size: 1em;
}
.ui-widget .ui-widget {
font-size: 1em;
}
.ui-widget input,
.ui-widget select,
.ui-widget textarea,
.ui-widget button {
font-size: 1em;
}
.ui-widget.ui-widget-content {
border: 1px solid rgba(0, 0, 0, 0.15);
border-radius: 0;
padding: 0.5em;
}
.ui-widget-content {
border: 1px solid #dddddd;
background: #ffffff;
color: #333333;
}
.ui-widget-content a {
color: #333333;
}
.ui-widget-header {
color: #ffffff;
}
.ui-widget-header a {
color: #ffffff;
}
/* Interaction states
----------------------------------*/
.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default,
.ui-button,
html .ui-button.ui-state-disabled:hover,
html .ui-button.ui-state-disabled:active {
border: 1px solid #ff7e00;
color: #4d4d4d;
}
.ui-state-default a,
.ui-state-default a:link,
.ui-state-default a:visited,
a.ui-button,
a:link.ui-button,
a:visited.ui-button,
.ui-button {
color: #454545;
text-decoration: none;
}
.ui-state-hover,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-hover,
.ui-state-focus,
.ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus,
.ui-button:hover,
.ui-button:focus {
font-weight: normal;
color: #ffffff;
}
.ui-state-hover a,
.ui-state-hover a:hover,
.ui-state-hover a:link,
.ui-state-hover a:visited,
.ui-state-focus a,
.ui-state-focus a:hover,
.ui-state-focus a:link,
.ui-state-focus a:visited,
a.ui-button:hover,
a.ui-button:focus {
color: #2b2b2b;
text-decoration: none;
}
.ui-visual-focus {
box-shadow: 0 0 3px 1px #5e9ed6;
}
.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active,
a.ui-button:active,
.ui-button:active,
.ui-button.ui-state-active:hover {
font-weight: normal;
color: #ffffff;
border: 1px solid #f27023;
}
.ui-icon-background,
.ui-state-active .ui-icon-background {
border: #003eff;
background-color: #ffffff;
}
.ui-state-active a,
.ui-state-active a:link,
.ui-state-active a:visited {
color: #ffffff;
text-decoration: none;
}
/* Interaction Cues
----------------------------------*/
.ui-state-highlight,
.ui-widget-content .ui-state-highlight,
.ui-widget-header .ui-state-highlight {
border: 1px solid #f27023;
background: #f1f2f2;
color: #4d4d4d;
}
.ui-state-checked {
border: 1px solid #dad55e;
background: #fffa90;
}
.ui-state-highlight a,
.ui-widget-content .ui-state-highlight a,
.ui-widget-header .ui-state-highlight a {
color: #777620;
}
.ui-state-error,
.ui-widget-content .ui-state-error,
.ui-widget-header .ui-state-error {
border: 1px solid #f1a899;
background: #fddfdf;
color: #5f3f3f;
}
.ui-state-error a,
.ui-widget-content .ui-state-error a,
.ui-widget-header .ui-state-error a {
color: #5f3f3f;
}
.ui-state-error-text,
.ui-widget-content .ui-state-error-text,
.ui-widget-header .ui-state-error-text {
color: #5f3f3f;
}
.ui-priority-primary,
.ui-widget-content .ui-priority-primary,
.ui-widget-header .ui-priority-primary {
font-weight: bold;
}
.ui-priority-secondary,
.ui-widget-content .ui-priority-secondary,
.ui-widget-header .ui-priority-secondary {
opacity: .7;
filter: Alpha(Opacity=70);
/* support: IE8 */
font-weight: normal;
}
.ui-state-disabled,
.ui-widget-content .ui-state-disabled,
.ui-widget-header .ui-state-disabled {
opacity: .35;
filter: Alpha(Opacity=35);
/* support: IE8 */
background-image: none;
}
.ui-state-disabled .ui-icon {
filter: Alpha(Opacity=35);
/* support: IE8 - See #6059 */
}
/* Icons
----------------------------------*/
/* states and images */
.ui-icon {
width: 16px;
height: 16px;
}
/* Misc visuals
----------------------------------*/
/* Corner radius */
.ui-corner-all,
.ui-corner-top,
.ui-corner-left,
.ui-corner-tl {
border-top-left-radius: 3px;
}
.ui-corner-all,
.ui-corner-top,
.ui-corner-right,
.ui-corner-tr {
border-top-right-radius: 3px;
}
.ui-corner-all,
.ui-corner-bottom,
.ui-corner-left,
.ui-corner-bl {
border-bottom-left-radius: 3px;
}
.ui-corner-all,
.ui-corner-bottom,
.ui-corner-right,
.ui-corner-br {
border-bottom-right-radius: 3px;
}
/* Overlays */
.ui-widget-overlay {
background: #aaaaaa;
opacity: .3;
filter: Alpha(Opacity=30);
/* support: IE8 */
}
.ui-widget-shadow {
-webkit-box-shadow: 0px 0px 5px #666666;
box-shadow: 0px 0px 5px #666666;
}
.rangeslider,
.rangeslider__fill {
display: block;
-webkit-box-shadow: inset 0px 1px 3px rgba(0, 0, 0, 0.3);
-moz-box-shadow: inset 0px 1px 3px rgba(0, 0, 0, 0.3);
-ms-box-shadow: inset 0px 1px 3px rgba(0, 0, 0, 0.3);
-o-box-shadow: inset 0px 1px 3px rgba(0, 0, 0, 0.3);
box-shadow: inset 0px 1px 3px rgba(0, 0, 0, 0.3);
border-radius: 10px;
}
.rangeslider {
background: #f1f2f2;
position: relative;
margin-bottom: 25px;
}
.rangeslider--horizontal {
height: 10px;
width: 100%;
}
.rangeslider--vertical {
width: 20px;
min-height: 150px;
max-height: 100%;
}
.rangeslider--disabled {
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=40);
opacity: 0.4;
}
.rangeslider__fill {
position: absolute;
}
.rangeslider--horizontal .rangeslider__fill {
top: 0;
height: 100%;
}
.rangeslider--vertical .rangeslider__fill {
bottom: 0;
width: 100%;
}
.rangeslider__handle {
background: white;
border: 1px solid #ccc;
cursor: pointer;
display: inline-block;
width: 22px;
height: 22px;
position: absolute;
background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIwLjAiLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMC4xIi8+PC9saW5lYXJHcmFkaWVudD48L2RlZnM+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgZmlsbD0idXJsKCNncmFkKSIgLz48L3N2Zz4g");
background-size: 100%;
background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, rgba(255, 255, 255, 0)), color-stop(100%, rgba(0, 0, 0, 0.1)));
background-image: -moz-linear-gradient(rgba(255, 255, 255, 0), rgba(0, 0, 0, 0.1));
background-image: -webkit-linear-gradient(rgba(255, 255, 255, 0), rgba(0, 0, 0, 0.1));
background-image: linear-gradient(rgba(255, 255, 255, 0), rgba(0, 0, 0, 0.1));
-webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.3);
-moz-box-shadow: 0 0 8px rgba(0, 0, 0, 0.3);
-ms-box-shadow: 0 0 8px rgba(0, 0, 0, 0.3);
-o-box-shadow: 0 0 8px rgba(0, 0, 0, 0.3);
box-shadow: 0 0 8px rgba(0, 0, 0, 0.3);
border-radius: 50%;
}
.rangeslider__handle:after {
content: "";
display: block;
width: 14px;
height: 14px;
margin: auto;
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjEzIi8+PHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjZmZmZmZmIiBzdG9wLW9wYWNpdHk9IjAuMCIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==");
background-size: 100%;
background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, rgba(0, 0, 0, 0.13)), color-stop(100%, rgba(255, 255, 255, 0)));
background-image: -moz-linear-gradient(rgba(0, 0, 0, 0.13), rgba(255, 255, 255, 0));
background-image: -webkit-linear-gradient(rgba(0, 0, 0, 0.13), rgba(255, 255, 255, 0));
background-image: linear-gradient(rgba(0, 0, 0, 0.13), rgba(255, 255, 255, 0));
border-radius: 50%;
}
.rangeslider__handle:active,
.rangeslider--active .rangeslider__handle {
background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjEiLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMC4xMiIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==");
background-size: 100%;
background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, rgba(0, 0, 0, 0.1)), color-stop(100%, rgba(0, 0, 0, 0.12)));
background-image: -moz-linear-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.12));
background-image: -webkit-linear-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.12));
background-image: linear-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.12));
}
.rangeslider--horizontal .rangeslider__handle {
top: -7px;
touch-action: pan-y;
-ms-touch-action: pan-y;
}
.rangeslider--vertical .rangeslider__handle {
left: -10px;
touch-action: pan-x;
-ms-touch-action: pan-x;
}
input[type="range"]:focus+.rangeslider .rangeslider__handle {
-webkit-box-shadow: 0 0 8px rgba(255, 0, 255, 0.9);
-moz-box-shadow: 0 0 8px rgba(255, 0, 255, 0.9);
-ms-box-shadow: 0 0 8px rgba(255, 0, 255, 0.9);
-o-box-shadow: 0 0 8px rgba(255, 0, 255, 0.9);
box-shadow: 0 0 8px rgba(255, 0, 255, 0.9);
}
.rangeslider-box {
position: relative;
}
.rangeslider-value {
position: absolute;
top: 0;
right: 15px;
}
span.wpcf7-list-item {
position: relative;
float: left;
margin-left: 0;
margin-right: 18px;
}
.wpcf7-list-item-label {
position: relative;
padding-left: 40px;
}
.wpcf7-form-control span.wpcf7-list-item-label::before {
content: "";
position: absolute;
top: -1px;
left: 5px;
width: 22px;
height: 22px;
background-image: url(../img/round.svg);
background-position: center center;
background-repeat: no-repeat;
background-size: 100%;
}
span.wpcf7-list-item-label::after {
content: "";
position: absolute;
top: 6px;
left: 15px;
width: 15px;
height: 9px;
opacity: 0;
background-image: url(../img/tick.svg);
background-position: center center;
background-repeat: no-repeat;
background-size: 100%;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
-ms-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
.form input[type="radio"]:checked~span.wpcf7-list-item-label::after,
.form input[type="checkbox"]:checked~span.wpcf7-list-item-label::after {
opacity: 1;
visibility: visible;
}
.form.invalid input,
.form.invalid textarea {
margin-bottom: 5px;
}
div.wpcf7-validation-errors,
div.wpcf7-acceptance-missing {
position: absolute;
bottom: 0;
}
div.wpcf7-mail-sent-ok,
div.wpcf7-spam-blocked {
max-width: 800px;
border: none;
/* position: absolute; */
bottom: 30px;
left: 0;
right: 0;
text-align: center;
color: #f27023;
}
.credit-card-blocks .col {
-webkit-column-count: unset;
-moz-column-count: unset;
column-count: unset;
}
.wpcf7-field-group .wpcf7-field-group-add,
.wpcf7-field-group .wpcf7-field-group-remove {
width: auto;
min-width: 112px;
margin: 0 auto;
border-radius: 0;
background: white;
padding: 12px 30px 12px 50px;
border: 1px solid #f63b00;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
-ms-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
color: #f63b00;
margin-bottom: 25px;
display: block;
}
.wpcf7-field-group .wpcf7-field-group-add:hover,
.wpcf7-field-group .wpcf7-field-group-remove:hover {
background-color: #f63b00;
color: #ffffff;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
-ms-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
.wpcf7-field-group .wpcf7-field-group-add:after,
.wpcf7-field-group .wpcf7-field-group-remove:after {
display: none;
}
.wpcf7-field-group .wpcf7-field-group-add:before,
.wpcf7-field-group .wpcf7-field-group-remove:before {
content: "+";
position: absolute;
top: 50%;
left: 10px;
font-size: 2rem;
color: #f63b00;
-webkit-transform: translate(0, -52%);
-moz-transform: translate(0, -52%);
-ms-transform: translate(0, -52%);
-o-transform: translate(0, -52%);
transform: translate(0, -52%);
}
.wpcf7-field-group .wpcf7-field-group-remove:before {
content: '-';
}
.wpcf7-field-group .wpcf7-field-group-add:hover:before,
.wpcf7-field-group .wpcf7-field-group-remove:hover:before {
color: #ffffff;
}
.wpcf7-field-group {
text-align: center;
}
.submit-part button {
max-width: 250px;
}
.wpcf7-form div.wpcf7-response-output {
padding-top: 50px;
border: none;
text-align: center;
bottom: unset;
}
.wpcf7-form div.wpcf7-response-output.wpcf7-acceptance-missing {
color: #ff7e00;
}
.wpcf7-form div.wpcf7-response-output.wpcf7-mail-sent-ok {
color: #398f14;
bottom: -50px;
padding-top: 50px;
}
/* buttons on apply template */
.buttons-block {
width: 100%;
display: flex;
flex-direction: column;
align-items: center;
margin-bottom: 150px;
}
.buttons-block.apply-online h2 {
color: #3C3C3C;
text-align: center;
font-size: 36px;
font-weight: 800;
line-height: normal;
text-transform: uppercase;
}
.buttons-block.apply-online .description p {
color: #000;
text-align: center;
font-size: 14px;
font-weight: 300;
line-height: normal;
}
.apply-online-buttons-holder,
.apply-online-packages-holder {
margin-top: 60px;
}
.apply-online-buttons-holder {
width: fit-content;
margin-inline: auto;
gap: 40px;
display: grid;
grid-template-columns: repeat(2, 1fr);
}
.apply-online-buttons-holder.small {
width: 100%;
gap: 10px;
margin-top: 0;
margin-bottom: 80px;
grid-template-columns: repeat(6, 1fr);
}
.apply-online-buttons-holder:not(.small) .btn-apply-online {
width: 250px;
height: 75px;
display: flex;
align-items: center;
justify-content: center;
min-height: 75px;
padding: 15px;
text-align: center;
font-size: 20px;
font-weight: 700;
line-height: 1.2;
text-transform: uppercase;
border-radius: 18px;
}
.apply-online-buttons-holder.small .btn-apply-online {
width: auto;
display: flex;
align-items: center;
justify-content: center;
padding: 7px 15px;
text-align: center;
font-size: 13px;
font-weight: 300;
line-height: 1.2;
text-transform: none;
border-radius: 100px;
}
.apply-online-buttons-holder.small .btn-apply-online::after {
border-radius: 100px;
}
.apply-online-packages-holder {
width: 100%;
margin-inline: auto;
}
.apply-online-packages-holder div[class^="col"] {
height: 100%;
}
.apply-online-packages-holder .apply-online-buttons-holder {
margin-top: 0;
}
.apply-online-packages-holder {
gap: 20px;
display: flex;
justify-content: center;
}
.apply-online-packages-holder.layout-pricing-plans {
display: grid;
grid-template-columns: repeat(3, 1fr);
}
.apply-online-packages-holder.layout-image-cards {
gap: 40px;
display: grid;
max-width: 70%;
margin-inline: auto;
grid-template-columns: repeat(2, 1fr);
}
.apply-online-packages-holder .plan {
width: 100%;
height: 100%;
padding: 50px 30px;
display: flex;
position: relative;
align-items: center;
flex-direction: column;
border-radius: 80px;
background: #ff7e00;
background: -moz-linear-gradient(left, #ff7e00 0%, #f63b00 100%);
background: -webkit-linear-gradient(left, #ff7e00 0%, #f63b00 100%);
background: linear-gradient(to right, #ff7e00 0%, #f63b00 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff7e00', endColorstr='#f63b00', GradientType=1);
backface-visibility: hidden;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
-ms-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
.apply-online-packages-holder .plan.card {
gap: 15px;
padding-inline: 40px;
background: #FFF;
box-sizing: border-box;
background: linear-gradient(white, white) padding-box,
linear-gradient(to right, #ff7e00, #f63b00) border-box;
border: 2px solid transparent;
}
.apply-online-packages-holder .plan:hover {
transform: translateY(-10px);
}
.apply-online-packages-holder .plan .plan-image,
.apply-online-packages-holder .plan .plan-image img {
width: 100%;
height: 100%;
pointer-events: none;
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
}
.apply-online-packages-holder .plan .plan-title {
color: #FEFEFE;
text-align: center;
font-size: 36px;
font-weight: 800;
line-height: normal;
text-transform: uppercase;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
-ms-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
.apply-online-packages-holder .plan.card .plan-title {
color: #3F3B3B;
font-size: 30px;
background-size: 300% 100%;
background-position: top left;
background-clip: text;
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
background-image: -moz-linear-gradient(to right, #3F3B3B, #3F3B3B 33.33333%, #ff7e00 66.66666%, #f63b00);
background-image: -webkit-linear-gradient(to right, #3F3B3B, #3F3B3B 33.33333%, #ff7e00 66.66666%, #f63b00);
background-image: linear-gradient(to right, #3F3B3B, #3F3B3B 33.33333%, #ff7e00 66.66666%, #f63b00);
}
.apply-online-packages-holder .plan.card:hover .plan-title {
background-position: top left 100%;
}
.apply-online-packages-holder .plan .plan-price {
width: fit-content;
margin-inline: auto;
display: flex;
align-items: center;
align-content: center;
flex-direction: column;
text-transform: uppercase;
color: #FEFEFE;
text-align: center;
font-weight: 800;
line-height: normal;
}
.apply-online-packages-holder .plan .plan-price .amount {
font-size: 36px;
}
.apply-online-packages-holder .plan .plan-price .variant {
font-size: 14px;
font-weight: 700;
align-self: flex-end;
margin-top: -5px;
}
.apply-online-packages-holder .plan .plan-details {
width: 100%;
height: 100%;
margin: 15px 0 25px 0;
padding: 20px;
display: flex;
background-color: #FFF;
border-radius: 30px;
}
.apply-online-packages-holder .plan.card .plan-details {
margin: 0;
padding: 0;
background-color: transparent;
}
.apply-online-packages-holder .plan.card .plan-details p {
color: #000;
text-align: center;
font-size: 13px;
font-weight: 300;
line-height: normal;
}
.apply-online-packages-holder .plan .plan-details ul {
gap: 5px;
display: flex;
flex-direction: column;
}
.apply-online-packages-holder .plan .plan-details ul li {
gap: 6px;
display: flex;
color: #000;
font-size: 13px;
font-weight: 300;
line-height: normal;
}
.apply-online-packages-holder .plan .plan-details ul li::before {
content: "ยท";
font-size: 30px;
line-height: 18px;
position: relative;
}
.apply-online-packages-holder .plan .plan-button {
margin-top: auto;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
-ms-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
.apply-online-packages-holder .plan .plan-button a {
padding: 5px 30px;
border: 1px solid #FFF;
position: relative;
color: #FEFEFE;
text-align: center;
font-size: 30px;
font-weight: 800;
line-height: normal;
text-transform: uppercase;
border-radius: 30px;
background-color: transparent;
}
.apply-online-packages-holder .plan.card .plan-button a {
border: none;
background: #ff7e00;
background: -moz-linear-gradient(left, #ff7e00 0%, #f63b00 100%);
background: -webkit-linear-gradient(left, #ff7e00 0%, #f63b00 100%);
background: linear-gradient(to right, #ff7e00 0%, #f63b00 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff7e00', endColorstr='#f63b00', GradientType=1);
}
.apply-online-packages-holder .plan.card .plan-button a::before {
top: 30px;
left: 0;
right: 0;
bottom: 0;
content: '';
z-index: -1;
opacity: 0;
position: absolute;
background: #ff7e00;
background: -moz-linear-gradient(left, #ff7e00 0%, #f63b00 100%);
background: -webkit-linear-gradient(left, #ff7e00 0%, #f63b00 100%);
background: linear-gradient(to right, #ff7e00 0%, #f63b00 100%);
filter: blur(10px);
transform: scale(0.9);
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
-ms-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
.apply-online-packages-holder .plan .plan-button a:is(:hover, :focus)::before {
opacity: 0.85;
}
.apply-online-packages-holder .plan.card .plan-button:is(:hover, :focus) {
transform: scale(1.025);
}
.apply-online-packages-holder .plan .plan-button a:is(:hover, :focus) {
background-color: #FFF;
}
.apply-online-packages-holder .plan .plan-button a,
.apply-online-packages-holder .plan .plan-button a span {
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
-ms-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
.apply-online-packages-holder .plan:not(.card) .plan-button a:is(:hover, :focus) span {
background: -moz-linear-gradient(left, #ff7e00 0%, #f63b00 100%);
background: -webkit-linear-gradient(left, #ff7e00 0%, #f63b00 100%);
background: linear-gradient(to right, #ff7e00 0%, #f63b00 100%);
background-clip: text;
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
.apply-online-form-holder {
width: 100%;
display: flex;
flex-direction: column-reverse;
justify-content: center;
}
.apply-online-form-holder .form-row {
display: flex;
}
.apply-online-form-holder .form-row:not(.has-image) {
width: 40%;
margin-inline: auto;
justify-content: center;
}
.apply-online-form-holder .form-row.has-image {
gap: 40px;
display: grid;
grid-template-columns: repeat(2, 1fr);
}
.apply-online-form-holder .form-row:not(.has-image) .form-col.form-col-title {
width: 100%;
}
.apply-online-form-holder .form-row .form-col.form-col-title {
grid-column-start: 2;
}
.apply-online-form-holder .form-title {
width: 100%;
height: 100px;
display: flex;
align-items: center;
justify-content: center;
margin-top: 15px;
margin-bottom: 25px;
padding: 22px;
text-align: center;
border-radius: 30px;
background: #ff7e00;
background: -moz-linear-gradient(left, #ff7e00 0%, #f63b00 100%);
background: -webkit-linear-gradient(left, #ff7e00 0%, #f63b00 100%);
background: linear-gradient(to right, #ff7e00 0%, #f63b00 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff7e00', endColorstr='#f63b00', GradientType=1);
}
.apply-online-form-holder .form-title h2 {
margin: 0;
padding: 0;
color: #FFF;
font-size: 36px;
font-weight: 800;
line-height: 1;
text-transform: uppercase;
}
.apply-online-form-holder .form-image img {
top: 150px;
position: sticky;
padding-right: 10%;
pointer-events: none;
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
}
.apply-online-form-holder .gform_heading {
margin-bottom: 25px;
}
.apply-online-form-holder .gform_heading .gform_description {
color: #000;
text-align: center;
font-size: 14px;
font-weight: 300;
line-height: normal;
}
.apply-online-form-holder .gform_validation_errors {
border: none !important;
stroke: none !important;
background: #fff0f0 !important;
box-shadow: none !important;
border-radius: 100px !important;
margin-bottom: 20px !important;
}
.apply-online-form-holder .gform_validation_errors .gform_submission_error {
text-transform: none;
}
.apply-online-form-holder .gform-body .gform_fields {
grid-column-gap: 20px !important;
grid-row-gap: 20px !important;
}
.apply-online-form-holder .gform-body .gfield input,
.apply-online-form-holder .gform-body .gfield select,
.apply-online-form-holder .gform-body .gfield textarea,
.apply-online-form-holder .gform-body .gfield .nice-select {
color: #000;
text-align: center;
font-size: 20px !important;
font-weight: 300;
line-height: normal;
border: solid 2px #FF7D00;
border-width: 2px !important;
padding: 10px 20px;
background: #FFF;
border-radius: 100px;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
-ms-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
.apply-online-form-holder .gform-body .gfield input:is(:hover, :focus),
.apply-online-form-holder .gform-body .gfield select:is(:hover, :focus),
.apply-online-form-holder .gform-body .gfield textarea:is(:hover, :focus),
.apply-online-form-holder .gform-body .gfield .nice-select:is(:hover, :focus) .default {
color: #FF7D00;
}
.apply-online-form-holder .gform-body .gfield input,
.apply-online-form-holder .gform-body .gfield select,
.apply-online-form-holder .gform-body .gfield .nice-select {
height: 62px;
}
.apply-online-form-holder .gform-body .gfield.gfield_error .nice-select {
border-color: #c02b0a;
}
.apply-online-form-holder .gform-body .gfield.gfield_error .nice-select .current {
box-shadow: 0 0 0 2px #c02b0a;
}
.apply-online-form-holder .gform-body .gfield input::-webkit-input-placeholder,
.apply-online-form-holder .gform-body .gfield textarea::-webkit-input-placeholder {
color: #000;
}
.apply-online-form-holder .gform-body .gfield input::-moz-placeholder,
.apply-online-form-holder .gform-body .gfield textarea::-moz-placeholder {
color: #000;
}
.apply-online-form-holder .gform-body .gfield input:-ms-input-placeholder,
.apply-online-form-holder .gform-body .gfield textarea:-ms-input-placeholder {
color: #000;
}
.apply-online-form-holder .gform-body .gfield input:-moz-placeholder,
.apply-online-form-holder .gform-body .gfield textarea:-moz-placeholder {
color: #000;
}
.apply-online-form-holder .gform-body .gfield.gfield--type-consent:first-of-type {
margin-top: 25px;
}
.apply-online-form-holder .gform-body .gfield.gfield--type-consent label {
color: #000;
margin: 0;
padding: 0;
font-size: 12px;
font-weight: 300;
line-height: normal;
}
.apply-online-form-holder .gform-body .gfield.gfield--type-consent:first-of-type label {
text-align: justify;
}
.apply-online-form-holder .gform-body .gfield.gfield--type-consent label a {
font-weight: 700;
text-decoration: underline;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
-ms-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
.apply-online-form-holder .gform-body .gfield.gfield--type-consent label a:hover {
color: #FF7D00;
}
.apply-online-form-holder .gform-body .gfield.gfield--type-consent label::before {
top: 0;
left: -30px;
cursor: pointer;
border: 1px solid #FF7D00;
background: #FFF;
border-radius: 7px;
}
.apply-online-form-holder .gform-body .gfield.gfield--type-fileupload {
margin-top: 20px;
}
.apply-online-form-holder .gform-body .gfield.gfield--type-fileupload .gfield-fileupload-wrapper {
width: 100%;
height: 100%;
position: relative;
overflow: hidden;
border: solid 2px #FF7D00;
border-radius: 100px;
}
.apply-online-form-holder .gform-body .gfield.gfield--type-fileupload .gfield-fileupload-wrapper .filename {
top: 0;
left: 0;
right: 0;
bottom: 0;
content: '';
position: absolute;
display: flex;
text-align: center;
align-items: center;
justify-content: center;
padding: 10px 20px;
color: #000;
cursor: pointer;
text-align: center;
font-size: 20px;
font-weight: 300;
line-height: normal;
background-color: #fff;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
-ms-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
.apply-online-form-holder .gform-body .gfield.gfield--type-fileupload .gfield-fileupload-wrapper .filename > span {
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}
.apply-online-form-holder .gform-body .gfield.gfield--type-fileupload .gfield-fileupload-wrapper .filename.changed,
.apply-online-form-holder .gform-body .gfield.gfield--type-fileupload .gfield-fileupload-wrapper:is(:hover, :focus) .filename {
color: #FF7D00;
}
.apply-online-form-holder .gform-body .gfield.gfield--type-fileupload:last-of-type {
margin-top: 0px;
}
.apply-online-form-holder .gform-body .gfield.gfield--type-fileupload input {
opacity: 0;
visibility: hidden;
pointer-events: none;
text-align: unset;
white-space: nowrap;
text-indent: -99999px;
margin-bottom: 0px;
}
.apply-online-form-holder .gform-body .gfield.gfield_error.gfield--type-consent label::before {
border-color: #c02b0a;
}
.apply-online-form-holder .gform-body .gfield.gfield_error.gfield--type-consent [type="radio"]:checked+label::before,
.apply-online-form-holder .gform-body .gfield.gfield_error.gfield--type-consent [type="checkbox"]:checked+label::before {
border-color: #FF7D00;
}
.apply-online-form-holder .gform-body .gfield.gfield--type-consent label::after {
top: 0;
left: -30px;
width: 22px;
height: 22px;
cursor: pointer;
background: #FF7D00;
border-radius: 7px;
}
.apply-online-form-holder .gform_confirmation_wrapper,
.apply-online-form-holder .gform-body .gfield .gfield_validation_message {
width: 100%;
border: none;
padding: 10px 25px !important;
text-align: center;
background: #fff0f0;
border-radius: 100px;
}
.apply-online-form-holder .gform_confirmation_wrapper {
color: #536854;
background: #cee9ce;
}
.apply-online-form-holder .gform-body .gfield .gfield_description {
width: 100%;
color: #000;
text-align: center;
font-size: 20px;
font-weight: 300;
line-height: normal;
}
.apply-online-form-holder .gform-body .gfield .gform_fileupload_rules {
color: #9f7248;
font-size: 12px;
font-weight: 400;
}
.apply-online-form-holder .gform_footer {
gap: 15px;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
margin-top: 20px !important;
}
.apply-online-form-holder .gform_footer .gform_button[type="submit"] {
color: #FFF;
cursor: pointer;
text-align: center;
font-size: 36px;
font-weight: 800;
line-height: normal;
text-transform: uppercase;
width: fit-content;
display: flex;
align-self: center;
align-items: center;
justify-content: center;
margin-top: 15px;
margin-bottom: 25px;
padding: 15px 30px;
min-width: 80%;
text-align: center;
border-radius: 30px;
background: #ff7e00;
background: -moz-linear-gradient(left, #ff7e00 0%, #f63b00 100%);
background: -webkit-linear-gradient(left, #ff7e00 0%, #f63b00 100%);
background: linear-gradient(to right, #ff7e00 0%, #f63b00 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff7e00', endColorstr='#f63b00', GradientType=1);
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
-ms-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
.apply-online-form-holder .gform_footer .gform_button[type="submit"]:is(:hover, :focus) {
text-shadow: 2px 2px 10px rgb(0 0 0 / 10%);
-webkit-transform: scale(1.025);
-moz-transform: scale(1.025);
transform: scale(1.025);
}
.apply-online-form-holder .gform_footer .gform_ajax_spinner {
width: 40px;
height: 40px;
}
@media (max-width: 1200px) {
.apply-online-packages-holder.layout-pricing-plans {
grid-template-columns: repeat(2, 1fr);
}
.apply-online-packages-holder.layout-image-cards {
max-width: 100%;
}
.apply-online-form-holder .form-image img {
top: 50px;
}
.apply-online-form-holder .form-row:not(.has-image) {
width: 60%;
}
}
@media (max-width: 768px) {
.buttons-block.apply-online h2 {
font-size: 28px;
}
.apply-online-buttons-holder {
gap: 20px;
grid-template-columns: repeat(1, 1fr);
}
.apply-online-buttons-holder:not(.small) .btn-apply-online {
width: 100%;
padding-inline: 40px;
}
.apply-online-buttons-holder.small {
margin-bottom: 40px;
grid-template-columns: repeat(3, 1fr);
}
.apply-online-buttons-holder,
.apply-online-packages-holder {
margin-top: 20px;
}
.apply-online-packages-holder.layout-pricing-plans {
grid-template-columns: repeat(1, 1fr);
}
.apply-online-packages-holder.layout-image-cards {
gap: 20px;
}
.apply-online-form-holder .form-title {
height: 80px;
padding: 15px;
border-radius: 20px;
}
.apply-online-packages-holder .plan {
padding: 20px 20px 30px 20px;
border-radius: 50px;
}
.apply-online-packages-holder .plan.card {
padding: 20px 20px 35px 20px;
border-radius: 35px;
}
.apply-online-packages-holder .plan.card .plan-title {
font-size: 24px;
}
.apply-online-packages-holder .plan.card .plan-button a {
font-size: 24px;
}
.apply-online-form-holder .gform-body .gfield.gfield--type-consent label {
padding-left: 35px;
}
.apply-online-form-holder .gform-body .gfield.gfield--type-consent label::before,
.apply-online-form-holder .gform-body .gfield.gfield--type-consent label::after {
left: 0;
}
.apply-online-form-holder .gform_footer .gform_button[type="submit"] {
font-size: 28px;
min-width: auto;
padding-inline: 40px;
line-height: normal !important;
border-radius: 20px;
}
.apply-online-form-holder .form-row {
gap: 20px;
grid-template-columns: repeat(1, 1fr);
}
.apply-online-form-holder .form-row.has-image {
grid-template-columns: repeat(1, 1fr);
}
.apply-online-form-holder .form-row:not(.has-image) {
width: 100%;
}
.apply-online-form-holder .form-row .form-col.form-col-title {
grid-column-start: auto;
}
.apply-online-form-holder .form-image img {
top: 0;
position: relative;
margin: 20px 0;
padding-right: 0;
}
}
@media (max-width: 500px) {
.apply-online-packages-holder.layout-image-cards {
grid-template-columns: repeat(1, 1fr);
}
.buttons-block {
margin-bottom: 70px;
}
.buttons-block .buttons-holder {
display: flex;
flex-direction: column;
}
.buttons-block .buttons-holder .btn-full.apply-btn {
margin-bottom: 10px;
}
.buttons-block .buttons-holder .btn-full.apply-btn:last-child {
margin-bottom: 0;
}
/* cookie section */
.cookie-section .cookie-holder .text-holder {
width: 100%;
padding: 0;
padding-bottom: 20px;
}
.cookie-section .cookie-holder .text-holder p {
font-size: 14px;
}
.cookie-section .container {
flex-direction: column;
align-items: center;
}
.cookie-section .cookie-btn {
width: auto;
height: 45px;
}
/* end of cookie section */
}
.maturity-margin {
margin: 15px 0;
}
.slider-holder {
position: relative;
}
.fb-like-page-holder {
top: 110px;
right: 35px;
position: absolute;
z-index: 10;
}
/* homepage apply online */
.homepage-apply-online {
display: block;
float: left;
width: 100%;
padding: 60px;
padding-top: 25px;
padding-bottom: 25px;
border-radius: 30px;
box-shadow: 7px 8px 23.5px 0px rgba(0, 0, 0, 0.22);
margin-bottom: 100px;
margin-top: 50px;
}
.homepage-apply-online .title {
display: block;
font-size: 30px;
font-weight: bold;
text-align: center;
text-transform: uppercase;
line-height: normal;
}
.homepage-apply-online .desc {
display: block;
font-size: 15px;
text-align: center;
margin-top: -10px;
margin-bottom: 50px;
line-height: 24px;
}
.homepage-apply-online .apply-list .item {
margin-bottom: 10px;
}
.homepage-apply-online .apply-list .link {
display: block;
text-align: center;
min-height: 180px;
}
.homepage-apply-online .apply-list .link:hover h5 {
color: #EC7125;
}
.homepage-apply-online .apply-list .link img {
display: block;
width: 110px;
height: 110px;
margin-bottom: 15px;
margin-left: auto;
margin-right: auto;
text-align: center;
}
.homepage-apply-online .apply-list .link h5 {
display: block;
font-size: 16px;
line-height: normal;
text-transform: uppercase;
line-height: normal;
transition: all .2s;
}
@media (max-width: 500px) {
.homepage-apply-online {
padding: 15px;
border-radius: 0;
box-shadow: none;
margin-bottom: 30px;
margin-top: 10px;
}
.homepage-apply-online .apply-list .link {
min-height: 165px;
}
.homepage-apply-online .title {
font-size: 24px;
margin-bottom: 25px;
}
.homepage-apply-online .apply-list .link img {
width: 90px;
height: 90px;
}
.homepage-apply-online .apply-list .item {
margin-bottom: 10px;
}
.homepage-apply-online .apply-list .link h5 {
font-size: 15px;
}
}
/* end of homepage apply online */
/*# sourceMappingURL=style.css.map */