/*
Theme Name: OSE SA Theme
Theme URI: https://www.ose.gr/
Author: Developer: <a href="https://antartis.eu/" target="_blank">D. Antartis</a>
Description:  Company: <a href="https://www.honestpartners.gr/" target="_blank">Honest Partners</a>
Version: 1.0
License: Honest Partners
Tags: Honest Partners, OSE
Text Domain: ose
*/

@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@100;300;400;500;900&display=swap');

html, body { font-family: 'Roboto', sans-serif; font-size: 18px; line-height:26px; color:#646C7C; -webkit-font-smoothing: antialiased; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); margin: 0; padding: 0; }

.clear {clear: both;}
.clear:after {content: ''; display: table; clear: both;}

a:hover {text-decoration: none;}

.hide {display: none;}

.tc-default {color:#646C7C !important;}
.tc-white {color:#ffffff !important;}
.tc-primary {color:#002F78 !important;}
.tc-secondary {color: #2b2b2b !important;}
.tc-bez {color: #E2E2D9 !important;}

.bc-default {background-color:#646C7C !important;}
.bc-white {background-color:#ffffff !important;}
.bc-primary {background-color:#002F78 !important;}
.bc-secondary {background-color: #2b2b2b !important;}
.bc-bez {background-color: #E2E2D9 !important;}
.bc-grey {background-color: #EDEDED !important;}

.ta-c {text-align: center;}

.mt-10 {margin-top: 10px;}
.mt-15 {margin-top: 15px;}
.mt-30 {margin-top: 30px;}
.mt-65 {margin-top: 65px;}
.mt-90 {margin-top: 90px;}
.mt-100 {margin-top: 100px;}
.mt-130 {margin-top: 130px;}

.mb-30 {margin-bottom: 30px;}
.mb-40 {margin-bottom: 40px;}
.mb-60 {margin-bottom: 60px;}
.mb-95 {margin-bottom: 95px;}

.mr--100 {margin-right: -100px;}

.p-10 {padding: 10px;}
.p-25 {padding: 25px;}
.p-40 {padding: 40px;}

.pl-25 {padding-left: 25px;}
.pl-45 {padding-left: 45px;}
.pl-145 {padding-left: 145px;}
.pr-45 {padding-right: 45px;}
.pr-145 {padding-right: 145px;}

.h-225 {height: 225px;}
.h-250 {height: 250px;}
.h-365 {height: 365px;}
.h-380 {height: 380px;}
.h-585 {height: 585px;}
.h-680 {height: 680px;}
.h-700 {height: 700px;}
.h-800 {height: 800px;}
.h-870 {height: 870px;}
.h-1075 {height: 1075px;}
.h-1160 {height: 1160px;}

.mh-78 {min-height: 78px;}

.mw- {max-width: px}
.mw-350 {max-width: 350px}
.mw-580 {max-width: 580px}
.mw-660 {max-width: 660px}

.f-54 {font-size: 54px !important;}

.c-pointer {cursor: pointer;}

.br-bottom {border-bottom: 1px solid #AEB6C6;}

.ose-btn {padding: 13px 18px;border: 2px solid #F27D11;color: #F27D11;text-align: center;display: inline-block; transition: all 0.2s;}

.ose-btn:hover {background-color: #F27D11;color:#fff;}
.ose-btn.solid {background-color: #F27D11;color:#fff;transition: all 0.4s;}

.ose-btn.solid:hover {opacity: 0.8;}
.ose-btn.disabled {opacity: 0.5;pointer-events: none;}

.ose-btn:not([href]) {color: #F27D11 !important;}
.ose-btn:not([href]):hover {background-color: #F27D11!important;color:#fff!important;}
.ose-btn.solid:not([href]) {color: #fff !important;}

.ose-select {position: relative; height: 56px; width: 250px; overflow: hidden;}
.ose-select select {position: absolute; top:-2px; left:-2px; width: calc(100% + 4px); bottom:-2px;border-radius: 0; padding-left:15px; background-color: #fff;}

.br-30-white {border: 30px solid #fff;}

.index-small {z-index: 1;}

.pdf-viewer {border: 0; width: 100%;height: 100vh; min-height: 800px;}

.simple-text {}
.simple-text img {max-width: 100%;height: auto;}

.absolute-down {position: absolute;bottom: 0;width: 100%;}
.absolute-halfdown {position: absolute;top: 50%; height:50%; width: 100%;}

.ob-animation .scale {transform: translate(0) scale(0)}
.ob-animation.start-anim .scale {transform: translate(0) scale(1)}
.ob-animation .scale {-webkit-transition: transform 0.6s ease-in-out;-moz-transition: transform 0.6s ease-in-out;-o-transition: transform 0.6s ease-in-out;transition: transform 0.6s ease-in-out;}

.ob-animation .fadein {opacity:0;}
.ob-animation.start-anim .fadein {opacity:1;}
.ob-animation .fadein {-webkit-transition: opacity 0.6s ease-in-out;-moz-transition: opacity 0.6s ease-in-out;-o-transition: opacity 0.6s ease-in-out;transition: opacity 0.6s ease-in-out;}
.ob-animation .fadein:after {content: ' '; clear: both; display: table; }

.ob-animation .bs-bottom-top {margin-bottom: -50px;padding-top: 50px;}
.ob-animation.start-anim .bs-bottom-top {margin-bottom: 0;padding-top: 0;}
.ob-animation .bs-bottom-top {
    -webkit-transition: margin-bottom 0.4s ease-in-out, padding-top 0.4s ease-in-out;
    -moz-transition: margin-bottom 0.4s ease-in-out, padding-top 0.4s ease-in-out;
    -o-transition: margin-bottom 0.4s ease-in-out, padding-top 0.4s ease-in-out;
    transition: margin-bottom 0.4s ease-in-out, padding-top 0.4s ease-in-out;
}


.ob-animation .bs-right-left {margin-right: -50px;padding-left: 50px;}
.ob-animation.start-anim .bs-right-left {margin-right: 0;padding-left: 0;}
.ob-animation .bs-right-left {
    -webkit-transition: margin-right 0.4s ease-in-out, padding-left 0.4s ease-in-out;
    -moz-transition: margin-right 0.4s ease-in-out, padding-left 0.4s ease-in-out;
    -o-transition: margin-right 0.4s ease-in-out, padding-left 0.4s ease-in-out;
    transition: margin-right 0.4s ease-in-out, padding-left 0.4s ease-in-out;
}
.ob-animation .bs-right-left:after {content: ' '; clear: both; display: table; }

.ob-animation .bs-left-right {margin-left: -50px;padding-right: 50px;}
.ob-animation.start-anim .bs-left-right {margin-left: 0;padding-right: 0;}
.ob-animation .bs-left-right {
    -webkit-transition: margin-left 0.4s ease-in-out, padding-right 0.4s ease-in-out;
    -moz-transition: margin-left 0.4s ease-in-out, padding-right 0.4s ease-in-out;
    -o-transition: margin-left 0.4s ease-in-out, padding-right 0.4s ease-in-out;
    transition: margin-left 0.4s ease-in-out, padding-right 0.4s ease-in-out;
}
.ob-animation .bs-left-right:after {content: ' '; clear: both; display: table; }

.ob-animation .bs-left-a {left: -100vw!important;}
.ob-animation.start-anim .bs-left-a {left: 0!important;}
.ob-animation .bs-left-a {
    -webkit-transition: left 0.6s ease-in-out;
    -moz-transition: left 0.6s ease-in-out;
    -o-transition: left 0.6s ease-in-out;
    transition: left 0.6s ease-in-out;
}
.ob-animation .bs-right-a {right: -100vw!important;}
.ob-animation.start-anim .bs-right-a {right: 0!important;}
.ob-animation .bs-right-a {
    -webkit-transition: right 0.6s ease-in-out;
    -moz-transition: right 0.6s ease-in-out;
    -o-transition: right 0.6s ease-in-out;
    transition: right 0.6s ease-in-out;
}

.ob-animation .bs-bottom-a {bottom: -100vh!important;}
.ob-animation.start-anim .bs-bottom-a {bottom: 0!important;}
.ob-animation .bs-bottom-a {
    -webkit-transition: bottom 0.6s ease-in-out;
    -moz-transition: bottom 0.6s ease-in-out;
    -o-transition: bottom 0.6s ease-in-out;
    transition: bottom 0.6s ease-in-out;
}

.ob-animation .animation-delay-1 {
    -webkit-transition-delay: 0.4s;
    -moz-transition-delay: 0.4s;
    -o-transition-delay: 0.4s;
    transition-delay: 0.4s;
}
.ob-animation .animation-delay-2 {
    -webkit-transition-delay: 0.6s;
    -moz-transition-delay: 0.6s;
    -o-transition-delay: 0.6s;
    transition-delay: 0.6s;
}
.ob-animation .animation-delay-3 {
    -webkit-transition-delay: 0.8s;
    -moz-transition-delay: 0.8s;
    -o-transition-delay: 0.8s;
    transition-delay: 0.8s;
}
.ob-animation .animation-delay-4 {
    -webkit-transition-delay: 1s;
    -moz-transition-delay: 1s;
    -o-transition-delay: 1s;
    transition-delay: 1s;
}
.ob-animation .animation-delay-5 {
    -webkit-transition-delay: 1.2s;
    -moz-transition-delay: 1.2s;
    -o-transition-delay: 1.2s;
    transition-delay: 1.2s;
}
.ob-animation .animation-delay-6 {
    -webkit-transition-delay: 1.4s;
    -moz-transition-delay: 1.4s;
    -o-transition-delay: 1.4s;
    transition-delay: 1.4s;
}
.ob-animation .animation-delay-7 {
    -webkit-transition-delay: 1.6s;
    -moz-transition-delay: 1.6s;
    -o-transition-delay: 1.6s;
    transition-delay: 1.6s;
}
.ob-animation .animation-delay-8 {
    -webkit-transition-delay: 1.8s;
    -moz-transition-delay: 1.8s;
    -o-transition-delay: 1.8s;
    transition-delay: 1.8s;
}
.ob-animation .animation-delay-9 {
    -webkit-transition-delay: 2s;
    -moz-transition-delay: 2s;
    -o-transition-delay: 2s;
    transition-delay: 2s;
}
.ob-animation .animation-delay-10 {
    -webkit-transition-delay: 2.2s;
    -moz-transition-delay: 2.2s;
    -o-transition-delay: 2.2s;
    transition-delay: 2.2s;
}
.ob-animation .animation-delay-11 {
    -webkit-transition-delay: 2.4s;
    -moz-transition-delay: 2.4s;
    -o-transition-delay: 2.4s;
    transition-delay: 2.4s;
}
.ob-animation .animation-delay-12 {
    -webkit-transition-delay: 2.6s;
    -moz-transition-delay: 2.6s;
    -o-transition-delay: 2.6s;
    transition-delay: 2.6s;
}
.ob-animation .animation-delay-13 {
    -webkit-transition-delay: 2.8s;
    -moz-transition-delay: 2.8s;
    -o-transition-delay: 2.8s;
    transition-delay: 2.8s;
}
.ob-animation .animation-delay-14 {
    -webkit-transition-delay: 3s;
    -moz-transition-delay: 3s;
    -o-transition-delay: 3s;
    transition-delay: 3s;
}
.ob-animation .animation-delay-15 {
    -webkit-transition-delay: 3.2s;
    -moz-transition-delay: 3.2s;
    -o-transition-delay: 3.2s;
    transition-delay: 3.2s;
}
.ob-animation .animation-delay-16 {
    -webkit-transition-delay: 3.4s;
    -moz-transition-delay: 3.4s;
    -o-transition-delay: 3.4s;
    transition-delay: 3.4s;
}
.ob-animation .animation-delay-17 {
    -webkit-transition-delay: 3.6s;
    -moz-transition-delay: 3.6s;
    -o-transition-delay: 3.6s;
    transition-delay: 3.6s;
}
.ob-animation .animation-delay-18 {
    -webkit-transition-delay: 3.8s;
    -moz-transition-delay: 3.8s;
    -o-transition-delay: 3.8s;
    transition-delay: 3.8s;
}
.ob-animation .animation-delay-19 {
    -webkit-transition-delay: 4s;
    -moz-transition-delay: 4s;
    -o-transition-delay: 4s;
    transition-delay: 4s;
}
.ob-animation .animation-delay-20 {
    -webkit-transition-delay: 4.2s;
    -moz-transition-delay: 4.2s;
    -o-transition-delay: 4.2s;
    transition-delay: 4.2s;
}



.ob-fadein-onload {-webkit-animation: fadeIn .8s alternate ease-in-out;animation: fadeIn .8s alternate ease-in-out;}
.ob-left-right-onload  {-webkit-animation: leftRight .8s alternate ease-in-out;animation: leftRight .8s alternate ease-in-out;}
.ob-allAnim-onload  {-webkit-animation: allAnim 1s alternate ease-in-out;animation: allAnim 1s alternate ease-in-out;}

@-webkit-keyframes fadeIn{
    0%{  opacity: 0; }
    50%{  opacity: 0; }
    100%{  opacity: 1;  }
}
@keyframes fadeIn{
    0%{  opacity: 0; }
    50%{  opacity: 0; }
    100%{  opacity: 1;  }
}

@-webkit-keyframes leftRight{
    0%{  margin-left: -50px;padding-right: 50px; }
    50%{  margin-left: -50px;padding-right: 50px; }
    100%{  margin-left: 0;padding-right: 0;  }
}
@keyframes leftRight{
    0%{  margin-left: -50px;padding-right: 50px; }
    50%{  margin-left: -50px;padding-right: 50px; }
    100%{  margin-left: 0;padding-right: 0; }
}

@-webkit-keyframes allAnim{
    0%{  margin-left: -50px;padding-right: 50px;opacity: 0; }
    60%{  margin-left: -50px;padding-right: 50px;opacity: 0; }
    100%{  margin-left: 0;padding-right: 0; opacity: 1; }
}
@keyframes allAnim{
    0%{  margin-left: -50px;padding-right: 50px;opacity: 0; }
    60%{  margin-left: -50px;padding-right: 50px;opacity: 0; }
    100%{  margin-left: 0;padding-right: 0;opacity: 1; }
}