html, body {padding: 0;margin: 0;background: #fff;color:#716e6e;letter-spacing: 1px;font-family: 'Roboto', sans-serif;}
body a {outline: none;transition: 0.5s all;-webkit-transition: 0.5s all;-moz-transition: 0.5s all;-o-transition: 0.5s all;-ms-transition: 0.5s all;text-decoration: none;}
body a:hover {text-decoration: none;}
body a:focus, a:hover {text-decoration: none;}
input[type="button"], input[type="submit"] {transition: 0.5s all;-webkit-transition: 0.5s all;-moz-transition: 0.5s all;-o-transition: 0.5s all;-ms-transition: 0.5s all;letter-spacing: 1px;}
select, input[type="email"], input[type="text"], input[type=password], input[type="button"], input[type="submit"], textarea, span{font-family: 'Roboto', sans-serif;transition:0.5s all;-webkit-transition:0.5s all;-moz-transition:0.5s all;-o-transition:0.5s all;-ms-transition:0.5s all;letter-spacing: 1px;}
h1,
h2,
h3,
h4,
h5,
h6 {margin: 0;padding: 0;letter-spacing: 1px;}
p {margin: 0;padding: 0;letter-spacing: 1px;color:#716e6e;}
ul {margin: 0;padding: 0;list-style-type: none;}
ul li{display:inline-block;}
.list { padding-left:20px;color:#716e6e; text-align:justify;}
.list li {color:#716e6e; padding: 5px 0 5px 0; list-style:disc; text-align:left;line-height: 24px; display: list-item;}
a { color:#716e6e; text-decoration: none; }
a:hover { color:#f0d96b; text-decoration: none; }
/*-- //Reset-Code --*/
.title h3{font-size:35px;color: #716e6e;font-weight: 400;}
.clr {color: #fff;}
ul.breadcrumb { margin-top: 25px; padding: 10px 0px; list-style: none; background: none; }
ul.breadcrumb li { display: inline; font-size: 14px; }
ul.breadcrumb li+li:before { padding: 8px; color: #716e6e; content: ">"; }
ul.breadcrumb li a { color: #716e6e; text-decoration: none }
ul.breadcrumb li a:hover { color: #169fe6; text-decoration: underline; }
.icons ul li h4,.agile-email-call ul li h4{color: #fff172;font-size: 20px;font-weight: 600;}
.agile-email-call ul li:nth-child(2) {margin-right: 6px;}
.arrow ul li,.footer-icons ul li{display:block;}
/*-- header --*/
.header-outs {position: relative;}
.header-most-top {width: 100%;/* top: 0px; */z-index: 99;}
/*.headder-nav-icon.pagescrollfix {position: absolute;background: #fff;width: 100%;top: 53px;z-index: 9999;}*/
/*--nav--*/
.left-indus-icons {padding: 12px 0px;background: #d40000;}
.icons ul li a span, .footer-icons ul li a span {font-size: 14px;margin: 0px 4px;color: #ffffff;transition: 0.5s all;-webkit-transition: 0.5s all;transition: 0.5s all;-moz-transition: 0.5s all;}
.icons ul li a span:hover{color: #000}
.footer-icons ul li a span:hover {color: #d40000}
.agile-email-call ul li:nth-child(2) {margin-right: 6px;}
.headder-nav-icon.pagescrollfix {background: #169fe6;}
.hedder-up{width: 16%; min-width: 200px;}
.hedder-up img{width:25%; display:inline-block;}
h1 a.navbar-brand span {width: 65%; padding-left: 5%;font-size: 16px;color: #FFF !important;text-transform: uppercase;font-weight: 400;letter-spacing: 2px;line-height: 22px;white-space: normal;display:inline-block;vertical-align: middle;}
.agile-email-call {text-align: right;}
nav.navbar.navbar-expand-lg.navbar-dark.pagescrollfix {background: rgba(0, 0, 0, 0);z-index: 99;padding: 0 1.5em;top: 0;border:none;}
.navbar-dark .navbar-nav .show>.nav-link, .navbar-dark .navbar-nav .active>.nav-link, .navbar-dark .navbar-nav .nav-link.show, .navbar-dark .navbar-nav .nav-link.active, .navbar-dark .navbar-nav .nav-link:hover, .navbar-dark .navbar-nav .nav-link:focus {background: transparent;color: #f0d96b;}
li.nav-item.active {background: transparent;}
.navbar-dark .navbar-nav .nav-link {padding: 6px 0;color: #FFF;background: transparent;font-size: 14px;letter-spacing: 1px;text-transform:uppercase;font-weight:400;}
.dropbtn { border: none; }
.dropdown { position: relative; display: inline-block; }
.dropdown-content { display: none; position: absolute; background-color: #f1f1f1; min-width: 200px; box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2); z-index: 1; }
.dropdown .fa-caret-down{display: none;}
.navbar-toggle{display: none;}
.navbar-nav{margin: 50px auto 0;}
.navbar-dark .navbar-nav .nav-link::before{content : url(../images/dot.png); padding: 0 20px;}
.navbar-dark .navbar-nav li:first-child .nav-link::before{content : ''; padding: 0;}
.dropdown .dropdown-content .nav-link::before{content : ''; padding:0 !important;}
.dropdown .dropdown-content li{width: 100%; display: block;}
.dropdown .dropdown-content li:first-child .nav-link::before{content : '' !important; padding:0 !important;}
.dropdown .dropdown-content .nav-link{width:100%;padding: 10px 10px; color: #000; font-size: 14px; text-transform:uppercase; border-bottom: 1px solid rgba(22, 159, 230, 0.3);}
.dropdown .dropdown-content .nav-link:hover, .dropdown .dropdown-content .nav-link:focus, .dropdown .dropdown-content .active .nav-link{background: #f0d96b; color: #000;}
@media only screen and (min-width:991px) and (max-width:2560px) {
.dropdown:hover .dropdown-content{display: block;}
}
a.nav-item.nav-link{padding: 0.3em 0.5em;color: #00c1cf;font-size: 1em;letter-spacing: 1px;font-weight: 300 !important;}
a.nav-item.nav-link:hover {color: #00a3af;}
a.pagescrolldisplay {visibility: hidden;transition: all 0s ease;}
nav.navbar.shrink.pagescrollfix a.pagescrolldisplay {visibility: visible;transition: all 0.5s ease;color: #000000;font-weight: 300;}
nav.navbar.shrink.pagescrollfix {width: 100%;height: 65px; box-shadow: 0 1px 0 0 #dadada;position: fixed;left: 0px;transition: all 1.2s ease;-webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);-moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);background: #169fe6 !important;z-index: 9;}
nav.navbar.shrink .navbar-brand img {transition: all 1s ease;}
/*--nav.navbar.shrink a {font-size: 14px;transition: all 1s ease;}--*/
nav.navbar.shrink .hedder-up img{width: 18%;}
nav.navbar.shrink h1 a.navbar-brand span {font-size: 16px;line-height: 16px;}
nav.navbar.shrink .navbar-nav{margin-top: 34px;}
/*-- //nav--*/
/*-- //top-search--*/
.top-search { width: 250px; margin-left: 50px; margin-top: 20px; -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -ms-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s;}
nav.navbar.shrink .top-search{margin-top: 0;}
.top-search input[type="search"] { background-color: #fff;}
.widget.widget_search .search-form { position: relative;}
.widget.widget_search .search-form .search-field { width: 100%; border-radius: 20px; border:none; padding: 10px;}
.widget.widget_search .search-form .search-submit { background-image: url(../images/search-icon.png); background-repeat: no-repeat; background-position: center; width: 24px; height: 11px; padding: 0; position: absolute; background-color: transparent; right: 0; top: 0; -webkit-opacity: 0.3; -khtml-opacity: 0.3; -moz-opacity: 0.3; opacity: 0.3; -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=30); filter: alpha(opacity=30);}
.widget.widget_search .search-form .search-submit:hover { background-color: transparent; -webkit-opacity: 1; -khtml-opacity: 1; -moz-opacity: 1; opacity: 1; -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100); filter: alpha(opacity=100);}
.widget.widget_search .search-form input[type="submit"] { color: #ffffff; height: 42px; line-height: 42px; padding: 0 20px; cursor: pointer; white-space: nowrap; border: none; display: inline-block; font-weight: bold; font-size: 0; -webkit-border-radius: 2px; -moz-border-radius: 2px; -ms-border-radius: 2px; -o-border-radius: 2px; border-radius: 2px;}
/*-- //header --*/
/*-- banner --*/
.rslides {position: relative;list-style: none;overflow: hidden;width: 100%;padding: 0;margin: 0;}
.rslides li {position: absolute;display: none;width: 100%;left: 0;top: 0;}
.rslides li:first-child {position: relative;display: block;float: left;}
.rslides img {display: block;height: auto;float: left;width: 100%;border: 0;}
/*-- //banner Slider --*/
.rslides {margin: 0 auto 40px;}
#slider2, #slider3 {box-shadow: none;-moz-box-shadow: none;-webkit-box-shadow: none;margin: 0 auto;}
.rslides_tabs {list-style: none;padding: 0;background: rgba(0,0,0,.25);box-shadow: 0 0 1px rgba(255,255,255,.3), inset 0 0 5px rgba(0,0,0,1.0);-moz-box-shadow: 0 0 1px rgba(255,255,255,.3), inset 0 0 5px rgba(0,0,0,1.0);-webkit-box-shadow: 0 0 1px rgba(255,255,255,.3), inset 0 0 5px rgba(0,0,0,1.0);font-size: 18px;list-style: none;margin: 0 auto 50px;max-width: 540px;padding: 10px 0;text-align: center;width: 100%;}
.rslides_tabs li {display: inline;float: none;margin-right: 1px;}
.rslides_tabs a {line-height: 20px;padding: 9px 20px;background: transparent;display: inline;}
.rslides_tabs li:first-child {margin-left: 0;}
.rslides_tabs .rslides_here a {background: rgba(255,255,255,.1);color: #fff;font-weight: bold;}
/* Callback example */
/*.events {
list-style: none;
}*/
.callbacks_container {position: relative;float: left;width: 100%;}
.callbacks {position: relative;list-style: none;overflow: hidden;width: 100%;padding: 0;margin: 0;}
.callbacks li {position: absolute;width: 100%;left: 0;top: 0;}
.callbacks img {display: block;position: relative;z-index: 1;height: auto;width: 100%;border: 0;}
.callbacks .caption {display: block;position: absolute;z-index: 2;font-size: 20px;text-shadow: none;color: #fff;background: #000;background: rgba(0,0,0, .8);left: 0;right: 0;bottom: 0;padding: 10px 20px;margin: 0;max-width: none;}
.slider-info {padding: 25em 0 0;}
.slider-info h5 {font-size: 51px;color: #d40000;font-weight: 700;width:51%;padding: 5px 13px;background: #ffffff;letter-spacing: 3px;margin-bottom: 11px;/* text-shadow: 1px 1px 7px #151212; */}
.slider-info p {color: #fff;font-size: 15px;text-shadow: 2px 2px 8px #000;padding-right: 36em;line-height: 27px;font-weight: 300;letter-spacing: 0px;}
.callbacks_nav {position: absolute;-webkit-tap-highlight-color: rgba(0,0,0,0);top:51%;left:2%;opacity: 1;z-index: 3;text-indent: -9999px;overflow: hidden;text-decoration: none;height: 64px;width: 64px;background: url("../images/left-arrow.png") no-repeat 0 0;margin-top: -45px;}
.callbacks_nav:active {opacity: 1.0;}
.callbacks_nav.next {left: auto; background: url(../images/right-arrow.png) no-repeat 0px 0px ;right: 2%; top:51%;}
#slider3-pager a {display: inline-block;}
#slider3-pager img {float: left;}
#slider3-pager .rslides_here a {background: transparent;box-shadow: 0 0 0 2px #666;}
#slider3-pager a {padding: 0;}
/*--pager--*/
.callbacks_tabs {list-style: none;position: absolute;padding: 0;bottom: 182px;left: 24%;margin: 0;z-index: 9;display: block;text-align: center;}
.callbacks_tabs li {display: inline-block;margin: 0px 2px 0px;}
.callbacks_tabs a {visibility: hidden;}
.callbacks_tabs a:after {content: "\f111";font-size: 0;font-family: FontAwesome;visibility: visible;display: block;width: 21px;height: 21px;display: inline-block;background: #d40000;border: none;border-radius: 50%;}
.callbacks_here a:after {background: #fff;border: 4px solid #d40000;}
/*-- inner-banner --*/
ul.short_ls li a {color: #fff;text-decoration: none;}
ul.short_ls li {list-style: none;display: inline-block;letter-spacing: 1px;color: #fff172;font-size: 14px;}
.using-border {width: 100%;border: none;background:#d30000;}
/*-- //inner-banner --*/
/*-- //banner --*/
/*--about --*/
.video-left-w3l iframe {width: 100%;height: 308px;border: none;}
/*-- counter--*/
.counter ,.wthree-left-right h4{font-size:24px;color:#fff;font-weight:900;letter-spacing: 1px;}
.stat-info h5,.blog-slider-wls h4 a{font-size: 19px;line-height: 26px;color:#FFEB3B;text-transform:capitalize;font-style: italic;}
.stats-grid {background: #000;padding: 1em 1em;}
/*-- //counter --*/
.bg-blue{background:#169fe6}
.info-sub-w3 h1{ color:#716e6e; font-size: 35px; line-height: 50px; letter-spacing: 1px; font-weight: 400; text-align: center; margin-bottom: 15px;}
.info-sub-w3 p{text-align: center;}
.outs_more-buttn{text-align: center;}
.outs_more-buttn a {font-size: 16px;color: #716e6e;text-decoration: none;display: inline-block;letter-spacing: 2px;background-color:#FFF;outline: none;padding: 9px 20px;border: 2px solid #716e6e;border-radius: 20px;margin-top: 17px;}
.outs_more-buttn a:hover,.click-me:hover{color:#f0d96b;}
.submit-btn{font-size: 16px; color: #716e6e; text-decoration: none; display: inline-block; letter-spacing: 2px; background-color:#FFF; outline: none; padding: 9px 20px; border: 2px solid #716e6e; border-radius: 20px;}
.submit-btn:hover { color:#f0d96b; }
.subscribe{ background: url(../images/subscribe-bg.jpg)}
.subscribe-form{position: relative; width:70%; margin: 0 auto;}
.subscribe-form input[type="email"]{ padding: 22px 20px; border-radius: 40px;}
.widget-subscribe button{background: url(../images/subscribe-button.png) no-repeat center; width: 130px; height:60px; padding: 0; position: absolute; right: 5px; top: 5px;}
/*==== school=====*/
#carouselExampleControls .carousel-control-next, #carouselExampleControls .carousel-control-prev{width:30px; height: 30px; margin: 10px; color: #000; position: relative; background: #169fe6; border-radius: 50%; float: right; }
#carouselExampleControls .carousel-control-next span::before, #carouselExampleControls .carousel-control-prev span::before{content: "";}
#carouselExampleControls .carousel-control-next-icon, #carouselExampleControls .carousel-control-prev-icon { width: 14px; height: 14px;}
.txt-school h1, .txt-school p, .txt-school .outs_more-buttn{text-align: left; color:#fff; }
.border-re img{border-radius: 10px;}
.school-abt-info{padding: 20px 0;}
.school-abt-info img{width:100%}
.activities-list img{width: 100%; border-radius: 20px; box-shadow: 4px 5px 8px #a3a3a3;}
#Activitiescarousel .carousel-item{padding: 20px 0;}
#Activitiescarousel .carousel-control-next, #Activitiescarousel .carousel-control-prev{width: 30px; height: 30px; top:50%; margin-top: -15px; color: #000; position: absolute; background: #169fe6; border-radius: 5px; }
#Activitiescarousel .carousel-control-next span::before, #Activitiescarousel .carousel-control-prev span::before{content: "";}
#Activitiescarousel .carousel-control-next-icon, #Activitiescarousel .carousel-control-prev-icon { width: 14px; height: 14px;}
#Activitiescarousel .carousel-control-next{ right: -7%;}
#Activitiescarousel .carousel-control-prev{ left: -7%;}
#Aluminicarousel .carousel-item{padding: 20px 0;}
#Aluminicarousel .carousel-control-next, #Aluminicarousel .carousel-control-prev{width: 30px; height: 30px; top:50%; margin-top: -15px; color: #000; position: absolute; background: #169fe6; border-radius: 5px; }
#Aluminicarousel .carousel-control-next span::before, #Aluminicarousel .carousel-control-prev span::before{content: "";}
#Aluminicarousel .carousel-control-next-icon, #Aluminicarousel .carousel-control-prev-icon { width: 14px; height: 14px;}
#Aluminicarousel .carousel-control-next{ right: -7%;}
#Aluminicarousel .carousel-control-prev{ left: -7%;}
#updates{background: #f5f5f6; }
.ptasec{background: url(../images/pta-bg.jpg); }
.ptasec h4{text-shadow: none; color:#FFF; margin-bottom: 25px;}
.ptasec p{text-shadow: none; color:#FFF;}
.bg-quote{background: url(../images/bg-quote.png) top left no-repeat; padding: 30px;}
/*-- //about --*/
.inner-container{ background: url(../images/pattern.png) #fff;}
.inner-container h1{color: #716e6e; font-size: 32px; line-height: 50px; letter-spacing: 1px; font-weight: 400; text-align: left; }
.inner-container h4{color: #169fe6; font-size: 24px; line-height: 34px; font-weight: 400; text-align: left; margin: 25px 0 0px 0 }
.inner-container h5{color: #716e6e; font-size: 20px; line-height: 26px; font-weight: 400; text-align: left; margin: 10px 0 0px 0 }
.info-page{display: inline-block; margin-bottom: 5%;}
.info-page p{ margin:5px 0 25px 0; }
.responsive-table{width:100%;border-collapse: collapse;background: #fff;box-shadow: 0px 0px 10px #ccc;}
.responsive-table td, .responsive-table th{padding: 20px; border: 1px solid #ccc; text-align: left;}
.responsive-table td p, .responsive-table th p{margin:5px 0;}
.responsive-table tr:nth-child(even) { background-color: #f1f1f1;}
.responsive-table tr:nth-child(even) {background-color: #e6f6ff;}
#nav-trigger { display: none; text-align: center; }
#nav-trigger span {width: 100%; display: inline-block; padding: 6px 20px; background-color:#4c4c4c; color: white; cursor: pointer; text-transform: uppercase; }
#nav-trigger span:after {display: inline-block; margin-left: 10px; width: 20px; height: 10px; content: ""; border-left: solid 10px transparent; border-top: solid 10px #fff; border-right: solid 10px transparent; }
#nav-trigger span:hover {background-color: #4c4c4c; }
#nav-trigger span.open:after {border-left: solid 10px transparent; border-top: none; border-bottom: solid 10px #fff; border-right: solid 10px transparent; }
nav#nav-mobile { position: relative; display: block;float: left; text-align: left; margin:25px 0; width: 100%; }
nav#nav-mobile .ent{display: block;}
nav#nav-mobile ul{display: block; list-style-type: none; position:relative; left:0; right:0; margin:0; padding:0; text-align: center; }
nav#nav-mobile li { display: inline-block; padding:0 15px; margin: 0; }
nav#nav-mobile a { display: block; color: #000; padding: 5px 0; text-decoration: none; text-transform: uppercase; border-bottom: solid 2px #FFF; }
nav#nav-mobile a.active, nav#nav-mobile a:hover {color:#716e6e; border-bottom: solid 2px #169fe6;}
.inner_page-banner { text-align: center; overflow: hidden; height: 20vw; }
.inner_page-banner img{width: 100%; margin-top: -5vw;}
#event{ background: url(../images/pattern.png) #f6f6f6;}
.calendar {background:#169fe6; color:#fff; border-radius: 40px;}
.calendar span{font-size: 28px;width: 60px;padding: 6px 20px;display: block;float: left;border-radius: 40px 0 0 40px;background: #626262; -webkit-box-shadow: inset -8px 1px 7px -7px rgba(0,0,0,0.44);
-moz-box-shadow: inset -8px 1px 7px -7px rgba(0,0,0,0.44); box-shadow: inset -8px 1px 7px -7px #00000070;}
.calendar em{font-size: 14px;width: 100px;padding: 6px 20px;display: block;float: left;border-radius: 0 40px 40px 0;background: #169fe6;}
.modal-header{background:#169fe6;}
.modal-header h3{color: #fff;}
.modal-header .close {border-radius: 20px;text-shadow:none; opacity: 1;}
.md-form { position: relative; margin-top: 1.5rem; margin-bottom: 1.5rem;}
.md-form input[type=date], .md-form input[type=datetime-local], .md-form input[type=email], .md-form input[type=number], .md-form input[type=password], .md-form input[type=search-md], .md-form input[type=search], .md-form input[type=tel], .md-form input[type=text], .md-form input[type=time], .md-form input[type=url], .md-form textarea.md-textarea {
-webkit-transition: border-color .15s ease-in-out,-webkit-box-shadow .15s ease-in-out; transition: border-color .15s ease-in-out,-webkit-box-shadow .15s ease-in-out; -o-transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out; transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out; transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out,-webkit-box-shadow .15s ease-in-out; outline: 0; padding: .375rem 0; -webkit-box-shadow: none; box-shadow: none; border: none; border-bottom: 1px solid #ced4da; -webkit-border-radius: 0; border-radius: 0; -webkit-box-sizing: content-box; box-sizing: content-box; background-color: transparent;}
.md-form label { position: absolute; top: .65rem; left: 0; -webkit-transition: .2s ease-out; -o-transition: .2s ease-out; transition: .2s ease-out; cursor: text; color: #757575;}
.md-form label.active, .md-form label.tarea-label{transform: translateY(-140%)}
.btn-prayer{position: fixed; z-index: 9; right: -80px; top:45%; transform: rotate(270deg); background: #FFF; color: #169fe6; padding: 5px 30px; border-radius: 10px 10px 0 0; box-shadow:0px 0px 10px #000; }
.btn-prayer:hover{background: #f2f2f2; }
.btn-prayer:focus{box-shadow:0px 0px 10px #000; }
.calendar-list.mb25{margin-bottom: 25px;}
.calendar-list img{width: 100%; border-radius:10px }
.read_more-buttn a { font-size: 12px; color: #716e6e; text-decoration: none; display: inline-block; letter-spacing: 2px; background-color:#FFF; outline: none; padding: 5px 20px; border: 1px solid #716e6e; border-radius: 20px; margin-top: 17px;}
.read_more-buttn a:hover{ color:#f0d96b;}
/*--News--*/
ul.timeline {list-style-type: none; position: relative;}
ul.timeline:before {content: ' '; background: #d4d9df; display: inline-block; position: absolute; left: 25px; width: 2px; height: 100%; z-index: 1;}
ul.timeline > li {margin: 20px 0; padding-left: 70px; cursor: pointer;}
ul.timeline > li:before {content:url(../images/arrow-news.png); display: inline-block; position: absolute; left: 0; width: 60px; height: 50px; z-index: 1;}
ul.timeline > li.active:before {content:url(../images/arrow-newsactive.png); display: inline-block; position: absolute; left: 0; width: 60px; height: 50px; z-index: 1;}
.animated { -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; }
/*==== slideUp=====*/
.slideUp{ animation-name: slideUp; -webkit-animation-name: slideUp; animation-duration: 1s; -webkit-animation-duration: 1s; animation-timing-function: ease; -webkit-animation-timing-function: ease; visibility: visible !important;}
@keyframes slideUp {0% { transform: translateY(20%); } 100% { transform: translateY(0%); } }
@-webkit-keyframes slideUp {0% { -webkit-transform: translateY(20%); } 100% { -webkit-transform: translateY(0%); } }
.news h4, .event h4{color: #626262;}
.news .tabcontent h4{margin: 1em 0 0.5em;}
.news .tabcontent img{border-radius: 10px; width: 100%;}
#carousel-gallery { height:400px; position:relative; clear:both; width: 100%; overflow: hidden;}
#carousel-gallery img {visibility:hidden; /* hide images until carousel can handle them */ cursor:pointer; /* otherwise it's not as obvious items can be clicked */border-radius: 20px;}
.split-left {width:450px; float:left;}
.split-right {width:400px; float:left; margin-left:10px;}
#callback-output {height:250px; overflow:scroll; }
textarea#newoptions { width:430px; }
.home-gallery #prev{ background: url(../images/prev.png); width: 52px; height: 52px; display: block; position: absolute; top: 50%; left: 0; text-indent: 0; font-size: 0; z-index: 9;}
.home-gallery #next{ background: url(../images/next.png); width: 52px; height: 52px; display: block; position: absolute; top: 50%; right: 0; text-indent: 0;font-size: 0; z-index: 9;}
.jarallax {color:white;text-shadow:2px 2px 3px #111, 3px 3px 10px #000; position: relative; background-size: cover; background-repeat: no-repeat; background-position: 50% 50%; }
/*-------------------------------- */
.cd-container {width: 100%; max-width: 1170px; margin: 0 auto;}
.cd-container::after { content: ""; display: table; clear: both;}
#cd-timeline { position: relative; padding: 2em 0; margin-top: 2em; margin-bottom: 2em;}
#cd-timeline::before { content: ""; position: absolute; top: 0; left: 18px; height: 100%; width: 1px; background: #000;}
.cd-timeline-img img {display: block; width: 66px; height: 60px; position: relative; left: 50%; top: 50%; margin-left: -55px; margin-top: -30px;}
.cd-timeline-content::before { content: ""; position: absolute; top: 30px; right: 100%; width: 100px; height:3px;}
@media only screen and (min-width: 1170px) {
#cd-timeline::before { left: 50%; margin-left: 0; }
}
.cd-timeline-block { position: relative; margin: 2em 0;}
.cd-timeline-block::after { clear: both; content: ""; display: table;}
.cd-timeline-block:first-child { margin-top: 0;}
.cd-timeline-block:last-child { margin-bottom: 0;}
@media only screen and (min-width: 1170px) {
.cd-timeline-block { margin: 4em 0; }
.cd-timeline-block:first-child { margin-top: 0; }
.cd-timeline-block:last-child { margin-bottom: 0; }
}
.cd-timeline-img { position: absolute; top: 0; left: 0; width: 81px; height: 72px;}
@media only screen and (min-width: 1170px) {
.cd-timeline-img { width: 60px; height: 60px; left: 50%; margin-left: -30px; }
}
.cd-timeline-content {position: relative; margin-left: 60px; border-radius: 0.25em; padding: 1em;}
.cd-timeline-content::after { clear: both; content: ""; display: table;}
.cd-timeline-content h2 { color: #303e49;}
.cd-timeline-content p, .cd-timeline-content .cd-read-more, .cd-timeline-content .cd-date { font-size: 13px; font-size: 1rem;}
.cd-timeline-content .cd-read-more, .cd-timeline-content .cd-date { display: inline-block;}
.cd-timeline-content p { margin: 1em 0; line-height: 1.6;}
.cd-timeline-content .cd-read-more { float: right; padding: 0.8em 1em; background: #acb7c0; color: #ffffff; border-radius: 0.25em;}
.no-touch .cd-timeline-content .cd-read-more:hover { background-color: #bac4cb;}
.cd-timeline-content .cd-date { padding: 0; font-size: 1.5em}
.cd-timeline-content.yellow-st::before { background-color: #f7941e;}
.cd-timeline-content.blue-st::before { background-color: #169fe6;}
@media only screen and (min-width: 768px) {
.cd-timeline-content h2 { font-size: 20px; font-size: 1.25rem; }
.cd-timeline-content p { font-size: 16px; font-size: 1rem; }
.cd-timeline-content .cd-read-more, .cd-timeline-content .cd-date { font-size: 14px; font-size: 0.875rem; }
.cd-timeline-img img { display: block; width: 81px; height: 72px; position: relative; left: 50%; top: 50%; margin-left: -40px; margin-top: -40px;}
.cd-timeline-content::before { content: ""; position: absolute; top: 20px; right: 100%; width: 100px; height:3px;}
}
@media only screen and (min-width: 1170px) {
.cd-timeline-content {margin-left: 0;padding: 10px 50px 10px 30px; width: 45%;box-shadow: 0px 0px 10px #ccc;background: rgba(255, 255, 255, 0.6);}
.cd-timeline-content::before { left: 92%; }
.cd-timeline-content .cd-read-more { float: left; }
.cd-timeline-content .cd-date { position: absolute; width: 100%; left: 122%; top: 6px; font-size: 22px; color:#716e6e; }
.cd-timeline-block:nth-child(even) .cd-timeline-content { float: right; padding: 10px 30px 10px 50px; }
.cd-timeline-block:nth-child(even) .cd-timeline-content::before { left: auto; right: 92%; }
.cd-timeline-block:nth-child(even) .cd-timeline-content .cd-read-more { float: right; }
.cd-timeline-block:nth-child(even) .cd-timeline-content .cd-date { left: auto; right: 122%; text-align: right; }
.cssanimations .cd-timeline-content.is-hidden { visibility: hidden; }
.cssanimations .cd-timeline-content.bounce-in { visibility: visible; -webkit-animation: cd-bounce-2 0.6s; -moz-animation: cd-bounce-2 0.6s; animation: cd-bounce-2 0.6s; }
}
/*--Event--*/
#tribe-events-content table.tribe-events-calendar { background: #FFF !important;}
.tribe-events-calendar thead th { background-color: #f0d96b !important; color: #716e6e!important; border-left: 1px solid #f0d96b !important; border-right: 1px solid #f0d96b!important;}
.tribe-events-nav-next a, .tribe-events-nav-previous a{font-size: 16px; color: #716e6e !important; text-decoration: none; display: inline-block; letter-spacing: 2px; background-color:#FFF; outline: none; padding: 9px 20px; border: 2px solid #716e6e; border-radius: 20px; margin-top: 17px;}
/*--contact--*/
.conatct-page{margin-top: 50px; padding-bottom: 50px;}
.conatct-page h3{ font-size: 22px; margin-bottom: 20px;}
.contact-right{padding: 0 15px;}
.contact-right p{margin-bottom:25px}
.map-ic{background: url(../images/map.png) no-repeat left; width: 50px; height: 50px; display: block; }
.phone-ic{background: url(../images/call.png) no-repeat left; width: 50px; height: 50px; display: block; }
.mail-ic{background: url(../images/mail.png) no-repeat left; width: 50px; height: 50px; display: block; }
.bor-r{border-right: 1px solid #716e6e; margin: 0 3%;}
.grid-ic{width: 40px; display: inline-block;}
.grid-txt{width:90%; display: inline-block;}
.contact-right .fas{color:#169fe6; font-size: 24px;}
.contact-right a{color:#716e6e; }
.contact-right a:hover{color:#000;}
.contact-forms input,.contact-forms textarea{width:100%;font-size: 14px;color: #000;padding: .8em .8em;border: 1px solid #169fe6;background: #f1f1f1;outline: none;border-radius: 0px;}
.click-me {font-size: 20px; padding: 7px 32px;color: #fff;letter-spacing: 2px;margin-top: .6em;background:#000;transition: 0.5s all;-webkit-transition: 0.5s all;-moz-transition: 0.5s all;-o-transition: 0.5s all;-ms-transition: 0.5s all;}
.address_mail_footer_grids iframe {width: 100%;height: 18em;border: 1px solid #169fe6;padding: 1px;}
.contact-forms textarea {resize: none;height: 13em;}
.contact_footer_grid_left span {color: #d30000;}
.footer_grid_left p a:hover{color:#d30000}
/*--//Contact--*/
/*--Gallery--*/
.gallery-info{margin-top: 25px; padding-bottom: 50px}
.gallery-info img{width:100% ;}
.gallery,.typography {background:url(../images/pattern.png) #fff;}
/*--//Gallery--*/
/*--images-position--*/
.images-position-grid {padding: 7em 0em;}
.imgs-both-side {position: relative;}
.img-first-left, .img-second-left {padding: 6em 5em 0em;background-size: cover;min-height: 295px;position: absolute;bottom: -158px;}
.img-first-left{left: 0px; }
.img-second-left {right: 0px;}
.img-first-left{background: url(../images/ff1.jpg) no-repeat 0px 0px;}
.img-second-left{background: url(../images/ff2.jpg) no-repeat 0px 0px;}
.img-first-left h5, .img-second-left h5 {font-size: 36px;color: #000;text-transform: uppercase;text-align: center;background: rgba(255, 255, 255, 0.7294117647058823);padding: 1em 0em;}
/*--//images-position--*/
/*--Typography-- */
.sub-title span.border {width: 70px;height: 71px;margin: 12px;display: inline-block;background: #f7f7f7;}
.sub-head h4 {font-size: 29px;font-weight: 600;color: #d40000;}
.progress-bar {display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;color: #fff;text-align: center;background-color: #007bff;transition: width .6s ease;}
.table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td {font-size: 12px;color:#7d7d7d;border-top: none !important;}
.table td, .table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th {padding: 15px!important;}
/*--//Typography-- */
article.status-publish{padding: 20px; border: 1px solid #ccc; margin: 10px 0;}
article.status-publish h2{ font-size: 1.5rem;}
/*--Footer--*/
.wthree-left-right h4 {color: #FFF;}
.footer-icons ul li h6 {display: inline-block;font-size: 17px;color: #FFF;}
.wls-hours-list ul li {font-size:14px;color: #fff;border-bottom: 1px solid #fff;padding: 0px 0px 7px;margin-bottom: 10px;}
.addres-up ul li span {font-size: 21px;color: #FFF;}
.addres-up ul li p {font-size: 13px;color: #fff;display: inline-block;padding-left: 15px;}
footer { background: #626262; color:#FFF; }
footer p {font-size: 13px;color: #fff;letter-spacing:0;}
#menu-footer-menu a { font-size: 18px;color:#FFF;}
#menu-footer-menu a:hover {color:#f0d96b;text-decoration:underline;}
.textwidget a { color:#FFF; }
.textwidget a:hover { color:#f0d96b; text-decoration:underline; }
/*--//Footer--*/
/*-- to-top --*/
#toTop {display: none;text-decoration: none;position: fixed;bottom: 20px;right: 2%;overflow: hidden;z-index: 999; width: 46px;height:46px;border: none;text-indent: 100%;background: url(../images/arrow.png) no-repeat 0px 0px;}
#toTopHover {width: 32px;height:82px;display: block;overflow: hidden;float: right;opacity: 0;-moz-opacity: 0;filter: alpha(opacity=0);}
/*-- //to-top --*/
/*--responsive--*/
@media only screen and (min-width:991px) and (max-width:1270px) {
.top-search {position: absolute; margin-top: 0; top:5px; right: 0;}
.navbar-nav { margin: 0; position: absolute; top: 57px; right: 0; }
nav.navbar.shrink .navbar-nav { margin: 0; top: 38px; right: 10px; }
nav.navbar.shrink .top-search { margin-top: 0; right: 10px;}
nav.navbar.shrink .widget.widget_search .search-form .search-field { padding:5px 10px;}
.calendar span{ font-size: 19px; width: 35px; padding: 6px 12px; }
.calendar em{font-size: 10px;width: 55px;padding: 5px 6px;}
}
@media only screen and (min-width:991px) and (max-width:1550px){
nav.navbar.shrink .hedder-up img{width: 23%;}
.navbar-dark .navbar-nav .nav-link { font-size: 12px; }
.navbar-dark .navbar-nav .nav-link::before { padding: 0 10px; }
nav.navbar.navbar-expand-lg.navbar-dark.pagescrollfix {padding: .7em 1.5em;}
}
@media only screen and (min-width:0px) and (max-width:991px){
.navbar-toggle { display: block; border: 1px solid #fff; padding:10px 5px 10px 0px; border-radius: 5px; background: transparent !important; }
.navbar-toggle:hover { background: transparent !important; }
.navbar-toggle .icon-bar { width:30px; -webkit-transition: all 0.2s; transition: all 0.2s; display: block; height: 3px; background-color: #ffffff; border-radius: 1px;}
.navbar-toggle .icon-bar+.icon-bar { margin-top: 7px;}
/* ANIMATED X */
.navbar-toggle .icon-bar:nth-of-type(1) { -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg);
-webkit-transform-origin: 99%; -ms-transform-origin: 99%; transform-origin: 99%; }
.navbar-toggle .icon-bar:nth-of-type(2) { opacity: 0; filter: alpha(opacity=0); }
.navbar-toggle .icon-bar:nth-of-type(3) { -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); -webkit-transform-origin: 93%;
-ms-transform-origin: 93%; transform-origin: 93%; }
/* ANIMATED X COLLAPSED */
.navbar-toggle.collapsed{padding:10px 5px;}
.navbar-toggle.collapsed .icon-bar:nth-of-type(1) { -webkit-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0); }
.navbar-toggle.collapsed .icon-bar:nth-of-type(2) { opacity: 1; filter: alpha(opacity=100); }
.navbar-toggle.collapsed .icon-bar:nth-of-type(3) { -webkit-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0); }
nav.navbar .hedder-up img { width: 23%;}
nav.navbar.shrink .hedder-up img { width:23%;}
nav.navbar h1 a.navbar-brand span { font-size: 16px; line-height: 16px;}
.navbar-dark .navbar-nav li:first-child .nav-link::before{content : url(../images/dot.png); padding: 0 20px;}
nav.navbar.navbar-expand-lg.navbar-dark.pagescrollfix { padding: 0 0.5em; }
.navbar-collapse{position: absolute; top: 64px; background: #169fe6; width: 100%; left: 0; }
.dropbtn {width: 80%; float: left;}
.dropdown .fa-caret-down{position: absolute; right: 10px; top:0; font-size: 2em; z-index: 99; display: block;}
.dropdown .fa-caret-down:before { content: "+" !important; color: #FFF; }
.dropdown .ic-minus.fa-caret-down:before{ content: "-" !important; color: #FFF; }
.dropdown .ic-minus.fa-caret-down{right: 15px; top: -2px;}
.dropdown-content{position: static; }
.dropdown-content.show-cont{display: block; float: left; width: 100%;}
.dropdown .dropdown-content .nav-link { padding: 6px 12%;}
#nav-trigger { display: block; position: relative;; z-index: 9; top:0; width: 100%;}
nav#nav-mobile .ent{display: none;}
nav#nav-mobile { position: relative; display: block;float: left; text-align: left; margin: 0; width: 100%; }
nav#nav-mobile ul{display: block; list-style-type: none; position:relative; left:0; right:0; margin:0; padding:0; text-align: center; background-color: #333; }
nav#nav-mobile li { display: block; padding:0; margin: 0; border-bottom: solid 1px #4c4c4c; }
nav#nav-mobile a { display: block; color: white; padding: 5px 30px; text-decoration: none; border:none; text-transform: uppercase;}
nav#nav-mobile a.active, nav#nav-mobile a:hover {background-color:#dfb264; color:#fff; border:none;}
.top-search{display: none;}
.top-search.show { display: block; margin: 0 auto;}
.shrink .top-search{top:60px;}
.widget.widget_search .search-form .search-field { padding:5px 10px; }
.widget.widget_search .search-form input[type="submit"] { height: 33px; line-height: 33px; padding: 0 30px;}
.callbacks_nav{transform: scale(0.5)}
li.nav-item { background: rgba(196, 196, 196, 0.5); }
li.nav-item.active { background: rgba(196, 196, 196, 0.7); }
.headder-nav-icon .container-fluid{padding: 0;}
.subscribe-form { position: relative; width: 95%; margin: 0 auto; }
.btn-prayer{bottom: 0;position: fixed; right:0 ; top: initial;transform: rotate(0); padding: 7px 30px;border-radius: 10px 10px 0 0; width: 100%; box-shadow: 0px 0px 10px #000;}
.read_more-buttn a{margin: 10px 0}
}
/*--//responsive--*/