/*!
 * Start Bootstrap - Modern Business (http://startbootstrap.com/)
 * Copyright 2013-2016 Start Bootstrap
 * Licensed under MIT (https://github.com/BlackrockDigital/startbootstrap/blob/gh-pages/LICENSE)
 */

/* Global Styles */

html,
body {
 padding:0; margin:0;
 background:url(../images/bg.jpg) fixed top;
}


.clr{clear:both;}

.nogap{padding:0; margin:0;}

.img-portfolio {
    margin-bottom: 30px;
}

.img-hover:hover {
    opacity: 0.8;
}

/* Preloader */
#preloader {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background:rgba(255,255,255,0.8);
  /* change if the mask should have another color then white */
  z-index: 99;
  /* makes sure it stays on top */
}

#status {
  width: 200px;
  height: 200px;
  position: absolute;
  left: 50%;
  /* centers the loading animation horizontally one the screen */
  top: 50%;
  /* centers the loading animation vertically one the screen */
  background-image: url(../images/loader.gif);
  /* path to your loading animation */
  background-repeat: no-repeat;
  background-position: center;
  margin: -100px 0 0 -100px;
  /* is width and height divided by two */
}
/* Preloader end*/

/* Home Page Carousel */

.header {
  padding:0;
  border-bottom: 5px solid #f3ce52;
  background-color:#2c4858;
  width:100%;
  z-index:3000;
}

.nav-brand {
	float:left;
  background:#f3ce52;
  padding:7px 10px;
}

.nav-brand > span{
  color:#000000;
}

.header ul{
  padding:0;
  margin:10px 0 0;
}

.header ul li{
  list-style-type:none;
  display:inline-block;
  margin:5px 0 5px;
  padding:3px 0;
  position:relative;
}

.header ul li a{
display:block;
text-align:center;
color:#ffffff;
font-size:14px;
font-weight:bold;
padding:10px 10px;
text-decoration:none;
text-transform:uppercase;
background:none;
transition:ease all 0.5s;
}

.header ul li a:hover{
background:#f3ce52;
}

