/*IMPORT*/
/*EXTENDS*/
.clearfix:after {
  content: "";
  display: table;
  clear: both; }

.block {
  display: block; }

.inline-block {
  display: inline-block; }

.block-left, #usermenu a, .dropdown, .dropdown .aroma, .dropdown dd li a img, .dropdown dd li .aroma, .dropdown dd li div, label, .modalheader, .modalDialog > div .modalcontent, .modalDialog > div .modalcontent span, #ddList-fruitList1 img,
#ddList-hediye img,
#ddList-hediyeuruntur img,
#ddList-fruitList2 img, .shopping-cart .items, .shopping-cart .items ul, .shopping-cart .items ul li, .shopping-cart .items ul li img, .shopping-cart .items ul li .col, .shopping-cart .items ul li .col h6, .shopping-cart .items ul li .col span, .shopping-cart .items ul li .col h4, .shopping-cart .total-cart, .button, header .main .logo, header .main .respon .phone, header .main .respon .search, header .main .respon .search .autosearch input, header .main .respon .search .autosearch .results, header .main .respon .search .autosearch .results ul, header .main .respon .search .autosearch .results ul li, header .main .respon .search .autosearch .results ul li img, header .main .respon .search .autosearch .results ul li .detail, header .main .respon .user-menu, header .main .respon .user-menu ul, header .main .respon .user-menu ul li, header .main .respon .user-menu ul li a, header .main .respon .user-menu ul span, header .main .respon .cart, header .main .respon .cart .item, header .main .respon .user-menu-active, header .main .respon .user-menu-active .dropdown-content ul, header .main .respon .user-menu-active .dropdown-content ul li, header .main .respon .user-menu-active .dropdown-content ul li a, .menu, .menu nav,.image, .tab-menu, content .textbottom, content .textbottom .box, content .textbottom h4, content .textbottom span, content .textbottom ul, content .textbottom ul li, content .category-img, content .products, content .products .blue,
content .products .dark, content .products .colums, content .products .colums .col, content .products .colums .col h5, content .products .colums .col .icon-bar div i, content .banner, content .banner .col, content .banner .col .column, content .banner .col .column .head, content .banner .col .column .head h6, content .banner .col .column img, content .banner .col .column .price, content .banner .col .column .price span, content .banner .col .column .price .p1,
content .banner .col .column .price .p2, content .banner .col .column .price p, content .detail, content .detail .map, content .detail .map .back, content .detail .map ul, content .detail .map ul li, content .detail .map ul li a, content .detail .product-content, content .detail .product-content .image-view img, content .detail .product-content p, content .detail .product-content .column-large, content .detail .product-content .column-large .head, content .detail .product-content .column-large .head span,
content .detail .product-content .column-large .head h1, content .detail .product-content .column-large .option, content .detail .product-content .column-large .option div, content .detail .product-content .column-large .option div i, content .detail .product-content .column-large .option div i img, content .detail .product-content .column-large .option div span, content .detail .product-content .column-large .col, content .detail .product-content .column-large .col .price, content .detail .product-content .column-large .col .price span, content .detail .product-content .column-large .col .price .p1,
content .detail .product-content .column-large .col .price .p2, content .detail .product-content .column-large .col .price p, content .detail .product-content .column-large .col .opt, content .detail .product-content .column-large .col-2, content .detail .product-content .column-large .text, content .detail .product-content .col-3, content .detail .product-content .col-3 .select, content .detail .product-content .col-3 .select .col-2, content .detail .product-content .col-3 .select .select-drop, content .detail .product-content .col-3 .select-gift, content .detail .product-content .col-3 .select-gift .thumb, content .detail .product-content .col-3 .select-gift .thumb img, content .detail .product-content .icons, content .detail .product-content .icons .column, content .addcart, content .specification, content .specification h6, content .specification .populer div, content .specification .image, content .specification .spect, content .specification .spect .table, content .specification .spect .table h4,
content .specification .spect .table h5,
content .specification .spect .table span, content .specification .spect .table p, content .specification .spect .table .service, content .specification .spect .table ul, content .specification .spect .table ul li, content .specification .spect .table ul li .left, content .specification iframe, content .specification article, footer .top, footer .top .icons .items, footer .main-footer .text, footer .main-footer nav, footer .main-footer nav ul, footer .main-footer nav ul li a, .membership-form, .membership-form .lr-form span, .membership-form .lr-form form, .membership-form .lr-form form .col, .membership-form .lr-form form input[type="button"], .membership-form .lr-form .contrat, .membership-form .lr-form .contrat span, .membership-form .lr-form .connect-fb, .page-content, .page-content .top, .page-content .head, .page-content .head a, .page-content nav ul, .cart, .cart .head, .cart .head img, .cart .head h1, .cart .column, .cart .column .top, .cart .column .top .col-1,
.cart .column .top .col-2,
.cart .column .top .col-3,
.cart .column .top .col-4,
.cart .column .top .col-5,
.cart .column .top .col-6, .cart .column .box, .cart .column .box .col-1,
.cart .column .box .col-2,
.cart .column .box .col-3,
.cart .column .box .col-4,
.cart .column .box .col-5,
.cart .column .box .col-6, .cart .total, .cart .total .button, .cart .select-gift, .cart .select-gift .col, .cart .select-gift .col img, .cart .select-gift .col span, .cart .select-gift #gift, .cart .select-gift #gift h4, .cart .select-gift #gift .column, .cart .select-gift #gift .column .aroma, .quantity, .quantity input, .quantity span, .cart-order, .cart-order .head, .cart-order .head .tabmenu, .cart-order .head .tabmenu ul, .cart-order .head .tabmenu ul li, .cart-order .head .tabmenu ul li a, .cart-order .button, .cart-order .adress, .cart-order .adress .top, .cart-order .adress .top h2, .cart-order .adress .col, .cart-order .adress .col h5, .cart-order .adress .col .col-1,
.cart-order .adress .col .col-2, .cart-order .adress .col .col-1 span,
.cart-order .adress .col .col-2 span, .cart-order .cargo, .cart-order .cargo .top, .cart-order .cargo .top h2, .cart-order .cargo .column, .cart-order .cargo .column h5, .cart-order .cargo .column .col, .cart-order .payment, .cart-order .payment ul, .cart-order .payment ul li, .cart-order .payment form, .cart-order .transfer, .cart-order .transfer .column, .cart-order .transfer .column .col, .cart-order .transfer .column .col div, .cart-order .transfer .column .col div img, .cart-order .transfer .column .col div span, .cart-order .transfer .col, .cart-order .transfer p, .cart-order .cargo-pay, .cart-order .cargo-pay span, .cart-order .bottom .pay, .cart-order .bottom .pay p span.c1, .cart-order .bottom .pay p span.c2, .payment-confirmation, .payment-confirmation .col, .payment-confirmation .col img, .payment-confirmation .col .col, .payment-confirmation .col .col p, .payment-confirmation .col .col .total, .payment-confirmation .col-2, .payment-confirmation .col-2 p, .order, .order h1, .order .col, .order .col h3, .order .col .column, .order .col .column img, .adress, .adress .top, .adress .top h1, .adress .top .button, .adress .col, .adress .col h3, .adress .col .column, .adress .col .column span, .adress .col .column .edit, .adress .col .column .edit a, .adress form .column, .adress form p, .adress form .col-3, .adress .bottom, .adress .bottom .button, .comments, .comments h6, .comments .top, .comments .top h3, .comments .box, .comments .box span,
.comments .box p, .comments .box div, .comments .box div .question, .comments .comment-form, .payment-options, .payment-options .table, .payment-options .table h5, .payment-options .table .column, .payment-options .table .column .col, .payment-options .table .column .col .bank, .payment-options .table .column .col-2, .payment-options .table .column .col-2 ul, .payment-options .table .column .col-2 ul li, .bottom, .bottom .button, form, form span, form .col-1, form input[type="button"], form .securty, .user-pages, .user-pages .orders, .user-pages .orders h1, .user-pages .orders .table, .user-pages .orders .table .col-fw, #menufix .prod-content-top .info, #menufix .prod-content-top .info .logo-small, #menufix .prod-content-top .info figure, #menufix .prod-content-top .info .head, #menufix .prod-content-top .info .head span, #menufix .prod-content-top .info .head h1, #menufix .prod-content-top .info .price, .membership-confrim, .membership-confrim img, .membership-confrim .text, .membership-confrim .text .button, .membership-confrim .text span, .message, .message h3, .order-tracking, .order-tracking .table, .order-tracking .table .cart .head img, .order-tracking .table .column, .order-tracking .table .column ul, .order-tracking .table .column ul div, .order-tracking .table .column ul div .col, #note, #note div, #note div img, #note div a, .packet, .packet .column, .packet .column h6, .packet .column .product, .packet .column .product img, .packet .column .product .info, .packet .column .product .info span, .packet .column .product .info div, .packet .column .product .info div .col, .packet .column .product .info div .view .btn-view, .brands, .brands .head, .brands .head h1, .brands .head ul li, .brands .head ul li a, .brands .column, .brands .column .col, .brands .column .col div, .brands .column .col ul, .brands .column .col ul li a, .brands .column .col span, .brands .column .col figure, .about, .about .head, .about .head h1, .about .column, .about .column .menu, .about .column .menu nav.menutoogle, .about .column .menu nav.menutoogle article, .about .column .menu nav.menutoogle article span, .about .column .col, .about .column .col h4, .about .column .col span, .contact, .contact .head, .contact .head h1, .contact form, .contact form .col, .contact .address, .contact .address h3, .contact .address h5, .footer .col, .footer span, .footer-col span, .map, .map .head, .map .head h1, .map .column, .map .column h5, .map .column ul, .map .column ul li a, .divform {
  display: block;
  float: left; }

.block-right, .userdropdown a.icon, .slider .slide-col-1 .slide-content .left .price-col .price .col-2,
.slider .slide-col-2 .slide-content .left .price-col .price .col-2,
.slider .slide-col-3 .slide-content .left .price-col .price .col-2,
.slider .slide-col-4 .slide-content .left .price-col .price .col-2,
.slider .slide-col-5 .slide-content .left .price-col .price .col-2, content .specification .spect .table ul li .right, .page-content nav, .cart .total .column, .cart-order .adress .top .button, .cart-order .cargo .top .button, .cart-order .bottom .pay p, .comments .box div .date, .packet .column .product .info div .view, .brands .head ul {
  display: block;
  float: right; }


<!--
a:link{
     text-decoration: none;
     color: #495F73;}
	 
a:visited {
	text-decoration: none;
     color: #495F73;}

a:hover     {
     text-decoration: none;
     color: #88B3D5; }
 
a:active {
     text-decoration: none;
     color: #88B3D5; }

body {
	overflow-x: hidden !important;
	background-color: #ffffff;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin: 0px;
	
	
		font: 14px/21px Arial

}
img { 
   border: 0px;
} 

	* { padding: 0; margin: 0; list-style: none; border: 0 }
.anaHane {
	
	margin-right: auto;
        margin-left: auto;
		background: #ffffff;
		
		margin: 0px 0px 0;  	/* en boy ? */
		border: 0px solid #bbb;
		border-left-color: #bbb;
		border-top-color: #bbb;
		border:0px solid #000000;
		color:#003f7b;
	
		
	}
.anaHaneRaf {
	
		background: #ffffff;
		 margin-left: 0 auto;
		 margin-right: 0 auto;
		border: 0px none #ffffff;
		border-left-color: #ffffff;
		border-top-color: #ffffff; 
		border:0px solid #000000;
		
	}
	
	.anaHaneRaf:after { 
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden; 
	background: #4F3F52; 
}

.anaHaneRaf {
    display: inline-block;
	
} 

* html .anaHaneRaf {height: 1%;} 
.anaHaneRaf {display: block;} 

/*css menu baslat*/

@import url(https://fonts.googleapis.com/css?family=PT+Sans:400,700);
#cssmenuMYPRO {
  background: #0099B2;
  margin: 0;
  width: auto;
  padding: 0;
  line-height: 1;
  display: block;
  position: relative;
  font-family: 'PT Sans', sans-serif;
  box-sizing: content-box;
  min-height:49px;
}
#cssmenuMYPRO ul {
  list-style: none;
  margin: 0;
  padding: 0;
  display: block;
}
#cssmenuMYPRO ul:after,
#cssmenuMYPRO:after {
  content: " ";
  display: block;
  font-size: 0;
  height: 0;
  clear: both;
  visibility: hidden;
}
#cssmenuMYPRO ul li {
  margin: 0;
  padding: 0;
  display: block;
  position: relative;
}
#cssmenuMYPRO ul li a {
  text-decoration: none;
  display: block;
  margin: 0;
  -webkit-transition: color .2s ease;
  -moz-transition: color .2s ease;
  -ms-transition: color .2s ease;
  -o-transition: color .2s ease;
  transition: color .2s ease;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
#cssmenuMYPRO ul li ul {
  position: absolute;
  left: -9999px;
  top: auto;
  z-index: 999;
}
#cssmenuMYPRO ul li ul li {
  max-height: 0;
  position: absolute;
  -webkit-transition: max-height 0.4s ease-out;
  -moz-transition: max-height 0.4s ease-out;
  -ms-transition: max-height 0.4s ease-out;
  -o-transition: max-height 0.4s ease-out;
  transition: max-height 0.4s ease-out;
  background: #fff;
}
#cssmenuMYPRO ul li ul li.has-sub:after {
  display: block;
  position: absolute;
  content: "";
  height: 10px;
  width: 10px;
  border-radius: 5px;
  background: #000;
  z-index: 1;
  top: 13px;
  right: 15px;
}
#cssmenuMYPRO.align-right ul li ul li.has-sub:after {
  right: auto;
  left: 15px;
}
#cssmenuMYPRO ul li ul li.has-sub:before {
  display: block;
  position: absolute;
  content: "";
  height: 0;
  width: 0;
  border: 3px solid transparent;
  border-left-color: #fff;
  z-index: 2;
  top: 15px;
  right: 15px;
}
#cssmenuMYPRO.align-right ul li ul li.has-sub:before {
  right: auto;
  left: 15px;
  border-left-color: transparent;
  border-right-color: #fff;
}
#cssmenuMYPRO ul li ul li a {
  font-size: 16px;
  font-weight: 400;
  text-transform: none;
  color: #000;
  letter-spacing: 0;
  display: block;
  width: 170px;
  padding: 11px 10px 11px 20px;
}
#cssmenuMYPRO ul li ul li:hover > a,
#cssmenuMYPRO ul li ul li.active > a {
  color: #4cb6ea;
}
#cssmenuMYPRO ul li ul li:hover:after,
#cssmenuMYPRO ul li ul li.active:after {
  background: #4cb6ea;
}
#cssmenuMYPRO ul li ul li:hover > ul {
  left: 100%;
  top: 0;
}
#cssmenuMYPRO ul li ul li:hover > ul > li {
  max-height: 72px;
  position: relative;
}
#cssmenuMYPRO > ul > li {
  float: left;
}
#cssmenuMYPRO.align-center > ul > li {
  float: none;
  display: inline-block;
}
#cssmenuMYPRO.align-center > ul {
  text-align: center;
  font-size: 0;
}
#cssmenuMYPRO.align-center ul ul {
  text-align: left;
}
#cssmenuMYPRO.align-right > ul {
  float: right;
}
#cssmenuMYPRO.align-right > ul > li:hover > ul {
  left: auto;
  right: 0;
}
#cssmenuMYPRO.align-right ul ul li:hover > ul {
  right: 100%;
  left: auto;
}
#cssmenuMYPRO.align-right ul ul li a {
  text-align: right;
}
#cssmenuMYPRO > ul > li:after {
  content: "";
  display: block;
  position: absolute;
  width: 100%;
  height: 0;
  top: 0;
  z-index: 0;
  background: #fff;
  -webkit-transition: height .2s;
  -moz-transition: height .2s;
  -ms-transition: height .2s;
  -o-transition: height .2s;
  transition: height .2s;
}
#cssmenuMYPRO > ul > li.has-sub > a {
  padding-right: 40px;
}
#cssmenuMYPRO > ul > li.has-sub > a:after {
  display: block;
  content: "";
  background: #fff;
  height: 12px;
  width: 12px;
  position: absolute;
  border-radius: 13px;
  right: 14px;
  top: 16px;
}
#cssmenuMYPRO > ul > li.has-sub > a:before {
  display: block;
  content: "";
  border: 4px solid transparent;
  border-top-color: #0099B2;
  z-index: 2;
  height: 0;
  width: 0;
  position: absolute;
  right: 16px;
  top: 21px;
}
#cssmenuMYPRO > ul > li > a {
  color: #fff;
  padding: 16.5px 20px;
  font-weight: 700;
  letter-spacing: 1px;
  text-transform: uppercase;
  font-size: 16px;
  z-index: 2;
  position: relative;
}
#cssmenuMYPRO > ul > li:hover:after,
#cssmenuMYPRO > ul > li.active:after {
  height: 100%;
}

