@charset 'UTF-8';
@import url('font-awesome.min.css');
@font-face {
  font-family: 'PT Sans';
  src: local('PT Sans'), local('PTSans-Regular'), url('../fonts/ptsans/ptsans.woff2') format('woff2'), url('../fonts/ptsans/ptsans.woff') format('woff'), url('../fonts/ptsans/ptsans.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: 'PT Sans';
  src: local('PT Sans Italic'), local('PTSans-Italic'), url('../fonts/ptsans/ptsansitalic.woff2') format('woff2'), url('../fonts/ptsans/ptsansitalic.woff') format('woff'), url('../fonts/ptsans/ptsansitalic.ttf') format('truetype');
  font-weight: 400;
  font-style: italic;
}
@font-face {
  font-family: 'PT Sans';
  src: local('PT Sans Bold'), local('PTSans-Bold'), url('../fonts/ptsans/ptsansbold.woff2') format('woff2'), url('../fonts/ptsans/ptsansbold.woff') format('woff'), url('../fonts/ptsans/ptsansbold.ttf') format('truetype');
  font-weight: 700;
  font-style: normal;
}
@font-face {
  font-family: 'PT Sans';
  src: local('PT Sans Bold Italic'), local('PTSans-BoldItalic'), url('../fonts/ptsans/ptsansbolditalic.woff2') format('woff2'), url('../fonts/ptsans/ptsansbolditalic.woff') format('woff'), url('../fonts/ptsans/ptsansbolditalic.ttf') format('truetype');
  font-weight: 700;
  font-style: italic;
}

/*
	Helios by HTML5 UP
	html5up.net | @n33co
	Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
*/

/*********************************************************************************/
/* Basic                                                                         */
/*********************************************************************************/

body {
    /* background: #f0f4f4; */
    color: #5b5b5b;
}

body.is-loading * {
    -moz-transition: none !important;
    -webkit-transition: none !important;
    -o-transition: none !important;
    -ms-transition: none !important;
    transition: none !important;
    -moz-animation: none !important;
    -webkit-animation: none !important;
    -o-animation: none !important;
    -ms-animation: none !important;
    animation: none !important;
}

body, input, textarea, select {
    font-size: 15pt;
    line-height: 1.85em;
    font-family: 'PT Sans', sans-serif;
    font-weight: 300;
}

h1, h2, h3, h4, h5, h6 {
    font-weight: 400;
    color: #483949;
    line-height: 1.25em;
}

h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
    color: inherit;
    text-decoration: none;
    display: block;
    border-bottom-color: transparent;
}

h1 strong, h2 strong, h3 strong, h4 strong, h5 strong, h6 strong {
    font-weight: 600;
}

h1 {
    font-size: 2.5em;
    margin: 0 0 0.25em 0;
    word-wrap: break-word;
}

h2 {
    font-size: 2.25em;
    margin-bottom: 0.5em;
}

h3 {
    font-size: 1.5em;
    margin: 0 0 0.7em 0;
}

h4 {
    font-size: 1em;
    margin: 0 0 0.25em 0;
}

strong, b {
    font-weight: bold;
    color: #483949;
    font-family: 'PT Sans', sans-serif;
}

em, i {
    font-style: italic;
}

a {
    color: #121163;
    /* border-bottom: solid 1px rgba(128, 128, 128, 0.15); */
    /* text-decoration: none; */
    -moz-transition: background-color 0.35s ease-in-out, color 0.35s ease-in-out, border-bottom-color 0.35s ease-in-out;
    -webkit-transition: background-color 0.35s ease-in-out, color 0.35s ease-in-out, border-bottom-color 0.35s ease-in-out;
    -o-transition: background-color 0.35s ease-in-out, color 0.35s ease-in-out, border-bottom-color 0.35s ease-in-out;
    -ms-transition: background-color 0.35s ease-in-out, color 0.35s ease-in-out, border-bottom-color 0.35s ease-in-out;
    transition: background-color 0.35s ease-in-out, color 0.35s ease-in-out, border-bottom-color 0.35s ease-in-out;
}

a:hover {
    color: #5F5F5F;
    border-bottom-color: transparent;
}

sub {
    position: relative;
    top: 0.5em;
    font-size: 0.8em;
}

sup {
    position: relative;
    top: -0.5em;
    font-size: 0.8em;
}

blockquote {
    border-left: solid 0.5em #ddd;
    padding: 1em 0 1em 2em;
    font-style: italic;
}

p, ul, ol, dl, table {
    margin-bottom: 1em;
    font-size: 0.875em;
}

