/*!
 * 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 {
    height: 100%;
}


.clr{
clear:both;
}

@font-face {
  font-family: 'Abel';
  font-style: normal;
  font-weight: 400;
  src: local('Abel Regular'), local('Abel-Regular'), url(https://fonts.gstatic.com/s/abel/v8/MwQ5bhbm2POE2V9BPQ.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

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

hr{
	color:#ccc;
}

.no-gap{
padding:0;
margin:0;
}

.header{
position:relative;
padding:7px 0;
background: rgb(25, 96, 110);
/*background:rgba(0,0,0,1);*/
border-bottom:solid 2px #00f7ff;
}

.header .titlespan{
position:absolute;
display:block;
z-index:2;
bottom:10px;
right:10px;
font-weight:bold;
font-size:16px;
}

.header .rightblock{
position:absolute;
display:block;
right:0;
bottom:0;
width:330px;
z-index:1;
border-bottom: 50px solid #ffffff;
border-left: 40px solid transparent;
}

.bookpublish{
position:relative;
border-bottom: 50px solid #a3ce4c;
border-left: 40px solid transparent;
}

.bookpublish span{
position:absolute;
right:10px;
top:10px;
font-weight:bold;
font-size:22px;
font-style:italic;
font-family: 'Abel';
}

.bookpublish span a{
color:#fff;
text-decoration:underline;
}


.titlesection{
/*background-color:#000;*/
}

h2 {
color:#db4935;
padding:0px 10px;
font-size:44px;
font-family: 'Abel';
}

h2 span{
color:#095977;
padding:0px 10px;
font-size:44px;
font-family: 'Abel';
}

