@import url('https://fonts.googleapis.com/css?family=Open+Sans:300i,700i');

html {
	height: 100%;
	box-sizing: border-box;
}
*, *:before, *:after {
	box-sizing: inherit;
}
body {
	height: 100%;
	font-family: 'Open Sans', sans-serif;
	font-weight: 300;
	font-style: italic;
}
.clear:after {
	content: "";
	display: table;
	clear: both;
}
p {
	line-height: 1.75;
}

/* header */

header {
	width: 100%;
	position: fixed;
	z-index: 1000;
	padding-left: 100px;
}
.logo {
	width: 420px;
	margin: 0;
	padding: 0;
	float: left;
	background: #fff;
	box-shadow: 20px 30px 30px -20px rgba(0, 0, 0, 0.25);
	transform: skew(-20deg);
	position: relative;
	z-index: 999;
}
.logo a {
	display: block;
	padding: 25px 0 20px 0;
	padding-left: 50px;
	transform: skew(20deg);
}
.logo img {
	display: block;
}
nav {
	display: block;
	float: left;
	background: #7a95b0;
	width: calc(100% - 405px);
	margin-left: -15px;
}
nav ul {
	list-style: none;
	padding: 0;
	margin: 0;
}
nav ul li {
	float: left;
	font-size: 22px;
	font-weight: 700;
	text-transform: uppercase;
	transform: skew(-20deg);
	padding: 0 30px;
}
nav ul li:first-child {
	padding-left: 40px;
	padding-right: 30px;
}
nav ul li.active {
	background: #244471;
}
nav ul li a {
	display: block;
	max-width: 140px;
	color: #fff;
	text-decoration: none;
	padding: 27.5px 0;
	transform: skew(20deg);
}
nav ul li:first-child a {
	padding: 15px 0;
}

/* hero */

.hero {
	width: 100%;
	height: 110%;
	padding: 0;
	position: relative;
	/*
	background: url(../img/bg-01.jpg) no-repeat;
	background-position: center top;
	background-size: 100% auto;
	*/
}
.call-to-action {
	width: 270px;
	border-radius: 3.6px;
	background-image: linear-gradient(to bottom, #ff7b00, #ff5800);
	box-shadow: 10px 14px 14px -10px rgba(0, 0, 0, 0.66);
	transform: skew(-20deg);
	position: absolute;
	right: 70px;
	top: 150px;
}
.call-to-action a {
	display: block;
	font-size: 28.8px;
	font-weight: 700;
	color: #ffffff;
	text-decoration: none;
	text-align: center;
	transform: skew(20deg);
	padding: 20px 0;
	text-transform: uppercase;
}

/* slider */

.hero .slider {
	margin: 0;
	padding: 0;
	list-style: none;
	height: 100%;
}
.hero .bx-wrapper:nth-of-type(1),
.hero .bx-wrapper:nth-of-type(1) .bx-viewport {
	height: 100%;
}
.hero .slider > div {
	height: 100%;
	position: relative;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: 100% auto;
}
.hero .slider .rr {
	background-image: url(../img/bg-01.jpg);
}
.hero .slider .ipace {
	background-image: url(../img/ipace.jpg);
}
.hero .slider .mini {
	background-image: url(../img/mini.jpg);
}
.hero .slider .xc90 {
	background-image: url(../img/bg-02.jpg);
}
.hero .slider .xc60 {
	background-image: url(../img/bg-03.jpg);
}
.hero .slider > div h3 {
	margin: 0;
}

/* cards */

.hero .cards {
	width: 100%;
}
.hero .bx-wrapper:nth-of-type(2) {
	margin: -52px auto 0 auto;
}
.hero .cards > a {
	background: url(../img/pager-bg.png) no-repeat;
	display: inline-block;
	width: 350px;
	height: 165px;
	outline: 0;
	padding-left: 55px;
	text-decoration: none;
	color: #fff;
	padding-top: 20px;
}
.hero .cards > a h3 {
	margin: 0;
	font-size: 30px;
	line-height: 0.8;
}
.hero .cards > a span {
	display: block;
	float: right;
	width: 70%;
	height: 8px;
	box-shadow: 20px 30px 30px -20px rgba(0, 0, 0, 0.25);
	margin-bottom: 50px;
}
.hero .cards .rr span {
	background-image: linear-gradient(97deg, #00b2d7, #003a88 60%, #00173e);
}
.hero .cards .ipace span {
	background-image: linear-gradient(92deg, #ffbc00, #9e0000);
}
.hero .cards .mini span {
	background-image: linear-gradient(92deg, #ff00e5, #6f004b);
}
.hero .cards .xc90 span {
	background-image: linear-gradient(97deg, #00b2d7, #003a88 60%, #00173e);
}
.hero .cards .xc60 span {
	background-image: linear-gradient(92deg, #ffbc00, #9e0000);
}
.hero .cards > a p {
	clear: both;
	margin: 0;
	text-align: right;
	padding-right: 40px;
}
.hero .cards > a p:nth-of-type(1) {
  font-size: 35px;
  font-weight: 700;
  line-height: 0.8;
}
.hero .cards > a p:nth-of-type(2) {
	font-size: 17.5px;
	font-weight: 300;
	padding-right: 45px;
}
.hero .cards > a.active {
  transform: scale(1.2);
  margin: 0 20px;
}

/* sections */

section .wrapper {
	max-width: 1200px;
	margin: 0 auto;
}
section h2 {
	font-size: 84px;
	font-weight: 300;
	text-align: center;
}

/* programme benefits */

.benefits {
	padding-top: 120px;
	padding-bottom: 50px;
}
.benefits h2 {
	font-size: 44px;
}
.benefits .wrapper {
	display: flex;
}
.one, .two, .three, .four {
	display: block;
	width: 25%;
	border-right: solid 1px #c0c0c0;
	padding: 0 30px;
}
.four {
	border-right: none;
}

.benefits h3 {
	font-size: 26px;
	font-weight: 300;
}

.one p, .two p, .three p, .four p {
	
}

/* about */

.about {
	background: url(../img/bg.jpg) no-repeat;
	background-position: left top;
	padding-top: 210px;
}
.about h2 {
	font-size: 84px;
	background: #fff;
	max-width: 420px;
	padding: 20px 0;
	margin: 0 auto;
	margin-bottom: 30px;
	transform: skew(-20deg);
}
.about h2 span {
	display: block;
	transform: skew(20deg);
}

/* faqs */

#faqs {
	padding-bottom: 50px;
}
#faqs .wrapper p:nth-child(odd) {
    font-weight: 700;
}
#faqs .wrapper p:nth-child(even) {
    
}