/* *** CSS RESET *** */

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,
font,
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 {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 100%;
    vertical-align: baseline;
    background: transparent
}

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

blockquote,
q {
    quotes: none
}

blockquote:before,
blockquote:after,
q:before,
q:after {
    content: none
}

:focus {
    outline: 0
}

ins {
    text-decoration: none
}

del {
    text-decoration: line-through
}

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

input {
    margin: 0;
    padding: 0;
}

input[disabled] {
    background-color: #cfd3d6 !important;
    color: #8d9aa8 !important;
}

* {
    margin: 0;
    padding: 0;
}

a {
    outline: none;
    text-decoration: none;
}

a,
img {
    border: 0;
}

.clearfix {
    display: inline-block
}

.clearboth {
    clear: both;
}

button {
    cursor: pointer;
}

.form-error {
    color: red;
    margin-top: 10px;
    display: block;
}

.form-error.active {
    padding: 10px;
}

/* *** GLOBAL *** */

* {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    *behavior: url(js/boxsizing.htc);
}

*:before,
*:after {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    *behavior: url(js/boxsizing.htc);
}



.clearer {
    clear: both;
    height: 0;
}

@font-face {
    font-family: 'DINNextLTPro-Light';
    src: url('../fonts/DINNextLTPro-Light_0.eot');
    src: url('../fonts/DINNextLTPro-Light_0.woff') format('woff'),
        url('../fonts/DINNextLTPro-Light_0.ttf') format('truetype'),
        url('../fonts/DINNextLTPro-Light_0.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'DINNextLTPro-Bold';
    src: url('../fonts/DINNextLTPro-Bold.eot');
    src: url('../fonts/DINNextLTPro-Bold.woff') format('woff'),
        url('../fonts/DINNextLTPro-Bold.ttf') format('truetype'),
        url('../fonts/DINNextLTPro-Bold.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'DINNextLTPro-Medium';
    src: url('../fonts/DINNextLTPro-Medium_0.eot');
    src: url('../fonts/DINNextLTPro-Medium_0.woff') format('woff'),
        url('../fonts/DINNextLTPro-Medium_0.ttf') format('truetype'),
        url('../fonts/DINNextLTPro-Medium_0.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'DINNextLTPro-MediumCond';
    src: url('../fonts/DINNextLTPro-MediumCond_0.eot');
    src: url('../fonts/DINNextLTPro-MediumCond_0.woff') format('woff'),
        url('../fonts/DINNextLTPro-MediumCond_0.ttf') format('truetype'),
        url('../fonts/DINNextLTPro-MediumCond_0.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}


/* *** STRUCTURE *** */

body,
html {
    height: 100%;
}

body {
    font-size: 13px;
    color: #6e6e6f;
    font-family: 'DINNextLTPro-Light', tahoma;
    background: #dfe1e3;
}

.clear {
    clear: both;
}

#Container {
    position: relative;
    float: left;
    width: 100%;
    min-height: 100%;
    padding-bottom: 36px;
}

.wrapper {
    position: relative;
    width: 1120px;
    margin: 0 auto;
}

/* *** HEADER *** */

header {
    height: 245px;
    float: left;
    width: 100%;
    background: #212d3e url('../img/header-bg.jpg') top center no-repeat;
}

.header-content {
    float: left;
    width: 100%;
    padding: 42px 0;
}

.header-content h2 {
    position: absolute;
    top: 42px;
    left: 13px;
    font-size: 26px;
    color: #8da0b9;
}

.header-content h2 span {
    font-weight: bold;
}

.header-content h1 {
    text-align: center;
}

.user {
    position: absolute;
    top: 42px;
    right: 20px;
}

.user a {
    color: #8da0b9;
    font-size: 15px;
    margin-left: 15px;
}

.user a img {
    margin: 0 5px 0 0;
}

.btn-1 {
    display: inline-block;
    width: 176px;
    height: 39px;
    color: #fff;
    font-size: 15px;
    line-height: 44px;
    font-family: 'DINNextLTPro-Bold', tahoma;
}

.btn-1:hover,
.user a:hover,
.nav-1 a:hover,
.btn-2:hover {
    opacity: 0.90;
    filter: alpha(opacity=90);
}

.table-1 tr:hover td {
    opacity: 0.80;
    filter: alpha(opacity=80);
    /*  cursor: pointer;*/
}

.btn-brown {
    background: url('../img/btn-brown.png');
}

.btn-red {
    background: url('../img/btn-red.png') !important;
    border-radius: 5px;
}

.btn-green {
    background: url('../img/btn-green.png');
}

.btn-blue {
    background: url('../img/btn-blue.png');
}

.buttons {
    float: left;
    width: 100%;
    text-align: center;
}

.buttons a {
    margin: 0 20px;
}

#MainMenu {
    clear: both;
    text-align: center;
    width: 100%;
    float: left;
    height: 28px;
    font-family: 'DINNextLTPro-Medium', tahoma;
    background: url('../img/bg-1.png') center bottom no-repeat;
    margin: 40px 0 0 0;
}

#MainMenu a {
    display: inline-block;
    color: #8da0b9;
    font-size: 15px;
    margin: 0 40px;
    vertical-align: top;
}

#MainMenu a span {
    display: block;
    width: 10px;
    height: 11px;
    margin: 0 auto;
    margin-top: 5px;
    background: url('../img/sign01.png');
}

#MainMenu .current,
#MainMenu a:hover {
    color: #f3ecc7;
    margin-top: -6px;
}

#MainMenu .current span,
#MainMenu a:hover span {
    display: block;
    width: 22px;
    height: 22px;
    margin: 0 auto;
    margin-top: 5px;
    background: url('../img/sign02.png');
}

/* *** HOME *** */

#MainContent {
    float: left;
    width: 100%;
    padding: 45px 0;
}

.main-content {
    float: left;
    width: 100%;
}

.content-box {
    float: left;
    width: 100%;
    display: none;
}

.show {
    display: block;
}

.title {
    text-align: center;
    width: 285px;
    margin: 0 auto;
    border-bottom: 1px solid #204a83;
    color: #1c3b65;
    padding-bottom: 10px;
}

.title h2 {
    font-size: 34px;
    font-family: 'DINNextLTPro-Bold', tahoma;
    font-weight: normal;
}