p {
    text-align: left;
    font-size: 0.875em;
    line-height: 1.5;
}

br.clear {
    clear: both;
}

hr {
    position: relative;
    display: block;
    border: 0;
    top: 4.5em;
    margin-bottom: 9em;

    height: 6px;
    border-top: solid 1px rgba(128, 128, 128, 0.2);
    border-bottom: solid 1px rgba(128, 128, 128, 0.2);
}

hr:before,
hr:after {
    content: '';
    position: absolute;
    top: -8px;
    display: block;
    width: 1px;
    height: 21px;
    background: rgba(128, 128, 128, 0.2);
}

hr:before {
    left: -1px;
}

hr:after {
    right: -1px;
}

.timestamp {
    color: rgba(128, 128, 128, 0.75);
    font-size: 0.8em;
}

/* Sections/Article */

section,
article {
    margin-bottom: 1em;
}

section > :last-child,
article > :last-child {
    margin-bottom: 0;
}

section:last-child,
article:last-child {
    margin-bottom: 0;
}

.row > section,
.row > article {
    margin-bottom: 0;
}

section.special > header,
section.special > footer,
article.special > header,
article.special > footer {
    text-align: center;
}

header {
    margin: 0 0 1em 0;
}

header > p {
    display: block;
    font-size: 1.5em;
    margin: 1em 0 2em 0;
    line-height: 1.5em;
    text-align: inherit;
}

footer {
    margin: 2.5em 0 0 0;
}

/* Image */

.image {
    position: relative;
    display: inline-block;
    border: 0;
    outline: 0;
}

/* Uncomment the block below if you want linked images to highlight on hover */

.image img {
    display: block;
    width: 100%;
}

.image.fit {
    display: block;
    width: 100%;
}

.image.featured {
    display: block;
    width: 100%;
    margin: 0 0 1em 0;
}

.image.left {
    float: left;
    margin: 0 2em 2em 0;
}

.image.centered {
    display: block;
    margin: 0 0 2em 0;
}

.image.centered img {
    margin: 0 auto;
    width: auto;
}

/* List */

ul {
}

ul.default {
    list-style: disc;
    padding-left: 1em;
}

ul.default li {
    padding-left: 0.5em;
}

ul.actions {
    margin: 3em 0 0 0;
}

form ul.actions {
    margin-top: 0;
}

ul.actions li {
    display: inline-block;
    margin: 0 0.75em 0 0.75em;
}

ul.actions li:first-child {
    margin-left: 0;
}

ul.actions li:last-child {
    margin-right: 0;
}

ul.divided {
}

ul.divided li {
    border-top: solid 1px rgba(128, 128, 128, 0.2);
    padding-top: 1.5em;
    margin-top: 1.5em;
}

ul.divided li:first-child {
    border-top: 0;
    padding-top: 0;
    margin-top: 0;
}

ul.menu {
    height: 1em;
    line-height: 1em;
}

ul.menu li {
    display: inline-block;
    border-left: solid 1px rgba(128, 128, 128, 0.2);
    padding-left: 1.25em;
    margin-left: 1.25em;
}

ul.menu li:first-child {
    border-left: 0;
    padding-left: 0;
    margin-left: 0;
}

ul.icons {
    position: relative;
    /* background: rgba(128, 128, 128, 0.05); */
    border-radius: 2em;
    display: inline-block;
    padding: 0.35em 0.75em 0.35em 0.75em;
    font-size: 1em;
    cursor: default;
}

ul.icons li {
    display: inline-block;
}

ul.icons li a {
    display: inline-block;
    background: none;
    width: 1.25em;
    height: 1em;
    line-height: 1em;
    text-align: center;
    border-radius: 100%;
    border: 0;
    color: inherit;
}

ul.icons li a:hover {
    color: #6866CC;
}

ol {
}

ol.default {
    list-style: decimal;
    padding-left: 1.25em;
}

ol.default li {
    padding-left: 0.25em;
}

/* Form */

form {
}

form label {
    display: block;
    font-weight: 400;
    color: #483949;
    margin: 0 0 0 0;
}

form input[type="text"],
form input[type="email"],
form input[type="password"],
form select,
form textarea {
    -webkit-appearance: none;
    display: block;
    border: 0;
    background: #fafafa;
    width: 100%;
    border-radius: 0.1em;
    border: solid 1px #E5E5E5;
    padding: 0.4em 0.4em 0.3em 0.4em;
    -moz-transition: background-color 0.35s ease-in-out, border-color 0.35s ease-in-out;
    -webkit-transition: background-color 0.35s ease-in-out, border-color 0.35s ease-in-out;
    -o-transition: background-color 0.35s ease-in-out, border-color 0.35s ease-in-out;
    -ms-transition: background-color 0.35s ease-in-out, border-color 0.35s ease-in-out;
    transition: background-color 0.35s ease-in-out, border-color 0.35s ease-in-out;
}

