/* vietnamese */
@font-face {
  font-family: 'Roboto Slab';
  font-style: normal;
  font-weight: 400;
  src: local('Roboto Slab Regular'), local('Roboto Slab-Regular'), url(../css/fonts/Roboto Slab/4fsTWUM100DESRCrYMRNTfesZW2xOQ-xsNqO47m55DA.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Roboto Slab';
  font-style: normal;
  font-weight: 400;
  src: local('Roboto Slab Regular'), local('Roboto Slab-Regular'), url(../css/fonts/Roboto Slab/qEjAkCC_I8-NsX6aYiQHCfesZW2xOQ-xsNqO47m55DA.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Roboto Slab';
  font-style: normal;
  font-weight: 400;
  src: local('Roboto Slab Regular'), local('Roboto Slab-Regular'), url(../css/fonts/Roboto Slab/cSNs3NwpEgPVRQzvkh3NeQ.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2212, U+2215;
}

/* latin-ext */
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 400;
  src: local('Lato Regular'), local('Lato-Regular'), url(../css/fonts/lato/S6uyw4BMUTPHjxAwXjeu.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 400;
  src: local('Lato Regular'), local('Lato-Regular'), url(../css/fonts/lato/S6uyw4BMUTPHjx4wXg.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* cyrillic-ext */
@font-face {
  font-family: 'Roboto Slab';
  font-style: normal;
  font-weight: 400;
  src: local('Roboto Slab Regular'), local('RobotoSlab-Regular'), url(../css/fonts/robotoslab/y7lebkjgREBJK96VQi37ZjTOQ_MqJVwkKsUn0wKzc2I.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'Roboto Slab';
  font-style: normal;
  font-weight: 400;
  src: local('Roboto Slab Regular'), local('RobotoSlab-Regular'), url(../css/fonts/robotoslab/y7lebkjgREBJK96VQi37ZjUj_cnvWIuuBMVgbX098Mw.woff2) format('woff2');
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
  font-family: 'Roboto Slab';
  font-style: normal;
  font-weight: 400;
  src: local('Roboto Slab Regular'), local('RobotoSlab-Regular'), url(../css/fonts/robotoslab/y7lebkjgREBJK96VQi37ZkbcKLIaa1LC45dFaAfauRA.woff2) format('woff2');
  unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
  font-family: 'Roboto Slab';
  font-style: normal;
  font-weight: 400;
  src: local('Roboto Slab Regular'), local('RobotoSlab-Regular'), url(../css/fonts/robotoslab/y7lebkjgREBJK96VQi37Zmo_sUJ8uO4YLWRInS22T3Y.woff2) format('woff2');
  unicode-range: U+0370-03FF;
}
/* vietnamese */
@font-face {
  font-family: 'Roboto Slab';
  font-style: normal;
  font-weight: 400;
  src: local('Roboto Slab Regular'), local('RobotoSlab-Regular'), url(../css/fonts/robotoslab/y7lebkjgREBJK96VQi37Zr6up8jxqWt8HVA3mDhkV_0.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Roboto Slab';
  font-style: normal;
  font-weight: 400;
  src: local('Roboto Slab Regular'), local('RobotoSlab-Regular'), url(../css/fonts/v7-AqJ3nfInTTiDXDjU4.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Roboto Slab';
  font-style: normal;
  font-weight: 400;
  src: local('Roboto Slab Regular'), local('RobotoSlab-Regular'), url(../css/fonts/robotoslab/y7lebkjgREBJK96VQi37Zo4P5ICox8Kq3LLUNMylGO4.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2212, U+2215;
}

* {
    margin: 0;
}

body {
    color:#414042;
		background-color:#F1F2F2  !important;
    /*background-image:url(../images/logo-bg-.gif) !important;*/
    background-repeat:no-repeat !important;
    background-position:center center !important;
	background-size:50% auto !important;
    font-family:'Lato',sans-serif;
	font-size:13px;
}
body.purple {
    color:#FFFFFF;
    /*background-color:#2e3981;*/
    background-color:rgb(46,57,129);
    background-color:rgba(46,57,129,0.93);
    background-image:url(../images/Map_Texture.png) !important;
    background-repeat:repeat;
    background-position:left top;
}
body.none {
    background-image:none !important;
}
body.animals {
      background-image:url(../images/megafauna-ID-bg.gif) !important;
}
body.cages {
      background-image:url(../images/shark-cage-bg.gif) !important;
	  background-size:60% auto !important;
	   background-position:right top !important;
}
body.sharks {
      background-image:url(../images/3-sharks-bg.gif) !important;
	    background-position:center top !important;
		background-size:60% auto !important;
}
body.sharksID {
      background-image:url(../images/Shark-ID-bg.gif) !important;
	    background-position:center 100px !important;
		background-size:100% auto !important;

}
body.mantas {
      background-image:url(../images/megafauna-ID-bg.gif) !important;
}
body.whalesharks {
      background-image:url(../images/megafauna-ID-bg.gif) !important;
}
@media screen and (max-width: 64em) {
	body {
		background-position:center center !important;
		background-size:80% auto !important;
	}

	body.cages {
		  background-size:100% auto !important;
		  background-position:center center !important;
	}
	body.sharks {
			background-position:center 100px !important;
			background-size:100% auto !important;
	}
	body.sharksID {
      background-repeat:repeat-y !important;


}

}

a:hover, a:focus {
    color: #1175B5 !important;
}
.ui-checkboxradio-label, .ui-visual-focus{
	background:none !important;
	border:0px !important;
	color:#000 !important;
	display:block !important;
	box-shadow:0px 0px #F1F2F2  !important;
	text-align: left !important;

}
[type="checkbox"] + label{
	margin-left:0 !important;
}
.ui-checkboxradio-icon{
	border: 1px solid #1175B5 !important;
	border-radius:4px !important;
	background-color:#F1F2F2 !important;
	width:20px !important;
	height:20px !important;
	padding:5px !important;
	background-origin: padding-box !important;
	margin-right:20px !important;


}
.wifi .ui-checkboxradio-icon{
	vertical-align: top !important;
	margin-top: 10px !important;
}
	#msgflash {
    position:fixed;
    top:5rem;
    display:block;
    width:80%;
    margin:0px auto;
}
a:active, a:link {
  border:none;
  outline:none;
}
p {
    color:#414042;
    font-size:13px;
}
body.purple p, body.purple label {color:#FFFFFF;/*font-size:16px;font-weight:bold;*/}
/*body.purple label {font-size:1.5rem;}*/
.deep p {
    color:#2e3981;
    line-height:1.5rem;
}
.biglink {
    color:#1175ba;
    font-weight:bold;
    font-size:16px;
    font-family:'Roboto Slab',serif;
}
.biglink.deep {
    color:#2E3981;
}
.biglink.gold {
    color:#000000;
    font-size:1.5rem;
}
.goldbar {
    width:65%;
    height:8rem;
    display:block;
    left:0;
    z-index:-1;
    position:absolute;
    background-color:#000000;
}
.goldbartext p {
    z-index:10;
    font-size:1.2rem;
    padding:2rem 0;
}
.readmore{
	color:#000;
}
.blurb{
	font-size:16px;
	line-height:22px
}
.blurb img{
	vertical-align: top;
}
.blurb div{
	display:inline-block;
	text-align:left
}
.home-icon{
	width:100px;
}
.home-easy-access, .home-easy-access a {
	color:#1175B5;
	font-size:16px;
}
h1, .cell h1, .h1 { color:#1175B5;font-family:'Roboto Slab',serif;font-size:62px;font-weight:900 }
  @media print, screen and (max-width: 40em) {
	  h1, .cell h1, .h1 { color:#1175B5;font-family:'Roboto Slab',serif;font-size:42px;font-weight:900 }
  }
h1.small { color:#1175B5;font-family:'Roboto Slab',serif;font-size:36px;font-weight:900;margin-top:50px; }
 h1.comingsoon { color:#999;font-family:'Roboto Slab',serif;font-size:82px;font-weight:900 ;text-align:center;margin:auto;margin-top:80px}
 @media print, screen and (max-width: 40em) {
	 h1.comingsoon { color:#999;font-family:'Roboto Slab',serif;font-size:52px;font-weight:900 ;text-align:center;margin:auto;margin-top:50px}
  }
body.home h1 {
      margin-top:70px;
}
 @media print, screen and (max-width: 40em) {
	body.home h1 {
      margin-top:20px;
}
  }
body.home .grid-container.fluid:last-of-type{
	max-width:800px !important;
}
h2, .welcome h2, .h2 { color:#1175ba;font-family:'Roboto Slab',serif;font-size:30px; }
h3, .cell h3, .h3 { color:#000000;font-family:'Roboto Slab',sans-serif;font-weight:bold; }
h4, .cell h4, .h4 { color:#000000;font-family:'Roboto Slab',sans-serif; }
h5, .cell h5, .h5,
h6, .cell h6, .h6 {
  color: #1175ba;
  font-family:'Roboto Slab',serif;
}
.top-bar .menu-text, .top-bar a, .top-bar .top-bar ul a:link {color:#FFFFFF !important;font-size:12px !important;}
.top-bar .menu-text:hover, .top-bar a:hover, .top-bar:hover .top-bar ul a:hover {color:#fff !important;text-decoration:underline !important;font-size:12px !important;}
.top-bar .top-bar-right>ul>li>a:link {color:#FFFFFF !important;text-transform:uppercase;font-size:12px !important;font-weight:500}
.top-bar a:hover {color:#CFCFCF}

.top-bar, .top-bar ul{
	background-color:transparent !important;
}
 @media print, screen and (max-width: 64em) {
	.top-bar .top-bar-right{
	flex: 0 0 100% !important;
}
 }
  @media print, screen and (min-width: 64em) {
.top-bar .top-bar-right>ul>li{
	text-align:center;
	line-height:22px;
	vertical-align:middle;
	margin-left:15px;
	flex:1 1 0;
}
.top-bar ul ul a{
	text-align:center;
	line-height:22px;
	vertical-align:middle;
}
.larger{
	flex:2 2 0 !important;
	flex-wrap: nowrap
}
.homelarger{
	flex:5 2 0 !important;
	flex-wrap: nowrap;
text-align:left !important;
}
.pad10{
	padding-top:8px;
}
.top-bar .top-bar-right {

    flex: 0 0 100% !important;

}
  }
  .title-bar-title{
	  padding-left:20px;
  }
.menu a{
line-height:18px !important;
}
.top-bar ul ul{
	background-color:#000 !important;
}

.dropdown.menu.vertical > li.opens-left > a::after{
	border-color: #fff transparent  transparent transparent !important;
}
#nautilus-menu.top-bar, footer  {
  background-color:#000 !important;
   background-image:url(../images/WhiteMapTextureWhite.png) !important;
    background-repeat:repeat;
    background-position:left top;
	background-size:300px 300px !important;
	border-radius:0;
}

header{
	padding:0 !important;
}

.title-bar {
  padding: 0.5rem;
  background: #000 !important;
  color: #FFFFFF !important;
  min-height:60px;

}


.grid-container.fluid {
  padding-right: 40px !important;
  padding-left: 40px !important;
  max-width: 1400px !important;
  margin: 0 auto;

 }



.megafauna {

    color:#FFFFFF;
    background-color:#000000;
		margin:auto;
	margin-bottom:40px;
	max-width:700px;

}
.megafauna a, .megafauna a:link {
    color:#FFFFFF;
    font-size:1.2rem;
}
.continue{
		text-align:center !important;
		width:200px !important;
		font-size:15px !important;
		font-weight:bold !important;
		padding:5px !important;
	}
 @media print, screen and (min-width: 40em) {
	.sharkdatabase{
		margin-left: auto !important;
		margin-right:0 !important;
		text-align:center !important;
		width:200px !important;
		font-size:15px !important;
		font-weight:bold !important;
		padding:5px !important;
	}
	.mantadatabase{
		margin-left: 0 !important;
		margin-right:auto !important;
		text-align:center !important;
		width:200px !important;
		font-size:15px !important;
		font-weight:bold !important;
		padding:5px !important;
	}
	.submitphotos{
		text-align:center !important;
		width:240px !important;
		font-size:18px !important;
		font-weight:bold !important;
		padding:15px !important;
	}
 }
 @media print, screen and (max-width: 40em) {
	.sharkdatabase, .mantadatabase{
		text-align:center !important;
		width:200px !important;
		font-size:15px !important;
		font-weight:bold !important;
		padding:5px !important;
		margin-bottom:20px !important;
	}

	.submitphotos{
		text-align:center !important;
		width:240px !important;
		font-size:18px !important;
		font-weight:bold !important;
		padding:15px !important;
	}
 }

.more {
    width:30px; /* 40 / 22 = 30 / Y, Y = 30*22/40 = 16.5  */
    height:21px;
    display:inline-block;
    margin-left:0.5rem;
    background-image:url(../images/Expand_Icon.png);
    background-repeat:no-repeat;
    background-position:left 0.75rem;
    background-size:20px 11px;
}
.block {
    display:block;
    position:relative;
}
.idlink {
    color:#1175B5;
    position:absolute;
    display:block;
    bottom:0.525rem;
    font-family:'Roboto Slab',serif;
    width:100%;
    text-align:center;
   font-size: 32px;
    font-weight:bold;
}

#guestwrapper {
	position:relative;
	height:0px;
	left:0.8rem;
	display:block;
	overflow:visible;
}
#guestList {
	top:40px;
	color:#414042;
	/*width:100%;*/
	display:none;
	z-index:1000;
	font-size:0.8rem;
	position:absolute;
	padding:0.2rem 0.5rem;
	background-color:#fff;
	border:solid 1px #9F9F9F;
	height: 300px;
overflow-y: scroll;
}
#guestList div {
	width:300px;
	margin:0.3rem 0rem;
	line-height:1.2rem;
}
#guestList div:hover {
	background-color:#CFCFCF;
}
.dropzone {
	height:auto;
    color:#1175B5;
	text-align:center;
	min-height:200px;
	padding: 1rem 0.7rem;
	border-radius:4px;
	line-height:1.75rem;
	vertical-align:middle;
	/*background-color:#EFEFEF;*/
	border:dashed 2px #1175B5;
}
.dropzone:hover { background-color:#FEFEFE; }
.dropzone span {display:block;}
.dropzone.disabled {
    color:#999;
    /*background-color:#333333;*/
}
#progress {
	height:1.75rem;
	margin-top:0.5rem;
}
.progress-bar {
	width:0%;
	height:100%;
	opacity:0.75;
	border-radius:3px;
	background-color:#283B91;
}
.dropzone.disabled #progress {background-color:#333333;}
.feedbackform .rate label:hover {background-color:#EFEFEF;}
footer {
    height:150px;
    color:#FFFFFF;
    padding:1rem 0;
    background-color:#000;
}
body.purple footer {
    background-color:transparent;
}
footer a, footer a:link {color:#FFFFFF;}
footer a:hover {color:#DFDFDF;}

.fhead {font-family:'Roboto Slab',serif;font-size:2.5rem;line-height:3rem;}
footer .manta {
    background-image:url(../images/Manta_Icon.png);
    background-repeat:no-repeat;
    background-position-x:left;
    background-size:5rem;
}
footer .shark {
    background-image:url(../images/Shark_Icon.png);
    background-repeat:no-repeat;
    background-position-x:right;
    background-size:10rem;
}

/* ICON STYLES */
.welcome-safety { width:4rem;margin:0 0rem 0 -0.75rem; }
.welcome-feedback { width:4rem;margin:0 0rem 0 -0.55rem; }
.welcome-wifi { width:4rem;margin:0 0rem 0 -0.75rem; }
.welcome-boat { width:4rem;margin:0 0.25rem 0 -0.75rem; }
.welcome-wheel { width:4rem;margin:0 0.25rem 0 -0.75rem; }
.welcome-star { width:4rem;margin:0 0.25rem 0 -0.75rem; }
.wifi-icon { width:4.5rem;margin:0 0.25rem 0 -0.75rem; }
.wifi-settings { width:4.5rem;margin:0 0.25rem 0 -0.75rem; }
/*.welcome-boat-sm, .welcome-wheel-sm, .welcome-star-sm { width:2.5rem;margin:0 0.25rem 0 -0.75rem; }*/
.welcome-boat-sm, .welcome-wheel-sm, .welcome-star-sm, .welcome-wifi-sm, .wifi-settings-sm { width:2.5rem;margin:-0.35rem 0.25rem 0 -0.5rem; }

@media screen and (min-width: 40em) and (max-width: 63.9375em) {
    .grid-container {
        padding-right: 4.9375rem !important;
        padding-left: 4.9375rem !important;
		max-width:1170px;
    }
    .goldbar { width:90%; }

    .grid-container.animals {
        padding-right: 0.9375rem !important;
        padding-left: 0.9375rem !important;
    }
    footer .manta { width:4rem; }
    footer .shark { width:8rem; }
}

@media screen and (max-width: 39.9375em) {
    .grid-container.fluid {
        padding-right: 2.5375rem !important;
        padding-left: 2.5375rem !important;
    }

    .welcome-safety { width:2.8rem;height:2.8rem;margin:0 0 0 -0.65rem; }
    .welcome-feedback { width:2.8rem;height:2.8rem;margin:0 -0.25rem 0 -0.45rem; }
    .welcome-wifi { width:2.8rem;height:2.8rem;margin:0 -0.35rem 0 -0.55rem; }

    .goldbar { width:100%; }
    .goldbartext p {
        padding:1.2rem 0;
        font-size:1.05rem;
    }
    footer .grid-container {
        padding-right: 1.9375rem !important;
        padding-left: 1.9375rem !important;
    }
    .fhead {font-size:1.8rem;line-height:2.1rem;}
    footer .manta { height:4rem; }
    footer .shark { height:4rem; }
}



.slick-prev::before, .slick-next::before{
		color:#000 !important;
	}

@media (min-width: 992px) {
	.slider-nav{
		max-width:1100px;
		margin:auto;
		margin-bottom:0px;
		padding-bottom:20px;
	}
	.slider-nav .slick-track{
		margin-top:40px;
		margin-bottom:20px;
		height:120px;
	}
	.slider-nav .slick-slide {
		margin-left:20px;
		background-color:#fff;
	}
	.slider-nav .slick-slide div{
		height:100%;
	}

	.slider-nav .slick-slide {
		/*height:100px !important;*/
	}
	.slider-nav  img {
	   opacity:0.6;
	   height:auto;
	   width:auto;
	   max-width:initial;
	   border:1px #333 solid;
	}
	.slider-nav .slick-current img {
		opacity:1;
		border:1px #1175bb solid;
	}
	.slider-for  div.guestImg>div {
		height:500px !important;
		overflow:hidden;
		position: relative;
		float: right;
		width: 49%;
	}
	.slider-for  div.guestImg>div.imagecover {
		height:400px !important;
		overflow:hidden;
		position: relative;
		float: left;
		width: 49%;
	}

	.slider-for .slick-active img{
		width:100% !important;
	}

	.slider-for {
		max-width:1100px;
		margin:auto;
	}

}

@media (max-width: 991px) {

	.slider-nav .slick-slide {
		margin-left:10px;
	}
	.slider-nav  img {
	   opacity:0.6;
	}
	.slider-nav .slick-current img {
		opacity:1;
		border:1px #aaa solid;
	}


}
.blue-infos{
	max-width:1100px;
	margin:auto;
	background-color:#1175bb;
	color:#fff;
	padding:20px 30px;
	margin-top:40px;
}
 .blue-infos h2, .megafauna h2{
	color:#fff;
	padding-left:20px;
	line-height:30px;
	margin-bottom:10px;
	font-family:'roboto slab'
}
 .blue-infos a{
	color:#fff;
	text-decoration:underline;
	font-style: italic;
}
 .blue-infos a:hover{
	color:#fff !important;
	text-decoration:underline !important;
	font-style: italic;
}
.header-img{
	max-width:700px;
	width:100%;
}

.img-tagged{
	margin-top: -120px;
	position: relative;
	height: 120px !important;
	width:100%;
	z-index: 99999;
	background-image:url(/nautilus/images/CheckMark.png);
	background-position:center center;
	background-size:contain;
	background-repeat:no-repeat;
	background-color:rgba(255,255,255,0.7);
}
input, select, textarea{
	border-radius:0px !important;
	border-shadow:0px !important;
	border-color:#999 !important;
}
input:focus, select:focus, textarea:focus{
	border-radius:0px !important;
	box-shadow:0 0 0 !important;
	border-color:#333 !important;
	transition:none;
}
.button{
	background-color:#1175bb !important;
	border-color:#1175bb !important;
	border-radius:0px;
	padding:10px 20px 10px 20px;
	font-size:20px;
	cursor:pointer;
}
.button-border{
	background-color:none;
	border:2px solid  #1175bb;
	border-radius:0px;
	padding:10px 20px 10px 20px;
	font-size:20px;
	color:#1175bb;
	width:200px;
	margin:auto;
	cursor:pointer;
}
.button-border:hover{
	background-color:#1175bb;
	color:#fff;

}

.row{
	width:100%;
}
.animalName.medium-6{
	width:48% !important;
	margin-right:2%;
}
.animal-popup{
	height:200px;
	overflow-y:scroll;
	width:100%;
	background-color:#fff;
	border:1px #999 solid;
	margin-top: -10px;
	margin-left: 0px;
	position:absolute;
	z-index:9999;
}
.specieListSeparator{
	text-align:center;
	border-bottom:2px solid #1175bb ;
	border-top:2px solid #1175bb ;
	padding:5px 0px;
	margin-bottom:10px;
	font-weight:bold;
	color:#fff;
	background:#1175bb ;
}
.small-4.animal-select, .medium-5.animal-select{
	height:80px;
	background-size:cover;
	cursor:pointer;
}
.small-8.animal-select, .medium-9.animal-select{
	padding-left:20px;
	height:80px;
	margin-bottom:10px;
	border-bottom:1px #efefef solid;
	padding-top:10px;
	cursor:pointer;
}
.small-8.animal-select i, .medium-9.animal-select i{
	font-size:10px;
	color:#999;
}
.Characteristics{
	font-size:12px;
	line-height:14px;
	display: block;
}
.noticeId{
	color:#555;
	font-size:13px;
	line-height:16px;
	text-align:justify;
	margin-bottom:10px;
}
input[readonly]{
	cursor:pointer !important;
	background-color:#fff !important;
	/*background-image:url(/nautilus/images/DropDown.png);*/
	background-position:96.5%;
	background-repeat:no-repeat;
	background-size:13px 6px;
	background-image: url("/nautilus/images/select.png");
	border: 0px !important;
	color:#999 !important;
}
select{
	background-image: url("/nautilus/images/select.png") !important;
	background-position:98% !important;
	background-repeat:no-repeat !important;
	background-size:13px 6px !important;
	border-width:0px !important;
}
.existingAnimal, .newAnimal, .safety_agree{
	background-image:url(/nautilus/images/CheckMark.png);
	background-position:center center;
	background-size:contain;
	background-color:#efefef;
	height:35px;
	width:35px;
	cursor:pointer;
}
.existingAnimal.checked, .newAnimal.checked, .safety_agree.checked{
	background-color:#1175bb !important;
}
.isExistingAnimal {
	margin-bottom:10px;
}
.locationFk{
	padding:4px;
}
.slick-current .img-tagged{
	background-color:transparent;
}
.unvalid{
	border:1px solid #8A0808 !important;
}
.ticketnum{
	width:28px;height:28px;font-style:normal;color:#fff;background:#1175ba;border-radius:4px;padding-left:4px;display:inline-block
}
.legendnum{
	width:28px;height:28px;font-style:normal;color:#fff;background:#1175ba;border-radius:50%;padding-left:9px;padding-top:2px;display:inline-block;font-weight:bold;margin-right:10px;vertical-align: top;margin-top:5px;
}
.legendtext{
	display:inline-block;
	width:calc(100% - 38px);
	margin-bottom:10px;

}
.locationFk, .AnimalGender, .AnimalSpecie, .customdropdown, .guestId,{
	/*background-image:url(/nautilus/images/DropDown.png);*/
	background-position:98%;
	background-repeat:no-repeat;
	background-size:13px 6px;
	border: 0px !important;
	color:#999 !important;
}

.date {
	background-image:url(/nautilus/images/Cal_Icon.png);
	background-position:99.5%;
	background-repeat:no-repeat;
	background-size:50px 50px;
	border: 0px !important;
	color:#999 !important;
}
.errormsg{
	color:#8A0808;
	font-weight:bold;
	margin-bottom:10px;
}
input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
  color: #333; }

input::-moz-placeholder,
textarea::-moz-placeholder {
  color: #333; }

input:-ms-input-placeholder,
textarea:-ms-input-placeholder {
  color: #333; }

input::placeholder,
textarea::placeholder {
  color: #333; }
.logoutConfirm{
	height:360px;
	width:360px;
	background-color:#000;
	position:fixed;
	top: 50%;
	left: 50%;
	margin-top: -180px;
	margin-left: -180px;
	color:#fff;
	z-index:9999999;
	text-align:center;
	padding:20px;
}

.searchBox{
	height:100px;
	width:700px;
	background-color:#000;
	position:fixed;
	top: 15%;
	left: 50%;
	margin-left:-350px;
	color:#fff;
	z-index:9999999;
	text-align:center;
	padding:20px;
	background-image:url(/nautilus/images/SearchIcon.png) !important;
	background-repeat:no-repeat;
	background-position:20px 23px;
	cursor:pointer;
}
.searchBox input{
	height:60px;
	margin-left:80px;
	width:580px;
	border:0;
	font-size:20px;
	padding-left:20px;
	cursor:initial;
}
@media (max-width: 720px) {
	.searchBox{
		width:95%;
		height:80px;
		margin-left:-47%;
	}
	.searchBox input{
		width:80%;
		height:40px;
		font-size:16px;
		padding-left:10px;
	}

}
.animalDetail{

	width:80%;
	background-color:#fff;
	position:fixed;
	top: 5vh;
	left: 10%;
	/*margin-top: -250px;
	margin-left: -180px; */
	z-index:9999999;
	padding-bottom:60px;
	max-height:90vh;
	overflow-y:auto;
}
.logoutOverlay, .animalOverlay, .searchOverlay{
	position:fixed;
	z-index:9999998;
	width:100vw;
	height:100vh;
	right:0;
	top:0;
	background-color:rgba(0,0,0,0.5);
}
.logoutConfirm h3{
	color:#fff;
	font-weight:bold;
	font-family:'Roboto Slab';
	margin:10px;
}
.logoutConfirm .button{
	margin:auto;
	display:block;
	width:280px;
	margin-top:20px;
	margin-bottom:20px;
}
.logoutConfirm  a{
	color:#fff;
	text-decoration:underline;
	display:block;
	font-style: italic;
}
.align-top .cell{
	margin-top: 0;
}
.welcome .cell{
	text-align:justify;
}

ol{
  font-weight: bold;
}
ol>li>span{
	font-weight: normal;
}
.cell h3{
	margin-top:10px;
}

.animal-list{
	background:#fff;
	cursor:pointer;
}
.animal-list .imagecover{
	height:200px;
}
.animal-list h4{
	font-size:26px;
	padding:0;
	margin:0px 8px;
}
.animal-list span{
	font-size:14px;
	display:block;
	padding:0;
	margin:0px 8px 5px 8px;
}
.spacer{
	width:100%;
	height:40px;
}
.align-center{
		text-align:center;
}

.animalDetail-title, .animalDetail-description{
	padding:0px 15px;
}
.animalDetail-title h3{
	padding:0;
	margin:0;
	margin-top:10px;
	line-height:30px;
}
.animalDetail-title span{
	font-size:13px;
	font-weight:500;
}
.animalDetail-description h4{
	font-size:20px;
	line-height:22px;
	font-weight:500;
	margin:0;
}
.animalDetail-description span{
	margin-top:10px;
	font-size:13px;
	display:block;
	margin-bottom:10px;
}

.animalDetail .addNewPhoto{
	position:absolute;
	bottom:10px;
	right:10px;
	padding:5px 10px;
	cursor:pointer;
	font-size:14px;
	border:0px;
	background:#2e3981;
	color:#fff;
	font-weight:bold;
}
 @media print, screen and (max-width: 40em) {
	.animalDetail .addNewPhoto{
	position:initial;
	margin-top:20px;
	}
	.animalDetail{

	width:100%;
	top: 0vh;
	left: 0%;
	max-height:100vh;
	}
 }
.view-sight-history{
	font-size:13px;
	font-weight:bold;
	margin-top:10px;
	cursor:pointer;
}
.sight-info{
	font-size:13px;
}
.full-sight-history{
	font-size:10px
}
.animalDetail .slick-list .imagecover {
	height:60vh;
}
.animalDetail .slick-dots{
	top: 55vh;
	bottom: 0px;
}
.animalDetail .slick-dots li{
	width:15px;
	margin: 0 ;
}
.animalDetail .slick-dots li button::before{
	opacity: 0.5;
	color: white;
	font-size: 8px;
}
.animalDetail .slick-dots  li.slick-active button::before{
	opacity: 1;
	color: white;
}
.animalDetail  .slick-next, .animalDetail  .slick-next:hover, .animalDetail .slick-next:focus {
    right: 10px;
    z-index: 9999999;
	background:url(/nautilus/images/Scroll_Right_Icon.png) !important;
	width: 20px;
	height: 35px;
	background-size: contain !important;
	opacity:0.7 !important;
}
.animalDetail  .slick-prev, .animalDetail  .slick-prev:hover, .animalDetail .slick-prev:focus {
    left: 10px;
    z-index: 9999999;
	background:url(/nautilus/images/Scroll_Left_Icon.png) !important;
	width: 20px;
	height: 35px;
	background-size: contain !important;
	opacity:0.7 !important;

}
.animalDetail  .slick-prev:hover, .animalDetail  .slick-next:hover{
	opacity:1 !important;
}

.animalDetail .slick-prev::before, .animalDetail .slick-next::before{
	content:'';
}
.animalDetail .slick-dotted.slick-slider{
	margin-bottom:0;
}


/*
.grid-margin-x > .large-4 {
    width: calc(33.33333% - 60px) !important;
    margin-left: 30px !important;
    margin-right: 30px !important;
}

@media (max-width: 1170px) {

	.grid-margin-x > .large-4 {
		width: calc(100% - 60px) !important;
		margin-left: 30px !important;
		margin-right: 30px !important;
	}
	.megafauna{
		margin-left: -40px;
        padding-left:40px !important;
    }
}
*/
.dropzone .imagecover{
	width: 135px;
	height: 80px;
	display:inline-block;
	margin:8px;
}

@media (max-width: 600px) {


	.megafauna{
		margin-left: -30px;
        width:calc(100% + 60px);
		padding-left:0 !important;
		padding-top:10px;
		padding-bottom:10px;

    }
	.grid-container.fluid{
		padding-left:30px !important;
		padding-right:30px !important;
	}
	.grid-container.fluid .grid-container.fluid{
		padding-left:0px !important;
		padding-right:0px !important;
	}
	.grid-margin-x > .large-4 {
		width: 100% !important;
		margin-left:0 !important;
		margin-right: 0 !important;
	}
	.grid-margin-x{
		margin-left:0 !important;
		margin-right: 0 !important;
	}
	.grid-margin-x > .cell.small-12 {
		width: calc(100% ) !important;
		margin-left:0 !important;
		margin-right: 0 !important;
	}
	.block{
		margin-bottom:20px;
	}
	.biglink.gold{
		font-size:20px;
	}
	.dropzone{
		padding:10px;
	}
	.dropzone .imagecover{
		width: 45%;
		height: 80px;
		display:inline-block;
		margin:2%;
	}
	.img-tagged{
		margin-top: -40px;
		position: relative;
		height: 40px !important;
		width:100%;
		z-index: 99999;
		background-image:url(/nautilus/images/CheckMark.png);
		background-position:center center;
		background-size:contain;
		background-repeat:no-repeat;
		background-color:rgba(255,255,255,0.7);
	}
	.slider-nav .slick-track {
		margin-top: 20px;
		margin-bottom: 20px;
		height: 40px;
	}
	.animal-popup{
		height:auto;
		overflow-y:none;
		width:100%;
		background-color:#fff;
		border:1px #999 solid;
		margin-top: -10px;
		margin-left: 0px;
		position:absolute;
		z-index:999999;
	}
	.grid-x {
		position: relative;
	}
	.slider-nav .imagecover,.slider-nav .imagecover img {
		min-height:40px;
	}
	.AnimalGender{
		width:100% !important;
		margin-right:0% !important;
	}
}
.slick-track{
	 margin-left: 0 !important;
    margin-right: 0 !important;
}

@media (max-width: 400px) {

	.goldbar{
		height:10rem;
	}
}


div.button{
	background-color:#1175B5;
	border-radius:0px;
	padding:10px 20px 10px 20px;
	font-size:20px;
}
div.button:hover{
	background-color:#000000;
	border:1px solid #1175B5;
	color:#fff;
}
.deletePic{
	position:absolute !important;
	z-index:99999  !important;
	margin-left: -20px !important;
	margin-top:0px !important;
	width:20px !important;
	height:20px !important;
}
.menu.animals{
	background-color:#000000 !important;
}

.dropdown.menu.medium-horizontal > li.opens-left > .is-dropdown-submenu {
    top: calc(100% + 8px) !important;
}

 .top-bar>.top-bar {
      width: 1340px;
      margin: auto;
	  padding:0;
}



html, body {
    height: 100%;
}
body>.grid-container {
	padding-top:40px;
    min-height: calc(100% - 53px)  !important;
    margin: 0 auto -150px  !important; /* the bottom margin is the negative value of the footer's height */
	padding-bottom: 150px;
}

.feedbackform h5{
	font-size:18px;
	font-family: 'Roboto Slab',sans-serif;
	color:black;
}
.feedbackform h4{
	font-size:16px;
	font-family: 'Roboto Slab',sans-serif;
	color:#1175B5;
	border-bottom: 1px solid #1175B5;
}

.feedbackform textarea{
	height:120px;
}

@media (min-width: 40em) {
.menu.medium-horizontal {
    justify-content: space-between;
    font-size: 18px;
}
}

.accordion-menu .is-accordion-submenu-parent:not(.has-submenu-toggle) > a::after {
    border-color: #fff transparent transparent !important;
}

.sticky{
	z-index:999 !important;
}
.ui-widget{
	font-family:'Lato' !important;
}

label.question{
	font-size:1rem;
}
@keyframes showup {
  0%   {height:0px;padding-top:0px}

  50%  {height:0px;padding-top:0px}

  100% {height:50px;padding-top:10px}
}

.TARating{
	width:100%;height:50px;max-height:50px;display:block;opacity:1;background:#fff;box-shadow:0px 0px 10px #333;text-align:center;Text-transform:uppercase;font-weight:bold;padding-top:10px; animation-name: showup;animation-duration: 4s;position:absolute;color:#000;overflow:hidden
}
.TARating span{
	color:#00a680;
}
.successmsg{
	color:green;
	font-weight:bold;
}