body {
-moz-transform: scale(1.0, 1.0); /* Moz-browsers */
zoom: 1.0; /* Other non-webkit browsers */
zoom: 95%; /* Webkit browsers */
}
#main-nav{
    background-color: #F8F8F8;
    border-bottom: 1px solid #EAEAEA;	
}
.inner-wrap {
    margin: 0px auto;
    max-width: 1218px;
}
.wide-1218 .inner-wrap {
    max-width: 1218px;
}
.social-links {
    max-width: 100%;
    float: left;
    padding-right: 15px;
}
.social-links ul li {
    padding: 5px 15px 5px 0px;
    float: left;
}
.small-info-text {
    float: left;
    max-width: 100%;
    padding-right: 15px;
    padding-top: 2px;
}
.small-info-text p {
    padding: 2px 0 0;
    font-size: 12px;
    color: #555555;
    margin-bottom: 0;
}
ul {
    list-style: none;
}
.small-menu {
    float: right;
}
.small-menu li {
    float: left;
    position: relative;
    font-family: 'Lato', sans-serif;
}
.small-menu a {
    color: #666666;
    display: block;
    padding: 8px 0 0 16px;
    font-size: 12px;
}

.sosyalbutonlar a {
    background: #a1a1a1;
    text-decoration: none;
    color: #FFF;
    width: 31px;
    height: 25px;
    display: inline-block;
    border-radius: 4px;
    margin-right: 8px;
    overflow: hidden;
    position: relative;
    line-height: 39px;
    text-align: center;
    padding-top: 4px;
    margin-top: 5px;
}
    
.sosyalbutonlar a{  
   transition: transform 0.4s linear 0s, 
	 border-top-left-radius 0.1s linear 0s, 
	 border-top-right-radius 0.1s linear 0.1s, 
	 border-bottom-right-radius 0.1s linear 0.2s, 
	 border-bottom-left-radius 0.1s linear 0.3s;
 	
}

.sosyalbutonlar .facebook:hover {
      background-color: #3b5998;
      transform: rotate(360deg);
      border-radius: 50%;	 
}

  .sosyalbutonlar .twitter:hover   {
      background-color: #00aced;
      transform: rotate(360deg);
      border-radius: 50%;	 
}
  
 .sosyalbutonlar .google-plus:hover   {
      background-color: #dd4b39;
      transform: rotate(360deg);
      border-radius: 50%;	 
}

 .sosyalbutonlar .instagram:hover   {
      background-color: #bc2a8d;
      transform: rotate(360deg);
      border-radius: 50%;	 
}

 .sosyalbutonlar .linkedin:hover   {
      background-color: #00aced;
      transform: rotate(360deg);
      border-radius: 50%;	 
}

 .sosyalbutonlar .youtube:hover   {
       background-color: #bb0000;
      transform: rotate(360deg);
      border-radius: 50%;	 
}
.sennedemek{
	background: #7fbf4d;
    width:67%;
    height: 54px;
    padding: 10px 0px 0px 0px;
    text-shadow: 0 -1px 0 #4c9021;
    margin-top: 10px;
    display: inline-block;
    text-decoration: none;
    font-weight: 700;
    font-size: 21px;
    color: #fff;
}

