/*
* Amazium (http://www.amazium.co.uk)
* Copyright 2010 - 2013, Mike Ballan
* Licensed under MIT (https://github.com/OwlyStuff/Amazium/blob/master/LICENSE)
*/

/* ----------------------------------------------------------------------
* Reset & Basics
* -------------------------------------------------------------------- */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre, a,
abbr, acronym, address, big, cite, code, del,
dfn, em, img, ins, kbd, q, s, samp, small,
strike, strong, sub, sup, tt, var, b, u, i,
center, dl, dt, dd, ol, ul, li, fieldset, form,
label, legend, table, caption, tbody, tfoot,
thead, tr, th, td, article, aside, canvas,
details, embed, figure, figcaption, footer,
header, hgroup, menu, nav, output, ruby,
section, summary, time, mark, audio, video      { margin:0; padding:0; border:0; font:inherit; vertical-align:baseline; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; }

article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section      { display:block; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; }

blockquote, q                                   { quotes:none; }
blockquote:before, blockquote:after,
q:before, q:after                               { content:''; content:none; }

html                                            { /*overflow:-moz-scrollbars-vertical; overflow-y:scroll;*/ }
body                                            { text-rendering: optimizeLegibility; margin:0; padding:0; background-color: #b1f6d9; font-family: Helvetica, Arial, sans-serif; font-size:24px; line-height:33px; color:#181716; }

img.fullsize                                    { max-width:100%; }
.video-wrapper {position: relative; padding-bottom: 56.25%; /* 16:9 */  padding-top: 25px;}
.video-wrapper iframe {position: absolute; top: 0; left: 0; width: 100%; height: 100%;}

/* ----------------------------------------------------------------------
* Typography
* -------------------------------------------------------------------- */
h1, .h1, h2, .h2, h3, .h3,
h4, .h4, h5, .h5, h6, .h6                       { margin:0 0 33px; padding:0; color:#181716; font-weight:normal; display:block; position:relative; }
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a              { font-weight:inherit; color:inherit; }
h1, .h1                                         { font-size:33px; line-height:43px; }
h2, .h2                                         { font-size:24px; line-height:33px; }
h3, .h3                                         { font-size:24px; line-height:33px; } /* text-transform: uppercase; */
h4, .h4                                         { font-size:18px; line-height:20px; }
h5, .h5                                         { font-size:16px; line-height:18px; }
h6, .h6                                         { font-size:12px; line-height:14px; }

p                                               { margin:0 0 35px 0; padding:0; }
b, strong, .txt-bold                            { font-weight:700; }
em                                              { font-style:italic; }
sup, sub                                        { height:0; line-height:0; vertical-align:baseline; position:relative; font-size:80%; }
sup                                             { top:-5px; }
sub                                             { bottom:-5px; }

pre                                             { margin:0 0 50px; padding:0; display:table; table-layout:fixed; width:100%; }
pre code                                        { padding:20px; overflow:auto; width:100%; }
code                                            { margin:0; padding:0 3px; font-family:'Consolas', Courier, monospace; font-size:12px; line-height:16px; text-align:left; color:#F1F1F1; display:inline-block; vertical-align:middle; background-color:#111; border:1px solid #111; overflow:hidden; white-space:pre; }

abbr[title],
abbr[data-original-title]                       { border-bottom:1px dotted #999999; cursor:help; }

address                                         { margin:26px 0; padding:0; display:block; font-style:normal; line-height:20px; }

hr                                              { margin:20px 0; padding:0; border:0; border-top:1px solid #D6D6D6; height:1px; width:100%; text-align:left; display:block; }

p.sub {font-size:14px;}
.dark-green {color:#88AC9A}
.green {color:#b1f6d9}

aside p {line-height: 18px;}

/* ----------------------------------------------------------------------
* Links
* -------------------------------------------------------------------- */
a                                               { color: #181716; text-decoration:underline; outline:0;
  transition:
    color 0.33s cubic-bezier(0.33, 0, 0.2, 1) 0s,
    fill 0.33s cubic-bezier(0.33, 0, 0.2, 1) 0s,
    background 0.33s cubic-bezier(0.33, 0, 0.2, 1) 0s
  ;
  -moz-transition:
    color 0.33s cubic-bezier(0.33, 0, 0.2, 1) 0s,
    fill 0.33s cubic-bezier(0.33, 0, 0.2, 1) 0s,
    background 0.33s cubic-bezier(0.33, 0, 0.2, 1) 0s
  ;
  -webkit-transition:
    color 0.33s cubic-bezier(0.33, 0, 0.2, 1) 0s,
    fill 0.33s cubic-bezier(0.33, 0, 0.2, 1) 0s,
    background 0.33s cubic-bezier(0.33, 0, 0.2, 1) 0s
  ;
  -o-transition:
    color 0.33s cubic-bezier(0.33, 0, 0.2, 1) 0s,
    fill 0.33s cubic-bezier(0.33, 0, 0.2, 1) 0s,
    background 0.33s cubic-bezier(0.33, 0, 0.2, 1) 0s
  ;
}

.no-underline {text-decoration: none;}

/* make keyframes that tell the start state and the end state of our object */
@-webkit-keyframes fadeIn { from { opacity:0; } to { opacity:1; } }
@-moz-keyframes fadeIn { from { opacity:0; } to { opacity:1; } }
@keyframes fadeIn { from { opacity:0; } to { opacity:1; } }

.fade-in-fast {
  opacity:0;  /* make things invisible upon start */
  -webkit-animation:fadeIn ease-in 1;  /* call our keyframe named fadeIn, use animattion ease-in and repeat it only 1 time */
  -moz-animation:fadeIn ease-in 1;
  animation:fadeIn ease-in 1;

  -webkit-animation-fill-mode:forwards;  /* this makes sure that after animation is done we remain at the last keyframe value (opacity: 1)*/
  -moz-animation-fill-mode:forwards;
  animation-fill-mode:forwards;

  -webkit-animation-duration:.5s;
  -moz-animation-duration:.5s;
  animation-duration:.5s;
}

.fade-in-slow {
  opacity:0;  /* make things invisible upon start */
  -webkit-animation:fadeIn ease-in 1;  /* call our keyframe named fadeIn, use animattion ease-in and repeat it only 1 time */
  -moz-animation:fadeIn ease-in 1;
  animation:fadeIn ease-in 1;

  -webkit-animation-fill-mode:forwards;  /* this makes sure that after animation is done we remain at the last keyframe value (opacity: 1)*/
  -moz-animation-fill-mode:forwards;
  animation-fill-mode:forwards;

  -webkit-animation-duration:1.2s;
  -moz-animation-duration:1.2s;
  animation-duration:1.2s;
}

.fade-in-fast.one {
  -webkit-animation-delay: 0.2s;
  -moz-animation-delay: 0.2s;
  animation-delay: 0.2s;
}

.fade-in-slow.two {
  -webkit-animation-delay: 1s;
  -moz-animation-delay:1s;
  animation-delay: 1s;
}

.fade-in-slow.three {
  -webkit-animation-delay: 1.6s;
  -moz-animation-delay: 1.6s;
  animation-delay: 1.6s;
}

.fade-in-fast.three {
  -webkit-animation-delay: 1.6s;
  -moz-animation-delay: 1.6s;
  animation-delay: 1.6s;
}


@keyframes flickerAnimation {
  0%   { opacity:1; }
  50%  { opacity:0; }
  100% { opacity:1; }
}
@-o-keyframes flickerAnimation{
  0%   { opacity:1; }
  50%  { opacity:0; }
  100% { opacity:1; }
}
@-moz-keyframes flickerAnimation{
  0%   { opacity:1; }
  50%  { opacity:0; }
  100% { opacity:1; }
}
@-webkit-keyframes flickerAnimation{
  0%   { opacity:1; }
  50%  { opacity:0; }
  100% { opacity:1; }
}
.animate-flicker {
   -webkit-animation: flickerAnimation .1s infinite;
   -moz-animation: flickerAnimation .1s infinite;
   -o-animation: flickerAnimation .1s infinite;
    animation: flickerAnimation .1s infinite;
}



a:focus                                         { outline:none; -moz-outline-style:none; }
footer a:hover, header a:hover, aside a:hover   { color: #fff }
.remodal a:hover                                { color: #b1f6d9 };



.padd-top-s                                     { padding-top: 35px; }
.padd-top-xl                                    { padding-top: 50px; }
.padd-bottom                                    { padding-bottom:50px;}


@media screen and (min-width: 44.001em) {

p                                               { font-size:27px; line-height:36px; }
h2, .h2                                         { font-size:27px; line-height:36px; }
h3, .h3                                         { font-size:27px; line-height:36px; } /* text-transform: uppercase; */
.justify { text-align: justify; }


}