﻿@import url('https://fonts.googleapis.com/css?family=Lato:300,400,700&display=swap&subset=latin-ext');
@font-face {
    font-family: "Tabac";
    src: url('/Public/teb-akademia.elevato.net/Account/fonts/373F54_0_0.eot');
    src: url('/Public/teb-akademia.elevato.net/Account/fonts/373F54_0_0.eot?#iefix') format('embedded-opentype'),
	     url('/Public/teb-akademia.elevato.net/Account/fonts/373F54_0_0.ttf') format('truetype');
}

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 {
    font-family: Verdana;
}

input,
select,
textarea,
label,
h1,
h2,
h3 {
    color: rgb(20,30,80);
}

a.ReadMore,
a:visited.ReadMore,
.informationNotice a,
.informationNotice a:visited,
.ModalPopupContent a,
.ModalPopupContent a:visited {
    color: rgb(0,110,250);
    font-weight: normal;
}

#aspnetForm {
    background-color: #FFF;
}

body {
    font-family: Verdana;
    background-color: #FFF;
    color: rgb(20,30,80);
}

h1,
h2 {
    font-family: "Tabac";
}

a.ReadMore,
a:visited.ReadMore {
    color: rgb(0,110,250);
    font-weight: normal;
}

.Login .TextBoxMidSize {
    width: 200px;
}

a.ShowAll,
a:visited.ShowAll,
#section-footer a:visited {
    color: rgb(0,110,250);
}

.informationNotice {
    padding: 0px 20px;
}

h1 {
    font-size: 30px;
}

h2 {
    font-size: 24px;
}

h3 {
    font-size: inherit;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    margin-bottom: 10px;
    color: rgb(20,30,80);
}

.sidebar .logo,
.sidebar .company {
    margin-bottom: 0px !important;
}

h2 a:hover {
    color: rgb(20,30,80);
}

a:hover h2 {
    color: rgb(20,30,80);
}

.consent {
    padding: 10px 20px;
}

a {
    outline: medium none;
    color: rgb(0,110,250);
}
a:hover, a:hover h2 {
    text-decoration: none;
    color: rgb(35,190,225);
}
a
{
	text-decoration: none;
	cursor: pointer;
}

a.Title {
    text-decoration: none;
}

a.Title,
a:visited.Title,
.Title {
    color: rgb(0,110,250);
}

.JobOffers.List a.ReadMore {
    margin-top: 20px !important;
}

.CommandsDiv a:hover,
.adminCommandsDiv a:hover,
.JobOffers.List a.ReadMore:hover,
a.JobOfferLink:hover,
a.ShowAllDiv:hover {
    color: #FFF !important;
}

a.Command:link,
a.Command:visited,
.CommandsDiv a:visited,
.CommandsDiv a:link,
.CommandsDiv a,
.adminCommandsDiv a,
.JobOffers.List a.ReadMore,
a.JobOfferLink {
    display: inline-block;
    position: relative;
    margin: 0px;
    cursor: pointer;
    z-index: 1;
    text-transform: uppercase;
    text-align: center;
    color: rgb(0,110,250);
    padding: 10px 20px;
    -webkit-transition: all 0.2s ease 0s;
    -moz-transition: all 0.2s ease 0s;
    -ms-transition: all 0.2s ease 0s;
    -o-transition: all 0.2s ease 0s;
    font-size: 14px;
    font-weight: 700;
    background-color: #FFF;
    border: 1px solid rgb(0,110,250);
    cursor: pointer;
    transition: background-color .3s ease-in;
}

.CommandsDiv a>span {
    line-height: inherit;
    font-size: inherit;
    font-family: inherit;
    letter-spacing: inherit;
    text-transform: inherit;
}

.ShowAllDiv {
    text-align: center;
    padding-bottom: 50px;
	clear: both;
}