.sennedemek:hover{
    background: #e93e30;
    color: white;
    text-decoration: none;
}
.skipgec{
	    background: -webkit-linear-gradient(top, #4d9bbf, #2f72a6);
    width: 123px;
    padding: 8px 1px 5px 7px;
    text-align: center;
    text-shadow: 0 -1px 0 #216590;
    margin-top: 6px;
    margin-left: 36px;
    display: inline-block;
    text-decoration: none;
    font-weight: bold;
    /* font-size: 11px; */
    float: left;
    color: #fff;
    border: 1px solid #2f72a6;
    box-shadow: inset 0 1px 0 0 #6da4ca;
    -webkit-border-radius: 3px;
    border-radius: 3px;
}
.skipgecyozel{
	background: -webkit-linear-gradient(top, #4d9bbf, #2f72a6);
    width: 100%;
    padding: 8px 1px 5px 7px;
    text-align: center;
    text-shadow: 0 -1px 0 #216590;
    margin-top: 6px;
    display: inline-block;
    text-decoration: none;
    font-weight: bold;
    float: left;
    color: #fff;
    border: 1px solid #2f72a6;
    box-shadow: inset 0 1px 0 0 #6da4ca;
    -webkit-border-radius: 3px;
    border-radius: 3px;
}
.yozeliki{
    background: #880000;
    text-decoration: none!important;
    width: 12%;
    height: 38px;
    padding: 3px 0px 0px 0px;
    text-shadow: 0 -1px 0 #000000;
    margin-top: 10px;
    display: inline-block;
    font-weight: 700;
    font-size: 20px;
    color: #ded5d5;
    margin-left: 3%;
}
.yozeluc {
    background: #7fbf4d;
    width: 80%;
    height: 56px;
    padding: 10px 0px 0px 0px;
    text-shadow: 0 -1px 0 #4c9021;
    margin-top: 10px;
    display: inline-block;
    text-decoration: none!important;
    font-weight: 700;
    font-size: 21px;
    color: #fff;
}
.yozeluc:hover {
    background: #709850;
	color:white;

}
.yot30{
    overflow: hidden;
    position: relative;
    float: left;
 
 
    color: #666;
    text-align: center;
    border-radius: 3px;
	width:30%;
	margin: 1.6%;
	box-shadow: 0px 2px 0px 6px rgb(0 0 0 / 14%);

}
@media screen and (max-width: 600px) {
  .mobilicinabone {
    width:100%!important; // Önemli olan nokta burası burayı kaldırırsanız sadece mobile için görüntülenir. 
  }
}


.raporgec{
	    background: -webkit-linear-gradient(top, #4d9bbf, #2f72a6);
    width: 100px;
    padding: 8px 1px 5px 7px;
    text-align: center;
    text-shadow: 0 -1px 0 #216590;
    margin-top: 6px;
    margin-left: 9px;
    display: inline-block;
    text-decoration: none;
    font-weight: bold;
    /* font-size: 11px; */
    float: left;
    color: #fff;
    border: 1px solid #2f72a6;
    box-shadow: inset 0 1px 0 0 #6da4ca;
    -webkit-border-radius: 3px;
    border-radius: 3px;
}
.aboneolbuton{
	    background: #7fbf4d;
    width: 95px;
    height: 60px;
    padding: 10px 0px 0px 0px;
    text-align: center;
    text-shadow: 0 -1px 0 #4c9021;
    margin-top: 5px;
    display: inline-block;
    text-decoration: none;
    font-weight: bold;
    font-size: 20px;
    color: #fff;
    border: 1px solid #63a62f;
    border-radius: 3px;
}
.aboneolbuton:hover{
	    background: #76b347;
    color: #fff;
    box-shadow: inset 0 1px 0 0 #8dbf67;
    -webkit-box-shadow: inset 0 1px 0 0 #8dbf67;
    cursor: pointer;
}
.yozeltsrm {
    overflow: hidden;
    position: relative;
    width: 50%;
    box-shadow: 0px 1px 0px 4px rgb(0 0 0 / 14%);
} 
.marginort{
	text-align: center;
    margin: auto; 
} 
.youtube30sn{
	width: 300px; 
    border: 2px solid #ff0000; 
    padding: 17px 23px;
    text-align: center;
    border-radius: 3px;
    margin: auto;
    margin-top: 1%;
}
.dpaneli {
 position: relative;
 margin: 1em;
 background: #F2F1EF;
 padding: 1em 1em 0.4em 2em;
 border-left: 4px solid #DDD;
 box-shadow: 0 1px 1px rgba(0, 0, 0, 0.125);
}

.dpaneli:before {
 position: absolute;
 top: 50%;
 margin-top: -17px;
 left: -17px;
 background-color: #DDD;
 color: #FFF;
 width: 30px;
 height: 30px;
 border-radius: 100%;
 text-align: center;
 line-height: 30px;
 font-weight: bold;
 font-family: Georgia;
 text-shadow: 1px 1px rgba(0, 0, 0, 0.5);
}
.bilgi {
 border-color: #0074D9;
    border-right: 4px solid #0074D9;
}

.bilgi:before {
 content: "i";
 background-color: #0074D9;
}

.basarili {
 border-color: #2ECC40;
        border-right: 4px solid #2ECC40;
}

.basarili:before {
 content: "√";
 background-color: #2ECC40;
}

.uyari {
 border-color: #f06c64;
            border-right: 4px solid #f06c64;

}

.uyari:before {
 content: "!";
 background-color: #f06c64;
}

.userinfo{background-color: #fff;padding: 10px 0px 10px 9px;box-shadow: 0 1px 2px 0;}
.seviyeyer{width: 44px;margin: 9px;}
.idnickname{margin-top: 16px;color: red;font-weight: 600;text-align: center;}
.gorme{color:blue}
.gorme2{color:blue}
.gorme:hover{text-decoration:none}
.icerikci:hover{
    font-size: 18px;
    font-weight: bolder;box-shadow: 1px 1px 4px 0px #000000;
}
.ythover{
	background-color:#709850!important;
	border:none;
    border-left: .25rem solid #f6c23e!important;
}
.ythover:hover{
    background-color: #5d4343!important;
    font-size: 15px;
    font-weight: 700;
	border-left: .25rem solid red!important;
}
@media screen and (max-width: 1560px) {
  .nomobile {
    display: none; // Önemli olan nokta burası burayı kaldırırsanız sadece mobile için görüntülenir. 
  }
}

::-webkit-scrollbar-thumb {
    background-color: #ceadff;
    border-radius: 60px;
}
::-webkit-scrollbar-track {
    border-left: 1px solid #503775;
    border-right: 1px solid #503775;
}
::-webkit-scrollbar {
    width: 12px;
    background-color: #eeeeee;
}

.latest-sales {
background: #fff;
width: 280px;
box-shadow: 0 0 10px rgba(0,0,0,0.5);
padding: 20px;
border-radius: 10px;
position: fixed;
bottom: 30px;
left: 85px;
z-index: 9999;
display: none;
}

.latest-sales.active {
display: block;
animation-name: latest-animation;
animation-duration: .5s;
}


@keyframes latest-animation {
from {opacity: 0;}
to {opacity: 1;}
}
p {
	text-align: center;
    font-size: 12px;
    margin-top: 0px;
    margin-left: 38px;
}
.askr:hover{
	font-size: unset;
}
.gorevyap:hover{
    background-color: whitesmoke;
}
.sifremiunut{
	float: right;font-family: 'Piazzolla', serif;
}

#uyelogin{
    border: 1px solid #1C6EA4;
 
}


#homegorseli{
    position: relative;
    display: flex;
    flex-direction: column;
    width: 100%;
    pointer-events: auto;
    background-color: #fff;
    background-clip: padding-box;
    border: 0px solid rgba(0,10,21,0.2);
    outline: 0;
	height: 60px;
    margin: 0px 0px 4% 0px;
box-shadow: 0 1px 4px 0 rgba(0,0,0,.14);
    box-sizing: border-box;
}


.sagyasla{
float:right;
}

.solayasla{
float:left;
}

#icerikbilgihome1{
    position: relative;
	text-align:center;
    flex-direction: column;
    width: 100%;
    pointer-events: auto;
    background-color: #fff;
    background-clip: padding-box;
    border: 0px solid rgba(0,10,21,0.2);
    outline: 0;
	height: 70px;
    margin: 0px 0px 4% 0px;
box-shadow: 0 1px 4px 0 rgba(0,0,0,.14);
    box-sizing: border-box;
}


#odemeyöntemi{
    position: relative;
    display: flex;
    flex-direction: column;
    width: 100%;
    pointer-events: auto;
    background-color: #fff;
    background-clip: padding-box;
    border: 0px solid rgba(0,10,21,0.2);
    outline: 0;
	height: 60px;
    margin: 0px 0px 4% 0px;
box-shadow: 0 1px 4px 0 rgba(0,0,0,.14);
    box-sizing: border-box;
}

