body {

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

    max-width: 100%;

}

body.bg2{

    background: #f0f0f0;

}

body.beyazbg{

    background: #fff;

}

a {

    color:#212a44;

    text-decoration: none;

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

}

a:focus,img:focus{

    outline: none!important;

}

a:hover {

    color:#212a44;

    text-decoration: none;

}

* {

    text-rendering: optimizeLegibility;

    -webkit-font-smoothing: antialiased;

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

}

b{

    font-weight:bold;

}

img{

    max-width:100%;

}



header{

    position:absolute;

    z-index:7;

    width: 100%;

    top: 15px;

}



header .infobar{

    background:#8a8b8b;

    padding:11px 0px;

}

header .infobar span{

    color:#fff;

    font-size:13px;

}

header .infobar a{

    color:#fff;

    font-size:13px;

}

header .infobar .ustlinkler{

    float:right;



}



header .logo{

    display:inline-block;

    margin: 15px 0px;

}



header .ustbar {

    padding: 10px 0px;

    position: relative;

    border-bottom: 2px solid #fff;

}

header  .sosyal{

    list-style:none;

}

header  .sosyal>li{

    float:left;

}

header  .sosyal>li>a{

    font-size:20px;

}

header .ustbar::after{

    content:'';

    position:absolute;

    left:0px;

    right:0px;

    height:1px;

    bottom: 0px;



}

header .ustbar a>i{

    margin:0px 5px;

    font-size:20px;vertical-align:middle;

}

header .ustbar a{

    color:#fff;

    font-size:13px;

    margin:0px 5px;

    display: inline-block;

    line-height: 21px;

}

header .ustmenu {





}

header .ustmenu #ustmenul{



}

header .ustmenu #ustmenul>ul {

    display: block;

    margin: 0px;

    float: right;

}

header .ustmenu #ustmenul>ul>li:first-child{

    padding:14px 20px 14px 0px;

}

header .ustmenu #ustmenul>ul>li{

    padding:14px 20px;

    float: left;

    position:relative;

}



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

    color: #fff;

    font-weight: 500;

    font-size: 14px;

    padding: 5px 0px;

    font-weight:500;

    position: relative;

}

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

    padding: 5px 15px 15px 0px;

}

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

    padding-right:15px;

}

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

    content:"\f0d7";

    position:absolute;

    font-family:FontAwesome;

    right:0px;

    font-size:15px;



}

header .ustmenu #ustmenul>ul>li:hover>a:not(.menuac){



    border-bottom:2px solid #fff;

}

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

    border-radius: 2px;

    background: #faf8f6;

    border: 0px;

    padding: 0px;

    color: #a79b97;

    margin-top: 0px;

    -webkit-box-shadow: 0px 8px 26px -9px rgba(0,0,0,0.34);

    -moz-box-shadow: 0px 8px 26px -9px rgba(0,0,0,0.34);

    box-shadow: 0px 8px 26px -9px rgba(0,0,0,0.34);

    min-width: 160px;

    position: absolute;

    right: 0px;

    left: auto;

}

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

    content: "\f0d8";

    position: absolute;

    font-family: FontAwesome;

    width: 0;

    height: 0;

    right: 33px;

    z-index: 9;

    top: -22px;

    color: #faf8f6;

    font-size: 30px;

}

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

    border-bottom: 1px solid #e5dfde;

}

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

    padding: 10px 15px;

    color: #a79b97;

    font-size: 14px;

    font-weight:500;

    background: #faf8f6;

    white-space: nowrap;

    display: block;

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

     background: #faf8f6;

     color: #a79b97;

     margin-top: 0px;

     -webkit-box-shadow: 0px 8px 26px -9px rgba(0,0,0,0.34);

     -moz-box-shadow: 0px 8px 26px -9px rgba(0,0,0,0.34);

     box-shadow: 0px 8px 26px -9px rgba(0,0,0,0.34);

     position: absolute;

     width: 650px;

     left: calc(50% - 325px);

     padding: 6px;

     border: 1px solid #d8d3cf;

     border-radius: 2px;

 }

header .ustmenu #ustmenul>ul>li .dropdown-menu.mega::before {

    content: "\f0d8";

    position: absolute;

    font-family: FontAwesome;

    z-index: 9;

    top: -22px;

    color: #faf8f6;

    left: calc(50% + -11px);

    font-size: 30px;

}