strong {
    font-family: 'DINNextLTPro-Bold', tahoma;
    font-weight: normal;
}

.title span {
    padding-top: 3px;
    display: block;
    color: #375b8b;
    font-size: 13px;
    font-family: 'DINNextLTPro-Medium', tahoma;
}

.main {
    float: left;
    width: 100%;
    padding-top: 50px;
}

.main-1 {
    float: left;
    width: 100%;
}

.description-1 {
    width: 640px;
    margin: 0 auto;
    padding-bottom: 50px;
}

.description-1 .title-box {
    width: 230px;
    float: left;
    padding-right: 30px;
    color: #1c3b65;
    text-align: right;
    font-size: 19px;
}

.description-1 .title-box strong {
    font-family: 'DINNextLTPro-Medium', tahoma;
    font-weight: normal;
}

.description-1 .title-box span {
    display: block;
    font-size: 13px;
}

.description-1 .txt {
    overflow: hidden;
}

.box-1 {
    position: relative;
    float: right;
    width: 457px;
    height: 304px;
    color: #fff;
    padding: 10px 15px;
}

.box-1 img {
    position: absolute;
    top: 0;
    left: 0;
}

.box-1 h2 {
    position: relative;
    width: 50%;
    float: left;
    font-size: 38px;
    letter-spacing: 3px;
    font-family: 'DINNextLTPro-MediumCond', tahoma;
    font-weight: normal;
}

.box-1 div {
    position: relative;
    text-align: right;
    font-size: 13px;
    float: right;
    width: 50%;
}

.box-1a {
    width: 648px;
    float: left;
}

.btn-2 {
    padding: 0 10px;
    line-height: 49px;
    position: relative;
    width: 119px;
    height: 38px;
    float: left;
    display: block;
    background: #df6867 url('../img/btn-2.png') right center no-repeat;
    color: #fff;
    font-size: 15px;
}

.box-1 .btn-2 {
    position: absolute;
    bottom: 15px;
    right: 15px;
}

table th,
table td {
    word-break: break-word;
}

.table-1,
.table-1a {
    width: 100%;
    float: left;
    background: #fff;
}

.table-1 tr td,
.table-1a tr td {
    border-top: 2px solid #dfe1e3;
    color: #365a8b;
    padding: 11px 25px 10px 25px;
    vertical-align: middle;
}

.table-1 .odd {
    background: #f1f2f6;
}

.table-1 td span {
    font-family: 'DINNextLTPro-Medium', tahoma;
}

.table-1 th,
.table-1a th {
    padding: 12px 25px 8px 25px;
    text-align: left;
    /*  position: relative;*/
    background: #1c3b65;
    color: #fff;
    font-weight: normal;
    font-family: 'DINNextLTPro-Bold', tahoma;
    font-size: 15px;
}

.table-1 th img {
    top: 8px;
    right: 8px;
    position: absolute;
}

.table-1 .last {
    color: #df6867;
    font-size: 15px;
    font-weight: normal;
    font-family: 'DINNextLTPro-Bold', tahoma;
    text-align: center;
    border-left: 4px solid #dfe1e3;
}

.table-1 th.last {
    background: #df6867;
}

.table-1a tr td,
.table-1a tr th {
    padding: 11px 10px 10px 10px;
    font-size: 13px;
    text-align: center;
    border-left: 4px solid #dfe1e3;
}

.nav-1 {
    width: 100%;
    float: left;
    padding-top: 25px;
    padding-left: 115px;
}

.nav-1 a {
    font-size: 14px;
    color: #1c3b65;
    margin: 0 25px;
}

.nav-1 a img {
    vertical-align: middle;
    margin: -2px 5px 0 5px;
}

/* CUSTOM TABLE */
.custom-table {
    border-collapse: collapse;
    margin: 25px 0;
    font-size: 0.9em;
    font-family: sans-serif;
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.15);
    width: 100%;
    border-radius: 5px;
    overflow: hidden;
}

.custom-table thead tr {
    background-color: #344a68;
    color: #ffffff;
    text-align: left;
}

.custom-table .gray {
    color: #999;
    font-weight: bold;
    font-size: 12px;
}

.custom-table th,
.custom-table td {
    padding: 12px 15px;
    font-size: 15px;
}

.custom-table tbody tr {
    border-bottom: 1px solid #dddddd;
}

.custom-table td {
    vertical-align: middle;
}

.custom-table tbody tr:nth-of-type(even) {
    background-color: #f3f3f3;
}

.custom-table tbody tr:last-of-type {
    border-bottom: 2px solid #344a68;
}

.custom-table tbody tr:hover td:first-child {
    color: #344a68;
}

.custom-table tbody tr:hover {
    background: #344a6822;
}

.custom-table .action-col {
    text-align: right;
}

.custom-table .delete {
    background: #e74c3c;
    border: none;
    outline: none;
    padding: 10px;
    color: #fff;
    border-radius: 5px;
    font-weight: bold;
    cursor: pointer;
    font-size: 12px;
}

/* *** FOOTER *** */

footer {
    position: absolute;
    bottom: 0;
    left: 0;
    height: 36px;
    float: left;
    width: 100%;
    background: #212d3e url('../img/footer-bg.jpg') top center no-repeat;
}

/* *** MENU RESPONSIVE *** */

#MenuResponsive {
    display: none;
    float: left;
    background: #17212f;
    width: 100%;
    min-height: 44px;
}

.button-rsp {
    cursor: pointer;
    float: right;
    margin: 14px;
}

.button-rsp:hover {
    opacity: 0.90;
    filter: alpha(opacity=90);
}

.button-rsp span {
    width: 28px;
    height: 3px;
    margin: 4px auto 0 auto;
    display: block;
    background: #f3ecc7;
}

.button-rsp span:first-child {
    margin-top: 0;
}

#MenuResponsive .logo {
    height: 25px;
    float: left;
    margin: 10px 0 0 10px;
}

#MenuResponsive .logo img {
    height: 100%;
}

#MenuResponsive .MainMenu {
    display: none;
    float: left;
    width: 100%;
    border-bottom: 1px solid #8da0b9;
}

