@font-face {
  font-family: 'Quicksand-Medium';
  src: url('fonts/Quicksand-Medium.eot');
  src: url('fonts/Quicksand-Medium.eot?#iefix') format('embedded-opentype'),
       url('fonts/Quicksand-Medium.svg#Quicksand-Medium') format('svg'),
       url('fonts/Quicksand-Medium.ttf') format('truetype'),
       url('fonts/Quicksand-Medium.woff') format('woff'),
       url('fonts/Quicksand-Medium.woff2') format('woff2');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Quicksand-Bold';
  src: url('fonts/Quicksand-Bold.eot');
  src: url('fonts/Quicksand-Bold.eot?#iefix') format('embedded-opentype'),
       url('fonts/Quicksand-Bold.svg#Quicksand-Medium') format('svg'),
       url('fonts/Quicksand-Bold.ttf') format('truetype'),
       url('fonts/Quicksand-Bold.woff') format('woff'),
       url('fonts/Quicksand-Bold.woff2') format('woff2');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Quicksand-Regular';
  src: url('fonts/Quicksand-Regular.eot');
  src: url('fonts/Quicksand-Regular.eot?#iefix') format('embedded-opentype'),
       url('fonts/Quicksand-Regular.svg#Quicksand-Medium') format('svg'),
       url('fonts/Quicksand-Regular.ttf') format('truetype'),
       url('fonts/Quicksand-Regular.woff') format('woff'),
       url('fonts/Quicksand-Regular.woff2') format('woff2');
  font-weight: normal;
  font-style: normal;
}

