@import url(effect.css);

/* Fonts */
@import url('https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@300;400;700&display=swap');

html { margin: 0; padding:0; overflow-x:hidden;}
body{ 
font-family: 'Space Grotesk', sans-serif; font-weight:normal; padding:0; color:#1c1c1c; font-weight:400; padding-right:0!important; overflow-x:hidden;
font-size:16px;
line-height:1.5;
min-height:100%;
}

/*	--------------------------------------------------
Global Reset & Standards
-------------------------------------------------- */

a:focus, .active{outline: none !important; box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0)!important;}

img{border:0;}
a{color:#000; text-decoration:none;
-webkit-transition:all .2s ease-in-out;
-moz-transition:all .2s ease-in-out;
-ms-transition:all .2s ease-in-out;
-o-transition:all .2s ease-in-out;
transition:all .2s ease-in-out;
}
a:hover{text-decoration:none; color:#1c1c1c;}

a > img{transform: scale(1); transition:.2s ease-in-out;}
a:hover > img{transform: scale(1.05);}

h1, h2, h3, h4, h5{margin:0 0 15px; padding:0;}


.fixed-btn{position:fixed; right:0; top:40%; margin:0; padding:0; list-style-type:none; z-index:150;}
.fixed-btn li{display:block; clear:both; overflow:hidden; margin-bottom:5px;}


.header{display:block; width:100%; float:left; background:#b6c684; position:relative; z-index:99;}
.header .logo{position:relative; z-index:100;}
/*.header.sticky{position:fixed;}
.header.sticky [class^="col-"] > a img{ height:30px;}
.header.sticky .stellarnav > ul > li > a { padding:23px 25px;}
*/
.header-links{display:block; margin:22px 0px 15px; padding:0; list-style-type:none; font-weight:600;}
.header-links li{display:inline-block; margin:0 2px; vertical-align:middle;}
.header-links li > i{color:#1f1a17; margin-right:2px;}
.header-links li a{display:block; overflow:hidden; width:24px; height:24px; line-height:24px; background:#4464b1; text-align:center; color:#fff; font-size:12px;}
.header-links li:nth-child(5) a{background:#4e9edd;}
.header-links li:nth-child(6) a{background:#c9322b;}
.header-links li:nth-child(7) a{background:#0e638d;}
.header-links li:nth-child(8) a{background:#c9322b;}
.header-links li a:hover{background:#1f1918;}


.toplinks{display:block; list-style-type:none; margin:0; padding:0;}
.toplinks li{display:inline-block; margin:0 0 0 15px; color:#1f1a17;}
.toplinks li a{color:#1f1a17; display:block; font-weight:600; font-size:14px;}
.toplinks li a i{margin-right:5px; font-size:13px;}
.toplinks li a:hover{color:#000;}





.header-nav{float:left; clear:both; width:100%; background:#4f6909; color:#fff; position:relative; text-align:right;}
.header-nav > div{position:relative; z-index:101;}


.home{position:absolute; left:15px; width:60px; top:0; height:40px; z-index:100; line-height:30px; background:#da9e17; font-size:18px; color:#000; text-align:center; line-height:40px;}



.project-slider{display:block; position:relative; clear:both; overflow:hidden;}
.project-slider img{width:100%;}
.carousel-item{position:relative;}



/* -- Carousel Fade -- */
#carouselBeadManRedding {background-color: #000;}
.carousel.carousel-fade .carousel-item {display: block;    opacity: 0;    transition: opacity ease-out 1.7s;    left: 0;    top: 0;    position: absolute;}
.carousel.carousel-fade .carousel-item.active {opacity: 1 !important;}
.carousel.carousel-fade .carousel-item:first-child {top: auto;    position: relative;    transition: opacity ease-out 1.7s;}
.carousel.carousel-fade .carousel-item:second-child {top: auto;position: relative;transition: opacity ease-out 1.7s;}
.carousel-item .img-fluid {margin: 0 auto;}
.carousel img {opacity:1;filter: alpha(opacity=1);}


.about-area{ display:block; overflow:hidden; padding:50px 0 0; text-align:center;}
.about-area h1{font-size:36px; font-weight:600;}
.about-area h1 strong{color:#4e6a09; display:block; clear:both;}
.about-area a{padding:15px 30px; font-size:16px; margin-top:10px; border-radius:36px; background:#da9e17; color:#fff; display:inline-block; text-transform:uppercase; font-weight:700;}
.about-area a:hover{background:#4f6909;}


.offerings{display:block; overflow:hidden; clear:both; background:#f7c305 url('../images/yellow-bg.jpg') repeat; padding:50px 0 160px;}
.offerings h2{font-size:24px; font-weight:500; position:relative; margin-bottom:30px; text-align:center; margin-bottom:50px;}
.offerings h2:before{position:absolute; bottom:-14px; left:50%; transform: translate(-50%,0%); width:50px; height:3px; background:#000; display:block; content:'';}
.offerings img{border:1px rgba(255,255,255,0.7) solid; display:block; margin-bottom:15px;}
.offerings h3{font-size:17px; font-weight:700; margin-bottom:7px;}
.offerings .item a:last-child{font-weight:800; font-size:14px; text-transform:uppercase;}
.offerings .item a:last-child:hover{text-decoration:underline;}
.offerings .item a i{font-size:10px; margin-right:5px; position:relative; top:-1px;}

.footerCallus{padding:40px 0 25px; text-align:center; }
.footerCallus h4{ font-size:26px; font-weight:700;}
.footerCallus p{ font-size:16px}
.footerCallus a{ font-size:26px; font-weight:700;}

.gallery-box{background:#fff; position:relative; top:-40px; margin-bottom:-50px; z-index:100; padding:0;
-webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.2);
-moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.2);
box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.2);
}
.gallery-box .col-md-8 > div{padding:35px 25px 10px; display:block;}
.gallery-box .col-md-4 > div{background:#4c6508; display:block; overflow:hidden; color:#fff; padding:25px; font-size:15px;}

.gallery-box #photos [class^="col-"]{margin-bottom:25px;}
.gallery-box #photos [class^="col-"] a{position:relative; display:block; overflow:hidden;}
.gallery-box #photos [class^="col-"] a:before{position:absolute; content:''; display:block; z-index:1; background:rgba(0,0,0,0.0); left:0; right:0; top:0; bottom:0; transition:.2s ease-in-out;}
.gallery-box #photos [class^="col-"] a:hover:before{background:rgba(0,0,0,0.5);}
.gallery-box #photos [class^="col-"] a:after{position:absolute; content:''; display:block; z-index:2; border:1px rgba(255,255,255,0) solid; left:0; right:0; top:0; bottom:0; transition:.2s ease-in-out;}
.gallery-box #photos [class^="col-"] a:hover:after{left:10px; right:10px; top:10px; bottom:10px; border:1px rgba(255,255,255,0.5) solid;}
.gallery-box #photos [class^="col-"] a span{position:absolute; left:50%; top:80%; transform: translate(-50%,-50%); color:#fff; text-transform:uppercase; font-weight:800; text-align:center; line-height:1.2; z-index:3; opacity:0; transition:.2s ease-in-out;}
.gallery-box #photos [class^="col-"] a:hover span{top:50%; opacity:1;}



.footer{background:transparent url('../images/footer-bg.jpg') repeat; display:block; clear:both; overflow:hidden; padding:80px 0 15px; color:#fff; position:relative;}
.footer h3{font-weight:500; font-size:18px; text-transform:uppercase; display:block; margin-bottom:15px;}
.footer h3 strong{color:#f7c305; font-weight:500;}
.footer .form-control{width:100%; border:none; border-radius:0; font-size:14px;}
.footer label{width:100%; margin-bottom:15px;}
.footer label textarea{height:81px;}
.footer .btn{ width:100%; height:81px; border-radius:0; border:none; background:#da9e17; color:#000; text-transform:uppercase; font-weight:600;}
.footer .btn:hover{background:#4d6c07; color:#fff;}

.footer-social-icon{border-top:1px rgba(255,255,255,0.2) solid; border-bottom:1px rgba(255,255,255,0.2) solid; margin:15px auto;}
.footer-social-icon ul{list-style-type:none; margin:0; padding:0; padding:15px 0;}
.footer-social-icon ul li{display:inline-block; margin:0 8px;}
.footer-social-icon ul li a{color:#c6c0db; font-size:12px; text-transform:uppercase;}
.footer-social-icon ul li a:hover{color:#fff;}
.footer-social-icon [class^="col-"]:last-child ul{float:right;}
.footer-social-icon [class^="col-"]:last-child ul li i{font-size:20px;}

.copyWriteArea{text-align:center; display:block; padding-top:0px;}
.copyWriteArea p{display:block; margin-bottom:5px; margin-top:20px; font-size:14px;}
.copyWriteArea p strong{color:#f7c305; font-weight:400;}
.copyWriteArea img{ width:180px;}

#scroll-icon {
    position:fixed;
    right:10px;
    bottom:10px;
    cursor:pointer;
    width:30px;
    height:30px;
    background-color:#4e6a09;
    text-indent:-9999px;
    display:none;
    -webkit-border-radius:5px;
    -moz-border-radius:5px;
    border-radius:5px;
    z-index:99999;
}
#scroll-icon span {
    position:absolute;
    top:50%;
    left:50%;
    margin-left:-8px;
    margin-top:-12px;
    height:0;
    width:0;
    border:7px solid transparent;
    border-bottom-color:#ffffff
}
#scroll-icon:hover {
    background-color:#f9c205;
    opacity:1;
    filter:"alpha(opacity=100)";
    -ms-filter:"alpha(opacity=100)";
}



/* -- Inner Area -- */
.inner-container+.footer{padding-top:50px;}


.inner-header{display:block; overflow:hidden; clear:both; padding:50px 0; background:#29166f url('../images/yellow-bg.jpg') repeat fixed;}
.inner-header h1{color:#fff; margin:0; padding:0; font-size:28px; text-transform:uppercase; position:relative;}
.inner-header h1:before{content:''; display:block; position:absolute; left:0; bottom:-8px; height:3px; width:35px; background:#1f1a17;}

.inner-container p{text-align:justify;}
.inner-container h2{font-size:24px; color:#1f1a17; font-weight:700;}
.inner-container h3{font-size:22px; font-weight:600;}
.inner-container h4{font-size:20px; font-weight:600;}
.inner-container h5{font-size:15px; font-weight:700; color:#29166f;}

.principal-area{display:block; overflow:hidden; background:#fff7dc; padding:60px 0 40px; margin-bottom:50px;}
.principal-area [class^="col-"]:first-child{text-align:center;}
.principal-area img{border:10px #fff solid;}
.principal-area [class^="col-"] h3{font-size:17px; text-transform:uppercase; font-weight:700; margin:15px 0 5px;}


/* -- ourmission -- */
.ourmission .accordion-header{margin:0;}
.ourmission .accordion-header a{display:block; margin:0; overflow:hidden; clear:both; background:#f7c305; outline:1px #f7c305 solid; outline-offset: -1px; font-size:14px; text-transform:uppercase; font-weight:600;}
.ourmission .accordion-header a strong{background:#1f1a17; padding:5px 15px; width:70px; float:left; color:#fff; position:relative;}
.ourmission .accordion-header a strong:after{content:''; display:block; position:absolute; right:-7px; top:9px; border-left:7px #1f1a17 solid; border-top:7px transparent solid; border-bottom:7px transparent solid;}
.ourmission .accordion-header a span{padding:5px 20px; color:#fff; float:left;}
.ourmission .accordion-header a.collapsed{background:#fff; outline-color:#e7e7e7; margin:0 0 15px;}
.ourmission .accordion-header a.collapsed span{color:#1f1a17;}
.ourmission .accordion-body{margin-left:70px; border-left:1px #e7e7e7 solid; padding:25px 25px 10px;}
.ourmission .accordion-body p{text-align:justify; font-size:14px;}
.ourmission .accordion-body h4{font-size:16px; font-weight:700; margin-bottom:15px; color:#af1f2a;}


.lab-area{background:#000 url('../images/school-bg.jpg') no-repeat fixed center center; background-size:colver;}
.lab-area h2{text-align:center; margin-bottom:35px; color:#fff;}
.lab-area p{text-align:left;}
.lab-area .bg-white p:last-child{margin-bottom:0;}


.faculty-area{background:#efefef;}
.faculty-area h3{color:#29166f;}
.faculty-area h4{font-size:17px; font-weight:700; margin-bottom:5px;}
.faculty-area span{text-transform:uppercase; color:#1f1a17;}

.other-faculty h4{font-size:16px; margin-bottom:0px;}
.other-faculty span{font-size:12px; color:#444; margin-bottom:25px; display:block;}


.activities-boxes{display:block;}
.activities-boxes .row > [class^="col-"] > div{padding:30px 30px 30px 0; display:block; overflow:hidden;}
.activities-boxes .row > [class^="col-"]:last-child{background:#fff; position:relative;
-webkit-box-shadow: 0px 0px 4px 0px rgba(0,0,0,0.2);
-moz-box-shadow: 0px 0px 4px 0px rgba(0,0,0,0.2);
box-shadow: 0px 0px 4px 0px rgba(0,0,0,0.2);
}
.activities-boxes .row > [class^="col-"]:last-child:after{position:absolute; content:''; display:block; left:-50px; right:100%; background:rgba(255,255,255,1); top:0; bottom:0; z-index:100;}
.activities-boxes small{margin-bottom:5px; background:#d66c69; color:#fff; padding:1px 5px 3px; display:inline-block; line-height:1;}
.activities-boxes h2{font-size:20px; font-weight:600; margin-bottom:15px; color:#1f1a17; margin-top:0!important;}
.activities-boxes span, .package-price span{color:#d66c69; font-size:26px; margin-bottom:15px; display:block;}
.activities-boxes span i, .package-price span i{font-size:20px}
.activities-boxes .row > [class^="col-"] > div > a{border:}

.activities-boxes .row:nth-child(even) > [class^="col-"]:first-child{position:relative; right:-50%;}
.activities-boxes .row:nth-child(even) > [class^="col-"]:last-child{position:relative; left:-50%;}
.activities-boxes .row:nth-child(even) > [class^="col-"] > div{padding:30px 0 30px 30px;}
.activities-boxes .row:nth-child(even) > [class^="col-"]:last-child:after{right:-50px; left:100%;}


.upcoming-event{position:relative; z-index:3;}
.upcoming-event [class^="col-sm-6"]{overflow:hidden; position:relative;}
.upcoming-event [class^="col-sm-6"] > a{padding:25px; display:block;background:#ddd; color:#222;}
.upcoming-event [class^="col-sm-6"] > a p{text-align:left;}
.upcoming-event [class^="col-sm-6"] > a:hover{background:#1f1a17; color:#fff;}
.upcoming-event [class^="col-sm-6"] > a > strong{text-transform:uppercase; font-size:12px; font-weight:900; text-decoration:underline;}
.upcoming-event [class^="col-sm-6"] > a:hover strong{text-decoration:none;}
.upcoming-event h3{font-size:60px; color:#364a53;}
.upcoming-event [class^="col-sm-6"] > img{width:100%; display:block; margin:0; padding:0;}
.upcoming-event h4{font-size:18px; line-height:1.2; margin-bottom:10px; font-weight:700;}

.flex-box{display:flex;}
.flex-box [class*="col-"]{background-repeat:no-repeat; background-position:center center; background-size:cover;}

.col-md-push-6 {left: 50%;}
.col-md-pull-6 {right: 50%;}


.event-tab-area .accordion-header{border-top:1px #ccc solid;}
.event-tab-area .accordion-header:first-child{border:none;}
.event-tab-area .accordion-header a{display:block; position:relative; margin:0; padding:15px 0; overflow:hidden; clear:both; font-size:14px; text-transform:uppercase; font-weight:600; color:#555555;}
.event-tab-area .accordion-header a i{margin-right:5px; color:#1f1a17;}
.event-tab-area .accordion-header a:before{content:'\f0d8'; display:block; font-family:'FontAwesome'; position:absolute; right:10px; color:#b0b0b0;}
.event-tab-area .accordion-header a.collapsed:before{content:'\f0d7';}
.event-tab-area .accordion-body{margin-bottom:15px; background:#eee; padding:15px;}
.event-tab-area .accordion-body span{color:#1f1a17; font-weight:700; margin-bottom:10px; display:block;}


.inner-container .tab-pane > div{padding:25px 0; display:block;}
.inner-container .tab-pane > div h3{margin-bottom:10px; font-size:16px; font-weight:700;}
.inner-container .tab-pane > div ul{margin:0 -15px 15px; padding:0; list-style-type:none; display:block;overflow: hidden;}
.inner-container .tab-pane > div ul li{width:25%; display:block; float:left; padding:15px;}


.contact-details h2{margin-bottom:25px;}
.contact-details ul{margin:0; padding:0; list-style-type:none;}
.contact-details ul li{display:block; margin:5px 0; font-size:16px;}
.contact-details ul li i{width:22px; color:#1f1a17;}


.table .thead-dark th{background:#1f1a17!important; border-color:#413935!important;}

.innerBannerArea{display:block; clear:both; position:relative;}
.innerBannerArea h1{ position:absolute; bottom:0; background:#f7c305; padding:15px; margin-bottom:0; font-weight:700; text-transform:uppercase;}
.innerBannerArea h1:before{position:absolute; left:-200%; right:-230%; top:0; bottom:-20px; content:''; display:block; background:#f7c305;}
.innerBannerArea h1 span{ position:relative; z-index:5;}

.innerContentArea{display:block; overflow:hidden; background:transparent url('../images/innerbg2.jpg') no-repeat center center fixed; background-size:cover;}
.innerContentArea p{text-align:justify;}
.innerContentArea > div{background:rgba(255,255,255,0.7); padding:60px 30px 40px;}

.textHighlights{display:block; overflow:hidden; padding:25px 20px 10px; background:#4f6909; color:#fff;}
.textHighlights p{ text-align:left; font-weight:700; line-height:1.2;}
.textHighlights a{color:#f7c305;}


.serviceGallery{ padding-top:20px;}
.serviceGallery [class^="col-"]{ margin-bottom:30px;}
.serviceGallery [class^="col-"] > a{ display:block; overflow:hidden; height:300px; width:100%; overflow:hidden; border:5px #4f6909 solid; position:relative;}
.serviceGallery [class^="col-"] > a img{ left:50%; top:50%; transform:translate(-50%,-50%); position:absolute; min-height:300px; min-width:100%;}
.serviceGallery [class^="col-"] > a:before{ position:absolute; display:block; content:'';  left:0; right:0; top:0; bottom:0; background:rgba(79,105,9,0); z-index:10;transition:all .2s ease-in-out;}
.serviceGallery [class^="col-"] > a:hover:before{background:rgba(79,105,9,0.6);}

.work-process ul{padding:0; margin:0; list-style-type:none;  }
.work-process ul li{display:block; padding-bottom:5px; padding-left:35px; margin-bottom:15px; position:relative; border-bottom:1px dashed #4f6909;}
.work-process ul li:before{position:absolute; left:0; top:0; height:32px; width:32px; background:url('../images/arrow.png') no-repeat; content:''; display:block;}
.work-process ul li strong{color:#4f6909;}

.testimonialsArea{display:block; clear:both; overflow:hidden; padding:60px 0 0; text-align:center; position:relative; color:#222;}
.testimonialsArea:before{position:absolute; left:0; right:0; bottom:0; height:200px; content:''; display:block; background:#4c6508;}
.testimonialsArea > div{position:relative;z-index:2; }
.testimonialsArea h3{ font-size:20px;}
.testimonialsArea [class^="col-"]{text-align:left; line-height:1.3;}
.testimonialsArea [class^="col-"] > div{padding:25px; background:#eee; height:200px; }
.testimonialsArea [class^="col-"] > div h4{font-size:16px; margin-bottom:0; font-weight:600; }
.testimonialsArea .row + a{margin-bottom:25px; color:#fff; display:block; font-weight:600; letter-spacing:1px;}
.testimonialsArea .row + a:hover{color:var(--dark);}

.two-section{ text-align:left; color:#111;  padding:35px 0 20px;}
.two-section > div{ padding:35px;  background:#eee; border:1px dashed #111; margin-bottom:20px; display:block }
.two-section p{  display:block; margin-bottom:15px; }

/*------------------------------------*\
    Media Queries
\*------------------------------------*/


@media (min-width: 1400px){
.project-slider .notice-box{padding:25px 25px;}
.project-slider .notice-box ul li{margin-bottom:20px;}
.project-slider .notice-box ul li p{line-height:1.5;}
.project-slider .notice-box > div > a{margin:10px auto 0;}

}


@media (max-width: 1024px){
}

@media (max-width: 991px){
.stellarnav{height:0;}
.stellarnav.active{height:auto;}
.header-links > li{display:none;}
.header-links > li:first-child{display:block;}

.project-slider .d-none{display:block!important;}
.project-slider .d-block{display:none!important;}
.project-slider .notice-box{width:100%; display:block; position:static; clear:both;}

.header-nav{height:39px;}
}

@media (max-width: 767px){
.header{text-align:center;}
.header [class^="col-"]{margin:0!important;}
.header-nav{top:0; margin-bottom:0;}

.project-slider .carousel-indicators {
    bottom: 10px; right:-35px;
    left:auto;
}

.header-links{font-size:12px; margin:0 0 0px;}
.toplinks li{ margin:0px;}
.toplinks li a{font-size:12px;}


.about-area h1{font-size:24px;}

.offerings .item{text-align:center;}


.ourmission .accordion-body{margin-left:0px; border-right:1px #e7e7e7 solid; padding:15px 15px 10px;}

.activities-boxes .row:nth-child(even) > [class^="col-"]:first-child{right:0%;}
.activities-boxes .row:nth-child(even) > [class^="col-"]:last-child{left:0%;}
.activities-boxes .row > [class^="col-"] > div{padding:20px!important;}
.activities-boxes .row > [class^="col-"]:last-child:after{ display:none;}


}

@media (max-width: 500px){
[class^="col-"]{margin:20px 0;}
.footer [class^="col-"]{margin:0;}
.footer .btn{height:35px;}
.footer{text-align:center;}
.footer-social-icon [class^="col-"]:last-child ul{width:100%;}

.toplinks{margin-bottom:15px;}
.gallery-box .nav-tabs li{margin-right:5px;}
.gallery-box .nav-tabs a{padding:5px 10px;}
.gallery-box #photos [class^="col-"]{margin-bottom:0px;}

.ourmission .accordion-header a strong{width:75px; padding:5px 0 5px 10px;}
.ourmission .accordion-header a span{padding:5px 15px;}


.col-md-push-6 {left: 0%;}
.col-md-pull-6 {right: 0%;}
.upcoming-event [class^="col-sm-6"] > div{margin-bottom:20px; overflow:hidden;}
.flex-box{display:block;}
.flex-box [class*="col-"]{min-height:200px;}

.tab-pane > div ul li{width:50%;}

.fixed-btn{/*display:none;*/}

}

@media (max-width: 360px){
}


@media screen and (max-width: 1920px) and (min-width: 1240px){
}