﻿@import url('https://fonts.googleapis.com/css?family=Noto+Serif:400,400i,700,700i|Roboto:300,400,500,700,900');


body { min-height:100vh; padding-top:70px; font-family:Roboto, sans-serif; color:#787878;}
p { text-align:justify; }
a, a:hover { text-decoration:none; transition:all 0.2s ease-in-out 0s; }
h1, h2, h3, h4, h5 { margin-bottom:22px; font-family:'Noto Serif'; }
h2 { font-size:42px; color:#fe0000; text-transform:capitalize;}
h3 { font-size:36px; }
nav { z-index:999; position:fixed!important; top:28px; width:100%; box-shadow:0px 1px 0px rgba(255,255,255,0.5);}
.navbar { background-color:#8ac249; }
nav .navbar-brand { max-width:230px;  padding: 10px; margin-top: -33px; margin-bottom: -5px; /*box-shadow:0 2px 2px rgba(0,0,0,0.3); background-color:#fff;*/}
.navbar-dark .navbar-nav .nav-link { color:rgba(0,0,0,0.7); font-weight:500; }
    .navbar-dark .navbar-nav .nav-link:focus, .navbar-dark .navbar-nav .nav-link:hover { color:#fff; }
.navbar-dark .navbar-nav .active > .nav-link, .navbar-dark .navbar-nav .nav-link.active, .navbar-dark .navbar-nav .nav-link.show, .navbar-dark .navbar-nav .show > .nav-link { color:#121212; }
.carousel-item > img { height:85vh; object-fit:cover; object-possition:center; /*filter:blur(6px);*/ }
.carousel-item .content { height:85vh; position:absolute; top:0; left:0; width:100%; }
    .carousel-item .content .container, .carousel-item .content .container .row { height:85vh;}
        .carousel-item .content .container h2 { color:#38AF00; font-size:60px; text-shadow:3px 3px 12px rgba(255,255,255,0.5),1px 1px 0px rgba(0,0,0,1); }
        .carousel-item .content .container h5 { font-size:26px; color:rgba(0,0,0,0.7); text-shadow:1px 1px 0px rgba(255,255,255,0.7); }
#topheader { position:fixed; top:0; left:0; right:0; z-index:999; width:100%; }
#topheader a{ display:inline-block; padding:2px 7px; color:#38AF00;  }
    #topheader a:hover { color:#2d8702; }
#topheader { background-color:#fff; }
.bg-dark,.btn-dark { background-color:#212121!important; }


.header { border-bottom:solid 4px #fe0000; }
section { padding:70px 0; }

.parallax { position:relative; padding:40px 30px 50px;}
    .parallax .bg { width:100%; height:100%; display:block; position:absolute; z-index:1; object-fit:cover; z-index:0; opacity:0.3; left:0; top:0;}
    .parallax * { z-index:1; position:relative;  }
a.parallax:hover { transform:scale(1.03); -webkit-transform:scale(1.03); -moz-transform:scale(1.03); z-index:5; background-color:#000; border:solid 1px #999;}


.s-points, .s-points li { list-style:none; padding:0;}
    .s-points li { font-size:18px; padding:5px 20px 5px 20px; color:#fff; font-weight:bold; text-shadow:0 0 2px rgba(0,0,0,0.5);}
.bg-dark h2 { color:#8ac249; }
.bg-dark h3 { color:#fff; margin-bottom:20px; }
.slideCell img { width:200px; }


/*------------Footer----------*/
footer {
    padding-top: 60px;
    padding-bottom: 30px;
    background-color: #050e00;
    color: #fff;
}

    footer a {
        color: rgba(255,255,255,0.6);
    }

        footer a:hover {
            color: #8ac249;
            text-decoration: none;
        }

/*.footer-logo {
    max-width: 70px;
}*/

footer .form-text {
    color: #fff;
}

::-moz-selection { /* Code for Firefox */
    color: #fff;
    background: #8ac249;
}

::selection {
    color: #fff;
    background: #8ac249;
}

.foot-title { color:#fff; }

footer .input-group {
    flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    justify-content: center;
}

footer .input-group-btn {
    display: inline-block;
}

    footer .input-group-btn a.btn {
        margin: 0 !important;
        color: #fff;
    }

footer .img-logo img {
    height: 6rem;
}

footer [type="email"] {
    font-size: .75rem;
    min-width: 150px;
}

footer [type="submit"] {
    padding: 3px 1.5625rem !important;
    margin-left: .625rem;
    text-transform: none;
    text-align: center;
}

footer .copyright .mbr-text {
    color: rgba(255,255,255,0.4);
    font-size: 13px;
}

footer .footer-lower hr {
    margin: 1rem 0;
    border-color: #fff;
    opacity: .2;
}

footer .footer-lower .social-list {
    padding-left: 0;
    margin-bottom: 0;
    list-style: none;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    -webkit-justify-content: flex-end;
}

    footer .footer-lower .social-list .mbr-iconfont-social {
        font-size: 1.3rem;
        color: #fff;
    }

    footer .footer-lower .social-list .soc-item {
        margin: 0 .5rem;
    }

    footer .footer-lower .social-list a {
        margin: 0;
        opacity: .5;
    }

        footer .footer-lower .social-list a:hover {
            opacity: 1;
        }


footer form .input-group input.form-control,
footer form .input-group-btn .btn {
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px;
}

footer .form-inline {
    justify-content: center;
}

footer .form-group {
    margin: 0;
}

.c-links {
    display: block;
    margin-bottom: 10px;
}

    .c-links i {
        display: inline-block;
        width: 26px;
        height: 26px;
        padding: 4px;
        text-align: center;
        background-color: rgba(255,255,255,0.1);
        border: solid 1px rgba(255,255,255,0.5);
        margin-right: 7px;
    }

@media (max-width: 767px) {
    footer .content {
        text-align: center;
    }

        footer .content > div:not(:last-child) {
            margin-bottom: 1rem;
        }

    .footer-logo {
        margin: 0 auto;
    }
    footer .footer-lower .copyright {
        margin-bottom: 1rem;
        text-align: center;
    }

    footer .footer-lower .social-list {
        justify-content: center;
        -webkit-justify-content: center;
    }

    footer .foot-logo {
        text-align: center !important;
    }

    footer .foot-title {
        text-align: center !important;
    }

    footer .mbr-text {
        text-align: center !important;
    }

    
}

.points {
    list-style: none;
    padding-left:25px;
    margin-bottom:22px;
}
.points li{
       position: relative;
    padding-left: 30px;
    margin-bottom: 15px;
}
.points li:after{
    position: absolute;
    content: "";
    width: 10px;
    height: 10px;
    background: #fff;
    top: 10px;
    transform: rotate(45deg);
    border: solid 3px #fb0200;
    left: 0;


}

.page-head { position:relative; min-height:250px; background-position:center center; background-repeat:no-repeat; background-size:cover; color:#fff;}
    .page-head:before {
        content:""; position:absolute; top:0;left:0; right:0; bottom:0; 
                            background: -moz-linear-gradient(top, rgba(0,0,0,0.70) 0%, rgba(2,2,2,0.70) 1%, rgba(117,117,117,0.70) 52%, rgba(119,119,119,0.70) 53%, rgba(0,0,0,0.7) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(0,0,0,0.70) 0%,rgba(2,2,2,0.70) 1%,rgba(117,117,117,0.70) 52%,rgba(119,119,119,0.70) 53%,rgba(0,0,0,0.7) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(0,0,0,0.70) 0%,rgba(2,2,2,0.70) 1%,rgba(117,117,117,0.70) 52%,rgba(119,119,119,0.70) 53%,rgba(0,0,0,0.7) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6000000', endColorstr='#b3000000',GradientType=0 ); /* IE6-9 */
    }
    
    .page-head h1 { text-shadow:1px 1px 5px rgba(0,0,0,0.3); }
.page-head .container{ position:relative; height:250px;  }
.hb-section { position:absolute; bottom:0; left:15px; right:15px;}

.about {
    background-image: url('../images/banner2.jpg');
}
.breadcrumb { margin-bottom:0; background-color:rgba(0,0,0,0.2); }
    .breadcrumb a { color:rgba(255,255,255,0.6); } .breadcrumb a:hover, .breadcrumb-item.active {color:#DCA839;}
@media screen and (max-width:992px) {
    nav .container { max-width:100%; }
    nav .navbar-brand {
    max-width: 120px;
    padding: 10px;
    margin-top: 0px;
    margin-bottom: 0px;
}
    .navbar-dark .navbar-nav .nav-link { color:rgba(255,255,255,0.6); }

    .navbar { padding:0 15px 0 0; }
    .navbar-nav .nav-link {
    padding-right: 15px;
    padding-left: 15px;
}
    .heading { font-size:30px; line-height:40px; }
    .carousel-item .content .container h2 { font-size:34px; }
    .carousel-item .content .container h5 { font-size:16px; }
    .trypodbox { margin:0px 0px 20px; }
    .trypodbox:before ,.trypodbox:after { display:none; }
}

.info > div { position:relative; margin-bottom:15px; padding-left:30px; }
    .info > div > i { position:absolute; left:4px; top:5px; }
    .info > div a { color:#fe0000; }
        .info > div a:hover { color:#38AF00; }

.enq { background-color: #fe0000;
    border-radius: 6px;
    color: #fff!important;
    box-shadow: 0 1px 0 rgba(255,255,255,.5);
}
.bg-effect { background-image:url(../images/bg-effect.png); background-position:right center; background-size:auto 100%; background-repeat:no-repeat; }
.parallax-bg { background-image:url('../images/bg-blur.jpg'); background-position:center center; background-attachment:fixed; background-size:100% 100%; min-height:320px;}
.img-bugs { background-color:rgba(255,255,255,0.85); object-fit:cover; object-position:center center; border-radius:50%; position:relative; margin-bottom:60px; box-shadow:0 0 0 0.3rem rgba(255,255,255,.4);}
.text-shadow { text-shadow: 1px 1px 3px rgba(0,0,0,0.5); }

.bg-light { background-color:#ebebef!important; }

.img-shadow {
  filter: drop-shadow(2px 2px 5px rgba(0,0,0,0.3));
    -moz-filter: drop-shadow(2px 2px 5px rgba(0,0,0,0.3));
    -webkit-filter: drop-shadow(2px 2px 5px rgba(0,0,0,0.3));
}