﻿/*-----------------------------------------------------------------------------------

    Template Name: Orion - Fashion eCommerce Bootstrap Template
    Template URI: http://bootexperts.com
    Description: This is html5 Bootstrap template
    Author: BootExperts
    Author URI: http://bootexperts.com
    Version: 1.0


-----------------------------------------------------------------------------------
    
    CSS INDEX
    ===================
    1. Theme Default CSS (body, link color, section etc)
    2. header 
		2.1 header top
		2.2 header bottom 
		2.3 header bottom
    3. slider area css 
    4. creative banner area
    5. category menu CSS
    6.  Our Product area CSS 
    7. advertise area CSS
    8. purchase-Progress-area 
    9. our favouriate area
    10. brand area 
    11.  hotsell-area
    12. footer-static-content 
    13. ma-footer-container
    14. Scroll Up
    15. Home-page-02
        15.1. slider 
        15.2 creative banner area  
        15.3 our favouriate area2
        15.4 new-hot-best-slider area 
    16. Home-page-03 
    17. Home page-4
        17.1 Slider area 
        17.2 mixitup area
        17.3 client-carousel
        17.4 Our Team
    18. breadcrumb area
    19. Shop page
        19.1 Our Team
    20. single-product page 
    21. cart page 
    22. checkout page 
    23. Rigistration page
    24. about page
    25. Contact-page 
    26. 404-page 
    28. Single-blog
	
/*----------------------------------------*/
/*  1.  Theme default CSS
/*----------------------------------------*/


html,
body {
    height: 100%;
    color: rgb(85, 85, 85)
}
.floatleft {
    float: left;
}
.floatright {
    float: right;
}
.alignleft {
    float: left;
    margin-right: 15px;
    margin-bottom: 15px
}
.alignright {
    float: right;
    margin-left: 15px;
    margin-bottom: 15px
}
.aligncenter {
    display: block;
    margin: 0 auto 15px;
}
.nopadding-left {
    padding-left: 0;
}
.nopadding-right {
    padding-right: 0
}
.nopadding {
    padding: 0
}
a:focus {
    outline: 0px solid;
    text-decoration: none;
}
img {
    max-width: 100%;
    height: auto;
}

.primary-image {
    max-width: 100%;
    height: 285px;
}
.fix {
    overflow: hidden;
}
p {
    margin: 0 0 10px;
}
.pt5 {
    padding-top: 5px
}
.pt10 {
    padding-top: 10px
}
.pb10 {
    padding-bottom: 10px
}
.pt15 {
    padding-top: 15px
}
.pb15 {
    padding-bottom: 15px
}
.pt20 {
    padding-top: 20px
}
.pb20 {
    padding-bottom: 20px
}
.pt25 {
    padding-top: 25px
}
.pb25 {
    padding-bottom: 25px
}
.pt30 {
    padding-top: 30px
}
.pb30 {
    padding-bottom: 30px
}
.pt40 {
    padding-top: 40px
}
.pb40 {
    padding-bottom: 40px
}
.pt50 {
    padding-top: 50px
}
.pb50 {
    padding-bottom: 50px
}
.pt80 {
    padding-top: 80px
}
.pt90 {
    padding-top: 90px
}
.pb90 {
    padding-bottom: 90px
}
.mt5 {
    margin-top: 5px
}
.mt10 {
    margin-top: 10px
}
.mb10 {
    margin-bottom: 10px
}
.mt15 {
    margin-top: 15px
}
.mb15 {
    margin-bottom: 15px
}
.mt20 {
    margin-top: 20px
}
.mb20 {
    margin-bottom: 20px
}
.mt25 {
    margin-top: 25px
}
.mb25 {
    margin-bottom: 25px
}
.mt30 {
    margin-top: 30px
}
.mb30 {
    margin-bottom: 30px
}
.mt40 {
    margin-top: 40px
}
.mb40 {
    margin-bottom: 40px
}
.mt50 {
    margin-top: 50px
}
.mb50 {
    margin-bottom: 50px
}
.mt90 {
    margin-top: 90px
}
.mb90 {
    margin-bottom: 90px
}
h1,
h2,
h3,
h4,
h5,
h6 {
    margin: 0 0 15px;
}
a {
    -webkit-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    text-decoration: none;
    color: #666;
}
a:hover {
    color: #e10000;
    text-decoration: none;
}
.home-3-wraper a:hover {
    color: #96B7CB;
}
a:active,
a:hover {
    outline: 0 none;
}
ul {
    list-style: outside none none;
    margin: 0;
    padding: 0;
}
body {
    color: #666666;
	line-height:18pt;
    font-family: 'PT Sans', sans-serif;
    background: url(img/body-bg.png);
}
.clear {
    position: relative;
}
.clear::after {
    clear: both;
    content: "";
    display: block;
}

