.logo{
    width: 200px;
}

.moveit {
    position: absolute;
    -webkit-transform: rotate(15deg);
    -moz-transform: rotate(15deg);
    -o-transform: rotate(15deg);
    -ms-transform: rotate(15deg);
    transform: rotate(15deg);
    right: -10%;
    -webkit-animation-name: move;
    -webkit-animation-duration: 5s;
    -webkit-animation-delay:2s;
    -webkit-animation-fill-mode: forwards;
    -moz-animation-name: move;
    -moz-animation-duration: 5s;
    -moz-animation-delay:2s;
    -moz-animation-fill-mode: forwards;
}


@keyframes move {
    
  0%{
      
  }
  50% {
      webkit-transform: rotate(5deg);
    -moz-transform: rotate(5deg);
    -o-transform: rotate(5deg);
    -ms-transform: rotate(5deg);
    transform: rotate(5deg);
     right: 130px;
  }
  100%{
      
  }
}

.menuoptionbox{
    visibility:hidden;
}

.get-area{
    z-index: -1;
    margin-top: -50px;
    background: linear-gradient(to right, #662046 20%, #09c1b6 100%);
}

.table-light{
    background-color:rgba(155,155,155,0.7);
    border-radius: 25px;
    border-collapse: collapse;
    width: 100%;
}

    .table-container{
        overflow-x:auto;
     }

.centered{
    text-align:center;
}

html{
    overflow-x:hidden;
}

html::-webkit-scrollbar-track
{
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
	background-color: rgb(9, 193, 182);
	border-radius: 10px;
}

html::-webkit-scrollbar
{
	width: 10px;
	background-color: rgb(102, 32, 70);
}

html::-webkit-scrollbar-thumb
{
	border-radius: 10px;
	background-image: -webkit-gradient(linear,
									   left bottom,
									   left top,
									   color-stop(0.44, rgb(102, 32, 70)),
									   color-stop(0.72, rgb(102, 32, 70)),
									   color-stop(0.86, rgb(102, 32, 70)));
}

.table-light td, .table-light th {
    padding: .75rem;
    vertical-align: top;
    border-top: 1px solid #95a0ab;
    color: #fff;
}
.table thead th {
    vertical-align: bottom;
    border-bottom: 2px solid #e9ecef;
    border-top: transparent;
}

.translate_wrapper{
  position:fixed;
  z-index:10002;
  top:20px;
  left:20px;
  font-size:16px;
  background:#fff;  
  border-radius:4px;
}

@media only screen and (max-width: 600px) {
  .translate_wrapper{
      position:fixed;
      z-index:10002;
      top:80px;
      left:20px;
      font-size:16px;
      background:#fff;  
      border-radius:4px;
    }
}

.current_lang{
  cursor:pointer;
  text-transform:uppercase;
  overflow:hidden;
}

.lang{
    padding:10px 15px;
}

.lang.selected{
  display:none;
}

.lang img, 
.lang span.lang-txt{
  display:inline-block;
  margin-left:5px;
  vertical-align:middle;
}

.lang span.lang-txt{
   position:relative;
  top:-1px;
  font-weight:700;
}

.lang img{
  width:20px;
  margin-left:0;
}

.lang span span{
  color:#999;
  font-weight:400;
}

.lang span.fa{
  font-size:12px;
  position:relative;
  top:-1px;
  margin-left:3px;
}


/*more lang*/
.more_lang{
  transform:translateY(-20px);
  opacity:0;
  cursor:pointer;
  display:none;
   -webkit-transition: all .3s cubic-bezier(.25, 1.15, .35, 1.15);
	-moz-transition:    all .3s cubic-bezier(.25, 1.15, .35, 1.15);
	-o-transition:      all .3s cubic-bezier(.25, 1.15, .35, 1.15);
	-ms-transition:     all .3s cubic-bezier(.25, 1.15, .35, 1.15);
	transition:         all .3s cubic-bezier(.25, 1.15, .35, 1.15);
}

.translate_wrapper.active .more_lang{
  display:block; 
}

.more_lang.active{
    opacity:1;
    transform:translateY(-0px);
}

.more_lang .lang:hover{
  background:#5766b2;
  color:#fff;
}

.more_lang .lang:hover span{
  color:#fff;
}

.translate_wrapper:hover,
.translate_wrapper.active,
.content a:hover{
  box-shadow:rgba(0,0,0,0.2) 0 5px 15px;  
  -webkit-transition: all 0.3s cubic-bezier(0,.99,.44,.99);
	-moz-transition:    all 0.3s cubic-bezier(0,.99,.44,.99);
	-o-transition:      all 0.3s cubic-bezier(0,.99,.44,.99);
	-ms-transition:     all 0.3s cubic-bezier(0,.99,.44,.99);
	transition:         all 0.3s cubic-bezier(0,.99,.44,.99);
  
}
.translate_wrapper.active .lang{
  border-bottom:1px solid #eaeaea;
}