table td {    border: 1px solid #ddd;    width: 16%; text-align: center;
text-align: left;
padding: 7px 13px;
font-size: 12px;}
table tr th {background-color: #f7f7f7;
text-align: center;
border: 1px solid #eee;}
.colored {
display: flex;
flex-wrap: no-wrap;
justify-content: space-between;
}
.colored>.col:nth-child(1) {    width: 30%;
background: #0d387e;}
.colored>.col {    height: 5px;
display: block;
overflow: hidden;}
.colored>.col:nth-child(2) {width: 70%;
background: #d16a1e;}
dl, ol, ul {padding: 0;}
main .content {
width: 100%;
padding: 40px 0px;
position: relative;
top: 38px;
}
.sidebar {
width: 22%;
margin-bottom: 60px!important;
}
.sidebar h2 {
background-color: #d16a1e;
padding: 7px 21px;
text-align: center;
display: inline-block;
/* border-radius: 4px; */
font-size: 16px;
color: #fff;
width: 100%;
position: relative;
}
.sidebar h2::after {
width: 25%;
display: block;
content: "";
position: absolute;
height: 1px;
background-color: #ffffff;
right: 80%;
z-index: -1;
z-index: 99;
top: 17px;
}
.tab-content table{
max-width: 100%!important;
width: 100%!important;
overflow: auto;
margin: 10px 0px;
}
.tab-content table tr td {
font-size: 13px;
text-align: center;
padding: 8px 2px;
font-weight: 600;
}
.tab-content ul li {
list-style-type: disc;
padding: 1px 0px;
margin-left: 25px;
}
.tab-content img {
max-width: 100%;
height: auto;
border: 1px solid rgba(0,0,0,0.04);
width: 49%;
object-fit: contain;
height: 237px;
margin: 4px 3px;
}
.sidebar ul{
width: 100%;
}
.sidebar ul li{
display: block;
padding: 10px 8px;
border: 1px solid rgba(0,0,0,0.04);
}
.sidebar ul li.active a {
font-weight: 600;
font-size: 14px;
padding-left: 9px;
}
.sidebar ul li.active span i{
color: #0d387e;
}
.sidebar ul li:hover span i{
color: #fd0700;
}
.sidebar ul li:hover a{
padding-left: 9px;
}
.sidebar ul li a {
color: #222;
display: inline-block;
padding-left: 6px;
transition: all 0.2s;
font-size: 13px;
}
.sidebar ul li span i {
font-size: 14px;
color: #bdbdbd;
transition: all 0.2s;
}
.sidebar ul li.active ul{
display: block!important;
}
.sidebar ul li ul{
display: none;
}
.sidebar ul li.active ul li a{
font-weight: 400;
font-size: 14px;
padding-left: 9px;
display: block;
}
.sidebar ul li.active ul li{
transition: all 0.3s;
}
.sidebar ul li.active ul {
margin-top: 7px;
display: block;
background: #f9f9f9;
}
.sidebar ul li.active ul li.active{
background: #e9e9e9;
}
.sidebar ul li.active ul li:hover{
background: #e9e9e9;
}
.content-text{
top: 0px;
width: 78%;
padding-left: 15px;
font-family: 'Montserrat', sans-serif !important;
margin-bottom: 90px;
position: relative;
}
.content-prod{
width: 78%;
padding-left: 30px;
font-family: 'Montserrat', sans-serif !important;
margin-bottom: 90px;
}
.content-prod p{
font-size: 17px;
padding: 3px 0px;
vertical-align: top;
color: #707070;
font-weight: 400;
display: inline-block;
}
.content-text p{
font-size: 18px;
padding: 3px 0px;
vertical-align: top;
color: #707070;
font-weight: 400;
display: inline-block;
}
.content-text ul li{
font-size: 18px;
color: #707070;
}
.container-flex {    max-width: 100%;
display: flex;
justify-content: flex-start;
flex-wrap: wrap;
height: auto;}
.img-zoom-lens {
position: absolute;
border: 1px solid #d4d4d4;
/*set the size of the lens:*/
width: 40px;
height: 40px;
}
.content-text p{
font-size: 16px;
text-align: justify;
}
.content-text h2{
font-size: 20px;
font-weight: 700;
margin-bottom: 10px;
color: #707070;
}
.img-container{
width: 100%;
display: flex;
justify-content: flex-start;
flex-wrap: wrap;
}
.galeri-img {
width: 19%;
height: auto;
overflow: hidden;
border: 1px solid rgba(0,0,0,0.1);
transition: all 0.4s;
margin: 3px 4px;
}
.galeri-img img{
width: 100%;
height: 100%;
object-fit: contain;
object-position: center;
}
.galeri-img:hover{
transform: translateY(-10px);
}
.czm-boxes{
width: 100%;
display: flex;
justify-content: flex-start;
flex-wrap: wrap;
}
.czm-box{
width: 32%;
border: 1px solid rgba(0, 0, 0, .05);
height: auto;
margin: 0px 4px!important;
margin-bottom: 15px!important;
position: relative;
}
.czm-box:hover{
border: 1px solid rgba(0, 0, 0, 0.1);
}
.czm-box .czm-search{
position: absolute;
top: 25%;
left: 45%;
color: #fff!important;
z-index: 300;
transition: all 0.3s;
opacity: 0;
transform: scale(0);
font-size: 30px;
}
.czm-box:hover .czm-search{
opacity: 1;
transform: scale(1);
}
.czm-box .czm-search i{
color: #fff;
}
.czm-img {
width: 100%;
height: 240px;
overflow: hidden;
border: 1px solid rgba(0,0,0,0.05);
position: relative;
}
.czm-img::after{
width: 100%;
height: 100%;
background-color: #000;
opacity: 0.4;
display: block;
content: "";
position: absolute;
top: 0;
left: 0;
transform: scale(0);
transition: all 0.2s ease-in;
}
.czm-box:hover .czm-img::after{
transform: scale(1);
}
.czm-img span {
position: absolute;
bottom: -32px;
z-index: 300;
display: inline-block;
left: -5px;
background-color: #fd0700;
color: #fff;
padding: 6px 26px;
/* border-radius: 8px; */
border-top-right-radius: 7px;
font-size: 14px;
transition: all 0.4s;
}
.czm-box:hover .czm-img span{
bottom: 0px;
}
.czm-img img{
width: 100%;
height: 100%;
object-fit: contain;
object-position: center;
}
.czm-txt {
width: 100%;
padding: 14px 12px 2px 12px;
}
.czm-txt h1{
font-size: 16px!important;
color: #222!important;
font-weight: 600!important;
}
.czm-txt p{
font-size: 15px;
font-weight: 300;
color: #474747;
}
.czm-detail-img{
width: 55%;
}
.czm-detail-main-img{
width: 100%;
padding: 7px;
border: 1px solid rgba(0, 0, 0, .05);

height: 400px;
}
.czm-detail-img img{
object-fit: contain;
width: 100%;
height: 100%;
object-position: center;
}
.czm-detail-text{
width: 45%;
padding-left: 40px;
}
.czm-detail-text h1{
font-size: 25px!important;
font-weight: 600;
margin-bottom: 14px;
}
.czm-detail-images{
width: 100%;
display: flex;
justify-content: flex-start;
margin-top: 15px;
}
.czm-detail-images .dtl-img{
width: 19%;
height: 90px;
margin: 0px 4px;
border: 1px solid rgba(0, 0, 0, .05);
padding: 2px;
overflow: hidden;
}
.czm-detail-images .dtl-img img{
object-fit: contain;
width: 100%;
transition: all 0.3s;
height: 100%;
}
.czm-detail-images .dtl-img:hover img{
transform: scale(1.1);
}



.whatsapp {
position:fixed;
width:60px;
height:60px;
bottom:40px;
right:40px;
background-color:#25d366;
color:#FFF;
border-radius:50px;
text-align:center;
font-size:30px;
z-index:100;
}
.whatsapp-icon {
margin-top:13px;
}
i.fa-whatsapp { font-size:100%; }





#sorucevap .s.active {    background-color: #ea363a;
color: #fff;}
.colored {
display: flex;
flex-wrap: no-wrap;
justify-content: space-between;
}


#sorucevap .s.active1 {    background-color: #F3F3F3;
color: #fff;}
.colored {
display: flex;
flex-wrap: no-wrap;
justify-content: space-between;
}


.colored>.col:nth-child(1) {    width: 30%;
background: #0d387e;}
.colored>.col {    height: 5px;
display: block;
overflow: hidden;}
.colored>.col:nth-child(2) {width: 70%;
background: #d16a1e;}
dl, ol, ul {padding: 0;}
</style>
<style>
.sis {    background-color: #e8e8e8;;}
.galeri-img{
width: 100%;
height: auto;
overflow: hidden;
margin-bottom: 20px!important;
border: 1px solid rgba(0,0,0,0.1);
position: relative;
transition: all 0.4s;
margin: 0px 6px;
}
.entry {    line-height: 20px;}
.galeri-img img{
width: 100%;
height: 100%;
padding-top: 0px;
object-fit: contain;
object-position: center;
transition: all 0.4s;
}
.galeri-img:hover img{
transform: scale(1.03);
}
.categories{
width: 100%;
display: flex;
justify-content: flex-start;
flex-wrap: wrap;
}
.cat-box{
width: 32%;
margin: 0px 6px;
height: auto;
margin-bottom: 18px;
}
.cat-box a:hover{
text-decoration: none;
}
.cat-img{
width: 100%;
height: auto;
border: 1px solid rgba(0, 0, 0, 0.1);
padding: 0px;
position: relative;
overflow: hidden;
}
.cat-img span{
position: absolute;
bottom: 5px;
left: 0px;
border-top-right-radius: 10px;
border-bottom-right-radius: 10px;
display: inline-block;    background-color: #d16a1e;
color: #fff;
padding: 4px 8px;
font-style: italic;
transition: all 0.3s;
}
.cat-box:hover span{
background-color: #1462AE;
}
.cat-box:hover img{
transform: scale(1.1);
}
.cat-img img{
width: 100%;
height: 100%;
object-fit: contain;
transition: all 0.3s;
}
.cat-text{
padding: 6px 0px;
color: #222;
position: relative;
text-align: center;
background-color: rgb(228, 228, 228);
}
.cat-text::before{
width: 100%;
height: 100%;
opacity: 0;
position: absolute;
display: block;
background-color: #1462AE;
content: "";
top: 0;
left: 0;
transition: all 0.7s;
}
.cat-box:hover .cat-text::before{
opacity: 1;
}
.cat-box:hover .cat-text h2{
color: #fff;
}
.cat-text h2{
margin-bottom: 0px;
font-size: 18px;
font-weight: 600;
position: relative;
}
.cat-text span{
text-align: left!important;
display: block;
width: 100%;
padding-left: 4px;
}
.detail{
width: 100%;
display: flex;
justify-content: flex-start;
flex-wrap: wrap;
}
.detail-pict{
width: 100%;
display: flex;
justify-content: flex-start;
flex-wrap: wrap;
border-bottom: 1px dotted rgba(0, 0, 0, 0.1);
padding-bottom: 15px;
}
.detail-img{
width: 100%;
height: 340px;
object-fit: contain;
text-align: center;
border: 1px solid rgba(0, 0, 0, 0.1);
padding: 15px;
}
.detail-img img{
width: 100%;
height: 100%;
object-fit: contain;
}
.detail-images{
width: 100%;
display: flex;
justify-content: flex-start;
margin-top: 14px;
}
.dtl-img{
width: 13%;
height: 80px;
border: 1px solid rgba(0, 0, 0, 0.1);
padding: 5px;
margin: 0px 4px;
}
.dtl-img img{
width: 100%;
height: 100%;
object-fit: contain;
}
.detail-text{
width: 100%;
padding: 20px 0px;
}
.detail-text h2{
position: relative;
display: inline-block;
}
.detail-text h2::after{
position: absolute;
display: block;
left: 104%;
background-color: #1462AE;
width: 50%;
height: 2px;
content: "";
top: 14px;
}
.main-content{
position: relative;
top: 30px;
font-family: 'Montserrat', sans-serif !important;
padding: 24px 0px;
}
.left{
width: 27%;
height: auto;
}
@media (max-width:600px) {
.left {width: 100% !important;}
.right {width: 100% !important;padding-left:0px !important;}
.cat-box {    width: 100% !important;}
}
.right{
width: 78%;
padding-left: 35px;
}
.content-text{
width: 100%;
color: #0E0E0E;
font-weight: 400;
padding-top: 5px;
}
.content-text h2{
font-size: 13px;
padding-bottom: 5px;
}
.img-container{
width: 100%;
display: flex;
flex-wrap: wrap;
justify-content: flex-start;
}
.gallery-img{
width: 23%;
height: 260px;
overflow: hidden;
margin-bottom: 20px!important;
border: 1px solid rgba(0,0,0,0.1);
position: relative;

transition: all 0.4s;
margin: 0px 6px;
}
.sidebar{
width: 100%;
}
.whats-btn {
background-color: #00d466;
border: 0;
/* border-radius: 50px; */
color: #fff;
padding: 20px 37px;
cursor: pointer;
transition: 1s;
}
.whats-btn:hover {
box-shadow: 0 15px 20px rgba(0, 0, 0, 0.3);
padding: 10px 60px;
transition: .5s;
}
.whats-btn:hover>span {
padding: 0 30px;
transition: .5s;
}
.whats-btn>span {
padding: 0 0;
transition: 1s;
}
i.fa-whatsapp {
font-size: 130%
}
.gallery-img img{
width: 100%;
height: 100%;
padding-top: 0px;
object-fit: contain;
object-position: center;
transition: all 0.4s;
}
.gallery-img:hover img{
transform: scale(1.03);
}
.img-container.brand .gallery-img{
height: 140px;
}
.contactAll{
width: 100%;
display: flex;
flex-wrap: wrap;
justify-content: flex-start;
padding: 20px 0px;
}
.contact-in{
width: 45%;
padding-right: 20px;
}
.contact-form{
width: 100%;
}
ul {    margin: 0px;
padding: 0px;}
main {    min-height: 1030px;}
.text-content   table tr td {
padding: 5px 0px;
vertical-align: top;
display: inline-block;
}
.text-content table tr td p{
line-height: 22px;
}
.text-content  table tr td ul li{
padding: 2px 0px;
list-style: disc;
margin-left: 15px;
}
.text-content  table tr:first-child td:first-child{
width: 75%;
padding-right: 35px;
}
.text-content  table tr:first-child td:last-child{
width: 100%!important;
}
.text-content table tr:nth-child(2) td:first-child{
width: 45%!important;
}
.text-content table tr:nth-child(2) td:last-child{
width: 55%!important;
padding-left: 35px;
}
.text-content  table tr:nth-child(3) td:first-child{
width: 55%!important;
padding-right: 35px;
}
.text-content  table tr:nth-child(3) td:last-child{
width: 45%!important;
}
.text-content  table tr:nth-child(4) td:first-child{
width: 45%!important;
}
.text-content  table tr:nth-child(4) td:last-child{
width: 55%!important;
padding-left: 35px;
}
.text-content  table tr td:first-child{
text-align: justify;
}
.text-content  table tr td p{
padding: 0px;
font-size: 17px;
}
.text-content  table tr td h2{
font-size: 25px!important;
font-family: 'Montserrat', sans-serif !important;
}
.text-content  table td img {
width: 100%;
height: 370px;
object-fit: cover;
object-position: center;
}
.text-content h5, .text-content h4, .text-content h3, .text-content h2, .text-content h1{
font-size: 20px!important;
padding-bottom: 6px!important;
margin-bottom: 0px!important;
}
.img-container{
width: 100%;
display: flex;
flex-wrap: wrap;
justify-content: flex-start;
}
.gallery-img{
width: 16%;
height: 280px;
overflow: hidden;
margin-bottom: 20px!important;
border: 1px solid rgba(0,0,0,0.1);
position: relative;
transition: all 0.4s;
margin: 0px 6px;
}
.gallery-img img{
width: 100%;
height: 100%;
padding-top: 0px;
object-fit: contain;
object-position: center;
transition: all 0.4s;
}
.gallery-img:hover img{
transform: scale(1.03);
}
.news-content{
width: 100%;
display: flex;
justify-content: flex-start;
flex-wrap: wrap;
}
.newsc-box{
width: 32%;
margin: 0px 4px;
margin-bottom: 20px!important;
height: 300px;
position: relative;
}
.newsc-box:hover .newsc-text{
bottom: 50px;
}
#sorucevap .c.active{display:block}#sorucevap .c{display:none;background:#eee;border:0 solid #aaa;border-top:none}#sorucevap .s{width: 100%;
position: relative;
padding: 10px 13px;
border: 1px solid rgb(137 137 137 / 34%);
box-shadow: 0 2px 15px rgb(185 185 185 / 4%);
margin-bottom: 0;
font-size: 13px;
color: #717171;
padding-left: 10px;
font-weight: 400;
cursor: pointer;
background-color: #ffffff;}#sorucevap .s:hover{border-left:2px solid #eb3226}#sorucevap .s span{position:absolute;right:0;font-size:20px;color:#000!important;padding:12px 30px;top:10px;height:100%;transition:all 0.6s;transform:translateY(-10px)}#sorucevap .s i{color:#737373;padding:10px;position:relative;top:-10px;right:-25px;font-size:14px;border-radius:50%}#sorucevap .c{box-shadow:0 2px 15px rgb(0 0 0 / 10%);background-color:#fff;margin-bottom:0;padding:0}#sorucevap .c ul{width:100%;margin-bottom:0}#sorucevap .c ul li{display:block;padding:7px 12px;border-bottom:1px solid rgba(0,0,0,.1);width:100%;transition:all 0.4s}#sorucevap .c ul li:last-child{border-bottom:none}#sorucevap .c ul li a{font-size:15px;font-family:'Mukta',sans-serif;color:#474747;text-decoration:none;padding-left:4px}#sorucevap .c ul li:hover{padding-left:15px;background-color:#fbfbfb}#sorucevap .c ul li i{font-size:11px;position:relative;top:-1px;color:#ddd}
table td {    width: 14%;    font-size: 13px;
text-align: center;}
.img-container{
width: 100%;
display: flex;
flex-wrap: wrap;
justify-content: flex-start;
}
.wrapper {display: flex;}



.cc-window{opacity:1;transition:opacity 1s ease}.cc-window.cc-invisible{opacity:0}.cc-animate.cc-revoke{transition:transform 1s ease}.cc-animate.cc-revoke.cc-top{transform:translateY(-2em)}.cc-animate.cc-revoke.cc-bottom{transform:translateY(2em)}.cc-animate.cc-revoke.cc-active.cc-bottom,.cc-animate.cc-revoke.cc-active.cc-top,.cc-revoke:hover{transform:translateY(0)}.cc-grower{max-height:0;overflow:hidden;transition:max-height 1s}.cc-link,.cc-revoke:hover{text-decoration:underline}.cc-revoke,.cc-window{position:fixed;overflow:hidden;box-sizing:border-box;font-family:Helvetica,Calibri,Arial,sans-serif;font-size:12px;line-height:1.5em;display:-ms-flexbox;display:flex;-ms-flex-wrap:nowrap;flex-wrap:nowrap;z-index:9999}.cc-window.cc-static{position:static}.cc-window.cc-floating{padding:2em;max-width:24em;-ms-flex-direction:column;flex-direction:column}.cc-window.cc-banner{padding:0.3em 1em;width:100%;-ms-flex-direction:row;flex-direction:row}.cc-revoke{padding:.5em}.cc-header{font-size:18px;font-weight:700}.cc-btn,.cc-close,.cc-link,.cc-revoke{cursor:pointer}.cc-link{opacity:.8;display:inline-block;padding:.2em}.cc-link:hover{opacity:1}.cc-link:active,.cc-link:visited{color:initial}.cc-btn{display:block;padding:.4em .8em;font-size:.9em;font-weight:700;border-width:2px;border-style:solid;text-align:center;white-space:nowrap}.cc-banner .cc-btn:last-child{min-width:140px}.cc-highlight .cc-btn:first-child{background-color:transparent;border-color:transparent}.cc-highlight .cc-btn:first-child:focus,.cc-highlight .cc-btn:first-child:hover{background-color:transparent;text-decoration:underline}.cc-close{display:block;position:absolute;top:.5em;right:.5em;font-size:1.6em;opacity:.9;line-height:.75}.cc-close:focus,.cc-close:hover{opacity:1}.cc-revoke.cc-top{top:0;left:3em;border-bottom-left-radius:.5em;border-bottom-right-radius:.5em}.cc-revoke.cc-bottom{bottom:0;left:3em;border-top-left-radius:.5em;border-top-right-radius:.5em}.cc-revoke.cc-left{left:3em;right:unset}.cc-revoke.cc-right{right:3em;left:unset}.cc-top{top:1em}.cc-left{left:1em}.cc-right{right:1em}.cc-bottom{bottom:1em}.cc-floating>.cc-link{margin-bottom:1em}.cc-floating .cc-message{display:block;margin-bottom:1em}.cc-window.cc-floating .cc-compliance{-ms-flex:1;flex:1}.cc-window.cc-banner{-ms-flex-align:center;align-items:center}.cc-banner.cc-top{left:0;right:0;top:0}.cc-banner.cc-bottom{left:0;right:0;bottom:0}.cc-banner .cc-message{-ms-flex:1;flex:1}.cc-compliance{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-line-pack:justify;align-content:space-between}.cc-compliance>.cc-btn{-ms-flex:1;flex:1}.cc-btn+.cc-btn{margin-left:.5em}@media print{.cc-revoke,.cc-window{display:none}}@media screen and (max-width:900px){.cc-btn{white-space:normal}}@media screen and (max-width:414px) and (orientation:portrait),screen and (max-width:736px) and (orientation:landscape){.cc-window.cc-top{top:0}.cc-window.cc-bottom{bottom:0}.cc-window.cc-banner,.cc-window.cc-left,.cc-window.cc-right{left:0;right:0}.cc-window.cc-banner{-ms-flex-direction:column;flex-direction:column}.cc-window.cc-banner .cc-compliance{-ms-flex:1;flex:1}.cc-window.cc-floating{max-width:none}.cc-window .cc-message{margin-bottom:1em}.cc-window.cc-banner{-ms-flex-align:unset;align-items:unset}}.cc-floating.cc-theme-classic{padding:1.2em;border-radius:5px}.cc-floating.cc-type-info.cc-theme-classic .cc-compliance{text-align:center;display:inline;-ms-flex:none;flex:none}.cc-theme-classic .cc-btn{border-radius:5px}.cc-theme-classic .cc-btn:last-child{min-width:140px}.cc-floating.cc-type-info.cc-theme-classic .cc-btn{display:inline-block}.cc-theme-edgeless.cc-window{padding:0}.cc-floating.cc-theme-edgeless .cc-message{margin:2em 2em 1.5em}.cc-banner.cc-theme-edgeless .cc-btn{margin:0;padding:.8em 1.8em;height:100%}.cc-banner.cc-theme-edgeless .cc-message{margin-left:1em}.cc-floating.cc-theme-edgeless .cc-btn+.cc-btn{margin-left:0}