#icerikbilgihome2{
box-shadow: 0 1px 4px 0 rgba(0,0,0,.14);
background-color: white;
border-radius: 0px 38px 0px 32px;
}

#renkaktifuye{
    background: #bc0001;
    padding: 0 5px 0 5px;
    width: 100%;
    border: 1px solid #21387d;
}

#boyut{
     width: 16%;
	 
}
#boyutxl{
width: 16%;
margin-left: 1%;
}
#boyutxxl{
    width: 10%;
    margin-left: 5%;
}
.boyutxl{
width: 16%;
margin-left: 1%;
  position: relative;
  animation-name: example;
  animation-duration: 2s;
}
@keyframes example {
  0%   {left:0px;}
  25%  {left:20%;}
  50%  {left:20%;}
  75%  {left:20%;}
  100%  {left:-1%;}
 }
#boyutlg{
width: 16%;
margin-left: 2.7%;
}
#butondegisimi{
	background-color: #F0B90B;
}
#te{
    border-radius: 0px 0px 0px 0px;
	background-color:#f0d40b;
}

#sonblogboyut{
	background-color:red;
	width:100%;
	height: 220px;

}

#icerikbilgihome3{
    text-align: center;
    padding-bottom: 10%;
}


.animals{
	margin-top: 15px;
    background-color: white;
    box-shadow: 0 1px 4px 0 rgba(0,0,0,.14);
    box-sizing: border-box;
    border-radius: 0px 10px 0px 10px;
}

