body {

    font-family: 'Montserrat', sans-serif;

}



a {

    color: #212a44;

    text-decoration: none;

    font-family: 'Montserrat', sans-serif;

}



a:focus,

img:focus {

    outline: none!important;

}



a:hover {

    color: #212a44;

}



img {

    max-width: 100%;

}



* {

    text-rendering: optimizeLegibility;

    -webkit-font-smoothing: antialiased;

    font-family: 'Open Sans', sans-serif;

}



header {

    width: 100%;

    display: block;

    position: absolute;

    top: 30px;

    z-index: 10;

}



header .logo img {

    max-width: 100%;

}



header .logo {

    height: 93px;

    display: inline-block;

    padding: 33px 20px;

    width: 300px;

    text-align: right;

}



header .container-fluid {

    background: url(../img/headerbg.png);

    height: 105px;

    background-repeat: no-repeat;

    background-size: 100%;

}



header .infobar {

    margin-top: -10px;

}



header .infobar .sosyal {

    list-style: none;

}



header .infobar .sosyal>li {

    float: left;

}



header .infobar .sosyal>li>a {

    font-size: 20px;

}



header .infobar a {

    font-size: 14px;

    display: inline-block;

    font-weight: 700;

    text-decoration: none;

    margin: 0px 10px;

}



header .infobar .wSelect-selected {

    margin: 0px 35px 0px 5px;

    padding: 2px 0;

    overflow: hidden;

    white-space: nowrap;

    background-repeat: no-repeat;

    font-weight: 700;

    background-position: 0 center;

}



header .infobar .wSelect-option-icon {

    padding-left: 30px;

}



header .infobar .wSelect-theme-classic .wSelect-options {

    border: solid #FAFAFA 1px;

    border-radius: 4px;

    -webkit-border-radius: 4px;

    -moz-border-radius: 4px;

    height: auto !important;

}



header .infobar .wSelect-theme-classic.wSelect {

    color: #555;

    background-color: #ffff;

    font-size: 12px;

    font-family: verdana;

    line-height: 18px;

    min-width: 102px;

    max-width: 300px;

    width: auto !important;

    box-shadow: unset;

    border-radius: 0px;

    border: 0px;

    padding: 1px;

    float: right;

    vertical-align: middle;

    margin: -4px 0px;

}



header .infobar .wSelect-theme-classic .wSelect-options-holder {

    background-color: #FAFAFA;

    border: solid #CACACA 1px;

    border-radius: 0px;

    width: 100%;

    border: 0px;

}



header .ustmenu {

    display: inline-block;

    float: right;

    width: 810px;

}



header .ustmenu .navbar {

    float: right;

}



header .ustmenu #ustmenul>ul {}



header .ustmenu #ustmenul>ul>li:hover>a,

header .ustmenu #ustmenul>ul>li.aktif>a {

    color: #ffc20e;

}



header .ustmenu #ustmenul>ul>li {

    position: relative;

    padding: 24px 0px;

    margin: 0px 17px;

}



header .ustmenu #ustmenul>ul>li.dropdown>a.dropdown-toggle::after {

    display: none;

}



header .ustmenu #ustmenul>ul>li>a.menuac {

    padding-bottom: 29px;

}



header .ustmenu #ustmenul>ul>li>a {

    color: #fff;

    font-size: 14px;

    font-weight: 500;

    text-decoration: none;

    padding: 19px 0px;

    vertical-align: middle;

}



header .ustmenu #ustmenul>ul>li .dropdown-menu.normal {

    margin: 7px 0px;

    display: none;

    left: calc(50% - 105px);

    padding: 0px;

    border: 0px;

    border-radius: 4px;

    box-shadow: 0px 0px 14px #0000005c;

    width: 210px;

}



header .ustmenu #ustmenul>ul>li:hover>a::before,

header .ustmenu #ustmenul>ul>li.aktif>a::before {

    content: '';

    background: url(../img/ustmenuok.png);

    width: 25px;

    height: 11px;

    bottom: 1px;

    position: absolute;

    left: calc(50% - 12px);

}



header .ustmenu #ustmenul>ul>li .dropdown-menu.normal>li {

    padding: 0px 5px;

}



header .ustmenu #ustmenul>ul>li .dropdown-menu.normal>li>a {

    padding: 10px;

    font-size: 12px;

    border-bottom: 1px solid #918f8f;

    color: #231f20;

    display: block;

    text-decoration: none;

    font-weight: 600;

}



header .ustmenu #ustmenul>ul>li .dropdown-menu.normal>li:last-child>a {

    border-bottom: 0px;

}



header .ustmenu #ustmenul>ul>li .dropdown-menu.normal>li:first-child>a {}



header .ustmenu #ustmenul>ul>li .dropdown-menu.normal>li:Hover>a,

header .ustmenu #ustmenul>ul>li .dropdown-menu.normal>li.aktif>a {

    border-color: #ffc20e;

}



header .ustmenu #ustmenul>ul>li .dropdown-menu.normal>li:Hover,

header .ustmenu #ustmenul>ul>li .dropdown-menu.normal>li.aktif {

    background: #ffc20e;

}



section.slider {

    width: 100%;

    position: relative;

    z-index: 1;

    overflow: hidden;

}



section.slider .swiper-container-horizontal>.swiper-pagination-bullets,

.swiper-pagination-custom,

.swiper-pagination-fraction {

    bottom: 100px;

    left: 0;

    width: 100%;

}



section.slider .swiper-pagination-bullet {

    width: 10px;

    height: 10px;

    display: inline-block;

    border-radius: 100%;

    background: #ffc20e;

    opacity: 1;

    border-radius: 0px;

}



section.slider .swiper-pagination-bullet-active {

    opacity: 1;

    background: #fff;

}



section.slider .swiper-slide {

    width: 100%;

    max-height: 800px;

    height: 800px;

    background-repeat: no-repeat;

    background-position: top center;

    background-size: 100%;

}



section.swiper-button-prevV {

    position: absolute;

    top: calc(50% - 25px);

    width: 31px;

    height: 51px;

    background: url(../images/slidersolok.png) no-repeat;

    z-index: 10;

    left: 30px;

}



