@font-face {
  font-family: lato;
  src: url(/font/Lato-Regular.ttf);
}
@font-face {
  font-family: lato;
  src: url(/font/Lato-Bold.ttf);
  font-weight:bold;
}
@font-face {
  font-family: lato;
  src: url(/font/Lato-Black.ttf);
  font-weight:800;
}
@font-face {
  font-family: bitter;
  src: url(/font/Bitter-ExtraBold.ttf);
  font-weight:800;
}

	p, ul, ol
	{
		font-family:lato;
		font-size:1.5vw;
	}
	h4
	{
		font-family:lato;
		font-size:1.7vw;
		font-weight:800;
	}
	h2
	{
		font-family:bitter;
		font-size:3vw;
		font-weight:800;
	}
	h5
	{
		font-family:lato;
		font-size:1.5vw;
		font-weight:800;
	}
	h6
	{
		font-family:lato;
		font-size:1.3vw;
		font-weight:bold;
	}

	.vcontainer
	{
		width:100%;
		/*max-width:1200px;*/
		margin-left:auto;
		margin-right:auto;
	}
	.vfooter
	{
		font-size:1vw;
		min-height:5vw;
	}
	.vsticky
	{
		position: fixed;
		top: 0;
	}
	.vbookpages
	{
		font-size:1.3vw;
	}
	.vbookcover
	{
		width:100%;
		box-shadow: -5px -5px 10px rgb(0,0,0,0.2);
      		-moz-box-shadow: -5px -5px 10px rgb(0,0,0,0.2);
      		-webkit-box-shadow: -5px -5px 10px rgb(0,0,0,0.2);
      		-khtml-box-shadow: -5px -5px 10px rgb(0,0,0,0.2);
		vertical-align:baseline;
	}
	.vpanelimage
	{
		width:100%;
	}
	.vtc1
	{
		background-color:#9753A0;
	}
	.vtc2
	{
		background-color:#94B739;
	}
	.vtc3
	{
		background-color:#0DB8A6;
	}
	.vtc4
	{
		background-color:#EA8849;
	}
	.vtc5
	{
		background-color:#DE403F;
	}
	.vtc8
	{
		background-color:#FAFAFA;
	}
	.vtc9
	{
		background-color:#FFFFFF;
	}
	.vtc0
	{
		background-color:#000000;
	}
	.vtc9-f
	{
		color:#FFFFFF;
	}
	.vnavbutton-link
	{
		background-color:#9753A0;
		color:white!important;
		font-weight:bold;
		font-size:0.9rem!important;
		border-right:1px solid white;
		padding:0.75rem 1rem!important;
		box-shadow:0px 3px 0px #512C56;
		border-radius:20px 20px 20px 20px;
		text-align:center;
		text-decoration:none;
		text-transform: uppercase;
		letter-spacing:1px;
		transition: background-color 0.6s, box-shadow 0.6s;
	}
	.vnavbutton-link:hover
	{
		background-color:#EA8849;
		box-shadow:0px 3px 0px #AC4E14;
	}
	.vLevelAnchor
	{
		box-shadow:0px 10px 5px rgb(0,0,0,0.15) inset;
      		-moz-box-shadow: 0px 10px 5px rgb(0,0,0,0.15) inset;
      		-webkit-box-shadow: 0px 10px 5px rgb(0,0,0,0.15) inset;
      		-khtml-box-shadow: 0px 10px 5px rgb(0,0,0,0.15) inset;
	}
	.vlevel1menu
	{
		position:relative;
		background: rgb(107,31,74);
		background: linear-gradient(0deg, rgba(107,31,74,1) 25%, rgba(153,43,106,1) 50%, rgba(196,55,134,1) 100%);
		padding:1vw;
		color:#F0C8DF;
		border-bottom:0.3vw solid #4D1736;
		width:100%;
		margin-left:0%;
		transition:width 0.6s, margin-left 0.6s;
	}
	.vlevel1menu:hover
	{
		width:105%;
		margin-left:-2.5%;
	}
	.vlevel2menu
	{
		position:relative;
		background: rgb(113,130,12);
		background: linear-gradient(0deg, rgba(113,130,12,1) 25%, rgba(144,165,15,1) 50%, rgba(160,183,17,1) 100%);
		padding:1vw;
		color:#E4F484;
		border-bottom:0.3vw solid #535F09;
		width:100%;
		margin-left:0%;
		transition:width 0.6s, margin-left 0.6s;
	}
	.vlevel2menu:hover
	{
		width:105%;
		margin-left:-2.5%;
	}
	.vlevel3menu
	{
		position:relative;
		background: rgb(16,106,95);
		background: linear-gradient(0deg, rgba(16,106,95,1) 25%, rgba(21,141,127,1) 50%, rgba(25,172,156,1) 100%);
		padding:1vw;
		color:#A8F2E9;
		border-bottom:0.3vw solid #0B4942;
		width:100%;
		margin-left:0%;
		transition:width 0.6s, margin-left 0.6s;
	}
	.vlevel3menu:hover
	{
		width:105%;
		margin-left:-2.5%;
	}
	.vlevel4menu
	{
		position:relative;
		background: rgb(200,100,18);
		background: linear-gradient(0deg, rgba(200,100,18,1) 25%, rgba(234,118,22,1) 50%, rgba(237,138,57,1) 100%);
		padding:1vw;
		color:#F9D6B9;
		border-bottom:0.3vw solid #82410C;
		width:100%;
		margin-left:0%;
		transition:width 0.6s, margin-left 0.6s;
	}
	.vlevel4menu:hover
	{
		width:105%;
		margin-left:-2.5%;
	}
	.vlevel5menu
	{
		position:relative;
		background: rgb(175,25,25);
		background: linear-gradient(0deg, rgba(175,25,25,1) 25%, rgba(208,30,30,1) 50%, rgba(226,54,52,1) 100%);
		padding:1vw;
		color:#F5BDBD;
		border-bottom:0.3vw solid #6B0F0F;
		width:100%;
		margin-left:0%;
		transition:width 0.6s, margin-left 0.6s;
	}
	.vlevel5menu:hover
	{
		width:105%;
		margin-left:-2.5%;
	}
	.vshine
	{
		position:absolute;
		top:0px;
		left:0px;
		width:100%;
		height:2vw;
		/*background: rgb(255,255,255);
		background: linear-gradient(0deg, rgba(255,255,255,0) 0%, rgba(255,255,255,0.6) 100%);*/
	}
	.vsidemenulinker
	{
		text-decoration:none;
		color:inherit;
	}
	.vsidemenulinker:hover
	{
		color:inherit;
	}
	.vrgul li
	{
		padding-left: 2.5vw;
	}

