/*
Theme Name: Draxis
Author: Coded Ltd
Author URI: https://coded.gr
Description: A theme for Wordpress by Coded Ltd
Version: 1.0
*/

html, body {
    font-family: 'Roboto', sans-serif;
    font-size: 16px;
    color: #ffffff;
    background-color: #353430;
    padding: 0;
    margin: 0;
    height: 100%;
}

h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6 {
    font-family: 'Open Sans', sans-serif;
}

h1, h2, h3,
.h1, .h2, .h3 {
    font-size: 24px;
    font-weight: 800;
}

.the-title{
    margin-top: 0;
}

.container {
    max-width: 1140px;
}

.container-md {
    max-width: 945px;
}

.container-sm {
    max-width: 750px;
}

a {
    color: #669900;
    transition: 0.5s;
}

a:hover, a:focus {
    color: #558000;
    text-decoration: none;
}

.section {
    background: white;
    color: #392f2b;
    text-align: justify; 
    padding: 48px 0;
}

.section h1, .section .h1,
.section h2, .section .h2,
.section h3, .section .h3 {
    margin: 0 0 30px;
    letter-spacing: 2px;
}

.section p:last-child {
    margin-bottom: 0;
}

.section-header {
    background: transparent;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 100;
}

.section-header > .container-fluid {
	max-width: 1500px;
}

.navbar-transparent {
    margin: 0 !important;
    border-radius: 0;
    border: none;
}

.navbar-brand {
    font-size: 16px;
    padding: 48px 10px;
}
.navbar-nav {
    margin-top: 38px;
}
.navbar-nav > li > a {
    padding: 10px;
    color: white;
    font-weight: 300;
}
.navbar-nav > li.current-menu-item {
    background: #8a8a8a;
}

.nav > li > a:focus, .nav > li > a:hover, .nav .open > a, .nav .open > a:hover, .nav .open > a:focus {
    background: rgba(200, 200, 200, 0.35);
    color: rgba(255, 255, 255, 0.75);
}

.dropdown-menu {
    background: #676767;
    right: auto;
    left: 0;
}
.dropdown-menu > li > a {
    color: rgba(255, 255, 255, 0.75);
}
.dropdown-menu > li > a:focus,
.dropdown-menu > li > a:hover {
    color: #676767;
}

@media (min-width: 768px) {
	.navbar-right .dropdown-menu {
		left: 0;
		right: auto;
	}
}

.navbar-toggle {
    padding: 50px 10px 0;
    margin: 0;
    border: none;
}

.navbar-toggle .icon-bar {
    background: white;
}

.logo {
    white-space: nowrap;
    display: block;
    color: white;
}

.logo img {
    display: inline-block;
    vertical-align: middle;
    max-width: 260px;
}

.logo strong {
    font-family: 'Montserrat', sans-serif;
    display: inline-block;
    vertical-align: middle;
}

.logo span {
    display: inline-block;
    vertical-align: middle;
}

.logo:hover, .logo:focus {
    color: rgba(255, 255, 255, 0.75);
}

.section-hero {
    background: url("img/bg_hero.png") center center no-repeat;
    background-size: cover;
    position: relative;
    overflow: hidden;
    height: 800px;
}
.section-hero video{
    position: absolute;
    top: 50%;
    left: 50%;
    min-width: 100%;
    min-height: 100%;
    width: auto;
    height: auto;
    -moz-transform: translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%);
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    background-size: cover;
    -webkit-transition: 1s opacity;
    transition: 1s opacity;
}
.section-hero-overlay{
    background: rgba(0,0,0,0.5);
    position: absolute;
	top:0;
	left:0;
    width: 100%;
    z-index: 1;
}

.hero-height {
    line-height: 800px;
}

.hero-height-inner {
    line-height: normal;
    display: inline-block;
    vertical-align: middle;
    padding: 30px 0 30px 30px;
    border-left: 1px solid rgba(255, 255, 255, 0.75);
}

.hero-height-inner-title {
    margin-top: 0;
    font-weight: 100;
    font-family: 'Roboto', sans-serif;
    font-size: 48px;
    color: rgba(255, 255, 255, 0.75);
}

.section-hero a {
    color: white;
    text-decoration: underline;
    letter-spacing: 2px;
}

.section-hero a:hover, .section-hero a:focus {
    color: white;
    text-decoration: none;
}

.section-mission {
    padding: 120px 0;
}

.section-mission p {
    color: #999999;
    line-height: 28px;
}

.section-things {
    background: url("img/bg_do.png") center center no-repeat;
    background-size: cover;
    padding: 60px 0;
}

.section-things .row{
	display:flex;
	justify-content:center;
}

.things-title {
    margin: 0;
    letter-spacing: 2px;
    color: #b8afa6;
}

.things-link {
    color: white;
    display: block;
    margin: auto;
    padding: 60px 30px;
}

.things-link i {
    display: block;
    font-size: 60px;
    margin-bottom: 30px;
    transition: 0.5s;
    -ms-transform: scale(0.5);
    -webkit-transform: scale(0.5);
    transform: scale(0.5);
}

.things-link:hover, .things-link:focus {
    color: white;
}

.things-link:hover i, .things-link:focus i {
    -ms-transform: scale(1);
    -webkit-transform: scale(1);
    transform: scale(1);
}

.section-solutions {
    position: relative;
    min-height: 700px;
}

.section-solutions-bg {
    position: absolute;
    top: 0;
    width: 100%;
    background: #b8afa6;
    min-height: 400px;
    z-index: 1;
}

