/* #Widget
==================================================*/

/* #Sun Flower Widget
==================================================*/
.sun-flower-widget {
	/*color: white;
	background: #f1c40f;
	border-bottom: 2px solid #e2b607;
	-webkit-box-shadow: inset 0 -2px #e2b607;
	box-shadow: inset 0 -2px #e2b607;*/
	color: #0f163c;
	background: #ffcc00;
	border: 1px solid #bdc3c7;
}

/* #Orange Widget
==================================================*/
.orange-widget {
	color: white;
	background: #f39c12;
	border-bottom: 2px solid #e8930c;
	-webkit-box-shadow: inset 0 -2px #e8930c;
	box-shadow: inset 0 -2px #e8930c;
}

/* #Carrot Widget
==================================================*/
.carrot-widget {
	/*color: white;
	background: #e67e22;
	border-bottom: 2px solid #da751c;
	-webkit-box-shadow: inset 0 -2px #da751c;
	box-shadow: inset 0 -2px #da751c;*/
	color: #0f163c;
	background: #ff6400;
	border: 1px solid #bdc3c7;
}

/* #Pumpkin Widget
==================================================*/
.pumpkin-widget {
	color: white;
	background: #d35400;
	border-bottom: 2px solid #c54e00;
	-webkit-box-shadow: inset 0 -2px #c54e00;
	box-shadow: inset 0 -2px #c54e00;
}

/* #Alizarin Widget
==================================================*/
.alizarin-widget {
	/*color: white;
	background: #e74c3c;
	border-bottom: 2px solid #db4334;
	-webkit-box-shadow: inset 0 -2px #db4334;
	box-shadow: inset 0 -2px #db4334;*/
	color: #ec661a;
	background: #ffffff;
	border: 1px solid #bdc3c7;
}

/* #Pomegranate Widget
==================================================*/
.pomegranate-widget {
	color: white;
	background: #c0392b;
	border-bottom: 2px solid #b53224;
	-webkit-box-shadow: inset 0 -2px #b53224;
	box-shadow: inset 0 -2px #b53224;
}

/* #Turquoise Widget
==================================================*/
.turquoise-widget {
	/*color: white;
	background: #1abc9c;
	border-bottom: 2px solid #12ab8d;
	-webkit-box-shadow: inset 0 -2px #12ab8d;
	box-shadow: inset 0 -2px #12ab8d;*/
	color: #ffffff;
	background: #3f4355;
	border: 1px solid #bdc3c7;
}

/* #Green Sea Widget
==================================================*/
.green-sea-widget {
	/*color: white;
	background: #16a085;
	border-bottom: 2px solid #14947b;
	-webkit-box-shadow: inset 0 -2px #14947b;
	box-shadow: inset 0 -2px #14947b;*/
	color: #0f163c;
	background: #ffffff;
	border: 1px solid #bdc3c7;
}

/* #Emerald Widget
==================================================*/
.emerald-widget {
	color: white;
	background: #2ecc71;
	border-bottom: 2px solid #28be68;
	-webkit-box-shadow: inset 0 -2px #28be68;
	box-shadow: inset 0 -2px #28be68;
}

/* #Nephritis Widget
==================================================*/
.nephritis-widget {
	color: white;
	background: #27ae60;
	border-bottom: 2px solid #219d55;
	-webkit-box-shadow: inset 0 -2px #219d55;
	box-shadow: inset 0 -2px #219d55;
}

/* #Blue Widget
==================================================*/
.blue-widget{
	color: white;
	background: #62b1d0;
	border-bottom: 2px solid #5195af;
	-webkit-box-shadow: inset 0 -2px #5195af;
	box-shadow: inset 0 -2px #5195af;
}

/* #Peter River Widget
==================================================*/
.peter-river-widget {
	color: white;
	background: #3498db;
	border-bottom: 2px solid #2a8bcc;
	-webkit-box-shadow: inset 0 -2px #2a8bcc;
	box-shadow: inset 0 -2px #2a8bcc;
}

/* #Belize Hole Sea Widget
==================================================*/
.belize-hole-widget {
	color: white;
	background: #2980b9;
	border-bottom: 2px solid #2475ab;
	-webkit-box-shadow: inset 0 -2px #2475ab;
	box-shadow: inset 0 -2px #2475ab;
}

