/*
Theme Name: HYDROBIG
*/

@import url(http://fonts.googleapis.com/css?family=PT+Sans:400,700,400italic,700italic&subset=latin,latin-ext);

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

html {
  line-height: 1; }

ol, ul {
  list-style: none; }

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

caption, th, td {
  text-align: left;
  font-weight: normal;
  vertical-align: middle; }

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

a img {
  border: none; }

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

/*!
 * Bootstrap v3.0.0
 *
 * Copyright 2013 Twitter, Inc
 * Licensed under the Apache License v2.0
 * http://www.apache.org/licenses/LICENSE-2.0
 *
 * Designed and built with all the love in the world by @mdo and @fat.
 */
/*! normalize.css v2.1.0 | MIT License | git.io/normalize */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section,
summary {
  display: block; }

audio,
canvas,
video {
  display: inline-block; }

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

[hidden] {
  display: none; }

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

body {
  margin: 0; }

a:focus {
  outline: thin dotted; }

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

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

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

b,
strong {
  font-weight: bold; }

dfn {
  font-style: italic; }

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

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

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

pre {
  white-space: pre-wrap; }

q {
  quotes: "\201C" "\201D" "\2018" "\2019"; }

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: 0; }

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

legend {
  border: 0;
  padding: 0; }

button,
input,
select,
textarea {
  font-family: inherit;
  font-size: 100%;
  margin: 0; }

button,
input {
  line-height: normal; }

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; }

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

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

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

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

textarea {
  overflow: auto;
  vertical-align: top; }

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

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

html {
  font-size: 62.5%;
  -webkit-tap-highlight-color: transparent; }