header .ustmenu #ustmenul>ul>li .dropdown-menu.mega>li:not(:last-child) {

    border-bottom: 1px solid #e5dfde;

}

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

    border: 1px solid rgba(146, 15, 3, .2);

    padding: 5px 2px;

    margin-right: 5px;

    height: 60px;

}

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

    /* padding: 10px 15px; */

    font-size: 10px;

    font-weight:500;

    display: inline-flex;

    color:#920f03;

    vertical-align: middle;

    line-height: 36px;

    margin: 3px;

    font-weight: 600;

    overflow: hidden;

    line-height: 15px;

    width: 100%;

}

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

    background:#d34345;

    color:#fff;

}

header .ustmenu .navbar {

    padding:0px;

}



.wSelect-selected {

    margin: 0px 35px 0px 5px;

    padding: 2px 0;

    overflow: hidden;

    white-space: nowrap;

    background-size: auto 16px;

    background-repeat: no-repeat;

    font-weight: 700;

    background-position: 0 center;

}

.wSelect-option-icon {

    padding-left: 30px;

    background-size: 25px 15px;

}

.wSelect-theme-classic .wSelect-options {

    border: solid #FAFAFA 1px;

    border-radius: 4px;

    -webkit-border-radius: 4px;

    -moz-border-radius: 4px;

    height: auto !important;

}

.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;

}

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

    background-color: #FAFAFA;

    border: solid #CACACA 1px;

    border-radius: 0px;

    width: 100%;

    border: 0px;

}



section.banner {

    width: 100%;

    z-index: 0;

    left: 0;

    right: 0;

    max-width: 100%;

    top: 0px;

    height: 450px;

    background: url('../img/banner.jpg') top center no-repeat;

}



.slider {

    width: 100%;

    z-index: 0;

    left: 0;

    right: 0;

    max-width: 100%;

    overflow: hidden;

    bottom: 0px;

    position: absolute;

    top: 0px;

}



.slider .swiper-slide:before {content:'';background: url('../img/slidergolge.png')  top left;position: absolute;background-repeat: repeat-x;left:0px;height: 550px;right: 0px;top: 0px;z-index: 3;}

.slider .swiper-slider {

    position:relative;

    height: 100%;

    z-index: 2;

}

.slider .swiper-slide {

    width: 100%;

    height: 100%;

    background: no-repeat center  bottom;

    background-size: cover;

    z-index: 2;



}

.slider .swiper-slide .container{

    height: 100%;

    position: relative;

}

.slider .swiper-slide .yazi{

    height: 100%;

    position: relative;

    width: 50%;

    z-index: 5;

    top: 250px;

}

.slider .swiper-slide .yazi h1{

    color:#fff;

    font-size: 39px;

    display: block;

    margin: 20px 0px;

    font-weight: 600;

    text-align: left;

    width: 100%;

    z-index:4;

}

.slider .swiper-slide .yazi p{

    color:#ffffff;

    font-size: 17px;

    line-height: 20px;

    display: block;

    width: 100%;

    font-weight: 500;

    text-align: left;

    z-index:4;

}

.slider .swiper-slide .urun{

    width: 100%;

    height: 100%;

    background: no-repeat center bottom;

    background-size: auto;

    z-index: 3;

    position: absolute;

    top: 0px;

    right: 0px;

    left: 0px;

    bottom: 0px;

}

.slider .swiper-container {

    width: 100%;

    height: 100%;

}

.slider .swiper-slide {

    cursor:pointer;

    text-align: center;

    font-size: 18px;

    display: -webkit-box;

    display: -ms-flexbox;

    display: -webkit-flex;

    display: flex;

    -webkit-box-pack: center;

    -ms-flex-pack: center;

    -webkit-justify-content: center;

    justify-content: center;

    -webkit-box-align: center;

    -ms-flex-align: center;

    -webkit-align-items: center;

    align-items: center;

}





.slider .swiper-pagination {

    top: 50%;

    position: absolute;

    width: 100%;

    z-index: 4;

}

.slider  .swiper-pagination-bullet {

    width: 15px;

    height: 15px;

    border-radius: 100%;

    display: inline-block;

    background: #fff;

    opacity: 1;

    margin: 5px;

    position:relative;

    z-index:6;

}

.slider  .swiper-pagination-bullet-active {

    opacity: 1;

    background: #393835;

}

.navbar-toggler{

    display:none;

}