#MenuResponsive .MainMenu ul {
    float: left;
    width: 100%;
    display: none;
    border-bottom: 1px solid #000;
}

#MenuResponsive .MainMenu li {
    float: left;
    border: none;
    width: 100%;
    height: auto;
    text-align: center;
    border-top: 1px solid #000;
}

#MenuResponsive .MainMenu a {
    line-height: normal;
    height: auto;
    color: #8da0b9;
    float: left;
    text-align: center;
    width: 100%;
    border-top: 1px solid #8da0b9;
    padding: 12px 0 9px 0;
}

#MenuResponsive .MainMenu a:hover {
    background: #8da0b9;
    color: #232f41;
}

/* *** 02 *** */

.slider-1 {
    width: 400px;
    float: left;
}

.table-2 {
    font-size: 13.43px;
}

.table-2 tr td {
    padding: 5px;
    vertical-align: middle;
}

.table-2 th {
    text-align: right;
    padding-right: 40px;
}

.table-2 th img {
    top: 11px;
}

.date {
    width: 33px;
    height: 56px;
    text-align: center;
    font-family: 'DINNextLTPro-Medium', tahoma;
}

.table-2 h3 {
    font-family: 'DINNextLTPro-Medium', tahoma;
    font-weight: normal;
    color: #1c3b65;
    font-size: 16.59px;
    padding-bottom: 3px;
}

.day {
    width: 100%;
    height: 28px;
    background: #ed7d7c;
    float: left;
    color: #fff;
    font-size: 16.59px;
    line-height: 30px;
}

.month {
    width: 100%;
    font-size: 11px;
    height: 28px;
    background: #df6867;
    float: left;
    color: #fff;
    line-height: 31px;
}

.table-2 .current td,
.table-2 .current h3 {
    color: #a01312;
}

.slider-1 ul {
    float: left;
    width: 100%;
    list-style: none;
}

.slider-1 li {
    float: left;
    width: 100%;
}

.bx-wrapper .bx-viewport {
    background: none;
}

.slider-1 .bx-controls {
    width: auto;
    height: 100%;
    position: absolute;
    z-index: 100;
    top: 50px;
    left: -30px;
}

.slider-1 .bx-pager {
    float: left;
    width: 13px;
    padding: 0;
    background: url('../img/bx-pager-bg.png') center repeat-y;
}

.slider-1 .bx-pager .bx-pager-item {
    float: left;
    margin-top: 40px;
}

.slider-1 .bx-pager .bx-pager-item a {
    float: left;
    text-indent: -99999px;
    background: url('../img/control.png') center no-repeat;
    display: block;
    width: 13px;
    height: 12px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    behavior: url(PIE.htc);
}

.slider-1 .bx-pager .bx-pager-item:first-child {
    margin-top: -5px;
}

.slider-1 .bx-pager .bx-pager-item:last-child {
    margin-bottom: -2px;
}

.slider-1 .bx-pager .bx-pager-item .active,
.slider-1 .bx-pager .bx-pager-item a:hover {
    background: url('../img/control-active.png') center no-repeat !important;
}

.slider-1 .bx-controls-direction {
    display: none;
}

.main-2 {
    float: left;
    padding: 0 30px;
    width: 100%;
}

.box-2 {
    float: right;
    width: 645px;
    color: #4b525b;
    background: #fff;
}

.box-2 .title-box {
    position: relative;
    background: #f1f2f6;
    float: left;
    color: #1c3b65;
    font-size: 15px;
    width: 100%;
    padding: 10px 50px 10px 70px;
}

.box-2 .title-box h3 {
    font-weight: normal;
    font-size: 20px;
    font-family: 'DINNextLTPro-Medium', tahoma;
}

.box-2 figure {
    position: absolute;
    width: 115px;
    height: 115px;
    top: 20px;
    background: #fff;
    overflow: hidden;
    left: 30px;
    border: 4px solid #dbdfe7;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    behavior: url(js/PIE.htc);
}

.box-2 figure img {
    position: relative;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    behavior: url(js/PIE.htc);
}

.box-2 .date {
    position: absolute;
    top: 0;
    right: 15px;
}

.box-2 .description {
    float: left;
    width: 100%;
    padding: 20px 50px 10px 50px;
    overflow-x: hidden;
    overflow-y: auto;
    scrollbar-color: #1c3b65 #f2f2f2;
    scrollbar-width: thin;
    max-height: 500px;
}

.box-2 .description p {
    margin-bottom: 20px;
}

.buttons-box-1 {
    float: left;
    width: 100%;
}

.btn-3 {
    float: left;
    display: block;
    width: 115px;
    height: 33px;
    color: #fff;
    text-align: right;
    padding-right: 10px;
    font-size: 13.37px;
    line-height: 44px;
    background: url('../img/btn-3.png');
}

.btn-4 {
    float: left;
    display: block;
    width: 115px;
    height: 33px;
    color: #fff;
    text-align: right;
    padding-right: 10px;
    font-size: 13.37px;
    line-height: 44px;
    background: url('../img/btn-4.png');
}

.btn-3:hover,
.btn-4:hover {
    opacity: 0.90;
    filter: alpha(opacity=90);
}

.buttons-box-1 a {
    float: right;
    margin-left: 8px;
}

.lh22 {
    line-height: 22px;
}

/* *** 03 *** */

.main-3 {
    float: left;
    width: 100%;
    padding: 0 110px;
}

.data-box-3 {
    width: 210px;
    color: #000;
    font-size: 22px;
    text-align: right;
    padding-right: 40px;
    float: left;
    padding-top: 40px;
}

.data-box-3 .price {
    color: #df6867;
    font-size: 25px;
    margin-bottom: 10px;
    font-family: 'DINNextLTPro-Bold';
}

.data-box-3 .price span {
    font-size: 19px;
}

.color-blue,
.data-box-3 .color-blue {
    color: #1c3b65;
}

.main-3 .table-box {
    overflow: hidden;
    width: auto;
    float: none;
}

.table-1 tr th.last {
    color: #fff;
    text-align: left;
}

.main-3 .table-1 .last {
    border-right: 4px solid #dfe1e3;
}

#MainMenu.bg-2 {
    background: url('../img/bg-2.png') center bottom no-repeat;
}

