.multi-lang-drop .dropdown-toggle {
padding : 10px 14px 9px;
}
.hero-block #header {
display : block;
height : auto;
box-shadow : none;
}
.hero-block #header .navbar {
border : none;
}
.hero-block .hero-block-bg {
top : 0;
left : 0;
width : 100%;
height : 100%;
overflow : hidden;
position : absolute;
}
.hero-block {
color : #848689;
height : 1%;
z-index : 8;
position : relative;
display : table-header-group;
}
.hero-block .frame {
position : relative;
}
.hero-block .hero-holder {
position : relative;
padding : 0 0 55px;
}
.hero-block .row {
position : relative;
}
.hero-block h1 {
margin : 0 0 25px;
font-weight : 700;
max-width : 580px;
font-size : 3.85714em;
line-height : 1.11111;
color : #201D1E;
font-size : 41px;
}
.hero-block h2 {
font-size : 32px;
font-weight : 300;
letter-spacing : 0;
line-height : 44px;
margin : 0 0 15px;
height : 44px;
color : #FFFFFF;
}
.hero-block p {
margin : 0 0 10px;
max-width : 550px;
height : 110px;
font-size : 18px;
line-height : 28px;
color : #FFFFFF;
height : 110px;
letter-spacing : 0;
}
.hero-block .animate {
top : 100px;
opacity : 0;
transition : all 0.5s ease;
}
.body-loaded .hero-block .animate {
top : 0;
opacity : 1;
padding-bottom : 20px;
padding-top : 80px;
}
.form-login {
z-index : 3;
max-width : 445px;
margin : 0 0 -90px;
position : relative;
}
.form-login .alert.alert-danger {
padding-left : 50px;
margin-top : -15px;
}
.form-login .alert.alert-danger br {
display : none;
}
.form-login .form-area {
padding : 48px 49px;
box-shadow : 0 0 13px 3px rgb(0, 0, 0, 0.10);
}
.form-login:before {
left : 50%;
content : '';
z-index : -2;
display : none;
bottom : -131px;
position : absolute;
width : 596px;
height : 596px;
margin : 0 0 0 -298px;
background : url(../../../../cstatic/61b9a734-1434-4ba9-bb64-528c4c32f8cb/circle1.png);
}
.form-login .form-logo {
font-size : 1.71429em;
line-height : 1.45833;
margin : 0 0 32px;
font-weight : 400;
}
.form-login .form-group {
margin : 0 0 21px;
}
.form-login .field-holder {
min-height : 70px;
margin : 0 0 10px;
}
.form-login .field {
position : relative;
}
.form-login .field label {
color : #a3a3a3;
}
.form-login .field.field-focused label {
color : #999;
font-size : 0.85714em;
line-height : 20px;
}
.form-login .field .ico {
top : 50%;
left : 21px;
color : #d7d9e0;
font-size : 24px;
line-height : 1;
position : absolute;
margin : -12px 0 0;
pointer-events : none;
}
.form-login .field .ico ~ .form-control {
padding-left : 56px;
}
.form-login .field .link {
right : 0;
bottom : 16px;
font-weight : 400;
position : absolute;
margin : -9px 0 0;
font-size : 13px;
line-height : 1.46154;
color : #999;
}
.form-login .field .link:hover, .form-login .field .link:focus {
color : #00B572;
}
.form-login .field .link ~ .form-control {
padding-right : 70px;
}
.form-login label {
font-weight : 400;
font-size : 14px;
line-height : 20px;
}
.form-login .form-control {
height : 40px;
color : #222;
border-width : 0 0 2px;
font-size : 1.14286em;
line-height : 1.5;
}
.form-login .form-control::-webkit-input-placeholder {
color : #999;
}
.form-login .form-control::-moz-placeholder {
opacity : 1;
color : #999;
}
.form-login .form-control:-moz-placeholder {
color : #999;
}
.form-login .form-control:-ms-input-placeholder {
color : #999;
}
.form-login .form-control.placeholder {
color : #999;
}