.ShowAllDiv>a {
    display: inline-block;
    position: relative;
    margin: 0px;
    cursor: pointer;
    z-index: 1;
    text-transform: uppercase;
    text-align: center;
    background: none;
    color: rgb(0,110,250);
    padding: 10px 20px;
    -webkit-transition: all 0.2s ease 0s;
    -moz-transition: all 0.2s ease 0s;
    -ms-transition: all 0.2s ease 0s;
    -o-transition: all 0.2s ease 0s;
    font-size: 14px;
    font-weight: 700;
    background-color: #FFF;
    border: 1px solid rgb(0,110,250);
    cursor: pointer;
    transition: background-color .3s ease-in;
}

.ShowAllDiv>a:hover {
    background: rgb(0,110,250);
    color: #fff;
    box-shadow: 0 6px 22px rgba(0, 0, 0, .1);
    transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -webkit-transition: all .2s ease-in-out;
    color: #FFF !important;
}

a.Command:hover,
a.Command:hover,
.CommandsDiv a:hover,
.CommandsDiv a:hover,
.CommandsDiv a:hover,
.adminCommandsDiv a:hover,
.JobOffers.List a.ReadMore:hover {
    background: rgb(0,110,250);
    color: #fff;
    box-shadow: 0 6px 22px rgba(0, 0, 0, .1);
    transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -webkit-transition: all .2s ease-in-out;
    color: #FFF !important;
}

.JobOfferSection ul li {
    padding-left: 15px;
    text-align: left;
    position: relative;
    line-height: 20px;
}

.blockUI.blockMsg.blockPage {
    max-width: 474px;
}

.blockUI .loader-img {
    vertical-align: text-bottom;
    margin-right: 15px;
}

.Login {
    padding: 0 20px;
}

.Login .CommandsDiv {
    padding-left: 0;
    padding-right: 0;
}

.LoginInformation {
    padding-right: 20px;
    padding-left: 20px;
    text-align: center;
}

#wrap {
    max-width: 100%;
    padding: 0;
}

#wrap_inner {
    position: relative;
}

.formDataReadViewTable {
    margin: 10px 0px;
}

.twoColumn #wrap_inner {
    padding-top: 0;
}

.header {
    z-index: 5;
    padding: 0;
    margin: 0 auto;
    max-width: 1080px;
    position: relative;
    text-align: left;
    padding-bottom: 30px;
}

.nav {
    z-index: 5;
    padding: 0;
    margin: 0 auto;
    max-width: 1080px;
    position: relative;
    background-color: #fff;
    display: block;
}

.LanguagesDiv {
    padding: 15px 20px;
}

.active_lang {
    font-weight: bold;
}

.logo {
    display: block;
    padding: 10px;
}

[id$='hlLogoHeader'] {
    margin-top: 12px;
    margin-bottom: 12px;
    display: inline-block;
}

.sidebar [id$='_hlLogoSidebar'] {
    padding: 8px 20px;
    width: 100%;
    position: absolute;
    top: 40px;
    left: 0px;
    background: #fff;
    display: block;
}

.LanguagesDiv a {
    color: #989d9e;
    font-size: inherit;
}

.sidebar .company {
    background: #ececec;
    margin-top: 20px;
}

.rss {
    position: absolute;
    top: 10px;
    right: 20px;
    z-index: 5;
}

#main {
    float: none;
    padding: 20px 40px;
    margin: 0 auto;
    background: #FFF;
    -webkit-box-shadow: 1px 3px 13px rgba(26, 24, 24, 0.3);
    box-shadow: 1px 3px 13px rgba(26, 24, 24, 0.3);
    -webkit-transition: opacity 0.4s, visibility 0.4s;
    margin-bottom: 10px;
    margin-top: 130px;
}

#main:before {
    content: '';
    clear: none;
    display: table;
}

.twoColumn #main {
    max-width: 890px;
}

.oneColumn #main {
    max-width: 1080px;
}

.addthis_toolbox.addthis_default_style {
    padding: 0px 0px 10px 19px;
}

::selection {
    background: #5b6bb5;
    color: #FFF !important;
}

::-moz-selection {
    background: #5b6bb5;
    color: #FFF !important;
}

