/* TR-WP.COM */

@import url("https://stackpath.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css");

@import url('https://fonts.googleapis.com/css?family=Raleway:300');



.trwpwhatsappballon {
font-size: 14px;
border-radius: 12px;
max-width: 250px;
display:none;
box-shadow:0 0 6px rgb(0 0 0 / 10%);
}

.trwpwhatsapptitle {
background-color: #22c15e;
color: white;
padding: 14px;
line-height: 18px;
border-radius: 12px 12px 0px 0px;
text-align: center;
}

.trwpwhatsappmessage {
  padding: 16px 12px 12px 12px;
  background-color: white;
  font-size: 14px;
  line-height: 19px;
}

.trwpwhatsappinput {
background-color: white;
border-radius: 0px 0px 12px 12px;
}

.trwpwhatsappinput input {
width: 226px;
border-radius: 10px;
margin: 1px 1px 0px 10px;
padding:10px 32px 10px 10px;
font-family: "Raleway", Arial, sans-serif;
font-weight: 300;
font-size: 13px;
line-height:10px;
background-color: #efefef;
border: transparent;
}

.trwpwhatsappinput input::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #000000!important;
  opacity: .4!important;
}

.trwpwhatsappinput input:focus {
	outline: none !important;
	border-color: #719ECE;
	box-shadow: 0 0 5px rgba(0,0,0,.2);
}


.trwpwhatsappbutton {
background-color: #22c15e;
border-radius: 20px;
padding: 7px 9px;
cursor: pointer;
color: #fff;
width: 130px;
margin-top: 10px;
margin-bottom: 10px;
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
float:right;
width: 44px;
height: 44px;
border-radius:50%;
font-size:30px;
}

.trwpwhatsappall {
position: fixed;
z-index: 9998;
bottom: 20px;
right: 30px;
font-family: "Raleway", Arial, sans-serif;
font-weight: 300;
font-size: 15px;
}

.trwpwhatsappsendbutton {
  color: #22c15e;
  cursor:pointer;
}

button.trwpwhatsappsendbutton  {border: none;background:transparent;}
button.trwpwhatsappsendbutton:focus,
button.trwpwhatsappsendbutton:hover,
button.trwpwhatsappsendbutton:active,
button.trwpwhatsappsendbutton:visited  {outline:none}
button.trwpwhatsappsendbutton  i {
float: right;
position: absolute;
z-index: 999999999999;
right: 23px;
bottom: 100px;
font-size: 18px !important;
}

.kapat {
position: absolute;
right: 8px;
top: 6px;
font-size: 13px;
line-height: 13px;
border: 1px solid #fff;
border-radius: 99px;
padding: 2px 5px 2px 5px;
color: white;
font-size: 10px;
cursor: pointer;
}

.btn-announce {
	animation:none!important;
	bottom: 80px!important;

}
.notify .heartbit {
	border-color:#000000!important;
}

.all-products .product-collection-filter .sort-source > li > a {
  padding: 6px 16px;
font-size: 14px;
color: #000;
font-weight: 500;
}


/* search style */

.search-form input{
  border: none;
  background: #fff;
  color: #535353;
  font-size: .8em;
  border: 1px solid #EEE;
  transition: .4s;
  width: 200px;
  line-height: 16px;
  margin: 0 10px 0 10px;
  padding: 5px 25px 5px 10px;
  border-radius: 20px;
}

.search-form i{
  right: 19px;
  top: 8px;
  position: absolute;
  font-size: 0.7rem;
  color: #444;
}

.search-form #livesearch {
  position: absolute;
  width: 260px;
  z-index: 999;
  border: none;
  background: #ffffff;
  padding: 6px 0px;
  display: none;
  overflow-y: auto;
  text-align:left;
  font-size:13px;
  color:#6e6e6e;
  margin-top: 5px;
  max-height:300px;
  overflow-y: auto;
  -webkit-box-shadow: 0 0 8px 0 rgba(6,22,58,.14);
