/*!
 * Start Bootstrap - Modern Business HTML Template (http://startbootstrap.com)
 * Code licensed under the Apache License v2.0.
 * For details, see http://www.apache.org/licenses/LICENSE-2.0.
 */

/* Global Styles */

html,
body {
	background-color:#FFF;
}


.clr{
	clear:both;
}

.header {
	margin:0 0 0 5px;
}

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

.header ul li{
	list-style-type:none;
	float:left;
	line-height:40px;
	font-weight:bold;
	margin-top:20px;
}

.header ul li a{
	margin:0 7px;
	color:#ffffff;
}


.service span{
display:block;
padding:4px;
text-align:center;
margin-top:80px;

/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#1e5799+0,65d7f4+33,ffffff+45,ffffff+59,65d7f4+72,7db9e8+100&0+0,1+33,1+45,1+60,1+72,0+100 */
background: -moz-linear-gradient(left,  rgba(30,87,153,0) 0%, rgba(101,215,244,1) 33%, rgba(255,255,255,1) 45%, rgba(255,255,255,1) 59%, rgba(243,252,254,1) 60%, rgba(101,215,244,1) 72%, rgba(125,185,232,0) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left,  rgba(30,87,153,0) 0%,rgba(101,215,244,1) 33%,rgba(255,255,255,1) 45%,rgba(255,255,255,1) 59%,rgba(243,252,254,1) 60%,rgba(101,215,244,1) 72%,rgba(125,185,232,0) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right,  rgba(30,87,153,0) 0%,rgba(101,215,244,1) 33%,rgba(255,255,255,1) 45%,rgba(255,255,255,1) 59%,rgba(243,252,254,1) 60%,rgba(101,215,244,1) 72%,rgba(125,185,232,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#001e5799', endColorstr='#007db9e8',GradientType=1 ); /* IE6-9 */
}

.service img{
margin-top:20px;
}


@media(max-width:350px) {
.header ul li:nth-child(1){
display:none;
}
.header ul li:nth-child(2){
display:none;
}
.header ul li:nth-child(3){
display:none;
}


.header ul li a{
	display:block;
	margin:0 3px;
	color:#ffffff;
}

}



@media(max-width:380px) {
.header ul li a{
	margin:0 3px;
	color:#ffffff;
}
}

.welcometext{
color:#006fa2;
font-family:"Century Gothic";
}

.homepagebanner{
	display:none;
}

.pagebanner{
	display:block;
    }

.mainwrapper_home{
	background:url(../images/introbg.jpg) fixed;
}

.mainwrapper_home .leftpanel{
	margin:0;
	padding:30px 0 0;
	background:url(../images/leftdesignbg.png) left no-repeat;
}



.mainwrapper_home .rightpanel{
	margin:90px 0 0;
	padding:50px 0;
	background:url(../images/rightdesignbg.png) right no-repeat;
}

.mainwrapper_hometext{
	width:100%;
	z-index:1000;
	position:absolute;
	color:#900;
	text-align:center;
	bottom:0;
	left:0px;
}



.mainwrapper{
background-color:#8ecf1d;
}


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


.img-portfolio img{
	height:280px;
	width:100%;
}



.homepage_content{
	text-align:justify;
	padding:2%;
}

.homepage_content h3{
font-family:"Freestyle Script";
font-size:55px;
color:#fffc00;
text-align:left;
margin-top:0;
}


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

.bannerwrapper{
position:relative;
}

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



#contentwrapper{
display:block;
background:url(../images/contentbg.png) no-repeat right fixed;
background-color:#066c85;
margin-top:140px;
}

#contentwrapper p{
color:#ffffff;
padding:30px 1%;
text-align:justify;
font-size:18px;
}
#contentwrapper h1{
color:#ffffff;
padding:30px 20px 10px;
font-family:"Century Gothic";
}


#contentwrapper2{
display:block;
background:url(../images/contentbg3.png) no-repeat right fixed;
background-color:#33a6c3;
margin-top:140px;
color:#ffffff;
padding:30px 1%;
}

#contentwrapper2 p{
color:#ffffff;
padding:30px 1%;

font-size:18px;
}
#contentwrapper2 h1{
color:#ffffff;
padding:30px 20px 10px;
font-family:"Century Gothic";
}

#contentwrapper2 table{
margin:0 auto;
width:100%;
}

#contentwrapper2 table tr td{

border:2px dashed #08d9f8;
color:#fff;
padding:10px;
font-weight:bold;
}



#contentwrapper3{
display:block;
margin-top:140px;
}

#contentwrapper3 p{
color:#ffffff;
padding:30px 1%;
text-align:justify;
font-size:18px;
}
#contentwrapper3 h1{
color:#900;
padding:3px 20px 3px;
font-family:"Century Gothic";

