/* reset tags
--------------------------------------------------*/

.has-sub span {
color: #5A5A5A;
}

.beyaz {
    color:#FFFFFF
}

.beyaz span {
    color:#FFFFFF
}

.bayi-list-dis{

width: 780px;
}

.bayi-list {
background-color: #CCCCCC;
width: 353px;
float: left;
margin-right: 16px;
padding: 14px;
margin-bottom: 16px;

}

.sag{
float:right;
margin-right:0px;
}

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, caption, tfoot, thead, article, aside, canvas, details, embed,figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
}
/* for HTML5
--------------------------------------------------*/
article, aside, details, figcaption, figure,  footer, header, hgroup, menu, nav, section {
    display: block;
}
body {
    background: url(../images/body.jpg);
}
ol, ul {
    list-style: none;
}
blockquote, q {
    quotes: none;
}
blockquote:before, blockquote:after, q:before, q:after {
    content: '';
    content: none;
}
table {
    
}
/* general definitions
--------------------------------------------------*/
a{
    text-decoration:none;
}


input{
    outline: none;
    border: none;
}
textarea{
    outline: none;
    border: none;
    resize: none;
}
textarea,
input,
select, select > option{
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;  
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    -webkit-padding: 0;
    -moz-padding: 0;
    padding: 0;
    -webkit-margin: 0;
    -moz-margin: 0;
    margin: 0;
}
input[type="submit"]{
    cursor: pointer;
}

.butonlaroz {
width:784px;
height:33px;
margin-top: 221px;
margin-bottom: 18px;
}

.hizalama  {
font-size:14px;
}
.hizalama a {
font-size: 14px;
margin-left: 93px;
font-weight: bold;
color: #FFFFFF;
}

.nereden-alirim {
background-image:url(../images/nereden-alirim.jpg);
}

.destek-istiyorum {
background-image:url(../images/destek-istiyorum.jpg);
}

.yorumlar {
background-image:url(../images/yorumlar.jpg);
}

.urun-butonoz {
width:254px;
height:26px;
float:left;
margin-right:9px;
padding-top: 7px;
}


.right {
float: right !important;
margin-right: 0px !important;
}




.clearfix:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0;
 }
html,body,p,a,h1,h2,h3,h4,h5,h6,span,div,table,td,th,strong,sub,sup,u,em,b,big,i,ul,ol,li,input,textarea,select,option,label{
    font-family: 'PT Sans';
    color: #5A5A5A;
}
strong,b,big{
    font-weight: 700;
}
.align{
    width: 1000px;
    margin: 0 auto;
    position: relative;
}
.left-side{
    width: 190px;
    float: left;
    padding-right: 30px;
}
.right-side{
    width: 780px;
    float: left;
}
.hmenu *,.hlang,.hlang *,.hsearch,.hsearch *,.mmenu ul,.mmenu ul *,.slider,.slider *,.show-content,.show-content *,.home-cont,.home-cont *,.home-links,.home-links *,.elo-world,.elo-world *,.social *,.left-menu,.left-menu *,.products,.products *,.product ,.pleft,.pleft a,.pright,.ptitle,.sum,.offer,.offer *{
    float: left;
}
.editor{

    width: 100%;
    float: left;
    padding: 5px 0;
}
.editor p,.editor a,.editor h1,.editor h2,.editor h3,.editor h4,.editor h5,.editor h6,.editor span,.editor table,.editor td,.editor th,.editor strong,.editor sub,.editor sup,.editor u,.editor em,.editor b,.editor big,.editor i,.editor ul,.editor ol,.editor li{
    font-size: 100%;
    line-height: 14pt;
    color: #3b3b3b;
}
.editor u{
    text-decoration: underline;
}
.editor ol{
    list-style: decimal;
    margin-left: 10px;
}
.editor ul{
    list-style: disc;
    margin-left: 5px;
}
.editor sub,.editor sup{
    font-size: 6pt;
    line-height: 6pt;
}
.editor p{

    width: 100%;
    float: left;
    padding-bottom: 10px;
}
/* header
--------------------------------------------------*/
.top-line{
    width: 100%;
    height: 5px;
    float: left;
    background-color: #e6b01e;
}
.header{
    width: 100%;
    height: 75px;
    float: left;
    background-color: #f1f1f1;
}
.logo{
    width: 114px;
    height: 53px;
    float: left;
    margin-top: 11px;
    background: url(../images/sprite.png) 0 0;
}
.slogan{
    float: left;
    margin-top: 5px;
    font-size: 10pt;
    line-height: 12pt;
    margin-top: 31px;
    margin-left: 19px;
}
.hright,.hmenu{
    float: right;
}
.hmenu{
    padding-top: 11px;
    padding-bottom: 8px;
    margin-right: -13px;
}
.hmenu > li{
    padding-right: 13px;
}
.hmenu > li > .l{
    width: 1px;
    height: 15px;
    background-color: #747474;
    border-right: 1px solid #cdcdcd;
    margin-right: 13px;
}
.hmenu > li:first-child > .l{
    display: none;
}
.hmenu > li > a{
font-family: 'MyriadProRegular';
    font-size: 12px;
    line-height: 14px;
    color: #333333; 
}
.hlang{
    clear: both;
}
.hlang > li{
    padding: 10px 6px;
}
.hlang > li > a{
    width: 22px;
    height: 16px;
    background-image: url(../images/sprite.png);
}
.hlang > li > .tr{
    background-position: -115px 0;
}
.hlang > li > .en{
    background-position: -115px -17px;
}
.hsearch{
    width: 204px;
    height: 34px;
    margin-left: 13px;
    background: url(../images/sprite.png) 0 -54px;
}
.hsearch .inp{
    width: 146px;
    height: 20px;
    padding: 10px 12px 4px 12px;
    background-color: transparent;
    font-size: 10pt;
    line-height: 20px;
    color: #767676;
}
.hsearch .subm{
    width: 34px;
    height: 34px;
    background-color: transparent;
    cursor: pointer;
}
.mmenu{
    width: 100%;
    height: 50px;
    float: left;
    background-color: #333333;
    border-top: 1px solid #ffffff;
    
}