/* #Amethyst Widget
==================================================*/
.amethyst-widget {
	color: white;
	background: #9b59b6;
	border-bottom: 2px solid #8d4ca7;
	-webkit-box-shadow: inset 0 -2px #8d4ca7;
	box-shadow: inset 0 -2px #8d4ca7;
}

/* #Wisteria Widget
==================================================*/
.wisteria-widget {
	color: white;
	background: #8e44ad;
	border-bottom: 2px solid #80399d;
	-webkit-box-shadow: inset 0 -2px #80399d;
	box-shadow: inset 0 -2px #80399d;
}

/* #Wet Asphalt Widget
==================================================*/
.wet-asphalt-widget {
	color: white;
	background: #34495e;
	border-bottom: 2px solid #263849;
	-webkit-box-shadow: inset 0 -2px #263849;
	box-shadow: inset 0 -2px #263849;
}

/* #Midnight Blue Widget
==================================================*/
.midnight-blue-widget {
	color: white;
	background: #2c3e50;
	border-bottom: 2px solid #22303f;
	-webkit-box-shadow: inset 0 -2px #22303f;
	box-shadow: inset 0 -2px #22303f;
}

/* #Clouds Widget
==================================================*/
.clouds-widget {
	color: #f7fafb;
	background: #ecf0f1;
	border-bottom: 2px solid #dadedf;
	-webkit-box-shadow: inset 0 -2px #dadedf;
	box-shadow: inset 0 -2px #dadedf;
}

/* #Silver Widget
==================================================*/
.silver-widget {
	color: white;
	background: #bdc3c7;
	border-bottom: 6px solid #acb2b7;
	-webkit-box-shadow: inset 0 -2px #acb2b7;
	box-shadow: inset 0 -2px #acb2b7;
}

/* #Concrete Widget
==================================================*/
.concrete-widget {
	color: #afbfc0;
	background: #859596;
	border-bottom: 2px solid #95a5a6;
	-webkit-box-shadow: inset 0 -2px #95a5a6;
	box-shadow: inset 0 -2px #95a5a6;
}

/* #Asbestos Widget
==================================================*/
.asbestos-widget {
	color: #96a1a2;
	background: #7f8c8d;
	border-bottom: 2px solid #6d7b7c;
	-webkit-box-shadow: inset 0 -2px #6d7b7c;
	box-shadow: inset 0 -2px #6d7b7c;
}

/* #Graphite Widget
==================================================*/
.graphite-widget {
	color: #6d6d6d;
	background: #454545;
	border-bottom: 2px solid #2f2e2e;
	-webkit-box-shadow: inset 0 -2px #2f2e2e;
	box-shadow: inset 0 -2px #2f2e2e;
}


/*** Widget Carousel ***/
.widget-carousel .carousel-indicators {
	left: -18%;
	bottom: 10px;
	margin-left: 0;
}
.widget-carousel .carousel-indicators-red > li {
	border-color: #f36a5a;
}
.widget-carousel .carousel-indicators-red > li.active {
	background: #f36a5a;
}

/*** Widget Gradient ***/
.widget-gradient {
	position: relative;
	min-height: 350px;
	overflow: hidden;
}
.widget-gradient .widget-gradient-body {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	width: auto;
	height: auto;
	padding: 20px;
}
.widget-gradient .widget-gradient-body .widget-gradient-title {
	font-size: 21px;
	font-weight: 600;
	color: #fff;
	margin: 0;
}
.widget-gradient .widget-gradient-body .widget-gradient-body-actions {
	position: absolute;
	right: 20px;
	bottom: 20px;
	padding: 0;
	margin: 0;
}
.widget-gradient .widget-gradient-body .widget-gradient-body-actions li {
	font-size: 14px;
	padding: 0 0 0 8px;
}
.widget-gradient .widget-gradient-body .widget-gradient-body-actions li:first-child {
	padding-left: 0;
}
.widget-gradient .widget-gradient-body .widget-gradient-body-actions li a {
	color: #fff;
}
.widget-gradient .widget-gradient-body .widget-gradient-body-actions li a:hover {
	color: #a1afbb;
	text-decoration: none;
}

/*** Widget Gradient ***/
.widget-wrap-img {
	position: relative;
	min-height: 350px;
	padding: 20px;
}
.widget-wrap-img .widget-wrap-img-title {
	font-size: 21px;
	font-weight: 600;
	color: #3e4f5e;
	margin: 0 0 20px;
}
.widget-wrap-img .widget-wrap-img-element {
	position: absolute;
	bottom: 0;
	right: 0;
}

