/*-----------------------------------------------------------------------------------

    Template Name: 
    Template URI: 
    Description: This is html5 template
    Author: Saikat Ahmed
    Author URI: https://about.me/saikatahmed
    Version: 1.0

-----------------------------------------------------------------------------------
    
    CSS INDEX
    ===================
  
    1. Theme default CSS
    2. Home 1
        2.2 menu
        2.3 drop-down
        2.4 mega-menu
        2.5 slider
        2.6 New Product Area
        2.7 Featured Product Area
        2.8 Time Counter Area
        2.9 Top Sale Trending
        2.10 Best Offer Area
        2.11 Testimonial Area
        2.12 Brand Area
        2.13 Blog Area
        2.14 Newsletter area
        2.15 Service Area
        2.16 Footer
    3. Home 2
    4. Shop Grid
    5. Shop Grid sidebar
    6. Product Details
    7. Blog
    8. Contact
    9. About
    10. My Account
    11. Cart Page
    12. Checkout
    13. 404
	14. Iletisim Grid
	15. Yüzük Grid
	16. Construction Grid
	17. Elbise Grid
	18. Palto Grid
	19. Ceket Grid
	20. Pantolon Grid
	21. Takım Grid
	22. Mayo Grid
	23.	Ayakkabı Grid
	24. Mücevher Grid
	25. Broş Grid
	26. Kolye Grid
	27. Sac Grid
	28. Halhal Grid
	29. Ev Grid
	30. Büro Grid
	31. Ortak Grid
	32. Urun Grid
	33. Küpe Grid
	34. Hakkımızda Grid
	35. Bluz Grid
	36. Etek Grid
	37. Tulum Grid
	38. Yeni Giyim Grid
	39. Yeni Takı Grid
	40.	Yeni Aksesuar Grid
	41. Seperation
	42. Yatay Boşluk
	43. Gezinti
	44. İçTakım Grid
	45. Sutyen Grid
	46. Külot Grid
	47. Kombinezon Grid
	48. Sabahlık Grid
	49. Etol Grid
	50. Site Haritası

-----------------------------------------------------------------------------------*/


/*----------------------------------------
 1. Theme default CSS
----------------------------------------*/

.clear {
    clear: both
}

::-moz-selection {
    background: #00b0ff;
    color: #fff;
    text-shadow: none;
}

::selection {
    background: #00b0ff;
    color: #fff;
    text-shadow: none;
}

.no-mar {
    margin: 0!important;
}

.no-pad {
    padding: 0!important;
}

.no-bor {
    border: 0!important;
}

div#preloader {
    background: #000 url("../img/loading.gif") no-repeat scroll center center;
    height: 100%;
    left: 0;
    overflow: visible;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 999999;
}

.menu-area .menus.navbar-fixed-top {
    animation-duration: 0.8s;
    animation-name: fadeInDown;
    animation-timing-function: ease-in-out;
    border-bottom: 1px solid #fff;
    box-shadow: 0 4px 12px -4px rgba(0, 0, 0, 0.75);
    height: auto;
    left: 0;
    padding: 20px 70px;
    position: fixed !important;
    right: 0;
    top: 0;
    width: 100%;
    z-index: 99999;
}

.menus.navbar-fixed-top .shopping-cart .cart {
    top: 55px;
}

.menus.navbar-fixed-top .account .account-menu {
    top: 55px;
}

.menus.navbar-fixed-top .menu li > .mega-menu {
    top: 45px;
}

.menus.navbar-fixed-top .menu ul li .dorp-menu {
    top: 45px;
}

.mar-bot-50 {
    margin-bottom: 50px;
}

.mar-bot-40 {
    margin-bottom: 40px;
}

.mar-bot-35 {
    margin-bottom: 35px;
}

.mar-bot-30 {
    margin-bottom: 30px;
}

.mar-top-30 {
    margin-top: 30px;
}

.mar-top-80 {
    margin-top: 80px;
}

.mar-top-80 {
    margin-top: 80px;
}

.mar-top-55 {
    margin-top: 55px;
}

.mar-top-108 {
    margin-top: 108px;
}

.text-left {
    text-align: left;
}

.text-center {
    text-align: center;
}

.text-right {
    text-align: right;
}

*,
*:before,
*:after {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

*:focus {
    outline: 0;
}

html {
    font-size: 62.5%;
    -webkit-font-smoothing: antialiased;
}

body {
    background: #fff;
    font-weight: normal;
    font-size: 15px;
    letter-spacing: 1.5px;
    color: #888;
    line-height: 30px;
    -webkit-font-smoothing: antialiased;
    /* Fix for webkit rendering */
    -webkit-text-size-adjust: 100%;
}

img {
    max-width: 100%;
    height: auto;
}

button,
input,
textarea {
    letter-spacing: 1px;
}


/*scroll up*/

#scrollUp {
    background: #232323 none repeat scroll 0 0;
    border: 1px solid #00b0ff;
    border-radius: 0;
    bottom: 35px;
    box-shadow: 0 0 20px rgba(255, 255, 255, 0) inset;
    color: white;
    cursor: pointer;
    display: none;
    font-size: 17px;
    height: 40px;
    line-height: 20px;
    outline-color: rgba(255, 255, 255, 0.5);
    outline-offset: 0;
    padding-top: 10px;
    position: fixed;
    right: 20px;
    text-align: center;
    text-shadow: none;
    -webkit-transition: all 1250ms cubic-bezier(0.19, 1, 0.22, 1) 0s;
    -moz-transition: all 1250ms cubic-bezier(0.19, 1, 0.22, 1) 0s;
    -ms-transition: all 1250ms cubic-bezier(0.19, 1, 0.22, 1) 0s;
    -o-transition: all 1250ms cubic-bezier(0.19, 1, 0.22, 1) 0s;
    transition: all 1250ms cubic-bezier(0.19, 1, 0.22, 1) 0s;
    width: 40px;
    z-index: 9999;
}

#scrollUp:hover {
    background: #00b0ff none repeat scroll 0 0;
    box-shadow: 0 0 20px rgba(255, 255, 255, 0.5) inset, 0 0 20px rgba(255, 255, 255, 0.2);
    color: white;
    outline: 1px solid rgba(255, 255, 255, 0);
    outline-offset: 15px;
}


/*modal*/

.modal {
    z-index: 99999;
}

.modal-dialog {
    margin: 90px auto 30px;
    width: 880px;
}

.modal-content {
    padding: 20px;
}

.modal-header {
    border-bottom: 1px solid #e5e5e5;
    margin-bottom: 10px;
    padding: 5px 10px;
}

.modal-content button.close {
    background: #dd443c none repeat scroll 0 0;
    border: 1px solid #dd443c;
    border-radius: 100%;
    color: #fff;
    display: inline-block;
    font-size: 16px;
    height: 25px;
    line-height: 15px;
    opacity: 1;
    position: absolute;
    right: -10px;
    top: -11px;
    width: 25px;
    z-index: 99;
}


/*----------------------------------------
 2. Home 1
----------------------------------------*/

header {
    background: #181919 none repeat scroll 0 0;
    height: 120px;
    position: relative;
}

.header-top {
    padding: 18px 0 0;
}

.header-top .email {}

.header-top .email i {
    color: #777777;
    font-size: 14px;
    line-height: 20px;
}

.header-top .email span {
    color: #777777;
    font-size: 14px;
    font-weight: 400;
    letter-spacing: 0;
    line-height: 20px;
}

.header-top .social-top {
    text-align: center;
}

.header-top .social-top ul {}

.header-top .social-top ul li {
    display: inline-block;
}

.header-top .social-top ul li a {
    color: #777777;
    display: block;
    font-size: 18px;
    font-weight: 400;
    letter-spacing: 0;
    line-height: 18px;
    padding: 0 12px;
}

.header-top .social-top ul li a:hover {
    color: #ffffff;
}

.header-top .lang-cur {
    float: right;
}

.header-top .lang-cur div {
    display: inline-block;
    position: relative;
}

.header-top .lang-cur div > a {
    color: #777777;
    display: block;
    font-size: 14px;
    font-weight: 400;
    letter-spacing: 0;
    line-height: 20px;
    padding: 5px 10px;
    position: relative;
}

.header-top .lang-cur div > a::after {
    content: "";
    font-family: FontAwesome;
    position: absolute;
    right: -3px;
    top: 8px;
}

.header-top .lang-cur div:hover > a {
    color: #ffffff;
}

.header-top .lang-cur div ul {
    background: rgba(0, 0, 0, 0.9) none repeat scroll 0 0;
    min-width: 95px;
    padding: 5px 8px;
    position: absolute;
    top: 100%;
    z-index: 99999;
}

.header-top .lang-cur div ul li {}

.header-top .lang-cur div ul a {
    color: #777777;
    display: block;
    font-size: 14px;
    font-weight: 400;
    letter-spacing: 0;
    line-height: 20px;
    padding: 5px 8px;
}

.header-top .lang-cur .lang {
    margin-right: 9px;
}

.header-top .lang-cur .lang::after {
    background: #343434 none repeat scroll 0 0;
    content: "";
    height: 20px;
    position: absolute;
    right: -13px;
    top: 8px;
    width: 1px;
}

.header-top .lang-cur .lang > a {}

.header-top .lang-cur .lang ul {
    left: -20px;
}

.header-top .lang-cur .lang ul li {}

.header-top .lang-cur .lang ul li a {}

.header-top .lang-cur .cur {}

.header-top .lang-cur .cur > a {}

.header-top .lang-cur .cur ul {
    left: -42px;
}

.header-top .lang-cur .cur ul li {}

.header-top .lang-cur .cur ul li a {}


/*2.2 menu*/

.menu-area {}

.menu-area .menus {
    background: #fff none repeat scroll 0 0;
    height: 100px;
    left: 0;
    padding: 30px 30px 35px 35px;
    position: absolute;
    top: 22px;
    width: 100%;
    z-index: 9999;
}

.menus .logo {}

.menus .logo a {}

.menus .logo a img {}

.menus .menu {
    padding: 4px 0;
    text-align: center;
}

.menus .menu ul {}

.menus .menu ul > li {
    display: inline-block;
    margin: 0 15px;
    position: relative;
}

.menus .menu ul li > a {
    color: #111111;
    font-size: 13px;
    font-weight: 400;
    letter-spacing: 0;
    line-height: 20px;
    padding: 7px 0 48px;
    position: relative;
    text-transform: uppercase;
}

.menus .menu ul li:hover > a {
    color: #dd443c;
}

.menus .menu ul li > a::after {
    background: #dd443c none repeat scroll 0 0;
    bottom: 40px;
    content: "";
    height: 1px;
    left: 0;
    position: absolute;
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    -o-transform: scale(0);
    transform: scale(0);
    -webkit-transform-origin: 0 0 0;
    -moz-transform-origin: 0 0 0;
    -ms-transform-origin: 0 0 0;
    -o-transform-origin: 0 0 0;
    transform-origin: 0 0 0;
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -ms-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    width: 100%;
}

.menus .menu ul li:hover > a::after {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
}


/*2.3 drop-down*/

.menu ul li .dorp-menu {
    background: #ffffff none repeat scroll 0 0;
    border-top: 1px solid #dd443c;
    left: -10px;
    min-width: 160px;
    padding: 5px 10px;
    position: absolute;
    text-align: left;
    top: 60px;
    -webkit-transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
    -ms-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;
    z-index: 999;
    opacity: 0;
    visibility: hidden;
}

.menu ul li:hover .dorp-menu {
    opacity: 1;
    visibility: visible;
}

.menu ul li .dorp-menu li {
    display: block;
    margin: 0;
}

.menu ul li .dorp-menu li a {
    display: block;
    padding: 8px 0;
    text-transform: capitalize;
}

.menu ul li .dorp-menu li a::after {
    display: none;
}


/*2.4 mega-menu*/

.menu li > .mega-menu {
    background: #dddddd none repeat scroll 0 0;
    border-top: 1px solid #dd443c;
    display: block;
    left: -200px;
    opacity: 0;
    padding: 20px 13px 50px;
    position: absolute;
    text-align: left;
    top: 40px;
    -webkit-transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
    -ms-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;
    visibility: hidden;
    width: 525px;
    z-index: 999;
}

.menu li:hover > .mega-menu {
    opacity: 0.90;
    visibility: visible;
}

.menu li > .mega-menu span {
    float: left;
    margin-left: 22px;
    width: 45%;
}

.menu li > .mega-menu span .mega-menu-title {
    color: #232323;
    font-weight: 700;
    margin-bottom: 12px;
}

.menu li > .mega-menu span a {
	font-family: Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", "serif";
    color: #69686c;
    display: block;
    font-size: 14px;
    font-weight: 400;
    letter-spacing: 0;
    line-height: 28px;
}

.menu li > .mega-menu span a:hover {
    color: #dd443c;
}

.menu li > .mega-menu span .mega-picture {}

.menus .search-account-shop {
    float: right;
}

.search-account-shop > div {
    display: inline-block;
    position: relative;
}

.search-account-shop > div > a {
    color: #111111;
    font-size: 16px;
    height: 16px;
    line-height: 24px;
    width: 16px;
}

.search-account-shop .search {
    margin-right: 34px;
}

.search-account-shop .search > a {
    padding: 5px;
}

.search-account-shop .search input {
    border: 1px solid #ccc;
    color: #111111;
    font-size: 13px;
    font-weight: 400;
    height: 35px;
    left: -170px;
    letter-spacing: 0;
    opacity: 0;
    padding: 5px 8px;
    position: absolute;
    top: 33px;
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -ms-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    visibility: hidden;
    width: 200px;
}

.search-account-shop .search:hover input,
.search-account-shop .search input:focus {
    opacity: 1;
    visibility: visible;
}

.search-account-shop .account {
    margin-right: 34px;
}

.search-account-shop .account > a {
    padding: 5px 5px 45px;
}

.account .account-menu {
    background: #fff none repeat scroll 0 0;
    border-top: 1px solid #dd443c;
    min-width: 170px;
    opacity: 0;
    padding: 22px 10px 24px 25px;
    position: absolute;
    right: -30px;
    top: 70px;
    -webkit-transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
    -ms-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;
    visibility: hidden;
}

.account:hover .account-menu {
    opacity: 1;
    visibility: visible;
}

.account .account-menu li {
    display: block;
}

.account .account-menu li a {
    color: #888889;
    display: block;
    font-size: 14px;
    font-weight: 400;
    letter-spacing: 0;
    line-height: 22px;
}

.account .account-menu li a:hover {
    color: #232323;
}

.account .account-menu li a i {
    color: #dd443c;
    height: 14px;
    margin-right: 15px;
    width: 14px;
}

.search-account-shop .shopping-cart {}

.search-account-shop .shopping-cart > a {
    padding: 5px 5px 45px;
    position: relative;
}

.search-account-shop .shopping-cart a .cart-num {
    background: #dd443c none repeat scroll 0 0;
    border-radius: 100%;
    color: #fff;
    font-size: 8px;
    font-weight: 400;
    height: 15px;
    letter-spacing: 0;
    line-height: 15px;
    position: absolute;
    right: 0;
    text-align: center;
    top: 14px;
    width: 15px;
}

.shopping-cart .cart {
    background: #fff none repeat scroll 0 0;
    box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.2);
    opacity: 0;
    padding: 20px 15px 10px;
    position: absolute;
    right: -30px;
    top: 70px;
    -webkit-transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
    -ms-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;
    visibility: hidden;
    width: 280px;
    z-index: 9999;
}

.shopping-cart:hover .cart {
    opacity: 1;
    visibility: visible;
}

.shopping-cart .cart li {
    border-bottom: 1px solid #ddd;
    overflow: hidden;
    padding: 8px 0;
}

.shopping-cart .cart li:first-child {
    padding-top: 0;
}

.shopping-cart .cart li .cart-img {
    border: 1px solid #ddd;
    border-radius: 4px;
    float: left;
    padding: 5px;
    position: relative;
    width: 90px;
}

