@charset "utf-8";

html {
   background: #122B4D;
}

@font-face {
    font-family: 'built';
    src: url(https://www.ouinolanguages.com/assets/French/font/built-titling-bd.ttf);
	font-weight: bold; font-weight: 700;
}

@font-face {
     font-family: 'built';
    src: url(https://www.ouinolanguages.com/assets/French/font/built-titling-sb.ttf);
	font-weight: normal; font-weight: 600;
}


body {
	font-family: 'Noto Sans JP', sans-serif;
	font-weight: normal;
	margin:0;
   padding:0;   
  width: 100%;
  height: 100%;
}

body:before {
  content: "";
  display: block;
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: -10;
  background: black no-repeat center center;
  background-size: cover;
}

@media screen and (max-width:1025px) {
body:before {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 164%;
  z-index: -10;
  background: black no-repeat center center;
  background-size: cover;
}	
	
}


#bodyDiv {
	margin:0;
   padding:0;
   height:100%;
   width: 100%;
   overflow-x:hidden;
}


#loadBack {
  position: fixed;
  display:none;	
  left: 0; right: 0; top: 0; bottom: 0;
  margin: auto auto;
  width: 100%;
  height: 100%;
background: rgba(0,0,0,0.7);	
z-index: 99984353 !important;
}

.lds-ring {
  display: inline-block;
  position: fixed;
  left: 0; right: 0; top: 0; bottom: 0;
  margin: auto auto;
  width: 64px;
  height: 64px;
}

.searching {
z-index: 99984353 !important;
display: inline-block !important;
background: rgba(0,0,0,0.5);
border-radius: 50%;
}


.lds-ring div {
  box-sizing: border-box;
  display: block;
  position: absolute;
  width: 51px;
  height: 51px;
  margin: 6px;
  border: 6px solid #fff;
  border-radius: 50%;
  animation: lds-ring 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
  border-color: #fff transparent transparent transparent;
}
.lds-ring div:nth-child(1) {
  animation-delay: -0.45s;
}
.lds-ring div:nth-child(2) {
  animation-delay: -0.3s;
}
.lds-ring div:nth-child(3) {
  animation-delay: -0.15s;
}
@keyframes lds-ring {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}

.salePrice {
position: absolute;
width: 104%;
height: auto;
left: -2%;
top: auto;
bottom: 101%;
image-rendering: -moz-crisp-edges;         /* Firefox */
image-rendering:   -o-crisp-edges;         /* Opera */
image-rendering: -webkit-optimize-contrast;/* Webkit (non-standard naming) */
image-rendering: high-quality;
-ms-interpolation-mode: nearest-neighbor;	
}


li {
 list-style: none;
}

#textContent{
font-size:14px;
padding: 20px 20px;
}

#textContent h5{
font-size:20px;
line-height: 20px;
}

.contactContent, .contactContent2{
position: relative;
font-size:14px;
padding: 0 2%;
width: 60%;
float: left;
margin: 0 auto;

}

.contactContent2{
float: right;
width: 250px;
}

@media screen and (max-width:850px) {.contactContent{width: 50%;}}
@media screen and (max-width:650px) {.contactContent{width: 96%} .contactContent2{display: none;} }

.faqContent{
position: relative;
font-size:14px;
padding: 0;
max-width: 44%;
float: left;
margin: 0 auto;
}

.faqContent p{
padding: 0 0 20px 0;
margin: 0;
}

.faqContent h5{
font-size:16px;
padding: 0;
margin: 0;
}


@media screen and (max-width:1000px) {.faqContent{float: none; max-width: 700px;} #firstTitle{margin-top: -40px;}}

#reviewContent, .faqContent{
font-size:14px;
padding: 20px;
}

#reviewContent h5{
font-size:19px;
padding: 0;
margin: 0;
}

#reviewContent h2, .faqContent h2{
font-size:13px;
color: #999;
line-height: 0;
}

#reviewContent img{
vertical-align: middle;
margin-left: -3px;
}

#topNav{
position: absolute;
top: 0;
left:0;
height:55px;
width: 100%;
background: rgba(0,0,0,0.9);
z-index: 10;
color: white;
}

#head1, #head2{
color: white;
text-align: center;
font-weight:normal;
}

#head1{
font-family: 'built';	
margin: 0 30px 0 20px;
font-size: 65px;
font-weight: 700;	
}

#head1 b{
font-weight: bold;	
}


#head2{
margin: -10px 30px 30px 20px;
font-size: 23px;
color: rgba(255,255,255,0.9);
font-family: 'Noto Sans JP', sans-serif;	
}

#ouinoTitle{
position: absolute;
top: 16px;
left: 35px;
height: 24px; 
width: 75px;
cursor: pointer;
image-rendering: -moz-crisp-edges;         /* Firefox */
image-rendering:   -o-crisp-edges;         /* Opera */
image-rendering: -webkit-optimize-contrast;/* Webkit (non-standard naming) */
image-rendering: crisp-edges;
-ms-interpolation-mode: nearest-neighbor;		
}

.navItems{
font-family: 'Open Sans Condensed', sans-serif;
font-size: 20px;
line-height: 55px;
position: relative;
float: right;
margin: 0 20px 0 0;
color: white;
cursor: pointer;
}


.subMenuOptions{
font-family: 'Open Sans Condensed', sans-serif;
position: relative;
margin: 10px;
float: none;
cursor: pointer;
font-size: 19px;
color: white;
line-height:23px;
}

.navItems a, .subMenuOptions a{
color: white;
text-decoration:none;
}

.navItems a b, .subMenuOptions a b{
color: #EBB82F;
}



@media screen and (max-width:1000px) {.navItems{font-size: 18px;margin: 0 20px 0 0;} .subMenuOptions{font-size: 18px;}}

#myFooter{
position: relative;
margin-top: 20px;
height:290px;
width: 100%;
font-size: 13px;
line-height: 36px;
color: #999;
text-align:center;
float:left;
z-index: 6;
padding-top: 20px;
}

#myFooter p{
color: white;
font-size: 13px;
line-height: 17px;
margin-bottom: 30px;
}

#myFooter a{
color: #F27402;
}

#myFooter2{
position: relative;
height:40px;
padding: 20px 0;
width: 100%;
float:left;
font-size: 14px;
line-height: 36px;
color: #999;
text-align:center;
z-index: 6;
}

