@charset "utf-8";
/* CSS Document */

@import url(https://fonts.googleapis.com/css?family=Dosis:400,300,500,700|Bitter|Cabin:400,500,600,700|Yanone+Kaffeesatz:400,700|Playball|Roboto:400,300,500,700|Roboto+Condensed:400,700);

body{
	margin:0;
	padding:0;
	text-align:justify;
	font:400 16px 'Dosis' ;
	line-height:26px;
	color:rgba(0,0,0,0.8);
}

header{
	background:rgba(255,255,255,.90);
	display:table;
	width:100%;
	padding:5px 0;
	position:absolute;
	top:0;
	z-index:101;
}

nav{
	/*border-top:1px solid #7a121c;*/
	padding-top:10px;margin-top:10px;
}

.sticky {
    position: fixed;
    width: 100%;
    left: 0;
    top: 0;
    z-index: 300;
    border-top: 0;
	background:#fff;
}

.sticky header{
	background:#fff;
	box-shadow:1px 1px 3px #ccc;
}

.sticky header img{
	width:50%;
}

.sticky .ddsmoothmenu ul li a{
display: inline-block;
color:black;
}

.sticky .ddsmoothmenu ul li a.selected {
color: #000;
}

.sticky .ddsmoothmenu ul li a:hover{
color: #000;
/*border-top:3px solid #000;*/
}

header .butn{
	margin:5px 10px;
	color:#fff;
	background:#7a121c;
	font:400 16px 'Yanone Kaffeesatz';
	border-radius:5px;
	padding:8px 20px;
	display:inline-block;
	text-transform:uppercase;
}

h1, h2, h3, h4, h5, h6{
	margin:0;
}

h1{
	color:#2b737d;
	font:400 36px 'Playball';
	margin:0 0 10px;
	text-align:center;
}

h3{
	color:#2b737d;
	font:400 28px 'Yanone Kaffeesatz';
	margin:0 0 10px;
}

.welcome{
	display:table;
	padding:20px 0;
	width:100%;
}

.bodr{	
	border-bottom:1px solid #7a121c;
}

.reservation{
	border:1px solid #2b737d;
	display:inline-block;
	font:400 15px 'Roboto';
	color:#2b737d;
}

.reservation h2{
	background:linear-gradient(45deg, #2b737d 0%, #2b737d 84%, #2b737d 29%, #2b737d 100%);
	color:#fff;
	font:400 23px 'Roboto';
	padding:8px 5px;
	width:100%;
	margin-bottom:10px;
}

.disply{
	display:inline-block;
}

.reservation input[type="text"]{
	border:1px solid #ccc;
}

input[type="submit"]{
	margin:10px;
	color:#fff;
	background:#2b737d;
	padding:5px 20px;
	border:none;
}

a.butn{
	margin:10px 0;
	color:#fff;
	background:#2b737d;
	font:400 16px 'Roboto Condensed';
	padding:5px 20px;
	text-transform:capitalize;
	border:none;
	transition:all ease-in-out .6s;
}

a.butn:hover{
	margin-left:10px;
}

.glry{
	padding-bottom:3px;
}

.effect1{
    -webkit-box-shadow: 0 10px 6px -6px #777;
       -moz-box-shadow: 0 10px 6px -6px #777;
            box-shadow: 0 10px 6px -6px #777;
}


.box1 h3{
  text-align:center;
    position:relative;
    top:0px;
	color:rgba(0,0,0,0.9);
	font:bold 26px 'Yanone Kaffeesatz';
	margin:0 0 10px 
}
.box {
    width:100%; padding:0 0 3px;
    background:#FFF;
}


/*==================================================
 * Effect 2
 * ===============================================*/
.effect2
{
  position: relative;
}
.effect2:before, .effect2:after
{
  z-index: -1;
  position: absolute;
  content: "";
  bottom: 15px;
  left: 10px;
  width: 50%;
  top: 80%;
  max-width:300px;
  background: #777;
  -webkit-box-shadow: 0 15px 10px #777;
  -moz-box-shadow: 0 15px 10px #777;
  box-shadow: 0 15px 10px #777;
  -webkit-transform: rotate(-3deg);
  -moz-transform: rotate(-3deg);
  -o-transform: rotate(-3deg);
  -ms-transform: rotate(-3deg);
  transform: rotate(-3deg);
}
.effect2:after
{
  -webkit-transform: rotate(3deg);
  -moz-transform: rotate(3deg);
  -o-transform: rotate(3deg);
  -ms-transform: rotate(3deg);
  transform: rotate(3deg);
  right: 10px;
  left: auto;
}


footer{
	background:#12b3cb;
	color:#2b737d;
	font:300 15px/26px 'Roboto';
	padding:20px 0;
}

footer h3{
	color:#fff;
	font:400 25px/26px 'Cabin';
	margin:10px 0;
}

footer h2{
	color:#fff;
	font:400 26px 'Cabin';
	margin:10px 0;
}

footer a{
	color:#2b737d;
	display:block;
	font:300 15px/26px 'Roboto';
	transition:all ease-in-out .6s;
}

footer a:hover{
	color:#f1f1f1;
	margin-left:10px;
}

footer input, textarea{
	width:100%;
	background:rgba(255,255,255,0.7);
	height:30px;
	margin:10px;
	border:none;
	color:#2b737d;
	padding:0 5px;
}

footer input[type="submit"]{
	 background:#2b737d;
    border: medium none;
    color: #000;
    display: inline-block;
    float: right;
    font: 400 16px "Roboto Condensed";
    margin: 10px 0;
    padding: 5px 20px;
    text-transform: uppercase;
    width: 33%;
}


.copyright{
	background:#2b737d;
	width:100%;
	display:table;
	padding:10px 0;
	color:#fff;
	font-size:15px;
	height:50px;
}

.copyright a{
	color:#fff;
}

.cycle-pager{
	  bottom: 40%;
    left: 0;
    position: absolute;
    z-index: 102;
}

.cycle-pager span {
    color: #fff;
    cursor: pointer;
    display: inline-block;
    font: bold 30px/20px Arial,Helvetica,sans-serif;
    padding-left: 10px;
    text-shadow: 0 -2px 2px rgba(0, 0, 0, 0.5);
	display:block;
}

.cycle-pager span:hover{
	color:#F00;
}

.home-box {
    background: rgba(51,204,255,.1);
    border-radius: 7px;
    box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.4);
}

.gallery{
	height:150px;
	width:100%;
	background-size:cover;
	background-position:center center;
	padding:5px;
	border:1px solid rgba(0,0,0,0.1);
}
@media (max-width:320px){
	.logo_name{
		font-size:18pt !important;
		margin-top:3px !important;
	}
}
@media (max-width:500px){
	header{
		position:static;
	}
	
	header img{
		margin:auto !important;
	}
	.logo{
		margin-left:-20px !important;
	}
	.logo_name{
		margin-left:110px !important;
		font-size:18pt !important;
		margin-top:-45px !important;
	}
	.menu1{
		margin-top:-40px !important;
	}
	.menu2{
		margin-left:260px !important;
	}
	.enrol{
		padding-bottom:30px !important;
	}
	.enrol1{
		margin-top:30px !important;
	}
	.subscribe1{
		height:170px !important;
	}
	.subscribe2{
		font-size:13pt !important;
		margin-left:-28px !important;
	}
	.testimonial{
		margin-top:220px !important;
	}
	.news{
		width:200px !important;
		margin-top:10px !important;
	}
	.test{
		width:190px !important;
	}
	.test1{
		width:100px !important;
	}
	.test2{
		width:20px !important;
	}
	.nbs-flexisel-item img{
		display:none;
	}
	.news2{
		width:200px !important;
	}
	.news1{
		width:200px !important;
	}
	.services_img {
		margin-left:-70px !important;
	}
}
@media (max-width:768px){
	.enrol{
		padding-bottom:30px !important;
	}
	.enrol1{
		margin-top:30px !important;
	}
	.subscribe1{
		height:300px !important;
	}
	.news{
		width:200px !important;
	}
	.test3{
		width:230px;
	}
}
@media (max-width:1024px){
	
	.news{
		width:200px !important;
	}
	
	.test3{
		width:220px;
	}
}