@import url("../fonts/fonts.css");

:root {
  
  --violet: #54004e;
  --green: #339caf;
  --lightgreen: #01bdd3;
  --black:#1f1f1f;
  --white: #fff;
  --lightgray: #f0f0f0;
  --softwhite: rgba(255,255,255,0.7);
  --height:100%;
  --bs-table-hover-bg: rgb(51 156 175 / 15%);
 
}
html {    overflow:auto;scroll-behavior: smooth;    }
body{  font-family: 'Roboto Condensed', Helvetica, Arial, Sans-Serif; font-weight: 300; font-size:22px; line-height:1.5; color:var(--black);   max-width: 1920px;    margin: 0 auto; }
.body-wrapper, .container,.sppb-row-container{    max-width: 1600px;    width: 100%;    margin: 0 auto;}

p {  line-height:1.5; }

.sppb-col, .sppb-col-auto, .sppb-col-lg, .sppb-col-lg-1, .sppb-col-lg-10, .sppb-col-lg-11, .sppb-col-lg-12, .sppb-col-lg-2, .sppb-col-lg-3, .sppb-col-lg-4, .sppb-col-lg-5, .sppb-col-lg-6, .sppb-col-lg-7, .sppb-col-lg-8, .sppb-col-lg-9, .sppb-col-lg-auto, .sppb-col-md, .sppb-col-md-1, .sppb-col-md-10, .sppb-col-md-11, .sppb-col-md-12, .sppb-col-md-2, .sppb-col-md-3, .sppb-col-md-4, .sppb-col-md-5, .sppb-col-md-6, .sppb-col-md-7, .sppb-col-md-8, .sppb-col-md-9, .sppb-col-md-auto, .sppb-col-sm, .sppb-col-sm-1, .sppb-col-sm-10, .sppb-col-sm-11, .sppb-col-sm-12, .sppb-col-sm-2, .sppb-col-sm-3, .sppb-col-sm-4, .sppb-col-sm-5, .sppb-col-sm-6, .sppb-col-sm-7, .sppb-col-sm-8, .sppb-col-sm-9, .sppb-col-sm-auto, .sppb-col-xl, .sppb-col-xl-1, .sppb-col-xl-10, .sppb-col-xl-11, .sppb-col-xl-12, .sppb-col-xl-2, .sppb-col-xl-3, .sppb-col-xl-4, .sppb-col-xl-5, .sppb-col-xl-6, .sppb-col-xl-7, .sppb-col-xl-8, .sppb-col-xl-9, .sppb-col-xl-auto, .sppb-col-xs-1, .sppb-col-xs-10, .sppb-col-xs-11, .sppb-col-xs-12, .sppb-col-xs-2, .sppb-col-xs-3, .sppb-col-xs-4, .sppb-col-xs-5, .sppb-col-xs-6, .sppb-col-xs-7, .sppb-col-xs-8, .sppb-col-xs-9, .sppb-row-column {
    padding-right: 20px;     padding-left: 20px; }

.h1, h1, h1 span {     font-size: 50px;     font-weight: 700; margin-bottom: 20px; text-transform: uppercase; line-height:1.1;}
.h2, h2, h2 span {     font-size: 50px;     font-weight: 700; margin-bottom: 20px; text-transform: uppercase; line-height:1.1;}
.h3, h3, h3 span {    font-size: 30px;     font-weight: 700; margin-bottom: 20px;}
.h4, h4, h4 span {     font-size: 20px;     font-weight: 700; margin-bottom: 20px; }
h1 span, h2 span, h3 span, h4 span {    color:var(--green) }

.legal h1, .legal h2, .legal h3, .legal h4 {margin-top:30px; margin-bottom: 30px;}

a {    color: var(--green); font-weight: 400;}
a:hover {color: var(--black);}
#sp-footer a, #sp-bottom a {     color: var(--green); }
#sp-footer a:hover, #sp-footer a:active, #sp-footer a:focus { color: var(--black);}
#sp-bottom h3  {margin-bottom:30px;}
#sp-bottom h3 a {font-weight:700 ;}
b, strong {    font-weight: 700;}

