main {
  clear: both;
}
.zonegutter{padding-top:20px;padding-bottom:20px}
.center--e{
  margin: auto;
}
.round{
  border-radius: 5px;
}
.slim{font-weight:300}
.small{font-size:.8em}
.medium{font-size:.9em}
.font--brand2{font-family: 'Roboto Slab', sans-serif}
/* Backgrounds */
.bg--brown{background-color:#FECEAB}
.bg--orange{background-color: #f7941d}
.bg--red{background-color: #f7941d}
.bg--blue { background-color:#00AEEF}
.bg--white { background-color:#fff; }
.bg--grey {background:#626f7a}
.bg--black { background-color:#2A363B }
.bg--silver{background-color:rgba(41,54,59,0.05)}
/* Colors */
.brown{color:#FECEAB}
.newscontent h4,
.newscontent h3,
.job_details h4,
.job_details h3,
a:hover,
.red{color:#f7941d;}
.orange{color: #f7941d}
.blue { color: #00AEEF}
.copy a,
.grey {color:#999}
.white{color:#fff }
.silver{color:rgba(255,255,255,0.85)}
.black { color:#2A363B; }
.overflow{overflow:hidden;}
.n-container{
  max-width:700px
}
.lh13{
  line-height:1.3
}
.container--m{
  max-width:860px;
  margin: 0 auto;
}
.news__thumb {
  height: 0;
  padding-bottom: 56%
}
.testi--item:after {
  height:40px;
  display:block;
  content: '';
  left:0;
  right:0;
  bottom:0;
  position: absolute;
  background: rgb(255,255,255);
  background: linear-gradient(180deg, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%);
}
.testi--item.active {height: auto;background:rgba(255,255,255,1)}
.testi--item.active .testi--arrow,
.testi--item.active:after {display:none}
.testi--item {
  height: 130px;
  padding: 15px;
  margin-bottom: 15px;
  background:rgba(255,255,255,.85)
}
.testi__wrap:hover .testi--item{
  background:rgba(255,255,255,1);
  box-shadow: 5px 10px 10px #000
}
.testi--arrow:after{
   content: '\e806';
   position: absolute;
   z-index: 2;
   bottom: 5px;
   left: 45%;
   transform: rotate(-90deg);
   cursor: pointer;
   font-family: "simicon";
  font-style: normal;
  font-weight: normal;
  speak: none;
  display: inline-block;
  text-decoration: inherit;
  width: 1em;
  text-align: center;
  font-variant: normal;
  text-transform: none;
  line-height: 1em;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-display: swap;
  font-size:22px;
}
.quote__mark{
  color: #00AEEF;
  z-index: 2;
  font-size:120px;
  font-family: Arial;
  margin-left:15px;
  line-height:1;
  margin-bottom: -90px;
}
a{
  -webkit-transition: all 0.1s linear;
  transition: all 0.1s linear;
  text-decoration:none;
  color: #111
}
/* animation */
.ani--all{
    transition: all 0.3s;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
}
.ani--clr{
  -webkit-transition: color .15s ease-in;
          transition: color .15s ease-in;
}
.ani--bg{
  -webkit-transition: background-color .15s ease-in;
          transition: background-color .15s ease-in;
}
.border {border: 1px solid #edf2f1}
.line{display: inline-block; height:1px; width: 100%; background: #ccc}

body.common-home{padding-top:0}
/*header*/
#header{
  top:0;
  left:0;
  right:0;
  z-index: 9999;
  transition:all .2s
}

#language{
  margin-top:30px;
  margin-left: 15px;
}
a.header__inquiry{
    background: -webkit-gradient(linear,left top,right top,from(#ff8a00),to(#da1b60));
    background: linear-gradient(to right,#ff8a00,#da1b60);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    -webkit-box-decoration-break: clone;
    box-decoration-break: clone;
  }
#header__search{margin: 30px 10px 0 10px;}
.lang{ margin-right: 15px;letter-spacing:.1em}
.lang:hover,
.lang--active{ text-decoration:underline; }

#topmenu{margin:20px 35px 0 0}
#topmenu a{
  color:#fff;display: block;padding:10px 15px;font-weight:600
}
#header.spinned #topmenu a:hover,
#topmenu a:hover{
  color: #ef7f22;
}
.slideshow__wrap{z-index:1}
.tns-nav{
  position:absolute;
  bottom:30px;
  left:120px;
  z-index:2
}
.tns-nav button::before{
  border:1px solid #888;
  width:16px;
  height:16px;
  display:block;
  content:'';
  border-radius:50%;
}
.tns-nav button.tns-nav-active::before{border-color: #f7941d}
.tns-nav button{
  border:0;
  background:none;border-radius:50%;width:48px;height:48px;margin:1px;padding:0;}
.tns-nav button.tns-nav-active{border-color: #f7941d}
.slideshow__wrap .tns-slide-active img{
  animation: zoom 25s linear infinite;
}
.slide__desc {z-index:2;max-width:550px;bottom:100px;left:50%;transform: translateX(-50%);}
.slide__desc--left {
  left:120px;
  transform: translateX(0);
  margin-left:0;
}

.related__name {
  height: 50px
}
@-webkit-keyframes zoom {
    from {
      -webkit-transform: scale(1,1);
    }
    to {
      -webkit-transform: scale(1.1,1.1);
    }
}

/* Standard syntax */
@keyframes zoom {
   from {
        transform: scale(1,1);
   }
   to {
        transform: scale(1.1,1.1);
   }
}
.scroll-downs {
  right:120px;
  bottom:30px;
  width :22px;
  height:38px;
  z-index: 2
}
.mousey {
  width: 3px;
  padding: 7px;
  height: 20px;
  border: 1px solid #fff;
  border-radius: 9px;
  opacity: 0.75;
  box-sizing: content-box;
}
.scroller {
  width: 2px;
  height: 10px;
  border-radius: 25%;
  background-color: #fff;
  animation-name: scroll;
  animation-duration: 2.2s;
  animation-timing-function: cubic-bezier(.15,.41,.69,.94);
  animation-iteration-count: infinite;
}
@keyframes scroll {
  0% { opacity: 0; }
  10% { transform: translateY(0); opacity: 1; }
  100% { transform: translateY(15px); opacity: 0;}
}
.live__support img{width:16px}
.live__support{
    right: 30px;
    bottom: 70px;
    z-index: 10;
    will-change: transform;
    background:#f7941d;
    width: 40px;
    height: 40px;
    line-height: 40px;
    box-shadow: 3px 5px 5px #ccc;
    border: 3px solid #fff;
}
.animated {
    -webkit-animation-duration: 1s;
    -moz-animation-duration: 1s;
    -o-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    -moz-animation-fill-mode: both;
    -o-animation-fill-mode: both;
    animation-fill-mode: both;
}
.alo-circle {
    animation-iteration-count: infinite;
    animation-duration: 1s;
    animation-fill-mode: both;
    animation-name: zoomin;
    width: 50px;
    height: 50px;
    top: -6px;
    right: -8px;
    position: absolute;
    background-color: transparent;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
    border: 2px solid rgba(30,30,30,0.4);
    opacity: .1;
    border-color: #f7941d;
    opacity: .5;
}
.alo-circle-fill {
    animation-iteration-count: infinite;
    animation-duration: 1s;
    animation-fill-mode: both;
    animation-name: pulse;
    width: 60px;
    height: 60px;
    top: -11px;
    right: -13px;
    position: absolute;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
    border: 2px solid transparent;
    background-color: #ef7f22;
    opacity: .75;
}
/* Zoom in Keyframes */
@-webkit-keyframes zoomin {
    0% {transform: scale(1);}
    50% {transform: scale(1.5);}
    100% {transform: scale(1);}
  }
  @keyframes zoomin {
    0% {transform: scale(1);}
    50% {transform: scale(1.5);}
    100% {transform: scale(1);}
  } /*End of Zoom in Keyframes */

  /* Zoom out Keyframes */
  @-webkit-keyframes zoomout {
    0% {transform: scale(1);}
    50% {transform: scale(0.67);}
    100% {transform: scale(1);}
  }
  @keyframes zoomout {
      0% {transform: scale(1);}
    50% {transform: scale(0.67);}
    100% {transform: scale(1);}
  }/*End of Zoom out Keyframes */
  @-webkit-keyframes pulse {
    0% {
      -webkit-box-shadow: 0 0 0 0 rgba(204,169,44, 0.4);
    }
    70% {
        -webkit-box-shadow: 0 0 0 10px rgba(204,169,44, 0);
    }
    100% {
        -webkit-box-shadow: 0 0 0 0 rgba(204,169,44, 0);
    }
  }
  @keyframes pulse {
    0% {
      -moz-box-shadow: 0 0 0 0 rgba(204,169,44, 0.4);
      box-shadow: 0 0 0 0 rgba(204,169,44, 0.4);
    }
    70% {
        -moz-box-shadow: 0 0 0 10px rgba(204,169,44, 0);
        box-shadow: 0 0 0 10px rgba(204,169,44, 0);
    }
    100% {
        -moz-box-shadow: 0 0 0 0 rgba(204,169,44, 0);
        box-shadow: 0 0 0 0 rgba(204,169,44, 0);
    }
  }

.live__support:hover + .support__wrap{
    visibility: visible;
    animation: scale-in 0.5s;
}
.support__wrap{
    visibility: hidden;
    position: fixed;
    right: 10px;
    width: 150px;
    padding-bottom:60px;
    bottom: 70px;
    z-index: 100;
}
.support__wrap a:hover{
    color:#fff
}
.support__wrap:hover{
    visibility: visible!important;
    opacity: 1!important;
}
@keyframes bot-to-top {
    0%   {bottom:-40px}
    50%  {bottom:40px}
}

@keyframes scale-in {
    from {transform: scale(0);opacity: 0;}
    to {transform: scale(1);opacity: 1;}
}

@keyframes rotate-in {
    from {transform: rotate(0deg);}
    to {transform: rotate(360deg);}
}

@keyframes rotate-out {
    from {transform: rotate(360deg);}
    to {transform: rotate(0deg);}
}
.support__wrap a{
    display: block;
    padding: 7px 10px;
    margin-bottom: 5px;
    box-shadow: 1px 0 2px rgba(0,0,0,.1);
    border-radius: 16px;
    color: #fff
}
.support__wrap a i{
  float: left;
  font-size: 24px;
  margin-top: -7px;
  color: #fff;
  margin-left: 2px;
  margin-right: 6px;
}
.facebookchat{
    background: #0084FF;
}
.support__viber{
    background:url(viber.png) 10px 1px #7d3daf no-repeat;
    background-size: 32px;
    padding-left: 45px !important;
}
.support__zalo{
    background: url(icon-zalo.png) 10px -3px #008fe6 no-repeat;
    background-size: 32px;
    padding-left: 45px !important;
}
.support__live{
    background:#d8096f
}
.support__whatsapp{
  background:url(icon-whatsapp.png) 13px 5px #25D366 no-repeat;
  background-size: 24px;
  padding-left: 45px !important;
}
.support__phone {
    background:#f7941d
}
.slide__btn{
  background:rgba(0,0,0,0.3);
  padding: 5px 20px;
  letter-spacing: 0.05em;
  transition: background .3s
}
.slide__btn:hover{
  background: #f7941d; /*rgba(0,0,0,0.95);*/
  transition: background .3s
}
.hassub{
  position:relative;
}
.hassub ul:before{
    content: '';
    z-index: -1;
    display: block;
    position: absolute;
    border-left: 1px solid #eee;
    border-top: 1px solid #eee;
    left: 50%;
    top: -5px;
    height: 10px;
    width: 10px;
    padding: 0;
    background: #fff;
    border-top-left-radius: 3px;
    -webkit-transform: translateX(-12px) rotateZ(45deg);
    transform: translateX(-12px) rotateZ(45deg);
}
.hassub ul{
  display:none;
  top:100%;
  z-index:9;
  border-radius:4px;
  position:absolute;
  width:240px;
  padding:10px 0 5px;
  left:50%;
  border:1px solid #eee;
  margin:0 0 0 -120px;
  background:#fff;
  transition: all .2s
}
#topmenu .hassub ul li{display:block}
#topmenu .hassub ul a{
  color: #666;
  font-size: 15px;
  font-weight:400;
  display:block;
  padding: 5px 15px;
}
#topmenu .hassub ul a:hover{
  color:#f7941d;
  background:#eee;
}
.hassub:hover ul{
  display:block;
}
#menubutton {
  top: 15px;
  float: right;
  right: 15px;
}
#menubutton:hover{margin-top:-3px}
#menubutton:hover em{
  margin:6px 0 5px;
}
#menubutton em{
  height: 2px;
  margin: 7px 0 5px;
  display:block;
  background:#f7941d;
  width: 32px;
  transition:all .2s
}
#menu-close{
    z-index:999999;
    position:fixed;
    top:10px;
    right:0;
    left: 220px;
    bottom:0;
    overflow: hidden;
    margin: 0;
    text-align:left;
    cursor:pointer;
}
#header__search-wrap{
  right:-63px;
  padding:10px;
  width:280px;
  top:70px;
}
.header__search-wrap-btn{
  right: 13px;
  cursor: pointer;
  bottom: 13px;
}
#header__search-input{
  border:1px solid #ccc;
  padding:3px 10px;
}
.arr{
  top: -11px;
    right: 73px;
    z-index: 10;
    display: block;
    width: 20px;
    height: 11px;
    background:url(icon-arr.png) no-repeat;
}
#header{top:0;background-color: #fff;border-bottom:1px solid #ddd;padding:5px 0;}
#header #logo{background:none}
#header #logoimg{opacity:1;max-height:55px}
#header #topmenu{
    margin-top: 5px
}
#header a.header__inquiry{margin-top:12px;margin-right: 60px}
#header #language,
#header #header__search{margin-top:15px;color:#777;}
#header #language a,
#header #topmenu a{color:#333}
.box__title--under:after{
  content:"";
  width:40px;
  background-color:#f4837d;
  height:2px;
  display: block;
}
.box__title--under_center:after{
  content:"";
  width:40px;
  background-color:#f4837d;
  height:2px;
  display: block;
  margin: 10px auto;
}
.box--featured{
  max-width:920px;
  margin: 0 auto;
}
.box--featured__title{
  font-size: 2em;
}
.box__desc{
  margin-bottom:20px;
  max-width:500px;
  margin:0 auto 40px;
}
.product--home:hover{
  box-shadow: 0px 5px 10px rgba(253,206,169,0.59);
  background-image: linear-gradient(to bottom, #f4837d, #f4837d);
}
.product--home{
  padding:1px;
  border-radius:4px;
  box-shadow: 0px 24px 40px rgba(253,206,169,0.19);
  transition: all .5s;
  padding: 1px;
  border-radius: 4px;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#fdcea9), to(#f4837d));
  background-image: -webkit-linear-gradient(top, #fdcea9, #f4837d);
  background-image: linear-gradient(to bottom, #fdcea9, #f4837d);
}
.product--home__in{padding: 20px;border-radius:5px;min-height:233px}
.product--home--even{
  margin-top:40px;
}
.product__icon{
  font-size:54px;
  display: block;
}
.product__shortname{
  text-decoration:underline;
}

.btn{
    border:none;
    color: rgba(255,255,255,0.95);
    cursor: pointer;
    display: inline-block;
    font-size: 11px;
    font-weight: 400;
    letter-spacing: 0.01em;
    line-height: 1.4;
    max-width: 100%;
    overflow: hidden;
    padding: 5px 12px;
    text-align: center;
    text-decoration: none;
    text-overflow: ellipsis;
    text-transform: uppercase;
    transition: all 360ms ease;
    white-space: nowrap;
}
.btn:hover{
  color:#fff;
  background-color:#ea495f;
}

.box__title-news{
  font-size: 2em
}
.news{
  transition:all .3s ease-in-out;
  border:1px solid #dedede;
}
.news:hover{
  box-shadow: 1px 5px 15px 0 rgba(0,0,0,.22)
}
.media img,
.news img{
  transition:all 1s ease-in-out;
      -webkit-transition: all 1s ease-in-out;
  -moz-transition: all 1s ease-in-out;
  -o-transition: all 1s ease-in-out;
  -ms-transition: all 1s ease-in-out;
}
.media:hover img,
.news:hover img{
  transition:all 1s ease-in-out;
  -webkit-transition: all 1s ease-in-out;
  -moz-transition: all 1s ease-in-out;
  -o-transition: all 1s ease-in-out;
  -ms-transition: all 1s ease-in-out;
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);
}
.spacing2{letter-spacing:.1em}
.news__wrap{
  height: 160px;
  padding: 0 15px 10px;
}
.news__other--wrap{
  height:125px
}
.news:hover i.hide{
  display:inline-block;
  margin-left:-10px;
}
a.news__link {
  height: 65px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.news__arrow em{
  content:"";
  width:20px;
  margin-top:11px;
  margin-right:2px;
  height:1px;
  display:block;
  float:left;
  background-color: #f4837d
}
.news__arrow{height:20px}
.partners__wrap .tns-nav{
  bottom: 20px;
  left:50%;
  width:300px;
  margin-left:-150px;
  text-align:center;
}
/* extra */
.container--child {
  max-width:920px;
  padding-left:15px;
  padding-right:15px
}
.cover__banner {
  top:0;
  left:0;
  right:0;
  z-index:-1
}
.cover__banner:after {
  content:"";
  position: absolute;
  left:0;
  right:0;
  top:0;
  bottom:0;
  background:rgba(0,0,0,.3);
  z-index:0
}
.vspace {
  height:70px
}
.newscontent .related__news a {
  border-bottom: 1px dotted #fdcea9
}
.newscontent .related__news ul li {
  padding-left: 1.2em;
  font-size: 15px
}
.card {
  padding-left: 20px;
  padding-right: 20px;
  background: url(email_env.png) repeat-x white;
  background-position: 0 0;
  -moz-box-shadow: rgba(0,0,0,.17) 0 5px 13px;
  -webkit-box-shadow: rgba(0,0,0,.17) 0 5px 13px;
  -o-box-shadow: rgba(0,0,0,.17) 0 5px 13px;
  -ms-box-shadow: rgba(0,0,0,.17) 0 5px 13px;
  box-shadow: rgba(0,0,0,.17) 0 5px 13px;
}
.card textarea,
.card input {
  margin-top:10px;
  border:1px solid #ddd;
  padding:.3em .8em;
}
.btn--large {padding:.5em 1em;font-size:1em;margin-top:10px;}
.captcha {margin-top: 5px}
.newscontent {
  font-size:1.1em
}
.media a:hover{
  color:#f7941d
}
.newscontent h4{
  font-size:1em
}
.newscontent a{
  border-bottom:2px solid #fdcea9
}
.newscontent a:hover{
  border-bottom-color:#f4837d;
  color:#ea495f
}
.newscontent ul {
  list-style: none;
  padding: 0;
  margin: 0;
}

.newscontent ul li {
  padding-left: 2em;
  text-indent: -.7em;
}
.newscontent ul li::before {
    content: "•";
    margin-left: -10px;
    color: #f7941d;
    font-size: 1.5em;
    line-height: 1;
    margin-right: 8px;
}
.catname{padding:6px 20px;margin-top:25px;}
.list{
  border-top:3px solid #ea495f;
}
.list a:hover{
  color: #ea495f;
}
.tags a{
  margin-right:20px
}
/*product*/
.product--item {
  height: 420px
}
.cta__product {
  border-radius: 4px;
  padding: 10px;
  color: #f7941d;
  border: 1px solid #ef7f22
}
#order_form{
  z-index:999;
  background: #fff;
  padding:15px;
  width:420px;
  max-width:100%;
  margin-left: auto;
  margin-right: auto;
}
#order_form label{
  display: block;
  font-size:12px;
  margin-top:5px;
  cursor: pointer;
  font-weight: 700;
}
#order_form textarea,
#order_form input{
  width:100%
}
/* rate vote */
.rate_widget {
    overflow: visible;
    position: relative;
}

.ratings_stars {
    background: url(star-off.png) no-repeat;
    float: left;
    height: 18px;
    padding: 2px;
    width: 18px;
}

.ratings_vote {
    background: url(star-on.png) no-repeat;
}

div.hover_green {
    cursor: pointer;
    background: url(star-highlight.png) no-repeat;
}

.total_votes {
    background: #eaeaea;
    top: 58px;
    left: 0;
    padding: 5px;
    position: absolute;
}
.pagination li.last-page, .pagination li.first-page{display: none}
.breadcrumbs,
.breadcrumbs a{
  color:#999
}
.breadcrumbs a:hover {
  text-decoration:underline
}
.success, .warning, .attention, .help {
  padding: 10px;
  margin-bottom: 15px;
  color: #555;
}
.success {
  background:#99b998;
}
.warning {
  color:#fff;
  background: rgb(202, 60, 60);
}
.attention {
  color:#fff;
  background: rgb(223, 117, 20);
}
.required:after {
  content: " *";
  display:inline;
  color: #FF0000;
  font-weight: bold;
}
.error {
  display: block;
  color: #FF0000;
  padding: 5px;
}
.help {
  background: rgb(66, 184, 221);
}

.pagination {
  padding-top:8px;
  display:inline-block;
  width:100%;
  margin-bottom:10px;
}
.pagination a:hover {
  background:#ea495f;
  color:#fff;
  border:1px solid #ea495f;
}
.pagination a {
    -webkit-transition: background-color .2s ease-out;
  -moz-transition: background-color .2s ease-out;
  -o-transition: background-color .2s ease-out;
  transition: background-color .2s ease-out;
  display:inline-block;
  padding:4px 10px;
  text-decoration:none;
  border:1px solid #eee;
}
.pagination b {
  display:inline-block;
  border:1px solid #269BC6;
  padding:4px 10px;
  font-weight:normal;
  text-decoration:none;
  color:#ea495f;
  background:#fff;
}
.pagination .results {
  display:none;
}
.pagination ul{
  float:left;
  margin:0;
  padding:0
}
.pagination li{
  list-style:none;
  padding:1px;
  margin:0;
}
.pagination li{
  display:inline-block
}
.footer__privacy {
  margin: 15px 15px 15px 0;
  color: #f7941d;
  display: inline-block;
}
footer hr{
  margin-top:-15px;
  background:rgba(255,255,255,.2);
}
.footer__address p{
  margin:10px 0 0 0;
  line-height:1.3
}
.footer__social a{margin-right:10px;display:inline-block;}
.footer__social a:hover{color: #f7941d}
.footer__newsletter-col{
  padding-left:25px;
  padding-right:25px;
}
#subscribe_email{
  padding: 5px 10px;
  margin: 10px 0 18px;
  background:none;
  border:1px solid rgba(255,255,255,.2);
}
#subscribe_email:hover::-webkit-input-placeholder,
#subscribe_email:focus,
#subscribe_email:hover{
    border-color:rgba(253,206,169,.5);
    color:#fff;
}
#frm_subscribe:hover .subscribe_button,
.subscribe_button:hover{
  color: #f7941d
}
.subscribe_button{
    font-size: 20px;
    right: 8px;
    height: 48px;
    width: 48px;
    bottom: 0;
}
.footer_menu a {
  font-size: 13px;
  display: inline-block;
  margin-bottom: 10px;
  color: #999;
}
.footer_menu a:hover {
  color: #f7941d;
}
/* share social */
.shareme a {
  padding:5px 10px;
  font-size:11px;
  display:inline-block;
  color:#fff;
  margin-right:7px;
}
.shareme a:hover{
    opacity:.5
  }
  a.face-icon {background-color: #5d82d1}
  a.twitter-icon {background-color:#40bff5}
  a.plus-icon {background-color:#eb5e4c}
  .shareme.small a {
    padding:3px 12px;
    margin-right:0
  }


 [class^="icon-"]:before, [class*=" icon-"]:before {
  font-family: "simicon";
  font-style: normal;
  font-weight: normal;
  speak: none;
  display: inline-block;
  text-decoration: inherit;
  width: 1em;
  text-align: center;
  font-variant: normal;
  text-transform: none;
  line-height: 1em;
 -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-display: swap;
 }


.icon-search:before { content: '\e800'}
.icon-home:before { content: '\e801'}
.icon-basket:before { content: '\e802'}
.icon-mail:before { content: '\e803'}
.icon-linkedin:before { content: '\e804'}
.icon-right:before { content: '\e805'}
.icon-left:before { content: '\e806'}
.icon-up-big:before { content: '\e807'}
.icon-calendar:before { content: '\e808'}
.icon-eye:before { content: '\e809'}
.icon-award:before { content: '\e80a'}
.icon-award-1:before { content: '\e80b'}
.icon-phone:before { content: '\e80c' }
.icon-article:before { content: '\e80d'}
.icon-cancel:before { content: '\e80e'}
.icon-trash-empty:before { content: '\e80f'}
.icon-edit:before { content: '\e810'}
.icon-diamond:before { content: '\e811'}
.icon-users-outline:before { content: '\e812'}
.icon-hammer:before { content: '\e813'}
.icon-ok:before { content: '\e814'}
.icon-spin6:before { content: '\e839'}
.icon-warehouse:before { content: '\e840'}
.icon-location:before { content: '\f031'}
.icon-facebook:before { content: '\f09a'}
.icon-youtube:before { content: '\f167'}
.icon-instagram:before { content: '\f16d'}
.icon-right-1:before { content: '\f178'}
.icon-fax:before { content: '\f1ac'}
.icon-paper-plane:before { content: '\f1d8'}
.icon-balance-scale:before { content: '\f24e'}
.icon-volume-control-phone:before { content: '\f2a0'}
.icon-user-o:before { content: '\f2c0'}
.icon-twitter:before { content: '\f309'}
.icon-gplus:before { content: '\f30f'}
.inquiry__wrap{
  padding-left: 30px;
  padding-right: 30px;
}
.inquiry__address{
  border: 1px solid #FECEAB;
  margin-bottom:20px;
  padding: 15px;
}
.inquiry__address h5,
.inquiry__address p{margin:5px 0;}
.inquiry__form label{
  color: #454545;
  margin-top: 10px;
  font-size: .95em;
  font-weight: 600;
}
.checkb{margin-right:5px;float:left;}
.inquiry__form label.inline2{
  font-weight: 400;
  font-size:14px;
  line-height:1.3;
  margin-top:1px;
  word-break:normal;
  display:flex;
}
.inquiry__form textarea,
.inquiry__form input{
  margin-bottom:10px;
  border:1px solid #ddd;
  box-shadow: inset 0 1px 2px rgba(0,1,4,.1)
}
.shadow{
  text-shadow: 0 1px 1px #000
}

.bg--waves{
  position:relative;
}
.bg--waves:after{
    content : "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    background:url(customer-bg.jpg);
    width: 100%;
    height: 100%;
    opacity : 0.4;
    z-index: -1;
}

.postion_filter {
  height: 44px;
  padding: 10px 15px;
  min-width:50%;
  border: 1px solid #ccc;
}

.job__filter .ss-main .ss-multi-selected .ss-values .ss-value {
  background: #ccc
}
.job__filter .ss-main .ss-multi-selected {
  min-height: 44px;
  border-radius:0;
  border-color: #ccc
}
.job__filter .ss-main .ss-multi-selected .ss-add {margin-top: 15px}
.filter_zone--wrap {
  display: inline-block;
  margin: 0 15px;
  width: calc(50% - 127px);
}

.job__item:hover {
  border-color: #f4837d
}
.job__state {
  border-radius: 3px;
  padding: 5px 12px;
  margin-top:-20px;
  color: #f7941d;
  border: 1px solid #f7941d
}
.job__urgent {
  background:#25c16f;
  display: block;
  color: #fff;
  left: -18px;
  border-radius: 3px;
  font-size: 11px;
  top: 6px;
  padding: 3px 15px;
  transform: rotate(-45deg);
}
.job__filter {
  padding: 3px 19px 15px 19px;
  border: 1px solid #e2e4e5;
  box-shadow: 0px 0px 10px 0px rgb(0 0 0 / 10%);
  margin: 10px 0;
  background-color: #ffffff;
}
.checkbox {
  --background: #fff;
  --border: #D1D6EE;
  --border-hover: #f7941d;
  --border-active: #f7941d;
  --tick: #fff;
  position: relative;
  display: block;
  float: left;
  padding: 3px 0;
  clear:both;
  height: 20px
}
.checkbox input,
.checkbox svg {
  width: 16px;
  height: 16px;
  display: inline-block;
}
.checkbox input {
  cursor: pointer;
  -webkit-appearance: none;
  -moz-appearance: none;
  position: relative;
  outline: none;
  float: left;
  background: var(--background);
  border: none;
  margin: 0 10px 0 0;
  padding: 0;
  cursor: pointer;
  border-radius: 4px;
  transition: box-shadow 0.3s;
  box-shadow: inset 0 0 0 var(--s, 1px) var(--b, var(--border));
}
.checkbox input:hover {
  --s: 2px;
  --b: var(--border-hover);
}
.checkbox input:checked {
  --b: var(--border-active);
}
.checkbox svg {
  pointer-events: none;
  fill: none;
  stroke-width: 2px;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke: var(--stroke, var(--border-active));
  position: absolute;
  top: 0;
  left: 0;
  width: 16px;
  height: 16px;
  transform: scale(var(--scale, 1)) translateZ(0);
}
.checkbox.path input:checked {
  --s: 0;
  border:1px solid #ccc;
}
.checkbox.path input:checked + svg {
  --a: 16.1 86.12;
  --o: 102.22;
}
.checkbox.path svg {
  stroke-dasharray: var(--a, 86.12);
  stroke-dashoffset: var(--o, 86.12);
}
.checkbox.bounce {
  --stroke: var(--tick);
}
.checkbox.bounce input:checked {
  --s: 11px;
}
.checkbox.bounce input:checked + svg {
  -webkit-animation: bounce 0.4s linear forwards 0.2s;
          animation: bounce 0.4s linear forwards 0.2s;
}
.checkbox.bounce svg {
  --scale: 2;
}

@-webkit-keyframes bounce {
  50% {
    transform: scale(1.2);
  }
  75% {
    transform: scale(0.9);
  }
  100% {
    transform: scale(1);
  }
}

@keyframes bounce {
  50% {
    transform: scale(1.2);
  }
  75% {
    transform: scale(0.9);
  }
  100% {
    transform: scale(1);
  }
}
.range-slider {
    width: 100%;
    margin: auto;
    text-align: center;
    position: relative;
    height: 3em;
}
.range-slider svg,
.range-slider input[type="range"] {
    position: absolute;
    left: -5px;
    bottom: 0;
}
.right input[type="number"] {text-align: right}
input[type="number"] {
    border: 0;
    padding:0;
    font-size: 11px;
}
input[type="number"]:invalid,
input[type="number"]:out-of-range {
    border: 2px solid #ff6347;
}
input[type="range"] {
    -webkit-appearance: none;
    width: 100%;
}
input[type="range"]:focus {
    outline: none;
}
input[type="range"]:focus::-webkit-slider-runnable-track {
    background: #ccc;
}
input[type="range"]:focus::-ms-fill-lower {
    background: #ccc;
}
input[type="range"]:focus::-ms-fill-upper {
    background: #ccc;
}
input[type="range"]::-webkit-slider-runnable-track {
    width: 100%;
    height: 5px;
    cursor: pointer;
    animate: 0.2s;
    background:#ccc;
    border-radius: 1px;
    box-shadow: none;
    border: 0;
}
input[type="range"]::-webkit-slider-thumb {
    z-index: 2;
    position: relative;
    box-shadow: 0px 0px 0px #000;
    border: 1px solid #999;
    height: 18px;
    width: 18px;
    border-radius: 25px;
    background: #ddd;
    cursor: pointer;
    -webkit-appearance: none;
    margin-top: -7px;
}
input[type="range"]::-moz-range-track {
    width: 100%;
    height: 5px;
    cursor: pointer;
    animate: 0.2s;
    background: #ccc;
    border-radius: 1px;
    box-shadow: none;
    border: 0;
}
input[type="range"]::-moz-range-thumb {
    z-index: 2;
    position: relative;
    box-shadow: 0px 0px 0px #000;
    border: 1px solid #2497e3;
    height: 18px;
    width: 18px;
    border-radius: 25px;
    background: #ccc;
    cursor: pointer;
}
input[type="range"]::-ms-track {
    width: 100%;
    height: 5px;
    cursor: pointer;
    animate: 0.2s;
    background: transparent;
    border-color: transparent;
    color: transparent;
}

input[type="range"]::-ms-fill-lower,
input[type="range"]::-ms-fill-upper {
    background: #ccc;
    border-radius: 1px;
    box-shadow: none;
    border: 0;
}
input[type="range"]::-ms-thumb {
    z-index: 2;
    position: relative;
    box-shadow: 0px 0px 0px #000;
    border: 1px solid #2497e3;
    height: 18px;
    width: 18px;
    border-radius: 25px;
    background: #ccc;
    cursor: pointer;
}

.job__searchbtn {
  border:1px solid #f7941d;
  font-weight:bold;
  padding: 0;
  background: #fff;
  color: #f7941d;
  padding: 10px 20px;
}

.jobs__meta{
  border-bottom:2px solid #f7941d;
}
.job__or:after{
  content:'';
  margin-top: -15px;
  background: #ddd;
  height:1px;
  width: 100%;
  display: block;
}
.job__closed {
  background: #ddd;
  padding: 5px;
  border-radius: 4px;
  text-align: center;
  margin: 15px 0;
}
.job__or {text-align: center;margin: 0 0 10px 0}
.job__or span{
  background: #fff;
  padding: 5px 15px;
  display: inline-block;
  margin: 0 auto;
}
.line__dashed {
  margin: 15px 0;
  height: 0;
  border-top: 2px dashed #eee;
}
#apply{
  max-width:100%;
  width:480px;
  position: fixed;
  top:0;
  transform: translate(-50%);
  left: 50%;
  z-index:10
}
.date{width:100px}
.job_form{
  padding: 20px;
}
#apply input[type="file"]{
  padding:0;
  border:none;
}
.job_form textarea,
.job_form input{
  border:1px solid #ccc;
  margin-bottom: 10px
}
a.btn:hover{
  color:#eee;
}
#loading a{cursor: pointer;margin-top:-5px}
#loading{
  color:#f7941d;
  margin: 10px 0;
  padding: 5px 10px;
  background: #f2f2f2;
  border: 1px solid #ccc;
}
.tag{
  font-size:1.3em;
  margin:5px;

}
button#button__upload.btn:hover{color:#fff;}
.close__pop{
  margin-top:-5px;
}
.product__desc{
  padding-top: 10px;
}
.line__p:after{
  content:"";
  width: 40px;
  height:3px;
  border-radius:3px;
  margin: 5px 0;
  background: #f7941d;
  display:block;
}
.title--large{font-size:2.5em}
.intro__wrap{
  background: url(../media/data/homepape/our_clients_like_us.jpg) center center no-repeat;
  background-size:cover;
  padding-top:90px;
  padding-bottom:90px;
}
.intro__wrap--in{
  background:rgba(0,0,0,.4);
  top:0;
  right:0;
  left:0;
  bottom:0;
}
.intro__wrap p{
  margin:5px 0;
}
.intro__wrap h3{
  text-transform:uppercase;
  font-size:1.4em;
  margin-bottom:0;
}
.why__box{
  padding: 15px;
  background:rgba(0,0,0,.25);
  margin-bottom:15px;
}
.dotred{
  background:#f7941d;
  width:16px;
  height:16px;
  content:"";
  display:block;
}
.nowrap {
  white-space:nowrap;
}
#quote-send {
  border: 0
}
.rectype__cover {
  border:1px solid #fff
}
.rectype__cover:after {
  content: '';
  top: 0;
  bottom: 0;
  left: 0;
  position: absolute;
  right: 0;
  z-index:1;
  background: linear-gradient(180deg, #000000 -21.33%, rgba(196, 196, 196, 0) 100%);
}
.rectype__name{
  top: 0;
  left:0;
  right: 0;
  margin:0;
  padding: 30px 15px 15px;
  z-index: 2;
  color: #fff;
}

.rectype__cover:hover{
  border-color: #f4837d;
  box-shadow: 0px 0px 10px 0px rgb(0 0 0 / 10%);
}

@media only screen and (min-width: 600px) {
  h3.news__name--blog {
    font-size: 15px;
    font-weight: normal;
  }
  .rowgutter.media {
    padding-top: 10px;
    padding-bottom: 10px;
    border-bottom: 1px dashed #eee;
  }
  .job__item{padding: 10px 15px;margin:10px 0}
  #header__search {
    position: absolute;
    margin: 13px 35px 0 10px;
    right: 10px;
  }
  #header__search-wrap{
    right: 0;
    z-index: 777
  }
}
@media only screen and (min-width: 768px) {
  .job__item h2 {
    font-size: 18px;
    margin-bottom: 10px;
  }
  .job__searchbtn,
  .filter_zone--wrap,
  .postion_filter {
    width: 100%;
    margin: 5px 0;
  }
  .nowrap {
    clear:both;
    display: block;
    word-break: keep-all;
    font-size: 12px;
  }
  .right.job__state.small.upper {
    display:none;
  }
  .slideshow__wrap{clear:both;}
  #menubutton{top:15px}
  #menubutton em {
    background-color: #fff;
  }
  #header.spinned #language a,
  #language a{
    color:#FECEAB
  }
  .product--item{
    height: auto;
  }
  #header__search {margin-top:15px;font-size: 28px;}
  #language{
    float: left;
    margin-top: 15px;
    position: absolute;
    top: 0;
    right: 0}
  #header.spinned #logo{background: url(logo-white.png) 0 0 no-repeat;max-height:60px;opacity:1;background-size: contain;}
  #header.spinned #logoimg,
  #logoimg{opacity:0;max-height:45px;}
  #logo{
        float: none;
        position: absolute;
        top: 0px;
        text-align: center;
        left: 50%;
        transform: translateX(-105px);
        width: 210px;
        height: 74px;
  }
  #header.spinned,
  #header{position:static;padding-top:0;background:#f7941d;height:73px;text-align:center}
  .slide__desc{bottom:50px;width:360px;margin-left:0;}
  .slide__desc--left{left:5%;text-align: center;}
  .slide__meta{margin-top:0;font-size:11px}
  .tns-nav{left:0;right:0;bottom:10px;text-align:center;}
  .slide__title{font-size:20px;}
  .box__title--under_center,
  body,
  .partners__wrap{padding:0}
  .box__title-news,
  .box--featured__title{font-size:1.35em}
  .box__title-news{margin-bottom:10px}
  footer hr{background: none;margin-top:0}
  .hassub ul:before,
  .lang--active{
      display:none;
  }
  .footer__newsletter-col{
    padding-left:15px;
  }
  .product__name{
    font-size:.85em;
    line-height:1.43
  }
  .product--home__in{padding:10px;min-height:210px}
  .product--home--even{
    margin-top: 0;
  }
  footer .zonegutter{
    border-bottom: 1px solid rgba(255,255,255,.2)
  }
  a.header__inquiry{
    position: fixed;
    bottom:5px;
    box-shadow:none;
    font-size:11px;
    left:5px;
    z-index:10;
    margin:0;
    -webkit-background-clip: border-box;
    -webkit-text-fill-color: #fff;
    color: #fff
  }
  #topmenu li,
  #topmenu ul{display:block;text-align:left;}
  #topmenu a{
    text-align:left;
    color: #f7941d
  }
  .hassub ul{position:static;width:100%;left:0;margin-left:0;padding-left:5px;border-radius:0;border-left:0;border-right:0;}
  #header.spinned #topmenu,
  #topmenu{
    float:none;
    position: fixed;
    top:0;
    left:0;
    margin-top:0;
    height:100%;
    overflow:auto;
    width:210px;
    z-index:334999;
    background:#fff;
  }
  .why__box{
    padding: 5px 15px 15px;
  }

}