/*** Widget Tab ***/
.widget-tab {
	min-height: 420px;
}
.widget-tab .nav-tabs {
	margin: 0;
	border-color: #eff1f3;
}
.widget-tab .nav-tabs > li {
	margin: 0 10px;
}
.widget-tab .nav-tabs > li:first-child {
	margin-left: 20px;
}
.widget-tab .nav-tabs > li > a {
	border: 0;
	font-weight: bold;
	color: #8e9daa;
	text-transform: uppercase;
	padding: 20px 0;
}
.widget-tab .nav-tabs > li > a > i {
	color: #8e9daa;
}
.widget-tab .nav-tabs > li.open, .widget-tab .nav-tabs > li:hover {
	border-bottom: 1px solid #f36a5a;
}
.widget-tab .nav-tabs > li.open > a, .widget-tab .nav-tabs > li:hover > a {
	border: 0;
	background: inherit;
	color: #f36a5a;
}
.widget-tab .nav-tabs > li.open > a > i, .widget-tab .nav-tabs > li:hover > a > i {
	color: #f36a5a;
}
.widget-tab .nav-tabs > li.active {
	border-bottom: 1px solid #f36a5a;
	position: relative;
}
.widget-tab .nav-tabs > li.active > a {
	border: 0;
	color: #f36a5a;
}
.widget-tab .nav-tabs > li.active > a > i {
	color: #f36a5a;
}
.widget-tab .tab-content {
	padding: 20px;
	color: #8e9daa;
}
.widget-tab .slimScrollBar {
	right: 10px !important;
	margin-top: 17px !important;
	margin-bottom: 17px !important;
}

/*** Widget News ***/
.widget-news {
	overflow: hidden;
	margin-right: 10px;
}
.widget-news .widget-news-left-elem {
	float: left;
	width: 100px;
	height: auto;
	margin-right: 15px;
}
.widget-news .widget-news-right-body {
	overflow: hidden;
}
.widget-news .widget-news-right-body .widget-news-right-body-title {
	font-size: 16px;
	font-weight: 600;
	color: #3e4f5e;
	margin: 0 0 5px;
	clear: both;
}
.widget-news .widget-news-right-body .widget-news-right-body-title .label {
	float: right;
	font-weight: 600;
	background: #a1afbb;
	border-radius: 3px !important;
}
.widget-news .widget-news-right-body p {
	font-size: 13px;
}

/*** Widget Thumb ***/
.widget-thumb {
	padding: 25px;
}
.widget-thumb .widget-thumb-heading {
	font-size: 14px;
	font-weight: bold;
	margin: 0 0 20px 0;
}
.widget-thumb .widget-thumb-wrap {
	overflow: hidden;
}
.widget-thumb .widget-thumb-wrap .widget-thumb-icon {
	float: left;
	/*width: 41px;
	height: 32px;*/
	width: 40px;
	height: 40px;
	display: inline-block;
	/*margin: 5px 15px;*/
	margin: 5px 5px;
}
.widget-thumb .widget-thumb-wrap .widget-thumb-icon2 {
	float: left;
	/*width: 41px;
	height: 32px;*/
	width: 38px;
	height: 45px;
	display: inline-block;
	margin: 5px 15px;
}
.widget-thumb .widget-thumb-body {
	overflow: hidden;
}
.widget-thumb .widget-thumb-body .widget-thumb-subtitle {
	padding-top: 2px;
	display: block;
	font-size: 14px;
	font-weight: 600;
}
.widget-thumb .widget-thumb-body .widget-thumb-body-stat {
	display: block;
	font-size: 33px;
	font-weight: 600;
	text-align: right;
}

/* Widget Thumb for media queries */
@media (max-width: 1400px){
	.widget-thumb .widget-thumb-body .widget-thumb-body-stat {
		font-size: 24px;
	}
}
@media (max-width: 1025px){
	.widget-thumb {
		padding: 15px;
	}
	.widget-thumb .widget-thumb-heading {
		margin: 0 0 15px 0;
	}
	.widget-thumb .widget-thumb-wrap .widget-thumb-icon {
		margin: 2px 10px;
	}
}
@media (max-width: 991px){
	.widget-thumb {
		padding: 8px;
	}
	.widget-thumb .widget-thumb-heading {
		margin: 0 0 10px 0;
	}
	.widget-thumb .widget-thumb-wrap .widget-thumb-icon {
		width: 32px;
		height: 25px;
		margin: 2px 10px;
	}
	.widget-thumb .widget-thumb-body .widget-thumb-body-stat {
		font-size: 20px;
	}
}