@media only screen and (max-width: 767px)
{
	.vpmobile, .vumobile
	{
		font-size:2vh!important;
		text-align:center;
		padding:0px 1rem;
	}
	.vh2mobile
	{
		font-family:bitter;
		font-size:4vh!important;
		font-weight:800;
		padding:0px 1rem;
	}
	.vh4mobile
	{
		font-size:2.2vh!important;
		text-align:center;
		padding:0px 1rem;
	}
	.vh5mobile
	{
		font-size:2.0vh!important;
		text-align:center;
		padding:0px 1rem;
	}
	.vh6mobile
	{
		font-size:1.8vh!important;
		text-align:center;
		padding:0px 1rem;
	}
	.vbookpages
	{
		font-size:1.8vh;
		margin-bottom:8vh!important;
	}
	.vfooter
	{
		font-size:1.5vh;
		min-height:5vh;
	}
	.vtextlink
	{
		color:#054F48;
		font-weight:bold;
		text-decoration:none;
		transition:color 0.6s;
		text-transform:uppercase;
		letter-spacing:0.2vh;
		font-size:1.9vh;
		width:100%;
	}
	.vtextlink:hover
	{
		color:#512C56;
	}
	.vsitelogo
	{
		width:60px;
		max-width:60px;
	}
	.vmobilebg
	{
		background-image:url('/img/bg/mobile header bg2.webp');
		background-repeat:no-repeat;
		background-position:calc(-3vw + -3vh) 100%;
		background-size:calc(32vw + 32vh) calc(32vw + 32vh);
		background-color:#0DB8A6;
		position:relative;
		z-index:1;
	}
	.vluvet
	{
		background-color:#0DB8A6;
		width:100%;
		height:80px;
		margin-bottom:-80px;
	}
	.vhpanel1, .vhpanel2, .vhpanel3, .vhpanel4, .vhpanel5, .vhpanel6
	{
		width:100%;
		padding:25px 0px 50px 0px;
	}
	.nav-link
	{
		font-size:1.8vh!important;
		letter-spacing:-1px;
		font-family:lato;
		font-weight:bold;
	}
	.vdownloadblue
	{
		background-color:#3A58A4;
		color:white;
		font-family:lato;
		font-size:2vh;
		font-weight:bold;
		border-radius:4vh;
		padding:0.5vh 2vh;
		text-decoration:none;
		text-align:center;
		display:inline-block;
		width:20vh;
		transition:background-color 0.6s;
	}
	.vdownloadblue:hover
	{
		color:white;
		text-decoration:none;
		background-color:#2B4179;
	}
	.vdownloadred
	{
		background-color:#E63115;
		color:white;
		font-family:lato;
		font-size:2vh;
		font-weight:bold;
		border-radius:4vh;
		padding:0.5vh 2vh;
		text-decoration:none;
		text-align:center;
		display:inline-block;
		width:20vh;
		transition:background-color 0.6s;
	}
	.vdownloadred:hover
	{
		color:white;
		text-decoration:none;
		background-color:#B32811;
	}
	.vsboxes
	{
		width:100%;
		display:block;
		padding:0% 10%;
	}
	.vlookinside
	{
		width:80%;
		/*max-width:160px;*/
		margin-top:-30%;
		margin-right:-7%;
		vertical-align:baseline;
	}
}

