/* Minification failed. Returning unminified contents.
(596,1): run-time error CSS1019: Unexpected token, found '@import'
(596,9): run-time error CSS1019: Unexpected token, found 'url('https://fonts.googleapis.com/css2?family=Nunito:wght@200;300;400;500;600;700;800;900;1000&family=Roboto:wght@100;300;400;500;700;900&display=swap')'
(1414,30): run-time error CSS1030: Expected identifier, found 'a'
(1414,31): run-time error CSS1031: Expected selector, found ')'
(1414,31): run-time error CSS1025: Expected comma or open brace, found ')'
 */
/*! normalize.css v3.0.2 | MIT License | git.io/normalize */

/**
 * 1. Set default font family to sans-serif.
 * 2. Prevent iOS text size adjust after orientation change, without disabling
 *    user zoom.
 */

html {
  font-family: sans-serif; /* 1 */
  -ms-text-size-adjust: 100%; /* 2 */
  -webkit-text-size-adjust: 100%; /* 2 */
}

/**
 * Remove default margin.
 */

body {
  margin: 0;
}

/* HTML5 display definitions
   ========================================================================== */

/**
 * Correct `block` display not defined for any HTML5 element in IE 8/9.
 * Correct `block` display not defined for `details` or `summary` in IE 10/11
 * and Firefox.
 * Correct `block` display not defined for `main` in IE 11.
 */

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
  display: block;
}

/**
 * 1. Correct `inline-block` display not defined in IE 8/9.
 * 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera.
 */

audio,
canvas,
progress,
video {
  display: inline-block; /* 1 */
  vertical-align: baseline; /* 2 */
}

/**
 * Prevent modern browsers from displaying `audio` without controls.
 * Remove excess height in iOS 5 devices.
 */

audio:not([controls]) {
  display: none;
  height: 0;
}

/**
 * Address `[hidden]` styling not present in IE 8/9/10.
 * Hide the `template` element in IE 8/9/11, Safari, and Firefox < 22.
 */

[hidden],
template {
  display: none;
}

/* Links
   ========================================================================== */

/**
 * Remove the gray background color from active links in IE 10.
 */

a {
  background-color: transparent;
}

/**
 * Improve readability when focused and also mouse hovered in all browsers.
 */

a:active,
a:hover {
  outline: 0;
}

/* Text-level semantics
   ========================================================================== */

/**
 * Address styling not present in IE 8/9/10/11, Safari, and Chrome.
 */

abbr[title] {
  border-bottom: 1px dotted;
}

/**
 * Address style set to `bolder` in Firefox 4+, Safari, and Chrome.
 */

b,
strong {
  font-weight: bold;
}

/**
 * Address styling not present in Safari and Chrome.
 */

dfn {
  font-style: italic;
}

/**
 * Address variable `h1` font-size and margin within `section` and `article`
 * contexts in Firefox 4+, Safari, and Chrome.
 */

h1 {
  font-size: 2em;

}

/**
 * Address styling not present in IE 8/9.
 */

mark {
  background: #ff0;
  color: #000;
}

/**
 * Address inconsistent and variable font size in all browsers.
 */

small {
  font-size: 80%;
}

/**
 * Prevent `sub` and `sup` affecting `line-height` in all browsers.
 */

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sup {
  top: -0.5em;
}

sub {
  bottom: -0.25em;
}

/* Embedded content
   ========================================================================== */

/**
 * Remove border when inside `a` element in IE 8/9/10.
 */

img {
  border: 0;
}

/**
 * Correct overflow not hidden in IE 9/10/11.
 */

svg:not(:root) {
  overflow: hidden;
}

/* Grouping content
   ========================================================================== */

/**
 * Address margin not present in IE 8/9 and Safari.
 */

figure {
  margin: 1em 40px;
}

/**
 * Address differences between Firefox and other browsers.
 */

hr {
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  height: 0;
}

/**
 * Contain overflow in all browsers.
 */

pre {
  overflow: auto;
}

/**
 * Address odd `em`-unit font size rendering in all browsers.
 */

code,
kbd,
pre,
samp {
  font-family: monospace, monospace;
  font-size: 1em;
}

/* Forms
   ========================================================================== */

/**
 * Known limitation: by default, Chrome and Safari on OS X allow very limited
 * styling of `select`, unless a `border` property is set.
 */

/**
 * 1. Correct color not being inherited.
 *    Known issue: affects color of disabled elements.
 * 2. Correct font properties not being inherited.
 * 3. Address margins set differently in Firefox 4+, Safari, and Chrome.
 */

button,
input,
optgroup,
select,
textarea {
  color: inherit; /* 1 */
  font: inherit; /* 2 */
  margin: 0; /* 3 */
}

/**
 * Address `overflow` set to `hidden` in IE 8/9/10/11.
 */

button {
  overflow: visible;
}

/**
 * Address inconsistent `text-transform` inheritance for `button` and `select`.
 * All other form control elements do not inherit `text-transform` values.
 * Correct `button` style inheritance in Firefox, IE 8/9/10/11, and Opera.
 * Correct `select` style inheritance in Firefox.
 */

button,
select {
  text-transform: none;
}

/**
 * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
 *    and `video` controls.
 * 2. Correct inability to style clickable `input` types in iOS.
 * 3. Improve usability and consistency of cursor style between image-type
 *    `input` and others.
 */

button,
html input[type="button"], /* 1 */
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button; /* 2 */
  cursor: pointer; /* 3 */
}

/**
 * Re-set default cursor for disabled elements.
 */

button[disabled],
html input[disabled] {
  cursor: default;
}

/**
 * Remove inner padding and border in Firefox 4+.
 */

button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0;
}

/**
 * Address Firefox 4+ setting `line-height` on `input` using `!important` in
 * the UA stylesheet.
 */

input {
  line-height: normal;
}

/**
 * It's recommended that you don't attempt to style these elements.
 * Firefox's implementation doesn't respect box-sizing, padding, or width.
 *
 * 1. Address box sizing set to `content-box` in IE 8/9/10.
 * 2. Remove excess padding in IE 8/9/10.
 */

input[type="checkbox"],
input[type="radio"] {
  box-sizing: border-box; /* 1 */
  padding: 0; /* 2 */
}

/**
 * Fix the cursor style for Chrome's increment/decrement buttons. For certain
 * `font-size` values of the `input`, it causes the cursor style of the
 * decrement button to change from `default` to `text`.
 */

input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
  height: auto;
}

/**
 * 1. Address `appearance` set to `searchfield` in Safari and Chrome.
 * 2. Address `box-sizing` set to `border-box` in Safari and Chrome
 *    (include `-moz` to future-proof).
 */

input[type="search"] {
  -webkit-appearance: textfield; /* 1 */
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box; /* 2 */
  box-sizing: content-box;
}

/**
 * Remove inner padding and search cancel button in Safari and Chrome on OS X.
 * Safari (but not Chrome) clips the cancel button when the search input has
 * padding (and `textfield` appearance).
 */

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}