/*** Widget Socials ***/
.widget-socials {
	min-height: 250px;
	padding: 20px;
}
.widget-socials .widget-socials-title {
	font-size: 25px;
	font-weight: 700;
	line-height: 1.4;
	color: #fff;
	margin: 0 0 20px;
}
.widget-socials .widget-social-subtitle {
	color: #fff;
	font-weight: 200;
	line-height: 1.4;
}
.widget-socials .widget-social-subtitle a {
	color: #fff;
}
.widget-socials .widget-socials-paragraph {
	display: block;
	color: #65727d;
}
.widget-socials .widget-social-icon-fb, .widget-socials .widget-social-icon-tw {
	font-size: 30px;
	margin: 30px 0;
}
.widget-socials .widget-social-icon-fb {
	color: #2b3f72;
}
.widget-socials .widget-social-icon-tw {
	color: #3686c3;
}

/*** Widget Comments ***/
.widget-comments {
	min-height: 420px;
}

/*** Widget Media ***/
.widget-media {
	border-bottom: 1px solid #f6f9fc;
	overflow: hidden;
	padding-bottom: 15px;
	margin-bottom: 15px;
}
.widget-media .widget-media-elements {
	float: left;
	margin-right: 20px;
}
.widget-media .widget-media-avatar {
	width: 55px;
	height: 55px;
	display: block;
}
.widget-media .widget-btn-default {
	display: inline-block;
	font-size: 12px;
	color: #96a2b1;
	border: 1px solid #ebf0f6;
	padding: 3px 10px;
}
.widget-media .widget-btn-default .widget-btn-icon {
	line-height: 1.5;
}
.widget-media .widget-btn-default:hover {
	background: #ebf0f6;
	text-decoration: none;
}
.widget-media .widget-btn-red {
	display: inline-block;
	font-size: 12px;
	color: #f36a5a;
	border: 1px solid #ebf0f6;
	padding: 3px 10px;
}
.widget-media .widget-btn-red .widget-btn-icon {
	line-height: 1.5;
}
.widget-media .widget-btn-red:hover {
	color: #fff;
	background: #f36a5a;
	text-decoration: none;
}
.widget-media .widget-btn-blue {
	display: inline-block;
	font-size: 12px;
	color: #fff;
	border: 1px solid #ebf0f6;
	padding: 3px 10px;
	background: #5b9bd1;
}
.widget-media .widget-btn-blue .widget-btn-icon {
	line-height: 1.5;
}
.widget-media .widget-btn-blue:hover {
	color: #5b9bd1;
	background: #fff;
	text-decoration: none;
}
.widget-media .widget-media-body {
	overflow: hidden;
}
.widget-media .widget-media-body .widget-media-body-title {
	font-size: 15px;
	font-weight: 600;
	color: #5b9bd1;
	margin: 0 0 7px;
}
.widget-media .widget-media-body .widget-media-body-subtitle {
	font-size: 13px;
	color: #7e8c9e;
}

/*** Widget Blog ***/
.widget-blog {
	background: #fff;
	padding: 20px;
	background-position: center center;
	background-size: cover;
	padding-top: 30px;
}
.widget-blog .widget-blog-heading {
	position: relative;
	margin-bottom: 30px;
}
.widget-blog .widget-blog-heading:before {
	position: absolute;
	bottom: -15px;
	left: 50%;
	width: 50px;
	height: 1px;
	border-width: 1px;
	background: #8e9daa;
	margin-left: -25px;
	content: " ";
}
.widget-blog .widget-blog-title {
	font-size: 20px;
	font-weight: 400;
	color: #3e4f5e;
	margin: 0 0 15px;
}
.widget-blog .widget-blog-title a {
	color: #3e4f5e;
}
.widget-blog .widget-blog-subtitle {
	display: block;
	font-size: 13px;
	color: #8e9daa;
	letter-spacing: 3px;
}
.widget-blog .btn-widget-purple {
	display: inline-block;
	font-size: 13px;
	color: #8e9daa;
	border: 1px solid #8e9daa;
	padding: 7px 17px;
}
.widget-blog .btn-widget-purple:hover {
	color: #fff;
	background: #8e9daa;
	text-decoration: none;
}