background: rgba(252,234,187,1);
background: -moz-linear-gradient(left, rgba(252,234,187,1) 0%, rgba(247,204,96,1) 51%, rgba(247,204,96,0) 99%, rgba(247,204,96,0) 100%);
background: -webkit-gradient(left top, right top, color-stop(0%, rgba(252,234,187,1)), color-stop(51%, rgba(247,204,96,1)), color-stop(99%, rgba(247,204,96,0)), color-stop(100%, rgba(247,204,96,0)));
background: -webkit-linear-gradient(left, rgba(252,234,187,1) 0%, rgba(247,204,96,1) 51%, rgba(247,204,96,0) 99%, rgba(247,204,96,0) 100%);
background: -o-linear-gradient(left, rgba(252,234,187,1) 0%, rgba(247,204,96,1) 51%, rgba(247,204,96,0) 99%, rgba(247,204,96,0) 100%);
background: -ms-linear-gradient(left, rgba(252,234,187,1) 0%, rgba(247,204,96,1) 51%, rgba(247,204,96,0) 99%, rgba(247,204,96,0) 100%);
background: linear-gradient(to right, rgba(252,234,187,1) 0%, rgba(247,204,96,1) 51%, rgba(247,204,96,0) 99%, rgba(247,204,96,0) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fceabb', endColorstr='#f7cc60', GradientType=1 );
}


#contentwrapper4{
display:block;
margin-top:40px;
}

#contentwrapper4 p{
color:#ffffff;
padding:30px 1%;
text-align:justify;
font-size:18px;
}
#contentwrapper4 h1{
color:#900;
padding:3px 20px 3px;
font-family:"Century Gothic";

background: rgba(252,234,187,1);
background: -moz-linear-gradient(left, rgba(252,234,187,1) 0%, rgba(247,204,96,1) 51%, rgba(247,204,96,0) 99%, rgba(247,204,96,0) 100%);
background: -webkit-gradient(left top, right top, color-stop(0%, rgba(252,234,187,1)), color-stop(51%, rgba(247,204,96,1)), color-stop(99%, rgba(247,204,96,0)), color-stop(100%, rgba(247,204,96,0)));
background: -webkit-linear-gradient(left, rgba(252,234,187,1) 0%, rgba(247,204,96,1) 51%, rgba(247,204,96,0) 99%, rgba(247,204,96,0) 100%);
background: -o-linear-gradient(left, rgba(252,234,187,1) 0%, rgba(247,204,96,1) 51%, rgba(247,204,96,0) 99%, rgba(247,204,96,0) 100%);
background: -ms-linear-gradient(left, rgba(252,234,187,1) 0%, rgba(247,204,96,1) 51%, rgba(247,204,96,0) 99%, rgba(247,204,96,0) 100%);
background: linear-gradient(to right, rgba(252,234,187,1) 0%, rgba(247,204,96,1) 51%, rgba(247,204,96,0) 99%, rgba(247,204,96,0) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fceabb', endColorstr='#f7cc60', GradientType=1 );
}


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

.homepage_tour{
background:url(../images/tourbg.jpg) right no-repeat;
background-color:#e2e4e5;
padding:5%;
}

.homepage_tour .block{
position:relative;
}

.homepage_tour .content{
width:100%;
position:absolute;
z-index:1000;
text-align:center;
font-size:55px;
top: 42%;
font-weight:bold;
color:#fffc00;
font-family:Vivaldi;
}

.homepage_tour .content a{
color:#fffc00;
text-decoration:none;
}


.homepage_tour .block img{
	opacity:1;
	border:solid 15px #ffffff;

}

.homepage_tour .block img:hover{
	opacity:0.4;
-webkit-transition:ease all .25s;
    -o-transition:ease all .25s;
    transition:ease all .25s;
}



.homepage_service{
padding:5% 0;
}

.homepage_service div:nth-child(1){
padding-top:60px;

}

.homepage_service div:nth-child(1):hover{
background:url(../images/imgbg.jpg) top no-repeat;
background-color:#ffffff;
}

.homepage_service div:nth-child(2){
padding-top:60px;
}

.homepage_service div:nth-child(2):hover{
background:url(../images/imgbg2.jpg) top no-repeat;
background-color:#ffffff;
}


.homepage_service div:nth-child(3){
padding-top:60px;
}

.homepage_service div:nth-child(3):hover{
background:url(../images/imgbg3.jpg) top no-repeat;
background-color:#ffffff;
}


.homepage_service div:nth-child(4){
padding-top:60px;
}

.homepage_service div:nth-child(4):hover{
background:url(../images/imgbg4.jpg) top no-repeat;
background-color:#ffffff;
}