section.swiper-button-nextT {

    position: absolute;

    top: calc(50% - 25px);

    width: 31px;

    height: 51px;

    background: url(../images/slidersagok.png) no-repeat;

    z-index: 10;

    right: 30px;

}



section.swiper-container-horizontal>.swiper-pagination-bullets,

.swiper-pagination-custom,

.swiper-pagination-fraction {

    bottom: 10px;

    left: auto;

    width: auto;

    right: 30px;

}



section.swiper-pagination-bullet {

    width: 12px;

    height: 12px;

    display: inline-block;

    border-radius: 100%;

    background: #ffffff;

    opacity: 1;

}



section.swiper-pagination-bullet-active {

    opacity: 1;

    background: #333333;

}



section.slideraltbutonlar {

    padding: 0px 20px;

    position: relative;

    top: -75px;

    z-index: 2;

}



section.slideraltbutonlar .kutu {

    border: 2px solid #ffc20e;

    background: #fff;

    padding: 15px;

    height: 200px;

    border-radius: 7px;

}



section.slideraltbutonlar .kutu>a {

    text-decoration: none;

}



section.slideraltbutonlar .kutu:hover img {

    margin: 20px auto;

}



section.slideraltbutonlar .kutu:hover {

    background: #ffc20e url(../img/buttonhoverbg.png);

    background-position: 90px 105px;

    background-repeat: no-repeat;

}



section.slideraltbutonlar .kutu img {

    display: block;

    max-width: 100%;

    margin: 30px auto;

}



section.slideraltbutonlar .kutu span {

    display: block;

    font-size: 14px;

    font-weight: 700;

    text-align: center;

}



section.anasayfakurumsal {

    position: relative;

    padding: 90px;

    margin-top: -100px;

    padding: 40px 20px;

}



section.anasayfakurumsal .butonlar {

    display: block;

    text-align: center;

}



section.anasayfakurumsal p {

    font-size: 14px;

    color: #757575;

    font-weight: 500;

    margin: 15px 0px;

    line-height: 23px;

}



section h1 {

    color: #444;

    font-size: 28px;

    font-weight: 700;

}



.btn {

    border-radius: 0px;

    font-weight: 500;

}



.btn-default {

    color: #ffe400;

    background-color: #000000;

    border-color: #000000;

}



.btn-default:hover {

    color: #ffe400;

    background: #363636;

    border-color: #363636;

}



.btn-warning {

    color: #000000;

    background-color: #fdc300;

    border-color: #fdc300;

}



.btn-warning :hover {

    color: #000000;

    background: #efd501;

    border-color: #efd501;

}



section.anasayfakalite {}



section.anasayfakalite .container-fluid {

    background: url(../img/haklitebg.png) top left 100% no-repeat;

    min-height: 500px;

    background-size: cover;

    padding: 0px 20px;

}



section.anasayfakalite h1 {

    margin: 0px 0px 20px;

    position: relative;

    z-index: 1;

}



ul.liste {

    list-style-image: url(../img/listecheck.png);

}



ul.liste li {

    margin: 10px;

}



section.anasayfakalite .container {

    padding: 30px 20px;

}



section.anasayfaurunler {}



section.anasayfaurunler .anasayfaurun-owl {

    display: block;

    margin: 20px auto;

}



section.anasayfaurunler .container {

    padding: 30px 20px;

}



section.anasayfaurunler .container-fluid {

    background: url(../img/urunlerbg.png) left top 100% no-repeat;

    min-height: 500px;

    background-size: cover;

    padding: 0px 20px;

}



section.anasayfaurunler h1 {

    position: relative;

    z-index: 1;

}



section.anasayfaurunler .owlurun {

    padding: 5px 5px 10px;

}



section.anasayfaurunler .owlurun a .img {

    height: 190px;

    width: auto;

    background-position: center center;

    background-size: cover;

    margin-bottom: 15px;

    background-repeat: no-repeat;

}



section.hizmetler .hizmet span {

    display: block;

    font-size: 14px;

    font-weight: 600;

    text-align: center;

    margin-bottom: 46px;

    margin-top: 44px;

    margin: 46px 0px;

    padding: 0px 70px;

}



section.anasayfaurunler .owlurun a {

    text-decoration: none;

}



section.anasayfaurunler .owlurun:hover {

    background: #ffc20e;

}



section.hizmetler {

    padding: 30px 0px;

}



section.hizmetler .hizmet {

    border: 2px solid #fff;

    background: #fff;

    padding: 0px;

    border-radius: 7px;

}



section.hizmetler .hizmet>a {

    cursor: default;

    text-decoration: none;

}



section.hizmetler .hizmet:hover {

    border: 2px solid #ffc20e;

}



section.hizmetler .hizmet img {

    display: block;

    max-width: 100%;

    margin: 30px auto;

}



section.hizmetler .hizmet span {

    display: block;

    font-size: 14px;

    font-weight: 700;

    text-align: center;

    margin-bottom: 15px;

}



footer .container-fluid {

    min-height: 420px;

    padding: 85px 0px 20px;

    background: #000000 url(../img/footerbg.png) 100% center;

    background-position: -860px -137px;

}



footer .container {

    margin-bottom: 40px;

}



footer .cubuk {

    width: 100%;

    background: #3a3a39;

    color: #fff;

    text-align: center;

    padding: 15px 0px;

}



footer p {

    font-size: 12px;

    color: #fff;

    font-weight: 500;

    line-height: 20px;

}



footer .logo {

    padding: 85px 0px;

}



footer h2 {

    font-size: 14px;

    color: #fff;

    font-weight: 600;

    margin-bottom: 20px;

}



footer ul {

    padding-left: 10px;

    list-style: none;

}



footer a {

    font-size: 12px;

    color: #fff;

    font-weight: 500;

    text-decoration: none;

}



footer a:Hover {

    font-size: 12px;

    color: #fff;

    font-weight: 600;

    text-decoration: none;

}



footer ul li {

    margin: 10px 0px;

}



section.icerik {

    position: relative;

    z-index: 2;

    min-height: 400px;

    padding-bottom: 30px;

}



