*
{
    margin:0;
    padding:0;
    box-sizing:border-box;
    position:relative;
}

html,
body
{
    width:100%;
    height:100%;
}

body
{
	overflow-x:hidden !important;
	color:#111;
	font-family:'Montserrat';
	font-size:14px;
	font-weight:500;
}

main
{
	======margin-top:120px;
	background-color:#fff;
	z-index:2;
}

main.home
{
	=====margin-top:60px;
}

footer
{
	z-index:1;
}

h1, h2, h3, h4, h5, h6 
{
    width:100%;
    text-align:center;
    text-transform:uppercase;
    color:#2d3e50;
}

h1
{
	font-size:50px;
	margin:20px 0;
}

h4
{
	font-size:24px;
	margin:20px 0;
}

h5
{
	font-size:20px;
	margin:10px 0;
}

h6
{
	font-size:18px;
}

ul 
{
    list-style:none;
}

li
{
	float:left;
	-webkit-transition:all 0.3s ease-out 0s;
	-moz-transition:all 0.3s ease-out 0s;
	-ms-transition:all 0.3s ease-out 0s;
	-o-transition:all 0.3s ease-out 0s;
	transition:all 0.3s ease-out 0s;	
}

img
{
	display:block;
	max-width:100%;
	pointer-events:none;
}

p
{
	white-space:pre-line;
}

section
{
	width:100%;
}

fieldset
{
	border:none;
}

input,
select
{
	width:100%;

	background:#f1f1f1 none repeat scroll 0 0;
	color:#777777;
	font-size:14px;
	height:48px;
	padding:0 23px;
	
	border:none;
}

a
{
	text-decoration:none;	
}

p 
{
	font-size:20px;
}

i
{
	cursor:pointer;
}

h3 {font-size:30px; margin:20px 0;}

hr 
{
	color:#E2E2E2;
	margin-top:40px;
	margin-bottom:40px;
}

button
{
	border-radius:3px;
}

::-webkit-input-placeholder 
{ 
	font-family:'Montserrat';
	font-size:16px;
	color:#5f5f5f;
}

::-moz-placeholder 
{
	font-family:'Montserrat';
	font-size:16px;
	color:#5f5f5f;
}

:-ms-input-placeholder 
{ 
	font-family:'Montserrat';
	font-size:16px;
	color:#5f5f5f;
}

:-moz-placeholder 
{
	font-family:'Montserrat';
	font-size:16px;
	color:#5f5f5f;
}

/**********************************************************************************************************/
/************************************************** FLEX **************************************************/
/**********************************************************************************************************/
.flx
{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
}

.flx-wrp
{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap    
}

.flx-strch 
{
  	display: flex;
  	align-items: stretch;
}

.flx-col-wrp
{
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  justify-content: center;
}

.flx-cc 
{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center;
}

.flx-cs 
{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    -webkit-box-pack:start;
    -ms-flex-pack:start;
    justify-content:flex-start;
}

.flx-ce 
{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    -webkit-box-pack:end !important;
    -ms-flex-pack:end !important;
    justify-content:flex-end !important;
}

.flx-sb 
{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-pack:justify;
    -ms-flex-pack:justify;
    justify-content:space-between;
}

.flx-sb-wrp 
{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-pack:justify;
    -ms-flex-pack:justify;
    justify-content:space-between;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap
}

.flx-sa-wrp 
{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -ms-flex-pack:distribute;
    justify-content:space-around;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap
}

.flx-wrp 
{
	display:-ms-flexbox;
	display:flex;
	
	-ms-flex-wrap:wrap;
	flex-wrap:wrap;

	-webkit-box-pack:justify;
    -ms-flex-pack:justify;
    justify-content:space-between;

	grid-gap:50px;
}
/**********************************************************************************************************/
/************************************************** FLEX **************************************************/
/**********************************************************************************************************/


/*************************************************************************************************************/
/************************************************** VARIOUS **************************************************/
/*************************************************************************************************************/
.container-80
{
	width:80%;
	margin:auto;
}

.container-60
{
	width:60%;
	margin:auto;
}

.filler-20
{
	width:100%;
	height:20px;
}

.wishlist-plus-minus.inactive
{
	display:none !important;
}

i.fas
{
	height:30px;
	width:30px;	
	background-color:#86bc42;
	background-color:#2D3E50;
	color:#fff;

    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center	
}

i.fas.fa-shopping-cart i.fas.fa-plus,
i.fas.fa-shopping-cart i.fas.fa-minus,
i.fas.fa-heart i.fas.fa-plus,
i.fas.fa-heart i.fas.fa-minus
{
	position:absolute !important;
	width:16px !important;
	height:16px !important;
	font-size:10px !important;
	color:#2D3E50;
	background-color:transparent !important;
	transition:all 0.3s ease !important;
	
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center;
}

i.fas.fa-shopping-cart i.fas.fa-plus,
i.fas.fa-shopping-cart i.fas.fa-minus
{
	left:17px !important;
	top:12px !important;
}

i.fas.fa-heart i.fas.fa-plus,
i.fas.fa-heart i.fas.fa-minus
{
	left:14px;
	top:14px;
}

i.fas.fa-plus.active,
i.fas.fa-minus.active
{
	color:#86BC42 !important; 
}

i.fas.fa-shopping-cart i.fas.fa-plus.inactive,
i.fas.fa-shopping-cart i.fas.fa-minus.inactive,
i.fas.fa-heart i.fas.fa-plus.inactive,
i.fas.fa-heart i.fas.fa-minus.inactive
{
	display:none;
}

.btn 
{
	display:inline-block;
	height:40px;
	font-weight:400;
	text-align:center;
	white-space:nowrap;
	vertical-align:middle;
	-webkit-user-select:none;
	-moz-user-select:none;
	-ms-user-select:none;
	user-select:none;
	border:1px solid transparent;
	padding:.375rem .75rem;
	font-size:1rem;
	line-height:1.5;
	cursor:pointer;
	transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}

.btn-primary,
.btn-secondary
{
	color:#fff;
	background-color:#86BC42;
	transition:all 0.5s ease;
}

.btn-green
{
	height:60px;
	color:#fff;
	background-color:#86BC42;
	transition:all 0.5s ease;
}

.btn-blue,
i.fas-blue
{
	color:#fff;
	background-color:#2D3E50;
	transition:background-color 0.3s ease;
}

i.fa-file-pdf
{
	color:#fff;
	background-color:#2D3E50;
	transition:all 0.3s ease;
}


i.fas-clear
{
	float:right;
	color:#2D3E50;
	background-color:transparent
}

.btn-primary.active
{
	color:#fff;
	background-color:#2D3E50;
}

.garbage-button
{
	background-color:transparent;
	border:none;
}

.btn-primary.active,
.btn-secondary.active,
i.fas-primary.active
{
	color:#fff;
	background-color:#2D3E50;
}

.btn.two-cols
{
	height:50px;
    -ms-grid-columns:40px auto;
    grid-template-columns:40px auto;
}

.btn.two-cols i,
.btn.two-cols span
{
	height:35px;
}

.section-title
{
	margin:20px 0;
}

.section-title
{
	width:100%;
	height:60px;
	margin-bottom:30px;
	color:#2d3e50;
	font-size:30px;
	line-height:30px;
	text-transform:uppercase;
    display:-ms-grid;
    display:grid;
    -ms-grid-columns:35% 30% 35%;
    grid-template-columns:35% 30% 35%;
}

.section-title div:nth-child(1) span,
.section-title div:nth-child(3) span
{
	display:block;
	width:30%;
	height:2px;
	margin-top:29px;
	background-color:#2D3E50;
}

.section-title div:nth-child(1) span
{
	margin-left:70%;
}

.one-col fieldset
{
	width:50%;
	margin:auto;
}

.two-cols
{
    display:-ms-grid;
    display:grid;
    -ms-grid-columns:50% 50%;
    grid-template-columns:50% 50%;
}

.four-cols
{
    display:-ms-grid;
    display:grid;
    -ms-grid-columns:25% 25% 25% 25%;
    grid-template-columns:25% 25% 25% 25%;
}

.five-cols
{
    display:-ms-grid;
    display:grid;
    -ms-grid-columns:20% 20% 20% 20% 20%;
    grid-template-columns:20% 20% 20% 20% 20%;
}

.two-rows
{
    display:-ms-grid;
    display:grid;
    -ms-grid-rows:1fr 1fr;
    grid-template-rows:1fr 1fr;
}

.three-rows
{
    display:-ms-grid;
    display:grid;
    -ms-grid-rows:1fr 1fr 1fr;
    grid-template-rows:1fr 1fr 1fr;
}

.three-rows
{
    display:-ms-grid;
    display:grid;
    -ms-grid-rows:1fr 1fr 1fr 1fr;
    grid-template-rows:1fr 1fr 1fr 1fr;
}

.four-rows
{
    display:-ms-grid;
    display:grid;
    -ms-grid-rows:1fr 1fr 1fr 1fr;
    grid-template-rows:1fr 1fr 1fr 1fr;
}

.five-rows
{
    display:-ms-grid;
    display:grid;
    -ms-grid-rows:1fr 1fr 1fr 1fr 1fr;
    grid-template-rows:1fr 1fr 1fr 1fr 1fr;
}

.six-rows
{
    display:-ms-grid;
    display:grid;
    -ms-grid-rows:1fr 1fr 1fr 1fr 1fr 1fr;
    grid-template-rows:1fr 1fr 1fr 1fr 1fr 1fr;
}

.seven-rows
{
    display:-ms-grid;
    display:grid;
    -ms-grid-rows:1fr 1fr 1fr 1fr 1fr 1fr 1fr;
    grid-template-rows:1fr 1fr 1fr 1fr 1fr 1fr 1fr;
}

.eight-rows
{
    display:-ms-grid;
    display:grid;
    -ms-grid-rows:1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
    grid-template-rows:1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
}

.nine-rows
{
    display:-ms-grid;
    display:grid;
    -ms-grid-rows:1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
    grid-template-rows:1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
}

.ten-rows
{
    display:-ms-grid;
    display:grid;
    -ms-grid-rows:1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
    grid-template-rows:1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
}

.eleven-rows
{
    display:-ms-grid;
    display:grid;
    -ms-grid-rows:1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
    grid-template-rows:1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
}

.twelve-rows
{
    display:-ms-grid;
    display:grid;
    -ms-grid-rows:1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
    grid-template-rows:1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
}

.thirteen-rows
{
    display:-ms-grid;
    display:grid;
    -ms-grid-rows:1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
    grid-template-rows:1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
}

.fourteen-rows
{
    display:-ms-grid;
    display:grid;
    -ms-grid-rows:1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
    grid-template-rows:1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
}

.fifteen-rows
{
    display:-ms-grid;
    display:grid;
    -ms-grid-rows:1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
    grid-template-rows:1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
}

.sixteen-rows
{
    display:-ms-grid;
    display:grid;
    -ms-grid-rows:1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
    grid-template-rows:1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
}

.seventeen-rows
{
    display:-ms-grid;
    display:grid;
    -ms-grid-rows:1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
    grid-template-rows:1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
}

.eighteen-rows
{
    display:-ms-grid;
    display:grid;
    -ms-grid-rows:1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
    grid-template-rows:1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
}

.nineteen-rows
{
    display:-ms-grid;
    display:grid;
    -ms-grid-rows:1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
    grid-template-rows:1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
}

.twenty-rows
{
    display:-ms-grid;
    display:grid;
    -ms-grid-rows:1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
    grid-template-rows:1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
}

.twenty-one-rows
{
    display:-ms-grid;
    display:grid;
    -ms-grid-rows:1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
    grid-template-rows:1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
}

.twenty-two-rows
{
    display:-ms-grid;
    display:grid;
    -ms-grid-rows:1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
    grid-template-rows:1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
}

