/*
 * Bootstrap v3.3.5 (http://getbootstrap.com)
 * Copyright 2011-2015 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
 */
/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */
html {
   font-family: sans-serif;
   -ms-text-size-adjust: 100%;
   -webkit-text-size-adjust: 100%;
}

body {
   margin: 0;
}

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

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

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

[hidden],
template {
   display: none;
}

a {
   background-color: transparent;
}

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

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

b,
strong {
   font-weight: bold;
}

dfn {
   font-style: italic;
}

h1 {
   font-size: 2em;
   margin: 0.67em 0;
}

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

small {
   font-size: 80%;
}

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

sup {
   top: -0.5em;
}

sub {
   bottom: -0.25em;
}

img {
   border: 0;
}

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

figure {
   margin: 1em 40px;
}

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

pre {
   overflow: auto;
}

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

button,
input,
optgroup,
select,
textarea {
   color: inherit;
   font: inherit;
   margin: 0;
}

button {
   overflow: visible;
}

button,
select {
   text-transform: none;
}

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

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

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

input {
   line-height: normal;
}

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

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

input[type="search"] {
   -webkit-appearance: textfield;
   box-sizing: content-box;
}

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

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

legend {
   border: 0;
   padding: 0;
}

textarea {
   overflow: auto;
}

optgroup {
   font-weight: bold;
}

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

td,
th {
   padding: 0;
}

.clearfix:before,
.clearfix:after {
   content: " ";
   display: table;
}

.clearfix:after {
   clear: both;
}

.center-block {
   display: block;
   margin-left: auto;
   margin-right: auto;
}

.pull-right {
   float: right !important;
}

.pull-left {
   float: left !important;
}

.hide {
   display: none !important;
}

.show {
   display: block !important;
}

.invisible {
   visibility: hidden;
}

.text-hide {
   font: 0/0 a;
   color: transparent;
   text-shadow: none;
   background-color: transparent;
   border: 0;
}

.hidden {
   display: none !important;
}

.affix {
   position: fixed;
}

@font-face {
   font-family: 'VaccineSans-Black';
  src: url("../fonts/VaccineSans-Black_gdi.eot");
  src: url("../fonts/VaccineSans-Black_gdi.eot?#iefix") format('embedded-opentype'), url("../fonts/VaccineSans-Black_gdi.woff") format('woff'), url("../fonts/VaccineSans-Black_gdi.ttf") format('truetype'), url("../fonts/VaccineSans-Black_gdi.otf") format('opentype'), url("../fonts/VaccineSans-Black_gdi.svg#VaccineSans-Black") format('svg');
  font-weight: 900;
  font-style: normal;
  font-stretch: normal;
  unicode-range: U+0020-25CA;
}

@font-face {
   font-family: 'VaccineSans-BlackItalic';
  src: url("../fonts/VaccineSans-BlackItalic_gdi.eot");
  src: url("../fonts/VaccineSans-BlackItalic_gdi.eot?#iefix") format('embedded-opentype'), url("../fonts/VaccineSans-BlackItalic_gdi.woff") format('woff'), url("../fonts/VaccineSans-BlackItalic_gdi.ttf") format('truetype'), url("../fonts/VaccineSans-BlackItalic_gdi.otf") format('opentype'), url("../fonts/VaccineSans-BlackItalic_gdi.svg#VaccineSans-BlackItalic") format('svg');
  font-weight: 900;
  font-style: italic;
  font-stretch: normal;
  unicode-range: U+0020-25CA;
}

@font-face {
   font-family: 'VaccineSans-Bold';
  src: url("../fonts/VaccineSans-Bold_gdi.eot");
  src: url("../fonts/VaccineSans-Bold_gdi.eot?#iefix") format('embedded-opentype'), url("../fonts/VaccineSans-Bold_gdi.woff") format('woff'), url("../fonts/VaccineSans-Bold_gdi.ttf") format('truetype'), url("../fonts/VaccineSans-Bold_gdi.otf") format('opentype'), url("../fonts/VaccineSans-Bold_gdi.svg#VaccineSans-Bold") format('svg');
  font-weight: 700;
  font-style: normal;
  font-stretch: normal;
  unicode-range: U+0020-25CA;
}