body {
  font-family: 'PT Sans', Arial, Helvetica, sans-serif;
  font-size: 13px;
  line-height: 1.42857;
  color: #777777;
  background-color: #1e303e; min-width: 320px; }

input,
button,
select,
textarea {
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;  color: #777777; }
  
  input[type="text"], input[type="email"], textarea  { border: 1px solid #d6d4d4; }

button,
input,
select[multiple],
textarea {
  background-image: none; }

a {
  color: #777777;
  text-decoration: none; }
  a:hover, a:focus {
    color: #515151;
    text-decoration: none; outline: none; }
  a:focus {
    outline: none; }

img {
  vertical-align: middle; }

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

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

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

hr {
  margin-top: 18px;
  margin-bottom: 18px;
  border: 0;
  border-top: 1px solid #eeeeee; }

.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0 0 0 0);
  border: 0; }

p {
  margin: 0 0 9px; }

.lead {
  margin-bottom: 18px;
  font-size: 14.95px;
  font-weight: 200;
  line-height: 1.4; }
  @media (min-width: 768px) {
    .lead {
      font-size: 19.5px; } }

small {
  font-size: 85%; }

cite {
  font-style: normal; }

.text-muted {
  color: #999999; }

.text-primary {
  color: #428bca; }

.text-warning {
  color: #fff; }

.text-danger {
  color: #fff; }

.text-success {
  color: #fff; }

.text-info {
  color: #fff; }

.text-left {
  text-align: left; }

.text-right, #cart_summary tbody td.cart_unit, #cart_summary tbody td.cart_total {
  text-align: right; }

.text-center, #cart_summary thead th.cart_product, #cart_summary tbody td.cart_product, #cart_summary tbody td.cart_avail, #cart_summary tbody td.cart_delete {
  text-align: center; }

h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6 {
  font-weight: 500;
  line-height: 1.1; }
  h1 small, h2 small, h3 small, h4 small, h5 small, h6 small,
  .h1 small, .h2 small, .h3 small, .h4 small, .h5 small, .h6 small {
    font-weight: normal;
    line-height: 1;
    color: #999999; }

h1,
h2,
h3 {
  margin-top: 18px;
  margin-bottom: 9px; }

h4,
h5,
h6 {
  margin-top: 9px;
  margin-bottom: 9px; }

h1, .h1 {
  font-size: 33px; }

h2, .h2 {
  font-size: 27px; }

h3, .h3 {
  font-size: 23px; }

h4, .h4 {
  font-size: 17px; }

h5, .h5 {
  font-size: 13px; }

h6, .h6 {
  font-size: 12px; }

h1 small, .h1 small {
  font-size: 23px; }

h2 small, .h2 small {
  font-size: 17px; }

h3 small, .h3 small,
h4 small, .h4 small {
  font-size: 13px; }

.page-header {
  padding-bottom: 8px;
  margin: 36px 0 18px;
  border-bottom: 1px solid #eeeeee; }

ul,
ol {
  margin-top: 0;
  margin-bottom: 9px; }
  ul ul,
  ul ol,
  ol ul,
  ol ol {
    margin-bottom: 0; }

.list-unstyled, .list-inline {
  padding-left: 0;
  list-style: none; }

.list-inline > li {
  display: inline-block;
  padding-left: 5px;
  padding-right: 5px; }

dl {
  margin-bottom: 18px; }

dt,
dd {
  line-height: 1.42857; }

dt {
  font-weight: bold; }

dd {
  margin-left: 0; }

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

abbr.initialism {
  font-size: 90%;
  text-transform: uppercase; }

blockquote {
  padding: 9px 18px;
  margin: 0 0 18px;
  border-left: 5px solid #eeeeee; }
  blockquote p {
    font-size: 16.25px;
    font-weight: 300;
    line-height: 1.25; }
  blockquote p:last-child {
    margin-bottom: 0; }
  blockquote small {
    display: block;
    line-height: 1.42857;
    color: #999999; }
    blockquote small:before {
      content: '\2014 \00A0'; }
  blockquote.pull-right {
    padding-right: 15px;
    padding-left: 0;
    border-right: 5px solid #eeeeee;
    border-left: 0; }
    blockquote.pull-right p,
    blockquote.pull-right small {
      text-align: right; }
    blockquote.pull-right small:before {
      content: ''; }
    blockquote.pull-right small:after {
      content: '\00A0 \2014'; }

q:before,
q:after,
blockquote:before,
blockquote:after {
  content: ""; }

address {
  display: block;
  margin-bottom: 18px;
  font-style: normal;
  line-height: 1.42857; }

code,
pre {
  font-family: Monaco, Menlo, Consolas, "Courier New", monospace; }

code {
  padding: 2px 4px;
  font-size: 90%;
  color: #c7254e;
  background-color: #f9f2f4;
  white-space: nowrap;
  border-radius: 0px; }

pre {
  display: block;
  padding: 8.5px;
  margin: 0 0 9px;
  font-size: 12px;
  line-height: 1.42857;
  word-break: break-all;
  word-wrap: break-word;
  color: #333333;
  background-color: #f5f5f5;
  border: 1px solid #ccc;
  border-radius: 0px; }
  pre.prettyprint {
    margin-bottom: 18px; }
  pre code {
    padding: 0;
    font-size: inherit;
    color: inherit;
    white-space: pre-wrap;
    background-color: transparent;
    border: 0; }

.pre-scrollable {
  max-height: 340px;
  overflow-y: scroll; }


table {
  max-width: 100%;
  background-color: transparent; }

th {
  text-align: left; }

table col[class*="col-"] {
  float: none;
  display: table-column; }

table td[class*="col-"],
table th[class*="col-"] {
  float: none;
  display: table-cell; }

fieldset {
  padding: 0;
  margin: 0;
  border: 0; }

legend {
  display: block;
  width: 100%;
  padding: 0;
  margin-bottom: 18px;
  font-size: 19.5px;
  line-height: inherit;
  color: #333333;
  border: 0;
  border-bottom: 1px solid #e5e5e5; }

label {
  display: inline-block;
  margin-bottom: 5px;
  font-weight: bold; }

input[type="search"] {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

input[type="radio"],
input[type="checkbox"] {
  margin: 4px 0 0;
  margin-top: 1px \9;
  /* IE8-9 */
  line-height: normal; }

input[type="file"] {
  display: block; }

select[multiple],
select[size] {
  height: auto; }

select optgroup {
  font-size: inherit;
  font-style: inherit;
  font-family: inherit; }

input[type="file"]:focus,
input[type="radio"]:focus,
input[type="checkbox"]:focus {
  outline: thin dotted #333;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px; }

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

.btn {
  display: inline-block;
  padding: 6px 12px;
  margin-bottom: 0;
  font-size: 13px;
  font-weight: normal;
  line-height: 1.42857;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  border: 1px solid transparent;
  border-radius: 0px;
  white-space: nowrap;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none; }
  .btn:focus {
    outline: thin dotted #333;
    outline: 5px auto -webkit-focus-ring-color;
    outline-offset: -2px; }
  .btn:hover, .btn:focus {
    color: #333;
    text-decoration: none; }
  .btn:active, .btn.active {
    outline: 0;
    background-image: none;
    -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); }
  .btn.disabled, .btn[disabled], fieldset[disabled] .btn {
    cursor: not-allowed;
    pointer-events: none;
    opacity: 0.65;
    filter: alpha(opacity=65);
    -webkit-box-shadow: none;
    box-shadow: none; }
	
.btn-blue { border: 1px solid #a0c7e1; border-bottom: 1px solid #65a4ce; text-transform: uppercase; text-align: center; color: #fff; font-size: 29px; background: #0069ae; padding: 0 4px 0 4px; }
.btn-blue span { display: block; padding: 0 10px 0 10px; line-height: 40px; margin: 0 0 1px 0;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#0069ae+25,003399+100 */
	background: #0069ae; /* Old browsers */
	background: -moz-linear-gradient(top,  #0069ae 25%, #003399 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(25%,#0069ae), color-stop(100%,#003399)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #0069ae 25%,#003399 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #0069ae 25%,#003399 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #0069ae 25%,#003399 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #0069ae 25%,#003399 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0069ae', endColorstr='#003399',GradientType=0 ); /* IE6-9 */
}

.btn-blue:hover { 
	color: #fff; }

.fade {
  opacity: 0;
  -webkit-transition: opacity 0.15s linear;
  transition: opacity 0.15s linear; }
  .fade.in {
    opacity: 1; }

.collapse {
  display: none; }
  .collapse.in {
    display: block; }

.collapsing {
  position: relative;
  height: 0;
  overflow: hidden;
  -webkit-transition: height 0.35s ease;
  transition: height 0.35s ease; }

.caret {
  display: inline-block;
  width: 0;
  height: 0;
  margin-left: 2px;
  vertical-align: middle;
  border-top: 4px solid #000;
  border-right: 4px solid transparent;
  border-left: 4px solid transparent;
  border-bottom: 0 dotted;
  content: ""; }

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

a.thumbnail:hover,
a.thumbnail:focus {
  border-color: #777; }

.thumbnail > img {
  margin-left: auto;
  margin-right: auto; }

.thumbnail .caption {
  padding: 9px;
  color: #777777; }

@-webkit-keyframes progress-bar-stripes {
  from {
    background-position: 40px 0; }
  to {
    background-position: 0 0; } }
@-moz-keyframes progress-bar-stripes {
  from {
    background-position: 40px 0; }
  to {
    background-position: 0 0; } }
@-o-keyframes progress-bar-stripes {
  from {
    background-position: 0 0; }
  to {
    background-position: 40px 0; } }
@keyframes progress-bar-stripes {
  from {
    background-position: 40px 0; }
  to {
    background-position: 0 0; } }

.clearfix:before, .clearfix:after {
  content: " ";
  /* 1 */
  display: table;
  /* 2 */ }
.clearfix:after {
  clear: both; }

.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; }

.affix {
  position: fixed; }

@-ms-viewport {
  width: device-width; }
@media screen and (max-width: 400px) {
  @-ms-viewport {
    width: 320px; } }
.hidden {
  display: none !important;
  visibility: hidden !important; }

.pull-right {
  float: right; }

.pull-left {
  float: left; }

a:hover {
  text-decoration: none; }

body {
  min-width: 320px;
  height: 100%;
  line-height: 18px;
  font-size: 13px;
  color: #777; }

textarea {
  resize: none; }

.btn.disabled,
.btn[disabled]:hover {
  opacity: 0.3; }

/*!
 *  Font Awesome 4.3.0 by @davegandy - http://fontawesome.io - @fontawesome
 *  License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License)
 */
/* FONT PATH
 * -------------------------- */
@font-face {
  font-family: 'FontAwesome';
  src: url("fonts/fontawesome-webfont.eot?v=4.3.0");
  src: url("fonts/fontawesome-webfont.eot?#iefix&v=4.3.0") format("embedded-opentype"), url("fonts/fontawesome-webfont.woff2?v=4.3.0") format("woff2"), url("fonts/fontawesome-webfont.woff?v=4.3.0") format("woff"), url("fonts/fontawesome-webfont.ttf?v=4.3.0") format("truetype"), url("fonts/fontawesome-webfont.svg?v=4.3.0#fontawesomeregular") format("svg");
  font-weight: normal;
  font-style: normal; }
.icon, [class^="icon-"] {
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  transform: translate(0, 0); }

/* makes the font 33% larger relative to the icon container */
.icon-lg {
  font-size: 1.33333em;
  line-height: 0.75em;
  vertical-align: -15%; }

.icon-2x {
  font-size: 2em; }

.icon-3x {
  font-size: 3em; }

.icon-4x {
  font-size: 4em; }

.icon-5x {
  font-size: 5em; }

.icon-fw {
  width: 1.28571em;
  text-align: center; }

.icon-ul {
  padding-left: 0;
  margin-left: 2.14286em;
  list-style-type: none; }
  .icon-ul > li {
    position: relative; }

.icon-li {
  position: absolute;
  left: -2.14286em;
  width: 2.14286em;
  top: 0.14286em;
  text-align: center; }
  .icon-li.icon-lg {
    left: -1.85714em; }

.icon-border {
  padding: .2em .25em .15em;
  border: solid 0.08em #eee;
  border-radius: .1em; }

.pull-right {
  float: right; }

.pull-left {
  float: left; }

.icon.pull-left, .pull-left[class^="icon-"] {
  margin-right: .3em; }
.icon.pull-right, .pull-right[class^="icon-"] {
  margin-left: .3em; }

.icon-spin {
  -webkit-animation: fa-spin 2s infinite linear;
  animation: fa-spin 2s infinite linear; }

.icon-pulse {
  -webkit-animation: fa-spin 1s infinite steps(8);
  animation: fa-spin 1s infinite steps(8); }

@-webkit-keyframes fa-spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg); } }
@keyframes fa-spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg); } }
.icon-rotate-90 {
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);
  -webkit-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg); }

.icon-rotate-180 {
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2);
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg); }

.icon-rotate-270 {
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
  -webkit-transform: rotate(270deg);
  -ms-transform: rotate(270deg);
  transform: rotate(270deg); }

.icon-flip-horizontal {
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=0);
  -webkit-transform: scale(-1, 1);
  -ms-transform: scale(-1, 1);
  transform: scale(-1, 1); }

.icon-flip-vertical {
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2);
  -webkit-transform: scale(1, -1);
  -ms-transform: scale(1, -1);
  transform: scale(1, -1); }

:root .icon-rotate-90,
:root .icon-rotate-180,
:root .icon-rotate-270,
:root .icon-flip-horizontal,
:root .icon-flip-vertical {
  filter: none; }

.icon-stack {
  position: relative;
  display: inline-block;
  width: 2em;
  height: 2em;
  line-height: 2em;
  vertical-align: middle; }

.icon-stack-1x, .icon-stack-2x {
  position: absolute;
  left: 0;
  width: 100%;
  text-align: center; }

.icon-stack-1x {
  line-height: inherit; }

.icon-stack-2x {
  font-size: 2em; }

.icon-inverse {
  color: #fff; }
  
.icon-remove:before { content: '\f00d'; }
  
  
.g_1 { width: 100%; float: left;}  
.g_2 { width: 1430px; float: left; }
.g_c { width: 1430px; margin: 0 auto; position: relative; }
.g_c:before, .g_c:after { content: " "; display: table; }
.g_c:after { clear: both; }

@media (min-width: 1236px) and (max-width: 1429px)
{
	.g_2 { width: 1236px; }
	.g_c { width: 1236px; }
}

@media (min-width: 992px) and (max-width: 1235px)
{
	.g_2 { width: 992px; }
	.g_c { width: 992px; }
}

@media (min-width: 600px) and (max-width: 991px)
{
	.g_2 { width: 600px; }
	.g_c { width: 600px; }
}

@media (min-width: 420px) and (max-width: 599px)
{
	.g_2 { width: 400px; }
	.g_c { width: 400px; }
}

@media (max-width: 419px)
{
	.g_2 { width: 300px; }
	.g_c { width: 300px; }
}

.btn { display: inline-block; cursor: pointer; padding: 0; margin: 0; }
  
/* =Header
-------------------------------------------------------------- */

#header { height: 71px; background: #fff url('img/header_border.png') left bottom repeat-x; position: relative; z-index: 1000; }
.wrapper-sticked-fixed { background: #fff url('img/header_border.png') left bottom repeat-x; }
#logo-container { position: absolute; left: 145px; top: 1px; height: 230px; width: 231px; text-align: center; padding: 8px 0 0 0; }

.wrapper-sticked-fixed #logo-container {
	top: -4px; }

@media (min-width: 1236px) and (max-width: 1429px)
{
	#logo-container { left: 42px; }
}

@media (min-width: 992px) and (max-width: 1235px)
{
	#logo-container { left: 4px; }
}

@media (max-width: 991px)
{
	#header { height: 45px;  }
	#logo-container { left: 0; right: 0; margin: 0 auto; height: 70px; width: 112px; padding-top: 6px; }
	#logo-container img { width: 86px; height: auto; }
}

#languages {
	margin: 6px 0px 0 420px;
	float: left; }
	
.wrapper-sticked-fixed #languages {
	margin-top: 4px; }

#languages li {
	margin-left: 10px;
	float: left; }
	
@media (max-width: 1429px)
{
	#languages {
		margin-left: 330px; }
}
	
@media (max-width: 1235px)
{
	#languages {
		margin-left: 280px; }
}

@media (max-width: 991px)
{
	#languages {
		margin-left: 0;
		position: absolute;
		left: 0; }
		
	#languages img {
		width: 25px;
		height: auto; }
}


