﻿


.lang-link:first-child::after
{
    content:' | ';
}

.lang-link::after
{
    content: ' | ';
    
}

.lang-link:last-child:after
{
    content: '';
}

.circle-contain
{
   
    position: relative;
    display:inline-block;
    float: right;


}

.alt-circle
{
   
    position: relative;
     visibility: hidden;
  opacity: 0;
  transition:  opacity 0s, opacity 0.5s linear;
    float: right;
   bottom: -35px;
    right: 20px;

}

.alt-circle-on
{
    visibility: visible;
     
  opacity: 1;
}

.alt-circle-off
{
    visibility: hidden;
     
  opacity: 0;
}



.alt-circle::before
{
content: "\00a0 \f0d7";
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
position: relative;
    right:15px;
    bottom:-30px;
}


@media only screen and (max-width: 768px)
{
    .alt-circle
    {
        visibility: visible;
            opacity: 1;
        position: absolute;
    left: 85%;
    bottom: 22%;
    }
    
     .alt-circle
    {
        visibility: visible;
            opacity: 1;
        position: absolute;
    left: 85%;
    bottom: 22%;
    }
    
     .alt-circle-on
    {
        visibility: visible;
      
    }
    
     .alt-circle-off
    {
        visibility: hidden;
      
    }
    
    #picker-position
    {
        display:none;
    }
}

@media only screen and (max-width: 636px)
{
    .alt-circle
    {

    left: 84%;
    }
}

@media only screen and (max-width: 612px)
{
    .alt-circle
    {

    left: 80%;
    }
}
@media only screen and (max-width: 493px)
{
    .alt-circle
    {

    left: 75%;
    }
}
@media only screen and (max-width: 405px)
{
    .alt-circle
    {

    left: 70%;
    }
}

@media only screen and (max-width: 330px)
{
    .alt-circle
    {

    left: 65%;
    }
}


.btn-primary
{
    background-color: #0C78CF !important;
}
.circle{
        border-radius: 50% !important;
    padding:6px !important;
        box-shadow: 2px 2px 2px #b0b0b0;
}
.circle-alt{
        border-radius: 50% !important;
    padding:6px !important;
       
}

.i
{
    color:white;
}

.eye-on::before
{
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  content: "\f00c\00a0\00a0";
}

.eye-on
{
        background-color: #0c78cf!important;
}

.circle
{
    background-color: #0c78cf !important;
    border-color: #0c78cf !important;
}

#languages-alt > .dropdown-item
{
    color:#000000;
}

#languages-alt > .dropdown-item.eye-on
{
    color:#FFFFFF;
}

.fas
{
    margin-right:0px;
}

.close
{
    visibility:hidden;
}

.circle-contain:hover .close
{
   visibility: visible;
}

#lang-box.show > button > i
{
    -webkit-transform: rotate(360deg);
    -webkit-transition-duration: 20s;
    -webkit-transition-delay: now;
    -webkit-animation-timing-function: linear;
    -webkit-animation-iteration-count: infinite;

}

.nav-search-wrapper
{
	margin-top: -90px !important;
}
.nav-search.row
{
	margin-top: 0px;
}