/*
Theme Name: Sixeed
*/

/* **************************************************************************** */
/* ########################### GENERIC DEFAULTS ############################### */
/* **************************************************************************** */

@font-face {font-display: swap;font-family: 'Poppins';font-style: normal;font-weight: 100;src: url('./fonts/poppins-v21-latin-100.woff2') format('woff2');}
@font-face {font-display: swap;font-family: 'Poppins';font-style: normal;font-weight: 200;src: url('./fonts/poppins-v21-latin-200.woff2') format('woff2');}
@font-face {font-display: swap; font-family: 'Poppins';font-style: normal;font-weight: 300;src: url('./fonts/poppins-v21-latin-300.woff2') format('woff2');}
@font-face {font-display: swap; font-family: 'Poppins';font-style: normal;font-weight: 400;src: url('./fonts/poppins-v21-latin-regular.woff2') format('woff2');}
@font-face {font-display: swap; font-family: 'Poppins';font-style: normal;font-weight: 500;src: url('./fonts/poppins-v21-latin-500.woff2') format('woff2');}
@font-face {font-display: swap; font-family: 'Poppins';font-style: normal;font-weight: 600;src: url('./fonts/poppins-v21-latin-600.woff2') format('woff2');}
@font-face {font-display: swap; font-family: 'Poppins';font-style: normal;font-weight: 700;src: url('./fonts/poppins-v21-latin-700.woff2') format('woff2');}
@font-face {font-display: swap; font-family: 'Poppins';font-style: normal;font-weight: 800;src: url('./fonts/poppins-v21-latin-800.woff2') format('woff2');}


body { 
    font-family: 'Poppins', sans-serif;
    font-size:16px;
    color:#222222;
    margin:0;
}

a{
    text-decoration:none;
    transition:0.5s;
    color:#00309b;
}

a:hover{
    text-decoration:none;
}

a img {border: none;} 


h1{
    font-size:48px;	
    font-weight:600;
    line-height:150%;
}

h2{
    font-size:30px;	
    font-weight:600;
    line-height:150%;
}

h3{
    font-size:24px;	
    font-weight:600;
    line-height:150%;
}

h4{
    font-size:22px;	
    font-weight:600;
    line-height:150%;
}

h5{
    font-size:20px;	
    font-weight:600;
    line-height:150%;
}

h6{
    font-size:18px;	
    font-weight:600;
    line-height:150%;
}

p{line-height:160%;}

.site-transparent-bk{background-color:transparent;}

.site-font-1{font-family: 'Poppins', sans-serif;}
.site-font-2{font-family: Georgia, 'Times New Roman', Times, serif;}

.hide-field{z-index:-100000;}

.margin-neg-5{margin:-5px -5px -5px -5px;}
.margin-neg-10{margin:-10px -10px -10px -10px;}
.margin-neg-20{margin:-20px -20px -20px -20px;}

.site-margin{
    padding-left:20px;
    padding-right:20px;
}

.site-width{max-width:1250px;}
.site-width-2{max-width:1600px;}

.hamburger-container{-webkit-tap-highlight-color:transparent}


/* **************************************************************************** */
/* ############################# HEADER ##################################### */
/* **************************************************************************** */

.logo{
    height:30px;
    padding-top:18px;
    padding-bottom:18px;
}

.desktop-header{
    border-bottom:transparent 1px solid;
    box-sizing:border-box;
}