/* =Menu
-------------------------------------------------------------- */

#menu-top { list-style: none; margin: 0 120px 0 0; padding: 0; float: right; }
#menu-top li { margin: 0 0 0 0px; padding: 0; float: left; position: relative; }
#menu-top > li { margin-left: 10px; padding-left: 10px; }
#menu-top > li.withSubMenu { padding-right: 19px; }
#menu-top > li.withSubMenu:after { content: ' '; width: 11px; height: 7px; position: absolute; top: 50%; right: 0; margin-top: -3px; background: url('img/menu_arrow_down.png') left bottom repeat-x; }
#menu-top > li.first_child { margin-left: 0px; }
#menu-top li > a { color: #000000; text-decoration: none; text-transform: uppercase; font-size: 18px; font-weight: 400; float: left; height: 66px; line-height: 66px; }
#menu-top li > ul { display: none; position: absolute; top: 66px; left: 0px; background: #fff; width: 280px; margin: 0; padding: 0; list-style: none; }
#menu-top li:hover > ul { display: block; }
#menu-top li ul li { width: 100%; margin: 0; padding: 15px 20px 15px 10px; }
#menu-top li ul > li.withSubMenu:after { content: ' '; width: 7px; height: 10px; position: absolute; top: 50%; right: 5px; margin-top: -3px; background: url('img/menu_arrow_right.png') left bottom repeat-x; }
#menu-top li ul li:hover { background: #449ef0; }
#menu-top li ul li > a { height: auto; line-height: 24px; text-transform: none; font-size: 18px; }
#menu-top li ul li > ul { position: absolute; left: 100%; top: 0; width: 280px; background: #fff; }
#menu-top li ul li ul li { padding-left: 8px; padding-right: 8px; }
#menu-top li ul li a { }

@media (min-width: 1236px) and (max-width: 1429px)
{
	#menu-top { margin-right: 10px; }
}

@media (min-width: 992px) and (max-width: 1235px)
{
	#menu-top { margin-right: 10px; }
	#menu-top li > a {}
}

@media (max-width: 991px)
{
	#menu-top { display: none; }
}

/* =Slider
-------------------------------------------------------------- */

#header-banner { position: relative; width: 100%; height: auto; overflow: hidden; padding: 0 0 0px 0; border-bottom: 3px solid #0069ae; background: #fff; }

#header-banner img { 
	width: 100%;
	height: auto;
	position: relative;
	z-index: 1; }
	
#header-banner #header-banner-content {
	width: 100%;
	left: 0;
	top: 0;
	position: absolute;
	z-index: 2; }


#header-form { position: absolute; z-index: 100; left: 165px; top: 450px; width: 1140px;  color: #fff; }

@media (min-width: 1236px) and (max-width: 1430px)
{
	#header-form {
		left: 68px;
		width: 1100px; }
}

@media (max-width: 1600px)
{
	#header-banner #header-banner-content {
		padding-top: 27%; }
		
	#header-form {
		top: 0px; }
}

@media (max-width: 1330px)
{
	#header-banner #header-banner-content {
		padding-top: 24%; }
}

@media (min-width: 992px) and (max-width: 1235px)
{
	#header-form {
		left: 46px;
		width: 900px; }
}

#header-form h1 {
	text-align: center;
	font-weight: bold;
	font-size: 60px;
	text-transform: uppercase;
	color: #fff;
	text-shadow: 5px 5px #000000; }

@media (max-width: 1240px)
{
	#header-form h1 {
		font-size: 40px; }
}
	
#header-form p {
	font-size: 22px;
	text-align: center;
	text-shadow: 2px 0px #000000; }
	
#header-form form { 
	float: left;
	width: 100%; 
	margin: 10px 0 0 0;
	padding: 14px 10px 0px 10px; background: #0069ae; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; color: #fff; }
	
#header-form .header-form-left { 
	width: 660px;
	float: left; }
	
#header-form .header-form-right { 
	position: relative;
	width: 460px;
	float: right; }
	
@media (max-width: 1430px)
{
	#header-form .header-form-left { 
		width: 60%;
	}
	
	#header-form .header-form-right { 
		width: 40%; }
}
	
#header-form .item {
	float: left;
	width: 50%;
	margin: 0 0 14px 0;
	padding-right: 24px; }
	
#header-form .item-1 {
	font-size: 23px;
	line-height: 30px; }

@media (max-width: 1235px)
{
	#header-form .item-1 {
		font-size: 16px; }
}
	
#header-form .item-1 span {
	float: left; }
	
#header-form .item-1 span.call {
	background: url('img/contact_icon_1.png') left 4px no-repeat;
	font-weight: bold;
	font-size: 29px;
	margin-left: 14px;
	padding-left: 29px; }

