/* CSS Document */
html, body {
max-width: 100%;
overflow-x: hidden;
background-color: #f1f1f1;
}
html {
scroll-behavior: smooth;
}
.navbar {
padding-top: 2px;
padding-bottom: 2px;
background-color: #f1f1f1;
}
.container {
background: #f1f1f1;
text: #f1f1f1;
}
.container .btn {
width: 200px;
}
.hr {
color: #e60023;
background-color: #ededed;
height: 2px;
}
.h2 {
padding-top: 5px;
}
.shadow {
color: #1f1f1f;
}
.btt {
z-index: 9998;
display: none;
position: fixed;
bottom: 100px;
right: 10px;
font-size: 60px;
width: 90px;
height: 90px;
background: transparent;
color: #8B8888;
cursor: pointer;
transition-duration: 0.5s;
transition-timing-function: ease-in-out;
transition-property: background-color, color;
}
.btt:hover, .btt:focus {
color: #333;
}
@media(max-width: 992px) {
.btt {font-size: 40px; width: 90px; height: 90px; bottom: 50px; right: 0px;;}
}
@media(max-width: 768px) {
.btt {font-size: 30px; width: 45px; height: 45px; bottom: 40px; right: 0px; }
}
.bttEntrance {
animation-duration: 0.8s;
animation-fill-mode: both;
animation-name: bttEntance;
}
@keyframes bttEntrance {
from {
opacity: 0;
transform: translate3d(0, 100%, 0);
}
to {
opacity: 1;
transform: translate3d(0, 0, 0);
}
}
.bttExit {
animation-duration: 0.25s;
animation-fill-mode: both;
animation-name: bttExit;
}
@keyframes bttExit {
from {
opacity: 1;
}
to {
opacity: 0;
transform: translate3d(0, 100%, 0);
}
}
/*Sidein Intro*/
#intro {
color: #000000;
animation-duration: 3s;
background-color: #ededed;
max-width: 1200px;
}
#intro-1 {
max-width: 900px;
animation-delay: 1s;
animation-duration: 2s;
}
#intro-2 {
max-width: 1000px;
animation-delay: 2s;
animation-duration: 2s;
}
.fa:hover {
opacity: 0.7;
}
.fa-facebook {
background: #3B5998;
color: white;
height: 30PX;
font-size: 30px;
width: 30px;
text-align: center;
text-decoration: none;
margin: 2px 2px;
}
.fa-pinterest {
background: #cb2027;
color: white;
height: 30PX;
font-size: 30px;
width: 30px;
text-align: center;
text-decoration: none;
margin: 2px 2px;
}
.fa-instagram {
background: #125688;
color: white;
height: 30PX;
font-size: 30px;
width: 30px;
text-align: center;
text-decoration: none;
margin: 2px 2px;
}
.ig-b- { display: inline-block; }
.ig-b- img { visibility: hidden; }
.ig-b-:hover { background-position: 0 -60px; } .ig-b-:active { background-position: 0 -120px; }
.ig-b-32 { width: 32px; height: 32px; background: url(https://badges.instagram.com/static/images/ig-badge-sprite-32.png) no-repeat 0 0; }
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
.ig-b-32 { background-image: url(//badges.instagram.com/static/images/ig-badge-sprite-32@2x.png); background-size: 60px 178px; }
}
@media screen and (max-height:575px) {
.navbar-brand img {
max-height: 50px;
}
}
@media(max-width:991px) {
.navbar-brand img {
padding-left: 15px;
}
}
.index-intro {
width: 100%;
background-color: #000000;
}
.index-intro .jumbotron {
padding: 100px 60px;
margin: 10px;
margin-bottom: 20px;
background-image: url('img/Header image rev1.1.jpg');
background-size: cover;
background-repeat: no-repeat;
}
.section {
background-color: #000000;
text-align: center;
}
.modal-title {
font-size: 1rem;
color: #000000;
}
.modal-body {
color: #800000;
}
.modal-footer {
justify-content: center;
}
.figure-caption {
font-size: 90%;
color: #000000;
text-transform: uppercase;
font-weight: 600;
}
.figure-caption .btn {
padding-top: .2rem;
width: 150px;
color: #000000;
background-color: #ededed;
}
.container-fluidblu {
background-color: #ededed;
}
.img-thumbnail {
background-color: #ededed;
border: none;
margin-top: 35px;
}
.card-body {
padding: 0.1rem;
}
.card {
background-color: #ededed;
/*border: 1px solid thin;*/
border: none;
border-radius: 5px;
}
.card-header {
background-color: #ededed;
}
.page-link {
background-color: #ededed;
}
.page-link .hover {
background-color: #ffffff;
}
.container1 {
background: #343a40;
text: #ffffff;
}
.container2 .btn {
width: 125px;
color: #ededed;
background-color: #7193ad;
opacity: 80%;
margin-left: .5rem;
margin-bottom: .5rem;
border-color: #000000;
border-radius: 15;
box-shadow: 3px 3px 3px 3px #3c3b3a;
}
.a, .btn {
width: 180px;
color: #000000;
background-color: #f4f4f4;
opacity: 80%;
text-align: center;
border-color: #6c757d;
border-radius: 15px;
box-shadow: 3px 2px 5px 1px #6c757d;
}
.Container2 .close {
color: white;
position: absolute;
top: 10px;
right: 25px;
font-size: 35px;
font-weight: bold;
}
.container2 .btn:hover {
background-color: #ededed;
color: #000000;
border-color: #000000;
}
.container3 .btn {
width: 130px;
color: #ffffff;
background-color: #014075;
opacity: 80%;
margin-left: .5rem;
margin-bottom: .5rem;
border-color: #6c757d;
border-radius: 15px;
box-shadow: 3px 2px 5px 1px #6c757d;
}
.container3 .btn:hover {
background-color: #969696;
color: #ffffff;
border-color: #ffffff;
}
.container4 .btn {
width: 160px;
color: #000000;
background-color: #ededed;
margin-left: .5rem;
margin-bottom: .5rem;
/*border-color: #6c757d;*/
border-radius: 15px;
box-shadow: 3px 2px 5px 1px #959595;
}
.container4 .btn:hover {
color: #ffffff;
background-color: #969696;
}
.jumbotron {
background-color: #ededed;
color: #343a40 !important;
}
#footer .footer {
background-color: #fcfcfc;
}
#footer .footer-top {
background-color: #fcfcfc;
}
.footer-bottom {
background-color: #fcfcfc;
}
#footer .copyright {
padding-top: 33px;
padding-bottom: 30px;
background-color: #fcfcfc;
}
.jumbotron1 {
padding-bottom: .5rem;
margin-top: 1rem;
text-align: center;
background-color: #f4f3ea;
border-radius: .1rem;
}
.jumbotron2 {
background-color: #ededed;
text-align: center;
}
.jumbotron2 .btn {
background-color: #cbd0d8;
border-radius: 8px;
border-width: thin;
border-bottom-color: #333d51;
}
.jumbotron2 .btn:hover {
background-color: #f7f7f7;
}
@media screen and (max-width:991px) {
h2 {font-size:22px;}
h5 {font-size: 18px;}
}