.form-login .error-field .link {
color : #ce6262;
}
.form-login .error-field .form-control {
border-color : #ce6262;
}
.form-login [data-type="submit"] {
width : 100%;
display : block;
margin : 25px 0 0;
font-weight : 400;
min-height : 46px;
padding : 10px;
position : relative;
border-color : #69be28;
font-size : 16px;
line-height : 1.5;
background : #69be28;
}
.form-login [data-type="submit"]:hover, .form-login [data-type="submit"]:focus {
background : #467f1b;
}
.form-login .btn-default[data-type="submit"]:hover, .form-login .btn-default[data-type="submit"]:focus {
color : #fff !important ;
}
.form-login [data-type="submit"].btn-orange {
margin-top : 15px;
border-radius : 4px;
}
.form-login [data-type="submit"]:hover, .form-login [data-type="submit"]:focus {
color : #fff !important ;
}
.form-login [data-type="submit"] .ico {
top : 50%;
right : 21px;
font-size : 12px;
margin : -6px 0 0;
position : absolute;
}
.form-login .form-footer {
overflow : hidden;
position : relative;
margin : 50px -48px -49px;
border-radius : 0 0 15px 15px;
border-top : 1px solid #e5e5e5;
}
.form-login h3 {
margin : 0;
font-size : 1.058823529411765em;
}
.form-login h3 a {
display : block;
font-weight : 400;
color : #999;
padding : 26px 120px 32px 47px;
}
.form-login h3 a:hover, .form-login h3 a:focus {
text-decoration : none;
color : #737373;
}
.form-login h3 a:focus, .form-login h3 a:hover {
background : #f1f1f1;
}
.form-login h3 img[aria-hidden] {
top : 50%;
right : 45px;
margin : -20px 0 0;
position : absolute;
}
.form-login .heading {
color : #69be28;
display : block;
margin : 0 0 8px;
font-weight : 500;
font-size : 1.42857em;
line-height : 1.2;
}
.form-login .remember label {
margin : 0;
font-size : 13px;
line-height : 1.46154;
letter-spacing : -0.13px;
color : #2D2D2D;
display : inline-block;
vertical-align : middle;
}
.form-login [class*="icheckbox"] {
top : 0;
vertical-align : middle;
}
.form-login.credit:before {
left : 50%;
content : '';
z-index : -2;
bottom : -131px;
position : absolute;
width : 596px;
height : 596px;
margin : 0 0 0 -298px;
background : url(../../../../cstatic/61b9a734-1434-4ba9-bb64-528c4c32f8cb/circle1.png);
}
.form-login.credit .form-area {
border-radius : 15px;
}
.form-login .captcha-area {
margin : 0 0 30px;
}
.features-section {
padding : 90px 0 110px 0;
background : #2E3192;
}
.features-section h1 {
color : #000000;
font-size : 1.71429em;
line-height : 1.25;
font-weight : 300;
margin : 0 0 13px;
}
.features-section .head h2 {
color : #1B54A0;
font-size : 2.85714em;
line-height : 1.125;
font-weight : 500;
margin : 0 0 50px;
}
.features-section .article {
opacity : 0;
transition : all 1s ease;
}
.features-section .article:nth-child(even) {
transform : translate(50px,0);
}
.features-section .article:nth-child(odd) {
transform : translate(-50px,0);
}
.features-section .article.section-active, .features-section .article.in-view {
opacity : 1;
}
.features-section .article.section-active:nth-child(even), .features-section .article.in-view:nth-child(even) {
transform : translate(0,0);
}
.features-section .article.section-active:nth-child(odd), .features-section .article.in-view:nth-child(odd) {
transform : translate(0,0);
}
.features-section .box {
overflow : hidden;
position : relative;
}
.features-section p {
margin : 0;
font-size : 1em;
line-height : 1.571428571428571;
color : #93989F;
font-weight : 300;
}
.features-section.features-section-i2c p {
font-size : 128.572%;
line-height : 1.28;
color : #666;
}
.features-section.features-section-i2c h2 {
font-size : 40px;
line-height : 48px;
max-width : 510px;
}
.features-section .img-holder {
height : 100%;
}
.ccart_landing-page .features-section .img-holder {
height : auto;
}
.features-section .bg-cover {
position : relative;
}
.features-section .bg-cover.left {
margin : 0 -15px 0 0;
}
.features-section .bg-cover.right {
margin : 0 0 0 -15px;
}
.features-section .bg-cover.center {
margin : 0 -15px;
}
.features-section-i2c.features-section .bg-cover.left:before, .features-section-i2c.features-section .bg-cover.right:before, .features-section-i2c.features-section .bg-cover.right:after {
position : absolute;
content : '';
background : #f3f5f8;
}
.features-section-i2c.features-section .bg-cover.left:before {
width : 55px;
height : 50px;
bottom : 100%;
right : 100%;
}
.features-section-i2c.features-section .bg-cover.right:after {
top : 195%;
left : 100%;
width : 36px;
height : 33px;
}
.features-section-i2c.features-section .bg-cover.right:before {
bottom : 0%;
left : 100%;
width : 55px;
height : 51px;
}
@media (max-width: 992px) {
.features-section-i2c.features-section .bg-cover.right:after {
position : absolute;
content : '';
background : #f3f5f8;
}
.features-section-i2c.features-section .bg-cover.left:before {
width : 0;
height : 0;
bottom : 0%;
right : 100%;
}
.features-section-i2c.features-section .bg-cover.right:after {
top : 100%;
left : 100%;
width : 0;
height : 0;
}
.features-section-i2c.features-section .bg-cover.right:before {
bottom : 100%;
left : 100%;
width : 0;
height : 0;
}
}
.features-section .img-holder img {
width : 100%;
height : auto;
display : block;
}
.features-section .desc {
overflow : hidden;
max-width : 260px;
margin : 0 auto;
}
.ccart_landing-page .features-section .desc {
max-width : none;
}
.features-section .desc h2 {
font-size : 28px;
line-height : 34px;
color : #201d1e;
margin : 0 0 20px;
font-weight : 500;
}
.features-section .desc > * {
z-index : 2;
position : relative;
}
.benefits-section {
padding : 100px 0 40px;
font-size : 1.21429em;
line-height : 1.35294;
font-weight : 300;
color : #666;
background : #F1F2F2;
}
.benefits-section .head {
max-width : 700px;
}
.benefits-section .image-holder {
max-width : 447px;
position : relative;
margin : 0 0 1px -43px;
text-align : center;
}
.benefits-section .image-holder img {
z-index : 1;
display : block;
position : relative;
width : 100%;
height : auto;
transition : all 1s ease;
}
.benefits-section .image-holder:before {
    top: -155px;
    right: -263px;
    width: 700px;
    height: 519px;
    content: '';
    position: absolute;
    background : url(../../../../cstatic/a427a222-339c-44b5-bf3d-55f0592e5846/mbf3-card-dots.png) no-repeat;
}
.benefits-section .image-holder .btn-default {
max-width : 200px;
min-width : 200px;
margin-bottom : 35px;
transform : scale(0.9);
}
.benefits-section h1 {
color : #000000;
font-size : 1.4117em;
line-height : 1.25;
font-weight : 300;
margin : 0 0 13px;
}
.benefits-section h2 {
color : #1D5EAA;
font-size : 1.529411764705882em;
line-height : 1.230769230769231;
font-weight : 500;
margin : 0 0 40px;
}
.benefits-section ul {
margin : 0 -15px;
}
.benefits-section ul li {
opacity : 0;
top : 50px;
margin : 0 0 50px;
padding : 0 15px;
display : inline-block;
vertical-align : top;
width : 48%;
position : relative;
transition : all 1s ease;
}
.benefits-section h3 {
font-size : 18px;
line-height : 22px;
color : #4A4F55;
}
.benefits-section h3 .ico {
top : 1px;
margin : 0 10px 0 0;
position : absolute;
top : 1px;
left : 0;
line-height : 1.3;
}
.benefits-section h3 .icon-uptodate {
margin : 0 10px 0 0;
position : absolute;
top : -4px;
left : 0;
line-height : 1.3;
}
.benefits-section h3 .ico.icon-one-card {
font-size : 74%;
top : 3px;
}
.benefits-section h3 .ico.icon-globe {
font-size : 94%;
}
.benefits-section h3 .ico.icon-mobile {
font-size : 140%;
vertical-align : middle;
top : -6px;
}
.benefits-section h3 .ico.icon-multi-currencies {
font-size : 110%;
position : absolute;
top : -2px;
left : 0;
line-height : 1.3;
}
.benefits-section h3 .ico.icon-security-badge {
font-size : 100%;
}
.benefits-section h3 .ico.icon-safe {
top : 4px;
}
.benefits-section.benefits-section-i2c h3 span {
display : block;
}
.benefits-section.benefits-section-i2c h3 img {
margin : 0 10px 0 0;
float : left;
}
.benefits-section.benefits-section-i2c h3 {
color : #201D1E;
}
.benefits-section.section-active ul li {
top : 0;
opacity : 1;
}
.bank-with-us h2 .ico {
display : block;
margin : 0 0 12px;
}
.bank-with-us p {
margin : 0 0 16px;
font-size : 0.93333em;
line-height : 1.57143;
}
.bank-with-us .list-logos li {
margin : 0 10px 0 0;
}
.bank-with-us {
background : #fff;
position : relative;
padding : 0;
font-size : 1.214285714285714em;
line-height : 1.53;
}
.bank-with-us .img-holder:before {
top : 40px;
left : 12%;
width : 100%;
height : 100%;
transform : scale(1);
content : '';
position : absolute;
background : url(../../../../cstatic/3fe0da2c-976f-4714-884f-2c5e731b5aec/mbf3-card-bg.png) 85% 100% no-repeat;
}
.bank-with-us h2 {
color : #1B54A0;
margin : 0 0 15px;
font-size : 1.76471em;
line-height : 1.16667;
font-weight : 500;
}
.bank-with-us p {
margin : 0 0 40px;
font-weight : 300;
max-width : 550px;
}
.bank-with-us.bank-with-us-i2c p {
color : #848689;
font-size : 17px;
line-height : 26px;
}
.bank-with-us .img-holder {
max-width : 100%;
max-height : 417px;
}
.bank-with-us .img-holder img {
display : block;
transition : all 1s ease;
width : 100%;
height : auto;
transform : translate(0,100%);
}
.bank-with-us.section-active h2, .bank-with-us.section-active p, .bank-with-us.section-active .list-logos {
top : 0;
opacity : 1;
}
.bank-with-us.section-active .img-holder img {
transform : translate(0,0);
}
.bank-with-us [class*="col-"] {
position : static;
}
.bank-with-us .container {
z-index : 2;
position : relative;
}
.benefits-section.benefits-section-i2c h3 {
position : relative;
line-height : 1.3;
font-size : 1.176em;
}
.go-to-next-section {
display : none;
}
@media (min-width: 992px) {
.bank-with-us h2, .bank-with-us p, .bank-with-us .list-logos {
top : 40px;
opacity : 0;
position : relative;
transition : all 0.5s ease;
}
.benefits-section.benefits-section-i2c {
padding-top : 62px;
}
.benefits-section.benefits-section-i2c {
padding-top : 30px;
}
.benefits-section.benefits-section-i2c h2 {
font-size : 2.3529em;
line-height : 1;
}
.benefits-section.benefits-section-i2c h3 {
font-size : 129.411%;
}
.benefits-section ul li {
padding-right : 15px;
}
}
@media (min-width: 992px) and (max-width: 1190px) {
.bank-with-us.section-active .img-holder img {
transform : translate(0,19%);
}
}
@media (max-width: 992px) {
.benefits-section .image-holder:after {
left : 48%;
}
}

