body {
    font-family: 'Open Sans';
}

.inline-flex {
    display:inline-flex !important;
    justify-content: center;
    align-items: center;
}

.relative {
    position:relative;
}

.absolute {
    position:absolute;
}

.fixed-top {
    position:fixed;
    top:0;
    left:0;
    right:0;
    z-index:1;
}

.inline-block {
    display:inline-block;
}

.block {
    display:block;
}

.flex {
    display:flex;
}

.uppercase {
    text-transform:uppercase;
}

a {
    transition:all .5s;
}

a:active,
a:focus,
a:hover {
    text-decoration:none;
}

.wrapper .container {
    max-width:1350px;
    width:100%;
    margin:auto;
    padding-left:0;
    padding-right:0;
}

.wrapper .container.container-inner {
    max-width:1200px;
}

.top-navigation .container,
.widget-area .container,
.footer .container {
    max-width:1200px;
}

.top-navigation {
    background:rgba(255, 255, 255, 1);
    box-shadow: 0 4px 18px 0 rgba(0, 1, 1, .3);
    transition:all .5s;
}
.top-navigation.top-navigation-sticky {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 1;
}

.top-navigation .logo {
    padding-top: 0px;
    padding-bottom: 0px;
    transition:all .1s;
}
.top-navigation.top-navigation-sticky > .container .logo {
    height: 0;
    opacity: 0;
    padding:0;
    visibility:hidden;
}

.top-navigation .logo a img {
    max-height: 95px;
}

.top-navigation-div {
    border-top:1px rgba(0, 0, 0, .1) solid;
    height:auto;
    transition:all .5s;
}
.top-navigation-div.extra-height {
    height:250px;
}

.top-navigation-div .logo {
    width: 0;
    padding:0;
    overflow: hidden;
    align-self: center;
}

.top-navigation-sticky .top-navigation-div .logo {
    width: auto;
}

.top-navigation-div .logo img {
    max-height:44px;
    margin-right:35px;
}

.top-navigation-div ul {
    width:100%;
    justify-content: flex-start;
    font-size:16px;
}

.top-navigation ul li a {
    display: block;
    height: 56px;
    line-height: 56px;
    color: #5e5f5f;
}

.top-navigation ul li.has-submenu > a {
    border-bottom:3px transparent solid;
}

.top-navigation ul li.has-submenu:hover > a {
    border-bottom:3px #ec2427 solid;
}

.top-navigation ul li a.active,
.top-navigation ul li a:hover {
    color:#ec2427;
}

.top-navigation ul li:not(:last-child) {
    margin-right:28px;
}

.top-navigation ul li a i {
    margin-left:3px;
}

.top-navigation ul li.lang {
    margin-left: auto;
    font-size:14px;
    cursor:pointer;
    align-items: center;
}

.top-navigation ul li.lang:before {
    font-family:FontAwesome;
    content: "\f0ac";
}

.top-navigation ul li.lang:after {
    font-family:FontAwesome;
    content: "\f105";
}
.top-navigation ul li.lang:hover:after {
    content: "\f104";
}

.top-navigation li.lang .lang-flags {
    width: 27px;
    overflow: hidden;
}

.top-navigation li.lang:hover .lang-flags {
    width: auto;
    overflow: visible;
}

.top-navigation ul li.lang a {
    margin-left:4px;
    margin-right:4px;
}

.top-navigation ul li.has-submenu .submenu {
    padding-top:19px;
    opacity:0;
    visibility:hidden;
    left:0;
    right:0;
    z-index: 1;
    text-transform: capitalize;
    transition:all .1s;
}

.top-navigation ul li.has-submenu:hover .submenu {
    opacity:1;
    visibility:visible;
}

.top-navigation ul li .submenu a {
    line-height: 34px;
    height: auto;
}

#open-burger-menu,
.burger-menu-icon {
    display: none;
}

.header {
    padding-top:10px;
}

.container-inner .header {
    padding-bottom:60px;
}
.top-navigation ~.container .header.has-top-margin {
    margin-top:207px;
}
.top-navigation.top-navigation-sticky ~.container .header.has-top-margin {
    margin-top:auto;
}

.header-img img {
    width: 100%;
    max-height: 583px;
    object-fit: cover;
    /*-webkit-filter: grayscale(100%);
    filter: grayscale(100%);*/
}

.header-img-tagline {
    padding-left:83px;
    padding-right:83px;
    background:#fb0c00;
    height:86px;
    left:-32px;
    bottom:48px;
    align-items: center;
    font-size:50px;
    font-weight:300;
    color:#fff;
}

.main-area h2 {
    margin-bottom:40px;
    font-size:50px;
    color:#fb0c00;
}

.main-area h3 {
    margin-bottom:40px;
    font-size:30px;
    font-weight:300;
    line-height:40px;
    color:#5e5f5f;
}

