body {margin:0px;-webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;background-size: cover;}
p {margin:0px;padding:0px;font-family: 'Poppins', sans-serif;color: #424642;font-size: 13px;font-weight: 600;line-height: 18px;}
a {margin:0px;padding:0px;text-decoration:none;color:inherit}
div {margin:0px;padding:0px;}
input {font-family: 'Rubik', sans-serif;color: #828482;font-size: 14px;font-weight: 600;height: 34px;width: 270px;border: 1px solid #a79797;border-radius: 3px;}
select {font-family: 'Rubik', sans-serif;color: #828482;font-size: 14px;font-weight: 600;height: 36px;width: 278px;border: 1px solid #a79797;border-radius: 3px;}
form{margin:0px}
.gizlendi {display:none !important}
.goster {display:table-row !important}
h3{font-family: 'Rubik', sans-serif;color: #29292c;font-weight: 500;padding-top: 3px;font-size:15px;margin:0px;}
@-webkit-keyframes fadeIn { to {   opacity: 1; }}
@keyframes fadeIn {to { opacity: 1; }}
.fade-in {
  -webkit-animation: fadeIn .9s ease-in 1 forwards;
  animation: fadeIn .9s ease-in 1 forwards;
  opacity: 0;
}
.kur2 {
    border: 0px;
    color: #393636;
    font-size: 9px;
    padding-right: 0px;
    font-family: "Lexend Zetta", sans-serif;
    font-optical-sizing: initial;
    font-weight: 400;
    width: 33px;
    height: 23px;
    font-size: 10px;
    font-family: "Lexend Zetta", sans-serif !important;
    font-weight: 800;
    /* text-indent: 41px !important; */
    /* text-transform: uppercase; */
    /* font-family: "Lexend Zetta", sans-serif; */
    /* font-optical-sizing: initial; */
    font-weight: 400;
    /* font-style: revert-layer; */
    color: #4d4949;
    font-size: 8.5px;
    padding-right: 0px;
}
 .fluac {
	 width:100%;
	 height:100%;
	 position:fixed;
	 background: #fefefed4;
	 z-index:8888;
	 filter: blur(4px);
	 backdrop-filter: blur(1px);
	 opacity:0;
	 display: none;
	}
.fkekle {opacity:1};
	
.logogizli {
    position: absolute;
    top: 16px;
    left: 12px;
    /* display: none; */
    transition: 0.1s;
    opacity: 0;
}
.ustalan23x {
    position: absolute;
}
.logogizli {
    display: none !important;
    transition: 1s;
    opacity: 0;
    position: absolute;
    padding-left: 10px;
    padding-top: 6px;
}
.logoac {
    display: block !important;
    transition: 0.4s;
    opacity: 1;
}
.yerlestir {
    position: fixed !important;
    z-index: 999999999;
    width: 104px !important;
    height: 0px;
    top: -20px;
    right: 7px;
}
.sticky {
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 999;
    border-bottom: 1px solid #CCC;
    box-shadow: #736565 2px 2px 6px -2px;
    padding-top: 5px;
    padding-bottom: 5px;
}
.altpop {
    float: left;
    width: 100%;
    text-align: left;
    padding-left: 22px;
    font-family: 'Marcellus SC', sans-serif;
    color: #4f4949;
    font-weight: 600;
    font-size: 16px;
    line-height: 23px;
}
.urunlist {margin: 0 auto !important;height: 185px;width: auto;display: inline-flex;}
.urunlistic {
    width: 140px;
    height: 171px;
    float: left;
    margin: 3px;
}

.urunlist2 {margin: 0 auto !important;height: 228px;/* margin-bottom: 354px !important; */left: 0;position: relative;display: inline-flex;width: 1088px;}
.urunlistic2 {
    width: 116px;
    height: 200px;
    float: left;
    width: 140px;
    height: 151px;
    float: left;
    margin: 3px;
    display: inline-flex;
}

.kalan {
    float: left;
    position: relative;
}
.kalan  .ustc2 {
	    color: #2c2c2c;
	    font-size: 12px;
	    padding-right: 0px;
	    text-indent: 41px !important;
	    /* text-transform: uppercase; */
	    font-family: "Lexend Zetta", sans-serif;
	    font-optical-sizing: initial;
	    font-weight: 500;
	    font-style: revert-layer;
	    margin-left: 4px;
	    border-bottom: 2px solid #e2b4a500;
	    transition:0.3s;
}
	.kalan  .ustc2:hover {
	border-bottom: 2px solid #E2B4A5;
	padding-bottom: 1px;
		transition:0.3s;
	}
.kalan  .ustc31 {
    width: 23px;
    height: 21px;
    position: absolute;
    background: url(Resimler/uststun.png) no-repeat -13px -18px;
    z-index: 9999;
}
.kalan  .ustc32 {
    width: 23px;
    height: 21px;
    position: absolute;
    background: url(Resimler/uststun.png) no-repeat -46px -19px;
    left: 25px;
    }
.kalan  .ustc33 {
    width: 23px;
    height: 21px;
    position: absolute;
    background: url(Resimler/uststun.png) no-repeat -80px -18px;
    left: 49px;
    } 
.TabbedPanels,.TabbedPanelsTabGroup
{
	    margin:0;
	    padding:0;
	    /* background-color:#FFF */
	    text-indent: 11px;
	    /* text-indent: -22.5px; */
	    }
.TabbedPanels
{float:left;clear:none;width: 100%;overflow: hidden;position: relative;z-index: 66;}
.TabbedPanelsTab
{position:relative;top:1px;float: left;font-family: 'Rajdhani', sans-serif;font-size: 14px;padding: 10px 15px;margin:0 1px 0 0;font-weight: 600;list-style:none;border-left:solid 1px #CCC;border-bottom:solid 1px #999;border-top:solid 1px #999;border-right:solid 1px #999;-moz-user-select:none;-khtml-user-select:none;cursor:pointer;color:#000;line-height: 26px;font-family: 'Exo 2', sans-serif;color: #343533;font-weight: 700;font-size: 14px;text-transform: uppercase;}
.TabbedPanelsContentGroup,.VTabbedPanels .TabbedPanelsTabGroup
{
border-bottom:solid 0 #CCC;
border-left:solid 0 #CCC;
border-top:solid 0 #999
}
.TabbedPanelsTabHover
{
background-color:#444;
color:#FFF
}
.TabbedPanelsTabSelected
{background-color: #e2b4a5;border-bottom: 1px solid #fff;color: #514a4a;text-shadow: 1px 0px 3px #ffffff;}
.TabbedPanelsTab a
{
color:#000;
text-decoration:none
	font-family: Open Sans;
		font-size: 13px;
}
.TabbedPanelsContentGroup
{clear:both;background-color: #fdf7f7;border: 1px solid #CCC;display: table;width: 100%;}
.TabbedPanelsContent
{
padding:5px
}
.VTabbedPanels .TabbedPanelsTabGroup
{
float:left;
background-color:#EEE;
position:relative;
border-right:solid 0 #999
}
.VTabbedPanels .TabbedPanelsTab
{
float:none;
margin:0;
border-top:none;
border-left:none;
border-right:none
}
.VTabbedPanels .TabbedPanelsTabSelected
{
background-color:#EEE;
border-bottom:solid 1px #999
}
.VTabbedPanels .TabbedPanelsContentGroup
{
clear:none;
float:left;
padding:0;
width:30em;
height:20em
}



 #hesapno {}
 #hesapno #hesapnoic{
    border: 1px solid #CCC;
    margin: 7px;
    padding: 8px;
    width: 90%;
    float: left;
}
 #hesapno #hesapnoic #bsx{
    width: 100%;
    float: left;
    border-bottom: 1px solid #CCC;
}
 #hesapno #hesapnoic p.hnp{
    width: 94%;
    background: #4c6665;
    color: #FFFFFF;
    padding: 8px;
}
 #hesapno #hesapnoic #bsl{
    width: 27%;
    float: left;
    text-align: right;
    padding-right: 8px;
}
 #hesapno #hesapnoic #bsl p{
    line-height: 26px;
    font-family: 'Cairo', sans-serif;
    color: #343533;
    font-weight: 600;
    font-size: 14px;
}
 #hesapno #hesapnoic #bsr {
    width: 69%;
    float: left;
}
 #hesapno #hesapnoic #bsr p{
 line-height: 25px;
 font-family: 'Cairo', sans-serif;
 color: #343533;
 font-weight: 600;
 font-size: 14px;
}
/*
Cairo
Marcellus
Marcellus SC
Montserrat
PT Serif
Pacifico
Poppins
Rubik
Saira Condensed
Saira Semi Condensed
Spectral SC
Spectral
Squada One
*/
 