/**
 * Define consistent border, margin, and padding.
 */

fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
}

/**
 * 1. Correct `color` not being inherited in IE 8/9/10/11.
 * 2. Remove padding so people aren't caught out if they zero out fieldsets.
 */

legend {
  border: 0; /* 1 */
  padding: 0; /* 2 */
}

/**
 * Remove default vertical scrollbar in IE 8/9/10/11.
 */

textarea {
  overflow: auto;
}

/**
 * Don't inherit the `font-weight` (applied by a rule above).
 * NOTE: the default cannot safely be changed in Chrome and Safari on OS X.
 */

optgroup {
  font-weight: bold;
}

/* Tables
   ========================================================================== */

/**
 * Remove most spacing between table cells.
 */

table {
  border-collapse: collapse;
  border-spacing: 0;
}

td,
th {
  padding: 0;
}
@charset "UTF-8";
/*!
Animate.css - http://daneden.me/animate
Licensed under the MIT license - http://opensource.org/licenses/MIT

Copyright (c) 2014 Daniel Eden
*/

.animated {
  -webkit-animation-duration: 1s;
          animation-duration: 1s;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
}


@-webkit-keyframes fadeIn {
  0% {opacity: 0;}
  100% {opacity: 1;}
}

@keyframes fadeIn {
  0% {opacity: 0;}
  100% {opacity: 1;}
}

.fadeIn {
  -webkit-animation-name: fadeIn;
          animation-name: fadeIn;
}


@-webkit-keyframes fadeInLeftBig {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
            transform: translate3d(-2000px, 0, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
            transform: none;
  }
}

@keyframes fadeInLeftBig {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
            transform: translate3d(-2000px, 0, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
            transform: none;
  }
}

.fadeInLeftBig {
  -webkit-animation-name: fadeInLeftBig;
          animation-name: fadeInLeftBig;
}

@-webkit-keyframes fadeOutRightBig {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
            transform: translate3d(2000px, 0, 0);
  }
}

@keyframes fadeOutRightBig {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
            transform: translate3d(2000px, 0, 0);
  }
}

.fadeOutRightBig {
  -webkit-animation-name: fadeOutRightBig;
          animation-name: fadeOutRightBig;
}


@-webkit-keyframes zoomIn {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
            transform: scale3d(.3, .3, .3);
  }

  50% {
    opacity: 1;
  }
}

@keyframes zoomIn {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
            transform: scale3d(.3, .3, .3);
  }

  50% {
    opacity: 1;
  }
}

.zoomIn {
  -webkit-animation-name: zoomIn;
          animation-name: zoomIn;
}


@-webkit-keyframes zoomOut {
  0% {
    opacity: 1;
  }

  50% {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
            transform: scale3d(.3, .3, .3);
  }

  100% {
    opacity: 0;
  }
}

@keyframes zoomOut {
  0% {
    opacity: 1;
  }

  50% {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
            transform: scale3d(.3, .3, .3);
  }

  100% {
    opacity: 0;
  }
}

.zoomOut {
  -webkit-animation-name: zoomOut;
          animation-name: zoomOut;
}

/*!
 * Fotorama 4.6.2 | http://fotorama.io/license/
 */
