@import url('https://fonts.googleapis.com/css2?family=Prompt&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Righteous&display=swap');

@font-face{
	font-family: 'phagspa';
	src: url('../fonts/phagspa.ttf');
	format('otf');
}

@font-face{
	font-family: 'abel';
	src: url('../fonts/Abel-Regular.ttf');
	format('otf');
}

:root{
	/*--primary: #F75B23;*/
	--primary: #F1F1F1;
	--secondary: #111111;
	--tertiary: #212529;
	/*--tertiary: #777D80;*/
	--fourth: white;
	--fifth: #343a40;
	--grey: #292929;
}

*{
	margin: 0;
	/*padding: 0;*/
}

body{
	background-color: var(--fourth);
	font-family: 'abel';
}

button{
	outline: none;
}

body form#resForm{
	display: none;
}

section.land-sec{
	height: 100vh;
	width: 100%;
	margin: 0;
}

div.row{
	width: 100%;
	margin: 0;
}

/*cart-num-circle*/
/*span.cart-num{
	font-size: 65%;
	background-color: #0080FF;
	color: white;
	border-radius: 50px;
	height: 15px;
	width: 15px;
	display: inline-block;
	position: absolute;
	top: 0;
	right: 0;
}*/
/*cart-num-circle*/

/*cart-num-cart*/
span.cart-num {
    font-size: 50%;
    /* background-color: #0080FF; */
    color: white;
    border-radius: 50px;
    /* height: 15px; */
    /* width: 15px; */
    display: inline-block;
    position: absolute;
    top: 6px;
    left: 14px;
    font-weight: bold;
}

i.cart-num-items{
	color: #0080FF;
}
/*cart-num-cart*/

div.nav-bar{
	padding: 30px 0px 20px 0px;
	/*font-family: 'berlin';*/
}

div.nav-bar div{
	padding: 0;
	margin: 0;
}

div.nav-bar > div.row > div:first-child{
	padding-left: 10px;
}

div.nav-bar div.menu a, div.page-title span{
	font-size: 20px;
	font-family: 'phagspa';
	font-weight: 600;
/*	margin-left: 1.5vw;*/
/*	padding: 0 0.5vw;*/
	padding: 0 0.5vw 0 1.5vw;
}

/*@media screen and (max-width: 990px){*/
	div.nav-bar div.menu a, div.page-title{
		text-align: left;
	}
/*}*/

span.strike{
	position: absolute;
	background-color: var(--fourth);
	width: 100%;
	height: 5px;
	margin-top: 14px;
	margin-left: -100%;
	display: none;
}

span.strike.active{
	/*display: inline-block;*/
}

div.nav-bar div.menu a:hover span.strike{
	/*text-decoration: line-through;*/
	/*display: inline-block;*/
}

div.nav-bar div.menu div{
	position: relative;
}

div.logo{
	text-align: center;
}

div.logo img{
	height: 50px;
	margin-top: -20px;
}

div.nav-bar div.page-title{
	/*text-align: center;*/
	font-weight: bolder;
	color: black;
	display: none;
	margin-top: -10px;
}

@media screen and (min-width: 990px){
	div.logo img{
		height: 70px;
		margin-top: -20px;
	}

	div.nav-bar div.page-title{
		margin-top: 0px;
	}

	div.nav-bar > div.row > div:first-child{
		padding-left: 0;
	}

	.movable-menu{
		margin-top: 110vh;
		display: block;
		position: absolute;
		width: 5vh;
		height: 5vh;
		right: 0;
		top: 0;
	}
}

div.menu{
	text-align: center;
}

div.nav-bar div.menu > div{
	display: inline-block;
	margin-left: 15px;
}

div.menu a, div.menu a:hover{
	color: black;
	text-decoration: none;
}

a.active{
/*	text-decoration: underline !important;*/
	color: white !important;
	background-color: var(--grey);
	font-weight: 100 !important;
}

.menu a:hover{
	color: white !important;
/*	text-decoration: underline !important;*/
	background-color: var(--grey);
	font-weight: 100 !important;
}

div.home-info > div{
	/*padding: 4vh 0 0 0;*/
}

div.home-info div.web-title > h1{
	/*font-family: 'impact';*/
	font-family: 'Prompt', sans-serif;
	/*font-size: 13vh;*/
	font-weight: 900;
	color: black;
}

div.menu > div:last-child i:hover{
	color: #aaa;
}

div.menu > div:last-child span{
	background-color: #2286a9;
	border-radius: 50px;
	display: inline-block;
	font-size: 80%;
	color: var(--fourth);
	height: 20px;
	width: 20px;
	position: absolute;
	right: 0;
	margin-right: -10px;
	margin-top: -5px;
	font-family: 'phagspa';
	font-weight: bold;
}

@media screen and (min-width: 360px){
	div.nav-bar div.page-title{
/*		display: block;*/
	}
}

@media screen and (min-width: 990px){
	div.home-info div.web-title > h1{
		font-size: 13vh;
	}
	div.nav-bar div.page-title{
		display: block;
	}
}

@media screen and (max-width: 990px){
	div.home-info div.web-title > h1{
		font-size: 13vw;
	}

	span.strike{
		position: absolute;
		background-color: var(--fourth);
		width: 100vw;
		height: 1vh;
		margin-top: 4.3vh;
		margin-left: -50%;
		display: none;
	}

	span.strike.active{
		/*display: inline-block;*/
	}
}

div.home-preview{
	/*margin-top: -50px;*/
	margin-left: 0vw;
	margin-right: 0vw;
}

div.home-preview > img{
	width: 15vw !important;
	/*margin: 0px 30px;*/
}

div.home-preview.art-prev > img{
	width: 15vw !important;
	margin-top: 12%;
}

div.home-info{
	/* background-image: url("../images/IMG-20201110-WA0028.jpg");
	background-position: center;
	background-size: auto 100%;
	background-repeat: no-repeat; */
	height: 80vh;
}

div.home-info > div{
	 /*background-image: url("../images/IMG-20201110-WA0028.jpg");*/
	background-position: center;
	background-size: auto 100%;
	background-repeat: no-repeat; 
	height: 100%;
	width: 100%;
}

section.secA{
	background-color: var(--grey);
	color: var(--fourth);
	font-size: 25px;
	position: relative;
/*	padding: 0 12vw;*/
}

/*Desktop view*/
.land-sec .new-section{
	width: 100%;
	height: 100%;
	background-color: white;
	color: black;
	}


.new-section > div{
	width: 100%;
	display: inline-block;
	padding: 2%;
	margin: auto;
	vertical-align: middle;
}

.new-section h2{
	font-size: 50px;
	font-weight: bold;
	background-color: var(--grey);
	display: inline;
	color: white;
	padding: 0 5px;
}

.new-section .new-content-desc{
	padding: 5vh 0;
}
/* Responsive layout - makes the two columns stack on top of each other instead of next to each other */
@media screen and (min-width: 990px) {

	.land-sec .new-section{
		width: 100%;
		height: 100%;
		background-color: white;
		color: black;
		align-items: center;
		display: flex;
	}

	.new-section > div{
		width: 49%;
		display: inline-block;
		padding: 2%;
		margin: auto;
		vertical-align: middle;
	}

	.new-section .new-content-desc{
		padding: 2%;
	}
	
	.new-section h2{
		font-size: 80px;
	}
}

.new-section .new-content-desc{
	padding-left: 10%;
}

section.land-sec video{
	width: 100%;
/*	position: absolute;*/
	bottom: 0;
}

.video-overlay{
	display: inline-block;
	position: absolute;
	height: 100%;
	width: 100%;
	z-index: 2;
	background-color: rgba(41,41,41);
	opacity: 0.4;
}

