.aidark {
    --mainb:#242424;
}

.ailight {
    --headb: #e1e1e1;
    --headc:#646464;
    --footb:#e1e1e1;
    --footc:#646464;
    --tabletoolsb: #efefef;
    --tabletoolsc: #646464;
    --menubopen:#014660;
    --mainb:#fff;
}
:root {
    --inputfonts: 100%;
    --inputfocus: #2196F3;
    --inputborder: #c6c6c6;
    --input: #5d5b5b;
    --inputcheckbox: #fff;

    --menuheader: var(--l5);
    --menushadow: rgba(0,0,0,0.6);
    --menuborder: #ebebeb;
    --menucolor: #00aeef;
    --menubhover: #00aeef;
    --menuchover: #fff;
    --menuptb: 28px;
    --menuprl: 13px;
    --menuptbm: 22px;
    --btn: hsl(196,100%,46%);
    --hbtn: hsl(196,100%,37%);
    --btnt: hsla(196,100%,46%,0.9);
    --hbtnt: hsla(196,100%,37%,0.9);
    --gdiv: hsl(199,89%,46%);
    --ghdiv: hsl(123,53%,46%);
}
/*Theme base colors */
:root {
    --col: 213;
    --per: 96%;
    --thl: hsl(213,96%,91%);
    --thd: hsl(213,96%,10%);
}

body {
    font-family: "Open sans", sans-serif;
    color: #115c9b;
}

h1,h2,h3,h4,h5,h6,h7 {
    font-family: "Dosis", sans-serif;
    margin: 6px auto;
}
::-webkit-scrollbar {
    width: 6px;
    height: 6px;
}
::-webkit-scrollbar-track {
    background: #f1f1f1;
}
::-webkit-scrollbar-thumb {
    background: #888;
}
::-webkit-scrollbar-thumb:hover {
    background: #555;
}

.aigdiv3 > div {
    text-align: center;
    padding: 0 10px 15px;
    position: relative;
    z-index: 1;
}
.aigdiv3 > div:after {
    content: "";
    background: var(--gdiv);
    width: 100%;
    height: 10px;
    border-radius: 20px;
    position: absolute;
    left: 0;
    top: 110px;
    z-index: -2;
}
.aigdiv3 > div > div {
    color: #fff;
    background: var(--gdiv);
    font-size: 65px;
    line-height: 100px;
    width: 120px;
    height: 120px;
    padding: 5px 0 0 5px;
    margin: 0 auto 28px;
    border: 3px solid #fff;
    box-shadow: 0 0 0 3px var(--gdiv);
    border-radius: 50% 50% 50% 15px;
    transform: rotate(-45deg);
}
.aigdiv3 > div > div i {
    transform: rotate(45deg);
    transition: all 0.3s;
}
.aigdiv3 > div:hover > div i {
    text-shadow: 0 0 5px #000;
    transform: rotate(-315deg);
}
.aigdiv3 > div h4 {
    color: var(--gdiv);
    font-size: 22px;
    font-weight: 600;
    text-transform: uppercase;
    margin: 0 0 10px;
}
.aigdiv3 > div p {
    text-align: center;
    letter-spacing: 1px;
}

@media only screen and (max-width:990px) {
    .aigdiv3 > div {
        margin: 0 0 30px;
    }
}


.slogan {
    background: linear-gradient(-45deg, hsl(202,100%,10%), hsl(202,100%,37%), hsl(202,100%,37%), hsl(202,100%,10%));
    background-size: 400% 400%;
    animation: gradient15s ease infinite;
    font-family: 'Palanquin', sans-serif;
    font-weight: normal;
    text-align: center;
    background-color: rgba(0, 124, 196,0.9);
    color: white;
    padding: 8px;
}

@keyframes gradient {
    0% {
        background-position: 0% 50%;
    }

    50% {
        background-position: 100% 50%;
    }

    100% {
        background-position: 0% 50%;
    }
}

.itemgrid {
    display: grid;
    align-content: space-between;
}
.parallax::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: hsla(0,0,0,0.4);
}

.owl-carousel .bimage {
    width: 100%;
    height: 100%;
    object-fit: cover;
    vertical-align: middle;
}
.owl-carousel .owl-nav button.owl-next, .owl-carousel .owl-nav button.owl-prev, .owl-carousel button.owl-dot
{
    padding: 22px 0!important;
}
.owl-theme .owl-dots .owl-dot span {
    width: 10px !important;
    height: 4px!important;transition: all 0.3s ease 0s;
}
.owl-theme .owl-dots .owl-dot.active span{
    width: 22px;
}

.owl-carousel .owl-item > div, .owl-carousel .owl-item div.bgimg {
    height: 100%;
}

.g0 .owl-carousel, .g0 .owl-carousel .owl-stage, .g0 .owl-carousel .owl-item, .g0 .owl-carousel .owl-item > div{height:100%;position:relative;}
.g0 figure img {width:109px!important;height:109px;border-radius: 50%;margin:0 auto;}
.g0 figure .h5{font-size:13px;}.g0 figcaption{padding: 5px 0 0 0;margin: 0 0 10px;position:relative;}.g0 figcaption p{text-align:justify}
.g0 > div:after{clear:both;content:" ";display:table;position:relative!important;}
.g0 figure {height:100%; padding:30px;text-align: center;}

.g3 .owl-carousel, .g3 .owl-carousel .owl-stage, .g3 .owl-carousel .owl-item, .g3 .owl-carousel .owl-item > div{height:100%;position:relative;}
.g3 figure img {width:109px!important;height:109px;border-radius: 50%;margin:0 auto;border:4px solid var(--d3);padding:4px;}
.g3 figure .h5{font-size:13px;}.g3 figcaption{padding: 20px 0 0 0;margin: 0 0 10px;border-top: 7px solid var(--d2);border-radius: 25%;position:relative;}.g3 figcaption:before{content:'';position:absolute;top:0;left:49%;width:10px;height:10px;border:2px solid var(--d3);border-radius:50%;}.g3 figcaption p{text-align:justify}
.g3 > div:after{clear:both;content:" ";display:table;position:relative!important;}
.g3 figure {height:100%; margin: 0 30px;text-align: center;}