/*!
 * 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 {

}

body {
    padding-top:0; /* Required padding for .navbar-fixed-top. Remove if using .navbar-static-top. Change if height of navigation changes. */
}

.clr{clear:both;}

.loader {
	position: fixed;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	z-index: 9999;
	background: url('../images/loader.gif') 50% 50% no-repeat rgb(249,249,249,0.8);
}

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

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

.navbar{background:rgba(0,0,0,0)!important;
border:0;
padding:0 0 10px 3px;
position:absolute;
top:0;
z-index:1000;
width:100%;
}

.navbar-brand {
    float: left;
    height: 50px;
    padding:0;
    font-size: 18px;
    line-height: 0;
}

.navbar-inverse {
    background:rgba(0,0,0,0.7);
    border-color: #080808;
}

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

.bannerwrapper {
    position: relative;
}

.bannerwrapper .menu {
    width: 90%;
    position: absolute;
    z-index: 1000;
    bottom: -100px;
	left:0;
	right:0;
    margin: 0 auto;
}

.homepage_service {
    padding: 1% 0;
}

.homepage_service div:nth-child(1), .homepage_service div:nth-child(2), .homepage_service div:nth-child(3), .homepage_service div:nth-child(4), .homepage_service div:nth-child(5), .homepage_service div:nth-child(6) {
    padding-top: 60px;
}

.homepage_service img {
    border: solid 15px #ffffff;
	margin: 0;
}

.homepage_service img:hover {
    margin: -10px 0;
	transition:ease-out all 0.5s;
}

.homepage_service span {
    display: block;
    padding-top: 15px;
    height: 50px;
    color: #900;
    font-weight: bold;
    text-align: center;
}

.homepage_service span a {
	font-family: 'Berkshire Swash';
	font-size:18px;
    color: #d9534f;
}

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

.homecontentblock{margin:150px 0 10px;  background:url(../images/welcomeimg.jpg) fixed no-repeat right;}
.homecontentblock > div:nth-child(1){float:left; width:60%; padding:40px 20px; background-color:#3bb2c6;}
.homecontentblock > div:nth-child(2){float:right; width:40%;}

.homecontentblock > div:nth-child(1)> h3 {color:#ffffff; font-family: 'Berkshire Swash'; font-size:33px;}
.content{color:#ffffff;}

.contentblock{margin:130px 0 10px;}
.contentblock h3{font-family: 'Berkshire Swash'; font-size:33px; color: #125561;}
.contentblock > .content{color:#000000; text-align:justify; display:block; padding-bottom:20px;}

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

.hovereffect {
    width: 100%;
    height: 100%;
    float: left;
    overflow: hidden;
    position: relative;
    text-align: center;
    cursor: default;
    -webkit-box-shadow: 0px 10px 25px -6px rgba(0,0,0,0.41);
    -moz-box-shadow: 0px 10px 25px -6px rgba(0,0,0,0.41);
    box-shadow: 0px 10px 25px -6px rgba(0,0,0,0.41);
	transition:ease-out all 0.5s;
}

.hovereffect:hover img{transform:scale(1.3); transition:ease-in all 0.5s;}

.hovereffect:hover .overlay{display:block;}

.overlay{
	display:none;
	position: absolute;
	width:100%;
	height:100%;
	background:rgba(0,0,0,0.5);
	z-index:1000;
	left:0;
	top:0;
}

.overlay h2{color:#ffffff; font-size:24px; font-family: 'Berkshire Swash'; display:block; margin:40px auto 50px;}

.overlay a{color:#ffffff; border:solid 1px #ffffff; padding:7px; text-decoration:none;}

.modal-title{font-family: 'Berkshire Swash'; color: #2e6e79; font-size:34px;}

.modal-body{font-size:16px; color: #666a6b;}

.modal-body > div > img{margin-bottom:30px;}

/* Footer Styles */
.footerdetails {
    margin: 0;
	padding:5px 10px;
	background:url(../images/footercontentbg.jpg) fixed no-repeat top;
}

.footerdetails .enquiry >h3, .footerdetails .contact >h3{color:#ffffff; font-size:28px; font-family: 'Berkshire Swash';}
.footerdetails .enquiry > div > .form-control {background:none; border:solid 1px #ffffff; border-radius:0; color:#ffffff;}
.footerdetails .contact > span{
	color:#ffffff; font-size:14px; font-weight:bold;
	    font-family: Verdana, Geneva, Tahoma, sans-serif;
}

footer {
    margin: 0;
	background:#3bb2c6;
	color:#ffffff;
	padding:10px;
	text-align:right;
}

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

/*................pagination..................*/
.pagen{
		padding:6px;
		color: #3bb2c6;
		text-align:justify;
		font-size:12px;
		background: #ffffff;
		width:80px;
		height:16px;
		border:1px solid #3bb2c6;
		font-weight:bold;
		text-decoration:none;
		margin:1px;
	}
	
.pagen:hover{
		color: #ffffff;
		
		font-size:12px;
		width:80px;
		 background: #3bb2c6;
		height:16px;
		border:1px solid #000000;
		font-weight:bold;
		text-decoration:none;
	}
		.pagen1{
			font-size:12px;
			text-align:justify;
		padding:6px;
		color:#ffffff;
		text-align:justify;
	    background: #3bb2c6;
		width:80px;
		height:16px;
		border:1px solid #000;
		
	}

/* Responsive Styles */

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

@media(max-width:800px) {
.bannerwrapper .menu {
    display:none;
}
.homecontentblock{margin:10px 0 30px;}
.homecontentblock > div:nth-child(1){float:none; width:100%; padding:20px;}
.homecontentblock > div:nth-child(2){display:none;}

.contentblock {
    margin: 10px 0 10px;
}

.togglewrapper{position:fixed; z-index:3000; right:0;}
.togglemenu{display:block; position:relative; background-color:#d9534f; 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:-10px;}
.togglecontent{position:absolute; display:block; z-index:1000; width:250px; right: 0; background-color:#d9534f; 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; padding:5px 0; text-decoration:none; transition:ease all 0.5s;}
.togglecontent > span a:hover{display:block; background-color:#ffffff; color:#000000;}
}

}

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


}