@media (max-width: 1365px) {
.hero-block h1 {
font-size : 2.8em;
}
.features-section {
padding : 90px 0 110px 0;
}
}
@media (max-width: 767px) {
.body-loaded .hero-block .animate {
padding-top : 0;
}
.benefits-section, .features-section {
padding : 35px 0;
}
.benefits-section h2 {
margin : 0 0 20px;
font-size : 1.5em;
}
.benefits-section h3 {
font-size : 1.14286em;
line-height : 1.5625;
margin : 0 0 10px;
}
.benefits-section ul li {
margin : 0;
display : block;
width : auto;
}
.benefits-section ul li + li {
margin : 30px 0 0;
}
.benefits-section .image-holder {
margin : 0 auto;
}
.bank-with-us {
padding : 35px 0;
background-position : 90% 50%;
}
.bank-with-us:before {
background-position : 100% 50%;
opacity : 0.5;
top : auto;
bottom : -15px;
}
.bank-with-us .mobile-img {
display : none;
}
.form-login .form-area {
padding : 30px 30px 60px;
}
.features-section .bg-cover.right, .features-section .bg-cover.left, .features-section .bg-cover.center {
margin : 0;
}
.footer-info .logo {
padding : 0 !important ;
}
.features-section .feature-frame.add .bg-cover.center.last {
margin : 0;
}
.features-section-i2c.features-section .feature-frame.add .bg-cover.right::after {
display : none;
}
.features-section-i2c.features-section .feature-frame.add .bg-cover.right::before {
display : none;
}
}
@media (max-width: 575px) {
.features-section {
padding : 70px 0 0;
border-bottom : 1px solid #f1f1f1;
}
.features-section h1 {
margin : 0 0 5px;
}
.features-section .head h2 {
margin : 0 0 30px;
line-height : 1.14;
}
.features-section .article {
width : 100%;
max-width : 100%;
}
.features-section .desc {
padding : 30px 0;
max-width : none;
}
.benefits-section {
padding-bottom : 0;
border-bottom : 1px solid #f1f1f1;
}
.bank-with-us {
padding : 50px 0 30px;
}
.bank-with-us .list-logos li {
width : 130px;
}
}
@media (max-width: 1400px) {
.bank-with-us:before {
left : 110px;
}
.benefits-section {
background-position : 130% 5%;
}
}
@media (max-width: 1199.98px) {
.bank-with-us:before {
left : 73px;
top : 40px;
display : none;
}
.bank-with-us .img-holder:before
{    left: 20%;
     transform: scale(0.8);
}
.benefits-section .image-holder {
margin : 50px -28px 50px -80px;
}
.bank-with-us.section-active .img-holder img {
transform : translate(0,14%);
}
}
@media (min-width: 992px) {
.benefits-section.benefits-section-i2c h3 {
font-size : 129.411%;
}
}
@media (max-width: 1023px) {
.bank-with-us .mobile-img {
display : none;
}
.bank-with-us .img-holder {
margin : -100px 0 -200px -30px;
}
.bank-with-us.section-active .img-holder img {
transform : translate(0,0);
}
.bank-with-us .img-holder:before {
top : 70px;
left : 218px;
transform : scale(0.65);
}
}
@media (max-width: 991px) {
.hero-block {
text-align : center;
}
.hero-block .hero-block-bg {
background-position : 0% 50%;
height : 90%;
}
.hero-block h1, .hero-block p {
margin : 0 auto 20px;
}
.hero-block h1 {
font-size : 2em;
}
.hero-block h2 {
font-size : 1.8em;
margin : 0 0 20px;
}
.hero-block p {
font-size : 1.2em;
}
.form-login {
margin : 0 auto -20px;
text-align : left;
}
.features-section {
padding : 60px 0 60px 0;
}
.features-section .head {
text-align : center;
}
.features-section .head h2 {
font-size : 2em;
margin : 0 auto 50px;
}
.features-section h2 {
font-size : 1.5em;
}
.benefits-section .image-holder img {
width : 100%;
}
.benefits-section {
padding : 60px 0;
background-position : 50% 100%;
}
.benefits-section .head {
max-width : none;
text-align : center;
}
.benefits-section h2 {
font-size : 1.7em;
}
.benefits-section ul li h3 {
text-align : left;
}
.benefits-section .image-holder {
margin : 0 auto;
}
.bank-with-us {
background-color : #f1f1f1;
}
.hero-block h1 {
max-width : none;
text-align : center;
}
.hero-block .btn-mobile .btn.btn-orange {
max-width : 350px !important ;
}
.benefits-section.benefits-section-i2c .image-holder {
margin : 70px auto;
}
.bank-with-us .row > div:first-child {
max-width : inherit !important ;
text-align : center;
padding : 0 15px 25px;
}
.bank-with-us p {
max-width : inherit;
}
.benefits-section {
background-position : 90% 105%;
}
.nav-active .navbar-collapse {
padding : 0 !important ;
}
}
@media (max-width: 575.98px) {
.hero-block .hero-block-bg {
background-size : cover;
}
}
.slider-section {
overflow : hidden;
background : url(http://192.168.0.85:8080/cdn3-main/cstatic/9e4296d5-bedf-4f1f-b236-adba3f49294e/enrollment-bg.png) no-repeat #fff;
background-position : 50% 150%;
}
.slider-section .container {
padding : 100px 15px;
}
.slider-section .slider {
position : relative;
}
.slider-section .slide {
position : relative;
}
.slider-section .img-holder {
max-width : 610px;
}
.slider-section .img-holder img {
display : block;
width : 100%;
height : auto;
}
.slider-section .img-holder .img-title {
top : 22px;
left : 22px;
min-width : 130px;
padding : 10px 15px;
font-size : 15px;
line-height : 18px;
color : #fff;
background : #AC3236;
border-radius : 18px;
font-weight : 400;
}
.slider-section .img-holder .img-title.orange {
background : #F8A334;
}
.slider-section .img-holder .img-title.red {
background : #9E3437;
}
.slider-section .caption-holder {
position : absolute;
top : 50%;
right : 0;
transform : translateY(-50%);
}
.slider-section .caption {
max-width : 630px;
background : rgb(255, 255, 255, 0.95);
padding : 40px 55px;
font-size : 18px;
line-height : 24px;
color : #848689;
box-shadow : 0 5px 15px 0 rgb(0, 0, 0, 0.1);
}
.slider-section .caption h1 {
font-size : 24px;
line-height : 40px;
color : #EE9928;
margin : 0 0 10px;
font-weight : 300;
}
.slider-section .caption h2 {
font-size : 40px;
line-height : 43px;
color : #201D1E;
margin : 0 0 22px;
}
.slider-section .caption p {
margin : 0 0 22px;
}
.slider-section .caption .btn-more {
display : inline-block;
vertical-align : top;
min-width : 180px;
padding : 10px 15px;
font-size : 16px;
line-height : 22px;
font-weight : 400;
color : #fff;
border-radius : 6px;
transition : all 0.4s ease;
background : #38A0BD;
border : #38A0BD solid 1px;
}
.slider-section .caption .btn-more:hover {
transition : all 0.4s ease;
background : 0 0;
color : #38A0BD;
}
.slider .btn-next, .slider .btn-prev {
display : block;
width : 47px;
height : 47px;
background : #fff;
border-radius : 100%;
text-align : center;
position : absolute;
bottom : 23px;
z-index : 9;
left : 257px;
transition : all 0.4s ease;
color : #414141;
}
.slider .btn-next {
left : 318px;
}
.slider .btn-next span, .slider .btn-prev span {
position : absolute;
top : 50%;
left : 50%;
transform : translate(-50%,-50%);
font-size : 30px;
}
.slider .btn-next:hover, .slider .btn-prev:hover {
transition : all 0.4s ease;
background : #38A0BD;
color : #fff;
}
.article-holder {
position : relative;
}
.article-holder.shuffle-on .shuffle-active {
opacity : 0;
transition : opacity 0.5s ease;
}
.article-holder .shuffle-off {
opacity : 0;
position : absolute;
top : 0;
left : 0;
right : 0;
transition : opacity 0.5s ease;
}
.article-holder.shuffle-on .shuffle-off {
opacity : 1;
}
.features-section .feature-frame.add .bg-cover {
height : 100%;
display : flex;
align-items : center;
}
.features-section .feature-frame.add .bg-cover.left:before {
top : auto;
bottom : 0;
}
.features-section .feature-frame.add .bg-cover.right {
margin : 0;
}
.features-section-i2c.features-section .feature-frame.add .bg-cover.right:before {
top : auto;
bottom : 0;
}
.features-section .feature-frame.add .bg-cover {
display : flex;
height : 100%;
align-items : center;
}
.features-section .feature-frame.add .bg-cover.left:before {
top : -18%;
bottom : auto;
}
.features-section .feature-frame.add .bg-cover.center.last {
margin : 0 0 0 -15px;
}
.features-section .feature-frame.add .bg-cover.left.first:before {
top : auto;
bottom : 0;
}
.feature-holder {
position : relative;
}
.feature-holder .feature-frame {
transition : opacity 0.5s ease;
}
.feature-holder .feature-frame.add {
opacity : 0;
position : absolute;
top : 0;
left : 0;
right : 0;
transition : opacity 0.5s ease;
}
.feature-holder.shuffle-on .feature-frame {
opacity : 0;
transition : opacity 0.5s ease;
}
.feature-holder.shuffle-on .feature-frame.add {
opacity : 1;
transition : opacity 0.5s ease;
}
.benefits-section ul li p {
text-align : left;
margin : 0;
}
.welcome-slider-section {
padding : 132px 0 22px;
background : #fff;
color : #848689;
}
.welcome-slider-section .img-holder {
position : relative;
max-width : 610px;
display : inline-block;
vertical-align : middle;
}
.welcome-slider-section .textbox {
width : 50%;
background-color : rgb(255, 255, 255, 0.95);
box-shadow : 0 5px 15px 0 rgb(0, 0, 0, 0.1);
padding : 44px 55px 55px;
display : inline-block;
vertical-align : middle;
white-space : normal;
position : relative;
z-index : 2;
width : 100%;
max-width : 613px;
position : absolute;
top : -175px;
left : 90px;
border-top-right-radius : 60px;
}
.welcome-slider-section h3 {
color : #F8A01F;
font-weight : 300;
letter-spacing : 0;
line-height : 40px;
font-size : 1.714285em;
line-height : 40px;
margin : 0 0 13px;
}
.welcome-slider-section h4 {
font-weight : 500;
letter-spacing : -0.5px;
font-size : 2.85714em;
line-height : 1.15;
color : #201D1E;
margin : 0 0 8px;
}
.welcome-slider-section p {
font-size : 1.2857em;
line-height : 1.3333;
margin : 0 0 30px;
}
.welcome-slider-section .btn {
min-width : 180px;
}
.welcome-slider-section .slider-holder {
white-space : nowrap;
position : relative;
}
.welcome-slider-section .slider-fade-holder .slide-holder {
min-width : 613px;
}
.welcome-slider-section .slider-fade-holder .slick-list {
overflow : visible;
}
.welcome-slider-section .btn-holder {
min-width : 165px;
position : absolute;
bottom : 100px;
left : 130px;
display : flex;
justify-content : space-between;
}
.welcome-slider-section .btn-holder .slider-btn .text {
vertical-align : middle;
padding-bottom : 2px;
display : inline-block;
}
.welcome-slider-section .btn-holder .inactive {
pointer-events : none;
color : #999999;
}
.welcome-slider-section .btn-holder a {
color : #222222;
font-size : 13px;
font-weight : 700;
line-height : 40px;
}
.welcome-slider-section .slider-container {
position : relative;
padding-bottom : 100px;
}
.welcome-slider-section .slider-steps .slick-list {
margin : 0 -50px 0 0;
padding : 0 50px 0 0 !important ;
}
.welcome-slider-section .slider-steps .img-holder {
transform : scaleY(0.85);
}
.welcome-slider-section .slider-steps .img-holder img {
width : 100%;
transform : rotateY(180deg);
}
.welcome-slider-section .slider-steps .img-holder.slick-current {
transition : transform 0.5s ease;
transform : none;
}
.welcome-slider-section .icon-keyboard_arrow_right.ico {
font-size : 1.4em;
top : 2px;
margin-left : 2px;
}
.welcome-slider-section .icon-keyboard_arrow_left.ico {
font-size : 1.4em;
top : 2px;
margin-right : 2px;
}
.welcome-slider-section .slider-holder > * {
display : inline-block;
vertical-align : middle;
white-space : normal;
}
.welcome-slider-section .slider-steps {
max-width : 610px;
position : relative;
width : 50%;
}
.welcome-slider-section .slider-fade-holder {
width : 54.9%;
margin : 0 0 0 -60px;
position : relative;
z-index : 3;
}
.welcome-slider-section .slider-frame {
margin : 0 0 0 -106px;
}
.welcome-slider-section .slider-container > .slider-holder::before {
background : url("../../../../cstatic/51b17edc-189f-4935-a918-f5b83ec1ea39/ccart-slider-bg1.png") no-repeat;
position : absolute;
content : '';
width : 151px;
height : 58px;
right : -60px;
top : 0;
background-size : 100%;
}
.welcome-slider-section .slider-container::before {
background : url("../../../../cstatic/96ab3f5f-351f-454f-8097-5b7038ef8e48/ccart-slider-bg2.png") no-repeat;
position : absolute;
content : '';
width : 260px;
height : 138px;
left : -160px;
bottom : -20px;
background-size : 100%;
}
.welcome-slider-section .slider-container::after {
background : url("../../../../cstatic/51b17edc-189f-4935-a918-f5b83ec1ea39/ccart-slider-bg1.png") no-repeat;
position : absolute;
content : '';
width : 151px;
height : 58px;
right : 40px;
bottom : 0;
background-size : 100%;
}
.main-page #footer {
z-index : 0;
}
@media (max-width: 1200px) {
.welcome-slider-section .textbox {
position : static;
padding : 45px;
}
}
@media (max-width: 1024px) {
.welcome-slider-section h4 {
font-size : 2em;
}
}
@media (max-width: 1199px) {
.welcome-slider-section {
padding : 90px 0 22px;
}
.welcome-slider-section .img-holder {
margin : 0;
}
.welcome-slider-section .slider-container > .slider-holder::before {
background : none;
}
.welcome-slider-section .slider-container::before {
background : none;
}
.welcome-slider-section .slider-container::after {
background : none;
}
}
@media (max-width: 991px) {
.welcome-slider-section .img-holder {
max-width : 610px;
margin : 0 auto;
display : block;
}
.welcome-slider-section .slider-holder > * {
display : block;
}
.welcome-slider-section .slider-steps, .welcome-slider-section .slider-fade-holder {
width : auto;
}
.welcome-slider-section .slider-steps {
max-width : 610px;
margin : 0 auto;
}
.welcome-slider-section .slider-fade-holder {
margin : -80px auto 0;
max-width : 580px;
}
.welcome-slider-section .slider-steps .slide.active + .slide {
transform : none;
}
.welcome-slider-section .slider-steps .mask {
margin : 0;
padding : 0;
}
.welcome-slider-section .slider-container {
padding : 60px 0;
}
.welcome-slider-section .slider-frame {
margin : 0;
}
.welcome-slider-section .btn-holder {
width : 165px;
display : flex;
justify-content : space-between;
margin : 0 auto;
bottom : -25px;
left : 50%;
right : 50%;
transform : translate(0,-50%);
}
}
@media (max-width: 767px) {
.welcome-slider-section .textbox {
padding : 25px;
}
.welcome-slider-section {
padding : 40px 20px 20px;
}
.welcome-slider-section .slider-frame {
padding : 0 0 20px;
}
.welcome-slider-section h3 {
font-size : 1.5em;
}
.welcome-slider-section h4 {
font-size : 1.7em;
}
.welcome-slider-section .carousal-btns {
margin : -120px 0 0;
}
.welcome-slider-section .carousal-btns a {
width : 32px;
height : 32px;
line-height : 32px;
font-size : 20px;
}
.welcome-slider-section p {
font-size : 1.07143em;
line-height : 1.4666;
}
.welcome-slider-section .slider-steps .slick-list {
margin : 0;
padding : 0 !important ;
}
.welcome-slider-section .slider-fade-holder .slide-holder {
min-width : auto;
}
}
@media (max-width: 580px) {
.welcome-slider-section .slider-fade-holder {
margin : -40px auto 0;
max-width : 90%;
}
.welcome-slider-section .textbox {
padding : 20px 15px;
text-align : center;
}
.welcome-slider-section h3 {
font-size : 1.2em;
}
.welcome-slider-section h4 {
font-size : 1.4em;
}
.welcome-slider-section .slider-container {
padding : 10px 0;
}
}
.welcome-carousal {
padding : 132px 0 120px;
background : #fff;
color : #848689;
}
.welcome-carousal .img-holder {
position : relative;
max-width : 610px;
display : inline-block;
vertical-align : middle;
}
.welcome-carousal .textbox {
background-color : rgb(255, 255, 255, 0.95);
box-shadow : 0 5px 15px 0 rgb(0, 0, 0, 0.1);
padding : 44px 55px 55px;
position : relative;
z-index : 2;
border-top-right-radius : 80px;
}
.welcome-carousal .carousel-item:before {
top : -35px;
right : 28px;
z-index : 2;
width : 86px;
height : 62px;
content : '';
position : absolute;
background : url(../../../../cstatic/796c414a-6922-402e-b11e-5c70a9853fd7/carousel-element-i2c.png) no-repeat;
}
@media (max-width: 767px) {
.welcome-carousal .carousel-item:before {
display : none;
}
}
.welcome-carousal h3 {
color : #F8A01F;
font-weight : 400;
font-size : 1.714285em;
line-height : 1.25;
margin : 0 0 13px;
}
.welcome-carousal h4 {
font-weight : 500;
font-size : 2.85714em;
line-height : 1.15;
color : #201D1D;
margin : 0 0 8px;
}
.welcome-carousal p {
font-size : 1.2857em;
line-height : 1.3333;
margin : 0 0 30px;
}
.welcome-carousal .btn {
min-width : 180px;
}
.welcome-carousal .slide-holder {
white-space : nowrap;
}
.welcome-carousal .carousal-btns {
position : absolute;
left : 23px;
text-align : center;
margin : -23px 0 0;
transform : translate(0,-100%);
z-index : 4;
}
.welcome-carousal .carousal-btns a {
position : static;
width : 47px;
height : 47px;
color : #414141;
opacity : 1;
border-radius : 100%;
display : inline-block;
vertical-align : top;
text-align : center;
font-size : 28px;
line-height : 47px;
background : #f8f7f7;
box-shadow : 0 5px 15px 0 rgb(0, 0, 0, 0.1);
margin : 0 5px;
}
.welcome-carousal .carousal-btns a:hover, .welcome-carousal .carousal-btns a:focus {
color : #fff;
background : #46B0E6;
}
.welcome-carousal .carousal-btns a [class*="icon-"] {
top : 3px;
font-size : 100%;
}
.welcome-carousal .carousel-inner .btn.btn-orange {
border-radius : 6px;
}
.welcome-carousal .carousels-holder {
white-space : nowrap;
}
.welcome-carousal .carousels-holder > * {
display : inline-block;
vertical-align : middle;
white-space : normal;
}
.welcome-slider-custom {
max-width : 610px;
position : relative;
width : 50%;
}
.welcome-slider-custom .mask {
overflow : hidden;
margin : 0 -60px 0 0;
padding : 0 60px 0 0;
height : auto !important ;
}
.welcome-slider-custom .slideset {
width : 9999px;
float : left;
}
.welcome-slider-custom .slide {
float : left;
transition : transform 0.5s ease;
position : relative;
}
.welcome-slider-custom .slide.active {
z-index : 2;
}
.welcome-slider-custom .slide.active + .slide {
transform : scale(0.9);
transform-origin : 0 50% 0;
}
.welcome-slider-custom.not-enough-slides .carousal-btns {
display : none !important ;
}
.welcome-slider-custom.not-enough-slides ~ #welcomeFadeSlider .carousel-item:first-child ~ .carousel-item {
display : none !important ;
}
#welcomeFadeSlider {
width : 54.9%;
margin : 0 0 0 -60px;
position : relative;
z-index : 3;
}
#welcomeFadeSlider .carousel-inner {
overflow : visible;
}
.welcome-carousal .title-tag {
position : absolute;
z-index : 9;
background : #fff;
color : #201D1E;
min-width : 130px;
min-height : 36px;
padding : 7px;
text-align : center;
border-radius : 18px;
top : 20px;
left : 20px;
}
.welcome-carousal .title-tag span {
color : #201D1E;
font-size : 15px;
letter-spacing : 0;
line-height : 22px;
font-weight : 500;
}
.footer-frame .copyright-text {
margin : 0 !important ;
}
@media (max-width: 1199px) {
.welcome-carousal {
padding : 90px 0 22px;
}
.welcome-carousal .img-holder {
margin : 0;
}
}
@media (max-width: 1024px) {
.welcome-carousal .textbox {
padding : 25px;
}
.welcome-carousal h4 {
font-size : 2em;
}
}
@media (max-width: 991px) {
.welcome-carousal .img-holder {
max-width : 610px;
margin : 0 auto;
display : block;
}
.welcome-carousal .carousal-btns {
left : 50%;
transform : translate(-50%,0);
margin : -140px 0 0;
}
.welcome-carousal .carousels-holder > * {
display : block;
}
.welcome-slider-custom, #welcomeFadeSlider {
width : auto;
}
.welcome-slider-custom {
max-width : 610px;
margin : 0 auto;
}
#welcomeFadeSlider {
margin : -80px auto 0;
max-width : 580px;
}
.welcome-slider-custom .slide.active + .slide {
transform : none;
}
.welcome-slider-custom .mask {
margin : 0;
padding : 0;
}
}
@media (max-width: 767px) {
.welcome-carousal {
padding : 40px 0 20px;
}
.welcome-carousal .carousel-inner {
padding : 0 0 20px;
}
.welcome-carousal h3 {
font-size : 1.5em;
}
.welcome-carousal h4 {
font-size : 1.7em;
}
.welcome-carousal .carousal-btns {
margin : -120px 0 0;
}
.welcome-carousal .carousal-btns a {
width : 32px;
height : 32px;
line-height : 32px;
font-size : 20px;
}
.welcome-carousal p {
font-size : 1.07143em;
line-height : 1.4666;
}
}
@media (max-width: 610px) {
.welcome-carousal .carousal-btns {
margin : -90px 0 0;
}
}
@media (max-width: 580px) {
#welcomeFadeSlider {
margin : -40px auto 0;
max-width : 90%;
}
.welcome-carousal .textbox {
padding : 20px 15px;
text-align : center;
}
.welcome-carousal h3 {
font-size : 1.2em;
}
.welcome-carousal h4 {
font-size : 1.4em;
}
.welcome-carousal {
padding : 20px 0 20px;
}
}
@media (min-width: 992px) {
.welcome-carousal .carousel-item .textbox p {
min-height : 100px;
}
}
.navbar-expand-lg .navbar-nav .nav-link {
    padding: 8px 15px 7px 15px;
}