@charset "UTF-8";
/*----------------------------------------------------
@File: Default Styles
@Author:  Erhan Sayim
@URL: https://global-v1.sayim.com.tr
@Template Name: Sayim - Ecommerce Full Website
This file contains the styling for the actual theme, this
is the file you need to edit to change the look of the theme.
----------------------------------------------------*/
/*=====================================================
CSS Table of content:
1. Global Area 
2. All=====================================================*/
/*----------------------------------------------------*/
/* 1. Global Area */
/*----------------------------------------------------*/



#sync1 img{
/* border-radius: 10px; */
}

@import url('https://fonts.googleapis.com/css2?family=Poppins&display=swap');

body{
background: url(../images/bg.jpg);
margin: 0;
padding: 0;
overflow-x: hidden;
font-size: 13px;
line-height: 1.5;
font-family: 'Poppins', sans-serif;
color: #202020;
-moz-osx-font-smoothing: antialiased;
-webkit-font-smoothing: antialiased;
}

ul{
margin: 0px;
padding: 0px;
list-style: none;
}
ul li{
float: left;
}

a, a:hover, a:focus, a:visited{
text-decoration: none;
color: #202020;
}

.p-5{padding: 5px;}
.p-10{padding: 10px;}
.p-15{padding: 15px !important;}
.p-20{padding: 20px !important;}
.p-25{padding: 25px;}

.pt-5{padding-top: 5px;}
.pt-10{padding-top: 10px;}
.pt-15{padding-top: 15px;}
.pt-20{padding-top: 20px;}
.pt-25{padding-top: 25px;}

.pb-5{padding-bottom: 5px;}
.pb-10{padding-bottom: 10px;}
.pb-15{padding-bottom: 15px;}
.pb-20{padding-bottom: 20px !important;}
.pb-25{padding-bottom: 25px;}

.m-5{margin: 5px;}
.m-10{margin: 10px;}
.m-15{margin: 15px;}
.m-20{margin: 20px;}
.m-25{margin: 25px;}

.mt-5{margin-top: 5px;}
.mt-10{margin-top: 10px;}
.mt-15{margin-top: 15px;}
.mt-20{margin-top: 20px;}
.mt-25{margin-top: 25px;}

.mb-0{margin-bottom: 0px !important;}
.mb-5{margin-bottom: 5px;}
.mb-10{margin-bottom: 10px;}
.mb-15{margin-bottom: 15px;}
.mb-20{margin-bottom: 20px;}
.mb-25{margin-bottom: 25px;}

.br-10{
border-radius: 10px;
}

#loading{
position: fixed;
left: 0px;
top: 0px;
width: 100%;
height: 100%;
z-index: 99;
background: #fff;
justify-content: center;
align-items: center;
display: flex;
}

#info *{max-width: 100%;}
#info ul{width: 100%;display: grid;list-style: circle;margin-left: 20px;}