.section-solutions .container {
    position: relative;
    z-index: 2;
}
.solutions-images{
    position: relative;
    height: 540px;
}
.solutions-desktop{
    position: absolute;
    z-index: 3;
    left: 0;
    right: 0;
    bottom: 30px;
    top: 0;
    width: 426px;
    display: block;
    margin: auto;
    padding-left: 100px;
    box-sizing: content-box;
}
.solutions-laptop{
    position: absolute;
    z-index: 4;
    left: 0;
    bottom: 48px;
}
.solutions-mobile{
    position: absolute;
    z-index: 4;
    right: 0;
    bottom: 0;
    padding-right: 130px;
    box-sizing: content-box;
}

.solution-link{
    display: block;
    background: white;
    border-radius: 500px;
    padding: 30px 20px;
    margin: auto;
    text-align: center;
    position: absolute;
    z-index: 5;
    width: 200px;
    height: 200px;
    transition: 0.5s;
}
.solution-link:hover, .solution-link:focus{
    -ms-transform: scale(1.1);
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
}
.solution-link h2{
    margin-bottom: 5px;
    font-weight: 300;
    text-decoration: underline;
    letter-spacing: 0;
}
.solution-link:hover h2, .solution-link:focus h2{
    text-decoration: none;
}
.solution-link p{
    color: #392f2b;
    line-height: 24px;
    font-size: 13px;
}
.solution-link-desktop{
    top: 0;
    left: 200px;
}
.solution-link-laptop{
    top: 120px;
    left: 0;
}
.solution-link-mobile{
    top: 180px;
    right: 0;
}

.news-link {
    background: white;
    text-align: left;
    display: block;
    border: 1px solid #eeeeee;
    font-size: 28px;
    line-height: 32px;
    color: #000000;
    padding: 15px;
    font-weight: 300;
    height: 250px;
    overflow: hidden;
    position: relative;
}

.news-link-date {
    line-height: 12px;
    font-size: 12px;
    color: #b8afa6;
    font-weight: 600;
    margin-bottom: 10px;
}

.news-link:hover, .news-link:focus {
    color: #000000;
}

.news-link-more {
    color: #669900;
    transition: 0.5s;
    position: absolute;
    bottom: 0;
    right: 0;
    text-align: center;
    width: 50%;
    font-size: 12px;
    font-weight: 600;
    border-top: 1px solid #eeeeee;
    border-left: 1px solid #eeeeee;
}

.news-link:hover .news-link-more, .news-link:focus .news-link-more {
    color: white;
    background: #669900;
}

.section-people {
    background: url("img/bg_people.png") center center no-repeat;
    background-size: cover;
}

.people-height {
    line-height: 530px;
}

.people-height-inner {
    display: inline-block;
    vertical-align: middle;
    line-height: 28px;
}

.people-title {
    color: #392f2b;
    margin-top: 0;
    letter-spacing: 2px;
    margin-bottom: 30px;
}

.people-images {
    height: 530px;
    position: relative;
}
.people-images .slick-slide {
    min-height: 530px;
}

.people-girl {
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 2;
}

.people-man {
    position: absolute;
    bottom: 0;
    left: 185px;
    z-index: 1;
}

.social-link{
    font-size: 18px;
    display: inline-block;
    vertical-align: middle;
}
.social-link + .social-link{
    margin-left: 5px;
}

.section-footer {
    padding: 60px 0;
    font-weight: 100;
}

.section-footer h4 {
    font-family: 'Roboto', sans-serif;
    font-weight: 300;
    margin: 0 0 15px;
    font-size: 36px;
    color: #999999;
}

.newsletter-form .form-control{
    background: transparent;
    border-radius: 0;
    border-color: white;
    outline: none;
    box-shadow: none;
    color: white;
    padding: 20px 12px;
}

.newsletter-form .wpcf7-not-valid-tip{
    font-size: 12px;
    font-weight: 300;
    padding: 5px 0;
}
.newsletter-form .wpcf7-response-output{
    margin: 15px 0 0 0 !important;
    padding: 5px !important;
    border: none !important;
    background: rgba(255,255,255,0.2);
    text-align: center;
    font-size: 12px;
    font-weight: 300;
}
.newsletter-form .wpcf7-submit{
    background: none;
    border: 0;
    outline: none;
    box-shadow: none;
    color: rgba(255,255,255,0.5);
    position: absolute;
    top: 0;
    right: 10px;
    font-size: 30px;
    padding: 4px 0;
    line-height: 0;
}
.newsletter-field{
    position: relative;
}

.footer-menu a{
    color: #999;
    padding: 3px 0;
    display: block;
}
.footer-menu a:hover, .footer-menu a:focus{
    color: white;
    text-decoration: none;
}
.footer-address, .copyright {
    color: #999;
    font-size: 12px;
    font-weight: 300;
}
.section-footer .feed-link {
    display: block;
    margin-bottom: 15px;
}
.section-footer .feed-item {
    color: #999999;
    padding-bottom: 3px;
}
.section-footer .feed-icon {
    display: inline-block;
    font-size: 12px;
    margin-right: 5px;
}
.section-footer .feed-date {
    display: inline-block;
    color: #679b2f;
    font-weight: normal;
    font-size: 12px;
}

.section-basic-hero{
    height: 400px;
}
.basic-hero-height{
    line-height: 400px;
}
.basic-hero-height-inner{
    line-height: normal;
    display: inline-block;
    vertical-align: middle;
    text-align: center;
    width: 100%;
}