@font-face {
   font-family: 'VaccineSans-BoldItalic';
  src: url("../fonts/VaccineSans-BoldItalic_gdi.eot");
  src: url("../fonts/VaccineSans-BoldItalic_gdi.eot?#iefix") format('embedded-opentype'), url("../fonts/VaccineSans-BoldItalic_gdi.woff") format('woff'), url("../fonts/VaccineSans-BoldItalic_gdi.ttf") format('truetype'), url("../fonts/VaccineSans-BoldItalic_gdi.otf") format('opentype'), url("../fonts/VaccineSans-BoldItalic_gdi.svg#VaccineSans-BoldItalic") format('svg');
  font-weight: 700;
  font-style: italic;
  font-stretch: normal;
  unicode-range: U+0020-25CA;
}

@font-face {
   font-family: 'VaccineSans-ExtraBold';
  src: url("../fonts/VaccineSans-ExtraBold_gdi.eot");
  src: url("../fonts/VaccineSans-ExtraBold_gdi.eot?#iefix") format('embedded-opentype'), url("../fonts/VaccineSans-ExtraBold_gdi.woff") format('woff'), url("../fonts/VaccineSans-ExtraBold_gdi.ttf") format('truetype'), url("../fonts/VaccineSans-ExtraBold_gdi.otf") format('opentype'), url("../fonts/VaccineSans-ExtraBold_gdi.svg#VaccineSans-ExtraBold") format('svg');
  font-weight: 800;
  font-style: normal;
  font-stretch: normal;
  unicode-range: U+0020-25CA;
}

@font-face {
   font-family: 'VaccineSans-ExtraBoldItalic';
  src: url("../fonts/VaccineSans-ExtraBoldItalic_gdi.eot");
  src: url("../fonts/VaccineSans-ExtraBoldItalic_gdi.eot?#iefix") format('embedded-opentype'), url("../fonts/VaccineSans-ExtraBoldItalic_gdi.woff") format('woff'), url("../fonts/VaccineSans-ExtraBoldItalic_gdi.ttf") format('truetype'), url("../fonts/VaccineSans-ExtraBoldItalic_gdi.otf") format('opentype'), url("../fonts/VaccineSans-ExtraBoldItalic_gdi.svg#VaccineSans-ExtraBoldItalic") format('svg');
  font-weight: 800;
  font-style: italic;
  font-stretch: normal;
  unicode-range: U+0020-25CA;
}

@font-face {
   font-family: 'VaccineSans-Italic';
  src: url("../fonts/VaccineSans-Italic_gdi.eot");
  src: url("../fonts/VaccineSans-Italic_gdi.eot?#iefix") format('embedded-opentype'), url("../fonts/VaccineSans-Italic_gdi.woff") format('woff'), url("../fonts/VaccineSans-Italic_gdi.ttf") format('truetype'), url("../fonts/VaccineSans-Italic_gdi.otf") format('opentype'), url("../fonts/VaccineSans-Italic_gdi.svg#VaccineSans-Italic") format('svg');
  font-weight: 400;
  font-style: italic;
  font-stretch: normal;
  unicode-range: U+0020-25CA;
}

@font-face {
   font-family: 'VaccineSans-Light';
  src: url("../fonts/VaccineSans-Light_gdi.eot");
  src: url("../fonts/VaccineSans-Light_gdi.eot?#iefix") format('embedded-opentype'), url("../fonts/VaccineSans-Light_gdi.woff") format('woff'), url("../fonts/VaccineSans-Light_gdi.ttf") format('truetype'), url("../fonts/VaccineSans-Light_gdi.svg#VaccineSans-Light") format('svg');
  font-weight: 300;
  font-style: normal;
  font-stretch: normal;
  unicode-range: U+0020-25CA;
}

@font-face {
   font-family: 'VaccineSans-LightItalic';
  src: url("../fonts/VaccineSans-LightItalic_gdi.eot");
  src: url("../fonts/VaccineSans-LightItalic_gdi.eot?#iefix") format('embedded-opentype'), url("../fonts/VaccineSans-LightItalic_gdi.woff") format('woff'), url("../fonts/VaccineSans-LightItalic_gdi.ttf") format('truetype'), url("../fonts/VaccineSans-LightItalic_gdi.otf") format('opentype'), url("../fonts/VaccineSans-LightItalic_gdi.svg#VaccineSans-LightItalic") format('svg');
  font-weight: 300;
  font-style: italic;
  font-stretch: normal;
  unicode-range: U+0020-25CA;
}