@media (max-width: 1429px)
{
	#header-form .item-1 span.call {
		font-size: 22px; }
}
	
#header-form .item-4 { float: right; margin-right: 0; }
#header-form input, #header-form textarea { margin: 0px 0 0 0; width: 100%; height: 30px; padding: 0 10px; color: #000000; font-size: 18px; border: 2px solid #ccc7b9; -webkit-box-shadow: inset 0px 0px 5px 0px rgba(204,199,185,1)!important; -moz-box-shadow: inset 0px 0px 1px 0px rgba(204,199,185,1)!important; box-shadow: inset 0px 0px 1px 0px rgba(204,199,185,1)!important; }

#header-form textarea {
	height: 74px; 
	padding: 4px 10px; }
	
#header-form button { 
	margin-top: 18px;
	border: 0; outline: 0; padding: 0; text-transform: uppercase; text-align: center; color: #fff; font-size: 30px; background: url('img/slider_btn_send.png'); 
	width: 124px; 
	height: 38px; }

#header-form .header-form-right .item-5 {
	width: 326px; }	

#header-form .header-form-right .item-6 {
	padding-right: 0;
	text-align: center;
	width: 126px; }	
	
@media (max-width: 1430px)
{
	#header-form .header-form-right .item-5 {
		width: 100%;
		padding-right: 150px; }
	
	#header-form .header-form-right .item-6 {
		position: absolute;
		right: 0; }
}
	
#header-form .wpcf7-response-output {
	clear: left; }

@media (max-width: 991px)
{
	#header-form { display: none; }
	
	#header-banner {
		height: 100px; }
}

.page_thumb_grid { height: 200px; overflow: hidden; }
.page_thumb_grid h1, .page_thumb_grid h2 { color: #fff; text-align: center; font-size: 58px; line-height: 68px; font-weight: bold; margin: 70px 0 0 0; text-shadow: 4px 4px 0px rgba(0, 0, 0, 1); text-transform: uppercase; }

@media (min-width: 1236px) and (max-width: 1430px)
{
	.page_thumb_grid { height: 150px; }
	.page_thumb_grid h1, .page_thumb_grid h2 { margin-top: 36px; }
}

@media (min-width: 600px) and (max-width: 1235px)
{
	.page_thumb_grid { height: 100px; }
	.page_thumb_grid h1, .page_thumb_grid h2 { font-size: 42px; line-height: 54px; margin-top: 21px; }
}

@media (min-width: 600px) and (max-width: 991px)
{
	.page_thumb_grid h1, .page_thumb_grid h2 { font-size: 34px; line-height: 44px; margin-top: 31px; }
}

@media (max-width: 599px)
{
	.page_thumb_grid { height: 60px; background-size: 200% 200%; }
	.page_thumb_grid h1, .page_thumb_grid h2 { font-size: 25px; line-height: 34px; margin-top: 23px; }
}

@media (max-width: 520px)
{
	.page_thumb_grid h1, .page_thumb_grid h2 { font-size: 14px; line-height: 24px; margin-top: 28px; text-shadow: 2px 2px 0px rgba(0, 0, 0, 1); }
}

/* =Index
-------------------------------------------------------------- */

#index-box-about { background: #fff; padding: 66px 0 61px 0; }
#index-box-about .item, .sidebar-about .item { width: 25%; padding: 0 20px 0 20px; text-align: center; float: left; }
#index-box-about .image-container, .sidebar-about .item .image-container { position: relative; margin: 0 0 28px 0; display: block; }
#index-box-about .item img, .sidebar-about .item img { max-width: 100%; height: auto; }
#index-box-about .text-table, .sidebar-about .item .text-table {
    width:100%;
    height:245px;
    position:absolute; left: 0; top: 0;
    display:table;
}
#index-box-about .text-cell, .sidebar-about .item .text-cell { color: #fff; font-size: 24px; line-height: 32px; font-weight: 600; text-transform: uppercase; padding: 0 40px 0 40px;
    display:table-cell;
    vertical-align:middle;
    width:100%;
    height:100%:
}

#index-box-about .btn { border: 1px solid #a0c7e1; border-bottom: 1px solid #65a4ce; text-transform: uppercase; text-align: center; color: #fff; font-size: 28px; background: #0069ae; padding: 0 4px 0 4px; }
#index-box-about .btn span { display: block; width: 226px; height: 38px; line-height: 36px; margin: 0 0 1px 0;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#0069ae+25,003399+100 */
	background: #0069ae; /* Old browsers */
	background: -moz-linear-gradient(top,  #0069ae 25%, #003399 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(25%,#0069ae), color-stop(100%,#003399)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #0069ae 25%,#003399 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #0069ae 25%,#003399 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #0069ae 25%,#003399 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #0069ae 25%,#003399 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0069ae', endColorstr='#003399',GradientType=0 ); /* IE6-9 */
}

@media (min-width: 992px) and (max-width: 1235px)
{
	#index-box-about  { padding: 34px 0 34px; }
	#index-box-about .item { padding: 0 32px 0 32px; }
	#index-box-about .image-container { margin: 0 0 23px 0; }
	#index-box-about .text-table { height: 184px; }
	#index-box-about .text-cell { padding: 0 10px 0 10px; font-size: 18px; line-height: 24px; }
	#index-box-about .btn { font-size: 22px; }
	#index-box-about .btn span { width: 170px; height: 28px; line-height: 28px; }
}

@media (min-width: 600px) and (max-width: 991px)
{
	#index-box-about  { padding: 28px 0 28px; }
	#index-box-about .item { padding: 0 20px 0 20px; }
	#index-box-about .image-container { margin: 0 0 13px 0; }
	#index-box-about .text-table { height: 110px; }
	#index-box-about .text-cell { padding: 0 10px 0 10px; font-size: 11px; line-height: 15px; }
	#index-box-about .btn { font-size: 12px; padding: 0 1px 0 1px; }
	#index-box-about .btn span { width: 106px; height: 16px; line-height: 16px; }
}

@media (max-width: 599px)
{
	#index-box-about  { padding: 15px 0 0px; }
	#index-box-about .item { width: 50%; margin-bottom: 15px; }
	#index-box-about .image-container { margin: 0 0 10px 0; }
	#index-box-about .text-cell { padding: 0 10px 0 10px; font-size: 11px; line-height: 15px; }
	#index-box-about .btn { font-size: 12px; padding: 0 1px 0 1px; }
	#index-box-about .btn span { height: 16px; line-height: 16px; }
}

@media (min-width: 420px) and (max-width: 599px)
{
	#index-box-about .btn span { width: 156px; }
	#index-box-about .text-table { height: 160px; }
}

@media (max-width: 419px)
{
	#index-box-about .btn span { width: 106px; }
	#index-box-about .text-table { height: 110px; }
}

#index-brands {
	background: #1c7ac7 url('img/index_block_blue.jpg') center top repeat-y; }

#index-brands p {
	font-weight: bold;
	font-size: 36px;
	line-height: 40px;
	padding: 30px 0 30px 0;
	text-align: center;
	color: #fff; }
	
#index-brands ul {
}
	
#index-brands ul li {
	margin: 0 43px 32px 0;
	float: left; }
	
#index-brands ul li.item-6, #index-brands ul li.item-12 {
	margin-right: 0; }
	
#index-brands ul li img {
	max-width: 100%;
	height: auto; }
	
@media (min-width: 992px) and (max-width: 1430px)
{	
	#index-brands ul li {
		width: 16.66%;
		padding: 0 5px;
		margin: 0 0px 32px 0; }
}	

