/* 
	Table of Contents
	update on Thu Jan 14 2016 09:07:51 GMT+0200 (FLE Standard Time)

	I.   Generic --------------------------------------
	     01. Reset ------------------------------------
	     02. Base -------------------------------------
	     03. Media Queries ----------------------------
	         Tablet Portrait --------------------------
	         Mobile -----------------------------------
	     04. Fonts ------------------------------------
	     05. Helpers ----------------------------------
	         Clear ------------------------------------
	         Notext -----------------------------------
	         Hidden -----------------------------------
	         Alignleft --------------------------------
	         Alignright -------------------------------
	         Disabled ---------------------------------
	         Cols -------------------------------------
	         Link -------------------------------------
	     06. Media Queries ----------------------------
	         Mobile -----------------------------------
	II.  Regions --------------------------------------
	     01. Container --------------------------------
	     02. Content ----------------------------------
	     03. Media Queries ----------------------------
	         Mobile -----------------------------------
	     04. Footer -----------------------------------
	     05. Media Queries ----------------------------
	         Mobile -----------------------------------
	     06. Header -----------------------------------
	     07. Media Queries ----------------------------
	         Tablet Portrait --------------------------
	         Mobile -----------------------------------
	     08. Main -------------------------------------
	     09. Media Queries ----------------------------
	         Mobile -----------------------------------
	     10. Shell ------------------------------------
	     11. Sidebar ----------------------------------
	     12. Media Queries ----------------------------
	         Mobile -----------------------------------
	     13. Wrapper ----------------------------------
	III. Modules --------------------------------------
	     01. Breadcrumbs ------------------------------
	     02. Media Queries ----------------------------
	         Mobile -----------------------------------
	     03. Button -----------------------------------
	         Btn Search -------------------------------
	         Btn Black --------------------------------
	         Btn Blue ---------------------------------
	         Button Block -----------------------------
	     04. Media Queries ----------------------------
	         Tablet Portrait --------------------------
	         Mobile -----------------------------------
	     05. Features ---------------------------------
	     06. Media Queries ----------------------------
	         Mobile -----------------------------------
	     07. Form Elements ----------------------------
	     08. Form -------------------------------------
	     09. Fullsize Image ---------------------------
	     10. List -------------------------------------
	     11. Logo -------------------------------------
	     12. Media Queries ----------------------------
	         Mobile -----------------------------------
	     13. Nav --------------------------------------
	     14. Media Queries ----------------------------
	         Tablet Portrait --------------------------
	         Mobile -----------------------------------
	         Nav --------------------------------------
	     15. Search -----------------------------------
	     16. Search Secondary -------------------------
	     17. Media Queries ----------------------------
	         Mobile -----------------------------------
	     18. Section ----------------------------------
	     19. Section Catalog --------------------------
	     20. Section Features -------------------------
	     21. Media Queries ----------------------------
	         Mobile -----------------------------------
	         Section Catalog --------------------------
	         Section Features -------------------------
	     22. Slider -----------------------------------
	     23. Media Queries ----------------------------
	         Mobile -----------------------------------
	     24. Table ------------------------------------
	     25. Widget -----------------------------------
	     26. Widget Search ----------------------------
	     27. Media Queries ----------------------------
	         Mobile -----------------------------------
	         Widget Search ----------------------------
 */
/* ==========================================================================
	Variables
========================================================================== */
/* ==========================================================================
	Mixins
========================================================================== */
/* CSS3 ELEMENTS
============================== */
.ico-search-blue {
  background-image: url(../css/img/sprite.png);
  background-position: -36px 0;
  width: 25px;
  height: 25px;
  display: inline-block;
  vertical-align: middle;
  font-size: 0; }

.ico-search-grey-large {
  background-image: url(../css/img/sprite.png);
  background-position: 0 0;
  width: 32px;
  height: 32px;
  display: inline-block;
  vertical-align: middle;
  font-size: 0; }

.ico-search-grey {
  background-image: url(../css/img/sprite.png);
  background-position: 0 -36px;
  width: 25px;
  height: 25px;
  display: inline-block;
  vertical-align: middle;
  font-size: 0; }

@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
  .ico-search-blue {
    background-image: url(../css/img/sprite.@2x.png);
    background-position: -34px 0;
    background-size: 59px 59px;
    width: 25px;
    height: 25px;
    display: inline-block;
    vertical-align: middle;
    font-size: 0; }
  .ico-search-grey-large {
    background-image: url(../css/img/sprite.@2x.png);
    background-position: 0 0;
    background-size: 59px 59px;
    width: 32px;
    height: 32px;
    display: inline-block;
    vertical-align: middle;
    font-size: 0; }
  .ico-search-grey {
    background-image: url(../css/img/sprite.@2x.png);
    background-position: 0 -34px;
    background-size: 59px 59px;
    width: 25px;
    height: 25px;
    display: inline-block;
    vertical-align: middle;
    font-size: 0; } }

/* ------------------------------------------------------------ *	I.   Generic
\* ------------------------------------------------------------ */
/* ------------------------------------------------------------ *	Reset
\* ------------------------------------------------------------ */
*,
*:before,
*:after {
  padding: 0;
  margin: 0;
  outline: 0;
  box-sizing: border-box; }

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

html,
body {
  height: 100%; }

html {
  tap-highlight-color: transparent; }

body {
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  font-smoothing: antialiased;
  -webkit-text-size-adjust: none;
  -ms-text-size-adjust: none;
  text-size-adjust: none; }

img, iframe, video, audio, object {
  max-width: 100%; }

img, iframe {
  border: 0 none; }

img {
  height: auto;
  display: inline-block;
  vertical-align: middle; }

b,
strong {
  font-weight: bold; }

address {
  font-style: normal; }

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

a,
button,
input[type="submit"],
input[type="button"],
input[type="reset"],
input[type="file"],
input[type="image"],
label[for] {
  cursor: pointer; }

a[href^="tel"],
button[disabled],
input[disabled],
textarea[disabled],
select[disabled] {
  cursor: default; }

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

input[type="text"],
input[type="password"],
input[type="date"],
input[type="datetime"],
input[type="datetime-local"],
input[type="month"],
input[type="week"],
input[type="email"],
input[type="number"],
input[type="search"],
input[type="tel"],
input[type="time"],
input[type="url"],
input[type="color"],
textarea,
a[href^="tel"] {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none; }

input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
  display: none;
  -webkit-appearance: none; }

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

textarea {
  overflow: auto;
  resize: none;
  -webkit-overflow-scrolling: touch;
  overflow-scrolling: touch; }

