/*############################################################
-> HEADER
############################################################*/


ul.list, ul.list-2 {
    list-style: circle;
    padding-left: 20px;
    line-height: 40px;
}
.navigation-dropdown-list .row {
    align-items: flex-start;
    justify-content: center;
}
.sld-ikon {
    position: absolute;
    z-index: 10;
    width: 200px;
    bottom: 70px;
    left: 0;
    right: 0;
    margin: auto;
}


@media (max-width: 991.98px) {

    .sld-ikon {
        width: 150px;
    }

}/*@media (max-width: 991.98px)*/


/*############################################################
<- HEADER
############################################################*/




/*############################################################
-> HİZMETLER
############################################################*/

.content-edit h3 {
    color:var(--c1);
}
.content-edit h3.strong {
    color:var(--c2);
}
.content-edit h4 {
    color:var(--c1);
}
.content-edit h4.strong {
    color:var(--c2);
}
.content-edit p {
    margin-bottom: 10px;
}
.content-edit p strong {
    font-weight: 600;
}
.hizmet-1 .ikonlar {
    margin: 50px 0;
    justify-content: space-between;
}
.hizmet-1 .ikonlar > .ikon {
    border: 1px solid var(--c3);
    margin: 0 16px;
    padding: 20px;
    display: flex;
    align-items: center;
    justify-content: left;
    margin-bottom: 10px;
}
.hizmet-1 .ikonlar > .ikon:hover {
    border: 2px solid var(--c1);
    color: var(--c1);
}
.hizmet-1 .ikonlar > .ikon img {
    width: 60px;
    height: auto;
}
.hizmet-1 .ikonlar > .ikon span {
    margin-left: 35px;
}
.hizmet-tabs {
    align-items: flex-start;
    margin-bottom: 100px;
    margin-top: 60px;
}
.tabs {
    display: flex;
    flex-direction: column;
}
.tab {
    padding: 15px 10px;
    cursor: pointer;
    border: 1px solid var(--c1);
    text-align: center;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.tab:not(:last-child) {
    border-bottom: unset;
}
.tab.active {
    background: var(--c1);
}
.tab-content {
    flex-grow: 1;
    background: #fff;
    width: 100%;
    padding-bottom: 35px;
}
.tab-content div {
    display: none;
}
.tab-content div.active {
    display: block;
}
.tabs > .tab > span {
    color: var(--c2);
}
.tabs > .tab > i {
    color: var(--c1);
}
.tabs > .tab.active > i {
    color: var(--c2);
}
.tab-content div img {
    width: 100%;
}
.tab-content div .content {
    font-size: 17px;
    line-height: 24px;
    position: relative;
    top: 30px;
}
.tab-content div .content span.title2 {
    color:var(--c1);
    font-weight: 600;
}
.hizmet-5 {
    margin-top: 50px;
    margin-bottom: 50px;
}
.hizmet-5 .row {
    flex-wrap: wrap;
}
.hizmet-5 .item {
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-between;
    border: 1px solid var(--c5);
    padding: 0;
    align-items: center;
    margin-bottom: 30px;
}
.hizmet-5 .item .sayi {
    color: var(--c1);
    font-size: 40px;
    flex-basis: 10%;
    text-align: center;
}
.hizmet-5 .item .content {
    flex-basis: 35%;
    padding-left: 15px;
}
.hizmet-5 .item .img {
    height: 135px;
    flex-basis: 50%;
}
.hizmet-5 .item .img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.hizmet-5 .item .content .title {
    font-weight: 600;
    font-size: 16px;
    line-height: 20px;
    margin-bottom: 4px;
}
.hizmet-5 .item .content .text {
    font-size: 16px;
    line-height: 20px;
}





.side-iletisim {
    border: 1px solid var(--c1);
    margin-top: 50px;
    text-align: center;
}
.side-iletisim .title {
    background-color: var(--c1);
    color: var(--c2);
    padding: 30px 20px;
}
.side-iletisim .title span:first-child {
    display: block;
}
.side-iletisim .title span:last-child {
    display: block;
    font-weight: 600;
}
.side-iletisim .tel {
    text-align: center;
    position: relative;
}
.side-iletisim .tel i {
    position: absolute;
    top: -35px;
    left: 0;
    right: 0;
    margin: auto;
    color: var(--c1);
    background-color: #fff;
    width: 50px;
    height: 50px;
    border-radius: 31px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 20px;
}
.side-iletisim .tel a {
    padding: 30px 20px;
    display: block;
    margin-top: 15px;
}

.content-img > div:last-child img {
    width: 100%;
}

.hizmet-2 {
    margin-bottom: 50px;
    align-items: start;
    justify-content: space-between;
    flex-wrap: wrap;
}
.list-1 {
    padding-left: 17px; 
}
 .list-1 li {
    position: relative;
 }
 .list-1 li::before {
    position: absolute;
    content: '';
    width: 10px;
    height: 10px;
    background-color: var(--c1);
    left: -16px;
    bottom: 0;
    top: 0;
    margin: auto;
}

.kart {
    position: relative;
    width: 360px;
    height: 400px;
    perspective: 1000px;
    cursor:pointer;
    margin-bottom: 30px;
}

.kart-inner {
    width: 100%;
    height: 100%;
    position: absolute;
    color: var(--c2);
    transform-style: preserve-3d;
    transition: transform 0.6s;
}

.kart:hover .kart-inner {
    transform: rotateY(180deg);
}

.front, .end {
    position: absolute;
    width: 100%;
    height: 100%;
    backface-visibility: hidden;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-between;
    text-align: center;
    border-radius: 10px;
}

.front {
    background: #f8f9fa;
}
.front .title,.end .title {
    border-bottom: 1px solid var(--c5);
    padding-bottom: 12px;
    margin-bottom: 10px;
    margin-top: 20px;
}
.end .title {
    border-bottom: 1px solid #fff;
    padding-bottom: 12px;
    margin-bottom: 10px;
    margin-top: 20px;
}
.front .content,.end .content {
    font-size: 16px;
    line-height: 22px;
    height: 110px;
    padding: 0 10px;
}
.end {
    background: var(--c1);
    color: var(--c2);
    transform: rotateY(180deg);
    padding: 10px;
}
.kart .img-group {
   position: relative;
}
.kart .img-group img {
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
 }
.kart .img-group .ikon {
    position: absolute;
    top: 0;
    left: 10%;
    background-color: #fff;
    padding: 4px 6px;
}
.kart .img-group .ikon img {
    width: 45px;
}
.kart .end .foot {
    position: relative;
    z-index: 10000;
    height: 60px;
    width: 100%;
}
.kart .end .foot img {
    width: 120px;
    height: auto;
    position: absolute;
    bottom: 15%;
    left: 2%;
    z-index: 1000;
}
.pagi {
    margin-bottom: 50px;
}
.pagi ul {
    display: flex;
    justify-content: center;
    margin-top: 50px;
    align-items: center;
}
.pagi ul li {
    margin: 0 5px;
}
.pagi ul li a {
    background-color: #fff;
    border:1px solid var(--c1);
    color: var(--c2);
    width: 40px;
    height: 40px;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    border-radius: 35px;
    font-size: 16px;
}
.pagi ul li.active a,.pagi ul li a:hover {
    background-color: var(--c1);
}
.pagi ul li.arrow a {
    color: var(--c1);
}
.hizmet-3 > .row {
    justify-content: space-between;
    flex-wrap: wrap;
}
.hizmet-3 .ikons {
    display: flex;
    border: 1px solid var(--c5);
    padding: 35px;
    justify-content: space-between;
    flex-basis: 48%;
    margin-bottom: 30px;
}
.hizmet-3 .ikons .content {
    display: flex;
    flex-basis: 65%;
    flex-wrap: wrap;
    padding: 10px;
}
.hizmet-3 .ikons .content .title {
    font-weight: 600;
}
.hizmet-3 .ikons .ikon {
    background-color: var(--c1);
    width: 150px;
    height: 150px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.hizmet-3 .ikons .ikon img {
    margin: 20px;
    width: 100px;
    height: 100px;
}
.body-content {
    display: flex;
    justify-content: center;
    border-top: 1px solid var(--c5);
    border-bottom: 1px solid var(--c5);
}
.body-content .content {
    width: 70%;
    text-align: center;
    padding: 10px 10px;
}
.hizmet-4 .col-6:first-child {
    padding: 50px;
}
.hizmet-4 .col-6:last-child ul li {
    display: flex;
    align-items: center;
    margin-bottom: 25px;
}
.hizmet-4 .col-6:last-child ul li > span{
    font-size: 40px;
    color: var(--c1);
}
.hizmet-4 .col-6:last-child ul li > span{
    font-size: 40px;
    color: var(--c1);
}
.hizmet-4 .col-6:last-child ul li > div{
    margin-left: 25px;
}



@media (max-width: 991.98px) {

    .content-img,.hizmet-tabs {
        flex-wrap: wrap;
    }
    .content-img > div:last-child {
        margin-top: 35px;
    }
    .hizmet-1 .ikonlar {
        flex-wrap: wrap;
    }
    .hizmet-2 {
        justify-content: center;
    }

    .hizmet-3 .ikons {
        flex-basis: 100%;
    }
    .hizmet-4 .row {
        flex-wrap: wrap;
    }
    .hizmet-4 .col-6 {
        width: 100%;
    }
    .text-block-2,.icon-regular.white {
        color: #000;
    }

}/*@media (max-width: 991.98px)*/


@media (max-width: 768px) {




}/*@media (max-width: 767.98px)*/



/*############################################################
<- HİZMETLER
############################################################*/



/*############################################################
-> EA ÇÖZÜMLER
############################################################*/

.ea-title > span {
    color: var(--c1);
}
.top-tabs ul {
    display: flex;
    border-bottom: 1px solid var(--c5);
}
.top-tabs ul li {
    font-size: 20px;
    cursor: pointer;
}
.top-tabs ul li:first-child {
    margin-right: 10px;
}
.top-tabs ul li:first-child.active {
    font-weight: 600;
    border-bottom:3px solid var(--c1);
}
.top-tabs ul li:last-child.active {
    font-weight: 600;
    border-bottom:3px solid var(--c4);
}
.ea-tops {
    justify-content: space-between;
    align-items: flex-start;
}
.ea-tops >* {
    width: unset;
}
.tab-content2 section {
    display: none;
}
.tab-content2 section.active {
    display: block;
}
.ac-dc {
    align-items: flex-start;
    margin-bottom: 50px;
    flex-wrap: wrap;
}
.ac-dc .title {
    position: relative;
    font-weight: 600;
    font-size: 28px;
    border-bottom: 1px solid var(--c5);
    padding-bottom: 10px;
    width: 50%;
}
.ac-dc .title::before {
    position: absolute;
    content: '';
    width: 100px;
    height: 3px;
    background-color: Var(--c1);
    bottom: -1px;
}
.ac-dc .title span {
    color:var(--c1);
}
.ac-dc .content {
    font-size: 26px;
    margin-top: 18px;
}
.ac-dc .content span {
    display: block;
    margin-top: 10px;
}
.ac-dc .content span:nth-child(2) {
    color:var(--c1);
}
.ac-dc .content2 {
    border: 1px solid var(--c5);
    margin-top: 30px;
    padding: 20px;
}
.ac-dc .content2 .title2 {
    font-weight: 600;
    margin-bottom: 20px;
    font-size: 20px;
    line-height: 28px;
}
.ac-dc .content2 > span {
    height: 110px;
    display: block;
}
.ac-dc .content2 .detail {
    display: flex;
    align-items: center;
    margin-top: 20px;
}

.ac-dc .content2 .detail svg {
    width: 50px;
    height: auto;
}
#yurtici .ac-dc .content2 .detail .st0 {
    fill:var(--c1);
}
#yurtdisi .ac-dc .content2 .detail .st0 {
    fill:var(--c4);
}
.ac-dc .content2 .detail span {
    margin-left: 15px;
}
.ea-ikonlar {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
}
.ea-ikonlar >* {
    width: unset;
}
.ea-ikonlar .ikon {
    text-align: center;
    border: 1px solid var(--c5);
    width: 170px;
    height: 130px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    margin: 15px;
}
.ea-ikonlar .ikon img {
    width: 40px;
    height: auto;
    display: block;
}
.ea-ikonlar .ikon svg {
    width: 50px;
    height: auto;
}
#yurtici .ea-ikonlar .ikon .st0 {
    fill:var(--c1);
}
#yurtdisi .ea-ikonlar .ikon .st0 {
    fill:var(--c4);
}
.ea-ikonlar .ikon span {
    display: block;
    width: 100%;
}
.ac-dc .ea-img {
    margin-top: 20px;
}
#yurtdisi .ac-dc .title span {
    color: var(--c4);
}
#yurtdisi .ac-dc .title::before {
    background-color: Var(--c4);
}
#yurtdisi .ac-dc .content span:nth-child(2) {
    color: var(--c4);
}
.tabyy-edit > section > .row:nth-child(1)>* {
    flex-shrink: 1;
}
.sec-2 {
    margin-top: 40px;
    align-items: start;
}
.sec-2 .left {
    border: 1px solid var(--c5);
    padding: 10px;
}
.sec-2 .left .title {
    font-size: 17px;
    border-bottom: 1px solid var(--c5);
    padding-bottom: 10px;
    margin-bottom: 11px;
}
.sec-2 .right .nav-tabs .nav-link {
    border: unset;
    color: var(--c2);
}
.sec-2 .right .nav-tabs .nav-link.active {
    border-bottom: 3px solid var(--c1);
    color: var(--c1);
}
.sec-2 .right .tip-content {

}
.sec-2 .right .tip-content li {
    border: 1px solid var(--c5);
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 15px;
}
.sec-2 .right .tip-content li:not(:last-child) {
    border-bottom: unset;
}