.twenty-three-rows
{
    display:-ms-grid;
    display:grid;
    -ms-grid-rows:1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
    grid-template-rows:1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
}

.twenty-four-rows
{
    display:-ms-grid;
    display:grid;
    -ms-grid-rows:1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
    grid-template-rows:1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
}

.twenty-five-rows
{
    display:-ms-grid;
    display:grid;
    -ms-grid-rows:1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
    grid-template-rows:1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
}

.twenty-six-rows
{
    display:-ms-grid;
    display:grid;
    -ms-grid-rows:1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
    grid-template-rows:1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
}

.twenty-seven-rows
{
    display:-ms-grid;
    display:grid;
    -ms-grid-rows:1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
    grid-template-rows:1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
}

.twenty-eight-rows
{
    display:-ms-grid;
    display:grid;
    -ms-grid-rows:1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
    grid-template-rows:1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
}

.twenty-nine-rows
{
    display:-ms-grid;
    display:grid;
    -ms-grid-rows:1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
    grid-template-rows:1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
}

.thirty-rows
{
    display:-ms-grid;
    display:grid;
    -ms-grid-rows:1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
    grid-template-rows:1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
}

.bx-shdw
{
    background:#f6f6f6 none repeat scroll 0 0;
    border-bottom:5px solid rgba(0,0,0,0);	
    transition:all 0.3s ease 0s;	
}


.bx-shdw:hover
{
    background:#ffffff none repeat scroll 0 0;
    box-shadow:0 2px 20px rgba(34, 30, 31, 0.4);
    border-bottom:5px solid #86BC42;	
}

.bx-shdw:hover h3 span
{
	background-color:#fff !important; 
}

.bx-shdw-no-bb
{
    background:#f6f6f6 none repeat scroll 0 0;
    border:1px solid #999;
    transition:all 0.3s ease 0s;	
}


.bx-shdw-no-bb:hover
{
    background:#ffffff none repeat scroll 0 0;
    box-shadow:0 2px 20px rgba(34, 30, 31, 0.4);
}

.bx-shdw-blu
{
    background:#f6f6f6 none repeat scroll 0 0;
    border:1px solid #2D3E50;
    border-bottom:5px solid #2D3E50;	
    transition:all 0.3s ease 0s;	
}


.bx-shdw-blu:hover
{
    background:#ffffff none repeat scroll 0 0;
    box-shadow:0 2px 20px rgba(34, 30, 31, 0.4);
    border:1px solid #354B1A;	
	border-bottom:5px solid #354B1A;       	
}

.add-or-remove-button,
.bottom-button
{
	position:absolute;
	top:100%;
	left:0;
	width:100%;
}

.add-or-remove-button button,
.bottom-button button
{
	margin-top:-20px;
}

#error-mesages
{
	margin-top:30px;
}

.section-h1.wht
{
	color:#fff !important;
}

.section-h1 span::before
{
	content:'';
	position:absolute;
	left:-50px;
	top:50%;
	width:0;
	height:2px;
	background-color:#2D3E50;
	transition:all 1s ease;
}

.section-h1.wht span::before
{
	background-color:#fff !important;
}

.section-h1.active span::before
{
	left:-450px;
	width:400px;
}

.section-h1 span::after
{
	content:'';
	position:absolute;
	left:calc(100% + 50px);
	top:50%;
	width:0;
	height:2px;
	background-color:#2D3E50;
	transition:width 1s ease;
}

.section-h1.wht span::after
{
	background-color:#fff !important;
}

.section-h1.active span::after
{
	width:400px;
}

.slide-right
{
	left:-110vw !important;
	transition:left 1s ease;
}

.slide-right.active
{
	left:0 !important;
}

.tal{text-align:left !important;}

.button-row
{
	position:absolute;
	left:0;
	top:calc(100% - 20px);
	width:100%;
	height:40px;
}

.blue
{
	color:#2D3E50;
}

.scale-y
{
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter:alpha(opacity=0);
	-webkit-transform:scaleY(0);
	transform:scaleY(0);
	-webkit-transform-origin:0 0 0;
	transform-origin:0 0 0;
	transition:all 0.6s ease 0s;
}

.scale-y.active
{
    opacity:1;
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter:alpha(opacity=100);
    -webkit-transform:scaleY(1);
    transform:scaleY(1);
    z-index:99999;
}

.scale-x
{
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter:alpha(opacity=0);
	-webkit-transform:scaleX(0);
	transform:scaleX(0);
	-webkit-transform-origin:0 0 0;
	transform-origin:0 0 0;
	transition:all 0.1s ease 0s;
}

.scale-x.active
{
    opacity:1;
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter:alpha(opacity=100);
    -webkit-transform:scaleX(1);
    transform:scaleX(1);
    z-index:99999;
}

.w-5{width:5%;margin:auto;}
.w-10{width:10%;margin:auto;}
.w-20{width:20%;margin:auto;}
.w-30{width:30%;margin:auto;}
.w-40{width:40%;margin:auto;}
.w-50{width:50%;margin:auto;}
.w-60{width:60%;margin:auto;}
.w-70{width:70%;margin:auto;}
.w-80{width:80%;margin:auto;}
.w-90{width:90%;margin:auto;}
.w-100{width:100%;margin:auto;}

.h-5{height:5%;}
.h-10{height:10%;}
.h-20{height:20%;}
.h-30{height:30%;}
.h-40{height:40%;}
.h-50{height:50%;}
.h-60{height:60%;}
.h-70{height:70%;}
.h-80{height:80%;}
.h-90{height:90%;}
.h-100{height:100%;}


.m-5{margin:5px;}
.m-10{margin:10px;}
.m-20{margin:20px;}
.m-30{margin:30px;}
.m-40{margin:40px;}
.m-50{margin:50px;}
.m-60{margin:60px;}
.m-70{margin:70px;}
.m-80{margin:80px;}
.m-90{margin:90px;}
.m-100{margin:100px;}

.mt-5{margin-top:5px;}
.mt-10{margin-top:10px;}
.mt-20{margin-top:20px;}
.mt-30{margin-top:30px;}
.mt-40{margin-top:40px;}
.mt-50{margin-top:50px;}
.mt-60{margin-top:60px;}
.mt-70{margin-top:70px;}
.mt-80{margin-top:80px;}
.mt-90{margin-top:90px;}
.mt-100{margin-top:100px;}

.mb-5{margin-bottom:5px;}
.mb-10{margin-bottom:10px;}
.mb-20{margin-bottom:20px;}
.mb-30{margin-bottom:30px;}
.mb-40{margin-bottom:40px;}
.mb-50{margin-bottom:50px;}
.mb-60{margin-bottom:60px;}
.mb-70{margin-bottom:70px;}
.mb-80{margin-bottom:80px;}
.mb-90{margin-bottom:90px;}
.mb-100{margin-bottom:100px;}

.mr-10{margin-right:10px;}
.mr-20{margin-right:20px;}
.mr-30{margin-right:30px;}
.mr-40{margin-right:40px;}
.mr-50{margin-right:50px;}
.mr-60{margin-right:60px;}
.mr-70{margin-right:70px;}
.mr-80{margin-right:80px;}
.mr-90{margin-right:90px;}
.mr-100{margin-right:100px;}

.p-2{padding:2px;}
.p-5{padding:5px;}
.p-10{padding:10px;}
.p-20{padding:20px;}
.p-30{padding:30px;}
.p-40{padding:40px;}
.p-50{padding:50px;}

.pt-2{padding-top:2px;}
.pt-5{padding-top:5px;}
.pt-10{padding-top:10px;}
.pt-20{padding-top:20px;}
.pt-30{padding-top:30px;}
.pt-40{padding-top:40px;}
.pt-50{padding-top:50px;}

.pb-2{padding-bottom:2px;}
.pb-5{padding-bottom:5px;}
.pb-10{padding-bottom:10px;}
.pb-20{padding-bottom:20px;}
.pb-30{padding-bottom:30px;}
.pb-40{padding-bottom:40px;}
.pb-50{padding-bottom:50px;}

.pl-2{padding-left:2px;}
.pl-5{padding-left:5px;}
.pl-10{padding-left:10px;}
.pl-20{padding-left:20px;}
.pl-30{padding-left:30px;}
.pl-40{padding-left:40px;}
.pl-50{padding-left:50px;}

.pr-2{padding-right:2px;}
.pr-5{padding-right:5px;}
.pr-10{padding-right:10px;}
.pr-20{padding-right:20px;}
.pr-30{padding-right:30px;}
.pr-40{padding-right:40px;}
.pr-50{padding-right:50px;}

.fs-10{font-size:10px;}
.fs-12{font-size:10px;}
.fs-14{font-size:10px;}
.fs-16{font-size:10px;}
.fs-18{font-size:10px;}
.fs-20{font-size:20px;}
.fs-30{font-size:30px;}
.fs-40{font-size:40px;}
.fs-50{font-size:50px;}

.fw-400{font-weight:400;}
.fw-500{font-weight:500;}
.fw-600{font-weight:600;}
.fw-700{font-weight:700;}
.fw-800{font-weight:800;}
.fw-900{font-weight:900;}

.tac{text-align:center;}
.tal{text-align:left;}
.tar{text-align:right;}

.text-blue
{
	color:#2D3E50;
}

.wspl
{
	white-space:pre-line;
}

.dropdown-box::before,
.dropdown-box::after
{
	transition:color 0.3s ease;
}

.dropdown-box::before
{
	content:'[';
	position:absolute;
	top:25%;
	left:5px;
}

.dropdown-box::after
{
	content:']';
	position:absolute;
	top:25%;
	left:calc(100% - 9px);
}

.cart-dropdown-box::before
{
	left:9px;
}

#wishlist-items-sub-menu-tag:hover .dropdown-box::before,
#wishlist-items-sub-menu-tag:hover .dropdown-box::after,
#cart-items-sub-menu-tag:hover .dropdown-box::before,
#cart-items-sub-menu-tag:hover .dropdown-box::after
{
	color:#2D3E50;
}

.expand-sub-menu
{
	font-size:10px;
}

button.nobckgrnd
{
	background-color:transparent;
	border:none;
}

form.hidden
{
	display:none;
}
/*************************************************************************************************************/
/************************************************** VARIOUS **************************************************/
/*************************************************************************************************************/

/********************************************************************************************************************/
/************************************************** DESKTOP HEADER **************************************************/
/********************************************************************************************************************/
#header
{
	width:100%;
	height:140px;
	z-index:999;
}

#header a
{
	font-weight:600;
}

#header a:hover
{
	color:#86BC42;
}

#desktop-header
{
	position:fixed;
	top:0;
	left:0;
	width:100%;height:144px;
	z-index:999;

    display:-ms-grid;
    display:grid;
    -ms-grid-rows:56px 88px;
    grid-template-rows:56px 88px;
}

#desktop-header a
{
	font-size:14px;
	color:#fff;
}

#desktop-header-top
{
	width:100%;
	background:#2d3e50;
	color:#ffffff;
	font-size:13px;
	z-index:2;
}

#desktop-header-top-container
{
	min-width:1200px;
	height:100%;
	margin:auto;

    display:-ms-grid;
    display:grid;
    -ms-grid-columns:55% 45%;
    grid-template-columns:55% 45%;
}

#logo-container-medium
{
	display:none;
}

#desktop-header-top-container .col-1,
#desktop-header-top-container .col-1 ul,
#desktop-header-top-container .col-1 li
{
	height:56px;
}

#desktop-header-top-container .col-1 li
{
	margin-right:20px;
	letter-spacing:1px;
	font-weight:500;

    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center;
}

#desktop-header-top-container .col-1 li:nth-child(1)::after
{
	content:'';
	position:absolute;
	left:calc(100% + 10px);
	top:35%;
	width:2px;
	height:30%;
	background-color:rgba(255,255,255,0.5);
}

#user-info.active
{
	visibility:visible;
}