.video-overlay.open{
	opacity: 0.8;
}

section.secA div.section-header, section.secB div.section-header{
	padding: 30vh 5vw 0 5vw;
	text-align: center;
}

section.secA div.section-header h3, section.secB div.section-header h3{
	font-weight: 900;
	font-size: 25px;
	display: inline;
	padding: 10px;
}

section.secA div.section-info, section.secB div.section-info{
	padding: 30vh 5vw 0 5vw;
	/*text-align: center;*/
}

section.secA div.section-header h3{
	color: black;
	background-color: white;
}

section.secB div.section-header h3{
	color: white;
	background-color: var(--grey);
}

section.secB{
	background-color: var(--fourth);
	color: black;
	font-size: 25px;
	padding: 0 12vw;
	position: relative;
}

section.sec-half{
	height: 50vh;
}

section.sec-half div.section-info, section.sec-half div.section-header{
	padding-top: 15vh;
}

section.sec-img, section.sec-img div.section-info{
	padding: 0;
}

div.sec-img > div.section-info{
	position: relative;
}

div.section-info > div.home-preview{
	height: 40vh;
	margin-bottom: 10vh;
	margin-top: 0;
	position: absolute;
	/*margin-left: 50vw;*/
}

div.home-preview.sec-img-outfits > img{
	width: 25vh;
	margin: 5vh 3vw;
	display: inline-block;
}

div.section-info > p > a > span.direct{
	border: 1px solid var(--fourth);
	color: var(--fourth);
	border-radius: 50px;
	padding: 10px 20px;
}

div.section-info > p > a > span{
	text-decoration: none;
	text-align: right;
	font-size: 15px;
}

div.section-info > p > a:hover > span.direct{
	color: var(--grey);
	background-color: var(--fourth);
}

div.section-info > p > a:hover{
	text-decoration: none;
}

div.section-info > p.take-btn2{
	text-align: left;
}

div.section-info > p.take-btn1{
	text-align: right;
}

.pic-prev{
	width: 100%;
	height: 100%;
	text-align: center;
}

.updates-sec{
	/*height: 80vh;*/
	width: 100%;
	display: block;
	margin-bottom: 30px;
}

.update{
	/*height: 20%;*/
	/*border: 1px solid silver;*/
	padding: 10px;
	position: relative;
}

.update_img{
	display: inline-block;
	height: 13.5vh;
	width: 9.5vh;
	/*background-color: red;*/
	margin-right: 10px;
	vertical-align: top;
	background-size: 100% auto;
	background-position: center;
	background-repeat: no-repeat;
}

.update_desc{
	display: inline-block;
	max-width: 60vw;
	vertical-align: top;
}

.update button{
	bottom: 10vw;
	right: 20vw;
	position: absolute;
	margin: 10px;
	border-width: 0;
	background-color: var(--grey);
	color: var(--fourth);
	padding: 5px;
}

.latest{
	border: 1px solid silver;
}

.latest a{
	display: flex;
}

.latest-item{
	display: inline-block;
	/*border: 1px solid var(--grey);*/
	width: 150px;
	/*height: 320px;*/
	margin: 20px 20px;
	vertical-align: top;
	/*background-color: var(--grey);*/
	/*padding: 10px;*/
}

.latest-content div.section-header h3, .latest-content div.section-header h5{
	display: inline-block;
	width: 50%;
}

.latest-content div.section-header h5{
	margin-left: -5px;
	text-align: right;
	padding-left: 0;
}

.latest-content div.section-header{
	padding: 0 20px;
}

.latest-img{
	display: inline-block;
	height: 215px;
	width: 150px;
/*	height: 25vw;*/
/*	width: 17.5vw;*/
	/*background-color: red;*/
	/*margin-right: 10px;*/
	/*vertical-align: top;*/
	/*background-color: var(--fourth);*/
	background-size: 100% auto;
	background-position: center;
	background-repeat: no-repeat;
	border: 10px solid white;
}

.latest_desc{
	padding: 10px 0;
	/*color: var(--fourth);*/
	/*background-color: var(--grey);*/
}

.latest_desc > h5:nth-child(1){
	/*height: 40px;*/
	font-weight: bolder;
	/*line-height: 0.8;*/
}

.latest_desc > h5, .latest_desc > p{
	margin: 0;
}

.latest_desc > p{
	font-size: 80%;
}

@media screen and (max-width: 990px){
	section.land-sec.above-img{
		z-index: 3 !important;
	}

	div.section-info{
		/*position: relative;*/
		z-index: 0 !important;
	}

	div.home-preview{
		/*display: none;*/
		margin-top: 50px;
		z-index: 0 !important;
		/*position: absolute;*/
		text-align: center;
	}

	div.home-preview > img{
		position: absolute;
		height: 25vh !important;
		width: auto !important;
		/*margin: 0px 30px;*/
		z-index: -1 !important;
		left: 0;
	}

	div.home-preview.art-prev > img{
		margin: 5% 10% !important;
	}

	div.home-preview.art-prev > img.portrait{
		margin: 5% 20% !important;
	}

	div.home-preview.art-prev > img{
		height: 80% !important;
		width: auto !important;
		display: none;
		/*margin: 0px 30px;*/
	}

	div.home-preview.sec-img-outfits > img{
		width: 25vh;
		margin: 5vh 5vh;
		display: none;
	}

	div.home-preview.art-prev, div.home-preview.sec-img-outfits{
		text-align: center !important;
		/*width: 80%;*/
		/*background-image: url("../images/Photo0459(2).jpg");*/
		background-size: auto 90%;
		background-position: center;
		background-repeat: no-repeat;
	}

	div.home-preview > img:nth-child(2), div.home-preview > img:nth-child(3), div.home-preview > img:nth-child(4), div.home-preview > img:nth-child(5){
		display: none;
	}

	section.landing div.page-title{
		/*text-align: right;*/
	}

	section.secA div.section-header{
		padding: 30vh 5vw 0 5vw;
		text-align: center;
	}

	section.secA div.section-header h3, section.secB div.section-header h3{
		font-weight: 900;
		/*font-size: 35px;*/
		font-size: 35px;
	}

	section.secA div.section-info, section.secB div.section-header{
		padding: 0vh 5vw 0 5vw;
		/*text-align: center;*/
	}

	section.secB, section.secA{
		font-size: 20px;
	}

	section.secB div.section-info{
		padding: 30vh 5vw 0 5vw;
		text-align: center;
	}

	section.secB div.section-info.sec-img-art-par, section.secB div.section-info.sec-img-outfits-par{
		padding: 0;
	}

	section.sec-half div.section-info, section.sec-half div.section-header{
		padding-top: 0vh;
	}

	section.sec-half div.section-header{
		padding-top: 10vh;
	}

	section.secAB.sec-half div.section-header{
		padding-top: 0vh;
	}

	section.secAB.sec-half div.section-info{
		padding-top: 10vh;
	}
}

section.foot{
	padding: 11.5% 6vw 0 6vw;
}

div.burger{
	display: none;
}

div.hamburger, div.fixed-cart{
	display: none;
}

div.sec-menu > div{
	font-size: 20px;
	border-right: 1px solid var(--fourth);
	text-align: center;
	width: 28.5vw;
}

div.sec-menu > div:last-child, div.sec-menu > div:nth-child(3){
	border-right: 0px solid var(--fourth);
}

div.sec-menu li, div.sec-menu ul{
	list-style: none;
	padding: 0;
}

div.sec-menu a{
	color: var(--fourth);
}

div.footer-social i{
	font-size: 30px;
	width: 80px;
	/*height: 60px;*/
	margin: 70px 20px 0 20px;
	border: 1px solid var(--fourth);
	padding: 20px 0;
	border-radius: 2px;
}