.headalt {
    position: initial!important;
    display: flex!important;
 
    align-items: center!important;
    justify-content: space-between!important;
    padding: .5rem 1rem!important;
	background-color: #ffffff!important;
    box-shadow: 0 .15rem 1.75rem 0 rgba(58,59,69,.15)!important;
}

.yenimenualt{
        color: red;
    font-size: 13px;
    padding: 3px 23px;
    text-align: center;
    margin-top: -1px;
    border-left: 1px solid #ddd;
    border-right: 1px solid #dddd;
    text-decoration: none;
}

.yenimenualt:hover{
    background-color: #e4e4ef59;
    color: #fc0000;
    font-size: 13px;
    padding: 3px 23px;
    text-align: center;
    margin-top: -1px;
    border-left: 1px solid #ddd;
    border-right: 1px solid #dddd;
    text-decoration: none;
	
}

@media only screen and (min-width: 1200px) {
 
  body {
    background-color: lightblue;
  }

}
.icerikbilgihomeav{
	background-color:red;
	width:50%;
	
}
.icerikbilgihomeav:hover{
	background-color:black;
	width:100%;
	height:500px;
	
}
.avca{
	text-align: center;color: white;font-weight: 700;font-family: cursive;
}
.arkaplamci:hover{
	background-color:red;
    cursor: pointer;
}

.arkaplamci{
	background-color: yellowgreen;
}
.videogolge{
	box-shadow: 0 0.25rem 0.75rem rgba(0, 0, 0, .1);
}
.videoboyut{ 
    position: relative;
    display: flex;
    flex-direction: column;
    width: 100%;
    pointer-events: auto;
    background-color: #fff;
    background-clip: padding-box;
    border: 0px solid rgba(0,10,21,0.2);
    outline: 0;
    box-shadow: 0 1px 4px 0 rgba(0,0,0,.14);
    box-sizing: border-box;

}

#homeboyutlandirmasi{
	 display:contents;
}

 
@media only screen and (max-width: 1500px) and (min-width: 1200px) {
  div.example {
    display: none!important;
  }
  div.example2 {
    display: block!important;
  }
  div.kirilmanoktasi1{
    flex: 0 0 25%;
    max-width: 25%;
  }
  div.kirilmanoktasi2{
    flex: 0 0 54.33333%;
    max-width: 54.33333%;
  }
 
}

#marginhome{
margin-top: 15px;
}



@media (min-width:1200px) { 
.col-sol-3{
	flex: 0 0 17%;
    max-width: 17%;
	} 
}

@media (min-width: 1200px){
.col-sol-1 {
    flex: 0 0 3.33333%;
    max-width: 3.33333%;
	}
}