@media (max-width: 991px)
{
	#index-brands p {
		font-weight: bold;
		font-size: 26px;
		line-height: 30px; }
		
	#index-brands ul li {
		width: 16.66%;
		padding: 0 5px;
		margin: 0 0px 15px 0; }
}

@media (max-width: 479px)
{		
	#index-brands ul li {
		width: 33.33%;
		padding: 0 5px;
		margin: 0 0px 15px 0; }
}	

#index-brands ul li img {
	max-width: 100%;
	height: auto; }

#index-box-info {
	text-align: center;
	background: #fff; }

#index-box-info .col-sm-6 {
	padding: 40px 0 60px 0;
	float: left;
	width: 50%; }
	
@media (max-width: 767px)
{
	#index-box-info .col-sm-6 {
		padding: 20px 0 20px 0; }
}
	
@media (max-width: 684px)
{
	#index-box-info .col-sm-6 {
		width: 100%; }
}
	
#index-box-info .box-info-title {
	margin-bottom: 20px; }
	
#index-box-info .box-info-title a {
	color: #ff5906;
	font-size: 36px;
	line-height: 46px;
	font-weight: bold;
	text-transform: uppercase; }
	
@media (max-width: 991px)
{
	#index-box-info .box-info-title a {
		font-size: 26px;
		line-height: 46px; }
}
	
#index-box-info .box-info-image {
	position: relative;
	width: 100%;
	height: 108px;
	margin-bottom: 20px; }
	
@media (max-width: 991px)
{
	#index-box-info .box-info-image {
		height: 68px; }
}
	
#index-box-info .box-info-image img {
   width: auto;
   max-height: 100%;
   margin: auto;
   position: absolute;
   top: 0; left: 0; bottom: 0; right: 0; }
	
@media (max-width: 991px)
{
	#index-box-info .btn.btn-blue span {
		font-size: 17px;
		line-height: 30px!important; }
}

.box-contact-blue {
	color: #000;
	float: left;
	border: 2px solid #fff;
	background: #449ee9; }

.box-contact-blue-in {
	float: left;
	width: 100%;
	background: #fff; }

#index-box-contact { 
	padding: 15px 0 20px 0;
	background-color: #1c303d;
	color: #fff; }

#index-box-contact .box-contact-left p {
	text-align: justify;
	padding: 0;
	margin: 0; }
	
#index-box-contact .box-contact-left p.box-title {
	text-align: left;
	font-size: 35px; 
	line-height: 40px;
	padding: 0 0 15px 0; }
	
@media (max-width: 479px)
{
	#index-box-contact .box-contact-left p.box-title {
		font-size: 25px; 
		line-height: 30px; }
}

#index-box-contact .box-contact-left {
	font-size: 20px;
	line-height: 25px;
	padding-right: 26px;
	width: 806px;
	float: left; }
	
@media (max-width: 1235px)
{
	#index-box-contact .box-contact-left {
		width: 690px; }
}
	
@media (max-width: 991px)
{
	#index-box-contact .box-contact-left {
		margin-bottom: 20px;
		width: 100%; }
}

#index-box-contact .box-contact-left .box-contact-blue {
	padding: 11px 20px;
	margin: 0 0 40px 40px;
	float: right;
	width: 340px; }
	
@media (max-width: 991px)
{
	#index-box-contact .box-contact-left .box-contact-blue {
		margin: 0 0 20px 0px;
		width: 100%; }
}

#index-box-contact .box-contact-left .box-contact-blue ul {
	margin: 5px 0 0 0; }

#index-box-contact .box-contact-left .box-contact-blue ul li {
	font-size: 28px;
	line-height: 36px;
	display: block;
	margin: 0 0 16px 0;
	padding: 0 0 0 33px; 
	background-repeat: no-repeat; }
	
@media (max-width: 479px)
{
	#index-box-contact .box-contact-left .box-contact-blue ul li {
		padding: 4px 0 4px 33px;
		margin: 0 0 6px 0;
		font-size: 18px; 
		line-height: 26px; }
}

#index-box-contact .box-contact-left .box-contact-blue ul li.t {
	font-size: 26px;
	text-transform: uppercase; }

#index-box-contact .box-contact-left .box-contact-blue ul li.phone {
	background-image: url('img/icon_phone_f.jpg');
	background-position: 8px 7px;
	font-weight: bold; }

#index-box-contact .box-contact-left .box-contact-blue ul li.mail {
	background-image: url('img/icon_mail_f.jpg');
	background-position: 4px 12px; }

#index-box-contact .box-contact-left .box-contact-blue ul li.location {
	background-image: url('img/icon_location_f.jpg');
	background-position: 8px 7px; }
	
#index-box-contact .box-contact-right {
	padding-top: 6px;
	float: left; }
	
@media (max-width: 991px)
{
	#index-box-contact .box-contact-right {
		width: 100%; }
}
	
#index-box-contact .box-contact-right .box-contact-blue {
	width: 302px;
	padding: 9px 9px 9px 9px;
}
	
@media (max-width: 991px)
{
	#index-box-contact .box-contact-right .box-contact-blue {
		width: 100%; }
}

.box-contact-blue .box-contact-form-title {
	font-size: 25px;
	line-height: 30px;
	color: #fff; }

.box-contact-blue .item {
	margin-bottom: 10px; }

.box-contact-blue input, .box-contact-blue textarea { margin: 0px 0 0 0; width: 100%; height: 30px; padding: 0 10px; color: #000000; font-size: 18px; border: 2px solid #ccc7b9; -webkit-box-shadow: inset 0px 0px 5px 0px rgba(204,199,185,1)!important; -moz-box-shadow: inset 0px 0px 1px 0px rgba(204,199,185,1)!important; box-shadow: inset 0px 0px 1px 0px rgba(204,199,185,1)!important; }

.box-contact-blue textarea {
	height: 120px; 
	padding: 4px 10px; }
	
.box-contact-blue button { 
	float: right;
	border: 0; outline: 0; padding: 0; text-transform: uppercase; text-align: center; color: #fff; font-size: 30px; background: url('img/slider_btn_send.png'); 
	width: 124px; 
	line-height: 38px; 
	height: 38px; }
	
.box-contact-blue button:hover {
	color: #fff; }

#index-box-contact .box-contact-right .wpcf7-response-output {
	margin: 10px 0 0 0;
	clear: left;
	float: left; }

::-webkit-input-placeholder { /* WebKit, Blink, Edge */
    color:    #000; line-height: 1.3em;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
   color:    #000;
   opacity:  1;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
   color:    #000;
   opacity:  1;
}
:-ms-input-placeholder { /* Internet Explorer 10-11 */
   color:    #000;
}

@media (min-width: 1236px) and (max-width: 1429px)
{
}

@media (min-width: 1236px)
{
	#index-box-contact { min-height: 396px; }
}

@media (min-width: 600px) and (max-width: 1235px)
{
}

@media (min-width: 992px)
{
	#index-box-contact { background-image: url('img/index_contact_bg.jpg'); background-position: right top; background-repeat: no-repeat; }
}

@media (min-width: 600px) and (max-width: 991px)
{
}

@media (max-width: 599px)
{
}

#index-box-recommended { background: #fff; padding: 0 0 25px 0; }
#index-box-recommended .box-title { float: left; clear: left; padding: 19px 0 12px 0; font-size: 37px; line-height: 42px; color: #000; text-transform: uppercase; font-weight: bold; }

#index-box-recommended .box-title .t {
	margin-right: 20px;
	float: left; }
	
#index-box-recommended .box-title .btn {
	float: left; }
	