body.bg2 section.sabitler{

    position: fixed;

}

section.sabitler{

    position: absolute;

    bottom: 0px;

    left: 0px;

    right:0px;

    z-index: 5;

}

section.sabitler .yerliuretim{

    position: absolute;

    left: 15px;

    bottom: 15px;

}



body.beyazbg section.sabitler .grilogo,body.bg2 section.sabitler .grilogo{

    display:none;

}

body:not(.beyazbg):not(.bg2) section.sabitler .grilogo{

    position: absolute;

    left: calc(50% - 23px);

    bottom: 15px;

}



section.sabitler .sagkisim>.yetkili{

    display: block;

    position: relative;

    z-index: 1;

    height: 55px;

    overflow: hidden;

}

section.sabitler .sagkisim>.yetkili .icerik{

    overflow: hidden;

    height: 46px;

    display: inline-block;

    transition: 0.3s ease all;

    margin: 3px 3px;

    z-index: 0;

    vertical-align: middle;

    white-space: nowrap;

    width: 0px;

    right: 50px;

}

section.sabitler .sagkisim>.yetkili:hover .icerik{width: 100%;}



section.sabitler .sagkisim>.yetkili .icerik a{

    color: #ffffff;

    padding: 15px 15px;

    font-size: 18px;

    background: #ee1c25;

    font-weight: 600;

    white-space: nowrap;

    text-align: center;

    display: inline-block;



}