#user-info::before
{
	content:'';
	position:absolute;
	left:-28px;
	top:0;
    width:0;
    height:0;
    border-top:65px solid transparent;
    border-right:28px solid #86BC42;
    z-index:2;
}

#user-info::after
{
	content:'';
	position:absolute;
	left:100%;
	top:0;
	width:25vw;
	height:65px;
	background-color:#86BC42;
}

#user-info i
{
	background-color:transparent;
}

#user-info li 
{
	height:100%;
	padding-right:20px;
	height:65px !important;
	z-index:2;

    display:-ms-grid;
    display:grid;
    -ms-grid-columns:30px auto;
    grid-template-columns:30px auto;
}

#user-info li.sign-in-up
{
	height:65px !important;
}

#user-info li.sign-in-up div
{
	height:65px !important;
}

#user-info li.wishlist-cart div.col-1
{
	height:65px !important;
}

#user-info a
{
	font-size:14px !important;
}

#user-info li::after
{
	content:'';
	position:absolute;
	left:calc(100% - 18px);
	top:25px;
	width:2px;
	height:18px;
	background-color:rgba(255,255,255,0.5);
	z-index:2;
}

#user-info li:last-child::after
{
	display:none;
}

#user-info li div:nth-child(2)
{
	padding-left:5px;
}

#desktop-header-bottom
{
	width:100%;
	height:80px;
	background-color:#fff;
	filter:drop-shadow(0 0 10px rgba(34, 30, 31, 1));
	z-index:1;
}

#desktop-header-bottom-container 
{
	width:90%;
	height:100%;
	margin-left:10%;

    display:-ms-grid;
    display:grid;
    -ms-grid-columns:300px auto;
    grid-template-columns:300px auto;
}

#logo-container 
{
	width:295px;
	height:100%;
	font-size:24px;
}

 #logo-container-title-1
 {
 	color:#2D3E50;
 }

#logo-container-title-1 span:nth-child(1)
{
 	color:#86BC42;
}

 #logo-container-title-2
 {
	color:#86BC42;
	display:-ms-grid;
	display:grid;
	-ms-grid-columns:auto 10px !important;
	grid-template-columns:auto 10px !important;
 }

 #logo-container-title-2 i
 {
 	font-size:14px;
 	background-color:transparent;
	color:#2d3e50;
	transition:all 0.25s ease;
 }

 #logo:hover #logo-container-title-2 i
 {
 	transform:rotate(180deg);
 	color:#86BC42 !important;
 }

#desktop-header-bottom-container nav,
#desktop-header-bottom-container ul,
#desktop-header-bottom-container li
{
	height:100%;
}

#desktop-header-bottom-container li
{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center;
}

#desktop-header-bottom-container li a 
{
	display:block;
	color:#333;
	text-decoration:none;
	text-transform:uppercase;
	transition:all 0.3s ease 0s;
	position:relative;
	font-weight:500;
	padding:0 20px;
}

.has-sub-menu a,
#desktop-cart-items-sub-menu-tag a
{
	display:-ms-grid !important;
	display:grid !important;
	-ms-grid-columns:auto 10px !important;
	grid-template-columns:auto 10px !important;	
}

.has-sub-menu a i
{
	background-color:transparent;
	color:#2d3e50;
	transition:all 0.25s ease;
}

.sub-menu,
.cart-items-sub-menu
{
	position:absolute;
	top:100%;
	left:-23px;
	height:auto !important;
	background-color:#ffffff;
	box-shadow:0 1px 30px rgba(0, 0, 0, 0.3);
	padding:10px;
	z-index:-99;

	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter:alpha(opacity=0);
	-webkit-transform:scaleY(0);
	transform:scaleY(0);
	-webkit-transform-origin:0 0 0;
	transform-origin:0 0 0;
	transition:all 0.3s ease 0s;
}

#desktop-wishlist-items-sub-menu
{
    opacity:1 !important;
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)" !important;
    filter:alpha(opacity=100) !important;
    -webkit-transform:scaleY(1) !important;
    transform:scaleY(1) !important;
    z-index:999 !important;
}

.sub-menu.active,
#desktop-wishlist-items-sub-menu.active
{
    opacity:1;
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter:alpha(opacity=100);
    -webkit-transform:scaleY(1);
    transform:scaleY(1);
    z-index:999;
}

#close-wishlist-items-sub-menu,
#close-cart-items-sub-menu
{	
	position:absolute;
	left:calc(100% - 30px);
	height:30px;
	width:30px;
	font-size:16px;
	border-radius:3px;
}


.sub-menu li 
{
	display:inline-block;
	height:30px;
	text-align:left;
}

#series-sub-menu, 
#levels-sub-menu,
#desktop-cart-items-sub-menu
{
	display:-ms-grid;
	display:grid;
	-ms-grid-columns:100%;
	grid-template-columns:100%;	
}

#series-sub-menu li, 
#levels-sub-menu li,
#desktop-cart-items-sub-menu li,
#logo-sub-menu li
{
	height:30px;

    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    -webkit-box-pack:start;
    -ms-flex-pack:start;
    justify-content:flex-start;
}

#series-sub-menu li
{
	height:25px;
}

#desktop-wishlist-items-sub-menu
{
	display:-ms-grid;
	display:grid;
	-ms-grid-columns:50% 50%;
	grid-template-columns:50% 50%;
}

#series-sub-menu
{
	width:600px;
}

#desktop-wishlist-items-sub-menu
{
	width:1000px;
}

#levels-sub-menu 
{
	width:600px;
}

.cart-items-sub-menu.show
{
    opacity:1;
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter:alpha(opacity=100);
    -webkit-transform:scaleY(1);
    transform:scaleY(1);
    z-index:999;	
}

.cart-items-sub-menu.active 
{
    opacity:1;
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter:alpha(opacity=100);
    -webkit-transform:scaleY(1);
    transform:scaleY(1);
    z-index:999;	
}

#logo-sub-menu
{
	width:400px;
	display:-ms-grid;
	display:grid;
	-ms-grid-columns:100%;
	grid-template-columns:100%;
}


#desktop-cart-items-sub-menu
{
	position:absolute;
	top:65px;
	left:calc(100% - 580px);
	width:580px;
}


#desktop-cart-items-sub-menu li.active
{
	background-color:rgba(0,255,0,0.25);	
	transition:background-color 0s;
}

#desktop-cart-items-sub-menu.show
{
	display:-ms-grid !important;
	display:grid !important;

    opacity:1;
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter:alpha(opacity=100);
    -webkit-transform:scaleY(1);
    transform:scaleY(1);
    z-index:999;		
}

.desktop-wishlist-bundle-item
{
	height:60px !important;
	transition:background-color 1s ease;
}

#desktop-cart-items-sub-menu li,
#desktop-wishlist-items-sub-menu li,
.desktop-wishlist-bundle-item
{
	color:#333;
	margin-top:10px;
	margin-bottom:10px;

	display:-ms-grid !important;
	display:grid !important;
	-ms-grid-columns:50px calc(100% - 100px) 50px !important;
	grid-template-columns:50px calc(100% - 100px) 50px !important;
}

.desktop-cart-items-sub-menu-list-item,
.desktop-wishlist-items-list-item
{	
	height:60px !important;
	margin-bottom:10px;
	transition:background-color 0.3s ease;
}

.desktop-cart-items-sub-menu-list-item
{
	border-top:1px solid rgba(0,0,0,0.25);
	border-bottom:1px solid rgba(0,0,0,0.25);
}

.desktop-cart-items-sub-menu-list-item:after
{	
	content:'' !important;
	position:absolute !important;
	top:calc(100% + 10px) !important;
	left:0 !important;
	width:100% !important;
	height:2px !important;
}

.desktop-wishlist-items-list-item,
.desktop-wishlist-bundle-item
{
	border-bottom:1px solid rgba(0,0,0,0.25) !important;
	border-top:1px solid rgba(0,0,0,0.25) !important;
}

.desktop-cart-items-sub-menu-list-item,
.desktop-wishlist-items-list-item
{
	transition:background-color 0.5s ease;
}

.desktop-cart-items-sub-menu-list-item.add,
.desktop-wishlist-items-list-item.add,
.desktop-wishlist-bundle-item.add
{
	background-color:rgba(0,255,0,0.5);
}

.desktop-cart-items-sub-menu-list-item.remove,
.desktop-wishlist-items-list-item.remove,
.desktop-wishlist-bundle-item.remove
{
	background-color:rgba(255,0,0,0.5) !important;
}

.desktop-cart-items-sub-menu-list-item div
{
    display:-webkit-box !important;
    display:-ms-flexbox !important;
    display:flex !important;
    -webkit-box-align:center !important;
    -ms-flex-align:center !important;
    align-items:center !important;
    -webkit-box-pack:center !important;
    -ms-flex-pack:center !important;
    justify-content:center !important;	
}

.cart-items-sub-menu-item-remove
{
	font-size:20px;
	color:#2D3E50 !important;
}

#desktop-cart-items-sub-menu.active
{
    opacity:1;
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter:alpha(opacity=100);
    -webkit-transform:scaleY(1);
    transform:scaleY(1);
    z-index:999;
}

.cart-items-sub-menu-img 
{
	width:30px;
}

#click-to-show-cart
{
	width:150px;
	height:20px;
	margin-left:3px;
	color:#fff !important; 
	background-color:#2D3E50; 
}

#click-to-show-cart:before
{
	content:'';
	position:absolute;
	left:-5px;
	top:calc(50% - 5px);
	width:10px;
	height:10px;
	background-color:#2D3E50; 
	transform:rotate(45deg);
}

#no-of-cart-items
{
	position:absolute;
	left:-12px;
	top:14px;
	height:15px;
	width:15px;
	color:#86BC42;
	background-color:#fff;
	font-size:12px;
	border-radius:50%;
	transition:all 0.5s ease;
}

#shopping-cart-down
{
	margin-left:5px;
}

#shopping-cart-down span
{
	position:absolute;
	left:calc(100% + 10px);
	top:5px;
	width:150px;
	padding:5px;
	color:#fff;
	background-color:#2D3E50;
}


#tablet-mobile-header,
#tablet-mobile-header,
#tablet-mobile-menu-left,
#tablet-mobile-menu-right,
#tablet-mobile-series-dropdown,
#tablet-mobile-levels-dropdown
{
	display:none;	
}

#view-cart-tag
{
	height:60px !important;

    display:-webkit-box !important;
    display:-ms-flexbox !important;
    display:flex !important;
    -webkit-box-align:center !important;
    -ms-flex-align:center !important;
    align-items:center !important;
    -webkit-box-pack:center !important;
    -ms-flex-pack:center !important;
    justify-content:center !important;
}

#view-cart-tag button
{
	padding:20px 50px;
	border-radius:20px;

    display:-webkit-box !important;
    display:-ms-flexbox !important;
    display:flex !important;
    -webkit-box-align:center !important;
    -ms-flex-align:center !important;
    align-items:center !important;
    -webkit-box-pack:center !important;
    -ms-flex-pack:center !important;
    justify-content:center !important;	
}

.cart-items-remove-book-button,
.dynamic-cart-items-remove-book-button,
.wishlist-items-remove
{
	color:#2D3E50 !important;
}

.garbage-button i
{
	background-color:transparent;
	color:#2D3E50;
}

#wishlist-items-sub-menu-tag
{
	display:block !important; 
	height:100%;
	cursor:pointer;	
}

#no-of-wishlist-items-tag 
{
	border-radius:50%;
	position:absolute;
	left:18px;
	top:14px;
	height:15px;
	width:15px;
	padding-left:0px !important; 
	color:#86BC42;
	background-color:#fff;
	font-size:12px;
	transition:all 0.5s ease;
}

#no-of-wishlist-items
{
	height:15px;
	width:15px;
	border-radius:50%;
	transition:all 0.3s ease;
}

