@import 'https://fonts.googleapis.com/css?family=Open+Sans:400,400i,700,700i';




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

strong{font-size:110%; color:#7bb94e;}



.cd{padding:3%;}

.icons.chl {
    background: #ee2e24;
}

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

.icons.ch {
    width: 100%;
    height: 100%;
    display: inline;
}


.right {
    width: 35%;
    float: right;
    padding: 20px;
    margin: 3%;
    margin-top: 0px;
}

.logo {
    margin: 10px 10px 16px 18px;
    vertical-align: middle;
width:150px;
}

.hero{
width:100%;
max-width:100%;
display:block;
}



.click-tweet {
    text-align: center;
    font-size: 1.5em;
    line-height: 133%;
    float: right;
    width: 35%;
    color: #ee2d24;
    border-bottom: 1px solid;
    margin: auto 0;
    margin-top: 30px;
margin-bottom:0px;
  
}

.ctab, .ctab:visited, .ctab:focus {
    background: #fe7c84;
    color: #fff!important;
    padding: 15px 5px;
    font-size: 100%;
    font-weight: normal;
    display: block;
    text-align: center;
    margin: 27px;
    width: 255px;
    max-width: 100%;
    text-decoration: none;
    border-radius: 4px;
    line-height: 108%;
    border-bottom: #670f27 solid 2px;
    transition-duration: 0.5s;
    -webkit-transition-duration: 0.5s;
    -moz-transition-duration: 0.5s;
}

.ctab:hover, .ctab:active {
    opacity: .8;
    color: #fff!important;
    text-decoration: none;
}

.foot-btn, .foot-btn:visited, .foot-btn:focus {
    background: #ee2d24;
    color: #fff!important;
    padding: 15px 5px;
    font-size: 100%;
    font-weight: normal;
    display: block;
    text-align: center;
    margin: 3px auto;
    width: 200px;
    max-width: 100%;
    text-decoration: none;
    border-radius: 4px;
    line-height: 108%;
    border-bottom: #670f27 solid 2px;
    transition-duration: 0.5s;
    -webkit-transition-duration: 0.5s;
    -moz-transition-duration: 0.5s;
}

.foot-btn:hover, .foot-btn:active {
    opacity: .8;
    transition: all 0.3s ease;
    color: #fff!important;
    text-decoration: none;
}

.icons, .icons:visited, .icons:focus {
    padding: 12px;
    margin: 8px 3px;
    width: 48px;
    height: 48px;
    display: inline-block;
    text-align: center;
    color: #fff;
    border-radius: 4px;
}

.icons:hover, .icons:active {
    opacity: .8;
    transition: all 0.7s ease;
    color: #fff;
}

.icons.fb {
    background: #3B5BA3;
}

.icons.tw {
    background: #00C4EF;
}

.icons.yt {
    background: #cd201f;
}

.icons.ig {
    background: -webkit-radial-gradient(32% 106%, circle cover, rgb(255, 225, 125) 0%, rgb(255, 205, 105) 10%, rgb(250, 145, 55) 28%, rgb(235, 65, 65) 42%, transparent 82%), -webkit-linear-gradient(-45deg, rgb(35, 75, 215) 12%, rgb(195, 60, 190) 58%);
    background: -moz-radial-gradient(32% 106%, circle cover, rgb(255, 225, 125) 0%, rgb(255, 205, 105) 10%, rgb(250, 145, 55) 28%, rgb(235, 65, 65) 42%, transparent 82%), -moz-linear-gradient(-45deg, rgb(35, 75, 215) 12%, rgb(195, 60, 190) 58%);
    background: -ms-radial-gradient(32% 106%, circle cover, rgb(255, 225, 125) 0%, rgb(255, 205, 105) 10%, rgb(250, 145, 55) 28%, rgb(235, 65, 65) 42%, transparent 82%), -ms-linear-gradient(-45deg, rgb(35, 75, 215) 12%, rgb(195, 60, 190) 58%);
    background: -o-radial-gradient(32% 106%, circle cover, rgb(255, 225, 125) 0%, rgb(255, 205, 105) 10%, rgb(250, 145, 55) 28%, rgb(235, 65, 65) 42%, transparent 82%), -o-linear-gradient(-45deg, rgb(35, 75, 215) 12%, rgb(195, 60, 190) 58%);
    background: radial-gradient(circle farthest-corner at 32% 106%, rgb(255, 225, 125) 0%, rgb(255, 205, 105) 10%, rgb(250, 145, 55) 28%, rgb(235, 65, 65) 42%, transparent 82%), linear-gradient(135deg, rgb(35, 75, 215) 12%, rgb(195, 60, 190) 58%);
}

.foot-links, .foot-links:focus, .foot-links:visited {
    padding: 10px 0;
    display: block;
    line-height: 108%;
    font-size: 135%;
    margin: auto;
    color: #333;
    font-weight: bold;
    text-decoration: none;
}

.foot-links:hover,.foot-links:active {
    color: #666;
    text-decoration: none;
}

h3 {
    color: #333;
    font-size: 140%;
    padding: 7px 0;
    font-weight: bold;
    letter-spacing: -1px;
}

#topbar {
    background-color: #fff;
}