@media only screen and (min-width: 768px)
{
	.vtextlink
	{
		color:#054F48;
		font-weight:bold;
		text-decoration:none;
		transition:color 0.6s;
		text-transform:uppercase;
		letter-spacing:0.2vw;
		font-size:1.4vw;
	}
	.vtextlink:hover
	{
		color:#512C56;
	}
	.vmobilebg
	{
		background-image:;
		background-repeat:no-repeat;
		background-position:centre top;
		background-size:cover;
		height:12.5vw;
		position:relative;
		z-index:1;
	}
	.vsitelogo
	{
		width:10vw;
	}
	.vsearchbar1
	{
		width:200px;
	}
	.vheropanel
	{
		width:100%;
		height:56.25vw;
		padding:0;
	}
	.vhpanel1, .vhpanel2, .vhpanel3, .vhpanel4, .vhpanel5, .vhpanel6
	{
		width:100%;
		padding:50px 0px;
		min-height:33.33vw;
	}
	.vssidemenu
	{
		width:100%;
		/*height:300px;*/
	}
	.vsboxes
	{
		width:32%;
		display:inline-block;
		vertical-align:top;
		padding:2.5%;
	}
	.vlookinside
	{
		width:80%;
		/*max-width:160px;*/
		margin-top:-40%;
		margin-right:-3%;
		vertical-align:baseline;
	}
	.vrgpanel1, .vrgpanel2, .vrgpanel3, .vrgpanel4
	{
		width:100%;
		height:400px;
		padding:0;
	}
	.vrgpanel5
	{
		width:100%;
		padding:0;
	}
	.vpppanel1, .vpppanel2, .vpppanel3
	{
		width:100%;
		height:400px;
		padding:0;
	}
	.vpppanel4
	{
		width:100%;
		height:500px;
		padding:0;
	}
	.vkfpanel1, .vkfpanel2, .vkfpanel3, .vkfpanel4
	{
		width:100%;
		height:400px;
		padding:0;
	}
	.vnavbutton
	{
		background-color:#0DB8A6;
		color:white!important;
		font-weight:bold;
		font-size:1.5vw!important;
		border-right:1px solid white;
		padding:1.2vw!important;
		box-shadow:0px 0.5vw 0px #0A8478;
		transition: background-color 0.6s, box-shadow 0.6s;
	}
	.vnavbutton-first
	{
		background-color:#0DB8A6;
		color:white!important;
		font-weight:bold;
		font-size:1.5vw!important;
		border-right:1px solid white;
		border-radius:1.5vw 0px 0px 1.5vw;
		padding:1.2vw!important;
		box-shadow:0px 0.5vw 0px #0A8478;
		transition: background-color 0.6s, box-shadow 0.6s;
	}
	.vnavbutton-last
	{
		background-color:#0DB8A6;
		color:white!important;
		font-weight:bold;
		font-size:1.5vw!important;
		border-radius:0px 1.5vw 1.5vw 0px;
		padding:1.2vw!important;
		box-shadow:0px 0.5vw 0px #0A8478;
		transition: background-color 0.6s, box-shadow 0.6s;
	}
	.vnavbutton:hover
	{
		background-color:#9753A0;
		box-shadow:0px 0.5vw 0px #512C56;
	}
	.vnavbutton-first:hover
	{
		background-color:#9753A0;
		box-shadow:0px 0.5vw 0px #512C56;
	}
	.vnavbutton-last:hover
	{
		background-color:#9753A0;
		box-shadow:0px 0.5vw 0px #512C56;
	}
	.vbookpanel1
	{
		/*width:300px;*/
	}
	.vbookpanel2
	{
		/*width:calc(100% - 300px);*/
	}
	.vdownloadblue
	{
		background-color:#3A58A4;
		color:white;
		font-family:lato;
		font-size:1.2vw;
		font-weight:bold;
		border-radius:2vw;
		padding:0.5vw 2vw;
		text-decoration:none;
		text-align:center;
		display:inline-block;
		width:19vw;
		transition:background-color 0.6s;
	}
	.vdownloadblue:hover
	{
		color:white;
		text-decoration:none;
		background-color:#2B4179;
	}
	.vdownloadred
	{
		background-color:#E63115;
		color:white;
		font-family:lato;
		font-size:1.2vw;
		font-weight:bold;
		border-radius:2vw;
		padding:0.5vw 2vw;
		text-decoration:none;
		text-align:center;
		display:inline-block;
		width:19vw;
		transition:background-color 0.6s;
	}
	.vdownloadred:hover
	{
		color:white;
		text-decoration:none;
		background-color:#B32811;
	}
}