div.footer-social a:hover i{
	color: var(--grey);
	background-color: var(--fourth);
}

div.item-added-to-cart{
/*	display: inline-block;*/
	display: none;
	position: fixed;
	bottom: 5vh;
	width: 100vw;
	height: 5vh;
	text-align: center;
}

div.item-added-to-cart p{
	background-color: #0080FF;
	display: inline-block;
	color: black;
	padding: 5px 10px;
	font-weight: bold;
}

/*Cart animation when user adds item to cart*/

/**/

#home section.land-sec:nth-child(2){
	position: relative;
/*	overflow: hidden;*/
}

.hamburger.hb_1{
	display: inline-block !important;
	position: absolute;
	margin: 20px 20px 0 0;
	width: 5vh;
	height: 5vh;
	background-color: var(--grey);
	/*border-radius: 50px;*/
	z-index: 12;
	top: 0;
	right: 0;
	padding-top: 1vh;
}

.hamburger.hb_1:hover{
	cursor: pointer;
}

.hamburger.hb_1 > div{
	height: 0.5vh;
	margin: 0.4vh auto 0px auto;
	width: 2vh;
	background-color: var(--fourth);
	transform: rotate(0deg);
	transition: transform 5s;
	transition: margin 0.5s;
}

.hamburger.hb_1.open > div:nth-child(1){
	transform: rotate(45deg);
	margin-top: 1.25vh;
	transition: transform 5s;
	transition: margin 0.5s;
}

.hamburger.hb_1.open > div:nth-child(2){
	display: none;
}

.hamburger.hb_1.open > div:nth-child(3){
	transform: rotate(-45deg);
	margin-top: -0.5vh;
	transition: transform 5s;
	transition: margin 0.5s;
}

div.menu_hb_1{
	/*height: 250px;*/
	background-color: var(--fourth);
	position: absolute;
	width: 100vw;
	top: 0;
	right: 0;
	padding: 50px 100px 30px 0;
/*	margin-top: -10px;*/
	display: none;
	z-index: 10;
}

div.menu_hb_1.open{
	display: inline-block;
}

div.menu_hb_1 > div{
	text-align: right;
}

div.menu_hb_1 > div a{
	color: black;
	padding-right: 15px;
}

div.menu_hb_1 > div a:hover{
	text-decoration: none;
	background-color: var(--grey);
	color: white;
}

/*div.menu_hb_1 > div a{
	color: white;
}*/

@media screen and (max-width: 990px){
	section.foot{
		padding: 11.5% 0vw 0 0vw;
	}
	div.sec-menu > div{
		border-right: 0px solid var(--fourth);
	}

	section.foot div.sec-menu{
		background-color: var(--grey);
	}

	div.sec-menu > div{
		font-size: 5vw;
		border-right: 0px solid var(--fourth);
		/*border-bottom: 1px solid var(--fourth);*/
		text-align: center;
		padding-bottom: 10vh;
		width: 100vw;
	}

	div.sec-menu > div h2{
		font-size: 7vw
		/*font-weight: 600;*/
	}

	div.sec-menu > div:last-child, div.sec-menu > div:nth-child(3){
		border-bottom: 0px solid var(--fourth);
	}

	div.sec-menu li, div.sec-menu ul{
		list-style: none;
		padding: 0;
	}

	div.burger.open{
		display: inline-block;
		height: 100vh;
		width: 100vw;
		position: fixed;
		z-index: 10;
		background-color: var(--fourth);
		top: 0;
	}

	.nav-bar .menu{
		/*display: none;*/
	}

	.fixed-cart{
		display: inline-block !important;
		position: fixed;
		margin: 20px 49px 0 0;
		width: 5vh;
		height: 5vh;
		background-color: white;
		/*border-radius: 50px;*/
		z-index: 12;
		top: 0;
		right: 0;
		padding-top: 0.6vh;
		text-align: center;
	}

	.fixed-cart > a{
		width: 2vh;
		text-decoration: none;
		color: var(--grey);
	}

	.hamburger{
		display: inline-block !important;
		position: fixed;
		margin: 20px 20px 0 0;
		width: 5vh;
		height: 5vh;
		background-color: var(--grey);
		/*border-radius: 50px;*/
		z-index: 12;
		top: 0;
		right: 0;
		padding-top: 1vh;
	}

	.hamburger:hover{
		cursor: pointer;
	}

	.hamburger > div{
		height: 0.5vh;
		margin: 0.4vh auto 0px auto;
		width: 2vh;
		background-color: var(--fourth);
		transform: rotate(0deg);
		transition: transform 5s;
		transition: margin 0.5s;
	}

	.hamburger.open > div:nth-child(1){
		transform: rotate(45deg);
		margin-top: 1.25vh;
		transition: transform 5s;
		transition: margin 0.5s;
	}

	.hamburger.open > div:nth-child(2){
		display: none;
	}

	.hamburger.open > div:nth-child(3){
		transform: rotate(-45deg);
		margin-top: -0.5vh;
		transition: transform 5s;
		transition: margin 0.5s;
	}

	.hamburger.hb_1{
		display: none !important;
	}

	div.menu_hb_1{
		display: none !important;
	}

	.burger .nav-bar .menu{
		/*position: fixed;*/
		/*height: 100vh;*/
		width: 100vw;
		margin: 0;
		left: 0;
		margin-top: 5vh !important;
		display: block;
	}

	.burger .nav-bar .menu > div{
		padding: 2vh 0;
		margin: 0;
	}

	.burger .nav-bar .menu > div > a{
		width: 100%;
		font-size: 5vh;
		/*height: 10vh;*/
		/*padding: 10vh 0;*/
	}

	 .burger .nav-bar .menu > div:nth-child(3) > div{
		height: 50vh;
	} 

	.burger .nav-bar .menu > div a{
		border-width: 0.8vh;
	}
	
	.landing .nav-bar .menu, .nav-bar.arts .menu, .movable-menu{
		display: none;
	}
	
	.burger .nav-bar .menu{
		display: block !important;
	}
	
	.burger .nav-bar{
		/*padding: 0;*/
	}
/*}HamburgerMenu*/
}

/*Coming Soon(){*/
div.coming-soon{
	text-align: center;
	/* background-image: url("../images/clayHouse.png");
	background-size: 20% auto;
	background-repeat: no-repeat;
	background-position: center 0; */
	/*height: 100vh;*/
	/*background-color: gold;*/
	padding-bottom: 44vh;
}
div.coming-soon h1{
	padding-top: 20vh;
	font-family: 'Prompt', sans-serif;
	font-size: 7vw;
	font-weight: 900;
	/*color: black;*/
}
/*}Coming Soon*/

/*Gallery(){*/
div.art_form{
	display: none;
}

section.content{
	min-height: 100vh;
	padding-bottom: 0vh;
}

@media screen and (min-width: 990px) {
	.all-sections > section{
		width: 60%;
		margin: 0 auto;
	}
	
	.all-sections > section > div{
		max-width: 100%;
	}
}

.row.gallery-images {
  display: flex;
  flex-wrap: wrap;
  padding: 0 4%;
  margin: 0 auto;
}

/* Create four equal columns that sits next to each other */
.row.gallery-images .column {
	flex: 100%;
	max-width: 99%;
	padding: 0 4px;
}

.row.gallery-images .column img {
  margin-top: 8px;
  vertical-align: middle;
  width: 100%;
}

/* Responsive layout - makes a two column-layout instead of four columns */
 @media screen and (min-width: 600px) {
  /* .column {
    flex: 50%;
    max-width: 50%;
  } */
	.row.gallery-images .column {
    	flex: 50%;
		max-width: 50%;
		padding: 0 4px;
	}
} 

