@import url('https://fonts.googleapis.com/css?family=Montserrat:100,100i,200,200i,300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900,900i&display=swap');

/* --------------------- G L O B A L --------------------- */

* {
	font-family: "Montserrat", sans-serif;
	font-weight: 300;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

*,
*:before,
*:before,
*:after {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

::selection {
	background: #265aa6;
	color: #fff;
}

body,
header,
footer,
article,
div,
span,
ul,
li,
a,
button,
p,
blockquote {
	line-height: 1.25;
	letter-spacing: 0.02em;
}

html {
	width: 100%;
}

html.menu {
	height: 100%;
	overflow: hidden;
}

body {
	color: #192d50;
	padding: 0;
	margin: 0;
	width: 100%;
	height: 100%;
	/*-moz-osx-font-smoothing:grayscale;
	-webkit-font-smoothing:antialiased;*/
}

body,
form,
iframe {
	margin: 0;
	padding: 0;
}

img,
table,
iframe {
	border: 0;
}

article {
	background: #fff;
}

table {
	border-collapse: collapse;
}

table td {
	padding: 0;
}

table td span {
	padding: 0;
}

h1,
h2,
h3,
h4,
h5,
h6,
h7 {
	word-wrap: break-word;
	margin: 0;
}

h1,
h2,
h3,
h4,
h5,
h6,
h7,
h1 span,
h2 span,
h3 span,
h4 span,
h5 span,
h6 span,
h7 span,
h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a,
h7 a {
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	text-decoration: none;
	padding: 0;
	-webkit-transition: all 1000ms;
	transition: all 1000ms;
}

p {
	margin: 1em 0;
	font-weight: 300;
	letter-spacing: 0.02em;
}

.page a, .header a, footer a,
.page a *, .header a *, footer a *,
.page button, .header button, footer button,
.page button *, .header button *, footer button *{
	cursor: pointer !important;
	color: #265aa6;
	text-decoration: none;
	-webkit-transition: all 1000ms;
	transition: all 1000ms;
	font-weight: bold;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	border-radius: 0;
}

a:hover,
a:hover span,
.green a:hover,
.green a:hover span {
	outline: none;
	color: #faaa28;
}

button,
button:active,
button:hover {
	border: none;
	outline: none !important;
}

ol,
ul {
	list-style: none;
}

svg {
	display: block;
	width: 100%;
}

img {
	text-indent: -9999px
}

b,
strong {
	font-weight: 500;
}

pre {
 white-space: pre-wrap;       /* css-3 */
 white-space: -moz-pre-wrap;  /* Mozilla, since 1999 */
 white-space: -pre-wrap;      /* Opera 4-6 */
 white-space: -o-pre-wrap;    /* Opera 7 */
 word-wrap: break-word;       /* Internet Explorer 5.5+ */
}

section {
	margin: 4em 0;
	position: relative;
	clear: both;
}

section h2 {
	font-size: 2.5em;
	padding: 0;
	margin: 0;
	display: block;
	font-weight: 400;
}

section .woo h2 {
    font-size: 1.25em;
    opacity: .5;
}

section h2.uppercase {
	text-transform: uppercase;
}

section h3 {
	font-size: 2em;
	padding: 0;
	margin: 0;
	display: block;
	font-weight: 300;
}

section .title h2,
section .title h3 {
	padding: 1em 0 1em 0;
}

section h4 {
    font-size: 1.4em;
    padding: 0;
    margin: 0 0 1em 0;
    display: block;
    font-weight: 600;
    line-height: 1.2;
}

a.dart-yellow,
a span.dart-yellow,
button span.dart-yellow {
	display: inline;
	padding: .25em 30px .25em 0;
	background: transparent url('../images/depol_arrow_yellow.svg') right center no-repeat;
}

.bygone a.dart-yellow,
.bygone a span.dart-yellow {
	background: transparent url('../images/depol_arrow_blue.svg') right center no-repeat;
}

a.dart-blue,
a span.dart-blue {
	display: inline;
	padding: .25em 30px .25em 0;
	background: transparent url('../images/depol_arrow_blue.svg') right center no-repeat;
}

a.dart-white,
a span.dart-white {
	display: inline;
	padding: .25em 30px .25em 0;
	color: #fff;
	background: transparent url('../images/depol_arrow_white.svg') right center no-repeat;
}

a.dart-yellow.prev,
a span.dart-yellow.prev {
	display: inline;
	padding: .25em 0 .25em 30px;
	background: transparent url('../images/depol_arrow_yellow_prev.svg') left center no-repeat;
}

a.button,
button {
	padding: 1em 4em;
	font-weight: 900;
	text-transform: uppercase;
	margin: .5em 0;
	text-align: center;
	font-size: .9em;
	display: inline-block;
	border-radius: 1em;
}

#ccc-icon {
	margin: 0;
}

#ccc[dark] #ccc-notify {
	padding-right: 3em;
}

#ccc[dark] .ccc-notify-button {
	border-radius: 0 !important;
}

#ccc h3,
#ccc p {
	line-height: 1.2em !important;
	padding-right: 3em !important;
}


button[type=submit].bolder {
	font-size: initial;
	margin: .5em 0 0 0;
	width: 22em;
	background: #fff;
}

button[type=submit].bolder.line.disabled {
	border-color:#B8B8B8;
}
button[type=submit].bolder.line.disabled span.dart-yellow{
	color:#B8B8B8;
	background: transparent url(../images/depol_arrow_grey.svg) right center no-repeat;
}
button[type=submit].bolder.line.disabled span.dart-yellow span{
	color:#B8B8B8;
}

button[type=submit].bolder span span {
	font-weight: 300;
}


a.button.white {
	background-color: #fff;
}

a.button.white.line {
	border: solid #265aa6 .1em;
}

a.button.blue,
button.blue {
	color: #fff;
	background-color: #265aa6;
}

a.button.cyan,
button.cyan {
	color: #fff;
	background-color: #265aa6;
}

a.button.blue:hover,
button.blue:hover,
a.button.cyan:hover,
button.cyan:hover {
	color: #265aa6;
	background-color: #faaa28;
}

a.bolder,
button.bolder {
	display: inline-block;
	margin: .25em 0;
}

.course a.bolder {
	display: block;
}

a.bolder,
a.bolder span,
.bolder,
.bolder span,
button.bolder,
button.bolder span {
	font-weight: 900;
	text-transform: uppercase;
}

a.bolder.negative,
a.bolder.negative *,
.featured a.bolder,
.featured a.bolder * {
	color: #fff;
}

a.bolder:hover,
a.bolder *:hover,
.bolder:hover *,
a.bolder.negative:hover,
.bolder.negative *:hover,
.bolder.negative:hover * {
	color: #faaa28;
}

.bolder.large:hover *,
.bolder.huge:hover * {
	color: #265aa6;
}

.bolder.large.yellow:hover *,
.bolder.huge.yellow:hover * {
	color: #fff;
}

a.bolder.line,
.bolder.line {
	border: solid #265aa6 .1em;
	padding: 1.5em 2em;
}

a.standard,
a.standard span {
	font-weight: 300;
}

a.large {
	font-size: 2em;
	display: block;
	padding: 2em 1em;
}

a.huge,
a.huge span {
	display: block;
	font-size: 1.5em;
	font-weight: 900;
	color: #fff;
	text-align: left;
	background-size: 1.25em 1.25em;
	padding: 1em 2em 1em 1em;
}

input {
	-webkit-user-select:text;
}

select {
	-moz-appearance: none;
	-webkit-appearance: none;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border: solid 1px #ccc;
}

.select2-container .select2-selection--single {
	height: 3em;
	border-radius: 0;
	border: 1px solid #ccc;
}
.select2-container--default .select2-selection--single .select2-selection__rendered {
	line-height: 3em;
}

input[type="email"] {
	padding: 1em 2em;
	border: none;
	font-size: .9em;
	font-family: "Montserrat", sans-serif;
	font-weight: normal;
	line-height: 1.05;
	border-bottom: 3px solid #fff;
}
input[type="email"]:focus {
	outline: none;
	border-bottom: 3px solid #faaa28;
}
.page-content .woocommerce ul {
	padding: 1em 2em 1em 3.5em;
}
.page-content .woocommerce p a, .page-content .woocommerce li a {
	padding: 0;
	margin:0;
	background: none;
}

.woocommerce input[type="text"],
.woocommerce input[type="password"],
.woocommerce input[type="email"],
.woocommerce input[type="tel"],
.woocommerce textarea {
	padding: 1em 1em;
	font-size: .9em;
	font-family: "Montserrat", sans-serif;
	font-weight: normal;
	line-height: 1.05;
	border: 1px solid #ccc;
	min-width: 200px;
}

.woocommerce .form-row input[type="text"]:focus,
.woocommerce .form-row input[type="password"]:focus,
.woocommerce .form-row input[type="email"]:focus,
.woocommerce .form-row input[type="tel"]:focus,
.woocommerce .form-row textarea:focus {
	outline: none;
	border: none;
	border-bottom: 3px solid #faaa28;
}

.woocommerce .form-row label {
	width: 100%;
	display: block;
}

.woocommerce .form-row textarea {
	height: 20em !important;
}

.woocommerce .form-row select {
	font-size: .9em;
	font-family: "Montserrat", sans-serif;
	font-weight: normal;
	line-height: 1.5;
	height: 4em !important;
	padding: 1em 1em;
	width: 100%;
}

.woocommerce form .form-row-first,
.woocommerce form .form-row-last,
.woocommerce form .form-row-first,
.woocommerce form .form-row-last {
	float: none !important;
	width: 100% !important;
}

.woocommerce #respond input#submit,
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button {
	padding: 1em 4em;
	border-radius: 0;
}

.woocommerce table.shop_table {
	border-radius: 0;
}

.woocommerce a.button.checkout-button,
.woocommerce button.button.alt,
.woocommerce input.button-alt {
	background: #265aa6;
	border-radius: 0;
	color: #fff;
	padding: 1em 4em;
	border: none;
	font-size: 1em;
	font-family: "Montserrat", sans-serif;
	font-weight: 500;
	line-height: 1.05;
	text-transform: uppercase;
}

fieldset{
	border:none;
	background: #F6F6F6;
	padding:2em;
}

legend{
	font-size: 2em;
}

.page-wrapper .page-content .woocommerce img {
	height: auto;
	display: inline-block;
	width: 250px;
}

.page-wrapper .woocommerce .woocommerce-MyAccount-navigation ul {
	list-style: none;
	margin: 0 0 2em 0;
	overflow: hidden;
	border: 1px solid #ccc;
	background-color: #f1f1f1;
	padding: 0 !important;
}

.page-wrapper .woocommerce .woocommerce-MyAccount-navigation ul li:before {
	content: none;
}

.page-wrapper .woocommerce .woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link {
	float: left;
	margin: 0;
	padding:0;
}

.page-wrapper .woocommerce .woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link a {
	display: inline-block;
	color: black;
	text-align: center;
	padding:1em 2em;
	text-decoration: none;
	transition: 0.3s;
	font-size: 17px;
	float: left;
}

.page-wrapper .woocommerce .woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link a:hover {
	background-color: #ddd;
}

.page-wrapper .woocommerce .woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link a:focus,
.page-wrapper .woocommerce .woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link.is-active a,
.page-wrapper .woocommerce .woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link.is-active a:hover {
	background-color: #ccc;
	color: #265aa6;
}

.page-wrapper .woocommerce .woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--downloads,
.page-wrapper .woocommerce .woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--customer-logout {
	display: none;
}



.outstock {
	font-size: initial;
	margin: .5em 0 0 0;
	width: 25em;
	display: inline-block;
	text-transform: uppercase;
	background: #eee;
	padding: 1.5em 2em;
	text-align: center;
}

.outstock span {
	font-weight: 900;
}



.woocommerce-boost-sales-viewport .wbs-upsells .shop-item .snapshot{
	min-height:initial;
}
.woocommerce-boost-sales-viewport .wbs-upsells .shop-item .info{
	min-height:75%;
	position: absolute;
	width: 70%;
	padding:0;
}

.woocommerce-boost-sales-viewport .wbs-upsells .shop-item .info .inner {
    text-align: left;
    font-size: 1.3em;
    line-height: 1;
    font-weight: 700;
}
.woocommerce-boost-sales-viewport .wbs-upsells .shop-item .info .inner a span{
    font-weight: 900;
}

.woocommerce-boost-sales-viewport .wbs-upsells .shop-item .info .inner .price .amount > *{
    font-weight: 500;
}

.woocommerce-boost-sales .wbs-upsells.wbs-upsells-atc-style-hover .product-controls {
    background: rgba(35,30,110,.7);
    z-index: 999;
}

.woocommerce-boost-sales .wbs-breadcrum .wbs-header-right a {
    padding: 0.75em 2em;
    font-size: 1.1em;
    font-weight: 900;
    text-transform: uppercase;
    margin: .25em 0;
}
.woocommerce-boost-sales .wbs-breadcrum .wbs-header-right p.wbs-current_total_cart{
    margin: 2em 0;
    font-size: 1.1em;
}

.woocommerce-boost-sales .wbs-overlay {
    background-color: #265aa6;
}

.woocommerce-boost-sales .wbs-breadcrum p.wbs-notify_added, .woocommerce-boost-sales .wbs-breadcrum p.wbs-notify_added span {
    font-weight: 900;
    font-size: 1.2em;
    color: #72b656;
}
.woocommerce-boost-sales .wbs-breadcrum p.wbs-notify_added span::before {
    font-size: 1.5em;
}

.woocommerce-boost-sales .wbs-close {
    border: 1px solid #265aa6;
    background: #265aa6;
}

.woocommerce-boost-sales .wbs-upsells:not(.wbs-upsells-atc-style-hover) .product-controls {
    margin:0;
}
.woocommerce-boost-sales .wbs-upsells.wbs-upsells-atc-style-theme_default .button {
    padding: 1em 1.5em;
}

.woocommerce-boost-sales .wbs-upsells .product-controls .wbs-cart {
    text-align: left;
    max-width:100%;
}

.woocommerce-boost-sales .wbs-breadcrum p.wbs-notify_added {
    margin: 0 0 2em;
}

.woocommerce-boost-sales .wbs-upsells .product-controls .wbs-cart form {
    margin: .25em 0 .5em;
    line-height: 0;
}
.woocommerce-boost-sales .wbs-upsells .product-controls button.wbs-single_add_to_cart_button, .woocommerce-boost-sales .wbs-upsells-items-mobile .product-controls button.wbs-single_add_to_cart_button {
    display: block !important;
}

.woocommerce-boost-sales .wbs-upsells-add-items {
    font-weight: 900;
}

#loginform {
    border: 1px solid #d3ced2;
    padding: 20px;
    margin: 2em 0;
    text-align: left;
    border-radius: 5px;
}

#loginform input[type="text"],
#loginform input[type="password"],
#loginform input[type="email"] {
	padding: 1em 1em;
	font-size: .9em;
	font-family: "Montserrat", sans-serif;
	font-weight: normal;
	line-height: 1.05;
	border: 1px solid #ccc;
	min-width: 200px;
}

#loginform .input{
    box-sizing: border-box;
    width: 100%;
    margin: 0;
    outline: 0;
    line-height: normal;
}
#loginform input.button {
    padding: 1em 4em;
    border-radius: 0;
    font-size: 100%;
    margin: 0;
    line-height: 1;
    cursor: pointer;
    position: relative;
    text-decoration: none;
    overflow: visible;
    font-weight: 700;
    left: auto;
    color: #515151;
    background-color: #ebe9eb;
    border: 0;
    display: inline-block;
    background-image: none;
    box-shadow: none;
    text-shadow: none;
}

#loginform label {
	width: 100%;
	display: block;
	line-height: 2;
}

#loginform .login-remember label{
	display: inline;
}



/*---------------------------------------------------------------------*/


/*---------------------------------------------------------------------*/


/*---------------------  T H E M E   C S S  ---------------------*/


/*---------------------------------------------------------------------*/


/*---------------------------------------------------------------------*/


/*---------------------------------------------------------------------*/


/* ----------------------- B E H A V I O R ---------------------- */


/*---------------------------------------------------------------------*/