.border-c1{border: .05rem solid #e8e8e8;}
.border-t-c1{border-top: .05rem solid #e8e8e8;}
.border-b-c1{border-bottom: .05rem solid #e8e8e8;}
.border-l-c1{border-left: .05rem solid #e8e8e8;}
.border-r-c1{border-right: .05rem solid #e8e8e8;}

.table>tbody>tr>td, .table>tfoot>tr>td{
vertical-align: middle;
}
.table>thead>tr>th {
vertical-align: bottom;
border-bottom: 2px solid #f2f2f2;
}

.btn{
color: #fff !important;
}
.btn-1{
background: #892d87;
border: 1px solid #82087f;
color: #fff;
outline: none;
}
.btn-1:hover{
color: #fff;
background: #bb23a6;
}

.color_line{
float: left;
width: 100%;
}
.color_line div{
float: left;
height: 3px;
}
.color_line div:nth-child(1){
width: 15%;
background: #d96fa0;
}
.color_line div:nth-child(2){
width: 25%;
background: #f36377;
}
.color_line div:nth-child(3){
width: 25%;
background: #d96fa0;
}
.color_line div:nth-child(4){
width: 15%;
background: #ed6770;
}
.color_line div:nth-child(5){
width: 20%;
background: #cc52b1;
}
.line-header{
position: relative;
width: 100%;
float: left;
text-align: center;
margin-bottom: 20px;
}
.line-header span{
font-size: 21px;
background-image: linear-gradient(to left, #088296, #412e66);
padding: 5px 15px;color: #fff;
border-radius: 7px;}
.line-header:after{
content: '';
position: absolute;
left: 0px;
top: 16px;
width: 100%;
z-index: -1;
height: 2px;
background: #098095;
}

.area-line{
float: left;
width: 100%;
border: 2px solid #ecb686;
border-radius: 7px;
margin-top: 20px;
padding: 0px 10px;
background: #fff;
}
.area-line .area-title{
font-size: 21px;
background-image: linear-gradient(to left, #f9c99e, #bd8d62);
padding: 5px 15px;
color: #fff;
border-radius: 7px;
margin: 0 auto;
display: table;
margin-top: -22px;
margin-bottom: 10px;
}.timer-line{
padding: 40px 30px;
border: 2px solid #ff7711;
border-radius: 15px;
-webkit-border-radius: 15px;
-moz-border-radius: 15px;
-ms-border-radius: 15px;
-o-border-radius: 15px;
background: #fff;
position: relative;
margin-top: 30px;
}
.timer-line .timer-area{
position: absolute;
border: 2px solid #e9e9e9;
padding: 5px 20px;
border-radius: 30px;
-webkit-border-radius: 30px;
-moz-border-radius: 30px;
-ms-border-radius: 30px;
-o-border-radius: 30px;
top: -25px;
background: #fff;
}
.timer-line .timer-area .timer-header{
float: left;
font-size: 20px;
text-transform: uppercase;
font-weight: 600;
margin-right: 10px;
padding-right: 10px;
border-right: 1px solid #ddd;
margin-top: 2px;
}
.timer-line .timer-area .timer{
float: left;
}
.timer-line .timer-area .timer span{
float: left;
padding: 5px 8px;
font-weight: bold;
font-size: 16px;
}
.timer-line .timer-area .timer span span{
float: left;
padding: 0px;
background: #fe5353;
padding: 0px 10px;
color: #fff;
}
.timer-line .timer-area .timer span div{
float: left;
background: #ce3838;
padding: 0px 5px;
color: #fff;
}
.timer-line .timer-area .timer .end{
color: #ff1717;
}

.company .col-md-6{
margin-bottom: 25px;
}
.company a{
float: left;
width: 100%;
background: #fff;
border-radius: 10px;
padding: 3px;
}

.company-out{}
.company-out a{
float: left;
width: 100%;
border: 2px solid #ddd;
padding: 10px;
background: #fff;
-webkit-transition: background 1s;
transition: background 1s;
}
.company-out a img{
transition: transform .2s;
}
.company-out a:hover{
background: #088296;
}
.company-out a:hover img{
transform: scale(1.03);
}

.timer_product_slider .item, .clasic_product_slider .item, .clasic_product_slider_2 .item{
margin: 0px 10px;
}

#story .item{
margin: 0px 5px;
}

#sync1{
float: left;
width: 85%;
}

#sync2::-webkit-scrollbar-track{
-webkit-box-shadow: inset 0 0 6px #f3f1f1;
background-color: #f3f1f1;
border-radius: 10px;
}

#sync2::-webkit-scrollbar{
width: 2px;
background-color: #f3f1f1;
}
#sync2::-webkit-scrollbar-thumb{
border-radius: 10px;
background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0.44, #f3f1f1),color-stop(0.72, #f3f1f1),color-stop(0.86, #f3f1f1));
}

#sync2{
float: left;
width: 15%;
height: 450px;
overflow-y: scroll;
}

#sync2 li{
margin: 5px 13px 0px 0px;
}
#sync2 li img{
border: 2px solid #ddd;
border-radius: 10px;
}
#sync2 li.synced img{
border: 2px solid #56d81b;
}

.product{
float: left;
width: 100%;
}
.product .video-out{
border-radius: 10px;
overflow: hidden;
float: left;
}
.product .images-area{
background: #fff;
-webkit-border-radius: 15px;
-moz-border-radius: 15px;
-ms-border-radius: 15px;
-o-border-radius: 15px;
overflow: hidden;
border: 1px solid #e7e7e7;
position: relative;
margin-bottom: 10px;
}
.product .images-area a{
height: 270px;
justify-content: center;
align-items: center;
display: flex;
}
.product .images-area a div{
position: absolute;
left: 0px;
bottom: 34px;
width: 100%;
display: none;
}
.product .images-area a div span{
float: left;
height: 5px;
border-right: 1px solid #fff;
border-left: 1px solid #fff;
}
.product .images-area .control{
position: absolute;
left: 0px;
bottom: 0px;
background: #f9f6f6;
border-top: 1px solid #dbd8d8;
width: 100%;
padding: 1px 0px;
text-align: center;
display: none;
}
.product .images-area .control a{
height: auto;
display: revert;
font-size: 21px;
padding-right: 5px;
margin-right: 5px;
border-right: 1px solid #ddd;
}
.product .images-area .control a:last-child{border-right:0px}
.product .images-area .control a:hover{
color: red;
}
.product .images-area .control a i{}
.product:hover > .images-area a div, .product:hover > .images-area .control{
display: block;
}
.product .product-info{
float: left;
width: 100%;
}
.product .product-info a:nth-child(1){
float: left;
width: 100%;
color: #636363;
overflow: hidden;
display: -webkit-box;
height: 37px;
-webkit-line-clamp: 2; 
-webkit-box-orient: vertical;
}
.product .product-info a:nth-child(2){
float: left;
width: 100%;
color: #435570;
font-size: 14px;
font-weight: bold;
overflow: hidden;
line-height: 18px;
white-space: nowrap;
text-overflow: ellipsis;
}
.product .product-info a:hover{
color: #f03333;
}
.product .product-info .price{
float: left;
width: 100%;
position: relative;
}
.product .product-info .price .old-price{}
.product .product-info .price .old-price span{
color: #ff4545;
text-decoration: line-through;
}
.product .product-info .price .new-price{
color: #0cab2d;
font-size: 18px;
}
.product .product-info .price .percent{
border: 1px solid #ddd;
padding: 4px 7px;
position: absolute;
right: 0px;
top: -21px;
color: #000;
font-size: 12px;
border-radius: 50%;
min-width: 43px;
text-align: center;
background: #ddd;
}