.fotorama__arr:focus:after,.fotorama__fullscreen-icon:focus:after,.fotorama__html,.fotorama__img,.fotorama__nav__frame:focus .fotorama__dot:after,.fotorama__nav__frame:focus .fotorama__thumb:after,.fotorama__stage__frame,.fotorama__stage__shaft,.fotorama__video iframe{position:absolute;width:100%;height:100%;top:0;right:0;left:0;bottom:0}.fotorama--fullscreen,.fotorama__img{max-width:99999px!important;max-height:99999px!important;min-width:0!important;min-height:0!important;border-radius:0!important;box-shadow:none!important;padding:0!important}.fotorama__wrap .fotorama__grab{cursor:move;cursor:-webkit-grab;cursor:-o-grab;cursor:-ms-grab;cursor:grab}.fotorama__grabbing *{cursor:move;cursor:-webkit-grabbing;cursor:-o-grabbing;cursor:-ms-grabbing;cursor:grabbing}.fotorama__spinner{position:absolute!important;top:50%!important;left:50%!important}.fotorama__wrap--css3 .fotorama__arr,.fotorama__wrap--css3 .fotorama__fullscreen-icon,.fotorama__wrap--css3 .fotorama__nav__shaft,.fotorama__wrap--css3 .fotorama__stage__shaft,.fotorama__wrap--css3 .fotorama__thumb-border,.fotorama__wrap--css3 .fotorama__video-close,.fotorama__wrap--css3 .fotorama__video-play{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.fotorama__caption,.fotorama__nav:after,.fotorama__nav:before,.fotorama__stage:after,.fotorama__stage:before,.fotorama__wrap--css3 .fotorama__html,.fotorama__wrap--css3 .fotorama__nav,.fotorama__wrap--css3 .fotorama__spinner,.fotorama__wrap--css3 .fotorama__stage,.fotorama__wrap--css3 .fotorama__stage .fotorama__img,.fotorama__wrap--css3 .fotorama__stage__frame{-webkit-transform:translateZ(0);transform:translateZ(0)}.fotorama__arr:focus,.fotorama__fullscreen-icon:focus,.fotorama__nav__frame{outline:0}.fotorama__arr:focus:after,.fotorama__fullscreen-icon:focus:after,.fotorama__nav__frame:focus .fotorama__dot:after,.fotorama__nav__frame:focus .fotorama__thumb:after{content:'';border-radius:inherit;background-color:rgba(0,175,234,.5)}.fotorama__wrap--video .fotorama__stage,.fotorama__wrap--video .fotorama__stage__frame--video,.fotorama__wrap--video .fotorama__stage__frame--video .fotorama__html,.fotorama__wrap--video .fotorama__stage__frame--video .fotorama__img,.fotorama__wrap--video .fotorama__stage__shaft{-webkit-transform:none!important;transform:none!important}.fotorama__wrap--css3 .fotorama__nav__shaft,.fotorama__wrap--css3 .fotorama__stage__shaft,.fotorama__wrap--css3 .fotorama__thumb-border{transition-property:-webkit-transform,width;transition-property:transform,width;transition-timing-function:cubic-bezier(0.1,0,.25,1);transition-duration:0ms}.fotorama__arr,.fotorama__fullscreen-icon,.fotorama__no-select,.fotorama__video-close,.fotorama__video-play,.fotorama__wrap{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.fotorama__select{-webkit-user-select:text;-moz-user-select:text;-ms-user-select:text;user-select:text}.fotorama__nav,.fotorama__nav__frame{margin:auto;padding:0}.fotorama__caption__wrap,.fotorama__nav__frame,.fotorama__nav__shaft{-moz-box-orient:vertical;display:inline-block;vertical-align:middle;*display:inline;*zoom:1}.fotorama__caption__wrap{box-sizing:border-box}.fotorama--hidden,.fotorama__load{position:absolute;left:-99999px;top:-99999px;z-index:-1}.fotorama__arr,.fotorama__fullscreen-icon,.fotorama__nav,.fotorama__nav__frame,.fotorama__nav__shaft,.fotorama__stage__frame,.fotorama__stage__shaft,.fotorama__video-close,.fotorama__video-play{-webkit-tap-highlight-color:transparent}.fotorama__arr,.fotorama__fullscreen-icon,.fotorama__video-close,.fotorama__video-play{background:url(../../Images/Site/fotorama.png) no-repeat}@media (-webkit-min-device-pixel-ratio:1.5),(min-resolution:2dppx){.fotorama__arr,.fotorama__fullscreen-icon,.fotorama__video-close,.fotorama__video-play{background:url(../../Images/Site/fotorama@2x.png) no-repeat;background-size:96px 160px}}.fotorama__thumb{background-color:#7f7f7f;background-color:rgba(127,127,127,.2)}@media print{.fotorama__arr,.fotorama__fullscreen-icon,.fotorama__thumb-border,.fotorama__video-close,.fotorama__video-play{background:none!important}}.fotorama{min-width:1px;overflow:hidden}.fotorama:not(.fotorama--unobtrusive)>:not(:first-child){display:none}.fullscreen{width:100%!important;height:100%!important;max-width:100%!important;max-height:100%!important;margin:0!important;padding:0!important;overflow:hidden!important;background:#000}.fotorama--fullscreen{position:absolute!important;top:0!important;left:0!important;right:0!important;bottom:0!important;float:none!important;z-index:2147483647!important;background:#000;width:100%!important;height:100%!important;margin:0!important}.fotorama--fullscreen .fotorama__nav,.fotorama--fullscreen .fotorama__stage{background:#000}.fotorama__wrap{-webkit-text-size-adjust:100%;position:relative;direction:ltr;z-index:0}.fotorama__wrap--rtl .fotorama__stage__frame{direction:rtl}.fotorama__nav,.fotorama__stage{overflow:hidden;position:relative;max-width:100%}.fotorama__wrap--pan-y{-ms-touch-action:pan-y}.fotorama__wrap .fotorama__pointer{cursor:pointer}.fotorama__wrap--slide .fotorama__stage__frame{opacity:1!important}.fotorama__stage__frame{overflow:hidden}.fotorama__stage__frame.fotorama__active{z-index:8}.fotorama__wrap--fade .fotorama__stage__frame{display:none}.fotorama__wrap--fade .fotorama__fade-front,.fotorama__wrap--fade .fotorama__fade-rear,.fotorama__wrap--fade .fotorama__stage__frame.fotorama__active{display:block;left:0;top:0}.fotorama__wrap--fade .fotorama__fade-front{z-index:8}.fotorama__wrap--fade .fotorama__fade-rear{z-index:7}.fotorama__wrap--fade .fotorama__fade-rear.fotorama__active{z-index:9}.fotorama__wrap--fade .fotorama__stage .fotorama__shadow{display:none}.fotorama__img{-ms-filter:"alpha(Opacity=0)";filter:alpha(opacity=0);opacity:0;border:none!important}.fotorama__error .fotorama__img,.fotorama__loaded .fotorama__img{-ms-filter:"alpha(Opacity=100)";filter:alpha(opacity=100);opacity:1}.fotorama--fullscreen .fotorama__loaded--full .fotorama__img,.fotorama__img--full{display:none}.fotorama--fullscreen .fotorama__loaded--full .fotorama__img--full{display:block}.fotorama__wrap--only-active .fotorama__nav,.fotorama__wrap--only-active .fotorama__stage{max-width:99999px!important}.fotorama__wrap--only-active .fotorama__stage__frame{visibility:hidden}.fotorama__wrap--only-active .fotorama__stage__frame.fotorama__active{visibility:visible}.fotorama__nav{font-size:0;line-height:0;text-align:center;display:none;white-space:nowrap;z-index:5}.fotorama__nav__shaft{position:relative;left:0;top:0;text-align:left}.fotorama__nav__frame{position:relative;cursor:pointer}.fotorama__nav--dots{display:block}.fotorama__nav--dots .fotorama__nav__frame{width:18px;height:30px}.fotorama__nav--dots .fotorama__nav__frame--thumb,.fotorama__nav--dots .fotorama__thumb-border{display:none}.fotorama__nav--thumbs{display:block}.fotorama__nav--thumbs .fotorama__nav__frame{padding-left:0!important}.fotorama__nav--thumbs .fotorama__nav__frame:last-child{padding-right:0!important}.fotorama__nav--thumbs .fotorama__nav__frame--dot{display:none}.fotorama__dot{display:block;width:4px;height:4px;position:relative;top:12px;left:6px;border-radius:6px;border:1px solid #7f7f7f}.fotorama__nav__frame:focus .fotorama__dot:after{padding:1px;top:-1px;left:-1px}.fotorama__nav__frame.fotorama__active .fotorama__dot{width:0;height:0;border-width:3px}.fotorama__nav__frame.fotorama__active .fotorama__dot:after{padding:3px;top:-3px;left:-3px}.fotorama__thumb{overflow:hidden;position:relative;width:100%;height:100%}.fotorama__nav__frame:focus .fotorama__thumb{z-index:2}.fotorama__thumb-border{position:absolute;z-index:9;top:0;left:0;border-style:solid;border-color:#00afea;background-image:linear-gradient(to bottom right,rgba(255,255,255,.25),rgba(64,64,64,.1))}.fotorama__caption{position:absolute;z-index:12;bottom:0;left:0;right:0;font-family:'Helvetica Neue',Arial,sans-serif;font-size:14px;line-height:1.5;color:#000}.fotorama__caption a{text-decoration:none;color:#000;border-bottom:1px solid;border-color:rgba(0,0,0,.5)}.fotorama__caption a:hover{color:#333;border-color:rgba(51,51,51,.5)}.fotorama__wrap--rtl .fotorama__caption{left:auto;right:0}.fotorama__wrap--no-captions .fotorama__caption,.fotorama__wrap--video .fotorama__caption{display:none}.fotorama__caption__wrap{background-color:#fff;background-color:rgba(255,255,255,.9);padding:5px 10px}@-webkit-keyframes spinner{0%{-webkit-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes spinner{0%{-webkit-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}.fotorama__wrap--css3 .fotorama__spinner{-webkit-animation:spinner 24s infinite linear;animation:spinner 24s infinite linear}.fotorama__wrap--css3 .fotorama__html,.fotorama__wrap--css3 .fotorama__stage .fotorama__img{transition-property:opacity;transition-timing-function:linear;transition-duration:.3s}.fotorama__wrap--video .fotorama__stage__frame--video .fotorama__html,.fotorama__wrap--video .fotorama__stage__frame--video .fotorama__img{-ms-filter:"alpha(Opacity=0)";filter:alpha(opacity=0);opacity:0}.fotorama__select{cursor:auto}.fotorama__video{top:32px;right:0;bottom:0;left:0;position:absolute;z-index:10}@-moz-document url-prefix(){.fotorama__active{box-shadow:0 0 0 transparent}}.fotorama__arr,.fotorama__fullscreen-icon,.fotorama__video-close,.fotorama__video-play{position:absolute;z-index:11;cursor:pointer}.fotorama__arr{position:absolute;width:32px;height:32px;top:50%;margin-top:-16px}.fotorama__arr--prev{left:2px;background-position:0 0}.fotorama__arr--next{right:2px;background-position:-32px 0}.fotorama__arr--disabled{pointer-events:none;cursor:default;*display:none;opacity:.1}.fotorama__fullscreen-icon{width:32px;height:32px;top:2px;right:2px;background-position:0 -32px;z-index:20}.fotorama__arr:focus,.fotorama__fullscreen-icon:focus{border-radius:50%}.fotorama--fullscreen .fotorama__fullscreen-icon{background-position:-32px -32px}.fotorama__video-play{width:96px;height:96px;left:50%;top:50%;margin-left:-48px;margin-top:-48px;background-position:0 -64px;opacity:0}.fotorama__wrap--css2 .fotorama__video-play,.fotorama__wrap--video .fotorama__stage .fotorama__video-play{display:none}.fotorama__error .fotorama__video-play,.fotorama__loaded .fotorama__video-play,.fotorama__nav__frame .fotorama__video-play{opacity:1;display:block}.fotorama__nav__frame .fotorama__video-play{width:32px;height:32px;margin-left:-16px;margin-top:-16px;background-position:-64px -32px}.fotorama__video-close{width:32px;height:32px;top:0;right:0;background-position:-64px 0;z-index:20;opacity:0}.fotorama__wrap--css2 .fotorama__video-close{display:none}.fotorama__wrap--css3 .fotorama__video-close{-webkit-transform:translate3d(32px,-32px,0);transform:translate3d(32px,-32px,0)}.fotorama__wrap--video .fotorama__video-close{display:block;opacity:1}.fotorama__wrap--css3.fotorama__wrap--video .fotorama__video-close{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.fotorama__wrap--no-controls.fotorama__wrap--toggle-arrows .fotorama__arr,.fotorama__wrap--no-controls.fotorama__wrap--toggle-arrows .fotorama__fullscreen-icon{opacity:0}.fotorama__wrap--no-controls.fotorama__wrap--toggle-arrows .fotorama__arr:focus,.fotorama__wrap--no-controls.fotorama__wrap--toggle-arrows .fotorama__fullscreen-icon:focus{opacity:1}.fotorama__wrap--video .fotorama__arr,.fotorama__wrap--video .fotorama__fullscreen-icon{opacity:0!important}.fotorama__wrap--css2.fotorama__wrap--no-controls.fotorama__wrap--toggle-arrows .fotorama__arr,.fotorama__wrap--css2.fotorama__wrap--no-controls.fotorama__wrap--toggle-arrows .fotorama__fullscreen-icon{display:none}.fotorama__wrap--css2.fotorama__wrap--no-controls.fotorama__wrap--toggle-arrows .fotorama__arr:focus,.fotorama__wrap--css2.fotorama__wrap--no-controls.fotorama__wrap--toggle-arrows .fotorama__fullscreen-icon:focus{display:block}.fotorama__wrap--css2.fotorama__wrap--video .fotorama__arr,.fotorama__wrap--css2.fotorama__wrap--video .fotorama__fullscreen-icon{display:none!important}.fotorama__wrap--css3.fotorama__wrap--no-controls.fotorama__wrap--slide.fotorama__wrap--toggle-arrows .fotorama__fullscreen-icon:not(:focus){-webkit-transform:translate3d(32px,-32px,0);transform:translate3d(32px,-32px,0)}.fotorama__wrap--css3.fotorama__wrap--no-controls.fotorama__wrap--slide.fotorama__wrap--toggle-arrows .fotorama__arr--prev:not(:focus){-webkit-transform:translate3d(-48px,0,0);transform:translate3d(-48px,0,0)}.fotorama__wrap--css3.fotorama__wrap--no-controls.fotorama__wrap--slide.fotorama__wrap--toggle-arrows .fotorama__arr--next:not(:focus){-webkit-transform:translate3d(48px,0,0);transform:translate3d(48px,0,0)}.fotorama__wrap--css3.fotorama__wrap--video .fotorama__fullscreen-icon{-webkit-transform:translate3d(32px,-32px,0)!important;transform:translate3d(32px,-32px,0)!important}.fotorama__wrap--css3.fotorama__wrap--video .fotorama__arr--prev{-webkit-transform:translate3d(-48px,0,0)!important;transform:translate3d(-48px,0,0)!important}.fotorama__wrap--css3.fotorama__wrap--video .fotorama__arr--next{-webkit-transform:translate3d(48px,0,0)!important;transform:translate3d(48px,0,0)!important}.fotorama__wrap--css3 .fotorama__arr:not(:focus),.fotorama__wrap--css3 .fotorama__fullscreen-icon:not(:focus),.fotorama__wrap--css3 .fotorama__video-close:not(:focus),.fotorama__wrap--css3 .fotorama__video-play:not(:focus){transition-property:-webkit-transform,opacity;transition-property:transform,opacity;transition-duration:.3s}.fotorama__nav:after,.fotorama__nav:before,.fotorama__stage:after,.fotorama__stage:before{content:"";display:block;position:absolute;text-decoration:none;top:0;bottom:0;width:10px;height:auto;z-index:10;pointer-events:none;background-repeat:no-repeat;background-size:1px 100%,5px 100%}.fotorama__nav:before,.fotorama__stage:before{background-image:linear-gradient(transparent,rgba(0,0,0,.2) 25%,rgba(0,0,0,.3) 75%,transparent),radial-gradient(farthest-side at 0 50%,rgba(0,0,0,.4),transparent);background-position:0 0,0 0;left:-10px}.fotorama__nav.fotorama__shadows--left:before,.fotorama__stage.fotorama__shadows--left:before{left:0}.fotorama__nav:after,.fotorama__stage:after{background-image:linear-gradient(transparent,rgba(0,0,0,.2) 25%,rgba(0,0,0,.3) 75%,transparent),radial-gradient(farthest-side at 100% 50%,rgba(0,0,0,.4),transparent);background-position:100% 0,100% 0;right:-10px}.fotorama__nav.fotorama__shadows--right:after,.fotorama__stage.fotorama__shadows--right:after{right:0}.fotorama--fullscreen .fotorama__nav:after,.fotorama--fullscreen .fotorama__nav:before,.fotorama--fullscreen .fotorama__stage:after,.fotorama--fullscreen .fotorama__stage:before,.fotorama__wrap--fade .fotorama__stage:after,.fotorama__wrap--fade .fotorama__stage:before,.fotorama__wrap--no-shadows .fotorama__nav:after,.fotorama__wrap--no-shadows .fotorama__nav:before,.fotorama__wrap--no-shadows .fotorama__stage:after,.fotorama__wrap--no-shadows .fotorama__stage:before{display:none}
#home .fotorama__wrap, #home .fotorama__stage{ width:100% !important; }
/************************UNIVERSAL************************/
@import url('https://fonts.googleapis.com/css2?family=Nunito:wght@200;300;400;500;600;700;800;900;1000&family=Roboto:wght@100;300;400;500;700;900&display=swap');
* {
	margin: 0;
    padding: 0;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    
}

html {
	font-size: 16px;
	
}

body {
	/*font-family: 'Open Sans' Arial, Helvetica, sans-serif;*/
	/*font-family: 'Nunito', sans-serif;*/
	font-family: 'Roboto', sans-serif;
	font-size: 62.5%;
	
}

li {
	list-style-type: none;
}

a, a img {
	border: none;
	text-decoration: none;
}

p, ul {
	font-size: 1.4em;
	color: #555;
	
}
.d-block { display:block;
}
.wrap {
	width: 960px;
	margin: 0 auto;
}

.group:after {
  content: "";
  display: table;
  clear: both;
}

h3 {
	font-weight: 800;
	font-size: 3.4em;
	text-transform: uppercase;
	line-height: 1em;
}

textarea, a {
	font-family: 'Open Sans' Arial, Helvetica, sans-serif;
}

input,
textarea {
	width: 100%;
	border: 1px solid #bbb;
	margin-bottom: 25px;
	margin-top: 3px;
	font-size: 1.6em;
	color: #888;
	padding-left: 5px;
}

label {
	display: block;
	font-size: 1.4em;
	color: #888;
}

input {
	height: 43px;
}

.button {
	height: 47px;
	background-color: #00AEEF;
	display: block;
	color: #fff;
	font-size: 2em;
	padding-top: 10px;
	font-weight: 400;
	position: relative;
	padding-right: 15px;
	overflow: hidden;
	text-align: center;
	transition: all .1s linear;
	font-family: 'Nunito', sans-serif;
}

.button:hover {
	color: #00AEEF;
	background-color: #fff;
}

/*.button:after {
	position: absolute;
	top: 0;
	height: 46px;
	content: "";
	background-color: rgba(255,255,255, .3);
	transition: all .1s linear;
}*/

section {
	padding: 50px 0;
	clear: both;
	text-align: center;
}

.firstp {
	font-size: 1.8em;
	margin-bottom: 65px;
}

/************************HEADER************************/

header {
	background-color: rgba(0,0,0, .7);
	padding: 20px 0;
	position: fixed;
	width: 100%;
	top: 0;
	z-index: 100;
	transition: all .2s linear;
	
}

.opacity#registerHeader{padding-top:0px;padding-top:0px;padding-top:20px !important;padding-bottom:20px !important;z-index:99;}
	.opacity#registerHeader h1 a {transform:scale(1, 1) !important;-webkit-transform:scale(1, 1) !important;-ms-transform:scale(1, 1) !important;}
.opacity#registerHeader #header-right { margin-top:0px !important; width:auto !important; }
#registerHeader #header-right {padding-top:15px;}
header.opacity {
	background-color: rgba(0,0,0, .85);
	padding: 0;
}

header.opacity .navHolder { padding-top:0;
}

h1 a {
	background: url(../../Images/Site/logo.png) no-repeat;
	display: inline-block;
	width: 277px;
	height: 61px;
	text-indent: -999em;
	float: left;
	transition: all .2s linear;
	
}

#header-right,
#header-right ul {
	float: right;
}

#header-right li {
	float: left;
	padding-right: 10px;
}

#header-right li a {
	color: #00AEEF;
	text-transform: uppercase;
	font-size: .9em;
	
}