.homepage_service div:nth-child(5){
padding-top:60px;
}

.homepage_service div:nth-child(5):hover{
background:url(../images/imgbg5.jpg) top no-repeat;
background-color:#ffffff;
}



.homepage_service div:nth-child(6){
padding-top:60px;
}

.homepage_service div:nth-child(6):hover{
background:url(../images/imgbg6.jpg) top no-repeat;
background-color:#ffffff;
}


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

.homepage_service ul li{
list-style-type:none;
display:inline-block;
width:12%;
text-align:center;
font-weight:bold;
font-size:13px;
color:#900;
}

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

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

.homepage_service span a{
color:#900;
}


footer{
background-color:#000;
padding:20px;
color:#ffffff;
}


.banner{
height:510px;
}

.mobilemenu{
	display:none;
}


.formclass{
background: none;
	border:solid 1px #ffffff;
	color:#ffffff;
}

.capchaalign{
	text-align:center;
}


/* content scroll */

.scrollbar
{
	float: left;
	height: 300px;
	width: 100%;
	overflow-y: scroll;
	margin-bottom: 25px;
	padding-left:20px;
}

.force-overflow
{
	min-height: 450px;
	text-align:justify;
	padding:0 30px 0 0;
	color:#fff;
}

#wrapper
{
	width: 100%;
	margin: auto;
}

/*
 *  STYLE 1
 */

#style-1::-webkit-scrollbar-track
{

	border-radius: 10px;
	background: transparent;
}

#style-1::-webkit-scrollbar
{
	width: 4px;
	background: transparent;
}

#style-1::-webkit-scrollbar-thumb
{
	border-radius: 10px;
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
	background-color: rgba(0,0,0,.7);
}





.scrollbar2
{
	float: left;
	height: 500px;
	width: 100%;
	overflow-y: scroll;
	margin-bottom: 25px;
	padding-left:20px;
}

.force-overflow2
{
	min-height: 450px;
	text-align:justify;
	padding:0 30px 0 0;
	color:#fff;
}

#wrapper
{
	width: 100%;
	margin: auto;
}
/*
 *  STYLE 2
 */

#style-2::-webkit-scrollbar-track
{

	border-radius: 10px;
	background: transparent;
}

#style-2::-webkit-scrollbar
{
	width: 4px;
	background: #ffffff;
}

#style-2::-webkit-scrollbar-thumb
{
	border-radius: 10px;
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
	background-color: rgba(0,0,0,.7);
}

/* content scroll */




.form-control::-webkit-input-placeholder { color: white; }  /* WebKit, Blink, Edge */
.form-control:-moz-placeholder { color: white; }  /* Mozilla Firefox 4 to 18 */
.form-control::-moz-placeholder { color: white; }  /* Mozilla Firefox 19+ */
.form-control:-ms-input-placeholder { color: white; }  /* Internet Explorer 10-11 */
.form-control::-ms-input-placeholder { color: white; }  /* Microsoft Edge */



@media(max-width:991px) {
.homepage_service ul li{
list-style-type:none;
display:inline-block;
width:30%;
text-align:center;
font-weight:bold;
font-size:13px;
color:#900;
margin:30px 10px;
}

.banner{
height:300px;
}

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

.service span{
display:block;
padding:4px;
text-align:center;
margin-top:2px;

/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#1e5799+0,65d7f4+33,ffffff+45,ffffff+59,65d7f4+72,7db9e8+100&0+0,1+33,1+45,1+60,1+72,0+100 */
background: -moz-linear-gradient(left,  rgba(30,87,153,0) 0%, rgba(101,215,244,1) 33%, rgba(255,255,255,1) 45%, rgba(255,255,255,1) 59%, rgba(243,252,254,1) 60%, rgba(101,215,244,1) 72%, rgba(125,185,232,0) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left,  rgba(30,87,153,0) 0%,rgba(101,215,244,1) 33%,rgba(255,255,255,1) 45%,rgba(255,255,255,1) 59%,rgba(243,252,254,1) 60%,rgba(101,215,244,1) 72%,rgba(125,185,232,0) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right,  rgba(30,87,153,0) 0%,rgba(101,215,244,1) 33%,rgba(255,255,255,1) 45%,rgba(255,255,255,1) 59%,rgba(243,252,254,1) 60%,rgba(101,215,244,1) 72%,rgba(125,185,232,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#001e5799', endColorstr='#007db9e8',GradientType=1 ); /* IE6-9 */
}


}

@media(max-width:880px) {
.tablescroll{
margin:0 auto;
width:540px;
overflow-x:scroll;
}
}

@media(max-width:580px) {
.tablescroll{
margin:0 auto;
width:350px;
overflow-x:scroll;
}
}

@media(max-width:640px) {
.banner{
height:250px;
}

.tour {
    margin: 4px 0;
}

#contentwrapper3 {
    display: block;
    margin-top: 40px;
}

#contentwrapper3 p{
color:#ffffff;
padding:4px 1%;
text-align:justify;
font-size:18px;
}

#contentwrapper3 h1{
font-size:24px;
}


