ν html, body{margin:0;padding:0;font-family: 'Raleway', sans-serif; line-height: 1.5em;  color: #666;}
p{margin:0;padding:0;}
a{text-decoration:none;}
h1, h2, h3, h4, h5, h6, .w3-slim, .w3-wide{font-family: 'Raleway', sans-serif;}
/*Animate Hover*/
.socialShare .fa-facebook-square,.socialShare .fa-twitter-square,.socialShare .fa-envelope-square,.socialShare .fa-google-plus-square, .wh_program ,.navArrows a, .side_menu,.article h2, .side_menu a img,#footer .socialIcons a,#menu a,.dive_btn,.dive_btn a,.courseBox a,.courseBox,.text .click{transition: all .2s ease-in-out;}

#header, #content1, #content2, #footer{width:100%;margin:0;padding:1em 0 ;clear:both;float:left;}
#header{padding-bottom:0}
#header .content{padding-bottom:1.5em;}
#menu{background-color:#BA4B35; padding:0.5em; margin:0;  width:calc(100%-1em); }
#menu .content {padding-bottom:0; width:70%;}
#menu ul{width:100%; margin:0;list-style: none;}
#menu ul li{float:left; padding:0 1.5em; }
#menu ul li:last-child{float:right}
#menu a{color:#fff; font-weight: bold; font-size:0.85em; line-height: 1em; padding: 0.9em 0.5em;}
#menu a:hover{color:#eac9c2 ;}
#header,#footer{background-color:#336699; background-image:url('../images/background.png'); background-repeat:repeat;}
#header a{color:#fff;}
#header p{color:#fff;}
#content1{background-color:#efefef;}
#content2{background-image:url('../images/crossword.png'); background-repeat: repeat;background-color:#fff;border-top:1px solid #ddd;box-shadow:0px 5px 20px #666}
.w20{width:20%}
.w25{width: 25%;}
.w30{width:30%}
.w40{width:40%}
.w50{width:50%}
.w60{width:60%}
.w70{width:70%}
.w80{width:80%}
.w90{width:90%}
.w100{width:100%}
.left{float:left;}
.right{float:right;}
img{max-width: 100%;}
.content{/*width:60%;min-*/width:1024px;margin:0 auto;padding-bottom:1em;}
.logo,.adressDiv,.fivestarLogo,.contactus{float:right; padding:0 0.5em}
.adressDiv{font-size:0.8em;}
.whitebox{padding:2em 1em; background:#fff; border-radius:3px;margin:2em 0; text-align:justify;box-shadow:0 0 10px #cdcdcd}
.adress{color:rgba(255,255,255,0.5) !important;}
.contactus{float:right; padding:0 0.5em}
.logo img, .fivestarLogo img{max-height:75px;}
.module{position:relative;}
.wh_program {position:relative; float:left; margin:0.5em;}
.wh_program span{position:absolute; bottom:0; left:0; color:#fff; padding:1em; background:rgba(0,0,0,0.8); width:calc(100%);}
.wh_program span .fa{text-align:right;}
.wh_program span::after {font: normal normal normal 14px/1 FontAwesome;content: "\f054"; right:0; float:right}
.payments {margin:2em 0;}
.payments h3, .tripadvisor h3{color:#336699;padding:0em; margin:0; text-align:center;}
.payments .imgs{width:25%;float:left;}
.payments img{width:100%;display:block;margin:0 auto;}
.side_menu{vertical-align: middle;box-shadow:0px 1px 5px #666;border:1px solid #999; background:#fff; border-radius:5px; margin:0.5em auto; padding:5px; width:75%; }
.side_menu a{display:block;padding:0.5em; color:#336699; font-weight:bold;}
.side_menu a:hover{color:#BA4B35;}
.side_menu img{height: 2em; vertical-align: middle; margin-right:2em;}
.tripadvisor{width:100%; float: left; margin-top: 2em;}
.hallOfFame{max-width:220px;}
.facebook{width: 100%; float: left; margin-top:2em;}
#CDSSCROLLINGRAVE.narrow{width: 100% !important;}
#CDSSCROLLINGRAVE,#CDSSCROLLINGRAVE.gray{background: none !important;}
.TA_rated{width:65%;margin:0.5em auto;}
.welcome h2{color:#e20026;}
.welcome p{text-align:justify;}
#calendar{overflow:hidden;border-radius:5px;margin:2em;}
#calendar h2{color:#fff; font-size:0.8em}
.detailPack{width:100%;float:left;color:rgba(0,0,0,0.5);font-size:0.7em}
.booknow{width:100%;text-align:center;float:left;padding:3em 0;}
.booknow a{background-color:#BA4B35; padding:1em 2em; text-align:center;color:#fff;font-weight:bold; border-radius:3px; box-shadow:0 0 10px #666}
.pack{border-bottom:1px solid rgba(0,0,0,0.1); line-height:3em;width:90%;float:left;margin-left:5%;margin-bottom:2em; padding-bottom:1em;}
.packages .description{margin-top: 10em;font-weight: bold;}
.packName{width:45%;float:left;padding:0;}
.packName .detail{font-size: 0.8em; color: #999;}
.pack .marinepark{width:100%; float:left;font-size: 0.85em;color:#333; text-align: right; margin-top: 2em;}
.pack .marinepark .green{color: #A3BA35; font-weight: bold}
.pack .marinepark .red{color: #BA4B35; font-weight: bold}
.packTitleF{width:20%;float:left;height:1em;}
.packTitle{width:12%;float:left;margin: 0 0.2em;text-align:center; font-size:0.6vw; line-height:1em; padding: 0.1em;font-weight:bold;}
.packNameIDC{width:20%;float:left;font-size:0.6vw;padding:0 2em;line-height:1.5em;font-weight:bold;}
.packPriceIDC{float:left;width:12%;background:#fff; margin:0 0.2em; padding:0.1em;font-size:0.7vw;box-shadow:1px 1px 5px #cdcdcd; border-radius:3px; text-align:center;}
.packEBIDC{float:left;width:12%;background:#A3BA35; margin:0 0.2em; padding:0.1em;font-size:1em;color:#fff;box-shadow:1px 1px 5px #cdcdcd; border-radius:3px; text-align:center}
.packPrice{width:23%;float:left;background:#fff; margin:0 1em; padding:0 1em;font-size:1.2em;box-shadow:1px 1px 5px #cdcdcd; border-radius:3px; text-align:center;}
.packPrice .detail{margin-top:-2em; width:100%;display:block;font-size:0.7vw;color:#999}
.packEB .detail{margin-top:-1em; width:100%;display:block;font-size:0.7vw;color:rgba(255,255,255,0.8); line-height:1vw;}
.packEB{width:23%;float:left;background:#A3BA35; margin:0 0.5em; padding:0 1em;font-size:1vw;color:#fff;box-shadow:1px 1px 5px #cdcdcd; border-radius:3px; text-align:center}
.fc-day-header{background-color:#eee;font-size:0.7em;line-height:2em;color:#888}
.fc-day{background:#fff;}
.courseTitle{color: #BA4B35; padding: 0.2em; border-bottom: 1px solid #ddd; margin-bottom: 0.5em;}
.courseBoxs{width:100%;display: flex;justify-content: center; }
.courseBox{background:#fff;display:inline-block; margin:0.7em;width:33%; box-shadow:0 0 5px #cdcdcd; flex: 1;margin-top:2em;}
.courseBox .title{width:100%}
.courseBox img{width:100%}
.courseBox .title{position:relative; float:left;}
.courseBox .content{float:left; padding:0.5em; width:100%}
.courseBox .content h4{font-size:0.9em; text-transform:uppercase; font-weight:bold;color:#A3BA35}
.beginners .content h4{color:#A3BA35}
.continuing .content h4{color:#2877DF}
.gopro .content h4{color:#BA4B35}
.courseBox a{display:block; color:#2E568F;font-size:0.8em;line-height:3em;}
.courseBox a::after{font: normal normal normal 14px/1 FontAwesome;content: "\f054"; right:0; float:right;line-height:3em;font-size:0.8em;margin-right:5%}
.courseBox h2{position:absolute;bottom:0.1em; background:#A3BA35;color:#fff;padding:0.5em 1em; left:-0.7em;font-size:1.2em; font-weight:bold;width:75%}
.beginners h2{background:#A3BA35;}
.continuing h2{background:#2877DF;}
.gopro h2{background:#BA4B35;}
.diveDetails{width:100%;line-height:1em; font-size:0.8em;}
.diveDetail{float:left; width:100%;padding:0.5em 1em;border-bottom:1px solid rgba(255,255,255,0.1); margin-bottom:1em;}
.diveDetails h4{width:25%; float:left; margin:0;font-size:1.2em;font-weight:bold; line-height:100%}
.copyrights{text-align:center; color:rgba(255,255,255,0.5); font-size:0.8em;}
#footer .links img{vertical-align:middle; margin-right:1em;}
#footer .socialIcons{text-align:left;}
#footer .adress{text-align: left;}
#footer .socialIcons a{color:rgba(255,255,255,0.5); font-size:2em; margin-left:1em;}
.language{transition: all .5s ease-in-out;}
.side_menu a:hover img{transform:rotateY(180deg);}
.text .click:hover{color:#BA4B35;border:2px solid #BA4B35;}
.wh_program:hover , .side_menu:hover,.dive_btn:hover,.courseBox:hover{transform: scale(1.04);}
#footer .socialIcons a:hover{color:rgba(255,255,255,0.9)}
.courseBox a:hover{color:#BA4B35;}
.language{float:right;}
.flags{position: absolute;background:#BA4B35;display: none;z-index: 2;padding:0.5em; border-bottom-left-radius:5px;border-bottom-right-radius:5px;}
.flagSelected{text-align:center;color:#fff;font-size:0.85em;font-weight:bold;}
.flagSelected img{}
.dive_btn{background-size:cover;line-height:84px;border-radius:5px; margin:0.7em;}
.dive_btn a{display:block; color:#fff;background:rgba(255,255,255,0.2);padding-left:1.5em;font-size:1.2em;font-weight:bold;}
.dive_btn a::after{font: normal normal normal 14px/1 FontAwesome;content: "\f054"; right:0; float:right;line-height:84px;margin-right:5%}
.dive_btn a:hover{background:none;}
.highlight{background:#A3BA35;color:#fff;padding:0.6em; border-radius:3px;}
.offerdSpot{background:rgba(0,0,0,0.1); border-radius:5px; padding:0 0 1px 0;line-height:3em;}
.offerdSpot h4{line-height:1em;margin:0;float:left;background:#BA4B35; color:#fff; border-top-left-radius:5px;border-bottom-left-radius:5px; font-size:1em; font-weight:bold; padding:0.5em; text-align:right;}
.offerdSpot span{margin:0;float:left; font-size:0.8em; font-weight:bold;padding:0 1em;}
.announcement{background-color:#BA4B35;color:white;padding:1em;float:left;width:100%;}
.coords{display: inline-block;}
.promote{width:100%}
.promote a img{width: 88%;}
/*
 *.coords::before{font: normal normal normal 14px/1 FontAwesome;content: "\f041"; font-size:1.5em;float:left;vertical-align: middle; margin-right:1.5em; height: 100%; display: inline-block;}
*/
.discound{font-size:1.1em; margin:1.5em 0}
.discound p{padding-left:4em;}
.discound::before{font: normal normal normal 14px/1 FontAwesome;content: "\f05a"; font-weight:lighter; font-size:1.2em;float:left;line-height:2.5em;}
.marginTop{margin-top:1.2em;}
.marginBottom{margin-bottom:1.2em;}
.kayak{margin: 2em auto;text-align: center;}
.margin{margin:0.8em;}
.padding{padding:1em;}
.gallery{margin-top:2em;}
.gallery .slide{height:115px; overflow:hidden; visibility:hidden;}
#tabs{ visibility:hidden;}
#mainSlide{float:left;width:100%; overflow:hidden; max-height:450px;}
#slideQualified, #slideTry{float:left;width:100%;height:250px;padding:2em;text-align:center;color:#fff; }
#slideQualified h2,#slideTry h2{font-weight:bold;background:rgba(0,0,0,0.5); display:inline;line-height:6em;padding:0.5em 1em; border-radius:5px;border:2px solid #fff;  }
* {box-sizing:border-box}
.fishcategories{ width: 100%;}
.fishcategory{width:calc(50% - 2em); color: #a3ba35; font-weight: bold;padding:1em; text-align: center; background: #fff; border-radius: 3px; box-shadow: 0 0 5px #ddd; float:left; margin:1em;}
.fish{background:#fff;border-radius:5px;border:1px solid #cdcdcd; width:98%; display:inline-block; margin:1% auto;}
.fish h3{font-size:0.8vw; font-weight:bold;color:#A3BA35}
.fish img{width:100%;}
.fishAttr{width: calc(20% - 1em); margin:0.5em; float: right; text-align: center; font-weight: bold; font-size: 0.8em; margin-top: 3em;}
.fishAttr img{border-radius:5px; box-shadow: 0 0 10px #999;}
.dmDetails{width:100%;margin-top:20%; padding:0.5em; border-top:1px solid rgba(0,0,0,0.1);}
.dmDetails .detail{ font-size:0.7em; color:#aaa;}
.dmDetails .price{ text-align:center; color:#BA4B35;font-weight:bold;}

/* contact form */
.contForm{width:96%;margin:2%; padding:2em; background:#fff; float:left; border-radius:5px; box-shadow:0 0 15px #cdcdcd}
.col{width:100%; float:left; margin-top:1em;}
.col2{width:50%; float:left;}
.contForm label{display:block; font-weight:bold; color:#666;line-height:3em;}
.contForm label .required{color:red; font-size:0.8em;}
.contForm input ,.contForm select,.contForm textarea{line-height:2.5em; border-radius:5px; border:1px solid #999; padding:0 1em;}
.dates {width:20%;}

/*Blog*/
.article{width:calc(100% - 1em);padding:0.3em; border:1px solid #eee; background:#fff; margin:0.5em; border-radius:5px; float:left;}
.article h2{color:#BA4B35; font-weight:bold;border-bottom:1px solid #ce8171; margin: 0; line-height: 2em;}
.article h2 a{display: block; padding: 0 0.4em;}
.article .details{font-size:0.7em; color: #999; width: 100%; float: left; padding: 0.5em}
.article h2:hover{color:#ce8171}
.article p{color:#999}
.image{width:100%; float:left; }
.image img{width:100%; margin:0.5em auto; display:block;}
.article .readmore{text-align:right; width: 100%; float:right; margin-top:0.5em;}
.article .readmore a{padding:1em 2em;border-radius:5px;line-height:1em; margin-right: 2em; margin-bottom: 1em; float: right; background:#BA4B35;color:#fff;}
.navArrows{width:100%; float:left;text-align:center;}
.navArrows a{color:#BA4B35; font-size:2em;}
.navArrows a:hover{color:#ce8171;}
.socialShare{border-top: 1px solid #dfdfdf; float: left;width: 100%; text-align: right; padding: 0 3em;}
.socialShare a{line-height: 2em;}
.socialShare .fa{font-size:2em; line-height: 2em;}
.socialShare .fa-facebook-square{color:#3B5998}
.socialShare .fa-twitter-square{color:#1A91DA}
.socialShare .fa-envelope-square{color:#000}
.socialShare .fa-google-plus-square{color:#DB4437}
.socialShare .fa-facebook-square:hover,.socialShare .fa-twitter-square:hover,.socialShare .fa-envelope-square:hover,.socialShare .fa-google-plus-square:hover{color:#ba4b35;}
#disqus_thread{width: 100%;border:1px solid #dfdfdf; float: left; padding: 1em; border-radius: 5px;}
.video{width: 100%; float:left;}
/*blog Feed*/
.blogFeed{width:100%;  float:left; background: #fff; overflow: hidden; border-radius:5px;box-shadow:0 0 10px #cdcdcd;}
.blogFeed h3{margin: 0em; background: #336699;  }
.blogFeed h3 a{color: #fff; font-weight: bold; display: block; text-align: center;padding:0.2em;  }
.atricleFeed{width:100%; padding:0.2em 0.85em; float:left;}
.atricleFeed h4{line-height:0.8em;margin:0.2em 0;}
.atricleFeed h4 a{font-size:0.8em; color:#BA4B35; font-weight: bold;}
.atricleFeed .readmore{text-align:right; color:#BA4B35; width:100%;display:block; border-bottom: 1px solid #eee;}
.noborder {border: none !important;}

/*Marine Park Adv*/
.marineParkCourse{width: 100%; float: left;}
.marineParkCourse .wh_program,.marineParkCourse .wh_program img{max-width: 100%; box-shadow: 0 0 10px #999; border-radius: 5px;}
.marineParkCourse .wh_program span{background: none; font-weight: bold;text-align: right; font-size: 1vw;}
.marineParkCourse .wh_program span::after {font: normal normal normal 14px/1 FontAwesome;content: none;}
/*Slideshow*/
#mainSlide .slide {width:100%;height:450px; overflow:hidden;}
.text {color: #fff;position: absolute;bottom:50%;width: 100%;text-align: center;}
.text .title {font-size: 3em;margin-bottom:1em}
.text .click {font-size: 1.5em; margin-top:2em; padding:0.5em 1em; background:rgba(0,0,0,0.5);border-radius:5px;border:2px solid #fff}
.text .sliderSpan{margin-bottom:2em;}
.tripCert{position: absolute; z-index: 1; bottom: 0; left: 0}
.since{position: absolute; z-index: 1; bottom: 0; right: 0;background-image: url('../images/years_bg.png');background-size: 100% 100%;}
.since p{
    color: #fff;
    line-height: 1em;
    text-align: center;
    text-shadow: 0 0 10px #000;}
.since_y{
    font-size: 5em;
    font-weight: 900;
}
.since_yt{
    font-size: 1.5em;
    font-weight: 800;
    padding: 0.4em 0 0.8em 0;
}
.since_t{
    font-weight: 600;
    font-size: 1.2em;
}
.commentTrip{margin-top:1em}
.commentTrip  p{font-size: 0.8em;}
/* UI Overwrite */
.ui-widget {font-family: 'Raleway', sans-serif !important;}
.ui-widget-content{background:#A3BA35 !important;}
.ui-state-default a, .ui-state-default a:link{color:#fff !important;}
.ui-widget-header,.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default{background:none !important; border:none !important; font-weight:bold !important;}
.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active{background:rgba(255,255,255,0.3) !important; border:none !important; font-weight:bold !important;}
.ui-tabs-panel {border-top:1px solid rgba(255,255,255,0.5) !important; color: #fff!important;}
.ui-tabs-panel a{text-align:center !important;float:left !important; margin-bottom: 1em; width:50% !important;}
.ui-tabs-panel img{max-width:95% !important; text-align:center !important; border-radius:5px;}
.slicknav_menu {display:none;}
#accordion .ui-accordion-header{color:#BA4B35 ; padding: 1.5em; border:1px solid #dddddd !important; background: #fff !important; }
#accordion .ui-accordion-header::after {font: normal normal normal 14px/1 FontAwesome;content: "\f054"; right:0; float:right}
#accordion .ui-accordion-header-active{background: #BA4B35 !important; color: #fff !important;}
#accordion .ui-accordion-header-active::after {font: normal normal normal 14px/1 FontAwesome;content: "\f078"; right:0; float:right}
#accordion .ui-widget-content{background: #fff !important;}
#accordion .ui-accordion-header-icon{display: none !important;}
#accordion .noEq, #accordion .Eq{font-size: 1.5em;border-radius: 5px; padding: 1em; box-shadow: 0 0 5px #cdcdcd;width: 40%; margin: 0.5em;display: inline-block;text-align: center}
#accordion .noEq{background: #A3BA35; color: #fff;}
#accordion .noEq .detail,#accordion .Eq .detail{width: 100%; display: block; font-size: 0.5vw;}
#accordion .packDesc {width:100%; float: left;padding: 1em; text-align: center; font-weight: bold;color: #BA4B35; border-bottom: 1px solid #ddd; margin-bottom: 0.5em;}
#accordion .packprice h4{text-transform: capitalize; color: #BA4B35; ;text-align: center;font-size: 1.2em; font-weight: bold;}
#accordion .packprice{padding:1em;}
.search_log{padding: 1em; boreder:1px solid #cdcdcd; background: #2E568F; color: #fff; float: left; border-radius:5px;}
.search_log input, .search_log select{padding:0.5em 1em; border-radius:3px; border:1px solid #cdcdcd}
.logbook{border:1px solid #999; margin: 1em 1em 1em 0em;padding:1em; border-radius: 5px; background: #fff; width: calc(50% - 1em)}
.logbook td{padding: 0 1em;}
.minHeight{min-height: 75vh}
.logDive{color: white;border-radius:3px; position: relative;}
.logDive img{position: absolute;}
.messageError{width:calc( 100% - 2em); float: left; margin:1em; padding: 1em; text-align: center; background: rgba(255,255,255,0.8); color: #ba0000; }
#CDSWIDLNKR.border{margin: 0 auto;}

/* INVOICE */
#invoice{position: relative;padding: 1em;width:100%; background: #fff; box-shadow: 0 0 5px #cdcdcd; margin: 1em 0; min-height: 500px;}
#invoice h3{margin-top:2em;}
#invoice .small{font-size:0.8em;}
#invoice img{max-width:100%}
.message{float: left; margin:1em; color:#666}
.messageError{width:calc( 100% - 2em); float: left; margin:1em; padding: 1em; text-align: center; background: rgba(255,255,255,0.8); color: #ba0000; }
.messageSuccess{width:calc( 100% - 2em); float: left; margin:1em; padding: 1em; text-align: center; background: rgba(255,255,255,0.8); color: #19bc00; }
.red{color:#BA4B35; font-weight:bold;}
.cardsIcon img{max-width: 70px;}

/* FOOTER MENU */
.footerMenu{padding-left: 2em}
.footerMenu a{color: rgba(255,255,255,0.5) !important;}
/*Mobile Version*/
@media screen and (max-device-width: 600px) {
    #footer .w25,.w30, .w40, .w50, .w60, .w70, .w80, .w90, .content, .packName{width:100%;}
    .packPrice,.packEB{width: 49%; font-size:7vw;margin:0;padding: 0;}
    .packPrice .detail,.packEB .detail{font-size:2.7vw; margin-top:-2em;  line-height: inherit;}
    .content{padding: 1em;}
    .wh_program{display:block; float: inherit;}
    .wh_program img{width: 100%;}
    .courseBoxs{width:95%;display:block;}
    .courseBox{width:75%;float:left;margin:2% 15%;}
     #menu, .adressDiv, .fivestarLogo {display:none;}
    .slicknav_menu {display:block;}
    .logo{width:100%; text-align: center;}
    .text .title {font-size: 9vw;}
    .contForm input, .contForm select, .contForm textarea{width:100%;}
    .flagSelected{display: none;}
    .flags{display: inherit; padding: 0; position: inherit;}
    .flags a{float: left;}
    .language{width: 100%;}
    #slideQualified h2{font-size:4vw;}
    .fish .w40 {width: calc(100% - 2em);}
    .fish h3{font-size: 4vw;}
    .diveDetails h4 {width: 100%;}
    #footer .socialIcons,#footer .links, #footer .adress {text-align: center; margin:2em 0;}
    .offerdSpot h4, .offerdSpot span{width:100%; text-align: center;}
    .logbook{width: calc(100% - 2em); margin:1em}
}