/* *** MENU 1 *** */

.Menu-1 {
    float: left;
    width: 100%;
}

.Menu-1 nav {
    display: none;
    float: left;
    width: 100%;
    text-align: center;
    font-size: 15px;
    padding: 12px 0 8px 0;
    background: #17212f;
    text-transform: uppercase;
}

.Menu-1 .show {
    display: block;
}

.Menu-1 a {
    color: #8da0b9;
    margin: 0 22px;
}

.Menu-1 .current,
.Menu-1 a:hover {
    color: #DEBC09;
}

/* *** 04 *** */

.main-4 {
    float: left;
    width: 100%;
    padding: 0 137px;
}

.main-4 .table-box-1 {
    float: left;
    width: 400px;
    float: left;
}

.main-4 .table-box-2 {
    float: left;
    width: 430px;
    float: left;
    margin-left: 15px;
}

.table-3 h3 {
    padding: 3px 0 0 0;
    font-size: 18px;
}

.date-1 {
    font-size: 16.59px;
    height: 28px;
    background: #df6867;
    float: left;
    color: #fff;
    line-height: 33px;
}

.styledCheckbox {
    float: left;
    margin: 0 12px 0 0;
}

.main-4 .table-box-2 .table-1 label {
    float: left;
    font-size: 15px;
    margin: 2px 0 0 0;
}

.main-4 .table-box-2 .table-1 td {
    vertical-align: middle;
}

.main-4 .table-box-2 .table-1 .last {
    width: 120px;
}

/* *** 05 *** */

.list-1 {
    float: left;
    width: 100%;
    list-style: none;
    padding-top: 50px;
}

.list-1 li:first-child,
.list-1 .first {
    margin-left: 0;
}

.list-1 li img {
    float: left;
    width: 100%;
    background: #fff;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    border: #fff 1px solid;
    margin-bottom: 10px;
}

.list-1 li a:hover img {
    opacity: 0.90;
    filter: alpha(opacity=90);
}

.list-1 li {
    position: relative;
    width: 366px;
    max-width: 100%;
    float: left;
    margin-left: 10px;
}

.bg-blue {
    background: #62abb1;
}

.bg-red {
    background: #df6867;
}

.bg-green {
    background: #b9cb45;
}

.list-1 .title-box {
    color: #fff;
    font-size: 13px;
    position: absolute;
    bottom: 11px;
    right: 0px;
    padding: 2px 10px;
    width: 100%;
    background-color: #898989;
}

.list-1 .title-box span {
    display: block;
    text-align: center;
    font-size: 22px;
    letter-spacing: 3px;
    font-family: 'DINNextLTPro-MediumCond', tahoma;
    font-weight: normal;
}

/* *** 06 *** */

.box-3 {
    float: left;
    width: 520px;
    position: relative;
}

.box-3 img {
    width: 100%;
    float: left;
}

.box-3 .title-box {
    color: #fff;
    font-size: 35px;
    letter-spacing: 3px;
    font-family: 'DINNextLTPro-MediumCond', tahoma;
    font-weight: normal;
    position: absolute;
    top: 10px;
    left: 10px;
    padding: 7px 15px 0 15px;
    display: block;
}

.main-6 .description {
    overflow: hidden;
    padding-left: 15px;
}

.table-4 {
    width: 100%;
    float: left;
}

.table-4 tr td {
    vertical-align: top;
    padding: 10px 0 20px 0;
    font-size: 17px;
}

.table-4 tr td:first-child {
    width: 250px;
    text-align: right;
    padding-right: 55px;
    color: #1c3b65;
}

.table-4 h3 {
    font-size: 19px;
    font-weight: normal;
}

.table-4 h3 strong {
    font-family: 'DINNextLTPro-Medium';
}

.btn-5 {
    float: left;
    display: block;
    width: 137px;
    text-align: left;
    padding: 0 10px 0 42px;
    height: 37px;
    color: #fff;
    font-size: 18px;
    line-height: 42px;
    background: url('../img/btn-5.png');
}

.btn-6 {
    float: left;
    display: block;
    width: 137px;
    text-align: left;
    padding: 0 10px 0 42px;
    height: 37px;
    color: #fff;
    font-size: 18px;
    line-height: 42px;
    background: url('../img/btn-6.png');
}

.btn-7 {
    float: left;
    display: block;
    width: 137px;
    text-align: left;
    padding: 0 10px 0 42px;
    height: 37px;
    color: #fff;
    font-size: 18px;
    line-height: 42px;
    background: url('../img/btn-7.png');
}

.btn-5:hover,
.btn-6:hover,
.btn-7:hover,
.btn-8:hover {
    opacity: 0.90;
    filter: alpha(opacity=90);
}

.buttons-box-2 {
    width: 100%;
    float: left;
    padding: 20px 0 30px 0;
}

.buttons-box-2 a {
    float: right;
    margin: 2px 0;
    margin-left: 10px;
}

.btn-8 {
    float: left;
    display: block;
    width: 237px;
    text-align: left;
    padding: 18px 0 0 45px;
    color: #1c3b65;
    line-height: normal;
    font-size: 13.83px;
    background: url('../img/btn-8.png') left top no-repeat;
}

.table-4 .btn-8 {
    margin-right: 20px;
}

/* *** PAGE TXT *** */

.title-1 {
    float: left;
    width: 100%;
    margin-bottom: 20px;
}

.title-1 h2 {
    font-family: 'DINNextLTPro-Light', tahoma;
    float: left;
    font-size: 19px;
    color: #1c3b65;
    font-weight: normal;
}

.title-1 h2 span {
    display: block;
    text-align: right;
    font-size: 13px;
    font-family: 'DINNextLTPro-Light', tahoma;
}

.description-txt {
    float: none;
    overflow: hidden;
    width: auto;
    padding-left: 40px !important;
}

.description-txt p {
    margin-bottom: 20px;
}

.description-txta {
    float: none;
    overflow: hidden;
    width: auto;
    margin-bottom: 30px;
}

.description-txta p {
    margin-bottom: 0px;
}

.description-txta h3 {
    color: #1c3b65;
    font-size: 20px;
    margin-bottom: 10px;
    margin-top: 10px;

}

/* *** REGISTRATION *** */

