html {
    /*height: 100vh;*/
}

body {
    min-height: 100%;
    font-family: 'DinGrRg';
    font-size: 16px;
    color: #000000;
    /*height: 50%;*/
    /*padding-left: 15px;
    padding-right: 15px;*/
}

.mainBodyContainer {
    padding-bottom: 50px;
}

.js-BodyRegister .mainBodyContainer {
    padding-bottom: 0
}

label {
    font-weight: normal;
}

.fab.fa-twitter::before,
.fab.fa-twitter-square::before {
    content: "𝕏";
    font-size: 1.16em;
}

.form-horizontal .control-label {
    font-size: 15px;
    font-family: 'DinGrMd';
    color: #a48d61;
}

.cursor-pointer {
    cursor: pointer;
}

.modal-content {
    border: 8px solid #ded6c4;
    border-radius: 1px; /*keep to 1px to avoid fantom border-line to the right of the modal*/
}

.modal .close {
    color: #7e5300;
}

.modal-body {
    padding: 20px;
    color: #707070;
}

.modal-header {
    color: #a48d61;
    border-bottom: 1px solid #ded6c4;
}

.modal-title {
    color: #a48d61;
}

pre {
    padding: 15px;
    font-size: inherit;
    line-height: inherit;
    color: inherit;
    word-break: break-all;
    word-wrap: break-word;
    background-color: inherit;
    border: 1px solid #175047;
    border-radius: 0;
}

.caret {
    margin-left: 3px;
}

    .caret.caret-right {
        border-right: 0;
        border-left: 4px dashed;
        border-top: 4px solid transparent;
        border-bottom: 4px solid transparent;
        margin-left: 4px;
    }

.open > a > .caret {
    border-top: 0;
    border-bottom: 4px dashed;
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
}

.js-modalMenuItem .modal-body {
    padding: 3.7vw;
}

.pubContentColFixed {
    padding-right: calc(3.7vw - 30px);
}

    .pubContentColFixed .js-bgImageContentDetails,
    .colItemPerson img {
        /*filter: sepia(0.6);*/
    }

.pnlPracticeContent .pubContentColFixed .js-bgImageContentDetails {
    filter: initial
}

.pubContentColFixed .js-bgImageContentDetails.square {
    padding-bottom: 84% !important;
    width: 84%;
}

.pubContentColFixed .js-bgImageContentDetails {
    margin-bottom: 50px;
}

.pnlPostDetails .js-bgImageContentDetails,
iframe.docContentVideoIframe {
    filter: initial;
    margin-bottom: 60px;
}

.pubCol,
.pnlPostDetails .js-bgImageContentDetails,
iframe.docContentVideoIframe {
    box-shadow: 1px 2px 5px rgba(211, 210, 202, 0.65);
    border: 13px solid #fffef9
}

.colItemPerson img {
    margin-bottom: 10px;
}

.sidebar-menu {
    margin-bottom: 15px;
}

.horizontal .sidebar-menu li {
    display: inline-block
}

.sidebar-menu li {
    margin-bottom: 6px;
    background-color: #f4f0eb;
    font-family: DinGrMd;
    font-size: 14px;
}

    .sidebar-menu li .subtitle {
        font-size: 0.97em;
        opacity: 0.7;
        font-family: 'DinGrRg';
        line-height: 1.3;
    }

    .sidebar-menu li a {
        padding: 17px;
        line-height: 1.6
    }

        .sidebar-menu li a:hover {
            background-color: #e1dcd6;
        }

    .sidebar-menu li.active a {
        background-color: #175047;
        color: #fff;
    }

        .sidebar-menu li.active a:hover {
            background-color: #175047;
        }

.personDiv {
    border-left: 2px solid #567f77;
    padding-left: 3.7vw;
    height: 100%;
    padding-top: 1.2vw;
    padding-bottom: 1.2vw;
}

.pubContentColFixed {
    padding-top: 2.2vw;
}

.colItemPersonOuter {
    font-size: 16px;
    color: #175047;
    margin-bottom: 10px
}

.colItemPerson.headerUnderline {
    font-family: DinGrMd;
    font-size: 16.5px;
    line-height: 1.3;
    color: #2e776c;
    padding-bottom: 13px;
}

    .colItemPerson.headerUnderline a {
        color: inherit;
        display: block;
    }

        .colItemPerson.headerUnderline a:hover {
            color: #175047;
        }

.colItemPerson_Position {
    font-size: 0.93em;
    margin-top: 4px;
    word-break: break-word;
    color: #a48d61;
    font-family: DinGrRg
}

iframe {
    max-width: 100%;
    border: 0;
}

video {
    max-width: 100%;
    height: auto
}

.docHtmlBody iframe {
    width: 100%;
    height: 500px;
}

iframe.docContentVideoIframe {
    width: 100%;
    height: 309px;
}

a:focus {
    outline: none;
}

.ui-widget {
    font-family: 'Source Sans Pro', 'Helvetica Neue', Helvetica, Arial, sans-serif !important;
}

.validation-summary-errors ul {
    padding: 15px;
    padding-left: 40px;
    margin-bottom: 15px;
    border: 1px solid transparent;
    color: #a94442;
    background-color: #f2dede;
    border-color: #ebccd1;
}

.slick-dots li button:before {
    font-size: 11px;
    color: #a48d61
}

.slick-dots li.slick-active button:before {
    opacity: .85;
    color: #eb1c24;
}
/*******************************/
table {
    page-break-inside: auto;
}

tr {
    page-break-inside: avoid;
    page-break-after: auto;
}

thead {
    display: table-header-group;
}

tfoot {
    display: table-footer-group;
}

.panel {
    border-radius: 0;
}

.mce-content-body table, .docHtmlBody table {
    border-collapse: separate !important;
    border-spacing: 10px;
}
/*******************************/
@media print {
    .btnPrint, footer, .dataTables_length, .dataTables_filter, .panel-heading, .dataTables_info, .dataTables_paginate, .downloadOriginal, #goTop, .navLayoutcontainer, .pnlDocumentContent .item-tag, .pubContentColFixed, .docContentVideoIframe, .breadcrumb, .divLoggedInLayout {
        display: none !important
    }

    .pnlDocumentContent .flexrow {
        display: block;
    }

    .printViewOnly {
        display: block !important;
        margin-bottom: 15px;
    }

    .pubContentColFixed {
        position: initial !important;
        max-width: initial !important;
        padding-left: 0 !important;
    }

    .pubContentCol .itemMonth {
        margin-top: 0 !important;
        margin-bottom: 0 !important;
    }

    .imgCreatedByEdekUserPhoto {
        width: 50px !important;
    }

    a[href]:after {
        content: none !important;
    }

    .table {
        margin-bottom: 0 !important;
    }

    .tablePhotoDetails td {
        padding: 1px 5px !important;
    }

    .compEntriesCol {
        width: 100% !important
    }

    .competitionEntriesTable.table thead th {
        color: transparent !important;
        line-height: 0;
    }

    .ui-widget-content {
        background: #ffffff !important;
    }

    .table-bordered th, .table-bordered td {
        border: 0 !important;
    }

    .table-bordered {
        border: 0 !important;
    }

    .panel,
    .table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td {
        border: 0 !important
    }

    .panel-body {
        padding: 0px 5px !important;
    }
}

.cc-revoke, .cc-window {
    font-size: 12px;
    line-height: 1.3em;
}

.cc-banner .cc-message {
    max-width: calc(100% - 106px);
}

.cc-btn {
    font-size: 12px;
    padding: .2em .6em;
}

.cc-link {
    padding: 0;
}

.cc-window.cc-banner {
    padding: 0.85em 1em;
    padding-bottom: 0.75em;
}

.cc-window.cc-floating {
    padding: 1.3em;
}

.cc-bottom {
    bottom: 4em;
}

.cc-link {
    padding: .2em 0;
}

.printViewOnly {
    display: none;
}

.jumpDownArrow {
    background-image: url(../Content/images/arrowDown.png);
    background-repeat: no-repeat;
    background-size: 100%;
    width: 50px;
    height: 50px;
}

    .jumpDownArrow.absCenterBottom {
        position: absolute;
        bottom: 4vw;
        left: 0;
        right: 0;
        margin: auto;
    }


.topBGOverlay_contact {
    position: relative;
    top: 280px;
}

.topBGOverlay {
    position: relative;
    top: 280px;
}

.contactRow {
    margin-top: 60px;
}

.signupDivVote {
    background-color: #567f77;
    text-align: center;
    padding: 5vw
}

    .signupDivVote .signupDiv {
        margin: 0;
        top: 0;
        text-align: left;
        zoom: 1.1;
        padding: 4vw
    }

.socialIconsMain {
    position: absolute;
    left: 7vw;
    bottom: 11vw;
    list-style-type: none;
    z-index: 0;
    padding: 0
}

    .socialIconsMain.right {
        left: auto;
        right: 5vw
    }

    .socialIconsMain:after {
        content: ' ';
        background-color: #bda475;
        height: 280px;
        width: 1.5px;
        position: absolute;
        top: 100%;
        left: 0;
        right: 0;
        margin: auto
    }

    .socialIconsMain li {
        margin: 27px 0;
    }

        .socialIconsMain li a {
            font-size: 25px;
            color: white
        }

.signupDivOuter {
    margin-bottom: 30px;
    position: relative;
}

.pesIcons {
    margin-bottom: 30px;
    position: relative;
}

.signupDiv {
    padding: 17px 26px;
    border: 4px solid #bda475;
    background-color: rgba(23, 80, 71, 0.72);
    display: inline-block;
    margin-right: 5vw;
    position: relative;
    top: -2.2vw;
    margin-top: 2.2vw;
}

    .signupDiv .control-label {
        font-family: 'DinGrMd';
        color: white;
        width: 72px;
        text-align: right;
        padding-right: 12px;
        margin-bottom: 0;
        vertical-align: bottom;
        font-size: 14px;
        font-weight: normal;
    }

.topBG {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 100%;
    background-image: url(../Content/images/BG.jpg);
    background-position: top center;
    background-size: cover;
}

.blk {
    background-color: #f4f0eb;
    padding: 65px 50px;
    display: inline-block;
    margin-bottom: 50px;
    width: 100%;
}

#videoElement {
    /*padding-bottom: 56.25%;*/
    margin: 0 auto;
    width: 100%;
    height: 100%;
    position: relative;
    top: 0;
    left: 0;
    z-index: 0;
}

.videoElementTextOuter {
    margin-bottom: 0; /*3vw;*/
    margin-top: 620px;
}

.videoElementText {
    color: white;
    font-family: DinGrBold;
    line-height: 1.2;
    font-size: 60px;
    position: relative;
    display: inline-block;
}

.videoElementText2 {
    right: -0.1em;
    top: -1.0em;
    color: #eb1c24;
    position: absolute;
    font-size: 1.6em;
}

.ui-autocomplete-input-has-clear {
    padding-right: 24px;
}

    .ui-autocomplete-input-has-clear::-ms-clear {
        display: none;
    }

.ui-autocomplete-clear {
    display: inline-block;
    width: 16px;
    height: 16px;
    text-align: center;
    cursor: pointer;
    position: absolute !important;
    right: 10px !important;
    left: auto !important;
}

.searchPeople .ui-autocomplete-clear {
    font-size: 19px;
    line-height: 1;
    color: #f5f0ea;
}

/*******************************/
.form-control {
    color: #3e4141;
    background-color: #f2efe8;
    border-radius: 0;
    border-color: #e5dfd1;
    box-shadow: none
}

    .form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control {
        background-color: #f2efe8;
        opacity: 1;
    }

.filterCol .form-control:not(.multiselect-search) {
    height: 40px;
    border-color: transparent;
}

.filterCol .multiselect {
    padding: 9px 12px;
}

.vegas-slide-inner {
    /*background-position: top !important;*/
}

hr {
    border-color: #c8b48f
}

.slick-prev:before, .slick-next:before {
    opacity: .85;
    color: rgb(206,90,41);
}

.slick-prev:before, .slick-next:before {
    font-size: 50px;
}

.slick-slide:focus {
    outline: none
}

.slick-prev,
.slick-next {
    width: 50px;
    height: 50px;
}

.slick-prev {
    left: -75px;
}

.slick-next {
    right: -90px;
}

/**************loader******************/
.loaderSpin {
    display: none;
    position: fixed;
    z-index: 1060; /*modal has 1050*/
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background: rgba(255,255,255,.54) url(/Content/images/loading.gif) calc(50%) calc(50% - 15px) no-repeat;
    background-size: 90px;
}

.divLeft {
    float: left;
    width: 100%;
}

body.loading {
    overflow: hidden;
}

    body.loading .loaderSpin {
        display: block;
    }
/***********end loader*****************/

.editorLabel {
    color: #dd4b39;
}

a.scBrand {
    color: #1f5149;
    /*position: absolute;
    bottom: 5px;
    left: 12px;*/
}

.policies {
    /*position: absolute;
    bottom: 5px;
    right: 15px;*/
}

    .policies a {
        color: hsl(33, 29%, 94%);
    }

    a.scBrand, .policies a {
        font-size: 13px;
    }

body:not(.mce-content-body) {
    min-height: 100vh;
    position: relative;
    background-color: #fffef9;
}

.navLayoutcontainer {
    position: relative;
    padding-bottom: 30px;
    /*background-image: url(../content/images/aa.jpg);
    background-size: 75%;
    background-position: center 0px;
    background-repeat: no-repeat;
    height: 100vh;*/
}

.topBGImage .navLayoutcontainer {
    min-height: 100vh;
}

.topBGImage.topBGImage-small .navLayoutcontainer {
    min-height: 30vw;
    margin-bottom: 40px;
}

.navbarTopAbs {
    position: absolute;
    top: 0;
    list-style: none;
    padding-left: 0;
}

    .navbarTopAbs li {
        font-family: 'DinGrMd';
        font-size: 17px;
        min-width: 165px;
        text-align: center;
        float: right;
    }

        .navbarTopAbs li.active {
            text-decoration: underline;
        }

        .navbarTopAbs li a {
            color: white;
            display: flex;
            flex-wrap: wrap;
            place-content: center;
            width: 100%;
        }

            .navbarTopAbs li a * {
                width: 100%;
                line-height: 1;
            }

li.liKaneKati {
    background-color: #eb1c24;
}

li.liContact {
    background-color: #175047;
}

li.liBlog {
    background-color: #a48d61;
}

li.liDonate {
    background-color: black;
}

.kanameKatiSingle_title .mainHeader {
    margin: 0
}

.kanameKatiSingle_div {
    border: 2px solid #175047;
    color: #2e776c;
    margin-top: 12px;
}

    .kanameKatiSingle_div,
    .kanameKatiSingle_div a {
        color: #2e776c;
        font-size: 17px;
    }

        .kanameKatiSingle_div a {
            font-family: DinGrBold;
            padding: 10px 18px;
            display: block
        }

.kanameKatiSingle_date {
    background-color: #175047;
    color: #c9b68e;
    font-family: DinGrRg;
    padding: 10px 18px;
}

.kanameKatiSingle_div .slick-dots {
    top: 100%;
    bottom: auto;
}

.donationBox {
    margin-top: 30px;
    border: 1px dashed #bcab8a;
    padding: 30px 45px;
}

.donationImage {
    display: inline-block;
    vertical-align: middle;
    width: 100%;
}

.donationForm {
    width: 100%;
    display: inline-block;
    vertical-align: middle;
}

.contactForm .form-control.js-txtDonation {
    /*max-width: 110px;*/
    padding-right: 0;
    background-color: #f4f0eb;
    font-family: DinGrMd;
    font-size: 18px;
    color: #2e776c;
}

input[type="checkbox"].cbTerms {
    height: 20px;
    width: 20px;
    position: relative;
    top: 3px;
    margin-right: 5px;
    cursor: pointer;
}

.txtDonationOuter:before {
    content: '€';
    position: absolute;
    top: 8px;
    font-size: 18px;
    left: 25px;
}

.contactForm label.lblDonation {
    color: #2e776c;
    font-size: 25px;
    font-family: 'DinGrMd';
    margin-bottom: 18px;
}

.navbarTopAbsSub {
    font-size: 0.67em;
}

.navbarTopAbs li:hover {
    background-color: #0d2b27;
}

.payWith {
    padding: 15px;
    padding-bottom: 12px;
    font-family: 'DinGrMd';
    font-size: 15px;
    text-align: center;
    color: #334d48;
    cursor: pointer;
    max-width: 190px;
    border-bottom: 1px solid #bda475;
}

.paymentMethods {
    border-top: 1px solid #bda475;
    border-bottom: 1px solid #bda475;
    padding: 11px 6px;
    padding-bottom: 3px;
    margin-bottom: 10px;
    font-family: 'DinGrMd';
    font-size: 14px;
    color: #a48d61;
}

    .acceptedPayments,
    .paymentMethods img {
        max-width: 150px;
    }

.payVia {
    /*border-bottom: 1px dashed #a48d61;*/
    /*padding-bottom: 1px;*/
    display: inline-block;
    margin-bottom: 3px;
}

div::-webkit-scrollbar,
ul::-webkit-scrollbar,
.dropdown-menu .inner::-webkit-scrollbar {
    width: 5px;
}

.modal div::-webkit-scrollbar {
    width: 3px;
}

div::-webkit-scrollbar-thumb,
ul::-webkit-scrollbar-thumb,
.dropdown-menu .inner::-webkit-scrollbar-thumb {
    border-radius: 10px;
    background-color: #a48d61;
}

div::-webkit-scrollbar-track,
ul::-webkit-scrollbar-track,
.dropdown-menu .inner::-webkit-scrollbar-track {
    border-radius: 10px;
    background-color: #d8cebb;
}

.dropdown-menu {
    border-radius: 0;
}

.dropdown-submenu {
    position: relative;
}

    /*.dropdown-submenu > .dropdown-menu {
        top: 0;
        left: 100%;
        margin-top: -6px;
        margin-left: -1px;
        -webkit-border-radius: 0;
        -moz-border-radius: 0;
        border-radius: 0;
    }*/

    .dropdown-submenu > .dropdown-menu {
        top: 15px;
        right: 100%; /*expand to the left when the screen is not wide enough*/
        left: auto;
        margin-top: -6px;
        margin-left: -1px;
        -webkit-border-radius: 0;
        -moz-border-radius: 0;
        border-radius: 0;
    }