@font-face {
   font-family: 'VaccineSans-Regular';
  src: url("../fonts/VaccineSans-Regular_gdi.eot");
  src: url("../fonts/VaccineSans-Regular_gdi.eot?#iefix") format('embedded-opentype'), url("../fonts/VaccineSans-Regular_gdi.woff") format('woff'), url("../fonts/VaccineSans-Regular_gdi.ttf") format('truetype'), url("../fonts/VaccineSans-Regular_gdi.otf") format('opentype'), url("../fonts/VaccineSans-Regular_gdi.svg#VaccineSans-Regular") format('svg');
  font-weight: 400;
  font-style: normal;
  font-stretch: normal;
  unicode-range: U+0020-25CA;
}

* {
   box-sizing: border-box;
}

*:before,
*:after {
   box-sizing: border-box;
}

html {
   font-size: 10px;
   -webkit-tap-highlight-color: rgba(0,0,0,0);
   min-height: 100%;
}

body {
   font-family: 'VaccineSans-Regular', 'Arial', sans-serif;
   font-size: 18px;
   line-height: 1.2;
   color: #000;
   background-color: #fff;
   min-height: 100%;
}

input,
button,
select,
textarea {
   font-family: inherit;
   font-size: inherit;
   line-height: inherit;
}

a {
   color: #06c;
   text-decoration: underline;
}

a:hover,
a:focus {
   color: #06c;
   text-decoration: none;
   outline-style: none;
}

figure {
   margin: 0;
}

img {
   vertical-align: middle;
}

.img-responsive {
   display: block;
   max-width: 100%;
   height: auto;
}

.img-rounded {
   border-radius: 6px;
}

.img-thumbnail {
   padding: 4px;
   line-height: 1.428571429;
   background-color: #fff;
   border: 1px solid #ddd;
   border-radius: 4px;
   transition: all 0.2s ease-in-out;
   display: inline-block;
   max-width: 100%;
   height: auto;
}

.img-circle {
   border-radius: 50%;
}

hr {
   margin-top: 20px;
   margin-bottom: 20px;
   border: 0;
   border-top: 1px solid #eee;
}

p {
   margin-top: 0;
   margin-bottom: 18px;
}

h2 {
   text-transform: uppercase;
   font-size: 24px;
   font-family: 'VaccineSans-Bold', 'Arial', sans-serif;
   margin-top: 0;
   margin-bottom: 20px;
}

h3 {
   font-size: 21px;
   font-family: 'VaccineSans-Bold', 'Arial', sans-serif;
   color: #729d2c;
   margin-top: 20px;
   margin-bottom: 15px;
}

table {
   width: 100%;
   max-width: 700px;
   margin: 15px 0;
   border-top: 1px solid #000;
}

table tr {
   border-bottom: 1px solid #000;
}

table tr.subtitle {
   background-color: #dee4ee;
   color: #244b90;
}

table tr.full {
   background-color: #e8e8e8;
}

table tr.full th {
   padding: 14px 4px;
}

table th {
   font-family: 'VaccineSans-Bold', 'Arial', sans-serif;
   font-size: 18px;
   text-align: left;
   padding: 7px 4px;
}

table td {
   font-size: 18px;
   text-align: left;
   padding: 7px 4px;
}

table td.with-arrow {
   position: relative;
   padding-right: 20px;
}

table td.with-arrow:after {
   content: '';
   position: absolute;
   right: 5px;
   top: 50%;
   margin-top: -9.5px;
   display: block;
   width: 9px;
   height: 19px;
   background-image: url("../images/icons/table-arrow.png");
}

.footnote {
   font-size: 18px;
}

.site {
   padding: 0 30px;
   overflow: hidden;
}

.site__content {
   margin-top: 60px;
}

.content {
   position: relative;
   margin-bottom: 50px;
}

.content:before,
.content:after {
   content: " ";
   display: table;
}

.content:after {
   clear: both;
}

.content__primary,
.content__secondary {
   display: block;
   float: left;
}

.content__primary {
   width: 60%;
   padding-left: 25px;
}

.content__secondary {
   width: 40%;
   position: relative;
   padding-top: 640px;
}

@media screen and (max-width: 1200px) {
   .content__secondary {
      padding-top: 450px;
   }
}

.content__secondary:before {
   display: block;
   content: "";
   width: 788px;
   height: 640px;
   position: absolute;
   right: -200px;
   top: -30px;
   background-image: url("../images/backgrounds/product-image.jpg");
   background-repeat: no-repeat;
   -webkit-background-size: 100%;
   -o-background-size: 100%;
   background-size: 100%;
   z-index: 1;
}