.grid .col-md-2, .grid .col-md-4{
padding: 5px;
}
.grid .col-md-2 .product .images-area a{
height: 140px;
}
.grid .col-md-4 .product .images-area a{
height: 387px;
}

.star{
float: left;
width: 100%;
position: relative;
}
.star div:nth-child(1){
color: #e1e1e1;
}
.star div:nth-child(2){
color: #e8ac0c;
position: absolute;
overflow: hidden;
height: 20px;
top: 0px;
}

#opactiy_bg{
position: fixed;
left: 0px;
top: 0px;
z-index: 2;
width: 100%;
height: 100%;
background: #000;
opacity: 0.7;
display: none;
}

.clear_area{
float: left;
width: 100%;
background: #fff;
border: 1px solid #ddd;
padding: 0px 20px;
position: relative;
box-shadow: 0px 0px 12px #f3f1f1;
}
.clear_area .title{
background: #892d87;
color: #fff;
padding: 3px 25px;
clear: right;
display: table;
border-radius: 10px;
font-size: 21px;
margin: 0 auto;
position: relative;
top: -18px;
}

.bread_crumb  li a {
background: #a0a0a0;
color: #fff;
padding: 2px 13px;
border-radius: 4px;
float: left;
}
.bread_crumb  li span{
background: #fff;
color: #80a4f2;
padding: 1px 13px;
border-radius: 4px;
float: left;
margin: 0 10px;
border: 1px solid #ddd;
}
/*----------------------------------------------------*/



/* All */



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



#area-1 ul li{
padding-right: 10px;
margin-right: 10px;
}
#area-1 ul li:last-child{
border-right: 0px;
}

#area-2{}
#area-2-1{
display: flex;
justify-content: space-between;
align-items: center;
align-content: flex-start;
}
#area-2-1 #logo{}
#area-2-1 #search{
position: relative;
}
#area-2-1 #search input{
min-width: 350px;
box-shadow: none;
border: 1px solid #dfdfdf;
padding: 16px;
min-height: 44px;
border-radius: 0px;
background: none;
}
#area-2-1 #search button{position: absolute;right: 0px;top: 8px;border: none;background: none;font-size: 19px;border-left: 1px solid #f3f2f2;padding: 0px 6px;}
#area-2-1 #area-2-2{
padding: 3px 5px;
border: 1px solid #ddd;
background: #fff;
}
#area-2-1 #area-2-2 a{float: left;}
#area-2-1 #area-2-2 a i{
float: left;
font-size: 30px;
line-height: 38px;
color: #741868;
}
#area-2-1 #area-2-2 a div{
float: left;
text-align: center;
}
#area-2-1 #area-2-3{}
#area-2-1 #area-2-3 li{
margin-right: 10px;
border: 1px solid #ddd;
position: relative;
background: #fff;
}
#area-2-1 #area-2-3 li a{
float: left;
width: 100%;
padding: 3px 10px;
}
#area-2-1 #area-2-3 li a i{
font-size: 30px;
line-height: 36px;
float: left;
color: #741868;
}
#area-2-1 #area-2-3 li:nth-child(1) a span{
float: left;
font-size: 12px;
}
#area-2-1 #area-2-3 li:nth-child(2) a span{
float: left;
margin-top: 8px;
}
#area-2-1 #area-2-3 li:nth-child(2) a span div{
position: absolute;
min-width: 25px;
text-align: center;
font-size: 14px;
left: 14px;
top: -16px;
border: 1px solid #ddd;
background: #fff;
}
#area-2-1 #area-2-3 li:nth-child(3) a span{
margin-top: 8px;
float: left;
}
#area-2-1 #area-2-3 li:nth-child(3) a span div{
position: absolute;
min-width: 25px;
text-align: center;
font-size: 14px;
left: 14px;
top: -16px;
border: 1px solid #ddd;
background: #fff;
}