h1 {
    font-size: 2.5em;
    text-align: center;
    font-weight: bold;
    color: #ee2d24;
}

h2 {
    font-size: 1.3em;
    text-align: center;
    font-style: italic;
    margin-bottom: 2em;
}

.h5, h5 {
    font-size: 1.1rem;
    text-align: center;
color: #fff;
}

.card-body {
    padding: .2rem;
    background: #5d9731;
    color: #fff;
    padding-top: .5rem;
}
.card-text{
font-size:14px;}





.card-text{
display:none;}

.gallery-inline{
    margin-bottom: 0%;
    background: #71325d;
    padding-top: 2%;
    padding: 4%;
}
#body-media-gallery {
    background: #fff;
    padding-top: 60px;
    padding-bottom: 30px;
}

#body_text {
    padding-top: 10px;
    padding-bottom: 30px;
}

.card {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-color: #fff;
    background-clip: border-box;
    border: 0px solid rgba(0,0,0,.0)!important;

    border-radius: .25rem;
}

.lightbox > .img-fluid {
    max-height: 288px;
    border: 1px solid red;
    box-shadow: 0 0 30px -16px #000;

}


/*Header Box*/
#hero-plus-header {  
}
/*Hero Box*/
#hero-plus-hero {
margin-bottom:0px;
}
/*Body Box*/
#hero-plus-body {
}
/*Footer Box*/
#hero-plus-footer{
}
/* Control carousel arrow*/
.carousel-gallery-arrow {
}

@media only screen and (max-width: 991px){
.card-body{

}

.card-columns {
    -webkit-column-count: 2;
    -moz-column-count: 2;
    column-count: 2;
    -webkit-column-gap: 1.25rem;
    -moz-column-gap: 1.25rem;
    column-gap: 1.25rem;
    orphans: 1;
    widows: 1;
}

}

@media only screen and (max-width: 767px){



.card-columns {
    -webkit-column-count: 1;
    -moz-column-count: 1;
    column-count: 1;
    -webkit-column-gap: 1.25rem;
    -moz-column-gap: 1.25rem;
    column-gap: 1.25rem;
    orphans: 1;
    widows: 1;
}

h1 {
    font-size: 1.85em;
    text-align: center;
    font-weight: bold;
    color: #ee2d24;
}

.h5, h5 {
    font-size: 1.1rem;
    text-align: center;
    color: pink;
}

.cd{
padding:10px;
}

.click-tweet {
    text-align: center;
    font-size: 1.25em;
    line-height: 133%;
    color: #ee2d24;
    border-bottom: 1px solid;
    margin: auto 0;
    margin-top: 30px;
    margin-bottom: 0px;
}

.logo {
    margin: 5px 10px 6px 18px;
    vertical-align: middle;
    width: 80px;
    display: inline-block;
    margin: 0 auto;
}

.ctab, .ctab:visited, .ctab:focus {    background: #ee2d24;
    color: #fff!important;
    padding: 10px 5px;
    font-size: 100%;
    font-weight: normal;
    display: block;
    text-align: center;
    margin: 7px;
    width: 255px;
    max-width: 100%;
    text-decoration: none;
    border-radius: 4px;
    line-height: 108%;
    border-bottom: #670f27 solid 2px;
    transition-duration: 0.5s;
    -webkit-transition-duration: 0.5s;
    -moz-transition-duration: 0.5s;}

}