#login {
	border-right: 1px solid #000;
	box-shadow: 1px 0 0 #555;
	padding-right: 10px;
} 

#header-right li a:hover {
	color: #fff;
}

#header-right li:last-child {
	margin-right: 0;
	border: none;
	padding: 0;
}

#nav-icon,
#account-icon {
	display: none;
}
.navHolder {
display:flex;justify-content:space-between;padding-top:15px;}
header nav#topnav {
	margin-top: 0 !important;
	padding-right:20px;
}

header nav a {
	text-transform: uppercase;
	font-size: 1.4em;
	color: #eee;
	margin-right: 30px;
}

header nav a.active {
	color: #00AEEF; 
}

header nav a:hover {
	color: #00AEEF;
}

header nav a:last-child {
	margin-right: 0;
}
/************************LOGIN FORM***********************/

#login-wrap {
	position: fixed;
	width: 100%;
	height: 100%;
	z-index: 2000;
	top: 0;
	background-color: rgba(0,0,0, .7);
	display: none;
}

#login-form {
	width: 350px;
	z-index: 3000;
	position: fixed;
	top: 60%;
	left: 50%;
	margin-top: -220px;
	margin-left: -175px;
	border: 1px solid #777;
	background: #fff;
	border: 4px solid #29AAE1;
	border-radius: 5px;
	padding: 20px;
	-webkit-box-shadow: 3px 4px 5px rgba(0,0,0,.56);
	-moz-box-shadow: 3px 4px 5px rgba(0,0,0,.56);
	box-shadow: 3px 4px 5px rgba(0,0,0,.56);
	display: none;
}