@media only screen and (min-width: 820px) {
  #header.spinned {
    height: 74px;
  }
  #header.spinned #logoimg {
    max-height: 65px;
    display: inline-block;
  }
  #menubutton {
    top: 15px;
  }
  #menubutton em {
    width: 32px;
    height: 3px;
    margin-bottom: 5px;
  }
  #topmenu  {
    float: none;
    position: fixed;
    top: 0;
    left: 0;
    margin-top: 0;
    height: 100%;
    overflow: auto;
    width: 420px;
    z-index: 334999;
    background: #fff;
  }
  #topmenu a {
    padding: 25px 15px;
  }
  #menu-close {
    left: 430px
  }
  .slide__desc {
    bottom: 30px
  }
  .slide__title {
    font-size: 32px;
  }
}
@media only screen and (min-width: 1024px) {
  .zonegutter {
    padding-top: 40px;
    padding-bottom: 40px;
  }
  #logo {
    position: static;
    transform: none;
    float: left;
  }
  #topmenu.hide {
    display: none;
  }
  #header.spinned, #header {
    background: none;
  }
  #header.spinned #logo{
    float: left;
    position: static;
    transform: none;
    background: none
  }
  #header #logoimg,
  #header.spinned #logoimg,
  #logoimg{
    max-height: 70px;
    opacity: 1;
    transition:all .2s
  }
  #header #topmenu.show--lg {
    display: block;
    overflow: visible !important;
    margin-top: 15px;
    float: left;
    position: relative;
    width: auto;
    background: none;
  }
  #header #topmenu li, #header #topmenu ul,
  #header #topmenu a {
    display: inline-block;
  }
  #header #topmenu ul ul li a,
  #header #topmenu ul ul li {
    display: block;
  }
  #header #topmenu a {
    padding: 10px 15px;
    color: #000;
  }
  #header #topmenu a:hover {
    color: #f7941d
  }
  .hassub ul {
      display: none;
      top: 100%;
      z-index: 9;
      border-radius: 4px;
      position: absolute;
      width: 240px;
      padding: 10px 0 5px;
      left: 50%;
      border: 1px solid #eee;
      margin: 0 0 0 -120px;
      background: #fff;
      transition: all .2s;
      opacity: 0;
  }
  .hassub:hover ul {
      display: block !important;
      opacity: 1 !important;
  }
  
  #header a.header__inquiry{
    position: static;
    left: auto;
    right: 0;
    font-size: 16px;
    bottom: auto;
    margin:26px -10px 0 15px;
    padding: 3px 10px;
    background: -webkit-gradient(linear,left top,right top,from(#ff8a00),to(#da1b60));
    background: linear-gradient(to right,#ff8a00,#da1b60);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    -webkit-box-decoration-break: clone;
    box-decoration-break: clone;
  }
  #header.spinned a.header__inquiry {margin-top: 22px}
  a.header__inquiry:hover{
    -webkit-background-clip: border-box;
      -webkit-text-fill-color: #fff;
  }
  a.header__inquiry span{
    line-height:18px;
    float: left;
    margin: 2px 5px 0 0
  }
  #header__search {
    margin: 20px 0 0 10px;
    color: #999;
  }
  .arr {
    right: 13px;
  }
  .slide__desc {
    bottom: 160px;
    width: 620px;
    max-width: 100%;
  }
  .slide__title {
    font-size: 52px;
  }
  .slide__meta {
    font-size: 16px;
  }
  .box--featured__title {
    font-size: 2em;
  }
  .product--home__in {
    padding: 20px;
    border-radius: 5px;
    min-height: 333px;
  }
  .footer__newsletter-col {
    padding-left: 65px;
  }

  .product__name {
    font-size: 22px;
  }
  .job__item {
    border: 1px solid #eee;
    padding: 10px 20px 15px 35px;
    margin: 15px 0;
    overflow: hidden;
  }
}  

@media only screen and (min-width: 1204px) {
  #topmenu a{padding:10px}
}  
@media only screen and (max-width: 420px) {
  #header #topmenu ul,
  #header #topmenu li {
    display: block;
  }
  #header #topmenu{
      z-index: 10000;
      width: 220px;
      position: fixed;
      background-color: #fff;
      top:0;
      left:0;
      bottom:0;
      margin-top: 0;
  }

  #header #topmenu .hassub ul {
      position: static;
      margin-left: 15px;
      width: auto;
  }
}