#click-to-show-wishlist 
{
	position:absolute;
	left:0px;
	top:2px;
	width:180px;
	height:20px;
	padding:5px;
	color:#fff !important;
	background-color:#2D3E50;
	z-index:999999999; 
}

#click-to-show-wishlist::before
{
	content:'';
	position:absolute;
	top:calc(50% - 3px);
	left:calc(100% - 3px);
	width:6px;
	height:6px;
	background-color:#2D3E50;
	transform:rotate(45deg);
	z-index:2; 	
}

#user-info
{
	height:65px;
	margin-top:10px;
	background-color:#86BC42;
	visibility:hidden;
	visibility:visible;
	z-index:2;

    display:-ms-grid;
    display:grid;
    -ms-grid-columns:160px 160px 160px 160px 160px;
    grid-template-columns:160px 160px 160px 160px 160px;
}

#complete-catalogue-tag a
{
	width:160px;
	font-size:13px;
	font-weight:500;
	transition:color 0.5s ease;
}

#complete-catalogue-tag a:hover
{
	color:#2D3E50;
}
/********************************************************************************************************************/
/************************************************** DESKTOP HEADER **************************************************/
/********************************************************************************************************************/

/************************************************************************************************************/
/************************************************** SLIDER **************************************************/
/************************************************************************************************************/
#slider 
{
	margin:50px auto;
	width:600px;
	height:288px;
	max-width:600px;
	max-height:288px;	

	filter: drop-shadow(0 0 10px rgba(34, 30, 31, 1));
	overflow: hidden;
}

.slide
{
    position:absolute;
    left:0;
    top:0;
    width:100%;
    height:100%;
    opacity:0; 
   	cursor:pointer;
    transition:opacity 1s ease; 
}

.slide.active
{
    opacity:1;  
    z-index:2; 
}

.slide.activating
{
    opacity:0; 
    z-index:3; 
}

.slide img
{
    position:absolute;
    left:0;
    top:0;
    width:100%;
    height:100%;  
}

#slider-left,
#slider-right
{
    position:absolute;
    top:0;
    width:80px;
    height:100%;
    z-index:3; 
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center;
}

#slider-left
{
    left:0;
}

#slider-right
{
    left:calc(100% - 80px);
}

#slider-left i,
#slider-right i
{
    width:40px;
    height:40px;
    border-radius:50%;
    background-color:#2D3E50;
    color:#fff;

    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center;    
}

#slider-bottom
{
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:120px;
	z-index:4; 
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center;
}

#slider-bottom i
{
    width:60px;
    height:60px;
    border-radius:50%;
    background-color:#2D3E50;
    color:#fff;

    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center;
}

@media only screen and (max-width:1400px) 
{
	.slider-overlay-container{padding-left:40px;}
}
/************************************************************************************************************/
/************************************************** SLIDER **************************************************/
/************************************************************************************************************/

/****************************************************************************************************************/
/************************************************** SERIES NAV **************************************************/
/****************************************************************************************************************/
#series-nav 
{
	width:80%;
	margin:auto !important;
	margin-top:200px;
	overflow:hidden;
	display:flex;
	flex-wrap:wrap;
	justify-content:center;
	z-index:99999999; 
}

.serie-nav
{
	margin:20px;
	padding:20px;
    background:#f6f6f6 none repeat scroll 0 0;
    border:1px solid #2D3E50;
    border-bottom:5px solid #2D3E50;
    border-top-left-radius:5px;
    border-top-right-radius:5px;
    transition:all 0.3s ease 0s;	
}
.series-nav-image-overlay
{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	border-radius:10px;
	background-color:rgba(0,0,0,0);
	transition:all 1s ease;
}
/****************************************************************************************************************/
/************************************************** SERIES NAV **************************************************/
/****************************************************************************************************************/

/*************************************************************************************************************/
/************************************************** WHY K12 **************************************************/
/*************************************************************************************************************/
#why-k12
{
	width:100%;
	height:375px;
	min-height:375px;
	margin-top:100px;
	color:#fff;
	background-image:url('../img/why-k12-bg.jpg');
	background-size:cover;
	overflow:hidden;
}

#why-k12-title-container
{
	left:-40vw;
	top:-100px;
	width:35%;
	height:100px;
	background:#86bc42 none repeat scroll 0 0;	
	font-family:raleway;
	font-size:30px;
	letter-spacing:5px;
	font-weight:700;
	transition:left 1s ease;
}

#why-k12-title-container.active
{
	left:0;
}

#why-k12-title-container::after 
{
	content:'';
	position:absolute;
	left:100%;
	top:0;
    width:0;
    height:0;
    border-top:100px solid transparent;
    border-left:75px solid #86BC42;
    z-index:2;
}

#why-k12-title
{
	height:38px;
	padding-top:31px;
	padding-left:25vw;
}

#why-k12-info
{
	width:30vw;
	margin-left:25vw;
	font-family:'Raleway';
	font-size:18px;
	line-height:26px;
}
/*************************************************************************************************************/
/************************************************** WHY K12 **************************************************/
/*************************************************************************************************************/

/*********************************************************************************************************************************************/
/************************************************** POPULAR, NEW, AND RECENTLY VIEWED BOOKS **************************************************/
/*********************************************************************************************************************************************/
#popular-books,
#new-books,
#rvb-books
{
	margin:50px 0;
}

#popular-books i,
#new-books i,
#rvb-books i
{
	border-radius:50%;
}

#popular-books h3,
#new-books h3,
#rvb-books h3
{
	position:absolute;
	left:0;
	top:-20px;
	margin:0;
}

#popular-books h3 span,
#new-books h3 span,
#rvb-books h3 span
{
	padding:0 20px;
	background-color:#f6f6f6;
	border-top:1px solid #999; 
	transition:all 0.3s ease;
}

#popular-books h3 span::before,
#new-books h3 span::before,
#rvb-books h3 span::before
{
	content:'';
	position:absolute;
	left:0;
	top:0;
	width:1px;
	height:calc(50% + 2px);
	background-color:#999;
}

#popular-books h3 span::after,
#new-books h3 span::after,
#rvb-books h3 span::after
{
	content:'';
	position:absolute;
	left:calc(100% - 1px);
	top:0;
	width:1px;
	height:calc(50% + 2px);
	background-color:#999;
}

#popular-books-container,
#new-books-container,
#rvb-books-container
{
	padding-top:50px;
	padding-bottom:20px;

	border:1px solid #999;

    display:-ms-grid;
    display:grid;
    -ms-grid-columns:80px auto 80px;
    grid-template-columns:80px auto 80px;
}

#rvb-books-container
{
    border-bottom:3px solid #2D3E50;
}

#rvb-books-container:hover
{
    border-bottom:3px solid #86BC42;
}

#popular-books-column-container,
#new-books-column-container,
#rvb-books-column-container
{
	height:100%;
}

#popular-books-column-wrapper,
#new-books-column-wrapper,
#rvb-books-column-wrapper
{
	height:100%;
	margin:auto;
	overflow:hidden;
}

.popular-book,
.new-book,
.rvb-book
{
	width:160px;
	float:left;
}

.popular-book-container,
.new-book-container,
.rvb-book-container
{
	width:140px;
	min-height:220px;
	max-height:250px;
	margin:auto;
}

.popular-book-interior,
.new-book-interior,
.rvb-book-interior
{
	width:120px;
	margin:auto;
	padding:10px 0;	
}

.popular-book-image img,
.new-book-image img,
.rvb-book-image img
{
	max-height:250px;
}
/*********************************************************************************************************************************************/
/************************************************** POPULAR, NEW, AND RECENTLY VIEWED BOOKS **************************************************/
/*********************************************************************************************************************************************/

/******************************************************************************************************************/
/************************************************** TESTIMONIALS **************************************************/
/******************************************************************************************************************/
#testimonials
{
	width:100% !important;
	min-height:480px !important;
	background-image:url('../img/testimonials-bg.jpg');
	background-size:cover;
	color:#fff;
	padding:0 !important;
	padding-top:30px !important;
}

#testimonials::before 
{
	content:'';
	position:absolute;
	left:0;
	top:0;
	height:100%;
	width:100%;	
	background:rgba(45, 62, 80, 0.9) none repeat scroll 0 0;
}

#testimonials .section-h1
{
	margin-bottom:30px;
}

#testimonials-container
{
	width:90%;
	margin:auto;

    display:-ms-grid;
    display:grid;
    -ms-grid-columns:160px calc(100% - 320px) 160px;
    grid-template-columns:160px calc(100% - 320px) 160px;
}

.testimonial
{
	position:absolute;
	left:0;
	top:0;
	opacity:0;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter:alpha(opacity=0);
	-webkit-transform:scaleY(0);
	transform:scaleY(0);
	-webkit-transform-origin:0 0 0;
	transform-origin:0 0 0;
	transition:all 0.6s ease 0s;
}

.testimonial.active
{
    opacity:1;
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter:alpha(opacity=100);
    -webkit-transform:scaleY(1);
    transform:scaleY(1);
    z-index:99999;	
}

.testimonial-name
{
	font-size:30px;
	font-weight:600;
	line-height:24px;
	margin-bottom:30px;
	text-align:center;
}

.testimonial-info
{
	font-size:18px;
	white-space:pre-line;
}

#prev-testimonial,
#next-testimonial
{
	=position:absolute;
	=top:230px;
	font-size:32px;
	background-color:transparent;
	color:rgba(255,255,255,0.7);
	transition:all 0.5s ease;
}

#schools
{
	padding:0 30px;
    display:-ms-grid;
    display:grid;
    -ms-grid-columns:33% 33% 33%;
    grid-template-columns:33% 33% 33%;
}

.school-container
{
	padding-left:10px;
	width:100%;
}

.school
{
	margin-bottom:10px;
	text-transform:uppercase;
	font-size:16px;
}

.testimonial-div
{
	padding:30px;
	margin-bottom:30px;
}

.testimonial-details
{
	margin-bottom:30px;
	display:-ms-grid;
	display:grid;
	-ms-grid-columns:40px auto 40px;
	grid-template-columns:40px auto 40px;
}

.testimonial-details i
{
	color:#2D3E50;
	background-color:transparent;
}

.testimonial-details i.fas.fa-quote-right
{
	position:absolute;
	top:calc(100% - 30px);
	left:calc(100% - 30px);
}

.testimonial-preson span
{
	font-size:20px;
}

.testimonial-preson i.far.fa-user
{
	font-size:20px;
	margin-right:20px;
	color:#2D3E50;
}

#new-testimonial
{
	padding:50px;
	padding-top:0;
}

#new-testimonial-form fieldset
{
	margin-bottom:30px;
}

#new-testimonial-form input
{
	width:95%;
	background-color:#fff;
	transition:all 0.5s ease;
}

#new-testimonial-textarea textarea
{
	width:97.5%;
	min-height:200px;
	background-color:#fff;
	color:#777777;
	font-size:14px;
	padding:20px;
	border: none;
	transition:all 0.5s ease;
}

#new-testimonial-button
{
	position:absolute;
	top:calc(100% + 60px);
	width:97.5%;
	transition:all 0.5s ease;
}
/******************************************************************************************************************/
/************************************************** TESTIMONIALS **************************************************/
/******************************************************************************************************************/

/***********************************************************************************************************/
/************************************************** BOOK **************************************************/
/**********************************************************************************************************/
#mybook 
{
	width:80%;
	margin:auto;
	margin-top:150px;
	margin-bottom:100px;
	background-color:#f6f6f6;
	padding:50px 0;
    border:1px solid #ccc;
    border-bottom:3px solid #2D3E50;

	display:-ms-grid;
	display:grid;
	-ms-grid-columns:300px auto;
	grid-template-columns:300px auto;	
}

#mybook:hover
{
    border-bottom:3px solid #86BC42;
}

