/*
 * Main Styles
 */

/*	Table of Content
========================
	#Layout
	#Header
	#Navigation
	#Home Content
	#Content
		#Post Thumbnail
		
	#Footer
	
========================
*/

/* 	==========================================================================
	Layout
	========================================================================== */
	.wrapper{
		max-width: 1000px;
		margin: 0 auto;
	}
	.wrapper-container{}
		.header-wrapper{
		}
		.menu-wrapper{
		}
		.slider-wrapper{}
		.content-wrapper{}
		.footer-wrapper{}
		
/* 	==========================================================================
	Header
	========================================================================== */
	.logo{
		padding: 15px 0px;
	}
	.social-icon{
		margin-top: 15px;
		float: right;
	}
		.social-icon .nav-pills li a {
			padding: 0;
			color: #000;
		}
		.social-icon .nav-pills li a:hover {
			padding: 0;
			color: #74489D;
			background: none;
		}
		
/* 	==========================================================================
	Navigation
	========================================================================== */
	.menu-wrapper nav{
		background: #fff;
	}
	.dropdown .dropdown-menu {
	
	}
	/*.dropdown:hover .dropdown-menu {
		display: block;
		margin-top: 0; 
	}*/
	.navigation{}
		.navbar-default {
			background: #fff;
			border-radius: 0;
			box-shadow: none;
			font-family: 'Droid Sans', sans-serif;
		}
		.navbar-brand {
			font-size: 14px;
			text-transform: uppercase;
			font-weight: bold;
			padding-left: 20px;
			padding-right: 20px;
		}
		.navbar-default .navbar-nav > li > a {
			font-size: 14px;
			text-transform: uppercase;
			font-weight: bold;
			padding-left: 20px;
			padding-right: 20px;
			border-left: 1px solid #e7e7e7;
			transition: all 300ms ease-in-out;
		}
		.navbar-default .navbar-nav > li:last-child > a {
			border-right: 1px solid #e7e7e7;
		}
		.navbar-default .navbar-nav > li > a:hover, 
		.navbar-default .navbar-nav > li > a:focus {
			background-color: #74489D !important;
			color: #fff !important;
		}
		.navbar-default .navbar-nav > .active > a, 
		.navbar-default .navbar-nav > .active > a:hover, 
		.navbar-default .navbar-nav > .active > a:focus {
			background-color: #74489D !important;
			color: #fff;
			transition: all 300ms ease-in-out;
		}
		.dropdown.yamm-fw  .navbar-nav li a {
			border-right: 1px solid #e7e7e7;
		}
		
		.product-menu{}
		.product-menu .media-heading{
			font-size: 15px;
		}
		.product-menu .media-body{
			font-size: 13px;
		}
		.product-menu .product-menu-sub{
			margin: 0;
			padding: 0;
			margin-top: 10px;
		}
		.product-menu .product-menu-sub li{
			list-style: none;
			line-height: normal;
			padding: 5px 0px;
			/*border-bottom: 1px solid #e7e7e7;*/
		}
		.product-menu .product-menu-sub li:last-child{
			border-bottom: none;
		}
		.product-menu .product-menu-sub li a{
			color: #777777;
		}
		.product-menu .product-menu-sub li a:hover{
			color: #2C8CE5;
		}
		.thumbnail {
			background-color: #fff;
			border: 1px solid #8e44ad;
			border-radius: 0;
			display: block;
			line-height: 1.42857;
			margin-bottom: 20px;
			padding: 0;
			transition: border 0.2s ease-in-out 0s;
		}
/* 	==========================================================================
	Slider
	========================================================================== */
	.slider-container{}
		#owl-demo {}
		#owl-demo .item{
			transition: all 300ms ease-in-out;
		}
		#owl-demo .item img{
			display: block;
			width: 100%;
			height: auto;
			border: 1px solid #e7e7e7;
			z-index: 1;
		}
			.slide-caption {
				background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
				bottom: 0;
				color: #777777;
				left: 0;
				margin: 10px 10px;
				padding: 2%;
				position: absolute;
				width: 40%;
			}
			.slide-caption h3{
				font-size: 30px;
			}
			.slide-caption h4{
				font-size: 16px;
				font-weight: 800;
			}
			.slide-caption h5{}
			.slide-caption p{
				font-size: 14px;
				font-weight: 300;
			}

/* 	==========================================================================
	Content Wrapper
	========================================================================== */
		.product-list{
			margin-top: 20px;
		}
			.product-list .thumbnail{
				background-color: #fff;
				border-radius: 0;
				padding: 0;
				transition: all 0.8s ease;
			}
			.product-list .thumbnail .caption h3{
				font-size: 16px;
				font-weight: 800;
				text-align: center;
			}
			.product-list .thumbnail .caption p{
				font-size: 14px;
				font-weight: 300;
			}
			.product-list .thumbnail:hover{
				background-color: #74489D;
				color: #fff; 
			}
			.product-list .thumbnail:hover .caption h3{
				color: #434849; 
			}
			.product-list .thumbnail:hover .caption p{
				color: #fff; 
			}
			.img-thumbnail{
				border-radius: 0;
			}
	.p-list{}
		.p-list .thumbnail{
			background: #8e44ad;
		}
		.p-list .thumbnail .p-caption{
			color: #fff;
			text-align: center;
		}
		.p-list .p-caption{
			text-align: center;
		}
