/*
Theme URI: http://www.neudimenxion.com/
Author: Caremy

*/

@font-face {
  font-family: "FontAwesome";
  src: url('../font-awesome/fonts/fontawesome-webfont.eot');
  src: url('../font-awesome/fonts/fontawesome-webfont.eot?#iefix') format('eot'), url('../font-awesome/fonts/fontawesome-webfont.woff') format('woff'), url('../font-awesome/fonts/fontawesome-webfont.ttf') format('truetype'), url('../font-awesome/fonts/fontawesome-webfont.svg#FontAwesome')    format('svg');
  font-weight: normal;
  font-style: normal;
}


html,
body {
  height: 100%;
  width: 100%;
}

body 
{
font-family: 'Roboto', sans-serif !important;
font-size:165%;
padding:0px;
margin:0px;
color:#454545;
line-height:150%;
font-weight:300;
font-style:normal;
background:#ffffff url(../images/bg.jpg) no-repeat top center;
}


.browsehappy
{
display:block;
padding:30px;
background-color:#ffffff;
margin:30px;
text-align:center;
}

.btn-primary
{
border:0px;
background-color:#15448d;
padding-top:9px;
padding-bottom:9px;
}

.btn-primary:hover
{
background-color:#777777;
}

h1
{
font-weight:400;
margin:0;
padding:0;
padding-bottom:10px;
margin-bottom:25px;
border-bottom:1px solid #dddddd;
font-size:250%;
}


h2
{
color:#073a89;
font-weight:400;
margin:0;
padding:10px 0px;
}

h3
{
margin:0;
padding:10px 0px;
}


h4
{
font-size:125%;
padding:0px;
margin:0px;
padding-bottom:5px;
color:#3c94ad;
}

.more-spacing
{
padding:20px 0px;
}

.text-to-right
{
text-align:right;
}

blockquote
{
font-family:Georgia, "Times New Roman", Times, serif;
}


.well
{
margin-top:10px;
}


.terms-box
{
padding:20px;
border:1px solid #999999;
background-color:#f4f4f4;
height:300px;
overflow:auto;
margin:20px 0px;
}

.terms-box ol,
.terms-box ul
{
padding-top:20px;
margin-left:-10px;
}

.home-listing
{

}

ul.home-listing ,
ul.home-listing  li
{
list-style:none;
padding:0px;
margin:0px;

}

ul.home-listing li
{
padding:8px 5px;
border-top:1px solid #cccccc;
}

.padding20
{
padding:20px;
}



.handwriting
{
font-family: 'Courgette', cursive, arial !important;
font-size:120%;
}


/* ===========================
      TABLE
============================ */

.table
{
margin:20px 0px;
border-bottom:1px solid #cccccc;
}



/* ===========================
       NAVIGATION
============================ */
#banner-area
{
padding:10px 0px;
text-align:center;
margin:auto;
}

#banner-area img
{
margin:auto;
}

#navigation-area
{
background-color:#15448d;
color:#ffffff;
font-weight:400;
text-align:center;
font-size:110%;
margin-bottom:20px;
}


.navbar-default
{
z-index:10;
}

hr
{
border-color:#dddddd;
}

header
{
/*position: fixed;*/
width: 100%;
text-align: center;
-webkit-transition: all 0.1s ease;
transition: all 0.1s ease;
z-index:10;
}


nav
{

}

/* navbar */
.navbar-default {
  border:0px;
  text-align:left;
  z-index: 999;
  background-color:#15448d;
   border-radius: 0 !important;
  -moz-border-radius: 0 !important;
}



.navbar-default .navbar-nav > li > a 
{

  color:#ffffff;
}

.navbar-default .navbar-nav > li > a:hover 
{
  background-color: #666666;
  color:#ffffff;
}

.navbar-default .navbar-nav > li > .dropdown-menu 
{
  border-radius:0px;
  border:0px;
  text-align:left;
  background-color: #666666;
  
}

.navbar-default .navbar-nav > li > .dropdown-menu > li > a 
{
  padding:9px 15px;
  text-transform:none;
  background-color: #666666;
  color:#ffffff;
  font-size:120%;
}

.navbar-default .navbar-nav > li > .dropdown-menu > li > a:hover
{
  background-color: #f7c61d;
  color:#111111;
}

.navbar-default .navbar-toggle {
    border-color: #4c528c;
	border:1px solid #cccccc;
	color:#ffffff;
	padding:5px 10px;
}
.navbar-default .navbar-toggle:hover,
.navbar-default .navbar-toggle:focus {
    background-color: #4c528c;
	color:#ffffff;
}

/*Make the parent background same color with dropdown*/

.navbar-default ul li:hover a 
{ 
    background: #666666;
	color:#ffffff;
}


.navbar-default .navbar-collapse{
  border: 0px;
}


.navbar-default .navbar-nav > .open > a,
.navbar-default .navbar-nav > .open > a:hover,
.navbar-default .navbar-nav > .open > a:focus 
 {
  color: #111111;
  background-color: #f7c61d;
}