.shopping-cart .cart li a {
    color: #000;
    font-size: 12px;
    font-weight: 600;
}

.cart-info {
    float: left;
    padding-left: 12px;
    padding-top: 0;
}

.cart-info h4 {
    font-size: 12px;
    font-weight: 600;
    margin-bottom: 6px;
}

.shopping-cart .cart li a {
    color: #000;
    font-size: 14px;
    font-weight: 400;
    letter-spacing: 0;
    line-height: 20px;
}

.shopping-cart .cart li a:hover {
    color: #dd443c;
}

.shopping-cart .cart li .cart-info > span {
    color: #dd443c;
    font-size: 14px;
    font-weight: 400;
    letter-spacing: 0;
}

.del-icon {
    color: #dd443c;
    cursor: pointer;
    float: right;
    font-size: 14px;
    margin-top: 6px;
    padding-right: 10px;
}

.total-text {
    color: #000;
    display: inline-block;
    font-size: 16px;
    font-weight: 700;
    letter-spacing: 0;
    padding: 12px 5px;
    text-transform: uppercase;
}

.total-text span {
    color: #dd443c;
    font-size: 20px;
    letter-spacing: 0;
}

.shopping-cart .cart li .cart-view {
    float: right;
    margin-top: 6px;
}

.shopping-cart .cart li .cart-view > a {
    border: 1px solid #a1a1a1;
    color: #000;
    display: inline-block;
    font-size: 14px;
    font-weight: 400;
    padding: 6px 4px;
    text-transform: uppercase;
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -ms-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}

.shopping-cart .cart li .cart-view > a:hover {
    border-color: #dd443c;
    color: #dd443c;
}

.shopping-cart .cart li a.checkout {
    border: 1px solid #a2a2a2;
    display: block;
    font-size: 16px;
    font-weight: 600;
    margin-top: 20px;
    padding: 10px;
    text-transform: uppercase;
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -ms-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}

.shopping-cart .cart li a.checkout:hover {
    border-color: #dd443c;
}

.shopping-cart .cart li:last-child {
    border: medium none;
}


/*mobile-logo*/

.mobile-logo-area {
    padding: 15px 0;
}

.mobile-logo {
    text-align: center;
}


/*2.5 slider*/

.slider {
    position: relative;
}

.nivo-caption {
    left: 0;
}

.nivo-caption .slide-1 {
    padding-left: 25%;
}

.nivo-caption .slide-2 {
    padding-left: 0;
    text-align: center;
}

.nivo-caption .slide-3 {
    padding-right: 25%;
    text-align: right;
}

.cap-dec > h3 {
    font-family: Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", "serif";
	color: #fff;
    font-size: 42px;
    font-weight: 700;
    letter-spacing: 0;
    line-height: 34px;
    margin-bottom: 10px;
    text-transform: uppercase;
}

.cap-title h2 {
    font-family: Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", "serif";
	color: gold;
    font-size: 50px;
    font-weight: 700;
    letter-spacing: 0;
    line-height: 54px;
    margin-bottom: 11px;
    text-transform: uppercase;
}

.cap-dec-2 > h3 {
    color: #fff;
    font-size: 30px;
    font-weight: 700;
    letter-spacing: 0;
    line-height: 34px;
    margin-bottom: 26px;
    text-transform: uppercase;
}

.cap-shop > a {
    border: 1px solid #fff;
    color: #fff;
    display: inline-block;
    font-size: 13px;
    font-weight: 400;
    letter-spacing: 0;
    line-height: 18px;
    padding: 8px 15px;
    text-transform: uppercase;
}

.cap-shop > a:hover {
    border-color: #dd443c;
    color: #dd443c;
}


/*----------------------------------------
 2.6 New Product Area
----------------------------------------*/

.new-product-area {
    padding: 75px 0 10px;
    position: relative;
}

.section-heading {
    margin: auto auto 30px;
    text-align: center;
}

.new-product-area .section-heading {
    margin-bottom: 19px;
}

.section-heading .section-title {
    font-family: Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", "serif";
	color: #080808;
    font-size: 20px;
    font-weight: 700;
    letter-spacing: 0;
    line-height: 24px;
    margin: 0 0 29px;
    position: relative;
    text-transform: uppercase;
}

.section-heading .section-title::after {
    background: rgba(0, 0, 0, 0) url("../img/banner/title-picture.png") no-repeat scroll 0 0;
    bottom: -25px;
    content: "";
    height: 19px;
    left: 0;
    margin: auto;
    position: absolute;
    right: 0;
    width: 108px;
}

.section-heading .section-text {
	font-family: Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", "serif";
    color: #69686c;
    font-size: 16px;
    font-weight: 400;
    letter-spacing: 0;
    line-height: 18px;
}

.new-pro-tab {
    margin-bottom: 22px;
    text-align: center;
}

.new-pro-tab li {
    display: inline-block;
    margin: 0 16px;
    position: relative;
}

.new-pro-tab li::after {
    color: #080808;
    content: "/";
    position: absolute;
    right: -21px;
    top: 0;
}

.new-pro-tab li:last-child::after {
    display: none;
}

.new-pro-tab li a {
    color: #080808;
    font-size: 14px;
    font-weight: 400;
    letter-spacing: 0;
    text-transform: uppercase;
}

.new-pro-tab li.active a,
.new-pro-tab li a:hover {
    color: #dd443c;
}

.single-product {}

.single-product .product-img {
    position: relative;
}

.single-product .product-img::before {
    background: #000 none repeat scroll 0 0;
    content: "";
    height: 100%;
    left: 0;
    opacity: 0;
    position: absolute;
    top: 0;
    transition: all 0.3s ease 0s;
    width: 100%;
}

.single-product:hover .product-img::before {
    opacity: 0.3;
}

.single-product .product-img > a {
    background: #F8F8F8 none repeat scroll 0 0;
    display: block;
    text-align: center;
}
.single-product .single-product-img:hover {
	opacity: 0,3;
}
.single-product .single-product-img > a {
    background: #F8F8F8 none repeat scroll 0 0;
    display: block;
    text-align: center;
}

.product-img > a::before,
.product-img > a::after {
    bottom: 10px;
    content: "";
    left: 10px;
    opacity: 0;
    position: absolute;
    right: 10px;
    top: 10px;
    -webkit-transition: opacity 0.35s ease 0s, transform 0.9s ease 0s;
    -moz-transition: opacity 0.35s ease 0s, transform 0.9s ease 0s;
    -ms-transition: opacity 0.35s ease 0s, transform 0.9s ease 0s;
    -o-transition: opacity 0.35s ease 0s, transform 0.9s ease 0s;
    transition: opacity 0.35s ease 0s, transform 0.9s ease 0s;
}

.product-img > a::before {
    border-bottom: 1px solid #fff;
    border-top: 1px solid #fff;
    -webkit-transform: scale(0, 1);
    -moz-transform: scale(0, 1);
    -ms-transform: scale(0, 1);
    -o-transform: scale(0, 1);
    transform: scale(0, 1);
}

.product-img > a::after {
    border-left: 1px solid #fff;
    border-right: 1px solid #fff;
    -webkit-transform: scale(1, 0);
    -moz-transform: scale(1, 0);
    -ms-transform: scale(1, 0);
    -o-transform: scale(1, 0);
    transform: scale(1, 0);
}

.single-product:hover .product-img a::before,
.single-product:hover .product-img a::after {
    opacity: 1;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
}

.single-product .product-img a img {
    width: 100%;
}

.single-product .product-content {
    padding: 15px 0;
}

.pro-img-content {
    bottom: -45px;
    left: 0;
    opacity: 0;
    position: absolute;
    right: 0;
    text-align: center;
    -webkit-transition: all 0.8s ease 0s;
    -moz-transition: all 0.8s ease 0s;
    -ms-transition: all 0.8s ease 0s;
    -o-transition: all 0.8s ease 0s;
    transition: all 0.8s ease 0s;
    visibility: hidden;
}

.single-product:hover .pro-img-content {
    bottom: 50px;
    opacity: 1;
    visibility: visible;
}

.single-product .single-product-img {
    position: relative;
}

.single-product .single-product-img::before {
    background: #000 none repeat scroll 0 0;
    content: "";
    height: 100%;
    left: 0;
    opacity: 0;
    position: absolute;
    top: 0;
    transition: all 0.3s ease 0s;
    width: 100%;
}

.single-product:hover .single-product-img::before {
    opacity: 0.4;
}

.single-product .single-product-img > a {
    background: #F8F8F8 none repeat scroll 0 0;
    display: block;
    text-align: center;
}
.single-product .single-product-img:hover {
	opacity: 0,3;
}
.single-product .single-product-img > a {
    background: rgba(234, 7, 50, 0.3) none repeat scroll 0 0;
    display: block;
    text-align: center;
}

.single-product-img > a::before,
.single-product-img > a::after {
    bottom: 10px;
    content: "";
    left: 10px;
    opacity: 0;
    position: absolute;
    right: 10px;
    top: 10px;
    -webkit-transition: opacity 0.15s ease 0s, transform 0.4s ease 0s;
    -moz-transition: opacity 0.15s ease 0s, transform 0.4s ease 0s;
    -ms-transition: opacity 0.15s ease 0s, transform 0.4s ease 0s;
    -o-transition: opacity 0.15s ease 0s, transform 0.4s ease 0s;
    transition: opacity 0.15s ease 0s, transform 0.4s ease 0s;
}

.single-product-img > a::before {
    border-bottom: 1px solid #fff;
    border-top: 1px solid #fff;
    -webkit-transform: scale(0, 1);
    -moz-transform: scale(0, 1);
    -ms-transform: scale(0, 1);
    -o-transform: scale(0, 1);
    transform: scale(0, 1);
}

.single-product-img > a::after {
    border-left: 1px solid #fff;
    border-right: 1px solid #fff;
    -webkit-transform: scale(1, 0);
    -moz-transform: scale(1, 0);
    -ms-transform: scale(1, 0);
    -o-transform: scale(1, 0);
    transform: scale(1, 0);
}

.single-product:hover .single-product-img a::before,
.single-product:hover .single-product-img a::after {
    opacity: 1;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
}

.single-product .single-product-img a img {
    width: 100%;
}

.single-product .single-product-content {
    padding: 15px 0;
}

.pro-img-content {
    bottom: -45px;
    left: 0;
    opacity: 0;
    position: absolute;
    right: 0;
    text-align: center;
    -webkit-transition: all 0.8s ease 0s;
    -moz-transition: all 0.8s ease 0s;
    -ms-transition: all 0.8s ease 0s;
    -o-transition: all 0.8s ease 0s;
    transition: all 0.8s ease 0s;
    visibility: hidden;
}

.single-product:hover .pro-img-content {
    bottom: 50px;
    opacity: 1;
    visibility: visible;
}

.pro-img-content ul {}

.pro-img-content ul li {
    display: inline-block;
    text-align: center;
	color: #fff;
}

.pro-img-content ul li:hover{
	color: yellow;
	text-align: center;
	font-weight: bold;
}

.pro-img-content ul li a {
    border: 1px solid #fff;
    border-radius: 100%;
    color: #fff;
    display: inline-block;
    height: 35px;
    line-height: 35px;
    width: 100%;
}

.pro-img-content ul li a:hover {
    border-color: #dd443c;
    color: #dd443c;
}

.product-content .product-name {
	font-family: Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", "serif";
    color: #000000;
    display: block;
    font-size: 16px;
    font-weight: 400;
    letter-spacing: 0;
    line-height: 20px;
    margin-bottom: 3px;
    text-transform:uppercase;
}

.product-content .product-name:hover {
    color: #ea0732;
	background-color: #eeeeee
}

.product-content .product-price {
    color: #1b1b1b;
    display: inline-block;
    font-size: 18px;
    font-weight: 400;
    letter-spacing: 0;
}

.product-content .rating {
    display: inline-block;
    float: right;
}

.rating .star {
    cursor: pointer;
    display: block;
    float: left;
    font-size: 13px;
    font-weight: normal;
    height: 22px;
    margin: 0 1px 0 0;
    overflow: hidden;
    position: relative;
    top: 0;
    width: 14px;
}

.rating .star::after {
    color: #eaac05;
    content: "";
    display: inline-block;
    font-family: "FontAwesome";
}

.rating .star-on::after {
    color: #eaac05;
    content: "";
    display: inline-block;
    font-family: "FontAwesome";
}

.rating .star-half::after {
    color: #eaac05;
    content: "";
    font-family: "FontAwesome";
}

.owl-theme .owl-controls .owl-buttons div {
    background: transparent none repeat scroll 0 0;
    border: 1px solid #434343;
    border-radius: 100%;
    color: #434343;
    display: inline-block;
    font-size: 26px;
    height: 40px;
    left: 0;
    line-height: 35px;
    margin: 0;
    opacity: 1;
    padding: 0;
    position: absolute;
    text-align: center;
    top: 32%;
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -ms-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    width: 40px;
}

.owl-theme .owl-controls .owl-buttons div:hover {
    border-color: #dd443c;
    color: #dd443c;
}

.owl-theme .owl-controls .owl-buttons .owl-prev {
    left: -40px;
}

.owl-theme .owl-controls .owl-buttons .owl-next {
    left: auto;
    right: -40px;
}


/*----------------------------------------
 2.7 Featured Product Area
----------------------------------------*/

.featured-product-area {
    padding: 30px 0 46px;
}


/*----------------------------------------
 2.8 Time Counter Area
----------------------------------------*/

.time-counter-area {
	background: #f1f3f0 url("../img/index/tan-kab-17003-d3-index.png") repeat scroll center center;
	background-size: cover;
	max-width: 100%;
    padding: 158px 0 158px;
}

.time-counter-area .year {
	color: #fff;
    font-size: 30px;
    font-weight: 700;
    letter-spacing: 0;
    line-height: 34px;
    text-transform: uppercase;
    margin-bottom: 4px;
}

.time-counter-area .title {
    color: #fff400;
    font-size: 50px;
    font-weight: 700;
    letter-spacing: 0;
    line-height: 54px;
    margin-bottom: 2px;
    text-transform: uppercase;
}
		
.time-counter-area .price {
    color: #000;
    font-size: 50px;
    font-weight: 700;
    letter-spacing: 0;
    line-height: 54px;
    text-transform: uppercase;
    margin-bottom: 20px;
}

.time-counter-area .price .old-price {
    color: #080808;
    font-size: 30px;
    text-decoration: line-through;
}

.timer-area {}

.timer-area .cdown {
    background: #fff none repeat scroll 0 0;
    border: 1px solid #bababa;
    display: inline-block;
    height: 50px;
    text-align: center;
    width: 50px;
}

.cdown .time-count {
    color: #dd443c;
    font-size: 20px;
    font-weight: 700;
    letter-spacing: 0;
    line-height: 22px;
}

.cdown p {
    color: #69686c;
    font-size: 14px;
    font-weight: 700;
    letter-spacing: 0;
    line-height: 14px;
    text-transform: capitalize;
}

/*----------------------------------------
 2.9 Top Sale Trending
----------------------------------------*/

.top-sale-trending-area {
    padding: 74px 0 80px;
}

.tst-col {}

.tst-col.top-rated {}

.tst-col .tst-title {
    font-family: Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", "serif";
	color: #080808;
    font-size: 20px;
    font-weight: 700;
    letter-spacing: 0;
    line-height: 24px;
    position: relative;
    text-transform: uppercase;
    margin-bottom: 37px;
}

.tst-col .tst-title-orta {
    font-family: Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", "serif";
	color: #080808;
    font-size: 20px;
    font-weight: 700;
    letter-spacing: 0;
    line-height: 24px;
	text-align: center;
    position: relative;
    text-transform: uppercase;
    margin-bottom: 37px;
}


.tst-col .tst-title::after {
    background: #69686c none repeat scroll 0 0;
    bottom: -17px;
    content: "";
    height: 1px;
    left: 0;
    position: absolute;
    width: 25px;
}