@media (min-width: 1200px){
.col-orta-7 {
    flex: 0 0 58.33333%;
    max-width: 58.33333%;
	margin: 0px 1%;
	}
}
@media (min-width: 768px){
.col-tablet-12 {
    flex: 0 0 100%;
    max-width: 100%;
	}
}
main{
    zoom: 0.9; /* Other non-webkit browsers */
    zoom: 90%; /* Webkit browsers */
	display: contents;

}

@media (min-width: 1200px){
.col-icerik-9 {
    flex: 0 0 79%;
    max-width: 79%;
	}
}
@media (min-width: 1200px){
.col-odeme-9 {
    flex: 0 0 74%;
    max-width: 74%;
	}
}
@media screen and (max-width: 1199px) {
	.mobilicinsatin {
		width:31%!important; 
  }
}
@media screen and (max-width: 1600px) {
	.mobilicinn { 
		width:23%!important; 
  }
}

@media screen and (max-width: 600px) {
	.mobilicinbuy {
		width:100%!important; 
  }
}

@media (max-width: 768px){
.col-mobil-12 {
    flex: 0 0 100%;
    max-width: 100%;
	}
}


.statsarka{
    position: relative;
	text-align:center;
    flex-direction: column;
    width: 100%;
    pointer-events: auto;
    background-color: black;
    background-clip: padding-box;
    border: 0px solid rgba(0,10,21,0.2);
    outline: 0;
	height: 70px;
    margin: 0px 0px 4% 0px;
box-shadow: 0 1px 4px 0 rgba(0,0,0,.14);
    box-sizing: border-box;
}



.yenisatin {
    background: #efefef;
    box-shadow: 0px 2px 0px 6px rgb(0 0 0 / 14%);
    position: relative;
    float: left;
    text-align: center;
    width: 18%;
    margin: 1%;
    height: 358px;
}

.satinbutton{
    margin-top: 23px;
    padding-top: 5%;
    height: 65px;
    box-shadow: 1px 1px 4px 0px #000000;
    background-color: #efefefe6;
}

.youtube4kmodul{
background: #ffffff;
position: relative;
border: 3px solid #73b440;
margin: 0px 3px 6px 6px;
padding: 14px 1px;
text-align: center;
color: #666;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
z-index: 1500;
}