.main-area h5 {
    margin-bottom:13px;
    font-size:40px;
    color:#fb0c00;
}

.main-area h6 {
    margin-bottom:32px;
    font-size:24px;
    line-height:30px;
    font-weight:300;
    color:#5e5f5f;
}

.main-area h6 strong {
    font-weight:700;
}

.main-area a {
    color:#5e5f5f;
}

.main-area p {
    font-size:18px;
    font-weight:300;
    color:#5e5f5f;
    line-height:30px;
}
.main-area .profile-intro p {
    line-height:26px;
}

.main-area p:not(:last-of-type) {
    margin-bottom:30px;
}
.main-area .profile-intro p:not(:last-of-type) {
    margin-bottom:26px;
}

.main-area p strong {
    font-weight:700;
}

.two-col-content {
    background:#f7f7f7;
}

.two-col-content:not(:last-of-type) {
    margin-bottom:90px;
}

.two-col-img {
    width: 33.3%;
}

.two-col-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    /*-webkit-filter: grayscale(100%);
    filter: grayscale(100%);*/
}

.two-col-text {
    width: 66.6%;
    padding:42px 60px;
}

.two-col-text.profile-intro {
    padding:36px 27px;
}

.two-col-text .quote {
    margin-bottom:30px;
}

.two-col-text .quote:before,
.two-col-text .quote:after {
    position:absolute;
    font-family:FontAwesome;
    color:#797879;
}

.two-col-text .quote:before {
    content:"\f10d";
    left: -30px;
    top: 7px;
}

.two-col-text .quote:after {
    content:"\f10e";
    right: -30px;

}

.two-col-text .quote-author {
    font-size:20px;
    font-style: italic;
    line-height:36px;
}

.contact-form {
    flex:1.2;
    padding-right:60px;
}

.contact-info {
    flex:1;
    padding-left:60px;
}

.contact-form input[type="text"],
.contact-form textarea {
    margin-bottom:23px;
    width:100%;
    border:0;
    border-bottom:1px rgba(237, 36, 36, .5) solid;
    font-weight:300;
    font-size:20px;
    color:#a2a2a2;
    outline:none;
}

.contact-form input[type="text"] {
    padding:5px 9px;
}

.contact-form textarea {
    height:157px;
    padding:9px;
    resize:none;
}

.contact-form .btn {
    width:150px;
    height:42px;
    outline:none;
    border: 0;
    background:#fb0c00;
    color:#fff;
}

.contact-info {
    padding-top:7px;
}

.contact-info p {
    font-size:22px;
}

.contact-info p span {
    font-weight:400;
}

.widget-area {
    margin-top:60px;
    background:#f7f7f7;
    padding-top:50px;
    padding-bottom:10px;
    color:#5e5f5f;
}

.widget-area .container > div {
    flex:1;
    padding-bottom:30px;
    font-size:13px;
    font-weight:300;
    line-height: 15px;
    border-bottom:1px rgba(0, 0, 0, .05) solid;
}

.widget-area .container h4 {
    margin-bottom:37px;
    font-size:25px;
    line-height: normal;
}

.widget-area .container h4:after {
    content:"";
    position:absolute;
    left:0;
    bottom:-22px;
    width: 44px;
    border-bottom: 1px #fb0c00 solid;
}

.widget-area .container h4 span {
    color:#fb0c00;
}

.widget-area .container p:not(:last-of-type) {
    margin-bottom:20px;
}

.widget-area strong {
    font-weight:700;
}

.widget-area .footer-map iframe {
    width:100%;
    height:240px;
}

.widget-area .container a {
    color:#5e5f5f;
}

.footer {
    padding-bottom:15px;
    background:#f7f7f7;
    font-size:11px;
    color:#5e5f5f;
}

.footer .container:before,
.footer .container:after {
    content:none;
}

.footer .container {
    justify-content: space-between;
    align-items: center;
}

.footer .social-media a {
    width:45px;
    height:45px;
    border-radius:100%;
    background:rgba(255, 255, 255, 1);
    font-size:20px;
    color:#5e5f5f;
}

.footer .social-media a:hover {
    color:rgba(0, 0, 0, .5) !important;
}

.footer .social-media a:not(:last-child) {
    margin-right:15px;
}

@media screen and (max-width:1280px) {
    .wrapper .container {
        padding-left: 10px;
        padding-right: 10px;
    }
}

