@charset "UTF-8";
/* CSS Document */

/* langs*/
.lang-wrapper { width: 100vw; background: none; display: block; top: 0px; z-index: 999999; position: relative; padding: 5px 100px 0px 0px; height: 20px}
    
  .sl-nav {
  display: inline; font-weight: 300; font-size: 0.9em;  color: #eee; float: right
}
.sl-nav ul {
  margin:0;
  padding:0;
  list-style: none;
  position: relative;
  display: inline-block;text-transform: uppercase
}
.sl-nav li {
  cursor: pointer;
  padding:0px 5px 0px 2px; color: var(--t_menu_bg)
}
.sl-nav .fa-angle-down {color: var(--t_menu_bg)}
.sl-nav li ul {
  display: none;
}
.sl-nav li:hover ul {border: 0px solid #f09;
  position: absolute;
  top: 14px;
  right: 0px;
  display: block;
  background: var(--t_menu_tx);
  width: auto;
  padding: 5px 13px 0px 3px;
  z-index: 1;
}

.sl-nav li ul li  {
  position: relative;
  text-align: left;
  background: transparent;
  padding: 0px 0px 0px 1px;
  padding-bottom:0;
  z-index: 2;
    line-height: 1.6em;
  font-size: 0.9em; font-weight: 500;
  color: var(--t_menu_bg);
  cursor: pointer;
}
.sl-nav li ul li input { cursor: pointer; border: none; background: transparent;  color: var(--t_menu_bg)}

.sl-nav li ul li input:hover{color: var(--t_menu_bg); font-weight: 500; text-decoration: underline}
    