.navLayoutcontainer .navbar-nav > li .dropdown-menu.dropMenuMore {
    -webkit-box-shadow: -6px 6px 12px -4px rgba(70, 70, 70, 0.57);
    box-shadow: -6px 6px 12px -4px rgba(70, 70, 70, 0.57);
}

@media (min-width: 1920px) { /*expand to the right when the screen is wide enough*/

    .dropdown-submenu > .dropdown-menu {
        left: 100%;
        right: auto;
    }

    .navLayoutcontainer .navbar-nav > li .dropdown-menu.dropMenuMore {
        -webkit-box-shadow: 6px 6px 12px -4px rgba(70, 70, 70, 0.57);
        box-shadow: 6px 6px 12px -4px rgba(70, 70, 70, 0.57);
    }
}

.dropdown-submenu:hover > a:after {
    border-left-color: #555;
}

.dropdown-submenu.pull-left {
    float: none;
}

    .dropdown-submenu.pull-left > .dropdown-menu {
        left: -100%;
        margin-left: 10px;
        -webkit-border-radius: 6px 0 6px 6px;
        -moz-border-radius: 6px 0 6px 6px;
        border-radius: 6px 0 6px 6px;
    }

a {
    cursor: pointer;
    color: #786645;
    word-break: break-word;
}

    a:hover, a:focus {
        color: #947d57;
        text-decoration: underline;
    }

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

a, button, input {
    transition: .3s all ease;
}

.itemSocial {
    list-style-type: none;
    padding: 0
}

    .itemSocial li {
        text-align: right;
        width: 25px;
        cursor: pointer;
    }

        .itemSocial li,
        .itemSocial li a {
            color: #175047;
            transition: .3s all ease;
        }

.js-AuthorDiv {
    padding-top: 5px;
}

    .js-AuthorDiv .itemSocial {
        background-color: transparent;
        margin-left: 5px;
    }

        .js-AuthorDiv .itemSocial li a {
            color: #9b8a69
        }

.itemSocial li:hover,
.itemSocial li:hover a {
    color: #278678;
}


.itemSocial-horizontal .itemSocial {
    /*text-align: center*/
}

    .itemSocial-horizontal .itemSocial li {
        display: inline-block;
        width: auto;
        padding: 0 5px;
        padding-top: 2px;
    }

.itemAuthorSocialMedia
.itemSocial-horizontal .itemSocial li {
    padding-left: 3px;
    padding-right: 3px;
}

#goTopSpan {
    color: #175047;
    background-color: #d0c4ae;
    padding: 5px 6px;
    padding-right: 4px;
    /*border: 1px solid;*/
}

.contactDetailsRow {
    margin-top: 20px;
}

@font-face {
    font-family: LogoFont;
    src: url('/Content/fonts/logo.ttf');
}

@font-face {
    font-family: HelveticaConMed;
    src: url('/Content/fonts/HlGrCnMd.ttf');
}

@font-face {
    font-family: HelveticaGreek;
    src: url('/Content/fonts/HlGrRg.ttf');
}

@font-face {
    font-family: HelveticaRegMed;
    src: url('/Content/fonts/HlGrMd.ttf');
}

@font-face {
    font-family: HelveticaRegLarge;
    src: url('/Content/fonts/Roboto-Light.ttf');
}

@font-face {
    font-family: HelveticaExtra;
    src: url('/Content/fonts/HLGRXL.ttf');
}

@font-face {
    font-family: ArialBold;
    src: url('/Content/fonts/arialbd.ttf');
}

/*@font-face {
    font-family: HelveticaSolid;
    src: url('/Content/fonts/Helvetica Neue CE 35 Thin.ttf');
}*/

@font-face {
    font-family: Arial;
    src: url('/Content/fonts/arial.ttf');
    /*src: url('/Content/fonts/ArnoPro-Regular.otf');*/
}

@font-face {
    font-family: 'DinGrThin';
    src: url('../fonts/DINGreek-Light_1.woff') format('truetype');
}

@font-face {
    font-family: 'DinGrRg';
    src: url('../fonts/DINGreek-Regular.woff') format('truetype');
}

@font-face {
    font-family: 'DinGrMd';
    src: url('../fonts/DINGreek-Medium_1.woff') format('truetype');
}

@font-face {
    font-family: 'DinGrBold';
    src: url('../fonts/DINGreek-Bold_1.woff') format('truetype');
}

@font-face {
    font-family: 'UB-Rockwell';
    src: url('../fonts/ub10bun.ttf') format('truetype');
}

@font-face {
    font-family: 'UB-RockwellBlack';
    src: url('../fonts/ub12bun.ttf') format('truetype');
}
/*******************/
.validation-summary-valid ol {
    margin-top: 10px;
    padding-left: 15px;
}

.validation-summary-valid li {
    padding: 4px 10px;
    margin-bottom: 2px;
    border: 1px solid #ebccd1;
    color: #a94442;
    background-color: #f2dede;
    font-size: 14px;
}

    .validation-summary-valid li a {
        color: black;
        text-decoration: underline;
    }


.validation-summary-valid ul {
    list-style-position: inside;
    list-style-type: decimal;
    padding: 0;
}
/*******************/
.mce-tinymce, .mce-top-part::before {
    -webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
    box-shadow: none !important;
}

.mce-panel {
    border-color: #d2d6de !important;
}
/*******************/
.checkbox-custom input[type=checkbox] {
    display: none;
}

.checkbox-custom label {
    position: relative;
    padding-left: 25px;
    color: #6b6b6b;
    cursor: pointer;
}

.cbIsActive.checkbox-custom label {
    color: red;
}

.checkbox-custom label.cbDisabled {
    cursor: default;
}

.cbIsActive.checkbox-custom input[type=checkbox]:checked ~ label {
    color: #00a65a !important;
}

.checkbox-custom input[type=checkbox]:checked ~ label {
    color: #0099bf !important;
}

.checkbox-custom label:before {
    border: 1px solid #dbdce1 !important;
    border-radius: 3px !important;
    width: 20px !important;
    height: 20px !important;
    text-indent: 2px !important;
    line-height: 1.3 !important;
    background: #fff !important;
    margin-bottom: 0 !important;
    cursor: pointer;
    content: " ";
    font-family: 'Font Awesome 5 Free';
    font-size: 14px;
    font-weight: 900;
    left: 0;
    top: 2px;
    line-height: 1.1em;
    position: absolute;
}

.checkbox-custom input[type=checkbox]:checked ~ label::before {
    color: #00c0ef;
    content: "\f00c";
    border-color: #00c0ef !important;
}

.cbIsActive.checkbox-custom input[type=checkbox]:checked ~ label::before {
    color: #00a65a;
    border-color: #00a65a !important;
}

.checkbox-custom span {
    color: #8A8A90;
    padding: 4px;
}
/*******************/

label.subCheckBox {
    color: #0099bf;
    padding-right: 5px;
    vertical-align: top;
}

.filterCol {
    margin-bottom: 18px
}

.js-NewsEndDate {
    display: inline-block;
    width: 150px;
    vertical-align: middle;
}

.js-imgSuccessTxt {
    display: none;
    border: 1px solid hsla(32, 37%, 92%, 0.67);
    text-align: center;
    background-color: hsla(32, 37%, 92%, 0.17);
    font-size: 16px;
    padding: 7px 10px;
    width: 393px;
    max-width: 100%;
    margin: 0 auto;
    color: hsl(33, 29%, 94%);
    position: relative;
}

.signupDiv .field-validation-error {
    color: #f3686d;
    margin-bottom: 0;
    font-size: 12px;
    display: block;
    padding-left: 80px;
}

.breadcrumb {
    font-family: 'DinGrRg';
    letter-spacing: normal;
    background-color: transparent;
    padding: 0;
    margin-bottom: 2px;
    text-transform: uppercase;
    font-size: 13px;
    padding-left: 3px
}

    .breadcrumb > .active {
        color: #a89067;
    }

    .breadcrumb > li + li:before {
        content: '\f0da';
        font-family: 'Font Awesome 5 Free';
        font-size: 12px;
        font-weight: 900;
        padding: 0 6px;
        color: #a48d61;
    }

    .breadcrumb > li {
        display: inline;
        color: #2e776c;
    }

    .breadcrumb li a {
        /*color: #000000*/
    }

        .breadcrumb li a:hover {
            color: #3e4141
        }

.breadcrumbShort {
    margin-top: 100px;
}

.breadcrumbSmall {
}

.ul-inline li {
    display: inline
}

.divLoggedInLayout {
    position: absolute;
    left: 0;
    top: 0px;
    z-index: 1;
    text-align: right;
    background-color: #f4f0eb;
    padding: 5px 9px;
    margin-bottom: 0;
}

.js-editHomeBannerDiv {
    position: absolute;
    left: 0;
    top: 29px;
    z-index: 1;
    background-color: #fbfaf8;
    border: 1px solid #f4f0eb;
    padding: 5px 8px;
    padding-top: 10px;
    margin-bottom: 0;
    text-align: center;
    width: 148px;
    max-width: 100%;
}

    .js-editHomeBannerDiv .form-control {
        height: 29px;
        font-size: 12px;
    }

    .js-editHomeBannerDiv .btn {
        color: white
    }

        .js-editHomeBannerDiv .btn:hover {
            color: hsla(0, 0%,100%, 0.8)
        }

.modal-dropzone {
    text-align: center;
}

.divLoggedInLayout li:after {
    content: ' | ';
}

.divLoggedInLayout li:last-child:after {
    content: ' ';
}

.divLoggedInLayout, .divLoggedInLayout a, .js-editHomeBannerDiv {
    color: #175047;
    font-size: 13px;
    font-family: 'DinGrMd';
}

.lblWelcome {
}

.btnMultiselect {
    width: 100%;
}

.multiselect.dropdown-toggle {
    width: inherit;
}

.multiselect-reset .btn {
    /*background-color: #f2efe8;
    color: #22776a;
    border-color: #d8cebb;*/
    font-size: 14px;
    margin-bottom: 5px;
}

.multiselect.dropdown-toggle:hover,
.bootstrap-select > .dropdown-toggle:hover {
    color: #fff;
    background-color: #1f6b5f;
    border-color: #175047;
}

.btn-group.open .multiselect.dropdown-toggle {
    -webkit-box-shadow: inset 0 3px 5px #d7cfc6;
    box-shadow: inset 0 3px 5px #d7cfc6
}

.btn-group.open > .multiselect.dropdown-toggle.btn-default,
.bootstrap-select.js-AuthorFilter > .dropdown-toggle.btn-default,
.bootstrap-select.open > .dropdown-toggle.btn-default {
    color: #333;
    background-color: #f4f0eb;
    border-color: #d8cebb;
}

.bootstrap-select.js-AuthorFilter > .dropdown-toggle.btn-default {
    color: #b6b6b6;
    border: 0;
    box-shadow: none;
    background-color: transparent;
    padding: 10px 0;
    font-size: 24px;
    line-height: 1.5;
    border-bottom: 2px solid #8d7d60;
    font-family: 'DinGrRg';
    white-space: normal
}

    .bootstrap-select.js-AuthorFilter > .dropdown-toggle.btn-default:hover {
    }

.dropdown-menu > .active > a,
.dropdown-menu > .active > a:hover,
.dropdown-menu > .active > a:focus {
    background-color: #ece8df;
    color: #988257;
}

.input-group-addon {
    border-radius: 0;
}

.multiselect-search {
    background-color: white
}

.multiselect-container.dropdown-menu {
    padding: 7px;
}

    .multiselect-container.dropdown-menu > .active > a:hover,
    .multiselect-container.dropdown-menu > .active > a:focus {
        color: #fff;
        background-color: #e9e1d8;
    }

    .multiselect-container.dropdown-menu > li > a:focus {
        color: #262626;
        background-color: #fffef9;
    }

.multiselect-container > li > a.multiselect-all label {
    font-weight: normal;
    font-family: DinGrBold
}

.multiselect-container .input-group {
    margin: 5px 0;
}

.multiselect-container .multiselect-reset .input-group {
    width: 100%;
    margin: 0;
    margin-top: 4px;
}

.multiselect-container > li > a > label > input[type=checkbox] {
    display: none;
}

.multiselect-container > li > a > label {
    padding: 0px 20px 0px 28px;
}

    .multiselect-container > li > a > label:before {
        border: 1px solid #d8cebb !important;
        border-radius: 3px !important;
        width: 18px;
        height: 18px;
        text-indent: 2px !important;
        line-height: 1.4 !important;
        background: #fbfaf8 !important;
        margin-bottom: 0 !important;
        cursor: pointer;
        content: " ";
        font-family: 'Font Awesome 5 Free';
        font-size: 12px;
        font-weight: 900;
        left: 0;
        top: 1px;
        position: absolute;
    }

.multiselect-container > li.active > a > label {
    color: #1e675c
}

.multiselect-container > li.active label::before {
    color: #1e675c;
    content: "\f00c";
    border-color: #c7b99e !important;
}


.btn, .btn-primary, .btn-primary:hover, .btn-primary:focus, .btn-primary:active:focus {
    border-radius: 0;
    background-color: #175047;
    border-color: #175047;
    color: #fff;
}

.btn {
    white-space: normal;
}

.btn-cancel, .btn-cancel:hover, .btn-cancel:focus, .btn-cancel:active:focus {
    border-radius: 0;
    background-color: lightgray;
    border-color: lightgray;
}

.btn-photo {
    v background-color: #202324;
    border-color: #202324;
}

.btn:focus, .btn:active:focus, .btn.active:focus, .btn.focus, .btn:active.focus, .btn.active.focus, .bootstrap-select .dropdown-toggle:focus, .bootstrap-select > select.mobile-device:focus + .dropdown-toggle {
    /*outline: 2px auto -webkit-focus-ring-color;
    outline-offset: -2px;
    outline-style: solid;*/
    outline: none !important;
}

.pagination > li > a,
.pagination > li > span {
    font-size: 15px;
    font-family: 'DinGrMd';
    border-radius: 0 !important;
}

.itemsPagerOrange .pagination > li > a,
.itemsPagerOrange .pagination > li > span {
    color: #175047;
    background-color: transparent;
    border-color: transparent;
}

.itemsPagerWhite .pagination > li > a,
.itemsPagerWhite .pagination > li > span,
.itemsPagerOrange .pagination > li > a,
.itemsPagerOrange .pagination > li > span,
.itemsPagerBlack .pagination > li > a,
.itemsPagerBlack .pagination > li > span {
    padding: 6px 8px;
}

.itemsPagerWhite .pagination > li > a,
.itemsPagerWhite .pagination > li > span {
    color: #3e4141;
    background-color: transparent;
    border: 1px solid transparent;
}

.itemsPagerOrange .pagination > .active > a,
.itemsPagerOrange .pagination > .active > a:focus,
.itemsPagerOrange .pagination > .active > a:hover,
.itemsPagerOrange .pagination > .active > span,
.itemsPagerOrange .pagination > .active > span:focus,
.itemsPagerOrange .pagination > .active > span:hover {
    color: hsl(33, 29%, 94%);
}

    .itemsPagerWhite .pagination > .active > a,
    .itemsPagerWhite .pagination > .active > a:focus,
    .itemsPagerWhite .pagination > .active > a:hover,
    .itemsPagerWhite .pagination > .active > span,
    .itemsPagerWhite .pagination > .active > span:focus,
    .itemsPagerOrange .pagination > .active > span:hover {
        background-color: transparent;
        border-color: transparent;
        color: #ce5a29;
    }

.itemsPagerOrange .pagination > li > a:focus,
.itemsPagerOrange .pagination > li > a:hover,
.itemsPagerOrange .pagination > li > span:focus,
.itemsPagerOrange .pagination > li > span:hover {
    color: #a48d61;
    background-color: transparent;
    border-color: transparent;
}

.itemsPagerWhite .pagination > li > a:focus,
.itemsPagerWhite .pagination > li > a:hover,
.itemsPagerWhite .pagination > li > span:focus,
.itemsPagerWhite .pagination > li > span:hover {
    color: #939598;
}

.itemsPagerOrange .pagination > .disabled > a,
.itemsPagerOrange .pagination > .disabled > a:focus,
.itemsPagerOrange .pagination > .disabled > a:hover,
.itemsPagerOrange .pagination > .disabled > span,
.itemsPagerOrange .pagination > .disabled > span:focus,
.itemsPagerOrange .pagination > .disabled > span:hover {
    color: #333;
    background-color: transparent;
    border-color: transparent;
}

.itemsPagerWhite .pagination > .disabled > a,
.itemsPagerWhite .pagination > .disabled > a:focus,
.itemsPagerWhite .pagination > .disabled > a:hover,
.itemsPagerWhite .pagination > .disabled > span,
.itemsPagerWhite .pagination > .disabled > span:focus,
.itemsPagerWhite .pagination > .disabled > span:hover {
    background-color: transparent;
    border-color: transparent;
}

.itemsPagerOrange .pagination > .active > a,
.itemsPagerOrange .pagination > .active > a:focus,
.itemsPagerOrange .pagination > .active > a:hover,
.itemsPagerOrange .pagination > .active > span,
.itemsPagerOrange .pagination > .active > span:focus,
.itemsPagerOrange .pagination > .active > span:hover {
    color: #eb1c24;
    background-color: transparent;
    border-color: #eb1c24;
    padding: 6px 8px;
}

.itemsPagerBlack .pagination > li > a,
.itemsPagerBlack .pagination > li > span {
    color: #7b7b7b;
    background-color: transparent;
    border-color: transparent;
}

    .itemsPagerBlack .pagination > .active > a,
    .itemsPagerBlack .pagination > .active > a:focus,
    .itemsPagerBlack .pagination > .active > a:hover,
    .itemsPagerBlack .pagination > .active > span,
    .itemsPagerBlack .pagination > .active > span:focus,
    .itemsPagerBlack .pagination > .active > span:hover,
    .itemsPagerBlack .pagination > li > a:focus,
    .itemsPagerBlack .pagination > li > a:hover,
    .itemsPagerBlack .pagination > li > span:focus,
    .itemsPagerBlack .pagination > li > span:hover {
        background-color: transparent;
        border-color: transparent;
        color: #9b9b9b;
    }

.itemsPagerTop .pagination {
    margin-top: 0px;
    margin-bottom: 15px;
}

.pagination > li.PagedList-skipToLast a,
.pagination > li.PagedList-skipToFirst a,
.pagination > li.PagedList-skipToPrevious a,
.pagination > li.PagedList-skipToNext a {
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    color: #eb1c24;
}

