:root{
    --f-color-dark:#232C3E;
    --f-color-orange:#FF5B13;
    --f-color-medium_gray:#91959F;
    --f-color-medium_orange:#FFAD89;
    --f-color-light_gray:#E9EAEC;
    --f-color-light_orange:#FFEFE7;
    --f-color-light_light_gray:#F2F3F5;
    --f-color-light_light_orange:#F2F3F5;
    --f-color-img-background: linear-gradient(#D4D9E3 0%, #FFFFFF 100%);
}
[type=search] {
    -webkit-appearance: textfield;
    outline-offset: -30px;
}
@font-face {
    font-family: 'Nunito Sans';
    font-style: normal;
    font-weight: normal;
    src: local('Nunito Sans'), url('../font/NunitoSans-Regular.ttf') format('truetype');
}
@font-face {
    font-family: 'Nunito Sans';
    font-style: normal;
    font-weight: 200;
    src: local('Nunito Sans'), url('../font/NunitoSans-ExtraLight.ttf') format('truetype');
}
@font-face {
    font-family: 'Nunito Sans';
    font-style: normal;
    font-weight: 300;
    src: local('Nunito Sans'), url('../font/NunitoSans-Light.ttf') format('truetype');
}
@font-face {
    font-family: 'Nunito Sans';
    font-style: normal;
    font-weight: bold;
    src: local('Nunito Sans'), url('../font/NunitoSans-Bold.ttf') format('truetype');
}
@font-face {
    font-family: 'Nunito Sans';
    font-style: normal;
    font-weight: 800;
    src: local('Nunito Sans'), url('../font/NunitoSans-ExtraBold.ttf') format('truetype');
}
html {
    scroll-behavior: smooth;
}
body{
    font-family: 'Nunito Sans';
    font-weight: normal;
    font-style: normal;
    background: #E9EAEC;
}
.bgr-w{
    background: #fff;
}
.bgr-f{
    background: #E9EAEC;
    height: 58px;
}
.f-loader {
    position: fixed;
    background: #fff;
    width: 100%;
    height: 100%;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 1031;
    display: grid;
    justify-items: center;
    align-items: center;
}
.loader {
    display: block;
    position: absolute;
    width: 150px;
    height: 150px;
    border-radius: 50%;
    overflow: hidden;
}
.loader:before {
    content: "";
    position: absolute;
    top: 3px;
    left: 3px;
    right: 3px;
    bottom: 3px;
    z-index: 10;
    background: #ffffff;
    border-radius: 50%;
}
.loader span {
    position: absolute;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    z-index: -1;
    background: linear-gradient(#FFAD89, #91959F, #FF5B13);
    animation: animate 0.5s linear infinite;
}
@keyframes animate {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}
.fuaro-logo{
    background: no-repeat center/100% url("/img/fuaro_logo.svg");
}
.f-banner-1{
    margin-bottom: 100px;
}
.f-banner-2 .img-cont{
    width: 100%;
    display: grid;
    justify-items: center;
 }
.f-banner-2 img{
    width: 100%;
    height: 100%;
    max-width: 453px;
    max-height: 268px;
}
.icons_block.icons_block-img{
    width: 300px;
}
.icons_block img{
    width: 140px;
    height: 140px;
}
.icons_block p{
    font-size: 26px;
    font-weight: 200;
    line-height: 34px;
    letter-spacing: 0em;
    text-align: center;
    margin-top: 20px;
    color: var(--f-color-orange);
    text-transform: uppercase;
}
.f-title{
    color: var(--f-color-dark);
    font-size: 42px;
    font-style: normal;
    font-weight: 300;
    text-transform: uppercase;
}
.f-text{
    color: var(--f-color-dark);
    font-size: 19px;
    font-style: normal;
    font-weight: normal;
    line-height: 25px;
}
.navbar-collapse{
    flex-grow: unset;
}
@media all and (min-width: 992px){
    /*.navbar-expand-lg .navbar-collapse {margin-left: 70px}*/
    .navbar .dropdown-menu-end{right:0; left: auto;}
    .navbar .nav-item .dropdown-menu{display:block; opacity: 0;  visibility: hidden; transition:.3s; margin-top:0;}
    /*.navbar .nav-item:hover .nav-link{color: #000000;}*/
    .navbar .dropdown-menu.fade-down{top:80%; transform: rotateX(-75deg); transform-origin: 0% 0%; }
    .navbar .dropdown-menu.fade-up{top:180%;}
    .navbar .nav-item:hover .dropdown-menu{transition: .3s; opacity:1; visibility:visible; top:100%; transform: rotateX(0deg); }
}
footer a{
    letter-spacing: 0em;
    text-align: left;
    color: var(--f-color-medium_gray)!important;
    text-decoration: none;
}
footer h5 a{
    font-size: 18px;
    font-weight: 400;
    line-height: 22px;
    text-transform: uppercase;
}
footer li a{
    font-size: 18px;
    font-weight: normal;
    line-height: 1;
}
@media (min-width: 1600px){
    .container-fu{
        max-width: 1520px;
        --bs-gutter-x: 1.5rem;
        --bs-gutter-y: 0;
        width: 100%;
        margin-right: auto;
        margin-left: auto;
    }
}
.btn-trans,
.btn-l-gray,
.btn-gray{
    padding: 22px 40px;
    font-size: 24px;
    font-style: normal;
    font-weight: 300;
    display: flex;
    justify-content: center;
    align-items: center;
    max-width: 313.5px;
    max-height: 64px;
    cursor: pointer;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    text-transform: uppercase;
    text-decoration: none;
    text-align: center;
    transition: all 0.25s;
    white-space: nowrap;
    border-radius: unset!important;
}
.btn-trans{
    border: 1px solid var(--f-color-dark);
    color: var(--f-color-dark);
}
.btn-gray{
    background: var(--f-color-medium_gray);
    color: var(--f-color-light_gray);
}
.btn-l-gray{
    background: var(--f-color-light_gray);
    color: var(--f-color-dark);
}
.btn-trans:hover,
.btn-l-gray:hover,
.btn-gray:hover{
    color: var(--f-color-orange);
    border-color: var(--f-color-orange);
}
.btn-trans:active,
.btn-l-gray:active,
.btn-gray:active{
    border-color: transparent;
    box-shadow: 0 0 10px rgba(40, 136, 131, 0.7), inset 0 0 12px #2F837F;
}


.card.card-hover:hover{
    transform: scale(1);
    box-shadow: 5px 20px 30px rgba(0,0,0,0.2);
}
.youtube-play-btn {
    background: url('/img/youtubeplay.png') no-repeat;
    background-position-x: 0%;
    background-position-y: 0%;
    background-position: 0 0;
    -webkit-background-size: 100% auto;
    background-size: 100% auto;
    position: absolute;
    height: 50px;
    width: 69px;
    transition: none;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    cursor: pointer;
}
.youtube-video:hover .youtube-play-btn{
    background-position: 0 -50px;
}
@media (max-width: 991px){
    .youtube-play-btn {
        height: 25px;
        width: 34px;
    }
    .btn-trans,
    .btn-l-gray,
    .btn-gray{
        max-width: 100%;
    }
}
.instructions-block{
    color: var(--f-color-dark);
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 35px;
}
.instructions-block .row:hover a.nav-link{
    color: var(--f-color-orange);
    text-decoration: underline;
}
.instructions-block img,
.instructions-block svg{
    width: 100px;
}

#fuaro-pup{
    color: var(--f-color-dark);
    font-size: 21px;
    font-style: normal;
    font-weight: 400;
    line-height: 35px;

    padding: 0;
    background: #d2d2d2;
    border-radius: 7px;
    -webkit-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.15);
    box-shadow: 0 1px 5px rgba(0, 0, 0, 0.15);
    animation: pulse .3s 2;
}
#fuaro-pup .popup-window-titlebar {
    padding: 0 15px;
    color: #fff;
    background: var(--f-color-orange);
    border-bottom: 1px solid #c5ccdb;
    border-radius: 7px 7px 0 0;
    background-image: -webkit-linear-gradient(top, var(--f-color-medium_orange), var(--f-color-orange));
    background-image: -moz-linear-gradient(top, var(--f-color-medium_orange), var(--f-color-orange));
    background-image: -o-linear-gradient(top, var(--f-color-medium_orange), var(--f-color-orange));
    background-image: linear-gradient(to bottom, var(--f-color-medium_orange), var(--f-color-orange));
}
/*.popup-window-titlebar-text, .popup-window-titlebar-text-version:after{
    background-image: url("/img/fuaro_logo.svg");
    background-repeat: no-repeat;
    background-size: 80%;
    background-position: center;
}*/
.popup-window-titlebar-text, .popup-window-titlebar-text-version{
    font-size: 21px;
    color: #fff;
}
#fuaro-pup .popup-window-close-icon::after{
    width: 40px;
    height: 40px;
    background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3Csvg viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M16 8L8 16M8.00001 8L16 16' stroke='%23fff' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}
