﻿/* Kent Oliver's Styles - Aurico Gold */
body { background: rgb(41,42,42); /* Old browsers */
background: -moz-linear-gradient(left,  rgba(41,42,42,1) 0%, rgba(57,58,58,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(41,42,42,1)), color-stop(100%,rgba(57,58,58,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(left,  rgba(41,42,42,1) 0%,rgba(57,58,58,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(left,  rgba(41,42,42,1) 0%,rgba(57,58,58,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(left,  rgba(41,42,42,1) 0%,rgba(57,58,58,1) 100%); /* IE10+ */
background: linear-gradient(to right,  rgba(41,42,42,1) 0%,rgba(57,58,58,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#292a2a', endColorstr='#393a3a',GradientType=1 ); /* IE6-9 */
 }
.main_nav {
    min-width: 0px;
}

/* Real Logo */
.oa_title .logo {
    width: 328px;
    height: 68px;
    background: url('../imgs/logo.png');
}
.oa_title .oa_2014 { letter-spacing:2px; text-indent:76px; }

/* Tooltips ontop */
.page_constants {z-index:999; }
.tooltip, .main_nav { z-index:1999; }

/* Navigation */

.au-m-close { 
    position:absolute; 
    top:0px; 
    right:0px; 
    height:60px; 
    width:5%; 
    background: rgb(74,74,75); /* Old browsers */
        background: -moz-linear-gradient(top,  rgba(74,74,75,1) 1%, rgba(57,58,58,1) 100%); /* FF3.6+ */
        background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,rgba(74,74,75,1)), color-stop(100%,rgba(57,58,58,1))); /* Chrome,Safari4+ */
        background: -webkit-linear-gradient(top,  rgba(74,74,75,1) 1%,rgba(57,58,58,1) 100%); /* Chrome10+,Safari5.1+ */
        background: -o-linear-gradient(top,  rgba(74,74,75,1) 1%,rgba(57,58,58,1) 100%); /* Opera 11.10+ */
        background: -ms-linear-gradient(top,  rgba(74,74,75,1) 1%,rgba(57,58,58,1) 100%); /* IE10+ */
        background: linear-gradient(to bottom,  rgba(74,74,75,1) 1%,rgba(57,58,58,1) 100%); /* W3C */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4a4a4b', endColorstr='#393a3a',GradientType=0 ); /* IE6-9 */
    border-top:1px solid rgba(255,255,255,0.3);
    border-left:2px solid rgba(255,255,255,0.2);
    border-right:2px solid rgba(0,0,0,0.6);
    border-bottom:2px solid rgba(0,0,0,0.8);
}
@media screen and (max-width: 1060px) {
    .au-m-close {
      width: 7%;
    }
}
@media screen and (max-width: 660px) {
    .au-m-close {
      width: 10%;
    }
}

.au-m-close i { color:#FFF; font-size:24px; text-shadow:0px 1px 4px rgba(0,0,0,0.6); }

.oa_pagenotify { right:6% !important; }

.online_annual { border-left:1px solid rgba(0,0,0,1); border-top:1px solid rgba(0,0,0,0.3); }


/* Social */
.oa_social { position: absolute; right: 0.5%; bottom: 6px; z-index:9999; }
.social-popover { width:149px; height:56px; background:url('../imgs/fb-fake-share.png'); cursor:pointer; }
.social-popover:hover { background-position:bottom; }
.addthis_native_toolbox { display:none; }

.showSocial { display:block; }

.social-popover { position:fixed; bottom:7px; right:5%; }
.showSocial { -webkit-box-shadow: 0 2px 5px 0 rgba(0,0,0,0.4); box-shadow: 0 2px 5px 0 rgba(0,0,0,0.4); display:block; position:relative; top:-99px; background:#FFF; padding:20px; right:4px; border-radius:8px; }

.addthis_native_toolbox, .mines-nav-item {   -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-name: fadeIn;
  animation-name: fadeIn; }


@media screen and (max-width: 589px) { 
	.social-popover { width: 60px; height: 56px; background: url('../imgs/fb-res.png'); position: relative; top: -2px; }
	
}

/* Menu Navigation - Sub Nav */

.letter-nav-item, .mines-nav-item { display:none; }
.letter-nav-item.openSubNav, .mines-nav-item.openSubNav { display:inline-block; top:9px; margin-bottom:60px; }


.letter-nav-item, .mines-nav-item { width:16.6666667%; float:left; }

.openSubNav .letter-nav-item, .openSubNav .mines-nav-item { top:10px; }

.hidden-wrap {
  background: rgba(0,0,0,0.7);
  border: 1px solid rgba(255,255,255,0.5);
  padding: 5% 10% 19%;
  width: 95%;
  left: 2%;
  position: relative;
 }
.hidden-wrap img { width:100%; height:auto }

.hidden-wrap p { position:absolute; bottom:-3px; font-size:11px; text-transform:uppercase; }
/* Animation Delay Timers */

.delayhalfs { -webkit-animation-delay:0.5s; animation-delay:0.5s; }
.delay1s { -webkit-animation-delay:1s; animation-delay:1s; }
.delay1halfs { -webkit-animation-delay:1.5s; animation-delay:1.5s; }
.delay2s { -webkit-animation-delay:2s; animation-delay:2s; }
.delay2halfs { -webkit-animation-delay:2.5s; animation-delay:2.5s; }
.delay3s { -webkit-animation-delay:3s; animation-delay:3s; }

/* General Cleanup */
.main_nav { border-right:1px solid rgba(0,0,0,0.8); }


/* Cover Page */
.page { border-top:1px solid rgba(0,0,0,1); }

.home-page .cover_page { -webkit-animation-duration:8s; animation-duration:8s; }

.cover_page .page_content .page_name h1 {  }
.page_content .page_name { font-family:'Raleway', 'Lato', Arial, sans-serif;  }
.cover_page .oa_title { left:-1%; }

.home-page .oa_pagename { width: 580px; text-align: right; padding-bottom: 5px; left: 15px; position: relative; margin-bottom: 5px; }
.home-page .front_page { border-top:none; background-position:center; }

/* Cover Page - From Master Richard Adjustment */

.home-page .cover_page { background-position:top center;  background: url('../imgs/pages/aurico-front.jpg'); background-size: cover; }
.home-page .page_name { left:3%; position:relative; top:35px; text-transform:none; font-size:5rem; }
.home-page .oa_pagenotify { right:0% !important; }
.home-page .scrollable-content, .home-page .chevron-right { display:none; }
.home-page .col-md-5, .home-page .col-md-10 { width:85%; max-width:none; }


.home-page .page_content .col-md-5 { overflow:hidden; }
.home-page .modal { z-index:9; /* FOR ELEMENTS TO STACK PROPERLY w/MENU OPEN*/ }

/* Animation Move Over */

@-webkit-keyframes bounceInLeft {
  0%, 60%, 75%, 90%, 100% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  0% {
    opacity: 0;
    -webkit-transform: translate3d(-3000px, 0, 0);
    transform: translate3d(-3000px, 0, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(25px, 0, 0);
    transform: translate3d(25px, 0, 0);
  }

  75% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0);
  }

  90% {
    -webkit-transform: translate3d(5px, 0, 0);
    transform: translate3d(5px, 0, 0);
  }

  100% {
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes bounceInLeft {
  0%, 60%, 75%, 90%, 100% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  0% {
    opacity: 0;
    -webkit-transform: translate3d(-3000px, 0, 0);
    transform: translate3d(-3000px, 0, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(25px, 0, 0);
    transform: translate3d(25px, 0, 0);
  }

  75% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0);
  }

  90% {
    -webkit-transform: translate3d(5px, 0, 0);
    transform: translate3d(5px, 0, 0);
  }

  100% {
    -webkit-transform: none;
    transform: none;
  }
}

@-webkit-keyframes fadeIn {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

@keyframes fadeIn {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

@-webkit-keyframes bounceInUp {
  0%, 60%, 75%, 90%, 100% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 3000px, 0);
    transform: translate3d(0, 3000px, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0);
  }

  75% {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0);
  }

  90% {
    -webkit-transform: translate3d(0, -5px, 0);
    transform: translate3d(0, -5px, 0);
  }

  100% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes bounceInUp {
  0%, 60%, 75%, 90%, 100% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 3000px, 0);
    transform: translate3d(0, 3000px, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0);
  }

  75% {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0);
  }

  90% {
    -webkit-transform: translate3d(0, -5px, 0);
    transform: translate3d(0, -5px, 0);
  }

  100% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@-webkit-keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@-webkit-keyframes bounceInDown {
  0%, 60%, 75%, 90%, 100% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -3000px, 0);
    transform: translate3d(0, -3000px, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, 25px, 0);
    transform: translate3d(0, 25px, 0);
  }

  75% {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0);
  }

  90% {
    -webkit-transform: translate3d(0, 5px, 0);
    transform: translate3d(0, 5px, 0);
  }

  100% {
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes bounceInDown {
  0%, 60%, 75%, 90%, 100% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -3000px, 0);
    transform: translate3d(0, -3000px, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, 25px, 0);
    transform: translate3d(0, 25px, 0);
  }

  75% {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0);
  }

  90% {
    -webkit-transform: translate3d(0, 5px, 0);
    transform: translate3d(0, 5px, 0);
  }

  100% {
    -webkit-transform: none;
    transform: none;
  }
}

.home-page .main_nav { 
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-name: bounceInLeft;
  animation-name: bounceInLeft;
}
    
.home-page .online_annual { 
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-name: fadeIn;
  animation-name: fadeIn;
}
.home-page .cover_page { 
  -webkit-animation-duration: 8s;
  animation-duration: 8s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-name: fadeIn;
  animation-name: fadeIn; 
  -webkit-animation-delay:0.5s; animation-delay:0.5s;
  background-position:center;
}

.home-page .page_constants {  
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-name: bounceInUp;
  animation-name: bounceInUp;
  -webkit-animation-delay:1s; animation-delay:1s;
}

.home-page .logo {  
   -webkit-animation-duration: 2s;
  animation-duration: 2s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-name: fadeInUp;
  animation-name: fadeInUp;
   -webkit-animation-delay:2s; animation-delay:2s;
}

.home-page .page_name { 
  -webkit-animation-duration: 3s;
  animation-duration: 3s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-name: fadeInUp;
  animation-name: fadeInUp;
  -webkit-animation-delay:3s; animation-delay:3s;
}

.home-page .oa_pagenotify { 
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-name: bounceInDown;
  animation-name: bounceInDown;
   -webkit-animation-delay:1s; animation-delay:1s;
}

.home-page .page_constants { 
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-name: bounceInUp;
  animation-name: bounceInUp;
   -webkit-animation-delay:1s; animation-delay:1s;
}
@media screen and (max-width: 768px) { 
    #main_navigation { left:16px; }
    .home-page .oa_pagenotify .oa_pagename { left:25px; margin-right:30px !important; }
}
@media screen and (max-width: 605px) {
    .home-page .oa_pagename { width:465px; }
    .cover_page .oa_title { top:48px; left:0px !important; padding-left:38px; }
    .cover_page .page_content .page_name h1 { left:28px; position:relative; top:50px; font-size:4rem; }
    .cover_page .page_name { font-size:3.5rem; line-height: 1em; }
}

/* Quick Navigation - Fixing */
table.fvContent table, table.pagerDup { position:fixed; left:152px; bottom:25px;   -webkit-animation-duration: .25s; animation-duration: .25s;  -webkit-transform: none;
    transform: none; opacity:1 !important; }

/* Social Toggle */
.oa_social .toggleSocialText { 
  position: relative;
  left: 50px;
  top: 15px;
  text-transform: uppercase;
  font-family: 'Raleway','Lato', Arial, Sans-Serif;
  font-size: 12px;
  letter-spacing: 2px; }
@media screen and (max-width:589px) { 
    .social-popover .toggleSocialText { display:none; }

}

/* Button Responsiveness */
.prev-next-nav { z-index:9999; }
@media screen and (max-width:1200px) { 
    a#NextArrowLink img, a#PrevArrowLink img { width:30px; }

}
@media screen and (max-width: 1060px) {
    div.prev-next-nav {
        display: block;
        position:fixed !important;
        right:6px !important;
    }
}
@media screen and (max-width: 650px) {
    div.prev-next-nav {
        display: block;
        position:fixed !important;
        right:20px !important;
    }
}
.rt-button:hover {  
    background: rgb(26,85,145); /* Old browsers */
    background: -moz-linear-gradient(top,  rgba(26,85,145,1) 0%, rgba(0,47,95,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(26,85,145,1)), color-stop(100%,rgba(0,47,95,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  rgba(26,85,145,1) 0%,rgba(0,47,95,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  rgba(26,85,145,1) 0%,rgba(0,47,95,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  rgba(26,85,145,1) 0%,rgba(0,47,95,1) 100%); /* IE10+ */
    background: linear-gradient(to bottom,  rgba(26,85,145,1) 0%,rgba(0,47,95,1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1a5591', endColorstr='#002f5f',GradientType=0 ); /* IE6-9 */
}

/* VLAD's STYLING AFTER APR 20, 2015 */
 @media screen and (max-width: 512px) { 
     .oa_title .logo {
        width: 228px;
        height: 47px;
        background: url('../imgs/logo2.png') no-repeat;
        margin-top: 20px;
     }
 }
 @media screen and (max-width: 1138px) { 
     .letter-nav-item.openSubNav, .mines-nav-item.openSubNav {
        top:0px;
        margin-bottom: 5%;
    }
 }
 @media screen and (max-width: 1693px) { 
    .hidden-wrap p {
        line-height:11px;
        font-size: 10px;
    }
 }
 @media screen and (max-width: 1554px) { 
    .hidden-wrap p {
        bottom: -9px;
    }
 }