.pagination > li.PagedList-skipToNext a {
    padding-right: 0
}

.customForm label {
    font-family: 'DinGrBold';
}

.contactForm {
    color: #6d6e72;
}

.text-danger {
    font-size: 14px;
    font-family: 'DinGrMd';
    color: #ce4340
}

.contactForm .text-danger {
    padding-left: 30px;
    padding-right: 30px;
}

.contactRowTop {
    background-image: url(../Content/images/tile.jpg);
    background-repeat: repeat;
    padding: 74px 0;
}

.contactForm label.error {
    color: hsla(0, 100%, 25%, 1);
    font-weight: normal;
    margin-bottom: 0;
    margin-top: 2px;
    font-size: 12px;
    font-family: DinGrBold;
}

.contactForm .form-control,
.customForm .form-control {
    border-radius: 0;
    padding: 8px;
}

.contactForm .form-control,
.captchaDiv {
    border: 0;
    border-bottom: 1px solid #bda475;
    background-color: transparent;
    box-shadow: none;
    font-family: DinGrRg;
    padding: 20px 30px;
}

.contactForm .form-control,
.contactForm label {
    font-size: 17px; /*must match the docHtmlBody font-size*/
}

.contactForm textarea.form-control {
    resize: none;
    padding-top: 15px;
}

.js-modalAddPhoto .modal-content {
    background-color: hsla(33, 29%, 96%, 1)
}

.js-modalAddPhoto .modal-title.mainHeader {
    font-size: 35px;
    margin-bottom: 0
}

.js-modalAddPhoto .js-photoDiv {
    padding: 20px 5px;
}

.compStepCheck {
    color: #da7144;
    font-size: 30px;
    margin-left: 10px;
}

.customForm .form-control,
.customForm label {
    font-size: 15px;
}

.input-group-addon {
    background-color: #f4f0eb;
    border-color: #ded2c4;
}

.customForm .btnOrange {
    font-size: 17px;
}

.customForm .form-control {
    line-height: 1.15;
}

.form-control:hover,
.form-control:focus {
    box-shadow: none;
    -webkit-box-shadow: none;
}

.contactForm .form-control:hover,
.payWith:hover,
.contactForm .form-control:focus {
    background-color: #f4f0eb;
    transition: .3s all ease;
}

.contactForm .form-control::placeholder,
.js-photoDiv .form-control::placeholder {
    color: #bcab8a;
    font-size: 16.5px;
}

.js-photoDiv .form-control:focus::placeholder,
.contactForm .form-control:focus::placeholder {
    color: #d2b99d;
}

.contactForm .tbRealPerson.form-control {
    text-transform: uppercase;
    text-align: center;
}

    .contactForm .tbRealPerson.form-control::placeholder {
        /*color: hsl(31, 38%, 72%);*/
        font-size: 17px;
        letter-spacing: 0.3px;
        text-decoration: none;
        text-transform: none
    }

.lblValidationCode {
    color: #3e4141;
    font-family: DinGrThin;
    font-size: 17px;
}

.captchaDiv {
    max-width: 100%;
    width: 337px;
    text-align: center;
    background-color: transparent;
    border: 0;
    padding: 0;
    float: right;
    margin-top: 20px;
    margin-bottom: 10px;
}

    .captchaDiv .realperson-challenge {
        color: #174f47
    }

    .captchaDiv .realperson-regen {
        padding-top: 6px;
        padding-bottom: 5px;
        color: #485b58;
        font-size: 14px;
        font-family: 'DinGrThin';
    }

.realperson-text {
    font-size: 8px !important;
}

.bgOverOld {
    position: absolute;
    top: 1.5vw;
    right: 1vw;
    margin: auto;
    max-width: 400px;
    width: 170px;
}

.bgOver {
    /*position: absolute;*/
    top: 14px;
    right: 26px;
    margin: auto;
    max-width: 400px;
    width: 150px;
}

.moto {
    position: absolute;
    left: 1vw;
    margin: auto;
    max-width: 100%;
    bottom: 1vw;
    color: hsla(0, 0%, 77%, 1);
    background-color: hsla(240, 2%, 42%, 0.65);
    padding: 10px 14px;
    font-size: 14px;
    letter-spacing: 0.5px;
}

.motoInner {
    width: 100%;
    display: inline-block;
    position: relative;
    top: 10px;
}

.searchPeople .ui-state-active,
.searchPeople .ui-widget-content .ui-state-active,
.searchPeople .ui-widget-header .ui-state-active,
.searchPeople a.ui-button:active,
.searchPeople .ui-button:active,
.searchPeople .ui-button.ui-state-active:hover {
    /*border: 1px solid #f5f5f5;
    background-color: #f5f5f5;*/
    border: 1px solid hsl(33, 29%, 94%);
    background-color: hsl(33, 29%, 94%);
    outline: 0 !important;
    color: #ce5a29;
}

.searchPeople .searchPeopleImg {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    display: inline-block;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center top;
    background-color: white;
    vertical-align: middle;
    margin-right: 8px;
    border: 1px solid #fdd6b4;
}

.js-fadeIn {
    display: none;
}

.peopleResults {
    font-size: 18px;
    display: inline-block;
    padding-bottom: 9px;
}

    .peopleResults .fa-info-circle {
        padding-right: 7px;
    }

.alert-info {
    background-color: hsla(32, 37%, 95%, 1);
    border-color: hsla(33, 35%, 88%, 1);
    color: #3e4141;
    font-size: 17px;
    width: 100%;
    text-align: center;
    border-radius: 0;
}

a.js-resetFilters {
    text-decoration: underline;
    display: inline-block;
    font-family: DinGrBold;
    font-size: 16px;
}

.alignleft, .alignLeft /*via EDEK*/ {
    float: left;
    margin-right: 25px;
    margin-top: 10px;
    margin-bottom: 15px;
}

.footerAddress {
    font-size: 14px;
}

blockquote {
    padding: 10px 20px;
    margin: 0 0 20px;
    font-size: inherit;
    border-left: 5px solid #a48d61;
    font-family: 'DinGrMd';
    color: #175047;
    text-align: left;
}

.bgImage {
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center top;
}

.bgImageDoc {
    background-repeat: no-repeat;
    background-size: cover;
    background-position: top;
    padding-bottom: 67%
}

.pnlVideoHighlights
.bgImageDoc {
    padding-bottom: 56%
}

.js-bgImageContentDetailsOuter {
    display: block;
    /*margin-right: auto;
    margin-left: auto;*/
}

.colItemPerson a.js-bgImageContentDetailsOuter {
    filter: grayscale(1) contrast(1.05);
}

    .colItemPerson a.js-bgImageContentDetailsOuter:hover {
        filter: grayscale(0) contrast(1.1);
    }

.js-bgImageContentDetails {
    background-repeat: no-repeat !important; /*!important is for print*/
    background-size: cover !important;
    background-position: top !important;
    margin: 0px auto;
    margin-bottom: 10px;
}

.colItemPerson .js-bgImageContentDetails {
    margin-bottom: 15px;
}

.bgImageMarginBottom {
    padding-left: 30px;
    padding-right: 30px;
}

    .bgImageMarginBottom .bgImage {
        height: 100%;
    }

.content-image {
    padding-bottom: 100%;
    border-radius: 50%;
    margin-bottom: 50px;
}

.itemContentImage {
    padding-bottom: 32%;
}

.js-personImage {
    /*-webkit-filter: brightness(1.05);
    filter: brightness(1f.05);
    border: 1px solid hsla(33, 75%, 47%, 1);*/
    overflow: hidden;
    position: relative;
}


.personOuter {
    padding: 0 10px;
}

.absImage {
    /*-webkit-filter: grayscale(100%);
    filter: grayscale(100%);*/
}

.personContentImageOuter {
    border: 1px solid #aaa69a;
    padding-top: 10px;
    padding-left: 30px;
    padding-right: 50px;
    min-height: 522px; /*height of personContentImage plus 2px borders*/
}

.personContentImage {
    background-repeat: no-repeat;
    background-size: contain;
    background-position-y: bottom;
    background-position-x: center;
    position: absolute;
    bottom: 1px;
    height: 520px;
    width: calc(50% - 30px);
}

.position {
    font-size: 12px;
}

.js-personImage {
    border: 5px solid hsl(33, 29%, 94%);
    background-color: white;
    padding-bottom: 136%;
    margin-top: 15px;
    margin-bottom: 15px;
    cursor: pointer
}

    .js-personImage.active {
        border-color: #aaa69a
    }

        .js-personImage.active:after {
            content: '\f107';
            color: white;
            position: absolute;
            right: 30px;
            bottom: -4px;
            font-family: 'Font Awesome 5 Free';
            font-size: 25px;
        }

        .js-personImage.active .personName {
            top: 0;
        }

        .js-personImage.active:hover .personName {
            bottom: 0;
            background-color: hsla(32, 37%, 92%, 0.48);
        }

    .js-personImage .absImage {
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
    }

.philosophy {
    /*border: 1px solid #ce5a29;
    padding: 25px 65px;
    display: inline-block;
    width: 100%;*/
}

.page-offices .philosophy {
    margin-top: 45px;
    margin-bottom: 5px;
}

.officesItl {
    line-height: 1.3;
    font-size: 24px;
    font-family: HelveticaRegLarge;
    text-align: left;
    color: #ce5a29;
    font-style: italic;
    margin-top: 15px;
}

.philosophyInner {
    padding-left: 30px;
    margin-top: 10px;
}

.philosophyBottom {
    /*margin-bottom: 50px;*/
    margin-top: 25px;
    line-height: 1.8;
    text-align: justify;
}

.hrThick {
    border-radius: 23px;
    width: 30px;
    text-align: left;
    margin-top: 20px;
    margin-right: 15px;
    background-color: #ce5a29;
    height: 5px;
}

.js-pnlImage {
    display: none;
    /*max-height: 889px;*/ /*max height for iPad Pro*/
}

.js-pnlHomeSlideshow {
    margin-bottom: 35px;
    position: relative;
    max-height: 1361px; /*max height of slideshow images*/
}

.firm-image {
    background-image: url('/Content/images/firm.JPG');
    max-height: 1961px;
    /*margin-top: 45px;
    margin-bottom: 45px;
    padding-bottom: 34%;*/
}

.contact-table {
    display: table;
    border-bottom: 1px solid #ce5a29;
    padding-bottom: 30px;
}

.pnlPracticeContentDetails.contact-table {
    border: 0
}

.contact-table-cell {
    float: none;
    display: table-cell;
    vertical-align: top;
}

/*.contact-table-cell-bordered {
    border-left: 1px solid #ce5a29;
    border-right: 1px solid #ce5a29;
}*/

.contact-table-cell-bordered {
    border: 0;
    border-top: 1px solid #ce5a29;
    border-bottom: 1px solid #ce5a29;
    padding-top: 20px;
    padding-bottom: 17px;
    margin-top: 17px;
    margin-bottom: 20px;
}

.contact-table-cell .contentSubtitle {
    margin: 12px 0
}

.contact-maps {
    display: table;
}

    .contact-maps .contact-table-cell {
        padding: 0 22px;
        font-size: 13px;
    }

.country-map {
    width: 40px;
    position: absolute;
    left: -45px;
}

.bOrange {
    /*font-size: 17px;
    color: #ce5a29*/
}

a.linkGray {
    color: #69696d
}

.contact-image {
    background-image: url('/Content/images/COMMUNICATION-PHOTO.jpg');
}

.vote-image {
    /*background-image: url('/Content/images/EKLOGES-TOP-PHOTO.jpg');*/
    background-image: url('/Content/images/EKLOGES-2024.jpg');
}

.bgDinami {
    background-image: url('/Content/images/EDEK-dinami-sm.png');
    background-size: contain;
    height: 84px;
    background-position: left;
}

.vote-image-second {
    background-image: url('/Content/images/EKLOGES-BOTTOM-PHOTO.jpg');
}

.blog-image {
    background-image: url('/Content/images/BLOG-PHOTO.jpg');
}

.register-image {
    background-image: url('/Content/images/EGGRAFI-PHOTO.jpg');
}

/*.content-image {
    background-image: url(/Content/images/content01.jpg);
}*/


.brownDiv {
    background-color: #006d67;
    color: white;
}

.kaneKatiTitle {
    font-size: 32px;
    margin-bottom: 20px;
}

.kaneKatiTxt {
    font-size: 16px;
    line-height: 1.5;
}

.kanekatiDetails {
    padding: 5vw 6vw
}

.kkPadded {
    padding: 5vw 15vw;
    padding-bottom: 1vw;
}

.noMarginTop {
    margin-top: 0 !important;
}

.noMarginBottom {
    margin-bottom: 0 !important;
}

.noPad {
    padding: 0 !important;
}

.noPadRight {
    padding-right: 0 !important;
}

.noPadLeft {
    padding-left: 0 !important;
}

.padRight5 {
    padding-right: 5px;
}

.padRight15 {
    padding-right: 15px;
}

.padTop15 {
    padding-top: 15px;
}

.bootstrap-select .dropdown-menu li a {
    padding: 3px 15px;
}

.js-AuthorFilter .dropdown-menu {
    max-height: 500px
}

.imgUserForAssign {
    filter: sepia(0.6);
    width: 85px;
    height: 85px;
    border-radius: 50%;
    background-size: cover;
    background-position: center;
    display: inline-block;
    vertical-align: middle;
    background-color: white;
}

.dropdown-menu li a .imgUserForAssign {
    width: 47px;
    height: 47px;
    vertical-align: top;
    top: 0;
}

.spanUserForAssign {
    /*padding-left: 0;
    padding-right: 5px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;*/
    position: relative;
    width: 100%;
    color: #ffffff;
    font-family: 'DinGrRg';
    font-size: 24px;
    line-height: 1.1;
    margin-top: 5px;
    white-space: normal;
}

.dropdown-menu li a .spanUserForAssign {
    font-family: DinGrMd;
    font-size: 15px;
    vertical-align: super;
    color: #88744e;
    border-bottom: 1px solid #a48c60;
    margin-top: 3px;
    padding-bottom: 3px;
}

.spanUserForAssign.notAssignedFilter {
    padding-left: 0;
}

.blogSelUserDetails {
    display: inline-block;
    vertical-align: middle;
    padding: 0 18px;
    width: calc(100% - 110px)
}

.dropdown-menu li a .blogSelUserDetails {
    width: calc(100% - 47px)
}

.blogAuthDescr {
    width: 100%;
    white-space: normal;
    position: relative;
    line-height: 1.3;
    font-size: 17px;
    color: #c8c8c8;
}

.dropdown-menu li a .blogAuthDescr {
    margin-top: 3px;
    font-family: DinGrRg;
    color: #a48d61;
    font-size: 14px;
    margin-top: 1px
}

.navLayoutcontainer .navbar {
    margin-bottom: 0;
    border: 0;
}

.navLayoutcontainer .navbar-brand {
    height: auto;
    padding-bottom: 0;
    padding-top: 56px;
}

.navLayoutcontainer .navbar-collapse,
.navLayoutcontainer .navbar-form {
    border-color: transparent
}

.navLayoutcontainer .navbarMain {
    margin-bottom: 0;
    margin-top: 110px;
    position: relative;
}

.navLayoutcontainer .navbar-nav > li > a {
    font-family: DinGrBold;
    line-height: 19px;
    padding: 7px 17px;
    color: #175047;
    position: relative;
}

.topBGImage .navLayoutcontainer .navbar-nav > li > a {
    color: white;
    text-shadow: 0px 0px 4px #3b3b3b;
}

.navLayoutcontainer .navbar-nav > li.active > a {
    background-color: transparent;
    color: #a48d61;
}

.topBGImage .navLayoutcontainer .navbar-nav > li.active > a {
    color: #175047;
}

.navLayoutcontainer .navbar-nav > li > a {
    font-size: 18.5px;
}

.navLayoutcontainer .navbar-nav li.liSearch a {
    padding-right: 0
}
/*.navLayoutcontainer .navbar-nav > li.active > a:after {
            content: ' ';
            background-color: hsl(240, 2%, 25%);
            height: 9px;
            width: 25px; 
            position: absolute;
            left: 10px; 
            bottom: -11px;
            margin: auto;
        }*/
.navLayoutcontainer .navbar {
    background-color: transparent;
    border-color: transparent;
}

.navLayoutcontainer .navbar-nav > li > a:hover {
    background-color: transparent !important;
    color: #a48d61
}

.navLayoutcontainer .navbar .navbar-nav > li > a:focus {
    color: hsla(45, 9%, 44%, 1);
    background-color: transparent;
}

.navLayoutcontainer .navbar .navbar-nav > li.liHome > a:focus {
    /*color: #ce5a29;
    background-color: transparent;*/
}

.liHome img {
    height: 16px;
    position: relative;
    top: 2px;
}

.navLayoutcontainer .navbar-nav > li.liHome > a {
    /*padding: 3px 6px;
    padding-left: 15px;*/
}

    .navLayoutcontainer .navbar-nav > li.liHome > a:hover {
        /*background-color: #ce5a29 !important;
        color: #ffffff !important;*/
    }

.competitionEntriesTable.table td {
    border-top-color: gray
}

.tablePhotoDetails.table td {
    border: 0
}

.page-header {
    margin-bottom: 0 !important;
    margin-top: 0;
    position: relative;
    background-position: top center;
    -webkit-background-size: cover;
    background-size: cover;
    /*height: calc(100vh - 130px);*/
}


.container-fluid > .navbar-collapse, .container-fluid > .navbar-header, .container > .navbar-collapse, .container > .navbar-header {
    /*background-color: white;*/
}

footer {
    background-color: #2e776c;
    color: #98a993;
    position: absolute;
    bottom: 0;
    width: 100%;
    display: none;
    padding-top: 30px;
    padding-bottom: 12px;
}

    footer .container {
        padding-left: 15px;
        padding-right: 15px
    }


.footerimg {
    margin-bottom: 15px;
}

    .footerimg img {
        width: 50px;
        margin-right: 5px;
    }

.btnGreenGold {
    color: #c9b68e;
    font-size: 15px;
}

    .btnGreenGold:hover {
        color: white
    }

.btnSignup {
    width: 42px;
    height: 42px;
    padding: 0;
    vertical-align: text-bottom;
    margin-left: 22px;
}