.single-tst-product {
    margin-top: 30px;
}

.single-tst-product .tst-pro-img {
    float: left;
    position: relative;
    width: 48%;
}

.tst-pro-img::before {
    background: #000 none repeat scroll 0 0;
    content: "";
    height: 100%;
    left: 0;
    opacity: 0;
    position: absolute;
    top: 0;
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -ms-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    width: 100%;
    z-index: 1;
}

.single-tst-product:hover .tst-pro-img::before {
    opacity: 0.3;
}

.single-tst-product .tst-pro-img > a {
    background: #f5f5f5 none repeat scroll 0 0;
    display: block;
    position: relative;
}

.tst-pro-img > a::before,
.tst-pro-img > a::after {
    bottom: 10px;
    content: "";
    left: 10px;
    opacity: 0;
    position: absolute;
    right: 10px;
    top: 10px;
    -webkit-transition: opacity 0.35s ease 0s, transform 0.9s ease 0s;
    -moz-transition: opacity 0.35s ease 0s, transform 0.9s ease 0s;
    -ms-transition: opacity 0.35s ease 0s, transform 0.9s ease 0s;
    -o-transition: opacity 0.35s ease 0s, transform 0.9s ease 0s;
    transition: opacity 0.35s ease 0s, transform 0.9s ease 0s;
    z-index: 99;
}

.tst-pro-img > a::before {
    border-bottom: 1px solid #fff;
    border-top: 1px solid #fff;
    -webkit-transform: scale(0, 1);
    -moz-transform: scale(0, 1);
    -ms-transform: scale(0, 1);
    -o-transform: scale(0, 1);
    transform: scale(0, 1);
}

.tst-pro-img > a::after {
    border-left: 1px solid #fff;
    border-right: 1px solid #fff;
    -webkit-transform: scale(1, 0);
    -moz-transform: scale(1, 0);
    -ms-transform: scale(1, 0);
    -o-transform: scale(1, 0);
    transform: scale(1, 0);
}

.single-tst-product:hover .tst-pro-img > a::before,
.single-tst-product:hover .tst-pro-img > a::after {
    opacity: 1;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
}

.tst-pro-img-over {
    background: transparent none repeat scroll 0 0;
    left: 0;
    opacity: 0;
    position: absolute;
    right: 0;
    text-align: center;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
    -ms-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;
    z-index: 999;
}

.single-tst-product:hover .tst-pro-img-over {
    opacity: 1;
}

.tst-pro-img-over a {
    background: #fff none repeat scroll 0 0;
    border-radius: 100%;
    color: #000;
    display: inline-block;
    font-size: 16px;
    height: 35px;
    letter-spacing: 0;
    width: 35px;
    line-height: 37px;
}

.tst-pro-img-over li {
	color: #fff;
}

.tst-pro-img-over li:hover {
	color: yellow;
	font-weight: bold;
}


.single-tst-product .tst-pro-img a img {}

.single-tst-product .tst-pro-content {
    float: left;
    padding-left: 30px;
    width: 52%;
}

.single-tst-product .tst-pro-content .tst-pro-name {
    color: #1b1b1b;
    display: block;
    font-size: 14px;
    font-weight: 400;
    letter-spacing: 0;
    line-height: 18px;
    margin-bottom: 6px;
}

.single-tst-product .tst-pro-content .tst-pro-name:hover {
    color: #dd443c;
}

.single-tst-product .tst-pro-content .rating {
    display: block;
}

.single-tst-product .tst-pro-content .tst-price {
    color: #1b1b1b;
    font-size: 18px;
    font-weight: 400;
    letter-spacing: 0;
    line-height: 24px;
    margin: 9px 0 13px;
}

.single-tst-product .tst-pro-content .tst-price .old-price {
    color: #636363;
    font-size: 16px;
    line-height: 22px;
    text-decoration: line-through;
}

.single-tst-product .tst-pro-content .tst-shopnow {
    border: 1px solid #69686c;
    border-radius: 100%;
    color: #69686c;
    display: inline-block;
    font-size: 16px;
    height: 35px;
    line-height: 30px;
    text-align: center;
    width: 35px;
}

.single-tst-product .tst-pro-content .tst-shopnow:hover {
    border-color: #dd443c;
    color: #dd443c;
}


/*----------------------------------------
 2.10 Best Offer Area
----------------------------------------*/

.best-offer-area {
    background: #f5f5f5 none repeat scroll 0 0;
    padding: 55px 0 65px;
}

.best-offer {}

.best-offer > h4 {
	font-family: Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", "serif";
    color: #080808;
    display: inline-block;
    font-size: 20px;
    font-weight: 700;
    letter-spacing: 0;
    line-height: 24px;
    margin-top: 8px;
    text-transform: capitalize;
}

.best-offer a {
    background: #dd443c none repeat scroll 0 0;
    border: 2px solid #dd443c;
    box-shadow: 0 0 20px rgba(255, 255, 255, 0) inset;
    color: #fff;
    display: inline-block;
    float: right;
    font-size: 13px;
    font-weight: 400;
    height: 31px;
    letter-spacing: 0;
    line-height: 28px;
    outline-color: rgba(255, 255, 255, 0.5);
    outline-offset: 0;
    padding: 0 15px;
    text-shadow: none;
    text-transform: uppercase;
    -webkit-transition: all 1250ms cubic-bezier(0.19, 1, 0.22, 1) 0s;
    -moz-transition: all 1250ms cubic-bezier(0.19, 1, 0.22, 1) 0s;
    -ms-transition: all 1250ms cubic-bezier(0.19, 1, 0.22, 1) 0s;
    -o-transition: all 1250ms cubic-bezier(0.19, 1, 0.22, 1) 0s;
    transition: all 1250ms cubic-bezier(0.19, 1, 0.22, 1) 0s;
}

.best-offer a:hover {
    background: transparent none repeat scroll 0 0;
    box-shadow: 0 0 20px rgba(255, 255, 255, 0.5) inset, 0 0 20px rgba(255, 255, 255, 0.2);
    color: #dd443c;
    outline: 1px solid rgba(255, 255, 255, 0);
    outline-offset: 15px;
}


/*----------------------------------------
 2.11 Testimonial Area
----------------------------------------*/

.testimonial-area {
    background: rgba(0, 0, 0, 0.5) url("../img/index/tan-may-18002-index.png") repeat scroll center center;
    background-size: cover;
	padding: 80px 0 80px;
    position: relative;
}

.testimonial-area::before {
    background: #000 none repeat scroll 0 0;
    content: "";
    height: 100%;
    left: 0;
    opacity: 0.0;
    position: absolute;
    top: 0;
    width: 100%;
}

.testimonial-area .testimonial {}

.single-testimonial {
    text-align: center;
}

.single-testimonial .author-img {
    margin-bottom: 8px;
}

.single-testimonial .author-img a {}

.single-testimonial .author-img a img {
    border-radius: 100%;
}

.single-testimonial .author-details {
    margin-bottom: 3px;
}

.single-testimonial .author-details .auth-name {
    color: #fff;
    display: block;
    font-size: 16px;
    font-weight: 700;
    letter-spacing: 0;
    line-height: 16px;
    text-transform: uppercase;
}

.single-testimonial .author-details .designation {
    color: #fff;
    font-size: 12px;
    font-weight: 400;
    letter-spacing: 0;
    line-height: 14px;
}

.single-testimonial .comment {
    margin: auto;
}

.single-testimonial .comment p {
	font-family: Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", "serif";
    color: #fff;
    font-size: 14px;
    font-weight: 400;
    letter-spacing: 0;
    line-height: 24px;
}

.single-testimonial .comment p i {
    margin: 0 10px;
}

.testimonial-area .owl-pagination {
    margin-top: 12px;
}

.testimonial-area .owl-pagination .owl-page {}

.testimonial-area .owl-pagination .owl-page span {
    background: #fff none repeat scroll 0 0;
    height: 1px;
    opacity: 1;
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -ms-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3 ease 0s;
    width: 22px;
}

.testimonial-area .owl-pagination .owl-page.active span {
    background: #dd443c none repeat scroll 0 0;
}


/*----------------------------------------
 2.12 Brand Area
----------------------------------------*/

.brand-area {
    padding: 0px 0 0px;
}

.brand-area .brands {
    background: #fafafa none repeat scroll 0 0;
    padding: 10px 0 5px;
}

.single-brand {
    padding: 20px 0;
    text-align: center;
}

.single-brand a {}

.single-brand a img {
    border: 1px solid #f1f1f1;
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -ms-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}

.single-brand a img:hover {
    box-shadow: -5px 5px 8px 0px rgba(184, 184, 184, 1);
}

.brand-area .owl-theme .owl-controls .owl-buttons div {
    display: none;
}


/*----------------------------------------
 2.13 Blog Area
----------------------------------------*/

.blog-area {
    padding: 45px 0 80px;
}

.single-blog {}

.single-blog .blog-img {
    position: relative;
}

.single-blog .blog-img::before {
    background: #000 none repeat scroll 0 0;
    content: "";
    height: 100%;
    left: 0;
    opacity: 0;
    position: absolute;
    top: 0;
    transition: all 0.3s ease 0s;
    width: 100%;
    z-index: 1;
}

.single-blog:hover .blog-img::before {
    opacity: 0.3;
}

.blog-img-hover {
    left: 0;
    opacity: 0;
    position: absolute;
    right: 0;
    text-align: center;
    top: 50%;
    transform: translateY(-50%);
    transition: all 0.5s ease 0s;
    visibility: hidden;
    z-index: 99;
}

.single-blog:hover .blog-img-hover {
    opacity: 1;
    visibility: visible;
}

.blog-img-hover > a {
    background: #fff none repeat scroll 0 0;
    border-radius: 100%;
    color: #000;
    display: inline-block;
    font-size: 18px;
    height: 50px;
    line-height: 47px;
    text-align: center;
    width: 50px;
}

.blog-img > a {
    display: block;
    position: relative;
}

.blog-img > a::before,
.blog-img > a::after {
    bottom: 10px;
    content: "";
    left: 10px;
    opacity: 0;
    position: absolute;
    right: 10px;
    top: 10px;
    -webkit-transition: opacity 0.35s ease 0s, transform 0.9s ease 0s;
    -moz-transition: opacity 0.35s ease 0s, transform 0.9s ease 0s;
    -ms-transition: opacity 0.35s ease 0s, transform 0.9s ease 0s;
    -o-transition: opacity 0.35s ease 0s, transform 0.9s ease 0s;
    transition: opacity 0.35s ease 0s, transform 0.9s ease 0s;
    z-index: 99;
}

.blog-img > a::before {
    border-bottom: 1px solid #fff;
    border-top: 1px solid #fff;
    -webkit-transform: scale(0, 1);
    -moz-transform: scale(0, 1);
    -ms-transform: scale(0, 1);
    -o-transform: scale(0, 1);
    transform: scale(0, 1);
}

.blog-img > a::after {
    border-left: 1px solid #fff;
    border-right: 1px solid #fff;
    -webkit-transform: scale(1, 0);
    -moz-transform: scale(1, 0);
    -ms-transform: scale(1, 0);
    -o-transform: scale(1, 0);
    transform: scale(1, 0);
}

.single-blog:hover .blog-img > a::before,
.single-blog:hover .blog-img > a::after {
    opacity: 1;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
}

.blog-img > a img {
    width: 100%;
}

.single-blog .blog-content {
    background: #fafafa none repeat scroll 0 0;
    padding: 6px 10px 11px;
}

.blog-content .blog-head {
    text-align: center;
}

.blog-content .blog-head .blog-author,
.single-blog .blog-content .blog-head .blog-author a {
    color: #69686c;
    font-size: 12px;
    font-weight: 400;
    letter-spacing: 0;
    line-height: 16px;
    margin-bottom: 4px;
}

.blog-content .blog-head .blog-author a:hover {
    color: #dd443c;
}

.blog-content .blog-head .blog-title,
.blog-content .blog-head .blog-title a {
    color: #232323;
    display: block;
    font-size: 14px;
    font-weight: 700;
    letter-spacing: 0;
    line-height: 18px;
    text-transform: uppercase;
}

.blog-content .blog-head .blog-title a:hover {
    color: #dd443c;
}

.blog-content .blog-meta {
    border-bottom: 1px solid #e8e8e8;
    border-top: 1px solid #e8e8e8;
    margin: 7px 0 0;
    padding: 7px 0 10px;
}

.blog-content .blog-meta .date {
    color: #8d8d8d;
    display: inline-block;
    float: left;
    font-size: 12px;
    font-weight: 400;
    letter-spacing: 0;
    line-height: 16px;
    padding-left: 16px;
    position: relative;
}

.blog-meta .date::before {
    content: "";
    font-family: FontAwesome;
    left: 0;
    position: absolute;
    top: 0;
}

.blog-content .blog-meta .like-comment {
    color: #8d8d8d;
    float: right;
    font-size: 12px;
    font-weight: 400;
    letter-spacing: 0;
    line-height: 16px;
}

.blog-content .blog-meta .like-comment span {
    padding-left: 16px;
    position: relative;
}

.blog-content .blog-meta .like-comment span::before {
    font-family: FontAwesome;
    left: 0;
    position: absolute;
    top: 0;
}

.blog-content .blog-meta .like-comment .like {
    margin-right: 10px;
}

.like-comment .like::before {
    content: "";
}

.blog-content .blog-meta .like-comment .comment {}

.like-comment .comment::before {
    content: "";
}

.blog-content .blog-text {
    border-bottom: 1px solid #e8e8e8;
    padding: 4px 0 6px;
}

.blog-content .blog-text p {
    color: #69686c;
    font-size: 14px;
    font-weight: 400;
    letter-spacing: 0;
    line-height: 20px;
}

.blog-content .read-more {
    text-align: center;
}

.blog-content .read-more a {
    color: #dd443c;
    display: inline-block;
    font-size: 13px;
    font-weight: 400;
    letter-spacing: 0;
    line-height: 16px;
    padding: 6px 0 5px;
    position: relative;
    text-transform: uppercase;
}

.blog-content .read-more a::after {
    content: "";
    font-family: FontAwesome;
    opacity: 0;
    position: absolute;
    right: 0;
    top: 6px;
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -ms-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    visibility: hidden;
}

.blog-content .read-more a:hover::after {
    opacity: 1;
    right: -15px;
    visibility: visible;
}


/*----------------------------------------
 2.14 Newsletter area
----------------------------------------*/

.newsletter-area {
    background: #f5f5f5 url("../img/bg/newsletter.png") repeat scroll center center;
    padding: 73px 0 78px;
}

.newsletter-area .newsletter {
    text-align: center;
}

.newsletter .newsletter-title {
    color: #080808;
    font-size: 20px;
    font-weight: 700;
    letter-spacing: 0;
    line-height: 24px;
    margin-bottom: 22px;
    text-transform: capitalize;
}

.newsletter .newsletter-text {
    color: #69686c;
    font-size: 14px;
    font-weight: 400;
    letter-spacing: 0;
    line-height: 21px;
    margin-bottom: 25px;
}

.newsletter .newsletter-input {
    position: relative;
}

.newsletter .newsletter-input input {
    background: transparent none repeat scroll 0 0;
    border: 1px solid #eeeeee;
    color: #888888;
    font-size: 13px;
    font-weight: 400;
    height: 30px;
    letter-spacing: 0;
    padding: 5px 10px;
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -ms-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    width: 100%;
}

.newsletter .newsletter-input:hover input,
.newsletter .newsletter-input input:focus {
    border-color: #dd443c;
}

.newsletter .newsletter-input button {
    background: transparent none repeat scroll 0 0;
    border: 0 none;
    color: #888888;
    font-size: 13px;
    padding: 0;
    position: absolute;
    right: 10px;
    top: 0;
}

.newsletter .newsletter-input button:hover {
    color: #dd443c;
}