.urunler-bt {
float: left;
margin-right: 12px;
margin-top: 23px;
}


.mmenu ul > li{
    padding-left: 46px;
}
.mmenu ul > li:first-child{
    padding-left: 0;
}
.mmenu ul > li > a{
font-family: 'MyriadProRegular';
    font-size: 15px;
    line-height: 50px;
    color: #ffffff;
}

.mmenu ul > li > a:hover{
font-family: 'MyriadProRegular';
    font-size: 15px;
    line-height: 50px;
    color: #fbcc4b;
}
.slink{
    float: right;
    font-size: 11.5pt;
    line-height: 50px;
    color: #fcc122;
    margin-right: 5px;
}
.shadow{
    width: 100%;
    height: 29px;
    float: left;
    background: url(../images/shadow.png) no-repeat top center;
}
.slider{
    width: 1000px;
    height: 353px;
    background: url(../images/slider-bg.png) no-repeat;
}
.slider.midi,.slider.mini{
    background: none;
}
.slider.midi{
    margin-bottom: 10px;
}
.slider .content,.slider .content ul > li{
    width: 1000px;
    height: 320px;
    overflow: hidden;
}
.slider.midi,.slider.midi .content,.slider.midi .content ul > li{
    width: 780px;
    height: 215px;
}
.slider.mini,.slider.mini .content,.slider.mini .content ul > li{
    width: 289px;
    height: 200px;
}
.slider .content{
    position: relative;
    z-index: 1;
}
.slider .content ul > li,.slider .content ul > li > *{
    position: relative;
}
.slider .content ul > li > *{
    z-index: 1;
}
.slider .content ul > li > a{
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: 2; 
}
.slider .content ul > li img{
    position: absolute;
    z-index: 1;
    left: 0;
    top: 0;
}
.slider .content ul > li .t1,.slider .content ul > li .t2{
    width: 400px;
    clear: both;
    padding-left: 70px;
    position: relative;
    z-index: 1;
}
.slider .content ul > li .t1{
    padding-top: 95px;
    font-size: 14pt;
    line-height: 17pt;
    color: #fcc122;
}
.slider .content ul > li .t2{
    padding-top: 17px;
    font-size: 10pt;
    line-height: 13pt;
}
.slider .btns{
    left: 50%;
    position: relative;
    z-index: 3;
    margin-top: -36px;
}
.slider.midi .btns{
    float: right;
    left: auto;
    margin-top: -17px;
    margin-right: 10px;
}
.slider.mini .btns{
    margin-top: -19px;
}
.slider .btns > li{
    right: 50%;
    position: relative;
    padding: 0 1px;
}
.slider.midi .btns > li{
    right: auto;
}
.slider .btns > li a{
    width: 10px;
    height: 10px;
    background: url(../images/sprite.png) -137px 0;
}
.slider .btns > li.active a,.slider .btns > li a:hover{
    background-position: -147px 0;
}
.show-content{
    width: 289px;
    height: 429px;
    padding: 0 2px;
    margin-right: 61px;
    background: url(../images/contbg-1.png) no-repeat left top;
}
.show-content .title{
font-family: 'MyriadProRegular';
    width: 233px;
    height: 27px;
    padding: 14px 15px 20px 45px;
   font-size: 16px;
    line-height: 27px;
    color: #ffffff;
}
.show-content .image{
    width: 100%;
    height: 200px;
}
.show-content .image img{
    border-radius: 4px; 
    -webkit-border-radius: 4px; 
    -moz-border-radius: 4px; 
}
.show-content .text{
    width: 100%;
    height: 119px;
    padding-top: 7px;
    overflow: hidden;
}
.show-content .text,.show-content .text *{

   font-family: 'MyriadProRegular';
color: #666;
font-size: 12px;
    line-height: 13pt;
}
.home-cont{
    width: 291px;
}
.elo-world{
    width: 291px;
    height: 68px;
    background: url(../images/sprite.png) 0 -89px;
}
.elo-world.ew2{
    width: 197px;
    height: 94px;
    margin-top: 19px;
    background: url(../images/sprite.png) 0 -216px;
}
.ew-left{
    width: 101px;
    padding: 0 13px;
}
.elo-world.ew2 .ew-left{
    width: 65px;
    padding: 0;
}
.ew-left .t{
    width: 101px;
    height: 68px;
    float: none;
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    font-weight: 700;
    font-size: 14pt;
    line-height: 22pt;
    color: #e6b01e;
}
.ew-right .t{
    width: 80px;
    height: 43px;
    float: left;
    padding: 16px 26px 0 26px;
    text-align: center;
    font-weight: 700;
    font-size: 10pt;
    line-height: 15pt;
    color: #e6b01e;
}
.ew-right{
    width: 164px;
}
.elo-world.ew2 .ew-right{
    width: 112px;
}
.ew-right .i{
    width: 63px;
    height: 31px;
    background: url(../images/sprite.png) -158px 0;
    margin-left: 44px;
    margin-top: 10px;
}
.ew-left .i{
    width: 50px;
    height: 44px;
    background: url(../images/sprite.png) -308px -158px;
    margin-left: 16px;
    margin-top: 26px;
}
.ew-right > ul{
    width: 159px;
    clear: both;
    padding-left: 5px;
    padding-top: 3px;
}
.elo-world.ew2 .ew-right > ul{
    width: 127px;
    padding-top: 0;
    padding-left: 8px;
}
.ew-right > ul > li > a{
font-family: 'MyriadProRegular';
    font-size: 14px;
    line-height: 13pt;
    color: #e6b01e;
}
.elo-world.ew2 .ew-right > ul > li > a{
    font-size: 8pt;
    line-height: 10pt;
}
.ew-right > ul > li > div{
    font-size: 11pt;
    line-height: 13pt;
    color: #e6b01e;
    padding: 0 2px;
}
.ew-right > ul > li:first-child > div{
    display: none;
}
.newsbox{
    width: 290px;
    padding-top: 10px;
}
.newsbox .title{
font-family: 'MyriadProRegular';
    width: 224px;
    height: 27px;
    padding: 14px 15px 12px 51px;
    background: url(../images/sprite.png) 0 -158px;
   font-size: 16px;
    line-height: 27px;
    color: #ffffff;
}
.newsbox > ul{
    padding: 2px 0;
}
.newsbox > ul > li{
    padding: 4px 0;
}
.newsbox > ul > li img{
    width: 93px;
    height: 64px;
    padding: 2px;
    background: url(../images/sprite.png) -223px 0;
}
.newsbox > ul > li span{

    width: 170px;
    padding: 12px 0 0 12px;
    font-size: 13px;
    line-height: 14pt;
}
.home-links{
    width: 100%;
}
.go-link{
    width: 228px;
    height: 222px;
    background: url(../images/contbg-2.png) no-repeat left top;
    position: relative;
    margin-left: 29px;
}
.go-link:first-child{
    margin-left: 0;
}
.go-link > *{
    position: relative;
    z-index: 1;
}
.go-link > a{
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: 2;
}
.go-link .t1{
font-family: 'MyriadProRegular';
    width: 129px;
    height: 27px;
    padding: 10px 53px 11px 46px;
   font-size: 14px;
    line-height: 27px;
    color: #ffffff;
}
.go-link .t2{
font-family: 'MyriadProRegular';
    width: 150px;
    height: 40px;
    padding: 32px 20px 0 36px;
    font-size: 15px;
    line-height: 14pt;
    color: #e6b01e;
    text-align: center;
}
.go-link img{
    margin-left: 16px;
    border-radius: 4px; 
    -webkit-border-radius: 4px; 
    -moz-border-radius: 4px; 
}

