/*
Theme Name: Keramine H Set
Author: Murat Ohancan
*/

/* =Reset default browser CSS. Based on work by Eric Meyer: http://meyerweb.com/eric/tools/css/reset/index.html
-------------------------------------------------------------- */
@font-face{font-family:'allerregular';src:url('font/aller_rg-webfont.eot');src:url('font/aller_rg-webfont.eot?#iefix') format('embedded-opentype'),
url('font/aller_rg-webfont.woff') format('woff'),
url('font/aller_rg-webfont.ttf') format('truetype'),
url('font/aller_rg-webfont.svg#allerregular') format('svg');font-weight:normal;font-style:normal;}
body{margin:0;padding:0;font-family:'allerregular';font-size:12px;font-style:normal;line-height:100%;background: #071F43;}
body ul,li{margin:0;padding:0;}
a{color:#aaa;text-decoration:none;}
h1{font-size:22px;}
h2{color: #0B5D6E;font-size: 27px;/* padding-left:20px; */text-decoration:none;}
h3{font-size:15px;}
h4{font-size:13px;}
h5{font-size:11px;}
h5{font-size:9px;}
.ortala { width: 1000px; margin-left:auto; margin-right:auto;}
.temizle { clear:both; }


/*COMMENT*/
.commentbox { border: 5px solid #a7d3e8; border-radius: 5px; margin-top: 15px; }
.commentname { margin: 15px; padding-left: 10px; font-weight: bold; }
.commentspan { margin-left: 10px; font-weight: normal; color: #1F58B2; }
.commentboxadmin { border: 5px solid #8ed5b3; border-radius: 5px; margin-left: 130px; margin-top: 15px; }
.commentnameadmin { margin: 15px; padding-left: 10px; font-weight: bold; }
.commentspanadmin { margin-left: 10px; font-weight: normal; color: #0a4f41; }
.adminsignature { margin-top: 11px; text-align: left; color: #128E72; }
.commentavatarman { background: url(resim/commentman.png); width: 108px; height: 99px; display: block; float:left; margin: 2px 5px 0px 10px; }
.commentavatarwoman { background: url(resim/commentwoman.png); width: 108px; height: 99px; display: block; float:left; margin: 2px 5px 0px 10px; }
.commentavataradmin { background: url(resim/commentadmin.png); width: 108px; height: 99px; display: block; float:left; margin: 2px 5px 0px 10px; }
.commenttext { margin: 15px; padding-left: 10px; }
.commentsend { text-align: center; width: 150px; height: 28px; padding: 7px; padding-top: 13px; margin-left: auto; font-size: 18px; margin-right: auto; border-radius: 6px; background: rgb(96,108,136); /* Old browsers */ background: -moz-linear-gradient(top, rgba(96,108,136,1) 0%, rgba(63,76,107,1) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(96,108,136,1)), color-stop(100%,rgba(63,76,107,1))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(96,108,136,1) 0%,rgba(63,76,107,1) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(96,108,136,1) 0%,rgba(63,76,107,1) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgba(96,108,136,1) 0%,rgba(63,76,107,1) 100%); /* IE10+ */ background: linear-gradient(to bottom, rgba(96,108,136,1) 0%,rgba(63,76,107,1) 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#606c88', endColorstr='#3f4c6b',GradientType=0 ); /* IE6-9 */; }
.commentsend a { color: #fff; }
/*COMMENT*/


/*POST*/
.centerpost { margin-top: 85px; }
.postleft { float: left; width: 968px; background: #fff; }
.posttitle { margin-top: -51px; font-size: 42px; color: #fff; margin-left: 17px; text-align: center; }
.posttitlee a { font-size: 42px; color: #162942; margin-left: 17px; text-align: left; float: left; width: 100%; margin-bottom: 23px; margin-top: 80px;}
.nav-next a { color: #4136DA; }
.nav-previous a { color: #4136DA; }
.postcontent { padding: 25px; font-size: 15px; font-family: Arial; line-height: 19px; margin-top: 24px; }
.postright { float: left; height: 748px; display:none; width: 300px; background: #8de4c7; margin-top: -14px; }
.basindan { background:url(resim/videolar.jpg); margin-left: -25px; width: 997px; margin-bottom: -25px; margin-top: -28px; height: 559px;}
.basindan1 { width: 273px; height: 243px; border: 2px solid red; margin-left: 37px; float: left; display: block; margin-top: 17px; }
.basindan2 { width: 273px; height: 243px; border: 2px solid red; margin-left: 47px; float: left; display: block; margin-top: -17px; }
.basindan3 { width: 273px; height: 243px; border: 2px solid red; margin-left: 45px; float: left; display: block; margin-top: -52px; }
.basindan4 { width: 273px; height: 243px; border: 2px solid red; float: right; display: block; margin-top: 17px; margin-right: 520px; }
.basindan5 { width: 273px; height: 243px; border: 2px solid red; float: right; display: block; margin-top: -246px; margin-right: 202px; }
/*POST*/

/* STEP 1 */
.step1 {background: url(resim/step1.jpg) top center;height: 923px;margin-left: auto;margin-top: -15px;margin-right: auto;width: 100%;}
.top { padding-top: 15px; height: 91px;}
.toplogo {background: url(resim/toplogo.png);height: 57px;width: 282px;float: left;margin-left: 10px;margin-top: 12px;}
.topsocial {background: none;height: 33px;width: 124px;float: left;margin-left: 356px;}
.topsocialf { width: 153px; height: 40px; float: left; }
.topsocialt { width: 126px; height: 40px; float: left; }
.topphone {background: url(resim/phone.png);height: 53px;width: 185px;float: right;margin-right: 26px;margin-top: -6px;}
.topeu { background: url(resim/yurtdisi.png); height: 30px; width: 185px; float: right; margin-top: 52px; margin-right: -183px;display: none;}
.menu { background: url(resim/menubg.png); width: 100%; height: 81px; }
.menus li {list-style: none;color: #051533;text-align: center;float: left;padding-top: 16px;font-size: 13px;width: 180px;line-height: 20px;border-right: 1px solid #051533;height: 54px;margin-top: 1px;padding-left: 8px;}
.menus li:hover { background:url(resim/hover.png); }
.headlefttext {background:url(resim/headlefttext.png);float: left;height: 205px;width: 610px;margin-top: 20px;}
.headlefttextt {background:url(resim/headlefttextt.png);float: left;height: 357px;width: 364px;margin-top: 246px;margin-left: -606px;}
.headlefttv { background:url(resim/headlefttv.png); float: left; height: 82px; width: 410px; position: absolute; margin-top: 602px; margin-left: 7px;}
.headright {background:url(resim/headrightbg.png);float: right;height: 734px;width: 648px;margin-top: 7px;overflow: hidden;position: absolute;margin-left: 350px;}
.headrightvideo { width: 340px; height: 250px; margin-left: 260px;margin-top: 390px; }
/* STEP 1 */

/* STEP 2 */
.step2 { background: url(resim/step2.jpg) top center; height: 850px; border-top: 3px solid #afeccf;}
.steplefttext {color: #fff;font-size: 13px;float:left;line-height: 23px;width: 606px;margin: 8px;margin-top: 41px;font-family: Verdana;height: 310px;}
.steplefttext h1 { font-size: 31px; margin-bottom: -18px; }
.step2textright { background: url(resim/textright.png) ;float: right; height: 332px; width: 327px; position: absolute; margin-top: 41px; margin-left: 614px;}
.step2steps {background: url(resim/steps.png);height: 414px;width: 993px;float: left;margin-left: -5px;overflow: hidden;margin-top: 21px;}
/* STEP 2 */

/* STEP 3 */
.step3 { background: url(resim/step3.jpg) top center; height: 989px; border-top: 3px solid #afeccf;}
.step3title { text-align: center; padding-top: 33px; font-size: 27px; font-family: Verdana; font-weight: bold; color: #052c4b; }
.step3desc {
    margin-top: 49px;
 ;
    font-size: 14px;
    line-height: 23px;
    width: 750px;
    margin-left: 212px;
    height: 140px;
    text-align: center;
    margin-bottom: -175px;
}
.step3text { text-align: center; margin-top: 30px; font-size: 20px; color: #052c4b;}
.step3video { background:url(resim/step3video.png); height: 199px; margin-left: -16px; width: 1000px; margin-top: 15px;}
.step3video1 { width: 230px; height: 179px; margin-left: 30px; display: block; position: absolute; margin-top: 5px; }
.step3video2 { width: 230px; height: 179px; margin-left: 281px; display: block; position: absolute; margin-top: 11px; }
.step3video3 { width: 230px; height: 179px; margin-left: 529px; display: block; position: absolute; margin-top: 5px; }
.step3video4 { width: 230px; height: 179px; margin-left: 771px; display: block; position: absolute; margin-top: 15px; }
.step3subtitle { font-size: 37px; font-weight: bold; color: #092c49; margin-left: 83px; margin-top: 225px; font-family: Verdana;}
.step3subtext { font-size: 19px; color: #092c49; line-height: 27px; margin-top: 29px; margin-left: 87px; margin-bottom: 10px; }
.step3agent1 { background: url(resim/step3agent1.png); width: 233px; height: 235px; margin-left: 60px; margin-top: 0px; float: left;}
.step3agent1text {color: #135578;font-size: 33px;text-align: center;margin-top: 116px;line-height: 39px;}
.step3agent2 { background: url(resim/step3agent2.png);   width: 234px;   height: 235px;   margin-left: 30px;   margin-top: 0px; float: left;}
.step3agent2text {color: #135578;font-size: 33px;text-align: center;margin-top: 136px;line-height: 39px;}
.step3agent3 { background: url(resim/step3agent3.png); width: 232px;   height: 235px;   margin-left: -498px;   margin-top: 253px;   float: left;}
.step3agent3text {color: #135578;font-size: 30px;text-align: center;margin-top: 146px;line-height: 19px;}
.step3agent4 { background: url(resim/step3agent4.png);   width: 233px;   height: 235px;   margin-left: -232px;   margin-top: 250px;   float: left;}
.step3agent4text {color: #135578;font-size: 33px;text-align: center;margin-top: 116px;line-height: 39px;}
.agentbig { background: url(resim/agentbig.png); width: 340px; height: 325px; float: right; margin-top: 158px; margin-right: 35px;}
/* STEP 3 */

/* STEP 4 */
.step4 { background: url(resim/step4.jpg) top center; height: 750px; margin-top: -55px;}
.step4title { text-align:center; padding-top: 115px; font-size: 29px; color:#fff; }
.step4sub { color:#fff; text-align:center; margin-top:30px; font-size:16px; font-family:Verdana; }
.step4desc { text-align:center; margin-top: 88px; font-size: 15px; line-height: 26px; margin-left: 0px; font-family:Verdana; }
.yazikayan { font-size: 9px; float: left; margin-right: 32px; cursor: pointer; list-style: none;}
.yazikayan a { color: #AAEFD9;}
.kayanyazi { margin-left: auto; margin-right: auto; display: block; padding-top: 30px; margin-bottom: -48px; width: 700px; }
.befaft {background: url(resim/befaft.png);height: 303px;width: 440px;margin-left: 216px;margin-top: 35px;}
/* STEP 4 */

/* STEP 5 */
.step5 {background: url(resim/step5.jpg) top center;height: 944px;display: none;}
.step5back { background: url(resim/step5back.jpg) top center; height: 844px; width: 989px;}
.step5text { text-align: center; padding-top: 97px; line-height: 20px; }
.step5responds { margin-left: 72px; margin-top: 5px; }
.step5respondman { background: url(resim/respondman.png); width: 411px; height: 164px; float: left; margin-top: 21px; margin-right: 35px; }
.step5respondwoman { background: url(resim/respondwoman.png);   width: 411px;   height: 164px;      margin-top: 21px; float: left; margin-right: 35px; }
.step5respondname { margin-left: 140px; margin-top: 21px; font-weight: bold; font-size: 13px; }
.step5respondname span { color:#0066bc; font-family:Arial ;font-weight: normal; margin-left: 5px;}
.step5respondcom { margin-left: 140px; margin-top: 17px; line-height: 19px; width: 253px; font-family: arial; }
.step5button { background: url(resim/button.png); display: block; float: left; margin-top: 12px; height: 38px; font-size: 14px; color: #fff; width: 229px; text-align: center; padding-top: 23px; padding-left: 7px; }
/* STEP 5 */

/* STEP 6 */
.step6 {background: url(resim/step6.jpg) top center;height: 810px;}
.step6back { background: url(resim/step6back.jpg); height: 539px; margin-top: -34px;}
.step61sttext { padding-top: 98px; font-size: 16px; margin-left: 81px; }
.step62ndtext {font-size: 14px;margin-left: 79px;margin-top: -29px;font-family: Arial;line-height: 21px;margin-bottom: 60px;}
.step6bottomtext {margin-left: 31px; line-height: 18px; margin-top: 20px; font-size: 10px;width: 380px;}
/* STEP 6 */

/* STEP 6  FORM */ 
.step6form{ max-width: 221px; padding: 10px 20px; margin: 10px auto; border-radius: 8px; font-family: Georgia, "Times New Roman", Times, serif; line-height: 25px; margin-left: 29px; margin-top: 18px; font-size: 16px; }
.step6form fieldset{ border: none; }
.step6form legend { font-size: 1.4em; margin-bottom: 10px; }
.step6form label { display: block; margin-bottom: 8px; }
.step6form input[type="text"],
.step6form input[type="date"],
.step6form input[type="datetime"],
.step6form input[type="email"],
.step6form input[type="number"],
.step6form input[type="search"],
.step6form input[type="time"],
.step6form input[type="url"],
.step6form textarea,
.step6form select { font-family: Georgia, "Times New Roman", Times, serif; background: rgba(255,255,255,.1); border: none; border-radius: 4px; font-size: 16px; margin: 0; outline: 0; padding: 7px; width: 100%; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; background-color: #e8eeef; color:#8a97a0; -webkit-box-shadow: 0 1px 0 rgba(0,0,0,0.03) inset; box-shadow: 0 1px 0 rgba(0,0,0,0.03) inset; margin-bottom: 30px; }
.step6form input[type="text"]:focus,
.step6form input[type="date"]:focus,
.step6form input[type="datetime"]:focus,
.step6form input[type="email"]:focus,
.step6form input[type="number"]:focus,
.step6form input[type="search"]:focus,
.step6form input[type="time"]:focus,
.step6form input[type="url"]:focus,
.step6form textarea:focus,
.step6form select:focus{ background: #d2d9dd; }
.step6form select{ -webkit-appearance: menulist-button; height:35px; }
.step6form .number { background: #1abc9c; color: #fff; height: 30px; width: 30px; display: inline-block; font-size: 0.8em; margin-right: 4px; line-height: 30px; text-align: center; text-shadow: 0 1px 0 rgba(255,255,255,0.2); border-radius: 15px 15px 15px 0px; }
.step6form input[type="submit"],
.step6form input[type="button"] { display: block; color: #FFF; margin: 0 auto; position: absolute; background: none; font-size: 16px; text-align: center; border-radius: 86px; font-style: normal; width: 114px; border: none; border-width: 1px 1px 3px; margin-top: -206px; margin-bottom: 10px; margin-left: 223px; height: 111px; font-size: 0px; }

/* STEP 6  FORM */ 

.footer { background: url(resim/footer.png); height: 112px; width: 951px; margin-top: 85px; margin-left: 20px; }


/* BLOG */

.blog { height: 487px;background: #fff;margin-top: 72px;}
.blogtitle { text-align: center; background: #002C54; color: #fff; width: 270px; padding: 12px; margin-left: auto; margin-right: auto; border-radius: 3px; display: block; margin-top: 15px; margin-bottom: 30px;font-size: 14px;}
.blogposttitle { text-align: center;font-size: 32px;/* margin-top: 32px; */}
.blogposttitle a { color:#3FACAC; }
.bloginfobar { margin-left: auto;margin-right: auto;width: 330px;margin-top: 28px;border-bottom: 3px solid #35BDA5;height: 20px;color: #002C54;padding-left: 14px;margin-bottom: -27px;}
.blogpostauthor { float: left;}
.blogpostcategory { float: left;margin-left: 15px;}
.blogpostdate { float: left;margin-left: 15px;}
.blogpostcontent { font-size: 13px; padding: 35px; line-height: 21px; color: #524E4E; }
.blogposttags { display: block;margin-top: -17px;}