/*----------------------------------------
 2.15 Service Area
----------------------------------------*/

.service-area {
    background: #ea0732 none repeat scroll 0 0;
    margin: 10px 0 0;
    padding: 10px 0 10px;
}

.single-service {
    border-right: 1px solid #eaeaea;
    padding: 3px 0;
    text-align: center;
}

.single-service .service-icon {
    color: #1f1f1f;
    font-size: 34px;
    line-height: 34px;
}

.single-service:hover .service-icon i {
    animation: 1000ms ease-in-out 0s normal none infinite running pulse;
}

.single-service .service-title {
    color: #202020;
    font-size: 16px;
    font-weight: 400;
    letter-spacing: 0;
    line-height: 20px;
    margin-top: 3px;
    text-transform: uppercase;
}

.single-service .service-text {
    color: #202020;
    font-size: 14px;
    font-weight: 400;
    letter-spacing: 0;
    line-height: 20px;
    text-transform: capitalize;
    margin-top: 5px;
}


/*----------------------------------------
 2.16 Footer
----------------------------------------*/

footer {
    background: #272727 none repeat scroll 0 0;
}

.footer-top {
    padding: 33px 0 16px;
}

.address-info {}

.address-info .footer-logo {
    display: block;
}

.address-info .footer-logo img {}

.address-info p {
    color: #9e9e9e;
	font-family: Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", "serif";
    font-size: 14px;
    font-weight: 400;
    letter-spacing: 0;
    line-height: 18px;
    margin: 5px 0 0;
}

.address-info .address-list {
    margin: 11px 0 0;

}

.address-info .address-list li {
    color: #B9B9B9;
    display: block;
    font-size: 15px;
    font-weight: 400;
    letter-spacing: 0;
    line-height: 25px;
    margin-bottom: 7px;
    padding-left: 20px;
    position: relative;
}

.address-list li::before {
    color: #995AFF;
    font-family: FontAwesome;
    left: 0;
    position: absolute;
    top: 0;
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -ms-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}

.address-list li.address::before {
    content: "";
}

.address-list li.phone::before {
    content: "";
}

.address-list li.email::before {
    content: "";
}

.address-list li:hover::before {
    color: #dd443c;
}

.link-list {}

.link-list .link-list-title {
	font-family: Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", "serif";
    color: #000000;
    font-size: 16px;
    font-weight: 700;
    letter-spacing: 0;
    line-height: 20px;
    position: relative;
}

.link-list .link-list-title::after {
    background: #333333 none repeat scroll 0 0;
    bottom: -10px;
    content: "";
    height: 2px;
    left: 0;
    position: absolute;
    width: 100px;
}

.link-list ul {
    margin: 25px 0 0;
}

.link-list ul li {}

.link-list ul li a {
	font-family: Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", "serif";
    color: #A7A7A7;
    display: block;
    font-size: 14px;
    font-weight: 400;
    letter-spacing: 0;
    line-height: 30px;
}

.link-list ul li a:hover {
    color: #dd443c;
}

.link-time {}

.link-time .social-link {}

.link-time .social-link li {
    display: inline-block;
    margin-right: 6px;
    text-align: center;
}

.link-time .social-link li a {
    border: 1px solid #fff;
    border-radius: 100%;
    color: #fff;
    display: block;
    height: 40px;
    line-height: 36px;
    width: 40px;
    font-size: 16px;
}

.link-time .social-link li a:hover {
    color: #3765a3;
}

.link-time .opening-table h4 {
	font-family: Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", "serif";
    color: #000;
    font-size: 16px;
    font-weight: 700;
    letter-spacing: 0;
    line-height: 24px;
}

.opening-table {
    margin-top: 4px;
}

.opening-table ul {
    margin-top: 2px;
}

.opening-table li {
    color: #888888;
    font-size: 14px;
    font-weight: 400;
    letter-spacing: 0;
    line-height: 25px;
}

.opening-table span {
    display: inline-block;
    position: relative;
    width: 45%;
}

.opening-table li span:first-child::before {
    background: #333333 none repeat scroll 0 0;
    content: "";
    height: 1px;
    left: 62px;
    position: absolute;
    top: 13px;
    width: 90px;
    z-index: 0;
}

.footer-bottom {
    border-top: 1px solid #333333;
    padding: 22px 0 15px;
}

.copyright {}

.copyright > p {
    color: #ea0732;
    font-size: 12px;
    font-weight: 400;
    letter-spacing: 0;
    line-height: 25px;
}

.payment {
    text-align: right;
}

.payment img {}


/*----------------------------------------
 3. Home 2
----------------------------------------*/


/*home2-banner-1*/

.home2-banner-area {
    padding: 80px 0 45px;
}

.single-home-banner {
    overflow: hidden;
}

.single-home-banner .home-banner-img {
    position: relative;
}

.single-home-banner .home-banner-img a {}

.home-banner-img img {
    width: 100%;
}

.home-banner-img .hbi-content {
    background: rgba(255, 255, 255, 0.7) none repeat scroll 0 0;
    opacity: 0;
    padding: 11px 10px 13px;
    position: absolute;
    text-align: center;
    top: 50%;
    -webkit-transform: translateY(230%);
    -moz-transform: translateY(230%);
    -ms-transform: translateY(230%);
    -o-transform: translateY(230%);
    transform: translateY(230%);
    -webkit-transition: all 1s ease 0s;
    -moz-transition: all 1s ease 0s;
    -ms-transition: all 1s ease 0s;
    -o-transition: all 1s ease 0s;
    transition: all 1s ease 0s;
    visibility: hidden;
    width: 100%;
}

.single-home-banner:hover .home-banner-img .hbi-content {
    opacity: 1;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    visibility: visible;
}

.home-banner-img .hbi-content h3 {
    color: #080808;
    font-size: 20px;
    font-weight: 700;
    letter-spacing: 0;
    line-height: 22px;
    text-transform: uppercase;
}

.home-banner-img .hbi-content h2 {
    color: #080808;
    font-size: 30px;
    font-weight: 700;
    letter-spacing: 0;
    line-height: 30px;
    margin-bottom: 3px;
    text-transform: uppercase;
}

.home-banner-img .hbi-content p {
    color: #333333;
    font-size: 13px;
    font-weight: 400;
    letter-spacing: 0;
    line-height: 18px;
}


/*feature-product*/

.home-2 .featured-product-area {
    padding: 30px 0 45px;
}


/*home2-banner-2*/

.h2b2-middle {
    border: 6px solid #666666;
    float: left;
    position: relative;
    width: 55.8%;
}

.h2b2-middle > img {
    height: 428px;
    margin-left: 40px;
}

.h2b2-middle-content {
    bottom: 20px;
    position: absolute;
    right: 138px;
}

.h2b2-middle-content ul {}

.h2b2-middle-content ul li {
    display: inline-block;
}

.h2b2-middle-content ul li a {
    background: #332e34 none repeat scroll 0 0;
    border-radius: 100%;
    color: #fff;
    display: inline-block;
    font-size: 16px;
    height: 35px;
    line-height: 35px;
    margin-left: 6px;
    text-align: center;
    width: 35px;
}

.h2b2-middle-content ul li a:hover {
    background: #dd443c none repeat scroll 0 0;
}

.b2b2-middle-text {
    background: #f1f2f4 none repeat scroll 0 0;
    padding: 61px 45px 59px 28px;
    position: absolute;
    right: -45px;
    top: 75px;
    width: 370px;
}

.b2b2-middle-text > h2 {
    color: #332e34;
    font-size: 30px;
    font-weight: 700;
    letter-spacing: 0;
    line-height: 30px;
    text-transform: uppercase;
}

.b2b2-middle-text > p {
    color: #332e34;
    font-size: 14px;
    font-weight: 400;
    letter-spacing: 0;
    line-height: 21px;
}

.h2b2-left {
    float: left;
    width: 20.7%;
}

.h2b2-right {
    float: right;
    width: 20%;
    text-align: right;
}


/*top-sale-trending*/

.home-2 .top-sale-trending-area {
    padding: 30px 0 80px;
}


/*testimonial*/

.single-testimonial-2 {
    margin: auto;
    width: 54%;
}

.single-testimonial-2 .author-img {
    display: inline-block;
    float: left;
    width: 14%;
}

.single-testimonial-2 .author-img img {
    border-radius: 100%;
}

.st2-right {
    float: left;
    padding-left: 27px;
    width: 86%;
}

.single-testimonial-2 .comment {}

.single-testimonial-2 .comment > h4 {
    color: #fffefe;
    font-size: 16px;
    font-weight: 700;
    letter-spacing: 0;
    line-height: 24px;
    margin-bottom: 10px;
}

.single-testimonial-2 .comment > p {
    color: #fff;
    font-size: 14px;
    font-weight: 400;
    letter-spacing: 0;
    line-height: 24px;
}

.single-testimonial-2 .comment > p i {
    margin: 0 10px;
}

.single-testimonial-2 .author-details {
    margin-top: 14px;
}

.single-testimonial-2 .author-details .auth-name {
    color: #fff;
    display: block;
    font-size: 16px;
    font-weight: 700;
    letter-spacing: 0;
    line-height: 16px;
    text-transform: uppercase;
}

.single-testimonial-2 .author-details .designation {
    color: #fff;
    font-size: 12px;
    font-weight: 400;
    letter-spacing: 0;
    line-height: 14px;
}


/*newsletter*/

.home-2 .newsletter-area {
    margin: 80px 0 0;
}


/*blog*/

.home-2 .blog-area {
    padding: 80px 0 0;
}

.blog-img-date {
    background: #f5f5f5 none repeat scroll 0 0;
    height: 40px;
    left: 10px;
    position: absolute;
    text-align: center;
    top: 10px;
    width: 40px;
    z-index: 0;
}

.blog-img-date span {
    color: #080808;
    display: block;
    font-size: 14px;
    font-weight: 400;
    letter-spacing: 0;
    line-height: 14px;
    text-transform: uppercase;
}

.blog-img-date .date {
    margin: 6px 0 1px;
}

.blog-img-date .month {}

.home-2 .blog-content .blog-head {
    text-align: left;
}

.home-2 .single-blog .blog-content {
    background: #fafafa none repeat scroll 0 0;
    padding: 27px 30px 20px;
}

.home-2 .blog-content .read-more {
    text-align: left;
}

.home-2 .blog-content .read-more a {
    color: #1b1b1b;
}


/*----------------------------------------
 4. Shop Grid
----------------------------------------*/

.top-banner-area {
    background: rgba(0, 0, 0, 0) url("../img/bg/shop-grid-top.jpg") repeat scroll center bottom;
    padding: 150px 0 123px;
}

.top-banner-content {
    text-align: center;
}

.top-banner-content h2 {
    color: #AAAAAA;
    font-size: 30px;
    font-weight: 700;
    letter-spacing: 0;
    line-height: 34px;
    margin-bottom: 10px;
    text-transform: capitalize;
}

.top-banner-content ul {}

.top-banner-content ul li {
    display: inline-block;
    margin-right: 15px;
    position: relative;
}

.top-banner-content ul li::after {
    color: #fff;
    content: "";
    font-family: FontAwesome;
    font-size: 16px;
    position: absolute;
    right: -12px;
    top: 3px;
}

.top-banner-content ul li:last-child::after {
    display: none;
}

.top-banner-content ul li.home a {
    color: #fff;
}

.top-banner-content ul li a {
    color: #dd443c;
    font-size: 16px;
    font-weight: 400;
    letter-spacing: 0;
    line-height: 20px;
}

.shop-grid-area {
    padding: 70px 0 80px;
}

.toolbox {
    border-bottom: 1px solid #eeeeee;
    border-top: 1px solid #eeeeee;
    padding: 10px 0;
}

.shop-tab-content {
    margin-top: 30px;
}

.shop-tab-content .single-product {
    margin-top: 57px;
}

.shop-tab li {
    border: 1px solid #bfbfbf;
    display: inline-block;
    height: 30px;
    text-align: center;
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -ms-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    width: 30px;
}

.shop-tab li.active {
    background: #dd443c none repeat scroll 0 0;
    border-color: #dd443c;
}

.shop-tab li a {
    color: #1b1b1b;
    display: block;
    font-size: 14px;
    letter-spacing: 0;
    line-height: 16px;
    padding: 6px 0;
}

.shop-tab li.active a {
    color: #fff;
}

.short-show {
    text-align: center;
}

.short-show > span {
    color: #69686c;
    font-size: 14px;
    font-weight: 400;
    letter-spacing: 0;
    line-height: 16px;
}

.short-show select {
    border: 1px solid #bfbfbf;
    color: #888888;
    font-size: 12px;
    font-weight: 400;
    height: 30px;
    letter-spacing: 0;
    line-height: 16px;
    margin-right: 25px;
    padding: 0 8px;
}

.shop-pagination {
    float: right;
}

.shop-pagination span {
    color: #69686c;
    display: inline-block;
    font-size: 16px;
    letter-spacing: 0;
    line-height: 16px;
}

.shop-pagination ul {
    display: inline-block;
}

.shop-pagination ul li {
    display: inline-block;
    margin-left: 1px;
}

.shop-pagination ul li a {
    border: 2px solid #bfbfbf;
    color: #888888;
    display: inline-block;
    font-size: 16px;
    height: 25px;
    line-height: 22px;
    text-align: center;
    width: 25px;
}

.shop-pagination ul li a:hover,
.shop-pagination ul li.active a {
    border-color: #1E04F7;
    color: #1E04F7;
}

.shop-pagination ul li a:hover {
    border-color: #dd443c;
    color: #dd443c;
}

.s-grid .service-area {
    margin: 0;
}

.single-list-product .product-content .product-name {
    display: inline-block;
}

.single-list-product .product-content > p {
    font-family: Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", "serif";
	color: #69686c;
}

.single-list-product .product-content {
    padding: 0;
}

.toolbox-bottom {
    margin-top: 30px;
}

.single-list-product .product-content {
    margin-top: 20px;
}


/*----------------------------------------
 5. Shop Grid sidebar
----------------------------------------*/

.single-list-product .product-content {
    margin-top: 0;
}


/*sidebar*/

.sidebar-area {}

.sidebar-area .container {
	                    <div class="sidebar-area">
                        <h2 class="sidebar-title">KATEGORİ</h2>
                        <div class="widget-item men-widget">
                            <h2 class="widget-title">KADIN GİYİM</h2>
                            <ul>
                                <li><a href="GiyimYeni.html">Yeni Gelenler</a></li>
                                <li><a href="Elbise.html">Elbise/Etek</a></li>
                                <li><a href="Palto.html">Palto</a></li>
                                <li><a href="Ceket.html">Ceket/Yelek</li>
                                <li><a href="Pantolon.html">Pantolon/Şort</a></li>
                                <li><a href="Takım.html">Takım</a></li>
								<li><a href="Mayo.html">Mayo</a></li>
                            </ul>
                        </div>
                        <div class="widget-item women-widget">
                            <h2 class="widget-title">KADIN AYAKKABI</h2>
                            <ul>
                                <li><a href="AyakYeni.html">Yeni Gelenler</a></li>
                                <li><a href="Ayakkabı.html">Ayakkabı</a></li>
                                <li><a href="Sandalet.html">Sandalet</a></li>
                            </ul>
                        </div>
						<div class="widget-item women-widget">
                            <h2 class="widget-title">KADIN TAKI</h2>
                            <ul>
                                <li><a href="TakıYeni.html">Yeni Gelenler</a></li>
                                <li><a href="Mücevher.html">Mücevher</a></li>
                                <li><a href="Broş.html">Broş</a></li>
                                <li><a href="Yüzük.html">Yüzük/Bilezik</a></li>
                                <li><a href="Kolye.html">Kolye/Küpe</a></li>
                                <li><a href="Saç.html">Saç Bandı</a></li>
                                <li><a href="Halhal.html">Halhal</a></li>
                            </ul>
                        </div>
                        <div class="widget-item women-widget">
                            <h2 class="widget-title">KADIN AKSESUAR</h2>
                            <ul>
                                <li><a href="AksYeni.html">Yeni Gelenler</a></li>
                                <li><a href="EvAks.html">Ev Aksesuarları</a></li>
                                <li><a href="BüroAks.html">Büro Aksesuarları</a></li>
                            </ul>
                        </div>
                        <div class="widget-item banner-widget">
                            <a href="#"><img src="img/banner/bag.jpg" alt=""></a>
                        </div>
                    </div>

}