.signupDivInput:hover {
    background-color: hsla(32, 37%, 92%, 0.17);
    transition: .3s all ease;
}

.signupDivInput {
    display: inline-block;
    border: 0;
    border-bottom: 1px solid hsl(33, 29%, 94%);
    transition: .3s background ease;
    background-color: transparent;
    border-radius: 0;
    box-shadow: none;
    -webkit-box-shadow: none;
}

.form-control:focus {
    border-color: #bda475;
}

.btnSignup:focus,
.signupDivInput:focus {
    outline: none
}

.form-control::placeholder {
    color: rgba(177, 163, 129, 0.79);
}

#newsForm input::placeholder {
    color: hsla(33, 29%, 94%, 0.68);
}

.pnlfollowUs ul {
    font-size: 27px
}

.pnlfollowUs,
.pnlfollowUs a {
    color: #bda475;
}

    .pnlfollowUs img {
        height: 32px;
        border: 1px solid hsl(33, 29%, 94%);
        background-color: hsl(33, 29%, 94%);
    }

.filtersCol {
    margin-top: 15px;
    margin-bottom: 15px;
}

.filtersTitle {
    display: block;
    font-weight: normal;
    font-size: 14px;
    margin-bottom: 4px;
    font-family: DinGrMd;
    color: #175047;
    position: relative;
}

    .filtersTitle.active {
        color: #d51a22;
    }

.js-clearAllFilters {
    font-size: 12.5px;
}

a.filterLink {
    position: relative;
    top: 0px;
    margin-left: 6px;
}

a.filterLink,
.js-clearAllFilters {
    color: #bbaa8b
}

.js-clearAuthor {
    color: red;
    font-size: 17px;
    float: right;
    font-family: DinGrMd
}

.datepicker table tr td span {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
}

    .datepicker table tr td.day.highlighted,
    .datepicker table tr td span.month.highlighted {
        background: #f2efe8;
    }

    .datepicker table tr td.active.active, .datepicker table tr td.active.disabled, .datepicker table tr td.active.disabled.active, .datepicker table tr td.active.disabled.disabled, .datepicker table tr td.active.disabled:active, .datepicker table tr td.active.disabled:hover, .datepicker table tr td.active.disabled:hover.active, .datepicker table tr td.active.disabled:hover.disabled, .datepicker table tr td.active.disabled:hover:active, .datepicker table tr td.active.disabled:hover:hover, .datepicker table tr td.active.disabled:hover[disabled], .datepicker table tr td.active.disabled[disabled], .datepicker table tr td.active:active, .datepicker table tr td.active:hover, .datepicker table tr td.active:hover.active, .datepicker table tr td.active:hover.disabled, .datepicker table tr td.active:hover:active, .datepicker table tr td.active:hover:hover, .datepicker table tr td.active:hover[disabled], .datepicker table tr td.active[disabled],
    .datepicker table tr td span.active.active, .datepicker table tr td span.active.disabled, .datepicker table tr td span.active.disabled.active, .datepicker table tr td span.active.disabled.disabled, .datepicker table tr td span.active.disabled:active, .datepicker table tr td span.active.disabled:hover, .datepicker table tr td span.active.disabled:hover.active, .datepicker table tr td span.active.disabled:hover.disabled, .datepicker table tr td span.active.disabled:hover:active, .datepicker table tr td span.active.disabled:hover:hover, .datepicker table tr td span.active.disabled:hover[disabled], .datepicker table tr td span.active.disabled[disabled], .datepicker table tr td span.active:active, .datepicker table tr td span.active:hover, .datepicker table tr td span.active:hover.active, .datepicker table tr td span.active:hover.disabled, .datepicker table tr td span.active:hover:active, .datepicker table tr td span.active:hover:hover, .datepicker table tr td span.active:hover[disabled], .datepicker table tr td span.active[disabled] {
        background-color: rgb(235, 28, 36);
        background-image: none;
        border-radius: 0;
    }

.datepicker th {
    font-weight: normal;
    font-family: 'DinGrMd'
}

.datepicker td, .datepicker th {
    border-radius: 0;
}

.datepicker .datepicker-switch:hover, .datepicker .next:hover, .datepicker .prev:hover, .datepicker tfoot tr th:hover {
    background: #f2efe8;
}

.datepicker table tr td.day.focused,
.datepicker table tr td.day:hover {
    background: #e5dfd1;
}

.headerUnderline {
    color: #a48d61;
    font-size: 31px;
    position: relative;
    margin-bottom: 50px;
    line-height: 1.1;
    font-family: DinGrRg;
    padding-bottom: 15px;
}

    .headerUnderline a {
        color: #c8b48f;
    }

    .headerUnderline.right {
        text-align: right;
    }

    .headerUnderline:before {
        content: ' ';
        background-color: #bcab8a;
        height: 3px;
        width: 1.9em;
        position: absolute;
        bottom: 0;
    }

.signupDiv .headerUnderline {
    font-family: DinGrMd;
    color: #bda475;
    margin-bottom: 10px;
}

    .signupDiv .headerUnderline:before {
        background-color: #bda475;
    }

.pubContentColFixed .headerUnderline {
    font-size: 33px;
    margin-bottom: 30px;
    padding-bottom: 12px;
}

    .pubContentColFixed .headerUnderline::before {
        height: 3px;
    }

.itemsTitle.headerUnderline::before {
    background-color: #175047;
}

.headerUnderline.colItemPerson:before {
    height: 3px;
}

.headerUnderline.right:before {
    right: 0;
    left: auto;
}

.headerUnderline.center:before {
    right: 0;
    left: 0;
    margin-left: auto;
    margin-right: auto
}

.followUs {
    font-size: 18px;
    font-family: DinGrBold;
}

.followUs {
    top: 5px;
    position: relative;
    vertical-align: top;
}

.signupDivInput {
    width: 250px;
    padding: 0 5px;
    height: 24px;
    color: white;
    font-family: DinGrThin;
    margin-bottom: 5px;
}

.js-signupDiv {
    vertical-align: bottom;
    position: relative;
}

.pnlfollowUs a {
    margin: 0 5px;
}

.pnlfollowUs ul {
    list-style-type: none;
    display: inline-block;
    padding: 0;
    margin: 0;
}

.pnlfollowUs li {
    display: inline-block;
}

    .pnlfollowUs li:first-child a {
        margin-left: 0;
    }


.followUs {
    padding-right: 20px;
}

.areasOfPractice {
    color: #ce5a29;
    margin-top: 30px;
    margin-bottom: 20px;
}

.dark-background {
    background-color: #333333;
}

.orange-background {
    background-color: hsl(33, 29%, 94%);
}

.content-background {
    background-color: hsla(45, 9%, 81%, 1)
}

.firm {
    height: 100%;
    min-height: calc(100vh - 95px);
}

.js-pnlSecContent {
    display: none;
}

.personRightContent {
    padding-left: 15px;
    padding-top: 15px;
}

.docHtmlBody,
.donationBox {
    max-width: 740px; /*NN keep approx. 85 characters per line for readability*/
}



    .mce-content-body,
    .docHtmlBody,
    .mce-content-body *,
    .docHtmlBody * {
        font-family: 'DinGrRg' !important;
        line-height: 1.55 !important;
        font-size: 17px !important;
        overflow-wrap: break-word; /*NN:used for breaking words when TinyMCE inserts   tags instead of spaces*/
    }

        .mce-content-body *:not(a),
        .docHtmlBody *:not(a) {
            color: black !important
        }

        .mce-content-body h1,
        .mce-content-body h2,
        .mce-content-body h3,
        .mce-content-body h4,
        .mce-content-body h5,
        .mce-content-body h6,
        .mce-content-body h1 *,
        .mce-content-body h2 *,
        .mce-content-body h3 *,
        .mce-content-body h4 *,
        .mce-content-body h5 *,
        .mce-content-body h6 *,
        .docHtmlBody h1,
        .docHtmlBody h2,
        .docHtmlBody h3,
        .docHtmlBody h4,
        .docHtmlBody h5,
        .docHtmlBody h6,
        .docHtmlBody h1 *,
        .docHtmlBody h2 *,
        .docHtmlBody h3 *,
        .docHtmlBody h4 *,
        .docHtmlBody h5 *,
        .docHtmlBody h6 * {
            font-family: inherit;
            font-weight: 500;
            /*line-height: 1.3;*/
            color: #2e776c !important;
        }

        .mce-content-body h1,
        .mce-content-body h2,
        .mce-content-body h3,
        .docHtmlBody h1,
        .docHtmlBody h2,
        .docHtmlBody h3 {
            margin-top: 20px;
            margin-bottom: 10px;
        }

        .mce-content-body h4,
        .mce-content-body h5,
        .mce-content-body h6,
        .docHtmlBody h4,
        .docHtmlBody h5,
        .docHtmlBody h6 {
            /*margin-top: 10px;
            margin-bottom: 10px;*/
            margin-top: 0;
            margin-bottom: 5px;
        }

        .mce-content-body h1,
        .mce-content-body h1 *,
        .docHtmlBody h1,
        .docHtmlBody h1 * {
            font-size: 28px !important;
        }

        .mce-content-body h2,
        .docHtmlBody h2,
        .mce-content-body h2 *,
        .docHtmlBody h2 * {
            font-size: 23px !important;
        }

        .mce-content-body h3,
        .docHtmlBody h3,
        .mce-content-body h3 *,
        .docHtmlBody h3 * {
            font-size: 20px !important;
        }

        .mce-content-body h4,
        .docHtmlBody h4,
        .mce-content-body h4 *,
        .docHtmlBody h4 * {
            font-size: 18px !important;
        }

        .mce-content-body h5,
        .docHtmlBody h5,
        .mce-content-body h5 *,
        .docHtmlBody h5 * {
            font-size: 16px !important;
        }

        .mce-content-body h6,
        .docHtmlBody h6,
        .mce-content-body h6 *,
        .docHtmlBody h6 * {
            font-size: 13px !important;
        }

        .mce-content-body p,
        .docHtmlBody p {
            margin: 0 0 10px;
        }

        .mce-content-body ul,
        .docHtmlBody ul,
        .mce-content-body ol,
        .docHtmlBody ol {
            margin-top: 0;
            margin-bottom: 10px;
        }


        .mce-content-body sub, .docHtmlBody sub,
        .mce-content-body sup, .docHtmlBody sup {
            font-size: 75% !important;
        }

.mce-content-body {
    margin: 25px;
}

    .mce-content-body img:not(.mce-pagebreak), /*this makes the images responsive in tinyMCE editor, in combination with adding the class in the initialization function (tinymce.init) */
    .docHtmlBody img /*this makes images responsive in document content view */ {
        display: block;
        max-width: 100%;
        height: auto;
    }

.img-bordered {
    border: 1px solid #f1ebe5;
}

.pnlContentNew {
    padding-left: 30px;
    padding-right: 60px;
}

b,
strong,
.mce-content-body b,
.mce-content-body strong,
.mce-content-body b *,
.mce-content-body strong *,
.docHtmlBody b,
.docHtmlBody strong,
.docHtmlBody b *,
.docHtmlBody strong * {
    font-weight: normal !important;
    font-family: 'DinGrMd' !important;
}

.docHtmlBody b,
.docHtmlBody strong,
.mce-content-body b,
.mce-content-body strong {
    font-size: inherit;
}

.noPadBottom {
    padding-bottom: 0 !important;
}

.noPadTop {
    padding-top: 0 !important;
}

.contentSubtitle {
    font-size: 20px;
    font-family: DinGrBold;
    text-transform: uppercase;
    color: #2e776c;
    padding-bottom: 8px;
    line-height: 1.1;
    display: inline-block;
}

.pnlContact {
    padding-left: 7vw;
    margin-top: 11vw;
    font-family: 'DinGrMd';
}

    .pnlContact .row {
        margin-bottom: 15px;
    }

.firmSubtitle {
    font-size: 37px;
    font-family: DinGrBold;
    color: hsl(33, 29%, 94%);
    background-color: #ce5a29;
    padding: 4px 15px;
    padding-bottom: 4px;
    line-height: 1;
    display: inline-block;
    margin-bottom: 25px;
}

.personContentImageOuter .contentSubtitle {
    margin-bottom: 25px;
}

.peopleContentPositionPlural {
    margin-bottom: 30px;
    font-size: 32px;
    font-family: DinGrBold;
    text-transform: uppercase;
    color: #ce5a29;
    line-height: 1;
}

.competitionUserDiv {
    margin-bottom: 30px;
}

.idDocument {
    width: 100px;
}

.competitionUserDiv
.idDocument {
    width: auto;
}

.competitionTitle {
    margin-bottom: 15px;
    font-size: 24px;
    font-family: DinGrBold;
    text-transform: uppercase;
    color: #3e4141;
    line-height: 1;
}

.js-imgMultiDiv {
    border: 5px solid hsla(33, 29%, 97%, 1);
    background-color: hsla(0, 0%, 96%, 1);
    border-radius: 0px;
    padding: 0;
    position: relative;
    background-position: center;
    background-repeat: no-repeat;
    /*width: 100%;
    max-width: 250px;*/
    /*height: 150px;*/
    background-image: url(../Content/images/loading.gif);
    background-size: 12%; /*keep for background size of loading.gif*/
    padding-bottom: 100px; /*keep as pixels instead of percentage, because percentage causes screen flickering!*/
    transition: padding-bottom .25s linear;
    -webkit-transition: padding-bottom .25s linear;
    -o-transition: padding-bottom .25s linear;
    -webkit-print-color-adjust: exact; /*for chrome to print bg images by default*/
    margin-bottom: 5px;
}

.js-btnDeleteImg {
    background-color: rgb(244, 240, 235);
    border: 0;
    z-index: 1;
    position: absolute;
    right: 4px;
    padding: 1px 6px;
    top: 4px;
    text-align: center;
    font-size: 16px;
    border: 1px solid rgb(206, 90, 41);
    color: hsl(18, 67%, 48%);
}

.js-PhotoOrder {
    background-color: rgb(206, 90, 41);
    border: 0;
    z-index: 1;
    position: absolute;
    left: -15px;
    padding: 0px 11px;
    top: 30px;
    text-align: center;
    font-size: 16px;
    border: 1px solid rgb(206, 90, 41);
    color: hsl(33, 29%, 94%);
    font-family: DinGrBold;
    font-size: 23px;
}

.js-multiImages {
    margin-bottom: 30px
}

.js-photoDiv {
    background-color: hsla(33, 29%, 90%, 1);
    padding: 30px 20px;
    margin-bottom: 15px;
    position: relative;
    border: 1px solid hsl(32, 28%, 82%)
}

    .js-photoDiv .form-control {
        border: 1px solid hsla(32, 29%, 82%, 1);
        background-color: hsl(33, 29%, 94%);
        font-size: 15px;
        box-shadow: none;
    }

.photoCompIndex .form-control:read-only {
    background-color: hsla(32, 29%, 84%, 1);
}

.js-photoDiv .control-label,
.userInfo .control-label {
    font-size: 16px;
    font-family: DinGrBold;
    text-align: left;
}

.userInfo .control-label {
    margin-bottom: 4px;
}

.js-photoDiv textarea {
    min-height: 79px
}

.progress-bar-info {
    background-color: hsla(18, 72%, 51%, 1)
}

textarea {
    resize: none;
}

.custom-file-upload {
    cursor: pointer;
    padding-top: 8px;
    color: #3e4141;
}

    .custom-file-upload:hover {
        color: rgb(206, 90, 41);
    }

.input-group-addon {
    cursor: pointer;
}

.idUpload {
    cursor: pointer;
    font-size: 33px;
    padding: 5px 10px;
    border: 1px solid #cccccc;
    background-color: #f4f0eb;
    border-radius: 0 4px 4px 0;
    padding-top: 6px;
}

.js-IdentificationDocumentInput.form-control {
    border-radius: 0 4px 4px 0;
}

.photoSteps {
    border-bottom: 2px dashed hsla(240, 2%, 35%, 1);
    display: inline-block;
    padding-bottom: 4px;
}

.photoSpecs {
    font-size: 11.5px;
    color: hsla(32, 29%, 39%, 1);
    margin-bottom: 5px;
}

ul.photoSpecs {
    margin-bottom: 0;
    padding-left: 25px;
}

.fancyboxHref {
    position: absolute;
    left: 0;
    bottom: 0;
    top: 0;
    right: 0;
}

.flexrow {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: justify;
    -moz-box-pack: justify;
    -webkit-justify-content: space-around;
    -ms-flex-pack: justify;
    justify-content: space-around;
    flex-wrap: wrap;
}

    .flexrow.justify-normal {
        -webkit-justify-content: initial;
        justify-content: initial;
    }

.firmColOuter {
    padding: 0 26px;
    padding-right: 15px;
}

.firmCol {
    margin-bottom: 25px;
}

    .firmCol:last-child {
        margin-bottom: 0;
    }


.expectCol {
    font-size: 13px;
    line-height: 1.6;
    margin-bottom: 30px;
    text-align: justify;
    color: hsla(240, 2%, 33%, 1);
    padding: 0 20px
}

    .expectCol img {
        max-width: 30%;
        width: 75px;
        position: relative;
        top: 0;
        transition: 0.3s ease;
    }

        .expectCol img:hover {
            top: 5px;
        }

    .expectCol hr {
        width: 14%;
        margin-top: 12px;
        margin-bottom: 15px;
        border: 1px solid #ce5a29;
        display: block
    }

.whatToExpect {
    font-size: 56px;
    line-height: 1;
    font-family: DinGrBold;
    color: #ce5a29;
    margin-top: 40px;
    margin-bottom: 40px;
}

.expectHeader {
    font-size: 16px;
    line-height: 1.1;
    color: #ce5a29;
    margin-top: 15px;
    min-height: 38px;
    line-height: 38px;
    text-align: center;
}

    .expectHeader span {
        display: inline-block;
        vertical-align: middle;
        line-height: normal;
    }

