@import url('https://fonts.googleapis.com/css2?family=Raleway:ital,wght@0,200;0,400;0,800;1,200;1,400;1,800&display=swap');

/* sticky header background, in case option is checked */
.sticky-top > #hero-plus-header {
  background-color: white;
font-family: 'Raleway', sans-serif;
}


.logo1{
width:90px; margin:8px;
}

.logo2{
width:260px; margin:8px;
}

.logo3{
width:90px; margin:8px;
}



/*Header Box*/
#hero-plus-header {  
}
/*Hero Box*/
#hero-plus-hero {
}
/*Body Box*/
#hero-plus-body {
font-family: 'Raleway', sans-serif;
}
/*Footer Box*/
#hero-plus-footer{
font-family: 'Raleway', sans-serif;
padding-top:25px;
padding-bottom:40px;
}
/* Control carousel arrow*/
.carousel-gallery-arrow {
}




.top-video {
    width: 45%;
    float: right;
    max-width: 100%;
    margin: 0px 0px 40px 40px;
}

.cd-md-6 {
    display: inline-block;
    width: 50%;
}

b, strong {
    font-weight: bolder;
 
    font-size: 120%;
}

.right {
    width: 35%;
    float: right;
    margin: 2.5%;
}

#gallery-title-uuid {
    display: none;
}

.card-columns {
    -webkit-column-count: 2;
    -moz-column-count: 2;
    column-count: 2;

}

.card-title {
    font-size: 15px;
    text-align: left;
    margin-bottom: 0px;
}

.card-body{padding: .75rem .75rem;
    line-height: 110%;
    background: #b2c335;
text-align:center;
    color: #fff;}

.card-text {
    display: none;
}

#maingal h2 {
    display: none;
}

#maingal {
    background: #eee;
    auto; width: 100%;
    padding: 30px 10%;
}

#invid {
    width: 35%;
    float: right;
    margin-left: 2%;
    margin-bottom: 2%;
}

p {
  font-family: 'Raleway', sans-serif;
    font-size: 19px;
font-weight:400;
}

li {
    font-size: 19px;
}



.hero {
    max-width: 100%;
}

#txt {
    padding: 2% 10%;
}

/*Header Box*/
#hero-plus-header {
    display: block;
    background: #fff;
    webkit-box-shadow: 0px 1px 5px 0px rgba(0,0,0,0.75);
    -moz-box-shadow: 0px 1px 5px 0px rgba(0,0,0,0.75);
    box-shadow: 0px 1px 5px 0px rgba(0,0,0,0.75);
}

/*Hero Box*/
#hero-plus-hero {
    align-items: start;
    display: block!important;
    flex: none;
}


#hero-plus-hero img {
    width: 100%;
    max-width: 100%;
    margin-top: -20px;
}

/*Body Box*/
#hero-plus-body {
    font-family: 'Raleway', sans-serif;
}

.click-tweet {
    color: #fff;
    width: 74%;
    margin-left: 13%;
    margin-top: -40px;
    border-radius: 10px;
    letter-spacing: 1.25px;
    float: right !important;
   font-family: 'Raleway', sans-serif;
    font-weight: 900;
    padding: 30px;
    text-align: center;
    font-size: 1.75em;
    background: #0064ff;
}

.link {
    color: #0064ff;
    font-weight: 900;
    font-size: 200%;
    letter-spacing: 1px;
    display: block;
    line-height: 115%;
}

.gallery {
border-top:6px solid #b2c335;
background: #f0f0f0;
background-image:url('images/cloud-background.png');
    background-repeat: repeat;
    background-position: top center;
width:100%;
max-width:100%;

    padding-bottom: 30px;
}

.link:hover {
    color: #fff;
    text-transform: none;
}

.soc {
    padding: 5px;
    margin: 10px;
    height: 50px;
    width: 50px;
    color: #fff;
    display: inline-block;
}

.soc:hover {
    color: #0056b3;
}


.card-columns {
    -webkit-column-count: 2;
    -moz-column-count: 2;
    column-count: 2;
    padding: 4% 8%;
    column-gap: 2rem;
}

.card-columns .card {
    margin-bottom: 2rem;
}

h1, h2, h3, h4, h5, h6 {
    text-align: center;
    font-family: 'Raleway', sans-serif;

}

h1 {
    font-weight: 800;
color:#a5b23b;
}

h2 {
    font-size: 1.5rem;
    padding: 20px 0px 40px;
font-weight:300;
    color: #666666;
}

h3{    font-size: 1.75rem;
    font-weight: 800;
    margin-bottom: 1.75rem;}

