body {
	font-family: 'Nunito',sans-serif;
	font-size:15px;
	background-color:#f2f2f2;
	color:#333;
}	

img {
	max-width:100%;
	height:auto;
}

a {
	color: #3f3f3f;
}


a:hover {
	color: #0884c7;
	text-decoration:none;
}

h1 {
	font-size:26px;
	font-family:"Roboto";
}	

h2 {
	font-size:23px;
	font-family:"Roboto";
}	

h3 {
	font-size:20px;
	font-family:"Roboto";
}


h4 {
	font-size:17px;
	font-family:"Roboto";
}	

.text-primary {
	color: #0884c7;
}

.text-purple {
	color: #0884c7;
}


.btn-purple {
	background: #0884c7;
	color:#fff;
}

.btn-purple:hover{color:#fff;background-color:#4d4563;border-color:#4d4563}
.btn-purple:focus,.btn-purple.focus{box-shadow:0 0 0 .1rem rgba(0,0,0,0.5)}
.btn-purple.disabled,.btn-purple:disabled{color:#fff;background-color:#4d4563;border-color:#005a5a}
.btn-purple:not(:disabled):not(.disabled):active,.btn-purple:not(:disabled):not(.disabled).active,.show>.btn-purple.dropdown-toggle{color:#fff;background-color:#4d4563;border-color:#000}
.btn-purple:not(:disabled):not(.disabled):active:focus,.btn-purple:not(:disabled):not(.disabled).active:focus,.show>.btn-purple.dropdown-toggle:focus{box-shadow:0 0 0 .1rem rgba(0,0,0,0.5)}
 {
	background: #0884c7;
	color:#fff;
}

.bg-purple {
	background: #0884c7;
}


.info {
	font-size:12px;
	margin-bottom:5px;
	color: #0884c7;
}	


.header-container {
	background-color:#fff;
	padding:15px 0px;
}	

.header-nav {
	padding-top:27px;
	font-size:14px;
}

.logo img{
	max-width:100%;
}

.btn-white {
	border:solid 1px #ccc;
	color:#0884c7;
	font-weight:normal;
}		

.header-nav .btn-white {
	font-size:14px;
}

@media (max-width: 576px) {
	.hidden-sm-down {
		display:none;
	}		
}

.navbar-container {
	font-family: 'Nunito',sans-serif;
	border-top:solid 1px #eeeeee;
	background-color:#fff;
	margin-bottom:15px;
}	

.navbar-toggler {
	padding:3px 0px;
	height:39px;
	margin:7px;
	background-color:#0884c7;
}	

.navbar-toggler-icon {
	color:#fff;
	font-size:30px;
}	

.navbar-custom {
    background-color: #fff;
	text-transform:uppercase;
	font-size:14px;
	padding:0;
}

.navbar-custom .navbar-brand,
.navbar-custom .navbar-text {
    color: #0884c7;
}

.navbar-custom .navbar-nav .nav-link {
    color: #0884c7;
	padding:10px 15px;
}

.navbar-custom .nav-item.active .nav-link{
    color: #ffffff;
	background-color:#0884c7;
}

.navbar-custom .nav-item:hover .nav-link {
	color: #ffffff;
	background-color:#3d3d98;
}

.navbar-custom .dropdown-menu {
    background-color: #0884c7;
	text-transform:none;
	margin-top:0;
	border:none;
	border-radius:0;
}
.navbar-custom .dropdown-item {
    color: #ffffff;
}
.navbar-custom .dropdown-item:hover,
.navbar-custom .dropdown-item:focus {
    color: #ffff;
    background-color:#3d3d98;
}

@media (max-width: 576px) {
	.hidden-sm-down {
		display:none;
	}	
	
	.navbar-container .container {
		padding:0;
		background-color:yellow;
	}	
	
	.navbar-custom .navbar-nav .nav-link {
		color: #0884c7;
		padding:12px 15px;
	}	
}

.custom-breadcrumb {
	font-size:13px;
	background:none;
	padding-left:0;
}


.white-box {
	padding:25px;
	background:#fff;
	border:solid 1px #eee;
	margin-bottom:15px;
}

.white-box-home {
	height:437px;
	overflow:hidden;
	padding:15px;
	margin-bottom:0;
}	

.white-box-content {
	min-height:500px;
}	

.white-box-highlight {
	padding:0px;
}

.small-box {
	height:145px;
	border-bottom:solid 1px #eee;
	padding:15px 5px;
	font-size:14px;
}

.small-box .thumbnail {
	overflow:hidden;
}

.small-box img {
	width:100%;
	height:auto;
}

.small-box-content {
	overflow:hidden;
	height:115px;
}

.small-box h2{
	font-size:20px;
	margin-bottom:5px;
}	

.box-section-name {
	font-size:16px;
	font-weight:bold;
	color:#333;
	margin-bottom:10px;
}	

@media (max-width: 1200px) {
	.white-box-home {
		height:368px;
	}
	
	.small-box {
		height:122px;
	}
	
	.small-box-content {
		height:92px;
	}

}


@media (max-width: 992px) {
	.white-box-home {
		height:100%;
	}
	
	.small-box {
		height:auto;
	}

}

@media (min-width: 1300px) {
	.container {
		max-width:1320px
	}	
	
	.white-box-home {
		height:509px;
	}
	
	.small-box {
		height:169px;
		font-size:15px;
	}
	
	.small-box-content {
		height:139px;
	}
}

/*==== LATEST EVENT SLIDER ========*/
.col-item
{
	overflow:hidden;
    border-radius: 5px;
    background: #FFF;
}

.col-item .photo
{
	/*
	height:200px;
	overflow:hidden;
	*/
	margin-bottom:10px;
}

.col-item .photo img
{
    margin: 0 auto;
    width: 100%;
}

.col-item .info
{
    padding: 10px 20px 20px 20px;
    margin-top: 1px;
}

.controls
{
	font-size:10px;
    margin-top: 2px;
}

.controls a{
	padding:3px 6px;
	border:solid 1px #333;
	display:inline;
	position:relative;
	height:30px;
	color:#333;
}

.controls a:hover,
.controls a:active,
.controls a:focus,
.controls a:visited{
	color:#000;
	border-color:#000;
}	

.controls span {
	background:yellow;
	color:green;
}

[data-slide="prev"]
{
    margin-right: 3px;
}

/*==== END OF ========*/

.footer {
	background-color:#fff;
	border-top:solid 1px #eee;
	padding:40px 0px 20px 0px;
}

.footer h1, 
.footer h2, 
.footer h3, 
.footer h4 {
	color:#0884c7;
}	 	

.copyright {
	background-color:#fff;
	border-top:solid 1px #eee;
	padding:10px 0px;
}	

.sidenav {

}

.sidenav-list {
	display:block;
	padding:8px;
	border-bottom:solid 1px #eee;
}

.sidenav-list:hover {
	background-color:#f6f6f6;
}	

.sidenav .active {
	background-color:#0884c7;
	color:#fff;
}	

.sidenav-list-child {
	display:block;
	padding:8px 8px 8px 30px;
	border-bottom:solid 1px #eee;
}

.sidenav-list-child:before {
    content: "\f0da";
	font-family: FontAwesome;
	margin-left:-20px;
	margin-right:10px;
}

.sidenav-list-child:hover {
	background-color:#eee;
}	


.sidenav .child-active {
	background-color:#eee;
}

.img-list-wrapper {
	height:200px;
	overflow:hidden;
	border:solid 1px #ccc;
}	

.gallery-img-wrapper {
	margin-bottom:10px;
}	

.btn-group-xs > .btn, .btn-xs {
  padding: .55rem .4rem;
  font-size: .875rem;
  line-height: .5;
  border-radius: .2rem;
}

.shopcart {
	border-radius:5px;
	background-color:#0884c7;
	color:#fff;
	line-height:16px;
	padding:15px;
}

.shopcart a{
	color:#fff;
}
	
.shopcart-icon {
	font-size:30px;
}	

.label-block {
	width:100%;
	display:block;
}

.bg-blue {
	background: #0884c7;
}

.btn-blue {
	background: #0884c7;
	color: #ffffff;
}