.sl-nav li ul li:hover {color: #eee}
.sl-nav li ul li:last-of-type {
  padding-bottom: 5px;
}
.sl-nav li ul li span {
  padding-left: 5px;
}
.sl-nav li ul li span:hover, .sl-nav li ul li span.active {
  color: var(--t_menu_bg);
}
/* end langs*/  



.header_basic {display: block; min-height: 100px; padding: 0px 0px 10px; position: relative}



/* t header */

.header_t {min-height: 200px; background-size: cover!important; background-position: center center!important; background-repeat: no-repeat!important}

#header_inner {  position: relative; top: 0px}

.header_inside {border-bottom: 1px solid var(--t_tit_tx);border-top: 1px solid var(--t_tit_tx); margin: 0px; padding: 0px 10px; height: 35px; position: relative; z-index: 300; background: var(--t_tit_bg); top: 0px}

.nav-wrapper {  right: 10px;}
      
.header_inside ul {
  margin: 0px ;
  padding: 0px  100px;
  list-style: none;
  overflow: hidden;
    border: 0px solid #f09;
    width: calc(100% - 00px);
    position: absolute; top: 34px; right: 0px;background-color: var(--main90)
}

.header_inside li {  background: var(--t_tit_bg); padding: 0px; margin: 0px; border-bottom: 1px solid  var(--secondary30);}


.header_inside li .dot {font-size: 1.3em; margin: 0px 10px 0px 5px; color: var(--t_tit_tx)!important}

.header_inside li a {
  padding: 5px 20px 0px 0px;
    font-size: 1.1em;
    line-height: 25px;
    display:inline-block; font-weight: bold; color: var(--t_tit_tx);
}

.header_inside li a:hover {  text-decoration: underline}


/* menu */

.header_inside .menu {
  clear: both;
  max-height: 0;
  transition: max-height .2s ease-out; border: 0px solid #f09;
}

/* menu icon */

.header_inside .menu-icon {
  cursor: pointer;
  display: inline-block;
  float: right;
  padding: 15px 90px 0px 0px;
  position: relative;
  user-select: none;
}

.header_inside .menu-icon .navicon {
  background: var(--t_tit_tx);
  display: block;
  height: 4px;
  position: relative;
  transition: background .2s ease-out;
  width: 24px;
    border-radius: 100px;
}

.header_inside .menu-icon .navicon:before,
.header_inside .menu-icon .navicon:after {
  background: var(--t_tit_tx);
  content: '';
  display: block;
  height: 4px;
  position: absolute;
  transition: all .2s ease-out;
  width: 100%;
    border-radius: 100px;
}

.header_inside .menu-icon .navicon:before {
  top: 8px;
}

.header_inside .menu-icon .navicon:after {
  top: -8px;
}

/* menu btn */

.header_inside .menu-btn {
  display: none;
}

.header_inside .menu-btn:checked ~ .menu {
  max-height: 800px;
}

.header_inside .menu-btn:checked ~ .menu-icon .navicon {
  background: transparent;
}

.header_inside .menu-btn:checked ~ .menu-icon .navicon:before {
  transform: rotate(-45deg);
}

.header_inside .menu-btn:checked ~ .menu-icon .navicon:after {
  transform: rotate(45deg);
}

.header_inside .menu-btn:checked ~ .menu-icon:not(.steps) .navicon:before,
.header_inside .menu-btn:checked ~ .menu-icon:not(.steps) .navicon:after {
  top: 0;
}  

.header_inside .homeicon{display: inline-block; margin-left: 90px;  height: 35px; width: 40px; border: 0px solid #f90; position: relative;}
.header_inside .homeicon i {color: var(--t_tit_tx); line-height: 32px; font-size: 25px}
.header_inside .t_name {color: var(--t_tit_tx); line-height: 35px; font-size: 20px; display: inline-block; transform: translateY(0px)}
.header_inside .v_line {color: var(--t_tit_tx); line-height: 35px; font-size: 25px; display: inline-block; transform: translateY(0px); font-family: sans-serif!important; margin-left: 5px}

/********************************************general mobile settings**********************************************************/
@media all and (max-width: 64em), only screen and (-webkit-min-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (min--moz-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (-o-min-device-pixel-ratio: 2/1) and (max-width: 1024px), only screen and (min-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (min-resolution: 192dpi) and (max-width: 1024px), only screen and (min-resolution: 2dppx) and (max-width: 1024px) {
 
    
#header_inner { height: 70px; }
.header_t {min-height: 100px;}
    

/* langs*/
.lang-wrapper { width: 100vw; background: none; display: block; top: 0px; z-index: 999999; position: relative; padding: 5px 10px 0px 10px; height: 22px}
    
.nav-wrapper {  right: 10px;}

.header_inside .percent {display: none}
    
.header_inside .homeicon{ margin-left: 0px;  height: 35px; width: 40px; border: 0px solid #f90; position: relative;}
    
.header_inside ul {
  margin: 0px 0px 0px 0px;
  padding: 0px !important;
  list-style: none;
  overflow: hidden;
    border: 0px solid #f09;
    width: 100%;
    position: absolute; top: 34px; right: 0px;
}
    
.header_inside li {padding: 5px 0px 0px 10px}
    
.header_inside li a, .header_inside li span {
  padding: 0px; margin: 0px;
  border: 0px solid #000;
    font-size: 1em; font-weight: 450; color: var(--t_tit_tx);
    line-height: 30px;
    display:inline-block;
}

.header_inside li i {font-size: 0.9em; line-height: 26px; color: #fff; width: 26px; height: 26px; background: var(--bgvdark); text-align: center; border-radius: 30px; position: relative; bottom: 2px; margin-right: 5px}

.login {margin: 10px 0px 0px}
.signin {margin: 5px 0px 10px 10px}
/* menu */
    
    
.header_basic {display: none}

.header_inside .menu {
  clear: both;
  max-height: 0;
  transition: max-height .2s ease-out; border: 0px solid #f09;
}

/* menu icon */

.header_inside .menu-icon {
  cursor: pointer;
  display: inline-block;
  float: right;
  padding: 15px 0px 0px 0px;
  position: relative;
  user-select: none;
}

.header_inside .menu-icon .navicon {
  display: block;
  height: 4px;
  position: relative;
  transition: background .2s ease-out;
  width: 24px;
    border-radius: 100px;
}

.header_inside .menu-icon .navicon:before,
.header_inside .menu-icon .navicon:after {
  content: '';
  display: block;
  height: 4px;
  position: absolute;
  transition: all .2s ease-out;
  width: 100%;
    border-radius: 100px;
}

.header_inside .menu-icon .navicon:before {
  top: 8px;
}

.header_inside .menu-icon .navicon:after {
  top: -8px;
}

/* menu btn */

.header_inside .menu-btn {
  display: none;
}

.header_inside .menu-btn:checked ~ .menu {
  max-height: 800px;
}

.header_inside .menu-btn:checked ~ .menu-icon .navicon {
  background: transparent;
}

.header_inside .menu-btn:checked ~ .menu-icon .navicon:before {
  transform: rotate(-45deg);
}

.header_inside .menu-btn:checked ~ .menu-icon .navicon:after {
  transform: rotate(45deg);
}

.header_inside .menu-btn:checked ~ .menu-icon:not(.steps) .navicon:before,
.header_inside .menu-btn:checked ~ .menu-icon:not(.steps) .navicon:after {
  top: 0;
}    

.header_inside .upgrade  {display: none}
    
.header_inside .t_name { font-size: 16px}


    
    }