body{font-size:20px; font-family: 'gt_walsheimlight'; color:#747474; background:#f5f5f5;}
html,body{ width:100%; overflow-x:hidden;}

/*@font-face {
    font-family: 'helveticaneuelight';
    src: url('../font/helveticaneuelt-webfont.woff2') format('woff2'),
         url('../font/helveticaneuelt-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}




@font-face { 
    font-family: 'helveticaneuemedium';
    src: url('../font/helveticaneuemed-webfont.woff2') format('woff2'),
         url('../font/helveticaneuemed-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}*/
.w-50px{ width:50px;}
.f-30{ font-size:25px !important;}
.f-25{ font-size:20px !important;}
.f-18{ font-size:18px !important;}
.f-20{ font-size:20px !important;}
.f-13{ font-size:13px !important;}
.f-bold{ font-weight:bold;}
.white-bg { background:#fff;}
.amenites {text-transform: uppercase;cursor: pointer;position: relative;}
.table.job-table {text-transform: uppercase;}
.job-table.table td, .job-table.table th {padding: 2rem .75rem;vertical-align: middle !important;font-size: 18px;}
.font-blue { color:#1f5b8c;}

.swim p a{ color:#747474; font-size:18px; text-decoration:underline;}
.swim p a:hover{color:#1f5b8c; text-decoration:none;}
.swim ul li{ font-size:16px;}
.swim table { font-size:16px; color:#747474}
/*---------------------default css start here----------------*/
a {color: #323131;}
a:hover{ text-decoration:none;}
.container-fluid{ padding:0 80px;}
.btn-link{ background:#5796c9; font-size:14px; text-transform:uppercase;transition:all 0.35s; color:#fff; display:inline-block; width:210px; height:66px; padding:24px 10px;   font-family: 'gt_walsheimmedium'; border-radius:3px; text-align:center;}
.btn-link:hover{ text-decoration:none; background:#1f5b8c;  color:#fff;}
.linkable{color:#1f5b8c !important; font-weight:bold;}
.bg-white { background:#fff;}
p{font-size: 16px; }
h1{ font-size:44px; font-family: 'gt_walsheimlight'; color:#323131;}
h2{ font-size:40px; font-family: 'gt_walsheimlight'; color:#323131;}
h3{ font-size:32px;  font-family: 'gt_walsheimlight';color:#323131;}
h4{ font-size:22px;  font-family: 'gt_walsheimmedium';color:#323131;}
h5{ font-size:20px;  font-family: 'gt_walsheimmedium';color:#323131;}
h6{ font-size:18px;  font-family: 'gt_walsheimmedium';color:#323131;}

.need-help {position: absolute;bottom: -35px;left:0;}
.need-help a:hover{ text-decoration:underline;}

.custom-select{ height:auto; padding:0px; border:0px;}

.img-fix{ position:fixed; right:0; bottom:13%; z-index:10;}
/*---------------------header css start here----------------*/
/*.ndpw{ background:#29aae3; padding-bottom:20px;}*/
.header{ position:relative; z-index:50;}
.header-middle-bg{ background:#000;}
.header-middle-bg li a{ font-size:22px; color:#fff; padding:5px 0; display:block; z-index:2; position:relative; }
.header-middle-bg li a:hover:before{ background:#fff; width:50px; height:43px; content:""; position:absolute; left:-30px; top:0; transform:skew(-20deg); z-index:-1;}
.header-middle-bg li a:hover:after{ background:#fff; width:50px; height:43px; content:""; position:absolute; right:-30px; top:0; transform:skew(-20deg); z-index:-1;}
.header-middle-bg li a:hover{ background:#fff; color:#000;}

.desktop-menubar{ background:#1f5b8c;position: absolute;width: 100%;top: 0px; height:auto;}
.desktop-menubar li a{ color:#fff; font-size:16px;  font-family: 'gt_walsheim_proregular';padding: 5px 1.7em 5px; display:block}
.desktop-menubar li{ padding-top:0px; vertical-align: bottom; border-bottom: solid 2px rgba(255,255,255,0);}
.desktop-menubar .my-account{ position:absolute; right:0px; top:10px; padding:0 4px;}
.desktop-menubar .my-account:hover a{color:#62ebff !important; }

.desktop-menubar li.first{top:0px; width:auto;}
.desktop-menubar li.first img{ width:100%;}
.desktop-menubar li.first a:hover{ background:none;}

.desktop-menubar li:last-child{ margin-left:0px;}

.desktop-menubar li:hover{color:#62ebff; border-bottom:solid 2px #62ebff }
.desktop-menubar li:hover a{color:#62ebff; }
.desktop-menubar li.active a{color:#62ebff; }


.desktop-menubar li:hover .dropdown-content ul li{ border:none;}
.desktop-menubar li:hover .dropdown-content ul li a{ color:#fff; transition:all 0.35s;}
.desktop-menubar li:hover .dropdown-content h4 a{ color:#fff;transition:all 0.35s;}

.desktop-menubar li:hover .dropdown-content ul li a:hover{ color:#62ebff;}
.desktop-menubar li:hover .dropdown-content h4 a:hover{ color:#62ebff;}
.desktop-menubar li:hover .dropdown-content ul li.active a{ color:#62ebff;}


.desktop-menubar li a svg{ width:32px; height:30px;fill:#fff;}
.desktop-menubar h4 a{font-size:18px;font-family: 'gt_walsheimbold'; padding:0;}
.desktop-menubar h4 a:hover{color:#82e6ff}
.sticky{ position:fixed; z-index:50; width:100%; top:-1px;}
.sticky .header-top{ display:none;}
.sticky .header-middle-bg{ display:none;}
.desktop-menubar li.logo:hover{border-bottom:solid 2px rgba(0,0,0,0);}
.about-us{ position: absolute;
padding-right: 258px; right:-20px; display:none;
width: 100%;
text-align: right;
top: -35px; z-index:50;}

.about-us .main-container{ top:56px;}

.bookmark {
    margin-top: -200px;
    padding-bottom:200px;
    display: block;
}
.main-container{
    position:relative;width:100%;height:auto;display:none; top:0px;
}
#mydiv{width:100%;height:400px;position:absolute;z-index:1;}
.plus-minus-toggle {
    cursor: pointer; 
    height: 21px;
    position:absolute; right:11px; top:12px; float:right;
    width: 21px;
}
 .plus-minus-toggle:before,
 .plus-minus-toggle:after{
    background: #363739;
    content: '';
    height: 5px;
    right: 15px;
    position: absolute;
    top: 6px;
    width: 21px;
    transition: transform 500ms ease;
  }
 .plus-minus-toggle:after {
    transform-origin: center;
  }
 
.plus-minus-toggle.collapsed::after{
      transform: rotate(90deg);
    }
.plus-minus-toggle.collapsed::before {
      transform: rotate(180deg);
    }
.plus-minus-toggle.arrow{ transform: rotate(90deg);}

/*-------------------------------*/
/*          mobile menu           */
/*-------------------------------*/
.mobile-menu{ background:#1f5b8c; padding: 5px 20px; z-index:5; position:relative;}
.mobile-menu .call{ padding-top:5px;}
.mobile-menu .call svg{ fill:#fff; width:35px; height:35px;}
#wrapper {-webkit-transition: all 0.5s ease; height:100%; z-index:100;  -moz-transition: all 0.5s ease;  -o-transition: all 0.5s ease;transition: all 0.5s ease;position:fixed; left:0px; top:0px;}
.toggled:after{ width:100%; content:""; position:fixed; left:0; top:0; height:100%; background:rgba(0,0,0,0.5); display:none;}
#wrapper .close{ z-index:99; right:15px; top:11px; position:absolute; opacity:1; cursor:pointer;}
#wrapper .close svg{ width:25px; height:25px; }
.menu{ cursor:pointer; transition:all 0.35s; z-index:200 }
#wrapper .navbar{ padding:0;}
#wrapper .side-menu-bar{ padding:0 30px; position:absolute; top:0;}
#sidebar-wrapper { z-index: 1000; left: 0px;  height: 100%; overflow-x: hidden; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease;-o-transition: all 0.5s ease; transition: all 0.5s ease;}
#sidebar-wrapper::-webkit-scrollbar { display: none;}
#wrapper.toggled #sidebar-wrapper {position:relative; background:#fff; }
#page-content-wrapper { width: 100%; padding-top: 70px;}
#wrapper.toggled #page-content-wrapper { position: absolute; margin-right: -220px;}
#wrapper .side-menu-bar .media-logo p{ text-align:center; font-size:20px; padding-right:3px;}
.sticky #wrapper{ top:0px;}
.toggled{ width:100%; transition: width 2s;}
.logo-m{position: absolute;left: 20px;top: 5px; width:auto;}
.logo-m img{ width:100%;}
/*-------------------------------*/
/*       Hamburger-Cross         */
/*-------------------------------*/

 #nav-icon4 {width:45px;height: 35px; position: relative; margin:0px 0px 0px 0; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: .5s ease-in-out; -moz-transition: .5s ease-in-out; -o-transition: .5s ease-in-out; transition: .5s ease-in-out; cursor: pointer;}
 #nav-icon4 span { display: block;position: absolute; height: 4px; width: 100%; background: #fff;  border-radius:5px; 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;}

/* Icon 4 */

#nav-icon4 span:nth-child(1) {top: 0px; -webkit-transform-origin: left center; -moz-transform-origin: left center; -o-transform-origin: left center; transform-origin: left center;}
#nav-icon4 span:nth-child(2) { top: 15px; -webkit-transform-origin: left center; -moz-transform-origin: left center; -o-transform-origin: left center; transform-origin: left center;}
#nav-icon4 span:nth-child(3) {top: 30px; -webkit-transform-origin: left center; -moz-transform-origin: left center; -o-transform-origin: left center; transform-origin: left center;}
/*#nav-icon4.open span:nth-child(1) {-webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); top: -8px; left: 8px;}
#nav-icon4.open span:nth-child(2) {width: 0%; opacity: 0;}
#nav-icon4.open span:nth-child(3) { -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); top: 27px; left: 8px;}*/
/*.hamburger.is-closed:before {content: 'Menu'; display: block; width: 100px;  font-size: 20px; font-weight:300; color:#151515; margin-top: 4px;margin-left: 27px; line-height: 21px; text-align: center; text-transform:uppercase; opacity: 1; -webkit-transform: translate3d(0,0,0); -webkit-transition: all .35s ease-in-out;}
.hamburger.open:before {content: 'Close'; display: block; width: 100px;  font-size: 20px; font-weight:300; color:#151515; margin-top: 4px;margin-left: 27px;  line-height: 21px; text-align: center; text-transform:uppercase;  opacity: 1;-webkit-transform: translate3d(0,0,0); -webkit-transition: all .35s ease-in-out;}*/


.side-nav{ position:absolute; top:0px; width:100%; left:0; padding:62px 0px 0; overflow-y:scroll; height:600px;
}
.nav-offcanvas-menu { padding-left:0px;}
.nav-offcanvas-menu i{ position:absolute; right:30px; font-size:22px; top:7px; z-index:50; cursor:pointer;}
.nav-offcanvas {width: 400px; background:#4c4d4f;height: 100vh;position: fixed; overflow-x: auto; z-index: 2000; padding: 50px 0; top: 0;  left: -400px; transition: 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);}
.nav-offcanvas .close {position: absolute;right: 10px; top: 20px; outline: 0; opacity: 1; background: transparent; border: none; box-shadow: none; cursor: pointer; transition: .3s ease;}
.nav-offcanvas .close i {font-size: 15px; color: white; text-shadow: none;}
.nav-offcanvas .close:hover {-webkit-transform: rotate(90deg); transform: rotate(90deg);}
.nav-offcanvas-menu ul {margin-bottom: 0; padding-left: 0; list-style: none;}
.nav-offcanvas-menu ul li { border-top:1px #1f5b8c solid; font-size: 22px;  display: block; text-decoration: none; position: relative; z-index: 1; transition: 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.05s;line-height: 50px;}
.nav-offcanvas-menu ul li a{ color:#1f5b8c; transition:all 0.35s; padding: 5px 30px;}
.nav-offcanvas-menu ul li a:hover{ color:#82e6ff !important;}
.nav-offcanvas-menu ul li a:hover svg{ fill:#82e6ff !important ;}
.nav-offcanvas.open {left: 0;}
.main-nav ul li { padding:15px 10px;}
.main-nav ul li  a{padding:5px 0;font-size: 18px;font-weight: 400; text-decoration:none;}
.nav-offcanvas-menu .form-item button svg{ width:25px; height:25px; fill:#1f5b8c;}
.nav-offcanvas-menu .form-item .btn{ background:none; border:none;position: absolute;right: 0;top: 0;}
.nav-offcanvas-menu .form-item .form-control{ padding-left:0px !important; font-size:22px; color:#aaa;  }
.nav-offcanvas-menu ul.pro-serivice{ background:#1f5b8c;}
.nav-offcanvas-menu ul.pro-serivice li{ border:none; padding:0px;}
.nav-offcanvas-menu ul.pro-serivice li .bg-color{ background:#153957;}
.nav-offcanvas-menu ul.pro-serivice li .bg-color li { padding:0 15px;}
.nav-offcanvas-menu ul.pro-serivice li a{ font-size:18px;font-family: 'gt_walsheim_proregular';text-transform: capitalize; color:#fff; width:100%;}
.form-item{ padding:0 32px;}

.nav-offcanvas-menu ul.pro-serivice li svg{ width:37px; height:20px; fill:#fff; float:right; margin-top:9px;transition: 0.3s;}
/* collapese item */
.collapsible {color: #666; cursor: pointer;width: 100%; border: none; text-align: left;outline: none;font-size: 15px;}

.collapsible:after {content: ''; color: #666; font-weight: bold; float: right;  margin-left: 5px;}
.active:after {content: "";}
/*.nav-offcanvas-menu ul li .active { transform:rotate(89deg);}*/

.content { padding: 0 18px; max-height: 0; overflow: hidden; transition: max-height 0.2s ease-out; background-color: #153957; }
.content ul li{ padding:0; border:none; }

[aria-expanded="true"] svg{
    transform: rotate(90deg);
-moz-transform: rotate(90deg);
-webkit-transform: rotate(90deg);
-o-transform: rotate(90deg);
}


.more-info-sitemap{ width:auto; height:auto; padding:15px 15px;}
/*---------------------mega menu css start here----------------*/
.dropdown-content {
  display: none; 
  position: absolute;
  background-color: #5a97c7;
  width: 100%;
  left: 0;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 1;
}


.desktop-menubar li:hover .dropdown-content {
  display: block; margin-top:2px;
}

.desktop-menubar li:focus .dropdown-content {
  display: block;
}


.desktop-menubar li.newsletter-header .show{ display:block !important}


.dropdown-content ul li.active a{color:#62ebff}
.dropdown-content .mega-title{ font-size:40px;font-family: 'gt_walsheimmedium'; color:#fff; line-height:50px;}
.dropdown-content  h4{ font-size:18px;  font-family: 'gt_walsheimbold'; color:#fff; margin-bottom:0;}
.dropdown-content li:last-child{ margin:0;}

.dropdown-content li{ margin-left:0 !important; padding-top:0px;}
.dropdown-content .container-fluid{ padding:0 50px !important;}
.dropdown-content li a{ padding:0px;}
.dropdown-content li a:hover{ color:#62ebff;  background:none;}
.dropdown-content li ul li a{ color:#fff;}
.dropdown-content ul li.active ul li a{color:#fff}
.dropdown-content ul li.active ul li.active a{color:#62ebff}
.pro-serivice ul li a{ color:#FFF;}

/*---------------------home banner css start here----------------*/
.banner .content-item {z-index: 5; top: 50%;transform: translate(0,-50%); left:7%;}
.banner .content-item p{ font-size:44px;    font-family: 'gt_walsheimbold'; line-height:45px;}
.banner .content-item p span{    font-family: 'gt_walsheimlight';}
.banner .carousel-indicators li{ width:10px; height:10px; border-radius:10px; opacity:1;}
.banner .carousel-control-next, .banner .carousel-control-prev{ opacity:1;}
.banner .carousel-indicators .active{ background:#6699ce;}
.banner .carousel-indicators{ z-index:1;}
.banner .carousel-control-next, .banner .carousel-control-prev{ width:6%;}
/*---------------------welcome content css start here----------------*/

.welcome-content{ padding:100px 0;}
.welcome-content p{ padding-top:40px}


/*---------------------our programme content css start here----------------*/
.programme-item { padding-top:40px;}
.programme-item .icon{ width:140px; height:140px; border-radius:100%; display:table;}
.programme-item .icon.bg1{ background:#b18259;}
.programme-item .icon.bg2{ background:#f36d64;}
.programme-item .icon.bg3{ background:#5bda29;}
.programme-item .icon.bg4{ background:#1b5ecf;}
.programme-item .icon.bg5{ background:#d8b761;}
.programme-item .icon.bg6 {
    background: #00d0f1;
}

.programme-item h4{ padding-top:40px;}
.programme-item .icon svg{ fill:#fff; width:60px; height:140px; border-radius:0px; margin:0 auto; transition:all 0.35s;}

/*---------------------water smart content css start here----------------*/

.waterSmart { padding:100px 0 0;}
.waterSmart p{ padding-top:40px}
.waterSmart .card-img-overlay { position: absolute;  background: rgba(87,150,201,0.5);}
.waterSmart .card-img-overlay .content-item{ position:absolute; top:40%; left:0; right:0; margin:0 auto;}
.waterSmart .card-img-overlay .content-item h4{ padding-bottom:30%;}
.waterSmart .card{margin: 0 0px 40px; overflow:hidden;}

.waterSmart .card.shadow {box-shadow: 4px 4px 4px rgba(0,0,0,.20) !important;}
.waterSmart .card img{ transition:all 0.35s; }
.waterSmart .card:hover img{ transform:scale(1.2);}
.waterSmart .card { cursor:pointer;}
.find-member .form-control { width:100% !important; padding: 25px 10px;}
.find-member .input-group { width:100% !important; margin-top:0px; }
.find-member .SelectBox{ margin-bottom:0px; margin-right:15px; min-width: 300px; height:53px; background:#fff; border-radius:5px; color:#6c757d; border-color:#ced4da; text-transform:none;font-size: 1rem;}
.find-member  .SelectBox:hover{ background:#fff;}
.find-member .SelectBox > .icon{border-top: 0.3em solid #ccc; font-size:30px;}
.find-member .SelectBox > .inner{ padding:7px 25px;}
.find-member .btn-link{ height:52px; padding:16px 0; margin-top:30px;}

.find-member label{ margin-bottom:0px;}
.find-member .SelectBox.open > .icon{   border-bottom: 0.3em solid #ccc;}
.find-member h5{ margin-bottom:0px;}
.member .content-programe {top: 50%; transform: translate(0,-50%); width: auto; position:absolute;}
.about .content-programe {top: 50%; transform: translate(0,-50%); width: auto; position:absolute;}
.member .ui-datepicker-trigger{ background:none; border:none;position: absolute;right: 20px;top: 34px;}
 .ui-state-hover, ui-widget-content .ui-state-hover{ background:#666 !important; color:#fff !important; border-radius:50PX;}
.ui-datepicker-current-day a{ background:#666 !important; color:#fff !important; border-radius:50PX;}

.locally-sec .content-programe {top: 50%; transform: translate(0,-50%); width: auto; position:absolute;}
/*---------------------drowing content css start here----------------*/

.drowing-sec{ padding:230px 0 0; background:url(../../content/images/drowing-bg.jpg) no-repeat; background-size:cover; margin-top:-200px;}
.drowing-sec .right-bar h5{ font-size:38px; color:#82e6ff;  font-family: 'gt_walsheim_proregular'; text-shadow:0 0 3px rgba(0,0,0,0.5); margin-top:40px; line-height:26px;}
.drowing-sec .right-bar h5 span{ font-size:16px;}
.drowing-sec .right-bar p{ font-size:22px; color:#fff;  font-family: 'gt_walsheim_proregular'; text-shadow:0 0 3px rgba(0,0,0,0.5);}
.drowing-sec .right-bar .iconRow{ height:75px;display: table-cell;vertical-align: bottom;width: 340px; margin-bottom:40px;}


.drowing-sec .drowing-static{ padding:100px 0;}
.drowing-sec .drowing-static p{ padding-top:40px;}
.drowing-sec .drowing-static h5{    font-family: 'gt_walsheimmedium';}
.drowing-sec .drowing-static .right-bar p{ padding-top:50px; text-shadow:none;}
.drowing-sec .drowing-static .right-bar h5{ margin-top:28px;}
.drowing-sec  h3{ font-size:30px; padding-top:60px; margin-bottom:50px;}
.drowing-sec .drowing-static p.small-text{ font-size:16px;}

/*---------------------drowing lifeguard css start here----------------*/

.drow-lifeguard{ background:#043346;}
.drow-lifeguard img{ opacity:.6;}
.drow-lifeguard .content-lifeguard img{ opacity:1;}
.drow-lifeguard .content-lifeguard{ top:50%; transform:translate(0,-50%); width:100%;}
.drow-lifeguard .content-lifeguard h5{ font-size:38px; color:#82e6ff;font-family: 'gt_walsheimmedium'; text-shadow:0 0 3px rgba(0,0,0,0.5); margin:50px 0 40px; line-height:26px;}
.drow-lifeguard .content-lifeguard p{ font-size:22px; color:#fff;  font-family: 'gt_walsheim_proregular';}
.drow-lifeguard .life-save-img{ width:130px;}
/*---------------------Event Content css start here----------------*/
.event{ padding:80px 0; }
.event-content h4{ font-size:22px; font-family: 'gt_walsheimbold'; color:#5796c9;}
.event-content{ bottom:20px; padding:0 40px 0 40px; }
.event .event-px{ padding:0 30px 0 0;}
.event .event-pr{ padding-right:0px;}
.event .event-pr .col-lg-12{ margin-bottom:34px;}
.event .eventBlock{ overflow:hidden;}
.event .eventBlock img{ transition:all 0.35s;}
.event .eventBlock:hover img{ transform:scale(1.2);}
.event .img-sec{ background:#000;}
.event .img-sec img{ opacity:0.6;}

/*---------------------footer Content css start here---*/
.footer-top-bg{ background:#1f5b8c; padding:0px 0 70px;}
.footer-top-bg ul li{ color:#5eb7ff;}
.footer-top-bg li.active{border-bottom:none }
.footer-top-bg li.active a{color:#62ebff; }
.footer-top-bg p{ color:#fff; font-size:16px;}
.footer-top-bg a{ color:#fff; font-size:16px; transition:all 0.35s;}
.footer-top-bg ul li.active a{color:#62ebff !important; background:none}
.footer-top-bg a:hover{ color:#62ebff;}
.footer-top-bg ul.social { padding-top:15px;}
.footer-top-bg ul.social li a svg{ width:25px; fill:#fff; height:25px;  transition:all 0.35s;}
.footer-top-bg ul.social li a svg:hover{fill:#62ebff;}
.footer-top-bg .form-control{ font-size:16px;}
.footer-top-bg .form-item .btn{ background:none; border:0px; position:absolute; right:30px; top:4px;}
.footer-top-bg .form-item .btn:hover{ background:none;}
.footer-top-bg .footer-mid{ border-top:solid 1px #5796c9; border-bottom:solid 1px #5796c9; padding:35px 0;}
.footer-top-bg .footer-mid p{ line-height:30px;}
.footer-top-bg .ft-mid:before{ border-left:solid 1px #5796c9; content:""; position:absolute; left:0; top:0; width:1px; height:100%;}
.footer-top-bg .ft-mid:after{ border-right:solid 1px #5796c9; content:""; position:absolute; right:0; top:0; width:1px; height:100%;}
.footer-top-bg .ft-mid{ padding-top:60px;}
.footer{ margin-top:0;}
.login{  padding:20px 0;}
.login .btn{ background:#5796c9; border:solid 2px #fff !important; font-size:14px; border:none;text-transform:uppercase;transition:all 0.35s; color:#fff; display:inline-block; width:110px; height:50px; padding:13px 0;   font-family: 'gt_walsheimmedium'; border-radius:3px; text-align:center;}
.login .btn:hover{ text-decoration:none; background:#1f5b8c;  color:#fff;}
.login .form-control{ padding:24px 20px; border-radius:0px; width:24%; margin-right:15px; background:#fff !important;}
.login p{ font-size:14px; margin-right:15px;}
.login .btn:focus{  background:#1f5b8c;  color:#fff;}
/*---------------------Drowing page Content css start here---*/
.Drowing-Banner .content-inner{ position:absolute; bottom:50px; width:100%;}
.Drowing-Banner .content-inner p{ font-size:44px;  font-family: 'gt_walsheimbold';  line-height:50px;}

/*---------------------free drowing Content css start here---*/
.free-drow{ padding-bottom:80px;}
.one-day{ background:#1f5b8c;}
.one-day span{ color:#8ecafa;  font-family: 'gt_walsheimlight';}
.one-day span.small{ font-size:16px;}
.one-day span.big{ font-size:24px; line-height:25px;}
.one-day p{ font-size:99px; font-family: 'gt_walsheimbold';}


/*---------------------Map Content Start Here Content css start here----------------------*/
.maplist{ width:19%; position:absolute; z-index:5; top:100px;}
.maplist ul li a{ font-size:16px;font-family: 'gt_walsheimbold';}
.maplist ul li{ padding:10px 15px; margin-bottom:10px;}
.maplist ul li.blue-bg{ background:#5796c9;}
.maplist ul li.green-bg{ background:#5bda29;}
.maplist ul li.golden-bg{ background:#d8b761;}
.maplist ul li.red-bg{ background:#ef4135;}

/*---------------------drowing inner Content css start here----------------------*/
.drowing-sec-inner{ padding:0px 0 0;}
.drowing-sec-inner .right-bar h5{ font-size:38px; color:#5796c9;  font-family: 'gt_walsheim_proregular';  margin-top:27px; line-height:26px;}
.drowing-sec-inner .right-bar h5 span{ font-size:16px;}
.drowing-sec-inner .right-bar p{ font-size:22px; color:#323131;  font-family: 'gt_walsheim_proregular'; }
.drowing-sec-inner .right-bar .iconRow{ height:75px;display: table-cell;vertical-align: bottom;width: 275px; margin-bottom:40px;}
.drowing-sec-inner .right-bar span.bg-none{ opacity:1 !important;position:static !important; background:none !important; box-shadow:none !important;}
.drowing-sec-inner .right-bar span.bg-none:after{ background:none !important; position:static !important; border:0px !important;}
.drowing-sec-inner .drowing-static{ padding:0px 0;}
.drowing-sec-inner .drowing-static p{ padding-top:40px;}
.drowing-sec-inner .drowing-static h5{    font-family: 'gt_walsheimmedium';}
.drowing-sec-inner .drowing-static .right-bar p{ padding-top:50px; text-shadow:none;}
.drowing-sec-inner .drowing-static .right-bar h5{ margin-top:28px;}
.drowing-sec-inner .drowing-static .right-bar h5.f26{ font-size:26px;}
.drowing-sec-inner  h3{ font-size:30px; padding-top:0px; margin-bottom:30px;color:#323131; padding-left:40px;}
.drowing-sec-inner  p.small-text{ font-size:16px;  color:#323131;margin-bottom: 100px;}

.drowing-sec-inner .content-lifeguard img{ opacity:1;}
.drowing-sec-inner .content-lifeguard h5{ font-size:38px; color:#323131;font-family: 'gt_walsheimmedium';  margin:50px 0 40px; line-height:26px;}
.drowing-sec-inner .content-lifeguard p{ font-size:22px; color:#323131;  font-family: 'gt_walsheim_proregular';}
.drowing-sec-inner .life-save-img{ width:130px;}
.drowing-sec-inner .when-sec .right-bar p{ padding-top:25px;}
.drowing-sec-inner .when-sec .cale{ width:111px;}
.drowing-sec-inner .when-sec{ margin-bottom:150px;padding-left: 53px;}
.drowing-sec-inner .when-sec .cale p{ position:absolute; left:0; right:0; margin:auto; width:100%; top:18px;}

/*---------------------men aged Content css start here----------------------*/

.swim-sec .content1{ top:50%; left:0; right:0; margin:auto; transform:translate(0,-50%); width:100%;}
.swim-sec .content1 h2{ font-size:39px;font-family: 'gt_walsheimbold';}
.swim-sec .content1 p{ font-size:24px; color:#8ecafa}

/*---------------------men aged Content css start here----------------------*/

.education-sec .content1{ top:50%; right:80px; transform:translate(0,-50%); width:30%; background:#fff;}
.education-sec .content1 h3{ font-size:32px;font-family: 'gt_walsheimlight'; color:#323131l; margin-bottom:20px;}
.education-sec .content1 p{ font-size:20px; color:#747474}
.education-sec .content1 ul li a{ text-decoration:underline; color:#747474}
.education-sec .content1 ul li a:hover{ color:#1f5b8c; text-decoration:none;}

.tab-item-content h3{ margin-top:30px;}

/*---------------------on scroll line bar Content css start here----------------------*/



.member .icon{ background:url(../../Content/images/calander-icon.png) right 15px center no-repeat; background-color:#fff;}

.member-benefits .icon{ background:none;}



/*---------------------lifeguarding page Content css start here-----------------------------*/
.life-guard-tab .nav-tabs{ background:#fff;padding: 20px 0; border-bottom:0px; height:79px;}
.life-guard-tab .nav-tabs li a{ font-size:26px; color:#747474;border:none; line-height:30px;}
.life-guard-tab .nav-tabs .nav-item.show .nav-link, .life-guard-tab .nav-tabs .nav-link.active{ border:none; color:#1f5b8c}
.life-guard-tab .nav-tabs .nav-item.show .nav-link, .life-guard-tab .nav-tabs .nav-link.active:before{width: 20px; height: 20px; background:#fff; border-radius:0px; content:""; position:absolute; left:0; right:0; margin:0 auto; bottom:-20px; transform: rotate(45deg)}
.life-guard-tab .nav-tabs .nav-link:focus, .life-guard-tab .nav-tabs .nav-link:hover{ border:none; color:#1f5b8c}
.lifeguading-page .welcome-content .icon-guard{ background:#f06b61; width:140px; height:140px; margin-top:50px; }
.lifeguading-page .welcome-content .icon-guard svg{ width:70px; height:140px; fill:#fff;}
.lifeguading-page .welcome-content{ padding-bottom:0px;}
.lifeguading-page .blg{ padding:50px 0;}
.lifeguading-page .blg p{ padding-top:0;}
.lifeguading-page .left-bar1:after{ background:#f5f5f5; width: 40px;height: 40px;position: absolute;left: -35px;content: "";transform: rotate(45deg);z-index: 5;top: 70px;}
.lifeguading-page .left-bar:before{ background:#f5f5f5; width: 40px;height: 40px;position: absolute;right: -35px;content: "";transform: rotate(45deg);z-index: 5;top: 0px;}
.lifeguading-page .locally-sec{ padding-bottom:100px;}
.lifeguading-page .locally-sec .icon{ width:20px; height:28px; fill:#1f5b8c; margin-right:10px; float:left;}
.lifeguading-page .locally-sec li span{ float:left; width:90%;}
.lifeguading-page .locally-sec ul{ display:inline-grid;}




.lifeguading-page{ background:#f5f5f5}
.lifeguading-page .work-sec{ background:#f5f5f5; padding-bottom:0px;}
.lifeguading-page .post-wrapper { padding-bottom:0;}
.resource-sec{ background:#f5f5f5; padding-bottom:70px;}
.resource-sec h4{ position:relative; font-size:44px; font-family: 'gt_walsheimlight'; display:inline-block;}
.resource-sec h4:before{ content:""; position:absolute; background:#fff; height:2px; left:0; right:0; margin:0 auto; bottom:0; }
.resource-sec .title{ position:absolute; left:0; right:0; margin:auto; top:50%; transform:translate(0,-50%); width:80%;}

.form .find-member ul li{ margin-right:25px;}
.form .find-member .member { width: 100%; margin-bottom:20px;}
.form  .find-member .SelectBox{ margin-right:0px;}
.form  .find-member .area{ height:154px !important; resize:none;}
.form  .find-member .comment{ height:250px !important;}
.form .find-member .form-control { width: 100% !important;   padding: 13px 10px;  height: auto;}
.form .find-member .check-row{ position:relative; padding-left:35px; margin-bottom:0px; margin-top:15px;}

.funds h2{ font-size:35px;}
/* Hide the browser's default checkbox */
.check-row{ padding-left:0px !important; cursor:pointer;}
.customCheckbox { float: left; position: relative;  width: 20px;  height: 20px; background: #eaeaea;border-radius: 2px; border: 1px solid #ccc;  margin-right: 5px; overflow: hidden;}
.customCheckbox.customCheckboxChecked {background: #5796c9; border: 1px solid #1f5b8c;}
.customCheckbox input {opacity: 0; cursor: pointer; z-index: 5; width: 100%; height: 100%; display: block;  position: absolute;  top: 0;  left: 0;}
.customCheckbox span {display: none; text-align: center; line-height: 15px; font-size: 90%;  color: #fff;}
.customCheckbox.customCheckboxChecked span {display: block;}       
.liablity-form  .customCheckbox  span{ line-height:10px;}     

.map-slider .owl-prev{ background:none; border:none;}
.map-slider .owl-next{ background:none; border:none; float:right;}
.map-slider .owl-nav{ position:absolute; bottom:0; width:100%}

/******************************************************************************************************************************************/
  .hidenshow {
        display: block;
        position: relative;
        left: 50%;
        transform: translateX(-9%);
        margin: 50px auto;
    }



 .post-wrapper {
	 padding-left:70px; padding-bottom:100px;
}

 .post-wrapper .post {
	 position: relative;
	 width: 100%;
	 padding: 0px 0px 0px 0px;
	 clear: both;
	 opacity: 1;
}
 


 .post-wrapper .post .post-content {
width:100%;
}


.timeline-holder{
  position: relative;
  padding: 0 0px;

}

.timeline-holder:after{
  content:'';
  height: 100%;
  width:0;

  position: absolute;
  left: 0%;
  top:0;
  transform: translateX(-50%);
}

.timeline-item{
  width: 60%;
  margin: 35px auto 35px auto;
  position: relative;
  clear: both;
}

.timeline-item:first-child .content-area{
  opacity: 1;
}

.content-area{
  padding:60px 0 0 60px;
  position: relative;

}

.left-area{
  float: left;
  left: 0;
  position:relative;
}


.left-area:before{
  content:'';
  height:0;
  width:0;
  border-style: solid;
  border-width: 0px 0px 0px 20px;
  border-color:white;
  position: absolute;  
  top:0px;  
  left: -18px;
  z-index:10;
  transition:0.5s;
}
.left-area.bluecolor:before{  
  border-color:#5796c9; 
  height:100%;
}
.left-area.bluepre:before {
    height:100%
}
.timeline-holder span:not(.timeline-date):not(.progress-line){
  width: 0;
  height: 0;
  background-color: #5796c9;
  position: absolute;
  left:-8px;
  top: calc(50%);
  transform: translateX(-50%);
  border-radius: 50%;
  z-index: 10;
  opacity:0;z-index:20;
  box-shadow: 4px 4px 4px rgba(0,0,0,0.5);
}

.timeline-holder span:not(.timeline-date):not(.progress-line)::after {
	content: '';
	width: 35px;
	height: 35px;
	background-color: #62ebff;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	border-radius: 50%;
	border: 5px solid #fff;
}

.timeline-date{
  position: absolute;
  top: 10px;
  color: black;
  font-size: 1.1em;
  background-color: gray;
  padding: 5px;
  color: white;
  text-align: center;
  opacity:0;
}

.timeline-item:first-child .timeline-date{
  width:100px;
  opacity:1;
}

.timeline-item:nth-child(odd) .timeline-date{
  left:50%;
  transform: translate(50%);
}

.timeline-item:nth-child(even) .timeline-date{
  right:50%;
  transform: translate(-50%);
}


.pulse{
  animation: pulse 0.2s;
}

@keyframes pulse{
  50%{
    
  }
}

/*.progress-line{
  width:20px;
  height: 100px;
  background: #5796c9;
  position:absolute;
  z-index:999;
  left: 0;
  transform: translateX(-50%);
  top:0;
  transition:all 1s;
}*/

span.drow:not(.timeline-date):not(.progress-line){ top:50px;}
.timeline-item.d-animate { margin:0 ;}   



.home-header #menubar1{
	background: #1f5b8c;
	 position:absolute;
	width: 100%;
}
.home-header #menubar1.header-back{
	top: 0px;
}
#menubar1.sticky1, .home-header #menubar1.sticky1 {position:fixed;top: 0;right: 0;width: 100%;left: 0px;}

.close-btn {position: absolute;top: 26px;right: 37px;font-size: 46px;cursor: pointer;background: #29aae3;height: 42px;width: 43px;text-align: center;border-radius: 50%;line-height: 41px;color: #fff;}
.close-btn span{transform: rotate(43deg);-webkit-transform: rotate(43deg);-moz-transform: rotate(43deg);display: block;}







/*---------------------contact page css start here----------------------*/

.contact-form h2{ margin-bottom:30px;}
.ls-branch{ margin-bottom:50px; }
.ls-branch h3{ font-size:28px;}
.ls-branch .branch-add{background:#fff; padding:25px; height:100%;}
.contact-form label{ margin-bottom:0;}
.mapping { margin-bottom:50px;}
.mapping .location-list{ padding:40px; width:40%; float:left; background:#fff;}
.mapping .location-list h3{font-size:25px; color:#1f5b8c;}

.mapping .location-list ul li { border-bottom:solid 1px #1f5b8c; padding:5px 0;}
.mapping .location-list ul li a{ font-size:18px; color:#747474;}
.mapping .location-list ul li a:hover{color:#1f5b8c;}
.mapping .map{ width:60%; float:left; position:relative;}
.mapping .map .pin1{ position:absolute; top:50px; left:380px }


/*---------------------about us page css start here---*/
.about .welcome-content{ padding-bottom:50px;}
.about .vision{ padding-top:50px; }
.about .vision p{ padding-bottom:30px;}
.about .valuesec {background:#fff; padding:25px; height:100%}
.about .valuesec .icon{ width:20px; height:28px; fill:#1f5b8c; margin-right:10px; float:left;}
.about .valuesec li span{ float:left; width:90%;}
.about .valuesec li{ margin-bottom:10px; display:inline-block}
.about .value{ padding:50px 0;}

/*---------------------media center page css start here---*/

.common .left-bar::before {background: #f5f5f5; width: 40px; height: 40px; position: absolute; right: -35px; content: ""; transform: rotate(45deg); z-index: 5; top:15%;}
.common .left-bar1::after {background: #f5f5f5; width: 40px; height: 40px; position: absolute; left: -35px; content: "";transform: rotate(45deg); z-index: 5; top: 70px;}

.media-center .resource-sec .box-item .showContent{display:none;}
.media-center .resource-sec .box-item p{ color:#fff; }
.media-center  .resource-sec .box-item .title{ padding:0 30px;}
.media-center .resource-sec .box-item:hover .showContent{ display:block;}


.f-20 {
	font-size: 21px;
	text-transform: uppercase;
}
.f-25 {
	font-size: 26px;

	text-transform: uppercase;
}
.flex-1 { flex:1;}
.jobinput {
	height: 100%;
	width: 41%;
	border: 1px solid #fff;
	font-family: 'gt_walsheimlight';
	padding-left: 18px;
}

.red-btn {background: #f6545f;}
.b-radius {border-radius: 0 6px 6px 0px;}
.hr {
	border: 0;
	height: 1px;
	background: #c1c1c1;
	margin: 60px 0;
    width: 100%;
}
.small-btn {
	width: auto;
	padding: 25px 30px;
}
.black-bg-overlay {
	position: fixed;
	top: 0;
	right: 0;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,0.5);
	z-index: 99;
    display:none;
}

.black-bg-overlay .note{ width:160px; float:left;}
.black-bg-overlay .detail-text{ width:85%; float:left;}
.popup {
	background: #fff;
	width: 65%;
	position: absolute;
	top: 50%;
	right: 0;
	left: 0;
	margin: auto;
	padding:30px 50px;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
}
.popup h2 > span {
	font-size: 20px;
	font-family: 'gt_walsheimlight';
	color: #747474;
	text-transform: capitalize;
} 
.popup .hr {margin: 30px 0;}
.line.list-unstyled li { position:relative;padding-left: 25px;}
.line.list-unstyled li::before {content: "";width: 17px;height: 1px;background: #747474;position: absolute;top: 50%;left: 0;}

.amenites::before {content: "+";position: absolute;right: 82px;font-size: 69px;top: 50%;height: 85px;
transform: translateY(-50%);}
 .grey-bg .amenites{ margin:0px;}
.white-bg .amenites{ margin:0px;}
.amenites[aria-expanded="true"]::before{content: "-";right: 90px;}
.popup h2 {margin-bottom: 5px;}
.job-table.table thead th {border: 0px !important;}



h2.f30 a{ font-size:30px !important;}
h2.f30 a:before{ font-size:17px !important; margin-top:9px;}

/*---------------------lifesaving courses page css start here-----------------------------*/

.img-view h3{ bottom:20px; left:20px; color:#fff; font-family: 'gt_walsheimbold'; font-size:30px; }
.courseNew-page .tab-content .nav-tabs .nav-item{ width:50%; border:none; background:#a6c8e2; }
.courseNew-page .tab-content .nav-tabs .nav-link{border-radius:0px;border:solid 1px #5796c9; padding:15px 1rem; font-weight:bold;}
.courseNew-page .tab-content .nav-tabs .nav-link.active { border-color:#fff;}
.courseNew-page .tab-content { }
.courseNew-page .tab-content .bg-white{}
.courseNew-page h4{color:#1E5B8C; margin-bottom:40px;}
.courseNew-page .overlay{ background:#000; position:relative; }
.courseNew-page .overlay img{ opacity:.5}
.courseNew-page .overlay1 { background: #000; position: relative;}
.courseNew-page .overlay1 img { opacity: .2;}
.courseNew-page .text-title{ position:absolute; top:50%;  width:100%; text-align:center; transform:translateY(-50%); line-height:15px;}

.panel-heading  > a:before {
    float: right !important;
    font-family: FontAwesome;
    content:"";background:url(../../content/images/arrow-TopA.png) no-repeat right center; width:17px; height:10px;
    padding-right: 5px; position:relative; top:8px;left:10px;
}
.panel-heading  > a.collapsed:before {
    float: right !important;top:8px; left:10px;
    content:"";background:url(../../content/images/arrow-bottomA.png) no-repeat right center; width:17px; height:10px;
}
.panel-heading  > a:hover, 
.panel-heading  > a:active, 
.panel-heading  > a:focus  {
    text-decoration:none;
}
/*---------------------shop page css start here-----------------------------*/
.shop h3{ font-size:22px;}
.shop .line-height{  line-height:18px;}
.shop span{ font-size:20px;}
.shop{ font-size:20px; color:#3F3E3E;}
.category{ background:#fff;}
.category .cart a{ font-size:18px; color:#3F3E3E; }
.category .cart a i{ margin-left:10px;}
.category h4{ font-size:18px;}

.shopLogin .panel{ background:white;    padding: 20px 60px;}
.shopLogin .panel-heading a.tabs{ border-radius:5px; background:#fff; border:solid 2px #5796c9; text-transform:uppercase; color:#5796c9; display:block; text-align:center; padding:10px; cursor:default}
.shopLogin .panel-login>.panel-heading a.active{color: #fff;background:#5796c9;}
.shopLogin .panel-login .form-control{ padding:0; width:70%;}
.shopLogin .panel-login  .forgot-password{ font-size:1rem; color:#5796c9}
.shopLogin .panel-login  .btn-link{ padding:22px 0;}
.shopLogin .order-summery{ background:#fff; padding:84px 25px;}
.shopLogin h5{ font-weight:bold; color:#000;}


.detail-page .breadcrumb{ background:none;}
.detail-page h2{font-family: "gt_walsheimbold";}
.detail-page h4{font-family: "gt_walsheimbold";}
.detail-page .form-control{ width:65px; height:50px; text-align:center; background:none; border:solid 1px #707070; font-family: "gt_walsheimbold"; font-size:20px;}
.detail-page a span{ text-decoration:underline;}
.detail-page .thumb-slide {
    right: 0;
    left: 0;
    width: 17%;
    display: inline-block;
    float: left;
    margin: 0;
    padding: 0;
    position: absolute;
    top: 0;
}
.detail-page .thumb-slide li{ width:119px; height:119px; cursor:pointer; margin-bottom:7px;}
.detail-page .carousel-inner { 
    width: 75%;
    display: inline-block; margin-left:60px;

}

.detail-page .prod-sec .form-control{ width:65px; height:50px; text-align:center; background:none; border:solid 1px #707070; font-family: "gt_walsheimmedium"; font-size:15px;}
.detail-page .size li{     text-align: center;      line-height: 50px;}
.detail-page .size li a{ color:#707070; display:block;border:solid 1px #707070;     width: 50px;    height: 50px;    border-radius: 5px; font-family: "gt_walsheimmedium"; font-size:15px;}
.detail-page .size li a:hover{ background:#1f5b8c ;color:#fff;}
.detail-page .size li a.out-of-stock{ border:dashed 1px #707070; background:rgba(0,0,0,0.1)}
.detail-page .size li a.out-of-stock:hover{ color:#707070}

.detail-page .select2-chosen {font-size: 20px; font-weight: bold;text-decoration:none;}
.detail-page .select2-result-label{ text-decoration:none; font-size:20px; font-weight:bold;}
.detail-page .pcolor ul li a {color: #fff; text-align: center; border-radius: 5px;  width: 50px;  height: 50px; line-height: 42px; padding: 0; display: block;}
.detail-page .pcolor ul li a.red { background: #d83030;}
.detail-page .pcolor ul li a.yellow { background: #edd612;}
.detail-page .pcolor ul li a.blue {background: #1269ed;}


.cart-page .detail-page {
    background: #fff;
}




.start{font-size: 20px;
font-family: 'gt_walsheimlight';
color: #747474; margin-top:-3px; display:block;
text-transform: capitalize;}
.detail-page .pcolor ul li a.pink {background: #ed12bc;}
.detail-page .pcolor ul li a.red-yellow {
    background: rgba(237,14,14,1);
    background: -moz-linear-gradient(top, rgba(237,14,14,1) 0%, rgba(237,14,14,1) 50%, rgba(245,200,0,1) 50%, rgba(245,200,0,1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(237,14,14,1)), color-stop(50%, rgba(237,14,14,1)), color-stop(50%, rgba(245,200,0,1)), color-stop(100%, rgba(245,200,0,1)));
    background: -webkit-linear-gradient(top, rgba(237,14,14,1) 0%, rgba(237,14,14,1) 50%, rgba(245,200,0,1) 50%, rgba(245,200,0,1) 100%);
    background: -o-linear-gradient(top, rgba(237,14,14,1) 0%, rgba(237,14,14,1) 50%, rgba(245,200,0,1) 50%, rgba(245,200,0,1) 100%);
    background: -ms-linear-gradient(top, rgba(237,14,14,1) 0%, rgba(237,14,14,1) 50%, rgba(245,200,0,1) 50%, rgba(245,200,0,1) 100%);
    background: linear-gradient(to bottom, rgba(237,14,14,1) 0%, rgba(237,14,14,1) 50%, rgba(245,200,0,1) 50%, rgba(245,200,0,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ed0e0e', endColorstr='#f5c800', GradientType=0 );
}
.detail-page .pcolor ul li a.black {background: #000000;}
.detail-page .pcolor li a.out-of-stock{ border:dashed 1px #707070; opacity:0.4;}
.carousel-inner{width: 100%;display:inline-block;}
.carousel-control-prev i{color:#000; font-size:20px;position: absolute;top: 50%;transform: translateY(-50%);}
.carousel-control-next i{color:#000; font-size:20px;position: absolute;top: 50%;transform: translateY(-50%);}
.detail-page .modal-dialog{ max-width:50%;}
.detail-page .modal-dialog h3{    font-family: "gt_walsheimbold"; font-size:20px;}
.detail-page .modal-header .close {position: absolute; right: 15px; top: 15px;}
.icon{width:25px; height:25px; fill: #1f5b8c;}
.detail-page  .modal.show .modal-dialog {-webkit-transform: translate(0,0); transform: translate(0,-50%);  top: 50%;}
.cartitem .quantity span{ border-radius:3px; text-align:center; display:inline-block; width:30px; height:30px;font-family: 'gt_walsheimbold';}
.cartitem h3{font-family: 'gt_walsheimbold';}
.cartitem{ background:#fff;}
.cartitem h6{  padding-bottom: 0px;margin: 0 0 -2px;}
.subtotal{ background:#fff; padding:20px; min-height:247px; height:300px;}
.subtotal p span{ font-size:16px; color:#666;}
.subtotal p{ margin-bottom:0px;}
.subtotal h5{ margin-top:15px;}
.cartitem .close {position: absolute;
right: 30px;
top: 10px;

width: 30px;
height: 30px;
border-radius: 15px;line-height: 9px;}

.checkout-page .checkoutform{ background:#fff; padding:60px;}
.checkout-page .form-control{ background:none; border-bottom:solid 1px #333; font-size:18px; border-left:0px; border-right:0px; border-top:0px;}

.checkout-page .container input {position: absolute; opacity: 0; cursor: pointer;}
.checkout-page .checkoutform .checkmark {position: absolute;top: 4px; left: 0; height: 13px; width: 13px; border:solid 1px #333; border-radius: 50%;}
/*.checkout-page .checkoutform .container:hover input ~ .checkmark {background-color: #2196F3; border-color: #2196F3;}*/
.checkout-page .checkoutform .container input:checked ~ .checkmark {background-color: #2196F3;border-color: #2196F3;}
.checkout-page .checkoutform .checkmark:after {content: "";position: absolute; display: none;}
.checkout-page .checkoutform .container input:checked ~ .checkmark:after {display: block;}
.checkout-page .checkoutform .container .checkmark:after {top: 9px;left: 9px;width: 8px;height: 8px;border-radius: 50%;background: white;}
.checkout-page .container{ float:left; cursor:pointer; margin-bottom:15px; position:relative; width:auto; font-size:14px;padding-right:70px; padding-left:25px; text-transform:uppercase;}
.form-control:focus{ box-shadow:none; border-color:#5796c9;}
.modal-open{ padding-right:0!important;}

.backitem{ background:#1f5b8c; padding:15px;}
.backitem a{ font-size:20px; font-family: 'gt_walsheimmedium'; color:#fff; margin-right:30px; margin-top:8px;}
.backitem a svg{ width:30px; height:30px; fill:#fff; }
.backitem a span{ padding-left:10px;}

.thumb-slide li{border:solid 2px #fff;}

.thumb-slide li.active{border:solid 2px #62ebff }
li.active a{color:#62ebff; }

.coursemenu li{ margin:0 35px 25px;}
.coursemenu li ul{ }
.coursemenu li ul li{ margin:0 14px;}
.coursemenu li ul li a{ padding:0;}
.coursemenu h4 a{ padding:0 !important;}
#div_access .select2-container-multi .select2-choices{    padding: 5px 15px;
    background: none;
    border: 1px solid #ced4da;
    border-radius: .25rem;
}
/*---------------------members page css start here---*/
.member p{ padding-top:0;}
.member-benefits svg{ width:20px; height:20px; margin-right:10px; float:left; margin-top:3px;}
.member-benefits li span{ width:88%;  display:inline-block;}
.member-benefits li .icon-dot{ background:#000; width:7px; height:7px; border-radius:10px; margin-top:9px;}
.member-benefits li{ margin-bottom:15px;}
.locally-sec .mbr-img{ background:#fff;}
.locally-sec .mbr-img img{ opacity:.6;}

/*---------------------Offer Lifesaving Society Programs page css start here---*/
.lifesavingsocietyPrograme .member-benefits li { margin:0 0 10px 0;  }
.lifesavingsocietyPrograme .welcome-content .icon-guard {background: #f06b61; width: 140px; height: 140px;  margin: 30px 0px;}
.lifesavingsocietyPrograme .welcome-content .icon-guard svg { width: 70px; height: 140px; fill: #fff;}
.lifeguading-page .member-benefits li{ margin-bottom:20px;font-size: 16px;}
.teach-LSS li{ width:31%; margin:15px auto 0;}
.aqatic-LSS li{ width:100%; margin:15px auto 0;}
.sitemap h2{ font-size:30px;}
.sitemap h3{ font-size:23px;}
.sitemap h4{ font-size:20px; font-weight:normal; font-family: "gt_walsheimlight";}
.sitemap h5{ font-size:18px; font-weight:normal; font-family: "gt_walsheimlight";}
.backyard-pool-safty .f-20{ font-size:20px; color:#1f5b8c; text-transform:none}




.forgot .checkmark {position: absolute;top: 6px; left: 0; height: 13px; width: 13px; border:solid 1px #333; border-radius: 50%;}
.forgot .container:hover input ~ .checkmark {background-color: #2196F3; border-color: #2196F3;}
.forgot .container input:checked ~ .checkmark {background-color: #2196F3;border-color: #2196F3;}
.forgot .checkmark:after {content: "";position: absolute; display: none;}
.forgot .container input:checked ~ .checkmark:after {display: block;}
.forgot .container .checkmark:after {top: 9px;left: 9px;width: 8px;height: 8px;border-radius: 50%;background: white;}
.forgot .container{   display: block;
  position: relative;
  padding-left: 25px;
  margin-bottom: 12px;
  cursor: pointer;
  font-size: 16px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none; width:48%; display:inline-block;
  user-select: none;}

.container input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
}

.cookies-container { position:fixed; bottom:0; z-index:100; background:#fff; width:100%; border-top:solid 1px #ccc; box-shadow:0 0 5px rgba(0,0,0,0.3)}
.cookies-container .icon {
    width: 15px;
    height: 15px;
    right: 27px;
    position: absolute; fill:#333;
    top: 0px;
    cursor: pointer;
}

.cookies-container .accept{ width: 150px;height: 50px;padding: 15px 0; border:none;}
.cookies-container .closebtn1 svg{position: absolute;right: -50px;top: 20px;}

.course-list{ margin-right:70px;}
.course-list h3{font-family: 'gt_walsheimmedium'; text-transform:uppercase; font-weight:bold;}
.course-list ul li a{ font-size:16px;}
.course-inner .welcome-content{ width:90%; margin:auto;}

 /*---------faq page css-----------*/

.faq .lifeguading-page{ padding-bottom:100px;}

.faq .panel-title > a:before {
    float: right !important;
    font-family: FontAwesome;
    content:"\f068";
    padding-right: 5px; color:#1f5b8c;font-weight:normal;
}
.faq .panel-title a.link-item{ display:none;}



.faq  .panel-title > a.collapsed:before {
    float: right !important;
    content:"\f067";color:#1f5b8c; font-weight:normal;
}

.affiliate-awards  .panel-title > a.collapsed:before {
    float: right !important;
    content:"\f067";color:#1f5b8c; font-weight:normal;
}


.memberlist{ padding:30px; margin-top:30px;}
.memberlist .col-md-6 {  padding:5px 15px; }

.db-perks .past-recipent p{ padding:0; font-size:20px; margin-bottom:8px;}
.db-perks .past-recipent ol li{ margin-bottom:8px;}
.db-perks .past-recipent ul li{ margin-bottom:8px;}
.db-perks .past-recipent ul,.db-perks .past-recipent ol{ padding:0 0 0 13px; margin:0}

.faq .intro a.policy{ display:none;}
.faq .intro a.link-item{ display:block;}

.faq  .panel-title > a:hover, 
.faq  .panel-title > a:active, 
.faq  .panel-title > a:focus  {
    text-decoration:none;
}

.faq .panel { width:100%;  border: 1px solid #59A2AE;    margin: 0 0 -1px 0; background:#fff;
    }

.faq .panel-title a{position: relative;
    color: #1f5b8c;
    cursor: pointer;
    font-size: 17px; display:block;
     margin:0;
    padding: 10px 11px;
}

.faq .panel-body{ padding:0px 15px 15px 15px;}

.Drowing-Banner{ background:#000;}
.Drowing-Banner img{ opacity:.85;}

.liability-ins, .recognition-scholarship, .cwt-honour-resque, .db-perks, .high-school-credit, .funds{ padding-bottom:100px;}

.member-img img{
	padding-top: 0px;
	width: 100%;   -webkit-filter: grayscale(1); transition:all 0.35s;
  filter: grayscale(1);

}
.team-profile:hover img{  filter: none;
      -webkit-filter: grayscale(0);}
.team-profile{ margin-bottom:40px;
 border-top:solid 5px #1f5b8c;

}
.nation-traner .member-social{ min-height:120px;}
.team-profile h4{ margin:0;}
.member-social {
	background: #1f5b8c;  /* fallback for old browsers */
   
    

}

.lifelinerChkbox li{ margin-right:25px !important;}
.member-social .fa{
	color: white;
	padding: 20px 5px;
	font-size: 30px;
}

.member-social .fa:hover {
	color: #5f98f4;
}

.team-data {
	padding-top: 20px;
	padding-bottom: 20px;
}

.donate{ background:#5a97c7}

.career{ padding:100px 0 0; display:none;}
.career .jobs{ background:#fff; border:solid 1px #5796C9; padding:30px; height:100%; display: flex;flex-direction: column; transition:all 0.35s; position:relative;}
.career .jobs .text-color1{ color:#707070}
.career .btn-link{ width:155px; height:50px; padding: 15px 10px; margin-top:auto;}
.career .jobs h4{ font-size:18px;}
.career .jobs p{overflow:hidden}



.mediacategory{ background:#fff;}
.mediacategory h3{ font-size:18px; color:#747474} 
.mediacategory h3 svg{ width:37px; height:37px; margin-top:-9px;}
.mediacategory ul li a{font-size:18px; color:#747474}
.mediacategory ul li svg{ width:20px; height:20px; margin-top:-9px;}
.mediacategory ul{ padding-left:53px;}
.mediacategory a.link-btn{color:#1f5b8c;}
.mediacategory a.link-btn:focus{outline:none;}
.moretext {
  display: none;
}

/*Team media queries*/
@media (max-width: 768px){
	.team-data .col-xs-6 {
		width: 50%;
		padding-top : 10px;
	}
}

/*Services*/

.my-services {
	margin-top: 50px;
}


.service {
	margin-top: 20px;
}

@media (max-width: 768px){
	.img-responsive {
		width: 60% !important;


	}
}

@media (max-width: 320px){
	.my-services img{
		display: none !important;

	}
	.my-services{
		text-align: center;
	}
}

.funds .modal-dialog{ max-width:50%;}
.cwt-honour-resque .icon{ fill:#1f5b8c !important;float: left;margin-right: 10px;}

/*---------liability insurance page css-----------*/
.ApplicationForm .member{ width:auto; margin:0 0 15px;}
.ApplicationForm{ margin-top:50px;}
.ApplicationForm  .find-member .SelectBox{ width:100%; margin-right:0;}

.ApplicationForm .awards input{ margin-right:5px;}
.ApplicationForm .awards label{ cursor:pointer;}
.ApplicationForm .awards h4{ font-size:18px;}

.about .locally-sec{ background:#fff;}
.about .locally-sec img{ opacity:.2}


.popupMap{ display:none; background: rgba(256,256,256,0.8); z-index:10; width:25%; height:97%; position: absolute;top: 50%; left: 20px;margin:auto;transform: translateY(-50%);-webkit-transform: translateY(-50%);-moz-transform: translateY(-50%); padding:15px;}
.popupMap ul li{ font-size:22px; margin-bottom:5px; color:#1f5b8c; width:100%; display:block;}
.popupMap p{ font-size:18px;color:#1f5b8c;}
.popupMap span.close{ cursor:pointer; position:absolute; top:15px; right:15px; z-index:10;}
.popupMap .owl-buttons{ width:100%; position:absolute;bottom:10%; padding:0 20px;}
.popupMap .owl-buttons a{ font-size:22px;color:#1f5b8c;}
.popupMap .owl-buttons .owl-prev{position: absolute;left:0%;}
.popupMap .owl-buttons .owl-next{position: absolute;right: 0%;}
.popupMap  .owl-pagination{ display:none;}
.popupMap .owl-buttons .owl-prev span{ float:right; line-height:44px;}
.popupMap .owl-buttons .owl-next span{ float:left; line-height:40px;}

.top-banner a{ font-size: 26px;
color: #fff;
text-align: center;
position: fixed;
bottom:10px;
z-index: 50;
right: 0;
background: #FF6700 ;  border-radius:5px;
box-shadow: 0 0px 5px rgba(0,0,0,0.5);
display: block;
padding: 10px 12px;
}



.funds-form{ padding:15px;}
.funds-form .member label{ display:inline-block !important; width:90px;}
.funds-form .member .form-control{ display:inline-block; width:100%; border:none; padding:0px; }
.funds-form .member .form-control .w94{ width:94%}
.funds .modal-body{ overflow-y:scroll; height:810px;}

.budget  .form-control{ text-align:center}
.budget h5{ margin-bottom:0;line-height:35px}
.budget label{ margin:0; line-height:35px;}

.db-perks .minus{background: #d52c2c;
font-size: 21px;
color: #fff;
text-align: center; transform: rotate(45deg);
width: 25px;
height: 25px;
border-radius: 35px;
line-height: 18px;
margin-top: 10px;
cursor: pointer;
position: absolute;
top: -20px;
right: 5px;}
.db-perks .plus{ background: #8ed364;font-size: 30px;color: #fff;text-align: center;width: 35px;height: 35px;border-radius: 35px;line-height: 30px; margin-top:10px; cursor:pointer;}
.db-perks  .uploadfile{ display:none;}



.Sanctioning-form{ background:#fff;}
.Sanctioning-form .member label{ width:200px;}
.Sanctioning-form  .follow{margin-top: -7px;margin-left: 10px;}


.resources .bg-blue{ background:#1f5b8c; padding:30px;}
.resources .bg-blue .SelectBox { font-size:25px; background:none; border-bottom:solid 1px #fff; border-top:0px; border-left:0px; border-right:0px;}
.resources .bg-blue .SelectBox i{ font-size:45px;}
.resources .bg-gray{ background:#71a4ce}
.resources .col-md-4{ margin-top:30px;}
.resources  .nav-tabs li{ width:33%; line-height:20px;}
.resources .nav-tabs{ padding:10px 0;}
.life-guard-tab .blueText{ color:#1f5b8c !important}
.resources  .nav-tabs li a{ font-size:20px;}

.resources .show-item{ display:none;}
.resources .current{ display:block;}

.resources .tab-content ul{ padding-left:   50px;}

.resourcesTab ul.member-benefits li{ width:33%; display:inline-block;}
.resourcesTab ul.member-benefits li a{ display:table;}
.resourcesTab a{ padding:0;}
.formContent .form-control{ height:auto; padding:10px 15px;}
.formContent{ width:50%;}
/*Styling Selectbox*/
.bg-blue .dropdown {
  width: 100%;
  display: inline-block;
  background-color:none; 
 border-bottom:solid 1px #fff;

  transition: all .5s ease;
  position: relative;
  font-size: 25px;
  color: #fff;
  height: 100%;
  text-align: left
}
.bg-blue .dropdown .select {
    cursor: pointer;
    display: block;
    padding:5px 20px; height:60px;
}
.bg-blue .dropdown .select > i {
    font-size: 13px;
    color: #888; position: absolute;
right: 10px;
top: 10px; width: 100%;
text-align: right;
    cursor: pointer;
    transition: all .3s ease-in-out;
    float: right;
    line-height: 20px;

}
.bg-blue .bookmark {
    margin-top: -165px;
    padding-bottom: 165px;
    display: block;
}


/*.bg-blue .dropdown:active {
    background-color: #f8f8f8
}*/
.bg-blue .dropdown.active:hover,
.bg-blue .dropdown.active {
    box-shadow: 0 0 4px rgb(204, 204, 204);
    border-radius: 5px 5px 0 0;
    background-color: #f8f8f8
}
.bg-blue .dropdown.active .select > i {
    transform: rotate(-90deg)
}
.bg-blue .dropdown .dropdown-menu {
    position: absolute;
    background-color: #fff;
    width: 100%;
    left: 0;
    margin-top: 1px;
    box-shadow: 0 1px 2px rgb(204, 204, 204);
    border-radius: 0 1px 5px 5px;
    overflow: hidden;
    display: none;
    /*max-height: 144px;*/
    overflow-y: auto;
 
}

.bg-blue .select span{ font-size:22px;  color:#fff;}
.bg-blue .select span p{font-size:22px; color:#fff; display:block; margin:0; }
.bg-blue .dropdown .dropdown-menu li {
    padding: 10px; font-size:22px;  color:#666;
    transition: all .2s ease-in-out;
    cursor: pointer; text-align:left;
} 
.bg-blue .dropdown .dropdown-menu li p{ font-size:22px; color:#847577; display:block;}
.bg-blue .dropdown .dropdown-menu {
    padding: 0;
    list-style: none
}
.bg-blue .dropdown .dropdown-menu li:hover {
    background-color: #f2f2f2
}
.bg-blue .dropdown .dropdown-menu li:active {
    background-color: #e2e2e2
}
.out-stock-btn{ background:#d83030;}
.out-stock-btn:hover{background:#d83030; cursor:default; }
.mobile-tab{ padding:15px 0;  display:none;}
.mobile-tab .dropdown1 {
  width: 85%;

  background-color: #fff; 
 border:solid 1px #dedadc;

  transition: all .5s ease;
  position: relative;
  font-size: 14px; margin:auto;
  color: #474747;
  height: 100%;
  text-align: left
}
.mobile-tab .dropdown1 .select {
    cursor: pointer;
    display: block;
    padding:5px 20px; height:40px; line-height:29px;
}
.mobile-tab .dropdown1 .select > i {
    font-size: 13px;
    color: #888; position: absolute;
right: 10px;
top: 10px;
    cursor: pointer;
    transition: all .3s ease-in-out;
    float: right;
    line-height: 20px;

}

.mobile-tab  .f14{ font-size:14px; margin-bottom:5px;}

.mobile-tab .dropdown1:active {
    background-color: #f8f8f8
}
.mobile-tab .dropdown1.active:hover,
.mobile-tab .dropdown1.active {
    box-shadow: 0 0 4px rgb(204, 204, 204);
    border-radius: 5px 5px 0 0;
    background-color: #f8f8f8
}
.mobile-tab .dropdown1.active .select > i {
    transform: rotate(-90deg)
}
.mobile-tab .dropdown1 .dropdown-menu {
    position: absolute;
    background-color: #fff;
    width: 100%;
    left: 0;
    margin-top: 1px;
    box-shadow: 0 1px 2px rgb(204, 204, 204);
    border-radius: 0 1px 5px 5px;
    overflow: hidden;
    display: none;
    /*max-height: 144px;*/
    overflow-y: auto;
 
}

.mobile-tab .select span{ font-size:18px;  color:#847577; text-transform:uppercase}
.mobile-tab .select p{font-size:15px; color:#847577; display:block; text-transform:capitalize}
.mobile-tab .dropdown1 .dropdown-menu li {
    padding: 10px; font-size:18px;
    transition: all .2s ease-in-out; color:#847577;
    cursor: pointer; text-align:left;
} 
.mobile-tab .dropdown1 .dropdown-menu li p{ font-size:15px; color:#847577; display:block; margin-bottom:0px;}
.mobile-tab .dropdown1 .dropdown-menu {
    padding: 0;
    list-style: none
}
.mobile-tab .dropdown1 .dropdown-menu li:hover {
    background-color: #f2f2f2
}
.mobile-tab .dropdown1 .dropdown-menu li:active {
    background-color: #e2e2e2
} 
.awards-holder .welcome-content p{ padding:0;}

.compete p{ padding:0px;}
.compete .f22{ font-size:22px;}

.support{background:#eee;}

 .passworw-match-box {width: 340px; background: #fff; box-shadow: 0px 0px 4px 0px rgba(0,0,0,0.2); padding: 13px 20px 4px 20px; position: absolute; top: -66px !important; right: -348px;  }
.passworw-match-box .f-medium {margin-bottom: 9px;  font-size: 16px;  font-weight: 500 !important; }
.passworw-match-box:after {position: absolute; content: ''; background: url(/Areas/Admin/Content/images/box-after.png) no-repeat scroll left 0px center; z-index:5; width: 21px; height: 38px; top: 49.5%;left: -21px;transform: translateY(-50%);-moz-transform: translateY(-50%);-webkit-transform: translateY(-50%); }
.passworw-match-box p{ margin-bottom:17px;}
.addaccountPassword p{ padding-top:0;}
 .certification{ padding:0 50px;}

  .head1{ display:block;}
    .head2{ display:none;}

    .cartitem  .icon{ width:20px; height:20px; fill:#333;}


.popup-wrap {width: 100%;height: 100%;display: none;position: fixed;top: 0px;left: 0px;content: "";background: rgba(0, 0, 0, 0.85); z-index:10; }
.popup-box {padding: 35px; z-index:10; translate(-50%, -50%) scale(0.5);transform: translate(-50%, -50%); position: absolute;top: 50%;left: 50%; border: solid 10px #62ebff;box-shadow: 0px 2px 16px rgba(0, 0, 0, 0.5);border-radius:10px;background: #fff;text-align: center;}
.transform-in, .transform-out {display: block;-webkit-transition: all ease 0.5s;transition: all ease 0.5s;}
.transform-in {-webkit-transform: translate(-50%, -50%) scale(1);transform: translate(-50%, -50%) scale(1);}
.transform-out {-webkit-transform: translate(-50%, -50%) scale(0.5);transform: translate(-50%, -50%) scale(0.5);}
.lds-roller {display: inline-block;position: relative;width: 64px;height: 64px;}
.lds-roller div {animation: lds-roller 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;transform-origin: 32px 32px;}
.lds-roller div:after {content: " ";display: block;position: absolute;width: 6px;height: 6px;border-radius: 50%;background: #000;margin: -3px 0 0 -3px;}
.lds-roller div:nth-child(1) {animation-delay: -0.036s;}
.lds-roller div:nth-child(1):after {top: 50px;left: 50px;}
.lds-roller div:nth-child(2) {animation-delay: -0.072s;}
.lds-roller div:nth-child(2):after {top: 54px;left: 45px;}
.lds-roller div:nth-child(3) {animation-delay: -0.108s;}
.lds-roller div:nth-child(3):after {top: 57px;left: 39px;}
.lds-roller div:nth-child(4) {animation-delay: -0.144s;}
.lds-roller div:nth-child(4):after {top: 58px;left: 32px;}
.lds-roller div:nth-child(5) {animation-delay: -0.18s;}
.lds-roller div:nth-child(5):after {top: 57px;left: 25px;}
.lds-roller div:nth-child(6) {animation-delay: -0.216s;}
.lds-roller div:nth-child(6):after {top: 54px;left: 19px;}
.lds-roller div:nth-child(7) {animation-delay: -0.252s;}
.lds-roller div:nth-child(7):after {top: 50px;left: 14px;}
.lds-roller div:nth-child(8) {animation-delay: -0.288s;}
.lds-roller div:nth-child(8):after {top: 45px;left: 10px;}
@keyframes lds-roller {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.div-shift2{ height:100px; position:relative;}


.coastal-adventure .hover-content{padding:20px; position:absolute; top:50%; transform:translateY(-50%)}
.coastal-adventure .hover-content ul{ display:none;}
.coastal-adventure:hover .hover-content ul{ display:block;}
.coastal-adventure ul li span{ font-size:18px;}
.coastal-adventure svg{ fill:#fff;}

.gif-animate{ width:150px; margin: 20px auto 20px; }
.userAlart {
    background: #fceee8;
    border: 1px solid #f6c8b5;
    padding: 8px 10px 8px 10px;
    border-radius: 4px;
    display: inline-flex;
margin: 0 auto 20px;
}

.userAlart .title{float: left;padding-left: 10px;line-height: 30px;}
.userAlart .alert-icon {
    float: left;
    width: 35px;
    height: 35px;
}
.userAlart .close-icon{ float:right; line-height:25px; margin-left:10px;}
.popup-logo {float: left;
    width: 100%;
    text-align: left;

}

.lds-roller{ padding:15px 0;}
 
.swim p{ padding:0px;}
.recent-issue a{ transition:all 0.35s; display:block; background:#000;}
.recent-issue a:hover img{ opacity:.5; transition:all 0.35s;}
.recent-issue a:hover{transform:scale(1.5); ;}

.recent-issue .img-sec{ overflow:hidden;}
.recent-issue .img-sec .spring-text{ display:none;}
.recent-issue .img-sec:hover .spring-text{ left:0; right:0; top:50%; transform:translateY(-50%); display:block;}

.detail-page{ background:#f5f5f5;}
.detail-page .select2-chosen{ width:70%; text-align:center;} 

.cartitem .select2-chosen{ width:65% !important; text-align:center !important; margin:0;} 
.cartitem .tempcoursetype .select2-chosen{ width:85% !important; text-align:left !important; margin:0;} 

.billing-info{ background:#fff;}

.shop-modal .modal-dialog{ max-width:100%; width:40%; top:50%; transform:translateY(-50%) !important ; position:absolute; left:0; right:0; margin:0 auto}
.shop-modal .modal-header{position: absolute;right: 0;top: 0;}
.shop-modal .modal-dialog .form-control{ width:100%;}

.pro-course .select2-container .select2-choice > .select2-chosen{ text-align:left;}
/**/

.add-tocart{position:fixed; right:10px; bottom:10px; z-index:10;}
.add-tocart a.keep-shopping{ background:#333; border-radius:5px; padding:10px; width:190px; margin-right:10px; float:left;height:60px; line-height:37px;text-align: center;}
.add-tocart a.btn-cart{ background:#a315d2; border-radius:5px; padding:10px; width:190px; display:inline-flex; float:left; height:60px; }
.add-tocart p span{ text-decoration:none; background:#333; border-radius:25px; height:25px ; width:25px; color:#fff; display:inline-block; text-align:center; line-height:22px;}
.add-tocart p{ color:#fff; font-size:18px; padding-top:6px;}
.add-tocart svg{ fill:#fff;width: 40px;
height: 40px;}

.keepshopping{ background:#fff; padding:25px; text-align:center;}

.btn-link.focus, .btn-link:focus {

    text-decoration: none;
    box-shadow: none;

}

#cart{max-height: 200px;
overflow-y: auto;}
/* Hide the browser's default radio button for size */
.size .checked{ 
font-size: 18px; position:relative;

padding: 0.5rem 0.75rem;
border-radius: 3px; margin:0;
text-align:center; cursor:pointer;
 color:#707070; display:block;border:solid 1px #707070;     width: 50px !important;    height: 50px  !important;    border-radius: 5px; font-family: "gt_walsheimmedium"; font-size:15px; line-height:35px;

}

.size .checked input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}
.size .checked.active{  background-color: #1f5b8c; color:#fff;}
/* Create a custom checkbox */
/* .size .checkmark {
  position: absolute;
  top: 10px;
  right: 10px;
  height: 25px; border-radius:30px;
  width: 25px; cursor:pointer;
  background-color: #222325; border:solid 1px #1f5b8c
}*/

.size .checked  .check-title{  }
/* On mouse-over, add a grey background color */
 /*input:checked ~ .checked{
    background-color: #ce1200;
}*/


/* When the checkbox is checked, add a blue background */
/* .size .checked input:checked ~ .checkmark {
  background-color: #ce1200;
}*/

/* Create the checkmark/indicator (hidden when not checked) */
.size .checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

/* Show the checkmark when checked */
.size .checked input:checked ~ .checkmark:after {
  display: block;
}

/* Style the checkmark/indicator */
/*.size .checked .checkmark:after {
  left: 9px;
  top: 5px;
  width: 5px;
  height: 10px;
  border: solid white;
  border-width: 0 2px 2px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}*/


/* Hide the browser's default radio button for color */
.pcolor .checked{ 
font-size: 18px; position:relative;

padding: 0.5rem 0.75rem;
border-radius: 3px; margin:0;
text-align:center; cursor:pointer;
 color:#707070; display:block;border:solid 1px #707070;     width: 50px !important;    height: 50px  !important;    border-radius: 5px; font-family: "gt_walsheimmedium"; font-size:15px; line-height:35px;

}

.pcolor .checked input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}
.pcolor .checked.active{  color:#fff;}
/* Create a custom checkbox */
 .pcolor .checkmark {
  position: absolute;
  top: 11px;
  right: 12px;
  height: 25px; border-radius:30px;
  width: 25px; cursor:pointer;
  /*background-color: #222325; border:solid 1px #1f5b8c*/
}

.pcolor .checked  .check-title{ line-height:31px; }
/* On mouse-over, add a grey background color */
 /*input:checked ~ .checked{
    background-color: #ce1200;
}*/


/* When the checkbox is checked, add a blue background */
 .pcolor .checked input:checked ~ .checkmark {
  background-color: #fff;
}

/* Create the checkmark/indicator (hidden when not checked) */
.pcolor .checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

/* Show the checkmark when checked */
.pcolor .checked input:checked ~ .checkmark:after {
  display: block;
}

/* Style the checkmark/indicator */
.pcolor .checked .checkmark:after {
  left: 10px;
  top: 7px;
  width: 5px;
  height: 10px;
  border: solid #5796c9;
  border-width: 0 2px 2px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);


}


.checkout-page  .select2-choice{background: none !important;border: none !important; padding:5px 0 !important; }
.checkout-page  .select2-arrow{background: none !important;border: none !important;}
.checkout-page .select2-chosen{ font-size:18px;}


.changecolor{ background:#f1f1f1 !important ; padding-left:10px  !important;}

.checkout-page .form-control{ height:40px;}
.checkoutform .align-padding{ padding:6px 0px 0px 15px;}
.checkoutform .align-padding-bill{ padding:7px 0px 0px 15px;}
.order-confirm p{ line-height:22px;}


.checkout-page .billing-radio{ padding-left:20px;}

.checkoutform .card-no{ padding-top:6px;  width:150px;}

.order-confirmation .w-30{ width:25%;}
.order-confirmation .w-35{ width:37%;}
.order-confirmation .w-50{ width:50%;}



.varticalmiddal .list-inline-item{ vertical-align:middle; display:inline-block; }


.selectsizethese {
	display: inline-block;
	position: absolute;
	border-bottom: 1px dotted #666;
	text-align: left; top:35px; z-index:1;
	left: 7px;
}

.selectsizethese h3 {margin:12px 0;}

.selectsizethese .bottom {
 
       width:250px;
    top:40px;
    left:0%;
    transform:translate(0%, 0);
    padding:15px 11px 0;
    color:#666666;
    background-color:#fff;
    font-weight:normal;
    font-size:13px;
    border-radius:8px;
    position:absolute;
    z-index:99999999;
    box-sizing:border-box;
    box-shadow:0 1px 8px rgba(0,0,0,0.5);

}

.selectsizethese:hover .bottom {
    display:block;
}

.selectsizethese .bottom i {
    position:absolute;
    bottom:100%;
    left:7%;
    margin-left:-12px;
    width:24px;
    height:12px;
    overflow:hidden;
}

.selectsizethese .bottom i::after {
    content:'';
    position:absolute;
    width:12px;
    height:12px;
    left:50%;
    transform:translate(-50%,50%) rotate(45deg);
    background-color:#fff;
    box-shadow:0 1px 8px rgba(0,0,0,0.5);
}


.selectcoursethese {
display: inline-block;
position: absolute;
/* border-bottom: 1px dotted #666; */
text-align: left;
z-index: 1;
left: 0;
right: 0;
top: -62px;
}

.selectcoursethese h3 {margin:12px 0;}

.selectcoursethese .bottom {
width: 100%;
top: 0;
left: 0%;
transform: translate(0%, 0);
padding: 0 11px 0;
color: #666666;
background-color: #fff;
font-weight: normal;
font-size: 13px;
border-radius: 8px;
position: absolute;
z-index: 99999999;
box-sizing: border-box;
box-shadow: 0 1px 8px rgba(0,0,0,0.5);
}

.selectcoursethese:hover .bottom {
    display:block;
}

    .selectcoursethese .bottom i {
        position: absolute;
        bottom: -12px;
        left: 0;
        margin: auto;
        width: 24px;
        height: 12px;
        overflow: hidden;
        right: 0;
         transform: rotate(-180deg);
    }

.selectcoursethese .bottom i::after {
    content:'';
    position:absolute;
    width:12px;
    height:12px;
    left:50%;
    transform:translate(-50%,50%) rotate(45deg);
    background-color:#fff;
    box-shadow:0 1px 8px rgba(0,0,0,0.5);

}



/*.selectcoursethese i{    position: absolute;
    bottom: 100%;
    left: -5px !important;
    margin-left: 0;
    width: 24px;
    height: 12px;
    top: 43%;

    overflow: hidden;
    transform: rotate(-90deg);}*/
.selectcoursethese .icon{ height:50px;}


.review-beg .size .checked, .review-beg  .pcolor .checked{ cursor:context-menu; line-height:48px; padding:0;}
.review-beg  .select2-container .select2-choice{ padding:9px 15px;}




.size.tablesize .checked.active{ background:none; padding:0px; border:none;}
.size.tablesize .checked{ background:none; padding:0px; border:none;}


.review-beg .h-85{  height:133px;}
.order-confirmation .h-85{  height:125px;}
.order-confirmation .quantity p{ margin-bottom:10px}

.officiate .timeline-holder span:not(.timeline-date):not(.progress-line){top: calc(30%);}


/********14-10-2019********/

.shop-new-heading{border: dashed 2px #fff; padding: 20px; background: #1f5b8c;}
.half-size {width: 55%;right: 33px;left: inherit;}

    .login #username.input-validation-error {
        background: #F6F9F9 url("") no-repeat scroll right 5px top 5px;
        border: 1px solid #f00 !important;
    }

    .login #username.valid {
        background: #ffffff url("") no-repeat scroll right 5px top 5px;
        border: 1px solid #e0e0e0 !important;
    }

    .login #password.input-validation-error {
        background: #F6F9F9 url("") no-repeat scroll right 5px top 5px;
        border: 1px solid #f00 !important;
    }

    .login  #password.valid {
        background: #ffffff url("") no-repeat scroll right 5px top 5px;
        border: 1px solid #e0e0e0 !important;
    }

   
    .login  .error {
        bottom: -20px !important;
        color: #b50007;
        font-size: 14px; text-transform:none;
        font-weight: normal;
        position: absolute;
        left: 0px;
    }

    .login .Invalid {
color: #b50007;
font-size: 14px;
font-weight: normal;
position: absolute;
top: -25px;
text-transform: none;
left: 62%;
right: 0;
text-align: center;
transform: translateX(-60%);
    }



    /***********15-10-19****************/
    .partialmember-alert {position: relative;top: 0;left: 0px;max-width: 840px;margin: 20px 0 0; }
     .partialmember-alert a{ float:right; line-height:20px;}
   .member-list-view {max-width: 855px;padding-left: 15px;}
   .find-member .member{ width:300px; margin-right:15px;}


 .btn-forgot .icon {
    height: 30px;
    width: 30px; fill:#fff;
}

 .btn-forgot .bluebtn {
    padding: 28px 30px;
    font-size: 25px;
    transition: all 0.35s;
    color: #fff;
    border: none;
    height: 90px;
    cursor: pointer;
    text-align: left;
}

  .btn-forgot  .blue-icon{ fill:#333; margin-bottom:20px; cursor:pointer;}
    .btn-forgot  h3{ margin-bottom:25px;}


.covid{ padding:150px 0 70px;}
.covidLink { border:solid 1px #ccc; }
.covidLink a{ padding:15px;}
.covidLink a:hover{background: #1f5b8c;color: #fff;}

#partialmember .print-btn { background:#5796c9; padding: 5px 15px; border-radius:3px; transition:all 0.35s; margin-top:15px; margin-left:15px; display:inline-block;position: absolute;right: 17px; z-index:15;}
#partialmember .print-btn svg{ width:20px; height:20px; fill:#fff; display:inline-block; margin-top:-6px}
#partialmember .print-btn:hover{ background:#1f5b8c}

.drowing-sec .right-bar.Drowningsfont h5{ font-size:55px; line-height:50px;}


.liablity-form .member{ width:100%;}
.liablity-form .postcode1{ width: 47% !important;display: inline-block;}
.liablity-form .phone1{ width: 31% !important;display: inline-block;}

.awards label{ line-height:22px;}
.liablity-form .select2-container .select2-choice{ padding:10px 15px; background:#fff;}
  .liablity-form .form-check{ display:inline-block; width:100px;}

  
.job-bg{ background:#fff; padding:30px; border:solid 1px #ccc; margin:20px 0;}
.job-bg .amenites::before { right:0; line-height:30px; height:35px;}
.job-bg h2{ font-size:22px; font-weight:normal; color:#707070;}
.job-bg h3{ font-size:16px; font-weight:bold; color:#707070; text-transform:uppercase;}


.career{ padding:100px 0 0; display:none;}
.career .jobs{ background:#fff; border:solid 1px #5796C9; padding:30px; height:100%; display: flex;flex-direction: column; transition:all 0.35s; position:relative;}
.career .jobs .text-color1{ color:#707070}
.career .btn-link{ width:155px; height:50px; padding: 15px 10px; margin-top:auto;}
.career .jobs h4{ font-size:18px; color:#707070}
.career .readmorejob{ font-size:16px;}
.career .jobs h3{ font-size:22px; color:#666; margin-bottom:25px;}
.career .panel-title::before {float: right !important; padding-right: 5px;  color: #1f5b8c; font-weight: normal; background:url("/content/images/career-minus.jpg") no-repeat; width:22px; height:22px; content:""}
.career .panel-title.collapsed::before { float: right !important; font-weight: normal; background:url("/content/images/career-plus.jpg") no-repeat;  width:22px; height:22px; content:""}


.btngroup ul li a svg{ width:40px; fill:#5796C9; margin: 13px; height:40px;     position: relative;
    top: -3px;
}
.btngroup ul li a { font-size:13px; color:#707070; font-family: "gt_walsheimbold"; background:#fff;
display: inline-block; width: 255px; text-align:center; text-transform:uppercase;
line-height: 36px; transition:all 0.35s;
height: 65px;}

.btngroup ul li a span {
	border-left: solid 1px #ccc;
	padding: 15px;
	display: inline-block;
	width: 184px;
	line-height: 35px;
}

.btngroup{position: absolute;
top: 50%;
transform: translateY(-50%);
right: 0;
}

.btngroup ul li a:hover{ background:#1f5b8c; color:#fff;}
.btngroup ul li a:hover svg{ fill:#fff;}


/******************************************************************************************************************************************/
@media screen and (max-width: 1850px) {

    .course-list {margin-right: 70px;}
     .course-inner .welcome-content{ width:100%;}
}
@media screen and (max-width: 1680px) {

  /*.home-header #menubar1.header-back {top: 240px;}*/
  .certification {
    padding: 0 140px;
}   

  .formContent {
    width: 55%;
}
  .form .find-member .member{ margin-bottom:30px;}
.form .find-member .field-validation-error{ bottom:13px}
 .date-of-birth .field-validation-error{ bottom:-2px!important}
 .postal .field-validation-error{ bottom:-3px !important;}

 .liablity-form .phone1{ width:30% !important;}

}

@media screen and (max-width: 1660px) {
     .find-member .btn-link { margin-top: auto;}
    .course-list {
    margin-right: 40px;
}
  /*.home-header #menubar1.header-back {top: 240px;}*/
  .detail-page .thumb-slide li {width: 95px; height: 96px;}

.member label{ font-size:16px; line-height:33px;}
h1{ font-size:35px;}
.teach-LSS li{width:37%}
.coastal-adventure .hover-content{ padding:10px; }
.coastal-adventure .hover-content ul li{ margin-bottom:10px;}
.coastal-adventure .hover-content ul li span{ line-height:20px; font-size:14px;}

.userAlart{ width:auto;}
.subtotal{min-height: 213px;}

.desktop-menubar li a{ padding:0 15px 0px;}
.desktop-menubar .my-account{ padding:0 7px;}
.review p{ font-size:14px;}
.checkout-page .form-control{ font-size:14px;}
.checkout-page .select2-chosen {
    font-size: 14px;
}




.field-validation-error span {
    font-size: 14px !important;
}
.checkoutform .align-padding{ padding:10px 0px 0px 15px;}

.checkoutform .align-padding-phone{ padding-top:9px;}
.checkoutform .align-padding-bill{ padding:9px 0px 0px 15px;}


.checkoutform .card-no{ width:120px; padding-top: 10px;}
.checkoutform  .postal-width{ width:180px;}


.order-confirmation .w-30{ width:30%;}
.order-confirmation .w-35{ width:46%;}

.review-beg .h-85{  height:99px;}
.order-confirmation .h-85{  height:91px;}

.coursemenu li{ margin:0px 14px 25px;}

.officiate .timeline-holder span:not(.timeline-date):not(.progress-line) {

    top: calc(28%);

}


  .half-size {width: 70%;}
   .review-beg .select2-container .select2-choice {
    padding: 9px 1px;
}
   .responsive1600{ width:110px !important;}

   

    /***********15-10-19****************/


  }


    .footer-top-bg .news-letter .btn-link{ width: 130px;height: auto;padding: 15px;border:solid 1px #5796c9 !important;}
      .footer-top-bg .news-letter .btn-link:hover{ border:solid 1px #fff !important;}
         .footer-top-bg .form-control{ height:50px; box-shadow:none;}


.newsletter-header{ position:relative; right:0;}
.dropdown-content.show{ display: block;bottom: -186px;}

@media screen and (max-width: 1500px) {
/*---------------------Home page css start here---*/
.course-inner .container-fluid{ padding:30px;}

.list-inline-item:not(:last-child) {margin-right: 0;}
.desktop-menubar li.first { margin-right: 20px !important;}

.dropdown-content li a{ padding:0px;}
.desktop-menubar h4 a{ padding:0;}

/*---------------------drowing page css start here---*/
.education-sec .content{ width:50%;}
.maplist{ width:25%;}
.half-size {width: 75%;}
    .popupMap .pagging a{ font-size:15px;}
      .popupMap .pagging a img{ width:20px;}
        .review p{ font-size:13px;}

        .order-confirmation .w-35{ width:50%;}
        .formContent {
    width: 70%;
}
      .btngroup ul li a {
	font-size: 13px;
	color: #707070;
	font-family: "gt_walsheimbold";
	background: #fff;
	display: inline-block;
	width: 236px;
	text-align: center;
	text-transform: uppercase;
	line-height: 36px;
	transition: all 0.35s;
	height: 40px;
}
      .btngroup ul li a svg {
	width: 40px;
	fill: #5796C9;
	margin: 6px;
	height: 32px;
	position: relative;
	top: -3px;
}
      .btngroup ul li a span {
	border-left: solid 1px #ccc;
	padding: 3px;
	display: inline-block;
	width: 173px;
	line-height: 35px;
}

}
@media screen and (max-width: 1440px) {
    body{font-size:19px;}
 .resources .tab-content ul {
    padding-left: 0px;
}
 .course-inner .welcome-content {
    width: 100%;
}

 .course-list {
    margin-right: 20px;
}
    .close-btn {top: 10px;}
    /*.home-header #menubar1.header-back {top: 225px;}*/
    .popup {width: 80%;}
    .black-bg-overlay {overflow-y: scroll;}
    .teach-LSS li {width: 42%;}

    .desktop-menubar .first img{ }

    .desktop-menubar li a{ font-size:14px;}
    .desktop-menubar li a svg {width: 20px; height: 20px;}

    

    .dropdown-content .mega-title{ font-size:35px;}
    .education-sec .content1{ width:60%;}
    .resource-sec h4{ font-size:35px;}
    .head1{ display:none;}
    .head2{ display:block;}
    .member-social{ min-height:105px;}
    .footer-top-bg a{ font-size:15px;}
    .userAlart { width: auto;}
      .userAlart  span{ font-size:16px;}
      .education-sec .content1 {width: 90%; left:30px; }
      .measurements label{ font-size:14px;}
      .review p{ font-size:11px;}
      .review{ padding:15px;}

      .cvvnumber .field-validation-error  { bottom:0px; line-height:15px;}
        .cvvnumber .field-validation-error  { bottom:-18px; line-height:15px; width:100px;}
        .certification {
    padding: 0px 137px;
}

      .review-beg .h-85{  height:82px;}
      .dropdown-content ul li{ line-height:normal;}
      .officiate .timeline-holder span:not(.timeline-date):not(.progress-line) {top: calc(28%);}


/********14-10-2019********/
.small-btn { width: 110px;  padding: 15px 0px; height:50px;}
.btn-forgot h3 {
    margin-bottom: 24px;
}



}

@media screen and (max-width: 1366px) {
    .login .form-control {width: 22%;}
    .lifeguading-page .left-bar::before {top: 15%;}
  
    /*.home-header #menubar1.header-back {top: 217px;}*/
    .popup {padding: 20px;}
    detail-page .carousel-inner { width: 75%; margin-left:55px;}
    .detail-page .thumb-slide li { width: 74px; height: 74px;}
    .ApplicationForm .awards h4 {font-size: 16px;}
    .ApplicationForm .awards label {font-size: 14px;}
    .find-member label {font-size: 16px;}
    .find-member h5{ font-size:18px;}
        .teach-LSS li{ width:48%;} 
        .resourcesTab ul li{ width:31%;}
          .resourcesTab ul li a{ font-size:16px}
          .coastal-adventure ul li span {font-size: 16px;}
           .coastal-adventure h3{ font-size:25px;}
           .resourcesTab ul.member-benefits li { width: 90%;}
     
           .order-confirmation .w-30 {
    width: 28%;
}
           .course-list {
    margin-right: 10px;
}
            .course-inner .container-fluid{ padding:0 50px;}

.dob .field-validation-error{ bottom:-3px !important; width:145px;}
           
.certification {
    padding: 0px 59px;
}

.review-beg .h-85 {height: 73px;}
          
.dropdown-content .container-fluid {

    padding: 0 50px !important;

}
   

/********14-10-2019********/

  .breakpoint{ display:block;}
    .btn-forgot h3 {
    margin-bottom: 25px;
}
}


@media screen and (max-width: 1280px) {
    .course-inner .container-fluid {
    padding: 0 20px;
}
    .dropdown-content .container-fluid {padding: 0 10px !important;}
    /*.home-header #menubar1.header-back {top: 208px;}*/
    h1 {font-size: 30px;}

    .desktop-menubar .container-fluid{ padding:0px 50px;}
  .desktop-menubar li a {
    padding: 0 22px;
}

  .certification {
    padding: 0px 0px;
}
  .desktop-menubar li a {

    padding: 0px 15px;

}
 .review-beg .h-85{  height:64px;}
 .our-programme h4{ font-size:20px;}
 .drowing-sec .right-bar p{ font-size:16px;}

 /********14-10-2019********/
 .job-table.table td, .job-table.table th{ font-size:16px;}
 .half-size { width: 100%; padding-right:80px; right:0;}

 .popupMap{ width:30%;}

 .login{ float:right;}

}
@media screen and (max-width: 1199px) {
    /*---------------------Home page css start here---*/
.container-fluid{ padding:0px 20px;}

.desktop-menubar li{ margin:0 5px;}
.desktop-menubar li:last-child { margin-left: 10px;}
.desktop-menubar li.first{ margin-right:0 !important; top:-6px;}
.waterSmart .card-img-overlay .content-item{ top:30%;}

.event .event-px {padding: 0 20px;}
.event .event-pr{ padding-right:20px;}
.event .event-pr .col-lg-12 {margin-bottom: 26px;}
.desktop-menubar li a {padding: 32px 2px 31px;}
.banner .content-item { top: 60%; transform: translate(0,-55%);}
.education-sec .content1 {width: 90%; padding:15px !important}
body {font-size: 17px;}
.detail-page .modal-dialog {
    max-width: 80%;
}
.detail-page .carousel-inner {
  width: 82%;
margin-left: 60px;
}
.detail-page .thumb-slide{width:100%;}
.detail-page .thumb-slide li {
    width: 50px; margin-bottom:9px;
    height: 50px;
}
.popupMap .pagging{ top:auto; bottom:20%;}

.detail-page h2{ font-size:30px;}
/*---------------------drowing page css start here---*/
.one-day span.big {font-size: 20px;}
.maplist{ width:30%;}
.drowing-sec-inner .right-bar p{ font-size:18px;}
.drowing-sec-inner h3{ padding-left:18px;}
.education-sec .content{ width:70%;}
.dropdown-content li a{ padding:0px;}
.education-sec .content1 p {font-size: 17px;}
/*---------------------lifeguard page css start here---*/
.stem-wrapper .stem, .stem-wrapper .stem-background{ left:-90px;}
.lifeguading-page .left-bar1::after { top:40px;}
.lifeguading-page .left-bar::before { top:40px;}
.drowing-sec-inner .when-sec{ padding-left:34px;}
.close-btn {top: 5px;font-size: 30px;height: 30px;width: 30px;line-height: 28px;}

/*.home-header #menubar1.header-back {top: 182px;}*/
.close-btn {top: 17px;}

.small-btn {width: auto; padding: 15px 15px; height: auto;
}
.find-member .btn-link {
    margin-top: 25px;
}
.resourcesTab ul li {
    width: 48%;
}
.coastal-adventure .hover-content{ padding:10px;}
.lifeguading-page .member-benefits li{ line-height:20px;}

.form-item{ width:100% !important}

.life-guard-tab .nav-tabs li a{ font-size:14px;}


/********14-10-2019********/
.small-btn { width: 120px;}

.formContent {width: 90%;}
    .btn-forgot h3 {
    margin-bottom: 24px;
}

    .mobile-menu .main-logo{ width:100px; margin:0 auto; display:block;}
.mobile-menu .main-logo img{ width:100%;}

}

@media screen and (max-width: 991px) {
    /*---------------------Home page css start here---*/
     .course-inner .course-list { width:100%;}
     .course-inner li.list1{ width:33%;}
    .userAlart .title{ line-height:20px;}

    .login h4 {
        width: 100%;
    }

    .welcome-content {
        padding: 50px 0;
    }

    .programme-item .icon {
        width: 100px;
        height: 100px;
    }

        .programme-item .icon svg {
            width: 50px;
            height: 100px;
        }

    .programme-item h4 {
        font-size: 16px;
        font-family: 'gt_walsheim_proregular';
        padding-top: 20px;
    }

    .waterSmart {
        padding: 50px 0 0;
    }

        .waterSmart .card-img-overlay .content-item a.btn-link {
            width: 120px;
            height: 38px;
            padding: 9px 0;
        }

        .waterSmart .card-img-overlay .content-item h4 {
            padding-bottom: 20%;
        }

            .waterSmart .card-img-overlay .content-item h4.pool-mb {
                padding-bottom: 7%;
            }
.order-title{ padding-top:90px;}
    .drowing-sec {
        margin-top: -180px;
        padding: 200px 0 0;
    }

        .drowing-sec .right-bar p {
            font-size: 18px;
        }

        .drowing-sec .right-bar h5 {
            margin-top: 30px;
            font-size: 34px;
        }

        .drowing-sec .drowing-static {
            padding: 50px 0;
        }

        .drowing-sec h3 {
            padding-top: 30px;
        }

    .drowing-static .col-md-3 {
        max-width: 20% !important;
    }

    .drowing-sec .right-bar p {
        font-size: 15px;
        font-family: 'gt_walsheimbold';
    }

    .drow-lifeguard .content-lifeguard p {
        font-family: 'gt_walsheimbold';
        font-size: 20px;
    }

    .drow-lifeguard .content-lifeguard .life-save-img {
        width: 60px;
    }

    .event-content {
        bottom: 10px;
        padding: 0 20px 0 20px;
    }

    .event .event-px {
        padding: 0 14px;
    }

    .event .event-pr {
        padding-right: 16px;
    }

    .footer-top-bg ul.social {
        padding-top: 0;
    }

    .footer-top-bg .ft-mid p:nth-of-type(1) {
        margin-bottom: 70px !important;
    }

    .footer-top-bg .ft-mid {
        padding-top: 51px;
    }

    .footer-top-bg h4.mb-md {
        margin-bottom: 35px;
    }

    .footer-top-bg .form-item.w-75 {
        width: 100% !important;
        margin-top: 40px;
    }

    .footer-top-bg .form-item {
        padding: 0px;
    }

    .footer-top-bg .btn {
        width: 55px;
    }


    .login .form-control {
        width: 28%;
    }

    .footer-top-bg .footer-mid p {
        padding-bottom: 10px;
    }

    .footer-top-bg .footer-mid {
        padding: 20px 0;
    }

    .banner .content-item {
        left: 30%;
        transform: translate(-50%,-50%);
        top: 50%;
    }

    .login p {
        width: 100%;
        margin-bottom: 20px !important;
    }

    .login .form-control {
        width: 100%;
        margin: 0 0 15px;
    }

        .login .form-control:nth-of-type(2) {
            margin-right: 0px;
        }

    .login .btn {
        margin: 0px auto 0;
    }

    .login h4 {
        color: #fff;
        font-size: 20px;
        margin-bottom: 15px !important;
    }

    .toggled .login {
        background: #153957;
        padding: 20PX 30PX;
        position: fixed;
        bottom: 0;
        z-index: 10;
    }

    .resourcesTab ul.member-benefits li {
    width: 100%;
}
    /*---------------------drowing page css start here---*/
    .one-day p {
        font-size: 60px;
    }

    .one-day span.big {
        font-size: 18px;
    }

    .free-drow {
        padding-bottom: 20px;
    }

    .maplist {
        width: 35%;
        top: 65px;
    }

    .drowing-sec-inner .drowing-static {
        padding: 0px;
    }

        .drowing-sec-inner .drowing-static .right-bar p {
            margin-bottom: 0px;
        }

        .drowing-sec-inner .drowing-static .m-width {
            margin-bottom: 40px;
        }

    .drowing-sec-inner .when-sec {
        margin-bottom: 10px;
    }

    .swim-sec .container-fluid {
        padding: 0px 30px;
    }

    .swim-sec {
        padding: 50px 0 0;
    }

    .drowing-sec-inner .post-wrapper .post .post-content {
        text-align: center;
    }

    .drowing-sec-inner .when-sec p {
        text-align: left;
    }

    .drowing-sec-inner h3 {
        padding-left: 45px;
        text-align: left;
    }

    .drowing-sec-inner .when-sec .cale {
        margin-top: 30px;
        margin-bottom: 70px;
        margin-left: 25px;
    }

    .drowing-sec-inner .when-sec .to {
        width: 7%;
        margin-right: 0 !important;
        margin-top: 32px;
    }

    .drowing-sec-inner .when-sec p {
        font-size: 23px;
    }

    .drowing-sec-inner .post-wrapper .post .stem-overlay {
        left: -19px !important;
    }

    .drowing-sec-inner p.small-text {
        padding-left: 57px !important;
        margin-bottom: 0;
    }

    .drowing-sec-inner .post-wrapper .post {
        padding-left: 30px;
    }

    .swim-sec .tab-list {
        background: #f5f5f5;
        padding-bottom: 50px;
    }

    .drowing-sec-inner .post-wrapper {
        padding-bottom: 0px;
    }

    .education-sec .content1 {
        width: 60%;
        left: 11px;
    }

    .swim-sec .content1 {
        top: 60%;
    }



    .education-sec .content1 p {
        display: none;
    }

   
    /*---------------------lifeguarding page Content css start here-----------------------------*/


    .life-guard-tab.wtrsmart .nav-tabs li {
        width: 19%;
        display: table-cell !important;
    }

    .life-guard-tab .nav-tabs li a {
        font-size: 14px;
    }

    .life-guard-tab .nav-tabs {
        padding: 10px 0;
    }

        .life-guard-tab .nav-tabs .nav-item.show .nav-link, .life-guard-tab .nav-tabs .nav-link.active::before {
            bottom: -20px;
        }

    .lifeguading-page .blg {
        padding: 40px 0;
        text-align: center;
    }

    .lifeguading-page .welcome-content .icon-guard {
        width: 90px;
        height: 90px;
        margin-bottom: 20px;
        margin-top: 20px;
    }

        .lifeguading-page .welcome-content .icon-guard svg {
            width: 40px;
            height: 90px;
        }

    .lifeguading-page .locally-sec {
        padding: 0px;
    }

    .resource-sec {
        padding-bottom: 50px;
    }

    .stem-wrapper .stem, .stem-wrapper .stem-background {
        left: -107px;
    }

    .post-wrapper {
        padding-left: 0px;
    }

    .steps .post-wrapper .post .stem-overlay {
        left: 10px !important;
    }

    .post-wrapper .post .post-content {
        text-align: left;
    }

    .steps .post-wrapper .post .stem-overlay {
        top: 70px;
    }

    .lifeguading-page .work-sec {
        padding-bottom: 0px;
    }

    .timeline-holder span:not(.timeline-date):not(.progress-line) {
        top: 100px;
    }

    .lifeguading-page .section-inner p {
        font-size: 18px;
        line-height: 22px;
    }

    .lifeguading-page .section-inner h3 {
        margin-bottom: 0px;
    }

    .content-area {
        padding-left: 30px;
    }

    .left-area::before {
        left: 15px;
    }

    .timeline-holder span:not(.timeline-date):not(.progress-line) {
        left: 55px;
    }

    .lifeguading-page .left-area::before {
        left: -8px;
    }

    .lifeguading-page .timeline-holder span:not(.timeline-date):not(.progress-line) {
        left: 0px;
    }

    .job-table.table td, .job-table.table th {
        font-size: 13px;
        padding: 2rem 2px;
    }
    /*.home-header #menubar1.header-back {top: 155px;}*/
    #menubar1.sticky1, .home-header #menubar1.sticky1 {
        top: 0 !important;
    }

    .drowing-sec-inner .right-bar p {
        font-weight: 600;
    }

    .when-sec h5 {
        margin-left: -32px;
    }

    .when-sec .col-md-9 {
        padding-left: 0;
    }

    .when-sec .col-md-3 {
        padding-right: 0;
    }

    .content-area {
        padding-top: 30px;
    }

    .drowing-sec-inner p.small-text {
        margin-bottom: 50px;
    }

    span.drow:not(.timeline-date):not(.progress-line) {
        top: -9px;
    }

    .PointerMap {
        margin-bottom: 50px;
    }

    .amenites::before {
        font-size: 50px;
        top: -17px;
    }

    .job-table .small-btn {
        width: 130px;
        padding: 20px 20px;
    }

    .programme-item a:hover .icon svg {
        width: 65px;
    }

    .banner, .Drowing-Banner {
        padding-top: 75px;
    }

    /*---------------------about us page Content css start here-----------------------------*/
    .about .valuesec li span {
        width: 88%;
    }

    .jobinput {
        width: 55%;
    }

    h2 {
        font-size: 35px;
        font-family: 'gt_walsheimlight';
        color: #323131;
    }

    .small-btn {
        padding: 24px 10px; width:auto;
    }

    .carousel-inner {
        width: 80%;
    }

    .thumb-slide {
        width: 20%;
    }

    .thumb-slide {
        width: 100%;
        float: none;
    }

    .carousel-inner {
        width: 100%;
    }

    .thumb-slide li {
        width: 142px;
    }

    .checkout-page .container {
        padding-right: 30px;
    }

    .checkout-page .checkoutform {
        padding: 30px;
    }

    #myHeader {
        display: block !important;
    }

    .backitem {
        display: none;
    }

    .find-member .member {
        width: 50%;
    }

    .find-member .btn-link {
        margin-top: 25px;
    }

    .shopLogin {
        padding-top: 60px;
    }

    .resource-sec h4 {
        font-size: 23px;
    }

    .transfer-award .find-member label {
        font-size: 16px;
    }

    .funds .modal-dialog {
        max-width: 90%;
    }

    .footer-top-bg .form-item .btn {
        right: 0;
    }

    .ApplicationForm .find-member .member {
        width: auto;
    }

    .ApplicationForm .find-member .SelectBox {
        min-width: unset;
    }

    .wtrsmart .locally-sec {
        padding-bottom: 0px;
    }

    .find-member h5 {
        margin-top: 25px;
    }

    .popupMap .pagging a {
        font-size: 20px;
    }

    .popupMap .pagging {
        width: 95%;
        left: 16px;
        bottom: 10%;
    }

    .popupMap ul li {
        font-size: 18px;
    }

    .budget h5 {
        font-size: 17px;
    }

    .budget label {
        font-size: 14px;
    }

    .hidenshow {
        left: 0;
        transform: translateX(-0%);
    }

    .life-guard-tab .nav-tabs li {
        width: auto;
    }

    .life-guard-tab .nav-tabs{ height:auto;}
    .resources .nav-tabs li a {
        font-size: 18px;
    }

   

    .lifeguading-page .member-benefits li {
        line-height: normal;
        font-size: 18px;
    }

    .coastal-adventure h3 {
        font-size: 32px;
    }

    .coastal-adventure {
        margin-bottom: 20px;
    }

    .drowing-sec-inner .left-area::before {
        left: 0;
    }

     .drowing-sec-inner  .timeline-holder span:not(.timeline-date):not(.progress-line){left: 39px;}
    .drowing-sec-inner span.drow:not(.timeline-date):not(.progress-line){ top:20px;}

    .liability-ins, .recognition-scholarship, .cwt-honour-resque, .db-perks, .high-school-credit, .funds {
    padding-bottom: 50px;
}

    .member-social {
    min-height: 0;
}
    .resourcesTab ul.member-benefits li{ width:75%;}
    .resources .tab-content ul {padding-left: 0;}

    .padding-60 {padding-top: 90px !important;}

    .ASM .life-guard-tab .nav-tabs li{ width:19%;}

        .officiate .content-area {padding-left: 50px;}
        .officiate .timeline-holder span:not(.timeline-date):not(.progress-line) { top: calc(13%);}
        .partialmember-alert span {font-size: 15px;}

            .btn-forgot h3 {
    margin-bottom: 25px;
}
.date-of-birth .field-validation-error {
    bottom:13px !important;
}

.popupMap {
    width: 50%;
}


.btngroup ul li a svg { margin: 0 10px; top: 0px;}
.btngroup ul li a span{ vertical-align:middle; padding:0}
.btngroup{ top:60%;}
}



@media screen and (max-width: 767px) {
    .popupMap {
    width: 90%;
}
    .lifeguading-page {
    padding-top: 94px;
}

    .course-inner li.list1{ width:100%;}
    .mobile-tab .select span{ font-size:16px;}
  .mobile-tab{ display:block;}
  .life-guard-tab{ display:block}
  .welcome-content{ padding-top:20px;}
    .nav-tabs { display:block !important;}

    h1 {
        font-size: 32px;
    }

   h2 {
	font-size: 30px;
}

   h3{ font-size:25px;}
    .banner .content-item {
        left: 50%;
    }

    .banner .btn-link {
        width: 175px;
    }

    .waterSmart p {
        padding-top: 20px;
    }



    .waterSmart .owl-buttons {
        display: none;
    }

    .drowing-sec {
        margin-top: 40px;
        padding: 50px 0 0;
    }
    .detail-page .carousel-inner { width: 100%;  margin-left: 0;}
    .waterSmart .card {
        margin-bottom: 10px;
    }

    .waterSmart .service-slider .owl-dots {
        margin-top: 0;
        position: absolute;
        width: 100%;
           bottom: 30px;
    left: 0;
    right: 0;
    margin: auto;
    text-align: center;
    }
    .lifeguading-page .member-benefits li span{ font-size:16px;}
        .waterSmart .service-slider .owl-dots .owl-dot  {
            background: #fff;
            border: solid 1px #ccc; width:10px; height:14px; border-radius:10px; margin:0 5px;
            opacity: 0.9;
        }

        .waterSmart .service-slider .owl-dots .owl-dot.active , .service-slider .owl-dots.clickable .Z:hover span {
            background: #5796c9;
            opacity: 0.9;
        }

    .drowing-sec .drowing-static .right-bar p {
        padding-top: 20px;
    }

    .drowing-static .col-md-3 {
        max-width: none !important;
    }

    .event .event-px {
        margin-bottom: 20px;
    }

    .event .event-pr .col-lg-12 {
        margin-bottom: 20px;
    }

    .event {
        padding: 50px 0;
    }

    .footer-top-bg .ft-mid::before {
        border-left: none;
    }

    .footer-top-bg .ft-mid::after {
        border-right: none;
    }

    .footer-top-bg .news-letter::after {
        border-bottom: solid 1px #5796c9;
        width: 100%;
        height: 1px;
        content: "";
        position: absolute;
        top: 10px;
        left: 0;
        margin-top: 0px;
    }

    .footer-top-bg .ft-mid p:nth-of-type(1) {
        margin-bottom: 30px !important;
    }



    .footer-top-bg h4.mb-md {
        margin-bottom: 15px;
    }

    .footer-top-bg .form-item.w-75 {
        margin-top: 20px;
    }

    .footer-top-bg ul.social {
        padding-top: 20px;
    }

    .footer-top-bg .footer-mid {
        border: none;
    }

        .footer-top-bg .footer-mid p {
            padding-bottom: 0px;
        }

    .footer-top-bg .footer-mid {
        padding: 0px 0 20px;
    }

    .drowing-sec-inner .right-bar span.bg-none {
        display: block !important;   position: static !important;
        width: 50px;
        margin: 0 auto 33px;
        left: auto;
        transform: translate(0) !important;
    }
    .shopLogin .panel-login .btn-link {
    padding: 15px 30px;
    height: auto; width:100%;
}
.shopcate h4{ font-size:25px !important;}
.shopcate .title{ width:60%;}
.shopLogin .panel-login .form-control {

    width: 100%;
}
.shopLogin .order-summery {

    padding: 30px 25px;
}
    .detail-page .thumb-slide {
        display: none;
    }

 .resourcesTab  .life-guard-tab {display: block;}
 .resourcesTab ul.member-benefits li { width: auto;}
.resourcetab{ display:none !important;}

/*---------------------drowing page css start here---*/
.one-day { padding-top: 30px !important;}
.maplist {width: auto;  position: static; margin-top:20px;}
.drowing-sec-inner .drowing-static .m-width { margin-bottom: 30px;}
.drowing-sec-inner h3{ margin-bottom:10px; padding-top:30px;}
.drowing-sec-inner .right-bar p {font-size: 16px; }
.drowing-sec-inner .right-bar h5{ font-size:25px;}
.drowing-sec-inner .drowing-static .right-bar p{padding-top:30px;}
.swim-sec .btn-link{ margin:auto; display:block;}
.drowing-sec-inner .post-wrapper .post{ padding-left:0;}
.post-wrapper .post{ width:auto;}
.drowing-sec-inner p.small-text{ margin-bottom:20px;}
.stem-padding, .single-stem-icon{ display:none;}

.education-sec .content1 {left: 0; right: 0; margin: auto;}
.swim-sec .content1 {top: 50%;}
.drowing-sec-inner h3{ text-align:center !important; padding:0;}

/*---------------------lifeguarding page Content css start here-----------------------------*/
.lifeguading-page .blg{ text-align:left;}
.lifeguading-page .welcome-content{ padding-bottom:0px;}
.post-wrapper{ padding:0px;}
.post-wrapper .post .post-content{ margin-left:0px !important}
.post-wrapper .post .stem-overlay{ display:none;}
.stem-wrapper .stem-background{ background:none;}
.left-area.bluecolor::before {display: none;}
.timeline-item span {display: none !important;}
.content-area{padding: 20px 0 0;}
.close-btn {top: 4px;}
.popup {top: 63%;width: 100%;}
.amenites::before {right: 0px;}
.jobinput {width: 100%;  padding: 18px !important;}

.programme-item a:hover .icon svg {width: 60px;}

.carousel-inner {width: 100%;}
.thumb-slide {width: 100%; display:none; }
.thumb-slide li{ display:inline-block}

.detail-page .modal-dialog {max-width: 100%;}

.detail-page .modal-dialog h3{ font-size:15px;}
.detail-page .modal-dialog h4{ font-size:15px;}
.detail-page .modal-dialog p{ font-size:14px;}
.detail-page .modal-dialog .modal-title{ font-size:18px;}
.checkout-page .container{ width:100%;}
.lifesavingsocietyPrograme .member-benefits li {width: 100%;}

.find-member .d-flex{ display:block !important;}
.find-member .member {width: 100%; margin-bottom:20px;}
.find-member .SelectBox{ margin-right:0px; min-width:auto;}

.shopLogin .panel{ padding:20px;}
.shopLogin .btn-login{ margin-top:20px;}

.shopLogin .panel-login .btn-link{ width:70%;}
   .toggled .login{ position:relative; padding:25px;}
   .liability-ins, .recognition-scholarship, .cwt-honour-resque, .db-perks, .high-school-credit, our-history, .funds {
    padding-bottom: t0px;
}
.teach-LSS li{ width:auto; display:block;}
.resourcesTab ul li {width: 100%;}

.waterSmart .content-item h4{ font-size:23px;}

.officiate .content-area{ padding:0PX;}
.timeline-item{ display:none;}
.btn-forgot .bluebtn{ width:100% !important; font-size:14px; padding:21px 18px; height:65px;}
.btn-forgot .icon{ width:30px; height:30px; }

.btn-forgot{ height:286px;}
      .top-banner a{ font-size:20px; padding:5px;}

.mobile-menu .main-logo{ width:110px;}
}

@media screen and (max-width: 575px) {

 

    .liability-ins, .recognition-scholarship, .cwt-honour-resque, .db-perks, .high-school-credit, our-history, .funds {
    padding-bottom: 20px;
}

    .resourcesTab ul.member-benefits li {
    width: 100%;
    display: inline-block;
}
        .life-guard-tab .nav-tabs li {width: 47% !important; display:inline-block !important;}
         .life-guard-tab .nav-tabs li a.active{ font-weight:bold; font-size:16px;}
         .coastal-adventure h3{ font-size:27px}
         .coastal-adventure .hover-content ul li span{ line-height:16px;}
.mobile-tab .dropdown1 .select{ padding:5px 10px}
.mobile-tab .dropdown1{ width:95%;}
.welcome-content { padding: 30px 0;}
.welcome-content p {padding-top: 20px;}
.waterSmart .owl-theme .owl-controls{ bottom:20px;}
.drowing-sec .col-sm-6{ max-width:50%; margin-top:30px;}
.drowing-sec .right-bar p{ font-size:16px; font-family: 'gt_walsheim_proregular';}
.drowing-sec .drowing-static{ padding:20px 0;}
.drowing-sec .drowing-static p { padding-top: 10px;}
.drowing-sec h3{ font-size:22px;}
.drowing-sec .drowing-static .col-sm-5{ max-width:50% !important; margin:0 !important}
.drowing-sec .drowing-static .col-sm-5 p{ font-size:20px; font-family: 'gt_walsheimbold'; }
.drowing-sec .drowing-static .m-width{ max-width: 33% !important; margin: 0 !important; padding:0;}
.drowing-sec .drowing-static .m-width h5{ font-size:20px; font-family: 'gt_walsheimbold';}
.drowing-sec .drowing-static .m-width p{  font-size:16px; font-family: 'gt_walsheimbold';}
.drowing-sec .drowing-static .m-width h5 span { font-size: 20px;}
.drowing-sec .drowing-static p.small-text{ padding:0px !important;}
.drowing-sec h3{ padding-top:0px; margin-bottom:50px;}
.drowing-sec .drowing-static .where .iconRow img{ width:50px !important;}
.drowing-sec .drowing-static .where .iconRow img.o-img{ width:30px !important;}
.drowing-sec .drowing-static .where .right-bar h5{ font-size:22px;font-family: 'gt_walsheimbold'; margin-top:15px !important}
.drowing-sec .drowing-static .where .right-bar p { padding-top: 15px !important;}

.drow-lifeguard .content-lifeguard p{ font-size:16px; font-family: 'gt_walsheim_proregular'; margin-bottom:0;}
.drow-lifeguard .content-lifeguard h5{ font-size:22px; margin: 20px 0 10px;}
.drow-lifeguard .content-lifeguard .life-save-img {width: 40px;}
.event {padding: 20px 0;}

.banner .owl-theme .owl-controls{ bottom:0;}
.banner .content-item{ top:auto; bottom:30px;}
.banner .owl-buttons{ top:-170px;}

.header-middle-bg li a{ font-size:18px;}
.header-middle-bg li a:hover::before{ height:37px; width:20px; left:-12px;}
.header-middle-bg li a:hover::after{ height:37px; width:20px; right:-12px;}

#nav-icon4{ width:35px; height:25px;}
#nav-icon4 span{  height:3px;}
#nav-icon4 span:nth-child(2){top:10px;}
#nav-icon4 span:nth-child(3){top:20px;}
.mobile-menu .call svg{ width:25px; height:25px;}
.mobile-menu .call { padding-top: 0;}

.left-area.bluecolor::before {display: none;}
.timeline-item span {display: none !important;}
.content-area {padding: 0;}
.event-content {right: 0;left: 0;text-align: center;}
.education-sec .content1 p{ display:none;}
.education-sec .content1 h3{ font-size:27px; margin-bottom:0px;}
.education-sec .content1 ul li a{ font-size:14px;}
.education-sec .content1{width:90%;}
.swim-sec .content1 h2{ font-size:30px;}
.education-sec .content1{ top:50%;}


/*---------------------drowing page css start here---*/
.Drowing-Banner .content-inner p {font-size: 28px;}

.one-day span.big{ line-height:20px; display:block; font-size:14px;}
.drowing-sec-inner  .where .iconRow img {  width: 50px !important;}
.drowing-sec-inner  .where .iconRow img.o-img {width: 30px !important;}
.drowing-sec-inner .life-save-img{ width:100px;}
.drowing-sec-inner .content-lifeguard h5{ margin-top:40px;}
.drowing-sec-inner .drowing-static p{ padding-top:30px;}
.drowing-sec-inner .when-sec .cale{ width:100px; margin-left:20px; margin-bottom:0px;}
.drowing-sec-inner .when-sec .cale img{ width:100%;}
.drowing-sec-inner .drowing-static .right-bar p{ padding-top:24px;}
.drowing-sec-inner h3{ padding-left:5px; text-align:left; font-size:24px; padding-left:16px;}
.drowing-sec-inner .arrow img{ width:100%;}
.drowing-sec-inner .arrow{    width: 5%; margin: 0 auto;}
.tab-item-content h3{ font-size:25px; padding-bottom:10px !important;}
.drowing-sec-inner p.small-text { padding-left: 20px !important;}
.drowing-sec-inner .when-sec{ text-align:left; padding-left:19px;}
.drowing-sec-inner .right-bar p{ font-size:13px;}
.drowing-sec-inner .right-bar h5{ margin-top:30px !important;}
.swim-sec {padding: 20px 0 0;}
.drowing-sec-inner  .m-width{ padding-left:19px;}
.drowing-sec-inner .post-wrapper .post .post-content .row{ width:auto !important;}
 .PointerMap .container-fluid{ padding:0px;}
  .PointerMap ul{ margin:0 20px 20px; }
  .PointerMap{ margin-bottom:0;}
  .resource-sec h4{ font-size:30px;}

  /*.home-header #menubar1.header-back {top: 149px;}*/

  .drowing-sec-inner .right-bar span.bg-none{ margin-bottom:30px;}
  .drowing-sec-inner .content-lifeguard p{ margin-bottom:0;}
  .when-sec h5 {  margin-left: 0;}
  .drowing-sec-inner .when-sec  .col-10 p{ padding-left:15px; padding-top:33px;}
  .drowing-sec-inner h3{ padding:50px 0 0 0 !important}
  .drowing-sec-inner p.small-text{ margin-bottom:0;}
  .drowing-sec-inner .pt-30{ padding-top:30px !important}

/*---------------------contact page css start here---*/
.ls-branch .branch-add { padding: 15px;}
.banner, .Drowing-Banner {
    padding-top: 40px;
}
/*---------------------about page css start here---*/
.about .valuesec li span {width: 85%;}
/*---------------------media center page css start here---*/
.media-center .resource-sec p{ display:none;}


  .Drowing-Banner .content-inner p{ line-height:35px;}
.job-table .small-btn {width: 128px;padding: 9px 20px;}
.job-table.table td, .job-table.table th {font-size: 13px;}

.shopLogin .panel{ padding:20px;}

.shop h1{ width:auto !important; }

.breadcrumb{ padding:0px; margin:0;}
.welcome-content h1{ width:100% !important;  font-size:28px;}

.courseNew-page .container-fluid{ padding:0px;}
.cartitem h6{ right:15px;}
.subtotal{ padding:15px;}
.checkout-page .checkoutform { padding: 15px;}
.courseNew-page .container-fluid{ padding:0 15px;}


/*---------------------member page css start here---*/
.member-benefits li span{ width:85%;}
.member-benefits li {   margin-top: 20px;   }
.member .resource-sec h4{ font-size:23px;}

.member h3{ font-size:25px; margin-bottom:0px;}
.form .find-member ul li { margin-right: 0;   width: 100%;}
.find-member label {font-size: 14px;}    
.lifeguading-page .section-inner h3{ font-size:30px;}
.mapping .location-list { padding: 0;  width: 100%;}
.mapping .map { width: 100%;}

 .popupMap .pagging a span{ display:none;}
 .popupMap .pagging{ width:90%; bottom:0;}

 .resources .container-fluid{ padding:0px;}
 .bg-blue .dropdown .select{ padding:5px 0;}
 .bg-blue .select span{ font-size:20px;}
 .resources .bg-blue{ padding:20px;}
 .hidenshow{ padding:0 15px; margin:0;}
 .resources .nav-tabs li a { font-size: 15px; padding: 5px;}
 .resourcesTab ul li{ margin-bottom:0 !important;}

 .formContent { width: 100%;}


}