#area-3{
background: #fff;
}
#area-3 ul{
margin-top: 5px;
position: relative;
margin: 0 auto;
display: table;
}
#area-3 ul li{
padding: 5px 0px;
}
#area-3 ul li a{
font-size: 14px;
float: left;
border-right: 1px solid #ececec;
padding-right: 13px;
margin-right: 13px;
color: #000;
padding-top: 7px;
padding-bottom: 7px;
}
#area-3 ul li a:hover{color: orange;}
#area-3 ul li:hover > ul {
display: block;
}
#area-3 ul li:last-child a{
border-right: 0px;
}

#area-3 ul li ul{
position: absolute;
width: 100%;
background: url(../images/bg.jpg);
border: 1px solid #ddd;
top: 46px;
z-index: 1;
padding: 5px 10px 15px 10px;
border-radius: 0px 0px 20px 20px;
display: none;
}
#area-3 ul li ul li{margin-right: 30px;text-align: center;}
#area-3 ul li ul li a{
float: left;
border: none;
color: #7c1368;
font-weight: bold;
font-size: 17px;
width: 100%;
margin-right: 0px;
padding-right: 0px;
}
#area-3 ul li ul li a:hover{
color: orange;
}
#area-3 ul li ul li ul{
position: relative;
top: 0px;
padding: 0px;
border: none;
float: left;
display: contents !important;
}
#area-3 ul li ul li ul li{float: initial;width: 100%;}
#area-3 ul li ul li ul li a{



  



font-size: 13px;



  



color: #868686;



  



font-weight: normal;



  



width: 100%;



  



padding-right: 0px;



  



margin-right: 0px;



  



border-top: 1px solid #f5f5f5;



  



padding-top: 5px;



  



margin-top: 5px;



  



padding-bottom: 0px;
}
#area-3 ul li ul li ul li a:hover{}
/*----------------------------------------------------*/



/* 3. hikaye alanı */



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



#area-4{
-moz-box-shadow: inset 0 0 20px #000000;
-webkit-box-shadow: inset 0 0 20px #000000;
box-shadow: inset 0 0 20px #000000;
}
#story .item img{
border-radius: 50%;
padding: 4px;
background: url(../images/story-border.gif);
background-size: 100%;
display: block;
max-width: 100%;
}
#story .owl-prev{
left: -65px;
}
#story .owl-next{
right: -65px;
}
/*----------------------------------------------------*/



/* 4. anasayfa sol menü */



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



#left_menu_header{
font-size: 17px;
line-height: 37px;
color: #fff;
margin: 0;
background: #000000;
position: relative;
font-weight: 500;
padding: 0 50px;
border-radius: 6px 6px 0 0;
-webkit-border-radius: 6px 6px 0 0;
-moz-border-radius: 6px 6px 0 0;
-ms-border-radius: 6px 6px 0 0;
-o-border-radius: 6px 6px 0 0;
}
#left_menu_header span{
position: absolute;
height: 2px;
left: 8px;
background: #fff;
}
#left_menu_header span:nth-child(1){
width: 25px;
top: 11px;
}
#left_menu_header span:nth-child(2){
width: 16px;
top: 17px;
}
#left_menu_header span:nth-child(3){
width: 33px;
top: 23px;
}

#left_menu li ul::-webkit-scrollbar-track{
-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
background-color: #F5F5F5;
border-radius: 10px;
}

#left_menu li ul::-webkit-scrollbar{
width: 10px;
background-color: #F5F5F5;
}
#left_menu li ul::-webkit-scrollbar-thumb{
border-radius: 10px;
background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0.44, #ababab),color-stop(0.72, #ccc9c9),color-stop(0.86, #ececec));
}

#left_menu{
border: 1px solid #dfdbdb;
float: left;
width: 100%;
background: #fff;
border-radius: 0px 0px 10px 10px;
}
#left_menu li{
width: 100%;
}
#left_menu li:hover > ul{
display:block
}
#left_menu li a{
float: left;
width: 100%;
padding: 3px 0px;
font-size: 15px;
margin-bottom: 3px;
border-bottom: 1px solid #e9e9e9;
position: relative;
padding: 4px 5px 4px 20px;
}
#left_menu li a:after{
content: '';
position: absolute;
left: 8px;
top: 12px;
border-radius: 50%;
width: 5px;
height: 5px;
}

#left_menu li:last-child a{
border-bottom: 0px;
}