.bn {
    border: none;
}

.form-list {
    margin: 0 auto;
    width: 720px;
}

.form-list input,
.table-1 input {
    display: block;
    height: 37px;
    float: left;
    border: 1px solid #8d9aa8;
    background: #dfe1e3;
    padding: 7px 5px 4px 5px;
    width: 429px;
    color: #212d3e;
    font-size: 15px;
    font-family: 'DINNextLTPro-Light';
}

.number-input input {
    width: 33px;
    margin-right: 4px;
    text-align: center;
}

.form-list p {
    float: left;
    padding: 12px 0 0 10px;
    font-size: 13px;
}

.form-list .box-right label {
    width: auto;
    float: left;
    color: #277fa3;
    padding: 0;
    font-size: 13px;
    padding: 2px 20px 0 5px;
}

.styledRadio {
    float: left;
}

.radio-box-1 {
    padding: 12px 0 0 0;
}

.form-list li {
    float: left;
    width: 100%;
    list-style: none;
    margin-bottom: 10px;
}

.form-list .box-right {
    float: left;
}

.form-list label {
    width: 165px;
    float: left;
    display: block;
    padding-top: 11px;
    padding-right: 15px;
    color: #212d3e;
    font-size: 15px;
}

.inp-log {
    background: url('../img/icon05.png') left center no-repeat !important;
    padding-left: 45px !important;
}

.inp-pas {
    background: url('../img/icon06.png') left center no-repeat !important;
    padding-left: 45px !important;
}

.btn-9 {
    display: block;
    width: 151px;
    float: left;
    height: 33px;
    color: #fff;
    font-size: 14px;
    line-height: 37px;
    border: none;
    background: url('../img/btn-9.png');
    font-family: 'DINNextLTPro-Bold', tahoma;
}

.btn-9:hover {
    opacity: 0.90;
    filter: alpha(opacity=90);
}

.btn-9.btn.btn-primary {
    text-align: center;
    width: 165px;
    background-repeat: no-repeat;
    float: none;
}

.button-box-1 {
    padding-top: 30px;
    float: left;
    width: 100%;
}

/* *** REGISTRATION 2 *** */

.form-list h3 {
    color: #277fa3;
    font-size: 25px;
    margin-bottom: 10px;
    font-weight: normal;
}

.form-list h4 {
    color: #277fa3;
    font-size: 18px;
    margin-bottom: 10px;
    font-weight: normal;
}

.inp-name {
    width: 556px !important;
}

.form-list-1 label {
    width: 150px;
}

.inp-name {
    background: url('../img/icon07.png') left center no-repeat !important;
    padding-left: 45px !important;
}

.inp-street {
    margin-left: 10px;
    width: 194px !important;
    background: url('../img/icon09.png') left center no-repeat !important;
    padding-left: 45px !important;
}

.inp-home {
    margin-left: 10px;
    width: 116px !important;
    background: url('../img/icon09.png') left center no-repeat !important;
    padding-left: 45px !important;
}

.inp-mail {
    width: 100px !important;
    background: url('../img/icon08.png') left center no-repeat !important;
    padding-left: 45px !important;
}

.inp-code {
    width: 118px !important;
    background: url('../img/icon09.png') left center no-repeat !important;
    padding-left: 45px !important;
}

.inp-city {
    margin-left: 10px;
    width: 429px !important;
    background: url('../img/icon09.png') left center no-repeat !important;
    padding-left: 45px !important;
}

.inp-nip {
    width: 170px !important;
    background: url('../img/icon10.png') left center no-repeat !important;
    padding-left: 45px !important;
}

.inp-mail-1 {
    width: 432px !important;
    background: url('../img/icon11.png') left center no-repeat !important;
    padding-left: 45px !important;
}

.inp-no-bg {
    background: url('../img/icon09.png') left center no-repeat !important;
}

.btn-10 {
    display: block;
    width: 151px;
    height: 33px;
    color: #fff;
    font-size: 14px;
    line-height: 37px;
    border: none;
    text-align: center;
    float: left;
    margin-right: 10px;
    background: url('../img/btn-10.png');
    font-family: 'DINNextLTPro-Bold', tahoma;
}

.btn-10:hover {
    opacity: 0.90;
    filter: alpha(opacity=90);
}

.form-list input::-webkit-input-placeholder {
    color: #212d3e;
}

.form-list input::-moz-placeholder {
    color: #212d3e;
}

.form-list input:-ms-input-placeholder {
    color: #212d3e;
}

.form-list input:-moz-placeholder {
    color: #212d3e;
}

/* *** LOG *** */

.form-log {
    width: 300px !important;
}

.form-log .btn-9 {
    float: none;
    margin-left: auto;
    margin-right: auto;
    margin-top: 0;
}

.form-log .button-box-1,
.form-log .box-right {
    width: 100%;
    float: left;
    padding-top: 0;
}

.links-box-1 {
    float: left;
    width: 100%;
    padding-bottom: 15px;
}

.links-box-1 a {
    color: #277fa3;
    font-size: 13px;
}

.links-box-1 a:hover {
    color: #344a68;
}

.links-box-1 .fl {
    float: left;
}

.links-box-1 .fr {
    float: right;
}

.subpage-form #MainContent {
    padding-top: 25px;
}

.subpage-form .main {
    padding-top: 40px;
}

/* *** FAQ SECTION *** */
.relative {
    position: relative;
}

.back-faq {
    position: absolute;
    top: 10px;
    left: 10px;
    font-weight: normal;
    background: #344a68;
    color: #fff;
    padding: 10px;
}

.back-faq:hover {
    opacity: 0.8;
}

.faq-redirect {
    position: absolute;
    top: 0px;
    bottom: 0px;
    right: 10px;
    margin: auto;
    font-size: 30px;
    box-sizing: border-box;
    display: flex;
    align-items: center;
}

.faq-redirect a {
    position: relative;
    font-size: 34px;
    font-family: 'DINNextLTPro-Bold', tahoma;
    font-weight: normal;
    background: #344a68;
    color: #fff;
    padding: 30px;
    border-radius: 5px;
    display: block;
}

.faq-redirect a:hover {
    opacity: 0.9;
}