section.headerbg {

    width: 100%;

    height: 249px;

    position: relative;

    z-index: 1;

    overflow: hidden;

    background: url(../img/headerbg2.png);

    background-position: center;

    margin-bottom: -80px;

}



section.headerbg2 {

    width: 100%;

    height: 249px;

    position: relative;

    z-index: 1;

    overflow: hidden;

    margin-bottom: -35px;

    background: #ffc20e;

}



section.icerik .breadcrumb {

    list-style: none;

    font-size: 11px;

    color: #4b4b4b;

    padding: 0px;

    margin: 10px 0px;

    background: transparent;

}



section.icerik .breadcrumb li:last-child {

    font-weight: 500;

}



section.icerik .breadcrumb li:first-child::before {

    content: '';

    margin: 0px 5px;

    font-size: 14px;

    color: #4b4b4b;

}



section.icerik .breadcrumb li:not(:first-child)::before {

    content: '»';

    margin: 0px 7px;

    font-size: 14px;

    color: #4b4b4b;

}



section.icerik .baslik h1 {

    font-size: 16px;

    font-weight: 700;

    color: #000;

}



section.icerik .baslik {

    border-bottom: 2px solid #dbdbdb;

}



section.icerik .uruntabpage .nav-tabs>li {

    padding-top: 22px;

}



section.icerik .uruntabpage .nav-tabs>li>a {

    padding: 19px 15px;

    margin: 0;

    font-weight: 700;

    font-size: 14px;

    text-decoration: none;

}



section.icerik .uruntabpage .nav-tabs>li:first-child:hover>a::before,

section.icerik .uruntabpage .nav-tabs>li:first-child>a.show::before {

    content: '';

    background: url(../img/tabhover.png) no-repeat;

    position: absolute;

    height: 55px;

    width: 20px;

    left: -20px;

    top: 0px;

    background-size: 100% 100%;

}



section.icerik .uruntabpage .nav-tabs>li>a:hover,

section.icerik .uruntabpage .nav-tabs>li>a.show {

    background: #ffc20e;

    position: relative;

}



section.icerik .uruntabpage .nav-tabs .show {

    display: inline!important;

}



section.icerik .uruntabpage .nav-tabs {

    background: url(../img/aciklamabg.jpg) left top no-repeat;

    height: 60px;

    width: 100%;

    padding: 0px 20px;

    list-style: none;

    margin: 0 auto;

    border: 0px;

    background-size: 100%;

}



section.icerik .uruntabpage .tab-content {

    margin: 10px;

}



section.icerik .uruntabpage .tab-pane {

    padding: 20px;

}



section.icerik #icerik {

    background: #fff;

    margin: 45px 0px;

}



section.icerik #icerik .banner {

    max-width: 100%;

    display: block;

    margin: 0 auto;

    margin-bottom: 20px;

    width: 100%;

}



section.icerik #icerik h2::before {

    content: '';

    width: 10px;

    height: 20px;

    background: #ffc20e;

    position: absolute;

    left: 15px;

}



section.icerik #icerik h2 {

    font-size: 21px;

    font-weight: 700;

    color: #000;

    margin: 10px 0px 10px 20px;

}



section.icerik #icerik p {

    line-height: 27px;

}



section.icerik #icerik>ul {

    list-style-type: square;

    padding: 0px 35px;

}



section.icerik #icerik>ul>li {

    margin: 10px 0px;

}



hr {

    margin-top: 20px;

    margin-bottom: 20px;

    border: 0;

    border-top: 1px dotted rgba(0, 0, 0, .1);

}



section.icerik .baslik .basliksag {

    float: right;

}



section.icerik .baslik .basliksag select {

    width: auto;

    display: inline-block;

    font-size: 11px;

    margin-top: 18px;

    border: 1px solid #ffc20e;

    padding: 3px 3px;

    height: auto !important;

    line-height: 1px;

    border-radius: 0px;

}



section.icerik .urunlertable {

    width: 100%;

}



section.icerik .urunlertable tr>th {

    background: #ffc20e;

    font-weight: 700;

    text-align: center;

    color: #000;

    font-size: 12px;

    border: 0px;

    padding: 20px 0px;

}



section.icerik .urunlertable tr:nth-child(even)>td {

    background: #f2f2f2;

}



section.icerik .urunlertable tr:hover>td>a {

    color: #8c8c8c;

}



section.icerik .urunlertable tr>td {

    padding: 0px;

    border-bottom: 1px dotted #ccc;

    vertical-align: middle;

}



section.icerik .urunlertable tr>td:first-child>a {

    border-left: 1px solid transparent;

    margin: 10px 0px 10px;

    padding: 0px 0px;

}



section.icerik .urunlertable tr>td:last-child>a {

    border-right: 1px solid transparent;

}



section.icerik .urunlertable tr>td>a {

    border-left: 2px solid #ffc20e;

    font-weight: 700;

    text-align: center;

    padding: 10px 0px;

    color: #000;

    display: block;

    min-height: 32px;

    font-size: 12px;

    text-decoration: none;

}



section.icerik .urunlertable tr>td img {

    max-width: 100%;

    max-height: 80px;

}



section.icerik .urundetay .urunresimler {

    padding: 10px 60px;

}



section.icerik .urundetay .urunresimler .resim a {

    text-decoration: none;

}



section.icerik .urundetay .urunresimler .resim {

    padding: 20px 50px;

}



section.icerik .urundetay .urunresimler .resim span {

    display: Block;

    text-align: center;

    margin: 10px;

    color: #565656;

}



section.icerik .urundetay .urunresimler .resim img {

    max-width: 100%;

    display: block;

    margin: 0 auto;

}



section.icerik .urundetay .aciklama {

    width: 100%;

    padding: 30px 20px;

    background: #fdc300;

    -webkit-box-shadow: 1px 0px 5px 0px rgba(0, 0, 0, 0.75);

    -moz-box-shadow: 1px 0px 5px 0px rgba(0, 0, 0, 0.75);

    box-shadow: 1px 0px 5px 0px rgba(0, 0, 0, 0.75);

}



section.icerik .ikincieldetay .urunfiyat {

    background: #ffc20e;

    text-align: center;

    font-weight: 600;

    font-size: 21px;

    color: #000;

    padding: 10px 0px;

    margin-bottom: 10px;

}