/*----------------------------------------*/
/*  2.  Header Area
/*----------------------------------------*/
/*2.1 header top*/
.header-top {
    background: #f5f5f5;
    border-bottom: 1px solid #efefef;
}
.header-top ul li {
    display: inline-block;
    position: relative;
    margin-right: 15px;
    color: #666;
}
.header-top ul li:hover ul {
    opacity: 1;
    top: 30px;
	left:1px;
    z-index: 99999;
}
.header-top ul li ul {
    position: absolute;
    transition: all 0.3s ease 0s;
    opacity: 0;
    z-index: -9;
    top: 60px;
    right: 0;
    text-align: center;
}
.single-drop ul li label {
    font-weight: 400;
    margin: 12px 5px 12px 0;
    color: #666;
}
.single-drop ul li label i {
    font-size: 23px;
    color: #cb0303;
    vertical-align: middle;
    margin-right: 5px;
}
.header-top ul li ul li {
    display: block;
    width: 160px;
    margin-right: 0;
}
.header-top ul li ul li a {
    padding: 15px 20px;
}
.header-top ul li ul li a {
    padding: 3px 5px 3px 5px;
    display: block;
    background: #eee;
    margin: 3px;
    border-radius: 2px;
}
.header-top ul li ul li a:hover {
    background: #e10000;
    color: #fff;
}
.single-drop ul li span {
    margin-right: 5px;
    color: #666;
}
.single-drop ul li span:hover {
    color: #e10000;
    transition: .3s;
}
.single-drop ul li a i {
    font-weight: 700;
}
.single-menu {
    text-align: left;
	height:40px;
}
.single-menu ul li {
    margin: 0;
}
.single-menu ul li a {
    padding: 0px 20px 0px 17px;
    display: inline-block;
    margin-top: 10px;
    border-right: 1px solid #e2e2e2;
    margin-bottom: 10px;
	font-size:13px;
}
.single-menu ul li a.lastbdr {
    border-right: 0px;
    padding-right: 0px;
}
.header-menu {
    background: #fff;
    padding: 0 0 5px 0;
}
/*2.2 header bottom */
.logo-area a img {
    margin: 15px 0;
	width:289px;
	float:left;
}
.block-header {
    margin-top: 8px;
}
.phone {
    float: left;
    margin-right: 10px;
    padding-right: 10px;
    /*border-right: 1px solid #e2e2e2;*/
	width:500px;
}
.phone i,
.email i {
    color: #cb0303;
    font-size: 23px;
    font-weight: 400;
    display: inline-block;
    vertical-align: middle;
    margin-right: 5px;
    margin-bottom: 2px;
}
.header-search .product-category ul {
    background: #fff none repeat scroll 0 0;
    display: none;
    height: 300px;
    margin: 0;
    overflow-y: auto;
    padding: 5px 0;
    width: 200px;
}
.search-categori {
    box-shadow: 0 0 0 3px rgba(228, 228, 228, 1);
    display: block;
    float: left;
    height: 44px;
    margin-top: 14px;
    position: relative;
    width: 100%;
}
.categori {
    float: left;
    width: 120px;
	height:45px;
}
.categori select {
	position:relative;
	display:inline-block;
    font-family: Open Sans, Arial, Helvetica, sans-serif;
    font-size: 12px;
    text-transform: uppercase;
}
.chosen-container {
    height: 48px;
    line-height: 38px;
    width: 100% !important;
}
.chosen-container-single .chosen-search input[type=text] {
    display: none;
}
.chosen-container .chosen-single {
    background: none;
    border: none;
    border-radius: 0;
    font-size: 14px;
    line-height: 44px;
    padding: 0 0 0 10px;
    text-transform: capitalize;
    background: #cb0303;
    margin-top: -0.5px;
    height: 44.5px;
	width:180px;
    box-shadow: none;
	color:#FFFFFF;
}
.chosen-container-active.chosen-with-drop .chosen-single {
    border: 0px;
    background-image: none;
    background: #cb0303;
    margin-top: -0.5px;
    height: 44.5px;
    box-shadow: none;
}
.chosen-container .chosen-single span {
    margin-right: 5px;
}
.chosen-container .chosen-single div {
    right: 0px;
    width: 25px;
    text-align: center;
}
.chosen-container .chosen-single div b {
    background: none;
}
.chosen-container .chosen-single div b:before {
    content: "\f107";
    font-family: FontAwesome;
    font-size: 16px;
}
.chosen-drop {
    left: auto;
    right: 0;
}
.chosen-drop {
    border: 1px solid #e5e5e5;
    border-radius: 2px;
    box-shadow: 0 2px 3px rgba(0, 0, 0, 0.3);
    font-family: Open Sans, Arial, Helvetica, sans-serif;
    margin-top: 10px;
    width: 210px !important;
    box-shadow: none !important;
    border-radius: 2px !important;
    border: 1px solid #eee !important;
}
.chosen-container .chosen-drop ul {
    margin: 0;
    padding: 0;
}
.chosen-container .chosen-drop ul li {
    margin: 0;
    padding: 10px 0px 10px 10px;
    text-align: left;
    font-size: 14px;
}
.chosen-container .chosen-drop ul li.highlighted {
    background-color: #e8e8e8;
    background-image: -webkit-linear-gradient(top, #f5f5f5 0%, #e8e8e8 100%);
    background-image: linear-gradient(to bottom, #f5f5f5 0%, #e8e8e8 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#fff5f5f5', endColorstr='#ffe8e8e8', GradientType=0);
    background-repeat: repeat-x;
    color: #262626
}
ul li.highlighted {
    background-color: #e8e8e8;
    background-image: -webkit-linear-gradient(top, #f5f5f5 0%, #e8e8e8 100%);
    background-image: linear-gradient(to bottom, #f5f5f5 0%, #e8e8e8 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#fff5f5f5', endColorstr='#ffe8e8e8', GradientType=0);
    background-repeat: repeat-x;
    color: #262626
}
.chosen-container-single .chosen-search {
    padding: 0
}
.search-box {
    overflow: hidden;
    border-left: 1px solid #e4e4e4;
    height: 45px;
}
.search-box input[type=text] {
    border: medium none;
    border-radius: 0;
    float: left;
    background: #fff;
    border: 0 none;
    color: #464646;
    font-size: 13px;
    height: 44px;
    line-height: 44px;
}
.search-box button {
    float: left;
    width: 50px;
    right: 0;
    background: #333333 none repeat scroll 0 0;
    border-radius: 0px;
    border-style: none none solid;
    color: #fff;
    font-size: 18px;
    font-family: 'PT Sans', sans-serif;
    font-weight: 700;
    line-height: 36px;
    height: 44px;
    position: absolute;
    text-align: center;
    transition: all 300ms ease 0s;
    outline: none;
}
.search-box button:hover {
    background: #cb0303;
}
.shopping-cart {
    background: #f46c02 url(Resim/minicart.png) no-repeat 10px 30%;
    float: right;
    margin: 30px 0 0;
    text-align: center;
    padding: 5px 0 5px 30px;
    width: 170px;
    height: 50px;
    cursor: pointer;
    transition: .3s;
    margin-top: 20px;
}
.shopping-cart a {
    font-size: 14px;
    color: #fff;
    display: inline-block;
	padding-top:20px;
	font-weight:600;
}

.shopping-cart:hover {
    background-color: #e10000;
    transition: .3s;
}
.small-cart-content {
    width: 270px;
    position: absolute;
    top: 100%;
    background: #fff;
    padding: 15px;
    text-align: left;
    right: 15px;
    border: 1px solid #ededed;
}
ul.cart-list li {
    float: left;
    width: 100%;
    margin-bottom: 10px;
}
.small-cart-detail .remove {
    float: right;
    margin-right: 0;
    color: #666;
}
.small-cart-detail .edit-btn {
    float: right;
    margin-right: 8px;
}
.small-cart-detail .small-cart-name {
    color: #666;
    font-family: 'PT Sans', sans-serif;
    font-weight: 400;
    line-height: 1;
    text-transform: capitalize;
    font-size: 14px;
    display: block;
    margin: 10px 0px 0px 0;
}
.small-cart-detail .edit-btn img {
    border: none;
}
.small-cart-detail .quantitys {
    color: #666;
}
.small-cart-detail .quantitys strong {
    font-size: 11px;
    margin-right: 5px;
}
.small-cart-detail .quantitys span {
    font-size: 14px;
    font-weight: 400;
    margin-left: 5px;
}
.cart-list a img {
    border: 1px solid #ddd;
}
.cart-list a {
    float: left;
    margin-right: 10px;
}
p.total {
    color: #666;
    float: left;
    margin: 10px 0 0;
    font-size: 10px;
    text-transform: uppercase;
    font-weight: normal;
}
span.amount {
    font-size: 15px;
    font-weight: 700;
    margin-left: 5px;
}
.buttons {
    padding: 0;
    float: right;
    margin: 10px 0 0 5px;
}
.buttons .button {
    display: block;
    padding: 8px 25px;
    font-weight: 700;
    font-family: 'PT Sans', sans-serif;
    font-size: 18px;
    text-align: center;
    white-space: nowrap;
    background: #cb0303;
    text-transform: capitalize;
    color: #fff;
}
.buttons .button:hover {
    background: #888888;
    color: #ffffff !important;
}
.restrain {
    opacity: 0;
    z-index: -99;
    position: absolute;
    transform: scaleY(0);
    transform-origin: 0 0 0;
    transition: all 0.5s ease 0s;
}
.expand:hover .restrain {
    opacity: 1;
    transform: scaleY(1);
    z-index: 2147483647;
}
/*2.3 header bottom (mainmenu area)*/

.header-bottom {
    background: #cb0303;
}
.main-menu ul li {
    float: left;
    position: relative;
}
.main-menu ul li a {
    line-height: 50px;
    min-height: 50px;
    padding: 0 19px 0 19px;
    font-size: 16px;
    display: block;
    color: #fff;
    text-transform: uppercase;
    font-weight: 500;
    font-family: 'PT Sans', sans-serif;
}
.main-menu ul li.bias a {
    background-color: #cb0303;
    color: #fff;
}
.main-menu ul li:hover a {
    background: #f36a02;
    color: #fff;
}
.main-menu ul li ul.sub-menu,
.main-menu ul li .mega-menu {
    left: 0;
    position: absolute;
    text-align: left;
    transition: all 0.5s ease 0s;
    transform-origin: 0 0 0;
    top: 100%;
    margin: 0;
    display: block;
    max-height: 0;
    max-width: 0;
    opacity: 0;
    overflow: hidden;
    transform: perspective(600px) rotateX(-90deg);
    transition: transform 0.5s ease 0s, opacity 0.6s ease 0s, max-height 0.6s step-end 0s, max-width 0.6s step-end 0s, padding 0.6s step-end 0s;
    z-index: 9999999999999999999999
}
.main-menu ul li:hover ul.sub-menu,
.main-menu ul li:hover .mega-menu {
    opacity: 1;
    max-height: 3000px;
    max-width: 3000px;
    z-index: 99999999;
    visibility: visible;
    transform: perspective(600px) rotateX(0deg);
    transition: transform 0.5s ease 0s, opacity 0.2s ease 0s, max-height 0s step-end 0s, max-width 0s step-end 0s, padding 0s step-end 0s;
}
.main-menu ul li ul.sub-menu li {
    width: 190px;
}
.main-menu ul li ul.sub-menu li a {
    background: #fff none repeat scroll 0 0;
    color: #666;
    font-size: 14px;
    font-weight: 400;
    line-height: 35px;
    margin-right: 0;
    min-height: 30px;
    text-transform: capitalize;
    width: 100%;
    border-top: 1px solid transparent;
    border-bottom: 1px solid transparent;
}
.main-menu ul li ul.sub-menu li a:hover {
    border-bottom: 1px solid #ededed;
    border-top: 1px solid #ededed;
    color: #ffa200;
}
.home-3-wraper .main-menu ul li ul.sub-menu li a:hover {
    color: #96b7cb;
}
.main-menu ul li ul.sub-menu {
    border-bottom: 3px solid #cb0303;
    padding: 10px 0;
    background: #fff;
}
.main-menu ul li ul.sub-menu li:first-child {
    border-top: none;
}
.main-menu ul li .mega-menu {
    background-color: #fff;
    border-bottom: 3px solid #cb0303;
    box-shadow: 0 1px 1px rgba(50, 50, 50, 0.75);
    left: -67%;
    right: auto;
    width: 1140px;
}
.mega-menu-2 {
    left: -141% !important;
}
.mega-menu-3 {
    left: -267% !important;
}
.mega-menu-4 {
    left: -450% !important;
}
.main-menu ul li .mega-menu .mega-catagory {
    float: left;
    width: 20%;
    padding: 10px;
}
.main-menu ul li .mega-menu .mega-catagory a {
    width: 100%;
}
.mega-thumb {
    float: left;
    width: 25%;
}
.main-menu ul li .mega-menu .mega-catagory a {
    background: #fff;
    color: #666;
    padding: 15px 0 15px 0;
    margin: 15px 0 15px 0;
    border-right: 1px dashed #ededed;
    border-bottom: 1px dashed #ededed;
    transition: .3s;
}
.main-menu ul li .mega-menu .mega-catagory a img {
    background: #f0f0f0;
    padding: 25px;
    border-radius: 2px;
    margin-right: 10px;
    transition: .3s;
}
.main-menu ul li .mega-menu .mega-catagory a span {
    vertical-align: top;
}
.main-menu ul li .mega-menu .mega-catagory a:hover img {
    background: #ffa200;
    transition: .3s;
}
.main-menu ul li .mega-menu .mega-catagory a:hover {
    color: #ffa200;
    transition: .3s;
}
/*----------------------------------------*/
/*  3. slider area css 
/*----------------------------------------*/
.slider-area .nivo-caption .layer-1 img {
    width: 26%;
    left: 20%;
    top: 5%;
}
.slider-area .nivo-caption .layer-1-1 img {
    width: 40%;
    left: 16%;
    top: 16%;
}
.slider-area .nivo-caption .layer-1-2 img {
    width: 28%;
    left: 16%;
    top: 5%;
}
.slider-area .nivo-caption .lft-pr h2 {
    margin-right: 20%;
    font-size: 48px;
    text-transform: uppercase;
    font-weight: 700;
    color: #9ab66f
}
.slider-area .nivo-caption .lft-pr h3 {
    margin-right: 20%;
    font-size: 48px;
    font-weight: 700;
}
.slider-area .nivo-caption .lft-pr h4 {
    margin-right: 20%;
    font-size: 82px;
    font-weight: 700;
    color: #f8825e;
}
.slider-area .nivo-caption .lft-pr a {
    margin-right: 20%;
    margin-right: 20%;
    background: black;
    color: #fff;
    margin-top: 0px;
    overflow: hidden;
    display: inline-block !important;
    font-weight: 700;
    padding: 12px 20px;
    font-size: 18px;
    background: #ffa200;
    border-radius: 3px;
}
.slider-area .nivo-caption .lft-pr a:hover {
    background: #888888;
}

/*----------------------------------------*/
/*  4.  creative banner area
/*----------------------------------------*/
.creative-banner {
    background: #fff;
    padding: 35px 0;
    border-bottom: 1px solid #ededed;
}
.banner-box-1 {
    background: url(img/banner/free_shipping.png) no-repeat left top;
}
.banner-box-2 {
    background: url(img/banner/money_back.png) no-repeat left top;
}
.banner-box-3 {
    background: url(img/banner/payment.png) no-repeat left top;
}
.banner-inner {
    padding-left: 70px;
}
.banner-inner p {
    padding: 0;
    margin: 0;
    color: #555;
    line-height: 25px;
}
.banner-inner .banner-title {
    color: #444;
    font-size: 21px;
    font-weight: bold;
    padding-bottom: 3px;
}
/*----------------------------------------*/
/*  5.  category menu CSS
/*----------------------------------------*/
.owl-carousel .owl-wrapper-outer {
    padding-bottom: 1px;
}
.main-area .left-category-menu {
    margin-top: 0px;
}
.category-heading h2 {
    background: #fff none repeat scroll 0 0;
    border: 1px solid #ebebeb;
    color: #3f3f3f;
    cursor: pointer;
    font-size: 24px;
    font-weight: 700;
    line-height: 55px;
    margin: 0;
    padding: 0 0 0 30px;
    text-transform: uppercase;
}
.category-menu-list {
    border: 1px solid #ebebeb;
    border-top: 0px solid #000;
    position: relative;
    width: 100%;
    z-index: 1000;
}
.category-menu-list ul li {
    border-bottom: 1px solid #ebebeb;
    position: relative;
    background: #fff;
}
.category-menu-list ul li:hover {
    background: transparent none repeat scroll 0 0;
}
.cat-left-drop-menu-left ul li {
    background: none;
}
.category-menu-list ul li:last-child {
    border-bottom: 0px solid #ebebeb;
}
.category-menu-list ul li a {
    display: block;
    font-size: 16px;
    font-weight: 700;
    overflow: hidden;
    padding: 15px 15px 16px 30px;
    position: relative;
    text-decoration: none;
    text-transform: uppercase;
    transition: background 300ms ease 0s;
}
.category-menu-list ul li a img {
    margin-right: 10px;
}
.category-menu-list ul li span.cat-thumb {
    display: block;
    float: left;
    height: 25px;
    margin: 0 15px 0 0;
    width: 25px;
}
.category-menu-list ul li a i {
    right: 25px;
    position: absolute;
    line-height: 24px;
}
/*category mega menu*/
.category-menu-list ul li .cat-left-drop-menu {
    background: #fff none repeat scroll 0 0;
    border: 1px solid #ebebeb;
    left: 120%;
    padding: 25px 20px 20px;
    position: absolute;
    text-align: left;
    top: 0;
    width: 486px;
    z-index: 999999;
    opacity: 0;
    visibility: hidden;
    overflow: hidden;
    transition: all 0.3s ease 0s;
    border-bottom: 3px solid #cb0303
}
.category-menu-list ul li .big-ldrop {
    width: 700px;
}
.category-menu-list ul li .cat-left-drop-menu-left {
    float: left;
    margin-right: 2%;
    margin-left: 2%;
    width: 46%;
}
.category-menu-list ul li .cat-left-drop-menu-left ul {
    margin-bottom: 20px;
    margin-top: 10px;
}
.category-menu-list ul li .cat-left-drop-menu-left ul li {
    border: none;
}
.category-menu-list ul li:hover .cat-left-drop-menu {
    visibility: visible;
    opacity: 1;
    left: 100%;
}
.category-menu-list ul li .cat-left-drop-menu-left ul li a {
    line-height: 28px;
    font-size: 12px;
    color: #6d6d6d;
    font-weight: 300;
    text-transform: capitalize;
    word-wrap: break-word;
    padding: 0;
}
.category-menu-list ul li .cat-left-drop-menu-left ul li a:hover {
    color: #c2a476;
}
.category-menu-list ul li a.menu-item-heading {
    color: #6d6d6d;
    line-height: 20px;
    text-transform: capitalize;
    font-weight: 500;
    word-wrap: break-word;
    padding: 0;
    font-size: 18px;
    font-weight: 700;
    border-bottom: 1px solid;
    margin-right: 20px;
    padding-bottom: 10px;
}
.category-menu-list ul li .sub-drop {
    width: 33.33% !important;
    margin: 0 !important;
    float: left;
}
.category-menu-list ul li a:hover {
    color: #c2a476;
    transition: .5s;
}
.category-menu-list ul li .subsm-drop {
    width: 220px;
}
.mega-menu .single-product a {
    background: #fff !important;
}
.single-product {
    border: 2px solid #ededed;
	background-color:#ffffff;
    border-radius: 0;
    overflow: hidden;
    padding: 10px 0 10px 0;
	margin-bottom:25px;
    position: relative;
    transition: all 0.3s ease 0s;
}
.single-product:hover {
    border: 2px solid #ec1c24;
    transition: all 0.3s ease 0s;
}
.main-menu ul li .owl-carousel {
    height: 0;
    position: relative;
    width: 100%;
    -ms-touch-action: pan-y;
}
.main-menu ul li:hover .owl-carousel {
    height: auto;
}
.product-content .product-name a,
.rating a,
.product-content2 .product-name a {
    color: #666 !important;
    font-size: 14px;
    margin: 0;
    padding: 0;
    text-transform: capitalize;
    font-weight: 600;
    line-height: 13pt !important;
    min-height: 0 !important;
}
.home-3-wraper .single-product .product-content .product-name a:hover {
    color: #96b7cb !important;
}
.product-content2 h2.product-name a:hover {
    color: #FFA200 !important;
}
.rating a,
.rating i {
    color: #FFA200!important;
    display: inline-block !important;
    font-size: 14px !important;
    padding: 0 !important;
}

.price-box {
	height:30px;
	padding:5px 0 5px 0}
	
.price-box span.new-price {
    color: #666;
    font-weight: 700;
    font-size: 18px;
	float:right;
}


	
.indirimlifiyat {
    color: #000;
    font-weight: 600;
    font-size: 20px;
	background-color:#f4f4f4;
	padding:12px;
	margin-top:6px;
}

.price-box span.KargoBedava {
	color:#f36a02;
	font-size:11px;
	float:left;
	text-decoration:none;
}
.single-product h2.product-name {
    margin: 0;
	margin: 0;
    height: 50px;
    text-align: center;
    line-height: 8pt;
}

.panel-body h5.product-name {
    margin: 0;
	line-height:18pt;
    text-align: left;
	font-size:14px;
	padding:10px 5px 0 5px;
	width:90%;
}

.panel-body .product-price {
    margin: 0;
	line-height:18pt;
    text-align: left;
	font-size:16px;
}

.panel-body .product-subtotal {
    margin: 0;
	line-height:18pt;
    text-align: left;
	font-size:16px;
	font-weight:bold;
}

.single-product .product-img a {
    padding: 0;
	text-align:center;
    display: block
}

.product-label .Indirim {
	-webkit-transform: rotate(45deg);
	top:10px;
    right: 2px;
	color:#fff;
	font-size:16px;
	line-height:18pt;
	position:absolute; 
	background-repeat:no-repeat;
	font-weight:600;
}

.product-label .new {
    height: 80px;
    width: 80px;
    top: -1px;
    right: -1px;
	position:absolute; 
	background-repeat:no-repeat;
}
.product-label .new {
    background: url(Resim/bg-new.png) no-repeat;
		
}

.product-label .sale {
    height: 70px;
    width: 70px;
    top: -1px;
    right: -1px;
    position: absolute;
    text-indent: -9999px;
    z-index: 9;
}
.product-label .sale {
    background: url(img/bg-sale.png) no-repeat;
}
.block-menu-img {
    float: left;
    width: 30%;
}
h2.block-menu-title {
    font-size: 32px;
    line-height: 36px;
    font-weight: bold;
    text-transform: uppercase;
    color: #333;
}
h2.block-menu-title span {
    color: #ffa200
}
.static-content a.button-link {
    background: #cb0303 !important;
    color: #fff !important;
    height: 44px;
    line-height: 48px;
    font-size: 18px;
    display: inline-block;
    border-radius: 3px;
    text-transform: capitalize;
    margin-top: 20px;
}
.static-content a.button-link:hover {
    background: #888888 !important;
}
.static-content ul li {
    position: relative;
    padding: 5px 10px;
    border-right: none;
    width: 70%;
    float: left;
}
.static-content ul li i {
    color: #ffa200;
    margin-right: 10px;
}
.mega-menu-5 {
    left: -210% !important;
    width: 900px !important;
    padding: 20px 10px 0px 0px;
}
/*----------------------------------------*/
/*  6.  Our Product area CSS
/*----------------------------------------*/
.carousel-btn .owl-controls .owl-buttons div {
    background: #919191 none repeat scroll 0 0;
    color: #fff;
    display: inline-block;
    font-size: 25px;
    height: 30px;
    left: 7px;
    line-height: 28px;
    margin-top: -11px;
    position: absolute;
    text-align: center;
    top: 50%;
    transition: all 0.3s ease 0s;
    width: 30px;
    border-radius: 2px;
}
.carousel-btn .owl-controls .owl-buttons .owl-next {
    left: auto;
    right: 7px;
}
.carousel-btn .owl-controls .owl-buttons div.owl-next:hover,
.carousel-btn .owl-controls .owl-buttons div.owl-prev:hover {
    background-color: #cb0303 !important;
    color: #fff;
}
.carousel-btn-2.carousel-btn .owl-controls .owl-buttons div {
    top: -40%;
}
.home-2-waraper .carousel-btn-2.carousel-btn .owl-controls .owl-buttons div {
    top: -45%;
}
.carousel-btn-3.carousel-btn .owl-controls .owl-buttons div {
    top: -8%;
}
.carousel-btn-4.carousel-btn .owl-controls .owl-buttons div {
    top: -8%;
}
.carousel-btn-2.carousel-btn .owl-controls .owl-buttons div.owl-prev,
.carousel-btn-4.carousel-btn .owl-controls .owl-buttons div.owl-prev,
.carousel-btn-3.carousel-btn .owl-controls .owl-buttons div.owl-prev {
    left: auto;
    right: 40px;
}
/*pagination*/

.carousle-pagi .owl-pagination > div {
    background: #fff none repeat scroll 0 0;
    border-radius: 100%;
    display: inline-block;
    height: 15px;
    margin: 0 5px;
    width: 15px;
    box-shadow: 1px 1px 3px 1px #ccc inset;
}
.carousle-pagi .owl-pagination > div.owl-page.active {
    background: #ffa200 none repeat scroll 0 0;
    box-shadow: none;
}
.carousle-pagi .owl-pagination {
    position: absolute;
    right: 0;
    top: -31px;
}

.ambit-key {
    background: #fff;
}
.area-title > h2 {
    font-size: 24px;
    font-weight: 700;
    line-height: 33px;
    text-transform: uppercase;
}
.our-product-area.top-pd {
    padding-top: 50px;
}
.area-title {
    padding:8px 8px 3px 0px;
}
.area-title > h2 {
    margin: 0;
}
.nav > li {
    display: block;
    position: relative;
    display: inline-block;
}
.features-tab ul.nav {
    border-bottom: 1px solid #EDEDED;
    border-top: 1px solid #EDEDED;
}
.nav > li > a {
    border-right: 1px solid #EDEDED;
    margin: 10px 0;
    padding: 0 15px
}
ul.nav li a i {
    padding-right: 5px;
    transition: all .3s ease 0s;
}
.nav > li > a:focus,
.nav > li > a:hover {
    background: none;
}
ul.nav li a:hover,
ul.nav li.active {
    text-decoration: underline;
    color: inherit
}
ul.nav li a:hover i,
ul.nav li.active i {
    color: #cb0303;
}
.featur-padd {
    /*padding: 0px 16px;*/
	padding: 0px;
}
.button.cart_button {
    border-radius: 8px;
    box-sizing: border-box;
    cursor: pointer;
    display: inline-block;
    font-size: 16px;
    font-weight: bold;
    height: 34px;
    line-height: 44px;
    padding: 0;
    text-align: left;
    transition: background 0.3s ease-in-out 0s;
    white-space: normal;
    width: 100%;
    background: #cb0303 none repeat scroll 0 0;
    color: #fff;
}
,.button.cart_button span {
    border-radius: 3px;
    box-sizing: border-box;
    display: block;
    font-size: 18px;
    font-weight: bold;
    height: 44px;
    line-height: 44px;
    padding: 0 20px;
    text-align: center;
    text-transform: capitalize;
}
.button.cart_button:hover {
    background: #888888 none repeat scroll 0 0;
}
.button-container {
    /*border-top: 1px solid #efefef;*/
	padding-top:10px;
	width: 100%;
}
.product-content {
    box-sizing: border-box;
    padding: 10px;
    transition: all 0.3s ease-out 0s;
    width: 100%;
}
.tab-content .single-product:hover .product-content {
}
.product-content2 {
    background: rgba(0, 0, 0, 0) url("img/bg_des_inbox.png") repeat scroll 0 0;
    bottom: -24%;
    box-sizing: border-box;
    left: 0;
    opacity: 0;
    padding: 10px;
    position: absolute;
    transition: all 0.3s ease-out 0s;
    width: 100%;
}
.single-product:hover .product-content2 {
    bottom: 0;
    opacity: 1
}
.add-to-links {
    position: absolute;
    left: -50px;
    top: 0;
    transition: all 0.3s ease-out 0s;
    opacity: 0
}
.add-to-links > li a {
    color: #fff;
    display: block;
}
.add-to-links > li {
    background: #dbdbdb none repeat scroll 0 0;
    font-size: 16px;
    height: 35px;
    line-height: 35px;
    margin-top: 10px;
    text-align: center;
    width: 35px;
    transition: all 0.3s ease 0s;
}
.add-to-links > li:hover {
    background: #cb0303
}
.single-product:hover .add-to-links {
    left: 10px;
    opacity: 1
}
/*----------------------------------------*/
/*  7. advertise area CSS
/*----------------------------------------*/
.advertise-area {
    overflow: hidden;
}
.single-add {
    position: relative;
}
.vina-banner a:hover::before,
.vina-banner a:hover::after {
    opacity: 1;
    transform: scale(1);
}
.vina-banner a::before,
.vina-banner a::after {
    content: "";
    opacity: 0;
    position: absolute;
    transform: scale(0, 1);
    transition: opacity 0.35s ease 0s, transform 0.35s ease 0s;
    z-index: 1;
}
.vina-banner a::before {
    border-bottom: 1px solid #fff;
    border-top: 1px solid #fff;
    bottom: 15%;
    left: 7%;
    right: 7%;
    top: 15%;
    transform-origin: 0 0 0;
}
.vina-banner a::after {
    border-left: 1px solid #fff;
    border-right: 1px solid #fff;
    bottom: 7%;
    left: 15%;
    right: 15%;
    top: 7%;
    transform-origin: 100% 0 0;
}
/*----------------------------------------*/
/*  8. purchase-Progress-area
/*----------------------------------------*/
.progress-steps li {
    border-right: 1px dashed #ededed;
    display: inline-block;
    text-align: center;
    text-transform: capitalize;
    /*width: 19.5%;*/
	width: 7.3%
}
.progress-img {
    height: 65px;
    width: 100%;
    line-height: 65px;
}
.progress-steps h4 {
    color: #222;
    font-weight: 700;
	font-size:13px;
}
.progress-steps > ul {
    border: 1px solid #ededed;
    padding: 10px 0 10px 0;
}
.progress-steps li:last-child {
    border: medium none;
}
.progress-img > img {
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
}
.progress-steps li:hover .progress-img img {
    -webkit-filter: grayscale(0);
    filter: grayscale(0);
}
.area-title.bdr > h2 {
    border-bottom: 1px solid #ededed;
    margin: 0;
    padding-bottom: 10px;
}

.area-title.bdrK > h2 {
    margin: 0;
    padding-bottom: 5px;
	text-align:center;
}

.area-title.bdr2 > h2 {
    border-bottom: 2px solid #ededed;
    font-size: 16px;
    font-weight: normal;
    margin: 0;
    padding-bottom: 10px;
    text-transform: capitalize;
}
.features-tab ul.nav li:first-child a {
    padding-left: 0;
}
/*----------------------------------------*/
/*  9. our favouriate area
/*----------------------------------------*/
.our-favourites ul li a img {
    display: block;
    margin: 0 auto;
}
.our-favourites .features-tab ul.nav {
    border: none
}
.our-favourites ul.nav li {
    background: #ccc none repeat scroll 0 0;
    font-size: 16px;
    height: 130px;
    overflow: hidden;
    text-align: center;
    transition: all 0.3s ease 0s;
    width: 16.2%;
    position: relative
}
.our-favourites ul li.active,
.our-favourites ul li:hover {
    background: #cb0303 none repeat scroll 0 0;
}
.our-favourites ul li a {
    border: medium none;
    color: #fff;
    display: block;
    font-weight: 700;
    height: 100%;
    margin: 0;
    overflow: hidden;
    padding: 0;
    text-transform: uppercase;
}
.our-favourites ul li a:hover {
    text-decoration: none;
    color: #fff;
}
.our-favourites ul.nav li.active {
    text-decoration: none;
}
.tab-img img {
    display: block;
    margin: 0 auto;
}
.tab-img {
    height: 100%;
    position: absolute;
    top: 15%;
    width: 100%;
}
/*----------------------------------------*/
/*  10. brand area
/*----------------------------------------*/
.single-brand {
    border: 2px solid transparent;
    margin: 0 5px;
    background: #f6f6f6;
}
.single-brand:hover {
    border-color: #ffd07f;
    cursor: move;
    opacity: .9;
    background: #fff;
}
.brand-crasoule-area {
    overflow: hidden;
}
/*popular tag*/

aside {
    margin-top: 35px;
}


.tag-area,
.box_manufacrurer,
.tag-area,
.usefull-product-slide,
.shop-filter {
    /*background: #fff none repeat scroll 0 0;
    border: 1px solid #ededed;*/
    z-index: 1000;
}
.aside-padd {
    padding: 5px 10px 0px;
}

.area-title h4 {
    /*border-bottom: 1px solid #ededed;*/
    color: #cb0303;
    font-size: 18px;
    font-weight: bold;
    line-height: 1.5;
    margin: 0;
    padding: 5px 5px 5px 7px;
    text-transform: none;
	text-align:left;
}

.area-title h3 {
    border-bottom: 1px solid #ededed;
    color: #cb0303;
    font-size: 18px;
    font-weight: bold;
    line-height: 1.1;
    margin: 0;
    padding: 20px;
    text-transform: uppercase;
}

.area-title h2 {
    /*border-bottom: 1px solid #ededed;*/
    color: #cb0303;
    font-size: 20px;
    font-weight: bold;
    line-height: 1.1;
    margin: 0;
    padding: 0 0 0 5px;
    text-transform: none;
	text-align:left;
}

.area-title h2 a {
    /*border-bottom: 1px solid #ededed;*/
    color: #cb0303;
    font-size: 20px;
    font-weight: bold;
    line-height: 1.1;
    margin: 0;
    padding: 0 0 0 5px;
    text-transform: none;
	text-align:left;
}

.area-title h1 {
    border-bottom: 1px solid #ededed;
    color: #cb0303;
    font-size: 24px;
    font-weight: 600;
    line-height: 40pt;
    margin: 0;
    padding: 20px 0 0 20px;
    text-transform: none;
	text-align:left;
}
.tag-area ul {
    box-sizing: border-box;
    overflow: hidden;
    width: 100%;
}
.tag-area ul li a {
    background: #cb0303 none repeat scroll 0 0;
    border-radius: 3px;
    color: #fff !important;
    display: block;
    float: left;
    font-size: 13px;
    height: 30px;
    line-height: 28px;
    margin: 5px 9px 0 0;
    padding: 0 15px;
    text-transform: capitalize;
    transition: background 0.3s ease-in-out 0s;
    width: auto;
}
.tag-area ul li a:hover {
    background: #888888 none repeat scroll 0 0;
    text-decoration: none
}
.newsletter-area {
    background: #fff;
    overflow: hidden
}
.vina-newsletter {
    box-sizing: border-box;
    width: 100%;
    overflow: hidden;
}
.web-links {
    margin-top: 15px;
	margin-bottom:15px;
}
.vina-newsletter form input {
    background: #fff none repeat scroll 0 0;
    border: 1px solid #ddd;
    border-radius: 0;
    box-shadow: none;
    box-sizing: border-box;
    display: inline-block;
    float: left;
    height: 48px;
    line-height: 30px;
    margin: 3px 6px 3px 0;
    padding: 5px 10px;
    width: 100%;
}
.vina-newsletter form input.submit-btn {
    background: #cb0303;
    border: medium none;
    border-radius: 2px;
    color: #fff;
    cursor: pointer;
    display: inline-block;
    float: left;
    font-size: 18px;
    font-weight: bold;
    height: 44px;
    margin-top: 12px;
    padding: 0 20px;
    text-align: left;
    transition: background 0.3s ease-in-out 0s;
    width: auto;
}
.vina-newsletter form input.submit-btn:hover {
    background: #888888
}
.input-box label {
    font-weight: 400
}
.web-links li {
    display: inline-block;
    margin-right: 8px;
    overflow: hidden;;
}
.web-links ul li a {
    background: #F9BA60 none repeat scroll 0 0;
    border-radius: 100%;
    color: #fff;
    display: block;
    font-size: 25px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    width: 30px;
	padding-top:3px;
}
.web-links ul li a.ldin {
    background: #4DACAE none repeat scroll 0 0;
	padding-top:2px;
}
.web-links ul li a.face {
    background: #48649E none repeat scroll 0 0;
	padding-top:5px
}
.web-links ul li a.google {
    background: #D36955 none repeat scroll 0 0;
	padding-top:4px
}
.web-links ul li a.twitter {
    background: #81AFD2 none repeat scroll 0 0;
	padding-top:3px
}

/***  -------  Style 1  ------- ***/

.style1 .section-title, .section-title.style1 {
	font-size: 18px;
	font-weight:700;
	line-height: 20px;
	margin: 10px 0 20px;
	padding: 0;
	position: relative;
	border: none;
	padding-left:2%;
}
.section-title-style1, .section-title.style1 {
	position: relative;
}
.style1 .section-title:after, .section-title-style1:after, .section-title.style1:after, .section-title-style1:after {
	background: #DDDDDD;
	content: "";
	display: block;
	height: 1px;
	margin-left: 15%;
	position: absolute;
	top: 18px;
	width: 68%;
	z-index: 1;
}
.section-title-style1 span, .section-title.style1 span {
	background: #f1f1f1;
	display: inline-block;
	padding: 10px 10px 10px 0;
	position: relative;
	width: auto;
	z-index: 2;
}
 .style1 .section-title span, .section-title.style1 span, {
   color: #2c3e50;
   display: table;
   position: relative;
   z-index: 2;
   background: #f1f1f1;
   padding: 5px 15px;
   text-align: center;
   text-transform: uppercase;
   width: auto;
   margin: 0 auto;
   float:left;
}


a.tumu  {
	color:#646464;
	float:right;
	font-size:12px;
	padding-top:7px;
	padding-right:10px;

}

a.tumu:hover{
	color:#ca0000;
}


a.Yuvarlak  {
	color:#ff6e00;
	float:right;
	font-size:17px;
	position: relative;
	z-index:3;
	padding-top:10px;
}

a.Yuvarlak:hover{
	color:#ca0000;
}


a.Yuvarlak1  {
	color:#c2c2c2;
	float:right;
	font-size:17px;
	position: relative;
	z-index:3;
	padding-top:10px;
}

a.Yuvarlak1:hover{
	color:#ca0000;
}


/***  -------  Style 2  ------- ***/

.style2 .section-title, .section-title.style2 {
	font-size: 18px;
	font-weight:700;
	line-height: 20px;
	margin: 10px 0 20px;
	padding: 0;
	position: relative;
	border: none;
}
.section-title-style2, .section-title.style2 {
	position: relative;
}
.style2 .section-title:after, .section-title-style2:after, .section-title.style2:after, .section-title-style2:after {
	background: #DDDDDD;
	content: "";
	display: block;
	height: 1px;
	margin-left: 20%;
	position: absolute;
	top: 18px;
	width: 68%;
	z-index: 1;
}
.section-title-style2 span, .section-title.style2 span {
	background: #FFFFFF;
	display: inline-block;
	padding: 10px 10px 10px 0;
	position: relative;
	width: auto;
	z-index: 2;
}
 .style2 .section-title span, .section-title.style2 span, {
   color: #2c3e50;
   display: table;
   position: relative;
   z-index: 2;
   background: #fff;
   padding: 5px 15px;
   text-align: center;
   text-transform: uppercase;
   width: auto;
   margin: 0 auto;
}

.section-title {
	border-bottom: 2px solid #DDDDDD;
	border-top: 2px solid #DDDDDD;
	font-size: 10px;
	line-height: 14px;
	margin: 10px 0 10px;
	padding: 0;
}
.section-title span {
	color: #ca0000;
	display: inline-block;
	padding: 5px 15px 5px 0;
	text-transform: uppercase;
	width: auto;
}


/***  -------  Style 3  ------- ***/

.style3 .section-title, .section-title.style3 {
	font-size: 18px;
	font-weight:700;
	line-height: 20px;
	margin: 10px 0 20px;
	padding: 0;
	position: relative;
	border: none;
	padding-left:2%;
}
.section-title-style3, .section-title.style3 {
	position: relative;
}
.style3 .section-title:after, .section-title-style3:after, .section-title.style3:after, .section-title-style3:after {
	background: #DDDDDD;
	content: "";
	display: block;
	height: 1px;
	margin-left: 15%;
	position: absolute;
	top: 18px;
	width: 68%;
	z-index: 1;
}
.section-title-style3 span, .section-title.style3 span {
	background: #FFFFFF;
	display: inline-block;
	padding: 10px 10px 10px 0;
	position: relative;
	width: auto;
	z-index: 2;
}
 .style3 .section-title span, .section-title.style3 span, {
   color: #2c3e50;
   display: table;
   position: relative;
   z-index: 2;
   background: #f1f1f1;
   padding: 5px 15px;
   text-align: center;
   text-transform: uppercase;
   width: auto;
   margin: 0 auto;
   float:left;
}


a.tumu  {
	color:#646464;
	float:right;
	font-size:12px;
	padding-top:7px;
	padding-right:10px;

}

a.tumu:hover{
	color:#ca0000;
}


a.Yuvarlak  {
	color:#ff6e00;
	float:right;
	font-size:17px;
	position: relative;
	z-index:3;
	padding-top:10px;
}

a.Yuvarlak:hover{
	color:#ca0000;
}


a.Yuvarlak3  {
	color:#c2c2c2;
	float:right;
	font-size:17px;
	position: relative;
	z-index:3;
	padding-top:10px;
}

a.Yuvarlak3:hover{
	color:#ca0000;
}

<!--SLİDER-->
#flexiselDemo1, #flexiselDemo2, #flexiselDemo3 , #flexiselDemo4, #flexiselDemo5{
display:none;
}

ul#flexiselDemo1,ul#flexiselDemo2,ul#flexiselDemo3,ul#flexiselDemo4,ul#flexiselDemo5 { padding-left:18px}

.nbs-flexisel-container {
  position:relative;
    max-width:100%;
}
.nbs-flexisel-ul {
    position:relative;
    width:9999px;
    margin:0px;
    padding:0px;
    list-style-type:none;   
    text-align:center;  
}

.nbs-flexisel-inner {
    overflow:hidden;
    float:left;
    width:100%;
   
}

.nbs-flexisel-item {
    float:left;
  	margin: 0;
    padding:0px;
    cursor:pointer;
    position:relative;
/*    line-height:0px;*/
}
.nbs-flexisel-item img {
   
    cursor: pointer;
	/* width: 100%;text-align:center;
    position: relative;
    margin-top: 10px;
    margin-bottom: 10px;
    max-width:100px;
    max-height:45px;*/
}

/*** Navigation ***/

.nbs-flexisel-nav-left,
.nbs-flexisel-nav-right {
    width: 50px;
    height: 50px; 
    position: absolute;
    cursor: pointer;
    z-index: 100;
 
}

.nbs-flexisel-nav-left {
    left: 15px;
	bottom:0;
    background: url(Resim/button-previous.png) no-repeat;
}


.nbs-flexisel-nav-left:hover {  background: url(Resim/button-previous1.png) no-repeat;}



.nbs-flexisel-nav-right {
    right:45px;
	bottom:0;
    background: url(Resim/button-next.png) no-repeat;
}		
		
.nbs-flexisel-nav-right:hover {  background: url(Resim/button-next1.png) no-repeat;}

/*----------------------------------------*/
/*  11.  hotsell-area
/*----------------------------------------*/
.single-hotsell {
    overflow: hidden;
    border-bottom: 1px solid #ededed
}
.hotsell-area {
    background: #fff none repeat scroll 0 0;
    border: 1px solid #ededed;
    z-index: 1000;
}
.hotsell-text {
    float: left;
    width: 50%;
}
.hotsell-area .area-title h3 {
    background: rgba(0, 0, 0, 0) url("img/hot.png") no-repeat scroll 60% 16px;
}
.single-hotsell .new-price {
    color: #cb0303;
    display: block;
    font-size: 20px;
    font-weight: 700;
    padding: 3px 0;
}
.single-hotsell .rating {
    padding: 3px 0;
}
.hotsell-img {
    float: left;
    padding-right: 20px;
    width: 50%;
}
.hotsell-img a {
    border: 1px solid #eee;
    display: block;
}
/*----------------------------------------*/
/*  12. footer-static-content
/*----------------------------------------*/
.footer-static-title h3 {
    font-size: 13px;
    line-height: 32px;
    margin: 0;
    text-transform: none;
    font-weight: normal;
	color:#cb0303
}
.footer-static-content .logo > img {
    display: block;
    margin-bottom: 20px;
    max-height: 80px;
	
}

.AnasayfaBeyaz {
	color: #666666;
	font-size: 13px;
	text-align:center;
	text-decoration: none;
	margin-top:10px;
	padding:20px 0 0 0;
	
}

.AnasayfaBeyaz a:hover {
	text-align:center;
	text-decoration: none;
	margin-top:10px
	font-size: 15px;
	color: #666666
}

.footer-static-content.footer-acc li {
    position: relative;
    padding-left: 25px;
}
.footer-static-content li {
    line-height: 18px;
	color:#fff;
	font-size:11px;
	text-decoration:none
	
}
.social-links .web-links ul li a:hover i {
    color: #fff
}
.footer-static-content.footer-service li i {
    color: #cb0303;
    padding-right: 15px;
}
.footer-static-content ul li a:hover i {
    color: #ffa200;
}




.footer-static-content li span {
    background: #cb0303 none repeat scroll 0 0;
    bottom: 0;
    color: #fff;
    display: block;
    height: 20px;
    left: 0;
    line-height: 20px;
    margin: auto;
    position: absolute;
    text-align: center;
    top: 0;
    width: 20px;
    border-radius: 100%;
    transition: all 0.3s ease 0s;
}
.footer-static-content.footer-acc li:hover span {
    background: #ffa200
}
.footer-static-content.footer-add {
    line-height: 28px;
	margin-top:50px;
}
.footer-static-content.footer-add .address {
    background: rgba(0, 0, 0, 0) url("img/address.png") no-repeat scroll left 9px;
    padding-left: 25px;
}
.footer-static-content.footer-add .phone {
    /*background: rgba(0, 0, 0, 0) url("img/phone_footer.png") no-repeat scroll left 9px;*/
    padding-left: 25px;
	 clear: both
}
.footer-static-content.footer-add .mail {
    background: rgba(0, 0, 0, 0) url("img/mail.png") no-repeat scroll left 9px;
    padding-left: 25px;
    clear: both
}
.footer-static-2 {
    border-bottom: 1px solid #ededed;
    border-top: 1px solid #ededed;
    padding: 20px 0;
}
.footer-static-2 .link-category li {
    border-right: 1px solid #ddd;
    line-height: 14px;
    padding: 0 11px 0 10px;
    display: inline-block
}
.ma-footer-container .payment {
    margin-top: 10px;
    text-align: right;
}
.ma-footer-container .payment li:last-child {
    margin: 0;
}
.ma-footer-container .payment li {
    margin-right: 10px;
    display: inline-block
}
.footer-static-2 .link-category li:first-child,
.basak-footer .links li:first-child {
    padding-left: 0;
}
.footer-static-2 .link-category li:last-child,
.basak-footer .links li:last-child {
    border-right: 0 none;
}
.footer-static-container {
    background: #fff none repeat scroll 0 0;
    border-top: 1px solid #ededed;
}
.footer-static {
    overflow: hidden;
	background-color:#f5f5f5;
}

/* Yuvarlak button */

.a-btn1{
    width:85px;
    height:85px;
    -webkit-border-radius:50%;
    -moz-border-radius:50%;
    border-radius:50%;
   	margin:20px;
	padding:15px;
    text-align:center;
    vertical-align:middle;
    background:#3c549a;
	text-decoration:none;
	color:#FFF;
	font-size:17px;
	font-weight:550;
    position:relative;
    -webkit-box-shadow:0px 0px 5px 0px rgba(60, 84, 154, 0) inset, 0px -1px 5px 4px rgba(60, 84, 154, 0.2) inset, 0px 0px 0px 7px #fff,  0px 0px 1px 8px rgba(75, 102, 179, 0.4), 0px 0px 0px 9px #fff;
    -moz-box-shadow:0px 0px 5px 0px rgba(60, 84, 154, 0) inset, 0px -1px 5px 4px rgba(60, 84, 154, 0.2) inset, 0px 0px 0px 7px #fff,  0px 0px 1px 8px rgba(75, 102, 179, 0.4), 0px 0px 0px 9px #fff;
    box-shadow:0px 0px 5px 0px rgba(60, 84, 154, 0) inset, 0px -1px 5px 4px rgba(60, 84, 154, 0.2) inset, 0px 0px 0px 7px #fff,  0px 0px 1px 8px rgba(75, 102, 179, 0.4), 0px 0px 0px 9px #fff;
    -webkit-transition:all 0.3s linear;
    -moz-transition:all 0.3s linear;
    -o-transition:all 0.3s linear;
    transition:all 0.3s linear;
}



.a-btn{
    width:110px;
    height:110px;
    -webkit-border-radius:50%;
    -moz-border-radius:50%;
    border-radius:50%;
    display:block;
    margin:20px;
    float:left;
    background:#f46c02;
		text-decoration:none;
    position:relative;
    -webkit-box-shadow:0px 0px 5px 0px rgba(245, 112, 2, 0) inset, 0px -1px 5px 4px rgba(245, 112, 2, 0.2) inset, 0px 0px 0px 7px #fff,  0px 0px 1px 8px rgba(188, 188, 188, 0.4), 0px 0px 0px 9px #fff;
    -moz-box-shadow:0px 0px 5px 0px rgba(245, 112, 2, 0) inset, 0px -1px 5px 4px rgba(245, 112, 2, 0.2) inset, 0px 0px 0px 7px #fff,  0px 0px 1px 8px rgba(188, 188, 188, 0.4), 0px 0px 0px 9px #fff;
    box-shadow:0px 0px 5px 0px rgba(245, 112, 2, 0) inset, 0px -1px 5px 4px rgba(245, 112, 2, 0.2) inset, 0px 0px 0px 7px #fff,  0px 0px 1px 8px rgba(188, 188, 188, 0.4), 0px 0px 0px 9px #fff;
    -webkit-transition:all 0.3s linear;
    -moz-transition:all 0.3s linear;
    -o-transition:all 0.3s linear;
    transition:all 0.3s linear;
}
.a-btn span{
    display:table-cell;
 /*   width:80px;
    height:80px;*/
    padding:26px 14px 14px 14px;
    text-align:center;
    vertical-align:middle;
    font-size:18px;
	line-height:18pt;
	text-decoration:none;
    color:#fff;
    text-shadow:0px 1px 1px #A03F16;
    font-family:"Arvo", "Myriad Pro", "Trebuchet MS", sans-serif;
    -webkit-transition:all 0.3s linear;
    -moz-transition:all 0.3s linear;
    -o-transition:all 0.3s linear;
    transition:all 0.3s linear;
}
.a-btn span:nth-child(1), 
.a-btn span:nth-child(3){
    position:absolute;
    top:0px;
    left:0px;
    font-size:20px;
    line-height:30px;
    opacity:0;
}
.a-btn span:nth-child(1){
   /* background:transparent url(../Resim/star.png) no-repeat center center;
    opacity:0.2;*/
}
.a-btn:hover{
    background:rgba(255, 149, 0, 0.6);
    -webkit-box-shadow:0px 0px 5px 0px rgba(255, 149, 0, 0.5) inset, 0px -1px 5px 4px rgba(170, 77, 27, 0.2) inset, 0px 0px 0px 7px #fff,  1px 4px 5px 8px rgba(188, 188, 188, 0.6), 0px 0px 0px 9px #fff;
    -moz-box-shadow:0px 0px 5px 0px rgba(255, 149, 0, 0.5) inset, 0px -1px 5px 4px rgba(170, 77, 27, 0.2) inset, 0px 0px 0px 7px #fff,  1px 4px 5px 8px rgba(188, 188, 188, 0.6), 0px 0px 0px 9px #fff;
    box-shadow:0px 0px 5px 0px rgba(255, 149, 0, 0.5) inset, 0px -1px 5px 4px rgba(170, 77, 27, 0.2) inset, 0px 0px 0px 7px #fff,  1px 4px 5px 8px rgba(188, 188, 188, 0.6), 0px 0px 0px 9px #fff;
		text-decoration:none;
}
.a-btn:hover span:nth-child(3){
    opacity:1;
}
.a-btn:hover span:nth-child(2){
    opacity: 0; 
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    transform: scale(0);
}
.a-btn:hover span:nth-child(1){
    -webkit-animation:rotate 1s linear;
    -moz-animation:rotate 1s linear;
    animation:rotate 1s linear;
}
.a-btn:active{
    -webkit-box-shadow:0px 0px 5px 0px rgba(246, 212, 163, 0.5) inset, 0px -1px 5px 4px rgba(170, 77, 27, 0.2) inset, 0px 0px 0px 7px #fff,  0px -1px 0px 8px rgba(188, 188, 188, 0.3), 0px 0px 0px 10px #fff;
    -moz-box-shadow:0px 0px 5px 0px rgba(246, 212, 163, 0.5) inset, 0px -1px 5px 4px rgba(170, 77, 27, 0.2) inset, 0px 0px 0px 7px #fff,  0px -1px 0px 8px rgba(188, 188, 188, 0.3), 0px 0px 0px 10px #fff;
    box-shadow:0px 0px 5px 0px rgba(246, 212, 163, 0.5) inset, 0px -1px 5px 4px rgba(170, 77, 27, 0.2) inset, 0px 0px 0px 7px #fff,  0px -1px 0px 8px rgba(188, 188, 188, 0.3), 0px 0px 0px 10px #fff;
}
.a-btn:active span:nth-child(2){
    color:rgba(170, 77, 27, 0.8);
    text-shadow:0px 1px 1px rgba(255, 255, 255, 0.6);
}
@keyframes rotate{
    0% { transform: scale(1) rotate(0);}
    50% { transform: scale(0.5) rotate(180deg);}
    100% { transform: scale(1) rotate(360deg);}
}
@-webkit-keyframes rotate{
    0% { -webkit-transform: scale(1) rotate(0);}
    50% { -webkit-transform: scale(0.5) rotate(180deg);}
    100% { -webkit-transform: scale(1) rotate(360deg);}
}
@-moz-keyframes rotate{
    0% { -moz-transform: scale(1) rotate(0);}
    50% { -moz-transform: scale(0.5) rotate(180deg);}
    100% { -moz-transform: scale(1) rotate(360deg);}
}

/* button bitiş*/

/*----------------------------------------*/
/*  13. ma-footer-container
/*----------------------------------------*/
.ma-footer-container {
    background: #fff none repeat scroll 0 0;
}
.basak-footer {
    line-height: 28px;
    margin: 0 auto;
    overflow: hidden;
    padding: 10px 0;
}
.footer ul.links {
    display: block;
    text-align: left;
}
.basak-footer .links li {
    border-right: 1px solid #ddd;
    display: inline-block;
    line-height: 14px;
    padding: 0 7px 0 4px;
}
.basak-footer address {
    margin-bottom: 0;
}
.basak-footer address a {
    color: #cb0303;
}
.basak-footer address a:hover {
    text-decoration: underline;
}
/*----------------------------------------*/
/*  14. Scroll Up
/*----------------------------------------*/
#scrollUp {
    background: #cb0303 none repeat scroll 0 0;
    border: 1px solid #ffffff;
    bottom: 59px;
    color: #fff;
    font-size: 20px;
    font-weight: 700;
    left: 30px;
    transition: all 0.3s ease 0s;
    width: 40px;
    height: 40px;
    text-align: center;
    line-height: 35px;
}
#scrollUp:hover {
    background: #fff none repeat scroll 0 0;
    border-color: #cb0303;
    color: #cb0303;
}
.mega-menu-5.ft-mega {
    left: -222% !important;
}
.mega-menu.home2-menu .mega-catagory2.dropimg > a:hover {
    border: medium none;
}
/*----------------------------------------*/
/*  15. Home-page-02
/*----------------------------------------*/

#home-2 {
    background: #fff
}
#home-2 .home-2-waraper {
    width: 1230px;
    box-shadow: 8px 0 5px -5px #ededed, -8px 0 5px -5px #ededed;
    overflow: hidden;
    margin: 0 auto;
}
.mega-menu.home2-menu .mega-catagory2 {
    display: inline-block;
    margin: 10px 0;
    width: 24%;
}
.mega-menu.home2-menu .mega-catagory2.hverson {
    margin: 30px 0;
    text-align: center;
}
.mega-menu.home2-menu .mega-catagory2 a {
    background: #fff none repeat scroll 0 0;
    color: #3C3F41;
    font-size: 12px;
    font-weight: normal;
    line-height: 35px;
    text-transform: capitalize;
    min-height: 0;
    margin: 0 0 0 20px;
    padding: 0 10px;
    border-bottom: 1px solid transparent;
    border-top: 1px solid transparent;
}
.mega-menu.home2-menu .mega-catagory2 a:hover {
    border-bottom-color: #e4e4e4;
    border-top-color: #e4e4e4;
    color: #ffa200;
}
.main-menu ul li .mega-menu.home2-menu {
    left: 0;
    width: 1000px;
}
.mega-menu.home2-menu .mega-catagory2 a.menu-heading {
    background: #cb0303 none repeat scroll 0 0;
    transition: all .3s ease 0s;
    color: #fff;
    font-size: 14px
}
.mega-menu.home2-menu .mega-catagory2 a.menu-heading:hover {
    background: #888888 none repeat scroll 0 0;
}
.main-menu ul li .mega-menu.home2-menu.mega900 {
    width: 900px;
}
.main-menu ul li .mega-menu.home2-menu.mega820 {
    width: 820px;
}
.main-menu ul li .mega-menu.home2-menu.mega460 {
    width: 460px;
}
.mega-menu.home2-menu .mega-catagory2.sub-cat {
    width: 48%;
}
.main-menu ul li .mega-menu.home2-menu.mega240 {
    width: 240px;
}
.mega-menu.home2-menu .mega-catagory2.sub-cat2 a {
    margin: 0;
    padding: 0 20px
}
.mega-menu.home2-menu .mega-catagory2.sub-cat2 {
    width: 100%;
}
.mega-menu.mega-menu-5.fastr2 {
    left: -423% !important;
    padding: 20px 0 0;
}
.version-cat img {
    border: 2px solid #afbbc7;
    transition: all .3s ease 0s;
}
.mega-catagory2.hverson .version-cat a {
    border: medium none;
    font-size: 13px;
    font-weight: 700;
    text-transform: uppercase;
}
.mega-catagory2.hverson .version-cat h4 {
    margin: 0;
}
.version-cat:hover.version-cat a {
    color: #ffa200
}
.home-3-wraper .version-cat:hover.version-cat a {
    color: #96B7CB
}
.version-cat:hover.version-cat img {
    border-color: #ffa200;
}
.home-3-wraper .version-cat:hover.version-cat img {
    border-color: #96B7CB;
}
/* ===15.1 slider ==== */