/* Responsive layout - makes the two columns stack on top of each other instead of next to each other */
@media screen and (min-width: 990px) {
	/* .column {
		flex: 100%;
		max-width: 100%;
	} */

	.row.gallery-images .column {
		flex: 25%;
		max-width: 33%;
		padding: 0 4px;
	}
}
/*}Gallery*/

/*Outfits(){*/
div.outfit-item a:hover{
	text-decoration: none;
}

div.outfit-item{
	margin: 3vh 0 3vw 10vw;
	width: 80vw;
	height: 20vh;
	background-color: #fafafa;
	border-radius: 10px;
	position: relative;
	box-shadow: 0px 0px 10px rgba(0,0,0,0.2);
}

div.out-img-squ{
	height: 20vh;
	width: 20vh;
	border-radius: 10px;
	background-color: var(--fourth);
	/*background-size: 100% auto;*/
	background-position: center;
	background-repeat: no-repeat;
	display: inline-block;
}

div.out-item-info{
	width: 40%;
	height: 100%;
	display: inline-block;
	vertical-align: top;
	padding: 2%;
}

div.out-item-info h5{
	font-weight: bold;
}

div.out-buttons{
	display: inline-block;
	/*height: 5vw;*/
	/*width: 5vw;*/
	position: absolute;
	right: 0;
	top: 0;
	display: none;
}

div.out-buttons > button{
	border-width: 0;
	width: 30px;
	height: 30px;
	padding: 3px;
	border-bottom-left-radius: 10px;
	border-top-right-radius: 10px;
}

div.out-price{
	display: inline-block;
	/*height: 5vw;*/
	/*width: 5vw;*/
	min-width: 30%;
	position: absolute;
	right: 0;
	bottom: 0;
	background-color: var(--tertiary);
	color: var(--fourth);
	border-top-left-radius: 10px;
	border-bottom-right-radius: 10px;
}

div.out-price.not-for-sale{
	/*background-color: #EB2E38;*/
	background-color: var(--fourth);
	border: 1px solid var(--tertiary);
	color: black;
	font-weight: bolder;
}

div.out-price p{
	/*height: 5vw;*/
	font-weight: bolder;
	padding: 10px;
	width: 100%;
	margin: 0;
	text-align: center;
	font-family: 'phagspa';
}

@media screen and (min-width: 600px){
	div.outfit-item{
		width: 46vw;
		height: 15vh;
		display: inline-block;
		margin: 1.5vh 0 1.5vw 2.5vw;
		font-size: 100%;
	}

	div.out-img-squ{
		height: 15vh;
		width: 15vh;
	}

	.out-item-info h5{
		font-size: 140%;
	}

	div.out-price p{
		font-size: 120%;
	}

	div.out-price{
		min-width: 25%;
		font-size: 120%;
	}
}

@media screen and (min-width: 990px){
	div.outfit-item{
		width: 29.2vw;
		height: 12vh;
		display: inline-block;
		margin: 1.5vh 0 1.5vw 2.5vw;
		/*font-size: 80%;*/
	}

	div.out-img-squ{
		height: 12vh;
		width: 12vh;
	}

	.out-item-info h5{
		font-size: 100%;
	}

	div.out-price p{
		font-size: 70%;
	}

	div.out-price{
		min-width: 20%;
	}
}
/*}Outfits*/

/*Item(){*/

#item-page #item-content{
	padding: 0 10% 10% 10%;
	margin: 0 auto;
}

#item-page #item-content > div{
	/*display: inline-block;*/
	width: 100%;
	vertical-align: top;
	max-width: 70vw;
	/*margin: 0 auto;*/
}

#item-page #item-content > div.item-pic{
	/*height: 80vw;*/
	max-width: 70vw;
	/*height: auto;*/
	text-align: center;
}

.name-above{
	display: block;
}

.name-below{
	display: none;
}

div.item-info-phone{
	display: inline-block;
}

div.item-info-desktop{
	display: none;
}

.item-pic-desktop{
	display: none;
}

@media screen and (min-width: 600px){
	#item-page #item-content > div{
		/*display: inline-block;*/
		max-width: 100%;
	}

	#item-page #item-content div.item-pic{
		height: auto;
		min-width:  30%;
		/*max-width: 60vw;*/
		/*height: auto;*/
		text-align: center;
		display: inline-block;
	}

	#item-page #item-content > div.item-info{
		/*width: 60%;*/
		display: inline-block;
	}

	.name-above{
		display: none;
	}

	.name-below{
		display: block;
	}

	div.item-info-phone{
		display: none !important;
	}

	div.item-info-desktop{
		display: inline-block;
	}

	.desktop-a{
		margin-top: 0 !important;
		padding: 0 3%;
		position: relative;
	}

	.desktop-a > div{
		display: inline-block;
		width: 45%;
		vertical-align: top;
	}

	div.item-info-holder{
		padding: 0 30px;
	}

	div.item-info-holder > p{
		margin: 0;
	}

	div.buy-bar-holder{
		position: absolute;
		bottom: 0;
		right: 0;
		padding-right: 10%;
	}

	div.buy-bar{
		height: auto !important;
		padding: 0 !important;
	}

	div.buy-bar > span:first-child > p{
		/*padding: 0;*/
		margin: 0;
	}

	.item-pic-phone{
		display: none !important;
	}

	.item-pic-desktop{
		display: inline-block;
	}

	.desktop-b{
		padding: 20px 3%;
	}
}

@media screen and (min-width: 990px){
	#item-page #item-content > div{
		/*display: inline-block;*/
		max-width: 100%;
	}

	#item-page #item-content > div.item-pic{
		/*height: 60vh;*/
		max-width: 60vw;
		/*height: auto;*/
		text-align: center;
	}
}

.item-pic > .carousel-pic2{
	/*width: 10%;*/
	height: 10vh;
}

/* #item-page #item-content .item-pic img{
	height: 90%;
	margin: 5% 0;
}

#item-page #item-content .item-pic img.landscape{
	width: 100%;
	height: auto;
	margin: 5% 0;
} */

#item-page #item-content > div h1{
	font-weight: bolder;
}

.item-info{
	margin-top: 20px;
}

.item-info button{
	background-color: var(--secondary);
	border-width: 0px;
	color: var(--fourth);
	outline: none;
}

.item-info .item-pic button{
	background-color: transparent;
}

.item-info h4{
	font-weight: bold;
}

div.buy-bar{
	height: 10vh;
	padding: 10px 0%;
	position: relative;
}

div.buy-bar > span{
	vertical-align: middle;
}

div.buy-bar > span > p{
	display: inline-block;
/*	padding: 8px 0px;*/
}

div.buy-bar > span:last-child{
	position: absolute;
	right: 0;
}

div.buy-bar button.add-to-cart, button.download{
	padding: 8px 30px;
	background-color: var(--tertiary);
	border: 1px solid var(--tertiary);
	color: var(--fourth);
	border-radius: 50px;
	font-weight: bold;
}

span.add_tb{
	display: none;
}

button.not-for-sale{
	padding: 8px 30px;
	background-color: #eee;
	border: 1px solid var(--tertiary);
	color: var(--tertiary);
	border-radius: 50px;
	font-weight: bold;
}

.price-tag{
	font-weight: bold;
	/*font-size:  20px;*/
	font-size:  30px;
}

/* @media screen and (max-width: 990px){
	.content.sec-item{
		height: auto;
	}
} */
/*}Item*/

/*Article(){*/
#article-page #article-content{
	padding: 0 10% 10% 10%;
	margin: 0 auto;
}