.desktop {
	display: block !important;
}

.mobile {
	display: none !important;
}

.hide {
	display: none;
}

.fade {
	opacity: 0;
}

.clear-fix {
	clear: both;
}

.clearfix::after,
.clearfix::before {
	content: " ";
	display: table;
}

.wrapper {
	width: 90%;
	margin: 0 auto;
	position: relative;
}

.banners-wrapper {
	border-radius: 1.5em;
	overflow: hidden;
}

.gap {
	margin-left: 50%;
	height: 5em;
	width: 50%;
	background: #faaa28;
}

.strip {
	display: block;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
}

.strip.w50 {
	width: 50%;
	margin-right: 50%;
}

.grey {
	background: #f0f0f0;
}

.white {
	background: #fff;
}

.yellow {
	background: #faaa28;
}

.blue {
	background: #24305E;
}

.inline {
	display: inline;
}

.post-edit-link {
	opacity: .6;
	background: url(../images/depol_pencil.svg) no-repeat scroll right center transparent;
	height: 40px;
	width: 40px;
	display: block;
	position: fixed;
	right: 1em;
	top: 1em;
	z-index: 999;
	text-indent: -9999px;
}

.post-edit-link:hover {
	opacity: 1;
}


/*---------------------------------------------------------------------*/


/* ------------------------- H E A D E R ------------------------ */


/*---------------------------------------------------------------------*/

.header {
	width: 100%;
	position: fixed;
	height: 9em;
	top: 0;
	left: 0;
	margin: 0;
	z-index: 999;
	background: #ffffff;
}

.header,
.header * {
	-webkit-transition: all 1000ms;
	transition: all 1000ms;
}

.header.short {
	position: fixed;
	height: 4.5em;
}

.header-wrapper.wrapper {
	position: relative;
	padding: 0 .5em;
}

.header-wrapper>*>* {
	font-size: 1em;
}

.header-wrapper .logo {
	width: 13em;
	height: 5em;
	display: block;
	background: url('../images/depol_logo_full_new.svg') no-repeat center center;
}

.header-wrapper .claim {
	display: block;
	font-size: 0.75em;
}
.header-wrapper .performance {
	font-size: 0.85em;
	font-weight: 500;
	font-style:italic;
	display: inline-block;
	color:#fff;
	background:#faaa28 url('../images/depol_methodology_arrow.svg') no-repeat left center;
	padding: .35em 1em .35em 2.5em;
	margin-top: .5em;
	border-radius: 1em;
}

.header.short .header-wrapper .logo {
	width: 11em;
	height: 4em;
}

.header.short .header-wrapper .claim, .header.short .header-wrapper .performance {
	font-size: 0.5em;
	opacity: 0;
}


/* --------------------- P R O G R E S S  --------------------- */

.progress-container {
	width: 100%;
	height: .3em;
	background: #ccc;
	bottom: -.3em;
	left: 0;
	position: absolute;
	opacity: .75;
	-webkit-transition: all 1000ms;
	transition: all 1000ms;
}

.progress-bar {
	width: 0%;
	height: .3em;
	background: #265aa6;
	-webkit-transition: all 300ms;
	transition: all 300ms;
}


/* --------------------- T O P  L I N K S  --------------------- */

header ul.top-links {
	margin: 0;
	height: 6.5em;
	position: absolute;
	right: 6.5em;
	top: 0;
	display: table;
}

header.short ul.top-links {
	height: 4.5em;
	right: 4.5em;
}

ul.top-links>li {
	display: table-cell;
	padding: 0em .75em;
	background: #fff;
	border-left: 1px solid #fff;
	cursor: pointer;
	text-transform: uppercase;
	vertical-align: middle;
}

ul.top-links>li a {
	color: #265aa6;
	height: 3em;
	line-height: 3em;
	display: inline-block;
	font-weight: 900;
}

ul.top-links>li:hover {
	opacity: .5;
}

ul.top-links li.has-submenu:hover {
	opacity: 1;
}

ul.top-links li.has-submenu {
	position: relative;
}

ul.top-links li.has-submenu>ul.sub-menu {
	padding: 0;
	box-sizing: border-box;
	display: block;
	width: 250px;
	padding-top: 1em;
	top: 3em;
	left: 50%;
	height: initial;
	transform: translateX(-50%) translateY(1.5em);
 	transform-origin: center top;
	-webkit-transform-origin: center top;
	position: absolute;
	z-index: 2;
	overflow: hidden;
	opacity: 0;
	-webkit-transition: all 500ms;
	transition: all 500ms;
}
ul.top-links li.has-submenu>ul.sub-menu.minify {
	height: 1em;
	opacity: 1;
}

.short ul.top-links li.has-submenu>ul.sub-menu {
	top: 1.5em;
}

ul.top-links li.has-submenu>ul.sub-menu::before {
	content: "";
	position: absolute;
	background: #265aa6;
	left: 115px;
	top: 30px;
	width: 1em;
	height: 1em;
	transform: rotateY(0deg) rotate(45deg);
	-webkit-transition: all 250ms;
	transition: all 250ms;
}

ul.top-links li.has-submenu:hover>ul.sub-menu {
	height: 9em;
	display: block;
}

ul.top-links li.has-submenu>ul.sub-menu.active {
	height: initial;
	display: block;
}

ul.top-links li.has-submenu:hover>ul.sub-menu::before, ul.top-links li.has-submenu>ul.sub-menu.active::before {
	top: 10px;
}

ul.top-links li.has-submenu>ul.sub-menu li {
	display: block;
	width: 100%;
	padding: 0;
	margin: 0;
	background-color: #265aa6;
	position: relative;
}

ul.top-links li.has-submenu>ul.sub-menu li.menu-login, ul.top-links li.has-submenu>ul.sub-menu li.menu-login:hover{
	background-color: #265aa6;
	padding:1em;
}


ul.top-links li.has-submenu>ul.sub-menu li:first-child::after {
	content: "";
	position: absolute;
	height: .05em;
	width: 70%;
	bottom: .025em;
	left: 15%;
	background: #3B3E5F;
	z-index: 99;
	-webkit-transition: all 750ms;
	transition: all 750ms;
}

ul.top-links li.has-submenu>ul.sub-menu li:first-child:hover::after {
	background: #faaa28;
}

ul.top-links li.has-submenu>ul.sub-menu li:hover {
	background-color: #faaa28;
}

ul.top-links li.has-submenu>ul.sub-menu li a {
	display: block;
	text-align: center;
	text-decoration: none;
	text-transform: uppercase;
	white-space: nowrap;
	color: #fff;
	height: 4em;
	line-height: 4em;
	font-weight: 800;
}
ul.top-links li.has-submenu>ul.sub-menu li .btn-primary {
	display: block;
	margin:.5em 0;
	width: 100%;
	background: #C5C5C5;
}
ul.top-links li.has-submenu>ul.sub-menu li .btn-link {
	display: inline-block;
	font-weight: normal;
	text-align: left;
	margin:.5em 0;
	text-decoration: none;
	text-transform: initial;
	white-space: initial;
	color: #fff;
	height: initial;
	line-height: initial;
	font-size: .8em;
	width: 100%;
}

ul.top-links li.has-submenu>ul.sub-menu li input[type="text"], ul.top-links li.has-submenu>ul.sub-menu li input[type="password"] {
    box-sizing: border-box;
    width: 100%;
    margin: 0;
    outline: 0;
    padding: 1em 1em;
    font-size: .9em;
    font-family: "Montserrat", sans-serif;
    font-weight: normal;
    line-height: 1.05;
    border: 1px solid #ccc;
    min-width: 200px;
}
ul.top-links li.has-submenu>ul.sub-menu li input[type="password"] {
    margin-top:.5em;
}

#cart {}

#cart>span {
	display: inline-block;
	height: 3em;
	width: 3em;
	border: 1px solid #265aa6;
	-moz-border-radius: 3em;
	border-radius: 3em;
	text-align: center;
	box-sizing: content-box;
}


/* --------------------- M E N U  --------------------- */

.menu-wrapper {
	display: none;
	width: 100%;
	height: 100vh;
	overflow: auto;
	z-index: 99;
	position: absolute;
	top: 0;
	left: 0;
	-webkit-transition: none;
	transition: none;
	background: #fff;
}

.main-nav {
	width: 100%;
	height: 100vh;
	background: #ffffff;
}

.main-nav>ul.full-menu {
	margin: 0;
	padding: 2em 8em 5em;
	clear: both;
	display: -webkit-box;
	/* OLD - iOS 6-, Safari 3.1-6 */
	display: -moz-box;
	/* OLD - Firefox 19- (buggy but mostly works) */
	display: -ms-flexbox;
	/* TWEENER - IE 10 */
	display: -webkit-flex;
	/* NEW - Chrome */
	display: flex;
	-webkit-flex-flow: row wrap;
	flex-flow: row wrap;
}

.main-nav>ul.full-menu>li {
	-webkit-justify-content: center;
	justify-content: center;
	margin: 0;
	padding: 0 1em 2em;
	position: relative;
	width: 25%;
}

.main-nav>ul.full-menu>li>a {
	border-bottom: .05em solid #ccc;
	text-transform: uppercase;
	padding-bottom: .5em;
	font-weight: 800;
}

.main-nav>ul>li,
.main-nav>ul>li a {
	cursor: pointer;
	font-weight: 500;
	line-height: 1.25;
}

.main-nav>ul>li.current-menu-item>a {}

.main-nav>ul>li>ul>li.current-menu-item a,
.main-nav>ul>li.current-menu-item>a {
	color: #faaa28;
}

.main-nav>ul.full-menu>li>ul {
	padding: 1em 0 0;
}

.main-nav>ul.full-menu>li>ul>li {
	padding: .25em 0;
}

.main-nav>ul>li>ul>li a {
	cursor: pointer;
	font-weight: 200;
}

.main-nav>ul>li>ul>li.highlight a {
	cursor: pointer;
	font-weight: 800;
	font-style: italic;
	color: #265aa6;
}

.main-nav>ul>li>ul>li.menu-item-secondary a {
	font-weight: 100;
	font-style: italic;
}

.main-nav>ul.upper-menu {
	background: #f0f0f0 url('../images/depol_logo_blue.svg') no-repeat 9em 2em;
	overflow: hidden;
	margin: 0;
	padding: 8em 8em 2em;
}

.main-nav>ul.upper-menu li {
	padding: 0 .5em 0;
}

.main-nav>ul.upper-menu>li,
.main-nav>ul.upper-menu>li>*,
.main-nav>ul.upper-menu>li>ul>li {
	display: inline-block;
}

.main-nav>ul.upper-menu>li>a,
.main-nav>ul.upper-menu>li>ul>li>a {
	display: inline-block;
	font-weight: 900;
	font-style: italic;
}

.main-nav>ul.upper-menu>li.menu-item-has-children>a {
	text-transform: uppercase;
	font-weight: 100;
	font-style: normal;
	padding: 0 1em 0;
}

.main-nav>ul.upper-menu>li.menu-item-has-children {
	padding: 0 1em 0 5em;
}


/* ------------  H A M B U R G E R  ------------- */

#mobile-nav {
	display: block;
	height: 5.5em;
	width: 5.5em;
	transition: all 1s;
	right: 0%;
	top: 0;
	position: absolute;
	z-index: 999;
	background: #faaa28;
	border-radius: 0 0 1em 1em;
}

.menu #mobile-nav {
	background-color: #fff;
}

#mobile-nav .background {
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	z-index: 1;
}

#mobile-nav .bar {
	display: block;
	margin: 48% auto;
	position: relative;
}

#mobile-nav .bar,
#mobile-nav .bar::before,
#mobile-nav .bar::after {
	background-color: white;
	height: 2px;
	-webkit-transition: all 250ms ease-in;
	-moz-transition: all 250ms ease-in;
	-o-transition: all 250ms ease-in;
	transition: all 250ms ease-in;
	width: 2.5em;
	z-index: 99;
}

#mobile-nav .bar::before,
#mobile-nav .bar::after {
	content: "";
	position: absolute;
}

#mobile-nav .bar::before {
	top: -0.75em;
}

#mobile-nav .bar::after {
	bottom: -0.75em;
}

#mobile-nav:hover,
#home-nav:hover {
	cursor: pointer;
}

#mobile-nav:hover .bar::before {
	top: -0.75em;
}

#mobile-nav:hover .bar::after {
	bottom: -0.75em;
}

:checked~#mobile-nav .bar::before {
	top: 0 !important;
	transform: rotate(45deg);
	background-color: #265aa6;
}

:checked~#mobile-nav .bar::after {
	top: 0 !important;
	transform: rotate(-45deg);
	background-color: #265aa6;
}

:checked~#mobile-nav .bar {
	background-color: transparent;
}

#nav-toggle {
	position: absolute;
	left: -100%;
}

header.short #mobile-nav {
	height: 4.5em;
	width: 4.5em;
	background-color: #faaa28;
	border-radius: 0;
}


/* --------------------- H O M E  C O V E R --------------------- */

.cover-container {
	position: relative;
	margin-top: 9em;
	-webkit-transition: opacity 1000ms;
	transition: opacity 1000ms;
	display: block;
	width: 100%;
}

.cover-container .cover {
	display: block;
	height: 100%;
	width: 100%;
	margin-left: 0%;
	background: #fff url('../images/depol_cover_01_new.jpg') center center no-repeat;
	background-size: auto;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	position: absolute;
	left: 0;
	top: 0;
}

.cover-wrapper {
	overflow: hidden;
}

.cover-wrapper>.cover-block {
    margin: 3em 47% 3em 0;
    background-color: #fff;
    background: rgb(255, 255, 255);
    background: -moz-linear-gradient(265deg, rgba(255, 255, 255, 0.7) 0%, rgba(255, 255, 255, 1) 80%);
    background: -webkit-linear-gradient(265deg, rgba(255, 255, 255, 0.7) 0%, rgba(255, 255, 255, 1) 80%);
    background: linear-gradient(265deg, rgba(255, 255, 255, 0.7) 0%, rgba(255, 255, 255, 1) 80%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff",endColorstr="#ffffff",GradientType=1);
    position: relative;
    padding: 3em;
    text-align: left;
    line-height: 1.2;
    border-radius: 1.5em;
}

.cover-wrapper>.cover-block .actuality {
	font-size: 1.1em;
    padding: 1em 0 0;
    line-height: 1.5;
}

.cover-wrapper>.cover-block .actuality a {
	padding: .75em 0;
	display: block;
	border-bottom: 1px solid #ccc;
}

.cover-wrapper>.cover-block .actuality a:last-child {
	border-bottom: none;
}

section .actuality h4 {
    font-size: 1em;
	color: #192d50;
}

.cover-wrapper>.cover-block h1 {
	font-size: 2.25em;
	font-weight: 800;
}

.cover-wrapper>.cover-block h3 {
	font-size: 2em;
	font-weight: 300;
	font-style: italic;
}


/* --------------------- P A G E . H E A D I N G --------------------- */

.page {
	-webkit-transition: opacity 1000ms;
	transition: opacity 1000ms;
	background: #fff;
	position: relative;
	z-index: 99;
}


/* --------------------- P A G E . H E A D I N G --------------------- */

.heading-container {
	position: relative;
	margin-top: 9em;
	display: block;
	width: 100%;
	color: #fff;
	background-color: #265aa6;
	background-repeat: no-repeat;
	background-position: center top;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}

.heading-container.news {
	background-image: url("../images/depol_heading_noticias.jpg");
}

.heading-container.gradient {
	background: rgba(38,90,166,1);
	background: -moz-linear-gradient(top, rgba(38,90,166,1) 0%, rgba(36,48,94,1) 80%);
	background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(38,90,166,1)), color-stop(80%, rgba(36,48,94,1)));
	background: -webkit-linear-gradient(top, rgba(38,90,166,1) 0%, rgba(36,48,94,1) 80%);
	background: -o-linear-gradient(top, rgba(38,90,166,1) 0%, rgba(36,48,94,1) 80%);
	background: -ms-linear-gradient(top, rgba(38,90,166,1) 0%, rgba(36,48,94,1) 80%);
	background: linear-gradient(to bottom, rgba(38,90,166,1) 0%, rgba(36,48,94,1) 80%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#003ef6', endColorstr='#003ef6', GradientType=0 );
}

