/*
CUSTOM OPEX STYLES by ID
*/

/* FONTS */

@font-face {
  font-family: DINWeb;
  src: url("../typography/DINWeb.eot");
}

@font-face {
  font-family: DINWeb;
  src: url("../typography/DINWeb.woff") format("woff");
}

@font-face {
  font-family: DINWeb-Medium;
  src: url("../typography/DINWeb-Medium.eot");
}

@font-face {
  font-family: DINWeb-Medium;
  src: url("../typography/DINWeb-Medium.woff") format("woff");
}

@font-face {
  font-family: DINWeb-Bold;
  src: url("../typography/DINWeb-Bold.eot");
}

@font-face {
  font-family: DINWeb-Bold;
  src: url("../typography/DINWeb-Bold.woff") format("woff");
}

@font-face {
  font-family: DINWeb-Ita;
  src: url("../typography/DINWeb-Ita.eot");
}

@font-face {
  font-family: DINWeb-Ita;
  src: url("../typography/DINWeb-Ita.woff") format("woff");
}


@font-face{
font-family:"Minion W01 Regular";
src:url("../typography/35d9d14d-a31d-4d9b-a998-00ffc9bd46a4.eot?#iefix");
src:url("../typography/35d9d14d-a31d-4d9b-a998-00ffc9bd46a4.eot?#iefix") format("eot"),url("../typography/62100580-a2d1-4d98-bb14-d4c4c3f1a5ba.woff") format("woff"),url("../typography/7ae8e168-1c29-4fcb-bb59-0043c943df3b.ttf") format("truetype"),url("../typography/cfa664d4-e518-4a49-b8a3-fccec93c29c1.svg#cfa664d4-e518-4a49-b8a3-fccec93c29c1") format("svg");
}

@font-face{
font-family:"Minion W01 Bd";
src:url("../typography/aa5ba88d-85c4-4980-b7c2-4409550d1f0b.eot?#iefix");
src:url("../typography/aa5ba88d-85c4-4980-b7c2-4409550d1f0b.eot?#iefix") format("eot"),url("../typography/bc6b2067-20c7-4933-8650-b7b076845844.woff") format("woff"),url("../typography/b048d782-a145-42cc-aef5-239535738ea5.ttf") format("truetype"),url("../typography/5512dcf2-a81c-4e4e-9ac3-7fe205b9c25a.svg#5512dcf2-a81c-4e4e-9ac3-7fe205b9c25a") format("svg");
}

@font-face{
font-family:"Digital W00";
src:url("../typography/3b170ce5-2e40-4214-b159-f6aec076af53.eot?#iefix");
src:url("../typography/3b170ce5-2e40-4214-b159-f6aec076af53.eot?#iefix") format("eot"),url("../typography/f93e0c9e-8377-4995-99b7-ec8978f1aeca.woff") format("woff"),url("../typography/25304194-8167-4f10-904a-6c72a38df74b.ttf") format("truetype"),url("../typography/df794cb2-8546-47bb-9597-cce43ba16a6a.svg#df794cb2-8546-47bb-9597-cce43ba16a6a") format("svg");
}

body {
  font-family: DINWeb;
    padding-bottom: 4em;
}

.drop{
    float: left;
    font-size: 3.2em;
    line-height: 0em;
    padding-top: 0.52em;
    padding-right: 0.1em;
    padding-bottom: 0.1em;
}

.caption{
    margin: 0 0 2em 0;
}


h1 {
    font-size: 2em;
    margin-bottom: 0.5em;
    font-family: DINWeb-Bold;
}

h1.alt {
    font-family:"Minion W01 Regular";
}

.alt {
    font-family:"Minion W01 Regular";
}

h2 {
    font-size: 1em;
    font-family: DINWeb-Bold;
}

h2.glossary {
    margin-bottom: 2em;
}

h3 {
    font-size: 0.9em;
    font-family: DINWeb-Bold;
    margin: 0;
}

blockquote {
    color:#666666;
    font-size: 1.4em;
    line-height: 1.2em;    
    border: none;
    padding: 0;
    margin: 0.6em 0 0.6em 0;
}

blockquote.alt {
    font-family:"Minion W01 Regular";
} 

img {
    padding: 0;
    margin: 1em 0 1em 0;
}


.box {
    background: #EF2727;
    padding: 2em;
    margin: 0 0 1em 0;
}

.box h2 {
    color:#ffffff;
    font-size: 1.6em;
    font-family: DINWeb-Bold;
}

.box h3 {
    font-size: 1em;
    font-family: DINWeb-Bold;
    text-transform:uppercase;
}

.box p {
    font-family: DINWeb-Bold;
}

blockquote:first-child {
    margin-top:0;
}

p:first-child {
    margin-top:0;
}