.sidebar-area .sidebar-title {
    color: #232323;
    font-size: 20px;
    font-weight: 700;
    letter-spacing: 0;
    line-height: 26px;
    margin-bottom: 19px;
    text-transform: uppercase;
}

.sidebar-area .widget-item {
    margin-top: 14px;
}

.widget-item .widget-title {
    color: #232323;
    font-size: 18px;
    font-weight: 400;
    letter-spacing: 0;
    line-height: 24px;
    margin-bottom: 4px;
}

.widget-item ul {}

.widget-item ul li {
    display: block;
}

.widget-item ul li a {
	font-family: Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", "serif";
    color: #69686c;
    display: block;
    font-size: 12px;
    font-weight: 400;
    letter-spacing: 0;
    line-height: 20px;
}

.widget-item ul li a:hover {
    color: #dd443c;
}


/*price-slider*/

.price-slider-widget input {
    border: 0 none;
    color: #69686c;
    font-size: 12px;
    font-weight: 400;
    letter-spacing: 0;
    margin-bottom: 15px;
    padding: 0;
}

.ui-widget.ui-widget-content {
    background: #dbdbdb none repeat scroll 0 0;
    border: medium none;
    height: 3px;
}

.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default,
.ui-button,
html .ui-button.ui-state-disabled:hover,
html .ui-button.ui-state-disabled:active {
    background: #dd443c none repeat scroll 0 0;
    border: medium none;
    border-radius: 100%;
    color: transparent;
    cursor: pointer;
    height: 10px;
    width: 10px;
}

.ui-slider-horizontal .ui-slider-range {
    background: #dd443c none repeat scroll 0 0;
    border: medium none;
    height: 100%;
    top: 0;
}

.size-widget .size {
    margin-top: 12px;
}

.size-widget .size > li {
    display: inline-block;
    margin-right: 6px;
}

.size-widget .size > li a {
    border: 1px solid #080808;
    border-radius: 100%;
    color: #080808;
    display: inline-block;
    font-size: 12px;
    height: 25px;
    line-height: 25px;
    text-align: center;
    width: 25px;
}

.size-widget .size > li a:hover {
    background: #dd443c none repeat scroll 0 0;
    border-color: #dd443c;
    color: #fff;
}

.color-widget .color {
    margin-top: 15px;
}

.color-widget .color li {
    background: red none repeat scroll 0 0;
    border-radius: 100%;
    display: inline-block;
    height: 25px;
    padding: 2px;
    text-align: center;
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -ms-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    width: 25px;
}

.color-widget .color li a {
    background: green none repeat scroll 0 0;
    border-radius: 100%;
    display: block;
    height: 19px;
    width: 19px;
}

.color-widget .color li.blue,
.color-widget .color li.blue a {
    background: #0089fd none repeat scroll 0 0;
    border: 1px solid #0089fd;
}

.color-widget .color li.blue:hover {
    background: transparent none repeat scroll 0 0;
}

.color-widget .color li.pink,
.color-widget .color li.pink a {
    background: #e8778f none repeat scroll 0 0;
    border: 1px solid #e8778f;
}

.color-widget .color li.pink:hover {
    background: transparent none repeat scroll 0 0;
}

.color-widget .color li.green,
.color-widget .color li.green a {
    background: #578a4c none repeat scroll 0 0;
    border: 1px solid #578a4c;
}

.color-widget .color li.green:hover {
    background: transparent none repeat scroll 0 0;
}

.color-widget .color li.orange,
.color-widget .color li.orange a {
    background: #e78048 none repeat scroll 0 0;
    border: 1px solid #e78048;
}

.color-widget .color li.orange:hover {
    background: transparent none repeat scroll 0 0;
}

.color-widget .color li.violet,
.color-widget .color li.violet a {
    background: #b87ce7 none repeat scroll 0 0;
    border: 1px solid #b87ce7;
}

.color-widget .color li.violet:hover {
    background: transparent none repeat scroll 0 0;
}

.s-grid-sidebar .service-area {
    background: #fafafa none repeat scroll 0 0;
    margin: 5px 0 0;
    padding: 28px 0 30px;
}


/*----------------------------------------
 6. Product Details
----------------------------------------*/

.product-details-area {
    padding: 10px 0 60px;
}

.pic-tabs {
    margin-top: 30px;
}

.pic-tabs > li {
    display: inline-block;
    float: left;
    margin: 0 5% 0 0;
    width: 30%;
	background-color: #F8F8F8;
}

.pic-tabs > li:last-child {
    margin: 0;
}

.pic-tabs li a {}

.related-product-area .section-heading {
    margin-bottom: 27px;
}

.pic-tabs li a img {
    width: 100%;
}

.related-product-area .section-heading .section-title::after {
    display: none;
}

.prodet-title {
    color: #232323;
    font-size: 20px;
    font-weight: 700;
    letter-spacing: 0;
    margin-bottom: 7px;
}

.prodet-rating {
    display: block;
}

.prodet-price {
    color: #232323;
    letter-spacing: 0;
    margin: 15px 0 9px;
}

.product-details-info > p {
    color: #353535;
    line-height: 25px;
    margin: 0 0 4px;
}

.product-details-info p {
	font-family: Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", "serif";
}

.product-title {
	font-family: Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", "serif";
	color: #ea0732;
	text-transform: uppercase;
}

.prodet-size > h4,
.prodet-color > h4,
.prodet-qty > h4 {
    color: #080808;
    font-size: 16px;
    font-weight: 400;
    letter-spacing: 0;
    line-height: 26px;
}

.quantity.cart-plus-minus {
    display: inline-block;
    margin-top: 12px;
    position: relative;
}

.quantity.cart-plus-minus > input {
    border: 1px solid #080808;
    color: #080808;
    font-size: 14px;
    font-weight: 400;
    height: 20px;
    letter-spacing: 0;
    margin: 0 25px;
    text-align: center;
    width: 50px;
}

.quantity .qtybutton {
    border: 1px solid #080808;
    color: #080808;
    cursor: pointer;
    display: inline-block;
    height: 20px;
    left: 0;
    line-height: 18px;
    position: absolute;
    text-align: center;
    top: 4px;
    width: 20px;
}

.quantity .qtybutton.dec {}

.quantity .qtybutton.inc {
    left: auto;
    right: 0;
}

.prodet-add > button {
    background: transparent none repeat scroll 0 0;
    border: 1px solid #080808;
    color: #232323;
    display: inline-block;
    font-size: 14px;
    font-weight: 400;
    height: 33px;
    letter-spacing: 0;
    padding: 0 15px;
}

.prodet-add > button:hover {
    background: #dd443c none repeat scroll 0 0;
    border-color: #dd443c;
    color: #fff;
}

.size-widget.prodet-size {
    margin-bottom: 10px;
}

.size-widget.prodet-size .size {
    margin: 10px 0 0;
}

.color-widget.prodet-color {
    margin-bottom: 1px;
}

.color-widget.prodet-color .color {
    margin: 10px 0 0;
}

.prodet-qty {
    margin-bottom: 15px;
}

.description-review-area {
    padding: 13px 0 60px;
}

.desc-rev-tab {
    margin-bottom: 12px;
}

.desc-rev-tab > li {
    display: inline-block;
    margin-right: 29px;
    position: relative;
}

.desc-rev-tab > li::after {
    background: #232323 none repeat scroll 0 0;
    content: "";
    height: 17px;
    position: absolute;
    right: -18px;
    top: 4px;
    width: 1px;
}

.desc-rev-tab > li:last-child::after {
    display: none;
}

.desc-rev-tab > li a {
    color: #232323;
    font-size: 18px;
    font-weight: 700;
    letter-spacing: 0;
    line-height: 24px;
}

.desc-rev-tab > li.active a {
    color: #dd443c;
}

.description > p {
	font-family: Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", "serif";
    color: black;
    line-height: 25px;
}

.related-product-area {
    padding: 8px 0 51px;
}

.p-details .service-area {
    margin: 0;
}


/*----------------------------------------
 7. Blog
----------------------------------------*/

.all-blog-area {
    padding: 80px 0 0;
}

.bwidget-search {
    position: relative;
}

.bwidget-search > input {
    border: 1px solid #eeeeee;
    color: #666666;
    font-weight: 400;
    height: 30px;
    letter-spacing: 0;
    padding: 0 10px;
    width: 100%;
}

.bwidget-search > a {
    color: #666666;
    font-size: 14px;
    position: absolute;
    right: 10px;
    top: -1px;
}

.bwidget-search > a:hover {
    color: #dd443c;
}

.blog-widget {
    margin-bottom: 24px;
}

.blog-widget .bwidget-title {
    color: #232323;
    font-size: 20px;
    font-weight: 400;
    letter-spacing: 0;
    margin-bottom: 26px;
}

.blog-widget.bwidget-categories .bwidget-title {
    margin-bottom: 23px;
}

.blog-widget ul {}

.blog-widget ul li {
    display: block;
    margin-bottom: 16px;
}

.blog-widget ul li:last-child {
    margin-bottom: 0;
}

.blog-widget ul li a {
    color: #69686c;
    display: block;
    letter-spacing: 0;
    line-height: 14px;
}

.blog-widget ul li a:hover {
    color: #dd443c;
}

.bwidget-post {}

.bwidget-post .post-single {
    border-bottom: 1px solid #cccccc;
    margin-bottom: 20px;
    padding-bottom: 20px;
}

.bwidget-post .post-single:last-child {
    margin: 0;
}

.post-single .post-img {
    float: left;
    width: 33%;
}

.post-single .post-content {
    float: left;
    padding-left: 13px;
    width: 67%;
}

.post-single .post-content a {
    color: #69686c;
    display: block;
    font-size: 13px;
    font-weight: 400;
    letter-spacing: 0;
    line-height: 16px;
    margin-bottom: 6px;
}

.post-single .post-content a:hover {
    color: #dd443c;
}

.post-single .post-content span {
    color: #69686c;
    display: block;
    font-size: 13px;
    font-weight: 400;
    letter-spacing: 0;
    line-height: 16px;
}

.bwidget-tags .tags {}

.bwidget-tags .tags > li {
    display: inline-block;
    margin: 0 5px 10px 0;
}

.bwidget-tags .tags > li a {
    border: 1px solid #eeeeee;
    color: #69686c;
    display: inline-block;
    height: 32px;
    letter-spacing: 0;
    line-height: 30px;
    padding: 0 10px;
}

.bwidget-tags .tags > li a:hover {
    border-color: #dd443c;
    color: #dd443c;
}

.blog .single-blog {
    margin-bottom: 30px;
}

.blog .toolbox-bottom {
    margin-top: 0;
}


/*----------------------------------------
 8. Contact
----------------------------------------*/

.map-area {
	padding: 20px 20% 20px;
}

#googleMap {
    height: 400px;
    width: 80%
}

.contact-us-area {}

.contact-us-area .contact-us-left {}

.contact-title {
    color: #333333;
    font-weight: 700;
    letter-spacing: 0;
    line-height: 30px;
    border-top: 1px solid #eeeeee;
    border-bottom: 1px solid #eeeeee;
    padding: 10px 0 11px;
}

.contact-us-left ul {}

.contact-us-left ul li {
    display: block;
    position: relative;
    border-bottom: 1px solid #cccccc;
    padding: 13px 0 19px;
}

.contact-us-left ul li span {
    color: #69686c;
    display: block;
	font-family: Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", "serif";
    font-size: 14px;
    font-weight: 400;
    letter-spacing: 0;
    line-height: 20px;
}

.contact-us-area .contact-us-right {}

.contact-us-right .contact-form {
    margin-top: 10px;
}

.contact-us-right .contact-form input {
    border: 1px solid #eeeeee;
    color: #69686c;
    font-size: 14px;
    height: 30px;
    letter-spacing: 0;
    line-height: 30px;
    margin-bottom: 20px;
    padding: 0 10px;
    width: 100%;
}

.contact-us-right .contact-form textarea {
    border: 1px solid #eeeeee;
    color: #69686c;
    font-size: 14px;
    font-weight: 400;
    height: 150px;
    letter-spacing: 0;
    margin-bottom: 15px;
    padding: 0 10px;
    width: 100%;
}

.contact-us-right .contact-form button {
    background: #dd443c none repeat scroll 0 0;
    border: 1px solid #dd443c;
    color: #fff;
    font-size: 13px;
    height: 33px;
    letter-spacing: 0;
    line-height: 32px;
    padding: 0 15px;
}

.contact-us-right .contact-form button:hover {
    background: transparent none repeat scroll 0 0;
    color: #dd443c;
}


/*mail*/

.cf-msg {
    padding: 10px;
    text-align: center;
    margin-bottom: 30px;
}

.cf-msg p {
    margin-bottom: 0;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    letter-spacing: 0;
    color: #fff;
    text-transform: capitalize;
}


/*----------------------------------------
 9. About
----------------------------------------*/

.about-us-area {
    padding: 80px 0 42px;
}

.about-title {
    font-family:Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", "serif";
	font-size: 22px;
	border-bottom: 1px solid #eeeeee;
    border-top: 1px solid #eeeeee;
    color: #ea0732;
    padding: 12px 0 15px;
    text-align: center;
}

.about-right > p {
    font-family:Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", "serif";
	font-size: 18px;
	color: rgba(25, 25 ,25, 0.8);
    line-height: 24px;
    margin-top: 13px;
}

.single-member {
    border: 1px solid #eeeeee;
    margin-top: 30px;
    padding: 30px 19px 14px;
}

.single-member .member-img {
    margin-bottom: 20px;
    text-align: center;
}

.single-member .member-img img {
	border-image-width: 2px;
}

.single-member .member-img .member-name {
    color: #333333;
    font-size: 14px;
    font-weight: 400;
    letter-spacing: 0;
    line-height: 18px;
    margin: 14px 0 0;
    text-transform: uppercase;
}

.single-member .member-img .designation {
    color: #69686c;
    display: block;
    font-size: 14px;
    font-weight: 400;
    letter-spacing: 0;
    line-height: 18px;
    text-transform: capitalize;
}

.single-member .member-content {
    border-top: 1px solid #eeeeee;
    padding: 14px 0 0;
}

.single-member .member-content p {
    color: #69686c;
    font-size: 12px;
    line-height: 18px;
}

.about-us-area .link-yazi {
	font-family: Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", "serif";
	font-size: 16px;
	color: blue;
}

.basinda-yazi {
	font-family: Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", "serif";
	text-align: left;
	color: black;
	font-size: 30px;
	font-weight: bold;
}

/*----------------------------------------
 10. My Account
----------------------------------------*/

.my-account-area {
    padding: 70px 0 0;
}

.my-account-left {}

.my-account-title {
    border-bottom: 1px solid #eeeeee;
    border-top: 1px solid #eeeeee;
    color: #232323;
    font-size: 20px;
    font-weight: 700;
    letter-spacing: 0;
    line-height: 24px;
    padding: 12px 0;
}

.my-account-left input,
.my-account-right input {
    border: 1px solid #eeeeee;
    color: #69686c;
    display: block;
    font-size: 14px;
    height: 30px;
    letter-spacing: 0;
    line-height: 18px;
    margin-top: 30px;
    padding: 0 10px;
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -ms-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    width: 100%;
}

.my-account-left input:focus,
.my-account-right input:focus {
    border-color: #dd443c;
}