/*** Widget Progress ***/
.widget-progress {
	min-height: 420px;
}
.widget-progress .widget-progress-element {
	overflow: hidden;
	padding: 30px 10px;
}
.widget-progress .widget-progress-title {
	display: block;
	color: #fff;
	margin-bottom: 5px;
}
.widget-progress .progress {
	height: 3px;
	background: rgba(255, 255, 255, 0.2);
	margin-bottom: 0;
}

/*** Widget Gradient ***/
.widget-map {
	min-height: 350px;
	border-top-right-radius: 3px !important;
	border-top-left-radius: 3px !important;
	border-bottom-right-radius: 3px !important;
	border-bottom-left-radius: 3px !important;
}
.widget-map .widget-map-mapplic {
	border-top-right-radius: 3px !important;
	border-top-left-radius: 3px !important;
}
.widget-map .widget-map-mapplic .mapplic-container {
	background: #5b9bd1;
}
.widget-map .widget-map-mapplic .mapplic-layer.world > img {
	opacity: .3;
}
.widget-map .widget-map-body {
	background: #fff;
	border-bottom-right-radius: 3px !important;
	border-bottom-left-radius: 3px !important;
	padding: 20px;
	overflow: hidden;
}
.widget-map .widget-sparkline-chart {
	width: 25%;
	float: left;
	border-left: 1px solid #e7eff7;
	padding: 0 15px;
}
.widget-map .widget-sparkline-chart:first-child {
	border-left: none;
}
.widget-map .widget-sparkline-chart .widget-sparkline-title {
	display: block;
	font-size: 12px;
	font-weight: 600;
	color: #a1afbb;
}

/* Widget Map for max-width 480px */
@media (max-width: 480px) {
	/* 480px */
	.widget-map .widget-sparkline-chart {
		width: 50%;
		border-left: none;
		margin-top: 10px;
		margin-bottom: 10px;
	}
}
/*** Widget Subscribe ***/
.widget-subscribe {
	min-height: 250px;
	overflow: hidden;
	padding: 30px;
}
.widget-subscribe .widget-subscribe-no {
	float: left;
	font-size: 67px;
	font-weight: 600;
	line-height: 1;
	color: #9a7caf;
}
.widget-subscribe .widget-subscribe-title {
	font-size: 25px;
	font-weight: 700;
	line-height: 1.4;
	margin: 0 0 15px 45px;
}
.widget-subscribe .widget-subscribe-subtitle {
	font-size: 15px;
	font-weight: 600;
}
.widget-subscribe .widget-subscribe-subtitle-link {
	color: #cab0dd;
}
.widget-subscribe.widget-subscribe-quote {
	position: relative;
}
.widget-subscribe.widget-subscribe-quote:before {
	position: absolute;
	top: 2px;
	font-size: 70px;
	color: #fff;
	content: "\201C";
}

/* Widget Subscribe for media queries */
@media (max-width: 1024px){
	.widget-thumb .widget-thumb-wrap .widget-thumb-icon {
		width: 30px;
		height: 30px;
	}
	.widget-thumb .widget-thumb-wrap .widget-thumb-icon {
		width: 33px;
		height: 33px;
	}
}
@media (max-width: 767px) {
	/* 767px */
	.widget-subscribe.widget-subscribe-border {
		border-top: 1px solid #f5f8fb;
		border-bottom: 1px solid #f5f8fb;
		border-right: none;
	}
}
@media (min-width: 768px) {
	/* 768px */
	.widget-subscribe.widget-subscribe-border {
		border-left: 1px solid #f5f8fb;
		border-right: 1px solid #f5f8fb;
	}
}
@media (min-width: 767px) and (max-width: 991px) {
	/* 767px & 991px */
	.widget-subscribe.widget-subscribe-border {
		border-left: none;
	}
	.widget-subscribe.widget-subscribe-border-top {
		border-top: 1px solid #f5f8fb;
	}
}
/*--------------------------------------------------
    [Material Design]
----------------------------------------------------*/
.page-md .breadcrumbs {
	box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.1);
}
.page-md .widget-bg-color-white,
.page-md .widget-map,
.page-md .widget-carousel,
.page-md .widget-progress-element,
.page-md .widget-socials,
.page-md .widget-blog {
	box-shadow: 0px 2px 5px 2px rgba(0, 0, 0, 0.1);
}