#index-box-recommended ul { margin: 0; padding: 0; list-style: none; float: left; width: 100%; }
#index-box-recommended ul li { margin: 0 0px 0 0; padding: 0 10px 0 0; width: 50%; float: left; }
#index-box-recommended ul li.item-2, #index-box-recommended ul li.item-4 { padding-right: 0; }
#index-box-recommended ul li.item-3 { clear: left; }
#index-box-recommended ul li .post-title { padding: 0; margin: 0 0 5px 0; text-transform: uppercase; line-height: 24px; }
#index-box-recommended ul li .post-title a { color: #0069ae; font-size: 23px; font-weight: bold; }
#index-box-recommended ul li .post-desc { color: #000; font-size: 18px; line-height: 24px; }
#index-box-recommended ul li .post-desc a { color: #0069ae; }

@media (max-width: 991px)
{
	#index-box-recommended .box-title .btn {
		display: none; }
	
	#index-box-recommended ul li {
		width: 100%; }
		
	#index-box-recommended ul li.item-3, #index-box-recommended ul li.item-4 {
		display: none; }
}

@media (max-width: 479px)
{
	#index-box-recommended .box-title {
		font-size: 26px;
		line-height: 32px; }
		
	#index-box-recommended ul li .post-title a {
		line-height: 22px;
		font-size: 17px; }
		
	#index-box-recommended ul li .post-desc {
		font-size: 15px;
		line-height: 20px; }
}

/* =404
-------------------------------------------------------------- */

#wrapper-404 { padding: 160px 0 20px 0; background: #f5f8fd ; text-align: center; }
#wrapper-404 .p1 { padding: 0; margin: 0; text-transform: uppercase; color: #0064a9; line-height: 60px; font-size: 50px; font-weight: bold; }
#wrapper-404 .p2, #wrapper-404 .p3 { padding: 0; margin: 0; color: #000; line-height: 56px; font-size: 42px; }

@media (min-width: 1236px) and (max-width: 1429px)
{
	#wrapper-404 { padding-top: 50px; min-height: 700px; background-position: center 141px; background-size: 1020px auto; }
}

@media (min-width: 992px) and (max-width: 1235px)
{
	#wrapper-404 { padding-top: 50px; min-height: 700px; background-position: center 106px; background-size: 950px auto; }
}

@media (min-width: 600px) and (max-width: 991px)
{
	#wrapper-404 { padding-top: 50px; min-height: 600px; background-position: center 160px; background-size: 600px auto; }
	#wrapper-404 .p1 { line-height: 50px; font-size: 40px; }
	#wrapper-404 .p2, #wrapper-404 .p3 { line-height: 48px; font-size: 34px; }
}

@media (max-width: 599px)
{
	#wrapper-404 { padding-top: 120px; min-height: 500px; background-position: center 200px; background-size: 360px auto; }
	#wrapper-404 .p1 { line-height: 35px; font-size: 25px; }
	#wrapper-404 .p2, #wrapper-404 .p3 { line-height: 38px; font-size: 24px; }
}

@media (max-width: 399px)
{
	#wrapper-404 { padding-top: 100px; background-size: 320px auto; }
	#wrapper-404 .p1 { line-height: 32px; font-size: 22px; }
	#wrapper-404 .p2, #wrapper-404 .p3 { line-height: 36px; font-size: 22px; }
}

/* =Content
-------------------------------------------------------------- */
#wrapper-content { background: #fff; padding: 20px 0 20px 0; }
#content {  }

.column_left { float: left; width: 990px; }
.column_right { float: right; width: 400px; }
.sidebar-list { margin: 0 0 9px 0; padding: 0; list-style: none; }
.sidebar-list > li { margin: 0 0 20px 0; padding: 0; }
.sidebar-list li .sidebar-list-group-title { text-transform: uppercase; font-size: 26px; line-height: 36px; color: #1f54bd; margin: 0 0 6px 20px; display: block; }
.sidebar-list li ul { margin: 0 0 0 0; padding: 0; list-style: none; }
.sidebar-list li ul li { font-size: 21px; line-height: 27px; padding: 0 0 0 20px; margin: 0; background: url('img/list_style_1.png') left 11px no-repeat; }
.sidebar-list li ul li a { color: #000; }

.sidebar-contact-form { width: 100%; margin: 0 0 22px 0px; padding-left: 20px; }
.sidebar-contact-form form { background: #0069ae; text-align: center; color: #fff; padding: 11px 11px 3px 11px; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; }
.sidebar-contact-form .sidebar-contact-form-title { font-size: 21px; line-height: 27px; text-transform: uppercase; margin: 0 0 10px 0; padding: 0; }
.sidebar-contact-form form .item { width: 100%; margin: 0 0 14px 0; }
.sidebar-contact-form form input { height: 29px; }
.sidebar-contact-form form button { float: none; display: inline-block; margin-bottom: 13px; }
.sidebar-contact-form form button span { height: 33px; line-height: 33px; width: 120px; font-size: 28px; }
.sidebar-contact-form p { font-size: 20px; }

.sidebar-about  { padding: 0 10px 0 30px; width: 100%; float: left; }
.column_right .sidebar-about .item { width: 50%; padding: 0 10px; }
.sidebar-about .item .text-table { height: 160px; }
.sidebar-about .item .text-table .text-cell { padding: 0 10px; font-size: 14px; line-height: 22px; }

@media (min-width: 1236px) and (max-width: 1429px)
{
	.column_left { width: 770px; }
}

@media (min-width: 992px) and (max-width: 1235px)
{
	.column_left { width: 620px; }
	.column_right { width: 330px; }
	.sidebar-about .item .text-table { height: 125px; }
}
@media (max-width: 1235px)
{
	.sidebar-list li .sidebar-list-group-title { font-size: 21px; line-height: 31px; }
	.sidebar-list li ul li { font-size: 17px; line-height: 23px; }
	.sidebar-list li ul li { background-position: left 9px; }
	.sidebar-contact-form .sidebar-contact-form-title { font-size: 17px; line-height: 23px; }
}

@media (max-width: 991px)
{
	.column_left { width: 100%; }
	.column_right { width: 100%; margin-top: 20px; }
}

@media (min-width: 600px) and (max-width: 991px)
{
	.sidebar-contact-form { margin-left: 50px; width: 500px; }
	.column_right .sidebar-about .item { width: 25%; padding: 0 12px; }
	.sidebar-about .item .text-table { height: 116px; }
}

@media (max-width: 599px)
{
	.sidebar-contact-form { margin-left: 0px; padding-left: 0px; }
	.sidebar-about { margin-left: 0px; padding-left: 0px; }
	.sidebar-about .item .text-table { height: 175px; }
}

@media (max-width: 399px)
{
	.sidebar-about .item .text-table { height: 125px; }
}

#content .posts-list { width: 100%; margin: 0px 0 10px 0; padding: 0; list-style: none; }
#content .posts-list li { width: 100%; margin: 0 0 16px 0; padding: 0; list-style: none; }
#content .posts-list li h2 { text-transform: uppercase; font-size: 27px; line-height: 36px; margin: 0 0 0px 0; padding: 0; }
#content .posts-list li h2 a { color: #1f54bd; }
#content .posts-list li .date { display: block; color: #000000; font-size: 14px; width: 100%; margin: -3px 0 19px 0; line-height: 16px; }
#content .posts-list li .desc { width: 100%; }
#content .posts-list li .desc p { margin: 0; padding: 0 0 14px 0; line-height: 24px; font-size: 19px; }
#content .posts-list li .desc a { color: #1f54bd; }

#content,
#content input,
#content textarea {
	color: #000;
	font-size: 20px;
	line-height: 25px;
}
#content p,
#content ul,
#content ol,
#content dd,
#content pre,
#content hr {
	margin-bottom: 24px;
}
#content ul ul,
#content ol ol,
#content ul ol,
#content ol ul {
	margin-bottom: 0;
}
#content pre,
#content kbd,
#content tt,
#content var {
	font-size: 15px;
	line-height: 21px;
}
#content code {
	font-size: 13px;
}
#content dt,
#content th {
	color: #000;
}
#content h1,
#content h2,
#content h3,
#content h4,
#content h5,
#content h6 {
	color: #1f54bd;
	line-height: 1.5em;
	margin: 0 0 20px 0;
}
#content table {
	margin: 0 -1px 24px 0;
	text-align: left;
	width: 940px;
}
#content tr th,
#content thead th {
	color: #888;
	font-size: 12px;
	font-weight: bold;
	line-height: 18px;
	padding: 9px 24px;
}
#content tr td {
	padding: 6px 24px;
}
#content tr.odd td {
	background: #f2f7fc;
}