form input[type="text"],
form input[type="email"],
form input[type="password"],
form select {
    line-height: 1em;
    outline: none;
}

form textarea {
    height: 9em;
    outline: none;
    resize: none;
}

form input[type="text"]:focus,
form input[type="email"]:focus,
form input[type="password"]:focus,
form select:focus,
form textarea:focus {
    background: #fff;
    border-color: #353399;
}

form .formerize-placeholder {
    color: #e5e5e5 !important;
    font-weight: normal;
}

form ::-webkit-input-placeholder {
    color: #e5e5e5 !important;
    font-weight: normal;
}

form :-moz-placeholder {
    color: #e5e5e5 !important;
    font-weight: normal;
}

form ::-moz-placeholder {
    color: #e5e5e5 !important;
    font-weight: normal;
}

form :-ms-input-placeholder {
    color: #e5e5e5 !important;
    font-weight: normal;
}

form ::-moz-focus-inner {
    border: 0;
}

/* Table */

table {
    width: 100%;
    table-layout: fixed;
    word-wrap: break-word;
}

table.default {
    width: 100%;
}

table.default tbody tr {
    border-top: solid 1px #e5e5e5;
}

table.default tbody tr:first-child {
    border-top: 0;
}

table.default tbody tr:nth-child(2n+1) {
    background: #fafafa;
}

table.default td {
    padding: 0.5em 1em 0.5em 1em;
}

table.default th {
    text-align: left;
    font-weight: 400;
    padding: 0.5em 1em 0.5em 1em;
}

table.default thead {
    border-bottom: solid 2px #e5e5e5;
}

table.default tfoot {
    border-top: solid 2px #e5e5e5;
}

/* Button */

input[type="button"],
input[type="submit"],
input[type="reset"],
.button {
    position: relative;
    display: inline-block;
    background: #FFDA00;
    color: #5F5F5F;
    text-align: center;
    border-radius: 0.5em;
    text-decoration: none;
    padding: 0.65em 3em 0.65em 3em;
    border: 0;
    cursor: pointer;
    outline: 0;
    font-weight: 300;
    -moz-transition: background-color 0.35s ease-in-out, color 0.35s ease-in-out, border-bottom-color 0.35s ease-in-out;
    -webkit-transition: background-color 0.35s ease-in-out, color 0.35s ease-in-out, border-bottom-color 0.35s ease-in-out;
    -o-transition: background-color 0.35s ease-in-out, color 0.35s ease-in-out, border-bottom-color 0.35s ease-in-out;
    -ms-transition: background-color 0.35s ease-in-out, color 0.35s ease-in-out, border-bottom-color 0.35s ease-in-out;
    transition: background-color 0.35s ease-in-out, color 0.35s ease-in-out, border-bottom-color 0.35s ease-in-out;
}

input[type="button"]:hover,
input[type="submit"]:hover,
input[type="reset"]:hover,
.button:hover {
    color: #000;
    background: #FFFF00;
}

input[type="button"].alt,
input[type="submit"].alt,
input[type="reset"].alt,
.button.alt {
    background: #2B252C;
}

input[type="button"].alt:hover,
input[type="submit"].alt:hover,
input[type="reset"].alt:hover,
.button.alt:hover {
    background: #3B353C;
}

/* Post */

.post {
}

.post.stub {
    text-align: center;
}

.post.stub header {
    margin: 0;
}

/*********************************************************************************/
/* Icons                                                                         */
/*********************************************************************************/

.icon {
    text-decoration: none;
}

.icon:before {
    display: inline-block;
    font-family: FontAwesome;
    font-size: 1.25em;
    text-decoration: none;
    font-style: normal;
    font-weight: normal;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.icon > .label {
    display: none;
}

.icon.circled {
    position: relative;
    display: inline-block;
    background: #2b252c;
    color: #fff;
    border-radius: 100%;
    width: 3em;
    height: 3em;
    line-height: 3.25em;
    text-align: center;
    font-size: 1.25em;
}

header .icon.circled {
    margin: 0 0 2em 0;
}

/*********************************************************************************/
/* Wrapper                                                                       */
/*********************************************************************************/

.wrapper {
    background: #fff;
    margin: 0 0 2em 0;
    padding: 3em 1em 3em 1em;
}

.wrapper .container {padding: 0;}

.wrapper.style2 {
    padding-top: 0;
}

/*********************************************************************************/
/* Header                                                                        */
/*********************************************************************************/

#header {
    position: relative;
    background-image: url('../images/header.jpg');
    /* background-attachment: fixed; */
    color: #fff;
    text-align: center;
    padding: 5.5em 0 8.5em 0;
    cursor: default;
    background-size: cover;
    background-position: 50% 100%;
}