@-webkit-keyframes yanipson {

    0%   { background: #ee1c25; }

    50% { background: #231f20; }

    100% { background: #ee1c25; }



}

@-moz-keyframes yanipson {

    0%   { background: #ee1c25; }

    50% { background: #231f20; }

    100% { background: #ee1c25; }

}

@-o-keyframes yanipson {

    0%   { background: #ee1c25; }

    50% { background: #231f20; }

    100% { background: #ee1c25; }

}

@keyframes yanipson {

    0%   { background: #ee1c25; }

    50% { background: #231f20; }

    100% { background: #ee1c25; }

}

section.sabitler .sagkisim>.yetkili:Hover>a{

    -webkit-animation-play-state: paused;

    -moz-animation-play-state: paused;

    -o-animation-play-state: paused;

    animation-play-state: paused;

    background: #ee1c25;

}

section.sabitler .sagkisim>.yetkili:not(:last-child)>a{

    -webkit-animation: yanipson 1s infinite; /* Safari 4+ */

    -moz-animation:    yanipson 1s infinite; /* Fx 5+ */

    -o-animation:      yanipson 1s infinite; /* Opera 12+ */

    animation:         yanipson 1s infinite; /* IE 10+, Fx 29+ */

}

section.sabitler .sagkisim>.yetkili>a{

    background: #ee1c25;

    padding: 5px 2px;

    display: inline-block;

    height: 46px;

    width: 46px;

    vertical-align: middle;

    color:#fff;

    text-align: center;

    margin: 3px 0px;

    position: relative;

    z-index: 3;

}

section.sabitler .sagkisim{

    position: absolute;

    right:15px;

    bottom: 15px;

    /* overflow: hidden; */

    /* width: 500px; */

    text-align: right;

    width: auto;

}



body.beyazbg section.icerik{

    position: relative;

    margin-top: -259px;

}

body:not(.beyazbg) section.icerik{

    position: relative;

    padding-bottom: 376px;

    margin-top: -259px;

    z-index: 3;

}

body:not(.beyazbg) section.icerik:after{

    content: '';

    position: absolute;

    background: url('../img/icerikafter.png') top center no-repeat;

    bottom: 0px;

    left: 0px;

    right: 0px;

    height: 376px;

}

section.icerik .resim{

}

section.icerik .resim.oval{

}



section.icerik h1{

    color:#fff;

    font-weight: 500;

    font-size:23px;

    padding: 5px 0px;

    position: relative;

}

section.icerik h1:Before{

    content: '';

    position: absolute;

    left:0px;

    width: 50px;

    height: 2px;

    background: #fff;

    bottom: 0px;

;

}

#icerik {

    background: #ffffff;

    margin-top: 200px;

    padding: 20px;

}

#icerik  h1:not(.text-center){

    font-size:25px;

    color:#c81215;

    display:block;

    position:relative;

}

#icerik h2{

    font-size:20px;

    color:#c81215;

    display:block;

    position:relative;

    margin:15px 0px;

}

#icerik h2::after {

    content: '';

    position: absolute;

    bottom: -10px;

    width: 50px;

    left: 0px;

    height: 2px;

    background: #000000;

}







#icerik h4{

    font-size:14px;

    color:#c81215;

    display:block;

    position:relative;

}

.tab-pane{

    padding:10px 5px;

}

/*Content CSS */

.ckeditorkaydetbtn{

    position: fixed;

    right: 20px;

    bottom: 20px;

    border-radius: 100%;

    font-size: 50px;

    width: 100px;

    height: 100px;

}

div.editborder {

    border: 3px #ff000026;

    border-style: dotted;

    padding:20px 0px;

}

.customcontent p{

    margin:5px 0px;

    line-height:18px;

    font-size:14px;

}

.customcontent strong {

    font-weight: 600;

}



.customcontent ol>li{

    margin:3px 0px;

}

.customcontent ul>li{

    margin:3px 0px;

}

.customcontent ul {

    list-style-type: circle;

    padding-left: 20px;

}



.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 blockquote{

    position: relative;

    padding: .75rem 1.25rem;

    margin-bottom: 1rem;

    border: 1px solid transparent;

    border-radius: .25rem;

    color: #721c24;

    background-color: #f8d7da;

    border-color: #f5c6cb;

}

.customcontent small {

    font-size: 80%;

    font-weight: 400;

}

.fotogaleri>div {

    margin-bottom:30px;

}

.fotogaleri {

    text-align:center;

    margin-top:20px;

    margin-bottom:20px;

}



.fotogaleri .foto a,.fotogaleri .video a,.fotogaleri .urun a,.fotogaleri .urun a{

    display:block;

}

.fotogaleri  span{

    margin:10px 0px;

    display:block;

}



.fotogaleri .foto a,.fotogaleri .video a,.fotogaleri .urun a,.fotogaleri .urun a{

    border:3px solid transparent;

    position: relative;

    display: block;

}

.fotogaleri .foto:Hover a{

}





.fotogaleri .foto,.fotogaleri .video,.fotogaleri .urun{

    position: relative;

    display: inline-block;

    width: 100%;

}

.fotogaleri .foto:Hover img ,.fotogaleri .video:Hover img,.fotogaleri .urun:Hover img {

    filter: brightness(50%);

}



.fotogaleri .foto img ,.fotogaleri .video img,.fotogaleri .urun img {

    width: 100%;

}





.fotogaleri .foto .hover{

    opacity: 1;

    position: absolute;

    top: calc(50% - 10px);

    width: 100%;

    font-size: 18px;

    color: #fff;

    transition: 0.3s ease all;

    font-weight: 600;

}



.fotogaleri .foto .hover span{

    display: inline-block;

}

.fotogaleri .foto .hover span:nth-child(1){

    border-bottom: 1px solid #ffffff;

    padding-bottom: 10px;

}

.fotogaleri .foto .hover span:nth-child(2){

    font-size: 12px;

    margin: 0px;

    line-height: 17px;

    display:block;

}

.fotogaleri .foto .hover .wpdestek{



    border: 0px !important;

}

.fotogaleri .foto .hover .wpdestek>i{



    background: #4ec149;



    color: #fff;



    padding: 10px;



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



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



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



    border-radius: 100%;



    display: inline;

}

.fotogaleri .foto .hover .wpdestek>span{



    display: inline;



    background: #4ec04a;



    padding: 10px;



    color: #fff;



    border-radius: 4px;



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



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



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

}

.card{



    border:0px;

    border-radius: 2px;

    margin:7px 0px;

    background: transparent;

}

.card .card-header a{

    color: #1a1a1a;

    font-size:12px;

    font-weight: 600;

    text-decoration:none;

    display:block;

    padding: 15px 30px;

    border-radius: 2px;

    background:#ededed;

}

.card .card-header a[aria-expanded=false]::after {

    content: "\f067";

    font-family: FontAwesome;

    background: #ededed;

    padding: 12px;

    position: absolute;

    right: 0px;

    color: #c81316;

    top: 0px;

    bottom: 0px;

    border-top-right-radius: 2px;

    border-bottom-right-radius: 2px;

    min-width: 40px;

    text-align: center;

    font-size: 22px;

    font-weight: 500;

}

.card .card-header a[aria-expanded=true]{

    background:#ededed;

}

.card .card-header a[aria-expanded=true]::after{

    content:"\f068";

    font-family:FontAwesome;

    background:#ededed;

    padding:12px;

    position:absolute;

    right:0px;

    top:0px;

    color:#c81316;

    bottom:0px;

    border-top-right-radius:2px;

    border-bottom-right-radius:2px;

    min-width: 40px;

    text-align:center;

    font-size: 22px;

    font-weight: 500;



}

.card .card-header {

    padding:0px;

    background: #f2f2f2;

    color: #363636;

    border-radius: 2px;

    position:relative;

    border-radius: 2px;

    border: 0px;

}

.card .card-body{

    color:#1a1a1a;

    font-weight:600;

    max-height: 250px;

    line-height:15px;

    font-size:12px;

}

.table {

    width: 100%;

    max-width: 100%;

    margin: 0px;

    background-color: transparent;

}

section.haberler{

}

section.haberler .haber{



}



.haberler .haber{

    margin:15px 0px;

}

.haberler .haber>a{

    display: block;

    text-align: center;

}

.haberler .haber>a>img{

    display: block;

    margin: 0 auto;

    width: 100%;

}

.haberler .haber>a>span{

    color: #000000;

    display: inline-block;

    margin: 0 auto;

    margin-top: 20px;

    font-size: 14px;

    font-weight: 500;

    position: relative;

}

.haberler .haber>a span:before{

    content: '';

    position: absolute;

    left: 0px;

    bottom: -5px;

    height: 2px;

    background-color: #000;

    width: 0px;

    transition: 0.3s all ease;

}



.haberler .haber>a:hover span:before{

    width: 100%;

}

.bloglar .blog h3{

    font-size: 18px;

    color:#000;

    font-weight: 500;

    position: relative;

    padding: 5px 0px;

    margin: 15px 0px;

    display: inline-block;

}

.bloglar .blog p{

    font-size:14px;

    color:#000;

    font-weight: 400;

    line-height: 18px;

}

.bloglar .blog h3:before{

    content: '';

    position: absolute;

    left: 0px;

    bottom: 0px;

    width: 75%;

    background-color: #000000;

    height: 2px;

}

.bloglar .blog .blogicerik{

    padding-top: 40px;

}

.bloglar .blog{

    border:1px solid #fff;

    display: block;

    transition: 0.3s ease all;

}

.bloglar .blog:hover{

    border-bottom: 1px dotted #000000;

    border-top: 1px dotted #000000;

    background-color: rgba(0, 0, 0, 0.1);

}

.bloglar .blog img{

    width: 100%;

}

.sayfalama {

    margin: 10px 0px;

}

.sayfalama span{

    margin: 0 5px;

    font-size:12px;

    color:#000;

    font-weight: 600;

}

.sayfalama a:Hover{

    color:#002e5b;

}

.sayfalama a{

    font-size:12px;

    color:#000;

    font-weight: 600;



}



.sayfalama a>i{

    font-size:17px;

    color:#e30613;

    margin: 0 15px;

}

footer{

    display: none;

}

body.bg2 footer{

    display: block;

    min-height: 330px;

    background: url('../img/footerbg.png') no-repeat top  center;

    padding-top: 270px;

    position: relative;

    z-index: 3;

}

footer .logo{

    display:block;

    margin:0 auto;

    text-align:center;

    margin:10px 0px 30px

}

footer .logo a{



    display:inline;

    position:relative;

}

footer .logo a::after{

    content:'';

    position:absolute;

    bottom:0px;

    width:50%;

    left:calc(50% - 25%);

    height:3px;

    background:#e10004;

}

footer h3{

    font-size:12.3px;

    font-weight:bold;

    margin:5px 0px 15px;

}

footer ul>li{

    margin:7.5px 0px;

}

footer ul>li a{

    display:block;

    font-size:11.5px;

    color:#727272;

}

footer ul>li p a{

    display:inline-block;

    color:#727272;

}

footer ul>li p{

    display:inline-block;

    font-size:11.5px;

    line-height:15px;



}



footer ul>li p b{

    margin-right:5px;



}

footer .copyright{

    font-weight:500;

    font-size:13px;

    text-align:center;

    display:block;

    margin: 20px auto;



}

footer .copyright span{

    position:relative;

    display:inline-block;



}

footer .copyright span::after {

    content: '';

    position: absolute;

    bottom: -13px;

    width: 50%;

    left: calc(50% - 25%);

    height: 3px;

    background: #000000;

}

footer .grilogo{

    margin:0 auto;

    display:block;

    text-align:center;

    margin:30px 0px;

}

section.haberler h2>span {

    position: relative;

    padding: 5px 0px;

}

section.haberler h2 {

    text-align: center;

    font-size: 23px;

    font-weight: 600;

    color: #000;

    padding: 5px 0px;

    margin: 15px 0px;

    display: block;

}

section.haberler h2>span::after {

    content: '';

    position: absolute;

    bottom: 0px;

    width: 50%;

    left: calc(50% - 25%);

    height: 3px;

    background: #000;

}

.urundetay .urunslider1{

    position: relative;

}

.urundetay .urunslider1 .owl-next {

    right: 0px;

}

.urundetay .urunslider1 .owl-prev {

    left: 0px;

}

.urundetay .urunslider1 .owl-next ,.urundetay .urunslider1 .owl-prev {

    position: absolute;

    top: calc(50% - 12.5px);

}

.urundetay .urunslider1 .owl-next span,.urundetay .urunslider1 .owl-prev span{

    color: #fff;

    font-size: 25px;

    background: #b70101;

    padding: 5px 15px 6px !important;

}

.urundetay .urunslider2ust{

    padding: 30px 215px;

}

.urundetay .urunslider2{

    position: relative;



}

.urundetay .urunslider2 .owl-next {

    right: -18px;

}

.urundetay .urunslider2 .owl-prev {

    left: -18px;

}

.urundetay .urunslider2 .owl-next ,.urundetay .urunslider2 .owl-prev {

    position: absolute;

    top: calc(50% - 12.5px);

}

.urundetay .urunslider2 .owl-next span,.urundetay .urunslider2 .owl-prev span{

    color: #fff;

    font-size: 25px;

    background: #b70101;

    padding: 5px 15px 6px !important;

}

.urundetay .nav{

    position: relative;

    background: #b70101;

}

.urundetay .nav-pills .nav-link.active, .nav-pills .show>.nav-link{



    background: #ededed;



    color: #b60101;

}

.urundetay .nav-pills .nav-link{padding: 20px 16px;color: #fff;font-weight: 500;font-size: 16px;border-radius: 0px;text-align: center;}



.urundetay p{

    font-size:14px;

    color:#000;

    font-weight: 400;

    line-height: 18px;



}

form .form-group label{

    color:#231f20;

    font-size: 12px;

    font-weight: 500;

    padding-left: 5px;

    padding-bottom: 5px;

}



form .form-control{

    border:1px solid #e30613;

    border-radius: 20px;

    background: #fcfcfc;

}

form .btn{

    -webkit-border-radius: 2px;

    -moz-border-radius: 2px;

    border-radius: 2px;

}

.iletisimkutu{

    display: flex;

    align-items: center;

    margin: 10px 0px;

}

.iletisimkutu i{font-size: 30px;width: 30px;text-align: center;

    margin-right: 10px;}



.iletisimkutu p {

    color:#2d2a18;

    font-size: 13px;

    font-weight:400;

    line-height: 18px;

}

section.harita{

    height: 1000px;

    width: 100%;

    position: relative;

    margin-top: -350px;

    margin-bottom: -425px;

    z-index: 1;

}

section.harita #harita{

    height: 1000px;

    width: 100%;

}

.teklifalli{

    position: absolute;

    right: 0px;

    animation: yanipson 1s infinite;

    display: inline-block;

}

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

    .table{

    display: block;

    width: 100%;

    overflow: scroll;

}

    .table tbody{

    }

    .table thead{

    }

    .table tr{

    }

    .table tr td{

    }

    .table tr th{

    }

    .slider .swiper-slide .yazi p{

        display: none;

    }

    section.sabitler .yerliuretim img{

        height: 30px;

    }

    section.sabitler .sagkisim>.yetkili {

        display: block;

        position: relative;

        z-index: 1;

        height: 45px;

        overflow: hidden;

    }

    section.sabitler .sagkisim>.yetkili>a {

        background: #ee1c25;

        padding: 5px 2px;

        display: inline-block;

        height: 35px;

        width: 35px;

        vertical-align: middle;

        color: #fff;

        text-align: center;

        margin: 3px 0px;

        position: relative;

        z-index: 3;

    }

    section.sabitler .sagkisim>.yetkili img {



        height: 25px;



    }

    .slider .swiper-slide .yazi {

        height: 100%;

        position: relative;

        width: 100%;

        z-index: 5;

        top: 250px;

    }

    .slider .swiper-slide .urun {

        width: 100%;

        height: 100%;

        background: no-repeat center bottom;

        background-size: auto;

        z-index: 3;

        position: absolute;

        top: 0px;

        right: 0px;

        left: 0px;

        background-size: contain;

        bottom: 0px;

    }

    .slider .swiper-pagination{

        display: none;

    }

    header .ustbar .telefon{

        display: none;

    }

    header .ustbar .mail{

        display: none;

    }

    header .headiconlar{

        -ms-flex: 0 0 100%;

        flex: 0 0 100%;

        max-width: 100%;

    }

    header .navbar-toggler {

        display: block;

        text-align: center;

        color: #322562;

        width: 100%;

        padding: 11px 0px;

        background: #fff;

    }

    footer{

        text-align: center;



    }

    footer:after{

        content: '';

        background-color: #ffffff;

        position: absolute;

        left: 0px;

        right: 0px;

        bottom: 0px;

        top: 50%;

        z-index: -1;

    }

    header .ustmenu #ustmenul>ul>li:first-child {

        padding: 14px 0px;

    }

    header .ustmenu #ustmenul>ul>li {

        padding: 14px 0px;

        float: left;

        position: relative;

        display: block;

        float: none;

    }

    header .ustmenu #ustmenul>ul {

        display: block;

        margin: 0px;

        float: left;

        width: 100%;

        border-radius: 5px;

        text-align: center;

        background: rgba(0, 0, 0, 0.5);

    }

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

        position: relative;

        width: 100%;

        left: 0px;

        right: 0px;

        top: 14px;

        border-radius: 2px;

    }

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

        content: "\f0d8";

        position: absolute;

        font-family: FontAwesome;

        width: 0;

        height: 0;

        right: 33px;

        z-index: 9;

        top: -20px;

        color: #faf8f6;

        font-size: 30px;

        left: 50%;

    }

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

        position: relative;

        width: 100%;

        left: 0px;

        right: 0px;

        top: 14px;

    }

    .urundetay .urunslider2ust {

        padding: 30px 70px;

    }

    #icerik {

        background: #ffffff;

        margin-top: 0px;

        padding: 20px;

    }

    body:not(.beyazbg) section.icerik {

        position: relative;

        padding-bottom: 376px;

        margin-top: -258px;

        padding-top: 140px;

        z-index: 3;

    }

    section.icerik h1 {

        color: #351f20;

        font-weight: 500;

        font-size: 23px;

        padding: 5px 0px;

        position: relative;

    }

    #pills-tab > li{

    display: block;

    width: 100%;

    position: inherit;

}

    #pills-tab > li > a{}

}

