@import url(https://fonts.googleapis.com/css?family=Dosis:400,200,300,500,600,700,800&subset=latin,latin-ext);

@-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;
}
a {text-decoration:none;}
ul {margin:0;padding:0}
li {list-style:none;}
body {
color: #4a2679;
font-family: 'Dosis', sans-serif;
    max-width: 767px;
    margin: 0px auto !important;
overflow-x: hidden !important;
background:#fff;
}

.header, .header a, .header img {float:left;width:100%;position:relative;z-index: 111;}
.header select {background: url(../images/searcharrow.png) no-repeat #fdfdff;background-position: 5% 51%;background-size: 11%;-webkit-appearance: none;-moz-appearance: none;border: none;position: absolute;z-index: 999999;right: 2%;top: 2%;font-weight: bold;width: 32%;font-size: 3.5vw;color: #59308a;padding: 2% 2% 2% 7%;outline: none;border-radius: 5px;cursor: pointer;}
.izle {margin-top: -6%;background:#d0e0e9;}
.izle, .izle a, .izle img {float:left;width:100%;}
.kirisiklikler {float:left;width:100%;background:#d0e0e9;padding-bottom:3%;}
.kirisiklikler > a {float: left;width: 40%;margin-right: 2%;}
.kirisiklikler > a img {float: left;width: 100%;}
.kirisikfiyat {float: left;width: 100%;text-align: center;margin: 5% 0;}
.kirisikfiyat img {width: 80%;}
.kirisikliklerinner {float: left;width: 58%;padding-right: 3%;}
.kirisikliklerinner > p {float: left;width: 100%;font-size: 4vw;margin: 0 0 3% 0;}
.kirisikbaslik {float: left;width: 100%;margin-bottom: 3%;font-size: 5vw;}
.kirisikbaslik span {float: left;width: 100%;}
.kirisikbaslik strong {float: left;width: 100%;}
.polimer {float:left;width:100%;}
.polimersol {float: left;width: 60%;padding: 3% 3% 0 3%;}
.polimerres {float: left;width: 40%;}
.polimerres img {float: left;width: 100%;}
.polimersol strong {font-size: 5vw;}
.polimersol span {font-size: 5vw;}
.polimersol p {float: left;width: 100%;margin: 3% 0;font-size: 4vw;}
.hmndn {float: left;width: 100%;text-align: center;margin: 3% 0;}
.hmndn img {max-width: 100%;}

.belgeler, .belgeler a, .belgeler img {float:left;width:100%;}
.durumrapor, .durumrapor a, .durumrapor img {float:left;width:100%;}
.noteronaylisonuc {float: left;width: 100%;padding: 3%;}
.noteronaylisonuc strong {float: left;width: 100%;font-size: 4vw;}
.noteronaylisonuc p {float: left;width: 100%;font-size: 4vw;margin: 2% 0 0 0;}
.meryemaksu, .meryemaksu a, .meryemaksu img {float:left;width:100%;}
.gozetimraporu, .gozetimraporu a, .gozetimraporu img {float:left;width:100%;}
.watsans, .watsans a, .watsans img {float:left;width:100%;}
.markasahibi, .markasahibi a, .markasahibi img {float:left;width:100%;}
.kullanilanyer, .kullanilanyer a, .kullanilanyer img {float:left;width:100%;}
.yaslilikvekirisikliklerbaslik a {float: left;width: 100%;}
.yaslilikvekirisikliklerbaslik a img {float: left;width: 100%;}
.yaslilikvekirisiklikler {float: left;width: 100%;padding: 0 3% 3% 3%;background:#e5eef3;}
.yaslilikvekirisiklikler > strong {float: left;width: 100%;color: #000;margin:3% 0;font-size: 4vw;}
.ayrac {float: left;width: 50%;color: #000;}
.ayrac b {float: left;width: 100%;font-size: 3vw;}
.ayrac p {float: left;width: 100%;margin: 4% 0;font-size: 4vw;}
.kullanicidisdiv {float: left;width: 100%;padding: 3%;background: #e5eef3;}
.kullaniciyorumlari {float: left;width: 100%;background: #fff;}
.kullaniciyorumlari > strong {float: left;width: 100%;font-size: 5vw;padding: 3% 0 3% 3%;}
.kullaniciyorumlari > p {float: left;width: 100%;font-size: 4vw;padding: 0 3%;margin: 0;}
.gsf {float:left;width:100%;padding:2% 0;background:#ff4000;color:#FFF;text-align:center;font-size:5vw;font-weight:bold;}
.siparisformu {float:left;width:100%;}

.kullaniciyorumlari ul {float:left;width:100%;padding:0 3% 3% 3%;}
.kullaniciyorumlari li {float:left;width:100%;margin-top:3%;}
.prof {float: left;width: 15%;}
.prof img {float: left;width: 100%;}
.icerik {float: left;width: 85%;padding-left: 3%;}
.icerik a {float: left;width: 100%;font-size: 4vw;font-weight: 500;}
.icerik p {float: left;width: 100%;margin: 3% 0 0 0;font-size: 4vw;}
.icerik img {float: left;width: 90%;margin: 3% 0 0 0;}
.yrmcvp {float:right;width:85%;margin: 3% 0 0 0;}

.owl-prev {background: url(../images/sag.png) no-repeat;background-size: contain;width: 5vw;height: 10vw;position: absolute;right: 2%;top: 37%;}
.owl-next {background: url(../images/sol.png) no-repeat;background-size: contain;width: 5vw;height: 10vw;position: absolute;left: 2%;top: 37%;}


.slider {
    float: left;
    width: 100%;
    position: relative;
}
.slider > .gencles {
    position: absolute;
    top: 33%;
    left: 4%;
    padding: 4% 18%;
}
.slider img {
    float: left;
    width: 100%;
}
.slider ul {
    float: left;
    width: 100%;
    padding: 0 9%;
    margin: 5% 0;
}
.slider ul a {
    float: left;
    width: 100%;
    padding: 0 10%;
    margin: 6% 0 0 0;
}



.genelsayac h1 {
    float: left;
    width: 100%;
    text-align: center;
    font-weight: 800;
    font-size: 5vw;
    margin: 3% 0 4% 0;
}



@media all {
				.lightbox { display: none; }
				.fl-page h1,
				.fl-page h3,
				.fl-page h4 {
					font-family: 'HelveticaNeue-UltraLight', 'Helvetica Neue UltraLight', 'Helvetica Neue', Arial, Helvetica, sans-serif;
					font-weight: 100;
					letter-spacing: 1px;
				}
				.fl-page h1 { font-size: 110px; margin-bottom: 0.5em; }
				.fl-page h1 i { font-style: normal; color: #ddd; }
				.fl-page h1 span { font-size: 30px; color: #333;}
				.fl-page h3 { text-align: right; }
				.fl-page h3 { font-size: 15px; }
				.fl-page h4 { font-size: 2em; }
				.fl-page .jumbotron { margin-top: 2em; }
				.fl-page .doc { margin: 2em 0;}
				.fl-page .btn-download { float: right; }
				.fl-page .btn-default { vertical-align: bottom; }

				.fl-page .btn-lg span { font-size: 0.7em; }
				.fl-page .footer { margin-top: 3em; color: #aaa; font-size: 0.9em;}
				.fl-page .footer a { color: #999; text-decoration: none; margin-right: 0.75em;}
				.fl-page .github { margin: 2em 0; }
				.fl-page .github a { vertical-align: top; }
				.fl-page .marketing a { color: #999; }

				/* override default feather style... */
				.fixwidth {
					background: rgba(256,256,256, 0.8);
				}
				.fixwidth .featherlight-content {
					width: 500px;
					padding: 25px;
					color: #fff;
					background: #111;
				}
				.fixwidth .featherlight-close {
					color: #fff;
					background: #333;
				}

			}
			@media(max-width: 768px){
				.fl-page h1 span { display: block; }
				.fl-page .btn-download { float: none; margin-bottom: 1em; }
			}

			@media all{.featherlight{display:none;position:fixed;top:0;right:0;bottom:0;left:0;z-index:2147483647;text-align:center;white-space:nowrap;cursor:pointer;background:#333;background:rgba(0,0,0,0)}.featherlight:last-of-type{background:rgba(0,0,0,.8)}.featherlight:before{content:'';display:inline-block;height:100%;vertical-align:middle;margin-right:-.25em}.featherlight .featherlight-content{position:relative;text-align:left;vertical-align:middle;display:inline-block;overflow:auto;padding:25px 25px 0;border-bottom:25px solid transparent;min-width:90%;max-height:100%;background:#fff;cursor:auto;white-space:normal}.featherlight .featherlight-inner{display:block}.featherlight .featherlight-close-icon{position:absolute;z-index:9999;top:0;right:0;line-height:25px;width:25px;cursor:pointer;text-align:center;font-family:Arial,sans-serif;background:#fff;background:rgba(255,255,255,.3);color:#000}.featherlight .featherlight-image{width:100%}.featherlight-iframe .featherlight-content{border-bottom:0;padding:0}.featherlight iframe{border:0}}@media only screen and (max-width:1024px){.featherlight .featherlight-content{max-height:100%;padding:10px 10px 0;border-bottom:10px solid transparent}}


			.genelsayac {width: 100%;float: left;padding: 2% 15%;}
#vals {width: 100%;float: left;}
.numbs {color: #513f68;float: left;line-height: 72px;font-size: 72px;width: 30%;border: 5px solid #513f68;border-radius: 7px;margin-right: 5%;}
.labs {font-size: 30px;color: #ffffff;width: 30%;float: left;line-height: 35px;text-align: center;padding: 3% 0 0 0;margin-right: 5%;display: none;}
.labs:last-child {margin-right:0;}
.numbs:last-child {margin-right:0;}
.defaultCountdown {width: 460px;margin: auto;font-weight: 800;}
#timer {float: left;width: 100%;}
.sayac {float: right;width: 50%;position: relative;text-align: center;}
.sayac b {font-weight: 800;float: left;width: 100%;font-size: 35px;margin-bottom: 3%;color: #654188;line-height: 35px;}
.sayac p {display: inline-block;margin: 0 auto 30px auto;width: 243px;background: #fff;border: 5px solid #7fbed3;font-family: GilroyE;font-size: 72px;color: #c5c5c5;line-height: 72px;}
.kalanurun p > div {display: inline-block;color: #513f68;}
.kalanurun{float: left;width: 30%;padding-left: 5%;}
.kalanurun b{text-align: center;float: left;width: 100%;font-size: 35px;margin-bottom: 3%;color: #654188;line-height: 35px;font-weight: 800;}
.kalanurun p {float: left;color: #e6dadc;font-weight: 800;margin: 0;text-align: center;line-height: 72px;font-size: 72px;width: 100%;border: 5px solid #513f68;border-radius: 7px;}
.defaultCountdown{float: left;width:100%;}
.formbg {float: left;width: 100%;background: #fff;padding: 2% 0;}
.radyo {width: 100%;float: left;position: relative;margin: 0 0 2% 0;background: #f8f3f4;}
.radyo img {float: left;width: 55%;z-index: 99;position: absolute;left: 0;bottom: 0;}
.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 {display: inline-block;float: left;width: 50px;height: 50px;margin: 0;border: 5px solid #c69c6d;border-radius: 100%;background: #fff;vertical-align: bottom;position: absolute;left: 3%;top: 6%;z-index: 99;display: none;}
.radyo input[type=radio]:not(old):checked + label > span > span {display: block;width: 40px;height: 40px;margin: 0px 0 0 0px;background: #2b0801;border-radius: 100%;}
.radyo input[type=radio ]:not(old) + label {float: left;width: 100%;cursor: pointer;z-index: 9999;position: relative;}
.bgbg {background: #513f68;position: absolute;top: 0;left: 0;height: 100%;width: 0;z-index: 1;}
.radyo input[type=radio]:not(old):checked + label > .bgbg {width: 100%;-webkit-transition: width 0.6s ease-in-out;-moz-transition: width 0.6s ease-in-out;-o-transition: width 0.6s ease-in-out;transition: width 0.6s ease-in-out;}
.radyo input[type=radio]:not(old):checked + label > .asd b span, .radyo input[type=radio]:not(old):checked + label > .asd b, .radyo input[type=radio]:not(old):checked + label > .asd strong {color: #fff}
.asd {float: right;width: 65%;padding: 2%;margin-left: -6%;position: relative;z-index: 999;text-align: right;}
.asd > strong {float: left;width: 100%;margin: 0;font-size: 75px;line-height: 75px;color: #102f67;font-weight: 800;}
.asd > span {float: left;width: 100%;color: #2b0801;font-size: 25px;margin: 2% 0;}
.asd > b > span {width: 100%;float: left;color: #ee5e1f;}
.asd > b {font-family: GilroyE;color: #654188;float: right;width: 36%;font-size: 32px;margin: 0 0 0 0;}
.asd > h1 {float: left;margin: 5% 0 0 0;font-size: 85px;color: #ee5e1f;width: 100%;line-height: 82px;text-align: right;font-weight: 800;}
.asd > h1 span {
    font-size: 40px;
    line-height: 50px;
    float: left;
    width: 100%;
}
.asd > h2 {float: right;margin: 3% 0 0 0;font-size: 30px;line-height: 40px;color: #59476d;font-weight: 800;display: block;background: #c0adb0;padding: 1% 2%;border: 5px solid #fff;width: 70%;text-align: center;border-radius: 15px;}

.input{width: 100%;float: left;margin: 0 0 2% 0;position: relative;z-index: 99;}
.input input {width: 100%;outline:none;font-size: 30px;color: #654188;float: left;padding: 2% 3%;font-family: 'Dosis', sans-serif;border-radius: 7px;background: #f7e7e9;border: 2px solid #513f68;}
.input textarea {width: 100%;outline:none;font-size: 30px;color: #654188;float: left;font-family: 'Dosis', sans-serif;padding: 2% 3%;border-radius: 7px;background: #f7e7e9;border: 2px solid #513f68;height: 150px;resize: none;}
.input select {background: url(../images/ok.png) no-repeat #f7e7e9;background-position: 97% 50%;background-size: 4%;appearance:none;-moz-appearance:none;-webkit-appearance:none;width: 100%;outline:none;font-size: 30px;color: #654188;float: left;font-family: Arial;padding: 3% 3%;border-radius: 7px;border: 2px solid #513f68;cursor: pointer;}
.input span {float: left;width: 100%;font-size: 25px;margin-bottom: 1%;}
.siparis {float: left;width: 100%;padding: 0 3%;}
.siparis h1 {float: left;width: 100%;color: #654188;margin: 1% 0 2% 0;font-size: 35px;}
.button {float: left;width: 100%;margin: 0 0 6% 0;}
.button button {font-size: 55px;color: #fff;float: left;font-weight: 800;padding: 2% 3%;border-radius: 7px;background: #ee5e1f;border: none;width: 100%;cursor: pointer;font-family: 'Dosis', sans-serif;}

.alt {float: left;width: 100%;}
.alt p {float: left;margin: 0;width: 35%;padding: 0 2%;font-size: 26px;}
.alt img {float: left;width: 40%;margin: 0 0 0 -10%;}

@media screen and (max-width: 1000px) {
.genelsayac {padding: 2% 7%;}
.kalanurun {padding-left: 0;width: 35%;}
.kalanurun p {line-height: 14vw;font-size: 8vw;border: 3px solid #513f68;}
.kalanurun b, .sayac b {font-size: 3.5vw;margin-bottom: 3%;line-height: 4vw;}
.numbs {line-height: 14vw;font-size: 7vw;border: 3px solid #513f68;}
.sayac {width: 55%;}
.asd > strong, .asd > b {font-size: 6vw;line-height: 8vw;}
.asd > h1 {font-size: 10vw;line-height: 10vw;}
.asd > h2 {font-size: 3.5vw;line-height: 6vw;padding: 2% 0%;border: 3px solid #fff;width: 70%;}
.siparis h1 {font-size: 5vw;}
.input span {font-size: 4vw;}
.input input, .input select {font-size: 4vw;padding: 4% 3%;}
.button button {font-size: 7vw;padding: 5% 3%;}
.alt p {font-size: 3vw;}
.asd > h1 span {font-size: 3vw;line-height: 4vw;}
.radyo img {width: 62%;}
.input textarea {height: 30vw;}
.genelsayac h1 {float: left;width: 100%;text-align: center;font-weight: 800;font-size: 9vw;margin: 3% 0 4% 0;}
}