/*------------------------------------------------------------------
[ Global ]*/

*, h1, h2, h3, h4, h5, h6, p, a {
    margin: 0px;
    padding: 0px;
    box-sizing: border-box;
}

body, html, p {
    font-size: 16px;
    overflow-x: hidden;
    color: #333333;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: antialiased;
}

a:hover {
    text-decoration: none;
}

a:focus {
    outline: none;
}

.c-pointer {
    cursor: pointer;
}

.c-default {
    cursor: default;
}

.height-fullscreen {
    height: 100vh;
}

/*------------------------------------------------------------------
[ background ]*/

.bg-white-op {
    background-color: rgba(0, 0, 0, .1)
}

.bg-orange {
    background-color: #F47B4B;
}

.bg-orange2 {
    background-color: #ffa466;
    color: #fff !important;
}

.bg-orange3 {
    background-color: #fff4ed
}

.bg-gray {
    background-color: #d3d3d3;
    color: #333 !important;
}

.bg-gray2 {
    background-color: #eaeced;
}

.bg-gray-op {
    background-color: rgba(211, 211, 211, 0.7);
}

.bg-invert {
    filter: invert(40%);
}

.bg-two-tone {
    background: linear-gradient(90deg, #fff4ed 50%, #f4f5f5 50%);
}

@media (max-width: 991.98px) {
    .bg-two-tone {
        background: linear-gradient(180deg, #fff4ed 65%, #f4f5f5 35%);
    }
}

@media (max-width: 767.98px) {
    .bg-two-tone {
        background: linear-gradient(180deg, #fff4ed 62.5%, #f4f5f5 37.5%);
    }
}

@media (max-width: 575.98px) {
    .bg-two-tone {
        background: linear-gradient(180deg, #fff4ed 50%, #f4f5f5 50%);
    }
}

/*------------------------------------------------------------------
[ color ]*/

.text-orange {
    color: #F47B4B !important;
}

.text-gray {
    color: #6f6f6e !important;
}

.text-white-menu {
    color: #ffffff !important;
}

.text-gray2 {
    color: #d3d3d3 !important;
}

.text-gray-op {
    color: rgba(211, 211, 211, 0.4) !important;
}

.text-main {
    color: #212529 !important;
}

/*------------------------------------------------------------------
[ border ]*/

.border-r-20 {
    border-radius: 20px;
}

.border-r-15 {
    border-radius: 15px;
}

.border-v-l {
    border-left: 3px solid #ccc
}

/*------------------------------------------------------------------
[ hover ]*/

.hov1:hover {
    filter: brightness(.9);
    cursor: pointer;
}

.non-hover:hover {
    cursor: default;
}

/*------------------------------------------------------------------
[ hover ]*/

.shadowCustom {
    box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.5);
    -webkit-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.5);
    -moz-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.5);
}

.shadowCustom-2 {
    box-shadow: 0px 0px 2px 1px rgb(231, 231, 231);
    -webkit-box-shadow: 0px 0px 2px 1px rgb(231, 231, 231);
    -moz-box-shadow: 0px 0px 2px 1px rgb(231, 231, 231);
}

.shadowright {
    box-shadow: 5px 0 4px -6px rgba(0, 0, 0, 0.5);
    -webkit-box-shadow: 5px 0 4px -6px rgba(0, 0, 0, 0.5);
    -moz-box-shadow: 5px 0 4px -6px rgba(0, 0, 0, 0.5);
}

.shadowLeft {
    box-shadow: 5px 0 4px -6px rgba(0, 0, 0, 0.5);
    -webkit-box-shadow: 5px 0 4px -6px rgba(0, 0, 0, 0.5);
    -moz-box-shadow: 5px 0 4px -6px rgba(0, 0, 0, 0.5);
}

@media (max-width: 991.98px) {
    .shadowLeft {
        box-shadow: none;
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
    }
}

/*------------------------------------------------------------------
[ select ]*/

.box {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.box select {
    background-color: #F47B4B;
    color: white;
    padding: 10px 30px;
    width: 160px;
    border: none;
    box-shadow: 0 5px 25px rgba(0, 0, 0, 0.2);
    -webkit-appearance: button;
    appearance: button;
    outline: none;
    border-radius: 50px;
}

.box::before {
    content: "\f150";
    font-family: "Font Awesome 5 Free";
    position: absolute;
    top: 0;
    right: 0;
    padding-top: 5px;
    padding-right: 5px;
    width: 30%;
    height: 100%;
    text-align: center;
    font-size: 22px;
    color: rgba(255, 255, 255, 0.5);
    pointer-events: none;
}

.box:hover::before {
    color: rgba(255, 255, 255, 0.6);
    background-color: rgba(255, 255, 255, 0.2);
}

.box select option {
    padding: 30px;
}

/*------------------------------------------------------------------
[ z-index ]*/

.z-1 {
    z-index: 1;
}

.z-2 {
    z-index: 2;
}

.z-3 {
    z-index: 3;
}

.z-4 {
    z-index: 4;
}

.z-5 {
    z-index: 5;
}

.z-6 {
    z-index: 6;
}

.z-7 {
    z-index: 7;
}

.z-8 {
    z-index: 8;
}

.z-9 {
    z-index: 9;
}

.z-10 {
    z-index: 10;
}

/*------------------------------------------------------------------
[ grid ]*/

.grid2 {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 1fr;
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 10px;
}

.grid3 {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 1fr 1fr;
    grid-template-columns: repeat(3, 1fr);
    grid-gap: 70px 250px;
}

.grid4 {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 1fr 1fr 1fr;
    grid-template-columns: repeat(4, 1fr);
    grid-gap: 50px 100px;
}

/*------------------------------------------------------------------
[ map ]*/

.map {
    width: 100%;
    height: 70vh;
    right: 0;
    top: 0;
}

/*------------------------------------------------------------------
[ arrow ]*/

.arrow-right {
    margin-right: -31px;
    width: 31px;
    /* -webkit-transform: rotate(270deg);
    -moz-transform: rotate(270deg);
    -o-transform: rotate(270deg);
    -ms-transform: rotate(270deg);
    transform: rotate(270deg); */
}

.arrow-right-v2 {
    margin-right: -30px;
    width: 31px;
    /* -webkit-transform: rotate(270deg);
    -moz-transform: rotate(270deg);
    -o-transform: rotate(270deg);
    -ms-transform: rotate(270deg);
    transform: rotate(270deg); */
}

/*------------------------------------------------------------------
[ media ]*/

@media (max-width: 1199.98px) {
    .grid3 {
        grid-gap: 70px 180px;
    }
}

@media (max-width: 991.98px) {
    .grid3 {
        grid-gap: 70px 65px;
    }
    .grid4 {
        grid-template-columns: repeat(3, 1fr);
        grid-gap: 50px 70px;
    }
}

@media (max-width: 767.98px) {
    body, html, p {
        font-size: 15px;
    }
    .grid3 {
        grid-gap: 70px 150px;
        grid-template-columns: repeat(2, 1fr);
    }
    .grid4 {
        grid-template-columns: repeat(2, 1fr);
    }
}

/* nav menu */

.nav-menu {
    width: 69px;
    cursor: pointer;
}

.img-logo-menu {
    width: 500px;
}

@media (max-width: 767.98px) {  
    /* nav menu */
    .img-logo-menu {
        width: 350px !important;
    }
}

@media (max-width: 575.98px) {
    body, html, p {
        font-size: 14px;
    }
    .grid2 {
        grid-template-columns: repeat(1, 1fr);
    }
    .grid3 {
        grid-gap: 50px 30px;
    }
    .grid4 {
        grid-gap: 50px 30px;
    }
    /* nav menu */
    .img-logo-menu {
        width: 260px !important;
    }
    .nav-menu {
        width: 59px !important;
    }
}

.img-social {
    width: 43.19px;
}

.other-arrow {
    width: 80px;
    margin-top: -1px;
}

.jssocials-share-link {
    border-radius: 50% !important;
    border: 1px solid !important;
}

/* preview */

.preview-title-font-size {
    font-size: 19pt;
}


/* p-publication-home */

.p-publication-home div{
    width: 200px;
}

@media (max-width: 450px) {
    .p-publication-home div{
        width: 140px;
    }
}