body.menu01 .navbar-default .navbar-nav > li > a.mm01,
body.menu02 .navbar-default .navbar-nav > li > a.mm02,
body.menu03 .navbar-default .navbar-nav > li > a.mm03,
body.menu04 .navbar-default .navbar-nav > li > a.mm04,
body.menu05 .navbar-default .navbar-nav > li > a.mm05,
body.menu06 .navbar-default .navbar-nav > li > a.mm06,
body.menu07 .navbar-default .navbar-nav > li > a.mm07,
body.menu08 .navbar-default .navbar-nav > li > a.mm08,
body.menu09 .navbar-default .navbar-nav > li > a.mm09
{
background-color:#f6e416;
color:#111111;
}


/* ===========================
         FORM
============================ */
label.error {	
	text-align: left;
	width: auto;
	padding: 5px 0 0 20px;
	clear: none;
	display: block;
	color: #b92a45;
	font-size: 100%;
	font-weight:normal;
	border: none;
	background:url(../images/required.png) no-repeat left center;
}

label
{
padding-bottom:15px;
}

.more-padding
{
padding-top:15px;
}

.more-padding2
{
padding-bottom:15px;
}

.more-padding3
{
padding-top:0px;
}

.less-padding
{
margin:0px;
padding:0px;
}

.form input.form-control
{
font-size:100%;
height: 40px;
line-height: 40px;
margin:10px 0px;
}

.form h2
{
padding:0;
margin:0;
}

.form textarea.form-control
{
font-size:100%;
}

.regular-checkbox {
	display: none;
}

.regular-checkbox + label 
{
background-color: #fafafa;
border: 2px solid #4771bb;
padding: 10px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
display: inline-block;
position: relative;
}

.regular-checkbox + label:active, 
.regular-checkbox:checked + label:active 
{
color: #00b0ec;	
}

.regular-checkbox:checked + label 
{
	background-color: #ffffff;
	border: 2px solid #17468f;
	
}

.regular-checkbox:checked + label:after {
	content: '\2714';
	font-size: 100%;
	position: absolute;
	top: -3px;
	left: 1px;
	color: #00b0ec;
}






.regular-radio {
	display: none;
}

.regular-radio + label {
-webkit-appearance: none;
background-color: #fafafa;
border: 2px solid #4771bb;
padding: 10px;
border-radius: 50px;
display: inline-block;
position: relative;
}

.regular-radio:checked + label:after {
	content: ' ';
	width: 14px;
	height: 14px;
	border-radius: 50px;
	position: absolute;
	top: 3px;
	background: #00b0ec;	
	left: 3px;
	font-size: 32px;
	
	
}

.regular-radio:checked + label 
{
	
	color: #99a1a7;
	border: 2px solid #17468f;

}

.regular-radio + label:active,
 .regular-radio:checked + label:active 
{
color: #00b0ec;	
}

.boxing, .boxing2, .boxing3
{
display:table;
}

.boxing
{
width:100%;
}

.boxing, .boxing3
{
padding-bottom:10px;
}



.box-inside, .box-inside2, .box-inside3
{
display:table-cell;
vertical-align:text-bottom;
}

.box-inside2
{
padding-left:10px;
vertical-align:top;
}

.box-inside span
{
line-height:40px;
display:block;
margin-top:-38px;
padding-left:35px;
padding-right:35px;
}

.box-inside3
{
vertical-align:middle;
}

.box-inside3 span
{
line-height:135%;
display:block;
margin-top:-5px;
padding-left:10px;

}

.checkbox-listing
{
padding-bottom:20px;
}

.checkbox-listing span
{
display:inline;
position:relative;
padding:0px 5px;
top:-10px;
}

/* ===========================
          CONTENT
============================ */


.page-area
{
background-color:#FFFFFF;
padding:0px;
}


.content-area
{
padding:10px 30px;
padding-bottom:50px;
}


.content-area p
{
line-height:145%;
margin:25px 0px;
}

.content-area .bigger
{
font-size:150%;
color:#666666;
line-height:130%;
}



/* ===========================
      LISTING
============================ */
ul.event-list,
ul.event-list li
{
list-style:none;
margin:0px;
padding:0px;
}

ul.event-list li
{
margin:10px 0px;
border-top: 1px solid #dddddd;
padding:5px 0px;
}

ul.event-list li strong
{
color:#111111;
font-size:115%;
}

.attraction-list
{
margin-top:20px;
}

.content-area .attraction-list p
{
margin:0px;
padding:10px 0px;
}


/* ===========================
          FOOTER
============================ */

footer
{
padding:10px 25px;
padding-bottom:30px;
font-size:85%;
line-height:135%;
color:#666666;
}


/* ===========================
        CAROUSEL
============================ */
#myCarousel
{
position:relative;
}




.carousel img
{ 
-webkit-border-radius: 7px;
-moz-border-radius: 7px;
border-radius: 7px;
}


.carousel-control { background-image:none !important; }

.carousel-indicators
{
z-index:100;
bottom:0px;
}

.carousel-indicators li
{
z-index:1;
width:15px;
height:15px;
}

.carousel-indicators .active 
{
width:15px;
height:15px
}



