/*!
 * 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;
 /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#774545+0,ffffff+100&1+0,0+100 */
background: -moz-linear-gradient(top, rgba(119,69,69,1) 0%, rgba(255,255,255,0) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(119,69,69,1) 0%,rgba(255,255,255,0) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(119,69,69,1) 0%,rgba(255,255,255,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#774545', endColorstr='#00ffffff',GradientType=0 ); /* IE6-9 */
 /* background:url(../images/bg.jpg); */
}

.clr{clear:both;}

/* Preloader */
#preloader {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background:rgba(0,0,0,0.8);
  /* change if the mask should have another color then white */
  z-index: 2000;
  /* 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*/

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

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

/* Home Page Carousel */

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

.header {
  padding: 15px 0 15px;
  border-bottom: 1px solid #ccc;
  background:rgba(255,255,255,0.8);
  width:100%;
  z-index:3000;
}

.nav-brand {
  font-size: 40px;
  padding:2px 0;
  margin:0;
  color:#f90202;
  font-family: 'Berkshire Swash';
}

.nav-brand img{
	margin:0 5px 0 0;
}

.header .navigation{
position:absolute;
bottom:-30px;
background: #da8787;
border-radius:4px;
box-shadow: 0px 0px 12px rgba(0,0,0,0.7);
-moz-box-shadow: 0px 0px 12px rgba(0,0,0,0.7);
-webkit-box-shadow: 0px 0px 12px rgba(0,0,0,0.7);
}

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

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

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

.header ul li a:hover{
background:#71616e;
color:#ffffff;
}

.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:#bb5858; border-bottom:solid 1px #cccccc; padding:5px 3px;}
.navcontent > ul > li > a:hover{background-color:#cccccc; color:#000000;}

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

.banner{position:relative;}

.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: 'Berkshire Swash'; font-size: 35px; text-align: left;}
h1 span{color:#9a1b1b;}
h1 .span{width:100px; border-bottom:solid 1px #000000; padding:4px; display:block;}

#contentwrapper{background:url(../images/bg.jpg);}
.content{position:relative; margin-bottom:5px;}
.content .block {
    width: 95%;
    padding: 3%;
    position: relative;
    text-align: justify;
    background: rgba(39, 5, 19, 0.75);
    color: #000000;
	font-size:18px;
    margin: 0 auto 20px;
    background: -moz-linear-gradient(top, rgba(246,248,249,1) 0%, rgba(229,235,238,0.49) 50%, rgba(215,222,227,0.48) 51%, rgba(244,246,249,0) 99%, rgba(245,247,249,0) 100%);
    background: -webkit-linear-gradient(top, rgba(246,248,249,1) 0%,rgba(229,235,238,0.49) 50%,rgba(215,222,227,0.48) 51%,rgba(244,246,249,0) 99%,rgba(245,247,249,0) 100%);
    background: linear-gradient(to bottom, rgb(255, 208, 208) 0%,rgba(229,235,238,0.49) 50%,rgba(215,222,227,0.48) 51%,rgba(244,246,249,0) 99%,rgba(245,247,249,0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f6f8f9', endColorstr='#00f5f7f9',GradientType=0 );
}


.content .blockinner {
    width: 95%;
    padding: 3%;
    position: relative;
    text-align: justify;
    background: rgba(39, 5, 19, 0.75);
    color: #000000;
	font-size:18px;
    margin: 180px auto 20px;
    background: -moz-linear-gradient(top, rgba(246,248,249,1) 0%, rgba(229,235,238,0.49) 50%, rgba(215,222,227,0.48) 51%, rgba(244,246,249,0) 99%, rgba(245,247,249,0) 100%);
    background: -webkit-linear-gradient(top, rgba(246,248,249,1) 0%,rgba(229,235,238,0.49) 50%,rgba(215,222,227,0.48) 51%,rgba(244,246,249,0) 99%,rgba(245,247,249,0) 100%);
    background: linear-gradient(to bottom, rgb(255, 208, 208) 0%,rgba(229,235,238,0.49) 50%,rgba(215,222,227,0.48) 51%,rgba(244,246,249,0) 99%,rgba(245,247,249,0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f6f8f9', endColorstr='#00f5f7f9',GradientType=0 );
}


.homeimg > div > .span{border:solid 2px #da8787; width:70%; text-align:center; font-size:14px; margin:40px auto; padding:6px; display:block}

.homeimg > div > .span > strong{color:#a23c3c; font-size:16px;}

.predictionform{position:absolute; bottom:-80px; z-index:10; left:0; right:0; margin:0 auto;}

.gap{padding:30px 0;}

.blockinner .img{margin:40px auto 40px auto; border:solid 4px #feb9b9; width:100%; height:200px;
object-fit: cover;
overflow:hidden;
-webkit-box-shadow: 20px 17px 5px 0px rgba(0,0,0,0.23);
    -moz-box-shadow: 20px 17px 5px 0px rgba(0,0,0,0.23);
    box-shadow: 20px 17px 5px 0px rgba(0,0,0,0.23);
	transition:ease all 0.5s;
}

.blockinner .img:hover{}


.blockinner .content{
	margin:80px 0 0;
	padding:6px 0;
	text-align:center;
	font-size:26px;
	color:#000000;
	font-family: 'Berkshire Swash';
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ce7aef+0,d69ced+14,f4e6f4+52,d69ced+83,ce7aef+100&0+0,1+14,1+53,1+84,0+100 */
background: -moz-linear-gradient(left, rgba(206,122,239,0) 0%, rgba(214,156,237,1) 14%, rgba(244,230,244,1) 52%, rgba(243,228,244,1) 53%, rgba(214,156,237,1) 83%, rgba(214,154,237,1) 84%, rgba(206,122,239,0) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left, rgba(206,122,239,0) 0%,rgba(214,156,237,1) 14%,rgba(244,230,244,1) 52%,rgba(243,228,244,1) 53%,rgba(214,156,237,1) 83%,rgba(214,154,237,1) 84%,rgba(206,122,239,0) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right, rgba(206,122,239,0) 0%,rgba(214,156,237,1) 14%,rgba(244,230,244,1) 52%,rgba(243,228,244,1) 53%,rgba(214,156,237,1) 83%,rgba(214,154,237,1) 84%,rgba(206,122,239,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ce7aef', endColorstr='#00ce7aef',GradientType=1 ); /* IE6-9 */
}

.modal-header, h4 {
    color: #b3038b !important;
    font-size: 24px;
	font-family: 'Berkshire Swash';
}

.form-control {
    color: rgb(0, 0, 0);
    background: rgba(255, 255, 255, 0.5);
    border-radius: 8px;
    padding: 20px;
    margin: 6px 0px;
}


.dropdownoption {
    width: 100%;
    background: rgba(255,255,255,0.5);
    color: #000000;
    border-radius: 8px;
    padding: 11px;
    margin: 6px 0;
}

.btn-danger, .btn-danger:hover {
    color: #fff;
    background-color: #5d3453;
    border:0;
}

.map{margin:30px 0 0;}

.governingbody{width:70%; margin:0 auto;}
.governingbody ul{margin:0; padding:0;}
.governingbody ul li{
	list-style-type:none; width:50%; float:left; padding:6px; margin:3px 0; font-size:14px; font-weight:bold;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#d3cbc6+0,f1da36+100&1+0,1+0,0+100 */
background: -moz-linear-gradient(left, rgba(211,203,198,1) 0%, rgba(241,218,54,0) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left, rgba(211,203,198,1) 0%,rgba(241,218,54,0) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right, rgba(211,203,198,1) 0%,rgba(241,218,54,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d3cbc6', endColorstr='#00f1da36',GradientType=1 ); /* IE6-9 */
}

.governingbody ul li:nth-child(odd){color:#c74f4f;}


.governingbody2{width:70%; margin:0 auto;}
.governingbody2 ul{margin:0; padding:0;}
.governingbody2 ul li{
	list-style-type:none; width:100%; float:left; padding:6px; margin:3px 0; font-size:14px; font-weight:bold;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#d3cbc6+0,f1da36+100&1+0,1+0,0+100 */
background: -moz-linear-gradient(left, rgba(211,203,198,1) 0%, rgba(241,218,54,0) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left, rgba(211,203,198,1) 0%,rgba(241,218,54,0) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right, rgba(211,203,198,1) 0%,rgba(241,218,54,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d3cbc6', endColorstr='#00f1da36',GradientType=1 ); /* IE6-9 */
}



.membershipform .input {float:right; width:80%; background:none!important; border:0!important; -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0); border-radius:0; outline:none; border-bottom:solid 1px #717171!important;}
.text-area {background:none; border:0!important; -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0); border-radius:0; outline:none; border-bottom:solid 1px #717171!important;}
.membershipform > div> div > label {margin:10px 0 3px 0; font-size:16px; font-weight:normal;}

.importantlinks{float:right; width:230px;}
.importantlinks > .b {
    margin: 40px 0 10px 10px;
    background: -moz-linear-gradient(top, rgba(242,181,217,1) 0%, rgba(255,255,255,0) 100%);
    background: -webkit-linear-gradient(top, rgba(242,181,217,1) 0%,rgba(255,255,255,0) 100%);
    background: linear-gradient(to bottom, rgb(245, 160, 160) 0%,rgba(255,255,255,0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2b5d9', endColorstr='#00ffffff',GradientType=0 );
}
.importantlinks > .b h3{padding:5px; margin:0; font-size:14px; font-weight:bold; color:#ffffff; background:#bf6565;}
.importantlinks > .b > a{color:#900; font-style:italic; font-size:15px; font-weight:bold; display:block; padding:10px; text-decoration:underline;}
.importantlinks > .b > a:hover{color:#000000;}

/* Footer Styles */
footer {
	width:100%;
	bottom:0;
	padding:7px;
	background-color:#ad5198;
	color:#ffffff;
	text-align:right;
}

footer{
	width:100%;
	bottom:0;
	padding:0;
	background:none;
	z-index:1000;
}

footer > div:nth-child(1){
	color:#ffffff;
	text-align:right;
}

footer > div:nth-child(2){
	background-color:#da8787;
	color:#ffffff;
	text-align:center;
	font-weight:bold;
	padding:4px 10px;
}

footer > div:nth-child(2) a{
	color:#ffffff;
}

/*...............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: 270px;
        background: #000;
        color: #fff;
        position: relative;
        overflow:hidden;
		margin-bottom:20px;			
    }
	
.section-box-calender{
        height: 380px;
        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, .section-box-calender: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-calender img, .section-box-calender iframe{
		width: 100%;
        height: 100%;
        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, .section-box-calender:hover img, .section-box-calender:hover iframe{
        transform: scale(1.4);
        -webkit-transform: scale(1.4);
        -moz-transform: scale(1.4);
        opacity: 0.1;
    }	
	
/*...............Gallery End..................*/

.btn-primary, .btn-primary:hover {
    color: #fff;
    background-color: #6b6b6b;
    border:0;
}

.modal {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 3000;
    display: none;
    overflow: hidden;
    -webkit-overflow-scrolling: touch;
    outline: 0;
}

/*................pagination..................*/
.pagen{
		padding:6px;
		color: #c27a5e;
		text-align:justify;
		font-size:12px;
		background: #ffffff;
		width:80px;
		height:16px;
		border:1px solid #c27a5e;
		font-weight:bold;
		text-decoration:none;
		margin:1px;
	}
	
.pagen:hover{
		color: #ffffff;
		font-size:12px;
		width:80px;
		 background: #c27a5e;
		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: #c27a5e;
		width:80px;
		height:16px;
		border:1px solid #000;
		
	}


/* Responsive Styles */

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

@media (max-width: 1100px) {
.header ul{
  padding:0;
  margin:0 0 0 0px;
}

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

@media(max-width:991px) {
    .customer-img,
    .img-related {
        margin-bottom: 30px;
    }
	.nav-brand {
  font-size: 30px;
}
.banner{position:relative; margin-top:0;}
}

@media(max-width:800px) {
.header {
  padding: 15px 0 15px;
  border-bottom: 1px solid #ccc;
  background:rgba(255,255,255,0.8);
  width:100%;
  z-index:3000;
  position:relative;
}
.header ul{display:none;}
.togglewrapper{position:relative;}
.togglemenu{display:block; position:relative; background-color:#da8787; 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:#da8787; color:#ffffff; padding:4px; animation-name: example; animation-duration: 0.5s;}

.togglecontent > span a{display:block; color:#ffffff; border-bottom:solid 1px #ffffff; padding:4px 0 4px 20px; text-decoration:none; transition:ease all 0.5s;}
.togglecontent > span a:hover{display:block; background-color:#ffffff; color:#000000;}

.banner{position:relative; margin-top:145px;}

.content .block{
padding:3%; text-align:justify; color:#000000; position:relative; left:0; right:0; top:0; margin:0 auto 90px;}

.governingbody ul li{
	list-style-type:none; width:100%; float:none; padding:6px; margin:3px 0; font-size:14px; font-weight:bold;
}

.membershipform .input {float:none; width:100%;}

}

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

    header.carousel .carousel {
        height: 70%;
    }
	
	h1{font-size: 29px; text-align: left;}
}


@media(max-width:680px) {
.nav-brand {
	float:none;
  font-size: 28px;
  padding:2px 0;
  margin:0;
}

.nav-brand img{
	display:block;
	margin:0 auto;
}

.banner{position:relative; margin-top:185px;}

.importantlinks{float:none; width:100%;}

}


@media (max-width: 480px) {
.nav-brand {
  font-size: 22px;
  font-weight:bold;
}
}