@media (max-width: 1000px) {
	#cssmenuMYPRO > ul > li:hover > a,
    #cssmenuMYPRO > ul > li.active > a {
  color: #000000;
}
}

@media (min-width: 1000px) {
	#cssmenuMYPRO > ul > li:hover > a,
    #cssmenuMYPRO > ul > li.active > a {
  color: #0099B2;
}
}

#cssmenuMYPRO > ul > li:hover > a:after,
#cssmenuMYPRO > ul > li.active > a:after {
  background: #000;
}
#cssmenuMYPRO > ul > li:hover > a:before,
#cssmenuMYPRO > ul > li.active > a:before {
  border-top-color: #fff;
}
#cssmenuMYPRO > ul > li:hover > ul {
  left: 0;
}
#cssmenuMYPRO > ul > li:hover > ul > li {
  max-height: 72px;
  position: relative;
}
#cssmenuMYPRO #menu-button {
  display: none;
}
#cssmenuMYPRO > ul > li > a {
  display: block;
}
#cssmenuMYPRO > ul > li {
  width: auto;
}
#cssmenuMYPRO > ul > li > ul {
  width: 170px;
  display: block;
}
#cssmenuMYPRO > ul > li > ul > li {
  width: 170px;
  display: block;
}
@media all and (max-width: 800px), only screen and (-webkit-min-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (min--moz-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (-o-min-device-pixel-ratio: 2/1) and (max-width: 1024px), only screen and (min-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (min-resolution: 192dpi) and (max-width: 1024px), only screen and (min-resolution: 2dppx) and (max-width: 1024px) {
  #cssmenuMYPRO > ul {
    max-height: 0;
    overflow: hidden;
    -webkit-transition: max-height 0.35s ease-out;
    -moz-transition: max-height 0.35s ease-out;
    -ms-transition: max-height 0.35s ease-out;
    -o-transition: max-height 0.35s ease-out;
    transition: max-height 0.35s ease-out;
  }
  #cssmenuMYPRO > ul > li > ul {
    width: 100%;
    display: block;
  }
  #cssmenuMYPRO.align-right ul li a {
    text-align: left;
  }
  #cssmenuMYPRO > ul > li > ul > li {
    width: 100%;
    display: block;
  }
  #cssmenuMYPRO.align-right ul ul li a {
    text-align: left;
  }
  #cssmenuMYPRO > ul > li > ul > li > a {
    width: 100%;
    display: block;
  }
  #cssmenuMYPRO ul li ul li a {
    width: 100%;
  }
  #cssmenuMYPRO.align-center > ul {
    text-align: left;
  }
  #cssmenuMYPRO.align-center > ul > li {
    display: block;
  }
  #cssmenuMYPRO > ul.open {
    max-height: 1000px;
    border-top: 1px solid rgba(110, 110, 110, 0.25);
  }
  #cssmenuMYPRO ul {
    width: 100%;
  }
  #cssmenuMYPRO ul > li {
    float: none;
    width: 100%;
  }
  #cssmenuMYPRO ul li a {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    padding: 12px 20px;
  }
  #cssmenuMYPRO ul > li:after {
    display: none;
  }
  #cssmenuMYPRO ul li.has-sub > a:after,
  #cssmenuMYPRO ul li.has-sub > a:before,
  #cssmenuMYPRO ul li ul li.has-sub:after,
  #cssmenuMYPRO ul li ul li.has-sub:before {
    display: none;
  }
  #cssmenuMYPRO ul li ul,
  #cssmenuMYPRO ul li ul li ul,
  #cssmenuMYPRO ul li ul li:hover > ul,
  #cssmenuMYPRO.align-right ul li ul,
  #cssmenuMYPRO.align-right ul li ul li ul,
  #cssmenuMYPRO.align-right ul li ul li:hover > ul {
    left: 0;
    position: relative;
    right: auto;
  }
  #cssmenuMYPRO ul li ul li,
  #cssmenuMYPRO ul li:hover > ul > li {
    max-height: 999px;
    position: relative;
    background: none;
  }
  #cssmenuMYPRO ul li ul li a {
    padding: 8px 20px 8px 35px;
    color: #fff;
  }
  #cssmenuMYPRO ul li ul ul li a {
    padding: 8px 20px 8px 50px;
  }
  #cssmenuMYPRO ul li ul li:hover > a {
    color: #000;
  }
  #cssmenuMYPRO #menu-button {
    display: block;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    padding: 15px 20px;
    text-transform: uppercase;
    font-weight: 700;
    font-size: 16px;
    letter-spacing: 1px;
    color: #fff;
    cursor: pointer;
	
  }
  #cssmenuMYPRO #menu-button:after {
    display: block;
    content: '';
    position: absolute;
    height: 3px;
    width: 22px;
    border-top: 2px solid #fff;
    border-bottom: 2px solid #fff;
    right: 20px;
    top: 16px;
    box-sizing: content-box;
  }
  #cssmenuMYPRO #menu-button:before { 
    display: block;
    content: '';
    position: absolute;
    height: 3px;
    width: 22px;
    border-top: 2px solid #fff;
    right: 20px;
    top: 26px;
    box-sizing: content-box;
  }
}


/*css menu baslat bitti*/

.miktarSecimKutusuStayla {
    width: 70px;
    height: 35px;
 
   
    border: 1px solid #ebedef;
    transition: .3s ease all;
}

.buttonSepetEkleTamamla {
    margin: 15px 0;
    width: 241px;
	float:right;
    padding: 0 10px 0 10px;
    cursor:pointer;
    height: 50px;

   
    color: #fff;
    background: #0099B2;
    text-align: center;
    font: bold 14px/50px "Avenir Next LT Pro", sans-serif; }
	
	.buttonAlisveriseDevam {
    margin: 15px 0;
    width: 210px;
	float:right;
    padding: 0 10px 0 10px;
    cursor:pointer; 
	margin-right:10px;
    height: 50px;

    background-clip: padding-box;
    color: #333;
    background: #D0D5DA;
    text-align: center;
    font: bold 14px/50px "Avenir Next LT Pro", sans-serif; }
	#alisveriseDevamSepatTasiyiciDivs{
	display:none;
	
	}
@media (max-width:570px){
	#alisveriseDevamEtSeppetButton{
	display:none !important;
	}
	#alisveriseDevamSepatTasiyiciDivs{
	display:block;
	
	}
	

		}


footer {
		background: #303E4B;
		border-top: 0px solid #ccc;
		min-height: 350px;
		padding: 0px;
		margin-top: 25px;
		border:0px solid #000000;
		
	margin-left: auto;
		 margin-right:  auto;
		  width: 100%;
  background: #303E4B;
  display: block;
  float: left;
  box-sizing: border-box; 
	}

  footer .top {
    width: 100%;
    background: #f6f9fc;
    padding: 20px 0; }
    footer .top .icons {
      width: 1000px;
      margin: auto;
      display: block; }
      @media (max-width: 1024px) {
        footer .top .icons {
          width: 100%; } }
      footer .top .icons .items {
        width: 16.5%;
        height: 110px;
        text-align: center;
        border-right: solid #e9ecef 1px; }
        @media (max-width: 810px) {
          footer .top .icons .items {
            width: 33%; } }
        footer .top .icons .items i {
          margin: auto;
          width: 60px;
          height: 60px;
          display: block;
          -webkit-border-radius: 50px;
          border-radius: 50px;
          background-clip: padding-box;
          background: #fff;
          border: solid #e2e5e9 1px; }
          @media (max-width: 600px) {
            footer .top .icons .items i {
              width: 40px;
              height: 40px; } }
          footer .top .icons .items i img {
            width: 100%; }
        footer .top .icons .items span {
          margin: 10px 0 0;
          width: 100%;
          display: block;
          color: #ffffff;
          font: normal 12px/15px "Avenir Next LT Pro", sans-serif; }
      footer .top .icons .items:nth-child(6) {
        border: none; }
  footer .main-footer {
    margin: auto;
    width: 1000px;
    display: block;
    padding: 0 0 45px 0; }
    @media (max-width: 1024px) {
      footer .main-footer {
        width: 100%;
        padding: 0 15px;
        box-sizing: border-box; } }
    footer .main-footer .text {
      width: 100%; }
      footer .main-footer .text .container {
        font-family: arial;
        line-height: 20px;
        margin: auto;
        padding: 10px 0;
        box-sizing: border-box; }
        footer .main-footer .text .container p {
          font: normal 15px/20px "Avenir Next LT Pro", sans-serif;
          color: #ffffff; }
        footer .main-footer .text .container h2 {
          font-size: 30px;
          margin-bottom: 20px; }
        footer .main-footer .text .container .read-more {
          margin-top: 0px; }
          footer .main-footer .text .container .read-more p {
            margin-bottom: 10px;
            display: none;
            font: normal 15px/20px;
            color: #ffffff; }
        footer .main-footer .text .container a {
          color: #2271e8;
          font: bold 15px/20px "Avenir Next LT Pro", sans-serif; }
    footer .main-footer nav {
      margin: auto;
      width: 100%;
      display: block;
      border-top: solid #edeff1 0px;
	  margin-top:20px; }
      footer .main-footer nav ul {
        margin: 0;
        padding: 0;
        width: 16.6%;
        color: #ffffff;
        min-height: 230px; 
		float:left;}
        @media (max-width: 840px) {
          footer .main-footer nav ul {
            width: 33%; } }
        @media (max-width: 500px) {
          footer .main-footer nav ul {
            width: 50%; } }
        footer .main-footer nav ul h3 {
          margin: 10px 0;
		  margin-bottom:35px;
          font: bold 16px/20px "Avenir Next LT Pro", sans-serif;
          color: #ffffff; }
        footer .main-footer nav ul li {
          width: 100%;
          display: inline-block;
          margin: 0;
          padding: 0; }
          footer .main-footer nav ul li a {
            width: 150px;
            font: normal 12px/20px "Avenir Next LT Pro", sans-serif;
            color: #d5d5d5;
            position: relative; 
			text-decoration: none;}
            footer .main-footer nav ul li a:hover {
              text-decoration: none;
              color: #ffffff; }

/*----------------------------------<>----------------------------------*/
/*footer bitti*/	
.clearfix:after {
  content: "";
  display: table;
  clear: both; }	
	
	/* test */
	html, body {
		height: 100%
	}
	.menu_ust_ambalaj {
	background: #fff;
	width:1001px;
	margin-left: auto;
		 margin-right:  auto;
		min-height: 100%;
		height: auto; 
		margin-bottom: -127px;
		border:0px solid #ff0000;
		z-index:3
		
	
	}
	.height {
		height:41px;
		border:0px solid #000000;
	}

#cssmenu ul {
  /*margin: 0;
  padding: 0;*/
  list-style-type: none;
  width: 1001px;
  position: relative;
  display: block;
  height: 50px;
  /*text-transform: uppercase;*/
  font-size: 13px;
  
  background-color:#0099B2;
  font-family:  Arial, Verdana, sans-serif;
  border-bottom: 0px solid #555555; 
  border-top: 0px solid #919191;
}
#cssmenu li {
  display: block;
  float: left;
  margin: 0;
  padding: 0;
  
}
#cssmenu li a {
  display: block;
  float: left;
  color: #000000;
  text-decoration: none;
  font-weight: bold;
  padding: 2px 32px 0 20px;
  height: 49px;
  
}
#cssmenu li a:hover {
  background: transparent url("../images/hover.gif") no-repeat top right;
  color: #000000;
}
 
}
/*----------------------------------<>----------------------------------*/
/*CONTAINER*/
#containerYep {
  width: 1000px;
  margin: auto; }
  @media (max-width: 1024px) {
    #containerYep {
      width: 100%; } }