#article-page #article-content > div{
	/*display: inline-block;*/
	width: 100%;
	vertical-align: top;
	margin: 0;
	/*margin: 0 auto;*/
}

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

.article-head h1{
	font-weight: bold;
}

#article-page #article-content div.article-img{
	/*height: 40vw;*/
	/*max-width: 30vw;*/
	width: 100%;
	/*height: auto;*/
	margin: 0;
	margin: 0% 0% 10% 0%;
	text-align: center;
}

div.article-info img{
	width: 100%;
	min-width: 70%;
	margin-bottom: 20px;
}

div.article-img img{
	width: 100%;
	height: auto;
}


@media screen and (min-width: 600px){
	#article-page #article-content{
		padding: 0;
	}

	#article-page #article-content div.article-img{
		/*height: 40vh;*/
		max-width: 55%;
		/*height: 60vh;*/
		display: inline-block;
		float: left;
		/*height: auto;*/
		text-align: center;
		vertical-align: top;
		margin-right: 5%;
	}

	.article-head, .article-info h2{
		max-width: 40%;
		vertical-align: top;
		display: inline-block;
		/*float: left;*/
		margin-bottom: 5vh;
	}

	.article-info h2{
		min-height: 35vh;
		margin-bottom: 1vh;
	}

	.article-info h3{
		margin-bottom: 5vh;
	}

	div.article-img img{
		margin-bottom: 0;
	}
	
	#article-page #article-content div.article-img{
		margin-bottom: 10px;
	}

	div.article-info img.verticle{
		width: 40%;
		display: inline-block;
		min-width: 40%;
		float: left;
		margin-right: 5%;
		margin-bottom: 1em;
		padding-top: 5px;
	}
}

@media screen and (min-width: 990px){
	#article-page{
		max-width: 40%;
	}

	#article-page #article-content{
		padding: 0;
	}

	#article-page #article-content div.article-img{
		/*height: 40vh;*/
		max-width: 40%;
		height: auto;
		display: inline-block;
		/*height: auto;*/
		text-align: center;
		vertical-align: top;
		margin-right: 5%;
	}

	.article-head, .article-info h2{
		max-width: 60%;
		vertical-align: top;
		display: inline-block;
		margin-bottom: 2vh;
	}

	.article-info h2{
		min-height: 0vh;
		margin-bottom: 2vh;
	}

	div.article-info img.verticle{
		width: 40%;
		display: inline-block;
		min-width: 40%;
		float: left;
		margin-right: 5%;
		margin-bottom: 1em;
		padding-top: 5px;
	}
}

/* .article-info{
	margin-top: 20px;
} */
/*}Article*/

/*Readz(), LookBook{*/
div.read_form, div.lookbook_form{
	display: none;
}

div.read-images .column, div.lookbook-images .column{
	display: block;
}

div.read-images, div.lookbook-images{
	display: block;
	padding-left: 10vw;
	padding-bottom: 4vh;
}

div.read-item a:hover, div.lookbook-item a:hover{
	text-decoration: none;
}

div.read-item, div.lookbook-item{
	margin: 5vh 0 5vw 0vw;
	width: 80vw;
	/*height: 80vh;*/
	background-color: #fff;
	position: relative;
	/*border: 1px solid silver;*/
	padding: 5px;
}

div.lookbook-item{
	margin: 8vh 0 8vw 0vw;
}

div.read-item:hover{
	/*box-shadow: 0px 0px 10px rgba(0,0,0,0.2);*/
}

a.read-img-link, a.lookbook-img-link{
	display: flex;
	border: 1px solid var(--grey);
}

div.read-img-squ, div.lookbook-img-squ{
	height: 114vw;
	width: 77vw;
	/*border-radius: 10px;*/
	background-color: var(--fourth);
	background-size: 100% auto !important;
	background-position: center;
	background-repeat: no-repeat;
	display: inline-block;
	border: 4vw solid white;
}

div.read-item-info, div.lookbook-item-info{
	width: 90%;
	height: 100%;
	display: inline-block;
	vertical-align: top;
	padding: 4vw 0 2vw 4vw;
}

div.read-item-info{
	/*position: relative;*/
}

.star-rating, .lookbook-price{
	/*display: inline-block;*/
	/*vertical-align: bottom;*/
}

.lookbook-price{
	/*position: absolute;*/
	/*right: 0;*/
	/*margin-right: 6vw;*/
	/*line-height: 18px;*/
	margin: 7px 0 0 0;
}

.lookbook-price b{
	font-size: 1.7em;
	color: black;
}

.lookbook-type{
	/*display: none;*/
}

.add-book-to-cart, .view-book-btn{
	padding: 10px;
	background-color: var(--tertiary);
	color: white;
	width: 100%;
	border-width: 0;
	font-weight: 900;
	font-size:  20px;
}

div.read-item-info h5.read-item-head, div.lookbook-item-info h5.lookbook-item-head{
	/*background-color: var(--tertiary);*/
	/*font-family: 'Prompt', sans-serif;*/
	display: inline-block;
	padding: 10px 0;
}

div.read-item-info h5 a, div.lookbook-item-info h5 a{
	font-size: 140%;
	font-weight: bolder;
	color: black;
	/*color: var(--fourth);*/
}

div.read-item-info h5 a:hover, .read-more a:hover, div.lookbook-item-info h5 a:hover, .lookbook-more a:hover{
	color: silver;
	text-decoration: none;
}

div.read-item-info p, div.read-item-info span p, div.lookbook-item-info p, div.lookbook-item-info span p{
	color: grey;
}

div.read-item-info p u,div.read-item-info span p u, .read-more a, div.lookbook-item-info p u,div.lookbook-item-info span p u, .lookbook-more a{
	color: black;
}

span.prev-read-phone, span.prev-lookbook-phone{
	display: none;
}

span.prev-read-desk, span.prev-lookbook-desk{
	display: none;
}

div.star-rating{
	padding: 0% 0;
}

@media screen and (min-width: 300px){
	span.prev-read-phone, span.prev-lookbook-phone{
		display: block;
	}

	span.prev-lookbook-phone{
		display: none;
	}

	span.prev-read-desk, span.prev-lookbook-desk{
		display: none;
	}
}

@media screen and (min-width: 600px){
	/* div.read-item{
		width: 46vw;
		height: 15vh;
		display: inline-block;
		margin: 1.5vh 0 1.5vw 2.5vw;
		font-size: 100%;
	} */
	div.read-item{
		width: 80vw;
		/*height: 50vh;*/
		display: inline-block;
		margin: 1.5vh 0 1.5vw 2.5vw;
		padding: 10px;
		border: 1px solid silver;
		/*font-size: 80%;*/
	}


	div.read-img-squ{
		height: 40vh;
		width: 30vh;
		background-repeat: no-repeat;
		background-size: 100% auto !important;
		border: 0px solid silver;
	}

	.read-item-info{
		width: 30vw !important;
	}

	.read-item-info h5{
		font-size: 140%;
	}

	span.prev-read-phone{
		display: block;
	}

	div.lookbook-item{
		width: 40vw;
		display:  inline-block;
		vertical-align: top;
	}

	div.lookbook-img-squ{
		height: 57vw;
		width: 100%;
		border-width: 2vw;
	}

	div.lookbook-item-info{
		min-height: 30vh;
		position: relative;
		padding: 2vw 0 2vw 2vw;
	}

	div.lookbook-item-info h5{
		height: 10vh;
		overflow: hidden;
	}

	div.lookbook-item-info h5 a{
		overflow: hidden;
	}

	p.lookbook-price{
		position: absolute !important;
		bottom: 0 !important;
		margin-bottom: 7px;
	}

	div.lookbook-item-info h5 a{
		font-size: 120%;
	}

	span.prev-read-desk, span.prev-lookbook-desk{
		display: none;
	}
}

