/*
* ui: https://www.cagatayldzz.com
*/

/* header */
header.narbar-bd{position: sticky;top: 0;z-index: 100;}
header.navbar .dropdown-item.active,
header.navbar .dropdown-item:active{background-color: #bb5058;}
header.navbar .dropdown-item:focus{outline: 0}
header .navbar-logo img{height: 27px;}
header .nav-menu .nav-link:hover{color: #ed2433!important}

/* main */
main .breadcrumb .breadcrumb-item a{color: #ed2433;}
main .breadcrumb .breadcrumb-item:last-child a{color: inherit;font-weight: 400;}
main .border-1{position: absolute;top: -1rem;left: -1rem;width: 80px;height: 80px;background: linear-gradient(to right, #000000 1%,#32364f 24%,#ed2433 67%,#bd121f 100%);border-radius: 70% 30% 30% 70% / 60% 40% 60% 40%;}
main .border-1-right{right: -1rem; left: inherit;}
main .card-layer-1{position: relative;}
main .card-layer-1:before{content: "";position: absolute;background: url(../../assets/img/shape-1.png);top: -20px;left: -20px;width: 150px;height: 140px;z-index: 2;}
main .card-layer-1-e:before{width: 120px;height: 85px;}
main .card-layer-1 .card-body{position: relative;z-index: 5;}
main .card-layer-1 .cover{position: relative;z-index: 5;}
main .card-layer-1 .cover:before{content: "";position: absolute;top: 0;left: 0;width: 100%;height: 100%;border-radius: .25rem .25rem 0 0;background: linear-gradient(to right, #000000 1%,#32364f 24%,#ed2433 67%,#bd121f 100%);opacity: 0.6;}
main .card-layer-1 img{height: 120px;object-fit: cover;}
main .card-layer-2 .wrapper{position: relative;overflow: hidden;}
main .card-layer-2 .wrapper:hover .img-caption{opacity: 1;}
main .card-layer-2 .wrapper:hover .img-caption:before{transform: skew(45deg) scale(3);}
main .card-layer-2 .wrapper img{height: 270px;width: 100%;object-fit: cover;display: block;transition: all 0.5s ease 0s;}
main .card-layer-2 .wrapper .img-caption{position: absolute;top: 0px;left: 0px;width: 100%;height: 100%;display: flex;-webkit-box-align: center;align-items: center;justify-content: center;flex-direction: column;overflow: hidden;}
main .card-layer-2 .wrapper .img-caption:before{content: "";position: absolute;display: block;width: 100%;height: 100%;background-color: rgba(0, 0, 0, 0.49);top: 0px;left: 0px;transform: skew(73deg);transition: all 0.5s ease 0s;}
main .card-layer-2 .wrapper .img-caption a{position: relative;}
main .home-slideOne .swiper-slide{position: relative;height: 420px;background-size: cover!important;background-position: center!important;}
main .home-slideOne .swiper-slide:before{content: "";position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: linear-gradient(to right, #000000 1%,#32364f 24%,#ed2433 67%,#bd121f 100%);opacity: 0.6;}
main .home-slideOne:hover > .swiper-button-next,
main .home-slideOne:hover > .swiper-button-prev{display:block;}
main .home-slideOne .swiper-button-next,
main .home-slideOne .swiper-button-prev{display:none;color: #fff;}
main .home-slideOne .swiper-button-next:after,
main .home-slideOne .swiper-button-prev:after{font-size: 33px;}
main .img-brand{max-width: 250px;}
main .page-head{position: relative;background: url(../../assets/other/slider-bg-1.jpg);background-size: cover;background-position: center;}
main .page-head:before{content: "";position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: linear-gradient(to right, #000000 1%,#32364f 24%,#ed2433 67%,#bd121f 100%);opacity: 0.6;}
main .list-layer-1 .list-group-item{border-right: 2px solid #25272d;border-bottom: 0;background: #fcfcfc;color: #000;}
main .list-layer-1 .list-group-item:hover{border-right: 2px solid #ed2433;}
main .list-layer-1 .list-group-item:hover > span{color: #ed2433}
main .list-layer-1 .list-group-item:hover > i{display: block;}
main .list-layer-1 .list-group-item i{display: none;}
main .list-layer-1 .list-group-item.active{border-right: 2px solid #ed2433;}
main .map-layer{height: 300px;}
main .markdown p{font-size: 15px;margin-bottom: 1.5rem;}
main .markdown p:last-child{margin-bottom: 0;}
main .markdown h1{font-family: 'Poppins'; font-size: 26px; font-weight: 800;margin-bottom: 1rem;}
main .markdown h2{font-family: 'Poppins'; font-size: 23px; font-weight: 700;margin-bottom: 1rem;}
main .markdown h3{font-family: 'Poppins'; font-size: 20px; font-weight: 600;margin-bottom: 1rem;}
main .markdown h4{font-family: 'Poppins'; font-size: 17px; font-weight: 500;margin-bottom: 1rem;}
main .markdown h5{font-family: 'Poppins'; font-size: 14px; font-weight: 400;margin-bottom: 1rem;}
main .nav-brands .brand-item{border-top: 0 !important;border-left: 0 !important;}
main .nav-brands .brand-item:last-child{border-bottom: 0 !important;}
main .nav-brands .brand-item img{height: 40px;width: auto !important;filter: grayscale(1);-webkit-filter: grayscale(1);}
main .nav-brands .brand-item img:hover{filter: none;-webkit-filter: none;}
main .s-img-1{position: relative;z-index: 9;}
main .s-layer-1{position: relative;z-index: 5;overflow: hidden;}
main .s-list-1{position: relative;}
main .s-list-1:before{content: "";position: absolute;top: 2px;left: 0;width: 154px;height: 3px;background: linear-gradient(to right, #000000 1%,#32364f 24%,#ed2433 67%,#bd121f 100%);opacity: 0.6;}

/* footer */
footer .brand-item img{width: 120px;}
footer .nav-page .nav-link{color: #fff;transition: all 0.5s;}
footer .nav-page .nav-link:hover{color: #ed2433}
footer .nav-social .nav-link{background: #fff; width: 30px; height: 30px; border-radius: 50%;}
footer .nav-social .nav-link{transition: all 0.5s;}
footer .nav-social .nav-link:hover{transform: scale(1.1);background: #ec2433;}
footer .nav-social .nav-link:hover > i{color: #fff}
footer .nav-social .nav-link i{color: #000;}

/* ui */
.fs-12{font-size: 12px;}
.fs-13{font-size: 13px;}
.fs-14{font-size: 14px;}
.fs-15{font-size: 15px;}
.fs-16{font-size: 16px;}
.fs-17{font-size: 17px;}
.fs-18{font-size: 18px;}
.fw-1{font-weight: 100;}
.fw-3{font-weight: 300;}
.fw-4{font-weight: 400;}
.fw-5{font-weight: 500;}
.fw-7{font-weight: 700;}
.fw-9{font-weight: 900;}
.ff-poppins{font-family: 'Poppins';}
.border-light-1{border-color: #eff1f3!important;}
.bg-dark-1{background: #000;}
.bg-color-1{background-color: #f7f7f75c;}
.bg-color-2{background: #252733;}
.form-control:focus{border-color: #315fb7b5;box-shadow: 0 0 0 0.2rem rgb(249 249 253);}
.tooltip-1.show{opacity: 1;}
.tooltip-1 .arrow:before{border-top-color: #fff;}
.tooltip-1 .tooltip-inner{background: #fff;border: 1px solid #e1e1e1;color: #000;font-weight: 500;padding: 0.5rem 1rem;opacity: 1;}

/**/
.preloader{position: fixed;width: 100%;height: 100%;top: 0px;left: 0px;right: 0px;bottom: 0px;z-index: 99999;margin: 0;background: #fff;justify-content: center;align-items: center;}
.preloader .wrapper{position: fixed; top: 50%; left: 50%; width: 30px; height: 120px; display: flex; flex-flow: column nowrap; transform: translate(-50%, -50%);}
.preloader .wrapper .diamond{position: absolute;left: 0;right: 0;bottom: 0;margin: 0 auto;width: 30px;height: 30px;border-radius: 8px;background: linear-gradient(to right, #000000 1%,#32364f 24%,#ed2433 67%,#bd121f 100%);transform: translateY(0) rotate(45deg) scale(0);animation: diamonds 1500ms linear infinite;}
.preloader .wrapper .diamond:nth-child(1){animation-delay: -1000ms;}
.preloader .wrapper .diamond:nth-child(2){animation-delay: -2000ms;}
.preloader .wrapper .diamond:nth-child(3){animation-delay: -3000ms;}
@keyframes diamonds{
50%{transform: translateY(-50px) rotate(45deg) scale(1);}
100%{transform: translateY(-100px) rotate(45deg) scale(0);}
}

/* responsive */
@media (max-width: 2000px){}
@media (max-width: 1600px){}
@media (max-width: 1440px){}
@media (max-width: 1200px){}
@media (max-width: 992px){}
@media (max-width: 768px){
main .home-slideOne .swiper-slide .h2{font-size: 1.5rem;}
main .card-layer-1:before{display:none;}
footer .footer-logo img{width: 180px; height:32px!important;}
}
@media (max-width: 576px){}
@media (max-width: 480px){}
@media (max-width: 320px){}