#left_menu li:nth-child(1) a:after{background: #00acdd;}
#left_menu li:nth-child(2) a:after{background: #e6ab16;}
#left_menu li:nth-child(3) a:after{background: #ff6857;}
#left_menu li:nth-child(4) a:after{background: #4cd7fe;}
#left_menu li:nth-child(5) a:after{background: #b32fbe;}
#left_menu li:nth-child(6) a:after{background: #d8c818;}
#left_menu li:nth-child(7) a:after{background: #f00;}
#left_menu li:nth-child(8) a:after{background: #2e85cc;}
#left_menu li:nth-child(9) a:after{background: #ff00e2;}
#left_menu li:nth-child(10) a:after{background: #5033af;}
#left_menu li:nth-child(11) a:after{background: #2070e3;}
#left_menu li:nth-child(12) a:after{background: #f0e;}
#left_menu li:nth-child(13) a:after{background: #07ff18;}#left_menu li ul{
position: absolute;
z-index: 1;
background: url(../images/bg.jpg);
border: 1px solid #ddd;
padding: 5px 10px 15px 10px;
overflow-y: scroll;
top: 0px;
display: none;
}
#left_menu li ul li{width: auto;margin-right: 12px;margin-left: 12px;margin-bottom: 10px;}
#left_menu li ul li a{width: 100%;font-size: 18px;color: #7c1368;font-weight: bold;text-align: center;padding: 2px 0px;}
#left_menu li ul li a:hover{color:orange}
#left_menu li ul li a:after{
background: none !important;
}
#left_menu li ul li ul{
width: 100%;
text-align: center;
position: relative;
float: left;
background: none;
border: none;
padding: 0px;
border-radius: 0px;
clear: left;
overflow: auto;
display: block !important;
}
#left_menu li ul li ul li{
width: 100%;
float: initial;
margin: 0px;
}
#left_menu li ul li ul li a{width: 100%;font-size: 14px;color: #868686;font-weight: normal;}
/*----------------------------------------------------*/



/* 5. bilgilendirme alanı */



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



#area-5{
float: left;
width: 100%;
background: url(../images/area-5-bg.jpg);
border: 1px solid #ddd;
border-radius: 5px;
padding: 20px;
display: flex;
align-content: space-around;
justify-content: space-between;
}
#area-5 li{text-align: center;}
#area-5 li i{
float: left;
font-size: 40px;
margin-right: 10px;
color: #f03333;
}
#area-5 li div{
float: left;
display: grid;
}
#area-5 li div b{
float: left;
width: 100%;
}
#area-5 li div span{
float: left;
width: 100%;
color: #636363;
}

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



/* 6. footer alanı */



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



footer{
background: #ffffff;
padding: 25px;
padding-bottom: 15px;
float: left;
width: 100%;
position: relative;
margin-top: 50px;
border-top: 10px dashed#691269;
}
footer #area-6{
float: left;
width: 100%;
background: url(../images/sub.png) no-repeat center;
background-size: 100%;
color: #fff;
position: relative;
margin-top: -75px;
}
footer #area-6 #area-6-1{
float: left;
width: 100%;
padding: 20px 35px;
}
footer #area-6 #area-6-1 div{
float: left;
}
footer #area-6 #area-6-1 div i{
float: left;
font-size: 51px;
}
footer #area-6 #area-6-1 div span{
float: left;
font-size: 22px;
margin-left: 5px;
}
footer #area-6 #area-6-1 div span small{
float: left;
width: 100%;
font-size: 14px;
}
footer #area-6 #area-6-1 form{
float: right;
position: absolute;
border-radius: 40px;
overflow: hidden;
right: 15px;
top: 25px;
}
footer #area-6 #area-6-1 form input{
min-width: 400px;
padding: 20px;
}
footer #area-6 #area-6-1 form button{
position: absolute;
right: 5px;
top: 6px;
background: #000;
outline: none;
border: none;
padding: 5px 15px;
border-radius: 40px;
}

#tags ul{
float: left;
border-bottom: 2px dashed #6912693b;
padding-bottom: 10px;
}
#tags ul li{
margin: 5px 5px;
}
#tags ul li a{
color: #000;
float: left;
padding: 3px 7px;
border: 1px solid #dbdce0;
background: #fff;
border-radius: 10px;
font-size: 12px;
transition-duration: .4s;
}
#tags ul li a:hover{
background: #f7e6f6;
}