#yurtdisi .ac-dc .content span:nth-child(2) {
    color:var(--c4);
}
#yurtdisi .sec-2 .right .nav-tabs .nav-link.active {
    border-bottom: 3px solid var(--c4);
    color: var(--c4);
}



@media (max-width: 991.98px) {


    .ac-dc > div {
        margin-top:50px;
    }
    .tabyy-edit > section > .row:nth-child(1) {
        flex-wrap: wrap;
    }
    .tabyy-edit > section > .row:nth-child(1)>.img {
        order: 1;
        margin-top: 20px;
        margin-bottom: 50px;
    }
    .tabyy-edit > section > .row:nth-child(1)>.content-top {
        order: 2;
        padding: 10px;
    }
    .tabyy-edit > section > .row:nth-child(1)>.img img:first-child {
        margin-bottom: 25px;
    }
    .ac-dc .row {
        flex-wrap: wrap;
    }
    .sec-2 .right {
        margin-top: 20px;
    }

}/*@media (max-width: 991.98px)*/

@media (max-width: 767.98px) {
    .top-tabs ul {
        display: block;
        text-align: right;
    }
    li:first-child {
        margin-right: 0 !important;
        margin-bottom: 5px !important;
    }

    .ea-ikonlar .ikon {
        width: 135px;
        height: 125px;
    }
    .ea-ikonlar .ikon span {
        font-size: 15px;
        line-height: 20px;
    }
    .ea-ikonlar .ikon svg {
        width: 40px;
    }

}


