.referans_section{padding-bottom:2rem;background-color:;padding-top:2rem;background-image:url();background-size:70%;background-position:right;background-repeat:no-repeat}.referans_section .row{justify-content:space-between}.referans_section .title h4.bg_text{position:absolute;top:-24px;color:#F5F5F5;font-size:80px;font-weight:700;text-transform:uppercase;z-index:-1;margin:0 auto;left:0;right:0}.referans_section .title{text-align:center;padding-bottom:2rem}.referans_section .title h3{font-weight:800;font-size:36px;color:#282828}.referans_section .title h3 span{color:#0d387e}.referans_section .item .img img{object-fit:contain;width:100%;margin:0 auto;border:1px solid #e8e8e8;background-color:#fff;height:73px}}.referans_section .title{text-align:center;padding-bottom:3rem}.referans_section .owl-dots{display:none!important}.referans_section .owl-controls{display:none!important}.referans_section .text{width:30%;position:relative}.referans_section .text h3{color:#fff;font-size:26px;margin-top:21px;margin-bottom:0;position:relative}.referans_section .text h4{position:absolute;opacity:.3;color:#0d387e;font-size:25px;font-weight:900;left:-130px;top:-20px;display:none}.referans_section .referans{width:100%}
.news-section {
padding: 40px 0 20px;
border-top: 2px solid #eee;
top: 30px;
position: relative;
}
.news-block {
position: relative;
margin-bottom: 40px
}
.news-block .inner-box {
position: relative;
-webkit-box-shadow: 0 0 15px 0 rgba(219, 219, 219, 1);
-moz-box-shadow: 0 0 15px 0 rgba(219, 219, 219, 1);
box-shadow: 0 0 15px 0 rgba(219, 219, 219, 1)
}
.news-block .inner-box .image {
position: relative
}
.news-block .inner-box .image img {
position: relative;
width: 100%;
display: block
}
.news-block .inner-box .lower-content {
position: relative;
text-align: center;
padding: 35px 15px 35px
}
.news-block .inner-box .lower-content h3 {
position: relative;
font-size: 24px;
font-weight: 600;
line-height: 1.4em;
margin-bottom: 12px
}
.list-unstyled {top: 10px;
position: relative;}
.news-block .inner-box .lower-content h3 a {
position: relative;
color: #222;
transition: all 500ms ease;
-moz-transition: all 500ms ease;
-webkit-transition: all 500ms ease;
-ms-transition: all 500ms ease;
-o-transition: all 500ms ease
}
.news-block .inner-box .lower-content h3 a:hover {
color: #ffb200
}
.news-block .inner-box .lower-content .text {
position: relative;
color: #666;
font-size: 14px;
line-height: initial;
margin-bottom: 20px
}
.news-block .inner-box .lower-content .post-meta {
position: relative
}
.news-block .inner-box .lower-content .post-meta li {
position: relative;
color: #666;
font-size: 13px;
margin-right: 15px;
display: inline-block
}
.news-block .inner-box .lower-content .post-meta li span {
position: relative;
margin-right: 8px;
color: #d16a1e;
}
.news-block-two {
position: relative;
margin-bottom: 30px
}
.news-section .news-block-two .inner-box {
position: relative
}
.news-section .news-block-two .inner-box .image-column {
position: relative
}
.news-section .news-block-two .inner-box .image-column .image {
position: relative
}
.news-section .news-block-two .inner-box .image-column .image img {
position: relative;
width: 100%;
display: block;
border: 1px solid #f3f3f3
}
.news-section .news-block-two .inner-box .content-column {
position: relative
}
.news-section .news-block-two .inner-box .content-column .inner-column {
position: relative;
padding: 12px 0 0 10px
}
.news-section .news-block-two .inner-box .content-column .inner-column h3 {
position: relative;
font-size: 20px;
font-weight: 600;
line-height: 1.4em;
margin-bottom: 15px
}
.news-section .news-block-two .inner-box .content-column .inner-column h3 a {
position: relative;
color: #222;
transition: all 500ms ease;
-moz-transition: all 500ms ease;
-webkit-transition: all 500ms ease;
-ms-transition: all 500ms ease;
-o-transition: all 500ms ease
}
.news-section .news-block-two .inner-box .content-column h3 a:hover {
color: #ffb200
}
.news-section .news-block-two .inner-box .content-column .text {
position: relative;
color: #666;
font-size: 14px;
line-height: initial;
margin-bottom: 20px
}
.news-section .news-block-two .inner-box .content-column .post-meta {
position: relative;
padding-left: 0
}
.news-section .news-block-two .inner-box .content-column .post-meta li {
position: relative;
color: #666;
font-size: 13px;
margin-right: 10px;
display: inline-block
}
.news-section .news-block-two .inner-box .content-column .post-meta li span {
position: relative;
margin-right: 8px;
color: #d16a1e
}
.news-section .column {
padding: 0 20px
}
.news-section .section-title {
position: relative;
margin-bottom: 60px;
width: 40%;
margin-left: auto;
margin-right: auto
}
.news-section .section-title::after {
content: " ";
width: 80px;
height: 2px;
position: absolute;
background:#d47431;
display: block;
left: 0;
right: 0;
margin: auto
}
.news-section .section-title span {
font-size: 13px;
line-height: 23px;
letter-spacing: 1px;
color: #d16a1e;
text-transform: uppercase;
font-weight: 600;
font-style: normal
}
.news-section .section-title h3 {
font-size: 35px;
line-height: 50px;
letter-spacing: 0;
color: #0d387e;
text-transform: none;
font-weight: 500;
font-style: normal
}
.news-section .link {
text-align: center;
margin-top: 40px
}
.service_section{margin-top: 4rem;
background-color: #f2f2f2;
height: 220px;
margin-bottom: 250px;    background: url(assets/img/food.jpg);
background-size: cover;
background-repeat: no-repeat;
background-attachment: fixed}.service_section .content{position:relative}.service_section .content>h3{top: 28px;
position: relative; text-align:center;font-size:35px;font-weight:500;color:#fff}.service_section .content h2{    top: 29px;
position: relative;text-align:center;font-weight:400;font-size:16px;color:#fff;margin-bottom:40px}.service_section .product_carousel .item img{width:100%;margin-top:8px}.service_section .item{width:96%;box-shadow:0 2px 20px 0 rgba(0,0,0,.05);margin-bottom:10px;margin-top:10px;margin-right:auto;margin-left:auto}.service_section .item .img{overflow:hidden;transition:opacity .3s ease-out,transform .3s cubic-bezier(.19,1,.22,1)}.service_section .item .img:hover img{transform:scale(1.1);transition:opacity .3s ease-out,transform 2s cubic-bezier(.19,1,.22,1)}.service_section .item .img img{width:100%;transition:opacity .3s ease-out,transform 2s cubic-bezier(.19,1,.22,1)}.service_section .item .text{padding-top:10px;padding-bottom:10px;padding-left:10px;background-color:#fff;padding-right:10px;position:relative}.service_section .item .text:after{content:" ";width:100%;height:0;transition:.5s;display:block;position:absolute;bottom:0;left:0;background:#d16a1e}.service_section .item:hover .text:after{height:100%;transition:.3s}.service_section .item .text h3{ text-align: center;   font-size:16px;font-weight:700;margin-bottom:0;transition:.3s;z-index:9;position:relative;color:#000}.service_section .item:hover .text h3{transition:.3s;color:#fff}.service_section .item .text span{font-size:13px;color:#e71533;font-weight:600;display:block;padding-top:7px;transition:.3s;z-index:9;position:relative}.service_section .item:hover .text span{transition:.3s;color:#fff}.product_section .link{text-align:center;margin-top:30px}.product_section .link a{padding:10px 30px;background-color:#769d48;display:inline-block;font-size:15px;color:#fff;transition:.3s}.product_section .link a:hover{transition:.3s;background-color:#444343}.service_section .owl-nav{position:absolute;top:35%;width:100%}.service_section .owl-nav button{width:50px;height:50px;line-height:0!important;border-radius:0;font-size:30px!important;transition:.3s;border:2px solid #eee!important;color:#fff
!important}.service_section .owl-nav button:hover{background-color:#e71533!important;border:2px solid #e71533!important;transition:.3s;color:#fff!important}.service_section .owl-nav button:first-child{    position: absolute;    background-color: #d16a1e;
left: 90%;
top: -200px;}.service_section .owl-nav button:last-child{    position: absolute;    background-color: #d16a1e;
right: 1px;
top: -199px;}.about_us{padding-top:4rem}.about_us .image_section img{width:97%}.about_us .detay_section h2{padding-bottom:20px;font-weight:600;font-size:24px}.about_us .detay_section span{color:#e71533;margin-bottom:12px;display:block;text-transform:uppercase;font-size:35px;font-weight:800}
/* about us */
.features-boxes {
position: relative;
padding-top: 5rem;
padding-bottom: 5rem;
}
.features-boxes::before{
content: " ";
left: 0;
top: 0;
position: absolute;
width: 33%;
height: 100%;
background-image: url(https://www.erok.com.tr/point.jpg);
}
@media (max-width: 575px) {
.features-boxes .features-boxes-loop {
margin-top: 50px;
}
}
.features-boxes .features-boxes-loop .feature-box {
background-color: #fff;
-webkit-box-shadow: 0px 10px 20px 0px rgba(155, 180, 204, 0.06);
box-shadow: 0px 10px 20px 0px rgba(155, 180, 204, 0.06);
padding: 30px 35px;
margin-bottom: 40px;
}
@media only screen and (min-width: 992px) and (max-width: 1200px) {
.features-boxes .features-boxes-loop .feature-box {
padding: 30px 20px;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.features-boxes .features-boxes-loop .feature-box {
padding: 30px 20px;
}
}
@media (max-width: 399px) {
.features-boxes .features-boxes-loop .feature-box {
padding: 30px 20px;
}
}
.features-boxes .features-boxes-loop .feature-box h4 {
text-transform: uppercase;
margin-bottom: 20px;
}
@media only screen and (min-width: 992px) and (max-width: 1200px) {
.features-boxes .features-boxes-loop .feature-box h4 {
font-size: 20px;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.features-boxes .features-boxes-loop .feature-box h4 {
font-size: 20px;
}
}
@media (max-width: 399px) {
.features-boxes .features-boxes-loop .feature-box h4 {
font-size: 20px;
}
}
.features-boxes .features-boxes-loop .feature-box h4 i {
color: #eb120a;
margin-right: 15px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.features-boxes .features-boxes-loop .feature-box h4 i {
margin-right: 5px;
}
}
@media (max-width: 399px) {
.features-boxes .features-boxes-loop .feature-box h4 i {
margin-right: 10px;
}
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
.features-boxes .gap-for-img {
height: 215px;
width: 100%;
}
}
@media (max-width: 575px) {
.features-boxes .gap-for-img {
height: 130px;
width: 100%;
}
}
@media (max-width: 399px) {
.features-boxes .gap-for-img {
display: none;
}
}
.features-boxes .feature-img {
position: absolute;
left: 50%;
bottom: 120px;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
z-index: -1;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.features-boxes .feature-img {
bottom: 150px;
max-width: 385px;
}
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
.features-boxes .feature-img {
bottom: 42%;
-webkit-transform: translate(-50%, 50%);
transform: translate(-50%, 50%);
max-width: 290px;
}
}
@media (max-width: 575px) {
.features-boxes .feature-img {
bottom: 45%;
-webkit-transform: translate(-50%, 50%);
transform: translate(-50%, 50%);
max-width: 200px;
}
}
@media (max-width: 399px) {
.features-boxes .feature-img {
display: none;
}
}
@media (max-width: 575px) {
.features-boxes .section-title {
padding-left: 35px;
}
}
@media (max-width: 399px) {
.features-boxes .section-title {
padding-left: 20px;
}
}
.section-title span.title-tag {
text-transform: uppercase;
font-weight: 700;
color: #d2691e;
font-family: "Oswald", sans-serif;
line-height: 1;
font-size: 16px;
display: inline-block;
margin-bottom: 20px;
position: relative;
}
.section-title.left-border span.title-tag {
padding-left: 50px;
}
.section-title.left-border span.title-tag::before {
position: absolute;
left: 0;
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
height: 2px;
width: 30px;
background-color: #d2691e;
content: '';
}
.section-title.both-border span.title-tag {
padding-left: 50px;
padding-right: 50px;
}
.section-title.both-border span.title-tag::before, .section-title.both-border span.title-tag::after {
position: absolute;
left: 0;
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
height: 2px;
width: 30px;
background-color: #6ebd44;
content: '';
}
.section-title.both-border span.title-tag::after {
left: auto;
right: 0;
}
.section-title h2 {
font-size: 32px;
font-weight: 700;
text-transform: uppercase;
line-height: 1.2;
letter-spacing: -1px;
color: #214688;
}
.feature-text p{
color: #757575;
font-size: 15px;
text-align: justify;
display: block;
}
.feature-text strong{
margin-bottom: 10px;
display: block;
}
.product_section {
padding-bottom: 4rem;
background-size: cover;
background-repeat: no-repeat;
position: relative;
margin-top: 3rem;
background-position: left;
margin-bottom: 4rem;
background-color: #fbfbfb;
padding-top: 4rem
}
.news_section {
padding-bottom: 4rem;
background-size: cover;
background-repeat: no-repeat;
position: relative;
margin-top: 0rem;
background-position: left;
padding-top: 4rem
}
.product_section .title {
text-align: center;
padding-bottom: 40px
}
.product_section .title h3 {
font-weight: 700;
font-size: 37px
}
.product_section .title h4.bg_text {
position: absolute;
top: -24px;
color: #F5F5F5;
font-size: 80px;
font-weight: 700;
text-transform: uppercase;
z-index: -1;
margin: 0 auto;
left: 0;
right: 0
}
.product_section .title p {
font-size: 14px;
color: #525252;
display: block;
position: relative
}
.product_section .title p:after {
content: "";
width: 80px;
height: 5px;
position: absolute;
bottom: 0;
left: 0;
background-color: #ed1a23;
margin: 0 auto;
right: 0;
top: 37px
}
.product_section .product_slider {
display: flex;
flex-wrap: wrap;
justify-content: space-between
}
.product_section .product_slider .item {
width: 32%;
margin-top: 30px
}
.product_section .item .content {
background-color: #fff;
padding-bottom: 0;
overflow: hidden
}
.product_section .item .content .img {
width: 100%;
height: 240px;
overflow: hidden;
background-size: 100%;
background-position: center;
background-repeat: no-repeat;
position: relative;
transition: 0.5s
}
.product_section .item .content .img:after {
background-color: #000000a1;
content: " ";
width: 100%;
height: 100%;
position: absolute;
transition: 0.5s;
opacity: 0
}
.product_section .item:hover .content .img:after {
opacity: 1;
transition: 0.8s
}
.product_section .item:hover .content .img {
transform: scale(1.2) rotate(1deg);
transition: 0.5s
}
.product_section .item .content .img .link {
position: absolute;
z-index: 9999;
background: #eb7b24;
left: 0;
right: 0;
top: 90px;
bottom: 0;
margin: 0 auto;
width: 60px;
height: 60px;
text-align: center;
opacity: 0;
transition: 0.5s
}
.product_section .item:hover .content .img .link {
opacity: 1;
transition: 0.5s
}
.product_section .item .content .img .link a {
font-size: 36px;
color: #fff;
padding-top: 4px;
display: block
}
.product_section .item .content .text {
padding-top: 10px;
padding-left: 20px;
padding-right: 20px;
padding-bottom: 10px;
background-image: url(assets/img/t21.png);
background-size: contain;
background-position: right;
background-repeat: no-repeat;
position: relative
}
.product_section .item .content .text:after {
content: " ";
position: absolute;
bottom: 0;
width: 100%;
background: #d2252c;
height: 2px;
left: 0;
transition: 0.5s
}
.product_section .item:hover .content .text:after {
height: 100%;
transition: 0.5s
}
.product_section .item:hover .content .text h3 a {
color: #fff;
transition: 0.5s
}
.product_section .item:hover .content .text p {
color: #fff;
transition: 0.5s
}
.product_section .item .content .text h3 {
font-size: 19px;
font-weight: 700;
z-index: 9;
transition: 0.5s;
position: relative
}
.product_section .item .content .text h3 a {
color: #000;
font-weight: 700;
font-size: 19px;
z-index: 9999;
transition: 0.5s
}
.product_section .item .content .text span {
z-index: 9999;
font-size: 15px;
font-weight: 400;
display: inline-block;
color: #fff;
background: #d2252c;
z-index: 99;
top: -27px;
position: relative;
padding: 4px 10px;
box-shadow: 0 3px 12px rgba(0, 0, 0, .23)
}
.product_section .item .content .text p {
color: #9b9b9b;
font-size: 14px;
font-weight: 400;
transition: 0.5s;
z-index: 9;
position: relative
}
.product_section .item .content .view_product {
display: block;
margin-right: 21px;
margin-left: 21px;
margin-bottom: 21px;
border-top: 2px solid #e4e4e4
}
.product_section .item .content .view_product a {
display: block;
padding: 18px 15px;
transition: 0.5s;
text-align: center
}
.product_section .item .content .view_product a:hover {
background-color: #001040;
transition: 0.5s
}
.product_section .item .content .view_product a span {
font-size: 18px;
color: #000;
font-weight: 600
}
.product_section .item .content .view_product a i {
display: inline-block;
width: 27px;
height: 27px;
line-height: 29px;
border-radius: 50%;
text-align: center;
background-color: #001040;
color: #fff;
margin-left: 5px
}
.product_section .link-box {
text-align: center;
display: block;
width: 100%;
margin-top: 50px
}
.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;
}
.footer {
background-color: #0d387e;
color: #999;
}
.footer-main {
padding: 80px 0 60px;
background: url(assets/img/food.jpg);
background-size: cover;
background-repeat: no-repeat;
background-position: initial;
background-attachment: fixed;
}
.footer .widget-title {
font-size: 19px;
font-weight: 700;
position: relative;
margin: 0 0 30px;
padding-left: 15px;
text-transform: uppercase;
color: #fff;
border-left: 3px solid #d16a1e;
}
/* Footer about us */
.footer-logo {
margin-bottom: 25px;margin: 0 auto; display: block;
}
/* Footer social */
.footer-social {
margin-top: 15px;    margin: 0 auto;
display: table;
}
.footer-social .widget-title {
font-size: 14px;
margin-bottom: 10px;
}
.footer-social ul {
list-style: none;
margin: 0;
padding: 0;
margin-left: -13px;
}
.footer-social ul li {
display: inline-block;
}
.footer-social ul li a i {
display: block;
font-size: 16px;
color: #999;
transition: 400ms;
padding: 10px 13px;
}
.footer-social ul li:hover {
color: #fff;
}
/* Links */
.footer-widget ul.list-arrow li {
border-bottom: 1px solid rgba(255, 255, 255, 0.07);
padding: 8px 0;
}
.footer-widget ul.list-arrow li:last-child {
border-bottom: 0;
}
.footer-widget ul.list-arrow li a,
.footer-widget ul.list-arrow li:before {
color: #747474;
}
.footer-widget ul.list-arrow li:hover a,
.footer-widget ul.list-arrow li:hover {
color: #ffb600;
}
.working-hours {
padding-right: 10px;
color: #fff;
}
.working-hours .text-right {
float: right;    right: 11%;
position: relative;
}
/*-- Copyright --*/
.copyright {
background: #fff;
color: #fff;
padding: 25px 0 15px;
position: relative;
z-index: 1;
font-weight: 600;
font-size: 12px;
}
.footer-widget ul.list-arrow li a, .footer-widget ul.list-arrow li:before {color: #fff !important;}
.footer-menu ul li {
display: inline-block;
line-height: 12px;
padding-left: 15px;
}
.footer-menu ul li a {color: #7389ab !important;}
.footer-menu ul.nav li a{
background: none;
color: #111;
padding: 0;
}
.footer-menu ul li a:hover {
color: #fff;
}
#back-to-top {
right: 40px;
top: car;
z-index: 10;
display: none;
}
#back-to-top .btn:focus {
outline: 0;
box-shadow: none;
}
@media (max-width: 767px) {
#back-to-top {
right: 15px;
}
}
#back-to-top.position-fixed {
bottom: 20px;
}
#back-to-top .btn.btn-primary {
width: 36px;
height: 36px;
line-height: 36px;
background: rgba(0, 0, 0, 0.9);
border-radius: 3px;
color: #ffb600;
font-weight: 700;
font-size: 16px;
padding: 0;display: none;
}
@media (max-width: 767px) {
#back-to-top .btn.btn-primary {
width: 32px;
height: 32px;
line-height: 32px;
font-size: 14px;
}
}
#back-to-top .btn.btn-primary:hover {
color: #fff;
}
@media (max-width: 600px) {
.col-md-6 { width:100% !important; }
.col-md-12 { width:100% !important; }
.btn-danger { margin-left:0px !important; }
.nav-tabs .nav-link { width:100% !important; }
.content-text { width:100% !important;
overflow: auto; }
table { width:auto; }
.sidebar { width:100% !important; }
.galeri-img { width:29% !important; }
table td img { height:auto !important; object-fit:contain;}
}