.heading-wrapper {
	position: relative;
	min-height: 20em;
	padding: 5em 0 0 0;
}

.heading-wrapper.shop {
	min-height: 18em;
}

.heading-wrapper.short {
	min-height: 10em;
}

.heading-wrapper.woo {
	min-height: 10em;
}

.heading-wrapper.woo .heading-block {
	padding: 2em 0 0 0;
}

.heading-wrapper .heading-block {
	width: 100%;
	position: absolute;
	top: 50%;
	left: 0;
	z-index: 99;
	padding: 0 50% 5.5em 0;
	-webkit-transform: translateX(0%) translateY(-50%);
	-moz-transition: translateX(0%) translateY(-50%);
	-o-transition: translateX(0%) translateY(-50%);
	transform: translateX(0%) translateY(-50%);
	text-align: left;
}

.heading-wrapper .heading-block h1 {
	font-size: 2.5em;
	font-weight: 900;
}

.heading-wrapper .heading-tab h1 {
	font-size: 4em;
	font-weight: 100;
	padding-right: 1em;
	padding-bottom: 1em;
}

.heading-wrapper .heading-tab h3 {
	font-size: 2.25em;
	font-weight: 100;
	padding-left: .2em;
	text-transform: uppercase;
	color: #265aa6;
}
.heading-wrapper .heading-tab.blog h3 {
	font-weight: 400;
	color: #265aa6;
}

.heading-wrapper.shop .heading-tab h1 {
	font-size: 3em;
}

.heading-wrapper.short .heading-tab h1 {
	font-size: 3em;
}


.heading-wrapper.short .heading-tab h1.name {
	font-size: 2.2em;
	font-weight: 800;
	padding-bottom: .25em;
}

.heading-wrapper.short .heading-tab h4.position {
	font-size: 1.25em;
	font-weight: 100;
	text-transform: uppercase;
}

.heading-wrapper .heading-tab {
	position: absolute;
	bottom: 0;
	left: 0;
	height: 75%;
	z-index: 99;
	padding: 3em 0 0 0;
	text-align: left;
	background: #fff;
	color: #265aa6;
	border-radius: 0 1.5em 0 0;
}

.heading-wrapper .heading-tab.blog h1, .heading-wrapper.short .heading-tab.blog h1 {
	font-weight: 800;
	padding-bottom: 0;
}
.heading-wrapper.short .heading-tab.blog {
	padding:1em 0 2em 0;
}
.heading-wrapper.third .heading-tab {
	min-width: 30%;
}

.heading-wrapper.middle .heading-tab {
	min-width: 50%;
}

.heading-wrapper .heading-tab:before {
	position: absolute;
	bottom: 0;
	left: -200%;
	content: "";
	height: 100%;
	width: 200%;
	background: #fff;
}

.heading-wrapper .heading-tab:after {
    position: absolute;
    bottom: 0;
    right: -1.5em;
    content: "";
    height: 1.5em;
    width: 1.5em;
    background: transparent url(../images/depol_corner_tab_round.svg) no-repeat 0 0;
}

.heading-wrapper .heading-tab.blog {
	background: none;
	padding:0;
}
.heading-wrapper .heading-tab.blog:after {
	background: none;
}

.heading-wrapper.third .submenu-wrapper {
	margin: 0;
	padding: 0 0 0 30%;
	clear: both;
	display: -webkit-box;
	/* OLD - iOS 6-, Safari 3.1-6 */
	display: -moz-box;
	/* OLD - Firefox 19- (buggy but mostly works) */
	display: -ms-flexbox;
	/* TWEENER - IE 10 */
	display: -webkit-flex;
	/* NEW - Chrome */
	display: flex;
	-webkit-flex-flow: row wrap;
	flex-flow: row wrap;
}

.heading-wrapper.middle .submenu-wrapper {
	padding: 0 0 0 50%;
	display: block;
}

.heading-wrapper.third .submenu-wrapper>ul {
	margin: 0;
	padding: 0 1em 4em;
	position: relative;
	width: 25%;
}

.submenu-wrapper.middle>ul {
	width: 100%;
	padding: 0 5em 0 5em;
}

.submenu-wrapper>ul a {
	color: white;
}

.submenu-wrapper>ul li {
	margin: 0 0 .5em 0;
	padding: .2em 0;
	text-transform: uppercase;
}

.submenu-wrapper>ul li.secondary {
	text-transform: initial;
	font-style: italic;
}

.submenu-wrapper>ul li.secondary a {
	font-weight: 300;
	font-size: .9em;
}

.submenu-wrapper>ul li a {
	font-weight: 900;
	color: #d0d8e5;
	position: relative;
	opacity: .7;
}

.blog .submenu-wrapper>ul li a {
	color: #265aa6;
}

.submenu-wrapper>ul li.current-menu-item a,
.submenu-wrapper>ul li a:hover {
	color: #fff;
	opacity: 1;
}

.submenu-wrapper>ul li.current-menu-item a:before {
	content: "";
	position: absolute;
	left: -1em;
	top: 0;
	height: 100%;
	width: .2em;
	background: #fff;
}

.submenu-wrapper>ul li.shop-cat-link {
	text-align: right;
}

.submenu-wrapper>ul li.shop-cat-link a {
	font-weight: 200;
}

.heading-wrapper .heading-welcome {
	width: 100%;
	text-align: center;
	background: #faaa28;
	color: #265aa6;
	position: absolute;
	left: 0;
	top: 0;
	padding: .75em 0 .5em;
	z-index: 9;
	border-radius: 0 0 1em 1em;
}

.heading-wrapper .heading-welcome .separator {
	padding: 0 1em;
}

.heading-wrapper .heading-welcome .disconnect:hover {
	color: #757575;
}

.heading-wrapper .heading-tag {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 50%;
	z-index: 1;
	padding: 2em 3em 2em 2em;
	text-align: left;
	background: #fff;
	color: #265aa6;
}

.heading-wrapper .heading-tag h4 {
	font-size: 1.5em;
	line-height: 1;
	font-weight: 900;
	text-transform: uppercase;
}

.heading-wrapper .heading-tag.student-area h4 {
	color: ·#faaa28;
}

.heading-wrapper .heading-tag h4:before {
	content: "";
	background: #ccc;
	width: 50%;
	height: 1px;
	position: absolute;
	bottom: 0;
	left: 1.25em;
}