#myFooter2 a{
text-decoration:none;
color: #BCBCBC;
}

#myFooter2 a:hover{
color: #FFC600;
}

#footerBack{
position: absolute;
width: 100%;
left: 0;
height: 102%;
top: -2%;
margin: 0;
background: rgb(30,30,30);
z-index: -1;
}

#footerBack2{
position: absolute;
width: 100%;
left: 0;
height: 100%;
top: 0;
margin: 0;
background: rgb(20,20,20);
z-index: -1;
}


.footerIn{
position: relative;
width: 360px;
height: 94%;
margin: 1% auto 0 auto;
}

@media screen and (max-width:700px) {.footerIn{float: none; width: 95%; height:48%;}}


.footerTitle{
font-size: 28px;	
font-family: 'built';	
font-weight:600;
color: white;
text-shadow: 1px 1px 1px black;
}

.footerIn p{
font-family: 'Noto Sans JP', sans-serif !important;
font-size: 14px !important;
line-height: 18px !important;
}

.footerImage{
vertical-align:middle;
margin: -8px 0 0 10px;
height: 40px;
width: 40px;
}

.currentPage{
font-weight: normal;
}

#tourCont{
position: absolute;
width:auto;
height: auto;
left:-15px;
top: 70px;
line-height: 16px;
background: rgba(0,0,0,0.7);
padding: 5px 10px 10px 10px;
display: none;
}

#mobileMenu, #otherLangCont{
position: absolute;
width:170px;
height: auto;
right:0;
top: 55px;
line-height: 16px;
background: rgba(0,0,0,1);
padding: 5px 10px 10px 10px;
font-size:14px;
display: none;
}

#mobileMenuLogo{
position: absolute;
right:15px;
cursor: pointer;
top: 7px;
height:40px; 
width:40px;
display: none;
}

@media screen and (max-width:672px) {
#mobileMenuLogo{display: block;}
.navItems{display: none;}
}

#topLogo{
position: absolute;
width:453px;
height:42px;
top: 14px;
left: 14px;
}

@media screen and (max-width:500px) {
#topLogo{
width:300px;
height:28px;
top: 20px;
}	
}

#topTitle{
color: black;
}


#mainBack, #mainBack2{
position: absolute;
top: 0;
left:0;
width: 100%;
}

#mainBack{
position: absolute;
background: url(../images/roadBack.jpg) no-repeat center center;
background-size: 100% 100%;
height:100%;
}


#mainBack2{
background: url(../images/mainBack2.svg) no-repeat center center;
background-size: 100% 300%;
background-position:bottom;
height:110px;
box-shadow: 2px 2px 7px black;
}

.mainSplash{
position: relative;
width: 100%;
margin: 20px 0 20px 2%;
max-width: 909px;
max-height: 455px;
}

.rowCont{
position: inline-block;
float: left;
width: 100%;
}

#mainContent{
position: relative;
width: 100%;
height: 100%;
max-width: 1266px;
margin: 140px auto 80px auto;
}




.sideBtns{
position: relative;
float: left;
min-height: 200px;
width: 40%;
margin: 0 2%;
padding-bottom: 15px;
text-align:center;
}


.sideBtns p{
margin: 0;
padding: 0;
font-size: 14px;
line-height: 5px;
}



.mainText{
position: relative;
float: left;
min-height: 200px;
width: 40%;
margin: 2%;
padding-bottom: 15px;
}

.mainText h4{
font-size: 22px;
margin: 0 0 10px 0;
}

.mainText p{
font-size: 15px;
margin: 0;
}

.mainPic{
position: relative;
height: auto;
min-height: 200px;
width: 56%;
padding-bottom: 15px;
}

.mainPic img{
width: 100%;
max-width: 530px;
height: auto;
}

.floatRight{float: right;}
.floatLeft{float: left;}

.blackTitle{
position: relative;
margin: 10px;
font-size: 26px;
color: white;
text-align:center;
text-shadow: 1px 1px 1px black;
}

.blackTitle2{
position: relative;
margin:0;
padding-top: 70px;
font-size: 23px;
font-weight: normal;
text-align:center;
}

.blackDescription{
position: relative;
margin: 0 10px 20px 10px;
font-size: 15px;
color: black;
text-align:center;
font-weight: normal;
}


.langButtons{
position:relative;
width: 31.3333%;
max-width: 310px;
margin: 15px 1% 0 1%;
float: left;
cursor: pointer;
}

.langBtnBottom{
width: 100%;
height: 100%;
}

.langBtnTop{
position: absolute;
width: 100%;
height: 98%;
left: 0;
z-index:3;
opacity: 0;
}

.langBtnTop:hover{
opacity: 1;
}

.mainImages{
position: relative;
margin: 0 auto;
width: 80%;
height: auto; 
max-width: 802px;
opacity: 1;
-ms-transform: translateX(-3.5%);
-webkit-transform: translateX(-3.5%);
transform: translateX(-3.5%);
display:none;
}

.addCartBtn{
font-family: 'built';	
font-weight:600;
position: absolute;
bottom: 20px;
right: 0;
left: 0;
margin: auto auto;
font-size: 17px;
padding: 14px 18px;
background-color: #EBB82F;
color: black;
border-radius: 5px; 
text-shadow:none;
cursor: pointer;
z-index: 999;
}

.revAm{
position: absolute;
height: auto;
width: 200px;
bottom: 100px;
right: 0px;
z-index: 999;
cursor: pointer;
opacity: 0.9;
image-rendering: -moz-crisp-edges;         /* Firefox */
image-rendering:   -o-crisp-edges;         /* Opera */
image-rendering: -webkit-optimize-contrast;/* Webkit (non-standard naming) */
image-rendering: crisp-edges;
-ms-interpolation-mode: nearest-neighbor;		
}

.revAm:hover{
opacity: 1;
}


.guarantee{
position: absolute;
height: 77px;
padding: 20px;
width: 580px;
margin: 0 auto;
z-index: 999;
background: rgba(0,0,0,0.4);
bottom: -60px; right: 0; 
border-radius: 7px;	
}

