/* Album */
.item-img-wrap {
    position: relative;
    text-align: center;
    overflow: hidden;
    height: 220px;
}

.item-img-wrap img {
    /*display: block;*/
    height: 100%;
}

.product .item-img-wrap {
    position: relative;
    height: 250px;
}

.project .item-img-wrap {
    height: 220px;
}

.product .item-img-wrap img {
    position: relative;
    top: 50%;
    transform: translateY(-50%);
    height: auto;
    width: 100%;
}

.project .item-img-wrap img {
    position: relative;
    top: 50%;
    transform: translateY(-50%);
    height: 100%;
    width: 100%;
}

/* Hizmetler */
.page-box__title { font-size: 22px; margin-top: 24px; margin-bottom: 20px; font-weight: 600; }
.page-box__title a { color: #444444; }
.page-box__content { font-size: 14px; line-height: 1.6; }
.read-more { position: relative; font-weight: bold; text-transform: uppercase; }
.read-more:after { content: ""; font-family: "FontAwesome"; font-size: 10px; position: absolute; right: -11px; top: calc(50% - 9px); }
.page-box .read-more::after { position: absolute; content: "\f0da"; font-family: "FontAwesome"; right: -11px; top: calc(50% - 9px); font-size: 10px; }
.page-box .wp-post-image { width: 100%; }

.widget_nav_menu ul { list-style: none; padding: 0; font-size: 15px; }
.widget_nav_menu ul > li > a { display: block; padding: 2px 0; margin: 3px 0; color: #aaaaaa; text-transform: uppercase; font-weight: bold; font-size: 13px; }
.widget_nav_menu ul > li > a:hover { color: #aaaaaa; }
.widget_nav_menu ul > li:first-of-type a { padding-top: 0; margin-top: 0; }
.widget_nav_menu ul .sub-menu { padding-left: 15px; margin: 0; }
.widget_nav_menu ul .sub-menu > li > a { text-transform: none; font-weight: normal; color: #aaaaaa; }

.sidebar.widget_nav_menu ul { list-style: none; padding: 0; }
.sidebar.widget_nav_menu ul > li { margin: 2px 0; }
.sidebar.widget_nav_menu ul > li > a { font-size: 16px; font-weight: 900; transition: all 100ms ease-out; display: block; background-color: #eeeeee; color: #aaaaaa; border-radius: 2px; padding: 18px 25px; }
.sidebar.widget_nav_menu ul > li > a:hover { color: #444444; text-decoration: none; }
.sidebar.widget_nav_menu ul > li > a:active { border-color: rgba(0, 0, 0, 0.05); box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.125); }
.sidebar.widget_nav_menu ul > li.current-menu-item a { background-color: #33A8f3; color: #ffffff; text-shadow: 0 1px rgba(0, 0, 0, 0.16); text-decoration: none; }
.sidebar.widget_nav_menu ul > li:first-of-type { margin-top: 0; }

.jumbotron {
    padding: 20px;
}

/* Odeme Ekranı */
#div-garanti {

}

.kk-form .kk-bilgi {
    width: 350px;
    margin: 0 auto;
}

.kk-form .kk-bilgi input{
    margin-top: 10px;
}

.caption h4.small {
    font-size: 20px;
}

.countbadge {
    -webkit-border-radius:20px;
    -moz-border-radius:20px;
    border-radius:20px;
    color: #fff;
    font-size: 10px;
    height: 17px;
    line-height: 17px;
    padding:0;
    position: absolute;
    right: -7px;
    text-align: center;
    text-transform: none;
    top: -5px;
    width: 17px;
    z-index: 999;
    border-color: #2896df;
    background-color: #2896df;
}

/* Footer */
.latest-posts h4,
.latest-posts h4 a,
.tweet strong {
    color:#000;
    font-family: "Titillium Web","Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size: 14px;
    display: block;
    font-weight: bold;
}
.latest-posts h4,
.latest-posts h4 a {
    padding:0;
    font-weight: 400;
    line-height: 24px;
}
.latest-posts img {
    max-width: none;
    margin-top: 7px;
    width: 70px !important;
    height:auto;
}
.latest-posts .media + .media,
.latest-posts .media-body .media:first-of-type  {
    margin:30px 0 0 !important;
    padding:0 !important;
}

/* Urunler */
.marked-list li.has-sub > ul > li {
}

.marked-list li.has-sub > ul > li:before {
    content: "\f105";
    font-family: "FontAwesome";
    padding-right: 10px;
}

/* Twitter Feed */
.twitter_feed_wrapper {
    padding: 14px;
}
.twitter_feed_wrapper .twitter_feed_icon a {
    padding: 7px 0;
    font-size: 70px;
    display: block;
    text-align: center;
}
.twitter_feed_wrapper blockquote {
    margin: 11px 0;
    padding-top: 20px;
    min-height: 100px;
    font-size: 14px;
    border-left: 5px solid #999999;
    padding-left: 20px;
}
.twitter_feed_wrapper blockquote p {
    font-size: 14px;
    margin-bottom: 3px;
}


/** Ilan Sayfası **/

.single-product * + .teklif-input-span {
    margin-left: 20px;
}

.teklif-input-span {
    text-align: center;
    font-size: 14px;
    padding-top: 5px;
    padding-bottom: 5px;
    width: 200px;
    height: 40px;
    display: inline-block;
}

.teklif-input-span + button {
    margin-left: 20px;
}

.hemen-al-fiyat-span {
    text-align: left;
    padding-top: 5px;
    padding-bottom: 5px;
    margin-left: 6px;
    width: 165px;
    height: 40px;
    display: inline-block;
}

.text-big {
    font-size: 18px;
}

.text-red {
    color: #ff0000;
}

.text-bold {
    font-weight: bold;
}

.marked-list.ilan > li:before {
    color: #2e5797;
    font-weight: bold;
}

.marked-list.ilan > li {
    font-weight: bold;
    padding-left: 15px;
    line-height: 24px;
    font-size: 16px;
}

.marked-list.ilan > li span {
    font-weight: normal;
}

.marked-list.ilan > li span.son-teklif-tutar {
    font-weight: bold;
    font-size: 20px;
    color: #ff0000;
}


.alto-button {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    border: 2px solid #aaa;
    color: #444;
    font-weight: 700;
    padding: 10px 20px;
    text-transform: uppercase;
    font-size: 14px;
    transition: .3s;
}
.alto-button:hover{
    background:#118edd;
    border-color:#118edd;
    color:#fff;
}

.ourstore-button {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    border: 2px solid #118edd;
    color: #444;
    font-weight: 700;
    padding: 3px 20px;
    text-transform: uppercase;
    font-size: 14px;
    transition: .3s;
}
.ourstore-button:hover{
    background:#118edd;
    border-color:#118edd;
    color:#fff;
}

.table-responsive .table.order tr td {
    vertical-align: middle;
    padding-top: 20px;
    padding-bottom: 20px;
}

.table-responsive .table.order tr td .fa {
    font-size: 16px;
}

/* Album Width/Height esitleme vs */
.album-wrapper .album-img-wrapper{
    height: 220px;
    overflow: hidden;
}

.album-wrapper .album-img-wrapper .album-img {
    position: relative;
    height: 100%;
    margin: 0;
    background: #fff;
    background: no-repeat center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    border: solid 0 #fff;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}

.album-wrapper a:hover .album-img{
    -ms-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -webkit-transform: scale(1.2);
    -o-transform: scale(1.2);
    transform: scale(1.2);
}

.album-wrapper .album-img-wrapper .album-name {
    transition: .4s;
    position: absolute;
    background: rgba(20, 165, 235, 0.58);
    opacity: 0;
    top: 0;
    bottom: 30px;
    left: 15px;
    right: 15px;
    text-align: center;
    overflow: hidden;
}

.album-wrapper .album-img-wrapper .album-name h4 {
    position: relative;
    pointer-events: none;
    top: 50%;
    transition: .8s;
    font-size: 20px;
    min-width: 260px;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    letter-spacing: 0.02em;
    line-height: 1.28571;
    font-weight: 700;
    color: #fff;
}

.album-wrapper a:hover .album-name {
    opacity: 1;
}

.header-top-area .social-icon {
    float: left;
}

.header-top-area .btn-group {
    margin-top: -8px;
    margin-left: 10px;
}

.header-top-area .btn-group .btn {
    padding: 3px 8px;
}

.header-top-area .btn-group .dropdown-menu {
    min-width: 0;
}

.header-top-area .btn-group .dropdown-menu > li > a {
    padding: 3px 14px;
}

/* Urunler */
.single-catagory .catagory-menu ul {
    list-style: outside none none;
}
.single-catagory .catagory-menu ul>li>ul {
    padding-left: 20px;
}
.single-catagory .catagory-menu ul li {
    margin-bottom: 5px;
    position: relative;
}
.single-catagory .catagory-menu ul li.has-sub::before {
    content: "\f055";
    font-family: "FontAwesome";
    font-size: 18px;
    position: absolute;
    right: 0;
    top: 6px;
    cursor:pointer;
}
.single-catagory .catagory-menu ul li.has-sub.open::before {
    content: "\f056";
}
.category-sub {
    display: none;
}
.single-catagory .catagory-menu ul li a {
    /*border-bottom: 1px solid #f4f4f4;*/
    color: #333;
    cursor: pointer;
    display: block;
    /*font-size: 15px;*/
    /*padding: 10px 0;*/
    text-decoration: none;
    text-transform: capitalize;
}
.single-catagory .catagory-menu ul li a i {
    font-size: 18px;
    margin-right: 10px;
}

/*----------------------------------------*/
/*  28. portfolio
/*----------------------------------------*/
.portfolio-area{
    overflow:hidden;
}
.protofolio-menu div {
    color: #aaa;
    cursor: pointer;
    display: inline-block;
    font-size: 18px;
    margin-right: 30px;
    text-transform: uppercase;
    position:relative;
    transition:.3s;
}
.protofolio-menu div:hover::before,.protofolio-menu div.active::before{
    opacity:1;
}
.protofolio-menu div::before,.protofolio-menu div::after {
    background: #aaa none repeat scroll 0 0;
    content: "";
    position: absolute;
}
.protofolio-menu div::before{
    bottom: -6px;
    height: 2px;
    left: 0;
    width: 70%;
    opacity:0;
}
.protofolio-menu div::after {
    height: 14px;
    right: -16px;
    top: 6px;
    width: 1px;
}
.protofolio-menu div:last-child::after{
    display:none;
}
.single-protofolio {
    float: left;
    overflow: hidden;
    padding: 0 15px;
    position: relative;
    width: 50%;
    height: 200px;
}
.Portfolio-3 .single-protofolio{
    width:33.3%;
}
.Portfolio-4 .single-protofolio{
    width:25%;
}
.protofolio-img{
    overflow: hidden;
    position: relative;
}
.protofolio-img img{
    transform:scale(1);
    transition:.3s;
}
.single-protofolio:hover .protofolio-img img{
    transform:scale(1.1);
}
.protofolio-img a::before {
    background: #E7E4E7 none repeat scroll 0 0;
    content: "";
    height: 100%;
    left: 0;
    opacity: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 1;
    transition:.3s;
}
.single-protofolio:hover .protofolio-img a::before{
    opacity:.5;
}
.protofolio-img a img{
    width:100%;
}
.protofolio-icon {
    position: absolute;
    top: 30%;
    left: 0;
    right: 0;
    text-align: center;
    transform: translateY(-50%);
    opacity:0;
    visibility:hidden;
    transition:.3s;
    z-index:3;
}
.single-protofolio:hover .protofolio-icon{
    opacity:1;
    visibility:visible;
    top:50%;
}
.protofolio-icon a {
    background: #252525 none repeat scroll 0 0;
    border-radius: 50%;
    color: #fff;
    display: inline-block;
    font-size: 20px;
    height: 40px;
    line-height: 40px;
    margin: 0 5px;
    text-align: center;
    width: 40px;
}
.protofolio-icon a:hover{
    background:#59b210;
}
.protofolio-text {
    background: #fff none repeat scroll 0 0;
    bottom: -12%;
    left: 0;
    opacity: 0;
    position: absolute;
    right: 0;
    text-align: center;
    visibility: hidden;
    z-index: 3;
    transition:.3s;
}
.single-protofolio:hover .protofolio-text{
    opacity:1;
    bottom:0;
    visibility:visible;
}
.protofolio-text h2 {
    margin-bottom: 2px;
}
.protofolio-text h2 a {
    color: #000;
    font-size: 20px;
    text-decoration: none;
    text-transform: capitalize;
}
.protofolio-text span a {
    color: #888;
    font-size: 16px;
}
.protofolio-text span a:hover{
    color:#767676;
}
#Container .mix{
    display: none;
}

.table-sonuc>tbody>tr>td, .table-sonuc>thead>tr>th {
    line-height: 24px;
    font-size: 14px;
    vertical-align: middle;
}

.icon-light {
    color: #c5d4dc;
}
.icon-xl {
    line-height: 96px;
    font-size: 74px;
    border-width: 2px;
}

.yavru-talep-page .col-sag:before {
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 2px;
    height: 100%;
    background: #f5f5f5;
    transition: .2s;
}