.sppb-btn, .sppb-btn-square {      border-radius: 5px; background: var(--white);     border: 2px solid var(--green); color: var(--green);     font-size: 20px;     font-weight: 400; padding: 12px 20px !important; text-transform: uppercase;}
.sppb-btn-primary, h4.sppb-addon-title {     border-radius: 5px; background: var(--green);     transform:none !important; border: 2px solid var(--green); color: var(--white) !important;  text-transform: uppercase;   font-size: 20px;     font-weight: 400; padding: 12px 20px !important; }
.sppb-btn-secondary {     border-radius: 5px; background: var(--black);     border: 2px solid var(--green); color: var(--green) !important;     font-size: 20px;     font-weight: 400; padding: 12px 20px !important;text-transform: uppercase; }
.btn:hover, .sppb-btn:hover, .btn-primary:hover, .sppb-btn-primary:hover, .btn-secondary:hover, .sppb-btn-secondary:hover, h4.sppb-addon-title:hover {   color: var(--white)!important;  border-color: var(--lightgreen);      background-color: var(--lightgreen);}
#cta .sppb-btn-primary {WIDTH: 250px !important; text-align:left;}

h4.sppb-addon-title  {  margin-bottom: 0;}
h4.sppb-addon-title a { color: var(--white); }
h4.sppb-addon-title a:hover { color: var(--black)}



#sp-top-bar {    background: transparent;    color: var(--black);    padding: 0;}
#sp-top1 {    top: 0;    position: relative;    height: auto;}
#sp-top-bar .sp-module.mod_translateinfo {    background: #f0f0f0;border-radius: 0 0 10px 10px;     padding: 10px 40px 0px 20px;position:relative;}
.sp-module.mod_translateinfo a.closepopup {    color: var(--black)!important;    position: absolute;    top: 3px;    right: 15px;    font-size: 25px;    width: 20px;    height: 20px;    z-index: 27;    display: block;}
.sp-module.mod_translateinfo a.closepopup:hover {    color: var(--green)!important;  }


#sp-header .logo {    height: 120px;   margin: 0;  }
#sp-header {    box-shadow:none; height: 120px;   margin: 0;  }
/*--- hide search in menu ---*/ .header-modules {     display: none !important; }

/*--- menu ---*/
#sp-menu {    margin-top: 36px;}
.sp-megamenu-parent {    margin: 0 15px;}
.sp-megamenu-parent>li>a, .sp-megamenu-parent>li>span {  color: var(--black); font-weight:700 !important;  line-height: 1;    font-size: 17px;  text-transform:uppercase; padding: 10px 25px;}
.sp-megamenu-parent>li:hover>a {     color: var(--green);}
.sp-megamenu-parent .sp-menu-item>a img, .sp-megamenu-parent .sp-menu-item>span img {    width: 22px;     margin: 0px 5px 4px 0;}
.sp-megamenu-parent span.image-title {    font-weight: 700;}
.sp-megamenu-parent>li:last-child>a {     padding: 0px 15px 0px 15px; }
.sp-megamenu-parent>li {    border-radius: 4px;}
.sp-megamenu-parent>li a.disabled {
    color: #6c757d!important;
    pointer-events: none;
    
}

.sp-megamenu-parent .sp-dropdown li.sp-menu-item>a {       font-size: 18px;     padding: 10px 5px;     font-weight: 700;}
.sp-megamenu-parent .sp-dropdown li.sp-menu-item>a:hover {     color: var(--green);    }
body.ltr .sp-megamenu-parent>li.sp-has-child>a:after, body.ltr .sp-megamenu-parent>li.sp-has-child>span:after {      font-size: 16px;  top: 2px;    position: relative;}
.sp-megamenu-parent>li.active>a, .sp-megamenu-parent>li.active:hover>a {     color: var(--green);}
.sp-megamenu-parent .sp-dropdown li.sp-menu-item.active>a {     color: var(--green);}
.sp-megamenu-parent .sp-dropdown li.sp-menu-item.active:hover>a {     color: var(--green); }
.sp-megamenu-parent .sp-dropdown .sp-dropdown-inner {    box-shadow: 0 3px 10px 0 rgba(0, 0, 0, 0.3);}
.sp-megamenu-parent .sp-dropdown li.sp-menu-item>a, .sp-megamenu-parent .sp-dropdown li.sp-menu-item span:not(.sp-menu-badge) {    font-size: 18px;    padding: 15px 15px 15px 5px;    font-weight: 700;}

