/*!
 * 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.png) fixed;
}


.clr{clear:both;}

.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 */

.headertop {
  padding:3px;
  font-size: 16px;
  font-family: 'Abel';
  font-weight: bold;
  text-align:right;
  color: #ffffff;
  background: #465256;
  z-index:3000;
}

.header {
  padding: 5px 0;
  border-top: 1px solid #60ffea;
  background:url(../images/titlebg.png) no-repeat left top;
  background-color:#1186b1;
  width:100%;
  z-index:3000;
}

.nav-brand {
	float:left;
  font-size: 43px;
  padding:2px 0;
  margin:0;
  color:#c7a600;
}

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

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

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

.header ul li a{
display:block;
text-align:center;
color:#ffffff;
font-size:16px;
font-family: 'Abel';
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:#ffffff;
color:#000000;
border-radius:0 0 10px 10px;
}

.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: 'Abel'; text-transform:uppercase; font-size: 40px; color:#1186b1;}
h1 > span{display:block; width:160px; border:solid 2px #647b84; margin-bottom:30px;}

.content {font-size:15px; padding:2% 10px; font-weight:bold; text-align:justify;}
.content .block{padding:20px 0;}

.content > .block_a{position:relative;}

.contactblock_left, .contactblock_right{
	float:left;
	width:50%;
}

.contactblock_left, .contactblock_right{padding:2% 5%; font-size:16px;}

.contactblock_left > h1, .contactblock_right > h1{font-family: 'Abel'; text-transform:uppercase; font-size: 40px; color:#1186b1;}
.contactblock_left > h1 > span, .contactblock_right > h1 > span{display:block; width:160px; border:solid 2px #647b84; margin-bottom:30px;}


/* Footer Styles */

.btn-warning, .btn-warning:hover {
    color: #fff;
    background-color: #ffc325;
    border:0;
}

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

.result{
padding:3%;
margin-top:30px;
border-radius:6px;
-webkit-box-shadow: 0px -2px 5px 7px rgba(0,0,0,0.14);
-moz-box-shadow: 0px -2px 5px 7px rgba(0,0,0,0.14);
box-shadow: 0px -2px 5px 7px rgba(0,0,0,0.14);
}

.result span{
padding:10px 0;
display:block;
margin:4px 0;
}

.result span strong{
color:#900;
font-size:14px;
}

.result img{
margin:16px auto 10px;
}


.nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover {
    color: #fff;
    background-color: #da754e;
	font-size:18px;
}

.nav>li>a {
    position: relative;
    display: block;
    padding: 10px 15px;
	color:#ffffff;
	background:#909090;
}

.nav>li>a:hover{background:#909090; padding: 10px 15px;}


footer {
	position:relative;
    margin:0;
	padding:7px;
	background-color: rgb(17, 134, 177);
	color:#ffffff;
	text-align:right;
}

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


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

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

.enquiry{
background: url('../images/enquirybg.jpg') no-repeat fixed bottom;
background-color:#4a6063;
padding:0 4%; margin:80px 0 0;
}
.enquiry h1{font-family: 'Abel'; font-size: 56px; color:#ffc325; 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;}
.enquiry > form > .form-group > input{height:60px;}

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


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

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

.gallery-section{
border:solid 10px #babbbb;
-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: rgb(2, 62, 44);
        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..................*/

.modal {
    z-index: 3000 !important;
}	


#next {
    background: none;
    color: #1186b1;
    font-weight: bold;
    border: solid 2px #1186b1;
    padding: 4px 13px;
    outline: none;
    margin: 0 auto;
    display: block;
}


/* 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:#bbe1ff; 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:-230px; z-index:3000; top:0px;}
.togglecontent{position:absolute; display:block; z-index:1000; width:250px; right: 0; background-color:#bbe1ff; color:#ffffff; padding:8px 4px 8px 15px; animation-name: example; animation-duration: 0.5s;}
/* The animation code */
@keyframes example {
    from {right:-200px;}
    to {right: 0;}
}
.togglecontent > span a{display:block; font-weight:bold; font-family: 'Abel'; color: rgb(14, 19, 17); text-transform:uppercase; border-bottom:solid 1px #ffffff; font-size:15px; padding:5px 4px 5px 15px; text-decoration:none; transition:ease all 0.5s;}
.togglecontent > span a:hover{display:block; background:#ffffff; color:#000000;}
.tableblock{width:99%; overflow-x:scroll;}
.table {
    width: 1400px;
    max-width: 1400px;
}
}

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

    header.carousel .carousel {
        height: 70%;
    }
	
.contactblock_left, .contactblock_right{
	float:none;
	width:100%;
}
.map{width:100%; height:500px; border:0;}
	
}

@media (max-width: 580px) {

h1, .contactblock_left > h1, .contactblock_right > h1{font-size:30px;}

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

.quotation-mark{
	display:none;
}

.map{width:100%; height:360px; border:0;}

}

@media (max-width: 480px) {
h1, .contactblock_left > h1, .contactblock_right > h1 {font-size:25px;}
}

@media (min-width: 768px) {
  .modal-xl {
    width: 90%;
   max-width:1200px;
  }
}