h2:first-child {
    margin-top:3px;
}

img:first-child {
    margin-top:3px;
}

.red_line {
    border-top: 1px solid #EF2727;
    margin: 0 0 0.2em 0;
}

.small_logo img {
    margin: 0 0 1em 0;
    width: 80%;
    height: auto;
}

.section h2 {
    float:right;
    font-family: DINWeb;
    text-transform:uppercase;
    color: #EF2727;
    margin-top: 0.8em;
    font-size: 0.8em;
}

.section_heading {
    font-family: DINWeb;
    text-transform:uppercase;
    color: #EF2727;
    padding: 10px 20px 10px 20px;
}

p.intro_para {
    font-family: DINWeb-Bold;
    color: #EF2727;
    font-size: 1.2em;
    line-height: 1.2em;
    margin-bottom: 1.5em;
}

p.time {
    font-family:"Digital W00";
    color: #EF2727;
    font-size: 3em;
    line-height: 0.5em;
    margin-bottom: 0.5em;
}

.bold {
    font-family: DINWeb-Bold;
}

.no_bold {
    font-family: DINWeb;
}

.altbold {
    font-family:"Minion W01 Bd";
}

.black_background {
    background-color: #231f20 !important;
}

.black_background p {
    color: #ffffff;
}

.red {
    color: #EF2727 !important;
}

.red_background {
    background-color: #EF2727 !important;
}

.grey {
    color:#777574;
}

.grey_background {
    background-color: #e7e7e8 !important;
}

.dark_grey_background {
    background-color: #666666 !important;
}

.black {
    color: #000000 !important;
}

.white {
    color: #ffffff !important;
}

.big {
    font-size: 3em;
}

.displaced {
    position:relative;
    left: -0.75em;
}

.transparent {
opacity: 0.8;
}

.a_displaced {
    position:absolute;
    top:1.5em;
    left: 4.6em;
    margin: 0;
    width: 8%;
    height: auto;
}

.z_displaced {
    position:absolute;
    top:1.5em;
    left: 9.8em;
    margin: 0;
    width: 8%;
    height: auto;
}

.relative {
    position:relative;
}

.margin_top {
    margin-top:1em !important;
}

.speech_displaced {
    position:absolute;
    z-index:-1;
    top:0em;
    left: 0em;
}

h1.speech {
    font-size: 1.6em;
    margin-top: 1.8em;
    margin-left: 1.6em;
    margin-bottom: 2em;
}

.only_displaced {
    margin-left:3.8em;
    line-height: 1.6em;
}

.coach_list {
    font-family: DINWeb-Bold;
    font-size: 1.2em;
}

.coach_list li {
    margin-left:0;
    margin-bottom: 0.5em;
}

.magnify_displaced {
    position:absolute;
    z-index:1;
    top:1em;
    left: 1em;
    width: 28%;
    height: auto;
}

h1.magnify {
    margin-top: 1em;
    margin-left: 1.1em;
    margin-bottom: 1em;
}

.zoom {
    font-size:1.5em;
}

.decay {
    background:url('../images/opex_checklist.png') no-repeat;
    display:block;
    background-size: 100% 100%;
    padding: 20px;
}

.tips {
    padding: 2em;
}

.birds {
    padding: 1em 2em;
    margin-bottom:2em;
}

.birds h1 {
    font-size: 3em;
}

.arrow {
    background-color:#EF2727;
    background-image:url('../images/opex_arrow.png');
    background-repeat:no-repeat;
    background-size: 100% 100%;
    padding: 2em;
    margin: 0 0 1em 0;
}

.grid {
    background-image:url('../images/opex_grid.png');
    background-repeat:no-repeat;
    background-size: 100% auto;
    background-position:bottom left;
}

.padding_bottom {
    padding-bottom: 5em;
}

.hp_story {
    margin:0;
    padding:0;
}

.hp_story h1 {
    font-size: 1.3em;
    float:left;
    color:#ffffff;
    padding: 0.5em;
    width:70%;
}

.hp_story_image {
    float:right;
    width:30%;
}

.hp_story_image img {
    margin:0;
    padding:0;
}

.helicopter {
    margin: 2em 0 0 0;
    padding: 2em;
}

.hp_main {
    background:url('../images/opex_issue_01_Page_01_Image_0001.png') no-repeat top center;
    background-size: 100% 100%;
    padding: 7em 0 14em 0;
}

.hp_logo {
    position:absolute;
    bottom:0;
    right:0;
    width: 25%;
    height:auto;
    margin:0 !important;
    z-index: 2;
}

.hp_highlight {
    padding: 1.5em;
    border-radius: 0.5em;
}

/**** IPHONE - HORIZONTAL ****/