.pnlPracticeContent .docHtmlBody,
.pnlPracticeContent .docHtmlBody * {
    text-align: left !important
}

    .pnlPracticeContent .docHtmlBody ul {
        text-align: left;
        list-style: none;
    }

    .pnlPracticeContent .docHtmlBody > ol {
        padding-left: 30px
    }

    .pnlPracticeContent .docHtmlBody > ul {
        padding-left: 40px
    }

    .pnlPracticeContent .docHtmlBody li {
        line-height: 1.4;
        margin: 10px 0;
    }

    .pnlPracticeContent .docHtmlBody > ul > li {
        margin: 15px 0;
    }

        .pnlPracticeContent .docHtmlBody > ul > li:first-child {
            margin-top: 0;
        }

    .pnlPracticeContent .docHtmlBody li:last-child {
        margin-bottom: 0;
    }

    .pnlPracticeContent .docHtmlBody ul > li::marker {
        content: ' ';
    }

    .pnlPracticeContent .docHtmlBody ul > li:before {
        content: '\f111';
        font-family: 'Font Awesome 5 Free';
        font-size: 0.35em;
        font-weight: 900;
        padding: 5px;
        margin-right: 2px;
        position: relative;
        top: -0.35em;
        color: #3e3e3e;
        left: -3px;
        margin-left: -20px;
    }

    .pnlPracticeContent .docHtmlBody > ul > li:before {
        content: '\f00c';
        font-family: 'Font Awesome 5 Free';
        font-size: 0.6em;
        font-weight: 900;
        padding: 5px;
        margin-right: 0;
        position: relative;
        top: -1px;
        left: -11px;
        margin-left: -20px;
        border-radius: 50%;
        /* padding-right: 5px; */
        color: #f8f7f2;
        background-color: #2e776c;
    }

.itemContentDate {
    margin-bottom: 0;
    line-height: 1;
    font-family: Arial;
    font-size: 14px;
}

.topBGOverlay_blog {
    padding-top: 6vw;
    position: relative;
    width: 660px;
    max-width: 100%
}

.js-eklogesPage .topBGOverlay_blog {
    padding-top: 7vw;
    visibility: collapse;
}

.mainHeader {
    line-height: 1;
    color: #fff;
    margin-bottom: 2vw;
    text-align: left;
    font-family: DinGrBold;
    word-wrap: break-word; /*for IE*/
    display: inline-block;
}

    .mainHeader.ftWhite {
        text-shadow: 0px 0px 50px rgba(59, 59, 59, 0.6);
    }

.secHeader {
    font-size: 42px;
    font-family: DinGrBold;
    line-height: 1;
    word-wrap: break-word; /*for IE*/
    margin-bottom: 50px;
}

.mhExtMargin {
    margin-top: 3vw;
}

.mainSubHeader {
    font-size: 0.3em;
    line-height: 1.2;
    font-family: DinGrThin;
    margin-top: 15px;
}

.mainPreHeader {
    font-size: 0.26em;
    line-height: 1.1;
    margin-top: 15px;
    font-family: 'DinGrRg';
}

.pubColTbl .mainHeader {
    margin-bottom: 30px
}

.mhQuote {
    padding-left: 1.5em;
    position: relative
}

    .mhQuote:before {
        display: block;
        height: 0;
        content: "“";
        font-family: Georgia,"Times New Roman", serif;
        line-height: 1;
        font-size: 2.8em;
        left: -0.03em;
        top: -8px;
        position: absolute;
    }

.pnlPublications {
    color: #3e4141;
}

    .pnlPublications .js-itemsPager {
        margin-right: -8px;
    }

.btnOrange, .btnVCard {
    font-family: 'DinGrMd';
    font-size: 18px;
    line-height: 1;
    padding: 6px 12px;
    white-space: normal;
}

.btnVCard {
    margin-left: 4px;
    position: relative;
    top: 2px;
}

.btnVCard {
    margin-left: 0;
    margin-right: 4px;
    margin-top: 31px;
}

.linkOrange:hover {
    color: #ce5a29;
}

.marginBottom5 {
    margin-bottom: 5px;
}

.marginBottom10 {
    margin-bottom: 10px;
}

.marginBottom15 {
    margin-bottom: 15px;
}

.marginBottom30 {
    margin-bottom: 30px;
}

.marginTop10 {
    margin-top: 10px;
}

.marginTop15 {
    margin-top: 15px;
}

.marginTop30 {
    margin-top: 30px;
}

.btnTransparent {
    background-color: transparent;
    border-color: #ce5a29;
    color: #ce5a29;
    border-radius: 0;
    padding: 8px 20px 7px 20px;
    white-space: normal;
    font-size: 18px;
}

    .btnTransparent:hover {
        background-color: hsla(32, 37%, 86%, 1);
        color: #ce5a29;
    }

.btnOrange,
a.btnOrange,
a.btnOrange:focus {
    color: hsl(33, 29%, 94%);
}

    a.btnOrange:hover,
    input.btnOrange:hover,
    a.practice-box:hover {
        background-color: #565656;
        border-color: #565656;
        color: hsl(33, 29%, 94%);
    }

a.btnSubmitContact {
    font-size: 20px;
    border: 3px solid #2e776c;
    background-color: transparent;
    color: #a28d62;
    padding: 4px 35px;
}

#logoImage {
    /*width: 109px;*/
    /*width: 117px;*/
    width: 82px;
}

.practice-left {
    padding-left: 30px;
}

.practice-image-outer {
    margin-top: 15px;
    margin-bottom: 30px;
}

.practice-image {
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    height: 60vh;
    max-height: 1469px;
    /*padding-bottom: 123%;*/
}

.practice-image {
    background-image: url(/Content/images/PRACTICE-AREAS-PHOTO.jpg);
    background-position: bottom;
}

.reprWork-image {
    background-image: url(/Content/images/repWork1.jpg);
    max-height: 1469px;
}

.publications-image {
    background-image: url(/Content/images/publications.jpg);
    /*max-height: 1281px;*/
}

.news-image {
    background-image: url(/Content/images/news1.jpg);
    max-height: 1961px;
}

.academy-image {
    background-image: url('/Content/images/ACADEMY.jpg');
    max-height: 1961px;
    background-position: center top;
}

.community-image {
    background-image: url(/Content/images/community.jpg);
    background-position: left;
    max-height: 1361px;
}

.personName hr {
    margin-top: 8px;
    margin-bottom: 0;
    border: 0;
    border-top: 2px solid hsl(33, 29%, 94%);
}

.officeImage .personName hr {
    width: 10vw;
    max-width: 100%;
    margin-left: 0;
    margin-top: 4px;
    margin-bottom: 0;
}

.officeImage.active .personName hr {
    border-color: #ce5a29;
}

.itemAuthor hr {
    margin-top: 5px;
    margin-bottom: 0;
    border-width: 2px;
    border-radius: 6px;
}

.personPracticeAreas {
    max-height: 290px;
    overflow: hidden;
    overflow-y: auto;
    padding-right: 7px;
}

a.item-area {
    color: #3e4141;
    border: 1px solid #aba79b;
    display: block;
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 4px;
    padding-bottom: 4px;
    margin-bottom: 20px;
    text-align: center;
}

    a.item-area:hover {
        background-color: hsla(32, 37%, 86%, 1);
        outline: 0 !important;
    }

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

.ds-inline {
    display: inline
}

.ds-block {
    display: block
}

.bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn) {
    width: auto;
    width: initial;
    max-width: 100%;
    vertical-align: top;
    border-radius: 0
}

.js-AuthorFilter.bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn) {
    width: 100%;
}

.js-partialResultsAuthor {
    min-height: 42px;
}

.js-AuthorFilter.bootstrap-select .dropdown-toggle .caret {
    /*border-bottom: 0;
    border-top: 8px dashed;
    border-right: 8px solid transparent;
    border-left: 8px solid transparent;*/
    border: 0;
    background-image: url(../Content/images/arrowDown.png);
    background-repeat: no-repeat;
    background-size: 100%;
    width: 40px;
    height: 100%;
    right: 0;
    top: calc(50% - 22px);
    /*filter: hue-rotate(171deg) brightness(0.75);*/
}

.js-AuthorFilter.bootstrap-select.open .dropdown-toggle .caret {
    /*border-top: 0;
    border-bottom: 8px dashed;*/
    background-image: url(../Content/images/arrowUp.png);
}


.searchPeople .ui-widget input {
    height: 34px
}

.kinaSelect.bootstrap-select .dropdown-toggle .filter-option-inn.kinaSelect.bootstrap-select > .dropdown-toggle,
.searchPeople .ui-widget inputer-inner {
    text-overflow: ellipsis;
}

.bootstrap-select > .dropdown-toggle {
    font-size: 16px;
}

.kinaSelect.bootstrap-select > .dropdown-toggle.bs-placeholder,
.kinaSelect.bootstrap-select > .dropdown-toggle.bs-placeholder:active,
.kinaSelect.bootstrap-select > .dropdown-toggle.bs-placeholder:focus,
.kinaSelect.bootstrap-select > .dropdown-toggle.bs-placeholder:hover,
.searchPeople .ui-widget input {
    color: hsl(33, 29%, 94%);
}

    .kinaSelect.bootstrap-select > .dropdown-toggle.bs-placeholder:active,
    .kinaSelect.bootstrap-select > .dropdown-toggle.bs-placeholder:focus,
    .kinaSelect.bootstrap-select > .dropdown-toggle.bs-placeholder:hover,
    .searchPeople .ui-widget input:focus {
        color: hsl(33, 29%, 94%);
        background-color: hsla(18, 67%, 37%, 1);
        outline: 0 !important;
    }

    /*keep placeholders in separate items because they don't work in one line with other classes/styles*/
    .searchPeople .ui-widget input::placeholder-shown {
        color: hsl(33, 29%, 94%);
    }

    .searchPeople .ui-widget input::-webkit-input-placeholder {
        color: hsl(33, 29%, 94%);
    }

    .searchPeople .ui-widget input::-moz-placeholder {
        color: hsl(33, 29%, 94%);
    }

    .searchPeople .ui-widget input::-ms-input-placeholder {
        color: hsl(33, 29%, 94%);
    }

.kinaSelect.bootstrap-select .dropdown-menu.inner {
    /*padding: 0 10px;*/
}

.searchPeople .ui-state-active,
.searchPeople .ui-widget-content .ui-state-active,
.searchPeople .ui-widget-header .ui-state-active,
.searchPeople a.ui-button:active,
.searchPeople .ui-button:active,
.searchPeople .ui-button.ui-state-active:hover {
    /*border: 1px solid #f5f5f5;
    background-color: #f5f5f5;*/
    border: 1px solid hsl(33, 29%, 94%);
    background-color: hsl(33, 29%, 94%);
    outline: 0 !important;
    color: #ce5a29;
}

.searchPeople .searchPeopleImg {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    display: inline-block;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center top;
    background-color: white;
    vertical-align: middle;
    margin-right: 8px;
    border: 1px solid #fdd6b4;
}

.kinaSelect .dropdown-menu > .active > a,
.kinaSelect .dropdown-menu > .active > a:focus,
.kinaSelect .dropdown-menu > .active > a:hover {
    /*background-color: hsl(33, 29%, 94%);*/
}

.kinaSelect.bootstrap-select .dropdown-menu li a span.text {
    display: block;
    padding: 5px 0px;
    overflow: hidden;
    text-overflow: ellipsis;
}

.js-AuthorFilter.bootstrap-select .dropdown-menu li a span.text {
    min-height: 54px;
}

.js-AuthorFilter.bootstrap-select .dropdown-menu li a.assignToFilter_Select span.text {
    min-height: 0;
}

.searchPeople .ui-widget-content {
    font-family: Arial;
    font-size: 14px;
}

.navLayoutcontainer .navbar .navbar-nav > .open > a,
.navLayoutcontainer .navbar .navbar-nav > .open > a:focus,
.navLayoutcontainer .navbar .navbar-nav > .open > a:hover {
    color: #bcab8a;
    background-color: transparent;
}

.navLayoutcontainer .navbar-nav > li a {
    padding: 8px 35px;
    display: block;
}

.navLayoutcontainer .navbar-nav > li .dropdown-menu.dropMenuMore {
    border-radius: 0;
    border-top-left-radius: 0;
    border: 0;
    font-size: 13px;
    min-width: 140px;
}

.navLayoutcontainer .navbar-nav hr {
    border-color: #f8b4b6;
    margin-top: 0;
    margin-bottom: 15px
}

.dropdown-menu > li > a {
    position: relative;
}

    .dropdown-menu > li > a:hover {
        color: white;
    }

.navLayoutcontainer .navbarMain .dropdown-menu > li > a:hover:after {
    content: ' ';
    background-color: #e3e3e3;
    width: 17%;
    height: 2px;
    position: absolute;
    left: 35px;
    bottom: 2px;
}

.dropMenuMore > li.active > a,
.dropMenuMore > li.active > a:hover,
.dropMenuMore > li.active > a:focus {
    color: black
}

.signupDiv {
    -webkit-box-shadow: 6px 6px 12px -4px rgba(70, 70, 70, 0.57);
    box-shadow: 6px 6px 12px -4px rgba(70, 70, 70, 0.57);
}

.dropMenuMore {
    top: 65px;
    padding: 20px 0px;
    background-color: #eb1c24;
}

    .dropMenuMore:before {
        content: ' ';
        width: 0;
        height: 0;
        border-width: 30px;
        border-right-width: 25px;
        border-left-width: 25px;
        border-style: solid;
        border-top: 0;
        border-left-color: transparent;
        border-right-color: transparent;
        border-bottom-color: #eb1c24;
        position: absolute;
        top: -30px;
        left: 34px;
        margin: auto;
    }

.dropdown-submenu .dropMenuMore {
    background-color: #d81319;
}

    /*.dropdown-submenu .dropMenuMore li a {
        white-space: normal;
    }*/

    .dropdown-submenu .dropMenuMore:before {
        display: none
    }

.dropMenuMore li a {
    color: white;
    padding: 7px 20px;
    display: inline-block;
    background-color: transparent !important;
    font-size: 15px;
    font-family: 'DinGrMd';
}

.dropMenuMore li:last-child {
    border-bottom: 0;
}

.ui-autocomplete-category {
    font-size: 17px;
    font-family: DinGrBold;
    text-transform: uppercase;
    color: #ce5a29;
    padding: .2em .4em;
    margin: .8em 0 .2em;
    line-height: 1.5;
}

.pnlSearchResults {
    /*padding: 10px 73px;*/
    padding: 10px 0;
    margin-bottom: 10px;
}

.peopleGroup {
    padding-bottom: 35px;
    padding-top: 35px;
}

.imgPeople {
    border: 1px solid #ce5a29;
    padding-bottom: 100%;
    background-position: center -50px;
    margin-bottom: 10px;
    background-size: 175%;
}

.peopleGroupHeader, .personName {
    color: #3e4141;
}

.peopleGroupHeader {
    /*margin-bottom: 15px;*/
    font-size: 24px;
}

.personName {
    font-size: 19px;
    line-height: 1.2;
    font-family: DinGrBold;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: hsla(21, 16%, 15%, 0.52);
    color: hsl(33, 29%, 94%);
    text-transform: uppercase;
    min-height: 100px;
    transition: 0.3s all ease;
}

.officeImage .personName {
    min-height: 4.7vw;
}

.officeImage:hover .personName {
    min-height: 100%;
}

.js-personImage.active .personName {
    background-color: hsla(32, 37%, 92%, 0.48)
}

.homeSplit {
    margin-bottom: 15px;
}

.homeSplitPractice {
    background-size: cover;
    background-repeat: no-repeat;
    padding-bottom: 60%;
    position: relative;
    display: block;
}

    .homeSplitPractice .name {
        font-family: DinGrBold;
        position: absolute;
        left: 0;
        right: 0;
        bottom: 0;
        background-color: hsla(21, 16%, 15%, 0.6);
        color: #59080a;
        font-size: 94px;
        height: 100px;
        line-height: 100px;
        padding-right: 30px;
        text-align: right;
        transition: .3s all ease;
    }

    .homeSplitPractice:hover .name,
    .js-personImage:hover .personName {
        background-color: rgba(205, 90, 40, 0.6);
    }

.js-personImage:hover .personName {
    min-height: 150px;
}

.personName .name {
    position: absolute;
    bottom: 25px;
    left: 30px;
    right: 30px;
}

.officeImage .personName .name {
    font-size: 19px;
}

.officeImage .personName .name {
    bottom: 1.4vw;
    transition: .3s all ease;
}

.officeImage.active .personName .name {
    color: #3e4141;
}

.officeImage:hover .personName .name {
    font-size: 38px;
    bottom: 7vw;
}

.homeSplitPractice .personName .name {
    left: auto;
    left: initial;
    bottom: 0;
    top: 0
}

.homeSplitPractice .name:after {
    content: '.';
    color: #ce5a29;
}

.personImageHref:hover .personName {
    color: #ce5a29;
    transition: .4s all ease;
}


.searchPeople .ui-widget.ui-widget-content {
    /*border: 1px solid #ce5a29;
    border-radius: 10px;
    padding: 15px 11px;
    overflow: hidden;
    overflow-y: auto;
    max-height: 400px;*/
    border: 2px solid #d1d1d1;
    border-radius: 0;
    padding: 15px 11px;
    overflow: hidden;
    overflow-y: auto;
    max-height: 400px;
    background-color: hsla(32, 37%, 96%, 1);
}

.practice-box-bo {
    background-color: #ce5a29;
    color: #ebe0d0;
    padding: 10px;
    height: 120px;
    /*width:250px;*/
    margin-top: 10px;
    margin-bottom: 10px;
    text-align: center;
    font-size: 24px;
    font-weight: 400;
    line-height: .9em;
}

.practice-center-bo {
    /*width: 250px;*/
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
}

.practiceAreasTop {
    max-width: 1900px;
}

.colPicturePracticeOuter {
    border: 10px solid #fffef9;
    padding: 0
}

.itemPicturePractice {
    background-size: cover;
    background-repeat: no-repeat;
    padding: 0;
    padding-bottom: 100%;
    background-position: center;
    background-color: #a48d63;
    transition: 0.5s all ease-in-out;
}

    .itemPicturePractice:not(.noFilter) {
        filter: grayscale(1) contrast(1.1);
    }

.itemPractice {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}

.itemPicturePractice:hover {
    filter: grayscale(0%);
}

.practiceAreaTitle {
    padding: 15px;
    font-size: 20px;
    font-family: 'DinGrMd';
    text-transform: uppercase;
    color: #bda475;
    line-height: 1.1;
    background-color: #2e776c;
    transition: 0.5s all ease-in-out;
    opacity: 0
}

.itemPicturePractice:hover .practiceAreaTitle {
    opacity: 1
}

.subPractices .practiceAreaTitle {
    font-family: Arial;
    font-size: 15px;
    line-height: 1.4;
}