@media screen and (max-width:1080px) {
    .wrapper .container {
        padding-left: 10px;
        padding-right: 10px;
    }

    .container-inner .header:empty {
        padding-bottom: 0;
    }

    .top-navigation.fixed-top {
        position:static;
    }
    .top-navigation.top-navigation-sticky.fixed-top {
        position:fixed;
    }

    .top-navigation.fixed-top ~ .container .header {
        margin-top:0;
    }


    .top-navigation.top-navigation-sticky > .container .logo {
        height: auto;
        opacity: 1;
        visibility: visible;
        padding-top: 5px;
        padding-bottom: 10px;
    }
    .top-navigation > .container .logo {
        text-align: center;
        padding-top: 10px;
        padding-bottom: 10px;
    }
    .top-navigation > .container .logo img {
        max-height: 70px;
    }
    .top-navigation-div .logo img {
        display: none;
    }

    .burger-menu-icon {
        display:block;
    }

    #open-burger-menu ~ .top-navigation-div ul {
        flex-direction: column;
    }

    .top-navigation ul li:not(:last-child) {
        margin-right: 0;
        border-bottom: 1px rgba(0, 0, 0, .08) solid !important;
        width: inherit;
        text-align: center;
    }

    .top-navigation ul li,
    .top-navigation ul li a {
        line-height: 35px;
        height: auto;
        border-bottom: 0 !important;
    }

    .top-navigation ul li.lang {
        margin-left: 0;
        margin-top: 10px;
    }

    .top-navigation ul li.lang a {
        border-left: 1px rgba(236, 36, 36, .25) solid;
        padding-left: 10px;
    }

    .top-navigation ul li.lang a:first-child {
        border-left-color: transparent;
        padding-left: 0;
    }

    #open-burger-menu ~ .burger-menu-icon {
        cursor: pointer;
        position: absolute;
        right: 20px;
        top: 35px;
    }

    #open-burger-menu ~ .burger-menu-icon em {
        position: relative;
        width: 25px;
        height: 2px;
        background: #5e5f5f;
        margin: 5px 0;
        transition: all .25s;
    }

    #open-burger-menu:checked ~ .burger-menu-icon em:first-child {
        transform: rotate(45deg);
        top: 7px;
    }

    #open-burger-menu:checked ~ .burger-menu-icon em:last-child {
        transform: rotate(-45deg);
        top: -7px;
    }

    #open-burger-menu:checked ~ .burger-menu-icon em:nth-child(2) {
        visibility:hidden;
        transition:all .1s;
    }

    #open-burger-menu ~ .top-navigation-div {
        border-top:0;
        height: 0;
    }

    #open-burger-menu:checked ~ .top-navigation-div {
        height: auto;
        padding-bottom: 10px;
    }

    #open-burger-menu ~ .top-navigation-div ul {
        visibility: hidden;
        opacity:0;
        overflow:hidden;
        height:0 !important;
        width: 100%;
        margin-right: 0;
        justify-content: center;
        transition:all .5s;
    }

    #open-burger-menu:checked ~ .top-navigation-div ul {
        visibility: visible;
        opacity:1;
        overflow:visible;
        height:auto !important;
        width: 50%;
        margin: auto;
    }

    .top-navigation ul li.has-submenu .submenu {
        position: static;
        opacity: 1;
        padding-top: 0;
        margin-top: -5px;
        margin-bottom: 10px;
    }

    .top-navigation ul li .submenu a {
        font-size: 15px;
        text-align: center;
        line-height: 20px;
    }

    .top-navigation li.lang .lang-flags {
        width:auto;
    }

    .top-navigation ul li.lang:before,
    .top-navigation ul li.lang:after,
    .top-navigation ul li.lang:hover:after {
        content:none;
    }

    .container {
        width: auto;
    }

    .header-img-tagline {
        position: static;
        height: auto;
        display: block;
        padding: 5px 20px;
        font-size: 20px;
        text-align: center;
    }

    .widget-area .container h4:after {
        left: 0;
        right: 0;
        margin: auto;
    }

    .widget-area .container,
    .footer .container {
        flex-direction: column;
        text-align: center;
    }

    .footer .container {
        flex-direction: column-reverse;
    }

    .copyright-statement {
        margin-top: 10px;
    }
}

@media screen and (max-width:812px) {
    .header {
        padding-top: 30px;
    }

    .container-inner .header {
        padding-bottom: 30px;
    }

    .main-area h2,
    .main-area h3 {
        margin-bottom: 10px;
    }

    .main-area h2,
    .main-area h5 {
        font-size: 30px;
    }

    .main-area h3,
    .main-area h6 {
        font-size: 20px;
        line-height: normal;
    }

    .main-area p {
        line-height:normal;
    }

    .contact-content,
    .two-col-content {
        flex-direction: column;
    }

    .two-col-img,
    .two-col-text {
        width:100%;
    }

    .two-col-text {
        padding: 20px;
    }

    .two-col-text .quote:before,
    .two-col-text .quote:after {
        content:none;
    }

    .contact-form {
        padding-right: 0;
    }

    .contact-info {
        padding-left: 0;
        padding-top: 30px;
    }
}