@-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('../font/Poppins-Regular.otf');}
@font-face {font-family: 'RidleyGroteskBold';src: url('../font/Poppins-Bold.otf');}
a {text-decoration:none;color: #07235a;}
ul {margin:0;padding:0}
li {list-style:none;}
body {color: #b08c31;margin: auto !important;overflow-x: hidden !important;font-family: RidleyGrotesk;background: #fbf9f5;}

.contain {width: 1000px;margin: auto;}
.ic {float: left;width: 100%;background: #fff;}
.top {float: left;width: 100%;position: relative;}
.top img {float: left;width: 100%;}
.top a {position: absolute;right: 1.5%;bottom: 25%;font-family: 'RidleyGroteskBold';color: #001140;font-size: 35px;line-height: 25px;}


.banner {float: left;width: 100%;position: relative;}
.banner > img {float: left;width: 100%;}

.dikkat1 {float: left;width: 94%;border: 5px solid #0b544f;margin: 3% 0 0 3%;padding: 20px 0;background: #439bd1;position: relative;}
.dikkat1 h1 {font-family: 'RidleyGroteskBold';float: left;width: 100%;margin: 0 0 1% 0;color: #ffffff;font-size: 27px;line-height: 35px;padding: 0 0 0 15%;}
.dikkat1 b {font-family: 'RidleyGroteskBold';float: left;width: 100%;padding: 0 0 0 15%;font-size: 25px;color: #ffca00;line-height: 30px;margin: 0 0 2% 0;}
.dikkat1 div {float: left;width: 94%;background: #2a6080;margin: 0 0 0 3%;padding: 2% 5%;}
.dikkat1 div button {float: left;width: 27.3%;background: none;border: none;outline: none;padding: 0;margin: 2% 3%;cursor: pointer;position: relative;}
.dikkat1 div button img {width: 100%;float: left;border:4px solid transparent;border-radius: 100%;}
.intro img {border-color: red !important}
.dikkat1 > img {position: absolute;z-index: 2;left: -3%;top: -9%;width: 120px;}
.dikkat1 > span {float: left;width: 100%;color: #fff;margin: 20px 0 0 0;font-size: 31px;text-align: center;}
.sacbg {border: none !important;width: 15% !important;position: absolute;bottom: 10%;left: 45%;display: none;}
.intro .sacbg {display: block !important;}


.ic > h1 {float: left;width: 100%;text-align: center;font-family: 'RidleyGroteskBold';font-size: 90px;line-height: 80px;margin: 0 0 30px 0;position: relative;z-index: 12;color: #f52525;}
.ic > h1 span {float: left;width: 100%;font-size: 50px;line-height: 69px;}
.ic > h2 {float: left;width: 100%;text-align: center;font-family: 'RidleyGroteskBold';font-size: 36px;line-height: 40px;margin: 4% 0;position: relative;z-index: 12;color: #2a6283;text-decoration: underline;}

.sayacdiv {float: left;width: 100%;padding: 0 10%;margin: -3% 0 1% 0;position: relative;color: #ff6000;font-family: 'RidleyGroteskBold';}
.stok {float: left;width: 35%;text-align: center;}
.stok strong {float: left;width: 100%;font-size: 30px;line-height: 35px;margin-bottom: 10px;}
.stok p {float: left;width: 100%;margin: 0;border: 3px solid #ffa200;font-size: 90px;padding: 3px 0;line-height: 90px;border-radius: 7px;}
#labels {float: left;width: 100%;}
#vals {width: 100%;float: left;}
.numbs {text-align: center;float: left;width: 30%;margin-right: 5%;border: 3px solid #ffa200;border-radius: 7px;font-size: 43px;padding: 3px 0;line-height: 50px;}
#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: 'RidleyGroteskBold';}
.labs:last-child {margin-right:0;}
.defaultCountdown {float: left;width: 55%;position: relative;margin: 7% 0 0 10%;}

.quata div {display: inline-block;}

.siparis {float: left;width: 94%;position: relative;border-top: 4px solid #ff6000;margin: 2% 0 0 3%;padding: 2% 0 0 0;}
.siparis h4 {float: left;width: 100%;font-family: 'RidleyGroteskBold';margin: 0 0 0 0;font-size: 32px;margin-bottom: 2%;color: #2a6080;}
.input{width: 100%;float: right;margin: 0 0 3% 0;position: relative;z-index: 99;}
.inputic {width: 100%;outline:none;font-size: 35px;color: #000;background: #fff;float: left;font-family: 'RidleyGrotesk';padding: 2% 3%;-webkit-transition: all .2s ease;transition: all .2s ease;border-radius: 7px;border: 2px solid #bdc9d9;}
.input textarea {height: 240px;resize: none;}
.input label {position: relative;display: block;width: 100%;}
.input label.active .placeholder {top: -13px;background-color: #fbd467;color: #2c0101;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: #000;font-size: 35px;-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';}
.input select {-webkit-appearance: none;-moz-appearance: none;background: url(../images/ok.png) no-repeat #fff;background-size: 4%;background-position: 97%;width: 100%;outline: none;font-size: 35px;border: 2px solid #bdc9d9;color: #000;float: left;padding: 2% 3%;border-radius: 10px;font-family: 'RidleyGrotesk';cursor: pointer;}

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

.radyo {float: left;width: 100%;margin: 0 0 3% 0;border-radius: 7px;position: relative;z-index: 11;background: #e1e1e1;overflow: hidden;}
.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%;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: #e6cfb8;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;padding: 2% 2% 2% 0%;border-radius: 7px;}
.radyo input[type=radio]:not(old):checked + label {background: #ff6000;}
.radyo input[type=radio]:not(old):checked + label .asd p, .radyo input[type=radio]:not(old):checked + label .asd strong, .radyo input[type=radio]:not(old):checked + label .asd > span, .radyo input[type=radio]:not(old):checked + label .asd small {color: #fff;}
.radyo input[type=radio]:not(old):checked + label .fiat h2 {color: #2a6283;}
.radyo input[type=radio]:not(old):checked + label .fiat h1 {color: #2a6283;}
.radyo input[type=radio]:not(old):checked + label .fiat {background: #ffca00;}
.radyo input[type=radio]:not(old):checked + label .asd b {color: #efe08e !important;}


.radioimg {float: left;width: 35%;position: absolute;clear: left;bottom: 2%;}
.asd {float: right;width: 93%;position: relative;}
.asd strong {float: left;width: 100%;font-size: 40px;line-height: 50px;color: #000000;margin: 2% 0;padding: 0 0 0 16%;font-family: 'RidleyGroteskBold';}
.asd > span {float: left;width: 100%;font-size: 25px;line-height: 35px;color: #000;margin: 0 0 4% 0;padding: 0 0 0 16%;}
.asd > small {float: left;width: 70%;font-size: 22px;line-height: 30px;color: #000;padding: 0 0 0 16%;}
.asd p {float: left;width: 100%;font-size: 35px;line-height: 50px;color: #2a6283;margin: 0;}
.asd p b {font-family: 'RidleyGroteskBold';}
.asd > b {font-family: 'RidleyGroteskBold';float: left;width: 100%;color: #ca1d15;font-size: 30px;line-height: 40px;}
.asd > img {position: absolute;top: 0;right: 0;width: 145px;}
.fiat {float: right;width: 30%;clear: right;margin: -10% 0 0 0;text-align: center;padding: 15px 10px;border-radius: 15px;background: #2a6283;}
.fiat h2 {float: right;font-size: 40px;margin: 0;line-height: 50px;position: relative;width: 100%;color: #ffca00;font-family: 'RidleyGroteskBold';}
.fiat h2 span {float: left;width: 100%;font-weight: normal;font-size: 19px;text-align: center;line-height: 20px;font-family: 'RidleyGrotesk';}
.fiat h1 {float: left;width: 100%;font-size: 30px;margin: 0;line-height: 23px;text-decoration: line-through;font-weight: normal;color: #5bc3bc;}
.buton {float: left;width: 100%;margin: 0 0 4% 0;text-align: center;position: relative;}
.buton button {color: #fff;background: #841313;font-size: 80px;padding: 1% 7%;text-align: center;outline: none;border: none;border-radius: 10px;cursor: pointer;font-family: 'RidleyGroteskBold';width: 100%;float: left;}

.haklar {float: left;width: 100%;}
.haklar div {float: left;width: 50%;padding: 0 3% 5% 3%;}
.haklar strong {float: left;width: 100%; color: #d9b14a;font-size: 34px;}
.haklar p {float: left;width: 100%;margin: 2% 0 0 0;color: #000;font-size: 25px;}
.haklar p a:active{text-decoration:underline;}


.alt {float: left;width: 100%;padding: 2% 3%;font-size: 25px;font-family: 'RidleyGroteskBold';color: #000;}
.alt b {float: left;width: 100%;text-transform: uppercase;}
.alt p {float: left;width: 100%;margin: 2% 0 0 0;}

@media screen and (max-width: 1000px) {.contain {width: 100%;}
.ic > h1 {font-size: 6.5vw;line-height: 7vw;margin: 0 0 3% 0;}
.top a {font-size: 3.2vw;line-height: 3vw;}
.ic > h2 {font-size: 3.5vw;line-height: 5vw;}
.ic > h1 span {font-size: 5vw;line-height: 6vw;}
.stok {width: 35%;}
.stok strong, .labs {font-size: 3.5vw;line-height: 4vw;margin-bottom: 2%;}
.stok p {font-size: 10vw;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;}
.fiat h2 {font-size: 4vw;line-height: 4.5vw;}
.fiat h1 {font-size: 3.5vw;line-height: 4vw;}
.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;}
.input .placeholder {left: 3%;padding: 0;font-size: 4vw;-webkit-transform: translateY(75%);transform: translateY(75%);}
.input label.active .placeholder {top: 0;font-size: 3vw;line-height: 3vw;-webkit-transform: translateY(-45%);transform: translateY(-45%);padding: 1% 3%;}
.input {margin: 0 0 5% 0;}
.input textarea {height: 25vw;}
.siparis h4 {font-size: 4vw;}
.defaultCountdown {margin: 5% 0 0 0;float: right;width: 58%;}
.radyo input[type=radio ]:not(old) + label > span {width: 5vw;height: 5vw;}
.radyo input[type=radio]:not(old):checked + label > span > span {width: 2vw;height: 2vw;margin: 21%;}
.asd > p {font-size: 4.7vw;line-height: 5.5vw;width: 100%;}
.input .placeholder {left: 3%;padding: 0;font-size: 4vw;-webkit-transform: translateY(75%);transform: translateY(75%);}
.input label.active .placeholder {top: 0;font-size: 3vw;line-height: 3vw;-webkit-transform: translateY(-45%);transform: translateY(-45%);padding: 1% 3%;}
.input {margin: 0 0 5% 0;}
.input textarea {height: 25vw;}
.secili {font-size: 3.7vw;left: 11%;line-height: 4vw;width: 22%;}
.asd {width: 91%;}
.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 {font-size: 3.6vw;}
.fiat {width: 34%;padding: 2% 1%;border-radius: 7px;}
.fiat h2 span {font-size: 2.5vw;line-height: 4vw;}
.dikkat1 {width: 96%;border: 4px solid #635021;margin: 0 0 0 2%;padding: 2% 0;}
.dikkat1 h1 {font-size: 2.8vw;line-height: 4vw;padding: 0 0 0 9%;}

.haklar strong {font-size: 4vw;}
.haklar p {font-size: 3vw;}
.radioimg {width: 36%;}
.form {padding: 0 2%;}
.dikkat1 > img {left: -2%;width: 12%;}
.asd strong {font-size: 4.5vw;line-height: 6vw;padding: 0 0 0 12%;}
.asd > span {width: 100%;font-size: 3.5vw;line-height: 4.5vw;padding: 0 0 0 12%;}
.asd > small {width: 65%;font-size: 4.1vw;line-height: 4.5vw;padding: 0 2% 0 12%;}
.asd > b {font-size: 2.5vw;line-height: 4vw;}
.dikkat1 b {padding: 0 0 0 9%;font-size: 4vw;line-height: 5vw;}
.dikkat1 div {padding: 2% 2%;}
.dikkat1 div button img {border: 0.6vw solid transparent;}
.dikkat1 > span {margin: 2% 0 0 0;font-size: 4vw;line-height: 5vw;padding: 0 2%;}
.sayacdiv {margin: -3% 0 4% 0;}
.asd > img {width: 20%;}
}

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

 /* The Modal (background) */
.modal {
  display: none; /* Hidden by default */
  position: fixed; /* Stay in place */
  z-index: 999; /* Sit on top */
  left: 0;
  top: 0;
  width: 100%; /* Full width */
  height: 100%; /* Full height */
  overflow: auto; /* Enable scroll if needed */
  background-color: rgb(0,0,0); /* Fallback color */
  background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}

/* Modal Content/Box */
.modal-content {
  background-color: #fefefe;
  color: #000;
  margin: 15% auto; /* 15% from the top and centered */
  padding: 20px;
  border: 1px solid #888;
  width: 80%; /* Could be more or less, depending on screen size */
}

/* The Close Button */
.close {
  color: #000000;
  float: right;
  font-size: 28px;
  font-weight: bold;
}

.close:hover,
.close:focus {
  color: black;
  text-decoration: none;
  cursor: pointer;
} 

.secilemez {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}