#login-form h3 {
	color: #5c5c5c;
	font-size: 3em;
	font-weight: 400;
	margin-bottom: 30px;
}

#login-form .button {
	color: #fff;
	padding: 0;
	border: none;
	outline: none;
	transition: all .2s linear;
	text-transform: uppercase;
	font-size: 2em;
	font-weight: 700;
}

#login-form .button:hover {
	color: #fff;
	background: #5c5c5c;
}

#close-login {
	position: absolute;
	top:0;
	right: 0;
	color: #fff; 
	background: #29AAE1;
	padding: 5px 15px;
	font-size: 2em;

}

/************************BANNER************************/

.banner-content {
	position: absolute;
	top: calc(50% + 60px);
	margin-top: -196px;
	left: 50%;
	margin-left: -274px;
	border:1px solid #ccc;
	padding:25px;
}
/*.banner-content{
	position: absolute;
	left:50%;
	top:50%;
	    transform: translate(-50%, -50%);
		-ms-transform: translate(-50%, -50%);
		-webkit-transform: translate(-50%, -50%);
}*/

/*#banner2 {
	margin-left: -208.5px;
}

#banner3 {
	margin-left: -383.5px;
}*/

.fotorama {
	text-align: center;
}

.fotorama__nav-wrap {
	display: none;
}

.fotorama h2 {
	color: #00AEEF;
	font-weight: 400;
	font-size: 6em;
	letter-spacing: -1px;
	margin-bottom:15px;
	line-height: 1em;
	
}

.fotorama h2 span{
	color: #eee;
}

.fotorama p {
	color: #fff;
	font-size: 2.2em;
	font-weight: 300;
	font-family: 'Nunito', sans-serif;
}