.backtocategory a{display:block; text-align:right; font-size:15px; font-weight:bold; color:#900; text-decoration:underline;}
.backtocategory a:hover{text-decoration:none;}

.maincontainer{
	color:#000;
}


.maincontainer >p{
text-align:justify;
}


.bannerblock{
	position:relative;
	width:100%;
	padding:0;
}

.bannerblock h1{
	display:block;
	text-align:center;
	font-size:63px;
	color:#ffffff;
	margin:auto;
	padding:30px 0;
}


.bannerblock h3{
	display:block;
	text-align:center;
	font-size:29px;
	font-weight:bold;
	font-family: 'Abel';
	color:#db4935;
	margin:auto;
	padding:4px 0;
	background:#fff;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#fdc400+0,fcfcfc+5,fcfcfc+7,fcfcfc+93,fcfcfc+96,7db9e8+100&0+0,0+5,1+7,1+93,0+96,0+100 */
background: -moz-linear-gradient(left, rgba(253,196,0,0) 0%, rgba(252,252,252,0) 5%, rgba(252,252,252,1) 7%, rgba(252,252,252,1) 93%, rgba(252,252,252,0) 96%, rgba(125,185,232,0) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left, rgba(253,196,0,0) 0%,rgba(252,252,252,0) 5%,rgba(252,252,252,1) 7%,rgba(252,252,252,1) 93%,rgba(252,252,252,0) 96%,rgba(125,185,232,0) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right, rgba(253,196,0,0) 0%,rgba(252,252,252,0) 5%,rgba(252,252,252,1) 7%,rgba(252,252,252,1) 93%,rgba(252,252,252,0) 96%,rgba(125,185,232,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00fdc400', endColorstr='#007db9e8',GradientType=1 ); /* IE6-9 */
	}



/* Footer Styles */

footer .bottom{
width:100%;
    padding:23px 0;
    background: rgb(25, 96, 110);
    color:#ffffff;
	margin-top:0px;	
}

footer .bottom a{
color:#ffffff;
text-decoration:underline;
}

.content{
	color: #000;
	background:url(../images/bg.jpg);
	padding:0;
	margin:0;
}

.content .home_textsection{
	color: #000;
	/*background:rgba(255,255,255,0.7);*/
	margin:10px 0;
	padding:20px;
	font-family:"Century Gothic";
	font-size:16px;
	text-align:justify;
}


.dropdown-menu>li>a {
    display: block;
    padding: 5px 20px;
    clear: both;
    font-weight: 400;
    line-height: 1.42857143;
    color: #000;
    background-color: #9ba63b;
    white-space: nowrap;
	border-bottom:solid 2px #fff;
}

hr{margin-top:20px;margin-bottom:20px;border:0;border-top:2px solid #ccc;}

.bookdetails b{color:#900; display:block; padding:10px 0;}
.bookdetails span{display:block; padding:10px 0;}

.sociallink{width:30px; position:fixed; left:0; top:200px; z-index:2000;}
.sociallink > a{float:left!important; width:30px; margin:20px 10px 0 0;}
.sociallink2{display:none;}

.fa1 {
  padding: 10px;
  font-size: 28px!important;
  width: 50px;
  height: 50px;
  border-radius:50%;
  text-align: center;
  text-decoration: none;
  margin: 20px 2px 0;
  float:left!important;
  color:#000000!important;
}

.fa1:hover, .fa1:active {
    opacity: 1;
	color:#ffffff;
	background:#ffffff;
	transition:ease all 0.5s;
	text-decoration:none;
	
	-moz-transform: rotate(360deg);
  -webkit-transform: rotate(360deg);
  -ms--transform: rotate(360deg);
  transform: rotate(360deg);
  -webkit-transition: all 0.6s;
  -moz-transition: all 0.6s;
  -o-transition: all 0.6s;
  -ms-transition: all 0.6s;
  transition: all 0.6s;
	
}

.fa1-facebook, .fa1-twitter, .fa1-youtube, .fa1-search-plus {
  background: #98da14;
  color:#000000!important;
  border:solid 3px #ffffff;
}

.fa2 {
  padding: 10px;
  font-size: 44px!important;
  width: 44px;
  height: 44px;
  border-radius:50%;
  text-align: center;
  text-decoration: none;
  margin: 20px 2px 0;
  float:left!important;
  color:#000000!important;
}

.fa2:hover, .fa2:active {
    opacity: 1;
	color:#ffffff;
	transition:ease all 0.5s;
	text-decoration:none;
}

.fa2-facebook, .fa2-twitter, .fa2-youtube, .fa2-search-plus {
  color:#ffffff!important;
}


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

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

.gallery-section{
border:solid 3px #00f7ff;
}	
	
.section-box-nine{
        height: 390px;
        background: radial-gradient(#6e6e6e,#2f2f2f);
        background: -webkit-radial-gradient(#6e6e6e,#2f2f2f);
        background: -moz-radial-gradient(#6e6e6e,#2f2f2f);
        color: #fff;
        position: relative;
        overflow:hidden;
		margin-bottom:10px;
    }
	
	figure {
		display:none;
    }
	
	figure h3{
		font-family: 'Abel';
		font-size:18px;
		color:#ffffff;
    }
	
    .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{
		width: 100%;
        height: 100%;
        transition: ease-in-out .5s;
        -webkit-transition: ease-in-out .5s;
        -moz-transition: ease-in-out .5s;
    }
    .section-box-nine:hover img{
        opacity: 0.1;
    }
.gallery h4{
dispaly:block;
text-align:center;
font-weight:bold;
font-family: 'Abel';
}
.gallery h5{
dispaly:block;
text-align:center;
font-weight:bold;
font-family: 'Abel';
}
/*...............Gallery End..................*/
	
/*................pagination..................*/
.pagen{
		padding:4px;
		color: #ffffff;
		text-align:justify;
		font-size:12px;
		width:80px;
		height:16px;
		background: #464444;
		border:1px solid #fdc400;
		font-weight:bold;
		text-decoration:none;
		margin:1px;
	}
	
.pagen:hover{
		color: #ffffff;
		
		font-size:12px;
		width:80px;
		 background: #fdc400;
		height:16px;
		border:1px solid #fdc400;
		font-weight:bold;
		text-decoration:none;
	}
		.pagen1{
			font-size:12px;
			text-align:justify;
		padding:4px;
		color:#FFFFFF;
		text-align:justify;
	    background: #fdc400;
		width:80px;
		height:16px;
		border:1px solid #999;
		
}



/* Responsive Styles */

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

.banner{
height:300px;
}

.blocksection .block{
	background: rgba(188,20,20,0.7);
	color:#ffffff;
	padding:50px;
	text-align:justify;
	font-size:18px;
	margin:0 15px 0 0px;
}
    
}

@media(max-width:800px) {

.bannerblock .logo{
display:none;
}

.sociallink{display:none;}

.sociallink2{display:block; width:30px; position:fixed; left:0; top:200px; z-index:2000;}
.sociallink2 > a{float:left!important; width:30px; margin:20px 10px 0 0;}


}


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

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

@media(max-width:700px) {

.header .titlespan{
position:relative;
padding:4px 0 4px 17px;
display:block;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#fdc400+0,fdc400+57,fdc400+57,7db9e8+100&1+0,1+58,0+100 */
background: -moz-linear-gradient(left, rgba(253,196,0,1) 0%, rgba(253,196,0,1) 57%, rgba(250,196,5,1) 58%, rgba(125,185,232,0) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left, rgba(253,196,0,1) 0%,rgba(253,196,0,1) 57%,rgba(250,196,5,1) 58%,rgba(125,185,232,0) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right, rgba(253,196,0,1) 0%,rgba(253,196,0,1) 57%,rgba(250,196,5,1) 58%,rgba(125,185,232,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fdc400', endColorstr='#007db9e8',GradientType=1 ); /* IE6-9 */
font-weight:bold;
font-size:16px;
width:100%;
}

.header .rightblock{
display:none;
}


}

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

h2 {
color:#e33939;
padding:2px 0px 10px;
margin:2px;
font-size:22px;
font-family: 'Abel';
text-align:left;
}

h2 span {
    font-size: 22px;
}

.content .home_textsection {
    padding:2px  20px;
}


.blocksection .block h3{
	color:#ffffff;
	font-family: 'Abel';
	font-size:24px;
}

.bannerblock h3 {
    display: block;
    text-align: center;
    font-size: 18px;
}

}

@media(max-width:530px) {
.bannerblock{
	position:relative;
	width:100%;
	padding:0px 0;
	height:350px!important;
}

.section-box-nine {
    height: 450px;
}

.bannerblock h1{
	padding:3px 0;
}

}

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

.bannerblock{
	position:relative;
	width:100%;
	padding:0px 0;
	height:310px!important;
}
}




.feedback_align{
text-align:center;
	margin:0 auto;
}