.left-slide .title-container {
    left: 10%;
    position: absolute;
    top: 65%;
}
.left-slide .title-container h1 {
    font-size: 48px;
    margin: 0;
}
.left-slide .title-container h3 {
    font-size: 37px;
    font-weight: 100;
    padding-left: 10%;
}
/* ===15.2 creative banner area==== */
.creative-banner.common-2 .banner-inner {
    border: 1px dashed #d7d7d7;
    padding: 20px 30px 20px 90px;
}
.common-2 .banner-box-1 {
    background: rgba(0, 0, 0, 0) url("img/banner/free_shipping.png") no-repeat scroll 27px 30px;
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
}
.common-2 .banner-box-2 {
    background: rgba(0, 0, 0, 0) url("img/banner/money_back.png") no-repeat scroll 27px 30px;
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
}
.common-2 .banner-box-3 {
    background: rgba(0, 0, 0, 0) url("img/banner/payment.png") no-repeat scroll 27px 30px;
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
}
.creative-banner.common-2 {
    border-bottom: medium none;
    padding: 0 0 25px;
}
.our-product-area.best-offere .single-product,
.shop-product-area .single-product {
    margin-top: 20px;
}
.row.row-margin {
    margin-left: -7px;
    margin-right: -7px;
}
.col-padd {
    padding-left: 7px;
    padding-right: 7px;
}
.row.row-margin2 {
    margin-left: 7.5px;
    margin-right: 7.5px;
}
/* ===15.3 our favouriate area2==== */
.our-favouriate-area-2 .our-favourites ul.nav li {
    width: 8.8%;
}
/* ===15.4 new-hot-best-slider area==== */
.new-hot-best-area .hotsell-text li {
    display: inline-block;
}
.button.btn2 span {
    background: #cb0303 none repeat scroll 0 0;
    border-radius: 3px;
    color: #fff;
    display: block;
    font-size: 13px;
    font-weight: 700;
    padding: 6px 10px;
    transition: all 0.3s ease 0s;
}
.new-arri-total .button.btn2 span:hover {
    background: #888888 none repeat scroll 0 0;
}
.new-arri-total li .wishlist a,
.new-arri-total li .view-products a {
    background: #ada597 none repeat scroll 0 0;
    border-radius: 2px;
    color: #fff;
    display: block;
    height: 30px;
    line-height: 30px;
    text-align: center;
    width: 30px;
    transition: all 0.3s ease 0s;
}
.new-arri-total li .wishlist a:hover,
.new-arri-total li .view-products a:hover {
    background: #cb0303 none repeat scroll 0 0;
}
.new-arri-total .hotsell-text .new-price {
    color: #cb0303;
    font-size: 18px;
    font-weight: 700;
}
.new-arri-total .price-area {
    margin: 5px 0;
}
.single-arri .hotsell-text> a {
    margin: 10px 0 0;
    display: block;
}
.single-arri {
    clear: both;
    margin-top: 10px;
    overflow: hidden;
}
.single-arri .hotsell-img {
    padding-right: 20px;
    transition: all 0.3s ease 0s;
    width: 50%;
}
.sl-hover {
    margin-top: 20px;
    opacity: 0;
    transition: all 0.3s ease 0s;
}
.single-arri:hover ul.sl-hover {
    opacity: 1;
}
.single-arri:hover .hotsell-img {
    border-color: #FFA200;
}
/*----------------------------------------*/
/*  16. Home-page-03
/*----------------------------------------*/
.home-3-wraper .single-drop ul li span:hover {
    color: #96b7cb;
}
.home-3-wraper .category-menu-list ul li .cat-left-drop-menu {
    border-color: #ebebeb #ebebeb #96B7CB;
}
.home-3-wraper .single-drop ul li label i {
    color: #96b7cb;
    font-size: 23px;
    margin-right: 5px;
    vertical-align: middle;
}
.home-3-wraper .phone i,
.home-3-wraper .email i {
    color: #96b7cb;
}
.home-3-wraper .search-categori {
    box-shadow: 0 0 0 1px rgba(228, 228, 228, 1);
}
.home-3-wraper .search-box button {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    border: medium none;
    box-shadow: none;
    color: #b9b9b9;
}
.home-3-wraper .shopping-cart {
    height: 45px;
    margin: 46px 0 0;
    padding: 1px 0 5px 30px;
    background: #96B7CB url("img/minicart.png") no-repeat scroll 10px 50%;
}
.home-3-wraper .shopping-cart:hover {
    background: #888888 url("img/minicart.png") no-repeat scroll 10px 50%;
}
.home-3-wraper .shopping-cart > a:hover {
    color: #fff
}
.home-3-wraper .buttons .button {
    background: #96B7CB
}
.home-3-wraper .buttons .button:hover {
    background: #888888
}
.home-3-wraper .mega-menu.mega-menu-2 {
    left: -62% !important;
}
.home-3-wraper .mega-menu.mega-menu-3 {
    left: -184.5% !important;
}
.home-3-wraper .mega-menu.mega-menu-4 {
    left: -253% !important;
}
.home-3-wraper .main-menu ul li i {
    margin-left: 5px;
}
.home-3-wraper .header-bottom {
    background: #fff none repeat scroll 0 0;
}
.home-3-wraper .main-menu ul li a {
    font-weight: 400;
    text-transform: capitalize;
}
.home-3-wraper .main-menu ul li:hover > a {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    color: #96b7cb;
}
.home-3-wraper .main-menu ul li .mega-menu {
    border-top: 1px solid #96b7cb;
    border-bottom: 3px solid #96b7cb;
}
.home-3-wraper .price-box span.new-price {
    color: #888888;
    font-size: 18px;
    font-weight: 400;
}
.home-3-wraper .main-menu .rating a i {
    margin-left: 0;
}
.home-3-wraper .product-label .new {
    background: rgba(0, 0, 0, 0) url("img/home3-new.png") no-repeat scroll 0 0;
}
.home-3-wraper .product-label .sale {
    background: rgba(0, 0, 0, 0) url("img/home3-sale.png") no-repeat scroll 0 0;
}
.home-3-wraper .single-product:hover {
    border-color: #96b7cb;
}
.home-3-wraper .carousel-btn .owl-controls .owl-buttons div {
    color: #B9B9B9;
    background: #fff
}
.home-3-wraper .carousel-btn .owl-controls .owl-buttons div {
    border: 1px solid;
    line-height: 24px;
    margin-top: -12px;
    left: 0;
}
.home-3-wraper .carousel-btn .owl-controls .owl-buttons div:hover {
    background: #fff !important;
    color: #96b7cb;
    border-color: #96b7cb
}
.home-3-wraper .carousel-btn .owl-controls .owl-buttons .owl-next {
    right: 0;
    left: auto
}
.home-3-wraper .header-top ul li ul li a:hover {
    background: #96b7cb none repeat scroll 0 0;
}
.leftadd-home3 .single-add img {
    width: 100%;
}
.home-3-wraper .single-add span {
    color: #fff;
    font-size: 19px;
    font-weight: 700;
    left: 20px;
    position: absolute;
    top: 20px;
}
.slider-area.common3 {
    background: rgba(0, 0, 0, 0) url("img/bg-box-banner.jpg") no-repeat scroll 50% 0 / 100% 100%;
}
.home-3-wraper h2.block-menu-title span {
    color: #96b7cb;
}
.home-3-wraper .static-content ul li i {
    color: #96B7CB;
}
.home-3-wraper .static-content a.button-link {
    background: #96b7cb none repeat scroll 0 0 !important;
}
.home-3-wraper .static-content a.button-link:hover {
    background: #888888 none repeat scroll 0 0 !important;
}
.home-3-wraper .shopping-cart a i:hover {
    color: #96b7cb;
}
.button.shop-now {
    animation: 1500ms ease-in-out 0s normal none 1 running fadeInDown;
    background: #cb0303 none repeat scroll 0 0;
    border-radius: 0px;
    color: #fff;
    display: inline-block !important;
    padding: 7px 15px;
	margin-bottom:7px;
}
.button.shop-now:hover {
    background: #f46c02 none repeat scroll 0 0;
    color: #fff;
}
.slider-area.common3 .left-slide .title-container h1 {
    font-size: 30px;
    font-weight: 700;
    margin: 0;
}
.slider-area.common3 .title-container p {
    font-size: 13px;
    font-weight: 700;
    padding: 5px 10px 0 0;
    animation: 1500ms ease-in-out 0s normal none 1 running fadeInRight;
}
.slider-area.common3 .left-slide .title-container {
    left: 50%;
    top: 24%;
}
.creative-banner.common3 {
    background: #f5f5f5 none repeat scroll 0 0;
}
.banner-inner.common3 {
    background: #fff none repeat scroll 0 0;
    margin-right: 50px;
    padding: 25px 55px 25px 20px;
    position: relative;
}
.bnr-icon {
    background: #fff none repeat scroll 0 0;
    border: 1px solid #F4F4F4;
    border-radius: 100%;
    height: 85px;
    line-height: 85px;
    margin-top: -42px;
    position: absolute;
    right: -43px;
    text-align: center;
    top: 50%;
    transform: rotate(0deg);
    width: 85px;
    transition: all 0.3s ease 0s;
}
.bnr-icon:hover {
    transform: rotate(360deg);
}
.banner-inner.common3 .banner-title {
    color: #666681;
    font-size: 17px;
    font-weight: 400;
}
.banner-inner.common3 p {
    font-size: 12px;
    line-height: 17px;
}
.category-heading.common3 h2 {
    background: #96b7cb none repeat scroll 0 0;
    color: #fff;
    font-size: 16px;
    font-weight: 400;
    text-transform: capitalize;
}
.category-menu-list.common3 ul li a {
    font-size: 15px;
    font-weight: 400;
    text-transform: capitalize;
}
.category-menu-list.common3 ul li:hover a {
    color: #96b7cb;
}
.category-menu-list.common3 ul li .cat-left-drop-menu-left ul li a {
    color: #6d6d6d;
}
.category-menu-list.common3 ul li .cat-left-drop-menu-left ul li a:hover {
    color: #96b7cb;
}
.category-menu-list ul li .cat-left-drop-menu-left.common0 {
    width: 100%;
}
.home-3-wraper .main-area {
    background: #fff none repeat scroll 0 0;
}
.features-tab.common3 .nav {
    border-top: medium none;
    border-bottom: 2px solid #ededed;
}
.features-tab.common3 ul.nav li a:hover,
.features-tab.common3 ul.nav li.active {
    text-decoration: none;
}
.features-tab.common3 .nav > li > a {
    border: medium none;
    padding: 10px 15px;
    margin: 0;
    font-size: 16px
}
.features-tab.common3 .nav > li > a::after {
    background: #96B7CB none repeat scroll 0 0;
    bottom: -2px;
    content: "";
    height: 2px;
    left: 0;
    position: absolute;
    width: 100%;
    opacity: 0;
    transition: all 0.3s ease 0s;
}
.features-tab.common3 .nav > li > a:hover::after,
.features-tab.common3 .nav > li.active a::after {
    opacity: 1;
}
.home-3-wraper .carousle-pagi .owl-pagination > div.owl-page.active {
    background: #96B7CB none repeat scroll 0 0;
}
.home-3-wraper .tab-content .single-product:hover .product-content {
    opacity: 1;
}
.add-to-link3 ul li {
    display: inline-block;
    padding-right: 5px;
    text-transform: capitalize;
}
.add-to-link3 li i {
    color: #aaaaaa;
    font-size: 18px;
}
.add-to-link3 ul li:last-child {
    padding: 0;
}
.add-to-link3 li:hover a,
.add-to-link3 li:hover a i {
    color: #96b7cb;
}
.add-to-link3 > ul {
    border-top: 1px solid #ededed;
    margin: 0 -10px;
    padding: 5px 10px 7px 18px;
}
.home-3-wraper .product-content.common3 {
    margin-top: -40px;
}
.add-to-link3 ul li.add-link3 {
    padding-left: 27px;
}
.add-link3 {
    background: rgba(0, 0, 0, 0) url("img/home3-icon-link.png") no-repeat scroll 0 0;
    cursor: pointer;
}
.add-link3:hover {
    background-position: 0 -59px;
}
.add-heart {
    background: rgba(0, 0, 0, 0) url("img/home3-icon-link.png") no-repeat scroll 0 -101px;
    cursor: pointer;
    height: 30px;
    position: relative;
    top: 2px;
    width: 20px;
}
.add-heart:hover {
    background-position: 0 -156px;
}
.add-arrow {
    background: rgba(0, 0, 0, 0) url("img/home3-icon-link.png") no-repeat scroll 0 -211px;
    height: 30px;
    width: 20px;
    cursor: pointer;
    position: relative;
    top: 2px;
}
.add-arrow:hover {
    background-position: 0 -265px;
}
.advertise-area .banner-box {
    background: #f5f5f5 none repeat scroll 0 0;
    border: 1px solid #eaeaea;
    border-radius: 0px;
    box-sizing: border-box;
    display: inline-block;
    padding: 5px 15px 0 15px;
    width: 100%;
	height:100%;
}
.banner-box h2 {
    font-size: 14px;
	line-height:15pt;
	width:200px;
    margin-bottom: 5px;
	color:#000;
}