.Title .IsPromoStar {
    margin-top: 2px;
}

.HeaderContent {
    padding: 5px 20px;
    margin-top: 15px;
}

.sidebar {
    margin-top: 280px;
    padding: 0px;
}

.company {
    padding: 15px 20px;
}

.GvFEListRow {
    border-top-color: #eee;
}

#footer {
    margin: 0 auto;
    color: #b0b0b0;
    border-top: none;
}

#footerCopyright {
    font-size: 11px;
}

.GvFEList {
    padding-bottom: 20px;
}

.GvFEListRow h2 {
    margin-bottom: 10px;
}

.GvFEListRow h2 a.Title {
    cursor: pointer;
    font-weight: bold;
    font-size: 1em;
    line-height: 1.2;
    text-align: -webkit-match-parent;
    color: rgb(20,30,80);
}

.GvFEListRow h2 a:hover,
.GvFEListRow h2 a:active {
    color: rgb(20,30,80);
}

.GvFEListRow h3 {
    line-height: 23px;
}

.Pager {
    padding-left: 30px;
}

.Pager a,
.Pager a:visited {
    color: #333333;
    text-decoration: none;
}

.SectionName {
    color: rgb(20,30,80);
    font-size: 20px;
    font-weight: 400;
    font-family: "Tabac";
}

.LoginInformation span {
    color: #FFF;
}

.addthis_sharing_toolbox {
    margin-left: 20px;
    margin-right: 20px;
}

.CommandsDiv {
    padding: 0px 20px;
}

.CommandsDiv.PrevNext {
    border-top: 1px dashed #dfdfdf;
    padding-top: 25px;
}

.ToolTipWrep {
    position: relative;
}

.ToolTip {
    line-height: 1.432!important;
    left: 50%;
    top: 40px;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
    z-index: 10;
    border: 1px solid #ccc;
}

.ToolTip:after,
.ToolTip:before {
    bottom: 100%;
    left: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
}

.ToolTip:after {
    border-color: rgba(255, 250, 205, 0);
    border-bottom-color: #fffacd;
    border-width: 10px;
    margin-left: -10px;
}

.ToolTip:before {
    border-color: rgba(204, 204, 204, 0);
    border-bottom-color: #ccc;
    border-width: 11px;
    margin-left: -11px;
}

.fade {
    opacity: 0;
    -webkit-transition: opacity 300ms ease-in;
    -o-transition: opacity 300ms ease-in;
    transition: opacity 300ms ease-in;
}

.in {
    opacity: 1;
}


/*---End--- Base style ---------*/


/*-------------------------------*/


/*--------------------------------------*/


/*---Begin--- JobOffer Details ---------*/

.JobOfferSection {
    clear: none;
    padding: 0;
}

.JobOffers.Details {
    position: relative;
    padding-bottom: 25px;
    padding-top: 10px;
}

.JobOffers.Details .Module::after,
.JobOffers.Details .ItemDetails::after {
    content: '';
    display: block;
    width: 100%;
    clear: both;
}

.JobOffers.Details h1.Title {
    margin-top: 15px;
    margin-left: 20px;
    margin-right: 20px;
    margin-bottom: 30px;
    line-height: 1.4;
}

.header-wrap {
    background: #464646;
}

.header-wrap::after {
    content: '';
    display: table;
    clear: both;
}

.JobOffers.Details [id$="_lblJobOfferShortDescription"],
.JobOffers.Details [id$="_lblJobOfferLocation"],
.JobOffers.Details [id$="_lblJobOfferRegion"] {
    margin-bottom: 8px;
}

.JobOffers.Details .ItemDetails .JobOfferSection {
    padding: 10px 20px;
}

.nav-block {
    position: absolute;
    top: 25px;
    right: 10px;
}

.logged-in .nav-block {
    top: 77px;
}

.nav-block ul li a {
    text-decoration: none;
    font-size: 15px;
    padding: 5px 10px;
    display: inline-block;
    -webkit-font-smoothing: antialiased !important;
    font-weight: bold;
    color: #000;
}

