@import url('https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,100;0,300;0,400;0,700;0,900;1,100;1,300;1,400;1,700;1,900&family=Raleway:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
/*
 * Webasyst Default 3.0 theme family
 *
 * Core CSS file
 *
 * @link http://www.webasyst.com/
 * @author Webasyst LLC
 * @copyright 2015 Webasyst LLC
 * @package Webasyst
 */

/* Reset
-------- */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, /* ol, ul, li, */ fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, credentials, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video, input, textarea { margin: 0; padding: 0; border: 0; font-size: 100%; }
article, aside, credentials, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }

/* Common HTML elements, fonts, and colors
------------------------------------------ */



.font-lato {
font-family: 'Lato', sans-serif;
}
*{ box-sizing: border-box; }
html,
body { width: 100%; max-width:3000px; margin:auto auto; min-height: 100%; font-family: 'Raleway', sans-serif; font-size: 13px; line-height: 1.4em; overflow-x:hidden; color:#222;}
html, body, .maincontent, #page {
    width:100%;
    height:100%;
}
a { color: #006bd8; outline:0 none; text-decoration: none; }
input[type="button"]::-moz-focus-inner { border: 0; }
input[type="submit"]::-moz-focus-inner { border: 0; }
a img { border: 0; }
p, dl, hr, h1, h2, h3, h4, h5, h6, ol, ul, pre, table, address, fieldset, blockquote, figure { margin-bottom: 20px; font-family: 'Raleway', sans-serif;}
h1 { font-size: 2.6em;    }
h1 a { text-decoration:none; }
h2 { font-size: 1.75em; }
h3 { font-size: 1.45em; }
h4 { font-size: 1.2em; }
h5 { font-size: 1.1em; }
h6 { font-size: 1em; }
h1, h2, h3 { line-height:1.2em; }
ul, ol { padding-top:0; }
ol { list-style: decimal; }
input, textarea, select { margin:0; }
input, textarea { font-size: 1em; color: #000; }
select { max-width: 100%; }
input[type="button"]:focus { outline:none; outline-offset:-2px; }
fieldset { border:1px solid #bbb; padding:10px; position:relative; background:#e9e9e9; margin-bottom:10px; }
fieldset p label { width:98%; }
fieldset p input[type="text"] { width:98%; }
fieldset p select { width:99%; }
pre {margin-top: 16px; font-size: 90%; line-height: 24px; color: rgba(0,0,0,.75); background: rgba(0,0,0,.03); padding: 16px 20px;word-wrap: normal;}
blockquote { color: rgba(0,0,0,.6); font-size:0.9em; font-style: italic; border-left: 1px solid rgba(0,0,0,.1);padding-left: 24px; background: #eee; }
blockquote cite { font-size: 0.9em; }
hr { background-color: rgba(0,0,0,0.15); height: 1px; border: 0; }
p, span { width: 100% }
p a { text-decoration: underline; }
input::-webkit-input-placeholder { color: #bbb; }
input:-moz-placeholder,
input::-moz-placeholder { color: #bbb; }
input:-ms-input-placeholder { color: #bbb; }
label, button { cursor: pointer; }
section {padding-top:70px;padding-bottom:70px;}
p { -moz-user-select: none; -webkit-user-select: none; -ms-user-select: none; -o-user-select: none; user-select: none; }
svg { min-width:14.5px; min-height:14.5px;}
/* Misc elements
---------------- */
a.uk-link-heading:hover {
    color:#01334d;
}
.uk-checkbox:checked, .uk-checkbox:indeterminate, .uk-radio:checked, .uk-checkbox:focus, .uk-radio:focus {
    background-color: #7fdb60;
    border-color: transparent;
}
.overflow-hidden { overflow: hidden; }
.block { padding: 25px 30px; }
.inline { display: inline !important; }
.inline-link { text-decoration: none !important; }
.inline-link b { border-bottom: 1px dotted; font-weight: normal; position: relative; top: -0.13em;}
.inline-link b i { font-style: normal; position: relative; top: 0.13em;}
.small { font-size: 0.9em; }
.large { font-size: 1.1em; }
.bold { font-weight: bold; }
.strike { text-decoration: line-through; }
.highlighted { background:  #ffc; }
.hint { color: #aaa; font-size: 0.9em; }
.hint a,
.hint:visited,
.hint a:visited { color: #888; }
.gray .dropdown ul
.gray a,
.gray:visited,
.gray a:visited { color: #888; }
.align-left { text-align: left; }
.align-center { text-align: center; }
.align-right { text-align: right; }
.clear-left { clear: left; }
.clear-right { clear: right; }
.clear-both { clear: both; }
.shadowed { -moz-box-shadow: 0 5px 15px #aaa; -webkit-box-shadow: 0 5px 15px #aaa; box-shadow: 0 5px 15px #aaa; }
.nowrap { white-space: nowrap; }
.hr { border-top: 1px solid #ccc; margin-bottom: 15px; }
.uppercase { text-transform: uppercase; }
.blurred { -webkit-filter: blur(5px); -moz-filter: blur(5px); -o-filter: blur(5px); -ms-filter: blur(5px); filter: blur(5px); }

.width-250 {width:250px;}



.content-wrapper {
    margin: auto;
    display: block;
    width: 1100px;
}
@media screen and (max-width:1024px) {
    .content-wrapper {
        margin: auto;
        display: block;
        width: 100%;
    }
}
.border-block {
    border: 1px solid #01334D;
    box-sizing: border-box;
}
.green-shadow {
    box-shadow: 10px 10px 0px #7FDB60;
}

 .page-hero-image {
     height:100%;
     width:auto;
     max-width:none;
 }
/*Header*/
.globalheader {
    box-shadow:0 0 15px rgba(0,0,0,.1);
}
.top-header a {
    color:#000;
}

.top-logo {
    height:45px;
}
@media screen and (min-width: 1024px) {
    .top-logo {
    height:55px;
    }
}

.social-icons{
    opacity: 0.8;
    text-decoration:none;
}
.social-icons a img {
    width:20px;
}

/*Info Page Styles
--------------------*/
.quick-links {
    display:flex;
    align-items:center;
    position: absolute;
    left:0;
    right:0;
    background: rgb(1 51 77 / 70%);
    margin-top: -150px;
    width: 100vw;
    margin-left: auto;
    margin-right: auto;
    height:100px;
}
.quick-links ul {
    list-style:none;
    display:flex;
    margin:auto auto;
    align-items:center;
    justify-content:space-around;
}
.quick-links ul li {
    margin-right:30px;
}
.quick-links ul li a {
    Color: #fff;
    font-size:120%;
    text-transform:uppercase;
}
/*MOB HEADER*/
#mobile-header {
    display:flex;
    position:fixed;
    width:100%;
    height:75px;
    padding:15px 15px;
    z-index:10009;
    background:#fff;
    align-items:center;
}
#mobile-header .top-logo {
    height:35px;
}
/* Navigation menus
------------------- */
.btn-menu {
    z-index:999;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
        -ms-flex-align:center;
            align-items:center;
    width:40px;
    height:40px;
    background:#fff;
    border:none;
    border-radius:50%;
    overflow:hidden;
    padding:0 9px;
}
.btn-menu i, .btn-menu i:before, .btn-menu i:after {
    display:block;
    height:2px;
    width:100%;
    background-color:#01334d;
}
.btn-menu i:before, .btn-menu i:after {
    content: " ";
}
.btn-menu i:before {
    -webkit-transform:translateY(-7px);
        -ms-transform:translateY(-7px);
            transform:translateY(-7px);
}
.btn-menu i:after {
    -webkit-transform:translateY(5px);
        -ms-transform:translateY(5px);
            transform:translateY(5px);
}
.btn-fwd {
  border-radius: 40px;
  background-color:#7fdb60 ;
  border: none;
  color: #01334d;
  text-align: center;
  font-size: 25px;
  padding: 20px;
  width: 200px;
  transition: all 0.5s;
  cursor: pointer;
  margin: 5px;
}

.btn-fwd span {
  cursor: pointer;
  display: inline-block;
  position: relative;
  transition: 0.5s;
}

.btn-fwd span:after {
  content: '\00bb';
  position: absolute;
  opacity: 0;
  top: 0;
  right: -20px;
  transition: 0.5s;
}

.btn-fwd:hover span {
  padding-right: 25px;
}
.btn-fwd:hover span:after {
  opacity: 1;
  right: 0;
}
.btn-bwd {
  border-radius: 40px;
  background-color: #fff;
  border: 2px solid #01334d;
  color: #01334d;
  text-align: center;
  font-size: 25px;
  padding: 20px;
  width: 200px;
  transition: all 0.5s;
  cursor: pointer;
  margin: 5px;
}

.btn-bwd span {
  cursor: pointer;
  display: inline-block;
  position: relative;
  transition: 0.5s;
}

.btn-bwd span:after {
  content: '\00ab';
  position: absolute;
  opacity: 0;
  top: 0;
  left: -20px;
  transition: 0.5s;
}

.btn-bwd:hover span {
  padding-left: 25px;
}

.btn-bwd:hover span:after {
  opacity: 1;
  left: 0;
}

#offcanvas-nav-primary {
    z-index:100000;
}
.uk-offcanvas-bar {
    left:200px;
    background:#fff;
    color:#000;
}
.uk-offcanvas-bar .uk-close {
    color:#000;
}
.uk-offcanvas-bar a {
    font-family:'lato', Sans-serif;
    font-weight:700;
}
.uk-offcanvas-bar .uk-nav-primary>li>a {
    color:#000;
    font-family:'lato', Sans-serif;
    font-weight:700;
}
.uk-offcanvas-bar .uk-nav-primary>li>a:hover {
    color:#01334d;
}
.uk-offcanvas-bar .uk-nav-primary>li.uk-active>a {
    color:#7fdc60;
}
.font-large {
    font-size:120%;
}
.font-16 {
    font-size:16px
}
.font-18 {
    font-size:18px;
    line-height:23px;
}
.font-25 {
    font-size:25px;
    line-height:30px;
}
.font-30 {
    font-size:30px;
    line-height:30px;
}
.font-weight-900 {
    font-weight:900
}
.color-white {
    color:#fff;
}
.color-blue {
    color:#01334d;
}
.color-green {
    color: #7FDB60;
}
.bg-green {
    background-color: #7FDB60;
}
.bg-blue {
   /* background-color:#01334d;*/
    background: rgba(2, 51, 77, 1.0);
background: -webkit-linear-gradient(top left, rgba(2, 51, 77, 1.0), rgba(1, 56, 84, 1.0));
background: -moz-linear-gradient(top left, rgba(2, 51, 77, 1.0), rgba(1, 56, 84, 1.0));
background: linear-gradient(to bottom right, rgba(2, 51, 77, 1.0), rgba(1, 56, 84, 1.0));
}
.bg-grey {
    background-color:#EBEBEB;
}
.bg-white {
    background-color:#fff;
}
.blue-overlay {
    position:absolute;
    top:0;
    bottom:0;
    left:0;
    right:0;
    background-color:#01334D;
    opacity:.6;
}


.uk-navbar-nav>li>a {
    color:#000;
    min-height:unset;
    font-size:14px;
    padding:0px;
    padding-bottom:15px;
}
.uk-nav>li>a {
    min-height:unset;
    font-size:14px;
}
.uk-navbar-nav>li.uk-active>a {
    color:#7FDB60;
    border-bottom:4px solid #7FDB60;
}
.uk-navbar-nav>li>a.parent-link{
    position:relative;
}
.uk-navbar-nav>li>a.parent-link:after {
    content:"";
    position:absolute;
    right:-15px;
    display:block;
    width:8px;
    height:6px;
    background:url(/wa-data/public/site/themes/cscg2022/img/parent-link-icon-min.svg) center center no-repeat;
    background-size:contain
}
.main-nav>li>a {
    min-height:unset;
    color: #7fdc60!important;
    text-transform: uppercase;
    /*font-size:1rem;*/
    transition: .3s ease-in-out;
    transition-property: color,background-color;
}
.main-nav>li>a:hover {
    color: #01334d!important;
    background:#7fdc60!important;
}




.cta-buttons {
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    width:70%;
    -ms-flex-pack:distribute;
        justify-content:space-around;
    -webkit-box-align:center;
        -ms-flex-align:center;
            align-items:center;
    min-height:130px;
    
}
.uk-modal {
        z-index:100500;
    }
@media (max-width:640px) {
    .cta-buttons {
        -webkit-box-orient:vertical;
        -webkit-box-direction:normal;
            -ms-flex-direction:column;
                flex-direction:column;
        width:100%;
    }
}
/*BUTTONS*/ 
.btn-chat {
    position:fixed;
    width:70px;
    height:70px;
    background: url(/wa-data/public/site/themes/cscg2022/img/btn-chat-min.svg) center no-repeat #7FDB60;
    bottom:10%;
    right:5%;
    border-radius:50%;
    z-index:1000000;
    box-shadow:2px 2px 10px rgba(0,0,0,.4);
    
}
.btn-blue-border {
    display:block;
    padding: 10px;
    border: 1px solid #01334D;
    color:#01334D;
    text-align:center
}
.btn-blue-border:hover {
    text-decoration:none;
}
.btn-white-border {
    display:inline-block;
    text-align:center;
    min-width:180px;
    padding: 10px;
    border: 1px solid #fff;
    color:#fff;
    transition:1s;
}
.btn-white-border:hover {
    text-decoration:none;
    
}
.btn-blue, .btn-green {
    text-align:center;
    overflow: hidden!important;
    font-weight:700;
    font-family:'Lato', Sans-serif;
    padding:10px;
    text-decoration:none!important;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s; 
}
.btn-blue {
    color:#fff;
    background:#01334d;
}
.btn-blue:hover {
    color:#fff;
}

.btn-green {
    padding: 20px;
    cursor: pointer;
    border: none;
    background: #7fdc60;
    color: #01334d;
    font-weight: bold;
    /*text-transform: uppercase;*/
    border-radius: 30px;
    padding: 20px 30px;
    width: 100%;
    height: 60px;
    transition: .23s;
}
.btn-green:hover {
   /* transform: translateY(-2px);*/

}

.btn-border-light {
    color:#fff;
    background:transparent;
    border:1px solid #fff;
    text-transform:uppercase;
    text-decoration:none!important;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
}
.btn-border-light:hover {
    color:#01334d;
    background:#fff;
    
}

.btn-light-blue {
    font-size:1rem;
    padding:10px;
    color:#01334d;
    background:transparent;
    border:1px solid #01334d;
    text-transform:uppercase;
    text-decoration:none!important;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
}

.btn-light-blue:hover {
    color:#7fdc60;
    background:#01334d;
}
.btn-light-green {
        display:inline-block;
        border:2px solid #7fdc60;
        color: #7fdc60;
        font-weight:bold;
        text-decoration:none!important;
        padding:10px;
        text-transform:uppercase;
        text-align:center;
        transition:.5s
    }
.btn-light-green:hover {
        background:#7fdc60;
        color: #01334d;
    }

.btn-header {
    text-align:center;
    overflow: hidden!important;
    font-size:1rem;
    padding:15px;
    color:#01334d!important;
    background:#7fdc60;
    text-decoration:none!important;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s; 
}
.btn-header:hover {
    background:#01334d!important;
    color:#7fdc60!important;
}
.btn-big {
    justify-content: center;
    align-items: center;
    display: flex;
    padding:20px;
}

/*SECTION ELEMENTS*/
.section-padding {
    padding:140px 0;
}
.section-hint {
    display:block;
    font-family: 'Lato', Sans-serif;
    font-style: normal;
    font-weight: bold;
    font-size: 14px;
    line-height: 17px;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    margin-bottom:30px;
    color: #BDBDBD;
}
.section-heading {
    font-family: 'Raleway', Sans-serif;
    font-style: normal;
    font-weight: bold;
    font-size: 48px;
    line-height: 138.27%;
    color: #01334D;
    margin-bottom:50px;
}
.subheading {
    font-size:25px;
    line-height: 150%;
    padding:10px
}
section .text {
    font-family:'Lato', Sans-serif;
    font-style: normal;
    font-weight: normal;
    font-size: 18px;
    line-height: 36px;
    color: #000000;
    }





@media screen and (max-width: 640px) {
    .section-padding {
        padding:70px 15px;
    }
    section .text {
    font-size: 14px;
    line-height: 22px;

    }
}
@media screen and (max-width: 1100px) {
    .content-wrapper {
        width:100%
    }
    section {
        padding-left:15px;
        padding-right:15px;
    }
    .section-padding {
        padding-left:15px;
        padding-right:15px;
    }
    .section-heading {
        font-size:30px;
    }
}

/*Main Banner*/
#main-banner {
    padding:0px 0 0;

}
@media screen and (max-width: 960px) {
    #main-banner {
        padding:0
    }
}
.home-screen h1 {
    font-size:48px;
}

@media  (max-width: 748px) {
    .home-screen h1 {
    font-size:35px;
    }
}
@media  (max-width: 480px) {
    .home-screen h1 {
    font-size:25px;
    }
}
/*About section*/
h2:after {
    content:inherit;
}


.cscg-list {
    list-style:none;
    padding-left:0;
    
  
}
.cscg-list li {
    position:relative;
    padding-left:30px;
    color:#222222;
    font-family: 'Lato', Sans-serif;
    font-size:14px;
    font-weight:700;
    padding-bottom:7px;

    
}
.cscg-list li:before {
    position:absolute;
    content: '' ;
    background-color: #7fdc60;
    width:7px;
    height:7px;
    border-radius:50%;
    top:5px;
    left:0;
    display:block;
}




/*Directions section*/

.direction-card {
    min-height: 300px;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
        -ms-flex-direction:column;
            flex-direction:column;
    -webkit-box-align:center;
        -ms-flex-align:center;
            align-items:center;
    -webkit-box-pack:center;
        -ms-flex-pack:center;
            justify-content:center;
    position:relative;
    padding:40px;
    overflow:hidden;

}


.direction-card * {
   -webkit-transition:1s;
    -o-transition:1s;
    transition:1s;
}


.direction-card__overlay {
    opacity:0;
    background-color:rgba(1, 51, 77, .7);
    position:absolute;
    pointer-events: none;
    top:0;
    bottom:0;
    left:0;
    right:0;
}

.direction-card:hover .direction-card__overlay {
    opacity:1;
}
.direction-card__border {
    background:transparent;
    width:100%;
    height:100%;
    overflow:hidden;
    position:relative;
}

.direction-card__caption {
    position:relative;
    overflow:hidden;
    width:100%;
    height:100%;
    color:#fff;
    transform: translateY(69%);
    min-height:200px;
}
.direction-card:hover .direction-card__caption {
    transform: translateY(0%);
}
.direction-card__caption ul.direction-card__list {
    font-size:0.85rem;
    text-align:left;
}
.direction-card__caption ul.direction-card__list li {
    margin-top:0;
    display:flex;
}
.direction-card__caption ul li a {
    color: rgba(255,255,255,.75);
    text-decoration: none;
    position:relative;
    transition:.5s;
}

.direction-card__caption ul li a:hover {
    color: rgba(255,255,255,1);
}
.direction-card__caption ul li a:after{
    content:'';
    height:1px;
    width:0;
    background:#fff;
    bottom:0;
    left:0;
    position:absolute;
    transition:.5s;
}
.direction-card__caption ul li a:hover:after{
    width:100%;
}



.direction-card__heading {
    margin-bottom:0;
    font-family: 'Raleway', Sans-serif;
    font-style: normal;
    font-weight: 900;
    font-size: 25px;
    line-height: 150%;
    color: #FFFFFF;
}

.direction-card__heading { -webkit-transition: .5s; -o-transition: .5s; transition: .5s}
.direction-card:hover .direction-card__heading {color:#fff;margin-bottom:0;}

.direction-card__hint {
    font-family: 'Lato', Sans-serif;
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    line-height: 150%;
    color: #FFFFFF;
    transform: translateY(0);
    -webkit-transition: .5s; 
    -o-transition: .5s; 
    transition: .5s
}
.direction-card:hover .direction-card__hint {
    opacity:0;
    transform: translateY(-150%);
}

.direction-card__text {
    font-family: 'Lato', Sans-serif;
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    line-height: 150%;
    color: #FFFFFF;
    opacity:0;
    transform:translateY(250%);
    -webkit-transition: all 1s ease-in-out ; 
    -o-transition: all 1s ease-in-out; 
    transition: all 1s ease-in-out
    }
.direction-card:hover   .direction-card__text  {
    opacity:1;
    transform:translateY(-20px);
} 


.direction-card  .direction-card__caption a {
    width:100%;
}
@media (min-width:640px) {
    
    .direction-card {
        height:300px;
        
    }

    
}
@media (max-width:639px) {
    .direction-card {
        padding:20px;
    }
}


.hover-y{
    -webkit-transition: -webkit-transform .3s;
    transition: -webkit-transform .3s;
    -o-transition: transform .3s;
    transition: transform .3s;
    transition: transform .3s, -webkit-transform .3s;
}
.hover-y:hover {
    -webkit-transform:translateY(5%);
        -ms-transform:translateY(5%);
            transform:translateY(5%);
    
}


/*FOOTER*/
footer.dark-footer {
    background-color:#01334d;
    position:relative;
}

footer.dark-footer:before {
    content:"";
    position:absolute;
    top:-2px;
    left: -5px;
    right: -5px;
    height:70px;
    background:url('img/section-before.svg') no-repeat top right;
    background-size:contain;
    
}

.footer-logo {
    display:block;
    position:relative;
    width:150px;
    height:160px;
}
footer a.footer-logo img {
    width:auto;
    height:100%;
}
.social-links a:nth-child(1):hover {
    background:#3578E5;
    color:#fff;
}
.social-links a:nth-child(2):hover {
    background: #FECD02;
    background: -webkit-linear-gradient(bottom left, #FECD02, #1F01E0);
    background: -moz-linear-gradient(bottom left, #FECD02, #1F01E0);
    background: linear-gradient(to top right, #FECD02, #1F01E0);
    color:#fff;
}
.social-links a:nth-child(3):hover {
    background:#f00;
    color:#fff;
}




@media (max-width:648px) {
    .contact-block {
        padding-left:0;
        margin-top:20px;
    }
}
@media (max-width:480px) {
    .contact-map {
        height:300px;
    }
}

/*ERROR PAGE*/
.error-block {

}
.error-block h1 {
    font-size:20rem;
    font-weight:bold;
    color: #7fdc60;
    opacity:.3;
}
@media screen and (max-width:640px) {
  .error-block h1 {
    font-size:12rem;
    }  
}




.step__center-line {
    position:absolute;
    width:1px;
    height:100%;
    margin:0 auto;
   /* background:#01334d;*/
}
.step__body {
    margin-top:20px;
   /* border-top: 1px solid #01334d;*/
}

.step__text {
    
   /* border-left: 3px solid #01334d;
    border-right: 3px solid #01334d;
    border-bottom: 3px solid #01334d;
    box-shadow:0px 10px 40px rgba(0,0,0,.1);*/
}
.step__number {
    position:relative;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
        -ms-flex-align:center;
            align-items:center;
    -webkit-box-pack:center;
        -ms-flex-pack:center;
            justify-content:center;
}
.step__number span {
   position:absolute;
    /* top:0;*/
    font-size:10rem;
    font-weight:bold;
    text-align:center;
    color:#7fdc60;
    opacity:.6;
}




.wa-captcha { padding: 7px 0 10px; }
.wa-captcha p { margin: 0; }
.wa-captcha strong { font-size: 1.2em; }
.wa-captcha p img { float: left !important; margin-right: 5px; margin-top: -8px; }
.wa-captcha .wa-captcha-refresh { font-size: 0.8em; text-decoration: underline; color: #aaa; }
.wa-captcha .wa-captcha-input { display: inline !important; }
.wa-captcha .errormsg { display: inline-block; margin-left: 10px; display:block\9; float:left\9; }

input.error, textarea.error { border: 2px solid red; }
.errormsg { color: red; margin-left: 170px; display: block; }



/* Tables
--------- */

table { border-collapse: collapse; border-spacing: 0; }
table th { color: #aaa; padding: 0px 10px 7px; }
table td { padding: 10px; border: 1px solid rgba(0,0,0,0.1); }
table.not-bordered td { border: none; }

table.lined { margin-top: 25px; width: 100%; border-spacing:0; border-collapse:collapse; }
table.lined th { padding-left: 7px; padding-right: 7px; }
table.lined td { padding: 15px 7px; border-bottom: 1px solid #ddd; }
table.lined td.min-width { width: 1%; }
table.lined td p { margin: 0; }
table.lined td input.numerical { width: 50px; margin-right: 5px; text-align: right; }
table.lined tr.no-border td { border: none; }
table.lined tr.thin td { padding-top: 13px; padding-bottom: 0; }
table.lined tr.service td { padding-top: 5px; padding-bottom: 5px; padding-left: 25px; font-size: 0.8em; color: #555; }




/* Main
------- */

main.maincontent { display: block; clear: both; margin: 0; background: #fff; min-height:calc(100vh - 347px);}


/* Footer
--------- */

footer.globalfooter { clear: both; 
background: url(/wa-data/public/site/themes/cscg2022/img/bg-footer-min.jpeg); 
background-size:cover;
z-index: 0; 
padding-top: 25px; 
min-height: 40px; 
color: #888; 
    
}




    /*---------------
#wforms-form-8
----------------*/
#wforms-form-8 {
        margin: 0 auto;
        width:100%;
        display:flex;
        flex-direction:column;
    }
    #wforms-form-8 tr.form-field {
        display:flex;
        flex-direction:column;
    }
    #wforms-form-8 tr, #wforms-form-8 td {
        border:none;
    }
    #wforms-form-8 tr.form-field:nth-of-type(3) {
        display:flex;
        flex-direction:row-reverse;
        justify-content: left;
    }
    #wforms-form-8 tr.form-field:nth-of-type(3) td.field-name {
        display: table-cell;
        padding:4px 0;
    }
    #wforms-form-8 td label.error {
        color:#ff8d8d;
        font-style:oblique;
        font-size: .7rem;
    }
    #wforms-form-8 td.field-name{
        display:none;
        padding:0;
        color:#7fdc60;
        font-size:80%;
    }

    #wforms-form-8 td.field-value {
        padding:5px 0;
    }
    #wforms-form-8 td input[type="text"], #wforms-form-8 td textarea {
        outline: none;
        width: 100%;
        border: 1px solid #7fdc60;
        padding: 20px 25px;
        background: rgba(255,255,255,.03);
        color: #01334d;
        font-size: 18px;
        border-radius: 30px;
        height:60px;
    }
    #wforms-form-8 td input.error, #wforms-form-8 td textarea.error {
        border: 1px solid #ff8d8d;
    }    
    #wforms-form-8 td input[type="file"] {
        color: rgba(255,255,255,.7);
        font-style:oblique;
        width: 100%;
    }
   /* #wforms-form-8 td input[type="file"] ~ p {
        display: block;
        width: 36%;
        height: 40px;
        background: #fff;
        margin-top: -40px;
    }
*/
    #wforms-form-8 td select, #wforms-form-8 td select option {
        padding:15px
    }
/*    #wforms-form-8 td select {
      font: inherit;
      letter-spacing: inherit;
      word-spacing: inherit;
      -moz-appearance: none;
      -webkit-appearance: none;
      appearance: none;
    }*/

    
    #wforms-form-8 td select:not([multiple]) {
        width: 100%;
        background-color: rgba(255,255,255,.03);
        padding-right: 1.2em;
        color: #858585;
        outline: none;
        border: none;
        text-transform: uppercase;
        font-weight:bold;
    }
    #wforms-form-8 input[type="submit"] {
        padding:20px;
        cursor: pointer;
    	border: none;
    	background:#7fdc60;
    	color:#01334d;
    	font-weight:bold;
    	text-transform:uppercase;
    	border-radius: 30px;
    	padding: 20px 30px;
    	width:100%;
    	/*font-size: 1.3em;*/
    	box-shadow: 0px 0px 0px rgba(127,220,96,.4);
    	height:60px;
    	transition:.5s

    }    

    #wforms-form-8 input[type="submit"]:hover {
        transform:translateY(-2px);
        box-shadow: 0px 3px 4px rgba(1, 51, 77,.2)

    }
    #wforms-form-8 input[type="submit"]:active {
    	
    }

    #wforms-form-8 .wform-success {
        color: #7fdc60!important;
        padding-top:20px;
    }
    #wforms-form-8 .wform-error {
        color: #ff8d8d!important;
        padding-top:20px; 
    }
    #wforms-form-8 p {
        margin-bottom:10px
    }
    #wforms-form-8 .wa-captcha p {
        width:100%;
        display:flex;
        align-items:center;
    }
    #wforms-form-8 .wa-captcha p img {
        margin-top:0;
    }
    #wforms-form-8 .wa-captcha strong {
        margin-right: 5px;
    } 

    /*---------------
#wforms-form-11
----------------*/
#wforms-form-11 {
        margin: 0 auto;
        width:100%;
        display:flex;
        flex-direction:column;
    }
    #wforms-form-11 tr.form-field {
        display:flex;
        flex-direction:column;
    }
    #wforms-form-11 tr, #wforms-form-11 td {
        border:none;
    }
    #wforms-form-11 tr.form-field:nth-of-type(3) {
        display:flex;
        flex-direction:row-reverse;
        justify-content: left;
    }
    #wforms-form-11 tr.form-field:nth-of-type(3) td.field-name {
        display: table-cell;
        padding:4px 0;
    }
    #wforms-form-11 td label.error {
        color:#ff8d8d;
        font-style:oblique;
        font-size: .7rem;
    }
    #wforms-form-11 td.field-name{
        display:none;
        padding:0;
        color:#7fdc60;
        font-size:80%;
    }

    #wforms-form-11 td.field-value {
        padding:5px 0;
    }
    #wforms-form-11 td input[type="text"], #wforms-form-11 td textarea {
        outline: none;
        width: 100%;
        border: 1px solid #7fdc60;
        padding: 20px 25px;
        background: rgba(255,255,255,.03);
        color: #01334d;
        font-size: 18px;
        border-radius: 30px;
        height:60px;
    }
    #wforms-form-11 td input.error, #wforms-form-11 td textarea.error {
        border: 1px solid #ff8d8d;
    }    
    #wforms-form-11 td input[type="file"] {
        color: rgba(255,255,255,.7);
        font-style:oblique;
        width: 100%;
    }

    #wforms-form-11 td select, #wforms-form-11 td select option {
        padding:15px
    }

    #wforms-form-11 td select:not([multiple]) {
        width: 100%;
        background-color: rgba(255,255,255,.03);
        padding-right: 1.2em;
        color: #858585;
        outline: none;
        border: none;
        text-transform: uppercase;
        font-weight:bold;
    }
    #wforms-form-11 input[type="submit"] {
        padding:20px;
        cursor: pointer;
        border: none;
        background:#7fdc60;
        color:#01334d;
        font-weight:bold;
        text-transform:uppercase;
        border-radius: 30px;
        padding: 20px 30px;
        width:100%;
        /*font-size: 1.3em;*/
        box-shadow: 0px 0px 0px rgba(127,220,96,.4);
        height:60px;
        transition:.5s

    }    

    #wforms-form-11 input[type="submit"]:hover {
        transform:translateY(-2px);
        box-shadow: 0px 3px 4px rgba(1, 51, 77,.2)

    }
    #wforms-form-11 input[type="submit"]:active {
        
    }

    #wforms-form-11 .wform-success {
        color: #7fdc60!important;
        padding-top:20px;
    }
    #wforms-form-11 .wform-error {
        color: #ff8d8d!important;
        padding-top:20px; 
    }
    #wforms-form-11 p {
        margin-bottom:10px
    }
    #wforms-form-11 .wa-captcha p {
        width:100%;
        display:flex;
        align-items:center;
    }
    #wforms-form-11 .wa-captcha p img {
        margin-top:0;
    }
    #wforms-form-11 .wa-captcha strong {
        margin-right: 5px;
    } 
    
    /*SLICK SLIDER STYLES*/
    .slick-dots li button:before {
        font-size:10px!important;
        color: #01334D!important;
    }
    .slick-dots li.slick-active button:before {
        opacity: 1;
        color: #7FDB60!important
    }
/*JIVOSITE BOTTOM CHAT LABEL*/ 
    #jvlabelWrap {
       /* display:none;*/
       margin-bottom:-40px;
        right:30px;
    }