.fotorama .button {
	width: 293px;
	margin: 25px auto -47px auto;
	/*margin-top: 80px;
	margin-bottom: 90px;*/
	background-repeat: no-repeat;
}

/************************WHAT IS TRADER TOOLBELT************************/

#what h3,
#features h3 {
	color: #fff;
	font-weight:400;
}
#what p { color:#fff;
}
#what h3 span,
#features h3 span {
	color: #00AEEF;
}

#what .firstp  {
	border-bottom:1px solid #666;
	padding-top:15px;
	padding-bottom:30px;
}

#what-left {
	float: left;
	width: 435px;
}

#what-right {
	float: right;
	width: 442px;
	text-align: left;
	line-height: 2.1em;
	border-left: 1px solid #666;
	padding-left: 30px;
	
}

#what-right h4 {
	color: #00AEEF;
	font-weight:400;
	font-size: 2.4em;
	text-transform: uppercase;
}

#what-right p {
	color: #fff;
	margin-bottom: 50px;
}

#what-right p:last-child {
	margin-bottom: 0;
}

#pricing a span{	
	display:none;
	color:#fff;
	background:rgba(0,0,0,0.9);
	padding:15px;
	border-radius:4px;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	width:50%;
	text-align:center;
	position: absolute;
	z-index:10;
	left: 50%;
	margin-left: -25%;
	line-height: 1.8em;
	color: #00AEEF;
}

#pricing a:hover span { 
	display:block; 
}

#more {
	display: none;
	position: absolute;
	width: 600px;
	background: #ddd;
	border-radius: 5px;
	padding: 15px;
	left: 50%;
	margin-left: -300px;
	margin-top: -100px;
	text-align: left;
	
}

#more h4 {
	color: #333;
	font-size: 2em;
}

#more h4 span {
	color: #0076a3;
}

a#close-more {
	position: absolute;
	top: 3px;
	right: 3px;
	background: #0076a3;
	border-radius: 30px 30px;
	padding: 1px 10px 6px 10px;
	color: #fff;
	font-size: 2em;
	line-height: 1em;
}

#more p {
	color: #555;
	
}

/************************FEATURES************************/

#features {
	background: #1C1C1D;
	padding-bottom: 0;
}
#features p { color:#fff;}
#pricing .wrap { border-top:1px solid #666; padding-top:50px;}

#features .firstp {
	width: 710px;
	margin: 0 auto 50px auto;
}

#features-left,
#features-right {
	text-align: left;
	width: 421px;
}

#features-left {
	float: left;
}

#features-right {
	float: right;
}

#features li {
	font-size: 1.4em;
	color: #00AEEF;
	margin-bottom: 60px;
	min-height:75px;
}

#features li span {
	font-weight: normal;
	color: #fff;
	font-size: .73em;
	display: block;
}

#price{
	background: url(../../Images/Site/priceLabel.png) left top no-repeat;
	padding-left: 77px;
}

#location{
	background: url(../../Images/Site/advLocationMng.png) left top no-repeat;
	padding-left: 77px;
}

#tools{
	background: url(../../Images/Site/easytool.png) left top no-repeat;
	padding-left: 77px;
}

#users{
	background: url(../../Images/Site/advManagers.png) left top no-repeat;
	padding-left: 77px;
}

#reporting {
	background: url(../../Images/Site/reporting.png) left top no-repeat;
	padding-left: 77px;
}

/************************PRICING************************/

#pricing {
	background-color: #1C1C1D;
	color:#fff;
}

#pricing h3 {
	color: #fff;
	font-weight:400;
}

#pricing h3 span {
	color: #00AEEF;
}

#pricing .firstp {
	color: #fff;
	font-weight: 300;
}

#pricing .firstp a {
	color: #00AEEF;
	/* font-size: .8em; */
	font-style: normal;
	text-decoration: underline;
	
}

#pricing .button {
	width: 214px;
	margin: 0 auto;
	background: #00AEEF url(/Images/Site/btnArrow.png) no-repeat 93% center;
}


#pricing .button:hover {
	background: #00AEEF url(/Images/Site/btnArrow.png) no-repeat 93% center;
	color:#fff;
}

#pricing .button:after {
	left: 155px;
	width: 214px;
}

#pricing .button:hover:after {
	left: 100%;
}

/************************CONTACT************************/

#contact {
	padding: 110px 0;
}

#contact h3 {
	color: #000;
	font-weight:400;
}

#contact .firstp {
	margin-bottom: 34px;
	color:#000;
}

#contact ul {
	max-width: 570px;
	margin: 0 auto 45px auto;
	text-align:center;
}

#contact li {
	height: 71px;
	margin-right: 22px;
	display:inline-block;
}

#contact li a {
	float: left;
	width: 71px;
	height: 71px;
	text-indent: -999em;
	transition: all .3s ease-in-out;
}

#contact li:last-child {
	margin-right: 0;
}

/*#contact li a:hover {
	background-position: 0 -64px;	
}*/

.req {
	margin-bottom: 35px;
    color: firebrick;
}

li#phone-no {
	background: url(../../Images/Site/callicon.png) no-repeat; 
	width: 182px;
	padding-left: 77px;
	margin-right: 124px;
	padding-top: 25px;
	font-size: 1.2em;
	color: #000;
}

#email-co {
	background: url(../../Images/Site/mailicon.png) no-repeat; 
}

#twitter {
	background: url(../../Images/Site/twitter-icon.png) no-repeat; 
}

#fb {
	background: url(../../Images/Site/facebookicon.png) no-repeat; 
}

#in {
	background: url(../../Images/Site/linkedinicon.png) no-repeat; 
}

#form-left,
#form-right {
	width: 428px;
	text-align: left;
}

#form-right {
	margin-top: 52px;
}

#form-right textarea {
	height: 226px;
	resize: none;
	padding-top: 4px;
}

#form-left {
	float: left;
}

#form-right{
	float: right;
}

#contact label span {
	color: firebrick;
}

#signup-form label span {
    color: firebrick;
}

#contact .button,
#payment-info .button{
	width: 214px;
	padding: 0;
	transition: all .2s linear;
	background-color:#000;
	float:right;
	
}

#contact .button:hover,
#payment-info .button:hover {
	color: #fff;
	background: #5c5c5c;
	border: none;
}

#contact-result {
    color: #0076a3;
    font-weight: bold;
    font-size: 1.8em;
}

/************************FOOTER************************/


footer {
	clear: both;
	background-color: #00AEEF;
	padding: 50px 0 30px 0;
}

footer .wrap {
	position: relative;
}

footer .button {
	width: 214px;
	margin: 0 auto;
	background-color:#fff;
	color:#00AEEF;
	float: left;
}
	footer .button:hover {background-color:#000; color:#fff;}

footer .button:hover {
	background-position: 0 999em;
}

footer .button:after {
	left: 155px;
	width: 214px;
}

footer .button:hover:after {
	left: 100%;
}

#footer-left {
	float: left;
	width: 390px;
}