.heading-container .overlay {
	height: 100%;
	width: 100%;
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	background: rgba(38,90,166,1);
	background: -moz-linear-gradient(top, rgba(38,90,166,1) 0%, rgba(36,48,94,1) 100%);
	background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(38,90,166,1)), color-stop(100%, rgba(36,48,94,1)));
	background: -webkit-linear-gradient(top, rgba(38,90,166,1) 0%, rgba(36,48,94,1) 100%);
	background: -o-linear-gradient(top, rgba(38,90,166,1) 0%, rgba(36,48,94,1) 100%);
	background: -ms-linear-gradient(top, rgba(38,90,166,1) 0%, rgba(36,48,94,1) 100%);
	background: linear-gradient(to bottom, rgba(38,90,166,1) 0%, rgba(36,48,94,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#003ef6', endColorstr='#003ef6', GradientType=0 );
	/*background: rgba(8, 6, 46, 0.8);
	background: -moz-linear-gradient(top, rgba(8, 6, 46, 0.8) 0%, rgba(35, 30, 110, 0.7) 100%);
	background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(8, 6, 46, 0.8)), color-stop(100%, rgba(35, 30, 110, 0.7)));
	background: -webkit-linear-gradient(top, rgba(8, 6, 46, 0.8) 0%, rgba(35, 30, 110, 0.7) 100%);
	background: -o-linear-gradient(top, rgba(8, 6, 46, 0.8) 0%, rgba(35, 30, 110, 0.7) 100%);
	background: -ms-linear-gradient(top, rgba(8, 6, 46, 0.8) 0%, rgba(35, 30, 110, 0.7) 100%);
	background: linear-gradient(to bottom, rgba(8, 6, 46, 0.8) 0%, rgba(35, 30, 110, 0.7) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#08062e', endColorstr='#265aa6', GradientType=0);*/
}


/*https://www.cssmatic.com/es/gradient-generator#'\-moz\-linear\-gradient\%28top\%2C\%20rgba\%288\%2C6\%2C46\%2C0\.8\%29\%200\%25\%2C\%20rgba\%2835\%2C30\%2C110\%2C0\.7\%29\%20100\%25\%29\%3B'*/

.heading-container .overlay.blue {
	background: rgba(50, 125, 255, 0.4);
	background: -moz-linear-gradient(left, rgba(50, 125, 255, 0.4) 0%, rgba(50, 125, 255, 0.6) 100%);
	background: -webkit-gradient(left top, right top, color-stop(0%, rgba(50, 125, 255, 0.4)), color-stop(100%, rgba(50, 125, 255, 0.6)));
	background: -webkit-linear-gradient(left, rgba(50, 125, 255, 0.4) 0%, rgba(50, 125, 255, 0.6) 100%);
	background: -o-linear-gradient(left, rgba(50, 125, 255, 0.4) 0%, rgba(50, 125, 255, 0.6) 100%);
	background: -ms-linear-gradient(left, rgba(50, 125, 255, 0.4) 0%, rgba(50, 125, 255, 0.6) 100%);
	background: linear-gradient(to right, rgba(50, 125, 255, 0.4) 0%, rgba(50, 125, 255, 0.6) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#327dff', endColorstr='#327dff', GradientType=1);
}

.heading-container .overlay.yellow {
	background: rgba(250,170,40,0.8);
	background: -moz-linear-gradient(top, rgba(250,170,40,0.8) 0%, rgba(250,170,40,0.7) 100%);
	background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(250,170,40,0.8)), color-stop(100%, rgba(250,170,40,0.7)));
	background: -webkit-linear-gradient(top, rgba(250,170,40,0.8) 0%, rgba(250,170,40,0.7) 100%);
	background: -o-linear-gradient(top, rgba(250,170,40,0.8) 0%, rgba(250,170,40,0.7) 100%);
	background: -ms-linear-gradient(top, rgba(250,170,40,0.8) 0%, rgba(250,170,40,0.7) 100%);
	background: linear-gradient(to bottom, rgba(250,170,40,0.8) 0%, rgba(250,170,40,0.7) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#faaa28', endColorstr='#faaa28', GradientType=0 );
}

.heading-container .badge-wrapper {
	height: 100%;
	width: 50%;
	position: absolute;
	display: flex;
	align-items: center;
	justify-content: center;
	margin-left: 50%;
	left: 0;
	top: 0;
}

.heading-container .badge-middle {
	text-align: center;
	font-size: 1.5em;
	text-transform: uppercase;
	padding: 0 33%;
	flex: 1;
}

.heading-container .badge {
	width: 100%;
	text-align: center;
	display: block;
}


/* --------------------- H O M E  T O P I C S --------------------- */

.topics-container ul {
	border-top: 1px solid #ccc;
	padding: 0;
}

.topics-container li {
	font-size: 1.35em;
	padding: 2em;
	line-height: 1.5;
	border-bottom: 1px solid #ccc;
}


/* --------------------- H O M E  C O U R S E S --------------------- */

.courses-container {}

.courses {
	padding-bottom: 6em;
}

.courses h2 {
	color: #fff;
	font-weight: 900;
}

.courses h2.invert {
	color: #faaa28;
	font-size: 3.5em;
}

.courses h2.division {
	color: #faaa28;
	font-size: 3.5em;
	font-weight: 900;
}

.courses h2.division span {
	color: #265aa6;
	font-weight: 900;
}

.course {
	width: 100%;
	background: #fff;
	margin-bottom: 1.5em;
}

.course.main-course {
	border-radius: 1.5em 1.5em 0 0;
	overflow: hidden;
}
.course.case-course {
	border-radius: 1.5em 1.5em;
	overflow: hidden;
}



.course .course-block {
	position: relative;
}

.course.special {
	background: #faaa28;
}

.course .info {
	padding: 2em 4em 2em 2em;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	background: #fff;
}

.course .info.grey {
	background: #f6f6f6;
}

.course.main-course .info {
	width: 40%;
}

.course.case-course .info {
	width: 60%;
	background: #f6f6f6;
	border-top: .5em solid #ccc;
}

.course.case-course.bygone .info,
.course.main-course.bygone .info {
	background: #faaa28;
	border-top: .5em solid #265aa6;
}

.course.case-course.featured .info,
.course.main-course.featured .info {
	background: #265aa6;
	border-top: .5em solid #faaa28;
}

.course.case-course.bygone .info .links a span,
.course.main-course.bygone .info .links a span {
	color: #265aa6;
}

.course.case-course.bygone .info .links a:hover span,
.course.main-course.bygone .info .links a:hover span {
	color: #fff;
}

.course.case-course.featured .info h3,
.course.main-course.featured .info h3,
.course.case-course.featured .info .detail,
.course.main-course.featured .info .detail {
	color: #fff;
}

.course.case-course.featured a.button.blue,
.course.main-course.featured a.button.blue {
	color: #265aa6;
	background-color: #fff;
}

.course.case-course .info h3 {
	width: 80%;
}

.course .info .inner {
	position: relative;
	height: 100%;
}

.course .info .inner>span {
	display: block;
}

.course .info .inner span.tag {
	font-weight: 900;
	color: #faaa28;
	font-size: 1.25em;
	margin: .5em 0;
}

.course.special .info .inner span.tag {
	color: #fff;
}

.course .info .inner span.date {
	color: #ccc;
	font-size: 1.25em;
	margin: .25em 0 0;
	font-style: italic;
}

.course .info .inner span.call {
	color: #ccc;
	font-size: 1.25em;
	margin: .5em 0 0;
	text-transform: uppercase;
}

.course .info .inner span.flash {
	font-size: 1.5em;
	margin: .5em 0;
	text-transform: uppercase;
	font-weight: 700;
	color: #faaa28;
}

.course.bygone .info .inner span.flash,
.course.bygone .info .inner span.tag,
.course.bygone .info .inner span.price {
	color: #fff;
}

.course .info .inner span.price {
	font-size: 1.25em;
	margin: .5em 0;
	font-style: italic;
	font-weight: 400;
}

.course .info .inner span.detail {
	padding: 0;
}

.course .info .inner span.links {
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
}

.course .info .inner span.links .button {
	display: block;
	padding: 1em 2em;
}

.course.case-course .info .inner span.links {
	bottom: 1em;
}

.course .snapshot {
	position: relative;
}

.course.main-course .snapshot {
	margin-left: 40%;
	width: 60%;
}

.course.case-course .snapshot {
	margin-left: 60%;
	width: 40%;
}

.course .snapshot>img {
	width: 100%;
	display: block;
	min-height: 400px;
	object-fit: none;
}

.course .snapshot .overlay {
	height: 100%;
	width: 100%;
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	background: #265aa6;
	opacity: .5;
}

.course .snapshot .badge-wrapper {
	height: 100%;
	width: 100%;
	position: absolute;
	display: flex;
	align-items: center;
	justify-content: center;
	left: 0;
	top: 0;
}

.snapshot .level-wrapper {
	height: auto;
	width: 34.5%;
	top: 0;
	right: 0;
	position: absolute;
}

.snapshot .level-wrapper .level {
	width: 100%;
	display: block;
	padding: 0;
}


.course .snapshot .badge-middle {
	text-align: center;
	font-size: 1.6em;
	text-transform: uppercase;
	padding: 0 33%;
	flex: 1;
}

.course .snapshot .badge {
	width: 100%;
	text-align: center;
	display: block;
}

.badge-wrapper .label {
	display: block;
	margin-top: .25em;
	font-weight: 600;
	color: #fff;
}

.course .downloads-block {
	background: #F6F6F6;
	padding: 3em;
	text-align: center;
	border-bottom: .1em solid #265aa6;
}

.course .downloads-block .links {
	padding: 1em 15% 0;
	display: block;
}

.course .related-block {
	background: #f0f0f0;
	padding: 1.25em;
	text-align: center;
}

.course .related-block .link {
	font-style: italic;
	font-weight: 300;
	color: #265aa6;
	font-size: 1.25em;
	border-bottom: .05em solid #265aa6;
	display: inline-block;
	line-height: 0.9;
	text-shadow: 2px 2px #f0f0f0, 2px -2px #f0f0f0, -2px 2px #f0f0f0, -2px -2px #f0f0f0;
}

.course .related-block .link:hover {
	color: #808080;
	border-bottom: .05em solid #faaa28;
}


/* --------------------- H O M E  B A N N E R --------------------- */

.banner-container {
	overflow: hidden;
}

.banner-wrapper {
	padding: 2.5em 4.5em;
	position: relative;
	box-sizing: border-box;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
	min-height: 20em;
	border-radius: 1.5em;
	overflow: hidden;
}

.banner-wrapper .info {
	width: 100%;
	display: block;
	text-align: left;
	position: relative;
	overflow: hidden;
	z-index: 3;
	color: #fff;
}

.banner-wrapper .info.darkblue {
	color: #182865;
}

.banner-wrapper .info.right {
	text-align: right;
	padding-bottom: 4.5em;
}

.banner-wrapper .info.w30 {
	width: 30%;
}

.banner-wrapper .info.w50 {
	width: 50%;
}

.banner-wrapper .info.right.w50 {
	width: 100%;
	padding-left: 50%;
}

.banner-wrapper .info .detail {
	display: block;
	margin-bottom:.75em;
}

.banner-wrapper .info .detail p{
	display: block;
	overflow: hidden;
	font-weight: 400;
}

.banner-wrapper .info .contact {
    display: block;
    float: left;
    clear: left;
    font-size: 1.25em;
    font-style: italic;
    margin: .15em 0;
    color: #faaa28;
    padding: 0em 30px 0em 0;
    background: transparent url(../images/depol_arrow_yellow.svg) right center no-repeat;
}


.banner-wrapper .info.darkblue .contact {
    color: #182865;
    background: transparent url(../images/depol_arrow_blue.svg) right center no-repeat;
}

.banner-wrapper .info .contact:hover{
	color: #fff;
}
.banner-wrapper .info .label {
	display: block;
	float: left;
	clear: left;
	font-size: 1.25em;
	margin: .25em 0 0;
	color: #ffffff;
	text-transform: uppercase;
}
.banner-wrapper .info.darkblue .label {
	color: #8289b0;
}

.banner-wrapper .flash {
	font-weight: 500;
	font-size: 1.5em;
}

.banner-wrapper h3 {
	font-weight: 900;
	margin-bottom: .5em;
	font-size: 2.2em;
	line-height: 1;
}

.banner-wrapper h3 span.rlf {
	opacity: .65;
}
.banner-wrapper h3 span.short {
	font-weight: 900;
	line-height: .9em;
	font-size: .85em;
	display: inline-block;
	margin-right: .2em;
}

.banner-wrapper .info.outstanding h3 {
	text-transform: uppercase;
}

.banner-wrapper .info span {
	line-height: 1.5;
}

.banner-wrapper .info.outstanding span.detail {
	font-size: 1.25em;
	margin-bottom: 1em;
	display: block;
}

.banner-wrapper .info.outstanding .contact {
	display: block;
	font-size: 1.25em;
	font-style: italic;
	color: #fff;
	margin: .25em 0;
}

.banner-wrapper .overlay {
	height: 100%;
	width: 100%;
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	background: #24305E;
	opacity: .5;
}

.banner-wrapper .overlay.yellow {
	background: #faaa28;
}

.banner-wrapper .overlay.null {
    background: #182865;
    opacity: .1;
}

.banner-wrapper .overlay.white {
	background: rgb(4,2,58);
	background: -moz-linear-gradient(90deg, rgba(4,2,58,0) 1%, rgba(4,2,58,0) 100%);
	background: -webkit-linear-gradient(90deg, rgba(4,2,58,0) 1%, rgba(4,2,58,0) 100%);
	background: linear-gradient(90deg, rgba(4,2,58,0) 10%, rgba(4,2,58,0) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#04023a",endColorstr="#04023a",GradientType=1);
}

.banner-wrapper span.links {
	position: absolute;
	right: 4em;
	bottom: 3em;
	z-index: 99;
}

.banner-wrapper form {
	display: flex;
	flex-flow: row wrap;
	align-items: center;
	margin: 2em 0;
	position: relative;
}

.banner-wrapper form p {
	width: 100%;
}

.banner-wrapper form input {
	vertical-align: middle;
	width: 65%;
	border: none;
}

.banner-wrapper form input[type="email"] {
	border-bottom: 3px solid #fff;
}
.banner-wrapper form input[type="email"]:focus {
	border-bottom: 3px solid #faaa28;
}

.banner-wrapper form input[type="submit"] {
	width: 35%;
	background: #265aa6;
	padding: 1em 4em;
	font-weight: 900;
	text-transform: uppercase;
	margin: .5em 0;
	text-align: center;
	font-size: .9em;
	display: inline-block;
	color:#fff;
	cursor: pointer;
	outline: none;
	border-bottom: 3px solid #265aa6;
}
.banner-wrapper form input[type="submit"]:focus {
	outline: none;
}
.banner-wrapper form input[type="submit"]:hover{
	background: #faaa28;
	color:#265aa6;
	border-bottom: 3px solid #faaa28;
}

.banner-wrapper div.wpcf7-validation-errors,
.banner-wrapper div.wpcf7-acceptance-missing,
.banner-wrapper div.wpcf7-mail-sent-ok {
	border: 2px solid #faaa28;
	color: #fff;
	width: 100%;
}

.banner-block {
	position: relative;
	display: block;
}

.banner-block.w50 {
	width: 50%;
	float: left;
}

.banner-block .info {
	padding: 3em;
	height: 100%;
	width: 100%;
	position: absolute;
	left: 0;
	top: 0;
}

.banner-block .info h3 {
	font-weight: 900;
	font-size: 2.3em;
	color: #fff;
	width: 60%;
}

.banner-block .snapshot {
	position: relative;
}

.banner-block .snapshot .overlay {
	height: 100%;
	width: 100%;
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	background: #265aa6;
	opacity: .5;
}

.banner-block:hover .snapshot .overlay {
	opacity: .9;
}

.banner-block .snapshot img {
	width: 100%;
	display: block;
}

.banner-block .info .inner {
	position: relative;
	height: 100%;
}

.banner-block .info .inner span.links {
	position: absolute;
	left: 0;
	bottom: 0;
}

.banner-block .info .inner span.links span span {
	color: #fff;
}

.banner-block:hover .info .inner span.links span span {
	color: #faaa28;
}


/* --------------------- H O M E  U N I F O R N  B A N N E R --------------------- */

.uniform-banner .block {
	position: relative;
}

.uniform-banner .info {
	background: #265aa6;
	border-top: .5em solid #faaa28;
	width: 50%;
	padding: 2em 5em 2em 2em;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
}

.uniform-banner.green .block .info {
	background: #005C51;
}


.uniform-banner.indigo .info {
	background: #182865;
}

.uniform-banner .block .snapshot {
	margin-left: 50%;
	width: 50%;
	position: relative;
}

.uniform-banner .block .info .inner {
	position: relative;
	height: 100%;
}

.uniform-banner .block img {
	width: 100%;
	display: block;
}

.uniform-banner .block .overlay {
	height: 100%;
	width: 100%;
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	background: #265aa6;
	opacity: .80;
}

.uniform-banner.green .block .overlay {
	background: #005C51;
}

.uniform-banner.indigo .overlay {
	background: #182865;
}

.uniform-banner .block .badge-wrapper {
	height: 100%;
	width: 100%;
	position: absolute;
	display: flex;
	align-items: center;
	justify-content: center;
	left: 0;
	top: 0;
}

.uniform-banner .block .badge-middle {
	text-align: center;
	font-size: 1.6em;
	text-transform: uppercase;
	padding: 0 33%;
	flex: 1;
}

.uniform-banner .block badge {
	width: 100%;
	text-align: center;
	display: block;
}

.uniform-banner .block .info .inner span.flash {
	font-size: 1.5em;
	margin: .5em 0;
	font-weight: 700;
	color: #faaa28;
	display: block;
}

.uniform-banner .block .info .inner h3 {
	width: 80%;
	font-weight: 800;
	color: #fff;
}

.uniform-banner .block .info .inner span.links {
	position: absolute;
	left: 0;
	bottom: 2em;
}


/* --------------------- D O W N L O A D S --------------------- */

.downloads {
	margin-bottom: 1.5em;
}

.downloads .downloads-block {
	background: #F6F6F6;
	padding: 3em;
	text-align: center;
	border-bottom: .1em solid #265aa6;
}

.downloads .downloads-wrapper .downloads-block {
	margin-bottom: 2em;
}

.downloads .downloads-block .links {
	padding: 1em 15% 0;
	display: block;
}

.downloads-block .links .button {
	display: block;
}

.downloads .downloads-header {
	/*background: #E2E2E2;*/
	float: none;
	overflow: hidden;
}

.downloads .downloads-header>* {
	padding: 1em 2em;
}

.downloads .downloads-header h4 {
	background: #F6F6F6;
	font-size: 1.5em;
	float: left;
	text-transform: uppercase;
	margin: 0;
	border-radius: 1em 1em 0 0;	
}

.downloads .downloads-header .date {
	line-height: 2.5em;
	float: right;
	text-transform: uppercase;
}


/* --------------------- N E W S --------------------- */

.news-container,
.new-container {
	background: transparent url('../images/depol_background_news.svg') right bottom no-repeat;
	/*background-size: cover; */
	padding-bottom: 3em;
}

.news-title {
	background: #fff;
	color: #2354B0;
}

.news-title h2 {
	font-weight: 900;
}

.news-wrapper .entry-wrapper,
.news-wrapper .entry-content {
	padding: 2em 0;
	margin: 1em 0 3em 0;
	position: relative;
}

.news-wrapper .entry-content {
	font-size: 1.25em;
}

.news-wrapper .entry-content .bolder {
	margin: 2em 0;
}

.news-wrapper .entry-content img.detail {
	margin: 0;
	width: 100%;
	display: block;
}

.news-wrapper .entry-content img.detail.w800 {
	max-width: 800px;
	margin: 0 auto;
}

.news-wrapper .image-wrapper {
	width: 35%;
	height: auto;
}

.news-wrapper .image-wrapper img {
	width: 100%;
	height: 100%;
	display: block;
}

.news-wrapper p img {
	width: 100%;
	height: auto;
	display: block;
	margin: 2em 0;
}


.news-wrapper.flex {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

.news-wrapper.flex .post {
	flex: 0 50%;
	margin-bottom: 2%;
}

.news-wrapper.table {
	padding: 3em 0 0 0;
}

.news-wrapper.table .post {
	position: relative;
	margin: 2em 0;
}

.news-wrapper.table .entry-wrapper {
	display: table;
	height: 100%;
	width: 65%;
	position: absolute;
	top: 0;
	left: 0;
	margin: 0 0 0 35%;
	padding: 1.5em 2em;
}

.news-wrapper.table .entry-wrapper::before {
	left: 2em;
}

.news-wrapper .links {
	display: block;
	margin: 2em 0 4em;
}

.news-wrapper .entry-wrapper::before {
	content: "";
	width: 10em;
	height: 1px;
	background-color: #265aa6;
	position: absolute;
	left: 0;
	top: 0;
}

.news-wrapper .entry-wrapper .entry h4.entry-title {
	color: #265aa6;
	font-weight: 900;
	font-size: 1.8em;
	line-height: 1.1;
	padding: 1em 2em 0 0;
}

.news-wrapper .entry-wrapper .entry h1.entry-title {
	color: #265aa6;
	font-weight: 900;
	font-size: 3em;
	padding: 1em 2em 0 0;
}

.news-wrapper .entry-wrapper .entry h4.entry-title.blog-title {
	color: #265aa6;
}

.news-wrapper .entry-wrapper .entry h1.entry-title.blog-title {
	color: #265aa6;
}

.news-wrapper.table .entry-wrapper .entry .entry-title {
	padding: .5em 2em 0 0;
}

.news-wrapper .entry-wrapper .entry .entry-title:hover {
	color: #faaa28;
}

.news-wrapper .entry-wrapper .entry .date {
	font-style: italic;
	color: #faaa28;
	font-weight: 400;
}

.news-wrapper .entry-wrapper .entry .separator {
	padding: 0 1em;
}

.news-wrapper .entry-wrapper .entry .author {
	font-weight: 500;
	color: #ccc;
}

.tags a{
	margin:.5em;
	padding:.5em 1em;
	display: inline-block;
	background: #F0F0F0;
	border-radius: 1em;
}
.tags a:first-child{
}

/* --------------------- V I D E O  C O N T A I N E R --------------------- */

.video-container {
	margin: 3em 0;
	position: relative;
	padding-bottom: 56.25%;
	/*padding-bottom: 56.25%;*/
	padding-top: 30px;
	height: 0;
	overflow: hidden;
}

.video-container iframe,
.video-container object,
.video-container embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.summary {
	font-size: 1.5em;
	text-align: left;
	font-weight: 500;
	font-style: italic;
	padding-right: 30%;
	line-height: 1.35;
	margin: 2em 0;
	padding-left: 2em;
	border-left: solid .2em #faaa28;
}


/*.video-wrapper{
	margin:2em 0;
}
.video-wrapper iframe {
	display: block;
	width: 100%;
	border: none;
}*/


/* --------------------- N A V  L I N K S --------------------- */

.nav-links {
	background: #F0F0F0;
	height: 5em;
	position: relative;
	margin: 4em 0;
	display: block;
}

.nav-links .nav-previous a,
.nav-links .nav-previous>span,
.nav-links .nav-next a,
.nav-links .nav-next>span {
	background: #8C8C8C;
	height: 100%;
	position: absolute;
	top: 0;
	width: 35%;
	text-align: center;
	line-height: 5em;
	font-weight: 900;
	color: #fff;
	padding: 0;
	margin: 0;
}

.nav-links .nav-previous a,
.nav-links .nav-previous>span {
	left: 0;
}

.nav-links .nav-next a,
.nav-links .nav-next>span {
	right: 0;
}

nav-links .nav-previous>span,
.nav-links .nav-next>span {
	opacity: .20;
}


/* --------------------- A P P  L I N K S --------------------- */

.app-wrapper {
	text-align: center;
}

.app-wrapper h2 {
	font-weight: 900;
}

.app-wrapper * {
	vertical-align: middle;
	margin: 0 5px;
}

.app-wrapper .icon {
	text-indent: -9999px;
	font-size: 0;
}


/* --------------------- SLIDER --------------------- */

.slider-wrapper {}

.materials {
	background: #faaa28;
	position: relative;
	overflow: hidden;
}

.materials .links {
	position: absolute;
	top: 2em;
	right: 2em;
}

.materials .links a:hover,
.materials .links a:hover span {
	color: #fff;
}

.materials h2 {
	background-color: #fff;
	width: 50%;
	margin: 0;
	font-weight: 600;
}

.slider-wrapper .slick-dots {
	bottom: 2.25em;
}

.slide {
	position: relative;
	float: left;
	box-sizing: border-box;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: top center;
	height: 65vh;
	min-height: 500px;
}

.slide .slide-wrapper {
	height: 100%;
	padding-top: 2.5%;
	padding-bottom: 2.5%;
	left: 0;
	bottom: 0;
	overflow: hidden;
}

.slide .ribbon {
	position: absolute;
	width: 100%;
	height: 6em;
	left: 0;
	bottom: 0;
	background-color: rgba(250, 170, 40, 0.45);
}

.slide .frame {
	background-color: rgba(36, 48, 94, 0.9);
	height: 100%;
	width: 40%;
	margin-left: 0;
	position: relative;
	opacity: 1;
	-webkit-transition: opacity .25s;
	-moz-transition: opacity .25s;
	-o-transition: opacity .25s;
	border-radius: 1.5em;
}

.isAnimating .frame {
	opacity: 0;
}

.slide .frame * {}

.slide .frame .excerpt {
	color: #fff;
	width: 100%;
	padding: 10%;
	text-align: left;
	font-size: 1.75em;
	display: block;
	line-height: 1.25;
}

.slide .frame .excerpt .flash {
	color: #faaa28;
	display: block;
	font-weight: 600;
	margin-bottom: .25em;
}

.slide .frame .excerpt .detail {
	color: #fff;
	padding: 5% 20% 5% 0;
	font-size: .75em;
	display: block;
	font-weight: 100;
}

.slide .frame .button {
	background-color: #fff;
	width: 80%;
	text-align: center;
	position: absolute;
	left: 0;
	bottom: 0;
	margin: 10%;
}

.slider-wrapper .slick-dots li {
	background-color: #faaa28;
}

.slider-wrapper .slick-dots li.slick-active,
.slider-wrapper .slick-dots li:hover {
	background-color: #fff;
	opacity: 1;
	width: 1em;
	height: 1em;
	margin: 0 .1em;
}

.slick-dots {
	position: absolute;
	bottom: -3em;
	display: block;
	width: 100%;
	padding: 0;
	margin: 0;
	list-style: none;
	text-align: center;
}

.slick-dots li {
	display: inline-block;
	width: .8em;
	height: .8em;
	background-color: #fff;
	border-radius: 50%;
	margin: .1em .2em;
	opacity: 1;
	cursor: pointer;
	transition: all 0.3s;
	vertical-align: middle;
}

.slick-dots li button {
	font-size: 0;
	line-height: 0;
	display: block;
	width: 1em;
	height: 1em;
	padding: .2em;
	cursor: pointer;
	color: transparent;
	border: 0;
	outline: none;
	background: transparent;
}

.slick-dots li.slick-active,
.slick-dots li:hover {
	opacity: 1;
}

#slick-left {
	left: -2.5em;
}

#slick-right {
	right: -2.5em;
}


/* --------------------- UP AND DOWN --------------------- */

.updown {
	font-weight: 100;
	position: fixed;
	right: -6em;
	top: 80%;
	transform: translateY(-50%);
	display: block;
	z-index: 999;
	-webkit-transition: all 1s ease;
	-moz-transition: all 1s ease;
	-o-transition: all 1s ease;
	transition: all 1s ease;
}

.updown.active {
	right: 0;
}

.updown .up,
.updown .down {
	height: 3.25em;
	width: 3.25em;
	display: block;
	position: relative;
	margin: .25em 1em;
}

.updown .up>*,
.updown .down>* {
	height: 100%;
	width: 100%;
	display: block;
	position: absolute;
	left: 0;
	top: 0;
}

.updown .bg {
	background: #265aa6;
	opacity: .5;
	border-radius: .75em;
}

.updown .up:hover .bg,
.updown .down:hover .bg {
	opacity: 1;
}

.updown .icn {
	background-repeat: no-repeat;
	background-position: center center;
	background-size: auto;
	background-color: transparent;
}

.updown .up .icn {
	background-image: url("../images/depol_up.svg");
}

.updown .down .icn {
	background-image: url("../images/depol_down.svg");
}


/* --------------------- B R E A D C R U M B S  --------------------- */

.breadcrumbs {
	margin-top: 1.5em;
	text-transform: uppercase;
	padding: 0;
	display: block;
	font-size: .85em;
	line-height: 1.2em;
	color: #808285;
}

.breadcrumbs .breadcrumbs {
	width: 100%;
}


/* --------------------- T E S T I M O N I A L S  --------------------- */

.testimonials h2 {
	background-color: #265aa6;
	color: #fff;
	width: 66.6%;
	padding: 1em 1em 1em 1.5em;
	margin: 0;
	font-style: italic;
	font-weight: 900;
	display: inline-block;
	border-radius: 0.5em 0.5em 0 0;
}

.testimonials {
	background: #fff;
	position: relative;
	margin: 0;
}

.testimonial-track {
	overflow: hidden;
}

#testimonial-left {
	right: 5.5em;
	top: -3.3em;
	z-index: 99;
}