section.icerik .ikincieldetay h3 {

    font-weight: 600;

    font-size: 16px;

    color: #000;

    padding-left: 10px;

}



section.icerik .ikincieldetay .teknikozelliklericon {

    text-align: right;

}



section.icerik .ikincieldetay .teknikozelliklericon a {

    color: #000;

    text-decoration: none;

    padding: 5px;

}



section.icerik .ikincieldetay .teknikozelliklericon a:Hover {

    color: #ffc20e;

}



section.icerik .ikincieldetay .teknikozellikler {

    width: 100%;

    margin: 10px 0px 20px;

}



section.icerik .ikincieldetay .teknikozellikler tr>td {

    font-size: 14px;

    padding: 5px 10px;

}



section.icerik .ikincieldetay .teknikozellikler tr>td:first-child {

    font-weight: 500;

    width: 40%;

}



section.icerik .ikincieldetay .teknikozellikler tr>td:last-child {

    font-weight: 600;

    width: 50%;

}



section.icerik .ikincieldetay .teknikozellikler tr:nth-child(odd)>td {

    background: #f2f2f2;

}



section.icerik .ikincieldetay .paylas {

    padding: 20px;

    margin: 10px 0px;

    text-align: center;

}



section.icerik .ikincieldetay .etikler {

    border-top: 2px solid #b2b2b2;

    border-bottom: 2px solid #b2b2b2;

    padding: 20px;

    margin: 10px 0px;

    text-align: center;

}



section.icerik .ikincieldetay .etikler span:first-child {

    font-weight: 700;

    font-size: 14px;

}



section.icerik .ikincieldetay .etikler span {

    font-weight: 500;

    font-size: 11px;

    color: #000;

}



section.icerik .ikincieldetay .paylas span:first-child {

    font-weight: 700;

    font-size: 14px;

}



section.icerik .ikincieldetay .paylas a {

    font-size: 16px;

    color: #b2b2b2;

    padding: 2px;

}



section.icerik .ikincieldetay .paylas a:Hover {

    color: #ffc20e;

}



section.icerik .ikincieldetay .aciklamahd {

    background: url(../img/aciklamabg.jpg) left top no-repeat;

    height: 52px;

    width: 100%;

    padding: 18px 35px;

}



section.icerik .ikincieldetay .aciklamahd a {

    text-decoration: none;

    font-weight: 700;

}



section.icerik .ikincieldetay .aciklama {

    padding: 10px 20px;

}



section.icerik .ikincieldetay .aciklama p {

    padding: 10px;

    font-size: 12px;

    font-weight: 600;

}



section.icerik .ikincieldetay .iletisimegeckutu {

    border: 2px solid #ffc20e;

    border-radius: 20px;

    padding-bottom: 10px;

}



section.icerik .ikincieldetay .iletisimegeckutu .bas {

    border-top-right-radius: 17px;

    border-top-left-radius: 17px;

    color: #000;

    font-weight: 600;

    font-size: 17px;

    background: #ffc20e;

    margin: 0px;

    padding: 12px 0px;

    text-align: center;

}



section.icerik .ikincieldetay .iletisimegeckutu .isim {

    font-size: 16px;

    display: block;

    text-align: center;

    margin: 10px;

}



section.icerik .ikincieldetay .iletisimegeckutu a {

    font-size: 14px;

    display: block;

    margin: 10px;

    text-align: center;

}



textarea.form-control {

    padding: 20px;

    border-radius: 20px;

}



.form-control {

    display: block;

    width: 100%;

    padding: .375rem 18px;

    font-size: 1rem;

    line-height: 1.5;

    color: #000000;

    background-color: #fff;

    background-clip: padding-box;

    border: 1px solid #fdc300;

    border-radius: 40px;

    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;

}



.form-group label {

    font-size: 14px;

    margin: 5px;

    font-weight: 600;

}



.form-control:focus {

    color: #495057;

    background-color: #fff;

    border-color: #fdc300;

    outline: 0;

    box-shadow: unset;

}



.btn {

    margin: 5px;

    margin-bottom: 20px;

}



section.icerik .iletisim #map {

    height: 350px;

    width: 100%;

    border: 3px solid #fdc300;

}



section.icerik .iletisim .iletisimbilgi {

    margin: 20px 12px;

}



section.icerik .iletisim .iletisimbilgi i {

    font-size: 38px;

    display: inline-block;

    color: #b2b2b2;

    vertical-align: middle;

}



section.icerik .iletisim .iletisimbilgi div {

    line-height: 19px;

    display: inline-block;

    vertical-align: middle;

    width: 80%;

    text-align: left;

    font-size: 14px;

    color: #2d2a18;

    margin-left: 10px;

}



section.icerik .iletisim .iletisimbilgi div>a {

    text-decoration: none;

}



section.icerik .iletisim .calismasaatleri {

    font-weight: 600;

    width: 70%;

    float: right;

}



section.icerik .iletisim .calismasaatleri td {

    padding: 10px 5px;

}



section.icerik .iletisim .calismasaatleri td:nth-child(1) {

    text-align: right;

}



section.icerik .iletisim .calismasaatleri td:nth-child(3) {

    text-align: right;

    width: 115px;

}



section.icerik .iletisim .calismasaatleri th {

    border-bottom: 2px solid #ccc;

    text-align: right;

    padding: 10px;

}



section.icerik .iletisim form {

    margin: 20px 0px;

}



section.icerik .dokumanlar {

    padding: 20px 0px;

}



section.icerik .dokumanlar .dokuman {

    margin: 15px 0px;

}



section.icerik .dokumanlar .dokuman a {

    text-decoration: none;

}



section.icerik .dokumanlar .dokuman .text-content{

    padding: 5px 15px 5px 15px;

}



section.icerik .dokumanlar .dokuman .text-content p {

    color: rgb(73, 73, 73);

    font-size: 13px;

    line-height: 1;

}



