#banner .slider .an-lg {width: 10%; left: 10%; top: 0; margin: inherit;}
.typewriter-text {
  border-right: solid #00a94f 7px;
  animation: cursor 1s ease-in-out infinite;
}
@keyframes cursor {
  from { border-color: #00a94f; }
  to { border-color: transparent; }
}


.typewriter-text1 {
  border-right: solid #00a94f 7px;
  animation: cursor 1s ease-in-out infinite;
}
@keyframes cursor {
  from { border-color: #00a94f; }
  to { border-color: transparent; }
}

#banner .slider .lp {display: block;}
#banner .slider .mb {display: none;}

#footer-last .form-control {padding: 17px 12px;}
#footer-last .btn{height: 36px;}



.c-box {padding: 0 15px; margin-bottom: 6.25em;}
.c-box .t-layout {width: auto; margin: 0 auto; display: table;}
.c-box .img-sec {position: relative;}
.homepageBlock {width: 45%;}
.t-col {display: table-cell;}
.plyr, .slick-list, .slick-slider, .slick-track {position: relative;}
    

.slick-slider {
    display: block;
    box-sizing: border-box;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-tap-highlight-color: transparent
}

.slick-list {overflow: hidden; display: block; margin: 0; padding: 0; height: auto!important;}
.slick-list:focus {outline: 0}
.slick-list.dragging {cursor: pointer; cursor: hand}
.slick-slider .slick-list,
.slick-slider .slick-track {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}
.slick-track {left: 0; top: 0; display: block}
.slick-track:after,
.slick-track:before {content: ""; display: table}
.slick-slide {float: left; height: 100%; min-height: 1px; display: none}
.u-right,
[dir=rtl] .slick-slide {float: right}
.slick-slide img {display: block}
.slick-slide.slick-loading img {display: none}
.slick-initialized .slick-slide {display: block}
.slick-vertical .slick-slide {display: block; height: auto; border: 1px solid transparent}
.slick-arrow.slick-hidden {display: none}



.c-carousel-2,
.c-carousel-2b {
    margin-bottom: 15px
}

.c-carousel-2:last-child,
.c-carousel-2b:last-child {
    margin-bottom: 0;
    width: 440px!important;
    margin: 0 0 0 auto;

}

.c-carousel-2 .slick-dots,
.c-carousel-2b .slick-dots {
    position: static;
    -webkit-transform: none;
    -moz-transform: none;
    -ms-transform: none;
    -o-transform: none;
    transform: none;
   /* margin: 15px 0 0;*/
    text-align: center
}

.c-carousel-2 .slick-dots li,
.c-carousel-2b .slick-dots li {
    display: inline-block;
    margin: 0 10px;
    border-color: #9f9a9a
}

.c-carousel-2 .slick-dots li:after,
.c-carousel-2b .slick-dots li:after {
    background: #9f9a9a
}

.c-carousel-2.carousel--dots-in .slick-dots,
.c-carousel-2b.carousel--dots-in .slick-dots {
    position: absolute;
    bottom: 30px;
    left: 0;
    top: auto;
    width: 100% ;   padding: 0;
}

.c-carousel-2.carousel--dots-in .slick-dots li,
.c-carousel-2b.carousel--dots-in .slick-dots li {
    border-color: #fff
}

.c-carousel-2.carousel--dots-in .slick-dots li:after,
.c-carousel-2b.carousel--dots-in .slick-dots li:after {
    background: #fff
}

.c-scroll-down {
    display: inline-block
}

.c-scroll-down .icon {
    display: block;
    width: 26px;
    height: 42px;
    border: 1px solid #fff;
    border-radius: 999px;
    position: relative;
    top: 0;
    transition: all .3s
}

.c-scroll-down .icon:before {
    content: '';
    display: block;
    width: 8px;
    height: 8px;
    border: 1px solid #fff;
    border-radius: 999px;
    position: absolute;
    top: 20%;
    left: 50%;
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
    transition: all .3s .1s
}

.c-scroll-down .icon:after {
    content: '';
    position: absolute;
    bottom: 0;
    display: block;
    width: 10px;
    height: 5px;
    background: url(../img/tri-border-white.svg) center center/100% auto no-repeat;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
    -webkit-animation: scroll-down-anim 3.5s infinite;
    -moz-animation: scroll-down-anim 3.5s infinite;
    animation: scroll-down-anim 3.5s infinite;
    margin-bottom: 0;
    transition: all .3s
}

.c-scroll-down:hover .icon {
    top: 5px
}

.c-scroll-down:hover .icon:before {
    top: 25%
}

.c-scroll-down:hover .icon:after {
    margin-bottom: -2px
}

.c-scroll-down span {
    display: none
}

@-webkit-keyframes scroll-down-anim {
    0%,
    100%,
    40%,
    50%,
    60% {
        bottom: -10px
    }
    45%,
    55% {
        bottom: -15px
    }
}

@-moz-keyframes scroll-down-anim {
    0%,
    100%,
    40%,
    50%,
    60% {
        bottom: -10px
    }
    45%,
    55% {
        bottom: -15px
    }
}

@keyframes scroll-down-anim {
    0%,
    100%,
    40%,
    50%,
    60% {
        bottom: -10px
    }
    45%,
    55% {
        bottom: -15px
    }
}


.c-carousel-4 .item a:hover,
.c-link-1:hover,
.c-link:hover {
    text-decoration: none
}

.c-nav-2.nav--col-2 li {
    width: 50%;
    display: inline-block;
    vertical-align: top;
    text-align: center
}

.c-box .img-sec .img-fx:after,
.c-carousel-4 .img:after,
.c-overlay-blue-light:after,
.c-overlay-blue:after {
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    opacity: .3;
    content: '';
    top: 0;
    left: 0;
    transition: all .3s
}

.c-box .img-sec .img-fx:after,
.c-carousel-4 .img:after,
.c-overlay-blue:after {
    background: #00a94f;
    background-blend-mode: multiply;
    mix-blend-mode: multiply
}

.c-box .img-sec img {
    position: relative;
    right: 0;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
    width: 100%;
}
.c-carousel-2.carousel--dots-in .slick-dots li button{display: none;}
.slick-dots li:after{    content: "";display: block; border-radius: 50%; }
.slick-dots li:after, {    content: "";display: block; border-radius: 50%; }

.c-carousel-2.carousel--dots-in .slick-dots li:after{border:1px solid #fff;background: transparent; width: 10px; height:10px;}
.c-carousel-2.carousel--dots-in .slick-dots li.slick-active{background: #fff; border-radius: 50%;}




.c-box .txt-sec.txt--1 {padding-left: 120px;}
.c-box .txt-sec .title {display: inline-block; font-size: 2em; line-height: 1.2em; margin: 0 0 20px; font-weight: 400;}
.c-box .txt-sec .title {margin-bottom: 15px;}
.c-box .txt-sec.txt--1 .title {margin-left: 115px;}
.c-box .txt-sec .title span {max-width: 500px; display: block; position: relative;font-family: 'Open Sans', sans-serif!important;font-size: 26px; color: #525252;}
.slick-slide h2{font-size: 24px; font-weight: 400; color: #525252;}
.c-box .txt-sec .c-carousel-2b:after, .c-box .txt-sec .title span:after {display: block; top: 20px; width: 70%; background: #525252; height: 1px; position: absolute; content: ""; -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s;}
.c-box .txt-sec .title span:after {left: 100%; margin-left: 100px; -webkit-transform: translateZ(0); transform: translateZ(0);}
.c-box .txt-sec .title span:after {left: 170%;}
.c-box .txt-sec.txt--right .title span:after {left: auto; right: 100%; margin-left: 0; margin-right: 50px;}
.c-box .txt-sec.txt--1 .title span:after {margin-right: 30px;}
.c-box:hover .txt-sec .title span:after { margin-left: 50px;}
.c-box:hover .txt-sec.txt--right .title span:after {margin-left: 0;}
.c-box:hover .txt-sec.txt--right .title span:after {margin-right: 30px; width: 80%;}
.c-carousel-3, .c-carousel-4 {position: relative;}
.c-carousel-4 {padding: 0 120px;}

.c-carousel-3 .slick-arrow, .c-carousel-4 .slick-arrow, .c-slick-arrow, .c-timeline .list .slick-arrow {
    position: absolute;
    top: 50%;
    left: -100px;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    display: block;
    width: 50px;
    height: 50px;
    border: 1px solid #00a94f;
    font-size: 0;
    color: transparent;
    outline: 0;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
    margin-top: -26px;
    background: #fff;
    z-index: 2;
}
.c-carousel-4 .slick-arrow.slick-prev {left: -25px;}


.c-carousel-3 .slick-arrow:after, .c-carousel-3 .slick-arrow:before, .c-carousel-3 .slick-arrow i:after, .c-carousel-3 .slick-arrow i:before, .c-carousel-4 .slick-arrow:after, .c-carousel-4 .slick-arrow:before, .c-carousel-4 .slick-arrow i:after, .c-carousel-4 .slick-arrow i:before, .c-slick-arrow:after, .c-slick-arrow:before, .c-slick-arrow i:after, .c-slick-arrow i:before, .c-timeline .list .slick-arrow:after, .c-timeline .list .slick-arrow:before, .c-timeline .list .slick-arrow i:after, .c-timeline .list .slick-arrow i:before {
    content: "";
    display: block;
    background: #00a94f;
    height: 4px;
    position: absolute;
    top: 50%;
    left: 50%;
    width: 35%;
    -webkit-transform: translate(-7px,-7px) rotate(45deg);
    -ms-transform: translate(-7px,-7px) rotate(45deg);
    transform: translate(-7px,-7px) rotate(45deg);
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
}

.c-carousel-3 .slick-prev.slick-arrow:before, .c-carousel-3 .slick-prev.slick-arrow i:before, .c-carousel-4 .slick-prev.slick-arrow:before, .c-carousel-4 .slick-prev.slick-arrow i:before, .c-slick-arrow.slick-prev:before, .c-slick-arrow.slick-prev i:before, .c-timeline .list .slick-prev.slick-arrow:before, .c-timeline .list .slick-prev.slick-arrow i:before {
    -webkit-transform: translate(-7px,-7px) rotate(-45deg);
    -ms-transform: translate(-7px,-7px) rotate(-45deg);
    transform: translate(-7px,-7px) rotate(-45deg);
}

.c-carousel-3 .slick-prev.slick-arrow:after, .c-carousel-3 .slick-prev.slick-arrow i:after, .c-carousel-4 .slick-prev.slick-arrow:after, .c-carousel-4 .slick-prev.slick-arrow i:after, .c-slick-arrow.slick-prev:after, .c-slick-arrow.slick-prev i:after, .c-timeline .list .slick-prev.slick-arrow:after, .c-timeline .list .slick-prev.slick-arrow i:after {
    -webkit-transform: translate(-7px,3px) rotate(45deg);
    -ms-transform: translate(-7px,3px) rotate(45deg);
    transform: translate(-7px,3px) rotate(45deg);
}

.c-carousel-3 .slick-arrow:after, .c-carousel-3 .slick-arrow i:after, .c-carousel-4 .slick-arrow:after, .c-carousel-4 .slick-arrow i:after, .c-slick-arrow:after, .c-slick-arrow i:after, .c-timeline .list .slick-arrow:after, .c-timeline .list .slick-arrow i:after {
    -webkit-transform: translate(-7px,3px) rotate(-45deg);
    -ms-transform: translate(-7px,3px) rotate(-45deg);
    transform: translate(-7px,3px) rotate(-45deg);
}


.c-carousel-3 .slick-next.slick-arrow, .c-carousel-4 .slick-next.slick-arrow, .c-slick-arrow.slick-next, .c-timeline .list .slick-next.slick-arrow {
    left: auto;
    right: -100px;
}
.c-carousel-4 .slick-arrow.slick-next {right: 50px;}

.c-carousel-3 .slick-arrow:hover:not(:focus), .c-carousel-4 .slick-arrow:hover:not(:focus), .c-slick-arrow:hover:not(:focus), .c-timeline .list .slick-arrow:hover:not(:focus) {
    background: #00a94f;
}
.c-carousel-3 .slick-arrow:hover:not(:focus).slick-prev:before, .c-carousel-3 .slick-arrow:hover:not(:focus).slick-prev i:before, .c-carousel-4 .slick-arrow:hover:not(:focus).slick-prev:before, .c-carousel-4 .slick-arrow:hover:not(:focus).slick-prev i:before, .c-slick-arrow:hover:not(:focus).slick-prev:before, .c-slick-arrow:hover:not(:focus).slick-prev i:before, .c-timeline .list .slick-arrow:hover:not(:focus).slick-prev:before, .c-timeline .list .slick-arrow:hover:not(:focus).slick-prev i:before {
    -webkit-transform: translate(-11px,-7px) rotate(-45deg);
    -ms-transform: translate(-11px,-7px) rotate(-45deg);
    transform: translate(-11px,-7px) rotate(-45deg);
}
.c-carousel-3 .slick-arrow:hover:not(:focus):after, .c-carousel-3 .slick-arrow:hover:not(:focus):before, .c-carousel-3 .slick-arrow:hover:not(:focus) i:after, .c-carousel-3 .slick-arrow:hover:not(:focus) i:before, .c-carousel-4 .slick-arrow:hover:not(:focus):after, .c-carousel-4 .slick-arrow:hover:not(:focus):before, .c-carousel-4 .slick-arrow:hover:not(:focus) i:after, .c-carousel-4 .slick-arrow:hover:not(:focus) i:before, .c-slick-arrow:hover:not(:focus):after, .c-slick-arrow:hover:not(:focus):before, .c-slick-arrow:hover:not(:focus) i:after, .c-slick-arrow:hover:not(:focus) i:before, .c-timeline .list .slick-arrow:hover:not(:focus):after, .c-timeline .list .slick-arrow:hover:not(:focus):before, .c-timeline .list .slick-arrow:hover:not(:focus) i:after, .c-timeline .list .slick-arrow:hover:not(:focus) i:before {
    background: #fff;
}
.c-carousel-3 .slick-arrow:hover:not(:focus).slick-prev:after, .c-carousel-3 .slick-arrow:hover:not(:focus).slick-prev i:after, .c-carousel-4 .slick-arrow:hover:not(:focus).slick-prev:after, .c-carousel-4 .slick-arrow:hover:not(:focus).slick-prev i:after, .c-slick-arrow:hover:not(:focus).slick-prev:after, .c-slick-arrow:hover:not(:focus).slick-prev i:after, .c-timeline .list .slick-arrow:hover:not(:focus).slick-prev:after, .c-timeline .list .slick-arrow:hover:not(:focus).slick-prev i:after {
    -webkit-transform: translate(-11px,3px) rotate(45deg);
    -ms-transform: translate(-11px,3px) rotate(45deg);
    transform: translate(-11px,3px) rotate(45deg);
}



.c-carousel-3 .slick-arrow:hover:not(:focus):before, .c-carousel-3 .slick-arrow:hover:not(:focus) i:before, .c-carousel-4 .slick-arrow:hover:not(:focus):before, .c-carousel-4 .slick-arrow:hover:not(:focus) i:before, .c-slick-arrow:hover:not(:focus):before, .c-slick-arrow:hover:not(:focus) i:before, .c-timeline .list .slick-arrow:hover:not(:focus):before, .c-timeline .list .slick-arrow:hover:not(:focus) i:before {
    -webkit-transform: translate(-3px,-7px) rotate(45deg);
    -ms-transform: translate(-3px,-7px) rotate(45deg);
    transform: translate(-3px,-7px) rotate(45deg);
}
.c-carousel-3 .slick-arrow:hover:not(:focus):after, .c-carousel-3 .slick-arrow:hover:not(:focus):before, .c-carousel-3 .slick-arrow:hover:not(:focus) i:after, .c-carousel-3 .slick-arrow:hover:not(:focus) i:before, .c-carousel-4 .slick-arrow:hover:not(:focus):after, .c-carousel-4 .slick-arrow:hover:not(:focus):before, .c-carousel-4 .slick-arrow:hover:not(:focus) i:after, .c-carousel-4 .slick-arrow:hover:not(:focus) i:before, .c-slick-arrow:hover:not(:focus):after, .c-slick-arrow:hover:not(:focus):before, .c-slick-arrow:hover:not(:focus) i:after, .c-slick-arrow:hover:not(:focus) i:before, .c-timeline .list .slick-arrow:hover:not(:focus):after, .c-timeline .list .slick-arrow:hover:not(:focus):before, .c-timeline .list .slick-arrow:hover:not(:focus) i:after, .c-timeline .list .slick-arrow:hover:not(:focus) i:before {
    background: #fff;
}
.c-carousel-3 .slick-arrow:hover:not(:focus):after, .c-carousel-3 .slick-arrow:hover:not(:focus) i:after, .c-carousel-4 .slick-arrow:hover:not(:focus):after, .c-carousel-4 .slick-arrow:hover:not(:focus) i:after, .c-slick-arrow:hover:not(:focus):after, .c-slick-arrow:hover:not(:focus) i:after, .c-timeline .list .slick-arrow:hover:not(:focus):after, .c-timeline .list .slick-arrow:hover:not(:focus) i:after {
    -webkit-transform: translate(-3px,3px) rotate(-45deg);
    -ms-transform: translate(-3px,3px) rotate(-45deg);
    transform: translate(-3px,3px) rotate(-45deg);
}

.c-box .txt-sec .action {padding-left: 0px; margin-top: 30px;}
.c-link {color: #00a94f; font-size: 15px; line-height: 1em; font-size: 14px; text-decoration: none;}
.c-box .txt-sec.txt--right .c-link {padding-right: 6px;}
.c-link:after {
    content: "";
    display: inline-block;
    margin-left: 10px;
    width: 9px;
    height: 9px;
    border-right: 1px solid #00a94f;
    border-bottom: 1px solid #00a94f;
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
    position: relative;
    top: -2px;
    right: 0;
}
.c-carousel-4 .item a:hover, .c-link-1:hover, .c-link:hover {text-decoration: none;}
.c-link:hover:after {right: -5px;}
.to-ban{position: absolute; margin-top: 0px; margin-left: -22px; font-size: 18px; color:#00a94f;}
.bo-ban{position: absolute; margin-top: 4px; margin-left: 4px; font-size: 18px; color:#00a94f;}


/*SLIder*/
/* Slider wrapper*/
#banner .slider .txt {margin-left: -40%; background: rgb(0 0 0 / 55%); width: 38%; margin-bottom: -16%;}
#banner .css-slider-wrapper:hover{filter:none!important;}
#banner .css-slider-wrapper input{display: none}
#banner .css-slider-wrapper {display: block; background: #FFF; overflow: hidden; position: relative; left: 0; right: 0; top: 0; bottom: 0; height: 440px;
-webkit-transition: all 0.3s linear 0s;
-moz-transition: all 0.3s linear 0s;
-ms-transition: all 0.3s linear 0s;
-o-transition: all 0.3s linear 0s;
transition: all 0.3s linear 0s;
}
/* Slider */
#banner .slider {
  width: 100%;
  height: 440px;
  background: red;
  position: absolute;
  left: 0;
  top: 0;
  opacity: 1;
  z-index: 0;
  display: flex;
  display: -webkit-flex;
  display: -ms-flexbox;
  flex-direction: row;
  flex-wrap: wrap;
  -webkit-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  justify-content: center;
  align-content: center;
  -webkit-transition: -webkit-transform 1600ms;
  transition: -webkit-transform 1600ms, transform 1600ms;
  -webkit-transform: scale(1);
  transform: scale(1);
}
/* each slide backgound color */  
#banner .slide1 {background: transparent; left: 0;}
#banner .slide2 {background: transparent; left: 100%}
#banner .slide3 {background: transparent; left: 200%}
#banner .slide4 {background: transparent; left: 300%;}
#banner .slide5 {background: transparent; left: 400%;}
#banner .slide6 {background: transparent; left: 500%;}
#banner .slide7 {background: transparent; left: 600%;}
#banner .slider > img {z-index: 1; height: 800px;}
#banner .slider > div {text-align: center; position: absolute; z-index: 999;}
/* Slider inner slide effect */

#banner .slider h2 {color: #fff; font-weight: 500; font-size: 2em; line-height: 1.4em; opacity: 0; -webkit-transform: translateX(500px); transform: translateX(500px); width: 100%; text-align: left; margin-left: 0%; padding: 25px; margin: auto;}
#banner .slider .button {color: #FFF; padding: 1px 30px; text-decoration: none; opacity: 0; font-size: 15px; line-height: 30px; display: inline-block; -webkit-transform: translateX(-500px); transform: translateX(-500px); width: 60%; float: left;}
#banner .slider h2, .slider .button {
  -webkit-transition: opacity 800ms, -webkit-transform 800ms;
  transition: transform 800ms, opacity 800ms;
  -webkit-transition-delay: 1s; /* Safari */
  transition-delay: 1s;
}
/* Next and Preive arrow */ 
#banner .control {position: absolute; top: 50%; width: 50px; height: 50px; margin-top: -25px; z-index: 55;}
#banner .control label {z-index: 0; display: none; text-align: center; line-height: 50px; font-size: 50px; color: #FFF; cursor: pointer; opacity: 0.2;}
#banner .control label:hover {opacity: 0.5;}
#banner .next {right: 1%;}
#banner .previous {left: 1%;}

/* Slider Pagger */ 
#banner .slider-pagination {position: absolute; bottom: 150px; width: 29%; left: 95%; text-align: center; z-index: 1000; display: inline-grid;}
#banner .slider-pagination label {width: 20px; height: 20px; border-radius: 50%; display: inline-block; background: rgba(255,255,255,0.2); margin: 4px 2px; border: solid 2px rgba(255,255,255,0.6); cursor: pointer;}
/* Slider Pagger arrow event */
#banner .slide-radio1:checked ~ .next .numb2, 
#banner .slide-radio2:checked ~ .next .numb3, 
#banner .slide-radio3:checked ~ .next .numb4, 
#banner .slide-radio2:checked ~ .previous .numb1, 
#banner .slide-radio3:checked ~ .previous .numb2, 
#banner .slide-radio4:checked ~ .previous .numb3 {display: block; z-index: 1}
/* Slider Pagger event */
#banner .slide-radio1:checked ~ .slider-pagination .page1, 
#banner .slide-radio2:checked ~ .slider-pagination .page2, 
#banner .slide-radio3:checked ~ .slider-pagination .page3, 
#banner .slide-radio4:checked ~ .slider-pagination .page4, 
#banner .slide-radio5:checked ~ .slider-pagination .page5, 
#banner .slide-radio6:checked ~ .slider-pagination .page6, 
#banner .slide-radio7:checked ~ .slider-pagination .page7 {background: rgba(255,255,255,1)}
/* Slider slide effect */
#banner .slide-radio1:checked ~ .slider {
  -webkit-transform: translateX(0%);
  transform: translateX(0%);}
#banner .slide-radio2:checked ~ .slider {
  -webkit-transform: translateX(-100%);
  transform: translateX(-100%);
}
#banner .slide-radio3:checked ~ .slider {
  -webkit-transform: translateX(-200%);
  transform: translateX(-200%);
}
#banner .slide-radio4:checked ~ .slider {
  -webkit-transform: translateX(-300%);
  transform: translateX(-300%);
}
#banner .slide-radio5:checked ~ .slider {
  -webkit-transform: translateX(-400%);
  transform: translateX(-400%);
}
#banner .slide-radio6:checked ~ .slider {
  -webkit-transform: translateX(-500%);
  transform: translateX(-500%);
}
#banner .slide-radio7:checked ~ .slider {
  -webkit-transform: translateX(-600%);
  transform: translateX(-600%);
}
#banner .slide-radio1:checked ~ .slide1 h2,  
#banner .slide-radio2:checked ~ .slide2 h2,  
#banner .slide-radio3:checked ~ .slide3 h2,  
#banner .slide-radio4:checked ~ .slide4 h2,  
#banner .slide-radio5:checked ~ .slide5 h2,  
#banner .slide-radio6:checked ~ .slide6 h2,  
#banner .slide-radio7:checked ~ .slide7 h2,  
#banner .slide-radio1:checked ~ .slide1 .button,  
#banner .slide-radio2:checked ~ .slide2 .button,  
#banner .slide-radio3:checked ~ .slide3 .button,  
#banner .slide-radio4:checked ~ .slide4 .button,  
#banner .slide-radio5:checked ~ .slide5 .button,  
#banner .slide-radio6:checked ~ .slide6 .button,  
#banner .slide-radio7:checked ~ .slide7 .button {
  -webkit-transform: translateX(0);
  transform: translateX(0);
  opacity: 1
}