button.sign-button {
    background: transparent none repeat scroll 0 0;
    border: 1px solid #222222;
    color: #222222;
    font-size: 14px;
    height: 32px;
    letter-spacing: 0;
    line-height: 18px;
    margin-top: 30px;
    padding: 0 15px;
}

button.sign-button:hover {
    background: #dd443c none repeat scroll 0 0;
    border-color: #dd443c;
    color: #ffffff;
}

.remember-forgot {
    margin: 23px 0 0;
}

.remember-forgot > input {
    display: inline-block;
    float: left;
    margin: 0;
    width: auto;
}

.remember-forgot > label {
    color: #69686c;
    font-size: 14px;
    font-weight: 400;
    letter-spacing: 0;
    line-height: 18px;
    margin: 0 0 0 4px;
}

.remember-forgot > a {
    color: #69686c;
    float: right;
    font-size: 14px;
    font-weight: 400;
    letter-spacing: 0;
    line-height: 24px;
}

.my-account-right button.sign-button {
    margin-top: 20px;
}


/*----------------------------------------
 11. Cart Page
----------------------------------------*/

.cart-area {
    padding: 80px 0 0;
}

.cart-table {
    margin-bottom: 26px;
}

.cart-table table {
    width: 100%;
}

thead {
    border-bottom: 1px solid #eeeeee;
    border-top: 1px solid #eeeeee;
}

.cart-table thead tr th.cart-img-title,
.cart-table table tr td.cart_product_image_value {
    width: 15%;
}

.cart-table thead tr th {
    margin: 0;
    padding: 11px 20px 14px;
}

.cart-table table td {
    margin: 0;
}

.cart-table table .cart_product_image_value {
    padding: 15px 0;
}

.cart-table thead tr th {
    color: #69686c;
    font-size: 14px;
    font-weight: 400;
    letter-spacing: 0;
    line-height: 24px;
}

tbody tr td {
    border-bottom: 1px solid #eeeeee;
}

.cart_product_name > a {
    color: #69686c;
    display: block;
    font-size: 14px;
    font-weight: 400;
    letter-spacing: 0;
    line-height: 18px;
    margin-bottom: 3px;
}

.cart_product_name > a:hover {
    color: #dd443c;
}

.cart_product_name > span {
    color: #69686c;
    display: block;
    font-size: 12px;
    line-height: 16px;
}

.product_price {
    color: #69686c;
    font-size: 14px;
    letter-spacing: 0;
    line-height: 16px;
}

.product-quantity-t > input {
    border: 1px solid #eeeeee;
    border-radius: 8px;
    max-width: 80px;
    padding: 0 8px;
}

.cart_product_remove > a {
    color: #69686c;
    margin-left: 40px;
}

.cart_product_remove > a:hover {
    color: #dd443c;
}

.cart-page-title {
    color: #333333;
    font-size: 15px;
    font-weight: 400;
    letter-spacing: 0;
    line-height: 18px;
}

.shipping-tax-left select {
    border: 1px solid #eeeeee;
    color: #777777;
    font-size: 13px;
    font-weight: 400;
    height: 30px;
    letter-spacing: 0;
    line-height: 16px;
    margin-top: 10px;
    width: 100%;
}

.shipping-tax-left .cart-page-title {
    margin-bottom: 17px;
}

.shipping-tax button {
    background: transparent none repeat scroll 0 0;
    border: 1px solid #222222;
    color: #222222;
    float: right;
    font-size: 13px;
    height: 33px;
    letter-spacing: 0;
    margin-top: 30px;
    padding: 0 15px;
    text-align: center;
}

.shipping-tax button:hover {
    background: #dd443c none repeat scroll 0 0;
    border: 1px solid #dd443c;
    color: #ffffff;
}

.shipping-tax-right > span {
    color: #69686c;
    display: block;
    font-size: 14px;
    font-weight: 400;
    letter-spacing: 0;
    margin-top: 2px;
    line-height: 18px;
}

.shipping-tax-right > input {
    border: 1px solid #eeeeee;
    height: 30px;
    margin-top: 6px;
    width: 100%;
}

.cart-total h4 {
    color: #69686c;
    font-size: 14px;
    font-weight: 400;
    letter-spacing: 0;
    line-height: 18px;
    margin-top: 12px;
}

.cart-total h4 span {
    float: right;
}

.cart-total .grandtotal {
    border-top: 1px solid #222222;
    margin-top: 20px;
    padding-top: 14px;
}

.cart-total button {
    background: transparent none repeat scroll 0 0;
    border: 1px solid #222222;
    color: #222222;
    float: right;
    font-size: 13px;
    height: 33px;
    letter-spacing: 0;
    margin-top: 30px;
    padding: 0 15px;
    text-align: center;
}

.cart-total button:hover {
    background: #dd443c none repeat scroll 0 0;
    border: 1px solid #dd443c;
    color: #ffffff;
}


/*----------------------------------------
 12. Checkout
----------------------------------------*/

.checkout-area {
    padding: 80px 0 0;
}

.checkout-title {
    border-bottom: 1px solid #eeeeee;
    border-top: 1px solid #eeeeee;
    color: #333333;
    letter-spacing: 0;
    margin-bottom: 30px;
    padding: 12px 0 14px;
    text-transform: uppercase;
}

.checkout-left {}

.billing-details {}

.billing-details input,
.billing-details select,
.billing-details textarea {
    border: 1px solid #eeeeee;
    color: #000000;
    font-size: 13px;
    font-weight: 400;
    height: 30px;
    letter-spacing: 0;
    margin-bottom: 10px;
    padding: 0 10px;
    width: 100%;
}

.billing-details select {
    color: #777777;
}

.billing-details select option {}

.billing-details textarea {
    height: 100px;
}

.total-amount {
    border: 1px solid #eeeeee;
    padding: 9px 0 0;
}

.total-amount h4 {
    border-bottom: 1px solid #f7f7f7;
    color: #68696c;
    font-size: 14px;
    font-weight: 400;
    letter-spacing: 0;
    line-height: 18px;
    padding: 16px 30px;
}

.total-amount .subtotal {
    border-bottom: medium none;
    border-top: 1px solid #222222;
}

.total-amount h4 span {
    float: right;
}

.check-method {
    border: 1px solid #eeeeee;
    margin-top: 30px;
    padding: 19px 30px 10px;
}

.check-method > div {
    display: block;
}

.check-method > div input {}

.check-method > div span {
    color: #333333;
    font-size: 14px;
    font-weight: 400;
    letter-spacing: 0;
    margin-left: 5px;
    text-transform: uppercase;
}


/*----------------------------------------
 13. 404
----------------------------------------*/

.error-area {
    background: #080808 none repeat scroll 0 0;
    padding: 295px 0 245px;
}

.error-content {
    text-align: center;
}

.error-content img {
    margin-bottom: 55px;
}

.error-content h2 {
    color: #ffffff;
    font-size: 20px;
    letter-spacing: 0;
    margin-bottom: 30px;
}

.go-back {
    display: block;
    margin-bottom: 60px;
}

.error-content .go-back a {
    border: 1px solid #fff;
    color: #fff;
    display: inline-block;
    font-size: 13px;
    height: 32px;
    letter-spacing: 0;
    padding: 0 15px;
    text-transform: uppercase;
}

.error-content .go-back a:hover {
    border-color: #dd443c;
    color: #dd443c;
}

.error .service-area {
    margin: 0;
}

.error-search {
    display: inline-block;
    position: relative;
}

.error-search input {
    background: transparent none repeat scroll 0 0;
    border: 1px solid #fff;
    color: #777777;
    height: 48px;
    letter-spacing: 0;
    min-width: 300px;
    padding: 0 10px;
}

.error-search input:focus {
    border-color: #dd443c;
}

.error-search a {
    background: #222222 none repeat scroll 0 0;
    color: #777777;
    display: inline-block;
    font-size: 12px;
    height: 25px;
    line-height: 25px;
    position: absolute;
    right: 11px;
    text-align: center;
    top: 11px;
    width: 25px;
}

/*----------------------------------------
 14. Iletisim Grid
----------------------------------------*/

.ileti-banner-area {
    background: rgba(0, 0, 0, 0) url("../img/bg/iletisim-grid-top.jpg") repeat scroll center bottom;
    padding: 200px 0;
}

.ileti-banner-content {
    text-align: center;
}

.ileti-banner-content h2 {
    color: #fff;
    font-size: 42px;
    font-weight: 700;
    letter-spacing: 0;
    line-height: 34px;
    margin-bottom: 10px;
    text-transform: capitalize;
}

.ileti-banner-content ul {}

.ileti-banner-content ul li {
    display: inline-block;
    margin-right: 15px;
    position: relative;
}

.ileti-banner-content ul li::after {
    color: #fff;
    content: "";
    font-family: FontAwesome;
    font-size: 16px;
    position: absolute;
    right: -12px;
    top: 3px;
}

.ileti-banner-content ul li:last-child::after {
    display: none;
}

.ileti-banner-content ul li.home a {
    color: #fff;
}

.ileti-banner-content ul li a {
    color: #dd443c;
    font-size: 16px;
    font-weight: 400;
    letter-spacing: 0;
    line-height: 20px;
}


/*----------------------------------------
 15. Yüzük Grid
----------------------------------------*/

.yuzuk-banner-area {
    background: rgba(0, 0, 0, 0) url("../img/bg/yuzuk-grid-top.jpg") repeat scroll center bottom;
    padding: 200px 0;
}

.yuzuk-banner-content {
    text-align: center;
}

.yuzuk-banner-content h2 {
    color: #000;
    font-size: 42px;
    font-weight: 700;
    letter-spacing: 0;
    line-height: 34px;
    margin-bottom: 10px;
    text-transform: capitalize;
}

.yuzuk-banner-content ul {}

.yuzuk-banner-content ul li {
    display: inline-block;
    margin-right: 15px;
    position: relative;
}

.yuzuk-banner-content ul li::after {
    color: #fff;
    content: "";
    font-family: FontAwesome;
    font-size: 16px;
    position: absolute;
    right: -12px;
    top: 3px;
}

.yuzuk-banner-content ul li:last-child::after {
    display: none;
}

.yuzuk-banner-content ul li.home a {
    color: #fff;
}

.yuzuk-banner-content ul li a {
    color: #dd443c;
    font-size: 16px;
    font-weight: 400;
    letter-spacing: 0;
    line-height: 20px;
}
/*----------------------------------------
 16. Constrution Grid
----------------------------------------*/

.construction-banner-area {
    background: rgba(0, 0, 0, 0) url("../img/bg/construction-grid-top.jpg") repeat scroll center bottom;
    padding: 200px 0;
}

.construction-banner-content {
    text-align: center;
}

.construction-banner-content h2 {
    color: #ea0732;
    font-size: 42px;
    font-weight: 700;
    letter-spacing: 0;
    line-height: 34px;
    margin-bottom: 20px;
    text-transform: capitalize;
}

.construction-banner-content ul {}

.construction-banner-content ul li {
    display: inline-block;
    margin-right: 15px;
    position: relative;
}

.construction-banner-content ul li::after {
    color: #fff;
    content: "";
    font-family: FontAwesome;
    font-size: 16px;
    position: absolute;
    right: -12px;
    top: 3px;
}

.construction-banner-content ul li:last-child::after {
    display: none;
}

.construction-banner-content ul li.home a {
    color: #fff;
}

.construction-banner-content ul li a {
    color: #dd443c;
    font-size: 16px;
    font-weight: 400;
    letter-spacing: 0;
    line-height: 20px;
}
/*----------------------------------------
 17. Elbise Grid
----------------------------------------*/

.elbise-banner-area {
    background: rgba(0, 0, 0, 0) url("../img/bg/elbise-grid-top.jpg") repeat scroll center bottom;
    padding: 200px 0;
}

.elbise-banner-content {
    text-align: center;
}

.elbise-banner-content h2 {
    color:darkblue;
    font-size: 42px;
    font-weight: 700;
    letter-spacing: 0;
    line-height: 34px;
    margin-bottom: 20px;
    text-transform: capitalize;
}

.elbise-banner-content ul {}

.elbise-banner-content ul li {
    display: inline-block;
    margin-right: 15px;
    position: relative;
}

.elbise-banner-content ul li::after {
    color: #fff;
    content: "";
    font-family: FontAwesome;
    font-size: 16px;
    position: absolute;
    right: -12px;
    top: 3px;
}

.elbise-banner-content ul li:last-child::after {
    display: none;
}

.elbise-banner-content ul li.home a {
    color: #fff;
}

.elbise-banner-content ul li a {
    color: #dd443c;
    font-size: 16px;
    font-weight: 400;
    letter-spacing: 0;
    line-height: 20px;
}
/*----------------------------------------
 18. Palto Grid
----------------------------------------*/

.palto-banner-area {
    background: rgba(0, 0, 0, 0) url("../img/bg/palto-grid-top.jpg") repeat scroll center bottom;
    padding: 200px 0;
}

.palto-banner-content {
    text-align: center;
}

.palto-banner-content h2 {
    color: #FF3636;
    font-size: 42px;
    font-weight: 700;
    letter-spacing: 0;
    line-height: 34px;
    margin-bottom: 20px;
    text-transform: capitalize;
}

.palto-banner-content ul {}

.palto-banner-content ul li {
    display: inline-block;
    margin-right: 15px;
    position: relative;
}

.palto-banner-content ul li::after {
    color: #fff;
    content: "";
    font-family: FontAwesome;
    font-size: 16px;
    position: absolute;
    right: -12px;
    top: 3px;
}

.palto-banner-content ul li:last-child::after {
    display: none;
}

.palto-banner-content ul li.home a {
    color: #fff;
}

.palto-banner-content ul li a {
    color: #dd443c;
    font-size: 16px;
    font-weight: 400;
    letter-spacing: 0;
    line-height: 20px;
}
/*----------------------------------------
 19. Ceket Grid
----------------------------------------*/

.ceket-banner-area {
    background: rgba(0, 0, 0, 0) url("../img/bg/ceket-grid-top.jpg") repeat scroll center bottom;
    padding: 200px 0;
}

.ceket-banner-content {
    text-align: center;
}

.ceket-banner-content h2 {
    color: rgba(0, 0, 0, 0.7);
    font-size: 42px;
    font-weight: 700;
    letter-spacing: 0;
    line-height: 34px;
    margin-bottom: 20px;
    text-transform: capitalize;
}

.ceket-banner-content ul {}

.ceket-banner-content ul li {
    display: inline-block;
    margin-right: 15px;
    position: relative;
}

.ceket-banner-content ul li::after {
    color: #fff;
    content: "";
    font-family: FontAwesome;
    font-size: 16px;
    position: absolute;
    right: -12px;
    top: 3px;
}

.ceket-banner-content ul li:last-child::after {
    display: none;
}

.ceket-banner-content ul li.home a {
    color: #fff;
}

.ceket-banner-content ul li a {
    color: #dd443c;
    font-size: 16px;
    font-weight: 400;
    letter-spacing: 0;
    line-height: 20px;
}
/*----------------------------------------
 20. Pantolon Grid
----------------------------------------*/

.pantolon-banner-area {
    background: rgba(0, 0, 0, 0) url("../img/bg/pantolon-grid-top.jpg") repeat scroll center bottom;
    padding: 200px 0;
}

.pantolon-banner-content {
    text-align: center;
}

.pantolon-banner-content h2 {
    color: #000;
    font-size: 42px;
    font-weight: 700;
    letter-spacing: 0;
    line-height: 34px;
    margin-bottom: 20px;
    text-transform: capitalize;
}

.pantolon-banner-content ul {}

.pantolon-banner-content ul li {
    display: inline-block;
    margin-right: 15px;
    position: relative;
}

.pantolon-banner-content ul li::after {
    color: #fff;
    content: "";
    font-family: FontAwesome;
    font-size: 16px;
    position: absolute;
    right: -12px;
    top: 3px;
}

.pantolon-banner-content ul li:last-child::after {
    display: none;
}

.pantolon-banner-content ul li.home a {
    color: #fff;
}