section.icerik .dokumanlar .dokuman .text-content h3 {

    margin-bottom: 18px;

    border-bottom: 1px solid #eee;

    padding-top: 8px;

    padding-bottom: 8px;

}
.post-content{
  margin-top: 10px;
  padding: 10px 5px 10px 5px;
}
.post-content h3{
  font-weight: bold;

padding-bottom: 10px;

border-bottom: 2px solid #eee;
}
.post-content p{
  color: rgb(73, 73, 73);

font-size: 13px;

line-height: 1;
margin-top:8px;
}

section.icerik .dokumanlar .dokuman img {

    width: 100%;

    padding: 10px;

    border: 2px solid #fdc300;

    display: block;

    margin: 10px auto;

    border-radius: 20px;

    filter: grayscale(100%);

}



section.icerik .dokumanlar .dokuman img:Hover {

    filter: grayscale(0%);

}



section.icerik .dokumanlar .dokuman span {

    display: block;

    text-align: center;

    font-weight: 600;

}



section.icerik .haberler {

    padding: 20px 0px;

}



section.icerik .haberler .thumbnail {

    border: 1px solid #eee;

    padding: 20px;

}



section.icerik .haberler a {

    border-color: #eee;

    text-decoration: none;

}



section.icerik .haberler a:hover {

    border-color: #fdc300;

    text-decoration: none;

}



section.icerik .haberler .thumbnail a {

    color: black;

    text-decoration: none;

}



section.icerik .haberler .thumbnail a:hover {

    color: #fdc300;

    text-decoration: none;

}



section.icerik .haberler .thumbnail .caption {

    text-align: center;

}



section.icerik .haberler .thumbnail .caption h3 {

    margin-bottom: 18px;

    border-bottom: 1px solid #eee;

    padding-top: 8px;

    padding-bottom: 8px;

}



section.icerik .haberler .thumbnail .caption p {

    color: rgb(73, 73, 73);

    font-size: 13px;

    line-height: 1;

}



section.icerik .haber {

    padding: 20px 0px;

}



section.icerik .haber h2 {

    margin-bottom: 18px;

    border-bottom: 1px solid #eee;

    padding-top: 8px;

    padding-bottom: 8px;

    font-size: 24px;

    font-weight: 700;

}



section.icerik .haber p {

    color: rgb(73, 73, 73);

    font-size: 13px;

    line-height: 1;

}



section.icerik .haber img {

    border-radius: 8px;

    max-width: 100%;

}



section.icerik .haberler a {

    text-decoration: none;

}



section.icerik .randevu .wp-destek {

    text-decoration: none;

}



section.icerik .randevu .wp-destek span {

    display: inline-block;

    margin: 5px;

    padding: 10px;

    background: #4ec149;

    border-radius: 7px;

    color: #fff;

    vertical-align: middle;

    text-align: center;

}



section.icerik .randevu .wp-destek img {

    max-width: 100%;

    display: inline-block;

    margin: 5px;

    vertical-align: middle;

}



section.icerik .teknikservis {

    padding: 20px 0px;

}



section.icerik .teknikservis .servis {

    border: 2px solid #fdc300;

    padding: 10px;

    height: auto;

    vertical-align: middle;

    margin: 15px 0px;

    border-radius: 20px;

}



section.icerik .teknikservis .servis .col-md-4 img {

    max-width: 100%;

    width: 190px;

    display: inline-block;

    border-radius: 20px;

}



section.icerik .teknikservis .servis a:not(.wp-destek) {

    vertical-align: middle;

    display: block;

    font-size: 14px;

    margin: 10px 0px;

    text-decoration: none;

}



section.icerik .teknikservis .servis a>b {

    font-weight: 600;

}



section.icerik .teknikservis .servis span:first-child {

    font-weight: 600;

    font-size: 16px;

    margin-bottom: 0px;

}



section.icerik .teknikservis .servis .servisbilgi>span.meslek {

    font-size: 12px;

    margin: 10px 0px;

}



section.icerik .teknikservis .servis .servisbilgi>span {

    display: block;

}



section.icerik .teknikservis .servis .servisbilgi {

    padding: 20px 0px;

}



section.icerik .teknikservis .servis a:not(.wp-destek) span {

    vertical-align: middle;

    display: block;

    font-size: 14px;

    margin: 5px 0px 7px;

    margin-bottom: 30px;

}



.urunteknikozelliker {

    text-align: left;

    width: 100%;

    margin-bottom: 5px;

}



.urunteknikozelliker tr:nth-child(even) td {

    background: #f6f6f6;

}



.urunteknikozelliker td:first-child {

    font-weight: 700;

    width: 175px;

    text-align: center;

}



.urunteknikozelliker td {

    border: 1px solid #000;

    vertical-align: middle;

    padding: 20px;

    min-height: 40px;

    line-height: 26px;

}



.urunteknikozelliker td b {

    font-weight: 700;

}



.btn-kalin {

    font-weight: 700;

}



.urunlerslider {

    height: 375px;

    width: 100%;

}



.urunlerslider .swiper-slide {

    background-repeat: no-repeat;

    background-position: center;

    background-size: cover;

}



.urunsagagit:hover,

.urunsolagit:hover {

    background: #fdc300;

    color: #000;

}



.urunsagagit2 {

    height: 100%;

    position: absolute;

    top: 0px;

    width: 50%;

    left: 0;

    bottom: 0px;

    z-index: 4;

    cursor: pointer;

}



.urunsolagit2 {

    height: 100%;

    position: absolute;

    top: 0px;

    width: 50%;

    right: 0;

    bottom: 0px;

    z-index: 4;

    cursor: pointer;

}



.urunsagagit {

    position: absolute;

    right: 0px;

    top: auto;

    left: auto;

    font-size: 18px;

    bottom: 215px;

    background: #000;

    color: #fff;

    background-image: unset;

    height: auto;

    width: auto;

    padding: 10px;

    z-index: 10;

    width: 38px;

    text-align: center;

    height: 38px;

}



.urunsolagit {

    position: absolute;

    right: 0px;

    top: auto;

    left: auto;

    font-size: 18px;

    bottom: 170px;

    background: #000;

    color: #fff;

    background-image: unset;

    height: auto;

    width: auto;

    padding: 10px;

    z-index: 10;

    width: 38px;

    height: 38px;

    text-align: center;

}



