/*====================================== reset.css is here ========================================*/ *{margin:0; padding:0; box-sizing:border-box; } table { border-collapse:collapse; border-spacing:0;} fieldset,img{border:0; display:block; max-width:100%; height:auto;} address,caption,cite,code,dfn,em,strong,th,var {font-style:normal; font-weight:normal; } ol,ul { list-style:none;} caption,th {text-align:left;} h1,h2,h3,h4,h5,h6 { font-size:100%; font-weight:bold;} q:before,q:after {content:'';} abbr,acronym { border:0;} .clear{clear:both; font-size:1px;line-height:1px; display:block; height:0;} .clearfix:after {display: block;content: "";clear: both;} .last {margin:0 !important;} .pad_last{padding:0 !important;} .no_bg {background:none !important;} .no_bor{border:0 none !important; } header,nav,section,article,aside,footer,hgroup,figure {display: block; padding:0; margin:0;} p{margin: 0;color: #414142;font-size: 18px;line-height: 1.6em;font-weight: 300;} /**************************************************************************************/ a {color:#414142;text-decoration:none;outline:0 none !important;} a:hover, a:focus {color:#fff; text-decoration:none; outline:0 none !important;transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -web-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out;} h1 {font-size:60px;line-height:62px;font-weight: normal;color: #fff;} h2 {font-size: 48px;line-height: 52px;color: #77BC1F;} h3 {font-size: 44px;line-height: 50px;color: #fcca00;} h4 {font-size: 40px;line-height: 42px;color: #fff;font-weight: normal;} h5 {font-size: 36px;line-height: 39px;color: #fff;font-weight: normal;margin: 0;} h6 {font-size:24px;line-height:30px;color: #9da89d;} /*---------------------------------------------------*/ html{height:100%;} body{color:#414142;font-size:18px; line-height: 1.6em; height:100%;font-weight:300;font-family: 'Montserrat', sans-serif;} .flt_lt {float:left; display:inline;} .flt_rt {float:right; display:inline;} .btn, .btn:active, .btn:focus {background:#fff;display: inline-block;min-width: 250px; border: 1px solid #77BC1F;border-radius: 4px;text-align: center;color: #77BC1F;font-size: 18px;line-height:normal;text-decoration: none !important;padding: 10px 20px 8px 20px;font-weight: 300; text-transform:uppercase;-moz-transition: all 0.3s ease-in-out;-ms-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;-webkit-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;} .btn:hover{background:#77BC1F;color: #FFF !important;} .btn.white, .btn.white:active, .btn.white:focus {background:none;display: inline-block;min-width: 250px; border: 1px solid #FFF;border-radius: 4px;text-align: center;color: #FFF;font-size: 18px;line-height:normal;text-decoration: none !important;padding: 10px 20px 8px 20px;font-weight: 300; text-transform:uppercase;-moz-transition: all 0.3s ease-in-out;-ms-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;-webkit-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;} .btn.white:hover{background:#FFF;color: #77BC1F !important;} .btn + .btn {margin-left: 15px;} .h1-title{font-size:60px;line-height:62px;font-weight: normal;color: #fff;} /*--fonts here--*/ /*-----------LayOut Start here-----------------------*/ .wrapper{margin:0 auto; padding-top: 106px; width:100%;display:block;position: relative;top: 0;background: #fff;} .container{max-width:1145px;margin:0 auto;padding: 0;} /*--header start--*/ header{position: fixed;left: 0;top:0;width: 100%;background: rgba(255, 255, 255,1);z-index: 9; border-bottom: 1px solid rgba(22,22,22,0.2); border-collapse: collapse;} .header-in{padding: 0;} .logo{z-index: 1;-moz-transition: all 0.3s ease-in-out;-ms-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;-webkit-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;margin: 15px 0 15px 0;} nav{padding: 0 0px 0 0;} nav ul{margin: 0;} nav ul li{position: relative;padding:0;} nav ul li a{color: #58595B;font-size: 16px;line-height: 22px;font-weight: 400;display: block;padding:7px 12px;letter-spacing: 0px;position: relative;} nav ul li.active a i.fa{color: #77BC1F;line-height: 20px;display: inline-block;vertical-align: text-bottom;} nav ul li.active a:hover i.fa{color: #77BC1F;} nav ul li a i.fa{color: #77BC1F;font-size: 28px;} nav ul li a i.fa:hover{color: #0a260a;} nav ul li a:hover{color: #77BC1F;} nav ul li a:focus{color: #77BC1F;} .overlay{position: absolute;left: 0;top:0;width: 100%;height: 100%;background: rgba(28, 27, 26,0.7);z-index: 1;} .banner{} .banner figure {position: relative; padding-top: 25%; overflow: hidden;} .banner figure:after {position: absolute;content: "";display: block; left: 0;top:0;width: 100%;height: 100%;background: rgba(28, 27, 26,0.3);z-index: 1;} .banner figure img{position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); height: auto;object-fit: cover;width: 100%;} .dropdown{background: #58595B;z-index: 9;position: absolute;top: 100%;width: 300px;color: #ffffff;left: 0;margin: 0 auto;display: none; text-align: left;padding: 0;} .dropdown ul{} .dropdown ul li{padding: 0;} .dropdown ul li a{color: #fff;line-height: normal;font-weight: 400; padding: 10px 15px;} .dropdown ul li a:hover{color: #ffffff;background: #77BC1F;} .dropdown ul li.active a{color: #FFF;background: #77BC1F;} .banner{} .banner figure img{} .grand{background: #77BC1F;padding: 20px 0 14px 0;} .grand-inn{padding: 0 0 0 0;} .grand-lft{padding: 0 32px 0 0;} .grand-lft span{color: #FFFFFF;font-size: 60px;line-height:62px;font-weight: 700;} .grand-rlt{} .grand-lft h3, .grand-rlt h3{color: #FFFFFF;font-size:36px;line-height: 40px;font-weight: 400;margin: 0 0 0 0;} .grand-lft p, .grand-rlt p{color: #FFFFFF;font-size:20px;line-height:25px;font-weight: 400;} .foundation{padding: 69px 0 65px 0;position: relative;background: #f3f8e8;} .foundation:before{content:" ";background:url(../images/bg-tree.png) no-repeat;width:775px;height:785px;position: absolute;left: 0;right: 0;top:20px;margin: 0 auto;} .foundation-inn{text-align: center;position: relative;} .foundation-inn h1{color: #58595B;font-size:48px;line-height:50px;font-weight: 600;padding: 0 0 6px 0px;font-family: 'Montserrat', sans-serif;} .foundation-inn h2{color: #77BC1F;font-size:30px;line-height:32px;font-weight: 300;padding: 0 0 10px 0;} .foundation-inn p{color: #6D6E71;font-size:18px;line-height: 27px;font-weight: 400;padding: 0 0 26px 0;} .foundation-inn ul {max-width: 559px;margin: 0 auto -15px;margin-top: 3px;} .foundation-inn ul li a.btn {color: #77BC1F;} .foundation-inn ul li a.btn:hover {background: #77BC1F;color: #fff;} .about-us{padding: 20px 0 30px 0;} /*----featured-listing block start--*/ .featured-listing{position: relative; z-index: 1; padding: 84px 0 80px 0; background:rgba(119, 188, 31, 1.00);} .featured-listing:before {position: absolute; content: ""; display: block; left: 0px; top: 0px; bottom: 0px; right: 0px; z-index: 2;background:url("../images/volunteers.jpg") no-repeat;width:100%;background-size: cover; opacity: 0.10;} .featured-listing > div{position: relative; z-index: 3;} .featured-listing h4{color:#FFFFFF;font-size:48px;line-height:52px;font-weight:600;text-align: center;padding: 0 0 9px 0;} .featured-listing p{color:#FFFFFF;font-size:30px;line-height:32px;font-weight:300;text-align: center;padding: 0 0 0px 0;} .home{padding: 41px 0 46px 0;background:#fff;border-top:none;border-radius:5px;} .home:hover{background:#D1D3D4;} .home-img{padding: 0 0 30px 0;} .featured-listing-in{} .featured-listing-home{max-width:1135px;margin:0 auto;padding: 43px 0 0 0;} .featured-listing-home > ul{margin: 0 -20px;} .featured-listing-home > ul > li{padding: 0 16px 0px;} .home a{display:block;} .home-in{} .home-img img{margin: 0 auto;} .home-in span{display:block;color:#58595B;font-size:36px;line-height:38px;font-weight:700;text-align: center;padding: 0 0 18px 0;} .home-in em{display:block;color:#77BC1F;font-size:24px;line-height:26px;font-weight:500;text-align: center;padding: 0 0 47px 0;} .home-in p{display:block;color:#6D6E71;font-size:24px;line-height:26px;font-weight:500;text-align: center;padding: 0 0 0px 0;text-transform: uppercase;letter-spacing: 3.4px;} .home-in > ul{margin:0 -12px;} .home-in > ul > li{display:inline-block;padding:0 10px;} .home a:hover{} .home a:hover .home-in{background:#D1D3D4;} .home a:hover .home-img{background:#D1D3D4;} .grant-blk{padding: 45px 0 0 0;text-align: center;} .grant-blk p{color:#FFFFFF;font-size:20px;line-height: 29px;font-weight:400;padding: 0 0 36px 0;letter-spacing: 1.3px;} .grant-blk a.btn{color: #FFFFFF;border: 1px solid #FFFFFF;background: #77BC1F;} .grant-blk a.btn:hover {background: #ffffff;color: #77BC1F;} .gift-blk{text-align: center;background: #f3f8e8;padding: 84px 0 75px 0;} .gift-inn{} .gift-inn figure a img{display: inline-block;margin: 0 0 15px 0;} .gift-inn h5{color:#77BC1F;font-size:30px;line-height:32px;font-weight:300;padding: 0px 0 5px 0;} .gift-inn h4{color:#58595B;font-size:48px;line-height:52px;font-weight:600;padding: 0 0 11px 0;} .gift-inn p{color:#6D6E71;font-size:18px;line-height: 27px;font-weight:400;padding: 0px 0 32px 0;letter-spacing: 1.2px;} .gift-inn a.btn{color: #FFFFFF;background: #77BC1F;} .gift-inn a.btn:hover {background: #414042;color: #fff;border-color: #414042;} /*----Footer---*/ footer{background: #414042;text-align: center;} .footer-in{padding: 81px 0 66px 0;margin: 0 auto;} .footer-blk{} .fotter-lft{padding: 0 0 0 0;} .fotter-lft address{padding: 0 0 0 0;} .fotter-lft p{padding: 0 0 0 0;color:#BCBEC0;font-size:16px;line-height:20px;font-weight:400;text-align: right;} .fotter-lft figure a img{} .fotter-rlt{padding: 19px 0 0 0;} .fotter-rlt ul{float: right;} .fotter-rlt ul li{padding: 0 10px 0 10px;border-right: 1px solid;} .fotter-rlt ul li:last-child{border-right: none;padding: 0 0px 0 10px;} .fotter-rlt ul li a{color:#BCBEC0;font-size:16px;line-height: 18px;font-weight:400;padding: 0px 0 0px 0;letter-spacing: 0px;vertical-align: middle;} .fotter-rlt ul li a:hover{color:#77BC1F;} .fb-icon a{display: block;} .fb-icon{text-align: right;padding: 0 0 15px 0;} .fb-icon a i.fa{color: #77BC1F;font-size: 36px;display: block;padding: 0 0 7px 0;} .fb-icon a i.fa:hover{color: #BCBEC0;} .copyright{background: #77BC1F;} .copyright-in {padding: 10px 0;} .copyright-in p{color: #FFFFFF;font-size: 14px;line-height: 16px;letter-spacing: 0.2px;} .copyright-in a{color: #FFFFFF;} .copyright-in a:hover{color: #BCBEC0;} #nav-icon{width: 35px;height: 30px;position: absolute;margin:0;right: 15px;display:none;top:50%;transform: translateY(-50%);-webkit-transform: translateY(-50%);-o-transform: translateY(-50%);-moz-transform: translateY(-50%);-ms-transform: translateY(-50%);cursor: pointer;} #nav-icon span{display: block;position: absolute;height: 3px;width: 100%;background: #77BC1F;border-radius: 9px;opacity: 1;left: 0;-webkit-transform: rotate(0deg);-moz-transform: rotate(0deg);-o-transform: rotate(0deg);transform: rotate(0deg);-webkit-transition: .25s ease-in-out;-moz-transition: .25s ease-in-out;-o-transition: .25s ease-in-out;transition: .25s ease-in-out;} #nav-icon span:nth-child(1){top: 0px;} #nav-icon span:nth-child(2){top:11px;} #nav-icon span:nth-child(3){top:22px;} .open #nav-icon span:nth-child(1){top: 18px; -webkit-transform: rotate(135deg); -moz-transform: rotate(135deg); -o-transform: rotate(135deg); transform: rotate(135deg);} .open #nav-icon span:nth-child(2){opacity:0; left:-60px;} .open #nav-icon span:nth-child(3){top: 18px; -webkit-transform: rotate(-135deg); -moz-transform: rotate(-135deg); -o-transform: rotate(-135deg); transform: rotate(-135deg);} .sidebar{display:none;} /*.stk header{position: fixed;left: 0;top:0;width: 100%;background: rgba(255, 255, 255,1);}*/ /*.stk .dropdown ul li {padding: 0;} .open nav ul li {padding: 0;} .stk nav ul li {padding: 0;} .stk .header-in {padding: 0 0 0px 0;}*/ /*.stk .logo{margin: 25px 0;}*/ .stk .logo a img{-webkit-transition: .5s ease-in-out;-moz-transition: .5s ease-in-out;-o-transition: .5s ease-in-out;transition: .5s ease-in-out;width: 75%; height: auto;} /*.stk nav{-webkit-transition: .5s ease-in-out;-moz-transition: .5s ease-in-out;-o-transition: .5s ease-in-out;transition: .5s ease-in-out;} .stk nav ul li {padding: 0px 0;-webkit-transition: .5s ease-in-out;-moz-transition: .5s ease-in-out;-o-transition: .5s ease-in-out;transition: .5s ease-in-out;} .stk .header-in{align-items: center;display: flex;-webkit-align-items: center!important;} .stk .dropdown {top:115%;}*/ /*.btn, .btn-submit {white-space: normal;min-width:200px;min-height:40px;text-align: center;margin:0 0 25px 0; padding:.5rem 1.375rem; display:inline-block;color:#20212b;font-size:16px;font-weight:400;font-family: 'AvenirNext-Regular';text-transform: uppercase; border:1px solid #20212b; border-radius: 0px; letter-spacing: 0;background:transparent;-webkit-transition: .25s ease-in-out;-moz-transition: .25s ease-in-out;-o-transition: .25s ease-in-out;transition: .25s ease-in-out;} .btn:hover, .btn-submit:hover {background: #77bc1f;border :1px solid #77bc1f;color:#fff;} */ /*.page_header {background: rgba(0,0,0,0.60); color: #FFF; position: relative; padding-top: 75px; padding-bottom: 50px;} .page_header:before {display: block; content: '';position: absolute; top:0px; bottom: 0px; left:0px; right:0px; z-index: -1; background:#ed1b2e url(/../images/banner.jpg) no-repeat center center; background-size: cover;}*/ .page_header {background: #77bc1f; color: #FFF; padding-top: 50px; padding-bottom: 35px; position: relative;} .page_header h1 {display: inline-block;font-family: 'Montserrat', sans-serif; font-weight: 600;color: #FFF;font-size: 48px; line-height: .95em; text-transform: uppercase; position: relative; margin-bottom: 0px; padding-bottom: 0px;pointer-events: none;} .page_header h1 span {color: #414142;font-family: 'Montserrat', sans-serif; font-weight: 400; text-transform: none; font-size: .6em;display: block;} .page_header h4 {color: #FFF;} .page_header a.tour-btn.bgr {float: right; margin-top: 15px;} .main_content {display: block;padding: 75px 0px 75px 0px; background:#fff;} .main_content:last-of-type {padding: 75px 0px 75px 0px;} /*.main_content:last-of-type:after {display: block; content: ""; position: absolute; bottom:0px; right: 0px; background: #77bc1f; height: 15px; width: 50%;z-index: 5;}*/ .main_content:nth-of-type(odd) {background: #f3f8e8;} .main_content > div hr:first-child {display: none;} img.float-right { margin-left: 0px !important; float: none !important; } img.float-left { margin-right: 0px !important; float: none !important; } .article img {margin-bottom: 25px; max-height: none;} .article h2{font-size: 48px;line-height: 1.125em;font-family: 'Montserrat', sans-serif; font-weight: 600; margin: 0 0 15px 0;padding: 0px; color: #414142;} .article h3{font-size: 48px;line-height: 1.125em;font-family: 'Montserrat', sans-serif; font-weight: 600; margin: 0 0 10px 0;padding: 0px; color: #414142;} .article h4{font-size: 36px;line-height: 1.125em;font-family: 'Montserrat', sans-serif; font-weight: 300; margin: 0;padding: 0px; color: #76bc21;} .article h5{font-size: 30px;line-height: 1.125em;font-family: 'Montserrat', sans-serif; font-weight: 300; margin: 0;padding: 0px; color: #414142;} .article h6{font-size: 24px;line-height: 1.125em;font-family: 'Montserrat', sans-serif; font-weight: 300; margin: 0;padding: 0px; color: #414142;} .article h2 span{font-family: 'Montserrat', sans-serif; font-weight: 400;} .article h3 span{font-family: 'Montserrat', sans-serif; font-weight: 400;} .article h4 span{font-family: 'Montserrat', sans-serif; font-weight: 400;} .article h5 span{font-family: 'Montserrat', sans-serif; font-weight: 400;} .article h6 span{font-family: 'Montserrat', sans-serif; font-weight: 400;} .article h2+div.pageContent {margin-top: 15px;} .article h3+div.pageContent {margin-top: 15px;} .article h4+div.pageContent {margin-top: 15px;} .article h3+img {margin-top: 15px;} .article h4+img {margin-top: 15px;} blockquote {margin: 0 25px;} .pageContent, .pageContent p{padding: 0 0 25px 0;margin: 0;} .pageContent p:last-child{padding: 0 0 0 0 !important;} .pageContent p strong, .pageContent p b,.pageContent strong, .pageContent b{font-weight: 500;} .pageContent p a:not(.btn), .pageContent a:not(.btn){color: #77bc1f; display: inline;} .pageContent p a:not(.btn):hover, .pageContent a:not(.btn):hover{color: #414142; display: inline; text-decoration:underline;} .pageContent ul { list-style: square; margin: 0px 0px 18px 25px;} .pageContent ol { list-style:decimal; margin: 0px 0px 18px 25px;} .pageContent ul li,.pageContent ol li {margin: 0px 0px 5px 0px;} .pageContent ol li ol { list-style:lower-alpha; margin: 5px 0px 0px 25px;} .pageContent p+ul, .pageContent p+ol {margin: -15px 0px 25px 25px;} .pageContent ul:last-child, .pageContent ol:last-child{padding: 0 0 0 0} .pageContent a:last-child{margin-bottom: 0px;} .pageContent>div>div {padding-bottom: 25px;} .contact_address h5 {margin:0 0 15px 0;padding:0; font-family: 'MaryTodd-Regular', sans-serif;font-size:28px;line-height:1em;font-weight:normal;color:#414142; text-transform: uppercase;} .contact_address h5 span {color: #414142; display: block; font-family: 'MaryTodd-Light', sans-serif; font-size:18px;font-weight:300;} .contact_address ul {padding:0; display:block; margin:0; color: #231f20;} .contact_address ul li {padding: 0 0 10px;} .contact_address ul li span {margin: 0 0 0 -25px;padding:0; width:25px; display:inline-block; color: #fec524;} .contact_address ul li a {display:inline-block;font-weight: 300; color: #77bc1f;text-decoration: none;transition:all ease-in-out 0.5s;-moz-transition:all ease-in-out 0.5s;-ms-transition:all ease-in-out 0.5s;-o-transition:all ease-in-out 0.5s;-webkit-transition:all ease-in-out 0.5s;} .contact_address ul li a.email {color:#77bc1f;transition:all ease-in-out 0.5s;-moz-transition:all ease-in-out 0.5s;-ms-transition:all ease-in-out 0.5s;-o-transition:all ease-in-out 0.5s;-webkit-transition:all ease-in-out 0.5s;} .contact_address ul li a.email:hover {color: #6b6b6b;} .contact_info {padding-top: 5px;padding-bottom: 10px;font-weight: 300; font-size: 16px;} .contact_info h5 {margin:0;padding:0; font-family:'Roboto', sans-serif;font-size:24px;line-height:42px;font-weight:normal;color:#6a6058;} .contact_info h6 {margin: 0;padding: 0 0px 4px 0px;font-family: 'Open Sans', sans-serif;font-size: 16px;line-height: 22px;font-weight: normal;color: #5e5e5e;} .contact_info a {color:#9e6027;text-decoration: none;display: inline-block;margin-right: 15px;margin-bottom: 5px;transition:all ease-in-out 0.5s;-moz-transition:all ease-in-out 0.5s;-ms-transition:all ease-in-out 0.5s;-o-transition:all ease-in-out 0.5s;-webkit-transition:all ease-in-out 0.5s;} .contact_info a:hover { display: inline-block;color:#414142;} .contact_info a i {vertical-align: baseline;margin-right: 5px;} .contact_social {padding: 0 0 0 0; margin: 0; list-style: none;} .contact_social li {display: inline-block;padding: 0 15px 0 0;} .contact_social li a {display: block;font-size: 25px;line-height: 30px;color: #9e6027;padding: 0;transition: all ease-in-out 0.35s;-webkit-transition: all ease-in-out 0.35s;-o-transition: all ease-in-out 0.35s;-moz-transition: all ease-in-out 0.35s;-ms-transition: all ease-in-out 0.35s;} .contact_social li a:hover {color: #a66027;} .prevAward {text-align: center;margin-bottom: 25px;} .prevAward a {display: block; text-decoration: none;padding: 8px; border-radius: 4px;} .prevAward a:hover {background: rgba(22,22,22,0.2);color: #414142;} .prevAward a:hover i {color: #414142;} .prevAward span {font-size: 24px; font-weight: 500;} .prevAward i {font-size: 72px; color: #77bc1f;} .mapWrapper {position: relative;} .mapOverlay { background:transparent; position:absolute; width:100%; height:500px; /* your iframe height */ top:500px; /* your iframe height */ margin-top:-500px; /* your iframe height */ z-index:2; } .google_map { height: 500px; width:100%; margin-bottom:0px; border-top:1px solid #696057; color: #000; display: block; } /* - - - - Photo and video - - - - -*/ .gallery-item { margin:0px auto 50px auto; } .gallery-item h6{ font-size: 22px; color: #414142; font-weight: 400; margin-bottom: 0px; } .gallery-item h6 span{ font-size: 18px; color: #414142; font-weight: 300; } .gallery-image, .gallery-image:visited { display:block; padding-top:64%; margin:0px auto 8px auto; background:rgba(0,0,0,.15); background-repeat:no-repeat !important; background-position: center center !important; background-size:cover !important; position:relative; overflow:hidden; } .gallery-image:before { display:block; content:""; position:absolute; top:0px; left:0px; bottom:0px; right:0px; z-index:10; background:rgba(0,0,0,.0); transition:all ease-in-out 0.5s; -moz-transition:all ease-in-out 0.5s; -ms-transition:all ease-in-out 0.5s; -o-transition:all ease-in-out 0.5s; -webkit-transition:all ease-in-out 0.5s; color:#FFF; } .gallery-image:hover:before { display:block; content:"View More"; background:rgba(0,0,0,.5); text-align:center; padding-top:30%; font-size:2em; } .gallery-image img { position: absolute; transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); /* IE 9 */ -webkit-transform: translate(-50%,-50%); /* Safari */ top: 50%; left: 50%; width: 100%; } .photo-image, .photo-image:visited { display:block; margin:0px auto 15px auto; background:rgba(0,0,0,.15); background-repeat:no-repeat !important; background-position: center center !important; background-size:cover !important; position:relative; overflow:hidden; } .gallery-item .photo-image, .gallery-item .photo-image:visited { padding-top:54%; } .photo-image:before { display:block; content:""; position:absolute; top:0px; left:0px; bottom:0px; right:0px; z-index:10; background:rgba(0,0,0,.0); transition:all ease-in-out 0.5s; -moz-transition:all ease-in-out 0.5s; -ms-transition:all ease-in-out 0.5s; -o-transition:all ease-in-out 0.5s; -webkit-transition:all ease-in-out 0.5s; color:#FFF; } .photo-image:hover:before { display:block; content:"enlarge"; background:rgba(0,0,0,.5); text-align:center; padding-top:30%; font-size:2em; } .gallery-item .photo-image:hover:before { padding-top:20%; } .gallery-item .photo-image img { position: absolute; transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); /* IE 9 */ -webkit-transform: translate(-50%,-50%); /* Safari */ top: 50%; left: 50%; width: 100%; } .video-image, .video-image:visited { display:block; padding-top:66%; margin:0px auto 8px auto; background:rgba(0,0,0,.15); background-repeat:no-repeat !important; background-position: center center !important; background-size:cover !important; position:relative; transition:all ease-in-out 0.5s; -moz-transition:all ease-in-out 0.5s; -ms-transition:all ease-in-out 0.5s; -o-transition:all ease-in-out 0.5s; -webkit-transition:all ease-in-out 0.5s; overflow:hidden; } .video-image:before { display:block; content:""; position:absolute; top:0px; left:0px; bottom:0px; right:0px; z-index:10; background:rgba(0,0,0,.0); transition:all ease-in-out 0.5s; -moz-transition:all ease-in-out 0.5s; -ms-transition:all ease-in-out 0.5s; -o-transition:all ease-in-out 0.5s; -webkit-transition:all ease-in-out 0.5s; color:#FFF; } .video-image:hover:before { display:block; content:"watch video"; background:rgba(0,0,0,.5); text-align:center; padding-top:30%; font-size:2em; } .video-image img { position: absolute; transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); /* IE 9 */ -webkit-transform: translate(-50%,-50%); /* Safari */ top: 50%; left: 50%; width: 100%; } .no-image { text-align:center; position:absolute; top:35%; width:100%; color:#888; } /* - - - - END Photo and video - - - - -*/ /* START FORMS */ .styledForm {margin-bottom: 25px;} .styledForm input { border-radius:0px; border:1px solid #D3D3D3; font-weight: 300; font-size: .8em; } .styledForm input[type='checkbox'] { height: 25px; width: 25px; margin-top: 0px; border-radius:0px !important; } .styledForm input[type='checkbox']+label { margin-left: 10px; } .styledForm select { border-radius:0px; min-height:43px; border:1px solid #D3D3D3; font-weight: 300; font-size: .8em; } .styledForm textarea{ border-radius:0px; min-height:43px; border:1px solid #D3D3D3; font-weight: 300; font-size: .8em; } label {font-weight: 400; font-size: .9em;} label em{} label strong{ font-weight: 600;} label em strong{ font-style: italic !important;} label.error { width:100%; box-sizing:border-box; display:block; padding:4px 8px 4px 8px; font-size:.8em; color:#ed1c24; margin:0px 0px 12px 0px; } label.error.radioError { width:100%; box-sizing:border-box; display:block; padding:4px 8px 4px 8px; font-size:.8em; color:#ed1c24; margin:0px 0px 12px 0px; } label.optionList { font-weight:normal; } .styledForm.newsletter { margin-top:5px; margin-bottom:25px; } .styledForm.newsletter input{ min-height:30px; } .styledForm.newsletter .btn.btn-default { border-radius:0px !important; } /* END FORMS */ /* START NOTIFICATIONS */ .notification.success { background:#DFF2BF url('../admin/images/icons/notifications/success.png') no-repeat 10px center; border-color:#4F8A10; color:#4F8A10; } .notification.error { background:#FFBABA url('../admin/images/icons/notifications/error.png') no-repeat 10px center; border-color:#D8000C; color:#D8000C; } .notification.warning { background:#FEEFB3 url('../admin/images/icons/notifications/warning.png') no-repeat 10px center; border-color:#9F6000; color:#9F6000; } .notification.info { background:#BDE5F8 url('../admin/images/icons/notifications/info.png') no-repeat 10px center; border-color:#00529B; color:#00529B; } .notification.tip { background:#feeac9 url('../admin/images/icons/notifications/tip.png') no-repeat 10px center; border-color:#CB9D4C; color:#CB9D4C; } .notification { border:2px solid #444; padding:18px 10px 18px 55px; margin:0 0 30px 0; color:#686868; font-weight:bold; } .absoluteNotification { position: fixed; z-index:999999; top: 18px; left: 0; text-align:center; padding:18px 0 18px 0; font: bold 18px/32px 'Lato-Regular';; width: 100%; opacity:0.95; filter:alpha(opacity=95); /* For IE8 and earlier */ } .absoluteNotification.success { background:#4F8A10; color:#FFF; } .absoluteNotification.error { background:#F01616; color:#FFF; } /* END NOTIFICATIONS */