#header:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background: #121163;
    opacity: 0.6;
}

.homepage #header {
    padding: 4.5em 0 10em 0;
    margin: 0 0 1.5em;
}

.homepage #header .overlay {
    content: '';
    background: #353399;
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    opacity: 0.6;
    -moz-transition: opacity 2s ease-in-out;
    -webkit-transition: opacity 2s ease-in-out;
    -o-transition: opacity 2s ease-in-out;
    -ms-transition: opacity 2s ease-in-out;
    transition: opacity 2s ease-in-out;
}

.homepage #header.ready .overlay {
    opacity: 0;
}

#header .inner {
    position: relative;
    z-index: 1;
    margin: 0;
    padding: 4em 0 0 0;
}

#header h1 {
    color: #fff;
    font-size: 3em;
    line-height: 1em;
}

.homepage #header h1 {
    font-size: 1.25em;
    color: #FFDA00;
}

#header h1 a {
    color: inherit;
}

#header header > p {
    font-size: 1.8em;
    margin: 0;
    color: #121163;
    font-weight: bold;
    line-height: 1.25;
}

#header .button {
    display: inline-block;
    border-radius: 100%;
    width: 2.5em;
    height: 2.5em;
    line-height: 2.85em;
    text-align: center;
    font-size: 2.25em;
    padding: 0;
}

#header header {
    display: inline-block;
    background: rgba(255,255,255,0.75);
    border-radius: 10px;
    padding: 2em;
}

#header footer {
    margin: 1em 0 2em 0;
}

#header hr {
    top: 1.5em;
    margin-bottom: 3em;

    border-bottom-color: #121163;
    box-shadow: inset 0 1px 0 0 #121163;
}

#header hr:before,
#header hr:after {
    background: #121163;
}

/*********************************************************************************/
/* Nav                                                                           */
/*********************************************************************************/

#nav {
    position: absolute;
    top: 8.5em;
    left: 0;
    width: 100%;
    text-align: center;
    padding: 2.5em 0 1.5em 0;
    z-index: 2;
    overflow: hidden;
}

#nav > ul {
    line-height: 0px;
    position: relative;
    display: inline-block;
    margin: 0;

    height: 21px;
    border-left: solid 1px #fff;
    border-right: solid 1px #fff;
}

#nav > ul:before,
#nav > ul:after {
    content: '';
    display: block;
    width: 300%;
    position: absolute;
    top: 50%;
    margin-top: -2px;

    height: 5px;
    border-top: solid 1px #fff;
    border-bottom: solid 1px #fff;
}

#nav > ul:before {
    left: 100%;
    margin-left: 1px;
}

#nav > ul:after {
    right: 100%;
    margin-right: 1px;
}

#nav > ul > li {
    display: inline-block;
    margin: -4px 0.5em 0 0.5em;
    border-radius: 0.5em;
    padding: 0.85em;
    border: solid 1px transparent;
    -moz-transition: color 0.35s ease-in-out, border-color 0.35s ease-in-out;
    -webkit-transition: color 0.35s ease-in-out, border-color 0.35s ease-in-out;
    -o-transition: color 0.35s ease-in-out, border-color 0.35s ease-in-out;
    -ms-transition: color 0.35s ease-in-out, border-color 0.35s ease-in-out;
    transition: color 0.35s ease-in-out, border-color 0.35s ease-in-out;
}

a {
    border-color: #121163;
}

#nav > ul > li > a,
#nav > ul > li > span {
    display: block;
    text-decoration: none;
    border: 0;
    outline: 0;
    color: #fff;
}

#nav > ul > li > ul {
    display: none;
}

.dropotron {
    background: rgba(255, 255, 255, 0.975);
    padding: 1em 1.25em 1em 1.25em;
    line-height: 1em;
    height: auto;
    text-align: left;
    border-radius: 0.5em;
    box-shadow: 0 0.15em 0.25em 0 rgba(0, 0, 0, 0.25);
    min-width: 12em;
    margin-top: -1em;
}

.dropotron li {
    border-top: solid 1px rgba(128, 128, 128, 0.2);
    color: #5b5b5b;
}

.dropotron li:first-child {
    border-top: 0;
}

.dropotron li:hover {
    color: #6866CC;
}