/* 	==========================================================================
	Content 
	========================================================================== */
	.content-page {
		margin-top: 20px;
		color: #777777;
	}
		.page-title{
			font-size: 30px;
			font-weight: 800;
			margin-bottom: 10px;
		}
		.page-subtitle{
			font-size: 20px;
			font-weight: 600;
			margin-bottom: 10px;
		}
		.content-page h1{
			font-size: 30px;
			font-weight: 800;
			margin-bottom: 5px;
		}
		.content-page h2{
			font-size: 26px;
			font-weight: 800;
			margin-bottom: 5px;
		}
		.content-page h3{
			font-size: 24px;
			font-weight: 800;
			margin-bottom: 5px;
		}
		.content-page h4{
			font-size: 18px;
			font-weight: 800;
			margin-bottom: 5px;
		}
		.content-page h5{
			font-size: 16px;
			font-weight: 800;
			margin-bottom: 5px;
		}
		.content-page h6{
			font-size: 14px;
			font-weight: 800;
			margin-bottom: 5px;
		}
		.content-page .tab-content .tab-pane {
			margin-top: 0px;
		}
		.nav-tabs li a {
			border: 1px solid #8e44ad;
			background: #fff;
			border-radius: 0;
			line-height: 1.42857;
			margin-right: 2px;
			color: #8e44ad;
		}
		.nav-tabs > li > a:hover {
			border-color: #8e44ad;
			background: #74489D;
			color: #fff !important;
		}
		.nav-tabs > li.active > a, 
		.nav-tabs > li.active > a:hover, 
		.nav-tabs > li.active > a:focus {
			border: 1px solid #8e44ad;
			background: #74489D;
			border-radius: 0;
			line-height: 1.42857;
			margin-right: 2px;
			color: #fff;
		}
/* 	==========================================================================
	Sidebar
	========================================================================== */
	.sidebar-wrapper{
		margin-top: 20px;
		border-left: 1px solid #e7e7e7;
		height: 100%;
		padding-left: 30px;
	}
		.sidebar-title{
			font-size: 26px;
			font-weight: 800;
			margin-bottom: 10px;
			color: #777777;
		}
		.sidebar-wrapper ul{
			margin: 0;
			padding: 0;
		}
		.sidebar-wrapper ul li{
			line-height: 36px;
			list-style: none;
			border-bottom: 1px solid #e7e7e7;
		}
		.sidebar-content{
			margin-bottom: 10px;
		}
		
		.social-icon-sidebar{
			width: 100%;
			display: block;
			
		}
		.social-icon-sidebar li {
			border-bottom: none !important;
			margin-right: 10px;
		}
		.social-icon-sidebar li a{
			margin: 0;
			padding: 0;
			background: none;
			transition: all 300ms ease-in-out;
		}
		.social-icon-sidebar li a:hover{
			background: none;
			color: #8e44ad;
		}
/* 	==========================================================================
	Footer
	========================================================================== */
	.footer-container{
		margin-top: 50px;
	}
		.footer-row{}
			.footer-col{
				width: 20%;
				float: left;
			}
			.footer-col h4{
				font-size: 14px;
				font-weight: 800;
				margin-bottom: 10px;
			}
			.footer-col ul{
				margin: 0;
				padding: 0;
			}
			.footer-col ul li{
				list-style: none;
				font-size: 12px;
				line-height: 20px;
			}
			.footer-col ul li a{
				color: #777777;
				transition: all 0.8s ease;
			}
			.footer-col ul li a:hover{
				color: #74489D;
			}
		.footer-link{}
			.footer-link a {
				font-size: 12px;
				padding: 5px;
				color: #333;
			}
		.copyright{
			clear: both;
			display: block;
			margin: 0;
			padding: 0 0;
		}
			.copyright p{
				font-size: 12px;
				color: #777777;
			}

/* 	==========================================================================
	Raid Page CSS
	========================================================================== */
	.raid-slide{}
		.raid-header{
			background: #74489D;
		}
		.raid-header .title{
			color: #fff;
			font-size: 24px;
			padding: 14px;
		}
		.raid-header .raid-pager{
			margin-right: 14px;
			border-radius: 0;
		}
		
		.raid-header .raid-pager li a {
			color: #74489D;
			font-weight: 700;
			margin-right: 5px;
			border-radius: 50%;
			border: none;
			box-shadow: none;
		}
		.raid-header .raid-pager li:hover a {
			background: #000;
			color: #fff;
			border: inset 1px solid #fff; 
			box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
		}
		.raid-slide-content{
			border: 1px solid #8e44ad;
			border-top: none;
			padding: 10px;
		}
		.raid-slide-content-note{}
		.raid-slide-content-note h3{
			color: #74489D;
			font-size: 20px;
		}
		.raid-content{
			border: 1px solid #ddd;
			padding: 10px;
			margin-top: 20px;
		}
		.raid-content h3{
			color: #777;
			font-size: 20px;
			border-bottom: 1px solid #ddd;
		}
		.raid-content .list-group {}
		.raid-content .list-group .list-group-item{}
		.raid-content .list-group .list-group-item a{
			color: #74489D;
			font-weight: 700;
		}