button,
input,
optgroup,
select,
textarea {
  font-family: inherit;
  font-size: inherit;
  color: inherit;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  font-smoothing: antialiased; }

button,
select {
  text-transform: none; }

table {
  width: 100%;
  border-collapse: collapse;
  border-spacing: 0; }

nav ul,
nav ol {
  list-style: none outside none; }

/* ------------------------------------------------------------ *	Base
\* ------------------------------------------------------------ */
body {
  min-width: 320px;
  background: #fff;
  font-family: 'Roboto', sans-serif;
  font-size: 14px;
  line-height: 1.4;
  color: black; }

a {
  color: inherit;
  text-decoration: none; }

a:hover {
  text-decoration: underline; }

a[href^="tel"] {
  text-decoration: none; }

h1,
h2,
h3,
h4,
h5,
h6 {
  margin-bottom: 0.7em; }

h1 {
  font-size: 40px; }

h2 {
  font-size: 34px; }

h3 {
  font-size: 32px; }

h4 {
  font-size: 24px; }

h5 {
  font-size: 20px; }

h6 {
  font-size: 18px; }

p,
ul,
ol,
dl,
table,
blockquote {
  margin-bottom: 1.4em; }

h1[class],
h2[class],
h3[class],
h4[class],
h5[class],
h6[class],
h1:last-child,
h2:last-child,
h3:last-child,
h4:last-child,
h5:last-child,
h6:last-child,
p:last-child,
ul:last-child,
ol:last-child,
dl:last-child,
table:last-child,
blockquote:last-child {
  margin-bottom: 0; }

/* ------------------------------------------------------------ *	Media Queries
\* ------------------------------------------------------------ */
/* Tablet Portrait */
@media (max-width: 969px) {
  h1 {
    font-size: 38px; }
  h2 {
    font-size: 32px; }
  h3 {
    font-size: 22px; } }

/* Mobile */
@media (max-width: 767px) {
  h1 {
    font-size: 34px; }
  h2 {
    font-size: 30px; } }

/* ------------------------------------------------------------ *	Fonts
\* ------------------------------------------------------------ */
/* ------------------------------------------------------------ *	Helpers
\* ------------------------------------------------------------ */
/*  Clear  */
.main-head .shell:after,
.main-body:after,
.footer-bar .shell:after,
.footer-cols:after,
.section-catalog .shell:after,
.cols:after,
.header:after,
.clear:after {
  content: '';
  line-height: 0;
  display: table;
  clear: both; }

/*  Notext  */
.notext {
  white-space: nowrap;
  text-indent: 100%;
  text-shadow: none;
  overflow: hidden; }

.notext-old {
  font-size: 0;
  line-height: 0;
  text-indent: -4000px; }

/*  Hidden  */
[hidden],
.hidden {
  display: none; }

/*  Alignleft  */
.alignleft {
  float: left; }

/*  Alignright  */
.alignright {
  float: right; }

/*  Disabled  */
[disabled],
.disabled {
  cursor: default; }

/*  Cols  */
.cols {
  margin: 0 -5px; }

.col {
  float: left;
  padding: 0 5px; }

.col-1of3 {
  width: 33.33%; }

.col-2of3 {
  width: 66.66%; }

.col-1of2 {
  width: 50%; }

.col-size1 {
  width: 67.8%; }

.col-size2 {
  width: 32.2%; }