p.ga1 {
    font-family: 'Marcellus SC', sans-serif;
    color: #ffffff;
    font-size: 19px;
    font-weight: 600;
    line-height: 21px;
    position: absolute;
    bottom: 60px;
    text-align: center;
    width: 442px;
}
.no-js #loader { display: none;  }
.js #loader { display: block; position: absolute; left: 100px; top: 0; }
.se-pre-con {
	position: fixed;
	left: 0px;
	opacity:0.95;
	width: 100%; 
	height: 100%;
	z-index: 999999999999999;
	background: url(Resimler/Preloader_8.gif) center no-repeat #161616;
}
.dt {
    line-height: 25px;
    font-size: 14px;
    margin-right: 55px;
}
.dty {
    /* border: 1px solid #CCC; */
    margin: 0px 7px 0px 6px;
    width: 1017px !important;
    margin: 0 auto !important;
}
.dty a{font-size: 9px  !important;font-family: 'Marcellus SC', sans-serif !important;color: #4f4949;font-weight: 800 !important;font-size: 10px !important;line-height: 16px;transform: scale(1, 1) !important;}
.dty img {
    width: 142px;
    border: 1px solid #e7e7e7;
}
.urunloading {
width:100px !important;
height: 100px !important;
	padding:20px;
margin:2px;
}

.icerde {
    font-family: 'Marcellus SC', sans-serif !important;
    color: #4f4949;
    font-weight: 800 !important;
    font-size: 11px !important;
    line-height: 23px;
    transform: scale(1, 1)  !important;
}
h2{
    font-family: 'Rubik', sans-serif;
    color: #515151;
    font-weight: 600;
    font-size: 17px;
}
.qralan {width:350px; margin:0 auto}
h4{
    font-family: 'Rubik', sans-serif;
    color: #515151;
    font-weight: 600;
    font-size: 17px;
}
.byazi {
color: #870606 !important;
    font-weight: 500 !important;
    background: url(Resimler/yldz.png) no-repeat 7px 7px !important;
    padding-left: 29px !important;
    text-transform: uppercase;
}
.yah {
    font-family: 'Saira Condensed', sans-serif;
    color: #a9a9a9;
    font-weight: 600;
    font-size: 13px;
    }
.sabit {
    width: 100%;
    float: left;
    height: auto;
}
.ilkler:first-child {
    background: #4d646b;
    color: #ffffff;
}

.anticochain {
    width: 100%;
    overflow: hidden;
}
.ayarsecim {
    width: auto;
    float: left;
    border: 1px solid #CCC;
    padding: 10px;
    color: #6D5A5A;
    font-family: 'Poppins', sans-serif;
    font-size: 15px;
    font-weight: 600;
    line-height: 16px;
    margin-right: 2px;
    cursor: pointer;
    text-align: center;
}
.ayarsecim:hover {
    background: #4d646b;
    color: #FFF;
}
.secildi {background: #4a646b;color: #FFFFFF;}
.sweet-alert,
.sweet-overlay {
    position: fixed;
    display: none
}
.sweet-overlay {
    background-color: #000;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";
    background-color: rgba(0, 0, 0, 0.69);
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 10000;
}
.sweet-alert {
    background-color: #fff;
    font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
    width: 478px;
    padding: 17px;
    border-radius: 5px;
    text-align: center;
    left: 50%;
    top: 50%;
    margin-left: -256px;
    margin-top: -200px;
    overflow: hidden;
    z-index: 99999;
}
@media all and (max-width: 540px) {
    .sweet-alert {
        width: auto;
        margin-left: 0;
        margin-right: 0;
        left: 15px;
        right: 15px
    }
}
.sweet-alert h2 {
    color: #575757;
    font-size: 24px;
    text-align: center;
    font-weight: 600;
    text-transform: none;
    position: relative;
    margin: 15px 0 25px;
    padding: 0 4px 4px;
    line-height: 5px;
    display: block;
}
.sweet-alert a,
.sweet-alert p {
    text-align: inherit;
    margin: 0;
    line-height: normal;
    position: relative;
    float: none
}
.sweet-alert p {
    color: #797979;
    font-size: 18px;
    font-weight: 300;
    padding: 0;
    font-family: 'Rajdhani', sans-serif;
    font-weight: 600;
}
.sweet-alert a {
    color: #FFF;
    font-size: 13px;
    font-weight: 600;
    background-color: #795548;
    border-radius: 5px;
    padding: 9px;
    border: 1px solid #CCC;
    font-family: 'Rajdhani', sans-serif;
}
.sweet-alert fieldset {
    border: none;
    position: relative
}
.sweet-alert .sa-error-container {
    background-color: #f1f1f1;
    margin-left: -17px;
    margin-right: -17px;
    margin-top: 5px;
    overflow: hidden;
    padding: 0 10px;
    max-height: 0;
    webkit-transition: padding .15s, max-height .15s;
    transition: padding .15s, max-height .15s;
}
.sweet-alert .sa-error-container.show {
    padding: 10px 0;
    max-height: 100px;
    webkit-transition: padding .2s, max-height .2s;
    transition: padding .25s, max-height .25s
}
.sweet-alert .sa-error-container .icon {
    display: inline-block;
    width: 24px;
    height: 24px;
    border-radius: 50%;
    background-color: #ea7d7d;
    color: #fff;
    line-height: 24px;
    text-align: center;
    margin-right: 3px
}
.sweet-alert .sa-error-container p {
    display: inline-block
}
.sweet-alert .sa-input-error {
    position: absolute;
    top: 29px;
    right: 26px;
    width: 20px;
    height: 20px;
    opacity: 0;
    -webkit-transform: scale(.5);
    transform: scale(.5);
    -webkit-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    -webkit-transition: all .1s;
    transition: all .1s
}
.sweet-alert .sa-input-error::after,
.sweet-alert .sa-input-error::before {
    content: "";
    width: 20px;
    height: 6px;
    background-color: #f06e57;
    border-radius: 3px;
    position: absolute;
    top: 50%;
    margin-top: -4px;
    left: 50%;
    margin-left: -9px
}
.sweet-alert .sa-input-error::before {
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg)
}
.sweet-alert .sa-input-error::after {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg)
}
.sweet-alert .sa-input-error.show {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1)
}
.sweet-alert input {
    width: 100%;
    box-sizing: border-box;
    border-radius: 3px;
    border: 1px solid #d7d7d7;
    height: 43px;
    margin-top: 10px;
    margin-bottom: 17px;
    font-size: 18px;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .06);
    padding: 0 12px;
    display: none;
    -webkit-transition: all .3s;
    transition: all .3s
}
.sweet-alert input:focus {
    outline: 0;
    box-shadow: 0 0 3px #c4e6f5;
    border: 1px solid #b4dbed
}
.sweet-alert input:focus::-moz-placeholder {
    transition: opacity .3s 30ms ease;
    opacity: .5
}
.sweet-alert input:focus:-ms-input-placeholder {
    transition: opacity .3s 30ms ease;
    opacity: .5
}
.sweet-alert input:focus::-webkit-input-placeholder {
    transition: opacity .3s 30ms ease;
    opacity: .5
}
.sweet-alert input::-moz-placeholder {
    color: #bdbdbd
}
.sweet-alert input:-ms-input-placeholder {
    color: #bdbdbd
}
.sweet-alert input::-webkit-input-placeholder {
    color: #bdbdbd
}
.sweet-alert.show-input input {
    display: block
}
.sweet-alert .sa-confirm-button-container {
    display: inline-block;
    position: relative
}
.sweet-alert .la-ball-fall {
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -27px;
    margin-top: 4px;
    opacity: 0;
    visibility: hidden
}
.sweet-alert button {
    background-color: #8CD4F5;
    color: #fff;
    border: none;
    box-shadow: none;
    font-size: 15px;
    font-weight: 500;
    -webkit-border-radius: 4px;
    border-radius: 5px;
    padding: 10px 32px;
    margin: 7px 5px 0;
    cursor: pointer;
}
.sweet-alert button:focus {
    outline: 0;
    box-shadow: 0 0 2px rgba(128, 179, 235, .5), inset 0 0 0 1px rgba(0, 0, 0, .05)
}
.sweet-alert button:hover {
    background-color: #7ecff4
}
.sweet-alert button:active {
    background-color: #5dc2f1
}
.sweet-alert button.cancel {
    background-color: #090;
}
.sweet-alert button.cancel:hover {
    background-color: #F90
}
.sweet-alert button.cancel:active {
    background-color: #a8a8a8
}
.sweet-alert button.cancel:focus {
    box-shadow: rgba(197, 205, 211, .8) 0 0 2px, rgba(0, 0, 0, .0470588) 0 0 0 1px inset!important
}
.sweet-alert button[disabled] {
    opacity: .6;
    cursor: default
}
.sweet-alert button.confirm[disabled] {
    color: transparent
}
.sweet-alert button.confirm[disabled]~.la-ball-fall {
    opacity: 1;
    visibility: visible;
    transition-delay: 0s
}
.sweet-alert button::-moz-focus-inner {
    border: 0
}
.sweet-alert[data-has-cancel-button=false] button {
    box-shadow: none!important
}
.sweet-alert[data-has-confirm-button=false][data-has-cancel-button=false] {
    padding-bottom: 40px
}
.sweet-alert .sa-icon {
    width: 80px;
    height: 80px;
    border: 4px solid gray;
    -webkit-border-radius: 40px;
    border-radius: 50%;
    margin: 20px auto;
    padding: 0;
    position: relative;
    box-sizing: content-box
}
.sweet-alert .sa-icon.sa-error {
    border-color: #F27474
}
.sweet-alert .sa-icon.sa-error .sa-x-mark {
    position: relative;
    display: block
}
.sweet-alert .sa-icon.sa-error .sa-line {
    position: absolute;
    height: 5px;
    width: 47px;
    background-color: #F27474;
    display: block;
    top: 37px;
    border-radius: 2px
}
.sweet-alert .sa-icon.sa-error .sa-line.sa-left {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    left: 17px
}
.sweet-alert .sa-icon.sa-error .sa-line.sa-right {
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    right: 16px
}
.sweet-alert .sa-icon.sa-warning {
    border-color: #F8BB86
}
.sweet-alert .sa-icon.sa-warning .sa-body {
    position: absolute;
    width: 5px;
    height: 47px;
    left: 50%;
    top: 10px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    margin-left: -2px;
    background-color: #F8BB86
}
.sweet-alert .sa-icon.sa-warning .sa-dot {
    position: absolute;
    width: 7px;
    height: 7px;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    margin-left: -3px;
    left: 50%;
    bottom: 10px;
    background-color: #F8BB86
}
.sweet-alert .sa-icon.sa-info::after,
.sweet-alert .sa-icon.sa-info::before {
    content: "";
    background-color: #C9DAE1;
    position: absolute
}
.sweet-alert .sa-icon.sa-info {
    border-color: #C9DAE1
}
.sweet-alert .sa-icon.sa-info::before {
    width: 5px;
    height: 29px;
    left: 50%;
    bottom: 17px;
    border-radius: 2px;
    margin-left: -2px
}
.sweet-alert .sa-icon.sa-info::after {
    width: 7px;
    height: 7px;
    border-radius: 50%;
    margin-left: -3px;
    top: 19px
}
.sweet-alert .sa-icon.sa-success {
    border-color: #A5DC86
}
.sweet-alert .sa-icon.sa-success::after,
.sweet-alert .sa-icon.sa-success::before {
    content: '';
    position: absolute;
    width: 60px;
    height: 120px;
    background: #fff
}
.sweet-alert .sa-icon.sa-success::before {
    -webkit-border-radius: 120px 0 0 120px;
    border-radius: 120px 0 0 120px;
    top: -7px;
    left: -33px;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    -webkit-transform-origin: 60px 60px;
    transform-origin: 60px 60px
}
.sweet-alert .sa-icon.sa-success::after {
    -webkit-border-radius: 0 120px 120px 0;
    border-radius: 0 120px 120px 0;
    top: -11px;
    left: 30px;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    -webkit-transform-origin: 0 60px;
    transform-origin: 0 60px
}
.sweet-alert .sa-icon.sa-success .sa-placeholder {
    width: 80px;
    height: 80px;
    border: 4px solid rgba(165, 220, 134, .2);
    -webkit-border-radius: 40px;
    border-radius: 50%;
    box-sizing: content-box;
    position: absolute;
    left: -4px;
    top: -4px;
    z-index: 2
}
.sweet-alert .sa-icon.sa-success .sa-fix {
    width: 5px;
    height: 90px;
    background-color: #fff;
    position: absolute;
    left: 28px;
    top: 8px;
    z-index: 1;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg)
}
.sweet-alert .sa-icon.sa-success .sa-line {
    height: 5px;
    background-color: #A5DC86;
    display: block;
    border-radius: 2px;
    position: absolute;
    z-index: 2
}
.sweet-alert .sa-icon.sa-success .sa-line.sa-tip {
    width: 25px;
    left: 14px;
    top: 46px;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg)
}
.sweet-alert .sa-icon.sa-success .sa-line.sa-long {
    width: 47px;
    right: 8px;
    top: 38px;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg)
}
.sweet-alert .sa-icon.sa-custom {
    background-size: contain;
    border-radius: 0;
    border: none;
    background-position: center center;
    background-repeat: no-repeat
}
@-webkit-keyframes showSweetAlert {
    0% {
        transform: scale(.7);
        -webkit-transform: scale(.7)
    }
    45% {
        transform: scale(1.05);
        -webkit-transform: scale(1.05)
    }
    80% {
        transform: scale(.95);
        -webkit-transform: scale(.95)
    }
    100% {
        transform: scale(1);
        -webkit-transform: scale(1)
    }
}
@keyframes showSweetAlert {
    0% {
        transform: scale(.7);
        -webkit-transform: scale(.7)
    }
    45% {
        transform: scale(1.05);
        -webkit-transform: scale(1.05)
    }
    80% {
        transform: scale(.95);
        -webkit-transform: scale(.95)
    }
    100% {
        transform: scale(1);
        -webkit-transform: scale(1)
    }
}
@-webkit-keyframes hideSweetAlert {
    0% {
        transform: scale(1);
        -webkit-transform: scale(1)
    }
    100% {
        transform: scale(.5);
        -webkit-transform: scale(.5)
    }
}
@keyframes hideSweetAlert {
    0% {
        transform: scale(1);
        -webkit-transform: scale(1)
    }
    100% {
        transform: scale(.5);
        -webkit-transform: scale(.5)
    }
}
@-webkit-keyframes slideFromTop {
    0% {
        top: 0
    }
    100% {
        top: 50%
    }
}
@keyframes slideFromTop {
    0% {
        top: 0
    }
    100% {
        top: 50%
    }
}
@-webkit-keyframes slideToTop {
    0% {
        top: 50%
    }
    100% {
        top: 0
    }
}
@keyframes slideToTop {
    0% {
        top: 50%
    }
    100% {
        top: 0
    }
}
@-webkit-keyframes slideFromBottom {
    0% {
        top: 70%
    }
    100% {
        top: 50%
    }
}
@keyframes slideFromBottom {
    0% {
        top: 70%
    }
    100% {
        top: 50%
    }
}
@-webkit-keyframes slideToBottom {
    0% {
        top: 50%
    }
    100% {
        top: 70%
    }
}
@keyframes slideToBottom {
    0% {
        top: 50%
    }
    100% {
        top: 70%
    }
}
.showSweetAlert[data-animation=pop] {
    -webkit-animation: showSweetAlert .3s;
    animation: showSweetAlert .3s
}
.showSweetAlert[data-animation=none] {
    -webkit-animation: none;
    animation: none
}
.showSweetAlert[data-animation=slide-from-top] {
    -webkit-animation: slideFromTop .3s;
    animation: slideFromTop .3s
}
.showSweetAlert[data-animation=slide-from-bottom] {
    -webkit-animation: slideFromBottom .3s;
    animation: slideFromBottom .3s
}
.hideSweetAlert[data-animation=pop] {
    -webkit-animation: hideSweetAlert .2s;
    animation: hideSweetAlert .2s
}
.hideSweetAlert[data-animation=none] {
    -webkit-animation: none;
    animation: none
}
.hideSweetAlert[data-animation=slide-from-top] {
    -webkit-animation: slideToTop .4s;
    animation: slideToTop .4s
}
.hideSweetAlert[data-animation=slide-from-bottom] {
    -webkit-animation: slideToBottom .3s;
    animation: slideToBottom .3s
}
@-webkit-keyframes animateSuccessTip {
    0%, 54% {
        width: 0;
        left: 1px;
        top: 19px
    }
    70% {
        width: 50px;
        left: -8px;
        top: 37px
    }
    84% {
        width: 17px;
        left: 21px;
        top: 48px
    }
    100% {
        width: 25px;
        left: 14px;
        top: 45px
    }
}
@keyframes animateSuccessTip {
    0%, 54% {
        width: 0;
        left: 1px;
        top: 19px
    }
    70% {
        width: 50px;
        left: -8px;
        top: 37px
    }
    84% {
        width: 17px;
        left: 21px;
        top: 48px
    }
    100% {
        width: 25px;
        left: 14px;
        top: 45px
    }
}
@-webkit-keyframes animateSuccessLong {
    0%, 65% {
        width: 0;
        right: 46px;
        top: 54px
    }
    84% {
        width: 55px;
        right: 0;
        top: 35px
    }
    100% {
        width: 47px;
        right: 8px;
        top: 38px
    }
}
@keyframes animateSuccessLong {
    0%, 65% {
        width: 0;
        right: 46px;
        top: 54px
    }
    84% {
        width: 55px;
        right: 0;
        top: 35px
    }
    100% {
        width: 47px;
        right: 8px;
        top: 38px
    }
}
@-webkit-keyframes rotatePlaceholder {
    0%, 5% {
        transform: rotate(-45deg);
        -webkit-transform: rotate(-45deg)
    }
    100%,
    12% {
        transform: rotate(-405deg);
        -webkit-transform: rotate(-405deg)
    }
}
@keyframes rotatePlaceholder {
    0%, 5% {
        transform: rotate(-45deg);
        -webkit-transform: rotate(-45deg)
    }
    100%,
    12% {
        transform: rotate(-405deg);
        -webkit-transform: rotate(-405deg)
    }
}
.animateSuccessTip {
    -webkit-animation: animateSuccessTip .75s;
    animation: animateSuccessTip .75s
}
.animateSuccessLong {
    -webkit-animation: animateSuccessLong .75s;
    animation: animateSuccessLong .75s
}
.sa-icon.sa-success.animate::after {
    -webkit-animation: rotatePlaceholder 4.25s ease-in;
    animation: rotatePlaceholder 4.25s ease-in
}
@-webkit-keyframes animateErrorIcon {
    0% {
        transform: rotateX(100deg);
        -webkit-transform: rotateX(100deg);
        opacity: 0
    }
    100% {
        transform: rotateX(0);
        -webkit-transform: rotateX(0);
        opacity: 1
    }
}
@keyframes animateErrorIcon {
    0% {
        transform: rotateX(100deg);
        -webkit-transform: rotateX(100deg);
        opacity: 0
    }
    100% {
        transform: rotateX(0);
        -webkit-transform: rotateX(0);
        opacity: 1
    }
}
.animateErrorIcon {
    -webkit-animation: animateErrorIcon .5s;
    animation: animateErrorIcon .5s
}
@-webkit-keyframes animateXMark {
    0%, 50% {
        transform: scale(.4);
        -webkit-transform: scale(.4);
        margin-top: 26px;
        opacity: 0
    }
    80% {
        transform: scale(1.15);
        -webkit-transform: scale(1.15);
        margin-top: -6px
    }
    100% {
        transform: scale(1);
        -webkit-transform: scale(1);
        margin-top: 0;
        opacity: 1
    }
}
@keyframes animateXMark {
    0%, 50% {
        transform: scale(.4);
        -webkit-transform: scale(.4);
        margin-top: 26px;
        opacity: 0
    }
    80% {
        transform: scale(1.15);
        -webkit-transform: scale(1.15);
        margin-top: -6px
    }
    100% {
        transform: scale(1);
        -webkit-transform: scale(1);
        margin-top: 0;
        opacity: 1
    }
}
.animateXMark {
    -webkit-animation: animateXMark .5s;
    animation: animateXMark .5s
}
@-webkit-keyframes pulseWarning {
    0% {
        border-color: #F8D486
    }
    100% {
        border-color: #F8BB86
    }
}
@keyframes pulseWarning {
    0% {
        border-color: #F8D486
    }
    100% {
        border-color: #F8BB86
    }
}
.pulseWarning {
    -webkit-animation: pulseWarning .75s infinite alternate;
    animation: pulseWarning .75s infinite alternate
}
@-webkit-keyframes pulseWarningIns {
    0% {
        background-color: #F8D486
    }
    100% {
        background-color: #F8BB86
    }
}
@keyframes pulseWarningIns {
    0% {
        background-color: #F8D486
    }
    100% {
        background-color: #F8BB86
    }
}
.pulseWarningIns {
    -webkit-animation: pulseWarningIns .75s infinite alternate;
    animation: pulseWarningIns .75s infinite alternate
}
@-webkit-keyframes rotate-loading {
    0% {
        transform: rotate(0)
    }
    100% {
        transform: rotate(360deg)
    }
}
@keyframes rotate-loading {
    0% {
        transform: rotate(0)
    }
    100% {
        transform: rotate(360deg)
    }
}
.sweet-alert .sa-icon.sa-error .sa-line.sa-left {
    -ms-transform: rotate(45deg)\9
}
.sweet-alert .sa-icon.sa-error .sa-line.sa-right {
    -ms-transform: rotate(-45deg)\9
}
.sweet-alert .sa-icon.sa-success {
    border-color: transparent\9
}
.sweet-alert .sa-icon.sa-success .sa-line.sa-tip {
    -ms-transform: rotate(45deg)\9
}
.sweet-alert .sa-icon.sa-success .sa-line.sa-long {
    -ms-transform: rotate(-45deg)\9
}

