/**************************************************************************

***************************************************************************/
/**************************************************************************
    Template Name       : Simena Gümrükleme
    Author              : Zafer Ateş
    Version             : 1.0.0
    Created             : 2020
    File Description    : Main CSS file of Simena Gümrükleme template
***************************************************************************/

/**************************************************************************
    CONTENT
    1. Basic
    2. Helper
    3. Navbar
    4. Slide
    5. Home-Services
    6. Services-photo-album
    7. Hakkimizda
    8. Hizmetlerimiz
    . Footer
    . Responsive
***************************************************************************/

/**************************************************************************
    1. Basic
***************************************************************************/
@import url('https://fonts.googleapis.com/css2?family=Nunito:ital,wght@0,200;0,300;0,400;0,600;0,700;0,800;0,900;1,200;1,300;1,400;1,600;1,700;1,800;1,900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@100;200;300;400;500;600;700;800&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Hind:wght@300;400;500;600;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Ubuntu:wght@300;400;500;700&display=swap');

body    {
            font-family: 'Nunito', sans-serif;
            overflow-x: hidden;
            /* overflow: hidden; */
        }

/**************************************************************************
    2. Helper
***************************************************************************/
.section {
    padding: 100px 0;
}

.custom-font-size {
    font-size: 48px;
}

.custom-font-weight {
    font-weight: 800;
}

.custom-font-ubuntu {
    font-family: 'Ubuntu', sans-serif;
}

.custom-font-hind {
    font-family: 'Hind', sans-serif;
}

.custom-font-montserrat {
    font-family: 'Montserrat', sans-serif;
}

.custom-font-nunito {
    font-family: 'Nunito', sans-serif;
}

.custom-font-size-40 {
    font-size: 40px !important;
}

.beyaz {
    color: white !important;
}

.koyu {
    font-weight: bold;
}

/**************************************************************************
    3. Navbar
***************************************************************************/
.custom-nav {
    /*background-color: #57b7e1 !important;*/
    /*opacity: 0.8 ;*/
    padding: 10px 0;


}

.custom-nav .navbar-nav li a {
    color: #ffffff !important;
}

.custom-nav .navbar-nav li a:hover,
.custom-nav .navbar-nav li a:active,
.custom-nav .navbar-nav li.active a {
    color: #00547b !important;

}

.custom-nav-font {
    font-family: 'Montserrat', sans-serif !important;
    font-weight: bolder; !important;
    text-transform: uppercase;
    font-size: 16px;
    letter-spacing: 0.5px;
    transform: scale(1, 1.5);
    -webkit-transform: scale(1, 1.5); /* Safari and Chrome */
    -moz-transform: scale(1, 1.5); /* Firefox */
    -ms-transform: scale(1, 1.5); /* IE 9+ */
    -o-transform: scale(1, 1.5); /* Opera */

}

.custom-menu {
    position: relative;
    width: 90%;
    z-index: 9999;
}

.custom-nav-new {
    width: 100%;
    padding: 20px 20px;
    position: absolute;
    top:20px;
    left:0;
    z-index: 999;
    box-shadow: 0px 2px 10px rgba(0,0,0,0.2);
}

.custom-navbar-scroll {
    position: fixed;
    top:0;
    left:0;
    width: 100%;
    background-color: #3c414c;
    opacity: 0.8 ;
    padding: 10px 0;
    transition: 0.8s;
    animation: scroll 0.6s 1;
}

@keyframes scroll {
    0% {transform: translateY(-100%);}
    100% {transform: translateY(0%);}
}

/**************************************************************************
    4. Slide
***************************************************************************/
.custom-main-bg-img {
    background-image: url("../../resources/img/slider_bg.jpg");
    width: 100%;
    /* min-height: 100vh; */
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
}

.slider-font h1 {
    font-family: 'Hind', sans-serif;
    font-weight: 100;
    transform: scale(1, 1.5);
    -webkit-transform: scale(1, 1.5); /* Safari and Chrome */
    -moz-transform: scale(1, 1.5); /* Firefox */
    -ms-transform: scale(1, 1.5); /* IE 9+ */
    -o-transform: scale(1, 1.5); /* Opera */
}

.main-wrapper {
    margin-top: 110px;
}

.slider-top-space {
    height: 90px;
}

.slider-slogan {
    font-family: 'Hind', sans-serif;
    font-weight: bold;
    font-size: 28px;
    transform: scaleY(2);
    margin-left: 40px;
}

.slider-aciklama {
    font-family: 'Hind', sans-serif;
    font-weight: bold;
    font-size: 18px;
    margin-left: 40px;
}

.slide-main-plane {
    background-image: url("../../resources/img/plane_main.png")

}

.slide-havayolu-cloud{
    background-image: url("../../resources/img/clouds.png");
    background-repeat: no-repeat;
    background-position: top left;

}

.custom-slide-center {
    align-items: center !important;
    text-align: center !important;
}

/**************************************************************************
    5. Home-Services
***************************************************************************/
#home-services {
    font-family: 'Ubuntu', sans-serif;
}

.custom-card-title {
    font-size: 25px;
    font-weight: bold;
    transform: scale(1, 1.5);
    -webkit-transform: scale(1, 1.5); /* Safari and Chrome */
    -moz-transform: scale(1, 1.5); /* Firefox */
    -ms-transform: scale(1, 1.5); /* IE 9+ */
    -o-transform: scale(1, 1.5); /* Opera */
}