.adminFooter {
	position:absolute;left:0;bottom:0;
	width:100%;
}

small {
	font-size: 1em;
	width: 160px;
	margin-left: 15px;
	color: #aaa;
	display: inline-block;
	line-height: 1.6em;
}

#footer-right {
	float: right;
}

#amazon {
	margin-right: 200px;
	background-image: url(../../Images/Site/amazon.png);
	background-position: 62px -43px;
	background-repeat: no-repeat;
	display: inline-block;
	width: 165px;
	height: 43px;
	padding-top: 13px;
	color: #aaa;
}

#amazon:hover {
	background-position: 62px 1px;
}

#cintacs {
	color: #aaa;
	background-image: url(../../Images/Site/cintacs.png);
	background-position: 63px -58px;
	background-repeat: no-repeat;
	display: inline-block;
	width: 157px;
	height: 43px;
	padding-top: 13px;
	position: absolute;
	right: 0;
	top: 10px;
}

#cintacs:hover {
	background-position: 63px 1px;
}

#amazon span,
#cintacs span {
	text-indent: -999em;
	display: inline-block;
}

/* special for "welcome" footer, to make it stick to bottom */
.footer-welcome {
    position: absolute;
    bottom: 0;
    width: 100%;
}
.fWrap { display:flex;flex-wrap:wrap;
}
.fWrap .fbox{ width:33.33%;}
.fWrap .fbox a:not(.fbox.bx1 a){color:#fff;}
.copyright{width:100%;overflow:hidden; text-align:center; color:#fff;}
.copyright p{color:#fff;padding: 15px 0 0 0; font-size: 12px;}
.fbox.bx2{text-align:center}
.fbox.bx3 {text-align:right;}
.fbox.bx3 span{text-align:left;padding-left:100px;}

/************************SIGNUP PAGE************************/

#signup-form input {
    margin-bottom: 0;
}

#signup-pg header {
	background-color: rgba(0,0,0, .85);
}

#signup-heading {
	margin-top: 130px;
	border-bottom: 1px dashed #bbb;
	padding-bottom: 20px;
}

#signup-heading h2 {
	text-transform: uppercase;
	color: #8ac440;
	font-size: 3em;
	font-weight: 800;
}

#signup-heading h2 span {
	color: #0076a3;	
}

#signup-heading a,
#welcome a {
	color: #00AEEF;
	text-decoration: underline;
}

#signup-heading a:hover {
	color: #8ac440;
}

/* over-ride styles from login link in top header */
.login-link {
    border-right: none !important;
    box-shadow: none !important;
    padding-right: 0px !important;
}

#signup-content h3,
#welcome h3 {
	color: #00AEEF;
	font-weight: 400;
	font-size: 2em;
	text-transform: none;
	margin: 15px 0 44px 0;
	
}

#signup-content p {
	margin-top: 20px;
	color: firebrick;
}

#signup-content .col {
	width: 285px;
	float: left;
	margin-right: 50px;
	margin-bottom: 20px;
}

#signup-content #location-info {
	margin-right: 0;
}

#location-info h3 {
	margin-bottom: 0;
}

#location-info #LocationSameAsCompany {
    display: inline;
    height: 14px;
    width: 14px;
    margin-bottom: 13px;
}

label.check {
	color: #0076a3;
	font-size: 1.3em;
    padding-top: 7px;
}

#signup-content .col input {
	width: 100%;
}

#payment-info {
	clear: both;
	background: #ddd;
	margin-bottom: 50px;
	padding: 20px;
}

#payment-info h3 {
	margin-top: 0;
}

#paypal-input {
    position: relative;
}

#PaypalEmail {
	width: 50%;
	float: left;
	margin-right: 20px;
}

#payment-info .button {
	box-shadow: none;
	height: 43px;
	width: 144px;
    margin-bottom: 20px;
}

@-moz-document url-prefix() { 
  .button {
	  padding-top: 14px;
  }
  
  #contact .button, #payment-info .button {
	  padding-top: 5px;
  }
}


/************************WELCOME (signup success)************************/

#welcome {
    margin-top: 130px;
    padding-bottom: 20px;
    text-align: center;
}
.whatistrade {
background-color:#000;
color:#fff;

}

/************************MEDIA QUERIES************************/

@media only screen and (max-width: 1055px) {
	
	.arrow {
		display: none;
	}
	
}

@media only screen and (max-width: 999px) {


	.wrap {
		width: 100%;
		padding: 0 20px;
		overflow: hidden;
	}
	header .navHolder { padding-top:0;}
	
	header .wrap {
		overflow: visible;
	}
	
	#nav-icon {
		display: block;
		float: left;
		position: relative;
		/* left: -20px; */
		top: -3px;
		background-image: url(../../Images/Site/nav-icon.png);
		width: 29px;
		height: 28px;
		margin-right: 15px;
	}
	
	#header-right {
		margin-top: 18px;
		margin-top: 20px;
		width: auto !important;
		
		
	}
	
	header nav {
		display: block;
		position: fixed;
		right: 0;
		top: 101px;
		background-color: rgba(0,0,0, .9);
		z-index: 3000;
		padding: 10px !important; 
		right: -300px;
		margin-top: 0 !important;
		height: 100%;
		box-sizing:border-box;
		width: 250px !important;
		
	}
	
	header nav.menu {
		right: 0%;
	}
	
	nav a {
		display: block;
		margin-top: 20px;
	}
	
	.banner-content {
		top: 0;
		margin-top: 140px;
	}
	
	#pricing {
		padding-left: 20px;
		padding-right: 20px;
	}
	
	#cintacs {
		right: 20px;
	}

    #payment-info input[type="submit"] {
        display: inline-block;
        margin-top: 25px;
    }

/************************SIGNUP PAGE************************/

	#signup-heading {
		text-align: center;
	}
	
	#company-info h3,
	#user-info h3{
		margin: 17px 0 20px 0;
	}
	
	
	#signup-content .col,
	#signup-content p,
	#signup-content #location-info,
	#payment-info {
		width: 70%;
		float: none;
		margin: 0 auto 0 auto;
	}
	
	#signup-content p {
		margin-top: 20px;
	}
	
	#payment-info {
		margin-bottom: 50px;
	}
	
	#PaypalEmail {
		width: 100%;
	}
	
	#payment-info .button {
		margin-bottom: 0;
	}
}

@media only screen and (max-width: 969px) {
	
	#what-left {
		width: 54%;
	}
	
	#what-left img {
		width: 100%;
		height: auto;
	}
	
	#what-right{
		width: 42.8125%;
	}
}

@media only screen and (max-width: 929px) {
	
	#form-left,
	#form-right {
		width: 48%;
	}
	
}

@media only screen and (max-width: 914px) {
	
	#features-left,
	#features-right {
		width: 45%;
	}
	
}