.stellarnav { position: relative; width: 100%; z-index: 9900; line-height: normal; }
.stellarnav a { color: #777; }
.stellarnav ul {margin: 0;padding: 0;/* text-align: center; *//* display: block !important; */}
.stellarnav li {list-style: none;display: block;margin: 0;padding: 0;/* position: relative; */line-height: normal;vertical-align: middle;/* border-right: 0px solid #E2B4A5; */padding: 9px 0px 4px 0px;text-align: center;margin: 0px 7px 0px 6px;}
.stellarnav li a {display: block;text-decoration: none;color: #464343;/* font-size: inherit; */font-family: inherit;box-sizing: border-box;-webkit-transition: all .3s ease-out;-moz-transition: all .3s ease-out;transition: all .3s ease-out;transform: scale(0.9, 1);}

/* main level */
.stellarnav > ul > li {display: inline-block;border-bottom: 3px solid #ffffff;}
.stellarnav > ul > li:hover {border-bottom: 3px solid #E2B4A5;font-weight: 600;transition: 1s;}

.stellarnav > ul > li > a {
}

/* first level dd */
.stellarnav ul ul {top: 42px;left: 0;width: 100%;/* height: 40%; */position: absolute;z-index: 9900;text-align: left;display: none;background: #ddd;border-left: 1px solid #CCC;border-right: 1px solid #CCC;border-bottom: 1px solid #CCC;border-top: 0px !important;box-shadow: #CCC 1px 2px 10px 0px;}
.stellarnav li li {/* display: block; *//* border-bottom: 1px solid #cbc0c0; */padding: 1px;padding-left: 0px;width: 136px;/* float: left; */margin: 4px 4px 4px 4px;border-top: 1px solid #000000;padding-top: 15px;height: 416px;}
.stellarnav li li:hover {
}

/* second level dd */
.stellarnav ul ul ul { top: 0; /* dd animtion - change to auto to remove */ left: 220px; }
.stellarnav > ul > li:hover > ul > li:hover > ul { opacity: 1; visibility: visible; top: 0; }

/* .drop-left */
.stellarnav > ul > li.drop-left > ul { right: 0; }
.stellarnav li.drop-left ul ul { left: auto; right: 220px; }

/* light theme */
.stellarnav.light { background: rgba(255, 255, 255, 1); }
.stellarnav.light a { color: #000; }
.stellarnav.light ul ul { background: rgba(255, 255, 255, 1); }
.stellarnav.light li a { color: #000; }

/* dark theme */
.stellarnav.dark {}
.stellarnav.dark a {color: #FFF;}
.stellarnav.dark ul ul {background: rgb(255 254 254);}
.stellarnav.dark li a {color: #FFF;text-decoration: none;font-family: 'Marcellus SC', sans-serif;color: #464343;font-size: 12.5px;/* padding-left: 19px; */padding-right: 0px;text-transform: uppercase;font-family: "Lexend Zetta", sans-serif;/* font-optical-sizing: initial; */font-weight: 400;/* font-style: revert; */text-indent: 0px;}
/* sticky nav */
.stellarnav.fixed { position: fixed; width: 100%; top: 0; left: 0; z-index: 9999; }

/* only used when 'scrollbarFix' is set to true in the js. This fixes horizontal scrollbar caused by the dd menus that are very long.*/
body.stellarnav-noscroll-x { overflow-x: hidden; }

/* general styling */
.stellarnav li.has-sub > a:after { }
.stellarnav li li.has-sub > a:after { margin-left: 10px; float: right; border-top: 6px solid transparent; border-bottom: 6px solid transparent; border-left: 6px solid #FFF; position: relative; top: 4px; }
.stellarnav li.drop-left li.has-sub > a:after { float: left; margin-right: 10px; border-left: 0; border-top: 6px solid transparent; border-bottom: 6px solid transparent; border-right: 6px solid #FFF; }
.stellarnav.hide-arrows li.has-sub > a:after, .stellarnav.hide-arrows li li.has-sub > a:after, .stellarnav.hide-arrows li.drop-left li.has-sub > a:after { display: none; }
.stellarnav .menu-toggle, .stellarnav .close-menu, .stellarnav .call-btn-mobile, .stellarnav .location-btn-mobile { display: none; text-transform: uppercase; text-decoration: none; }
.stellarnav .dd-toggle { display: none; position: absolute; top: 0; right: 0; padding: 0; width: 48px; height: 48px; text-align: center; z-index: 9999; border: 0; }
.stellarnav.desktop li.has-sub a {padding-right: 0px;}
.stellarnav.desktop.hide-arrows li.has-sub a { padding-right: 15px; }
.stellarnav.mobile > ul > li > a.dd-toggle { padding: 0; }
.stellarnav li.call-btn-mobile, .stellarnav li.location-btn-mobile { display: none; }

/* svg icons */
.stellarnav svg { fill: currentColor; width: 1em; height: 1em; position: relative; top: 2px; }
/* svg icons */

.stellarnav a.dd-toggle .icon-plus { box-sizing: border-box; transition: transform 0.3s; width: 12px; height: 100%; position: relative; vertical-align: middle; display: inline-block; }
.stellarnav a.dd-toggle .icon-plus:before { content: ''; display: block; width: 12px; height: 0px; border-bottom: solid 3px #777; position: absolute; top: 50%; transform: rotate(90deg); transition: width 0.3s; }
.stellarnav a.dd-toggle .icon-plus:after { content: ''; display: block; width: 12px; height: 0px; top: 50%; border-bottom: solid 3px #777; position: absolute; }
.stellarnav li.open > a.dd-toggle .icon-plus { -webkit-transform: rotate(135deg); -ms-transform: rotate(135deg); -o-transform: rotate(135deg); transform: rotate(135deg); }
.stellarnav.light a.dd-toggle .icon-plus:before { border-color: #000; }
.stellarnav.light a.dd-toggle .icon-plus:after { border-color: #000; }
.stellarnav.dark a.dd-toggle .icon-plus:before { border-color: #FFF; }
.stellarnav.dark a.dd-toggle .icon-plus:after { border-color: #FFF; }

.stellarnav .icon-close { box-sizing: border-box; width: 12px; height: 12px; position: relative; display: inline-block; }
.stellarnav .icon-close:before { content: ''; display: block; width: 12px; height: 0px; border-bottom: solid 3px #777; position: absolute; top: 50%; transform: rotate(45deg); }
.stellarnav .icon-close:after { content: ''; display: block; width: 12px; height: 0px; top: 50%; border-bottom: solid 3px #777; position: absolute; transform: rotate(-45deg); }
.stellarnav.light .icon-close:before { border-color: #000; }
.stellarnav.light .icon-close:after { border-color: #000; }
.stellarnav.dark .icon-close:before { border-color: #FFF; }
.stellarnav.dark .icon-close:after { border-color: #FFF; }

/* mobile nav */
.stellarnav .menu-toggle, .stellarnav .call-btn-mobile, .stellarnav .location-btn-mobile, .stellarnav .close-menu {padding: 10px;box-sizing: border-box;}
.stellarnav .menu-toggle span.bars { display: inline-block; margin-right: 7px; position: relative; top: 3px; }
.stellarnav .menu-toggle span.bars span { display: block; width: 15px; height: 2px; border-radius: 6px; background: #777; margin: 0 0 3px; }
.stellarnav .full { width: 100%; }
.stellarnav .half { width: 50%; }
.stellarnav .third { width: 33%; text-align: center; }
.stellarnav .location-btn-mobile.third { text-align: center; }
.stellarnav .location-btn-mobile.half { text-align: right; }
.stellarnav.light .third, .stellarnav.light .half { border-left: 1px solid rgba(0, 0, 0, .15); }
.stellarnav.light.left .third, .stellarnav.light.left .half { border-bottom: 1px solid rgba(0, 0, 0, .15); }
.stellarnav.light.right .third, .stellarnav.light.right .half { border-bottom: 1px solid rgba(0, 0, 0, .15); }
.stellarnav.light .third:first-child, .stellarnav.light .half:first-child { border-left: 0; }
.stellarnav.dark .third, .stellarnav.dark .half { border-left: 1px solid rgba(255, 255, 255, .15); }
.stellarnav.dark.left .third, .stellarnav.dark.left .half { border-bottom: 1px solid rgba(255, 255, 255, .15); }
.stellarnav.dark.right .third, .stellarnav.dark.right .half { border-bottom: 1px solid rgba(255, 255, 255, .15); }
.stellarnav.light.left .menu-toggle, .stellarnav.light.right .menu-toggle { border-bottom: 0; }
.stellarnav.dark.left .menu-toggle, .stellarnav.dark.right .menu-toggle {border-bottom: 0;font-family: 'Cairo', sans-serif;color: #ffffff;font-weight: 700;font-size: 15px;/* text-shadow: 1px 0px 1px #000; */}
.stellarnav.dark .third:first-child, .stellarnav.dark .half:first-child { border-left: 0; }
.stellarnav.light .menu-toggle span.bars span { background: #000; }
.stellarnav.dark .menu-toggle span.bars span { background: #FFF; }
.stellarnav.mobile {position: static;background: #e5c6bb;border-left: 5px solid #e9e9e9;}
.stellarnav.mobile.fixed { position: static; }
.stellarnav.mobile ul { position: relative; display: none; }
.stellarnav.mobile.active { padding-bottom: 0; }
.stellarnav.mobile.active > ul { display: block; }
.stellarnav.mobile ul { text-align: left; }
.stellarnav.mobile > ul > li {display: block;padding: 0;border-bottom: 1px solid #474141;}
.stellarnav.mobile > ul > li > a {padding: 9px;}
.stellarnav.mobile ul { background: rgba(221, 221, 221, 1); }
.stellarnav.mobile ul ul {position: relative;opacity: 1;visibility: visible;width: auto;display: none;-moz-transition: none;-webkit-transition: none;-o-transition: color 0 ease-in;transition: none;}
.stellarnav.mobile ul ul ul { left: auto; top: auto; }
.stellarnav.mobile li.drop-left ul ul { right: auto; }
.stellarnav.mobile li a {/* border-bottom: 1px solid rgba(255, 255, 255, .15); */color: #cdcdcd;}
.stellarnav.mobile > ul { border-top: 1px solid rgba(255, 255, 255, .15); }
.stellarnav.mobile.light li a { border-bottom: 1px solid rgba(0, 0, 0, .15); }
.stellarnav.mobile.light > ul { border-top: 1px solid rgba(0, 0, 0, .15); }
.stellarnav.mobile li a.dd-toggle { border: 0; }
.stellarnav.mobile.light li a.dd-toggle { border: 0; }
.stellarnav.mobile .menu-toggle, .stellarnav.mobile .dd-toggle, .stellarnav.mobile .close-menu, .stellarnav.mobile .call-btn-mobile, .stellarnav.mobile .location-btn-mobile { display: inline-block; }
.stellarnav.mobile li.call-btn-mobile { border-right: 1px solid rgba(255, 255, 255, .1); box-sizing: border-box; }
.stellarnav.mobile li.call-btn-mobile, .stellarnav.mobile li.location-btn-mobile { display: inline-block; width: 50%; text-transform: uppercase; text-align: center; }
.stellarnav.mobile li.call-btn-mobile.full, .stellarnav.mobile li.location-btn-mobile.full { display: block; width: 100%; text-transform: uppercase; border-right: 0; text-align: left; }
.stellarnav.mobile.light ul { background: rgba(255, 255, 255, 1); }
.stellarnav.mobile.dark ul { background: rgba(0, 0, 0, 1); }
.stellarnav.mobile.dark ul ul {/* background: rgba(255, 255, 255, .08); */top: 0;left: 0;}
.stellarnav.mobile.light li.call-btn-mobile { border-right: 1px solid rgba(0, 0, 0, .1); }
.stellarnav.mobile.top { position: absolute; width: 100%; top: 0; left: 0; z-index: 9999; }
.stellarnav.mobile li.has-sub > a:after, .stellarnav.mobile li li.has-sub > a:after, .stellarnav.mobile li.drop-left li.has-sub > a:after { display: none; }

/* left and right positions */
.stellarnav.mobile.right > ul, .stellarnav.mobile.left > ul { position: fixed; top: 0; bottom: 0; width: 100%; max-width: 280px; overflow-x: hidden; overflow-y: auto; -webkit-overflow-scrolling: touch; }
.stellarnav.mobile.right > ul {right: 0;z-index: 99;}
.stellarnav.mobile.right .close-menu, .stellarnav.mobile.left .close-menu { display: inline-block; text-align: right; }
.stellarnav.mobile.left > ul { left: 0; }
.stellarnav.mobile.right .location-btn-mobile.half, .stellarnav.mobile.right .call-btn-mobile.half, .stellarnav.mobile.right .close-menu.half { text-align: center; }
.stellarnav.mobile.right .location-btn-mobile.third, .stellarnav.mobile.right .call-btn-mobile.third, .stellarnav.mobile.right .close-menu.third { text-align: center; }
.stellarnav.mobile.left .location-btn-mobile.half, .stellarnav.mobile.left .call-btn-mobile.half, .stellarnav.mobile.left .close-menu.half { text-align: center; }
.stellarnav.mobile.left .location-btn-mobile.third, .stellarnav.mobile.left .call-btn-mobile.third, .stellarnav.mobile.left .close-menu.third { text-align: center; }
.stellarnav.mobile.left .menu-toggle.half, .stellarnav.mobile.left .menu-toggle.third, .stellarnav.mobile.right .menu-toggle.half, .stellarnav.mobile.right .menu-toggle.third { text-align: left; }
.stellarnav.mobile.left .close-menu.third span, .stellarnav.mobile.right .close-menu.third span { display: none; }
/* left and right positions */

/* mega dd */
.stellarnav.desktop li.mega ul ul { background: none; }
.stellarnav.desktop li.mega li { display: inline-block; vertical-align: top; margin-left: -4px; }
.stellarnav.desktop li.mega li li { display: block; position: relative; left: 4px; }
.stellarnav.desktop li.mega ul ul { width: auto; }
.stellarnav.desktop > ul > li.mega { position: inherit; }
.stellarnav.desktop > ul > li.mega > ul { width: 100%; }
.stellarnav.desktop > ul > li.mega > ul li.has-sub ul { display: block; position: relative; left: auto; }
.stellarnav.desktop > ul > li.mega > ul > li { padding-bottom: 15px; box-sizing: border-box; }
.stellarnav.desktop li.mega li li a { padding: 5px 15px; }
.stellarnav.desktop li.mega li.has-sub a:after { display: none; }
.stellarnav.desktop > ul > li.mega > ul > li > a { color: yellow; }
/* mega dd */


/* Fallback for slow javascript load */
@media only screen and (max-width : 768px) {
	.stellarnav { overflow: hidden; display: block; }
	.stellarnav ul { position: relative; display: none; }
}

/* mobile nav */
@media only screen and (max-width : 420px) {
	.stellarnav.mobile .call-btn-mobile.third span, .stellarnav.mobile .location-btn-mobile.third span { display: none; }
}


#bakim {
    margin: 0 auto;
    width: 80%;
    height: 50%;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    position: fixed;
    margin-top: 8%;
}
#bakim p{}
#sepetbos  {
    width: 300px;
    margin: 0 auto;
    margin-top: 25px;
    margin-bottom: 25px;
    text-align: center;
}
#sepetbos  img{}
#sepetbos  p{
    font-family: 'Poppins', sans-serif;
    color: #4b6307;
    font-size: 13px;
    font-weight: 700;
}

.kutu1x {
    background: url(Resimler/kutu1x.png) 6px 9px;
    background-repeat: no-repeat;
}
.kutu2x {}
.kutu3x {}
.kutu4x {}

.fulla {
    width: 100%;
    background: #F4F4F4;
    margin-top: 20px;
    padding-top: 20px;
    margin-bottom: 20px;
    padding-bottom: 20px;
    height: 580px;
    position: relative;
}
.talan1 {
    width: 600px;
    height: 600px;
    position: absolute;
    top: 0;
}
.talan2 {
    background: #DAD7CA;
    width: 580px;
    height: 500px;
    position: absolute;
    top: 0px;
    right: 0;
}
.talan3 {
    background: #ffffff;
    width: 725px;
    height: 380px;
    position: absolute;
    top: 68px;
    left: 0;
    padding-left: 42px;
}
.talan3 p.a1{
    font-family: 'Marcellus SC', sans-serif;
    color: #1d1e1d;
    font-size: 34px;
    font-weight: 500;
    line-height: 17px;
    margin-top: 69px;
}
.talan3 p.a2{
    font-family: 'Marcellus SC', sans-serif;
    color: #df0000;
    font-size: 18px;
    font-weight: 600;
    line-height: 17px;
    margin-top: 8px;
}
.talan3 p.a3{
    font-family: 'Spectral', sans-serif;
    color: #737f73;
    font-size: 15px;
    font-weight: 500;
    line-height: 20px;
    margin-top: 29px;
    margin-right: 142px;
}
.talan3 p.a4{
    font-family: 'Spectral', sans-serif;
    color: #737f73;
    font-size: 15px;
    font-weight: 500;
    line-height: 20px;
    margin-top: 21px;
    border-left: 3px solid #CEAE7F;
    padding-left: 14px;
    margin-bottom: 40px;
    margin-right: 142px;
}
.bol2q {
    width: 340px;
    height: 50px;
    float: left;
}
.bol2q a {}
.bol2q p {
    text-align: right;
}
.talan4 {
    background: #DCADA5;
    width: 540px;
    height: 470px;
    position: absolute;
    top: 14px;
    right: 59px;
}
.talan4 img {padding: 45px;}

#aurunkutu {
    width: 260px;
    float: left;
    background: #f7f7f79e;
    margin: 5px;
}
#aresimkutu {
    width: 100%;
    height: 228px;
    overflow: hidden;
    background: #ffffff;
    border: 1px solid #ebebeb;
    border-bottom: 0px;
}
#aresimkutu img{
    width: 74%;
    margin: 0 auto;
    margin-top: 13px;
    position: relative;
    display: block;
    transition:1s;
    padding: 20px;
}
#aurunalt {
    width: 100%;
    text-align: center;
    margin-top: 7px;
    padding-top: 6px;
    padding-bottom: 6px;
    transition:1s;
}
#aurunkat {}
#aurunkat a {
	transition:1s;
	font-family: 'Marcellus SC', sans-serif;
	color: #646764;
	font-size: 14px;
	font-weight: 600;
	line-height: 17px;
}
#aurunismi  {}
#aurunismi a  {
    font-family: 'Playfair Display', sans-serif;
    color: #333333;
    font-size: 17px;
    font-weight: 600;
    line-height: 31px;
}
#afiyatkutu   {}
#afiyat   {}
#afiyat  p {
    font-family: 'Montserrat', sans-serif;
    color: #2ed12e;
    font-size: 16px;
    font-weight: 700;
    line-height: 23px;
}

 
#aurunkutu:hover #aurunalt {
background:#4c6665;
	transition:1s;
}
#aurunkutu:hover #aurunkat a {
color:#c8c8c8;
	transition:1s;
}
#aurunkutu:hover #aurunismi a {
color:#ffffff;
	transition:1s;
}
#aurunkutu:hover #aresimkutu img {
transform:scale(1.3);
	transition:0.2s;
}
#urunkutu {
    width: 320px;
    float: left;
    border: 1px dashed#e6dcdc;
    margin: 4px;
    position: relative;
}

#urunkutu #tukendi {
}

#urunkutu #yeniurunikon {
}

#urunkutu #indirimliurunikon {
}

#urunkutu #resimkutu {
    width: 320px;
    height: 320px;
    overflow: hidden;
    position: relative;
    background: #fefefe;
}

#urunkutu #resimkutu img {
    transition: 0.2s;
    left: auto;
    bottom: auto;
    top: auto;
    right: auto;
    vertical-align: middle;
    text-align: center;
    width: 100%;
}

#urunkutu #resimkutu img:hover {
    transform: scale(1.25);
    transition: 0.95s;
}

#urunkutu #urunalt {
    background: #f9f9f9;
}

#urunkutu #urunalt #urunismi {
    text-align: center;
    padding-top: 14px;
    height: 35px;
    overflow: hidden;
    background: #fffafa;
}

#urunkutu #urunalt #urunismi a {
    font-family: 'Poppins', sans-serif;
    font-size: 13px;
    color: #655252;
    font-weight: 500;
    text-align: center;
}

#urunkutu #urunalt #fiyatkutu {
    width: 100%;
    display: table;
    border-top: 1px dashed #c3b8b8;
}

#urunkutu #urunalt #fiyat {
    width: 100%;
    float: left;
}

#urunkutu #urunalt #fiyat p {
    font-family: 'Bree Serif', sans-serif;
    font-size: 19px;
    color: #217485;
    font-weight: 500;
    text-align: center;
    padding: 8px;
}

#urunkutu #urunalt #bayifiyat {
}

#urunkutu #urunalt #bayifiyat p {
    font-family: 'Bree Serif', sans-serif;
    font-size: 16px;
    color: #771e1e;
    font-weight: 500;
    text-align: center;
    padding-bottom: 14px;
}

#urunkutukucuk {
    width: 173px;
    float: left;
    border: 1px dashed#e6dcdc;
    margin: 4px;
    position: relative;
}

#urunkutukucuk #tukendi {
}

#urunkutukucuk #yeniurunikon {
}

#urunkutukucuk #indirimliurunikon {
}

#urunkutukucuk #resimkutu {
    width: 100%;
    height: 265px;
    overflow: hidden;
    position: relative;
}

#urunkutukucuk #resimkutu img {
    width: 100%;
    bottom: 0;
    transition: 0.2s;
}

#urunkutukucuk #resimkutu img:hover {
    transform: scale(1.05);
    transition: 0.5s;
}

#urunkutukucuk #urunalt {
    background: #f9f9f9;
}

#urunkutukucuk #urunalt #urunismi {
    text-align: center;
    padding-top: 10px;
    height: 42px;
    overflow: hidden;
}

#urunkutukucuk #urunalt #urunismi a {
    font-family: 'Poppins', sans-serif;
    font-size: 12px;
    color: #1f1212;
    font-weight: 500;
    text-align: center;
}

#urunkutukucuk #urunalt #fiyatkutu {
    width: 100%;
    display: table;
}

#urunkutukucuk #urunalt #fiyat {
    width: 50%;
    float: left;
}

#urunkutukucuk #urunalt #fiyat p {
    font-family: 'Bree Serif', sans-serif;
    font-size: 16px;
    color: #634242;
    font-weight: 500;
    text-align: center;
    padding: 8px;
}

#urunkutukucuk #urunalt #bayifiyat {
}

#urunkutukucuk #urunalt #bayifiyat p {
    font-family: 'Bree Serif', sans-serif;
    font-size: 16px;
    color: #771e1e;
    font-weight: 500;
    text-align: center;
    padding-bottom: 14px;
}