.urunsliderkucuk {

    height: 20%;

    box-sizing: border-box;

    padding: 10px 0;

}



.urunsliderkucuk .swiper-slide {

    width: 25%;

    height: 110px;

    background-repeat: no-repeat;

    background-position: center;

    background-size: cover;

}



.urunsliderkucuk .swiper-slide-active {}





/*Content CSS */



.customcontent strong {

    font-weight: 700;

}



.customcontent ul {

    float: left;

    list-style-type: circle;

}



.customcontent ol {

    float: left;

    list-style-type: circle;

}



.customcontent em {

    font-style: italic;

}



.customcontent u {

    text-decoration: underline;

}



.customcontent h1 {

    font-size: 2.5rem;

}



.customcontent h2 {

    font-size: 2rem;

}



.customcontent h3 {

    font-size: 1.75rem;

}



.customcontent h4 {

    font-size: 1.5rem;

}



.customcontent h5 {

    font-size: 1.25rem;

}



.customcontent h6 {

    font-size: 1rem;

}



.customcontent small {

    font-size: 80%;

    font-weight: 400;

}





/*Content CSS*/





/*360  degress*/



.gorunum360 {

    width: 100%;

    height: 700px;

    display: block;

    margin: 0 auto;

}





/*360  degress*/



.satisharita h1 {

    margin-bottom: 20px;

    text-align: center;

    font-size: 16px;

    position: relative;
z-index:1010;
    bottom: -50%;

    font-weight: bold;

}



.satisharita .yurtici a {

    display: contents;

    text-decoration: none;

}



.satisharita .yurtici a:hover h1 {


    text-decoration: none;

}



.satisharita .yurtici {

    cursor: pointer;

}



.satisharita .yurtdisi {

    cursor: pointer;

}



.satisharita .yurtici .img {

    background: url(../img/yurticiharita.png) no-repeat;

    width: 430px;

    height: 230px;

    transform:scale(1);
    margin: 0 auto;
    transition:all 0.5s ease;

    background-size: 100%;

}

.satisharita .yurtici a:hover .img{
    transform:scale(1.12);
    transition:all 0.5s ease;
}

.satisharita .yurtdisi a {

    display: contents;

    text-decoration: none;

}



.satisharita .yurtici a:hover .img {

    background: url(../img/yurticiharitahover.png) no-repeat;

    background-size: 100%;
    transition:all 0.5s ease;

}



.satisharita .yurtdisi .img {

    background: url(../img/yurtdisiharita.png) no-repeat;

    width: 430px;
    transition:all 0.5s ease;

    transform:scale(1);
    height: 230px;

    margin: 0 auto;

    background-size: 100%;

}



.satisharita .yurtdisi a:hover .img {

    transform:scale(1.12);
    background: url(../img/yurtdisiharitahover.png) no-repeat;

    background-size: 100%;

}



.satisharita .yurtdisi a:hover h1 {

    position: relative;

    bottom: -50%;

}



.jvectormap-zoomin {

    display: none;

}



.jvectormap-zoomout {

    display: none;

}



#turkey-map {

    height: 300px;

}



.servisg {

    position: relative;

    border: 2px solid #fdc300;

    padding: 10px;

    border-radius: 20px;

    text-align: center;

}



.servissec textarea,

.gsm {

    display: none;

}



.servisg a {

    font-weight: 600;

}



.servisg span,

.servisg a {

    display: block;

    font-weight: 500;

    margin: 10px 0px;

}



.servisg {

    font-size: 12px;

}



.servisg .alan {

    font-size: 12px;

    display: block;

    margin: 10px 0px 20px;

}



.servisg h3 {

    font-size: 16px;

    font-weight: 600;

    display: block;

    margin: 20px 0px 10px;

}



.servisg::before {

    content: '';

    background: #fdc300;

    height: 2px;

    position: absolute;

    top: 65px;

    z-index: 2;

    left: 10px;

    right: 10px;

}



.servisg .uyeresmi {

    width: 100px;

    border-radius: 100%;

    border: 7px solid #fff;

    display: block;

    margin: 0 auto;

    z-index: 2;

    position: relative;

}



.her.wp-destek {

    text-decoration: none;

}



.her.wp-destek img {

    display: inline-block;

    margin: 5px;

    width: 40px;

    height: 45px;

    vertical-align: top;

    padding: 5px 0px 0px;

}



.her.wp-destek span {

    display: inline-block;

    padding: 11px;

    background: #4ec149;

    border-radius: 3px;

    color: #fff;

    text-align: left;

    line-height: 13px;

    width: 167px;

    font-size: 10px;

    padding: 10px;

    vertical-align: middle;

    margin: 13px 0px;

}



.servisg .wp-destek {

    text-decoration: none;

}



.servisg .wp-destek span {

    display: inline-block;

    padding: 11px;

    background: #4ec149;

    border-radius: 3px;

    color: #fff;

    text-align: left;

    line-height: 13px;

    width: calc(100% - 50px);

    font-size: 10px;

    vertical-align: middle;

}



.servisg .wp-destek img {

    display: inline-block;

    margin: 5px;

    vertical-align: middle;

    width: 40px;

    height: 45px;

    float: left;

    padding: 5px 0px 0px;

}



section.slideraltbutonlar .col:nth-child(6) {

    display: none;

}



.buyuticon {

    font-size: 20px;

    position: absolute;

    bottom: 10px;

    z-index: 20;

    color: #000;

    padding: 11px;

    border: 2px solid #000;

    border-radius: 100%;

    left: 10px;

}



section {

    overflow: hidden;

}