#gallery {
    background: #b8babd;
    padding: 20px 5% 5%;
}

.foot-links{display:block; margin:15px; 
color:#a5b23b!important;
 font-size:140%;}

.foot-links:hover{display:block; margin:15px; 
 color:#000000!important; text-decoration:none;}

.icons{    margin: 8px;
    color: black!important;}

.icons:hover{opacity:.75;}

.ctab, .ctab:visited {
    text-decoration: none !important;
    font-size: 110%;
    display: inline-block;
 
    text-align: center;
 font-family: 'Raleway', sans-serif;
    color: #fff;
    background: #95bdd0;
    border-color: #95bdd0;
    border-radius: 3rem;
    padding: 12px 18px;
    width: 300px;
    line-height: 100%;
    font-weight: 900;
    vertical-align: middle;
margin-left:30px;
}

.ctab:hover {
    background: #333;
    color: #eee;
    -webkit-transition: all .25s ease-out;
    -moz-transition: all .25s ease-out;
    transition: all .25s ease-out;
    color: #c4d600;
    background: #0d2354;
    border-color: #c4d600;
}

.ctab-mobile, .ctab-mobile:visited {
    display: none;
    max-width: 100%!important;
}

.img-fluid {
    max-width: 100%;
    height: auto;
    -webkit-box-shadow: 0px 1px 5px 0px rgba(0,0,0,0.75);
    -moz-box-shadow: 0px 1px 5px 0px rgba(0,0,0,0.75);
    box-shadow: 0px 1px 5px 0px rgba(0,0,0,0.75);
}

/*Footer Box*/
#hero-plus-footer {
  border-top:6px solid #b2c335;
background: #f0f0f0;
background-image:url('images/cloud-background.png');
    background-repeat: no-repeat;
    background-position: top center;

    padding-bottom: 45px;
    text-align: center;
    display: block;
}

@media only screen and (max-width: 980px) {
    #gallery .col-md-4 {
        max-width: 50%;
        flex-basis: 50%;
    }
}

@media only screen and (max-width: 768px) {
    .top-video {
        width: 100%;
        float: none;
        margin: 0px auto 40px auto;
    }

    .card-title {
        font-size: 17px;
        text-align: left;
        margin-bottom: 0px;
    }

    .card-body {
        padding: .5rem .75rem;
        height: 50px;
        line-height: 110%;
    }

    .container-fluid {
        width: 100%;
        padding-right: 0px;
        padding-left: 0px;
        margin-right: auto;
        margin-left: auto;
    }

    .cd-md-6 {
        display: block;
        width: 100%;
    }

    h1 {
        font-size: 160%;
        text-align: center;
       font-family: 'Raleway', sans-serif;
    
        font-weight: 900;
    }

    #gallery .col-md-4 {
        max-width: 100%;
        flex-basis: 100%;
    }

    #hero-plus-header {
        display: block;
        margin: 0px auto;
    }

    .logo {
        margin: 10px auto;
        display: inline-block;
        width: 70px;
        margin-left: 10px;
    }

    logo2 {
        margin-left: 20px;
        width: 150px;
    }

    #txt {
        padding: 2% 5%;
    }

    .card-columns {
        -webkit-column-count: 1;
        -moz-column-count: 1;
        column-count: 1;
        padding: 4%;
    }

    h2 {
        font-size: 1.25rem;
        padding: 20px 0px 40px;
    
    }

.txt{width:100%; max-width:100%;}

    .right {
        width: 35%;
        float: right;
        margin: 2.5%;
    }

    .click-tweet {
        color: #fff;
        width: 100%;
        margin-left: 0%;
        margin-top: 0px;
        border-radius: 10px;
        letter-spacing: 1px;
        float: right !important;
  font-family: 'Raleway', sans-serif;
        font-weight: 900;
        padding: 25px;
        text-align: center;
        font-size: 1.15em;
        background: #0064ff;
    }

    .ctab {
        display: none;
        margin: 0px auto;
        font-size: 110%;
        padding: 8px;
        width: 100%;
        text-align: center;
        margin-top: 5px;
        margin-bottom: 5px;
    }

.logo2 {
    width: 160px;
    margin: 8px;
}
.logo1, .logo3 {
    width: 60px;
    margin: 8px;
}


    .ctab-mobile, .ctab-mobile:visited {
        display: inline-block;
        margin: 0px auto 40px auto;
        max-width: 100%;
        width: 100%;
    }
}

.font-size-100 {
    font-weight: bolder;
    color: #0d2354;
}