.pantolon-banner-content ul li a {
    color: #dd443c;
    font-size: 16px;
    font-weight: 400;
    letter-spacing: 0;
    line-height: 20px;
}
/*----------------------------------------
 21. Takım Grid
----------------------------------------*/

.takim-banner-area {
    background: rgba(0, 0, 0, 0) url("../img/bg/takım-grid-top.jpg") repeat scroll center bottom;
    padding: 200px 0;
}

.takim-banner-content {
    text-align: center;
}

.takim-banner-content h2 {
    color: #FF3636;
    font-size: 42px;
    font-weight: 700;
    letter-spacing: 0;
    line-height: 34px;
    margin-bottom: 20px;
    text-transform: capitalize;
}

.takim-banner-content ul {}

.takim-banner-content ul li {
    display: inline-block;
    margin-right: 15px;
    position: relative;
}

.takim-banner-content ul li::after {
    color: #fff;
    content: "";
    font-family: FontAwesome;
    font-size: 16px;
    position: absolute;
    right: -12px;
    top: 3px;
}

.takim-banner-content ul li:last-child::after {
    display: none;
}

.takim-banner-content ul li.home a {
    color: #fff;
}

.takim-banner-content ul li a {
    color: #dd443c;
    font-size: 16px;
    font-weight: 400;
    letter-spacing: 0;
    line-height: 20px;
}
/*----------------------------------------
 22. Mayo Grid
----------------------------------------*/

.mayo-banner-area {
    background: rgba(0, 0, 0, 0) url("../img/bg/mayo-grid-top.jpg") repeat scroll center bottom;
    padding: 200px 0;
}

.mayo-banner-content {
    text-align: center;
}

.mayo-banner-content h2 {
    color:blueviolet;
    font-size: 42px;
    font-weight: 700;
    letter-spacing: 0;
    line-height: 34px;
    margin-bottom: 20px;
    text-transform: capitalize;
}

.mayo-banner-content ul {}

.mayo-banner-content ul li {
    display: inline-block;
    margin-right: 15px;
    position: relative;
}

.mayo-banner-content ul li::after {
    color: #fff;
    content: "";
    font-family: FontAwesome;
    font-size: 16px;
    position: absolute;
    right: -12px;
    top: 3px;
}

.mayo-banner-content ul li:last-child::after {
    display: none;
}

.mayo-banner-content ul li.home a {
    color: #fff;
}

.mayo-banner-content ul li a {
    color: #dd443c;
    font-size: 16px;
    font-weight: 400;
    letter-spacing: 0;
    line-height: 20px;
}
/*----------------------------------------
 23. Ayakkabı Grid
----------------------------------------*/

.ayakkabi-banner-area {
    background: rgba(0, 0, 0, 0) url("../img/bg/ayakkabı-grid-top.jpg") repeat scroll center bottom;
    padding: 200px 0;
}

.ayakkabi-banner-content {
    text-align: center;
}

.ayakkabi-banner-content h2 {
    color: yellow;
    font-size: 42px;
    font-weight: 700;
    letter-spacing: 0;
    line-height: 34px;
    margin-bottom: 20px;
    text-transform: capitalize;
}

.ayakkabi-banner-content ul {}

.ayakkabi-banner-content ul li {
    display: inline-block;
    margin-right: 15px;
    position: relative;
}

.ayakkabi-banner-content ul li::after {
    color: #fff;
    content: "";
    font-family: FontAwesome;
    font-size: 16px;
    position: absolute;
    right: -12px;
    top: 3px;
}

.ayakkabi-banner-content ul li:last-child::after {
    display: none;
}

.ayakkabi-banner-content ul li.home a {
    color: #fff;
}

.ayakkabi-banner-content ul li a {
    color: #dd443c;
    font-size: 16px;
    font-weight: 400;
    letter-spacing: 0;
    line-height: 20px;
}
/*----------------------------------------
 24. Bilezik Grid
----------------------------------------*/

.bilezik-banner-area {
    background: rgba(0, 0, 0, 0) url("../img/bg/bilezik-grid-top.jpg") repeat scroll center bottom;
    padding: 200px 0;
}

.bilezik-banner-content {
    text-align: center;
}

.bilezik-banner-content h2 {
    color: #FF3636;
    font-size: 42px;
    font-weight: 700;
    letter-spacing: 0;
    line-height: 34px;
    margin-bottom: 20px;
    text-transform: capitalize;
}

.bilezik-banner-content ul {}

.bilezik-banner-content ul li {
    display: inline-block;
    margin-right: 15px;
    position: relative;
}

.bilezik-banner-content ul li::after {
    color: #fff;
    content: "";
    font-family: FontAwesome;
    font-size: 16px;
    position: absolute;
    right: -12px;
    top: 3px;
}

.bilezik-banner-content ul li:last-child::after {
    display: none;
}

.bilezik-banner-content ul li.home a {
    color: #fff;
}

.bilezik-banner-content ul li a {
    color: #dd443c;
    font-size: 16px;
    font-weight: 400;
    letter-spacing: 0;
    line-height: 20px;
}
/*----------------------------------------
 25. Broş Grid
----------------------------------------*/

.bros-banner-area {
    background: rgba(0, 0, 0, 0) url("../img/bg/broş-grid-top.jpg") repeat scroll center bottom;
    padding: 200px 0;
}

.bros-banner-content {
    text-align: center;
}

.bros-banner-content h2 {
    color: black;
    font-size: 42px;
    font-weight: 700;
    letter-spacing: 0;
    line-height: 34px;
    margin-bottom: 20px;
    text-transform: capitalize;
}

.bros-banner-content ul {}

.bros-banner-content ul li {
    display: inline-block;
    margin-right: 15px;
    position: relative;
}

.bros-banner-content ul li::after {
    color: #fff;
    content: "";
    font-family: FontAwesome;
    font-size: 16px;
    position: absolute;
    right: -12px;
    top: 3px;
}

.bros-banner-content ul li:last-child::after {
    display: none;
}

.bros-banner-content ul li.home a {
    color: #fff;
}

.bros-banner-content ul li a {
    color: #dd443c;
    font-size: 16px;
    font-weight: 400;
    letter-spacing: 0;
    line-height: 20px;
}
/*----------------------------------------
 26. Kolye Grid
----------------------------------------*/

.kolye-banner-area {
    background: rgba(0, 0, 0, 0) url("../img/bg/kolye-grid-top.jpg") repeat scroll center bottom;
    padding: 200px 0;
}

.kolye-banner-content {
    text-align: center;
}

.kolye-banner-content h2 {
    color: #000000;
    font-size: 42px;
    font-weight: 700;
    letter-spacing: 0;
    line-height: 34px;
    margin-bottom: 20px;
    text-transform: capitalize;
}

.kolye-banner-content ul {}

.kolye-banner-content ul li {
    display: inline-block;
    margin-right: 15px;
    position: relative;
}

.kolye-banner-content ul li::after {
    color: #fff;
    content: "";
    font-family: FontAwesome;
    font-size: 16px;
    position: absolute;
    right: -12px;
    top: 3px;
}

.kolye-banner-content ul li:last-child::after {
    display: none;
}

.kolye-banner-content ul li.home a {
    color: #fff;
}

.kolye-banner-content ul li a {
    color: #dd443c;
    font-size: 16px;
    font-weight: 400;
    letter-spacing: 0;
    line-height: 20px;
}
/*----------------------------------------
 27. Sac Grid
----------------------------------------*/

.sac-banner-area {
    background: rgba(0, 0, 0, 0) url("../img/bg/sac-grid-top.jpg") repeat scroll center bottom;
    padding: 200px 0;
}

.sac-banner-content {
    text-align: center;
}

.sac-banner-content h2 {
    color: #FF3636;
    font-size: 42px;
    font-weight: 700;
    letter-spacing: 0;
    line-height: 34px;
    margin-bottom: 20px;
    text-transform: capitalize;
}

.sac-banner-content ul {}

.sac-banner-content ul li {
    display: inline-block;
    margin-right: 15px;
    position: relative;
}

.sac-banner-content ul li::after {
    color: #fff;
    content: "";
    font-family: FontAwesome;
    font-size: 16px;
    position: absolute;
    right: -12px;
    top: 3px;
}

.sac-banner-content ul li:last-child::after {
    display: none;
}

.sac-banner-content ul li.home a {
    color: #fff;
}

.sac-banner-content ul li a {
    color: #dd443c;
    font-size: 16px;
    font-weight: 400;
    letter-spacing: 0;
    line-height: 20px;
}
/*----------------------------------------
 28. Halhal Grid
----------------------------------------*/

.halhal-banner-area {
    background: rgba(0, 0, 0, 0) url("../img/bg/halhal-grid-top.jpg") repeat scroll center bottom;
    padding: 200px 0;
}

.halhal-banner-content {
    text-align: center;
}

.halhal-banner-content h2 {
    color: #000;
    font-size: 42px;
    font-weight: 700;
    letter-spacing: 0;
    line-height: 34px;
    margin-bottom: 20px;
    text-transform: capitalize;
}

.halhal-banner-content ul {}

.halhal-banner-content ul li {
    display: inline-block;
    margin-right: 15px;
    position: relative;
}

.halhal-banner-content ul li::after {
    color: #fff;
    content: "";
    font-family: FontAwesome;
    font-size: 16px;
    position: absolute;
    right: -12px;
    top: 3px;
}

.halhal-banner-content ul li:last-child::after {
    display: none;
}

.halhal-banner-content ul li.home a {
    color: #fff;
}

.halhal-banner-content ul li a {
    color: #dd443c;
    font-size: 16px;
    font-weight: 400;
    letter-spacing: 0;
    line-height: 20px;
}
/*----------------------------------------
 29. Ev Grid
----------------------------------------*/

.ev-banner-area {
    background: rgba(0, 0, 0, 0) url("../img/bg/ev-grid-top.jpg") repeat scroll center bottom;
    padding: 200px 0;
}

.ev-banner-content {
    text-align: center;
}

.ev-banner-content h2 {
    color: #FF3636;
    font-size: 42px;
    font-weight: 700;
    letter-spacing: 0;
    line-height: 34px;
    margin-bottom: 20px;
    text-transform: capitalize;
}

.ev-banner-content ul {}

.ev-banner-content ul li {
    display: inline-block;
    margin-right: 15px;
    position: relative;
}

.ev-banner-content ul li::after {
    color: #fff;
    content: "";
    font-family: FontAwesome;
    font-size: 16px;
    position: absolute;
    right: -12px;
    top: 3px;
}

.ev-banner-content ul li:last-child::after {
    display: none;
}

.ev-banner-content ul li.home a {
    color: #fff;
}

.ev-banner-content ul li a {
    color: #dd443c;
    font-size: 16px;
    font-weight: 400;
    letter-spacing: 0;
    line-height: 20px;
}
/*----------------------------------------
 30. Büro Grid
----------------------------------------*/

.buro-banner-area {
    background: rgba(0, 0, 0, 0) url("../img/bg/büro-grid-top.jpg") repeat scroll center bottom;
    padding: 200px 0;
}

.buro-banner-content {
    text-align: center;
}

.buro-banner-content h2 {
    color: #1900F8;
    font-size: 42px;
    font-weight: 700;
    letter-spacing: 0;
    line-height: 34px;
    margin-bottom: 20px;
    text-transform: capitalize;
}

.buro-banner-content ul {}

.buro-banner-content ul li {
    display: inline-block;
    margin-right: 15px;
    position: relative;
}

.buro-banner-content ul li::after {
    color: #fff;
    content: "";
    font-family: FontAwesome;
    font-size: 16px;
    position: absolute;
    right: -12px;
    top: 3px;
}

.buro-banner-content ul li:last-child::after {
    display: none;
}

.buro-banner-content ul li.home a {
    color: #fff;
}

.buro-banner-content ul li a {
    color: #dd443c;
    font-size: 16px;
    font-weight: 400;
    letter-spacing: 0;
    line-height: 20px;
}

/*----------------------------------------
 31. Ortak Grid
----------------------------------------*/

.ortak-banner-area {
    background: rgba(0, 0, 0, 0) url("../img/bg/urun-grid-top.jpg") repeat scroll center bottom;
    padding: 200px 0;
}

.ortak-banner-content {
    text-align: center;
}

.ortak-banner-content h2 {
    color: #ea0732;
    font-size: 42px;
    font-weight: 700;
    letter-spacing: 0;
    line-height: 34px;
    margin-bottom: 20px;
    text-transform: capitalize;
}

/*----------------------------------------
 32. Urun Grid
----------------------------------------*/

.urun-banner-area {
    background: rgba(0, 0, 0, 0) url("../img/bg/urun-grid-top.jpg") repeat scroll center bottom;
    padding: 35px 0;
}

.urun-banner-content {
    text-align: left;
}

.urun-banner-content h2 {
    color: black;
    font-size: 32px;
    font-weight: 700;
    letter-spacing: 0;
    line-height: 34px;
    margin-bottom: 00px;
    text-transform: capitalize;
}

.urun-content .urun-name {
	font-family: Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", "serif";
    color: #1305c0;
    display: block;
    font-size: 14px;
    font-weight: 400;
    letter-spacing: 0;
    line-height: 20px;
    margin-bottom: 0px;
    text-transform: lowercase;
}

.urun-content .urun-name:hover {
    color: #ea0732;
	background-color: #eeeeee
}

/*----------------------------------------
 33. Küpe Grid
----------------------------------------*/

.kupe-banner-area {
    background: rgba(0, 0, 0, 0) url("../img/bg/kupe-grid-top.jpg") repeat scroll center bottom;
    padding: 200px 0;
}

.kupe-banner-content {
    text-align: center;
}

.kupe-banner-content h2 {
    color: #FF3636;
    font-size: 42px;
    font-weight: 700;
    letter-spacing: 0;
    line-height: 34px;
    margin-bottom: 20px;
    text-transform: capitalize;
}

.kupe-banner-content ul {}

.kupe-banner-content ul li {
    display: inline-block;
    margin-right: 15px;
    position: relative;
}

.kupe-banner-content ul li::after {
    color: #fff;
    content: "";
    font-family: FontAwesome;
    font-size: 16px;
    position: absolute;
    right: -12px;
    top: 3px;
}

.kupe-banner-content ul li:last-child::after {
    display: none;
}

.kupe-banner-content ul li.home a {
    color: #fff;
}

.kupe-banner-content ul li a {
    color: #dd443c;
    font-size: 16px;
    font-weight: 400;
    letter-spacing: 0;
    line-height: 20px;
}

/*----------------------------------------
 34. Hakkımızda Grid
----------------------------------------*/

.hakkimizda-banner-area {
    background: rgba(0, 0, 0, 0) url("../img/bg/hakkimizda-grid-top.jpg") repeat scroll center bottom;
    padding: 200px 0;
}

.hakkimizda-banner-content {
    text-align: center;
}

.hakkimizda-banner-content h2 {
    font-family: Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", "serif";
	color: #fff;
    font-size: 42px;
    font-weight: 700;
    letter-spacing: 0;
    line-height: 34px;
    margin-bottom: 10px;
    text-transform: capitalize;
}

.hakkimizda-banner-content ul {}

.hakkimizda-banner-content ul li {
    display: inline-block;
    margin-right: 15px;
    position: relative;
}

.hakkimizda-banner-content ul li::after {
    color: #fff;
    content: "";
    font-family: FontAwesome;
    font-size: 16px;
    position: absolute;
    right: -12px;
    top: 3px;
}

.hakkimizda-banner-content ul li:last-child::after {
    display: none;
}

.hakkimizda-banner-content ul li.home a {
    color: #fff;
}

.hakkimizda-banner-content ul li a {
    color: #dd443c;
    font-size: 16px;
    font-weight: 400;
    letter-spacing: 0;
    line-height: 20px;
}

/*----------------------------------------
 35. Bluz Grid
----------------------------------------*/

