@import url(https://fonts.googleapis.com/css?family=Oxygen:400,700);
@font-face {
    font-family: 'museo_slab500';
    src: url('../fonts/Museo_Slab_500_2-webfont.eot');
    src: url('../fonts/Museo_Slab_500_2-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/Museo_Slab_500_2-webfont.woff2') format('woff2'),
         url('../fonts/Museo_Slab_500_2-webfont.woff') format('woff'),
         url('../fonts/Museo_Slab_500_2-webfont.ttf') format('truetype'),
         url('../fonts/Museo_Slab_500_2-webfont.svg#museo_slab500') format('svg');
    font-weight: normal;
    font-style: normal;

}


body { font-family: Oxygen, sans-serif; font-weight: 400; }
h1, h2, h3, h4, h5 { font-family: Oxygen, sans-serif; }
h2 { color: #000; font-size: 18px; }
h3 { font-size: 16px; }
h4 { font-size: 13px; }
a { text-decoration: underline; }
a:hover, a:focus, a:active { text-decoration: none; }
a.uk-slidenav { text-decoration: none; }
#epm-top a,
#epm-mobile-top a { text-decoration: none; border-bottom: 1px solid #e21350; }
#epm-top a:hover,
#epm-top a:focus,
#epm-top a:active,
#epm-mobile-top a:hover,
#epm-mobile-top a:focus,
#epm-mobile-top a:active { border-bottom: none; }

#logo-bar { background-color: #161616; height: 90px; border-bottom: 1px solid #fff; }
#epm-header { position: relative; background-image: url('../images/carbon-bg.png'); background-color: #000; background-repeat: repeat; }
#epm-header-bg { position: absolute; right: 0; bottom: 0; }
#epm-header-content { z-index: 1000; position: relative; margin-top: 58px; margin-bottom: 100px; }



.epm-bg { background-color: #f4f4f4; }
.epm-primary-bg { background-color: #e21350; }
.epm-drk-bg { background-color: #000; }
.epm-drk-bg h1,
.epm-primary-bg h1 { color: #fff; }

.epm-lead { font-size: 16px; line-height: 27px; }

.epm-margin-medium-top,
.uk-grid-small + .uk-grid-small.epm-margin-medium-top { margin-top: 30px; }

.epm-list { font-size: 16px; line-height: 22px; list-style-type: disc; color: #e21350; margin-left: -20px; }
.epm-list ul { list-style-type: disc; padding-left: 70px; }
.epm-list li { padding: 0 40px 15px 20px; }

.epm-list li span {color: #000; }
.epm-list.uk-list > li::before, .epm-list.uk-list > li::after { content: none; }

.epm-horizontal-divider { border-left: 1px solid #000; }
#epm-mobile-header-content { background-image: url('../images/carbon-bg.png'); background-color: #000; background-repeat: repeat; }
#epm-mobile-header-content { padding: 20px; }
#epm-mobile-header-content p { margin-bottom: 32px; font-size: 16px; line-height: 22px; color: #fff; }
#epm-mobile-header-content h1 { font-family: 'museo_slab500'; font-size: 24px; font-weight: normal; line-height: 34px; letter-spacing: 2px; }

.epm-logo-header { background-color: #161616; border-bottom: 1px solid #fff; padding: 5px; }

#epm-mobile-top .uk-panel-space { font-size: 16px; padding: 20px 30px; }
#epm-mobile-top .uk-list { margin-left: 50px; }
#epm-mobile-top .uk-list-line > li:nth-child(n+2) { border-top: 1px solid #000; margin-top: 15px; padding-top: 15px; }
#epm-mobile-top .uk-list-line > li:before { font-family: 'FontAwesome'; content: "\f00c"; color: #e21350; display: inline-block; margin-left: -50px; margin-right: 35px;}

/* #epm-header { background-image: url('../images/header-bg.jpg'); background-color: #000; background-repeat: no-repeat; } */

/* #epm-header-content { margin-top: 110px; } */
#epm-header-content p { margin-bottom: 40px; font-size: 20px; line-height: 26px; color: #fff; }
#epm-header-content h1 { font-family: 'museo_slab500'; font-size: 48px; font-weight: normal; line-height: 55px; letter-spacing: 2px; }

.uk-button-large { font-size: 16px; font-weight: bold; line-height: 44px; min-height: 46px; padding: 0 30px; }
.uk-icon-button {
    background: #1d1d1b none repeat scroll 0 0;
    border: 1px solid #1d1d1b;
    border-radius: 100%;
    box-sizing: border-box;
    color: #fff;
    display: inline-block;
    font-size: 18px;
    height: 35px;
    line-height: 35px;
    text-align: center;
    text-shadow: none;
    width: 35px;
}
.uk-icon-button:hover, .uk-icon-button:focus {
    background-color: #323230;
    border-color: #323230;
    color: #fff;
    outline: medium none;
}
.uk-icon-button:active {
    background-color: #323230;
    color: #fff;
}

#epm-top { background-image: url('../images/top-bg.jpg'); background-color: #fff; background-repeat: no-repeat; height: 520px; }
#epm-top .uk-panel-box { font-size: 16px; background: rgba(255, 255, 255, 0.7) none repeat scroll 0 0; border: medium none; border-radius: 0; color: #000; padding: 30px 40px; }
#epm-top .uk-list { margin-left: 50px; }
#epm-top .uk-list-line > li:nth-child(n+2) { border-top: 1px solid #000; margin-top: 15px; padding-top: 15px; }
#epm-top .uk-list-line > li:before { font-family: 'FontAwesome'; content: "\f00c"; color: #e21350; display: inline-block; margin-left: -50px; margin-right: 35px;}

.uk-slideshow { margin: 50px auto; width: 50%; }
.uk-slidenav-position .uk-slidenav { display: block; }
.uk-slidenav-position .uk-slidenav-previous { left: 110px; }
.uk-slidenav-position .uk-slidenav-next { right: 110px; }

@media only screen and (max-width: 767px) {
	#epm-top .uk-panel-box { padding: 20px; }
	.epm-list { margin-left: 20px; }
	.uk-slideshow { width: 70%; }
	.uk-slidenav-position .uk-slidenav-next { right: 0; }
	.uk-slidenav-position .uk-slidenav-previous { left: 0; }
}
@media only screen and (min-width: 768px) and (max-width: 840px) {
	#epm-top { height: 560px; }
}
@media only screen and (min-width: 768px) and (max-width: 959px) {
	#logo-bar { height: 75px; }
	#logo.uk-margin-top { margin-top: 5px !important; }
	#epm-header-content { margin-top: 42px; margin-bottom: 20px; }
	#epm-header-content p { margin-bottom: 20px; font-size: 16px; line-height: 22px; }
	#epm-header-content h1 { font-size: 32px; line-height: 38px; }
	#epm-top .uk-list { margin-left: 40px; padding-right: 30px; }
	#epm-top .uk-list-line > li::before { margin-left: -40px; margin-right: 25px; }
	.uk-slideshow { width: 70%; }
	.uk-slidenav-position .uk-slidenav-next { right: 30px; }
	.uk-slidenav-position .uk-slidenav-previous { left: 30px; }
	#epm-top .uk-panel-box { padding: 20px; }
	.epm-list { margin-left: 20px; }
}

@media only screen and (min-width: 960px) and (max-width: 1219px) {
	#epm-header-content { margin-bottom: 74px; margin-top: 42px; }
	#epm-header-content h1 { font-size: 44px; line-height: 50px; }
}

@media only screen and (min-width:1400px) {
	#epm-header-bg { left: 50%; margin-left: -700px; }
}