#fuaro-pup .popup-window-close-icon:hover::after{
    width: 55px;
    height: 55px;
}
#fuaro-pup .f-pup-btn {
    font-size: 21px;
    font-style: normal;
    font-weight: 400;
    line-height: 35px;

    color: white;
    text-align: center;
    float: right;
    margin: 0 5px;
    text-shadow: 0 -1px 1px rgba(0, 0, 0, 0.2);
    border: 1px solid;
    border-color: var(--f-color-light_orange) var(--f-color-medium_orange) var(--f-color-orange);
    background: var(--f-color-medium_orange);
    border-radius: 4px;
    background-image: -webkit-linear-gradient(top, var(--f-color-light_orange), var(--f-color-medium_orange) 40%, var(--f-color-orange));
    background-image: -moz-linear-gradient(top, var(--f-color-light_orange), var(--f-color-medium_orange) 40%, var(--f-color-orange));
    background-image: -o-linear-gradient(top, var(--f-color-light_orange), var(--f-color-medium_orange) 40%, var(--f-color-orange));
    background-image: linear-gradient(to bottom, var(--f-color-light_orange), var(--f-color-medium_orange) 40%, var(--f-color-orange));
    -webkit-box-shadow: inset 0 1px rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.2);
    box-shadow: inset 0 1px rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.2);
}
#fuaro-pup .f-pup-btn:active {
    text-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
    border-color: var(--f-color-orange) var(--f-color-medium_orange) var(--f-color-light_orange);
    background-image: -webkit-linear-gradient(top, var(--f-color-medium_orange), var(--f-color-light_orange));
    background-image: -moz-linear-gradient(top, var(--f-color-medium_orange), var(--f-color-light_orange));
    background-image: -o-linear-gradient(top, var(--f-color-medium_orange), var(--f-color-light_orange));
    background-image: linear-gradient(to bottom, var(--f-color-medium_orange), var(--f-color-light_orange));
    -webkit-box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.1), 0 1px rgba(255, 255, 255, 0.5);
    box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.1), 0 1px rgba(255, 255, 255, 0.5);
}
#fuaro-pup .popup-window-content{
    background: #eeeee6;
    box-shadow: inset 2px 2px 5px #b8b9be,inset -3px -3px 7px #fff !important;
}
@keyframes pulse {
    0% {transform: scale(1); }
    35% {transform: scale(1.1); }
    100% {transform: scale(1); }
}
@media (max-width: 991px) {
    .instructions-block p,
    .instructions-block a{
        font-size: 1.2rem !important;
        line-height: 1.5 !important;
    }
    .f-banner-1{
        margin-bottom: 3.5rem;
    }
}