.mobile-header{display:none;}
.mobile-search{background:#000;}
.standard-desktop-header{border-bottom:#dddddd 1px solid;}


/* ---------------------------------------------------------------------------- */
/* ############################## SLIDER ###################################### */
/* ---------------------------------------------------------------------------- */

.slidecontainer{position:relative;}

.slidecontainer_maintext{
    color:#fff;
    text-align:center;
    font-size:60px;
    font-weight:300;
    padding-left:30px;
    padding-right:30px;
    font-family: 'Source Serif Pro', serif;
}

.slidecontainer_smalltext{
    color:#fff;
    text-align:center;
    font-size:45px;
    text-align:center;
    padding-left:30px;
    padding-right:30px;
    font-weight:600;
}

.slideimagecontainer{
    background-repeat:no-repeat ;
    background-size:cover ;
    z-index:-1 ;
    height:776px;
    width:100%; 
    position:relative;
}

.slidebuttoncontainer{
    padding-top:20px;
    padding-bottom:40px;
}

.slidebutton{
    font-size:17px;
    background:#008812;
    color:#fff ;
    padding: 12px 18px;
    box-sizing:border-box;
    cursor:pointer;
    border-radius: 4px;
    display:inline-block;
    transition: 0.5s;
    box-shadow:inset 0 0 5px 0px #004e0b;
}

.slidebutton:hover{
    background:#f2001b;
    color:#fff;
    text-decoration:none;
}

#pager{
    width:100%;
    text-align:center;
    position:absolute;
    z-index:300;
    bottom:0;
    /* background:rgba(0, 0, 0, 0.7); */
    left:0;
    right:0;
    padding-top:22px;
    padding-bottom:22px;
}

#pager a{
    display:inline-block;
    width: 35px; 
    height: 35px; 
    margin-right:5px; 
    background:url(images/paginateoff.png) no-repeat;
}

#pager a:last-child{margin-right:0;}
#pager a.cycle-pager-active {background:url(images/paginateon.png) no-repeat;}


/* ---------------------------------------------------------------------------- */
/* ############################ IMAGE BANNER ################################## */
/* ---------------------------------------------------------------------------- */

.slideimagecontainer2{
    background-repeat:no-repeat ;
    background-size:cover ;
    z-index:-1 ;
    width:100%;
}

/* ********************************************************************* */
/* ############################# MOBILE MENU ############################ */
/* ********************************************************************* */

#mobile-nav-bar{
    display:none;
    background-color:#fff;
    box-sizing:border-box;
}

#mobile-nav-window{display:none;}

.hamburger-menu-x-1{
   position:absolute;
   left:0;
   right:0;
   top:0;
   bottom:0;
   transform: rotate(45deg);
}

.hamburger-menu-x-2{
    position:absolute;
    left:0;
    right:0;
    top:0;
    bottom:0;
    transform: rotate(-45deg);
}


/* **************************************************************************** */
/* ############################# DESKTOP MENU ################################# */
/* **************************************************************************** */

/* main top links */

