@import url('https://fonts.googleapis.com/css?family=Work+Sans'); *{ padding: 0; margin: 0; font-size: 100%; text-decoration: none; list-style: none; box-sizing: border-box; font-family: 'Work Sans', sans-serif; } .img-responsive{ max-width: 100%; width: 100%; display: block; height: auto; } ul{ margin: 0; } a:hover{ text-decoration: none; } .clear{ clear: both; } body{ font-style: normal; letter-spacing: -0.8px; color: #444; overflow-x: hidden; } #wrap{ width: 100%; position: relative; } .header{ /*margin: 0 0 5px 0;*/ width: 100%; padding: 10px 0; } .header .top-bar { /*background: #1f1f1f;*/ /*padding: 6px 0;*/ } .header .top-bar *:not(.fa) { font-family: 'Work Sans'; font-size: 16px; line-height: 35px; letter-spacing: 0.3px; color: #fff; font-style: normal; font-weight: 300; } .top-bar li { width: 30px; height: 30px; } .top-bar li a img{ width: 100%; height: 100%; object-fit: cover; -webkit-object-fit: cover; -moz-object-fit: cover; -o-object-fit: cover; } .top-bar li a { font-size: 14px !important; color: #FFF !important; font-weight: 300 !important; line-height: 30px !important; } .top-bar li a span { font-size: 13px !important; } .top-bar li a i{ font-size: 18px; } .header .header-navbar{ width: 100%; position: relative; background: #fff; } .header .header-navbar .logo, .mobile_header .header-navbar .logo{ text-align: left; position: absolute; padding: 10px 0; z-index: 1; overflow: hidden; /*background: #fff;*/ top: -2px; left: -20px; } .header .header-navbar .logo{ padding: 5px 0; } .header .header-navbar .logo img, .mobile_header .header-navbar .logo img{ /*width: 120px;*/ /*height: 120px;*/ height: 60px; } .header .header-navbar .menu li a{ margin: 15px 0; /* color: #50af4d; color: #b8d433; color: #003431; */ color: #6ea835; } .header .header-navbar .menu li a.active, .header .header-navbar .menu li a:hover{ background: #50af4d; color: #fff; } .scrool_header{ width: 100%; position: fixed; top: 0; z-index: 1000; } .scrool_header .header-navbar{ width: 100%; position: fixed; top: 0; background: rgba(255, 255, 255, 1); box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 6px -1px, rgba(0, 0, 0, 0.06) 0px 2px 4px -1px; } .scrool_header .header-navbar .logo{ text-align: left; padding: 5px 0; z-index: 1; } .scrool_header .header-navbar .logo img{ /*width: 60px;*/ height: 60px; } .scrool_header .header-navbar .menu li a{ margin: 15px 0; color: #fff; color: #6ea835; } .scrool_header .header-navbar .menu li a.active, .scrool_header .header-navbar .menu li a:hover{ background: #50af4d; color: #fff; } .scrool_header .header-navbar .menu li .dropdown-menu > .dropdown-item > a{ color: #6ea835; } .scrool_header .header-navbar .menu li .dropdown-menu > .dropdown-item > a:hover{ background: #50af4d; color: #fff; } .dropdown:hover > .dropdown-menu { display: block; } .dropdown > .dropdown-toggle:active { pointer-events: none; } .menu .dropdown, .menu .dropdown-menu, .menu .dropdown-item { padding: 0; margin: 0; } .menu .dropdown-item > a{ margin: 0 !important; padding: 0px 20px; line-height: 40px; display: block; } .mobile_header{ display: none; } .mobile-menu{ position: fixed; top: 0; right: -250px; bottom: 0; width: 250px; background: #000; overflow-y: auto; content: ''; z-index: 100; } .mobile-menu li { width: 100%; z-index: 100; } .mobile-menu li a{ color: #fff; } .mobile-menu li:hover{ background: #142091; } .end span{ cursor: pointer; } .scrool_header-mobile{ width: 100%; position: fixed; top: 0; z-index: 1000; } .scrool_header .header-navbar ul li ul li a{ /*color: #000 !important;*/ } .scrool_header-mobile .header-navbar{ width: 100%; position: fixed; top: 0; background: rgba(0, 0, 0, 0.7); } .scrool_header-mobile .header-navbar .logo{ text-align: left; padding: 5px 0; z-index: 1; } .scrool_header-mobile .header-navbar .logo img{ /*width: 60px;*/ /*height: 20px;*/ } .main_slider .carousel, .main_slider .carousel .carousel-item{ max-height: 650px; } .main_slider .carousel img{ width: 100% !important; /*height: auto !important;*/ } .carousel-control-prev, .carousel-control-next{ visibility: hidden; opacity: 0; transition: visibility 0s 0.5s, opacity 0.5s linear; } .main_slider .carousel:hover .carousel-control-prev, .main_slider .carousel:hover .carousel-control-next{ visibility: visible; opacity: 1; transition: opacity 1s linear; } .carousel-control-prev i, .carousel-control-next i{ font-size: 24px; } .carousel-control-prev i:hover, .carousel-control-next i:hover{ padding: 30px; background: #fff; color: #000; /*color: #fff;*/ } .content_box .box{ position: relative; min-height: 300px; padding-bottom: 20px; } .content_box .box .overlay{ padding: 50px 30px 0; } .content_box .box img{ width: 80px; display: block; margin: 0 auto; } .overview{ /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#50af4d+0,6ea835+100 */ background: #50af4d; /* Old browsers */ background: -moz-linear-gradient(left, #50af4d 0%, #6ea835 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(left, #50af4d 0%,#6ea835 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to right, #50af4d 0%,#6ea835 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#50af4d', endColorstr='#6ea835',GradientType=1 ); /* IE6-9 */ margin-bottom: 30px; } .overview h1{ padding: 10px 0; } .overview p{ padding-bottom: 20px; } .wrap-text h2{ font-family: 'Montserrat'; font-style: normal; font-weight: 700; font-size: 40px; line-height: 56px; letter-spacing: 0px; color: #1f1f1f; } .special-font-1 { font-family: 'Old Standard TT'; font-size: 32px; line-height: 36px; letter-spacing: 0px; color: #1f1f1f; font-style: italic; font-weight: 400; } blockquote { padding: 10px 20px; margin: 0 0 20px; font-size: 17.5px; border-left: 5px solid #eee; color: #444; font-family: 'Work Sans'; font-weight: 400; } .progress_bar{ background: #444; } .circle { /*width: 200px;*/ width: 100%; /*margin: 6px 20px 20px;*/ margin: 10px 0px; display: inline-block; position: relative; text-align: center; vertical-align: top; } .circle canvas{ width: 100%; } .circle strong { position: absolute; top: 70px; left: 25%; width: 50%; margin: 0 auto; text-align: center; line-height: 30px; font-size: 22px; color: #fff; } .member{ /*position: relative;*/ width: 100%; height: 600px; box-sizing: border-box; } .owl_slick .owl-carousel{ width: 85%; margin: 0 auto; background: #fff; padding: 40px 40px 20px; /*top: -180px;*/ margin-top: -180px; } .owl_slick .owl-carousel .item{ /*padding: 20px;*/ overflow: hidden; } .owl_slick .owl-carousel .item img { transition: .3s ease; -webkit-transition: .3s ease; } .owl_slick .owl-carousel .item:hover img { transform: scale(1.1); -webkit-transform: scale(1.1); } .owl_slick .owl-carousel .item .entry-content-bottom{ background-color: #000; text-align: center; padding: 10px; z-index: 5; color: #fff; } .owl_slick .owl-carousel .item .entry-content { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); transition: .5s cubic-bezier(.11,.7,.33,1.21); -webkit-transition: .5s cubic-bezier(.11,.7,.33,1.21); z-index: 3; background: rgba(0,0,0,.3); } .owl_slick .owl-carousel .item .entry-content h4 { font-size: 40px; letter-spacing: -4px; color: #fff; margin: 0; border-left: solid 20px; border-color: #EC2127; padding-left: 5px; /*font-family: 'Montserrat';*/ font-style: normal; font-weight: 700; line-height: 32px; } .owl_slick .owl-carousel .item:hover .entry-content { top: 20px; transform: translate(-50%, 0) scale(.8); -webkit-transform: translate(-50%, 0) scale(.8); } .owl_slick .owl-carousel .item .entry-social { display: none; position: absolute; left: 50%; bottom: 0%; transform: translate(-50%, 0%); -webkit-transform: translate(-50%, 0%); text-align: center; padding: 5px; border-top: solid 1px rgba(255,255,255,.5); width: 100%; z-index: 3; } .owl_slick .owl-carousel .item .entry-social a { display: inline-block; margin: 0 15px; font-size: 11px; color: #FFF; } .slider-nav-thumbnails .slick-slide { opacity: 0.5; } .slider figure { padding: 0 20px; } .slider figure .image { height: 150px; } .slider figure img{ width: 100%; height: 100%; object-fit: cover; -webkit-object-fit: cover; -moz-object-fit: cover; -o-object-fit: cover; } .slider button{ position: absolute; top: 30%; text-indent: -9999px; line-height: 0; width: 40px; height: 40px; background: #50af4d; border: none; color: #fff; font-size: 16px; outline: none; cursor: pointer; z-index: 1; } .slider button.slick-prev{ left: -20px; } .slider button.slick-prev::after{ content: "<"; text-indent: 0; display: block; line-height: initial; } .slider button.slick-next{ right: -20px; } .slider button.slick-next::after{ content: ">"; text-indent: 0; display: block; line-height: initial; } .related{ background: #f9f9f9; } .footer{ background: #003431; padding: 30px 0px; overflow: hidden; } .footer h2 { font-family: 'Work Sans'; position: relative; font-size: 23px; font-weight: 300; letter-spacing: -1px; line-height: 28px; padding-bottom: 10px; margin-top: 0; text-transform: uppercase; } .footer h2 span:after { /*content: ".";*/ margin-left: 3px; color: #ec2127; font-size: 25px; } .footer p { font-size: 14.85px; } .footer li { color: #ebebeb; } .footer ul li > a { display: block; padding: 8px 0 8px 25px; position: relative; letter-spacing: -0.7px; /*color: #c5c5c5;*/ } .footer .link ul li > a:before { content: ""; width: 10px; height: 4px; border-radius: 20px; background: #ec2127; display: block; position: absolute; left: 0; top: calc(50% - 2px); } .footer .contact p{ } .footer-contact-info-ui { margin-top: 25px; display: block; } .footer-contact-info-ui .c-item { display: block; width: 100%; margin-bottom: 10px; } .footer-contact-info-ui .c-item .icon-wrap { position: relative; margin-right: 10px; } .footer-contact-info-ui .c-item > * { display: inline-block; /*vertical-align: middle;*/ } .footer-contact-info-ui .c-item .entry-content, .footer-contact-info-ui .c-item .entry-content a { font-size: 11px !important; /*text-transform: uppercase;*/ letter-spacing: 2px; /*color: #c5c5c5;*/ color: #fff; } .footer form input[type="email"], .footer form input[type="text"], .footer form textarea{ border-radius: 0; border: none; outline: none; border-left: 3px solid #6ea835; background: #003431; color: #fff; -webkit-box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.75); -moz-box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.75); box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.75); } ::-webkit-input-placeholder { /* Chrome/Opera/Safari */ color: #fff; } ::-moz-placeholder { /* Firefox 19+ */ color: #fff; } :-ms-input-placeholder { /* IE 10+ */ color: #fff; } :-moz-placeholder { /* Firefox 18- */ color: #fff; } .footer form input[type="email"]:focus, .footer form input[type="text"]:focus{ background: #fff; } .footer form input[type="submit"]{ background: #6ea835; border-color: #6ea835; border-radius: 0; color: #fff; cursor: pointer; -webkit-box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.75); -moz-box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.75); box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.75); } .about img{ width: 100%; height: 100%; object-fit: contain; -webkit-object-fit: contain; -moz-object-fit: contain; -o-object-fit: contain; } .page{ /*margin-top: 50px;*/ } .single-page{ margin: 20px 0; } .page .single-page h1{ padding: 10px 0; } .page .thumbnail{ height: 200px; border: 2px solid #50af4d; border-radius: 5px 5px 0 0; } .page .thumbnail img{ width: 100%; height: 100%; object-fit: cover; -webkit-object-fit: cover; -moz-object-fit: cover; -o-object-fit: cover; } .page .thumbnail-box{ background: #50af4d; padding: 7px 0; text-align: center; color: #fff; } .gallery-img-box{ margin-bottom: 15px; border: 1px solid #eee; cursor: pointer; position: relative; padding: 0!important; } .gallery-img-box:hover{ } .gallery-img-box .img{ /* width: 200px; */ height: 200px; margin: 0 auto; overflow:hidden; text-align: center; white-space: nowrap; overflow: hidden; text-align: center; /* object-fit: none; -webkit-object-fit: none; -moz-object-fit: none; -o-object-fit: none; -ms-object-fit: none; object-position: center; -webkit-object-position: center; -moz-object-position: center; -o-object-position: center; -ms-object-position: center; */ } .overlay { position: absolute; top: 0; bottom: 0; left: 0; right: 0; height: 100%; width: 100%; opacity: 0; transition: .5s ease; background-color: rgba(13, 111, 53, 0.7); } .gallery-img-box:hover .overlay { opacity: 1; } .text { color: white; font-size: 20px; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); text-align: center; } .gallery-img-box .img img{ /*max-width: 100%;*/ /*max-height: 100%;*/ width: 100%; height: 100%; object-fit: cover; -webkit-object-fit: cover; -moz-object-fit: cover; -o-object-fit: cover; -ms-object-fit: cover; } div.theatre-cover{ position: fixed; top: 0; left: 0; bottom: 0; right: 0; background: rgba(0,0,0,.9); z-index: 8000; display: none; transition: all 0s ease; -webkit-transition: all 0s ease; -moz-transition: all 0s ease; -khtml-transition: all 0s ease; -o-transition: all 0s ease; } div.theatre-cover img{ position: absolute; top: 0; left: 0; bottom: 0; right: 0; margin: auto; width: auto; height: auto; max-width: 100%; max-height: 100%; } div.theatre-cover a#close-theatre-cover{ position: fixed; top: 20px; right: 20px; font-size: 20px; color: #f60; opacity: .7; z-index: 1000; } div.theatre-cover a#close-theatre-cover:hover{ opacity: 1; } .close-theatre-cover{ position: absolute; top: 20px; right: 20px; color: #fff; z-index: 2000; font-size: 25px; } .side_menu_item_wrap ul { margin: 0 0 20px 0; } .side_menu_item_wrap ul li{ display: inline-block; margin: 0 10px 0 0; } .side_menu_item_wrap ul li a{ font-size: 20px; padding: 7px 14px; color: #fff; display: block; background-color: #000; border: 1px solid #000; } .side_menu_item_wrap ul li a:hover{ color: #000; background-color: #fff; } .map iframe{ width: 100%; height: auto; height: 400px; } /* SERVICES */ .service-box{ background: #C6D92C; background: #fff; border: 1px solid #19763C; color: #19763C; text-align: center; padding: 25px 0; font-size: 25px; text-transform: uppercase; cursor: pointer; margin-bottom: 20px; } .service-box:hover{ background: #19763C; border: 1px solid #19763C; color: #fff; } .page-heading{ text-align: center; background: #50af4d; color: #fff; height: 200px; } .page-heading h1{ line-height: 200px; } .company-info i{ width: 40px; height: 40px; background: #19763C; text-align: center; line-height: 40px; border-radius: 50%; } tr{ height: 60px; } .team-thumbnail{ height: 200px; /*border: 2px solid #50af4d;*/ margin-bottom: 10px; } .team-thumbnail img{ width: 100%; height: 100%; object-fit: cover; -webkit-object-fit: cover; -moz-object-fit: cover; -o-object-fit: cover; } .team-thumbnail .thumbnail-box{ background: #50af4d; padding: 7px 0; text-align: center; color: #fff; } .membership-page{ margin: 60px 0; } .membership-page h5{ text-transform: uppercase; margin: 30px 0; font-size: 18px; } #membership label{ font-weight: 800; line-height: 35px; } .form-un{ border: none; border-bottom: 1px solid #ddd; border-radius: 0px; outline: none; } .form-un:hover{ -webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75); -moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75); box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75); } .form-un:focus{ outline: none; box-shadow: none; /*border: none;*/ } .isHidden { display: none; } .label { text-align: center; border-radius: 0; font-weight: 400!important; cursor: pointer; margin: 0 10px; } .radio:checked + .label { background-color: #50af4d; border-color: #50af4d; color: #fff; } .member-fee{ padding: 10px; border: 1px solid #999; border-radius: 5px; } #membership tr{ height: 0; } #membership tr td{ border: none !important; padding: 0 !important; margin: 0 20px; height: 0; } .news{ padding-bottom: 50px; } .news-img-box{ width: 100%; margin: 10px auto; text-align: center; } .news-img{ max-width: 100%; } .logo-mobile{ top: -3px !important; left: -7px !important; } .poster{ padding: 50px 0; background: #eee; } .poster-box{ margin-bottom: 10px; box-shadow: rgba(0, 0, 0, 0.45) 0px 25px 20px -20px; } .poster img{ width: 100%; } .nav-link-membership{ background: #FBB122; color: #fff !important; font-weight: 400; -webkit-transition:ease-in-out all 0.35s; -o-transition:ease-in-out all 0.35s; transition:ease-in-out all 0.35s; -moz-transition:ease-in-out all 0.35 } .services-block-three{ margin-bottom: 30px; } .services-block-three img { width: 100%; height: 100px; object-fit: cover; -webkit-object-fit: cover; -moz-object-fit: cover; -o-object-fit: cover; -ms-object-fit: cover; } .services-block-three>a { display: block; border: 2px solid #d5d5d5; border-radius: 4px; text-align: center; background: #fff; padding: 20px; position: relative; margin-bottom:30px; } .services-block-three>a:before { display: block; content: ""; width: 9%; height: 17%; position: absolute; bottom: -2px; right: -2px; border-bottom: 2px solid #50af4d; border-right: 2px solid #50af4d; transition: all 0.5s ease 0s; -webkit-transition: all 0.5s ease 0s; } .services-block-three>a:after { display: block; content: ""; width: 9%; height: 17%; position: absolute; top: -2px; left: -2px; border-top: 2px solid #50af4d; border-left: 2px solid #50af4d; transition: all 0.5s ease 0s; -webkit-transition: all 0.5s ease 0s; } .padding-15px-bottom { padding-bottom: 15px; } .services-block-three h4 { color: #6f6f6f; font-size: 14px; margin-bottom: 10px; padding-bottom: 5px; font-weight: 600; border-bottom: 2px solid #50af4d; display: inline-block; } .services-block-three p { margin-bottom: 0; color: #757575; } .services-block-three>a:hover { opacity: 1; border-color: #d5d5d5; } a:hover, a:active { color: #50af4d; text-decoration: none; } .services-block-three>a:hover:before, .services-block-three>a:hover:after { width: 95%; height: 90%; } .slider-team .services-block-three { display: block; border: 2px solid #d5d5d5; border-radius: 4px; text-align: center; background: #fff; padding: 20px; position: relative; margin-bottom:30px; } .slider-team .services-block-three:before { display: block; content: ""; width: 9%; height: 17%; position: absolute; bottom: -2px; right: -2px; border-bottom: 2px solid #50af4d; border-right: 2px solid #50af4d; transition: all 0.5s ease 0s; -webkit-transition: all 0.5s ease 0s; } .slider-team .services-block-three:after { display: block; content: ""; width: 9%; height: 17%; position: absolute; top: -2px; left: -2px; border-top: 2px solid #50af4d; border-left: 2px solid #50af4d; transition: all 0.5s ease 0s; -webkit-transition: all 0.5s ease 0s; } .slider-team .services-block-three:hover:before, .slider-team .services-block-three:hover:after { width: 95%; height: 90%; } .slider-team .image{ height: 350px; margin: 10px; } .slider-nav-thumbnails .slick-slide { opacity: 0.5; } .slider-team .image img{ width: 100%; height: 100%; object-fit: cover; -webkit-object-fit: cover; -moz-object-fit: cover; -o-object-fit: cover; } .slider-team button{ position: absolute; top: 40%; text-indent: -9999px; line-height: 0; width: 40px; height: 40px; background: #50af4d; border: none; color: #fff; font-size: 16px; outline: none; cursor: pointer; z-index: 1; } .slider-team button.slick-prev{ left: -20px; } .slider-team button.slick-prev::after{ content: "<"; text-indent: 0; display: block; line-height: initial; } .slider-team button.slick-next{ right: -20px; } .slider-team button.slick-next::after{ content: ">"; text-indent: 0; display: block; line-height: initial; } /* UNDER SLIDER BAR */ .static_donate{ background-color: #50af4d; padding: 10px 0; } .static_donate .title h3{ color: #fff; font-size: 25px; margin: 0; } .static_donate .title p{ margin: 0; color: #fff; font-size: 14px; font-weight: lighter; } .static_donate .donate{ margin: 6px 0; } .static_donate .donate .button_donate{ text-align: right; } .button_donate a{ font-size: 16px; text-transform: none; background: #FBB122; color: #fff !important; font-weight: 400; padding: 0 20px 0 25px; line-height: 40px; position: relative; display: inline-block; -webkit-transition: all 0.35s; -o-transition: all 0.35s; transition: all 0.35s; -moz-transition: all 0.35s; -ms-transition: all 0.35s; } .button_donate a:hover{ background: #000; color: #fff; } /* media quries */ @media only screen and (max-width: 1200px) { .circle strong { top: 64px; line-height: 23px; font-size: 18px; } } @media only screen and (max-width: 991px) { .top-bar, .web_header{ display: none; } .mobile_header{ display: block; } .circle strong { top: 33px; line-height: 20px; font-size: 14px; } } @media only screen and (max-width: 767px) { .circle strong { position: absolute; top: 35%; left: 15%; width: 75%; margin: 0 auto; text-align: center; line-height: 30px; font-size: 32px; color: #fff; } .static_donate .donate .button_donate{ text-align: center; } }