.guarantee img{
top: 3px;
left: -20px;
position: absolute;
height: 110px;
image-rendering: -moz-crisp-edges;         /* Firefox */
image-rendering:   -o-crisp-edges;         /* Opera */
image-rendering: -webkit-optimize-contrast;/* Webkit (non-standard naming) */
image-rendering: crisp-edges;
-ms-interpolation-mode: nearest-neighbor;		
}

.guarantee h2{
font-family: 'built';	
font-weight:600;
padding-left: 110px;
font-size: 27px;	
margin: 0;
color: white;
}

.guarantee h5{
padding-left: 110px;
font-weight:normal;
margin: 2px 0 0 0;
color: white;
font-size: 13px !important;
}

select{
	  -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
     -khtml-user-select: none; /* Konqueror HTML */
       -moz-user-select: none; /* Firefox */
        -ms-user-select: none; /* Internet Explorer/Edge */
            user-select: none; 
}

#slct, #slct2{
 -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

#cart1, #cart2, #cart3, #cart4{
font-size: 20px;
box-shadow:none;
text-align: center;
opacity: 0.85;
right: 0;
top:auto;
bottom: 15px;
transition: 0.4s;
width: 70%;
}


#cart1:hover, #cart2:hover, #cart3:hover, #cart4:hover{
opacity: 1;
}


.largerBtn{
padding: 12px 15px;
font-size: 19px;	
}

#rowBtns{
position: inline-block;
float: left;
width: 100%;
margin: 40px auto 50px auto;
}

.ouinoBtns, .ouinoBtns2{
position: relative;
float: left;
font-size: 21px;
width: 29%;
margin: 2%;
padding: 15px 0;
background-color: #f39c12;
color: white;
-webkit-border-radius: 5px;
-ms-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
cursor: pointer;
font-weight:bold;
text-align: center;
border: 1px solid black;
}

.ouinoBtns2{float: none; width: 96%; max-width: 250px; margin: 2% auto; font-size:18px; margin-bottom: 30px;}

#btn1, #btn4{background-color: #f39c12;}
#btn2{background-color: #e67e22;}
#btn3, #btn5{background-color: #d35400;}

.ouinoBtns:hover, .ouinoBtns2:hover{
color: black;
text-decoration:none;
}

#rowBtns a, .sideBtns a{
text-decoration:none;
}

@media screen and (max-width:650px) {#btn1{display: none;} .ouinoBtns{width:45%} }
@media screen and (max-width:350px) {#btn2{float: none;} .ouinoBtns{width:96%; padding: 8px 0;}}

.emailDiv{
position: absolute;
top: 0;
left: 0;
background: #FFF;
height: 70px;
width: 100%;
text-align:left;
padding-left: 20px;
}

.emailDiv h2{
margin: 0;
padding: 0;
font-size: 19px;
}

#usCan{
position: absolute;
top:32px;
left: 105px;
font-size: 13px;
}

#phoneNum{
position: relative;
margin: 86px 0 20px 0;
font-size: 23px;
font-weight: bold;
text-align: center;
}

#callHours{
position: relative;
font-size: 16px;
font-weight: normal;
text-align: center;
}

.callHours2{
position: relative;
margin-top: 10px;
font-size: 13px;
padding: 0px 20px 0 20px;
font-weight: normal;
float: left;
}

.emailLogo{
height: 70px;
width: auto;
vertical-align:middle;
}

#bottomPad{
position: relative;
width: 100%;
float: left;
height: 50px;
}

.smallerTitle{
display: inline-block;
text-align: center;
padding: 0;
width: 100%;
}

.priceBox{
position: relative;
display:inline-block;
width: 360px;
height: auto;
margin: 110px auto 120px auto;
background: rgba(255,255,255,1);
padding-bottom: 120px;
border-radius: 11px;
z-index:2;
}

.priceBox .topLabel{
color: #EBB82F;
font-size: 42px;
}

.priceBox .topPrice{
background: #0F161C;
}


#cart4{
bottom: 60px;
}

.priceBox2{
position: relative;
display:inline-block;
width: 296px;
height: auto;
margin: 30px auto 120px auto;
background: rgba(255,255,255,1);
padding-bottom: 70px;
border-radius: 11px;
z-index:2;
}

.starPrice{
position: absolute;
width: 50px;
height: auto;
left: auto;
right: 10px;
top: 0;
z-index: 3;
display:none;
}

.currSelect {
position: absolute;
top: 70px;
left: auto;
right: 12px;
width: 100px;
}

.currSelect select{
padding: 10px 10px 14px 15px;
font-family: 'Noto Sans JP', sans-serif;
font-weight: bold;		
border: 0;
border-radius: 5px;
font-size: 17px;
background: #202020;
color: white;
cursor: pointer;
}

.langSelect {
position: absolute;
top: 70px;
left: 25px;
right: auto;
width: 100px;
z-index:534053;
}

.langSelect select{
padding: 10px 10px 14px 20px;
font-family: 'Noto Sans JP', sans-serif;	
font-weight: bold;	
border: 0;
border-radius: 5px;
font-size: 17px;
background: #202020;
color: white;
cursor: pointer;
}


.point{
position: relative;	
width: 380px;	
font-family: 'Noto Sans JP', sans-serif;	
font-size:16px;
line-height: 20px;
padding: 10px 10px;
margin: 3px auto;
background: rgba(0,0,0,0.05);
max-width: 290px;
border-radius: 5px;	
}

.priceBox2 .point{
font-family: 'Noto Sans JP', sans-serif;
font-size:15px;
padding: 12px 5px;
margin: 3px 11px;
max-width: 265px;	
background: rgba(0,0,0,0.05);
}


.topPrice{
width: 100%;
position: relative;
display:inline-block;
height: auto;
background: #2980b9;
font-family: 'built';	
font-weight: 700;	
color: white;
margin:0 0 20px 0;
text-align: center;
border-radius: 10px 10px 0 0;
padding: 15px 0 10px 0;
}

.priceBox2 .topPrice{
background: rgba(0,0,0,0.2);
color: #333333;
}

.priceBox2 .addCartBtn{
background: rgba(0,0,0,0.2);
}

.topLabel{font-size:28px; padding: 0; margin: 0; padding-top: 12px; font-weight: 600;}
.topAmount{font-size:45px; padding: 10px 0 0 0; margin: 0; font-weight: normal; font-weight: 600;}
.topMonth{font-size:20px; padding: 0 0 20px 0; font-weight: 600;}
.topMess{font-size:15px; font-weight: normal; font-family: 'Noto Sans JP', sans-serif; padding-top: 10px; padding-bottom: 20px; line-height: 20px;}