.banner-box h1 {
	color: #ffffff;
	font-size: 16px;
	letter-spacing:2px;
	line-height:24px;
	font-weight:600;
	background-color:#333333;
	width:100%;
	padding:5px 0 5px 10px;
	margin-bottom:13px;
}

.product-label .Firsat {
    height: 65px;
    width: 75px;
    top: 0px;
    right: 15px;
	position:absolute; 
	background-repeat:no-repeat;
	
}
.product-label .Firsat {
    background: url(Resim/FIndirimBg.png) no-repeat;
}

.product-label .FIndirim {
	top:13px;
    left: 15px;
	color:#fff;
	font-size:17px;
	line-height:18pt;
	position:absolute; 
	background-repeat:no-repeat;
	font-weight:600;
}

.advertise-area .banner-box > a {
    display: block;
    float: left;
    height: 170px;
    width: 120px;
}
.advertise-area .box-title {
    float: left;
    width: 50%;
}

.advertise-area .box-title1 {
    float: right;
    width: 64%;
	padding-left:3%;
}
.home-3-wraper .best-offere .features-tab .nav {
    background: #ff7300 none repeat scroll 0 0;
    border: medium none;
   /* margin-top: 23px;*/
    position: relative;
}
.features-tab .nav.common3 > li::before {
    background: #333333 none repeat scroll 0 0;
    content: "";
    height: 8px;
    left: 0;
    position: absolute;
    top: -8px;
    width: 100%;
    border-radius: 3px 3px 0 0;
    opacity: 0;
}
.features-tab .nav.common3 > li:hover:before,
.features-tab .nav.common3 > li.active:before {
    opacity: 1
}
.features-tab .nav.common3 li {
    float: left
}
.features-tab .nav.common3 > li > a {
    background: rgba(0, 0, 0, 0) url("img/bg-right-tab.png") no-repeat scroll right center;
    border: medium none;
    font-size: 14px;
	color:#fff;
	font-weight:500;
    margin: 0;
    padding: 15px 20px;
    transition: all 0s ease 0s;
}
.features-tab ul.nav.common3 li:first-child a {
    padding-left: 26px;
}
.features-tab ul.nav.common3 li.active {
    text-decoration: none
}
.features-tab ul.nav.common3 li a:hover,
.features-tab ul.nav.common3 li.active a {
    background: #333333;
    color: #fff;
    text-decoration: none
}
.banner-content-area {
    background: #fcfcfc none repeat scroll 0 0;
    border: 1px solid #f0f0f0;
    border-radius: 5px;
    box-sizing: border-box;
    display: inline-block;
    padding: 25px 40px;
    width: 100%;
}
.carousel-btn.no-bdr .owl-controls .owl-buttons div {
    border: medium none transparent;
    background: transparent;
}
.carousel-btn.no-bdr .owl-controls .owl-buttons div:hover {
    border: medium none transparent;
    background: none;
}
.bottom-menulist li {
    line-height: 32px;
    padding-left: 25px;
}
.bottom-menulist li::before {
    color: #cb0303;
    content: "";
    font-family: fontawesome;
    left: 17px;
    position: absolute;
}
.bottom-menulist li:hover::before {
    color: #666666;
}
.ss-title > h3 {
    color: #333;
    font-size: 21px;
    font-weight: 700;
    margin-bottom: 10px;
    text-transform: uppercase;
}
.single-spbottom .ss-img {
    overflow: hidden;
}
.single-spbottom .ss-img img {
    transition: all 0.3s ease 0s;
}
.single-spbottom .ss-img img:hover {
    transform: scale(1.1);
    opacity: .8
}
.home-3-wraper .footer-static-content li span {
    background: #96b7cb none repeat scroll 0 0;
}
.home-3-wraper .footer-static-content.footer-acc li:hover span {
    background: #888888 none repeat scroll 0 0;
}
.home-3-wraper .hotsell-area {
    border: none
}
.home-3-wraper .aside-padd {
    padding: 15px 0;
}
.home-3-wraper .single-hotsell .new-price {
    padding: 0;
}
.home-3-wraper .single-hotsell .rating {
    padding: 0;
}
.home-3-wraper .single-hotsell:hover .hotsell-img img {
    border: 1px solid #96b7cb;
}
.home-3-wraper .footer-static-content.footer-add .address {
    background: rgba(0, 0, 0, 0) url("img/home3-icon-footer.png") no-repeat scroll left -110px;
}
.home-3-wraper .footer-static-content.footer-add .phone {
    background: rgba(0, 0, 0, 0) url("img/home3-icon-footer.png") no-repeat scroll left -186px;
}
.home-3-wraper .footer-static-content.footer-add .mail {
    background: rgba(0, 0, 0, 0) url("img/home3-icon-footer.png") no-repeat scroll left -280px;
}
.home-3-wraper .basak-footer address a {
    color: #96b7cb;
}
.banner-left {
    background: #fcfcfc none repeat scroll 0 0;
    border-radius: 5px;
    box-sizing: border-box;
    display: inline-block;
    margin: 0;
    padding: 32px 26px;
    width: 100%;
}
.banner-left h2 {
    color: #333333;
    font-size: 23px;
    font-weight: bold;
    margin: 10px 0;
    padding: 0;
}
.banner-left > p {
    font-size: 13px;
    line-height: 25px;
}
/*.home-3-wraper #scrollUp {
    background: #96b7cb none repeat scroll 0 0;
}*/
.home-3-wraper #scrollUp:hover {
    border-color: #96b7cb;
    color: #96b7cb;
    background: #fff
}
.home-3-wraper .web-links a:hover {
    color: #fff;
}
/*----------------------------------------*/
/*  17.  Home page-4
/*----------------------------------------*/
.home-4-wraper .web-links {
    display: inline-block;
    position: relative;
    top: 8px;
    margin: 0
}
.home-4-wraper .single-menu {
    display: inline-block;
}
.header-top .web-links ul li {
    margin: 0;
}
.header-top .web-links ul li a {
    font-size: 20px;
    height: 25px;
    line-height: 25px;
    width: 25px;
}
.web-menu-link {
    float: right;
}
.home-4-wraper .header-menu .phone,
.home-4-wraper .header-menu .email {
    float: right;
}
.home-4-wraper .mega-menu.home2-menu .mega-catagory2 a {
    font-size: 14px;
}
.main-menu ul li .mega-menu.home2-menu.mega200 {
    width: 200px;
}
.home-4-wraper .mega-menu.mega-menu-5.fastr2 {
    left: -383% !important;
}
/* ===17.1 Slider area==== */
.home-4-wraper .slider-area .nivo-caption .layer-1 img {
    left: 12%;
    top: 0;
    width: 32%;
}
.home-4-wraper .slider-area .nivo-caption .layer-1-2 img {
    left: 15%;
    top: 0;
    width: 28%;
}
.home-4-wraper .slider-area .nivo-caption .layer-1-1 img {
    left: 13%;
    top: 3%;
    width: 32%;
}
.title11 {
    font-size: 30px;
    display: block
}
.title22 {
    font-size: 60px;
    line-height: 50px;
    display: block
}
.title32 {
    display: block;
    font-size: 20px;
    margin-bottom: 20px;
}
.title-container-4 {
    color: #000;
    left: 50%;
    margin: -7% 0 0 -5%;
    position: absolute;
    text-align: justify;
    text-transform: uppercase;
    top: 50%;
    animation: 1000ms ease-in-out 0s normal none 1 running fadeInUp
}
.title-container-4.common4 {
    animation: 1000ms ease-in-out 0s normal none 1 running fadeInRight
}
.design-buldier-area .list-item h3 {
    font-size: 20px;
    margin: 30px 0 0;
    text-transform: uppercase;
    font-weight: 700;
    line-height: 40px;
    color: #000
}
.list-item > p {
    line-height: 25px;
    margin: 0
}
.design-buldier-area {
    background: #fff;
}
.design-buldier-area .list-item:hover img,
.single-service:hover img,
.single-count:hover img {
    transform: rotate(360deg);
}
.design-buldier-area .list-item img,
.single-service .service-img img,
.single-count img {
    transition: all 1s ease 0s
}
.h4about-us-area {
    background: rgba(0, 0, 0, 0) url("img/bg-about-us.jpg") no-repeat scroll 0 0 / 100% 100%;
}
.h4about-us-area h3.header {
    font-size: 30px;
    text-transform: uppercase;
}
h3.header img {
    margin-right: 20px;
}
.about-ustext {
    color: #fff;
}
.h4about-us-area .about-content h4 {
    font-size: 20px;
    font-weight: 700;
    margin-bottom: 8px;
}
.about-content > p {
    line-height: 25px;
}
.vina-button-4 {
    border: 1px solid #fff;
    border-radius: 3px;
    color: #fff !important;
    display: inline-block;
    padding: 15px 30px;
    text-transform: uppercase;
}
.h4about-us-area .vina-button-4:hover {
    background: #fff none repeat scroll 0 0;
    color: #cb0303 !important;
}
.custom-services .service-img {
    float: left;
    width: 23%;
}
.custom-services .service-content {
    float: right;
    width: 77%;
}
.custom-services .service-content > h3 {
    font-size: 18px;
    font-weight: 700;
    margin-bottom: 5px;
}
.service-content > p {
    margin: 0;
}
.custom-services {
    background: #f5f5f5 none repeat scroll 0 0;
}
.u-line {
    font-size: 30px;
    line-height: 50px;
    margin: 0 0 30px;
    padding-bottom: 25px;
    position: relative;
    text-transform: uppercase;
}
.u-line::before {
    background: #cb0303 none repeat scroll 0 0;
    bottom: 0;
    content: "";
    height: 2px;
    left: 0;
    position: absolute;
    width: 50px;
}
.u-line.common4::before {
    left: 50%;
    margin-left: -25px;
}
/* ===17.2 mixitup area==== */
.mixitup-filter-area {
    background: #ffffff none repeat scroll 0 0;
}
.mix {
    display: none;
}
.mix.single-port {
    float: left;
    width: 25%;
    position: relative;
}
.mix.single-port img {
    transition: all .3s ease 0s;
}
.mix.single-port:hover img {
    opacity: .8;
}
.filter {
    cursor: pointer;
}
.filter-catagory-menu {
    text-align: center;
}
.filter-catagory-menu li {
    display: inline-block;
    padding: 0 10px;
    background: rgba(0, 0, 0, 0) url("img/icon-select.png") no-repeat scroll 0 50%;
    border: medium none;
    box-shadow: none;
    margin: 0 15px !important;
    padding: 0 0 0 15px;
}
.filter-catagory-menu li:hover,
.filter-catagory-menu li.active {
    background: rgba(0, 0, 0, 0) url("img/icon-select-hover.png") no-repeat scroll 0 50%;
}
.mixitup-filter-area h3.header {
    font-size: 30px;
    line-height: 50px;
    text-transform: uppercase;
}
.single-prograss {
    font-size: 16px;
    overflow: hidden;
    position: relative;
}
.single-prograss .progress {
    background-color: #fff;
    border-bottom: 1px solid #ccc;
    border-radius: 0;
    box-shadow: none;
    height: 7px;
    margin-bottom: 15px;
    overflow: visible;
}
.single-prograss .progress-bar {
    background-color: #cb0303;
}
.single-prograss > span {
    display: block;
    padding-bottom: 10px;
}
.single-prograss .percan {
    color: #555;
    font-size: 18px;
    position: absolute;
    right: 0;
    top: -20px;
}
/* ===17.3 client-carousel==== */
#client-carousel .client-item .item-info {
    border: 1px solid #ccc;
    border-radius: 3px;
    box-sizing: border-box;
    display: inline-block;
    line-height: 24px;
    margin-bottom: 30px;
    padding: 25px 40px 40px;
    position: relative;
}
#client-carousel .client-item .item-info::before {
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-top: 10px solid rgba(0, 0, 0, 0.2);
    bottom: -10px;
    content: "";
    display: inline-block;
    left: 40px;
    position: absolute;
}
#client-carousel .client-item .item-info::after {
    border-left: 9px solid transparent;
    border-right: 9px solid transparent;
    border-top: 9px solid #ffffff;
    bottom: -9px;
    content: "";
    display: inline-block;
    left: 41px;
    position: absolute;
}
#client-carousel .item-img img {
    float: left;
    margin-right: 20px;
}
#client-carousel .client-item .item-img .title {
    font-size: 18px;
    font-weight: bold;
    margin-bottom: 10px
}
#client-carousel .owl-controls .owl-page,
.owl-controls .owl-buttons div {
    bottom: 0;
    left: 21%;
    position: absolute;
}
#client-carousel .owl-controls .owl-buttons div.owl-next {
    left: 26.5%;
    right: 0;
}
#client-carousel .owl-controls .owl-buttons div.owl-next i,
#client-carousel .owl-controls .owl-buttons div.owl-prev i {
    background: #fff none repeat scroll 0 0;
    border: 1px solid #ccc;
    border-radius: 100%;
    font-size: 18px;
    height: 25px;
    line-height: 25px;
    text-align: center;
    width: 25px;
}
.skill-client-area {
    background: #fff none repeat scroll 0 0;
}
/* ===17.4 Our Team==== */
.our-team-area {
    background: rgba(0, 0, 0, 0) url("img/team/bg-our-team.jpg") no-repeat scroll 0 0 / 100% 100%;
}
.team-social li {
    display: inline-block
}
.team-social li a {
    border: 1px solid #ccc;
    display: block;
    font-size: 20px;
    height: 35px;
    line-height: 35px;
    margin: 0 5px;
    text-align: center;
    width: 35px;
}
.team-social li a:hover {
    border-color: #fff;
    color: #fff;
}
.carousel-btn.common4 .owl-controls .owl-buttons div {
    background: rgba(0, 0, 0, 0.5) none repeat scroll 0 0;
    border-radius: 100%;
    height: 40px;
    left: -3%;
    line-height: 40px;
    width: 40px;
}
.carousel-btn.common4 .owl-controls .owl-buttons div.owl-next {
    left: auto;
    right: -3%;
}
.team-title {
    color: #fff;
    margin: 25px 0;
}
.team-title > h4 {
    margin: 0 0 10px;
}
.single-team {
    padding-top: 10px;
}
.team-img:hover img {
    transform: scale(1.05);
}
.single-team {
    padding-top: 10px;
}
.team-img img {
    transition: all 0.3s ease 0s;
}
.our-team-area h3.header {
    color: #fff;
}
.our-blog-area {
    background: #F5F5F5;
}
.our-blog-area {
    background: #f5f5f5 none repeat scroll 0 0;
}
.single-blog .blog-title {
    font-weight: bold;
    margin: 20px 0 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.blog-title a {
    color: #323232;
    font-size: 24px;
    font-weight: 700;
}
.blog-title a:hover {
    color: #cb0303;
}
.blog-date {
    color: #909090;
    font-size: 12px;
    line-height: 25px;
}
.blog-text {
    font-size: 13px;
    line-height: 25px;
}
.blog-img {
    position: relative;
}
.our-blog-area .vina-button-4 {
    border: 1px solid #000;
    border-radius: 0;
    color: #000 !important;
    font-size: 10px;
    margin-top: 15px;
    padding: 10px 20px;
}
.our-blog-area .vina-button-4:hover {
    color: #fff !important;
    background: #cb0303;
    border-color: #cb0303
}
.single-blog:hover a::before,
.single-blog:hover a::after {
    opacity: 1;
    transform: scale(1);
}
.our-blog-area .carousel-btn .owl-controls .owl-buttons div {
    background: #f4f4f4 none repeat scroll 0 0;
    border: 1px solid #ccc;
    border-radius: 0;
    color: #222;
    height: 40px;
    left: 0;
    line-height: 38px;
    margin-top: -10%;
    width: 40px;
}
.our-blog-area .carousel-btn .owl-controls .owl-buttons div.owl-next {
    right: 0;
    left: auto
}
.brand-clients-icon li {
    float: left;
    padding-bottom: 50px;
    width: 20%;
}
.brand-clients-icon li:nth-child(n+6) {
    padding-bottom: 0;
}
.brand-client-area {
    background: #fff none repeat scroll 0 0;
}
.brand-clients-icon ul li img {
    transition: all 0.5s ease 0s;
}
.brand-clients-icon ul li:hover img {
    transform: scale(1.1);
}
h3 span.counter2 {
    color: #fff;
    display: block;
    font-size: 40px;
    font-weight: 600;
    line-height: 40px;
    margin-top: 15px;
}
.single-count > p {
    color: #fff;
    line-height: 25px;
    margin: 0;
}
.single-count > h3 {
    margin: 0;
}
.counter-area {
    background: #cb0303 none repeat scroll 0 0;
}
/*----------------------------------------*/
/*  Haftanın Fırsatı
/*----------------------------------------*/
.HaftaninFirsatiBg{ float:right;
background-image:url(../Resim/HaftaninFirsatiBg.png);
position:inherit;
width:335px;
height:95px;
z-index:200;
}

.HaftaninFirsati{
padding:15px;
background:#FFF;
border-left:#eaeaea 1px solid;
border-right:#eaeaea 1px solid;
height:270px;
width:300px;
z-index:1;
}

#ribbon-14 {
margin: 0px auto;
float:right;
padding:7px;
width:100%;
height: 100%;
background-color:#f5f5f5;
border-radius: 0px;
border-left:#eaeaea 1px solid;
border-right:#eaeaea 1px solid;
border-top:#eaeaea 1px solid;
border-bottom:#eaeaea 1px solid;
position: relative;
z-index: 90;
}