#mybook button
{
	transition:background-color 0.3s ease;
}

#mybook .col-1,
#mybook .col-2
{
	padding:50px;
}

#mybook-desc
{
	white-space:pre-wrap;	
}

#mybook-bottom-row
{
	position:absolute;
	left:0;
	top:calc(100% - 22px);
	width:100%;
}

#mybook-bottom-row button
{
	margin-right:10px;
}

#mybook-title 
{
	margin-bottom:10px;
	color:#2D3E50;
	font-size:36px;
	font-weight:900;
	text-align:left;
}

#mybook-bottom-row .bk-bttn
{
	width:60px;

    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center;
}

#mybook-bottom-row i 
{
	width:45px;
	height:45px;
	font-size:24px;
	border-radius:5px;
	transition:background-color 0.3s ease;
}

.bundle
{
	margin-bottom:50px;
	padding-bottom:30px;
	background:#f6f6f6 none repeat scroll 0 0;
}

.quadruple-bundle
{
    display:-ms-grid;
    display:grid;
    -ms-grid-columns:11% 11% 11% 11% 11% 11% 11% 11% 11%;
    grid-template-columns:11% 11% 11% 11% 11% 11% 11% 11% 11%;

}

.bundle-items i.bundle-item-plus,
.bundle-items i.fa-equals
{
	background-color:transparent !important;
	color:#2D3E50 !important;
}

.bundle-price
{
	color:#2D3E50;
}

.bundle-item-type
{
	color:#2D3E50;
	text-transform:uppercase;
	margin-top:5px;
}

.bundle-description
{
	padding:20px 0;
	font-size:20px;
	color:#2D3E50;
}

.bundle-buttons
{
	position:absolute;
	top:calc(100% - 20px);
	left:0;	
	width:100%;
	height:40px;
}

i.cart-add-bundle,
i.add-bundle-to-wishlist
{
	width:45px !important;
	height:45px !important;
	margin-right:10px !important;
	font-size:24px !important;
	background-color:#2D3E50 !important;
	border-radius:5px !important;
	transition:background-color 0.3s ease !important;
}

.book-thumbnail 
{
	width:90px;
	height:100px;
}

.e-book-thumbnail
{
	width:90px;
	height:88px;
}

.worksheet-thumbnail
{
	width:90px;
	height:112px;
}

.cd-thumbnail
{
	width:60px;
	height:58px;
}

i.fa.fa-plus,
i.fas.fa-equals
{
	height:30px;
	width:30px;
	background-color:#2D3E50;
	color:#fff;
}

.bundle-add-to-cart
{
	z-index:99999;
}

.bundle-img-overlay
{
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
	background-color:rgba(0,0,0,0);
}

.single-bundle
{
    display:-ms-grid;
    display:grid;
    -ms-grid-columns:33.33% 33.33% 33.33%;
    grid-template-columns:33.33% 33.33% 33.33%;
}

.double-bundle
{
    display:-ms-grid;
    display:grid;
    -ms-grid-columns:50% 50%;
    grid-template-columns:50% 50%;
}

.triple-bundle
{
    display:-ms-grid;
    display:grid;
    -ms-grid-columns:14% 14% 14% 14% 14% 14% 14%;
    grid-template-columns:14% 14% 14% 14% 14% 14% 14%;
}

.quadruple-bundle
{
    display:-ms-grid;
    display:grid;
    -ms-grid-columns:11% 11% 11% 11% 11% 11% 11% 11% 11%;
    grid-template-columns:11% 11% 11% 11% 11% 11% 11% 11% 11%;
}

.quintuple-bundle
{
    display:-ms-grid;
    display:grid;
    -ms-grid-columns:9% 9% 9% 9% 9% 9% 9% 9% 9% 9% 9%;
    grid-template-columns:9% 9% 9% 9% 9% 9% 9% 9% 9% 9% 9%;
}

.Sextuple-bundle
{
    display:-ms-grid;
    display:grid;
    -ms-grid-columns:7.5% 7.5% 7.5% 7.5% 7.5% 7.5% 7.5% 7.5% 7.5% 7.5% 7.5% 7.5% 7.5%;
    grid-template-columns:7.5% 7.5% 7.5% 7.5% 7.5% 7.5% 7.5% 7.5% 7.5% 7.5% 7.5% 7.5% 7.5%;
}

.cart-add-bundle-form-button i.fas.fa-minus-square,
.cart-add-bundle-form-button i.fa.fa-plus
{
	background-color:transparent !important;
}

.cart-add-book-form-button,
.cart-add-bundle-form-button
{
    =display:-ms-grid;
    =display:grid;
    =-ms-grid-columns:30px auto;
    =grid-template-columns:30px auto;
}

.cart-add-book-form-button i,
.cart-add-bundle-form-button i
{
	background-color:#2D3E50;
}

.single-bundle .bundle-item 
{
    display:-webkit-box !important;
    display:-ms-flexbox !important;
    display:flex !important;
    -webkit-box-align:center !important;
    -ms-flex-align:center !important;
    align-items:center !important;
    -webkit-box-pack:end !important;
    -ms-flex-pack:end !important;
    justify-content:flex-end !important;	
}

.single-bundle .bundle-price-container
{
    display:-webkit-box !important;
    display:-ms-flexbox !important;
    display:flex !important;
    -webkit-box-align:center !important;
    -ms-flex-align:center !important;
    align-items:center !important;
    -webkit-box-pack:start !important;
    -ms-flex-pack:start !important;
    justify-content:flex-start !important;	
}
/***********************************************************************************************************/
/************************************************** BOOK **************************************************/
/**********************************************************************************************************/

/****************************************************************************************************************/
/************************************************** CART ITEMS **************************************************/
/****************************************************************************************************************/
.cart-titles
{
	height:40px;
	margin:10px 0;
	font-size:20px;
	color:#2d3e50;

    display:-ms-grid;
    display:grid;
    -ms-grid-columns:1fr 1fr 1fr 1fr;
    grid-template-columns:1fr 1fr 1fr 1fr;
}

.cart-item
{
    background:#f6f6f6 none repeat scroll 0 0;
    border:1px solid #999;
    border-bottom:4px solid #2D3E50;
    margin-bottom:20px;
    padding:10px 0;
    transition:background-color 0.3s ease, box-shadow 0.3s ease, border-bottom 0.3s ease;

   	display:-ms-grid;
    display:grid;
    -ms-grid-columns:1fr 1fr 1fr 1fr 60px;
    grid-template-columns:1fr 1fr 1fr 1fr 60px;
}

.cart-item.update
{
	background-color:rgba(0,255,0,0.5) !important;
}

.cart-item.remove,
.cart-bundle-item.remove
{
	background-color:rgba(255,0,0,0.5) !important;
}

.cart-items-bundle-item
{
	padding-top:30px;
	padding-bottom:30px;
}

.cart-item i
{
	background-color:#2D3E50;
	border-radius:50%;
	transition:background-color 0.3s ease 0s;
}

.cart-item-column 
{
	padding:20px 0;
}

.cart-bundle-item
{
	padding:30px 0;
}

.cart-bundle-title
{
	font-size:12px;
	padding-left:10px !important;
	padding-right:10px !important;
}

.cart-item-more-or-less
{
    display:-ms-grid;
    display:grid;
    -ms-grid-columns:40px 10px 40px;
    grid-template-columns:40px 10px 40px;	
}


#cart-amounts
{
	padding:20px 0;
}

.cart-summary
{
	margin:5px 0;

    display:-ms-grid;
    display:grid;
    -ms-grid-columns:1fr 1fr 1fr 1fr;
    grid-template-columns:1fr 1fr 1fr 1fr;	
}

.cart-summary div:nth-child(3)
{
	text-align:right;
}

.cart-item-list-items li
{
	float:none;
}

.cart-item-list-items li:nth-child(1)
{
	height:100px;
}

.cart-item-list-items li:nth-child(2)
{
	height:40px;
	color:#2D3E50;
	font-size:20px;
}

.cart-item-book-title
{
	height:140px;
	margin-top:20px;

    =display:-ms-grid;
    =display:grid;
    =-ms-grid-rows:100px 40px;
    =grid-template-rows:100px 40px;	
}

.cart-item-book-title div 
{
	font-size:20px;
	color:#2d3e50;
}

.dollar-amount::before
{
	content:'US$';
	padding-right:2px;
}

#signed-in-message
{
	width:100%;
	margin-top:60px;
	color:#2D3E50;
	font-size:20px;
}

.cart-item-img
{
	width:60px;
}

.cart-bundle-item
{
	padding:0;
	margin:0;

    display:-ms-grid;
    display:grid;
    -ms-grid-columns:50px auto 30px;
    grid-template-columns:50px auto 30px;
}

.cart-bundle-title
{
	padding-left:5px;
}

.cart-bundle-image img
{
	width:30px;
}

.min-qty-info
{
	display:inline-block;
	position:absolute;
	left:0;
	top:-25px;
	width:250px;
	padding:5px;
	color:#fff;
	background-color:#2D3E4F; 
	z-index:2; 
}

.min-qty-info:before
{
	content:'';
	position:absolute;
	left:5px;
	top:calc(100% - 5px);
	width:10px;
	height:10px;
	background-color:#2D3E4F; 
	transform:rotate(45deg);
}

.cart-remove-book-button-info,
.cart-remove-bundle-button-info,
.wishlist-add-book-to-cart-info,
.wishlist-add-bundle-to-cart-info,
.wishlist-item-remove-info,
.wishlist-bundle-remove-info
{
	position:absolute;
	left:-60px;
	top:-23px;
	width:170px;
	padding:5px;
	font-size:12px;
	color:#fff;
	background-color:#2D3E50;
	z-index:2;  

    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center;
}

.wishlist-add-book-to-cart-info,
.wishlist-item-remove-info,
.wishlist-add-bundle-to-cart-info
{
	left:-70px;
}

.cart-remove-book-button-info::before,
.cart-remove-bundle-button-info::before,
.wishlist-add-book-to-cart-info::before,
.wishlist-item-remove-info::before,
.wishlist-add-bundle-to-cart-info::before,
.wishlist-bundle-remove-info::before,
.wishlist-add-bundle-to-cart-info::before,
.wishlist-bundle-remove-info::before
{
	content:'';
	display:block;
	position:absolute;
	left:calc(50% - 5px);
	top:calc(100% - 5px);
	width:10px;
	height:10px;
	background-color:#2D3E50;
	transform:rotate(45deg);
	transition:all 0.3s ease !important;
} 

.cart-remove-book-button:hover .cart-remove-book-button-info,
.cart-remove-bundle-button:hover .cart-remove-bundle-button-info,
.wishlist-add-book-to-cart:hover .wishlist-add-book-to-cart-info,
.wishlist-item-remove:hover .wishlist-item-remove-info,
.wishlist-add-bundle-to-cart:hover .wishlist-add-bundle-to-cart-info,
.wishlist-bundle-remove:hover .wishlist-bundle-remove-info
{
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter:alpha(opacity=100);
    -webkit-transform:scaleY(1);
    transform:scaleY(1);
    z-index:99999;
}
/****************************************************************************************************************/
/************************************************** CART ITEMS **************************************************/
/****************************************************************************************************************/

/***********************************************************************************************************/
/************************************************** BOOKS **************************************************/
/***********************************************************************************************************/
#books
{
	margin-top:100px;
	border:1px solid transparent;
}

.series-books
{
	margin-top:50px;
	margin-bottom:50px;
	padding:0 50px;
	border:4px solid #2D3E50;
	border:2px solid rgba(0,0,0,0.25);
	background-color:#F8F8F8;
}

.book-shell
{
	width:300px; 
}

.book
{
	width:280px;
	margin-bottom:50px;
}

.book:hover
{
    border:1px solid #86BC42;
    border-bottom:5px solid #86BC42;
}

.book:hover .book-info
{
    border-top:1px solid #86BC42;
}