.team-bg-image {
    position: absolute;
    z-index: -1;
}
.team-bg-image:first-child {
    z-index: 0;
}
.team{
    display: inline-block;
    vertical-align: top;
    position: relative;
    margin: 15px;
    width: 237px;
    height: 306px;
    overflow: hidden;
    background: #F39200;
}

.team-image{
    width: 100%;
    transition: 0.5s;
    margin: 0;
}
.team:hover .team-image{
    width: 120%;
    opacity: 0.9;
    filter: alpha(opacity=90);
    margin: -15px auto auto -30px;
}
.team-caption{
    color: white;
    position: absolute;
    top: 0;
    text-align: left;
    width: 100%;
    transition: 0.5s;
    height: 100%;
}
.team:hover .team-caption{
    padding: 15px;
    height: 306px;
}
.team-caption-inner{
    padding: 15px;
    transition: 0.5s;
    height: 100%;
    overflow: hidden;
}
.team-caption-inner-container{
    width: 177px;
    height: 100%;
    position: relative;
}
.team:hover .team-caption-inner{
    background: rgba(69,59,57,0.7);
}
.team-name{
    transition: 0.5s;
    font-size: 20px;
    text-shadow: 0 0 8px black;
    font-weight: 100;
    text-transform: uppercase;
}
.team:hover .team-name{

}
.team-job{
    font-size: 12px;
    color: transparent;
    transition: 0.5s;
}
.team:hover .team-job{
    color: white;
}
.team-links{
    margin-bottom: 15px;
}
.team-icon{
    background: white;
    display: inline-block;
    vertical-align: middle;
    width: 22px;
    height: 22px;
    border-radius: 22px;
    line-height: 22px;
    font-size: 12px;
    color: black;
    text-align: center;
}
.team-desc{
    font-size: 12px;
    font-weight: 100;
}
.team-bottom-row{
    position: absolute;
    width: 100%;
    bottom: -200px;
    transition: 0.5s;
}
.team:hover .team-bottom-row{
    bottom: 0;
}

.filters {
    text-align: center;
    margin-bottom: 48px;
}
.filters a {
    display: inline-block;
    padding: 3px 7px 1px;
    border: #CFCFCF solid 1px;
    text-transform: uppercase;
    color: #7B7B7B;
    margin: 0 5px 10px;
    font-weight: 800;
    font-size: 13px;
    filter: alpha(opacity=50);
    opacity: 0.5;
}
.filters .type-filters a {
    font-size: 15px;
}
.filters a.active {
    background: rgba(200, 200, 200, 0.2);
    color: #444444;
    filter: alpha(opacity=100);
    opacity: 1;
}
.filters .scope-icon {
    text-align: center;
    border-right: #CFCFCF solid 1px;
    display: inline-block;
    padding-right: 6px;
    margin-right: 5px;
}
.filters .scope-icon img {
    max-width: 100%;
    max-height: 22px;
}
.reference-inner-content {
    position:relative;
    border: #CECECE solid 1px;
    padding: 15px;
    margin-bottom: 30px;
    height: 390px;
}
.reference-inner-content h2 {
    font-family: Roboto;
    font-weight: normal;
    font-size: 20px;
    margin-bottom: 15px;
    color: #666666;
    word-break: break-word;
}
.input-group .form-control {
    width: 99%;
}
.reference-inner-content .client-subtitle {
    font-family: Roboto;
    font-weight: normal;
    font-size: 16px;
    color: #616161;
    text-decoration: underline;
    margin-bottom: 15px;
}
.reference-inner-content .the-content {
    margin-bottom: 35px;
    color: #646464;
}
.reference-inner-content .the-content p {
    font-family: Roboto;
    font-weight: normal;
    font-size: 15px;
}
.reference-footer {
    position:absolute;
    width: 100%;
    bottom: 0;
    left: 0;
}
.reference-footer > span {
    position: absolute;
    bottom: -1px; /* -1 to go over the bottom border */
    left: 0;
    display: inline-block;
    width: 100%;
    height: 8px;
}
.reference-footer a {
    position: absolute;
    bottom: -1px;
    right: -1px;
    padding: 2px 10px;
    background: #ffffff;
    border: #CECECE solid 1px;
    font-weight: bold;
    font-size: 12px;
}

.single-reference .section-reference {
    position: relative;
}
.single-reference span.reference-type {
    display: inline-block;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    height: 8px;
}
.single-reference .the-content.the-content-reference {
    border-top: #B7AEA5 solid 1px;
    border-bottom: #B7AEA5 solid 1px;
    margin: 30px auto;
    padding: 45px 0;
}
.single-reference .reference-title,
.single-reference .reference-subtitle {
    font-family: 'Roboto', sans-serif;
    font-weight: 100;
    color: #898989;
}
.single-reference .reference-title {
    font-size: 45px;
    margin-bottom: 10px;
}
.single-reference .reference-subtitle {
    font-size: 22px;
    margin-bottom: 20px;
}
.single-reference .related-projects > h2 {
    font-family: 'Roboto', sans-serif;
    font-weight: 100;
    font-size: 45px;
    color: #CCCCCC;
}
.single-reference .widget h3 {
    font-family: 'Roboto', sans-serif;
    font-size: 15px;
    color: #797979;
    margin-bottom: 15px;
}
.single-reference .widget {
    border-bottom: #B8AFA6 solid 1px;
    padding-bottom: 15px;
    margin-bottom: 15px;
}
.single-reference .widget a {
    font-size: 15px;
}
.single-reference .widget ul {
    padding: 0;
    list-style-type: none;
}
.single-reference .widget li {
    margin-bottom: 10px;
}
.single-reference .widget.widget-funding-message {
    border-bottom: none;
}
.single-reference .widget.widget-funding-message img {
    margin-bottom: 15px;
}
.single-reference .widget.widget-funding-message p {
    font-size: 12px;
}