.price1d{
font-size: 1.6em; 
font-weight: 700; 
color: #EBB82F;
padding-left: 2px;	padding-right: 2px;	
font-family: 'built';		
}

.check{
position: relative;
height: 20px;
width: 20px;
background-repeat: no-repeat;
float: left;
margin-top: 1px;
margin-right: 7px;	
background-size: contain;	
opacity: 0.9;	
}

.theD{
position: absolute;
width: auto;
display: none;	
}

.dRight{left: 1100px; height: 400px; top: 100px;}
.dLeft{right: 100%; left:auto; height: 400px; top: 100px;}


.yes{background-image: url(https://www.ouinolanguages.com/images/yes.svg);}
.no{background-image: url(https://www.ouinolanguages.com/images/no.svg);}
/*REMOVE THIS AFTER SALE 2020 CHANGE BACK TO 1450PX*/

.selector{
	position: relative;
	display:block;
	width: 283px;
	margin: 0 auto 0 37px;
	text-align: center;
	float: left;
}


@media screen and (max-width:3450px) {#mainContent{max-width: 900px; padding-bottom: 40px; margin-bottom: 30px;} 
.dRight{left: 100%; height: 400px; top: 190px;}
.dLeft{right: 100%; left:auto; height: 600px; top: 100px;}
.priceBox{width: 50%;margin: 130px 25% 80px 25%; float:none;} .priceBox .point{font-size:16px; max-width: 320px;
padding: 12px 10px;
margin: 3px auto;}
.theD{display: block;}	
.selector{margin-left: auto; float: none;}	
.guarantee{bottom: 20px; left: 0; right: auto; margin: auto auto;} .revAm{bottom: 90px;right: -10px;}
}

@media screen and (max-width:760px) { .theD{display: none;}	} 
@media screen and (max-width:910px) { #mainContent{max-width: 640px; padding-bottom: 240px; margin-bottom: 60px;} 
	

.dealQues{
height: 105px !important;
display: flex !important;
 justify-content: center !important;
 align-items: center !important;	

}	
.dealText{
width: 91% !important;
text-align: center !important;	
padding: 0 !important;
height: 15px !important; line-height: 16px !important;
position: absolute !important; top: 20px !important;	
	
}
			

#dealCont{
margin: 35px auto 0 auto !important;
float:none !important; 
}
	
#addIt{
display:none;
}
	
.priceBox{width: 70%;margin: 140px 15% 90px 15%; float:none;} .priceBox2{width: 70%;margin: 20px 15% 10px 15%; float:none;} 
.priceBox .point, .priceBox2 .point{font-size:15px;
padding: 10px 10px;  max-width: 330px;
margin: 3px auto;}  
.dRight{left: 100%; height: 400px; top: 190px;}
.dLeft{right: 100%; left:auto; height: 400px; top: 100px;}
.guarantee{bottom: 90px; left: 0; right: 0; margin: auto auto;} .revAm{bottom: 0px;right: 0; left: 0; margin: 0 auto;}
.priceBox2 .point .openBoxes{top: 10px;}		
}

@media screen and (max-width:600px) {
.theD{display:none;} .salePrice{width:104%;}
.priceBox{width: 90%; margin: 140px 5% 100px 5%; float:none;} .priceBox2{width: 90%; margin: 20px 5% 20px 5%; float:none;}
.priceBox2 .point{margin: 3px auto;}
.priceBox2 .point .openBoxes{top: 10px;}	
.priceBox .point{margin: 3px auto;}
.guarantee{bottom: 110px;}
}


@media screen and (max-width:500px) {
	
#mainContent{max-width: 420px;} .priceBox{margin: 110px 5% 100px 5%;} 
.dealQues2{
height: 105px !important;
display: flex !important;
 justify-content: center !important;
 align-items: center !important;	

}	
	
#dealCont2{
margin: 35px auto 0 auto !important;
float:none !important; 
}	
	
.dealText2{
width: 91% !important;
text-align: center !important;	
padding: 0 !important;
height: 15px !important; line-height: 16px !important;
position: absolute !important; top: 20px !important;	
	
}

}

.dealText2 span{
font-weight: bold;	
}

.satisfaction{
position: absolute;
width: 150px;
height: auto;
left: -30px;
bottom: -30px;
z-index: 4;
}

.boxImg2{
position: absolute;
width: 15%;
height: auto;
top: 10px;
left: 10px;
z-index: 4;
}

.boxImg3{
width: 110px;
position: absolute;
height: auto;
top: 55px;
left: 10px;
z-index: 0;
}

.boxFont1{
padding-left: 20px;
margin: 10px 0 10px 0;
font-family: 'built';	
font-weight:600;
}

.lineThru{
width:100%;
border-top: 1px solid white;
margin-bottom: 10px;
}

.boxFont3{
padding: 0 0px 0px 20px;
margin: 0 0 10px 0;
font-size: 35px;
font-family: 'built';	
font-weight:600;
}

.boxFont4{
text-align: center;
padding: 20px 15px 4px 10px;
margin: 0 auto;
font-size: 22px;
}

.boxFont4 em{
font-size: 14px;
color: #202020;
margin-top: -5px;
padding-bottom: 5px;
opacity: 0.7;
}

.boxFont4 strong{
font-family: 'built';	
font-weight:600;
font-size: 24px;
color: #101010;
}


.openBoxes2{
position: relative;
text-align:center;	
margin: 0 auto 10px 5px;
font-weight:normal;
cursor: pointer;
color: white;
width: 20px;
height: 20px;	
background: rgba(0,0,0,0.3);
text-decoration: none;
border-radius: 5px;
padding: 5px;
opacity: 0.7;
font-size: 16px;	
top:-3px;	
}

.openBoxes2:hover{
opacity: 1; background: #2980b9;
}


.openBoxes{
position: absolute;
font-family: 'built';		
font-weight: 600;	
text-align:center;
top: 10px;	
right: 10px;
cursor: pointer;
color: white;
line-height: 18px;
padding-top: 1px;	
font-size: 15px;	
width: 20px;	
background: rgba(0,0,0,0.2);
text-decoration: none;
border-radius: 50%;
}

.priceBox2 .openBoxes{top: 14px;}

.openBoxes:hover{
background: #2980b9;
}


#openBox1, #openBox2{
padding: 12px;
position: absolute;
text-align:center;
width: 280px;
bottom: -60px;
opacity: 0.7;
margin: 0 auto;
left: 0; right: 0;
font-family: 'built';	
font-weight:600;
font-size: 25px;
color: white;
cursor: pointer;
text-decoration:none;
transition: 0.3s;
line-height: 30px;
}

