@-webkit-viewport {width: device-width;}
@-moz-viewport {width: device-width;}
@-ms-viewport {width: device-width;}
@-o-viewport {width: device-width;}
@viewport {width: device-width;}
*, *:before, *:after {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
html, html a {-webkit-font-smoothing: antialiased;}
@font-face {font-family: 'RidleyGrotesk';src: url('../fonts/RidleyGrotesk.otf');}
@font-face {font-family: 'RidleyGrotesk-Bold';src: url('../fonts/RidleyGrotesk-Bold.otf');}
a {text-decoration:none;color: inherit;}
ul {margin:0;padding:0}
li {list-style:none;}
body {color: #000;margin: auto !important;overflow-x: hidden !important;font-family: RidleyGrotesk;height: 100%;background: #e8e8e8;}

.tiklaara {display: none;font-family: RidleyGrotesk-Bold;}
.top {float: left;width: 100%;padding: 2%;position: absolute;z-index: 9;}
.top .sweet {float: left;width: 40%;}
.top .sweet img {float: left;width: 100%;}
.top .nav {float: right;width: 15%;margin: 0.3% 0 0 0;}
.top .nav img {float: right;width: 100%;}

.menu {float: left;width: 100%;display: none;position: absolute;top: 100%;left: 0;right: 0;z-index: 9999;background: #000;border-top: 2px solid #890000;}
.menu ul {float: left;width: 100%;margin: 6% 0;}
.menu li {float: left;width: 100%;text-align: center;}
.menu li a {float: left;width: 100%;font-size: 20px;color: #fff;display: block;line-height: 44px;position: relative;}

.contain {width: 800px;margin: auto;}
.content {float: left;width: 100%;overflow: hidden;position: relative;}
.content > a {float: left;width: 100%;}
.content > a img {float: left;width: 100%;}
.content > img {float: left;width: 100%;}
.bnr {float: left;width: 100%;position: relative;}
.bnr img {float: left;width: 100%;}
.bnr .cursor {position: absolute;right: 9%;bottom: 17%;width: 5%;-webkit-animation: zoomout 1s infinite;animation: zoomout 1s infinite;}

.bedensec {float: left;width: 100%;position: relative;}
.bedensec img {float: left;width: 100%;}
.bedensec a {float: left;width: 87%;position: absolute;top: 2%;left: 2%;z-index: 9;}
.bedensec .cursor {position: absolute;right: 9%;bottom: 17%;width: 5%;-webkit-animation: zoomout 1s infinite;animation: zoomout 1s infinite;}
@-webkit-keyframes zoomout {0% {opacity: 0}50% {opacity: 1;}100% {opacity: 0}}
@keyframes zoomout {0% {opacity: 0}50% {opacity: 1;}100% {opacity: 0}}

.satinal {float: left;width: 100%;position: relative;}
.satinal img {float: left;width: 100%;}
.satinal .sayacdiv {float: left;width: 40%;padding: 0 0 0 2%;position: absolute;left: 0;bottom: 8%;}
.satinal .stok {float: left;width: 70%;text-align: center;font-family: 'RidleyGrotesk-Bold';margin: 0 0 0 15%;}
.satinal .stok strong {float: left;width: 100%;color: #000;font-size: 30px;line-height: 25px;margin-bottom: 10px;}
.satinal .stok p {float: left;width: 100%;margin: 0;font-size: 80px;line-height: 110px;border-radius: 7px;border: 2px solid #b00506;color: #b00506;}
.satinal #labels {float: left;width: 100%;}
.satinal #vals {width: 100%;float: left;}
.satinal .numbs {text-align: center;float: left;width: 30%;margin-right: 5%;border-radius: 7px;font-size: 36px;line-height: 50px;color: #fff;background: linear-gradient(to right, #4e0000 0%, #b00404 50%, #4e0000 100%);}
.satinal #s {margin: 0 !important;}
.satinal .labs {width: 30%;float: left;margin-right: 5%;text-align: center;font-size: 20px;line-height: 20px;margin-bottom: 10px;font-family: 'RidleyGrotesk-Bold';color: #000;}
.satinal .labs:last-child {margin-right:0;}
.satinal .defaultCountdown {float: left;width: 100%;position: relative;margin: 10% 0 0 0;}
.satinal .quata div {display: inline-block;}

.gobegiyoket {float: left;width: 100%;position: relative;}
.gobegiyoket img {float: left;width: 100%;}
.gobegiyoket a {float: left;width: 87%;position: absolute;top: -1%;left: 2%;z-index: 9;}
.gobegiyoket .cursor {position: absolute;right: 9%;bottom: 17%;width: 5%;-webkit-animation: zoomout 1s infinite;animation: zoomout 1s infinite;}

.buton {width: 90% !important;position: relative;margin: 3% 0 3% 2%;}
.buton img {float: left;width: 100%;}
.buton a {float: left;width: 87%;position: absolute;top: -1%;left: 2%;z-index: 9;}
.buton .cursor {position: absolute;right: 9%;bottom: 17%;width: 5%;-webkit-animation: zoomout 1s infinite;animation: zoomout 1s infinite;}

.sinirlistok {position: relative;float: left;width: 100%;}
.sinirlistok > img {float: left;width: 100%;}
.sinirlistok > div {position: absolute;top: 15%;left: 2%;width: 40%;}
.sinirlistok > div > b {font-family: 'RidleyGrotesk-Bold';float: left;width: 100%;font-size: 70px;line-height: 50px;margin: 3% 0 0 0;text-align: center;}
.sinirlistok > div > p {position: relative;float: left;width: 100%;text-align: center;margin: 2% 0 0 0;font-size: 71px;line-height: 90px;}
.sinirlistok > div > p span {text-decoration: line-through;}
.sinirlistok > div > p b {font-family: 'RidleyGrotesk-Bold';float: left;width: 100%;font-size: 135px;}
.sinirlistok .sayacdiv {float: left;width: 100%;}
.sinirlistok .stok {float: left;width: 70%;text-align: center;font-family: 'RidleyGrotesk-Bold';margin: 0 0 0 15%;}
.sinirlistok .stok strong {float: left;width: 100%;color: #000;font-size: 30px;line-height: 25px;margin-bottom: 10px;}
.sinirlistok .stok p {float: left;width: 100%;margin: 0;font-size: 80px;line-height: 110px;border-radius: 7px;border: 2px solid #b00506;color: #b00506;}
.sinirlistok #labels {float: left;width: 100%;}
.sinirlistok #vals {width: 100%;float: left;}
.sinirlistok .numbs {text-align: center;float: left;width: 30%;margin-right: 5%;border-radius: 7px;font-size: 36px;line-height: 50px;color: #fff;background: linear-gradient(to right, #4e0000 0%, #b00404 50%, #4e0000 100%);}
.sinirlistok #s {margin: 0 !important;}
.sinirlistok .labs {width: 30%;float: left;margin-right: 5%;text-align: center;font-size: 20px;line-height: 20px;margin-bottom: 10px;font-family: 'RidleyGrotesk-Bold';color: #000;}
.sinirlistok .labs:last-child {margin-right:0;}
.sinirlistok .defaultCountdown {float: left;width: 100%;position: relative;margin: 10% 0 0 0;}
.sinirlistok .quata div {display: inline-block;}

.yorumyaz {float: left;width: 100%;padding: 4% 0;}
.yorumyaz h3 {float: left;width: 100%;font-family: 'RidleyGrotesk-Bold';margin: 0 0 2% 0;padding: 0 3%;font-size: 45px;line-height: 35px;color: #b00404;}
.input{width: 50%;font-family:RidleyGrotesk;float: left;padding: 0 30px;position: relative;}
.inputic {width: 100%;outline:none;font-size: 20px;border: none;color: #fff;background: #b00404;float: left;padding: 20px;border-radius: 10px;font-family: 'RidleyGrotesk';}
.input label {position: relative;display: block;width: 100%;}
.input label.active .placeholder {top: -13px;background-color: #195154;color: #fff;font-size: 15px;line-height: 23px;-webkit-transform: translateY(0);transform: translateY(0);}
.input .placeholder {position: absolute;top: 50%;left: 10px;display: block;padding: 0 10px;color: #195154;font-size: 20px;-webkit-transition: all, .2s;transition: all, .2s;-webkit-transform: translateY(85%);transform: translateY(85%);pointer-events: none;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;border-radius: 5px;font-family: 'RidleyGrotesk-Bold';}

.textarea{float: left;width: 100%;padding: 0 30px;margin-top: 40px;position: relative;}
.textareaic {-webkit-transition: all .2s ease;transition: all .2s ease;width: 100%;outline: none;font-size: 20px;border: none;color: #fff;background: #b00404;float: left;padding: 20px;border-radius: 10px;height: 200px;font-family: 'RidleyGrotesk';resize: none;}
.textarea label {position: relative;display: block;width: 100%;}
.textarea label.active .placeholder {top: -13px;background-color: #195154;color: #fff;font-size: 15px;line-height: 23px;-webkit-transform: translateY(0);transform: translateY(0);}
.textarea .placeholder {position: absolute;top: 50%;left: 10px;display: block;padding: 0 10px;color: #195154;font-size: 20px;-webkit-transition: all, .2s;transition: all, .2s;-webkit-transform: translateY(50%);transform: translateY(50%);pointer-events: none;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;border-radius: 5px;font-family: 'RidleyGrotesk-Bold';}

.button {float: left;width: 100%;padding: 0 30px;margin-top: 15px;}
.button button {font-family: 'RidleyGrotesk-Bold';border: none;float: right;padding: 10px 20px;cursor: pointer;border-radius: 10px;font-size: 25px;outline: none;color: #ffffff;background: #000000;}

.yorumlar {float: left;width: 100%;padding: 3% 3% 0 3%;}
.yorumlar > img {float: left;width: 75%;}
.yorumlar ul {float: left;width: 100%;margin: 3% 0 0 0;}
.yorumlar ul li {float: left;width: 100%;color: #000;padding: 2% 0;border-bottom: 2px solid #b00404;}
.yorumlar ul li b {float: left;font-family: 'RidleyGrotesk-Bold';width: 60%;font-size: 25px;line-height: 33px;}
.yorumlar ul li .yildiz {float: right;width: 19%;}
.yorumlar ul li p {float: left;width: 100%;margin: 2% 0 0 0;font-size: 25px;line-height: 30px;}
.yrm {float: left;max-width: 85%;margin: 2% 0 0 0}

.laytbaxicerik {float: left;width: 100%;background: #fff;padding: 40px;position: relative;}
.laytbaxyazi {float: left;width: 100%;}
.laytbaxyazi a {color: initial;}
.laytbaxyazi h1 {font-size: 30px;color: #0088cc;margin: 0 0 .2%;line-height: normal;font-family: RidleyGrotesk-Bold;float: left;width: 100%;border-bottom: 2px solid #0088cc;margin-bottom: 5px;padding: 0;text-align: center;}
.laytbaxyazi h2 {float: left;width: 100%;font-size: 21px;margin: 0 0 -.3%;line-height: normal;padding: 0;font-family: RidleyGrotesk-Bold;color: #000;}
.laytbaxyazi h3 {font-size: 18px;float: left;width: 100%;margin: 0 0 -.3%;line-height: normal;padding: 0;font-weight: 700;color: #0e0e0e;}
.laytbaxyazi p {font-size: 15px;line-height: 18px;float: left;width: 100%;margin-bottom: 15px;color: #000;}
.laytbaxyazi > strong {}
.laytbaxyazi span {}
.laytbaxyazi table {color: #000;}
.laytbaxyazi .width {width: 30%;}

.footer {float: left;width: 100%;position: relative;padding: 3% 2%;background: #000000;}
.footer > .logo {float: left;width: 42%;}
.footer > .social {float: right;width: 18%;margin: 2% 0 0 0;}
.footer ul {float: left;width: 100%;display: flex;align-items: center;margin: 3% 0 0 0;}
.footer ul li {float: left;width: 20%;text-align: center;}
.footer ul li a {float: left;width: 100%;color: #fff;font-size: 18px;line-height: 23px;}

.bottomsticky {display: none;}

@media screen and (max-width: 1000px) {
.menu li a {font-size: 4vw;line-height: 8vw;}

.satinal .sayacdiv {width: 45%;bottom: 6%;}
.satinal .stok strong {font-size: 3.3vw;line-height: 3vw;margin-bottom: 2%;}
.satinal .labs {font-size: 2.5vw;line-height: 2vw;margin-bottom: 2%;}
.satinal .stok p {font-size: 8vw;line-height: 11vw;}
.satinal .numbs {font-size: 5vw;padding: 2% 0;line-height: 5vw;}
.satinal .sayacdiv > h1 {font-size: 9.3vw;line-height: 12vw;}

.sinirlistok .stok strong {font-size: 3.3vw;line-height: 3vw;margin-bottom: 2%;}
.sinirlistok .labs {font-size: 2.5vw;line-height: 2vw;margin-bottom: 2%;}
.sinirlistok .stok p {font-size: 8vw;line-height: 11vw;}
.sinirlistok .numbs {font-size: 5vw;padding: 2% 0;line-height: 5vw;}
.sinirlistok .sayacdiv > h1 {font-size: 9.3vw;line-height: 12vw;}
.sinirlistok > div > b {font-size: 7vw;line-height: 8vw;}
.sinirlistok > div > p {font-size: 8vw;line-height: 9vw;}
.sinirlistok > div > p b {font-size: 14vw;}
.sinirlistok > div {width: 39%;}

.tiklaara {float: left;width: 100%;background: linear-gradient(to right, #4e0000 0%, #b00404 50%, #4e0000 100%);}
.tiklaara > a {color: #fff;float: left;width: 100%;text-decoration: none;padding: 2% 0;}
.tiklaara > a span {float: left;width: 73%;font-size: 3.2vw;line-height: 5vw;padding: 4% 0 0 2%;}
.tiklaara > a p {float: left;width: 100%;background: #fff;border-radius: 6px;margin: 0;font-size: 4vw;line-height: 8vw;font-family: 'RidleyGrotesk-Bold';color: #000;}
.tiklaara > a small {float: left;width: 100%;font-size: 3.5vw;line-height: 6vw;}
.ikon {float: left;width: 50%;margin-left: 2%;}
.ikon img {float: left;width: 27%;}
.ikon span {float: left;}
.ikon span b {font-family: 'RidleyGrotesk-Bold';}
.telsag {float: left;width: 43%;margin: 0 0 0 3%;text-align: center;position: relative;}
.telsag img {position: absolute;right: 3%;bottom: 0;width: 12%;-webkit-animation: zoomout 1s infinite;animation: zoomout 1s infinite;}
.sabitkal {position: fixed;top: 0;left: 0;right: 0;z-index: 9999;display: block;}

.contain {width: 100%;}
.laytbaxicerik {padding: 5%;}
.laytbaxyazi h2 {font-size: 5vw;line-height: 6vw;}
.laytbaxyazi p {font-size: 3.5vw;line-height: 4vw;margin: 3% 0;}
.laytbaxyazi h1 {line-height: 5vw;font-size: 5vw;}
.laytbaxyazi table {font-size: 3vw;}
.sozlesme input {width: 4vw !important;height: 4vw;}
.sozlesme span {font-size: 3.5vw;line-height: 4vw;width: 92%;}

.yorumlar ul li b {font-size: 3.7vw;line-height: 4vw;width: 77%;}
.yorumlar ul li .yildiz {width: 22%;}
.yorumlar ul li p {font-size: 4vw;line-height: 5vw;}

.yorumyaz h3 {font-size: 6vw;line-height: 7vw;}
.input {padding: 0 3%;margin-bottom: 3%;width: 100%;}
.inputic {font-size: 4vw;padding: 5% 3%;}
.input .placeholder, .textarea .placeholder {left: 0;padding: 0 3%;font-size: 4vw;}
.input label.active .placeholder, .textarea label.active .placeholder {top: 0;font-size: 3.5vw;line-height: 5vw;-webkit-transform: translateY(-50%);transform: translateY(-50%);}
.textarea {padding: 0 3%;margin-top: 0;}
.textareaic {font-size: 4.5vw;padding: 5% 3%;height: 25vw;}
.button {padding: 0 3%;margin-top: 5%;}
.button button {padding: 2% 4%;font-size: 5vw;}

.footer {margin-bottom: 15%;}
.footer ul li {width: 50%;}
.footer ul {display: block;}
.footer ul li a {font-size: 3.6vw;line-height: 4vw;padding: 2%;}
.footer > .logo {width: 45%;}
.footer > .social {width: 22%;margin: 4% 0 0 0;}

.bottomsticky {display: block;position: fixed;bottom: 0;left: 0;width: 100%;z-index: 999999;background: #4e0000;background: -webkit-linear-gradient(to right, #4e0000 0%, #b00404 50%, #4e0000 100%);background: -moz-linear-gradient(to right, #4e0000 0%, #b00404 50%, #4e0000 100%);background: linear-gradient(to right, #4e0000 0%, #b00404 50%, #4e0000 100%);}
.bottomsticky span {float: left;width: 100%;text-align: center;font-family: 'RidleyGrotesk-Bold';color: #fff;font-size: 5vw;line-height: 16vw;}


}

::-webkit-input-placeholder {color: #fff;}
::-moz-placeholder {color: #fff;}
:-ms-input-placeholder {color: #fff;}
:-moz-placeholder {color: #fff;}