.youtubeekran{
	background: -webkit-linear-gradient(top, #7fbf4d, #63a62f);
    width: 215px;
    padding: 16px 0px 16px 0px;
    text-align: center;
    display: inline-block;
    text-decoration: none;
    font-size: 14px;
    color: #fff;
    border: 1px solid #63a62f;
    border-radius: 16px;
	box-shadow: inset 0 1px 0 0 #6da4ca;
	font-family: none;
	font-weight: 900;
}

.youtubeekran:hover{
	background: -webkit-linear-gradient(top, #888e86, #63a62f);
    color: #fff;
	display: inline-block;

}
.gecbuton{
	background: -webkit-linear-gradient(top, #7fbf4d, #63a62f);
    width: 144px;
    padding: 3px 0px 3px 0px;
    display: inline-block;
    text-decoration: none;
    font-weight: bold;
	border-radius: 40px;
    color: #fff;
    border: 1px solid #2f72a6;
    box-shadow: inset 0 1px 0 0 #6da4ca;
}
.gecbuton:hover{
	background: -webkit-linear-gradient(top, #888e86, #63a62f);
    color: #fff;
	display: inline-block;
}
.siteamac{
	width: 25%;
    text-align: -webkit-center;
    border-style: solid;
    border-width: 1px;
    padding: 10px;
 
}

 
.bg-white{
	background-color:#fff;
}

.aktifuyeler{
    font-size: 14px;
    color: darkgoldenrod;
}
.renkdegis {
    color: white;
    -webkit-animation-name: text!important;
    animation-name: text!important;
    -webkit-animation-duration: 4s!important;
    animation-duration: 4s!important;
    -webkit-animation-iteration-count: infinite!important;
    animation-iteration-count: infinite!important;
    -webkit-animation-direction: alternate!important;
    animation-direction: alternate!important;
    -webkit-animation-timing-function: ease-in-out!important;
    animation-timing-function: ease-in-out!important;
}
.ysubgecbuton {
    width: 107px;
    padding: 2px 9px 3px 9px;
    margin-top: 12px;
    margin-bottom: 10px;
    display: inline-block;
    text-decoration: none;
    font-weight: bold;
    color: white;
    background-color: sandybrown;
    text-align: revert;
    box-shadow: inset 0 1px 0 0 #6da4ca;
    -webkit-border-radius: 3px;
}
.ses{
	font-size: xx-large;
}

@media screen and (max-width: 1600px){
.mobilicinmodul { 
    width: 100%!important;
}}

@media screen and (max-width: 5000px){
.odemeicinmasa { 
	text-align: center;
	float: left;
    width: 30%;
    color: #974ba0;
    margin: 26px 19px 29px;
    box-shadow: 0px 0px 4px rgb(0 0 0 / 60%);
    padding: 14px 35px 60px 35px;
}}

@media screen and (max-width: 1400px){
.tabletodeme { 
	text-align: center;
	float: left;
    width: 46%;
    color: #974ba0;
    margin: 26px 19px 29px;
    box-shadow: 0px 0px 4px rgb(0 0 0 / 60%);
    padding: 14px 35px 60px 35px;
}}
@media screen and (max-width: 1400px){
.mobilodemeler { 
	text-align: center;
	float: left;
    width: 94%;
    color: #974ba0;
    margin: 26px 19px 29px;
    box-shadow: 0px 0px 4px rgb(0 0 0 / 60%);
    padding: 14px 35px 60px 35px;
}}

@media screen and (max-width: 1199px){
.mobilmodule2 {
    width: 100%!important;
}}

@media screen and (max-width: 1200px){
.col-tablet-12-modul {
	flex: 0 0 100%; 
    max-width: 100%;
	} 
}
@media screen and (max-width: 1200px){
.col-tablet-3-modul {
    flex: 0 0 100%;
    max-width: 100%;
	}
}

.homelogindetay{
	width: 185px;
    height: 50px;
    line-height: 35px;
    text-align: center;
    border: 2px #000 solid;
    background: 0 0;
    border-radius: 8px;
    padding: 0;
    font-size: 14px;
    font-weight: 700;
	cursor: pointer;

}
.anasayfatasarim{
	line-height: 20px;font-weight: 500;font-family: cursive;
}
.fact-one__single {
    -webkit-box-shadow: 0 20px 60px 0 rgb(42 40 51 / 5%);
    box-shadow: 0 20px 60px 0 rgb(42 40 51 / 5%);
    width: 220px;
    height: 220px;
    border-radius: 50%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 20px;
    position: relative;
}
.fact-one__single:before {
    content: '';
    position: absolute;
    top: 10px;
    bottom: 10px;
    left: 10px;
    right: 10px;
    border-radius: 50%;
    background-image: linear-gradient(
40deg
,#ffdbf3 0%,#ffa95c 100%);
}
 
 .fact-one__inner {
    width: 100%;
    height: 100%;
    -webkit-box-shadow: 0 20px 40px 0 rgb(255 118 142 / 30%);
    box-shadow: 0 20px 40px 0 rgb(255 118 142 / 30%);
    border-radius: 50%;
    position: relative;
    background-color: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}
.fact-one [class*=col-]:nth-child(3) .fact-one__inner {
    -webkit-box-shadow: inset 0 20px 40px 0 rgb(58 212 173 / 30%);
    box-shadow: inset 0 20px 40px 0 rgb(58 212 173 / 30%);
}
.fact-one__inner p {
    font-size: 16px;
    font-weight: bolder;
    color: #564949;
    margin-top: 11px;
}

.fact-one [class*=col-]:nth-child(1) .fact-one__single:before {
    background-image: linear-gradient(
40deg
,#ff43c0 0%,#ffa95c 100%);
}

.cardrenk{
	background-color: white!important;
}

.cardrenk:hover{
	background-color: #fff0f0!important;
}

.field-icon {
margin-top: 1px;
}
.logins{
	background-color: whitesmoke!important; width: 100%!important;
}
.logins:hover{
	background-color: #f9abab!important; width: 100%!important;color:white!important;
}
#odemepage{
	text-align: center;
	float: left;
    width: 30%;
    color: #974ba0;
    margin: 26px 19px 29px;
    box-shadow: 0px 0px 4px rgb(0 0 0 / 60%);
    padding: 14px 35px 60px 35px;
}
 



















.velikirmizi{
	  position: relative;margin-left: 2%;
  display: block;
  line-height: 2.75em;
  height: 3em;
  padding: 0 1.618em;
  float:left;
  background: #1abc9c;
  border-right: 0.125rem solid #16a085;
  color: #fff;
  cursor: pointer;
  top: 0;
  transition: all 0.25s;
}
.odemealhoveri:hover{
	top: -0.25rem;
    transition: top 0.25s;
}
 
.odemealhoveri {
    position: relative;
    display: block;
    line-height: 2.75em;
    height: 3em;
    padding: 0 1.618em;
    float: left;
    background: #1abc9c;
    border-right: 0.125rem solid #16a085;
    font-weight: 700;
    color: #fff;
    cursor: pointer;
    top: 0;
    transition: all 0.25s;
}

.buolsunbu{
	    background: #7fbf4d;
    border-bottom: 0;
    border-right: 0.125rem solid #fff;
    transition: all 0.35s;
    z-index: 1;
    float: left;
    top: -0.0625rem;
    font-weight: 700;
    border-left: 0.125rem solid #fff;
}
 
@media screen and (max-width: 1220px) {
  .headergizle {
    display:none!important; 
  }
}
@media screen and (min-width: 1220px) {
  .headergizlem {
    display:none!important; 
  }
}
@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,400italic,600,600italic,700italic);

*{margin: 0px; padding: 0px}

body{
  background:#2c3e50;
  font-family: 'Open Sans', sans-serif;
}

h1, button{
  color:#fff;
  text-align: center;
  padding: 20px;
}

p{
  color:#fff;
  text-align: center;
 
  font-size: 10px;
}

a{
   text-decoration:none;
   color:#fff;
}

a:hover{
   color:#2ecc71;
}

.main{
  width: 100%;
}

.sub-main{
  width: 30%;
  margin:22px;
  float: left;
}

.button-one, .button-two, .button-three{
  text-align: center;
  cursor: pointer;
  font-size:24px;
  margin: 0 0 0 100px;
}



/*Button One*/
.button-one {
  padding:20px 60px;
  outline: none;
  background-color: #27ae60;
  border: none;
  border-radius:5px;
  box-shadow: 0 9px #95a5a6;
}

.button-one:hover{
  background-color: #2ecc71;
}

.button-one:active {
  background-color: #2ecc71;
  box-shadow: 0 5px #95a5a6;
  transform: translateY(4px);
}


/*Button Two*/
.button-two {
  border-radius: 4px;
  background-color:#d35400;
  border: none;
  padding: 20px;
  width: 200px;
  transition: all 0.5s;
}


.button-two span {
  cursor: pointer;
  display: inline-block;
  position: relative;
  transition: 0.5s;
}

.button-two span:after {
  content: '»';
  position: absolute;
  opacity: 0;
  top: 0;
  right: -20px;
  transition: 0.5s;
}

.button-two:hover span {
  padding-right: 25px;
}

.button-two:hover span:after {
  opacity: 1;
  right: 0;
}


/*Button Three*/
.button-three {
    position: relative;
    background-color: #f39c12;
    border: none;
    padding: 20px;
    width: 200px;
    text-align: center;
    -webkit-transition-duration: 0.4s; /* Safari */
    transition-duration: 0.4s;
    text-decoration: none;
    overflow: hidden;
}

.button-three:hover{
   background:#fff;
   box-shadow:0px 2px 10px 5px #97B1BF;
   color:#000;
}

.button-three:after {
    content: "";
    background: #f1c40f;
    display: block;
    position: absolute;
    padding-top: 300%;
    padding-left: 350%;
    margin-left: -20px !important;
    margin-top: -120%;
    opacity: 0;
    transition: all 0.8s
}

.button-three:active:after {
    padding: 0;
    margin: 0;
    opacity: 1;
    transition: 0s
}