#openBox3{
position: relative;
float: right;
margin-left: 10px;
border-radius: 50%;
margin-top: 2px;
text-align: center;
color: white;	
background: rgba(0,0,0,0.2);
text-decoration:none;
cursor: pointer;
z-index: 99;
font-size: 17px;
font-family: 'built';		
line-height: 24px;
padding-top: 1px;	
width: 25px;	
}


#openBox1:hover, #openBox2:hover{
opacity: 1;
}

#openBox3:hover{
background: #2980b9;
}


.fancybox-content{
border-radius: 7px;
}


.fancybox-bg{
background: rgba(0,0,0,0.3) !important;
cursor: pointer !important;
}

#hidden-content1{
width: 100%;
max-width: 900px;
margin-top: 100px;
margin-bottom: 100px;
padding: 0 10px 10px 10px;
color: rgba(50,50,50,1.00);
background: white;
display:none;
}

#hidden-content1 h2{
font-family: 'built';	
font-weight:700;
font-size: 25px;
color: rgba(50,50,50,1.00);
margin: 70px 10px 30px 10px;
text-align: center;
}

#hidden-content2, #hidden-content3{
font-family: 'Noto Sans JP', sans-serif;
font-size: 19px;
display:none;
color: rgba(50,50,50,1.00);
background: white;
max-width: 700px;
}

#hidden-content2 .greenFont{
font-family: 'built';	
font-weight:700;
font-size: 17px;
}

#hidden-content2{
padding: 40px 50px 60px 50px;
}

#hidden-content3, #hidden-content4, #hidden-content5, #hidden-content6, #hidden-content7{
font-size: 16px;
line-height:24px;
padding: 40px 50px 60px 50px;
font-family: 'Noto Sans JP', sans-serif;
max-width: 820px;
display:none;
}

#hidden-content8{
padding: 0;
width: 100%;
height: auto;	
max-width: 399px;
display:none;
}

@media (max-width:660px) {#hidden-content8{padding: 0;width: 110%;margin-left: -5%;margin-right: -5%;}}

#hidden-content6 a{
border: 0; font-weight: bold; text-decoration:none; color: #2980b9;
}

#hidden-content3 h1, #hidden-content2 h1, #hidden-content4 h1, #hidden-content5 h1{
font-family: 'built';	
font-weight:600;
line-height:40px;
}


.counter{
margin-left: 20px;
margin-bottom: 60px;
padding: 5px;
width: 50px;
}

.smallProducts{
position: relative;
margin: 1% 0 1% 0;
padding: 30px 0 10px 0;
width: 100%;
float: left;
height: auto;
background: rgba(0,0,0,0.05);
display:inline-block;
border-radius: 5px;	
}


.smallProducts p{
padding: 0px 30px 10px 150px;
font-size: 15px;
color: rgba(50,50,50,1.00);
}

.sPrice{
font-family: 'built';	
padding-left: 20px;
font-size: 29px;
margin: 0;
padding: 0 0 0 30px;
font-weight: 700;
color: rgba(50,50,50,1.00);
}




.boxFont2{
padding-left: 20px;
font-size: 45px;
margin: 0;
font-weight: 700;
}

.methods{
position: absolute;
height: 30px;
width: auto;
z-index: 6;
top:auto;
bottom: 10px;
left:0;
right:0;
margin: 0 auto;
image-rendering: -moz-crisp-edges;         /* Firefox */
image-rendering:   -o-crisp-edges;         /* Opera */
image-rendering: -webkit-optimize-contrast;/* Webkit (non-standard naming) */
image-rendering: crisp-edges;
-ms-interpolation-mode: nearest-neighbor;	
}


#content2{display: none;}
#content2A{display: none;}
#content2B{display: none;}
#content2C{display: none;}
#content2D{display: none;}




#darkWrap{
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(0,0,0,0.4);
z-index: -1;
}

#darkWrap2{
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(0,0,0,0.2);
z-index: -1;
}

.cartLogo{
position: relative;
height: 50px;
width: auto;
margin: 0;
padding: 6px 5px 7px 13px;
vertical-align: middle;
}


#checkout{
position: relative;
display: inline-block;
background: white;
width: 90%;
max-width: 1180px;
height: auto;
min-height: 200px;
margin: 10px 5% 0 5%;
padding-bottom: 100px;
}


#checkout h3{
font-family: 'built';	
font-size: 24px !important; 
font-weight: normal !important; 
margin-bottom: 0px !important; 
}

#checkout2{
position: relative;
display: inline-block;
width: 90%;
max-width: 1180px;
height: 80px;
margin: 10px 5% 0 5%;
color: white;

}

#checkText1{
position: relative;
float: left;
margin: 0;
line-height: 80px;
font-size: 22px;
font-weight: bold;
padding-left: 20px;
}

.checkText2{
position: relative;
margin: 0;
line-height: 80px;
font-size: 14px;
padding-right: 7px;
float: right;
}

#totalPrice{font-weight: bold;}


.checkText3{
position: relative;
margin: 0;
line-height: 80px;
font-size: 22px;
padding-right: 20px;
font-weight: bold;
float: right;
}

#dollarConvert{
position: absolute;
margin: 0;
font-size: 11px;
bottom: 13px;
right: 20px;
}

.checkText4{
position: absolute;
margin: 0;
font-size: 15px;
top: 30px;
}

#checkText4A{left: 20px;}
#checkText4B{left: 54%;}
#checkText4C{left: 70%;}
#checkText4D{left: 85%;}

.cartItems{
position: relative;
width:92%;
height: 80px;
margin: 0 auto 10px auto;
background:rgba(0,0,0,0.05); border-radius: 5px;
}


.dealQues, .dealQues2{
position: relative;
width:90%; 
height: auto;
height: 62px;	
margin: 0 auto 10px auto;	
background:rgba(0,0,0,0.05); border-radius: 5px;
padding-right: 2%;	
border: dashed 1px rgba(0,0,0,0.05);	
}