.dropotron li a,
.dropotron li span {
    display: block;
    border: 0;
    padding: 0.5em 0 0.5em 0;
    -moz-transition: color 0.35s ease-in-out;
    -webkit-transition: color 0.35s ease-in-out;
    -o-transition: color 0.35s ease-in-out;
    -ms-transition: color 0.35s ease-in-out;
    transition: color 0.35s ease-in-out;
}

.dropotron.level-0 {
    margin-top: 2em;
    font-size: 0.9em;
}

.dropotron.level-0:before {
    content: '';
    position: absolute;
    left: 50%;
    top: -0.7em;
    margin-left: -0.75em;
    border-bottom: solid 0.75em rgba(255, 255, 255, 0.975);
    border-left: solid 0.75em rgba(64, 64, 64, 0);
    border-right: solid 0.75em rgba(64, 64, 64, 0);
}

/*********************************************************************************/
/* Banner                                                                        */
/*********************************************************************************/

#banner {
    background: #fff;
    text-align: center;
    padding: 2.5em 0 2.5em 0;
    margin-bottom: 4em;
}

#banner header > p {
    margin-bottom: 0;
}

/*********************************************************************************/
/* Content                                                                       */
/*********************************************************************************/

#content {
}

#content > hr {
    top: 3em;
    margin-bottom: 6em;
}

#content > section {
    margin-bottom: 0;
}

/*********************************************************************************/
/* Sidebar                                                                       */
/*********************************************************************************/

#sidebar {
}

#sidebar > hr.first {
    display: none;
}

#sidebar > hr {
    top: 3em;
    margin-bottom: 6em;
}

#sidebar > section {
    margin-bottom: 0;
}

/*********************************************************************************/
/* Main                                                                          */
/*********************************************************************************/

#main {
    margin-bottom: 0;
    padding-top: 2.5em;
}

#main section:first-of-type {
    padding-top: 2em;
}

/*********************************************************************************/
/* Footer                                                                        */
/*********************************************************************************/

#footer {
    position: absolute;
    width: 100%;
    overflow: hidden;
    padding: 2em 0 0.5em 0;
    background: #2b252c;
    color: #fff;
    bottom: 0;
}

#footer .icon.circled {
    background: #fff;
    color: #2b252c;
}

#footer header {
    text-align: center;
    cursor: default;
}

#footer h2,
#footer h3,
#footer h4,
#footer h5,
#footer h6 {
    color: #fff;
}

#footer .contact {
    text-align: center;
    margin: 0 1em .5em;
}

#footer .contact p {
    text-align: center;
    margin: 0;
    /* display: inline-block; */
    /* vertical-align: middle; */
    font-size: 14px;
}

#footer .copyright, #footer .footer-docs {
    text-align: center;
    color: rgba(128, 128, 128, 0.75);
    font-size: 0.8em;
    cursor: default;
}

#footer .copyright a, #footer .footer-docs a {
    color: rgba(128, 128, 128, 0.75);
}

#footer .copyright a:hover, #footer .footer-docs a:hover {
    color: rgba(212, 212, 212, 0.85);
}

/*********************************************************************************/
/* Carousel                                                                      */
/*********************************************************************************/

.carousel {
    position: relative;
    overflow: hidden;
    padding: 2em 0 2em 0;
    margin-bottom: 0;
}

.carousel .forward,
.carousel .backward {
    position: absolute;
    top: 50%;
    width: 6em;
    height: 12em;
    margin-top: -6em;
    cursor: pointer;
}

.carousel .forward {
    right: 0;
}

.carousel .backward {
    left: 0;
}

.carousel .forward:before,
.carousel .backward:before {
    content: '';
    display: block;
    width: 6em;
    height: 6em;
    border-radius: 100%;
    background-color: rgba(72, 57, 73, 0.5);
    position: absolute;
    top: 50%;
    margin-top: -3em;
    -moz-transition: background-color 0.35s ease-in-out;
    -webkit-transition: background-color 0.35s ease-in-out;
    -o-transition: background-color 0.35s ease-in-out;
    -ms-transition: background-color 0.35s ease-in-out;
    transition: background-color 0.35s ease-in-out;
    -webkit-backface-visibility: hidden;
}

.carousel .forward:after,
.carousel .backward:after {
    content: '';
    width: 3em;
    height: 3em;
    position: absolute;
    top: 50%;
    margin: -1.5em 0 0 0;
    background: url('images/arrow.svg') no-repeat center center;
}

.carousel .forward:after {
    right: -0.25em;
}