.sp-megamenu-parent .sp-dropdown .sp-dropdown-inner {    padding: 20px 0;}
.sp-megamenu-parent .sp-dropdown li.sp-menu-item {    padding: 0 20px;}
.sp-megamenu-parent .sp-dropdown.sp-dropdown-sub {     top: -20px;}
.sp-megamenu-parent .sp-dropdown li.sp-menu-item:has(> .sp-dropdown-sub) .sp-menu-separator{  display: block;}
.sp-megamenu-parent .sp-dropdown li.sp-menu-item:has(> .sp-dropdown-sub) .sp-menu-separator:hover{ color: var(--green); }
.sp-megamenu-parent .sp-dropdown li.sp-menu-item:has(> .sp-dropdown-sub) .sp-menu-separator:after{  font-family: "Font Awesome 6 Free";  content: "\f105";   font-size:16px;  float: right; top: 2px;right: -15px; position:relative;  margin-left: 7px;    font-weight: 900; }
li.sp-menu-item:hover {     background-color: var(--lightgray); }
.sp-dropdown.sp-dropdown-main.sp-menu-right , .sp-dropdown.sp-dropdown-sub.sp-menu-right{
    width: 260px !important;
}
/*--- static submenu ---*/
.static_submenu { margin-bottom: 10px; background-color: var(--lightgray);}
.static_submenu .sp-module-title {     background-color: var(--green);  color:white;   display: inline-block;     font-size: 18px;     font-weight: 400;     padding: 10px 20px;  margin-right: 5px;  border-radius: 10px 0 0 10px;  }
.static_submenu ul.menu {     display: inline-block; background: var(--lightgray);   margin-bottom: 0px;     padding: 0; }
.static_submenu ul.menu li {    display: inline-block;    padding: 10px 18px;    font-size: 16px;  color: var(--green);     transition: color 400ms, background-color 400ms;}
.static_submenu ul.menu li a {    font-weight: 700;   }