.book-tag
{
    display:-ms-grid;
    display:grid;
    -ms-grid-rows:310px auto;
    grid-template-rows:310px auto;
}

.book-image
{
	background-color:#fff;
	height:310px;
}

.book-image-container
{
	width:230px;
	height:280px;
	border:1px solid #999;	
	background-color:rgba(45,62,79,1); 
	transition:background-color 0.3s ease;
}

.book:hover .book-image-container
{
	border:1px solid #354B1A;	
}

.book-image-overlay
{
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
	background-color:rgba(0,0,0,0); 
	transition:background-color 0.3s ease;
}

.book-image-container img
{
	width:200px;
}

.book-image img
{
	height:250px;
}

.book-info 
{
	padding-top:20px;
	background-color:#e4e4e4;
	border-top:2px solid #2D3E50;
	transition:all 0.3s ease;
}

.book:hover .book-info 
{
	border-top:2px solid #86BC42;
	border-top:2px solid #354B1A;
}

.book-title,
.book-short-description
{
	width:100%;
}

.book-buttons
{
	position:absolute;
	top:100%;
	left:0;
	width:280px;
	height:40px;
	margin-top:-22px;

    display:-ms-grid;
    display:grid;
    -ms-grid-columns:1fr 1fr 1fr 1fr;
    grid-template-columns:1fr 1fr 1fr 1fr;
}

.book-buttons div
{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center;
}

.book-buttons div i
{
	width:45px;
	height:45px;
	font-size:24px;
	background-color:#2D3E50;
	border-radius:5px;
}

.cart-button i
{
	position:absolute;
	left:0;
	top:0;
}

.book-title 
{
	padding:0 10px;
	margin-bottom: 10px;
	color:#2D3E50;
	font-size:18px;
	font-weight:600;
	text-align:center;
}

.book-short-description 
{
	padding:0 10px;
	color:#111;
}

.book-buttons i
{
	transition:background-color 0.3s ease;
}

.information
{
	position:absolute;
	top:-30px;
	padding:5px 10px;
	font-size:10px;
	text-transform:uppercase;
	font-weight:bold;
	white-space:nowrap;
	color:#fff;
	background-color:#2D3E50;
	z-index:99;

	-webkit-transform:scaleY(0);
	transform:scaleY(0);
	-webkit-transform-origin:0 0 0;
	transform-origin:0 0 0;
	transition:all 0.3s ease 0s;	
}

.information::before
{
	content:'';
	position:absolute;
	left:calc(50% - 5px);
	top:calc(100% - 5px);
	width:10px;
	height:10px;
	background-color:#2D3E50;
	transform:rotate(45deg);
}

.information.active
{
    -webkit-transform:scaleY(1);
    transform:scaleY(1);
}

#wishlist-items-sub-menu-tag
{
	z-index:4 !important; 
}

#cart-items-sub-menu-tag
{
	z-index:3 !important; 
}

#see-wishlist,
#see-cart
{
	position:absolute;
	top:calc(50% - 10px) !important;
	z-index:99999999999 !important;   
}

#see-wishlist
{
	left:75% !important;
}

#see-cart
{
	left:65% !important;
}

#see-wishlist:before,
#see-cart:before
{
	content:'';
	position:absolute;
	left:-5px;
	top:calc(50% - 5px);
	width:10px;
	height:10px;
	background-color:#2D3E50;
	transform:rotate(45deg);   
}

.preview-images
{
	display:none;
}

.book-wishlist
{
	position:absolute;
	top:-100px;
	left:0;
	width:100%;
	height:40px;
	z-index:2;
	transition:top 0.5s ease;
}

.book-wishlist i
{
	width:40px;
	height:40px;
	font-size:24px;
	background-color:#2D3E50;
	border-radius:50%;
	transition:all 0.5s ease;
}

.add-book-to-wishlist-button
{
	width:40px;
	height:40px;	
	background-color:transparent;
	border:none;
}
/***********************************************************************************************************/
/************************************************** BOOKS **************************************************/
/***********************************************************************************************************/

/********************************************************************************************************************/
/************************************************** PREVIEW IMAGES **************************************************/
/********************************************************************************************************************/
#preview-images
{
	display:none;
	
	position:fixed;
	top:-1000vh;
	left:0;
	width:100%;
	height:100vh;
	background-color:#000;
	color:#fff;
	z-index:9999999;
	padding:0 !important;
	transition:top 1s ease;

    display:-ms-grid;
    display:grid;
    -ms-grid-rows:80px calc(100% - 160px) 80px;
    grid-template-rows:80px calc(100% - 160px) 80px;
}

#preview-images.active
{
	top:0;
	z-index:9999999;
}

#preview-images .row-1,
#preview-images .row-2,
#preview-images .row-3
{
    display:-ms-grid;
    display:grid;
    -ms-grid-columns:160px calc(100% - 320px) 160px;
    grid-template-columns:160px calc(100% - 320px) 160px;
}

.preview-img
{
	display:none;	
}

.preview-img.active
{
	display:block;
}

#preview-images i
{
	font-size:32px;
	background-color:transparent;
	color:#86BC42;
}

#preview-images i.fa-window-close
{
	background-color:#fff;
	color:red;
	border:1px solid red;
}

#preview-image-info
{
	font-size:20px;
	color:#86BC42;
}

i.fas-preview-no
{
	width:20px;
	height:20px;
	font-size:16px !important;
	margin-right:10px;
	color:#2D3E50 !important;
}

i.fas-preview-no.active
{
	color:#86BC42 !important;
}
/********************************************************************************************************************/
/************************************************** PREVIEW IMAGES **************************************************/
/********************************************************************************************************************/

/****************************************************************************************************************/
/************************************************** CONTACT US **************************************************/
/****************************************************************************************************************/
#contact-us
{
	width:80%;
	margin:auto;
	min-height:calc(100vh - 550px);
}

#contact-us-container
{
	display:-ms-grid;
    display:grid;
    -ms-grid-columns:1fr 1fr;
    grid-template-columns:1fr 1fr;	
}

#contact-us-container fieldset
{
	margin:10px 0;
	border:none;
}

#contact-us-inputs
{
    display:-ms-grid;
    display:grid;
    -ms-grid-columns:calc(33% - 10px) calc(33% - 10px) calc(33% - 10px);
    grid-template-columns:calc(33% - 10px) calc(33% - 10px) calc(33% - 10px);		
}

#contact-us-inputs fieldset
{
	margin-right:10px;
}

#contact-us-inputs input
{
	background:#f1f1f1 none repeat scroll 0 0;
	color:#777777;
	font-size:14px;
	height:48px;
	padding:0 23px;
	width:100%;
	border:none;
}

#contact-us-textarea textarea
{
	background:#f1f1f1 none repeat scroll 0 0;
	color:#777777;
	font-size:14px;
	height:200px;
	padding:0 23px;
	padding-top:10px;
	width:95%;
	resize:none;
	border:none;
}

#contact-us-container .col-1 h4
{
	margin-bottom:15px;
}

#contact-us-container .col-2
{
	padding-left:50px;
}

#contact-us-container .col-2 h4
{
	text-align:left;
	margin-bottom:20px;
}

#contact-us-container .col-2 div
{
	margin-bottom:10px;

    display:-ms-grid;
    display:grid;
    -ms-grid-columns:40px auto;
    grid-template-columns:40px auto;	
}

#contact-us-container .col-2 i
{
	color:#2D3E50;
	background-color:transparent;

    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;	
}

#contact-us h1
{
	font-size:32px;
}

#contact-us h4
{
	font-size:24px;
}

.contact-us-error
{
	display:none;
	color:red;
}

.contact-us-error.active
{
	display:block;
}
/****************************************************************************************************************/
/************************************************** CONTACT US **************************************************/
/****************************************************************************************************************/

/********************************************************************************************************************/
/************************************************** MEMBER SIGN UP **************************************************/
/********************************************************************************************************************/
#sign-up-form
{
	padding:30px;
	padding-bottom:50px;
	background-color:#fff;
}

#sign-up-form .two-cols 
{
	margin-bottom:30px;
}

#sign-up-form .two-cols input,
#sign-up-form .two-cols select
{
	width:90% !important;
}

#sign-up-form .two-cols fieldset:nth-child(2) input,
#sign-up-form .two-cols fieldset:nth-child(2) select
{
	margin-left:60px;
}
/********************************************************************************************************************/
/************************************************** MEMBER SIGN UP **************************************************/
/********************************************************************************************************************/

/**************************************************************************************************************/
/************************************************** ABOUT US **************************************************/
/**************************************************************************************************************/
#about-us p 
{
	color:#736b64;
	font-weight:900;
	white-space:pre-line;
}

.about-us-image 
{
	margin-bottom:20px;
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-align:center;
	-ms-flex-align:center;
	align-items:center;
	-webkit-box-pack:center;
	-ms-flex-pack:center;
	justify-content:center;
}

.about-us-image img 
{
	border:1px solid #999;
	border-radius:10px;
}
/**************************************************************************************************************/
/************************************************** ABOUT US **************************************************/
/**************************************************************************************************************/

/************************************************************************************************************/
/************************************************** FOOTER **************************************************/
/************************************************************************************************************/
#footer
{
	width:100%;
	height:600px;
	margin-top:50px;
	background-color:#2D3E50;
	color:#fff;

   	display:-ms-grid;
   	display:grid;

   	-ms-grid-rows:150px auto auto 50px;
   	grid-template-rows:150px auto auto 50px;	

}

#footer a
{
	color:#fff;
	font-size:12px;
	transition:color 0.5s ease;
}

#footer a:hover
{
	color:#86BC42;
}

#footer h4
{
	font-family:Raleway;
	font-weight:800;
	font-size:20px;
	color:#fff;
	text-align:left;
}

#footer ul li
{
	float:none;
	margin-bottom:10px;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    -webkit-box-pack:start;
    -ms-flex-pack:start;
    justify-content:flex-start;
}

#footer-first-row
{
	width:100%;
	height:150px;

    display:-ms-grid;
    display:grid;
    -ms-grid-columns:45% 55%;
    grid-template-columns:45% 55%;
}

#footer-top-left
{
	height:170px;
	margin-top:-20px;
	background-color:#86BC42;
	font-family:raleway;
	font-weight:700;
	opacity:0;
	opacity:1;
}

#footer-top-left.active
{
	opacity:1;
}

#footer-top-left::after 
{
	content:'';
	position:absolute;
	left:100%;
	top:0;
	width:0;
	height:0;
	border-top:170px solid transparent;
	border-left:125px solid #86BC42;
	z-index:2;
}

#footer-top-left-title-1
{
	color:#fff;
	font-size:24px;
	line-height:1;
	margin-bottom:2px;
	letter-spacing:2px;
}

#footer-top-left-title-2
{
	color:#fff;
	font-size:30px;
	line-height:1;
	letter-spacing:2px;
}

#footer-top-right
{
	padding-left:200px;
	opacity:0;
	opacity:1;
}

#footer-top-right.active
{
	opacity:1;
}

#footer-top-right-container
{
    display:-ms-grid;
    display:grid;
    -ms-grid-columns:500px 175px;
    grid-template-columns:500px 175px;
}

#subscribe-input
{
	height:60px;
	background-color:#fff;
}

#subscribe-button
{
	width:175px;
}

#subscribe-input-container::before 
{
	content:'';
	position:absolute;
	left:-38px;
	top:0;
	width:0;
	height:0;
	border-bottom:60px solid transparent;
	border-right:38px solid #fff;
	z-index:2;
}

#footer-second-row
{
	width:100vw;
	padding:10px;
}

#footer-logo-container 
{
	height: 100%;
	font-size: 24px;
}

#footer-logo-container-title-2
{
	color:#86BC42;
}

#footer-third-row
{
	width:100vw;
	background-color:#2D3E50; 
	margin-top:10px;
}