#ribbon-14 .ribbon-wrapper{
width: 115px;
height: 118px;
overflow: hidden;
position: absolute;
top: 0px;
right: -0px;
}

#ribbon-14 .ribbon{
color: #fff;
font-size:14px;
text-align: center;
text-shadow: rgba(255,255,255,0.5) 0px 0px 0px;
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-ms-transform: rotate(45deg);
-o-transform: rotate(45deg);
position: relative;
padding: 6px 0;
left: 0px;
top:18px;
width: 150px;
background-color: #dd4100;
background-image: -webkit-gradient(linear, left top, left bottom, from(#dd4100), to(#ff6d00));
background-image: -webkit-linear-gradient(top, #dd4100, #ff6d00);
background-image: -moz-linear-gradient(top, #dd4100, #ff6d00);
background-image: -ms-linear-gradient(top, #dd4100, #ff6d00);
background-image: -o-linear-gradient(top, #dd4100, #ff6d00);
box-shadow: 0px 0px 3px rgba(0,0,0,0.3);
}
.ribbon{
margin-top:5px;
}

#ribbon-14 .ribbon::before, 
#ribbon-14 .ribbon::after {
content: "";
border-top: 0px solid #460400;   
border-left: 6px solid transparent;
border-right: 6px solid transparent;
position:absolute;
bottom: -6px;
}

#ribbon-14 .ribbon::before {
left: 0;
}
#ribbon-14 .ribbon::after {
right: 0;
}

.YatayAra {
	border-top:1px solid #e1e1e1;
	width:100%;
	height:1px;
	clear:both;
}
.Margin10 {
	margin:10px 0 10px 0;
}

.AnasayfaFirsatText {
	color: #ffffff;
	font-size: 17px;
	letter-spacing:5px;
	line-height:24px;
	font-weight:600;
	text-decoration: none
}

.AnasayfaIndirimOran {
	color: #ffffff;
	font-size: 14px;
	line-height:16px;
	text-decoration: none
}

.AnasayfaIndirimOranB {
	color: #ffffff;
	font-size: 18px;
	font-weight:bold;
	text-decoration: none
}

.ListeFiyati {
	color: #ca0000;
	font-size: 14px;
	text-decoration: none
}
.Fiyat {
	color: #ca0000;
	font-size: 20px;
	text-decoration: none
}
.Firsat {
	color: #000000;
	font-size: 14px;
	line-height:15pt;
	width:240px;
	text-decoration: none
}
.FirsatCizili {
	color: #000;
	font-size: 15px;
	text-decoration: none
}



/*----------------------------------------*/
/*  Urun Detay
/*----------------------------------------*/


.ListeFiyatBg {
	background:#4c4c4c;
	color:#FFF;
	font-size:15px;
	width:100%;
	padding:3% 5% 3% 5%;
	margin-bottom:1px;
	clear:both;
}

.IndirimliFiyatBg {
	background:#ca0000;
	color:#FFF;
	font-size:15px;
	width:100%;
	padding:6% 5% 6% 5%;
	margin-bottom:1px;
	clear:both;
}

.IndirimliFiyatBg span{
	font-size:26px;
}

.DetayGriBg {
	background:#f1f1f1;
	color:#333;
	font-size:13px;
	width:100%;
	padding:5%;
	margin-bottom:1px;
	clear:both;

}
.GriBg {
	background-color:#f1f1f1;
	padding-top:10px;
	padding-bottom:5px;
	height:100%;
	min-height:100%;
	
}

.DetayKargo {
	color:#333;
	font-size:18px;
}

.GriIkon {
	color:#a7a7a7;
	font-size:30px;
}
.AciklamaK {
	font-size: 12px;
	line-height:17pt;
	color: #000;
}
a.AciklamaK:link {
	color: #000;
	font-size: 12px;
	text-decoration: none
}
a.AciklamaK:visited {
	color: #000;
	font-size: 12px;
	text-decoration: none
}
a.AciklamaK:active {
	color: #000;
	font-size: 12px;
	text-decoration: none
}
a.AciklamaK:hover {
	font-size: 12px;
	color: #ca0000;
	text-decoration: none;
}

.turuncu {
	color: #ca0000;
	font-size: 13px;
	text-decoration: none
}
a.turuncu:link {
	color: #ca0000;
	font-size: 13px;
	text-decoration: underline
}
a.turuncu:visited {
	color: #ca0000;
	font-size: 13px;
	text-decoration: underline
}
a.turuncu:active {
	color: #ca0000;
	font-size: 13px;
	text-decoration: underline
}
a.turuncu:hover {
	text-decoration: none;
	font-size: 13px;
	color: #FF9900
}
.linku {
	color: #ca0000;
	font-size: 13px;
	text-decoration: none
}
a.linku:link {
	color: #ca0000;
	font-size: 13px;
	text-decoration: none
}
a.linku:visited {
	color: #ca0000;
	font-size: 13px;
	text-decoration: none
}
a.linku:active {
	color: #ca0000;
	font-size: 13px;
	text-decoration: none
}
a.linku:hover {
	text-decoration: none;
	font-size: 13px;
	color: #f36a02
}
.normallink {
	color: #ca0000;
	font-size: 12px;
	text-decoration: none
}
a.normallink:link {
	color: #ca0000;
	font-size: 12px;
	text-decoration: none
}
a.normallink:visited {
	color: #ca0000;
	font-size: 12px;
	text-decoration: none
}
a.normallink:active {
	color: #ca0000;
	font-size: 12px;
	text-decoration: none
}
a.normallink:hover {
	text-decoration: underline;
	font-size: 12px;
	color: #ff6e00
}
.beyaz {
	font-size: 13px;
	line-height:12pt;
	color: #FFFFFF;
}
a.beyaz:link {
	color: #FFFFFF;
	font-size: 13px;
	text-decoration: none
}
a.beyaz:visited {
	color: #FFFFFF;
	font-size: 13px;
	text-decoration: none
}
a.beyaz:active {
	color: #FFFFFF;
	font-size: 13px;
	text-decoration: none
}
a.beyaz:hover {
	text-decoration: underline;
	font-size: 13px;
	color: #f5f5f5
}

.kirmizi {
	font-size: 15px;
	line-height:12pt;
	color: #cc0000;
}

.Yesil {
	font-size: 36px;
	line-height:12pt;
	color: #58960c;
}

.kirmizik {
	font-size: 14px;
	line-height:12pt;
	color: #cc0000;
	font-weight:600;
}

.kirmiziodeme {
	font-size: 14px;
	line-height:12pt;
	color: #cc0000;
}

a.tumu  {
	color:#646464;
	float:right;
	font-size:12px;
	padding-top:7px;
	padding-right:10px;

}

a.tumu:hover{
	color:#ca0000;
}


a.Yuvarlak  {
	color:#ff6e00;
	float:right;
	padding-right:7%;
	font-size:17px;
	position: relative;
	z-index:3;
	padding-top:10px;
}

a.Yuvarlak:hover{
	color:#ca0000;
}


a.Yuvarlak1  {
	color:#c2c2c2;
	float:right;
	font-size:17px;
	position: relative;
	z-index:3;
	padding-top:10px;
}

a.Yuvarlak1:hover{
	color:#ca0000;
}

.Etiket a{
	font-size:12px;
	margin: 0 0 5px;
	color: #646464;
}

.Etiket a:hover {
	font-size:12px;
	margin: 0 0 5px;
	color: #ca0000;
}
/*----------------------------------------*/
/*  Yayınevi
/*----------------------------------------*/
.linkNewsList { padding: 0; list-style: disc !important; }
ul.linkNewsList  { padding:0px;}
.linkNewsList li { padding: 5px 0; border-bottom: 1px solid #e5e5e5; padding-left: 5px; width: 100%; margin-right: 10px; float: left; display:inline; line-height:13pt; }
.linkNewsList li.secondLi { margin-right: 0 !important; }
.linkNewsList li a { color: #000000; font-size: 11px; }
.linkNewsList li a:hover { color: #ca0000; }


.AlfabetikList { padding: 0; width:100%; list-style: disc !important; }
ul.AlfabetikList  { padding:0px; width:100%;}
.AlfabetikList li { padding:0.5%; margin-bottom:10px;  border:1px solid #e1e1e1; margin-right:0.7%; float: left; display:inline }
.AlfabetikList li.secondLi { margin-right: 0 !important; }
.AlfabetikList li a { color: #000000; font-size: 15px; }
.AlfabetikList li.alfabesecili {background-color:#cb0303;}
.AlfabetikList li.alfabesecili a{color: #ffffff; background-color:#cb0303; font-size:15px; }
.AlfabetikList li.alfabesecili a:hover{color: #ffffff; background-color:#cb0303; font-size:15px; }
.AlfabetikList li a:hover { color: #ca0000; }




.linkNewsListRp { padding: 0; list-style: disc !important; }
ul.linkNewsListRp  { padding:0px;}
.linkNewsListRp li { padding: 5px 0; border-bottom: 1px solid #e5e5e5; padding-left: 5px; min-width:232px; margin-right: 10px; float: left; display:inline  }
.linkNewsListRp li.secondLi { margin-right: 0 !important; }
.linkNewsListRp li a { color: #000000; font-size: 15px; }
.linkNewsListRp li a:hover { color: #ca0000; }

/*----------------------------------------*/
/*  18. breadcrumb area
/*----------------------------------------*/
.breadcrumb {
    background: transparent none repeat scroll 0 0;
    border-radius: 0;
    margin: 0;
    padding: 0;
	height:35px;
}
p.past-p {
    margin: 0;
}
.breadcrumb li a {
    color: #cb0303;
    font-size: 14px;
    margin-left: 15px;
    text-transform: capitalize;
}
.breadcrumb li.active {
    color: #666;
    font-size: 14px;
}

.breadcrumb li.active a{
    color: #666;
    font-size: 14px;
}

.breadcrumb li.home {
    position: relative;
}
.breadcrumb li.home::before {
    color: #cb0303;
    content: "\f041";
    font-family: FontAwesome;
    font-size: 14px;
    left: 0;
    position: absolute;
    top: 2px;
}
.breadcrumb > li + li {
    position: relative;
}
.breadcrumb li a,
.breadcrumb li.home::before {
    transition: all 0.4s ease 0s;
}
.breadcrumb li:hover a {
    color: #cb0303;
}
.breadcrumb li.home:hover::before {
    color: #cb0303;
}
/*----------------------------------------*/
/*  19. Shop page
/*----------------------------------------*/
.shop-product-area .product-content {
    padding: 0 10px;
}
.shop-page-wraper .single-product h2.product-name {
    line-height: 10px;
}
.shop-page-wraper .area-title {
    padding: 0;
}
.shop-product-area select {
    -moz-appearance: none;
    background: rgba(0, 0, 0, 0) url("img/bg-select.png") no-repeat scroll right bottom;
    border: 1px solid #ededed;
    padding-right: 25px;
}
.shop-product-area label {
    color: #777777;
    display: inline-block;
    font-weight: 400;
    padding: 0 10px;
}
.select-sort-by {
    display: inline;
}
.select-limiter {
    display: inline-block;
    padding-right: 10px;
}
.pagination ul li {
    display: inline-block;
}
.pagination ul li a {
    background: #ccc none repeat scroll 0 0;
    display: block;
    height: 35px;
    line-height: 35px;
    text-align: center;
    width: 35px;
}
.pagination .pagination-active a,
.pagination ul li a:hover {
    background: #cb0303 none repeat scroll 0 0;
    color: #fff;
}
.box_manufacrurer li {
    line-height: 20px;
    padding: 10px 0;
    width: 100%;
}
.box_list input {
    margin-right: 10px;
}
.box_list li > span,
.price-title {
    font-size: 18px;
    font-weight: 700;
    text-transform: uppercase;
}
.usefull-product-slide .single-product {
    border: medium none;
    padding: 0;
}
.usefull-product-slide .single-product .product-content {
    padding: 10px;
}
.usefull-product-slide .carousle-pagi.common4 .owl-pagination {
    bottom: 10px;
    left: 35%;
    margin: auto auto auto -20%;
    top: 118%;
}
.usefull-product-slide {
    padding-bottom: 27px;
}
/* ===19.1 Our Team==== */
.ui-slider-range.ui-widget-header.ui-corner-all {
    background: #cb0303 none repeat scroll 0 0;
}
.ui-slider-handle.ui-state-default.ui-corner-all {
    background: none repeat scroll 0 0 #cb0303;
    border-radius: 50%;
    box-shadow: 0 0 0 3px #ffffff, 0 0 0 5px #cccccc;
    padding: 0;
    outline: none;
}
.price_filter input {
    margin-top: 30px;
}
.price_filter input[type="text"] {
    border: 1px solid #dcdcdc;
    letter-spacing: 2px;
    padding: 10px;
    text-align: center;
    width: 60%;
}
.price_filter input[type="submit"],
.calculate-shipping input[type="submit"] {
    background: #f7f7f7 none repeat scroll 0 0;
    border: 1px solid #cccccc;
    float: right;
    padding: 10px;
    text-transform: uppercase;
    transition: all 0.3s ease 0s;
    width: 33%;
}
.price_filter input[type="submit"]:hover,
.tagcloud a:hover,
.calculate-shipping input[type="submit"]:hover {
    background: none repeat scroll 0 0 #cb0303;
    color: #fff;
    border: 1px solid #cb0303;
}
aside.shop-filter {
    border-top: medium none;
    margin: 0;
}
/*----------------------------------------*/
/*  20. single-product page
/*----------------------------------------*/
.single-product-page-wraper .ambit-key,
.shop-page-wraper .ambit-key {
    box-shadow: 5px 0 3px -3px #ededed, -5px 0 3px -3px #ededed;
}
#gallery_01 img,
img#zoom_03 {
    border: 1px solid #ccc;
}
.input-box span {
    display: block;
    margin-bottom: 5px
}
.p-c {
    margin: 10px 3px 10px 0;
}
.hits-rating a {
    color: #ffa200;
}
.price-single {
    color: #cb0303;
    font-size: 30px;
    font-weight: 700;
}
.price-single > p {
    color: #222;
    float: right;
    font-size: 14px;
    font-weight: normal;
    margin-top: 8px;
}
.price-single span {
    background: #ffa200 none repeat scroll 0 0;
    color: #fff;
    margin-left: 10px;
    padding: 3px 10px;
	font-size:20px;
}

.price-single-star {
    color: #000;
    font-size: 16px;
    font-weight: 700;
}


.old-price{
color: #777;
font-size: 18px;
font-weight: 700;
float:left;
opacity:0.5;
}

.add-to-box-view .button.cart_button {
    border-radius: 0;
    float: left;
    /*width: 30%;*/
	width: 20%;
}
.input-content {
    display: inline-block;
    margin: 0px 0 0 25px;
}
.input-content input {
    border: 1px solid #ccc;
    height: 34px;
    text-align: center;
    width: 40px;
}
.input-content > label {
    font-weight: normal;
    margin-right: 10px;
}
.add-to-box-view {
    border-bottom: 1px solid #ededed;
}
.add-to-box li a.link-wishlist,
.add-to-box ul li a.link-compare {
    float: left;
    height: 25px;
    line-height: 25px;
    transition: none;
}
.add-to-box ul li a.link-compare {
    margin-left: 25px;
}
.add-to-box li a.link-wishlist:hover {
    background-position: left -46px;
    color: #888888
}
.add-to-box ul li a.link-compare:hover {
    background-position: left -45px;
    color: #727272
}
.add-to-box li {
    line-height: 23px;
}
.add-to-box {
    border-bottom: 1px solid #ededed;
    overflow: hidden;
}
.product-des-review ul.nav li a {
    font-size: 16px;
    font-weight: 700;
    margin: 14px 0;
    text-transform: uppercase;
}
.product-des-review ul.nav li.active {
    text-decoration: none;
}
.product-des-review ul.nav li.active a,
.product-des-review ul.nav li:hover a {
    color: #ca0000;
    text-decoration: none
}
.std > ul {
    list-style-type: square;
    margin: 0 0 10px 25px;
}
.features-tab.product-des-review .tab-content {
    margin-top: 5px;
    padding: 15px 10px;
}
.features-tab.product-des-review {
    border: 1px solid #ededed;
    box-sizing: border-box;
    padding: 0 7px 7px;
}
.product-des-review.features-tab ul.nav {
    border-top: none;
}
.review_text p {
    line-height: 25px;
    margin: 5px 0;
}
.reviewer-ratting {
    border-bottom: 1px solid #ededed;
    padding: 10px 10px 10px 0;
    border-top: 1px solid #ededed;
}
.review_item {
    padding: 10px 0;
}
.input-box lavel {
    display: block;
}
.review-lower {
    border: 1px solid #ededed;
    padding: 25px 25px 25px 40px;
    position: relative;
}
.name-date > span {
    padding-left: 10px;
}
.review-upper .best {
    display: block;
    margin: 5px 0;
}
.input-box {
    margin-bottom: -5px;
}
.input-box input,
.input-box textarea {
    border: 1px solid #ddd;
    height: 30px;
    width: 250px;
}
.input-box textarea {
    height: 140px;
}
.product-running .rating {
    padding-bottom: 10px;
}
.product-running .button.cart_button {
    border-radius: 0;
    width: 230px;
}
.input-header p {
    background: #fff none repeat scroll 0 0;
    border: 1px solid #ddd;
    font-size: 16px;
    left: 25px;
    margin: 0;
    padding: 5px 10px;
    position: absolute;
    top: -18px;
}
/*----------------------------------------*/
/*  21. cart page
/*----------------------------------------*/
.shoping-cart-area {
    background: #fff none repeat scroll 0 0;
}
.c-img {
    width: 16%;
}
.c-img img {
    width: 60px;
	height:90px;
}
.c-price {
    color: #777;
    font-size: 18px;
    font-weight: 700;
    width: 15.4%;
}
.table-bordered > thead > tr > td,
.table-bordered > thead > tr > th {
    border-bottom-width: 0;
    text-align: center;
}
.table.table-bordered tr {
    font-weight: 400;
    text-transform: capitalize;
    font-size: 16px
}
.table > tbody > tr > td,
.table > tbody > tr > th,
.table > tfoot > tr > td,
.table > tfoot > tr > th,
.table > thead > tr > td,
.table > thead > tr > th {
    vertical-align: middle;
}
.table.table-bordered tr th {
    color: #666;
    text-transform: uppercase;
}
.c-qty {
    width: 1%
}
.c-qty span {
    border: 1px solid #ddd;
    color: #777;
    display: block;
    font-size: 14px;
    height: 30px;
    line-height: 30px;
    margin: 0;
    width: 40px;
}
.trash-btn {
    width: 4%;
}
.btn-remove {
    background: rgba(0, 0, 0, 0) url("img/btn_trash.png") no-repeat scroll 0 0;
    display: block;
    font-size: 0;
    height: 24px;
    line-height: 0;
    width: 20px;
}

.c-name span {
    color: #888;
    font-size: 11px;
    font-style: italic;
    margin: 10px;
}

.c-head,
tfoot tr {
    background: #ddd none repeat scroll 0 0;
}
.button.c_button {
    background: #65c178 none repeat scroll 0 0;
    color: #fff;
    display: inline-block;
    font-size: 16px;
    font-weight: 700;
    padding: 10px 35px;
}
.button.c_button:hover {
    background: #888888 none repeat scroll 0 0;
    color: #fff
}
.button.c_button.c-shop {
    float: left;
}
.button.c_button.c-pc {
    float: right;
    margin-left: 10px;
}
.button.c_button.c-up {
    float: right;
}
.discount {
    border-radius: 5px;
}
.discount h2 {
    border-bottom: 1px solid #ededed;
    color: #666;
    font-size: 16px;
    font-weight: bold;
    margin: 0 -15px;
    padding: 15px;
    text-transform: uppercase;
}
.cart-collaterals .discount .discount-form {
    overflow: hidden;
    padding: 10px;
}
.discount-form label {
    font-weight: normal;
    margin: 5px 0;
}
.discount .discount-form .input-box::before {
    background: #efefef url("img/select_lang.png") no-repeat scroll 50% 50%;
    border-radius: 0;
    content: "";
    display: block;
    height: 34px;
    pointer-events: none;
    position: absolute;
    right: 1px;
    top: 1px;
    width: 29px;
}
.discount .discount-form .input-box {
    position: relative;
}
.discount .discount-form .input-box input {
    border: 1px solid #ddd;
    border-radius: 2px;
    box-shadow: none;
    box-sizing: border-box;
    color: #aaa;
    height: 36px;
    padding: 6px 10px;
    width: 100%;
}
.single-dis {
    border: 1px solid #e2e2e2;
    border-radius: 5px;
    overflow: hidden;
    padding: 12px 15px;
}
.single-dis .button.c_button span {
    font-size: 16px;
    font-weight: 700;
}
.button.c_button.dis-left {
    margin-top: 20px;
}
.shop_subtotal {
    float: right;
    margin-bottom: 20px;
}
.subtotal-area {
    background: #f9f9f9 none repeat scroll 0 0;
    border: 1px solid #e2e2e2;
    border-radius: 0px;
    text-align: right;
    padding: 8px 15px 20px;
    font-size: 15px
}

.shopping-area {
    background: #f9f9f9 none repeat scroll 0 0;
    border: 1px solid #e2e2e2;
    padding: 8px 0px 0px 0px;
}


tfoot tr.s-total {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
}
.subtotal-area .shop_subtotal tr {
    float: right;
    padding: 10px 0;
}
.s-price {
    padding: 0 2px 0 15px;
}
.sp-bottom-menu-wrapper.common4 {
    background: #fff none repeat scroll 0 0;
    border-top: 1px solid #ddd;
}

/*-------------------------------
22. checkout page
--------------------------------*/

.checkout-page-area {
    background: #fff none repeat scroll 0 0;
}
.sauget-accordion .panel-heading {
    border-radius: 0;
    padding: 0;
}
.sauget-accordion .panel-heading h4 a,
.sauget-accordion .panel-heading h4 a.collapsed {
    color: #000000;
    display: block;
    position: relative;
    text-decoration: none;
    border: 1px solid transparent;
    font-size: 14px;
    line-height: 30px;
    text-transform: uppercase;
    background: #ebebeb none repeat scroll 0 0;
    padding: 14px 0 14px 10px;
    font-weight: 400;
}
.sauget-accordion .panel-heading h4 a span {
    background: #888888 none repeat scroll 0 0;
    color: #fff;
    font-size: 16px;
    font-weight: bold;
    line-height: 0;
    margin-right: 10px;
    padding: 3px 10px;
}

.TaksitBg {
    color: #333333;
    font-size: 11px;
    width: 200px;
    background-color: #ffffff;
    border: 1px solid #e3e3e3;
    min-height: 180px;
    float: left;
    margin-right: 18px;
}
.TaksitBaslik {
    color: #333333;
    font-size: 12px;
    float: left;
    width: 50%;
    line-height: 30px;
    text-align: center;
    font-weight: 600;
}

.TaksitBilgi {
    color: #333333;
    font-size: 12px;
    float: left;
    line-height: 26px;
    width: 45%;
    padding-left: 5%;
    padding-right: 5%;
    text-align: center;
    font-weight: 400;
}

.content-info {
    display: block;
    margin-bottom: 40px;
    overflow: hidden;
    padding: 15px;
}
.commonChack {
    margin-bottom: 28px;
}
.checkTitle {
    line-height: 50px;
    position: relative;
}
.checkTitle .ct-design {
    border-bottom: 1px solid #e4e4e4;
    font-size: 16px;
    padding-bottom: 10px;
    text-transform: uppercase;
}
.commonChack > p {
    color: #8c8c8c;
    font-size: 14px;
    margin-bottom: 5px;
}
.commonChack label {
    color: #000;
    font-family: arial;
    font-size: 12px;
    font-weight: bold;
    margin-left: 7px;
    vertical-align: middle;
}
.commonChack {
    margin-bottom: 28px;
}
.regSaveTime li {
    color: #000;
    font-family: arial;
    font-size: 12px;
    list-style: inside disc;
    margin-bottom: 5px;
}
a.checkPageBtn,
.checkout .block-area-button button {
    background: #fff none repeat scroll 0 0;
    border: 1px solid #d7d7d7;
    border-radius: 25px;
    color: #868686;
    display: inline-block;
    font-size: 12px;
    font-weight: 600;
    line-height: 31px;
    padding: 0 23px;
    text-transform: uppercase;
    white-space: nowrap;
}
.checkout-reg a.checkPageBtn {
    margin-top: -10px;
}
a.checkPageBtn:hover {
    background: #cb0303 none repeat scroll 0 0;
    border-color: #cb0303;
    color: #fff;
}
p.alrdyReg {
    font-size: 11px;
    font-weight: bold;
    text-transform: uppercase;
}
.plxLogin {
    color: #8c8c8c;
    font-family: arial;
    font-size: 12px;
}
.plxLogin a {
    color: #ff5b5a;
    float: left;
    margin-top: 40px;
    overflow: hidden;
    text-decoration: none;
}
.plxLogin a:hover {
    color: #01c3c2;
}
.plxLoginP {
    color: #000;
    font-family: arial;
    font-size: 12px;
    margin-bottom: 5px;
}
.loginFrom span {
    color: #ff5b5a;
    font-weight: bold;
    padding-right: 3px;
}
.loginFrom input {
    background: #fff none repeat scroll 0 0;
    border: 1px solid #ddd;
    color: #2f2f2f;
    display: block;
    font-family: Arial;
    font-size: 14px;
    height: 34px;
    padding: 7px;
    width: 100%;
}
.plxLoginP {
    color: #000;
    font-family: arial;
    font-size: 12px;
    margin-bottom: 5px;
}
.rqudField {
    color: #f00;
    font-size: 12px;
    margin-top: 5px;
}
.sauget-accordion .panel-heading h4 a.collapsed span {
    background: #cb0303 none repeat scroll 0 0;
    color: #fff;
    font-size: 14px;
    font-weight: bold;
    height: 22px;
    margin-right: 10px;
    padding: 3px 10px;
    text-align: center;
    width: 22px;
}
.checkout .billing-info {
    margin-bottom: 15px;
    margin-left: 30px;
    margin-top: 15px;
}
.checkout .billing-info select {
    height: 30px;
    margin-bottom: 25px;
    padding: 5px 10px;
}
.checkout .billing-info select option {} .method-input-box {
    margin-bottom: 10px;
}
.billing-info p {
    font-size: 12px;
}
.billing-info select {
    font-size: 12px;
    margin-bottom: 10px;
}
.method-input-box p {
    margin: 0;
}
.method-input-box label {
    font-size: 12px;
    font-weight: 400;
}
.method-input-box input {
    float: left;
    margin: 3px 5px 0 0;
}
.checkout .method-input-box p input {
    margin-right: 10px;
}
.checkout .block-area-button button:hover,
.product-review .btn.btn-default:hover {
    background: #cb0303 none repeat scroll 0 0;
    border-color: #cb0303;
    color: #fff;
}
.checkout .shiping-method {
    margin-bottom: 15px;
    margin-left: 30px;
    margin-top: 15px;
}
.checkout .checkout-option {
    margin-bottom: 15px;
    margin-left: 30px;
    margin-top: 15px;
}
.checkout .cardtype select {
    border-radius: 0;
}
.checkout .expirationdate select {
    margin-bottom: 20px;
    border-radius: 0;
}
.checkout .review-bar {
    margin-bottom: 15px;
    margin-left: 30px;
    margin-top: 15px;
}
.checkout .brand-logo {
    margin-left: -15px;
    margin-right: -15px;
}
.verificationcard.form-group > a {
    color: #f7505a;
    text-decoration: none;
}
/*.form-control {
    border-radius: 0;
}*/
.product-review .btn.btn-default {
    background: #fff none repeat scroll 0 0;
    border: 1px solid #d7d7d7;
    border-radius: 25px;
    color: #868686;
    display: inline-block;
    font-size: 12px;
    font-weight: 600;
    line-height: 31px;
    padding: 0 23px;
    text-transform: uppercase;
    white-space: nowrap;
}
.form-control.year-select {
    margin-top: 10px;
}
.btn-default:hover {
    background-color: #cb0303;
    border-color: #cb0303;
    color: #fff;
}
.panel-group {
    margin-bottom: 0;
}
.checkout-sidebar h2 {
    background: #cb0303 none repeat scroll 0 0;
    color: #fff;
    display: block;
    font-size: 14px;
    font-weight: bold;
    line-height: 25px;
    margin: 0 0 10px;
    padding: 10px 0;
    text-align: center;
    text-transform: uppercase;
}
.checkout-sidebar ul li {
    border-bottom: 1px solid #d6d6d6;
    color: #8c8c8c;
    font-family: Arial;
    font-size: 13px;
    line-height: 29px;
    padding: 8px;
    text-transform: capitalize;
    position: relative;
}
.checkout-sidebar ul li::before {
    color: #8c8c8c;
    content: "";
    display: inline-block;
    font-family: FontAwesome;
    font-size: 14px;
    font-style: normal;
    line-height: 1;
    margin-right: 10px;
}
.panel {
    box-shadow: none;
}
.panel-collapse {
   /* border: 1px solid #f2f2f2;*/
}

/** VERSION 1.3 CSS Updated ==================== **/	
.input-icon{position:absolute; right:8px; top:10px; width:32px; height:24px; background-color:#fff; text-align:right; border-left: 1px solid #ececec; color:#ccc; font-size:18px; line-height:24px; text-shadow:none;} 
/**  End Version 1.3 Updated  **/	

.input-icon i { color:#ccc; font-size:18px; line-height:24px;}
.form-group { position:relative; margin-bottom:20px;}

.form-register { position:relative; margin-bottom:5px;}

.loader { margin-left:5px; position:absolute;}

.error_message { color:#F33; font-weight:600; margin-bottom:4px;}

.input-group { margin-bottom:20px;}
.form-control {
    display: block;
    width: 100%;
    height: 38px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ececec;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}

.form-control1 {
    display: block;
    width: 100%;
    height: 38px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ececec;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}

.form-control.style-2 {height: 45px; -webkit-box-shadow: none; box-shadow: none; -webkit-appearance: none; border:none;  background-color:#fff; }


.ie8 .form-control.style-2 {height: 45px; -webkit-box-shadow: none; box-shadow: none; -webkit-appearance: none; border:none;  background-color:#fff; line-height:45px; }

.input-group button { height:45px; border:none; background-color:#333; color:#fff; -webkit-border-radius: 0px;-moz-border-radius: 0px;border-radius: 0px;}
.input-group button:hover { background-color:#ff3000; color:#fff; border:none;-webkit-border-radius: 0px;-moz-border-radius: 0px;border-radius: 0px; border:none;}
.input-group button:focus { outline:none; border:none;}

.form-control::-moz-placeholder { color: #999; opacity:1;}
.form-control::-webkit-input-placeholder {color: #999;}

.form-control1::-moz-placeholder { color: #999; opacity:1;}
.form-control1::-webkit-input-placeholder {color: #999;}

input.form-control, textarea.form-control {
	background:none;
	background-color:#fff;
	border:1px solid #dedede;
	border-radius: 0;
	 -webkit-appearance: none;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	-webkit-box-shadow: none;
    box-shadow: none;
    -webkit-transition: none;
  	color: #a0a0a0;
	height:35px;
	font-size:14px;
	font-weight:400;
	margin-bottom:2px;
	font-family: 'Raleway', Arial, sans-serif;
	line-height: 1.428571429;
	padding: 6px 12px;
}

input.form-control1, textarea.form-control1 {
	background:none;
	background-color:#fff;
	border:1px solid #dedede;
	border-radius: 0;
	 -webkit-appearance: none;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	-webkit-box-shadow: none;
    box-shadow: none;
    -webkit-transition: none;
  	color: #a0a0a0;
	height:35px;
	font-size:14px;
	font-weight:400;
	margin-bottom:2px;
	font-family: 'Raleway', Arial, sans-serif;
	line-height: 1.428571429;
	padding: 6px 12px;
}

input.form-control:focus, textarea.form-control:focus, select.form-control:focus {
  border-color:none;
  outline: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
  color:#555;
}
/* Newsletter */
input.form-control#email_newsletter {
margin-bottom:0; 
background-color:#262626;
border:none;
height:52px;
width:380px;
padding-left:25px;
color:#676767;
margin-top:-3px;
}
input.form-control#email_newsletter:focus {
  border-color:none;
  outline: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
  color:#fff;
}

label {font-weight:normal;}

label.error{
	font-size:11px;
	position: absolute;
	top:-28px;
	right:-15px;
	z-index:9;
	height:25px;
	line-height:25px;
	background-color:#e34f4f;
	color:#fff;
	font-weight:600;
	padding:0 6px;
   } 
  label.error:after {
	content: '';
	position: absolute;
	border-style: solid;
	border-width: 0 6px 6px 0;
	border-color: transparent #e34f4f;
	display: block;
	width: 0;
	z-index: 1;
	bottom: -6px;
	left: 20%;
   } 
  .login-or {
    position: relative;
    font-size: 18px;
    color: #aaa;
    margin-top: 10px;
    margin-bottom: 10px;
    padding-top: 10px;
    padding-bottom: 10px;
  }
  .login_social {
	  margin-bottom:5px;
  }
  .span-or {
    display: block;
    position: absolute;
    left: 50%;
    top: -2px;
    margin-left: -25px;
    background-color: #fff;
    width: 50px;
    text-align: center;
  }
  .hr-or {
    height: 1px;
    margin-top: 0px !important;
    margin-bottom: 0px !important;
  }
  #pass-info{
	width: 98.5%;
	margin-bottom:15px;
	color: #829CBD;
	text-align: center;
	font: 12px/25px Arial, Helvetica, sans-serif;
}
#pass-info.weakpass{
	border: 1px solid #FF9191;
	background: #FFC7C7;
	color: #94546E;
	text-shadow: 1px 1px 1px #FFF;
}
#pass-info.stillweakpass {
	border: 1px solid #FBB;
	background: #FDD;
	color: #945870;
	text-shadow: 1px 1px 1px #FFF;
}
#pass-info.goodpass {
	border: 1px solid #C4EEC8;
	background: #E4FFE4;
	color: #51926E;
	text-shadow: 1px 1px 1px #FFF;
}
#pass-info.strongpass {
	border: 1px solid #6ED66E;
	background: #79F079;
	color: #348F34;
	text-shadow: 1px 1px 1px #FFF;
}
#pass-info.vrystrongpass {
	border: 1px solid #379137;
	background: #48B448;
	color: #CDFFCD;
	text-shadow: 1px 1px 1px #296429;
}

/*-------------------------------
23. Rigistration page
--------------------------------*/
.my-account-area {
    background: #fff none repeat scroll 0 0;
}
.form-fields {
    border-color: #e8e8e9 #e8e8e9;
    border-style: solid solid none;
    border-width: 1px 1px medium;
    float: left;
    padding: 20px 25px;
    width: 100%;
}
.form-fields h2 {
    border-bottom: 1px solid #e8e8e9;
    font-size: 18px;
    margin: 0 0 15px;
    padding: 0 0 5px;
    text-transform: none;
}
.form-fields p label {
    display: block;
    font-weight: 400;
    margin: 0 0 5px;
}
.form-fields p input {
    background: #fff none repeat scroll 0 0;
    border: 1px solid #e8e8e9;
    border-radius: 0;
    height: 32px;
    padding: 0 0 0 10px;
    width: 100%;
}
.form-action {
    background: #f5f5f5 none repeat scroll 0 0;
    border-color: #e8e8e9;
    border-style: none solid solid;
    border-width: medium 1px 1px;
    float: left;
    padding: 15px 10px;
    width: 100%;
	/*margin-left:1%;*/
}
.form-action p.lost_password {
    float: left;
    line-height: 36px;
    margin: 0;
}
.form-action label {
    float: right;
    font-weight: normal;
    line-height: 36px;
    margin: 0 20px 0 0;
}
.form-action label input {
    margin-right: 3px;
    margin-top: 0;
    position: relative;
    top: 2px;
}
.form-action input[type="submit"] {
    background: #cb0303 none repeat scroll 0 0;
    border: medium none;
    border-radius: 0;
    box-shadow: none;
    color: #fff;
    display: inline-block;
    float: right;
    font-size: 12px;
    font-weight: bold;
    height: 40px;
    line-height: 40px;
    padding: 0 15px;
    text-shadow: none;
    text-transform: uppercase;
    transition: all 0.3s ease 0s;
}
.form-action input[type="submit"]:hover {
    background: #888888 none repeat scroll 0 0;
}

.form-action1 {
   /* background: #f5f5f5 none repeat scroll 0 0;
    border-color: #e8e8e9;
    border-style: none solid solid;
    border-width: medium 1px 1px;
    float: left;*/
    padding: 15px 10px;
    width: 50%;
}
.form-action1 p.lost_password {
    float: left;
    line-height: 36px;
    margin: 0;
}
.form-action1 label {
    float: right;
    font-weight: normal;
    line-height: 36px;
    margin: 0 20px 0 0;
}
.form-action1 label input {
    margin-right: 3px;
    margin-top: 0;
    position: relative;
    top: 2px;
}
.form-action1 input[type="submit"] {
    background: #cb0303 none repeat scroll 0 0;
    border: medium none;
    border-radius: 0;
    box-shadow: none;
    color: #fff;
    display: inline-block;
    float: right;
    font-size: 12px;
    font-weight: bold;
    height: 40px;
    line-height: 40px;
    padding: 0 15px;
    text-shadow: none;
    text-transform: uppercase;
    transition: all 0.3s ease 0s;
}
.form-action1 input[type="submit"]:hover {
    background: #888888 none repeat scroll 0 0;
}

/* max width container */
.container1 {
	width: 20.4%;
	max-width: 70%;
	min-width:200px;
	margin: 0 auto;
	background: #fff;
	border: solid 1px #cecece;
	height: 290px;
	float: left;
	margin: 0 4.317535545023696682% 2.5em 0;		
	text-align: center;
}



/* responsive image */
.img {
	max-width: 100%;
	height: auto;
}
@media \0screen {
  .img { 
  	width: auto; /* for ie 8 */
  }
}


/************************************************************************************
OVERFLOW:HIDDEN TRICK
*************************************************************************************/
.overflow-urun {
	overflow: hidden; /* this will clear the float from .item */
}
.overflow-urun .item {
	width: 45%;
	margin-right: 5%;
	float: left;
}
.overflow-urun .item .img {
	text-align:center;
}
.overflow-urun .item .content {
	overflow: hidden; /* this will clear the float from .item img */
	min-width: 170px;
	height:220px;
	text-align:center;
	margin-top:0px;
}

.overflow-urun .UrunResim{
	margin-top:20px;
	margin-left:15px;
	text-align:center;
}
	
.overflow-urun .UrunIsim{
	margin: 5px 10px 5px 10px;
	
}
	
.overflow-urun .UrunIsim a{
	font-size: 0.95em;
	padding: 0;
	color: #000000;
	text-align:center;
	line-height:12pt;
}



.overflow-urun .UrunIsim a:hover {
	font-size:0.95em;
	margin: 0 0 5px;
	padding: 0;
	color: #ca0000;
	font-weight:500;
	text-decoration:none;
}


.overflow-urun .item .contentprice {
	overflow: hidden; /* this will clear the float from .item img */
	min-width: 200px;
	width:100%;
	height:25px;
	vertical-align:bottom;
	margin-top:20px;
}

.overflow-urun .item .contentprice .ListeFiyat {
	color:#000000;
	font-size:12pt;
	float:left;
	margin-left:10px;
	text-decoration: line-through;
}

.overflow-urun .item .contentprice .KargoBedava {
	color:#f36a02;
	font-size:11px;
	float:left;
	margin-left:10px;
	text-decoration:none;
}

.overflow-urun .item .content .Indirim {
	color:#fff;
	font-size:15px;
	background-image:url(Resim/indirimSon.png); 
	text-align:center; 
	position:absolute; 
	background-repeat:no-repeat;
	width:61px; 
	height:63px; 
	padding-top:15px;
	font-weight:600;
}

.TL {
	color:#000000;

}

.overflow-urun .item .contentprice .Fiyat {
	color:#ca0000;
	font-size:15pt;
	float:right;
		margin-right:10px;
}

.overflow-urun .item .contentfooter {
	overflow: hidden; /* this will clear the float from .item img */
	min-width: 200px;
	width:100%;
	height:25px;
	border-top:1px solid #e7e7e7;
	vertical-align:bottom;

}

.Left
{ float:left}

.Right
{ float:right}

.Kaldir a{
	font-size:16px;
	margin: 0 0 5px;
	color: #cc0000;
}

.Kaldir a:hover {
	font-size:16px;
	margin: 0 0 5px;
	color: #ca0000;
}
button, input, select, textarea {
	font-size: 100%;
	overflow: visible;
	margin: 0;
	vertical-align: baseline;
	width: auto;
}


/* =Buttons
-------------------------------------------------------------- */
.button, input[type='reset'], input[type='button'], input[type='submit'] {
	-moz-border-radius: 0px;
	border: 0px solid #dddddd;
	color: #333333;
	cursor: pointer;
	display: inline-block;
font-size: 16px;
	font-weight: 500;
	line-height: 20px;
	margin: 0;
	padding: 4px 10px;
	text-decoration: none;

	vertical-align: middle;/*white-space: nowrap;*/
}
a.button, input[type='reset'], input[type='button'], input[type='submit'] {
	-moz-border-radius: 0px;
	background-color: #ffa200;
	border: 0px solid #dddddd;
	color: #fff;
	cursor: pointer;
	display: inline-block;
	font-size: 16px;
	font-weight: 500;
	line-height: 22px;
	margin: 0;
	padding: 3px 10px;
	text-decoration: none;
	/*	text-shadow: 0 1px 0 #ffffff;*/
	vertical-align: middle;/*white-space: nowrap;*/
}
a.button:hover, input[type='reset']:hover, input[type='button']:hover, input[type='submit']:hover {
	-moz-box-shadow: 0 0px 0 rgba(152, 0, 0, 0.3) inset;
	-webkit-box-shadow: 0 0px 0 rgba(152, 0, 0, 0.3) inset;
	background-color: #cb0303;
	border: 0px solid #dddddd;
	/*	box-shadow: 0 1px 0 rgba(255, 255, 255, 0.3) inset;*/
	color: #fff;
}
a.button:active, input[type='reset']:active, input[type='button']:active, input[type='submit']:active {
	-moz-box-shadow: 0 1px 0 #ffffff, inset 0 1px 1px rgba(0, 0, 0, 0.1);
	-webkit-box-shadow: 0 1px 0 #ffffff, inset 0 1px 1px rgba(0, 0, 0, 0.1);
	/*background-color: #f9f9f9;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#f9f9f9), to(#f1f1f1));
	background-image: -webkit-linear-gradient(top, #f9f9f9, #f1f1f1);
	background-image: -moz-linear-gradient(top, #f9f9f9, #f1f1f1);
	background-image: -ms-linear-gradient(top, #f9f9f9, #f1f1f1);
	background-image: -o-linear-gradient(top, #f9f9f9, #f1f1f1);
	background-image: linear-gradient(top, #f9f9f9, #f1f1f1);*/
/*	box-shadow: 0 1px 0 #ffffff, inset 0 1px 1px rgba(0, 0, 0, 0.1);*/
/*	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#f9f9f9, endColorstr=#f1f1f1);
*/}
/* =Buttons (Call to Action)
-------------------------------------------------------------- */
.call-to-action {
	text-align: center;
}

.call-to-action a.button {
	font-size: 24px;
	padding: 15px 35px;
}

.call-to-action a.button:hover {
	text-decoration: none;
}

.ie7 .call-to-action a.button {
	padding: 11px 35px 19px 35px;
}

/* =Buttons (Sizes)
-------------------------------------------------------------- */
.small a.button {
	font-size: 10px;
	padding: 3px 6px;
}

.medium a.button {
	font-size: 16px;
	padding: 8px 16px;
}

.large a.button {
	font-size: 18px;
	padding: 10px 35px;
	clear:both;
}

.large1 a.button {
	font-size: 13px;
	padding: 10px 15px;
	clear:both;
}

.large1 a.button:hover {
	font-size: 13px;
	padding: 10px 15px;
	clear:both;
}


.large span.button {
	font-size: 18px;
	padding: 10px;
	clear:both;
}


.xlarge a.button {
	font-size: 24px;
	padding: 12px 55px;
}

/* =Buttons (Colors)
-------------------------------------------------------------- */
a.blue {
	background-color: #1874cd; /* Dodger Blue */
	background-image: -webkit-gradient(linear, left top, left bottom, from(#4f9eea), to(#1874cd));
	background-image: -webkit-linear-gradient(top, #4f9eea, #1874cd);
	background-image: -moz-linear-gradient(top, #4f9eea, #1874cd);
	background-image: -ms-linear-gradient(top, #4f9eea, #1874cd);
	background-image: -o-linear-gradient(top, #4f9eea, #1874cd);
	background-image: linear-gradient(top, #4f9eea, #1874cd);
	border: 0px solid #115290;
	color: #ffffff;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#4f9eea, endColorstr=#1874cd);
	text-shadow: 0 -1px 0 #115290;
}

a.blue:hover {
	background-color: #7db7f0;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#7db7f0), to(#1874cd));
	background-image: -webkit-linear-gradient(top, #7db7f0, #1874cd);
	background-image: -moz-linear-gradient(top, #7db7f0, #1874cd);
	background-image: -ms-linear-gradient(top, #7db7f0, #1874cd);
	background-image: -o-linear-gradient(top, #7db7f0, #1874cd);
	background-image: linear-gradient(top, #7db7f0, #1874cd);
	border: 0px solid #115290;
	color: #ffffff;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#7db7f0, endColorstr=#1874cd);
	text-shadow: 0 -1px 0 #115290;
}

a.red {
	background-color: #cb0303; /* Red 4 */
	width:100%;
	text-align:center;
	font-size:16px;
	line-height:21pt;
	color: #ffffff;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#e70000, endColorstr=#960000);
	/*text-shadow: 0 -1px 0 #e70000;*/
}

a.red:hover {
	background-color: #888888;
	color: #ffffff;
 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#960000, endColorstr=#960000);
/*text-shadow: 0 -1px 0 #960000;*/
}

.orange {
	background-color: #f46c02; /* Dark Orange 1 */
    width:100%;
	text-align:center;
	font-size:16px;
	line-height:20pt;
	color: #ffffff;
 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#f16802, endColorstr=#cb4d00);
}
a.orange:hover {
	background-color: #f46c02;
    width:100%;
	text-align:center;
	font-size:16px;
	line-height:20pt;
	color: #ffffff;
 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#32c8de, endColorstr=#32c8de);
}

a.yellow {
	background-color: #ecca06; /* Yellow Gold */
	background-image: -webkit-gradient(linear, left top, left bottom, from(#fff2aa), to(#ffd700));
	background-image: -webkit-linear-gradient(top, #fff2aa, #ffd700);
	background-image: -moz-linear-gradient(top, #fff2aa, #ffd700);
	background-image: -ms-linear-gradient(top, #fff2aa, #ffd700);
	background-image: -o-linear-gradient(top, #fff2aa, #ffd700);
	background-image: linear-gradient(top, #fff2aa, #ffd700);
	border: 0px solid #bb9e00;
	color: #161300;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#fff2aa, endColorstr=#ffd700);
	text-shadow: 0 1px 0 #ffffff;
}

a.yellow:hover {
	background-color: #fffadd;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#fffadd), to(#ffd700));
	background-image: -webkit-linear-gradient(top, #fffadd, #ffd700);
	background-image: -moz-linear-gradient(top, #fffadd, #ffd700);
	background-image: -ms-linear-gradient(top, #fffadd, #ffd700);
	background-image: -o-linear-gradient(top, #fffadd, #ffd700);
	background-image: linear-gradient(top, #fffadd, #ffd700);
	border: 0px solid #bb9e00;
	color: #161300;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#fffadd, endColorstr=#ffd700);
	text-shadow: 0 1px 0 #ffffff;
}

a.green {
	background-color: #2e8b57; /* Sea Green 4 */
	background-image: -webkit-gradient(linear, left top, left bottom, from(#4bc380), to(#2e8b57));
	background-image: -webkit-linear-gradient(top, #4bc380, #2e8b57);
	background-image: -moz-linear-gradient(top, #4bc380, #2e8b57);
	background-image: -ms-linear-gradient(top, #4bc380, #2e8b57);
	background-image: -o-linear-gradient(top, #4bc380, #2e8b57);
	background-image: linear-gradient(top, #4bc380, #2e8b57);
	border: 0px solid #1d5837;
	color: #ffffff;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#4bc380, endColorstr=#2e8b57);
	text-shadow: 0 -1px 0 #1d5837;
}

a.green:hover {
	background-color: #71d09b;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#71d09b), to(#2e8b57));
	background-image: -webkit-linear-gradient(top, #71d09b, #2e8b57);
	background-image: -moz-linear-gradient(top, #71d09b, #2e8b57);
	background-image: -ms-linear-gradient(top, #71d09b, #2e8b57);
	background-image: -o-linear-gradient(top, #71d09b, #2e8b57);
	background-image: linear-gradient(top, #71d09b, #2e8b57);
	border: 0px solid #1d5837;
	color: #ffffff;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#71d09b, endColorstr=#2e8b57);
	text-shadow: 0 -1px 0 #1d5837;
}

a.olive {
	background-color: #838b83; /* Honey Dew 4 */
	background-image: -webkit-gradient(linear, left top, left bottom, from(#e0e000), to(#838b83));
	background-image: -webkit-linear-gradient(top, #afb4af, #838b83);
	background-image: -moz-linear-gradient(top, #afb4af, #838b83);
	background-image: -ms-linear-gradient(top, #afb4af, #838b83);
	background-image: -o-linear-gradient(top, #afb4af, #838b83);
	background-image: linear-gradient(top, #afb4af, #838b83);
	border: 0px solid #626862;
	color: #ffffff;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#afb4af, endColorstr=#838b83);
	text-shadow: 0 -1px 0 #626862;
}

a.olive:hover {
	background-color: #c9cdc9;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#c9cdc9), to(#838b83));
	background-image: -webkit-linear-gradient(top, #c9cdc9, #838b83);
	background-image: -moz-linear-gradient(top, #c9cdc9, #838b83);
	background-image: -ms-linear-gradient(top, #c9cdc9, #838b83);
	background-image: -o-linear-gradient(top, #c9cdc9, #838b83);
	background-image: linear-gradient(top, #c9cdc9, #838b83);
	border: 0px solid #626862;
	color: #ffffff;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#c9cdc9, endColorstr=#838b83);
	text-shadow: 0 -1px 0 #626862;
}

a.purple {
	background-color: #5d478b; /* Medium Purple 4 */
	background-image: -webkit-gradient(linear, left top, left bottom, from(#8771b6), to(#5d478b));
	background-image: -webkit-linear-gradient(top, #8771b6, #5d478b);
	background-image: -moz-linear-gradient(top, #8771b6, #5d478b);
	background-image: -ms-linear-gradient(top, #8771b6, #5d478b);
	background-image: -o-linear-gradient(top, #8771b6, #5d478b);
	background-image: linear-gradient(top, #8771b6, #5d478b);
	border: 0px solid #3f305e;
	color: #ffffff;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#8771b6, endColorstr=#5d478b);
	text-shadow: 0 -1px 0 #3f305e;
}

a.purple:hover {
	background-color: #a492c8;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#a492c8), to(#5d478b));
	background-image: -webkit-linear-gradient(top, #a492c8, #5d478b);
	background-image: -moz-linear-gradient(top, #a492c8, #5d478b);
	background-image: -ms-linear-gradient(top, #a492c8, #5d478b);
	background-image: -o-linear-gradient(top, #a492c8, #5d478b);
	background-image: linear-gradient(top, #a492c8, #5d478b);
	border: 0px solid #3f305e;
	color: #ffffff;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#a492c8, endColorstr=#5d478b);
	text-shadow: 0 -1px 0 #3f305e;
}

a.pink {
	background-color: #cd1076; /* Deep Pink 3 */
	background-image: -webkit-gradient(linear, left top, left bottom, from(#f042a0), to(#cd1076));
	background-image: -webkit-linear-gradient(top, #f042a0, #cd1076);
	background-image: -moz-linear-gradient(top, #f042a0, #cd1076);
	background-image: -ms-linear-gradient(top, #f042a0, #cd1076);
	background-image: -o-linear-gradient(top, #f042a0, #cd1076);
	background-image: linear-gradient(top, #f042a0, #cd1076);
	border: 0px solid #8e0b52;
	color: #ffffff;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#f042a0, endColorstr=#cd1076);
	text-shadow: 0 -1px 0 #8e0b52;
}

a.pink:hover {
	background-color: #f471b8;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#f471b8), to(#cd1076));
	background-image: -webkit-linear-gradient(top, #f471b8, #cd1076);
	background-image: -moz-linear-gradient(top, #f471b8, #cd1076);
	background-image: -ms-linear-gradient(top, #f471b8, #cd1076);
	background-image: -o-linear-gradient(top, #f471b8, #cd1076);
	background-image: linear-gradient(top, #f471b8, #cd1076);
	border: 0px solid #8e0b52;
	color: #ffffff;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#f471b8, endColorstr=#cd1076);
	text-shadow: 0 -1px 0 #8e0b52;
}

a.brick {
	background-color: #b22222; /* Fire Brick */
	background-image: -webkit-gradient(linear, left top, left bottom, from(#dd4c4c), to(#b22222));
	background-image: -webkit-linear-gradient(top, #dd4c4c, #b22222);
	background-image: -moz-linear-gradient(top, #dd4c4c, #b22222);
	background-image: -ms-linear-gradient(top, #dd4c4c, #b22222);
	background-image: -o-linear-gradient(top, #dd4c4c, #b22222);
	background-image: linear-gradient(top, #dd4c4c, #b22222);
	border: 0px solid #791717;
	color: #ffffff;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#dd4c4c, endColorstr=#b22222);
	text-shadow: 0 -1px 0 #791717;
}

a.brick:hover {
	background-color: #e57777;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#e57777), to(#b22222));
	background-image: -webkit-linear-gradient(top, #e57777, #b22222);
	background-image: -moz-linear-gradient(top, #e57777, #b22222);
	background-image: -ms-linear-gradient(top, #e57777, #b22222);
	background-image: -o-linear-gradient(top, #e57777, #b22222);
	background-image: linear-gradient(top, #e57777, #b22222);
	border: 0px solid #791717;
	color: #ffffff;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#e57777, endColorstr=#b22222);
	text-shadow: 0 -1px 0 #791717;
}

a.gold {
	background-color: #8b6508; /* Dark Golden Rod 4 */
	background-image: -webkit-gradient(linear, left top, left bottom, from(#db9f0d), to(#8b6508));
	background-image: -webkit-linear-gradient(top, #db9f0d, #8b6508);
	background-image: -moz-linear-gradient(top, #db9f0d, #8b6508);
	background-image: -ms-linear-gradient(top, #db9f0d, #8b6508);
	background-image: -o-linear-gradient(top, #db9f0d, #8b6508);
	background-image: linear-gradient(top, #db9f0d, #8b6508);
	border: 0px solid #6b4e06;
	color: #ffffff;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#db9f0d, endColorstr=#8b6508);
	text-shadow: 0 -1px 0 #6b4e06;
}

a.gold:hover {
	background-color: #f3b828;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#f3b828), to(#8b6508));
	background-image: -webkit-linear-gradient(top, #f3b828, #8b6508);
	background-image: -moz-linear-gradient(top, #f3b828, #8b6508);
	background-image: -ms-linear-gradient(top, #f3b828, #8b6508);
	background-image: -o-linear-gradient(top, #f3b828, #8b6508);
	background-image: linear-gradient(top, #f3b828, #8b6508);
	border: 0px solid #6b4e06;
	color: #ffffff;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#f3b828, endColorstr=#8b6508);
	text-shadow: 0 -1px 0 #6b4e06;
}

a.brown {
	background-color: #8b4513; /* Saddle Brown */
	background-image: -webkit-gradient(linear, left top, left bottom, from(#d66a1d), to(#8b4513));
	background-image: -webkit-linear-gradient(top, #d66a1d, #8b4513);
	background-image: -moz-linear-gradient(top, #d66a1d, #8b4513);
	background-image: -ms-linear-gradient(top, #d66a1d, #8b4513);
	background-image: -o-linear-gradient(top, #d66a1d, #8b4513);
	background-image: linear-gradient(top, #d66a1d, #8b4513);
	border: 0px solid #4f270b;
	color: #ffffff;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#d66a1d, endColorstr=#8b4513);
	text-shadow: 0 -1px 0 #4f270b;
}

a.brown:hover {
	background-color: #8b4513;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#e58541), to(#8b4513));
	background-image: -webkit-linear-gradient(top, #e58541, #8b4513);
	background-image: -moz-linear-gradient(top, #e58541, #8b4513);
	background-image: -ms-linear-gradient(top, #e58541, #8b4513);
	background-image: -o-linear-gradient(top, #e58541, #8b4513);
	background-image: linear-gradient(top, #e58541, #8b4513);
	border: 0px solid #4f270b;
	color: #ffffff;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#e58541, endColorstr=#8b4513);
	text-shadow: 0 -1px 0 #4f270b;
}

a.silver {
	background-color: #c0c0c0; /* Silver */
	background-image: -webkit-gradient(linear, left top, left bottom, from(#eaeaea), to(#c0c0c0));
	background-image: -webkit-linear-gradient(top, #eaeaea, #c0c0c0);
	background-image: -moz-linear-gradient(top, #eaeaea, #c0c0c0);
	background-image: -ms-linear-gradient(top, #eaeaea, #c0c0c0);
	background-image: -o-linear-gradient(top, #eaeaea, #c0c0c0);
	background-image: linear-gradient(top, #eaeaea, #c0c0c0);
	border: 0px solid #9e9e9e;
	color: #444444;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#eaeaea, endColorstr=#c0c0c0);
	text-shadow: 0 1px 0 #ffffff;
}

a.silver:hover {
	background-color: #ffffff;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#c0c0c0));
	background-image: -webkit-linear-gradient(top, #ffffff, #c0c0c0);
	background-image: -moz-linear-gradient(top, #ffffff, #c0c0c0);
	background-image: -ms-linear-gradient(top, #ffffff, #c0c0c0);
	background-image: -o-linear-gradient(top, #ffffff, #c0c0c0);
	background-image: linear-gradient(top, #ffffff, #c0c0c0);
	border: 0px solid #9e9e9e;
	color: #444444;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffffff, endColorstr=#c0c0c0);
	text-shadow: 0 1px 0 #ffffff;
}

a.gray {
	background-color: #696969; /* Dim Gray */
	background-image: -webkit-gradient(linear, left top, left bottom, from(#939393), to(#696969));
	background-image: -webkit-linear-gradient(top, #939393, #696969);
	background-image: -moz-linear-gradient(top, #939393, #696969);
	background-image: -ms-linear-gradient(top, #939393, #696969);
	background-image: -o-linear-gradient(top, #939393, #696969);
	background-image: linear-gradient(top, #939393, #696969);
	border: 0px solid #474747;
	color: #ffffff;
	font-size:11px;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#939393, endColorstr=#696969);
	text-shadow: 0 -1px 0 #474747;
}

a.gray:hover {
	background-color: #adadad;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#adadad), to(#696969));
	background-image: -webkit-linear-gradient(top, #adadad, #696969);
	background-image: -moz-linear-gradient(top, #adadad, #696969);
	background-image: -ms-linear-gradient(top, #adadad, #696969);
	background-image: -o-linear-gradient(top, #adadad, #696969);
	background-image: linear-gradient(top, #adadad, #696969);
	border: 0px solid #474747;
	color: #ffffff;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#adadad, endColorstr=#696969);
	text-shadow: 0 -1px 0 #474747;
}

/*a.black {
	background-color: #080808; 
	background-image: -webkit-gradient(linear, left top, left bottom, from(#323232), to(#080808));
	background-image: -webkit-linear-gradient(top, #323232, #080808);
	background-image: -moz-linear-gradient(top, #323232, #080808);
	background-image: -ms-linear-gradient(top, #323232, #080808);
	background-image: -o-linear-gradient(top, #323232, #080808);
	background-image: linear-gradient(top, #323232, #080808);
	border: 0px solid #000000;
	color: #ffffff;
	width:100%;
	text-align:center;
	font-size:12px;
	line-height:20pt;
	color: #ffffff;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#323232, endColorstr=#080808);
	text-shadow: 0 -1px 0 #000000;
}

a.black:hover {
	background-color: #4c4c4c;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#4c4c4c), to(#080808));
	background-image: -webkit-linear-gradient(top, #4c4c4c, #080808);
	background-image: -moz-linear-gradient(top, #4c4c4c, #080808);
	background-image: -ms-linear-gradient(top, #4c4c4c, #080808);
	background-image: -o-linear-gradient(top, #4c4c4c, #080808);
	background-image: linear-gradient(top, #4c4c4c, #080808);
	border: 0px solid #000000;
	width:100%;
	text-align:center;
	font-size:12px;
	line-height:20pt;
	color: #ffffff;
	color: #ffffff;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#4c4c4c, endColorstr=#080808);
	text-shadow: 0 -1px 0 #000000;
}*/

a.black {
	background-color: #080808; /* Red 4 */
	width:100%;
	text-align:center;
	font-size:12px;
	line-height:21pt;
	color: #ffffff;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#e70000, endColorstr=#960000);
	/*text-shadow: 0 -1px 0 #e70000;*/
}

a.black:hover {
	background-color: #4c4c4c;
	color: #ffffff;
 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#960000, endColorstr=#960000);
/*text-shadow: 0 -1px 0 #960000;*/
}

.basliklink {
	color: #ca0000;
	font-size: 13px;
	text-decoration: none
}
a.basliklink:link {
	color: #ca0000;
	font-size: 13px;
	text-decoration: none
}
a.basliklink:visited {
	color: #ca0000;
	font-size: 13px;
	text-decoration: none
}
a.basliklink:active {
	color: #ca0000;
	font-size: 13px;
	text-decoration: none
}
a.basliklink:hover {
	text-decoration: underline;
	font-size: 13px;
	color: #ff9900
}
/*-------------------------------
24. about page
--------------------------------*/
.about-us-page .carousel-btn.no-bdr .owl-controls .owl-buttons div {
    background: transparent none repeat scroll 0 0;
    border: medium none transparent;
    color: #919191;
}
.about-us-page .carousel-btn.no-bdr .owl-controls .owl-buttons div:hover {
    background: none !important;
}
.about-us-page h3 {
    color: #888;
}
.about-us-area {
    background: #fff none repeat scroll 0 0;
    /*border-bottom: 1px solid #ddd;*/
}
.blogpage-date {
    float: left;
    font-size: 22px;
    font-weight: 700;
    width: 75px;
    display: block;
    border-right: 1px solid #ccc;
    margin-right: 25px;
    padding-right: 15px;
}
.blogpage-date > span {
    display: block;
    font-size: 12px;
    font-weight: 500;
    padding-top: 5px;
    text-transform: uppercase;
}
.artical-title > a {
    display: block;
    font-size: 22px;
    font-weight: 700;
    padding-bottom: 5px;
}
.user {
    display: inline;
    float: left;
}
.artical-title > a {
    display: block;
}
.artical-title span i {
    color: #cb0303;
}
.shortcode > a {
    margin-left: 50px;
}
.sp-bubble {
    margin-bottom: 40px;
    position: relative;
    background: #736357;
    padding: 10px
}
.sp-bubble cite span {
    border-bottom-color: transparent !important;
    content: " ";
    display: block;
    height: 0;
    position: absolute;
    top: 0;
    width: 15px;
    border-left-color: transparent !important;
    left: 0;
    border: 15px solid #736357
}
.sp-bubble cite {
    bottom: -30px;
    display: block;
    height: 30px;
    line-height: 36px;
    position: absolute;
    left: 15px;
    padding-left: 40px;
}
.sp-bubble > p {
    color: #fff;
    margin: 0;
}
.about-text-left > p {
    color: #888;
    font-size: 13px;
    line-height: 25px;
}
.single-slider h4 span {
    background: #cb0303 none repeat scroll 0 0;
    border-radius: 100%;
    color: #fff;
    display: inline-block;
    height: 45px;
    line-height: 45px;
    margin-right: 10px;
    text-align: center;
    width: 45px;
}
.single-slider p {
    color: #888;
    font-size: 13px;
    line-height: 20px;
    margin: 0;
}
.about-us-page .about-slider.carousel-btn .owl-controls .owl-buttons div i {
    font-size: 40px;
}
.about-educaton {
    color: #888;
}
.about-educaton ul li {
    border-left: 2px solid #cb0303;
    margin-bottom: 20px;
    padding-left: 20px;
}
.about-educaton h4 {
    margin: 10px 0;
}
.about-educaton p {
    font-size: 13px;
    line-height: 20px;
}
.about-slider-area {
    background: #fff none repeat scroll 0 0;
}
.single-slider .col-md-6 {
    padding: 0 60px;
}
.education-skill-area {
    background: #fdfdfd none repeat scroll 0 0;
}
.about-skill .single-prograss .progress-bar {
    background-color: #cb0303;
    box-shadow: none;
}
.about-skill .single-prograss .progress {
    background-color: #f6f6f6;
    border: medium none;
    height: 20px;
    margin-bottom: 10px;
}
.about-skill .single-prograss > span {
    padding-bottom: 5px;
}
/*-------------------------------
Contact-page
--------------------------------*/
.map-area span i {
    margin-right: 10px;
}
.quick-details > address p {
    margin-bottom: 5px;
}
.quick-details > address {
    margin: 20px 0 0;
}
.quick-details {
    border-bottom: 1px solid #ddd;
    padding-bottom: 20px;
}
.contact-title > h3 {
    font-weight: 700;
    text-transform: uppercase;
    margin-bottom: 20px;
}
.contact-title > h4 {
    padding-top: 20px;
}
.contact-form-area .input-box label {
    float: left;
    width: 55%;
}
.contact-form-area .input-box input,
.contact-form-area .input-box textarea {
    display: inline-block;
    font-size: 14px;
    height: 35px;
    padding: 0 11px;
    width: 90%;
}
.contact-form-area .input-box textarea {
    min-height: 300px;
    padding: 10px;
}
.contact-form-area > h3 {
    border-bottom: 1px solid #ddd;
    padding: 20px 0;
    margin-bottom: 20px;
}
em {
    color: #ff0000;
}
.about-us-area.common-contact .container {
    box-shadow: 5px 0 3px -3px #ededed, -5px 0 3px -3px #ededed;
}
.input-box.checkout {
    float: right;
    width: 15%;
    margin: 0;
}
.input-box.checkout input {
    border: medium none;
    height: 40px;
    width: 100%;
    transition: .3s;
}
form input:focus,
form textarea:focus {
    border-color: #96B7CB;
    box-shadow: 0 0 6px #96B7CB;
    color: #666666;
}
/*-------------------------------
26. 404-page
--------------------------------*/
.error404 {
    background: #fff none repeat scroll 0 0;
    border-top: 1px solid #ddd;
}
.error404 .search-box {
    border-left: medium none;
    height: auto;
    overflow: visible
}
.error404 .search-box input {
    border: 1px solid #ddd;
}
.mobile-menu-area {
    display: none
}
/*-------------------------------
27. Blog-page
--------------------------------*/
.blog-wraper .hotsell-area .area-title h3 {
  background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
}
.blog-wraper aside:first-child {
  margin-top: 0;
}
.common-blog .single-blog {
    margin-bottom: 50px;
}
.common-blog .single-blog:last-child {
    margin-bottom: 0;
}
.blog-wraper aside {
    box-shadow: 0 1px 5px 0 rgba(205, 205, 205, 0.5);
}
.blog-wraper .our-blog-area {
  background: #fff none repeat scroll 0 0;
}
.blog-wraper .blog-date {
  display: inline-block;
}
.blog-date.blog-user {
    margin-right: 10px;
}
.aside-padd.blog-ctg li {
    line-height: 23px;
    transition: all 0.3s ease 0s;
}
.aside-padd.blog-ctg li:hover {
    padding-left: 10px;
}
.aside-padd.blog-ctg li {
  border-bottom: 1px solid #ededed;
  padding-bottom:5px;
}
/*-------------------------------
28. Single-blog
--------------------------------*/
blockquote {
  background: #f7f7f7 none repeat scroll 0 0;
  border: medium none;
  font-size: 14px;
  font-style: italic;
  margin: 20px 0;
  padding: 30px 45px;
}

.web-links > span {
    display: inline-block;
    font-weight: 700;
    margin-right: 10px;
    position: relative;
    text-transform: uppercase;
    top: -10px;
}
.web-links > ul {
    display: inline-block;
}
.single-blog-wraper .web-links {
    /*border-bottom: 1px solid #ededed;
    border-top: 1px solid #ededed;*/
    padding: 8px 0 5px;
}
.reply-comment-area {
  overflow: hidden;
  width: 100%;
}
.reply-comment-area h3  .user-comment-form-area h3 {
  border-top: 1px solid #e5e5e5;
  color: #252525;
  font-size: 24px;
  margin: 0 0 50px;
  padding: 22px 0 0;
}
.single-reply {
  margin: 0 0 20px;
  overflow: hidden;
}
.author-description p {
  color: #6a6a6a;
  font-size: 13px;
  font-weight: 300;
}
.comment-author {
  float: left;
  width: 7%;
}
.comment-author img {
  border-radius: 100%;
}
.comment-info::before {
  background: #ffffff none repeat scroll 0 0;
  border-bottom: 1px solid #ececec;
  border-left: 1px solid #ececec;
  content: "";
  display: block;
  height: 10px;
  left: -5px;
  position: absolute;
  top: 10px;
  transform: rotate(45deg);
  width: 10px;
}
.comment-info {
  border: 1px solid #ececec;
  border-radius: 3px;
  float: right;
  padding: 10px;
  position: relative;
  width: 91%;
}
.comment-author-info {
  color: #9d9d9d;
  font-size: 12px;
  line-height: 1;
  margin: 0 0 15px;
}
.comment-author-info a {
  color: #666666;
}
.comment-author-info a:hover {
  color: #C38749;
}
.comment-author-info span {
  margin-left: 10px;
  margin-right: 10px;
}
.comment-info p {
  color: #6a6a6a;
  font-weight: 300;
}
.user-comment {
  padding-left: 25px;
}
.user-comment-form-area p.form-row label {
  color: #666666 !important;
  font-size: 12px;
  font-weight: normal;
}
.user-comment-form-area textarea {
  height: 120px;
  resize: none;
  width: 100%;
}
.reply-comment-area h3 , .user-comment-form-area h3{
  border-top: 1px solid #e5e5e5;
  color: #252525;
  font-size: 24px;
  padding: 20px 0 0;
}
.user-comment-form-area p {
  color: #9d9d9d;
  margin-bottom: 20px;
}
.form-row > input, .form-row textarea {
    border: 1px solid #ddd;
    width: 100%;
}
span.required {
  color: #f00;
}
.single-blog-wraper .blog-text > p {
    text-align: justify;
}

/*-------------------------------
29. Shop-list
--------------------------------*/
.shop-list-wraper .product-content .product-name > a {
    font-size: 20px;
}
.shop-list-wraper .product-content .product-name > a:hover {
    color: #ffa200 !important;
}
.shop-list-wraper .product-content h2.product-name {
    margin-bottom: 5px;
}
.shop-reviews {
    display: inline-block;
}
.shop-list-wraper .price-box {
    padding: 5px 0;
}
.list-views .rating {
    display: inline-block;
}
.rat-rev {
  border-bottom: 1px solid #ededed;
  overflow: hidden;
  padding: 5px 0;
}
.shop-list-wraper .short-area {
    display: block;
    overflow: hidden;
}
.shop-list-wraper .short-area {
    display: block;
    overflow: hidden;
}
.list-views li {
    display: inline-block;
}
.cart-wis-com > a {
    background: #cb0303 none repeat scroll 0 0;
    color: #fff;
    display: block;
    font-size: 18px;
    height: 35px;
    line-height: 35px;
    text-align: center;
    width: 35px;
}
.list-views li + li {
    margin-left: 5px;
}
.shop-list-wraper .product-content {
  padding: 0;
}
.list-views .single-product {
  margin-top: 0;
}
.shoplist-single-product {
    overflow: hidden;
}
.list-views .product-content > p {
    margin-bottom: 10px;
}
.list-views .shoplist-single-product + .shoplist-single-product {
    margin-top: 20px;
}

.SozlesmeB{
color: #ca0000;
letter-spacing: -1px;
line-height: 25px;
font-size: 160%;
font-weight: normal;
}


/*ALIŞVERİŞ EPOSTA */

.EpostaIsim {
	color: #000;
	font-size: 20px;
	text-decoration: none
}
.EpostaRenkB {
	color: #cb0303;
	font-size: 14px;
	text-decoration: none
}
.EpostaMetin {
	color: #000;
	font-size: 14px;
	text-decoration: none
}
.EpostaMetin a:link {
	color: #ca0000;
	font-size: 14px;
	text-decoration: underline
}
.EpostaMetin a:hover {
	text-decoration: none;
	font-size: 14px;
	color: #cb0303
}
.EpostaBaslik {
	color: #fff;
	font-size: 14px;
	text-decoration: none
}
.ToplamTutar {
	color: #000;
	letter-spacing:-1;
	font-size: 18px;
	text-decoration: none
}

@media screen and (max-width:768px) {
	
/*----------------------------------------*/
/*  12. footer-static-content
/*----------------------------------------*/

ul {
    list-style: outside none none;
    margin: 0;
    padding: 0;
	text-align:center;
}

.footer-static-title h3 {
    font-size: 16px;
    line-height: 32px;
    margin: 0;
    text-transform: none;
    font-weight: normal;
	color:#cb0303;
	text-align:center;
}
.footer-static-content .logo > img {
    display: block;
    margin-bottom: 20px;
    max-height: 80px;
    padding-top: 10px;
	padding-left:20px;
	
}
.footer-static-content.footer-acc li {
    position: relative;
    padding-left: 25px;
}
.footer-static-content li {
    line-height: 18px;
	color:#fff;
	font-size:11px;
	text-decoration:none
	
}
.social-links .web-links ul li a:hover i {
    color: #fff
}
.footer-static-content.footer-service li i {
    color: #cb0303;
    padding-right: 15px;
}
.footer-static-content ul li a:hover i {
    color: #ffa200;
}

.altyazi {
	font-size: 14px;
	text-align:center;
	line-height:18pt;
	color: #666666;
}
a.altyazi:link {
	color: #666666;
	text-align:center;
	font-size: 14px;
	text-decoration: none
}
a.altyazi:visited {
	color: #666666;
	text-align:center;
	font-size: 14px;
	text-decoration: none
}
a.altyazi:active {
	color: #cb0303;
	text-align:center;
	font-size: 14px;
	text-decoration: none
}
a.altyazi:hover {
	text-decoration: none;
	text-align:center;
	font-size: 14px;
	color: #cb0303
}


.footer-static-content li span {
    background: #cb0303 none repeat scroll 0 0;
    bottom: 0;
    color: #fff;
    display: block;
    height: 20px;
    left: 0;
    line-height: 20px;
    margin: auto;
    position: absolute;
    text-align: center;
    top: 0;
    width: 20px;
    border-radius: 100%;
    transition: all 0.3s ease 0s;
}
.footer-static-content.footer-acc li:hover span {
    background: #ffa200
}
.footer-static-content.footer-add {
    line-height: 28px;
	margin-top:50px;
}
.footer-static-content.footer-add .address {
    background: rgba(0, 0, 0, 0) url("img/address.png") no-repeat scroll left 9px;
    padding-left: 25px;
}
.footer-static-content.footer-add .phone {
    /*background: rgba(0, 0, 0, 0) url("img/phone_footer.png") no-repeat scroll left 9px;*/
    padding-left: 25px;
	 clear: both
}
.footer-static-content.footer-add .mail {
    background: rgba(0, 0, 0, 0) url("img/mail.png") no-repeat scroll left 9px;
    padding-left: 25px;
    clear: both
}
.footer-static-2 {
    border-bottom: 1px solid #ededed;
    border-top: 1px solid #ededed;
    padding: 20px 0;
}
.footer-static-2 .link-category li {
    border-right: 1px solid #ddd;
    line-height: 14px;
    padding: 0 11px 0 10px;
    display: inline-block
}
.ma-footer-container .payment {
    margin-top: 10px;
    text-align: right;
}
.ma-footer-container .payment li:last-child {
    margin: 0;
}
.ma-footer-container .payment li {
    margin-right: 10px;
    display: inline-block
}
.footer-static-2 .link-category li:first-child,
.basak-footer .links li:first-child {
    padding-left: 0;
}
.footer-static-2 .link-category li:last-child,
.basak-footer .links li:last-child {
    border-right: 0 none;
}
.footer-static-container {
    background: #fff none repeat scroll 0 0;
    border-top: 1px solid #ededed;
}
.footer-static {
    overflow: hidden;
	background-color:#f5f5f5;
	border-top:1px solid #e4e4e4;
}

.search-categori {
    box-shadow: 0 0 0 3px rgba(228, 228, 228, 1);
    display: block;
    float: left;
    height: 44px;
    margin-top: 14px;
    position: relative;
    width: 100%;
}
.categori {
    float: left;
    width: 120px;
	height:45px;
}
.categori select {
	position:relative;
	display:inline-block;
    font-family: Open Sans, Arial, Helvetica, sans-serif;
    font-size: 12px;
    text-transform: uppercase;
}
.chosen-container {
    height: 48px;
    line-height: 38px;
    width: 100% !important;
}
.chosen-container-single .chosen-search input[type=text] {
    display: none;
}
.chosen-container .chosen-single {
    background: none;
    border: none;
    border-radius: 0;
    font-size: 14px;
    line-height: 44px;
    padding: 0 0 0 10px;
    text-transform: capitalize;
    background: #cb0303;
    margin-top: -0.5px;
    height: 44.5px;
    box-shadow: none;
	color:#FFFFFF;
}
.chosen-container-active.chosen-with-drop .chosen-single {
    border: 0px;
    background-image: none;
    background: #cb0303;
    margin-top: -0.5px;
    height: 44.5px;
    box-shadow: none;
}
.chosen-container .chosen-single span {
    margin-right: 5px;
}
.chosen-container .chosen-single div {
    right: 0px;
    width: 25px;
    text-align: center;
}
.chosen-container .chosen-single div b {
    background: none;
}
.chosen-container .chosen-single div b:before {
    content: "\f107";
    font-family: FontAwesome;
    font-size: 16px;
}
.chosen-drop {
    left: auto;
    right: 0;
}
.chosen-drop {
    border: 1px solid #e5e5e5;
    border-radius: 2px;
    box-shadow: 0 2px 3px rgba(0, 0, 0, 0.3);
    font-family: Open Sans, Arial, Helvetica, sans-serif;
    margin-top: 10px;
    width: 210px !important;
    box-shadow: none !important;
    border-radius: 2px !important;
    border: 1px solid #eee !important;
}
.chosen-container .chosen-drop ul {
    margin: 0;
    padding: 0;
}
.chosen-container .chosen-drop ul li {
    margin: 0;
    padding: 10px 0px 10px 10px;
    text-align: left;
    font-size: 14px;
}
.chosen-container .chosen-drop ul li.highlighted {
    background-color: #e8e8e8;
    background-image: -webkit-linear-gradient(top, #f5f5f5 0%, #e8e8e8 100%);
    background-image: linear-gradient(to bottom, #f5f5f5 0%, #e8e8e8 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#fff5f5f5', endColorstr='#ffe8e8e8', GradientType=0);
    background-repeat: repeat-x;
    color: #262626
}
	
	}
@media only screen and (min-width: 290px) and (max-width: 768px) {	
.advertise-area .box-title1 {
    float: right;
    width: 57%;
	padding-left:3%;
}

.ListeFiyati {
	color: #ca0000;
	font-size: 13px;
	text-decoration: none
}

.Fiyat {
	color: #ca0000;
	font-size: 14px;
	text-decoration: none
}



}
	
.KitapBaski{
	color:#666666;
	font-size:14px;
	line-height:8pt;
}

/* Gray Scale */
.hover08 figure img {
	-webkit-filter: grayscale(100%);
	filter: grayscale(100%);
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
}
.hover08 figure:hover img {
	-webkit-filter: grayscale(0);
	filter: grayscale(0);
}



/*DESTEK PEGEM */
.homeSelfHelp { position: fixed; right: 20px; bottom: 10px; z-index: 9;}
.homeSelfHelp .btnSelfBox {width: 150px; height: 162px; background: url(https://www.pegem.net/resim/DestekPegem.png); position: absolute; right: 0; bottom: 30px; cursor: pointer;}