@media only screen and (max-width:575px) {

    .urunteknikozelliker {

        display: inline-block;

        width: 100%;

    }

    .urunteknikozelliker tbody {

        display: inline-block;

        width: 100%;

    }

    .urunteknikozelliker th {}

    .urunteknikozelliker td {

        display: inline-block;

        width: 100% !important;

    }

    .urunteknikozelliker tr {

        display: inline-block;

        width: 100%;

        margin: 5px 0px;

    }

    section.icerik .uruntabpage .tab-pane {

        padding: 20px 0px;

    }

    .gorunum360 {

        width: 100%;

        height: 280px;

        display: block;

        margin: 0 auto;

    }

    header {

        width: 100%;

        display: block;

        position: relative;

        top: 0px;

        z-index: 10;

    }

    section h1::before {

        display: none!important;

    }

    section.slider .swiper-pagination {

        display: none;

    }

    section.slider .swiper-slide {

        width: 100%;

        max-height: 800px;

        height: 200px;

        background-repeat: no-repeat;

        background-position: top center;

        background-size: cover;

    }

    header .container {

        padding: 0px;

    }

    header .container-fluid {

        height: 105px;

        background: #ffff;

        padding: 0px;

    }

    header .logo {

        height: 80px;

        display: block;

        padding: 20px 20px;

        width: auto;

        text-align: center;

    }

    header .infobar a {

        font-size: 14px;

        display: inline-block;

        font-weight: 700;

        color: #fff;

        text-decoration: none;

        margin: 0px 10px;

    }

    header .infobar .sosyal {

        list-style: none;

        float: left !important;

        padding: 0px 11px;

    }

    header .ustmenu {

        display: block;

        float: right;

        width: 100%;

        padding: 15px 10px;

        background: #242021;

    }

    header .infobar {

        margin: 0px;

    }

    header .ustmenu>.infobar>.row>div>a {

        display: none;

    }

    header .ustmenu .navbar {

        float: left;

        display: block;

        padding: 10px 0px;

        width: 100%;

    }

    header .ustmenu .navbar-toggler {

        color: #fff;

        margin: 0 auto;

        width: 100%;

        display: block;

    }

    header .ustmenu #ustmenul>ul {

        background: #242021;

    }

    header .ustmenu #ustmenul>ul>li {

        position: relative;

        padding: 14px 0px;

        margin: 0px 17px;

    }

    header .ustmenu #ustmenul>ul>li:hover>a::before {

        content: '';

        display: none;

    }

    header .ustmenu #ustmenul>ul>li .dropdown-menu.normal {

        margin: 7px 0px;

        display: none;

        left: calc(50% - 105px);

        padding: 0px;

        border: 0px;

        border-radius: 4px;

        box-shadow: 0px 0px 14px #0000005c;

        width: 100%;

    }

    section.slideraltbutonlar {

        padding: 30px 20px 70px;

        position: static;

        top: 0px;

        z-index: 2;

    }

    section.slideraltbutonlar .col {

        -ms-flex: 0 0 50%;

        flex: 0 0 50%;

        max-width: 50%;

        margin-bottom: 30px;

    }

    section.slideraltbutonlar .col:nth-child(6) {

        display: block;

    }

    section.slideraltbutonlar .kutu img {

        display: block;

        max-width: 100%;

        margin: 20px auto;

    }

    section.slideraltbutonlar .kutu {

        border: 2px solid #ffc20e;

        background: #fff;

        padding: 15px;

        height: 165px;

        border-radius: 7px;

    }

    footer .row>div {

        margin: 20px 0px;

    }

    footer .logo {

        padding: 10px 0px;

    }

    footer {

        text-align: center;

    }

    footer .container-fluid {

        min-height: 420px;

        padding: 20px 0px 20px;

        background: #000000 url(../img/footerbg.png) 100% center;

        background-position: -600px -137px;

    }

    .griworkshop {

        width: 100%;

        margin: 0 auto;

        padding-top: 15px;

        text-align: center;

    }

    section.icerik .urunlertable tr>td img {

        max-width: 100%;

        max-height: 45px;

    }

    section.headerbg {

        width: 100%;

        height: 100px;

        position: relative;

        z-index: 1;

        overflow: hidden;

        margin-bottom: -80px;

        background: #ffc20e;

    }

    section.icerik .baslik .basliksag select {

        width: 100%;

    }

    section.icerik .uruntabpage .nav-tabs>li:first-child:hover>a::before,

    section.icerik .uruntabpage .nav-tabs>li:first-child>a.show::before {

        display: none;

    }

    section.icerik .uruntabpage .nav-tabs {

        height: auto;

        width: 100%;

        padding: 0px 0px;

        list-style: none;

        margin: 0 auto;

        border: 0px;

        background-size: auto 100%;

        background: #e5e5e5;

    }

    section.icerik .ikincieldetay .iletisimegeckutu {

        border: 2px solid #ffc20e;

        border-radius: 20px;

        padding-bottom: 10px;

        margin-bottom: 20px;

    }

    section.icerik .uruntabpage .nav-tabs>li {

        padding-top: 22px;

        margin-bottom: 20px;

    }

    section.icerik .urundetay .aciklama {

        padding: 30px 20px;

        margin-bottom: 20px;

    }

    section.icerik #icerik {

        background: #fff;

        margin: 45px 0px;

        padding: 10px;

        border-radius: 10px;

    }

    section.icerik .teknikservis .servis img {

        max-width: 100%;

        display: inline-block;

        border-radius: 20px;

    }

    section.icerik .teknikservis .servis .servisbilgi {

        padding: 20px 20px;

    }

    .open .dropdown-menu.normal {

        display: block!important;

    }

}