@media screen and (max-width: 1200px) {
   .content__secondary:before {
      width: 510px;
      height: 550px;
      right: -145px;
   }
}

.content__secondary iframe {
   float: right;
   width: 360px;
   height: 203px;
   position: relative;
   z-index: 2;
}

.page-header {
   position: relative;
   margin-bottom: 40px;
   z-index: 3;
}

.page-header:before,
.page-header:after {
   content: " ";
   display: table;
}

.page-header:after {
   clear: both;
}

.page-header__title {
   font-family: 'VaccineSans-Light', 'Arial', sans-serif;
   margin-top: 0;
   margin-bottom: 30px;
   font-size: 35px;
   line-height: 1.2;
   font-weight: normal;
}

.page-header__title span {
   white-space: nowrap;
}

.header {
   position: relative;
   margin-top: 30px;
   font-size: 0;
   min-width: 890px;
   z-index: 2;
}

.header__primary {
   display: block;
   padding-right: 235px;
   width: 100%;
}

.header__primary-wrapper {
   padding: 12px 0;
   background-color: #244b90;
   font-size: 0;
   background-image: url("../images/backgrounds/header-primary-bg.png");
   background-repeat: no-repeat;
   background-position: right center;
}

@media only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
   .header__primary-wrapper {
      background-image: url("../images/backgrounds/@2x/header-primary-bg@2x.png");
      background-size: 300px 221px;
   }
}

.header__primary .header__title {
   width: 50%;
   display: inline-block;
   vertical-align: middle;
   padding-left: 25px;
   text-align: left;
}

.header__primary .header__title-heading {
   display: inline-block;
   vertical-align: middle;
   font-size: 40px;
   text-transform: uppercase;
   color: #fff;
   margin-top: 0;
   margin-bottom: 0;
   font-weight: normal;
}

.header__primary .header__companyphone {
   width: 50%;
   display: inline-block;
   vertical-align: middle;
   padding-right: 15px;
   text-align: right;
}

.header__primary .header__companyphone-link {
   display: inline-block;
   vertical-align: middle;
   color: #fff;
   font-size: 24px;
   text-decoration: none;
}

.header__primary .header__companyphone-link:hover,
.header__primary .header__companyphone-link:focus {
   text-decoration: none;
}

.header__primary .header__companyphone-link span {
   font-family: 'VaccineSans-Light', 'Arial', sans-serif;
}

.header__primary .header__companyphone-link strong {
   font-family: 'VaccineSans-Bold', 'Arial', sans-serif;
}

.header__secondary {
   position: absolute;
   right: 0;
   top: 10px;
}

.header__secondary-wrapper {
   text-align: right;
}

.header__secondary .header__logotype {
   display: inline-block;
   vertical-align: middle;
}

.header__secondary .header__logotype-link {
   display: block;
   width: 170px;
   height: 53px;
   background-image: url("../images/logotype/logotype.png");
   background-repeat: no-repeat;
}

@media only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
   .header__secondary .header__logotype-link {
      background-image: url("../images/logotype/@2x/logotype@2x.png");
      background-size: 170px 53px;
   }
}

.slider {
   margin-bottom: 50px;
}

.slider:before,
.subslider:before,
.slider:after,
.subslider:after {
   content: " ";
   display: table;
}

.slider:after,
.subslider:after {
   clear: both;
}

.slider .flex-viewport:before,
.subslider .flex-viewport:before,
.slider .flex-viewport:after,
.subslider .flex-viewport:after {
   content: " ";
   display: table;
}

.slider .flex-viewport:after,
.subslider .flex-viewport:after {
   clear: both;
}

.slider .slides,
.subslider .slides {
   position: relative;
   z-index: 3;
   width: 100%;
   display: block;
   padding: 0;
   margin: 0;
   list-style: none;
}

.slider .slides:before,
.subslider .slides:before,
.slider .slides:after,
.subslider .slides:after {
   content: " ";
   display: table;
}

.slider .slides:after,
.subslider .slides:after {
   clear: both;
}

.slider .slide,
.subslider .slide {
   margin: 0;
   width: 100%;
   padding-right: 50px;
   height: 0;
}

.slider .slide:before,
.subslider .slide:before,
.slider .slide:after,
.subslider .slide:after {
   content: " ";
   display: table;
}