#area-7{
margin-top: 25px;
float: left;
width: 100%;
}
#area-7 a{}
#area-7 a img{}
#area-7 p{
color: #636363;
border-bottom: 1px solid #ddd;
padding-bottom: 10px;
}
.info{
float: left;
width: 100%;
}
.info li{
width: 100%;
margin-bottom: 10px;
}
.info li i{
font-size: 30px;
float: left;
}
.info li span{
font-size: 14px;
float: left;
width: 88%;
margin-top: 4px;
padding-left: 10px;
}
.info li a{}
.info li a i{}
.info li a span{}
.social{
float: left;
width: 100%;
border-top: 1px solid #ddd;
padding-top: 10px;
}
.social li{
margin-right: 10px;
}
.social li a{
float: left;
width: 100%;
font-size: 25px;
color: #fff;
background: #882a7d;
padding: 0px 7px;
border-radius: 50%;
}
.social li a i{}
.footer_menu_head{
font-size: 21px;
color: #882a7d;
font-weight: bold;
}
.footer_menu{
float: left;
width: 100%;
list-style: circle;
padding-left: 18px;
}
.footer_menu li{
width: 100%;
padding-bottom: 5px;
margin-bottom: 5px;
}
.footer_menu li a{
font-size: 14px;
}
.footer_menu li a:hover{
color: #f03333;
}
.copyright{
float: left;
width: 100%;
padding: 10px 40px;
background: #e9e9e9;
font-size: 13px;
line-height: 32px;
border-top: 1px solid #c6c6c6;
}

#story_watch{
position: fixed;
z-index: 3;
top: 90px;
left: calc(50% - 200px);
max-width: 400px;
display: none;
}
#story_watch div:nth-child(1){
float: left;
height: 10px;
background: #00ff16;
width: 0.1%;
}
#story_watch div:nth-child(2){
float: left;
width: 100%;
}
#story_watch div:nth-child(2) span{
float: left;
height: 10px;
margin: 3px 0px;
margin-right: 3px;
border-radius: 5px;
background: #fff;
}
#story_watch div:nth-child(2) span.active{
background: #00ff16;
}
#story_watch div:nth-child(3){}
#story_watch div:nth-child(3) img{
width: 400px;
float: left;
}
#story_watch i{position: absolute;top: 50%;font-size: 40px;background: #00000033;border-radius: 50%;color: #ffffff;padding: 10px;cursor: pointer;}
#story_watch i:hover{
background: #3c3939;
}
#story_watch i[data-left=""]{left: 30px}
#story_watch i[data-right=""]{right: 30px}
#story_watch i[data-stroy-close=""]{
background: #9016169e;
left: 43%;
top: -75px;
color: red;
}

.cart_summary{
float: left;
width: 100%;
}
.cart_summary li{
width: 100%;
border-bottom: 1px solid #f0ecec;
padding: 8px 0px;
}
.cart_summary li b{
float: left;
}
.cart_summary li span{
float: right;
}
.cart_summary li:last-child{
border: none;
color: green;
font-size: 17px;
}
.category_menu{
float: left;
width: 100%;
padding-top: 10px;
}
.category_menu li{
width: 100%;
margin-bottom: 5px;
padding-bottom: 5px;
border-bottom: 1px solid #e8e8e8;
}
.category_menu li a.up_category{
color: green;
font-weight: bold;
}
.category_menu li a.up_category:hover{}
.category_menu li a{
font-size: 14px;
width: 100%;
}
.category_menu li a i{margin-right: 5px;}
.category_menu li a:hover{
color: orange;
font-weight: bold;
}
.category_menu li:last-child{
border: none;
}#product_detail_area_1{}
#product_detail_area_1 h1{
color: #000000;
font-size: 24px;
margin: 0px;
}
#product_detail_area_1 small{
color: #828282;
font-size: 13px;
float: left;
width: 100%;
text-align: center;
}
#product_detail_area_1 small span{}
#product_detail_area_1 small b{}
#product_detail_area_1 .old_price{
float: left;
width: 100%;
}
#product_detail_area_1 .old_price b{
padding: 4px 0px;
float: left;
}
#product_detail_area_1 .old_price span{
padding: 4px 0px;
}
#product_detail_area_1 .old_price .col-md-7 div{font-size: 20px;text-decoration: line-through;}
#product_detail_area_1 .price{
float: left;
width: 100%;
}
#product_detail_area_1 .price b{
padding: 4px 0px;
font-size: 21px;
}
#product_detail_area_1 .price span{
padding: 8px 0px;
}
#product_detail_area_1 .price .col-md-7 div{
font-size: 25px;
font-weight: bold;
color: #0dc570;
}

#product_detail_area_2{}
#product_detail_area_2 b{}
#product_detail_area_2 ul{
float: left;
width: 100%;
margin-top: 5px;
}
#product_detail_area_2 ul li{
border-radius: 3px;
border: solid 2px #999999;
font-size: 13px;
color: #333333;
padding: 5px 10px 4px;
cursor: pointer;
margin-right: 10px;
margin-bottom: 2.5px;
margin-top: 2.5px;
}