.bluz-banner-area {
    background: rgba(0, 0, 0, 0) url("../img/bg/bluz-grid-top.jpg") repeat scroll center bottom;
    padding: 200px 0;
}

.bluz-banner-content {
    text-align: center;
}

.bluz-banner-content h2 {
    color: yellow;
    font-size: 42px;
    font-weight: 700;
    letter-spacing: 0;
    line-height: 34px;
    margin-bottom: 20px;
    text-transform: capitalize;
}

.bluz-banner-content ul {}

.bluz-banner-content ul li {
    display: inline-block;
    margin-right: 15px;
    position: relative;
}

.bluz-banner-content ul li::after {
    color: #fff;
    content: "";
    font-family: FontAwesome;
    font-size: 16px;
    position: absolute;
    right: -12px;
    top: 3px;
}

.bluz-banner-content ul li:last-child::after {
    display: none;
}

.bluz-banner-content ul li.home a {
    color: #fff;
}

.bluz-banner-content ul li a {
    color: #dd443c;
    font-size: 16px;
    font-weight: 400;
    letter-spacing: 0;
    line-height: 20px;
}

/*----------------------------------------
 36. Etek Grid
----------------------------------------*/

.etek-banner-area {
    background: rgba(0, 0, 0, 0) url("../img/bg/etek-grid-top.jpg") repeat scroll center bottom;
    padding: 200px 0;
}

.etek-banner-content {
    text-align: center;
}

.etek-banner-content h2 {
    color: #FF3636;
    font-size: 42px;
    font-weight: 700;
    letter-spacing: 0;
    line-height: 34px;
    margin-bottom: 20px;
    text-transform: capitalize;
}

.etek-banner-content ul {}

.etek-banner-content ul li {
    display: inline-block;
    margin-right: 15px;
    position: relative;
}

.etek-banner-content ul li::after {
    color: #fff;
    content: "";
    font-family: FontAwesome;
    font-size: 16px;
    position: absolute;
    right: -12px;
    top: 3px;
}

.etek-banner-content ul li:last-child::after {
    display: none;
}

.etek-banner-content ul li.home a {
    color: #fff;
}

.etek-banner-content ul li a {
    color: #dd443c;
    font-size: 16px;
    font-weight: 400;
    letter-spacing: 0;
    line-height: 20px;
}

/*----------------------------------------
 37. Tulum Grid
----------------------------------------*/

.tulum-banner-area {
    background: rgba(0, 0, 0, 0) url("../img/bg/tulum-grid-top.jpg") repeat scroll center bottom;
    padding: 200px 0;
}

.tulum-banner-content {
    text-align: center;
}

.tulum-banner-content h2 {
    color: #FF3636;
    font-size: 42px;
    font-weight: 700;
    letter-spacing: 0;
    line-height: 34px;
    margin-bottom: 20px;
    text-transform: capitalize;
}

.tulum-banner-content ul {}

.tulum-banner-content ul li {
    display: inline-block;
    margin-right: 15px;
    position: relative;
}

.tulum-banner-content ul li::after {
    color: #fff;
    content: "";
    font-family: FontAwesome;
    font-size: 16px;
    position: absolute;
    right: -12px;
    top: 3px;
}

.tulum-banner-content ul li:last-child::after {
    display: none;
}

.tulum-banner-content ul li.home a {
    color: #fff;
}

.tulum-banner-content ul li a {
    color: #dd443c;
    font-size: 16px;
    font-weight: 400;
    letter-spacing: 0;
    line-height: 20px;
}

/*----------------------------------------
 38. Yeni Giysi Grid
----------------------------------------*/

.yenigiy-banner-area {
    background: rgba(0, 0, 0, 0) url("../img/bg/yenigiy-grid-top.jpg") repeat scroll center bottom;
    padding: 200px 0;
}

.yenigiy-banner-content {
    text-align: center;
}

.yenigiy-banner-content h2 {
    color: #FF3636;
    font-size: 42px;
    font-weight: 700;
    letter-spacing: 0;
    line-height: 34px;
    margin-bottom: 20px;
    text-transform: capitalize;
}

.yenigiy-banner-content ul {}

.yenigiy-banner-content ul li {
    display: inline-block;
    margin-right: 15px;
    position: relative;
}

.yenigiy-banner-content ul li::after {
    color: #fff;
    content: "";
    font-family: FontAwesome;
    font-size: 16px;
    position: absolute;
    right: -12px;
    top: 3px;
}

.yenigiy-banner-content ul li:last-child::after {
    display: none;
}

.yenigiy-banner-content ul li.home a {
    color: #fff;
}

.yenigiy-banner-content ul li a {
    color: #dd443c;
    font-size: 16px;
    font-weight: 400;
    letter-spacing: 0;
    line-height: 20px;
}

/*----------------------------------------
 39. Yeni Takı Grid
----------------------------------------*/

.yenitak-banner-area {
    background: rgba(0, 0, 0, 0) url("../img/bg/yenitak-grid-top.jpg") repeat scroll center bottom;
    padding: 200px 0;
}

.yenitak-banner-content {
    text-align: center;
}

.yenitak-banner-content h2 {
    color: #FF3636;
    font-size: 42px;
    font-weight: 700;
    letter-spacing: 0;
    line-height: 34px;
    margin-bottom: 20px;
    text-transform: capitalize;
}

.yenitak-banner-content ul {}

.yenitak-banner-content ul li {
    display: inline-block;
    margin-right: 15px;
    position: relative;
}

.yenitak-banner-content ul li::after {
    color: #fff;
    content: "";
    font-family: FontAwesome;
    font-size: 16px;
    position: absolute;
    right: -12px;
    top: 3px;
}

.yenitak-banner-content ul li:last-child::after {
    display: none;
}

.yenitak-banner-content ul li.home a {
    color: #fff;
}

.yenitak-banner-content ul li a {
    color: #dd443c;
    font-size: 16px;
    font-weight: 400;
    letter-spacing: 0;
    line-height: 20px;
}

/*----------------------------------------
 40. Yeni Aksesuar Grid
----------------------------------------*/

.yeniaks-banner-area {
    background: rgba(0, 0, 0, 0) url("../img/bg/yeniaks-grid-top.jpg") repeat scroll center bottom;
    padding: 200px 0;
}

.yeniaks-banner-content {
    text-align: center;
}

.yeniaks-banner-content h2 {
    color: #000000;
    font-size: 42px;
    font-weight: 700;
    letter-spacing: 0;
    line-height: 34px;
    margin-bottom: 20px;
    text-transform: capitalize;
}

.yeniaks-banner-content ul {}

.yeniaks-banner-content ul li {
    display: inline-block;
    margin-right: 15px;
    position: relative;
}

.yeniaks-banner-content ul li::after {
    color: #fff;
    content: "";
    font-family: FontAwesome;
    font-size: 16px;
    position: absolute;
    right: -12px;
    top: 3px;
}

.yeniaks-banner-content ul li:last-child::after {
    display: none;
}

.yeniaks-banner-content ul li.home a {
    color: #fff;
}

.yeniaks-banner-content ul li a {
    color: #dd443c;
    font-size: 16px;
    font-weight: 400;
    letter-spacing: 0;
    line-height: 20px;
}

/*----------------------------------------
41. Seperation
----------------------------------------*/

.seperation-area {
    background: #ea0732 none repeat scroll 0 0;
    margin: 3px 0 0;
    padding: 3px 0 3px;
}

/*----------------------------------------
42. Yatay Boşluk
----------------------------------------*/

.empty-area {
    background: #fff none repeat scroll 0 0;
    margin: 20px 0 0;
    padding: 3px 0 3px;
}

/*----------------------------------------
43. Gezinti
----------------------------------------*/

.gezinti-area {
    background: rgba(234, 7, 50, 0.2) none repeat scroll 0 0;
    margin: 25px 0 0;
    padding: 10px 0 10px;
}

/*----------------------------------------
 44. İçTakım Grid
----------------------------------------*/

.ictakim-banner-area {
    background: rgba(0, 0, 0, 0) url("../img/bg/ictakim-grid-top.jpg") repeat scroll center bottom;
    padding: 200px 0;
}

.ictakim-banner-content {
    text-align: center;
}

.ictakim-banner-content h2 {
    color: blueviolet;
    font-size: 42px;
    font-weight: 700;
    letter-spacing: 0;
    line-height: 34px;
    margin-bottom: 20px;
    text-transform: capitalize;
}

.ictakim-banner-content ul {}

.ictakim-banner-content ul li {
    display: inline-block;
    margin-right: 15px;
    position: relative;
}

.ictakim-banner-content ul li::after {
    color: #fff;
    content: "";
    font-family: FontAwesome;
    font-size: 16px;
    position: absolute;
    right: -12px;
    top: 3px;
}

.ictakim-banner-content ul li:last-child::after {
    display: none;
}

.ictakim-banner-content ul li.home a {
    color: #fff;
}

.ictakim-banner-content ul li a {
    color: #dd443c;
    font-size: 16px;
    font-weight: 400;
    letter-spacing: 0;
    line-height: 20px;
}

/*----------------------------------------
 45. Sutyen Grid
----------------------------------------*/

.sutyen-banner-area {
    background: rgba(0, 0, 0, 0) url("../img/bg/sutyen-grid-top.jpg") repeat scroll center bottom;
    padding: 200px 0;
}

.sutyen-banner-content {
    text-align: center;
}

.sutyen-banner-content h2 {
    color: blueviolet;
    font-size: 42px;
    font-weight: 700;
    letter-spacing: 0;
    line-height: 34px;
    margin-bottom: 20px;
    text-transform: capitalize;
}

.sutyen-banner-content ul {}

.sutyen-banner-content ul li {
    display: inline-block;
    margin-right: 15px;
    position: relative;
}

.sutyen-banner-content ul li::after {
    color: #fff;
    content: "";
    font-family: FontAwesome;
    font-size: 16px;
    position: absolute;
    right: -12px;
    top: 3px;
}

.sutyen-banner-content ul li:last-child::after {
    display: none;
}

.sutyen-banner-content ul li.home a {
    color: #fff;
}

.sutyen-banner-content ul li a {
    color: #dd443c;
    font-size: 16px;
    font-weight: 400;
    letter-spacing: 0;
    line-height: 20px;
}

/*----------------------------------------
 46. Külot Grid
----------------------------------------*/

.kulot-banner-area {
    background: rgba(0, 0, 0, 0) url("../img/bg/külot-grid-top.jpg") repeat scroll center bottom;
    padding: 200px 0;
}

.kulot-banner-content {
    text-align: center;
}

.kulot-banner-content h2 {
    color: blueviolet;
    font-size: 42px;
    font-weight: 700;
    letter-spacing: 0;
    line-height: 34px;
    margin-bottom: 20px;
    text-transform: capitalize;
}

.kulot-banner-content ul {}

.kulot-banner-content ul li {
    display: inline-block;
    margin-right: 15px;
    position: relative;
}

.kulot-banner-content ul li::after {
    color: #fff;
    content: "";
    font-family: FontAwesome;
    font-size: 16px;
    position: absolute;
    right: -12px;
    top: 3px;
}

.kulot-banner-content ul li:last-child::after {
    display: none;
}

.kulot-banner-content ul li.home a {
    color: #fff;
}

.kulot-banner-content ul li a {
    color: #dd443c;
    font-size: 16px;
    font-weight: 400;
    letter-spacing: 0;
    line-height: 20px;
}

/*----------------------------------------
 47. Kombinezon Grid
----------------------------------------*/

.kombinezon-banner-area {
    background: rgba(0, 0, 0, 0) url("../img/bg/construction-grid-top.jpg") repeat scroll center bottom;
    padding: 200px 0;
}

.kombinezon-banner-content {
    text-align: center;
}

.kombinezon-banner-content h2 {
    color: blueviolet;
    font-size: 42px;
    font-weight: 700;
    letter-spacing: 0;
    line-height: 34px;
    margin-bottom: 20px;
    text-transform: capitalize;
}

.kombinezon-banner-content ul {}

.kombinezon-banner-content ul li {
    display: inline-block;
    margin-right: 15px;
    position: relative;
}

.kombinezon-banner-content ul li::after {
    color: #fff;
    content: "";
    font-family: FontAwesome;
    font-size: 16px;
    position: absolute;
    right: -12px;
    top: 3px;
}

.kombinezon-banner-content ul li:last-child::after {
    display: none;
}

.kombinezon-banner-content ul li.home a {
    color: #fff;
}

.kombinezon-banner-content ul li a {
    color: #dd443c;
    font-size: 16px;
    font-weight: 400;
    letter-spacing: 0;
    line-height: 20px;
}

/*----------------------------------------
 48. Sabahlık Grid
----------------------------------------*/

.sabahlik-banner-area {
    background: rgba(0, 0, 0, 0) url("../img/bg/construction-grid-top.jpg") repeat scroll center bottom;
    padding: 200px 0;
}

.sabahlik-banner-content {
    text-align: center;
}

.sabahlik-banner-content h2 {
    color: blueviolet;
    font-size: 42px;
    font-weight: 700;
    letter-spacing: 0;
    line-height: 34px;
    margin-bottom: 20px;
    text-transform: capitalize;
}

.sabahlik-banner-content ul {}

.sabahlik-banner-content ul li {
    display: inline-block;
    margin-right: 15px;
    position: relative;
}

.sabahlik-banner-content ul li::after {
    color: #fff;
    content: "";
    font-family: FontAwesome;
    font-size: 16px;
    position: absolute;
    right: -12px;
    top: 3px;
}

.sabahlik-banner-content ul li:last-child::after {
    display: none;
}

.sabahlik-banner-content ul li.home a {
    color: #fff;
}

.sabahlik-banner-content ul li a {
    color: #dd443c;
    font-size: 16px;
    font-weight: 400;
    letter-spacing: 0;
    line-height: 20px;
}

/*----------------------------------------
 49. Etol Grid
----------------------------------------*/

.etol-banner-area {
    background: rgba(0, 0, 0, 0) url("../img/bg/etol-grid-top.jpg") repeat scroll center bottom;
    padding: 200px 0;
}

.etol-banner-content {
    text-align: center;
}

.etol-banner-content h2 {
    color: blueviolet;
    font-size: 42px;
    font-weight: 700;
    letter-spacing: 0;
    line-height: 34px;
    margin-bottom: 20px;
    text-transform: capitalize;
}

.etol-banner-content ul {}

.etol-banner-content ul li {
    display: inline-block;
    margin-right: 15px;
    position: relative;
}

.etol-banner-content ul li::after {
    color: #fff;
    content: "";
    font-family: FontAwesome;
    font-size: 16px;
    position: absolute;
    right: -12px;
    top: 3px;
}

.etol-banner-content ul li:last-child::after {
    display: none;
}

.etol-banner-content ul li.home a {
    color: #fff;
}

.etol-banner-content ul li a {
    color: #dd443c;
    font-size: 16px;
    font-weight: 400;
    letter-spacing: 0;
    line-height: 20px;
}

/*----------------------------------------
 50. Site Haritası
----------------------------------------*/

.site-haritasi-area {
    margin-top: 50px;
	margin-left: 5%;
	width: 90%;
	text-align: center;
}

.site-haritasi-area .container {
	width: 100%;
	padding-left: 25%;
}

.site-haritasi-area .baslik a {
	font-family: Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", "serif";
	font-size: 12px;
	font-weight: bold;
	color: black;
	background: white;
}

.site-haritasi-area .baslik :hover {
	font-family: Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", "serif";
	font-size: 12px;
	font-weight: bold;
	color: yellow;
	background: rgba(0, 0, 0, 0.6);
}

.site-haritasi-area .maddeler a {
	font-family: Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", "serif";
	font-size: 12px;
	font-weight: normal;
	color: #ea0732;
	background: white;
}

.site-haritasi-area .maddeler :hover {
	font-family: Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", "serif";
	font-size: 12px;
	font-weight: bold;
	color: yellow;
	background:  rgba(0, 0, 0, 0.4);
}