.slider .slide:after,
.subslider .slide:after {
   clear: both;
}

.slider .slide.flex-active-slide,
.subslider .slide.flex-active-slide {
   height: auto;
}

.slider .slide .nowrap,
.subslider .slide .nowrap {
   white-space: nowrap;
}

.slider .slide .content-columns,
.subslider .slide .content-columns {
   display: block;
   float: left;
   width: 50%;
   padding-right: 25px;
}

@media screen and (max-width: 1200px) {
   .slider .slide .content-columns,
  .subslider .slide .content-columns {
      width: 100%;
      float: none;
      padding: 0;
   }
}

.slider .slide .content-columns + .content-columns,
.subslider .slide .content-columns + .content-columns {
   padding-right: 0;
   padding-left: 25px;
}

@media screen and (max-width: 1200px) {
   .slider .slide .content-columns + .content-columns,
  .subslider .slide .content-columns + .content-columns {
      padding: 0;
   }
}

.slider .slide .content-columns h3:first-child,
.subslider .slide .content-columns h3:first-child {
   margin-top: 0;
}

@media screen and (max-width: 1200px) {
   .slider .slide .content-columns h3:first-child,
  .subslider .slide .content-columns h3:first-child {
      margin-top: 20px;
   }
}

.slider .slide ul,
.subslider .slide ul {
   list-style: none;
   padding-left: 22px;
}

.slider .slide ul li,
.subslider .slide ul li {
   position: relative;
   margin-bottom: 5px;
   font-size: 18px;
}

.slider .slide ul li:before,
.subslider .slide ul li:before {
   content: "";
   position: absolute;
   display: block;
   left: -19px;
   top: 8px;
   width: 6px;
   height: 6px;
   border-radius: 50%;
   background-color: #000;
}

.slider .slide img,
.subslider .slide img {
   display: block;
   max-width: 100%;
   margin-bottom: 18px;
}

.slider .slide .slides,
.subslider .slide .slides {
   padding: 0;
}

.slider .slide .slides .slide:before,
.subslider .slide .slides .slide:before {
   display: none;
}

.slider .flex-control-nav,
.subslider .flex-control-nav {
   padding: 0;
   margin: 0;
   position: absolute;
   right: 0;
   top: 10px;
   font-size: 0;
   z-index: 2;
}

.slider .flex-control-nav li,
.subslider .flex-control-nav li {
   margin-bottom: 33px;
}

.slider .flex-control-nav li.flex-active a,
.subslider .flex-control-nav li.flex-active a {
   position: relative;
}

.slider .flex-control-nav li.flex-active a:before,
.subslider .flex-control-nav li.flex-active a:before {
   left: -6px;
   top: -6px;
   width: 16px;
   height: 16px;
   border: 2px solid #244b90;
   opacity: 1;
   filter: alpha(opacity=100);
}

.slider .flex-control-nav a,
.subslider .flex-control-nav a {
   cursor: pointer;
   display: block;
   width: 8px;
   height: 8px;
   border-radius: 50%;
   background-color: #244b90;
   border: 2px solid transparent;
   transition: opacity 0.3s;
}

.slider .flex-control-nav a:before,
.subslider .flex-control-nav a:before,
.slider .flex-control-nav a:after,
.subslider .flex-control-nav a:after {
   display: block;
   content: "";
   position: absolute;
   border-radius: 50%;
   opacity: 0;
   filter: alpha(opacity=0);
   transition: opacity 0.3s;
}

.slider .flex-control-nav a:hover:after,
.subslider .flex-control-nav a:hover:after {
   left: -16px;
   top: -16px;
   width: 36px;
   height: 36px;
   border: 6px solid rgba(255,255,255,0.5);
   opacity: 1;
   filter: alpha(opacity=100);
}

.slider .flex-control-nav a:hover,
.subslider .flex-control-nav a:hover,
.slider .flex-control-nav a.flex-active,
.subslider .flex-control-nav a.flex-active {
   position: relative;
}

.slider .flex-control-nav a:hover:before,
.subslider .flex-control-nav a:hover:before,
.slider .flex-control-nav a.flex-active:before,
.subslider .flex-control-nav a.flex-active:before {
   left: -6px;
   top: -6px;
   width: 16px;
   height: 16px;
   border: 2px solid #244b90;
   opacity: 1;
   filter: alpha(opacity=100);
}

