.EntryContent.instagramPopup h2{ /*padding-top: 0px;*/ }
.EntryContent.instagramPopup>div{ padding-left: 12px; }



.modalFront .klTmd{ /*max-width: 100px;*/ font-size: 35px !important;
    line-height: 40px !important; }
.modalFront .btnInst{ min-width: 230px; margin-top: 30px; }
.modalFront .gifBoxHand {
    width: 100%;
    height: 373px;
    background: url(../img/popup/OHTOMI_www_instagrampop-up.gif) no-repeat;
    position: relative;
    top: 45px;
    background-size: contain;
    background-position: right 53px bottom;
    margin-top: -70px;
}
.empSpanSub h3 span { display: none !important; }

.ui-loader{ display: none !important; }

a.fala{ position:relative; border:0px; }
.InfoCartRemove .bt{ display: inline-block !important; }
.hideBox{ display: none; }
.showBox{ display: block; }

.strong{ font-weight:bold; }
#checkout .cartview .cart-summary{
	margin-bottom:0px;
}
#checkout .cartview .bt5 {
    margin-top: 0px;
    font-size: 15px;
    text-align: left;
    width: 100%;
    margin: 0px;
    padding-left: 0px;
}

.spcBP { font-weight: bold; }


body{ opacity:0; }
.details span.capacity {
    margin-left: 20px;
    color: rgb(74, 74, 74);
    font-size: 18px;
    font-weight: 300;
    line-height: 26px;
}


a.mhvoc { cursor: default; }
 div#lKtodp {
    color: rgb(74, 74, 74);
    font-family: 'gt_walsheim_prolight';
    font-size: 14px;
    font-weight: 300;
    line-height: 17px;
   /* margin-top: -20px;*/
    margin-bottom: 10px;
}
a.bt.bt5 {
    background: rgba(0, 0, 0, 0) !important;
    color: rgb(185, 127, 235) !important;
    margin-bottom: -8px !important;
    border: 0px !important;
    margin-top: -4px !important;
    display: block;
}
a.bt.bt5:hover {text-decoration:underline; }
.cartItem .subNameCart{ cursor: pointer; }
.subNameCart .capacity i {
    width: 15px;
    height: 15px;
    float: left;
    border-radius: 50%;
    margin-right: 7px;
    margin-top: 5px;
}
.cartItem .attribites{
	position: absolute;
    z-index: 10;
    background: rgba(255, 255, 255, 0.95);
    top: 0px;
    width: 100%;
    left: 0px;
    height: 100%;
    display: none;
}



small {  display: block; font-size: 50%; }
form.searchViewForm { position: relative; }

form.searchViewForm input{ background: url(../img/svg/Search.svg) no-repeat center right 10px;     background-size: 27px; }
form.searchViewForm button[type=submit] {
    position: absolute;
    right: 0px;
    top: 0px;
    left: auto;
    height: 50px;
    width: 80px;
    background: url(../img/svg/Search.svg) no-repeat center right 10px;     background-size: 27px;
}
 


header { position: relative; z-index: 100; }

nav form input {
    /* display: none; */
    line-height: 15px;
    font-size: 14px;
    padding: 7px;
    padding-right: 40px;
    background: url(../img/svg/Search.svg) no-repeat center right 10px;
    background-size: 20px;
    max-width: 600px;
    display: inline-block;
}
 
 button.SearchSbm {
    position: relative;
    left: -55px;
    border: 0px;
    width: 50px;
    height: 32px;
    top: 11px;
    background: transparent;
    cursor: pointer;
}

.mobile form{ display: block !important; position:relative; padding: 0px 26px; }
.mobile button.SearchSbm {
    position: absolute;
    right: 0px;
    left: auto;
}

