/* Custom Stylesheet */
/**
 * Use this file to override Materialize files so you can update
 * the core Materialize files in the future
 *
 * Made By MaterializeCSS.com
 */



@font-face {
  font-family: 'QaskinWhite';
  src: url('../fonts/QaskinWhite_PersonalUse.woff2') format('woff2'),
       url('../fonts/QaskinWhite_PersonalUse.woff') format('woff'),
       url('../fonts/QaskinWhite_PersonalUse.ttf') format('truetype');
}


.enquiries	{
	margin-top: -10px;
}



.card .card-content .card-title {
  font-size: 1.0rem;
  margin: 0;
}

.card .card-content .serif {
  font-family: 'QaskinWhite', Fallback, sans-serif;
  color: #35505e;
  font-size: 2rem;
  margin: 0;
}

.card .card-content {
    padding: 15px 20px;
   
}
.card .script {
  font-family: 'QaskinWhite', Fallback, sans-serif;
	font-size: 2.9rem;
}



.icon-block {
  padding: 0 15px;
}
.icon-block .material-icons {
	font-size: inherit;
}

body {
	
}


a {
text-decoration:none;
border:0;
outline:none;
}

#index-banner	{
 background-image: url(../img/header.jpg);
 background-size: 100%;
 background-repeat: no-repeat;	
 background-position: center center;
	
}
#index-banner h1,
#index-banner h5{
 text-shadow: 0px 0px 6px #000000;
}
@media only screen and (max-width: 1140px) {
    #index-banner {
       background-size: 200%;
	   background-position: -200px center;
    }
}




nav ul a {
    color: #37474f ;
}


a.brand-logo:before {
    content: "";
    display: block;
    background: url("../img/logo.png") no-repeat;
    width: 230px;
    height: 88px;
    background-size: 230px 88px;
	margin-top: 5px;
	float: left;
   
}

@media only screen and (max-width: 610px) {
    
	a.brand-logo:before {  
	 content: "";
    display: block;
    background: url("../img/logo.png") no-repeat; 
		width: 100px;
		height: 37px;
		background-size: 100px 37px;
		margin-top: 5px;
	}
	.slider .indicators{
		display: none;
	}
	.slider .slides li .caption h5 {
		font-size: 1.3rem;
	}
	ul.info li:nth-child(3){
		display: none;
	}
	
}

@media only screen and (min-width: 1193px) {
	.row .col.xl4 {
		width: 33.3333333333%;
		margin-left: auto;
		left: auto;
		right: auto;
	}
}

@media only screen and (min-width: 601px) {
	nav, nav .nav-wrapper i, nav a.button-collapse, nav a.button-collapse i {
		height: 99px;
		line-height: 99px;
	}
	
}

@media only screen and (min-width: 900px) {
	.slider .slides li .caption {
		width: 40%;
	}
	
}




.slider .indicators .indicator-item.active {
    background-color: #90a4ae ;
}

footer.page-footer {
    margin-top: 0px;
   
}


#map {
height: 500px;
width: 100%;
}



ul.info li {
    display: inline;
    margin-right: 7px;
    vertical-align: top;
}

.spmhidip {
    display: none;
    width: 10px;
    height: 3px;
}

fieldset {
    border: 0px solid #fff;
    margin: 0;
    padding: 0;
}

#contactus .row {
    margin-bottom: 0;
}

#contactus label {
	display: none;
}

#contactus input[type=text]{
	height: 3rem;
	margin-bottom: 10px;
}
#contactus input[type=text]:focus, textarea:focus  {	
	opacity: 1;	
}

#contactus input[type=text], textarea {
	border-radius: 3px !important;
	color: #666;
	background-color: #fff;	
	width: 100%;	
	border: 1px solid #4a4a4a;
	padding-left: 8px;
	opacity: 0.8;
}

textarea {
	height: 7rem;
}

.book {
	-background-image: url(../img/book01.jpg);
 background-size: 100%;
 background-repeat: no-repeat;	
 background-position: center center;
 padding: 60px 0;
}

@media only screen and (max-width: 800px) {
	.book {
	background-image: url(../img/book02.jpg);
	}
}

::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #4a4a4a;
}
::-moz-placeholder { /* Firefox 19+ */
  color: #4a4a4a;
}
:-ms-input-placeholder { /* IE 10+ */
  color: #4a4a4a;
}
:-moz-placeholder { /* Firefox 18- */
  color: #999797;
}



.thankyou	{
	background-color: green;
	padding: 2px 20px;
	font-size: 1.3em;
	color: #fff;
	
}

.error{
	color: #fff;
}

ul.slides .caption {
	background-color:rgba(0, 0, 0, 0.4);
	padding: 20px;
	border-radius: 4px;
	border: 1px solid rgba(255,255,255,0.3);
}

ul.slides .caption h3 {
	font-family: 'QaskinWhite', Fallback, sans-serif;
	font-size: 4rem;
	margin: 0;
}

.top .row{
	margin-bottom: 0;
	height: 40px;
}
.top ul{
	margin: 0;
}


/* ---- Social media icons ---*/

ul#social-icons {
    width: 215px;
    height: 63px;    
    float: right;
	position: relative;
    margin: -65px 0 -11px 0;
    z-index: 3;
}
ul#social-icons li{
	display: inline;
	float: right;	
	width: 62px;
	height: 62px;
	 border-radius: 50%;
    background: #efebe9 ;
	margin-left: 5px;
}

ul#social-icons li a{	
	display: inline-block;
	width: 50px;
	height: 50px;
    border-radius: 50%;
}

ul#social-icons li:nth-child(1) a{
    background: #90a4ae url(../img/ico-instagram.png) 0px 0px;
    background-size: 50px 50px;
    margin: 6px 0px 0px 6px;
}
ul#social-icons li:nth-child(1) a:hover{
	background: #37474f  url(../img/ico-instagram.png) 0px 0px;
    background-size: 50px 50px;
    margin: 6px 0px 0px 6px;
}
ul#social-icons li:nth-child(2) a{
    background: #90a4ae url(../img/ico-facebook.png) 0px 0px;
    background-size: 50px 50px;
    margin: 6px 0px 0px 6px;
}
ul#social-icons li:nth-child(2) a:hover{
    background: #37474f  url(../img/ico-facebook.png) 0px 0px;
    background-size: 50px 50px;
    margin: 6px 0px 0px 6px;
}
ul#social-icons li:nth-child(3) a{
    background: #90a4ae url(../img/ico-twitter.png) 0px 0px;
    background-size: 50px 50px;
    margin: 6px 0px 0px 6px;
}
ul#social-icons li:nth-child(3) a:hover{
    background: #37474f  url(../img/ico-twitter.png) 0px 0px;
    background-size: 50px 50px;
    margin: 6px 0px 0px 6px;
}


.book div.card {
	background-color: rgba(0,0,0,0);
}
.book div.card img {
	opacity: 0.8;
}
.page-footer p a {
	color: white;
	text-decoration: underline;
}