.accordion-title {
    color: #1C3B65;
    cursor: pointer;
    padding: 18px 40px 18px 18px;
    width: 100%;
    border: none;
    text-align: left;
    outline: none;
    font-size: 25px;
    font-family: 'DINNextLTPro-Bold', tahoma;
    font-weight: normal;
    transition: 0.4s;
    background-color: #EAEEF6;
    position: relative;
}

.accordion-item {
    background-color: #EAEEF6;
    border-radius: 5px;
    overflow: hidden;
    margin-bottom: 15px;
}

.accordion-item:last-child {
    margin-bottom: 0px;
}

.active,
.accordion-title:hover {
    background-color: #EAEEF6;

}

.accordion-title:after {
    content: '';
    transform: rotate(0deg);
    transition: 0.2s ease-in-out;
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    border-top: 7px solid #1C3B65;
    position: absolute;
    top: 0px;
    right: 20px;
    bottom: 0px;
    margin: auto;
    height: 7px;
}

.active:after {
    transform: rotate(180deg);
}

.accordion-item .accordion-panel {
    padding: 0 18px;
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.2s ease-out;
}

.accordion-panel p {
    font-size: 18px;
    margin-bottom: 10px;
}

/* *** CUSTOM SELECT *** */

.select {
    float: left;
    width: 100px;
}

.select .sbHolder {
    background: url('../img/icon08.png') left center no-repeat !important;
    padding-left: 37px !important;
    font-family: arial;
    font-size: 12px;
    font-weight: normal;
    height: 37px;
    margin-right: 10px;
    position: relative;
    width: 100%;
    color: #212d3e;
    font-size: 15px;
    font-family: 'DINNextLTPro-Light';
    float: left;
    border: 1px solid #8d9aa8;
}

.select .sbHolder,
.select .sbSelector:link,
.select .sbSelector:visited,
.select .sbSelector:hover,
.select .sbOptions a:link,
.select .sbOptions a:visited {
    color: #000;
    outline: none;
    text-decoration: none;
}

.select .sbSelector {
    display: block;
    height: 100%;
    left: 0;
    line-height: 38px;
    outline: none;
    overflow: hidden;
    position: absolute;
    text-indent: 10px;
    top: 0;
    padding-left: 37px;
    width: 100%;
}

.select .sbToggle {
    display: block;
    height: 35px;
    outline: none;
    z-index: 100;
    position: absolute;
    right: 0;
    top: 0;
    background: #dfe1e3 url('../img/arrow-1.png') center no-repeat !important;
    width: 30px;
}

.select .sbToggle,
.select .sbToggle:hover,
.select .sbToggleOpen,
.select .sbToggleOpen:hover {
    background: url('../img/select-arrow.png') center no-repeat;
}

.select .sbOptions {
    border: 1px solid #8d9aa8;
    list-style: none;
    left: 0;
    min-height: 10px !important;
    margin: 0;
    padding: 0;
    position: absolute;
    top: 37px !important;
    width: 100%;
    z-index: 1;
    overflow-y: auto;
}

.select .sbOptions li {
    padding: 0;
    margin: 0;
    background: #dfe1e3;
}

.select .sbOptions li:first-child a {
    border-top: none;
}

.select .sbOptions a {
    border-top: 1px solid #8d9aa8;
    display: block;
    outline: none;
    padding: 8px 10px 6px 10px;
    line-height: normal;
}

.select .sbOptions a:hover,
.select .sbOptions a:focus,
.select .sbOptions a.sbFocus {
    color: #fff;
    background: #000;
}

/* *** CUSTOM SELECT2 *** */

.select2 {
    float: left;
    width: 280px;
}

.select2 .sbHolder {
    background: url('../img/icon09.png') left center no-repeat !important;
    padding-left: 37px !important;
    font-family: arial;
    font-size: 12px;
    font-weight: normal;
    height: 37px;
    margin-right: 10px;
    position: relative;
    width: 100%;
    color: #212d3e;
    font-size: 15px;
    font-family: 'DINNextLTPro-Light';
    float: left;
    border: 1px solid #8d9aa8;
}

.select2 .sbHolder,
.select2 .sbSelector:link,
.select2 .sbSelector:visited,
.select2 .sbSelector:hover,
.select2 .sbOptions a:link,
.select2 .sbOptions a:visited {
    color: #000;
    outline: none;
    text-decoration: none;
}

.select2 .sbSelector {
    display: block;
    height: 100%;
    left: 0;
    line-height: 38px;
    outline: none;
    overflow: hidden;
    position: absolute;
    text-indent: 10px;
    top: 0;
    padding-left: 37px;
    width: 100%;
}

.select2 .sbToggle {
    display: block;
    height: 35px;
    outline: none;
    z-index: 100;
    position: absolute;
    right: 0;
    top: 0;
    background: #dfe1e3 url('../img/arrow-1.png') center no-repeat !important;
    width: 30px;
}

.select2 .sbToggle,
.select2 .sbToggle:hover,
.select2 .sbToggleOpen,
.select2 .sbToggleOpen:hover {
    background: url('../img/select-arrow.png') center no-repeat;
}

.select2 .sbOptions {
    border: 1px solid #8d9aa8;
    list-style: none;
    left: 0;
    min-height: 10px !important;
    margin: 0;
    padding: 0;
    position: absolute;
    top: 37px !important;
    width: 100%;
    z-index: 101;
    overflow-y: auto;
}

.select2 .sbOptions li {
    padding: 0;
    margin: 0;
    background: #dfe1e3;
}

.select2 .sbOptions li:first-child a {
    border-top: none;
}

.select2 .sbOptions a {
    border-top: 1px solid #8d9aa8;
    display: block;
    outline: none;
    padding: 8px 10px 6px 10px;
    line-height: normal;
}

.select2 .sbOptions a:hover,
.select2 .sbOptions a:focus,
.select2 .sbOptions a.sbFocus {
    color: #fff;
    background: #000;
}

/* *** RESPONSIVE *** */