.go-link-urunler{
    width: 187px;
    height: 222px;
    background: url(../images/contbg-urun.png) no-repeat left top;
    position: relative;
    margin-left: 10px;
}
.go-link-urunler:first-child{
    margin-left: 0;
}
.go-link-urunler > *{
    position: relative;
    z-index: 1;
}
.go-link-urunler > a{
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: 2;
}
.go-link-urunler .t1{
font-family: 'MyriadProRegular';
    width: 91px;
    height: 27px;
    padding: 6px 53px 6px 46px;
   font-size: 14px;
    line-height: 27px;
    color: #ffffff;
}
.go-link-urunler .t2{
font-family: 'MyriadProRegular';
width: 165px;
height: 40px;
padding: 16px 10px 0 10px;
font-size: 15px;
line-height: 14pt;
color: #e6b01e;
text-align: center;
}
.go-link-urunler img{
    margin-left: 12px;
    border-radius: 4px; 
    -webkit-border-radius: 8px; 
    -moz-border-radius: 8px; 
}
.footer{
    width: 100%;
    height: 50px;
    float: left;
    margin-top: 40px;
    background-color: #333333;
}
.copyright{
    height: 50px;
    float: left;
    font-size: 11pt;
    line-height: 50px;
    color: #737374;
}
.social{
    float: right;
}
.social > li{
    padding-top: 7px;
    padding-left: 6px;
}
.social > li > a{
    width: 37px;
    height: 36px;
    background-image: url(../images/sprite.png);
}
.social > li > .facebook{
    background-position: -321px 0;
}
.social > li > .twitter{
    background-position: -321px -36px;
}
.kreatif{
    clear: both;
    float: right;
    padding-top: 17px;
    padding-bottom: 15px;
}
.kreatif img{
    float: left;
}
.left-side .title{
    width: 176px;
    height: 36px;
    float: left;
    background-color: #fbcc4b;
    padding: 0 7px;
    font-weight: 700;
    font-size: 11pt;
    line-height: 36px;
    color: #585858;
}
.left-menu{
    padding-top: 2px;
}
.left-menu > li{
    padding-top: 3px;
}
.left-menu > li > a{
    background-color: #f2f2f3;
}
.left-menu > li > a em{
    width: 8px;
    height: 13px;
    background: url(../images/sprite.png) -138px -11px;
    margin: 12px 7px 11px 7px;
}
.left-menu > li > a span{
    width: 164px;
    padding: 10px 0 10px 4px;
    font-size: 11pt;
    line-height: 13pt;
    color: #686868;
}
.ptitle,.psubtitle{
    width: 100%;
    float: left;
    font-weight: 700;
    font-size: 11pt;
    line-height: 13pt;
    color: #3b3b3b;
}
.psubtitle{
    font-weight: 400;
}
.products > li{
    padding: 17px 0;
}
.products .image{
    width: 213px;
    height: 142px;
    background: url(../images/contbg-3.png) no-repeat left top;
}
.products .image img{
    margin-left: 7px;
    margin-top: 6px;
}
.products .info{
    width: 550px;
    padding-left: 17px;
}
.products .info .t1,.products .info .t2{
    width: 530px;
    color: #3b3b3b;
}
.products .info .t1{
    height: 19px;
    font-weight: 700;
    font-size: 11pt;
    line-height: 13pt;
}
.products .info .t2{
    height: 87px;
    padding-top: 2px;
    font-size: 10pt;
    line-height: 13pt;
}
.products .info .t3{
    width: 174px;
    height: 33px;
    background-color: #959595;
    margin-right: 6px;
}
.products .info .t3 em{
    width: 27px;
    height: 26px;
    background-image: url(../images/sprite.png);
    margin-top: 4px;
    margin-left: 15px;
}
.products .info .i1 em{
    background-position:  -331px  -73px;
}
.products .info .i2 em{
    background-position:  -331px  -126px;
}
.products .info .i3 em{
    background-position:  -331px  -99px;
}
.products .info .t3 span{
    width: 123px;
    padding-left: 9px;
    background-position:  -331px  -99px;
    font-weight: 700;
    font-size: 10pt;
    line-height: 33px;
    color: #ffffff;
}
.titlebar{
    width: 753px;
    height: 36px;
    float: left;
    padding: 0 13px;
    background-color: #333333;
    font-weight: 700;
    font-size: 11pt;
    line-height: 36px;
    color: #ffffff;
}
.product{
    width: 100%;
    padding-top: 17px;
    padding-bottom: 23px;
}
.pleft{
    width: 394px;
}
.pleft img{
    margin-bottom: 3px;
}
.pleft .i1,.pleft .i2,.pleft .i3{
    width: 394px;
    height: 36px;
    margin-top: 6px;
}
.pleft .i1{
    background-color: #959595;
}
.pleft .i2{
    background-color: #6D6B6B;
}
.pleft .i3{
    background-color: #4E4E4E;
}
.pleft .i1 em,.pleft .i2 em,.pleft .i3 em{
    width: 27px;
    height: 26px;
    background-image: url(../images/sprite.png);
    margin-top: 4px;
    margin-left: 112px;
}
.pleft .i1 em{
    background-position:  -331px  -73px;
}
.pleft .i2 em{
    background-position:  -331px  -126px;
}
.pleft .i3 em{
    background-position:  -331px  -99px;
}
.pleft .i1 span,.pleft .i2 span,.pleft .i3 span{
    padding-left: 22px;
    background-position:  -331px  -99px;
    font-weight: 700;
    font-size: 10pt;
    line-height: 33px;
    color: #ffffff;
}
.pright{
    width: 374px;
    padding-left: 12px;
}
.pright .ptitle{
    padding-bottom: 5px;
}
.pright .sum{
    width: 100%;
    padding-top: 19px;
    font-size: 10pt;
    line-height: 13pt;
    color: #3b3b3b;
}
.offer{
    width: 812px;
    margin-left: -33px;
}
.offer > li{
    width: 170px;
    margin-left: 33px;
    padding: 11px 0;
}
.offer > li .t{
    width: 100%;
    height: 16px;
    font-weight: 700;
    font-size: 11pt;
    line-height: 16px;
    color: #3b3b3b;
    text-align: center;
}
.offer > li .i{
    width: 160px;
    height: 105px;
    padding: 5px;
    background: url(../images/contbg-4.png) no-repeat left;
}