.dealQues2{
height: 62px;	
background:rgba(255,227,167,0.3);
border: dashed 1px rgba(255,227,167,0.7);	
}

.dealQues2{margin-top: 30px; margin-bottom: 5px;}
.dealQues{margin-top: 0px;margin-bottom: 25px;}

#dealCont, #dealCont2{
display: inline-block;
width: auto;
float: right;	
margin: 0;	
height: 52px;	
}

.dealText, .dealText2{
padding: 14px;
width:300px;
position: absolute;
font-size: 16px;	
}

.dealText2{width: 500px;}

.dealText strong, .dealText b, .dealText2 b{
font-size: 20px;	
}

.dealBtn{
padding: 10px;
float: right; 
margin: 12px 3px 5px 3px;
background: rgb(230,230,230);
border-radius: 5px;	
font-size: 13px;	
cursor: pointer;
transition: 0.3s;
color: black;	
font-weight: bold;	
}

.dealQues2 .dealBtn{
margin: 9px 3px 5px 9px;
padding: 10px 15px 12px 15px;	
background: rgb(255,227,167);
font-size: 15px;	
}

.dealBtn:hover{
color: white;
background: rgba(0,0,0,0.6);

}

.dealQues2 .dealBtn:hover{
color: black;
background: #EBB82F;
}

#addIt{background: none; padding: 10px 0 10px 0; pointer-events: none;}

.cartItemsTop{
position: relative;
width:92%;
height: 55px;
margin: 0 auto 15px auto;
border-bottom: 1px solid #CCC;
}

.closeBtn2{
position: absolute;
margin: 0;
left: -6px;
top: -6px;
height: 20px;
width: 20px;
cursor: pointer;
z-index: 5;
image-rendering: -moz-crisp-edges;         /* Firefox */
image-rendering:   -o-crisp-edges;         /* Opera */
image-rendering: -webkit-optimize-contrast;/* Webkit (non-standard naming) */
image-rendering: high-quality;
-ms-interpolation-mode: nearest-neighbor;		
}

.boxCartImg{
position: absolute;
margin: 0;
left: 20px;
top: 5px;
height: 70px;
width: auto;
}

.cartItemNames{
position: absolute;
margin: 0;
left: 90px;
top: 17px;
font-size: 18px;
font-weight: bold;
}

.offPrice{
position: absolute;
left: auto; right: -17px;
height: 40px; width: auto;
top: 20px;
}




.cartItemTypes{
position: absolute;
margin: 0;
left: 90px;
top: 40px;
font-size: 16px;
}

.cartItemPrices{
position: absolute;
margin: 0;
line-height: 80px;
font-size: 22px;
}

.cartItemPrice{left: 53%; color: #E60000;}
.subPrice{left:84%;color: #E60000; font-weight: bold;}

#cartItem1 .cartItemPrice{color: black;}
#cartItem1 .subPrice{color: black;}

.counter2{
position: absolute;
width: 50px;
height:20px;
left: 69%;
top: 28px;
text-align: center;
}

#returnBtn{
position: absolute;
font-family: 'built';		
bottom: 20px;
left:20px;
font-weight: 700;
cursor: pointer;
font-size: 20px;
z-index: 6;
}

#checkText4B, .cartItemPrice{opacity: 0; transition: 0.6s; }

@media screen and (max-width:910px) {.boxCartImg{display: none;} .cartItemNames, .cartItemTypes{left: 20px;}.cartItemPrices{font-size:18px;}}
@media screen and (max-width:910px) {.counter2{width: 35px;} }
@media screen and (max-width:650px) {.cartItemNames, .cartItemPrices{font-size:16px;}.cartItemPrices{font-size:16px;} .cartItemTypes{font-size:16px;} }
@media screen and (max-width:550px) {#checkText4B, .cartItemPrice{left: 45%;} .cartItemNames, .cartItemTypes, #checkText4A{left: 15px;} #checkText4C{left: 63%;} .counter2{left: 63%;} #checkText4D, .subPrice{left: 79.2%;}}

#checkout2A, #checkout2B{
position: relative;
height: 100%;
margin: 0;
float: left;
}


#checkout2A{width: 70%; background: #0077C6;}
#checkout2B{width: 30%; background: #0A58C2;}

#checkout3{
position: relative;
display: inline-block;
width: 90%;
max-width: 1180px;
height: 60px;
padding: 0;
margin: 10px 5% 0 5%;
color: white;
}

#checkout3 p{
margin: 0;
padding: 0;
}

#closeBtn{
position: absolute;
margin: 0;
right: -7px;
top: -7px;
cursor: pointer;
z-index: 5;
image-rendering: -moz-crisp-edges;         /* Firefox */
image-rendering:   -o-crisp-edges;         /* Opera */
image-rendering: -webkit-optimize-contrast;/* Webkit (non-standard naming) */
image-rendering: high-quality;
-ms-interpolation-mode: nearest-neighbor;		
}

.checkout3In{
position: relative;
float: left;
width: 25%;
height: 100%;
margin: 0;
background: #444;

}

.rightBorder{
position: absolute;
margin: 0;
width: 1px;
background:#000;
height: 100%;
top: 0;
right: 0;
}

.selectedCheckout{background: #0077C6;}

.billingInfo{
position: relative;
margin: 2% auto;
width: 92%;
height: 92%;
padding:2% 2% 2% 2%;
max-width: 550px;
background:rgba(0,0,0,0.07); border-radius: 5px;
}

.billingInfo input, .billingInfo select{
font-family: 'Noto Sans JP', sans-serif;
}


legend{
text-align: center;
}


.fullField{
height: 30px;
padding: 5px 0 5px 2%;
font-size: 16px;
margin-top: 10px;
width: 97.1%;

}

.halfField1, .halfField2{
height: 30px;
padding: 5px 0 5px 2%;
font-size: 16px;
width: 46%;
float: left;
}

.extraMargin{
margin-top: 15px;
}

.extraMargin2{
margin-top: 10px;
}

.noMargin{
margin-top: 0;
}

.halfField1{float: left;}
.halfField2{float: right;}

.billingInfo select{
height: 40px;
padding: 0 0 0 2%;
font-size: 16px;
margin-top: 10px;
width: 99.5%;

}

.billingInfo label{
position: relative;
font-size: 14px;
padding-left: 5px;
}

#checkUser{
vertical-align: bottom;
}





