@charset "UTF-8";
@media (max-width: 1200px) {
    /* CSS goes here */
    .max-z-index {
        z-index: 999;
    }
    .padding-top-header {
        padding-top: 14px;
        padding-right: 0px;
        padding-left: 20px;
    }
    .mob-style {
        display: block;
    }
    .desktop-style {
        display: none;
    }
}


/* Only for large devices */

@media (min-width: 1200px) {
    /* CSS goes here */
    .padding-top-header {
        padding-top: 35px;
        padding-right: 0px;
        padding-left: 0px;
    }
    .margin-alb {
        margin-left: -32px !important;
    }
    .margin-en {
        margin-left: 100px !important;
    }
    .mob-style {
        display: none;
    }
    .desktop-style {
        display: block;
    }
}

@media (max-width: 1199px) {
    .margin-alb {
        margin-left: 0px !important;
    }
    .margin-en {
        margin-left: 0px !important;
    }
}

.padding-top-10 {
    padding-top: 10px !important
}

.logo-size-custom1 {
    width: 180px !important;
    height: 100px !important;
}

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

.padding-0-all {
    padding: 0px !important;
}

max-height-100 {
    max-height: 100px !important;
}

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

.shell h4 {
    font-weight: unset;
}

.shell.text-sm-left h2,
.shell.text-md-left h2 {
    /*font-weight: unset;*/
    text-align: center;
}

.shell.text-sm-left hr.divider-lg,
.shell.text-md-left hr.divider-lg {
    width: auto;
}

.color-black {
    color: black !important;
}

input[type="text"]::-webkit-input-placeholder {
    color: #b7b7b7 !important;
}

input[type="text"]:-moz-placeholder {
    /* Firefox 18- */
    color: #b7b7b7 !important;
}

input[type="text"]::-moz-placeholder {
    /* Firefox 19+ */
    color: #b7b7b7 !important;
}

input[type="text"]:-ms-input-placeholder {
    color: #b7b7b7 !important;
}

textarea::-webkit-input-placeholder {
    color: #b7b7b7 !important;
}

textarea:-moz-placeholder {
    /* Firefox 18- */
    color: #b7b7b7 !important;
}

textarea::-moz-placeholder {
    /* Firefox 19+ */
    color: #b7b7b7 !important;
}

textarea:-ms-input-placeholder {
    color: #b7b7b7 !important;
}

@media (max-width: 394px) {
    /* CSS goes here */
    .social_media {
        float: left;
    }
}

@media (min-width: 394px) {
    /* CSS goes here */
    ._copyright {
        display: block;
    }
}

@media (max-width: 991px) {
    /* CSS goes here */
    ._copyright {
        display: none;
    }
}

@media (min-width: 394px) {
    /* CSS goes here */
    .social_media {
        float: right;
    }
}

h2 {
    font-size: 30px !important;
}

h5,
h6 {
    text-transform: uppercase !important;
}

.upper-case-font {
    text-transform: uppercase !important;
}

.custom-map-icon {
    background: url('../img/kontenier.png');
    background-repeat: repeat;
    background-position-x: 0%;
    background-position-y: 0%;
    background-size: auto auto;
    /*display: block;*/
    background-repeat: no-repeat;
    align-content: center;
}

.custom-multimodal-icon {
    background: url('../img/multimodal_.png');
    background-repeat: repeat;
    background-position-x: 0%;
    background-position-y: 0%;
    background-size: auto auto;
    /*display: block;*/
    background-repeat: no-repeat;
    align-content: center;
}

.custom-map-icon-new {
    background: url('../img/worldicon.html');
    background-repeat: repeat;
    background-position-x: 0%;
    background-position-y: 0%;
    background-size: auto auto;
    /*display: block;*/
    background-repeat: no-repeat;
    align-content: center;
}

.custom-multimodal-icon {
    background: url('../img/multimodal_.png');
    background-repeat: repeat;
    background-position-x: 0%;
    background-position-y: 0%;
    background-size: auto auto;
    /*display: block;*/
    background-repeat: no-repeat;
    align-content: center;
}

.reddot-icon {
    background: url('../img/reddot.png');
    background-repeat: repeat;
    background-position-x: 0%;
    background-position-y: 0%;
    background-size: auto auto;
    display: block;
    background-repeat: no-repeat;
    align-content: center;
}

.unset-text-transformation {
    text-transform: unset !important;
}

.slogan-header {
    /*font-weight: bold !important;*/
    /*text-transform: uppercase !important;*/
}

.margin-top-custom {
    /*margin-top: -210px !important;*/
}

.red-color {
    color: #e20c0e;
}

.parallax-custom {
    /* The image used */
    /*background-image: url("../img/newheader.png");*/
    /* Set a specific height */
    /*height: 350px !important;*/
    /* Create the parallax scrolling effect */
    background-attachment: scroll;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.parallax-about-us {
    background-image: url("../img/aboutus.png");
}

.parallax-contact-us {
    background-image: url("../img/contact.JPG");
    background-position: right !important;
}

.parallax-facility {
    background-image: url("../img/galeri.jpg");
}

.parallax-service {
    background-image: url("../img/hizmetlerimiz.png");
}

.parallax-inkoterma {
    background-image: url("../img/incoterms_h.html");
}

@font-face {
    font-family: 'Monotype Corsiva';
    src: url('../fonts/MTCORSVA.html');
}

@media (max-width: 800px) {
    /* CSS goes here */
    .parallax-get-a-quote {
        background-image: url("../img/get-quote_mobile.html");
    }
}

@media (min-width: 800px) {
    .parallax-get-a-quote {
        background-image: url("../img/get-quote.html");
    }
}

@media (max-width: 600px) {
    /* CSS goes here */
    .header-img-height {
        height: 200px !important;
        margin-top: 56px !important;
    }
}


/* Only for large devices */

@media (min-width: 600px) {
    /* CSS goes here */
    .header-img-height {
        height: 350px !important;
    }
}

@media (max-width: 991px) {
    /* CSS goes here */
    .header-img-padding {
        margin-top: 56px !important;
    }
}

.custom-alert-success {
    background-color: #dff0d8;
    border-color: #d6e9c6;
    color: #3c763d;
    font-weight: bold;
}

.custom-alert-danger {
    color: #a94442;
    background-color: #f2dede;
    border-color: #ebccd1;
    font-weight: bold;
}


/* Only for large devices */

@media (min-width: 991px) {
    /* CSS goes here */
    .header-img-padding {}
}

.cit-div {
    margin-bottom: 60px;
    background-color: #f2f5ff;
    border-left-style: outset;
    border-left-color: red;
    vertical-align: middle;
    padding-top: 12px;
    background: #f2f5ff;
    background: -webkit-linear-gradient(left, #f2f5ff, #FFFFFF);
    background: -o-linear-gradient(right, #f2f5ff, #FFFFFF);
    background: -moz-linear-gradient(right, #f2f5ff, #FFFFFF);
    background: linear-gradient(to right, #f2f5ff, #FFFFFF);
}