/* Variables */
:root {
    --container-width: 1200px; /* Initial value, updated by JavaScript */
    --fullcontainer-width: 1200px; /* Initial value, updated by JavaScript */
    --screen-sm: 990px;
    --screen-md: 1360px;
    --screen-lg: 1600px;
    --scrollbarwidth: 0px;
    --viewportwidth: calc(100vw - var(--scrollbarwidth));

    --Dark-blue: #37325A;
    --Red: #ED1651;
    --White: #FFF;
    --Light-Grey: #F2F2F2;
    --Grey: #E1E1E5;
    --Dark-grey: #6B7886;
}

/* Colors */
html {
  scroll-behavior: smooth;
}
/* CSS Reset */

/*
  1. Use a more-intuitive box-sizing model.
*/
*, *::before, *::after {
    box-sizing: border-box;
}
/*
2. Remove default margin
*/
* {
    margin: 0;
}
/*
Typographic tweaks!
3. Add accessible line-height
4. Improve text rendering
*/
body {
    line-height: 1.5;
    -webkit-font-smoothing: antialiased;
    margin: 0;
}
/*
5. Improve media defaults
*/
img, picture, video, canvas, svg {
    display: block;
    max-width: 100%;
}
/*
6. Remove built-in form typography styles
*/
input, button, textarea, select {
    font: inherit;
}
/*
7. Avoid text overflows 
*/
p, h1, h2, h3, h4, h5, h6 {
    overflow-wrap: break-word;
}

/* END CSS Reset */

/* basics */
img {
    height: auto;
}



/* Page Builder */
/* siteOrigin CSS */
.panel-grid.panel-has-style>.panel-row-style,
.panel-grid.panel-no-style{display:flex;-ms-flex-wrap:wrap;flex-wrap:nowrap;-ms-justify-content:space-between;justify-content:space-between}

.panel-layout.panel-is-rtl .panel-grid.panel-has-style>.panel-row-style,
.panel-layout.panel-is-rtl .panel-grid.panel-no-style{
-ms-flex-direction:row-reverse;
flex-direction:row-reverse
}

.panel-grid-cell {-ms-box-sizing:border-box;box-sizing:border-box}
.panel-grid-cell .panel-cell-style{height:100%}
.panel-grid-cell .so-panel{zoom:1}.panel-grid-cell .so-panel:before{content:"";display:block}

.panel-grid-cell .so-panel.so-panel:after{content:"";display:block;clear:both} 

.panel-grid-cell .panel-last-child{margin-bottom:0}.panel-grid-cell .widget-title{margin-top:0}


/* remove SO panels JS and set widths with CSS */

body, html{
	width: 100%;
    max-width: 100%;
}
.panel-grid, .panel-grid-cell {
	width: 100%;
}


[data-stretch-type=full-width-stretch] {
    width: var(--viewportwidth)!important;
    margin-left: calc( ( -100vw + 100%  + var(--scrollbarwidth) ) / 2)!important;
}

body.siteorigin-panels-before-js:not(.siteorigin-panels-css-container) .siteorigin-panels-stretch[data-stretch-type=full], 
[data-stretch-type=full] {
    width: var(--viewportwidth)!important;
    margin-right: auto!important;
    margin-left: calc( ( -100vw + 100%  + var(--scrollbarwidth) ) / 2)!important;
    // margin-left: calc( ( -100vw + 100% + var(--scrollbarwidth) ) / 2)!important;
    padding-left: calc( (100vw - 100% - var(--scrollbarwidth) ) / 2)!important;
    // padding-left: calc( (100vw - 100% - var(--scrollbarwidth) ) / 2)!important;
    padding-right: calc( ( 100vw - 100% - var(--scrollbarwidth)) / 2)!important; 
    // padding-right: calc( ( 100vw - 100% - var(--scrollbarwidth)) / 2)!important; 
}

@media (min-width: 990px ) and (max-width: 1360px - .1px) {
    body.siteorigin-panels-before-js:not(.siteorigin-panels-css-container) .siteorigin-panels-stretch[data-stretch-type=full], 
    [data-stretch-type=full] {
        // width: 100vw!important;
        width: var(--viewportwidth)!important;
        margin-left: -30px!important;
        margin-right: -30px!important;
        padding-left: 30px!important;
        padding-right: 30px!important; 
    }   
}
@media (max-width: 990px - .1px) { 
    body.siteorigin-panels-before-js:not(.siteorigin-panels-css-container) .siteorigin-panels-stretch[data-stretch-type=full],
    [data-stretch-type=full] {
 		margin-right: -16px!important;
        margin-left: -16px!important;
        padding-left: 16px!important;
        padding-right: 16px!important;
    }
}

/* END page-builder */

.site-content{
    background: #FFF;
}
        
.site-content > .container,
.site-footer .container,
.standard-container {
    width: 100%;
    max-width: 1440px;
    margin-left: auto;
    margin-right: auto;
}
.row-push-right {
    width: calc( 100% + ( 100vw - 100%  - var(--scrollbarwidth) ) / 2)!important;

}
/* @media (max-width: 1520px) { */
@media (max-width: 1600px) {
    .site-content > .container,
    .site-footer .container,
    .standard-container {
        max-width: 1200px;
    }
/*    .row-push-right {
        width: calc( 100% + ( 100vw - 100%  - var(--scrollbarwidth) ) / 2)!important;
    }*/
}
@media (max-width: 1299.9px) {
    .site-content > .container,
    .site-footer .container,
    .standard-container {
        max-width: calc(100% - 60px);
    }
}

@media (max-width: 999.9px) {
    .site-content > .container,
    .site-footer .container,
    .standard-container {
        max-width: calc(100% - 40px);
    }
}


.text-light {
    color: #fff;
}

mark {
    background-color: transparent;
    color: var(--Dark-Yellow, #FFD400);
}


.container {
    margin-left: auto;
    margin-right: auto;
}

/* TNS */
.tns-outer {
    max-width: 100%;
}

hr {
    border-color: #E1E1E5;
}

html { scroll-behavior: smooth; }


select{
    background-image: url("data:image/svg+xml,%3Csvg width='18' height='19' viewBox='0 0 18 19' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_1_101)'%3E%3Cpath d='M8.99999 10.379L12.7125 6.6665L13.773 7.727L8.99999 12.5L4.22699 7.727L5.28749 6.6665L8.99999 10.379Z' fill='%237C8593'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_1_101'%3E%3Crect width='18' height='18' fill='white' transform='translate(0 0.5)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
    -moz-appearance: none; 
    -webkit-appearance: none; 
    appearance: none;
    /* and then whatever styles you want*/
    background-repeat: no-repeat;
    background-position: 95% 50%;
    height: 30px; 
    width: 100px;
    padding: 5px;
}


@media (min-width: 1000px) {
    .desktop-hidden {
        display: none!important;
    }
}

@media (max-width: 999.9px) {
    .mobile-hidden {
        display: none!important;
    }
}