.JobOffers.Details .JobOfferSection span {
    display: block;
    clear: both;
}

.JobOffers.Details .JobOfferSection span.Title {
    font-size: 24px;
    font-weight: 400;
    font-family: "Tabac";
}

.JobOffers.Details [id$="_PnlJobOfferClient"],
.JobOffers.Details [id$="_PnlJobOfferLocation"] {
    float: left;
    width: 50%;
}

.JobOffers.Details .header-wrap>div.JobOfferSection:first-child:not([id$="_PnlJobOfferClient"]) {
    float: none;
    width: 100%;
}

.header-wrap [id$="_PnlJobOfferClient"]~[id$="_PnlJobOfferLocation"] {
    text-align: right;
    float: right;
    width: 50%;
}

.JobOffers.Details [id$="_PnlJobOfferLocation"]>span,
.JobOffers.Details [id$="_PnlJobOfferClient"]>span {}

.JobOffers.Details [id$="_PnlJobOfferShortDescription"] {
    clear: both;
    border-top: 1px solid #eee;
}

.JobOffers.Details .list-wrap {
    position: relative;
    padding-left: 96px;
}

.JobOffers.Details .JobOfferSection.Duties .Title,
.JobOffers.Details .JobOfferSection.RequiredSkills .Title,
.JobOffers.Details .JobOfferSection.Description .Title {
    font-size: 20px;
    margin-bottom: 20px;
}

.JobOffers.Details .ItemDetails .list-wrap p {
    font-size: 12px;
    font-weight: bold;
    margin-bottom: 4px;
}

.JobOfferSection.Duties ul,
.JobOfferSection.RequiredSkills ul,
.JobOfferSection.Description ul {
    padding-bottom: 30px;
}

.JobOfferSection.Duties .list-wrap:last-child ul,
.JobOfferSection.RequiredSkills .list-wrap:last-child ul,
.JobOfferSection.Description .list-wrap:last-child ul {
    padding-bottom: 0;
}

.JobOfferSection.Duties ul li,
.JobOfferSection.RequiredSkills ul li,
.JobOfferSection.Description ul li {
    margin-bottom: 0.85em;
}

.JobOfferSection.Duties ul li:last-child,
.JobOfferSection.RequiredSkills ul li:last-child,
.JobOfferSection.Description ul li:last-child {
    margin-bottom: 0;
}

.JobOffers.Details .Date {
    position: absolute;
    bottom: 0px;
	left: 20px;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 10px;
    color: #9C9C9C;
}

.JobOffers.Details .CommandsDiv {
    text-align: left;
    padding-left: 20px;
    padding-right: 20px;
}

.JobOffers.Details .CommandsDiv:not(.PrevNext) {
    padding: 20px 20px 40px 20px;
}

h1.Title {
    color: rgb(20,30,80);
    font-size: 3.5rem;
    letter-spacing: -1px;
    margin: .4em 0 .4em;
}

.Module h1:after,
.List h1:after {
    content: "";
    display: block;
    position: relative;
    width: 80px;
    height: 4px;
    background: rgb(0,110,250);
    left: 0;
    bottom: 0;
    margin-top: 20px;
    margin-bottom: 20px;
}

.HeaderContent h1.Title {
    margin-bottom: 0;
}

#ctl00_ContentPlaceHolder1_JobOfferDetails1_PnlJobOfferClient {
    display: none !important;
}


/*---End--- JobOffer Details ---------*/


/*------------------------------------*/


/*-----------------------------------*/


/*---Begin--- JobOffer list ---------*/

.JobOffers.List h3 {
    margin-top: 10px;
}

.JobOffers.List .Module {
    padding: 0 20px;
}

.JobOffers.List .PnlJobOfferLocation {
    position: absolute;
    top: 20px;
    right: 0px;
    padding: 5px;
    border: 1px solid #dfdfdf;
}

.JobOffers.List .IsPromoStar {
    margin-left: 5px;
    float: none;
    margin-top: 0;
}