@media screen and (max-width:999px){.cartLogo{height: 40px;padding: 12px 2px 12px 6px;}#checkout3{font-size:13px;} #checkout2A, #checkout2B{width: 100%} .offPrice{right: -50px; height: 40px; top: 20px;}}
@media screen and (max-width:600px) {#checkout, #checkout2, #checkout3{width:98%;  margin: 10px 1% 0 1%;}.cartLogo{height: 50px; padding: 6px 5px 7px 8px;}#checkout3{color: rgba(0,0,0,0);}  #checkText1{display: none;} .offPrice{right: -20px; height: 34px; top: -5px;} #closeBtn{right: -1px; top:-11px;}} 


@media screen and (min-width:3451px) {
#checkout, #checkout2, #checkout3{width: 74%; margin: 10px 13% 0 13%; }
}


#checkout3C{display:none; }


.priceValue{
position: relative; 
float:left;  
padding-left:10px;
padding-top: 14px; 
font-size: 22px;
text-decoration:line-through;
display:none;
}


#choiceCont{
position: absolute;
width:400px;
height:340px;
text-align: center;
left: 0; top: 0; right: 0; bottom: 0;
margin: auto auto;
background: rgba(0,0,0,0.50);
}


@media screen and (max-width:500px) {#topTitle{font-size:25px;} #choiceCont{width: 300px;}}

.bannerBtnCont{
position: relative;
top: 20%;
height: 160px;
width: 230px;
padding: 20px;
margin: 0 auto;
}

.bannerBtnCont2{
position: relative;
top: 20%;
margin: 0 auto;
width: 100%;
padding-right: 50px;
font-weight: bold;
font-size: 35px;

text-align:center;
text-shadow: -1px -1px 3px #000,  1px -1px 3px #000, -1px 1px 3px #000, 1px 1px 3px #000;
color: white;
}

@media screen and (max-width:600px) {.bannerBtnCont, .bannerBtnCont2{top: 15%;}}

.bannerBtn {
width: 190px;
box-shadow: 0px 0px 3px black;
border: 2px solid white;
text-align:center;
margin: 15px;
cursor: pointer;
}


.bannerBtn a{
line-height: 50px;
padding: 20px 30px 20px 30px;
text-decoration: none;
font-size: 21px;
color: white;

}

.bannerBtn:hover{
border: 2px solid #FFC600;
color: #FFC600;
}
.bannerBtn a:hover{
color: #FFC600;
}


.prodLogo{
position: absolute;
left: -61px;
top: 20px;
width: 60px;
height: 120px;
}

.prodLogo2{
position: absolute;
left: -36px;
width: 35px;
height: auto;
}
#logo1{top: 40px; z-index: 2;}
#logo2{top: 240px;}
#logo3{top: 130px;z-index: 2;}
#logo4{top: 180px;}
#logo5{top: 90px;}

#allProd1 {
position: absolute;
color: #D90000;
font-size: 28px;
font-weight: bold;
text-shadow: 1px 1px 0px black;
bottom: 67px;
left: 25px;
}

#allProd2 {
position: absolute;
color: #D90000;
font-size: 15px;
bottom: 47px;
left: 25px;
}

#allProd3 {
position: absolute;
font-size: 16px;
font-weight: normal;
bottom: 15px;
left: 25px;
}

#bigPrice {
width: 100%;
padding-bottom: 15px;
height:45px; position: relative; float:left;
z-index: 99;
}

.price1b, .price2b, .price3b, .price4b{
color: #DB0003 !important;
text-decoration: line-through;
font-size: 18px !important;
line-height: 22px;
}

.price1 {
font-size: 65px !important;
font-weight: bold;	
}

.redText {
color: #DB0003;
line-height: 53px;
font-size: 13px;
display:none;
}

@media screen and (max-width:775px) {#allProd2,  #allProd3, #allProd1, #rText2{display: none;}}


@media screen and (max-width:660px) {.guarantee{height: 94px; width: 420px;} #mainContent{margin: 150px auto 50px auto;} #hidden-content2{padding: 70px 30px;}}
@media screen and (max-width:580px) { .smallProducts p{padding: 0px 10px 10px 100px;font-size: 14px;} .boxImg3{width: 80px;top: 25px;left: 0px;}
	.guarantee{height: 66px; width: 280px; background: #303030;} .guarantee img{top: -10px; } .guarantee h1, .guarantee h5{ display: none;} }

@media screen and (max-width:750px) {#head1{font-size:52px;}#head2{font-size: 18px; margin-top: -5px; line-height: 23px;} }

@media screen and (max-width:600px) {#head1{font-size: 56px; line-height: 50px;}#head2{font-size: 17px;margin-top: 8px;} #head1 b{display:none;}}


#boxOrDown {
height: 30px;
margin: 0;
float: left;
padding-left: 20px;
padding-right: 70px;
cursor: pointer;
z-index: 99;
border-radius: 5px;
}

.greenFont{
color: #090 !important;
}

.redFont{
color: #E60000;
}

.yellowFont{
color: #EBB82F;
}

h2 {
color: white;
font-size: 21px;
}

#counter1, #counter2,#counter3,#counter4,#counter5{
display:none;
}


.spStyle{
font-family: 'built';	
font-size: 24px !important; 
font-weight: 700; 
padding-bottom: 0; 
margin: 0 0 7px 0; 
}


#continueBtn, #continueBtn2{
left: auto;
right: 34px;
}

.dealOff{
display: none !important;
}	

.dealOff2{
display: none !important;
}	
/*STRIPE CODE BELOW  ////////////////////////////////////////////////////////*/

#paypal-button-container{margin: 10px auto 20px auto; position: relative; padding: 20px; width: 88%; max-width: 600px; background:rgba(0,0,0,0.05); border-radius: 5px;}

#payment-form {
  margin: 10px auto 20px auto;
  padding: 20px; max-width: 600px; background:rgba(0,0,0,0.05);
  border-radius: 5px;
  width: 88%;	
}

#payment-form h3{
text-align: center;
font-family: 'built';	
font-weight:600;	
padding-bottom: 15px;	
padding-top: 0; margin-top: 0;	
}


#payment-form input {
  border-radius: 6px;
  margin-bottom: 6px;
  padding: 12px 3% 12px 3%;
  border: 1px solid rgba(50, 50, 93, 0.1);
  height: auto;
  font-size: 16px;
  width: 94%;
  background: white;
}