@media screen and (max-width:1400px) {
    .faq-redirect a {
        font-size: 28px;
        max-width: 300px;
    }
}

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

    .wrapper {
        padding: 0 10px;
        width: auto;
    }

    .header-content h2 {
        left: 10px;
    }

    .user {
        right: 10px;
    }

    .box-1a {
        width: 100%;
    }

    .box-1 {
        float: none;
        margin: 0 auto;
        clear: both;
    }

    .nav-1 {
        padding-bottom: 21px;
        width: 100%;
        padding-left: 0;
        text-align: center;
    }

    .main-2 {
        padding: 0;
    }

    .box-2 {
        float: none;
        overflow: hidden;
        width: auto;
    }

    .slider-1 {
        margin: 0 15px 0 30px;
    }

    .main-3 {
        padding: 0;
    }

    .main-4 {
        padding: 0;
    }

    .main-4 .table-box-2 {
        width: 50%;
        margin: 0;
    }

    .main-4 .table-box-1 {
        width: 50%;
        margin: 0;
        padding-right: 15px;
    }

    .list-1 {
        text-align: center;
    }

    .list-1 li,
    .list-1 .first,
    .list-1 li:first-child {
        float: none;
        margin: 5px;
        display: inline-block;
    }

    .box-3 {
        max-width: 40%;
    }

    .table-4 tr td:first-child {
        width: 30%;
        padding-right: 15px;
    }

    .table-4a td:first-child {
        padding-right: 15px;
        font-weight: bold;
    }
}

@media only screen and (max-width: 950px) {
    .buttons a {
        margin: 0px;
    }

    .description-1 {
        width: 100%;
    }

    .slider-1 {
        float: left;
        width: 100%;
        margin: 0 0 15px 0;
        padding-left: 35px;
    }

    .box-2 {
        float: left;
        width: 100%;
    }

    .data-box-3 {
        width: 100%;
        padding: 0;
        text-align: center;
    }

    .main-3 .table-box {
        width: 100%;
        float: left;
        overflow: visible;
    }

    #MainContent.has-faq-section {
        display: flex;
        flex-direction: column;
    }

    #MainContent.has-faq-section .faq-redirect {
        display: block;
        position: static;
        width: 450px;
        max-width: 100%;
        margin-right: 0px;
    }

    #MainContent.has-faq-section .faq-redirect a {
        text-align: center;
        max-width: 100%;
        margin: 20px 10px 10px;
    }
}

@media only screen and (max-width: 760px) {
    #MainMenu {
        display: none;
    }

    header h1 {
        display: none;
    }

    header {
        height: 150px;
    }

    .buttons a {
        margin-bottom: 3px;
    }

    .buttons {
        clear: both;
        padding-top: 55px;
        float: none;
        width: 400px;
        max-width: 100%;
        margin: 0 auto;
    }

    .header-content h2 {
        top: 15px;
    }

    .user {
        top: 15px;
    }

    .header-content {
        padding: 0;
    }

    #MenuResponsive {
        display: block;
    }

    .box-2 figure {
        top: 8px;
        left: 10px;
        width: 100px;
        height: 100px;
    }

    .box-2 figure img {
        width: 100%;
    }

    .box-2 .title-box {
        padding-left: 120px;
    }

    .box-2 .description {
        padding: 13px 50px 10px 50px;
    }

    .main-4 .table-box-1,
    .main-4 .table-box-2 {
        width: 100%;
        margin: 0 0 15px 0;
        padding: 0;
    }

    .box-3 {
        max-width: 100%;
        margin: 0 auto;
        float: none;
    }

    .main-6 .description {
        width: 100%;
        float: left;
        padding-left: 0;
        padding-top: 30px;
    }

    .main-6 .description {
        padding-left: 0 !important;
    }

    .form-list {
        width: 100%;
    }

    .form-list li>label {
        width: 100%;
    }

    .form-list li p {
        float: left;
        width: 100%;
        padding: 5px 0 0 0;
    }

    .number-input input {
        margin-bottom: 1px;
    }

    .form-list-1 input,
    .form-list-1 .select {
        clear: both;
        margin: 0 0 10px 0;
        max-width: 100% !important;
    }

    .form-list-1 .box-right {
        width: 100% !important;
    }

    .subpage-form header {
        display: none;
    }
}

@media screen and (max-width:550px) {
    .back-faq {
        position: static;
        display: flex;
        justify-content: center;
    }
}

@media only screen and (max-width: 500px) {
    header {
        height: 275px;
        background-size: auto 100%;
    }

    .buttons {
        width: 300px;
    }

    .header-content h2 {
        top: auto;
        padding: 10px;
        position: relative;
        text-align: center;
    }

    .box-1 {
        position: relative;
        float: left;
        width: 100%;
        height: auto;
        padding: 0;
    }

    .box-1 h2 {
        position: absolute;
        top: 7px;
        left: 10px;
        width: 100%;
    }

    .box-1 div {
        display: none;
    }

    .box-1 img {
        position: relative;
        width: 100%;
        float: left;
    }

    .header-content .user {
        position: relative;
        top: auto;
        text-align: center;
    }

    .user a {
        margin: 0 8px;
    }

    .buttons {
        padding-top: 20px;
    }

    .description-1 .title-box {
        width: 50%;
    }

    .nav-1 a {
        margin: 0 10px;
    }

    .table-1 tr td,
    .table-1 tr th {
        padding: 11px 10px 10px 10px;
        font-size: 13px;
    }

    .table-2 tr th {
        padding: 14px 40px 10px 10px;
    }

    .Menu-1 a {
        clear: both;
        display: block;
        margin: 5px 0;
    }

    .list-1 li,
    .list-1 li:first-child,
    .list-1 .first {
        width: 100%;
        margin: 5px 0;
    }
}

.d-flex {
    display: flex;
}

.alert {
    padding: 15px;
    margin-bottom: 20px;
    border: 1px solid transparent;
    border-radius: 4px;
}

.alert-danger {
    color: #a94442;
    background-color: #f2dede;
    border-color: #ebccd1;
}

.alert-success {
    color: #3c763d;
    background-color: #dff0d8;
    border-color: #d6e9c6;
}

.alert-close {
    margin-left: auto;
    border: none;
    outline: none;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    width: 30px;
    height: 30px;
    border-radius: 3px;
    opacity: 0.8;
    transition: 0.2s ease-in-out
}

.alert {
    display: flex;
    align-items: center;
}

.alert-close:hover {
    opacity: 1;
}