.carousel-control .fa-angle-left,
.carousel-control .fa-angle-right {
  position: absolute;
  top: 40%;
  z-index: 5;
  font-size:350%;
  font-weight:300;
  display: inline-block;
  color:#ffffff;
}

.carousel-control .fa-angle-left {
  left: 40%;
  margin-left: -20px;
}


.carousel-control .fa-angle-right {
  right: 40%;
  margin-right: -20px;
}


.carousel.carousel-fade .item {
	-webkit-transition: opacity 0.5s ease-in-out;
	-moz-transition: opacity 0.5s ease-in-out;
	-ms-transition: opacity 0.5s ease-in-out;
	-o-transition: opacity 0.5s ease-in-out;
	transition: opacity 0.5s ease-in-out;
	opacity:0.7;
}

.carousel.carousel-fade .active.item,
.carousel.carousel-fade .carousel-indicators
{
	opacity:1;
}

.carousel.carousel-fade .active.left,
.carousel.carousel-fade .active.right {
	left: 0;
	z-index: 2;
	opacity: 0;
	filter: alpha(opacity=0);
}

.carousel.carousel-fade .next,
.carousel.carousel-fade .prev {
	left: 0;
	z-index: 1;
}

.carousel.carousel-fade .carousel-control {
	z-index: 3;
}


.carousel-caption
{
position:absolute;
bottom:-10px;
width:100%;
left:0%;
right:0%;


}

.carousel-caption-inside
{
position:absolute;
background:url(../images/75opacity.png) repeat;
padding:10px 20px;
padding-bottom:20px;
width:100%;
height:auto;
right:0px;
bottom:10px;
-webkit-border-bottom-right-radius: 7px;
-webkit-border-bottom-left-radius: 7px;
-moz-border-radius-bottomright: 7px;
-moz-border-radius-bottomleft: 7px;
border-bottom-right-radius: 7px;
border-bottom-left-radius: 7px;
}

.carousel-caption-inside a,
.carousel-caption-inside a:link
.carousel-caption-inside a:visited
{
color:#ffffff;
}

.carousel-caption-inside a:hover
{
text-decoration:none;
color:#cccccc;
}

.carousel-caption h3
{
padding:5px;
padding-bottom:15px;
margin-bottom:5px;
font-size:200%;
font-weight:700;
}

.carousel-caption p
{
font-size:145%;
line-height:125%;
}


@media only screen and (min-width : 991px) {
    /* Make Navigation Toggle on Desktop Hover 
    */.dropdown:hover .dropdown-menu {
        display: block;
    }
}


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

.form
{
font-size:85%;
}

/* navbar */
.navbar-default {
font-size:85%;
}



.navbar-default .navbar-nav > li > a 
{

  padding-left:10px;
  padding-right:10px;
}
}


@media (max-width: 990px) {


.dropdown-toggle .fa
{
font-family: 'FontAwesome';
content: '\f067';
display:inlie-block;
line-height:25px;
position:absolute;
right:10px;
}

.navbar-default .navbar-nav .open .dropdown-menu > li > a,
.navbar-default .navbar-nav .open .dropdown-menu > li > a:hover,
.navbar-default .navbar-nav .open .dropdown-menu > li > a:focus 
{
    color: #ffffff;
}

.navbar-default .navbar-nav .open .dropdown-menu > li > a:hover
{
background-color:#f7c61d;
color:#111111;
}

.navbar-default .navbar-nav .open .dropdown-menu > .active > a,
.navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover,
.navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus 
{
    color: #ecdbff;
    background-color: #3272c7;
  }

}




@media (max-width:768px) 

{

.form
{
font-size:100%;
}


h3
{
padding:15px 0px;
}


.for-mobile
{
display:block;
}

.more-padding,
.more-padding2,
.more-padding3
{
padding-top:10px;
padding-bottom:0px;
}


.boxing,
.boxing3,
.box-inside
{
display:block;
}

.boxing, .boxing3
{
padding-top:10px;
}

label
{
padding:5px 0px;
}

.text-to-right
{
text-align:left;
}

#myCarousel
{
margin-bottom:0px;
}


.carousel-control .fa-angle-left,
.carousel-control .fa-angle-right 
{

  top: 20%;
  font-size:200%;

}

.carousel-indicators
{
bottom:50px;
}


.carousel-caption
{
position:relative;
bottom:20px;
width:100%;
left:0%;
right:0%;

}

.carousel-caption-inside
{
position:relative;
background:#111111;
padding:10px 20px;
padding-bottom:20px;
width:100%;
height:auto;
right:0px;
bottom:10px;
-webkit-border-bottom-right-radius: 8px;
-webkit-border-bottom-left-radius: 8px;
-moz-border-radius-bottomright: 8px;
-moz-border-radius-bottomleft: 8px;
border-bottom-right-radius: 8px;
border-bottom-left-radius: 8px;
font-size:80%;
}


}



@media (max-width:640px)
{
.form-text
{
vertical-align:middle;
padding-bottom:0px;
padding-top:8px;
}

.well > .row
{
margin-left:-15px;
margin-right:-15px;
}

}


@media (max-width:480px)
{


}