@charset "utf-8";body{margin:0;padding:0;font-family: 'Open Sans', sans-serif;font-size:1em;font-weight:700;color:#555555;}
div, span, p, header, footer, .main, a , table, tr, td, input, textarea, select, ul, li{box-sizing:border-box;outline:none;}
a{transition:all 0.3s;-moz-transition:all 0.3s;-ms-transition:all 0.3s;-o-transition:all 0.3s;-webkit-transition:all 0.3s;text-decoration:none;cursor:pointer;color:#555555;}
.effect,::after,::before, textarea, input{transition:all 0.5s;-moz-transition:all 0.5s;-ms-transition:all 0.5s;-o-transition:all 0.5s;-webkit-transition:all 0.5s;}
.hizli{transition:all 0.1s;-moz-transition:all 0.1s;-ms-transition:all 0.1s;-o-transition:all 0.1s;-webkit-transition:all 0.1s;}
.gecis{transition:all 0.5s;-moz-transition:all 0.5s;-ms-transition:all 0.5s;-o-transition:all 0.5s;-webkit-transition:all 0.5s;}
.gecikme{transition:all 2s;-moz-transition:all 2s;-ms-transition:all 2s;-o-transition:all 2s;-webkit-transition:all 2s;}
.gecikme1{transition:all 1s;-moz-transition:all 1s;-ms-transition:all 1s;-o-transition:all 1s;-webkit-transition:all 1s;}
.gecikme2{transition:all 3s;-moz-transition:all 3s;-ms-transition:all 3s;-o-transition:all 3s;-webkit-transition:all 3s;}
.gecikme3{transition:all 1.5s;-moz-transition:all 1.5s;-ms-transition:all 1.5s;-o-transition:all 1.5s;-webkit-transition:all 1.5s;}
.gecikme4{transition:all 2.5s;-moz-transition:all 2.5s;-ms-transition:all 2.5s;-o-transition:all 2.5s;-webkit-transition:all 2.5s;}
ul,p,h1,h2,h3,h4,h5{margin:0px;padding:0px;list-style:none;}
.over{overflow:hidden;}
.clear{clear:both;}
.left{float:left;}
.right{float:right;}
.center{text-align:center;}
.w95{width:95%;}
.w90{width:90%;}
.w85{width:85%;}
.w80{width:80%;}
.w75{width:75%;}
.w70{width:70%;}
.w65{width:65%;}
.w60{width:60%;}
.w55{width:55%;}
.w50{width:50%;}
.w45{width:45%;}
.w40{width:40%;}
.w35{width:35%;}
.w30{width:30%;}
.w25{width:25%;}
.w20{width:20%;}
.w15{width:15%;}
.w10{width:10%;}
.anagovde{width:100%;position:relative;max-width:2048px;margin:auto;}
.anagovde::before{position:absolute;z-index:1000;content:"";width:31px;height:100%;background:url(../images/cetvel.png) top left repeat-y;top:0%;left:0%;z-index:700;}
.full{width:85%;margin:auto;transition:all 0.5s;-moz-transition:all 0.5s;-ms-transition:all 0.5s;-o-transition:all 0.5s;-webkit-transition:all 0.5s;}
header{max-width:2048px;background-color:#fff;position:fixed;background:url(../images/toprenkler.jpg) #fff right top repeat-x;width:100%;background-size:50%;z-index:900;}
header::after {position:absolute;content:"";width:100%;left:0;bottom:0;background-color:#dbdbdb;height:1px;}
.smaller .mainmenu{margin:15px 0px 15px 0px;}
.smaller .mainmenu ul li a .mdown{display:none;}
.smaller .mainmenu ul li a .mtop{font-size:0.8em;bottom:0;}
.smaller .mainmenu ul li a:hover .mtop{font-size:0.8em;text-transform:uppercase;bottom:50%;font-weight:900;}
.smaller .mainmenu ul li a:hover::after{bottom:0;width:90%;}
.smaller .mainmenu ul li a::after{bottom:0;}
.smaller .mainmenu ul li a{padding:20px 0px 0px 0px;}
.smaller .logo img{width:190px;height:40px;}
.smaller .logo{margin:13px 0px 8px 0px;}
.smaller .mainmenu ul li a {width:15%;}
.smaller .contacttop {margin-top:13px;}
.smaller .contacttop a.telefon {margin-bottom:10px;}
.logo{border:none;width:28%;margin:16px 0px 14px 0px;}
.logo img{width:271px;height:58px;}

.mainmenu{width:59%;margin:19px 0px 18px 0px;}
.mainmenu ul li a{display:block;position:relative;width:18%;float:left;margin:1%;padding:20px 0px;}
.mainmenu ul li a::after{bottom:-60%;position:absolute;content:"";width:0%;height:4px;background-color:#dbdbdb;transition:all 0.3s;-moz-transition:all 0.3s;-ms-transition:all 0.3s;-o-transition:all 0.3s;-webkit-transition:all 0.3s;}
.mainmenu ul li a:hover::after{width:100%;}
.mainmenu ul li a span{position:absolute;transition:all 0.7s;-moz-transition:all 1s;-ms-transition:all 0.7s;-o-transition:all 0.7s;-webkit-transition:all 0.7s;}
.mainmenu ul li a .mtop{bottom:50%;left:0;font-size:1em;font-weight:700;text-transform:uppercase;}
.mainmenu ul li a .mdown{bottom:0;left:0;font-weight:300;font-size:0.8em;text-transform:lowercase;}
.mainmenu ul li a:hover > .mtop{bottom:0;font-size:0.8em;font-weight:300;text-transform:lowercase;}
.mainmenu ul li a:hover > .mdown{bottom:50%;font-size:1em;font-weight:900;text-transform:uppercase;}
.contacttop{width:13%;margin-top:21px;}
.contacttop a.telefon{display:block;float:right;font-weight:300;position:relative;font-size:0.9em;color:#aaaaaa;margin-bottom:15px;}
.contacttop a.telefon::after{position:absolute;content:"";left:-15px;top:-1px;background:url(../images/telicon.png) center center no-repeat;width:8px;height:21px;}
.contacttop a.email{display:block;float:right;font-weight:300;position:relative;font-size:0.9em;color:#aaaaaa;padding:8px 60px;}
.contacttop a.email::after{position:absolute;content:"@";left:-17px;bottom:0px;font-weight:700;font-size:1.2em;}
.contacttop a.email::before{position:absolute;content:"bilgi@studyocrea.com";left:0px;bottom:0px;font-weight:300;font-size:0.9em;}
.fixbaslik{background-color:#1ec5ee;z-index:800;border-radius:10px;color:#fff;padding:8px 15px 10px 15px;font-size:1.7em;letter-spacing:-1px;display:block;}
.dtercih{left:3%;top:20%;width:275px;position:fixed;}
.dhakkimizda{left:3%;top:20%;width:180px;position:absolute;}
.dhizmetler{left:3%;top:20%;width:210px;position:absolute;}
.dreferanslar{left:3%;top:20%;width:150px;position:absolute;}
.dblog{left:3%;top:20%;width:100px;position:absolute;}
.diletisim{left:3%;top:20%;width:125px;position:absolute;}
.fixfix{position:fixed;}
.fixrel{position:relative;}
.fixrelab{position:absolute;}
.fixbaslik::before{position:absolute;content:"";background-color:#1ec5ee;width:20px;height:20px;left:-3%;top:30%;border-radius:50%;z-index:-1;}
.fixbaslik::after{position:absolute;content:"";background:url(../images/cetveldown.png);width:47px;height:47px;left:38%;bottom:-14px;z-index:-1;}
.fixbaslik:hover::after{bottom:-20px;}
.aboutus{margin-top:100px;position:relative;}
.about{width:50%;}
.about .abtbold {font-weight:700;}
.about h1 {font-weight:700;font-size:1em;}
.aboutus .pict{background:url(../images/aboutimg.jpg) no-repeat;background-attachment:fixed;background-position:left center;background-size:80%;height:550px;cursor:pointer;}
.aboutus .pict:hover{background-size:70%;}
.aboutus .text{font-weight:300;padding:20px 60px 40px 80px;line-height:25px;text-align:justify;position:relative;}
.aboutus .text::before{position:absolute;content:"";width:1px;height:100%;background-color:#cccccc;left:60px;top:0;}
.aboutus .text p{position:relative;display:block;cursor:pointer;}
.aboutus .text p::after{position:absolute;content:"";width:35px;height:1px;background-color:#cccccc;left:-45px;top:14px;}
.aboutus .text p::before{position:absolute;content:"";width:20px;height:20px;background-color:#b6e756;border-radius:50%;left:-60px;top:5px;z-index:11;}
.aboutus .text p:hover::before{width:30px;height:30px;left:-65px;top:0px;}
.hizmetler{position:relative;}
.hizmet{position:relative;width:50%;}
.hizmetler .stranim{background-color:#739fb0;height:600px;}
.hizmetler .hizmetlist{background-image:url(../images/hizmetlistbg.jpg);background-repeat:no-repeat;background-position:center top;background-size:cover;height:600px;position:relative;z-index:10;padding-top:120px;}
.hizmetler .hizmetlist .lamp1{position:absolute;content:"";background-image:url(../images/lamp.png);background-repeat:no-repeat;background-position:center top;width:40%;height:100px;top:0;left:0;}
.hizmetler .hizmetlist .lamp2{position:absolute;content:"";background-image:url(../images/lamp.png);background-repeat:no-repeat;background-position:center top;width:40%;height:100px;top:0;left:40%;}
.hizmetlist .hizmetbox{width:40%;padding:20px 0px;position:absolute;display:block;color:#fff;height:130px;background-position:50% 80%;background-repeat:no-repeat;-webkit-box-shadow:1px 0px 10px 0px rgba(0,0,0,0.75);-moz-box-shadow:1px 0px 10px 0px rgba(0,0,0,0.75);box-shadow:1px 0px 10px 0px rgba(0,0,0,0.75);z-index:11;}
.hizmetlist .webtasarim{background-color:#87bc49;background-image:url(../images/webtasarim.png);left:0;top:120px;}
.hizmetlist h1, .hizmetlist h2 {font-size:1em;font-weight:900;}
.hizmetlist .eticaret{background-color:#f5b73a;background-image:url(../images/eticaret.png);left:40%;top:120px;}
.hizmetlist .grafik{background-color:#ee8146;background-image:url(../images/grafik.png);left:0%;top:250px;}
.hizmetlist .adwords{background-color:#d74349;background-image:url(../images/google-adwords.png);left:40%;top:250px;}
.hizmetlist .seo{background-color:#3e85c1;background-image:url(../images/seo.png);left:0%;top:380px;}
.hizmetlist .marka{background-color:#74749b;background-image:url(../images/marka.png);background-position:50% 80%;left:40%;top:380px;}
.hizmetlist .hizmetbox:hover{color:#555555;background-position:50% 70%;border:1px solid #cccccc;}
.stranim .renkyuv{position:absolute;width:50%;left:25%;top:25%;background:url(../images/circle.png) center center no-repeat;height:50%;z-index:80;}
.stranim .circle{animation-name:spin;animation-duration:6800ms;animation-iteration-count:1;animation-timing-function:ease;transition:transform 3s ease-out;-moz-animation-name:spin;-moz-animation-duration:6800ms;-moz-animation-iteration-count:1;-moz-animation-timing-function:ease;-moz-transition:transform 3s ease-out;-o-animation-name:spin;-o-animation-duration:6800ms;-o-animation-iteration-count:1;-o-animation-timing-function:ease;-o-transition:transform 3s ease-out;-ms-animation-name:spin;-ms-animation-duration:6800ms;-ms-animation-iteration-count:1;-ms-animation-timing-function:ease;-ms-transition:transform 3s ease-out;-webkit-animation-name:spin;-webkit-animation-duration:6800ms;-webkit-animation-iteration-count:1;-webkit-animation-timing-function:ease;-webkit-transition:transform 3s ease-out;}
.ikonlarhide{visibility:hidden;opacity:0;transition:visibility 5s, opacity 5s linear;-webkit-transition:visibility 5s, opacity 5s linear;-moz-transition:visibility 5s, opacity 5s linear;-o-transition:visibility 5s, opacity 5s linear;-ms-transition:visibility 5s, opacity 5s linear;transition-duration:5s;-webkit-transition-duration:5s;-moz-transition-duration:5s;-o-transition-duration:5s;-ms-transition-duration:5s;animation-delay:5s;-webkit-animation-delay:5s;-moz-animation-delay:5s;-o-animation-delay:5s;-o-animation-delay:5s;cursor:pointer;}
.ikonlarshow{visibility:visible;opacity:1;}
.bold{color:#000 !important;}
.regular{color:#fff;}
.light{color:#fff;font-weight:300;width:100%;display:block;}
.slogan{width:294px;height:100%;position:relative;margin:auto;opacity:1;padding-top:60px;}
.slogan span{color:#fff;}
.slogan .first{font-weight:400;font-size:1.8em;display:block;text-align:center;}
.slogan .second{font-weight:900;font-size:2.3em;display:block;text-align:center;}
.strateji{position:absolute;top:0;width:100%;height:22%;left:0;top:-15%;}
.strateji .text{width:40%;text-align:right !important;}
.strateji .strimage{width:18%;text-align:right;}
.strateji .strikon{width:42%;text-align:left;}
.strateji .strikon img{background-color:#fff;padding:10px;border:1px solid #fff;border-radius:10px;}
.tasarim{position:absolute;width:62%;height:50%;right:-57%;top:30.6%;}
.tasarim .strimage{width:60%;text-align:left;}
.tasarim .text{width:70%;text-align:right !important;padding-bottom:5%;}
.tasarim .strikon{width:98%;text-align:left;padding-left:3%;}
.tasarim .strikon img{background-color:#fff;padding:10px;border:1px solid #fff;border-radius:10px;margin-top:-5px;}
.ikonlarhide:hover > .strikon img{padding:15px;}
.tanitim{position:absolute;width:74%;height:22%;left:21%;bottom:-15%;}
.tanitim .strikon{width:28%;text-align:right;padding-top:5%;}
.tanitim .strikon img{background-color:#fff;padding:10px;border:1px solid #fff;border-radius:10px;}
.tanitim .strimage{width:15%;text-align:left;}
.tanitim .text{width:57%;text-align:right !important;padding-top:20%;}
.cozum{position:absolute;width:55%;height:50%;left:-49%;top:24.7%;}
.cozum .strikon{width:90%;text-align:right;padding-right:10%;}
.cozum .strikon img{background-color:#fff;padding:10px;border:1px solid #fff;border-radius:10px;}
.cozum .strimage{width:80%;text-align:right;margin-top:-2%;}
.cozum .text{width:80%;text-align:right !important;padding-right:6%;}

.referanslar{background:url(../images/refbg.jpg) center center repeat-y;border-top:5px solid #fff;background-size:100%;}
.refslogan{padding:130px 0px;}
.reftop span{font-weight:900;font-size:4em;}
.reftop span.crea{color:#000;}
.reftop span.white{color:#fff;}
.teklifbody{position:relative;padding:90px 0px;}
.teklifbody::before{position:absolute;content:"";width:100%;height:100%;background-image:url(../images/colorful.png);background-position:center center;background-repeat:no-repeat;margin:auto;z-index:10;left:0;top:0;}
.teklifdon::before{animation-name:teklifspin;animation-duration:6800ms;animation-iteration-count:1;animation-timing-function:ease;transition:transform 3s ease-out;-moz-animation-name:teklifspin;-moz-animation-duration:6800ms;-moz-animation-iteration-count:1;-moz-animation-timing-function:ease;-moz-transition:transform 3s ease-out;-o-animation-name:teklifspin;-o-animation-duration:6800ms;-o-animation-iteration-count:1;-o-animation-timing-function:ease;-o-transition:transform 3s ease-out;-ms-animation-name:teklifspin;-ms-animation-duration:6800ms;-ms-animation-iteration-count:1;-ms-animation-timing-function:ease;-ms-transition:transform 3s ease-out;-webkit-animation-name:teklifspin;-webkit-animation-duration:6800ms;-webkit-animation-iteration-count:1;-webkit-animation-timing-function:ease;-webkit-transition:transform 3s ease-out;}
.teklifcenter{width:270px;height:270px;position:relative;background-color:#fff;border-radius:50%;margin:auto;z-index:20;padding:15px;background-image:url(../images/boxshadow.png);background-position:100% 102%;background-repeat:no-repeat;}
.teklifbody::after{position:absolute;content:"";width:100%;height:100%;background-image:url(../images/shadow.png);background-position:bottom center;background-repeat:no-repeat;bottom:7%;left:0;}
.teklifdots{width:100%;height:100%;border:1px dashed #969696;border-radius:50%;z-index:30;position:relative;}
.tictoc{width:50%;margin:auto;margin-top:10px;text-align:center;position:relative;}
.clock{width:30px;height:30px;background-color:#909090;border-radius:50%;margin:auto;position:relative;border:5px solid #909090;}
.clock::before{position:absolute;content:"";width:2px;height:2px;top:-3px;left:43%;background-color:#fff;}
.clock::after{position:absolute;content:"";width:2px;height:2px;top:43%;left:-3px;background-color:#fff;}
.points::before{position:absolute;content:"";width:2px;height:2px;left:43%;bottom:-3px;background-color:#fff;}
.points::after{position:absolute;content:"";width:2px;height:2px;top:43%;right:-3px;background-color:#fff;}
.points{width:100%;height:100%;position:relative;}
.clock .sabit{transform-origin:100% 50%;background-color:#d2d2d2;height:2px;margin-top:-1px;position:absolute;top:50%;width:50%;}
.clock .second{animation:rotation 60s steps(60) infinite;transform-origin:100% 50%;background-color:#fff;height:2px;margin-top:-1px;position:absolute;top:50%;width:50%;}
.toctic{position:absolute;right:10px;top:-5px;width:40%;height:36px;background-image:url(../images/tictoc.png);-webkit-animation:play 15s steps(20) infinite;-moz-animation:play 15s steps(20) infinite;-ms-animation:play 15s steps(20) infinite;-o-animation:play 15s steps(20) infinite;animation:play 15s steps(20) infinite;}
.tisteyin{color:#333;font-weight:900;font-size:25px;text-align:center;background-color:#c4d5d9;padding:5px;width:100%;z-index:-1;position:absolute;top:50px;left:0;}
.taciklama{text-align:center;position:absolute;width:80%;left:10%;top:100px;}
.taciklama span{display:block;}
.sw{float: left;}
.taciklama span.first{color:#456875;font-size:30px;font-weight:400;}
.taciklama span.second{color:#456875;font-size:35px;font-weight:900;}
.taciklama span.third{color:#263b43;font-size:19px;font-weight:900;}
.teklif{display:block;width:66px;height:66px;background-color:#c4d5d9;border-radius:50%;right:-20px;bottom:30%;position:absolute;z-index:1000;-webkit-box-shadow:0px 0px 4px 5px rgba(0,0,0,0.25);-moz-box-shadow:0px 0px 4px 5px rgba(0,0,0,0.25);box-shadow:0px 0px 4px 5px rgba(0,0,0,0.25);padding:5px;}
.teklifin{border:1px dashed #d8e3e5;width:100%;height:100%;position:relative;border-radius:50%;text-align:right;padding-top:10px;cursor:pointer;}
.teklifin span{color:#232323;font-weight:900;font-size:18px;line-height:18px;}
.teklifin span a {color:#232323;display:block;}
.teklifin .hand{position:absolute;left:-2px;top:26px;background-image:url(../images/linkhand.png);background-position:center center;background-repeat:no-repeat;width:27px;height:37px;background-size:100%;}
.teklifin:hover > .hand{background-size:90%;background-image:url(../images/linkhandnone.png);}
.refgovde{border-top:5px solid #fff;padding:40px 0px 150px 0px;}
.refbox{border-radius:5px;width:31%;min-height:270px;background-size:110%;background-repeat:no-repeat;position:relative;background-position:top center;margin:1%;cursor:pointer;}
.refgovde .refbox:nth-child(even){margin-right:1%;}
.refbox::before{border-radius:5px;position:absolute;content:"";width:100%;height:100%;left:0;background-color:rgba(0,0,0,0.3);z-index:30;}
.refbox:hover{background-size:100%;background-position:bottom center;border:1px solid #fff;}
.refbox:hover::before{background-color:rgba(115,159,176,1)}
.refbox .cubuks{position:absolute;background-color:#fff;z-index:35;}
.refbox .ust{width:0%;height:4px;top:10%;left:5%;}
.refbox:hover > .ust{width:90%;height:4px;top:10%;left:5%;}
.refbox .alt{width:0%;height:4px;bottom:10%;right:5%;}
.refbox:hover > .alt{width:90%;}
.refbox .sol{width:4px;height:0%;bottom:5%;left:10%;}
.refbox:hover > .sol{height:90%;}
.refbox .sag{width:4px;height:0%;top:5%;right:10%;}
.refbox:hover > .sag{height:90%;}
.refbox .text{position:absolute;width:100%;left:0%;top:21%;color:#fff;text-align:center;z-index:35;opacity:0;}
.refbox:hover > .text{opacity:1;}
.refbox .text span{font-weight:900;font-size:1em;}
.refbox .text blockquote p{font-weight:300;font-size:1em;line-height:30px;display:block;}
.refbox .text a{color:#fff;position:relative;font-size:1em;}
.refbox .text a::before{position:absolute;content:"";background-image:url(../images/refurl.png);background-position:center center;background-repeat:no-repeat;width:50%;height:28px;left:25%;bottom:-45px;}
#map{width:100%;height:550px;position:relative;}
.map{width:100%;min-height:600px;position:relative;overflow:hidden;}
.haritatop{position:relative;}
.haritatop a.yoltarifi{position:absolute;z-index:100;right:5%;bottom:21%;padding:10px;background-color:rgba(0,0,0,0.5);border-radius:10px;color:#fff;}
.haritatop a.yoltarifi::before{position:absolute;content:"";width:50px;height:50px;background-color:#fff;border-radius:50%;top:-55px;-webkit-box-shadow:0px 0px 6px 0px rgba(0,0,0,0.75);-moz-box-shadow:0px 0px 6px 0px rgba(0,0,0,0.75);box-shadow:0px 0px 6px 0px rgba(0,0,0,0.75);left:20%;background-image:url(../images/yoltarifi.png);background-position:50% 50%;background-repeat:no-repeat;}
.haritatop a.yoltarifi:hover::before{background-position:100% 50%;}
.formgovde{position:absolute;width:34%;height:100%;background-color:#fff;left:7%;bottom:0;z-index:100;padding:20px 0px;}
.formgovde .text{display:block;font-size:19px;color:#464848;text-align:center;margin-bottom:10px;}
.formgovde .subtext{display:block;font-weight:300;font-size:15px;color:#464848;text-align:center;padding-bottom:15px;background:url(../images/formcolor.jpg)bottom left repeat-x;margin-bottom:10px;}
.formgovde input[type="text"]{width:100%;border:none;padding:30px 20px 30px 30px;font-family:'Lato';font-size:16px;border-bottom:1px solid #c0c0c0;}
.formgovde input[type="text"]:focus{background-color:#c0c0c0;color:#464848;}
.formgovde textarea{width:100%;border:none;padding:20px 20px 20px 30px;font-family:'Lato';font-size:16px;border-bottom:1px solid #c0c0c0;}
.formgovde textarea:focus{background-color:#c0c0c0;color:#464848;}
.formgovde input[type="text"].secure{width:35%;border:none;padding:20px 20px 20px 30px;font-family:'Lato';font-size:16px;border-bottom:1px solid #c0c0c0;}
.formgovde input[type="text"].securekey{width:30%;border:none;padding:20px;text-align:center;font-family:'Lato';font-weight:900;font-size:1em;border-bottom:1px solid #c0c0c0;}
.formgovde input[type="submit"]{width:35%;border:none;height:60px;font-family:'Lato';border-bottom:1px solid #464848;color:#464848;background:none;font-weight:900;cursor:pointer;font-size:1em;}
.formgovde input[type="submit"]:hover{background-color:#99b93d;color:#fff;border-bottom:1px solid #99b93d;}
.irtibat{position:relative;padding:70px 0px 50px 0px;background-color:#4f4f4f;position:relative;}
.irtibat::before{background:url(../images/formcolor.jpg) left center repeat;height:13px;width:100%;position:absolute;content:"";top:0;left:0;}
.irtibat span{color:#fff;display:block;margin-left:10%;line-height:25px;}
.irtibat span.text{font-weight:400;color:#b3b3b3;}
.irtibat span.text a{color:#b3b3b3;}
.adres{position:relative;margin-right:5%;}
.adres::before{position:absolute;content:"";background-image:url(../images/adres.png);background-repeat:no-repeat;background-position:center center;top:0;left:0;width:24px;height:36px;}
.tel{position:relative;margin-right:2.5%;min-height:75px;}
.tel::before{position:absolute;content:"";background-image:url(../images/telefon.png);background-repeat:no-repeat;background-position:center center;top:0;left:0;width:13px;height:36px;}
.tel::after{position:absolute;content:"";width:1px;height:130%;top:-30%;left:-12%;background-color:#6f6f6f;}
.mail{position:relative;margin-right:2.5%;min-height:75px;}
.mail::before{position:absolute;content:"";background-image:url(../images/email.png);background-repeat:no-repeat;background-position:center center;top:0;left:-20px;width:32px;height:36px;}
.mail::after{position:absolute;content:"";width:1px;height:130%;top:-30%;left:-20%;background-color:#6f6f6f;}
.destek{position:relative;min-height:75px;}
.destek::before{position:absolute;content:"";background-image:url(../images/destek.png);background-repeat:no-repeat;background-position:center center;top:0;left:-30px;width:46px;height:43px;}
.destek::after{position:absolute;content:"";width:1px;height:130%;top:-30%;left:-25%;background-color:#6f6f6f;}
.altmenu{background-color:#424242;padding:20px 0px;}
.altmenuler ul.smenu{float:left;width:70%;}
.altmenuler ul.smenu li{float:left;position:relative;}
.altmenuler ul.smenu li a{display:block;color:#a8a8a8;padding:20px;position:relative;z-index:100;}
.altmenuler ul.smenu li a::before{width:100%;height:0;position:absolute;z-index:-1;content:"";background-color:#4f4f4f;left:0;bottom:0;}
.altmenuler ul.smenu li a:hover::before{height:100%;}
.altmenuler ul.smenu li a:hover {color:#fff;}
.altmenuler img{padding-top:20px;}
.imza{text-align:right;padding-top:10px;position:relative;}
.imza::after{position:absolute;content:"";width:100%;height:47px;left:0;background-image:url(../images/logos.png);background-position:right center;background-repeat:no-repeat;bottom:-120px;opacity:0.5;}
.imza span{color:#8e8e8e !important;font-size:0.8em;display:inline !important;}
.imza span.light{font-weight:300;}
.imza span.bold{font-weight:900;}
.subgovde{min-height:330px;border-top:1px solid #4f4f4f;}
.submenu{position:absolute;width:109%;top:100%;background-color:#4f4f4f;left:-4%;padding:10px 0px;}
.submenu ul.hizmenu li a{display:block;color:#a8a8a8;padding:10px 15px;font-size:0.9em;font-weight:300;position:relative;}
.submenu ul.hizmenu li a::before{position:absolute;content:"";width:0%;height:100%;top:0;left:0;background-color:#424242;z-index:-1;}
.submenu ul.hizmenu li a:hover::before{width:100%;}
.submenu ul.hizmenu li{float:none;z-index:20;}
.respmenu {display:none;}
.menu-icon-wrapper {display:none !important;}
.mmenugovde {display:none !important;}
.map {display:none;}
.altmenuler {position:relative;}
/* İç sayfalar*/
.crea{
    font-size: 4em;
    float: left;
    color: #000;
    font-weight: 800;
}
.icanagovde {padding-top:85px;}
.ichead{background:url(../images/refbg.jpg) center center repeat-y;background-size:100%;padding-top:20px;}

.ichead h1 {
text-align: center;
float: right;
width: 300px;
background-color:rgba(255,255,255,0.8);
padding:10px 10px 10px 0px;
margin-bottom:10px;
font-size:1.2em;
font-weight:900;
position:relative;
border-top-left-radius:10px;
border-bottom-left-radius:10px;
color:#464848;

}
.ichead h1::before {
position:absolute;
content:"";
width:18px;
height:12px;
background-image:url(../images/h1title.png);
background-repeat:no-repeat;
background-position:center center;
left:20px;
bottom:-12px;
}

.ichead h2 {
text-align:center;
float:right;
width:97%;
background-color:rgba(255,255,255,0.8);
padding:10px 0px;
font-size:1.2em;
font-weight:900;
position:relative;
border-top-left-radius:10px;
border-bottom-left-radius:10px;
color:#464848;

}
.ichead h2::before {
position:absolute;
content:"";
width:12px;
height:18px;
background-image:url(../images/ictitlearrow.png);
background-repeat:no-repeat;
background-position:center center;
left:-12px;
bottom:13px;
}
.icheadimg {
width:97%;
text-align:center;
float:right;
margin:10px 0px;
}

.hizmeturl {
margin-bottom:20px;
}
.hizmeturl a {
float:left;
width:20%;
text-align:center;
color:#fff;
font-size:14px;
display:block;
padding:20px 0px;
position:relative;
z-index:110;
font-weight:400;
}
.hizmeturl a.webtasarim{
background-color:#87bc49;
background-position:center center;
background-size:0% 0%;
}

.hizmeturl a.webtasarim:hover{
background:#7eb044;
background:-moz-linear-gradient(left, #7eb044, #7eb044) no-repeat;
background:-webkit-linear-gradient(left, #7eb044, #7eb044) no-repeat;
background:linear-gradient(left, #7eb044, #7eb044) no-repeat;
background:-o-linear-gradient(left, #7eb044, #7eb044) no-repeat;
background-color:#87bc49;
background-size:89% 60%;
background-position:center center;
}

.hizmeturl a.webtasarima{
background:#7eb044;
background:-moz-linear-gradient(left, #7eb044, #7eb044) no-repeat;
background:-webkit-linear-gradient(left, #7eb044, #7eb044) no-repeat;
background:linear-gradient(left, #7eb044, #7eb044) no-repeat;
background:-o-linear-gradient(left, #7eb044, #7eb044) no-repeat;
background-color:#87bc49;
background-size:89% 60%;
background-position:center center;
}



.hizmeturl a.eticaret{
background-position:center center;
background-color:#f5b73a;
background-size:0% 0%;

}
.hizmeturl a::before{
position:absolute;
width:11px;
height:37px;
content:"";
left:5px;
top:10px;
z-index:-1;
background:url(../images/lefthizpoint.png) center center no-repeat;
}
.hizmeturl a::after{
position:absolute;
width:11px;
height:37px;
content:"";
right:5px;
top:10px;
z-index:-1;
background:url(../images/righthizpoint.png) center center no-repeat;
}

.hizmeturl a:hover::before{
left:11px;
}

.hizmeturl a:hover::after{
right:12px;
}

.hizmeturl a.eticaret:hover{
background:#eaae36;
background:-moz-linear-gradient(left, #eaae36, #eaae36) no-repeat;
background:-webkit-linear-gradient(left, #eaae36, #eaae36) no-repeat;
background:-o-linear-gradient(left, #eaae36, #eaae36) no-repeat;
background:linear-gradient(left, #eaae36, #eaae36) no-repeat;
background-color:#f5b73a;
background-size:89% 60%;
background-position:center center;
}

.hizmeturl a.eticareta{
background:#eaae36;
background:-moz-linear-gradient(left, #eaae36, #eaae36) no-repeat;
background:-webkit-linear-gradient(left, #eaae36, #eaae36) no-repeat;
background:-o-linear-gradient(left, #eaae36, #eaae36) no-repeat;
background:linear-gradient(left, #eaae36, #eaae36) no-repeat;
background-color:#f5b73a;
background-size:89% 60%;
background-position:center center;
}



.hizmeturl a.grafik{
background-color:#ee8146;
background-position:center center;
background-size:0% 0%;
}

.hizmeturl a.grafik:hover{
background:#e07942;
background:-moz-linear-gradient(left, #e07942, #e07942) no-repeat;
background:-webkit-linear-gradient(left, #e07942, #e07942) no-repeat;
background:-o-linear-gradient(left, #e07942, #e07942) no-repeat;
background:linear-gradient(left, #e07942, #e07942) no-repeat;
background-color:#ee8146;
background-size:89% 60%;
background-position:center center;
}

.hizmeturl a.grafika{
background:#e07942;
background:-moz-linear-gradient(left, #e07942, #e07942) no-repeat;
background:-webkit-linear-gradient(left, #e07942, #e07942) no-repeat;
background:-o-linear-gradient(left, #e07942, #e07942) no-repeat;
background:linear-gradient(left, #e07942, #e07942) no-repeat;
background-color:#ee8146;
background-size:89% 60%;
background-position:center center;
}


.hizmeturl a.adwords{
background-color:#d74349;
background-position:center center;
background-size:0% 0%;
}

.hizmeturl a.adwords:hover{
background:#cb3f45;
background:-moz-linear-gradient(left, #cb3f45, #cb3f45) no-repeat;
background:-webkit-linear-gradient(left, #cb3f45, #cb3f45) no-repeat;
background:-o-linear-gradient(left, #cb3f45, #cb3f45) no-repeat;
background:linear-gradient(left, #cb3f45, #cb3f45) no-repeat;
background-color:#d74349;
background-size:89% 60%;
background-position:center center;
}

.hizmeturl a.adwordsa{
background:#cb3f45;
background:-moz-linear-gradient(left, #cb3f45, #cb3f45) no-repeat;
background:-webkit-linear-gradient(left, #cb3f45, #cb3f45) no-repeat;
background:-o-linear-gradient(left, #cb3f45, #cb3f45) no-repeat;
background:linear-gradient(left, #cb3f45, #cb3f45) no-repeat;
background-color:#d74349;
background-size:89% 60%;
background-position:center center;
}

.hizmeturl a.seo{
background-color:#3e85c1;
background-position:center center;
background-size:0% 0%;
}
.hizmeturl a.seo:hover{
background:#3a7cb4;
background:-moz-linear-gradient(left, #3a7cb4, #3a7cb4) no-repeat;
background:-webkit-linear-gradient(left, #3a7cb4, #3a7cb4) no-repeat;
background:-o-linear-gradient(left, #3a7cb4, #3a7cb4) no-repeat;
background:linear-gradient(left, #3a7cb4, #3a7cb4) no-repeat;
background-color:#3e85c1;
background-size:89% 60%;
background-position:center center;
}

.hizmeturl a.seoa{
background:#3a7cb4;
background:-moz-linear-gradient(left, #3a7cb4, #3a7cb4) no-repeat;
background:-webkit-linear-gradient(left, #3a7cb4, #3a7cb4) no-repeat;
background:-o-linear-gradient(left, #3a7cb4, #3a7cb4) no-repeat;
background:linear-gradient(left, #3a7cb4, #3a7cb4) no-repeat;
background-color:#3e85c1;
background-size:89% 60%;
background-position:center center;
}

.hizmeturl a.marka{
background-color:#57589f;
background-position:center center;
background-size:0% 0%;
}
.hizmeturl a.marka:hover{
background:#505192;
background:-moz-linear-gradient(left, #505192, #505192) no-repeat;
background:-webkit-linear-gradient(left, #505192, #505192) no-repeat;
background:-o-linear-gradient(left, #505192, #505192) no-repeat;
background:linear-gradient(left, #505192, #505192) no-repeat;
background-color:#57589f;
background-size:89% 60%;
background-position:center center;
}

.hizmeturl a.markaa{
background:#505192;
background:-moz-linear-gradient(left, #505192, #505192) no-repeat;
background:-webkit-linear-gradient(left, #505192, #505192) no-repeat;
background:-o-linear-gradient(left, #505192, #505192) no-repeat;
background:linear-gradient(left, #505192, #505192) no-repeat;
background-color:#57589f;
background-size:89% 60%;
background-position:center center;
}

.hizanim {
width:32%;
position:relative;
}
.hizanim .kbig::after {
width:100%;
height:100%;
position:absolute;
content:"";
background:url(../images/webtasarim-kare-big.png) center center no-repeat;
transform: rotate(-20deg);
-moz-transform: rotate(-20deg);
-webkit-transform: rotate(-20deg);
-o-transform: rotate(-20deg);
-ms-transform: rotate(-20deg);
-webkit-animation-delay: 5s;
-moz-animation-delay: 5s;
-ms-animation-delay: 5s;
-o-animation-delay: 5s;
animation-delay: 5s;

-webkit-animation:bkare 5s infinite ;
animation:bkare 5s infinite;
-moz-animation:bkare 5s infinite;
-ms-animation:bkare 5s infinite;
-o-animation:bkare 5s infinite;

-webkit-filter: blur(0px);
filter: blur(0px);


-webkit-animation-direction: alternate;
animation-direction: alternate;
-moz-animation-direction: alternate;
-ms-animation-direction: alternate;
-o-animation-direction: alternate;

}
.hizanim .kbig::before {
width:251px;
height:46px;
background:url(../images/golgeb.png) center center no-repeat;
position:absolute;
content:"";
bottom:-30px;
left:0;
background-size:100%;
-webkit-animation-delay: 5s;
-moz-animation-delay: 5s;
-ms-animation-delay: 5s;
-o-animation-delay: 5s;
animation-delay: 5s;

-webkit-animation:golge 5s infinite ;
animation:golge 5s infinite;
-moz-animation:golge 5s infinite;
-ms-animation:golge 5s infinite;
-o-animation:golge 5s infinite;

-webkit-animation-direction: alternate;
animation-direction: alternate;
-moz-animation-direction: alternate;
-ms-animation-direction: alternate;
-o-animation-direction: alternate;

}

.hizanim .kbig {
position:absolute;
top:40px;
left:40px;
width:270px;
height:270px;
}



.hizanim .karem {
position:absolute;
}

.ikinci::before {
width:60px;
height:14px;
background:url(../images/golgeb.png) center center no-repeat;
position:absolute;
content:"";
bottom:-9px;
left:9px;
background-size:100%;

-webkit-animation-delay: 5s;
-moz-animation-delay: 5s;
-ms-animation-delay: 5s;
-o-animation-delay: 5s;
animation-delay: 5s;

-webkit-animation:golge2 5s infinite ;
animation:golge2 5s infinite;
-moz-animation:golge2 5s infinite;
-ms-animation:golge2 5s infinite;
-o-animation:golge2 5s infinite;

-webkit-animation-direction: alternate;
animation-direction: alternate;
-moz-animation-direction: alternate;
-ms-animation-direction: alternate;
-o-animation-direction: alternate;

}


.ikinci::after{
width:100%;
height:100%;
position:absolute;
content:"";
background:url(../images/karem.png) center center no-repeat;
background-size:100%;
transform: rotate(-110deg);
-moz-transform: rotate(-110deg);
-webkit-transform: rotate(-110deg);
-o-transform: rotate(-110deg);
-ms-transform: rotate(-110deg);

-webkit-animation-delay: 5s;
-moz-animation-delay: 5s;
-ms-animation-delay: 5s;
-o-animation-delay: 5s;
animation-delay: 5s;

-webkit-animation:skare 5s infinite ;
animation:skare 5s infinite;
-moz-animation:skare 5s infinite;
-ms-animation:skare 5s infinite;
-o-animation:skare 5s infinite;

-webkit-filter: blur(0px);
filter: blur(0px);

-webkit-animation-direction: alternate;
animation-direction: alternate;
-moz-animation-direction: alternate;
-ms-animation-direction: alternate;
-o-animation-direction: alternate;
}

.ikinci {
top:20px;
right:25px;
width:75px;
height:75px;

}

.ucuncu::before { 
width:44px;
height:8px;
background:url(../images/golgeb.png) center center no-repeat;
position:absolute;
content:"";
bottom:-5px;
left:5px;
background-size:100%;

-webkit-animation-delay: 5s;
-moz-animation-delay: 5s;
-ms-animation-delay: 5s;
-o-animation-delay: 5s;
animation-delay: 5s;

-webkit-animation:golge3 5s infinite ;
animation:golge3 5s infinite;
-moz-animation:golge3 5s infinite;
-ms-animation:golge3 5s infinite;
-o-animation:golge3 5s infinite;

-webkit-animation-direction: alternate;
animation-direction: alternate;
-moz-animation-direction: alternate;
-ms-animation-direction: alternate;
-o-animation-direction: alternate;


}
.ucuncu::after { 
width:100%;
height:100%;
position:absolute;
content:"";
background:url(../images/karem.png) center center no-repeat;
background-size:100%;
transform: rotate(115deg);
-moz-transform: rotate(115deg);
-webkit-transform: rotate(115deg);
-o-transform: rotate(115deg);
-ms-transform: rotate(115deg);

-webkit-animation-delay: 5s;
-moz-animation-delay: 5s;
-ms-animation-delay: 5s;
-o-animation-delay: 5s;
animation-delay: 5s;

-webkit-animation:sukare 5s infinite ;
animation:sukare 5s infinite;
-moz-animation:sukare 5s infinite;
-ms-animation:sukare 5s infinite;
-o-animation:sukare 5s infinite;

-webkit-filter: blur(0px);
filter: blur(0px);


-webkit-animation-direction: alternate;
animation-direction: alternate;
-moz-animation-direction: alternate;
-ms-animation-direction: alternate;
-o-animation-direction: alternate;
}
.ucuncu {
top:30px;
left:45px;
width:45px;
height:45px;
}


.dorduncu {
width:30px;
height:30px;
top:10px;
left:175px;
}

.dorduncu::before { 
width:26px;
height:5px;
background:url(../images/golgeb.png) center center no-repeat;
position:absolute;
content:"";
bottom:-3px;
right:0px;
background-size:100%;

-webkit-animation-delay: 5s;
-moz-animation-delay: 5s;
-ms-animation-delay: 5s;
-o-animation-delay: 5s;
animation-delay: 5s;

-webkit-animation:golge4 5s infinite ;
animation:golge4 5s infinite;
-moz-animation:golge4 5s infinite;
-ms-animation:golge4 5s infinite;
-o-animation:golge4 5s infinite;

-webkit-animation-direction: alternate;
animation-direction: alternate;
-moz-animation-direction: alternate;
-ms-animation-direction: alternate;
-o-animation-direction: alternate;
}

.dorduncu::after{
width:100%;
height:100%;
position:absolute;
content:"";
background:url(../images/karem.png) center center no-repeat;
background-size:100%;
transform: rotate(60deg);
-moz-transform: rotate(60deg);
-webkit-transform: rotate(60deg);
-o-transform: rotate(60deg);
-ms-transform: rotate(60deg);

-webkit-animation-delay: 5s;
-moz-animation-delay: 5s;
-ms-animation-delay: 5s;
-o-animation-delay: 5s;
animation-delay: 5s;

-webkit-animation:sdkare 5s infinite ;
animation:sdkare 5s infinite;
-moz-animation:sdkare 5s infinite;
-ms-animation:sdkare 5s infinite;
-o-animation:sdkare 5s infinite;

-webkit-filter: blur(0px);
filter: blur(0px);

-webkit-animation-direction: alternate;
animation-direction: alternate;
-moz-animation-direction: alternate;
-ms-animation-direction: alternate;
-o-animation-direction: alternate;

}


.hizanim .worldbig {
position:absolute;
top:100px;
left:40px;
width:270px;
height:270px;
background:url(../images/golgeb.png) bottom center no-repeat;


}

.hizanim .worldbig::before{
	position:absolute;
	content:"";
	width:100%;
	height:100%;
	background:url(../images/colorful.png) center center no-repeat;
	background-size:100%;
	left:0;
	top:0;
	-webkit-filter: blur(0px);
	filter: blur(0px);
-webkit-animation-delay: 5s;
-moz-animation-delay: 5s;
-ms-animation-delay: 5s;
-o-animation-delay: 5s;
animation-delay: 5s;

-webkit-animation:worldturn 5s infinite ;
animation:worldturn 5s infinite;
-moz-animation:worldturn 5s infinite;
-ms-animation:worldturn 5s infinite;
-o-animation:worldturn 5s infinite;

-webkit-filter: blur(0px);
filter: blur(0px);

-webkit-animation-direction: alternate;
animation-direction: alternate;
-moz-animation-direction: alternate;
-ms-animation-direction: alternate;
-o-animation-direction: alternate;


}
.hizanim .worldbig::after{
	position:absolute;
	content:"";
	width:47%;
	height:47%;
	background:url(../images/formcolor.jpg) center center repeat;
	background-size:100%;
	border-radius:50%;
	top:26.5%;
	left:26.5%;
-webkit-animation-delay: 5s;
-moz-animation-delay: 5s;
-ms-animation-delay: 5s;
-o-animation-delay: 5s;
animation-delay: 5s;

-webkit-animation:worldturnin 5s infinite ;
animation:worldturnin 5s infinite;
-moz-animation:worldturnin 5s infinite;
-ms-animation:worldturnin 5s infinite;
-o-animation:worldturnin 5s infinite;

-webkit-filter: blur(0px);
filter: blur(0px);

-webkit-animation-direction: alternate;
animation-direction: alternate;
-moz-animation-direction: alternate;
-ms-animation-direction: alternate;
-o-animation-direction: alternate;
}

.hizanim .worldbiggolge{
width:251px;
height:46px;
background:url(../images/golgeb.png) center center no-repeat;
position:absolute;
content:"";
bottom:-30px;
left:9px;
background-size:100%;
-webkit-animation-delay: 5s;
-moz-animation-delay: 5s;
-ms-animation-delay: 5s;
-o-animation-delay: 5s;
animation-delay: 5s;

-webkit-animation:wgolge 5s infinite ;
animation:wgolge 5s infinite;
-moz-animation:wgolge 5s infinite;
-ms-animation:wgolge 5s infinite;
-o-animation:wgolge 5s infinite;

-webkit-animation-direction: alternate;
animation-direction: alternate;
-moz-animation-direction: alternate;
-ms-animation-direction: alternate;
-o-animation-direction: alternate;

}


.worldbig img{
	position:absolute;
	z-index:100;
	top:105px;
	left:95px;
	
	-webkit-animation-delay: 5s;
-moz-animation-delay: 5s;
-ms-animation-delay: 5s;
-o-animation-delay: 5s;
animation-delay: 5s;

-webkit-animation:worldinbas 5s infinite ;
animation:worldinbas 5s infinite;
-moz-animation:worldinbas 5s infinite;
-ms-animation:worldinbas 5s infinite;
-o-animation:worldinbas 5s infinite;

-webkit-filter: blur(0px);
filter: blur(0px);

-webkit-animation-direction: alternate;
animation-direction: alternate;
-moz-animation-direction: alternate;
-ms-animation-direction: alternate;
-o-animation-direction: alternate;

}

.colors1 img{
	position:absolute;
	z-index:100;
	top:15px;
	left:11px;
	
		-webkit-animation-delay: 5s;
-moz-animation-delay: 5s;
-ms-animation-delay: 5s;
-o-animation-delay: 5s;
animation-delay: 5s;

-webkit-animation:scolorimg 5s infinite ;
animation:scolorimg 5s infinite;
-moz-animation:scolorimg 5s infinite;
-ms-animation:scolorimg 5s infinite;
-o-animation:scolorimg 5s infinite;

-webkit-filter: blur(0px);
filter: blur(0px);

-webkit-animation-direction: alternate;
animation-direction: alternate;
-moz-animation-direction: alternate;
-ms-animation-direction: alternate;
-o-animation-direction: alternate;
}

.colors2 img{
	position:absolute;
	z-index:100;
	top:9px;
	left:6px;
	
		-webkit-animation-delay: 5s;
-moz-animation-delay: 5s;
-ms-animation-delay: 5s;
-o-animation-delay: 5s;
animation-delay: 5s;

-webkit-animation:scolorimg2 5s infinite ;
animation:scolorimg2 5s infinite;
-moz-animation:scolorimg2 5s infinite;
-ms-animation:scolorimg2 5s infinite;
-o-animation:scolorimg2 5s infinite;

-webkit-filter: blur(0px);
filter: blur(0px);

-webkit-animation-direction: alternate;
animation-direction: alternate;
-moz-animation-direction: alternate;
-ms-animation-direction: alternate;
-o-animation-direction: alternate;
}

.colors3 img{
	position:absolute;
	z-index:100;
	top:6px;
	left:4px;
	
		-webkit-animation-delay: 5s;
-moz-animation-delay: 5s;
-ms-animation-delay: 5s;
-o-animation-delay: 5s;
animation-delay: 5s;

-webkit-animation:scolorimg3 5s infinite ;
animation:scolorimg3 5s infinite;
-moz-animation:scolorimg3 5s infinite;
-ms-animation:scolorimg3 5s infinite;
-o-animation:scolorimg3 5s infinite;

-webkit-filter: blur(0px);
filter: blur(0px);

-webkit-animation-direction: alternate;
animation-direction: alternate;
-moz-animation-direction: alternate;
-ms-animation-direction: alternate;
-o-animation-direction: alternate;
}

.colors1 {
top:20px;
right:25px;
width:75px;
height:75px;
}
.colors1::after {
	width:100%;
	height:100%;
	position:absolute;
	content:"";
	background-size:100%;
	background-image:url(../images/formcolor.jpg);
	background-position:center center;
	background-repeat:repeat;
	border-radius:50%;

-webkit-animation-delay: 5s;
-moz-animation-delay: 5s;
-ms-animation-delay: 5s;
-o-animation-delay: 5s;
animation-delay: 5s;

-webkit-animation:scolor 5s infinite ;
animation:scolor 5s infinite;
-moz-animation:scolor 5s infinite;
-ms-animation:scolor 5s infinite;
-o-animation:scolor 5s infinite;

-webkit-filter: blur(0px);
filter: blur(0px);

-webkit-animation-direction: alternate;
animation-direction: alternate;
-moz-animation-direction: alternate;
-ms-animation-direction: alternate;
-o-animation-direction: alternate;


	}



.colors1::before {
	width:60px;
height:14px;
background:url(../images/golgeb.png) center center no-repeat;
position:absolute;
content:"";
bottom:-9px;
left:9px;
background-size:100%;
}

.colors2 {
top:30px;
left:45px;
width:45px;
height:45px;
}

.colors2::before { 
width:44px;
height:8px;
background:url(../images/golgeb.png) center center no-repeat;
position:absolute;
content:"";
bottom:-5px;
left:2px;
background-size:100%;
}
.colors2::after { 
width:100%;
height:100%;
position:absolute;
content:"";
background:url(../images/formcolor.jpg) center center repeat;
background-size:100%;
border-radius:50%;

-webkit-animation-delay: 5s;
-moz-animation-delay: 5s;
-ms-animation-delay: 5s;
-o-animation-delay: 5s;
animation-delay: 5s;

-webkit-animation:scolor2 5s infinite ;
animation:scolor2 5s infinite;
-moz-animation:scolor2 5s infinite;
-ms-animation:scolor2 5s infinite;
-o-animation:scolor2 5s infinite;

-webkit-filter: blur(0px);
filter: blur(0px);

-webkit-animation-direction: alternate;
animation-direction: alternate;
-moz-animation-direction: alternate;
-ms-animation-direction: alternate;
-o-animation-direction: alternate;

}



.colors3 {
width:30px;
height:30px;
top:10px;
left:175px;
}


.colors3::before { 
width:26px;
height:5px;
background:url(../images/golgeb.png) center center no-repeat;
position:absolute;
content:"";
bottom:-3px;
left:3px;
background-size:100%;
opacity:0.6;
}

.colors3::after{
width:100%;
height:100%;
position:absolute;
content:"";
background:url(../images/formcolor.jpg) center center repeat;
background-size:100%;
border-radius:50%;

-webkit-animation-delay: 5s;
-moz-animation-delay: 5s;
-ms-animation-delay: 5s;
-o-animation-delay: 5s;
animation-delay: 5s;

-webkit-animation:scolor3 5s infinite ;
animation:scolor3 5s infinite;
-moz-animation:scolor3 5s infinite;
-ms-animation:scolor3 5s infinite;
-o-animation:scolor3 5s infinite;

-webkit-filter: blur(0px);
filter: blur(0px);

-webkit-animation-direction: alternate;
animation-direction: alternate;
-moz-animation-direction: alternate;
-ms-animation-direction: alternate;
-o-animation-direction: alternate;


}


.hizanim .grafikbig {
position:absolute;
top:100px;
left:110px;
width:160px;
height:265px;
background:url(../images/grafikbig.png) center center no-repeat;
}

.hizanim .grafikbig::after {
position:absolute;
content:"";
top:0;
left:0;
width:100%;
height:100%;
background:url(../images/grafikbig.png) center center no-repeat;


-webkit-animation-delay: 5s;
-moz-animation-delay: 5s;
-ms-animation-delay: 5s;
-o-animation-delay: 5s;
animation-delay: 5s;

-webkit-animation:grafikb 5s infinite ;
animation:grafikb 5s infinite;
-moz-animation:grafikb 5s infinite;
-ms-animation:grafikb 5s infinite;
-o-animation:grafikb 5s infinite;

-webkit-filter: blur(0px);
filter: blur(0px);

-webkit-animation-direction: alternate;
animation-direction: alternate;
-moz-animation-direction: alternate;
-ms-animation-direction: alternate;
-o-animation-direction: alternate;

}

.hizanim .grafikbig::before {
width:251px;
height:46px;
background:url(../images/golgeb.png) center center no-repeat;
position:absolute;
content:"";
bottom:-30px;
left:-43px;
background-size:100%;

}


.kalem1 {
	width:97px;
	height:97px;
}

.kalem1::before {
	left:19px !important;
	bottom:-5px !important;

}
.kalem1::after {
	width:100%;
	height:100%;
	position:absolute;
	content:"";
	background-size:100%;
	background-image:url(../images/kalemler.png);
	background-position:center center;
	background-repeat:repeat;
	border-radius:50%;

-webkit-animation-delay: 5s;
-moz-animation-delay: 5s;
-ms-animation-delay: 5s;
-o-animation-delay: 5s;
animation-delay: 5s;

-webkit-animation:scolor 5s infinite ;
animation:scolor 5s infinite;
-moz-animation:scolor 5s infinite;
-ms-animation:scolor 5s infinite;
-o-animation:scolor 5s infinite;

-webkit-filter: blur(0px);
filter: blur(0px);

-webkit-animation-direction: alternate;
animation-direction: alternate;
-moz-animation-direction: alternate;
-ms-animation-direction: alternate;
-o-animation-direction: alternate;


	}

.kalem2 { 
width:72px;
height:72px;
}

.kalem2::before { 
	left:15px !important;
	bottom:-3px !important;
}
.kalem2::after { 
width:100%;
height:100%;
position:absolute;
content:"";
background:url(../images/kalemler.png) center center repeat;
background-size:100%;
border-radius:50%;

-webkit-animation-delay: 5s;
-moz-animation-delay: 5s;
-ms-animation-delay: 5s;
-o-animation-delay: 5s;
animation-delay: 5s;

-webkit-animation:scolor2 5s infinite ;
animation:scolor2 5s infinite;
-moz-animation:scolor2 5s infinite;
-ms-animation:scolor2 5s infinite;
-o-animation:scolor2 5s infinite;

-webkit-filter: blur(0px);
filter: blur(0px);

-webkit-animation-direction: alternate;
animation-direction: alternate;
-moz-animation-direction: alternate;
-ms-animation-direction: alternate;
-o-animation-direction: alternate;

}


.kalem3{
	width:50px;
	height:50px;
}

.kalem3::before{
	left:12px !important;
}
.kalem3::after{
width:100%;
height:100%;
position:absolute;
content:"";
background:url(../images/kalemler.png) center center repeat;
background-size:100%;
border-radius:50%;

-webkit-animation-delay: 5s;
-moz-animation-delay: 5s;
-ms-animation-delay: 5s;
-o-animation-delay: 5s;
animation-delay: 5s;

-webkit-animation:scolor3 5s infinite ;
animation:scolor3 5s infinite;
-moz-animation:scolor3 5s infinite;
-ms-animation:scolor3 5s infinite;
-o-animation:scolor3 5s infinite;

-webkit-filter: blur(0px);
filter: blur(0px);

-webkit-animation-direction: alternate;
animation-direction: alternate;
-moz-animation-direction: alternate;
-ms-animation-direction: alternate;
-o-animation-direction: alternate;


}

.adwordsb {
	width:280px;
	height:90px;
	position:absolute;
	left:40px;
	top:120px;
	}
.adwordsb::after{
	position:absolute;
	content:"";
	width:100%;
	height:100%;
	background:url(../images/adwordsb.png) center center no-repeat;
	-webkit-animation-delay: 5s;
-moz-animation-delay: 5s;
-ms-animation-delay: 5s;
-o-animation-delay: 5s;
animation-delay: 5s;

-webkit-animation:grafikb 5s infinite ;
animation:grafikb 5s infinite;
-moz-animation:grafikb 5s infinite;
-ms-animation:grafikb 5s infinite;
-o-animation:grafikb 5s infinite;

-webkit-filter: blur(0px);
filter: blur(0px);


-webkit-animation-direction: alternate;
animation-direction: alternate;
-moz-animation-direction: alternate;
-ms-animation-direction: alternate;
-o-animation-direction: alternate;
}

.adwordsb::before{
width:251px;
height:46px;
background:url(../images/golgeb.png) center center no-repeat;
position:absolute;
content:"";
bottom:-35px;
left:-80px;
background-size:100%;

	-webkit-animation-delay: 5s;
-moz-animation-delay: 5s;
-ms-animation-delay: 5s;
-o-animation-delay: 5s;
animation-delay: 5s;

-webkit-animation:grafikb 5s infinite ;
animation:grafikb 5s infinite;
-moz-animation:grafikb 5s infinite;
-ms-animation:grafikb 5s infinite;
-o-animation:grafikb 5s infinite;

-webkit-filter: blur(0px);
filter: blur(0px);


-webkit-animation-direction: alternate;
animation-direction: alternate;
-moz-animation-direction: alternate;
-ms-animation-direction: alternate;
-o-animation-direction: alternate;

}
.ad1{
	width:73px;
	height:79px;
	position:absolute;
	right:35px;
	top:30px;
	
	}
.ad1::after {
	background:url(../images/ad.png) center center no-repeat;
	position:absolute;
	content:"";
	width:100%;
	height:100%;


-webkit-animation:ad1anm 5s infinite ;
animation:ad1anm 5s infinite;
-moz-animation:ad1anm 5s infinite;
-ms-animation:ad1anm 5s infinite;
-o-animation:ad1anm 5s infinite;

-webkit-filter: blur(0px);
filter: blur(0px);


-webkit-animation-direction: alternate;
animation-direction: alternate;
-moz-animation-direction: alternate;
-ms-animation-direction: alternate;
-o-animation-direction: alternate;
	
	}
.ad1::before {
width:60px;
height:14px;
background:url(../images/golgeb.png) center center no-repeat;
position:absolute;
content:"";

background-size:100%;

-webkit-animation:adgolge1 5s infinite ;
animation:adgolge1 5s infinite;
-moz-animation:adgolge1 5s infinite;
-ms-animation:adgolge1 5s infinite;
-o-animation:adgolge1 5s infinite;

-webkit-filter: blur(0px);
filter: blur(0px);


-webkit-animation-direction: alternate;
animation-direction: alternate;
-moz-animation-direction: alternate;
-ms-animation-direction: alternate;
-o-animation-direction: alternate;

	}


.ad2 {
	width:44px;
	height:49px;
	position:absolute;
	left:60px;
	top:45px
	}
	

.ad2::before {
width:44px;
height:8px;
background:url(../images/golgeb.png) center center no-repeat;
position:absolute;
content:"";
bottom:0px;
left:-3px;
background-size:100%;

-webkit-animation:adgolge2 5s infinite ;
animation:adgolge2 5s infinite;
-moz-animation:adgolge2 5s infinite;
-ms-animation:adgolge2 5s infinite;
-o-animation:adgolge2 5s infinite;

-webkit-filter: blur(0px);
filter: blur(0px);


-webkit-animation-direction: alternate;
animation-direction: alternate;
-moz-animation-direction: alternate;
-ms-animation-direction: alternate;
-o-animation-direction: alternate;


	}
	
.ad2::after {
	background:url(../images/ad.png) center center no-repeat;
	position:absolute;
	content:"";
	width:100%;
	height:100%;
	background-size:100%;
-moz-transform: rotate(-50deg);
-ms-transform: rotate(-50deg);
-o-transform: rotate(-50deg);
-webkit-transform: rotate(-50deg);
transform: rotate(-50deg);


-webkit-animation:ad2anm 5s infinite ;
animation:ad2anm 5s infinite;
-moz-animation:ad2anm 5s infinite;
-ms-animation:ad2anm 5s infinite;
-o-animation:ad2anm 5s infinite;

-webkit-filter: blur(0px);
filter: blur(0px);


-webkit-animation-direction: alternate;
animation-direction: alternate;
-moz-animation-direction: alternate;
-ms-animation-direction: alternate;
-o-animation-direction: alternate;
	}


.ad3 {
	width:31px;
	height:33px;
	position:absolute;
	top:30px;
	left:200px;
}


.ad3::after {
	background:url(../images/ad.png) center center no-repeat;
	position:absolute;
	content:"";
	width:100%;
	height:100%;
	background-size:100%;
-moz-transform: rotate(-32deg);
-ms-transform: rotate(-32deg);
-o-transform: rotate(-32deg);
-webkit-transform: rotate(-32deg);
transform: rotate(-32deg);

-webkit-animation:ad3anm 5s infinite ;
animation:ad3anm 5s infinite;
-moz-animation:ad3anm 5s infinite;
-ms-animation:ad3anm 5s infinite;
-o-animation:ad3anm 5s infinite;

-webkit-filter: blur(0px);
filter: blur(0px);


-webkit-animation-direction: alternate;
animation-direction: alternate;
-moz-animation-direction: alternate;
-ms-animation-direction: alternate;
-o-animation-direction: alternate;
	}

.ad3::before { 
width:33px;
height:5px;
background:url(../images/golgeb.png) center center no-repeat;
position:absolute;
content:"";
bottom:0px;
left:1px;
background-size:100%;


-webkit-animation:adgolge3 5s infinite ;
animation:adgolge3 5s infinite;
-moz-animation:adgolge3 5s infinite;
-ms-animation:adgolge3 5s infinite;
-o-animation:adgolge3 5s infinite;

-webkit-filter: blur(0px);
filter: blur(0px);


-webkit-animation-direction: alternate;
animation-direction: alternate;
-moz-animation-direction: alternate;
-ms-animation-direction: alternate;
-o-animation-direction: alternate;

}

.seobig {
	width:267px;
	height:137px;
	position:absolute;
	top:110px;
	left:50px;
	}
.seobig::after {
	position:absolute;
	content:"";
	width:100%;
	height:100%;
	background:url(../images/seoi.png) center center no-repeat;
	background-size:100%;
	
-webkit-animation:seob 5s infinite ;
animation:seob 5s infinite;
-moz-animation:seob 5s infinite;
-ms-animation:seob 5s infinite;
-o-animation:seob 5s infinite;

-webkit-filter: blur(0px);
filter: blur(0px);


-webkit-animation-direction: alternate;
animation-direction: alternate;
-moz-animation-direction: alternate;
-ms-animation-direction: alternate;
-o-animation-direction: alternate;

}


.seobig::before { 
width:100%;
height:46px;
background:url(../images/golgeb.png) center center no-repeat;
position:absolute;
content:"";
bottom:-35px;
left:1px;
background-size:cover;


-webkit-animation:seob 5s infinite ;
animation:seob 5s infinite;
-moz-animation:seob 5s infinite;
-ms-animation:seob 5s infinite;
-o-animation:seob 5s infinite;

-webkit-filter: blur(0px);
filter: blur(0px);


-webkit-animation-direction: alternate;
animation-direction: alternate;
-moz-animation-direction: alternate;
-ms-animation-direction: alternate;
-o-animation-direction: alternate;
}

.optim {
	width:175px;
	height:29px;
	position:absolute;
	top:45px;
	right:40px;

	}

.optim::after { 
	position:absolute;
	content:"";
	width:100%;
	height:100%;
	background:url(../images/optimization.png) center center no-repeat;
	background-size:100%;
-webkit-animation:optima 5s infinite ;
animation:optima 5s infinite;
-moz-animation:optima 5s infinite;
-ms-animation:optima 5s infinite;
-o-animation:optima 5s infinite;

-webkit-filter: blur(0px);
filter: blur(0px);


-webkit-animation-direction: alternate;
animation-direction: alternate;
-moz-animation-direction: alternate;
-ms-animation-direction: alternate;
-o-animation-direction: alternate;

}

.optim::before { 
width:32px;
height:6px;
background:url(../images/golgeb.png) center center no-repeat;
position:absolute;
content:"";
bottom:0px;
left:-3px;
background-size:cover;

-webkit-animation:optima 5s infinite ;
animation:optima 5s infinite;
-moz-animation:optima 5s infinite;
-ms-animation:optima 5s infinite;
-o-animation:optima 5s infinite;

-webkit-filter: blur(0px);
filter: blur(0px);


-webkit-animation-direction: alternate;
animation-direction: alternate;
-moz-animation-direction: alternate;
-ms-animation-direction: alternate;
-o-animation-direction: alternate;
}

.engine {
	width:66px;
	height:21px;
	position:absolute;
	top:60px;
	left:50px;
	}

.engine::after { 
	position:absolute;
	content:"";
	width:100%;
	height:100%;
	background:url(../images/engine.png) center center no-repeat;
	background-size:100%;
	
	-webkit-animation:optima2 5s infinite ;
animation:optima2 5s infinite;
-moz-animation:optima2 5s infinite;
-ms-animation:optima2 5s infinite;
-o-animation:optima2 5s infinite;

-webkit-filter: blur(0px);
filter: blur(0px);


-webkit-animation-direction: alternate;
animation-direction: alternate;
-moz-animation-direction: alternate;
-ms-animation-direction: alternate;
-o-animation-direction: alternate;

}

.engine::before { 
width:20px;
height:6px;
background:url(../images/golgeb.png) center center no-repeat;
position:absolute;
content:"";
bottom:-2px;
left:-5px;
background-size:cover;
opacity:0.8;

-webkit-animation:optima2 5s infinite ;
animation:optima2 5s infinite;
-moz-animation:optima2 5s infinite;
-ms-animation:optima2 5s infinite;
-o-animation:optima2 5s infinite;

-webkit-filter: blur(0px);
filter: blur(0px);


-webkit-animation-direction: alternate;
animation-direction: alternate;
-moz-animation-direction: alternate;
-ms-animation-direction: alternate;
-o-animation-direction: alternate;
}

.search {
	width:48px;
	height:12px;
	position:absolute;
	top:25px;
	left:110px;
	}

.search::after { 
	position:absolute;
	content:"";
	width:100%;
	height:100%;
	background:url(../images/search.png) center center no-repeat;
	background-size:100%;
	
	-webkit-animation:optima3 5s infinite ;
animation:optima3 5s infinite;
-moz-animation:optima3 5s infinite;
-ms-animation:optima3 5s infinite;
-o-animation:optima3 5s infinite;

-webkit-filter: blur(0px);
filter: blur(0px);


-webkit-animation-direction: alternate;
animation-direction: alternate;
-moz-animation-direction: alternate;
-ms-animation-direction: alternate;
-o-animation-direction: alternate;
}

.search::before { 
width:10px;
height:5px;
background:url(../images/golgeb.png) center center no-repeat;
position:absolute;
content:"";
bottom:-5px;
left:-1px;
background-size:cover;
opacity:0.7;

-webkit-animation:optima3 5s infinite ;
animation:optima3 5s infinite;
-moz-animation:optima3 5s infinite;
-ms-animation:optima3 5s infinite;
-o-animation:optima3 5s infinite;

-webkit-filter: blur(0px);
filter: blur(0px);


-webkit-animation-direction: alternate;
animation-direction: alternate;
-moz-animation-direction: alternate;
-ms-animation-direction: alternate;
-o-animation-direction: alternate;

}


.markabig {
	width:158px;
	height:154px;
	position:absolute;
	top:100px;
	left:100px;
	}
	
.markabig::after {
	width:100%;
	height:100%;
	position:absolute;
	content:"";
	background:url(../images/markabig.png) center center no-repeat;
	background-size:100%;
	
	-webkit-animation:markab 5s infinite ;
animation:markab 5s infinite;
-moz-animation:markab 5s infinite;
-ms-animation:markab 5s infinite;
-o-animation:markab 5s infinite;

-webkit-filter: blur(0px);
filter: blur(0px);


-webkit-animation-direction: alternate;
animation-direction: alternate;
-moz-animation-direction: alternate;
-ms-animation-direction: alternate;
-o-animation-direction: alternate;
	}
	
.markabig::before { 
width:100%;
height:46px;
background:url(../images/golgeb.png) center center no-repeat;
position:absolute;
content:"";
bottom:-30px;
left:1px;
background-size:100%;

-webkit-animation:markabg 5s infinite ;
animation:markabg 5s infinite;
-moz-animation:markabg 5s infinite;
-ms-animation:markabg 5s infinite;
-o-animation:markabg 5s infinite;

-webkit-filter: blur(0px);
filter: blur(0px);


-webkit-animation-direction: alternate;
animation-direction: alternate;
-moz-animation-direction: alternate;
-ms-animation-direction: alternate;
-o-animation-direction: alternate;
}


.marka1 {
	width:80px;
	height:78px;
	position:absolute;
	top:25px;
	right:45px;
	}
	
.marka1::after {
	width:100%;
	height:100%;
	position:absolute;
	content:"";
	background:url(../images/markabig.png) center center no-repeat;
	background-size:100%;
	
-webkit-animation:marka1 5s infinite ;
animation:marka1 5s infinite;
-moz-animation:marka1 5s infinite;
-ms-animation:marka1 5s infinite;
-o-animation:marka1 5s infinite;

-webkit-filter: blur(0px);
filter: blur(0px);


-webkit-animation-direction: alternate;
animation-direction: alternate;
-moz-animation-direction: alternate;
-ms-animation-direction: alternate;
-o-animation-direction: alternate;
	}
	
.marka1::before { 
width:100%;
height:16px;
background:url(../images/golgeb.png) center center no-repeat;
position:absolute;
content:"";
bottom:-12px;
left:1px;
background-size:100%;

-webkit-animation:markag1 5s infinite ;
animation:markag1 5s infinite;
-moz-animation:markag1 5s infinite;
-ms-animation:markag1 5s infinite;
-o-animation:markag1 5s infinite;

-webkit-filter: blur(0px);
filter: blur(0px);


-webkit-animation-direction: alternate;
animation-direction: alternate;
-moz-animation-direction: alternate;
-ms-animation-direction: alternate;
-o-animation-direction: alternate;

}


.marka2 {
	width:48px;
	height:47px;
	position:absolute;
	top:35px;
	left:70px;
	}
	
.marka2::after {
	width:100%;
	height:100%;
	position:absolute;
	content:"";
	background:url(../images/markabig.png) center center no-repeat;
	background-size:100%;
	
	
	-webkit-animation:marka2 5s infinite ;
animation:marka2 5s infinite;
-moz-animation:marka2 5s infinite;
-ms-animation:marka2 5s infinite;
-o-animation:marka2 5s infinite;

-webkit-filter: blur(0px);
filter: blur(0px);


-webkit-animation-direction: alternate;
animation-direction: alternate;
-moz-animation-direction: alternate;
-ms-animation-direction: alternate;
-o-animation-direction: alternate;


	}
	
.marka2::before { 
width:100%;
height:11px;
background:url(../images/golgeb.png) center center no-repeat;
position:absolute;
content:"";
bottom:-8px;
left:1px;
background-size:100%;

-webkit-animation:markag2 5s infinite ;
animation:markag2 5s infinite;
-moz-animation:markag2 5s infinite;
-ms-animation:markag2 5s infinite;
-o-animation:markag2 5s infinite;

-webkit-filter: blur(0px);
filter: blur(0px);


-webkit-animation-direction: alternate;
animation-direction: alternate;
-moz-animation-direction: alternate;
-ms-animation-direction: alternate;
-o-animation-direction: alternate;
}


.marka3 {
	width:27px;
	height:27px;
	position:absolute;
	top:20px;
	right:150px;
	}
	
.marka3::after {
	width:100%;
	height:100%;
	position:absolute;
	content:"";
	background:url(../images/markabig.png) center center no-repeat;
	background-size:100%;
	
		-webkit-animation:marka3 5s infinite ;
animation:marka3 5s infinite;
-moz-animation:marka3 5s infinite;
-ms-animation:marka3 5s infinite;
-o-animation:marka3 5s infinite;

-webkit-filter: blur(0px);
filter: blur(0px);


-webkit-animation-direction: alternate;
animation-direction: alternate;
-moz-animation-direction: alternate;
-ms-animation-direction: alternate;
-o-animation-direction: alternate;
	}
	
.marka3::before { 
width:100%;
height:4px;
background:url(../images/golgeb.png) center center no-repeat;
position:absolute;
content:"";
bottom:-4px;
left:1px;
background-size:100%;

-webkit-animation:markag2 5s infinite ;
animation:markag2 5s infinite;
-moz-animation:markag2 5s infinite;
-ms-animation:markag2 5s infinite;
-o-animation:markag2 5s infinite;

-webkit-filter: blur(0px);
filter: blur(0px);


-webkit-animation-direction: alternate;
animation-direction: alternate;
-moz-animation-direction: alternate;
-ms-animation-direction: alternate;
-o-animation-direction: alternate;
}


.anlatim {
width:68%;
font-weight:300;
line-height:1.5em;
margin-top:30px;
border-left:1px solid #aaaaaa;
padding:0px 0px 40px 20px;

}
.anlatim p{
margin:20px 0px;
position:relative;
cursor:pointer;
}

.anlatim p::before{position:absolute;content:"";width:20px;height:20px;background-color:#b6e756;border-radius:50%;left:-60px;top:5px;z-index:11;}
.anlatim p:hover::before{width:30px;height:30px;left:-65px;top:0px;}
.anlatim p::after{position:absolute;content:"";width:25px;height:1px;background-color:#cccccc;left:-45px;top:14px;}


.scrolltop {
	display:block;
	padding:20px;
	background:rgba(0,0,0,0.3);
	position:fixed;
	bottom:10%;
	left:2%;
	z-index:1000;
	border-radius:50%;
	}

.resp {display:none;}
.unresp {display:block;}
.form-err {width:100%;margin:auto;text-align:center;color:#e35e4f;padding:10px;background-color:#fff;}

.lateswork {font-size:2em;color:#fff;margin-bottom:20px;display:block;width:100%;text-align:center;}
.morework {width:100%;text-align:center;}

.morework a{color:#fff;font-size:2em;display:block;}
.wdetay {width:96%;}
.sctop {display:none;}

/* İç sayfalar*/


.blog{
	width: 100%;
	min-height: 1200px;
	background-image: url(../images/hizmetlistbg.jpg);
    background-repeat: no-repeat;
    background-position: center top;
    background-size: cover;
    background-attachment: fixed;
    position: relative;
    overflow: hidden;
}

.blog::before{
	position: absolute;
    content: "";
    background-image: url(../images/lamp.png);
    background-repeat: no-repeat;
    background-position: center top;
    width: 40%;
    height: 100px;
    top: 0;
    left: 10%;
}
.blog::after{
	position: absolute;
    content: "";
    background-image: url(../images/lamp.png);
    background-repeat: no-repeat;
    background-position: center top;
    width: 40%;
    height: 100px;
    top: 0;
    right: 10%;
}

.blogbaslik{
    width: 100%;
    font-size: 4em;
    color: #000;
    font-weight: 800;
    text-align: center;
    margin-top: 150px;
    transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    -webkit-transition: all 0.3s;
}

.blog-govde{
	width: 100%;
	margin-top: 80px;
}

.blog-left{
	width: 50%;
	float: left;
	height: 800px;
	background-color: rgba(56, 254, 176, 0.29);
}

.blog-right{
	width: 50%;
	float: right;
	height: 800px;
	background-color: rgba(28, 197, 239, 0.27);
	position: relative;
}

.blog-baslik{
	width: 72%;
    text-align: center;
    background: rgba(3, 14, 7, 0.48);
    padding: 20px;
    color: #fff;
    margin-top: 50px;
}

.blog-icerik{
	width: 100%;
    color: #000;
    padding: 20px 50px;
    line-height: 30px;
    font-size: 0.9em;
    float: right;
}

.blog-buton{
	text-align: center;
    position: relative;
    color: #fff;
    font-size: 2em;
    display: block;
}

.blog-mini{
	overflow: hidden;

}


/* Telefon Genel Dikey */
@media screen and (min-device-width: 320px)   and (max-device-width:1024px)
{
	
.sctop {display:block;
padding:25px;
position:fixed;
left:31px;
bottom:3%;
background:rgba(85,85,85,0.5);
background-image:url(../images/sctop.png);
background-position:center center;
background-repeat:no-repeat;
border-radius:50%;
z-index:9999;
}

.yshow {display:block;}
.resp {display:block;}
.unresp {display:none;}
.mainmenu {display:none;}
.left {float:none;}
.right {float:none;}
.full {width:96%;}
.logo {float:left;width:70%;margin:0px 0px 15px 0px;}
.logo img {width:220px;height:47px;}
header {background-size: 50% 4px;padding-top:20px;}
.contacttop {display:none;}
.menu-icon-wrapper {display:block !important;}
.smaller .logo {margin:0px 0px 10px 0px;}
.smaller {padding-top:15px;}
.smaller .menu-icon-wrapper {margin:5px 15px 0px 0px;}
.mmenugovde {display:block !important;}
.smaller .contacttops {display:none;}
.container.demo-1 {top:85px !important;}
.dtercih {display:none;}
.dhakkimizda{display:none;}
.dhizmetler{display:none;}
.dreferanslar{display:none;}
.diletisim{display:none;}
.about {width:100%;}
/*.aboutus .pict {height:150px;background-size:130%;background-attachment:scroll;background-position: 10% 70%;}
*/
.aboutus .pict {display:none;}
.aboutus .text {padding:20px 10px 20px 75px;}
.hizmet {width:100%;}
.stranim .renkyuv {width:70%;left:15%;height:100%;top:0;}
.slogan {width:100%;}
.strateji {display:none;}
.tasarim {display:none;}
.tanitim {display:none;}
.cozum {display:none;}
.hizmetler .stranim {height:300px;}
.hizmetler .hizmetlist .lamp1 {width:60%;}
.hizmetler .hizmetlist .lamp2 {width:50%;left:50%;}
.hizmetlist .hizmetbox {width:46.5%;    background-position: 50% 85%;}
.hizmetlist .webtasarim {left:7%;}
.hizmetlist .eticaret {left:53.5%;}
.hizmetlist .grafik {left:7%;}
.hizmetlist .adwords {left:53.5%;}
.hizmetlist .seo {left:7%;}
.hizmetlist .marka {left:53.5%;}
.refslogan {width:90%;margin:auto;padding:80px 0px 0px 50px;}
.crea {font-size: 1.7em;}
.reftop span {font-size:1.7em;}
.teklifbody {width:90%;margin:auto;}
.teklifbody::before {background-size:100%;}
.teklifcenter {width:240px;height:240px;}
.tisteyin {font-size:1.3em;}
.taciklama {top:85px;}
.taciklama span.first {font-size:1.6em;}
.taciklama span.second  {font-size:2em;}
.taciklama span.third {font-size:1em;}
.teklifin span {font-size: 1.2em !important;}
.teklifbody::after {bottom:10%;}
.refbox {width:90%;margin:5% 8%;min-height:250px;}
.refgovde .refbox:nth-child(even) {margin:5% 8%;}
.refbox .text span {font-size:1.3em;}
.refbox .text {top:15%;}
.refbox .text blockquote {margin:10px 0px 10px 0px;padding:0;}
.refbox .text blockquote p {font-size:0.8em;line-height:1.5em;}
.formgovde {width:91%;left:9%;padding:72px 0px 0px 0px;}
#map {display:none;}
.map {display:block;background-color:#c9c9c9;}
.formgovde input[type="text"].secure {padding:20px 0px 20px 5px;text-align:right;border-radius:0;}
.formgovde input[type="text"].securekey {padding:20px 0px;width:27%;border-radius:0;}
.formgovde input[type="text"] {border-radius:0;}
.formgovde textarea {border-radius:0;}
.formgovde input[type="submit"] {border-radius:0;}
.adres {width:90%;float:right;margin-right:0;}
.tel {width:90%;float:right;margin-right:0;margin-top:20px;}
.mail {width:90%;float:right;margin-right:0;margin-top:20px;}
.mail::before {left:-7px;}
.destek {width:90%;float:right;margin-right:0;margin-top:20px;}
.destek::before {left:-13px;}
.altmenuler {text-align:center;}
.imza {width:90%;text-align:center;margin-left:6%;}
.imza::after {bottom:-80px;}
.haritatop a.yoltarifi {bottom:-42%;}

/*alt sayfalar*/
.ichead h1 {width:230px;font-size:1em;}
.ichead h2 {width:90%;}
.hizanim {width:100%;min-height:400px;border-bottom:1px solid #e2e2e2;}
.anlatim {width:86%;float:right;}
.anlatim h2 {font-size:1em;}
.anlatim p::before {width:10px;height:10px;left:-40px;top:10px;}
.anlatim p::after {width:10px;left:-30px;}
.anlatim p:hover::before{width:20px;height:20px;left:-50px;top:5px;}
.hizmeturl{float:right;width:92%;}
.hizmeturl a{width:50%;font-size:1em;font-weight:700;min-height:80px;padding:20px;}
.hizmeturl a::before{background: url(../images/rlefthizpoint.png) center center no-repeat;width:11px;height:50px;top:15px;}
.hizmeturl a::after{background: url(../images/rrighthizpoint.png) center center no-repeat;width:11px;height:50px;top:15px;}
.hizmeturl a:hover::after{right:9px;}
.hizmeturl a.webtasarima::before{left:9px;}
.hizmeturl a.webtasarima::after{right:9px;}
.hizmeturl a.eticareta::before{left:9px;}
.hizmeturl a.eticareta::after{right:9px;}
.hizmeturl a.grafika::before{left:9px;}
.hizmeturl a.grafika::after{right:9px;}

.hizmeturl a.adwordsa::before{left:9px;}
.hizmeturl a.adwordsa::after{right:9px;}

.hizmeturl a.seoa::before{left:9px;}
.hizmeturl a.seoa::after{right:9px;}

.hizmeturl a.markaa::before{left:9px;}
.hizmeturl a.markaa::after{right:9px;}
.refbox .text a {font-size:0.9em;font-weight:700;}
.refbox .text span {font-size:1em;}
.refbox .text {width:75%;left:12.5%;}
/*alt sayfalar*/

.hwebtasarim {min-height:350px;}
.hadwords {min-height:280px;}
.hseo {min-height:300px;}

.hizmeturl a:hover::before{
left:9px;
}

.hizmeturl a:hover::after{
right:9px;
}

.hizmeturl a.webtasarim {padding-top:30px;}
.hizmeturl a.eticaret {padding-top:30px;}
.hizmeturl a.grafik {padding-top:30px;}
.hizmeturl a.marka {padding-top:30px;}
.submenus {position:relative;width:100%;left:0;padding: 0;
    margin-top: 100px;}
.submenus ul.hizmenu li a {font-size:1em;font-weight:900;border-bottom:1px solid #545454;padding:15px;text-align:center;
float:left;width:50%;border-right:1px solid #545454;
}
.submenus ul.hizmenu li a:nth-child(even){ 
border-right:none;
}


}
/* Telefon Genel Dikey */



/* Telefon Genel Yatay */
@media screen and (min-device-width:667px) and (max-device-width:1335px) and (orientation: landscape) 
{
	.teklifbody {width:50%;}
	.refslogan {padding:40px 0px 0px 0px;}
	.refbox {width:48%;margin:1%;float:left;min-height:235px;}
	.refgovde .refbox:nth-child(even) {margin:1%;}
	.refgovde {padding:40px 0px 100px 0px;}
	.imza::after {background-position:center center;}
.refbox .text span {font-size:1em;}
.refbox .text {width:75%;left:12.5%;}
.icanagovde {padding-top:85px;}
.hizanim {width:65%;margin:auto;}
.anlatim {width:93%;}
.hizmeturl a {padding:30px 20px 20px 20px;}
.hizmeturl a.webtasarima::before {left:15px;}
.hizmeturl a.webtasarima::after {right:15px;}

.hizmeturl a.eticareta::before{left:15px;}
.hizmeturl a.eticareta::after{right:15px;}
.hizmeturl a.grafika::before{left:15px;}
.hizmeturl a.grafika::after{right:15px;}

.hizmeturl a.adwordsa::before{left:15px;}
.hizmeturl a.adwordsa::after{right:15px;}

.hizmeturl a.seoa::before{left:15px;}
.hizmeturl a.seoa::after{right:15px;}

.hizmeturl a.markaa::before{left:15px;}
.hizmeturl a.markaa::after{right:15px;}

.hizmeturl a:hover::before{
left:15px;
}

.hizmeturl a:hover::after{
right:15px;
}
.ichead h1 {width:230px;}
.ichead h2 {width:94%;}


}
/* Telefon Genel Yatay */


/* Iphone7 Yatay */

@media screen and (max-device-width:1334px) and (orientation: landscape)
{
		.teklifbody {width:40%;}
	.refslogan {padding:40px 0px 0px 0px;}
	.refbox {width:48%;margin:1%;float:left;min-height:235px;}
	.refgovde .refbox:nth-child(even) {margin:1%;}
	.refgovde {padding:40px 0px 100px 0px;}
	.imza::after {background-position:center center;}
.refbox .text span {font-size:1em;}
.refbox .text {width:75%;left:12.5%;}
.icanagovde {padding-top:85px;}
.hizanim {width:60%;margin:auto;}
.anlatim {width:93%;}
.hizmeturl a {padding:30px 20px 20px 20px;}
.hizmeturl a.webtasarima::before {left:15px;}
.hizmeturl a.webtasarima::after {right:15px;}

.hizmeturl a.eticareta::before{left:15px;}
.hizmeturl a.eticareta::after{right:15px;}
.hizmeturl a.grafika::before{left:15px;}
.hizmeturl a.grafika::after{right:15px;}

.hizmeturl a.adwordsa::before{left:15px;}
.hizmeturl a.adwordsa::after{right:15px;}

.hizmeturl a.seoa::before{left:15px;}
.hizmeturl a.seoa::after{right:15px;}

.hizmeturl a.markaa::before{left:15px;}
.hizmeturl a.markaa::after{right:15px;}

.hizmeturl a:hover::before{
left:15px;
}

.hizmeturl a:hover::after{
right:15px;
}
.ichead h1 {width:230px;}
.ichead h2 {width:94%;}


}
/* Iphone7 Yatay */


/* Tablet Dikey */
@media only screen  and (min-device-width: 768px)   and (max-device-width: 1024px) and (orientation: portrait) 
{
			.teklifbody {width:50%;}
			.teklifcenter {    background-position: 100% 116%;}
	.refbox {width:46%;margin:2%;float:left;min-height:235px;}
	.refgovde .refbox:nth-child(even) {margin:2%;}
	#map {display:block;}
		.map {display:none;}
	.formgovde {width:50%;left:5%;}
	.adres {float: left;
    margin-left: 5%;
    width: 50%;min-height:75px;}
	.tel {
    width: 40%;min-height:75px;margin-top:0;}
.mail {float: left;
    margin-left: 5%;
    width: 45%;margin-top:40px;}
.destek {margin-top:40px;width:40%;}
.destek::after {left:-12%;}
.irtibat .destek span {margin-left:15%;}
.haritatop a.yoltarifi {bottom:21%;}
.teklifbody::after {bottom:4%;}
.imza::after {background-position:center center;}

.hizanim {width:50%;margin:auto;}
.anlatim {width:94%;}
.hizmeturl a {padding:30px 20px 20px 20px;}

.hizmeturl a.webtasarima::before {left:18px;}
.hizmeturl a.webtasarima::after {right:18px;}

.hizmeturl a.eticareta::before{left:18px;}
.hizmeturl a.eticareta::after{right:18px;}
.hizmeturl a.grafika::before{left:18px;}
.hizmeturl a.grafika::after{right:18px;}

.hizmeturl a.adwordsa::before{left:18px;}
.hizmeturl a.adwordsa::after{right:18px;}

.hizmeturl a.seoa::before{left:18px;}
.hizmeturl a.seoa::after{right:18px;}

.hizmeturl a.markaa::before{left:18px;}
.hizmeturl a.markaa::after{right:18px;}

.hizmeturl a:hover::before{
left:18px;
}

.hizmeturl a:hover::after{
right:18px;
}
.ichead h2 {width:94%;}
.reftop span {font-size:2em;}



}
/* Tablet Dikey */


/* Tablet Yatay

@media only screen  and (min-device-width: 768px)   and (max-device-width: 1024px) and (orientation: landscape) 
{
		#map {display:block;}
		.map {display:none;}
	.formgovde {width:40%;left:5%;}
	.aboutus .pict {min-height:250px;}
.hizmetler .stranim {height:600px;}
.stranim .renkyuv {    width: 52%;
    left: 25%;
    top: 25%;height:52%;
		}
.hizmet {float:left;width:50%;}
.strateji {display:block;top: -12%;}
.tasarim {display:block;    right: -61%;
    top: 25%;}
.tanitim {display:block;left: 20%;
    bottom: -13%;}
.cozum {display:block;    left: -54%;
    top: 25.5%;}
.cozum .text {width:85%;}
.hizmet .left {float:left;}
.hizmet .right {float:right;}
			.teklifbody {width:50%;}
.teklifbody::before {background-size:auto;}
.refbox {min-height:348px;}
.refbox .text {top:25%;}
.ichead h2 {width:95%;}
.hizanim {width:40%;}
.reftop span {font-size:2em;}

.hizmeturl a.webtasarima::before {left:24px;}
.hizmeturl a.webtasarima::after {right:24px;}

.hizmeturl a.eticareta::before{left:24px;}
.hizmeturl a.eticareta::after{right:24px;}
.hizmeturl a.grafika::before{left:24px;}
.hizmeturl a.grafika::after{right:24px;}

.hizmeturl a.adwordsa::before{left:24px;}
.hizmeturl a.adwordsa::after{right:24px;}

.hizmeturl a.seoa::before{left:24px;}
.hizmeturl a.seoa::after{right:24px;}

.hizmeturl a.markaa::before{left:24px;}
.hizmeturl a.markaa::after{right:24px;}

.hizmeturl a:hover::before{
left:24px;
}

.hizmeturl a:hover::after{
right:24px;
}

.refbox .text span {font-size:1.5em;}
.refbox .text blockquote p {font-size:1em;}
	.adres {float: left;
    margin-left: 5%;
    width: 45%;min-height:75px;}
	.tel {
    width: 40%;min-height:75px;margin-top:0;}
.mail {float: left;
    margin-left: 5%;
    width: 45%;margin-top:40px;}
.destek {margin-top:40px;width:40%;}
.destek::after {left:-12%;}
.irtibat .destek span {margin-left:15%;}
.haritatop a.yoltarifi {bottom:21%;}

.teklifcenter {background-position:100% 119%;}


}
 Tablet Yatay */