.carousel .backward:after {
    left: -0.25em;
    -moz-transform: scaleX(-1);
    -webkit-transform: scaleX(-1);
    -o-transform: scaleX(-1);
    -ms-transform: scaleX(-1);
    transform: scaleX(-1);
}

.carousel .forward:before {
    right: -3em;
}

.carousel .backward:before {
    left: -3em;
}

.carousel .forward:hover:before,
.carousel .backward:hover:before {
    background-color: rgba(239, 131, 118, 0.75);
}

.carousel .reel {
    white-space: nowrap;
    position: relative;
    -webkit-overflow-scrolling: touch;
    padding: 0 2em 0 2em;
}

.carousel article {
    display: inline-block;
    width: 18em;
    background: #fff;
    text-align: center;
    padding: 0 1em 3em 1em;
    margin: 0 2em 0 0;
    white-space: normal;
    opacity: 1.0;
    -moz-transition: opacity 0.75s ease-in-out;
    -webkit-transition: opacity 0.75s ease-in-out;
    -o-transition: opacity 0.75s ease-in-out;
    -ms-transition: opacity 0.75s ease-in-out;
    transition: opacity 0.75s ease-in-out;
}

.carousel article.loading {
    opacity: 0;
}

.carousel article .image {
    position: relative;
    left: -1em;
    top: 0;
    width: auto;
    margin-right: -2em;
    margin-bottom: 3em;
}

.carousel article p {
    text-align: center;
}

.menu__left {
    width: 100%;
    box-shadow: 0 2px 2px 2px #CDCDCD;
    -moz-transition: all 0.3s linear;
    -webkit-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    -ms-transition: all 0.3s linear;
    transition: all 0.3s linear;
}

.menu__left-firstlevel {
    list-style-type: none;
    margin: 0;
    padding: 0;
}

.menu__left-firstlevel-item {
    position: relative;
    background: #353399;
    overflow: hidden;
}

.menu__left-firstlevel-link {
    border-top: 1px solid rgba(255, 255, 255, 0.1);
    /* border-bottom: 1px solid #5F5F5F; */
    text-decoration: none;
    display: block;
    height: 100%;
    width: 100%;
    padding: 10px 20px 10px 20px;
    border-bottom: 1px solid #939393;
    color: rgba(255, 255, 255, 0.975);
    /* text-transform: uppercase; */
    /* font-weight: bold; */
    border-left: 5px solid transparent;
    letter-spacing: 1px;
    transition: all 0.3s linear;
    box-sizing: border-box;
    font-size: 1em;
    line-height: 1.5;
}

.menu__left-firstlevel-item.active .menu__left-firstlevel-link {
    color: #ffffff;
    border-left: 5px solid #f9f902;
    background-color: #121163;
    outline: 0;
}

.menu__left-firstlevel-item:not(.active):hover .menu__left-firstlevel-link {
    color: #eee;
    border-left: 5px solid #f9f902;
    background-color: #121163;
}

.menu__left-secondlevel-link {
    padding: 10px 30px;
    display: block;
    background: rgba(255, 255, 255, 0.975);
    font-size: 1.1em;
    line-height: 1.35;
    border-bottom: 1px solid #E4E4E4;
    text-decoration: none;
    color: #939393;
}

.menu__left-secondlevel {
    margin: 0;
}

.menu__left-firstlevel-item.active .menu__left-secondlevel {
    max-height: 10000px;
}

.menu__left-secondlevel {
    max-height: 0;
    -moz-transition: max-height .5s ease-in-out 0.1s;;
    -webkit-transition: max-height .5s ease-in-out 0.1s;;
    -o-transition: max-height .5s ease-in-out 0.1s;;
    -ms-transition: max-height .5s ease-in-out 0.1s;;
    transition: max-height .5s ease-in-out 0.1s;
}

.service-list__item {
    display: inline-block;
    width: 30%;
    background: #fff;
    text-align: center;
    padding: 1em 1em 2em 1em;
    margin: 0 0 2em 3%;
    white-space: normal;
    opacity: 1.0;
    -moz-transition: opacity 0.75s ease-in-out;
    -webkit-transition: opacity 0.75s ease-in-out;
    -o-transition: opacity 0.75s ease-in-out;
    -ms-transition: opacity 0.75s ease-in-out;
    transition: opacity 0.75s ease-in-out;
}

.service-list {
    margin: 0 0 0 -3%;
    width: 103%;
}

