@import url('https://fonts.googleapis.com/css?family=Roboto:300,400,500,700,400italic');
/* Header start here */
.tophead{ background:#f7f7f7; padding:10px 0; border-bottom:1px solid #e1e1e1;}
.tophead ul{ list-style:none; margin:0; padding:0}
.navbar, .navbar.navbar-default{ background:none; color:#555555; margin:0;}
.navbar .navbar-brand{ margin:0; height:auto;}
.tophead nav[role=navigation].navbar{ background:none; border:0px; margin:0; padding:0; min-height:100%;}
.tophead .navbar-nav > li > a{ color:#777777; font:400 16px/25px 'Roboto'; padding:0}
.tophead .navbar-nav > li{padding-left: 10px;flex: 0 0 auto;border-left: 1px solid rgba(0, 0, 0, 0.1);margin-right: 10px;}
.tophead .navbar-nav > li:first-child{ border:0}
 .tophead .navbar-nav > li > a:hover{ color:#1097f4; background:none;}
  .tophead .navbar-nav > li.active > a{ color:#075c97;}
  /* Nav */
a[href="#nav"] { text-decoration: none; -webkit-tap-highlight-color: transparent; float:right; -moz-transition: color 0.2s ease-in-out; -webkit-transition: color 0.2s ease-in-out; -ms-transition: color 0.2s ease-in-out; transition: color 0.2s ease-in-out; font:400 34px/80px 'Roboto'; color:#777777; outline:none;}
a[href="#nav"]:hover{ color:#515151;}
a[href="#nav"]:before { content: ""; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; font-family: FontAwesome; font-style: normal; font-weight: normal; text-transform: none !important; }
a[href="#nav"]:before { margin: 0 0.5em 0 0; 76}

#nav { -moz-transform: translateX(20em); -webkit-transform: translateX(20em); -ms-transform: translateX(20em); transform: translateX(20em); -moz-transition: -moz-transform 0.5s ease, box-shadow 0.5s ease, visibility 0.5s; -webkit-transition: -webkit-transform 0.5s ease, box-shadow 0.5s ease, visibility 0.5s; -ms-transition: -ms-transform 0.5s ease, box-shadow 0.5s ease, visibility 0.5s; transition: transform 0.5s ease, box-shadow 0.5s ease, visibility 0.5s; -webkit-overflow-scrolling: touch; background:#253946; box-shadow: none; color: #fff; height: 100%; max-width: 80%; overflow-y: auto; padding: 0; position: fixed; right: 0; text-transform: uppercase; top: 0; visibility: hidden; width: 20em; z-index: 10002; }
#nav > ul.links { list-style: none; padding: 0; margin:70px 0 0 0;}
#nav > ul.links > li { padding: 0; }
#nav > ul.links > li > a:not(.button) { border: 0; color: #fff; outline:none; padding:10px 30px; display: block; text-decoration: none;font:400 20px/30px 'Roboto';  }
#nav > ul.links > li > a:not(.button):hover,#nav > ul.links > li.active > a{ outline:none; background:#0f2634}
#nav > ul.links > li > .button { display: block; margin: 0.5em 0 0 0; }
#nav > ul.links > li:first-child > a:not(.button) { border-top: 0 !important; }
#nav .close { text-decoration: none; -moz-transition: color 0.2s ease-in-out; -webkit-transition: color 0.2s ease-in-out; -ms-transition: color 0.2s ease-in-out; transition: color 0.2s ease-in-out; -webkit-tap-highlight-color: transparent; border: 0; color: #fff; cursor: pointer; display: block;padding-right: 20px; position: absolute; right: 0; text-align: right; top: 0; vertical-align: middle;}
#nav .close:before { content: ""; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; font-family: FontAwesome; font-style: normal; font-weight: normal; text-transform: none !important; }
#nav .close:before { font-size: 1.25em; }
#nav .close:hover { color: #fff; }
 @media screen and (max-width: 736px) {
#nav .close { height: 4em; line-height: 4em; }
}
#nav.visible { -moz-transform: translateX(0); -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); box-shadow: 0 0 1.5em 0 rgba(0, 0, 0, 0.2); visibility: visible; }
 @media screen and (max-width: 736px) {
#nav { padding: 2.5em 1.75em; }
}

.clublogin{ float:right; margin:15px 0 0 0; position:relative;}
.clublogin > a{color:#fff; background:#777; border-radius:5px; font:400 20px/30px "Roboto"; display:block; padding:10px; outline:none;}
.clublogin > a:hover{ color:#fff; background:#515151; text-decoration:none; outline:none;}

.joinclub{ float:right;margin:15px 40px 0 0;}
.joinclub a{color:#fff; background:#777; border-radius:5px; font:400 20px/30px "Roboto"; display:block; padding:10px; outline:none;}
.joinclub a:hover{ color:#fff; background:#515151; text-decoration:none; outline:none;}


.loginDropdown{ background:#777; border:1px solid #777; box-shadow:0 6px 12px rgba(0, 0, 0, 0.176); padding:0}
.loginDropdown ul{ list-style:none; margin:0; padding:0;}
.loginDropdown ul li{ padding:0;}
.loginDropdown ul li a{ font:400 14px/20px "Open Sans",sans-serif; color:#fff; display:block; padding:10px; outline:none;}
.loginDropdown ul li a:hover{ color:#fff; background:#515151; outline:none;} 

 .bootnav .navbar .navbar-nav > li{ margin:0 5px;}
 .bootnav .navbar .navbar-nav > li > a{ border-top:5px solid #fff; -webkit-transition: all 0.4s; transition: all 0.4s; background:none; font:400 24px/30px 'Roboto'; color:#777777; padding:15px 10px;}
 .bootnav .navbar .navbar-nav > li > a:hover{ border-top:5px solid #075c97; color:#253946}
 .bootnav .navbar .navbar-nav > li.active > a{ color:#075c97}

 /* body conatainer start here  */
 .pagehead{ background:#253946; min-height:70px; color:#c0c0c0; text-align:center; margin:0;}
 .pagehead h1{color:#eeeeee; font:600 44px/70px 'Roboto'; margin:0; padding:20px 0; text-transform:uppercase}
.pagehead h1.memberreg{}
.pagehead h1.memberreg small{color:#fff; font:600 24px/30px 'Roboto'; display:block;}

 .body-container{}

 /* home page start here */
  /* Banner */

#banner { background-color: #1E2832; color: rgba(255, 255, 255, 0.75);position:relative; height:91vh;background-image: url("images/overlay.png"), url("../images/banner_new.jpg"); background-size: cover; text-align: center;    animation: 40s linear 0s normal none infinite animatedBackground; overflow:hidden}
#banner:before {content: "";position: absolute;left: 0;top: 0;bottom: 0;right: 0;width: 100%;height: 100%;background: linear-gradient(to left, #71797e, #253946);opacity: 0.8;}
.bannerinner{position:absolute;top:50%;text-align:center;width:100%;-ms-transform: translate(0,-50%); /* IE 9 */-webkit-transform: translate(0,-50%); /* Safari */transform: translate(0,-50%);}
#banner h1 { font:400 90px/100px 'Roboto';margin: 0 0 20px 0; padding: 0; color:#fff;}
#banner h3 { color: #fff;font:400 30px/40px 'Roboto';margin-bottom:20px; text-transform: uppercase; }
#banner .icon { border-radius: 100%; border: solid 2px #fff; color: #fff; display: inline-block; font-size:6em; height:140px; line-height: 1.25em; margin-bottom:20px; padding: 20px; width: 140px; }
 /* ends here */
 .contentsec{ background-color: #fff; color: rgba(255, 255, 255, 0.75);position:relative;background-image:url(../images/body_bg_new.jpg); background-size: cover; text-align: center;animation: 40s linear 0s normal none infinite animatedBackground;  overflow: hidden;padding:6% 0;}
 .contentsec:before {content: "";position: absolute;left: 0;top: 0;bottom: 0;right: 0;width: 100%;height: 100%;background: linear-gradient(to left, #71797e, #253946);opacity:1; z-index:-1}

.contentstyle{text-align:center}
.contentstyle h2{font:400 50px/70px 'Roboto';margin:0 0 60px 0;color:#fff;}
.contentstyle p{font:300 22px/36px 'Roboto'; color:#39454b;}
.contentstyle ul{ margin:0; padding:0; list-style:none; text-align:center;}
.contentstyle ul li{ display:inline-block; margin:30px 0;width:24%; vertical-align:top}
 .contentstyle a{ display:block; padding:20px 10px; text-decoration:none;-moz-transition: all .8s; -webkit-transition: all .8s; -ms-transition: all .8s; transition: all .8s; outline:none}
.contentstyle span{  margin:10px 0;font:400 18px/36px 'Roboto'; color:#fff;-moz-transition: all 1s; -webkit-transition: all 1s; -ms-transition: all 1s; transition: all 1s; display:block; text-transform:uppercase}
.contentstyle i{ border-radius: 100%; border: solid 2px #fff; color: #fff; display: inline-block; font-size:5em; height:120px; line-height: 1.15em; margin:20px 0; padding: 20px; width: 120px; -webkit-transition-duration: 1s;transition-duration: 1s;
  -webkit-transition-property: transform;transition-property: transform;-webkit-transition-timing-function: ease-in-out;transition-timing-function: ease-in-out;}

.contentstyle a:hover{ text-decoration:none;background:rgba(255,255,255,.2); border-radius:5px; outline:none}
  /* ends here*/
 /* footer start here */
 .footer{ background:#253946;padding:10px 0; position:relative} 
 .footer p{ font:300 16px/25px 'Roboto'; color:#c0c0c0; margin:0; text-align:center;} 
  .socialgroup { padding:20px 0}
 .socialgroup ul{ margin:0; padding:0; list-style:none; text-align:center;}
.socialgroup ul li{ display:inline-block; margin-right:20px;}
.socialgroup ul li a{ font-size:24px; line-height:48px; width:48px; height:48px; border-radius:50%; text-align:center; display:block; -webkit-transition-duration: 1s;transition-duration: 1s;
  -webkit-transition-property: transform;transition-property: transform;-webkit-transition-timing-function: ease-in-out;transition-timing-function: ease-in-out;}
.socialgroup ul li a:hover,.socialgroup ul li a:focus{ text-decoration:none;-webkit-transform: rotate(360deg);transform: rotate(360deg);}

.socialgroup ul li:nth-child(1) a{background:#3b579d; color:#fff;}
.socialgroup ul li:nth-child(1) a:hover{background:#fff; color:#3b579d;}

/*.socialgroup ul li:nth-child(2) a{background:#be4539; color:#fff;}
.socialgroup ul li:nth-child(2) a:hover{background:#fff; color:#be4539;}*/

.socialgroup ul li:nth-child(2) a{background:#2caae1; color:#fff;}
.socialgroup ul li:nth-child(2) a:hover{background:#fff; color:#2caae1;}

.socialgroup ul li:nth-child(3) a{background:#0073b1; color:#fff;}
.socialgroup ul li:nth-child(3) a:hover{background:#fff; color:#2caae1;}

.socialgroup ul li:nth-child(4) a{background:rgb(113, 201, 248); color:#fff;}
.socialgroup ul li:nth-child(4) a:hover{background:#fff; color:#2caae1;}


.footnav{ margin:0; padding:0; list-style:none; text-align:right;}
.footnav li{ color:#1097f4; font:300 14px/20px 'Roboto', sans-serif; display:inline-block; padding:5px 10px;}
.footnav li a{color:#1097f4;}
.footnav li a:hover,.footnav li a:focus{ text-decoration:none; color:#c0c0c0;}

.copyright-mark{color:#777777; font:300 18px/24px 'Roboto', sans-serif;}


/* Required */
 .faqsection{ background-color: #fff; color: rgba(255, 255, 255, 0.75);position:relative; height:100%;background-image:url(../images/faq-bg2_new.jpg); background-size: cover; text-align: center;animation: 40s linear 0s normal none infinite animatedBackground;  overflow: hidden;padding:5% 0; text-align:left; color:#555555;}
 .faqsection:before {content: "";position: absolute;left: 0;top: 0;bottom: 0;right: 0;width: 100%;height: 100%;background: linear-gradient(to left, #71797e, #253946);opacity:1; z-index:-1}

.sechidden{opacity: 0;}
.visible{opacity: 1;}
.panel-heading .accordion-toggle:after {font-family: 'Glyphicons Halflings';content: "\e114";float: right;color: grey;}
.panel-heading .accordion-toggle.collapsed:after {content: "\e080";}

.tutorialssec .panel-heading h4{ display:block; color:#1097f4; font:400 18px/30px 'Roboto', sans-serif;}

.tutorialssec .panel-title > a{ display:block;}
.tutorialssec .panel-title > a:hover,.tutorialssec .panel-title > a:focus{ text-decoration:none; color:#000; outline:none;}


/* click top/bottom start here*/
.button.style2.down { background-image: url("../images/dark-arrow.svg");border-color: inherit; background-color: rgba(64, 64, 64, 0.05);color: #fff;   border-radius: 3em 3em 0 0;height: 4.5em; margin-left: -2.5em;bottom: 0;left: 50%;position: absolute;line-height: 4.5em;overflow: hidden;padding: 0; text-indent: -10em; width: 5em;background-position: center center;cursor: pointer; -moz-appearance: none; -webkit-appearance: none; -ms-appearance: none; appearance: none; -moz-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; outline:none; -ms-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; display: inline-block;background-repeat: no-repeat; border:1px solid #fff; border-bottom:0px; bottom:-5px}
.button.style2:hover { background-color: rgba(255, 255, 255, 0.1); outline:none;}
.cd-is-visible{ opacity: 0;visibility: hidden;}

 .cd-top {background-image: url("../images/dark-up.png");border-color: inherit; background-color: rgba(64, 64, 64, 0.05);color: #fff;border-radius: 3em 3em 0 0;height: 4.5em; margin-left: -2.5em;bottom: 0;right:20px;position: absolute;line-height: 4.5em;overflow: hidden;padding: 0; text-indent: -10em; width: 5em;background-position: center center;cursor: pointer; -moz-appearance: none; -webkit-appearance: none; -ms-appearance: none; appearance: none; -moz-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; outline:none; -ms-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; display: inline-block;background-repeat: no-repeat; border:1px solid #fff; border-bottom:0px; }
.cd-top:hover { background-color: rgba(255, 255, 255, 0.1); outline:none; }

/* ends here*/
/* Feature page start here */
.featurelist{  padding:100px 0; background-color:#eeeeee; overflow:hidden;}
.articalrow{ background:#fff; padding:2px 0; margin-bottom:80px;border:1px solid #dddddd; }
.articalrow:last-child{ margin-bottom:0}
.featurecontentLF{ float:left; width:60%; padding:30px 50px 0;}
.featurecontentLF.right{ float:right;}
.featureimgRT{ float:right; width:40%;}
 .featureimgRT.left{ float:left;}

.featurecontentLF h2{ color:#555555; font:400 28px/34px 'Roboto', sans-serif; margin:20px 0; text-transform:uppercase; text-align:left;}
.featurecontentLF p{ color:#555555; font:300 16px/30px 'Roboto', sans-serif; margin:0 0 20px 0; text-align:left;}
.featurecontentLF p i{ margin-right:5px;}
.featurecontentLF ul{ margin:0 0 0 20px; padding:0; text-align:left;}
.featurecontentLF ul li{ color:#555555; font:300 18px/30px 'Roboto', sans-serif;}


.featuresbg1{ background-color: #fff; color: rgba(255, 255, 255, 0.75);position:relative; height:100%;background-image:url(../images/features-bg1_new.jpg); background-size: cover; text-align: center;animation: 40s linear 0s normal none infinite animatedBackground;  overflow: hidden;padding:5% 0;}
 .featuresbg1:before {content: "";position: absolute;left: 0;top: 0;bottom: 0;right: 0;width: 100%;height: 100%;background: linear-gradient(to left, #71797e, #253946);opacity:1; z-index:-1}

 .featuresbg2{ background-color: #fff; color: rgba(255, 255, 255, 0.75);position:relative; height:100%;background-image:url(../images/features-bg2_new.jpg); background-size: cover; text-align: center;animation: 40s linear 0s normal none infinite animatedBackground;  overflow: hidden;padding:5% 0;}
 .featuresbg2:before {content: "";position: absolute;left: 0;top: 0;bottom: 0;right: 0;width: 100%;height: 100%;background: linear-gradient(to left, #71797e, #253946);opacity:1; z-index:-1}



/* ends here*/
/* Tour/Product page start here */

.toursec{ background:#fff;padding:2px 0; margin-bottom:20px;border:1px solid #dddddd; max-height:657px; min-height:657px; overflow:hidden}
.toursec figure{ margin-bottom:20px; text-align:center; height:330px;-moz-transition: -moz-transform 0.2s ease;-webkit-transition: -webkit-transform 0.2s ease;-ms-transition: -ms-transform 0.2s ease;transition: transform 0.2s ease;}
.toursec figure img{ display:inline-block; max-height:100%; vertical-align:middle;}
.toursec figure:hover{-moz-transform: scale(1.1);-webkit-transform: scale(1.1);-ms-transform: scale(1.1);transform: scale(1.1);}
.toursec article{ padding:20px 30px;}
.toursec h2{ color:#555555; font:400 34px/40px 'Roboto', sans-serif; margin:0 0 25px 0;}
.toursec p{ color:#555555; font:300 18px/32px 'Roboto', sans-serif; margin:0}
.blkspace{ height:70px;}

 .productdetailsbg1{ background-color: #fff; color: rgba(255, 255, 255, 0.75);position:relative; height:100%;background-image:url(../images/product-bg2_new.jpg); background-size: cover; text-align: center;animation: 40s linear 0s normal none infinite animatedBackground;  overflow: hidden;padding:5% 0;}
 .productdetailsbg1:before {content: "";position: absolute;left: 0;top: 0;bottom: 0;right: 0;width: 100%;height: 100%;background: linear-gradient(to left, #71797e, #253946);opacity:1; z-index:-1}


 .productdetailsbg2{ background-color: #fff; color: rgba(255, 255, 255, 0.75);position:relative; height:100%;background-image:url(../images/product-bg1_new.jpg); background-size: cover; text-align: center;animation: 40s linear 0s normal none infinite animatedBackground;  overflow: hidden;padding:5% 0;}
 .productdetailsbg2:before {content: "";position: absolute;left: 0;top: 0;bottom: 0;right: 0;width: 100%;height: 100%;background: linear-gradient(to left, #71797e, #253946);opacity:1; z-index:-1}


/* ends here */

/* Tutorials page start here */
.single-tutorials{-moz-transition: all 0.2s; -webkit-transition: all 0.2s ; outline:none; -ms-transition: all 0.2s; transition: all 0.2s; text-align:left;}
.tutorials-icon{ margin-top:10px;}
.tutorials-text{}
.tutorials-text h4{color:#555555; font:400 24px/30px 'Roboto', sans-serif; margin:0 0 10px 0; text-transform:uppercase}
.tutorials-text p{ color:#555555; font:300 16px/24px 'Roboto', sans-serif; margin:0 0 10px 0;-moz-transition: all 0.2s; -webkit-transition: all 0.2s ; outline:none; -ms-transition: all 0.2s; transition: all 0.2s;}
.tutorials-text p span.collapse.in{ display:inline;}
.tutorials-text p span i{ margin-right:5px;}
.single-tutorials i.icon{-moz-transition: all 0.2s; -webkit-transition: all 0.2s ; outline:none; -ms-transition: all 0.2s; transition: all 0.2s; }
.single-tutorials:hover i.icon{ color:#1097f4;}
.tutorials-text p a.readmore{ border-radius:5px; padding:10px 20px; border:1px solid #555555; color:#555555; font:300 16px/24px 'Roboto', sans-serif; display:inline-block; text-decoration:none;-moz-transition: all 0.2s; -webkit-transition: all 0.2s ; outline:none; -ms-transition: all 0.2s; transition: all 0.2s; }
.tutorials-text p a.readmore:hover{ text-decoration:none; background:#f7f7f7; border:1px solid #1097f4; color:#1097f4;}

.productdetailsbg1 .tutorials-text h4{color:#fff;}
.productdetailsbg1 .tutorials-text p{ color:#fff;}
.productdetailsbg1 .tutorials-text p a.readmore{ border-color:#fff; color:#fff;}
.productdetailsbg1 .tutorials-text p a.readmore.less{ opacity:0;}
.productdetailsbg1 .tutorials-text p a.readmore:hover{background:rgba(0,0,0,.3); border:1px solid #1097f4; color:#1097f4;}

.productdetailsbg2 .tutorials-text h4{color:#fff;}
.productdetailsbg2 .tutorials-text p{ color:#fff;}
.productdetailsbg2 .tutorials-text p a.readmore{ border-color:#fff; color:#fff;}
.productdetailsbg2 .tutorials-text p a.readmore:hover{background:rgba(0,0,0,.3); border:1px solid #1097f4; color:#1097f4;}

/* ends here */

/* Contact us page start here */

  .contactusbg{ background-color: #fff; color: rgba(255, 255, 255, 0.75);position:relative; height:100%;background-image:url(../images/contact-bg_new.jpg); background-size: cover; text-align: center;animation: 40s linear 0s normal none infinite animatedBackground;  overflow: hidden;padding:5% 0;}
 .contactusbg:before {content: "";position: absolute;left: 0;top: 0;bottom: 0;right: 0;width: 100%;height: 100%;background: linear-gradient(to left, #71797e, #253946);opacity:1; z-index:-1}

.contactus{ background:rgba(255,255,255,1); padding:50px;}
.contactus > section{margin-bottom: 40px; text-align:left;}
.contactus .heading{margin-bottom: 40px;}
.contactus .heading h2{ color:#555555; font:400 34px/40px 'Roboto', sans-serif;margin: 0; text-transform:uppercase; border-bottom:2px solid #253946; display:inline-block; padding-bottom:10px;}
.contactus p{color:#555555; font:300 16px/24px 'Roboto', sans-serif; margin:0}
.contactus p.lead{color:#555555; font:300 18px/30px 'Roboto', sans-serif;margin-bottom: 40px; }
.box-simple { text-align:center; margin-bottom:40px }
.box-simple .icon { color:#253946; border:1px solid #253946;display:inline-block; width:80px; height:80px; color:#fff; line-height:80px; border-radius:40px;font-size:20px; -webkit-transition:all .2s ease-out; -moz-transition:all .2s ease-out; transition:all .2s ease-out }
.box-simple .icon i{ color:#253946; }
.box-simple h3 { text-transform:uppercase;font:400 24px/40px 'Roboto', sans-serif;color:#555555 }
.box-simple h3 a { color:#555555 }
.box-simple p { color:#555555; font:300 16px/24px 'Roboto', sans-serif; margin:0}
.box-simple ul li { color:#555555; font:300 16px/24px 'Roboto', sans-serif; margin:0}
.box-simple:hover .icon { -webkit-transform:scale(1.1, 1.1); -ms-transform:scale(1.1, 1.1); -o-transform:scale(1.1, 1.1); transform:scale(1.1, 1.1) }
.box-simple:hover .icon i { -webkit-transform:scale(1, 1); -ms-transform:scale(1, 1); -o-transform:scale(1, 1); transform:scale(1, 1) }
.btn-template-main { color:#253946; background-color:#fff; border-color:#253946;font:400 24px/30px 'Roboto', sans-serif;box-shadow:0px 0px 0 0 #97c4fe; height: auto;}
.btn-template-main  > i{ margin-right:10px;}
.btn-template-main:hover, .btn-template-main:focus, .btn-template-main:active, .btn-template-main.active{ color:#fff; background:#253946; border-color:#253946 }
ul.list-style-none { list-style:none }

.contactus > section .form-group{ text-align:left;}
.contactus > section label{color:#555555; font:400 16px/24px 'Roboto', sans-serif; }
.contactus > section input,.contactus > section textarea,.contactus > section select{color:#555555; font:400 16px/24px 'Roboto', sans-serif; border:1px solid #d6d6d6;border-radius:4px;box-shadow:0 1px 1px rgba(0, 0, 0, 0.075);height:34px;padding:6px 12px;text-shadow:0px 0px 0 rgb(255, 255, 255); width:100%}
.contactus > section textarea{ height:auto;}
.contactus > section input:hover,.contactus > section textarea:hover{ border-color:#1097f4;background-color: #fff;}
.contactus > section input:focus{border-color:#253946;}
.contactus > section input:active{}
.field-validation-error {color: #930505;font-weight: bold; position:absolute; right:15px; top:0;}
.contactmessage{ width:100%; margin:20px 0 0 0; text-align:left; display:block;}

/* ends here */

/* About us page start here */

.aboutustop{ background-color: #fff; color: rgba(255, 255, 255, 0.75);position:relative; height:100%;background-image:url(../images/hero_4_new.jpg); background-size: cover; text-align: center;animation: 40s linear 0s normal none infinite animatedBackground;  overflow: hidden;padding:5% 0;}
 .aboutustop:before {content: "";position: absolute;left: 0;top: 0;bottom: 0;right: 0;width: 100%;height: 100%;background: linear-gradient(to left, #71797e, #253946);opacity:1; z-index:-1}
 .fh5co-table{display: table;height: 570px;}
 .fh5co-table-cell {display: table-cell;height:570px;vertical-align: middle;}
.fh5co-intro h2 {color: #fff;font:400 47px/60px "Roboto",sans-serif;margin: 0;margin-bottom:10px;}
.fh5co-intro p {color: #fff;font:300 20px/30px 'Roboto', sans-serif;margin: 0;padding-bottom:10px;}

.ourhistory{ background-color: #fff; color: rgba(255, 255, 255, 0.75);position:relative; height:100%;background-image:url(../images/history_hero_new.jpg); background-size: cover; text-align: center;animation: 40s linear 0s normal none infinite animatedBackground;  overflow: hidden;padding:5% 0;}
 .ourhistory:before {content: "";position: absolute;left: 0;top: 0;bottom: 0;right: 0;width: 100%;height: 100%;background: linear-gradient(to left, #71797e, #253946);opacity:1; z-index:-1}
.ourhistory h3{color: #fff;font:500 40px/60px "Roboto",sans-serif;margin: 0;margin-bottom:20px;}
.ourhistory p{color: #fff;font:300 20px/30px "Roboto",sans-serif;margin: 0;padding-bottom:20px;}

.ourfeatures{ background-color: #fff; color: rgba(255, 255, 255, 0.75);position:relative; height:100%;background-image:url(../images/hero_2_new.jpg); background-size: cover; text-align: center;animation: 40s linear 0s normal none infinite animatedBackground;  overflow: hidden;padding:7% 0 3%;}
 .ourfeatures:before {content: "";position: absolute;left: 0;top: 0;bottom: 0;right: 0;width: 100%;height: 100%;background: linear-gradient(to left, #71797e, #253946);opacity:1; z-index:-1}
 .ourfeatures .services { margin-bottom: 4.5em; padding: 70px 25px 25px 25px; background:#fff; border: 2px solid rgba(0, 0, 0, 0.1); position: relative; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; border-radius: 5px; min-height:370px; }
.ourfeatures .services span { display: block; margin-bottom: 20px; position: absolute; top: -53px; left: 0; right: 0; }
.ourfeatures .services span i { font-size: 40px; color: #555555; border: 2px solid rgba(0, 0, 0, 0.1); padding: 30px; background: #fff; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; border-radius: 50%; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; }
.ourfeatures .services h4{color: #555555;font:300 30px/50px 'Roboto', sans-serif;margin: 0;margin-bottom:20px;}
.ourfeatures .services p{color: #555555;font:300 18px/30px 'Roboto', sans-serif;margin: 0;padding-bottom:20px; text-align:left}
.ourfeatures .services p a{ color:#1097f4;font:300 16px/30px 'Roboto', sans-serif;}
/* ends here*/

/* Pravicy policy page start here */

.pravicyContent{ background-color: #fff; color: rgba(255, 255, 255, 0.75);position:relative; height:100%;background-image:url(../images/privacy-policy-bg_new.jpg); background-size: cover; text-align: center;animation: 40s linear 0s normal none infinite animatedBackground;  overflow: hidden;padding:5% 0 3%; text-align:left;}
 .pravicyContent:before {content: "";position: absolute;left: 0;top: 0;bottom: 0;right: 0;width: 100%;height: 100%;background: linear-gradient(to left, #71797e, #253946);opacity: .2;}

.pravicyContent p{color: #fff;font:400 16px/20px 'Roboto', sans-serif;margin: 0;padding-bottom:20px;}
.pravicyContent h3{color: #fff;font:400 24px/34px 'Roboto', sans-serif;margin: 0;margin-bottom:20px;}
.pravicyContent ul,.pravicyContent ol{ margin:0 0 0 20px; padding:0}
.pravicyContent ul li,.pravicyContent ol li{color: #fff;font:400 16px/20px 'Roboto', sans-serif;margin: 0;padding-bottom:20px; padding-left:10px;}
.pravicyContent address{color: #fff;font:400 16px/20px 'Roboto', sans-serif;margin: 0;padding-bottom:20px;}

/* ends here */

/* Terms and condition start here */
.termsuse{ background-color: #fff; color: rgba(255, 255, 255, 0.75);position:relative; height:100%;background-image:url(../images/term_bg_new.jpg); background-size: cover; text-align: center;animation: 40s linear 0s normal none infinite animatedBackground;  overflow: hidden;padding:5% 0 3%; text-align:left;}
 .termsuse:before {content: "";position: absolute;left: 0;top: 0;bottom: 0;right: 0;width: 100%;height: 100%;background: linear-gradient(to left, #71797e, #253946);opacity:1; z-index:-1}
 .termsuse p{color: #fff;font:400 16px/20px 'Roboto', sans-serif;margin: 0;padding-bottom:20px;}
.termsuse h3{color: #fff;font:400 24px/34px 'Roboto', sans-serif;margin: 0;margin-bottom:20px;}
.termsuse ul,.termsuse ol{ margin:0 0 0 20px; padding:0}
.termsuse ul li,.termsuse ol li{color: #fff;font:400 16px/20px 'Roboto', sans-serif;margin: 0;padding-bottom:20px; padding-left:10px;}
.termsuse address{color: #fff;font:400 16px/20px 'Roboto', sans-serif;margin: 0;padding-bottom:20px;}


/* ends here */

/* Pricing page start here */

.pricingpage{ background-color: #fff; color: rgba(255, 255, 255, 0.75);position:relative; height:100%;background-image:url(../images/pricing-bg_new.jpg); background-size: cover; text-align: center;animation: 40s linear 0s normal none infinite animatedBackground;  overflow: hidden;padding:5% 0;}
 .pricingpage:before {content: "";position: absolute;left: 0;top: 0;bottom: 0;right: 0;width: 100%;height: 100%;background: linear-gradient(to left, #71797e, #253946);opacity:1; z-index:-1}
 .fh5co-table{display: table;height: 570px;}
 .fh5co-table-cell {display: table-cell;height:570px;vertical-align: middle;}
.fh5co-intro h2 {color: #fff;font:400 47px/60px "Roboto",sans-serif;margin: 0;margin-bottom:10px;}
.fh5co-intro p {color: #fff;font:300 20px/30px 'Roboto', sans-serif;margin: 0;padding-bottom:10px;}
/* ends here */
/* Demo page start here */

.pricingpage{ background-color: #fff; color: rgba(255, 255, 255, 0.75);position:relative; height:100%;background-image:url(../images/pricing-bg_new.jpg); background-size: cover; text-align: center;animation: 40s linear 0s normal none infinite animatedBackground;  overflow: hidden;padding:5% 0;}
 .pricingpage:before {content: "";position: absolute;left: 0;top: 0;bottom: 0;right: 0;width: 100%;height: 100%;background: linear-gradient(to left, #71797e, #253946);opacity:1; z-index:-1}
.pricingpage .icon { border-radius: 100%; border: solid 2px #fff; color: #fff; display: inline-block; font-size:6em; height:140px; line-height: 1.25em; margin-bottom:20px; padding: 20px; width: 140px; }

/* ends here */

/* Manage Clubs start here */
.manageclubsgridouter { margin:30px 0}
.manageclubsgrid tr td:first-child,.manageclubsgrid tr th:first-child{ display:none;}
.manageclubsgrid tr th{ background:#efefef;}

/* ends here */

/* Member registration start here */

.memberregistration{ margin:30px 0;}

/* ends here */