.alert-danger .alert-close {
    background: #a94442;

}

.alert-success .alert-close {
    background: #3c763d;
}

.slider-1 .bx-viewport {
    height: 360px !important;
}

.slider-1 ul,
.slider-1 ul li {
    width: 100% !important;
}

.label100 {
    width: 100% !important;
    font-size: 12px !important;
}

.checkbox {
    width: 20px !important;
    margin-right: 10px !important;
    margin-bottom: 20px !important;
    height: 20px !important;
}

.checkbox2 {
    width: 20px !important;
    margin-right: 10px !important;
    margin-top: 12px;
    margin-bottom: 0px;
    height: 20px !important;
}

/* confirm */
.question {
    z-index: 10000;
    position: absolute;
    display: inline;
    text-align: center;
    width: 247px;
    height: 70px;
    font-size: 13px;
    line-height: 1.5em;
    background: #fff;
    border: 1px solid #c3c3c3;
    border-radius: 5px;
    -moz-border-radius: 5px;
    padding: 10px 0 0 0;
    text-shadow: 0px 1px 0px #fff;
    margin-left: -7em;
    margin-top: -6em;
    opacity: 0;
    color: #000 !important
}

.yes,
.cancel {
    margin-top: 15px;
    margin-right: 10px;
    cursor: pointer;
    display: inline-block;
    width: 65px;
    height: 15px;
    color: #fff;
    text-shadow: 0px 1px 0px #000;
    padding-top: 3px;
    padding-bottom: 18px;
}

.yes {
    background: #a4c663;
}

.cancel {
    background: #97180a;
}

.Menu-1a a {
    margin: 0 22px;
    color: #8da0b9;
}

.Menu-1a a:hover {
    color: #f3ecc7;
}

.Menu-1a nav {
    display: block;
    float: left;
    width: 100%;
    text-align: center;
    font-size: 15px;
    padding: 12px 0 8px 0;
    background: #17212f;
}

.greyImg {
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    filter: grayscale(100%);
}

.inp-city2 {
    display: block;
    height: 37px;
    float: left;
    border: 1px solid #8d9aa8;
    background: #dfe1e3;
    padding: 7px 5px 4px 5px;
    width: 244px;
    color: #212d3e;
    font-size: 15px;
    font-family: 'DINNextLTPro-Light';
    margin-left: 10px;
    background: url('../img/icon09.png') left center no-repeat !important;
    padding-left: 45px !important;

}

/***** popup *****/
.overlay {
    bottom: 0;
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    background: #000;
    z-index: 100;
    opacity: 0.5;

}

.popup-bg {
    position: fixed;
    z-index: 200;
    top: 0;
    left: 0px;
    width: 100%;
    height: 100%;
}

.popup2 {
    position: absolute;
    left: 50%;
    top: 10%;
    margin-left: -413px;
    width: 800px;
    max-height: 445px;
    background: #fff;
    color: #000;
    behavior: url(PIE.htc);
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    margin-bottom: 10px;
}

.popup2 .top {
    /*  height: 45px;*/
    width: 100%;
    float: left;
    padding: 0px !important;
    background: #f1f2f6;
    border: none !important;
}


.popup2 p {
    margin-left: 20px;
    font-size: 16px;
    text-align: justify;
    margin-right: 20px;
    font-family: 'MyriadPro', arial;
}

.popup-footer {
    padding: 10px 50px 10px 70px;
    background: #f1f2f6;
    display: flex;
    gap: 10px;
}

.close {
    width: 34px;
    height: 29px;
    cursor: pointer;
    margin-top: -12px;
    margin-right: -18px;
    background: bottom url('../img/closewin.png') no-repeat;
    float: right;
}

.close:hover {
    filter: alpha(opacity=90);
    opacity: 0.9;
}

/* *** 16.12 *** */

.buttons a {
    margin: 0 15px;
}

.btn-green-1 {
    background: url('../img/btn-green-1.png');
}

.buttons {
    /*border-bottom: 1px solid #8da0b9;*/
    background: url('../img/bg-1.png') center bottom no-repeat;
    padding-bottom: 24px;
    background-size: 100% 1px;
}

#MainMenu {
    padding-top: 20px;
    height: 52px;
    margin: 0 auto;
    float: none;
}

#MainMenu .current span,
#MainMenu a:hover span {
    margin-top: 1px;
}

#MainMenu .current,
#MainMenu a:hover {
    margin-top: 0;
}

#MainMenu a span {
    margin-top: 7px;
}

.buttons a {
    position: relative;
}

.buttons span {
    position: absolute;
    top: 47px;
    left: 50%;
    display: none;
    width: 1px;
    height: 15px;
    background: #8da0b9;
}

.buttons .current span {
    display: block;
}

#MainMenu a {
    position: relative;
}

#MainMenu a span span {
    position: absolute !important;
    top: -21px !important;
    left: 50% !important;
    display: none !important;
    width: 1px !important;
    height: 15px !important;
    background: #8da0b9 !important;
}

#MainMenu a.current span span {
    display: block !important;
}

.buttons-container {
    float: left;
    width: 100%;
    text-align: center;
}

header {
    height: 250px;
    background-size: cover;
}

.buttons {
    float: none;
    display: inline-block;
    vertical-align: top;
    width: auto;
}

@media only screen and (max-width: 1120px) {
    .buttons a {
        margin: 5px 5px;
    }

    .buttons a span {
        display: none !important;
    }

    header {
        height: auto;
        background-size: cover;
        padding-bottom: 20px;
    }

}

@media only screen and (max-width: 760px) {
    .buttons {
        background: none;
        padding-bottom: 0;
    }
}

div.pager span {
    display: inline-block;
    width: 20px;
    height: 20px;
    line-height: 20px;
    text-align: center;
    cursor: pointer;
    background: #1c3b65;
    color: #fff;
    margin-right: 0.5em;
    margin-top: 10px;
    font-family: 'DINNextLTPro-Bold', tahoma;
}

div.pager span.active {
    background: #df6867;
    color: #fff;
}

.list-1 li:nth-child(3n+1) {
    margin-left: 0;
}

.list-1 li {
    height: 256px;
}

.invalidForm {
    border: 1px solid red !important;
}