.paIcon {
    width: 80px;
    padding: 50px 0
}

a.practice-box {
    background-color: #ce5a29;
    color: hsl(33, 29%, 94%);
    padding: 10px;
    height: 120px;
    margin-top: 15px;
    margin-bottom: 15px;
    text-align: center;
    font-size: 18px;
    font-weight: normal;
    font-family: Arial;
    text-transform: uppercase;
    line-height: 1.3;
    transition: .3s all ease;
    position: relative;
    display: inline-block;
    width: 100%;
}

a.publication-box {
    background-color: #ce5a29;
    color: hsl(33, 29%, 94%);
    padding: 0 10px;
    padding-bottom: 100%;
    margin-top: 9px;
    margin-bottom: 0;
    text-align: center;
    font-size: 16px;
    font-weight: normal;
    font-family: Arial;
    line-height: 2;
    transition: .3s all ease;
    position: relative;
    width: 100%;
    display: inline-block;
}

    a.publication-box:hover {
        background-color: #565656;
    }

.item-tag {
    background-color: #ce5a29;
    color: hsl(33, 29%, 94%);
    padding: 6px 8px;
    padding-bottom: 5px;
    margin-bottom: 30px;
    text-align: center;
    font-size: 17px;
    font-weight: normal;
    font-family: DinGrBold;
    display: inline-block;
    line-height: 1;
}

.box-center {
    position: absolute;
    top: 50%;
    left: 10px;
    right: 10px;
    transform: translate(0,-45%);
}

a.publication-box .box-center {
    transform: translate(0,-50%);
}

a.publication-box .itemMonth {
    position: absolute;
    bottom: 2px;
    left: 0;
    right: 0;
}

.itemMonth {
    font-size: 11px;
    /*letter-spacing: 1px;*/
}

.itemPicture {
    background-size: cover;
    background-repeat: no-repeat;
    padding-bottom: 67%;
    background-position: center;
}

    .itemPicture.first, .itemPicture.second {
        padding-bottom: 130%;
        background-position: left;
    }

    .itemPicture.fourth {
        padding-bottom: 125%;
    }

.pubCol {
    float: left;
    width: 100%;
    position: relative;
    margin-bottom: 30px;
}

.rowCustom30 {
    margin-left: -15px;
    margin-right: -15px;
}

    .rowCustom30 .pubCol {
        width: calc(100% / 3 - 45px);
        border: 0;
        padding-bottom: 50px;
        margin-bottom: 50px;
    }

        .rowCustom30 .pubCol .itemDetails {
            width: 100%;
            padding-top: 30px;
            padding-bottom: 30px;
        }

        .rowCustom30 .pubCol .itemImage {
            width: 100%;
            margin-right: 0;
        }

.blogDateAuthor {
    position: absolute;
    bottom: 25px;
    right: 0;
}

.blogDateAuthor,
.rowCustom30 .pubCol .itemDetails {
    padding-left: 30px;
    padding-right: 30px;
}

.pnlVideoHighlights .pubCol .itemsTitle {
    margin-top: 5px;
    font-size: 15px;
    font-family: 'DinGrMd';
    line-height: 1.3;
    color: #8c7345;
    -webkit-line-clamp: 3;
}

.pnlVideoHighlights.pnlEpipairotitaHighlights .pubCol .itemsTitle {
    color: white
}

.pubCol .itemsTitle a:hover,
.pubCol .readMoreTag a:hover {
    color: #c3a265;
}

.pubCol.isHighlighted {
    padding-top: 20px;
    padding-bottom: 15px;
    margin-bottom: 15px;
    margin-top: 15px;
}

.pubDiv,
.pubCol.isHighlighted {
    background: hsla(45, 9%, 75%, 1);
}

    .pubCol.isHighlighted:hover {
        background: hsla(45, 9%, 81%, 1);
        transition: 0.3s all ease
    }

        .pubCol.isHighlighted:hover .detReview {
            color: #cd5a28;
        }

        .pubCol.isHighlighted:hover .itemMonthBefore {
            left: 0;
        }

.pnlVideoHighlights {
    padding: 40px;
    border: 2px solid #c8b48f;
    display: inline-block;
    width: 100%;
}

    .pnlVideoHighlights .pubCol {
        box-shadow: none;
        border: 0;
        padding: 0;
        margin-top: 0;
        margin-bottom: 10px;
    }

    .pnlVideoHighlights .videoElementText2 {
        right: 0;
        bottom: -30px;
        top: auto;
        font-size: 48px;
    }

    .pnlVideoHighlights .headerUnderline {
        font-size: 38px;
        line-height: 1.15;
    }

.videoPlayIcon {
    position: absolute;
    left: 0;
    right: 0;
    top: calc(50% - 30px);
    margin: auto;
    border-radius: 50%;
    width: 60px;
    height: 60px;
    line-height: 60px;
    max-width: 60%;
    padding-left: 4px;
    background: rgba(255, 255, 255, 0.85);
    text-align: center;
    font-size: 24px;
    color: #eb1c24;
}

.itemMonth {
    font-family: 'DinGrMd';
    font-size: 15px;
    line-height: 1.3;
    letter-spacing: normal;
    color: #175047;
    position: relative;
    margin-bottom: 15px;
}

.pnlDocumentContent .itemMonth {
    margin-top: 15px;
    color: #2e776c;
}

.protaseisCol.pubCol {
    padding: 5px 10px;
    margin-bottom: 17px;
    /*box-shadow: none;
    border: 0;
    border-bottom: 1px solid #f2efe8;*/
}

    .protaseisCol.pubCol .itemMonth {
        font-family: 'DinGrBold';
        font-size: 20px;
        margin-bottom: 8px;
    }

.itemAuthor {
    font-family: DinGrMd;
    font-size: 17px;
    line-height: 1.25;
    margin-top: 8px;
    word-break: break-word;
    display: inline-block;
}

    .itemAuthor,
    .itemAuthor a {
        color: #ed1c24;
    }

.pubCol .blogDateAuthor .itemMonth {
    margin-bottom: 0;
    display: inline-block;
    font-family: DinGrMd;
    font-size: 14.5px;
}

.pubCol .blogDateAuthor .itemAuthor {
    font-family: DinGrRg;
    font-size: 15.5px;
    margin-right: 2px;
    margin-top: 0
}

.itemAuthorDescription {
    font-family: DinGrRg;
    font-size: 16px;
    line-height: 1.4;
    /*text-transform: uppercase;*/
    color: #85714c;
    word-break: break-word;
    margin-top: 4px;
}

.pubContentColFixed .itemMonth {
    font-size: 15px;
    color: #424242;
    margin-bottom: 30px;
}

.pubContentColFixed .itemAuthor,
.pubContentColFixed .itemAuthor a.itemAuthorName,
.pubContentColFixed .itemAuthor .noBlogs {
    font-size: 18px;
    position: relative;
    color: #175047;
}

    .pubContentColFixed .itemAuthor.headerUnderline {
        padding-bottom: 2px;
        margin-bottom: 18px;
        margin-top: 10px;
    }

        .pubContentColFixed .itemAuthor.headerUnderline:before {
            bottom: -8px;
            left: 0;
            right: 0;
            margin: auto;
        }

.itemSocial {
    font-size: 28px;
}

.itemAuthorSocialMedia .itemSocial {
    font-size: inherit
}

.isHighlighted .itemMonth {
    color: #3e4141;
}

.page-offices .itemMonth {
    width: 170px
}

.pnlVideoHighlights .pnlPublications .itemMonth {
    font-size: 15px;
    margin-top: 10px;
    margin-bottom: 0;
}

.itemMonthBefore {
    margin-bottom: 7px;
    width: 100%;
    border-radius: 5px;
    height: 5px;
    background-color: #175047;
    position: relative;
    left: 0;
    transition: 0.3s all ease;
}

.motoInner .itemMonthBefore {
    margin-bottom: 0;
    width: 1.7vw;
    height: 0.6vw;
}

.pubCol:hover .itemMonthBefore {
    left: 100%;
}

.pnlPublications .itemMonthBefore {
    width: 22px;
}

.itemImage {
    width: 260px;
    margin-right: 22px;
    float: left;
    position: relative;
}

.isHighlighted .itemDetails {
    padding-top: 0
}

.pnlPublications .itemDetails {
    width: 100%;
    padding-top: 6px;
    padding-bottom: 15px;
    border: 0;
}

.pubContentCol .itemDetails {
    width: 100%;
    padding-top: 0;
}

.ulOuter {
    padding-left: 120px
}

.page-offices .itemDetails {
    /*width: calc(100% - 285px);*/
    width: calc(100% - 170px);
}

.hrSubtitle {
    border-top: 1px solid #a48d61;
    margin-top: 10px;
    margin-bottom: 7px;
}

.readMoreTag {
    font-family: DinGrBold;
    font-size: 14px;
    color: #c8b48f;
}

.isHighlighted .readMoreTag {
    color: #ce5a29;
    margin-top: 3px;
}

    .isHighlighted .readMoreTag:hover {
    }

.pnlPublications .readMoreTag {
    font-size: 14px;
    line-height: 1;
    position: auto; /*ie*/
    position: initial;
    margin-top: 20px;
    font-family: HelveticaConMed;
    text-transform: uppercase;
    color: hsl(33, 29%, 94%);
    background-color: #ce5a29;
    padding: 3px 5px;
    padding-bottom: 2px;
}

    .pnlPublications .readMoreTag:hover {
        background-color: hsla(18, 67%, 41%, 1);
    }

.itemType {
    float: left;
    width: 115px;
    position: absolute;
    right: 30px;
    bottom: 2px;
}

.isHighlighted .itemType {
    bottom: 17px;
}

.itemType img {
    max-width: 55px;
}

.pnlPublications .itemType {
    position: absolute;
    top: 15px;
    right: 0;
    bottom: auto;
    bottom: initial;
}

.practiceAreasTitle {
    font-family: HelveticaConMed;
    font-size: 23px;
    line-height: 1.2;
    color: hsla(240, 2%, 33%, 1);
    margin-bottom: 7px;
    text-align: center;
}

.itemsTitle {
    font-family: 'DinGrMd';
    font-size: 22px;
    letter-spacing: normal;
    line-height: 1.2;
    color: #175047;
    transition: .3s all ease;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    position: relative;
    word-break: break-word;
}

.pnlPublications .itemsTitle {
    font-size: 19px;
    line-height: 1.3;
    margin-bottom: 10px;
    font-family: 'DinGrMd';
}

.protaseisCol .pnlPublications .itemsTitle {
    font-size: 16px;
}

.rowCustom30 .pubCol .pnlPublications .itemsTitle {
    font-size: 19px;
    margin-bottom: 0;
    color: #2e776c
}

.itemsTitle a {
    color: inherit
}

/*.pnlPublications .itemsTitle:after {
        content: "";
        text-align: right;
        position: absolute;
        bottom: 0;
        right: 0;
        width: 5vw;
        height: 21px; 
        background: linear-gradient(to right,rgba(255,255,255,0),white 75%)
    }*/

.pnlPublications .itemsTitle.oneLine {
    max-height: 42px;
}

.colHighlight {
    border-right: 1px solid white;
    display: block;
}

    .colHighlight .pubCol {
        border: 0;
        padding: 0;
    }

    .colHighlight .itemsTitle {
        color: #fffef9;
        font-family: 'DinGrMd';
        font-size: 18px;
        line-height: 1.4;
        position: absolute;
        bottom: -1.5vw;
        left: 2vw;
        right: 2vw;
        margin-bottom: 3vw;
        max-height: 100%;
        -webkit-line-clamp: 4;
        padding-top: 0;
        padding-bottom: 0;
        text-transform: uppercase;
        text-shadow: 0px 0px 3px #000000;
    }

    .colHighlight .bgImageDoc {
        padding-bottom: 70%;
        position: relative;
        background-position: top
    }

        .colHighlight .bgImageDoc:before,
        .blog-image:before,
        .vote-image:before,
        .contact-image:before,
        .register-image:before {
            content: ' ';
            position: absolute;
            left: 0;
            right: 0;
            top: 0;
            bottom: 0;
        }

        .blog-image:before,
        .colHighlight .bgImageDoc:before {
            background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 25%, hsl(39 27% 0% / 0.65) 100%);
        }


.vote-image:before,
.contact-image:before,
.register-image:before {
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 47%, rgba(0, 0, 0, 0.4) 100%);
}

.aligncenter, .alignCenter {
    text-align: center;
    display: block;
    margin-left: auto;
    margin-right: auto;
    padding-top: 8px;
}

.imgCreatedByEdekUserPhoto {
    max-width: 70px;
    border-radius: 50%;
    background-color: rgba(255, 254, 249, 0.76);
    display: block;
    margin: auto;
    /*filter: sepia(0.6);*/
}

.js-AuthorDiv .imgCreatedByEdekUserPhoto {
    max-width: 110px;
    filter: sepia(0.6);
    margin-top: 30px;
}

.rowCustom30 .pubCol .imgCreatedByEdekUserPhoto {
    max-width: 55px;
}

.itemSubtitle {
    font-size: 13px;
    line-height: 1.4;
    text-transform: uppercase;
    display: block;
    margin-top: 4px;
}

    a .itemSubtitle,
    .itemSubtitle a {
        color: #3e4141;
    }

.isHighlighted .itemSubtitle,
.isHighlighted .itemSubtitle a {
    /*color: hsl(33, 29%, 94%);*/
}

.pnlPublications .itemSubtitle {
    font-size: 12px;
    line-height: 17px;
    margin-top: 6px;
    max-height: 51px; /*based on line-height*/
    overflow: hidden;
    position: relative
}

    .pnlPublications .itemSubtitle.oneLine {
        max-height: 34px; /*based on line-height*/
    }

    .pnlPublications .itemSubtitle:after {
        content: "";
        text-align: right;
        position: absolute;
        bottom: 0;
        right: 0;
        /*width: 5vw;*/
        width: 60%;
        height: 17px; /*the line-height of parent*/
        background: linear-gradient(to right,rgba(255,255,255,0),white 75%)
    }

    .pnlPublications .itemSubtitle.oneLine:after {
        width: 30%;
    }

.pnlDocumentContent {
    margin-top: 20px;
    margin-bottom: 50px;
}

.modal .pnlDocumentContent {
    margin-top: 0;
    margin-bottom: 0;
}

.pnlDocumentContent .itemsTitle {
    font-size: 42px;
    /* letter-spacing: -1px; */
    line-height: 1.1;
    font-family: 'DinGrBold';
    margin-bottom: 45px;
    margin-top: 0;
    overflow: visible;
    display: block;
    text-align: left;
    color: #175047;
}

.pnlDocumentContent.pnlPostDetails .itemsTitle {
    margin-bottom: 30px;
}

.secTitle {
    color: #2e776c;
    font-size: 0.55em;
    font-family: 'DinGrRg';
    margin-top: 5px;
}

.pubContentCol .itemMonth {
}

.pubContentCol .imgCreatedByEdekUserPhoto {
    max-width: 40px;
}

.pubContentCol .itemSubtitle {
    font-size: 15px;
    margin-top: 8px;
}

.pubDiv {
    padding-bottom: 94%;
    position: relative;
    margin-bottom: 30px;
}

    .pubDiv.bottom {
        padding: 3.5vw 2vw;
        padding-top: 4vw;
        margin-bottom: 0;
    }

.pubDivText {
    position: absolute;
    right: 2vw;
    top: 2vw;
    font-family: DinGrBold;
    font-size: 3vw;
    color: hsl(33, 29%, 94%);
    /*text-align: right;*/
}

.firmCol .pubDivText {
    position: initial;
    margin-bottom: 30px;
    color: #ce5a29;
    font-size: 54px;
    line-height: 1;
}

.detReview {
    line-height: 1.3;
    font-size: 24px;
    font-family: HelveticaRegLarge;
    text-align: left;
}

.philosophy .detReview {
    width: calc(100% - 50px);
    display: inline-block;
    vertical-align: text-top
}

.page-offices .philosophy .detReview {
    font-family: Arial;
    font-size: 15px;
    line-height: 1.42857143;
}

.pubDiv.bottom .detReview {
    font-size: 20px;
}

.isHighlighted .detReview {
    color: #3e4141;
    padding: 0 41px;
    position: relative;
    border-bottom: 1px solid hsl(33, 29%, 94%);
}

.pubContentCol .detReview {
    color: #3e4141;
    display: inline-block;
    left: 41px;
    position: relative;
    max-width: 80%;
    margin-top: 18px;
    padding-right: 45px;
}

.detReviewBefore {
    height: 0;
    line-height: 0;
    margin-left: -5px;
}


.isHighlighted .detReviewBefore {
    margin-top: 20px;
}

.isHighlighted .detReviewAfter {
    margin-bottom: 20px;
}

.isHighlighted .hrSubtitle {
    display: none
}

.isHighlighted .itemsTitle {
    padding-top: 20px;
}

.pubContentCol .detReviewBefore,
.isHighlighted .detReviewBefore {
    top: 20px;
    left: -41px;
    position: relative;
}

.pubContentCol .detReviewBefore,
.pubContentCol .detReviewAfter {
    font-size: 75px;
}

.detReviewAfter {
    font-size: 90px;
    line-height: 0.8;
    height: 0;
    text-align: right;
}

.detReviewAfter,
.detReviewBefore {
    font-size: 81px;
    font-family: HelveticaConMed;
}

.pubContentCol .detReviewAfter,
.isHighlighted .detReviewAfter {
    line-height: 0.2;
    right: -45px;
    position: relative;
}

.divTextFullstop {
    color: #3e4141;
}

.getUpdated {
    font-size: 18px;
    font-family: HelveticaRegLarge;
    padding-right: 16px;
}