#helentop {}
#ustalan1 {
    border-bottom: 1px solid #CCC;
}
#ustalan1 #hust{
}
#ustalan1 #hust #hust1{
    width: 50%;
    float: left;
    margin-top: 6px;
    margin-bottom: 6px;
}
#ustalan1 #hust #hust1 #pkutu1{
    float: left;
    background: #E67E22;
    border-radius: 3px;
    padding-left: 7px;
    padding-right: 7px;
}
#ustalan1 #hust #hust1 #pkutu1 p{
    font-family: 'Saira Condensed', sans-serif;
    color: #ffffff;
    font-weight: 400;
    font-size: 13px;
    line-height: 20px;
}
#ustalan1 #hust #hust1 #pkutu2{
    float: left;
    padding-left: 22px;
}
#ustalan1 #hust #hust1 #pkutu2 a{
    font-family: 'PT Serif', sans-serif;
    color: #6f6464;
    font-weight: 600;
    font-size: 11px;
    line-height: 20px;
}
#ustalan1 #hust #hust2{
    width: 50%;
    float: right;
    text-align: revert;
}
#ustalan1 #hust #hust2 #kutu1{
    float: right;
    height: 32px;
    border-left: 1px solid #CCC;
    padding-left: 26px;
    padding-right: 18px;
}
#ustalan1 #hust #hust2 #kutu1:hover{
    background-color: #ffa500;
}
#ustalan1 #hust #hust2 #kutu1:first-child{
  border-right: 1px solid #CCC;
}
#ustalan1 #hust #hust2 #kutu1 a{
    line-height: 31px;
    font-family: 'Saira Condensed', sans-serif;
    color: #433131;
    font-weight: 700;
    font-size: 13px;
}
#ustalan2 {
    /* padding-top: 9px; */
    padding-bottom: 10px;
}
#ustalan2 #ustalan21{
    float: left;
    width: 43%;
    padding-top: 38px;
}
#ustalan2 #ustalan21 img{}
#ustalan2 #ustalan22 {
    float: left;
    width: 47%;
}
#ustalan2 #ustalan22 #aramakutu{
    border: 1px solid #CCC;
    width: 597px;
    float: left;
    margin-top: 17px;
    position: relative;
}
#ustalan2 #ustalan22 #aramakutu #secimkutu{
    float: left;
}
#ustalan2 #ustalan22 #aramakutu #secimkutu select{
    border: 0;
    width: 150px;
    height: 28px;
    font-family: 'Poppins', sans-serif;
    color: #272222;
    font-weight: 500;
    font-size: 11px;
    margin-top: 3px;
    margin-left: 9px;
}
#ustalan2 #ustalan22 #aramakutu #aramainput {
    float: left;
    width: 341px;
}
#ustalan2 #ustalan22 #aramakutu #aramainput input{
    border: 0px;
    font-family: 'Poppins', sans-serif;
    color: #272222;
    font-weight: 500;
    font-size: 11px;
    width: 341px;
}
#ustalan2 #ustalan22 #aramakutu #aramabutoninput {
    float: right;
}
#ustalan2 #ustalan23 {
    float: left;
    width: 9%;
    padding-top: 46px;
    position: relative;
}
#ustalan2 #ustalan23 #ustalansol {}
#ustalan2 #ustalan23 #ustalansag {
    float: left;
    width: 161px;
}
#ustalan2 #ustalan23 #ustalansag img{
    float: left;
}
#ustalan2 #ustalan23 #ustalansag p.a1{
    float: left;
    font-family: 'Cairo', sans-serif;
    color: #799b6d;
    font-weight: 700;
    font-size: 12px;
    padding-left: 7px;
    line-height: 19px;
    padding-top: 2px;
}#ustalan2 #ustalan23 #ustalansag p.a2{
    float: left;
    font-family: 'Poppins', sans-serif;
    color: #514a4a;
    font-weight: 600;
    font-size: 12px;
    padding-left: 7px;
    line-height: 10px;
}
#ustalan2 #ustalan23 #ustalansag a{}
#ustalan3{}
#ustalan3 #ustalan3menu{
    background: #ffffff;
}
#ustalan3 #ustalan3menu #ustalan3menuic{margin: 0 auto;width: auto;margin-bottom: 11px;margin-top: 16px;position: relative;}
 
   


.urunsol {
    width: 650px;
    margin-top: 15px;
    float: left;
}
.urunsol .resim{
    border: 2px solid #CCC;
    padding: 2px;
}
.urunsol .resim img{
    width: 100%;
}
.urunsol .altresim{}
.urunsol .altresim img{
    width: 126px;
    float: left;
    padding: 1px;
    border: 1px solid #CCC;
}
.urunsag {
    width: 650px;
    margin-top: 15px;
    float: left;
    margin-left: 26px;
}

.main-menu {
  position: relative;
  text-align: center;
  margin-bottom: 10px;
  margin-top: 5px;
}
.main-menu nav > ul {padding:0px;margin: 0;}
.main-menu nav > ul > li {
  position: relative;
  display: inline-block;
  /* border-right: 1px solid #CCC; */
}
.main-menu nav > ul > li:hover {background: #bee2ec;}
.menuflu nav > ul > li:hover {background: #731500;}
.main-menu nav > ul > .has-dropdown {
  margin-right: 0px;
}
.main-menu nav > ul > .has-dropdown:last-child {
  margin-right: 0;
}
.main-menu nav > ul > .has-megaitem {
  position: static;
}
.main-menu nav > ul > li > a {
  display: block;
  line-height: 24px;
  padding: 9px 11px;
  font-size: 13px;
  line-height: 11px;
  text-transform: uppercase;
  font-weight: 500;
  color: #404040;
  font-family: 'Bebas Neue', cursive;
  font-family: 'Rubik', sans-serif;
  margin: 0px;
}

.menuflu nav > ul > li > a {
  display: block;
  line-height: 24px;
  padding: 9px 11px;
  font-size: 13px;
  line-height: 11px;
  text-transform: uppercase;
  font-weight: 600;
  color: #ffffff;
  font-family: 'Bebas Neue', cursive;
  font-family: 'Rubik', sans-serif;
  margin: 0px;
}

.main-menu nav > ul > li > a:hover, .main-menu nav > ul > li > a.active {}

.sub-menu > li > a,
.mega-menu-sub > li > a {
  font-weight: 400;
  display: block;
  line-height: 31px;
  text-transform: capitalize;
  color: #020202;
  position: relative;
  transition: all 0.3s ease 0s;
  list-style-type: none;
  font-family: 'Rubik', sans-serif;
  font-size: 13px;
  padding-left: 12px;
}
.sub-menu > li > a::after,
.mega-menu-sub > li > a::after {
  position: absolute;
  content: "";
  top: 50%;
  left: 0;
  transform: translate(0px, -50%);
  height: 5px;
  width: 5px;
  border-radius: 50%;
  background: #261146;
  visibility: hidden;
  opacity: 0;
  transition: all 0.3s ease 0s;
}
.sub-menu > li > a:hover,
.mega-menu-sub > li > a:hover {
  color: #ffffff;
  transform: translateX(10px);
}
.sub-menu > li > a:hover::after,
.mega-menu-sub > li > a:hover::after {
  transform: translate(-10px, -50%);
  visibility: visible;
  opacity: 1;
}

.sub-menu {
  list-style-type: none;
  position: absolute;
  min-width: 270px;
  padding: 0px 0px;
  border-top: 6px solid #210000;
  background: #FFF;
  box-shadow: 0 3px 11px 0 rgba(0, 0, 0, 0.1);
  transform: perspective(600px) rotateX(-20deg);
  transform-origin: 0 0 0;
  left: 0;
  right: auto;
  opacity: 0;
  visibility: hidden;
  transition: 0.5s;
  z-index: 99;
  top: 100%;
  text-align: left;
}

.mega-menu {
  position: absolute;
  min-width: 100%;
  padding: 25px 30px 30px 30px;
  background: #FFF;
  box-shadow: 0 3px 11px 0 rgba(0, 0, 0, 0.1);
  transform: perspective(600px) rotateX(-20deg);
  transform-origin: 0 0 0;
  left: 0;
  right: 0;
  opacity: 0;
  visibility: hidden;
  transition: 0.5s;
  z-index: 99;
  top: 100%;
  text-align: left;
}

.mega-menu-inner {
  display: flex;
  justify-content: space-between;
}

.mega-menu-item-title {
  font-size: 16px;
  line-height: 24px;
  text-transform: uppercase;
  font-weight: 700;
  display: block;
  margin-bottom: 13px;
  color: #333;
}
.mega-menu-item-title:hover {
  color: #261146;
}

.mega-menu-sub > li {
  display: block;

}


  .main-menu nav > ul > li > ul > li {border-bottom: 1px solid #CCC;/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#f2f2f2+0,f4f4f4+28,ededed+100 */background: #f2f2f2; /* Old browsers */background: -moz-linear-gradient(top,  #f2f2f2 0%, #f4f4f4 28%, #ededed 100%); /* FF3.6-15 */background: -webkit-linear-gradient(top,  #f2f2f2 0%,#f4f4f4 28%,#ededed 100%); /* Chrome10-25,Safari5.1-6 */background: linear-gradient(to bottom,  #f2f2f2 0%,#f4f4f4 28%,#ededed 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2f2f2', endColorstr='#ededed',GradientType=0 ); /* IE6-9 */}
   .main-menu nav > ul > li > ul > li:hover {background: #4e4c4a;}
.main-menu nav > ul > li:hover .sub-menu,
.main-menu nav > ul > li:hover .mega-menu {
  opacity: 1;
  visibility: visible;
  transform: perspective(600px) rotateX(0deg);
  list-style-type: none;
  box-shadow: 0px 0px 11px -2px #ccc;
}

.menu-banner {
  margin-top: 0px;
}
.menu-banner > a {
  display: block;
  width: 100%;
}
.menu-banner img {
  width: 100%;
}

.mobile-header-wrapper {
  padding-top: 25px;
  padding-bottom: 25px;
}

.mobile-menu {
  border: 1px solid #000;
  padding: 5px;
  display: block;
  border-radius: 4px;
}

.mobile-menu-dash {
  display: block;
  width: 30px;
  height: 2px;
  background: #000;
  margin-top: 5px;
  margin-bottom: 5px;
}

/*****************************
Layout - Offcanvas
*****************************/
.offcanvas {
  z-index: 999999;
  position: fixed;
  top: 0;
  overflow: auto;
  height: 100vh;
  padding: 20px;
  transition: all 0.3s ease 0s;
  transform: translateX(100%);
  box-shadow: none;
  background: #212121;
  color:#eaeaea;
  width: 300px;
  overflow-x: hidden;
   box-shadow: 0 3.4px 2.7px rgb(0 0 0 / 1%), 0 8.7px 6.9px rgb(0 0 0 / 1%), 0 17.7px 14.2px rgb(0 0 0 / 1%), 0 36.5px 29.2px rgb(0 0 0 / 1%), 0 100px 80px rgb(0 0 0 / 2%);
}

.offcanvas-leftside {
  left: 0%;
  transform: translateX(-100%);
}

.offcanvas-rightside {
  right: 0%;
  transform: translateX(100%);
}

.offcanvas.offcanvas-open {
  transform: translateX(0);
}

.offcanvas-overlay {
  position: fixed;
  z-index: 999;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: none;
  background-color: rgba(0, 0, 0, 0.5);
}

.offcanvas-header {
  margin-bottom: 30px;
}

.offcanvas-close {
  width: 28px;
  height: 28px;
  line-height: 28px;
  text-align: center;
  background:#fff;
  border-radius: 50%;
  transition: all 0.3s ease 0s;
}
.offcanvas-close:hover {
  color: #261146;
  border-color: #261146;
}

.offcanvas-title {
  margin-bottom: 40px;
}

/*mobile-menu Top Area*/
.mobile-menu-top {
  font-size: 13px;
  display: inline-flex;
  justify-content: center;
  flex-direction: column;
  text-align: center;
}

.mobile-menu-user-menu {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  flex-wrap: wrap;
  justify-content: center;
}
.mobile-menu-user-menu > li {
  margin-right: 40px;
  position: relative;
}
.mobile-menu-user-menu > li:last-child {
  margin-right: 0;
}
.mobile-menu-user-menu > li::after {
  position: absolute;
  content: "|";
  top: 50%;
  transform: translateY(-50%);
  right: calc(0% - 20px);
}
.mobile-menu-user-menu > li:last-child::after {
  display: none;
}
.mobile-menu-user-menu > li > a {
  display: inline-block;
  line-height: 46px;
  color: #666 !important;
}
.mobile-menu-user-menu > li > a:hover {
  color: #261146;
}

.has-mobile-user-dropdown {
  position: relative;
  padding-right: 15px;
}
.has-mobile-user-dropdown::before {
  content: "";
  font-family: "FontAwesome";
  position: absolute;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
  font-weight: 400;
}

.mobile-user-sub-menu {
  position: absolute;
  top: calc(100%);
  left: 50%;
  transform: translate(-50%, -30px);
  padding: 10px 15px;
  width: 160px;
  background: #FFF;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
  border-radius: 3px;
  transition: all 0.3s ease 0s;
  visibility: hidden;
  opacity: 0;
  z-index: 99;
}
.mobile-user-sub-menu > li {
  display: block;
  border-bottom: 1px solid #eee;
  padding: 5px 0;
}
.mobile-user-sub-menu > li:last-child {
  border-bottom: none;
}
.mobile-user-sub-menu > li > a {
  position: relative;
  color: #666;
  display: flex;
  align-items: center;
}
.mobile-user-sub-menu > li > a:hover {
  color: #261146;
}

.user-sub-menu-link-icon {
  padding-right: 5px;
}

.has-mobile-user-dropdown:hover .mobile-user-sub-menu {
  visibility: visible;
  opacity: 1;
  transform: translate(-50%, 0);
}

/*Mobile Menu Center Area*/
.mobile-menu-customer-support {
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: "Raleway", sans-serif;
}

.mobile-menu-customer-support-icon {
  max-width: 50px;
  overflow: hidden;
  margin-right: 30px;
}

.mobile-menu-customer-support-icon img {
  width: 100%;
}

.mobile-menu-customer-support-text-phone {
  display: block;
  font-size: 18px;
  font-weight: 700;
  color: #000;
  transition: all 0.3s ease 0s;
}
.mobile-menu-customer-support-text-phone:hover {
  color: #261146;
}

.mobile-menu-customer-support-text {
  font-size: 14px;
  margin: 20px 0;
}

.mobile-action-icon {
  display: flex;
  justify-content: center;
}

.mobile-action-icon-item {
  margin-right: 40px;
}
.mobile-action-icon-item:last-child {
  margin-right: 0;
}

.mobile-action-icon-link {
  position: relative;
  font-size: 27px;
  color: #333;
  transition: all 0.3s ease 0s;
}
.mobile-action-icon-link:hover {
  color: #261146;
}

.mobile-action-icon-item-count {
  position: absolute;
  top: 0;
  right: calc(0% - 10px);
  font-size: 11px;
  display: inline-block;
  background: #333;
  color: #FFF;
  text-align: center;
  line-height: 20px;
  border-radius: 50%;
  width: 20px;
  height: 20px;
  transition: all 0.3s ease 0s;
}

.mobile-action-icon-link:hover .mobile-action-icon-item-count {
  background: #261146;
}

/*Mobile Menu Bottom Area*/
.mobile-menu-bottom {
    position: fixed;
    bottom: 5%;
}
.offcanvas-menu {
  margin: 20px 0;
}

.offcanvas-menu li {
  position: relative;
  padding: 5px 5px;
}

.offcanvas-menu > ul > li {
  border-bottom: 1px solid transparent;
}

.offcanvas-menu > ul > li:last-child {
  border-bottom: none;
}

.offcanvas-menu li a {
  display: block;
  color: #eaeaea;
  text-decoration: none;
}

.offcanvas-menu li a:hover {
  color: #ddd;
}

.offcanvas-menu li .mobile-sub-menu {
  display: none;
}

.offcanvas-menu-expand::after {
  content: "";
  position: absolute;
  font-family: "FontAwesome";
  right: 0;
  transition: all 0.3s ease;
  color: #666;
}

.offcanvas-menu .active > .offcanvas-menu-expand:last-child,
.sub-menu > .active .offcanvas-menu-expand:last-child {
  border-bottom: none;
}

.offcanvas-menu .active > .offcanvas-menu-expand::after,
.sub-menu > .active .offcanvas-menu-expand::after {
  color: #777;
  content: "";
}

.mobile-menu-email {
  color: #999;
  text-align: center;
  display: block;
}
.mobile-menu-email:hover {
  color: #261146;
}

.mobile-menu-social {
  margin-top: 25px;
  text-align: center;
}
.mobile-menu-social > li {
  display: inline-block;
  margin-right: 13px;
}
.mobile-menu-social > li:last-child {
  margin-right: 0px;
}
.mobile-menu-social > li > a {
  display: inline-block;
  font-size: 14px;
  padding: 0;
  line-height: 30px;
  width: 30px;
  height: 30px;
  border-radius: 100%;
  text-align: center;
  color: #FFF !important;
}
.mobile-menu-social > li > a:hover {
  opacity: 0.7;
}
.mobile-menu-social > li > a.facebook {
  background: #4867AA;
}
.mobile-menu-social > li > a.twitter {
  background: #1DA1F2;
}
.mobile-menu-social > li > a.youtube {
  background: #FE0000;
}
.mobile-menu-social > li > a.pinterest {
  background: #BD081B;
}
.mobile-menu-social > li > a.instagram {
  background: #B23A94;
}

.offcanvas-cart-item-single {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 20px;
}
.offcanvas-cart-item-single:last-child {
  margin-bottom: 0;
}

.offcanvas-cart-item-block {
  display: flex;
  align-items: center;
}

.offcanvas-cart-item-image-link {
  width: 90px;
  overflow: hidden;
  border: 1px solid #eee;
  margin-right: 20px;
}

.offcanvas-cart-image {
  width: 100%;
}

.offcanvas-cart-item-link {
  display: block;
  font-weight: 700;
}

.offcanvas-cart-item-details {
  font-family: "Raleway", sans-serif;
}

.offcanvas-cart-total-price {
  margin-top: 40px;
  margin-bottom: 40px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-size: 20px;
  font-family: "Raleway", sans-serif;
}

.offcanvas-cart-total-price-text {
  font-weight: 700;
}

.offcanvas-cart-action-button-list {
  margin-bottom: 25px;
  display: block;
}

.offcanvas-cart-action-button-link {
  display: block;
  background: #000;
  color: #FFF;
  padding: 10px 30px;
  text-align: center;
  font-weight: 600;
}
.offcanvas-cart-action-button-link:hover {
  background: #261146;
  color: #FFF;
}

.offcanvas-wishlist-item-single {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 20px;
}
.offcanvas-wishlist-item-single:last-child {
  margin-bottom: 0;
}

.offcanvas-wishlist-item-block {
  display: flex;
  align-items: center;
}

.offcanvas-wishlist-item-image-link {
  width: 90px;
  overflow: hidden;
  border: 1px solid #eee;
  margin-right: 20px;
}

.offcanvas-wishlist-image {
  width: 100%;
}

.offcanvas-wishlist-item-link {
  display: block;
  font-weight: 700;
}

.offcanvas-wishlist-item-details {
  font-family: "Raleway", sans-serif;
}

.offcanvas-wishlist-total-price-text {
  font-weight: 700;
}

.offcanvas-wishlist-action-button {
  margin-top: 40px;
}

.offcanvas-wishlist-action-button-list {
  margin-bottom: 25px;
  display: block;
}

.offcanvas-wishlist-action-button-link {
  display: block;
  background: #000;
  color: #FFF;
  padding: 10px 30px;
  text-align: center;
  font-weight: 600;
  text-transform: capitalize;
}
.offcanvas-wishlist-action-button-link:hover {
  background: #261146;
  color: #FFF;
}

.bol7 {
    width: 66.6%;
    float: left;
}
 .bol3 {
    width: 33.3%;
    float: left;
}
 .bol3:last-child {
	 width: 33.4%;
	 margin-right:0%;
	}
 
#slc {border: 1px solid #CCC;width: 98% !important;height: 204px;}
#slc #slcresim{
    padding: 2px;
    height: 157px;
    overflow: hidden;
}
#slc p{
    padding: 8px;
    width: 100%;
    overflow: hidden;
    height: 15px;
}

#slc2 {border: 1px solid #CCC;width: 24% !important;height: 280px;float: left;box-shadow: 0 0 3px #CACACA;}
#slc2 #slcresim2{
    padding: 2px;
    height: 235px;
    overflow: hidden;
    background: #FFFFFF;
}
#slc2 p{
    padding: 8px;
    width: 100%;
    overflow: hidden;
    height: 15px;
}
 #index1 {
    margin-top: 15px;
}
 #index2 {
    height: 323px;
    width: 100%;
    background: url(cache/index2.jpg);
    background-repeat: round;
    margin-top: 6px;
}
#index2 #sol {
    width: 236px;
    height: 250px;
    float: left;
}
#index2 #sol p{
    margin-top: 256px;
    margin-left: 27px;
    font-weight: 600;
    font-size: 16px;
    color: #ffffff;
    font-family: 'Rajdhani',sans-serif;
}
#index2 #sag {
    width: 963px;
    height: 250px;
    float: left;
}
#index2 #sag  #alt{width: 897px;margin-left: 37px;margin-top: 11px;height: 233px;overflow: hidden;}
#index2 #sag  #ust{
    margin-top: 20px;
}
#index2 #sag  #ust #menu{
    height: 43px;
    line-height: 42px;
}
#index2 #sag  #ust #menu a{
    font-weight: 600;
    font-size: 14px;
    color: #ffffff;
    font-family: 'Rajdhani',sans-serif;
    float: left;
    border-right: 1px #886b66 dashed;
    padding-left: 20px;
    padding-right: 20px;
    transition: 1s;
}