#contentwrapper4 {
    display: block;
    margin-top: 40px;
}

#contentwrapper4 p{
color:#ffffff;
padding:4px 1%;
text-align:justify;
font-size:18px;
}

#contentwrapper4 h1{
font-size:24px;
}

}

@media(max-width:767px) {
.homepage_service ul li{
width:45%;
}
}

@media(max-width:800px) {
.mobilemenu{
	display:block;
}

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

.mobilemenu ul li{
	list-style-type:none;
	text-align:center;
}

.mobilemenu ul li a{
	display:block;
	padding:6px 0;
	color:#900;
	border-bottom:dashed 2px #900;
}

.mobilemenu ul li a:hover{
	background-color:#ffffe5;
	text-decoration:none;
}

.bannerwrapper .menu{
display:none;
}

#contentwrapper{
display:block;
background-color:#0287b3;
margin-top:10px;
}

}

@media(max-width:530px) {
.homepage_service ul li{
width:30%;
}

.banner{
height:200px;
}


.homepage_tour .content{
width:100%;
position:absolute;
z-index:1000;
text-align:left;
font-size:30px;
top: 42%;
font-weight:bold;
color:#fffc00;
padding-left:40px;
font-family:Vivaldi;
}


}

@media(max-width:420px) {
.banner{
height:130px;
}

.tablescroll{
margin:0 auto;
width:350px;
overflow-x:scroll;
}
}


@media(max-width:380px) {
.tablescroll{
margin:0 auto;
width:250px;
overflow-x:scroll;
}
}


/* Float */
.hvr-float {

  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.hvr-float:hover, .hvr-float:focus, .hvr-float:active {
  -webkit-transform: translateY(-8px);
  transform: translateY(-8px);
  opacity:1;
}


.contactwrapper{
color:#ffffff;
padding:7%;
font-size:16px;
background: url(../images/contactbg.jpg) no-repeat center center fixed; 
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
}

.contactwrapper h1{
color:#ffffff;
padding:30px 0 10px;
font-family:"Century Gothic";
}


.tour{
margin:4px 0;
}


/* Responsive Styles */

@media(max-width:991px) {

.social{
 margin-top:0px;
}


	
	
.mainwrapper_home .rightpanel{
	margin:0px 0 0;
	padding:20px 0;
	background:url(../images/rightdesignbg.png) right no-repeat;
}
}

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

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

@media(max-width:480px) {
.footertop img{
	float:right;
	width:40%;	
}
}






/* tour image hover effect */

.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);
}

.hovereffect .overlay {
width:100%;
height:100%;
position:absolute;
overflow:hidden;
top:0;
left:0;
opacity:0;
background-color:rgba(0,0,0,0.5);
-webkit-transition:all .4s ease-in-out;
transition:all .4s ease-in-out
}

.hovereffect img {
display:block;
position:relative;
-webkit-transition:all .4s linear;
transition:all .4s linear;
}

.hovereffect h2 {
text-transform:uppercase;
color:#fff;
text-align:center;
position:relative;
font-size:14px;
background:rgba(0,0,0,0.6);
-webkit-transform:translatey(-100px);
-ms-transform:translatey(-100px);
transform:translatey(-100px);
-webkit-transition:all .2s ease-in-out;
transition:all .2s ease-in-out;
padding:10px;
}

.hovereffect a.info {
text-decoration:none;
display:inline-block;
text-transform:uppercase;
color:#fff;
border:1px solid #fff;
background-color:transparent;
opacity:0;
filter:alpha(opacity=0);
-webkit-transition:all .2s ease-in-out;
transition:all .2s ease-in-out;
margin:50px 0 0;
padding:7px 14px;
}

.hovereffect a.info:hover {
box-shadow:0 0 5px #fff;
}

.hovereffect:hover img {
-ms-transform:scale(1.2);
-webkit-transform:scale(1.2);
transform:scale(1.2);
}

.hovereffect:hover .overlay {
opacity:1;
filter:alpha(opacity=100);
}

.hovereffect:hover h2,.hovereffect:hover a.info {
opacity:1;
filter:alpha(opacity=100);
-ms-transform:translatey(0);
-webkit-transform:translatey(0);
transform:translatey(0);
}

.hovereffect:hover a.info {
-webkit-transition-delay:.2s;
transition-delay:.2s;
}

/* tour image hover effect end*/