@charset utf-8;

@font-face {
    font-family: 'klavika_chlight_cond';
    src: url('../Fonts/klavikach-lightcond-webfont.eot');
    src: url('../Fonts/klavikach-lightcond-webfont.eot?#iefix') format('embedded-opentype'),
         url('../Fonts/klavikach-lightcond-webfont.woff') format('woff'),
         url('../Fonts/klavikach-lightcond-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'klavika_chmedium_cond';
    src: url('../Fonts/klavikach-mediumcond-webfont.eot');
    src: url('../Fonts/klavikach-mediumcond-webfont.eot?#iefix') format('embedded-opentype'),
         url('../Fonts/klavikach-mediumcond-webfont.woff') format('woff'),
         url('../Fonts/klavikach-mediumcond-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'klavika_chregular_condensed';
    src: url('../Fonts/klavikach-regularcondensed-webfont.eot');
    src: url('../Fonts/klavikach-regularcondensed-webfont.eot?#iefix') format('embedded-opentype'),
         url('../Fonts/klavikach-regularcondensed-webfont.woff') format('woff'),
         url('../Fonts/klavikach-regularcondensed-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video {
border:0;
outline:0;
font-size:100%;
vertical-align:baseline;
background:transparent;
margin:0;
padding:0;
}

html {
overflow-y:scroll;
}

article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section {
display:block;
}

ul {
list-style:none;
}

blockquote,q {
quotes:none;
}

blockquote:before,blockquote:after,q:before,q:after {
content:none;
}

a {
font-size:100%;
vertical-align:baseline;
background:transparent;
text-decoration:none;
margin:0;
padding:0;
}

ins {
background-color:#ff9;
color:#000;
text-decoration:none;
}

mark {
background-color:#ff9;
color:#000;
font-style:italic;
font-weight:700;
}

del {
text-decoration:line-through;
}

abbr[title],dfn[title] {
border-bottom:1px dotted;
cursor:help;
}

table {
border-collapse:collapse;
border-spacing:0;
}

hr {
display:block;
height:0;
background-color:#c7c7c7;
border-top:1px solid #c7c7c7;
border-left:0;
border-right:0;
border-bottom:1px solid #FFF;
margin:1em 0;
padding:0;
}

*+html hr {
height:2px;
}

body {
background:url(../images/bg.gif);
font-family:klavika_chlight_cond;
font-size:18px;
}

a:hover {
text-decoration:none;
}

.background-circle {
background:url(../images/bg-circle.jpg) no-repeat center top;
}

input,textarea {
font-family:klavika_chlight_cond;
font-size:18px;
}

.wrapper {
overflow:auto;
width:720px;
margin:0 auto;
padding:0 0 88px;
}

.sosyalmedya {
position:absolute;
margin:164px 0 0 566px;
}

.sosyalmedya img {
float:left;
margin-left:-4px;
}

.satilik {
position:absolute;
z-index:100;
margin:207px 0 0 -46px;
}

.cloud {
display:block;
position:relative;
overflow:auto;
width:376px;
height:241px;
background:url(../images/bulut.png) no-repeat;
font-size:24px;
margin:169px 0 0 207px;
}

.cloud-elements {
position:absolute;
z-index:1000;
}

.ok {
display:inline-block;
float:left;
width:28px;
height:28px;
background:url(../images/check-icon.png) no-repeat;
}

.cloud .text-1 {
display:block;
font-size:18px;
color:#5e5e5e;
margin:93px 0 0 76px;
}

.cloud .text-1 .ok {
margin-right:7px;
}

.cloud .text-2 {
display:block;
color:#2c9fb3;
font-size:27px;
margin:14px 0 0 81px;
}

.yesil {
color:#4da735;
}

.content {
display:block;
width:100%;
height:294px;
}

.contact-form {
display:block;
position:absolute;
z-index:1000;
width:324px;
color:#2c9fb3;
margin:35px 0 0 234px;
}

.input-item {
display:block;
overflow:auto;
padding-bottom:7px;
}

.input-item label {
float:left;
width:55px;
background:#FFF;
-webkit-border-radius:10px 0 0 10px;
-moz-border-radius:10px 0 0 10px;
border-radius:10px 0 0 10px;
padding:12px;
}

.input-item input {
float:left;
width:221px;
border:0;
background:#9fe5f2;
-webkit-border-radius:0 10px 10px 0;
-moz-border-radius:0 10px 10px 0;
border-radius:0 10px 10px 0;
color:#5e5e5e;
margin:0;
padding:12px;
}

.textarea-item label {
float:left;
width:300px;
background:#FFF;
-webkit-border-radius:10px 10px 0 0;
-moz-border-radius:10px 10px 0 0;
border-radius:10px 10px 0 0;
padding:10px 12px;
}

.textarea-item textarea {
float:left;
width:300px;
height:47px;
border:0;
background:#9fe5f2;
-webkit-border-radius:0 0 10px 10px;
-moz-border-radius:0 0 10px 10px;
border-radius:0 0 10px 10px;
color:#5e5e5e;
overflow:auto;
margin:0;
padding:12px;
}

.send-button {
display:inline-block;
margin-top:7px;
background:#FFF url(../images/plane.png) no-repeat 10px 9px;
padding-left:37px;
-webkit-border-radius:10px;
-moz-border-radius:10px;
border-radius:10px;
}

.send-button button {
background:#a4ee90;
font-family:klavika_chlight_cond;
color:#528944;
font-size:18px;
border:0;
-webkit-border-radius:0 10px 10px 0;
-moz-border-radius:0 10px 10px 0;
border-radius:0 10px 10px 0;
cursor:pointer;
margin:0;
padding:9px 10px 8px;
}

footer {
display:block;
overflow:auto;
width:667px;
height:113px;
background:url(../images/footer.png) no-repeat;
text-shadow:1px 1px 4px rgba(0,0,0,0.7);
}

.footer-top {
font-size:32px;
color:#FFF;
font-style:italic;
font-family:"klavika_chlight_cond";
margin-left:239px;
margin-top:3px;
}

.tel {
font-style:normal;
color:#d1ffc5;
padding-left:30px;
font-family:klavika_chlight_cond;
margin-left:14px;
font-size:37px;
}

.copy {
font-size:18px;
color:#FFF;
font-style:italic;
font-family:"klavika_chlight_cond";
margin:27px 0 0 284px;
}