/* ==========================================================================
   Author's custom styles
   ========================================================================== */
@font-face {
    font-family: 'latobold';
    src: url('fonts/lato-bold-webfont.eot');
    src: url('fonts/lato-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/lato-bold-webfont.woff2') format('woff2'),
         url('fonts/lato-bold-webfont.woff') format('woff'),
         url('fonts/lato-bold-webfont.ttf') format('truetype'),
         url('fonts/lato-bold-webfont.svg#latobold') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'latoregular';
    src: url('fonts/lato-regular-webfont.eot');
    src: url('fonts/lato-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/lato-regular-webfont.woff2') format('woff2'),
         url('fonts/lato-regular-webfont.woff') format('woff'),
         url('fonts/lato-regular-webfont.ttf') format('truetype'),
         url('fonts/lato-regular-webfont.svg#latoregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

html {height: 100%;}
body {position: relative; margin: 0; height: 100%; -webkit-font-smoothing: antialiased;}
.wrapper {height: 100% !important; height: 100%; margin: 0 auto;  overflow: hidden;}
a {text-decoration:none; -webkit-transition: color 300ms, background-color 300ms; -moz-transition: color 300ms, background-color 300ms; -o-transition: color 300ms, background-color 300ms; transition:  color 300ms; background-color 300ms; color: #c429c3; transition:all 0.5s;}
a:hover {color:#000; text-decoration:none;}
a:focus {outline:none; text-decoration: none; color: #000; }
img{max-width:100%;}

li{list-style: none;}

h1{margin:0; padding: 0; font-size: 80px; line-height: 115%; font-family:'latobold'; font-weight:normal; color: #f5c730;}
h2{margin:0; padding: 0 0 40px; font-size: 55px; line-height: 100%; font-family:'latobold'; font-weight:normal; text-transform: uppercase; text-align: center; text-shadow: 2px 2px 4px #000;}
h3{margin:0; padding: 0 0 20px; font-size: 20px; line-height: 120%; font-family:'latobold'; font-weight:normal;}
h4{margin:0; padding:0 0 10px; font-size: 19px; line-height: 120%; font-family:'latobold'; font-weight:normal; color: #000;}
h5{margin:0; padding:0 0 10px; font-size: 16px; line-height: 123%; font-family:'Source_Sans_Pro'; font-weight:normal;}
h6{margin:0; padding:0 0 10px; font-size: 13px; line-height:120%; font-family:'Source_Sans_Pro'; font-weight:normal; color: #656565;}
p {margin:0; padding:0 0 10px; font-size: 16px; font-family:'latoregular'; line-height: 150%; color: #464444;}

.white-text{color: #fff;}
.green-text{color: #12ce31;}
.green-background{background: #12ce31;}

.button{font-size: 20px; font-family: 'latobold'; color: #fff; background: #12ce31; padding: 12px 55px; margin: 50px auto 0; display: table; border-radius: 30px;}
.button:hover, .button:focus{background: #5b6063; color: #fff;}

.banner-in{position: relative; top: 50%; transform: translateY(-50%); -ms-transform: translateY (-50%); -webkit-transform: translateY (-50%); -moz-transform: translateY (-50%); -o-transform: translateY (-50%); z-index: 3;}
.banner-caption{ margin: 0 auto; padding: 0; width: 100%; float: none; text-align: center;}
.banner-caption h1{text-shadow: 2px 2px 2px #000;}

.activity-details{margin: 0; padding: 42px 30px 32px; width: 100%; float: left; background: rgba(0, 0, 0, 0.65); transition: 0.5s all; cursor: pointer;}
.activity-details h3{display: table; border-bottom: 1px solid #08c126; margin: 0 auto 12px; transition: 0.5s all;}
.activity-details img{margin: 0 auto 18px; display: table;}
.activity-img-hvr{display: none !important;}
.activity-details:hover .activity-img, .activity-details:focus .activity-img{display: none !important;}
.activity-details:hover .activity-img-hvr, .activity-details:focus .activity-img-hvr {display: block !important;}
.activity-details:hover, .activity-details:focus{background: rgba(18, 176, 49, 0.75);}
.activity-details:hover h3, .activity-details:focus h3 {border-bottom: 1px solid #fff;}

.rate-details{margin: 0 auto; padding: 60px 30px 35px; width: 90%; float: none; display: table; background: rgba(255, 255, 255, 0.8); transition: 0.5s all; cursor: pointer;}
.rate-details h3{display: table; border-bottom: 1px solid #08c126; margin: 0 auto 22px; transition: 0.5s all; padding: 0 0 10px;}
.rate-details h4{padding: 9px 36px;/* border-right: 7px solid #12ce31;*/ background: #5c6263; display: table; margin: 12px auto 0;}
.rate-details h5{font-size: 35px; font-family: 'latobold'; width: 75px; height: 75px; text-align: center; line-height: 75px; border-radius: 50%; float: left; margin: -22px 25px 0 -68px;}
.rate-details p{line-height: 125%;}

section#section3 h2{padding: 0 0 25px;}
section#section3 h3{font-size: 40px; font-family: 'latobold'; padding: 10px 0;}
section#section3 h3.sml-txt{font-size: 20px; line-height: 100%;}
section#section3 h3 a{color: #fff;}
.form-sc{margin: 0; padding: 30px 0 0; width: 100%; float: left;}
::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #464444;opacity:  1;
}
::-moz-placeholder { /* Firefox 19+ */
  color: #464444; opacity:  1;
}
:-ms-input-placeholder { /* IE 10+ */
  color: #464444; opacity:  1;
}
:-moz-placeholder { /* Firefox 18- */
  color: #464444; opacity:  1;
}
::placeholder { color: #464444; }
.form-contact { border: 1px solid transparent; width: 24%; background: rgba(195, 193, 194, 0.7); none repeat scroll 0 0; border-radius: 0; color: #000; float: left; font-family: 'latoregular'; font-size: 15px; font-weight: normal; height: 50px; margin: 0 5px 45px; padding: 0 15px; line-height: 50px; transition: all 1s; }
textarea.form-contact{height: 50px;}
.submit-contact{border: none; cursor: pointer; margin: 25px auto 0; display: table; transition: 1s all; }
.submit-contact:hover{background: #373c3f; color: #fff;}
p.cntct-info{float: left;}
.copyright-text{font-size: 16px;}
.form-status{color: #fff;}

section#section0{margin: 0; width: 100%; /*background-image: url("images/banner.jpg"); background-size: cover;*/}
section#section1{margin: 0; width: 100%; background-image: url("images/activity-bkg-new.jpg"); background-size: cover; }
section#section2{margin: 0; width: 100%; background-image: url("images/rate-bkg-new.jpg"); background-size: cover;}
section#section3{margin: 0; width: 100%; background-image: url("images/footer-new-img.jpg"); background-size: cover; }

.section-sc{position: relative; top: 50%; transform: translateY(-50%); -ms-transform: translateY (-50%); -webkit-transform: translateY (-50%); -moz-transform: translateY (-50%); -o-transform: translateY (-50%); width: 100%; height: auto; z-index: 999;}
.mobile-sc{display: none;}

#myVideo {
    position: absolute;
    right: 0;
    bottom: 0;
    top:0;
    right:0;
    width: 100%;
    height: 100%;
    background-size: 100% 100%;
    background-color: black;
      background-position: center center;
      background-size: contain;
      object-fit: cover; 
      z-index:3;
}
/*video{width: 100%; height: 100%;}*/