/*ik başvuru formu*/
.main-info, .main-info > li, .mi-left, .mi-full, .mi-sub-tit, .mi-sub-tit-x, .exp, .medium-frm, .full-frm, .min-frm, .mi-full strong, .info-dipnot{
    float: left;
    list-style:none;
}
.main-info, .main-info > li, .mi-full, .info-dipnot{
    width: 100%;
}
.main-info{
    margin-top: 4px;
    font-size: 12px;
    color: #000000;
    font-weight: 300;
    text-align: left;
}
.main-info > li{
    margin-top: 5px;
}
.mi-left{
   width: 157px;
    padding-top: 10px;
    line-height: 15px;
    font-weight: bold;
    color: #000000;
}
.mi-right{
    float: left;
    width: 490px;
    font-size: 12px;
}
.mi-right p{
    margin-top: 12px;
   
}
.mi-right p.tel{
    margin-top: 14px;
}
.mi-full strong{
    font-size: 15px;
}
.slctbox, .slctbox-x{
    float: left;
    position: relative;
    text-align: left;
    margin-top: 1px;
    margin-left: 5px;
}
.slctbox-x{
    margin-left:3px;
}
.slctbox .txt, .slctbox-x .txt-x{
    height: 30px;
    float: left;
    border: 1px solid #000000;
    border-right: none;
    font-size: 12px;
    color: #000000;
    line-height: 28px;
    padding-left: 5px;
    overflow: hidden;
}
.slctbox .txt{
     width: 65px;
     background-color: #FFFFFF;
}
.slctbox-x .txt-x{
    width: 100px;
    color: #000000;
    font-weight: normal;
    background-color: #FFFFFF;
}
.slctbox .ico, .slctbox-x .ico{
    width: 33px;
    height: 30px;
    float: left;
    background: url(../images/select-ico.png) center center no-repeat;
    background-size: cover;
    border-top: 1px solid #000000;
    border-bottom: 1px solid #000000;
    border-right: 1px solid #000000;
    border-left: none;
}
.slctbox select, .slctbox-x select {
    height: 30px;
    position: absolute;
    z-index: 2;
    left: 0;
    top: 0;
    opacity: 0;
    margin-top: 3px;
    font-size: 12px;
    filter: alpha(opacity=0);
    color: #000000;
}
.slctbox select{
    width: 105px;
    margin-left: 1px;
}
.slctbox-x select {
    width: 140px;
    margin-left: 1px;
}
.mi-sub-tit:first-child{
    margin-left: 2px;
}
.mi-sub-tit, .mi-sub-tit-x{
    text-align: left;
    line-height: 30px;
    color: #000000;
    font-size: 12px;
    font-weight: normal;
}
.mi-sub-tit{
    width: 112px;
}
.mi-sub-tit-x:first-child{
    margin-left: 39px;
}
.mi-sub-tit-x{
    width: 150px;
}
.medium-frm, .full-frm, .min-frm, .area-frm, .area-frm-full{
    margin-top: 1px;
    border: 1px solid #000000;
    line-height: 24px;
    font-size: 12px;
    color: #000000;
    text-align: left;
    padding-left: 5px;
}
.medium-frm, .full-frm, .min-frm, .area-frm-full{
    margin-left: 5px;
    height: 30px;
}
.medium-frm{
    width: 155px;
    margin-right: 2px;
}
.full-frm{
    width: 262px;
}
.min-frm{
    width: 139px;
    margin-left: 5px;
}
.area-frm{
    float: right;
    width: 90%;
}
.area-frm-full{
    float: right;
    width: 90.4%;
}
.exp{
    line-height: 34px;
    font-size: 12px;
    width: 159px;
    text-align: left;
    
    color: #000000;
}
.frm-line{
    width: 100%;
    float: left;
    background-color: #000000;
    height: 1px;
    margin: 15px 0;
}
.mT0{
    margin-top: 0;
}
.mT7{
    margin-top: 7px;
}
.info-dipnot{
    text-align: left;
    color: red;
    font-size: 12px;
    line-height: 20px;
    margin-top: 10px;
}
/*ik başvuru formu.son*/
/*sonradan eklenenler*/
.artic-text ul > li{
    list-style: disc;
    width: 97%;
    margin-left: 20px;
    margin-top: 5px;
}
.sss > li > div p:first-child{
    padding-top: 0;
}
.sss > li > div p{
    padding: 12px 0px;
}
.sss > li > div > ul > li:first-child{
    margin-top: 0;
}
.sss > li > div > ul > li{
    list-style: disc;
    margin-left: 20px;
    width: 97%;
    margin-top: 5px;
}
.steepLbr, .steepRbr{
    border-bottom: 1px dotted #696366;
    position: absolute;
    width: 120px;
    height: 69px;
}
.steepLbr{
    left: -148px;
    top: -59px;
    border-left: 1px dotted #696366;
}
.steepRbr{
    right: -113px;
    top: -59px;
    border-right: 1px dotted #696366;
}
.position-tit{
    width: 100%;
    float: left;
}
.position-tit{
    font-size: 17px;
    font-weight: bold;
}
a.apply{
    float: left;
    padding: 7px 20px;
    background-color: #ff9c55;
    color: #fff;
    font-size: 15px;
    margin-top: 15px;
}
.recorddate-table, .recorddateL{
    float: left;
}
.recorddateR{
    float: right;
}
.recorddate-table{
    width: 400px;
    color: #ffffff;
    text-align: center;
    margin-top: 15px;
}
.recorddateL, .recorddateR{
    width: 48%;
    height: 25px;
    line-height: 25px;
    border: 1px solid #999999;
    background-color:#3b3b3b;
}
/*sonradan eklenenler.son*/