/*############################################################
<- EA ÇÖZÜMLER
############################################################*/



/*############################################################
-> BLOG
############################################################*/


.top-bg {
    position: relative;
}
.top-bg span.nav-title {
    position: absolute;
    top: 42%;
    left: 0;
    right: 0;
    margin: auto;
    z-index: 10;
    font-size: 48px;
    font-weight: 600;
    text-align: center;
    color: #fff;
}
.top-bg span.page-title {
    position: absolute;
    top: 63%;
    left: 0;
    right: 0;
    margin: auto;
    z-index: 10;
    font-size: 25px;
    font-weight: 400;
    text-align: center;
    color: #fff;
}
.top-bg img {
    position: relative;
}
.blog1 .blog-body {
    align-items: flex-start;
}
.blog1 >.row .col-lg-8.content > img {
    width: 100%;
}

.blog1 >.row .col-lg-8.content > h2 {
    color:var(--c1);
}
.widget {
    border: 1px solid var(--c5);
    margin-bottom: 20px;
    padding: 18px;
}
.widget .widget-title {
    position: relative;
    font-size: 22px;
    margin-bottom: 25px;
    margin-top: 15px;
}
.widget .widget-title > span {
    margin-left: 12px;
}
.widget .widget-title::before {
    position: absolute;
    content: '';
    width: 2px;
    height: 40px;
    left: 0px;
    top: 0px;
    background-color: var(--c1);
    bottom: 0;
    margin: auto;
}
.widget-body .blog-search {
    display: flex;
}
.widget-body .blog-search {
    display: flex;
}
.widget-body .blog-search button {
    background-color: var(--c1);
    padding: 15px;
}
.widget-body .blog-search input {
    width: 100%;
    margin-left: 7px;
    border: 1px solid var(--c5);
    padding: 5px;
}