/*CONTENT*/
content {
  width: 100%;
  background: #fff;
  display: block;
  float: left;
  background: #fff;
  /*PRODUCT DETAIL*/ }
  content .textbottom {
    width: 100%;
    padding: 15px;
    box-sizing: border-box; }
    content .textbottom .box {
      width: 100%;
      border: solid #f2f2f2 1px;
      padding: 15px;
      box-sizing: border-box; }
    content .textbottom h4, content .textbottom span {
      width: 100%;
      font: bold 13px/40px "Avenir Next LT Pro", sans-serif;
      color: #414449;
      border-bottom: solid #f2f2f2 1px;
      margin: 0 0 15px 0; }
    content .textbottom span {
      color: #575a5e;
      font: normal 12px/19px "Avenir Next LT Pro", sans-serif;
      color: #575a5e;
      border: none; }
    content .textbottom ul {
      width: 50%;
      margin: 0;
      padding: 0; }
      @media (max-width: 768px) {
        content .textbottom ul {
          width: 100%; } }
      content .textbottom ul li {
        width: 100%;
        font: normal 13px/23px "Avenir Next LT Pro", sans-serif; }
        content .textbottom ul li a {
          color: #575a5e;
          font: normal 13px/30px "Avenir Next LT Pro", sans-serif; }
          content .textbottom ul li a:hover {
            text-decoration: underline; }
    content .textbottom .col-3 {
      padding: 15px;
      box-sizing: border-box;
      background: #f8f8f8; }
  content .category-img {
    width: 100%;
    height: 150px;
    background: #f6bd10; }
    @media (max-width: 1024px) {
      content .category-img {
        display: none; } }
  content .products {
    width: 100%; }
    content .products h1 {
      margin: 0;
      padding: 0;
      color: #fff;
      font: bold 15px/70px "Avenir Next LT Pro", sans-serif;
      text-transform: uppercase;
      padding: 0 10px;
      box-sizing: border-box; }
      @media (max-width: 768px) {
        content .products h1 {
          font: bold 14px/60px "Avenir Next LT Pro", sans-serif; } }
    content .products .blue,
    content .products .dark {
      width: 100%;
      background: #0059ff; }
    content .products .dark {
      background: #414449; }
    content .products .colums {
      width: 100%; }
      content .products .colums .col {
        width: 20%;
        min-height: 300px; }
        @media (max-width: 640px) {
          content .products .colums .col {
            min-height: 280px; } }
        content .products .colums .col h5 {
          margin: 15px 0;
          padding: 10px;
          box-sizing: border-box;
          width: 100%;
          font: bold 13px/15px "Avenir Next LT Pro", sans-serif;
          color: #434f67;
          text-align: center;
          height: 45px; }
        content .products .colums .col a {
          -webkit-transition: all 0.5s;
          -moz-transition: all 0.5s;
          transition: all 0.5s; }
          content .products .colums .col a:hover h5 {
            text-decoration: underline; }
        content .products .colums .col img {
          width: 90%;
          margin: auto;
          display: block; }
        content .products .colums .col .price {
          margin: 10px 0 0;
          width: 100%;
          color: #ffa200;
          text-align: center; }
          content .products .colums .col .price h4,
          content .products .colums .col .price span {
            margin: 0;
            padding: 0;
            width: auto;
            font: bold 24px/20px "Avenir Next LT Pro", sans-serif;
            display: block; }
          content .products .colums .col .price span {
            font: normal 14px/20px "Avenir Next LT Pro", sans-serif; }
        @media (max-width: 1024px) {
          content .products .colums .col {
            width: 33.3%; }
            content .products .colums .col img {
              width: 85%; } }
        @media (max-width: 768px) {
          content .products .colums .col {
            width: 33.3%; }
            content .products .colums .col img {
              width: 75%; } }
        @media (max-width: 640px) {
          content .products .colums .col {
            width: 50%; }
            content .products .colums .col img {
              width: 65%; } }
         content .products .colums .col .icon-bar {
          width: auto;
          height: 40px; }
          content .products .colums .col .icon-bar div {
            margin: auto;
            width: 102px;
            font:  bold 12px "Avenir Next LT Pro", sans-serif;
            height: 40px; }
            content .products .colums .col .icon-bar div i {
              margin: 0 2px;
              width: 30px;
              height: 30px;
              background: #627291;
              display: flex;
              -webkit-border-radius: 50px;
              border-radius: 50px;
              background-clip: padding-box; }
              content .products .colums .col .icon-bar div i img {
                width: 30px;
                float: none; }
  content .banner {
    width: 100%; }
    content .banner .col {
      padding: 10px;
      box-sizing: border-box;
      width: 33.3%; }
      @media (max-width: 480px) {
        content .banner .col {
          width: 100%; } }
      content .banner .col .column {
        width: 100%;
        padding: 10px;
        box-sizing: border-box;
        border: solid #dadfe3 1px;
        -webkit-border-radius: 5px;
        border-radius: 5px;
        background-clip: padding-box; }
        content .banner .col .column .head {
          width: 100%;
          margin: 0 0 10px 0;
          border-bottom: solid #f2f2f2 1px;
          padding: 0 0 10px 0;
          text-align: center; }
          content .banner .col .column .head h6 {
            width: 100%;
            height: 60px;
            color: #545b68;
            font: bold 14px/20px "Avenir Next LT Pro", sans-serif;
            text-transform: uppercase; }
            content .banner .col .column .head h6 a {
              color: #545b68; }
              content .banner .col .column .head h6 a:hover {
                text-decoration: underline; }
            content .banner .col .column .head h6:visited {
              color: #545b68; }
        content .banner .col .column img {
          width: 100px; }
          @media (max-width: 768px) {
            content .banner .col .column img {
              margin: auto;
              float: none; } }
        content .banner .col .column .price {
          margin: 15px 0 0 0;
          width: 50%; }
          @media (max-width: 1024px) {
            content .banner .col .column .price {
              text-align: center; } }
          @media (max-width: 768px) {
            content .banner .col .column .price {
              width: 100%; } }
          content .banner .col .column .price span {
            width: 100%;
            color: #545b68;
            font: bold 12px/12px "Avenir Next LT Pro", sans-serif; }
            @media (max-width: 1024px) {
              content .banner .col .column .price span {
                width: 100%; } }
          content .banner .col .column .price .p1,
          content .banner .col .column .price .p2 {
            color: #636f84;
            font: bold 18px/20px "Avenir Next LT Pro", sans-serif; }
          content .banner .col .column .price .p2 {
            color: #f6c810; }
          content .banner .col .column .price p {
            width: 100%;
            height: 1px;
            border-bottom: solid #f2f2f2 1px; }
			
			content .products .colums .col .price {
          margin: 10px 0 0;
          width: 100%;
          
          text-align: center;
					  }
          content .products .colums .col .price h4{
			  color:#333333;
			  font: bold 16px "Avenir Next LT Pro", sans-serif;
			  
		  }
          content .products .colums .col .price span {
            margin: 0;
            padding: 0;
            width: auto;
            font: bold 24px/20px "Avenir Next LT Pro", sans-serif;
            display: block; }
          content .products .colums .col .price span {
            font: normal 14px/20px "Avenir Next LT Pro", sans-serif; }
			
  content .detail {
    width: 100%;
    padding: 0 15px 15px 15px;
    box-sizing: border-box;
    /*MAP*/
    /*CONTENT*/ }
    content .detail .map {
      width: 100%;
      position: relative; }
      content .detail .map .back {
        margin: 5px 0 0 0;
        width: 40px;
        height: 40px;
        background: url(../images/icons/back.png);
        position: absolute;
        display: none; }
        @media (max-width: 768px) {
          content .detail .map .back {
            display: block; } }
      content .detail .map ul {
        margin: 0;
        padding: 0;
        width: 100%;
        border-bottom: solid #f2f2f2 1px; }
        content .detail .map ul li {
          width: auto; }
          @media (max-width: 768px) {
            content .detail .map ul li {
              width: 100%; } }
  @media (max-width: 768px) and (max-width: 768px) {
    content .detail .map ul li {
      text-align: center; } }

          content .detail .map ul li a {
            width: 100%;
            padding: 0 5px 0;
            font: normal 12px/50px "Avenir Next LT Pro", sans-serif;
            color: #a9afba;
            text-transform: uppercase; }
            @media (max-width: 768px) {
              content .detail .map ul li a {
                text-align: center; } }
            @media (max-width: 768px) {
              content .detail .map ul li a {
                font: normal 11px/50px "Avenir Next LT Pro", sans-serif; } }
            content .detail .map ul li a.active {
              text-decoration: underline;
              font-weight: bold; }
              @media (max-width: 768px) {
                content .detail .map ul li a.active {
                  text-decoration: none; } }
            content .detail .map ul li a:hover {
              color: #545b68; }
        @media (max-width: 768px) {
          content .detail .map ul li:nth-child(1) {
            display: none; }
          content .detail .map ul li:nth-child(2) {
            display: none; } }
    content .detail .product-content {
      width: 100%; }
      content .detail .product-content .image-view {
        width: 300px;
        display: block;
        float: left; }
        @media (max-width: 1024px) {
          content .detail .product-content .image-view {
            width: 100%;
            margin: auto;
            display: flex;
            align-items: center;
            justify-content: center; } }
        content .detail .product-content .image-view img {
          width: auto; }
          @media (max-width: 1024px) {
            content .detail .product-content .image-view img {
              margin: auto; } }
      content .detail .product-content p {
        margin: 15px 0;
        font: normal 13px/14px "Avenir Next LT Pro", sans-serif;
        color: #545b68; }
      content .detail .product-content .column-large {
        width: 490px; }
        @media (max-width: 1024px) {
          content .detail .product-content .column-large {
            width: 100%; } }
        content .detail .product-content .column-large .head {
          width: 100%;
          padding: 30px 0 0;
          box-sizing: border-box; }
          @media (max-width: 1024px) {
            content .detail .product-content .column-large .head {
              text-align: center;
              padding: 0 0 10px 0; } }
          content .detail .product-content .column-large .head span,
          content .detail .product-content .column-large .head h1 {
            margin: 0;
            padding: 0;
            width: 100%;
            color: #545b68;
            text-transform: uppercase;
            font: normal 16px/16px "Avenir Next LT Pro", sans-serif; }
          content .detail .product-content .column-large .head h1 {
            font: bold 22px/22px "Avenir Next LT Pro", sans-serif; }
        content .detail .product-content .column-large .option {
          margin: 20px 0;
          width: 325px;
          display: flex; }
          @media (max-width: 1024px) {
            content .detail .product-content .column-large .option {
              margin: 20px auto;
              float: none; } }
          content .detail .product-content .column-large .option div {
            margin: 0 15px 0 0;
            height: 40px; }
            content .detail .product-content .column-large .option div i {
              margin: 0 5px 0 0;
              width: 35px;
              background: #4dc786;
              -webkit-border-radius: 50px;
              border-radius: 50px;
              background-clip: padding-box; }
              content .detail .product-content .column-large .option div i img {
                width: 35px; }
            content .detail .product-content .column-large .option div span {
              width: auto;
              font: normal 13px/16px "Avenir Next LT Pro", sans-serif;
              text-transform: none; }
        content .detail .product-content .column-large .col {
          width: 70%; }
          @media (max-width: 1024px) {
            content .detail .product-content .column-large .col {
              width: 100%; } }
          content .detail .product-content .column-large .col .price {
            width: 100%; }
            @media (max-width: 1024px) {
              content .detail .product-content .column-large .col .price {
                text-align: center; } }
            @media (max-width: 768px) {
              content .detail .product-content .column-large .col .price {
                width: 100%; } }
            content .detail .product-content .column-large .col .price span {
              width: 100%;
              color: #545b68;
              font: bold 14px/18px "Avenir Next LT Pro", sans-serif; }
              @media (max-width: 1024px) {
                content .detail .product-content .column-large .col .price span {
                  width: 100%; } }
            content .detail .product-content .column-large .col .price .p1,
            content .detail .product-content .column-large .col .price .p2 {
              color: #636f84;
              font: bold 30px/40px "Avenir Next LT Pro", sans-serif; }
            content .detail .product-content .column-large .col .price .p2 {
              color: #f6c810; }
            content .detail .product-content .column-large .col .price p {
              width: 100%;
              height: 1px;
              border-bottom: solid #f2f2f2 1px; }
          content .detail .product-content .column-large .col .opt {
            width: 100%; }
        content .detail .product-content .column-large .col-2 {
          width: 30%; }
        content .detail .product-content .column-large .text {
          margin: 20px 0 0 0;
          width: 100%;
          color: #545b68;
          font: normal 13px/30px "Avenir Next LT Pro", sans-serif; }
      content .detail .product-content .col-3 {
        width: 100%; }
        content .detail .product-content .col-3 .select {
          padding: 0 10px 0 0;
          box-sizing: border-box;
          width: 70%; }
          @media (max-width: 1024px) {
            content .detail .product-content .col-3 .select {
              width: 100%;
              margin: 0 0 10px 0;
              padding: 0; } }
          content .detail .product-content .col-3 .select p {
            width: 100%; }
          content .detail .product-content .col-3 .select .col-2 {
            width: 50%;
            padding: 0 5px 0 0; }
          content .detail .product-content .col-3 .select .select-drop {
            width: 100%;
            height: 50px;
            position: relative;
            margin: 0;
            padding: 0; }
        content .detail .product-content .col-3 .select-gift {
          padding: 0 10px 0 0;
          box-sizing: border-box;
          margin: 20px 0 0;
          width: 50%; }
          @media (max-width: 768px) {
            content .detail .product-content .col-3 .select-gift {
              display: none; } }
          content .detail .product-content .col-3 .select-gift .thumb {
            width: 100%;
            padding: 5px;
            box-sizing: border-box; }
            content .detail .product-content .col-3 .select-gift .thumb img {
              width: 40px;
              margin: 5px;
              border: solid #d8e0e7 1px;
              -webkit-border-radius: 5px;
              border-radius: 5px;
              background-clip: padding-box; }
              content .detail .product-content .col-3 .select-gift .thumb img:hover {
                border: solid #18c898 1px; }
      content .detail .product-content .icons {
        width: 180px;
        padding: 20px;
        box-sizing: border-box; }
        @media (max-width: 1024px) {
          content .detail .product-content .icons {
            width: 100%;
            display: flex; } }
        content .detail .product-content .icons .column {
          margin: 0 0 30px;
          width: 100%;
          min-height: 70px;
          box-sizing: border-box;
          text-align: center; }
          content .detail .product-content .icons .column img {
            width: 70px;
            margin: auto;
            display: block;
            float: none; }
          content .detail .product-content .icons .column span {
            width: auto;
            height: 40px;
            font: normal 12px/20px "Avenir Next LT Pro", sans-serif;
            color: #8a93a2; }
  content .addcart {
    margin: 15px 0;
    width: 100%;
    padding: 0 10px 0 10px;
    box-sizing: border-box;
    height: 50px;
    /*-webkit-border-radius: 25px;*/
    /*border-radius: 25px;*/
    background-clip: padding-box;
    color: #fff;
    background: #0099B2;
    text-align: center;
    font: bold 16px/50px "Avenir Next LT Pro", sans-serif; }
    @media (max-width: 768px) {
      content .addcart {
        width: 100%; } }
  content .halfwidth {
    width: 50%; }
  content .specification {
    width: 100%;
    background: #fbfcfc;
    padding: 15px;
    box-sizing: border-box; }
    content .specification h6 {
      margin: 0;
      padding: 0;
      width: 100%;
      font: bold 16px/30px "Avenir Next LT Pro", sans-serif;
      color: #545b68;
      text-transform: uppercase; }
    content .specification .populer {
      width: 100%;
      display: flex;
      margin: 0 0 15px; }
      content .specification .populer div {
        width: 50%;
        min-height: 60px;
        -webkit-border-radius: 5px;
        border-radius: 5px;
        background-clip: padding-box;
        margin: 3px;
        padding: 15px;
        box-sizing: border-box;
        color: #fff;
        text-align: center;
        text-transform: uppercase;
        position: relative; }
        @media (max-width: 414px) {
          content .specification .populer div {
            padding: 5px; } }
        content .specification .populer div span {
          font: bold 25px/25px "Avenir Next LT Pro", sans-serif; }
        content .specification .populer div .small {
          font: bold 15px/15px "Avenir Next LT Pro", sans-serif; }
        @media (max-width: 768px) {
          content .specification .populer div span {
            font: bold 18px/25px "Avenir Next LT Pro", sans-serif; }
          content .specification .populer div .small {
            font: bold 11px/15px "Avenir Next LT Pro", sans-serif; } }
        @media (max-width: 414px) {
          content .specification .populer div span {
            font: bold 12px/25px "Avenir Next LT Pro", sans-serif; }
          content .specification .populer div .small {
            font: bold 11px/15px "Avenir Next LT Pro", sans-serif; } }
      content .specification .populer .image {
        width: 150px;
        height: 70px;
        background: url(../images/icons/image-crop.png);
        position: absolute;
        top: 0;
        left: 0;
        margin: 0;
        display: none; }
      content .specification .populer .red {
        background: #e04a4a; }
      content .specification .populer .blue {
        background: #006cff; }
      content .specification .populer .green {
        background: #18c898; }
      content .specification .populer .dark {
        background: #355975; }
      content .specification .populer .orange {
        background: #f66b05; }
    content .specification .image {
      width: 60%;
      min-height: 780px;
      background: #d9e2e9;
      -webkit-border-radius: 10px;
      border-radius: 10px;
      background-clip: padding-box;
      margin: 0 20px 0 0; }
      @media (max-width: 768px) {
        content .specification .image {
          width: 100%; } }
    content .specification .spect {
      width: 37%;
      padding: 5px;
      box-sizing: border-box;
      height: 780px;
      background: #fff;
      -webkit-border-radius: 10px;
      border-radius: 10px;
      background-clip: padding-box;
      border: solid #000 1px;
      overflow: auto; }
      @media (max-width: 768px) {
        content .specification .spect {
          width: 100%;
          margin: 20px 0; } }
      content .specification .spect .table {
        width: 100%;
        padding: 10px;
        box-sizing: border-box;
        color: #000; }
        content .specification .spect .table h4,
        content .specification .spect .table h5,
        content .specification .spect .table span {
          margin: 0;
          padding: 0;
          width: 100%;
          font: bold 16px/20px "Avenir Next LT Pro", sans-serif; }
        content .specification .spect .table span {
          font: normal 13px/20px "Avenir Next LT Pro", sans-serif; }
        content .specification .spect .table p {
          margin: 5px 0;
          width: 15%;
          height: 4px;
          background: #000; }
        content .specification .spect .table .service {
          margin: 5px 0;
          width: 100%;
          padding: 10px;
          box-sizing: border-box;
          background: #f7f8fb; }
        content .specification .spect .table h5 {
          font: bold 14px/30px "Avenir Next LT Pro", sans-serif;
          text-align: right; }
        content .specification .spect .table ul {
          margin: 0;
          padding: 0;
          width: 100%; }
          content .specification .spect .table ul li {
            width: 100%;
            height: 30px;
            border-bottom: solid #000 1px; }
            content .specification .spect .table ul li .left {
              width: auto;
              font: normal 13px/30px "Avenir Next LT Pro", sans-serif;
              color: #000; }
            content .specification .spect .table ul li .right {
              width: 120x; }
              content .specification .spect .table ul li .right span.left {
                width: 100px;
                text-align: left; }
              content .specification .spect .table ul li .right span.right {
                margin: 15px 0 0 0;
                width: 20px;
                display: block;
                text-align: right;
                height: 30px; }
    content .specification iframe {
      margin: 20px 0;
      width: 60%;
      min-height: 300px;
      border: none;
      background: #646f78; }
      @media (max-width: 768px) {
        content .specification iframe {
          width: 100%; } }
    content .specification article {
      padding: 0 0 0 20px;
      margin: 20px 0;
      width: 37%; }
      @media (max-width: 768px) {
        content .specification article {
          width: 100%; } }
      content .specification article span {
        font: normal 13px/17px "Avenir Next LT Pro", sans-serif;
        color: #8a93a2; }
    content .specification .bg-article {
      width: 100%;
      padding: 15px;
      background: #f1f6f8; }




form {
  padding: 0 10px;
  box-sizing: border-box;
  width: 100%;
  display: table;
  /*SPAN*/
  /*DIV*/
  /*LABEL*/
  /*INPUT BUTTON*/
  /*DROPDOWN SELECTBOX*/
  /*----------------------------------*/ }
  form span {
    width: 100%;
    font: normal 14px/15px "Avenir Next LT Pro", sans-serif;
    color: #83888d;
    margin: 10px 0 0; }
  form .col-1 {
    width: 50%;
    display: flex; }
  form .pad {
    width: 100%;
    padding: 15px 0; }
  form label {
    margin: 10px 0;
    position: relative;
    display: block;
    width: 100%;
    /*INPUT*/ }
    form label input {
      width: 100%;
      height: 40px;
      padding: 0 20px;
      box-sizing: border-box;
      /*-webkit-border-radius: 50px;*/
      /*border-radius: 50px;*/
      background-clip: padding-box;
      background: #f8fafb;
      font: normal 14px/60px "Avenir Next LT Pro", sans-serif;
      color: #8a93a2;
     
      border: solid #ebedef 1px; }
      form label input::placeholder {
        transition: all 0.2s ease-in-out;
        color: #999;
        font: 18px Helvetica, Arial, sans-serif; }
      form label input:focus, form label input.populated {
        background: #fff;
        border: solid #ebedef 1px; }
        form label input:focus::placeholder, form label input.populated::placeholder {
          color: transparent; }
        form label input:focus + span, form label input.populated + span {
          opacity: 1;
          top: 10px; }
  form input[type="button"] {
    width: 100%;
    text-align: center;
    font: normal 14px/60px "Avenir Next LT Pro", sans-serif;
    text-decoration: none;
    color: #fff;
   
    cursor: pointer;
    margin: 10px 0;
    background: #7a8eb0; }
    form input[type="button"]:hover {
      background: #F1F2F2; }
  form select {
  font: normal 20px/60px "Avenir Next LT Pro", sans-serif;
  /*font-size:20px;*/
    margin: 10px 10px 0 0;
    padding: 0 0 0 10px;
    box-sizing: border-box;
    display: block;
    width: 100%;
    height: 40px;
   
    text-decoration: none;
    /*-webkit-border-radius: 50px;*/
    /*border-radius: 50px;*/
    background-clip: padding-box;
    background: #F1F2F2;
    border: solid #b7bfc6 1px;
    -webkit-transition: 0.3s ease all;
    -moz-transition: 0.3s ease all;
    -ms-transition: 0.3s ease all;
    -o-transition: 0.3s ease all;
    transition: 0.3s ease all;
    color: #83888d; }
    form select:focus, form select:active {
      border: solid #bdc3c7 1px;
      outline: none; }
  form .securty {
    margin: 15px 0;
    padding: 20px;
    box-sizing: border-box;
    width: 100%;
    height: 40px;
    /*-webkit-border-radius: 50px;*/
    /*border-radius: 50px;*/
    background-clip: padding-box;
    border: solid #3bd2a9 1px; }


/*----------------------------------------*----------------------------------------*/
/*ORDER*/
.order {
  width: 100%;
  padding: 15px;
  box-sizing: border-box; }
  .order h1 {
    width: 100%;
    font: bold 15px/50px "Avenir Next LT Pro", sans-serif;
    color: #545b68;
    border-bottom: solid #f2f2f2 1px; }
  .order .border-top {
    border-top: solid #545b68 2px; }
  .order .col {
    margin: 5px 0 15px 0;
    padding: 15px 10px 0 10px;
    box-sizing: border-box;
    width: 100%;
    border: solid #f8f9fa 1px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    background-clip: padding-box;
    background: #fefefe;
    border: solid #f5f5f6 1px; }
    .order .col h3 {
      width: 100%;
      font: normal 13px/17px "Avenir Next LT Pro", sans-serif;
      color: #545b68;
      text-transform: uppercase;
      border-bottom: solid #f2f2f2 1px;
      padding: 0 0 10px 0; }
    .order .col .column {
      margin: 15px 0 15px 0;
      width: 25%;
      height: 45px; }
      @media (max-width: 1024px) {
        .order .col .column {
          border-bottom: solid #f2f2f2 1px; } }
      .order .col .column img {
        width: 45px; }
      .order .col .column span {
        margin: 5px 0 0;
        width: 75%;
        display: block;
        font: normal 12px/15px "Avenir Next LT Pro", sans-serif;
        color: #78808f; }
      @media (max-width: 1024px) {
        .order .col .column {
          width: 50%; } }
      @media (max-width: 768px) {
        .order .col .column {
          width: 100%; } }
    .order .col:hover {
      background: #fff;
      border: solid #e6e8eb 1px;
      -webkit-transition: all 0.5s;
      -moz-transition: all 0.5s;
      transition: all 0.5s; }

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

/*----------------------------------<>----------------------------------*/
/*ORDER TRACKING*/
.order-tracking {
  width: 100%;
  padding: 10px; }
  .order-tracking .table {
    width: 100%;
    margin: 10px auto;
    padding: 10px;
    box-sizing: border-box;
    /*CART*/
    /*----------------------------------<>----------------------------------*/ }
    .order-tracking .table .cart {
      width: 100%;
      display: block;
      float: left;
      padding: 0; }
      .order-tracking .table .cart .head {
        width: 100%;
        display: block;
        float: left; }
        .order-tracking .table .cart .head img {
          margin: 0 10px 0 0; }
        .order-tracking .table .cart .head h1 {
          font: bold 18px/35px "Avenir Next LT Pro", sans-serif;
          color: #8a93a2;
          display: block;
          float: left; }
      .order-tracking .table .cart .column {
        width: 100%;
        display: block;
        float: left; }
        .order-tracking .table .cart .column .top {
          width: 100%;
          display: block;
          float: left;
          border-bottom: solid #f2f2f2 1px; }
          @media (max-width: 768px) {
            .order-tracking .table .cart .column .top {
              display: none; } }
          .order-tracking .table .cart .column .top .col-1,
          .order-tracking .table .cart .column .top .col-2,
          .order-tracking .table .cart .column .top .col-3,
          .order-tracking .table .cart .column .top .col-4,
          .order-tracking .table .cart .column .top .col-5,
          .order-tracking .table .cart .column .top .col-6 {
            width: 15%;
            display: block;
            float: left;
            font: normal 14px/35px "Avenir Next LT Pro", sans-serif;
            text-align: center; }
            @media (max-width: 768px) {
              .order-tracking .table .cart .column .top .col-1,
              .order-tracking .table .cart .column .top .col-2,
              .order-tracking .table .cart .column .top .col-3,
              .order-tracking .table .cart .column .top .col-4,
              .order-tracking .table .cart .column .top .col-5,
              .order-tracking .table .cart .column .top .col-6 {
                display: none; } }
          .order-tracking .table .cart .column .top .col-2 {
            padding: 0 0 0 10px;
            width: 60%;
            text-align: left; }
          .order-tracking .table .cart .column .top .col-3 {
            width: 10%; }
          .order-tracking .table .cart .column .top .col-4 {
            width: 15%; }
          .order-tracking .table .cart .column .top .col-5 {
            width: 15%; }
          .order-tracking .table .cart .column .top .col-6 {
            width: 5%; }
        .order-tracking .table .cart .column .box {
          padding: 10px 0;
          box-sizing: border-box;
          width: 100%;
          display: block;
          float: left;
          border-bottom: solid #f2f2f2 1px; }
          @media (max-width: 768px) {
            .order-tracking .table .cart .column .box {
              margin: 20px 0;
              width: 100%;
              padding: 10px;
              min-height: 150px;
              box-sizing: border-box;
              -webkit-border-radius: 15px;
              border-radius: 15px;
              background-clip: padding-box;
              position: relative;
              border: solid #f2f2f2 1px; } }
          .order-tracking .table .cart .column .box .col-1,
          .order-tracking .table .cart .column .box .col-2,
          .order-tracking .table .cart .column .box .col-3,
          .order-tracking .table .cart .column .box .col-4,
          .order-tracking .table .cart .column .box .col-5,
          .order-tracking .table .cart .column .box .col-6 {
            width: 15%;
            display: block;
            float: left;
            font: normal 14px/35px "Avenir Next LT Pro", sans-serif;
            text-align: center; }
          @media (max-width: 768px) {
            .order-tracking .table .cart .column .box .col-1 {
              width: 100px; } }
          .order-tracking .table .cart .column .box .col-1 img {
            width: 70%;
            margin: auto;
            float: none; }
            @media (max-width: 768px) {
              .order-tracking .table .cart .column .box .col-1 img {
                width: 100%; } }
          .order-tracking .table .cart .column .box .col-2 {
            width: 60%;
            padding: 5px 0 0 10px;
            font: bold 14px/18px "Avenir Next LT Pro", sans-serif;
            text-align: left;
            color: #8a93a2; }
            @media (max-width: 768px) {
              .order-tracking .table .cart .column .box .col-2 {
                width: 80%; } }
            @media (max-width: 570px) {
              .order-tracking .table .cart .column .box .col-2 {
                width: 60%;
                font: bold 14px/18px "Avenir Next LT Pro", sans-serif; } }
          .order-tracking .table .cart .column .box .col-3 {
            width: 10%; }
            @media (max-width: 768px) {
              .order-tracking .table .cart .column .box .col-3 {
                width: 80%;
                padding: 0 0 0 10px; } }
            @media (max-width: 570px) {
              .order-tracking .table .cart .column .box .col-3 {
                width: 60%; } }
          .order-tracking .table .cart .column .box .col-4 {
            width: 15%;
            font-weight: bold;
            color: #ffa200; }
            @media (max-width: 768px) {
              .order-tracking .table .cart .column .box .col-4 {
                width: 80%;
                text-align: justify;
                padding: 0 0 0 10px;
                font-size: 20px; } }
            @media (max-width: 570px) {
              .order-tracking .table .cart .column .box .col-4 {
                width: 60%; } }
          .order-tracking .table .cart .column .box .col-5 {
            width: 15%;
            font-weight: bold;
            color: #ffa200; }
            @media (max-width: 768px) {
              .order-tracking .table .cart .column .box .col-5 {
                display: none; } }
          .order-tracking .table .cart .column .box .col-6 {
            width: 5%; }
            @media (max-width: 768px) {
              .order-tracking .table .cart .column .box .col-6 {
                float: right; } }
          .order-tracking .table .cart .column .box .quantity {
            width: 95px;
            height: 45px;
            display: block;
            float: left; }
            @media (max-width: 375px) {
              .order-tracking .table .cart .column .box .quantity {
                width: 95px; } }
            .order-tracking .table .cart .column .box .quantity span {
              width: 100%;
              display: block;
              float: left;
              font: normal 14px/35px "Avenir Next LT Pro", sans-serif;
              color: #6a7a95;
              border: none;
              text-align: center;
              margin: 0;
              padding: 0; }
              @media (max-width: 375px) {
                .order-tracking .table .cart .column .box .quantity span {
                  width: 40px;
                  font: normal 12px/42px "Avenir Next LT Pro", sans-serif; } }
      .order-tracking .table .cart .total {
        width: 250px;
        padding: 15px 0;
        display: block;
        float: right; }
        .order-tracking .table .cart .total .column {
          width: 250px;
          display: block;
          float: left;
          margin: 0;
          padding: 0;
          border: none; }
          .order-tracking .table .cart .total .column span {
            width: 125px;
            display: block;
            float: left;
            margin: 0;
            padding: 0;
            font: normal 14px/20px "Avenir Next LT Pro", sans-serif;
            display: block;
            color: #8a93a2;
            text-align: justify; }
          .order-tracking .table .cart .total .column .price {
            font-weight: bold; }
          .order-tracking .table .cart .total .column p {
            font: bold 18px/20px "Avenir Next LT Pro", sans-serif;
            color: #ffa200; }
    .order-tracking .table .column {
      width: 100%;
      border: solid #f2f2f2 1px;
      margin: 0 0 20px 0; }
      .order-tracking .table .column ul {
        width: 100%;
        margin: 0;
        padding: 0; }
        .order-tracking .table .column ul h2 {
          padding: 15px 0;
          margin: 0;
          font: bold 15px/25px "Avenir Next LT Pro", sans-serif;
          text-align: center;
          color: #778398;
          border-top: solid #58c79f 2px; }
        .order-tracking .table .column ul li {
          list-style: none;
          width: 100%;
          height: 50px;
          font: bold 13px/50px "Avenir Next LT Pro", sans-serif;
          color: #3f4354;
          padding: 0 0 0 10px;
          border-bottom: solid #f2f2f2 1px;
          background: #fafafc; }
        .order-tracking .table .column ul li:nth-child(odd) {
          height: 100%;
          font: normal 13px/20px "Avenir Next LT Pro", sans-serif;
          border: none;
          color: #778398;
          background: none;
          padding: 15px 0 15px 10px; }
        .order-tracking .table .column ul div {
          width: 100%;
          padding: 10px;
          display: flex; }
          .order-tracking .table .column ul div .col {
            width: 50%; }
            .order-tracking .table .column ul div .col span {
              font: normal 13px/35px "Avenir Next LT Pro", sans-serif;
              display: block; }

/*----------------------------------<>----------------------------------*/
/*ADRESS*/
.adress {
  width: 100%;
  padding: 10px;
  box-sizing: border-box; }
  .adress .top {
    width: 100%; }
    .adress .top h1 {
      width: 100%;
      font: bold 15px/50px "Avenir Next LT Pro", sans-serif;
      color: #545b68;
      border-bottom: solid #f2f2f2 1px; }
    .adress .top .button {
      width: 150px;
      text-align: center;
      font: normal 14px/60px "Avenir Next LT Pro", sans-serif;
      text-decoration: none;
      color: #fff;
      -webkit-border-radius: 50px;
      border-radius: 50px;
      background-clip: padding-box;
      -webkit-transition: all 0.5s;
      -moz-transition: all 0.5s;
      transition: all 0.5s;
      cursor: pointer;
      float: right;
      background: #0059ff;
      font: bold 14px/45px "Avenir Next LT Pro", sans-serif; }
      @media (max-width: 768px) {
        .adress .top .button {
          width: 100%;
          float: left; } }
  .adress .col {
    padding: 10px;
    box-sizing: border-box;
    width: 50%; }
    @media (max-width: 1024px) {
      .adress .col {
        width: 100%; } }
    .adress .col h3 {
      width: 100%;
      font: bold 15px/30px "Avenir Next LT Pro", sans-serif;
      color: #545b68; }
    .adress .col .column {
      margin: 10px 0;
      padding: 15px;
      box-sizing: border-box;
      width: 100%;
      border: solid #e6e8eb 1px;
      -webkit-border-radius: 5px;
      border-radius: 5px;
      background-clip: padding-box;
      background: #fbfbfb; }
      .adress .col .column span {
        display: block;
        font: normal 14px/20px "Avenir Next LT Pro", sans-serif;
        color: #545b68; }
      .adress .col .column .edit {
        margin: 10px 0 0 0;
        width: 100%;
        opacity: 0; }
        .adress .col .column .edit a {
          color: #fff;
          width: auto;
          font: normal 12px/25px "Avenir Next LT Pro", sans-serif;
          padding: 0 12px;
          box-sizing: border-box; }
        .adress .col .column .edit .red {
          background: #f25e5e;
          -webkit-border-radius: 5px;
          border-radius: 5px;
          background-clip: padding-box; }
        .adress .col .column .edit .green {
          margin: 0 7px 0 0;
          background: #3dc68a;
          -webkit-border-radius: 5px;
          border-radius: 5px;
          background-clip: padding-box; }
      .adress .col .column:hover .edit {
        opacity: 1;
        -webkit-transition: opacity 0.1s ease-in;
        -moz-transition: opacity 0.1s ease-in;
        -o-transition: opacity 0.1s ease-in;
        opacity: 1; }
  .adress form {
    width: 100%; }
    @media (max-width: 1024px) {
      .adress form {
        width: 100%; } }
    .adress form span {
      font-size: 15px; }
    .adress form .column {
      width: 25%; }
    .adress form p {
      width: 100%;
      height: 10px;
      border-bottom: solid #f2f2f2 1px; }
    .adress form .col-1 {
      margin: 0 0 10px 0; }
    .adress form .col-3 {
      padding: 10px 0 0 0;
      margin: 0 0 10px 0;
      width: 100%;
      display: flex; }
      .adress form .col-3 label {
        margin: 0 3px;
        width: 50%; }
    .adress form p {
      margin: 15px 0;
      width: 100%; }
  .adress .bottom {
    width: 100%;
    margin: 0;
    padding: 0; }
    .adress .bottom .button {
      width: 50%;
      background: #0059ff;
      font: bold 14px/40px "Avenir Next LT Pro", sans-serif; }
      @media (max-width: 768px) {
        .adress .bottom .button {
          width: 100%;
          float: left; } }
		  
/*----------------------------------<>----------------------------------*/
/*ABOUT*/
.about {
  width: 100%;
  padding: 0 15px 15px 15px;
  box-sizing: border-box; }
  .about .head {
    width: 100%;
    height: 70px;
    border-bottom: solid #f2f2f2 1px;
    margin: 0 0 15px 0; }
    .about .head h1 {
      width: auto;
      font: bold 18px/70px "Avenir Next LT Pro", sans-serif;
      color: #8a93a2; }
  .about .column {
    width: 100%; }
    .about .column .menu {
      width: 25%;
      /*Media Query*/ }
      @media (max-width: 1024px) {
        .about .column .menu {
          width: 100%; } }
      .about .column .menu nav.menutoogle {
        height: auto;
        width: 100%;
        background: #f6f8fa;
        clear: both;
        overflow: hidden;
        -webkit-border-radius: 10px;
        border-radius: 10px;
        background-clip: padding-box; }
        .about .column .menu nav.menutoogle article {
          margin: 0;
          padding: 10px;
          padding: 0;
          width: 100%;
          height: auto; }
          .about .column .menu nav.menutoogle article span {
            width: 100%;
            font: normal 15px/23px "Avenir Next LT Pro", sans-serif;
            color: #9ca5ae; }
        .about .column .menu nav.menutoogle li {
          width: 100%;
          list-style: none;
          float: left;
          padding: 0; }
        .about .column .menu nav.menutoogle ul {
          padding: 0;
          margin: 0 auto !important;
          max-width: 100%; }
        .about .column .menu nav.menutoogle a {
          width: 100%;
          color: #9ca5ae;
          display: inline-block;
          text-decoration: none;
          font: normal 15px/50px "Avenir Next LT Pro", sans-serif; }
          .about .column .menu nav.menutoogle a:hover, .about .column .menu nav.menutoogle a:active {
            background-color: #e8edf2;
            color: #808c98; }
        .about .column .menu nav.menutoogle li a {
          padding-left: 10px;
          box-sizing: border-box;
          -moz-box-sizing: border-box;
          -webkit-box-sizing: border-box;
          transition: all 0.3s ease-in-out;
          -webkit-transition: all 0.3s ease-in-out; }
        .about .column .menu nav.menutoogle li:last-child a {
          border-right: 0; }
      .about .column .menu #pull {
        background-color: #bdc3c7; }
      .about .column .menu .menutoogle a#pull {
        display: none;
        position: relative;
        cursor: pointer;
        transition: all 0.3s ease-in-out;
        -webkit-transition: all 0.3s ease-in-out;
        border-bottom: 1px solid #ECF0F1; }
      @media screen and (max-width: 1024px) {
        .about .column .menu .menutoogle {
          height: auto; }
          .about .column .menu .menutoogle ul {
            width: 100%;
            display: block;
            height: auto;
            margin: 0; }
            .about .column .menu .menutoogle ul article {
              margin: 0;
              padding: 10px;
              padding: 0;
              width: 100%;
              height: auto; }
              .about .column .menu .menutoogle ul article span {
                width: 100%;
                font: normal 15px/23px "Avenir Next LT Pro", sans-serif;
                color: #9ca5ae; }
          .about .column .menu .menutoogle li {
            width: 50%;
            float: left;
            position: relative; }
            .about .column .menu .menutoogle li a {
              border-bottom: 1px dotted #34495e; }
          .about .column .menu .menutoogle a {
            text-align: left;
            width: 100%;
            text-indent: 25px; } }
      @media only screen and (max-width: 1024px) {
        .about .column .menu .menutoogle {
          border-bottom: 0; }
          .about .column .menu .menutoogle ul {
            display: none;
            height: auto; }
            .about .column .menu .menutoogle ul article {
              margin: 0;
              padding: 10px;
              padding: 0;
              width: 100%;
              height: auto; }
              .about .column .menu .menutoogle ul article span {
                width: 100%;
                font: normal 15px/23px "Avenir Next LT Pro", sans-serif;
                color: #9ca5ae; }
          .about .column .menu .menutoogle a#pull {
            display: block;
            background-color: #ECF0F1;
            width: 100%;
            position: relative; }
            .about .column .menu .menutoogle a#pull:before {
              content: "";
              width: 30px;
              height: 30px;
              display: inline-block;
              position: absolute;
              right: 15px;
              top: 15px; } }
      @media only screen and (max-width: 1024px) {
        .about .column .menu h1 {
          font-size: 80px; }
        .about .column .menu article {
          margin: 0;
          padding: 10px;
          padding: 0;
          width: 100%;
          height: auto; }
          .about .column .menu article span {
            width: 100%;
            font: normal 15px/23px "Avenir Next LT Pro", sans-serif;
            color: #9ca5ae; }
        .about .column .menu .menutoogle li {
          display: block;
          float: none;
          width: 100%; }
          .about .column .menu .menutoogle li a {
            border-bottom: 1px solid #ddd; } }
    .about .column .col {
      width: 75%;
      padding: 0 0 0 20px;
      box-sizing: border-box; }
      .about .column .col h4 {
        width: 100%;
        font: bold 18px/50px "Avenir Next LT Pro", sans-serif;
        color: #70757d; }
      .about .column .col span {
        width: 100%;
        font: normal 14px/22px "Avenir Next LT Pro", sans-serif;
        color: #9ca5ae; }

/*----------------------------------<>----------------------------------*/
/*----------------------------------<>----------------------------------*/

  .contact .head {
    width: 100%;
    height: 70px;
    border-bottom: solid #f2f2f2 1px;
    margin: 0 0 15px 0; }
    .contact .head h1 {
      width: auto;
      font: bold 18px/70px "Avenir Next LT Pro", sans-serif;
      color: #8a93a2; }
  .contact form {
    width: 50%;
    display: table; }
    @media (max-width: 768px) {
      .contact form {
        width: 100%;
        margin: 0; } }
    .contact form .col {
      width: 100%;
      padding: 0; }
      .contact form .col input[type="submit"] {
        margin: 0; }
    .contact form label {
      margin: 10px 0;
      position: relative;
      display: block;
      width: 100%; }
      .contact form label input {
        width: 100%;
        height: 60px;
        padding: 0 20px;
        box-sizing: border-box;
      
        background-clip: padding-box;
        background: #f8fafb;
        font: normal 14px/60px "Avenir Next LT Pro", sans-serif;
        color: #8a93a2;
        -webkit-transition: all 0.5s;
        -moz-transition: all 0.5s;
        transition: all 0.5s;
        border: solid #ebedef 1px; }
        .contact form label input::placeholder {
          transition: all 0.2s ease-in-out;
          color: #999;
          font: 18px Helvetica, Arial, sans-serif; }
        .contact form label input:focus, .contact form label input.populated {
          background: #fff;
          border: solid #ebedef 1px; }
          .contact form label input:focus::placeholder, .contact form label input.populated::placeholder {
            color: transparent; }
          .contact form label input:focus + span, .contact form label input.populated + span {
            opacity: 1;
            top: 10px; }
    .contact form a {
      line-height: 50px; }
    .contact form input[type="button"] {
      width: 100%;
      margin: 10px 0;
      background: #0099B2;
      font: bold 14px/20px "Avenir Next LT Pro", sans-serif;
      cursor: pointer;
      color: #fff; }
      .contact form input[type="button"]:hover {
        background: #697589; }
    .contact form .area {
      width: 100%;
      min-height: 100px;
      padding: 17px;
      box-sizing: border-box;
    
      background: #f8fafb;
      font: normal 14px/20px "Avenir Next LT Pro", sans-serif;
      color: #767d8d;
      -webkit-transition: all .5s;
      -moz-transition: all .5s;
      transition: all .5s;
      border: solid #ebedef 1px;
      outline: 0;
      resize: none;
      -webkit-transition: all 0.5s;
      -moz-transition: all 0.5s;
      transition: all 0.5s; }
      .contact form .area:focus, .contact form .area.populated {
        background: #fff;
        border: solid #ebedef 1px;
        outline: 0; }
        .contact form .area:focus::placeholder, .contact form .area.populated::placeholder {
          color: transparent; }
        .contact form .area:focus + span, .contact form .area.populated + span {
          opacity: 1;
          top: 10px; }
  .contact .address {
    padding: 0 0 0 50px;
    box-sizing: border-box;
    width: 50%; }
    @media (max-width: 768px) {
      .contact .address {
        margin: 40px 0 0;
        width: 100%;
        padding: 0; } }
    .contact .address h3, .contact .address h5 {
      width: 100%;
      font: bold 15px/30px "Avenir Next LT Pro", sans-serif;
      color: #7d8084; }
    .contact .address h5 {
      margin: 30px 0 0 0;
      font: normal 15px/20px "Avenir Next LT Pro", sans-serif; }
      @media (max-width: 768px) {
        .contact .address h5 {
          margin: 20px 0 0; } }

/*----------------------------------<>----------------------------------*/

/*MODALBOX*/
/*----------------------------------------*----------------------------------------*/
.modalDialog {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.8);
  z-index: 99999;
  opacity: 0;
  -webkit-transition: opacity 400ms ease-in;
  -moz-transition: opacity 400ms ease-in;
  transition: opacity 400ms ease-in;
  pointer-events: none;
  z-index: 100002; }

.modalheader {
  width: 100%;
  height: 59px;
  background: #fff;
  border-bottom: solid #e5e5e5 1px; }
  .modalheader h2 {
    width: 100%;
    margin: 0;
    padding: 0 15px 0 15px;
    font: bold 14px/59px "Avenir Next LT Pro", sans-serif;
    color: #9d9d9d;
    line-height: 59px; }

.modalDialog:target {
  opacity: 1;
  pointer-events: auto; }

article {
  padding: 15px 0 0 0;
  width: 100%;
  height: 250px;
  overflow: hidden; }
  article h5 {
    width: 80%;
    margin: 0;
    padding: 0;
    font: normal 14px/18px "Avenir Next LT Pro", sans-serif;
    color: #92969e; }

.modalDialog > div {
  margin: 10px auto;
  background-color: #fafafa;
  position: relative;
  width: 90%;
  height: 350px; }
  .modalDialog > div .modalcontent {
    padding: 0 0 0 15px;
    height: 350px; }
    .modalDialog > div .modalcontent span {
      width: 420px;
      line-height: 40px;
      font-size: 14px;
      color: #9ea9b3; }
  .modalDialog > div .close {
    background: url(../images/master/modalbox-close.png);
    position: absolute;
    right: 0px;
    top: 0px;
    width: 60px;
    height: 59px;
    /*&:hover {
        background: #00d9ff;
    }*/ }


.divform {
  width: 50%; }

/*# sourceMappingURL=layouts.css.map */

/*urun detay detay start*/


/* Style the tab */
div.urunTabi {
    overflow: hidden;
    border: 1px solid #e5e5e5;
	border-bottom:0px solid #e5e5e5;
    background-color: #f1f2f2;
	max-width:1025px;
	
	
}

/* Style the links inside the tab */
div.urunTabi a {
    float: left;
    display: block;
    color: black;
    text-align: center;
    padding: 14px 0px;
    text-decoration: none;
    transition: 0.3s;
    font-size: 17px;
	border-right:1px solid #e5e5e5;
	width:249px;
	
	
}
#yorumlarTabKutusu{
border-right:0px solid #ffffff;
}

/* Change background color of links on hover */
div.urunTabi a:hover {
    background-color: #f1f2f2;
}

/* Create an active/current tablink class */
div.urunTabi a:focus, .active {
    background-color: #ffffff;
	
	
}

/* Style the urunTabi content */
.tabcontent {
    display: none;
    padding: 6px 12px;
    border: 1px solid #e5e5e5;
    border-top: none;
	border-top:0px solid #ff0000;
	max-width:1000px;
	

}

.urunGosterimDetailEk{
	margin-bottom:17px;
}

.urunDetaySecimiTasiyiciDivs{

height:43px; 
line-height:25px;  
border:0px solid #ff0000;
 float:left; 
 width:25%
}

.aromaSecininTasiyisiPTAG{
font-size:20px; line-height:50px;

}

.urunDetaySelectBoxX{
border:0px solid #ff0000; float:left; width:75%

}

.urunDetayBirSpan{
height:15px; width:100%
}

.urunDetayHeyesiUstSpan{
	
	font-size:20px; line-height:50px; 

}
.urunHediyesiTasiyiciDikDortgen{
border:0px solid #ff0000; float:left; width:75%

}

.sonTuketimTarihiText{
margin-top:15px; margin-bottom:13px;
}

.priceGelismis{
position:relative;  border:0px solid #000000; text-align:center; background-color:#F1F2F2;
}
.priceAltSpan{
border:0px solid #ff0000; float:left; width:45%
}
#sepeteEkleButonu{
	cursor:pointer;
}

.fbYorum{
margin-top:10px; margin-bottom:10px;
}

/*urun detay detay stop*/

/*urun kategori detay start*/
.anasayfaSepeteEkleButton{
	 width:135px;  background-color:#0099B2; color:#ffffff; text-align: center; cursor:pointer;
}
		.urunSepeteEkleIndexTasiyiciAcilirPencere {
			box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
			background-color:#ffffff;
			padding-left:41px;
			display:none;
		}

		.urunSepeteEkleIndexTasiyiciAcilirPencere h2{
			color:#0099B2;
			text-align:center;
			margin-top:25px;
		}
		
		/*responsible*/
		@media (min-width: 1024px) {
	
		.urunSepeteEkleIndexTasiyiciAcilirPencere{
				position:relative;
				display:none;
				width:931px;
				height:620px;
				background-color:#ffffff;
				} 
		
		
		}
		@media (max-width: 1024px) {
	
		.urunSepeteEkleIndexTasiyiciAcilirPencere{
			box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
				position:relative;
				display:none;
				width:100%;
				
				background-color:#ffffff;
				} 
		
		
		}
		/*responsible*/
.urunlerBaslikEk{
	
	position:relative; margin-top:25px;  border:1px solid #f1f2f2;  border-bottom:0px #000000; width:100%; height:50px; text-align:center; color:#666666; line-height:50px;
	
}
.urunlerTabEkA{
	
float:left; border:0px solid #ff0000; background-color:#ffffff;  font-size:20px; width:50%; font-family: 'Times New Roman', Times, serif;	
	
}

.urunlerTabEkB{
	
	float:right; border-bottom:1px solid #f1f2f2; background-color:#F1F2F2; width:50%
	
}

.urunlerTemizleCerceve{
	
	border-bottom:1px solid #f1f2f2; border-left:1px solid #f1f2f2; border-right:1px solid #f1f2f2;
	
}

.iconBarKategoriEk{
	
	margin-top:25px; margin-bottom:25px;
}

/*urun kategroi detay stop*/

/*uye girisi start*/

.girisBuyukCerceve{
	min-height:500px; 
	margin-top:80px;

}
.yeniUyelikOlusturSideTasiyiciDivi{
	width:45%; 
	text-align:left;
}
.uyeGirisiSideTasiyiciDivi{
	width:45%; margin-left:5%;
	border-right:1px solid #d5d5d5; 
}
.yeniUyelikCerceve{
	position:relative; 
	margin-right:10px;  
	margin-left:50px;
	height:100%;
	}
.uyeGirisiCerceve{
	position:relative;
	margin-left:10px; 
	margin-right:50px; 
	height:100%;}
	
	
@media(max-width:780px) {
	.girisBuyukCerceve{
		min-height:460px; 
		margin-top:40px;
			}
	.yeniUyelikOlusturSideTasiyiciDivi {
		margin-top:25px;
		width:100%;
						}
	.uyeGirisiSideTasiyiciDivi{
		width:100%; 
		}
		

		
	.yeniUyelikCerceve{
		position:relative; 
		text-align:center;
		margin-left:50px;  
		margin-right:50px;
		height:100%;
	}
}

/*uye girisi stop*/

/*taksit bilgisi start*/

/*COMMENTS*/
.payment-options {
  width: 100%;
}

  box-sizing: border-box; }
  .payment-options .table {
    width: 100%;
   
    box-sizing: border-box;
    border: solid #dfe4ea 0px;

     }
    .payment-options .table h5 {
      width: 100%;
      border-bottom: solid #dfe4ea 1px;
      font: bold 14px/45px Avenir Next LT Pro, sans-serif; }
    .payment-options .table .column {
      width: auto;
      display: flex; 
	  display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
	}
      .payment-options .table .column .col {
        width: 150px;
        margin: 0 20px 0 0; }
        .payment-options .table .column .col .bank {
          width: 100%;
          height: 63px; }
      .payment-options .table .column .col-2 {
        width: auto; }
        .payment-options .table .column .col-2 ul {
          margin: 0;
          padding: 0; }
          .payment-options .table .column .col-2 ul li {
            width: 100%;
            padding: 0 25px;
            box-sizing: border-box; }
            @media (max-width: 768px) {
              .payment-options .table .column .col-2 ul li {
                padding: 0 5px; } }
            .payment-options .table .column .col-2 ul li span {
              font: normal 14px/35px "Avenir Next LT Pro", sans-serif; }
          .payment-options .table .column .col-2 ul li:nth-child(even) {
            background: #eaeff3; }
          .payment-options .table .column .col-2 ul li:nth-child(odd) {
            background: #FAF9F9; }

/*----------------------------------<>----------------------------------*/
.taksitTanimlariTable {
	
    border-collapse: collapse;
    width: 100%;
}

.taksitTanimlariTable th, td {
    text-align: center;
    padding: 8px;
}

tr:nth-child(even){background-color: #f2f2f2}

.worldTab{
    background-color: #650C6F;
    color: white;
}
.maximimTab{
    background-color: #C12A72;
    color: white;
}
.bonusTab{
    background-color: #9CC435;
    color: white;
}
.axessTab{
    background-color: #EFA222;
    color: white;
}
.cardFinansTab{
    background-color: #073170;
    color: white;
}

@media (max-width:482px){
	.taksitTanimlariTable th, td {
    text-align: center;
    padding: 0px;
	
}
	.tabcontent{
		border:1px solid #ffffff;
	}
	
	.taksitCarpiliTablo{
		font-size:10px !important;
	}
		}

/*taksit bilgisi stop*/

/*sepet acilir penceresi start*/

	
	.sepetEklenmisUrunlerTasiyiciDivi {
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
			background-color:#ffffff;
			padding-left:41px;
			display:none;
		}

	.sepetEklenmisUrunlerTasiyiciDivi h2{
			color:#0099B2;
			text-align:center;
			margin-top:25px;
		}
		
	.rakam{
		margin-top:150px; 
		text-align:left; 
		border:0px solid #ff0000;
	}
	
	.urunadi{
	
		margin-top:105px;
	
	}
	
	.urunadi h1{
		color:#495F73;
		font-size:20px;
		margin-left:41px;
	}
	
	.fiyat{
	
	height:200px;
	color: #333;
            font: bold 18px/20px "Avenir Next LT Pro", sans-serif;
		font-size:22px;
	}
	
	.buttonSepetEkleAcilirPsag {
    margin: 15px 0;
    width: 120px;
	float:right;
    padding: 0 10px 0 10px;
    cursor:pointer;
    height: 50px;

    background-clip: padding-box;
    color: #fff;
    background: #0099B2;
    text-align: center;
    font: bold 14px/50px "Avenir Next LT Pro", sans-serif; }
	
		@media (max-width: 750px) {
	
		
		
			.urunadi{
			
				position:absolute;
				max-width:50%px;
				border-bottom:50px;
				margin-top:110px;
				margin-left:-25px;
			
				
				
			}
			.urunadi h1{
				color:#495F73;
				font-size:16px;
				margin-left:20px;
				
				
				} 
		
			
	}
	
	
    @media (max-width: 931px) {
		  .buttonSepetEkleAcilirPsag {
			width: 93%; 
			} 
			
			.urunadi h1{
			
			
			max-width:450px;
			
			}
		}
		
	.buttonSepetEkleAcilirPsol {
    margin: 15px 0;
    width: 210px;
	float:right;
    padding: 0 10px 0 10px;
    cursor:pointer; 
	margin-right:10px;
    height: 50px;

    background-clip: padding-box;
    color: #333;
    background: #D0D5DA;
    text-align: center;
    font: bold 14px/50px "Avenir Next LT Pro", sans-serif; }
    @media (max-width: 931px) {
      .buttonSepetEkleAcilirPsol {
        width: 93%; 
		margin-right:0px;
		} }

	@media (min-width: 931px) {
	
		.sepetEklenmisUrunlerTasiyiciDivi{
		 box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
			position:relative;
			display:none;
			width:931px;
			height:521px;
			background-color:#ffffff;
		} 
		
		
		
		.sepetAcilirPTasiyiciDIV{
		
		
		}	
	}
	
	#sepettekiUrunHediyesiJS{
		
		font-size:60%;
	}


/*sepet acilir penceresi stop*/


@media (min-width:1000px){
	
	.priceGelismis{
		
		min-width:350px;
			}
			

	}

@media (max-width:1000px){
	
	.urunDetaySecimiTasiyiciDivs{
		
		text-align:left;
			}
			

	}


/*----------------------------------<>----------------------------------*/
/* countdown baslat*/

#defaultCountdown { width: 240px; height: 25px; border:1px solid #000000; }

is-countdown {
	
	
}
.countdown-rtl {
	direction: rtl;
}
.countdown-holding span {
	color: #888;
}
.countdown-row {
	clear: both;
	width: 100%;
	padding: 0px 2px;
	text-align: center;
}
.countdown-show1 .countdown-section {
	width: 98%;
}
.countdown-show2 .countdown-section {
	width: 48%;
}
.countdown-show3 .countdown-section {
	width: 32.5%;
}
.countdown-show4 .countdown-section {
	width: 24.5%;
}
.countdown-show5 .countdown-section {
	width: 19.5%;
}
.countdown-show6 .countdown-section {
	width: 16.25%;
}
.countdown-show7 .countdown-section {
	width: 14%;
}
.countdown-section {
	display: block;
	float: left;
	font-size: 12;
	text-align: center;
}
.countdown-amount {
	display: hide;
    font-size: 150%;
	font-weight: bold;
}
.countdown-period {
    display: block;
}
.countdown-descr {
	display: block;
	width: 100%;
}
/* countdown bitti*/

/*2.kisim baslat*/

#cssMenuRenkBar{
	position:relative;  
	border:0px solid #0000ff; 
	width:100%; 
	min-height:87px;  

}

.cssMenuBar{
	position:relative;
	background: #fff;
	max-width:1001px;
	margin-left: auto;
	margin-right:  auto;
	margin-top:0px;
	display: block;
	min-height: 100%; 
	border:0px solid #ff0000;
	
}


.inputsAra  { 
	position:relative;
    background: #ffffff; 
    font-size: 14px; 
    -moz-border-radius: 2px; .
    -webkit-border-radius: 2px; 
    border-radius: 2px; 
    border: none; 
	border:0.5px solid #808080;
	
	padding: 10px;
    -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
    -moz-box-sizing: border-box;    /* Firefox, other Gecko */
    box-sizing: border-box;         /* Opera/IE 8+ */ 
	width:301px; 
	height:36px;

	 top-bottom: 10px;
    margin-bottom: 10px; 
    
    clear: both; 
}  
.inputsAra:focus { 
    background: #fff; 
    box-shadow: 0px 0px 2px 0px #0079F4, inset 0px 0px 0px #0079F4, 2px 0px 2px #0079F4; 
    outline: none;    
}


.araInputTasiyiciDivi { 
   float:left;
   border:0px solid #000000;  
   margin-top:25px; 
   width:50%; 
   z-index:9
}	

.logoTasiyiciDivi { 
  float:left; 
  height:81px;  
  border:0px solid #000000;
}
#logoJPG { 
  margin-top:25px;
  margin-left:10px;
}

#mobilLogoJPG{
position:absolute;
 top:12.5px;
 left:55px; 
 display:none;
 z-index:666
}

#sepetMaviIconTasiyiciSpan{
	position:absolute; 
	right:-55px; top:-10px;
	display:none;
	
}

#sepetMavikIconTasiyiciSpan{

	display:none;

}



#sepetKullaniciMaviIconTasiyiciSpan{
	position:absolute;
	right:-36px; 
	top:-10px;
	display:none;
	

}

	.usersMiniMenuMavi{
			display:none;


}
.usersminiMenuCerceveMavi a{
		display:none;
	
}

.clearBootHSatir{
	
	clear:both;
	
}

#menuMaviSepetIcon{
	
	display:none;
}

#menuMaviUserIcon{

	display:none;
}

#sepetKullaniciBeyazIconTasiyiciSpan{
	display:none;
}

.dilMenusuTasiyiciDivi{

	position:absolute;
	border:0px solid #000000;
	margin-top:30px;
	right:10px; 
	text-align:right; 
	

}

.dilMenusuAltDivi{
			position:absolute;
			left:-125px;
			top:-10px; 
			 color:#5f5f9e; 
			 font-family: 'Times New Roman', Times, serif; 
			 font-size:13px;
			
		}

.dilMenusuTasiyiciDiviAltSpan{  
	
	position:relative; 
	
}

#cssMenuTasiyiciMaviDivi{
	position:relative;
	width:100%; 
	border:0px solid #000000; 
	min-height:49px; 
	background-color:#0099B2;

}

.cssMenuTasiyiciMaviAltDivi{
	
	
	position:relative;

	max-width:1001px;
	margin-left: auto;
	margin-right:  auto;
	min-height: 100%;
	height: auto; 
	
	
	
}

.cssMenuS{
	
	  height:49px; 
	  margin-top:0.6px;
	
}

.cssmenuMYPRO{
	
	  z-index:0; 
}



@media (max-width: 630px) {
	   .inputsAra{
			/*float:left;*/
			
		}
	}

	


	
@media (max-width: 630px) {
	   .araInputTasiyiciDivi{
	   
			/*bosver bir sey yapma*/
			
		}
	}
	


#araButton {

	position:absolute; 
	margin-right:0px; 
	margin-top:0px; 
	height:36px; 
	width:65px; 
	color:#ffffff; 
	background-color:#0099B2; 
	border:0px solid #0099B2;

	
  background: #0099B2;
  
  -webkit-border-radius: 5;
  -moz-border-radius: 5;
  border-radius: 0px 5px 5px 0px;
  text-shadow: 1px 1px 3px #666666;
  font-family: "Times New Roman", Times, serif;
  color: #ffffff;
  font-size: 13px;
  padding: 10px 20px 10px 20px;
  text-decoration: none;
  cursor:pointer;
  font-weight: bold;
 
  
}

#araButton:hover {

  background: #0079F4;
  text-decoration: none;
}




@media (max-width:804px){
	
	#TRText{
		font-size:10px;
		margin-left:30px;
		display:none;
		}
		
	#sepetMaviIconTasiyiciSpan{
	
	display:block;
	
	}
	
	.dilMenusuTasiyiciDivi{
		border:0px solid #000000;
			
			z-index:5;
			right:75px;
		}
		
	#sepetMavikIconTasiyiciSpan{
		display:block;
		z-index:5;
		right:20px;
	

position:absolute; right:-70px; top:-10px;


	
	}
	
	#sepetKullaniciMaviIconTasiyiciSpan{
	
	display:block;
	
	}
	
		.usersMiniMenuMavi{
			display:none;
text-align:right;
position:absolute; 
top:13px; 
right:-41px; 
width:200px; 
height:166px; 
background-color:#0099B2; 
color:white; 
font-weight:bold; 
cursor:pointer;

}
.usersminiMenuCerceveMavi a{
		display:none;
		color:white;
		font-size: 16px;
	  font-weight: 400;
	  text-transform: none;
	  letter-spacing: 0;
	  display: block;
	  width: 190px;
	  padding: 10px 0px 11px 20px;
	 font-weight:bold;
	
	 text-align:left;
}
	
		

	}
	
	
	.aciklamaMenusu{
   position:relative;width:100%;  
   height:49px; 
   line-height:49px;  
   background-color:#EDEDED;
}

#aciklamalarTasiyiciDivi{

	position:relative;
	max-width:1001px;
	margin-left: auto;
	margin-right:  auto;
	min-height: 100%;
	height: auto;
	color:#666666; 
	text-align:left; 
	z-index:0
}

.aciklamalarYardimciDivi{
   margin-left:45px;
}

.ozBilgilendirmeKutusu{

position:absolute; 
margin-top:15px;
margin-left:-27px;
}
.geriSayimTasiyiciDiv{
position:absolute; 
right:173px; 
top:0px;

}
.countDownBilgiText{

position:absolute; 
top:0px; 
color:#ffffff; 
z-index:30

}

.countDownBilgiTextAlt{
position:absolute; left:0px; top:0px; border:0px solid #000000; color:#ffffff; z-index:30
}


/*ust sayac basla*/
#countDownKutuA{
	
	position:absolute; background-color:#344654; border:0px solid #ff0000; width:33px; height:27px; top:11px; left:-3px; z-index:28
	
}

#countDownKutuB{
	
position:absolute; background-color:#344654; border:0px solid #ff0000; width:33px; height:27px; top:11px; left:41px; z-index:28;
	
}

#countDownKutuC{
	
position:absolute; background-color:#344654; border:0px solid #ff0000; width:33px; height:27px; top:11px; left:85px; z-index:28	
}
/*ust sayac bitti*/

/*alt sayac basla*/
#countDownKutuAltA{
	
	position:absolute; background-color:#344654; border:0px solid #ff0000; width:33px; height:27px; left:0px; top:-3px; margin-left:-3px; z-index:28
	
}

#countDownKutuAltB{
	
position:absolute; background-color:#344654; border:0px solid #ff0000; width:33px; height:27px; left:0px; top:-3px; margin-left:41px; z-index:28
	
}

#countDownKutuAltC{
	
position:absolute; background-color:#344654; border:0px solid #ff0000; width:33px; height:27px; left:0px; top:-3px; margin-left:85px; z-index:28
}
/*CONTAINER*/

/*CART*/
.cart {
  width: 100%;
  padding: 15px;
  box-sizing: border-box; }
  .cart .head {
    width: 100%;
    padding: 10px 0 10px 0;
    box-sizing: border-box;
    border-bottom: solid #f2f2f2 1px; }
    .cart .head img {
      margin: 0 10px 0 0; }
    .cart .head h1 {
      font: bold 22px/35px "Avenir Next LT Pro", sans-serif;
      color: #495F73; }
  .cart .column {
	 
    width: 100%; }
    .cart .column .top {
		
		
      width: 100%;
      padding: 10px 0;
      box-sizing: border-box;
      border-bottom: solid #f2f2f2 1px;
		border-left: solid #f2f2f2 1px;
		border-right: solid #f2f2f2 1px;
		}
      @media (max-width: 768px) {
        .cart .column .top {
          display: none; } }
      .cart .column .top .col-1,
      .cart .column .top .col-2,
      .cart .column .top .col-3,
      .cart .column .top .col-4,
      .cart .column .top .col-5,
      .cart .column .top .col-6 {
        width: 15%;
        font: normal 14px/35px "Avenir Next LT Pro", sans-serif;
        text-align: center; }
        @media (max-width: 768px) {
          .cart .column .top .col-1,
          .cart .column .top .col-2,
          .cart .column .top .col-3,
          .cart .column .top .col-4,
          .cart .column .top .col-5,
          .cart .column .top .col-6 {
            display: none; } }
      .cart .column .top .col-2 {
        padding: 0 0 0 10px;
        width: 40%;
        text-align: left; }
      .cart .column .top .col-3 {
        width: 10%; }
      .cart .column .top .col-4 {
        width: 15%; }
      .cart .column .top .col-5 {
        width: 13%; }
      .cart .column .top .col-6 {
        width: 7%; }
    .cart .column .box {
      padding: 10px 0;
      box-sizing: border-box;
      width: 100%;
      border-bottom: solid #f2f2f2 1px;
		border-left: solid #f2f2f2 1px;
		border-right: solid #f2f2f2 1px;}
      @media (max-width: 768px) {
        .cart .column .box {
          margin: 20px 0;
          width: 100%;
          padding: 10px;
          min-height: 150px;
          box-sizing: border-box;
          -webkit-border-radius: 15px;
          border-radius: 15px;
          background-clip: padding-box;
          position: relative;
          border: solid #f2f2f2 1px; } }
      .cart .column .box .col-1,
      .cart .column .box .col-2,
      .cart .column .box .col-3,
      .cart .column .box .col-4,
      .cart .column .box .col-5,
      .cart .column .box .col-6 {
        width: 13%;
        font: normal 16px/35px "Avenir Next LT Pro", sans-serif;
        text-align: center; }
      @media (max-width: 768px) {
        .cart .column .box .col-1 {
          width: 100px; } }
      .cart .column .box .col-1 img {
        width: 70%;
        margin: auto;
        float: none; }
        @media (max-width: 768px) {
          .cart .column .box .col-1 img {
            width: 100%; } }
      .cart .column .box .col-2 {
        width: 40%;
        padding: 5px 0 0 10px;
        font: bold 14px/18px "Avenir Next LT Pro", sans-serif;
        text-align: left;
        color: #8a93a2; }
        @media (max-width: 768px) {
          .cart .column .box .col-2 {
            width: 80%; } }
        @media (max-width: 570px) {
          .cart .column .box .col-2 {
            width: 60%;
            font: bold 14px/18px "Avenir Next LT Pro", sans-serif; } }
      .cart .column .box .col-3 {
        width: 10%; }
        @media (max-width: 768px) {
          .cart .column .box .col-3 {
            width: 80%;
            padding: 0 0 0 10px; } }
        @media (max-width: 570px) {
          .cart .column .box .col-3 {
            width: 60%; } }
      .cart .column .box .col-4 {
        width: 15%;
        font-weight: bold;
        color: #333333; }
        @media (max-width: 768px) {
          .cart .column .box .col-4 {
            width: 80%;
            text-align: justify;
            padding: 0 0 0 10px;
            font-size: 20px; } }
        @media (max-width: 570px) {
          .cart .column .box .col-4 {
            width: 60%; } }
      .cart .column .box .col-5 {
        width: 13%;
        font-weight: bold;
        color: #333333; }
        @media (max-width: 768px) {
          .cart .column .box .col-5 {
            display: none; } }
      .cart .column .box .col-6 {
		  margin-top:10px;
        width: 7%; }
        @media (max-width: 768px) {
          .cart .column .box .col-6 {
            float: right; } }
  .cart .total {
    padding: 15px 0;
	width: 100%;
     }
    .cart .total .column {
      width: 190px;
      text-align: center; }
      .cart .total .column span,
      .cart .total .column p {
        margin: 0;
        padding: 0;
        font: bold 16px/20px "Avenir Next LT Pro", sans-serif;
        display: block;
        color: #333333;
		margin-bottom:5px;}
      .cart .total .column p {
        font: bold 18px/20px "Avenir Next LT Pro", sans-serif;
        color: #333333; }
    .cart .total .button {
      margin: 15px 0;
      width: 100%;
      padding: 0 10px 0 10px;
      box-sizing: border-box;
      -webkit-border-radius: 25px;
      border-radius: 25px;
      background-clip: padding-box;
      color: #fff;
      background: #f6bd10;
      text-align: center;
      font: bold 14px/50px "Avenir Next LT Pro", sans-serif; }
      @media (max-width: 768px) {
        .cart .total .button {
          width: 100%; } }
  .cart .select-gift {
    width: 100%; }
    .cart .select-gift .col {
      width: 100%;
      height: 140px;
      -webkit-border-radius: 10px;
      border-radius: 10px;
      background-clip: padding-box;
      background-image: -moz-linear-gradient(90deg, #fb4e0a 0%, #e35703 100%);
      background-image: -webkit-linear-gradient(90deg, #fb4e0a 0%, #e35703 100%);
      background-image: -ms-linear-gradient(90deg, #fb4e0a 0%, #e35703 100%); }
      @media (max-width: 650px) {
        .cart .select-gift .col {
          height: auto; } }
      .cart .select-gift .col img {
        width: 140px; }
        @media (max-width: 650px) {
          .cart .select-gift .col img {
            width: 100px; } }
        @media (max-width: 580px) {
          .cart .select-gift .col img {
            width: 80px;
            margin: auto;
            float: none; } }
      .cart .select-gift .col span {
        margin: 50px 0 0;
        width: auto;
        font: normal 16px/20spx "Avenir Next LT Pro", sans-serif;
        color: #fff; }
        @media (max-width: 650px) {
          .cart .select-gift .col span {
            margin: 30px 0 0;
            font: normal 16px/20spx "Avenir Next LT Pro", sans-serif; } }
        @media (max-width: 580px) {
          .cart .select-gift .col span {
            width: 100%;
            display: block;
            float: left;
            font: normal 16px/20spx "Avenir Next LT Pro", sans-serif;
            text-align: center;
            padding: 10px 0;
            margin: 0; } }
    .cart .select-gift #gift {
      margin: 10px 0 0;
      width: 100%;
      padding: 15px;
      box-sizing: border-box;
      display: none;
      border: solid #d7e2df 1px;
      -webkit-border-radius: 10px;
      border-radius: 10px;
      background-clip: padding-box; }
      .cart .select-gift #gift h4 {
        width: 100%;
        font: bold 16px/40px "Avenir Next LT Pro", sans-serif;
        border-bottom: solid #f2f2f2 1px;
        color: #737372; }
      .cart .select-gift #gift .column {
        width: 25%;
        text-align: center; }
        .cart .select-gift #gift .column img {
          width: 80px;
          margin: auto;
          display: block;
          float: none; }
        .cart .select-gift #gift .column span {
          width: 100%;
          font: normal 14px/18px "Avenir Next LT Pro", sans-serif;
          color: #737372;
          display: block;
          margin: 0 0 10px 0; }
        .cart .select-gift #gift .column .aroma {
          width: 100%; }
		  
		 .cart .column .top .col-ek{
			 
			font: bold 16px/18px "Avenir Next LT Pro", sans-serif;
			color: #495F73;
			margin-left:-5px;
		 }
		 
		 .cart .column .box .col-4{
			  font-weight: normal;
			
			color: #555555;
		
		 }
		  
		

/*----------------------------------<>----------------------------------*/
.quantity {
  width: 120px;
  height: 45px; }
  @media (max-width: 375px) {
    .quantity {
      width: 95px; } }
  .quantity input {
    width: 35px;
    height: 35px;
    border: none;
    box-sizing: border-box;
    outline: none;
    text-align: center;
    font: bold 14px/100% "Avenir Next LT Pro", sans-serif; }
    @media (max-width: 375px) {
      .quantity input {
        width: 40px; } }
  .quantity span {
    width: 45px;
    font: normal 14px/35px "Avenir Next LT Pro", sans-serif;
    color: #6a7a95;
    border: none;
    margin: 0;
    padding: 0; }
    @media (max-width: 375px) {
		
      .quantity span {
        width: 40px;
        font: normal 12px/42px "Avenir Next LT Pro", sans-serif; } }
		
		
/*----------------------------------<>----------------------------------*/
/*LOGIN - REGISTER*/

    .membership-form .lr-form .connect-fb {
      margin: 10px 0 0;
      width: 100%;
      text-align: center;
      font: normal 14px/60px "Avenir Next LT Pro", sans-serif;
      text-decoration: none;
      color: #fff;
		height:41px;
		line-height:41px;
      cursor: pointer;
      background: #3262db url(../images/icons/bg-facebook.png) no-repeat; 
	   background-position: left center;}
      .membership-form .lr-form .connect-fb:hover {
        background: #155baa url(../images/icons/bg-facebook.png) no-repeat;
		 background-position: left center;
			line-height:41px;}
    .membership-form .lr-form a {
      font: normal 13px/30px "Avenir Next LT Pro", sans-serif;
      color: #8a93a2; }
      .membership-form .lr-form a:hover {
        text-decoration: none; }
		
		 .membership-form .lr-form .yeniUyelikOlustur {
      margin: 10px 0 0;
      width: 100%;
      text-align: center;
      font: normal 14px/60px "Avenir Next LT Pro", sans-serif;
      text-decoration: none;
      color: #fff;
		height:41px;
		line-height:41px;
      cursor: pointer;
      background-color: #3262db;
	 }
  
/*----------------------------------<>----------------------------------*/

.silederTasiyiciDivsi{

position:relative;
	border:0px solid #ff0000;
	
	margin-left: auto;
		 margin-right:  auto;
		min-height: 100%;
		height: auto; 
		text-align:center;
		z-index:0;

}

.mslide{
position:relative;width:100%;  height:350px;

}

.countDownAltTasiyiciDivi{

position:relative;width:100%; background-color:#ffffff; color:#344654; display: none; 
}

.countDownAltAciklaText{
position:relative; margin-top:10px; margin-left:5px; margin-right:5px;  margin-bottom:10px; text-align:center; border:0px solid #000000;
}

.countDownAltHizaTasiyiciDiv{
position:relative; margin-left: auto; margin-right:auto;  border:0px solid #000000; width:120px;  height:33px; 
}

.countDownAltDipTasiyiciDivi{
position:relative; border:1px solid #ffffff; background-color:#ffffff; max-width:1000px; margin-left: auto; margin-right:auto; min-height: 100%; height: auto; text-align:right; z-index:3
}

.urunSergisiTasiyiciDiv{
position:relative;    margin-bottom:35px; border: 0px solid #000000; bcolor: black;
}

/*altsayac bitti*/
	.cssMenuS{
		
		height:49px; 
		margin-top:0.6px;
	
	}
	
	#cssmenuMYPRO{
		z-index:7;
	}
	
	.cssMenuTasiyiciDivUl{
	
		border:0px solid #ff0000; background-color:#0099B2; font-size:10px; margin-top:10px;
	}
		
	
@media (min-width:741px){
	.usersMiniMenu{
	display:none;
	}
	.usersminiMenuCerceve a{
	display:none;}
	
	
	
		
		}
		
@media (max-width: 800px) {
	#cssmenuMYPRO{
			width:55px;
			
		}
		
		#cssmenuMYPRO ul{
			width:255px;
			
		}
} 
/*en mobil gorunum baslat (max 741px)*/
.yeniUyeTasiyiciBuyukCerceve{
	
	max-width:750px;
	margin-top:60px;
	
}
.yeniUyeFormBorder{
	border:1px solid #d5d5d5;
	
}
.yeniUyeFormTasiyciCercevesi{
	
	margin-top:50px; 
	margin-bottom:75px;
	margin-left:150px; 
	margin-right:150px;
}
.yaDaSide{
	text-align:center;
	width:100%;
	color:#555555;
	font-weight:bold;
}
.uyelikSozlesmesiText{
	
	margin-left:20px;
	font-size:12px;
	margin-top:-51px;
}
@media(max-width:780px) {
    .yeniUyeFormTasiyciCercevesi {
    margin:10px;
}
}
@media (max-width: 741px) { 
	   .logoTasiyiciDivi{
	   
	   float:inherit;
		text-align:center;
		/*height:55px;*/
		/*background-color:#0099B2;*/
			
		}
		
		
		.araInputTasiyiciDivi{
			border:0px solid #ff0000;
			margin-top:-22px;
			margin-bottom:-7px;
			width:100%;
			
			
		}
		
		.inputsAra{
			margin-left:-18%;
			width:82%;
			
		}
		
		#araButton{
		
			width:18%;
			padding: 0px 0px 0px 0px;
			
		}
		
		#logoJPG{
		
			margin-top:12px;
			
		}
		
		
		
		#cssMenuTasiyiciMaviDivi{
			position:absolute; 
			top:0px; 
			z-index:4
			
		}	
		
		.dilMenusuTasiyiciDivi{
		border:0px solid #000000;
			top:-20px;
			z-index:5;
			right:100px;
		}
		
		
		#flagTasiyiciSpan{
			
			width:26px; 
			height: 26px;
			
		}
			
		#cssmenuMYPRO{
			width:55px;
			
		}
		
		#cssmenuMYPRO ul{
			width:255px;
			
		}
		
		#mobilLogoJPG{
			display:block;
		}
		
		#sepetMavikIconTasiyiciSpan{  
		display:none;

		}
		
		#sepetMaviIconTasiyiciSpan{
		
		right:-80px;	
		
		}
		
		#sepetKullaniciBeyazIconTasiyiciSpan{
		position:absolute;
		display:block;
		
		left:51px;
		top:-10px;
		
		z-index:5;
		}

		
		.usersMiniMenu{
			display:none;
text-align:right;
position:absolute; 
top:13px; 
right:-41px; 
width:200px; 
height:166px; 
background-color:#0099B2; 
color:white; 
font-weight:bold; 
cursor:pointer;

}
.usersminiMenuCerceve a{
		display:none;
		color:white;
		font-size: 16px;
	  font-weight: 400;
	  text-transform: none;
	  letter-spacing: 0;
	  display: block;
	  width: 190px;
	  padding: 10px 0px 11px 20px;
	 font-weight:bold;
	
	 text-align:left;
}
	
	
		
	}

.sepetOrtala{
	min-height:50%;
}	
.sepetteUrunYok{
	text-align:center;
}
	.bilgilendirmeKutusu{
	
		margin-left:35px;
		margin-right:10px
	}
	
	@media (max-width: 931px) {
		.bilgilendirmeKutusu{
			font-family: "Times New Roman", Times, serif;
			font-size:14px;
			
			margin-left:35px;
			margin-right:10px
			
			
		
		}
		
		.sepetteUrunYok{
			font-family: "Times New Roman", Times, serif;
			font-size:14px;
			
			text-align:left;
			
			
			
		
		}
	}
	@media (max-width: 846px) {
		.bilgilendirmeKutusu{
			font-family: "Times New Roman", Times, serif;
			font-size:14px;
			
			margin-left:35px;
			margin-right:0px
			
			
			
		
		}
		
		
		
	}
	
	@media (max-width: 827px) {
		.bilgilendirmeKutusu{
			font-family: "Times New Roman", Times, serif;
			font-size:14px;
			
			margin-left:30px;
			margin-right:0px
			
			
		
		}
	@media (max-width: 423px) {
		.bilgilendirmeKutusu{
			font-family: "Times New Roman", Times, serif;
			font-size:12px;
			
			margin-left:30px;
			margin-right:0px
			
			
		
		}

	@media (min-width: 931px) {
	   .bilgilendirmeKutusu{
			font-family: "Times New Roman", Times, serif;
			font-size:16px;
			margin-left:30px;
			
			margin-left:35px;
			margin-right:10px
			
		}
	}
/*en mobil gorunum baslat bitti (max 741px)*/

/*2.kisim bitti*/

.guvenlikPhotoBox, .miktarSecimKutusuStayla {
    -webkit-transition: .3s ease all;
    -moz-transition: .3s ease all;
    -ms-transition: .3s ease all;
    -o-transition: .3s ease all;
}
.standartYazi {
    font: 400 14px/20px 'Avenir Next LT Pro', sans-serif;
    color: #9da4b0;
}
.hB, .uyari {
    font-weight: 700;
}
@media(min-width:780px) {
    .orderGonderButtoninceAyar {
    width: 670px;
}
}@media(min-width:865px) {
    .orderGonderButtoninceAyar {
    width: 800px;
}
}@media(min-width:992px) {
    .orderGonderButtoninceAyar {
    width: 967px;
}
}@media(max-width:900px) {
    .a2DemoKartTasiyiciDivi {
    display: none;
}
}
.miktarSecimKutusuStayla {
    margin: 10px 10px 0 1px;
    padding: 0 0 0 10px;
    box-sizing: border-box;
    display: block;
    text-decoration: none;
   
}
/*#sepetToplamiTanitimTutarP, .icon-bar, .indirimUygulaMSJ {
    display: none;
}*/
.secimezText {
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -o-user-select: none;
    user-select: none;
}
.miktarSecimKutusuStayla {
    width: 70px;
    height: 35px;
 
    border: 1px solid #ebedef;
    transition: .3s ease all;
}
.guvenlikPhotoBox {
    height: 60px;
    -webkit-border-radius: 50px;
    border-radius: 50px;
    border: 1px solid #ebedef;
    transition: .3s ease all;
}
.ui-autocomplete {
    max-height: 317px;
    overflow-y: auto;
    overflow-x: hidden;
    padding-right: 20px;
}
* html .ui-autocomplete {
    height: 100px;
}
.hB {
    font-size: 15px;
    color: #fff;
    margin-left: 10px;
    height: 50px;
    line-height: 50px;
}
.kirmiziCerceve {
    border: 3px solid red;
    padding-right: 8px;
}
.uyari {
    color: #FF4500;
    font-size: 11px;
    margin-bottom: 9px;
}
.sliderEk {
    height: 350px;
}
@media(max-width:315px) {
    #hazirPaketlerJump {
    display: none;
}
}.otomatikScrool {
    overflow: auto;
}
.urunAraCizgisiCSS {
    position: relative;
    margin-top: 35px;
    border-bottom: 1px solid #f5f5f5;
    background-color: #fff;
}
.cizgiAralikDiviCssA, .cizgiAralikDiviCssB {
    position: absolute;
    height: 16px;
    width: 16px;
    background-color: #fff;
    margin-top: -8px;
}
.cizgiAralikDiviCssA {
    margin-left: 0;
}
.cizgiAralikDiviCssB {
    margin-left: 184px;
}
.yeniUrunlerMgYirmiBes {
    margin-top: 25px;
    margin-bottom: 25px;
}
.tanitimKoduKutusuStayla {
    height: 35px;
    text-decoration: none;
    -webkit-border-radius: 50px;
    border-radius: 50px;
    background: #f8fafb;
    -webkit-transition: .3s ease all;
    -moz-transition: .3s ease all;
    -ms-transition: .3s ease all;
    -o-transition: .3s ease all;
    transition: .3s ease all;
    color: #83888d;
    padding: 10px;
    width: 90px;
    border: 1px solid #f2f2f2;
}
.standartYaziKampanya {
    font: 400 14px/20px 'Avenir Next LT Pro', sans-serif;
    color: #9da4b0;
}
.indirimUygulaMSJ {
    border: 1px solid #fff;
    line-height: 25px;
    margin-top: -25px;
    font-weight: 700;
    font-size: 14px;
    text-align: center;
    background-color: red;
    height: 25px;
    width: 100%;
    color: #fff;
}
#indirimUygulaButton {
    cursor: pointer;
    color: #333;
}
.kampanyaKodunuzVarMiTasiyiciDiv {
    border-bottom: 1px solid #f2f2f2;
    margin-bottom: 25px;
    height: 40px;
    font-weight: 400;
}
#indirimUygulaCancelButton {
    display: none;
    cursor: pointer;
}
@media(max-width:450px) {
    #cokSatanlarJump {
    display: none;
}

 #yeniUrunlerJump {
    display: none;
}

.sepetKullaniciBeyazIconTasiyiciSpan{
	position:relative;
	cursor:pointer;

}
.sepetKullaniciMaviIconTasiyiciSpan{
	position:relative;
	cursor:pointer;

}

@media (max-width:741px){
	.usersMiniMenuMavi{
	display:none !important;
	}
	
	.usersMiniMenuMavi{
	display:none !important;

		}
		}