@media only screen and (max-width: 767px) {
#banner .slider h2 {font-size: 20px;}
#banner .slider > div {padding: 0 2%}
#banner .control label {font-size: 35px;}
#banner .slider .button {padding: 0 15px;}
}
















/* banner */

#banner{background: #00a94f ; position: relative;}
#banner .text-banner{position: absolute; top: 50%; border-bottom: 1px solid #00a94f; width: 60%;}
#banner .text-banner h3{color: #fff; font-size: 2.50em; width: 70%; font-weight: 400; line-height: 1.5em; float: right;}

.scroll {position: absolute !important; margin-top: 0; padding: 14px; height: 77px; bottom: 0; z-index: 1; border: 0px solid #fff; border-radius: 200px; left: 50%; transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%);}
.chevron {position: absolute !important; width: 10px; height: 2px; opacity: 0; transform: scale3d(0.5, 0.5, 0.5); animation: move 3s ease-out infinite;}#career-banner .chevron:first-child {animation: move 3s ease-out 1s infinite;}
.chevron:nth-child(2) {animation: move 3s ease-out 2s infinite;}
.chevron:before,.chevron:after {content: ' '; position: absolute; top: 0; height: 100%; width: 51%; background: #fff;}
.chevron:before {left: 0; transform: skew(0deg, 30deg);}
.chevron:after {right: 0; width: 50%; transform: skew(0deg, -30deg);}



@keyframes move {
  25% {
    opacity: 1;

  }
  33% {
    opacity: 1;
    transform: translateY(30px);
  }
  67% {
    opacity: 1;
    transform: translateY(40px);
  }
  100% {
    opacity: 0;
    transform: translateY(55px) scale3d(0.5, 0.5, 0.5);
  }
}

@keyframes pulse {
  to {
    opacity: 1;
  }
}



/* services */
#services{padding-top: 80px; padding-bottom: 40px;}
#services .container-fluid{width: 80%;}
#services h3{font-size: 2em; color: #525252; font-weight: 400; margin-bottom: 15px; text-align: center; margin-top: 0px;}
#services h4{font-size: 2.5em; color: #00a94f; font-weight: 400; text-align: center; margin-bottom: 15px;}
#services p{font-size: 14px; color: #525252; font-weight: 300; text-align: center; width: 60%; margin: auto; line-height: 28px;}
#services p.author{margin-top: 12px;}

#services .testimonials-carousel-content p{font-size: 14px; color: #525252; font-weight: 300; text-align: center; width: 86%; margin: auto; }
#services .top{margin-top: 5%; text-align: center;}
#services .top1{text-align: center;}
#services .top h3{font-size: 1.6em; color: #00a94f; font-weight: 400; text-transform: uppercase;}
#services .top i{font-size: 50px;
    color: #525252;transform: skew(25deg);
    background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#fff));
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;}
#services .top  p{font-size: 15px; color: #525252; line-height: 28px; font-weight: 300; text-align: center; width: 85%; margin: auto; }





#content .im-hov{cursor: pointer;}
#content .im-hov:hover{

 -webkit-transition: all 0.3s linear 0s;
  -moz-transition: all 0.3s linear 0s;
  -ms-transition: all 0.3s linear 0s;
  -o-transition: all 0.3s linear 0s;
  transition: all 0.3s linear 0s;
      /*filter: grayscale(100%);*/


  }