#footer-third-row-container div
{
	width:100%;
	margin-top:10px;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center;
}

#footer-third-row-container div:nt-child(1)
{
	font-size:24px;
}

#footer-since 
{
	margin-top: -10px;
	font-style: italic;
}

#footer-fourth-row
{
	width:100vw;
	height:50px;
	background-color:#86BC42;
}

#footer-flag
{
	margin-bottom:20px;
}
/************************************************************************************************************/
/************************************************** FOOTER **************************************************/
/************************************************************************************************************/


/*******************************************************************************************************************************/
/************************************************** ONLINE AUDIO VISUAL BOOKS **************************************************/
/*******************************************************************************************************************************/
.online-audio-visual-book
{
	margin-bottom:50px;
	padding:50px;
	border:1px solid #999;
	border-bottom:6px solid #2D3E50;
	border-top-left-radius:5px;
	border-top-right-radius:5px;
	background:#f6f6f6;
	transition:all 0.5s ease;

    display:-ms-grid;
    display:grid;
    -ms-grid-columns:250px calc(100% - 250px);
    grid-template-columns:250px calc(100% - 250px);
}

.online-audio-visual-book:hover
{
	background:#fff;
	border-bottom:6px solid #86BC42;
	box-shadow:0 2px 20px rgba(34, 30, 31, 0.4);
}

.online-audio-visual-book-details
{
	padding:0 30px;
}

.online-audio-visual-book-buttons
{
	position:absolute;
	top:calc(100% - 25px);
	left:0;
	width:100%;
	height:50px;
	z-index:2;
}

.online-audio-visual-book-buttons button
{
	margin-right:20px;
	padding:20px 40px;
	border-radius:10px;
	transition:all 0.5s ease;

	display:-webkit-box !important;
	display:-ms-flexbox !important;
	display:flex !important;
	-webkit-box-align:center !important;
	-ms-flex-align:center !important;
	align-items:center !important;
	-webkit-box-pack:center !important;
	-ms-flex-pack:center !important;
	justify-content:center !important;
}

.online-audio-visual-book:hover .online-audio-visual-book-buttons button
{
	background-color:#86BC42;
}

.online-audio-visual-book-buttons button:hover
{
	background-color:#2D3E50 !important;
	transition:all 0.5s ease;
}

.online-audio-visual-book-details a
{
	text-decoration:underline;
	color:#2D3E50;
	font-size:16px;
	font-weight:bold;
	transition:all 0.5s ease;
}

.online-audio-visual-book:hover .online-audio-visual-book-details a
{
	color:#86BC42;
}

.online-audio-visual-book-details a:hover
{
	color:#2D3E50 !important;
	transition:all 0.5s ease;
}
/*******************************************************************************************************************************/
/************************************************** ONLINE AUDIO VISUAL BOOKS **************************************************/
/*******************************************************************************************************************************/

/********************************************************************************************************************************/
/************************************************** ONLINE AUDIO VISUAL PRICES **************************************************/
/********************************************************************************************************************************/
.online-audio-visual-books-choices-level
{
	margin-bottom:100px;
}

.online-audio-visual-books-choices
{
	height:50px;
    display:-ms-grid;
    display:grid;
    -ms-grid-columns:calc(100% - 1050px) 150px 150px 150px 150px 150px 150px 150px;
    grid-template-columns:calc(100% - 1050px) 150px 150px 150px 150px 150px 150px 150px;
}

.online-audio-visual-books-choices.titles
{
	height:80px;
	border-top:1px solid rgba(0,0,0,1);
	border-bottom:1px solid rgba(0,0,0,1);
}

.online-audio-visual-books-choices.titles div.level
{
	font-size:20px;
}

.online-audio-visual-books-choices
{
	border-bottom:1px dashed rgba(0,0,0,0.25);
}

i.online-audio-visual-books-choice
{
	width:30px;
	height:30px;
	font-size:30px;
}

i.fa-check
{
	color:#86BC42;
	background-color:transparent;
}

/********************************************************************************************************************/
/************************************************** MEMBER SIGN IN **************************************************/
/********************************************************************************************************************/
#member-sign-container
{
	min-height:calc(100vh - 460px);
	margin-top:300px;
}

#sign-in-form
{
	padding:30px;
}

#sign-in-form fieldset
{
	margin-bottom:30px;
}

#sign-in-form fieldset input
{
	background-color:#fff;
	filter:none;
	transition:all 0.3s ease 0s;
}

#sign-in-form:hover fieldset input
{
	background-color:#f6f6f6;
}

#member-sign-in-close
{
	margin-top:5px;
	margin-right:5px;
	background-color:#2D3E50;
	border-radius:3px;
}
/********************************************************************************************************************/
/************************************************** MEMBER SIGN IN **************************************************/
/********************************************************************************************************************/

/**************************************************************************************************************/
/************************************************** MESSAGES **************************************************/
/**************************************************************************************************************/
#messages
{
	position:fixed;
	top:136px;
	left:30%;
	width:40%;
	padding:30px;
	background-color:#fff;
	box-shadow:0 1px 10px rgba(0, 0, 0, 0.5);
	z-index:99;

	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter:alpha(opacity=0);
	-webkit-transform:scaleY(0);
	transform:scaleY(0);
	-webkit-transform-origin:0 0 0;
	transform-origin:0 0 0;
	transition:all 0.6s ease 0s;
}

#messages.active 
{
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter:alpha(opacity=100);
    -webkit-transform:scaleY(1);
    transform:scaleY(1);
    z-index:99999;	
}


.error-mesage
{
	font-size:20px;
	width:100%;
	color:red;
}

.success-mesage
{
	font-size:20px;
	color:green;
}
/**************************************************************************************************************/
/************************************************** MESSAGES **************************************************/
/**************************************************************************************************************/


/*********************************************************************************************************************/
/************************************************** MEMEBER SIGN IN **************************************************/
/*********************************************************************************************************************/
#member-sign-in
{
	position:fixed;
	top:140px;
	left:20%;
	width:60%;
	padding-bottom:50px;
	background-color:#fff;
	box-shadow:0 2px 20px rgba(34, 30, 31, 0.4);
	z-index:999;

	opacity:0;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter:alpha(opacity=0);
	-webkit-transform:scaleY(0);
	transform:scaleY(0);
	-webkit-transform-origin:0 0 0;
	transform-origin:0 0 0;
	transition:all 0.6s ease 0s;
}

#member-sign-in.active
{
	opacity:1;
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter:alpha(opacity=100);
    -webkit-transform:scaleY(1);
    transform:scaleY(1);
    z-index:99999;
}

#member-sign-in-form
{

}

#member-sign-in-form
{
	padding:30px;
}

#member-sign-in-form fieldset
{
	margin-bottom:30px;
}

#member-sign-in-form fieldset input
{
	background-color:#fff;
	filter:none;
	transition:all 0.3s ease 0s;
}

#member-sign-in-error
{
	margin-top:40px;
	color:red;
	font-size:20px;
	text-align:center;
	
	opacity:0;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter:alpha(opacity=0);
	-webkit-transform:scaleY(0);
	transform:scaleY(0);
	-webkit-transform-origin:0 0 0;
	transform-origin:0 0 0;
	transition:all 0.6s ease 0s;	
}

#member-sign-in-error.active
{
	opacity:1;
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter:alpha(opacity=100);
    -webkit-transform:scaleY(1);
    transform:scaleY(1);
    z-index:99999;
}
/*********************************************************************************************************************/
/************************************************** MEMEBER SIGN IN **************************************************/
/*********************************************************************************************************************/


/******************************************************************************************************************/
/************************************************** HOW TO ORDER **************************************************/
/******************************************************************************************************************/
#how-to-order
{
	min-height:calc(100vh - 400px);
}

#how-to-order div
{
	margin-bottom:20px;
}

#how-to-order h1,
#how-to-order h5
{
	margin-bottom:0 !important;
}

#how-to-order p 
{
	white-space:pre-line;
	text-align:center;
	color: #4F4F4F;
	font-size: 20px;
}
/******************************************************************************************************************/
/************************************************** HOW TO ORDER **************************************************/
/******************************************************************************************************************/

/**********************************************************************************************************/
/************************************************** FAQS **************************************************/
/**********************************************************************************************************/
#faqs
{
	margin-bottom:100px;
}

.question 
{
	margin:20px;
	padding:50px;
	background:#f6f6f6 none repeat scroll 0 0;
	border:1px solid #2D3E50;
	border-bottom:4px solid #2D3E50;
	border-top-left-radius:5px;
	border-top-right-radius:5px;
	transition:all 0.3s ease 0s;
}

.question:hover
{
    background:#ffffff none repeat scroll 0 0;
    box-shadow:0 2px 20px rgba(34, 30, 31, 0.4);
    border-bottom:4px solid #86BC42;
}

.question div:first-child 
{
	color:#2d3e50;
	font-size:24px;
	white-space:pre-line;
	margin-bottom:10px;
}

.question div:nth-child(2)
{
	font-size:20px;
	white-space:pre-line;
	margin-bottom:10px;
}
/**********************************************************************************************************/
/************************************************** FAQS **************************************************/
/**********************************************************************************************************/

/**************************************************************************************************************************/
/************************************************** TERMS AND CONDITIONS **************************************************/
/**************************************************************************************************************************/
#terms-and-conditions
{
	min-height:calc(100vh - 400px);
}

#terms-and-conditions-container
{
    display:-ms-grid;
    display:grid;
    -ms-grid-columns:20% 70%;
    grid-template-columns:20% 70%;
}

#policy-links
{
    display:-ms-grid;
    display:grid;
    -ms-grid-rows:50px 50px 50px 50px;
    grid-template-rows:50px 50px 50px 50px;
}

#policy-links li a
{
	font-size:18px;
	color:#2D3E50;
}

#terms-and-conditions-container .col-1
{
	padding-top:30px;
}

#terms-and-conditions-container .col-2
{
	margin-left:100px;
}

.policy
{
	padding:30px;
	border-bottom:4px solid #2D3E50;
}

.policy:hover
{
    border-bottom:4px solid #86BC42;	
}
/**************************************************************************************************************************/
/************************************************** TERMS AND CONDITIONS **************************************************/
/**************************************************************************************************************************/

/**************************************************************************************************************/
/************************************************** WISHLIST **************************************************/
/**************************************************************************************************************/
#wishlist
{
	min-height:calc(100vh - 400px);
	transition:all 0.5s ease;
}

.wishlist-item
{
	padding:30px 50px;
	margin-bottom:30px;

    background:#f6f6f6 none repeat scroll 0 0;
    border:1px solid #999;
    border-bottom:5px solid #2D3E50;
    transition:all 0.3s ease 0s;

    display:-ms-grid;
    display:grid;
    -ms-grid-columns:260px auto;
    grid-template-columns:260px auto;
}

.wishlist-item button
{
	transition:all 0.3s ease 0s;
}

.wishlist-item.inactive
{
	opacity:0;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter:alpha(opacity=0);
	-webkit-transform:scaleY(0);
	transform:scaleY(0);
	-webkit-transform-origin:0 0 0;
	transform-origin:0 0 0;
	transition:all 0.6s ease 0s;
}

.desktop-wishlist-items-list-item
{
	transition:all 0.5s ease;
}

.desktop-wishlist-items-list-item.error
{
	background-color:rgba(255,0,0,0.5);
	transition:all 0.5s ease;
}

.desktop-wishlist-items-list-item.success
{
	background-color:rgba(0,255,0,0.5);
}

desktop-wishlist-items-list-item

#desktop-wishlist-items-error-message,
#desktop-wishlist-items-error-message-two
{
	color:red;
}

#desktop-wishlist-items-success-message
{
	color:green;
}

