.skew-title {

	background: #3e89d0;

	text-align: center;

	padding: 20px 0;

}

.skew-title h2 {

	color: #fff;
	font-size: 30px;
	padding: 50px;

}

.skew-title p {

	color: #fff;

	opacity: .5;

}

.skew-title a {

	color: #fff;

	opacity: .95;

}

@media (max-width:1599px) {

.skew-title {

	padding: 35px 0;

}

}

@media (max-width:1199px) {

.skew-title {

	padding: 10px 0;

}

}

@media (max-width:767px) {

.skew-title {

	padding: 10px 10px;

}

.skew-title p br {

	display: none;

}

}

.skew-box {

	width: 100%;

	position: relative;

}

.skew-box:before {

	content: '';

	position: absolute;

	background: #023894;

	height: 100%;

	width: 500px;

	right: 100%;

	top: 0;

	z-index: 8;

	transform: skewX(-15deg);

	-moz-transform: skewX(-15deg);

	-ms-transform: skewX(-15deg);

	-o-transform: skewX(-15deg);

	-webkit-transform: skewX(-15deg);

}

.skew-box:after {

	content: '';

	position: absolute;

	background: #023894;

	height: 100%;

	width: 500px;

	left: 100%;

	bottom: 0;

	z-index: 9;

	transform: skewX(-15deg);

	-moz-transform: skewX(-15deg);

	-ms-transform: skewX(-15deg);

	-o-transform: skewX(-15deg);

	-webkit-transform: skewX(-15deg);

}

.skew-box ul {

	display: block;

	list-style: none;

	padding: 0;

	margin: 0;

	
	position: relative;

	z-index: 7;

}

@media (min-width:992px) {




}

@media (max-width:1599px) {

}

@media (max-width:1199px) {


}

@media (max-width:991px) {

.skew-box ul:before {

	height: 50%;

}

.skew-box ul:after {

	height: 50%;

}

.skew-box ul:after {

	display: block;

	clear: both;

	content: '';

}


}