a.publication-box {
    transition: none;
    position: relative;
}

    a.publication-box .itemsTitle {
        font-size: 15px;
        line-height: 16px;
        max-height: 62px;
        position: relative;
        overflow: hidden;
        margin-bottom: 7px;
    }

        a.publication-box .itemsTitle:after {
            content: "";
            text-align: right;
            position: absolute;
            bottom: 0;
            right: 0;
            width: 5vw;
            height: 16px;
            background: linear-gradient(to right,rgba(255,255,255,0),rgb(216, 131, 32) 75%);
        }


    a.publication-box .itemSubtitle {
        font-size: 14px;
        line-height: 15px;
        max-height: 28px;
        position: relative;
        overflow: hidden;
        margin-bottom: 18px;
        /*text-align: justify;*/
    }

        a.publication-box .itemSubtitle:after {
            content: "";
            text-align: right;
            position: absolute;
            bottom: 0;
            right: 0;
            width: 5vw;
            height: 17px;
            background: linear-gradient(to right,rgba(255,255,255,0),rgb(216, 131, 32) 75%);
        }

    a.publication-box:hover .itemSubtitle:after, a.publication-box:hover .itemsTitle:after {
        background: linear-gradient(to right,rgba(255,255,255,0),#565656 75%);
    }


.docLink {
    border-bottom: 1px solid #d6d6d6;
    padding: 26px 5px;
    padding-bottom: 21px;
    display: inline-block;
    width: 100%;
    position: relative;
}

    .docLink a:hover {
        color: #ce5a29 !important;
        transition: .3s all ease;
    }

.pnlCommunity .docLink,
.pnlNews .docLink,
.pnlAcademy .docLink {
    border-bottom: none;
}

.pnlAcademy a.docLink:hover {
    background-color: hsla(0, 0%, 23%, 1);
}

.pnlHome .docLink a {
    color: #3e4141;
}

.pnlHome .item-tag {
    margin-top: 0;
    margin-bottom: 0;
    font-size: 15px;
    color: white;
    position: absolute;
    right: 5px;
    bottom: 10px;
    min-width: 240px;
}

.pnlDocumentContent .item-tag {
    margin-top: 0;
    margin-bottom: 15px;
}

.newsTitle {
    font-family: Arial;
    font-size: 22px;
    line-height: 1.1;
}

a.newsTitle {
    line-height: 1.1;
}

a.newsTitle, a.newsSubtitle {
    color: #bfc1c2;
    max-width: 100%;
    float: left;
    line-height: 1.2;
}

.pnlHome a.newsTitle,
.pnlHome a.newsSubtitle {
    color: #3e4141;
    max-width: calc(100% - 290px);
}

.pnlCommunity a.newsTitle, .pnlCommunity a.newsSubtitle {
    color: #3e4141;
}

a.newsTitle:hover {
    color: #ce5a29;
}

.text-overflow {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

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

.position-relative {
    position: relative
}

.align-top {
    vertical-align: top;
}

.align-middle {
    vertical-align: middle;
}

.btn-image {
    border: 0;
    padding: 0;
    display: inline-block;
    background-color: transparent;
    background-position: center center;
    background-repeat: no-repeat;
    -webkit-appearance: none;
    outline: none;
}

.btnExportPdf {
    width: 45px;
    height: 45px;
}

.btnExportPdfBO {
    margin-top: 5px;
    width: 150px;
}

.pubColTbl {
    margin-bottom: 32px;
}

.documentsPartial {
    display: inline-block;
    width: 100%;
}

.divCountries {
    margin-bottom: 20px;
}

.padding-5 {
    padding: 5px;
}

.padding-10 {
    padding: 10px;
}

.padding-15 {
    padding: 15px;
}

.itemContentHr {
    margin-bottom: 20px;
}

.headerTitle {
    font-family: DinGrBold;
}

.headerTitle, .areasOfPractice {
    font-size: 18px;
}

.careeesContactOuter {
    padding: 30px 0;
}

    .careeesContactOuter .headerTitle {
        line-height: 1.4;
        font-size: 19px;
    }


.ftBold {
    font-family: DinGrBold
}

.ftMedBold {
    font-family: DinGrMd
}

.ftRed {
    color: #eb1c24;
}

.ftWhite {
    color: white
}

.ftGreen {
    color: #175047;
}

.ftGreenLight {
    color: #2e776c;
}

.ftBeige {
    color: #a48d61
}

.ftBeigeLight {
    color: #c9b590
}

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

    .firmCol .pubDivText {
        font-size: 45px;
    }

    .navLayoutcontainer .navbar-nav > li > a {
        font-size: 18px;
    }

    .navbarTopAbs li {
        font-size: 15px;
    }
}

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

    .followUs {
        padding-right: 5px;
    }

    .philosophy {
        padding: 25px 29px;
    }
}

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

    .pubContentColFixed {
        padding-right: calc(4vw - 30px);
    }

    .docHtmlBody iframe,
    iframe.docContentVideoIframe {
        height: 400px;
    }

    .colHighlight .itemsTitle {
        bottom: 0;
        left: 3vw;
        right: 3vw;
    }

    .itemImage,
    .itemDetails {
        width: 100%;
        float: none;
    }

    .itemImage {
        margin-right: 0;
        margin-bottom: 10px;
    }

    .rowCustom30 .pubCol .itemImage {
        margin-bottom: 0;
    }

    .bgOverOld {
        width: 150px;
    }

    .contact-table-cell-bordered {
        width: calc(100% - 15px);
    }

    .navLayoutcontainer .navbar-nav > li > a {
        padding: 7px 9px;
        font-size: 18px;
    }

    .navbarTopAbs li {
        font-size: 16px;
    }

    .bgImageMarginBottom {
        padding-left: 0;
        padding-right: 0;
    }

    /*.itemPracticeArea {
        margin-top: 0px;
    }*/

    .paIcon {
        width: 70px;
        padding: 10px 0;
        padding-bottom: 25px;
    }


    .bgImage.news-image {
        /*background-position: center -100px;*/
    }

    .contact-maps .contact-table-cell {
        padding: 0 20px;
    }

    .officeImage .personName {
        min-height: 6.2vw;
    }

    .officeImage.active:hover .personName hr {
        width: 13vw;
    }

    .officeImage .personName .name {
        bottom: 2.0vw;
        left: 20px;
        right: 20px;
    }

    .firmCol .pubDivText {
        font-size: 50px;
    }

    .homeSplitPractice {
        padding-bottom: 80%;
    }

    .pubDiv.bottom {
        padding: 5vw 2.5vw;
        padding-top: 6.5vw;
    }

    .personContentImageOuter {
        padding: 0 15px;
    }

    .pnlHome a.newsTitle, .pnlHome a.newsSubtitle {
        max-width: 100%;
    }

    .followUs {
        font-size: 16px;
    }
}

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

    .bgOverOld {
        width: 130px;
    }

    .navLayoutcontainer .navbar-nav > li > .dropdown-menu.dropMenuMore, .navLayoutcontainer .navbar-nav > li > a, .navbarTopAbs li {
        font-size: 15.5px;
    }

    .navLayoutcontainer .navbar-nav > li > a {
        padding-left: 0;
        padding-right: 11px;
    }
}

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

    .eklogesTopMenu {
        margin-bottom: 90px;
    }

    .js-modalMenuItem .personDiv {
        border-left: 0;
        padding-left: 0;
    }

    .pubCol, .pnlPostDetails .js-bgImageContentDetails, iframe.docContentVideoIframe {
        border: 13px solid #fffef9;
    }

    .ul-inline li.lblWelcome {
        display: block;
    }

        .ul-inline li.lblWelcome:after {
            display: none;
        }

    .rowCustom30 .pubCol {
        width: calc(50% - 30px)
    }

    .xs-center {
        margin-left: auto;
        margin-right: auto;
    }

    .xs-text-center {
        text-align: center;
    }

    .pubContentColFixed .itemMonth {
        margin-bottom: 10px;
        font-size: 14px;
    }

    footer .btnGreenGold {
        font-size: 13px;
        padding: 2px 12px;
        margin-bottom: 1px;
        width: 100%;
    }

    .pnlContact {
        padding-left: 60px;
        margin-top: 40px;
    }

    .contactRowTop {
        margin-bottom: 30px;
    }

    .contact-table-cell {
        float: left;
        display: block;
    }

    .contact-maps {
        margin-top: 0;
        padding-bottom: 30px
    }

        .contact-maps .contact-table-cell {
            padding-left: 0;
            padding-right: 0;
        }

    .contactForm .form-control {
        padding: 20px 15px;
    }

    .js-pnlHomeSlideshow {
        margin-bottom: 15px;
    }

    #logoImage {
        width: 80px;
    }

    .pubColTbl {
        padding-left: 0;
        padding-right: 0;
    }

    .searchPeople .ui-widget input {
        max-width: 123px;
    }

    .contact-maps {
        display: table;
        padding-top: 0;
    }

        .contact-maps .contact-table-cell,
        .pnlPracticeContentDetails .contact-table-cell {
            float: left;
            display: block;
            margin: 10px 0;
        }

    .officeImage .personName {
        min-height: 7vw;
    }

    .officeImage.active:hover .personName hr {
        width: 17vw;
    }

    .itemPicture,
    .itemPicture.first,
    .itemPicture.second,
    .itemPicture.fourth {
        padding-bottom: 67%;
    }

    .js-personImage.active:after {
        right: 15px;
        bottom: -5px;
        font-size: 23px;
    }

    .publications-image {
        /*display: none;*/
        padding-bottom: 30%;
    }

    .pubDivText {
        position: auto; /*ie*/
        position: initial;
        font-size: 5vw;
    }

    .pubDiv {
        padding: 3vw;
    }

        .pubDiv.bottom {
            margin-bottom: 30px;
        }

    .personName {
        font-size: 17px;
        line-height: 1.2;
        min-height: 80px;
    }

        .personName .name {
            bottom: 20px;
            left: 15px;
            right: 15px;
        }

    .itemContentDate {
        margin-top: 12px;
    }

    .bgOverOld {
        width: 100px;
    }

    .practice-image {
        height: 71vmin;
    }

    .js-imgSuccessTxt {
        padding-bottom: 10px;
        padding-top: 15px;
        top: 4px;
    }

    #newslettermail-error {
        top: 36px;
        font-size: 12px;
    }

    .followUs {
        top: 0px;
    }

    .practice-image-outer {
        margin-bottom: 0;
        padding-left: 30px;
        padding-right: 30px;
    }

    .breadcrumbShort {
        margin-top: 25px;
    }

    .pnlContact hr {
        margin-top: 20px;
        margin-bottom: 20px;
    }

    .footerimg2 {
        float: right;
    }

    .docLink {
        padding: 29px 5px;
        padding-bottom: 27px;
    }

    .navLayoutcontainer .navbar-nav > li > .dropdown-menu.dropMenuMore {
        padding-left: 7px;
        padding-right: 7px;
    }

    .navLayoutcontainer .navbar-nav > li:last-child > a {
        padding-right: 0;
    }

    .newsForm {
        text-align: left;
    }

    .followUs {
        width: 100%;
        display: inline-block;
    }

    .pnlfollowUs a {
        margin: 0 2px;
    }

    .blk {
        padding: 45px 30px;
    }

    .content-image {
        margin-bottom: 35px;
    }

    .footerimg img {
        width: 48px;
    }

    .blogDateAuthor,
    .rowCustom30 .pubCol .itemDetails {
        padding-left: 30px;
        padding-right: 30px;
    }

    .itemSocial {
        margin-bottom: 0
    }

        .itemSocial li {
            width: 30px;
            display: inline-block;
        }

    .socialIconsMain {
        bottom: 3vw;
        left: auto;
        right: 5vw;
    }

        .socialIconsMain:after {
            height: 1.5px;
            width: 100%;
        }

        .socialIconsMain li {
            margin: 27px 15px;
            display: inline-block;
        }
}