#index2 #sag  #ust #menu a:hover{
  background: #000000;
}
  
#index25 {
    width: 1200px !important;
    display: table;
    margin: 0 auto;
    margin-top: 9px;
}  
#index25 #index25ic {
    width: 100% !important;
}  
#index25 #index25ic #ibaslik {
    width: 100%;
    background: #eee5db;
    display: table;
    margin-bottom: 5px;
}  
#index25 #index25ic #ibaslik p {
    line-height: 54px;
    font-family: 'Roboto Slab', sans-serif;
    color: #12110f;
    font-size: 15px;
    font-weight: 600;
    padding-left: 18px;
    text-shadow: 1px 1px 1px #ffffff85;
}  
#index25 #index25ic #anasayfaurun {}  
  
  
#index561 {}
#haberalan{
    background: #FFF;
    border-bottom: 4px solid #F88C00;
    -webkit-box-shadow: 0 0 3px #CACACA;
    -moz-box-shadow: 0 0 3px #cacaca;
    box-shadow: 0 0 3px #CACACA;
    padding: 0px;
    display: inline-block;
}
#haberalan #hsol{
    float: left;
    width: 43%;
    padding: 14px;
}
#haberalan #hsol #hsolic{}
#haberalan #hsol #hsolic img{
    width: 348px;
    padding: 2px;
    bordeR: 1px solid #CCC;
}
#haberalan #hsol #hsolic p.a1{
    font-size: 12px;
    color: #111512;
    line-height: 39px;
    font-family: 'Montserrat', sans-serif;
    text-transform: uppercase;
    font-weight: 700;
}
#haberalan #hsol #hsolic p.a2{
    line-height: 21px;
}
#haberalan #hsol #hsolic a.adevam{
    width: auto;
    position: relative;
    background-color: #279442;
    color: #FFF;
    padding: 4px 21px;
    font: 12px Tahoma;
    display: inline-block;
    line-height: 22px;
    border: 0 none;
    cursor: pointer;
    text-decoration: none;
    border-radius: 5px;
}
.araozel {
     float: right;
     position: relative;
     top: -32px;
     left: -7px;
     width: 16% !important;
     font-weight: 600;
     cursor: pointer;
     text-align: right;
     font-size: 22px;
}
.araozel2 {
    margin: 12px;
    height: 64px;
    width: 100%;
    position: relative;
    margin-top: 25px;
}
.araozel3 {
    width: 60%;
    float: left;
    height: 34px;
}
.araozel4 {
    width: 30%;
    float: left;
    height: 38px;
    margin: 0px;
    padding: 0px;
    position: absolute;
}
.menuara {
    float: right;
    width: 100%;
    background: #E2B4A5;
    line-height: 36px;
    font-size: 11px;
    font-weight: 500;
    font-family: 'Rubik', sans-serif;
    text-align: right;
    display: math;
    padding-right: 16px;
    color: #000000;
    margin-top: 1px;
    margin-right: 1px;
}
#deletedialog2 {width: 256px;height: 100%;position: fixed;z-index: 66;right: 0;box-shadow: 3px 1px 18px 4px #949494;border-left: 3px solid #246b01;background: #2a2727;border-bottom: 3px solid #246b01;}
#deletedialog2 #dic{
    width: 255px;
    margin: 0 auto;
    /* margin-top: 100px; */
    /* border: 5px solid #CCC; */
    position: relative;
    padding: inherit;
    background: #2b2727;
    display: table;
}
#deletedialog2 #dic #sol{
    width: 100%;
    float: left;
    display: table;
}
#deletedialog2 #dic #sag{
    width: 100%;
    float: left;
    display: table;
}
#deletedialog2 #dic #sag img{max-width: 62%;max-height: 121px;border: 3px solid #ffa500;}
	
#deletedialog {
	width: 100%;
	height: 100%;
	position: fixed;
	background: rgba(33, 31, 31, 0.84);
	z-index: 99999999;
}
#deletedialog #dic{
    width: 350px;
    height: 81px;
    border: 1px solid #615d5d;
    margin: 0 auto;
    margin-top: 209px;
    display: table;
    background: #232323;
    box-shadow: 0px 0px 12px 0px #656565;
}
#deletedialog #dic p{
    width: 100%;
    background: #13110f;
    height: 32px;
    padding: 7px;
    box-sizing: border-box;
    color: #FFA500;
}
#deletedialog #dic #delyesbutton{
    border: #868282 1px solid;
    background: rgb(107, 1, 1);
    padding: 5px 25px 7px 13px;
    color: #FFF;
    font-weight: 400;
    font-family: 'Sansita', sans-serif;
    font-size: 15px;
    cursor: pointer;
    border-radius: 2px;
    width: 47%;
    border-collapse: collapse;
    transition: all 0.4s ease-in-out;
    box-sizing: border-box;
    float: left;
    margin: 4px;
}
#deletedialog #dic #delnobutton{
    margin: 0px auto;
    border: #868282 1px solid;
    background: rgb(36, 107, 1);
    padding: 5px 27px 7px 13px;
    color: #FFF;
    font-weight: 400;
    font-family: 'Sansita', sans-serif;
    font-size: 15px;
    border-radius: 2px;
    border-collapse: collapse;
    cursor: pointer;
    transition: all 0.4s ease-in-out;
    width: 47%;
    float: left;
    box-sizing: border-box;
    margin: 4px;
}
 #deletedialog #dic #delnobutton:hover{background:#111111}
 #deletedialog #dic #delyesbutton:hover{background:#111111}
 
 

#blogkutu {
    background: #FFF;
    /* border-bottom: 4px solid #F88C00; */
    -webkit-box-shadow: 0 0 3px #CACACA;
    -moz-box-shadow: 0 0 3px #cacaca;
    box-shadow: 0 0 3px #CACACA;
    padding: 0px;
    display: inline-block;
    float: left;
    width: 49%;
    margin: 6px;
}
#blogkutu #blogresim{
    width: 29%;
    float: left;
}
#blogkutu #blogresim a.a1{}
#blogkutu #blogresim img{
    width: 100%;
    padding: 2px;
    border: 1px solid #CCC;
    margin: 7px;
    height: 120px;
}
#blogkutu #blogdetay{
    float: left;
    margin-left: 22px;
    width: 66%;
}
#blogkutu #blogdetay a.a2{
    font-size: 12px;
    color: #111512;
    line-height: 39px;
    font-family: 'Montserrat', sans-serif;
    text-transform: uppercase;
    font-weight: 700;
}
#blogkutu #blogdetay p.a3{
    height: 74px;
    overflow: hidden;
}
#bd1 {
    font-family: 'Poppins', sans-serif;
    color: #9a9a9a;
    font-size: 12px;
    font-weight: 500;
    background: url(Resimler/bd1.png) no-repeat;
    padding-left: 24px;
    width: 43%;
    float: left;
}
#bd2 {
    font-family: 'Poppins', sans-serif;
    color: #9a9a9a;
    font-size: 12px;
    font-weight: 500;
    background: url(Resimler/bd2.png) no-repeat;
    padding-left: 29px;
    width: 36%;
    float: left;
}
#haberalan #hsag{
    float: left;
    width: 52%;
    margin-left: 1%;
    padding-left: 0%;
    border-left: 2px solid #e0e0e0;
}
#haberalan #hsag #haber4lu{float: left;width: 100%;background: #f7f1f1;overflow: hidden;border-top: 1px solid #FFF;border-bottom: 1px solid #eaeaea;}
#haberalan #hsag #haber4lu #hsol{
    width: 103px;
    float: left;
    padding: 4px;
}
#haberalan #hsag #haber4lu #hsol img{
    width: 100%;
    padding: 2px;
    height: 75px;
    bordeR: 1px solid #CCC;
}
#haberalan #hsag #haber4lu #hsag{
    width: 264px;
    float: left;
    padding-left: 5px;
    border: 0px;
    padding-top: 5px;
}
#haberalan #hsag #haber4lu #hsag a{}
#haberalan #hsag #haber4lu #hsag p.a1{
    height: 43px;
    overflow: hidden;
}
#sgic {
    background: #FFF;
    border-bottom: 4px solid #F88C00;
    -webkit-box-shadow: 0 0 3px #CACACA;
    -moz-box-shadow: 0 0 3px #cacaca;
    box-shadow: 0 0 3px #CACACA;
    padding: 0px;
    display: inline-block;
    padding: 10px;
    margin-left: 13px;
}	    
#sgic img{
    padding: 2px;
    bordeR: 1px solid #CCC;
    width: 360px;
}	    
#sgic a{
    line-height: 39px;
    font-family: 'Montserrat', sans-serif;
    text-transform: uppercase;
    font-weight: 700;
    color: #ffffff;
    padding-left: 1px;
    background: #07a91c;
    font-size: 13px;
    padding: 8px;
}	    
#sgic p.a2{
    text-transform: initial;
}	    
		
.blogresim {
    float: left;
    width: 340px;
    padding: 2px;
    border: 1px solid #CCC;
    margin-right: 17px;
    margin-bottom: 10px;
}



#index3  {
    background: #222222;
    margin-bottom: 17px;
    margin-top: 9px;
}
#index3  #index3ic { }
#index3  #index3ic #index3ic1 { }
#index3  #index3ic #index3ic1 p.a1{font-weight: 700;font-size: 32px;color: #ffa500;font-family: 'Poppins',sans-serif;margin-top: 48px;}
#index3  #index3ic #index3ic1 p.a2{line-height: 25px;font-weight: 600;font-size: 14px;color: #ffffff;font-family: 'Rajdhani',sans-serif;}
#index3  #index3ic #index3ic1 img{margin-top: 11px;} 
#index3  #index3ic #index3ic2 {position: relative;overflow: hidden;}
#index3  #index3ic #index3ic2 img.bolimg2{position: absolute;width: 100%;}
#index3  #index3ic #index3ic2 #videoindex1{width: 101%;}
#index3  #index3ic #index3ic2 #videoindex1 .videoindex{width: 138%;height: 325px;margin-left: -95px;}
#index3  #index3ic #index3ic3 {margin-top: 25px;} 
#index3  #index3ic #index3ic3 #parcapleksisol {float: left;} 
#index3  #index3ic #index3ic3 #parcapleksisol img { } 
#index3  #index3ic #index3ic3 #parcapleksisag {float: left;} 
#index3  #index3ic #index3ic3 #parcapleksisag #palan {height: 89px;padding-top: 2px;} 
#index3  #index3ic #index3ic3 #parcapleksisag #palan p.a1 {font-weight: 600;font-size: 15px;color: #ffffff;font-family: 'Rajdhani',sans-serif;padding-left: 9px;} 
#index3  #index3ic #index3ic3 #parcapleksisag #palan p.a2 {font-weight: 400;font-size: 12px;color: #ffa500;padding-left: 9px;font-family: 'Poppins',sans-serif;margin-bottom: 6px;} 
#index3  #index3ic #index3ic3 #parcapleksisag #palan a.a21 {background: #1382AD;border: 1px solid #83b7cc;font-weight: 500;font-size: 11px;color: #ffffff;font-family: 'Poppins',sans-serif;padding: 3px 8px 2px 11px;margin-left: 8px;margin-bottom: 13px;} 
#index3  #index3ic #index3ic3 #parcapleksisag #palan a.a21:hover {background: #222222;border: 1px solid #83b7cc;font-weight: 500;font-size: 11px;color: #ffffff;font-family: 'Poppins',sans-serif;padding: 3px 8px 2px 11px;margin-left: 8px;margin-bottom: 13px;} 

#slc3 {border: 1px solid #CCC;width: 98% !important;height: 465px;}
#slc3 #slcresim3{
    padding: 2px;
    height: 204px;
    overflow: hidden;
    background: #d8d7d7;
}
#slc3 #slcresim3 img{
    width: 139%;
}
#slc3 p.a1{
    padding: 8px;
    width: 94%;
    overflow: hidden;
    height: 21px;
    color: white;
    background: #1b1f2d;
}
#slc3 p.a2{
    padding: 7px;
    width: 96%;
    overflow: hidden;
    height: 202px;
    font-weight: 500;
    font-family: 'Poppins', sans-serif;
}
 .bolimg1 {padding: 6px;box-sizing: border-box;}
  .bolimg2 {padding: 2px;margin: 3px;box-sizing: border-box;border: 1px solid #CCC;box-shadow: 0 0 3px #CACACA;}

h1{font-weight: 500;color: #000000;font-size: 23px;font-family: 'Bebas Neue', sans-serif;border-left: 6px solid #299605;padding-left: 8px;line-height: 26px;}
.sablon{
    width: 1350px;
    margin: 0 auto;
    display: table;
    position: relative;
}
 .sablon2 {
    width: 1350px !important;
    margin: 0 auto;
    display: table;
} 
.full {
    width: 100%;
    float: left;
    position: relative;
}
.fulleksi1 {width: 1250px;}
.ust {border-top: 5px solid #000;}
.alt {
    width: 100%;
    height: 2px;
    background: red;
}
#bykahnfull {}
#bykahn {
    width: 100%;
    overflow: hidden;
    position: relative;
}
#index4 {margin-top:14px}


.enust {
    color: rgba(255,255,255,.7);
    border-bottom: 2px solid;
    background-color: #000000;
    height: 33px;
    float: left;
    display: none;
}
 #yuzde20 {
    width: 20%;
    float: left;
}
 #yuzde80 {
    width: 80%;
    float: left;
}
 .logo{
    padding-top: 15px;
    width: 143px;
}


