* {margin: 0; padding: 0; font-family: 'Montserrat', sans-serif;}
.easing, .easing a, .module, .module .info p.sub, .selectbox .dropicon img, .ayrac, .minislider a, .easing span, .thumbsnav a {
    transition: .25s linear;
    -webkit-transition: .25s linear;
    -ms-transition: .25s linear;
    -moz-transition: .25s linear
}
.slow {transition: .25s linear;-webkit-transition: .25s linear;-ms-transition: .25s linear;-moz-transition: .25s linear;}
/* + Mcv */
body, a, a:hover, p, li, input, select, input::placeholder {font-family: 'Montserrat', sans-serif; text-decoration: none;}
body {background: #f4f4f4 !important;}
.w-100 {width: 100%!important; float: left !important;}
.h-100 {height: 100%!important;}
.p-rel {position: relative!important;}
.p-abs {position: absolute!important;}

.m-0 {margin: 0px !important;}
.mt-10 {margin-top: 10px;} .mt-20 {margin-top:20px;} .mt-30 {margin-top:30px;} .mt-40 {margin-top:40px;} .mt-50 {margin-top:50px;} .mt-60 {margin-top:60px;} .mt-100 {margin-top:100px;}
.mb-10 {margin-bottom: 10px;} .mb-20 {margin-bottom:20px;} .mb-30 {margin-bottom:30px;} .mb-40 {margin-bottom:40px;} .mb-50 {margin-bottom:50px;} .mb-60 {margin-bottom:60px;} .mb-100 {margin-bottom:100px;}
.mr-5 {margin-right: 5px;} .mr-10 {margin-right: 10px;}.mr-15 {margin-right: 15px;}.mr-20 {margin-right: 20px;}.mr-25 {margin-right: 25px;}.mr-30 {margin-right: 30px;}.mr-35 {margin-right: 35px;}
.ml-5 {margin-left: 5px;} .ml-10 {margin-left: 10px;}.ml-15 {margin-left: 15px;}.ml-20 {margin-left: 20px;}.ml-25 {margin-left: 25px;}.ml-30 {margin-left: 30px;}.ml-35 {margin-left: 35px;}

.p-0 {padding: 0 !important;} .pl-0 {padding-left: 0 !important;} .pr-0 {padding-right: 0 !important;}
.p-5 {padding: 5px !important; box-sizing: border-box;} .p-10 {padding: 10px !important; box-sizing: border-box;} .p-20 {padding: 20px !important; box-sizing: border-box;} .p-30 {padding: 30px !important; box-sizing: border-box;} .p-40 {padding: 40px !important; box-sizing: border-box;} .p-50 {padding: 50px !important; box-sizing: border-box;} .p-60 {padding: 60px !important; box-sizing: border-box;}
.pt-10 {padding-top: 10px!important; box-sizing: border-box;} .pt-20 {padding-top: 20px!important; box-sizing: border-box;} .pt-30 {padding-top: 30px!important; box-sizing: border-box;} .pt-40 {padding-top: 40px!important; box-sizing: border-box;} .pt-50 {padding-top: 50px!important; box-sizing: border-box;}
.pr-10 {padding-right: 10px!important; box-sizing: border-box;} .pr-20 {padding-right: 20px!important; box-sizing: border-box;} .pr-30 {padding-right: 30px!important; box-sizing: border-box;} .pr-40 {padding-right: 40px!important; box-sizing: border-box;} .pr-50 {padding-right: 50px!important; box-sizing: border-box;}
.pb-10 {padding-bottom: 10px!important; box-sizing: border-box;} .pb-20 {padding-bottom: 20px!important; box-sizing: border-box;} .pb-30 {padding-bottom: 30px!important; box-sizing: border-box;} .pb-40 {padding-bottom: 40px!important; box-sizing: border-box;} .pb-50 {padding-bottom: 50px!important; box-sizing: border-box;}
.pl-10 {padding-left: 10px!important; box-sizing: border-box;} .pl-20 {padding-left: 20px!important; box-sizing: border-box;} .pl-30 {padding-left: 30px!important; box-sizing: border-box;} .pl-40 {padding-left: 40px!important; box-sizing: border-box;} .pl-50 {padding-left: 50px!important; box-sizing: border-box;}

.text-c {text-align: center !important;} .text_l {text-align: left !important;} .text_r {text-align: right !important;} .text-j {text-align: justify !important;}
.fl {float: left !important;} .fr {float: right !important;} .fn {float: none !important;}
.font-12px {font-size: 12px;color: #666;line-height: 20px;}
/* / Mcv */

/* + Standart Css */
.bg-white {background: #fff !important;}
.bg-orange {background: #ffcc00 !important;}
.bg-f1 {background: #f1f1f1 !important;}
.border-666 {border: 1px solid #666 !important;}
.border-radius {border-radius: 4px !important;}
.w-img img {width: 100%; float: left;}
/* / Standart Css */

/* + index */
.header-top {height: auto;background: #1e1e1e;color: #fff;}
.header-top span {color: #fff; float: left; margin-top: 10px; font-size: 13px;}
.header-telefon {background: #ff6b00;float: right;text-align: center;height: 40px;padding: 10px 15px;}
.header-telefon a { color: #fff; font-weight: 600;}
.header-social {float: right;margin-right: 10px;}
.header-social ul {}
.header-social li {list-style: none;float: left; margin: 6px 0 0 0;}
.header-social li a { color: #fff;display: block; padding: 4px;}

.header {background: #fff;}
.header .logo {}
.header .menu {float: right; margin: 30px 0 0 0; display: block;}
.header .menu ul {float: right;}
.header .menu li {list-style: none; float: left;margin-left: 30px;}
.header .menu li a {color: #1a1a1a;display: block;}
.header .menu li a:hover {color: #ff6b00;}
.header .tel-menu {display: none;}

.slider {position: relative;box-shadow: 0px 2px 4px 0px #cccccc;}
.slider .slider-text {position: absolute; left: 0; top: 0; width: 100%; height: 100%;}
.slider .slider-text-m {margin-top: 200px; border-bottom: 2px solid #ff6b00; width: auto!important;}
.slider .slider-text span {color: #ff6b00; font-weight: 600; font-size: 28px; width: 100%; float: left;}
.slider .slider-text b {color: #333333;font-size: 34px;font-weight: 600;width: 100%;float: left;}
.slider .owl-carousel .owl-nav.disabled, .owl-carousel .owl-dots.disabled {display: block;}
.slider .owl-carousel .owl-nav button.owl-prev {float: left;margin-left: 50px;}
.slider .owl-carousel .owl-nav button.owl-next {float: right;margin-right: 50px;}
.slider .owl-theme .owl-nav.disabled + .owl-dots {position: absolute;bottom: 0;left: 0;width: 100%;}

.index-title {position: relative;text-align: center;}
.index-title hr {width: 100%;float: left;height: 1px;position: absolute;background: #c9c9c9;top: 14px;}
.index-title span {z-index: 9;position: relative;}
.index-title b {z-index: 10;position: relative;background: #f4f4f4;padding: 0 10px;font-size: 24px;}

.vitrin {}
.vitrin ul {}
.vitrin li {list-style: none;padding: 5px;}
.vitrin li:nth-child(1) {width: 25%; float: left;}
.vitrin li:nth-child(2) {width: 50%; float: left;}
.vitrin li:nth-child(3) {width: 25%; float: left;}
.vitrin li:nth-child(4) {width: 50%; float: left;}
.vitrin li:nth-child(5) {width: 25%; float: left;}
.vitrin li:nth-child(6) {width: 25%; float: left;}
.vitrin li:nth-child(7) {width: 65%; float: left;}
.vitrin li:nth-child(8) {width: 35%; float: left;}
.vitrin li .vitrin-spot {position: relative; border-radius: 10px;width: 100%; float: left; background: #fff;height: 300px; overflow: hidden;}
.vitrin li .vitrin-img {position: absolute; width: 100%; height: 100%; float: left; top: 0; left: 0; z-index: 12;}
.vitrin li .vitrin-img img {-webkit-transform: scale(1);transform: scale(1);-webkit-transition: .3s ease-in-out;transition: .3s ease-in-out;position: absolute;width: 100%;min-height: 100%;}
.vitrin li .vitrin-spot:hover img {-webkit-transform: scale(1.1);transform: scale(1.1);}
.vitrin li .vitrin-bg {position: absolute; width: 100%; height: 100%; float: left; top: 0; left: 0; background: #00000050; z-index: 123; text-align: center; color: #fff; display: table;}
.vitrin li .vitrin-bg span {display: table-cell;vertical-align: middle; font-size: 24px; font-weight: 700; text-shadow: 0px 1px 1px #333;}

.index-kurumsal {width: 50%; float: left;}
.index-kurumsal img {width: 100%; float: left;}
.index-text {width: 56%; float: left; background: #fff; position: absolute; right: 0px; top: 40px; min-height: 350px; z-index: 999; border-radius: 10px; box-shadow: 1px 1px 1px 1px #e4e4e4; padding: 30px;}
.index-text .cizgi {height: 5px;width: 100%;float: left;background: #ff6b00;margin: 20px 0;}
.index-text .title {width: 100%;float: left;font-size: 24px;color: #333;font-weight: bold;margin: 0 0 10px 0;}
.index-text .button {float: left;border: 1px solid #ff6b00;color: #ff6b00;display: block;padding: 8px 12px;margin: 20px 0 0 0;}
.index-text .icerik {width: 100%; float: left; font-size: 12px; color: #666;}

.footer-cizgi {height: 6px;width: 100%;float: left;background: #ff6b00;}
.footer {background: #171717;color: #fff;}
.footer .title {width: 100%; float: left; margin-bottom: 20px;}
.footer .title span {border-bottom: 3px solid #ffffff;font-size: 16px;font-weight: 700;padding-bottom: 5px;}
.footer .site-haritasi {}
.footer .site-haritasi ul {}
.footer .site-haritasi li {float: left; width: 100%; list-style: none;}
.footer .site-haritasi li a {color: #fff;display: block;padding: 4px 0;font-size: 13px;}
.footer .footer-form {}
.footer .footer-form input {background: none; border: 1px solid #fff; padding-left: 8px; width: 100%; height: 40px; margin-bottom: 10px; outline: none;}
.footer .footer-form textarea {background: none; border: 1px solid #fff; padding-left: 8px; width: 100%; height: 80px;outline: none;}
.footer .footer-form input::placeholder {font-size: 12px; color: #fff;}
.footer .footer-form textarea::placeholder {font-size: 12px; color: #fff; padding: 5px 0 0 0;}
.footer .footer-btn { width: 160px !important; border: 1px solid #ffff; background: none; margin-top: 5px;}
.footer .footer-btn:hover {background: #1e1e1e;}
.footer-info {font-size: 12px; color: #fff; display: block; width: 100%; text-align: center; padding: 20px;}
.footer-info-bg {background: #000;}
/* / index */

/* + Alt Sayfalar */
.banner {height: 280px; width: 100%; float: left;background: url("../images/banner.jpg")center top; background-attachment: fixed;}
.banner-text {width: 100%; float: left; padding: 20px; background: #00000090; color: #fff; font-size: 24px; font-weight: 700; margin-top: 100px; border-left: 10px solid #a37037;}

.hakkimizda-img {width: 100%; float: left;}
.hakkimizda-img img {width: 100%; float: left;}
.hakkimizda-text {background: #fff; width: 100%; float: left; padding: 15px; border-radius: 10px;}
.hakkimizda-text b {width: 100%; float: left; display: block; font-size: 24px; color: #906331; border-bottom: 1px solid #906331; padding-bottom: 5px; margin-bottom: 15px;}

.referanslar {}
.referanslar .left-menu {background: #fff;padding: 10px;}
.referanslar .title {width: 100%; float: left;background: #a37037; color: #fff; font-size: 14px; font-weight: 600; padding: 15px;}
.referanslar .left-menu ul {}
.referanslar .left-menu li {list-style: none; float: left; width: 100%;}
.referanslar .left-menu li a {font-size: 13px;color: #000;display: block;padding: 8px 10px;}
.referanslar .left-menu li a i {float: right;font-size: 14px;margin: 3px 0 0 0;}
.referanslar .left-menu li a:hover {background: #ff6b00;color: #fff;}
.referanslar .referanslar-img {background: #fff; border-radius: 10px; width: 100%; float: left; padding-bottom: 15px;}
.referanslar .ref-fancy {margin-top: 15px;overflow: hidden;position: relative;box-shadow: inset 0 0 10px #bfbfbf;height: 250px;background: #eaeceb;border: 8px solid #e9eaeb;}
.referanslar .ref-fancy img {width: auto;position: absolute;left: 0;right: 0;top: 0;margin: auto;bottom: 0;height: 100%;}

.iletisim {}
.iletisim .maps {}
.iletisim .maps iframe {width: 100%; height: 300px;}
.iletisim .iletisim-frame {width: 100%; float: left; padding: 15px;}
.iletisim .iletisim-frame .title {width: 100%; float: left; font-weight: 600; border-bottom: 1px solid #e4e4e4; padding-bottom: 5px; font-size: 24px; margin-bottom: 20px;}
.iletisim .iletisim-adres {font-size: 12px;}
.iletisim .iletisim-adres b {font-size: 13px;}
.iletisim .iletisim-form {}
.iletisim .iletisim-form input {background: none; border: 1px solid #e4e4e4; padding-left: 8px; width: 100%; height: 40px; margin-bottom: 10px; outline: none;}
.iletisim .iletisim-form textarea {background: none; border: 1px solid #e4e4e4; padding-left: 8px; width: 100%; height: 80px;outline: none;}
.iletisim .iletisim-form input::placeholder {font-size: 12px; color: #333;}
.iletisim .iletisim-form textarea::placeholder {font-size: 12px; color: #333; padding: 5px 0 0 0;}
.iletisim .footer-btn { width: 160px !important; border: 1px solid #333; background: none; margin-top: 5px; color: #333;}

.urun-frame {width: 100%;float: left;box-shadow: 0 1px 1px 1px #f9f9f9;margin-bottom: 20px;}
.urun-frame .resim {width: 100%;float: left;overflow: hidden;height: 280px;position: relative;}
.urun-frame .resim:hover img {-webkit-transform: scale(1.1);transform: scale(1.1);}
.urun-frame .resim img {width: auto;top: 0;bottom: 0;margin: auto;right: 0;left: 0;height: 100%;position: absolute;-webkit-transform: scale(1);transform: scale(1);-webkit-transition: .3s ease-in-out;transition: .3s ease-in-out;}
.urun-frame .title {width: 100%; float: left; padding: 20px 10px; background: #fff; text-align: center;font-weight: 600; font-size: 14px; color: #111;}

.urun-kat {width: 100%; float: left; background: #fff; padding: 10px; box-shadow: 0 1px 1px 0 #e4e4e4;}
.urun-kat .title {width: 100%;float: left;font-size: 18px;border-bottom: 1px solid #e4e4e4;padding-bottom: 5px;margin-bottom: 10px;font-weight: 600;margin-top: 5px;}
.urun-kat ul {}
.urun-kat li {float: left; list-style: none; width: 100%;}
.urun-kat li a {display: block;width: 100%;padding: 8px 8px;font-size: 14px;}
.urun-kat li a i {float: right;margin: 3px 0 0 0;}
.urun-kat li a:hover {background: #ff6b00;color: #fff;}
.kat-title {width: 100%;float: left;font-size: 18px;font-weight: 600;border-bottom: 1px solid #e4e4e4;padding-left: 10px;margin: 15px 0 10px 0;padding-bottom: 5px;}

.detay {}
.detay .images {}
.detay .images img {width: 100%; float: left;}

.detay-slider {
    background: #fff;
    padding-top: 15px;
}
.detay-slider .owl-carousel .owl-stage-outer {min-height: 500px;}
.detay-slider .owl-carousel .owl-item img {/* position: absolute; */left: 0;top: 0;right: 0;bottom: 0;margin: auto;width: auto;height: 100%;}
.detay-slider img {}

.detay .contant {background: #fff;padding: 15px;border-radius: 10px;}
.detay .contant .title {font-weight: 600;font-size: 24px;border-bottom: 1px solid #ff6b00;float: left;margin-bottom: 10px;width: 100%;}

.contant-resimler {}
.contant-resimler img {width: 100%; float: left;}
.fancy-title {width: 100%; float: left; font-weight: 600; padding: 20px 15px; border-bottom: 1px solid #e4e4e4; margin-bottom: 10px;}

.ref-fancy a {}
.ref-fancy a .fancy-bg {position: absolute;left: 0;top: 0;width: 100%;height: 100%;z-index: 9999;}
.ref-fancy a .fancy-bg .icon {
    float: right;
    margin-right: -60px;
}
.ref-fancy a .fancy-bg .icon i {
    display: block;
    padding: 16px;
    color: #fff;
    font-size: 20px;
    background: #ff6b00;
    border-radius: 0px 0px 0px 30px;
}
.ref-fancy a:hover > .fancy-bg {transition: .25s linear;-webkit-transition: .25s linear;-ms-transition: .25s linear;-moz-transition: .25s linear;background: #0000009e;}
.ref-fancy a:hover > .fancy-bg .icon {transition: .25s linear;-webkit-transition: .25s linear;-ms-transition: .25s linear;-moz-transition: .25s linear; margin-right: 0;}
/* / Alt Sayfalar */

/* + Sayfalama */
.pagination {list-style: none;display: inline-block;padding: 0;margin-top: 10px;width: 100%;text-align: center;}
.pagination li {display: inline-block;text-align: center;width: 29px;}
.pagination a {float: left;display: block;font-size: 14px;text-decoration: none;padding: 5px 12px;color: #fff;margin-left: -1px;border: 1px solid transparent;line-height: 1.5;}
.pagination a.active {cursor: default;}
.pagination a:active {outline: none;}
.modal-1 li:first-child a {-moz-border-radius: 6px 0 0 6px;-webkit-border-radius: 6px;border-radius: 6px 0 0 6px;}
.modal-1 li:last-child a {-moz-border-radius: 0 6px 6px 0;-webkit-border-radius: 0;border-radius: 0 6px 6px 0;}
.modal-1 a {border-color: #ddd;color: #989898;background: #fff;}
.modal-1 a:hover {background: #eee;}
.modal-1 a.active, .modal-1 a:active {background: #ee1d23;color: #fff;}
/* / Sayfalama */

.fancybox-show-infobar .fancybox-infobar, .fancybox-show-toolbar .fancybox-toolbar, .fancybox-show-caption .fancybox-caption, .fancybox-show-nav .fancybox-navigation .fancybox-button {display: block !important; opacity: 1 !important;}

.whatsapp {position: fixed;left: 20px;bottom: 20px;z-index: 99999999;}
.whatsapp .wp a {color: #fff; font-size: 14px;display: block; padding: 12px;background: #25d366;}

.tel-whatsapp {display: none;}
.tel-whatsapp .tel-wp a {}