.mobile form.active input { 
    line-height: 30px;
    font-size: 15px !important;
    padding: 10px !important;
    padding-right: 40px;
    background: url(../img/svg/Search.svg) no-repeat center right 10px;
    background-size: 20px;
    max-width: 600px !important;
    display: inline-block;
        border: 1px solid #D7D2CB;
        
}
.mobile form input{
	max-width: 60px;
	 line-height: 30px;
    font-size: 15px;
    padding: 10px;
    padding-right: 40px;
     background: url(../img/svg/Search.svg) no-repeat center;
     border: 1px solid #fff;
        	-webkit-transition: all .3s;
    -moz-transition: all  .3s;
    -o-transition: all  .3s;
    transition: all  .3s;
}


.mobile button.SearchSbm{
	
}


nav form{ display: none; text-align:center; }


/* menu animacja */

.sub.active .submenu{ display: block; }
 
@media screen and (max-width:860px){
 
	.menu>li {  margin-right: 12px; }
	.menu>li a{ font-size: 10px; }
}
@media screen and (min-width:751px){
 
	.menu>li { margin-top: 7px;  }
	.menu>li a{ position: relative;   }
.menu>li:hover a::after{ width: 100%; }
.menu>li a::after {
    content: "";
    position: absolute;
    z-index:2;
    left: 0px;
    top: 19px;
    width: 0%;
    background: #F5CFFF;
    height: 3px;
}
.submenu li a,.menu>li a::after{
    	-webkit-transition: all .3s;
    -moz-transition: all  .3s;
    -o-transition: all  .3s;
    transition: all  .3s;
}
	.submenu a::after {  display: none; } 
	.submenu li:hover a{ color: #F5CFFF; }
	.menu li .submenu ul{ /* opacity: 0;*/ }
	.menu li .submenu li{ border-bottom: 0px !important; }
	.menu li .submenu ul{ overflow: hidden; position:relative; z-index:5; }
	.menu li:hover .submenu ul{  
		/*opacity: 1;*/
	}
	.menu li:hover .submenu{ /*border-bottom: solid 3px #F5CFFF;*/ }
	
	.menu li .submenu{ 
		-webkit-transition: border .1s;
	    -moz-transition: border .1s;
	    -o-transition: border .1s;
	    transition: border .1s ; 
	    overflow: hidden !important;
	}
	
	.boxSubmenu{ overflow: visible !important; }
 
	.effectLineMenu{ 
		position: absolute;
	    bottom: -30px;
	    left: 0px;
	    width: 100%;
	    height: 1px;
	    background: #fff; 
	    opacity:0; 
	}
	
	
	.menu li .submenu li{ position: relative; /*left: -900px;*/ }
	.menu li .submenu ul{ 
		 	-webkit-transition: all 1s,opacity .1s;
	    -moz-transition: all  1s,opacity .1s;
	    -o-transition: all  1s,opacity .1s;
	    transition: all  1s,opacity .1s; 
	}
	.menu li .submenu{ border-bottom: 3px solid #fff; }
	.boxSubmenu{ z-index: 10; position:relative;  }
	@keyframes MenuShow { 
	 0%   {  transform: translate(0, -100%) }   
	 100%  {  transform: translate(0, 0%) } 
	}
}
/* menu animacja */




/*
.menu li:hover .submenu{
	     margin-top: 7px; opacity:1;
}
.menu li .submenu { 
    margin-top: -26px;
    opacity:0;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -o-transition: all .3s;
    transition: all 1s;
    -webkit-transition-timing-function: cubic-bezier(0.13, 1.34, 0.52, 0.52);
    transition-timing-function: cubic-bezier(0.13, 1.34, 0.52, 0.52);
}
*/



/*
.PtHT{ margin-top:-100px; }
 
header {
 	margin-top:0px;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -o-transition: all .3s;
    transition: all 1s;
    -webkit-transition-timing-function: cubic-bezier(0.13, 1.34, 0.52, 0.52);
    transition-timing-function: cubic-bezier(0.13, 1.34, 0.52, 0.52);
    z-index: 1;
    position: relative; 
}
*/


@keyframes headerAnim { 
 0%   {  transform: translate(0, -100%) }   
 100%  {  transform: translate(0, 0%) } 
}

a ,button{ outline: 0px; }

.AnimateFadeTo{ opacity: .0000001; }

.instasliderContainer .slick-track {
    overflow: hidden;
}
.instasliderContainer .slick-list.draggable{
	opacity: .0001; 
}

.instasliderContainer .slick-track li {
    top: 218px;
    position: relative;
}



.childPositionAnm>*{ position: relative; }
.img1Sec.childPositionAnm{
display: inline-block;
    overflow: hidden;
        background-color: #f6cfff;
        line-height: 0px;
}.img1Sec.childPositionAnm img{ padding-bottom:0px !important;  }

.img2Sec.childPositionAnm{
display: inline-block;
    overflow: hidden;
        background-color: #fcb0bd;
        line-height: 0px;
}.img2Sec.childPositionAnm img{ padding-bottom:0px !important; }





.slick-arrow{
	-webkit-transition: background-image .2s;
    -moz-transition: background-image  .2s;
    -o-transition: background-image  .2s;
    transition: background-image  .2s;
}



a.fala:hover::after {
    background-position-y: -2.7px;
    height: 10px;
    bottom: -10px;
    background-color: transparent;
}

a.fala:hover::before {
    background-position-y: 4px;
    height: 10px;
    background-color: transparent;
}


a.fala:hover::before, a.fala:hover::after {
	-webkit-transition: background-color .1s, height .3s, background-position .3s, bottom .3s;
    -moz-transition: background-color  .1s, height .3s, background-position .3s, bottom .3s;
    -o-transition: background-color  .1s, height .3s, background-position .3s, bottom .3s;
    transition: background-color  .1s, height .3s, background-position .3s, bottom .3s;
}

a.fala::before,a.fala::after{
    background: url(/img/svg/wave.svg) left repeat-x;
    background-repeat-y: no-repeat;
    content: "";
    position: absolute;
    bottom: -3px;
    width: 100%;
    background-color: #f5d0ff;
    background-size: 200px 11px;
    left: 0px;
    height: 3px;
    z-index: 1;
    background-position-x: -10px; 
    
        -webkit-transition: background-color 1s, height .3s, background-position .3s, bottom .3s;
    -moz-transition: background-color  1s, height .3s, background-position .3s, bottom .3s;
    -o-transition: background-color  1s, height .3s, background-position .3s, bottom .3s;
    transition: background-color  1s, height .3s, background-position .3s, bottom .3s;
}

a.fala::after {  background-position-y: -5.3px; } 
a.fala::before {  background-position-y: -1px;  }

.hoverEffectsBT,.hoverEffectsBT2{ position:relative;     overflow: hidden; }

 
 
 
.hoverEffectsBT::before,.hoverEffectsBT2::before {
    content: attr(data-text);
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #B97FEB;
    color: #fff;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
}
.hoverEffectsBT:hover::before,.hoverEffectsBT2:hover::before {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    background: #db97eb;
}
.hoverEffectsBT::before,.hoverEffectsBT2::before{
     font-weight: 300;
    line-height: 26px;
    text-align: center;
    font-size: 100%;
        padding: 14px;
}
.hoverEffectsBT>span{ width: 100%; }
.hoverEffectsBT::before,.hoverEffectsBT>span,.hoverEffectsBT2::before,.bt2>span{
    -webkit-transition: all 0.25s;
    transition: all 0.25s;
    -webkit-transition-timing-function: cubic-bezier(1, 1.01, 0, 0);
    transition-timing-function: cubic-bezier(1, 1.01, 0, 0);
        display: block;
}

.hoverEffectsBT:hover > span,.hoverEffectsBT2:hover > span.bgClass  {
	color:#fff;
    -webkit-transform: translate3d(-300px, 0%, 0);
    transform: translate3d(-300px, 0%, 0);
}







.modalBack{ position: fixed; left: 0px; top: 0px; right:0px; bottom: 0px;  width: 100%; height: 100%; background-color: rgba(245,207,255,0.8);  z-index: 9999999999; }
.modalFront { position: absolute; width: 820px; background: rgb(253, 251, 247); left: 50%; padding: 45px 22px; }
.col50M{ width:50%; display: inline-block; vertical-align: top; }
div#MagicBall { text-align: center; position:relative; padding: 35px 47px 0px; }
.Magic_dustA, .Magic_dustB { background: url(../img/newsletter/Dust.svg) center; height: 11%; width: 5%;  position: absolute; background-size: contain; background-repeat: no-repeat; }
.Magic_dustA{ bottom: 17%; left: 12%;animation-name: Magic_dustA;animation-duration: 1s;animation-iteration-count: infinite;}
.Magic_dustB { top: 9%;right: 12%;height: 14%;width: 6%;animation-name: Magic_dustB;animation-duration: 1.6s;animation-iteration-count: infinite; }

 
input.attrRadio {
    width: 30px;
    height: 30px;
    border-radius: 50%;
    margin-right: 5px;
    margin-top: 8px;
    background: none; 
     margin-bottom: 30px;
     border: 1px solid transparent;
}
input.attrRadio:checked {
    border: 1px solid #979797;
}
.boxAttr {  margin-top: 17px; }
.boxAttr .titleAttr {	
	color: #55555A; font-family: 'gt_walsheim_prolight';	font-size: 16px;	font-weight: 300;	line-height: 23px;
}
.boxAttr, .boxAttr .titleAttr {
    display: block;
    width: 100%;
}



.Magic_starA,.Magic_starB,.Magic_starC{ 
	background: url(../img/newsletter/Star.svg) center; height: 11%; width: 5%;  position: absolute; background-size: contain; background-repeat: no-repeat;
}

.Magic_starA {
    left: 50%;
    margin-left: -2%;
    top: 2%;
    transform: rotate(20deg);
     animation-name: Magic_starA;
    animation-duration: 1s;
    animation-iteration-count: infinite;
}
.Magic_starB {
    right: 14%;
    margin-left: -2%;
    bottom: 19%;
    transform: rotate(30deg);
    height: 13%;
    width: 7%;
     animation-name: Magic_starB;
    animation-duration: .8s;
    animation-iteration-count: infinite;
}

.Magic_starC {
    top: 44%;
    left: 8%;
    height: 13%;
    width: 7%;
         animation-name: Magic_starC;
    animation-duration: 1.5s;
    animation-iteration-count: infinite;
}

.Magic_eye {
    background: url(../img/newsletter/Eye.svg) center;
    height: 22%;
    width: 31%;
    position: absolute;
    background-size: contain;
    background-repeat: no-repeat;
    left: 50%;
    top: 55%;
    margin-top: -17%;
    margin-left: -14%;
    transform: rotate(-3deg);
}

 
.Magic_swirlA,.Magic_swirlB {
    background: url(../img/newsletter/Swirl.svg) center;
    height: 16%;
    width: 16%;
    position: absolute;
    background-size: contain;
    background-repeat: no-repeat;
}
.Magic_swirlA{
    left: 8%;
    top: 6%;
    animation-name: Magic_swirlA;
    animation-duration: 1s;
    animation-iteration-count: infinite;
}

.Magic_swirlB {
    right: 4%;
    top: 36%;
 animation-name: Magic_swirlB;
    animation-duration: 1s;
    animation-iteration-count: infinite;
}

.Magic_leftHand {
    background: url(../img/newsletter/Left_hand.svg) center;
    height: 61%;
    width: 45%;
    position: absolute;
    background-size: contain;
    background-repeat: no-repeat;
    z-index: 1;
   left: -3%; top: -29%;
    
    animation-name: Magic_leftHand_MAGIC;
    animation-duration: 4s;
    animation-iteration-count: 1;
}

.Magic_rightHand {
    background: url(../img/newsletter/Right_hand.svg) center;
    height: 61%;
   right: 4%; top: -25%;
    width: 45%;
    position: absolute;
    background-size: contain;
    background-repeat: no-repeat;
    z-index: 1;
    animation-name: Magic_rightHand_MAGIC;
    animation-duration: 4s;
    animation-iteration-count: 1;
    
}

@keyframes Magic_leftHand { 
	0%   {opacity:0; left: 0%; top: -17%; }  
	25% {opacity:1;}
	100%   { left: 5%; top: 3%; } 
}

@keyframes Magic_rightHand { 
	0%   {opacity:0; right: 6%; top: -19%; }  
	25% {opacity:1;}
	100%   { right: 9%; top: -8%; } 
}
 
 
 
@keyframes Magic_rightHand_MAGIC { 
	0%   { right: 4%; top: -20%; }  
	20%   { right: 5%; top: -10%; }  
	42%   { right: 6%; top: 8%; }  
	75%		{ right: 9%; top: -14%; } 
	100%   { right: 4%; top: -25%; }   
}
 

@keyframes Magic_leftHand_MAGIC { 
	0% { left: -1%; top: -29%; }
	25%   { left: 6%; top: 5%; }  
	42%   { left: 5%; top: -8%; }  
	55%   { left: 7%; top: 8%; } 
	78%		{ left: 5%; top: -10%; } 
	100%   { left: -3%; top: -29%; }  
}

 

@keyframes Magic_rightHand_MAGIC_mobile { 
	0%   { right: 4%; top: -20%; }  
	20%   { right: 5%; top: -10%; }  
	42%   { right: 6%; top: 8%; }  
	75%		{ right: 9%; top: -14%; } 
	100%   { right: 2%; top: -18%; }   
}
 
 
@keyframes Magic_leftHand_MAGIC_mobile { 
	0% { left: -1%; top: -29%; }
	25%   { left: 6%; top: 5%; }  
	42%   { left: 5%; top: -8%; }  
	55%   { left: 7%; top: 8%; } 
	78%		{ left: 5%; top: -10%; } 
	100%   { left: -3%; top: -17%; }  
}



@keyframes animationCart { 
	0% { right: -480px; } 
	100%   { right:0px; }  
}
@keyframes animationCartRight { 
	0%   { right:0px; }
	100% { right: -480px; }   
}


.Magic_rabat {
    display: none;
    font-size: 73px;
    z-index: 1;
    position: absolute;
    color: #fff1b6;
    top: 43%;
    width: 100%;
    text-align: center;
    left: 0px;
    font-family: "OhTomi-Dots";
    text-shadow: -1px -1px 5px #000, -1px 1px 5px #000, 1px -1px 5px #000, 1px 1px 0 #000;
}
.boxFadeT { position: relative; }
.spPuff{
	  position: absolute; top: 0px; display: none; text-align:left; color: #4A4A4A;	font-family: 'gt_walsheim_prolight';	font-size: 18px;	font-weight: 300;	line-height: 26px;
}
 
.spColorSpn{ color: #C7A2D1; }
.spColor{ color: #C7A2D1;font-family: 'gt_walsheim_prolight'; font-size: 18px;	font-weight: 300;	line-height: 26px;  }
.rowModalNewsletterForm {
    display: block;
    margin-top: 15px !important;
}
.rowModalNewsletterForm input {
    width: 60% !important;
    line-height: 30px !important;
    position: relative !important;
    top: -2px !important;
}
.rowModalNewsletterForm .bt {
    width: 80px !important;
    margin-left: 10px;
}
.bt{ cursor: pointer; }
.alLeft{ text-align:left !important; }

span.modalClose {
    position: absolute;
    width: 25px;
    height: 25px;
    z-index: 10;
    right: 20px;
    top: 20px;
    background: url(../img/svg/Close_pink.svg) center;
    background-size: contain;
    background-repeat: no-repeat;
    cursor: pointer;
    
  	  -webkit-transition: all .3s;
	  -moz-transition:    all .3s;
	  -o-transition:      all .3s;
	  transition:         all .3s;
}

.cartItem .imageBox {
    max-width: 26%;
    display: inline-block;
    vertical-align: top;
}

.cartview{ text-align:center; }
.cartItem .priceCart{position:absolute; right: 10px; top: 0px; }
.cartItem .priceCart,.cartItem .cart-summary>div,.cartItem .cart-summary>div>span {
    color: #4A4A4A;
    font-size: 18px;
    font-weight: 300;
    line-height: 26px;
    text-align: right;
    font-family: 'gt_walsheim_prolight';
}
.cartItem li { position: relative; margin-bottom: 10px; } 
.cartItem .NameCart {
    color: #4A4A4A;
    font-size: 18px;
    line-height: 22px;
    text-align: left;
    font-weight: bold;
    font-family: "gt_walsheim_prolight";
}
.cartItem .subNameCart {
    color: #4A4A4A;
    font-size: 18px;
    font-weight: 300;
    text-align: left;
    line-height: 26px;
    font-family: "gt_walsheim_prolight";
}

.cartItem .productInfoBox {
    display: inline-block;
    width: 72%;
    vertical-align: top;
    padding-left: 32px;
    padding-right: 80px;
        position: relative;
}
 
.cartItem .cartItem {
    display: block;
    height: 390px;
    margin-top: 40px;
    margin-bottom: 40px;
} 
 
.productInfoBox {
    display: inline-block;
    width: 72%;
    vertical-align: top;
}

.modalFront.cartview.sldeRight{
	 right: 500px !important;
	  animation-name: animationCartRight;
    animation-duration: 1.2s;
    animation-iteration-count: 1;
}
.modalFront.cartview {
    position: absolute !important;
    top: 0px !important;
    margin-top: 0px !important;
    margin-left: 0px !important;
    left: auto !important;
       right: 0px !important;
    height: 100% !important;
    opacity:1 !important;
        width: 469px !important;
        
    animation-name: animationCart;
    animation-duration: .8s;
    animation-iteration-count: 1;
}

.imageContainer{
	text-align:center;	
	    /*min-height: 480px;*/
	    position: relative;
}

.imageContainer img{
	margin:auto;
	    max-height: 470px;
}

.quantity.qty {
    width: 140px;
    display: inline-block;
        vertical-align: middle;
}
.quantity.qty input{ line-height: 29px; }

.modalFront.cartview .bt {
    width: 100%;
}

.titleCart {
    color: #4A4A4A;
    font-size: 26px;
    font-weight: bold;
    line-height: 36px;
    text-align: center;
    font-family: 'gt_walsheim_prolight';
}

.quantity {
    position: relative;
    width: 82px;
    color: #4A4A4A;
    font-size: 18px;
    font-weight: 300;
    line-height: 26px;
    font-family: 'gt_walsheim_prolight';
}
.cartview .quantity { margin-top: 15px; }
.plusBtnCart,.minusBtnCart {
    position: absolute;
    z-index: 1;
    width: 50%;
    height: 100%;
    top: 0px;
    font-family: 'gt_walsheim_prolight';
    font-size: 28px;
    padding: 4px 12px;
    cursor: pointer;
    border: 0px;
    background: transparent;
}

.plusBtnCart:focus,.minusBtnCart:focus {
    outline: 0px !important;
}
.cartview .cart-summary {
    display: block;
    border-top: 1px solid #55555A;
    padding-top: 14px;
    padding-bottom: 10px;
    margin-bottom: 30px;
}
.cartview .cart-summary>div{
	text-align:left;
}
.cartview .cart-summary>div>span{
	float:right;
}

.plusBtnCart{ right: 0px; text-align: right; }
.minusBtnCart{ left: 0px; text-align: left; }
 
.quantity input {
    width:100%;
    text-align: center;
    font-family: 'gt_walsheim_prolight';
    font-size: 18px;
    font-weight: 300;
}

.noscroll { overflow: hidden !important; position: relative; height: 100%; width: 100%;  overflow-y:hidden;}

 
.ohtomiScroll::-webkit-scrollbar {
    width: 7px;
}
 
.ohtomiScroll::-webkit-scrollbar-track {
      border: 1px solid #c1c1c1;
}
 
.ohtomiScroll::-webkit-scrollbar-thumb {
  background-color: #b97feb;
  outline: 1px solid slategrey;
}

.InfoCartRemove {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    background: #ffffffe3;
    z-index: 1;
    padding: 14px;
}
.InfoCartRemove span {
    font-size: 18px;
    font-weight: 300;
    line-height: 26px;
    font-family: "gt_walsheim_prolight";
    display: block;
    text-align: center;
}

.InfoCartRemove .bt {
    width: 80px !important;
    margin: auto;
    padding: 5px;
    margin-top: 16px;
    margin-left: 10px;
    margin-right: 10px;
}
.InfoCartRemove .bt.removeItem{
	background: #bdbdbd !important;  
} 
   
.modalFront.cartview{  padding: 22px 22px; }



@media screen and ( max-height: 620px )
{
	.cartItem { 
	    margin-top: 20px !important;
	    margin-bottom: 10px !important; 
	}
	.modalFront.cartview{ padding-top: 10px;     padding-bottom: 0px; }
	a.bt.bt5 { 
	    padding-top: 4px;
	    padding-bottom: 4px;
	}
	.titleCart { 
	    font-size: 22px;  
	    padding-left: 40px;
	}
	
	.cartview .cart-summary{ margin-bottom:0px; }
}



@media screen and ( max-height: 350px )
{ 
		.cartview .quantity { margin-top: -5px; }
}



@media screen and (max-width:375px){
	.cartItem .productInfoBox{
		    padding-right: 0px;
		    padding-top: 30px;
		      top: -6px;
	}
	.cartItem .priceCart{ left: 30px; right: auto; }
}


.modalFront.cartview span.modalClose{ right:auto !important; left: 20px !important; }
.cartItem {
    display: block;
    height: 390px;
        margin-top: 40px;
    margin-bottom: 40px;
    overflow-x:hidden;
    overflow-y: auto;
}
span.modalClose:hover {	
	transform: rotate(90deg);
}


@keyframes Magic_swirlA { 0%   { left: 15%; top: 14%; }  50%   { left: 8%; top: 6%;} 100%  { left: 15%; top: 14%; } }
@keyframes Magic_swirlB { 0%   { right: 4%; top: 36%; } 50%   { right: 7%; top: 40%; } 100%  { right: 4%; top: 36%; }  }
@keyframes Magic_starB { 0%   { right: 14%; bottom:19%; }  50%   { right: 22%; bottom:22%; }  100%  {right: 14%; bottom:19%; }  }
@keyframes Magic_starB { 0%   { right: 14%; bottom:19%; }  50%   { right: 22%; bottom:22%; } 100%  {right: 14%; bottom:19%; }   }
@keyframes Magic_starC { 0%   { left: 8%; top:44%; } 50%   { left: 15%; top:39%; }  100%  {left: 8%; top:44%; }  }
@keyframes Magic_starA {  0%   { left: 50%; top:2%; } 50%   { left: 47%; top:-2%; } 100%  { left: 50%; top:2%; }  } 
@keyframes Magic_dustA {  0%   { bottom: 17%; left: 12%; } 50%   { bottom: 24%; left:20%; } 100%  { bottom: 17%; left: 12%; }  }
@keyframes Magic_dustB { 0%   { right: 18%; top:9%; } 50%   { right: 22%; top:13%; } 100%  { right: 18%; top:9%; }  }
 
 
.modalFront h2{
	line-height: 36px !important; font-size: 26px !important;
} 
 
 
 
 .MagicBallContent{
   	  -webkit-transition: all .1s;
	  -moz-transition:    all .1s;
	  -o-transition:      all .1s;
	  transition:         all .1s;
 }

@media screen and ( max-width:920px )
{
	.modalFront{ max-width: 720px; }
	.Magic_eye{ top: 52%; }
}

@media screen and ( max-width:767px )
{
	.modalFront{ max-width: 620px; }
	.Magic_eye{ top: 50%; }
}


@media screen and ( max-width:768px )
{
	.modalFront.cartview{ width: 414px !important; }
}



@media screen and ( max-width:650px )
{
	.MagicBallContent h2{ margin-top:0px; padding-top:0px; }
	.modalFront{ max-width: 100%; }
	
	.MagicBallContent .col50M{ width:100%; }
	
	div#MagicBall{ max-width: 260px;     margin: auto; }
	
	.col50M.MobileBxD {
	    position: absolute;
	    bottom: 30px;
	    left: 0px;
	}
	
	 
	.EntryContent.MagicBallContent {
    	padding-bottom: 240px;
	}
	
	.EntryContent.MagicBallContent.successBox {
    	padding-bottom: 336px !important;
	}
	
 
	.Magic_leftHand { 
		left: -3%; top: -17%;
	    animation-name: Magic_leftHand_MAGIC_mobile;
	    animation-duration: 4s;
	    animation-iteration-count: 1;
	}
	
	.Magic_rightHand { 
	    animation-name: Magic_rightHand_MAGIC_mobile;
	    animation-duration: 4s;
	    animation-iteration-count: 1;
	    right: 2%; top: -18%;
	}
	
}
 
 
 
 

@-webkit-keyframes arc {
  0% {
    border-width: 30px;
  }
  25% {
    border-width: 15px;
  }
  50% {
    -webkit-transform: rotate(27deg);
            transform: rotate(27deg);
    border-width: 30px;
  }
  75% {
    border-width: 15px;
  }
  100% {
    border-width: 30px;
  }
}
@keyframes arc {
  0% {
    border-width: 30px;
  }
  25% {
    border-width: 15px;
  }
  50% {
    -webkit-transform: rotate(27deg);
            transform: rotate(27deg);
    border-width: 30px;
  }
  75% {
    border-width: 15px;
  }
  100% {
    border-width: 30px;
  }
}
.green-100 {
  background-color: #88b257;
}

.green-200 {
  background-color: #7da84d;
}

 
.cube {
  position: absolute;
  bottom: 50%;
  left: 50%;
  width: 30px;
  height: 30px;
  margin-left: -15px;
  margin-top: 0;
}

.cube-2d {
  background-color: #eef8fc;
}
.arc {
  position: absolute;
  bottom: 50%;
  left: 50%;
  margin-left: -70px;
  width: 140px;
  height: 70px;
  overflow: hidden;  
}

.arc-cube {
  position: absolute;
  bottom: -70px;
  left: 50%;
  margin-left: -70px;
  width: 140px;
  height: 140px;
  border-style: solid;
  border-top-color: transparent;
  border-right-color: #F5CFFF;
  border-left-color: transparent;
  border-bottom-color: transparent;
  border-radius: 50%;
  box-sizing: border-box;
  -webkit-animation: arc 2s ease-in-out infinite;
          animation: arc 2s ease-in-out infinite;
  -webkit-transform: rotate(-200deg);
      -ms-transform: rotate(-200deg);
          transform: rotate(-200deg);
}

.discount{padding-bottom: 10px; position: relative; text-align: left;}
.modalFront .discount{ display: none; }
.discount .summary:before{content: ''; display: block; background: url(../img/svg/Arrow_down.svg) no-repeat; width: 20px; 
height: 12px; position: absolute; top: 6px; right: 0; margin: 0px 10px 0 0; transition: all 0.3s; transform: rotate(0deg);} 
.discount.active .summary:before{transform: rotate(180deg);}
.discount input{width: 75%; display: inline-block; vertical-align: top;}
.cartview .discount .bt{width: 20%; margin-left: 5%; display: inline-block !important; vertical-align: top; 
margin-top:10px; padding:12px; margin-bottom:0px;}
.discount .txt{display: none;}
.discountsum,#productpage.komunikat{display: none;}
.discountsum.active{display: block;}
.discount .success{color:#B97FEB}

#discountTR{ display: none; }
#discountTR.active{display: table-row;}