.page-contact-form .col-left { /*background: #0069ae;*/ float: left; width: 960px; padding: 15px 28px; /*color: #fff;*/ color: #000; }
#content .page-contact-form .col-left .contact-title { color: #000; text-transform: uppercase; padding: 0 0 0 10px; margin: 0 0 9px 0; font-size: 27px; line-height: 36px; }
.page-contact-form .col-left .item-4 { float: left; padding-bottom: 0; margin-right: 50px; width: auto; }
.page-contact-form .col-left .item-5 { float: left; padding-top: 7px; padding-bottom: 0; width: auto; }
#content .page-contact-form .col-left input, #content .page-contact-form .col-left textarea { height: 42px; padding: 6px 10px; color: #000000; font-size: 24px; }
#content .page-contact-form .col-left textarea { height: 230px; }
.page-contact-form .col-left .item-5 button span { width: 196px; height: 61px; line-height: 61px; font-size: 44px; }
.page-contact-form .col-right { float: right; width: 420px; }
#content .page-contact-form .col-right p.contact-title { color: #1f54bd; text-transform: uppercase; font-size: 25px; padding: 0 0 11px 18px; margin: 0; }
#content .page-contact-form .col-right ul { margin: 0 0 21px 0; padding: 0; list-style: none; }
#content .page-contact-form .col-right ul li { margin: 0; padding: 0 0 0 29px; font-size: 27px; line-height: 38px; }
#content .page-contact-form .col-right ul li:before { display: none; }
#content .page-contact-form .col-right ul li.item-1 { font-weight: bold; background: url('img/contact_icon_1.png') 4px center no-repeat; }
#content .page-contact-form .col-right ul li.item-2 { background: url('img/contact_icon_2.png') left center no-repeat; }
#content .page-contact-form .col-right ul li.item-3 { background: url('img/contact_icon_3.png') 4px center no-repeat; }
#content .page-contact-form .col-right iframe { height:	360px; }

@media (min-width: 1236px) and (max-width: 1429px)
{
	.page-contact-form .col-left { width: 780px; }
	.page-contact-form .col-left .item-5 { float: right; }
}

@media (max-width: 1235px)
{
	#content .page-contact-form .col-right ul { margin-bottom: 14px; }
	#content .page-contact-form .col-right ul li.item-1 { background: url('img/contact_icon_1_s.png') 3px center no-repeat; }
	#content .page-contact-form .col-right ul li.item-2 { background: url('img/contact_icon_2_s.png') left center no-repeat; }
	#content .page-contact-form .col-right ul li.item-3 { background: url('img/contact_icon_3_s.png') 3px center no-repeat; }
	#content .page-contact-form .col-right p.contact-title { font-size: 19px; padding-bottom: 6px; }
	#content .page-contact-form .col-right ul li { font-size: 20px; line-height: 30px; }
	#content .page-contact-form .col-right iframe { height:	266px; }
}

@media (min-width: 992px) and (max-width: 1235px)
{
	.page-contact-form .col-left { width: 625px; }
	.page-contact-form .col-left .item-5 { float: right; }
	.page-contact-form .col-right { width: 330px; }
}

@media (max-width: 991px)
{
	#content .page-contact-form .col-left .contact-title { padding-left: 0; font-size: 23px; }
	.page-contact-form .col-left { width: 100%; }
	#content .page-contact-form .col-left input, #content .page-contact-form .col-left textarea { height: 32px; padding: 4px 10px; color: #000000; font-size: 18px; }
	#content .page-contact-form .col-left textarea { height: 178px; }
	.page-contact-form .col-left .item-4 { margin-right: 0; width: 100%; }
	.page-contact-form .col-left .item-5 { width: 100%; text-align: center; margin: 10px 0 0 0; }
	.page-contact-form .col-left .item-5 button { float: none; display: inline-block; }
	.page-contact-form .col-left .item-5 button span { width: 144px; height: 42px; line-height: 42px; font-size: 30px; }
	.page-contact-form .col-right { width: 100%; margin-top: 10px; padding: 0 18px 0 18px; }
	#content .page-contact-form .col-right p.contact-title { padding-left: 0; }
}

@media (min-width: 600px) and (max-width: 991px)
{
}

@media (max-width: 599px)
{
	#content .page-contact-form .col-left .contact-title { padding-left: 0; font-size: 18px; }
	#content .page-contact-form  .item-4 { overflow-y:hidden; }
	.page-contact-form .col-right { text-align: center; }
	#content .page-contact-form .col-right ul li { display: inline; }
	#content .page-contact-form .col-right ul li:after { clear: both; content: ' '; width: 100%; display: block; }
}

@media (max-width: 399px)
{
}

#content .entry-content ol, #content .entry-content ul { margin-bottom: 20px; }
#content .entry-content ol ol, #content .entry-content ul ul { margin-top: 5px; }
#content .entry-content ol > li, #content .entry-content ul > li {
    position:relative; 
    margin:0 0 5px 0px;
    padding:0px 0px 0 18px; 
    list-style:none;
}
#content .entry-content ol > li:before, #content .entry-content ul > li:before {
    content: '\f078';
    counter-increment:li;
    position:absolute; font-size: 11px;
    top:0px;
    left: 0px;
	margin: 0px 0 0 0;
    padding:0px 0px 0 0;
    color:#449ee9;
	font-family: 'FontAwesome';
}
#content .entry-content ol > li li:before, #content .entry-content ul > li li:before { color: #003399;  font-size: 9px; }

