@-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/Poppins-Regular.otf');}
@font-face {font-family: 'RidleyGroteskBold';src: url('../fonts/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;
}