/* sticky header background, in case option is checked */


@import url('https://fonts.googleapis.com/css?family=Montserrat:400,400i,700,700i');

ol li { margin-left: -20px; }
.linked-url:hover {
    display: none!important;
}

html,body { overflow-x: hidden;
overflow-y: scroll;
}

.indent{
margin-left:10%;
}

a {
   color: #007bff;
    text-decoration: none;
    background-color: transparent;
    -webkit-text-decoration-skip: objects;
font-weight:bold;
}

.larger{
    font-size: 150%;
    text-transform: uppercae;
    padding: 15px;
    font-weight: 700;
    text-transform: uppercase;
    color: #fff;}

.play-overlay {
    position: absolute;
    color: #ffffff;
    background-color: rgba(0,0,0,0);
    font-size: 4em;
    top: 50%;
    left: 50%;
    text-decoration: none !important;
    bottom: 0;
    height: 1em;
    transform: translate(-50%, -50%);
}


.foot-links {
    font-size: 150%;
  
    padding: 15px;
    font-weight: 700;
    text-transform: uppercase;
color:#fff;
}

.foot-links:hover{
opacity:.8;
color:#fff;
}


.sticky-top > #hero-plus-header {
  background-color: #fff;
  position: fixed;
  width: 100%;
}
/*Header Box*/
#hero-plus-header {  
background:#fff;
}
.logo {
    margin: 0px;
width:300px;
}
h1, h2 {text-align:left; margin: 20px;}
h1{font-weight:700; font-size: 1.9em;
    margin: 1em auto .8em;
text-align:center;
    color: #188ccc;
    font-weight: bold;}


h2{
font-size:120%; font-weight:700; font-style:italic;}
li{
padding-bottom:10px;
}
.cright  { float: right; margin-top: 2em;}
.ctab, .ctab:visited {
    background: #f68621;
    color: #fff!important;
    padding: 20px 17px;
    font-size: 114%;
    font-weight: bold;
    display: inline-block;
    text-align: center;
    margin: 10px 25px;
    text-decoration: none;
    transition-duration: 0.5s;
    -webkit-transition-duration: 0.5s;
    -moz-transition-duration: 0.5s;
border-radius:5px;
}
.ctab:hover {  opacity:.8; text-transform:none; text-decoration:none;}
#gallery h2 {display:none;}
.card-body {display:none;}





#gallery h2 {display:none;}
.card-body {display:none;}
#gallery {      padding: 2% 5%; width: 100%; max-width: 100%;
    background: #eee;
    padding-top: 30px;
    margin-bottom: 0px;}

.gall-button{
width:100%;
max-width:100%;
display:block;
text-align:center;
padding:30px;
}
.right {
    width: 40%;
    float: right !important;
    margin: 1%;
}
.col-lg-3 {
    flex: 0 0 33%;
    max-width: 33%;
}
.top{
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
    padding: 50px 6% 40px;
    background: #188ccc;
    margin-bottom: 40px;
}

.tq {
    font-size: 150%;
    width: 753px;
    max-width: 100%;
    width: 100%;
    padding: 5px 10%;
    line-height: 139%;
    color: #fff;
    font-weight: bold;
}


.icons{
    background: #39b54a;
padding:8px;
    width: 40px;
    height: 40px;
display:inline-block;
color:#fff;
margin:8px;
}

.icons:hover{
opacity:.8;
color:#fff;
background:#000;
}
.video-inline, .img-inline {
    margin: 10px;
}
.foot-links2{padding:5px; margin: 10px; display: block; }
.foots { margin-left: -25px; }
#txt {padding: 2% 10%;}
h3 { margin-top: 50px; }
#txt2 {padding: 2%;
    text-align: center;
    display: block;
    width: 35%;
    max-width: 100%;
    background: #eee;
    border: 2px solid #000;
    margin-left: 2%;
    padding-top: 15px;
    float: right;
    margin: 10px; }
.hero {max-width: 100%; display:block;width:100%; }

/*Hero Box*/
#hero-plus-hero {
}
/*Body Box*/
#hero-plus-body {
font-size:110%;
font-family:Montserrat,Arial,sans-serif;
	font-size:18px;
}
/*Footer Box*/
#hero-plus-footer {
    display: block;
background: #4a4a4a;
    padding-bottom: 50px;
    text-align: center;
font-family:Montserrat,Arial,sans-serif;
	font-size:18px;
}
/* Control carousel arrow*/
.carousel-gallery-arrow {
}
.soc, .soc:visited {
    color: #fff;
    padding: 5px;
    margin: 10px;
    display: inline-block;
    vertical-align: middle;
}

.soc:hover { color: #0082cb; }

.link, .link:visited { text-decoration: none !important;
    background: #051746;
    padding: 10px 40px;
    width: 400px;
    margin: 10px auto;
    color: #fff;
    font-weight: bold;
    letter-spacing: 12px;
    font-size: 130%;
}

.link:hover { background: #0082cb;  color: #051746;}

@media only screen and (max-width: 768px) {
.right {
    width: 100%;
    float: none;
    margin: 20px auto;
}
#txt2 { width: 100%; margin-left:0; float: none; }
.tq {
    float: none;
    text-align: center;
    width: 100%;
    margin: 20px auto;
}
.logo {
    margin: 0px;
    width: 150px;

}

h2{
margin-left:none;}

.tq {
    font-size: 115%;
    width: 753px;
    max-width: 100%;
    width: 100%;
    padding: 5px 2%;
    line-height: 139%;
    color: #fff;
    font-weight: bold;
}

.top {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
    padding: 20px 6% 20px;
    background: #188ccc;
    margin-bottom: 40px;
}

.foot-links {
    font-size: 120%;
    padding: 15px;
    font-weight: 700;
    text-transform: uppercase;
    color: #fff;
display:block;
}

#txt {
    padding: 2% 10%;
    width: 100%;
    max-width: 100%;
font-size:17px;
}

h1{font-size:135%; margin: 20px 0px; }

col-lg-12{
padding-left:5px;
padding-right:5px;
}

.larger {

    display: none;
}
.link { display: block; width: 300px; }
.ctab.ctab, .ctab:visited {
    margin: 0px;
    margin-left: 0px;
 
    padding: 10px;
   background: #f68621;
   color: #fff; 
   border:none;
    font-weight: bold;
    font-size: 90%;
    text-decoration: none !Important;
}


.ctab, .ctab:visited {
    margin: 0px;
    background: #000;
    padding: 10px ;
    border: 2px solid #3fffc1;
    color: #3fffc1;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 90%;
    text-decoration: none !Important;
}

.sticky-top > #hero-plus-header {
    background-color: #fff;
}

.col-lg-3 { flex: 0 0 100%; max-width: 100%; }

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

#hero-plus-header {
    display: block;
    margin: 0px auto;
    text-align: center;
}
#hero-plus-body {font-size:100%;}
}