/******************reset css*/
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, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
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%;
	vertical-align: baseline;
}
* {-webkit-box-sizing: border-box;box-sizing: border-box;}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}

img {
    vertical-align: middle;
}
/**************** clearfix **********************************/
.clr:after {
     visibility: hidden;
     display: block;
     font-size: 0;
     content: " ";
     clear: both;
     height: 0;
     }
.clr { display: inline-block; }
* html .clr { height: 1%; }
.clr { display: block; }

/**************** clearfix **********************************/
body{
    background-color: #fff;
    font-family: 'Roboto', sans-serif;
    margin: 0; 
    height: 0;
    overflow-x: hidden;
}

*,html,body {
    font-family: 'Roboto', sans-serif;
}
.container{ 
    margin-top:40px;
    padding-bottom: 20px;
    min-width: 1050px;
}

.col-big {
    width: 660px;
}

.col-small {
    width: 300px;
}

.pull-left {
    float: left;
}
.pull-right {
    float: right;
    display: block;
    margin: 20px 0px;
}
.clr-white {
    background-color: #fff;
}

.clr-grey {
    background-color: #ececec;
}

.galeriler {
    margin: 0;
    padding: 0;
    display: inline-block;
}
.galeriler li {
    display: block;
    margin: 0 0 40px 0;
    padding: 0;
    width: 300px;
    min-height: 285px;
    float: left;
    position: relative;
    height:auto;
}
.galeri-grup {
    margin-top: 25px;
    display: inline-block;
}
.galeriler li a {
    display: inline-block;
    width: 100%;
    height: 100%;
    text-decoration: none;
}
.galeriler li a img {
    width: 300px;
    height: 170px;
}

.galeri-grup .line {
    height: 3px;
    display: block;
    z-index: 1;
    width: 78px;
    background-color: #f2554e;
    padding: 0;
    position: absolute;
    z-index: 999;
    top: 169px;
    left: 0;
}

.galeriler > li > a span {
    display: block;
    width: 100%;
    min-height: 87px;
    background: #f0f0f0;
    padding: 8px 12px 0 12px;
    font-size: 18px;
    color: #000;
    font-weight: normal;
    height:auto;
    line-height:140%;
    overflow:hidden;
}

.container.fg-detail h1 {
    font-family: 'Roboto', sans-serif;
    font-size: 26px;
    font-weight: 500;
    margin-bottom: 20px; 
}

.container.clr-grey .galeriler li a span {
    background: #fff;
}

.container.clr-grey .galeriler li a span.line {
    background: #f2554e;
}

.galeriler li:nth-child(3n) {
    margin-right: 0;
}

.fg-date{
    font-size: 13px;
    font-family: 'Roboto', sans-serif;
    color: #5b5b5b;
    margin: 10px 0px 15px 0px;
}

.fg-box {
    margin-top: 40px;
    display: inline-block;
}
.fg-box-count {
    float: left;
    background: #fe0000;
    color: #fff;
    font-size: 18px;
    font-weight: bold;
    padding: 5px 10px;        
}

.fg-box-title {
    float: left;
    width: 530px;
    padding: 0 0 0 8px;
    font-weight: 500;
}

.fg-image-text {
    font-size: 18px;
    margin-top: 10px;
    display: block;
    font: normal normal normal 16px "Roboto", sans-serif;
    line-height: 150%;
}

.fg-image {
    width: 660px;
    float: left;
    margin-top: 10px;
}

.fg-share {
    width: 100%;
    float: left;
    text-align: left;
    margin: 55px 0;
}

.fg-share a {
    width: 55px;
    height: 55px;
    display: inline-table;
    margin-right: 15px;
}

.fg-share a:last-child {
    margin-right:0;
}

a {
    text-decoration: none;
}

header {
    background: #f0f0f0;
    min-width: 1050px;
}
.content {
    width: 1000px;
    margin: 0 auto;
}