@media screen and (max-width: 767px) {
    .navLayoutcontainer .navbarMain .dropdown-menu > li > a:hover:after {
        background-color: transparent;
    }

    .kanekatiDetails {
        padding: 10vw 6vw;
    }

    .vote-image {
        background-size: contain;
    }

    .js-eklogesPage .topBGOverlay_blog {
        display: none
    }

    .eklogesLogoLeft {
        display: none !important
    }

    .bgDinami {
        background-image: url('/Content/images/EDEK-dinami.png');
        height: 60px;
    }

    .eklogesTopMenu {
        margin-bottom: 0;
        width: 130px;
        margin-top: 20px;
    }

    .sidebar-menu li a {
        padding: 8px;
    }

    .js-eklogesPage .navLayoutcontainer .navbar-brand {
        top: -35px;
        position: relative;
        padding-top: 0 !important
    }

    .topBGImage.topBGImage-small .navLayoutcontainer {
        margin-top: 45px;
    }

    .socialIconsMain.right {
        right: 3vw;
        bottom: 13vw;
    }

    .socialIconsMain li {
        margin: 10px 7px;
    }

        .socialIconsMain li a {
            font-size: 19px;
            color: white;
        }

    .contactForm .text-danger {
        padding-left: 15px;
        padding-right: 0;
    }

    .country-map {
        width: 34px;
        left: -33px;
    }

    .contentSubtitle {
        font-size: 18px;
        line-height: 1.4;
    }

    .kanameKatiSingle_div.slick-dotted.slick-slider {
        margin-bottom: 9vh
    }

    #videoElement {
        display: none;
    }

    .eklogesTopMenu .sidebar-menu li {
        display: block;
    }

    .signupDivOuter, .pesIcons {
        width: 100%;
    }

    .navLayoutcontainer .navbar-collapse {
        position: absolute;
        z-index: 1;
        left: -15px;
        right: -15px;
    }

    .rowCustom30 {
        margin-left: 0;
        margin-right: 0;
    }

    .contactForm {
        margin-top: 20px;
    }

    .pnlDocumentContent {
        margin-top: 0;
    }

    .mce-content-body, .docHtmlBody, .mce-content-body *, .docHtmlBody * {
        font-size: 16px !important;
    }

    .row.reorder-xs {
        -webkit-transform: rotate(180deg);
        -moz-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
        -o-transform: rotate(180deg);
        transform: rotate(180deg);
        direction: rtl;
    }

        .row.reorder-xs > [class*="col-"] {
            -webkit-transform: rotate(-180deg);
            -moz-transform: rotate(-180deg);
            -ms-transform: rotate(-180deg);
            -o-transform: rotate(-180deg);
            transform: rotate(-180deg);
            direction: ltr;
        }

    .divLoggedInLayout {
        left: 14vw;
        right: calc(14vw - 26px);
        margin: auto;
        width: 50%;
        text-align: center;
    }

    .headerUnderline {
        font-size: 22px;
        text-align: center;
        margin-bottom: 40px;
    }

        .headerUnderline:before {
            left: 0;
            right: 0;
            margin: auto;
            width: 2.9em;
        }

    .pubContentColFixed .headerUnderline {
        font-size: 27px;
        margin-bottom: 20px;
        padding-bottom: 15px;
    }

    .colItemPerson.headerUnderline {
        margin-bottom: 20px;
        padding-bottom: 10px;
    }

    .pubContentColFixed {
        padding-right: 0;
    }

    .imgUserForAssign {
        width: 60px;
        height: 60px;
    }

    .blogSelUserDetails {
        width: 100%;
        display: block;
        padding-left: 0;
    }

    .dropdown-menu li a .blogSelUserDetails {
        width: calc(100% - 47px);
        display: inline-block;
        padding-left: 18px;
    }

    .pubContentColFixed .itemDetails {
        margin-bottom: 5px;
    }

    .pubContentColFixed .itemAuthor,
    .pubContentColFixed .itemAuthor a {
        font-size: 16px;
    }

    .itemAuthorDescription {
        font-size: 13px;
        margin-top: 1px;
    }

    .imgCreatedByEdekUserPhoto {
        margin: 0 auto;
        max-width: 65px;
    }

    .pnlDocumentContent .itemAuthor {
        font-size: 15px;
    }

    .pubContentColFixed .itemAuthor.headerUnderline {
        padding-bottom: 0;
        margin-bottom: 15px;
        margin-top: 6px;
    }

    .itemSocial {
        font-size: 28px;
        background-color: #f4f0eb;
    }

    .itemSocial-horizontal .itemSocial {
        margin-bottom: 8px
    }

    .pnlDocumentContent .itemsTitle {
        font-size: 29px;
        line-height: 1.2;
        margin-bottom: 15px;
        text-align: center;
    }

    .pnlDocumentContent.pnlPostDetails .itemsTitle {
        margin-bottom: 0;
    }

    .pnlPostDetails .js-bgImageContentDetails {
        margin-bottom: 22px;
        margin-top: 15px;
    }

    .pubCol, .pnlPostDetails .js-bgImageContentDetails, iframe.docContentVideoIframe {
        border-width: 12px;
    }

    .pnlDocumentContent .breadcrumb {
        text-align: center;
    }

    .personDiv {
        border-top: 2px solid #567f77;
        border-left: 0;
        padding-left: 0;
        padding-top: 20px;
    }

    .js-modalMenuItem .personDiv {
        border-top: 0;
    }

    .dropMenuMore:before {
        display: none
    }

    .col-xs-center-block {
        margin-left: auto;
        margin-right: auto;
        float: none !important;
        display: block
    }

    .flexrow {
        display: block
    }

    .blogDateAuthor {
        position: initial;
    }

    .blogDateAuthor,
    .rowCustom30 .pubCol .itemDetails {
        padding-right: 18px;
        padding-left: 18px;
    }

    .rowCustom30 .pubCol .itemDetails {
        padding-top: 22px;
        padding-bottom: 22px;
    }

    .rowCustom30 .pubCol {
        width: 100%;
        padding-bottom: 18px;
    }

    .container {
        padding-left: 30px;
        padding-right: 30px;
    }

    footer {
        text-align: center;
    }

        footer .btnGreenGold {
            width: 65%;
            font-size: 15px;
            padding: 6px 12px;
        }

    .docHtmlBody iframe,
    iframe.docContentVideoIframe {
        height: 238px;
    }

    .itemImage {
        margin-right: auto;
        margin-left: auto;
        float: none;
    }

    .videoElementTextOuter {
        margin-top: 28vw;
        margin-bottom: 10vw;
    }

    .videoElementText {
        font-size: 16.5vw;
    }

    .btnSignup {
        margin-left: auto;
        margin-right: auto;
        display: block;
        margin-top: 10px;
    }

    .signupDivInput {
        width: 100%;
        margin-bottom: 0;
    }

    .signupDiv {
        margin-right: 0;
        width: 100%;
        margin-top: 4.5vw;
    }

        .signupDiv .field-validation-error {
            margin-top: 4px;
            padding-left: 0;
        }

        .signupDiv .control-label {
            width: 100%;
            text-align: left;
            padding-right: 0;
            margin-top: 10px;
        }

    .js-newsFormSubscribe {
        font-size: 29px;
    }

    /*.navLayoutcontainer.menuAbs .navbar {
        padding-left: 0;
        padding-right: 0;
    }*/

    .navLayoutcontainer .navbar-nav > li.active > a,
    .navLayoutcontainer .navbar-nav > li.active > a:hover,
    .navLayoutcontainer .navbar-nav > li.active > a:focus {
        color: #a48d61;
    }

    .navLayoutcontainer .navbar .navbar-toggle {
        /*height: 33px;
        padding: 8px 7px;*/
        margin-right: -12px;
        /*margin-top: 0;
        border-radius: 0;*/
    }

        .navLayoutcontainer .navbar .navbar-toggle,
        .navLayoutcontainer .navbar .navbar-toggle:focus,
        .navLayoutcontainer .navbar .navbar-toggle:hover {
            /*border: 0;*/
            /*background-color: #f4f0eb;*/ margin-top: 4vw;
        }

            .navLayoutcontainer .navbar .navbar-toggle .icon-bar {
                background-color: #ed1c24 !important;
                height: 3px;
                width: 26px;
                transition: 0.3s all linear;
            }


    .navbar-toggle .icon-bar + .icon-bar {
        margin-top: 5px;
    }

    .navbarMain li {
        background-color: #f4f0eb;
    }

    .navbarTopAbs {
        display: none;
        position: initial;
        margin: 0 -15px;
        margin-top: 5px;
        width: calc(100% + 30px);
    }

        .navbarTopAbs li {
            min-width: 0;
            width: auto;
            width: initial;
            width: 100%;
            font-size: 15px;
        }

            .navbarTopAbs li a {
                padding: 15px 15px;
            }

    .js-photoDiv .control-label {
        padding-top: 7px
    }

    .captchaDiv {
        float: left;
    }

    .ulOuter {
        padding-left: 0;
        margin-bottom: 10px;
    }

    .moto {
        font-size: 3vw;
    }

    .motoInner {
        top: 4px;
    }

        .motoInner .itemMonthBefore {
            height: 1vw;
            width: 3.4vw;
        }

    .getUpdated {
        font-size: 15px;
        padding-right: 6px;
    }

    .navLayoutcontainer .navbar-nav > li > a {
        padding: 12px 15px;
        box-shadow: none;
        font-size: 15px;
        font-family: 'DinGrMd';
    }

    .topBGImage .navLayoutcontainer .navbar-nav > li > a {
        color: #175047;
        text-shadow: none;
    }

    .navLayoutcontainer .navbar-nav > li .dropdown-menu.dropMenuMore {
        -webkit-box-shadow: none;
        box-shadow: none;
    }

    .itemContentImage {
        padding-bottom: 50%;
    }

    .isHighlighted .detReview {
        font-size: 22px;
    }

    .practiceAreasTop {
        margin-bottom: 30px;
        padding-bottom: 10px;
    }

    .searchPeople .ui-widget input {
        max-width: 100%;
    }

    #logoImage {
        width: 10vw;
    }

    .navLayoutcontainer {
        padding-bottom: 15px;
    }

        .navLayoutcontainer .navbar-brand {
            padding-left: 0;
            padding-top: 3.2vw;
        }

    .paIcon {
        width: 60px;
        padding: 30px 0;
        margin-right: 5px;
    }

    .firmCol .pubDivText {
        font-size: 41px;
    }

    .philosophyInner {
        padding-left: 10px;
        margin-top: 5px;
    }

    .officeImage {
        padding-bottom: 50%;
        margin-bottom: 5px;
    }

        .officeImage:not(.active) {
            /*padding-bottom: 14%;*/
        }

            .officeImage:not(.active) .personName {
                background-color: hsla(32, 37%, 92%, 0.7);
                color: #3e4141;
            }

        .officeImage.active .personName .name,
        .officeImage:hover .personName .name {
            font-size: 34px;
            bottom: 1vw;
        }

        .officeImage .personName {
            top: 0;
            min-height: auto;
            min-height: initial;
        }

            .officeImage .personName hr {
                width: 34vw !important;
                margin-bottom: 8px;
                margin-top: 0;
            }

        .officeImage:not(.active) .personName hr {
            border-color: #ce5a29;
        }

    .pubCol:hover .itemMonthBefore {
        left: 0;
    }

    .expectCol {
        padding: 0 30px;
    }

    .navLayoutcontainer .navbarMain {
        margin-top: -6px; /*for display-block gap*/
    }

    .pubDivText {
        font-size: 8vw;
    }

    .bgOver {
        /*top: 2%;*/
    }

    .bgOver {
        width: 100px;
        top: 30px;
        right: 15px;
    }

    .whatToExpect {
        font-size: 49px;
        margin-bottom: 50px;
    }

    .itemType img {
        max-width: 50px;
        margin-right: 0;
    }

    .pubCol.isHighlighted {
        padding-left: 25px;
        padding-right: 25px;
    }

    .itemMonth {
        min-height: 0;
    }


    .itemType {
        bottom: auto;
        top: -5px;
        right: 0;
    }

    .isHighlighted .itemType {
        top: 23px;
        right: 15px;
    }

    .pubContentCol .itemMonth {
        margin-top: 0;
    }

    .expectCol img {
        max-width: 17%;
    }

    .homeSplit {
        padding: 0
    }

    .personName {
        font-size: 15px;
    }

    .pubDiv.bottom {
        padding: 12vw 4.5vw;
        padding-top: 13.5vw;
    }

    .js-PersonDetailsName {
        margin-top: 20px;
    }

    .personContentImageOuter .contentSubtitle {
        margin-bottom: 30px;
    }

    .personContentImage {
        height: 300px;
        width: calc(100% - 30px);
        position: relative;
        bottom: 0;
        margin: 0 15px;
        border-bottom: 2px solid #ce5a29;
    }

    .slick-prev:before, .slick-next:before {
        font-size: 35px;
    }

    .slick-prev {
        left: -52px;
    }

    .slick-next {
        right: -52px;
    }

    .pnlSearchResults {
        padding: 10px 50px;
    }

    ul.dropdown-menu.dropMenuMore {
        padding: 0 26px;
    }

    .dropMenuMore,
    .dropMenuMore li {
        padding-top: 0;
        padding-bottom: 0;
        box-shadow: none;
    }

    .navLayoutcontainer .navbar-nav > li > ul > li .dropdown-menu.dropMenuMore li {
    }

    .navLayoutcontainer .nav.navbarMain li {
        border-bottom: 1px solid white;
    }

        .navLayoutcontainer .nav.navbarMain li:last-child {
            border-bottom: 0;
        }

    .navbar .navbar-nav .open .dropdown-menu > li > a {
        color: #175047;
        font-family: DinGrRg;
        white-space: normal;
    }

    .navbar .navbar-nav .open .dropdown-menu li.dropdown.dropdown-submenu.open .dropdown-toggle {
        font-family: DinGrMd
    }


    .navbar .navbar-nav .open .dropdown-menu > .active > a,
    .navbar .navbar-nav .open .dropdown-menu > .active > a:hover,
    .navbar .navbar-nav .open .dropdown-menu > .active > a:focus {
        color: #ca1218;
    }

    .navbar .navbar-nav .open .dropdown-menu li a:hover,
    .navbar .navbar-nav .open .dropdown-menu li a:focus {
        color: #217366;
    }

    .navLayoutcontainer .nav li:last-child {
        border-bottom: none;
    }

    a.publication-box .itemMonth {
        bottom: 5px;
    }

    .dropMenuMore li {
        text-align: left;
    }

    a.practice-box {
        height: 60px;
        margin-top: 0px;
        margin-bottom: 0px;
    }

    .box-center {
        transform: translate(0,-40%);
    }

    .officeImage:not(.active) a {
        color: #3e4141
    }

    .js-imgSuccessTxt {
        width: auto;
        top: 0;
        padding-left: 7px;
        padding-right: 7px;
        padding-bottom: 4px;
        padding-top: 7px;
        font-size: 13px;
        margin-bottom: 8px;
    }

    #newslettermail-error {
        position: auto;
        position: initial;
    }

    #newsForm {
        text-align: left
    }

    .kinaSelect.bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn),
    .searchPeople .ui-widget input {
        width: 100%;
        margin-bottom: 10px;
    }

    a.publication-box {
        padding: 15px;
        border-bottom: 1px solid;
        text-align: center;
        font-size: 16px;
        line-height: 1.2;
    }

        a.publication-box .box-center {
            position: initial;
            transform: initial;
        }

    .pnlContactDetails {
        padding-top: 30px;
    }

    .contact-table {
        padding-bottom: 15px;
    }

    .followUs {
        padding-right: 0;
    }

    a.scBrand {
        left: 14px;
        bottom: 12px;
    }

    .pnlfollowUs {
        margin-bottom: 13px;
        margin-top: 15px;
    }

        .pnlfollowUs a {
            margin: 0;
            margin-left: 2px;
        }

        .pnlfollowUs img {
            height: 32px;
        }

    .jumpDownArrow.absCenterBottom {
        bottom: 16vw;
    }

    .mainHeader {
        font-size: 12.5vw;
        width: 100%;
        text-align: center;
    }

    .mhQuote {
        font-size: 11vw;
        padding-left: 1.3em;
    }

    .firmSubtitle {
        font-size: 9vw;
    }

    hr {
        margin-bottom: 25px;
    }

    .pnlHome {
        padding-top: 10px;
    }


        .pnlHome .item-tag {
            min-width: 185px;
            bottom: 13px;
        }

        .item-tag,
        .pnlHome .item-tag {
            font-size: 15px;
        }

    .headerTitle, .areasOfPractice {
        font-size: 17px;
    }

    a.newsTitle {
        font-size: 18px;
    }

    a.newsSubtitle {
        font-size: 16px;
    }

    .newsDate {
        font-size: 13px;
    }
}

@media (min-width: 768px) and (max-width: 1199px) {
    .reprWork-image {
        background-position: center -215px;
    }
}

@media (min-width: 768px) {

    .eklogesTopMenu .sidebar-menu li {
        width: calc(50% - 12px);
        margin: 6px;
    }

    .modal-lg {
        width: 90vw;
    }

    .navbarTopAbs li {
        height: 50px;
        overflow: hidden;
    }

    .kanameKatiSingle_div a {
        max-width: calc(100% - 72px);
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        float: left;
        padding: 10px 18px;
    }

    .kanameKatiSingle_date {
        position: absolute;
        right: 0;
        top: 0;
        bottom: 0;
    }

    .registerInner {
        display: inline-block
    }

    .personDiv.right {
        border-right: 2px solid #567f77;
        border-left: 0;
        padding-right: 3.7vw;
        padding-left: 0;
    }

    .pubContentColFixed.right,
    .sidebar.sidebar-right {
        padding-left: calc(3.7vw - 30px);
        padding-right: 0;
    }

        .sidebar.sidebar-right .itemSocial-horizontal .itemSocial {
            padding-right: 0;
        }

    .itemSocial-horizontal {
        margin-bottom: 20px
    }

    .itemAuthorSocialMedia .itemSocial,
    .itemAuthorSocialMedia .itemSocial-horizontal {
        margin-bottom: 2px;
        margin-left: 0;
    }

    .pnlfollowUs ul {
        font-size: 24px;
    }

    .footerAddress {
        margin-bottom: 3px;
        padding-right: 15px;
        display: inline-block
    }

    .pnlfollowUs, .policies {
        text-align: right;
    }

    .navLayoutcontainer .navbarMain,
    .locationMap {
        float: right
    }

    .topBGOverlay_contact {
        float: right;
        max-width: 660px;
    }

    .navbarTopAbs {
        right: 0;
    }

    .homeSplit.first {
        padding-left: 0
    }

    .homeSplit.second {
        padding-right: 0
    }

    .col-same-heigh {
        display: table-cell;
        padding: 16px;
    }

    .mainHeader {
        font-size: 53px;
    }

    .pubContentColFixed {
        position: sticky;
        top: 8vh;
        /* width: inherit; */
        /*max-width: 320px;*/
        padding-left: 0;
        padding-bottom: 250px; /*for not cropping bottom*/
    }
}

@media (min-width: 992px) {

    .eklogesTopMenu .sidebar-menu li {
        width: calc(33.3% - 12px);
    }

    .imgPopup {
        margin-top: 10px;
    }

    .modal .docHtmlBody {
        overflow: hidden;
        max-height: calc(100vh - 11vw - 200px);
        overflow-y: auto;
        padding-right: 35px;
    }

    .itemAuthorDescription {
        margin-left: 4vw;
        margin-right: 4vw;
    }

    .colItemPerson {
        /*padding-right: 0.8vw*/
    }

    .pnlfollowUs {
        text-align: right
    }

    .navbarTopAbs li {
        width: 215px;
    }

    .pesIcons {
        float: right;
        right: 7vw;
        top: -35px;
    }

    .pubGutter {
        padding-left: 15px;
    }

    .pubCell {
        float: none;
        display: table-cell;
        vertical-align: top;
    }

    .pubColTbl {
        display: table
    }

    #logoImage {
        /*max-width: 107px;*/
    }

    .practice-image-outer {
        padding-left: 50px;
        padding-right: 50px;
    }

    .practice-image-outer {
        padding-right: 0;
    }

    .eklogesTopMenu {
        max-width: 86%;
    }

    .mainHeader {
        font-size: 60px;
    }
}

@media (min-width: 1200px) {

    .modal-lg {
        width: 1100px; /*NN  */
    }

    .pubContentColFixed {
        /*padding-right: calc(3.7vw - 50px);*/
    }

    .kanameKatiSingle_title {
        float: left;
        width: 358px;
    }

    .kanameKatiSingle_div {
        float: left;
        width: calc(100% - 358px);
    }

    footer .btnGreenGold {
        margin-right: 12px;
        padding: 9px 22px;
        font-size: 15px;
        margin-top: 8px;
    }

    .footerimg img {
        margin-right: 10px;
    }

    .itemDetails {
        width: calc(100% - 282px);
        float: left
    }

    .pubContentCol {
        padding-right: 50px;
    }

    .pnlVideoHighlights {
        width: calc(100% - 10px);
    }

    .pnlEpipairotitaHighlights {
        margin-left: 10px;
        margin-top: 90px;
    }


    .navbarTopAbs {
        right: 0;
    }

    .navLayoutcontainer .navbar-nav > li > a {
        padding: 7px 12px;
    }

    .bgImageMarginBottom {
        margin-bottom: 30px;
    }

    .news-image {
        background-position: -250px center;
    }


    .subPractices .itemPracticeArea {
        width: 20%; /*to accomodate 5 items in a row*/
    }

    .personRightContent {
        padding-left: 30px;
        padding-top: 30px;
    }

    #logoImage {
        /*max-width: 143px;*/
    }

    .practice-image-outer {
        padding: 0;
    }

    .table-container {
        display: table;
        table-layout: fixed;
        width: 100%;
    }

        .table-container .col-table-cell {
            display: table-cell;
            vertical-align: middle;
            float: none;
        }
}

/*
    ipad pro
*/
/* Portrait and Landscape */
@media only screen and (min-device-width: 1024px) and (max-device-height: 1366px) and (-webkit-min-device-pixel-ratio: 1.5) {
}

/* Portrait */
@media only screen and (min-device-width: 1024px) and (max-device-height: 1366px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 1.5) {
}

/* Landscape */
@media only screen and (min-device-width: 1024px) and (max-device-height: 1366px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 1.5) {
}

/* 
  ##Device = Desktops
  ##Screen = 1281px to higher resolution desktops
*/

@media (min-width: 1400px) {
    .eklogesTopMenu {
        max-width: 100%;
    }

    .firmColOuter {
        padding: 0 85px;
        padding-right: 6vw;
    }

    a.practice-box {
        font-size: 19px;
    }

    .personCol.col-xl-2 {
        width: 16.66666667%;
    }

    .container {
        width: 1320px; /*NN new Bootstrap 5 xxl col*/
    }
}

.expectCol-visible-block {
    display: none !important;
}

@media (max-width: 1599px) and (min-width: 768px) {
    .expectCol-visible-block {
        display: block !important;
    }
}

@media (min-width: 1600px) {

    .eklogesTopMenu .sidebar-menu li {
        width: initial;
        margin: 0
    }

    .container {
        width: 1440px; /*NN  */
    }

    .modal-lg {
        width: 1350px; /*NN  */
    }

    .firmColOuter {
        padding-right: 11vw;
    }

    .expectCol {
        width: 16.66666667%;
    }

    a.publication-box .itemsTitle {
        margin-bottom: 15px;
    }

    a.publication-box .itemMonth {
        bottom: 5px;
    }

    a.publication-box .box-center {
        left: 15px;
        right: 15px;
    }

    .searchPeople .container {
        width: 1500px;
    }

    .vegas-slide-inner {
        /*background-position-y: calc(50% + 90px) !important;*/
    }
}

@media (min-width: 1921px) {

    .firmColOuter {
        padding-right: 15vw;
    }

    .js-pnlImage {
        max-height: 889px;
    }
}

/* iPads (portrait and landscape) ----------- */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) {
    #videoElement {
        display: none
    }

    .pnlPublications .readMoreTag {
        padding: 3px 5px;
        padding-bottom: 1px;
    }
}

/* iPads (landscape) ----------- */
@media (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) {

    .mainHeader {
        font-size: 6.5vw;
    }
}

/* ----------- iPad Pro 10.5" ----------- 
/* ----------- iPad Pro 12.9" ----------- */
/* Portrait and Landscape */
@media only screen and (min-device-width: 768px) and (max-device-width: 1366px) and (-webkit-min-device-pixel-ratio: 2) {

    #videoElement {
        display: none
    }

    .pesIcons {
        top: 0;
    }

    .videoElementTextOuter {
        margin-top: 18vw;
    }

    .videoElementText {
        font-size: 9vw;
    }

    .videoElementText2 {
        right: 0;
    }
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1366px) and (-webkit-min-device-pixel-ratio: 2) and (orientation:portrait) {

    .videoElementTextOuter {
        margin-top: 25vw;
    }

    .videoElementText {
        font-size: 12.2vw;
    }
}

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

    #logoImage {
        width: 15vw;
    }

    .navbarTopAbs li a {
        padding: 15px 7px;
    }

    .navLayoutcontainer .navbar-nav > li > .dropdown-menu.dropMenuMore,
    .navLayoutcontainer .navbar-nav > li > a,
    .navbarTopAbs li {
        /*font-size: 3.5vw;*/
    }
}