/**
* Styles.css
* Author: Tawsif Alam
* Author URI : tawsifalam.wordpress.com
*
*/

html, body, h1, h2, h3, h4, h5, h6, span, p {
	font-family: 'Oswald', sans-serif;
}


.no-gutter > [class*='col-'] {
    padding-right:0;
    padding-left:0;
}
.no-margin{
    margin-right:0;
    margin-left:0;
}

#toTop {
	position: fixed;
	z-index: 50;
	bottom: 30px;
	right: 30px;
	display: none;
	width: 45px;
	height: 41px;
	background: #005893;
	-webkit-border-top-right-radius: 0;
	-webkit-border-bottom-right-radius: 0;
	-webkit-border-bottom-left-radius: 0;
	-webkit-border-top-left-radius: 0;
	-moz-border-radius-topright: 0;
	-moz-border-radius-bottomright: 0;
	-moz-border-radius-bottomleft: 0;
	-moz-border-radius-topleft: 0;
	border-top-right-radius: 0;
	border-bottom-right-radius: 0;
	border-bottom-left-radius: 0;
	border-top-left-radius: 0;
	-moz-background-clip: padding-box;
	-webkit-background-clip: padding-box;
	background-clip: padding-box;
	font-size: 0;
	color: transparent;
}

#toTop i {
	font-size: 30px;
	padding: 7px;
	line-height: 0.7;
	color: #fff;
}

.home {
	background: url(images/home.jpg) no-repeat 50% 0; 
	-webkit-background-size: cover;
  	-moz-background-size: cover;
  	-o-background-size: cover;
  	background-size: cover;
}

.home img.logo {
	padding: 5%;
}

/*
.home img.link {
	padding: 10px 0;
}*/

.history {
	background: url(images/bg1.jpg) no-repeat 50% -7px; 
	-webkit-background-attachment: fixed;
	-moz-background-attachment: fixed;
	-o-background-attachment: fixed;
	background-attachment: fixed;
	-webkit-background-size: cover;
  	-moz-background-size: cover;
  	-o-background-size: cover;
  	background-size: cover;
  	padding: 50px 0;
}

.history p {
	font-family: sans-serif !important;
	font-size: 30px;
	font-weight: 30px;
	line-height: 1.5em;
	color: #fff;
	max-width: 60%;
}

.history p img {
	padding-top: 30px;
}

.about {
	padding: 100px 50px;
	color: #005893;
}
/*	
.about  {
	color: #005893;
}*/
.about h2 {
	font-size: 8em;
}

.about img.hr {
	margin-bottom: 30px;
}

p.subtitle {
	font-size: 35px;
	font-weight: 100;
	max-width: 70%;
	margin-top: 20px;
	margin-bottom: 20px;
}

p.sub {
	font-size: 25px;
	font-family: sans-serif;
	font-weight: bold;
	padding: 20px 0;
}

.column p {
	font-family: sans-serif;
	font-size: 30px;
	margin-bottom: 30px;
	font-weight: 100;
}

.team .column p {
	font-size: 25px;
	padding: 5px 3em 5px 0px;
}

.team .column ul li {
	font-family: sans-serif;
	font-weight: normal;
	font-size: 25px;
	line-height: 1.3em;
}

.market {
	padding: 50px 50px;
	color: #005893;
	background: #F5F5F5;
}

.market .logo-small {
	margin-bottom: 30px;
}

.market .gallery {
	padding: 30px 0;
}


.market .right {
	float: right;
}

.market ul li {
	font-family: sans-serif;
	font-weight: normal;
	font-size: 25px;
	margin-bottom: 20px;
}

.council img{
	width: 100%;
}

.management {
	background: url(images/bg3.jpg) no-repeat 50% -7px; 
	-webkit-background-attachment: fixed;
	-moz-background-attachment: fixed;
	-o-background-attachment: fixed;
	background-attachment: fixed;
	-webkit-background-size: cover;
  	-moz-background-size: cover;
  	-o-background-size: cover;
  	background-size: cover;
  	color: #fff;
  	padding: 50px 50px;
}


.team {
	background: url(images/bg4.jpg) no-repeat 50% -7px; 
	-webkit-background-attachment: fixed;
	-moz-background-attachment: fixed;
	-o-background-attachment: fixed;
	background-attachment: fixed;
	-webkit-background-size: cover;
  	-moz-background-size: cover;
  	-o-background-size: cover;
  	background-size: cover;
  	padding: 50px 0;
  	color: #fff;
}

.team .logo-xsmall {
	margin-bottom: 40px;
}

.team h3 {
	font-family: sans-serif;
	font-size: 30px;
	font-weight: bold;
	background-color: #fff;
	padding: 10px;
	max-width: 300px;
	color: #005893;
}

footer {
	background: url(images/bg5.jpg) no-repeat 50% -7px; 
	-webkit-background-attachment: fixed;
	-moz-background-attachment: fixed;
	-o-background-attachment: fixed;
	background-attachment: fixed;
	-webkit-background-size: cover;
  	-moz-background-size: cover;
  	-o-background-size: cover;
  	background-size: cover;
  	padding: 50px 0;
  	color: #fff;
}

footer p {
	font-size: 25px;
	margin: 20px 0;
}

/*footer .author, footer .cell {
	font-size: 25px;
}*/

@media (max-width: 768px) {
	.history p {
		font-size: 18px;
		max-width: 100%; 	
	}

	p.subtitle {
		max-width: 100%;
		font-size: 20px;
	}

	p.sub {
		font-size: 20px;
	}

	.market ul li, .team .column ul li, .column p {
		font-size: 18px;
	}

	.team h3 {
		font-size: 25px;
	}
	.team .column p {
		font-size: 18px;
		padding: 0;
	}

	footer p {
		font-size: 20px;
	}
}