p.ustp{
    font-size: 12px;
    line-height: 30px;
    text-transform: capitalize;
    font-weight: 500;
    color: #ffffff;
    font-family: 'Oswald', cursive;
}
a.usta{
    font-size: 12px;
    line-height: 30px;
    text-transform: capitalize;
    font-weight: 500;
    color: #ffffff;
    font-family: 'Oswald', sans-serif;
    padding-left: 10px;
    padding-right: 10px;
    border-right: 1px solid #CCC;
}
a.usta:last-child{ border:0px}
.sag {
    text-align: right;
}
p.a6 {
    font-family: 'Rubik', sans-serif;
    font-size: 14px;
    font-weight: 500;
    }
    .seriler {display: inline-flex;margin: 10px;}
.seriler a{color: #ffff;transition: background-color 0.5s ease-out;border: 1px solid #c7c7c7;font-size: 11px;font-weight: 600;font-family: 'Rubik', sans-serif;padding: 11px 14px;text-transform: uppercase;background: #42423f;margin-right: 3px;box-shadow: 1px 2px 3px 1px rgb(111 72 72 / 65%);border-bottom: 2px solid red;text-shadow: #000 1px 1px;}
.seriler a:hover {
    background: #008604;
    color: white;
    transition: background-color 0.2s ease-out;
    border-bottom: 2px solid #fffcfc;
}
.ucbol {
    width: 31%;
    margin: 1%;
    display: table;
    float: left;
}
.ucbol:last-child{}
.crv {
    box-shadow: 0px 0px 6px 4px rgb(160 128 128 / 65%);
    border-bottom: 2px solid red;
}
h5.baslik {
    font-size: 16px;
    font-weight: 500;
    font-family: 'Rubik', sans-serif;
    margin: 1px 0px;
    padding: 8px;
    border-bottom: 1px dashed #CCC;
    }
p.c54 {
    padding: 10px;
}
.urunkutu {
    width: 31%;
    float: left;
    position: relative;
    margin: 1%;
    box-shadow: 0px 0px 5px 1px rgb(160 128 128 / 65%);
    border-bottom: 2px solid red;
}
#etiket {
    position: absolute;
    right: 0px;
    top: 14px;
    background: #0000007d;
    height: 30px;
    width: 130px;
    border-radius: 6px;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    border: 1px solid #938b8b;
    border-right: 0;
    z-index: 55;
}
#etiket p{
    font-size: 13px;
    line-height: 11px;
    text-transform: uppercase;
    font-weight: 600;
    color: #ffffff;
    font-family: 'Montserrat', sans-serif;
    line-height: 29px;
    text-align: right;
    padding-right: 8px;
}

.urunkutuic{overflow:hidden;height: 317px;}


.urunkutu img{
    width: 100%;
    margin: 0px;
    transition: all .3s ease-in-out;
    overflow:hidden;
}
.urunkutu img:hover{
 transition: all .3s ease-in-out;
 transform: scale(1.1);
 filter: blur(0px);
 padding: 0;
}
.urunkutu h3{
    border-bottom: 4px solid #cebdbd;
    background: #f2f2f2;
    font-size: 13px;
    background: -moz-linear-gradient(top, #f2f2f2 0%, #f4f4f4 28%, #ededed 100%);
    background: -webkit-linear-gradient(top, #f2f2f2 0%,#f4f4f4 28%,#ededed 100%);
    background: linear-gradient(to bottom, #f2f2f2 0%,#f4f4f4 28%,#ededed 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2f2f2', endColorstr='#ededed',GradientType=0 );
    line-height: 36px;
    text-align: center;
    margin-top: -4px;
    border-top: 4px solid #4299c3;
}
.urunkutu .g5{
    border-bottom: 1px solid #CCC;
    background: #f2f2f2;
    font-size: 14px;
    background: -moz-linear-gradient(top, #f2f2f2 0%, #f4f4f4 28%, #ededed 100%);
    background: -webkit-linear-gradient(top, #f2f2f2 0%,#f4f4f4 28%,#ededed 100%);
    background: linear-gradient(to bottom, #f2f2f2 0%,#f4f4f4 28%,#ededed 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2f2f2', endColorstr='#ededed',GradientType=0 );
    line-height: 32px;
    text-align: center;
    margin-top: -3px;
    width: 100%;
    font-weight: 500;
    }
.urunkutu .g5 a{
   font-family: 'Rubik', sans-serif;
   color: #989896;
   font-weight: 500;
}
.urunkutu .g6{
    width: 100%;
    float: left;
}
.urunkutu .g6 .cs1{
    width: 49%;
    float: left;
    font-family: 'Rubik', sans-serif;
    color: #29292c;
    font-weight: 500;
    line-height: 40px;
    text-align: center;
    border-right: 1px solid #CCC;
}
.urunkutu .g6 .cs2{
    width: 49%;
    float: left;
    font-family: 'Rubik', sans-serif;
    color: #29292c;
    font-weight: 600;
    line-height: 40px;
    text-align: center;
}


         .ac-container label {
         height: 14px !important;
         line-height: 14px !important;
         font-size: 12px !important;
         font-family: 'Open Sans','Arial Narrow',Arial,sans-serif !important;
         padding: 5px 20px;
         position: relative;
         z-index: 20;
         display: block;
         height: 30px;
         cursor: pointer;
         color: #777;
         text-shadow: 1px 1px 1px rgba(255,255,255,0.8);
         line-height: 33px;
         font-size: 19px;
         background: #fff;
         background: -moz-linear-gradient(top,#fff 1%,#eaeaea 100%);
         background: -webkit-gradient(linear,left top,left bottom,color-stop(1%,#fff),color-stop(100%,#eaeaea));
         background: -webkit-linear-gradient(top,#fff 1%,#eaeaea 100%);
         background: -o-linear-gradient(top,#fff 1%,#eaeaea 100%);
         background: -ms-linear-gradient(top,#fff 1%,#eaeaea 100%);
         background: linear-gradient(top,#fff 1%,#eaeaea 100%);
         filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fff',endColorstr='#eaeaea',GradientType=0 );
         box-shadow: 0 0 0 1px rgba(155,155,155,0.3),1px 0 0 rgba(255,255,255,0.9) inset,0 2px 2px rgba(0,0,0,0.1);
         font-size: 12px;
         height: 30px;
         line-height: 20px;
         }
         .ac-container {
         width: 100%;
         margin: 10px auto 30px auto;
         text-align: left;
         }
         .ac-container label:hover {
         background: #fff;
         }
         .ac-container input:checked + label,.ac-container input:checked + label:hover {
         color: #3a6305;
         text-shadow: 0 1px 1px rgba(255,255,255,0.6);
         box-shadow: 0 0 0 1px rgba(155,155,155,0.3),0 2px 2px rgba(0,0,0,0.1);
         height: 30px;
         line-height: 21px;
         color: #29292c;
         font-weight: 600;
         }
         .ac-container label:hover:after,.ac-container input:checked + label:hover:after {
         content: '';
         position: absolute;
         width: 24px;
         height: 24px;
         right: 13px;
         top: 7px;
         
         }
         .ac-container input:checked + label:hover:after {
      
         }
         .ac-container input {
         display: none;
         }
         .ac-container article {
         background: rgba(255,255,255,0.5);
         margin-top: -1px;
         overflow: hidden;
         height: 0;
         position: relative;
         z-index: 10;
         -webkit-transition: height 0.3s ease-in-out,box-shadow 0.6s linear;
         -moz-transition: height 0.3s ease-in-out,box-shadow 0.6s linear;
         -o-transition: height 0.3s ease-in-out,box-shadow 0.6s linear;
         -ms-transition: height 0.3s ease-in-out,box-shadow 0.6s linear;
         transition: height 0.3s ease-in-out,box-shadow 0.6s linear;
         }
         .ac-container article p {
         font-style: normal;
         color: #000;
         line-height: 23px;
         font-size: 10px;
         padding: 20px;
         text-shadow: 1px 1px 1px rgba(255,255,255,0.8);
         font: normal normal 12px 'Open Sans';
         font-family: 'Rubik', sans-serif;
         }
         .ac-container input:checked ~ article {
         -webkit-transition: height 0.5s ease-in-out,box-shadow 0.1s linear;
         -moz-transition: height 0.5s ease-in-out,box-shadow 0.1s linear;
         -o-transition: height 0.5s ease-in-out,box-shadow 0.1s linear;
         -ms-transition: height 0.5s ease-in-out,box-shadow 0.1s linear;
         transition: height 0.5s ease-in-out,box-shadow 0.1s linear;
         box-shadow: 0 0 0 1px rgba(155,155,155,0.3);
         }
         .ac-container input:checked ~ article.ac-small {
         height: auto;
         }
         .ac-container input:checked ~ article.ac-medium {
         height: auto;
         }
         .ac-container input:checked ~ article.ac-large {
         height: auto;
         }

 .tabs {
  position: relative;
  min-height: 400px; /* This part sucks */
  clear: both;
  margin: 25px 0;
}
.tab {
  float: left;
}
.tab label {
  background: #eee;
  padding: 10px;
  border: 1px solid #ccc;
  margin-left: -1px;
  position: relative;
  left: 1px;
  font-family: 'Rubik', sans-serif;
  color: #29292c;
  font-weight: 600;
  font-size: 12px;
}
.tab [type="radio"] {
  opacity: 0;
  display: none;
}
.content {
  position: absolute;
  top: 28px;
  left: 0;
  background: white;
  right: 0;
  bottom: 0;
  padding: 20px;
  border: 1px solid #ccc;
  overflow: scroll;
}
.content > * {
  opacity: 0;
  transform: translateX(-100%);
  transition: all 0.6s ease;
}
[type="radio"]:focus ~ label {
  ouline: 2px solid blue;
}
[type="radio"]:checked ~ label {
  background: white;
  border-bottom: 1px solid white;
  z-index: 2;
}
[type="radio"]:checked ~ label ~ .content {
  z-index: 1;
}
[type="radio"]:checked ~ label ~ .content > * {
  opacity: 1;
  transform: translateX(0);
}
.yorumliste{
    padding: 0;
}
.yorumliste li{list-style-type: none;float: left;width: 100%;border-bottom: 1px dashed #CCC;padding-top: 6px;padding-bottom: 8px;}
.avatar {
    width: 55px;
    float: left;
}
.avatar img {
    width: 94%;
}
.yorumic {}
p.yrm {
    padding-top: 12px;
}
.meta {}
.ytarih {
    font-family: 'Rubik', sans-serif;
    color: #a0a9a0;
    font-size: 11px;
    font-weight: 500;
}
.pmesaj {}


.tablo1 {
    width: 100%;
    /* margin: 1%; */
    border: 1px solid #dedcdc;
    padding: 0px;
    background: #ffffff;
    border-collapse: collapse;
}
.tr1 {
    background: #ffffff;
    display: table-row;
    border-bottom: 1px solid #f1ebeb;
}
.tr0 {
    background: #4d5a58;
    display: table-row;
    border-bottom: 1px solid #757272;
}

.tr2 {
    background: #f1eded;
    border-bottom: 1px solid #cccccc;
    transition: all 0.3s ease-in-out;
}
.tr2:hover {
    background: #ffffff;
    transition: all 0.1s ease-in-out;
}
.td1 {
    font-weight: 600;
    font-size: 13px;
    color: #4a4948;
    font-family: 'Titillium Web',sans-serif;
    padding: 7px;
    border-left: 1px solid #e0dddd;
    vertical-align: middle;
}
.td1p {
    font-weight: 600;
    font-size: 13px;
    color: #4a4948;
    font-family: 'Titillium Web',sans-serif;
    padding: 10px;
    border-left: 1px solid #e0dddd;
    vertical-align: middle;
}
.td0 {
    font-weight: 600;
    font-size: 13px;
    color: #ffffff;
    font-family: 'Rajdhani',sans-serif;
    padding: 9px;
    border-collapse: collapse;
    border-left: 1px solid #cac5c5;
}
.standartinput{
    width: 232px;
    height: 29px;
    font-family: 'Rajdhani', sans-serif;
    font-size: 14px;
    font-weight: 600;
    padding-left: 6px;
    margin-bottom: 2px;
    border: 1px solid #e4dfdf;
    }
    .standarttextarea{
  width: 232px;
  height: 74px;
  font-family: 'Rajdhani', sans-serif;
  font-size: 14px;
  font-weight: 600;
  padding-left: 6px;
  border: 1px solid #e4dfdf;
  }


#siparisbtn2 {
    width: 153px;
    height: 37px;
    color: #ffffff;
    float: left;
    background: #4a8a11;
    border: 1px solid #CCC;
    cursor: pointer;
    border-radius: 4px;
    margin: 0px;
}
#siparisbtn2 img {
    width: 21px;
    padding-top: 6px;
    padding-left: 9px;
    float: left;
    }
#siparisbtn2:hover {
    background: #483c3b;
     background: #483c3b;
}
#siparisbtn2 p{
    font-family: 'Rajdhani', sans-serif;
    font-size: 17px;
    font-weight: 600;
    float: left;
    color: #FFFFFF;
    padding: 7px 12px 0px 17px;
}
.siparisbtnicon2{
    float: left;
    padding: 8px;
    font-size: 18px;
    padding-top: 8px;
    color: white;
}
.footer {padding-top: 25px;padding-bottom: 16px;border-top: 3px solid #40f106;margin-top: 32px;background: url(Resimler/Yuklemeler/ortabgs.jpg);}
.footer .fkolon{
    width: 24%;
    float: left;
}
.footer .fkolon ul{
    padding: 0;
}
.footer .fkolon ul li{
    list-style-type: none;
}
.footer .fkolon ul li a{
    font-family: 'Rubik', sans-serif;
    color: #ffffff;
    font-weight: 600;
    font-size: 12px;
    line-height: 23px;
}
.footer .fkolon ul li span{
    font-family: 'Rubik', sans-serif;
    color: #ffffff;
    font-weight: 600;
    font-size: 12px;
    line-height: 23px;
}
.footer .fkolon h3{
    font-family: 'Rubik', sans-serif;
    color: #8c877e;
    font-weight: 600;
    font-size: 14px;
    text-transform: uppercase;
}
.footeralt{
    background: #262a2b;
}
.footeralt .fsol{
    float: left;
    width: 36%;
    line-height: 35px;
    font-family: 'Rubik', sans-serif;
    color: #d9a23e;
    font-weight: 500;
    font-size: 12px;
}
.footeralt .fsag{
    float: left;
    width: 60%;
    text-align: right;
}
.footeralt .fsag a{
    line-height: 35px;
    font-family: 'Rubik', sans-serif;
    color: #ffffff;
    font-weight: 600;
    font-size: 11px;
    border-right: 2px solid #947f7f;
    padding-left: 5px;
    padding-right: 9px;
    text-transform: uppercase;
}
.footeralt .fsag a:last-child{border:0}





.footer {
    padding-top: 0px;
    padding-bottom: 16px;
    border-top: 10px solid #E2B4A5;
    margin-top: 22px;
    background: linear-gradient(0deg, #ffffff 0%, #020202 -4%, #445150 100%);
}

.footer .fkolon {
    width: 15%;
    padding-left: 1%;
    float: left;
    margin-top: 35px;
    overflow: hidden;
    padding-top: 3px;
    border-left: 3px solid #353232;
}
.footer .fkolon:first-child {border:0px}
.fkolonis {
    /* width: 26% !important; */
}

#ftust {
    margin-top: 33px;
}

.footer .fkolon ul {
    padding: 0;
    margin: 0;
}

.footer .fkolon ul li {
    list-style-type: none;
}

.footer .fkolon ul li a {
    font-family: 'Marcellus SC', sans-serif;
    color: #ffffff;
    font-weight: 600;
    font-size: 13px;
    line-height: 23px;
}

.footer .fkolon ul li a:hover {
    color: orange;
    transition: 1s;
}

.footer .fkolon ul li span {
    font-family: 'Rubik', sans-serif;
    color: #ffffff;
    font-weight: 600;
    font-size: 12px;
    line-height: 23px;
}

.footer .fkolon h3 {
    font-family: 'Rubik', sans-serif;
    color: #8c877e;
    font-weight: 600;
    font-size: 14px;
    text-transform: uppercase;
    font-family: 'Montserrat', sans-serif;
    color: #FFA500;
    font-size: 14px;
    font-weight: 700;
    line-height: 15px;
}

.footeralt {
    background: #262a2b;
}

.footeralt .fsol {
    float: left;
    width: 70%;
    line-height: 35px;
    font-family: 'Marcellus SC', sans-serif;
    color: #a9a9a9;
    font-weight: 500;
    font-size: 12px;
}

.footeralt .fsag {
    float: left;
    width: 29%;
    text-align: right;
}

.footeralt .fsag a {
    line-height: 35px;
    font-family: 'Marcellus SC', sans-serif;
    color: #bdbcbc;
    font-weight: 700;
    font-size: 10px;
    border-right: 2px solid #947f7f;
    padding-left: 5px;
    padding-right: 9px;
    text-transform: uppercase;
}

.footeralt .fsag a:last-child {
    border: 0
}


.alan40 {
  width: 40%;
  float: left;
}
.alan50 {
  width: 50%;
  float: left;
}
.alan60 {
    width: 60%;
    float: left;
}
.alan40u {
  width: 20%;
  float: left;
  height: 43px;
  padding-top: 9px;
}
.alan60u {
    width: 80%;
    float: left;
}
.banneralan {
    max-height: 465px;
    overflow: hidden;
}
.banneralan img {width: 100%;position: relative;}

.formalan {}
.formalan input {}
.formalan p {
    font-family: 'Rubik', sans-serif;
    color: #424642;
    font-size: 14px;
    font-weight: 600;
    line-height: 18px;
    padding-top: 11px;
}

#referanslar img{
    width: 23%;
    padding: 6px;
}

.blogkolon {
    width: 23%;
    float: left;
    padding: 2px;
    margin: 8px;
    border: 1px solid #CCC;
    background: #f9f9f9;
    border-radius: 11px;
    overflow: hidden;
}
.blogkolon .resim{
    width: 100%;
    overflow: hidden;
    height: 207px;
}
.blogkolon .resim a{}
.blogkolon .resim img{
    width: 100%;
}
.blogkolon .baslik{}
.blogkolon .baslik .baslikic{
    width: 100%;
    background: #444444;
    border-top: 2px solid #f00;
}
.blogkolon .baslik .ba{
    width: 100%;
    line-height: 34px;
    font-weight: 600;
    color: #ffffff;
    font-family: 'Rubik', cursive;
    font-size: 12px;
    padding-left: 13px;
    text-transform: uppercase;
    }
.blogkolon .baslik a{

}
.blogkolon .aciklama{
    text-transform: revert;
    padding: 6px;
    height: 98px;
    overflow: hidden;
    text-align: justify;
}
.blogkolon .tarih{}
.blogkolon .cat{}
.blogkolon .hit{}
.blogkolon .yorum{}
.blogkolon .tarih{}
.blogkolon .devami{}

#alanfason {
    width: 100%;
    margin-top: 30px;
    margin-bottom: 30px;
    float: left;
}
#alanfason #alan50 {
    width: 50%;
    float: left;
}
#alanfason #alan50 img {
    width: 98%;
    border: 1px solid #CCC;
    padding: 2px;
}
#alanfason #alan25 {
    width: 23%;
    float: left;
    margin-right: 2%;
}
#alanfason #alan25 p.a1 {
    line-height: 33px;
    font-family: 'Rubik', sans-serif;
    color: #ce0000;
    font-weight: 700;
    font-size: 14px;
    text-transform: uppercase;
    border-bottom: crimson;
}
#alanfason #alan25 p.a2 {
    text-align: justify;
}

.indexvideo {
    width: 100%;
    /* position: relative; */
    z-index: 1;
}
.indexvideo  video{
    width: 100%;
    height: auto;
    position: relative;
}
.video-overlay{
    position: absolute;
    width: 100%;
    top: 100px;
    height: 90%;
    background: #0000007d;
    z-index: 999;
}
.anasayfayazi {
    position: absolute;
    top: 48%;
    text-align: center;
    left: 32%;
}
.anasayfayazi h1{
    color: #FFFFFF;
    font-size: 55px;
    padding: 0;
    border: 0px;
    line-height: 0px;
}
.anasayfayazi h2{}
.anasayfayazi h4{
    font-family: 'Rubik', sans-serif;
    color: #ffffff;
    font-weight: 600;
    font-size: 14px;
    text-transform: uppercase;
    line-height: 0px;
}



.bannerflu {
  position: relative;
  z-index: -5;
}

.altflu {
    height: 1px;
    background: #b9b9b9;
    }

.ileti {}
.iletitr {
}
.iletitd {
    font-family: 'Rubik', sans-serif;
    color: #424642;
    font-size: 14px;
    font-weight: 500;
    line-height: 29px;
    border-bottom: 1px solid #CCC;
    padding-right: 11px;
}


#uyari {
    width: 100%;
    height: 100%;
    position: fixed;
    background: #000000c4;
    left: 0;
    top: 0;
}
#uyari #uyariic{
    width: 274px;
    height: 189px;
    background: #fbfbfb;
    border: 4px solid #37ab0e;
    left: 44%;
    top: 36%;
    position: fixed;
    border-radius: 5px;
    text-align: center;
}
#uyari #uyariic p.u1{
    text-align: center;
    color: #FF0000;
    font-weight: 600;
    font-size: 17px;
    line-height: 26px;
}
#uyari #uyariic p.u2{
    text-align: center;
    color: #1b1919;
    font-weight: 600;
    font-size: 13px;
    text-transform: uppercase;
    line-height: 29px;
    margin-bottom: 15px;
}
#uyari #uyariic a.u3{
    text-align: center;
    color: #1b1919;
    font-weight: 600;
    font-size: 13px;
    text-transform: uppercase;
    border: 1px solid #CCC;
    padding: 11px 25px 11px 30px;
    border-radius: 5px;
    background: #539200;
    font-family: 'Rubik', sans-serif;
    color: white;
    margin-bottom: 55px;
}
#uyari #uyariic img.u4{
    text-align: center;
    margin-top: 14px;
}