@media only screen and (max-width: 847px) {

	#pricing .firstp a {
		display: inline-block;
	}	
	
	#more {
		position: relative;
		width: 100%;
		border-radius: 0px;
		margin: -50px auto 0;
		left: 0;
	}
	
	a#close-more {
		border-radius: 0;
	}
	
}

@media only screen and (max-width: 834px) {

	.banner-content,
	#banner2,
	#banner3 {
		left: 0;
		margin-left: 0;
		width: 100%;
	}

	.fotorama .button {
		margin-top: 20px;
	}

	.firstp {
		margin-bottom: 25px;
	} 
	
	section {
		padding: 25px 0;
	}
	
	#what-left {
		float: none;
		width: 60%;
		margin: 0 auto 25px auto;
	}
	
	#what-right {
		border: none;
		width: 100%;
		float: none;
		padding-left: 0;
	}
	.banner-content {border:none;}
	.banner-content {margin-top: 100px;}
}

@media only screen and (max-width: 829px) {
	
	#footer-right {
		width: 158px;
	}
		
	#amazon,
	#cintacs {
		background: none;
		text-align: right;
		height: auto;
		width: 100%;
		padding-top: 0;
	}
	
	#amazon:hover,
	#cintacs:hover {
		color: #8ac440;
	}
	
	#amazon span,
	#cintacs span {
		text-indent: 0;
	}
	
	#amazon {
		color: #febe10;
		margin-right: 20px;
	}
	
	#cintacs {
		color: #26a9e0;
		position: relative;
		left: auto;
	}
	
	
}

@media only screen and (max-width: 769px) {

		#features .firstp {
			width: 100%;
		}
	
		#features-left,
		#features-right {
			float: none;
			width: 70%;
			margin: 0 auto;
		}
	.fWrap .fbox { width:100%; text-align:center; padding-bottom:30px;}
		.fWrap .fbox .button {float:none;}
	.fbox.bx3 span {padding:0;text-align:center;}
	#contact { padding:30px 0;}
}

@media only screen and (max-width: 739px) {

	#home h2 {
		font-size: 4em;
		line-height: 1em;
	}
		
	#home p {
		padding: 0 20px;
		font-size: 1.6em;
	}
	
	.fotorama .button {
		display: none;
	}
	
}

@media only screen and (max-width: 653px) {
	
	#form-left,
	#form-right {
		float: none;
		width: 100%;
	}
	
	#form-right {
		margin-top: 0;
	}
	
	#pricing a span{	
	width:90%;
	margin-left: -45%;

	}
	
}

@media only screen and (max-width: 614px) {

	#footer-left {
		float: none;
		width: 100%;
	}
	
	small {
		width: 100%;
		float: none;
		margin-left: 0;
		margin-top: 5px;
	}
	
	#footer-right {
		float: left;
		clear: both;
		width: 100%;
		margin-top: 10px;
	}
	
	#amazon,
	#cintacs {
		text-align: left;
		width: auto;
	}
	
	#cintacs {
		top: 0;
		right: 0;
	}
	
}

@media only screen and (max-width: 574px) {
	
	
	
}

@media only screen and (max-width: 570px) {
	
	li#phone-no {
		margin-right: 20px;
	}
	
}

@media only screen and (max-width: 534px) {
	
	header {
		padding: 11px;
		background-color: rgba(0,0,0, .85);	
	}
	
	header nav {
		top: 73px;
	}
	
	h1 a {
		/*background-image: url(../../Images/Site/logo-plain.png);*/
		background-image: url(../../Images/Site/logo.png);
		width: 130px;
		height: 36px;
		margin-top: 10px;
		background-size: contain;
	}
	
	#header-right {
		width: 75px;
	}
	
	#header-right ul{
		position: absolute;
		top: 73px;
		right: -160px;
		background-color: rgba(0,0,0, .85);
		padding: 20px;
		width: 160;
		text-align: right;
	}
	
	#home {
		margin-top: 73px;
	}
	
	.banner-content {
		margin-top: 50px;
	}
	
	#account-icon {
		float: right;
		display: inline;
		position: relative;
		top: -3px;
	}
	
	/************************SIGNUP PAGE************************/

	#signup-heading {
		text-align: left;
		margin-top: 90px;
	}
	
	#signup-heading h2 {
		line-height: 1em;
	}
	
	#signup-content .col,
	#payment-info,
	#signup-content #location-info,
	#signup-content p {
		width: 100%;
	}
	
}

@media only screen and (max-width: 529px) {

	#what h3,
	#features h3,
	#pricing h3 {
		text-align: left;
	}
	
	#what .firstp,
	#features .firstp,
	#pricing .firstp  {
		text-align: left;
		font-size: 1.5em;
		font-style: normal;		
	}
	
	#what-left {
		width: 100%;
	}
	
	#features-left, 
	#features-right {
		width: 100%;
	}
	
	#pricing .button {
		margin-left: 0;
	}
	
	a#close-more {
		display: none;
	}
	
	
	#footer-right {
		float: left;
		clear: both;
		width: 100%;
	}
	
	#amazon {
		margin-right: 50px;
	}
	
}

@media only screen and (max-width: 468px) {
	
	
	#home h2 {
		font-size: 2em;
	}
	
	.banner-content p {
		font-family: 1.3em;
	}
	
	li#phone-no {
		width: 100%;
		margin-bottom: 20px;
		text-align: left;
	}
	
	#contact h3 {
		text-align: left;
	}
	
	#contact .firstp  {
		text-align: left;
		font-size: 1.5em;
		font-style: normal;		
	}
	.banner-content {
		margin-top: 30px;
	}
	
}


/************************VALIDATION************************/

/* global - input box outline / background */
.input-validation-error {
    border: 1px solid #f00;
    background-color: #fee;
}

/* hide individual validation messages on contact/login forms */
#login-form .field-validation-error,
#contact-form .field-validation-error {
    display: none;
}

/* login form */
#login-error {
    min-height: 14px;
    color: #f00;
    display: block;
    clear: both;
    font-size: 1.4em;
    text-align: center;
}

/* signup form */
#signup-form .field-validation-valid {
    min-height: 21px;
    margin-bottom: 3px;
    display: inline-block;
}

#signup-form .field-validation-error {
    left: 0;
    bottom: 100%;
    background-color: rgba(250,60,60,1);
    color: #fff;
    padding: 2px 10px;
    z-index: 99;
    border-radius: 0 0 7px 7px;
    opacity: 0;
    overflow: hidden;
    box-shadow: 1px 1px 3px 1px rgba(192,192,192,.4);
    font-size: 1.25em;
    margin-bottom: 3px;
    margin-left: 10px;
    transition: all .3s linear .3s;
    display: inline-block;
    min-height: 21px;
}

#signup-form input:focus + .field-validation-error, 
#signup-form input:hover + .field-validation-error {
    opacity: 1;
    transition: all .3s linear .2s;
}

#paypal-input .field-validation-error,
#paypal-input .field-validation-valid {
    position: absolute;
    bottom: -70px;
    left: 0;
}