#product_detail_area_2 ul li.active{
border: solid 2px #5cb85c;
}
#product_detail_area_2 ul li:hover{
border: solid 2px #e19f1d;
}#product_detail_area_3{}
#product_detail_area_3 .btn-primary, #product_detail_area_3 .btn-success{
width: 100%;
}
#product_detail_area_3 .quantity{
position: relative;
overflow: hidden;
}
#product_detail_area_3 .quantity .up{
font-size: 12px;
font-weight: bold;
padding: 0px;
width: auto;
position: absolute;
right: 5px;
top: 1px;
background: none;
outline: none;
color: #000 !important;
}
#product_detail_area_3 .quantity .down{
font-size: 12px;
font-weight: bold;
padding: 0px;
width: auto;
position: absolute;
right: 5px;
bottom: 1px;
background: none;
outline: none;
color: #000 !important;
}.product_share{}
.product_share a{
font-size: 13px;
margin-right: 5px;
}
.product_share a i{}
.tab-pane{
background: #fff;
padding: 10px;
border: 1px solid #ddd;
border-top: 0px;
}

.nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover{




background: #93348a;




color: #fff;




padding: 10px 15px;
}
.nav>li>a:focus, .nav>li>a:hover{

background-color: #5cb85c;

color: #fff;
}
.nav>li>a:focus, .nav>li>a{

background: #ebebeb;
}

/* Profile sidebar */



.profile-sidebar {



  padding: 20px 0 10px 0;



  background: #fff;



  border: 1px solid #e9e9e9;
}

.profile-userpic img {



  float: none;



  margin: 0 auto;



  width: 50%;



  height: 50%;



  -webkit-border-radius: 50% !important;



  -moz-border-radius: 50% !important;



  border-radius: 50% !important;



  border: 1px solid #ddd;
}

.profile-usertitle {



  text-align: center;



  margin-top: 20px;
}

.profile-usertitle-name {



  color: #5a7391;



  font-size: 16px;



  font-weight: 600;



  margin-bottom: 7px;
}.profile-userbuttons {



  text-align: center;



  margin-top: 10px;
}

.profile-userbuttons .btn {



  text-transform: uppercase;



  font-size: 11px;



  font-weight: 600;



  padding: 6px 15px;



  margin-right: 5px;
}

.profile-usermenu {



  margin-top: 30px;
}

.profile-usermenu ul li {



  border-bottom: 1px solid #f0f4f7;



  width: calc(100% - 20px);



  margin: 5px 10px;
}

.profile-usermenu ul li:last-child {



  border-bottom: none;
}

.profile-usermenu ul li a {



  color: #93a3b5;



  font-size: 14px;



  font-weight: 400;



  background: #fff;
}

.profile-usermenu ul li a i {



  margin-right: 8px;



  font-size: 14px;
}

.profile-usermenu ul li a:hover {



  background-color: #fafcfd;



  color: #5b9bd1;
}

.profile-usermenu ul li.active {



  border-bottom: none;
}

.profile-usermenu ul li.active a {



  color: #5b9bd1;



  background-color: #f6f9fb;



  border-left: 2px solid #5b9bd1;



  margin-left: -2px;
}#cart_status{
display: none;
font-weight: bold;
text-align: center;
padding-top: 10px;
padding-bottom: 10px;
}

#cart_status.error{color: red}
#cart_status.success{color: green}
#cart{
display: none;
position: fixed;
top: 0px;
right: 0px;
width: 300px;
height: 100%;
z-index: 999999999;
background: #fff;
}
#cart .title{
color: #fff;
float: left;
width: 100%;
padding: 10px 20px;
border-bottom: 1px solid #ddd;
background: #960869;
font-size: 15px;
position: relative;
}
#cart .title i{
float: right;
background: #570e40;
padding: 2px 3px;
border-radius: 8px;
cursor: pointer;
}
#cart .car_products{
width: 100%;
height: 70%;
overflow-y: scroll;
}
#cart .car_products li{border-bottom: 1px solid #ddd;margin-bottom: 10px;padding: 5px 0px;}
#cart .car_products li:last-child{border-bottom: 0px solid #ddd}
#cart .car_products a{
float: left;
width: 100%;
color: #8cb0ff;
}
#cart .car_products a img{
border: 1px solid #ddd;
}
#cart .car_products .col-md-9 div{
float: left;
width: 100%;
}
#cart .car_products .col-md-9 div span:first-child{
font-weight: bold;
}
#cart .car_products .col-md-9 div span:last-child{}
#cart .car_products .col-md-9 [data-cart-delete]{
cursor: pointer;
position: absolute;
right: 0px;
width: 20px;
top: 0px;
color: #b73f3f;
}
#cart .car_product_footer{
float: left;
width: 100%;
}
#cart .car_product_footer .total{
color: #fff;
float: left;
width: 100%;
padding: 10px 20px;
border-bottom: 1px solid #ddd;
background: #960869;
font-size: 15px;
position: relative;
}
#cart .car_product_footer .total span:first-child{}
#cart .car_product_footer .total span:last-child{}
#cart .car_product_footer a{float: left;width: 100%}
#cart .empty{
text-align: center;
width: 100%;
margin-top: 30px;
}
#fav-add-succes{
display: none;
position: fixed;
top: 20%;
z-index: 2;
background: #fff;
width: 40%;
left: 30%;
padding: 20px;
border-radius: 10px;
}
#fav-add-succes div{
float: left;
width: 100%;
position: relative;
}
#fav-add-succes div img{}
#fav-add-succes div h2{
font-size: 20px;
}
#fav-add-succes div i{
position: absolute;
top: -36px;
right: -34px;
background: #db1515;
color: #fff;
padding: 4px;
font-size: 25px;
border-radius: 50%;
cursor: pointer;
}
.whatsapp {

  text-align: center;

  display: block;

  width: 65px;

  height: 65px;

  border-radius: 50%;

  background: #3cca22;

  cursor: pointer;

  animation: pulse 2s infinite;

  position: fixed;

  z-index: 2;

 bottom: 50px;
left: 25px;

  font-size: 45px;

  color: #ffff !important;

}