.result-message {
  line-height: 22px;
  font-size: 16px;
}

.result-message a {
  color: #202020;
  font-weight: 600;
  text-decoration: none;
}

.hidden {
  display: none;
}

#card-error {
  color: #202020;
  text-align: left;
  font-size: 13px;
  line-height: 17px;
  margin-top: 12px;
}

#card-element {
  border-radius: 4px 4px 0 0 ;
  padding: 12px 3% 12px 3%;
  border: 1px solid rgba(50, 50, 93, 0.1);
  height: 20px;
  width: 94%;
  background: white;
}

#payment-request-button {
  margin-bottom: 32px;
}

/* Buttons and links */
#submitPayment {
  background: #101010;
  color: #ffffff;
  font-family: 'Noto Sans JP', sans-serif;
  font-weight: normal;	
  border-radius: 0 0 4px 4px;
  border: 0;
  padding: 17px 16px;
  font-size: 18px;
  font-weight: 600;
  cursor: pointer;
  display: block;
  transition: all 0.2s ease;
  box-shadow: 0px 4px 5.5px 0px rgba(0, 0, 0, 0.07);
  width: 100%;
  cursor: pointer;	
}

#payment-form button:hover {
  filter: contrast(115%);
}
#payment-form button:disabled {
  opacity: 0.8;
  cursor: default;
}

#content2B h3, #content2C h3, #content2D h3{text-align: center; padding-top: 20px; font-family: 'built'; font-weight: 600; font-size: 25px; color: #222;}

/* spinner/processing state, errors */
.spinner,
.spinner:before,
.spinner:after {
  border-radius: 50%;
}
.spinner {
  color: #ffffff;
  font-size: 22px;
  text-indent: -99999px;
  margin: 0px auto;
  position: relative;
  width: 20px;
  height: 20px;
  box-shadow: inset 0 0 0 2px;
  -webkit-transform: translateZ(0);
  -ms-transform: translateZ(0);
  transform: translateZ(0);
}
.spinner:before,
.spinner:after {
  position: absolute;
  content: "";
}
.spinner:before {
  width: 10.4px;
  height: 20.4px;
  background: #202020;
  border-radius: 20.4px 0 0 20.4px;
  top: -0.2px;
  left: -0.2px;
  -webkit-transform-origin: 10.4px 10.2px;
  transform-origin: 10.4px 10.2px;
  -webkit-animation: loading 2s infinite ease 1.5s;
  animation: loading 2s infinite ease 1.5s;
}
.spinner:after {
  width: 10.4px;
  height: 10.2px;
  background: #202020;
  border-radius: 0 10.2px 10.2px 0;
  top: -0.1px;
  left: 10.2px;
  -webkit-transform-origin: 0px 10.2px;
  transform-origin: 0px 10.2px;
  -webkit-animation: loading 2s infinite ease;
  animation: loading 2s infinite ease;
}


#askUser {
position: fixed;
width: 100%; height: 100%; top: 0; right: 0; bottom: 0; left: 0;
background: rgba(0,0,0,0.7);	
z-index: 1000;	
display: none;	
}

#askUserIn {
position: fixed;
width: 330px; height: 290px; top: 0; right: 0; bottom: 0; left: 0; margin: auto;
padding: 20px 50px 60px 50px;	
background: white;	
border-radius: 5px;	
z-index: 1001;	
text-align: center;	
}

#askUserIn h3 {
font-size: 17px;
margin-bottom: 30px;	
color: #303030;	
}

#askUserIn h3 strong {
font-size: 1.6em;
}

#askUserIn h3 i {
font-style: normal;
color: #303030;
}

@media screen and (max-width: 470px) {#askUserIn {padding: 20px 30px 60px 30px;}}
@media screen and (max-width: 400px) {#askUserIn {padding: 20px 25px 60px 25px;}}




#askUserIn input {
position: relative;	
text-align: center;	
width: 130px;
border-radius: 5px;	
padding: 15px 20px;	
font-size: 30px;
margin: 0 auto; left: 0; right: 0;		
}

.plusMinus {
margin-top: 10px;	
background: rgba(0,0,0,0.6);
font-weight: bold;
font-size: 30px;
color: white;
border-radius: 50%;
position: relative;
width: 50px;
height: 50px;
line-height: 47px;	
cursor: pointer;
transition: 0.3s;
user-select: none;
}

#plus {
line-height: 47px;	
float: right;	
}

#minus {
font-size: 40px;	
line-height: 38px;	
float: left;		
}

.plusMinus:hover {
background: rgba(0,0,0,1);	
}

#askUserIn em {
font-size: 16.5px;
color: rgba(0,0,0,0.7);
}

#askBtn {
margin-top: 40px;
margin-bottom: 8px;	
text-align: center;
font-family: 'built';	
font-weight:600;
font-size: 25px;
padding: 14px 18px;
background-color: #EBB82F;
color: black;
border-radius: 5px; 
text-shadow:none;
cursor: pointer;
}

@-webkit-keyframes loading {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes loading {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

@media only screen and (max-width: 600px) {
  #payment-form, #paypal-button-container {
    width: 80vw;
  }
}


#dealCont #addIt{display:none;}

@media screen and (max-width: 910px) {
a .dealBtn{
font-family: 'Open Sans Condensed', sans-serif;	
padding: 10px 8px;
margin: 12px 2px 5px 2px;
font-size: 14px;}
}	

/*REMOVE THIS BELOW TO ADD 
.dealQues{margin-top: 60px !important; margin-bottom: 5px !important;}
.dealQues2{display:none !important;}
BUY ALL LANGUAGES*/

.gift{background-image: url(https://www.ouinolanguages.com/images/star.png); height: 26px; width: 26px;margin: -4px 10px 0 -2px;}
.giftCont{padding-top: 14px !important; padding-bottom: 14px !important;margin:5px auto 5px auto !important; background:rgba(255,227,167,0.3);
border: dashed 1px rgba(255,227,167,0.8);}
#lifetime .boxFont4{padding-top: 30px;}