-moz-box-shadow: 0 0 8px 0 rgba(6,22,58,.14);
box-shadow: 0 0 8px 0 rgba(6,22,58,.14);
}
.search-form #livesearch a{
  text-align: left;
  display: block;
  width: 100%;
  font-size: 12px;
  line-height: 13px;
  transition: .4s;
  font-weight: 500;
  color: #000;
  padding: 8px 4px 8px 10px;
}
.search-form #livesearch a b{
  font-weight: 700;
}
.search-form #livesearch a span.sub-text{
  color: #6a6a6a;
  font-size: 10px;
  line-height: 14px;
  font-weight:300;
}
.search-form #livesearch a:hover{
  color:#367569;
}
.search-form #livesearch a:not(:last-child){
  border-bottom:1px solid #EEE;
}
.search-form input:focus {
	outline: none !important;
	box-shadow: none;
}
.search-form #livesearch p.not-found{padding: 2px 4px 2px 10px;margin-bottom: 0;}
/* search style mobile */

.search-form #mob-livesearch {
  position: absolute;
  width: 100%;
  z-index: 999;
  border: none;
  background: #ffffff;
  padding: 6px 0px;
  display: none;
  overflow-y: auto;
  text-align:left;
  font-size:13px;
  color:#6e6e6e;
  margin-top: 5px;
  max-height:200px;
  overflow-y: auto;
  -webkit-box-shadow: 0 0 8px 0 rgba(6,22,58,.14);
-moz-box-shadow: 0 0 8px 0 rgba(6,22,58,.14);
box-shadow: 0 0 8px 0 rgba(6,22,58,.14);
}
.search-form #mob-livesearch a{
  text-align: left;
  display: block;
  width: 100%;
  font-size: 11px;
  line-height: 11px!important;
  transition: .4s;
  font-weight: 500;
  color: #000;
  padding: 5px 4px 5px 10px!important;
}
.search-form #mob-livesearch a b{
  font-weight: 700;
}
.search-form #mob-livesearch a span.sub-text{
  color: #6a6a6a;
  font-size: 9px;
  line-height: 13px;
  font-weight:300;
}
.search-form #mob-livesearch a:hover{
  color:#367569;
}
.search-form #mob-livesearch a:not(:last-child){
  border-bottom:1px solid #EEE;
}
.search-form input:focus {
	outline: none !important;
	box-shadow: none;
}
.search-form #mob-livesearch p.not-found{padding: 2px 4px 2px 10px;margin-bottom: 0;}

@media (min-width: 992px) {
	 .mob-search{display:none}
   html:not(.sticky-header-active) #header.header-transparent:not(.header-semi-transparent) .header-body .search-form input{
       background: rgba(255,255,255,.0);
   }

   html:not(.sticky-header-active) #header.header-transparent:not(.header-semi-transparent) .header-body .search-form input::-webkit-input-placeholder {
   		color: #444;
   }

   html:not(.sticky-header-active) #header.header-transparent:not(.header-semi-transparent) .header-body .search-form input::-moz-placeholder {
   		color: #444;
   }

   html:not(.sticky-header-active) #header.header-transparent:not(.header-semi-transparent) .header-body .search-form input:-ms-input-placeholder {
   		color: #444;
   }

   html:not(.sticky-header-active) #header.header-transparent:not(.header-semi-transparent) .header-body .search-form input {
       border: 1px solid #444;
   }
}

@media (max-width: 992px) {
   .mob-search{display:block}
   .search-form{margin:5px 0 20px 0;}
   .search-form input{width:100%;}
   .search-form input{
     border: none;
     background: #fff;
     color: #535353;
     font-size: .8em;
     border: 1px solid #EEE;
     transition: .4s;
     margin: 0;
     padding: 5px 25px 5px 10px;
     border-radius: 20px;
   }
   .search-form i {
       right: 11px;
       top: 12px;
       position: absolute;
       font-size: 0.7rem;
       color: #444;
   }
   #header .header-nav-main nav {
    min-height: 250px;
    max-height: 100%;
    overflow: hidden;
    overflow-y: auto;
    padding: 0 15px;
    transition: ease all 500ms;
}
}

#header .header-nav-top .dropdown-menu{
      min-width: 140px!important;
}
#header .header-nav-top .dropdown-menu:before {
    left: 20px!important;
    right: auto!important;
}