@media only screen and (min-width : 480px) and (max-width:579px) {

    section.sabitler .yerliuretim img{

        height: 30px;

    }

    section.sabitler .sagkisim>.yetkili {

        display: block;

        position: relative;

        z-index: 1;

        height: 45px;

        overflow: hidden;

    }

    section.sabitler .sagkisim>.yetkili>a {

        background: #ee1c25;

        padding: 5px 2px;

        display: inline-block;

        height: 35px;

        width: 35px;

        vertical-align: middle;

        color: #fff;

        text-align: center;

        margin: 3px 0px;

        position: relative;

        z-index: 3;

    }

    section.sabitler .sagkisim>.yetkili img {



        height: 25px;



    }

    .slider .swiper-slide .yazi {

        height: 100%;

        position: relative;

        width: 100%;

        z-index: 5;

        top: 250px;

    }

    .slider .swiper-slide .urun {

        width: 100%;

        height: 100%;

        background: no-repeat center bottom;

        background-size: auto;

        z-index: 3;

        position: absolute;

        top: 0px;

        right: 0px;

        left: 0px;

        background-size: contain;

        bottom: 0px;

    }

    header .ustbar .telefon{

        display: none;

    }

    header .ustbar .mail{

        display: none;

    }

    header .headiconlar{

        -ms-flex: 0 0 100%;

        flex: 0 0 100%;

        max-width: 100%;

    }

    header .navbar-toggler {

        display: block;

        text-align: center;

        color: #322562;

        width: 100%;

        padding: 11px 0px;

        background: #fff;

    }

    footer{

        text-align: center;



    }

    footer:after{

        content: '';

        background-color: #ffffff;

        position: absolute;

        left: 0px;

        right: 0px;

        bottom: 0px;

        top: 50%;

        z-index: -1;

    }

    header .ustmenu #ustmenul>ul>li:first-child {

        padding: 14px 0px;

    }

    header .ustmenu #ustmenul>ul>li {

        padding: 14px 0px;

        float: left;

        position: relative;

        display: block;

        float: none;

    }

    header .ustmenu #ustmenul>ul {

        display: block;

        margin: 0px;

        float: left;

        width: 100%;

        border-radius: 5px;

        text-align: center;

        background: rgba(0, 0, 0, 0.5);

    }

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

        position: relative;

        width: 100%;

        left: 0px;

        right: 0px;

        top: 14px;

        border-radius: 2px;

    }

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

        content: "\f0d8";

        position: absolute;

        font-family: FontAwesome;

        width: 0;

        height: 0;

        right: 33px;

        z-index: 9;

        top: -20px;

        color: #faf8f6;

        font-size: 30px;

        left: 50%;

    }

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

        position: relative;

        width: 100%;

        left: 0px;

        right: 0px;

        top: 14px;

    }

    .urundetay .urunslider2ust {

        padding: 30px 70px;

    }

    #icerik {

        background: #ffffff;

        margin-top: 0px;

        padding: 20px;

    }

    body:not(.beyazbg) section.icerik {

        position: relative;

        padding-bottom: 376px;

        margin-top: -258px;

        padding-top: 140px;

        z-index: 3;

    }

    section.icerik h1 {

        color: #351f20;

        font-weight: 500;

        font-size: 23px;

        padding: 5px 0px;

        position: relative;

    }

    #pills-tab > li{}

    #pills-tab > li > a{}

}

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

    header .ustbar .telefon{

        display: none;

    }

    header .ustbar .mail{

        display: none;

    }

    header .headiconlar{

        -ms-flex: 0 0 100%;

        flex: 0 0 100%;

        max-width: 100%;

    }

    header .navbar-toggler{

        display: block;

        text-align: center;

        color: #fff;

        width: 100%;

        padding: 11px 0px;

    }

    footer{

        text-align: center;



    }

    footer:after{

        content: '';

        background-color: #ffffff;

        position: absolute;

        left: 0px;

        right: 0px;

        bottom: 0px;

        top: 50%;

        z-index: -1;

    }

    header .ustmenu #ustmenul>ul>li:first-child {

        padding: 14px 0px;

    }

    header .ustmenu #ustmenul>ul>li {

        padding: 14px 0px;

        float: left;

        position: relative;

        display: block;

        float: none;

    }

    header .ustmenu #ustmenul>ul {

        display: block;

        margin: 0px;

        float: left;

        width: 100%;

        border-radius: 5px;

        text-align: center;

        background: rgba(0, 0, 0, 0.5);

    }

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

        position: relative;

        width: 100%;

        left: 0px;

        right: 0px;

        top: 14px;

        border-radius: 2px;

    }

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

        content: "\f0d8";

        position: absolute;

        font-family: FontAwesome;

        width: 0;

        height: 0;

        right: 33px;

        z-index: 9;

        top: -20px;

        color: #faf8f6;

        font-size: 30px;

        left: 50%;

    }

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

        position: relative;

        width: 100%;

        left: 0px;

        right: 0px;

        top: 14px;

    }

    .urundetay .urunslider2ust {

        padding: 30px 70px;

    }

}

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

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

        color: #fff;

        font-weight: 500;

        font-size: 11px;

        padding: 5px 0px;

        font-weight: 500;

        position: relative;

    }

    header .ustmenu #ustmenul>ul>li {

        padding: 14px 3px;

        float: left;

        position: relative;

    }

    header .ustmenu #ustmenul>ul>li:first-child {

        padding: 14px 3Px 14px 0px;

    }

    .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: 0px;

        margin-bottom: 7px;

    }

}

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

    header .ustmenu #ustmenul>ul>li {

        padding: 14px 8px;

        float: left;

        position: relative;

    }

    header .ustmenu #ustmenul>ul>li:first-child {

        padding: 14px 8Px 14px 0px;

    }

}

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



}