html, body{
font-family: 'Montserrat', sans-serif;
}
a, a:hover, a:active{
text-decoration: none;
}
ul{
list-style: none;
padding: 0;
}
li{
padding: 0;
line-height: 1;
}
.main-title{
color: #444444;
font-size: 32px;
font-weight: 600;
letter-spacing: -1px;
margin-top: 50px;
}
.main-title::after{
content: "";
width: 75px;
height: 2px;
display: block;
background: #ed7004;
margin: 0 auto;
margin-top: 12px !important;
}
.title-p{
width: 33.33%;
/* padding-bottom: 50px; */
padding-top: 50px;
font-size: 14px;
font-weight: 400;
letter-spacing: -0.44px;
color: #444444;
margin: 0 auto;
display: block;
}
.title-p::after{
content: "";
width: 60px;
height: 5px;
display: block;
background: #ed7004;
margin: 0 auto;
margin-bottom: 50px;
margin-top: 10px;
}
.colored-p{
color: #ed7004;
font-size: 12px;
font-weight: 400;
letter-spacing: -0.5px;
margin-bottom: 50px;
}
.main-btn{
padding: 11px 8px 11px 21px;
color: #ed7004;
font-size: 14px;
font-weight: 500;
background: transparent;
border: 2px solid #ed7004;
margin-bottom: 50px;
display: inline-block;
transition: all .3s ease;
}
.main-btn:hover{
color: #fff;
background: #ed7004;
}
.main-btn:hover::after{
background: url("../images/right_arrow_4_white.png") no-repeat;
margin-right: 22px;
}
.main-btn::after{
content: "";
width: 5px;
height: 8px;
background: url("../images/right_arrow_4.png") no-repeat;
float: right;
margin-left: 8px;
margin-right: 22px;
margin-top: 6px;
}
.top-navigator{
margin: 0 auto;
display: table;
margin-top: 10px;
}
.top-navigator li{
float: left;
margin-right: 8px;
color: #ffffff;
font-weight: 400;
font-size: 11px;
letter-spacing: -0.46px;
}
.top-navigator li:last-child{
margin-right: 0;
}
.top-navigator li a{
color: #fff;
}
.left-navigator{
padding: 30px 35px;
box-shadow: 0 2px 20px rgba(0, 0, 0, 0.1);
margin-top: -20px;
display: block;
width: 100%;
margin-bottom: 50px;
background: #fff;
}
.left-navigator h3{
margin: 0;
color: #ed7004;
margin-bottom: 35px;
}
.left-navigator a{
display: block;
padding: 15px 0 15px 0px;
font-size: 16px;
font-weight: 500;
color: #ed7004;
letter-spacing: -0.5px;
transition: all .3s ease;
margin-bottom: 5px;
}
.left-navigator a:hover{
padding-left: 20px;
background: #ed7004;
color: #fff;
transition: all .3s ease;
}
.left-navigator a:hover::before{
content: "";
width: 5px;
height: 8px;
background: url("../images/right_arrow.png")no-repeat;
display: block;
float: left;
margin-left: -9px;
margin-top: 7px;
}
.left-navigator .active{
color: #fff;
background: #ed7004;
position: relative;
padding-left: 20px;
}
.left-navigator .active::before{
content: "";
width: 5px;
height: 8px;
background: url("../images/right_arrow.png")no-repeat;
display: block;
float: left;
margin-left: -9px;
margin-top: 7px;
}
.others{
font-size: 28px;
font-weight: 400;
letter-spacing: -0.5px;
margin-bottom: 50px;
}
/*Buradan yukarıda bulunan elementler birden fazla yerde kullanılmaktadır. Değişiklik yapılması durumunda diğer tarafların kontrol edilmesi gerekmektedir.*/
/*İletişim bilgilerinin ve sosyal medya linklerinin bulunduğu bölüm*/
.bg-1{
width: 100%;
background: #ededed;
min-height: 50px;
}
.contact-container a{
color: #888888;
font-size: 13px;
font-weight: 400;
line-height: 50px;
float: left;
position: relative;
}
.contact-container a:first-child{
margin-left: 20px;
}
.contact-container .phone-icon{
margin-right: 76px;
}
.contact-container .phone-icon::before{
content: "";
background: url("../images/phone_icon.png") no-repeat;
width: 14px;
height: 12px;
position: absolute;
top: 18px;
left: -20px;
display: inline-block;
}
.contact-container .mail-icon::before{
content: "";
background: url("../images/mail_icon.png") no-repeat;
width: 14px;
height: 12px;
position: absolute;
top: 18px;
left: -21px;
display: inline-block;
}
.social-container ul{
float: right;
margin-bottom: 0;
margin-right: 14px;
}
.social-container ul li{
float: left;
}
.social-container ul li a{
display: block;
padding-top: 19px;
padding-right: 20px;
padding-bottom: 10px;
}
.social-container ul li:last-child a{
padding-right: 0;
}
.social-container ul li:first-child a{
padding-right: 12px;
}
.social-container ul li a i{
width: 14px;
height: 12px;
display: inline-block;
}
.social-container .facebook-icon{
background: url("../images/facebook_icon.png") no-repeat;
}
.social-container .twitter-icon{
background: url("../images/twitter_icon.png") no-repeat;
}
.social-container .instagram-icon{
background: url("../images/instagram_icon.png") no-repeat;
}
.social-container .linkedin-icon{
background: url("../images/linkedin_icon.png") no-repeat;
}
/*Site menüsünün bulunduğu bölüm*/
.bg-2{
width: 100%;
background: #f6f6f6;
min-height: 120px;
}
.logo{
margin: 16px 0 15px 0;
}
.logo a{
display: inline-block;
}
.top-menu{
background-color: transparent;
border: none;
margin-bottom: 0;
float: right;
}
.top-menu ul{
margin-top: 50px;
}
.top-menu ul li{
margin-right: 62px;
}
.top-menu ul li:nth-child(6){
margin-right: 0;
}
.top-menu .navbar-nav>li>a{
font-size: 14px;
font-weight: 500;
color: #444444;
padding: 0;
}
.top-menu ul li a{
font-size: 14px;
font-weight: 500;
color: #444444;
padding: 0;
}
.top-menu .navbar-nav>li>.current{
color: #ed7004;
font-weight: 600;
}
.top-menu .navbar-nav>li>.current::after{
content: "";
width: 100%;
height: 2px;
background: #ed7004;
margin-top: 19px;
display: block;
}
.top-menu .navbar-nav>li>a:hover{
color: #ed7004;
}
.top-menu .navbar-nav>li a::after{
content: "";
width: 0;
height: 2px;
background: #ed7004;
margin-top: 19px;
display: block;
transition: all .3s ease;
}
.top-menu .navbar-nav>li:hover a::after{
width: 100%;
}
/*Anasayfa üst slider buraya gelecek*/
.bg-3{
background: url("../images/slider.png") no-repeat center center;
background-size: cover;
width: 100%;
min-height: 600px;
}
/*Anasayfa okul veya anaokulu döneminin seçiminin yapıldığı bölüm*/
.bg-4{
background: #fff;
width: 100%;
}
.main-toggle{
display: block;
}
.main-toggle-2{
display: block;
}
.switch-area{
margin-top: -50px;
background: #fff;
z-index: 999;
width: 100%;
display: inline-block;
padding-bottom: 75px;
position: relative;
}
.switch-area h6{
margin-top: 50px;
margin-bottom: 0;
color: #ed7004;
font-weight: 500;
font-size: 12px;
letter-spacing: 2px;
}
.switch-area h2{
margin-top: 10px;
margin-bottom: 40px;
font-size: 26px;
color: #444444;
font-weight: 500;
}
.switch-area .before-school-solutions{
background: url("../images/4.png") no-repeat center center;
background-size: cover;
width: 100%;
height: 200px;
position: relative;
/* margin-bottom: 55px; */
transition: all .3s ease;
}
.switch-area .before-school-solutions h1{
margin-top: 0;
margin-bottom: 0;
text-align: left;
margin-left: 22px;
font-size: 30px;
font-weight: 600;
line-height: 35px;
color: #ffffff;
letter-spacing: -0.5px;
z-index: 3;
position: absolute;
top: 65px;
width: 50%;
transition: all .3s ease;
}
.switch-area .before-school-solutions .anaokulu{
margin-top: 0;
margin-bottom: 0;
text-align: left;
margin-left: 22px;
font-size: 16px;
font-weight: 500;
color: #ffffff;
letter-spacing: -0.27px;
z-index: 3;
position: absolute;
top: 145px;
width: 50%;
opacity: 0;
transition: all .3s ease;
}
.switch-area .before-school-solutions .kres{
margin-top: 0;
margin-bottom: 0;
text-align: left;
margin-left: 22px;
font-size: 16px;
font-weight: 500;
color: #ffffff;
letter-spacing: -0.27px;
z-index: 3;
position: absolute;
top: 170px;
width: 50%;
opacity: 0;
transition: all .3s ease;
}
.switch-area .before-school-solutions .anaokulu::before{
content: "";
background: url("../images/right_arrow.png") no-repeat;
width: 5px;
height: 8px;
display: inline-block;
float: left;
margin-top: 6px;
margin-right: 5px;
}
.switch-area .before-school-solutions .kres::before{
content: "";
background: url("../images/right_arrow.png") no-repeat;
width: 5px;
height: 8px;
display: inline-block;
float: left;
margin-top: 6px;
margin-right: 5px;
}
.switch-area .before-school-solutions:hover{
transform: scale(1.07);
box-shadow: 0 4px 20px 2px rgba(0, 0, 0, 0.2);
transition: all .3s ease;
}
.switch-area .before-school-solutions:hover h1{
position: absolute;
top: 25px;
transition: all .3s ease;
}
.switch-area .before-school-solutions:hover .anaokulu{
top: 105px;
opacity: 1;
transition: all .3s ease;
}
.switch-area .before-school-solutions:hover .kres{
top: 130px;
opacity: 1;
transition: all .3s ease;
}
.switch-area .before-school-solutions::after{
content: "";
background-image: linear-gradient(-237deg, #fd720e 0%, rgba(253, 114, 14, 0.73) 100%);
width: 100%;
height: 200px;
display: block;
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
}
.switch-area .before-school-solutions img{
position: absolute;
bottom: -0;
right: 7px;
z-index: 3;
}
.switch-area .school-solutions{
background: url("../images/2.png") no-repeat center center;
background-size: cover;
width: 100%;
height: 200px;
position: relative;
/* margin-bottom: 55px; */
transition: all .3s ease;
}
.switch-area .school-solutions h1{
margin-top: 0;
margin-bottom: 0;
text-align: left;
margin-left: 22px;
font-size: 30px;
font-weight: 600;
line-height: 35px;
color: #ffffff;
letter-spacing: -0.5px;
z-index: 3;
position: absolute;
top: 65px;
width: 50%;
transition: all .3s ease;
}
.switch-area .school-solutions .anaokulu{
margin-top: 0;
margin-bottom: 0;
text-align: left;
margin-left: 22px;
font-size: 16px;
font-weight: 500;
color: #ffffff;
letter-spacing: -0.27px;
z-index: 3;
position: absolute;
top: 145px;
width: 50%;
opacity: 0;
transition: all .3s ease;
}
.switch-area .school-solutions .kres{
margin-top: 0;
margin-bottom: 0;
text-align: left;
margin-left: 22px;
font-size: 16px;
font-weight: 500;
color: #ffffff;
letter-spacing: -0.27px;
z-index: 3;
position: absolute;
top: 170px;
width: 50%;
opacity: 0;
transition: all .3s ease;
}
.switch-area .school-solutions .lise{
margin-top: 0;
margin-bottom: 0;
text-align: left;
margin-left: 22px;
font-size: 16px;
font-weight: 500;
color: #ffffff;
letter-spacing: -0.27px;
z-index: 3;
position: absolute;
top: 205px;
width: 50%;
opacity: 0;
transition: all .3s ease;
}
.switch-area .school-solutions .anaokulu::before{
content: "";
background: url("../images/right_arrow.png") no-repeat;
width: 5px;
height: 8px;
display: inline-block;
float: left;
margin-top: 6px;
margin-right: 5px;
}
.switch-area .school-solutions .kres::before{
content: "";
background: url("../images/right_arrow.png") no-repeat;
width: 5px;
height: 8px;
display: inline-block;
float: left;
margin-top: 6px;
margin-right: 5px;
}
.switch-area .school-solutions .lise::before{
content: "";
background: url("../images/right_arrow.png") no-repeat;
width: 5px;
height: 8px;
display: inline-block;
float: left;
margin-top: 6px;
margin-right: 5px;
}
.switch-area .school-solutions:hover{
transform: scale(1.07);
box-shadow: 1px 1px 30px 5px rgba(7, 175, 173, 0.4);
transition: all .3s ease;
}
.switch-area .school-solutions:hover h1{
position: absolute;
top: 25px;
transition: all .3s ease;
}
.switch-area .school-solutions:hover .anaokulu{
top: 105px;
opacity: 1;
transition: all .3s ease;
}
.switch-area .school-solutions:hover .kres{
top: 130px;
opacity: 1;
transition: all .3s ease;
}
.switch-area .school-solutions:hover .lise{
top: 155px;
opacity: 1;
transition: all .3s ease;
}
.switch-area .school-solutions::after{
content: "";
background-image: linear-gradient(-218deg, #00afad 0%, rgba(0, 175, 173, 0.26) 100%);
width: 100%;
height: 200px;
display: block;
}
.switch-area .school-solutions img{
position: absolute;
bottom: 0;
right: 0;
z-index: 3;
}
/*Anasayfa ürünler bölümü Owl Carousel buraya eklenecek*/
.products .products-link{
display: inline-block;
width: 100%;
overflow: hidden;
position: relative;
box-shadow: 0 10px 10px rgba(0, 0, 0, 0.4);
margin-bottom: 50px;
transition: all .3s ease;
}
.products img{
width: 100%;
height: 350px;
position: relative;
}
.products .products-link strong {
color: #ffffff;
width: 90%;
font-size: 28px;
font-weight: 600;
letter-spacing: -0.5px;
margin: 0;
position: absolute;
bottom: 50px;
z-index: 7;
line-height: 1.2;
text-align: center;
transition: all .3s ease;
left: 5%;
}
.products .products-link p{
color: #ffffff;
width: 100%;
font-size: 16px;
font-weight: 400;
margin: 0;
padding: 0 40px;
position: absolute;
top: 300px;
z-index: 7;
text-align: center;
line-height: 1.1;
transition: all .3s ease;
opacity: 0;
}
.products .products-link span{
color: #ffffff;
width: 100%;
font-size: 8px;
font-weight: 400;
margin: 0;
padding: 0 40px;
position: absolute;
top: 340px;
z-index: 7;
text-align: center;
line-height: 1;
transition: all .3s ease;
opacity: 0;
}
.products .products-link span::before{
content: "";
width: 4px;
height: 6px;
background: url("../images/right_arrow_2.png") no-repeat;
display: block;
position: absolute;
top: 0px;
left: 180px;
}
.products .products-link span::after{
content: "";
width: 50%;
height: 1px;
display: block;
background: #fff;
margin-left: auto;
margin-right: auto;
margin-top: 2px;
}
.products .products-link::before{
content: "";
width: 100%;
height: 350px;
background-image: linear-gradient(180deg, rgba(15, 15, 15, 0) 50%, rgba(6, 6, 6, 0.7) 100%);
display: block;
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: 6;
}
.products .products-link::after{
content: "";
width: 100%;
height: 350px;
background: rgba(6, 6, 6, 0.2);
display: block;
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: 6;
}
.products .products-link:hover{
transform: scale(1.07);
transition: all .3s ease;
}
.products .products-link:hover::before{
content: "";
width: 100%;
height: 350px;
background-image: linear-gradient(180deg, rgba(15, 15, 15, 0) 40%, rgba(237, 112, 4, 0.7) 100%);
display: block;
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: 6;
}
.products .products-link:hover::after{
content: "";
width: 100%;
height: 350px;
background: rgba(6, 6, 6, 0.1);
display: block;
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: 6;
}
.products .products-link:hover strong{
bottom: 150px;
transition: all .3s ease;
}
.products .products-link:hover p{
opacity: 1;
top: 215px;
transition: all .3s ease;
}
.products .products-link:hover span{
opacity: 1;
top: 300px;
transition: all .3s ease;
}
.products .slick-list {
padding:0px
}
.products .slick-list .col-md-3 {
padding:0
}
.products .slick-slide div:first-child:not(.col-md-3) {
padding:15px;
}
.products .slick-dots{
bottom: 0;
}
.products .slick-prev:before{
content: "";
background: url("../images/slider_left.png") no-repeat;
width: 13px;
height: 23px;
display: block;
}
.products .slick-next:before{
content: "";
background: url("../images/slider_right.png") no-repeat;
width: 13px;
height: 23px;
display: block;
}
/*Anasayfa blog yazılarının olduğu bölüm resimlerin hepsinde max. height var çünkü lg ekranda görünümü korumak gerekiyor. metinlerin sınırlandırılması backend tarafında yapılacak.*/
.bg-5{
background: #ededed;
width: 100%;
}
.bg-5 .main-title::after{
margin-top: 12px;
margin-bottom: 50px;
}
.bg-5 .blog{
display: inline-block;
width: 100%;
background: #fafafa;;
margin-bottom: 30px;
float: left;
transition: all .3s ease;
}
.bg-5 .blog:hover {
box-shadow: 0 2px 20px rgba(0, 0, 0, 0.25);
}
.bg-5 .blog img
{
transition: .3s ease-in;
}
.bg-5 .blog:hover img {
transform : rotate(0.8deg) scale(1.10);
}
.bg-5 .blog img{
width: 100%;
position: relative;
}
.bg-5 .blog strong{
font-size: 17px;
font-weight: 600;
letter-spacing: -0.5px;
color: #ed7004;
display: block;
margin-top: 10px;
padding-left: 21px;
margin-bottom: 4px;
padding-right: 21px;
width: 100%;
}
.bg-5 .blog span{
padding: 4px 14px 4px 14px;
background: #ed7004;
color: #fff;
font-size: 9px;
letter-spacing: 1.5px;
position: absolute;
top: 122px;
left: 31px;
}
.bg-5 .blog .dif-strong{
margin-top: 10px;
margin-bottom: 5px;
}
.bg-5 .blog .dif-p{
margin-bottom: 16px;
}
.bg-5 .blog .dif-span{
top: 402px;
left: 31px;
}
.bg-5 .blog p{
display: block;
display: -webkit-box;
color: #444444;
font-size: 13px;
font-weight: 400;
line-height: 15px;
padding-left: 21px;
padding-right: 21px;
margin-bottom: 18px;
width: 100%;
}
.bg-5 .img-cut{
max-height: 158.3px;
}
.bg-5 .main-btn{
margin-top: 20px;
}
/*Anasayfa instagram API'lerinin geleceği bölüm*/
.instagram-api .colored-p{
margin-top: 50px;
margin-bottom: 0;
}
.instagram-api .main-title{
margin-top: 5px;
}
.instagram-api .main-title::after{
margin-top: 5px;
margin-bottom: 50px;
}
/*E-Bülten üyeliği bölümü*/
.bg-6{
background: rgba(86, 86, 86, 0.9);
width: 100%;
}
.bg-6 p{
font-weight: 700;
font-size: 14px;
color: #ffffff;
line-height: 170px;
margin: 0;
}
.bg-6 p::before{
content: "";
background: url("../images/mail_icon_2.png") no-repeat;
width: 70px;
height: 64px;
display: inline-block;
float: left;
margin-top: 53px;
margin-right: 16px;
}
.bg-6 input{
width: 100%;
height: 40px;
padding-left: 21px;
margin-top: 65px;
font-size: 11px;
font-weight: 500;
letter-spacing: -0.55px;
color: rgba(68, 68, 68, 0.9);
}
.bg-6 button{
font-size: 11px;
font-weight: 600;
width: 100%;
height: 40px;
color: #fff;
background: #ed7004;
border: none;
margin-top: 65px;
margin-bottom: 50px;
}
/*Site haritasının bulunduğu bölüm*/
.bg-7{
width: 100%;
background: #444;
min-height: 370px;
position: relative;
}
.bg-7 .footer-logo-1{
margin-top: 70px;
}
.bg-7 .footer-logo-2{
position: absolute;
top: 0;
left: -96px;
}
.bg-7 h6{
margin-top: 80px;
color: #ffffff;
font-size: 14px;
font-weight: 700;
}
.bg-7 li{
margin-top: 10px;
}
.bg-7 li:first-child{
margin-top: 20px;
}
.bg-7 li a{
color: #b6b6b6;
font-size: 11px;
font-weight: 500;
}
.bg-7 .social-footer{
margin-bottom: 50px;
display: inline-block;
}
.bg-7 .social-footer li{
float: left;
margin-right: 25px;
}
.bg-7 .social-footer li:first-child{
margin-top: 10px;
}
.bg-7 .social-footer li:last-child{
margin-right: 0;
}
/*Footer bölümü*/
.bg-4 .footer p{
line-height: 70px;
margin: 0;
font-weight: 400;
font-size: 11px;
}
.bg-4 .footer span{
font-size: 11px;
color: #ed7004;
font-weight: 700;
}
/*Kurumsal Sayfası*/
.bg-8{
background: url("../images/14.png") no-repeat center center;
background-size: cover;
width: 100%;
min-height: 225px;
position: relative;
}
.bg-8::before{
content: "";
width: 100%;
height: 225px;
background: rgba(68, 68, 68, 0.8);
display: block;
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
}
.bg-8 .main-title{
color: #ffffff;
margin-top: 80px;
}
.bg-8 .main-title::after{
margin-top: 5px;
}
.company-profile {
margin-top: 70px;
padding-bottom: 70px;
}
.company-profile h3{
color: #ed7004;
font-size: 28px;
font-weight: 700;
letter-spacing: -0.87px;
margin-bottom: 35px;
}
.company-profile h6{
color: #444444;
font-size: 16px;
letter-spacing: -0.5px;
font-weight: 600;
margin-top: 0;
}
.company-profile p{
color: #444444;
font-size: 16px;
letter-spacing: -0.5px;
font-weight: 400;
margin-bottom: 30px;
line-height: 28px;
}
.company-profile ul{
margin-bottom: 30px;
list-style: disc;
margin-left: 22px;
}
.company-profile ul li{
color: #444444;
font-size: 16px;
letter-spacing: -0.5px;
font-weight: 400;
margin-bottom: 10px;
}
/*Hakkımızda Sayfası*/
.about .left-navigator .active{
margin-top: 0;
margin-bottom: 5px;
}
/*Product List 4 Col Sayfası*/
.products .col-md-3:last-child a{
/* margin-bottom: 150px; */
}
/*Product List 3 Col Sayfası*/
.p-3 .products .col-md-4:last-child a{
margin-bottom: 150px;
}
.p-3 .products img{
height: 480px;
}
.p-3 .products .products-link::before{
height: 480px;
}
.p-3 .products .products-link::after{
height: 480px;
}
.p-3 .products .products-link:hover strong{
bottom: 185px;
}
.p-3 .products .products-link:hover p{
top: 315px;
line-height: 1.5;
}
.p-3 .products .products-link:hover span{
top: 410px;
line-height: 1.5;
letter-spacing: 0.5px;
}
.p-3 .products .products-link:hover span::before{
left: 230px;
top: 3px;
}
.p-3 .products .products-link:hover span::after{
width: 33%;
}
.bg-9{
color: #fff;
width: 100%;
border-bottom: 1px solid #dfdfdf;
}
.bg-9 ul li{
float: left;
margin-right: 8px;
font-size: 11px;
font-weight: 400;
letter-spacing: -0.46px;
color: #ed7004;
line-height: 45px;
}
.bg-9 ul li a{
color: #ed7004;
}
/*Product Detail Sayfası*/
.product-images .big-image{
width: 100%;
margin-top: 60px;
position: relative;
}
.product-images .big-image a{
display: inline-block;
width: 100%;
float: left;
}
.product-images .big-image a img{
width: 100%;
height: auto;
}
.product-images .big-image a .left-arrow{
background: url("../images/left_arrow.png") no-repeat;
width: 16px;
height: 32px;
/* display: inline-block; */
position: absolute;
top: 228px;
left: 27px;
z-index: 999;
}
.product-images .big-image a .right-arrow{
background: url("../images/right_arrow_3.png") no-repeat;
width: 16px;
height: 32px;
display: inline-block;
position: absolute;
top: 228px;
right: 27px;
z-index: 999;
}
/* .product-images .big-image::before{
content: "";
width: 16px;
height: 32px;
display: block;
background: url("../images/left_arrow.png") no-repeat;
position: absolute;
top: 228.5px;
left: 27px;
}
.product-images .big-image::after{
content: "";
width: 16px;
height: 32px;
display: block;
background: url("../images/right_arrow_3.png") no-repeat;
position: absolute;
top: 228.5px;
right: 27px;
} */
.product-images ul{
margin-top: 20px;
width: 100%;
display: inline-block;
margin-bottom: 55px;
}
.product-images ul li{
float: left;
width: calc(20% - 12px);
margin-right: 15px;
margin-bottom: 12px;
}
.product-images ul li:nth-child(5n){
margin-right: 0;
}
.product-images ul li a{
display: inline-block;
width: 100%;
}
.product-images ul li a img{
width: 100%;
}
.product-detail-text{
margin-top: 80px;
width: 100%;
}
.product-detail-text h3{
margin-top: 0;
color: #ed7004;
font-size: 30px;
font-weight: 600;
letter-spacing: -0.5px;
}
.product-detail-text h4{
margin-top: 0;
margin-bottom: 15px;
color: #444444;
font-size: 18px;
font-weight: 500;
letter-spacing: -0.5px;
}
.product-detail-text ul{
display: inline-block;
}
.product-detail-text ul li{
float: left;
margin-right: 3px;
}
.product-detail-text ul li:last-child{
margin-right: 0;
margin-left: 5px;
}
.product-detail-text ul li a .star-selected{
width: 12px;
height: 12px;
background: url("../images/star_selected.png") no-repeat;
display: inline-block;
}
.product-detail-text ul li .star-non-selected{
width: 12px;
height: 12px;
background: url("../images/star_non_selected.png") no-repeat;
display: inline-block;
}
.product-detail-text ul li a span{
color: #878787;
font-size: 10px;
font-weight: 400;
letter-spacing: -0.46px;
}
.product-detail-text p{
margin-bottom: 24px;
color: #444444;
font-size: 15px;
font-weight: 400;
letter-spacing: -0.47px;
line-height: 21px;
}
.product-detail-text p:last-child{
margin-bottom: 0px;
}
.product-detail-text .more{
color: #ed7004;
font-size: 10px;
font-weight: 400;
letter-spacing: -0.42px;
position: relative;
}
.product-detail-text .more::after{
content: "";
width: 4px;
height: 6px;
background: url("../images/right_arrow_5.png") no-repeat;
display: block;
position: absolute;
top: 3px;
left: 118px;
}
.nav-tabs{
border: none;
}
.product-detail-container-menu{
margin-top: 65px;
z-index: 2;
display: block;
position: relative;
}
.product-detail-container-menu .nav-tabs{
float:none;
margin: 0 auto;
display: table;
table-layout: fixed;
}
.product-detail-container-menu .nav-tabs>li.active>a{
padding: 0;
border: none;
width: 270px;
height: 50px;
text-align: center;
color: #fff;
font-size: 16px;
font-weight: 600;
letter-spacing: -0.5px;
line-height: 50px;
margin-top: -10px;
border-radius: 0;
background: #ed7004;
}
.product-detail-container-menu .nav-tabs>li.active>a:hover{
background: #ed7004;
}
.product-detail-container-menu .nav-tabs>li>a{
padding: 0;
border: none;
width: 270px;
height: 40px;
text-align: center;
background: #878787;
color: #ffffff;
font-size: 14px;
font-weight: 400;
letter-spacing: -0.5px;
line-height: 40px;
border-radius: 0;
}
.product-detail-container-menu .nav-tabs>li>a:hover{
background: #565656;
color: #fff;
}
.product-detail-container{
background: #fff;
width: 100%;
max-height: 550px;
overflow-y: auto;
margin-bottom: 65px;
margin-top: -15px;
padding: 0 100px;
display: block;
position: relative;
}
/*Product Detail Ürün özellikleri*/
.product-detail-container .product-features-wrap::after{
content: "";
width: 100%;
height: 150px;
background-image: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #ffffff 100%);
position: sticky;
display: block;
bottom: 0;
left: -100px;
}
.product-detail-container .product-features h4{
color: #444444;
font-size: 16px;
font-weight: 600;
letter-spacing: -0.44px;
margin-top: 50px;
}
.product-detail-container .product-features p{
color: #444444;
font-size: 14px;
font-weight: 400;
letter-spacing: -0.5px;
line-height: 20px;
margin-bottom: 20px;
}
/*product detail kullanan okullar*/
.used-by-wrap{
padding-top: 40px;
}
.product-detail-container .used-by-wrap .used-by .w17{
width: 17%;
}
.product-detail-container .used-by-wrap .used-by .table>thead>tr{
background: #ed7004;
}
.product-detail-container .used-by-wrap .used-by .table>thead>tr>th{
border: none;
font-size: 15px;
font-weight: 600;
letter-spacing: -0.47px;
padding: 12px 8px;
color: #fff;
}
.product-detail-container .used-by-wrap .used-by .table-striped>tbody>tr:nth-of-type(odd){
background: #f4f4f4;
}
.product-detail-container .used-by-wrap .used-by .table>tbody>tr>td{
border: none;
font-size: 12px;
font-weight: 500;
letter-spacing: -0.38px;
padding: 14px 8px;
color: #444444;
}
.product-detail-container .used-by-wrap .used-by .table{
margin-bottom: 50px;
}
/*Product Detail Kullanıcı Yorumları*/
.product-detail-container .user-comments-wrap .user-comments .comment{
padding: 16px 30px;
border: 1px solid #ededed;
margin-bottom: 20px;
}
.product-detail-container .user-comments-wrap .user-comments .comment:first-child{
margin-top: 50px;
}
.product-detail-container .user-comments-wrap .user-comments .comment h4{
margin-top: 0;
margin-bottom: 5px;
color: #444444;
font-size: 16px;
font-weight: 600;
letter-spacing: -0.5px;
}
.product-detail-container .user-comments-wrap .user-comments .comment ul{
display: inline-block;
margin-bottom: 0;
}
.product-detail-container .user-comments-wrap .user-comments .comment ul li{
float: left;
margin-right: 3px;
}
.product-detail-container .user-comments-wrap .user-comments .comment ul li:last-child{
margin-right: 0;
margin-left: 5px;
}
.product-detail-container .user-comments-wrap .user-comments .comment ul li a .star-selected{
width: 12px;
height: 12px;
background: url("../images/star_selected.png") no-repeat;
display: inline-block;
}
.product-detail-container .user-comments-wrap .user-comments .comment ul li .star-non-selected{
width: 12px;
height: 12px;
background: url("../images/star_non_selected.png") no-repeat;
display: inline-block;
}
.product-detail-container .user-comments-wrap .user-comments .comment ul li a span{
color: #878787;
font-size: 11px;
font-weight: 300;
letter-spacing: -0.34px;
}
.product-detail-container .user-comments-wrap .user-comments .comment p{
color: #444444;
font-size: 14px;
font-weight: 400;
letter-spacing: -0.5px;
line-height: 1.4;
margin-bottom: 0;
}
.product-detail-container .user-comments-wrap button{
color: #ffffff;
font-size: 14px;
font-weight: 600;
padding: 10px 22px;
border: none;
background: #ed7004;
display: block;
margin: 0 auto;
position: sticky;
bottom: 40px;
z-index: 2;
}
.product-detail-container .user-comments-wrap::after{
content: "";
width: 100%;
height: 117px;
background-image: linear-gradient(180deg, rgba(255, 255, 255, 0.6) 20%, #ffffff 100%);
position: sticky;
display: block;
bottom: 0;
left: -100px;
}
/*Product Detail Yorum yap*/
.product-detail-container .make-comment-wrap .make-comment strong{
margin-top: 85px;
display: block;
color: #444444;
font-size: 12px;
letter-spacing: -0.46px;
font-weight: 400;
margin-bottom: 5px;
}
.product-detail-container .make-comment-wrap .make-comment label{
color: #444444;
font-size: 12px;
letter-spacing: -0.46px;
font-weight: 400;
display: block;
margin-top: 16px;
margin-bottom: 0;
}
.product-detail-container .make-comment-wrap .make-comment input{
width: 100%;
height: 35px;
padding-left: 15px;
font-size: 14px;
color: #444444;
background: #f4f4f4;
border: none;
}
.product-detail-container .make-comment-wrap .make-comment textarea{
width: 100%;
resize: vertical;
height: 80px;
background: #f4f4f4;
border: none;
padding-left: 10px;
padding-top: 5px;
}
.product-detail-container .make-comment-wrap .make-comment button{
margin: 0 auto;
display: block;
color: #ffffff;
font-size: 14px;
font-weight: 400;
padding: 10px 39px;
border: none;
background: #ed7004;
margin-top: 49px;
margin-bottom: 48px;
}
.product-detail-container .make-comment-wrap .make-comment ul{
display: inline-block;
margin-bottom: 0;
}
.product-detail-container .make-comment-wrap .make-comment ul li{
float: left;
margin-right: 3px;
}
.product-detail-container .make-comment-wrap .make-comment ul li:last-child{
margin-right: 0;
}
.product-detail-container .make-comment-wrap .make-comment ul li a .star-selected{
width: 12px;
height: 12px;
background: url("../images/star_selected.png") no-repeat;
display: inline-block;
}
.product-detail-container .make-comment-wrap .make-comment ul li .star-non-selected{
width: 12px;
height: 12px;
background: url("../images/star_non_selected.png") no-repeat;
display: inline-block;
}
/*Blog List Sayfası*/
.pb{
padding-bottom: 90px;
}
.blog-list{
background: #f4f4f4;
width: calc(100% + 5px);
margin-left: -5px;
/* margin-right: -5px; */
padding: 5px;
margin-top: 50px;
}
.blog-list .blog-list-image{
width: calc(50% - 15px);
margin-right: 15px;
display: inline-block;
float: left;
}
.blog-list .blog-list-image a{
display: inline-block;
}
.blog-list .blog-list-image img{
width: 100%;
height: 217px;
}
.blog-list .blog-list-text{
display: inline-block;
width: calc(50% - 15px);
margin-left: 15px;
padding-top: 20px;
height: 217px;
}
.blog-list .blog-list-text p{
padding-right: 8px;
}
.blog-list .blog-list-text p a{
display: inline-block;
font-size: 13px;
font-weight: 400;
letter-spacing: -0.46px;
line-height: 19px;
letter-spacing: -0.5px;
color: #444444;
}
.blog-list .blog-list-text a span{
color: #ffffff;
font-size: 9px;
font-weight: 500;
letter-spacing: 1.5px;
padding: 5px 14px;
background: #ed7004;
}
.blog-list .blog-list-text a strong{
display: block;
margin-top: 20px;
margin-bottom: 25px;
color: #444444;
font-size: 18px;
font-weight: 700;
letter-spacing: -0.45px;
}
/*blog-list-2*/
.blog-list-2{
background: #fff;
width: calc(100% + 5px);
margin-left: -5px;
/* margin-right: -5px; */
padding: 5px;
margin-top: 50px;
transition: all .3s ease;
}
.blog-list-2:hover{
background: #f4f4f4;
transition: all .3s ease;
}
.blog-list-2 .blog-list-image{
width: calc(50% - 15px);
margin-right: 15px;
display: inline-block;
float: left;
}
.blog-list-2 .blog-list-image a{
display: inline-block;
}
.blog-list-2 .blog-list-image img{
width: 100%;
height: 217px;
}
.blog-list-2 .blog-list-text{
display: inline-block;
width: calc(50% - 15px);
margin-left: 15px;
padding-top: 20px;
height: 217px;
}
.blog-list-2 .blog-list-text p{
padding-right: 8px;
}
.blog-list-2 .blog-list-text p a{
display: inline-block;
font-size: 13px;
font-weight: 400;
letter-spacing: -0.46px;
line-height: 19px;
letter-spacing: -0.5px;
color: #444444;
}
.blog-list-2 .blog-list-text a span{
color: #ffffff;
font-size: 9px;
font-weight: 500;
letter-spacing: 1.5px;
padding: 5px 14px;
background: #ed7004;
}
.blog-list-2 .blog-list-text a span.haber-span{
background: #319640;
}
.blog-list-2 .blog-list-text a strong{
display: block;
margin-top: 20px;
margin-bottom: 25px;
color: #444444;
font-size: 18px;
font-weight: 700;
letter-spacing: -0.45px;
}
/*Blog Page*/
.blog-container-image{
width: 100%;
margin-top: 60px;
margin-bottom: 50px;
}
.blog-container-image img{
width: 100%;
height: auto;
}
.blog-container-text{
margin-bottom: 50px;
}
.blog-container-text p{
margin-top: 30px;
margin-bottom: 0;
color: #444444;
font-size: 16px;
font-weight: 400;
letter-spacing: -0.33px;
line-height: 22px;
}
.blog-container-text h1{
margin-top: 30px;
display: block;
font-weight: 600;
letter-spacing: -0.5px;
}
.blog-container-text h2{
margin-top: 30px;
display: block;
font-weight: 600;
letter-spacing: -0.5px;
}
.blog-container-text h3{
margin-top: 30px;
display: block;
font-weight: 600;
letter-spacing: -0.5px;
}
.blog-container-text h4{
margin-top: 30px;
display: block;
font-weight: 600;
letter-spacing: -0.5px;
}
.blog-container-text h5{
margin-top: 30px;
display: block;
font-weight: 600;
letter-spacing: -0.5px;
}
.blog-container-text h6{
margin-top: 30px;
display: block;
font-weight: 600;
letter-spacing: -0.5px;
}
.bottom-container{
padding: 0 24px;
background: #ccc;
width: 100%;
display: inline-block;
margin-bottom: 50px;
}
.bottom-container ul li a{
line-height: 70px;
color: #666666;
font-size: 10px;
font-weight: 500;
}
.bottom-container .social .facebook-icon a i{
background: url("../images/facebook_icon.png") no-repeat;
width: 6px;
height: 12px;
display: block;
margin-top: 28px;
}
.bottom-container .social .twitter-icon a i{
background: url("../images/twitter_icon.png") no-repeat;
width: 14px;
height: 12px;
display: block;
margin-top: 28px;
}
.bottom-container .print .print-icon a i{
background: url("../images/print_icon.png") no-repeat;
width: 16px;
height: 16px;
display: block;
margin-top: 26px;
}
.bottom-container .social{
margin-bottom: 0;
position: relative;
display: inline-block;
float: left;
}
.bottom-container .social li{
float: left;
margin-right: 15px;
}
.bottom-container .print{
float: right;
margin-bottom: 0;
position: relative;
display: inline-block;
}
.bottom-container .print li{
float: left;
margin-left: 24px;
}
.other-articles-container{
padding: 30px 20px;
background: #f4f4f4;
width: 100%;
margin-top: -45px;
}
.other-articles-container h4{
margin: 0;
font-size: 24px;
font-weight: 600;
letter-spacing: -0.5px;
color: #ed7004;
margin-bottom: 30px;
}
.other-articles-container .other-article{
width: 100%;
padding-right: 10px;
position: relative;
margin-bottom: 30px;
}
.other-articles-container .other-article:hover{
background: #e2e2e2;
}
.other-articles-container .other-article a{
display: inline-block;
width: 100%;
}
.other-articles-container .other-article img{
width: 135px;
height: 90px;
margin-right: 10px;
}
.other-articles-container .other-article span{
font-size: 8px;
font-weight: 500;
color: #fff;
background: #ed7004;
padding: 3px 7px;
bottom: 5px;
left: 5px;
position: absolute;
}
.other-articles-container .other-article strong{
font-size: 13px;
font-weight: 700;
letter-spacing: -0.33px;
color: #444444;
float: right;
width: 52%;
margin-top: 27px;
}
.other-articles-container .more{
color: #ed7004;
display: block;
text-align: center;
position: relative;
font-size: 10px;
font-weight: 500;
position: relative;
}
.other-articles-container .more:after{
content: '';
width: 150px;
height: 1px;
background:#ed7004;
position: absolute;
bottom: -10px;
left: 0;
right: 0;
margin:0 auto;
}
/* .other-articles-container .more::after{
content: "";
background: url("../images/right_arrow_4.png") no-repeat;
width: 5px;
height: 8px;
position: absolute;
left: 15px;
bottom: 15px;
} */
/*Referance Page*/
.filter{
width: 100%;
margin-top: 50px;
margin-bottom: 40px;
float: left;
}
.filter li{
float: left;
}
.filter li select{
font-size: 12px;
font-weight: 500;
letter-spacing: -0.43px;
color: #c0c0c0;
border: 1px solid #c0c0c0;
}
.filter .city{
width: 17%;
}
.filter .city select{
width: 81%;
height: 45px;
padding-left: 8px;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
background: url("../images/down_arrow.svg") 95% / 10% no-repeat;
}
.filter .county{
width: 17%;
}
.filter .county select{
width: 81%;
height: 45px;
padding-left: 8px;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
background: url("../images/down_arrow.svg") 95% / 10% no-repeat;
}
.filter .company{
width: 56%;
}
.filter .company select{
width: 94%;
height: 45px;
padding-left: 8px;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
background: url("../images/down_arrow.svg") 98% / 2.5% no-repeat;
}
.filter .button{
width: 18%;
margin-top: 15px;
}
.filter .button button{
width: 100%;
border: none;
padding: 15.5px 0;
background: #ed7004;
color: #fff;
font-size: 15px;
font-weight: 600;
}
.filter label{
display: block;
margin-bottom: 4px;
font-size: 12px;
font-weight: 500;
letter-spacing: -0.43px;
color: #444444;
}
.filter li .active{
border: 1px solid #565656;
color: #565656;
background: url("../images/down_arrow_2.svg") 95% / 10% no-repeat;
}
.reference-list .w17{
width: 17%;
}
.reference-list .table>thead>tr{
background: #ed7004;
}
.reference-list .table>thead>tr>th{
border: none;
font-size: 15px;
font-weight: 600;
letter-spacing: -0.47px;
padding: 12px 8px;
color: #fff;
}
.reference-list .table-striped>tbody>tr:nth-of-type(odd){
background: #f4f4f4;
}
.reference-list .table>tbody>tr>td{
border: none;
font-size: 12px;
font-weight: 500;
letter-spacing: -0.38px;
padding: 14px 8px;
color: #444444;
}
.reference-list .table{
margin-bottom: 50px;
}
/*Contact Page*/
.contact-info{
padding: 31px 24px;
background: #ed7004;
box-shadow: 0 9px 20px rgba(0, 0, 0, 0.15);
margin-bottom: 50px;
margin-top: 50px;
}
.contact-info li{
margin-bottom: 36px;
}
.contact-info li:last-child{
margin-bottom: 0;
}
.contact-info li a strong{
display: block;
margin-bottom: 7px;
font-size: 20px;
font-weight: 600;
letter-spacing: -0.77px;
color: #ffffff;
}
.contact-info li a .dif{
font-size: 14px;
font-weight: 600;
letter-spacing: -0.5px;
color: #f4f4f4;
margin-top: 3px;
margin-bottom: 0;
}
.contact-info li a span{
font-size: 14px;
font-weight: 400;
letter-spacing: -0.5px;
color: #f4f4f4;
}
.contact-info li a .location{
background: url("../images/location_icon.png") no-repeat;
width: 22px;
height: 30px;
float: left;
margin-right: 24px;
margin-top: 15px;
}
.contact-info li a .mail{
background: url("../images/mail_icon_3.png") no-repeat;
width: 26px;
height: 21px;
float: left;
margin-right: 22px;
margin-left: -2px;
margin-top: 12px;
}
.contact-info li a .phone{
background: url("../images/phone_icon_2.png") no-repeat;
width: 22px;
height: 22px;
float: left;
margin-right: 24px;
margin-top: 12px;
}
.contact-info li a .fax{
background: url("../images/fax_icon.png") no-repeat;
width: 22px;
height: 22px;
float: left;
margin-right: 24px;
margin-top: 12px;
}
.map-api{
margin-top: 50px;
width: 100%;
min-height: 351px;
box-shadow: 0 9px 20px rgba(0, 0, 0, 0.15);
margin-bottom: 50px;
}
.bank-account{
width: 100%;
background: #f4f4f4;
padding: 21px 12px;
display: block;
margin-bottom: 30px;
}
.bank-account .bank-logo{
position: absolute;
left: 30px;
bottom: 50%;
}
.bank-account .bank-text{
width: 72%;
margin-left: 29%;
position: relative;
}
.bank-account .bank-text strong{
font-size: 16px;
font-weight: 600;
letter-spacing: -0.62px;
color: #444444;
margin-bottom: 8px;
display: block;
}
.bank-account .bank-text p{
font-size: 13px;
font-weight: 400;
letter-spacing: -0.54px;
color: #444444;
line-height: 1.3;
margin-bottom: 5px;
}
.bank-account .bank-text p:last-child{
margin-bottom: 0;
}
.bank-account .bank-text p span{
font-weight: 600;
letter-spacing: -0.5px;
}
.toggle{
margin-bottom: 40px;
}
.toggle h6{
color: #444444;
font-size: 14px;
font-weight: 500;
letter-spacing: -0.44px;
text-align: center;
margin-bottom: 24px;
margin-top: 70px;
}
.toggle a{
width: 50%;
text-align: center;
display: inline-block;
letter-spacing: -0.47px;
font-size: 17px;
font-weight: 600;
color: #fff;
background: #00afad;
/* border: 2px solid #00afad; */
padding: 17px 0;
line-height: 1.23;
}
.toggle a span {
font-size: 12px;
display: block;
margin-top: 5px;
}
.toggle a strong{
font-weight: 600;
display: block;
}
.toggle .active{
float: left;
background: #ed7004;
color: #fff;
border: none;
padding: 17px 0;
}
.toggle .checkbox-container{
position: absolute;
left: 323px;
bottom: 82px;
}
.toggle .checkbox-container-2{
position: absolute;
left: 45px;
bottom: 82px;
}
.toggle .container-2 {
display: block;
position: relative;
padding-left: 35px;
margin-bottom: 12px;
cursor: pointer;
font-size: 22px;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.toggle .container-2 input {
position: absolute;
opacity: 0;
cursor: pointer;
height: 0;
width: 0;
}
.toggle .checkmark {
position: absolute;
top: 0px;
left: 0;
height: 15px;
width: 15px;
border-radius: 2px;
background-color: #fff;
}
.toggle .container-2:hover input ~ .checkmark {
background-color: #ccc;
}
.toggle .container-2 input:checked ~ .checkmark {
background-color: #fff;
}
.toggle .checkmark:after {
content: "";
position: absolute;
display: none;
}
.toggle .container-2 input:checked ~ .checkmark:after {
display: block;
}
.toggle .container-2 .checkmark:after {
left: 5px;
top: 2px;
width: 5px;
height: 10px;
border: solid #ed7004;
border-width: 0 3px 3px 0;
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
}
.toggle .container-2 .checkmark-2:after {
left: 5px;
top: 2px;
width: 5px;
height: 10px;
border: solid #00afad;
border-width: 0 3px 3px 0;
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
}
.information-headings{
color: #ed7004;
font-size: 24px;
font-weight: 600;
letter-spacing: -0.86px;
margin-bottom: 32px;
text-align: center;
margin-top: 50px;
}
.information-headings strong{
display: block;
font-weight: 600;
}
.cargo-wrap{
width: calc(33% - 20px);
margin-bottom: 30px;
background: #f4f4f4;
margin-right: 30px;
display: inline-block;
}
.cargo-wrap h6{
text-align: center;
margin-top: 0;
margin-bottom: 16px;
font-size: 13px;
font-weight: 500;
letter-spacing: -0.54px;
}
.cargo-wrap:last-child{
margin-right: 0;
}
.cargo-wrap .cargo-logo{
width: 90%;
margin: 0 auto;
}
.cargo-wrap .cargo-logo img{
width: 100%;
}
.cargo-wrap .cargo-logo .ups{
width: 68px;
margin: 18.71px 0;
margin-left: calc(50% - 40.5px);
}
.cargo-wrap .cargo-logo .surat{
margin: 36.1px 0;
}
.contact-input label{
display: block;
line-height: 1;
margin-bottom: 8px;
font-size: 12px;
font-weight: 600;
letter-spacing: -0.46px;
color: #444444;
}
.contact-input input{
width: 100%;
height: 50px;
margin-bottom: 20px;
border: none;
padding-left: 8px;
background: #f4f4f4;
font-size: 12px;
color: #444444;
}
.contact-input select{
width: 100%;
height: 50px;
margin-bottom: 20px;
border: none;
padding-left: 8px;
background: #f4f4f4;
font-size: 12px;
color: #444444;
/* -webkit-appearance: none;
-moz-appearance: none;
appearance: none;
background: url("../images/down_arrow.svg") 95% / 4% no-repeat; */
}
.contact-input textarea{
width: 100%;
height: 150px;
margin-bottom: 20px;
border: none;
padding-left: 8px;
background: #f4f4f4;
font-size: 12px;
color: #444444;
resize: vertical;
}
.contact-input button{
margin-top: 10px;
margin-bottom: 70px;
width: 100%;
border: none;
background: #ed7004;
color: #fff;
font-size: 14px;
font-weight: 600;
padding: 10px 0;
}
.contact-input .active{
border: 1px solid #666666;
}
div.resize-and-crop {
overflow: hidden;
display: inline-block;
position: relative;
}
div.resize-and-crop img {
position: absolute;
width: auto !important
}
.blog-mt img {min-height: 438px;}
.bg-5 .blog span.haber-span {background:#319640;}
.other-articles-container .other-article span.haber-span {background:#319640;}
.haber-galeri{margin-bottom: 30px; width: 100%; display: inline-block; float: left; padding:5px; border:solid 1px #ccc;}
.top-menu ul.dropdown-menu {border-radius: 0; border:none;}
.top-menu ul.dropdown-menu li {width: 100%;}
.top-menu ul.dropdown-menu li a {font-size: 12px; padding:5px 10px; line-height: 30px; border-bottom: 1px solid #ededed}
.top-menu ul.dropdown-menu li:last-child a {border:none;}
.top-menu ul.dropdown-menu li a:after {display: none !important}
.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:focus, .navbar-default .navbar-nav>.open>a:hover {background:none;}
.top-menu ul li.dropdown.open a:after {width: 100% !important;}
.iletisim-wrap { min-height: 450px; }
.map-api {position: relative;}
.map-api iframe {position: absolute; width: 100%; height: 100%; left: 0; top: 0;}
.slider-2 {width: 100%; float: left; display: inline-block; min-height: 600px; background:#ededed;}
.contact-input input.error {border:solid 1px red;}
.contact-input select.error {border:solid 1px red;}
.contact-input textarea.error {border:solid 1px red;}
.contact-input label.error {color: red; margin-top: -10px;}
.footer-logo {width: 200px;}
.rating-star{
}
.rating-star span{
width:20px;
height:20px;
display:block;
float:left;
background-image:url("../images/star-rate.png");
background-repeat:no-repeat;
background-size:100%;
margin:0px 2px;
cursor:pointer;
background-position:top;
}
.rating-star span.clicked,.rating-star span.hover{
background-position:bottom;
}
.product-detail-container .make-comment-wrap .make-comment label.error {color: red;}
body .grecaptcha-badge {
display: none;
}
table.dataTable{clear:both;margin-top:6px !important;margin-bottom:6px !important;max-width:none !important;border-collapse:separate !important}table.dataTable td,table.dataTable th{-webkit-box-sizing:content-box;box-sizing:content-box}table.dataTable td.dataTables_empty,table.dataTable th.dataTables_empty{text-align:center}table.dataTable.nowrap th,table.dataTable.nowrap td{white-space:nowrap}div.dataTables_wrapper div.dataTables_length label{font-weight:normal;text-align:left;white-space:nowrap}div.dataTables_wrapper div.dataTables_length select{width:75px;display:inline-block}div.dataTables_wrapper div.dataTables_filter{text-align:right}div.dataTables_wrapper div.dataTables_filter label{font-weight:normal;white-space:nowrap;text-align:left}div.dataTables_wrapper div.dataTables_filter input{margin-left:0.5em;display:inline-block;width:auto}div.dataTables_wrapper div.dataTables_info{padding-top:8px;white-space:nowrap}div.dataTables_wrapper div.dataTables_paginate{margin:0;white-space:nowrap;text-align:right}div.dataTables_wrapper div.dataTables_paginate ul.pagination{margin:2px 0;white-space:nowrap}div.dataTables_wrapper div.dataTables_processing{position:absolute;top:50%;left:50%;width:200px;margin-left:-100px;margin-top:-26px;text-align:center;padding:1em 0}table.dataTable thead>tr>th.sorting_asc,table.dataTable thead>tr>th.sorting_desc,table.dataTable thead>tr>th.sorting,table.dataTable thead>tr>td.sorting_asc,table.dataTable thead>tr>td.sorting_desc,table.dataTable thead>tr>td.sorting{padding-right:30px}table.dataTable thead>tr>th:active,table.dataTable thead>tr>td:active{outline:none}table.dataTable thead .sorting,table.dataTable thead .sorting_asc,table.dataTable thead .sorting_desc,table.dataTable thead .sorting_asc_disabled,table.dataTable thead .sorting_desc_disabled{cursor:pointer;position:relative}table.dataTable thead .sorting:after,table.dataTable thead .sorting_asc:after,table.dataTable thead .sorting_desc:after,table.dataTable thead .sorting_asc_disabled:after,table.dataTable thead .sorting_desc_disabled:after{position:absolute;bottom:8px;right:8px;display:block;font-family:'Glyphicons Halflings';opacity:0.5}table.dataTable thead .sorting:after{opacity:0.2;content:"\e150"}table.dataTable thead .sorting_asc:after{content:"\e155"}table.dataTable thead .sorting_desc:after{content:"\e156"}table.dataTable thead .sorting_asc_disabled:after,table.dataTable thead .sorting_desc_disabled:after{color:#eee}div.dataTables_scrollHead table.dataTable{margin-bottom:0 !important}div.dataTables_scrollBody>table{border-top:none;margin-top:0 !important;margin-bottom:0 !important}div.dataTables_scrollBody>table>thead .sorting:after,div.dataTables_scrollBody>table>thead .sorting_asc:after,div.dataTables_scrollBody>table>thead .sorting_desc:after{display:none}div.dataTables_scrollBody>table>tbody>tr:first-child>th,div.dataTables_scrollBody>table>tbody>tr:first-child>td{border-top:none}div.dataTables_scrollFoot>.dataTables_scrollFootInner{box-sizing:content-box}div.dataTables_scrollFoot>.dataTables_scrollFootInner>table{margin-top:0 !important;border-top:none}@media screen and (max-width: 767px){div.dataTables_wrapper div.dataTables_length,div.dataTables_wrapper div.dataTables_filter,div.dataTables_wrapper div.dataTables_info,div.dataTables_wrapper div.dataTables_paginate{text-align:center}}table.dataTable.table-condensed>thead>tr>th{padding-right:20px}table.dataTable.table-condensed .sorting:after,table.dataTable.table-condensed .sorting_asc:after,table.dataTable.table-condensed .sorting_desc:after{top:6px;right:6px}table.table-bordered.dataTable th,table.table-bordered.dataTable td{border-left-width:0}table.table-bordered.dataTable th:last-child,table.table-bordered.dataTable th:last-child,table.table-bordered.dataTable td:last-child,table.table-bordered.dataTable td:last-child{border-right-width:0}table.table-bordered.dataTable tbody th,table.table-bordered.dataTable tbody td{border-bottom-width:0}div.dataTables_scrollHead table.table-bordered{border-bottom-width:0}div.table-responsive>div.dataTables_wrapper>div.row{margin:0}div.table-responsive>div.dataTables_wrapper>div.row>div[class^="col-"]:first-child{padding-left:0}div.table-responsive>div.dataTables_wrapper>div.row>div[class^="col-"]:last-child{padding-right:0}
.reference-list {padding:40px 0px;}
.reference-list .dataTables_info {margin-top:20px; font-weight:500;}
.reference-list .dataTables_paginate {margin-top:20px !important;}
#datalar_filter {float: left; width: 100%;}
#datalar_filter .form-control {border-radius: 0; display: block; margin-left: 0; height: 40px; width: 100%; margin-top:5px;}
#datalar_filter label {font-weight:700; float: left; width: 100%; text-align:center;}
.pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover, .pagination>.active>span, .pagination>.active>span:focus, .pagination>.active>span:hover {
background:#ed7004; border-color: #ed7004;
}
.pagination>li>a, .pagination>li>span {color:#ed7004; font-weight:500; }
.item_box { margin-bottom:30px; }
.products .products-link::before {display: none;}