@-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: Blogger_Sans;src: url("../fonts/Blogger_Sans.otf");}
@font-face {font-family: Blogger_Sans-Bold;src: url("../fonts/Blogger_Sans-Bold.otf");}
@font-face {font-family: Blogger_Sans-Light;src: url("../fonts/Blogger_Sans-Light.otf");}
@font-face {font-family: Blogger_Sans-Medium;src: url("../fonts/Blogger_Sans-Medium.otf");}

a {text-decoration:none;color: #07235a;}
ul {margin:0;padding:0}
li {list-style:none;}
body {color: #ef0a0a;margin: auto !important;overflow-x: hidden !important;font-family: 'Blogger_Sans';background: #dadada;}

.contain {width: 775px;margin: auto;}
.ic {float: left;width: 100%;background: #f6f5f1;box-shadow: 0px 0px 20px #c9c8c8;}

.banner {float: left;width: 100%;position: relative;z-index: 1;}
.tiklasana {float: right;animation: pulse 3s ease infinite alternate;position: absolute;left: 0;top: 0;background: #08082d;border-bottom-right-radius: 15px;font-size: 21px;padding: 1% 4%;}
.rapor {position: absolute;padding: 23% 16%;left: 26%;bottom: 21%;}
.tiklasana strong {font-family: 'Blogger_Sans-Medium';}
.banner > img {float: left;width: 100%;}
@keyframes pulse {  0% {color:#f8d82c;} 25% {color: #fff;} 50% {color: #f8d82c;} 75% {color: #fff;} 100% {color: #f8d82c;}}

.sayacdiv {float: left;width: 100%;padding: 0 5% 0 5%;margin: 2% 0 5% 0;}
.stok {float: left;width: 40%;text-align: center;}
.stok strong {float: left;width: 100%;font-size: 30px;line-height: 30px;margin-bottom: 10px;font-family: 'Blogger_Sans-Medium';color: #048442;}
.stok p {float: left;width: 100%;margin: 0;border: 9px solid #068444;font-size: 75px;padding: 3px 0;line-height: 90px;border-radius: 7px;font-family: 'Blogger_Sans-Light';color: #061e48;}
#labels {float: left;width: 100%;}
#vals {width: 100%;float: left;}
.numbs {text-align: center;float: left;width: 30%;margin-right: 5%;border: 6px solid #068444;border-radius: 7px;font-size: 35px;padding: 3px 0;line-height: 40px;font-family: 'Blogger_Sans-Medium';color: #061e48;}
#s {margin: 0 !important;}
.labs {width: 30%;float: left;margin-right: 5%;text-align: center;font-size: 20px;line-height: 20px;margin-bottom: 10px;font-family: 'Blogger_Sans-Medium';color: #048442;}
.labs:last-child {margin-right:0;}
.defaultCountdown {float: left;width: 50%;position: relative;margin: 8.6% 0 0 6%;}

.quata div {display: inline-block;}

.siparis {float: left;width: 100%;position: relative;padding: 0 3%;}
.siparis h6 {float: left;width: 100%;position: relative;margin: 0 0 2% 0;font-size: 37px;color: #061544;font-family: 'Blogger_Sans-Medium';}

.input{width: 100%;float: right;margin: 0 0 4% 0;position: relative;z-index: 99;}
.inputic {width: 100%;outline:none;font-size: 40px;color: #061544;background: #fff;float: left;font-family: RidleyGrotesk;padding: 2% 3%;-webkit-transition: all .2s ease;transition: all .2s ease;border: 2px solid #061544;border-radius: 7px;}
.input select {width: 100%;outline:none;font-size: 40px;color: #061544;background: url("../images/ok.png.html") no-repeat #fff;float: left;font-family: RidleyGrotesk;padding: 2% 3%;border: 2px solid #061544;border-radius: 7px;-webkit-appearance: none;-moz-appearance: none;cursor: pointer;background-position: 97% 55%;}
.input label {position: relative;display: block;width: 100%;}
.input label.active .placeholder {top: -13px;background-color: #061544;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: #061544;font-size: 34px;-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: 'Blogger_Sans';}

.ok {position: absolute;bottom: -7%;right: 7%;z-index: 9999;}
.form {float: left;width: 100%;padding: 0 3%;position: relative;}

.radyo {float: left;width: 100%;margin: 0 0 3% 0;border-radius: 7px;position: relative;z-index: 11;background-image: -ms-linear-gradient(top, #042159 0%, #070B33 100%);background-image: -moz-linear-gradient(top, #042159 0%, #070B33 100%);background-image: -o-linear-gradient(top, #042159 0%, #070B33 100%);background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #042159), color-stop(100, #070B33));background-image: -webkit-linear-gradient(top, #042159 0%, #070B33 100%);background-image: linear-gradient(to bottom, #042159 0%, #070B33 100%);}
.radyo input[type=radio ]:not(old) {margin: 0;padding: 0;font-size: 1em;opacity: 0;display: none;}
.radyo input[type=radio ]:not(old) + label > span {width: 35px;height: 35px;border: 3px solid #ffffff;border-radius: 100%;background: transparent;vertical-align: bottom;margin: 0;position: absolute;left: 1.5%;top: 5%;transition: border .25s linear;-webkit-transition: border .25s linear;z-index: 99;}
.radyo input[type=radio]:not(old):checked + label > span > span {display: block;border-radius: 100%;width: 25px;height: 25px;margin: 2px;background: #ddce53;transition: background 0.25s linear;-webkit-transition: background 0.25s linear;}
.radyo input[type=radio ]:not(old) + label {width: 100%;cursor: pointer;float: left;position: relative;z-index: 122;overflow: hidden;padding: 2% 2% 2% 0%;border: none;border-radius: 7px;}
.bgbg {background: #ef0a0a;position: absolute;top: 0;left: 0;height: 100%;width: 0;}
.radyo input[type=radio]:not(old):checked + label > .bgbg {width: 100%;-webkit-transition: width 0.5s ease-in-out;-moz-transition: width 0.5s ease-in-out;-o-transition: width 0.5s ease-in-out;transition: width 0.5s ease-in-out;}
.radyo input[type=radio]:not(old):checked + label > .asd p {color: #fff;}
.radyo input[type=radio]:not(old):checked + label > .asd strong {color: #fff;}
.radyo input[type=radio]:not(old):checked + label > .asd > span, .radyo input[type=radio]:not(old):checked + label .fiat {color: #ddce53;}


.radioimg {float: left;margin: 1% 0;width: 40%;position: relative;clear: left;}
.asd {float: left;width: 60%;position: relative;text-align: right;padding-left: 3%;margin: -5% 0 0 0;}
.asd p {float: left;width: 100%;font-size: 23px;line-height: 28px;color: #a7a7a7;margin: 0;font-family: 'Blogger_Sans-Medium';}
.asd p span {float: right;font-size: 31px;line-height: 35px;color: #fff;}
.asd p b  {float: right;font-family: 'Blogger_Sans-Bold';}
.asd strong {float: left;width: 100%;font-size: 32px;color: #ef0a0a;font-family: 'Blogger_Sans-Bold';}
.asd > span {float: left;width: 100%;font-size: 18px;line-height: 20px;margin: 4% 0;}
.secili {float: left;font-size: 28px;margin: 0 0 0 8%;clear: left;color: #fff;font-family: 'Blogger_Sans-Bold';position: relative;}
.fiat {float: right;width: 100%;color: #fff;font-family: 'Blogger_Sans-Bold';}
.fiat h2 {float: right;font-size: 35px;margin: 0 30px 0 0;line-height: 75px;text-decoration: line-through;}
.fiat h1 {float: right;font-size: 60px;margin: 0;line-height: 55px;}
.fiat h1 span {float: left;width: 100%;font-size: 16px;line-height: 20px;font-family: 'Blogger_Sans';font-weight: normal;}

.buton {float: left;width: 100%;margin: 0 0 4% 0;text-align: center;position: relative;padding: 0 2%;}
.buton button {color: #ef0a0a;background: #ddce53;font-size: 60px;padding: 1% 7%;text-align: center;outline: none;border: none;border-radius: 7px;cursor: pointer;font-family: 'Blogger_Sans-Bold';}

.alt {float: left;width: 50%;padding: 2% 3%;}
.alt b {float: left;width: 100%;font-size: 30px;color: #051849;}
.alt p {float: left;width: 100%;margin: 2% 0 0 0;font-size: 20px;color: #676767;}

@media screen and (max-width: 775px) {.contain {width: 100%;}
.tiklasana {font-size: 3vw;padding: 1% 0%;width: 60%;text-align: center;}
.stok {width: 35%;}
.stok strong, .labs {font-size: 3.5vw;line-height: 4vw;margin-bottom: 2%;}
.stok p {font-size: 8vw;padding: 2% 0;line-height: 12vw;}
.numbs {font-size: 5vw;padding: 2% 0;line-height: 6vw;}
.sayacdiv > h1 {font-size: 9.3vw;line-height: 12vw;}
.asd strong {font-size: 4vw;line-height: 5vw;}
.asd > span {font-size: 3vw;line-height: 3.5vw;}
.fiat > span {font-size: 3vw;line-height: 4vw;}
.fiat h2 {font-size: 4.5vw;line-height: 10vw;margin-right: 5%;}
.fiat h1 {font-size: 9vw;line-height: 7vw;}
.fiat h1 span {font-size: 2.5vw;line-height: 4vw;}
.sec {font-size: 3.5vw;line-height: 4vw;padding: 4% 0;}
.siparis > strong {font-size: 4.7vw;margin-bottom: 2%;}
.siparis > b {font-size: 4vw;line-height: 4vw;}
.buton button {font-size: 6vw;line-height: 10vw;}
.defaultCountdown {margin: 5% 0 0 0;float: right;width: 58%;}
.radyo input[type=radio ]:not(old) + label > span {width: 7vw;height: 7vw;}
.radyo input[type=radio]:not(old):checked + label > span > span {width: 4vw;height: 4vw;margin: 14%;}
.asd p {font-size: 3vw;line-height: 4vw;}
.asd p span {font-size: 3vw;line-height: 4vw;}
.input .placeholder {left: 3%;padding: 0;font-size: 4vw;-webkit-transform: translateY(70%);transform: translateY(85%);}
.input label.active .placeholder {top: 0;font-size: 3vw;line-height: 3vw;-webkit-transform: translateY(-45%);transform: translateY(-45%);padding: 1% 3%;}
.secili {font-size: 3vw;margin: 0 0 0 11%;}
.radioimg {margin: 3% 0;width: 35%;}
.asd {width: 65%;margin: -3% 0 0 0;}
.siparis h6 {font-size: 5vw;}
.inputic {font-size: 4vw;padding: 4% 3%;}
.input select {font-size: 4vw;background-size: 6% !important;padding: 4% 3%;}
.alt b {font-size: 4vw;}
.alt p {font-size: 3vw;}

}


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

.container {
    max-width: 800px;
    margin-left: auto;
    margin-right: auto;
}