.whatsapp span{

    background: #3cca22;

    font-size: 17px;

    width: 145px;

    float: left;

    position: absolute;

    top: 20px;

    left: 54px;

    border-radius: 20px;

}

@-webkit-keyframes pulse {

  0% {

    -webkit-box-shadow: 0 0 0 0 rgb(44 204 132 / 40%);

  }

  70% {

      -webkit-box-shadow: 0 0 0 10px rgb(44 204 88 / 0%);

  }

  100% {

      -webkit-box-shadow: 0 0 0 0 rgb(44 204 89 / 0%);

  }

}

@keyframes pulse {

  0% {

    -moz-box-shadow: 0 0 0 0 rgb(44 204 104 / 40%);

    box-shadow: 0 0 0 0 rgb(44 204 104 / 40%);

  }

  70% {

      -moz-box-shadow: 0 0 0 30px rgb(44 204 126 / 57%));

      box-shadow: 0 0 0 30px rgb(44 204 111 / 0%);

  }

  100% {

      -moz-box-shadow: 0 0 0 0 rgb(44 204 120 / 0%);

      box-shadow: 0 0 0 0 rgb(44 204 128 / 0%);

  }

}
@media only screen and (max-width: 600px){
#area-2-1 #area-2-3{
    display: flex;
    justify-content: center;
    width: 100%;
}
#area-2-1 #area-2-3 li a i{font-size: 22px;}
}

@media only screen and (max-width: 800px){
.company a img, #sync1 img{
    width: 100%;
}
.hidden-xs{
    display: none;
}
#area-2{
    padding-top: 10px
}
#area-2-1{
    display: block;
}
    #area-2-1 #logo{margin: 0 auto;display: table;margin-bottom: 10px;}
    #area-2-1 #search{}
    #area-2-1 #area-2-2{
    margin: 0 auto;
    display: table;
    margin-top: 10px;
    margin-bottom: 20px;
}
 #area-2-1 #area-2-2 a{}
    #area-2-1 #area-2-3{
    display: flex;
    justify-content: center;
    margin-top: 10px;
}
#mobile_menu i{
    color: #fff !important;
}
.company .col-md-6{
    margin-top: 15px;
    margin-bottom: 0px;
}

#area-5 li i{
    width: 100%;
}

.grid .col-md-4 .product .images-area a{height: auto;}

.product .images-area a{
    height: 175px !important;
}
.timer-line{}
.timer-line .timer-area .timer-header{
    font-size: 13px;
    width: 100%;
    text-align: center;
    border: none;
}
.timer-line .timer-area .timer span{
    font-size: 10px;
    padding: 0px;
}
.timer-line .timer-area .timer{float: inherit;margin: 0 auto;}
footer{
    padding-top: 0px;
    margin-top: 10px;
}
#area-7{
    margin-top: 10px
}
.grid-item{
    position: relative !important;
    top: 0px !important;
    left: 0px !important;
}
#product_detail_area_3 .btn{
    margin-top: 10px;
}
#mobile_menu{display: block !important;background: #91308d;width: 104px;text-align: center;padding: 2px 6px;line-height: 37px;top: 113px;left: 27px;border-radius: 12px;color: #fff;font-size: 17px;width: auto !important;}
body.theme-default .hc-offcanvas-nav li{
    width: 100%;
}
}