@font-face{font-family:crimson_ib;src:url(./fonts/crimsontext-bold-webfont.woff2) format('woff2'),url(./fonts/crimsontext-bold-webfont.woff) format('woff');
font-weight:700;font-style:normal}@font-face{font-family:crimson_ib;src:url(./fonts/crimsontext-roman-webfont.woff2) format('woff2'),url(./fonts/crimsontext-roman-webfont.woff) format('woff');
font-weight:400;font-style:normal}@font-face{font-family:guldscript_ib;src:url(./fonts/guldscript-webfont.woff2) format('woff2'),url(./fonts/guldscript-webfont.woff) format('woff');
font-weight:400;font-style:normal}@font-face{font-family:montserrat_ib;src:url(./fonts/montserrat-bold-webfont.woff2) format('woff2'),url(./fonts/montserrat-bold-webfont.woff) format('woff');
font-weight:700;font-style:normal}@font-face{font-family:montserrat_ib;src:url(./fonts/montserrat-regular-webfont.woff2) format('woff2'),url(./fonts/montserrat-regular-webfont.woff) format('woff');
font-weight:400;font-style:normal}@font-face{font-family:montserrat_ib;src:url(./fonts/montserrat-light-webfont.woff2) format('woff2'),url(./fonts/montserrat-light-webfont.woff) format('woff');
font-weight:300;font-style:normal}
.font_1{font-family:crimson_ib,serif}
.font_2{font-family:montserrat_ib,sans-serif}
.font_3{font-family:guldscript_ib,serif !important}
  .font_4{font-family: 'Comforter', cursive !important;}
  .font_5{font-family: 'Great Vibes', cursive !important;}
  .h5.font_4{font-size:1.7em;}
  .bolder{font-weight: bolder}
  .slider-content-title.font_4{font-size: 3.7em; text-shadow: 0px 2px 3px rgba(180, 60, 110,70); color:#fc0;}
  .services-block:before{
    position: absolute;
    top:0;
    content: '';
    width: 100%;
    height: 300px;
    background: linear-gradient(to bottom, #00000075 0%, #ccb0a945 10px, transparent 48%, transparent 100%); background-repeat: no-repeat;
  }
  .port-module.port-info-box.info-box--standard-hover{
    z-index: 2;
    margin-top: 60px;
    padding-top: 60px;
    background-color: rgba(255,255,255,.7); border-radius: 10px;
    box-shadow: 0px -1px 1px rgba(0,0,0,0.3);
  }

  .port-module.port-info-box.info-box--standard-hover:hover{
    background: linear-gradient(to top, rgba(226, 171, 104,.3) 45%, rgba(226, 171, 104,.5) 50%, rgba(255, 232, 20,.3) 100%) ;
    /*background-color: rgba(173,197,172,.7);*/
    box-shadow: 3px 5px 7px rgba(0,0,0,0.3);

  }
  .port-module.port-info-box.info-box--standard-hover:hover >  .info-box-image{
    background: linear-gradient(to top, rgba(0,0,0,1) 45%, rgba(0,0,0,.5) 50%, rgba(0,0,0,.3) 100%) ;
    /*background: linear-gradient(to top, rgba(42,84,27,.7) 40%, rgba(255,255,255,.5) 50%, rgba(255,255,255,.3) 100%) ;*/
    box-shadow: 0px -1px 1px rgba(0,0,0,0.1);
    /*width: 100px;height: 100px;*/
    transform:scale(1.3);

  }

  .port-module.port-info-box.info-box--standard-hover .info-box-image{
    background: linear-gradient(to top, rgba(226, 171, 104,1) 45%, rgba(226, 171, 104,.5) 50%, rgba(255, 232, 20,.3) 100%) ;
    box-shadow: 0px -1px 1px rgba(0,0,0,0.1);
   /* background-color: #ff336675;*/
    width:144px;
    height: 144px;
    margin-top: -138px;
    border-radius: 144px;
    padding: 0 !important;
  }
  .port-module.port-info-box.info-box--standard-hover .info-box-image img{margin-top: 5px}
  .port-module.port-info-box.info-box--standard-hover .info-box-content{margin-top: -50px;}
  .port-module.port-info-box.info-box--standard-hover:hover  .info-box-content a.info-box-title{/*color:white;*/ text-decoration: none; transform: rotate(-5deg);}
html:lang(tr)	span.currency{
		border-bottom-right-radius:20px !important; 
		border-top-right-radius:20px !important;
	}
html:lang(tr) span.price{
		border-top-left-radius: 24px !important;
		border-bottom-left-radius: 20px !important; 
	}

span.min-bid{font-weight:bold; font-size:1.4em; background-color:red; color:white; padding:7px ; border-bottom-left-radius:7px; border-bottom-right-radius:30px;border-top-right-radius:30px;}

span.currency.bidcr{background-color:#c20202 !important; height:auto;}
html:lang(en) span.min-bid{
	float:right;
}
html:lang(tr) span.min-bid{
	float:left;
}
html:lang(en) .form-controlx{border-bottom-left-radius:0px ; border-top-left-radius:0px; float:left; max-width:80%;}
html:lang(tr) .form-controlx{border-bottom-right-radius:0px ; border-top-right-radius:0px; float:left; max-width:80%;}


html:lang(en) span.currency,
html:lang(en) .price-container span.cr sup{
		border-bottom-left-radius:20px !important;
		border-top-left-radius:20px !important;
	}
html:lang(en) span.price,
html:lang(en) .price-container span.prc{
		border-top-right-radius: 20px !important;
		border-bottom-right-radius:20px !important;
	} 

html:lang(en) .price-container h4{direction: rtl; margin-left: 20px}
html:lang(en) .price-container h4 span.prc{margin-left: 0px; border-bottom-left-radius: 36px}
html:lang(en) .price-container h4 span.cr{margin-top: 7px;}
html:lang(en) .price-container h4 span.cr sup{border-bottom-right-radius: 16px;}

html:lang(en)	span.prc{
	float: right;
	margin-left: 4px
}
html:lang(tr)	span.prc{
	float: left;
	margin-left: 0px;

		/*border-bottom-right-radius:20px !important; 
		border-top-right-radius:20px !important;*/
	}
div.slidingtext-c{ max-width:100%; position:relative; display:flex; border:1px solid transparent; overflow:hidden; }
div.slidingtext-c:before{
	content:'';
	position:absolute;
	right: -5%;
	width:45px;
	height:100%;
    background-image: linear-gradient(to left, #FFF 0%, #FFF 40% , rgba(48, 34, 35,0) 100% );
    z-index:2
}
div.slidingtext-c:after{
	content:'';
	position:absolute;
	width:45px;
	height:100%;
	background-image: linear-gradient(to right, #fff 0%, #fff 40% , rgba(48, 34, 35,0) 100% );
    left: -5%;
    z-index:3;
}
#productslider .slidingtext-c:before{
  background-image: linear-gradient(to left, #272727 0%, #272727 40% , rgba(48, 34, 35,0) 100% );
}
#productslider .slidingtext-c:after{
  background-image: linear-gradient(to right, #272727 0%, #272727 40% , rgba(48, 34, 35,0) 100% );
}




.slidingtext{
  display: inline-block;
  white-space: nowrap;
  animation: floatText 9s infinite linear;
  padding-left: 100%; /*Initial offset*/
  color:red;
  font-weight:bold;
  z-index:1
}
.slidingtext:hover {
  animation-play-state: paused;
}
@keyframes floatText {
  to {
    transform: translateX(-100%);
  }
}
.prolist:hover .slidingtext-c:before{
	background-image: linear-gradient(to left, #FFF1BF 0%, #FFF1BF 40% , rgba(48, 34, 35,0) 100% );
}
.prolist:hover .slidingtext-c:after{
	background-image: linear-gradient(to right, #FFF1BF 0%, #FFF1BF 40% , rgba(48, 34, 35,0) 100% );
}
.prolist:hover .slidingtext{color:black;}

#productslider .slidingtext-c:before{
  background-image: linear-gradient(to left, #272727 0%, #272727 40% , rgba(48, 34, 35,0) 100% );
}
#productslider .slidingtext-c:after{
  background-image: linear-gradient(to right, #272727 0%, #272727 40% , rgba(48, 34, 35,0) 100% );
}

#productslider .prolist:hover .slidingtext-c:before,
#recentlyproducts .prolist:hover .slidingtext-c:before{
 background-image: linear-gradient(to left, #FFF1BF 0%, #FFF1BF 40% , rgba(48, 34, 35,0) 100% ); 
}
#productslider .prolist:hover .slidingtext-c:after,
#recentlyproducts .prolist:hover .slidingtext-c:after{
 background-image: linear-gradient(to right, #FFF1BF 0%, #FFF1BF 40% , rgba(48, 34, 35,0) 100% ); 
}




/* colours */
.color-cl0{
  background-color: #fff;
}
  .color-clb0{
    background-color: #000;
  }
.color-cl1{
  background-color: #ffffeb;
}
  .color-clb1{
    /*background-image:linear-gradient(to left, #000 0%, #414141 20%, #414141 80%, #000 100%) ;
    color:white;*/
    background: rgb(255,255,255);
  background-image:linear-gradient(to left, #ffff47 0%,  #f5f5ce 20%, #f5f5ce 80%, #ffff47 100%) ;
  }
.color-cl2{
  background: rgb(255,255,255);
  background-image:linear-gradient(to left, #ffff47 0%,  #f5f5ce 20%, #f5f5ce 80%, #ffff47 100%) ;
/*background: radial-gradient(circle, rgba(255,255,255,1) 0%, rgba(255,254,190,1) 61%, rgba(226,223,122,1) 79%, rgba(252,247,70,1) 100%);*/
}
.color-cl3{
  background-color: #ffffad;
}
.color-cl4{
  background-color: #fcfc8d;
}
.color-black {
  background-color: #000;
}
.color-white {
  background-color: #fff;
}
.color-colored{
  background: #fff;
  background-image:linear-gradient(to left, rgba(20,20,22,0.4) 0%,  rgba(220,120,2,0.4) 20%, rgba(120,220,2,0.4) 80%, rgba(120,20,241,0.4) 100%) ;
}

.color-violet {
  background-color: #7A4EAB;
}
.color-indigo {
  background-color: #4332CF;
}
.color-blue {
  background-color: #2F8FED;
}
.color-green {
  background-color: #4DCF42;
}
.color-yellow {
  background-color: #FAEB33;
}
.color-orange {
  background-color: #F19031;
}
.color-red {
  background-color: #F2293A;
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    /* display: none; <- Crashes Chrome on hover */
    -webkit-appearance: none;
    margin: 0; /* <-- Apparently some margin are still there even though it's hidden */
}

input[type=number] {
    -moz-appearance:textfield; /* Firefox */
}
p:not(ul *){text-align: justify; text-indent: 29px;}
p *{text-indent: 0px}
.text-xbolder{font-weight: 900}
.text-bolder{font-weight: 800}
.text-bold{font-weight: 600}
.text-normal{font-weight: 400;}
.text-thin{font-weight: 300;}
.login-form input,
.register-form input{outline: none !important; box-shadow:inset -2px 2px 20px rgba(0,0,0,.3)!important;}
.login-form input:focus,
.register-form input:focus{border-color:#ccc;box-shadow:inset 0px 1px 1px rgba(0,0,0,.3)!important;}

.user-menu,
.product-viewer *,
.ui-slider-handle.ui-state-default.ui-corner-all,
.ui-slider-range.ui-widget-header.ui-corner-all{
-webkit-transition-property: none;
-moz-transition-property: none;
-o-transition-property: none;
transition-property: none; 
}
.rainbow{
  /*background-color: #343A40;*/
  border-radius: 16px !important;  
  color: #fff;
  cursor: pointer;
  /*padding: 8px 16px;*/
  
}
.text-btn{padding-left: 9px; padding-right:9px;  border-radius: 16px ; background-color: transparent; color:#333;}
.rainbow-1{border:1px solid transparent;}
.rainbow-1:hover{
  border:1px solid #333;
text-decoration: none;
   background-image: linear-gradient(90deg, #000 0%, #000 24%, transparent 23%, transparent 100%);
   animation:slidebgs .5s linear infinite;
   animation-timing-function: ease-in-out; 
   animation-iteration-count:1
}/*
.rainbow-1:hover:after{
  position: absolute;
  font-family: "FontAwesome";
  content: "→";
  font-size: 24px;
  display: inline-block;
  position: relative;
  top: 18px;
  right: 0px;
  transform: translate3D(0, -50%, 0);
}*/
.rainbow-2:hover{
  background-image: linear-gradient(to right, red, orange, yellow, green, blue, indigo, violet, red);
  animation:slidebg 2s linear infinite;
}

.rainbow-3:hover{
  background-image: linear-gradient(to right, red, orange, yellow, green, blue, indigo, red);
  animation:slidebg 2s linear infinite;
}
.user-menu-toggle.show,
.btn.rainbow-user{
	font-weight: normal;
  border:none;
background: transparent !important;
  /*border:0px !important;

  background-image: linear-gradient(to right, skyblue, darkblue 30px, lightblue 35px, lightblue 100%,rgb(10,30,90) 100%);
  animation:slidebg 0.2s linear infinite;
  animation-timing-function: ease-in-out; 
   animation-iteration-count:1;
   color:#000;*/
}
.user-menu-toggle.show i,
.rainbow-user i{color:#02237d; /*background-color: rgba(0,0,0,.3); box-shadow: inset 0px 1px 1px rgba(0,0,0,.3);*/ padding:10px 7px; height: 35px; width: 35px; text-indent: 3px; text-align: center; border-radius: 32px; text-align: left;}
.user-menu-toggle.show i{color: #02237d}
.rainbow-user i:focus{color:#02237d;}
.user-menu-toggle.show .rainbow-user i{color:#02237d;}
.rainbow-user:hover{border-radius: 34px !important;}
.rainbow-user:hover,
.rainbow-user:focus,.rainbow-user:active,
.rainbow-user.o{
  outline: none !important;
  box-shadow: none !important;
  
  border-radius: 16px !important;
  border-bottom-right-radius: 0px !important; border-bottom-left-radius: 0px !important;

  /*box-shadow: inset 0px 1px 1px rgba(0,0,0,.3) !important;*/
  /*box-shadow: 2px 3px 4px rgba(0,0,0,0.3);*/
  color:white;
  
 /*background-image: linear-gradient(to top,  darkblue 00px, lightblue 35px,rgb(10,30,90) 100%);
  animation:slidebg 1s linear infinite;
  animation-timing-function: ease-in-out; 
   animation-iteration-count:1;
   color:#000; */
}
.rainbow-user i.fa.fa-user{height: 30px;}
@media(max-width: 768px){
.rainbow-user{ padding-bottom: 35px; }
  .rainbow-user:hover,.rainbow-user.o{}

}
/*.rainbow-user:hover i{color:black;}
*/.rainbow-4:hover{
   background-image:     linear-gradient(
      to right, 
      #E7484F,
      #F68B1D, 
      #FCED00,
      #009E4F,
      #00AAC3,
      #732982
    );
  animation:slidebg 2s linear infinite;
}


.rainbow-5:hover{
  background-image:     linear-gradient(
      to right, 
      #000,
      #000 26.65%,
      #333 16.65%,
      #333 33.3%,
      #111 33.3%,
      #111 59.95%,
      #444 49.95%,
      #444 76.6%,
      #666 66.6%,
      #666 83.25%,
      #999 83.25%,
      #999 100%,
      #000 100%
     
     
     
    );
   /*background-image:     linear-gradient(
      to right, 
      #E7484F,
      #E7484F 16.65%,
      #F68B1D 16.65%,
      #F68B1D 33.3%,
      #FCED00 33.3%,
      #FCED00 49.95%,
      #009E4F 49.95%,
      #009E4F 66.6%,
      #00AAC3 66.6%,
      #00AAC3 83.25%,
      #732982 83.25%,
      #732982 100%,
      #E7484F 100%
     
     
     
    );*/
  animation:slidebg 2s linear infinite;
}
@keyframes slidebg {
  to {
    background-position:200px;
  }
}

@keyframes slidebgs {
  to {
    background-position:20vw;
    background-color:#333;
    color:black;
    border-color:black;
  }
}

.follow{
  margin-top: 40px;
}

.follow a{
  color: black;
  padding: 8px 16px;
  text-decoration: none;
}




.button {
 
  letter-spacing: 1px;
  background: none;
  color: white;
  position: relative;
  outline: none;
  border: none;
  height: 38px;
  line-height: 25px;
  width: 210px;
  font-size: 14px;
  z-index: 2;
  transition: 0.01s 0.23s ease-out all;
  overflow: hidden;
}
.button.btn-black:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  background: rgb(1,1,1);
  z-index: -1;
  transition: 0.3s ease-in all;
}
.button.btn-info:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  background: rgb(73, 203, 230);
  z-index: -1;
  transition: 0.3s ease-in all;
}

.button.btn-primary:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  background: rgb(20,60,160);
  z-index: -1;
  transition: 0.3s ease-in all;
}

.button.btn-warning:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  background: rgb(252, 231, 0);
  z-index: -1;
  transition: 0.3s ease-in all;
}
.button.btn-black:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  background: rgb(40 165 95);
  z-index: -1;
  transition: 0.3s ease-in all;
}


.button.btn-success:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  background: rgb(30,180,90);
  z-index: -1;
  transition: 0.3s ease-in all;
}

.button:after {
  content: "";
  position: absolute;
  left: -5%;
  top: 5%;
  height: 90%;
  width: 5%;
  background: white;
  z-index: -1;
  transition: 0.3s 0.02s ease-in all;
}
.button:hover {
  cursor: pointer;
  color: transparent !important;
}
.button:hover:before {
  left: 100%;
  width: 25%;
}
.button:hover:after {
  left: 100%;
  width: 70%;
}
.button:hover .icon-right.after:after {
  left: -80px;
  color: white;
  transition: 0.2s 0.2s ease all;
}

.button:hover .icon-right.after:before {
  left: -104px;
  top: 14px;
  opacity: 0.2;
  color: white;
}


.icon-right {
  position: absolute;
  top: 0;
  right: 0;
}
.icon-right:after {
  font-family: "FontAwesome";
  content: "→";
  font-size: 24px;
  display: inline-block;
  position: relative;
  top: 18px;
  right: 20px;
  transform: translate3D(0, -50%, 0);
}
.icon-right.after:after {
  left: -250px;
  color: black;
  transition: 0.15s 0.25s ease left, 0.5s 0.05s ease color;
}
.icon-right.after:before {
  content: "→";
  font-size:7em;
  position: absolute;
  left: -230px;
  top: 4px;
  margin-top: -55px;
  margin-left: -25px;
  opacity: 0;
  transition: 0.2s ease-in all;
}
.button.pp{float: right; max-width: 40px;}
.button.pp:hover .icon-right.after:after{
  left:-5px !important;
}.button.pp:hover .icon-right.after:before{
  content: '';
  left:-235px !important;
}


#map .gm-fullscreen-control,
#map .gm-bundled-control,
#map .gm-bundled-control-on-bottom,
#map .gmnoprint,
#map .gm-style-cc {
  display: none !important;
}

.map-custom {
  position: relative;
  width: 100%;
  height: 80vh;
  pointer-events: none;
}

/* == fontawesome == */
@import url("./fontawesome-all.min.css");
@font-face{font-family:"Font Awesome 5 Pro";font-style:normal;font-weight:300;font-display:auto;src:url(../plugins/fontawesome/webfonts/fa-light-300.eot);src:url(../plugins/fontawesome/webfonts/fa-light-300d41d.eot?#iefix) format("embedded-opentype"),url(../plugins/fontawesome/webfonts/fa-light-300.woff2) format("woff2"),url(../plugins/fontawesome/webfonts/fa-light-300.woff) format("woff"),url(../plugins/fontawesome/webfonts/fa-light-300.ttf) format("truetype"),url(../plugins/fontawesome/webfonts/fa-light-300.svg#fontawesome) format("svg")}
    @font-face{font-family:"Font Awesome 5 Brands";font-style:normal;font-weight:normal;font-display:auto;src:url(../plugins/fontawesome/webfonts/fa-brands-400.eot);src:url(../plugins/fontawesome/webfonts/fa-brands-400d41d.eot?#iefix) format("embedded-opentype"),url(../plugins/fontawesome/webfonts/fa-brands-400.woff2) format("woff2"),url(../plugins/fontawesome/webfonts/fa-brands-400.woff) format("woff"),url(../plugins/fontawesome/webfonts/fa-brands-400.ttf) format("truetype"),url(../plugins/fontawesome/webfonts/fa-brands-400.svg#fontawesome) format("svg")}
    
  form,fieldset,input,textarea,p,blockquote,th,td,p,figure,figcaption,button{font-size:inherit;color:inherit;background:transparent;}

 input:-webkit-autofill,
        input:-webkit-autofill:hover,
        input:-webkit-autofill:focus,
        textarea:-webkit-autofill,
        textarea:-webkit-autofill:hover,
        textarea:-webkit-autofill:focus,
        select:-webkit-autofill,
        select:-webkit-autofill:hover,
        select:-webkit-autofill:focus{-webkit-box-shadow:0 0 0 0 transparent inset;transition:background-color 5000s ease-in-out 0s;background-color:inherit!important;}
 /* selection styling */
        *::-moz-selection{background-color:#00376f;color:#fff;}
        *::selection{background-color:#00376f;color:#fff;}

    /* selection placeholder */
        ::-webkit-input-placeholder{color:inherit;opacity:.5;}
        ::-moz-placeholder{color:inherit;opacity:.5;}
        ::-ms-input-placeholder{color:inherit;opacity:.5;}

 



/*#Side_slide::-webkit-scrollbar-track
{
  -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
  background-color: #333;
}

#Side_slide::-webkit-scrollbar
{
  width: 10px;
  background-color: #333;
}

#Side_slide::-webkit-scrollbar-thumb
{
  background-image: url(../images/scrollbar-points-dark.png); 
  background-position: center; background-repeat: no-repeat;
  background-color: #000;
  border: 2px solid rgba(0,0,0,.5);
}*/

.btn-c{border-radius: 16px; height: 1px}
  .button.registerBtn,.button.loginBtn{margin:0 auto; box-shadow: inset 0px 3px 4px rgba(255,255,255,.7) !important; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important}
  .user-login-register{padding-right: 0px;border-radius: 16px;}
  .user-login-register h5{font-size:1em; padding-top: 3px}
  .login-btn,.register-btn{text-decoration: none; color:white;  padding: 5px 10px; }
  .register-btn i{font-size:16px;}
  .login-btn:hover,
  .register-btn:hover{
    background-color: #dadce2;
    border-bottom: 6px solid #fff;
    border-top-left-radius: 9px;
    border-top-right-radius: 9px;
    box-shadow: inset 0px -9px 4px rgba(255,255,255,.7);
  }
  .login-btn.act,
  .register-btn.act{background-color: #fff; color:rgb(2,2,2);border-top-left-radius: 9px;border-top-right-radius: 9px;  border-bottom: 6px solid #fff}
  .user-menu-toggle{padding-right: 10px;  line-height: 25px}
  .xdropdown{ display: none; min-width:300px; max-width: 300px; background-color: #fff; padding: 10px; box-shadow: 4px 6px 8px rgba(0,0,0,0.3); border-radius: 16px; position: absolute; top:58px; }
  .xdropdown:before{
    position: absolute;
            content: '';
            top:-20px;
            right: 0px;
            width:20px;
            height: 20px;
            border:10px solid transparent;
            border-bottom-color: #fff/*rgba(40,80,250)*/;
  }
          @media(max-width: 768px){

            .user-login-register{padding-right: 15px;}
            .user-login-register span{width: 15px}
            .user-login-register a span{ min-width: 25px}
            .user-login-register a {height: 35px; line-height: 25px; }
            .user-login-register a i{text-indent: 7px;}
          }
          @media(max-width: 590px){
            .xdropdown{margin-right:-60px }
            /*.user-login-register span{ display: none; }*/
          }
          h5.form-title{background-color: rgba(2,2,2); color:white; border-top-left-radius: 16px;/* border-top-right-radius: 16px;*/ margin-left: 2px; width:calc(100% - 4px); height:40px; line-height: 40px; margin-top:  -10px; border-top: 1px solid rgba(255,255,255,.7); box-shadow: inset 0px -18px 2px rgba(0,0,0,.3)  }


.emailcontrol,.usercontrol{line-height: 1em; text-align: center;}
.input-group{max-height: 54px;}
.input-group span.input-group-text{width: 40px !important; height: 46px !important; border-top-left-radius: 48px !important; border-bottom-left-radius: 48px !important; background-color: #b0e9c1; color:#000; /*text-shadow:0px -1px 1px rgba(0,0,0,.3);*/}
.was-validated .input-group .form-control.formx{
  /*background-image: none !important;*/

border-color: red !important;
background-color: white;
background-position: right:0px;
background-image:url(assets/images/x.jpg) !important; 
background-position: right;
background-repeat: no-repeat;
background-size: auto;
}

.input-group > .form-control, .input-group > .form-select {
    position: relative;
    flex: 1 1 auto;
    width: 1%;
    min-width: 0;
}
/*.input-group .form-control{border-top-right-radius: 48px !important;border-bottom-right-radius: 48px !important;}
.input-group .form-control + .form-control{border-top-right-radius: 0!important; border-bottom-right-radius: 0!important}*/
 
 

  .sticky-xl-top{position: relative; /*margin-bottom: 40px*/ top:0; margin-bottom: 300px}

.border-top-left-right-radius{border-top-left-radius: 8px; border-top-right-radius: 8px;}
.border-bottom-left-right-radius{border-bottom-left-radius: 8px; border-bottom-right-radius: 8px;}
.border-top-bottom-right-radius-4{border-top-right-radius: 4px;border-bottom-right-radius: 4px;}

  .form-control.border-top-left-right-radius   {border-top-left-radius:    8px !important; border-top-right-radius   : 8px !important;}
  .form-control.border-bottom-left-right-radius{border-bottom-left-radius: 8px !important; border-bottom-right-radius: 8px !important;}

.border-top-radius{border-top-left-radius: 8px; border-top-right-radius: 8px;}
.border-bottom-radius{border-bottom-left-radius: 8px; border-bottom-right-radius: 8px;}
.border-left-radius{border-bottom-left-radius: 8px; border-top-left-radius: 8px;}
.border-right-radius{border-bottom-right-radius: 8px; border-top-right-radius: 8px;}
.border-radius{border-radius: 16px;}
.text-original{color:#00376f;}
.bg-original{background-color:  #00376f; color:white;}
.bg-original-light{background-color: #ba8486;}

  .bg-sis-blue{background-color: rgba(16,54,92);background:linear-gradient(180deg, #ffefb0  20%, #00376f 60%)}
  .text-sis-blue{color: rgba(16,54,92)}
    /*@import url("assets/plugins/fontawesome-all.min.css");*/
      .headline{width:100%; height: 50px;  padding-top: 10px; line-height: 30px;

background:linear-gradient(120deg, rgb(0,0,0),#111, #333);
position: relative;  z-index: 9990;
      }

      .headline .container{/*max-width: 1220px;*/}
      .headline .icons{font-size: 1.4em;}
      .headline .btn{padding: 0}
      .headline .icons i{margin-right: 7px;}
      .headline .btn-info{background-color:  transparent !important; border-color:transparent !important; color:#677b85 !important; font-weight: normal !important; border-radius: 16px;  padding: 7px 13px; font-size:1em ; margin-top: 0 !important;  }
      .headline .btn-info:hover{background:linear-gradient(120deg, rgb(0,0,0), rgb(55,55,55),rgb(0,0,0)) !important; color:rgb(); border-top-color:rgba(255,255,255,.3); }
      .headline .btn-info:active,
      .headline .btn-info:focus,
      .headline .btn-info{outline: none !important;}
      .headline .btn-info:focus{ box-shadow: inset 0px -15px 17px rgba(255,255,255,.3);}
      .headline input.search{max-width: 85% !important; margin-top: 10px}

   @media (min-width: 992px) {

    .dropdown:hover .dropdown-menu {
        display: block;
    }

  }
  
  
          .user-menu-toggle{margin-top: -3px}
          .user-login{position: relative;}
          .dropdown-menu.dropdown-menu-end.user-menu{
            /*display: none;*/
            position: absolute;
            top: 33px;
            right: 10px !important;
            margin: 0; padding: 10px; list-style: none;
            min-width:250px;
            background-color: #fff;
            
            /*border-top-right-radius: 0px !important;*/
            box-shadow: 3px 4px 6px rgba(0,0,0,0.3);
            z-index: 2;
            max-width: 300px;
            outline: none !important
          }
          .dropdown-menu.dropdown-menu-end.user-menu:before{
            position: absolute;
            content: '';
            top:-20px;
            right: 20px;
            width:20px;
            height: 20px;
            border:10px solid transparent;
            border-bottom-color: #fff;
          }
          .dropdown-menu.dropdown-menu-end.user-menu li:hover{background-color: rgba(0,0,0); color:#fff;border-radius: 4px;              }
          .dropdown-menu.dropdown-menu-end.user-menu li:hover i{color:#fff; text-shadow: 0px -1px 1px rgba(0,0,0,0.3);}
          .dropdown-menu.dropdown-menu-end.user-menu li{ padding: 3px 0; display: flex; align-items: center;  }
          .dropdown-menu.dropdown-menu-end.user-menu li i{width:30px ; color:rgba(0,0,0); text-align: center;
            }
          .dropdown-menu.dropdown-menu-end.user-menu li a{
            /*display: block;*/
            width: calc(100% - 33px);
            padding: 3px 5px;

            text-decoration: none;
            border-bottom: 1px solid #ccc;       
            color:#000;     
          }
          .dropdown-menu.dropdown-menu-end.user-menu li a:hover{
            background-color: #00376f;
            color:/*rgba(30,40,90)*/#fff;
            border-color: transparent;
            border-radius: 4px;/*
            border-top-left-radius: 0px;
            border-bottom-left-radius: 0px;*/
          }
          .user-login a{font-size:;}


      
@media(max-width: 768px){
  .headline input.search{max-width: 95% !important}
  .sbg-b{display: none}
  } 
#navbarScroll img.logo{ width: auto;}

      
      .dropdown-divider{margin: 0;}

      section.s{ position: relative; }
      .section-info{position: relative;}
      .sec-title-yellow,.sec-title-white,.sec-title{display: flex; flex-wrap: wrap; justify-content: center; margin: 0 auto; height: 30px; width: 70%; position: relative; text-shadow: 1px 2px 3px rgba(0,0,0,0.3)}
      .sec-title-yellow:before,
      .sec-title-white:before,
      .sec-title:before{
        position: absolute;
        left: -42px;
        content: ' ';
        width:42px;
        height: 30px;
        background-image: url(../images/title-bg-left.png);
        background-repeat: no-repeat;
      }
      .sec-title-yellow:after,
      .sec-title-white:after,
      .sec-title:after{
        position: absolute;
        right: -42px;
        content: ' ';
        width:42px;
        height: 30px;
        background-image: url(../images/title-bg-right.png);
        background-repeat: no-repeat;
      }
      .sec-title-white:before{
        background-image: url(../images/white-title-bg-left.png);
      }
      .sec-title-white:after{
        background-image: url(../images/white-title-bg-right.png);
      }

      .sec-title-yellow:before{
        background-image: url(../images/yellow-title-bg-left.png);
      }
      .sec-title-yellow:after{
        background-image: url(../images/yellow-title-bg-right.png);
      }
.sec-title-yellow.invert:before{
        position: absolute;
        left: -42px;
        content: ' ';
        width:42px;
        height: 30px;
        background-image: url(../images/invert-yellow-title-bg-left.png);
        background-repeat: no-repeat;
      }
.sec-title-yellow.invert:after{
        position: absolute;
        right: -42px;
        content: ' ';
        width:42px;
        height: 30px;
        background-image: url(../images/invert-yellow-title-bg-right.png);
        background-repeat: no-repeat;
      }

.sec-title.invert:before{
        position: absolute;
        left: -42px;
        content: ' ';
        width:42px;
        height: 30px;
        background-image: url(../images/invert-title-bg-left.png);
        background-repeat: no-repeat;
      }
.sec-title.invert:after{
        position: absolute;
        right: -42px;
        content: ' ';
        width:42px;
        height: 30px;
        background-image: url(../images/invert-title-bg-right.png);
        background-repeat: no-repeat;
      }

/*      .sec-title-white{color:#fff;}
      .sec-title-white:before,.sec-title:before{
         display: block;
    position: absolute;
    top: 0;
    left: 50%;
    font-size: 16px;
    margin-left: -15px;
    background: #fff;
    width: 30px;
    text-align: center;
    height: 20px;
    line-height: 20px;
    z-index: 2;
    transition: all .2s;

      }
      .sec-title-white:after,.sec-title:after {
    content: "";
    display: block;
    position: absolute;
    width: 100%;
    height: 1px;
    background: red;
    left: 0%;
    top: -20px;
    background: -moz-linear-gradient(left,  rgba(0,0,0,0) 0%, #bcbcbc 50%, rgba(0,0,0,0) 100%);
    background: -webkit-linear-gradient(left,  rgba(0,0,0,0) 0%,#bcbcbc 50%,rgba(0,0,0,0) 100%);
    background: linear-gradient(to right,  rgba(0,0,0,0) 0%,#bcbcbc 50%,rgba(0,0,0,0) 100%);
    box-shadow: 2px 3px 4px rgba(0,0,0,.3);
    z-index: 1;
}
*/
      /*.sec-title,
      .sec-title-white{display: table; background-color: rgb(16,54,92); color: white; margin: 0 auto; padding: 4px 16px; border-radius: 3px; position: relative;}
      .sec-title-white{background-color: #fff; color:rgb(16,54,92);}

      .sec-title:after,.sec-title-white:after{
        position: absolute;
        content: '';
        width: 10px;
        height: 10px;
        left: calc(50% - 10px);
        bottom: -20px;
        border-top:10px solid rgb(16,54,92);
        border-right:10px solid  transparent;
        border-bottom:10px solid transparent;
        border-left:10px solid   transparent;
      }

      */
      
      .w-h{ display: flex; flex-wrap: wrap; justify-content: center; margin: 0 auto; height: 30px; width: 70%; position: relative; margin-top: 10px;}
      .w-h i{z-index: 2}
      .w-h:before {
    display: block;
    position: absolute;
    top: 0;
    left: 50%;
    font-size: 16px;
    margin-left: -15px;
    background: #fff;
    width: 30px;
    text-align: center;
    height: 20px;
    line-height: 20px;
    z-index: 2;
    transition: all .2s;
}
      .w-h:after {
    content: "";
    display: block;
    position: absolute;
    width: 80%;
    height: 1px;
    background: red;
    left: 10%;
    top: 10px;
    background: -moz-linear-gradient(left,  rgba(0,0,0,0) 0%, #bcbcbc 50%, rgba(0,0,0,0) 100%);
    background: -webkit-linear-gradient(left,  rgba(0,0,0,0) 0%,#bcbcbc 50%,rgba(0,0,0,0) 100%);
    background: linear-gradient(to right,  rgba(0,0,0,0) 0%,#bcbcbc 50%,rgba(0,0,0,0) 100%);
    z-index: 1;
}
.tj{text-align: justify; word-break: normal; letter-spacing: -.5px }
.top-social a{  color: white; width: 40px; text-align: center; padding: 0; text-indent: 3px; border-radius: 20px;}
.top-social a:hover{ background-color: white; color:blue;}
.hide-mobile{display:; }
.hide-tablet{display:;}
.hide-1024{display:;}
@media(max-width: 1024px){
  .hide-1024{display:none;}
}
@media(max-width: 992px){
  .hide-tablet{display:none !important;}
}
@media(max-width: 768px){
  .hide-mobile{display:none !important;}
}
.show-mobile{ display: inline !important; }


/*.h-d,.h-t,.h-m{display:;}*/

@media(min-width: 280px) and (max-width: 592px){
  .h-m{display:none;}
    .s-m{display: ;}

}
@media(min-width: 592px) and (max-width: 1024px){
  .h-t{display:none;}
    .s-t{display: ;}
}
@media(min-width: 1024px){
  .h-d{display:none;}
    .s-d{display: ;}
}


.info-items i{ margin-right: 20px; font-size:1.8em; background-color:  rgba(0,0,0,.1);  min-width: 50px; height: 50px; text-align: center; line-height: 50px; border-radius: 50px; 
color:rgb(0,0,0);

  /*color:rgba(50,80,205); */
}
.no-bg{background-color: transparent;}
h4{ color:rgb(0,0,0);}
.info-items h5{color:rgb(0,0,0);}
.progroups .info-items i{background-color: transparent; height: auto; line-height: normal; }
/*top*/
/*.swiper-container{height: 550px; min-height:550px !important; background-color: #fff!important}
.swiper-slide {border-radius: 16px !important}
.swiper-container .swiper-slide{background-color: #fff;  color:white; text-align: center; padding-top: 90px;background-position: center; background-repeat: no-repeat; background-size: cover ; border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; }*/
.swiper-container-bp1 .swiper-slide{/*background-color: rgba(255,230,0,.1)*/}
.swiper-container-bp2 .swiper-slide{background-color: rgba(255,230,0,.1); border-radius: 60px !important; box-shadow: inset 0px 2px 3px rgba(0,0,0,0.2)}
@media(max-width: 520px){
  .info-items{ width: 100%; padding: 20px 0 ; border-bottom: 1px solid #ccc;}
  .swiper-container-bp2 .swiper-slide{box-shadow: none;}
}
.swiper-container-bp2 .swiper-slide:hover{background-color: rgba(255,255,255,1);  box-shadow:inset 0px -16px 38px rgba(0,0,0,.2), 4px 6px 8px rgba(0,0,0,.3)}
.swiper-container-bp3 .swiper-slide:hover{background-color: #fff !important}
.swiper-slide a{}
.slider-description h4{max-width:85%; margin:0 auto;/**/ }
    .slider-description h4 span{background-color: rgba(0,0,0,0.6); padding: 5px 10px;}

h3.slider-text-shadow{text-shadow:2px 3px 4px rgba(0,0,0,.7); font-size:9vh;  }
h4.slider-text-shadow{text-shadow:1px 2px 3px rgba(0,0,0,.4)}
.swiper-pagination-bullet.swiper-pagination-bullet-active{background-color: #00376f}
/*.swiper-button-prev,
.swiper-button-next{margin-top: -30px; }*/
.swiper-button-next,
.swiper-button-prev {
  transform:scale(0.7);
    background-color: white;
    background-color: rgba(0,0,0, 0.5);
    border-radius: 8px;
    right:10px;
    padding: 30px;
    color: #000 !important;
    fill: black !important;
    stroke: black !important;
}

.swiper-button-prev {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'#00376f'%2F%3E%3C%2Fsvg%3E") !important;
}

.swiper-button-next {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'#00376f'%2F%3E%3C%2Fsvg%3E") !important;
}
#mainslider .swiper-slide{background-color: #00376f !important}
/*.swiper-container-bp .swiper-slide{max-width: 20%; height:390px;   }
*/
/*.swiper-container-bp .swiper-button-prev{display:block;position:absolute; z-index:999; left:5px;  font-size: 2em;margin-top:  -7px; }
.swiper-container-bp .swiper-button-next{display:block;position:absolute; z-index:999; right:5px;  font-size: 2em;margin-top: -7px; }

.slider-pagination .spbp{background-color: #000}
.swiper-container-bp{max-width: 100%; padding-bottom: 40px;}

.swiper-container-bp .img{max-width: 100%; height:auto; border-radius: 8px; margin-bottom: 10px; }
.swiper-container-bp .img img{max-width:100%;
  transition: .6s ;
  margin-left: 0%;}
.swiper-paginationx{text-align: center;}

.swiper-container-bp .swiper-button-next,.swiper-container-bp .swiper-button-prev{color:#dadce2; background-image: none  }

.swiper-container-bp .swiper-button-next:hover,.swiper-container-bp .swiper-button-prev:hover{color:gray;}

.swiper-container-banner .swiper-button-next:hover,.swiper-container-banner .swiper-button-prev:hover{}
.swiper-container-banner .swiper-button-next,.swiper-container-banner .swiper-button-prev{display: none;}
*/
.comment-sticky-top,.viewer-sticky-top,.pages-sticky-top {
  top: 5rem;
}

.home-banner{height: 255px; background-image: url(../images/home-banner.jpg); background-position: center}
ul.pages-sidebar-menu{margin: 0; padding: 0; list-style: none;}
ul.pages-sidebar-menu h5{background-color: #00376f; color:#fff; padding: 7px;margin: 0; border-bottom: 1px solid #fff;}
ul.pages-sidebar-menu li{border-bottom: 1px solid #ccc;}
ul.pages-sidebar-menu li a{ display: block; padding: 3px 7px; color:#000; background-color: #fff; text-decoration: none; }
ul.pages-sidebar-menu li a:hover{background-color: #00376f45;}
ul.pages-sidebar-menu li a.act,
ul.pages-sidebar-menu li a.act:hover{background-color: #000; color:  #fff}
.pages-top{min-height: 255px;background-size:cover; background-position: center}
@media (max-width: 1024px) {
  /*.pages-top{background-position: right center}*/
}
  h4.page-title{margin: 20px 0; text-shadow: 2px 3px 4px rgba(0,0,0,.3)}
  div.page-content img{border-radius: 16px; max-width: 100% !important;}

.checkout-top{
   margin-top:0px;
  min-height: 255px; background-image: url(../images/checkout-banner.jpg); background-position:top center ; background-repeat: no-repeat; 
}
.contact-top{
   margin-top:0px;
  min-height: 255px; background-image: url(../images/contact-header-2.jpg); background-position:top center ; background-repeat: no-repeat; 
}
.brands-top{
   margin-top: 0px;
  min-height: 255px; background-image: url(../images/brands-header.jpg); background-position: center;
  background-size: cover;
}
.requestform-top{
   margin-top: 0px;
  min-height: 255px; background-image: url(../images/request-form-header.png); background-position: center;
  background-size: cover;}

.orderreturn-top{
   margin-top: 0px;
  min-height: 255px; background-image: url(../images/order-return-form-header.jpg); background-position: center;
  background-size: cover;}
.comparelist-top{
   margin-top: 0px;
  min-height: 255px; background: linear-gradient(0deg, rgba(49,144,25,1) 0%, rgba(84,194,100,1) 25%, rgba(255,255,255,1) 82%);

  background-size: cover;
}
.saveforlater-top{
   margin-top: 0px;
  min-height: 255px; background: linear-gradient(0deg, rgba(49,144,25,1) 0%, rgba(84,194,100,1) 25%, rgba(255,255,255,1) 82%);
  background-size: cover;
}
.order-tracking-top{
   margin-top: 0px;
  min-height: 255px; background-image: linear-gradient(to top,  #E1C19A 20%, #5c1e40 100%);
  background-size: cover;
}
  .how-to-saveforlater{ list-style: none; margin: 10px 0 ;padding: 0; display: flex; justify-content: center; align-items: center; align-self: center; }
  .how-to-saveforlater li{display: inline-table; padding: 1%;   margin-right: 1%; /*padding-top: 2%;*/ text-align: center;  /*padding: 5% 5% 1% 5%;*/ 
    width:20%; height: 70px;   background-color: #f5f5f5; border-radius: 4px; }
    .how-to-saveforlater h5{font-size:.875em; margin: 5px 0 0 0; padding: 0; }
  .how-to-saveforlater li:hover{background-color: #00376f; color:#fff;}
  .how-to-saveforlater li:hover h5{  color:#fff}
  .saveforlater-steps{

 margin: 0 auto;
    display: block;
    width: 50px; height: 50px;
    background-image: url(../images/saveforlater-icon-sprite.png);
    background-color: #1c9936;
    background-size: cover; 
    border-radius: 4px;
  }

  .saveforlater-steps.step-1{background-position: 0 0;}
    .how-to-saveforlater li:hover .saveforlater-steps.step-1{background-position: -50px 0; background-color: #fff;}
  .saveforlater-steps.step-2{background-position: -100px 0}
    .how-to-saveforlater li:hover .saveforlater-steps.step-2{background-position:  -150px 0; background-color: #fff}
  .saveforlater-steps.step-3{background-position: -200px 0}
    .how-to-saveforlater li:hover .saveforlater-steps.step-3{background-position:  -250px 0; background-color: #fff}
  .saveforlater-steps.step-4{background-position: -300px 0}
    .how-to-saveforlater li:hover .saveforlater-steps.step-4{background-position:  -350px 0; background-color: #fff}
  .saveforlater-steps.step-5{background-position: -400px 0}
    .how-to-saveforlater li:hover .saveforlater-steps.step-5{background-position:  -450px 0; background-color: #fff}
.nice-select ul.list{max-height: 500px; overflow-y: auto;}

@media(max-width: 768px){
 /* .list-group.cart{margin-right: -15px;}*/
}
@media(max-width: 592px){
  div.saveforlaterinfo{margin-top: 50px;}
  .list-group.cart{margin-right: -2px;}
  .how-to-saveforlater li{width:30%; margin-right: 0; margin-bottom: 1%;}
  .how-to-saveforlater li h5{font-size: 1em}
}
@media(max-width: 320px){
  .list-group.cart{margin-right: -15px !important; }
  .how-to-saveforlater li{width:100%; margin-right: 0; margin-bottom: 1%;}
  .how-to-saveforlater li h5{font-size: 1em}
}
.wishlist-container{
 
min-height: 410px; height: auto; background-image: url(../images/bx.jpg); background-position: center bottom;/* background-size: cover;*/ background-size: 100% auto;  background-repeat: no-repeat;
 margin-bottom: -44px;border-top:3px solid #333;
}
.wishlist-container .container{padding-top: 40px;  padding-bottom:80px; margin-top: -75px; position: relative;}

.diary-top{
   margin-top: 0px;
  min-height: 384px;
  background-size:cover;  background-image: url(../images/blogs/antique-blog-header.jpg); background-position: center center !important; 
background-color: #00376f
}
.products-top{
   margin-top:0px;
  min-height: 255px; background-position: right center;
  background-size: cover;
}
.pro-top{

  min-height: 255px;  background-position: center;position: relative; margin-top: 75px; background-size: cover;
}
.pro-top-color{min-height: 120px; background-image:linear-gradient(to bottom, rgb(0,0,0,1), rgb(70,70,70))}
.pro-bezier{position: absolute;bottom: -19px; left: 0; width:100%; min-height: 118px;  background-image: url(../images/pro-bezier.png); background-position: center;}
.pro-bezier-2{position: absolute;bottom: -19px; left: 0; width:100%; min-height: 118px;  background-image: url(../images/pro-bezier-2x.png); background-position: center;}
.products-container{
min-height: 410px; height: auto; background-image: url(../images/bx.jpg); background-position: center bottom;/* background-size: cover;*/ background-size: 100% auto;  background-repeat: no-repeat;
 margin-bottom: -44px;border-top:3px solid #333;
}
.products-container .container{padding-top: 40px;  padding-bottom:80px; margin-top: -75px; position: relative;}
.product-viewer{/*background-image: linear-gradient(45deg, #E1C19A 0%, rgba(254,244,50,.1) 100%); border-radius: 4px; box-shadow: 4px 4px 0 2px rgba(0,0,0,0.03)*/}
 #exzoom {
    /*width: 100%;
    max-width: 100%;*/
    max-height: auto;
    /*height: 400px;*/
    display: block; flex-direction: row;
}
.hidden { display: none; }
.exzoom_img_box{width:100%;max-width: 100%;}
@media(max-width: 768px){
  .products-container{
    background-position: center 96.5%;
    background-size: 100%;
    padding-bottom: 70px;
  }
}

.modal-header{background-color: #00376f; color:#fff; padding: 3px 7px}
.modal-title{color:#fff;}
.modal-header button.btn-close{background-color:#fff !important;}
  .modal-body{background:linear-gradient(135deg, rgba(255,255,255,1) 40%, rgba(255,230,0,.3));}
  .modal-footer{background-color:#32a852; font-size: .775em;padding: 3px 7px;}

.pro-container{
  background:linear-gradient(to top, rgba(255,255,255,1) 80%, rgba(151, 101, 103,.3)); 

}/*
@media (min-width: 769px){
	.pro-container{padding: 30px 0 0 0;}
}*/
@media (max-width: 768px){
	.pro-container{padding: 0px 0 0 0;}
}

a.newimg img{max-width: 90px; border-radius: 90px;}
.bg-black{background-color: #000}
  img.bg-black{border:1px solid #fff;}
  
  
#productgroupslider,#productslider{overflow: hidden;}
#productgroupslider .swiper-slide{background-color: #b1ebb3; padding: 0 20px}
#productgroupslider .swiper-slide a{color:black;}

#productgroupslider .swiper-button-next,
#productgroupslider .swiper-button-prev {
    background-color: rgba(104, 65, 65, 0.5);
    box-shadow: 0px 0px 8px rgba(0,0,0,0.3);
    border-radius: 80px;
    right:10px;
    padding: 30px;
    color: #000 !important;
    fill: black !important;
    stroke: black !important;
    margin-top: -25px;
    background-position: center;
}


#productgroupslider  .swiper-button-prev {
   background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23FEE8E8'%2F%3E%3C%2Fsvg%3E") !important;
    /*background-color: #00376f;*/
  }
#productgroupslider  .swiper-button-next{
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23FEE8E8'%2F%3E%3C%2Fsvg%3E") !important;
}


#productgroupslider .swiper-button-next:hover,
#productgroupslider .swiper-button-prev:hover{
  background-color: rgba(0,0,0,.6);

}
#recentlyproducts .btn.ihave,#recentlyproducts .btn.makeme,
#productslider .btn.ihave,#productslider .btn.makeme{
  font-size:.875em; font-weight: normal; min-width: 90%;
  margin: 1px auto 0 auto;
}

#productgroupslider .swiper-pagination-bullet{background-color: rgba(255,255,255,.7)}
#productgroupslider .swiper-pagination-bullet.swiper-pagination-bullet-active{background-color: #00376f}

#productgroupslider .swiper-wrapper{padding-bottom: 30px; padding-top: 40px }
#productgroupslider .swiper-pagination{margin-bottom: -13px; }

#productslider .swiper-pagination{margin-bottom: -25px;}
.support-top{ margin-top: 0px;  min-height: 255px; background-image: url(../images/support-banner.jpg); background-position:center center;}
.profile-top{
   margin-top:0px;  min-height: 255px; background-image: url(../images/profile-header.jpg); background-position:center center; background-size: cover  
}
.profile-preferences-top{
  margin-top:0px;  min-height: 255px; background-image: url(../images/profile-preferences-header.jpg); background-position:center center; background-size: cover   
}
.update-profile-top{
   margin-top:0px;  min-height: 255px; background-image: url(../images/update-profile-header.jpg); background-position:center center; background-size: cover  
}
@media(max-width: 1024px){
  .update-profile-top{
    min-height: 350px; background-image: url(../images/update-profile-mobil-header.jpg);
  }
}
.gallery-top{ margin-top:0px;
  min-height: 255px; background-image: url(../images/gallery-banner-2.jpg); background-position:center center;}

.hr-top{
  min-height: 255px; background-image: url(../images/human-resources-form-bg.jpg); background-position:center center;}

div.sc{width: 100%; height: 75px; overflow: hidden; overflow-x: scroll;   position:relative;display: flex; box-sizing: border-box; padding: 0}
div.scx{width: 100%; height: auto;    position:relative;display: flex; box-sizing: border-box; padding: 0}
ul.procats{
  position: relative;
  width: auto;

  margin: 0 ; padding: 0 0px; list-style: none; 
  max-height: 60px;
 
  /*max-height: 60px;*/
  
}
ul.procats li{
  margin: 0; padding: 0; list-style: none;
display: inline-block;
min-width: 25%;
text-align: center;
font-size: 1.2em;

}
@media(max-width: 768px){
  ul.procats li{min-width:  27%;}
}
ul.procats li a{ padding: 15px; margin-right: 1%; margin-bottom: 1%; background-color: transparent; color:#666; border:1px solid #cdcdcd; display: block;   /*width:24%;*/ text-decoration: none; box-sizing: border-box; 

}
ul.procats li img{max-width: 55px; margin-top: 2px; margin-left: 2px; float: left; }
/*ul.procats li:nth-child(2n) a{background-color: transparent; color:#666;}*/
ul.procats li a.active{ color:#fff; background-color: #01478D; border-radius: 4px}
ul.procats li a:hover{background-color: #fff; color:#01478D; border-color:#01478D; text-decoration: none;box-shadow: 2px 3px 3px rgba(0,0,0,.3);}
a.product-list{background-color: rgba(224,229,235,.6); color:#666; margin-top: 30px; border-radius: 32px}
a.product-list:nth-child(odd){background-color: rgba(224,229,235,.4)}
a.product-list:hover{background-color: #fff; box-shadow: 2px 3px 4px rgba(0,0,0,0.2)}
a.product-list:hover h3{color:#2196F3;}

.prodetail{/*background-color: #f4f4ec;*/ margin-top: 30px;border-radius: 30px}
.prodetail .text{float: left; width:40%; padding: 30px  0  0 50px; }
.prodetail .text p{font-size:1.3em; text-align: justify;}
.prodetail .image{float: left; width:60%;  min-height: 400px; text-align: right; /* background-image: url(../images/single-product-bg.png); background-repeat: no-repeat; background-position: center 200px*/}
.prodetail .image img{max-width:95%; max-height: 350px; border-radius: 30px;}
a.product-list:hover .prodetail .image img{ box-shadow:8px 8px 8px rgba(0,0,0,0.2); }
.prodetail .btn-info,.prodetail .btn-primary{box-shadow:inset 0px 2px 2px rgba(255,255,255,.5)}
.prodetail .btn-info:hover,.prodetail .btn-primary:hover{box-shadow:inset 0px 2px 2px rgba(255,255,255,.5), 4px 6px 8px rgba(0,0,0,.3);/* background-color: rgba(50,185,25) !important; border-color: rgba(80,225,65) !important; color:white !important*/
  ;}


/*.image img{ border-radius: 30px}*/

.prodetail h3{color:rgb(8,82,148)/* #01478D*/}


.pro-detail{ margin-top: 30px;}
.pro-detail {}
  .pro-detail  p{}
  /*.pro-detail a{padding: 15px; color:#fff; background-color: #c51016; border:1px solid #cdcdcd; display: inline-block; min-width: 100%; text-align: center; }
  .pro-detail a:hover{background-color: #fff; color:#c51016; border-color: #c51016; text-decoration: none; box-shadow: 2px 3px 4px rgba(0,0,0,0.2)}*/
.pro-detail .image{float: left;position: relative; max-width: 50%; margin-right: 20px; margin-top: 17px; margin-left: 20px;}
.pro-detail .image figure{width: 100%; height:auto;}
.pro-detail .image img{width: 94%; height: auto}
.pro-detail .image img.mask{position: absolute; left: -15px; top:-13px; width:100%; height:102%; transform: rotate(360deg)}

.pro-detail h3,.pro-detail h4,.pro-detail h5,.pro-detail h6{color: #02237d; text-shadow: 1px 2px 3px rgba(0,0,0,0.3)}
.pro-detail h3{ font-size:1.7em !important;}
.pro-detail h4{ font-size:1.5em !important;}
.pro-detail h5{ font-size:1.3em !important;}
.pro-detail h6{ font-size:1.1em !important; color:#000;}

@media(max-width: 991px){
  .pro-detail .image{min-width: calc(100% - 15px); height: auto; margin: 0 auto; margin-left: 15px; margin-right: 0px;}
  .pro-detail .image figure{width:100%;    }
  .pro-detail .image img{width:94%;   /*calc(100% - 40px)*/; height: auto; }
  .pro-detail .image img.mask{min-width: 100%; min-height: auto; margin:auto; }
}
@media (max-width: 592px){
  .pro-detail .image img  {margin-left: -5px;}
}
.support-detail{ margin-top: 30px;}
.support-detail .text{float: left; width:65%; padding: 30px  0  0 50px;}
  .support-detail .text p{font-size:1.3em;}
  .support-detail .text ul.quickmenu li{display: inline;}
  .support-detail .text ul.quickmenu li a{text-decoration: none; text-align: left;}
  .support-detail .text ul.quickmenu li:nth-child(even) a{
    background-color: rgb(10,140,180);
  }
  .support-detail .text ul.quickmenu li a:hover{ background-color: #fff; color:  rgb(1,85,135); border-color:  rgb(1,85,135); font-weight: bold;}
  .support-detail .text a{  padding:5px 15px; color:#fff; background-color: rgb(1,85,135); border:1px solid #cdcdcd; display: inline-block; min-width: 100%; text-align: center; }
  .support-detail .text a:hover{background-color: #fff; color:#c51016; border-color: #c51016; text-decoration: none; box-shadow: 2px 3px 4px rgba(0,0,0,0.2)}
.support-detail .image{float: left; width:35%; margin-top: 40px; /* min-height: 400px;*//* background-image: url(../images/single-product-bg.png); background-repeat: no-repeat; background-position: center 200px*/}
.support-detail .image img{max-width: 100%}
.support-detail h3{color: rgb(1,40,150); font-size:1.5em; margin-bottom: 15px;}
.support-detail .text a.quickmenu{  display: inline !important; text-decoration: none; background-color: rgb(20,140,255) !important; box-shadow: inset 0px -10px 10px rgba(0,0,0,0.3) !important; border-top-left-radius: 20px; border-top-right-radius: 4px;}
.support-detail .text a.quickmenu:hover{
  background-color: rgb(0,0,0) !important; color:white !important; border-color:#000 !important;
}
.support-detail .image.mini{ position:relative;overflow: hidden; height: 90px; border:1px solid rgb(40,140,185); text-align: center; border-radius: 20px}
.support-detail .image.mini img{ margin-top: -30%; }


div.price{ float: left; margin-top: 8px; margin-right: 4px}
span.price{     background-color: rgb(50,180,35); color:white;     padding: 9px 10px ; }
span.currency{  background-color: rgba(50,180,35,.7); color:white; padding: 9px 5px ; }

h4.breadcrumb{
  width: 75%;
  margin-top: 10px; 
  padding-left: 10px;
  color:#DBBBA9; font-size:1.1em; font-weight: normal; background-color: transparent; 
  background-color: #272727;
  border-radius: 4px;
  /*border-bottom-right-radius: 46px;
  border-top-left-radius: 46px;*/
/*height: 35px;*/
  line-height: 30px;
}

  
h4.breadcrumb a{ position: relative; margin-left: 7px; margin-right: 7px; 
  color:#DBBBA9; /* padding: 4px 20px; background-color:green; color:white;  border-top-left-radius: 32px; border-bottom-right-radius: 32px*/ 
  text-decoration: none;
  padding: 0 9px 0 9px !important; 

border-radius: 36px ;
/*
  border-top-left-radius: 77px;*/

}
h4.breadcrumb a span.fa.fa-home{
  margin-top: 10px;
}


h4.breadcrumb a:before{
  font-family: "FontAwesome";
  content: "→";
  position: absolute;
  left: -12px;
  z-index: 2;
  font-weight: bold;

  transition: .5s;
}
h4.breadcrumb a:after{
  font-family: "FontAwesome";
  content: "";
  position: absolute;
  right: 0;
  z-index: 1;
  font-weight: bold;
  border-radius: 34px;
  /*margin-left: -4px;*/
  /*margin-right: -4px;*/
 /*   border-bottom-right-radius: 77px;
  border-top-left-radius: 77px;*/
  width: 0%;
  height: 100%;
  background-color:#E1C19A/* rgba(255,230,0,.7)*/;

}
h4.breadcrumb a:hover{
  background-color:#E1C19A /*#E1C19A*/;

  color:#000;
  /*box-shadow: 3px 4px 6px rgba(0,0,0,0.3);*/

}
h4.breadcrumb a:hover:before,
h4.breadcrumb a:hover:after{
  /*background-color: rgba(255,230,0,.7);*/
  color: #000;
  

  
}
h4.breadcrumb a:hover:before{

  left:calc(50% - 10px);
}

h4.breadcrumb a:hover:after{
  width: 100%;
}
h4.breadcrumb.product{font-size:.875em; height: 35px; margin-top: 0}
h4.breadcrumb.product a{color:black; height: 25px;}
h4.breadcrumb.product span{color:black;}
@media(max-width: 768px){
  h4.breadcrumb.product{position: relative; margin-top:-58px; z-index: 999; display: flex; align-items: center;}
  
}
/*h4.breadcrumb.product{
   position: relative;
  margin-top: -15px;
  width: 100%;
  padding-left: 52px;
  padding-right: 52px;
  border-radius:  0px !important;
  border-top-right-radius: 0px;
  box-shadow: inset 0px 3px 1px rgba(255,255,255,.3), 0px 7px 3px rgba(0,0,0,.3);
  border-bottom-right-radius: 47px;border-bottom-left-radius: 47px;
}
.breadcrumb.product:before{
 
position: absolute;
  content: '';
  top: -38px;
  left: -13px; 
  width: 30px;
  height:70px;
  background-color: #111;
  border-radius: 10px;
  clip-path: polygon(52% 75%, 52% 54%, 42% 54%, 32% 64%, 22% 70%, 10% 75%);
  }
  .breadcrumb.product:after{
  position: absolute;
  content: ' ';
  top: -38px;
  right: -13px; 
  width: 30px;
  height:70px;
  background-color: #111;
  border-radius: 10px;
  clip-path: polygon(52% 75%, 52% 54%, 42% 54%, 32% 64%, 22% 70%, 10% 75%);
  transform: rotateX(180deg);
  transform: rotateY(180deg);
  
  }

*/
h3.product-title{color:#0f141a;}
@media(max-width: 768px){
  h4.breadcrumb.product span{color:black;}
  h3.product-title{ position: relative; margin-top: -61px; padding: 10px;/* background-color: #00376f;*/  border-bottom-right-radius: 50px;
    border-bottom-left-radius: 50px; text-align: center;
    font-size: 1.3em;
    box-shadow: inset 0px 3px 1px rgba(255,255,255,.3), 0px 7px 3px rgba(0,0,0,.3) ;
  }
  @media (max-width: 592px){
  h3.product-title{
    margin-top: -30px;
  }
}
  h3.product-title:before{
 
  position: absolute;
    content: ' ';
    top: -38px;
    left: -13px; 
    width: 30px;
    height:70px;
    background-color: #111;
    border-radius: 10px;
    clip-path: polygon(52% 75%, 52% 54%, 42% 54%, 32% 64%, 22% 70%, 10% 75%);
    -webkit-clip-path:polygon(52% 75%, 52% 54%, 42% 54%, 32% 64%, 22% 70%, 10% 75%);
    /*transform: rotateX(180deg);
    transform: rotateY(180deg);*/
  }
  h3.product-title:after{
    position: absolute;
    content: ' ';
    top: -38px;
    right: -13px; 
    width: 30px;
    height:70px;
    background-color: #111;
    border-radius: 10px;
    clip-path: polygon(52% 75%, 52% 54%, 42% 54%, 32% 64%, 22% 70%, 10% 75%);
    -webkit-clip-path:polygon(52% 75%, 52% 54%, 42% 54%, 32% 64%, 22% 70%, 10% 75%);
    transform: rotateX(180deg);
    transform: rotateY(180deg);
    
  }
}
span.list-style{ margin: 10px 0 0 22px; width: 25%; display: flex; align-content: flex-end; align-items: flex-start; justify-content: flex-end;  }
span.list-style a.btn-outline-secondary{background-color: #E1C19A; color:#333; border-color: transparent; margin-left: 7px;}
span.list-style a.btn-outline-secondary:hover{background-color: white}

h4.top-title,
h4.filter-title{
  background-color: #00376f; color:white; border-radius: 4px; text-indent: 7px;
font-size:1.3em;
  border-top-left-radius: 0px;border-top-right-radius: 0px; box-shadow: inset 0px 7px 3px rgba(255,255,255,.3), 0px 7px 3px rgba(0,0,0,.3);
}
.brb{border-radius: 4px; border-top-left-radius: 0px;border-top-right-radius: 0px; box-shadow: inset 0px 7px 3px rgba(255,255,255,.3), 0px 7px 3px rgba(0,0,0,.3); position: relative;  }
  .brb:before{
    content: ' ';
    position: absolute;
    
    top:0px;
    left:-16px;
    width: 16px;
    height: 32px;
    background-image: url(../images/left-corner.png);
 
  }
fieldset.options,
fieldset.filter{
 border:1px solid transparent; padding: 3px 7px; margin-top: 30px; border-radius: 4px;
}
fieldset.o {border:1px solid #ccc;}

fieldset.filter legend{ background-color: #96ceeb;  margin: -20px auto 0 auto;padding: 3px 7px;  font-size:1em; font-weight: bold; border-radius: 4px; 

 box-shadow:  inset 0px 20px 20px rgba(255,255,255,0.5), 0px 1px 1px rgba(0,0,0,0.3)}

fieldset.size,
fieldset.price{
  border:1px solid #ccc;padding: 3px 7px; margin-top: 40px; border-radius: 4px;
}
fieldset.options legend,
fieldset.size legend,
fieldset.price legend
{ background-color: #96ceeb;

  margin: -20px auto 0 auto;padding: 0px 7px;  font-size:1em; font-weight: bold; border-radius: 4px; box-shadow:  inset 0px -20px 20px rgba(255,255,255,0.5), 0px 1px 1px rgba(0,0,0,0.3)}
fieldset.options{margin-top: 30px; max-width: 100%;}
.variant-list,
.brand-list{max-height: 200px; overflow-x: hidden;}
.variant-list::-webkit-scrollbar-track{
  background-color: #f5f5f5;
}
.variant-list::-webkit-scrollbar
{
  width: 3px;
  height: 3px;
  background-color: #000;
}
.option-list,
.variant-list{display: none;}
a.nexpand{display: block; color:black; text-decoration: none; }
a.nexpand i:before{font-family: 'Font Awesome 5 Free' !important}
a.nexpand:hover i{
  transform: rotate(-90deg);
}
a.nexpand.o:hover i{
  transform:none;
}
fieldset.filter legend:hover{background-color: #000; box-shadow: inset 0 20px 10px  rgba(255,255,255,.3);}
fieldset.filter legend:hover a{color: white;}

.filters label:before{
  content:' ';
  position: absolute;
  left: 5px;
  top: 10px;
  width: 10px;
  height: 10px;
  /*background-color: #000*/
  border:1px solid #000;
  border-radius: 10px;
}

.filters label:hover{
  background-color: #f5ded5;
}
.filters label{ padding: 3px; padding-left: 20px;border-bottom: 1px solid #ccc; cursor: pointer; position: relative;border-radius: 4px;}
.filters label:last-child{border-bottom-color:transparent;}
.filters label input{display: none;}
.filters label.checked{background-color: #000; color:#ffefb0; border-radius: 4px; }
.filters label.checked:before{
  width: 15px;
  height: 15px;
  top:7.5px;
  left: 2.5px;
  background-color: #00376f;
}

.save-for-later-btn i,
.fa-history.flip{
-moz-transform: scale(-1, 1);
-webkit-transform: scale(-1, 1);
-o-transform: scale(-1, 1);
-ms-transform: scale(-1, 1);
transform: scale(-1, 1);
}
 
  .product_list .prolist{width: 100%; min-height: 100%; padding-bottom: 0px; border-radius: 9px; position: relative;}
  .product_list .prolist:hover{border-color: #E1C19A ; /*background-color: #E1C19A*/}
  .product_list .prolist .product-category{  position: absolute;bottom: 0;width: 100%; text-align: center; }
  .product_list .prolist .product-category a{ display: block;  padding-top: 3px; padding-bottom: 3px; text-decoration: none; color:#333;background-color: #f5f5f5; font-size:.875em;border-bottom-right-radius: 7px; border-bottom-left-radius:  7px;
    

  }
  .product_list .prolist .product-category a:hover{background-color: #00376f; color:white;}
    .product_list .prolist h3{min-height: 64px; overflow: hidden; display: flex; align-items: center; justify-content: center;}
    @media(max-width: 1024px){
      .product_list .prolist h3{min-height: 50px;}
    }
   .product_list .prolist h4{ background-color:#000; color:white;}
   .product_list .prolist span.prc{ background-color: #0ec40e;}
   .product_list .prolist:hover h4{ background-color:#272727; color: white;}
   .product_list .prolist:hover span.prc{ background-color: rgba(0,0,0,1);}
   .product_list .prolist .img{/*max-height: 190px;*/ position: relative; overflow: hidden; /*border-color: #00376f;*/ }

.product_list .rows{display: flex;/*flex-direction:column;*/  }
.product_list .rows .prolist{ width: 100%;min-height:90px;max-height: 165px; display: flex;  flex-wrap: wrap; padding: 0; justify-content: flex-end; position: relative;}
.product_list .rows .prolist .img{
  display: table;
  background-color: #00376f;
  position: relative !important;/* overflow: hidden !important;*/
  margin: 5px; 
  width:  115px;
  height: 115px;
  border-radius: 4px;

}
html{
  --lh: 1.2em;
}
.product_list .rows .prolist .img a{position: absolute; left: 0;}
.product_list .rows .prolist h3.proname{
  width: calc(100% - 460px); 
  min-height: 90px; margin: 5px 0 0 0;  
text-align: left;
padding: 5px 20px;
background-color: #00376f15;
border-radius: 4px;
display: table; 
/*height: 100%;*/
  vertical-align: bottom;
  align-content: center;
  align-self: flex-start;

    
    

  
}
.product_list .rows .prolist h3.proname a{/* display: block;  width: 100%; text-align: left; color:#000; text-decoration:none;
background-image: linear-gradient(185deg, #fff, rgba(255,230,0,.3)); color:#333; height: 100%; border-radius: 4px; padding: 7px;
box-shadow:inset 0px 1px 1px rgba(0,0,0,0.3);*/
/*padding-top: 20px; padding-left: 20px;*/
/*line-height: 50px;*/
/*display: block;
--max-lines: 3;
    max-height: calc(var(--lh) * var(--max-lines) );
    overflow: hidden;*/
}
.product_list .rows .prolist h3.proname a:hover{/*background-image: linear-gradient(185deg, #fff, #00376f);
box-shadow:inset 0px 40px 50px rgba(255,255,255,1);*/
}
.product_list .rows .prolist .divider{flex-basis: 100%; display: none; }
.product_list .rows .prolist h4.price_line{ margin-left:5px; margin-top: 40px; width: 120px;height: 35px; /*background-color: #f36*/ }
.product_list .rows .prolist h4.price_line span.prc,
.product_list .rows .prolist h4.price_line{border-radius: 34px;}


.product_list .rows .prolist a.save-for-later-btn{max-height: 38px; /*right:56px;*/}
.product_list .rows .prolist a.quickview {max-height: 38px; border-radius: 4px; margin-right: 7px;right:0px; } 
.product_list .rows .prolist .to-cart-btn{max-height: 38px;border-radius: 4px;margin-right: 7px;right:99px ; }
.product_list .rows .prolist a.save-for-later-btn,
.product_list .rows .prolist a.quickview,
.product_list .rows .prolist .to-cart-btn{position: absolute;top:100px; margin: 0;}
.product_list .rows .prolist .to-cart-btn span{/*display: none;*/}
.product_list .rows .prolist .product-category {flex-basis:100%;width: 100%; }
.product_list .rows .prolist:hover .product-category a{/*background-color: #00376f; color:white;*/}

.prolist h3.proname a{text-decoration: none; color:#333;}

.btn.btn-warning.btn-sm.plus,
.btn.btn-warning.btn-sm.minus{padding-left: 7px!important; padding-right: 7px!important}
.unit.mt-1{color:#000 !important;}
/*h4.breadcrumb span{display: inline-block; margin-left: 7px; height: 16px; background-color: transparent;}

h4.breadcrumb span > span.line{margin-top:17px; float:left;min-width:300px; width: 100%; height: 1px; background-color: #cdcdcd}
*/
.about-banner{min-height:304px;background-image: url(../images/pages/about-us-middle.jpg); background-position:center; min-height:304px; margin-bottom: -40px }
@media (max-width: 768px){
  .product_list .rows .prolist{padding-top: 5px; max-height: 225px}
  .product_list .rows .prolist h3.proname{/*flex-basis: 100%;*/ width: calc(100% - 130px); min-height: 110px; margin: 5px 5px 0 0;/*  background-color: rgba(255,230,0,.3);*/   }
  .product_list .rows .prolist h3.proname a{line-height: normal; padding-top: 20px; display: inline;}
  .product_list .rows .prolist h4.price_line span.prc,
  .product_list .rows .prolist h4.price_line{border-radius: 34px; width: auto; margin-top: 5px; margin-left: 10px; z-index: 2}
  

  .product_list .rows .prolist a.save-for-later-btn,
  .product_list .rows .prolist a.quickview,
  .product_list .rows .prolist .to-cart-btn{position: absolute;top:132px;}
  .product_list .rows .prolist .to-cart-btn span {display: none}
  .product_list .rows .prolist:hover .extra{ margin-top: 20px}
.product_list .rows .prolist:hover{min-height: auto; max-height: auto; height: auto; border-color:transparent;}
.product_list .rows .prolist:hover a.save-for-later-btn,
.product_list .rows .prolist:hover a.quickview,
.product_list .rows .prolist:hover .to-cart-btn{/*top: 170px;*/ }


  .progroups .row.mt-5{margin-bottom: 0 !important; }
  .progroups .row.mt-5{margin-top: 0 !important}
  .address-line{padding:0 10px !important; text-indent: 0 !important; line-height: 1.3em !important}
  .progroups  .d-flex.justify-content-center{justify-content: flex-start !important; }
  .products-top{background-image: url(../images/products-banner-mobile.jpg); background-position: center;}

  .checkout-top{ height: 355px; background-image: url(../images/checkout-banner-mobile.jpg); background-position: center;}
  .diary-top{  background-size:cover;  background-image: url(../images/antique-blog-header-mobile.jpg); background-position: center center !important;}
  .hr-top{background-image: url(../images/human-resources-mobil-header.jpg); background-position: top center}
  /*.gallery-top{
    margin-top:81px;
    min-height: 255px; background-image: url(../images/gallery-banner-2.jpg); background-position:  center;
  }*/
  

.private-policy{background-image: url(../images/private-policy.png) !important ;}
  /*.pages-top{min-height:355px;  }*/
  .special-header{background-position: 10% 0; background-size:cover; min-height: 300px;}
/*.pro-top{background-position:center center ; min-height: 350;}*/

  

  .about-top{min-height: 300px;   } 
.about-banner{min-height:304px;background-image: url(../images/pages/about-us-middle.jpg); background-position:center; min-height:304px; }
h4.breadcrumb {font-size:1.3em;}

  ul.procats li a{min-width: 90%}
  h4.breadcrumb span > span.line{width:100px;}

  
.support-detail .image,
.support-detail .image img{min-height: 250px; min-width: 100%;}
.support-detail,.support-detail .text{width: 100%; padding: 30px 10px 0 10px}



}


@media(max-width: 768px){
  .home-banner{height: 150px; background-size: cover;}
    .slider-description h4{max-width:85%; margin:0 auto;}
    .slider-description h4 span{background-color: transparent;}
    .swiper-container-bp .swiper-button-prev{display:block;position:absolute; z-index:999;  left:20px ;  font-size: 2em}
.swiper-container-bp .swiper-button-next{display:block;position:absolute; z-index:999;     right:20px ;  font-size: 2em}


    
}

/*
.swiper-container-bp .swiper-button-prev{display:block;position:absolute; z-index:999; left:5px;  font-size: 2em;margin-top:  -7px; }
.swiper-container-bp .swiper-button-next{display:block;position:absolute; z-index:999; right:5px;  font-size: 2em;margin-top: -7px; }

.slider-pagination .spbp{background-color: #000}
.swiper-container-bp{max-width: 100%; padding-bottom: 40px;}

.swiper-container-bp .img{max-width: 100%; height:auto; border-radius: 8px; margin-bottom: 10px; }
.swiper-container-bp .img img{max-width:100%;
  transition: .6s ;
  margin-left: 0%;}
.swiper-paginationx{text-align: center;}

.swiper-container-bp .swiper-button-next,.swiper-container-bp .swiper-button-prev{color:#dadce2; background-image: none  }

.swiper-container-bp .swiper-button-next:hover,.swiper-container-bp .swiper-button-prev:hover{color:gray;}

.swiper-container-banner .swiper-button-next:hover,.swiper-container-banner .swiper-button-prev:hover{}
.swiper-container-banner .swiper-button-next,.swiper-container-banner .swiper-button-prev{display: none;}*/
.bg-light-gray{background-color: #dadce2}
.bg-extra-light-gray{background-color: #f5f5f5}
.top-shadow{box-shadow:inset 0px -1px 14px rgba(0,0,0,.3)}
.mt-33{margin-top:21px}
.swiper-container-bp2{display: flex; margin: 0 auto; max-width: 991px; align-items: center; justify-content: center;}
.product-groups{}
.product-groups div{ display: inline-flex; align-items: center; background-color: transparent; height: 90px; font-size:1em; /*min-width: 300px;*/ /*max-width: 22.8%;*/ border-radius: 20px; padding: 3px;  }
.product-groups div a.img{max-width:90px; height:90px; margin-right: 10px}
.product-groups div a.img img{max-width: 100%; height: 100%; border-radius: 70px; padding:5px;  box-shadow: 0px 2px 3px rgba(0,0,0,0.3); border:1px solid #fff;    }
.product-groups div a{font-weight: bold;}
@media(max-width: 768px){
/*  .swiper-container-bp2 .swiper-slide{border-radius: 8px !important; background-color: transparent !important}*/
  .product-groups div{display: block;height: auto; }
  .product-groups div a.img{display: block; min-width: 100%;}
}
.product_list .display-type{margin-bottom: 2.5%;}
.prolist{
  width: 23%;
  /*margin-bottom: 2.5%;*/

  margin-right: 2.5%;
min-height: 100% /*380px*/;
  background-color: #fff;
  border: 1px solid #cdcdcd; 
  text-align: center;
  padding-bottom: 40px;

}
.prolist:nth-child(5n){margin-right: 0px}

.prolist .img{width:94%; margin:3%; border:1px solid transparent; min-height: 46%; text-align:center;}
  .prolist .img:hover{background-color: #dadce2;cursor: pointer !important;}
  .prolist .img img{max-width: 100%; }


.prolist h3{font-size: 1.3em; text-align: center; margin-top: 14px; letter-spacing: -1px;/* max-height: 25px; overflow: hidden; */}
.prolist h4{font-size:1.3em;text-align: center; letter-spacing: -1.2px; background-color:rgb(1,71,141); color: white; margin:0 auto; display: table; padding: 5px; border-radius: 34px }
.prolist span.prc{margin-left: -3px; margin-right: 4px; padding: 0 5px; background-color: rgba(1,91,141,1); border-radius: 34px; box-shadow: inset 0 10px 10px rgba(255,255,255,.3); border-top: 1px solid #fff; text-shadow: 0px -1px rgba(0,0,0,0.3);}
.prolist .divider{margin:10px auto;width:50%; height: 3px;/* background-color:  rgb(0,0,0); */}
.prolist .btn-danger,.prolist .btn-primary{ margin-top: 14px;  background-color:rgb(1,1,1)/* rgb(1,71,141)*/; border-color: rgb(1,71,141); color:#fff; border-radius: 20px;  }
.prolist .btn-danger:hover{background-color:rgb(0,0,0);  /*color:rgb(1,1,1);*/ box-shadow: 3px 3px 4px rgba(0,0,0,0.3);}
.prolist .btn-primary{background-color: rgb(0,0,0)}
.prolist .btn-primary:hover{background-color:rgb(0,0,0); }








.contact-line{ background-color: #00376f; color:black; 
/*background:linear-gradient(120deg,  #00376f,#ffdc00)*/
}

  .contact-line i{ background-color: #ffefb0;  width: 40px; font-size:1.3em; text-align: center; line-height: 40px; text-indent: 0px;}
  .contact-line div{margin: 0; padding: 0; line-height: 40px; text-indent: 7px;}
 

  
@media(max-width: 768px){
.contact-info-line{ padding-bottom: 30px}
  .contact-info-line .col-12.text-center.mt-5.mb-5{margin-bottom: 0px !important; }
  .row.contact-line div.d-flex{border-bottom: 1px solid #fff;}
  
}/*
@media(max-width: 1280px){
  .to-cart-btn span{display: none;}
}*/
@media(max-width: 592px){
  .prolist div.extra{margin-top:-70px;}
}

  ul.fl{ margin: 0 ; padding: 0}
  ul.fl li{
    display: inline-block;
    width: 45%;
    margin-left: 2.5%;
    margin-bottom: 10px;
  }
  ul.fl li a{ padding: 3px 7px;/* background-color:rgba(255,230,0,.7); color:black;*/ color:#00376f; font-size:.875em; text-decoration: none; display: block;border-radius: 4px;}
  ul.fl li a:hover{background-color: #000 }
  ul.fl li a i{color: #00376f; font-size:.775em;}
  
  ul.fi{list-style-type: none; list-style: none; margin: 0 ; padding: 0; }
  ul.fi li{display: flex; margin-bottom: 10px;  }
  ul.fi li i{ float:left; margin-right: 7px; padding: 15px; width: 40px; height:40px; background-color: rgba(255,230,0,.3); text-align: center; color: #fff; border-radius: 4px;}
  ul.fi li a{color:/* rgb(0,0,0)*/rgba(255,255,255,.7); padding-top: 7px; text-decoration: none;}
  ul.fi li a.share{padding-top: 0; padding-left: 15px; padding-right: 10px; border-radius: 4px; margin-right: 10px; background-color:rgba(0,0,0,.3);}
  ul.fi li a.share i{ padding: 0; line-height: 40px; background-color: transparent; width: auto; height:  auto; font-size:1.3em; color:rgba(255,255,255,.7);}
  ul.fi li a.share:hover{background-color:rgba(255,230,0,.7);   }

  a.logo img.x-logo{display: none;max-height:55px;width: auto;  margin: 0 auto;}
  a.logo{background-color: #f36; position: relative;}
  a.logo img.logo{ position: absolute; left: /*-80px;*/calc(50% - 90px); top: 0px; z-index: 9991;  height:95px;width: auto;  margin: 0 auto;margin-bottom: -20px}
  @media(max-width: 592px){
    a.logo img.logo{height: 80px; left: /*-80px;*/calc(50% - 73px); }
  }
.navbar-toggler.collapsed{position: absolute;left: 0%; top:10px;}
.navbar-toggler{ position: absolute;left:90%;border:none; box-shadow: none; display: none }
li.nav-item a.nav-link{color:black!important;}
li.nav-item:hover,
li.nav-item.dropdown:hover{background: #F1D0BF/*f3afd5*/ !important}

.nav-item.dropdown ul.dropdown-menu{background: #fff !important;}
.nav-item.dropdown ul.dropdown-menu li{background-color: #fff9e2 !important}
.nav-item.dropdown ul.dropdown-menu li:hover{background-color: #fff !important}
@media (min-width: 992px) {

nav.navbar.sticky-top{display: none;}
    .dropdown:hover .dropdown-menu {
        display: block;

    }
   /* a.logo img.logo{display: none}*/
    /*a.logo img.x-logo{display: block;}*/
    /*a.logo{width:100%; padding-bottom: 10px; border-bottom: 1px solid #333}*/
    header .navbar-nav li{ margin-right:  5px}
    

}
@media (min-width:  1200px){
  a.logo img.logo{display: block;  margin-bottom: 0 }
    a.logo img.x-logo{display: none}
}
@media (min-width: 1400px) {
   header .navbar-nav li{ margin-right:  30px}
    
}

.collapsex.navbar-collapse.collapse.show .logo{padding-top: 10px; padding-bottom: 10px}
.collapsex.navbar-collapse.collapse.show .logo img{margin-left: 10px;}
.navbar-collapse .logo{display: none; 
  background-color: rgb(1,1,1,1);
  }
.navbar-togglerx{display: none !important;}

.navbar-nav .nav-item a{font-weight: 400 !important}

@media (max-width: 992px){
img.logos{max-height: 75px }
  .navbar.sticky-top.navbar-expand-lg{position: fixed; background: transparent !important; min-height: 0%; min-width: 0%; z-index: 9999}
  .navbar-collapse.collapsex{position:fixed; left: 0; left:0; top: 0; z-index: 99; background-color: #fff; min-height: 100vh;box-shadow: 3px 4px 5px rgba(0,0,0,0.4); min-width: 80%; height:0px;  display: none;}
  .collapse.show{min-height: 100%; display: block;}
/*a.logo img.logo{left:-90px; }*/
  .navbar-collapse.collapse .logo{display: block; }
  .navbar-nav.me-auto.my-2.my-lg-0{max-height:calc(100vh - 80px); /*background-color:  #f36;  */overflow: hidden; overflow-y: auto; padding: 0; margin-top: 0px !important  }

  .navbar-nav .nav-item{ padding:10px 20px;  border-bottom: 1px solid #ccc; margin-right: 0}
  .navbar-nav .nav-item:hover{background-color: rgba(1,1,1,.2);}
  
.navbar-togglerx{position: absolute; top:0px; background: transparent; border:none; display: block !important; }
.navbar-togglerx:focus {box-shadow: none;}
.navbar-togglerx .navbar-toggler-icon{
  background-image: none;
}
.navbar-togglerx.collapsed .navbar-toggler-icon{
  background-image: none;

}

  .navbar-togglerx .navbar-toggler-icon:before{
font-family: "Font Awesome 5 Free"; font-weight: 900; content: "\f00d";
  font-size:1.5em;
    left:20px;
    position:absolute;
    top:20px;
    color:white !important ;}



  .navbar-toggler.collapsed{ display: inline;top:63px;  }
  
  .sbg-t{margin-top: -10px}
  ul.fl li{
      margin-left:0;
      
      width: 100%;
    }
  /*.container-fluid.bg-secondary.pt-2.pb-2{padding-bottom: 40px !important;}*/
}
.container-fluid.bg-secondary.pt-2.pb-2{padding-bottom: 40px !important}


.navbar-toggler:focus {box-shadow: none;}
.navbar-toggler .navbar-toggler-icon{
  background-image: none;
}
.navbar-toggler.collapsed .navbar-toggler-icon{
  background-image: none;

}
.navbar-toggler .navbar-toggler-icon:before{
  font-family: "Font Awesome 5 Free"; font-weight: 900; content: "\f00d";
  font-size:1.5em;
    left:20px;
    position:absolute;
    top:10px;
    color:rgb(1,1,1);
}
.navbar-toggler.collapsed .navbar-toggler-icon:before{
 font-family: "Font Awesome 5 Free"; font-weight: 900; content: "\f0c9";
 font-size:1.5em;
    left:20px;
    position:absolute;
    top:10px;
color:rgb(1,1,1);
}
ul.dropdown-menu{padding: 0; box-shadow: 3px 4px 5px rgba(0,0,0,0.2)}
      ul.dropdown-menu li{margin:0; }
      ul.dropdown-menu li a{  padding: 10px;}












select,input{border-radius:4px;}

.input-group.has-validation input,.input-group.has-validation select{
  border-top-left-radius:0;border-bottom-left-radius:0;
}

.input-group-text{border-top-left-radius:4px; border-bottom-left-radius:4px;}


@media(max-width: 768px){
  .nav.nav-tabs{display: block;}
  .nav.nav-tabs .nav-item .nav-link.active{background-color: rgb(1,88,150); color:white;}
  .nav.nav-tabs .dropdown-menu{min-width: 100%;}
}
.gallery-grid div{border-radius:10px; }
.diary-grid,.diary-grid-reverse,
.gallery-grid,.gallery-grid-reverse{
/*background-color: #000;
*/
border-radius:20px;
border:13px solid #fff;
  background-size: 150%;
  min-height: 208px;
  display:flex;
  text-align: center;
  justify-content: center;
  align-items: center;
  opacity: .9;


}
.diary-grid,.diary-grid-reverse{
  min-height: 250px;   
}
.gallery-grid,.gallery-grid-reverse{
  min-height: 300px;   
}
.diary-grid:hover,.diary-grid-reverse:hover,
.gallery-grid:hover,.gallery-grid-reverse:hover{
  box-shadow: inset 0px -100px 100px rgba(0,0,0 ,.4);
  border-color:#dadce2;
}
.diary-grid:hover a,.diary-grid-reverse:hover a,
.gallery-grid:hover a,.gallery-grid-reverse:hover a{
  background-color: rgba(255,255,255,.7) !important;
  border-color:#f83076 !important;

}
.diary-grid a,.diary-grid-reverse a,
.gallery-grid a,.gallery-grid-reverse a{
 color:#fff;
  border:2px solid transparent;
  border-radius:50px;
  max-height: 45px;
}
.diary-grid a:hover,.diary-grid-reverse a:hover,
.gallery-grid a:hover,.gallery-grid-reverse a:hover{
  background-color:  rgba(0,0,0,0.7) !important;
  color:#00376f;
}
.diary-grid a,
.gallery-grid a{ padding: 7px; background-color: rgba(173, 126, 111,.8); color:#000; font-weight: bold; text-decoration: none;}
/*.diary-grid:nth-child(2n) a{background-color: rgba(0,0,0,0.8); border:2px solid #fff;}*/
.diary-grid-reverse a,
.gallery-grid-reverse a{background-color: transparent;border:2px solid #fff;}
/*.diary-grid-reverse:nth-child(2n) a,
.gallery-grid-reverse:nth-child(2n) a{background-color: rgba(0,166,181,.8); border:2px solid transparent; }*/

.diary-grid{border:10px solid #fff; margin-bottom: 20px; border-radius: 20px; display: flex; align-items: flex-end; padding-bottom: 10px; box-sizing: border-box; position: relative; overflow: hidden;}
.diary-grid:hover{border-color:#fff;}
.diary-grid a.bloglink{position: absolute; top: 70%; left: 10px; display: block; margin: 0px; width: auto; height: auto; }
.diary-grid p{ position: absolute;  bottom: -100%; padding: 7px; background-color: rgba(255,255,255,.85); }
.diary-grid:hover a{top: 30px; }
.diary-grid:hover p{bottom: 0px}
.diary-grid p a{background-color: transparent; color:#000; font-weight: normal; font-size:1em; padding: 0; margin: 0; border:none;}
.diary-grid p a:hover{background-color: transparent!important; color:#000; text-decoration: underline;}
.sidebar-nav ul{list-style: none; margin: 0; padding: 0}
.sidebar-nav ul li a{ display: block; text-decoration: none; color:#000; font-weight: 500; padding: 3px 7px; border-radius: 4px; }
.sidebar-nav ul li a:hover{background-color: #00376f}
.sidebar-nav ul li a span{float: right;}

/*.diary-grid div,.diary-grid-revers div{justify-content: center; align-items: center; min-height: 100%; background-color: #00376f}*/
/*.diary-grid a,.diary-grid-reverse a{ margin-top: 0; min-height: 40px; padding: 10px; min-height: 70px; display: flex; align-items: center; justify-content: center; 
 border:none !important; border-radius: 8px; width: 100%}*/
@media(max-width: 1024px){
   /*.diary-grid a,.diary-grid-reverse a,*/
 /*.gallery-grid a,.gallery-grid-reverse a{margin-top: 35% !important;  padding: 20px;}*/

}
@media(max-width: 768px){
.diary-grid a.bloglink{position: absolute; top: 0; margin-top: 10px !important; left: 10px; display: block; margin: 0px; width: auto; height: auto; color:#b1f073;}
/*.diary-grid a,*/
/*.gallery-grid a{background-color: rgba(0,166,181,.8); border:2px solid transparent;}*/
.diary-grid:nth-child(2n) a/*,
.gallery-grid:nth-child(2n) a*/{background-color:rgba(0,166,181,.8); border:2px solid transparent;}
/*.diary-grid-reverse a,
*/.gallery-grid-reverse a{background-color:  rgba(0,166,181,.8);border:2px solid transparent;}
/*.diary-grid-reverse:nth-child(2n) a,
*/.gallery-grid-reverse:nth-child(2n) a{background-color: rgba(0,166,181,.8); border:2px solid transparent; }
 
/*.gr a{background-color:transparent !important; border:2px solid #fff !important; }*/
.gallery-grid,.gallery-grid-reverse{min-height: 200px;   }
 .diary-grid a,.diary-grid-reverse a,
 {margin-top: 15% !important;  padding: 20px;}
 /*.gallery-grid a,.gallery-grid-reverse a{background-color: rgba(0,0,0,0.7) !important; color:white;}*/


.diary-grid{border:4px solid #dadce2; margin-bottom: 20px; border-radius: 8px; display: flex; align-items: flex-end; padding-bottom: 10px;}
.diary-grid div,.diary-grid-revers div{justify-content: center; align-items: center; min-height: 100%; background-color: #00376f}
.diary-grid a,.diary-grid-reverse a{background-color: rgba(0,0,0,0.7) !important; margin-top: 0; border:none !important; border-radius: 8px; width: 100%}

}

@media(max-width: 414px){
.diary-grid a,
/*.gallery-grid a{background-color: rgba(0,166,181,.8); border:2px solid transparent;}*/
.diary-grid:nth-child(2n) a/*,
.gallery-grid:nth-child(2n) a*/{background-color:rgba(0,166,181,.8); border:2px solid transparent;}
.diary-grid-reverse a,
.gallery-grid-reverse a{background-color:  rgba(0,166,181,.8);border:2px solid transparent;}
.diary-grid-reverse:nth-child(2n) a,
.gallery-grid-reverse:nth-child(2n) a{background-color: rgba(0,166,181,.8); border:2px solid transparent; }
 
.gr a{background-color:  rgba(0,166,81,.8) !important; border:2px solid transparent !important;}
.wh a{ /* background-color:transparent !important; border:2px solid #fff !important;*/}
.gallery-grid,.gallery-grid-reverse{min-height: 200px; max-height: 50px;   }
 .diary-grid a,.diary-grid-reverse a/*,
 .gallery-grid a,.gallery-grid-reverse a*/{margin-top: 20% !important;  padding: 10px;   }




.gallery-grid div,.gallery-grid-reverse div{ justify-content: center; align-items: center;}
.gallery-grid a,.gallery-grid-reverse a{/*background-color: rgba(0,0,0,0.7) !important; color:#fff;*/ min-height: 40px !important; border:none !important;}

.diary-grid{border:4px solid #dadce2; margin-bottom: 8px; border-radius: 8px; display: flex; align-items: flex-end; padding-bottom: 10px;}
.diary-grid div,.diary-grid-revers div{justify-content: center; align-items: center; min-height: 100%; background-color: #00376f}
.diary-grid a,.diary-grid-reverse a{background-color: rgba(0,0,0,0.7) !important; margin-top: 0; border:none !important; border-radius: 8px; width: 100%}
}


/* about */
.container.corporate{ margin-top: 40px; }
.container.corporate h3{/*color:rgb(100,200,255);*/ color:rgb(0,0,0); background-color: #dadce2; margin:0px 0 0 0; padding: 0; display: inline-table; padding:10px 20px 20px 20px; 
border-top-right-radius: 16px;border-top-left-radius: 16px; box-shadow:inset 0px -30px 14px rgba(255,255,255,1), -8px -8px 8px rgba(0,0,0,0.3);
border: 1px solid #fff;
border-right-color: #dadce2
}
.container.corporate h5{color:rgb(0,0,0);}
.our-systems{
    padding: 20px;
    
    border:1px solid rgba(255,255,255,.2);
  }
  .our-systems:nth-child(1){
    background-color: rgb(255,255,255,0.2);
  }
  .our-systems:nth-child(2){
    background-color: rgb(255,255,255,.3);
  }
  .our-systems:nth-child(3){
    background-color: rgb(255,255,255,.5);
  }
.our-systems:nth-child(4){
    background-color: rgb(255,255,255,.1);
  }
  .our-systems:nth-child(5){
    background-color: rgb(255,255,255,0.4);
  }
  .our-systems:nth-child(6){
    background-color: rgb(255,255,255,.2);
  }

  .our-systems:nth-child(7){
    background-color: rgb(255,255,255,.7);
  }
  .our-systems:nth-child(8){
    background-color: rgb(255,255,255,.1);
  }
  .our-systems:nth-child(9){
    background-color: rgb(255,255,255,0.2);
  }
  .our-systems:nth-child(10){
    background-color: rgb(255,255,255,0.3);
  }
  .bg-bluex{background-color: rgba(71,104,285,.4); border-radius: 16px; color:black; font-weight: bold}
  .bg-yellowx{background-color: rgba(255, 248, 138,.4); border-radius: 16px; color:black; font-weight: bold}
  .tj{text-align: justify;}




#hr_form .form-control,
#hr_form .input-group .form-control{border-radius: 2px !important;  border:1px solid #f5f5f5 !important;  background-color: #fff; box-shadow: inset 2px 3px 4px rgba(0,0,0,.1);}
#hr_form p{color:#666; padding-top: 7px}

#hr_form .input-group-addon{min-width: 0px; background-color: transparent; width: auto; margin: 0; padding: 0; border:none;}
#hr_form .input-group-addon:before{content:'-'}
#hr_form .form-inline.label{opacity: 1; font-size: 1.7em; height: auto; max-height:; min-height:; padding: 7px; background-color: #00376f }
#hr_form .form-inline.label input.form-control.form-control-sm{display: none;}
#hr_form .form-inline.label.checks span{ }
#hr_form .form-inline.label.checks i{ margin-left: 7px; margin-right: 7px;}
#hr_form .form-inline.label.checks.no,
#hr_form .form-inline.label.checks.yes{
  float: left; 
  padding: 7px !important;
  margin-top: -7px;
  
  border-radius: 4px;  box-shadow: inset 0px 2px 3px rgba(0,0,0,.2);
  cursor: pointer;
  color:#333;

}

#hr_form .form-inline.label.checks.no:hover{
  background-color: #000;
  color:white;
}
#hr_form .form-inline.label.checks.yes:hover,
#hr_form .form-inline.label.checks.yes.checked,
#hr_form .form-inline.label.checks.no.checked{
  background-color: #000;
  color:white;

}
#hr_form .form-inline.label.checks.yes.checked,
#hr_form .form-inline.label.checks.no.checked{
  box-shadow: 1px 2px 3px rgba(0,0,0,0.3);
  color:white;
}

#hr_form .form-inline.label.checks.no input,
#hr_form .form-inline.label.checks.yes input{
  position: absolute;z-index: -1;
  float: left;
  outline: none !important; margin-left: 0px;margin-right: 2px;
  box-shadow: none !important
} 
#hr_form .form-inline.label.checks{line-height: 32px;}
#hr_form .form-inline.label.checks i{color:#000;}
#hr_form .form-inline.label.checks:hover i,
#hr_form .form-inline.label.checks.yes.checked i,
#hr_form .form-inline.label.checks.no.checked i{
  color:white;
}


@media(max-width: 1200px){
  .modal-xl{min-width:90% !important;}
  .form-inline.label.checks{  }
  .form-inline.label.checks span{/*display: none;*/}
    .steps h5 i{display: none}
}

.classno{display: none;}

.rmvlang.btn.btn-danger.btn-sm,.addlang.btn.btn-success.btn-sm{position:absolute; left:-40px; top:-28px; width:25px;}

.edugroup .row.pt-2.border-bottom:nth-child(odd){background-color: #f5f5f5}
                        .reference.row{border-top: 1px solid #dadce2}
                        .experience.row:nth-child(odd){background-color: #f5f5f5}
 .reference.row:nth-child(odd){background-color: #f5f5f5 !important; /*border-top:1px solid #dadce2;*/}
 .reference.row:nth-child(even){ /*border-top:1px solid #f5f5f5;*/}
      .hr_step{background-color: #f5f5f5;border-bottom:3px solid transparent;border-top:3px solid transparent;border-bottom-color: #00376f; color:#999; text-shadow: 0px 1px 1px #fff; cursor: pointer; text-align: center; }
      .hr_step.active,
      .hr_step.actemp,
      .hr_step.completed,
      .hr_step.temp{ border-bottom-color: transparent; border-top-color:#000;color:#000; background-color: #fff; box-shadow: 0px -3px 4px rgba(0,0,0,0.2);  }
.hr_step:hover{border-bottom-color: #000; color:#000;}
.hr_step.active:hover{border-bottom-color:transparent;}
.steps{ padding-bottom: 0; margin-bottom: 0; }
.steps h5{font-size: 17px; letter-spacing: -1px; margin: 0; padding: 7px 0; background-color: #dadce2;  }
#hr_form fieldset{margin-bottom: 15px; padding: 0; margin: 0;}

#hr_form legend{font-size:1em; margin: 0; padding: 0}
#hr_form fieldset label{width: 100%; padding: 7px; min-height: 48px; margin-bottom: 3px; color:#333; cursor: pointer;}
#hr_form fieldset label span{
  margin-left: 7px
}
#hr_form fieldset label:hover{background-color: #f5f5f5}

.row.pt-2.bg-light.border-bottom{
  background-color: #fff !important;
}
.border-bottom{
 border-bottom: 1px solid #dadce1; 
}
.row.pt-2.bg-light.border-bottom:last-child{
  border-color: transparent !important; 
}
.steps h5 i{display: inline-block}

@media(max-width: 991px){
  .steps h5 i{display: block}
  #main-body .container{background-size: auto 150px; background-position:top center;}
  .row.border-bottom{
    border-bottom: none !important;
  }
}
@media(max-width: 768px){
  
  .steps h5{font-size: 14px; letter-spacing: 0px; }
  .steps h5 span.line{display: block; width:100%;}
  .form-inline.label.checks{border-radius: 16px !important; }
  .steps h5 span.en{letter-spacing: -1px;}
  .steps h5{font-size: 1.3em; }
  .steps h5 span{display: none;}
}
@media(max-width: 520px){

}

@media(max-width: 320px){
.steps h5{font-size: 12px; letter-spacing: -1px; }

}


.form-inline.label.checks{min-height: 32px !important; margin-top: 4px; margin-right: 4px}

.control-label{ font-weight: 500 !important; color:#333;line-height: 36px}
 
/*.form-inline.label.checks input{ display: none; }

*/
.step0,.step1,.step2,.step3,.step4{
  padding: 0 15px;
}
.hs{float:left; width:20% !important; }
#hr_form label input{width: auto; }
#hr_form label input[type="range"]{padding: 0}
#hr_form .btn,#hr_form button{padding: 5px 7px; }
.input-group-addon button.addcert.btn.btn-sm,
.input-group-addon button.rmvcert.btn.btn-sm{padding: 0px !important; line-height: 1px !important; width: auto !important; height: auto !important}
/*.d-none{display:none !important;}*/
.add_new_group_btn{position: relative; display: table; z-index: 9; margin: 0 auto; margin-bottom: -15px; border-radius: 16px; color:white; }

.quote .scaleA h3{margin-left:11%; }

.formsuccess{
  position: relative;
  padding: 7px;
  margin-top:40px;
  background-color: #fff; border-radius: 8px;
  color:black;
  text-align: center;
  font-size:1em; font-weight: bold;
  box-shadow: 2px 3px 4px rgba(0,0,0,0.3);
}
.formsuccess h4{color:#32a852; font-weight: bold; border-bottom: 1px solid #dadce2; padding-bottom: 7px;}
.formsuccess::before{
   content:"\A";
    border-style: solid;
    border-width: 10px 15px 10px 0;
    border-color: transparent #fff transparent transparent;
    position: absolute;
    left: -14px;
    top: 7px;
}
.formerror{
  position: relative;
  padding: 7px;
  margin-top:40px;
  background-color: #fff; border-radius: 8px;
  color:black;
  text-align: center;
  font-size:1em; font-weight: bold;
  box-shadow: 2px 3px 4px rgba(0,0,0,0.3);
}
.formerror h4{color:red;font-weight: bold; border-bottom: 1px solid #dadce2; padding-bottom: 7px;}
.formerror::before{
   content:"\A";
    border-style: solid;
    border-width: 10px 15px 10px 0;
    border-color: transparent #fff transparent transparent;
    position: absolute;
    left: -14px;
    top: 7px;
}



/*modal*/
.pimage{max-width: 100%;}      
input.piece{max-width: 50px; padding:6px 9px;  border:1px solid #ccc; border-radius: 20px; outline:none !important; }
input[type="number"]{outline: none !important; border:1px solid #ccc;}
.button{border-radius:36px !important;}


/*hizlisatissistemi*/

  .collapse{position: relative;z-index: 1;  }
  .collapse .card.card-body{border-bottom-left-radius:20px; border-bottom-right-radius:20px;}
ul.faq{ list-style: none; margin: 0; padding: 0}
ul.faq li { border-bottom: 1px solid #ccc;  position: relative; z-index: 2; border-radius: 20px}
ul.faq li a{ display: block; padding: 10px 30px 10px 30px;  text-decoration: none;  border-radius: 20px}

ul.faq li a.active{background: rgb(100,140,185) !important; color:white; box-shadow: 3px 10px 10px rgba(0,0,0,.3); font-weight: bold; border-bottom-right-radius:0px;

background:linear-gradient(120deg, rgb(16,54,92),rgb(41,80,220), rgb(100,180,250)) !important
}
ul.faq li a.active:before{
  margin-left: -5px;
  background: rgb(1,40,185);

}
ul.faq li a:hover{background-color: #dadce2;}

ul.faq li a::before{
  position: absolute;
  display: block;
  content: '?';
  font-size:1.875em;
  text-align: center;
  width: 25px;
  height: 100%;
  margin-top: 0px;
  left: 0px;
  top: 0;
  background: rgb(100,140,185);
  color:white;
  text-decoration: none;
  border-top-left-radius: 20px;
  border-bottom-left-radius: 20px;
  /*border-bottom: 1px solid #fff;*/
}
ul.features{ margin: 0; padding: 0 }
ul.features li{ min-height: 40px; display:flex; background-color: #f5f5f5; align-items: center; height: 100% ;position: relative; }
ul.features li:nth-child(even){ background-color: #fff}
ul.features li i{text-align: center;
  border-bottom-left-radius: 20px; }
ul.features li span{min-width: 100%;padding-left:  50px;} 
ul.features li span.icon{ position:absolute; display: flex; align-items: center; justify-content: center; padding-left:  0;min-width: 40px; min-height: 100%; 
border-bottom: 1px solid #fff;
 background-color: rgba(1,50,90,.5); color:white;border-top-left-radius: 20px;border-bottom-left-radius: 20px; text-align: center;} 
ul.features li span.icon:nth-child(even){background-color: rgba(0,0,0,.1)}
.row.hss h5{color: rgba(40,80,150)}
img.responsive{
  max-width: 100%;
}
div.collapse .card.card-body{
  font-weight: 300;
  text-align: justify;
}
div.bq{  
    padding: 20px; 
  text-align: justify;
}
div.bq h3{font-weight: 900}
div.bq h4{font-family: var(--bs-font-sans-serif); font-weight: 300 !important;font-weight: 400 !important;margin: 0; padding: 0}


iframe.note-video-clip{min-width: 100% !important; min-height: 640px !important }
p iframe.note-video-clip{min-width: 100% !important; min-height: 410px !important }
@media (max-width: 991px){
  iframe.note-video-clip{max-width: 100% !important; max-height: 380px !important; min-height: 380px !important; }
  p iframe.note-video-clip{max-width: 100% !important; max-height: 280px !important; min-height: 280px !important; }
}
@media (max-width: 520px){
  iframe.note-video-clip{max-width: 100% !important; max-height: 280px !important; min-height: 280px !important; }
  p iframe.note-video-clip{max-width: 100% !important; max-height: 240px !important; min-height: 240px !important; }

}
.f-left,.f-right{color:#999;/*#E1C19A*/; text-align: center;}
.f-r{float: right;}
.f-l{float: left;}
.f-n{float: none;}
a.f-link-text{color:#E1C19A !important;}
a.f-link-text:hover{color:white !important;}
a.concept-by{
  color:#999/*#E1C19A*/;
  text-decoration: none;
}
a.concept-by:hover{color:white;}
.endline{background-color: #000}
/*.row.powered .col.col-lg-4.col-md-4.text-right{min-width: 100% !important;text-align: right;}*/
.row.powered{ /*background-color: #333 */}

ul.select-language,
ul.f-cards{ margin: 0; padding: 0 }
ul.select-language li,
ul.f-cards li{display: inline;}
ul.select-language li a{}
ul.f-cards li a{ display: inline-block; background-image: url(../images/ccards-sprite.png); height: 28px;  }
ul.f-cards li a.axess{width: 86px; background-position: 0 0}
ul.f-cards li a.axess:hover{background-position: 0  -30px;}
ul.f-cards li a.bonus{width: 137px; background-position: -86px 0}
ul.f-cards li a.bonus:hover{background-position: -86px  -30px;}
ul.f-cards li a.maximum{width: 105px; background-position: -223px 0}
ul.f-cards li a.maximum:hover{background-position: -223px  -30px;}
ul.f-cards li a.cardfinans{width: 140px; background-position: -328px 0}
ul.f-cards li a.cardfinans:hover{background-position: -328px  -30px;}
ul.f-cards li a.advantage{width: 140px; background-position: -468px 0}
ul.f-cards li a.advantage:hover{background-position: -468px  -30px;}
ul.f-cards li a.world{width: 92px; background-position: -608px 0}
ul.f-cards li a.world:hover{background-position: -608px  -30px;}
ul.f-cards li a.mastercard{width: 50px; background-position: -700px 0}
ul.f-cards li a.mastercard:hover{background-position: -700px  -30px;}
ul.f-cards li a.visa{width: 69px; background-position: -750px 0}
ul.f-cards li a.visa:hover{background-position: -750px  -30px;}
ul.f-cards li a.paraf{width: 54px; background-position: -820px 0}
ul.f-cards li a.paraf:hover{background-position: -820px  -30px;}
ul.f-cards li a.bankkart{width: 100px; background-position: -874px 0}
ul.f-cards li a.bankkart:hover{background-position: -874px  -30px;}
ul.f-cards li a.saglamkart{width: 52px; background-position: -974px 0}
ul.f-cards li a.saglamkart:hover{background-position: -974px  -30px;}


ul.f-cards li a.axess.v1{width: 86px; background-position: 0 0}
ul.f-cards li a.axess.v1:hover{background-position: 0  -146px;}
ul.f-cards li a.bonus.v1{width: 137px; background-position: -86px 0}
ul.f-cards li a.bonus.v1:hover{background-position: -86px  -146px;}
ul.f-cards li a.maximum.v1{width: 105px; background-position: -223px 0}
ul.f-cards li a.maximum.v1:hover{background-position: -223px  -146px;}
ul.f-cards li a.cardfinans.v1{width: 140px; background-position: -328px 0}
ul.f-cards li a.cardfinans.v1:hover{background-position: -328px  -146px;}
ul.f-cards li a.advantage.v1{width: 140px; background-position: -468px 0}
ul.f-cards li a.advantage.v1:hover{background-position: -468px  -146px;}
ul.f-cards li a.world.v1{width: 92px; background-position: -608px 0}
ul.f-cards li a.world.v1:hover{background-position: -608px  -146px;}
ul.f-cards li a.mastercard.v1{width: 50px; background-position: -700px 0}
ul.f-cards li a.mastercard.v1:hover{background-position: -700px  -146px;}
ul.f-cards li a.visa.v1{width: 69px; background-position: -750px 0}
ul.f-cards li a.visa.v1:hover{background-position: -750px  -146px;}
ul.f-cards li a.paraf.v1{width: 54px; background-position: -820px 0}
ul.f-cards li a.paraf.v1:hover{background-position: -820px  -146px;}
ul.f-cards li a.bankkart.v1{width: 100px; background-position: -874px 0}
ul.f-cards li a.bankkart.v1:hover{background-position: -874px  -146px;}
ul.f-cards li a.saglamkart.v1{width: 52px; background-position: -974px 0}
ul.f-cards li a.saglamkart.v1:hover{background-position: -974px  -146px;}

ul.f-cards li a.axess.v1x{width: 86px; background-position: 0 -146px}
ul.f-cards li a.axess.v1x:hover{background-position: 0  0;}
ul.f-cards li a.bonus.v1x{width: 137px; background-position: -86px -146px}
ul.f-cards li a.bonus.v1x:hover{background-position: -86px  0;}
ul.f-cards li a.maximum.v1x{width: 105px; background-position: -223px -146px}
ul.f-cards li a.maximum.v1x:hover{background-position: -223px  0;}
ul.f-cards li a.cardfinans.v1x{width: 140px; background-position: -328px -146px}
ul.f-cards li a.cardfinans.v1x:hover{background-position: -328px  0;}
ul.f-cards li a.advantage.v1x{width: 140px; background-position: -468px -146px}
ul.f-cards li a.advantage.v1x:hover{background-position: -468px  0;}
ul.f-cards li a.world.v1x{width: 92px; background-position: -608px -146px}
ul.f-cards li a.world.v1x:hover{background-position: -608px  0;}
ul.f-cards li a.mastercard.v1x{width: 50px; background-position: -700px -146px}
ul.f-cards li a.mastercard.v1x:hover{background-position: -700px  0;}
ul.f-cards li a.visa.v1x{width: 69px; background-position: -750px -146px}
ul.f-cards li a.visa.v1x:hover{background-position: -750px  0;}
ul.f-cards li a.paraf.v1x{width: 54px; background-position: -820px -146px}
ul.f-cards li a.paraf.v1x:hover{background-position: -820px  0;}
ul.f-cards li a.bankkart.v1x{width: 100px; background-position: -874px -146px}
ul.f-cards li a.bankkart.v1x:hover{background-position: -874px  0;}
ul.f-cards li a.saglamkart.v1x{width: 52px; background-position: -974px -146px}
ul.f-cards li a.saglamkart.v1x:hover{background-position: -974px  0;}



ul.f-cards li a.axess.v2{width: 86px; background-position: 0 -59px}
ul.f-cards li a.axess.v2:hover{background-position: 0  -88px;}
ul.f-cards li a.bonus.v2{width: 137px; background-position: -86px -59px}
ul.f-cards li a.bonus.v2:hover{background-position: -86px  -88px;}
ul.f-cards li a.maximum.v2{width: 105px; background-position: -223px -59px}
ul.f-cards li a.maximum.v2:hover{background-position: -223px  -88px;}
ul.f-cards li a.cardfinans.v2{width: 140px; background-position: -328px -59px}
ul.f-cards li a.cardfinans.v2:hover{background-position: -328px  -88px;}
ul.f-cards li a.advantage.v2{width: 140px; background-position: -468px -59px}
ul.f-cards li a.advantage.v2:hover{background-position: -468px  -88px;}
ul.f-cards li a.world.v2{width: 92px; background-position: -608px -59px}
ul.f-cards li a.world.v2:hover{background-position: -608px  -88px;}
ul.f-cards li a.mastercard.v2{width: 50px; background-position: -700px -59px}
ul.f-cards li a.mastercard.v2:hover{background-position: -700px  -88px;}
ul.f-cards li a.visa.v2{width: 69px; background-position: -750px -59px}
ul.f-cards li a.visa.v2:hover{background-position: -750px  -88px;}
ul.f-cards li a.paraf.v2{width: 54px; background-position: -820px -59px}
ul.f-cards li a.paraf.v2:hover{background-position: -820px  -88px;}
ul.f-cards li a.bankkart.v2{width: 100px; background-position: -874px -59px}
ul.f-cards li a.bankkart.v2:hover{background-position: -874px  -88px;}
ul.f-cards li a.saglamkart.v2{width: 52px; background-position: -974px -59px}
ul.f-cards li a.saglamkart.v2:hover{background-position: -974px  -88px;}

ul.f-cards li a.axess.v3{width: 86px; background-position: 0 -59px}
ul.f-cards li a.axess.v3:hover{background-position: 0  29px;}
ul.f-cards li a.bonus.v3{width: 137px; background-position: -86px -59px}
ul.f-cards li a.bonus.v3:hover{background-position: -86px  29px;}
ul.f-cards li a.maximum.v3{width: 105px; background-position: -223px -59px}
ul.f-cards li a.maximum.v3:hover{background-position: -223px  29px;}
ul.f-cards li a.cardfinans.v3{width: 140px; background-position: -328px -59px}
ul.f-cards li a.cardfinans.v3:hover{background-position: -328px  29px;}
ul.f-cards li a.advantage.v3{width: 140px; background-position: -468px -59px}
ul.f-cards li a.advantage.v3:hover{background-position: -468px  29px;}
ul.f-cards li a.world.v3{width: 92px; background-position: -608px -59px}
ul.f-cards li a.world.v3:hover{background-position: -608px  29px;}
ul.f-cards li a.mastercard.v3{width: 50px; background-position: -700px -59px}
ul.f-cards li a.mastercard.v3:hover{background-position: -700px  29px;}
ul.f-cards li a.visa.v3{width: 69px; background-position: -750px -59px}
ul.f-cards li a.visa.v3:hover{background-position: -750px  29px;}
ul.f-cards li a.paraf.v3{width: 54px; background-position: -820px -59px}
ul.f-cards li a.paraf.v3:hover{background-position: -820px  29px;}
ul.f-cards li a.bankkart.v3{width: 100px; background-position: -874px -59px}
ul.f-cards li a.bankkart.v3:hover{background-position: -874px  29px;}
ul.f-cards li a.saglamkart.v3{width: 52px; background-position: -974px -59px}
ul.f-cards li a.saglamkart.v3:hover{background-position: -974px  29px;}



ul.f-cards li a.axess.v4{width: 86px; background-position: 0 -146px}
ul.f-cards li a.axess.v4:hover{background-position: 0  -118px;}
ul.f-cards li a.bonus.v4{width: 137px; background-position: -86px -146px}
ul.f-cards li a.bonus.v4:hover{background-position: -86px  -118px;}
ul.f-cards li a.maximum.v4{width: 105px; background-position: -223px -146px}
ul.f-cards li a.maximum.v4:hover{background-position: -223px  -118px;}
ul.f-cards li a.cardfinans.v4{width: 140px; background-position: -328px -146px}
ul.f-cards li a.cardfinans.v4:hover{background-position: -328px  -118px;}
ul.f-cards li a.advantage.v4{width: 140px; background-position: -468px -146px}
ul.f-cards li a.advantage.v4:hover{background-position: -468px  -118px;}
ul.f-cards li a.world.v4{width: 92px; background-position: -608px -146px}
ul.f-cards li a.world.v4:hover{background-position: -608px  -118px;}
ul.f-cards li a.mastercard.v4{width: 50px; background-position: -700px -146px}
ul.f-cards li a.mastercard.v4:hover{background-position: -700px  -118px;}
ul.f-cards li a.visa.v4{width: 69px; background-position: -750px -146px}
ul.f-cards li a.visa.v4:hover{background-position: -750px  -118px;}
ul.f-cards li a.paraf.v4{width: 54px; background-position: -820px -146px}
ul.f-cards li a.paraf.v4:hover{background-position: -820px  -118px;}
ul.f-cards li a.bankkart.v4{width: 100px; background-position: -874px -146px}
ul.f-cards li a.bankkart.v4:hover{background-position: -874px  -118px;}
ul.f-cards li a.saglamkart.v4{width: 52px; background-position: -974px -146px}
ul.f-cards li a.saglamkart.v4:hover{background-position: -974px  -118px;}

ul.f-cards{ margin: 0 auto; display: flex; flex-wrap: wrap; justify-content: center; align-items: center; min-width: calc(100% - 218px);/* background-color: #fc0;*/ padding: 0; }
.secure-3d { float: right; width: 213px; height: 50px; background-image: url(../images/3d-secure.png)};
@media(max-width: 768px){
  .card-items{justify-content: center;}
  ul.f-cards{min-width: 100%;}
  .secure-3d{flex-basis: 100%; display: flex; justify-content: center; min-width: 100%; float: right;}
ul.f-cards li{ padding: 0; margin: 0; }
  .row.powered{font-size:.875em; }
  /*.row.powered .col.col-lg-4.col-md-6.f-text{ min-width: 100% !important;  text-align: center;}
  .row.powered .col.col-lg-4.col-md-2{display: none !important}
  .row.powered .col.col-lg-4.col-md-4.text-right{min-width: 100% !important;text-align: center;}*/
}
@media(max-width: 592px){
  ul.f-cards{display: flex; flex-wrap: wrap;}
  ul.f-cards li{ padding: 0; margin: 0; float: left; width: 50%; text-align: center;}
  ul.f-cards li a{ transform: scale(.7);}
}

.rd-16{border-radius: 16px;}
          .col-title{ padding: 3px 9px; color:white; }
          /*@media(max-width: 768px){
            .d-flex.flex-wrap{margin-bottom: 30px}
          }*/
          .details{flex-basis: 100%;}
          .details p{ padding: 0; margin: 0!important }
          table.orders-table tr td{  border-bottom-color:transparent; }
          table.orders-table tr.head td{border-bottom: 1px solid #dadce2}
          table.orders-table tr.head.ok td{/*background-color:rgba(30,255,30,.3)*/}
          table.orders-table tr.head code span.ok{background-color: red; color:white;}
          table.orders-table tr.head td a{float: right; }
          table.orders-table td.all-orders{display: none; width: 100%;}
          
table.orders-table tr td.all-orders{border-radius: 16px; background-color: #ededed; border:none !important;}
table.orders-table tr td.all-orders:hover{ background-color: #dadce2}
table.order-details{border-radius: 8px ; margin-bottom: 10px; }
table.order-details tr td{padding: 10px;}
          table.order-details:nth-child(even){background-color: #f1f1f1}
  table.order-details:nth-child(odd){background-color: #f5f5f5}
          div.order-img{border-radius:16px; position:relative; overflow:hidden; width:100%; height:110px; background-color:#000; display:flex;
                             align-items:center; width:120px;  background-size:cover; border:1px solid #000}


                     .search-group input[type="text"]{border-top-right-radius: 0px !important; border-bottom-right-radius: 0px !important;}
                     .search-group .btn{ border-radius: 16px; border-top-left-radius: 0px !important; border-bottom-left-radius: 0px !important }

 .search-area {
    position: relative;
    z-index: 9992;
    
     }
    @media only screen and (max-width: 767px) {
       .search-area form {
        border-left: none; } }
     .search-area form input {
      border: none;
      background-color: #00376f;
      width: 200px;
      padding: 0 15px 0 60px;
      color: #000;
      font-size: 14px;
      font-weight: 500;
      -webkit-transition-duration: 500ms;
      transition-duration: 500ms; }
      @media only screen and (max-width: 767px) {
         .search-area form input {
          width: 170px;
          padding: 0 10px 0 30px; } }
       .search-area form input:focus {
        outline: none !important;
        width: 300px; }
        @media only screen and (min-width: 768px) and (max-width: 991px) {
           .search-area form input:focus {
            width: 300px; } }
        @media only screen and (max-width: 767px) {
           .search-area form input:focus {
            width: 270px; } }
        @media only screen and (min-width: 480px) and (max-width: 767px) {
           .search-area form input:focus {
            width: 270px; } }
        @media only screen and (min-width: 576px) and (max-width: 767px) {
           .search-area form input:focus {
            width: 270px; } }
  @media only screen and (min-width: 320px) and (max-width: 420px) {
           .search-area form input:focus {
            width: 170px; } }
        @media only screen and (min-width: 375px) and (max-width: 667px) {
           .search-area form input:focus {
            width: 230px; } }
        @media only screen and (min-width: 414px) and (max-width: 736px) {
           .search-area form input:focus {
            width: 260px; } }

      

@media only screen and (min-width: 768px) and (max-width: 991px) {

        .d-flex.flex-wrap.justify-content-end.bg-sis-bluxe{
          justify-content: center !important;
        }

}
@media only screen and (max-width: 991px) {


 input.js-typeahead-user_v1{background-color: transparent !important; border-bottom: 1px solid #000 !important; color: white !important ; border-radius: 0px !important}
}
@media only screen and (max-width:592px) {
 input.js-typeahead-user_v1{background-color:#272727 !important; border-bottom: 1px solid transparent !important; color: white !important ; border-radius: 16px !important}
}

     .search-area form button {
      position: absolute;
      z-index: 10;
      top: 50%;
      -webkit-transform: translateY(-50%);
      transform: translateY(-50%);
      left: 30px;
      background-color: transparent;
      border: none;
      color: #787878;
      font-size: 14px; }
      @media only screen and (max-width: 767px) {

         .search-area form button {
          left: 10px;
          height: 40px; } }

#form-user_v1 .typeahead__result .row {
  max-width: 300px;
    display: table-row;
font-family: sans-serif !important;

}
 
 #form-user_v1 .typeahead__result .row  > * {
    display: table-cell;
    vertical-align: middle;
}
 
 #form-user_v1 .typeahead__result .username {
    padding: 0 10px;
    color:#414141;
}

 #form-user_v1 .typeahead__result .id {
    font-size: 12px;
    color: #ccc;
    font-variant: small-caps;
}
 
 #form-user_v1 .typeahead__result .avatar img {
    min-height: 90%;
    min-width:  90%;
    max-height: 90%;
    max-width:  90%;
    margin:5%;
}
 
 #form-user_v1 .typeahead__result .project-logo {
    display: inline-block;
    height: 100px;
}
 
 #form-user_v1 .typeahead__result .project-logo img {
    height: 100%;
}
 
 #form-user_v1 .typeahead__result .project-information {
    display: inline-block;
    vertical-align: top;
    padding: 20px 0 0 20px;
}
 
 #form-user_v1 .typeahead__result .project-information > span {
    display: block;
    margin-bottom: 5px;
}
 
 #form-user_v1 .typeahead__result > ul > li > a small {
    padding-left: 0px;
    color: #ccc;
}
 
 #form-user_v1 .typeahead__result .project-information li {
  
    font-size: 12px;
    background-color: #333;
}

 .typeahead__result,.typeahead__result ul.typeahead__list{background-color: #fff !important; border-color:#fff !important; }
#form-user_v1 .typeahead__result ul.typeahead__list{max-height: 70vh; overflow-x:hidden; overflow-y: auto; }

#form-user_v1 .typeahead__result ul.typeahead__list::-webkit-scrollbar-track
{
  /*-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);*/
  background-color: #000;
}

#form-user_v1 .typeahead__result ul.typeahead__list::-webkit-scrollbar
{
  width: 6px;
  background-color: #000;
}

#form-user_v1 .typeahead__result ul.typeahead__list::-webkit-scrollbar-thumb
{
  background-color: #dadce2;
}

@media only screen and (min-width: 320px) and (max-width: 480px) {

  #form-user_v1 .typeahead__result ul.typeahead__list{max-height: 380px; overflow-x:hidden; overflow-y: auto;}
}
@media only screen and (min-width: 480px) and (max-width:568px) {
  #form-user_v1 .typeahead__result ul.typeahead__list{max-height: 200px; overflow-x:hidden; overflow-y: auto;}
}    
    .typeahead__group-user{background-color: #fff; border-color:#333 !important; margin:0; padding: 0 }

/*#form-user_v1 .typeahead__result .typeahead__item.typeahead__group-user{color:#fff !important;}*/
 
 

input.js-typeahead-user_v1 {padding: 0 0 0 30px !important}
input.js-typeahead-user_v1.open{border-bottom-left-radius: 0px !important;border-bottom-right-radius: 0px !important}
div.typeahead__button{ position: absolute; left:0px; top: 15px; }
@media(max-width: 768px){
  div.typeahead__button{ position: absolute; left: 20px; top: 15px; }
}
.typeahead__button button{ margin: 0 0 0 -30px; padding: 0; border-radius: 16px; width: 30px}
.typeahead__empty{ padding: 7px; color:#333;}
.typeahead__cancel-button{position: absolute; top: 1px; right: 0px; background-image:url(../images/close.svg); background-size: cover;
 width: 30px; height: 30px; text-align: center; display: none; border-radius: 16px; cursor: pointer;}


.typeahead__cancel-button:hover{background-color: #fff;border-bottom-right-radius: 0px; color:#000;}

div.typeahead__result{border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; box-shadow: 8px 8px 16px rgba(0,0,0,0.3); margin-top: -30px;}
ul.typeahead__list{margin: 0; padding: 0;border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; }
ul.typeahead__list li.typeahead__item.typeahead__group-user{
  margin: 0; padding: 0; max-width: 300px;
   /*display: flex;
   position: relative;*/
}
ul.typeahead__list li.typeahead__item.typeahead__group-user a {
  display: flex; align-items: center;
  padding: 5px;
  font-size:.875em;
   text-decoration: none; background-color: #fff; line-height: 1.2em;
  max-height: 60px;
  min-height: 60px;
}
  ul.typeahead__list li.typeahead__item.typeahead__group-user a:hover{
    background-color: rgba(0,0,0,1); 
  }
ul.typeahead__list li.typeahead__item.typeahead__group-user a span.row{
width: 100%; display: flex;position: relative;
padding-left: 10px ;

}

ul.typeahead__list li.typeahead__item.typeahead__group-user a span.row span.avatar{

  position: relative;
  /*max-width: 20% !important; min-width: 20% !important; width: 20% !important;*/
  min-width: 50px !important;
  max-width: 50px !important;
  width:     50px !important;
  max-height:50px !important;
  min-height:50px !important;
  height:    50px !important;
  
  padding:0px !important;

background-color: #fff;
border-radius: 4px;
overflow: hidden;

  /*background-color: #00376f;overflow: hidden;*/
}
  ul.typeahead__list li.typeahead__item.typeahead__group-user a span.row span.avatar img{
    min-width: 120% !important;    border-radius: 3px;
    max-width: 120% !important;
    width: 120% !important;
    height:120% !important;
    position: absolute;
    top: -5%;
    left: -10%;

  }
ul.typeahead__list li.typeahead__item.typeahead__group-user a span.row span.username{
  margin-left: 20%;
}
  ul.typeahead__list li.typeahead__item.typeahead__group-user a span.row span.username small{
    
  }
  ul.typeahead__list li.typeahead__item.typeahead__group-user a span.row span.username strong{
    background-color:#00376f;
  }

  ul.typeahead__list li.typeahead__item.typeahead__group-user a:hover span{color:white !important;}
ul.typeahead__list li.typeahead__item.typeahead__group-user a:hover span.username strong{

    color:black;
}


/*li.typeahead__item a{display: flex; max-width: 100%;}
li.typeahead__item a span.avatar{max-width: 30%;}
li.typeahead__item a span.username{min-width: 70% !important;line-height: 1.2em}
li.typeahead__item a span.username small{padding:3px; border-radius:3px; background-color: #00376f; color:#000 !important; }
*/
/*li.typeahead__item:hover a span.username{  min-width:80%;}

li.typeahead__item:hover a span.username small{background-color:#000 !important; color:#00376f !important;}
li.typeahead__item.active a,
li.typeahead__item:hover a{
    background: rgba(30,60,190,1) !important;
    color:#fff !important;
    
}
li.typeahead__item:hover a span.username{
  color:white !important;
}
*/


.progroups .artext{position: relative; z-index: 2}
.lastests,
  .our-product-groups,
  .what-we-doit{/*background-image: url(../images/shadow.png); background-repeat: no-repeat; background-position: center 0px; background-size: 900% 70px;*/
/*background: linear-gradient(to top, #000 0%, #000 80px, transparent 48%, transparent 100%); background-repeat: no-repeat;
color:white;*/
  }
  .lastests{background-size: 1000% 70px; background-position:  center 30px;}
  .our-product-groups{background-image: none; background-color: transparent;}
  .highlights-top{position:absolute;top: 0px; background-image: url(../images/shadow.png);/* background-size: cover;*/ background-repeat: no-repeat; background-position: center 0px; background-size: 70% 70px; 
height: 70px;width:100%;}
  .highlights-bottom{

    /*background-color: rgba(0,0,0,.3);*/
position:absolute; bottom: -70px; background-image: url(../images/beyaz-boya.png);/* background-size: cover;*/ background-repeat: no-repeat; background-position: center bottom; background-size: 150% 350px; 
height: 700px;width:100%;z-index: 1
  }
  .what-we-doit h6 span{color:#f83076;}
  .what-we-doit .btn{background-color: #f83076}
  .what-we-doit .btn:hover{background-color: #000; color:#fff;}
@media(max-width: 768px){
  .our-product-groups,.what-we-doit{background-size: 550% 70px}
  .what-we-doit h6{letter-spacing: -1px; }
  .what-we-doit .btn{padding: 7px; background-color:#f83076;}

  .highlights-top{background-size: 150% 70px;}
  .highlights-bottom{background-size: 150% 250px;}
}
@media(max-width: 320px){
  .what-we-doit h6{font-size:.875em; }
}
.s{margin-top: 60px;}
.sec-title{background-color: #000; display: table; width: auto; color:white;        margin-top: -50px; padding: 0 20px;}
.sec-title-white{background-color: #fff; display: table; width: auto; color:black;  margin-top: -50px; padding: 0 20px;}
.sec-title-yellow{background-color: #00376f; display: table; width: auto; color:black; margin-top: -50px; padding: 0 20px;}

.sec-title.invert,
.sec-title-yellow.invert{margin-top: -23px;}


.section-title-line{/*width: 100%; border-bottom:1px solid #000; display: flex; justify-content: center*/}
.section-title-line{ display: flex; flex-wrap: wrap; justify-content: center; margin: 0 auto; height: 30px; width: 70%; position: relative; margin-top: 10px;}
      /*
      .section-title-line:before {
    display: block;
    position: absolute;
    top: 40px;
    left: 50%;
    font-size: 16px;
    margin-left: -15px;
    background: #fff;
    width: 30px;
    text-align: center;
    height: 20px;
    line-height: 20px;
    z-index: 2;
    transition: all .2s;
}*/
      .section-title-line:after {
    content: "";
    display: block;
    position: absolute;
    width: 80%;
    height: 1.5px;
    background: red;
    left: 10%;
    top: 31px;
    background: -moz-linear-gradient(   left,  rgba(18,56,138,0) 0%, rgba(18,56,138) 50%, rgba(18,56,138,0) 100%);
    background: -webkit-linear-gradient(left,  rgba(18,56,138,0) 0%, rgba(18,56,138) 50%, rgba(18,56,138,0) 100%);
    background: linear-gradient(to     right,  rgba(18,56,138,0) 0%, rgba(18,56,138) 50%, rgba(18,56,138,0) 100%);
    z-index: 1;
}



.section-title-line-invert{width: 100%; border-top:1px solid #00376f; display: flex; justify-content: center}
.section-title{
  display: flex;
  margin-left: 10px;
  position: relative;
  padding: 8px 36px;
  min-width: 250px;

  height: 31px;
  background-color: #00376f;
  /*background-color: rgb(151, 101, 103);*/
  border-top-left-radius :48px;
  border-top-right-radius:48px;
  /*box-shadow: inset 0px 15px 1px rgba(255,255,255,.2)*/
}
.section-title h5{position: relative; width: auto; display: table; margin:-5px auto 0 auto; color:white;}


.section-title:before{
  position: absolute;
  content: ' ';
  top: -29px;
  left: -29px; 
  width: 81px;
  height:81px;
  background-color: #00376f;
  /*background-color: rgb(151, 101, 103);*/
  border-radius: 10px;
  clip-path: polygon(52% 75%, 52% 54%, 42% 54%, 32% 64%,  22% 70%, 10% 75%);
  -webkit-clip-path:polygon(52% 75%, 52% 54%, 42% 54%, 32% 64%,  22% 70%, 10% 75%);

}
 
.section-title:after{
  position: absolute;
  content: ' ';
  top: -29px;
  right: -29px; 
  width: 81px;
  height:81px;
  /*background-color: rgb(151, 101, 103);*/
  background-color: #00376f;
  border-radius: 10px;

  clip-path: polygon(52% 75%, 52% 54%, 42% 54%, 32% 64%, 22% 70%, 10% 75%);
  -webkit-clip-path:polygon(52% 75%, 52% 54%, 42% 54%, 32% 64%, 22% 70%, 10% 75%);
  transform: rotate(180deg);
  transform: rotateY(180deg);

}
.section-title a{ position: relative;  bottom: 0px; padding: 0 10px; color:#00376f; background-color: #3b2d2e; border-top-left-radius: 7px;border-top-right-radius: 34px;border-bottom-left-radius: 34px; text-decoration: none;}
.section-title a:hover{background-color: #fff; color:#000;}
/*.section-title a:after{
position: absolute;
  content: ' ';
  top: -39px;
  right: -39px; 
  width: 81px;
  height:81px;
  background-color: #3b2d2e
  ;
  border-radius: 10px;

  clip-path: polygon(52% 75%, 52% 54%, 42% 54%, 32% 64%, 22% 70%, 10% 75%);
  -webkit-clip-path:polygon(52% 75%, 52% 54%, 42% 54%, 32% 64%, 22% 70%, 10% 75%);
  transform: rotate(180deg);
  transform: rotateY(180deg);
}*/
a.pink-shine{background-color: #c9197d !important; color:white !important;}
a.pink-shine:hover{background-color: #000 !important; box-shadow: 3px 4px 6px rgba(0,0,0,0.3)}
.bg-tile{background-color:#E1C19A;};
.f32,
.f32:before,.f32:after{background-color: #f32}

.section-title.bg-tile,
.section-title.bg-tile:before,.section-title.bg-tile:after{background-color:#C83214}
.left-title{max-width: 250px}
@media(max-width: 590px){
  .left-title{ display: table; margin: 0 auto; max-width:auto; }

  .section-title-line:after {
    height: 2px;
    left:-20%;
    min-width: 140%;
    background: -moz-linear-gradient(left,  rgba(0,0,0,0) 0%, #000 20%, #000 80%, rgba(0,0,0,0) 100%);
    background: -webkit-linear-gradient(left,  rgba(0,0,0,0) 0%,#000 20%,#000 80%,rgba(0,0,0,0) 100%);
    background: linear-gradient(to right,  rgba(0,0,0,0) 0%,#000 20%,#000 80%,rgba(0,0,0,0) 100%);
  }
}

.section-title-line-invert .section-title{transform: rotate(180deg);}
.section-title-line-invert .section-title h5{transform: rotate(180deg);}


.circle{
  position: absolute;
  display: flex;
  justify-content: center;
  align-items: center;
  width:  14px;
  height: 14px;
  background-color: #fff;
  border-radius: 8px;
  z-index: 2;


}
.circle:first-child{
  left:14px;
  }
  .circle:last-child{
  right: 14px;
  }
.circle:hover{
  animation-name: spin;
  animation-duration: 1000ms;
  animation-iteration-count: 1;
  /*animation-iteration-count: infinite;*/
border-radius: 35px;
  /*animation-timing-function: linear; */
  /* transform: rotate(3deg); */
   /* transform: rotate(0.3rad);/ */
   /* transform: rotate(3grad); */ 
   /* transform: rotate(.03turn);  */
}
/*
.circle:hover .vertical-line{
  left: calc(50% - 1px);
  top: calc(50% - 6px);
  width:2px;
  height: 13px;
}
.circle:hover .horizontal-line{
  top: calc(50% - 1px);
  left: calc(50% - 6px);
  height: 2px;
  width: 13px;
  
}
*/

@keyframes spin {
    from {
        transform:rotate(0deg);
        width: 23px;
        height: 23px;

    }
    to {
        transform:rotate(360deg);

    }
}

.vertical-line{
  position: absolute;
  top: calc(50% - 5px);
  left: calc(50% - 1px);
  width:2px;
  height: 11px;
  background-color: #000;
}

.horizontal-line{
  position: absolute;
  top: calc(50% - 1px);
  left: calc(50% - 5px);
  /*top: 6px;
  left: 1px;
  bottom: 6px;
  right: 1px;
  */height: 2px;
  width: 11px;
  background-color: #000;
}







.fa:before{font-family:'Font Awesome 5 Pro';}
.fax.fa:before{font-family:'Font Awesome 5 Free';}




/* zilan */


/*

   header{width:100%; margin-top: 0px; height: ; padding-top: 0px; background-color:#000; }
        .mainmenucontainer{ max-width:1280px; padding-bottom: 0px;   
         
         background-position: center 0px;
         background-repeat: no-repeat;

         }
         
         
        header nav{margin:0 auto; display: table; min-width:1142px; min-height: 40px; border-bottom-right-radius: 8px; border-top-right-radius: 8px; margin-top: 13px}
        @media(max-width: 1152px){
          header nav{min-width:992px; max-width: 992px }
        }
        @media(max-width: 992px){
          
          header nav{display: none;}
        }
        header nav ul.menu{
          margin:10px auto 0 60px;padding: 0 0 30px 0;
          position: relative;
          max-width: 100%;
          display:block;align-items: center;
        }
        header nav ul.menu li{
          display: inline-block;
          margin-right: 2%;
        }
        header nav ul.menu li:nth-child(1){margin-top: 0px}
        header nav ul.menu li.main a{font-size:1.1em; color:#00376f; }
        header nav ul.menu li.main a:hover,
        header nav ul.menu li.main a.active{color:#fff;}

        header nav ul.menu li.main ul.ajnav a:hover{color:#000;}
        header nav ul.menu li.main ul.ajnav .submenux a:hover{color:#fff; border-radius: 4px !important;}
        
        header nav ul.menu li ul a{font-size:1em !important;}
        header nav ul.menu li a{

          display:inline-block;
          text-decoration: none; font-weight: bold;
        }

          header nav ul.menu li div.mega{
            display:block;
            position: absolute;
            top: 44px;
            left: -25px;
            min-width: 100%;
            min-height: 100vh;

            height: 100%;
            background-color: transparent ;
            
          }


           header nav ul.menu li div.mega ul.topcats{
            position: relative;
            display: block !important;
            margin: 0; padding: 0px 0 0px 0px;
            min-height: 80vh;
            border-right: 4px solid #00376f;
            background-color: #fff;
            box-shadow: -10px 10px 10px rgba(0,0,0,0.3);
            border-top-left-radius: 8px;
            }


             header nav ul.menu li div.mega ul.topcats li{
              position: relative;
              display:block;
              width: 100%;
              text-align:left;
              margin-right: 0%;
              background-color: #fff;
             
            } 
             header nav ul.menu li div.mega ul.topcats li:first-child,header nav ul.menu li div.mega ul.topcats li:first-child a{
                  border-top-left-radius: 8px;
                }
                header nav ul.menu li div.mega ul.topcats{
                  border-bottom-left-radius: 8px;
                }
                header nav ul.menu li div.mega ul.topcats li:first-child,
                header nav ul.menu li div.mega ul.topcats li:first-child:hover a{
                 border-top-left-radius: 8px; 
                }
          

              header nav ul.menu li div.mega ul.topcats li a{
                display: block;
                padding: 7px;
                color:#333;
              }

              header nav ul.menu li div.mega ul.topcats li.parent a{
                border-right: 4px solid transparent;
              }
              header nav ul.menu li div.mega ul.topcats li.parent a.active,
              header nav ul.menu li div.mega ul.topcats li.parent a:hover{
                border-right-color:#fff;
                background-color: #00376f;
                margin-right: -4px;
              }
              */
               header{width:100%; margin-top: 0px; height: ; padding-top: 0px; background-color:#000; }
        .mainmenucontainer{ max-width: /*1152px*/ 1280px;min-height: 63px; padding-bottom: 0px;  /*background-color: #000;*/ /*border-bottom-left-radius: 46px;border-bottom-right-radius: 46px;*/
          /*background:linear-gradient(to bottom, #666 0%, #000 20%, #272727 60%, #272727 80%, #272727 100% );*/
/*box-shadow: inset 0px 10px 10px rgba(255,255,255,.4);*/
         
         
position: relative;
         }
         .mainmenucontainer:before{
          content: '';
          position: absolute;
          top: -1px;
          left: 0;
          width: 118px;
          height: 64px;
          background-image: url(../images/mnsl.png);
          background-repeat: no-repeat;
         }
         .mainmenucontainer:after{
          content: '';
          position: absolute;
          top: -1px;
          right: 0;
          width: 118px;
          height: 64px;
          background-image: url(../images/mnsg.png);
          background-repeat: no-repeat;        
         }
         
.mainmenucontent{
  margin:0;padding: 0;
  width: calc(100% - 206px);
background-image:url(../images/mnbg.png);
         background-position: center -1px;
         background-repeat: repeat-x;
} 











.scatswithimg a.notifistock{font-size:.775em !important;}
.prostock{
  position:absolute;bottom:0; display:flex; justify-content:center; text-align:center; width:100%;
}
.prostock span.no-stock{
  padding:2px 5px; background-color:rgba(0,0,0,1); color:white;font-size:.875em;border-top-left-radius:4px;border-top-right-radius:4px;
}


span.xprc{
 position: absolute; 


padding: 2px 7px;
  font-size:.775em; color: #00376f; text-decoration: line-through; 
  height: 24px;
  border-radius: 4px;
margin: -20px 37%;
display: table;
/*width: 90%;*/
border-radius: 16px;
  
}
@media(max-width: 592px){
  span.xprc{position: relative; margin: 0 auto}
  label[for=infocall_no]{line-height: 13px;  }
}
span.oprc{
  padding: 2px 7px;
  font-size:.775em; background-color: red;color:white; text-decoration: line-through; 
  border-radius: 4px;
}

div.discount{
  position: absolute; top:2px ; left:2px; z-index: 2; 

  background-color: red;  
  border-bottom-right-radius: 4px;
}
div.discount.deals-of-day{
  background-color: red;
  color: white
}

  .badge-new{  position: absolute; bottom:18px ; right:50px; z-index: 2; }
.starburst {
  font: calc(4em / 4)/1.4 sans-serif;
  background: /*rgba(50,180,50)*/ rgba(255,205,0,1);  
  width:  calc(2.5em);
  height: calc(2.5em);
  text-align: center;
  color: #000;
  box-shadow:inset -10px -10px 100px rgba(255,255,255,0.3),-10px -10px 10px rgba(0,0,0,0.3) 
}

.starburst,
.starburst span {
  display: flex;
  align-items: center;
  justify-content: center;
    /*box-shadow:inset -10px -10px 100px rgba(255,255,255,.3)*/

}

.starburst span {
  width: 100%;
  height: 100%;
  background: inherit;
  transform: rotate(45deg);
  box-shadow:-10px -10px 10px rgba(255,230,0,0.3) 
  /*box-shadow:inset -10px -10px 100px rgba(255,255,255,.3);*/
}

.starburst:before,
.starburst:after ,
.starburst span:before,
.starburst span:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: inherit;
  z-index: -1;
  transform: rotate(30deg);
  /*box-shadow:inset -5px -5px 5px rgba(255,255,255,.3)*/
}

.starburst:after {
  transform: rotate(-30deg);
}

.starburst span:after {
  transform: rotate(30deg);
}
.starburst span:before {
  transform: rotate(-30deg);
}

.example {
  position: absolute;
  top: 50%;  
  margin-top:  calc(-1.25em / 2);
  margin-left: calc(-1.25em / 2);
}

#example-1 {
  left: 25%;
}

#example-2 {
  left: 75%;
  transform: rotate(-45deg);
}












  
  .swiper-container-bp1 .prolist:hover{border-color: #fff; background-color: #E1C19A}
  .swiper-container-bp1 .prolist .product-category{  margin-top: 9px; }
  .swiper-container-bp1 .prolist .product-category a{ display: block; margin-top: 5px; padding-top: 3px; padding-bottom: 3px;
   text-decoration: none; color:#999;background-color: #000; font-size:.875em;border-bottom-right-radius: 9px; border-bottom-left-radius: 9px}
  .swiper-container-bp1 .prolist .product-category a:hover{background-color: #141414; color:white;}
  .swiper-container-bp1 .prolist:hover .product-category a{background-color: #f5f5f5; color:black; }
  .swiper-container-bp1 .swiper-slide.prolist h3.proname{
    padding:0 20px; font-size:1.3em;letter-spacing: -1px;
  /* overflow: hidden; display: flex; align-items: center; justify-content: center;*/

 width: /*calc(100% - 460px)*/; 
 max-height: 80px; 
  min-height: 80px; margin: 5px 0 0 0;  
  font-size:1.2em;
text-align: center;
padding: 5px 20px;
/*background-color: #00376f15;*/
border-radius: 4px;
 
/*height: 100%;*/
  vertical-align: bottom;
  align-content: center;
  align-self: flex-start;

 }


   .swiper-container-bp1 .prolist span.prc{ background-color: #00376f;}
   .swiper-container-bp1 .prolist:hover h4{ background-color:#272727; color: white;}
   .swiper-container-bp1 .prolist:hover span.prc{ background-color: #00376f;}
   .swiper-container-bp1 .prolist .img{ position: relative; overflow: hidden; }
   .swiper-container-bp1  .discount{color:black; margin: -2px; padding: 2px }

.swiper-container-bp1 .swiper-wrapper{padding-bottom: 0px!important}
.swiper-container-bp1 .prolist{color:#000;   /*border-color:#ffefb0;*/ padding-bottom: 0px; border-radius: 9px;}
.swiper-container-bp1   .prolist .img{ border-radius: 8px}
.swiper-container-bp1 .prolist .img:hover{background-color: #fff;}
.swiper-container-bp1 .prolist .img img{max-width: 100%; border-radius: 9px;  height: 100%;}
.swiper-container-bp1 .prolist h3{  overflow: hidden; display: flex; align-items: center; justify-content: center;}
.swiper-container-bp1 .prolist h4{ background-color:#272727; color: white; }

.swiper-container-bp1 .prolist .divider{/*background-color:  #000;*/ }
.swiper-container-bp1 .prolist .quickview{display: none;}
.swiper-container-bp1 .prolist .to-cart-btn span{display: none;}
.swiper-container-bp1 .prolist .btn-danger,
.swiper-container-bp1 .prolist .btn-black{  background-color:#272727; border-color: #000; color:#fff; }
.swiper-container-bp1 .prolist .btn-danger:hover{background-color:#00376f; color:#00376f;}
.swiper-container-bp1 .prolist .btn-black{background-color: #a47573  !important; color:#000; border:none !important; box-shadow: none;}
.swiper-container-bp1 .prolist .btn-black:hover{background-color:#fff !important; }
.swiper-container-bp1 .prolist .btn.quickview,.swiper-container-bp1 .prolist .btn.to-cart-btn,.swiper-container-bp1 .prolist .btn.save-for-later-btn{padding: 13px; border-radius: 36px!important}
.swiper-container-bp1 .prolist:hover{
  background-color: #fff; color:#000 ;
}

.swiper-container-bp1 .prolist:hover{
  background-color: #fff; box-shadow:inset  0px -150px 90px rgba(255,200,0,0.3), 0px 15px 15px rgba(0,0,0,0.3);
}
.swiper-container-bp1 .prolist:hover .product-category a{background-color: #00376f; color:black;  }
.swiper-container-bp1 .prolist .product-category a:hover{background-color: white; color:#141414; }



.swiper-container-bp3 .prolist{ background-color: #272727; color:white; border-color:#414141;}  
  .swiper-container-bp3 .prolist:hover{border-color: #fff; background-color: #E1C19A}
  .swiper-container-bp3 .prolist .product-category{  margin-top: 9px; }
  .swiper-container-bp3 .prolist .product-category a{ display: block; margin-top: 5px; padding-top: 3px; padding-bottom: 3px;
   text-decoration: none; color:#999;background-color: #000; font-size:.875em;border-bottom-right-radius: 9px; border-bottom-left-radius: 9px}
  .swiper-container-bp3 .prolist .product-category a:hover{background-color: #141414; color:white;}
  .swiper-container-bp3 .prolist:hover .product-category a{background-color: #f5f5f5; color:black; }
  .swiper-container-bp3 .swiper-slide.prolist h3.proname{
    padding:0 20px; font-size:1.3em;letter-spacing: -1px;
  /* overflow: hidden; display: flex; align-items: center; justify-content: center;*/

 width: /*calc(100% - 460px)*/; 
  min-height: 80px; 
  max-height: 80px; 
  margin: 5px 0 0 0;  
  font-size:1.2em;
text-align: center;
padding: 5px 20px;
/*background-color: #00376f15;*/
border-radius: 4px;
 
/*height: 100%;*/
  vertical-align: bottom;
  align-content: center;
  align-self: flex-start;
  color:#00376f;

 }


   .swiper-container-bp3 .prolist span.prc{ background-color: #00376f;}
   .swiper-container-bp3 .prolist:hover h4{ background-color:#272727; color: white;}
   .swiper-container-bp3 .prolist:hover span.prc{ background-color: #00376f;}
   .swiper-container-bp3 .prolist .img{ position: relative; overflow: hidden; }
   .swiper-container-bp3  .discount{color:black; margin: -2px; padding: 2px }

.swiper-container-bp3 .swiper-wrapper{padding-bottom: 0px!important}
.swiper-container-bp3 .prolist{color:#000;   /*border-color:#ffefb0;*/ padding-bottom: 0px; border-radius: 9px;}
.swiper-container-bp3   .prolist .img{ border-radius: 8px}
.swiper-container-bp3 .prolist .img:hover{background-color: #fff;}
.swiper-container-bp3 .prolist .img img{max-width: 100%; border-radius: 9px;  height: 100%;}
.swiper-container-bp3 .prolist h3{  overflow: hidden; display: flex; align-items: center; justify-content: center;}
.swiper-container-bp3 .prolist h4{ background-color:#272727; color: white; }

.swiper-container-bp3 .prolist .divider{/*background-color:  #000; */}
.swiper-container-bp3 .prolist .quickview{display: none;}
.swiper-container-bp3 .prolist .to-cart-btn span{display: none;}
.swiper-container-bp3 .prolist .btn-danger,
.swiper-container-bp3 .prolist .btn-black{  background-color:#272727; border-color: #000; color:#00376f; }
.swiper-container-bp3 .prolist .btn-danger:hover{background-color:#00376f; color:#00376f;}
.swiper-container-bp3 .prolist .btn-black{background-color: #a47573  !important; color:#000; border:none !important; box-shadow: none;}
.swiper-container-bp3 .prolist .btn-black:hover{background-color:#fff !important; }
.swiper-container-bp3 .prolist .btn.quickview,.swiper-container-bp3 .prolist .btn.to-cart-btn,.swiper-container-bp3 .prolist .btn.save-for-later-btn{padding: 13px; border-radius: 36px!important}
.swiper-container-bp3 .prolist:hover{
  background-color: #fff; color:#000 ;
}

.swiper-container-bp3 .prolist:hover{
  background-color: #fff; box-shadow:inset  0px -150px 90px rgba(255,200,0,0.3), 0px 15px 15px rgba(0,0,0,0.3);
}
.swiper-container-bp3 .prolist:hover .product-category a{background-color: #00376f; color:black;  }
.swiper-container-bp3 .prolist .product-category a:hover{background-color: white; color:#141414; }

/*
  .swiper-container-bp3 .prolist{padding-bottom: 0px; border-radius: 9px;  background-color: #000; color:white;}
  
  .swiper-container-bp3 .prolist .img{max-height: 200px; position: relative; overflow: hidden; border-color: #000 !important; border-radius: 8px !important;}
  .swiper-container-bp3 .prolist .img img{max-width: 100%; border-radius: 0}
  .swiper-container-bp3 .prolist .divider{background-color:  #fff; }
  .swiper-container-bp3 .prolist h4{ background-color:#272727; color: white;}
  .swiper-container-bp3 .prolist h4 span.prc{ background-color: rgba(0,0,0,1);}
  .swiper-container-bp3 .prolist .product-category{  margin-top: 9px; }
  .swiper-container-bp3 .prolist .product-category a{ display: block; margin-top: 5px; padding-top: 3px; padding-bottom: 3px; text-decoration: none; color:#999;background-color: #000; font-size:.875em;border-bottom-right-radius: 14px !important; border-bottom-left-radius:  14px !important}
  .swiper-container-bp3 .prolist .product-category a:hover{background-color: #141414; color:white; }

  
  
  

   .swiper-container-bp3 .swiper-slide.prolist h3.proname{padding:0 20px; font-size:1.3em;letter-spacing: -1px;
   min-height: 64px; overflow: hidden; display: flex; align-items: center; justify-content: center;}


   

   .swiper-container-bp3 .prolist span.prc{ background-color: rgba(255,224,0,.7);}
     
   .swiper-container-bp3 .prolist:hover{border-color: #fff !important; background-color: #fff; color :black; box-shadow: 6px 7px 8px rgba(0,0,0,.3)}
   .swiper-container-bp3 .prolist:hover .img{border-color: #00376f !important;}
   .swiper-container-bp3 .prolist:hover .product-category a{background-color: #f5f5f5; color:black;  }
   .swiper-container-bp3 .prolist:hover h4{ background-color:#272727; color: white;}
   .swiper-container-bp3 .prolist:hover span.prc{ background-color: rgba(0,0,0,1);}
   .swiper-container-bp3 .prolist:hover .divider{background-color:  #000; }
   .swiper-container-bp3 .prolist .img{max-height: 250px; position: relative; overflow: hidden; border-color: #00376f}
   .swiper-container-bp3  .discount{color:black; margin: -2px; padding: 2px ;}*/

.btn-primary,
.btn-danger,
.btn-info,
.btn-success,
.btn-warning{border-color:transparent;}

 .text-primary{color:rgb(0,0,0) !important;}
.btn-original{background-color: #00376f; color:#000;}
.btn-original:active{outline: none; box-shadow:inset 0px 2px 3px rgba(0,0,0,.3);}
.btn-original:focus{outline: none; box-shadow: 2px 3px 4px rgba(0,0,0,.3);}

 .btn-black{ margin-top: 5px; color:white;}
  .btn-black:hover{background-color: #333; color:#fff;}

.btn-primary{background-color: rgba(20,60,160,1) !important; color:white }
  .btn-primary:hover{background-color: rgba(0,90,200,1) !important; }
.btn-danger{background-color:rgba(199, 4, 46,1) !important}
  .btn-danger:hover{background-color:  rgb(255,60,60) !important;}
.btn-info{background-color:rgba(73, 203, 230,1) !important}
  .btn-info:hover{background-color:  rgb(20, 183, 217) !important;}

.btn-success{background-color:rgba(30,180,90,1) !important}
  .btn-success:hover{background-color:  rgb(106, 196, 142) !important;}
.btn-warning{background-color:rgba(252, 231, 0,1) !important; color:black; border-color: #E1C19A !important;}
  .btn-warning:hover{background-color: #E1C19A /*rgb(227, 208, 0)*/ !important;}



.btn-black{background-color: #111; color:white; border-radius: 16px}
.btn-black:hover{background-color: #333;}
.btn-dark{background-color: #333 !important; color:white !important;  border-radius: 4px}

.go-comparelist{
  display: none;
  position: fixed;
  bottom: 0;
  width:100%;
  height: 30px;
  background-color: rgba(255,255,255,.4);
  text-align: center;
  z-index: 99;
}
.go-comparelist.o{background-color: rgba(20,220,30,.4);}
.go-comparelist a{
  display: table;
  margin: auto;
  padding: 3px 7px;
  background-color: rgba(0,0,0,0.3);
  color:#414141;
  text-decoration: none;
}
.go-comparelist.o a{
  background-color: rgb(20,220,30);
  color:#000;
}
.btn-black.rainbow-5:hover{

  background-image:     linear-gradient(
      to bottom, 
      #28a55f,
      #C7E0D2 16.65%,
      #28a55f 36.65%,
 
      #59D991 79.95%,
      #28a55f 100%
  );
}

.btn-primary.rainbow-5:hover{
  background-image:     linear-gradient(
      to right, 
      #143ca0,
      #143ca0 26.65%,
      #2353cc 16.65%,
      #2353cc 33.3%,
      #396ae6 33.3%,
      #396ae6 59.95%,
      #517ff5 49.95%,
      #517ff5 76.6%,
      #6b95ff 66.6%,
      #6b95ff 83.25%,
      #86a7fc 83.25%,
      #86a7fc 100%,
      #143ca0 100%
  );
}
.btn-danger.rainbow-5:hover{
  background-image:     linear-gradient(
      to right, 
      #c7042e,
      #c7042e 26.65%,
      #e61743 16.65%,
      #e61743 33.3%,
      #fa2f5b 33.3%,
      #fa2f5b 59.95%,
      #fa486f 49.95%,
      #fa486f 76.6%,
      #fa6687 66.6%,
      #fa6687 83.25%,
      #ff829e 83.25%,
      #ff829e 100%,
      #c7042e 100%
  );
}

.btn-success.rainbow-5:hover{
  background-image:     linear-gradient(
      to right, 
      #00bd71,
      #00bd71 26.65%,
      #18d98b 16.65%,
      #18d98b 33.3%,
      #31eba0 33.3%,
      #31eba0 59.95%,
      #52fab6 49.95%,
      #52fab6 76.6%,
      #65ebb4 66.6%,
      #65ebb4 83.25%,
      #84f5c7 83.25%,
      #84f5c7 100%,
      #00bd71 100%
  );
}



.btn-info.rainbow-5:hover{
  background-image:     linear-gradient(
      to right, 
      #00c4f0,
      #00c4f0 26.65%,
      #1fd6ff 16.65%,
      #1fd6ff 33.3%,
      #33daff 33.3%,
      #33daff 59.95%,
      #4ddfff 49.95%,
      #4ddfff 76.6%,
      #6ee5ff 66.6%,
      #6ee5ff 83.25%,
      #8febff 83.25%,
      #8febff 100%,
      #00c4f0 100%
  );
}

.btn-warning.rainbow-5:hover{
  background-image:     linear-gradient(
      to right, 
      #e3d000,
      #e3d000 26.65%,
      #f5e216 16.65%,
      #f5e216 33.3%,
      #f2e33d 33.3%,
      #f2e33d 59.95%,
      #fff25e 49.95%,
      #fff25e 76.6%,
      #fff478 66.6%,
      #fff478 83.25%,
      #fff799 83.25%,
      #fff799 100%,
      #e3d000 100%
  );
}








ul.menu-r {list-style: none; /*background-color: #fc0;*/ /*margin-left:55%;*/ z-index: 2; font-weight: bold;  }
        ul.menu-r  li.nav-item{  list-style: none; display: inline-block;  }
        ul.menu-r  li.nav-item a.nav-link{color:#ffed00 !important; padding-right: 30px;font-size:1.1em;}
        ul.menu-r  li.nav-item:hover,
        ul.menu-r  li.nav-item a.nav-link:hover{background-color: transparent !important; color:white !important;}
        
        .mega .campaigns{border-radius: 16px;}
        .mega .campaigns div .campaign{ padding:10px; border-radius: 8px; background-color: #f5f5f5}
        .mega .campaigns div .campaign h6{ margin-bottom: 0px;  padding:0 10px ; background-color: #ffed00; border-radius: 8px; 
border-bottom-right-radius: 0px; border-bottom-left-radius: 0px;
          box-shadow: inset 0px 1px 1px rgba(0,0,0,0.3);  }
        .mega .campaigns div .campaign h6:hover{box-shadow: 0px 2px 3px rgba(0,0,0,0.3); background-color: #000}
        .mega .campaigns div .campaign a.camptitlelink{ width: 100%; display: block; color:#000;}
        .mega .campaigns div .campaign a.camptitlelink:hover{color:#ffed00;}
        /*.mega .campaigns div:nth-child(odd) .campaign{background-color: #dadce2; }*/
        .mega .campaigns a.camplink{
          position: relative;
          display:block;
          
         width:100%; height:150px; 
         border-radius: 8px;
        }
        .mega .campaigns a.camplink:hover{}
        .mega .campaigns div.campimg{ position:relative; overflow:hidden; width:100%; height:100%; background-position:center; border-radius: 8px; 
border-top-right-radius: 0px; border-top-left-radius: 0px;
          background-size: 130%;}

         .mega .campaigns .camptitle{min-height: 60px; max-height: 60px; display: flex;justify-content: center; align-items: center; text-align: center;}
         .mega .campaigns .camptitle a{color:#333;}
         .mega .campaigns .camptitle a:hover{color:red;}
        

        .mega .campaigns .text-campaigns{ position: relative;}
        .mega .campaigns ul.campaign-list{
          text-align: left;
          width: 100%;
        }
        .mega .campaigns ul.campaign-list li{
          display: block;
          
          display: flex;
          margin: 1px 0;
          
          align-items: center;
          line-height: 1em;
          color:#ccc;
          border-radius: 4px;

          /*background-color: #f5f5f5*/
        }
        .mega .campaigns ul.campaign-list li:nth-child(odd){
          /*background-color: #f8f8f8;*/
        }
        .mega .campaigns ul.campaign-list li a{
          display: block;
          width: 100%;
          padding: 7px 7px;
          color:#333;
          margin-left: 7px;
          border-bottom: 1px solid #ccc;
        }
        .mega .campaigns ul.campaign-list li a:hover{
          
          color:black;
        }
        .mega .campaigns ul.campaign-list li:hover{background-color: #dadce2}
        .mega .campaigns ul.campaign-list li:hover a{background-color: #f5f5f5; }
        .mega .campaigns ul.campaign-list li:hover i{color:black; transform: rotate(135deg); margin-left: 10px; }
        
        .mega .campaigns .text-campaigns .button{font-size:.875em; line-height: 2em; position: absolute;bottom: 10px; right: 10px }





.picset{
  transition: all 0.5s ease;
}
.picset .img{/*height: 400px;*/}

.picset .img a.pictures{position: relative;/* height: 100%;*/ margin: 0; padding: 0; top:0;}
/*.picset a.pictures picture{position: absolute; width: 100%; height: 100%; top: 0}*/
/*.picset picture.primary   img{transform: scale(1); }
.picset picture.secondary img{padding:0; transform: scale(0); }

.picset:hover picture.primary   img{padding:0; transform: scale(0.0); }
.picset:hover picture.secondary img{  transform: scale(1); margin-top:calc(-100% - 130px);}*/


.picset picture.primary   img{display: block; }
.picset picture.secondary img{padding:0; display: none; }

.picset:hover picture.primary   img{padding:0; display: none; }
.picset:hover picture.secondary img{ display: block;}

@media(max-width: 590px){
  .picset .img{/*height: 140px;*/}
  .picset .proname{font-size: 1em !important}
}





#notifistock .pimage{height: 250px;text-align: center;  overflow: hidden; transition:  all 1s ease; }
#notifistock .pimage img{max-height: 100%; margin: 0 auto;}

#notifistock .pimage:hover picture.primary img{margin-top: -100%;}


.brdrlft{ border-left:1px solid #ccc;}

.useractivationform .info{font-size:.675em;}
.suggestionform,.useractivationform{ margin-top: 13px; position: relative; z-index: 2; width: 100%; }
.suggestionform .inlabel,
.useractivationform .inlabel{position: relative; margin-bottom: 10px;}
.suggestionform .inlabel input,
.suggestionform .inlabel textarea,
.useractivationform .inlabel input,
.useractivationform .inlabel textarea,{background-color: transparent; z-index: 9; outline: none !important; box-shadow: none !important}
.suggestionform .inlabel label,
.useractivationform .inlabel label{position: absolute; top:5px; left: 5px; padding: 0 5px; z-index: 10;transition:.2s; background-color: rgba(0,0,0,0.9); box-shadow: 0px 2px 3px rgba(0,0,0,0.3); color:#ccc; border-radius: 4px; font-size: .875em; cursor: text}
.suggestionform .inlabel label:before,
.useractivationform .inlabel label:before{content: ''}
.suggestionform .inlabel.act input,
.suggestionform .inlabel.act textarea,
.useractivationform .inlabel.act input,
.useractivationform .inlabel.act textarea{border-color:#000;}
.suggestionform .inlabel.act label,
.useractivationform .inlabel.act label{top:-10px; z-index: 2; font-size:.775em; background-color: #000; color:#fff; /*border:1px solid red;*/ font-weight: 500; padding: 0 7px}

#notifistock .inlabel{position: relative; margin-bottom: 10px;}
#notifistock .inlabel input{background-color: transparent; z-index: 1; outline: none; box-shadow: none !important}
#notifistock .inlabel label{position: absolute; top:5px; left: 25px; z-index: 1 !important;transition:.2s;color:#6d6681; }
#notifistock .inlabel label:before{content: ''}
#notifistock .inlabel.act input{border-color:red;}
#notifistock .inlabel.act label{top:-10px; left: 15px; z-index: 2; font-size:.675em; background-color: #fff;color:red; font-weight: 500; padding: 0 5px}


#notifistock input.alert_leftday{max-width: 45px;  max-height: 23px; border-radius: 4px !important;}
#notifistock label.alert_type{
  padding: 0px 7px;
  cursor: pointer;
  border-radius: 16px;
  background-color: #ccc; color:#fff;
  box-shadow: 1px 2px 3px rgba(0,0,0,0.1);
  position: relative;
   }
#notifistock label.alert_type:before{
  font-family: 'Font Awesome 5 Pro', sans-serif;
  content:'\f056';
  margin-right: 4px;
}
#notifistock label.alert_type:hover{background-color: #000;}
#notifistock label.alert_type.act,
#notifistock label.alert_type.act:hover{box-shadow:inset 0px 2px 3px rgba(0,0,0,0.3); background-color: #00376f; color:black;}
#notifistock label.alert_type.act:before{
  font-family: 'Font Awesome 5 Pro', sans-serif;
  content:'\f058'; /*f00c*/
  margin-right: 4px;
  /*position: absolute;*/
  
}

input#emailcheck,input#smscheck{display: none !important;}
.btn-notifistock{height: 30px}







.variants.o{
  display:none;
}
.variants{
  margin: 10px;
  border-bottom:1px solid #ccc;
  display: flex;
  flex-wrap: wrap;
   justify-content: flex-start;
}
h5.variant-group{flex-basis: 100%; }
h5.variant-group span:hover,
h5.variant-group span.o{cursor: pointer; padding:0  7px; background-color: #000;color:#fff; border-radius: 4px; }
.variant{ margin:3px;}
/*.variant.colorbox{ height: 40px; border-radius: 40px;}*/

  .variant.imagebox .imagebox{width: auto; justify-content: flex-start;}

.checkbox{display: inline-flex; margin-right: 13px}
.variant.imagebox .imagebox{ position: relative; display: inline-flex;min-width:auto; margin: 3px; padding: 10px; border-radius: 4px; box-shadow: inset 1px 1px 1px rgba(0,0,0,0.3);

}
  .variant.imagebox .imagebox .placeholder{position: absolute; top:45px; left: 0px;  z-index: 9990; width: 300px; height: 300px; overflow: hidden;
    box-shadow: 3px 5px 7px rgba(0,0,0,0.3); border:2px solid #fff; display: none;
    border-radius: 4px;
  }
  .variant.imagebox .imagebox:hover:after{
    content:' ';
    position:absolute;
    
    left:calc(50% - 5px);
    bottom:-1px;
    width:10px;
    height:10px;

    border:10px solid transparent;
    border-bottom-color: #fff;
    z-index: 9991;
  }
@media(max-width: 590px){
  .variants{justify-content: space-between; text-align: center; align-content: center;}
  .variant.imagebox{min-width: 90%; margin:0 .5%; }
  .variant.imagebox .imagebox{width: 100%; justify-content: center;}
  .variant.imagebox .imagebox .placeholder{width: 150px; height: 150px}
}

/* Remove default checkbox */
.variants [type="checkbox"]:not(:checked),
.variants [type="checkbox"]:checked {
  position: absolute;
  left: -9999px;
  opacity: 0; }

.variants [type="checkbox"] {
  /* checkbox aspect */ }

.variants [type="checkbox"] + label {
  position: relative;
  padding-left: 25px;
  padding-right: 3px;
  /*margin-left: -48px;*/
  cursor: pointer;
  display: inline-block;
  height: 25px;
  line-height: 25px;
  font-size: 1rem;
  -webkit-user-select: none;
  /* webkit (safari, chrome) browsers */
  -moz-user-select: none;
  /* mozilla browsers */
  -khtml-user-select: none;
  /* webkit (konqueror) browsers */
  -ms-user-select: none;
  /* IE10+ */ 

  /*border-bottom: 1px solid #ccc;*/
}
.variants .imagebox [type="checkbox"] + label{
    background-color: rgba(255,255,255,.7);
  border-radius: 4px; box-shadow: 1px 2px 3px rgba(0,0,0,0.3);
  font-weight: 600
}
.variants .imagebox [type="checkbox"]:hover + label{
  background-color: #000;
  color:white;
}
.variants .imagebox [type="checkbox"]:checked + label{
  background-color: #fc0;
  color:black;
  }
.variants [type="checkbox"] + label:before,
.variants [type="checkbox"]:not(.filled-in) + label:after {
  content: '';
  position: absolute;
  top: 2px;
  left: 3px;
  width: 18px;
  height: 18px;
  z-index: 0;
  border: 2px solid #5a5a5a;

  border-radius: 1px;
  margin-top: 2px;
  -webkit-transition: .2s;
  -o-transition: .2s;
  transition: .2s; }

.variants [type="checkbox"]:not(.filled-in) + label:after {
  border: 0;
  -webkit-transform: scale(0);
  -ms-transform: scale(0);
  transform: scale(0); }

.variants [type="checkbox"]:not(:checked):disabled + label:before {
  border: none;
  background-color: rgba(0, 0, 0, 0.26); }

.variants [type="checkbox"].tabbed:focus + label:after {
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
  border: 0;
  border-radius: 50%;
  -webkit-box-shadow: 0 0 0 10px rgba(0, 0, 0, 0.1);
  box-shadow: 0 0 0 10px rgba(0, 0, 0, 0.1);
  background-color: rgba(0, 0, 0, 0.1); }

.variants [type="checkbox"]:checked + label:before {
  top: -2px;
  left: 0px;
  width: 12px;
  height: 22px;
  border-top: 2px solid transparent;
  border-left: 2px solid transparent;
  border-right: 2px solid #26a69a;
  border-bottom: 2px solid #26a69a;
  -webkit-transform: rotate(40deg);
  -ms-transform: rotate(40deg);
  transform: rotate(40deg);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transform-origin: 100% 100%;
  -ms-transform-origin: 100% 100%;
  transform-origin: 100% 100%; }

.variants [type="checkbox"]:checked:disabled + label:before {
  border-right: 2px solid rgba(0, 0, 0, 0.26);
  border-bottom: 2px solid rgba(0, 0, 0, 0.26); }

/* Indeterminate checkbox */
.variants [type="checkbox"]:indeterminate + label:before {
  top: -11px;
  left: -12px;
  width: 10px;
  height: 22px;
  border-top: none;
  border-left: none;
  border-right: 2px solid #26a69a;
  border-bottom: none;
  -webkit-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transform-origin: 100% 100%;
  -ms-transform-origin: 100% 100%;
  transform-origin: 100% 100%; }

.variants [type="checkbox"]:indeterminate:disabled + label:before {
  border-right: 2px solid rgba(0, 0, 0, 0.26);
  background-color: transparent; }

.variants [type="checkbox"].filled-in + label:after {
  border-radius: 2px; }

.variants [type="checkbox"].filled-in + label:before,
.variants [type="checkbox"].filled-in + label:after {
  content: '';
  left: 0;
  position: absolute;
  /* .1s delay is for check animation */
  -webkit-transition: border .25s, background-color .25s, width .20s .1s, height .20s .1s, top .20s .1s, left .20s .1s;
  -o-transition: border .25s, background-color .25s, width .20s .1s, height .20s .1s, top .20s .1s, left .20s .1s;
  transition: border .25s, background-color .25s, width .20s .1s, height .20s .1s, top .20s .1s, left .20s .1s;
  z-index: 1; }

.variants [type="checkbox"].filled-in:not(:checked) + label:before {
  width: 0;
  height: 0;
  border: 3px solid transparent;
  left: 6px;
  top: 10px;
  -webkit-transform: rotateZ(37deg);
  -ms-transform: rotate(37deg);
  transform: rotateZ(37deg);
  -webkit-transform-origin: 20% 40%;
  -ms-transform-origin: 100% 100%;
  transform-origin: 100% 100%; }

.variants [type="checkbox"].filled-in:not(:checked) + label:after {
  height: 20px;
  width: 20px;
  background-color: transparent;
  border: 2px solid #5a5a5a;
  top: 0px;
  z-index: 0; }

.variants [type="checkbox"].filled-in:checked + label:before {
  top: 0;
  left: 1px;
  width: 8px;
  height: 13px;
  border-top: 2px solid transparent;
  border-left: 2px solid transparent;
  border-right: 2px solid #fff;
  border-bottom: 2px solid #fff;
  -webkit-transform: rotateZ(37deg);
  -ms-transform: rotate(37deg);
  transform: rotateZ(37deg);
  -webkit-transform-origin: 100% 100%;
  -ms-transform-origin: 100% 100%;
  transform-origin: 100% 100%; }

.variants [type="checkbox"].filled-in:checked + label:after {
  top: 0;
  width: 20px;
  height: 20px;
  border: 2px solid #26a69a;
  background-color: #26a69a;
  z-index: 0; }

.variants [type="checkbox"].filled-in.tabbed:focus + label:after {
  border-radius: 2px;
  border-color: #5a5a5a;
  background-color: rgba(0, 0, 0, 0.1); }

.variants [type="checkbox"].filled-in.tabbed:checked:focus + label:after {
  border-radius: 2px;
  background-color: #26a69a;
  border-color: #26a69a; }

.variants [type="checkbox"].filled-in:disabled:not(:checked) + label:before {
  background-color: transparent;
  border: 2px solid transparent; }

.variants [type="checkbox"].filled-in:disabled:not(:checked) + label:after {
  border-color: transparent;
  background-color: #BDBDBD; }

.variants [type="checkbox"].filled-in:disabled:checked + label:before {
  background-color: transparent; }

.variants [type="checkbox"].filled-in:disabled:checked + label:after {
  background-color: #BDBDBD;
  border-color: #BDBDBD; }



  .colorbox{
display: inline-flex;
  justify-content: flex-start;
  align-items: center;
  position: relative;

  }

.choice-option-yes,
.choice-option-no {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  position: relative;
}
.colorbox input[type="radio"] {
  opacity: 0;
  width:  35px;
  height: 35px;
}
.yes-svg,
.no-svg {
  transform: scale(0.5);
  transition: 0.5s all ease;
}
.yes,
.no {
  opacity: 0;
  transform: scale(0.5);
}
.colorbox input[type="radio"]:checked ~ label .yes,
.colorbox input[type="radio"]:checked ~ label .yes-svg,
.colorbox input[type="radio"]:checked ~ label .no,
.colorbox input[type="radio"]:checked ~ label .no-svg {
  opacity: 1;
  transform: scale(1);
}

.colorbox > label{
  display: inline-flex;
  align-items: center;
  cursor: pointer;
  position: absolute;
  left: 0;
  top: 0;
/*  display: flex;
  align-items: center;
  cursor: pointer;
  position: absolute;
  left: 0;
  top: 0;*/
}

.yes-svg,
.no-svg {
  margin-top:-3px;
  margin-left: -3px;
  transform: scale(0.5);
  transition: 0.5s all ease;
}
.yes,
.no {
  opacity: 0;
  transform: scale(0.5);
}
.colorbox input[type="radio"]:checked ~ label .yes,
.colorbox input[type="radio"]:checked ~ label .yes-svg,
.colorbox input[type="radio"]:checked ~ label .no,
.colorbox input[type="radio"]:checked ~ label .no-svg {
  opacity: 1;
  transform: scale(1);
}



.radiobox{padding:3px 5px;border-radius: 4px;display:inline-flex; align-items: center;}
.radiobox > label{
  display: inline;
  align-items: center;
  cursor: pointer;
  position: relative;
  margin-left: 5px;
  top: 0;
  color:white;
  float: right;

}




.input-group.quantity a.minus{
  height: 32px;
  line-height: 20px;
  border-top-left-radius: 4px !important;
  border-bottom-left-radius: 4px !important;
 
}
.input-group.quantity a.plus{
  position:relative;
  right: 20px;
  height: 32px;
  line-height: 20px;
  z-index: 2;
  border-top-right-radius: 4px !important;
  border-bottom-right-radius: 4px !important;
 
}
.input-group.quantity input{
  position: relative;
  z-index: 1 !important;
  border-right:none;
  max-width: 80px;
  max-height: 32px;
  border-radius: 0px !important;
  text-indent: 4px;
  box-shadow: none !important
}
.price-container.w-md-auto{min-width: 90% !important;}

div.extra{
        width: 100%;
        height: 0;
        left:0;
        bottom:25px;
        overflow: hidden;
        z-index: 1;

    }
    div.extra.dark{/*background-image: linear-gradient(to bottom, #dadce2 0%, #fff 44%, transparent 45%, transparent 100%);*/}
    div.extra .if:before{
        content:'Varyant Türleri';
        position: absolute;
        top:15px;
        left: calc(50% - 60px);
        text-align: center;
    }
    div.extra h5.variant-group{
        margin: 0;
        font-size:1em;
    }
    div.extra h5.variant-group{  display: inline-table; float: left; margin-top: 10px; margin-left: 2px;margin-right: 2px;  /*  width:100%; */ letter-spacing: -1px; }
    div.extra h5.variant-group span{display: block;padding:0  4px;}
    div.extra h5.variant-group span.ok{background-color: #000;color:white;/* border-top-left-radius: 4px; border-top-right-radius: 4px;*/ border-radius: 4px;}
        div.extra.dark h5.variant-group span.ok{background-color: #00376f;color:#000;}
    div.extra h5.variant-group span:hover,
    div.extra h5.variant-group span.o{cursor: pointer;  background-color: #000; color:#fff; border-radius: 4px; }
        div.extra.dark h5.variant-group span.o{cursor: pointer;  background-color: #00376f; color:#000; border:1px solid #000; }
            div.extra.dark h5.variant-group span:hover,
            div.extra.dark h5.variant-group span.o{cursor: pointer;  background-color: #00376f; color:#000;  }


    div.extra .variants{  flex-basis: 100%; flex-wrap: nowrap; max-width: 100%;
        background-color: #fff; margin:0; padding:0;
        max-height: 50px; height: 50px; width:100%;  overflow-y: hidden;position:absolute; left:0; z-index: 3; margin-top:-50px;
align-items: center;
         }

    /*div.extra .variants  label span{display: none;}*/
    div.extra .variant.colorbox{ height: 35px; border-radius: 35px;}
    div.extra .variant.imagebox{ margin:0 2px;  }
    div.extra .variant.imagebox div.imagebox{height: 30px;}
    div.extra .variant.imagebox div.imagebox {padding:3px 20px 0 20px;}
    
    div.extra .variant.imagebox .imagebox .placeholder{display: none;}
    div.extra .variant.imagebox .imagebox:hover:after{display: none;}
    div.extra .variant.imagebox .imagebox label{}
    div.extra .variant.radiobox{ padding: 0; background-color: #00376f !important; }
    div.extra .variant.radiobox .radiobox{display: flex;}
    div.extra .variant.radiobox input + label{color:black;}
    div.extra .variant.selectbox,
    div.extra .variant.selectbox select{width: 100%; outline: none;}
    

    .prox{max-width:100%;  position: relative;}

    div.extra {max-width: 100%; position: relative;   flex-basis: 100%; flex-wrap: nowrap;}


    .prolist div.extra{
      background-color: rgba(255,255,255,0.9);
      position: absolute;
      top: 120px;
    }


    .prox:hover{
        /*margin-bottom:-20px;*/
        /*height: calc(100% - 55px);*/
    }
    .swiper-slide.prolist:hover div.extra{
        padding-top: 50px;
        height: 50%;
        bottom: 0;
        background-color: #ffec42
    }
    .display-type.rows .prolist:hover  div.extra{
      padding-top: 60px;
        height: 50%;
        bottom: 0;

      }
    .display-type.col-6.col-md-6.col-lg-4.col-xl-4 .prolist:hover div.extra{
      height:160px;
      top: 50%;
      bottom: initial;
      padding-top: 50px;
      background-color: #ffec42;
     
    }
/*.prolist:hover   h5.variant-group:nth-child(0) span{

}
.prolist:hover .extra div.variants:first-child{display: flex;}*/

    .prolist:hover .extra.not{
      padding-top: 0px !important;
      height: 0 !important;
    }
    .display-type.col-6.col-md-6.col-lg-4.col-xl-4 .prolist:hover div.extra.not{

    }

    .prolist:hover .input-group.d-none{

        margin-top:-24px; background-color:rgba(255,255,255,1); position:absolute;
        display: flex!important;
        z-index:4;

    }
    .prolist .icon-list{flex-basis:100%; background-color: #F4E9E4; padding: 3px 0; font-size:1.1em; display: flex; justify-content:  center;}
    .prolist .icon-list a{background-color: #fff; color:#000; padding: 3px ; margin: 0 3px; border-radius: 2px; float: left; min-width: 35px; text-align: center;}
    .prolist .icon-list a:hover{background-color: #000; color:#00376f;}
    
    .prolist .icon-list a.added,
    .add-share li a.added{ background-color: rgb(20,160,60); color:#00376f;}
    

.icon-list .shr{  position: absolute; top:38px; left:0px;background-color: #fff; width: 100%; display: none; justify-content: center;  z-index: 22; list-style: none; margin: 0; padding: 0}
  .icon-list .shr.o{display: flex; height: 38px; align-items: center; /*justify-content: space-between; */}
  .icon-list .shr li{ display: inline; margin: 0 3px; padding: 0 }
  .icon-list .shr li a{margin: 0; }
  .icon-list .shr li a:hover{ background-color: #9cdbba;  }
  .icon-list .shr li.fb a:hover{background-color: #1f52d1; color:white;}
  .icon-list .shr li.tw a:hover{background-color: #4ac0ff; color:white;}
  .icon-list .shr li.wp a:hover{background-color: #36cc08; color:white;}
  .icon-list .shr li.inside a:hover{background-color: #00376f; color:black;}

.display-type.col-6.col-md-6.col-lg-4.col-xl-4{padding: 0 1%; }
.display-type.col-6.col-md-6.col-lg-4.col-xl-4 .prolist .img{min-height: 250px;}

.display-type.rows .prolist h4{max-height: 35px; margin-top: 35px; 
    
/*    position: absolute;
    top: 50px;
    right: 35px;
*/
}

.display-type.col-6.col-md-6.col-lg-4.col-xl-4 .prolist{max-height: auto; min-height: 100%;     padding-bottom: 25px;} 
@media(max-width: 991px){
  .multi-r:before{display: none;}
}
    @media (max-width: 592px){
      .display-type.rows .prolist h4{max-height: ; margin-top: 0;
max-height: 35px;  
    
    position: absolute;
    top: 50px;
    right: 35px;

}
      }
.display-type.col-6.col-md-6.col-lg-4.col-xl-4 .prolist .img{min-height: 150px;}

      div.extra .variant.imagebox .imagebox label span{/*display:none;*/}
        div.extra .variants{padding: 3px;}
        .prolist:hover div.extra{
            padding-top: 55px;
            height: 60%;
        }
        .prolist:hover .input-group.d-none{
            /*display: none !important*/
        }
        
        div.extra .variant.radiobox{display: flex !important;}
        div.extra .variant.radiobox .radiobox {/*display:table; width:120% !important;*/ }
        div.extra .variant.radiobox .radiobox input{ float:left !important ; margin:4px 3px 0 0px;}
        div.extra .variant.radiobox .radiobox label{float:left !important; margin: 0; padding: 0 ;}

      .display-type.col-6.col-md-6.col-lg-4.col-xl-4{padding: 0 1%; }
      h4.breadcrumb{font-size:.875em;}
      .prolist:hover div.extra{
        margin-top:-75px;
          
          padding-top: 60px;
        }
      .prolist:hover .input-group.d-none{
         margin-top: -40px;
        }
      .prolist{max-height: auto; min-height: auto} 



.display-type.col-6.mini .prolist:hover{ /*min-height:320px;*/ padding-bottom: 20px; position: relative;}
.display-type.col-6.mini .prolist:hover .product-category{ position: absolute; bottom:0px}
      .display-type.col-6.mini .prolist:hover .to-cart-btn,
      .display-type.col-6.mini .prolist:hover .save-for-later-btn, 
      .display-type.col-6.mini .prolist:hover .quickview{
        position: relative;
        top: 100px;
      }

    }
    @media(max-width: 320px){
      /*ayar*/

      .display-type.col-6.col-md-6.col-lg-4.col-xl-4{padding: 0 .5%; }
      h4.breadcrumb{font-size:.875em;}
      .display-type.col-6.col-md-6.col-lg-4.col-xl-4 .prolist:hover div.extra{
        margin-top:-100px;
        padding-top: 60px;
      }
      .display-type.col-6.col-md-6.col-lg-4.col-xl-4 .prolist:hover .input-group.d-none{
         margin-top: -35px;
      }
      .display-type.col-6.col-md-6.col-lg-4.col-xl-4 .prolist h3.proname{min-height: 45px;}
      .display-type.col-6.col-md-6.col-lg-4.col-xl-4 .prolist{max-height: auto; min-height: 100%;     padding-bottom: 25px
;} 
      .display-type.col-6.col-md-6.col-lg-4.col-xl-4 .prolist:hover .to-cart-btn,
      .display-type.col-6.col-md-6.col-lg-4.col-xl-4 .prolist:hover .save-for-later-btn, 
      .display-type.col-6.col-md-6.col-lg-4.col-xl-4 .prolist:hover .quickview{
        top: 10px;
      }

      /* rw*/
      /*.display-type.rows{}

      */

    }
    .prolist .to-cart-btn,
    .prolist .quickview,
    .prolist .save-for-later-btn,
    .prolist h4,
    .prolist .input-group.d-none{ 
        position: relative; z-index: 2;

        
    }


    .prox .input-group.d-none{/*position: absolute;*/
         justify-content: center !important;
        width: 100%;
        align-content: flex-start;
        /*height: 80px;*/
        min-height: 80px;
        box-shadow: 0px 14px 14px rgba(0,0,0,.2)

        
    }
    .prox .input-group input[type="number"]{
        /*margin: 0;
        box-sizing: border-box;
        width: 40%;
        height: 25px;*//*
        border-bottom-right-radius: 0px !important;
        border-top-right-radius:    0px !important;*/
    }
    .prox .input-group input[type="text"]{

        border:none;
        width: 100%;
        text-align: center;
        /*margin: 0;
        box-sizing: border-box;
        max-width: 59%;
        height: 25px;*/
        
        border-bottom-left-radius: 0px !important;
        border-top-left-radius:    0px !important;


        box-shadow: none;
        outline: none;
    }






.scatswithimg .prolist{position: relative;}
.scatswithimg .prolist div.extra{top:50px;}
.scatswithimg .prolist h5.variant-groups{margin: 0 4px;}
.scatswithimg .prolist:hover .input-group.d-none{margin-top: -20px; padding-bottom: 20px; }
.scatswithimg .prolist:hover .input-group.d-none a{
 font-size:.775em; 
 color:black;
}
.scatswithimg .prolist:hover .input-group.d-none a:hover{
  color:#00376f;
}
.scatswithimg .row{padding-top: 40px; position: relative;}
.scatswithimg .row:before{
  content: 'İndirimli Ürünler';
  position: absolute;
  top:10px;
  left: 10px;
  color:#000;

}
.scatswithimg .row .col-6{margin: 0 !important; padding: 0 1%;}
  .scatswithimg .prolist{min-width: 100% !important; min-height: auto; padding-bottom: 0px;  background-color: #dadce2; position: relative; border-radius: 8px; border:1px solid #ccc;}
  .scatswithimg .prolist:hover{background-color: #fff; border-color: #000}
  .scatswithimg .prolist .img{position: relative;overflow:hidden; max-height:140px}
  .scatswithimg .prolist h3.proname{ margin-top: 0;  min-height:55px;font-size: .875em; line-height:1.1em; display: flex; align-items: center;}
  .scatswithimg .prolist h3.proname a{color:black; display: block; padding: 3px 6px}
  .scatswithimg .prolist h3.proname a:hover{background-color:#ffd900; color:#000;}
  .scatswithimg .prolist .price_line{background-color: #000; border-radius: 4px; color:white;}
  .scatswithimg .prolist .price_line span.prc{background-color: #272727;border-radius: 34px;}

  .scatswithimg .prolist .divider{background-color: transparent;}
  .scatswithimg .prolist .quickview{display: none;}
  .scatswithimg .prolist .to-cart-btn,
  .scatswithimg .prolist .save-for-later-btn {/**/ font-size: .875em;font-weight: 400; margin-top: 4px; margin-bottom: 4px; padding: 4px 6px; border-radius: 4px;}
  .scatswithimg .prolist .to-cart-btn span{/*display: none;*/ }
  .scatswithimg .prolist .product-category{margin-top: 9px; padding: 0}
  .scatswithimg .prolist .product-category a{ display: block;  font-size: .775em; 

 margin-top: 5px; padding-top: 3px; padding-bottom: 3px; text-decoration: none; color:#333;background-color: #f5f5f5; font-size:.875em;border-bottom-right-radius: 7px; border-bottom-left-radius:  7px
  }
  .scatswithimg .prolist .product-category a:hover{background-color: #141414; color:white;}


  .scatswithimg .prolist .price_line{position: relative;}
.scatswithimg .row .col-6 .to-cart-btn span{display: none;}
.scatswithimg .row .col-6 .prolist:hover div.extra{ height: 60%; padding-top: 60px; margin-top: -10px; background-color: #fff}
@media(max-width: 1125px){
  .scatswithimg .row .col-6{min-width: 100%;}
  .scatswithimg .row .col-6 .to-cart-btn span{display: inline;}
}

  .body-overlay{position: fixed;z-index: 9990; top:0px; width:100%; height: 100%;
background-color: rgba(0,0,0,0.7); display: none;}
 
.container-fluid.content{position: relative;z-index: 2; padding: 0; margin: 0; background-image:linear-gradient(0deg, #f5f5f5 0%, #f8f8f8 40%, rgba(255,255,255,1) 100%);}



.prolist:hover .input-group.d-none .btn.plus,
.prolist:hover .input-group.d-none .btn.minus{height: 32px;font-size:.675em; color:black;}
.prolist:hover .input-group.d-none input.piece{max-width:60px; height: 32px; padding-left: 0; border-color: #00376f}


.prolist .variants div.variant.imagebox{padding: 0!important; min-width:auto; width:auto; max-width:auto; float: left; border-radius: 4px;}
.prolist .variants div.variant.imagebox div.imagebox{  width:auto; max-width: auto; padding: 0!important; box-shadow: none;}




.subscribe-container h5{padding-top: 10px;}
.subscribe-container .tile{padding: 20px; background-color: #ccb0a9; color:#000; border-radius: 8px}
.subscribe-container .input-group input,
.subscribe-container .input-group button{height: 32px; margin: 0; }
.subscribe-container .input-group input{border-top-right-radius:  0px !important; border-bottom-right-radius:0px !important}


#brandslider .swiper-wrapper{ padding: 10px;}
#brandslider .swiper-slide{
  display: flex;align-items: center; 
  justify-content: center;
  height: 90px; background-color: #000;
  overflow-y: hidden;
transform: scale(0.9);

}
#brandslider .swiper-slide:hover{
  transform: scale(1);
  box-shadow: 2px 3px 4px rgba(0,0,0,.7);
}
#brandslider .swiper-slide a.brand-logo{/*background-color: #000;*/  max-height: 90px; display:flex; align-items: center; background-color: #fc0}
#brandslider .swiper-slide a.brand-logo:hover{background-color: #fff; }
#brandslider .swiper-slide a.brand-logo img.brand-logo{max-width:100%;}
.swiper-pagination.spbp8{}

.swiper-container-bp1 .swiper-button-prev,
  .swiper-container-bp3 .swiper-button-prev,
  .swiper-container-bp1 .swiper-button-next,
  .swiper-container-bp3 .swiper-button-next{
    top:61%;/*calc(100% - 150px)*/
    transform: scale(0.6);
    background-color: transparent;
    color:#000;

/*
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'#00376f'%2F%3E%3C%2Fsvg%3E") !important;
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'#00376f'%2F%3E%3C%2Fsvg%3E") !important;
*/
  }
  .swiper-container-bp1 .swiper-button-prev:hover,
  .swiper-container-bp1 .swiper-button-next:hover{
   background-color: #00376f; 
  }
  .swiper-container-bp3 .swiper-button-prev:hover,
  .swiper-container-bp3 .swiper-button-next:hover
  {
    background-color: #000;
  }
  .swiper-container-bp1 .swiper-button-prev{
    /*background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E") !important;*/
    /*background-color: #00376f;*/
  }
  .swiper-container-bp1 .swiper-button-next{
    /*background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E") !important;*/
    /*background-color: #00376f;*/

  }
.swiper-container-bp1 .swiper-button-prev,
  .swiper-container-bp3 .swiper-button-prev
  { left: -14px; 

  }
  .swiper-container-bp1 .swiper-button-next,
  .swiper-container-bp3 .swiper-button-next
  { right:-14px;}

@media(max-width: 590px){
  #brandslider{padding-bottom: 45px; position: relative;}
#brandslider .swiper-wrapper{/*background-color: #f36; */padding-left: 0}
  #brandslider .swiper-button-prev,
  #brandslider .swiper-button-next{
    margin-top:15px;
    border-radius: 50px;
    transform: scale(.5)
  }
  #brandslider .swiper-button-prev{left: 35%;}
  #brandslider .swiper-button-next{/*right: -10px*/ right: 35%;}
.swiper-container-bp1{margin-top: -40px !important;}
  .swiper-container-bp1 .swiper-wrapper{padding-top: 85px;}
  .swiper-container-bp3 .swiper-wrapper{padding-top: 35px;}
  
  .swiper-container-bp3 .swiper-wrapper{ padding-top:  }
   
   .swiper-container-bp1 .swiper-button-prev,
   .swiper-container-bp1 .swiper-button-next,
   .swiper-container-bp3 .swiper-button-prev,
   .swiper-container-bp3 .swiper-button-next{
    margin-top:-375px;
    border-radius: 50px;
    transform: scale(.5);
  }
  .swiper-container-bp1 .swiper-button-prev,
  .swiper-container-bp3 .swiper-button-prev
  {left: 35%;}
  .swiper-container-bp1 .swiper-button-next,
  .swiper-container-bp3 .swiper-button-next
  {/*right: -10px*/ right: 35%;}

.swiper-container-bp3 .swiper-button-prev,
.swiper-container-bp3 .swiper-button-next{
  margin-top: -375px;
}
  .swiper-container-bp3 .swiper-button-prev{
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E") !important;
    background-color: #00376f;
  }
  .swiper-container-bp3 .swiper-button-next{
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E") !important;
    background-color: #00376f;

  }
.swiper-container-bp3 .swiper-button-prev:hover,
.swiper-container-bp3 .swiper-button-next:hover{
  background-color:#00376f;
}

  #mainslider .swiper-button-prev,
   #mainslider .swiper-button-next{
    margin-top:0px;
    border-radius: 50px;
    transform: scale(.7)
  }
  #mainslider .swiper-button-prev{left: 10px;}
  #mainslider .swiper-button-next{right: 10px}
}




@media (max-width: 768px){
  .display-type.rows .prolist h3.proname{min-width:auto; max-width: 350px; text-align:left;   padding: 10px; }
  .display-type.rows .prolist:hover h3.proname{ background-color: #fff;/*margin-top: 7px; */border-radius: 4px; }
  .display-type.rows .prolist:hover h3.proname a{}
  .display-type.rows .prolist .input-group.d-none {max-width: 200px; margin-right: 10px; }
  .display-type.rows .prolist h4.price_line span.xprc{margin-top: 35px; margin-left: -5px;}

  .display-type.rows .prolist .to-cart-btn span{display: none }
  .display-type.rows .prolist .to-cart-btn i{display: inline;}
  .display-type.rows .prolist .to-cart-btn{right: 85px;}
  .display-type.rows .prolist .save-for-later-btn{right: 23px }
  .display-type.rows .prolist .to-cart-btn,
  .display-type.rows .prolist .save-for-later-btn, 
  .display-type.rows .prolist .quickview{margin-top: -43px !important}
  /*.display-type.rows .prolist:hover .to-cart-btn,
  .display-type.rows .prolist:hover .save-for-later-btn, 
  .display-type.rows .prolist:hover .quickview{
    margin-top: -43px
  }*/
  .display-type.rows .prolist:hover .product-category{   background-color: #00376f; border-bottom-right-radius: 8px ;border-bottom-left-radius: 8px  }
      .display-type.rows .prolist:hover .product-category a{
        
        background-color: #f5f5f5;color: #000
      } 
}

 @media (max-width: 592px){

      div.extra .variant.imagebox .imagebox label span{/*display:none;*/}
        div.extra .variants{padding: 3px;}
        .prolist:hover div.extra{
            padding-top: 55px;
            height: 60%;
        }
        .prolist:hover .input-group.d-none{
            /*display: none !important*/
        }
        .display-type.rows .prolist .input-group.d-none {max-width: 200px; margin-right: 0px;  }

        div.extra .variant.radiobox{display: flex !important;}
        div.extra .variant.radiobox .radiobox {/*display:table; width:120% !important;*/ }
        div.extra .variant.radiobox .radiobox input{ float:left !important ; margin:4px 3px 0 0px;}
        div.extra .variant.radiobox .radiobox label{float:left !important; margin: 0; padding: 0 ;}

      .display-type.col-6.col-md-6.col-lg-4.col-xl-4{padding: 0 1%; }
      h4.breadcrumb{font-size:.875em;}
      .prolist:hover div.extra{
        margin-top:-75px;
          
          padding-top: 60px;
        }
      .prolist:hover .input-group.d-none{
         margin-top: -40px;
        }
      .prolist{max-height: auto; min-height: auto} 

      .display-type.rows .prolist{padding-bottom: 0px;}
      /*.display-type.rows .prolist .product-category{margin-top: 0px}
      
      .display-type.rows .prolist .input-group.d-none{min-width: 100%;}
      .display-type.rows .prolist h4.price_line{margin-top:-3px;}
      .display-type.rows .prolist:hover h4.price_line{margin-top: 13px;}
      .display-type.rows .prolist h4.price_line span.xprc{margin-top: -30px; margin-left: -5px;}
      .display-type.rows .prolist{max-height: auto; min-height: auto} 
      .display-type.rows .prolist .to-cart-btn span{display: inline }
      .display-type.rows .prolist .to-cart-btn i{display: none;}
      .display-type.rows .prolist .save-for-later-btn{right: 49px !important }
      .display-type.rows .prolist .to-cart-btn,
      .display-type.rows .prolist .save-for-later-btn, 
      .display-type.rows .prolist .quickview{margin-top: 0 !important}
      .display-type.rows .prolist:hover .to-cart-btn,
      .display-type.rows .prolist:hover .save-for-later-btn, 
      .display-type.rows .prolist:hover .quickview{
        margin-top: 40px !important;
      }*/

      .display-type.col-6.col-md-6.col-lg-4.col-xl-4 .prolist:hover .to-cart-btn,
      .display-type.col-6.col-md-6.col-lg-4.col-xl-4 .prolist:hover .save-for-later-btn, 
      .display-type.col-6.col-md-6.col-lg-4.col-xl-4 .prolist:hover .quickview{
        margin-top: 5px !important;
      }


      .display-type.rows .prolist div.extra{
        top: -20px;
      }
      .display-type.rows .prolist:hover .product-category{  margin-top: -20px;}
      
    }
    @media(max-width: 320px){
      /*ayar*/

      .display-type.col-6.col-md-6.col-lg-4.col-xl-4{padding: 0 .5%; }
      h4.breadcrumb{font-size:.875em;}
      .display-type.col-6.col-md-6.col-lg-4.col-xl-4 .prolist:hover div.extra{
        margin-top:-100px;
        padding-top: 60px;
      }
      .display-type.col-6.col-md-6.col-lg-4.col-xl-4 .prolist:hover .input-group.d-none{
         margin-top: -35px;
      }

      .display-type.rows .prolist{padding-bottom: 0px;}
      .display-type.rows .prolist .product-category{margin-top: -20px}
      .display-type.rows .prolist .input-group.d-none{min-width: 100%;}
      .display-type.rows .prolist{max-height: auto; min-height: auto} 
      .display-type.rows .prolist .to-cart-btn span{display: none }
      .display-type.rows .prolist .to-cart-btn i{display: inline;}
      .display-type.rows .prolist .to-cart-btn{right: 92px !important }
      .display-type.rows .prolist .save-for-later-btn{right: 52px !important }
      .display-type.rows .prolist:hover .to-cart-btn,
      .display-type.rows .prolist:hover .save-for-later-btn, 
      .display-type.rows .prolist:hover .quickview{
        margin-top: 40px;
      }
      .display-type.col-6.col-md-6.col-lg-4.col-xl-4 .prolist:hover .to-cart-btn,
      .display-type.col-6.col-md-6.col-lg-4.col-xl-4 .prolist:hover .save-for-later-btn, 
      .display-type.col-6.col-md-6.col-lg-4.col-xl-4 .prolist:hover .quickview{
        margin-top: 5px !important;
      }

      .display-type.rows .prolist div.extra{
        top: -20px;
      }
     .display-type.rows .prolist .product-category{margin-top: 0px;} 
     .display-type.rows .prolist:hover .product-category{  margin-top: -20px; background-color: #00376f; border-bottom-right-radius: 4px ;border-bottom-left-radius: 4px  }
      .display-type.rows .prolist:hover .product-category a{
        
        background-color: #f5f5f5;color: #000
      } 
      /* rw*/
      /*.display-type.rows{}

      */

    }


.product_list .col-6.mini .prolist .to-cart-btn span{ display: none; }
/*.product_list .display-type.col-6.col-md-6.col-lg-4.col-xl-4 .prolist .to-cart-btn span{display: inline;}*/

.product_list .display-type.col-6.col-md-6.col-lg-4.col-xl-4 .prolist .img,
.product_list .display-type.rows .prolist .img/*,
.product_list .display-type.col-6.col-md-6.col-lg-4.col-xl-4 .prolist,
.product_list .display-type.rows .prolist*/{border:none;}
h4.breadcrumb::-webkit-scrollbar,
h4.breadcrumb::-webkit-scrollbar
{
  width: 3px;
  height: 3px;
  background-color: #00376f;
}

h4.breadcrumb{
  background-color: transparent;
  margin: 13px 0 0 0;

  height: 46px;
  display: flex;
  flex-direction: row;
  flex-flow: row nowrap;
  
  width: 100%;
  /*display: inline-flex;
  flex-direction: column;*/
  

  overflow-y: hidden;

}
h4.breadcrumb span{display: flex; justify-content: center; float: left; padding: 0;  /*letter-spacing: -10px; background-color: #f69*/}

h4.breadcrumb span:last-child{ margin-left: 10px; white-space: nowrap;}

h4.breadcrumb a{ height: 35px; white-space: nowrap; width: auto; float: left; display: flex; justify-content: center; /*float: left;margin-left: 0*/}
/*h4.breadcrumb a:hover:after{
  position: absolute;
  content: '';
  width:10px; height: 10px;
  left: 0;
  top: 10px;
    border:10px solid transparent;
  border-left: 10px solid #f36;
  

}*/
@media(max-width: 592px){

/*.product_list .display-type.col-6.col-md-6.col-lg-4.col-xl-4 .prolist .product-category a,
.display-type.rows .prolist .product-category a{display: none}*/
/*.display-type.rows .prolist:hover .product-category a{background-color: transparent !important; color:#000; }*/
}


.t_product .bg-original-light{background-color: transparent;  margin-bottom: 4px;}
.t_product .justify-content-center{justify-content: flex-end !important; padding-right: 7px;}


 
* {
  box-sizing: border-box;
}
.scroll-right-dude{transform: rotate(-90deg);}
.scroll-top-dude{transform: rotate(-180deg);}
.scroll-left-dude{transform:rotate(90deg);}

.scroll-top-dude:before,
.scroll-top-dude:after ,
.scroll-left-dude:before,
.scroll-left-dude:after,
.scroll-right-dude:before,
.scroll-right-dude:after,
.scroll-down-dude:before,
.scroll-down-dude:after {
  content: "";
  display: block;
  width: 12px;
  height: 12px;
  transform: rotate(45deg);
  border-bottom: 2px solid white;
  border-right: 2px solid white;
}/*
.scroll-left-dude:before,
.scroll-left-dude:after {
  position: absolute;
  transform: rotate(-45deg);
}*/


/*
.scroll-left-dude:before{
  -webkit-animation: left-arrow-before 2.6s cubic-bezier(0.77, 0, 0.175, 1) infinite;
          animation: left-arrow-before 2.6s cubic-bezier(0.77, 0, 0.175, 1) infinite;
}
.scroll-left-dude:after{
  -webkit-animation: left-arrow-after 2.6s cubic-bezier(0.77, 0, 0.175, 1) infinite;
          animation: left-arrow-after 2.6s cubic-bezier(0.77, 0, 0.175, 1) infinite;
}*/
.scroll-top-dude:before,
.scroll-left-dude:before,
.scroll-right-dude:before,
.scroll-down-dude:before {
  -webkit-animation: down-arrow-before 2.6s cubic-bezier(0.77, 0, 0.175, 1) infinite;
          animation: down-arrow-before 2.6s cubic-bezier(0.77, 0, 0.175, 1) infinite;
}
.scroll-top-dude:before,
.scroll-left-dude:after,
.scroll-right-dude:after,
.scroll-down-dude:after {
  -webkit-animation: down-arrow-after 2.6s cubic-bezier(0.77, 0, 0.175, 1) infinite;
          animation: down-arrow-after 2.6s cubic-bezier(0.77, 0, 0.175, 1) infinite;
}

@-webkit-keyframes down-arrow-before {
  50% {
    transform: rotate(45deg) translate(70%, 70%);
  }
  100% {
    transform: rotate(45deg) translate(70%, 70%);
  }
}

@keyframes down-arrow-before {
  50% {
    transform: rotate(45deg) translate(70%, 70%);
  }
  100% {
    transform: rotate(45deg) translate(70%, 70%);
  }
}
@-webkit-keyframes down-arrow-after {
  50% {
    transform: rotate(45deg) translate(110%, 110%);
    opacity: 0;
  }
  51% {
    transform: rotate(45deg) translate(-130%, -130%);
  }
  100% {
    transform: rotate(45deg) translate(-70%, -70%);
    opacity: 1;
  }
}
@keyframes down-arrow-after {
  50% {
    transform: rotate(45deg) translate(110%, 110%);
    opacity: 0;
  }
  51% {
    transform: rotate(45deg) translate(-130%, -130%);
  }
  100% {
    transform: rotate(45deg) translate(-70%, -70%);
    opacity: 1;
  }
}


.alert.text-center.cookiealert.show{z-index: 99999999}
.cookiealert a{color:#00376f;}
input.fbl{min-width:20px !important; height: 20px !important; background-color: #f36}




.twentytwenty-horizontal .twentytwenty-handle:before, .twentytwenty-horizontal .twentytwenty-handle:after, .twentytwenty-vertical .twentytwenty-handle:before, .twentytwenty-vertical .twentytwenty-handle:after {
  content: " ";
  display: block;
  background: #fff;
  position: absolute;
  z-index: 30;
  -webkit-box-shadow: 0 0 12px rgba(51, 51, 51, 0.5);
  -moz-box-shadow: 0 0 12px rgba(51, 51, 51, 0.5);
  box-shadow: 0 0 12px rgba(51, 51, 51, 0.5)
}
.twentytwenty-horizontal .twentytwenty-handle:before, .twentytwenty-horizontal .twentytwenty-handle:after {
  width: 3px;
  height: 9999px;
  left: 50%;
  margin-left: -1.5px
}
.twentytwenty-vertical .twentytwenty-handle:before, .twentytwenty-vertical .twentytwenty-handle:after {
  width: 9999px;
  height: 3px;
  top: 50%;
  margin-top: -1.5px
}
.twentytwenty-before-label, .twentytwenty-after-label, .twentytwenty-overlay {
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
  -webkit-transition-duration: .5s;
  -moz-transition-duration: .5s;
  transition-duration: .5s
}
.twentytwenty-before-label, .twentytwenty-after-label {
  -webkit-transition-property: opacity;
  -moz-transition-property: opacity;
  transition-property: opacity
}
.twentytwenty-before-label:before, .twentytwenty-after-label:before {
  color: #fff;
  font-size: 13px;
  letter-spacing: .1em;
  position: absolute;
  background: rgba(0, 0, 0, 0.25);
  line-height: 38px;
  padding: 0 20px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px
}
.twentytwenty-horizontal .twentytwenty-before-label:before, .twentytwenty-horizontal .twentytwenty-after-label:before {
  top: 50%;
  margin-top: -19px
}
.twentytwenty-vertical .twentytwenty-before-label:before, .twentytwenty-vertical .twentytwenty-after-label:before {
  left: 50%;
  margin-left: -45px;
  text-align: center;
  width: 90px
}
.twentytwenty-left-arrow, .twentytwenty-right-arrow, .twentytwenty-up-arrow, .twentytwenty-down-arrow {
  width: 0;
  height: 0;
  border: 6px inset transparent;
  position: absolute
}
.twentytwenty-left-arrow, .twentytwenty-right-arrow {
  top: 50%;
  margin-top: -6px
}
.twentytwenty-up-arrow, .twentytwenty-down-arrow {
  left: 50%;
  margin-left: -6px
}
div.before-after{float:left;width:40% !important; margin-right: 15px; margin-bottom: 15px;}
.before_after.twentytwenty-container{width:100%; }
@media(max-width: 768px){
  div.before-after{float:left;width:60% !important;}
 /* .before_after.twentytwenty-container{width:100%; }*/
}
@media(max-width: 592px){
  div.before-after{float:left;width:100% !important; margin-right: 0;  }
 /* .before_after.twentytwenty-container{width:100%; }*/
}
.twentytwenty-wrapper.twentytwenty-horizontal{display: inline;}
.twentytwenty-container {
  width: auto;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  z-index: 0;
  overflow: hidden;
  position: relative;
  -webkit-user-select: none;
  -moz-user-select: none
}
.twentytwenty-container img {
  max-width: 100%;
  position: absolute;
  top: 0;
  display: block
}
.twentytwenty-container.active .twentytwenty-overlay, .twentytwenty-container.active :hover.twentytwenty-overlay {
  background: rgba(0, 0, 0, 0)
}
.twentytwenty-container.active .twentytwenty-overlay .twentytwenty-before-label, .twentytwenty-container.active .twentytwenty-overlay .twentytwenty-after-label, .twentytwenty-container.active :hover.twentytwenty-overlay .twentytwenty-before-label, .twentytwenty-container.active :hover.twentytwenty-overlay .twentytwenty-after-label {
  opacity: 0
}
.twentytwenty-container * {
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box
}
.twentytwenty-before-label {
  opacity: 0
}
.twentytwenty-before-label:before {
  content: "Öncesi"
}
.twentytwenty-after-label {
  opacity: 0
}
.twentytwenty-after-label:before {
  content: "Sonrası"
}
.twentytwenty-horizontal .twentytwenty-before-label:before {
  left: 10px
}
.twentytwenty-horizontal .twentytwenty-after-label:before {
  right: 10px
}
.twentytwenty-vertical .twentytwenty-before-label:before {
  top: 10px
}
.twentytwenty-vertical .twentytwenty-after-label:before {
  bottom: 10px
}
.twentytwenty-overlay {
  -webkit-transition-property: background;
  -moz-transition-property: background;
  transition-property: background;
  background: rgba(0, 0, 0, 0);
  z-index: 25
}

/* .twentytwenty-overlay:hover{background:rgba(0,0,0,0.5)} */

.twentytwenty-overlay:hover .twentytwenty-after-label {
  opacity: 1
}
.twentytwenty-overlay:hover .twentytwenty-before-label {
  opacity: 1
}
.twentytwenty-before {
  z-index: 20
}
.twentytwenty-after {
  z-index: 10
}
.twentytwenty-handle {
  height: 38px;
  width: 38px;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -22px;
  margin-top: -22px;
  border: 3px solid #fff;
  -webkit-border-radius: 1000px;
  -moz-border-radius: 1000px;
  border-radius: 1000px;
  -webkit-box-shadow: 0 0 12px rgba(51, 51, 51, 0.5);
  -moz-box-shadow: 0 0 12px rgba(51, 51, 51, 0.5);
  box-shadow: 0 0 12px rgba(51, 51, 51, 0.5);
  z-index: 40;
  cursor: pointer
}
.twentytwenty-horizontal .twentytwenty-handle:before {
  bottom: 50%;
  margin-bottom: 22px;
  -webkit-box-shadow: 0 3px 0 white, 0 0 12px rgba(51, 51, 51, 0.5);
  -moz-box-shadow: 0 3px 0 white, 0 0 12px rgba(51, 51, 51, 0.5);
  box-shadow: 0 3px 0 white, 0 0 12px rgba(51, 51, 51, 0.5)
}
.twentytwenty-horizontal .twentytwenty-handle:after {
  top: 50%;
  margin-top: 22px;
  -webkit-box-shadow: 0 -3px 0 white, 0 0 12px rgba(51, 51, 51, 0.5);
  -moz-box-shadow: 0 -3px 0 white, 0 0 12px rgba(51, 51, 51, 0.5);
  box-shadow: 0 -3px 0 white, 0 0 12px rgba(51, 51, 51, 0.5)
}
.twentytwenty-vertical .twentytwenty-handle:before {
  left: 50%;
  margin-left: 22px;
  -webkit-box-shadow: 3px 0 0 white, 0 0 12px rgba(51, 51, 51, 0.5);
  -moz-box-shadow: 3px 0 0 white, 0 0 12px rgba(51, 51, 51, 0.5);
  box-shadow: 3px 0 0 white, 0 0 12px rgba(51, 51, 51, 0.5)
}
.twentytwenty-vertical .twentytwenty-handle:after {
  right: 50%;
  margin-right: 22px;
  -webkit-box-shadow: -3px 0 0 white, 0 0 12px rgba(51, 51, 51, 0.5);
  -moz-box-shadow: -3px 0 0 white, 0 0 12px rgba(51, 51, 51, 0.5);
  box-shadow: -3px 0 0 white, 0 0 12px rgba(51, 51, 51, 0.5)
}
.twentytwenty-left-arrow {
  border-right: 6px solid #fff;
  left: 50%;
  margin-left: -17px
}
.twentytwenty-right-arrow {
  border-left: 6px solid #fff;
  right: 50%;
  margin-right: -17px
}
.twentytwenty-up-arrow {
  border-bottom: 6px solid #fff;
  top: 50%;
  margin-top: -17px
}
.twentytwenty-down-arrow {
  border-top: 6px solid #fff;
  bottom: 50%;
  margin-bottom: -17px
} 






@media (max-width: 1280px ){

}

.slider-brush{
    
    position: absolute;top: -33px; z-index: 1;
    transform: rotate(180deg);
    width:100%; height: 79px; background-image: url("../images/slider-brush.png"); background-position: center;}