/* Who we are */
.section-who-we-are-intro {

}
.section-who-we-are-intro p {
    font-size: 18px;
}
.section-intro-pods .pod,
.section-who-we-are-pods .pod {
    border-top: #DEDEDE solid 1px;
    border-bottom: #DEDEDE solid 1px;
    padding: 35px 0;
    text-align: center;
    min-height: 140px;
}
.section-intro-pods .pod .counter,
.section-who-we-are-pods .pod .counter {
    font-size: 70px;
    font-family: 'Roboto';
    font-weight: 100;
    color: #392F2B;
    margin-bottom: 10px;
}
.section-intro-pods .pod .pod-label,
.section-who-we-are-pods .pod .pod-label {
    color: #666666;
    font-family: 'Open Sans';
}
.section-who-we-are-content {
    padding-bottom: 150px;
}
.section-who-we-are-segments {
    background: #B8AFA6;
}
.section-who-we-are-segments .segment {
    background: #392F2B;
    color: #ffffff;
    padding: 10px 25px 40px;
    text-align: center;
    margin-top: -110px;
}
.section-who-we-are-segments .segment .icon {
    display: inline-block;
    margin: 0 auto;
}
.section-who-we-are-segments h3 {
    font-size: 17px;
    line-height: 1.3em;
    font-family: 'Roboto';
}
.section-who-we-are-segments h3 > span {
    font-weight: normal;
    display: block;
    margin: 0 auto;
}
.section-who-we-are-segments .segment ul {
    list-style: none;
    padding: 0;
    margin: 0 auto;
    font-size: 14px;
}
.section-who-we-are-segments .segment li:not(:last-child):after {
    content: "";
    display: block;
    height: 23px;
    margin: 15px auto;
    background-image: url('img/logo-icon.png');
    background-repeat: no-repeat;
    background-position: center center;
}

.section-team .the-content {
    padding-bottom: 80px;
}

/* Join Us */
.section-join-us-content {
    padding-bottom: 70px;
}
.section-join-us-content h2 {
    font-family: 'Roboto';
    color: #392F2B;
    text-transform: uppercase;
    text-align: center;
    letter-spacing: 1px;
    margin: 55px auto 25px;
    padding-bottom: 25px;
    border-bottom: #B8AFA6 solid 1px;
}
.section-join-us-contact {
    background: #B8AFA6;
    padding: 70px 0;
    text-align: center;
}
.section-join-us-contact .btn.btn-bordered {
    color: #ffffff;
    font-size: 13px;
    font-weight: bold;
    background: transparent;
    letter-spacing: 2px;
    border: #ffffff solid 1px;
    border-radius: 0;
    padding: 25px 35px 20px;
}

.map-canvas {
    margin: 25px auto;
    height: 570px;
}
.section-contact-intro p {
    text-align: center;
}