.service-list__item {
    display: block;
    flex-grow: 1;
    width: 20%;
    min-width: 260px;
    max-width: 360px;
    position: relative;
    background: #fff;
    text-align: center;
    padding: 1em 1em 2em 1em;
    margin: 0 0 2em 3%;
    white-space: normal;
    vertical-align: top;
    opacity: 1.0;
    box-shadow: 0 0 3px rgba(0,0,0,0.1);
    -moz-transition: all 0.25s ease-in-out;
    -webkit-transition: all 0.25s ease-in-out;
    -o-transition: all 0.25s ease-in-out;
    -ms-transition: all 0.25s ease-in-out;
    transition: all 0.25s ease-in-out;
    border: 1px solid #ddd;
}

.service-list {
    margin: 0 0 0 -3%;
    width: 103%;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

#logo {
    display: block;
    overflow: hidden;
    border-bottom: 0;
    margin: 0.5em 0 0 0;
}

#logo img {
    width: 8em;
}

#logo svg {
    height: 170px;
    width: 300px;
    max-width: 100%;
}

.phone {
    display: block;
    color: #121163;
    font-weight: bold;
    font-size: 1.5em;
    line-height: 1.25;
    margin: 0 0 0 1em;
    border-bottom: 0;
    text-decoration: none;
}


#header header.inner__header {
    float: left;
    position: relative;
    background: rgba(255,255,255,0.75);
    z-index: 1;
    padding: 0;
    margin: 0;
}

.container:after {
    display: table;
    content: ' ';
    clear: both;
}

#header header.inner__header img {
    width: 18em;
}

.inner__header-block {
    padding: 0 1em;
    position: absolute;
    top: 0;
    margin: auto;
    left: 0;
    right: 0;
    background: #ffffff;
    z-index: 2;
}

.inner__header-block:after {
    content: '';
    clear: both;
    display: table;
}

.header__phone-block {
    float: right;
    font-size: 0.75em;
    margin-top: 1em;
}

.header__phone-block h3 {
    font-size: 1.7em;
    text-align: left;
}

.header__inner-text {
    font-size: 1.5em;
    line-height: 1.5;
    margin: 2em 0 0 0;
}

.header__inner-text p {
    text-align: center;
}

.header__inner-text ul {
    margin: 0;
}

.control-group {
    outline: none;
}

input#jform_contact_name {}

.controls {
    margin: 0 0 0.5em;
}

.gallery_img_block {
    width: 47%;
    display: block;
    float: left;
    margin: 0 0 3% 3%;
    text-align: center;
    line-height: 270px;
    height: 270px;
    text-decoration: none;
    border-bottom: 0;
    position: relative;
}

.gallery_img_block img {
    vertical-align: middle;
    max-width: 100%;
}

.gallery__items:after {
    content: '';
    display: table;
    clear: both;
}

.gallery__items {
    margin: 0 0 0 -3%;
}

.gallery_img_fader {
    display: block;
    vertical-align: middle;
    position: absolute;
    height: 100%;
    width: 100%;
    left: 0;
    padding: 2%;
    top: 0;
    background: rgba(24, 6, 77, 0.85);
    color: #ffffff;
    box-shadow: 0 0 4px rgba(0,0,0,0.5);
    -moz-transition: background-color 0.35s ease-in-out, color 0.35s ease-in-out, border-bottom-color 0.35s ease-in-out;
    -webkit-transition: background-color 0.35s ease-in-out, color 0.35s ease-in-out, border-bottom-color 0.35s ease-in-out;
    -o-transition: background-color 0.35s ease-in-out, color 0.35s ease-in-out, border-bottom-color 0.35s ease-in-out;
    -ms-transition: background-color 0.35s ease-in-out, color 0.35s ease-in-out, border-bottom-color 0.35s ease-in-out;
    transition: background-color 0.35s ease-in-out, color 0.35s ease-in-out, border-bottom-color 0.35s ease-in-out;
}

.gallery_img_fader-inner {
    display: inline-block;
    line-height: 1.5;
    vertical-align: middle;
}

.gallery_img_fader:hover {
    background: rgba(24, 6, 77, 0.5);
}

.gallery_img_hide {
    display: none;
}

.service-list__item header {
    position: absolute;
    width: 100%;
    left: 0;
    bottom: 0;
    background: rgba(0,0,0,0.5);
    margin: 0;
    color: #fff;
}

.service-list__item header h3 {
    color: #fff;
}

.service-list__item:hover {
    box-shadow: 0 0 5px rgba(0,0,0,0.25);
}

.error {
    border: 1px solid #ff0000 !important;
}

.feedback_result {
    margin: 3em 0 1em 0;
    font-size: 1.25em;
    color: #2D792D;
}