/* 	==========================================================================
	Unalign CSS
	========================================================================== */
	.tab-content {
		border: 1px solid #8e44ad;
		border-top: none;
		padding: 10px;
	}
	.nav-tabs {
		border-bottom: 1px solid #8e44ad;
	}
	.panel {
		border-radius: 0;
		/*font-size: 24px;*/
		margin-bottom: 20px;
		margin-top: 20px;
	}
	.container-home .panel {
		font-size: 24px;
	}
	.nopadding {
		padding: 0 !important;
		margin: 0 !important;
	}
	.c-box{
		padding: 10px; 
		color: #fff;
		font-size: 16px;
		font-weight: 700;
		height: 140px;
		width: 100%;
		/*text-shadow: -1px -1px 0 #74489D, 1px -1px 0 #74489D, -1px 1px 0 #74489D, 1px 1px 0 #74489D;*/
	}
	/*.c-box.add{
		background: #ADADAD rgb(173, 173, 173) ;
	}
	.c-box.even{
		background: #9E9E9E rgb(158, 158, 158);
	}*/
	.c-box.one{
		background:
		linear-gradient(
		  rgba(173, 173, 173, 0.8), 
		  rgba(173, 173, 173, 0.8)
		),
		url(../img/box-bg-01.jpg) center center;
		position: relative;
	}
	.c-box.two{
		background:
		linear-gradient(
		  rgba(158, 158, 158, 0.8), 
		  rgba(158, 158, 158, 0.8)
		),
		url(../img/box-bg-02.jpg) center center;
		position: relative;
	}
	.c-box.three{
		background:
		linear-gradient(
		  rgba(173, 173, 173, 0.8), 
		  rgba(173, 173, 173, 0.8)
		),
		url(../img/box-bg-03.jpg) center center;
		position: relative;
	}
	.c-box.four{
		background:
		linear-gradient(
		  rgba(158, 158, 158, 0.8), 
		  rgba(158, 158, 158, 0.8)
		),
		url(../img/box-bg-04.jpg) center center;
		position: relative;
	}
	.c-box.five{
		background:
		linear-gradient(
		  rgba(173, 173, 173, 0.8), 
		  rgba(173, 173, 173, 0.8)
		),
		url(../img/box-bg-05.jpg) center center;
		position: relative;
	}
	.c-box.six{
		background:
		linear-gradient(
		  rgba(158, 158, 158, 0.8), 
		  rgba(158, 158, 158, 0.8)
		),
		url(../img/box-bg-06.jpg) center center;
		position: relative;
	}
	
	/*.c-box.add::before{
		background-color: rgba(119, 76, 159, 0.8);
	}*/
	a .c-box{
		
	}
	a:hover{
		text-decoration: none;
		/*opacity: 0.5;
		transition: 0.5s;*/
	}
	
	.hvr-sweep-to-right {
		backface-visibility: hidden;
		box-shadow: 0 0 1px rgba(0, 0, 0, 0);
		display: inline-block;
		position: relative;
		transform: translateZ(0px);
		transition-duration: 0.3s;
		transition-property: color;
		vertical-align: middle;
	}
	.hvr-sweep-to-right::before {
		background: #774C9F none repeat scroll 0 0;
		bottom: 0;
		content: "";
		left: 0;
		position: absolute;
		right: 0;
		top: 0;
		transform: scaleX(0);
		transform-origin: 0 50% 0;
		transition-duration: 0.3s;
		transition-property: transform;
		transition-timing-function: ease-out;
		z-index: -1;
	}
	.hvr-sweep-to-right:hover, .hvr-sweep-to-right:focus, .hvr-sweep-to-right:active {
		color: white;
	}
	.hvr-sweep-to-right:hover::before, .hvr-sweep-to-right:focus::before, .hvr-sweep-to-right:active::before {
		transform: scaleX(1);
	}
	.page-title{
		color: #777777;
		line-height: 30px;
	}
	hr {
		margin-bottom: 10px;
		margin-top: 10px;
		background: #ddd;
		border-color: #ddd;
	}

	.navigation .media .media-left img{
		max-width: 220px;
		height: 160px;
	}
	.box-img-one{
		
	}

	a.link{
		color: #2C3E50;
	}
	a.link:hover{
		color: #74489D;
	}
	a.link:focus{
		text-decoration: none;
	}
	.panel-body a.btn-call:hover{
			color: #fff !important;
		}