input[name="search"]::placeholder {
    color: var(--c5);
}
.blog-all {
    position: relative;
}
.blog-all .blog {
    position: relative;
    display: flex;
    margin-bottom: 20px;
    border: 1px solid #cbcbcb73;
    padding: 8px;
    cursor: pointer;
}
.blog-all .blog:hover {
    background-color: #f3f3f3;
}
.blog-all .blog img {
    position: relative;
    width: 100px;
    object-fit: contain;
}
.blog-all .blog div.content {
    padding-left: 8px;
}
.blog-all .blog div.content > span.title {
    position: relative;
    font-size: 14px;
    line-height: 18px;
}
.blog-all .blog div.content > span.oku {
    position: absolute;
    bottom: 0;
    right: 7px;
    color: var(--c1);
    font-size: 14px;
}
.blog-all .blog div.content > span.oku i {
    position: relative;
    font-size: 19px;
    top: 2px;
}
.blog-index {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: start;
}
.blog-index .blog {
    position: relative;
    border: 1px solid var(--c5);
    margin: 10px;
    width: 300px;
    height: 300px;
}
.blog-index .blog a {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    padding: 10px;
}
.blog-index .blog a img {
    position: relative;
    width: 300px;
    height: auto;
}
.blog-index .blog a h2 {
    position: relative;
    font-size: 20px;
    line-height: 24px;
    margin: 10px 0;
}
h2.baslik1 {
    color:var(--c1) !important;
    margin-top: 15px;
}
h2.baslik2 {
    color:var(--c2) !important;
}
.blog .foot {
    display: flex;
    align-items: center;
    margin: 15px 0 25px;
    border-bottom: 2px solid var(--c5);
    padding-bottom: 25px;
    margin-bottom: 30px;
}
.blog .foot i {
    margin-right: 5px;
    color:var(--c3);
    font-size: 14px;
}
.blog .foot > div {
    margin-right: 15px;
}
.blog .foot > div a {
    color:var(--c3);
    font-size: 14px;
}
.blog img {
    width: 100%;
}



