@charset "utf-8";

body {
    font-family: "Poppins", sans-serif;
    color: #000;
    background-color: #333;
    font-size: 14px;
}

a, a:hover, a:focus {
    text-decoration: none;
}

h1, h2, h3, h4, h5 {
    color: #000;
}

.btn.flat {
    border-radius: 0;
}

.btn.btn-alt {
    color: #000;
    border: 1px solid #000;
    border-radius: 0;
    font-size: 13px;
}

.shadow {
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, .2);
}

#mobile-menu:not( .mm-menu ) {
    display: none;
}

#mobileMenuToggle {
    position: fixed;
    display: none;
    right: 20px;
    bottom: 20px;
    width: 60px;
    height: 60px;
    text-align: center;
    line-height: 60px;
    background-color: #ed1c24;
    color: #FFF;
    font-size: 22px;
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
    z-index: 99;
    border-radius: 100%;
}

.bc-background-instagram {
    background: linear-gradient(#400080, transparent), linear-gradient(200deg, #d047d1, #ff0000, #ffff00);
}

.site {
    background-color: #FFF;
}

.paraxify {
    background: fixed center center;
    background-size: cover;
}

header {
    position: relative;
    z-index: 2;
    background-color: #ffffff;
}

.header {
    padding: 10px 0;
}

.hbox {
    position: relative;
    padding-left: 40px;
    /*border-right: 1px solid #EBEBEB;*/
    padding-right: 20px;
}

.hbox i {
    position: absolute;
    left: 0;
    top: 2px;
    font-size: 30px;
    color: #ed1c24;
}

.hbox-address .hbox-text {
    font-size: 14px;
    line-height: normal;
    font-weight: bold;
}

.hbox-contact a {
    display: block;
    line-height: normal;
    color: #000000;
    font-weight: bold;
}

.hbox-contact a:last-child {
    color: #999999;
    font-weight: normal;
}

.header-social a {
    width: 36px;
    height: 36px;
    display: inline-block;
    border-radius: 100%;
    overflow: hidden;
    color: #FFF;
    text-align: center;
    line-height: 36px;
    font-size: 18px;
    transition: all .2s ease;
}

.header-social a:hover {
    background-color: #ed1c24;
    color: #FFFFFF;
}

.menu-cont {
    position: absolute;
    width: 100%;
    left: 0;
    bottom: -28px;
}

.menu {
    /*background: linear-gradient(to bottom, rgba(255, 154, 59, 1) 0%, rgba(209, 101, 0, 1) 100%);*/
    background: linear-gradient(to bottom, rgb(0, 153, 215) 0%, rgb(0, 98, 140) 100%);
    border-radius: 4px;
}

nav {
    display: inline-block;
}

nav ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

nav ul li {
    display: block;
    float: left;
}

nav ul li a {
    display: block;
    padding: 15px 10px;
    color: #000;
    font-weight: bold;
    text-align: center;
}

nav ul li a:hover {
    color: #ed1c24;
}

.slider-cont {
    overflow: hidden;
}

.front-products {
    padding: 60px 0;
}

.front-products-header {
    margin-bottom: 30px;
}

.front-products-header h1 {
    text-align: center;
    font-size: 24px;
    font-weight: bold;
    color: #333;
}

.front-products-header h1 span {
    display: block;
    margin-bottom: 5px;
}

.front-products-header h1 small {
    display: block;
    margin-bottom: 20px;
    color: #999;
    max-width: 960px;
    font-size: 14px;
    margin-left: auto;
    margin-right: auto;
}

.fp {
    display: block;
    position: relative;
}

.fp img {
    position: relative;
    z-index: 1;
    border-radius: 4px;
    filter: grayscale(100%) saturate(0%);
    transition: all .2s ease;
}

.fp h2 {
    position: absolute;
    left: 0;
    bottom: -20px;
    width: 100%;
    z-index: 2;
    text-align: center;
    transition: all .1s ease;
}

.fp h2 span {

    background: linear-gradient(to bottom, rgb(255, 7, 0) 0%, rgb(237, 28, 36) 100%);
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
    color: #FFF;
    font-size: 14px;
    padding: 5px 10px;
    border-top-left-radius: 6px;
    border-bottom-right-radius: 6px;
    transition: all .1s ease;
    display: inline-block;
}

.fp:hover h2 {
    bottom: -22px;
}

.fp:hover img {
    filter: grayscale(0%) saturate(220%) brightness(110%);
}

.fp:hover h2 span {
    background: linear-gradient(to bottom, rgb(68, 68, 68) 0%, rgb(0, 0, 0) 100%);
    box-shadow: none;
}

.fe-cont > h2 {
    color: #333;
    font-size: 16px;
    font-weight: bold;
    margin-bottom: 20px;
}

.fe-cont > h2 i {
    color: #CCC;
}

.headlines-cont {
    position: relative;
}

.headlines {
    position: relative;
    z-index: 1;
}

.headline {
    display: block;
}

.headline img {
    margin-bottom: 10px;
}

.headline-date {
    color: #CCC;
    display: block;
    margin-bottom: 10px;
}

.headline-title {
    font-weight: bold;
    color: #000;
    display: block;
}

.headlines-controls {
    position: absolute;
    right: 10px;
    top: -14px;
    z-index: 2;
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
    overflow: hidden;
    border-radius: 4px;
}

.headlines-controls .btn {
    padding: 3px 6px;
    font-size: 12px;
}

.front-corporate-bg {
    background-color: #ffffff;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='80' height='105' viewBox='0 0 80 105'%3E%3Cg fill-rule='evenodd'%3E%3Cg id='death-star' fill='%23d9d9d9' fill-opacity='0.4'%3E%3Cpath d='M20 10a5 5 0 0 1 10 0v50a5 5 0 0 1-10 0V10zm15 35a5 5 0 0 1 10 0v50a5 5 0 0 1-10 0V45zM20 75a5 5 0 0 1 10 0v20a5 5 0 0 1-10 0V75zm30-65a5 5 0 0 1 10 0v50a5 5 0 0 1-10 0V10zm0 65a5 5 0 0 1 10 0v20a5 5 0 0 1-10 0V75zM35 10a5 5 0 0 1 10 0v20a5 5 0 0 1-10 0V10zM5 45a5 5 0 0 1 10 0v50a5 5 0 0 1-10 0V45zm0-35a5 5 0 0 1 10 0v20a5 5 0 0 1-10 0V10zm60 35a5 5 0 0 1 10 0v50a5 5 0 0 1-10 0V45zm0-35a5 5 0 0 1 10 0v20a5 5 0 0 1-10 0V10z' /%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
    margin-bottom: 5px;
}

.front-corporate {
    max-width: 90%;
    margin-left: auto;
    margin-right: auto;
    padding: 65px 0;
}

.fc-img {
    background-image: url("../img/hakkimizda.jpg");
    background-repeat: no-repeat;
    min-height: 500px;
    position: relative;
    border: 10px solid #FFF;
}

.fc-info {
    padding: 40px;
    position: absolute;
    background-color: #ed1c24;
    left: -160px;
    right: 160px;
    top: 50%;
    transform: translateY(-50%);
    border-top-left-radius: 26px;
    border-bottom-right-radius: 26px;
    border: 10px solid #FFF;
}

.fc-info h2 {
    color: #FFF;
    margin-bottom: 10px;
    font-size: 20px;
    font-weight: bold;
}

.fc-info p {
    color: #FFF;
}

.front-gallery {
    margin-bottom: 60px;
    padding-left: 5px;
    padding-right: 5px;
}

.gallery-item {
    display: block;
    border: 5px solid #FFF;
    position: relative;
}

.gallery-item:before {
    content: '+';
    position: absolute;
    width: 100%;
    z-index: 2;
    text-align: center;
    vertical-align: middle;
    font-size: 60px;
    font-weight: 300;
    color: #666;
    top: 50%;
    transform: translateY(-50%);
}

.gallery-item img {
    filter: grayscale(100%);
    transition: all .2s ease;
    z-index: 1;
    opacity: .3;
}

.gallery-item:hover img {
    filter: grayscale(0%) brightness(122%);
    box-shadow: 0 0 80px rgba(0,0,0,1);
    opacity: 1;
}

.gallery-item:hover:before {
    display: none;
}

.front-shortcuts {
    padding: 40px 0 20px 0;
    background-color: #f6f6f6;
}

.fs {
    display: block;
}

.fs span {
    display: block;
}

.fs-title {
    font-weight: bold;
    color: #333;
    font-size: 20px;
}

.fs-desc {
    color: #333;
}

footer {
    padding: 40px 0;
    /*background: url("../img/bg-footer.png") no-repeat top left;*/
    font-size: 12px;
}

.footer-social {
    text-align: right;
}

.footer-social a {
    width: 36px;
    height: 36px;
    display: inline-block;
    border-radius: 100%;
    overflow: hidden;
    color: #FFF;
    text-align: center;
    line-height: 36px;
    font-size: 18px;
    transition: all .2s ease;
}

.footer-social a:hover {
    background-color: #ed1c24;
    color: #FFFFFF;
}

.footer-newslatter {
    padding: 20px;
    background-color: rgba(0, 0, 0, .1);
    border-radius: 4px;
    margin-bottom: 40px;
}

.footer-newslatter h2 {
    font-size: 16px;
    color: #FFF;
}

.footer-newslatter .form-control {
    background-color: rgba(0, 0, 0, .2);
    color: #FFF;
    border: 0;
}

.footer-newslatter .form-control::placeholder {
    color: rgba(255, 255, 255, .3);
}

.footer-newslatter .input-group-text {
    background-color: rgba(0, 0, 0, .2);
    border: 0;
    color: #ed1c24;
}

.footer-big-title {
    color: #FFF;
    font-size: 26px;
    font-weight: bold;
    margin-bottom: 30px;
}

.footer-box {
    color: #CCC;
}

.footer-box i {
    color: #FFF;
}

.footer-address h3 {
    font-size: 20px;
    font-weight: bold;
    color: #FFF;
}

.footer-menu h3 {
    font-size: 20px;
    font-weight: bold;
    color: #FFF;
}

.footer-menu ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

.footer-menu ul li a {
    color: #CCC;
}

.footer-menu ul li a:hover {
    text-decoration: underline;
}

.design img {
    height: 20px;
    margin-left: -10px;
}

.page-inner {
    padding: 40px 0;
}

.page-tabs .nav-tabs .nav-link {
    font-weight: bold;
    color: #999;
    border-radius: 0;
}

.page-tabs .nav-tabs .nav-link.active {
    color: #162f83;
    border-top: 2px solid #162f83;
}

.page-tabs .tab-pane-inner {
    padding: 20px;
    border: 1px solid #DDD;
    border-top: 0;
    box-shadow: 2px 2px 2px rgba(0, 0, 0, .1);
}

.subpage-item {
    text-align: center;
}

.subpage-item a {
    display: block;
    color: #162f83;
}

.subpage-item .card-block {
    padding: 5px;
}

.article .card-body a {
    font-weight: bold;
    color: #000;
}

.article .card-footer {
    padding-top: 3px;
    padding-bottom: 3px;
}

.article .card-footer i {
    color: rgba(0, 0, 0, .2);
}

/* Mobile First */

/* Extra Small Devices, Phones */
@media only screen and (min-width: 576px) {

}

/* Small Devices, Tablets */
@media only screen and (min-width: 768px) {

}

/* Medium Devices, Desktops */
@media only screen and (min-width: 992px) {

}

/* Large Devices, Wide Screens */
@media only screen and (min-width: 1200px) {

}

/* Non-mobile First */

/* Large Devices, Wide Screens */
@media only screen and (max-width: 1200px) {
    .fc-info {
        padding: 40px;
        position: relative;
        background-color: #ed1c24;
        left: auto;
        right: auto;
        top: auto;
        transform: none;
        border-top-left-radius: 26px;
        border-bottom-right-radius: 26px;
        border: 10px solid #FFF;
    }
}

/* Medium Devices, Desktops */
@media only screen and (max-width: 992px) {

    #mobileMenuToggle {
        display: block;
    }

    .topbar-contact a span {
        display: none;
    }

    nav {
        display: none;
    }

    footer {
        padding: 30px;
    }

    .padded-content {
        padding: 30px;
    }

}

/* Small Devices, Tablets */
@media only screen and (max-width: 768px) {

}

/* Extra Small Devices, Phones */
@media only screen and (max-width: 576px) {

}