#content .container-fluid{width: 74%;}

#content{padding-top:0px; padding-bottom: 0px; border-bottom: 0px solid #eee;}
#content a{text-decoration: none!important; color: #00a94f; font-size: 1em; cursor: pointer; margin-top: 3%;}
#content a:hover{color: #00a94f; font-weight: 500}
.post-module {
  position: relative;
  z-index: 1;
  display: block;
  background: #FFFFFF;

  -webkit-box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.15);
  -moz-box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.15);
  box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.15);
  -webkit-transition: all 0.3s linear 0s;
  -moz-transition: all 0.3s linear 0s;
  -ms-transition: all 0.3s linear 0s;
  -o-transition: all 0.3s linear 0s;
  transition: all 0.3s linear 0s;
}
.post-module:hover,
.hover {
  -webkit-box-shadow: 0px 1px 35px 0px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0px 1px 35px 0px rgba(0, 0, 0, 0.3);
  box-shadow: 0px 1px 35px 0px rgba(0, 0, 0, 0.3);

 -webkit-transition: all 0.3s linear 0s;
  -moz-transition: all 0.3s linear 0s;
  -ms-transition: all 0.3s linear 0s;
  -o-transition: all 0.3s linear 0s;
  transition: all 0.3s linear 0s;
      /*filter: grayscale(100%);*/
}
.post-module:hover .thumbnail img,
.hover .thumbnail img {
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  transform: scale(1.1);
  opacity: 0.6;
}
.post-module .thumbnail {border: none; height: 320px; overflow: hidden; padding: 0;}
.post-module .thumbnail .date i{font-size: 1.4em}
.post-module .thumbnail .date {
  position: absolute;
  top: 20px;
  right: 20px;
  z-index: 1;
  background: #00a94f;
  width: 55px;
  height: 55px;
  padding: 14px 0;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  border-radius: 100%;
  color: #FFFFFF;
  font-weight: 700;
  text-align: center;
  -webkti-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.post-module .thumbnail .date .day {font-size: 18px; font-family: 'Open Sans', sans-serif;}
.post-module .thumbnail .date .month {font-size: 12px; font-family: 'Open Sans', sans-serif;}
.post-module .thumbnail img {
  display: block;
  width: 100%;
  -webkit-transition: all 0.3s linear 0s;
  -moz-transition: all 0.3s linear 0s;
  -ms-transition: all 0.3s linear 0s;
  -o-transition: all 0.3s linear 0s;
  transition: all 0.3s linear 0s;
}
.post-content p{margin-bottom: 0px}
.post-module .post-content {
  position: absolute;
  bottom: 3px;
  background: #FFFFFF;
  width: 100%;
  padding: 20px 15px;
  -webkti-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: all 0.3s cubic-bezier(0.37, 0.75, 0.61, 1.05) 0s;
  -moz-transition: all 0.3s cubic-bezier(0.37, 0.75, 0.61, 1.05) 0s;
  -ms-transition: all 0.3s cubic-bezier(0.37, 0.75, 0.61, 1.05) 0s;
  -o-transition: all 0.3s cubic-bezier(0.37, 0.75, 0.61, 1.05) 0s;
  transition: all 0.3s cubic-bezier(0.37, 0.75, 0.61, 1.05) 0s;
}
.post-module .post-content .category {
  position: absolute;
  top: -34px;
  left: 0;
  background: #525252;
  padding: 10px 15px;
  color: #FFFFFF;
  font-size: 14px;
  font-weight: 600;
  text-transform: uppercase;
}
.post-module .post-content .title {margin: 0; padding: 0 0 10px; color: #00a94f; font-size: 24px; font-weight: 400; font-family: 'Open Sans', sans-serif!important;}
.post-module .post-content .sub_title {margin: 0; padding: 0 0 20px; color: #00a94f; font-size: 16px; font-weight: 300;}
.post-module .post-content .description {display: none; color: #666666; font-size: 14px; line-height: 1.8em;}
.post-module .post-content .post-meta {margin: 30px 0 0; color: #999999;}
.post-module .post-content .post-meta .timestamp {margin: 0 16px 0 0;}
.post-module .post-content .post-meta a {color: #999999; text-decoration: none;}
.hover .post-content .description {display: block !important; height: auto !important; opacity: 1 !important;}
.container {max-width: 800px; min-width: 640px; margin: 0 auto;}
.container:before,
.container:after {content: ''; display: block; clear: both;}
.container .column {width: 50%; padding: 0 25px; -webkti-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; float: left;}
.container .column .demo-title {margin: 0 0 15px; color: #666666; font-size: 18px; font-weight: bold; text-transform: uppercase;}
.container .info {width: 300px; margin: 50px auto; text-align: center;}
.container .info h1 {margin: 0 0 15px; padding: 0; font-size: 24px; font-weight: bold; color: #333333;}
.container .info span {color: #666666; font-size: 12px;}
.container .info span a {color: #000000; text-decoration: none;}
.container .info span .fa {color: #e74c3c;}


#services .design-circle{width: 100px;background: #00a94f; padding-top: 20px; padding-bottom: 20px; margin: auto; transform: skew(-25deg);}
#services .top .design-circle:hover{transform: skew(-25deg); cursor: pointer;}
#services i:before{object-fit: cover; width: 175px; font-size: 135px; line-height: 220px;}


/* industries */
#industries {padding-bottom: 20px; padding-top: 0px;}
#industries .container-fluid{width: 70%}
#industries .top{margin-top: 5%}
#slider-text{padding-top: 40px; display: block;}
#slider-text .col-md-6{overflow: hidden;}
#slider-text h2 {font-family: 'Josefin Sans', sans-serif; font-weight: 400; font-size: 30px; letter-spacing: 3px; margin: 30px auto; padding-left: 40px;}
#slider-text h2::after{border-top: 2px solid #c7c7c7; content: ""; position: absolute; bottom: 35px; width: 100%;}
#itemslider h4{font-family: 'Josefin Sans', sans-serif; font-weight: 400; font-size: 12px;\ margin: 10px auto 3px;}
#itemslider h5{font-family: 'Josefin Sans', sans-serif; font-weight: bold; font-size: 12px; margin: 3px auto 2px;}
#itemslider h6{font-family: 'Josefin Sans', sans-serif; font-weight: 300;; font-size: 10px; margin: 2px auto 5px;}
.badge {background: #b20c0c; position: absolute; height: 40px; width: 40px; border-radius: 50%; line-height: 31px; font-family: 'Josefin Sans', sans-serif; font-weight: 300; font-size: 14px; border: 2px solid #FFF; box-shadow: 0 0 0 1px #b20c0c; top: 5px; right: 25%;}
#slider-control img{padding-top: 60%; margin: 0 auto;}
.tec{transform: skew(-25deg);width: 65%; padding: 20px; margin: auto; border: 1px solid #00a94f; padding-bottom: 20px; background: #00a94f; color: #fff; padding-top: 24px;}
.tec:hover{transform: skew(-25deg); cursor: pointer;}
.tec h3{transform: skew(25deg);font-size: 2em;color: #fff;font-weight: 400;text-align: center;margin-top: 0;}
.tec p{transform: skew(25deg); font-size: 1.1em;line-height: 1.4em!important;text-align: center; color: #fff!important;}


@media screen and (max-width: 992px){
#slider-control img {padding-top: 70px; margin: 0 auto;}
}

.carousel-showmanymoveone .carousel-control {width: 4%; background-image: none;}
.carousel-showmanymoveone .carousel-control.left {margin-left: 5px;}
.carousel-showmanymoveone .carousel-control.right {margin-right: 5px;}
.carousel-showmanymoveone .cloneditem-1,
.carousel-showmanymoveone .cloneditem-2,
.carousel-showmanymoveone .cloneditem-3,
.carousel-showmanymoveone .cloneditem-4,
.carousel-showmanymoveone .cloneditem-5 {display: none;}
@media all and (min-width: 768px) {
  .carousel-showmanymoveone .carousel-inner > .active.left,
  .carousel-showmanymoveone .carousel-inner > .prev {
    left: -50%;
  }
  .carousel-showmanymoveone .carousel-inner > .active.right,
  .carousel-showmanymoveone .carousel-inner > .next {
    left: 50%;
  }
  .carousel-showmanymoveone .carousel-inner > .left,
  .carousel-showmanymoveone .carousel-inner > .prev.right,
  .carousel-showmanymoveone .carousel-inner > .active {
    left: 0;
  }
  .carousel-showmanymoveone .carousel-inner .cloneditem-1 {
    display: block;
  }
}
@media all and (min-width: 768px) and (transform-3d), all and (min-width: 768px) and (-webkit-transform-3d) {
  .carousel-showmanymoveone .carousel-inner > .item.active.right,
  .carousel-showmanymoveone .carousel-inner > .item.next {
    -webkit-transform: translate3d(50%, 0, 0);
    transform: translate3d(50%, 0, 0);
    left: 0;
  }
  .carousel-showmanymoveone .carousel-inner > .item.active.left,
  .carousel-showmanymoveone .carousel-inner > .item.prev {
    -webkit-transform: translate3d(-50%, 0, 0);
    transform: translate3d(-50%, 0, 0);
    left: 0;
  }
  .carousel-showmanymoveone .carousel-inner > .item.left,
  .carousel-showmanymoveone .carousel-inner > .item.prev.right,
  .carousel-showmanymoveone .carousel-inner > .item.active {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    left: 0;
  }
}
@media all and (min-width: 992px) {
  .carousel-showmanymoveone .carousel-inner > .active.left,
  .carousel-showmanymoveone .carousel-inner > .prev {
    left: -16.666%;
  }
  .carousel-showmanymoveone .carousel-inner > .active.right,
  .carousel-showmanymoveone .carousel-inner > .next {
    left: 16.666%;
  }
  .carousel-showmanymoveone .carousel-inner > .left,
  .carousel-showmanymoveone .carousel-inner > .prev.right,
  .carousel-showmanymoveone .carousel-inner > .active {
    left: 0;
  }
  .carousel-showmanymoveone .carousel-inner .cloneditem-2,
  .carousel-showmanymoveone .carousel-inner .cloneditem-3,
  .carousel-showmanymoveone .carousel-inner .cloneditem-4,
  .carousel-showmanymoveone .carousel-inner .cloneditem-5,
  .carousel-showmanymoveone .carousel-inner .cloneditem-6  {
    display: block;
  }
}
@media all and (min-width: 992px) and (transform-3d), all and (min-width: 992px) and (-webkit-transform-3d) {
  .carousel-showmanymoveone .carousel-inner > .item.active.right,
  .carousel-showmanymoveone .carousel-inner > .item.next {
    -webkit-transform: translate3d(16.666%, 0, 0);
    transform: translate3d(16.666%, 0, 0);
    left: 0;
  }
  .carousel-showmanymoveone .carousel-inner > .item.active.left,
  .carousel-showmanymoveone .carousel-inner > .item.prev {
    -webkit-transform: translate3d(-16.666%, 0, 0);
    transform: translate3d(-16.666%, 0, 0);
    left: 0;
  }
  .carousel-showmanymoveone .carousel-inner > .item.left,
  .carousel-showmanymoveone .carousel-inner > .item.prev.right,
  .carousel-showmanymoveone .carousel-inner > .item.active {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    left: 0;
  }
}





/* home-about */

#home-about {padding-bottom: 40px; padding-top: 0px;}
#home-about .container-fluid{width: 80%}
#home-about .ab-i{width: 100%; margin: auto; padding-bottom: 0; padding-top: 0}

.im-hov10{cursor: pointer; width: 100%;}
.im-hov10:hover{

 -webkit-transition: all 0.3s linear 0s;
  -moz-transition: all 0.3s linear 0s;
  -ms-transition: all 0.3s linear 0s;
  -o-transition: all 0.3s linear 0s;
  transition: all 0.3s linear 0s;
      filter: grayscale(100%);

-webkit-box-shadow: 0px 1px 35px 0px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 0px 1px 35px 0px rgba(0, 0, 0, 0.3);
    box-shadow: 0px 1px 35px 0px rgba(0, 0, 0, 0.3);
  }


#home-about a{text-decoration: none;}
#home-about img{width: 100%;}
#home-about .about-slide #slider{margin:0 auto; width:100%; overflow:hidden;}
#home-about .about-slide .slides{overflow:hidden; animation-name:fade; animation-duration:1s; display:none; background: #525252;}
#home-about .about-slide .slides p{text-align: center; line-height: 20px; color: #fff !important;}
#home-about .about-slide .slides .text{background: #525252; padding-top: 135px; padding-bottom: 105px; padding-left: 20px; padding-right: 20px;}
#home-about .about-slide .slides .col-md-8{padding: 0;}
#home-about .about-slide img{width:100%;}
#home-about .about-slide #dot{margin:0 auto; text-align:center; display: none;}
#home-about .about-slide .dot{display:inline-block; border-radius:50%; background:#d3d3d3; padding:5px; margin:10px 5px;}
#home-about .about-slide .active{background:#00a94f;}

@media (max-width:567px){
#home-about .about-slide #slider{width:100%;}
}

#home-about .about-slide #heading{display:block; text-align:center; font-size:2em; margin:10px 0px;}
#home-about h3{font-size: 26px; color: #525252; font-weight: 400; margin-bottom: 8px; margin-top: 40px;}
#home-about h4{font-size: 26px; color: #00a94f; font-weight: 400; margin-bottom: 15px;}
#home-about p{font-size: 14px; text-align: justify; line-height: 28px; color: #525252; font-weight: 300; width: 70% ; margin-bottom: 50px;}
#home-about .bor{display: none; width: 100%; background: #86878c; height: 1px; position: absolute; left: -2%;}
#home-about .read{background: #00a94f; transform: skew(-25deg); width: 55%; text-align: center; font-size: 16px; color: #fff; padding: 15px;text-decoration: none; cursor: pointer;
-webkit-box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.15);
    -moz-box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.15);
    box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.15);
    -webkit-transition: all 0.3s linear 0s;
    -moz-transition: all 0.3s linear 0s;
    -ms-transition: all 0.3s linear 0s;
    -o-transition: all 0.3s linear 0s;
    transition: all 0.3s linear 0s;
}
#home-about .read h5{transform: skew(25deg); margin: auto; font-size: .8em; font-weight: 400; text-transform: uppercase; color: #fff;text-decoration: none; cursor: pointer;}
#home-about .read:hover{background: #525252; font-size: 16px; color: #fff; padding: 15px;
-webkit-box-shadow: 0 0.5rem 0.5rem #00000029; -moz-box-shadow: 0 0.5rem 0.5rem #00000029; box-shadow: 0 0.5rem 0.5rem #00000029;}
#home-about .read .i{font-size: 16px; color: #fff;  transform: skew(35deg);}


.Details{padding-top: 0px; padding-bottom: 80px; position: relative;}
.Details .container-fluid{width: 60%;}
.Details .text {transform: skew( -15deg ); z-index: 999; margin-top: 125px; width: 45%; color: #fff; text-align: left; background: rgb(0 92 185 / 80%); padding: 65px 50px; }
.Details .text h2 {transform: skew( 15deg ); margin-top: 0px; margin-bottom: 0px;}
.Details img {width: 70%; float: right;}
.Details img {width: 70%; float: right;}
.Details img {position: relative; -webkit-animation: rotateReverse1 25s infinite linear; animation: rotateReverse1 25s infinite linear;}

@-webkit-keyframes rotate1{0%{-webkit-transform:rotate(0deg) translate(-10px) rotate(0deg);transform:rotate(0deg) translate(-10px) rotate(0deg)}to{-webkit-transform:rotate(1turn) translate(-10px) rotate(-1turn);transform:rotate(1turn) translate(-10px) rotate(-1turn)}}@keyframes rotate1{0%{-webkit-transform:rotate(0deg) translate(-10px) rotate(0deg);transform:rotate(0deg) translate(-10px) rotate(0deg)}to{-webkit-transform:rotate(1turn) translate(-10px) rotate(-1turn);transform:rotate(1turn) translate(-10px) rotate(-1turn)}}@-webkit-keyframes rotateReverse1{0%{-webkit-transform:rotate(0deg) translate(20px) rotate(0deg);transform:rotate(0deg) translate(20px) rotate(0deg)}to{-webkit-transform:rotate(1turn) translate(20px) rotate(-1turn);transform:rotate(1turn) translate(20px) rotate(-1turn)}}@keyframes rotateReverse1{0%{-webkit-transform:rotate(0deg) translate(20px) rotate(0deg);transform:rotate(0deg) translate(20px) rotate(0deg)}to{-webkit-transform:rotate(1turn) translate(20px) rotate(-1turn);transform:rotate(1turn) translate(20px) rotate(-1turn)}}


/*exhibition*/
.exhibition {padding-top: 80px; padding-bottom: 0px; position: relative;}
.exhibition .container-fluid {width: 74%;}
.exhibition .bg {padding: 15px; background: #f6f6f6;}
.exhibition figure {position: relative; overflow: hidden;}
.exhibition figure img {-webkit-transform: scale(1); transform: scale(1); -webkit-transition: .3s ease-in-out; transition: .3s ease-in-out; border: 1px solid #fff;}
.exhibition figure:hover img {-webkit-transform: scale(1.01); transform: scale(1.01); filter: none; -webkit-transition: all .8s ease-in-out;}
.exhibition figure:hover::before {
    -webkit-animation: shine .75s;
    animation: shine .75s;
}
.exhibition figure::before {
    position: absolute;
    top: 0;
    left: -75%;
    z-index: 2;
    display: block;
    content: '';
    width: 50%;
    height: 100%;
    background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,.3) 100%);
    background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,.3) 100%);
    -webkit-transform: skewX(-25deg);
    transform: skewX(-25deg);
}




/* testimonials */
#testimonials{ padding-top: 80px; padding-bottom: 80px;}
#testimonials .container-fluid{width: 80%}
#testimonials .box{border:1px solid #d9d9d9; padding: 20px; text-align: center; padding-top: 50px; padding-bottom: 50px;}
#testimonials .box i{font-size: 40px; color: #00a94f; margin-bottom: 25px;}
#testimonials .bt {transform: skew( -12deg ); padding: 10px 20px; border-radius: 0px; text-transform: uppercase; background: #005cb9; position: absolute; right: -10px; bottom: 5px;}
#testimonials a {transform: skew( 12deg ); color: #fff;}

.img-test{width: 50%; position: relative; display: inline-block;}
.testimonials-slide{width: 100%; position: absolute; top: 13%; left: 78%; display: inline-block;}
.bg{background: #f6f6f6!important; padding:50px 40px; transform: skew( -12deg );}
.testimonials-box .slideshow-container .mySlides .bg p {color: #656569!important; transform: skew( 12deg ); font-size: 13px;}

#Vision{padding-bottom: 0; padding-top: 0; background: url(../images/Vision-bg.jpg);}
#Vision .container-fluid{width: 50%; padding: 80px 0;}
#Vision .box{border:1px solid #d9d9d9; padding: 20px; text-align: center; padding-top: 50px; padding-bottom: 50px;}
#Vision .box i{font-size: 40px; color: #00a94f; margin-bottom: 25px;}
#Vision .text{ color: #fff; background: #00a94f; padding: 25px;max-height: 200px; min-height: 200px;}
#Vision .text h3{margin: 0; padding-bottom: 10px; }
#Vision .text p{color: #fff !important;}
#Vision .text1{background: #525252;}

.warpper{display:flex; flex-direction: column; align-items: center;}
.tab{cursor: pointer; padding:10px 20px; margin:0px 2px; background:#fff; display:inline-block; color:#00a94f; border-radius:0px 0px 0px 0px; box-shadow: 0 0.1rem 0.1rem #00000080; border-top: 1px solid #0000001c;;}
.panels{background:#00a94f; box-shadow: 0 0.5rem 0.5rem #00000029; transform: skew(-25deg); width:100%; max-width:500px; border-radius:0px; overflow:hidden; padding:20px;  }
.panel p{color: #fff!important; text-align: center; transform: skew(25deg);}
.panel{display:none; animation: fadein .8s;}
@keyframes fadein {
    from {
        opacity:0;
    }
    to {
        opacity:1;
    }
}
.panel-title{font-size:1.5em; font-weight:bold}
.radio{display:none;}
#one:checked ~ .panels #one-panel,
#two:checked ~ .panels #two-panel,
#three:checked ~ .panels #three-panel{display:block}
#one:checked ~ .tabs #one-tab,
#two:checked ~ .tabs #two-tab,
#three:checked ~ .tabs #three-tab{background:#00a94f; color:#fff; border-top: 3px solid #00a94f;}

.tes .box{padding: 0px; text-align: center; padding-top: 0px; padding-bottom: 50px; border-bottom:1px solid #86878c;}
.tes .box i{font-size: 40px; color: #00a94f; margin-bottom: 20px;}

.testimonials-box{margin:0 auto; }
.bx-wrapper .testimonials-thumbnail{ margin: 0px 0px 15px; }
.bx-wrapper .testimonials-title{ text-align: center;  margin: 25px 15px 3px; font-size: 24px; line-height: 1; }
.bx-wrapper .testimonials-carousel-thumbnail{ max-width: 35%; float: left; margin-right: 10px; }
.bx-wrapper .testimonials-carousel-thumbnail img{ display: block;   margin-right: 10px;width: 100px;}
.bx-wrapper .testimonials-carousel-context{ overflow: hidden; }
.bx-wrapper .testimonials-name{ font-size: 20px; color: #525252; margin-bottom: 10px;margin-top:20px; font-weight:400;width:95%}
.bx-wrapper span{ font-size: 11px; margin-left:10px; color:#aaa;  }
.bx-wrapper {position: relative;margin: 0 auto;padding: 0;}
.bx-wrapper .slide {padding:0;margin:0;display: block;}
.bx-wrapper .bx-viewport {margin-left:0;z-index:1;width:100%; height: 215px!important}
.bx-wrapper .bx-pager,
.bx-wrapper .bx-controls-auto {position: absolute;display:none;bottom: -30px;width: 100%;}
.bx-wrapper .bx-loading {min-height: 50px;background: url(http://webdesigntunes.com/tutorial/testimonials/images/bx_loader.gif) center center no-repeat #fff;height: 100%;width: 100%;position: absolute;top: 0;left: 0;z-index: 2000;}
.bx-wrapper .bx-next,.bx-wrapper .bx-prev {display:none}
.bx-wrapper .testimonials-carousel-content p{ margin:0; color: #525252; font-size: 15px; line-height: 26px; width: 85%; margin: auto;font-weight: 300; }

#home-about .testimonials-box .mySlides p{text-align: center; width: 100%;}
.testimonials-box .dot-container{text-align: center; padding-bottom: 25px; }
element.style {
}
<style>
.testimonials-box .dot-container {  padding-bottom: 45px;}
.testimonials-box .dot-container .dot{display: inline-block; width: 15px; height: 8px; background: #000;  }
/*.testimonials-box .dot-container .dot.active{background: #ff1;}*/


@media screen and (max-width:400px){
.bx-wrapper {width:85%;}
.bx-wrapper .testimonials-carousel-thumbnail{ max-width: 100%; margin:0 15px 10px 0;float:none }
.bx-wrapper .testimonials-carousel-thumbnail img{ width: 100%;height:auto}
}






.im-hov{cursor: pointer;}
.im-hov:hover{

 -webkit-transition: all 0.3s linear 0s;
  -moz-transition: all 0.3s linear 0s;
  -ms-transition: all 0.3s linear 0s;
  -o-transition: all 0.3s linear 0s;
  transition: all 0.3s linear 0s;
      /*filter: grayscale(100%);*/

-webkit-box-shadow: 0 1rem 1rem #00000059;
    -moz-box-shadow: 0 1rem 1rem #00000059;
    box-shadow: 0 1rem 1rem #00000059;
  }

/* news */
#news{padding-top: 0; padding-bottom: 30px}

#news .container-fluid{width: 80%}
#news h3.bx {background: #00a94f; color: #ffff; padding: 18px 0px 16px 15px; font-size: 25px; width: 45%;}
#news .bx-lat {background: #eeeeee; padding: 25px; height: 230px;}
#news .bx-lat img {width: 100%; min-height: 180px; max-height: 180px;}
#news .bx-lat h4 {font-size: 20px; font-weight: 600;color: #00a94f;}
#news .bx-lat a {font-size: 14px; font-weight: 600; color: #00a94f;}
#news  .to {margin-top: 4px;}
#news .bx-lat:hover {-webkit-box-shadow: 0px 1px 35px 0px rgb(0 0 0 / 30%); -moz-box-shadow: 0px 1px 35px 0px rgba(0, 0, 0, 0.3);  box-shadow: 0px 1px 35px 0px rgb(0 0 0 / 30%);  -webkit-transition: all 0.3s linear 0s; -moz-transition: all 0.3s linear 0s; -ms-transition: all 0.3s linear 0s; -o-transition: all 0.3s linear 0s; transition: all 0.3s linear 0s; filter: grayscale(100%);}

#news .bx1 { background: #00a94f; color: #ffff; padding: 18px 0px 16px 15px; font-size: 25px;}
#news .bx-img:hover {-webkit-box-shadow: 0px 1px 35px 0px rgb(0 0 0 / 30%); -moz-box-shadow: 0px 1px 35px 0px rgba(0, 0, 0, 0.3);  box-shadow: 0px 1px 35px 0px rgb(0 0 0 / 30%);  -webkit-transition: all 0.3s linear 0s; -moz-transition: all 0.3s linear 0s; -ms-transition: all 0.3s linear 0s; -o-transition: all 0.3s linear 0s; transition: all 0.3s linear 0s; filter: grayscale(100%);}
#news .bx-img {background: #eeeeee; padding: 25px; height: 464px;}
#news .bx-img img {width: 100%; min-height: 222px; max-height: 222px;}
#news .bx-img h4 {font-size: 20px; font-weight: 600; color: #00a94f;}
#news .bx-img a {font-size: 14px; font-weight: 600; color: #00a94f;}
#news .but{margin-top: 10px ; transition: width 2s; background: #00a94f; padding: 30px; display: inline-block; width: 4%;}
#news .but a {font-size: 14px; color: #000; position: absolute; letter-spacing: 4px; margin-top: -8px; text-decoration:}
#news .but:hover {width: 23%;}
#news .Social.but:hover {width: 48% !important;}

#news  h3{padding-bottom: 35px;}
#news .news-slider{position: relative; padding-bottom: 50px;}
#news .news-slider .slider {max-width: 940px; box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.15);}
#news .news-slider .slide_viewer {height: 300px; overflow: hidden; position: relative;}
#news .news-slider .slide_group {height: 100%; position: relative;width: 100%;}
#news .news-slider .slide {display: none;height: 100%; position: absolute; width: 100%;}
#news .news-slider .slide:first-child {display: block;}
#news .news-slider .slide:nth-of-type(1) {background: #D7A151;}

#news .news-slider .slide:nth-of-type(2) {background: #F4E4CD;}
#news .news-slider .slide:nth-of-type(3) {background: #ff1;}
#news .news-slider .slide:nth-of-type(4) {background: #000;}


#news .news-slider .slide_button{left: 0; bottom: 0px; position: absolute; right: 0; text-align: center; z-index: 9;}
#news .news-slider .slide_buttons3 {left: 0; bottom: 0px; position: absolute; right: 0; text-align: center; z-index: 9;}


#news .news-slider a.slide_btn {color: #474544; font-size: 42px; margin: 0 0.175em;
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -ms-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
}

#news .news-slider .slide_btn.active, .slide_btn:hover {color: #428CC6; cursor: pointer;}
#news .news-slider a.slide_btn {color: #474544; font-size: 42px; margin: 0 0.175em;
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -ms-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out; display: none;
}

#news .news-slider .slide_btn.active, .slide_btn:hover {color: #428CC6; cursor: pointer;}

@media only screen and (max-width: 767px) {
#news  .previous_btn {left: 50px;}
#news .next_btn {right: 50px;}
}
#news .news-slider .slide:hover {  -webkit-box-shadow: 0px 1px 35px 0px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0px 1px 35px 0px rgba(0, 0, 0, 0.3);
  box-shadow: 0px 1px 35px 0px rgba(0, 0, 0, 0.3);

 -webkit-transition: all 0.3s linear 0s;
  -moz-transition: all 0.3s linear 0s;
  -ms-transition: all 0.3s linear 0s;
  -o-transition: all 0.3s linear 0s;
  transition: all 0.3s linear 0s;
      filter: grayscale(100%); }

#news .news-slider img{width: 100%; height: 330px; z-index: 0;}
#news .news-slider:hover .caption{opacity: 1;}
#news .news-slider #outbox {width: 960px;}
#news .news-slider .with-caption {position: relative; display: block; overflow: hidden; margin-bottom: 0;}
#news .news-slider .with-caption h3{padding-bottom: 10px;font-size: 22px;}
#news .news-slider  .caption {position: absolute; width: 100%; font-size: 12px; height: 200px; bottom: 0; text-align: center; padding:20px; background: #fff; color: #000; opacity: 0; transition: all .3s;}
#news .news-slider  h5 {font-size: 16px;}
#news .news-slider .with-caption:hover .caption {opacity: 1 !important; bottom: 150px !important;}
#news .news-slider  .with-caption:focus .caption{opacity: 1!important; bottom: 0!important;}
#news .news-slider .slide-bg{z-index: -1; position: relative; right: -3%; bottom: -15px; background-color: #ddd; left: 0%; width: 100%; height: 270px;}
#news .news-slider .slider{width: 65%; background: #00a94f; padding: 0; height: 330px; padding: 15px; position: absolute;left: -25px;bottom: 35px;}
#news .c-box .txt-sec.txt--1 {padding-bottom: 20px; position: absolute; left: 180px; width: 50%; top: 115px;}
#news .c-box .txt-sec .title {display: inline-block; font-size: 2em; line-height: 1.2em; margin: 0 0 20px; font-weight: 400;}
#news .c-box .txt-sec .title {margin-bottom: 15px;}
#news .c-box .txt-sec.txt--1 .title {margin-left: 85px;}
#news .c-box .txt-sec .title span {max-width: 500px; display: block;}
#news .c-box {padding: 0 15px; margin-bottom: 2.25em;}



.zoom{overflow: hidden;}
.zoom img {transition-duration: 0.5s; margin: 0 auto; display: block;}
.zoom img:hover {-webkit-transform: scale(1.08);}









.video {padding: 30px; background: #e9e9e9;}

.banner-h {
  border: 0.3px solid;
  border-radius: 16px;
  color: #a2a2a2;
}

.banner-h1 {
    padding-top: 0px !important;
    padding-bottom: 0 !important;
}






/* responsive */

@media only screen and (min-width : 1920px) and (max-width : 2559px){

#banner .text-banner{top: 35%}
#banner .text-banner h3{width:80%; }
#banner .slider h2{font-size: 40px; margin-left: 0;}
#banner .slider {height: 800px;}
#banner .css-slider-wrapper{height: 800px;}
#banner .slider-pagination{bottom: 300px;}

#services p{font-size: 18px;}
#services h3{font-size: 30px;}
#services h4{font-size: 40px;}

#Vision .text h3{font-size: 30px;}
#Vision .text p{font-size: 18px;}

.post-module .post-content .title{font-size: 28px;}
.post-content p{font-size: 18px;}

.testimonials-slide{top: 21%;}
.testimonials-box .slideshow-container .mySlides .bg p{font-size: 20px;}


 }

@media only screen and (min-width : 1600px) and (max-width : 1919px){ 

/* banner */
#banner .text-banner{top: 40%;}
#banner .text-banner h3{width:80%; font-size: 2.4em;}
#banner .slider h2{ margin-left: 0%;}
#banner .slider {height: 750px;}
#banner .css-slider-wrapper{height: 750px;}
#banner .slider > img{height: 750px;}
#banner .slider-pagination{bottom: 300px;}

#services .top p{width: 90%;}
#home-about p{width: 80%;}
#news h3>.bor{margin-left: 13%;}

#services .top i{font-size: 60px;}
#services .top h3 {font-size: 20px;}

.scroll {margin-top: -10%; padding: 17px;}
.testimonials-slide{top: 20%;}

}

@media only screen and (min-width : 1440px) and (max-width : 1599px){ 

/* banner */
#banner .text-banner{top: 35%;}
#banner .text-banner h3{width:90%; font-size: 2.3em;}
#banner .slider {height: 550px;}
#banner .css-slider-wrapper{height: 550px;}
#banner .slider > img{height: 550px;width: 100%;}
#banner .slider-pagination{width: 3%;left: 95%;}

#services .top p{width: 90%;}
#services p{width: 76%}
#services .container-fluid {width: 90%;}

#home-about p{width: 90%;}
#testimonials .container-fluid{width: 85%}

#news .container-fluid{width: 85%}
#news h3>.bor{margin-left: 14%;}

#services .top i{ font-size: 50px;}
#services .top h3 {font-size: 20px;}

#industries .container-fluid {width: 75%;}

.scroll{margin-top: -12%; padding: 17px; width: 3.1%;}

}

@media only screen and (min-width : 1366px) and (max-width : 1439px){

#banner .text-banner{top: 30%;}
#banner .text-banner h3{width: 90%;font-size: 2em;}

#services .top p{width: 90%;}
#services p{width: 76%}
#services .container-fluid {width: 90%;}

#home-about p{width: 100%;}
#home-about .bor{left: -3%;}

#services .top i{font-size: 50px;}
#services .top h3 {font-size: 1.6em;}

#news .container-fluid{width: 85%}
#news .top .box{padding: 20px;}
#news h3>.bor{margin-left: 15%;}
#news{padding-bottom: 30px;} 

#industries .container-fluid {width: 80%;}
#testimonials .container-fluid{width: 85%}

}

@media only screen and (min-width : 1200px) and (max-width : 1365px){

#banner .text-banner{top: 30%;}
#banner .text-banner h3{width: 90%; font-size: 2em;}
#banner .slider {height: 510px;}
#banner .css-slider-wrapper{height: 510px;}
#banner .slider .txt {margin-left: -18%;}
#banner .slider-pagination {bottom: 210px;}

#home-about img{margin-top: 10%;}
#home-about p{width: 100%;}
#home-about .bor{left: -3%;}
#home-about h3{margin-top: 40px}

#services {padding-top: 60px;}
#services .top p{width: 90%;}
#services p{width: 76%}
#services .container-fluid {width: 90%;}
#services .top i{font-size: 50px;}
#services .top h3 {font-size: 20px;}

#testimonials .container-fluid{width: 85%}

#news .container-fluid{width: 85%}
#news .top .box{padding: 20px;}
#news h3>.bor{margin-left: 17%;}
#news .c-box .txt-sec .title span{font-size: 22px;}

#industries .container-fluid {width: 80%;}


}

@media only screen and (min-width : 1024px) and (max-width : 1199px){ 

#banner{margin-top: 0%;}
#banner .text-banner{top: 30%;}
#banner .text-banner h3{width: 90%; line-height: 40px; font-size:1.7em;}
#banner .slider {height: 500px;}
#banner .slider .txt {width: 45%;}
#banner .css-slider-wrapper{height: 500px;}
#banner .slider > img{height: 500px;}
#banner .slider .txt {margin-left: -15%;}
#banner .slick-list{right: 30px;}
#banner .c-box .txt-sec.txt--1 {padding-left: 30px;}
#banner .slider-pagination {bottom: 240px;}

/*#content {padding-bottom: 60px;}*/
.post-module .post-content .title {font-size: 22px;}

.Details {padding-bottom: 60px;}
.Details .text{width: 60%;}
.Details .text h2 {font-size: 24px;}

#Vision .container-fluid {width: 60%; padding: 60px 0;}

#services .top p{width: 100%;}
#services p{width: 91%}
#services .container-fluid {width: 90%;}
#services {padding-top: 10px; padding-bottom: 40px;}
#services .top i{font-size: 45px;}
#services .top h3 {font-size: 20px;}
#services .top1{margin-top:4%;}

#home-about p{width: 100%;}
#home-about .bor{left: -3%;}
#home-about h3{margin-top: 0px}
#home-about {padding-top: 40px; padding-bottom: 40px;}
#home-about .read{width: 65%}
#home-about img{margin-top: 0%}

#testimonials .container-fluid{width: 85%}
#testimonials {padding-top: 60px; padding-bottom: 60px;}
#testimonials .tec{width: 100%}

#news .container-fluid{width: 85%}
#news .top .box{padding: 20px;}
#news h3>.bor{margin-left: 20%;}
#news .top .box h4{ font-size: 15px;}
#news {padding-top: 40px; padding-bottom: 40px;}
#news .top .box h5{font-size: 18px; line-height: 27px; margin-top: 20px;}
#news .c-box .txt-sec .title span{font-size:16px;}
#news .bx-lat{height: 253px;}
#news .bx-img{height: 510px;}
#news .but{padding: 25px 30px;}
#news .read{ margin-top: 4%;}

.tes .box{padding-bottom: 40px;}
.slide__text.fist {width: 40%;}
.bx-wrapper .testimonials-carousel-content p { width: 95%;}
.bx-wrapper .bx-viewport{height: 280px!important;}

}

@media only screen and (min-width : 768px) and (max-width : 1023px){ 
#banner .slider .an-lg {width: 12%;}
#banner .t-col {display: block;}
#banner .c-carousel-2:last-child, .c-carousel-2b:last-child{left:25%;}
#banner .c-box .txt-sec.txt--1 {padding-left: 80px;}
#banner .text-banner h3{font-size: 1.4em; width: 90%; line-height: 32px;}
#banner .text-banner{top: 15%;width:75%;}
#banner .slider-pagi{left: 92%;bottom: 12rem;}
#banner  .slide__bg {background-size: 100% 100%;}
#banner .slide__text{bottom: 150px; left: 70px; height: auto;}
#banner .slide__text-heading {line-height: 3.5rem; font-size: 2.5rem; text-align: left;}
#banner .slide__text.fist {width: 60%;}
#banner .slide__text {width: 60%;}
#banner .slider {height: 400px;}
#banner .css-slider-wrapper{height:400px;}
#banner .slider > img{height: 400px;}
#banner .slider .button{height: auto;position: inherit;left: 0px; right: 0px;top: auto;}
#banner .slider .button::before{display: none;}
#banner .slider .button::after{display: none;}
#banner .slider h2{font-size: 1.2em}
#banner .slider-pagination{bottom: 150px;}
#banner .slide1> div {margin-left: -19%;}

#services {padding-top: 50px; padding-bottom: 10px;}
#services p{width: 100%; line-height: 26px; margin-bottom: 17px;}
#services .top .col-md-4{margin-top: 40px}
#services .top i{font-size: 45px;}
#services .top h3 {font-size: 20px;}
#services .top { margin-top: 0%;}

/*#content {padding-bottom: 30px;}*/

#Vision .container-fluid {width: 80%; padding: 50px 0;}

.Details {padding-bottom: 50px;}
.Details .text{width: 60%; padding: 30px 50px;}
.Details .text h2 {font-size: 20px;}

#home-about{padding-top: 0px; padding-bottom: 40px}
#home-about p{margin-left: 0%; width: 100%}
#home-about h4{margin-left: 0%}
#home-about h3{margin-left: 0%;margin-top:0px;}
#home-about .read{margin-left: 0%; width: 101%;}
#home-about .bor{left: 0%; margin-top: -5%;}
#home-about .ab-i {width: 100%; margin: 0px;}
#home-about .ab-i .mySlides{padding: 20px;}
#home-about img{margin-bottom: 0%;margin-top: 0%; width: 90%;}

#testimonials .tec{margin-top: 10%;}
#testimonials {padding-top: 50px; padding-bottom: 50px;}

#news {padding-top: 30px; padding-bottom: 30px;}
#news h3>.bor{margin-left: 28%;}
#news .top .box{margin-bottom: 30px;}
#news .read{width: 25%;}
#news .but{padding: 25px;}
#news .top .box{border-right: 0px solid #86878c; border-bottom: 1px solid #86878c; border-top: 0px solid #86878c;}
#news .top .box:hover{border-bottom: 0px solid #86878c;}
#news .bx-lat img ,#news .bx-img img{min-height: auto; max-height: auto;}

#content .column{margin-bottom: 20px}
.tes .box{padding-bottom: 35px;}
.post-module .post-content{bottom: 0px}

.bg {padding: 20px 20px!important;}
.mySlides {margin-top: -8px!important;}


}

@media only screen and (min-width : 150px) and (max-width : 767px){
#banner .slider .lp {display: none;}
#banner .slider .mb {display: block;}
#banner .slider .an-lg {width: 25%;}
#banner{margin-top: 0%}
#banner .text-banner h3{font-size: 20px; width: 90%;line-height: 28px;}
#banner .text-banner{top: 30%; width: 85%;}
#banner .scroll{ display: none;}
#banner .slide__bg {background-size: 100% 100%;}
#banner .slide__text{bottom: 130px; left: 40px; height: auto; z-index: 999;}
#banner .slide__text-heading {line-height: 3rem; font-size: 2rem; text-align: left;}
#banner .slide__text.fist {width: 80%;}
#banner .slide__text {width: 80%;}
#banner .slider-pagi{left: 50%; bottom: 1rem; width: 100%; text-align: center;}
#banner .slider-container .active > div {display: block!important;}
#banner .slider {height: 400px;}
#banner .css-slider-wrapper{height:400px;}
#banner .slider > img{height: 400px;}
#banner .slider .button{height: auto;position: inherit;left: 0px; right: 0px;top: auto;}
#banner .slider .button::before{display: none;}
#banner .slider .button::after{display: none;}
#banner .slider h2{font-size: 1.2em; width: 90%; text-align: center; line-height: 1.6em; margin-left:5%;}
#banner .slide1> div {margin-left: 0%;}
#banner .slider-pagination{bottom: 10px; display: block; left: 0%; width: 100%; z-index: 1;}
#banner .slider .slick-track{right: 0;}
#banner .slider h2 {padding: 10px;}
#banner .slider .txt {margin-left: 0%; width: 60%;}
#banner .slider-pagination label {width: 12px; height: 12px;}

#services .top1{margin-top: 5%;}
#services{padding-top: 30px; padding-bottom: 0px;}
#services h3{font-size: 17px;}
#services h4 {font-size: 20px;}
#services p{width: 100%!important; line-height: 28px; font-size: 14px;}
#services .top i{font-size: 55px;}

.Details img {width: 100%; float: inherit; display: none;}
.Details {padding-bottom: 60px;}
.Details .container-fluid {width: 80%;}
.Details .text {transform: inherit; padding: 30px; width: 92%; margin-top: 0px; margin: auto; display: block;}
.Details .text h2 {transform:inherit; font-size: 24px; line-height: 34px;}

.img-test {width: 100%;}

#Vision {background-size: cover;}
#Vision .container-fluid {width: 80%; padding: 50px 0 60px;}
#Vision .text {max-height: auto; min-height: auto;}
#Vision .text p {margin-bottom: 0;}
#Vision .img-box {margin-top: 20px;}

#services .container-fluid {width: 80%;}
#services .top {margin-top: 10%;}
#services .top .col-md-4{margin-bottom: 10%;}
#services .top p{width: 100%; line-height: 28px;}
#services .top i {font-size: 55px;}
#services .top h3 {font-size: 20px; text-transform: capitalize;}
#industries{padding-top: 0px; padding-bottom: 50px;}

#home-about{padding-top: 10px; padding-bottom: 25px;}
#home-about .bor{display: none;}
#home-about h3{margin-top: 25px;margin-left: 0px;}
#home-about p{width: 100%;margin-left: 0px; margin-bottom: 25px;}
#home-about h4{font-size: 25px;margin-left: 0px;}
#home-about .read{margin-left: 0px; width: 100%;}
#home-about img{margin-top: 0%; width: 100%; margin: auto; display: block; float: none;}
#home-about .ab-i{width: 100%; margin: auto;}

#testimonials .tec{margin-top: 0%}
#testimonials .box{padding-top: 25px; padding-bottom: 30px;}
#testimonials {padding-top: 60px; padding-bottom: 60px;}
.testimonials-slide {position: initial;}
.bg {transform:inherit;}
.testimonials-box .slideshow-container .mySlides .bg p {transform:inherit;}
.post-module .post-content .title {font-size: 22px;}

.bx-wrapper .bx-viewport{height: 320px!important;}
.bx-wrapper .testimonials-carousel-content p{width: 100%}

button.accordion{font-size: 16px; padding: 10px;}
button.accordion:after{font-size: 10px;}

#news h3 {font-size: 25px;}
#news {padding-top: 10px; padding-bottom: 20px;}
#news h3>.bor{width: 30%; margin-top: -11px; margin-left: 58%;}
#news .top {margin-top: 10%;}
#news .top .box h4{font-size: 15px; padding: 8px;}
#news .top .box h5{font-size: 19px; line-height: 22px; margin-top: 15px;}
#news .top .box{padding: 25px; padding-top: 20px; margin-bottom: 30px;}
#news .read{width: 100%}
#news .top .box .bor1{margin-top: 20px;margin-bottom: 20px;}
#news .top .box p.dt {font-size: 16px; line-height: auto;}
#news .bx-lat img, #news .bx-img img{max-height: auto; min-height: auto;}
#news h3.bx ,#news .bx1 {width: auto; text-align: center;}
#news .bx-lat ,#news .bx-img {height: auto;}
#news .top .box{border-right: 0px solid #86878c;border-bottom: 1px solid #86878c;border-top: 0px solid #86878c;}
#news .top .box:hover{border-bottom: 0px solid #86878c;}
#news .news-slider .with-caption h3{font-size: 16px;}

#content {padding-top: 30px; padding-bottom: 10px}
#content .column {margin-bottom: 30px;}
#content .container-fluid {width: 80%;}

.tec{width: 100%}
.tec h3{font-size: 1.5em;}
.tec p{font-size: .9em;}

.slider-pagination{bottom: 183px;}
.banner-slider .banner-slider-inner .banner-slider-contents>img{min-height: 330px; background: 50%/cover no-repeat #000;}
.tes .box{padding-right: 0px; padding-left: 0px; padding-bottom: 30px;}
.bx-wrapper .testimonials-name{width: 100%; font-size: 18px;}
.bx-wrapper span{font-size: 13px; margin-left: 0px;}

.scroll{margin-top: 0 !important;}

.panels{transform: skew(0deg);}
.panels p{transform: skew(0deg);}

.c-carousel-2:last-child, .c-carousel-2b:last-child{width: 350px !important;}
.slick-slider .slick-list{right: 30px;}

.t-col {display: block;}
.c-box .txt-sec.txt--1{padding-left: 0;}
.c-carousel-4 {padding: 0px 90px; width: 350px !important ;}
.c-carousel-4 .slick-arrow.slick-next { right: 40px;}


.exhibition {padding-bottom: 40px;}
.exhibition .container-fluid {width: 80%;}
.exhibition .bg {padding: 1px;}

.video {padding: 10px;}


}

@media only screen and (max-width: 375px) {

#banner .text-banner {top: 25%;}
#banner .text-banner h3{width:85%;}

#services .top i{font-size: 50px;}

.c-carousel-2:last-child, .c-carousel-2b:last-child{width: 300px !important;}
.c-box{overflow: hidden;}
.slick-slider .slick-list, .slick-slider .slick-track{right: 10%;}
.slick-slide h2 { font-size: 22px;}
.c-carousel-4 { padding: 0px 60px; width: 300px !important;}
.c-carousel-4 .slick-arrow.slick-prev { left: -15px;}
.c-carousel-4 .slick-arrow.slick-next { right: 45px;}
.bx-wrapper .bx-viewport {height: 395px!important;}



}

@media only screen and (max-width: 320px) {

#banner .text-banner {top: 20%;}
#banner .slide__text {bottom: 91px;}
#banner .slider {height: 350px;}

#news h3>.bor {width: 24%; margin-top: -11px; margin-left: 75%;}
#news .top .box .new{width: 100%}
#news .top .box {padding: 0px;}
#news .container-fluid { width: 95%;}

#services .top h3 {font-size: 20px;}
#services .testimonials-carousel-content p{width: 100%}

.bx-wrapper .bx-viewport {height: 470px!important;}
.tec {transform: skew(0deg);}
.tec:hover{transform: skew(0deg);}
.tec h3{transform: skew(0deg);}
.tec p{transform: skew(0deg);}
.css-slider-wrapper{height:350px;}
.slider > img{height: 350px;}
.tab{padding: 10px 10px;}


}