@charset "utf-8";
input {-webkit-appearance:none; -webkit-border-radius: 0;}
html {height:100%; -webkit-background-size:cover; -moz-background-size:cover; -o-background-size:cover;  background-size:cover;}
.medyatikadam1{text-align:center; width:800px; height:600px; background: url(../img/m13.png);  position:fixed; top:50%; left:50%; margin-top:-300px; margin-left:-400px;}
.medyatikadam2 {width:800px; height:120px; color:#ffffff; margin:50px 0px 10px 0px; background: url(../img/m10.png) no-repeat;}
.medyatikadam3 {width:700px; padding:0px 50px 0px 50px; text-align:right;}
.medyatikadam25{width:800px; height:120px; background: url(../img/m5.png) no-repeat;}
.medyatikadam38 {width:130px; height:102px;  background: url(../img/m7.png); float:left; border:0px solid #DDDDDD;position:absolute; }
.medyatikadam40 {width:130px; height:102px;  background: url(../img/m8.png) no-repeat; float:left; position:absolute;}
.medyatikadam39 {width:130px; height:102px; background: url(../img/m7.png); float:left; border:0px solid #DDDDDD; position:absolute; }
.medyatikadam41 {width:130px; height:102px; background: url(../img/m2.png) no-repeat; float:left; position:absolute;}
input#medyatikadam53{ width:405px; height:100px; background: url(../img/m7.png); color:#ffffff; font-size:50px; border:0px solid #DDDDDD; margin-bottom:5px; padding-left:30px; padding-right:130px; }
input#medyatikadam54{ width:535px; height:100px; background: url(../img/m7.png); color:#ffffff; font-size:50px; border:0px solid #DDDDDD; font-weight:200; font-family: 'Titillium Web', sans-serif; margin-bottom:5px; padding-left:30px;}
#medyatikadam53{ width:700px; height:100px; background: url(../img/m7.png); color:#ffffff; font-size:50px; border:0px solid #DDDDDD; margin-bottom:5px;}
::-webkit-input-placeholder {color:#ffffff; font-family: 'Titillium Web', sans-serif; font-weight:200;}
:-moz-placeholder {color:#ffffff; font-family: 'Titillium Web', sans-serif; font-weight:200;}
::-moz-placeholder {color:#ffffff; font-family: 'Titillium Web', sans-serif; font-weight:200;}
:-ms-input-placeholder {color:#ffffff; font-family: 'Titillium Web', sans-serif; font-weight:200;}
::-ms-input-placeholder {color:#ffffff; font-family: 'Titillium Web', sans-serif; font-weight:200;}

input#medyatikadam53::-webkit-input-placeholder{font-size:25px;}
input#medyatikadam53:-moz-placeholder {font-size:25px;}
input#medyatikadam53::-moz-placeholder{font-size:25px;}
input#medyatikadam53:-ms-input-placeholder {font-size:25px;}
input#medyatikadam53::-ms-input-placeholder {font-size:25px;}

input[type=text]#medyatikadam53::-webkit-input-placeholder{font-size:50px;}
input[type=text]#medyatikadam53:-moz-placeholder {font-size:50px;}
input[type=text]#medyatikadam53::-moz-placeholder{font-size:50px;}
input[type=text]#medyatikadam53:-ms-input-placeholder {font-size:50px;}
input[type=text]#medyatikadam53::-ms-input-placeholder {font-size:50px;}
@font-face {
    font-family: 'Titillium Web';
    font-style: normal;
    font-weight: normal;
}
body {
    text-align: center;
}
button,button:hover,button:focus {margin:0; padding:0; border:0; background-color:#17fc5d; border-radius:1px; -moz-border-radius: 1px; -webkit-border-radius: 1px; background:transparent; outline:none;} 
*:focus {outline: none;}
#medyatikadam48 {
    display: inline-block;
	width:700px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    -webkit-box-shadow:    0 8px 0 #018b24, 0 15px 20px rgba(0, 0, 0, .35);
    -moz-box-shadow: 0 8px 0 #018b24, 0 15px 20px rgba(0, 0, 0, .35);
    box-shadow: 0 8px 0 #018b24, 0 15px 20px rgba(0, 0, 0, .35);
    -webkit-transition: -webkit-box-shadow .1s ease-in-out;
    -moz-transition: -moz-box-shadow .1s ease-in-out;
    -o-transition: -o-box-shadow .1s ease-in-out;
    transition: box-shadow .1s ease-in-out;
    font-size: 25px;
    color: #fff;
}
#medyatikadam48 span {width:700px;
    display: inline-block;
    padding: 20px 0px;
	text-align:center;
    background-color: #00e948;
	opacity:0.9;
    -webkit-border-radius: 0px 0px 8px 8px;
    -moz-border-radius: 0px 0px 8px 8px;
    border-radius: 0px 0px 8px 8px;
    -webkit-box-shadow: inset 0 -1px 1px rgba(255, 255, 255, .15);
    -moz-box-shadow: inset 0 -1px 1px rgba(255, 255, 255, .15);
    box-shadow: inset 0 -1px 1px rgba(255, 255, 255, .15);
    font-family: 'Titillium Web', Arial, sans-serif;
    line-height: 1;
    text-shadow: 0 -1px 1px rgba(175, 49, 95, .7);
    -webkit-transition: background-color .2s ease-in-out, -webkit-transform .1s ease-in-out;
    -moz-transition: background-color .2s ease-in-out, -moz-transform .1s ease-in-out;
    -o-transition: background-color .2s ease-in-out, -o-transform .1s ease-in-out;
    transition: background-color .2s ease-in-out, transform .1s ease-in-out;
}
#medyatikadam48:hover span {
    background-color: #00ff4f;
	font-weight:600;
    text-shadow: 0 -1px 1px rgba(175, 49, 95, .9), 0 0 5px rgba(255, 255, 255, .8);
}
#medyatikadam48:active, #medyatikadam48:focus {
    -webkit-box-shadow:    0 8px 0 #018b24, 0 12px 10px rgba(0, 0, 0, .3);
    -moz-box-shadow: 0 8px 0 #018b24, 0 12px 10px rgba(0, 0, 0, .3);
    box-shadow:    0 8px 0 #018b24, 0 12px 10px rgba(0, 0, 0, .3);
}
#medyatikadam48:active span {
    -webkit-transform: translate(0, 4px);
    -moz-transform: translate(0, 4px);
    -o-transform: translate(0, 4px);
    transform: translate(0, 4px);
}

 .medyatikadam73{
 margin-left:600px;
position:absolute;
 z-index:999999;
 
 }
 .medyatikadam53{
padding-right:100px;
 
 }
 
 input[type=checkbox] {
display:none;
}
 
input[type=checkbox] + label
{
background: url(../images/m41.png);
height: 102px;
width: 100px;
display:inline-block;
padding: 0 0 0 0px;
}
input[type=checkbox]:checked + label
{
background: url(../images/m40.png);
height: 102px;
width: 100px;
display:inline-block;
padding: 0 0 0 0px;
}