.slider .flex-direction-nav,
.subslider .flex-direction-nav {
   position: relative;
   display: block;
   padding: 0 !important;
   margin: 30px -10px 0;
   list-style: none;
   font-size: 0;
   z-index: 20;
}

.slider .flex-direction-nav li,
.subslider .flex-direction-nav li {
   display: inline-block;
   vertical-align: middle;
   padding: 0 10px;
}

.slider .flex-direction-nav li:before,
.subslider .flex-direction-nav li:before {
   display: none !important;
}

.slider .flex-direction-nav a,
.subslider .flex-direction-nav a {
   display: block;
   font-family: 'VaccineSans-Bold', 'Arial', sans-serif;
   color: #789530;
   font-size: 24px;
   padding: 7px 33px;
   border: 4px solid #789530;
   text-decoration: none;
   transition: background-color 0.3s;
}

.slider .flex-direction-nav a:hover,
.subslider .flex-direction-nav a:hover {
   text-decoration: none;
   color: #fff;
   background-color: #789530;
   border: none;
   padding: 11px 37px;
   text-shadow: 0 1px 0 rgba(0,0,0,0.15);
   box-shadow: inset 0 1px 5px rgba(0,0,0,0.15);
}

.order {
   font-size: 0;
   margin: 0 -10px;
}

.order__button {
   display: inline-block;
   vertical-align: middle;
   padding: 0 10px;
}

.order__button a {
   display: block;
   text-decoration: none;
   padding: 5px;
   background-image: linear-gradient(to bottom, #c5c5c5 0%, #fff 100%);
   background-repeat: repeat-x;
   filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffc5c5c5', endColorstr='#ffffffff', GradientType=0);
   border-radius: 30px;
}

.order__button a span {
   position: relative;
   display: block;
   border-radius: 30px;
   font-size: 22px;
   color: #fff;
   background-color: #e9691f;
   z-index: 2;
   padding: 5px 14px;
}

.order__button a span:hover:before {
   opacity: 0;
   filter: alpha(opacity=0);
}

.order__button a span:hover:after {
   opacity: 1;
   filter: alpha(opacity=100);
}

.order__button a span:active {
   text-shadow: 0 1px 0 rgba(0,0,0,0.15);
}

.order__button a span:active:before {
   opacity: 0;
   filter: alpha(opacity=0);
}

.order__button a span:active:after {
   opacity: 1;
   filter: alpha(opacity=100);
   box-shadow: inset 0 1px 3px rgba(0,0,0,0.15);
}

.order__button a span:before,
.order__button a span:after {
   display: block;
   content: "";
   position: absolute;
   left: 0;
   top: 0;
   width: 100%;
   height: 100%;
   border-radius: 30px;
   z-index: -1;
   transition: opacity 0.3s;
}

.order__button a span:before {
   background-image: linear-gradient(to bottom, #ef8e4e 0%, #e9691f 100%);
   background-repeat: repeat-x;
   filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffef8e4e', endColorstr='#ffe9691f', GradientType=0);
   opacity: 1;
   filter: alpha(opacity=100);
}

.order__button a span:after {
   background-image: linear-gradient(to bottom, #fdc004 0%, #e25312 100%);
   background-repeat: repeat-x;
   filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fffdc004', endColorstr='#ffe25312', GradientType=0);
   opacity: 0;
   filter: alpha(opacity=0);
}

.order__link {
   display: inline-block;
   vertical-align: middle;
   padding: 0 10px;
}

.order__link a {
   display: inline;
   font-size: 20px;
   color: #06c;
   text-decoration: none;
   border-bottom: 1px solid #06c;
}

.order__link a:hover {
   border-bottom: 1px solid transparent;
   text-decoration: none;
}

.up {
   position: absolute;
   left: 165px;
   bottom: 0;
   display: block;
   width: 36px;
   height: 36px;
   border: 4px solid #789530;
   text-decoration: none;
   transition: background-color 0.3s;
   background-repeat: no-repeat;
   background-image: url("../images/icons/arrow.png");
   background-position: center;
   z-index: 50;
}

.up:hover {
   text-decoration: none;
   background-color: #789530;
   border: none;
   background-image: url("../images/icons/arrow-hover.png");
   text-shadow: 0 1px 0 rgba(0,0,0,0.15);
   box-shadow: inset 0 1px 5px rgba(0,0,0,0.15);
}