<style>

body {
font-family: 'MS Sans Serif';
font-size: 10pt;
}

.alert {
  padding: 10px;
  background-color: #f44336;
  color: white;
  opacity: 1;
  transition: opacity 0.6s;
  margin-bottom: 10px;
}

.alertt {
  padding: 10px;
  background-color: #4CAF50;
  color: white;
  opacity: 1;
  transition: opacity 0.6s;
  margin-bottom: 10px;
}
.alerttt {
  padding: 10px;
  background-color: #2196F3;
  color: white;
  opacity: 1;
  transition: opacity 0.6s;
  margin-bottom: 10px;
}

.alert.success {background-color: #4CAF50;}
.alert.info {background-color: #2196F3;}
.alert.warning {background-color: #ff9800;}

.closebtn {
  margin-left: 15px;
  color: white;
  font-weight: bold;
  font-face: Arial;
  float: right;
  line-height: 15px;
  cursor: pointer;
  transition: 0.3s;
}

.closebtn:hover {
  color: black;
}

.urunlistesi {
border: 1px solid #E8E1E2;
background-color:#ffffff;

}
.urunkenar {
border: 1px solid #E8E1E2;

}

.urunkenar2 {
border: 1px solid #E8E1E2;
  width: 100px;
  height: 100px;

}
a{
 
color: white;
font-family: 'MS Sans Serif';
font-size: 10pt;
text-decoration:none;

}

a.beyaz{
 
color:#ffffff;
 
font-family: 'MS Sans Serif';
font-size: 11pt;
text-decoration:none;
 font-weight: bold;
}
a.beyaz:hover{
font-family: 'MS Sans Serif';
font-size: 11pt;
font-weight: bold;
color:#cc0000;
}

a.yesil{
 
color:#339933;
 
font-family: 'MS Sans Serif';
font-size: 10pt;
text-decoration:none;
 font-weight: bold;
}
a.yesil:hover{
font-family: 'MS Sans Serif';
font-size: 10pt;
font-weight: bold;
color:#2b5555;
}

.avatar {
  vertical-align: middle;
  width: 50px;
  height: 50px;
  border-radius: 50%;
}


/* Rounded pill classes for horizontal sides */
.rounded-pill-left {
  border-top-left-radius: 50rem !important;
  border-bottom-left-radius: 50rem !important;
}
.rounded-pill-right {
  border-top-right-radius: 50rem !important;
  border-bottom-right-radius: 50rem !important;
}

/* Another classes to use */
.rounded-t-l-0 {
  border-top-left-radius: 0 !important;
}
.rounded-t-r-0 {
  border-top-right-radius: 0 !important;
}
.rounded-b-l-0 {
  border-bottom-left-radius: 0 !important;
}
.rounded-b-r-0 {
  border-bottom-right-radius: 0 !important;
}
.rounded-x-l-0 {
  border-top-left-radius: 0 !important;
  border-bottom-left-radius: 0 !important;
}
.rounded-x-r-0 {
  border-top-right-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
}
h3.h3{text-align:center;margin:1em;text-transform:capitalize;font-size:1.7em;}

/*******************************************/
.product-grid{font-family:Raleway,sans-serif;text-align:center;padding:0 0 72px;border:1px solid rgba(0,0,0,.1);overflow:hidden;position:relative;z-index:1}
.product-grid .product-image{position:relative;transition:all .3s ease 0s}
.product-grid .product-image a{display:block}
.product-grid .product-image img{width:100%;height:230px}
.product-grid .pic-1{opacity:1;transition:all .3s ease-out 0s}
.product-grid:hover .pic-1{opacity:1}
.product-grid .pic-2{opacity:0;position:absolute;top:0;left:0;transition:all .3s ease-out 0s}
.product-grid:hover .pic-2{opacity:1}
.product-grid .social{width:150px;padding:0;margin:0;list-style:none;opacity:0;transform:translateY(-50%) translateX(-50%);position:absolute;top:60%;left:50%;z-index:1;transition:all .3s ease 0s}
.product-grid:hover .social{opacity:1;top:50%}
.product-grid .social li{display:inline-block}
.product-grid .social li a{text-decoration:none;color:#fff;background-color:#333;font-size:16px;line-height:40px;text-align:center;height:40px;width:40px;margin:0 2px;display:block;position:relative;transition:all .3s ease-in-out}
.product-grid .social li a:hover{color:#fff;background-color:#ef5777}
.product-grid .social li a:after,.product-grid .social li a:before{content:attr(data-tip);color:#fff;background-color:#000;font-size:12px;letter-spacing:1px;line-height:20px;padding:1px 5px;white-space:nowrap;opacity:0;transform:translateX(-50%);position:absolute;left:50%;top:-30px}
.product-grid .social li a:after{content:'';height:15px;width:15px;border-radius:0;transform:translateX(-50%) rotate(45deg);top:-20px;z-index:-1}
.product-grid .social li a:hover:after,.product-grid .social li a:hover:before{opacity:1}
.product-grid .product-discount-label,.product-grid .product-stokyok-label{color:#fff;background-color:#336699;font-size:16px;text-transform:uppercase;padding:2px 7px;display:block;position:absolute;top:60%;left:60px}
.product-grid .product-discount-label,.product-grid .product-kampanya-label{color:#fff;background-color:#DC3545;font-size:12px;text-transform:uppercase;padding:2px 7px;display:block;position:absolute;top:160px;left:6px}
.product-grid .product-discount-label,.product-grid .product-firsat-label{color:#fff;background-color:#17A2B8;font-size:12px;text-transform:uppercase;padding:2px 7px;display:block;position:absolute;top:180px;left:6px}
.product-grid .product-discount-label,.product-grid .product-kargo-label{color:#000;background-color:#FFC107;font-size:12px;text-transform:uppercase;padding:2px 7px;display:block;position:absolute;top:200px;left:6px}
.product-grid .product-discount-label,.product-grid .product-new-label{color:#fff;background-color:#ef5777;font-size:12px;text-transform:uppercase;padding:2px 7px;display:block;position:absolute;top:10px;left:0}
.product-grid .product-discount-label{background-color:#333;left:auto;right:0}
.product-grid .rating{color:#FFD200;font-size:12px;padding:12px 0 0;margin:0;list-style:none;position:relative;z-index:-1}
.product-grid .rating li.disable{color:rgba(0,0,0,.2)}
.product-grid .product-content{background-color:#fff;text-align:center;padding:12px 0;margin:0 auto;position:absolute;left:0;right:0;bottom:-27px;z-index:1;transition:all .3s}
.product-grid:hover .product-content{bottom:0}
.product-grid .title{font-size:13px;font-weight:400;letter-spacing:.5px;text-transform:capitalize;margin:0 0 10px;transition:all .3s ease 0s}
.product-grid .title a{color:#828282}
.product-grid .title a:hover,.product-grid:hover .title a{color:#ef5777}
.product-grid .price{color:#333;font-size:17px;font-family:Montserrat,sans-serif;font-weight:700;letter-spacing:.6px;margin-bottom:8px;text-align:center;transition:all .3s}
.product-grid .price span{color:#999;font-size:13px;font-weight:400;text-decoration:line-through;margin-left:3px;display:inline-block}
.product-grid .add-to-cart{color:#000;font-size:13px;font-weight:600}
@media only screen and (max-width:990px){.product-grid{margin-bottom:30px}
}



.navbar-brand>img {
  padding-top: 11px;
  width: 130px;
  margin-left: 60px;
}
.navbar-brand {
    height: auto;
    margin: 0;
    padding: 0;
    margin-right: 20px;
}
.navbar-default{
color: #fff;
background-color: #2F4F4F;
border-color: #000000;
}
.navbar-default .navbar-nav > li > a{
	color:#fff;
}
.navbar-default .navbar-nav > .dropdown > a .caret{
	border-top-color: #fff;
    border-bottom-color: #fff;
}
.navbar-default .navbar-brand{
	color:#fff;
}
.menu-large {
  position: static !important;
}
.megamenu{
  padding: 20px 0px;
  width:100%;
}
.megamenu> li > ul {
  padding: 0;
  margin: 0;
}
.megamenu> li > ul > li {
  list-style: none;
}
.megamenu> li > ul > li > a {
  display: block;
  padding: 3px 20px;
  clear: both;
  font-weight: normal;
  line-height: 1.428571429;
  color: #333333;
  white-space: normal;
}
.megamenu> li ul > li > a:hover,
.megamenu> li ul > li > a:focus {
  text-decoration: none;
  color: #262626;
  background-color: #f5f5f5;
}
.megamenu.disabled > a,
.megamenu.disabled > a:hover,
.megamenu.disabled > a:focus {
  color: #999999;
}
.navbar-default .navbar-nav>li>a:focus, .navbar-default .navbar-nav>li>a:hover {
  color: #00A7E8;
}
.megamenu.disabled > a:hover,
.megamenu.disabled > a:focus {
  text-decoration: none;
  background-color: transparent;
  background-image: none;
  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
  cursor: not-allowed;
}
.megamenu.dropdown-header {
  color: #428bca;
  font-size: 18px;
}
@media (max-width: 768px) {
  .megamenu{
    margin-left: 0 ;
    margin-right: 0 ;
  }
  .megamenu> li {
    margin-bottom: 30px;
  }
  .megamenu> li:last-child {
    margin-bottom: 0;
  }
  .megamenu.dropdown-header {
    padding: 3px 15px !important;
  }
  .navbar-nav .open .dropdown-menu .dropdown-header{
	color:#fff;
  }
}
*/body{font-family:'Roboto', sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#415b78;overflow-x:hidden}h1,h2,h3,h4,h5,h6{font-family:'Montserrat', sans-serif;color:#141c25;font-weight:700}.theme-badge{color:#fff;background:#83C950;padding:0.35rem 0.875rem;border-radius:5rem;font-weight:700;font-size:0.875rem}a.theme-link{color:#141c25;text-decoration:underline;-webkit-text-decoration-color:rgba(20,28,37,0.3);text-decoration-color:rgba(20,28,37,0.3)}a.theme-link:hover{color:#3F9BD7;-webkit-text-decoration-color:rgba(63,155,215,0.8);text-decoration-color:rgba(63,155,215,0.8)}.btn{font-weight:700;padding:0.6rem 1.25rem;transition:all 0.4s ease-in-out;border:none;font-family:'Montserrat', sans-serif}@media (prefers-reduced-motion: reduce){.btn{transition:none}}.btn:focus{box-shadow:none}.btn-primary{background:#3F9BD7}.btn-primary:not(:disabled):not(.disabled):active:focus{box-shadow:none}.btn-ghost{background:none;border:2px solid #fff;color:#fff}.btn-ghost:hover{background:#fff;color:#3F9BD7}.theme-bg-light{background:#f4f8fa}.theme-bg-dark{background:#3F9BD7}#topcontrol{transition:all 0.4s ease-in-out;background:#415b78;color:#fff;text-align:center;display:inline-block;z-index:30;width:2.5rem;height:2.5rem;border-radius:.25rem;box-shadow:0 0.125rem 0.25rem rgba(0,0,0,0.075);padding-top:0.5rem;font-weight:300;font-size:1rem}@media (prefers-reduced-motion: reduce){#topcontrol{transition:none}}#topcontrol:hover{background:#f4f8fa;color:#3F9BD7}.single-col-max{max-width:800px}.header{padding-top:0.5rem;padding-bottom:0.5rem;background:#fff;transition:all 0.4s ease-in-out}@media (prefers-reduced-motion: reduce){.header{transition:none}}.header-shrink{padding-top:0;padding-bottom:0;box-shadow:0 1px 4px 0 rgba(0,0,0,0.1)}.header-shrink .logo{height:20px;width:auto}.product-hero-section{padding-top:6rem}.product-hero-section .product-name{font-size:2rem}.product-hero-section .product-tagline{font-size:1.25rem;font-family:'Montserrat', sans-serif}.product-hero-section .product-intro{font-size:1rem}.product-figure{border:1rem solid #f4f8fa;background:white}.product-details{background:#fff;padding:2rem;border-radius:.25rem}.product-carousel{max-width:700px;margin:0 auto}.product-ratings .fa-star{color:#F7CE64}.product-price .price-prev{text-decoration:line-through;color:#5d80a8;font-size:1.25rem;font-weight:300}.product-price .price-current{font-size:2.5rem;color:#3F9BD7;font-weight:bold}.product-price .price-note{color:#5d80a8}.product-price .theme-badge{vertical-align:super}.product-countdown{background:#3F9BD7;color:#fff;padding:2rem;border-radius:.25rem}.product-countdown .countdown-intro{font-weight:600;font-size:1.25rem}.countdown-box .number{font-weight:700;font-size:1.5rem;margin-right:0.25rem}.countdown-box .unit{-webkit-opacity:.9;-moz-opacity:.9;opacity:.9;margin-right:0.25rem;font-size:0.75rem}.section{padding-top:4rem;padding-bottom:4rem}.section .section-title{font-size:1.75rem}.section .section-intro{font-family:'Montserrat', sans-serif;font-size:1.25rem}.theme-bg-dark .theme-link{color:white;-webkit-text-decoration-color:white;text-decoration-color:white}.theme-bg-dark .theme-link:hover{color:rgba(0,0,0,0.5);-webkit-text-decoration-color:rgba(0,0,0,0.5);text-decoration-color:rgba(0,0,0,0.5)}.points-section .item{padding:2rem 1rem;height:100%;color:#fff}.points-section .item .media-icon img{width:40px}.points-section .item .heading{font-size:1.125rem;color:#fff}.features-carousel{padding:1rem;background:white;border-radius:.25rem}.features-carousel .carousel-indicators{bottom:-3rem}.features-carousel .carousel-indicators li{background:#415b78;-webkit-opacity:.3;-moz-opacity:.3;opacity:.3;border:none;height:4px;width:10px;height:10px;border-radius:50%;margin-left:0.3rem;margin-right:0.3rem}.features-carousel .carousel-indicators li.active{-webkit-opacity:1;-moz-opacity:1;opacity:1}.features-figure{padding:1rem;background:white;border-radius:.25rem}.features-content-box{padding:2rem 1rem;background:#f4f8fa}.features-content-box .icon-holder{display:inline-block;border-radius:50%;background:white;width:2.5rem;height:2.5rem;padding-top:0.65rem;text-align:center;color:#3F9BD7}.features-content-box .icon-holder .svg-inline--fa{text-align:center}.features-content-box .heading{font-size:1.25rem;margin-bottom:1.5rem;font-weight:500}.features-content-box .subheading{font-size:1rem;margin-bottom:0.25rem;font-weight:600}.features-content-box .desc{padding-left:3rem}.features-content-box .btn{margin-left:3rem}.reviews-section .item-inner{padding:0.5rem;background:#fff;box-shadow:0 0.125rem 0.25rem rgba(0,0,0,0.075);transition:all 0.3s ease-in-out}@media (prefers-reduced-motion: reduce){.reviews-section .item-inner{transition:none}}.reviews-section .item-inner:hover{box-shadow:0 0.5rem 1rem rgba(0,0,0,0.15);margin-top:-5px}.reviews-section .item-inner hr{margin-top:0.5rem;margin-bottom:1rem}.reviews-section .blockquote{font-size:1rem}.reviews-section .product-ratings{font-size:0.75rem}.reviews-section img.product-thumb{width:60px !important}.reviews-section .product-link{font-size:0.875rem}.owl-theme .owl-dots .owl-dot.active span,.owl-theme .owl-dots .owl-dot:hover span{background:#415b78}.owl-theme .owl-dots .owl-dot span{background:#c1cedd}.owl-theme .owl-nav [class*=owl-]{border-radius:50%;width:3rem;height:3rem;position:absolute;z-index:10;top:50%;margin:0;margin-top:-1.5rem;padding-left:4px;padding-top:6px;outline:none !important}.owl-carousel .owl-nav button.owl-next,.owl-carousel .owl-nav button.owl-prev{background:rgba(20,28,37,0.5);color:white;outline:none !important}.owl-carousel .owl-nav button.owl-next:hover,.owl-carousel .owl-nav button.owl-prev:hover{background:rgba(20,28,37,0.8)}.owl-theme .owl-nav .owl-next[class*=owl-]{right:1rem}.owl-theme .owl-nav .owl-prev[class*=owl-]{left:1rem}.related-section{padding-bottom:2rem}.related-section .card{border-radius:0;border:none;background:#f4f8fa;box-shadow:0 0.125rem 0.25rem rgba(0,0,0,0.075);transition:all 0.3s ease-in-out;height:100%;border:1px solid #e5ecf4}@media (prefers-reduced-motion: reduce){.related-section .card{transition:none}}.related-section .card:hover{box-shadow:0 0.5rem 1rem rgba(0,0,0,0.15);margin-top:-5px}.related-section .card-title{font-size:1.125rem}.cta-section{color:#fff}.cta-section .content{font-size:1.125rem}.footer{background:#141c25;color:#fff}.footer .copyright{font-size:0.875rem;color:rgba(255,255,255,0.8)}.footer a{color:#fff}.social-list li{font-size:1.125rem;background:rgba(255,255,255,0.5);width:32px;height:32px;text-align:center;border-radius:50%;padding-top:2px}.social-list li a{color:#263546}.social-list li:hover{background:rgba(255,255,255,0.9)}.social-list li:not(:last-child){margin-right:0.875rem}.payment-list li{color:rgba(255,255,255,0.5)}.payment-list li:not(:last-child){margin-right:0.875rem}@media (min-width: 992px){.product-hero-section .product-name{font-size:2.5rem}.product-promo-wrapper{position:absolute;left:-6rem;top:4rem}.features-carousel{max-width:480px;position:absolute;left:0;top:3rem}.features-figure{max-width:480px;position:absolute;left:0;top:3rem}.features-content-box{padding:3rem;margin-left:240px;padding-left:280px}.features-wrapper-reverse .features-content-box{margin-left:0;margin-right:240px;padding-right:280px;padding-left:3rem}.features-wrapper-reverse .features-figure,.features-wrapper-reverse .features-carousel{left:inherit;right:0}}@media (min-width: 1200px){.features-carousel{max-width:640px}.features-figure{max-width:640px}.features-content-box{margin-left:320px;padding-left:365px}.features-wrapper-reverse .features-content-box{margin-left:0;margin-right:320px;padding-right:365px;padding-left:3rem}.features-wrapper-reverse .features-figure,.features-wrapper-reverse .features-carousel{left:inherit;right:0}}

.blur {filter: blur(4px);}
.brightness {filter: brightness(250%);}
.contrast {filter: contrast(180%);}
.grayscale {filter: grayscale(100%);}
.huerotate {filter: hue-rotate(180deg);}
.invert {filter: invert(100%);}
.opacity {filter: opacity(50%);}
.saturate {filter: saturate(7);}
.sepia {filter: sepia(100%);}
.shadow {filter: drop-shadow(8px 8px 10px green);}

ul{
			list-style: none outside none;
		    padding-left: 0;
            margin: 0;
		}
        .item{
            margin-bottom: 10px;
        }
        .itemx{
            margin-bottom: 5px;
        }
		.content-slider li{
		    background-color: #ed3020;
		    text-align: center;
		    color: #FFF;
		}
		.content-slider h3 {
		    margin: 0;
		    padding: 70px 0;
		}
.button-placement {
  display: block;
  width: 100%;
  margin-bottom: 20px;
  text-align: right; }

.carousel-item .product-block {
  border: 1px solid #222;
  padding: 0px;
  text-align: center; }
  .carousel-item .product-block h4 {
    text-align: center; }
  .carousel-item .product-block a {
    margin: 0 0 20px; }

@media screen and (min-width: 320px) and (max-width: 767px) {
  .carousel-item .product-block {
    margin: 0 15px; }

  .carousel-title {
    font-size: 18px;
    margin-top: 20px; } }

.paylasim {
  padding: 50px;
  text-align: center;
}


.grirenk { 
color:#788CA3;
font-weight: bold;
}
.fiyat {
font-weight: bold;
}
.eskifiyat {
text-decoration:line-through;
color:#BBC5D0;
}
.bosdiv {
border: 0px solid #E8E1E2;
background-color:#ffffff;
}
.anadiv {
background-color:#FAFAFA;
}
.divortala {
  width: 100%;
  margin: auto;
	}
.divortala2 {
  max-width: 1028px;
    margin: auto;
	}
.divarkaust {
background-color:#232F3E;

	}	
.divortamenu {
background-color:#192431;
border:1px;
border-top-color:#000;
border-bottom-style:none;
border-top-style:solid;
border-left-style:none;
border-right-style:none;
	}	
.divkenar {
	  border: 1px solid #E8E1E2;
}
.divdikorta {
  padding-top: 25px;
  padding-bottom: 0px;
}
.divdikorta2 {
  padding-top: 25px;
  padding-bottom: 10px;
}
.divdikorta3 {
  padding: 10px 0;
}
.divdikorta4 {
 padding-bottom: 10px;
}
.labelust {
color:#ffffff;
font-size:10pt;
position:absolute;
left:10;
top:8px
}

.divarama {
position:absolute;
top:18px;
}

.menuenust {
color:#ffffff;
font-size:10pt; 
position:absolute;
float: left;
}

.divcizgialt {
border:1px;
border-bottom-color:#405773;
border-bottom-style:solid;
border-top-style:none;
border-left-style:none;
border-right-style:none;

}

.divcizgialtg {
border:1px;
border-bottom-color:#E6E6E6;
border-bottom-style:solid;
border-top-style:none;
border-left-style:none;
border-right-style:none;
padding-top: 12px;
}
.divcizgialtgsiz {
border:0px;
border-bottom-style:none;
border-top-style:none;
border-left-style:none;
border-right-style:none;
padding-top: 12px;
}
.divgerisayim {
border:0px;
border-bottom-style:none;
border-top-style:none;
border-left-style:none;
border-right-style:none;
padding-top: 8px;
}
.divgerisayim2 {
border:0px;
border-bottom-style:none;
border-top-style:none;
border-left-style:none;
border-right-style:none;
padding-top: 3px;
}
.divcizgialtg2 {
border:1px;
border-bottom-color:#E6E6E6;
border-bottom-style:solid;
border-top-style:none;
border-left-style:none;
border-right-style:none;
padding-top: 6px;
}
.divcizgialtgsag {
border:1px;
border-bottom-color:#E6E6E6;
border-bottom-style:solid;
border-top-style:none;
border-left-style:none;
border-right-style:none;
vertical-align: middle;
float: left;
top:112px;
}


.divcizgisiz {
border-bottom-style:none;
border-top-style:none;
border-left-style:none;
border-right-style:none;
vertical-align: middle;

}
.kirmizirenk{
color:#DC3545;
}
.beyazrenk{
color:#fff;
}


.yesilrenk{
color:#339933;
}

.mavirenk{
color:#17A2B8;
}

.btn-social,
.btn-social:visited,
.btn-social:focus,
.btn-social:hover,
.btn-social:active {
  color: #ffffff;
  text-decoration: none;
  transition: opacity .15s ease-in-out;
}

.btn-social:hover,
.btn-social:active {
 opacity: .75;
}

.btn-fb {
  background-color: #3b5998;
}

.btn-tw {
  background-color: #1da1f2;
}

.btn-in {
  background-color: #A037A1;
}

.btn-gp {
  background-color: #db4437;
}

.btn-rd {
  background-color: #ff4500;
}

.btn-hn {
  background-color: #ff4000;
}

/* Outline Social Share Buttons */

.btn-social-outline {
  background-color: transparent;
  background-image: none;
  text-decoration: none;
  transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out;
}

.btn-fb-outline {
  color: #3b5998;
  border-color: #3b5998;
}

.btn-fb-outline:hover,
.btn-fb-outline:active {
  color: #ffffff;
  background-color: #3b5998;
}

.btn-tw-outline {
  color: #1da1f2;
  border-color: #1da1f2;
}

.btn-tw-outline:hover,
.btn-tw-outline:active {
  color: #ffffff;
  background-color: #1da1f2;
}

.btn-in-outline {
  color: #0077b5;
  border-color: #0077b5;
}

.btn-in-outline:hover,
.btn-in-outline:active {
  color: #ffffff;
  background-color: #A037A1;
}

.btn-gp-outline {
  color: #db4437;
  border-color: #db4437;
}

.btn-gp-outline:hover,
.btn-gp-outline:active {
  color: #ffffff;
  background-color: #db4437;
}

.btn-rd-outline {
  color: #ff4500;
  border-color: #ff4500;
}

.btn-rd-outline:hover,
.btn-rd-outline:active {
  color: #ffffff;
  background-color: #ff4500;
}

.btn-hn-outline {
  color: #ff4000;
  border-color: #ff4000;
}

.btn-hn-outline:hover,
.btn-hn-outline:active {
  color: #ffffff;
  background-color: #ff4000;
}
.back-to-top {
    position: fixed;
    bottom: 25px;
    right: 25px;
    display: none;
}
.metkin {
background-color: #4CAF50;
  color: white;

}
.degerlendir .ratingx {
color:#FFD200;
}
.degerlendir .ratingx li.disable{
color:rgba(0,0,0,.2)
}

.yildizlar{
color:#FFD200;
font-size: 7pt;
text-decoration:none;
}
.yildizlar2{
color:#C0C0C0;
font-size: 7pt;
text-decoration:none;
}
.yildizlar3{
color:#3b5998;
font-size: 9pt;
text-decoration:none;
}
.sepetresim {
    background:transparent;
    padding:1px;
    border:1px solid #ccc;
    box-shadow:3px 3px 3px #999; 
}
.dcizgialt {
border:1px;
border-bottom-color:#E2E2E2;
border-bottom-style:solid;
border-top-style:none;
border-left-style:none;
border-right-style:none;
}
.sepetdetay {
font-size: 16px;
color:#000;
font-weight: bold;
}
.sepetdetay-b {
font-size: 16px;
color:#000;
}
.sepetdetay-t {
font-size: 12px;
color:#c29e42;
}
.sepetdetay-k {
font-size: 12px;
color:#bd1502;
}
.sepetdetay-y {
font-size: 12px;
color:#bd1502;
}
.sepetdetay-k16 {
font-size: 16px;
color:#bd1502;
}
.sepetdetay-g {
font-size: 16px;
color:#9e9a99;
font-weight: bold;
}
.sepetdetay-ff {
font-size: 14px;
color:#fff;
font-weight: bold;
}
.divsepetur {

margin:auto;
}	
.divurun2 {
position:absolute;
top:10px;
}
.divurun3 {
position:absolute;
top:5px;
}
.divurun4 {
position:absolute;

}
.divurun5 {
position:absolute;
top:12px;
}
.yysag{
float: right;
}
.yysol{
float: left;
}
.yyorta{
float: center;
}
.dcizgitam {
border:1px;
border-color:#E2E2E2;
border-bottom-style:solid;
border-top-style:solid;
border-left-style:solid;
border-right-style:solid;

}
.dcizgialt {
border:1px;
border-color:#E2E2E2;
border-bottom-style:solid;
border-top-style:none;
border-left-style:none;
border-right-style:none;

}
.bossepet {
top:12px;
padding-left:25px;
}

.alert-stokyok{
  background-color:#DC3545;
  color:#fff;
}
.alert-stokaz{
  background-color:#336699;
  color:#fff;
}
.misafir-urun{
  background-color:#336699;
  color:#fff;
  height: 25px;
}
.misafir-fatura{
  background-color:#336699;
  color:#fff;
  height: 30px;
  margin: 0 0 15px 0px;
}

.divortalaalert {
  width: 97%;
  margin: auto;
	}

.alert-gri{
  background-color:#68889E;
  border-color: #2F3E48;
  color:#fff;
}
.alert-acgri{
 background-color:#E9ECEF;
 color:#000;
}

.alert-koyesil{
 background-color:#117A8B;
 color:#fff;
}
.alert-koayesil{
 background-color:#17A2B8;
 color:#fff;
}
.alert-koakirmizi{
 background-color:#DC3545;
 color:#fff;
}
.alert-koasiyah{
 background-color:#343A40;
 color:#fff;
}
.alert-koasari{
 background-color:#FFFFCC;
 color:#8C8C00;
}
.shadow-textarea textarea.form-control::placeholder {
    font-weight: 300;
}
.shadow-textarea textarea.form-control {
    padding-left: 0.8rem;
}
.beyaz{
 background-color:#fff;
}
.kpnkd{
border-style: dashed;
background-color: #fff; 

}

.divindirimcek {
top:6px;
bottom:5px;
}

.beyazcizgi {
background:transparent;
border-style: dashed;
text-align: center;
}

.label-buyuk{
font-size: 24px;	
align-items: center;
}
.label-kucuk{
font-size: 14px;	
align-items: center;
}
.label-orta{
font-size: 16px;	
align-items: center;
}
.label-cbuyuk{
font-size: 34px;	
align-items: center;
}
.label-indr1{
align-items: center;
color:#DC3545;
font-size: 24px;	
}
.div-indr1{
background-color:#FFF;
border-style: dashed;
border-width: 1px;
border-color: #C0C0C0;
}

.div-k-res{
background-color:#232F3E;
border-style: dashed;
border-width: 1px;
border-color: #405773;
border-top-right-radius: 10px;
border-bottom-left-radius: 10px;
position:absolute
}

.div-k-tam{
background-color:#192431;
border-style: solid;
border-width: 1px;
border-color: #232F3E;
border-top-right-radius: 10px;
border-bottom-left-radius: 10px;
position:absolute
}

.label-indr2{
align-items: center;
color:#000;
font-size: 24px;	
}
.div-indr2{
background-color:#F4F4F4;
border-style: dashed;
border-width: 1px;
border-color: #C0C0C0;
}

.label-nindr1{
align-items: center;
color:#17A2B8;
font-size: 24px;	
}
.div-nindr1{
background-color:#FFF;
border-style: dashed;
border-width: 1px;
border-color: #C0C0C0;
}

.label-nindr2{
align-items: center;
color:#000;
font-size: 24px;	
}
.div-nindr2{
background-color:#F4F4F4;
border-style: dashed;
border-width: 1px;
border-color: #C0C0C0;
}
.div-indrgnl {
text-align: center;"
}

.loader {
  position: absolute;
  top: calc(50% - 32px);
  left: calc(50% - 32px);
  width: 64px;
  height: 64px;
  border-radius: 50%;
  perspective: 800px;
}

.inner {
  position: absolute;
  box-sizing: border-box;
  width: 100%;
  height: 100%;
  border-radius: 50%;  
}

.inner.one {
  left: 0%;
  top: 0%;
  animation: rotate-one 1s linear infinite;
  border-bottom: 3px solid #DC3545;
}

.inner.two {
  right: 0%;
  top: 0%;
  animation: rotate-two 1s linear infinite;
  border-right: 3px solid #000;
}

.inner.three {
  right: 0%;
  bottom: 0%;
  animation: rotate-three 1s linear infinite;
  border-top: 3px solid #17A2B8;
}

@keyframes rotate-one {
  0% {
    transform: rotateX(35deg) rotateY(-45deg) rotateZ(0deg);
  }
  100% {
    transform: rotateX(35deg) rotateY(-45deg) rotateZ(360deg);
  }
}

@keyframes rotate-two {
  0% {
    transform: rotateX(50deg) rotateY(10deg) rotateZ(0deg);
  }
  100% {
    transform: rotateX(50deg) rotateY(10deg) rotateZ(360deg);
  }
}

@keyframes rotate-three {
  0% {
    transform: rotateX(35deg) rotateY(55deg) rotateZ(0deg);
  }
  100% {
    transform: rotateX(35deg) rotateY(55deg) rotateZ(360deg);
  }
}

.custom-radios div {
  display: inline-block;
}
.custom-radios input[type="radio"] {
  display: none;
}
.custom-radios input[type="radio"] + label {
  color: #333;
  font-family: Arial, sans-serif;
  font-size: 14px;
}
.custom-radios input[type="radio"] + label span {
  display: inline-block;
  width: 25px;
  height: 25px;
  margin: -1px 4px 0 0;
  vertical-align: middle;
  cursor: pointer;
  border-radius: 50%;
  border: 2px solid #FFFFFF;
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.33);
  background-repeat: no-repeat;
  background-position: center;
  text-align: center;
  line-height: 22px;
}
.custom-radios input[type="radio"] + label span img {
  opacity: 0;
  transition: all .3s ease;
}
.custom-radios input[type="radio"]#color-1 + label span {
  background-color: #2ecc71;
}
.custom-radios input[type="radio"]#color-2 + label span {
  background-color: #3498db;
}
.custom-radios input[type="radio"]#color-3 + label span {
  background-color: #f1c40f;
}
.custom-radios input[type="radio"]#color-4 + label span {
  background-color: #e74c3c;
}
.custom-radios input[type="radio"]#color-5 + label span {
  background-color: #006666;
}
.custom-radios input[type="radio"]#color-6 + label span {
  background-color: #CCCC00;
}
.custom-radios input[type="radio"]#color-7 + label span {
  background-color: #CCCC00;
}
.custom-radios input[type="radio"]:checked + label span {
  opacity: 1;
  background: url(https://s3-us-west-2.amazonaws.com/s.cdpn.io/242518/check-icn.svg) center center no-repeat;
  width: 25px;
  height: 25px;
  display: inline-block;

}

.gnl-hover-effect {
    position: relative;
    display: block;
}
.gnl-hover-effect a {
    overflow: hidden;
    display: block;
}
.gnl-hover-effect a::before {
    background: rgba(255,255,255,.2);
    bottom: 0;
    content: "";
    left: 50%;
    position: absolute;
    right: 51%;
    top: 0;
    opacity: 1;
}
.gnl-hover-effect:hover a::before {
    left: 0;
    right: 0;
    opacity: 0;
    -webkit-transition: all 900ms ease-in;
    -moz-transition: all 900ms ease-in;
    -ms-transition: all 900ms ease-in;
    -o-transition: all 900ms ease-in;
    transition: all 900ms ease-in;
}
.gnl-hover-effect a::after {
    background: rgba(255,255,255,.2);
    bottom: 50%;
    content: "";
    left: 0;
    position: absolute;
    right: 0;
    top: 50%;
    opacity: 1;
}
.gnl-hover-effect:hover a::after {
    top: 0;
    bottom: 0;
    opacity: 0;
    -webkit-transition: all 900ms ease-in;
    -moz-transition: all 900ms ease-in;
    -ms-transition: all 900ms ease-in;
    -o-transition: all 900ms ease-in;
    transition: all 900ms ease-in;
}
.gnl-hover-effect a img {
    width: 100%;
    height: auto;
}
@media screen and (max-width: 768px ) {
.kapali{
display: none
}
}

@media screen and (max-width: 480px ) {
.acik{
display: block
}
}

.alticon {
top:10px;
}

.kyrd  a img {
	 width: 227px;
     height: 244px;
}	

.menuresim {
	 width: 180px;
     height: 180px;	
background:transparent;
padding:8px;
border:1px solid #ccc;
box-shadow:3px 3px 3px #999; 
position: relative;
border-radius: 9px 9px 9px 9px; 	 
}
.listresim {
width: 180px;
height: 180px;	
background:transparent;
border-radius: 9px 9px 9px 9px; 	
margin: auto; 
}
.listresim2 {
	 width: 120px;
     height: 120px;	
background:transparent;
border-radius: 9px 9px 9px 9px; 	 
}
.ortayanresim {
background:transparent;
padding:8px;
border:1px solid #ccc;
box-shadow:3px 3px 3px #999; 
position: relative;
border-radius: 9px 9px 9px 9px; 	 
}

.kbaslik{
text-align: center;
}

.kbasliky{
writing-mode: vertical-lr; 
transform: rotate(180deg);
}

.kargobar {
 border:thin solid #000;
 }
 

		
		
</style>