@font-face { font-family: 'Roboto', sans-serif; src: url(../fonts/NHaasGroteskTXPro-55Rg.ttf); }
@font-face { font-family: 'Roboto', sans-serif;; src: url(../fonts/NHaasGroteskTXPro-65Md.ttf); }
@font-face { font-family: 'Roboto', sans-serif; src: url(../fonts/NHaasGroteskTXPro-75Bd.ttf); }

@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@100;300;400;500;700&display=swap');

html, body { width: 100%; height: 100%; border: 0; margin: 0; padding: 0; -webkit-font-smoothing: antialiased;
background-color: #ffffff; font-family: 'Roboto', sans-serif; }
/*::-webkit-scrollbar { display: none; }*/
a { text-decoration: none; } input[type=radio] { width: 18px; height: 22px; margin-top: 3px } input[type=checkbox]
{ width: 18px; height: 22px; margin-top: 3px } ol { padding-left: 15px; } li { padding-left: 5px; } label{ font-size:
12px; font-weight: bold; } hr { background-color: #222629; opacity: 1; margin-top: 30px; margin-bottom: 30px } hr:not(
[size]) { height: 3px; } img { border-radius: 5px }

.container { padding: 40px; }
.container-full { padding: 5px; }
.container-center {
/*background: #B11116; */
 display: flex; justify-content: center; align-items: center; height: 100vh; width: 100%; overflow: hidden; }
.container-float { padding: 40px; }
.row { margin: 0px }
.btn-danger { color: #fff; background-color: #b11117; border-color: #b11117; }
.btn-danger:hover { color: #fff; background-color: #ff1e26; border-color: #ff1e26; }
.col-lg-12, .col-md-12, .col-12 { margin-bottom: 20px }
.col-lg-11, .col-md-11, .col-11 { margin-bottom: 20px }
.col-lg-10, .col-md-10, .col-10 { margin-bottom: 20px }
.col-lg-9, .col-md-9, .col-9 { margin-bottom: 20px }
.col-lg-8, .col-md-8, .col-8 { margin-bottom: 20px }
.col-lg-7, .col-md-7, .col-7 { margin-bottom: 20px }
.col-lg-6, .col-md-6, .col-6 { margin-bottom: 20px }
.col-lg-5, .col-md-5, .col-5 { margin-bottom: 20px }
.col-lg-4, .col-md-4, .col-4 { margin-bottom: 20px }
.col-lg-3, .col-md-3, .col-3 { margin-bottom: 20px }
.col-lg-2, .col-md-2, .col-2 { margin-bottom: 20px }
.col-lg-1, .col-md-1, .col-1 { margin-bottom: 20px }
.headerPage { height: 95px;  text-align: center;  line-height: 80px; background-color: #222629; font-size: 22px;
 color: #ffffff; position: relative; }
.copyright { height: 50px;  text-align: center;  line-height: 50px; background-color: #222629; font-size: 8px;
 color: #ffffff; font-weight: bold; letter-spacing: 1px }

.videoborder{ border-radius: 5px; overflow: hidden;
    -webkit-transform: translateZ(0); }

.homeBG{ background-image: url("../img/home-banner-rev1.jpg"); height: 60%; background-position: center;
 background-repeat: no-repeat; background-size: cover; text-align: center; color: #ffffff; padding-top: 130px;
 font-size: 8vw; font-family: 'Roboto', sans-serif; }

.homeBGEvent{ background-image: url("../img/home-banner-rev1.jpg"); height: 30%; background-position: center;
 background-repeat: no-repeat; background-size: cover; text-align: center; color: #ffffff; padding-top: 0px; font-size:
 8vw; font-family: 'Roboto', sans-serif; }

.homeCG{ background-image: url("../img/connect.jpg"); height: 400px; padding-left: 20px; padding-right: 20px;
 border-radius: 5px; background-position: center; background-repeat: no-repeat; background-size: cover; text-align:
 center; color: #ffffff; font-family: 'Roboto', sans-serif; position: relative; }

.menuTitle{ font-size: 44px; font-family: 'Roboto', sans-serif; letter-spacing: 0px; line-height: 0px; margin-bottom: 10px; }

.menuTitleBig{ font-size: 48px; font-family: 'Roboto', sans-serif; letter-spacing: 0px; line-height: 42px; margin-bottom: 10px; }

.rowMarginBottom{ margin-bottom: 0px; }

.thumbVideo{ width: 350px; display: inline-block; margin-right: 20px; vertical-align: top; }

.label { font-size: 24px; text-align: center; }

.time { line-height: 90%; text-align: center; font-family: 'Roboto', sans-serif; }

.fontMenuBottom { font-size: 7px; font-family: 'Roboto', sans-serif; margin-top: 4px }

.buttonMediaFB{ background-color: #3b5998; border: 1px solid #3b5998; width: 100%; }

.buttonMediaFB:hover{ background-color: #507cda; border: 1px solid #507cda; }

.buttonMediaFont{ font-size: 14px; }

.buttonMediaFontTeaser{ font-size: 17px; }

.titleVideo{ font-size: 18px; margin-top: 5px; margin-left: 0px; font-family: 'Roboto', sans-serif; }

.cgBox{ text-align: left; padding: 40px 40px 0px 0px; position: absolute; left: 40px; bottom: 40px }

.cgTitle{ font-size: 78px; margin-bottom: 0px; font-weight: bold }

.cgContent{ font-size: 28px; margin-bottom: 30px }

#days{ padding-left: 5px; padding-right: 5px; }

#hours{ padding-left: 5px; padding-right: 5px; }

#minutes{ padding-left: 5px; padding-right: 5px; }

#seconds{ padding-left: 5px; padding-right: 5px; }

.teaserTitle { line-height: 3.5vw; font-weight: bold; margin-bottom: 10px }

.devotion { position: absolute; left: 6vw; bottom: 2.5vw  }

.sundayservicebegin { margin-bottom: 20px; font-size: 16px; letter-spacing: 2px; font-family: 'Roboto', sans-serif; }

/* MEDIA SCREEN ================================= */
@media screen and (max-width: 1280px){ .devotion { position: absolute; left: 8vw; bottom: 3vw  }

	.homeBGEvent { height: 30%; }

	.teaserTitle { line-height: 3vw; font-size: 3vw; font-weight: bold; margin-bottom: 10px }

	.buttonMediaFont{ font-size: 14px; } }

@media screen and (max-width: 1024px){ .teaserTitle { line-height: 3vw; font-size: 2.5vw; font-weight: bold;
 margin-bottom: 10px } }

@media screen and (max-width: 600px){ .sundayservicebegin { margin-bottom: 0px; font-size: 16px; letter-spacing: 2px;
 font-family: 'Roboto', sans-serif; }

	.cgBox{ text-align: left; padding: 20px 20px 0px 0px; position: absolute; left: 20px; bottom: 20px }

	.cgTitle{ font-size: 34px; margin-bottom: 0px; font-weight: bold }

	.cgContent{ font-size: 14px; margin-bottom: 30px }

	.menuTitle{ font-size: 27px; font-family: 'Roboto', sans-serif; letter-spacing: 0px; line-height: 0px; margin-bottom: 10px; }

	.label { font-size: 10px; text-align: center; }

	.time { font-size: 44px; line-height: 120%; text-align: center; font-family: 'Roboto', sans-serif; }

	.thumbVideo{ width: 280px; display: inline-block; margin-right: 20px; vertical-align: top; }

	.buttonMediaFont{ font-size: 14px; } }