/*  Link  */
.link {
  color: #980000; }

/* ------------------------------------------------------------ *	Media Queries
\* ------------------------------------------------------------ */
/* Mobile */
@media (max-width: 767px) {
  .cols {
    margin: 0; }
  .col {
    float: none;
    padding: 0; }
  .col-1of3,
  .col-1of2,
  .col-1of2,
  .col-size1,
  .col-size2 {
    width: auto; } }

/* ------------------------------------------------------------ *	II.  Regions
\* ------------------------------------------------------------ */
/* ------------------------------------------------------------ *	Container
\* ------------------------------------------------------------ */
/* ------------------------------------------------------------ *	Content
\* ------------------------------------------------------------ */
.content {
  float: left;
  width: 67.8%;
  background: white;
  line-height: 1.5; }
  .content.full {
    float: none;
    width: 100%;
    clear: both; }

.content-head {
  padding: 26px 10px 19px 23px; }

.content-head h2 {
  margin-bottom: 0px;
  font-family: 'Roboto Condensed', sans-serif;
  line-height: 1.1;
  color: #0e75b9; }

.content-body {
  padding: 8px 30px 8px 20px;
  min-height: 300px; }

/*
.content-body p { margin-bottom: 16px; }
.content-body p a { color: #980000; }
.content-body ul { padding-left: 23px; margin-bottom: 16px; list-style: none outside none; }
.content-body li { position: relative; padding-left: 13px; }
.content-body li:before { position: absolute; top: 8px; left: 0; width: 4px; height: 4px; background: #0e75b9; content: ''; }
*/
/* ------------------------------------------------------------ *	Media Queries
\* ------------------------------------------------------------ */
/* Mobile */
@media (max-width: 767px) {
  .content {
    float: none;
    width: auto;
    padding: 5px; }
  .content-head,
  .content-body {
    padding: 0;
    min-height: 0; }
  .content-head {
    margin-bottom: 22px; } }

/* ------------------------------------------------------------ *	Footer
\* ------------------------------------------------------------ */
.footer {
  margin-top: 10px;
  background: black; }

.footer-col {
  float: right; }

.footer-col-1of3 {
  width: 33.33%; }

.footer-col-2of3 {
  width: 66.66%; }

.footer-body {
  position: relative;
  padding: 19px 0 47px;
  background: black;
  color: white; }

.footer-body:before {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  width: 100%;
  height: 100%;
  background: url(../css/img/footer-bg.png) no-repeat center center;
  background-size: cover;
  content: ''; }

.footer-body-inner {
  position: relative;
  z-index: 2; }

.footer-logo {
  overflow: hidden;
  display: inline-block;
  width: 74px;
  height: 75px;
  background: url(../css/img/footer-logo@2x.png) no-repeat 0 0;
  background-size: 100% 100%;
  font-size: 0;
  text-indent: 100%;
  white-space: nowrap; }

.footer-contacts {
  position: relative;
  padding-right: 92px;
  text-align: right; }

.footer-contacts .footer-logo {
  position: absolute;
  top: 0;
  right: 7px; }

.footer-contacts p {
  line-height: 1.45; }

.footer-contacts a {
  color: #ffe400; }

.footer-content {
  padding: 4px 10px 0 0; }

.footer-content h6 {
  margin-bottom: 1px;
  font-size: 14px; }

.footer-content p {
  font-size: 12px;
  line-height: 1.7; }

.footer-nav-utilities ul {
  list-style: none outside none; }

.footer-nav-utilities li {
  display: inline-block;
  color: #ffe400; }

.footer-nav-utilities li ~ li {
  margin-left: 11px; }

.footer-bar {
  padding: 11px 0 14px;
  font-size: 12px;
  line-height: 1.5; }

.footer-bar p {
  margin-bottom: 0; }

.footer-bar .copyright {
  float: left;
  margin-right: 44px;
  color: white; }

.footer-bar .footer-nav-utilities {
  float: left; }

.footer-bar .credits {
  float: right;
  color: #9e9e9e; }

/* ------------------------------------------------------------ *	Media Queries
\* ------------------------------------------------------------ */
/* Mobile */
@media (max-width: 767px) {
  .footer-col {
    float: none; }
  .footer-col-1of3,
  .footer-col-2of3 {
    width: auto; }
  .footer .shell {
    padding: 0 10px; }
  .footer-contacts {
    padding: 0 0 0 83px;
    margin-bottom: 20px;
    text-align: left; }
  .footer-contacts .footer-logo {
    right: auto;
    left: 0; }
  .footer-content {
    padding-right: 0; }
  .footer-bar {
    padding-bottom: 12px;
    text-align: center; }
  .footer-bar .credits,
  .footer-bar .footer-nav-utilities,
  .footer-bar .copyright {
    float: none;
    margin: 0; }
  .footer-bar .credits {
    margin: 25px 40px 0; } }

/* ------------------------------------------------------------ *	Header
\* ------------------------------------------------------------ */
.header {
  padding: 11px 0 8px; }

.header .logo {
  float: left;
  margin: 0 0 0 11px; }

.header-body {
  float: right; }

.header-contacts {
  padding: 2px 10px 0 0;
  margin-bottom: 15px;
  text-align: right; }

.header-contacts a {
  font-size: 24px;
  color: #0e75b9;
  font-weight: bold;
  text-transform: uppercase; }

.header-inner .nav {
  float: left; }

.header-actions {
  position: relative;
  float: right;
  margin: 4px 0 0 5px; }

.header-actions .search {
  position: absolute;
  top: 100%;
  right: 0;
  z-index: 4;
  opacity: 0;
  visibility: hidden; }

.header-actions .search.expanded {
  opacity: 1;
  visibility: visible; }

/* ------------------------------------------------------------ *	Media Queries
\* ------------------------------------------------------------ */
/* Tablet Portrait */
@media (max-width: 969px) {
  .header .logo {
    margin-left: 0; } }

/* Mobile */
@media (max-width: 767px) {
  .header {
    position: relative;
    min-height: 70px;
    padding: 6px 0 0px; }
  .header .logo {
    margin-left: 1px;
    margin-bottom: 4px; }
  .header-contacts {
    display: none; }
  .header-body {
    position: static;
    float: none;
    clear: both;
    display: none;
    margin: 0 -5px;
    background: #c3dced; }
  .header-inner .nav {
    float: none; }
  .header-actions {
    float: none;
    padding: 2px 0 10px;
    margin: 0; }
  .header-actions .btn-search {
    display: none; }
  .header-actions .search {
    position: static;
    width: auto;
    padding: 10px;
    opacity: 1;
    visibility: visible; }
  .header-actions .search .search-body {
    padding-right: 60px; }
  .header-actions .search .search-btn {
    width: 60px; } }

/* ------------------------------------------------------------ *	Main
\* ------------------------------------------------------------ */
.main {
  position: relative; }

.main:before {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  width: 100%;
  height: 100px;
  background: #c3dced;
  content: ''; }

.main-body {
  position: relative;
  z-index: 2; }

/* ------------------------------------------------------------ *	Media Queries
\* ------------------------------------------------------------ */
/* Mobile */
@media (max-width: 767px) {
  .main {
    padding: 10px 0 0;
    border-top: 4px solid #0e75b9; }
  .main:before {
    display: none; } }

/* ------------------------------------------------------------ *	Shell
\* ------------------------------------------------------------ */
.shell {
  max-width: 970px;
  padding: 0 5px;
  margin: auto; }

/* ------------------------------------------------------------ *	Sidebar
\* ------------------------------------------------------------ */
.sidebar {
  float: right;
  width: 32.2%; }

/* ------------------------------------------------------------ *	Media Queries
\* ------------------------------------------------------------ */
/* Mobile */
@media (max-width: 767px) {
  .sidebar {
    float: none;
    width: auto; } }

/* ------------------------------------------------------------ *	Wrapper
\* ------------------------------------------------------------ */
.wrapper {
  position: relative;
  overflow: hidden;
  min-height: 100%; }

/* ------------------------------------------------------------ *	III. Modules
\* ------------------------------------------------------------ */
/* ------------------------------------------------------------ *	Breadcrumbs
\* ------------------------------------------------------------ */
.breadcrumbs {
  font-size: 12px;
  color: #8e8e8e; }

.breadcrumbs a {
  color: #980000; }

/* ------------------------------------------------------------ *	Media Queries
\* ------------------------------------------------------------ */
/* Mobile */
@media (max-width: 767px) {
  .breadcrumbs {
    line-height: 1.35; } }

/* ------------------------------------------------------------ *	Button
\* ------------------------------------------------------------ */
.btn {
  display: inline-block;
  vertical-align: middle;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  transition: opacity .4s, background .4s, color .4s; }

.btn:hover {
  text-decoration: none; }

/*  Btn Search  */
.btn-search {
  width: 40px;
  height: 40px;
  padding: 8px 7px 7px 8px;
  transition: background 0s; }

.btn-search.active {
  background: #c3dced; }

.btn-search.active .ico-search-blue {
  display: inline-block; }

.btn-search.active .ico-search-grey,
.btn-search .ico-search-blue {
  display: none; }

/*  Btn Black  */
.btn-black {
  display: block;
  width: 100%;
  padding: 19px 0 17px;
  background: #252525;
  font-family: 'Roboto Condensed', sans-serif;
  color: white;
  text-align: center; }

.btn-black:hover {
  background: #3b3b3b; }

.btn-black strong {
  display: block;
  margin-bottom: 2px;
  font-size: 34px;
  line-height: 1.1; }

.btn-black span {
  display: block;
  font-size: 18px; }

/*  Btn Blue  */
.btn-blue {
  padding: 7px 29px 7px 28px;
  background: #0e75b9;
  font-size: 12px;
  color: white;
  font-weight: bold;
  text-transform: uppercase; }

.btn-blue:hover {
  background: #2485c5; }

/*  Button Block  */
.btn-block {
  display: block;
  padding-left: 0;
  padding-right: 0; }

/* ------------------------------------------------------------ *	Media Queries
\* ------------------------------------------------------------ */
/* Tablet Portrait */
@media (max-width: 969px) {
  .btn-black span {
    font-size: 17px; } }

/* Mobile */
@media (max-width: 767px) {
  .btn-black span {
    font-size: 18px; } }

/* ------------------------------------------------------------ *	Features
\* ------------------------------------------------------------ */
.features {
  overflow: hidden;
  margin: 0 -7px;
  list-style: none outside none; }

.features .feature {
  float: left;
  width: 33.33%;
  padding: 0 7px; }

.feature {
  font-size: 14px; }

.sidebar .feature {
  margin-bottom: 10px; }

.feature-inner {
  min-height: 309px;
  background: #e6f1f8; }

.feature-content {
  padding: 7px 10px 10px 11px; }

.feature-content h6 {
  margin-bottom: 1px;
  color: #0e75b9; }

.feature-content p {
  line-height: 1.45; }

.feature-actions {
  padding-top: 2px;
  text-align: right; }

/* ------------------------------------------------------------ *	Media Queries
\* ------------------------------------------------------------ */
/* Mobile */
@media (max-width: 767px) {
  .features {
    margin: 0; }
  .features .feature {
    float: none;
    display: block;
    width: auto;
    padding: 0;
    margin-bottom: 10px; }
  .feature-image img {
    width: 100%; }
  .feature-inner {
    min-height: 0; } }

/* ------------------------------------------------------------ *	Form Elements
\* ------------------------------------------------------------ */
input::-webkit-input-placeholder {
  color: inherit;
  opacity: 1; }

input::-moz-placeholder {
  color: inherit;
  opacity: 1; }

input:-ms-input-placeholder {
  color: inherit;
  opacity: 1; }

input::placeholder {
  color: inherit;
  opacity: 1; }

textarea::-webkit-input-placeholder {
  color: inherit;
  opacity: 1; }

textarea::-moz-placeholder {
  color: inherit;
  opacity: 1; }

textarea:-ms-input-placeholder {
  color: inherit;
  opacity: 1; }

textarea::placeholder {
  color: inherit;
  opacity: 1; }

input:-webkit-autofill {
  -webkit-text-fill-color: inherit !important;
  -webkit-box-shadow: 0 0 0 1000px #fff inset; }

/* ------------------------------------------------------------ *	Form
\* ------------------------------------------------------------ */
/* ------------------------------------------------------------ *	Fullsize Image
\* ------------------------------------------------------------ */
.fullsize-image {
  background-position: 50% 50%;
  background-repeat: no-repeat; }

.fullsize-image {
  background-size: cover; }

.fullsize-image > img {
  display: none; }

/* ------------------------------------------------------------ *	List
\* ------------------------------------------------------------ */
[class^="list-"] {
  list-style: none outside none; }

/* ------------------------------------------------------------ *	Logo
\* ------------------------------------------------------------ */
.logo {
  overflow: hidden;
  display: inline-block;
  width: 324px;
  height: 100px;
  background: url(../css/img/logo@2x.png) no-repeat 0 0;
  background-size: 100% 100%;
  font-size: 0;
  text-indent: 100%;
  white-space: nowrap; }

/* ------------------------------------------------------------ *	Media Queries
\* ------------------------------------------------------------ */
/* Mobile */
@media (max-width: 767px) {
  .logo {
    width: 195px;
    height: 60px; } }

/* ------------------------------------------------------------ *	Nav
\* ------------------------------------------------------------ */
.nav ul {
  list-style: none outside none; }

.nav li {
  position: relative; }

.nav a {
  display: block; }

.nav a:hover {
  text-decoration: none; }

.nav > ul {
  font-size: 0; }

.nav > ul > li {
  display: inline-block;
  font-size: 14px;
  vertical-align: top; }

.nav > ul > li > a {
  padding: 17px 15px 15px;
  font-weight: bold; }

.nav > ul > li:hover > a,
.nav > ul > li > a:hover,
.nav .current > a {
  background: #c3dced; }

.nav li:hover > ul {
  opacity: 1;
  visibility: visible; }

.nav ul ul {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 5;
  width: 210px;
  background: #c3dced;
  opacity: 0;
  visibility: hidden;
  transition: opacity .4s visibility .4s; }

.nav ul ul a {
  padding: 5px 5px 6px 19px; }

.nav ul ul li:hover > a,
.nav ul ul a:hover {
  background: #9fc7e3; }

.nav ul ul ul {
  left: 100%;
  top: 0;
  background: #9fc7e3; }

.nav ul ul ul li:hover > a,
.nav ul ul ul a:hover {
  background: #82b7db; }

/* ------------------------------------------------------------ *	Media Queries
\* ------------------------------------------------------------ */
/* Tablet Portrait */
@media (max-width: 969px) {
  .nav > ul > li > a {
    padding-left: 5px;
    padding-right: 5px;
    font-size: 13px; }
  .nav ul ul ul {
    left: auto;
    right: 100%; } }

/* Mobile */
@media (max-width: 767px) {
  .nav-mobile-outer {
    position: absolute;
    top: 0;
    right: -5px;
    width: 70px;
    height: 70px;
    background: #dbdbdb; }
  .nav-mobile {
    position: absolute;
    top: 18px;
    right: 15px;
    width: 40px;
    height: 45px;
    z-index: 99; }
  .nav-mobile span {
    display: block;
    width: 100%;
    height: 6px;
    margin: 4px 0;
    background: #0e75b9; }
  .nav-mobile:hover span {
    -webkit-transform: rotate3d(0, 1, 0.1, 180deg);
    transform: rotate3d(0, 1, 0.1, 180deg); }
  .nav-mobile span:nth-child(1) {
    transition: all 0.5s ease 0s; }
  .nav-mobile span:nth-child(2) {
    transition: all 0.4s ease 0s; }
  .nav-mobile span:nth-child(3) {
    transition: all 0.3s ease 0s; }
  .nav-mobile-outer.active {
    background: #c3dced; }
  .nav-mobile-outer.active .nav-mobile {
    top: 17px; }
  .nav-mobile-outer.active .nav-mobile span {
    opacity: 0;
    position: absolute;
    top: 25%;
    left: 0;
    -webkit-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    transform-origin: 50% 50%; }
  .nav-mobile-outer.active .nav-mobile span:first-child {
    opacity: 1;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg); }
  .nav-mobile-outer.active .nav-mobile span:last-child {
    width: 100%;
    opacity: 1;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg); }
  /*  Nav  */
  .nav {
    text-align: left; }
  .nav a {
    position: relative; }
  .nav > ul {
    padding-top: 3px; }
  .nav > ul > li {
    display: block; }
  .nav > ul > li > a {
    padding: 6px 45px 5px 20px;
    font-size: 14px; }
  .nav ul ul {
    position: static;
    overflow: hidden;
    max-height: 0;
    width: auto;
    background: #9fc7e3;
    opacity: 1;
    visibility: visible;
    transition: max-height .4s; }
  .nav ul ul a {
    padding-left: 20px;
    padding-right: 45px; }
  .nav ul ul ul {
    background: #82b7db; }
  .nav .expanded > ul {
    max-height: 1200px; }
  .nav .has-dropdown > a:after {
    position: absolute;
    top: 50%;
    right: 37px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 4px 0 4px 6px;
    border-color: transparent transparent transparent #007bff;
    margin-top: -4px;
    content: '';
    transition: -webkit-transform .4s;
    transition: transform .4s; }
  .nav .expanded > a:after {
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg); } }

/* ------------------------------------------------------------ *	Products
\* ------------------------------------------------------------ */
.product-list td {
  vertical-align: top; }

.product-list .prod-order,
.product-list .prod-cas {
  white-space: nowrap; }

.product-list .prod-image img {
  max-height: 100px;
  width: auto;
  max-width: 100px;
  height: auto; }

@media (max-width: 39.9375em) {
  .product-list .prod-name a {
    word-wrap: break-word;
    display: block; }
  .product-list.tablesaw td {
    box-sizing: border-box;
    padding: .5em 0 !important; }
  .product-list .tablesaw-cell-content {
    max-width: 50%; } }

@media (max-width: 39.9375em) {
  .tablesaw-stack td .tablesaw-cell-label, .tablesaw-stack th .tablesaw-cell-label {
    padding: 0; } }

.product-detail .prod-catalog + .prod-cas {
  margin-left: 40px; }

/* ------------------------------------------------------------ *	Search
\* ------------------------------------------------------------ */
.search {
  width: 260px;
  padding: 5px;
  background: #c3dced; }

.search .search-body,
.search fieldset {
  position: relative;
  padding-right: 35px;
  border: none; }

.search .search-field,
.search #SearchForm_SearchForm_Search_Holder {
  position: relative;
  display: block;
  width: 100%;
  background: white;
  font-size: 12px; }
  .search .search-field input,
  .search #SearchForm_SearchForm_Search_Holder input {
    position: relative;
    z-index: 3;
    display: block;
    width: 100%;
    height: 30px;
    padding: 8px 10px;
    border-radius: 0;
    border: none;
    background: none;
    color: #6b6b6b;
    -webkit-appearance: none; }

.search .search-field .ico-search-grey {
  position: absolute;
  top: 3px;
  left: 4px;
  z-index: 2; }

.search .search-btn,
.search #SearchForm_SearchForm_action_results {
  position: absolute;
  top: 0;
  right: 0;
  width: 30px;
  height: 30px;
  padding: 9px 7px 7px;
  border: none;
  border-radius: 0;
  background: #0e75b9;
  font-size: 12px;
  color: white;
  font-weight: bold;
  text-transform: uppercase;
  -webkit-appearance: none; }

/* ------------------------------------------------------------ *	Search Secondary
\* ------------------------------------------------------------ */
.search-secondary {
  padding: 12px 65px 14px 40px;
  background: #0e75b9; }

.search-secondary label {
  display: block;
  font-size: 22px;
  color: white;
  font-weight: bold;
  text-transform: uppercase; }

.search-secondary .search-body {
  position: relative; }

.search-secondary .search-field {
  display: block;
  width: 100%;
  height: 44px;
  padding: 13px 10px 12px 54px;
  border: none;
  border-radius: 0;
  font-size: 16px;
  color: #6b6b6b;
  -webkit-appearance: none; }

.search-secondary .search-btn {
  position: absolute;
  top: 0;
  left: 0;
  height: 44px;
  padding: 7px 3px 5px 11px;
  border: none;
  background: none;
  transition: opacity .4s; }

.search-secondary .search-btn:hover {
  opacity: .8; }

.search-secondary form {
  position: relative; }

.search-secondary #suggestion-table {
  position: absolute;
  z-index: 10000;
  background: #FFF;
  width: 100%;
  max-height: 300px;
  overflow-x: hidden;
  overflow-y: scroll;
  display: block; }
  .search-secondary #suggestion-table td a {
    display: block;
    padding: 5px 10px; }
    .search-secondary #suggestion-table td a:hover {
      text-decoration: none;
      background: #cbe5ff;
      cursor: pointer; }

/* ------------------------------------------------------------ *	Media Queries
\* ------------------------------------------------------------ */
/* Mobile */
@media (max-width: 767px) {
  .search-secondary {
    padding: 12px 10px 14px; }
  .search-secondary label {
    text-align: center; } }

/* ------------------------------------------------------------ *	Section
\* ------------------------------------------------------------ */
/* ------------------------------------------------------------ *	Section Catalog
\* ------------------------------------------------------------ */
.section-catalog {
  margin-bottom: 15px;
  background: #c3dced; }

.section-catalog .cols {
  margin: 0; }

.section-catalog .col {
  padding: 0; }

.section-catalog .search-secondary,
.section-catalog .btn-black {
  height: 100px; }

/* ------------------------------------------------------------ *	Section Features
\* ------------------------------------------------------------ */
.section-features {
  padding-bottom: 6px; }

/* ------------------------------------------------------------ *	Media Queries
\* ------------------------------------------------------------ */
/* Mobile */
@media (max-width: 767px) {
  /*  Section Catalog  */
  .section-catalog {
    margin-bottom: 10px; }
  .section-catalog .shell {
    padding: 0; }
  .section-catalog .search-secondary,
  .section-catalog .btn-black {
    height: auto; }
  .section-catalog .search-secondary .search-field {
    padding-top: 15px;
    font-size: 14px; }
  .section-catalog .btn-black {
    padding: 11px 0 12px; }
  .section-catalog .btn-black strong {
    font-size: 24px; }
  .section-catalog .btn-black span {
    font-size: 14px; }
  /*  Section Features  */
  .section-features {
    overflow: hidden;
    padding-bottom: 0; } }

/* ------------------------------------------------------------ *	Slider
\* ------------------------------------------------------------ */
.slider {
  position: relative; }

.slider .slides {
  list-style: none outside none; }

.slider .owl-item {
  -webkit-backface-visibility: visible; }

.slider .slide-content {
  position: absolute;
  bottom: 40px;
  left: 0;
  width: 650px;
  padding: 14px 100px 10px 40px;
  background: rgba(0, 0, 0, 0.5);
  font-family: 'Roboto Condensed', sans-serif;
  color: white; }

.slider .slide-content h3 {
  margin-bottom: 0;
  line-height: 1; }

.slider .slide-content p {
  font-size: 20px;
  line-height: 1.35;
  font-weight: bold; }

.slider .slide-content p a {
  color: #ffe400;
  text-transform: uppercase; }

.slider .owl-nav {
  display: none; }

/* ------------------------------------------------------------ *	Media Queries
\* ------------------------------------------------------------ */
/* Mobile */
@media (max-width: 767px) {
  .slider {
    margin: 0 -5px; }
  .slider .slide-content {
    position: relative;
    bottom: 0;
    width: auto;
    padding: 16px 5px 14px;
    background: #4c4c4c;
    text-align: center; }
  .slider .slide-content h3 {
    margin-bottom: 6px;
    font-size: 18px; }
  .slider .slide-content p {
    font-size: 12px; } }

/* ------------------------------------------------------------ *	Table
\* ------------------------------------------------------------ */
/* ------------------------------------------------------------ *	Widget
\* ------------------------------------------------------------ */
.widgets {
  list-style: none outside none; }

.widget {
  margin-bottom: 10px; }

/* ------------------------------------------------------------ *	Widget Search
\* ------------------------------------------------------------ */
.widget-search .search-secondary {
  padding: 12px 10px 14px; }

.widget-search .search-secondary .search-field {
  padding: 16px 10px 13px 54px;
  font-size: 13px; }

/* ------------------------------------------------------------ *	Media Queries
\* ------------------------------------------------------------ */
/* Mobile */
@media (max-width: 767px) {
  /*  Widget Search  */
  .widget-search,
  .widget-catalog {
    margin-left: -5px;
    margin-right: -5px; }
  .widget-search {
    margin-bottom: 0; }
  .widget-search .search-secondary .search-body {
    padding-right: 10px; }
  .widget-search .search-secondary label {
    text-align: left; } }

.typography {
  /* ==========================================================================
	Typography
========================================================================== */
  /* ==========================================================================
#STYLED TABLES
========================================================================== */ }
  .typography h1 {
    font-size: 36px;
    line-height: 1.2;
    color: #29659f;
    margin-bottom: 20px; }
  .typography > h1:first-child {
    font-size: 36px;
    line-height: 1.2;
    color: #29659f;
    margin-bottom: 20px;
    border-bottom: 1px solid; }
  .typography h2 {
    font-size: 26px;
    line-height: 1.2;
    color: #29659f;
    margin-bottom: 15px; }
  .typography h3 {
    font-size: 20px;
    line-height: 1.2;
    color: #29659f;
    margin-bottom: 3px; }
  .typography h4 {
    font-size: 16px;
    line-height: 21px;
    color: #5197da;
    margin: 20px 0 10px; }
    .typography h4.reversed {
      color: #FFF;
      padding: 6px 10px;
      background: #000; }
    .typography h4.underline {
      padding-bottom: 6px;
      border-bottom: 1px solid #000; }
  .typography p {
    font-size: 16px;
    margin-bottom: 20px;
    padding-bottom: 0; }
  .typography ul, .typography ol {
    padding-top: 3px;
    margin: 0 0 15px 15px;
    padding-left: 15px; }
    .typography ul li, .typography ol li {
      margin-bottom: 10px;
      position: relative;
      font-size: 16px; }
      .typography ul li p, .typography ol li p {
        margin-bottom: 15px; }
  .typography ul {
    list-style-type: square; }
  .typography a {
    color: #980000; }
  .typography img {
    max-width: 100%;
    height: auto; }
    .typography img.left, .typography img.right {
      margin-bottom: 20px; }
    .typography img.left {
      float: left;
      margin-right: 20px; }
    .typography img.right {
      float: right;
      margin-left: 20px; }
    .typography img.leftAlone {
      display: block;
      float: none;
      margin-bottom: 20px; }
    @media (max-width: 400px) {
      .typography img {
        max-width: 100%;
        height: auto; }
        .typography img.left, .typography img.right {
          float: none;
          margin: 0 auto 20px;
          display: block; } }
  .typography table[align=center] {
    margin: 0 auto 20px !important; }
  .typography .captionImage {
    background-color: #ECECEC;
    border-bottom: 0.25em solid #980000;
    text-align: left;
    margin-bottom: 1.25em; }
    .typography .captionImage img {
      float: none;
      margin: 0; }
    .typography .captionImage p.caption {
      font-size: 12px;
      line-height: 16px;
      padding: 1em;
      margin: 0; }
    .typography .captionImage.right {
      float: right;
      margin-left: 1.25em;
      clear: right; }
    .typography .captionImage.left {
      float: left;
      margin-right: 1.25em;
      clear: left; }
    .typography .captionImage.leftAlone {
      clear: left; }
    .typography .captionImage.center {
      clear: both;
      margin: 0 auto 1.25em; }
    @media (max-width: 400px) {
      .typography .captionImage img {
        max-width: 100%;
        height: auto; }
      .typography .captionImage.left, .typography .captionImage.right, .typography .captionImage.leftAlone, .typography .captionImage.center {
        float: none;
        margin: 0 auto 20px;
        max-width: 100%;
        height: auto;
        display: block;
        clear: both; }
      .typography .captionImage p.caption {
        float: none; } }
  .typography iframe {
    max-width: 100%;
    display: block;
    margin-bottom: 10px; }
  .typography .clear {
    clear: both; }
  .typography .btn {
    visibility: visible;
    color: #FFF; }
  .typography .reversed {
    color: #FFF;
    padding: 6px 10px;
    background: #29659f; }
  .typography .underline {
    padding-bottom: 6px;
    border-bottom: 1px solid #980000; }
  .typography .styled-table {
    border-collapse: collapse;
    margin: 10px 0 20px; }
    .typography .styled-table tr:nth-child(odd) {
      background-color: #EFEFEF; }
    .typography .styled-table th, .typography .styled-table td {
      padding: 5px;
      border: 1px solid #CCC;
      text-align: left;
      vertical-align: top; }
    .typography .styled-table th {
      font-weight: bold; }
    .typography .styled-table thead th {
      background-color: #29659f;
      color: #FFF;
      text-align: center; }
    .typography .styled-table thead td {
      background-color: #5197da;
      color: #FFF;
      font-weight: bold; }
    .typography .styled-table .fixed {
      white-space: nowrap; }
      @media (max-width: 767px) {
        .typography .styled-table .fixed {
          white-space: normal; } }
    .typography .styled-table tfoot td {
      background-color: #C7C7C7; }
    .typography .styled-table.specs tfoot td {
      text-align: center; }

/* ==========================================================================
	#Form Elements
========================================================================== */
.typography form ::-webkit-input-placeholder {
  color: #29659f;
  opacity: 1; }

.typography form :-moz-placeholder {
  color: #29659f;
  opacity: 1; }

.typography form ::-moz-placeholder {
  color: #29659f;
  opacity: 1; }

.typography form :-ms-input-placeholder {
  color: #29659f;
  opacity: 1; }

.typography form input,
.typography form textarea,
.typography form select {
  font-family: "Gotham", Helvetica, Arial, sans-serif;
  font-size: 14px;
  line-height: 20px;
  color: #29659f;
  height: 30px;
  display: block;
  padding: 5px 15px;
  border: 1px solid #29659f;
  background-color: #FFF;
  border-radius: 0;
  box-shadow: none; }

.typography form select {
  font-family: Tahoma, Verdana, Helvetica, Arial, sans-serif; }

.typography form textarea {
  height: 80px;
  resize: none;
  overflow: auto;
  -webkit-overflow-scrolling: touch; }

.typography form input[type="hidden"] {
  display: none; }

.typography form input[type="radio"],
.typography form input[type="checkbox"] {
  width: auto;
  height: auto;
  padding: 0;
  border: 0; }

.typography form input,
.typography form textarea,
.typography form a[href^="tel"] {
  -webkit-appearance: none;
  -moz-appearance: none; }

.typography form input[type="checkbox"] {
  -webkit-appearance: checkbox;
  -moz-appearance: checkbox; }

.typography form input[type="radio"] {
  -webkit-appearance: radio;
  -moz-appearance: radio; }

.typography form fieldset {
  border: none;
  padding: 0;
  margin: 0; }

.typography form .field {
  margin-bottom: 10px; }
  .typography form .field label {
    font-size: 14px;
    line-height: 1.5em; }
    .typography form .field label.left {
      font-weight: bold;
      float: none; }
    .typography form .field label.right {
      float: none; }
  .typography form .field input[type="text"],
  .typography form .field input[type="password"],
  .typography form .field input[type="email"],
  .typography form .field input[type="tel"],
  .typography form .field select {
    background: #ECECEC;
    border: 1px solid #C7C7C7;
    color: #373a36;
    width: 100%;
    height: 30px;
    -webkit-border-radius: 1px;
    border-radius: 1px;
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding;
    background-clip: padding-box;
    font-size: 1em;
    padding: 0 10px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box; }
  .typography form .field input[type="text"]:hover,
  .typography form .field input[type="text"]:focus,
  .typography form .field input[type="email"]:hover,
  .typography form .field input[type="email"]:focus,
  .typography form .field input[type="password"]:hover,
  .typography form .field input[type="password"]:focus,
  .typography form .field input[type="tel"]:hover,
  .typography form .field input[type="tel"]:focus {
    border: 1px solid #29659f; }
  .typography form .field textarea {
    background: #ECECEC;
    color: #373a36;
    width: 100%;
    min-height: 100px;
    border: 1px solid #C7C7C7;
    padding: 10px;
    text-indent: 0;
    -webkit-border-radius: 1px;
    border-radius: 1px;
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding;
    background-clip: padding-box;
    font-size: 1em;
    box-sizing: border-box; }
  .typography form .field textarea:hover,
  .typography form .field textarea:focus {
    border: 1px solid #29659f; }
  .typography form .field .placeholder {
    color: #828980;
    text-transform: none; }
  .typography form .field ::-webkit-input-placeholder {
    color: #828980;
    text-transform: none; }
  .typography form .field ::-moz-placeholder {
    color: #828980;
    text-transform: none; }
  .typography form .field :-ms-input-placeholder {
    color: #828980;
    text-transform: none; }
  .typography form .field input:-moz-placeholder {
    color: #828980;
    text-transform: none; }
  .typography form .field.checkbox input[type="checkbox"], .typography form .field.checkbox input[type="radio"], .typography form .field.optionset input[type="checkbox"], .typography form .field.optionset input[type="radio"], .typography form .field.checkboxset input[type="checkbox"], .typography form .field.checkboxset input[type="radio"] {
    display: inline-block;
    vertical-align: middle; }
  .typography form .field.checkbox label.right, .typography form .field.optionset label.right, .typography form .field.checkboxset label.right {
    margin-left: 5px; }
  .typography form .field.checkbox ul.optionset, .typography form .field.checkbox ul.checkboxset, .typography form .field.optionset ul.optionset, .typography form .field.optionset ul.checkboxset, .typography form .field.checkboxset ul.optionset, .typography form .field.checkboxset ul.checkboxset {
    list-style-type: none;
    padding-left: 15px;
    margin-left: 0; }
    .typography form .field.checkbox ul.optionset li, .typography form .field.checkbox ul.checkboxset li, .typography form .field.optionset ul.optionset li, .typography form .field.optionset ul.checkboxset li, .typography form .field.checkboxset ul.optionset li, .typography form .field.checkboxset ul.checkboxset li {
      list-style-type: none;
      padding-left: 0;
      background: none; }
      .typography form .field.checkbox ul.optionset li label, .typography form .field.checkbox ul.checkboxset li label, .typography form .field.optionset ul.optionset li label, .typography form .field.optionset ul.checkboxset li label, .typography form .field.checkboxset ul.optionset li label, .typography form .field.checkboxset ul.checkboxset li label {
        margin-left: 5px; }
      .typography form .field.checkbox ul.optionset li:before, .typography form .field.checkbox ul.checkboxset li:before, .typography form .field.optionset ul.optionset li:before, .typography form .field.optionset ul.checkboxset li:before, .typography form .field.checkboxset ul.optionset li:before, .typography form .field.checkboxset ul.checkboxset li:before {
        display: none; }
  .typography form .field.file {
    padding: 10px;
    background: #ECECEC;
    border: 1px solid #C7C7C7;
    color: #373a36; }
    .typography form .field.file:hover, .typography form .field.file:focus {
      border: 1px solid #29659f; }
    .typography form .field.file input[type="file"] {
      border: none;
      padding: 0;
      display: inline-block;
      vertical-align: middle;
      background: #ECECEC; }
  .typography form .field .mollom-captcha {
    margin-top: 10px; }

.typography form .Actions {
  margin-top: 20px; }
  .typography form .Actions input {
    float: right;
    text-indent: 0;
    margin: 0 0 15px 10px;
    padding: 5px 20px; }

.typography form input[type="submit"] {
  background-color: #29659f;
  color: #FFF;
  height: 30px;
  border: none;
  -webkit-border-radius: 1px;
  border-radius: 1px;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding;
  background-clip: padding-box;
  cursor: pointer;
  -webkit-transition: all 0.3s linear;
  -moz-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
  transition: all 0.3s linear; }

.typography form input[type="submit"]:hover,
.typography form input[type="submit"]:focus {
  background-color: #F7270A; }

.typography form input[type="reset"] {
  background-color: #a6c0d3;
  color: #F7270A;
  height: 30px;
  border: none;
  -webkit-border-radius: 1px;
  border-radius: 1px;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding;
  background-clip: padding-box; }

.typography form input[type="reset"]:hover,
.typography form input[type="reset"]:focus {
  background-color: #F7270A; }

.typography form .recaptcha input[type="text"], .typography form .recaptcha input {
  height: auto;
  background: #FFF;
  display: inline-block; }

.typography form .requiredField input.required,
.typography form .requiredField textarea.required {
  border: 1px solid #F7270A; }

.typography form .requiredField label.required,
.typography form .requiredField span.required {
  color: #F7270A; }

.typography form .message {
  border: 1px solid #29659f;
  background: rgba(41, 101, 159, 0.1);
  padding: 10px 30px;
  color: #29659f;
  font-weight: bold;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding;
  background-clip: padding-box; }

/* ==========================================================================
	#Survey Forms
========================================================================== */
.survey form ::-webkit-input-placeholder {
  color: #29659f;
  opacity: 1; }

.survey form :-moz-placeholder {
  color: #29659f;
  opacity: 1; }

.survey form ::-moz-placeholder {
  color: #29659f;
  opacity: 1; }

.survey form :-ms-input-placeholder {
  color: #29659f;
  opacity: 1; }

.survey form input[type="hidden"] {
  display: none; }

.survey form input[type="radio"],
.survey form input[type="checkbox"] {
  width: auto;
  height: auto;
  padding: 0;
  border: 0; }

.survey form input,
.survey form textarea,
.survey form a[href^="tel"] {
  -webkit-appearance: none;
  -moz-appearance: none; }

.survey form input[type="checkbox"] {
  -webkit-appearance: checkbox;
  -moz-appearance: checkbox; }

.survey form input[type="radio"] {
  -webkit-appearance: radio;
  -moz-appearance: radio; }

.survey form fieldset {
  border: none;
  padding: 0;
  margin: 0; }

.survey form .field {
  margin-bottom: 10px; }
  .survey form .field label.left {
    float: none;
    font-size: 22px;
    line-height: 120%;
    color: #5BC4ED; }
  .survey form .field label.right {
    float: none; }
  .survey form .field input[type="text"],
  .survey form .field input[type="password"],
  .survey form .field input[type="email"],
  .survey form .field input[type="tel"],
  .survey form .field select {
    background: #ECECEC;
    border: 1px solid #C7C7C7;
    color: #373a36;
    width: 100%;
    height: 30px;
    -webkit-border-radius: 1px;
    border-radius: 1px;
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding;
    background-clip: padding-box;
    font-size: 1em;
    padding: 0 10px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box; }
  .survey form .field input[type="text"]:hover,
  .survey form .field input[type="text"]:focus,
  .survey form .field input[type="email"]:hover,
  .survey form .field input[type="email"]:focus,
  .survey form .field input[type="password"]:hover,
  .survey form .field input[type="password"]:focus,
  .survey form .field input[type="tel"]:hover,
  .survey form .field input[type="tel"]:focus {
    border: 1px solid #29659f; }
  .survey form .field .placeholder {
    color: #828980;
    text-transform: none; }
  .survey form .field ::-webkit-input-placeholder {
    color: #828980;
    text-transform: none; }
  .survey form .field ::-moz-placeholder {
    color: #828980;
    text-transform: none; }
  .survey form .field :-ms-input-placeholder {
    color: #828980;
    text-transform: none; }
  .survey form .field input:-moz-placeholder {
    color: #828980;
    text-transform: none; }
  .survey form .field.optionset {
    margin-bottom: 30px; }
    .survey form .field.optionset input[type="checkbox"], .survey form .field.optionset input[type="radio"] {
      display: inline-block;
      vertical-align: middle; }
    .survey form .field.optionset label.right {
      margin-left: 5px; }
    .survey form .field.optionset ul.optionset {
      list-style-type: none;
      text-align: left;
      font-size: 18px;
      color: #797979;
      margin-top: 21px; }
      .survey form .field.optionset ul.optionset li {
        display: inline-block;
        margin: 0 20px 10px; }
        .survey form .field.optionset ul.optionset li input, .survey form .field.optionset ul.optionset li label {
          display: inline-block;
          vertical-align: middle; }
        .survey form .field.optionset ul.optionset li label {
          padding-top: 4px; }

.survey form .Actions {
  margin-top: 20px; }
  .survey form .Actions input {
    float: right;
    text-indent: 0;
    margin: 0 0 15px 10px;
    padding: 5px 20px; }

.survey form input[type="submit"] {
  background-color: #29659f;
  color: #FFF;
  height: 30px;
  border: none;
  -webkit-border-radius: 1px;
  border-radius: 1px;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding;
  background-clip: padding-box;
  cursor: pointer;
  -webkit-transition: all 0.3s linear;
  -moz-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
  transition: all 0.3s linear; }

.survey form input[type="submit"]:hover,
.survey form input[type="submit"]:focus {
  background-color: #F7270A; }

@media print {
  /* CSS Document */
  .header .logo,
  .nav-mobile-hour,
  .header-body,
  .sidebar {
    display: none; }
  .header {
    position: relative;
    padding: 20px 100px;
    display: block; }
    .header:before {
      background: url(http://67.43.2.176/~arcscientific/themes/arcscientific/css/img/print-logo.png) no-repeat -99999px -99999px !important;
      /*img not displayed but loaded*/
      background-size: contain;
      display: block;
      width: 324px;
      height: 100px;
      content: url("http://67.43.2.176/~arcscientific/themes/arcscientific/css/img/print-logo.png") !important;
      position: relative;
      margin: 0 auto; }
    .header img {
      width: 162px;
      height: auto; }
  .footer-body {
    color: #000; } }