.section-contact-branches {
    padding-bottom: 175px;
}
.section-contact-branches h2 {
    font-family: 'Roboto';
    font-weight: 100;
    font-size: 25px;
    color: #666666;
    padding-bottom: 13px;
    margin-bottom: 6px;
    border-bottom: #CCCCCC solid 1px;
}
.section-contact-branches p {
    font-size: 13px;
    font-weight: normal;
    color: #666666;
    margin-bottom: 6px;
}
.section-contact-form {
    background-color: #B8AFA6;
    padding-bottom: 100px;
}
.section-contact-form .form-wrap {
    /*background: #ffffff;*/
/*    margin-top: -190px;*/
}
.section-contact-form .form-wrap > div {
    padding: 25px 10px;
}
.section-contact-form .form-intro-text {
    margin: 0 auto 50px;
    text-align: center;
}
.section-contact-form .form-group {
    margin-bottom: 20px;
    position: relative;
}
.section-contact-form .form-control {
    border: none !important;
    box-shadow: none;
    outline: none;
    color: #B8AFA6;
    background: #353430;
    border-radius: 0;
    padding: 10px 20px;
    height: auto;
}
.section-contact-form .form-control::-webkit-input-placeholder { color: #B8AFA6; }
.section-contact-form .form-control:-moz-placeholder { color: #B8AFA6; }
.section-contact-form .form-control::-moz-placeholder { color: #B8AFA6; }
.section-contact-form .form-control:-ms-input-placeholder { color: #B8AFA6; }
.btn-white {
    background: #ffffff;
    border: #353430 solid 1px;
    color: #669417;
    font-weight: bold;
    border-radius: 0;
}
.section-contact-form .wpcf7 .ajax-loader {
    display: none;
}
.section-contact-form span.wpcf7-not-valid-tip {
    font-size: 12px;
    font-weight: 300;
    padding: 5px 0 0;
}
.section-contact-form .wpcf7-validation-errors {
    margin: 15px 0 0 0 !important;
    padding: 5px !important;
    border: none !important;
    background: rgba(255,255,255,0.2);
    text-align: center;
    font-size: 12px;
    font-weight: 300;
}
.page-template-template-contact .wpcf7-spinner { position:relative; left:-100px; top:7px; margin:0; }


.page-template-template-sitemap .section-header {
    background: #353430;
}
.section.section-sitemap {
    padding: 120px 0;
}

/* Blog */
.section-blog .search-form {
    max-width: 350px;
    margin: 30px auto;
}
.section-blog .search-form .form-group {
    background: #B8AFA6;
    padding: 5px;
}
.section-blog .search-form .form-control,
.section-blog .search-form .form-control:focus,
.section-blog .search-form .form-control:active {
    border: none;
    box-shadow: none;
    border-radius: 0;
    background: #B8AFA6;
    color: #ffffff;
}
.section-blog .search-form .form-control::-webkit-input-placeholder { color: #ffffff; }
.section-blog .search-form .form-control:-moz-placeholder { color: #ffffff; }
.section-blog .search-form .form-control::-moz-placeholder { color: #ffffff; }
.section-blog .search-form .form-control:-ms-input-placeholder { color: #ffffff; }
.section-blog .search-form .btn {
    border-radius: 0;
    border-left-color: #ffffff;
    background: #B8AFA6;
    color: #ffffff;
}
.section-blog .search-form span.fa {
    font-size: 20px;
}

.section-blog article,
.section-related-articles article {
    border: #EEEEEE solid 1px;
    margin-bottom: 30px;
    background: #ffffff;
    height: 400px;
    position: relative;
    padding-bottom: 55px;
	overflow: hidden;
}
.section-blog article h2,
.section-related-articles article h2 {
    padding: 15px 15px 0;
    letter-spacing: 0px;
    font-weight: normal;
}
.section-related-articles article h2 {
    margin: 0 0 10px;
}
.section-blog article h2 a,
.section-related-articles article h2 a {
    font-family: 'Roboto';
    color: #666666;
    font-size: 18px;
}
.section-blog article img {
    margin: 22px auto 0;
    border-top: #EEEEEE solid 1px;
    border-bottom: #EEEEEE solid 1px;
	width: auto;
	height: auto;
	max-width: 350px;
	max-height: 250px;
}
.section-blog article section,
.section-related-articles article section {
    padding: 0 15px;
    font-size: 14px;
    color: #666666;
}
.section-blog article section .row,
.section-related-articles article section .row {
    margin-top: 20px;
    font-size: 12px;
    color: #999999;
    position: absolute;
    width: 100%;
    bottom: 13px;
}
.section-related-articles article section {
    position: absolute;
    bottom: 0;
    width: 100%;
}
.section-related-articles article section .row {
    margin-top: 0;
}
.section-blog article section .row .btn.btn-bordered,
.section-related-articles article section .row .btn.btn-bordered {
    position: absolute;
    bottom: -30px;
    right: 0px;
    padding: 8px 20px;
    text-align: center;
    font-weight: bold;
    border-top: #EEEEEE solid 1px;
    border-left: #EEEEEE solid 1px;
}
.section-blog button.btn.btn-bordered {
    color: #B8AFA6;
    font-size: 13px;
    font-weight: bold;
    background: transparent;
    letter-spacing: 2px;
    border: #B8AFA6 solid 1px;
    border-radius: 0;
    padding: 15px 25px 10px;
}
.section-related-articles {
    background: #B8AFA6;
}
.section-related-articles .container.container-sm {
    margin-top: -170px;
}
.section-related-articles h1 {
    font-family: 'Roboto';
    font-weight: 100;
    letter-spacing: 0px;
    font-size: 30px;
    color: #D9D9D9;
    margin: 40px auto 20px;
}
.section-article {
    padding-bottom: 160px;
}
.section-article article .article-date {
    font-size: 12px;
    color: #999999;
}
.section-article h2 {
    margin: 20px 0 40px;
    padding-top: 35px;
    border-top: #B8AFA6 solid 1px;
    letter-spacing: 0px;
    font-family: 'Roboto';
    font-weight: 100;
    font-size: 35px;
    color: #666666;
}
.section-article img {
    margin: 15px auto 30px;
}
.section-article .post-nav {
    padding: 40px 0;
    border-bottom: #B8AFA6 solid 1px;
}
.section-article .post-nav a {
    color: #666666;
    font-size: 12px;
    font-weight: bold;
    letter-spacing: 2px;
}

.section-solutions-projects {
    position: relative;
}
.section-solutions-projects .slick-dots {
    display: inline-block;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    list-style: none;
    text-align: center;
    padding: 30px 0;
    border-bottom: #B8AFA6 solid 1px;
}
.section-solutions-projects .slick-dots span {
    cursor: pointer;
    color: #999999;
    font-family: 'Montserrat', sans-serif;
    font-size: 13px;
    font-weight: bold;
    letter-spacing: 1px;
}
.section-solutions-projects .slick-dots .slick-active span {
    color: #392F2B;
}
.section-solutions-projects .slick-dots li {
    display: inline-block;
}
.section-solutions-projects .slick-dots li:after {
    content: "";
    display: inline-block;
    width: 1px;
    height: 13px;
    background: #999999;
    margin: 0 15px;
}
.section-solutions-projects .slick-dots li:last-child:after {
    display: none;
}
.section-solutions-projects .arrow-prev {
    left: 20%;
}
.section-solutions-projects .arrow-next {
    right: 20%;
}
.section-solutions-projects .arrow-prev,
.section-solutions-projects .arrow-next {
    position: absolute;
    top: 140px;
    font-weight: 100;
    color: #B8AFA6;
    cursor: pointer;
    z-index: 1000;
}
.section-solutions-projects .slider-solution-item {
    padding-top: 110px;
}
.solution-logo {
    display: inline-block;
    margin: 25px auto 35px;
    max-height: 100px;
}
.solution-canvas {
    position: relative;
    margin: 0 auto 30px;
    min-height: 450px;
}
.solution-canvas img {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    z-index: 10;
    max-width: 100%;
    margin: 0 auto;
}
.solution-canvas img:last-child {
    top: 135px;
    left: -15px;
    z-index: 0;
}
.solution-content {
    margin-bottom: 50px;
}
.solution-project-link a {
    text-decoration: underline;
}
.logo i {
    color: #fff;
    font-size: 165px;
    margin-top: -15px;
    display: block;
}
.row.articles-container {
    margin-bottom: 50px;
}

@media (max-width: 1199px) {
    .navbar-toggle {
        display: block;
    }
    .navbar-collapse.collapse {
        display: none!important;
    }
    .navbar-header {
        float: none;
    }
    .navbar-collapse {
        border-top: 1px solid transparent;
        box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
    }
    .navbar-collapse.collapse.in {
        display: block !important;
    }
    .navbar-nav {
        float: none!important;
        margin: 7.5px -15px;
    }
    .navbar-nav>li {
        float: none;
    }
    .navbar-nav>li>a {
        padding-top: 10px;
        padding-bottom: 10px;
    }
    .navbar-nav .open .dropdown-menu {
        position: static;
        float: none;
        width: auto;
        margin-top: 0;
        border: 0;
        -webkit-box-shadow: none;
        box-shadow: none;
    }
    .navbar-nav .open .dropdown-menu>li>a {
        line-height: 20px;
    }
    .navbar-nav > li > a {
        padding-top: 15px;
        padding-bottom: 15px;
    }

    .navbar-nav > li {
        text-align: center;
        background: #676767;
    }

    .navbar-nav > li + li {
        margin-top: 1px;
    }
    .section-who-we-are-pods .pod {
        border-top: #DEDEDE solid 1px;
        border-bottom: #DEDEDE solid 1px;
        padding: 0;
        text-align: center;
        min-height: 205px;
        position: relative;
    }
    .section-who-we-are-pods .pod > * {
        position: relative;
        width: 100%;
        margin-top: 11px;
        transform: translateY(13%);
    }
    .reference-inner-content {
        height: 480px;
    }
}

@media (max-width: 991px) {
    .reference-inner-content {
        height: 390px;
    }
    .section-who-we-are-segments .segment {
        width: 380px;
        max-width: 100%;
        margin: 0 auto 30px;
    }
    .section-who-we-are-content {
        padding-bottom: 48px;
    }
    .news-link {
        font-size: 22px;
        height: 355px;
    }
    .people-man {
        left: 135px;
        height: 420px;
        width: auto;
    }
    .people-girl {
        left: -10px;
        height: 413px;
        width: auto;
    }
    .people-images {
        height: 490px;
    }
    .people-height {
        line-height: 490px;
    }
    .section-intro-pods .pod {
        border-top: #DEDEDE solid 1px;
        border-bottom: #DEDEDE solid 1px;
        padding: 0;
        text-align: center;
        min-height: 140px;
        position: relative;
    }
    .section-intro-pods .pod .pod-label {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        width: 100%;
    }
    .section-solutions-projects .arrow-next {
        right: 12%;
    }
    .section-solutions-projects .arrow-prev {
        left: 12%;
    }

}
@media (min-width: 768px) and (max-width: 992px) {
    .section-who-we-are-pods .pod .pod-label {
        font-size: 14px;
    }
}
@media (max-width: 767px) {

    .reference-inner-content {
        max-width: 350px;
        margin: 0 auto 30px;
        height: auto;
    }
    .logo i {
        font-size: 120px;
    }
    .section-who-we-are-pods .pod {
        width: 380px;
        max-width: 100%;
        margin: 0 auto 30px;
    }

    .section-blog article section .row .btn.btn-bordered,
    .section-related-articles article section .row .btn.btn-bordered {
        bottom: -15px;
    }
    .section-blog article {
        max-width: 350px;
        margin-left: auto;
        margin-right: auto;
    }
    .people-images {
        height: 490px;
        display: none;
    }
    .news-link {
        height: auto;
        min-height: 135px;
        margin: 15px 0;
        padding-bottom: 45px;
    }
    .solutions-images {
        height: 760px;
    }
    .solutions-desktop {
        position: absolute;
        z-index: 3;
        left: 0;
        right: -27%;
        bottom: auto;
        top: 0;
        width: 280px;
        display: block;
        margin: auto;
        padding-left: 0;
        box-sizing: content-box;
    }
    .solution-link-desktop {
        top: 0;
        left: auto;
        right: 52%;
        box-shadow: 0 0 10px 3px #cacaca;
    }
    .solutions-laptop {
        position: absolute;
        z-index: 4;
        left: auto;
        right: 36%;
        top: 353px;
        bottom: auto;
        width: 275px;
    }
    .solution-link-laptop {
        top: 310px;
        left: 50%;
        box-shadow: 0 0 10px 3px #cacaca;
        right: 0;
    }
    .solutions-mobile {
        position: absolute;
        z-index: 4;
        right: auto;
        left: 60%;
        bottom: 0;
        padding-right: 0;
        height: 150px;
        box-sizing: content-box;
    }
    .solution-link-mobile {
        top: auto;
        bottom: 0;
        right: 39%;
        box-shadow: 0 0 10px 3px #cacaca;
        left: auto;
    }
    .section-solutions-projects .arrow-prev {
        left: 0;
    }
    .section-solutions-projects .arrow-next {
        right: 0;
    }
    .section-solutions-projects .slider-solution-item {
        padding-top: 180px;
    }
    .section-solutions-projects .arrow-prev, .section-solutions-projects .arrow-next {
        top: 125px;
    }
    .section-footer {
        text-align: center;
    }
    .navbar-nav .open .dropdown-menu>li>a {
        line-height: 20px;
        text-align: center;
        padding: 7px 0;
    }
    .social-widg li:nth-last-child(1), .social-widg li:nth-last-child(2), .social-widg li:nth-last-child(3) {
        display: none;
    }
    .section-footer {
        padding: 10px 0;
    }

}
@media (max-width: 470px) {
    .section-who-we-are-intro p,
    .section-who-we-are-content p {
        text-align: center;
    }
    .logo img {
        max-width: 300px;
        width: 65vw;
    }
    .solutions-images > * {
        position: relative;
        left: auto;
        right: auto;
        top: auto;
        bottom: auto;
        background: transparent;
        box-shadow: none;
        margin: 10px auto;
    }
    .solutions-images > a {
        margin: 10px auto 30px auto;
    }
    .solutions-images {
        height: auto;
    }
    .section-solutions-projects .slick-dots li {
        display: block;
        position: relative;
    }
    .section-solutions-projects .slick-dots li:after {
        content: "";
        display: inline-block;
        width: 44px;
        height: 1px;
        background: #999999;
        margin: 0;
        position: absolute;
        left: 50%;
        transform: translateX(-50%);
        bottom: 0;
    }
    .section-solutions-projects .arrow-prev, .section-solutions-projects .arrow-next {
        top: 65px;
    }

}


@media (max-width: 1150px){
	.elementor-element.elementor-element-86ca94f.elementor-column.elementor-col-50.elementor-top-column{
		display:none;
	}
	.elementor-element.elementor-element-de1b76c.elementor-column.elementor-col-50.elementor-top-column{
		width: 100%;
	}
	.elementor-element.elementor-element-ea080c4.elementor-column.elementor-col-50.elementor-top-column{
		display:none;
	}
	.elementor-element.elementor-element-caf71e4.elementor-column.elementor-col-50.elementor-top-column{
		width: 100%;
	}
}

.section-simple-hero{
	height: 400px;
}

body.page-id-2443 .section-basic-hero {
	height: 550px;
}

body.page-id-2443 .section-hero-overlay {
	background: transparent;
}

body.page-id-2443 .basic-hero-height {
	line-height: 0px;
}

body.page-id-2443 .section-footer {
	display: none;
}


body.page-id-2445 .section-basic-hero {
	height: 550px;
}

body.page-id-2445 .basic-hero-height {
	line-height: 0px;
}

body.page-id-2445 .section-hero-overlay {
	background: transparent;
}

body.page-id-2445 .section-footer {
	display: none;
}


body.page-id-2447 .section-basic-hero {
	height: 550px;
}

body.page-id-2447 .basic-hero-height {
	line-height: 0px;
}

body.page-id-2447 .section-hero-overlay {
	background: transparent;
}

body.page-id-2447 .section-footer {
	display: none;
}


body.page-id-2449 .section-basic-hero {
	height: 550px;
}

body.page-id-2449 .section-hero-overlay {
	background: transparent;
}

body.page-id-2449 .basic-hero-height {
	line-height: 0px;
}

body.page-id-2449 .section-footer {
	display: none;
}


body.page-id-2451 .section-basic-hero {
	height: 550px;
}

body.page-id-2451 .basic-hero-height {
	line-height: 0px;
}

body.page-id-2451 .section-hero-overlay {
	background: transparent;
}
body.page-id-2451 .section-footer {
	display: none;
}


body.page-id-2453 .section-basic-hero {
	height: 550px;
}

body.page-id-2453 .basic-hero-height {
	line-height: 0px;
}

body.page-id-2453 .section-hero-overlay {
	background: transparent;
}

body.page-id-2453 .section-footer {
	display: none;
}


body.page-id-2455 .section-basic-hero {
	height: 550px;
}

body.page-id-2455 .basic-hero-height {
	line-height: 0px;
}

body.page-id-2455 .section-hero-overlay {
	background: transparent;
}

body.page-id-2455 .section-footer {
	display: none;
}


body.page-id-2457 .section-basic-hero {
	height: 550px;
}

body.page-id-2457 .basic-hero-height {
	line-height: 0px;
}

body.page-id-2457 .section-hero-overlay {
	background: transparent;
}

body.page-id-2457 .section-footer {
	display: none;
}


body.page-id-2459 .section-basic-hero {
	height: 550px;
}

body.page-id-2459 .section-hero-overlay {
	background: transparent;
}

body.page-id-2459 .basic-hero-height {
	line-height: 0px;
}

body.page-id-2459 .section-footer {
	display: none;
}


body.page-id-3456 .section-basic-hero {
	height: 550px;
}

body.page-id-3456 .section-hero-overlay {
	background: transparent;
}

body.page-id-3456 .basic-hero-height {
	line-height: 0px;
}

body.page-id-3456 .section-footer {
	display: none;
}


body.page-id-3501 .section-basic-hero {
	height: 550px;
}

body.page-id-3501 .section-hero-overlay {
	background: transparent;
}

body.page-id-3501 .basic-hero-height {
	line-height: 0px;
}

body.page-id-3501 .section-footer {
	display: none;
}

#eael-data-table-7ed67fdd{
	margin-top: -25px;
}

#eael-data-table-773d0f22{
	margin-top: -25px;
}

#eael-data-table-622bf2d4{
	margin-top: -25px
}

.elementor-2449 .elementor-element.elementor-element-63d5be6 .eael-advance-tabs .eael-tabs-nav > ul li.active{
	background-color: #0085c7!important;
}

.elementor-2449 .elementor-element.elementor-element-63d5be6 .eael-advance-tabs .eael-tabs-nav > ul li:hover{
	background-color: #0063a5!important;
}
.elementor-2449 .elementor-element.elementor-element-63d5be6 .eael-advance-tabs.eael-tabs-vertical .eael-tabs-nav > ul li::after{
	border-left-color: #ffcb05!important;
}

.eael-data-table tbody tr td{
	font-family: sans-serif, 'Roboto'!important;
	font-size: 15px!important;
}
.eael-pricing-button{
	display:none!important;
}

.fas.fa-check{
	color: #0085c7!important;
}
.wp-image-5472{
	width: 100%!important;
}
@media (max-width: 570px){
	.wp-image-2301{
		width: 100%!important;
	}
}
body {}

#tablepress-9{
	margin-bottom: 50px!important;
}
#tablepress-8{
	margin-bottom: 50px!important;
}



.m-0{margin:0!important}.m-1{margin:.25rem!important}.m-2{margin:.5rem!important}.m-3{margin:1rem!important}.m-4{margin:1.5rem!important}.m-5{margin:3rem!important}.m-auto{margin:auto!important}.mx-0{margin-right:0!important;margin-left:0!important}.mx-1{margin-right:.25rem!important;margin-left:.25rem!important}.mx-2{margin-right:.5rem!important;margin-left:.5rem!important}.mx-3{margin-right:1rem!important;margin-left:1rem!important}.mx-4{margin-right:1.5rem!important;margin-left:1.5rem!important}.mx-5{margin-right:3rem!important;margin-left:3rem!important}.mx-auto{margin-right:auto!important;margin-left:auto!important}.my-0{margin-top:0!important;margin-bottom:0!important}.my-1{margin-top:.25rem!important;margin-bottom:.25rem!important}.my-2{margin-top:.5rem!important;margin-bottom:.5rem!important}.my-3{margin-top:1rem!important;margin-bottom:1rem!important}.my-4{margin-top:1.5rem!important;margin-bottom:1.5rem!important}.my-5{margin-top:3rem!important;margin-bottom:3rem!important}.my-auto{margin-top:auto!important;margin-bottom:auto!important}.mt-0{margin-top:0!important}.mt-1{margin-top:.25rem!important}.mt-2{margin-top:.5rem!important}.mt-3{margin-top:1rem!important}.mt-4{margin-top:1.5rem!important}.mt-5{margin-top:3rem!important}.mt-auto{margin-top:auto!important}.me-0{margin-right:0!important}.me-1{margin-right:.25rem!important}.me-2{margin-right:.5rem!important}.me-3{margin-right:1rem!important}.me-4{margin-right:1.5rem!important}.me-5{margin-right:3rem!important}.me-auto{margin-right:auto!important}.mb-0{margin-bottom:0!important}.mb-1{margin-bottom:.25rem!important}.mb-2{margin-bottom:.5rem!important}.mb-3{margin-bottom:1rem!important}.mb-4{margin-bottom:1.5rem!important}.mb-5{margin-bottom:3rem!important}.mb-auto{margin-bottom:auto!important}.ms-0{margin-left:0!important}.ms-1{margin-left:.25rem!important}.ms-2{margin-left:.5rem!important}.ms-3{margin-left:1rem!important}.ms-4{margin-left:1.5rem!important}.ms-5{margin-left:3rem!important}.ms-auto{margin-left:auto!important}.p-0{padding:0!important}.p-1{padding:.25rem!important}.p-2{padding:.5rem!important}.p-3{padding:1rem!important}.p-4{padding:1.5rem!important}.p-5{padding:3rem!important}.px-0{padding-right:0!important;padding-left:0!important}.px-1{padding-right:.25rem!important;padding-left:.25rem!important}.px-2{padding-right:.5rem!important;padding-left:.5rem!important}.px-3{padding-right:1rem!important;padding-left:1rem!important}.px-4{padding-right:1.5rem!important;padding-left:1.5rem!important}.px-5{padding-right:3rem!important;padding-left:3rem!important}.py-0{padding-top:0!important;padding-bottom:0!important}.py-1{padding-top:.25rem!important;padding-bottom:.25rem!important}.py-2{padding-top:.5rem!important;padding-bottom:.5rem!important}.py-3{padding-top:1rem!important;padding-bottom:1rem!important}.py-4{padding-top:1.5rem!important;padding-bottom:1.5rem!important}.py-5{padding-top:3rem!important;padding-bottom:3rem!important}.pt-0{padding-top:0!important}.pt-1{padding-top:.25rem!important}.pt-2{padding-top:.5rem!important}.pt-3{padding-top:1rem!important}.pt-4{padding-top:1.5rem!important}.pt-5{padding-top:3rem!important}.pe-0{padding-right:0!important}.pe-1{padding-right:.25rem!important}.pe-2{padding-right:.5rem!important}.pe-3{padding-right:1rem!important}.pe-4{padding-right:1.5rem!important}.pe-5{padding-right:3rem!important}.pb-0{padding-bottom:0!important}.pb-1{padding-bottom:.25rem!important}.pb-2{padding-bottom:.5rem!important}.pb-3{padding-bottom:1rem!important}.pb-4{padding-bottom:1.5rem!important}.pb-5{padding-bottom:3rem!important}.ps-0{padding-left:0!important}.ps-1{padding-left:.25rem!important}.ps-2{padding-left:.5rem!important}.ps-3{padding-left:1rem!important}.ps-4{padding-left:1.5rem!important}.ps-5{padding-left:3rem!important}