@media (max-width: 991.98px) {

    .top-bg img {
        height: 150px;
        object-fit: cover;
    }
    .top-bg span.nav-title {
        top: 34%;
        font-size: 42px;
    }
    .top-bg span.page-title {
        font-size: 18px;
    }
    .blog1 .blog-body {
        flex-wrap: wrap;
    }
    .blog1 .blog-body .side {
        margin-top: 100px;
    }





}/*@media (max-width: 991.98px)*/


/*############################################################
<- BLOG
############################################################*/




/*############################################################
-> PROJELER
############################################################*/


.projeler {
    position: relative;
    margin: 50px 0 100px;
    flex-flow: row wrap;
    justify-content: space-between;
}
.projeler .col-lg-6 {
    width: 48%;
}
.projeler .item {
    position: relative;
    border: 1px solid var(--c5);
    padding: 0;
    margin-bottom: 50px;
}
.projeler .item .img {
    position: relative;
}
.projeler .item .img img {
    max-height: 300px;
    object-fit: cover;
    width: 100%;
    height: 100%;
    overflow: hidden;
    transition: filter 0.2s ease;
}
.projeler .item:hover .img img {
    filter: brightness(70%);
}
.projeler .item .info {
    background-color: #fff;
    position: absolute;
    bottom: 15px;
    left: 13px;
    padding: 9px 18px;
    opacity: 0.95;
}
.projeler .item .info i {
    color:Var(--c1);
}
.projeler .item .info span:nth-child(1) {
    color:var(--c3);
}
.projeler .item .info span:nth-child(2) {
    color:var(--c2);
}
.projeler .item .info2 {
    display: none;
}
.projeler .item .info2.active {
    display: block;
    background-color: #fff;
    position: absolute;
    bottom: 15px;
    right: 13px;
    padding: 9px 18px;
    opacity: 0.95;
}
.projeler .item .content {
    padding: 20px;
}
.projeler .item .content .title {
    font-size: 25px;
    margin: 15px 0;
    font-weight: 600;
    color:var(--c2);
    transition: color 0.2s ease;
}
.projeler .item .content a {
    margin-top: 20px;
    display: inline-block;
    color: var(--c1);
}
.projeler .item .content a i {
    margin-left: 8px;
    transition: margin 0.2s ease;

}
.projeler .item:hover .content a i {
    margin-left: 11px;
}
.projeler .item:hover .content .title {
    color: var(--c1);
}
.proje-dt {
    position: relative;
    margin-bottom: 100px;
}
.proje-dt .img {
    max-height: 550px;
}
.proje-dt .img img {
    width: 100vw;
    object-fit: cover;
    height: 60vh;
}
.p-ikonlar {
    flex-flow: row wrap;
    justify-content: space-between;
    margin-top: 50px;
}
.p-ikonlar .ikon {
    border: 1px solid var(--c5);
    padding: 30px;
    width: 32%;
    margin-bottom: 25px;
}
.p-ikonlar .ikon img {
    object-fit: contain;
    height: 60px;
    width: auto;
}
.p-ikonlar .ikon .title {
    font-weight: 600;
}
.p-ikonlar .ikon .text {
    
}
.image-5.dark {
    filter: none;
}
.header-container-wrapper {
    position: relative;
    margin-top: 10px;
}
.main.header-container-wrapper {
    margin-top: 25px;
}
.top-lang {
    position: absolute;
    top: -40px;
    right: 25px;
    display: flex;
    align-items: center;
}
.top-lang li:first-child {
    margin-right: 5px;
}
.top-lang li.active {
    margin-right: 5px;
    background-color: var(--c1);
    padding: 2px 2px;
    border-radius: 2px;
}
.main .top-lang li a,.main .top-lang li.active a {
    color: #fff;
}
.top-lang li.active a,.top-lang li.dark.active a {
    color: #000;
}

