@import url('../js/libs/bootstrap-3.3.4-dist/css/bootstrap.min.css');
@import url(http://fonts.googleapis.com/css?family=Ubuntu:300,400,500,700,300italic,400italic,500italic,700italic|Montserrat:400,700);
@import url('../js/libs/FlexSlider-master/flexslider.css');
@import url('../js/libs/superfish-master/dist/css/superfish.css');
@import url('../js/libs/fancybox/source/jquery.fancybox.css');


/** Global CSS **/

body { font-family: 'Tahoma', sans-serif; color: #333030; font-size: 15px; }
body { background: #000634; overflow-x: hidden; }

h1,h2,h3,h4,h5 { margin-top: 0; }
h1,h2,h3 { font-family: 'Vani', sans-serif; color: #010d4d; }
h1 { font-size: 36px; text-transform: uppercase; }
h2 { font-size: 20px; }
h3 { font-size: 16px; }

h1:after { content: ''; border-top: 2px solid #010d4d; width: 240px; display: block; margin: 0 auto 10px; }

header { position: absolute; width: 100%; z-index: 10; top: 15px; }
.topmenu { margin-top: 15px; background: #1f4991; }
.topmenu .menu { display: table; margin: 0 auto; }
.topmenu ul { margin: 0; padding: 0; }
.topmenu ul li { font-family: 'Vani', sans-serif; font-size: 22px; }
.topmenu ul li { background: #1d4790; border-right: 1px solid #fff; }
.topmenu ul li.last { border: none; }
.topmenu ul li a { padding: 20px 15px 12px; color: #fff; border: none;  }
.topmenu ul li a { -webkit-transition: none; -moz-transition: none; -ms-transition: none: all 1s ease; transition: none; }
.topmenu ul li a:hover, .topmenu .active { background: #07297f; }

.mobileToggle { text-align: center; display: block; color: #fff; padding: 15px; color: #fff; text-transform: uppercase; }
.mobileToggle:hover, .mobileToggle:focus { color: #fff; text-decoration: none; }
.mobileMenu { display: none; }
.mobileMenu { margin: 0; padding: 0; }
.mobileMenu li { list-style: none; border-bottom: 1px solid #fff; }
.mobileMenu li a:hover { background: #1d4790; text-decoration: none; }
.mobileMenu li a { display: block; background: #07297f; padding: 15px; color: #fff; text-align: center; }


/** Flexslider **/
.flexslider { margin: 0; padding: 0; border: none; border-bottom: 15px solid #002b73; }
.flex-direction-nav { display: none; }

/** Content Widgets **/
.content-widget { margin-top: -150px; z-index: 5; position: relative; }
.content-widget .box { background: #fff; padding: 15px; }
.content-widget .box h3 { text-transform: uppercase; font-size: 20px; font-family: 'Vani', sans-serif; color: #010d4d; line-height: 1.2; }
.content-widget .box .more:before { content: ''; border-top: 2px solid #000; width: 50px; display: block; margin: 0 auto 10px; }
.content-widget .box .more { font-family: 'Vani', sans-serif; text-transform: uppercase; color: #010d4d; display: block; font-size: 15px; }
.content-widget .item:before { content: ''; display: block; margin: 0 auto; background: url(../images/arrow-up.png); width: 72px; height: 36px; }

/** Content Inner **/
.maincontent { background: #fff; padding: 100px 0; }
.maincontent ul { margin: 15px 0 15px 15px; padding: 0; }
.maincontent .readmore { background: #010D4D; color: #fff; padding: 5px 10px; }
.accomodation .item { background: #002b73; padding: 15px; }
.accomodation .item h3 { color: #fff; font-size: 18px; margin: 0; }

.gallery { margin: 0 0 30px!important; padding: 0; }
.gallery li { display: inline-block; padding-bottom: 5px; }

/** Footer **/
footer { background: rgba(0,0,0,.95); padding: 15px 0; }
footer { font-size: 11px; color: #f2f2f2; }
footer .bottommenu { margin: 0; padding: 0; }
footer .bottommenu li { margin: 0 5px; display: inline; }
footer .bottommenu li a { color: #f2f2f2; }

/** SF Custom **/
.sf-menu { margin: 0; padding: 0; }

/** Helpers **/
.margin-bottom { margin-bottom: 30px; }
.margin-bottom-small { margin-bottom: 15px; }

.img-center { display: table; margin: 0 auto 30px; }

/** Others **/
hr { border-top: 1px solid #ccc; }
.btn { -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }
.btn-success { background: #360; border: 1px solid #360; }
a, a:hover { color: #336600; }

/** Media Queries **/

/* XS */
@media only screen and (max-width: 767px) {
	header { position: relative; top: 0; margin: 15px 0 0 0; }
	.content-widget { margin: 30px 0; }
	.content-widget .item { width: 300px; margin: 0 auto 30px; }
}

@media only screen and (min-width: 480px) and (max-width: 767px) {

}

@media only screen and (min-width: 993px) and (max-width: 1220px) {
	.topmenu ul li { font-family: 'Vani', sans-serif; font-size: 18px; }
	.topmenu ul li a { padding: 20px 10px 12px; color: #fff; border: none;  }
}

@media only screen and (min-width: 767px) and (max-width: 992px) {
	header { position: relative; top: 0; margin: 15px 0 0 0; }
	.content-widget { margin: 30px 0; }
	.content-widget .item { width: 300px; margin: 0 auto 30px; }
}

/* LG */
@media only screen and (min-width: 1200px) {
}