.logo {
    /*background: url("/static/images/haberler-fotogaleri-yeni.png") no-repeat;
    width: 197px;
    height: 21px;*/
    position: absolute;
    top: 40px;
    left: 0px;
}

a.fotogaleri {
    background: url("/static/images/icon-fotogaleri-yeni.png") no-repeat 0px 1px;
    padding-left: 40px;
    font-size: 24px;
    color: #000;
    position: absolute;
    top: 35px;
    left: 220px;
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
    height: 32px;
    display: block;
}
.header-links {position:absolute;top: 23px;left: 0;}
.header-links ul{padding:0px;list-style: none;}
.header-links ul li{padding:0px;float: left;margin: 0px 20px 0px 0px;}
.header-links ul li a{padding: 0px;color: #4f5458;font-size: 18px;font-weight: bold;}
.header-links li a:hover,.header-links li a.active {
    text-decoration: none;
    color: #db2431;
}
.gallery-search {
    width: 220px;
    background: url(/static/images/ara-icon-yeni.png) no-repeat left 12px center #fff;
    border: 0;
    position: absolute;
    top: 15px;
    right: 0;
    outline: 0;
    padding-left: 38px;
    font-size: 16px;
    font-weight: 400;
    color: #4f5458;
    height: 40px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px; 
}
.header-box {
    position: relative;
    height: 75px;
}

.grand-container {width: 100%;padding:0;}

.footer-content,.footer-content a{color: #7E7F80;}
.footer-content, .footer-content a {
    color: #7E7F80;
    font-size: 14px;
}
.footer-content {margin-bottom: 160px;}

.support-link {
    float: left;
    width: 100%;
    margin-top: 10px;
    clear: both;
}

.galeri-grup.popular .galeriler li {
     margin: 0 50px 50px 0;
}
.galeri-grup.popular .galeriler li:nth-child(3n) {
    margin: 0 0 40px 0;
}

#editor-box-detay {padding:5px;margin-top:20px;}
#editor-box-detay #editor-bilgi {float:right;}
#editor-box-detay:after,
#editor-box-detay #editor-bilgi:after {content: '';display: block;clear: both;}
#editor-box-detay #editor-bilgi #editor-foto{float:right;margin-left:15px;}
#editor-box-detay #editor-bilgi #editor-foto #editor-fotoyer{width:60px;height:60px;border-radius: 30px;background-color:#ccc;overflow: hidden;}
#editor-box-detay #editor-bilgi #editor-foto #editor-fotoyer img{width:60px;height:60px;}
#editor-box-detay [editor-letters]:before {content:attr(editor-letters);display:inline-block;width:60px;height:60px;font-size:28px;font-weight:bold;line-height:60px;text-align:center;color:white;}
#editor-box-detay #editor-bilgi #editor-baslik{float:right;padding-top:7px;}
#editor-box-detay #editor-bilgi #editor-baslik #editor-isim{color:#111;font-size:18px;font-weight:bold;text-align:right;padding-left: 5px;}
#editor-box-detay #editor-bilgi #editor-baslik #editor-isi{color:#111;font-size:16px;font-weight:normal;font-style:italic !important;text-align:right;}

.socialMediaScope {width: 100%;position: relative;font-family: 'Roboto', sans-serif;display: table;margin-top:30px;float: left; margin-left:-8px;}
.socialMediaScope .iconText {float: left;position: relative;padding-top: 1px;padding-left: 8px;padding-bottom: 4px;}
.socialMediaScope .iconImage {float: left;position: relative;}
.socialMediaScope .smIcon {display: inline-block;width: 114px;position: relative;padding: 8px 8px 4px 8px;color: #fff;font-weight: 400;letter-spacing: 1px;font-size: 15px;border-radius: 3px;-webkit-border-radius: 3px;margin: 0 8px;text-align: left;cursor: pointer;transition: all .34s ease;-webkit-transition: all .34s ease;-moz-transition: all .34s ease;-o-transition: all .34s ease;box-sizing: border-box;-webkit-box-sizing: border-box;user-select: none;-ms-user-select: none;-moz-user-select: none;-khtml-user-select: none;-webkit-user-select: none;}
.socialMediaScope .smFacebook {background-color: #3a5b94;}
.socialMediaScope .smFacebook:hover {background-color: #2c497b;}
.socialMediaScope .smTwitter {background-color: #67bef6;}
.socialMediaScope .smTwitter:hover {background-color: #4F9BC4;}
.socialMediaScope .smWhatsapp {background-color: #57bb63;}
.socialMediaScope .smWhatsapp:hover {background-color: #3A8F44;}
.socialMediaScope .smGoogle {background-color: #e44325;}
.socialMediaScope .smGoogle:hover {background-color: #C0331A;}
.socialMediaScope .smInstagram {background-color: #517fa6;}
.socialMediaScope .smInstagram:hover {background-color: #3A5F7E;}


/* ----------- iPad mini ----------- */

/* Portrait and Landscape */
@media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1024px) 
  and (-webkit-min-device-pixel-ratio: 1) {
    
    .fg-image-text {
        font-size: 20px;
    }
    .fg-box-title {
        font-size: 18px;
    }
    .content {
        width: 960px;
    }

    .col-big, .fg-img img, .fg-image-text {
        width: 620px;
    }
     .galeri-grup.popular .galeriler li {
        margin: 0 30px 30px 0;
    }
    .galeri-grup.popular .galeriler li:nth-child(3n) {
        margin: 0 0 30px 0;
    }
}

/* ----------- iPad 3 and 4 ----------- */
/* Portrait and Landscape */
@media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1024px) 
  and (-webkit-min-device-pixel-ratio: 2) {

    .fg-image-text {
    font-size: 20px;
    }
    .fg-box-title {
        font-size: 18px;
    }
    .content {
        width: 960px;
    }

    .col-big, .fg-img img, .fg-image-text {
        width: 620px;
    }
     .galeri-grup.popular .galeriler li {
        margin: 0 30px 30px 0;
    }
    .galeri-grup.popular .galeriler li:nth-child(3n) {
        margin: 0 0 30px 0;
    }

    .socialMediaScope .smIcon {
        width:111px;
    }
}


/* ----------- Galaxy Tab 10.1 ----------- */

/* Portrait and Landscape */
@media 
  (min-device-width: 800px) 
  and (max-device-width: 1280px) {

    .fg-image-text {
    font-size: 20px;
    }
    .fg-box-title {
        font-size: 18px;
    }
    .content {
        width: 960px;
    }

    .col-big, .fg-img img, .fg-image-text {
        width: 620px;
    }
     .galeri-grup.popular .galeriler li {
        margin: 0 30px 30px 0;
    }
    .galeri-grup.popular .galeriler li:nth-child(3n) {
        margin: 0 0 30px 0;
    }

    .socialMediaScope .smIcon {
        width: 111px;
    }
}

/* ----------- Asus Nexus 7 ----------- */
/* Portrait and Landscape */
@media screen 
  and (device-width: 601px) 
  and (device-height: 906px) 
  and (-webkit-min-device-pixel-ratio: 1.331) 
  and (-webkit-max-device-pixel-ratio: 1.332) {

    .fg-image-text {
    font-size: 20px;
    }
    .fg-box-title {
        font-size: 18px;
    }
    .content {
        width: 960px;
    }
    .col-big, .fg-img img, .fg-image-text {
        width: 620px;
    }
     .galeri-grup.popular .galeriler li {
        margin: 0 30px 30px 0;
    }
    .galeri-grup.popular .galeriler li:nth-child(3n) {
        margin: 0 0 30px 0;
    }

}

@media screen and (max-device-width: 601px) {
    .content {
        padding: 0 15px;
    }
    .galeri-grup.popular .galeriler li {
       margin: 0 20px 20px 0; 
    }
}