p.uruntitle {
    font-size: 28px;
    font-weight: 600;
    line-height: 53px;
}
img.star1 {}
p.star1 {}
p.urunbaslik {
    float: left;
    font-size: 14px;
    font-weight: 600;
    margin-top: 15px;
    width: 100%;
    font-family: 'Montserrat', sans-serif;
    border-left: 6px solid #89b00a;
    line-height: 12px;
    margin: 20px 0px 19px 1px;
    padding-left: 3px;
}
.kullanimalanlari {
    width: 100%;
    float: left;
}
p.kullanimalanlari {}
.kalan1 {
    width: 151px;
    float: left;
    border: 1px solid #CCC;
    margin-right: 7px;
    background: #dfefe9;
}
.kalan1:hover {
    background: #ededc1;
}
.kalan1 img{
    float: left;
    margin-top: 6px;
    margin-left: 2px;
}
.kalan1 p{
    line-height: 45px;
    font-weight: 600;
    font-family: 'Rubik', sans-serif;
    padding-left: 36px;
    font-size: 12px;
}
.ralan1 {
    float: left;
    width: 24%;
}
.ralan1 img{
    float: left;
}
.ralan1 p{
    padding-left: 66px;
    padding-top: 5px;
    font-weight: 500;
    color: #6f7473;
}
p.urunbaslikalt {
    float: left;
    line-height: 18px;
    color: #82807e;
}
.kbt1 {
    border: 1px solid #CCC;
    width: 100%;
}
.kbt2 {
    /* border-bottom: 1px solid #CCC; */
}
.kbt3 {border: 1px solid #eae1e1;background: whitesmoke;width: 120px;}
.kbt4{
    border: 1px solid #eae1e1;
}
.kbt5 {
    line-height: 23px;
    color: #847f7f;
    font-size: 11px;
}
.kbt6 {
    line-height: 23px;
    font-size: 11px;
    padding-left: 4px;
}
p.urunbaslik2 {
    color: #979191;
    margin-bottom: 8px;
    padding-top: -12px;
}
.oalan1 {
    float: left;
    width: 33%;
}
.oalan1 img{
    float: left;
}
.oalan1 p.a1{
    font-family: 'Montserrat', sans-serif;
    font-size: 12px;
    font-weight: 600;
    margin-top: 12px;
    margin-bottom: 3px;
}
.oalan1 p.a2{
    font-size: 11px;
    font-weight: 400;
    line-height: 9px;
    color: #787875;
}
.oalan1 p.a3{
    font-size: 12px;
    font-weight: 600;
    line-height: 16px;
}


 .wp {display:none}
 .menu-toggle {display:none !important}
#secim1sonuc {
   left: 787px;
   top: 70px;
 
   line-height: 20px;
   position: fixed;
}
#secim1sonuc p {
   font-family: 'Poppins', sans-serif;
   color: #ff0202;
   font-weight: 500;
   font-size: 12px;
   }
.mobilgizle {display:block}

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

	
.sticky {
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 999;
    border-bottom: 1px solid #CCC;
    box-shadow: #736565 2px 2px 6px -2px;
    padding-top: 0px;
    padding-bottom: 0px;
}
 .menu-toggle {display:block !important}
 .kaan {}
  #secim1sonuc {
    left: 167px;
    top: 142px;
    line-height: 20px;
    position: fixed;
}

	
#urunkutu {
    width: 48%;
    float: left;
    border: 1px solid#e6dcdc;
    margin: 2px;
    position: relative;
}

#urunkutu #tukendi {
}

#urunkutu #yeniurunikon {
}

#urunkutu #indirimliurunikon {
}

#urunkutu #resimkutu {
    width: 100%;
    max-height: 152px;
    overflow: hidden;
    position: relative;
    background: #fefefe;
}

#urunkutu #resimkutu img {
    transition: 0.2s;
    left: auto;
    bottom: auto;
    top: auto;
    right: auto;
    vertical-align: middle;
    text-align: center;
    width: 100%;
}

#urunkutu #resimkutu img:hover {
    transform: scale(1.25);
    transition: 0.95s;
}

#urunkutu #urunalt {
    background: #f9f9f9;
}

#urunkutu #urunalt #urunismi {
    text-align: center;
    padding-top: 11px;
    height: 26px;
    overflow: hidden;
    background: #fffafa;
}

#urunkutu #urunalt #urunismi a {
    font-family: 'Poppins', sans-serif;
    font-size: 12px;
    color: #655252;
    font-weight: 500;
    text-align: center;
}

#urunkutu #urunalt #fiyatkutu {
    width: 100%;
    display: table;
    border-top: 1px dashed #c3b8b8;
}

#urunkutu #urunalt #fiyat {
    width: 100%;
    float: left;
}

#urunkutu #urunalt #fiyat p {
    font-family: 'Bree Serif', sans-serif;
    font-size: 15px;
    color: #5b6263;
    font-weight: 500;
    text-align: center;
    padding: 3px;
}

#urunkutu #urunalt #bayifiyat {
}

#urunkutu #urunalt #bayifiyat p {
    font-family: 'Bree Serif', sans-serif;
    font-size: 16px;
    color: #771e1e;
    font-weight: 500;
    text-align: center;
    padding-bottom: 14px;
}

	
  .mobilgizle {display:none}
.helenlazer {
    width: 100%;
    overflow: hidden;
}
    #ustalan1 {}
     #ustalan1 #hust{
    background: #efefef;
}
       #ustalan1 #hust #hust1{
    width: 100%;
}
        #ustalan1 #hust #hust1 #pkutu1{display: none;}
   #ustalan1 #hust #hust1 #pkutu2{ }
  #ustalan1 #hust #hust2{
    width: 0;
    display: none;
}
  #ustalan2 #ustalan21 {
    width: 100%;
    text-align: center;
    padding-top: 0px;
    border: 1px solid #ebe2e2;
}
	 #ustalan2 #ustalan21 a{
    font-size: 11px;
    font-family: 'Marcellus SC', sans-serif;
    'Marcellus SC', font-family: sans-serif;
    font-weight: 800;
    line-height: 23px;
}
	.kalan {
    width: 33%;
    box-sizing: border-box;
}
  #ustalan2 #ustalan22 {
    width: 100%;
    float: inherit;
    display: inherit;
    text-align: center;
}
  #ustalan2 #ustalan22 a{
    margin: 0 auto;
    padding: inherit;
    text-align: center;
}
	
	.logo{
    margin: 0 auto;
    width: 50%;
}
  #ustalan2 #ustalan23 {
    display: none;
}

  #ustalan2 #ustalan22 #aramakutu{width: 99%;margin-left: 0;}
#ustalan2 #ustalan22 #aramakutu #secimkutu{
    float: left;
    display: none;
}
#ustalan2 #ustalan22 #aramakutu #secimkutu select{

}
#ustalan2 #ustalan22 #aramakutu #aramainput {
 width: 204px;
}
#ustalan2 #ustalan22 #aramakutu #aramainput input{width: 245px;}
#ustalan2 #ustalan22 #aramakutu #aramabutoninput {

}
  
  #slc2 {border: 1px solid #CCC;width: 98% !important;height: 205px;box-shadow: 0 0 3px #CACACA;}
#slc2 #slcresim2{
    padding: 2px;
    height: 155px;
    overflow: hidden;
    background: #FFFFFF;
}
#index4 {margin-top: 1px;}
 .sablon2 {
    width: 100% !important;
    margin: 0 auto;
    display: table;
} 
  .wp {display:block}
  .bol7 {
    width: 100%;
    float: left;
}
  haberalan{
    background: #FFF;
    border-bottom: 4px solid #F88C00;
    -webkit-box-shadow: 0 0 3px #CACACA;
    -moz-box-shadow: 0 0 3px #cacaca;
    box-shadow: 0 0 3px #CACACA;
    padding: 0px;
    display: inline-block;
}
#haberalan #hsol{
    float: left;
    width: 98%;
    padding: 2px;
    margin-top: 15px;
}
#haberalan #hsol #hsolic{}
#haberalan #hsol #hsolic img{
    width: 99%;
    padding: 2px;
    bordeR: 1px solid #CCC;
}
#haberalan #hsol #hsolic p.a1{
    font-size: 12px;
    color: #111512;
    line-height: 39px;
    font-family: 'Montserrat', sans-serif;
    text-transform: uppercase;
    font-weight: 700;
}
#haberalan #hsol #hsolic p.a2{
    line-height: 21px;
}
#haberalan #hsol #hsolic a.adevam{
    width: auto;
    position: relative;
    background-color: #279442;
    color: #FFF;
    padding: 4px 21px;
    font: 12px Tahoma;
    display: inline-block;
    line-height: 22px;
    border: 0 none;
    cursor: pointer;
    text-decoration: none;
    border-radius: 5px;
}
  #haberalan #hsag{
    float: left;
    width: 97%;
    margin-left: 1%;
    padding-left: 0%;
    border-left: 2px solid #e0e0e0;
}
#haberalan #hsag #haber4lu{float: left;width: 100%;background: #f7f1f1;overflow: hidden;border-top: 1px solid #FFF;border-bottom: 1px solid #eaeaea;}
#haberalan #hsag #haber4lu #hsol{
    width: 103px;
    float: left;
    padding: 2px;
}
#haberalan #hsag #haber4lu #hsol img{
    width: 96%;
    padding: 1px;
    height: 67px;
    bordeR: 1px solid #CCC;
}
#haberalan #hsag #haber4lu #hsag{
    width: 264px;
    float: left;
    padding-left: 5px;
    border: 0px;
    padding-top: 5px;
}
#haberalan #hsag #haber4lu #hsag a{}
#haberalan #hsag #haber4lu #hsag p.a1{
    height: 35px;
    overflow: hidden;
}
#sgic {
    background: #FFF;
    border-bottom: 4px solid #F88C00;
    -webkit-box-shadow: 0 0 3px #CACACA;
    -moz-box-shadow: 0 0 3px #cacaca;
    box-shadow: 0 0 3px #CACACA;
    padding: 0px;
    display: inline-block;
    padding: 10px;
    margin-left: 13px;
    width: 89%;
}	    
#sgic img{
    padding: 2px;
    bordeR: 1px solid #CCC;
    width: 360px;
}	
  .bol3 {
    width: 100%;
    float: left;
    text-align: center;
}
.bol3:last-child {
    width: 100%;
    margin-right: 0%;
}
  #index25 {
    width: 100% !important;
    display: table;
    margin: 0 auto;
    margin-top: 9px;
}


	
#aurunkutu {
    width: 47%;
    float: left;
    background: #f7f7f79e;
    margin: 5px;
}
#aresimkutu {
    width: 100%;
    height: 203px;
    overflow: hidden;
    background: #ffffff;
    border: 1px solid #ebebeb;
    border-bottom: 0px;
}
#aresimkutu img{
    width: 74%;
    margin: 0 auto;
    margin-top: 13px;
    position: relative;
    display: block;
    transition:1s;
    padding: 20px;
}
#aurunalt {
    width: 100%;
    text-align: center;
    margin-top: 7px;
    padding-top: 6px;
    padding-bottom: 6px;
    transition:1s;
}
#aurunkat {}
#aurunkat a {
	transition:1s;
	font-family: 'Marcellus SC', sans-serif;
	color: #646764;
	font-size: 12px;
	font-weight: 600;
	line-height: 17px;
}
#aurunismi  {}
#aurunismi a  {
    font-family: 'Playfair Display', sans-serif;
    color: #333333;
    font-size: 17px;
    font-weight: 600;
    line-height: 31px;
}
#afiyatkutu   {}
#afiyat   {}
#afiyat  p {
    font-family: 'Montserrat', sans-serif;
    color: #005500;
    font-size: 14px;
    font-weight: 700;
    line-height: 23px;
}

 
#aurunkutu:hover #aurunalt {
background:#4c6665;
	transition:1s;
}
#aurunkutu:hover #aurunkat a {
color:#c8c8c8;
	transition:1s;
}
#aurunkutu:hover #aurunismi a {
color:#ffffff;
	transition:1s;
}
#aurunkutu:hover #aresimkutu img {
transform:scale(1.3);
	transition:0.2s;
}

	
.fulla {
    width: 100%;
    background: #ffffff;
    margin-top: 14px;
    padding-top: 1px;
    margin-bottom: 20px;
    padding-bottom: 20px;
    height: 253px;
    position: relative;
}
.talan1 {
    width: 600px;
    height: 600px;
    position: absolute;
    top: 0;
    display: none;
}
.talan2 {
    background: #DAD7CA;
    width: 580px;
    height: 500px;
    position: absolute;
    top: 0px;
    right: 0;
    display: none;
}
.talan3 {
    background: #ffffff;
    width: 96%;
    height: 305px;
    position: relative;
    top: 15px;
    left: 0;
    padding-left: 18px;
}
.talan3 p.a1{
    font-family: 'Marcellus SC', sans-serif;
    color: #1d1e1d;
    font-size: 29px;
    font-weight: 500;
    line-height: 15px;
    margin-top: 0;
}
.talan3 p.a2{
    font-family: 'Marcellus SC', sans-serif;
    color: #df0000;
    font-size: 18px;
    font-weight: 600;
    line-height: 17px;
    margin-top: 8px;
}
.talan3 p.a3{
    font-family: 'Spectral', sans-serif;
    color: #737f73;
    font-size: 15px;
    font-weight: 500;
    line-height: 20px;
    margin-top: 29px;
    margin-right: 22px;
}
.talan3 p.a4{
    font-family: 'Spectral', sans-serif;
    color: #737f73;
    font-size: 15px;
    font-weight: 500;
    line-height: 20px;
    margin-top: 21px;
    border-left: 3px solid #CEAE7F;
    padding-left: 14px;
    margin-bottom: 7px;
    margin-right: 22px;
}
.bol2q {
    width: 340px;
    height: 0px;
    float: left;
}
.bol2q a {}
.bol2q p {
    text-align: right;
}
.talan4 {
    background: #DCADA5;
    width: 100%;
    height: 470px;
    position: relative;
    top: 14px;
    right: 59px;
    display: none;
}
.talan4 img {padding: 45px;}