.static_submenu ul>li.active>a, .static_submenu .sp-dropdown-items ul>li.active>a {     color: var(--green) !important; } 
.static_submenu ul>li>a:hover {     color: var(--green) !important;}
.static_submenu .sp-module-content {display:inline-block;}
.static_submenu .menu li:hover {     background-color: #e3e3e3; }

#sp-header .sp-module {    margin-left: 0;}
.gpt_float_switcher {    box-shadow: none!important;    margin-top: 5px;}
.gpt_float_switcher .gpt_options {    position: absolute!important;}
.gpt_float_switcher .gt-selected .gpt-current-lang span.gt-lang-code {    display: none!important;}


/*-- divers ---*/
.boxed-img {padding: 40px; border: 1px solid #e1e1e1;  background-color:white;   text-align: center; margin: 10px 0;}

/*--- hero ---*/
div#hero-content-left {    background: var(--black);    width: 35%;    position: absolute !important;    bottom: -115px;    height: auto;    margin: 40px; left: 0;}
div#hero-content-right {    background: var(--black);    width: 35%;    position: absolute !important;    bottom: -115px;    height: auto;    margin: 40px; right: 0;}


/*--- logo ---*/

.heading-big-bg1 {    font-size: 230px;     line-height: 1;     color: #eceef3;     font-weight: 700;     position: relative;     top: 80px; }	
.heading-big-bg2 {    font-size: 230px;     line-height: 1;     color: #eceef3;     font-weight: 700;     position: relative;     top: -80px; }	
#home_markets .sppb-row-column {    padding: 15px;  }	


#sp-footer, #sp-bottom {    background: none; }
#footer .sppb-row-column {     margin: 0;     padding: 0; }
#sp-footer {    margin: 100px 20px; font-size:20px;}
.sppb-addon-form-builder-form textarea.sppb-form-control {     height: 100px;}

/*--- border-radius ---*/
.sppb-section, .sppb-column, .sppb-addon-overlay-image-content, img.sppb-img-responsive, .addon-root-image > div, .static_submenu, .sppb-addon-single-image {    border-radius: 10px !important; } 

#footer .sppb-column {border-radius:0 !important;}

table p {margin-bottom:0;}
.sppb-addon-text-block ul li {    list-style-type: none;     margin-bottom: 0px;     content: '';     display: block;     vertical-align: baseline;     padding: 0px 0 5px 30px;     background: url(../images/icon-plus-green.svg) 0 3px no-repeat;     background-size: 20px; }
.sppb-addon-text-block ul.download li {    background: url(../images/icon-save-as-pdf.svg) 0 3px no-repeat;     background-size: 24px; }

.sppb-addon-text-block ol, .sppb-addon-text-block ul {padding-left:0;}

/*--- accordion ---*/
.sppb-addon-accordion .sppb-row-column {     padding: 0;}
.sppb-panel-title {    font-size: 22px; font-weight:400; }
.sppb-panel-modern>.sppb-panel-heading {     padding: 15px 30px 15px 0px;     background: var(--lightgray);     color: var(--black); border-top:none; border-left:none; border-right:none;border-bottom: 1px solid #ccc;}
.sppb-panel-modern .sppb-panel-body {     background-color: var(--lightgray); }

#contact_accordion .sppb-panel-title {    color: var(--green); font-size: 32px;  text-transform:uppercase;   font-weight: 700; } 
#contact_accordion .sppb-title-heading 	{padding-left:18px;}
#contact_accordion button .sppb-panel-title	{    transition: all .15s ease-in-out;}
#contact_accordion button 	{    padding-top: 15px; padding-bottom:15px;}
#contact_accordion button:hover .sppb-panel-title {    color: var(--black);  } 

#contact_accordion .sppb-nested-row .sppb-column-addons {     background: var(--lightgray);         border-radius: 10px;     padding: 30px; }
#contact_accordion .sppb-addon-content h3 {text-transform:uppercase;}
#contact_accordion .far {     margin-right:10px; }
#contact_accordion .sppb-addon-accordion .sppb-row-column { padding: 15px 20px 15px 15px; }
#contact_accordion .sppb-panel-faq .sppb-panel-body { padding-bottom: 40px; padding-top: 40px;}
#contact_accordion .sppb-panel-faq>.sppb-panel-heading .sppb-toggle-direction {     color: var(--green); }
#contact_accordion input[type="text"]:not(.form-control), #contact_accordion input[type="email"]:not(.form-control), #contact_accordion .sppb-form-control, #contact_accordion .sppb-form-group .sppb-form-control {
    background-color: var(--lightgray);}


/*--- cta modul ---*/
#cta .sppb-row-column {     padding: 0 5px; }

.cta_textbox img {    vertical-align: middle;    display: inline;    margin-top: -4px;    width: 32px;    height: 32px;}

/*--- falang ---*/
.mod-languages {     margin-top: 36px; }

/*--- GPTranslate ---*/
a.nturl.gpt-current {    background-color: #ddd);}
div.gpt_float_switcher div.gpt_options {   background-color: var(--lightgray);  width: 50px; max-height: unset;}

/*--- map popover ---*/
.sppb-popover-content-item .sppb-card-body {    box-shadow: 0 0 20px rgba(0, 0, 0, 0.1); }
.sppb-addon.sppb-addon-popover .sppb-marker {    background: var(--green);}
.sppb-popover-wrap {    width: 300px;}
.sppb-popover-content-title {     font-size: 18px;     line-height: 1;     font-weight: 700;     letter-spacing: unset;     margin-bottom: 10px; }
.sppb-popover-content-text p {font-size:16px; margin-bottom: 10px ; line-height: 1.3; font-weight:400;}
.sppb-popover-content-link-wrap {font-size:16px; margin-bottom: 0px ; font-weight:400;}
.sppb-addon.sppb-addon-popover .sppb-marker:hover, .sppb-addon.sppb-addon-popover .sppb-marker.active {     color: var(--green);}
.sppb-popover-marker.sppb-marker::before {  content:"";       background: rgba(51, 156, 176, 0.25);     width: 80px;     height: 80px;     position: absolute;     border-radius: 50%; animation: pulse-animation 5s infinite;}
@keyframes pulse-animation {
  0% {     opacity:0.4; transform: scale(0.7);   }
  60% {     opacity:1; transform: scale(1);   }
  100% {     opacity:0.4; transform: scale(0.7);   }
}
/*--- contact form ---*/
.sppb-form-check .sppb-form-check-label {     font-size: 18px; margin-left:20px;}
.sppb-form-check .sppb-form-check-input {   padding: 1rem !important;  position: absolute;      margin-left: 0;    top: 0px;     left: 0px;     height: 25px;     width: 25px;     opacity: 1;     background-color: #fff;}
.sppb-form-group {padding: 0 15px;}
.sppb-form-button {margin-top:40px;}

input[type="text"]:not(.form-control), input[type="email"]:not(.form-control), .sppb-form-control, .sppb-form-group .sppb-form-control {     padding: 15px !important; background-color: #fff;     border: none !important;     border-radius: 0.25rem;     font-weight: 300; }

.rtm {    color: inherit;    top: -.3em;}
.downloadbox{background-position: top 20px right 20px !important;    background-size: 100px !important;}

body.ltr #offcanvas-toggler.offcanvas-toggler-right {    margin: 0 20px;}
.offcanvas-menu {    color: var(--white);    background: var(--green);}
.offcanvas-menu .burger-icon>span {       background-color: var(--white);}
.offcanvas-menu .offcanvas-inner ul.menu>li>a, .offcanvas-menu .offcanvas-inner ul.menu>li>span {    color: var(--white)!important;    font-weight: 700 !important;    line-height: 1;    font-size: 17px;    text-transform: uppercase;    padding: 10px 25px;opacity:1;}
.offcanvas-menu .offcanvas-inner ul.menu>li.menu-parent>a>.menu-toggler, .offcanvas-menu .offcanvas-inner ul.menu>li.menu-parent>.menu-separator>.menu-toggler {    color: var(--white);}
.offcanvas-menu.border-menu .offcanvas-inner ul.menu>li {    border-bottom: none;}
.offcanvas-menu img.icon-phone {    width: 22px;    filter: invert(1);    margin-right: 5px;}
.offcanvas-menu .offcanvas-inner ul.menu>li a, .offcanvas-menu .offcanvas-inner ul.menu>li span {    color: var(--white);}
body.ltr .offcanvas-menu .offcanvas-inner ul.menu>li.menu-parent>a>.menu-toggler, body.ltr .offcanvas-menu .offcanvas-inner ul.menu>li.menu-parent>.menu-separator>.menu-toggler,
.offcanvas-menu .offcanvas-inner ul.menu>li.menu-parent li.menu-parent .menu-toggler  {    right: 0;    width: 100%;    text-align: end;}
.offcanvas-menu .offcanvas-inner ul.menu>li>ul li a,
.offcanvas-menu .offcanvas-inner ul.menu>li a, .offcanvas-menu .offcanvas-inner ul.menu>li span {     position: relative;   padding:  12px 15px;    color: var(--white) !important;    font-weight: 700 !important;    line-height: 1;    font-size: 17px;    text-transform: uppercase;    display: block;}


.white-popup-block {
   
    max-width: 1000px;
  
}
/*--- Responsive Design ---*/

@media (max-width: 1600px ){
	
.static_submenu {    margin: 0 15px 15px 15px;}



	
}

@media (max-width: 1440px ){

.h1, h1, h1 span {     font-size: 40px;  }
.h2, h2, h2 span {     font-size: 40px;     }
.h3, h3, h3 span {     font-size: 25px;  }
.h4, h4, h4 span {     font-size: 18px;  }
p, h4.sppb-addon-title {font-size:20px;}
.sppb-btn, .sppb-btn-secondary, .sppb-btn-primary {font-size: 20px; padding:10px !important;}
#hero, .hero {        padding: 0 !important;        max-height: 600px !important;    } 

 } 
 
@media (max-width: 1366px ){}

@media (max-width: 1280px ){}

@media (max-width: 1199px) { 

#offcanvas-toggler { display: flex !important; } 
.sp-megamenu-parent{     display:none !important; }
 .hero{  }
.hero .sppb-col-md-12  {        max-width: 50% !important;        flex-basis: 50% !important;}
table{    display: block;    overflow-x: auto;    white-space: nowrap;}
.static_submenu {        display: block;        overflow-x: auto;        white-space: nowrap;    }
::-webkit-scrollbar { height: 0 !important }


}



@media (max-width: 1024px){

#faq    {        background-size: 85%!important; }	
#faq  .sppb-row-column    {        max-width: 70% !important;        flex-basis: 70% !important;           padding-top: 250px!important;      }	

	
	
	
	
	
	
}

@media (max-width: 996px){
#experience img {    width: 100%;    max-width: 100%;    height: auto;}	
#cta .fullimg img {    width: 100%;    max-width: 100%;    height: auto;}		
 .hero  {     }
.hero .sppb-col-md-12  {        max-width: 100% !important;        flex-basis: 100% !important;          }
.hero .sppb-col-md-12 	.sppb-column.pull-right{padding:15px!important}
.hero  + .sppb-section {background-position: 0 0!important;}
 .sppb-section .sppb-row-column    {        max-width: 100% !important;        flex-basis: 100% !important;          }	
#faq  .sppb-row-column    {        padding-top: 160px!important;      }		
#about_tportrait	.sppb-row-column:nth-child(1)    {        max-width:33.3333% !important;        flex-basis: 33.333% !important;          }	
#about_tportrait	.sppb-row-column:nth-child(2)    {        max-width:66.6666% !important;        flex-basis:66.6666% !important;          }		


}

@media (max-width: 736px){}

@media (max-width: 667px){}

@media (max-width: 600px){}
 
@media (max-width: 568px){}

@media (max-width: 430px){
.h1, h1, h1 span {     font-size: 35px;  }
.h2, h2, h2 span {     font-size: 35px;     }
#hero {	max-height:none!important;	background-size: 220% !important;    }
.downloadbox   {padding:15px!important;            background-image: none !important;}	
.textboxgray   {padding:15px!important;     }
#faq    {        background-size: 100%!important; }	
#faq  .sppb-row-column    {        max-width: 100% !important;        flex-basis: 100% !important;           padding-top: 100px!important;      }		
#faq  .sppb-row-column 	.sppb-column  {padding:15px!important}
#about_tportrait	.sppb-row-column:nth-child(1)    {       max-width: 100% !important;        flex-basis: 100% !important;             }	
#about_tportrait	.sppb-row-column:nth-child(2)    {     max-width: 100% !important;        flex-basis: 100% !important;         }	
.sppb-addon.sppb-addon-popover > .sppb-addon-content{
 
    display: block;
    overflow-x: auto;
    white-space: nowrap;   
}
        .sppb-addon.sppb-addon-popover .sppb-inline {

            height: 500px;
            width: 954px;            max-width: none;
        }
.sppb-addon.sppb-addon-popover img {
    max-width: none;
    height: 500px;
    width: auto;
}



}

@media (max-width: 384px){}

@media (max-width: 360px){
 #hero {        height: 750px!important;    }
	
	
	
}

@media (max-width: 320px){}