.header ul li:hover .navcontent{display:block; position:absolute; z-index:3001; width:200px; padding:0; margin:0 auto; color:#ffffff; top:40px; left:0;}

.navcontent{display:none;}

.navcontent > ul{padding:0; margin:0;}
.navcontent > ul > li{list-style-type:none; display:block; background-color:#ffffff; margin:0; padding:1px 0;}
.navcontent > ul > li > a{text-align:left; color:#a54682; border-bottom:solid 1px #cccccc; padding:5px 3px;}
.navcontent > ul > li > a:hover{background-color:#cccccc; color:#000000;}

.togglemenu, .togglecontent, .togglecontentmain{display:none;}


.carousel {
    height: 80%;
}

.carousel .item,
.carousel .item.active,
.carousel .carousel-inner {
    height: 100%;
}

.carousel .fill {
    width: 100%;
    height: 100%;
    background-position: center;
    background-size: cover;
}

.carousel-caption {
    position: absolute;
    right: 15%;
    top: 20px;
    left: 15%;
    z-index: 10;
    padding-top: 20px;
    padding-bottom: 20px;
    color: #fff;
    text-align: center;
    text-shadow: 0 1px 2px rgba(0,0,0,.6);
}

.carousel .item h3{font-size:54px; text-align:left;}
.carousel .item p{font-size:34px; text-align:left}



.carousel-control.left, .carousel-control.right {
    background-image: -webkit-linear-gradient(left,rgba(0,0,0,0) 0,rgba(0,0,0,0) 100%);
    background-image: -o-linear-gradient(left,rgba(0,0,0,0) 0,rgba(0,0,0,0) 100%);
    background-image: -webkit-gradient(linear,left top,right top,from(rgba(0,0,0,0)),to(rgba(0,0,0,0)));
    background-image: linear-gradient(to right,rgba(0,0,0,0) 0,rgba(0,0,0,0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#80000000', endColorstr='#00000000', GradientType=1);
    background-repeat: repeat-x;
}


h1{font-family: 'Alegreya Sans SC'; font-size: 47px; color:#4a6063;}
h1 span{color:#4a6063;}

.content {position:relative; background:#f3ce52; padding:3%; width:80%; font-size:15px; font-weight:bold; text-align:justify; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;}
.content .block{padding:20px 0;}

.content:after{content:""; position:absolute; right:-10px; top:0; bottom:0; margin:auto; width:10px; height:90%; background:#2c4858;}

.content > .block_a{position:relative;}

.contact > strong{font-size:22px;}
.contact {font-size:17px; font-weight:bold; color:#ffffff;}

/* Footer Styles */
footer {
	position:relative;
    margin:0;
	padding:7px;
	background-color:#006d8d;
	color:#ffffff;
	text-align:right;
}

footer a, footer a:hover{color:#ffffff;}


.btn-primary, .btn-primary:hover {
    color: #000000;
    background-color: #ffcd26;
    border:0;
}

.form-control1{background:none; color:#9a9a9a;}

.enquiry{
background: url('../images/enquirybg.jpg') no-repeat fixed bottom;
background-color:#4a6063;
padding:4%; margin:0;
}
.enquiry h1{font-family: 'Alegreya Sans SC'; font-size: 56px; color:#ffffff; text-align:center;}
.enquiry > form{width:50%; margin:0 auto;}
.enquiry > form > .form-group > input, .enquiry > form > .form-group > textarea{background:rgba(255,255,255,0.7)!important;}

.btn-danger, .btn-danger:hover{background-color: #da754e; border:0;}

.notice{border-bottom:dashed 3px #4a6063; padding:5px 0; margin-bottom:17px;}
.notice > div > a{background:#006d8d; color:#ffffff; padding:7px; border-radius:5px;}

.homenotice{background:url(../images/noticebg.png) no-repeat top; padding:80px 35px 50px; font-size:13px;}
.homenotice >marquee > p {margin-bottom:30px; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;}
.homenotice >marquee > p >a{color:#053644;}

.activity{padding:5px 0; margin-bottom:10px; text-transform:uppercase;}
.activity > a{
	display:block; color:#ffffff; padding:7px;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#006d8d+0,54a3ee+50,3690f0+51,1e69de+100&1+0,0+100,0+100 */
background: -moz-linear-gradient(left, rgba(0,109,141,1) 0%, rgba(84,163,238,0.5) 50%, rgba(54,144,240,0.49) 51%, rgba(30,105,222,0) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left, rgba(0,109,141,1) 0%,rgba(84,163,238,0.5) 50%,rgba(54,144,240,0.49) 51%,rgba(30,105,222,0) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right, rgba(0,109,141,1) 0%,rgba(84,163,238,0.5) 50%,rgba(54,144,240,0.49) 51%,rgba(30,105,222,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#006d8d', endColorstr='#001e69de',GradientType=1 ); /* IE6-9 */
}


/*...............Gallery..................*/

.btn-read, .btn-read:hover {
        background: transparent;
        border-radius: 0;
        border: 1px solid #ffffff;
        color: #fff;
		margin-top:20px;
    }

.gallery-section{
border:0;
-webkit-box-shadow: 7px 10px 5px 0px rgba(0,0,0,0.22);
-moz-box-shadow: 7px 10px 5px 0px rgba(0,0,0,0.22);
box-shadow: 7px 10px 5px 0px rgba(0,0,0,0.22);
margin:20px 0;
}	
	
.section-box-nine{
        height: 310px;
        background: #000;
        color: #fff;
        position: relative;
        overflow:hidden;
		margin-bottom:20px;	
    }
	
	figure {
		display:none;
    }
	
	figure h3{
		color:#ffffff;
		font-size:16px;
    }
	
    .section-box-nine:hover figure {
		display:block;
        position: absolute;
        text-align: center;
        padding: 19px;
        width: 100%;
        height: 100%;
		z-index:2000;
    }
    .section-box-nine img, .section-box-nine iframe{
		width: 100%;
        height: 100%;
		object-fit:cover;
        position: absolute;
        transition: ease-in-out .5s;
        -webkit-transition: ease-in-out .5s;
        -moz-transition: ease-in-out .5s;
    }
    .section-box-nine:hover img, .section-box-nine:hover iframe{
        transform: scale(1.4);
        -webkit-transform: scale(1.4);
        -moz-transform: scale(1.4);
        opacity: 0.1;
    }	
	
/*...............Gallery End..................*/



.gallery > div > p{position:relative; overflow:hidden; border: solid 7px #e8d89f; height:335px; text-align:center; padding:5px; margin-bottom:30px;}
.gallery > div > p:hover img {transform:scale(1.1); transition:ease-out all 0.3s;}
.gallery > div > p > span {position:relative; display:block; overflow:hidden; height:310px;}
.gallery > div > p > span > img {width:auto; height:340px;}

.gallery > div > p:hover .galleryoverlay {opacity:1; transition:ease all 0.5s; position:absolute; width:100%; bottom:0; left:0; z-index:2000; color:#ffffff; text-align:center; font-size:14px; padding:7% 10px; background:rgba(0,0,0,0.6);}
.galleryoverlay {opacity:0; bottom:-100px;}


.modal {
    z-index: 3000 !important;
}	
	
.modal-title {
    margin: 0;
    line-height: 1.42857143;
	font-family: "Alegreya Sans SC";
    font-size: 35px;
	color: #e4a407;
}

.modal-content {
    position: relative;
    background-color: #353535 !important;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border: 1px solid #999;
    border: 1px solid rgba(0,0,0,.2);
    border-radius: 6px;
    outline: 0;
    -webkit-box-shadow: 0 3px 9px rgba(0,0,0,.5);
    box-shadow: 0 3px 9px rgba(0,0,0,.5);
	font-size:16px;
}	

.label{color:#ffffff;}

.form-control2 {
    color: #ffffff;
}

.form-group{margin:8px 0;}

.form-group > input{height:50px;}

.close {
    float: right;
    font-size: 21px;
    font-weight: 700;
    line-height: 1;
    color: #fff;
    text-shadow: 0 1px 0 #fff;
    filter: alpha(opacity=20);
    opacity: 1 !important;;
}

.form-control::-moz-placeholder {
  color: #000000;
  opacity: 1;
}
.form-control:-ms-input-placeholder {
  color: #000000;
}
.form-control::-webkit-input-placeholder {
  color: #000000;
}

/* Responsive Styles */

@media (min-width: 991px) {
.nav-brand {
  float:left;
  margin:0;
}
}

@media(max-width:991px) {
    .customer-img,
    .img-related {
        margin-bottom: 30px;
    }
}

@media(max-width:800px) {
.header ul{
display:none;
}
.togglewrapper{position:relative;}
.togglemenu{display:block; position:relative; background-color:#f3ce52; padding:4px; margin-top:10px; border-radius:5px;}
.togglemenu span{border:solid 1px #ffffff; width:30px; display:block; margin:5px 0;}
.togglecontentmain{display:none; position:relative;}
.togglecontentmain > img{position:absolute; left:-243px; z-index:3000; top:-0px;}
.togglecontent{position:absolute; display:block; z-index:1000; width:250px; right: 0; background-color:#06626f; color:#ffffff; padding:4px; animation-name: example; animation-duration: 0.5s;}
/* The animation code */
@keyframes example {
    from {right:-200px;}
    to {right: 0;}
}
.togglecontent > span a{display:block; color:#ffffff; border-bottom:solid 1px #ffffff; font-size:17px; padding:2px 0; text-decoration:none; transition:ease all 0.5s;}
.togglecontent > span a:hover{display:block; background-color:#ffffff; color:#000000;}
.tableblock{width:99%; overflow-x:scroll;}
.table {
    width: 1400px;
    max-width: 1400px;
}

.content {position:relative; background:#f3ce52; padding:3%; width:97%; font-size:15px; font-weight:bold; text-align:justify;}
.homenotice{background:none; padding:5px; font-size:14px;}
.homenotice >marquee > p {margin-bottom:30px; border-bottom:dashed 1px #900;}
}

@media(max-width:767px) {
    .img-portfolio {
        margin-bottom: 15px;
    }

    header.carousel .carousel {
        height: 70%;
    }
}

@media (max-width: 580px) {
.nav-brand {
  float:left;
  margin:0;
  font-size:29px;
}
.block_aleft{
width:100%; position:relative; top:10px;
}
.block_aleftimg, .block_aleftimgshadow{display:none;}

}

@media (min-width: 768px) {

}