.btn-primary {
    border: 0;
    border-bottom: 3px solid #C5C502;
    padding: 8px 15px 8px 15px;
    font-size: 1em;
    color: #483949;
    background: #F2F200;
    cursor: pointer;
    border-radius: 3px;
    box-shadow: 0 1px 3px rgba(0,0,0,0.5);
    outline: none;
    -moz-transition: all 0.02s linear;
    -webkit-transition: all .02s linear;
    -o-transition: all .02s linear;
    -ms-transition: all .02s linear;
    transition: all .02s linear;
    text-decoration: none;
}

.btn-primary:hover {
    background: #F9F902;
}

.btn-primary:active {
    box-shadow: inset 1px 1px 1px rgba(0,0,0,0.5);
    border-bottom: 0 solid #C5C502;
    margin-top: 3px;
    background: #F9F902;
}

.form-actions {
    height: 60px;
    margin: 30px 0 0 0;
}

#nav > ul > li > a:hover {
    color: #DBDB03;
}

.menu__left-secondlevel-link.active {
    background: #F5F5F5;
}

.menu__left-secondlevel-link:hover {
    background: #121163;
    color: #fff;
}

#nav > ul > li.active a {
    color: #DBDB03;
}

.service-list__item a {
    border-bottom: 0;
    line-height: 1.25em;
    display: block;
    padding: 2% 2% 2%;
    -moz-transition: all .3s linear;
    -webkit-transition: all .3s linear;
    -o-transition: all .3s linear;
    -ms-transition: all .3s linear;
    transition: all .3s linear;
    text-decoration: none;
    color: #fff;
}

.service-list__item:hover header a {
    padding: 7% 2% 7%;
    text-decoration: none;
}

.service__h2 {
    text-align: center;
    margin: 0 0 1em 0;
}

.service-list__item a:hover {
    color: #DBDB03;
}

.inner__service-menu {
    line-height: 1.3;
    font-size: .935em;
}

.inner__service-menu li {
    margin: 0 0 15px 0;
}

.menu__left-firstlevel-item.last .menu__left-firstlevel-link {
    border-bottom: 0;
}

.ditto_currentpage, .ditto_previous_link, .ditto_page {
    margin: 0 10px 0 0;
    display: inline-block;
}

.new-domain {
    display: none;
}

.tests-label__true.label-res {
    color: #35a035;
}

.test-result__str {
    color: #35a035;
    display: none;
}

.test-result__str.test-result__str_show {
    display: block;
}

.auth__group {
    margin: 0 0 20px;
}

.tests-block {
    margin: 0 0 20px;
}

.header__auth-wrap {
    text-align: right;
}

.tests-form {
    display: none;
}

.tests-form.active {
    display: block;
}

.tests-label__red {
    color: #f00;
}

img {
    max-width: 100%;
}

#skel-layers-wrapper {
    min-height: 100%;
    padding-bottom: 90px;
}

@media all and (max-width: 1200px) {
    .container { width: 100%; }
    
    #footer {
        position: relative;
        padding: 2em 0 1.5em 0;
    }
    
    #skel-layers-wrapper {
        padding-bottom: 0;
    }
}

#header .container {
    padding: 0;
}

.service-list__item-h {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    color: #fff;
    background: rgba(0,0,0,0.7);
    line-height: 1.25;
    padding: 0.5em;
    transition: all 0.25s ease;
    min-height: 0;
    display: flex;
    align-items: center;
    text-align: center;
    justify-content: center;
}

.service-list__item:hover .service-list__item-h {
    min-height: 100%;
}

.gallery_img_block-hidden {
    display: none;
}

a.news_link {
    line-height: 1.25;
    display: block;
}

.header__lang {
    display: inline-block;
    vertical-align: middle;
    margin: 0 15px 3px 0;
}

.header__delim {
    color: #171717;
}
div#map {
    margin-bottom: 1.5em;
}

.callback-form__container--hide {
    display: none;
}

.callback-form {
    background: #fff;
    padding: 20px 40px;
	display: none;
}

#ajaxSearch_intro {
    display: none;
}

#ajaxSearch_form fieldset {
    /* display: flex; */
    /* flex-direction: row; */
    align-items: flex-start;
    flex-wrap: nowrap;
    /* width: 120%; */
}

#ajaxSearch_form fieldset label {
    display: inline-block;
    width: 80px;
    overflow: hidden;
    float: left;
}

#ajaxSearch_form fieldset label:nth-child(2) {
    width: calc(100% - 80px);
}

input#ajaxSearch_submit {
    width: 100%;
    padding: 0;
    border-radius: 0;
    height: 42px;
}

#ajaxSearch_form {
    margin-bottom: 10px;
}