#testimonial-right {
	right: 1.5em;
	top: -3.3em;
	z-index: 99;
}

.testimonial-disabled {
	opacity: .2;
}

.testimonials-container {
	width: 100%;
	position: relative;
}

.testimonials-wrapper {}

.testimonials .testimonial-slide {
	-webkit-transition: all 500ms;
	transition: all 500ms;
}

.testimonials .testimonial {
	width: 100%;
	float: left;
	background: #8c8c8c;
	position: relative;
	overflow: hidden;
}

.testimonials .testimonial-current .testimonial {
	cursor: pointer;
}

.testimonials .testimonial .testimonial-wrapper {
	width: 25%;
	overflow: hidden
}

.testimonials .testimonial .photo {
	float: left;
	width: 50%;
}

.testimonials .testimonial img {
	width: 100%;
}

.testimonials .testimonial .statement {
	float: left;
	width: 50%;
	padding: 4.5em 2em 0;
	color: #fff;
	line-height: 1.2em;
	background: transparent url('../images/depol_plus.svg') no-repeat right top;
}

.testimonial .ribbon {
	position: absolute;
	width: 200%;
	height: 6em;
	left: 0;
	bottom: 0;
	background-color: rgba(36, 48, 94, 0.85);
}

.testimonial .ribbon .middle {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	padding: 0 1em;
}

.testimonial .ribbon .middle * {
	color: #fff;
	display: block;
}

.testimonial .ribbon .name {
	font-weight: 500;
	font-size: 1.1em;
	line-height: 1.2;
}

.testimonial .ribbon .position,
.testimonial .ribbon .organization {
	font-size: .85em;
	line-height: 1.2;
	opacity: 0;
	-webkit-transition: all 500ms;
	transition: all 500ms;
	-webkit-transition-delay: 500ms;
	transition-delay: 500ms;
}

.testimonials .testimonial-current .ribbon .position,
.testimonials .testimonial-current .ribbon .organization {
	opacity: .7;
}

.testimonial .ribbon .position {
	font-weight: 500;
	font-style: italic;
}

.testimonial .declaration {
	padding: 0;
	font-size: 1em;
	font-weight: 200;
	opacity: 0;
	position: absolute;
	left: 0;
	top: 100%;
	display: table;
	vertical-align: middle;
	width: 100%;
	height: 100%;
	-webkit-transition: all 1000ms;
	transition: all 1000ms;
}

.testimonial .declaration span {
	padding: 3em 2em 6em 2em;
	display: table-cell;
	vertical-align: middle;
	line-height: 1.2;
	background: #fff;
}

.testimonial-current .testimonial:hover .declaration {
	opacity: 1;
	top: 0%;
}


/* --------------------- T E A M  --------------------- */

.team-wrapper {
	overflow: hidden;
	margin: 3em 0;
	position: relative;
}

.team-wrapper .member {
	width: 33.3%;
	float: left;
	display: block;
	text-align: center;
	position: relative;
}

.team-wrapper .member.prominent {
	background-color: #f3f3f3;
}

.team-wrapper .member .alpha {
	position: absolute;
	left: 0;
	top: 0;
	font-size: 1.2em;
	color: #265aa6;
	font-weight: 300;
	opacity: 0;
}

.member * {
	display: block;
	text-align: center;
	margin: 0.5em auto;
}

.member .profile-wrapper {
	padding: 0 4em 1em;
}

.member .profile {
	padding: 1em;
	margin: 0 0 1em;
	border-radius: 50%;
	box-shadow: 50% -50% 0 2px #265aa6, -50% -50% 0 2px #265aa6, -50% 50% 0 2px #265aa6, 50% 50% 0 2px #265aa6, 0 0 0 2px #265aa6;
}

.member .name {
	font-weight: 500;
}

.member .executive {
	text-transform: uppercase;
	font-size: .8em;
	height: 3.5em;
	line-height: 3.5em;
	font-weight: 800;
	color: #fff;
	background-color: transparent;
	margin: 0;
}

.member .executive.deputy {
	color: #265aa6;
}

.member .category {
	text-transform: uppercase;
	font-size: .8em;
	height: 2em;
}

.member .button {
	margin: .5em 0 0 0;
	font-size: .8em;
	width: 100%;
}

.team-wrapper .member .button {
	opacity: 0;
}

.team-wrapper .member:hover .button {
	opacity: 1;
}

.member .profile {
	width: 100%;
}

.member .profile img {
	width: 100%;
	margin: 0;
	border-radius: 50%;
}

.spin {
	background: none;
	border: 0;
	box-sizing: border-box;
	position: relative;
	border-radius: 100%;
	box-shadow: none;
}

.spin::before,
.spin::after {
	box-sizing: inherit;
	content: '';
	position: absolute;
	width: 100%;
	height: 100%;
	border-radius: 100%;
	top: 0;
	left: 0;
}

.spin::before {
	border: 2px solid transparent;
}

.member:hover .spin::before {
	border-top-color: #ccc;
	border-right-color: #ccc;
	border-bottom-color: #ccc;
	transition: border-top-color 0.1s linear, border-right-color 0.15s linear 0.05s, border-bottom-color 0.15s linear 0.2s;
}

.spin::after {
	border: 0 solid transparent;
}

.member:hover .spin::after {
	border-top: 2px solid #ccc;
	border-left-width: 2px;
	border-right-width: 2px;
	-webkit-transform: rotate(270deg);
	transform: rotate(270deg);
	transition: transform 0.4s linear 0s, border-left-width 0s linear 0.35s;
}

.block-container {
	overflow: hidden;
	display: table;
	width: 100%;
	margin: 0 0;
	font-size: 1.2em;
	padding-bottom: 6em;
}

.block-container .block {
	display: table-cell;
	vertical-align: top;
	position: relative;
	padding: 0 1em;
}

.block.w70 {
	width: 67%;
}

.block.w30 {
	width: 33%;
}

.block.w30 .sidebar {
	padding: 0 4em 0 0;
}

.block.w30 .sidebar * {
	display: block;
}

.block.w30 .sidebar a.mail {
	margin-top: 1em;
	padding-top: 1em;
	font-weight: 500;
	font-style: italic;
	text-align: center;
	color: #faaa28;
	font-size: 1em;
	background-repeat: no-repeat;
	background-position: left top;
	background-color: transparent;
	background-size: 2em 2em;
}

.block.w30 .sidebar a.linkedin {
	background-image: url('../images/deustotech_profile_linkedin.svg');
}

.block.w30 .sidebar a.mail {
	background-image: url('../images/deustotech_profile_mail.svg');
}


/* --------------------- A L P H A M E N U  --------------------- */

.alphamenu {
	position: absolute;
	top: 0em;
	left: 0;
	z-index: 100;
	margin-top: 1em;
	-webkit-transition: all 1000ms;
	transition: all 1000ms;
}

.alphamenu ul {
	margin: 0;
	padding: 0;
}

.alphamenu a {
	display: block;
}

.alphamenu a li {
	text-align: center;
	font-size: 1em;
	line-height: 2.5em;
	width: 2.5em;
	background-color: rgba(35, 30, 110, 0.4);
	color: #fff;
}

.alphamenu a.active li,
.alphamenu a:hover li {
	background-color: rgba(35, 30, 110, 0.9);
}

.alpha {
	position: absolute;
	left: 0;
	top: 0;
	color: #fff;
}


/* --------------------- A R R O W N A V I G A T I O N --------------------- */

a[class|="arrow"] {
	position: absolute;
	display: block;
	top: 50%;
	-webkit-transform: translateY(-1.6em);
	transform: translateY(-1.6em);
	padding: 1em;
	border: .2em solid #265aa6;
	border-radius: .7em;
}

a[class|="arrow"] span {
	display: block;
	width: 1em;
	height: 1em;
}

.arrow-left span {
	border-bottom: .2em solid #265aa6;
	border-left: .2em solid #265aa6;
	-webkit-transform: rotate(45deg) translateX(.25em) translateY(-.25em);
	transform: rotate(45deg) translateX(.25em) translateY(-.25em);
	transition: all 0.5s;
}

.arrow-left:hover span {
	-webkit-transform: rotate(45deg) translateX(-.05em) translateY(.05em);
	transform: rotate(45deg) translateX(-.05em) translateY(.05em);
}

.arrow-right span {
	border-bottom: .2em solid #265aa6;
	border-right: .2em solid #265aa6;
	-webkit-transform: rotate(-45deg) translateX(-.25em) translateY(-.25em);
	transform: rotate(-45deg) translateX(-.25em) translateY(-.25em);
	transition: all 0.5s;
}

.arrow-right:hover span {
	-webkit-transform: rotate(-45deg) translateX(.05em) translateY(.05em);
	transform: rotate(-45deg) translateX(.05em) translateY(.05em);
}

#slider-left {
	left: 2em;
	z-index: 99;
}

#slider-right {
	right: 2em;
	z-index: 99;
}

#carousel-left {
	right: 6em;
}

#carousel-right {
	right: 2em;
}


/* --------------------- F O R M  --------------------- */

.form-wrapper {
	width: 66.6%;
}

form :before,
form :after {
	box-sizing: border-box;
}

.group {
	position: relative;
	margin: 45px 0;
}

.group textarea {
	resize: none;
}

.group select,
.group input,
.group textarea {
	background: none;
	color: #c6c6c6;
	font-size: 18px;
	line-height: 1;
	padding: 15px 10px 15px 5px;
	display: block;
	width: 100%;
	border: none;
	border-radius: 0;
	border-bottom: 1px solid #265aa6;
}

.group select,
.group input {
	height: 48px;
}

.group select {
	-moz-appearance: none;
	-webkit-appearance: none;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
}

.group select:focus,
.group input:focus,
.group textarea:focus {
	outline: none;
	border-bottom: 1px solid #faaa28;
}

.group select:focus~label,
.group input:focus~label,
.group textarea:focus~label,
.group label.has-value {
	top: -14px;
	color: #faaa28;
}

.group input:focus~.bar:before,
.group textarea:focus~.bar:before {
	width: 100%;
}

.group input:required,
textarea:required {
	box-shadow: none;
}

.group input[type="password"] {
	letter-spacing: 0.3em;
}

form .group label {
	color: #c6c6c6;
	font-weight: normal;
	position: absolute;
	pointer-events: none;
	left: 5px;
	top: 10px;
	-webkit-transition: 300ms ease all;
	transition: 300ms ease all;
}

form .legal {
	font-size: .65em;
	line-height: 1;
	margin: 0;
	padding: 1em 0;
	display: block;
	color: #8c8c8c;
}

form .legal label {
	display: block;
	float: left;
	padding: .25em 4em .25em 4em;
	line-height: 1;
	height: 30px;
	background: transparent url('../images/depol_modal_check.svg') no-repeat left top;
	margin: 0;
	color: #ccc;
	cursor: pointer;
}

form .legal label.has-value {
	background-position: left bottom;
	color: #265aa6;
}

form .legal input[type="checkbox"] {
	display: none;
}

form .group input[type="submit"] {
	border: solid #265aa6 .1em;
	padding: 1.5em 4em;
	font-weight: 900;
	text-transform: uppercase;
	display: inline-block;
	margin: .25em 0;
	cursor: pointer !important;
	color: #265aa6;
	text-decoration: none;
	-webkit-transition: all 1000ms;
	transition: all 1000ms;
	height: auto;
	background: transparent url('../images/depol_arrow_yellow.svg') 90% center no-repeat;
}

.wpcf7-response-output {
	width: 66.6%;
	padding: 2em 1em !important;
	text-align: center !important;
	margin: 0 !important;
}


/* --------------------- C O N T A C T --------------------- */

.touch-wrapper .wpfai-list-item {
	margin-right: 1em;
}

.touch-wrapper .touch {
	font-style: italic;
	font-weight: 100;
	display: inline-block;
}

.touch-wrapper .touch .type {
	font-size: .6em;
	display: block;
}

.touch-wrapper .touch .user {
	font-size: .9em;
	font-weight: 300;
	display: block;
}

.touch-wrapper .fa-stack.full {
	width: 3em;
	height: 3em;
	line-height: 3em;
}

.touch-wrapper .fa-stack-3x {
	font-size: 3em;
	position: absolute;
	left: 0;
	width: 100%;
	text-align: center;
}

.fa-whatsapp:before {
	content: "\f232"
}

.address {
	padding: 0 0 2em 0;
	display: block;
}

.address p {
	font-size: 1.75em;
	line-height: 1.25;
	margin: 0;
	padding: 0;
}

.routetitle {
	font-size: 1.5em;
	font-style: italic;
}