@media only screen and (min-width: 576px) and (max-width:767px) {

    section.slider .swiper-slide {

        width: 100%;

        max-height: 800px;

        height: 350px;

        background-repeat: no-repeat;

        background-position: top center;

        background-size: cover;

    }

    header .container-fluid {

        background: url(../img/headerbg.png);

        height: 105px;

        background-repeat: no-repeat;

        background-position: -420px;

    }

    header .logo {

        height: 93px;

        display: inline-block;

        padding: 33px 20px;

        width: auto;

        text-align: right;

    }

    header .ustmenu {

        display: inline-block;

        float: right;

        width: 240px;

    }

    header .ustmenu>.infobar>.row>div>a {

        display: none;

    }

    header .ustmenu .navbar {

        float: left;

        display: block;

        padding: 27px 0px;

        width: 100%;

    }

    header .ustmenu .navbar-toggler {

        color: #fff;

        margin: 0 auto;

        width: 100%;

        display: block;

    }

    header .ustmenu #ustmenul>ul {

        background: #242021;

    }

    header .ustmenu #ustmenul>ul>li {

        position: relative;

        padding: 14px 0px;

        margin: 0px 17px;

    }

    header .ustmenu #ustmenul>ul>li:hover>a::before {

        content: '';

        display: none;

    }

    header .ustmenu #ustmenul>ul>li .dropdown-menu.normal {

        margin: 7px 0px;

        display: none;

        left: calc(50% - 105px);

        padding: 0px;

        border: 0px;

        border-radius: 4px;

        box-shadow: 0px 0px 14px #0000005c;

        width: 100%;

    }

    section.slideraltbutonlar {

        padding: 30px 20px;

        position: static;

        top: 0px;

        z-index: 2;

    }

    section.slideraltbutonlar .col {

        -ms-flex: 0 0 33.333333%;

        flex: 0 0 33.333333%;

        max-width: 33.333333%;

        margin-bottom: 30px;

    }

    section.slideraltbutonlar .col:nth-child(6) {

        display: block;

    }

    footer .row>div {

        margin: 20px 0px;

    }

    footer .logo {

        padding: 10px 0px;

    }

    footer {

        text-align: center;

    }

    footer .container-fluid {

        min-height: 420px;

        padding: 20px 0px 20px;

        background: #000000 url(../img/footerbg.png) 100% center;

        background-position: -600px -137px;

    }

}



@media only screen and (min-width: 768px) and (max-width: 991px) {

    section.slider .swiper-slide {

        width: 100%;

        max-height: 800px;

        height: 350px;

        background-repeat: no-repeat;

        background-position: top center;

        background-size: cover;

    }

    header .container-fluid {

        background: url(../img/headerbg.png);

        height: 105px;

        background-repeat: no-repeat;

        background-position: -420px;

    }

    header .logo {

        height: 93px;

        display: inline-block;

        padding: 33px 20px;

        width: auto;

        text-align: right;

    }

    header .ustmenu {

        display: inline-block;

        float: right;

        width: 400px;

    }

    header .ustmenu>.infobar>.row>div>a {

        display: none;

    }

    header .ustmenu .navbar {

        float: left;

        display: block;

        padding: 27px 0px;

        width: 100%;

    }

    header .ustmenu .navbar-toggler {

        color: #fff;

        margin: 0 auto;

        width: 100%;

        display: block;

    }

    header .ustmenu #ustmenul>ul {

        background: #000;

    }

    header .ustmenu #ustmenul>ul>li {

        position: relative;

        padding: 14px 0px;

        margin: 0px 17px;

    }

    header .ustmenu #ustmenul>ul>li:hover>a::before {

        content: '';

        display: none;

    }

    header .ustmenu #ustmenul>ul>li .dropdown-menu.normal {

        margin: 7px 0px;

        display: none;

        left: calc(50% - 105px);

        padding: 0px;

        border: 0px;

        border-radius: 4px;

        box-shadow: 0px 0px 14px #0000005c;

        width: 100%;

    }

    section.slideraltbutonlar {

        padding: 30px 20px;

        position: static;

        top: 0px;

        z-index: 2;

    }

    section.slideraltbutonlar .col {

        -ms-flex: 0 0 33.333333%;

        flex: 0 0 33.333333%;

        max-width: 33.333333%;

        margin-bottom: 30px;

    }

    section.slideraltbutonlar .col:nth-child(6) {

        display: block;

    }

}



@media only screen and (min-width: 992px) and (max-width:1199px) {

    section.slider .swiper-slide {

        width: 100%;

        max-height: 800px;

        height: 500px;

        background-repeat: no-repeat;

        background-position: top center;

        background-size: cover;

    }

    header .container-fluid {

        background: url(../img/headerbg.png);

        height: 105px;

        background-repeat: no-repeat;

        background-position: center;

    }

    header .logo {

        height: 93px;

        display: inline-block;

        padding: 35px 20px;

        width: 200px;

        text-align: left;

    }

    header .ustmenu {

        display: inline-block;

        float: right;

        width: 700px;

    }

    header .ustmenu #ustmenul>ul>li {

        position: relative;

        padding: 24px 0px;

        margin: 0px 13px;

    }

}



@media only screen and (min-width: 1200px) and (max-width:1399px) {

    section.slider .swiper-slide {

        width: 100%;

        max-height: 580px;

        height: 580px;

        background-repeat: no-repeat;

        background-position: top center;

        background-size: cover;

    }

    header .container-fluid {

        background: url(../img/headerbg.png);

        height: 105px;

        background-repeat: no-repeat;

        background-position: center;

    }

    header .logo {

        height: 93px;

        display: inline-block;

        padding: 33px 20px;

        width: 300px;

        text-align: right;

    }

}



@media only screen and (min-width: 1400px) {

    section.slider .swiper-slide {

        width: 100%;

        max-height: 800px;

        height: 800px;

        background-repeat: no-repeat;

        background-position: top center;

        background-size: cover;

    }

    header .container-fluid {

        background: url(../img/headerbg.png);

        height: 105px;

        background-repeat: no-repeat;

        background-position: center;

    }

    header .logo {

        height: 93px;

        display: inline-block;

        padding: 33px 20px;

        width: 300px;

        text-align: right;

    }

}

.hardox{width:150px;position:absolute;z-index: 99999;}
.hardox.for-home-slider{top: 699px;left: 35px;}
.hardox.for-products-detail{top: 10px;left: 10px;}
@media(min-width:1200px) and (max-width:1610px){
    .hardox.for-home-slider {
        top: 420px;
        left: 40px;
    }
    .hardox.for-products-detail{top: 10px;left: 10px;}
}
@media(min-width:991px) and (max-width:1199px){
    .hardox.for-home-slider {
        top: 343px;
        left: 51px;
    }
    .hardox.for-products-detail{top: 10px;left: 10px;}
}

@media(max-width:991px){
    .hardox.for-home-slider {
        top: 149px;
        left: 15px;
        width:80px !important;
    }
    .hardox.for-products-detail{top: 10px;left: 10px; width: 80px !important;}
}

section.anasayfaurunler .owlurun span{width: 100%;display: block;text-align: center;font-weight: 700;}