/*===========================================*/
/*	DESKTOP LAYOUT 
/*===========================================*/

body,
h1, h2, h3, h4, h5, h6,
.f-1 { font-family: 'Roboto', Arial, sans-serif; }
h1, h2, h3 { font-weight: 100; text-transform: uppercase; }
h2 { font-size: 72px; margin-bottom: 50px; }
h6 { font-size: 16px; margin-bottom: 200px; text-transform: uppercase; }
.container-fluid { max-width: 1500px; }
strong { font-weight: bold; }
p { margin-bottom: 10px; }

.solid.btn-default:not([class*="bg-glass-"]) { background-color: #DF8EFF; border-color: #DF8EFF; border-radius: 50%; font-size: 24px; font-weight: 400; height: 225px; padding: 40px 30px 30px 30px; text-align: center; white-space: initial; width: 225px; }
.solid.btn-default img { margin: 0 auto; }
.hov-txt-default:hover { color: #DF8EFF; }
.scrollwrapper-pagination .swiper-pagination-bullet-active { background: #DF8EFF; }
.nav-ul li a.active-hashlink, .fullscreen-nav-ul li a.active-hashlink { border-bottom: 2px solid #DF8EFF; }
.txt-default, .typo-light .txt-default, .txt-default:hover { color: #DF8EFF; }

#homesection { padding-top: 250px; }
#homesection .play { display: inline-block; }
#homesection .scrolld img { display: block; margin: 3px auto; }
#homesection .scrolld .arrow { animation: move 1s infinite ease-in; }
@keyframes move {
    0% { transform: translateY(0); }
    50% { transform: translateY(15px); }
    100% { transform: translateY(0); }
}
.swiper-slide .fadeIn { animation: none; }
.swiper-slide-active .fadeIn { animation: fadeIn 1s ease-in 1s 1 forwards; }
@keyframes fadeIn {
    0% { background: rgba(0,0,0,0); }
    100% { background: rgba(0,0,0,0.6); }
}

/*#aboutsection { background: url(../images/bg-why.jpg) center center no-repeat; background-size: cover; }*/
#aboutsection ul { color: #fff; font-size: 16px; font-weight: 300; }
#aboutsection li { list-style: none; padding: 2px 0 2px 20px; position: relative; }
#aboutsection .nav-tabs li { padding: 0; }
#aboutsection li:before { color: #DF8EFF; content: '•'; display: inline-block; font-size: 40px; line-height: 36px; position: absolute; top: 0; left: 0; }
#aboutsection .nav-tabs li:before { display: none; }
#aboutTabs, #whyArolineTabs { border-bottom: 0; margin-bottom: 10px; }
#aboutTabs .nav-link, #whyArolineTabs .nav-link { border-radius: 25px; color: #fff; text-transform: uppercase; }
#aboutTabs .nav-link.active, #whyArolineTabs .nav-link.active { color: #000; border-color: #fff; text-transform: uppercase; }
#aboutArolineTabsContent strong, #whyArolineTabsContent strong { color: #DF8EFF; }
@media (max-width: 1200px) {
    #aboutsection { text-align: justify; }
    #aboutsection ul { display: block; text-align: justify; }
    #aboutsection ul#aboutTabs { display: block; text-align: center; }
    #aboutsection li { display: inline-block; }
}

#productssection { background: url(../images/bg-products.jpg) center center no-repeat; background-size: cover; }
#productssection h3 { font-weight: bold; text-transform: none; }
#productssection h3.title { font-weight: 100; text-transform: uppercase; }
#productssection ul { color: #fff; font-size: 16px; font-weight: 300; }
#productssection li { list-style: none; padding: 5px 0 5px 20px; position: relative; }
#productssection li:before { color: #DF8EFF; content: '•'; display: inline-block; font-size: 40px; line-height: 36px; position: absolute; top: 0; left: 0; }
#productssection .solid.btn-default:not([class*="bg-glass-"]) { border-radius: 0; color: #09170c; height: auto; padding: 15px 30px; width: auto; }

#aboutsection { background: url(../images/bg-about.jpg) center center no-repeat; background-size: cover; }
#aboutsection h3 { font-weight: bold; text-transform: none; }
#aboutsection h3.title { font-weight: 100; text-transform: uppercase; }
#aboutsection ul { color: #fff; font-size: 16px; font-weight: 300; border: none; }
#aboutsection li { list-style: none; padding: 5px 0 5px 20px; position: relative; }
#aboutsection li:before { color: #DF8EFF; content: '•'; display: inline-block; font-size: 40px; line-height: 36px; position: absolute; top: 0; left: 0; }
#aboutsection .solid.btn-default:not([class*="bg-glass-"]) { border-radius: 0; color: #09170c; height: auto; padding: 15px 30px; width: auto; }

#galaryssection { background: url(../images/bg-galary.jpg) center center no-repeat; background-size: cover; color: #fff; }

#fundssection { background: url(../images/bg-funds.jpg) center center no-repeat; background-size: cover; }
#fundssection strong { color: #fff; }
#fundssection ul { color: #fff; font-size: 16px; font-weight: 300; }
#fundssection li { list-style: none; padding: 5px 0 5px 20px; position: relative; }
#fundssection .nav-tabs li { padding: 0; }
#fundssection li:before { color: #DF8EFF; content: '•'; display: inline-block; font-size: 40px; line-height: 36px; position: absolute; top: 0; left: 0; }
#fundssection .nav-tabs li:before { display: none; }

#howwehelpsection { background: url(../images/bg-help.jpg) center center no-repeat; background-size: cover; }

#contactsection { background: url(../images/bg-contact.jpg) center center no-repeat; background-size: cover; font-size: 30px; font-weight: 300; }
#contactsection .solid.btn-default:not([class*="bg-glass-"]) { border-radius: 0; color: #09170c; height: auto; padding: 15px 30px; text-transform: uppercase; width: auto; }
#contactsection a { color: #DF8EFF; }

.page-section ul { color: #fff; }

::-webkit-input-placeholder { color: #fff!important; }
:-moz-placeholder { color: #fff!important; opacity: 1!important; }
::-moz-placeholder { color: #fff!important; opacity: 1!important; }
:-ms-input-placeholder { color: #fff!important; }
::-ms-input-placeholder { color: #fff!important; }
::placeholder { color: #fff!important; }

#mediasection { padding-top: 150px; }
.video-container { position: relative; padding-bottom: 56.25%; padding-top: 30px; height: 0; overflow: hidden; }
.video-container iframe, .video-container object, .video-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
#mediasection .video-container .video { display: none; }
#mediasection .video-container .video.active { display: block; }
ul.video-list { margin: 0; padding: 0; }
ul.video-list li { list-style: none; margin: 0 0 15px 0; }
@media (max-width: 767px) {
    ul.video-list { display: flex; height: 200px; overflow-x: scroll; }
    ul.video-list li { flex: 0 0 300px; margin: 0 15px 0 0; }
}
@media (max-width: 480px) {
    ul.video-list { height: 170px; }
    ul.video-list li { flex: 0 0 200px; margin: 0 15px 0 0; }
}

.certificates { float: left; height: 320px; }


.gallery .modal-header { padding: 0; }
.modal-content button.close {
    position: absolute;
    right: 3px;
    padding: 2px 7px;
    background: #fff;
    border-radius: 19px;
    opacity: 1;
    top: 2px;
}

.typo-light .error { color: #e74c3c!important; }

.homeintro { background-color: #0006; padding: 30px 0; }

.homesection_wrap {
    min-height: calc(100vh - 250px);
    /* margin: 250px auto 0 auto; */
}

.order-lg-last {
    -webkit-box-ordinal-group: 14;
    -ms-flex-order: 13;
    order: 13;
}

.modal.show.gallery .modal-dialog {
    /*max-width: inherit;*/
}

.page-section { overflow-y: auto; }

.hidden {
    display: none !important;
}

section#homesection .innerwrapper {
    text-align: center;
}
section#contactsection .innerwrapper, section#galaryssection .innerwrapper {
    text-align: unset;
}
section .innerwrapper {
    text-align: justify;
}


.logowrp {
    width: 83%;
    float: left;
}
.langwrp {
    float: right;
    width: 13%;
    margin: 12px 0 0 0 !important;
    /*width: 100%;*/
}
.langwrp {width: 100%; } .langbtnwrp { /*height: 50px;*/ width: 40px; position: absolute; right: 10px; }

.langwrp img {
    width: 100%;
    /*opacity: 0.8;*/
}
.langwrp div:not(.img_wrp) {
    /*float: right;*/
    margin: -27px 0 0 0;
    display: block;
    color: #000;
    font-weight: bold;
    font-size: 19px;
}

/*.langwrp div:not(.img_wrp) { color: #fff; margin: -10px 0 0 0; }   .langwrp img {display: none;}*/

/*.langwrp:not(.active)*/
/* .img_wrp {
    opacity: 0.4;
}
.img_wrp:hover {
    opacity: 1;
}*/
a.langwrp:not(.active) {
    opacity: 0.4;
}
a.langwrp.active, a.langwrp:hover, a.langwrp:focus {
    opacity: 0.7;
}

@media (min-width: 1200px) and (max-width: 1400px) {
    section:not(#contactsection):not(#whysection) .innerwrapper {
        font-size: 12px;
    }

}
@media (max-width: 991px) {
    header .col-lg-4 { order: 1!important; }



    .logowrp {
        width: auto;
        float: unset;
    }
    .langwrp {
        float: right;
        width: 40%;
        /*margin: -5px 0 0 7px !important;*/
    }
    .langwrp div:not(.img_wrp) {
        margin: -23px 0px 0 0px;
        color: #fff;
    }
    .img_wrp {
        display: none;
    }
    a.langwrp.active, a.langwrp:hover, a.langwrp:focus {
        opacity: 1;
    }
    .langbtnwrp {width: 80px;}
}

@media (max-width: 480px) {
    .header { height: 99px; }
    .langbtnwrp {margin: -20px 0px;}
    .langwrp div:not(.img_wrp) {margin: -19px 9px 0 0px;}
}

@media (min-width: 200px) and (max-width: 991px) {
  #whysection,
  #whysection ul { text-align: justify!important; }
}