img { max-width: 100%;height: auto;}
body {padding-top: 79px;}
body .container {max-width: 1200px;}
body .btn:hover {color: #FFF;}
header {padding: 20px 0;position: fixed;width: 100%;top: 0;background: #FFF;z-index: 999;border-bottom: 1px solid #FF5D15;}
header .row {align-items: center;}
.menu-main .menu {display: inline-block;vertical-align: middle;}
.menu-main .language {display: inline-block;vertical-align: middle;padding-left: 20px;}
.menu-main .menu ul {margin: 0;}
.menu-main .menu ul li {display: inline-block;padding: 0 20px;}
.menu-main .menu ul li a {font-family: Quicksand-Medium;font-size: 16px;color: #000;display: block;text-decoration: none;padding: 0;}
.menu-main .menu ul li a:hover, .menu-main .menu ul li a.active {color: #ff5d15;}
.slide-main {background: #ff5d15;padding: 60px 0;}
.slide-text {align-self: center;}
.slide-text h2 {font-family: Quicksand-Bold;font-size: 56px;font-weight: normal;color: #FFF;margin: 0;padding: 0;}
.slide-text p {font-family: Quicksand-Regular;font-size: 19px;font-weight: normal;color: #FFF;margin: 0;padding: 0;}
.slide-img img {max-width: 620px;}

section .col-center {align-self: center;}
section h4 {font-family: Quicksand-Bold;font-size: 36px;font-weight: normal;color: #000;margin: 0 0 10px 0;}
section p {font-family: Quicksand-Regular;font-size: 17px;color: #000;margin: 0 0 20px 0;}
section .btn {background: #ff5d15;color: #FFF;font-family: Quicksand-Bold;font-size: 18px;text-transform: uppercase;padding: 5px 30px;border-radius: 30px;}
section .row {padding: 0 40px;}

.user-1 {background: #FFF;padding: 60px 0;}
.user-1 .col-bg {align-self: center;background: url(../../images/business/bg-image-01.png) no-repeat center center;background-size: contain;padding: 80px 0;text-align: center;}
.user-1 .col-bg img {padding: 5px;}
.user-1 .col-md-5 .col-text {padding-left: 50px;}

.user-2 {background: #F5F5F5;padding: 80px 0;}

.user-3 {background: #FFF;padding: 50px 0;}
.user-3 .image img {vertical-align: bottom;display: inline-block;}
.user-3 .image img:last-child {margin-left: 40px;}

.user-4 {background: #F5F5F5;padding: 60px 0;}
.user-4 .row {justify-content: space-between;}
.user-4 .row .col {width: 30%;flex: none;}
.user-4 .row .col .item {border-radius: 20px;border: 1px solid #000;text-align: center;padding: 30px 0;height: 100%;background: #FFF;}
.user-4 h2 {font-family: Quicksand-Bold;font-size: 36px;color: #000;margin: 0;font-weight: normal;text-transform: uppercase;}
.user-4 h5 {font-family: Quicksand-Bold;font-size: 28px;color: #000;margin: 0;font-weight: normal;}
.user-4 img {margin-top: 50px;max-width: 100%;}

.user-5 {background: #FFF;padding: 60px 0;}
.user-5 h3 {text-align: center;text-transform: uppercase;font-family: Quicksand-Bold;font-size: 36px;color: #000;margin: 0 0 30px 0;}
.user-5 .row {justify-content: space-between;}
.user-5 .row .col {width: 24%;flex: none;}
.user-5 .row .col .item {border-radius: 20px;border: 1px solid #000;text-align: center;padding: 30px 20px;height: 100%;}
.user-5 .row .col .item h2 {font-family: Quicksand-Bold;font-size: 24px;color: #ff5d15;margin: 0;font-weight: normal;text-transform: uppercase;}
.user-5 .row .col .item h5 {font-family: Quicksand-Bold;font-size: 22px;color: #ff5d15;margin: 0;font-weight: normal;}
.user-5 .row .col .item p {font-family: Quicksand-Medium;font-size: 16px;color: #2c2c2c;margin: 0;font-weight: normal;line-height: normal;}
.user-5 .row .col .item img {margin-bottom: 30px;}
.user-5 .mt-50 {margin-top: 50px;}

.user-6 {background: url(../../images/business/bg-image-02.jpg) no-repeat center center;padding: 120px 0;}
.user-6 .text {max-width: 500px;}
.user-6 p {font-family: Quicksand-Regular;font-size: 22px;color: #2c2c2c;margin: 0 0 10px 0;line-height: normal;font-weight: bold;}
.user-6 p strong {font-family: Quicksand-Bold;}

.user-7 {background: #FFF;padding: 80px 0;}
.user-7 .row {padding: 0 10px;}
.user-7 h2 {font-family: Quicksand-Bold;font-size: 36px;color: #2c2c2c;margin: 0 0 10px 0;font-weight: normal;text-transform: uppercase;text-align: center;}
.user-7 h6 {font-family: Quicksand-Regular;font-size: 16px;color: #ff5d15;margin: 0;font-weight: normal;text-align: center;}
.user-7 .col-bg {align-self: center;background: url(../../images/business/bg-image-01.png) no-repeat center center;background-size: contain;padding: 00;text-align: center;}
.user-7 .col-image {padding: 80px 0;}

.user-8 {background: #F5F5F5;padding: 60px 0;}
.user-8 h2 {font-family: Quicksand-Bold;font-size: 36px;color: #2c2c2c;margin: 0 0 10px 0;font-weight: normal;text-transform: uppercase;text-align: center;}
.user-8 h6 {font-family: Quicksand-Regular;font-size: 16px;color: #ff5d15;margin: 0 0 50px 0;font-weight: normal;text-align: center;}
.user-8 #contactForm {max-width: 860px;margin: 0 auto;}
.user-8 #contactForm .form-group {margin-bottom: 20px;}
.user-8 #contactForm .form-group .form-label {font-family: Quicksand-Medium;font-size: 16px;color: #1a1818;}
.user-8 #contactForm .form-group input.form-control {max-width: 100%;width: 350px;background: #FFF;border: 1px solid #999;border-radius: 20px;height: 40px;font-family: Quicksand-Medium;font-size: 16px;color: #999;padding: 0 15px;position: relative;top: 0;left: 0;text-align: left;}
.user-8 #contactForm .form-group textarea.form-control {max-width: 100%;background: #FFF;border: 1px solid #999;border-radius: 20px;height: 160px;font-family: Quicksand-Medium;font-size: 16px;color: #999;padding: 15px;}
.user-8 #contactForm .form-group .btn {padding: 8px 60px;text-transform: none;margin-top: 20px;}

footer {padding: 40px 0;}
footer .col-center {align-self: center;}
.footer-logo {display: inline-block;vertical-align: middle;}
.footer-text {display: inline-block;padding-left: 30px;vertical-align: middle;}
.footer-text h3 {font-family: Quicksand-Bold;font-size: 20px;color: #ff5d15;margin: 0;text-transform: uppercase;}
.footer-text p {font-family: Quicksand-Regular;font-size: 14px;color: #777;margin: 0;}
footer .bct-image {margin-top: 10px;}

.mobile-show {display: none;}
.desktop-show {display: block;}

.language ul {margin: 0;padding: 0;}

.modal-backdrop.fade {opacity: 0.5;}
.modal.fade.in {opacity: 1;top: 10px;}
.modal .modal-header {border: none;}
.modal p {margin: 0;}
.modal .btn {
    display: inline-block;
    padding: 6px 12px;
    margin-bottom: 0;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 4px;
}
.modal .btn-default {
    color: #333;
    background-color: #fff;
    border-color: #ccc;
}
.modal .btn-default:hover {color: #333;}
.modal.fade .modal-dialog {transform: translate(0,0);}

@media screen and (max-width: 1199px) {
    .slide-text h2 {font-size: 52px;}
    .slide-text p {font-size: 17px;}
    .slide-img img {max-width: 700px;}
    .user-1 .col-bg img {padding: 0;max-width: 136px;}
    .user-7 .col-image img {max-width: 130px;}
}

@media screen and (max-width: 1099px) {
    .menu-main .menu ul li {padding: 0 15px;}
    .slide-main {padding: 40px 0;}
    .slide-text h2 {font-size: 46px;}
    .slide-text p {font-size: 16px;}
    .slide-img img {max-width: 630px;}
    .user-1 {padding: 30px 0;}
    .user-1 .col-bg {max-width: 508px;padding: 40px 0;}
    .user-1 .col-bg img {max-width: 120px;}
    .user-1 .col-md-5 .col-text {padding-left: 0px;}
    section h4 {font-size: 32px;}
    .user-4 .row .col {width: 32%;}
    .user-5 .mt-50 {margin-top: 30px;}
    .user-7 {padding: 40px 0;}
    .user-7 .col-image {padding: 40px 0;}
    .user-7 .col-image img {max-width: 115px;}
    .footer-text {padding-left: 10px;}
    .footer-text p {font-size: 13px;}
}
@media screen and (max-width: 991px) {
    .logo {order: 1;margin: 0 auto !important;}
    .menu {order: 0;}
    .language {order: 2;}
    .menu .navbar .container-fluid {padding: 0;margin: 0;}
    .menu .navbar-toggler {padding: 0;margin: 0;border: none !important;background: none;box-shadow: none;}
    .menu .navbar-toggler-icon {background: #666;border:none;border-radius: 6px;height: 4px;width: 35px;padding: 0;margin-top: 6px;display: block;}
    .menu .navbar-toggler-icon:first-child {margin-top: 0;} 
    .menu-main .menu ul {padding: 10px 0 0 0;}
    .menu-main .menu ul li {padding: 5px 10px;}
    .menu-main .menu ul li a {font-size: 18px;}
    .menu-main .language {padding-left: 10px;}
    .slide-text h2 {font-size: 42px;}
    .slide-text p {font-size: 14px;}
    .slide-img img {max-width: 435px;}
    .user-1 .col-bg img {max-width: 90px;}
    section h4 {font-size: 24px;}
    .user-2 {padding: 40px 0;}
    .user-3 .image img {max-width: 160px;}
    .user-3 .image img:last-child {max-width: 200px;margin-left: 10px;}
    .user-4 {padding: 30px 0;}
    .user-4 .row .col {width: 33%;}
    .user-4 .row .col .item {padding: 10px 0;}
    .user-4 h2 {font-size: 32px;}
    .user-4 h5 {font-size: 18px;}
    .user-5 {padding: 30px 0;}
    .user-5 h3 {font-size: 32px;}
    .user-5 .row .col {width: 50%;margin: 0 0 20px 0;}
    .user-5 .mt-50 {margin-top: 10px;}
    .user-6 {padding: 40px 0;}
    .user-7 {padding: 20px 0;}
    .user-8 {padding: 30px 0;}
    .user-8 #contactForm .form-group input.form-control {width: 300px;}
    footer .col-auto {width: 100%;text-align: center;}
    .footer-text {text-align: left;}
    footer .text-end {text-align: center !important;}
}
@media screen and (max-width: 767px) {
    .mobile-show {display: block;}
    .desktop-show {display: none;}
    section .row {padding: 0 20px;}
    section h4 {font-size: 32px;}
    .slide-main {padding: 20px 0;}
    .slide-text h2 {font-size: 32px;}
    .slide-text p {font-size: 12px;}
    .slide-img img {max-width: 294px;}
    section h4 {font-size: 32px;}
    .user-1 {text-align: center;}
    .user-1 .col-bg {padding: 20px 0;}
    .user-1 .col-bg img {max-width: 112px;}
    .user-1 .col-md-5 .col-text br {display: none;}
    .user-2 {padding: 20px 0;text-align: center}
    .mt-20 {margin-top: 20px;text-align: center;}
    .user-2 .mobile-show {display: inline-block;}
    .user-3 {text-align: center;padding: 20px 0;}
    .user-3 .col-image {display: flex;justify-content: space-between;}
    .user-3 .col-image .image-center img {max-width: 90%;}
    .user-6 {background: #F5F5F5;}
    .user-7 .col-image {padding: 20px 0;}
    .user-8 {padding: 20px 0 0 0;}
    .user-8 h6 {margin-bottom: 30px;}
    .user-8 #contactForm .form-group {width: 100%;}
    .user-8 #contactForm .form-group input.form-control {width: 100%;}
    .user-8 #contactForm .form-group .btn {margin-top: 0;}
    footer {padding: 20px 0;}
    .footer-text {padding: 10px 0;}
    .owl-nav .owl-prev span {text-indent: -9999px;background: url(../../images/business/prev.png) no-repeat center center;width: 28px;height: 74px;display: block;}
    .owl-nav .owl-next span {text-indent: -9999px;background: url(../../images/business/next.png) no-repeat center center;width: 28px;height: 74px;display: block;}
    .user-4 .owl-nav {position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);width: 50%;height: 74px;}
    .user-4 .owl-stage {display: flex;}
    .user-4 .owl-stage .owl-item {opacity: 0.2;}
    .user-4 .owl-stage .owl-item.center {opacity: 1;background: #FFF;}
    .user-4 .owl-stage .owl-item .item {border-radius: 20px;border: 1px solid #000;text-align: center;padding: 30px 0;height: 100%;}
    .owl-carousel .owl-nav button.owl-next {position: absolute;right: -25%;}
    .owl-carousel .owl-nav button.owl-prev {position: absolute;left: -25%;}
    .user-4 .owl-carousel .owl-item img {display: inline-block;width: auto;}
    .user-6 p {font-size: 18px;}
    .user-7 h2 {font-size: 32px;}
    .user-8 h2 {font-size: 32px;}
    .menu .navbar {position: static;}
    .menu .navbar-collapse {position: absolute;background: #FFF;width: 100%;left: 0;top: 60px;z-index: 9999;}
}

@media screen and (max-width: 567px) {
    section h4 {font-size: 28px;}
    section .row {padding: 0;}
    .slide-text h2 {font-size: 25px;}
    .slide-text p {font-size: 8px;}
    .slide-img img {max-width: 240px;}
    .user-1 .col-bg img {max-width: 110px;}
    .user-7 .col-image img {max-width: 110px;}
    .user-6 {padding: 30px 0;}
    .user-6 p {font-size: 18px;}
    .user-7 h2 {font-size: 28px;}
    .user-8 h2 {font-size: 28px;}
}
@media screen and (max-width: 479px) {
    body {padding-top: 59px;}
    header {padding: 10px 0;}
    section h4 {font-size: 24px;}
    section p {font-size: 15px;line-height: normal;}
    .slide-text h2 {font-size: 23px;}
    .slide-img img {max-width: 172px;}
    .user-1 .col-bg {padding: 10px 0;}
    .user-1 .col-bg img {max-width: 84px;}
    .user-4 h2 {font-size: 24px;}
    .user-4 h5 {font-size: 16px;}
    .user-5 h3 {font-size: 24px;}
    .user-5 .row .col {width: 100%;}
    .user-7 .col-image img {max-width: 84px;}
    .menu .navbar-collapse {top: 50px;}
    .user-6 {padding: 20px 0;}
    .user-6 p {font-size: 16px;}
    .user-7 h2 {font-size: 24px;}
    .user-8 h2 {font-size: 24px;}
    .user-8 h6 {margin-bottom: 10px;}
}
@media screen and (max-width: 374px) {
    .slide-img img {max-width: 157px;}
    .user-6 {padding: 20px 0;}
    .user-6 p {font-size: 15px;}
    .user-8 h6 {font-size: 15px;margin-bottom: 10px;}
}
@media screen and (max-width: 359px) {
    .logo img {max-width: 130px;}
    .language .wrapper img {max-width: 65px;}
    .slide-text h2 {font-size: 20px;}
    .slide-text p {font-size: 7px;}
    .slide-img img {max-width: 135px;}
    .user-4 .owl-stage .owl-item .item {padding: 20px 0;}
    .user-6 {padding: 20px 0;}
    .user-6 p {font-size: 14px;}
    .user-7 h6 {font-size: 14px;}
    .user-8 h6 {font-size: 14px;margin-bottom: 10px;}
}

@media screen and (min-width: 576px) {
    .modal-dialog {max-width: 409px;}
}