@media screen and (min-width: 700px){
	.read-item-info{
		width: 40vw !important;
		min-width: 30vw !important;
	}

	div.lookbook-item{
		/*width: 20vw;*/
		width: 148.2px;
		display:  inline-block;
		vertical-align: top;
		margin: 71px 0 59px;
	}

	div.lookbook-img-squ{
		/*height: 26vw;*/
		height: 192.65px;
		width: 100%;
		/*border-width: 1vw;*/
		border-width: 7px;
	}

	div.lookbook-item-info{
		/*min-height: 23vh;*/
		min-height: 160px;
		/*padding: 1vw 0 1vw 1vw;*/
		padding: 7.4px 0 7.4px 7.4px;
	}

	div.lookbook-item-info h5 a{
		font-size: 100%;
	}

	div.lookbook-item-info h5{
		/*height: 7vh;*/
		height: 63px;
		margin-bottom: 0;
	}

	.lookbook-item-info p{
		font-size: 90%;
		margin-bottom: 0;
	}

	button.add-book-to-cart, button.view-book-btn{
		font-size: 16px;
		border-radius: 0;
	}
}

@media screen and (min-width: 830px){
	.read-item-info{
		width: 45vw !important;
	}
}

@media screen and (min-width: 990px){
	div.read-item{
		width: 80vw;
		/*height: 50vh;*/
		display: inline-block;
		margin: 1.5vh 0 1.5vw 2.5vw;
		padding: 15px;
		/*font-size: 80%;*/
	}

	div.read-img-squ{
		height: 40vh;
		width: 27vh;
		background-repeat: no-repeat;
	}

	.read-item-info{
		/*width: 90vh;*/
		width: 50vw !important;
	}

	.read-item-info h5{
		font-size: 140%;
	}

	span.prev-read-phone{
		display: none;
	}

	span.prev-read-desk{
		display: block;
	}
}
/*}Readz*/

/*Cart(){*/
.cart-cont{
	width: 100vw !important;
	display: inline-block;
	min-height: 90vh;
	position: relative;
}

.checkout-sec{
	background-color: var(--tertiary);
	/*background-color: #eee;*/
	width: 70vw !important;
	margin-left: 15vw !important;
	margin-bottom: 15vw !important;
	/*position: absolute;*/
	/*bottom: 0;*/
	/*right: 0;*/
	/*margin-left: -10vw;*/
	color: var(--fourth);
	height: 100vh;
	padding: 0%;
	margin-top: 10vh;
	display: inline-block;
	border-radius: 10px;
	z-index: 6;
}

.checkout-sec h2{
	padding: 0% 0;
}

@media screen and (min-width: 990px) {
	.checkout-sec h2{
		padding: 5% 0;
	}

	.checkout-sec{
		height: 80vh;
	}
}

.checkout-sec form{
	position: relative;
	height: 90%;
	width: 100%;
	/*color: var(--fourth);*/
}

.checkout-sec form#payment-form input{
	color: var(--fourth);
}

.checkout-select{
	padding: 5% 8%;
}

.checkout-select button i{
	margin-right: 7%;
}

.checkout-select button{
	width: 33%;
	margin: 0;
	margin-left: -5px;
	border-width: 0;
	color: var(--fourth);
	background-color: transparent;
	border-bottom: 2px var(--fourth) solid;
}

.checkout-select button.active-pay{
	border-bottom: 2px #2286a9 solid;
}

.checkout-select button i{
	color: var(--tertiary);
}

.checkout-select button i:nth-child(2){
	display: none;
}

.checkout-select button:hover i{
	color: #2286a9;
}

.checkout-select button.active-pay i:first-child{
	display: none;
}

.checkout-select button.active-pay i:nth-child(2){
	display: inline-block;
	color: #2286a9;
}

.one-liner, .two-liner{
	padding: 10%;
	height: 100%;
	width: 100%;
	padding-top: 0%;
	/*position: relative;*/
}

.checkout-sec button#pay-button, .checkout-sec button.check-next{
	position: absolute;
	bottom: 5vh;
	margin: 0% 0;
	margin-bottom: 5%;
	/*right: 0;*/
	width: 80%;
	height: 8%;
	color: var(--fourth);
	border-width: 0;
	background-color: #2286a9;
	/*background-color: var(--tertiary);*/
	font-size: 150%;
	font-weight: bolder;
	border-radius: 40px;
}

@media screen and (min-width: 990px) {
	.checkout-sec button#pay-button, .checkout-sec button.check-next{
		bottom: 0;
	}
}

.checkout-sec form#payment-form, .checkout-sec form#del-shipping{
/*.checkout-sec form#payment-form, .checkout-sec form#user-del-details{*/
/*.checkout-sec form#del-shipping, .checkout-sec form#user-del-details{*/
	display: none;
}

.checkout-sec form button{
	background-color: #2286a9;
	color: var(--fourth);
}

.checkout-sec form .two-liner div.user-details, .checkout-sec form .two-liner div.business-details{
	display: inline-block;
	width: 99%;
	margin-bottom: 4%;
}

.checkout-sec button{
	outline: none;
}

.checkout-sec form label{
	/*width: 100%;*/
	margin-bottom: 0;
}

.checkout-sec form label p{
	display: inline-block;
	margin: 0;
	color: rgb(200,0,0);
}

.checkout-sec form .two-liner div.user-details input,
.checkout-sec form .two-liner div.business-details input{
	/*border-radius: 5px;*/
	padding: 2% 5%;
	border-width: 0;
	width: 100%;
	outline: none;
	color: var(--fourth);
	background-color: rgba(0,0,0,0);
	border-bottom: 1px var(--fourth) solid;
}

.required{
	color: rgb(255, 0, 0);
}

select{
	padding: 0 15px;
	border-radius: 5px;
}

.item-in-cart select{
	padding: 0 2px;
	border-radius: 5px;
}

select.checkout-input{
	color: var(--fourth);
	border: 1px var(--fourth) solid;
	background-color: var(--tertiary);
}

div.item-in-cart{
	width: 85%;
	height: 12vh;
	margin: 0 auto;
	/*background-color: #eee;*/
	border-bottom: 1px #eee solid;
}

div.item-in-cart:first-child{
	height: auto;
}

div.item-in-cart > span{
	width: 15%;
	/*height: 100%;*/
	display: inline-block;
	vertical-align: middle;
}

div.item-in-cart > span:last-child{
	width: 10%;
}

span.item-cart-quan p{
	padding-left: 0%;
	width: 40px;
	margin-left: -25px;
	display: inline-block;
	text-align: right;
}

span.item-cart-quan > h5{
	display: inline-block;
	width: 35%;
	height: 100%;
	vertical-align: middle;
}

span.item-cart-quan > span{
	display: inline-block;
	width: 45%;
	height: 100%;
	vertical-align: middle;
	margin-left: -5px;
}

span.item-cart-quan > span > button{
	margin: 0 0 10% 20%;
	width: 30px;
	height: 30px;
	border-radius: 50px;
	border-width: 0;
	color: var(--fourth);
	background-color: var(--tertiary);
	outline: none;
}

span.item-cart-quan > span > button:hover{
	cursor: pointer;
}

span.item-cart-quan > span > button:last-child{
	margin: 10% 0 0% 20%;
}

span.item-cart-sum{
	margin-bottom: -5%;
	width: 30% !important;
}

span.item-cart-name{
	display: block;
}

span.item-cart-name p{
	font-size: 80%;
}

span.item-cart-name h4{
	font-weight: bold;
}

span.item-cart-id{
	display: none !important;
}

