/**
 * @tableofcontents
 *
 * 1. Banner
 * 2. Mid Container
 */

/* @section 1. Banner */

.dash_ban_wrap {
	height: 480px;
	background: url("../../img/dash_app/dash_app_banr.jpg") no-repeat center top;
	background-size: cover;
}
.dash-bnr {
	margin-top: 5%;
}
.dash-bnr h1 {
	font-size: 44px;
	color: #f5ff57;
	margin-bottom: 25px;
	font-weight: bold;
}
.dash-bnr p {
	font-size: 22px;
	color: #fff;
	line-height: 32px;
	margin-bottom: 25px;
}
.dash-sign-btn a {
	border: 1px solid #727370;
	display: inline-block;
	padding: 3px;
}
.dash_ban_wrap a span, .dash_ban_wrap a span:hover, .dash_ban_wrap a span:focus {
	font-size: 18px;
	color: #fff;
	line-height: 44px;
	padding: 0px 36px;
	border: 0px;
	text-align: center;
	background: #f15151;
	background: -moz-linear-gradient(top, #f15151 0%, #de2020 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f15151), color-stop(100%, #de2020));
	background: -webkit-linear-gradient(top, #f15151 0%, #de2020 100%);
	background: -o-linear-gradient(top, #f15151 0%, #de2020 100%);
	background: -ms-linear-gradient(top, #f15151 0%, #de2020 100%);
	background: linear-gradient(to bottom, #f15151 0%, #de2020 100%);
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f15151', endColorstr='#de2020', GradientType=0 );
}
/* @section 2. Mid Container */


.dash-mid-container {
	background: #e6f0f8;
}
.dash-mid-wrap {
	background-color: #fff;
	padding: 30px 0px;
	margin-top: 20px;
}
.dash-disc {
	padding: 0 25px;
}
.dash-disc > h2 {
	color: #272727;
	font-size: 30px;
	font-weight: bold;
	margin: 0 0 20px 0;
}
.dash-disc > p {
	color: #828282;
	font-size: 18px;
	line-height: 26px;
}
.dash-ftr-wrp {
	margin-bottom: 3%;
	padding: 0 10px;
}
.dash-ftr > h2 {
	font-size: 30px;
	margin-bottom: 15px;
	color: #e23838;
	font-weight: bold;
}
.dash-ftr > p {
	font-size: 18px;
	line-height: 26px;
	color: #696969;
}
.dash-ftr > ul {
	padding: 0;
}
.dash-ftr > ul > li {
	background: url("../../img/dash_app/dash-check.jpg") no-repeat left 10px;
	padding-left: 25px;
	line-height: 33px;
	font-size: 18px;
	color: #696969;
	list-style: none;
}
.dash-ftr-1 {
	background: url("../../img/dash_app/dash_img1.jpg") no-repeat center top;
	min-height: 410px;
	background-size: contain;
}
.dash-ftr-2 {
	background: url("../../img/dash_app/dash_img2.jpg") no-repeat center top;
	min-height: 410px;
	background-size: contain;
}
.dash-ftr-3 {
	background: url("../../img/dash_app/dash_img3.jpg") no-repeat center top;
	min-height: 410px;
	background-size: contain;
}
.dash-ftr-4 {
	background: url("../../img/dash_app/dash_img4.jpg") no-repeat center top;
	min-height: 440px;
	background-size: contain;
}
.dash-ftr-5 {
	background: url("../../img/dash_app/dash_img5.jpg") no-repeat center top;
	min-height: 410px;
	background-size: contain;
}
.dash-bottom {
	text-align: center;
	background-color: #F3F3F3;
	padding: 25px 0;
}
.dash-bottom > h2 {
	margin: 0 0 30px 0;
	font-size: 36px;
	color: #272727;
	font-weight: bold;
}
.dash-bottom > a, .dash-bottom > a:hover, .dash-bottom > a:focus {
	background: #f15151;
	background: -moz-linear-gradient(top, #f15151 0%, #de2020 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f15151), color-stop(100%, #de2020));
	background: -webkit-linear-gradient(top, #f15151 0%, #de2020 100%);
	background: -o-linear-gradient(top, #f15151 0%, #de2020 100%);
	background: -ms-linear-gradient(top, #f15151 0%, #de2020 100%);
	background: linear-gradient(to bottom, #f15151 0%, #de2020 100%);
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f15151', endColorstr='#de2020', GradientType=0 );
	font-size: 28px;
	color: #fff;
	line-height: 40px;
	padding: 10px 24px;
	border: 3px solid #d4d4d4;
}

/* @reset styling for medium screen size */

@media (max-width: 992px) {
	.dash_ban_wrap {
		background-position-x: initial;
	}
}


/* @reset styling for small screen size */

@media (max-width: 767px) {
	.dash_ban_wrap {
		height: auto;
	}
	.dash-bnr h1 {
		font-size: 32px;
		margin-bottom: 15px;
	}
	.dash-bnr p {
		font-size: 18px;
		line-height: 26px;
		margin-bottom: 15px;
	}
	.dash-bnr {
		text-align: center;
		margin: 5% 0;
	}
	.dash-ftr-wrp {
		padding: 0px;
	}
	.dash-disc {
		margin-bottom: 20px;
		padding: 0 15px;
	}
	.dash-disc > h2, .dash-ftr > h2 {
		font-size: 26px;
		margin: 0 0 15px 0;
	}
	.dash-disc > p, .dash-ftr > p, .dash-ftr > ul > li {
		font-size: 16px;
		line-height: 24px;
	}
	.dash-bottom > h2 {
		margin: 0 0 20px 0;
		font-size: 28px;
		line-height: 36px;
	}
	.dash-bottom > a, .dash-bottom > a:hover, .dash-bottom > a:focus {
		font-size: 22px;
		line-height: 30px;
		padding: 10px 24px;
	}
	.dash-ftr > ul > li {
		background-position: left 5px;
	}
}
 @media (max-width: 500px) {
	.dash-bnr h1 {
		font-size: 24px;
		margin-bottom: 10px;
	}
	.dash-bnr p {
		font-size: 14px;
		line-height: 22px;
		margin-bottom: 10px;
	}
	.dash-disc > h2, .dash-ftr > h2 {
		font-size: 22px;
		margin: 0 0 10px 0;
	}
	.dash-disc > p, .dash-ftr > p, .dash-ftr > ul > li {
		font-size: 14px;
		line-height: 22px;
	}
	.dash-ftr-wrp {
		margin-bottom: 5%;
	}
	.dash-ftr-1, .dash-ftr-2, .dash-ftr-3, .dash-ftr-4, .dash-ftr-5 {
		min-height: 320px;
	}
	.dash-bottom > h2 {
		font-size: 18px;
		line-height: 28px;
	}
}