@media (min-width: 568px) {
  .a_displaced {
    position:absolute;
    top:1.35em;
    left: 4.3em;
    margin: 0;
    width: 5.5%;
    height: auto;
}

.z_displaced {
    position:absolute;
    top:1.35em;
    left: 9.5em;
    margin: 0;
    width: 5.5%;
    height: auto;
}

.speech_displaced {
    position:absolute;
    z-index:-1;
    top:0em;
    left: 0em;
}

h1.speech {
    font-size: 2.7em;
    margin-top: 1.8em;
    margin-left: 2.2em;
}

.magnify_displaced {
    position:absolute;
    width: 16.5%;
}

h1.magnify {
    margin-top: 0.8em;
    margin-left: 1.15em;
    margin-bottom: 1.5em;
}
  
}

/**** IPAD ***/

@media (min-width: 768px) {
h1 {
    font-size: 3em;
    margin-bottom: 0.5em;
    font-family: DINWeb-Bold;
}


h2 {
    font-size: 1.2em;
    font-family: DINWeb-Bold;
}

h3 {
    font-size: 1em;
    font-family: DINWeb-Bold;
    margin: 0;
}

blockquote {
    color:#666666;
    font-size: 1.8em;
    line-height: 1.1em;    
    border: none;
    padding: 0;
    margin: 0.6em 0 0.6em 0;
}
    
    .box h2 {
    color:#ffffff;
    font-size: 1.8em;
    font-family: DINWeb-Bold;
}

.box h3 {
    font-size: 1.1em;
    font-family: DINWeb-Bold;
    text-transform:uppercase;
}

.red_line {
    border-top: 2px solid #EF2727;
    margin: 0 0 0.3em 0;
}

.small_logo img {
    margin: 0 0 1.5em 0;
}
    
.section h2 {
    margin-top: 1.8em;
    font-size: 1.2em;
}
    
p.intro_para {
    font-size: 1.4em;
    line-height: 1.3em;
}
    
    .big {
    font-size: 4em;
}

.a_displaced {
    position:absolute;
    top:1.2em;
    left: 6em;
    margin: 0;
    width: 6%;
    height: auto;
}

.z_displaced {
    position:absolute;
    top:1.2em;
    left: 14em;
    width: 6%;
    height: auto;
}

.speech_displaced {
    position:absolute;
    z-index:-1;
    top:0em;
    left: 0em;
}

h1.speech {
    font-size: 3.8em;
    margin-top: 1.5em;
    margin-left: 2em;
}

.magnify_displaced {
    position:absolute;
    width: 18.5%;
}

.hp_story h1 {
    font-size: 1.2em;
    width:60%;
}

.hp_story_image {
    width:40%;
}
    
}


/**** DESKTOP AND BIGGER ***/

@media (min-width: 992px) {
h1 {
    font-size: 4em;
    margin-bottom: 0.5em;
    font-family: DINWeb-Bold;
}


h2 {
    font-size: 1.4em;
    font-family: DINWeb-Bold;
}

h3 {
    font-size: 1.2em;
    font-family: DINWeb-Bold;
    margin: 0;
}

blockquote {
    color:#666666;
    font-size: 2.4em;
    line-height: 1.2em;    
    border: none;
    padding: 0;
    margin: 0.6em 0 0.6em 0;
} 
    
    .box h2 {
    color:#ffffff;
    font-size: 2em;
    font-family: DINWeb-Bold;
}

.box h3 {
    font-size: 1.2em;
    font-family: DINWeb-Bold;
    text-transform:uppercase;
}
    
    .red_line {
    border-top: 3px solid #EF2727;
    margin: 0 0 0.5em 0;
}

.small_logo img{
    margin: 0 0 2em 0;
}
    
.section h2 {
    margin-top: 2.1em;
    font-size: 1.4em;
}
    
p.intro_para {
    font-size: 1.5em;
    line-height: 1.4em;
}
    
.big {
    font-size: 5em;
}

.a_displaced {
    position:absolute;
    top: 1.2em;
    left: 8em;
    width: 5%;
    height:auto;
}

.z_displaced {
    position:absolute;
    top: 1.2em;
    left: 18em;
    width: 5%;
    height:auto;
}

.speech_displaced {
    position:absolute;
    z-index:-1;
    top:1em;
    left: 1em;
}

h1.speech {
    font-size: 4.4em;
    margin-top: 1.8em;
    margin-left: 2.2em;
}

.magnify_displaced {
    position:absolute;
    width: 19.5%;
}

.hp_story h1 {
    font-size: 1.6em;
    width:60%;
}

.hp_story_image {
    width:40%;
}
    
}


@media (min-width: 1200px) {
.section h2 {
    margin-top: 2.8em;
    font-size: 1.4em;
}

.magnify_displaced {
    position:absolute;
    width: 16%;
}
}