span.item-cart-img{
	height: 100%;
}

span.item-cart-img > div{
	position: relative;
	height: 10vh;
	width: 10vh;
	margin: 1vh auto;
	/*border-radius: 50px;*/
	background-position: center;
	background-repeat: no-repeat;
	background-size: auto 100%;
}

.item-cart-amount p{
	margin-bottom: 0;
}

span.item-remove button{
	font-size: 120%;
	padding: 5% 10%;
	cursor: pointer;
	border-width: 0;
	background-color: transparent;
	font-weight: bolder;
	outline: none;
}

.cart-table > tr:nth-child(2){
	width: 10vw;
	background-position: center;
	background-repeat: no-repeat;
	background-size: auto 100%;
	background-color: gold;
}

span.item-cart-img > div.landscape, .cart-table > tr:nth-child(2) > td:first-child.landscape{
	background-size: 100% auto;
}

div#subtotal{
	position: fixed;
	bottom: 0;
	text-align: right;
	padding: 3vh 40vw 3vh 0;
	width: 100vw;
	background-color: var(--fourth);
	z-index: 5;
	opacity: 0.8;
}

div#subtotal div{
	opacity: 1;
}

@media screen and (min-width: 990px) {
	div#subtotal{
		opacity: 1;
	}
}

div#subtotal h5, div#subtotal h6, div#subtotal p{
	display: inline-block;
}

div#subtotal b{
	font-size: 160%;
}

div#subtotal > div:first-child{
	text-align: left;
	padding-left: 10%;
	height: auto;
}

div#subtotal > div:first-child b{
	font-size: 100%;
}

div#scroll-for-pay{
	position: fixed;
	bottom: 0;
	text-align: center;
	padding: 0vh 0vw 1vh 0;
	/*margin-bottom: 10vh;*/
	width: 100vw;
	background-color: transparent;
	z-index: 6;
}

div#scroll-for-pay p{
	margin: 0;
}

.no-items{
	font-size: 200%;
	display: block;
	padding: 10%;
	text-align: center;
}

/* Responsive layout - makes the two columns stack on top of each other instead of next to each other */
@media screen and (min-width: 990px) {
	.cart-cont{
		width: 65vw !important;
		min-height: 90vh;
	}

	.checkout-sec{
		position: absolute;
		width: 30vw !important;
		margin-left: 0 !important;
		margin-bottom: 0 !important;
		min-height: 84vh;
		padding: 0%;
		margin-top: 10vh;
		border-radius: 10px;
		z-index: 6;
	}

	.checkout-sec h2{
		padding: 0 0;
	}

	.checkout-sec form{
		height: 90%;
		width: 100%;
	}

	.checkout-select{
		padding: 5% 8%;
	}

	.checkout-select button i{
		margin-right: 7%;
	}

	.checkout-select button{
		width: 33%;
		margin: 0;
		margin-left: -5px;
	}

	.one-liner, .two-liner{
		padding: 10%;
		height: 100%;
		width: 100%;
		padding-top: 0%;
	}

	.checkout-sec button#pay-button, .checkout-sec button.check-next{
		bottom: 0;
		margin: 0% 0;
		margin-bottom: 5%;
		width: 80%;
		height: 8%;
		font-size: 150%;
		border-radius: 40px;
	}

	.checkout-sec form .two-liner div.user-details, .checkout-sec form .two-liner div.business-details{
		width: 99%;
		margin-bottom: 4%;
	}

	.checkout-sec form label p{
		margin: 0;
		color: rgb(200,0,0);
	}

	.checkout-sec form .two-liner div.user-details input,
	.checkout-sec form .two-liner div.business-details input{
		/*border-radius: 5px;*/
		padding: 2% 5%;
		width: 100%;
	}

	select{
		padding: 0 15px;
		border-radius: 5px;
	}

	div.item-in-cart{
		width: 85%;
		height: 12vh;
		margin: 0 auto;
	}

	div.item-in-cart > span{
		width: 15%;
	}

	div.item-in-cart > span:last-child{
		width: 10%;
	}

	span.item-cart-quan p{
		padding-left: 10%;
		width: 40px;
		margin-left: 0;
	}

	span.item-cart-quan > h5{
		width: 35%;
		height: 100%;
	}

	span.item-cart-quan > span{
		width: 45%;
		height: 100%;
		margin-left: 0;
	}

	span.item-cart-quan > span > button{
		margin: 0 0 10% 20%;
		width: 30px;
		height: 30px;
	}

	span.item-cart-quan > span > button:last-child{
		margin: 10% 0 0% 20%;
	}

	span.item-cart-sum{
		width: 30% !important;
	}

	span.item-cart-name p{
		font-size: 100%;
	}

	span.item-cart-img{
		height: 100%;
	}

	span.item-cart-img > div{
		height: 10vh;
		width: 10vh;
		margin: 1vh auto;
	}

	span.item-remove button{
		font-size: 120%;
		padding: 5% 10%;
	}

	.cart-table > tr:nth-child(2){
		width: 10vw;
		background-size: auto 100%;
	}

	div#subtotal{
		bottom: 0;
		padding: 6vh 40vw 6vh 0;
		width: 100vw;
	}

	div#subtotal h5, div#subtotal p{
		/*display: inline-block;*/
	}

	div#subtotal b{
		font-size: 160%;
	}

	div#scroll-for-pay{
		display: none;
	}

	.no-items{
		font-size: 200%;
		padding: 10%;
	}
}

#payment-loading{
	display: none;
	position: fixed;
	background-color: rgba(0,0,0,0.7);
	height: 100vh;
	width: 100vw;
	z-index: 13;
}

#payment-loading > div{
	height: 60vh;
	width: 60vw;
	position: absolute;
	margin: 20vh 20vw;
	z-index: 14;
	background-color: var(--fourth);
	background-image: url("../images/cho_loading.gif");
	background-repeat: no-repeat;
	background-size: 60% auto;
	background-position: center;
}

#payment-loading h3{
	position: absolute;
	width: 100%;
	bottom: 0;
	margin-bottom: 10%;
	text-align: center;
}

@media screen and (min-width: 990px){
	#payment-loading > div{
		height: 50vh;
		width: 50vw;
		position: absolute;
		margin: 25vh 25vw;
		background-size: 30% auto;
	}
}

#pay-unsuccess, #pay-success{
/*	display: none;*/
}

.pay-status{
	position: fixed;
	height: 100vh;
	width: 100vw;
	background-color: rgba(0,0,0,0.7);
	z-index: 10;
	top: 0;
	/*padding: 5%;*/
}

.pay-status > div{
	height: 90vh;
	width: 73vw;
	position: fixed;
	margin: 5vh 14vw;
	z-index: 14;
	background-color: var(--fourth);
	padding: 4vh 7vw;
}

.pay-status .rec-head{
	text-align: center;
	padding: 0 0 2% 0;
}

.pay-status .rec-head i{
	margin-top: 2.5vh;
	font-size: 5vh;
	color: var(--fourth);
}

.pay-status .rec-head span{
	width: 10vh;
	height: 10vh;
	background-color: #2286a9;
	border-radius: 50px;
	display: inline-block;
	margin-bottom: 2%;
}

#pay-unsuccess .rec-head span{
	background-color: rgb(200,0,0);
}

.pay-status .receipt > div > span{
	display: inline-block;
	width: 50%;
	margin-left: -5px;
	vertical-align: top;
}

.pay-status .receipt > div:first-child > span{
	width: 100%;
}

.pay-status .receipt > div > span > span{
	display: inline-block;
	width: 49%;
	/*margin-left: -5px;*/
	vertical-align: top;
}

.pay-status .receipt > div > span > span:first-child{
	width: 44%;
	margin-right: 4%;
	text-align: right;
}

