/* 

1. Add your custom Css styles below
2. Place the this code in your template: 

 <link href="css/custom.css" rel="stylesheet">

*/

.home-fullscreen {
    position: relative;
    width: 100%;
    height: 65vh;
    display: block;
    padding: 0 !important;
    margin-bottom: 40px;
}

#kurumsal h2,
#cozumlerimiz h2,
#referanslar h2,
#iletisim h2 {
    font-size: 40px !important;
}

#kurumsal.home-fullscreen .row {
    position: relative;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
}

#kurumsal.home-fullscreen .home-button {
    position: absolute;
    width: 100%;
    left: 0;
    bottom: 0px;
}

.underline-title {
    display: flex;
    align-items: center;
    flex-direction: column;
    color: #273570;
}

#cozumlerimiz,
#referanslar,
#iletisim {
    padding: 15px 0 !important;
}

#referanslar .referanslar-image img {
    width: 75% !important;
    margin-bottom: 15px;
}

.mainHeader #header {
    z-index: 999999 !important;
}

.scrollMenu.altMenu #logo {
    visibility: visible !important;
}

.altMenu #logo {
    visibility: hidden;
}

.home-reference-image{
    width:  10%;
    filter: grayscale(1);
    transition: 200ms ease-in-out;
}
.home-reference-image:hover{
    filter: grayscale(0);
}
    /* Mobile  */
    @media only screen and (max-width:992px) {
        .home-fullscreen {
            margin-bottom: 0;
        }

        .home-fullscreen .container {
            padding: 0 !important;
        }

        #kurumsal.home-fullscreen .row .kurumsal-text {
            display: none !important;
        }

        #kurumsal.home-fullscreen .row {
            transform: translateY(-70%);
        }

        #kurumsal.home-fullscreen .home-button {
            bottom: 25px;
        }

        #cozumlerimiz .home-image {
            position: relative;
            transform: translate(-50%, 0);
        }

        #cozumlerimiz .home-image img {
            max-width: 200% !important;
        }

        #referanslar .referanslar-image img {
            position: relative;
            width: 100% !important;
            margin-bottom: 15px;
        }

        footer .home-button a {
            padding-left: 10px !important;
            padding-right: 10px !important;
        }

        footer .text-right,
        footer .text-left {
            text-align: center !important;
        }

        .dotsMenu {
            display: none !important;
        }

        .iletisim .border-left {
            border-top: 1px solid;
            border-left: none !important;
            padding-top: 10px;
        }
        .home-reference-image, .home-reference-image-gray{
            width:  45%;
        }
    }
    @media only screen and (max-width: 760px){
        #modalShop .no-padding{
            height: 24em !important;
        }
    }
			#map_inner div svg{display: none;}