.hentry {
	margin: 0 0 48px 0;
}
.home .sticky {
	background: #f2f7fc;
	border-top: 4px solid #000;
	margin-left: -20px;
	margin-right: -20px;
	padding: 18px 20px;
}
.single .hentry {
	margin: 0 0 36px 0;
}
.page-title, #content .entry-title {
	color: #1f54bd; text-transform: uppercase;
	font-size: 26px;
	margin: 0 0 16px 0!important;
}
#content .entry-title { margin-bottom: 0!important; }
#content .entry-date { display: block; color: #000000; font-size: 14px; width: 100%; margin: -3px 0 19px 0; line-height: 16px; }
.page-title span {
	color: #333;
	font-size: 16px;
	font-style: italic;
	font-weight: normal;
}
.page-title a:link,
.page-title a:visited {
	color: #888;
	text-decoration: none;
}
.page-title a:active,
.page-title a:hover {
	color: #ff4b33;
}
.entry-title a:link,
.entry-title a:visited {
	color: #000;
	text-decoration: none;
}
.entry-title a:active,
.entry-title a:hover {
	color: #ff4b33;
}
.entry-meta {
	color: #888;
	font-size: 12px;
}
.entry-meta abbr,
.entry-utility abbr {
	border: none;
}
.entry-meta abbr:hover,
.entry-utility abbr:hover {
	border-bottom: 1px dotted #666;
}
.entry-content,
.entry-summary {
	clear: both;
	padding: 0px 0 0 0;
}
#content .entry-summary p:last-child {
	margin-bottom: 12px;
}
.entry-content fieldset {
	border: 1px solid #e7e7e7;
	margin: 0 0 24px 0;
	padding: 24px;
}
.entry-content fieldset legend {
	background: #fff;
	color: #000;
	font-weight: bold;
	padding: 0 24px;
}
.entry-content input {
	margin: 0 0 24px 0;
}
.entry-content input.file,
.entry-content input.button {
	margin-right: 24px;
}
.entry-content label {
	color: #888;
	font-size: 12px;
}
.entry-content select {
	margin: 0 0 24px 0;
}
.entry-content sup,
.entry-content sub {
	font-size: 10px;
}
.entry-content blockquote.left {
	float: left;
	margin-left: 0;
	margin-right: 24px;
	text-align: right;
	width: 33%;
}
.entry-content blockquote.right {
	float: right;
	margin-left: 24px;
	margin-right: 0;
	text-align: left;
	width: 33%;
}
.page-link {
	clear: both;
	color: #000;
	font-weight: bold;
	margin: 0 0 22px 0;
	word-spacing: 0.5em;
}
.page-link a:link,
.page-link a:visited {
	background: #f1f1f1;
	color: #333;
	font-weight: normal;
	padding: 0.5em 0.75em;
	text-decoration: none;
}
.home .sticky .page-link a {
	background: #d9e8f7;
}
.page-link a:active,
.page-link a:hover {
	color: #ff4b33;
}
body.page .edit-link {
	clear: both;
	display: block;
}
.entry-utility {
	clear: both;
	color: #888;
	font-size: 12px;
	line-height: 18px;
}
.entry-meta a,
.entry-utility a {
	color: #888;
}
.entry-meta a:hover,
.entry-utility a:hover {
	color: #ff4b33;
}
#content .video-player {
	padding: 0;
}

/* =Images
-------------------------------------------------------------- */

/*
Resize images to fit the main content area.
- Applies only to images uploaded via WordPress by targeting size-* classes.
- Other images will be left alone. Use "size-auto" class to apply to other images.
*/
img.size-auto,
img.size-full,
img.size-large,
img.size-medium,
.attachment img {
	max-width: 100%; /* When images are too wide for containing element, force them to fit. */
	height: auto; /* Override height to match resized width for correct aspect ratio. */
}
.alignleft,
img.alignleft {
	display: inline;
	float: left;
	margin-right: 24px;
	margin-top: 4px;
}
.alignright,
img.alignright {
	display: inline;
	float: right;
	margin-left: 24px;
	margin-top: 4px;
}
.aligncenter,
img.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
}
img.alignleft,
img.alignright,
img.aligncenter {
	margin-bottom: 12px;
}
.wp-caption {
	background: #f1f1f1;
	line-height: 18px;
	margin-bottom: 20px;
	max-width: 632px !important; /* prevent too-wide images from breaking layout */
	padding: 4px;
	text-align: center;
}
.wp-caption img {
	margin: 5px 5px 0;
}
.wp-caption p.wp-caption-text {
	color: #888;
	font-size: 12px;
	margin: 5px;
}
.wp-smiley {
	margin: 0;
}
#content .attachment img {/* single attachment images should be centered */
	display: block;
	margin: 0 auto;
}


/* =Navigation
-------------------------------------------------------------- */

.navigation {
	float: left;
	width: 100%;
	overflow: hidden;
}

/* =Footer
-------------------------------------------------------------- */

#footer { height: 88px; border-top: 1px solid #bdc2c7; line-height: 88px; text-align: right; }
#footer p { padding-right: 136px; color: #fff; font-size: 17px; }

@media (max-width: 991px) 
{
	#footer p { padding-right: 0; text-align: center; }
}

@media (max-width: 599px) 
{
	#footer { height: 52px; line-height: 54px; }
	#footer p { font-size: 12px; padding-right: 0; text-align: center; }
}

/* =RWD menu
-------------------------------------------------------------- */

#btn_rwd_toggle_container { float: right; height: 69px; margin: 9px 25px 0 0px; padding: 0px 0 0 0px; display: none; }
#btn_rwd_toggle { float: left; cursor: pointer; background: url('img/menu_rwd.png') left center no-repeat; padding: 0 0 0 36px; height: 23px; line-height: 23px; font-size: 17px; font-weight: 300; color: #000; text-transform: uppercase; }

@media (max-width: 991px) 
{
	#btn_rwd_toggle_container { display: block; }
}

@media (max-width: 419px) 
{
	#btn_rwd_toggle { padding: 0; width: 27px; }
	#btn_rwd_toggle span { display: none; }
}

#responsive-menu-content { position: fixed; top: 0; left: 0px; right: 0px; background: #fff; z-index: 8010; display: block; width: auto; height: auto; }
#responsive-menu-content-in { position: fixed; top: 0; left: 0px; right: 0px; bottom: 0; background: #fff; z-index: 8010; display: block; width: auto; height: auto; overflow-x:hidden; overflow-y:scroll; }
.responsive-content-all { float: left; margin-left: 40px; padding-bottom: 20px; width: 100%; }
#responsive-menu-list { float: left; margin: 90px 0 0 0; padding: 0 120px 0 0; list-style: none; width: 100%; }
#responsive-menu-list li { float: left; margin: 0 0 15px 0; padding: 0 0 0 46px; width: 100%; font-size: 21px; line-height: 28px; position: relative; }
#responsive-menu-list li .menu_lvl_slide:after { position: absolute; left: 0px; top: 0px; width: 30px; height: 30px; background: #e6e6e6; cursor: pointer; font-family: 'FontAwesome'; content: '\f067'; color: #0069ae; font-size: 18px; text-align: center; }
#responsive-menu-list li .menu_lvl_displyed:after { content: '\f068'; }
#responsive-menu-list li, #responsive-menu-list li a { color: #000; text-transform: uppercase; font-weight: 300; }
#responsive-menu-list li a:hover, #responsive-menu-list li.current a { text-decoration: underline; }
#responsive-menu-list li ul { list-style: none; margin: 12px 0 0 0px; padding: 0; display: none; }
#responsive-menu-list li ul li { padding-left: 36px; }
#responsive-menu-list li ul li:last-child { margin-bottom: 0; }
#responsive-menu-list li ul li ul li { padding-left: 36px; }
#responsive-menu-content .btn_close_responsive_menu { position: absolute; right: 50px; top: 30px; cursor: pointer; font-weight: normal; font-size: 15px; color: #333; text-transform: uppercase; background: #F0F0F0; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; padding: 0px 25px 0px 25px; height: 50px; line-height: 50px; }
#responsive-menu-content .btn_close_responsive_menu i { font-size: 17px; color: #0069ae; }

@media (max-width: 684px)
{
	.responsive-content-all { margin-left: 0px; }
	#responsive-menu-list { margin-top: 120px; padding-left: 30px }
	#responsive-menu-list li { }
}
@media (max-width: 479px)
{
	#responsive-menu-list { padding-left: 10px; padding-right: 20px; }
	#responsive-menu-list li { font-size: 18px; }
}

#facebook-icon { position: relative; }
#facebook-slide-close { width: 30px; height: 30px; position: absolute; left: -30px; top: -30px; background: #3b579d; cursor: pointer; }
#facebook-slide-close:after { content: '\f0a8'; font-family: 'FontAwesome'; text-align: center; font-size: 16px; color: #fff; line-height: 30px; width: 30px; height: 30px; float: left; }

@media (max-width: 991px)
{
	#facebook-icon { width: 40px; height: 40px; background: url('img/fb-logo.png'); background-size: 100% 100%; }
}