#map {
	width: 100%;
	height: 65vh;
}


/* --------------------- P A G E  S E C T I O N  --------------------- */

.page-wrapper h2 {
	font-weight: 900;
	text-transform: uppercase;
}

.page-wrapper h2.liner {
	margin: 2em 0 1em;
	padding: .5em 0 .5em 1em;
	border-left: .2em solid #2354B0;
	text-transform: uppercase;
}

.page-wrapper h3 {
	font-weight: 100;
	text-transform: uppercase;
	font-size: 2.5em;
	padding-left: .1em;
}

.page-wrapper .statement {
	font-weight: 600;
	font-style: italic;
	font-size: 1.5em;
	/*padding-right: 40%;*/
	color: #faaa28;
}

.page-wrapper .statement b {
	font-weight: 900;
}

.page-wrapper .explain {
	font-weight: 300;
	font-size: 1.1em;
	padding-right: 40%;
}


.button-wrapper{
	margin-top:2em;
}
.button-wrapper > *{
	font-size:1.2em;
}

/* --------------------- S H O P --------------------- */

.page-wrapper .shop-cat-group {
	margin-top: 0;
	overflow: hidden;
}

.page-wrapper .shop-items {
	margin: 0 0 2em 0;
	padding: 2em 0;
	clear: both;
	display: -webkit-box;
	/* OLD - iOS 6-, Safari 3.1-6 */
	display: -moz-box;
	/* OLD - Firefox 19- (buggy but mostly works) */
	display: -ms-flexbox;
	/* TWEENER - IE 10 */
	display: -webkit-flex;
	/* NEW - Chrome */
	display: flex;
	-webkit-flex-flow: row wrap;
	flex-flow: row wrap;
	border-bottom: 1px #ccc solid;
}

.page-wrapper .shop-items .shop-item {
	-webkit-justify-content: center;
	justify-content: center;
	padding: 0;
	margin: 0 .5% 1% .5%;
	position: relative;
	width: 49%;
	border-radius: 1em;
	overflow: hidden;
}


.page-wrapper .promo-block {
	height: 6em;
	background-color: #182765;
	text-align: center;
	border-radius: 1em;
	margin-bottom: 2em;
}
.page-wrapper .promo-block img{
	height: 100%;
}
.page-wrapper .promo-block.white{
	background-color: #fff;
}

.page-wrapper .promo-block.darkblue{
	background-color: #182765;
}
.page-wrapper .promo-block.halloween{
	background-color: #ff6500;
}


.page-wrapper .promo-block.dark{
	background-color: #19022c;
}

.page-wrapper .promo-block.grey {
    background-color: #c0c0c0;
}
.page-wrapper .promo-block.catalogue{
	margin-bottom:3em;
}

.page-wrapper .shop-block {
	margin: 2em 0;
	padding: 2em 0 0;
	border-top: 1px #ccc solid;
	font-size: 1.5em;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	-webkit-justify-content: center;
	justify-content: center;
}

.page-wrapper .shop-block>* {
	flex: 0 50%;
}

.shop-block .snapshot {
	width: 50%;
	min-height: 10em;
	margin: 0;
	position: relative;
	border-radius: 1.5em;
	overflow: hidden;
}

.shop-item .snapshot {
	width: 100%;
	min-height: 20em;
	position: relative;
}

.shop-item .snapshot img,
.shop-block .snapshot img {
	width: 100%;
	display: block;
}

.shop-item .info,
.shop-block .info {
	padding: 0 1em 0 0;
	background: #fff;
	z-index: 1;
}

.shop-item .info {
	min-height: 70%;
	width: 70%;
	position: absolute;
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-flow: row wrap;
	flex-flow: row wrap;
	justify-content: space-between;
	align-items: center;
	left: 0;
	bottom: 0;
	border-radius: 0 1em 0 0;
}

.shop-block .info {
	width: 50%;
	height: 100%;
}

.shop-block .info a {
	font-size: .75em;
	border: solid #265aa6 .2em;
}

.shop-item .info .inner {
	padding: 1em .75em 1em .75em;
}

.info .inner>* {}

.info .inner .price-block,
.info .inner .statement-block {
	width: 100%;
}

.info .inner .price {
	font-size: 1.2em;
	color: #faaa28;
	font-weight: 500;
}

.info .inner .price-block.small .price {
	font-size: 1em;
	letter-spacing: -0.02em;
}

.info .inner .price.old {
	color: red;
	text-decoration: line-through;
}

.info .inner .price.old span {
	font-weight: 100;
}

.info .inner .separator {
	font-size: 1.25em;
	margin: 0 .25em;
	font-weight: 100;
	line-height: 1;
}

.info .inner .hyphen {
	padding: 0;
	font-weight: 100;
}

.info .inner .term {
	font-size: 1.1em;
}

.info .inner .stock {
	font-size: 1.1em;
	padding-left: 1em;
	color:#7B0305;
	font-weight: 800;
}

.info .inner .statement {
	font-size: 1.1em;
	text-transform: uppercase;
	font-weight: 900;
	line-height: 1.25;
}

.info .inner h4 {
	font-size: 1.3em;
	font-weight: 900;
	display: block;
	padding: .25em 0 0;
	margin: 0 0 .25em 0;
	line-height: 1.1;
	letter-spacing: -.015em;
}

.info .inner .detail {
	font-size: 1.1em;
	letter-spacing: -.01em;
	/*text-transform: uppercase;*/
	color: #7973a1;
	color: #192d50;
	font-weight: 400;
	padding: .25em 0 .5em;
	display: block;
}
.info .inner .detail span{
	text-transform: uppercase;
	font-weight: 900;
	position: relative;
	padding: 0 0 0 1em;
}
.info .inner .detail span::before{
	font-weight: 900;
	font-size:2em;
	content:"•";
	position: absolute;
	top: -.385em;
	left: 0;
	animation: .5s blinker linear infinite;
	-webkit-animation: .5s blinker linear infinite;
	-moz-animation: .5s blinker linear infinite;
}

.info .inner .detail span.init{
	color:#56b576;
}
.info .inner .detail span.pro{
	color:#e9531e;
}
.info .inner .detail span.interview{
	color:#a2a0c3;
}

.info .inner label {
	font-size: 1em;
	color: #000;
	font-weight: 100;
	padding: 0.25em 0 0.5em;
	display: block;
}

.info .inner .offer {
	font-size: .75em;
	text-transform: uppercase;
	background-color: #faaa28;
	font-weight: 500;
	padding: .25em 1em .2em;
	display: inline-block;
	color: #fff;
	margin-top: .2em;
	border-radius: .5em;
}

.info .inner .offer.disabled {
	background-color: #afafc6;
	padding: .2em 1.5em;
}

.info .inner a {
	margin: 1em 0 0;
}


.info .inner .mark  {
	background-color: #F1F1F1;
	display: block;
	margin-top: .5em;
	padding: .5em 0;
	border-radius: .75em;
}

.info .inner .mark > * {
	background-color: #F1F1F1;
	padding: .2em .75em;
	font-size:.9em;
	display: inline-block;
}

.info .inner .mark span.tag {
	font-weight: 900;
	color: #faaa28;
}

.info .inner .mark span.call {
	color: #182865;
	text-transform: uppercase;
}

.info .inner .mark span.date {
	font-weight: 400;
	color: #696969;
	font-style: italic;
}



.variations, .variations_button > div{
	margin-bottom: 1em;
}

.variations select, .variations_button select{
	padding: .75em 3em .75em .75em;
	font-size: .8em;
	display: block;
	width: 200%;
	max-width: 20em;
	background: transparent url(../images/depol_arrow_select.svg) right center no-repeat;
}

.variations .label, .variations .value{
	display: block;
	width: 100%;
}


.snapshot .overlay {
	height: 100%;
	width: 100%;
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	background: #265aa6;
	opacity: .5;
}

.snapshot .badge-wrapper {
	height: 100%;
	width: 100%;
	position: absolute;
	display: flex;
	align-items: center;
	justify-content: center;
	left: 0;
	top: 0;
}

.snapshot .badge-right {
	flex: 1;
	text-align: center;
	font-size: 1.6em;
	text-transform: uppercase;
	width: 30%;
	padding: 0 0 0 70%;
}

.shop-block .snapshot .badge-right {
	flex: 1;
	text-align: center;
	font-size: 1.6em;
	text-transform: uppercase;
	width: 34%;
	padding: 0 33% 0 33%;
}

.shop-block .snapshot .badge {
	padding: 0;
}

.snapshot .badge {
	width: 100%;
	text-align: center;
	display: block;
	padding: 0 1em;
}

.snapshot .label {
	display: block;
	font-size: .8em;
	margin-top: .25em;
	font-weight: 600;
	color: #fff;
}

.snapshot .promotion {
	font-size: 2em;
	color: #faaa28;
	font-weight: 900;
	padding: 0;
	display: block;
}

.related-group {
	padding-top: 3em;
	border-top: .1em solid #ccc;
}


/* --------------------- F O O T E R  --------------------- */

.main-footer {
	background: #24305E;
	font-weight: 100;
	margin-top: 5em;
	position: relative;
	overflow: hidden;
}

.footer-wrapper {
	height: 100%;
	position: relative;
	overflow: hidden;
}

.contact-wrapper>* {
	display: block;
	margin-top: .25em;
	font-size: 1.75em;
	font-style: italic;
}

.contact-wrapper>* a:hover {
	color: #fff;
}

.contact-wrapper .contact-mail,
.contact-wrapper .contact-call {
	margin-top: 2em;
}

.footer-block {
	padding: 5em 0;
	position: relative;
	float: left;
}

.footer-block.w30 {
	width: 30%;
	height: 100%;
}

.footer-block.w30 {
	background: transparent url('../images/depol_logo_blue.svg') no-repeat 0 5em;
	overflow: hidden;
	margin: 0;
	padding: 8em 0 0;
}

.footer-block.w70 {
	width: 70%;
	padding-left: 3em;
	height: 100%;
}

.footer-block.blue {
	color: #fff;
}


/* ---------------------  L I N K S   L I S T --------------------- */

.links-list {
	padding: 1.5em 0 2.5em 0;
	display: block;
	margin-bottom: 2.5em;
	position: relative;
}

.links-list::before {
	content: "";
	width: 10em;
	height: 1px;
	background-color: #fff;
	position: absolute;
	left: 0;
	bottom: 0;
}

.links-list:last-child::before {
	content: "";
	width: 10em;
	height: 0;
	background-color: #fff;
	position: absolute;
	left: 0;
	bottom: 0;
}

.links-title {
	font-size: 1.5em;
	text-transform: uppercase;
}

.links-list a {
	display: block;
	padding: .25em 0;
	font-weight: 800;
	color: #ffff;
}

.links-list.giant {
	width: 70%;
	margin-bottom: 4em;
}

.links-list.giant a {
	font-size: 1.25em;
	padding: .5em 0;
	font-style: italic;
	color: #265aa6;
}

.links-list a span {
	font-size: .8em;
	font-weight: 300;
	color: #ccc;
	margin-left: 1em;
}

.links-list a:hover {
	color: #faaa28;
}

.links-list.giant a:hover {
	color: #fff;
}

.footer-bottom {
	background: #fff;
	padding: 2em 0;
}

.footer-bottom .footer-signature {
	display: table;
	float: left;
}

.footer-bottom .footer-signature * {
	display: inline-block;
	vertical-align: bottom;
	font-size: .8em;
}

.footer-bottom .logo {
	width: 12em;
	padding: 0 .4em;
}

.footer-bottom .logo img {
	display: block;
}

.footer-bottom .copy {
	padding: 0 .4em;
}


/* --------------------- S H A R E . B L O C K --------------------- */

.share-block {
	border-top: solid #ccc 1px;
	border-bottom: solid #ccc 1px;
	display: block;
	width: 100%;
	margin: 2em 0;
	font-size: .75em;
}

ul.wpfai-list {
	margin: .75em 0;
	padding: 0;
}

.footer-wrapper ul.wpfai-list {
	margin: 0;
	padding: 0;
	float: right;
}

.page-wrapper .share,
.news-wrapper .share {
	margin: 0 1em;
	font-size: 1.25em;
	color: #ABABAB;
}

ul.wpfai-list {
	display: inline-block;
	font-size: 1.5em;
}

ul.wpfai-list li {
	padding: 0;
	margin: 0 2px;
	list-style-type: none;
	display: inline-block;
}

ul.wpfai-list li:before {
	content: "";
	padding: 0;
	font-size: 1em;
}

.footer-wrapper a.wpfai-link .fa-circle {
	color: #faaa28;
}

.footer-wrapper a.wpfai-link:hover .fa-circle {
	color: #265aa6;
}

.share-block a.wpfai-link .fa-stack>* {
	color: #ccc;
}

.share-block a.wpfai-link:hover .fa-stack>* {
	color: #265aa6;
}


/* --------------------- M O D A L  . B L O C K --------------------- */

.modal-block {
	border-top: solid #ccc 1px;
	border-bottom: solid #ccc 1px;
	display: block;
	width: 100%;
	margin: 2em 0;
	font-size: .75em;
}

.modal-block .selector {
	padding: 1.5em 0.25em;
	font-size: 2em;
	overflow: hidden;
}

.modal-block .selector .checkbutton {
	display: block;
	float: left;
	padding: 0 2em 0 2em;
	line-height: 30px;
	background: transparent url('../images/depol_modal_check.svg') no-repeat left top;
	margin: 0;
	color: #ccc;
}

.modal-block .selector .checkbutton:hover,
.modal-block .selector .checkbutton.active {
	background-position: left bottom;
	color: #265aa6;
}


/* --------------------- P A G E  C O N T A I N E R --------------------- */


.page-wrapper .page-date {
	padding: 0 0 2em 2em;
	font-size: 1.2em;
	text-transform: uppercase;
}

.page-wrapper .page-date .separator{
	padding: 0 1em;
}
.page-wrapper .page-date .promotion{
	font-weight: bold;
	text-transform: uppercase;
}

.page-wrapper .page-mark {
	margin:  0 2em 2em 2em;
	font-size: 1.2em;
	border-left: 1px solid #ccc;
}

#shopping .page-mark {
	margin: 0 0 2em 0;
}


.page-wrapper .page-mark > *{
	padding: 0 1em;
	font-size: 1.25em;
	border-right: 1px solid #ccc;
}

.page-wrapper .page-mark .tag {
	font-weight: 900;
	color: #faaa28;
}

.page-wrapper .page-mark .call{
	color: #182865;
	text-transform: uppercase;
}

.page-wrapper .page-mark .date{
	color: #ccc;
	font-style: italic;
}

.page-wrapper .highlight-block {
	background-color: #faaa28;
	padding: 3em;
	position: relative;
}

.page-wrapper .highlight-block .caption-block {
	width: 70%;
	font-size: 1.25em;
	padding-right: 2em;
}

.page-wrapper .highlight-block .caption-block .head {
	font-size: 1.2em;
	display: block;
	margin: 0 0 .5em 0;
	font-weight: 900;
}

.page-wrapper .highlight-block .caption-block .disclaimer {
	font-size: 1.5em;
	display: block;
	font-style: italic;
	margin: 0 0 1em 0;
	font-weight: 900;
	color: #fff;
}

.page-wrapper .highlight-block .caption-block .description {
	display: block;
	margin: 0 0 1em 0;
}

.page-wrapper .highlight-block .caption-block a:hover span {
	color: #fff;
}

.page-wrapper .highlight-block .button-block {
	position: absolute;
	width: 30%;
	height: 100%;
	right: 0;
	bottom: 0;
	background: #265aa6;
	display: flex;
	align-items: center;
	justify-content: center;
}

.page-wrapper .highlight-block .button-block a {
	align-self: flex-end;
	padding: 2em;
	width: 100%;
}


/*.page-wrapper .highlight-block .button-block a span {
	color: #fff;
}*/

.page-wrapper .highlight-block .schedule-block {
	position: absolute;
	width: 30%;
	height: 100%;
	right: 0;
	bottom: 0;
	background: #ccc;
	display: table;
	padding: 1em;
}

.page-wrapper .highlight-block .schedule-block .schedule {
	font-size: 1.75em;
	text-align: left;
	font-weight: 900;
}