.ayy1 {
    text-align: center;
}
.ayy2 {
    font-family: 'Poppins', sans-serif;
    color: #a39999;
    font-weight: 400;
    font-size: 11px;
    line-height: 12px;
}
.secildi .ayy2 {
    color: #ffffff;
}


	
.alan66 {
    position: relative;
    width: 100%;
    height: 1201px !important;
}
.alan66h:hover  img  {transition: 1s;transform: scale(1.1);}
.alan66h:hover  .a6a1  {  color:#fdd22c;  }
.alan66h:hover  .a6a2  {  color:#ffffff;  }
.a6a1{
    font-family: 'Marcellus SC', sans-serif;
    color: #1d1e1d;
    font-size: 21px;
    font-weight: 500;
    line-height: 17px;
    position: absolute;
    bottom: 73px !important;
    left: 55px !important;
}
p.a6a2{
    font-family: 'Playfair Display', sans-serif;
    color: #646764;
    font-size: 16px;
    font-weight: 600;
    line-height: 17px;
    position: absolute;
    bottom: 51px !important;
    left: 93px !important;
}
.alan66 .alan661{
    width: 84% !important;
    height: 287px !important;
    position: relative !important;
}
.alan66 .alan661 img{
    position: relative !important;
    top: 47px !important;
    right: 72px !important;
}
 .alan66 .alan662{
    width: 93% !important;
    height: 259px !important;
    position: relative !important;
    right: 0;
    top: 0;
}
.alan66 .alan662 img{
    position: absolute;
    top: 0px;
    right: 0 !important;
    left: 7px;
    top: -24px !important;
    width: 73%;
}
.alan66 .alan663{
    width: 96% !important;
    height: 301px !important;
    top: 0 !important;
    position: relative !important;
}
.alan66 .alan663 img{
    position: absolute;
    top: 1% !important;
    right: 43% !important;
    margin: 0 auto;
}
.alan66 .alan664{
    width: 96% !important;
    height: 360px !important;
    position: relative !important;
    right: 0;
    top: 0px !important;
    overflow: hidden;
}
.alan66 .alan664 img{
    position: absolute;
    top: 65px !important;
    right: 0px !important;
    transition: 1s;
    width: 68%;
    left: 4%;
}
.alan66h {cursor:pointer; transition:1s;background: #F4F6F8;position: relative;}
.alan66h:hover {background-color: #4c6665;transition: 1s;transition: background-color ease 1s;}
.alan66 .alan665{}
.alan66 .alan665 img{}


.anasayfa3 {float: none;background: #EFEFEF;padding: 40px 0px 40px 0px;}
.alanasol1 {
    width: 94% !important;
    float: left;
    margin-left: 2%;
}
.alanasol1 img {
    width: 100%;
}
.alanasol1 p.a1 {
    font-family: 'Marcellus SC', sans-serif;
    color: #424642;
    font-size: 24px !important;
    font-weight: 500;
    line-height: 56px;
}
.alanasol1 p.a2 {
    font-family: 'Marcellus SC', sans-serif;
    color: #cf7e00;
    font-size: 22px !important;
    font-weight: 600;
    line-height: 18px;
    text-align: left !important;
}
.alanasol1 p.a3 {
    font-family: 'Spectral', sans-serif;
    color: #424642;
    font-size: 16px;
    font-weight: 600;
    line-height: 30px;
    margin-top: 18px;
    margin-bottom: 14px;
}
.alanasol1 p.a5 {
    background: url(Resimler/katbaslik.jpg) no-repeat 4px 8px;
    padding-left: 26px;
    /* margin-top: 4px; */
    /* margin-bottom: 4px; */
    line-height: 26px;
    font-family: 'Marcellus SC', sans-serif;
    font-size: 14px;
    font-weight: 600;
} 
.alanasol1 a.a6 {
    font-family: 'Spectral', sans-serif;
    color: #ffffff;
    font-size: 15px;
    font-weight: 700;
    line-height: 18px;
    background: #000000;
    padding: 10px 21px 10px 21px;
    margin-top: 22px;
    display: inline-block;
} 

.alanasol2 {
    float: left;
    display: none;
}
.alanasol2 img {}
.alanasol2 p.a1{
    font-family: 'Marcellus SC', sans-serif;
    color: #b90000;
    font-size: 41px;
    font-weight: 600;
    line-height: 20px;
    font-size: 20px;
    text-transform: uppercase;
    text-align: left;
}
.alanasol2 p.a2{
    font-family: 'Marcellus SC', sans-serif;
    color: #424642;
    font-size: 41px;
    font-weight: 500;
    line-height: 56px;
}
.alanasol2 p.a3{
    font-family: 'Marcellus SC', sans-serif;
    color: #555351;
    font-size: 31px;
    font-weight: 500;
    line-height: 34px;
    text-align: left;
}
.alanasol2 a.a4{
    float: left;
    font-family: 'Spectral', sans-serif;
    color: #ffffff;
    font-size: 15px;
    font-weight: 700;
    line-height: 18px;
    background: #000000;
    padding: 10px 21px 10px 21px;
    margin-top: 22px;
    display: inline-block;
} 

 
	
.bol3e1o {
    float: left;
    width: 100% !important;
    margin-right: 0px !important;
    overflow: hidden;
    background: black;
    padding-top: 18px;
    padding-bottom: 18px;
}
	.bol3e1o video{width:100%;margin: 0;padding: 0;width: 99% !important;margin-left: 0px;left: 0;}
.bol3e1 {
    width: 100% !important;
    float: left;
    margin-right: 0 !important;
    overflow: hidden;
    position: relative;
}
.bol3e1:last-child {  margin-right: 0px;}
.bol3e2 {margin-top: 8px;width: 1000px;float: left;}
.atb1 {
    margin-bottom: 1px;
    width: 98% !important;
    margin-left: 3px;
}
.atb2 {
    border: 1px solid #CCC;
    width: 99% !important;
    margin-left: 3px;
}
 
	
 .bolimg2 {
    padding: 5px;
    margin: 0 auto;
    box-sizing: border-box;
    border: 1px solid #CCC;
    box-shadow: 0 0 3px #CACACA;
    width: 98%;
} 
#uyari #uyariic{
    left: 4%;
    width: 90%;
}
.alan60 {width: 95%;margin-left: 7px;}
.alan40 {width: 95%;margin-left: 7px;}
  .alan50 {width: 95%;margin-left: 7px;}
#alanfason {margin-top: 6px;margin-bottom: 6px;}
#alanfason #alan25 {
    width: 100%;
}

#alanfason #alan50 {
    width: 100%;
}


#referanslar img{
    width: 97%;
}

#mobilust {}
#mobilust #mlogo {
    background: #211f1f;
    text-align: center;
    padding: 5px;
}
#mobilust #mlogo  img{}
#mobilust #mobilmenu{
    width: 100%;
    background: #ff9f1f;
    height: 38px;
}
.bannerflu {display:none}
.sablon {
    width: 100% !important;
    overflow: hidden;
    margin-top: 0px !important;
}

	.qralan {
    width: 322px;
    margin: 0 auto;
}
.alan60u {
    width: 96%;
}
.alan40u {
    width: 98%;
}
.ralan1 {
    float: left;
    width: 48%;
    margin-bottom: 6px;
}
p.uruntitle {width: 100%;}

.urunsol {
    width: 98%;
    margin-left: 1%;
}
.urunsag {
    width: 98%;
    margin-left: 7px;
}
.urunsol .altresim img{
    width: 32%;
}
.mobiljus {
    width: 93%;
    margin-left: 3%;
}
.footer {
}
	#ftust  img{
   display:none;
}
.footer .fkolon{
    width: 46%;
    float: left;
    padding-left: 3%;
    margin-top: 17px;
}

	#yuzde50 {
    width: 98% !important;
    float: left;
    margin-left: 1%;
}
	
	.footer .fkolon:first-child{
    width: 100%;
    float: inherit;
    padding-left: 0;
    text-align: center;
}
		.footer .fkolon:last-child{
    width: 100%;
    float: right;
    padding-left: 0;
    margin-top: 22px;
    text-align: center;
}
	#ftust {
    margin-top: 3px;
}
.footeralt .fsol{
    width: 100%;
    text-align: center;
}
.footeralt .fsag{
    width: 100%;
    text-align: center;
    padding-bottom: 12px;
}
#sosyal {
    width: 100%;
    position: fixed;
    bottom: 0;
}
#sosyal #sosyalic {
    width: 100%;
    float: left;
    background: #333333;
    position: relative;
}
#sosyal #sosyalic #icon {
    width: 46%;
    float: left;
    position: relative;
}
#sosyal #sosyalic #icon img{
    padding-top: 2px;
    position: absolute;
    top: 4px;
    left: 4px;
}
#sosyal #sosyalic a {
    font-family: 'Rubik', sans-serif;
    color: #ffffff;
    font-weight: 600;
    font-size: 12px;
    text-transform: uppercase;
    line-height: 36px;
    padding-left: 35px;
}
.footeralt {margin-bottom: 37px;}

.urunkutu {
    width: 98%;
}
.urunkutuic{}
.urunkutu img{}
.urunkutu img:hover{}
.seriler{}
.seri {}
.ucbol {
    width: 94%;
    margin-left: 3%;
}
.ucbol img {width:100%}
}



.fmenu {
    position: fixed;
    background: #000000f2;
    width: 100%;
    height: 100%;
    z-index: 9999;
    display:none;
}
.fmenu p{
    font-family: 'Rubik', sans-serif;
    color: #000000;
    font-size: 21px;
    font-weight: 600;
    line-height: 60px;
    text-align: center;
    background: #FFA500;
}
.fmenu nav{}
.fmenu nav ul{
    padding: 0px;
}
.fmenu nav ul li{
    font-family: 'Rubik', sans-serif;
    color: #ffffff;
    font-size: 13px;
    font-weight: 500;
    line-height: 40px;
    border-bottom: 1px solid #544c4c;
    padding-left: 12px;
    border-left: 7px solid #ffa500;
}
.alti{
    padding-left: 18px !important;
    border-left: 4px dotted #ffffff !important;
}

.fmenu nav ul li a{}
.menukapabuton {
    width: 43%;
    margin: 0 auto;
    border-radius: 8px;
    line-height: 38px !important;
    font-size: 14px !important;
    color: #FFF !important;
    background: #bf0606 !important;
}



/* MENU BASLANGIC */

ul, ol {
	list-style: none;
}
#nav {
	width: 60em; /* 1000 */
	font-family: 'Open Sans', sans-serif;
	font-weight: 400;
	position: absolute;
	top: 25%;
	left: 50%;
	margin-left: -30em; /* 30 480 */
}
#nav > a {
	display: none;
}
#nav li {
	position: relative;
}
#nav li a {
	color: #fff;
	display: block;
}
#nav li a:active {
	background-color: #c00 !important;
}
#nav span:after {
	width: 0;
	height: 0;
	border: 0.313em solid transparent; /* 5 */
	border-bottom: none;
	border-top-color: #efa585;
	content: '';
	vertical-align: middle;
	display: inline-block;
	position: relative;
	right: -0.313em; /* 5 */
}

			#nav > ul {
	height: 3.75em; /* 60 */
	background-color: #e15a1f;
}
#nav > ul > li {
	width: 25%;
	height: 100%;
	float: left;
}
#nav > ul > li > a {
	height: 100%;
	font-size: 1.5em; /* 24 */
	line-height: 2.5em; /* 60 (24) */
	text-align: center;
}
#nav > ul > li:not( :last-child ) > a {
	border-right: 1px solid #cc470d;
}
#nav > ul > li:hover > a, #nav > ul:not( :hover ) > li.active > a {
	background-color: #cc470d;
}

				#nav li ul {
	background-color: #cc470d;
	display: none;
	position: absolute;
	top: 100%;
}
#nav li:hover ul {
	display: block;
	left: 0;
	right: 0;
}
#nav li:not( :first-child ):hover ul {
	left: -1px;
}
#nav li ul a {
	font-size: 1.25em; /* 20 */
	border-top: 1px solid #e15a1f; 
	padding: 0.75em; /* 15 (20) */
}
#nav li ul li a:hover, #nav li ul:not( :hover ) li.active a {
	background-color: #e15a1f;
}
 @media only screen and ( max-width: 62.5em ) /* 1000 */ {
#nav {  
	width: 100%;
	position: static;
	margin: 0;
}
}
 @media only screen and ( max-width: 40em ) /* 640 */ {
html {
	font-size: 75%; /* 12 */
}
#nav {
	position: relative;
	top: auto;
	left: auto;
}
#nav > a {
	width: 100%; /* 50 */
	height: 3.125em; /* 50 */
	text-align: left;
	background-color: #ff9f1f;
	position: relative;
}

#nav > a:after {
	top: 60%;
}
#nav:not( :target ) > a:first-of-type, #nav:target > a:last-of-type {
	display: block;
	padding-left: 39px;
	line-height: 38px;
	font-family: 'Rubik', sans-serif;
	color: #29292c;
	font-weight: 600;
	text-transform: uppercase;
	background: url(Resimler/menuiconbg.png) no-repeat 11px 11px;
}

			#nav > ul {
	height: auto;
	display: none;
	position: absolute;
	left: 0;
	right: 0;
}
#nav:target > ul {
	display: block;
}
#nav > ul > li {
	width: 100%;
	float: none;
}
.sb  {}
#nav > ul > li > a {
	height: auto;
	text-align: left;
	padding: 0 0.833em; /* 20 (24) */
}
#nav > ul > li:not( :last-child ) > a {
	border-right: none;
	border-bottom: 1px solid #cc470d;
}
				#nav li ul {
	position: static; 
	padding: 1.25em; /* 20 */
	padding-top: 0;
}
}
/* MENU BITIR */
.ayy1 {
    text-align: center;
}
.ayy2 {
    font-family: 'Poppins', sans-serif;
    color: #a39999;
    font-weight: 400;
    font-size: 11px;
    line-height: 12px;
}
.secildi .ayy2 {
    color: #ffffff;
}

.alan66 {
    position: relative;
    width: 100%;
    height: 740px;
}
.alan66h:hover  img  {transition: 1s;transform: scale(1.1);}
.alan66h:hover  .a6a1  {  color:#fdd22c;  }
.alan66h:hover  .a6a2  {  color:#ffffff;  }
.a6a1{
    font-family: 'Marcellus SC', sans-serif;
    color: #1d1e1d;
    font-size: 21px;
    font-weight: 500;
    line-height: 17px;
    position: absolute;
    bottom: 76px;
    left: 15px;
}
p.a6a2{
    font-family: 'Playfair Display', sans-serif;
    color: #646764;
    font-size: 16px;
    font-weight: 600;
    line-height: 17px;
    position: absolute;
    bottom: 48px;
    left: 17px;
}
.alan66 .alan661{
    width: 660px;
    height: 420px;
    position: absolute;
}
.alan66 .alan661 img{
    position: absolute;
    top: 100px;
    right: 72px;
}
 .alan66 .alan662{
    width: 660px;
    height: 240px;
    position: absolute;
    right: 0;
    top: 0;
}
.alan66 .alan662 img{
    position: absolute;
    top: 0px;
    right: 32px;
}
.alan66 .alan663{
    width: 660px;
    height: 240px;
    top: 442px;
    position: absolute;
}
.alan66 .alan663 img{
    position: absolute;
    top: 11px;
    right: 92px;
}
.alan66 .alan664{
    width: 660px;
    height: 420px;
    position: absolute;
    right: 0;
    top: 262px;
}
.alan66 .alan664 img{
    position: absolute;
    top: 70px;
    right: 47px;
    transition: 1s;
}
.alan66h {cursor:pointer; transition:1s;background: #F4F6F8;position: relative;}
.alan66h:hover {background-color: #4c6665;transition: 1s;transition: background-color ease 1s;}
.alan66 .alan665{}
.alan66 .alan665 img{}


.atb1 {
    margin-bottom: 1px;
}
.atb2 {
    border: 1px solid #CCC;
}


.anasayfa2 {
    background: url(Resimler/Yuklemeler/ortabgs.jpg);
    width: 100%;
    height: 380px;
    float: none;
    margin-top: 22px;
    margin-bottom: 22px;
} 
.alan7 {
    text-align: center;
} 
.alan7 p.a1 {
    font-family: 'Marcellus SC', sans-serif;
    color: #646764;
    font-size: 14px;
    font-weight: 600;
    line-height: 17px;
    margin-top: 121px;
    text-align: unset;
} 
 
.alan7 p.a2 {
    font-family: 'Playfair Display SC', sans-serif;
    color: #333333;
    font-size: 28px;
    font-weight: 600;
    line-height: 54px;
} 
.alan7 p.a3 {
    font-family: 'Marcellus SC', sans-serif;
    color: #d3cbcb;
    font-size: 20px;
    font-weight: 500; 
    line-height: 26px;
}
.alan7 a.a4 {
  font-family: 'Montserrat', sans-serif;
  color: #9f9084;
  font-size: 12px;
  font-weight: 700;
  line-height: 83px;
  border: 2px solid #dddddd;
  padding: 13px 30px 13px 30px;
  border-radius: 6px;
  background: #cee7d342;
  transition: 1s;
}
.alan7:hover a.a4{
    background: #7b6c58;
    color: aliceblue;
    transition: 1s;
}