/* Minification failed. Returning unminified contents.
(878,31): run-time error CSS1046: Expect comma, found '208'
(878,38): run-time error CSS1046: Expect comma, found ')'
 */
@-webkit-keyframes fadeIn {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

@keyframes fadeIn {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

.fadeIn {
  -webkit-animation-name: fadeIn;
  animation-name: fadeIn;
}

@-webkit-keyframes fadeInDown {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes fadeInDown {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.fadeInDown {
  -webkit-animation-name: fadeInDown;
  animation-name: fadeInDown;
}

@-webkit-keyframes fadeInDownBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes fadeInDownBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.fadeInDownBig {
  -webkit-animation-name: fadeInDownBig;
  animation-name: fadeInDownBig;
}

@-webkit-keyframes fadeInLeft {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes fadeInLeft {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.fadeInLeft {
  -webkit-animation-name: fadeInLeft;
  animation-name: fadeInLeft;
}

@-webkit-keyframes fadeInLeftBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes fadeInLeftBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.fadeInLeftBig {
  -webkit-animation-name: fadeInLeftBig;
  animation-name: fadeInLeftBig;
}

@-webkit-keyframes fadeInRight {
  from {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes fadeInRight {
  from {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.fadeInRight {
  -webkit-animation-name: fadeInRight;
  animation-name: fadeInRight;
}

@-webkit-keyframes fadeInRightBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes fadeInRightBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.fadeInRightBig {
  -webkit-animation-name: fadeInRightBig;
  animation-name: fadeInRightBig;
}

@-webkit-keyframes fadeInUp {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes fadeInUp {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.fadeInUp {
  -webkit-animation-name: fadeInUp;
  animation-name: fadeInUp;
}

@-webkit-keyframes fadeInUpBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes fadeInUpBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.fadeInUpBig {
  -webkit-animation-name: fadeInUpBig;
  animation-name: fadeInUpBig;
}

@-webkit-keyframes slideInDown {
  from {
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
    visibility: visible;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes slideInDown {
  from {
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
    visibility: visible;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.slideInDown {
  -webkit-animation-name: slideInDown;
  animation-name: slideInDown;
}

@-webkit-keyframes slideInLeft {
  from {
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
    visibility: visible;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes slideInLeft {
  from {
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
    visibility: visible;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.slideInLeft {
  -webkit-animation-name: slideInLeft;
  animation-name: slideInLeft;
}

@-webkit-keyframes slideInRight {
  from {
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
    visibility: visible;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes slideInRight {
  from {
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
    visibility: visible;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.slideInRight {
  -webkit-animation-name: slideInRight;
  animation-name: slideInRight;
}

@-webkit-keyframes slideInUp {
  from {
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
    visibility: visible;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes slideInUp {
  from {
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
    visibility: visible;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.slideInUp {
  -webkit-animation-name: slideInUp;
  animation-name: slideInUp;
}

.animated {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

.animated.infinite {
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
}

.animated.delay-1s {
  -webkit-animation-delay: 1s;
  animation-delay: 1s;
}

.animated.delay-2s {
  -webkit-animation-delay: 2s;
  animation-delay: 2s;
}

.animated.delay-3s {
  -webkit-animation-delay: 3s;
  animation-delay: 3s;
}

.animated.delay-4s {
  -webkit-animation-delay: 4s;
  animation-delay: 4s;
}

.animated.delay-5s {
  -webkit-animation-delay: 5s;
  animation-delay: 5s;
}

.animated.fast {
  -webkit-animation-duration: 800ms;
  animation-duration: 800ms;
}

.animated.faster {
  -webkit-animation-duration: 500ms;
  animation-duration: 500ms;
}

.animated.slow {
  -webkit-animation-duration: 2s;
  animation-duration: 2s;
}

.animated.slower {
  -webkit-animation-duration: 3s;
  animation-duration: 3s;
}

@media (prefers-reduced-motion) {
  .animated {
    -webkit-animation: unset !important;
    animation: unset !important;
    -webkit-transition: none !important;
    transition: none !important;
  }
}

/**
 * Owl Carousel v2.3.3
 * Copyright 2013-2018 David Deutsch
 * Licensed under: SEE LICENSE IN https://github.com/OwlCarousel2/OwlCarousel2/blob/master/LICENSE
 */
.owl-carousel,.owl-carousel .owl-item{-webkit-tap-highlight-color:transparent;position:relative}.owl-carousel{display:none;width:100%;}.owl-carousel .owl-stage{position:relative;-ms-touch-action:pan-Y;touch-action:manipulation;-moz-backface-visibility:hidden}.owl-carousel .owl-stage:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}.owl-carousel .owl-stage-outer{position:relative;overflow:hidden;-webkit-transform:translate3d(0,0,0)}.owl-carousel .owl-item,.owl-carousel .owl-wrapper{-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0)}.owl-carousel .owl-item{min-height:1px;float:left;-webkit-backface-visibility:hidden;-webkit-touch-callout:none}.owl-carousel .owl-dots.disabled,.owl-carousel .owl-nav.disabled{display:none}.no-js .owl-carousel,.owl-carousel.owl-loaded{display:block}.owl-carousel .owl-dot,.owl-carousel .owl-nav .owl-next,.owl-carousel .owl-nav .owl-prev{cursor:pointer;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel.owl-loading{opacity:0;display:block}.owl-carousel.owl-hidden{opacity:0}.owl-carousel.owl-refresh .owl-item{visibility:hidden}.owl-carousel.owl-drag .owl-item{-ms-touch-action:pan-y;touch-action:pan-y;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel.owl-grab{cursor:move;cursor:grab}.owl-carousel.owl-rtl{direction:rtl}.owl-carousel.owl-rtl .owl-item{float:right}.owl-carousel .animated{animation-duration:1s;animation-fill-mode:both}.owl-carousel .owl-animated-in{z-index:0}.owl-carousel .owl-animated-out{z-index:1}.owl-carousel .fadeOut{animation-name:fadeOut}@keyframes fadeOut{0%{opacity:1}100%{opacity:0}}.owl-height{transition:height .5s ease-in-out}.owl-carousel .owl-item .owl-lazy{opacity:0;transition:opacity .4s ease}.owl-carousel .owl-item .owl-lazy:not([src]),.owl-carousel .owl-item .owl-lazy[src^=""]{max-height:0}.owl-carousel .owl-item img.owl-lazy{transform-style:preserve-3d}.owl-carousel .owl-video-wrapper{position:relative;height:100%;background:#000}.owl-carousel .owl-video-play-icon{position:absolute;height:80px;width:80px;left:50%;top:50%;margin-left:-40px;margin-top:-40px;background:url(owl.video.play.png) no-repeat;cursor:pointer;z-index:1;-webkit-backface-visibility:hidden;transition:transform .1s ease}.owl-carousel .owl-video-play-icon:hover{-ms-transform:scale(1.3,1.3);transform:scale(1.3,1.3)}.owl-carousel .owl-video-playing .owl-video-play-icon,.owl-carousel .owl-video-playing .owl-video-tn{display:none}.owl-carousel .owl-video-tn{opacity:0;height:100%;background-position:center center;background-repeat:no-repeat;background-size:contain;transition:opacity .4s ease}.owl-carousel .owl-video-frame{position:relative;z-index:1;height:100%;width:100%}

.mfp-bg{top:0;left:0;width:100%;height:100%;z-index:1042;overflow:hidden;position:fixed;background:#0b0b0b;opacity:.8}.mfp-wrap{top:0;left:0;width:100%;height:100%;z-index:1043;position:fixed;outline:none!important;-webkit-backface-visibility:hidden}.mfp-container{text-align:center;position:absolute;width:100%;height:100%;left:0;top:0;padding:0 8px;box-sizing:border-box}.mfp-container:before{content:'';display:inline-block;height:100%;vertical-align:middle}.mfp-align-top .mfp-container:before{display:none}.mfp-content{position:relative;display:inline-block;vertical-align:middle;margin:0 auto;text-align:left;z-index:1045}.mfp-inline-holder .mfp-content,.mfp-ajax-holder .mfp-content{width:100%;cursor:auto}.mfp-ajax-cur{cursor:progress}.mfp-zoom-out-cur,.mfp-zoom-out-cur .mfp-image-holder .mfp-close{cursor:-moz-zoom-out;cursor:-webkit-zoom-out;cursor:zoom-out}.mfp-zoom{cursor:pointer;cursor:-webkit-zoom-in;cursor:-moz-zoom-in;cursor:zoom-in}.mfp-auto-cursor .mfp-content{cursor:auto}.mfp-close,.mfp-arrow,.mfp-preloader,.mfp-counter{-webkit-user-select:none;-moz-user-select:none;user-select:none}.mfp-loading.mfp-figure{display:none}.mfp-hide{display:none!important}.mfp-preloader{color:#CCC;position:absolute;top:50%;width:auto;text-align:center;margin-top:-0.8em;left:8px;right:8px;z-index:1044}.mfp-preloader a{color:#CCC}.mfp-preloader a:hover{color:#FFF}.mfp-s-ready .mfp-preloader{display:none}.mfp-s-error .mfp-content{display:none}button.mfp-close,button.mfp-arrow{overflow:visible;cursor:pointer;background:transparent;border:0;-webkit-appearance:none;display:block;outline:0;padding:0;z-index:1046;box-shadow:none;touch-action:manipulation}button::-moz-focus-inner{padding:0;border:0}.mfp-close{width:44px;height:44px;line-height:44px;position:absolute;right:0;top:0;text-decoration:none;text-align:center;opacity:.65;padding:0 0 18px 10px;color:#FFF;font-style:normal;font-size:28px;font-family:Arial,Baskerville,monospace}.mfp-close:hover,.mfp-close:focus{opacity:1}.mfp-close:active{top:1px}.mfp-close-btn-in .mfp-close{color:#333}.mfp-image-holder .mfp-close,.mfp-iframe-holder .mfp-close{color:#FFF;right:-6px;text-align:right;padding-right:6px;width:100%}.mfp-counter{position:absolute;top:0;right:0;color:#CCC;font-size:12px;line-height:18px;white-space:nowrap}.mfp-arrow{position:absolute;opacity:.65;margin:0;top:50%;margin-top:-55px;padding:0;width:90px;height:110px;-webkit-tap-highlight-color:transparent}.mfp-arrow:active{margin-top:-54px}.mfp-arrow:hover,.mfp-arrow:focus{opacity:1}.mfp-arrow:before,.mfp-arrow:after{content:'';display:block;width:0;height:0;position:absolute;left:0;top:0;margin-top:35px;margin-left:35px;border:medium inset transparent}.mfp-arrow:after{border-top-width:13px;border-bottom-width:13px;top:8px}.mfp-arrow:before{border-top-width:21px;border-bottom-width:21px;opacity:.7}.mfp-arrow-left{left:0}.mfp-arrow-left:after{border-right:17px solid #FFF;margin-left:31px}.mfp-arrow-left:before{margin-left:25px;border-right:27px solid #3f3f3f}.mfp-arrow-right{right:0}.mfp-arrow-right:after{border-left:17px solid #FFF;margin-left:39px}.mfp-arrow-right:before{border-left:27px solid #3f3f3f}.mfp-iframe-holder{padding-top:40px;padding-bottom:40px}.mfp-iframe-holder .mfp-content{line-height:0;width:100%;max-width:900px}.mfp-iframe-holder .mfp-close{top:-40px}.mfp-iframe-scaler{width:100%;height:0;overflow:hidden;padding-top:56.25%}.mfp-iframe-scaler iframe{position:absolute;display:block;top:0;left:0;width:100%;height:100%;box-shadow:0 0 8px rgba(0,0,0,0.6);background:#000}img.mfp-img{width:auto;max-width:100%;height:auto;display:block;line-height:0;box-sizing:border-box;padding:40px 0 40px;margin:0 auto}.mfp-figure{line-height:0}.mfp-figure:after{content:'';position:absolute;left:0;top:40px;bottom:40px;display:block;right:0;width:auto;height:auto;z-index:-1;box-shadow:0 0 8px rgba(0,0,0,0.6);background:#444}.mfp-figure small{color:#bdbdbd;display:block;font-size:12px;line-height:14px}.mfp-figure figure{margin:0}.mfp-bottom-bar{margin-top:-36px;position:absolute;top:100%;left:0;width:100%;cursor:auto}.mfp-title{display:none;text-align:left;line-height:18px;color:#f3f3f3;word-wrap:break-word;padding-right:36px}.mfp-image-holder .mfp-content{max-width:100%}.mfp-gallery .mfp-image-holder .mfp-figure{cursor:pointer}@media screen and (max-width:800px) and (orientation:landscape),screen and (max-height:300px){.mfp-img-mobile .mfp-image-holder{padding-left:0;padding-right:0}.mfp-img-mobile img.mfp-img{padding:0}.mfp-img-mobile .mfp-figure:after{top:0;bottom:0}.mfp-img-mobile .mfp-figure small{display:inline;margin-left:5px}.mfp-img-mobile .mfp-bottom-bar{background:rgba(0,0,0,0.6);bottom:0;margin:0;top:auto;padding:3px 5px;position:fixed;box-sizing:border-box}.mfp-img-mobile .mfp-bottom-bar:empty{padding:0}.mfp-img-mobile .mfp-counter{right:5px;top:3px}.mfp-img-mobile .mfp-close{top:0;right:0;width:35px;height:35px;line-height:35px;background:rgba(0,0,0,0.6);position:fixed;text-align:center;padding:0}}@media all and (max-width:900px){.mfp-arrow{-webkit-transform:scale(0.75);transform:scale(0.75)}.mfp-arrow-left{-webkit-transform-origin:0 0;transform-origin:0 0}.mfp-arrow-right{-webkit-transform-origin:100%;transform-origin:100%}.mfp-container{padding-left:6px;padding-right:6px}}

/*@font-face {
    font-family: 'Rubik';
    src: url('../fonts/Rubik-Regular.woff2') format('woff2'),
        url('../fonts/Rubik-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Rubik';
    src: url('../fonts/Rubik-Bold.woff2') format('woff2'),
        url('../fonts/Rubik-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'Rubik';
    src: url('../fonts/Rubik-Black.woff2') format('woff2'),
        url('../fonts/Rubik-Black.woff') format('woff');
    font-weight: 900;
    font-style: normal;
}

@font-face {
    font-family: 'Rubik';
    src: url('../fonts/Rubik-Medium.woff2') format('woff2'),
        url('../fonts/Rubik-Medium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: 'Rubik';
    src: url('../fonts/Rubik-Light.woff2') format('woff2'),
        url('../fonts/Rubik-Light.woff') format('woff');
    font-weight: 300;
    font-style: normal;
}
*/

body {
    background: #fff;
    color: #333;
    font-family: "Rubik", sans-serif;
    font-size: 14px;
    font-weight: 400;
    overflow-x: hidden;
    padding-top: 97px;
}

ul,
ol,
li {
    list-style: none;
    margin: 0;
    padding: 0;
}


ul,
li {
    list-style: none;
}

.main-header {
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    background: #fff;
    text-align: center;
    padding-top: 34px;
    padding-bottom: 20px;
    z-index: 30;
}

.main-header-inner {
    position: relative;
    width: 1538px;
    margin: 0 auto;
}

.logo {
    float: left;
}

    .logo img {
        max-width: 100%;
    }

.hdr-lang {
    position: absolute;
    right: 0;
    top: -25px;
    border: 2px solid #333;
}

    .hdr-lang a {
        color: #333;
        font-size: 11px;
        font-weight: 500;
        float: left;
        padding: 5px 5px;
    }

        .hdr-lang a.active {
            color: #fff;
            background-color: #18A54D;
        }

        .hdr-lang a:not(.active):hover {
            background-color: #f5f5f5;
        }

.main-nav {
    padding-top: 10px;
    float: right;
}

    .main-nav ul,
    .main-nav ul li {
        display: inline-block;
        vertical-align: middle;
    }

        .main-nav ul li {
            margin-right: 35px;
        }

            .main-nav ul li:last-child {
                margin: 0;
            }

.main-nav-link {
    display: inline-block;
    color: #000;
    font-size: 18px;
    font-weight: 500;
    transition: all 0.4s;
}

    .main-nav-link:hover {
        color: #18A54D;
    }

    .main-nav-link.active {
        color: #18A54D;
    }

.main-nav ul li:last-child .main-nav-link {
    padding: 10px 25px;
    border: 2px solid;
    border-image-source: linear-gradient(45deg, #17a54d, #010904, #17a54d);
    border-image-slice: 1;
}

    .main-nav ul li:last-child .main-nav-link:hover {
        color: #fff;
        border: 2px solid #18A54D;
        ;
        background: #18A54D;
        ;
    }

.banner {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: 1538px;
    margin: 0 auto;
    padding-top: 170px;
    min-height: calc(100vh - 97px);
}

.banner-text {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 50%;
    flex: 1 1 50%;
    opacity: 0;
    -webkit-transition: all 1s;
    transition: all 1s;
    -webkit-transform: translateX(-50px);
    -ms-transform: translateX(-50px);
    transform: translateX(-50px);
}

    .banner-text.active {
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0);
        opacity: 1;
    }

.banner-title {
    color: #000;
    font-size: 96px;
    line-height: 1.1;
    margin-bottom: 50px;
}

.banner-desc {
    max-width: 475px;
    color: #000;
    font-size: 18px;
    font-weight: 500;
    line-height: 1.8;
}

.banner-logo {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 290px;
    flex: 0 0 290px;
    position: relative;
    margin-right: 316px;
}

.bl-bottom,
.bl-top {
    opacity: 0;
    -webkit-transition: opacity 0.4s ease 1s, -webkit-transform 2s ease 1s;
    transition: opacity 0.4s ease 1s, -webkit-transform 2s ease 1s;
    transition: opacity 0.4s ease 1s, transform 2s ease 1s;
    transition: opacity 0.4s ease 1s, transform 2s ease 1s, -webkit-transform 2s ease 1s;
}

.bl-bottom {
    /*transform: translateX(100%) rotate(45deg);*/
    -webkit-transform: translateX(50%) translateY(-40%) rotate(-25deg);
    -ms-transform: translateX(50%) translateY(-40%) rotate(-25deg);
    transform: translateX(50%) translateY(-40%) rotate(-25deg);
}

.bl-top {
    /*transform: translateX(-100%) rotate(45deg);*/
    -webkit-transform: translateX(-50%) translateY(40%) rotate(-15deg);
    -ms-transform: translateX(-50%) translateY(40%) rotate(-15deg);
    transform: translateX(-50%) translateY(40%) rotate(-15deg);
}

.banner-logo.active .bl-bottom,
.banner-logo.active .bl-top {
    opacity: 1;
    -webkit-transform: translate(0);
    -ms-transform: translate(0);
    transform: translate(0);
}

.bl-top img,
.bl-top svg,
.bl-bottom img,
.bl-bottom svg {
    width: 290px;
}

    /*.banner-logo.white .bl-top svg polygon,
.banner-logo.white .bl-bottom svg polygon {
    fill: #fff !important;
    stroke: #333;
    stroke-width: 1px;
}*/

    .bl-top svg polygon {
        fill: #fff;
    }

    .bl-bottom svg polygon {
        fill: #fff;
        stroke: #333;
    }

.banner-logo.active .logo-right-top {
    fill: #17a54d;
    stroke: #17a54d;
    transition: all 2s ease;
    -webkit-transition: all 1s ease 3s;
    stroke-width: 0;
}

.banner-logo.active .logo-right-right {
    fill: #008f39;
    stroke: #008f39;
    transition: all 2s ease;
    -webkit-transition: all 1s ease 4.2s;
    stroke-width: 0;
}

.banner-logo.active .logo-right-center {
    fill: #59b575;
    stroke: #59b575;
    transition: all 2s ease;
    -webkit-transition: all 1s ease 3.4s;
    stroke-width: 0;
}

.banner-logo.active .logo-right-bottom {
    fill: #192719;
    stroke: #192719;
    transition: all 2s ease;
    -webkit-transition: all 1s ease 3.8s;
    stroke-width: 0;
}

.banner-logo.active .logo-right-top-left {
    fill: #192719;
    stroke: #192719;
    transition: all 2s ease;
    -webkit-transition: all 1s ease 3.6s;
    stroke-width: 0;
}

.banner-logo.active .logo-left-left {
    fill: #59b575;
    stroke: #59b575;
    transition: all 2s ease;
    -webkit-transition: all 1s ease 3.4s;
    stroke-width: 0;
}

.banner-logo.active .logo-left-center {
    stroke: #008f39;
    fill: #008f39;
    transition: all 2s ease;
    -webkit-transition: all 1s ease 4s;
    stroke-width: 0;
}

.banner-logo.active .logo-left-top {
    fill: #17a54d;
    stroke: #17a54d;
    transition: all 2s ease;
    -webkit-transition: all 1s ease 3.4s;
    stroke-width: 0;
}

.banner-logo.active .logo-left-center-bottom {
    stroke: #1a351e;
    fill: #1a351e;
    transition: all 2s ease;
    -webkit-transition: all 1s ease 3.4s;
    stroke-width: 0;
}


.bl-bottom {
    position: absolute;
    top: -64px;
    right: -148px;
}

.kesfet {
    position: absolute;
    bottom: 50px;
    left: 0;
    opacity: 0;
    color: #008f39;
    font-size: 18px;
    font-weight: 500;
    cursor: pointer;
    text-decoration: underline;
    -webkit-transform: translateY(30px);
    -ms-transform: translateY(30px);
    transform: translateY(30px);
    -webkit-transition: opacity 0.4s ease 1.6s, -webkit-transform 1s ease 1.6s;
    transition: opacity 0.4s ease 1.6s, -webkit-transform 1s ease 1.6s;
    transition: opacity 0.4s ease 1.6s, transform 1s ease 1.6s;
    transition: opacity 0.4s ease 1.6s, transform 1s ease 1.6s, -webkit-transform 1s ease 1.6s;
}

    .kesfet.active {
        opacity: 1;
        -webkit-transform: translate(0);
        -ms-transform: translate(0);
        transform: translate(0);
    }

    .kesfet:hover {
        text-decoration: none;
    }
/* COOKIES POLICY*/
.cookieBar {
    position: fixed;
    background-color: rgb(183 208 209);
    bottom: 0;
    left: 0;
    right: 0;
    padding: 8px 0 25px 0;
    z-index: 999999;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}
    .cookieBar .container {
         width: 70%; 
        height: auto;
        top: 0px;
        margin: 10px auto -6px auto;
    }
.cookieBarText {
    line-height: 1.5;
    color: #7D7D7D;
    font-family: 'Gotham';
    font-size: 14px;
    font-weight: 400;
    padding-top: 12px;
}


    .cookieBarText a {
        line-height: 1.5;
        color: #7D7D7D;
        font-family: 'Gotham';
        font-size: 14px;
        font-weight: 400;
    }



.cookieBarButton {
    padding: 0 0;
}

.cookieBar .col-sm-10 {
    max-width: 70%;
}

.cookieBar .col-sm-2 {
    max-width: 30%;
}

.cookieBarButton button {
    background-color: #41A356;
    border: 0px solid #c14f40;
    border-radius: 23px;
    font-size: 16px;
    font-weight: 600;
    height: 45px;
    line-height: 45px;
    padding: 0 26px;
    color: #943333;
    line-height: 28px;
    cursor: pointer;
}

    .cookieBarButton button:focus {
        outline-color: #fff !important
    }

.cookieBarIn {
    -webkit-animation-name: cookieBarIn;
    animation-name: cookieBarIn
}

.cookieBarOut {
    -webkit-animation-name: cookieBarOut;
    animation-name: cookieBarOut
}

.cookieBar .row {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
/* HOME ABOUT */

.about-section {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    width: 1538px;
    margin: 0 auto;
    padding: 30px 0;
    min-height: calc(100vh - 97px);
}

.about-section-inner {
    width: 100%;
}

.about-text {
    width: 100%;
    margin-bottom: 70px;
}

.about-title {
    max-width: 645px;
    font-size: 36px;
    line-height: 1.3;
}

.about-desc {
    font-size: 22px;
    line-height: 1.8;
}

/* HOME SLOGAN */

.home-slogan {
    position: relative;
    z-index: 1;
    padding: 30px 15px;
    height: 390px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-bottom: 20vh;
    background: url("/Content/WebsiteTemplate/img/home-slogan-bg.jpeg") no-repeat 50% 50%;
    background-size: cover;
    background-attachment: fixed;
}

    .home-slogan::after {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background: rgba(0, 143, 57, 0.6);
        z-index: -1;
    }

.home-slogan-title {
    color: #fff;
    font-size: 22px;
    text-align: center;
    max-width: 800px;
}

.home-slogan-title span {
    display: block;
    font-size: 16px;
    text-align: right;
    font-style: italic;
    margin-top: 20px;
}

/* HOME MIDDLE SECTION */

.middle-section {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    width: 1538px;
    margin: 0 auto;
    padding: 30px 0;
    min-height: calc(100vh - 97px);
}

.middle-section-inner {
    width: 100%;
}

.middle-text {
    width: 100%;
    margin-bottom: 30px;
}

.middle-desc {
    max-width: 100%;
    color: #000;
    font-size: 48px;
    line-height: 1.3;
    text-align: center;
}

.middle-list {
    /*display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    margin-right: -90px;
    margin-left: -90px;
    justify-content: space-between;
    flex-wrap: wrap;*/
}

.middle-list-item {
    /*width: 33.33%;*/
    padding: 0 90px;
    margin-right: 0px;
    position: relative;
}

.ns-wrapper {
    text-align: center;
    margin-top: 70px;
}
.ns-container {
    display: inline-block;
    position: relative;
    padding-left: 30px;
    padding-right: 30px;
}

    .ns-container .ns-dot-container {
        text-align: center;
    }

        .ns-container .ns-dot-container .owl-dot {
            width: 15px;
            height: 15px;
            background-color: #18a54d;
            border: none;
            border-radius: 50%;
            margin-left: 10px;
        }

            .ns-container .ns-dot-container .owl-dot.active {
                background-color: #333;
            }

            .ns-container .ns-dot-container .owl-dot:first-child {
                margin-left: 0;
            }

    .ns-container .ns-nav-container {
        position: absolute;
        bottom: 0px;
        left: 0;
        right: 0;
        height: 22px;
    }
        .ns-container .ns-nav-container .owl-prev,
        .ns-container .ns-nav-container .owl-next {
            position: absolute;
            border: none;
            background-color: transparent;
            font-size: 18px;
        }

        .ns-container .ns-nav-container .owl-prev {
            left: 0;
        }

        .ns-container .ns-nav-container .owl-next {
            right: 0;
        }

.mli-icon {
    margin-bottom: 15px;
}

.mli-icon img {
    width: 100%;
}

.mli-title {
    color: #000;
    font-size: 24px;
    font-weight: 500;
    margin-bottom: 15px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    max-height: 63px;
    min-height: 63px;
}

.mli-desc {
    color: #717171;
    font-size: 18px;
    line-height: 1.7;
    font-weight: 500;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    max-height: 120px;
    min-height: 120px;
    overflow: hidden;
}

.mli-detail {
    color: #18a54d;
    display: inline-block;
    font-size: 16px;
    margin-top: 15px;
    position: relative;
    top: auto;
    bottom: -3px;
    right: 0;
    left: 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    width: 100%;
}

.mli-detail svg {
    width: 14px;
    height: 14px;
    position: relative;
    top: 3px;
    margin-left: 5px;
}

.middle-list-all {
    margin-top: 30px;
    text-align: center;
}
    .middle-list-all a {
        display: inline-block;
        transition: all .4s;
        color: #18a54d;
        font-size: 23px;
        text-align: center;
        border: 2px solid;
        border-image-source: linear-gradient(45deg,#17a54d,#010904,#17a54d);
        border-image-slice: 1;
        padding: 10px 5%;
    }
        .middle-list-all a:hover {
            color: #fff;
            border: 2px solid #18a54d;
            background: #18a54d;
        }

    .middle-list-all a svg {
        width: 12px;
        height: 13px;
        position: relative;
        top: 1px;
        margin-left: 5px;
    }

/* HOME SLIDER SECTION*/

.slider-section {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    padding: 130px 0;
    margin: 0 auto;
    min-height: calc(100vh - 297px);
}

.main-slider .item {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    /*padding-top: 100px;*/
}

.ss-wrapper {
    width: 1538px;
    margin: 0 auto;
}

.slide-cube {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 590px;
    flex: 0 0 590px;
    overflow: hidden;
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
    -webkit-transition: all ease 1s;
    transition: all ease 1s;
}

.active .slide-cube {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
}

.slide-text {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 100%;
    flex: 1 1 100%;
}

.slide-title {
    color: #000;
    font-size: 48px;
    overflow: hidden;
    margin-bottom: 32px;
}

.slide-desc {
    color: #717171;
    font-size: 18px;
    line-height: 1.7;
    font-weight: 500;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    overflow: hidden;
    height: 120px;
    margin-bottom: 25px;
}

.slide-link a {
    display: inline-block;
    color: #18A54D;
    font-size: 16px;
    font-weight: 500;
}

    .slide-link a:hover {
        color: #18A54D;
        text-decoration: underline;
        transition: color 0.4s;
    }

.slide-title span,
.slide-desc span,
.slide-link a {
    display: block;
    -webkit-transform: translateY(100%);
    -ms-transform: translateY(100%);
    transform: translateY(100%);
    -webkit-transition: all 0.8s ease 1s;
    transition: all 0.8s ease 1s;
}

.active .slide-title span,
.active .slide-desc span,
.slide-link a {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
}

.main-slider .owl-dots {
    counter-reset: section;
    position: absolute;
    left: 595px;
    bottom: 147px;
}

.main-slider .owl-dot {
    background: none;
    padding: 5px 0 0;
    outline: none;
    border: none;
    font-size: 16px;
    border-top: 2px solid #fff;
    margin-right: 20px;
}

    .main-slider .owl-dot::after {
        content: counter(section);
        counter-increment: section;
        display: inline-block;
        color: #666;
        font-size: 16px;
        font-weight: 700;
    }

.main-slider .active.owl-dot {
    border-color: #333;
}

    .main-slider .active.owl-dot::after {
        color: #333;
    }

.main-slider .slide-cube.style2 {
    width: 500px;
    height: 500px;
    padding-top: 50px;
}

/* CUBE 2 */

.container {
    top: -30px;
    width: 200px;
    height: 200px;
    position: relative;
    /*margin: 70px auto 40px;*/
    margin: 70px 0 40px 70px;
    -webkit-perspective: 2000px;
    -webkit-transform: scale(1.2);
    -ms-transform: scale(1.2);
    transform: scale(1.2);
}

#cube {
    width: 100%;
    height: 100%;
    position: absolute;
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
    -webkit-transform: translateZ( -100px );
    transform: translateZ( -100px );
}

    #cube.spinning {
        -webkit-animation: spinCubeWebkit 45s infinite linear;
        animation: spinCube 45s infinite;
    }

    #cube.rotateY {
        animation: spinCube2 15s infinite;
        -webkit-animation: spinCube2 15s infinite;
    }

    #cube.rotateX {
        animation: spinCube3 15s infinite;
        -webkit-animation: spinCube3 15s infinite;
    }

@-webkit-keyframes spinCubeWebkit {
    0% {
        -webkit-transform: translateZ( -100px ) rotateX( 0deg ) rotateY( 0deg );
    }

    100% {
        -webkit-transform: translateZ( -100px ) rotateX( 360deg ) rotateY( 360deg );
    }
}

@-webkit-keyframes spinCube {
    0% {
        -webkit-transform: translateZ( -100px ) rotateX( 0deg ) rotateY( 0deg );
    }

    100% {
        -webkit-transform: translateZ( -100px ) rotateX( 360deg ) rotateY( 360deg );
    }
}

@keyframes spinCube {
    0% {
        -webkit-transform: translateZ( -100px ) rotateX( 0deg ) rotateY( 0deg );
    }

    100% {
        -webkit-transform: translateZ( -100px ) rotateX( 360deg ) rotateY( 360deg );
    }
}

@keyframes spinCube2 {
    0% {
        -webkit-transform: translateZ( 0 ) rotateY( 0deg );
    }

    100% {
        -webkit-transform: translateZ( 0 ) rotateY( 360deg );
    }
}

@-webkit-keyframes spinCube2 {
    0% {
        -webkit-transform: translateZ( 0 ) rotateY( 0deg );
    }

    100% {
        -webkit-transform: translateZ( 0 ) rotateY( 360deg );
    }
}

@keyframes spinCube3 {
    0% {
        -webkit-transform: translateZ( 0 ) rotateY(20deg) rotateX( 0deg );
    }

    100% {
        -webkit-transform: translateZ( 0 ) rotateY(20deg) rotateX( 360deg );
    }
}

@-webkit-keyframes spinCube3 {
    0% {
        -webkit-transform: translateZ( 0 ) rotateY(20deg) rotateX( 0deg );
    }

    100% {
        -webkit-transform: translateZ( 0 ) rotateY(20deg) rotateX( 360deg );
    }
}

#cube .figure {
    display: block;
    position: absolute;
    width: 196px;
    height: 196px;
    /*border: 1px solid black;*/
    line-height: 196px;
    font-size: 20px;
    font-weight: bold;
    color: white;
    text-align: center;
    background: none;
    opacity: 1;
    /*  -webkit-backface-visibility: hidden;
     -moz-backface-visibility: hidden;
       -o-backface-visibility: hidden;
          backface-visibility: hidden;*/
}

#cube .front {
    -webkit-transform: translateZ( 100px );
    transform: translateZ( 100px );
}

#cube .back {
    -webkit-transform: rotateX( -180deg ) translateZ( 100px );
    transform: rotateX( -180deg ) translateZ( 100px );
}

#cube .right {
    -webkit-transform: rotateY( 90deg ) translateZ( 100px );
    transform: rotateY( 90deg ) translateZ( 100px );
}

#cube .left {
    -webkit-transform: rotateY( -90deg ) translateZ( 100px );
    transform: rotateY( -90deg ) translateZ( 100px );
}

#cube .top {
    -webkit-transform: rotateX( 90deg ) translateZ( 100px );
    transform: rotateX( 90deg ) translateZ( 100px );
}

#cube .bottom {
    -webkit-transform: rotateX( -90deg ) translateZ( 100px );
    transform: rotateX( -90deg ) translateZ( 100px );
}

.rubik_cube_face {
    text-align: center;
    width: 202px;
    height: 202px;
}

    .rubik_cube_face span {
        display: inline-block;
        border: 1px solid black;
        float: left;
        vertical-align: middle;
        width: 30%;
        height: 30%;
        margin: 1% 1%;
        background: black;
        -webkit-animation: animateRubik 2s infinite alternate;
        animation: animateRubik 2s infinite alternate;
    }

.front .rubik_cube_face span {
    -webkit-animation: animateRubikFront 2s infinite alternate;
    animation: animateRubikFront 2s infinite alternate;
}

.back .rubik_cube_face span {
    -webkit-animation: animateRubikBack 2s infinite alternate;
    animation: animateRubikBack 2s infinite alternate;
}

.right .rubik_cube_face span {
    -webkit-animation: animateRubikRight 2s infinite alternate;
    animation: animateRubikRight 2s infinite alternate;
}

.left .rubik_cube_face span {
    -webkit-animation: animateRubikLeft 2s infinite alternate;
    animation: animateRubikLeft 2s infinite alternate;
}

.top .rubik_cube_face span {
    -webkit-animation: animateRubikTop 2s infinite alternate;
    animation: animateRubikTop 2s infinite alternate;
}

.bottom .rubik_cube_face span {
    -webkit-animation: animateRubikBottom 2s infinite alternate;
    animation: animateRubikBottom 2s infinite alternate;
}

.front .rubik_cube_face span {
    background: #ffffff;
}

.back .rubik_cube_face span {
    background: #ffffff;
}

.right .rubik_cube_face span {
    background: #ffffff;
}

.left .rubik_cube_face span {
    background: #ffffff;
}

.top .rubik_cube_face span {
    background: #ffffff;
}

.bottom .rubik_cube_face span {
    background: #ffffff;
}

.rubik_cube_face span:nth-of-type(1) {
    -webkit-animation-delay: 0s;
    animation-delay: 0s;
}

.rubik_cube_face span:nth-of-type(2) {
    -webkit-animation-delay: .2s;
    animation-delay: .2s;
}

.rubik_cube_face span:nth-of-type(3) {
    -webkit-animation-delay: .4s;
    animation-delay: .4s;
}

.rubik_cube_face span:nth-of-type(4) {
    -webkit-animation-delay: .6s;
    animation-delay: .6s;
}

.rubik_cube_face span:nth-of-type(6) {
    -webkit-animation-delay: .8s;
    animation-delay: .8s;
}

.rubik_cube_face span:nth-of-type(7) {
    -webkit-animation-delay: 1s;
    animation-delay: 1s;
}

.rubik_cube_face span:nth-of-type(8) {
    -webkit-animation-delay: 1.2s;
    animation-delay: 1.2s;
}

.rubik_cube_face span:nth-of-type(9) {
    -webkit-animation-delay: 1.4s;
    animation-delay: 1.4s;
}

@-webkit-keyframes animateRubik {
    0% {
    }

    20% {
        background: #f5f5f5;
    }
}

@-webkit-keyframes animateRubikFront {
    0% {
    }

    50% {
        background: #f5f5f5;
    }
}

@-webkit-keyframes animateRubikBack {
    0% {
    }

    50% {
        background: #f5f5f5;
    }
}

@-webkit-keyframes animateRubikRight {
    0% {
    }

    50% {
        background: #f5f5f5;
    }
}

@-webkit-keyframes animateRubikLeft {
    0% {
    }

    50% {
        background: #f5f5f5;
    }
}

@-webkit-keyframes animateRubikTop {
    0% {
    }

    50% {
        background: #f5f5f5;
    }
}

@-webkit-keyframes animateRubikBottom {
    0% {
    }

    50% {
        background: #f5f5f5;
    }
}

/* COLOR */

.color .top .rubik_cube_face span {
    background: #17a54d;
}

.color .bottom .rubik_cube_face span {
    background: #18A54D;
}

.color .front .rubik_cube_face span {
    background: #59B574;
}

.color .back .rubik_cube_face span {
    background: #17a54d;
}

.color .right .rubik_cube_face span {
    background: #17a54d;
}

.color .left .rubik_cube_face span {
    background: #17a54d;
}

.color .top .rubik_cube_face span {
    background: #17a54d;
}

/* CUBE 1 */

@-webkit-keyframes rotate {
    from {
        -webkit-transform: rotateY(-30deg) rotateX(-30deg);
        transform: rotateY(-30deg) rotateX(-30deg);
    }

    to {
        -webkit-transform: rotateY(690deg) rotateX(-30deg);
        transform: rotateY(690deg) rotateX(-30deg);
    }
}

@keyframes rotate {
    from {
        -webkit-transform: rotateY(-30deg) rotateX(-30deg);
        transform: rotateY(-30deg) rotateX(-30deg);
    }

    to {
        -webkit-transform: rotateY(690deg) rotateX(-30deg);
        transform: rotateY(690deg) rotateX(-30deg);
    }
}

@-webkit-keyframes spinTopRow {
    0% {
        -webkit-transform: rotateY(0deg);
        transform: rotateY(0deg);
    }

    5% {
        -webkit-transform: rotateY(90deg);
        transform: rotateY(90deg);
    }

    45% {
        -webkit-transform: rotateY(90deg);
        transform: rotateY(90deg);
    }

    50% {
        -webkit-transform: rotateY(360deg);
        transform: rotateY(360deg);
    }

    100% {
        -webkit-transform: rotateY(360deg);
        transform: rotateY(360deg);
    }
}

@keyframes spinTopRow {
    0% {
        -webkit-transform: rotateY(0deg);
        transform: rotateY(0deg);
    }

    5% {
        -webkit-transform: rotateY(90deg);
        transform: rotateY(90deg);
    }

    45% {
        -webkit-transform: rotateY(90deg);
        transform: rotateY(90deg);
    }

    50% {
        -webkit-transform: rotateY(360deg);
        transform: rotateY(360deg);
    }

    100% {
        -webkit-transform: rotateY(360deg);
        transform: rotateY(360deg);
    }
}

@-webkit-keyframes spinMiddleColumn {
    25% {
        -webkit-transform: rotateX(0deg);
        transform: rotateX(0deg);
    }

    35% {
        -webkit-transform: rotateX(90deg);
        transform: rotateX(90deg);
    }

    75% {
        -webkit-transform: rotateX(90deg);
        transform: rotateX(90deg);
    }

    85% {
        -webkit-transform: rotateX(360deg);
        transform: rotateX(360deg);
    }

    100% {
        -webkit-transform: rotateX(360deg);
        transform: rotateX(360deg);
    }
}

@keyframes spinMiddleColumn {
    25% {
        -webkit-transform: rotateX(0deg);
        transform: rotateX(0deg);
    }

    35% {
        -webkit-transform: rotateX(90deg);
        transform: rotateX(90deg);
    }

    75% {
        -webkit-transform: rotateX(90deg);
        transform: rotateX(90deg);
    }

    85% {
        -webkit-transform: rotateX(360deg);
        transform: rotateX(360deg);
    }

    100% {
        -webkit-transform: rotateX(360deg);
        transform: rotateX(360deg);
    }
}

@-webkit-keyframes spinMiddleRow {
    40% {
        -webkit-transform: rotateY(0deg);
        transform: rotateY(0deg);
    }

    45% {
        -webkit-transform: rotateY(90deg);
        transform: rotateY(90deg);
    }

    90% {
        -webkit-transform: rotateY(90deg);
        transform: rotateY(90deg);
    }

    95% {
        -webkit-transform: rotateY(360deg);
        transform: rotateY(360deg);
    }

    100% {
        -webkit-transform: rotateY(360deg);
        transform: rotateY(360deg);
    }
}

@keyframes spinMiddleRow {
    40% {
        -webkit-transform: rotateY(0deg);
        transform: rotateY(0deg);
    }

    45% {
        -webkit-transform: rotateY(90deg);
        transform: rotateY(90deg);
    }

    90% {
        -webkit-transform: rotateY(90deg);
        transform: rotateY(90deg);
    }

    95% {
        -webkit-transform: rotateY(360deg);
        transform: rotateY(360deg);
    }

    100% {
        -webkit-transform: rotateY(360deg);
        transform: rotateY(360deg);
    }
}

.container2 {
    -webkit-perspective: 800px;
    perspective: 800px;
    height: 32em;
    width: 32em;
    position: relative;
}

    .container2 .rubiks-cube {
        width: 13em;
        height: 13em;
        font-size: 17px;
        margin: 5em;
        position: absolute;
        -webkit-transform-style: preserve-3d;
        transform-style: preserve-3d;
        -webkit-transform: rotateY(-30deg) rotateX(-30deg) scale3d(0.7, 0.7, 0.7);
        transform: rotateY(-30deg) rotateX(-30deg) scale3d(0.7, 0.7, 0.7);
        animation: spinCube2 15s infinite;
        -webkit-animation: spinCube2 15s infinite;
    }

    .container2 .top-clone {
        z-index: 100;
        position: absolute;
        width: 12em;
        height: 12em;
        -webkit-transform-style: preserve-3d;
        transform-style: preserve-3d;
        -webkit-animation: spinTopRow 20s infinite linear;
        animation: spinTopRow 20s infinite linear;
    }

        .container2 .top-clone .clone-left {
            left: 0;
        }

            .container2 .top-clone .clone-left .left-one {
                background: #ffffff;
                position: absolute;
                display: block;
                width: 3.6em;
                height: 3.6em;
                border: 1px solid #333;
            }

            .container2 .top-clone .clone-left .left-two {
                background: #ffffff;
                position: absolute;
                display: block;
                width: 3.6em;
                height: 3.6em;
                border: 1px solid #333;
            }

            .container2 .top-clone .clone-left .left-three {
                background: #ffffff;
                position: absolute;
                display: block;
                width: 3.6em;
                height: 3.6em;
                border: 1px solid #333;
            }

        .container2 .top-clone .clone-middle {
            left: 4em;
        }

            .container2 .top-clone .clone-middle .middle-one {
                background: #ffffff;
                position: absolute;
                display: block;
                width: 3.6em;
                height: 3.6em;
                border: 1px solid #333;
            }

            .container2 .top-clone .clone-middle .middle-two {
                background: #ffffff;
                position: absolute;
                display: block;
                width: 3.6em;
                height: 3.6em;
                border: 1px solid #333;
            }

            .container2 .top-clone .clone-middle .middle-three {
                background: #ffffff;
                position: absolute;
                display: block;
                width: 3.6em;
                height: 3.6em;
                border: 1px solid #333;
            }

        .container2 .top-clone .clone-right {
            left: 8em;
        }

            .container2 .top-clone .clone-right .right-one {
                background: #ffffff;
                position: absolute;
                display: block;
                width: 3.6em;
                height: 3.6em;
                border: 1px solid #333;
            }

            .container2 .top-clone .clone-right .right-two {
                background: #ffffff;
                position: absolute;
                display: block;
                width: 3.6em;
                height: 3.6em;
                border: 1px solid #333;
            }

            .container2 .top-clone .clone-right .right-three {
                background: #ffffff;
                position: absolute;
                display: block;
                width: 3.6em;
                height: 3.6em;
                border: 1px solid #333;
            }

    .container2 .top-row, .container2 .middle-row, .container2 .bottom-row {
        position: absolute;
        top: 0;
        width: 12em;
        height: 4em;
        -webkit-transform-style: preserve-3d;
        transform-style: preserve-3d;
    }

    .container2 .top-row {
        top: 0;
        -webkit-animation: spinTopRow 20s infinite linear;
        animation: spinTopRow 20s infinite linear;
    }

        .container2 .top-row .front .front-one {
            background: #ffffff;
            position: absolute;
            display: block;
            width: 3.6em;
            height: 3.6em;
            border: 1px solid #333;
        }

        .container2 .top-row .front .front-two {
            background: #ffffff;
            position: absolute;
            display: block;
            width: 3.6em;
            height: 3.6em;
            border: 1px solid #333;
        }

        .container2 .top-row .front .front-three {
            background: #ffffff;
            position: absolute;
            display: block;
            width: 3.6em;
            height: 3.6em;
            border: 1px solid #333;
        }

        .container2 .top-row .left .left-one {
            background: #ffffff;
            position: absolute;
            display: block;
            width: 3.6em;
            height: 3.6em;
            border: 1px solid #333;
        }

        .container2 .top-row .left .left-two {
            background: #ffffff;
            position: absolute;
            display: block;
            width: 3.6em;
            height: 3.6em;
            border: 1px solid #333;
        }

        .container2 .top-row .left .left-three {
            background: #ffffff;
            position: absolute;
            display: block;
            width: 3.6em;
            height: 3.6em;
            border: 1px solid #333;
        }

        .container2 .top-row .back .back-one {
            background: #ffffff;
            position: absolute;
            display: block;
            width: 3.6em;
            height: 3.6em;
            border: 1px solid #333;
        }

        .container2 .top-row .back .back-two {
            background: #ffffff;
            position: absolute;
            display: block;
            width: 3.6em;
            height: 3.6em;
            border: 1px solid #333;
        }

        .container2 .top-row .back .back-three {
            background: #ffffff;
            position: absolute;
            display: block;
            width: 3.6em;
            height: 3.6em;
            border: 1px solid #333;
        }

        .container2 .top-row .right .right-one {
            background: #ffffff;
            position: absolute;
            display: block;
            width: 3.6em;
            height: 3.6em;
            border: 1px solid #333;
        }

        .container2 .top-row .right .right-two {
            background: #ffffff;
            position: absolute;
            display: block;
            width: 3.6em;
            height: 3.6em;
            border: 1px solid #333;
        }

        .container2 .top-row .right .right-three {
            background: #ffffff;
            position: absolute;
            display: block;
            width: 3.6em;
            height: 3.6em;
            border: 1px solid #333;
        }

    .container2 .middle-row {
        top: 4em;
        -webkit-animation: spinMiddleRow 20s infinite linear;
        animation: spinMiddleRow 20s infinite linear;
    }

        .container2 .middle-row .front .front-one {
            background: #ffffff;
            position: absolute;
            display: block;
            width: 3.6em;
            height: 3.6em;
            border: 1px solid #333;
        }

        .container2 .middle-row .front .front-two {
            background: #ffffff;
            position: absolute;
            display: block;
            width: 3.6em;
            height: 3.6em;
            border: 1px solid #333;
        }

        .container2 .middle-row .front .front-three {
            background: #ffffff;
            position: absolute;
            display: block;
            width: 3.6em;
            height: 3.6em;
            border: 1px solid #333;
        }

        .container2 .middle-row .left .left-one {
            background: #ffffff;
            position: absolute;
            display: block;
            width: 3.6em;
            height: 3.6em;
            border: 1px solid #333;
        }

        .container2 .middle-row .left .left-two {
            background: #ffffff;
            position: absolute;
            display: block;
            width: 3.6em;
            height: 3.6em;
            border: 1px solid #333;
        }

        .container2 .middle-row .left .left-three {
            background: #ffffff;
            position: absolute;
            display: block;
            width: 3.6em;
            height: 3.6em;
            border: 1px solid #333;
        }

        .container2 .middle-row .back .back-one {
            background: #ffffff;
            position: absolute;
            display: block;
            width: 3.6em;
            height: 3.6em;
            border: 1px solid #333;
        }

        .container2 .middle-row .back .back-two {
            background: #ffffff;
            position: absolute;
            display: block;
            width: 3.6em;
            height: 3.6em;
            border: 1px solid #333;
        }

        .container2 .middle-row .back .back-three {
            background: #ffffff;
            position: absolute;
            display: block;
            width: 3.6em;
            height: 3.6em;
            border: 1px solid #333;
        }

        .container2 .middle-row .right .right-one {
            background: #ffffff;
            position: absolute;
            display: block;
            width: 3.6em;
            height: 3.6em;
            border: 1px solid #333;
        }

        .container2 .middle-row .right .right-two {
            background: #ffffff;
            position: absolute;
            display: block;
            width: 3.6em;
            height: 3.6em;
            border: 1px solid #333;
        }

        .container2 .middle-row .right .right-three {
            background: #ffffff;
            position: absolute;
            display: block;
            width: 3.6em;
            height: 3.6em;
            border: 1px solid #333;
        }

    .container2 .bottom-row {
        top: 8em;
    }

        .container2 .bottom-row .left .left-one {
            background: #ffffff;
            position: absolute;
            display: block;
            width: 3.6em;
            height: 3.6em;
            border: 1px solid #333;
        }

        .container2 .bottom-row .left .left-two {
            background: #ffffff;
            position: absolute;
            display: block;
            width: 3.6em;
            height: 3.6em;
            border: 1px solid #333;
        }

        .container2 .bottom-row .left .left-three {
            background: #ffffff;
            position: absolute;
            display: block;
            width: 3.6em;
            height: 3.6em;
            border: 1px solid #333;
        }

        .container2 .bottom-row .right .right-one {
            background: #ffffff;
            position: absolute;
            display: block;
            width: 3.6em;
            height: 3.6em;
            border: 1px solid #333;
        }

        .container2 .bottom-row .right .right-two {
            background: #ffffff;
            position: absolute;
            display: block;
            width: 3.6em;
            height: 3.6em;
            border: 1px solid #333;
        }

        .container2 .bottom-row .right .right-three {
            background: #ffffff;
            position: absolute;
            display: block;
            width: 3.6em;
            height: 3.6em;
            border: 1px solid #333;
        }

    .container2 .row-face {
        position: absolute;
        display: block;
        width: 12em;
        height: 4em;
        top: 0;
    }

        .container2 .row-face :nth-child(1) {
            left: 0em;
            top: 50%;
            margin-top: -1.75em;
            margin-left: .25em;
        }

        .container2 .row-face :nth-child(2) {
            left: 4em;
            top: 50%;
            margin-top: -1.75em;
            margin-left: .25em;
        }

        .container2 .row-face :nth-child(3) {
            left: 8em;
            top: 50%;
            margin-top: -1.75em;
            margin-left: .25em;
        }

        .container2 .row-face.front {
            -webkit-transform: translateZ(6em);
            transform: translateZ(6em);
        }

        .container2 .row-face.left {
            -webkit-transform: rotateY(-90deg) translateZ(6em);
            transform: rotateY(-90deg) translateZ(6em);
        }

        .container2 .row-face.back {
            -webkit-transform: rotateY(-180deg) translateZ(6em);
            transform: rotateY(-180deg) translateZ(6em);
        }

        .container2 .row-face.right {
            -webkit-transform: rotateY(90deg) translateZ(6em);
            transform: rotateY(90deg) translateZ(6em);
        }

    .container2 .left-column, .container2 .middle-column, .container2 .right-column {
        position: absolute;
        width: 4em;
        height: 12em;
        top: 0;
        -webkit-transform-style: preserve-3d;
        transform-style: preserve-3d;
    }

    .container2 .left-column {
        left: 0;
    }

        .container2 .left-column .front .front-three {
            background: #ffffff;
            position: absolute;
            display: block;
            width: 3.6em;
            height: 3.6em;
            border: 1px solid #333;
        }

        .container2 .left-column .back .back-one {
            background: #ffffff;
            position: absolute;
            display: block;
            width: 3.6em;
            height: 3.6em;
            border: 1px solid #333;
        }

        .container2 .left-column .bottom .bottom-one {
            background: #ffffff;
            position: absolute;
            display: block;
            width: 3.6em;
            height: 3.6em;
            border: 1px solid #333;
        }

        .container2 .left-column .bottom .bottom-two {
            background: #ffffff;
            position: absolute;
            display: block;
            width: 3.6em;
            height: 3.6em;
            border: 1px solid #333;
        }

        .container2 .left-column .bottom .bottom-three {
            background: #ffffff;
            position: absolute;
            display: block;
            width: 3.6em;
            height: 3.6em;
            border: 1px solid #333;
        }

    .container2 .middle-column {
        left: 4em;
        /*  -webkit-animation: spinMiddleColumn 20s infinite linear;
          animation: spinMiddleColumn 20s infinite linear;*/
    }

        .container2 .middle-column .front {
            -webkit-animation: makeOpaque2 20s infinite linear;
            animation: makeOpaque2 20s infinite linear;
        }

            .container2 .middle-column .front .front-one {
                -webkit-animation: makeOpaque1 20s infinite linear;
                animation: makeOpaque1 20s infinite linear;
                background: #ffffff;
                position: absolute;
                display: block;
                width: 3.6em;
                height: 3.6em;
                border: 1px solid #333;
            }

            .container2 .middle-column .front .front-two {
                -webkit-animation: makeOpaque6 20s infinite linear;
                animation: makeOpaque6 20s infinite linear;
                background: #ffffff;
                position: absolute;
                display: block;
                width: 3.6em;
                height: 3.6em;
                border: 1px solid #333;
            }

            .container2 .middle-column .front .front-three {
                background: #ffffff;
                position: absolute;
                display: block;
                width: 3.6em;
                height: 3.6em;
                border: 1px solid #333;
            }

        .container2 .middle-column .top {
            -webkit-animation: makeOpaque1 20s infinite linear;
            animation: makeOpaque1 20s infinite linear;
        }

            .container2 .middle-column .top .top-one {
                background: #ffffff;
                position: absolute;
                display: block;
                width: 3.6em;
                height: 3.6em;
                border: 1px solid #333;
            }

            .container2 .middle-column .top .top-two {
                -webkit-animation: makeOpaque5 20s infinite linear;
                animation: makeOpaque5 20s infinite linear;
                background: #ffffff;
                position: absolute;
                display: block;
                width: 3.6em;
                height: 3.6em;
                border: 1px solid #333;
            }

            .container2 .middle-column .top .top-three {
                -webkit-animation: makeOpaque2 20s infinite linear;
                animation: makeOpaque2 20s infinite linear;
                background: #ffffff;
                position: absolute;
                display: block;
                width: 3.6em;
                height: 3.6em;
                border: 1px solid #333;
            }

        .container2 .middle-column .back .back-one {
            background: #ffffff;
            position: absolute;
            display: block;
            width: 3.6em;
            height: 3.6em;
            border: 1px solid #333;
        }

        .container2 .middle-column .back .back-two {
            -webkit-animation: makeOpaque6 20s infinite linear;
            animation: makeOpaque6 20s infinite linear;
            background: #ffffff;
            position: absolute;
            display: block;
            width: 3.6em;
            height: 3.6em;
            border: 1px solid #333;
        }

        .container2 .middle-column .back .back-three {
            -webkit-animation: makeOpaque1 20s infinite linear;
            animation: makeOpaque1 20s infinite linear;
            background: #ffffff;
            position: absolute;
            display: block;
            width: 3.6em;
            height: 3.6em;
            border: 1px solid #333;
        }

        .container2 .middle-column .bottom .bottom-one {
            -webkit-animation: makeOpaque2 20s infinite linear;
            animation: makeOpaque2 20s infinite linear;
            background: #ffffff;
            position: absolute;
            display: block;
            width: 3.6em;
            height: 3.6em;
            border: 1px solid #333;
        }

        .container2 .middle-column .bottom .bottom-two {
            -webkit-animation: makeOpaque5 20s infinite linear;
            animation: makeOpaque5 20s infinite linear;
            background: #ffffff;
            position: absolute;
            display: block;
            width: 3.6em;
            height: 3.6em;
            border: 1px solid #333;
        }

        .container2 .middle-column .bottom .bottom-three {
            background: #ffffff;
            position: absolute;
            display: block;
            width: 3.6em;
            height: 3.6em;
            border: 1px solid #333;
        }

    .container2 .right-column {
        left: 8em;
    }

        .container2 .right-column .front .front-three {
            background: #ffffff;
            position: absolute;
            display: block;
            width: 3.6em;
            height: 3.6em;
            border: 1px solid #333;
        }

        .container2 .right-column .back .back-one {
            background: #ffffff;
            position: absolute;
            display: block;
            width: 3.6em;
            height: 3.6em;
            border: 1px solid #333;
        }

        .container2 .right-column .bottom .bottom-one {
            background: #ffffff;
            position: absolute;
            display: block;
            width: 3.6em;
            height: 3.6em;
            border: 1px solid #333;
        }

        .container2 .right-column .bottom .bottom-two {
            background: #ffffff;
            position: absolute;
            display: block;
            width: 3.6em;
            height: 3.6em;
            border: 1px solid #333;
        }

        .container2 .right-column .bottom .bottom-three {
            background: #ffffff;
            position: absolute;
            display: block;
            width: 3.6em;
            height: 3.6em;
            border: 1px solid #333;
        }

    .container2 .column-face {
        position: absolute;
        display: block;
        width: 4em;
        height: 12em;
        left: 0;
    }

        .container2 .column-face :nth-child(1) {
            top: 0em;
            left: 50%;
            margin-left: -1.75em;
            margin-top: .25em;
        }

        .container2 .column-face :nth-child(2) {
            top: 4em;
            left: 50%;
            margin-left: -1.75em;
            margin-top: .25em;
        }

        .container2 .column-face :nth-child(3) {
            top: 8em;
            left: 50%;
            margin-left: -1.75em;
            margin-top: .25em;
        }

        .container2 .column-face.front {
            -webkit-transform: translateZ(6em);
            transform: translateZ(6em);
        }

        .container2 .column-face.top {
            -webkit-transform: rotateX(90deg) translateZ(6em);
            transform: rotateX(90deg) translateZ(6em);
        }

        .container2 .column-face.back {
            -webkit-transform: rotateX(180deg) translateZ(6em);
            transform: rotateX(180deg) translateZ(6em);
        }

        .container2 .column-face.bottom {
            -webkit-transform: rotateX(-90deg) translateZ(6em);
            transform: rotateX(-90deg) translateZ(6em);
        }

.rubik2 .container2 .rubiks-cube {
    height: 12em;
    transform: rotateY(0) rotateX(0);
    transform-origin: 50% 50%;
    animation: spinCube4 15s infinite;
    -webkit-animation: spinCube4 50s infinite;
}

    .rubik2 .container2 .rubiks-cube .top-clone,
    .rubik2 .container2 .rubiks-cube .top-row,
    .rubik2 .container2 .rubiks-cube .middle-row,
    .rubik2 .container2 .rubiks-cube .middle-column {
        animation: none;
        -webkit-animation: none;
    }


@keyframes spinCube4 {
    from {
        -webkit-transform: rotateY(0) rotateX(-30deg);
        transform: rotateY(0) rotateX(-30deg);
    }

    to {
        -webkit-transform: rotateY(0) rotateX(690deg);
        transform: rotateY(0) rotateX(690deg);
    }
}

@-webkit-keyframes spinCube4 {
    from {
        -webkit-transform: rotateY(0) rotateX(-30deg);
        transform: rotateY(0) rotateX(-30deg);
    }

    to {
        -webkit-transform: rotateY(0) rotateX(690deg);
        transform: rotateY(0) rotateX(690deg);
    }
}

/* INNER PAGES */

.page-content-wrapper {
    padding-top: 100px;
}

.page-container {
    width: 1538px;
    margin: 0 auto;
}
.services .page-container.clearfix {
    padding-bottom: 40px;
}
.home-slogan.inner-page {
    margin: 0;
}

.page-left {
    width: 210px;
    float: left;
}

.page-right {
    float: left;
    padding-left: 30px;
    width: calc(100% - 210px);
}

.page-menu-title {
    font-size: 26px;
    font-weight: 500;
    margin-bottom: 20px;
}

.page-menu ul li {
    display: block;
}

    .page-menu ul li a {
        display: block;
        font-size: 18px;
        padding: 10px 0;
        color: #333;
        font-weight: 500;
        transition: all 0.4s;
        -webkit-transition: all 0.4s;
    }
        .page-menu ul li a.active,
        .page-menu ul li a:hover {
            color: #18a54d;
        }

.services-page-menu.page-menu ul li a {
    font-size: 16px;
    padding: 10px 10px;
    border: 2px solid;
    border-image-source: linear-gradient(45deg,#17a54d,#010904,#17a54d);
    border-image-slice: 1;
    margin-bottom: 15px;
    transition: all .4s;
}

    .services-page-menu.page-menu ul li a:hover {
        color: #fff;
        border: 2px solid #18a54d;
        background: #18a54d;
    }

    .services-page-menu.page-menu ul li a.active {
        color: #fff;
        border: 2px solid #18a54d;
        background: #18a54d;
    }

.page-menu {
    padding-top: 5px;
}

.page-title {
    font-size: 40px;
    font-weight: 500;
    line-height: 1.3;
    margin: 0 0 70px;
}

.page-text {
    font-size: 22px;
    line-height: 1.8;
}
.page-text ul li{
    list-style-type: disc;
    margin-left: 20px;
}
    .page-text ol li {
        list-style-type: decimal;
        margin-left: 20px;
    }
.page-text p {
    margin: 0 0 30px;
}

.page-text img {
    max-width: 100%;
    height: auto !important;
}

.services-detail {
    width: 100%;
}

.services-detail-top {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
.services-detail-short p {
    font-size: 18px;
    font-weight: 500;
    line-height: 34px;
}

.services-detail-cube {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 590px;
    flex: 0 0 490px;
    overflow: hidden;
}

.services-detail-text {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 100%;
    flex: 1 1 100%;
    font-size: 18px;
    line-height: 1.8;
}

    .services-detail-text img{
        max-width: 100%
    }

.services-detail-title {
    font-size: 40px;
    font-weight: 500;
    line-height: 1.3;
    margin: 0 0 40px;
}

.services-detail-cube .slide-cube {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
}

/*.services-detail-cube .container2 {
    transform: scale(1.2);
}*/

/* CONTACT */
.page-content-wrapper.contact .page-title {
    margin: 0 0 30px;
}

.contact-place {
    position: relative;
}
    .contact-place img {
        width: 100%;
    }

.contact-building-overlay {
    position: absolute;
    bottom: 27.5%;
    left: 36.5%;
    border: 10px solid rgba(255, 255, 255,0.8);
}

    .contact-building-overlay::after {
        content: "";
        position: absolute;
        right: -39px;
        bottom: -10px;
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 22px 0 0 29px;
        border-color: transparent transparent transparent rgba(255, 255, 255,0.8);
    }

.contact-info-overlay {
    position: absolute;
    bottom: 12%;
    left: 19%;
    background-color: rgba(255, 255, 255,0.8);
    padding: 30px 10px 20px 30px;
    width: 250px;
}

    .contact-info-overlay::after {
        content: "";
        position: absolute;
        right: -48px;
        top: 35px;
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 23px 0 0 48px;
        border-color: transparent transparent transparent rgba(255, 255, 255,0.8);
    }

.cio-top {
    position: relative;
    padding-right: 80px;
    background: url("/Content/WebsiteTemplate/img/contact-small-cube.png") no-repeat right top;
}

.cio-title {
    font-weight: 500;
    font-size: 24px;
    line-height: 1.1;
    margin-bottom: 5px;
}

.cio-address-title {
    font-size: 18px;
    font-weight: 500;
    margin-bottom: 10px;
}

.cio-address {
    margin-bottom: 5px;
}

.cio-link {
    margin-bottom: 5px;
}

.cio-link a {
    color: #333;
    display: inline-block;
}

.cio-link a:hover {
    color: #18a54d;
}

.contact-bottom {
    margin-top: 30px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.contact-form-wrapper {
    width: 50%;
}

.contact-map {
    width: 50%;
    padding-left: 50px;
}

.cf-title {
    font-size: 40px;
    font-weight: 500;
    line-height: 1.3;
    margin: 0 0 40px;
}

.form-group {
    margin-bottom: 15px;
}

.contact-form .row {
    margin: 0 -15px;
}

.contact-form .half {
    width: 50%;
    float: left;
    padding: 0 15px;
}

.contact-form .col-3 {
    width: 33.33%;
    float: left;
    padding: 0 15px;
}

.contact-form .full {
    width: 100%;
    float: left;
    padding: 0 15px;
}


.contact-form input, .contact-form select, .contact-form textarea {
    width: 100%;
    height: 50px;
    border: none;
    border-bottom: 1px solid #ccc;
    color: #333;
    padding: 0 15px;
    outline: 0;
    /*font-family: DINPro;*/
    font-size: 14px;
    font-style: inherit;
    font-weight: 500;
    line-height: 50px;
    background: #fff
}

.contact-form textarea {
    height: auto;
    padding-top: 10px;
    line-height: 16px;
    resize: none
}

.contact-form input[type=submit] {
    display: inline-block;
    width: 100px;
    line-height: 40px;
    background: #18a54d;
    color: #fff;
    font-weight: 700;
    border: none;
    cursor: pointer;
    transition: all 0.4s;
    -webkit-transition: all 0.4s;
    border: 1px solid #18a54d;
    border-radius: 4px;
}

    .contact-form input[type=submit]:hover {
        color: #18a54d;
        background: #fff;
    }

/* NEWS LIST / DETAIL */

.news-list {
    overflow: hidden;
}

.news-list .row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 0 -90px;
}

.news-list-item {
    width: 33.33%;
    padding: 0 90px;
    margin-bottom: 90px;
}

.news-list-img {
    margin-bottom: 35px;
    height: 170px;
    position: relative;
    overflow: hidden;
}

    .news-list-img img {
        max-width: 100%;
        position: absolute;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
    }

.news-list-title {
    color: #000;
    font-size: 24px;
    font-weight: 500;
    margin-bottom: 15px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    max-height: 63px;
    min-height: 63px;
}

.news-list-desc {
    color: #717171;
    font-size: 18px;
    line-height: 1.7;
    font-weight: 500;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    max-height: 120px;
    min-height: 120px;
}
.news-list-desc a{
    color: #717171;
    font-size: 18px !important;
    line-height: 1.7;
    font-weight: 500;
    margin-bottom: 0;
    margin-top: 0;
}
    .news-list-desc h3 {
        color: #717171;
        font-size: 18px !important;
        line-height: 1.7;
        font-weight: 500;
        margin-bottom: 0 !important;
        margin-top: 0 !important;
    }
.news-detail .page-text {
    font-size: 18px;
}

.news-detail .page-title {
    font-size: 32px;
    font-weight: 500;
    line-height: 1.3;
    margin: 0 0 50px;
}

.news-detail-img {
    float: left;
    margin-right: 20px;
}

.news-list-detail-link {
    margin-top: 20px;
}

.news-list-detail-link a {
    color: #18a54d;
    display: inline-block;
    font-size: 16px;
}

.news-list-detail-link a svg {
    width: 14px;
    height: 14px;
    position: relative;
    top: 3px;
    margin-left: 5px;
}

/* FAQ */

/*.sss-list {
    width: 100%
}*/

.sss-title {
    margin: 0 0 7px 0;
    width: 100%;
    text-align: center;
    color: #333;
    font-size: 30px;
    font-weight: 700;
    letter-spacing: 0;
    line-height: 43px;
}

.sss-subtitle {
    margin: 0 0 55px 0;
    width: 100%;
    text-align: center;
    color: #41a356;
    font-size: 18px;
    font-weight: 700;
    letter-spacing: 0;
    line-height: 26px;
}

.sss-item {
    margin: 0 0 40px 0;
    cursor: pointer;
    position: relative
}

    .sss-item:after {
        width: 8px;
        height: 13px;
        content: ">";
        font-size: 22px;
        color: #474747;
        position: absolute;
        right: 0;
        top: 0;
        background-repeat: no-repeat;
        background-size: cover;
        -webkit-transition: all .4s;
        transition: all .4s
    }

    .sss-item.sss-active:after {
        -webkit-transition: all .4s;
        transition: all .4s;
        transform: rotate(90deg);
        color: #41a356
    }

.sss-question {
    margin: 0 0 16px 0;
    width: 100%;
    /*float: left;*/
    display: flex;
    -webkit-transition: all .4s;
    transition: all .4s
}

.sss-answer {
    margin: 0 0 5px 0;
    height: 0;
    overflow: hidden;
    -webkit-transition: all .4s;
    transition: all .4s;
    bottom: 0;
    position: relative;
    padding-left: 40px;
    padding-right: 40px;
    background: #41a356;
    border-radius: 0 35px 35px 35px;
    line-height: 24px;
    color: #fff;
    font-weight: 400;
    letter-spacing: 0;
    font-size: 18px;
    /*width: 100%;
    float: left*/
}

.sss-active .sss-answer {
    height: auto;
    -webkit-transition: all .4s;
    transition: all .4s;
    padding-top: 40px;
    padding-bottom: 40px
}

.sss-question span {
    line-height: 26px;
    letter-spacing: 0
}

    .sss-question span:first-child {
        width: 41px;
        float: left;
        padding-left: 5px;
        color: #41a356;
        font-size: 20px;
        font-weight: 700
    }

    .sss-question span:nth-child(2) {
        float: left;
        color: #333;
        font-size: 18px;
        font-weight: 600
    }

.sss-item:hover .sss-question span:nth-child(2) {
    -webkit-transition: all .4s;
    transition: all .4s;
    color: #41a356
}

/* JOB LIST */

.position-list-wrapper {
    position: relative;
    margin-bottom: 50px;
}

.position-list {
    width: 40%;
    padding-right: 64%;
    min-height: 400px;
    padding: 70px;
    padding-left: 0;
}

.position-list-inner {
    max-height: 470px;
    overflow-x: hidden;
    overflow-y: auto;
}

.position-list-inner ul li {
    position: relative;
    font-size: 17px;
    font-weight: 500;
    line-height: 1.25em;
    padding: 12px 20px;
    padding-left: 40px;
    cursor: pointer;
    margin-bottom: 20px;
}

    .position-list-inner ul li:last-child{
        margin-bottom: 0;
    }

    .position-list-inner ul li:hover,
    .position-list-inner ul li.active {
        background: #eee;
    }

    .position-list-inner ul li::before {
        content: "";
        position: absolute;
        left: 12px;
        top: 12px;
        background: url('/Content/WebsiteTemplate/img/pin-icon.png') no-repeat 50% 50%;
        width: 15px;
        height: 18px;
    }

.point-list {
    height: 0;
    overflow: hidden;
    transition: all 0.4s;
    -webkit-transition: all 0.4s;
}
#mapLocations li.active .point-list {
    height: auto;
    transition: all 0.4s;
    -webkit-transition: all 0.4s;
}

.position-list-map {
    width: 60%;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 1;
}

#map_canvas {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}

.position-list-title {
    color: #333;
    font-weight: 600;
}

.position-list-subtitle {
    color: #333;
}

.position-list ::-webkit-scrollbar {
    width: 10px
}

.position-list::-webkit-scrollbar-button {
    background-color: #1ba24d
}

.position-list ::-webkit-scrollbar-track {
    background-color: #dfe0e3
}

.position-list ::-webkit-scrollbar-thumb {
    background-color: #1ba24d
}

.position-list ::-webkit-scrollbar-corner {
    background-color: #2a2a29
}
.cssload-loader2 {
    width: 100%;
    height: 100vh;
    z-index: 9999;
    /* float: left; */
}

    .cssload-loader2 img {
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
        margin: auto auto;
        width: 156px;
        height: 63px;
        display: block;
    }
/* FULLPAGE MESSAGE */

.form-success-message {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    min-height: calc(100vh - 500px);
    text-align: center;
    padding: 30px 15px
}

.fpmc-icon {
    font-size: 30px;
}

    .fpmc-icon .swal2-icon {
        margin-top: 0
    }

.fpmc-text {
    color: #333;
    font-size: 26px
}

.swal2-icon.swal2-success {
    border-color: #a5dc86
}

.fpmc-icon .swal2-icon {
    margin-top: 0
}

[class^=swal2] {
    -webkit-tap-highlight-color: transparent
}

.swal2-icon {
    position: relative;
    box-sizing: content-box;
    justify-content: center;
    width: 5em;
    height: 5em;
    margin: 1.25em auto 1.875em;
    zoom: normal;
    border: .25em solid transparent;
    border-radius: 50%;
    line-height: 5em;
    cursor: default;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

    .swal2-icon.swal2-success [class^=swal2-success-circular-line][class$=left] {
        top: -.4375em;
        left: -2.0635em;
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg);
        -webkit-transform-origin: 3.75em 3.75em;
        transform-origin: 3.75em 3.75em;
        border-radius: 7.5em 0 0 7.5em
    }

    .swal2-icon.swal2-success [class^=swal2-success-circular-line] {
        position: absolute;
        width: 3.75em;
        height: 7.5em;
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
        border-radius: 50%
    }

    .swal2-icon.swal2-success [class^=swal2-success-line][class$=tip] {
        top: 2.875em;
        left: .875em;
        width: 1.5625em;
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg)
    }

    .swal2-icon.swal2-success [class^=swal2-success-line] {
        display: block;
        position: absolute;
        z-index: 2;
        height: .3125em;
        border-radius: .125em;
        background-color: #a5dc86
    }

.swal2-animate-success-icon .swal2-success-line-tip {
    -webkit-animation: swal2-animate-success-line-tip .75s;
    animation: swal2-animate-success-line-tip .75s
}

.swal2-icon.swal2-success [class^=swal2-success-line][class$=long] {
    top: 2.375em;
    right: .5em;
    width: 2.9375em;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

.swal2-icon.swal2-success [class^=swal2-success-line] {
    display: block;
    position: absolute;
    z-index: 2;
    height: .3125em;
    border-radius: .125em;
    background-color: #a5dc86
}

.swal2-animate-success-icon .swal2-success-line-long {
    -webkit-animation: swal2-animate-success-line-long .75s;
    animation: swal2-animate-success-line-long .75s
}

.swal2-icon.swal2-success .swal2-success-ring {
    position: absolute;
    z-index: 2;
    top: -.25em;
    left: -.25em;
    box-sizing: content-box;
    width: 100%;
    height: 100%;
    border: .25em solid rgba(165,220,134,.3);
    border-radius: 50%
}

.swal2-icon.swal2-success .swal2-success-fix {
    position: absolute;
    z-index: 1;
    top: .5em;
    left: 1.625em;
    width: .4375em;
    height: 5.625em;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

.swal2-icon.swal2-success [class^=swal2-success-circular-line][class$=right] {
    top: -.6875em;
    left: 1.875em;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    -webkit-transform-origin: 0 3.75em;
    transform-origin: 0 3.75em;
    border-radius: 0 7.5em 7.5em 0
}

.swal2-icon.swal2-success [class^=swal2-success-circular-line] {
    position: absolute;
    width: 3.75em;
    height: 7.5em;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    border-radius: 50%
}

.swal2-animate-success-icon .swal2-success-circular-line-right {
    -webkit-animation: swal2-rotate-success-circular-line 4.25s ease-in;
    animation: swal2-rotate-success-circular-line 4.25s ease-in
}

.pm-info-title {
    color: #333;
    font-size: 16px;
    font-weight: 700;
    margin-bottom:5px;
}

.pm-info-desc {
    font-weight: 500;
    margin-bottom: 10px;
}

.pm-info-link {
    display: inline-block;
    color: #fff;
    font-weight: 600;
    border-radius: 5px;
    padding: 8px 12px;
    background: #19A54E;
}

/* JOB LIST BOX STYLE */

.job-list .row {
    margin: 0 -29px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.job-list-item {
    width: 33.33%;
    padding: 0 29px;
    margin-bottom: 50px;
}

    .job-list-item > a {
        display: block;
    }

.jli-inner {
    position: relative;
    box-shadow: 0 5px 23px 0 rgba(193,188,188,.3);
    min-height: 100%;
    padding: 35px 45px 75px;
    -webkit-transition: all .4s;
    transition: all .4s;
    border: 3px solid;
    border-image-source: linear-gradient(90deg,#17a54d,#010904);
    border-image-slice: 3;
}

    .jli-inner:hover {
        color: #fff;
        background-color: #18a54d;
        box-shadow: none;
        border: 3px solid #17a54d;
    }

.jli-title {
    color: #4b504f;
    font-size: 22px;
    font-weight: 600;
    line-height: 1.2;
    letter-spacing: -.25px;
    margin: 0 0 20px;
    -webkit-transition: all .4s;
    transition: all .4s;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    max-height: 50px;
    min-height: 50px;
    overflow: hidden;
}

.jli-desc {
    color: #4b504f;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    max-height: 50px;
    min-height: 50px;
    overflow: hidden;
    font-size: 16px;
    font-weight: 300;
    line-height: 1.5;
    margin-bottom: 25px;
    -webkit-transition: all .4s;
    transition: all .4s
}

    .jli-desc p {
        margin: 0;
    }

.jli-inner:hover .jli-title, .jli-inner:hover .jli-desc {
    color: #fff;
}

.jli-link {
    position: absolute;
    bottom: 20px;
    display: inline-block;
    color: #fff;
    font-size: 16px;
    font-weight: 700;
    background-color: #18a54d;
    padding: 10px 38px;
    -webkit-transition: all .4s;
    transition: all .4s;
}

.jli-inner:hover .jli-link {
    color: #18a54d;
    background-color: #fff;
}

/* HR DETAIL */
.hr-subdesc {
    margin-bottom: 40px;
}

.hr-subdesc-title {
    font-size: 24px;
    font-weight: 500;
    margin-bottom: 15px;
}

.hr-subdesc-title {
    font-size: 24px;
    font-weight: 500;
    margin-bottom: 15px;
}

.hr-subdesc {
    margin-bottom: 40px;
}

.hr-link {
    display: inline-block;
    color: #333;
    font-size: 18px;
    padding: 15px 20px;
    border: 3px solid;
    border-image-source: linear-gradient(90deg,#17a54d,#010904);
    border-image-slice: 3;
    margin-right: 20px;
    transition: all 0.4s;
    -webkit-transition: all 0.4s;
}

.hr-link:last-child {
    border-image-source: linear-gradient(90deg,#010904,#17a54d);
}

.hr-link:hover {
    color: #fff;
    border: 3px solid #18a54d;
    background: #18a54d;
}

/* CAREER FORM */

.page-content-wrapper.career .page-title {
    margin-bottom: 30px;
}

.form-tabs ul li {
    display: inline-block;
}

    .form-tabs ul li a {
        display: block;
        color: #ffffff;
        background: #6bb77e;
        padding: 10px;
        font-size: 22px;
        font-weight: 600;
        letter-spacing: -0.25px;
    }

    .form-tabs ul li.active a {
        background: #fff;
        color: #6bb77e;
    }

.form-content {
    background: #fff;
    padding: 50px 25px 50px 25px;
}

.career-form-wrapper {
    max-width: 1200px;
}

.career-form {
    color: #4f5a5d;
}

.career-desc {
    margin-bottom: 50px;
}

.form-section {
    /*border: 1px solid #cccccc;*/
    /*padding: 0 30px 15px 30px;*/
    margin-top: 20px;
}

    .form-section + .form-section {
        margin-top: 40px;
    }

.form-section-title {
    color: #333;
    font-size: 24px;
    letter-spacing: -0.20px;
    margin: 0px 0 20px 0;
    padding-bottom: 10px;
    background: #fff;
    font-weight: 500;
    display: inline-block;
    padding: 0 15px 10px 0;
    position: relative;
    /*top: -18px;*/
    /*left: 15px;*/
}

.cf-text {
    font-size: 18px;
    padding-bottom: 10px;
}

.career-form .form-group {
    margin-bottom: 30px;
}

.career-form textarea {
    height: auto;
    resize: none;
}

.career-form .career-form-upload .btn-file {
    margin-top: 20px;
}

    .career-form .career-form-upload .btn-file span {
        display: inline-block;
        color: #000;
        font-size: 18px;
        transition: all .4s;
        -webkit-transition: all .4s;
        background-color: #fff;
        border: 2px solid;
        border-image-source: linear-gradient(45deg,#17a54d,#010904,#17a54d);
        border-image-slice: 1;
    }

        .career-form .career-form-upload .btn-file span:hover {
            /*background-color: #fff;
            color: #18a54d;*/
        }

.career-form .career-form-upload .file-name {
    padding: 15px;
    line-height: 0;
    min-height: 50px;
}

.contact-form.career-form input,
.contact-form.career-form select {
    font-family: "Rubik",sans-serif;
    font-weight: 400;
    font-size: 16px;
    height: 30px;
    line-height: 10px;
    padding: 0 0 10px 0;
}

.contact-form.career-form textarea {
    font-family: "Rubik",sans-serif;
    font-weight: 400;
    font-size: 16px;
    line-height: 1.5;
    height: 30px;
    padding-top: 0;
}

.contact-form.career-form input[type=submit] {
    display: inline-block;
    height: 43px;
    width: 150px;
    margin-top: 20px;
    color: #fff;
    font-size: 18px;
    padding: 5px 10px;
    transition: all .4s;
    -webkit-transition: all .4s;
    background-color: #18a54d;
    border: 1px solid #18a54d;
    border-radius: 4px;
}
    .contact-form.career-form input[type=submit]:hover {
        background-color: #fff;
        color: #18a54d;
        border: 1px solid #18a54d;
    }

.cf-input .radio,
.cf-input .checkbox {
    padding-left: 20px !important;
    margin-top: 5px !important;
}

.radio,
.checkbox {
    padding-left: 20px;
    margin-top: 5px;
}

.radio-inline, .checkbox-inline {
    display: inline-block;
    vertical-align: middle;
    margin: 0 20px 0 0;
}

    .radio input[type="radio"],
    .checkbox input[type="checkbox"] {
        display: none;
    }

    .radio label,
    .checkbox label {
        display: inline-block;
        position: relative;
        padding-left: 5px;
        color: #333;
        font-style: italic;
        cursor: pointer;
    }

        .radio label::before,
        .checkbox label::before {
            content: "";
            display: inline-block;
            position: absolute;
            width: 17px;
            height: 17px;
            left: 0;
            margin-left: -20px;
            border: 1px solid #c0c0c0;
            border-radius: 50%;
            background-color: #fff;
        }

        .radio label::after,
        .checkbox label::after {
            display: inline-block;
            position: absolute;
            content: " ";
            width: 11px;
            height: 11px;
            left: 3px;
            top: 3px;
            margin-left: -20px;
            border-radius: 50%;
            background-color: #18a54d;
            -webkit-transform: scale(0, 0);
            -ms-transform: scale(0, 0);
            transform: scale(0, 0);
            -webkit-transition: -webkit-transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);
            transition: -webkit-transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);
            transition: transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);
            transition: transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33), -webkit-transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);
        }

    .radio input[type="radio"]:checked + label::after,
    .checkbox input[type="checkbox"]:checked + label::after {
        -webkit-transform: scale(1, 1);
        -ms-transform: scale(1, 1);
        transform: scale(1, 1);
    }

/* CERTIFICATE DETAIL */

.certificate-detail-img img {
    max-width: 300px;
}

.certificate-detail-img {
    float: right;
}

.certificate-detail-img.news-list-item .news-list-img {
    height: 400px;
}

.certificate-detail-img.news-list-item .news-list-title {
    line-height: 1.3;
}

/* INNER PAGE PROJECT LIST */
.page-project-list {
    overflow: hidden;
    margin-top: 50px;
}

.page-project-list .row {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -30px;
}

.ppl-item {
    width: 33.33%;
    padding: 0 30px;
    margin-bottom: 50px;
}

.ppl-item-img {
    margin-bottom: 20px;
}

.ppl-item-img img {
    max-width: 100%;
}

.ppl-item-title {
    color: #000;
    font-size: 24px;
    font-weight: 500;
    margin-bottom: 15px;
}

.ppl-item-detail {
    color: #18a54d;
    display: inline-block;
    font-size: 16px;
    margin-top: 15px;
}

.ppl-item-detail svg {
    width: 14px;
    height: 14px;
    position: relative;
    top: 3px;
    margin-left: 5px;
}

/* MAIN FOOTER */

.main-footer {
    position: relative;
    width: 1538px;
    overflow: hidden;
    padding: 120px 0 35px;
    text-align: center;
    z-index: 1;
    margin: 0 auto;
}

.mf-address {
    color: #333;
    font-size: 16px;
    margin-bottom: 30px;
}

    .mf-address span {
        display: block;
        font-size: 18px;
        font-weight: 700;
    }

.mf-copyright {
    margin-top: 5px;
}

.mf-development img {
    max-width: 70px;
}

.mf-social ul li,
.mf-social ul li a {
    display: inline-block;
}

.mf-social ul li {
    margin: 0 7px 5px;
    overflow: hidden;
}

    .mf-social ul li a img {
        -webkit-filter: brightness(0%);
        filter: brightness(0%);
    }

    .mf-social ul li a:hover img {
        -webkit-animation: toTopFromBottom 0.4s ease;
        animation: toTopFromBottom 0.4s ease;
        -webkit-transition: all 0.4s;
        transition: all 0.4s;
        -webkit-filter: none;
        filter: none;
    }

@-webkit-keyframes toTopFromBottom {
    49% {
        -webkit-transform: translateY(-100%);
        transform: translateY(-100%);
    }

    50% {
        opacity: 0;
        -webkit-transform: translateY(100%);
        transform: translateY(100%);
    }

    51% {
        opacity: 1;
    }
}

@keyframes toTopFromBottom {
    49% {
        -webkit-transform: translateY(-100%);
        transform: translateY(-100%);
    }

    50% {
        opacity: 0;
        -webkit-transform: translateY(100%);
        transform: translateY(100%);
    }

    51% {
        opacity: 1;
    }
}


.mf-bottom {
    display: flex;
    justify-content: space-between;
}

/* MOBILE MENU */

.accordion ul.inner {
    overflow: hidden;
    display: none;
}

.mobile-menu ul li a {
    display: block;
    color: #fff;
    font-size: 24px;
    font-weight: 400;
    text-align: right;
    padding: 10px 15px;
}

    .mobile-menu ul li a.mm-title span {
        position: relative;
        display: block;
        font-weight: 600;
        padding: 0 20px;
    }

    .mobile-menu ul li a.mm-title.toggle span::before {
        content: url("../img/arrow-down.svg");
        position: absolute;
        top: 3px;
        right: 0;
        width: 14px;
        -webkit-transition: all .4s;
        transition: all .4s;
    }

    .mobile-menu ul li a.mm-title.active.toggle span::before {
        -webkit-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
        transform: rotate(180deg);
    }

.mobile-menu ul > li ul li {
    display: block;
    padding-left: 30px;
}

.mobile-menu {
    display: none;
    background-color: #333;
    padding-bottom: 25px;
    padding-top: 50px;
    position: fixed;
    right: 0;
    top: 0;
    width: 50%;
    z-index: 300;
    height: 100%;
    overflow: auto;
    -webkit-transform: translateX(100%);
    -ms-transform: translateX(100%);
    transform: translateX(100%);
    -webkit-transition: .5s;
    transition: .5s;
}

    .mobile-menu.active {
        -webkit-transform: translate(0);
        -ms-transform: translate(0);
        transform: translate(0);
    }

.mobile-menu-close {
    color: #fff;
    font-size: 40px;
    position: absolute;
    right: 8px;
    top: -3px;
    display: block;
    cursor: pointer;
}

.hamburger-menu {
    float: right;
    display: none;
    margin-top: 9px;
}

    .hamburger-menu span {
        display: block;
        width: 33px;
        height: 4px;
        margin-bottom: 5px;
        position: relative;
        background: #000;
        border-radius: 3px;
    }

        .hamburger-menu span:nth-child(2) {
            background: #18a54d;
        }

/* VERITAS CRO EXTERNAL LOGIN */
.veritascro-external-login {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    min-height: 600px;
}

.vel-left, .vel-right {
    padding: 15px 30px;
    text-align: center;
    width: 50%;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}
.vel-right {
    position: relative;
    background: url(/Content/WebsiteTemplate/img/bg-login.jpg) no-repeat 50% 50%;
    background-size: cover;
    color: #fff;
    font-size: 44px;
    text-align: left;
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
}
.verifast-detail-link {
    text-align: center;
    margin-top: 10px;
    margin-right:10px;
    margin-left:10px;
}

    .verifast-detail-link a {
        font-size: 16px;
        transition: all .4s;
        padding: 10px 25px;
        background-color: #41a356;
        border-color: #1e9843;
        display: inline-block;
        text-align: center;
        color: #fff;
        -webkit-box-shadow: 0 5px 10px 2px rgba(60,142,178,.36) !important;
        -moz-box-shadow: 0 5px 10px 2px rgba(60,142,178,.36) !important;
        box-shadow: 0 5px 10px 2px rgba(60,142,178,.36) !important;
        -webkit-border-radius: 60px;
        -moz-border-radius: 60px;
        -ms-border-radius: 60px;
        -o-border-radius: 60px;
        border-radius: 60px;
    }

        .verifast-detail-link a:hover {
            background-color: #0a8f39;
        }

    .verifast-detail-link.vdl-o a {
        background-color: #fff;
        color: #1e9843;
        border: 1px solid #1e9843;
        transition: all .4s;
    }

        .verifast-detail-link.vdl-o a:hover {
            background-color: #1e9843;
            color: #fff;
        }

    .verifast-detail-link.verifast-multiple-link {
        position: absolute;
        bottom: 21px;
        left: 0;
        right: 0;
        width: 100%;
        max-width: 650px;
        padding: 0 30px;
        margin-top: 30px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        margin: 0 auto;
    }

        .verifast-detail-link.verifast-multiple-link a{
            margin-top: 10px;
        }

/* VIDEO GALLERY */
.video-gallery .row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 0 -15px
}

.video-gallery-item {
    width: 33.33%;
    padding: 0 15px;
    margin-bottom: 30px
}

.vgi-inner, .pgi-inner {
    display: block;
    position: relative
}

    .vgi-inner a::before {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background-color: rgba(51,51,51,.2);
        z-index: 10
    }

    .vgi-inner img {
        width: 100%
    }

    .vgi-inner img {
        width: 100%;
        height: 100%;
        object-fit: cover
    }

.vgi-title {
    padding: 10px 0 0 0;
    text-align: center
}

    .vgi-title a {
        color: #333;
        font-size: 15px;
        font-weight: 700;
        text-align: center;
        outline-color: #fff;
        transition: all .4s;
    }
        .vgi-title a:hover {
            color: #18a54d;
        }

/* svg play icon */
.vg-icon {
    width: 80px;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    z-index: 1
}

@-webkit-keyframes spin {
    to {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@keyframes spin {
    to {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

.vg-icon .stroke-dotted {
    opacity: 0;
    stroke-dasharray: 4,5;
    stroke-width: 1px;
    -webkit-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    -webkit-animation: spin 4s infinite linear;
    animation: spin 4s infinite linear;
    -webkit-transition: opacity 1s ease,stroke-width 1s ease;
    transition: opacity 1s ease,stroke-width 1s ease
}

.vg-icon .stroke-solid {
    stroke-dashoffset: 0;
    stroke-dashArray: 300;
    stroke-width: 4px;
    -webkit-transition: stroke-dashoffset 1s ease,opacity 1s ease;
    transition: stroke-dashoffset 1s ease,opacity 1s ease
}

.vg-icon .icon {
    -webkit-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    transition: -webkit-transform 200ms ease-out;
    -webkit-transition: -webkit-transform 200ms ease-out;
    transition: transform 200ms ease-out;
    transition: transform 200ms ease-out,-webkit-transform 200ms ease-out
}

.vgi-inner:hover .vg-icon .stroke-dotted {
    stroke-width: 4px;
    opacity: 1
}

.vgi-inner:hover .vg-icon .stroke-solid {
    opacity: 0;
    stroke-dashoffset: 300
}

.vgi-inner:hover .vg-icon .icon {
    -webkit-transform: scale(1.05);
    -ms-transform: scale(1.05);
    transform: scale(1.05)
}
.verifast-bottom-links{
    display:flex;
    justify-content:center;
}
/* MEDIA */
@media(max-width: 1550px) {
    .main-header-inner, .banner, .about-section, .ss-wrapper, .middle-section, .page-container, .main-footer {
        width: 1200px;
    }

    .banner-text {
        -webkit-box-flex: 1;
        -ms-flex: 1 1 50%;
        flex: 1 1 50%;
    }

    .banner-logo {
        transform: scale(0.8);
        margin-right: 87px;
    }

    .banner-title {
        font-size: 56px;
        max-width: 600px;
    }

    .main-slider .owl-dots {
        bottom: 145px;
    }

    .services-detail-cube {
        -ms-flex: 0 0 590px;
        flex: 0 0 500px;
    }
    .contact-building-overlay {
        left: 32.5%;
    }
    .contact-info-overlay {
        bottom: 10%;
        left: 11%;
    }
}

@media(max-width: 1360px) {
    .about-title {
        max-width: 645px;
        font-size: 30px;
        line-height: 1.3;
    }

    .about-text,
    .middle-text {
        width: 100%;
        margin-bottom: 50px;
    }

    .about-title,
    .middle-desc {
        font-size: 30px;
    }

    .about-desc {
        font-size: 20px;
        line-height: 1.8;
    }
}

@media(max-width: 1230px) {
    .main-header-inner,
    .banner,
    .about-section,
    .ss-wrapper,
    .middle-section,
    .page-container,
    .main-footer {
        width: 970px;
    }

    .main-nav ul li {
        margin-right: 30px;
    }

    .slide-title {
        font-size: 40px;
    }
    .contact-building-overlay {
        left: 28%;
    }
    .contact-info-overlay {
        bottom: 5%;
        left: 1%;
    }
    .news-list .row {
        margin: 0 -40px;
    }
    .news-list-item {
        padding: 0 40px;
    }
    .middle-list-item {
        padding: 0 30px;
    }
    .position-list-wrapper {
        margin-bottom: 40px;
    }
}

@media(max-width: 991px) {
    .container2 .rubiks-cube {
        margin: 3em;
    }

    .hdr-lang {
        right: 65px;
        top: 6px;
    }

    .hamburger-menu,
    .mobile-menu {
        display: block;
    }

    .main-header-inner,
    .banner,
    .about-section,
    .ss-wrapper,
    .middle-section,
    .page-container,
    .main-footer {
        width: 750px;
    }

    .main-nav,
    .contact-building-overlay {
        display: none;
    }

    .contact-info-overlay {
        position: static;
        width: 100%;
        padding: 30px 0 0 0;
    }

    .cio-top {
        background: none;
        padding: 0;
    }

    .main-slider .item,
    .services-detail {
        display: block;
    }

    .main-slider .owl-dots {
        position: static;
        margin-top: 15px;
    }

    .container2 {
        height: 300px;
    }

    .main-slider .slide-cube.style2 {
        width: auto;
        height: auto;
    }

    .services-detail-cube .container2 {
        transform: none;
    }

    .page-content-wrapper {
        padding-top: 30px;
    }

    .mf-bottom {
        display: block;
    }

    .mf-copyright {
        margin-bottom: 5px;
    }
    .news-list-item {
        width: 50%;
    }

    .middle-list-item {
        margin: 0;
    }
    .certificate-detail-img {
        float: none;
        margin-bottom: 20px;
    }
    .certificate-detail-img img {
        max-width: 100%;
    }
    .verifast-detail-link.verifast-multiple-link{
        display: block;
    }
}

@media(max-width: 767px) {
    body {
        padding-top: 58px;
    }

    .hdr-lang {
        right: 45px;
    }

    .logo {
        width: 168px;
    }

    .main-header {
        padding-top: 20px;
        padding-left: 15px;
        padding-right: 15px;
    }

    .main-header-inner {
        width: auto;
    }

    .banner,
    .about-section,
    .slider-section,
    .middle-section {
        min-height: calc(100vh - 58px);
    }

    .banner,
    .about-section,
    .ss-wrapper,
    .middle-section,
    .page-content-wrapper,
    .main-footer {
        width: 100%;
        padding-left: 15px;
        padding-right: 15px;
    }

    .kesfet {
        font-weight: 400;
        left: 15px;
        bottom: 20px;
    }

    .mobile-menu,
    .ppl-item {
        width: 100%;
    }

    .banner {
        display: block;
        padding-top: 50px;
        padding-bottom: 55px;
    }

    .banner-desc {
        font-size: 16px;
        line-height: 28px;
        font-weight: 400;
        max-width: inherit;
    }

    .banner-title {
        font-size: 48px;
        margin: 20px 0;
        max-width: 100%;
    }

    .banner-logo {
        transform: scale(1);
        padding-right: 60px;
        width: 290px;
        margin: 0 auto;
        text-align: center;
    }

    .bl-top img,
    .bl-top svg,
    .bl-bottom img,
    .bl-bottom svg {
        width: 101px;
    }

    .bl-bottom {
        top: -21px;
        right: 74px;
    }

    .about-section,
    .middle-section {
        display: block;
    }

    .about-text,
    .mli-icon,
    .news-list-img {
        margin-bottom: 20px;
    }

    .about-desc,
    .services-detail-text {
        font-size: 14px;
        line-height: 24px;
    }

    .slider-section {
        padding-top: 30px;
        padding-bottom: 30px;
    }

    .slide-title {
        font-size: 32px;
        line-height: 1.3;
        margin-bottom: 15px;
    }

    .slide-desc {
        font-size: 14px;
        line-height: 24px;
    }

    .mli-title,
    .news-list-title {
        font-size: 18px;
        /*margin-bottom: 24px;*/
        line-height: 22px;
    }

    .mli-desc,
    .news-list-desc {
        font-size: 14px;
        line-height: 20px;
    }

    .about-title,
    .middle-desc,
    .services-detail-title,
    .cf-title {
        font-size: 28px;
        line-height: 36px;
        margin-bottom: 40px;
    }

    .services-detail-title {
        margin-bottom: 20px;
    }

    .mli-title,
    .news-list-title {
        font-size: 22px;
    }
    .verifast-detail-link.verifast-multiple-link {
        position: static;
        padding: 0;
    }

    .main-footer {
        text-align: left;
        padding: 50px 15px 35px;
    }

    .slide-cube,
    .main-slider .slide-cube.style2 {
        width: 300px;
        height: 200px;
        padding: 0;
        margin: 0 auto;
    }

        .slide-cube .container2 {
            /*transform: scale(0.6);*/
            transform-origin: 50% 50%;
            width: 100%;
            /*height: auto;*/
        }

        .slide-cube.style2 {
            width: 200px;
            height: 200px;
            margin: 0 auto;
        }

            .slide-cube.style2 .container {
                transform-origin: bottom center;
                transform: scale(0.8);
                width: 200px;
                height: 200px;
                margin: 0 auto;
            }

                .slide-cube.style2 .container #cube.spinning {
                    animation: none;
                    transform: translateX( 76px );
                    transform: translateZ(0);
                }

    .rubik2 .container2 .rubiks-cube {
        transform: rotateY(33deg) rotateX(-24deg) scale(1.1);
        transform-origin: 50% 50%;
        animation: spinCube2 15s infinite;
        -webkit-animation: spinCube2 15s infinite;
        width: 138px;
        margin: 0 auto;
    }

    .container2 .rubiks-cube {
        width: 135px;
        font-size: 11px;
        margin: 0 auto;
        position: relative;
        top: 20px;
    }

    .page-container,
    .contact-form .col-3,
    .contact-form .half {
        width: 100%;
    }

    .mf-address {
        font-size: 14px;
    }

    .contact-form.career-form textarea {
        height: 200px;
    }
    .news-list-item {
        width: 100%;
    }
    .page-title {
        font-size: 30px;
        margin-bottom: 30px;
    }
    .page-text {
        font-size: 18px;
    }
    .page-right,
    .page-left {
        padding-left: 0px;
        width: 100%;
    }
    .page-left {
        margin-bottom: 30px;
    }
    .page-menu-title {
        margin-bottom: 5px;
    }

    .veritascro-external-login {
        display: block;
    }
    .vel-left, .vel-right {
        width: 100%;
    }
    .vel-right {
        font-size: 20px;
    }

    .position-list {
        width: 100%;
        margin: 0;
        padding: 15px;
        min-height: 200px;
    }
    .position-list-map {
        position: relative;
        width: 100%;
        min-height: 400px;
    }

    .hr-link {
        margin-bottom: 20px;
    }

    .services-detail-top {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }
    .services-detail-short {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
    }
    .services-detail-cube {
        -webkit-box-flex: 1;
        -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    }

    .contact-bottom {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }
    .contact-map,
    .contact-form-wrapper {
        width: 100%;
    }
    .contact-map{
        padding: 0;
        margin-top: 30px;
    }
}

/* MIN WIDTH */

@media(min-width: 1900px) {
    .slider-section {
        padding-top: 203px;
    }
}

@media(min-width: 1551px) {
    .container2 {
        padding-left: 70px;
    }
}

@media(min-width: 992px) {
    .services-detail-cube {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1;
    }

        .services-detail-cube .slide-cube {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-pack: end;
            -ms-flex-pack: end;
            justify-content: flex-end
        }

        .services-detail-cube .container2 .rubiks-cube {
            right: 0;
        }
        /*.services-detail-cube .slide-cube.rubik2 {
    padding-top: 2em;
  }*/
        .services-detail-cube .slide-cube.style2.color .container {
            margin: 9em 5em 5em 0;
        }

        .services-detail-cube .slide-cube.style2.rX .container {
            margin: 105px 70px 40px 35px;
        }
}

/* HEIGHT */

@media(min-width: 768px) and (max-height: 750px) {
    .banner {
        padding-top: 80px;
    }
}