.pay-status .rec-details{
	padding-top: 18%;
	font-size: 120%;
}

.pay-status .rec-details span:first-child{
	width: 45%;
	margin-right: 4%;
	text-align: right;
	margin-left: 0;
}

.pay-status .rec-details span:nth-child(2){
	width: 45%;
	margin-left: 4%;
}

.pay-status .receipt > div:last-child{
	text-align: center;
}

.pay-status .receipt p{
	margin-bottom: 0.2rem;
}

.pay-status button{
	/*width: 80%;*/
	font-size: 150%;
	margin-top: 4%;
	padding: 2% 15%;
	/*height: 10;*/
	background-color: #2286a9;
	border-radius: 10px;
	/*display: inline-block;*/
	/*margin-bottom: 5%;*/
	border-width: 0;
	cursor: pointer;
	color: var(--fourth);
	position: absolute;
	bottom: 0;
	margin-left: -24.5%;
	margin-bottom: 10%;
}

/* Responsive layout - makes a two column-layout instead of four columns */
/*  @media screen and (min-width: 600px) {
}  */

/* Responsive layout - makes the two columns stack on top of each other instead of next to each other */
@media screen and (min-width: 990px) {
	.pay-status .rec-head{
		padding: 0 0 4% 0;
	}

	.pay-status .rec-head span{
		margin-bottom: 6%;
	}

	.pay-status .receipt > div:first-child > span{
		width: 50%;
		margin-left: -5px;
	}

	.pay-status .receipt > div > span > span{
		width: 49%;
	}

	.pay-status .receipt > div > span > span:first-child{
		width: 44%;
		margin-right: 4%;
	}

	.pay-status .receipt p{
		margin-bottom: 1rem;
	}

	.pay-status .rec-details{
		padding-top: 4%;
		font-size: 120%;
	}

	.pay-status{
		height: 100vh;
		width: 100vw;
	}

	.pay-status > div{
		height: 70vh;
		width: 70vw;
		margin: 14vh 14vw;
		padding: 5vh 7vw;
	}

	.pay-status button{
		margin-top: 4%;
		padding: 2% 15%;
		border-width: 0;
		position: unset;
		/*bottom: 0;*/
		margin-left: 0%;
		margin-bottom: 0%;
	}

	#pay-unsuccess .receipt{
		height: 50%;
		position: relative;
	}

	#pay-unsuccess .receipt > div:last-child{
		position: absolute;
		bottom: 0;
		width: 100%;
	}

	#zip-code{
		width: 40%;
	}
}
/*}Cart*/

/*loading(){*/

.loading{
	position: fixed;
	background-color: var(--fourth);
	height: 100vh;
	width: 100vw;
	z-index: 13;
	background-image: url("../images/cho_loading.gif");
	background-repeat: no-repeat;
	background-size: 30% auto;
	background-position: center;
}

@media screen and (min-width: 990px){
	.loading{
		position: fixed;
		background-color: var(--fourth);
		height: 100vh;
		width: 100vw;
		z-index: 13;
		background-image: url("../images/cho_loading.gif");
		background-repeat: no-repeat;
		background-size: 15% auto;
		background-position: center;
	}
}
/*}loading*/

/*Carousel(){*/
.carousel{
	width: 100%;
	/*text-align: center;*/
	/*position: relative;*/
	/*overflow: hidden;*/
}

.carousel .carousel-cont{
	height: 40vh;
	/*height: 100%;*/
	/*display: inline-block;*/
	width: 100%;
	/*margin: 0 20%;*/
}

.latest-content .carousel .carousel-cont{
/*	height: 40vh;*/
	height: 100%;
	/*display: inline-block;*/
	width: 150px !important;
	/*margin: 0 20%;*/
}

.upcoming-all-sec{
	display: none !important;
}

.carousel .carousel-cont img{
	/*position: absolute;*/
	height: 100%;
	width: auto;
	/*margin-left: -30%;*/
}

.carousel-pic{
	width: 100%;
	max-width: 100vw;
}

.carousel-pic .carousel-cont{
	height: 50vh;
	width: 100% !important;
	text-align: center;
	/*padding-left: 50%;*/
	position: relative;
}

.carousel-pic .carousel-cont img{
	height: auto;
	width: 100%;
	margin: 0;
	display: inline-block;
	/*margin-left: -50%;*/
}

.carousel-pic .carousel-cont img.landscape{
	height: auto;
	width: 100% !important;
	margin: 20% 0 0 0;
	display: inline-block;

	/*margin-left: -50%;*/
}

.reads-prev div{
	width: 100vw;
}

.reads-prev .carousel-cont{
	height: 100%;
	width: 100%;
	position: relative;
}

.reads-prev .slick-dots button{
	font-size: 15px;
	width: 60px;
	height: 40px;
}

.reads-prev .slick-dots button::before{
	font-size: 15px;
	width: 60px;
	height: 40px;
} 

.slick-dots{
	z-index: 3;
	bottom: 50px;
}

.gradient-cover{
	position: absolute;
	width: 100%;
	height: 100%;
	z-index: 2;
	background-color: rgba(0,0,0,0.3);
}

.reads-home-info{
	padding: 10vh 20vw;
	/*width: 80vw;*/
	/*height: 60vh;*/
}

.caro-reads-cover{
	height: 50vh;
	width: 40vh;
	margin: 0;
	display: inline-block;
	/*margin-left: -50%;*/
}

@media screen and (min-width: 400px){
	.carousel-pic .carousel-cont img{
		height: 100%;
		width: auto;
	}
}

@media screen and (min-width: 990px){
	.carousel-pic{
		width: 100%;
	}

	.carousel-pic .carousel-cont{
		height: 55vh;
		width: 100% !important;
		text-align: center;
		/*padding-left: 50%;*/
		position: relative;
	}

	.carousel-pic .carousel-cont img{
		height: 90%;
		width: auto;
		margin: 0;
		display: inline-block;
		/*margin-left: -50%;*/
	}

	.carousel-pic .carousel-cont img.landscape{
		height: auto;
		width: 90% !important;
		margin: 0;
		display: inline-block;
		/*margin-left: -50%;*/
	}

	.reads-prev div{
		width: 100vw;
	}

	.reads-prev .carousel-cont{
		height: 100%;
		width: 100%
	}
}

/* .carousel button{
	display: none;
} */
/*}Carousel*/

/*ads(){*/
.ad-banner{
	width: 100%;
	height: auto;
	margin: 0;
	/*background-color: gold;*/
}
.ad-banner div{
	padding: 0;
}

.ad-banner .carousel-cont{
	height: auto;
	/*height: 100%;*/
	/*display: inline-block;*/
	width: 100%;
	/*margin: 0 20%;*/
}

iframe.iradid, img.ad-img{
	width: 100vw !important;
	height: 12.82vw;
}


@media screen and (min-width: 990px){
	iframe.iradid, img.ad-img{
		width: 40vw !important;
		height: 12.82vw;
	}
}
/*}ads*/

/*about(){*/
.about-cho{
	padding: 5vh 20vw;
}

.about-cho p{
	font-size: 140%;
}

.about-cho h5{
	color: var(--fourth);
	background-color: var(--tertiary);
	font-family: 'Prompt', sans-serif;
	display: inline-block;
	padding: 10px;
}
/*}about*/

/*Terms&Conditions(){*/
.condition-doc{
	padding: 0 10vw;
}

.condition-doc > section > div:first-child{
	text-align: center;
}

.condition-doc >section > div:first-child h2{
	font-weight: bolder;
}

.condition-doc img{
	width: 30vw;
	margin-left: 5vw;
}
/*}Terms&Conditions*/