.JobOffers.List a.ReadMore [id$='_lblJobOfferLocation'] {
    font-weight: bold;
}

.JobOffers.List [id$='_LbJobOfferLocation'] {
    font-weight: bold;
    color: #999;
}

.JobOffers.List .GvFEList td {
    padding-bottom: 20px;
    position: relative;
}

.JobOffers.List .GvFEList tr:first-child {
    border-top: none;
}

.JobOffers.List .Date {
    font-size: 15px;
}

.JobOffers.List a.ReadMore span {
    font-size: inherit;
    font-weight: inherit;
    line-height: inherit;
}


/*---End--- JobOffer list ---------*/


/*---------------------------------*/


/*-----------------------------------*/


/*---Begin--- JobOffer form ---------*/

.SurveyForm {
    position: relative;
    padding-bottom: 25px;
    padding-top: 20px;
    padding-bottom: 0;
}

.SurveyForm .Module::after,
.SurveyForm .ItemDetails::after {
    content: '';
    display: block;
    width: 100%;
    clear: both;
}

.SurveyForm h1.Title {
    margin-top: 15px;
    margin-left: 20px;
    margin-right: 20px;
    margin-bottom: 30px;
    line-height: 1.2;
}

.SurveyPage>.Section {
    padding: 12px 20px;
    margin: 0;
    border-bottom: none;
    border-top: 1px solid #eee;
}

.SurveyPage .Section:first-child {
    border-top: none;
}

.SurveyForm .ChbAgreePanel {
    border-top: 1px solid #eee;
}

.SurveyPage .ChbAgreePanel td {
    padding: 10px 20px;
}

.SurveyPage>.CommandsDiv {
    margin-top: -1px;
    /* padding-bottom: 20px; */
    border-bottom: 1px solid #eee;
    margin-bottom: 20px;
    text-align: center;
}

.CandidatesLanguagesSimple .CommandsDiv {
    margin-top: 10px;
    padding-left: 0;
    padding-right: 0;
}

.SurveyForm #Languages {
    margin: 0;
}

.SurveyForm [id$='_lblJobOffersThankyou'] {
    padding: 10px 20px;
    display: block;
}

.SurveyForm [id$='_RblSex'] {
    float: left;
    margin-left: 3px;
}

.SurveyForm [id$='_RblSex'] td:last-child label {
    padding-right: 7px;
}

.SurveyForm [id$='_lblLanguageOther'] {
    display: inline-block;
    margin-bottom: 10px;
}

.SurveyPage .ApplyCommands {
    margin-bottom: 20px!important;
}

.SurveyPage .ApplyCommands.lastPage {
    margin-top: 10px!important;
}

.ValidationSummary {
    padding: 10px 20px;
    margin-bottom: 20px;
}

.ValidationSummary ul {
    padding-left: 20px;
}

[id$='_lblLoggedOutSuccess'] {
    padding: 10px 20px;
}

.wizardpage .pageNumber {
    margin-top: 10px;
}

.wizardpage.surveyLastPage .pageNumber {
    margin-top: 18px;
}

.formDataReadView {
    font-size: inherit;
}

.FileUpload,
.textbox,
.DropDownList,
select {
    background-color: transparent;
    padding: 5px 6px;
}

.FileUploadWithValidation {
    margin-bottom: 20px;
}


/*---End--- JobOffer form --------*/


/*--------------------------------*/


/*--------------------------------*/


/*---Begin--- JobOffer login --------*/

.PasswordReminder.Module {}

.PasswordReminder.Module .formDataReadViewTable {
    margin: 0px 20px 20px;
}

span.Title {
    color: rgb(20,30,80)
}


/*span.Title:after {
    content: "";
    display: block;
    position: relative;
    width: 80px;
    height: 2px;
    background: rgb(0,110,250);
    left: 0;
    bottom: 0;
    margin-top: 20px;
    margin-bottom: 20px;
}*/


/*---End--- JobOffer login --------*/


/*--------------------------------*/


/*-----------------------------------*/