.oi-txt, .oi-btn, .oi-dp-not, .con-txt, .con-txt-konu, .con-txt-2, .con-slct, .con-area, .con-area-mesaj, .file-btn, .oi-btn-x{
    margin-top: 20px;
}
.oi-txt, .con-txt, .con-txt-2, .con-slct, .con-area{
    width: 259px;
    height: 30px;
    border: 1px solid #696366;
    color: #696366;
    font-size: 12px;
    padding: 0px 8px;
}

.con-txt-konu {
    width: 564px;
    height: 30px;
    border: 1px solid #696366;
    color: #696366;
    font-size: 12px;
    padding: 0px 8px;
}

.con-area-mesaj {
    width: 564px;
    height: 30px;
    border: 1px solid #696366;
    color: #696366;
    font-size: 12px;
    padding: 0px 8px;
}
.oi-txt{
    clear: both;
}
.oi-btn, .oi-btn-x{
    width: 95px;
    height: 32px;
    color: #fff;
    background-color: #FBCC4B;
    clear: both;
    text-align: center;
    font-weight: bold;
    cursor: pointer;
}
.oi-dp-not{
    font-size: 10px;
    text-align: left;
}
.oi-dp-not a{
    color: #00adf2;
}
.substance{
    text-align: left;
    font-size: 22px;
    font-weight: 300;
    color: #000000;
    line-height: 40px;
    margin-top: 5px;
}
.substance em{
    color: rgba(255, 255, 255, 0.5);
    line-height: 36px;
    text-align: center;
    margin-right: 10px;
    width: 36px;
    height: 36px;
    border: 2px solid;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    font-size: 20px;
    font-weight: bold;
}
.substance em.one{
    border-color: #ff9c55;
    background-color: #f26522;
}
.substance em.two{
    border-color: #ffba7b;
    background-color: #d08c50;
    margin-left: 18px;
}
.substance em.three{
    border-color: #dbc5a1;
    background-color: #a79271;
    margin-left: 29px;
}
.substance em.four{
    border-color: #9fc1b9;
    background-color: #7a9a93;
    margin-left: 35px;
}
.substance em.five{
    border-color: #86d5eb;
    background-color: #4fa0b5;
    margin-left: 29px;
}
.substance em.six{
    border-color: #68d9ff;
    background-color: #25a7d6;
    margin-left: 18px;
}
.substance em.seven{
    border-color: #5bd8ff;
    background-color: #00adf2;
}
.con-txt-2, .con-area{
    margin-left: 24px;
}