.headermenu-white ul .menu-item  a{color:#fff;}
.headermenu-white ul .menu-item  a:hover{color:#fff;}
.headermenu-black ul .menu-item  a{color:#001238;}
.headermenu-black ul .menu-item  a:hover{color:#001238;}

.headermenu ul .menu-item  a{
    font-size:14px;
    transition: 0.5s;
    font-weight:500;
    display:block;
    padding:10px 17px;
}

.menu-item-disable{
    font-size:14px;
    transition: 0.5s;
    font-weight:500;
    display:block;
    padding:10px 17px;
    cursor:pointer;
}

.headermenu ul ul .menu-item  a{font-weight:400;cursor:pointer;}
.headermenu ul .menu-item  a:hover{text-decoration:none;}

/* current menu */

.headermenu ul li ul .current-menu-item{position:relative;}
.headermenu ul li ul li ul > .current-menu-item a{color:#72b300 !important;cursor:pointer;}

/* submenu href */

.headermenu-black ul li ul li ul .menu-item a:hover{
    color:#72b300;
    /* box-shadow: inset 4px 0 0 #3366ff; */
    background-color:#fff;
    position:relative;
    box-shadow:
    inset -1px 0   0 #eaeaea,
    inset  0  -1px 0 #eaeaea,
    inset  0   1px 0 #eaeaea;
    border-radius:0 20px 20px 0;
}

.headermenu-black ul li ul li ul .menu-item a:hover::before{
    content:'';
    position: absolute;
    top: 0;
    left: 0;
    bottom:0;
    width: 0;
    background-color:#72b300;
    border-radius:5px 0 0 5px;
}

.headermenu-white ul li ul li ul .menu-item a:hover{
    color:#72b300;
    background-color:#fff;
    position:relative;
}

.headermenu-white ul li ul li ul .menu-item a:hover::before{
    content:'';
    position: absolute;
    top: 0;
    left: 0;
    bottom:0;
    width: 4px;
    background-color:#72b300;
}

.headermenu ul li ul .menu-item a{
    color:#363636;
    font-size:14px;
    padding:5px 15px;
    display:block;
    box-sizing:border-box;
    background-color:transparent;
    margin:0;
}

.headermenu ul li ul .menu-item .link-highlight{
    color:#72b300;
    font-weight:600;
}

.headermenu ul li ul .menu-item a span.sub { 
    color:#636363;
    font-weight:400;
    transition:0.5s;
}

/* ULS */

.headermenu ul{
    display:flex;
    flex-direction:row;
    margin:0;
    padding:0;
    list-style:none;
}

/*
.headermenu > ul >li:first-child{
    cursor:pointer;
}
*/

.headermenu ul li{
    display:flex;
    flex-direction:column;
    margin:0;
    position:relative;
    transition:0.5s;
}

.headermenu ul li:hover{
    border-radius:3px;
}

.menu-bubble-outer{
    visibility:hidden;
    opacity:0;
    position:fixed;
    z-index:1400;
    background-color:rgba(0,18,56,0.5);
    transition:0.2s;
    left:0;
    right:0;
    bottom:0;
}

.menu-bubble{
    visibility:hidden;
    opacity:0;
    position:fixed;
    overflow:hidden;
    z-index:1500;
    background:linear-gradient(#f2f5f8, #fff);
    transition:0.2s;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    border-top:#dddddd 1px solid;
    left:0;
    right:0;
}

.headermenu ul li ul{flex-direction:row;}
.headermenu ul li ul:first-child{border-left:#dddddd 1px solid;}

.headermenu ul li ul li{
    display:flex;
    flex-direction:column;
    border-right:#dddddd 1px solid;
    box-sizing:border-box;
    padding-bottom:34px;
}

.headermenu ul li ul li ul{display:block;}

.headermenu ul li ul li ul li{
    display:block;
    width:100%;
    border:0;
    padding-bottom:initial;
}

.headermenu ul li ul li:hover{
    background-color:transparent;
    background-color:initial;
}

.mainmenu .menu-item-has-children{
    padding-right:13px;
    position:relative;
}

.menu-arrow-up:after{
    content: "\f106";
    font-family: FontAwesome;
    position: absolute;
    top: 50%;
    webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    right: 10px;
    line-height:100%;
    color:#72b300;
}


.menu-arrow-down:after{
    content: "\f107";
    font-family: FontAwesome;
    position: absolute;
    top: 50%;
    webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    right: 10px;
    line-height:100%;
}

.headermenu-white .menu-arrow-down:after{color:#fff;}
.headermenu-black .menu-arrow-down:after{color:#72b300;}

.menu-highlight{
    background-color:#fbfcff;
    border-top:#e1e1e1 1px solid;
    box-sizing:border-box;
}

.headermenu ul li ul .menu-highlight a:hover{background-color:#fbfcff;}

.menu-highlight-2{
    background-color:#fbfcff;
    border-top:#e1e1e1 1px solid;
    border-bottom:#e1e1e1 1px solid;
    box-sizing:border-box;
}

.headermenu ul li ul .menu-highlight-2 a:hover{background-color:#fbfcff;}

.menu-blue-bar{
    border-radius:50% 50% 2px 2px;
    background-image:linear-gradient(#72b300,#72b300);
}

/* **************************************************************************** */
/* ############################## HYPER LIGHT ####################################### */
/* **************************************************************************** */

.hyperlightbk{background-color:#1e1e1e;}

.hyperlightbk ::-webkit-scrollbar {
    width: 12px; /* Set the width of the scrollbar */
}

.hyperlightbk ::-webkit-scrollbar-track {
    background-color: transparent;
    border-left:#333333 1px solid;
    border-right:#333333 1px solid;
    border-top:#333333 1px solid;
    border-bottom:#333333 1px solid;
}

.hyperlightbk ::-webkit-scrollbar-thumb {
    background-color: #888; 
    border-radius: 6px; 
}

.hyperlightbk   ::-webkit-scrollbar-thumb:hover {
    background-color: #555; /* Set the color of the scrollbar handle on hover */
}


/* **************************************************************************** */
/* ############################## MODAL ####################################### */
/* **************************************************************************** */

.modal{
    position:fixed;
    top:0;
    bottom:0;
    left:0;
    right:0;
    background-color:rgba(0,0,0,0.7);
    z-index:10000;
    flex-direction:column;
    justify-content:center;
    align-items:center;
    transition:0.5s;
    display:none;
    opacity:0;
}

.modal-mod{backdrop-filter: blur(5px);}

/* **************************************************************************** */
/* ############################# BUTTONS ##################################### */
/* **************************************************************************** */

.green-button{
    font-size:14px;
    background:#72b300;
    color:#fff ;
    padding: 10px 20px;
    box-sizing:border-box;
    cursor:pointer;
    border-radius: 30px;
    display:inline-block;
    transition: 0.5s;
    box-shadow:inset 0 0 2px 0 #0b7043;
    font-weight:600;
}

.green-button:hover{
    background:#72b300;
    color:#fff;
    text-decoration:none;
    box-shadow:inset 0 0 6px 0 #084d2e;
}

.header-button2{
    color:#fff;
    box-shadow:inset 0 0 2px 0 #0b7043;
    border-radius:20px;
    padding:8px 17px 8px 17px;
    font-weight:600;
    font-size:14px;
    transition:0.5s;
    background-color:#72b300;
}

.header-button2:hover{box-shadow:inset 0 0 6px 0 #0b7043;}


/* **************************************************************************** */
/* ############################# BULLETS ##################################### */
/* **************************************************************************** */

.check-list {
    list-style: none;
    counter-reset: item;
    display:inline-block;
    padding-left:35px;
}

.check-list > li {
    counter-increment: item;
    margin-bottom: 15px;
    position:relative;
    margin-bottom:10px;
    line-height:170%;
    font-weight:600;
}

.check-list > li:before {
    font-family: "Font Awesome 5 Free";
    position:absolute;
    content: "\f058";
    color: #72b300;
    text-align: center;
    display: inline-block;
    font-size:20px;
    left:-35px;
    top:0;
    font-weight: 900;
}

/* **************************************************************************** */
/* ############################# PAGE NAVI ##################################### */
/* **************************************************************************** */

.wp-pagenavi a{
    padding:5px 10px;
    background-color:#dddddd;
    box-shadow:inset 0 0 10px 0 #d6d3d3;
    border-radius:5px;
    font-size:18px;
    color:#020d42;
    margin:0 5px;
    cursor:pointer;
}

.wp-pagenavi a:hover{
    text-decoration:none;
    background-color:#cccccc;
}

.wp-pagenavi .current{
    cursor:pointer;
    padding:5px 10px;
    background-color:#72b300;	
    border-radius:5px;
    font-size:18px;
    color:#fff;
    margin:0 5px;
}

.wp-pagenavi a:hover, .wp-pagenavi span.current {
    border-color: #00309b;
}

.wp-pagenavi .current :hover{
    text-decoration:none;
}

.wp-pagenavi .pages{
    display:none;
}


/* **************************************************************************** */
/* ######################### CONTACT VERTICAL FORM ############################ */
/* **************************************************************************** */


.ver-form form{
    display:flex;
    flex-direction: column;
    justify-content: center;
    margin:auto;
    flex: 1;
}

.ver-form p{
    display:flex;
    flex-direction: column;
    justify-content: center;
    margin:0;
    padding:0;
    margin:0;
}

.ver-form .ajax-loader{
    display:none ;
}

.ver-form input{
    box-sizing: border-box;
    border:#cccccc 1px solid;    
    font-size:14px;
    padding:10px 10px;
    outline:none;
    margin:5px 0 7px 0;
    display:flex;
    justify-content: center;
    flex: 1; 
    width:100%;
    border-radius:3px;
    box-shadow: inset 0 0 5px 0 #f5f5f5;
    transition:0.5s;
 }

.ver-form select{
    box-sizing: border-box;
    border:#cccccc 1px solid;    
    font-size:14px;
    padding:10px 10px;
    outline:none;
    background: url(images/br_down.png) #fff no-repeat right;
    -webkit-appearance: none;
    -moz-appearance: none;
    background-position-x: 97%;
    background-size:10px;
    transition:0.5s;
    text-indent: 1px;
    text-overflow: '';
    cursor:pointer;
    display:flex;
    justify-content: center;
    flex: 1;
    width:100%;
    margin:5px 0 7px 0;
    border-radius:3px;
    box-shadow: inset 0 0 5px 0 #f5f5f5;
}

.ver-form select::-ms-expand {
    display: none;
}

.ver-form .checkbox-holder{
    background-color:#fff;
    border-radius:3px;
    padding:0 10px;
    height:28px;
    border:#cccccc 1px solid; 
    box-shadow: inset 0 0 5px 1px #f5f5f5;
    margin:0 0 15px 0;
    box-sizing: border-box;
}

.ver-form input[type=checkbox]{
    box-sizing: border-box;
    border:#cccccc 1px solid;    
    font-size:14px;
    padding:initial;
    outline:none;
    margin:initial;
    display:initial;
    justify-content:initial;
    flex: initial; 
    width:initial;
    border-radius:initial;
}

.ver-form textarea{
    box-sizing: border-box;
    border:#cccccc 1px solid;      
    font-size:14px;
    padding:5px 10px;
    outline:none;
    margin:0;
    display:flex;
    justify-content: center;
    flex: 1; 
    margin:5px 0 15px 0;
    max-height:100px;
    resize: none;
    width:100%;
    box-shadow: inset 0 0 5px 1px #f5f5f5;
}

.ver-form input[type=submit]{
    box-sizing: border-box;
    border:0;    
    font-size:14px;
    font-weight:400;
    padding:10px 20px;
    outline:none;
    display:flex;
    justify-content: center;
    flex: 1;
    background:#006847;    
    cursor:pointer; 
    transition:0.5s;
    color:#fff;
    margin-left:auto;
    margin-right:auto;
    width:initial;
    border-radius:3px;
    width:100%;
    box-shadow:initial;
}

.ver-form input[type=submit]:hover{background:#007c55;}
.ver-form .color-red{color:red;}
.ver-form .error-mod input, .error-mod select{transition:0.5s;}
.ver-form .error-border{border-color:red !important;}
.ver-form .error-placeholder{color:red !important;}
.ver-form .error-placeholder option{color:#636363 !important;}

.ver-form .error-placeholder::placeholder{
    color: red;
    opacity: 1; 
}

.ver-form .error-placeholder:-ms-input-placeholder{
    color: red;
    opacity: 1; 
}

.ver-form .error-placeholder::-ms-input-placeholder{
    color: red;
    opacity: 1; 
}


/* **************************************************************************** */
/* ############################## FLEX ###################################### */
/* **************************************************************************** */

.blue-purple-grad{background-image:linear-gradient(170deg, #082cb5, #540089);}


/* **************************************************************************** */
/* ############################## FOOTER ###################################### */
/* **************************************************************************** */

.footer-menu a{
    color:#fff;
    font-size:13px;
}

.footer-menu a:hover{
    color:#fff;
    text-decoration:underline;
}

.footer-menu ul{
    margin:0 0 20px 0;
    padding:0;
    list-style:none;
}

.footer-disclaimer-links ul li a{
    color:#fff;
    font-weight:600;
    font-size:12px;
}

.footer-disclaimer-links ul li a:hover{color:#fff;}

.footer-disclaimer-links ul li {
    display: inline-block;
    border-right: #fff 0px solid;
    padding-right: 7px;
    padding-left: 3px;
}

.footer-disclaimer-links ul li {position:relative;}

.footer-disclaimer-links ul li:after {
    content: '';
    width: 1px;
    height: 10px;
    background: #fff;
    position: absolute;
    right: 0px;
    bottom:7px;
}

.footer-disclaimer-links ul li:last-of-type:after {
    content: '';
    width: 0;
    height: 0;
}

.footermenu{
    display:inline-block;
    vertical-align:middle;
}

.footerlogo{height:40px;}

.footer-social a{
    color:#fff;
    font-size:30px;
}

.footer-social a:hover{color:#9bd7c4;}


/* **************************************************************************** */
/* ############################### SITE COLORS ###################################### */
/* **************************************************************************** */

.margin-bk{background-image: linear-gradient(to right, #f4f6fd ,#34353a,#f4f6fd);}

.site-white{color:#fff;}
.site-white-i{color:#fff !important;}
.site-white-bk{background-color:#fff;}
.site-white-hover:hover{color:#fff;}
.site-white-bk-hover:hover{background-color:#fff;}
.site-white-link{color:#fff;}
.site-white-link:hover{color:#fff;}
.site-white-border{border-color:#fff;}

.site-black{color:#000;}
.site-black-bk{background-color:#000;}
.site-black-hover:hover{color:#000;}
.site-black-bk-hover:hover{background-color:#000;}
.site-black-border{border-color:#000;}

.site-color-1{color:#b9deeb;}
.site-color-1-bk{background-color:#b9deeb;}
.site-color-1-hover:hover{color:#b9deeb;}
.site-color-1-bk-hover:hover{background-color:#b9deeb;}
.site-color-1-border{border-color:#b9deeb;}

.site-color-2{color:#009cd9;}
.site-color-2-bk{background-color:#009cd9;}
.site-color-2-hover:hover{color:#009cd9;}
.site-color-2-bk-hover:hover{background-color:#009cd9;}
.site-color-2-border{border-color:#009cd9;}

.site-color-3{color:#00309b;}
.site-color-3-bk{background-color:#00309b;}
.site-color-3-hover:hover{color:#00309b;}
.site-color-3-bk-hover:hover{background-color:#00309b;}
.site-color-3-border{border-color:#00309b;}

.site-color-4{color:#020d42;}
.site-color-4-bk{background-color:#020d42;}
.site-color-4-hover:hover{color:#020d42;}
.site-color-4-bk-hover:hover{background-color:#020d42;}
.site-color-4-border{border-color:#020d42;}

.site-color-5{color:#652989;}
.site-color-5-bk{background-color:#652989;}
.site-color-5-hover:hover{color:#652989;}
.site-color-5-bk-hover:hover{background-color:#652989;}
.site-color-5-border{border-color:#652989;}

.site-color-6{color:#2a0181;}
.site-color-6-bk{background-color:#2a0181;}
.site-color-6-hover:hover{color:#2a0181;}
.site-color-6-bk-hover:hover{background-color:#2a0181;}
.site-color-6-border{border-color:#2a0181;}

.site-color-7{color:#d2fb9d;}
.site-color-7-bk{background-color:#d2fb9d;}
.site-color-7-hover:hover{color:#d2fb9d;}
.site-color-7-bk-hover:hover{background-color:#d2fb9d;}
.site-color-7-border{border-color:#d2fb9d;}

.site-color-8{color:#72b300;}
.site-color-8-bk{background-color:#72b300;}
.site-color-8-hover:hover{color:#72b300;}
.site-color-8-bk-hover:hover{background-color:#72b300;}
.site-color-8-border{border-color:#72b300;}

.site-color-9{color:#0b7043;}
.site-color-9-bk{background-color:#0b7043;}
.site-color-9-hover:hover{color:#0b7043;}
.site-color-9-bk-hover:hover{background-color:#0b7043;}
.site-color-9-border{border-color:#0b7043;}

.site-color-10{color:#e12026;}
.site-color-10-bk{background-color:#e12026;}
.site-color-10-hover:hover{color:#e12026;}
.site-color-10-bk-hover:hover{background-color:#e12026;}
.site-color-10-border{border-color:#e12026;}

.site-color-11{color:#f84d08;}
.site-color-11-bk{background-color:#f84d08;}
.site-color-11-hover:hover{color:#f84d08;}
.site-color-11-bk-hover:hover{background-color:#f84d08;}
.site-color-11-border{border-color:#f84d08;}

.site-color-12{color:#f7c600;}
.site-color-12-bk{background-color:#f7c600;}
.site-color-12-hover:hover{color:#f7c600;}
.site-color-12-bk-hover:hover{background-color:#f7c600;}
.site-color-12-border{border-color:#f7c600;}

.site-color-13{color:#efefef;}
.site-color-13-bk{background-color:#efefef;}
.site-color-13-hover:hover{color:#efefef;}
.site-color-13-bk-hover:hover{background-color:#efefef;}
.site-color-13-border{border-color:#efefef;}

.site-color-14{color:#eeeeee;}
.site-color-14-bk{background-color:#eeeeee;}
.site-color-14-hover:hover{color:#eeeeee;}
.site-color-14-bk-hover:hover{background-color:#eeeeee;}
.site-color-14-border{border-color:#eeeeee;}

.site-color-15{color:#dddddd;}
.site-color-15-bk{background-color:#dddddd;}
.site-color-15-hover:hover{color:#dddddd;}
.site-color-15-bk-hover:hover{background-color:#dddddd;}
.site-color-15-border{border-color:#dddddd;}

.site-color-16{color:#cccccc;}
.site-color-16-bk{background-color:#cccccc;}
.site-color-16-hover:hover{color:#cccccc;}
.site-color-16-bk-hover:hover{background-color:#cccccc;}
.site-color-16-border{border-color:#cccccc;}

.site-color-17{color:#bbbbbb;}
.site-color-17-bk{background-color:#bbbbbb;}
.site-color-17-hover:hover{color:#bbbbbb;}
.site-color-17-bk-hover:hover{background-color:#bbbbbb;}
.site-color-17-border{border-color:#bbbbbb;}

.site-color-18{color:#222222;}
.site-color-18-bk{background-color:#222222;}
.site-color-18-hover:hover{color:#222222;}
.site-color-18-bk-hover:hover{background-color:#222222;}
.site-color-18-border{border-color:#222222;}

.site-color-19{color:#131b41;}
.site-color-19-bk{background-color:#131b41;}
.site-color-19-hover:hover{color:#131b41;}
.site-color-19-bk-hover:hover{background-color:#131b41;}
.site-color-19-border{border-color:#131b41;}

.site-color-20{color:#777777;}
.site-color-20-bk{background-color:#777777;}
.site-color-20-hover:hover{color:#777777;}
.site-color-20-bk-hover:hover{background-color:#777777;}
.site-color-20-border{border-color:#777777;}


.shadow-border{box-shadow: 0 0 20px 0 #cccccc;}
.shadow-border:hover{box-shadow: 0 0 20px 0 #aaaaaa;}

.shadow-border-2{box-shadow: 0 0 16px 0 #b4b4b9;}


/* **************************************************************************** */
/* ########################### MEDIA QUERIES ################################## */
/* **************************************************************************** */

@media handheld, screen and (max-width:1800px){}

@media handheld, screen and (max-width:1200px){
   
    /* ---------------------------------------------------------------------------- */
    /* ################################ HEADER #################################### */
    /* ---------------------------------------------------------------------------- */

    .mobile-header{display:block;}
    .desktop-header{display:none;}
    #mobile-nav-bar{display:flex;}
    

    /* ---------------------------------------------------------------------------- */
    /* ################################ MAIN MENU ################################# */
    /* ---------------------------------------------------------------------------- */

    .mainmenu{
        text-align:left;
        background:#fff;
    }
    
    .mainmenu ul{
        list-style-type: none;
        margin-left:0;
        margin-top:0;
        margin-bottom:0;
        padding-top:0;
        padding-left:0;
        padding-bottom:0;
        display:block;
    }
    
    .mainmenu li{
        line-height:310%;
        border-bottom:#dfdfdf 1px solid;
        display:block;
        margin-right:0;
    }

    .mainmenu li ul li{border-bottom:0;}

    .mainmenu .menu-item a{
        color:#363636;
        display:block; 
        font-size:17px;
        padding:5px 20px;
    }

    .mainmenu .menu-item  a:hover{
        background:transparent;
        color:#72b300;
        font-size:17px;
        text-decoration:none;
    }

    .mainmenu li ul li a{
        font-weight:700;
        line-height:140%;
        display:block;
    }

    .mainmenu ul li ul li:first-of-type{ padding-top:20px; }
    .mainmenu ul li ul li ul li:first-of-type{ padding-top:initial; }
    .mainmenu .menu-item ul li ul li a{ padding-top:5px; }
    .mainmenu .menu-item ul li ul :last-child a{ padding-bottom:20px; }

    .mainmenu li ul li ul li a{
        font-weight:400;
        line-height:140%;
    }

    .mainmenu .current-menu-parent a{color:#72b300;}
    .mainmenu .menu-item:hover {color: #72b300;}
    .mainmenu .current-menu-ancestor, .current-menu-ancestor a {background:transparent;}
    .mainmenu .menu-item-has-children{padding-right:0;}
    
    .menu-arrow-up:after{
        content: "\f107";
        top: 25px;
        right:30px;
        color:#fff;
    }
  
    .menu-arrow-down:after{
        top: 25px;
        right:30px;
        content: "\f105";
        color:#72b300;
        display:block;
    }
  

    .mainmenu li ul  .menu-arrow-up:after{content: "";}
    .mainmenu li ul  .menu-arrow-down:after{content: "";} 
    .mainmenu .menu-item-has-children ul{display:none;}
    .mainmenu .menu-item-has-children li{background:#eaeaea;}
    .mainmenu .menu-item-has-children li a{color:#001238;}
    .mainmenu > .current-menu-item > ul > li > a{color: #72b300 !important;}
    .mainmenu > ul > .current-menu-item > a{color: #72b300;}
    .mainmenu ul li ul .current-menu-item a{color: #72b300 !important;}

    .menu-highlight{
        background:initial;
        border:0;
    }
    
    .headermenu ul li ul .menu-highlight a:hover{
        background:initial;
        border:0;
    }
    
    .menu-highlight-2{
        background:initial;
        border:0;
    }
    
    .headermenu ul li ul .menu-highlight-2 a:hover{
         background:initial;
        border:0;
    }

    .mainmenu .menu-item-has-children .menu-highlight{background:#0b7043;}
    .mainmenu .menu-item-has-children .menu-highlight-2{background:#0b7043;}

}

@media handheld, screen and (max-width:900px){
   
    /* ---------------------------------------------------------------------------- */
    /* ############################ FOOTER ################################# */
    /* ---------------------------------------------------------------------------- */

    .footermenu ul li{
        display:inline-block;
        padding:0 5px 0 5px;
    }

    /* ---------------------------------------------------------------------------- */
    /* ############################ HEADER BANNER ################################# */
    /* ---------------------------------------------------------------------------- */

    .slidecontainer_maintext{font-size:50px; }
    .slidecontainer_smalltext{font-size:40px;}
    .slideimagecontainer{min-height:420px;}
    .slideimagecontainer2{min-height:300px;}

}


@media handheld, screen and (max-width:700px){

    .footer-disclaimer-links ul{padding-left:0;}

    /* ---------------------------------------------------------------------------- */
    /* ############################ HEADER BANNER ################################# */
    /* ---------------------------------------------------------------------------- */

    .slidecontainer_maintext{font-size:30px; }
    .slidecontainer_smalltext{font-size:20px;}
    .slideimagecontainer{min-height:320px;}
    .slideimagecontainer2{min-height:200px;}

}