/*---Begin--- Media requests --------*/

@media (max-width: 480px) {
    .nav-block {
        left: 60%;
        right: 0;
    }
	.adress__copyright a {
		width: 100%;
	}
}

@media (max-width: 640px) {
    .JobOffers.Details .Module>.JobOfferSection::after {
        content: '';
        display: table;
        clear: both;
    }
    .ShowAllDiv {
        text-align: center;
        position: static;
        margin-top: 20px;
        -webkit-transform: none;
        -moz-transform: none;
        -ms-transform: none;
        -o-transform: none;
        transform: none;
    }
    body {
        position: relative;
    }
    h1.Title {
        font-size: 28px;
    }
    .header {
        text-align: center;
    }
}

@media (max-width: 767px) {
    .JobOffers.Details [id$="_PnlJobOfferClient"],
    .JobOffers.Details [id$="_PnlJobOfferLocation"] {
        float: none;
        width: 100%;
        min-height: auto;
    }
    .JobOffers.Details [id$="_PnlJobOfferLocation"] {
        text-align: left;
    }
    .JobOffers.List .PnlJobOfferLocation {
        position: static;
        max-width: 300px;
        margin: 0px auto 10px;
        text-align: center;
    }
    #main {
        padding: 10px;
    }
    a.Command:link,
    a.Command:visited,
    .CommandsDiv a:visited,
    .CommandsDiv a:link,
    .CommandsDiv a,
    .adminCommandsDiv a,
    .JobOffers.List a.ReadMore,
    a.JobOfferLink {
        width: 140px;
    }
}

@media only screen and (max-width: 600px) {}

@media only screen and (min-width: 600px) {}

@media only screen and (min-width: 768px) {}

@media only screen and (min-width: 992px) {}

@media only screen and (min-width: 1200px) {}

@media (min-width: 1378px) {}

@media (min-width: 1600px) {}


/*---End--- Media requests --------*/


/*---------------------------------*/

.footer {
    background-color: #d3f2ff;
}
.footer .footer-header h2
{
	color: rgb(20,30,80);
    font-size: 42px;
    font-weight: 700;
    line-height: 1.2;
}

.footer__container {
    color: rgb(20,30,80);
    max-width: 1135px;
    margin: 0 auto;
    padding: 4% 20px;
}

.adress--logo {
    max-width: 100%;
    height: auto;
}

.footer__first_row {
    margin: 20px 0 80px;
}

.footer__first_row,
.footer__second_row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.adress__info--adress {
    font-family: "Tabac";
    font-size: 22px;
    margin-bottom: 10px;
}

.footer a {
    color: rgb(20,30,80);
    text-decoration: none;
}

.adress__info--email {
    color: #fff;
    font-family: Verdana;
    font-size: 15px;
    font-weight: 700;
}