.page-wrapper .highlight-block .schedule-block>* {
	display: table-row;
	text-align: center;
	vertical-align: middle;
}

.page-wrapper .highlight-block .schedule-block .calendar img {
	width: 40%;
}

.page-wrapper .page-content h2 {
	padding: 1em 0 .5em;
	text-transform: none;
}

.page-wrapper .page-content h2.disclaimer {
	padding: 1em 3em .5em 0;
	text-transform: none;
}

.page-wrapper h3 {
	padding: 1em 0 .5em;
	text-transform: none;
}

.page-wrapper h4 {
	font-size: 2.2em;
	padding: .25em 0 .25em;
	text-transform: none;
}

.page-wrapper h5 {
	font-size: 1.5em;
	font-weight: 600;
	padding: 0 0 .5em;
	text-transform: uppercase;
}

.page-wrapper h6 {
	font-size: 1.25em;
	padding: .5em 0;
	font-weight: 300;
	text-transform: uppercase;
	border-bottom: .05em solid #265aa6;
	display: inline-block;
	line-height: 0.9;
}

.page-wrapper pre {
	font-size: .65em;
	line-height: 1.25;
	padding: 1em 0 1.75em 0;
	margin: 0;
}

.page-wrapper .page-content {
	position: relative;
	overflow: hidden;
	padding-bottom: 5em;
}

.page-wrapper .page-content img {
	width: 100%;
	height: auto;
	display: block;
}

.page-wrapper .page-content.shrink {
	padding: 0 25% 0 0;
}

.page-wrapper .page-content.shrink ol {
	padding: 2em 0 2em 3em;
}