.top-lang li:hover a {
    text-decoration: underline !important;
}
.card-description._05 {
    bottom: 155px;
}
.blogg {
    font-size: 26px;
    line-height: 32px;
}

@media (max-width: 1199.98px) {
    .projeler .item .info {
        left: 0;
    }
    .projeler .item .info2.active {
        left: 0;
        right: unset;
        bottom: 65px;
    }

    
}/*@media (max-width: 767.98px)*/

@media (max-width: 767.98px) {
    .projeler .col-lg-6 {
        width: 100%;
    }
    .proje-dt .img img {
        height: 30vh;
    }
    .img-galeri a[data-fancybox="gallery"] {
        width: 48% !important;
    }
    .p-ikonlar .ikon {
        border: 1px solid var(--c5);
        padding: 15px;
        width: 48%;
        margin-bottom: 25px;
        height: 150px;
    }
    .p-ikonlar .ikon .title {
        font-size: 14px;
        line-height: 18px;
    }
}/*@media (max-width: 767.98px)*/




/*############################################################
<- PROJELER
############################################################*/





/*############################################################
-> IMG GALERİ
############################################################*/


.img-galeri {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-top: 25px;
}
.img-galeri a[data-fancybox="gallery"]{
    width: 32%;
    margin-bottom: 20px;
}


/*############################################################
<- IMG GALERİ
############################################################*/





/*############################################################
-> SEARCH
############################################################*/


.search .result {
    margin-bottom: 30px;
}
.search .result .title {
    text-align: center;
    font-size: 26px;
    font-weight: 600;
    line-height: 30px;
    border-bottom: 1px solid var(--c5);
    padding-bottom: 20px;
}
.search .result .result-number {
    text-align: center;
}
.search .item {
    border-bottom: 1px solid var(--c5);
    padding-bottom: 20px;
    margin-bottom: 30px;
}
.search .item .title {
    font-size: 22px;
    line-height: 26px;
    margin-bottom: 10px;
}
.search .item .url span {
    color:var(--c4) !important;
}




/*############################################################
<- SEARCH
############################################################*/







/*############################################################
-> XXXX
############################################################*/


/*############################################################
<- XXXX
############################################################*/

@media (min-width: 1200px) and (max-width: 1599.98px) {
}/*@media (min-width: 1200px) and (max-width: 1599.98px)*/

@media (min-width: 992px) and (max-width: 1199.98px) {
}/*@media (min-width: 992px) and (max-width: 1199.98px)*/

@media (max-width: 991.98px) {
}/*@media (max-width: 991.98px)*/

@media (min-width: 768px) and (max-width: 991.98px) {
}/*@media (min-width: 768px) and (max-width: 991.98px)*/

@media (max-width: 767.98px) {
}/*@media (max-width: 767.98px)*/