﻿* { margin: 0; padding: 0; outline: none; border: 0; }
html,
body { margin: 0; padding: 0; height: auto; font-family: Arial, Helvetica, sans-serif; width: 100%; background-color: #ffffff; color: #f6f6f6; }
.dark { background-color: #343434; }
    .dark .wrapper { background-color: #343434; }
.wrapper { position: relative; display: block; width: auto; height: auto; overflow: hidden; }
.header { position: relative; display: block; width: 100%; height: 110px; z-index: 699; }
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section { display: block; }
.in { position: relative; display: block; width: 960px; height: auto; margin: 0 auto; z-index: 2; }
.header .logo { background: url('/images/denim-kumas-logo.jpg') no-repeat 0 0 transparent; z-index: 9999; padding-left: 70px; display: inline-block; float: left; margin-top: 20px; height: 58px; }
a { color: #fff; text-decoration: none; transition: background-color 0.3s ease-out, color 0.3s ease-out; -webkit-transition: background-color 0.3s ease-out, color 0.3s ease-out; -moz-transition: background-color 0.3s ease-out, color 0.3s ease-out; -o-transition: background-color 0.3s ease-out, color 0.3s ease-out; }
.header .logo h1 { line-height: 36px; }
.mainnav { display: block; width: 100%; height: 70px; margin-bottom: -10px; padding-top: 15px; }
.dark .mainnav > ul { border-color: #494949; }
.mainnav > ul { float: right; border-right: 1px solid #f6f6f6; }
.dark .mainnav > ul > li { background-color: #343434 !important; border-color: none; }

.mainnav > ul > li { position: relative; float: left; list-style: none; filter: inherit; display: block; width: auto; height: 60px; border-bottom: 10px solid transparent; transition: border-color 0.3s ease-out; -moz-transition: border-color 0.3s ease-out; -webkit-transition: border-color 0.3s ease-out; -o-transition: border-color 0.3s ease-out; }
.mainnav li { text-align: left; }
p,
li,
label { font-family: Arial, Helvetica, sans-serif; }
.dark .mainnav > ul > li > a { border-color: #494949 !important; color: #DFDFDF; }
.mainnav > ul > li > a { display: block; font-family: 'Source Sans Pro', sans-serif; font-style: normal; font-weight: 400; font-size: 16px; line-height: 20px; color: #494949; padding: 10px 18px 40px 18px; border-left: 1px solid #f6f6f6; min-width: 88px; }
.dark .block1 p,
.dark .mainnav > ul > li > p { color: #A5A5A5; }
.dark .header nav p,
.dark .team-page .text p,
.dark .team-page .social a,
.dark .team-page .text h1,
.dark .team-page .text2 p,
.dark .team-page .text2 h2,
.dark .work-page .text p,
.dark .work-page .text h1,
.dark .work-page .text h2,
.dark .work-page .text li,
.dark .work-page h2,
.dark .joinbox h3,
.dark .joinbox p,
.dark .block9 h1 a,
.dark .block9 p,
.dark .section-search h2,
.dark .magazine .posts h2,
.dark .block8 h3 a,
.dark .block8 time,
.dark .contacts > h1,
.dark #contactForm > h2,
.dark #commentForm > h2,
.dark .contacts > .sidebar > p,
.dark .not-found h2,
.dark .not-found p,
.dark .testemonials p,
.dark .testemonials footer,
.dark .tabsSide h3 a,
.dark .tabsSide time,
.dark #msgContact,
.dark .toggle h2,
.dark .toggle p,
.dark .breadcrumbs li,
.dark .filters li > a,
.dark .archive > h1 { color: #DFDFDF; }
.dark .header nav p { z-index: 0; }
.mainnav > ul > li > p { position: absolute; top: 30px; left: 18px; font-size: 10px; line-height: 12px; color: #A5A5A5; z-index: -1; }
.header > .moreinfo { position: absolute; width: 100%; height: 4px; top: 0px; left: 0; background-color: #ffa100; }
.dark .header > .line { background-color: #494949; }
.header > .line { position: absolute; width: 100%; height: 10px; left: 0; bottom: 8px; background-color: #f6f6f6; z-index: 1; }

.clearfix:after,
.block4:after,
.price-table:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; *zoom: 1; }
.magazine { margin-top: 0; padding-top: 0; }
.archive,
.contacts,
.magazine { margin-top: -80px; padding: 80px 0 0 0; }
    .archive > .posts.left,
    .contacts > .posts.left,
    .magazine > .posts.left { float: left; }
    .archive > .posts,
    .contacts > .posts,
    .magazine > .posts { float: right; width: 630px; overflow: hidden; margin: 0; }
#magazineSlider { position: relative; width: 630px; height: 300px; margin-bottom: 8px; overflow: hidden; }
    #magazineSlider > .slider { position: absolute; left: 0; top: 0; z-index: 1; }
    #magazineSlider > .bg { position: absolute; width: 100%; height: 34px; bottom: 0; left: 0; z-index: 2; background-color: #ffffff; -khtml-opacity: 0.6; -moz-opacity: 0.6; filter: alpha(opacity=60); -ms-filter: "alpha(opacity=60)"; opacity: 0.6; }
    #magazineSlider > .sliderNav { width: 68px; height: 34px; top: auto; bottom: 0; z-index: 3; }
    #magazineSlider > .sliderNav2 { position: absolute; bottom: 10px; left: 10px; z-index: 3; }
        #magazineSlider > .sliderNav2 > li { float: left; list-style: none; filter: inherit; width: 14px; height: 14px; background-color: #494949; cursor: pointer; margin-right: 5px; }
            #magazineSlider > .sliderNav2 > li.on,
            #magazineSlider > .sliderNav2 > li:hover { background-color: #ffa100; }
    #magazineSlider .prev,
    #magazineSlider .next { width: 34px; height: 34px; float: left; }
        #magazineSlider .prev > span,
        #magazineSlider .next > span { background-position: -105px -35px; }
        #magazineSlider .prev:hover,
        #magazineSlider .next:hover { background-color: #ffa100; }
        #magazineSlider .prev.off,
        #magazineSlider .next.off { background-color: #494949; }
        #magazineSlider .next > span { background-position: -80px -35px; }
    #magazineSlider article { position: absolute; width: 630px; height: 300px; top: 0; left: 0; display: none; }
        #magazineSlider article header { position: absolute; bottom: 60px; right: 0; padding: 12px 10px 14px 10px; max-width: 424px; }
        #magazineSlider article .bg { position: absolute; width: 100%; height: 100%; top: 0; left: 0; background-color: #000000; z-index: 1; -khtml-opacity: 0.6; -moz-opacity: 0.6; filter: alpha(opacity=60); -ms-filter: "alpha(opacity=60)"; opacity: 0.6; }
        #magazineSlider article h1,
        #magazineSlider article h2 { position: relative; z-index: 2; color: #fff; }
        #magazineSlider article h1 { font-family: 'Source Sans Pro', sans-serif; font-style: normal; font-weight: 400; font-size: 18px; line-height: 22px; }
        #magazineSlider article h2 { font-family: Arial, Helvetica, sans-serif; font-size: 12px; line-height: 16px; font-weight: 400; }
.sliderNav { position: absolute; width: 40px; height: 20px; top: -27px; right: 0; }

    .sliderNav .prev,
    .sliderNav .next { position: relative; display: block; width: 20px; height: 20px; background-color: #494949; float: left; z-index: 2; cursor: pointer; transition: background-color 0.3s ease-out; -moz-transition: background-color 0.3s ease-out; -webkit-transition: background-color 0.3s ease-out; -o-transition: background-color 0.3s ease-out; }
.prev,
.next,
.btn2,
.btn3,
.btn4,
.tagslist a,
#newslettSmbt,
.toggle li,
.reply,
.btn5,
.sliderNav2 > li,
.joinbox a,
#searchSbmt { transition: background-color 0.3s ease-out; -moz-transition: background-color 0.3s ease-out; -webkit-transition: background-color 0.3s ease-out; -o-transition: background-color 0.3s ease-out; }
.sliderNav .prev > span,
.sliderNav .next > span { position: absolute; width: 100%; height: 100%; top: 0; left: 0; background: url('/images/sprite.png') no-repeat -315px 0 transparent; }

.sliderNav .prev:hover,
.sliderNav .next:hover { background-color: #333333; }
.sliderNav .next > span { background-position: -340px 0; }
.sidebar.right { float: right; }
.sidebar { float: left; width: 300px; margin-top: -6px; }
.dark .sidebar > h2 { color: #DFDFDF; border-bottom: 1px solid #7D7D7D; margin-bottom: 12px; }
.sidebar > h2 { font-family: 'Source Sans Pro', sans-serif; font-style: normal; font-weight: 600; font-size: 18px; line-height: 24px; color: #3F3F3F; padding-bottom: 5px; }
.sidebar .ads { margin-bottom: 15px; }
.sidebar .ads,
.sidebar .tabsSide,
.sidebar .list,
.sidebar .tagslist,
.sidebar .testemonials,
.sidebar #newslettForm,
.sidebar .flickr,
.sidebar .toggle { color: #DFDFDF; font-size: 12px; margin: 5px 0; text-align: justify; }

.testemonials { position: relative; width: auto; }
.dark .testemonials .slider,
.dark .tabsSide { background-color: #4a4a4a; }
.testemonials .slider { position: relative; width: 300px; height: 102px; background-color: #f5f5f5; overflow: hidden; }
.testemonials ul { position: absolute; top: 0; left: 0; }

.testemonials li { position: absolute; top: 0; left: 0; width: 300px; height: 102px; }
.testemonials blockquote { padding-top: 15px; }
.testemonials p { font-size: 12px; line-height: 16px; font-style: italic; color: #4B4B4B; width: 274px; height: 48px; margin: 0 auto; }
b { font-weight: 700; }

.dark .bottomWrap { background-color: #4a4a4a; }
.bottomWrap { background-color: #f6f6f6; padding: 8px 0 0 0; }
.inFlow { width: 980px; }
.archive > .posts > h2,
.contacts > .posts > h2,
.bottomWrap h2 { font-family: 'Source Sans Pro', sans-serif; font-style: normal; font-weight: 600; font-size: 18px; line-height: 22px; color: #fff; padding-bottom: 8px; }
.magazineblog { width: auto !important; margin: 0 !important; }
.dark .block6 { border-color: #7D7D7D; margin-bottom: 10px; }
.block6.size2 { padding: 0 0 30px 326px; }
.block6 { position: relative; padding: 190px 0 30px 0; border-bottom: 1px solid #DDD; margin-bottom: 5px; cursor: pointer; }
    .block6 > header { position: relative; width: auto; height: 42px; padding-left: 52px; }
.vCenter { display: table; }

    .vCenter > div { display: table-cell; vertical-align: middle; *display: inline-block; }
.dark .block6 h1,
.dark .block6 p { color: #DFDFDF; }
.block6 h1 { font-family: 'Source Sans Pro', sans-serif; font-style: normal; font-weight: 600; font-size: 18px; line-height: 22px; color: #4E4E4E; }
.block6 p,
.block6 h1,
.toggle h2,
.block7 h1,
.block4 > article > p { transition: color 0.3s ease-out; -moz-transition: color 0.3s ease-out; -webkit-transition: color 0.3s ease-out; -o-transition: color 0.3s ease-out; }
.vCenter > div > * { display: block; }
.block6 time { position: absolute; width: 42px; height: 34px; top: 0; left: 0; background-color: #ffa100; padding-top: 8px; }

    .block6 time > span { font-family: 'Source Sans Pro', sans-serif; font-style: normal; font-weight: 400; font-size: 13px; line-height: 14px; color: #fff; text-align: center; display: block; }
.block6.size2 > figure { width: 302px; height: 182px; }
.block6 > figure { position: absolute; width: 630px; height: 180px; top: 0; left: 0; overflow: hidden; }
    .block6 > figure > img { position: relative; display: block; z-index: 1; }
.block6 > p { font-size: 12px; line-height: 16px; color: #7D7D7D; padding: 15px 0; }
.block6 .btn4 { float: right; }
.btn4 { position: relative; display: block; width: auto; height: 25px; padding: 0 8px; border-bottom: 2px solid #ffa100; color: #fff; font-size: 11px; line-height: 25px; background-color: #494949; font-family: Arial, Helvetica, sans-serif; }

    .btn4 > span { position: absolute; width: 5px; height: 18px; bottom: -2px; left: -5px; background-color: #ffa100; }
.dark .bottomWrap .info { color: #fff; border-color: #363636; background-color: #3f3f3f; }
.bottomWrap .info { font-family: 'Source Sans Pro', sans-serif; font-style: normal; font-weight: 400; font-size: 22px; line-height: 30px; color: #494949; background-color: #f2f2f2; padding: 10px 10px; margin-top: 0; text-align: center; border-top: 1px dotted #d0d0d0; border-bottom: 1px dotted #d0d0d0; }
.footer { position: relative; padding: 0 0 20px 0; }
    .footer > .in { padding-bottom: 7px; }
.Copyirght { font-size: 12px; color: #ddd; float: left; margin: 5px 0; }
.aFirma { float: right; font-size: 12px; color: #ddd; margin: 5px 0;  text-align: center; color: #ddd;}
.dark .pageLine { background-color: #494949; }
.pageLine { position: relative; width: 100%; height: 50px; background-color: #f6f6f6; }

.archive > h1,
.contacts > h1,
.magazine > h1 { position: absolute; left: 0; font-family: 'Source Sans Pro', sans-serif; font-style: normal; font-weight: 600; font-size: 18px; line-height: 28px; margin-top: -41px; margin-left: 10px; color: #494949; padding-bottom: 10px; border-bottom: 3px solid #ffa100; }

.single { position: relative; }
.dark .single h1,
.dark .single h2,
.dark .single h3,
.dark .single h4,
.dark .single h5,
.dark .single h6,
.dark .single p,
.dark .single li,
.dark .single .grid li { color: #DFDFDF; }
.single > p { font-size: 12px; line-height: 18px; color: #7D7D7D; padding-bottom: 20px; padding-top: 10px; text-align: justify; }
.single > h2,
.single > h3,
.single > h4,
.single > h5,
.single > h6 { font-family: 'Source Sans Pro', sans-serif; font-style: normal; font-weight: 600; color: #4E4E4E; padding-bottom: 5px; }
.single > h2 { font-size: 21px; line-height: 26px; }
.single > h3 { font-size: 19px; line-height: 24px; }
.single > ul,
.single > ol,
.single .grid ul,
.single .grid ol { list-style: square; padding-left: 40px; padding-bottom: 18px; }
    .single > ul > li,
    .single > ol > li,
    .single .grid ul > li,
    .single .grid ol > li { font-size: 13px; line-height: 18px; color: #7D7D7D; padding-bottom: 2px; }
.dark .footer a { color: #DFDFDF; }
.IletisimTablo tr td:first-child { text-align: right; font-weight: bold; }