.page-wrapper .page-content .w50 {
	width: 47%;
	margin: 1%;
	padding: 2em 0;
	display: inline-block;
	vertical-align: middle;
	font-size: 1.2em;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.page-wrapper .page-content h4.w50, .page-wrapper .page-content h3.w50 {
	font-size: 2.25em;
	padding: 0.25em 0;
}

.page-wrapper .knowledge-area h4 {
	font-size: 2.5em;
	font-weight: 900;
	font-style: italic;
}

.page-wrapper .knowledge-area h5 {
	font-size: 1.75em;
	font-weight: 300;
	padding: .75em 0 0;
	text-transform: uppercase;
}

.page-wrapper .knowledge-area h6 {
	font-size: 1.5em;
	font-weight: 100;
	padding: .75em 0 0;
	text-transform: uppercase;
}

.page-wrapper .knowledge-area ul li {
	padding: 0;
}

.page-wrapper .knowledge-area ul li:before {
	content: '''';
	padding: 0;
}

.page-wrapper .knowledge-area li {
	list-style: none;
}

.page-content p {
	line-height: 1.5;
	font-size: 1.1em;
}

.page-content p a,
.page-content li a {
	display: inline-block;
	padding: 0 30px 0 0;
	margin-right: .5em;
	background: transparent url('../images/depol_arrow_yellow.svg') right center no-repeat;
}

.page-content a.pdf {
	padding: .75em 3.5em .75em .75em;
	display: block;
	background: #eceeef url('../images/depol_pdf_download.svg') no-repeat right center;
	font-size: 3em;
	font-weight: 100;
	background-size: auto 100%;
}
.page-content a.pdf:hover {
	color: #192d50;
	background: #faaa28 url('../images/depol_pdf_download.svg') no-repeat right center;
}

.page-content>ol {
	padding: 2em 25% 2em 3em;
	margin: 0;
	overflow: hidden;
	counter-reset: item;
}

.page-content ol>li {
	margin: 1em 0;
	position: relative;
	width: 100%;
	float: left;
}

.page-content>ol>li::before {
	content: counter(item) " ";
	counter-increment: item;
	color: #fff;
	font-size: 1.5em;
	font-weight: 700;
	position: absolute;
	left: -2em;
	line-height: 1.5em;
	width: 1.5em;
	height: 1.5em;
	top: -.15em;
	background: #265aa6;
	border-radius: 50%;
	text-align: center;
}

.page-content>ol>li>ol {
	counter-reset: item;
}

.page-content>ol>li>ol>li::before {
	content: counter(item) " ";
	counter-increment: item;
	font-size: 1.1em;
	font-weight: 300;
	position: absolute;
	left: -2em;
	line-height: 1.5em;
	width: 1.5em;
	height: 1.5em;
	top: -.15em;
	background: #eee;
	border-radius: 50%;
	text-align: center;
}

.page-content ul {
	padding: 0;
}

.page-content ul li {
	padding: .5em .25em;
	font-size: 1.1em;
}

.page-content ul li:before {
	content: "•";
	padding-right: .25em;
	font-size: 2em;
	line-height: 0;
}

.page-content ol ul {
	padding: 1em 0;
}

.wrapper-table {
	overflow-x: auto;
}
.wrapper-table table {
	width: 100%;
	margin-bottom: 3em;
}

.wrapper-table table,
tr {
	border-collapse: collapse;
	border-spacing: 0;
}

.wrapper-table table tr td {
	font-size: 1em;
	padding: 1em .8em;
	border-style: solid;
	border-width: 1px;
	overflow: hidden;
	word-break: normal;
}

.wrapper-table table tr th {
	font-size: 1em;
	font-weight: normal;
	padding: 1em .8em;
	border-style: solid;
	border-width: 1px;
	overflow: hidden;
	word-break: normal;
}

.wrapper-table table tr {
	vertical-align: top
}
.wrapper-table h3 {
    margin-bottom: 1em;
}

/* --------------------- S T U D E N T  A R E A --------------------- */

.knowledge-areas {
	position: relative;
}

.knowledge-area {
	border-left: 1em solid #ccc;
	padding: 2em 32% 2em 4em;
}

.knowledge-area .empty {
	color: #A0A0A0;
	font-weight: 100;
}

.knowledge-area ul {
	padding: 0;
}

.knowledge-area#area1,
.knowledge-area#area6,
.knowledge-area#area11 {
	border-left: 1em solid #265aa6;
}

.knowledge-area#area2,
.knowledge-area#area7,
.knowledge-area#area12 {
	border-left: 1em solid #faaa28;
}

.knowledge-area#area3,
.knowledge-area#area8,
.knowledge-area#area13 {
	border-left: 1em solid #327dff;
}

.knowledge-area#area4,
.knowledge-area#area9,
.knowledge-area#area14 {
	border-left: 1em solid #c8c8e6;
}

.knowledge-area#area5,
.knowledge-area#area10,
.knowledge-area#area15 {
	border-left: 1em solid #f0f0f0;
}

.knowledge-area .download {
	padding: .75em 0 .75em 3.5em;
	display: block;
	background: transparent url('../images/depol_ico_pdf.svg') no-repeat left center;
}

.knowledge-area .download>* {
	display: block;
	font-weight: 300;
}

.knowledge-area .download .file {}

.knowledge-area .download .link {
	font-weight: 900;
}

ul.knowledge-submenu {
	position: absolute;
	top: 0;
	right: 0;
	width: 30%;
	margin: 0;
}

ul.knowledge-submenu li {
	margin: 0;
	padding: 0;
}

ul.knowledge-submenu li a {
	display: block;
	border-bottom: solid #ccc .01em;
	padding: 1.5em 3em 1.5em 0;
	text-transform: uppercase;
	line-height: 1;
	font-weight: 600;
	background: transparent url('../images/depol_arrow_down.svg') no-repeat right center;
}

ul.knowledge-submenu li::before {
	content: "";
	padding: 0;
}


/* --------------------- M Y A C C O U N T  B L O C K --------------------- */
div.my_account_cart_notice {
  display: flex;
  flex-direction: column;
  justify-content: center;
  font-size: 1.5em;
  background: #265aa6;
  color: #FFFFFF;
  border-radius: 0.75em;
  margin-bottom: 0.75em;
  min-height: 4em;
  padding: 1em;
}
div.my_account_cart_notice strong {
  font-weight: 700 !important;
}
div.my_account_cart_notice a {
  display: block;
  background: #faaa28;
  color: #FFF !important;
  padding: .5em 1.7em;
  border-radius: 0.5em;
  width: fit-content;
  margin-top: .7em;
  font-size: .6em !important;
}

/* --------------------- Q U E S T I O N  B L O C K --------------------- */

.question-wrapper .question-block {
	margin: 3em 0;
	background-color: #faaa28;
	position: relative;
	border-radius: 1.5em;
}

.question-wrapper .question-block .question {
	width: 70%;
	font-size: 1.25em;
	padding: 2em;
	text-align: right;
}

.question-wrapper .question-block .button {
	position: absolute;
	width: 30%;
	height: 100%;
	right: 0;
	bottom: 0;
	background: #265aa6;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 0 1.5em 1.5em 0;
}

.question-wrapper .question-block .button a {
	padding: 2em;
	width: 100%;
	flex: 1;
}


/*.question-wrapper .question-block .button a span {
	color: #fff;
}*/


/* ============= FAQS ================ */

.faqs {}

.faqs ol {
	counter-reset: item;
}

.faqs li {
	display: block;
}

.faqs .faq_head,
.faqs .faq_head a {
	font-weight: 300;
}

.faqs .faq_head:before {
	content: counters(item, ".") " ";
	counter-increment: item;
	font-weight: 800
}

.faqs_container {
	padding: 0;
	margin: 0;
	background-color: #ffffff;
}

.faqs_container .faq_head {
	cursor: pointer;
}

.faqs_container .content_toggle {
	max-height: 0;
	overflow: hidden;
	-moz-transition: max-height .5s ease-out;
	-webkit-transition: max-height .5s ease-out;
	-o-transition: max-height .5s ease-out;
	transition: max-height .5s ease-out;
}

.faqs_container .f_expanded {
	max-height: 500em !important;
	-moz-transition: max-height 1s ease-in;
	-webkit-transition: max-height 1s ease-in;
	-o-transition: max-height 1s ease-in;
	transition: max-height 1s ease-in;
}

.faqs li>.faq_head:after {
	-webkit-transition: -webkit-transform 0.5s ease-in;
	-moz-transition: -moz-transform 0.5s ease-in;
	-o-transition: -o-transform 0.5s ease-in;
	transition: transform 0.5s ease-in;
}

.f_active>.faq_head:after {
	-webkit-transform: rotate(180deg);
	-moz-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	-o-transform: rotate(180deg);
	transform: rotate(180deg);
}

.faq_content {
	padding: 1em 1.5em;
	font-size: 1.1em;
	line-height: 1.25;
}

.faq_content p,
.faq_content ul,
.faq_content ol {
	padding-right: 10%;
}

.faq_content ol,
.faq_content ul {
	padding: 1em;
}

.faq_content ol li {
	display: list-item;
	list-style: decimal inside;
	margin: .5em;
	padding-left: 1em;
	font-weight: 200;
}

.faq_content ul li {
	margin: .5em;
	padding-left: 1em;
	display: list-item;
	list-style-type: disc;
	font-weight: 200;
}

.faq_content ul ul {
	font-size: .95em;
	padding: 1em;
	color: #666
}

.faq_content ul p {
	font-size: .95em;
	padding: .8em;
	color: #666
}


/* ---- primary  --- */

.faq_primary {
	border-bottom: 1px solid #CCC;
	padding-bottom: 4em;
}

.faq_primary>li {
	border-top: 1px solid #f1f1f1;
}

.faq_primary>li:last-child {
	border-bottom: 1px solid #f1f1f1;
}

.faq_primary>li>.faq_head {
	border-top: 1px solid #fff;
	border-left: 1px solid #fff;
	border-right: 1px solid #fff;
	position: relative;
	padding: 1em 1em 1em 0em;
	font-size: 2.5em;
}

.faq_primary>li>.faq_head a {
	font-weight: 800;
	text-transform: uppercase;
}

.faq_primary>li>.faq_head:before {
	font-weight: 800
}

.faq_primary>li>.faq_head:after {
	content: "";
	display: block;
	width: 30px;
	height: 30px;
	position: absolute;
	background-position: 0 0;
	background-repeat: no-repeat;
	background-image: url("../images/depol_toggle_arrows.svg");
	right: 1em;
	top: 0;
	bottom: 0;
	margin: auto;
}


/* ---- secondary  --- */

.faq_secondary>li {
	border-left: 1px solid #fff;
	border-right: 1px solid #fff;
	border-top: 1px solid #fff;
	background-color: #f1f1f1;
}

.faq_secondary>li>.faq_head {
	position: relative;
	padding: 2em 10em 2em 3.4em;
	font-size: 1.3em;
}

.faq_secondary>li>.faq_head:before {
	height: 1em;
	width: 1em;
	font-size: 1em;
	margin-right: .3em;
	padding: 0;
	text-align: center;
	bottom: 0;
	left: 1.2em;
	margin: 0;
	position: absolute;
	top: 2em;
	z-index: 1;
	display: inline-block;
	font-weight: 300;
}

.faq_secondary>li>.faq_head:after {
	content: "";
	display: block;
	width: 16px;
	height: 16px;
	position: absolute;
	background-position: 0 0;
	background-repeat: no-repeat;
	background-image: url("../images/depol_direction_arrows.svg");
	right: 2.2em;
	top: 0;
	bottom: 0;
	margin: auto;
}


/* --------------------- L O A D E R --------------------- */

.load-wrapper {
	/*display:block;*/
	height: 100%;
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
	-webkit-transition: opacity 1000ms;
	transition: opacity 1000ms;
}

.load-timer {
	display: block;
	margin: 45vh auto;
	font-size: 0;
	color: #4B4B4B;
	width: 96px;
	height: 96px;
}

.load-circle,
.load-circle>div {
	position: relative;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box
}

.load-circle>div {
	display: inline-block;
	float: none;
	background-color: #265aa6;
	border: 0 solid #265aa6
}

.load-circle {
	width: 96px;
	height: 96px;
}

.load-circle>div {
	position: absolute;
	top: 50%;
	left: 50%;
	background: transparent;
	border-style: solid;
	border-width: 6px;
	border-radius: 100%;
	-webkit-animation: ball-clip-rotate-multiple-rotate 1s ease-in-out infinite;
	-moz-animation: ball-clip-rotate-multiple-rotate 1s ease-in-out infinite;
	-o-animation: ball-clip-rotate-multiple-rotate 1s ease-in-out infinite;
	animation: ball-clip-rotate-multiple-rotate 1s ease-in-out infinite
}

.load-circle>div:first-child {
	position: absolute;
	width: 96px;
	height: 96px;
	border-right-color: transparent;
	border-left-color: transparent
}

.load-circle>div:last-child {
	width: 48px;
	height: 48px;
	border-top-color: transparent;
	border-bottom-color: transparent;
	-webkit-animation-duration: .5s;
	-moz-animation-duration: .5s;
	-o-animation-duration: .5s;
	animation-duration: .5s;
	-webkit-animation-direction: reverse;
	-moz-animation-direction: reverse;
	-o-animation-direction: reverse;
	animation-direction: reverse
}


/* --------------------- T R A N S I T I O N S --------------------- */

.flash {
	animation: 1s blinker linear infinite;
	-webkit-animation: 1s blinker linear infinite;
	-moz-animation: 1s blinker linear infinite;
}

@-moz-keyframes blinker {
	0% {
		opacity: 1.0;
	}
	50% {
		opacity: 0.5;
	}
	100% {
		opacity: 1.0;
	}
}

@-webkit-keyframes blinker {
	0% {
		opacity: 1.0;
	}
	50% {
		opacity: 0.5;
	}
	100% {
		opacity: 1.0;
	}
}

@keyframes blinker {
	0% {
		opacity: 1.0;
	}
	50% {
		opacity: 0.5;
	}
	100% {
		opacity: 1.0;
	}
}

@keyframes menu_drop_in {
	0% {
		-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
		opacity: 0;
		-webkit-transform: translateY(100%);
		-moz-transform: translateY(100%);
		-ms-transform: translateY(100%);
		-o-transform: translateY(100%);
		transform: translateY(100%);
		-webkit-transform: translateX(0%);
		-moz-transform: translateX(0%);
		-ms-transform: translateX(0%);
		-o-transform: translateY(0%);
		transform: translateX(0%);
	}
}

@-webkit-keyframes ball-clip-rotate-multiple-rotate {
	0% {
		-webkit-transform: translate(-50%, -50%) rotate(0deg);
		transform: translate(-50%, -50%) rotate(0deg)
	}
	50% {
		-webkit-transform: translate(-50%, -50%) rotate(180deg);
		transform: translate(-50%, -50%) rotate(180deg)
	}
	100% {
		-webkit-transform: translate(-50%, -50%) rotate(360deg);
		transform: translate(-50%, -50%) rotate(360deg)
	}
}

@-moz-keyframes ball-clip-rotate-multiple-rotate {
	0% {
		-moz-transform: translate(-50%, -50%) rotate(0deg);
		transform: translate(-50%, -50%) rotate(0deg)
	}
	50% {
		-moz-transform: translate(-50%, -50%) rotate(180deg);
		transform: translate(-50%, -50%) rotate(180deg)
	}
	100% {
		-moz-transform: translate(-50%, -50%) rotate(360deg);
		transform: translate(-50%, -50%) rotate(360deg)
	}
}

@-o-keyframes ball-clip-rotate-multiple-rotate {
	0% {
		-o-transform: translate(-50%, -50%) rotate(0deg);
		transform: translate(-50%, -50%) rotate(0deg)
	}
	50% {
		-o-transform: translate(-50%, -50%) rotate(180deg);
		transform: translate(-50%, -50%) rotate(180deg)
	}
	100% {
		-o-transform: translate(-50%, -50%) rotate(360deg);
		transform: translate(-50%, -50%) rotate(360deg)
	}
}

@keyframes ball-clip-rotate-multiple-rotate {
	0% {
		-webkit-transform: translate(-50%, -50%) rotate(0deg);
		-moz-transform: translate(-50%, -50%) rotate(0deg);
		-o-transform: translate(-50%, -50%) rotate(0deg);
		transform: translate(-50%, -50%) rotate(0deg)
	}
	50% {
		-webkit-transform: translate(-50%, -50%) rotate(180deg);
		-moz-transform: translate(-50%, -50%) rotate(180deg);
		-o-transform: translate(-50%, -50%) rotate(180deg);
		transform: translate(-50%, -50%) rotate(180deg)
	}
	100% {
		-webkit-transform: translate(-50%, -50%) rotate(360deg);
		-moz-transform: translate(-50%, -50%) rotate(360deg);
		-o-transform: translate(-50%, -50%) rotate(360deg);
		transform: translate(-50%, -50%) rotate(360deg)
	}
}


/* --------------------- M E D I A  Q U E R I E S --------------------- */

@media only screen and (min-width: 320px) {
	body {
		font-size: 14px !important;
	}
}

@media only screen and (min-width: 760px) {
	body {
		font-size: 15px !important;
	}
}

@media only screen and (min-width: 960px) {
	.wrapper {
		max-width: 70em;
	}
}

@media only screen and (min-width: 1200px) {
	body {
		font-size: 16px !important;
	}
}

@media only screen and (min-width: 1400px) {
	body {
		font-size: 17px !important;
	}
}

@media only screen and (min-width: 1800px) {
	body {
		font-size: 18px !important;
	}
}


/* @media only screen and (max-width: 800px) {

	.wrapper {
		width:100%;
		overflow: hidden;
	}

}*/

@media only screen and (max-width: 1024px) {
	.course.case-course .info {
		width: 50%;
		padding: 2em;
	}
	.course.case-course .snapshot {
		margin-left: 50%;
		width: 50%;
	}
}

@media only screen and (max-width: 900px) {
	.desktop {
		display: none !important;
	}
	.mobile {
		display: block !important;
	}
	.wrapper {
		width: 100%;
		padding-left: 0;
		padding-right: 0;
	}
	section h2 {
		font-size: 2em;
	}
	.banner-wrapper .overlay.null {
	    background: #ffff;
	    opacity: .7;
	}
	.heading-container,
	.cover-container {
		margin: 13em 0 0;
	}
	.cover-container .cover {
		height: 20em;
		width: 100%;
		margin-left: 0%;
		position: relative;
	}
	.cover-wrapper>.cover-block {
		margin: 0 0;
		padding-left: 2em;
	}
	.header,
	.header.short {
		height: auto;
	}
	.header-wrapper.wrapper {
		padding: 1em .5em 0;
	}
	.header-wrapper .logo {
		padding-top: 1em;
		width: 14em;
		height: 4em;
	}
	.header-wrapper .claim, .header-wrapper .performance {
		font-size: 0.7em;
	}
	.header.short .header-wrapper .logo {
		width: 13em;
		height: 3.5em;
	}
	.header.short .header-wrapper .claim, .header.short .header-wrapper .performance {
		font-size: 0.6em;
		opacity:0;
	}
	.heading-wrapper {
		min-height: 35vh;
	}
	.heading-wrapper.middle,
	.heading-wrapper.third {
		min-height: initial;
		padding: 0;
	}
	.heading-wrapper .heading-tab {
		width: 100%;
		padding: 2em 1em 0 1em;
		height: initial;
		position: relative;
		border-radius: 0 1.5em 0 0;
	}
	.heading-wrapper.middle .submenu-wrapper,
	.heading-wrapper.third .submenu-wrapper {
		padding: 1em 0 6em 0;
		height: initial;
	}
	.heading-wrapper.third .submenu-wrapper {
		display: grid;
		grid-auto-flow: column;
		grid-template-columns: 50% 50%;
		grid-template-rows: auto auto;
		grid-column-gap: 0;
		grid-row-gap: 0;
	}
	.heading-wrapper.middle .submenu-wrapper ul,
	.heading-wrapper.third .submenu-wrapper ul {
		width: auto;
		padding: 0 1em 0;
		margin-left: 1em;
	}
	.heading-wrapper.middle .submenu-wrapper ul li,
	.heading-wrapper.third .submenu-wrapper ul li {
		text-align: left;
	}
	.heading-wrapper .heading-block {
		padding: 1em 15% 6em 1em;
		top: 50%;
		-webkit-transform: translateX(0%) translateY(-50%);
		-moz-transition: translateX(0%) translateY(-50%);
		-o-transition: translateX(0%) translateY(-50%);
		transform: translateX(0%) translateY(-50%);
	}
	.heading-wrapper .heading-tag {
		width: 100%;
	}
	.heading-container .badge-wrapper {
		padding-bottom: 6em;
	}
	.heading-container .badge-wrapper {
		width: 30%;
		margin-left: 70%;
	}
	.heading-container .badge-wrapper {
		width: 30%;
		margin-left: 70%;
	}
	.heading-container .badge-middle {
		padding: 0 3%;
	}
	.knowledge-area {
		padding: 1em 1em 1em 2em;
	}
	.page-wrapper {
		padding: 0 1em;
	}
	.page-wrapper .highlight-block .caption-block {
		width: 100%;
	}
	.page-wrapper .highlight-block .button-block {
		position: relative;
		width: 100%;
	}
	.page-wrapper .highlight-block {
		padding: 1em;
	}
	.page-wrapper .highlight-block .schedule-block,
	ul.knowledge-submenu {
		position: relative;
		width: 100%;
		margin: 1em 0;
	}
	.page-wrapper .highlight-block .schedule-block {
		margin: 1em 0 0 0;
	}
	.page-wrapper .shop-items .shop-item {
		margin: 0;
		width: 100%;
	}
	.shop-item .info {
		height: initial;
		min-height: initial;
		width: 100%;
		position: relative;
		padding: 1em .2em;
	}
	.shop-block .shop-item .info {
		width: 100%;
		height: 100%;
	}
	.shop-item .snapshot {
		min-height: initial;
		overflow: hidden;
	}
	.shop-block .shop-item .snapshot {
		width: 100%;
		margin: 0;
		max-height: 12em;
		overflow: hidden;
	}
	.page-wrapper .shop-block>* {
		flex: 100%;
		padding: 0;
		margin: 0 0 1em 0;
	}
	.shop-item .snapshot .badge-right, .shop-block .snapshot .badge-right {
		padding: 0 15%;
	}
	.shop-item .snapshot .badge-right .badge, .shop-block .snapshot .badge-right .badge {
		padding: 0 3.5em;
	}
	.shop-item .snapshot .badge-right .label, .shop-block .snapshot .badge-right .label {
		line-height: 1.1;
	}
	.shop-block .shop-item .snapshot .badge-right {
		width: 30%;
		padding: 0 35%;
	}
	.page-content ol {
		padding-right: 2em
	}
	.faq_primary>li>.faq_head {
		padding: 1em 1em 1em .15em;
	}
	.faq_secondary>li>.faq_head {
		padding: 2em 3em 2em 3.4em;
	}
	.faq_secondary>li>.faq_head::after {
		right: 1.2em;
	}
	.menu-wrapper {
	}
	.main-nav {
		padding-bottom: 8em;
	}
	.main-nav>ul.full-menu>li,
	.main-nav>ul.upper-menu>li div,
	.main-nav>ul.upper-menu>li>ul>li span {
		width: 100%;
		text-align: center;
		padding: 1em 1em 0 1em;
	}
	.main-nav>ul.full-menu {
		margin: 0;
		padding: 0 0 8em 0;
	}
	.main-nav>ul.upper-menu {
		background: #f0f0f0 url('../images/depol_logo_blue.svg') no-repeat 2em 2em;
		margin: 0;
		padding: 8em 0 2em;
		text-align: center;
	}
	.main-nav>ul.full-menu>li>ul {
		padding-top: .2em;
	}
	.main-nav>ul.full-menu>li>ul>li {
		padding: .1em 0;
	}
	.main-nav>ul.full-menu>li>a {
		padding-bottom: .5em;
		margin: .75em 0;
		display: block;
	}
	.main-nav>ul.upper-menu>li.menu-item-has-children {
		padding: 2em 0 0;
	}
	header ul.top-links,
	header.short ul.top-links {
		position: relative;
		width: 100%;
		text-align: center;
		right: initial;
	}
	a.dart-yellow,
	a span.dart-yellow,
	a.dart-blue,
	a span.dart-blue,
	a.dart-white,
	a span.dart-white {
		background-size: 20px 20px;
	}
	a.huge,
	a.huge span {
		padding: 1em 2em 1em 0;
	}
	.courses h2.division span {
		display: block;
		margin: -0.5em 0 0;
	}
	.courses h2.invert {
		font-size: 2.5em;
		padding: 0;
	}
	.course .info,
	.uniform-banner .info {
		padding: 1.75em;
		width: 100% !important;
		position: relative;
	}
	.topics-container {
		margin-top: 0;
	}
	.course.main-course .snapshot,
	.uniform-banner .block .snapshot {
		margin-left: 0;
		width: 100%;
		max-height: 20em;
		overflow: hidden;
	}
	.course.case-course .snapshot {
		display: none;
	}
	.course .info .inner span.links {
		position: relative;
		left: 0;
		bottom: 0;
	}
	.course.case-course .info .inner span.links {
		bottom: 0;
		margin: 2em 0;
	}
	.banner-block .info {
		padding: 3em 2em;
	}
	.banner-block.w50 {
		width: 100%;
		float: none;
		margin: 1em 0;
	}
	.banner-block .info h3 {
		width: 90%;
	}
	.banner-wrapper .info.right {
		text-align: left;
	}
	.downloads-block {
		padding: 3em 1em !important;
	}
	.downloads-block .links {
		padding: 1em 0 0 !important;
	}
	.downloads .downloads-header>* {
		padding: 1em;
	}
	.downloads .downloads-header h4 {
		width: 100%;
	}
	.strip.w50 {
		width: 100%;
		margin-right: 0%;
	}
	.title-wrapper .title h2,
	.title-wrapper .title h3,
	.courses-wrapper .title h2 {
		padding: 1em .5em;
		width: 100%;
	}
	section .title h2,
	section .title h3 {
		/*text-align: center;*/
	}
	a.button,
	button {
		padding: 1em;
	}
	.question-wrapper .question-block .question {
		width: 50%;
	}
	.question-wrapper .question-block .button {
		width: 50%;
	}
	.news-wrapper {
		padding: 0 1em;
	}
	.news-wrapper.flex .post,
	.news-wrapper .post {
		flex: 0 100%;
	}
	.news-wrapper .entry-wrapper .entry h1.entry-title {
		padding: 1em 0 0 0;
	}
	.news-wrapper .image-wrapper {
		width: 100%;
		max-height: 16em;
		overflow: hidden;
	}
	.news-wrapper.table .entry-wrapper {
		width: 100%;
		position: relative;
		margin: 0;
		padding: 1.5em 1em;
	}
	.summary {
		padding-right: 2em;
		padding-left: 1em;
	}
	.testimonials h2 {
		padding: 1em 0.75em;
		width: auto;
	}
	.testimonials .testimonial {
		padding-bottom: 8em;
		overflow: hidden;
	}
	.testimonials .declaration {
		/*display: block;*/
	}
	.testimonial .ribbon {
		height: 8em;
	}
	.testimonial .ribbon .name {
		font-size: 1.2em;
	}
	.testimonial .ribbon .position {
		font-size: .9em;
	}
	.testimonials .testimonial .statement {
		padding: 4em 1.5em 0;
		line-height: 1.1em;
	}
	.app-wrapper h2 {
		display: block;
		margin-bottom: 1em;
	}
	.banner-wrapper {
		padding: 2em;
	}
	.banner-wrapper .info.w30,
	.banner-wrapper .info.w50,
	.banner-wrapper .info.right.w50 {
		width: 100%;
		padding: 0;
	}
	.banner-wrapper span.links,
	.title-wrapper span.links,
	.uniform-banner .block .info .inner span.links {
		position: relative;
		top: 0;
		left: 0;
		margin: 2em 0;
		display: block;
	}
	.title-wrapper .materials .links {
		margin: 2em;
	}
	.banner-block .info h3 {
		font-size: 2.5em;
	}
	.footer-block.w30,
	.footer-block.w70 {
		width: 100%;
		float: none;
		padding: 5em 2em;
		background-position: 2em 2em
	}
	.footer-signature {
		padding: 1em;
	}
	.contact-wrapper .contact-mail,
	.contact-wrapper .contact-call {
		font-size: 2.5em;
	}
	.news-container {
		background-size: 200%;
		margin-top: 0;
	}
	.page-wrapper .statement,
	.page-wrapper .explain {
		padding-right: 0;
	}
	ul.wpfai-list {
		text-align: center;
		float: none;
		padding-top: 2em;
		display: block;
		clear: both;
	}
	.share-block ul.wpfai-list {
		padding-top: 0;
	}
	.touch-wrapper ul.wpfai-list {
		text-align: left;
	}
	.footer-wrapper ul.wpfai-list {
		float: none;
	}
	.share-block .share {
		display: none;
	}
	.page-wrapper .question-block .question {
		width: 50%;
	}
	.slide {
		min-height: 600px;
	}
	.slide .frame {
		height: 50%;
		margin: 25% 0;
		width: 100%;
	}
	.slide .frame .excerpt {
		padding: 5%;
		text-align: center;
	}
	#slider-left {
		right: 5.5em;
		top: -2.6em;
		left: initial;
		z-index: 99;
	}
	#slider-right {
		right: 1.5em;
		top: -2.6em;
		z-index: 99;
	}
	.nav-links .nav-previous a,
	.nav-links .nav-next a {
		width: 48%;
	}
	.team-wrapper .member {
		width: 100%;
	}
	.slider-wrapper {
		margin-top: 6em;
	}
	.block-container .block.w70,
	.block-container .block.w30 {
		display: block;
		width: 100%;
	}
	.block.w30 .sidebar a.mail {
		text-align: left;
	}
	.woocommerce #respond input#submit,
	.woocommerce a.button,
	.woocommerce button.button,
	.woocommerce input.button {
		padding: 1em 1.5em;
	}

	.page-wrapper .promo-block {
		height: auto !important;
		background-color: #fff !important;
		text-align: center;
	}
	.page-wrapper .promo-block img{
		width: 100%;
		height: auto;
	}
}

@media only screen and (min-device-width: 480px) and (max-device-width: 1000px) {
	.sidebar .member .profile {
		width: 45%;
	}
	.team-wrapper .member {
		width: 50%;
	}
}