.custom-card-subtitle {
    font-size: 25px;
    font-weight: normal;
    transform: scale(1, 1.5);
    -webkit-transform: scale(1, 1.5); /* Safari and Chrome */
    -moz-transform: scale(1, 1.5); /* Firefox */
    -ms-transform: scale(1, 1.5); /* IE 9+ */
    -o-transform: scale(1, 1.5); /* Opera */
}

.custom-card-text {
    font-size: 16px;
    font-weight: lighter;
    margin: 15px 0 15px 0;
}


.custom-card-link {
    font-size: 18px;
    font-weight: bold;
    color: #eeba00;
}


/**************************************************************************
    6. Services-photo-album
***************************************************************************/
.services-photo-album-bg {
    background-color: #3c414c;
    height: 650px;
}

.custom-vertical-text{
    transform: rotate(-90deg);
    transform-origin: left top 0;
}



.custom-btn:focus, .custom-btn:active, button:focus, button:active {
    outline: none !important;
    box-shadow: none !important;
}

#image-gallery .modal-footer{
    display: block;
}

.custom-thumb{
    margin-top: 10px;
    margin-bottom: 10px;
}


.custom-img-thumbnail {
    width : 100px !important;
    height: 100px !important;
}




/**************************************************************************
    7. Hakkimizda
***************************************************************************/
.hakkimizda-bg {
    background-image: url("../../resources/img/hakkimizda.jpg");
    width: 100%;
    /* min-height: 100vh; */
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    opacity: 0.8;
}

.hakkimizda-font h1 {
    font-family: 'Hind', sans-serif;
    font-weight: 100;
    transform: scale(1, 1.5);
    -webkit-transform: scale(1, 1.5); /* Safari and Chrome */
    -moz-transform: scale(1, 1.5); /* Firefox */
    -ms-transform: scale(1, 1.5); /* IE 9+ */
    -o-transform: scale(1, 1.5); /* Opera */
}

.hakkimizda-wrapper {
    margin-top: 110px;
}

.hakkimizda-top-space {
    margin-top: 90px;
}

.hakkimizda-baslik {
    font-family: 'Ubuntu', sans-serif;
    font-weight: bold;
    font-size: 40px;
    letter-spacing: -1.4px;
    transform: scaleY(2);
    transform: scaleX(1);
    word-spacing: 30px;
    text-shadow: 2px 2px 8px #625c60;
}

.hakkimizda-aciklama {
    font-family: 'Hind', sans-serif;
    font-weight: bold;
    font-size: 18px;
    margin-left: 40px;
}





/**************************************************************************
    . Hizmetlerimiz
***************************************************************************/
.hizmetlerimiz-bg {
    background-image: url("../../resources/img/sub_page_truck02.jpg");
    width: 100%;
    /* min-height: 100vh; */
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    opacity: 0.8;
}

.hizmetlerimiz-font h1 {
    font-family: 'Hind', sans-serif;
    font-weight: 100;
    transform: scale(1, 1.5);
    -webkit-transform: scale(1, 1.5); /* Safari and Chrome */
    -moz-transform: scale(1, 1.5); /* Firefox */
    -ms-transform: scale(1, 1.5); /* IE 9+ */
    -o-transform: scale(1, 1.5); /* Opera */
}

.hizmetlerimiz-wrapper {
    margin-top: 110px;
}

.hizmetlerimiz-top-space {
    margin-top: 90px;
}

.hizmetlerimiz-baslik {
    font-family: 'Ubuntu', sans-serif;
    font-weight: bold;
    font-size: 40px;
    letter-spacing: -1.4px;
    transform: scaleY(2);
    transform: scaleX(1);
    word-spacing: 30px;
    text-shadow: 2px 2px 8px #625c60;
}

.hizmetlerimiz-aciklama {
    font-family: 'Hind', sans-serif;
    font-weight: bold;
    font-size: 18px;
    margin-left: 40px;
}



/**************************************************************************
    . iletisim
***************************************************************************/
.iletisim-bg {
    background-image: url("../../resources/img/sub_page_truck01.jpg");
    width: 100%;
    /* min-height: 100vh; */
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    opacity: 0.8;
}

.iletisim-font h1 {
    font-family: 'Hind', sans-serif;
    font-weight: 100;
    transform: scale(1, 1.5);
    -webkit-transform: scale(1, 1.5); /* Safari and Chrome */
    -moz-transform: scale(1, 1.5); /* Firefox */
    -ms-transform: scale(1, 1.5); /* IE 9+ */
    -o-transform: scale(1, 1.5); /* Opera */
}

.iletisim-wrapper {
    margin-top: 110px;
}

.iletisim-top-space {
    margin-top: 90px;
}

.iletisim-baslik {
    font-family: 'Ubuntu', sans-serif;
    font-weight: bold;
    font-size: 40px;
    letter-spacing: -1.4px;
    transform: scaleY(2);
    transform: scaleX(1);
    word-spacing: 30px;
    text-shadow: 2px 2px 8px #625c60;
}

.iletisim-aciklama {
    font-family: 'Hind', sans-serif;
    font-weight: bold;
    font-size: 18px;
    margin-left: 40px;
}









/**************************************************************************
    . Footer
***************************************************************************/
.custom-footer {
    padding : 20px 0;
    background-color: #57b7e1 !important;
    background-image: url("../../resources/img/footer-bg.png");
    background-repeat: repeat-y;
    height: 100px;
}

/**************************************************************************
    . Responsive
***************************************************************************/
@media (max-width: 576px) {
    /*
    576px mobil cihazlar için genişlik değeridir.
    Bu alana mobil cihazlarda yazılar ya da resimlerin küçük görüntülenmesini istediğin değerler yazılacak...
     */
    .custom-logo {
        width: 70px;


    }

 }