/* scrollbar start */
::-webkit-scrollbar {width: 7px;background-color:#fff;border-left-color: 1px solid rgba(0, 0, 0, 0.2);}
::-webkit-scrollbar-thumb {background-color: #000;}
::-webkit-scrollbar-thumb:hover {background-color: #000;}
/* scrollbar end */
::selection {background-color: #efc56f;color: #000;}
/* ortak start */
* {margin: 0px;padding: 0;box-sizing: border-box;}
*:focus{box-shadow:none !important}
a{text-decoration:none !important; transition: all .5s ease-in-out 0s;-webkit-transition: all .5s ease-in-out 0s;-moz-transition: all .5s ease-in-out 0s;}
.sedx {transition: all .5s ease-in-out 0s;-webkit-transition: all .5s ease-in-out 0s;-moz-transition: all .5s ease-in-out 0s;}
li{list-style: none !important;}
ul{padding-left: 0rem !important;}
body{font-size: 18px;font-family: "Plus Jakarta Sans", sans-serif;overflow: auto !important;overflow-x: hidden !important;line-height: 22px;background-color: #fff !important;overflow-x: hidden !important;letter-spacing: -0.2px;}
p b{font-size:18px;line-height:21px;font-weight: 700 !important;}
#yukari{display:none;position:fixed;bottom: 75px;right:25px;background: #000000;width:50px;height:50px;text-decoration:none;border-radius:35px;transition:all .3s ease;z-index:999;border: 2px solid #fff;}
#yukari i{position:relative;left: 15px;top: 13px;color:#fff;margin:0;font-size:20px;transition:all .3s ease;} 
#yukari:hover{background-color: #ffffff;border-color: #000;}
#yukari:hover i { color: #000; }
.anadiv { position: relative; float: left; width: 100%; }
.no-pad { padding: 0 !important; }
#close { display: none; }
span{font-weight: 700 !important;}
h1{color: #0084c9!important;font-weight: 700 !important;}
h2{font-weight: 700 !important;}
#mm-0{background: #f5f5f5;}
.mobilslider {
    display: none !important;
}
.news-text-bg{background: #fff;padding-left: 15px!important}
.news1 img{width:100%; height: 402px; object-fit: cover;}
.news-text{position: relative;top: 20%;line-height: 25px;}
.news-text-bg span{  font-size: 24px; word-wrap:break-word!important; word-break:break-word!important;}
.news2{margin-left: 20px;}

.slider .item img.webslider {width: 100%;height:85vh; object-fit: cover;}
.slider .item:before {
    content: '';
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    background: linear-gradient(90deg, hsl(0deg 0% 0% / 16%) 0%, rgb(0 0 0 / 40%) 35%, rgb(0 0 0 / 0%) 100%);
}

.slider-text{position: absolute;}
.slider-text-inside2{font-size: 18px;
    line-height: 27px;
    padding-right: 20px;}
.slider-text p.slider-text-inside{color: #fff;font-weight: 300 !important;font-size: 50px;line-height: 54px;}
.slider-text strong.sekillendir{color: #0084c9;}
.slider-text button {
    font-size: 16px;
    font-weight: bold;
    border: 2px solid #fff;
    color: #fff;
    padding: 10px 22px;
    display: block;
    border-radius: 6px;
}


.sabitheader{position: fixed !important;width:100%;height: 78px;z-index:100;top:0;transition:all 0.5s ease-in-out 0s;-webkit-transition:all 0.5s ease-in-out 0s;-moz-transition:all 0.5s ease-in-out 0s;background-color:#fff;background-image: none !important;}
.sabitheader .header-logo:before{width: 80px;height: 83px;background-size: 100%;top: 4px;left: 0px;}
.sabitheader .menu ul li a{ color: #000;}

.header{position: absolute; z-index: 2}
.bg{background: #f5f5f5;}
.menu ul li{ float: left; line-height: 28px;}
.menu ul li a{ margin-left: 12px;font-size: 15px;font-weight: 900;color: #fff; text-transform: capitalize;}
.header-logo img{ background: #0084c9;width: 76%;padding: 15px;border-radius: 8px}

.header-bottom-text{ background-color: #0084c9;padding:20px 0px}
.header-bottom-text{ color: #fff;}
.header-bottom-text p{ font-size: 19px;}
.header-bottom-text .link a {
    font-size: 16px;
    font-weight: bold;
    border: 2px solid #fff;
    color: #fff;
    padding: 10px 22px;
    display: inline-block;
    border-radius: 6px;
    position: relative;
    /* left: 60%; */
}
.header-bottom-text .link a i {
    font-size: 13px;
    font-weight: bold;
    margin-left: 20px;
    background: #ffffff;
    color: #0e8945;
    padding: 4px 7px;
    border-radius: 50%;
}

.groups{ padding: 75px;}
/*.groups img{ margin-top: 10px;}*/
.groups span{ font-weight: 700 !important;}
span.baslik{font-size: 45px;line-height: 45px;bottom: 36%;}
.groups-text-box{ padding: 20px;background: #fff;}
.groups-text-box span{ font-size: 20px;}
.groups  p.urunler{ -moz-transform: rotate(270deg); -webkit-transform: rotate(270deg);font-weight: 600;position:relative;right: 48%;bottom: 188%;font-size: 19px;color: #b0b0b0;}
.logo-bg { position: relative;}
.logo-bg:hover::after{content: '';position: absolute;left: 0;right: 0;top: 9px;bottom: 0px;width: 100%;height: 97%;background: #425ca24d;}
.logo-bg::before{    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    width: 100%;
    height: auto;
    background: #2224294d;}
.logo-bg2{position: relative;background: transparent; height: 30vh; z-index: 1}
.logo-bg2 img{height: 100%;object-fit: cover}
.logo-bg2::before{content: '';position: absolute;left: 0;right: 0;top: 0;bottom: 0px;width: 100%;height: 100%;background: #222429a8;}
 p.vertical-text{font-weight: 600;writing-mode: vertical-rl;font-size: 16px; translate: -3px 8px;-webkit-writing-mode: vertical-rl;color: #b0b0b0;transform: rotate(180deg);-moz-transform: rotate(180deg);-webkit-transform: rotate(180deg);}
    
.pet-preform .groups-logo{ position: absolute;left: calc(50% - 67.5px); top: calc(50% - 40px);opacity: 0;}
.pet-sisirme .groups-logo{ position: absolute; left: calc(50% - 67.5px); top: calc(50% - 40px);opacity: 0;}
.single-stage .groups-logo{ position: absolute;left: calc(50% - 67.5px); top: calc(50% - 40px);opacity: 0;}
.kalip-parcalari .groups-logo{ position: absolute;left: calc(50% - 67.5px); top: calc(50% - 40px);opacity: 0;}

.groups .pet-preform:hover .groups-logo{opacity: 1 !important;z-index: 1;}
.groups .pet-sisirme:hover .groups-logo{opacity: 1 !important;z-index: 1;}
.groups .single-stage:hover .groups-logo{opacity: 1 !important;z-index: 1;}
.groups .kalip-parcalari:hover .groups-logo{opacity: 1 !important;z-index: 1;}

.services {background: #0084c9;}

.services span.service-baslik , p.service-p{ color: #fff;}
.services span.service-baslik{font-size: 45px;line-height: 45px;}
.services .boxs{position: relative;top: 1vh;}
.services .boxs:hover {top: 2vh; transition: .5s}
.item2{background: #fff;height: 280px;}
.item2 img{ position: relative;}
.item2 img.logo1{ width: 13%;left: 8%;bottom: 5%;}
.item2 img.logo2{ width: 45%;left: 41%;}
.service-text-box{ position: relative;bottom: 10%;margin: 15px;}
.service-text-box span{ font-size: 21px;color: #0084c9;;}
.service-text-box p{ color: #000;font-size: 14px;line-height: 19px;}

.footer{ background:#111111;}
.footer-box ul.footer-menu li{ margin: 3px 0;padding-left: 16px;background-image: url(../images/footer-menu-logo.png); background-repeat: no-repeat;background-size: 10px;background-position: 0 6px;}
.footer-box ul li a{ color:#fff;}
.footer-box p{ color:#fff;}
.footer-box a{ color:#fff;}
.footer-box span{ color:#fff;font-weight: 700 !important;font-size: 18px;}
.footer-box p i{ margin-right: 8px;}
.footer-down{background: #fff;}

.footer-sosyal-medya { float: left;margin-bottom: 0;padding-top: 0px;margin: 0;}
.footer-sosyal-medya .sosyalbutonlarfooter a i{ color: #000;}
.sosyalbutonlar a{ background: #ffffff;text-decoration: none;color: #1a1a1a !important;display: inline-block;font-size: 16px;overflow: hidden;padding: 9px; }
.sosyalbutonlar .whatsapp:hover{ background-color: #00ff5e;color: #ffffff !important;}
.sosyalbutonlar .facebook:hover{ background-color: #3B5998;color: #ffffff !important;}
.sosyalbutonlar .instagram:hover{ background-color: rgb(225,48,108);color: #ffffff !important;}
.sosyalbutonlar .twitter:hover{ background-color: #33CCFF;color: #ffffff !important;}
.sosyalbutonlar .youtube:hover{ background-color: red;color: #ffffff !important;}
.sosyalbutonlar .linkedin:hover{ background-color: #0077b7;color: #ffffff !important;}

/* iletisim */

.header-bottom{background: url(../images/sabit-slider.jpg) no-repeat;height: 30vh; width: 100%; background-size: cover;}

.header-bottom .header-text{ top: 30px;position: relative;}
.header-bottom .header-text span{font-size: 40px;color:#fff;font-weight: 300 !important;}
.header-bottom .header-text p{font-size: 15px;font-weight: 700;color:#0084c9;font-weight: 700 !important;}

.iletisim-formu .inputs{ padding: 2px 3px 8px 3px}

.form{margin-top: 35px !important;}

.form input[type=text] {padding: 16px 2vh;background-color: #ffffff;border: 2px solid #cccccc69;border-radius: 0;color: #000;}
.form input[type=Tel] {padding: 16px 2vh;background-color: #ffffff;border: 2px solid #cccccc69;margin-top: 0px;border-radius: 0;color: #000;}
.form input[type=Tel] {padding: 16px 2vh;background-color: #ffffff;border: 2px solid #cccccc69;margin-top: 0px;border-radius: 0;color: #000;}
.form input[type=submit] {background-color: #000;border: 1px solid #000;padding: 0;color: #fff;font-weight: 700;font-weight: 700 !important;font-size: 17px;padding: 14px;}
.form textarea {padding: 20px 2vh;background-color: #ffffff;border: 2px solid #cccccc69;border-radius: 0;color: #000 !important;}


.iletisimbox { float: left;width: 100%;margin-bottom: 40px;}

.iletisimbox iframe {width: 100%;height: 337px;border: 1px solid #d5d5d5;filter: grayscale(1);}
.iletisimbox iframe:hover{filter: grayscale(0);}
.iletisimbilgileri .iletisimpad { float: left; background: #fff;cursor: pointer;}
.iletisimbilgileri .iletisimpad:hover {background-color: #d5d5d5;}
.iletisimbilgileri .iletisimpad .icon { width: 74px;color: #ffffff;font-size: 30px;text-align: center;-webkit-transform: translateY(-50%);transform: translateY(-50%);margin-top: 57px;margin-bottom: -20px; float: left; margin-right: 20px;margin-left: 20px;}
.iletisimbilgileri .iletisimpad .icon::before { content: '';position: absolute;left: 0;right: 0;top: 0;bottom: 0;background: #0088ce;margin: 6px;-webkit-transition: 0.5s;transition: 0.5s;}
.iletisimbilgileri .iletisimpad span { display: block;color: #222;font-size: 21px;font-weight: 600; margin-top: 20px;}
.iletisimbilgileri .iletisimpad:hover .icon::before { margin: 0;}
.iletisimbilgileri .iletisimpad .icon i { font-size: 27px;position: relative;top: -2px;padding: 23px;}

/* kurumsal */

.kurumsal-img .imgborder {position: absolute;top: 0%;left: 0%;width: 100%;height: 100%;border: 20px solid #fff6;}
.kurumsal h1 , h3{ font-weight: 700 !important;}

.misyon-vizyon-text{position: absolute;top: 0;text-align: center;display: flex;z-index: 3;height: 100%;background: transparent;color: #fff;flex-direction: row;flex-wrap: wrap;justify-content: center;align-items: center;align-content: center;}
.misyon-vizyon-text span{font-size: 25px;}

/* pet preform kalıpları */

.slider .owl-carousel .owl-nav.disabled {display: block;}
.slider .owl-carousel .owl-nav button.owl-prev {
    background: #fff;
    width: 3%;
    right: 7%;
    bottom: 5%;
    position: absolute;
    border-radius: 2px;
}

.slider .owl-carousel .owl-nav button.owl-next {
    background: #fff;
    width: 3%;
    bottom: 5%;
    right: 3%;
    position: absolute;
    float: right;
    border-radius: 2px;
}

.kurumsal .owl-carousel .owl-nav.disabled {display: block;}
.kurumsal .owl-carousel .owl-nav button.owl-prev {
    background: #fff;
    width: 5%;
    right: 85%;
    position: absolute;
    top: 45%;
    border-radius: 2px;
}

.kurumsal .owl-carousel .owl-nav button.owl-next {
    background: #fff;
    width: 4%;
    left: 85%;
    position: absolute;
    top: 45%;
    float: right;
    border-radius: 2px;
}
.owl-kurumsal img{
    height: 40vh;
object-fit: cover;
}
.owl-kurumsaldetay-thumbnail img{
    height: 100px;
    object-fit: cover;
}

/* sise tasarimi */

.sise-tasarimi-background{background-image: url(../images/header-sise-tasarimi.jpg);height: 45vh;background-position: center;background-size: contain;background-repeat: no-repeat;background-color: #000;}
.tasarim-text{ display: flex; flex-direction: column; height: 100%; justify-content: center}
.tasarim-text span{ font-size: 24px;}

.sise-tasarimi-text{ background: #fff;}
.sise-tasarimi-box{display: flex; align-items: center}
.sise-tasarimi-box img.img1{position: relative; width: 100%; position: relative; height: 30vh; object-fit: cover;}