.social__links {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    max-width: 345px;
    width: 100%;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.social--link {
    background-color: rgb(0,110,250);
    height: 62px;
    width: 62px;
    border-radius: 50%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.social--image {
    width: 29px;
    height: 29px;
}

.social__links--text {
    max-width: 161px;
    font-family: Verdana;
    font-size: 20px;
    font-weight: 700;
    line-height: 24.52px;
}

.footer__first_row,
.footer__second_row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.adress__copyright {
    max-width: 500px;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.adress__copyright--link {
    font-family: 'Lato', sans-serif;
    font-size: 10px;
}

.social__nav {
    max-width: 250px;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-right: 80px;
}

.menu-item {
    margin: 0;
    padding-top: 0.2em;
}

.header__container.sticky {
    height: 100px;
}

.header__container {
    height: 200px;
    background-color: #fff;
    position: fixed;
    z-index: 500;
    width: 100%;
    top: 0;
    left: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-transition: .5s ease;
    transition: .5s ease;
}

.header__content {
    max-width: 1120px;
    width: 100%;
    margin: 0 auto;
    padding: 0 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.sticky .header__logo {
   
    padding-top: 10px;
}

.header__logo {
    width: 266px;
    -webkit-transition: width .5s;
    transition: width .5s;
}

.header__nav {
    font-weight: 700;
    text-transform: uppercase;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

nav#nav ul {
    font-family: 'Lato', sans-serif;
}

.header__nav ul {
    list-style: none;
}

.header__nav ul li {
    display: inline-block;
    padding: 7px 27px;
    border-left: 1px solid #e1e8e7;
}

.container p,
.container li {
    line-height: 32px;
}

.container p,
.container li,
.container button {
    font-family: Verdana;
}

.header__nav--alink {
    display: block;
    text-decoration: none;
    color: rgb(20,30,80);
    font-family: 'Lato', sans-serif;
    font-size: 16px;
    line-height: normal;
    padding-bottom: 10px;
    border-bottom: 2px solid transparent;
}

.menu-item {
    margin: 0;
    padding-top: 0.2em;
}

.header__nav ul li:nth-child(2) {
    border-left: none;
}

a.menu-item.header__nav--alink.menu-item--active-trail.is-active {
    border-bottom: 2px solid rgb(0,110,250);
    color: rgb(0,110,250);
}

#nav li a:hover{
	color: rgb(0,110,250);
}

@media only screen and (max-width: 480px) {
    .footer {
    }
    .footer__container {
        padding: 0 40px;
    }
    .adress__info p {
        font-size: 13px;
        line-height: 18px;
    }
    .adress__info a {
        font-size: 9px;
        line-height: 16px;
    }
    .social__links {
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    }
    .social__links {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
    }
    .social--link {
        width: 36px;
        height: 36px;
        margin-right: 10px;
    }
    .social--image {
        width: 13px;
        height: 13px;
    }
    .social__links p {
        margin-left: 10px;
        font-size: 12px;
        line-height: 14px;
        width: 120px;
    }
    .social__links p {
        margin-top: 10px;
    }
    .adress__copyright {
        width: 240px;
    }
    .adress__copyright a {
        font-size: 7px;
        line-height: 16px;
    }
    .social__nav {
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
    }
    .social__nav a {
        font-size: 7px;
        line-height: 16px;
        margin-right: 10px;
    }
    .header__container.sticky {
        height: 60px;
    }
    .sticky .header__logo {
        width: 130px;
    }
    .header__logo {
        width: 150px;
        position: static;
    }
    .sticky .header__nav {
        top: 60px;
    }
}

@media only screen and (max-width: 768px) {
    .footer,
    .footer__first_row,
    .footer__second_row,
    .adress__copyright {
        display: block;
    }
    .footer__container {
		padding: 30px 20px;
		max-width: 100%;
		margin: 0px 10px;
	}
    .adress--logo {
        width: 200px;
    }
    .adress--logo {
        margin-top: 50px;
    }
    .footer__first_row {
        margin: 50px 0;
    }
    .adress__info,
    .adress__copyright {
        margin-bottom: 50px;
    }
    .adress__info--adress {
        margin-bottom: 10px;
    }
    .footer__second_row {
        padding-bottom: 50px;
    }
    .adress__copyright {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
    }
    .header__container.sticky {
        height: 100px;
		box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
    }
    .header__logo {
        position: absolute;
        top: 25%;
        z-index: 99999;
    }
    #hamburger {
        display: block;
    }
    .sticky .header__nav {
        top: 60px;
    }
    nav#nav ul:last-child {
        border-bottom: 1px solid rgb(0,110,250);
    }
    nav#nav ul {
        border-left: 1px solid rgb(0,110,250);
        border-right: 1px solid rgb(0,110,250);
    }
    #nav {
        display: none;
    }
	.footer .footer-header h2 {
		font-size: 28px;
	}
	.adress__copyright {
		flex-wrap: wrap;
	}
}

@media only screen and (min-width: 769px) {
    .header__nav ul li:nth-child(1) {
        display: none;
    }
}
#share-buttons {
	margin-left: 20px;
}
#main #share-buttons > div {
	border-radius: 50%;
	width: 36px;
	height: 36px;
}