.con-slct{
    width: 277px;
    height: 32px;
}
.con-area{
    height: 50px;
}

.con-area-mesaj{
    height: 50px;
}
.form-dp-not{
    text-align: left;
    font-size: 10px;
    color: #27ce01;
}
.want{
    width: 211px;
    height: 211px;
    margin-left: -27px;
    position: relative;
}
.want-tit{
    position: absolute;
    left: 25.5px;
    bottom: -22px;
    background-color: #00adf2;
    color: #fff;
    font-size: 14px;
    font-weight: bold;
    line-height: 47px;
    text-align: center;
    width: 160px;
    height: 47px;
}
.file-btn{
    position: relative;
}
.file-btn input{
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: 2;
    opacity: 0;
    filter: alpha(opacity=0);
    left: 0;
    top: 0;
}
.file-btn span{
    height: 30px;
    width: 267px;
    border: 1px solid #696366;
    line-height: 30px;
    font-size: 13px;
    padding-left: 8px;
    position: relative;
}
.ml24{
    margin-left: 24px;
}
.ml-24{
    margin-left: 0px;
}
.file-btn span > em{
    position: absolute;
    right: 5px;
    top: 6.5px;
    width: 17px;
    height: 17px;
    background-position: -247px -50px;
}
#uploadFile{
    color: #696366;
    font-size: 12px;
    padding-left: 8px;
}
.selectbox, .selectbox-x{
    float: left;
    position: relative;
    text-align: left;
    margin-top: 20px;
}
.selectbox-x{
    margin-left: 138px;
}
.selectbox .txt{
    width: 226px;
    height: 30px;
    float: left;
    border: 1px solid #696366;
    border-right: none;
    font-size: 12px;
    color: #696366;
    line-height: 28px;
    padding-left: 5px;
    overflow: hidden;
    background-color: #fff;
    padding: 0px 8px;
}
.selectbox .ico{
    width: 33px;
    height: 30px;
    float: left;
    background: url(../images/select-ico.png) center center no-repeat;
    background-size: cover;
    border-top: 1px solid #696366;
    border-bottom: 1px solid #696366;
    border-right: 1px solid #696366;
    border-left: none;
}
.selectbox select{
    width: 277px;
    height: 30px;
    position: absolute;
    z-index: 2;
    left: 1px;
    top: 0;
    opacity: 0;
    margin-top: 3px;
    font-size: 12px;
    filter: alpha(opacity=0);
    color: #696366;
    cursor: pointer;
}
.onli-process{
/*    height: 155px;*/
    height: 95px;
    background: url(../images/online-process.png) no-repeat center center;
    background-size: cover;
    margin-top: 30px;
    position: relative;
}
.onli-process > em{
     position: absolute;
    left: -7.5px;
    top: 18px;
    width: 15px;
    height: 15px;
    background-color: #fff;
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg); 
    transform: rotate(45deg); 
}
.op-tit, .op-text, .op-dp-text{
    clear: both;
    text-align: left;
    margin-left: 18px;
}
.op-tit{
    font-size: 28px;
    font-weight: bold;
    color: #ffba7b;
    margin-top: 10px;
}
.op-text{
    margin-top: 15px;
    color: #fff;
    font-size: 14px;
}
.onli-txtbx:first-child{
    margin-left: 0;
}
.onli-txtbx{
    width: 85px;
    height: 25px;
    border: 1px solid #8edfff;
    color: #aeaeae;
    padding:0px 5px;
    margin-left: 3px;
}
.onli-btn{
    width: 45px;
    height: 27.2px;
    border: 1px solid #ff9f49;
    background-color: #e35300;
    margin-left: 3px;
    color: #fff;
    text-align: center;
    cursor: pointer;
}
.op-dp-text{
    margin-top: 11px;
}
.op-dp-text > a{
    color: #a7e6ff;
    font-size: 9px;
}
.questions, .campaign{
    margin-top: 10px;
}
.questions{
    width: 400px;
}
.ques-tit{
    font-size: 17px;
    color: #00adf2;
    font-weight: bold;
    margin-left: 58px;
}
.ques > li{
    margin-top: 30px;
    position: relative;
}
.ques > li > em{
    width: 39px;
    height: 39px;
    background-position: -208px -50px;
}
.ques > li > a{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.ques-text{
    width: 342px;
    text-align: left;
    font-size: 14px;
    line-height: 17px;
    color: #696466;
}
.q-more{
    margin-left: 58px;
}
.campaign{
    width: 460px;
}
.ml-0{
    margin-left: 0;
}



.pagination ul > li{
    width: 16px;
    float:left;
    margin:5px;
    padding:5px;
}
.box-nav ul > li:first-child{
    padding-left: 0;
}
.box-nav ul > li > a{
font-family: 'MyriadProRegular';
    font-size: 14px;
    line-height: 50px;
    color: #ffffff;
}

.box-nav ul > li > a:hover{
font-family: 'MyriadProRegular';
    font-size: 14px;
    line-height: 50px;
    color: #fbcc4b;
}

a.pdf { background-color: #959595; font-weight: 600; color: #fff; display: inline-block; font-size: 10pt; padding-left: 14px; padding-right: 20px; position: relative; }
a.pdf em{
    display: inline-block;
    width: 27px;
    height: 26px;
    background-image: url(../images/sprite.png);
    position: absolute;
    top: 4px;
    /* margin-left: 15px; */
}
a.pdf em{
    background-position:  -331px  -73px;
}
a.pdf span{
    width: 123px;
    padding-left: 39px;
    background-position:  -331px  -99px;
    font-weight: 700;
    font-size: 10pt;
    line-height: 33px;
    color: #ffffff;
}