#desktop-wishlist-items-error-message,
#desktop-wishlist-items-error-message-two,
#desktop-wishlist-items-error-message-three,
#desktop-wishlist-items-success-message
{
	width:100%;

	=opacity:0;
	=-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	=filter:alpha(opacity=0);
	=-webkit-transform:scaleY(0);
	=transform:scaleY(0);
	=-webkit-transform-origin:0 0 0;
	=transform-origin:0 0 0;
	=transition:all 0.6s ease 0s;
}

#desktop-wishlist-items-error-message.active,
#desktop-wishlist-items-error-message-two.active,
#desktop-wishlist-items-error-message-three.active,
#desktop-wishlist-items-success-message.active
{
	padding-top:10px;
	padding-bottom:10px;

    =opacity:1;
    =-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    =filter:alpha(opacity=100);
    =-webkit-transform:scaleY(1);
    =transform:scaleY(1);
    =z-index:99999;	
}

#desktop-wishlist-items-error-message-three
{
	color:red;
}

#desktop-wishlist-items-sub-menu
{
	position:absolute;
	width:43%;
	top:64px;
	left:57%;
}

#desktop-wishlist-items-sub-menu li.active
{
	background-color:rgba(0,255,0,0.25);	
	transition:background-color 0s;
}

#no-wishlist-items.inactive
{
	display:none !important;
}

.desktop-wishlist-items-list-item
{
	margin-right:10px;
}

.remove-book-from-wishlist-form button,
.wishlist-item button
{
	margin-right:10px;
}

#wishlist-tag
{
	width:160px;
}

#wishlist-tag a
{
	height:100%;
    display:-ms-grid !important;
    display:grid !important;
    -ms-grid-columns:30px 80px 10px !important;
    grid-template-columns:30px 80px 10px !important;

    -ms-grid-columns:30px 80px !important;
    grid-template-columns:30px 80px !important;    
}

.wishlist-item-remove,
.wishlist-bundle-remove
{
	color:#2D3E50 !important; 
	background-color:transparent !important;
}

.wishlist-item-add-to-cart,
.wishlist-add-book-to-cart,
.wishlist-add-bundle-to-cart
{
	color:#2D3E4F !important;
	background-color:transparent !important;
}

.wishlist-message 
{
	position:absolute;
	top:0;
	left:0;
}
/**************************************************************************************************************/
/************************************************** WISHLIST **************************************************/
/**************************************************************************************************************/

/*****************************************************************************************************************/
/************************************************** BREADCRUMBS **************************************************/
/*****************************************************************************************************************/
#breadcrumbs
{
	position:absolute;
	left:10%;
	top:180px;
	width:80%;
	height:60px;
	padding:0 50px;
	border:1px solid #ccc;
	border-bottom:3px solid #2D3E50;
	background-color:#F8F8F8;
}

#breadcrumbs:hover
{
	border-bottom:3px solid #86BC42;
}

#breadcrumbs ul
{
	width:100%;
	height:100%;
}

#breadcrumbs ul li
{
	height:100%;
}

.breadcrumb 
{
	margin-right:10px;
	display:-ms-grid;
	display:grid;
	-ms-grid-columns:auto auto;
	grid-template-columns:auto auto;
}

.breadcrumb div
{
	height:100%;
	white-space:nowrap;
}

.breadcrumb i
{
	background-color:transparent;
	color:#86BC42;
}

.breadcrumb a
{
	color:#2D3E50;
	font-weight:bold;
}

.breadcrumb span
{
	color:#86BC42;
}
/*****************************************************************************************************************/
/************************************************** BREADCRUMBS **************************************************/
/*****************************************************************************************************************/

#html-templates
{
	display:none;
}


/****************************************************************************************************************/
/************************************************** CART ITEMS **************************************************/
/****************************************************************************************************************/
#cart-items-sub-menu
{
	position: absolute;
	top:75px;
	left:0;
	width:100%;
	border:1px solid rgba(0,0,0,0.5);
	padding-bottom:150px;
}

#cart-items-sub-menu h4
{
	position:absolute;
	top:0;
	left:0;
	width:100%;
}

#shopping-cart-down span:before
{
	content:'';
	position:absolute;
	left:-3px;
	top:calc(50% - 3px);
	width:6px;
	height:6px;
	background-color:#2D3E50;
	transform:rotate(135deg);
}

#cart-list-items-shopping-cart,
#shopping-cart-down
{
	transition:all 0.3s ease;  
}

#cart-items-sub-menu-tag div
{
	cursor:pointer;
}

#checkout-item
{
	position:absolute;
	top:calc(100% - 50px);
	left:2%;
	width:100%;
}

#shopping-cart-totals
{
	position:absolute;
	width:94%;
	left:2%;
	top:calc(100% - 130px);
}

#shopping-cart-totals div
{
	margin-bottom:3px;
	display:-ms-grid !important;
	display:grid !important;
	-ms-grid-columns:90% 10%;
	grid-template-columns:90% 10%;
}

#shopping-cart-totals div span
{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    -webkit-box-pack:end;
    -ms-flex-pack:end;
    justify-content:flex-end;
}

#cart-book-items,
#cart-bundle-items,
#wishlist-book-bundle-items
{
	width:100%;
	padding:10px 20px;
	margin-top:20px;

  	display: flex;
  	align-items: flex-start;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
}

#cart-book-items li,
#cart-bundle-items li
{
	margin-right:20px;
}

.cart-book-item,
.cart-bundle-item
{
	padding:5px;
	margin-bottom:10px;
	border-top:1px solid rgb(45,62,80);	
	border-bottom:1px solid rgb(45,62,80);	

	display:-ms-grid !important;
	display:grid !important;
	-ms-grid-columns:50px 60px auto 100px 100px 30px !important;
	grid-template-columns:50px 60px auto 100px 100px 30px !important;	
}

.cart-book-item.inactive,
.cart-bundle-item.inactive
{
	background-color:rgba(255,0,0,0.25);
}

.cart-book-item .col-2,
.cart-bundle-item .col-2
{
	display:-ms-grid !important;
	display:grid !important;

	-ms-grid-columns:1fr 1fr 1fr !important;
	grid-template-columns:1fr 1fr 1fr !important;
}

.cart-book-item .col-3,
.cart-bundle-item .col-3
{
	padding-left:10px;
}

.cart-book-item i.fa-plus,
.cart-book-item i.fa-minus,
.cart-bundle-item i.fa-plus,
.cart-bundle-item i.fa-minus
{
	height:15px;
	width:15px;
	font-size:10px;
	color:#2D3E50;
	background-color:transparent !important; 
	border:1px solid #2D3E50;
	border-radius:50%;	
}
/****************************************************************************************************************/
/************************************************** CART ITEMS **************************************************/
/****************************************************************************************************************/

/********************************************************************************************************************/
/************************************************** WISHLIST ITEMS **************************************************/
/********************************************************************************************************************/
#wishlist-items-sub-menu
{
	position: absolute;
	top:75px;
	left:0;
	width:100%;
	padding:0 30px;
	padding-bottom:10px;
	background-color:#fff;
	border:1px solid rgba(0,0,0,0.5);

	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter:alpha(opacity=0);
	-webkit-transform:scaleY(0);
	transform:scaleY(0);
	-webkit-transform-origin:0 0 0;
	transform-origin:0 0 0;
	transition:all 0.3s ease 0s;
}

#wishlist-items-sub-menu.active
{    
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)" !important;
    filter:alpha(opacity=100) !important;
    -webkit-transform:scaleY(1) !important;
    transform:scaleY(1) !important;
    z-index:999 !important;
}

#wishlist-items-sub-menu.show
{    
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)" !important;
    filter:alpha(opacity=100) !important;
    -webkit-transform:scaleY(1) !important;
    transform:scaleY(1) !important;
    z-index:999 !important;
}

.wishlist-book-item,
.wishlist-bundle-item
{
	height:60px;
	color:#333;
	margin-top:10px;
	margin-bottom:10px;
	border-top:1px solid rgba(0,0,0,0.25);
	border-bottom:1px solid rgba(0,0,0,0.25);
	transition:background-color 0.3s ease;

	display:-ms-grid !important;
	display:grid !important;
	-ms-grid-columns:50px calc(100% - 150px) 50px 50px !important;
	grid-template-columns:50px calc(100% - 150px) 50px 50px !important;	
}

.wishlist-book-item.remove,
.wishlist-bundle-item.remove
{
	background-color:rgba(255,0,0,0.5) !important;
}

.wishlist-book-item.inactive,
.wishlist-bundle-item.inactive
{
	background-color:rgba(255,0,0,0.25);
}

.wishlist-book-item,
.wishlist-bundle-item
{
	margin-right:30px;
}
/********************************************************************************************************************/
/************************************************** WISHLIST ITEMS **************************************************/
/********************************************************************************************************************/

/****************************************************************************************************************/
/************************************************** VIEW ORDER **************************************************/
/****************************************************************************************************************/
.order-item
{
	margin-bottom:20px;
	padding-bottom:20px;
	border-bottom:1px dashed rgba(0,0,0,0.5);
    display:-ms-grid;
    display:grid;
    -ms-grid-columns:15% 15% 40% 15% 15%;
    grid-template-columns:15% 15% 40% 15% 15%;
}

.order-item.borderless
{
	border:none;
}

.order-item.solid
{
	border-bottom:1px solid rgba(0,0,0,0.5) !important;
}

.order-item img
{
	width:50px;
	height:65px; 
}

.order-item-total
{
    display:-ms-grid;
    display:grid;
    -ms-grid-columns:1fr 1fr;
    grid-template-columns:1fr 1fr;	
}
/****************************************************************************************************************/
/************************************************** VIEW ORDER **************************************************/
/****************************************************************************************************************/

/************************************************************************************************************/
/************************************************** HOVERS **************************************************/
/************************************************************************************************************/
.has-sub-menu:hover i.fas.fa-caret-down
{
	margin-top:5px;
	color:#86BC42;
	transform:rotate(180deg);
}

.has-sub-menu:hover > .sub-menu 
{
    opacity:1;
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter:alpha(opacity=100);
    -webkit-transform:scaleY(1);
    transform:scaleY(1);
    z-index:999;	
}

#logo:hover > .sub-menu 
{
    opacity:1;
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter:alpha(opacity=100);
    -webkit-transform:scaleY(1);
    transform:scaleY(1);
    z-index:999;	
}

.blue-to-green-container:hover .blue-to-green-bg
{
	background-color:#86BC42 !important; 
}

.blue-to-green-container:hover .blue-to-green
{
	color:#86BC42 !important; 
}

.white-to-blue
{
	transition:color 0.3s ease;
}

#user-info > .white-to-blue-container
{
	cursor:pointer;
}

.white-to-blue-container:hover .white-to-blue
{
	color:#2D3E50 !important;
}

.white-to-blue-container:hover .white-to-blue-bg
{
	background-color:#2D3E50 !important;
}

.has-scale-x:hover .scale-x
{
    opacity:1;
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter:alpha(opacity=100);
    -webkit-transform:scaleX(1);
    transform:scaleX(1);
}

.hover-green.active
{
	background-color:rgba(134,188,66,0.5);
}

.hover-green:hover
{
	background-color:rgba(134,188,66,0.5);
}
/************************************************************************************************************/
/************************************************** HOVERS **************************************************/
/************************************************************************************************************/

.loader 
{
	display:none !important;
	position:absolute;
	top:0;
	left:0;
  	width:45px;
  	height:45px;
  	border-radius:5px;
}

.loader.active
{
  	display:block !important;
}

.loader-container
{
	position:absolute;
	top:10px;
	left:10px;
  	width:25px;
  	height:25px;
  	border:4px solid #f3f3f3; 
  	border-top:4px solid #2D3E50; 
  	border-radius: 50%;
  	animation: spin 2s linear infinite;
}

@keyframes spin 
{
  	0% { transform: rotate(0deg); }
  	100% { transform: rotate(360deg); }
}