/****************************  Main Elements ***************************/
html					{box-sizing:border-box; font-size:62.5%; line-height:62.5%; -webkit-text-size-adjust:100%; -ms-text-size-adjust:100%;}/* 62.5% so each 0.1 rem is 1px */
*, *:before, *:after	{box-sizing:inherit;} /* Inherit box-sizing to make it easier to change */
body					{overflow-y:scroll; background-color:#000; color:#fff; height:100%; font-size:1.7rem; line-height:165%; direction:ltr; text-align:left; font-family:"Roboto", arial, helvetica, sans-serif; margin:0; padding:0;}
@media screen and (max-width: 767px) { /* mobile-view */
	body	{font-size:3.7vw; line-height:145%;}
}

h1, h2, h3	{padding:0; margin-top:0; display:block; color: #fc3; font-weight:800;}
h1						{font-size:7rem; line-height:115%; margin-bottom:40px; color: #fc3;}
h2						{font-size:4rem; line-height:125%; margin-bottom:30px; color: #fc3;}
h3						{font-size:3rem; line-height:135%; font-weight:600; margin-bottom:25px; color: #fc3;}

@media screen and (max-width: 767px) { /* mobile-view */
	h1	{font-size:9vw; margin-bottom:5vw;}
	h2	{font-size:6.5vw; margin-bottom:4vw;}
	h3	{font-size:5vw; margin-bottom:3vw;}
}

p				{padding:0; margin-top:0; font-size:inherit;}

ul				{padding:0px 0px 0px 30px; margin:0px 0px 20px 0px; font-size:inherit;}
ol				{padding:0px 0px 0px 30px; margin:0px 0px 20px 0px; font-size:inherit;}
ul li			{padding:0; margin:0 0 8px 0; font-size:inherit; list-style:disc;}
ol li			{padding:0px 0px 0px 5px; margin:0 0 8px 0; font-size:inherit; list-style:decimal;}
ol ul li		{list-style:disc; padding-left:0;}
ul ul, ul ol, ol ol, ol ul	{margin:8px 0px 0px 0px;}

@media screen and (max-width: 767px) { /* mobile-view */
	ul				{padding:0px 0px 0px 7vw; margin:0px 0px 5vw 0px;}
	ol				{padding:0px 0px 0px 7vw; margin:0px 0px 5vw 0px;}
	ul li			{margin:0 0 2vw 0;}
	ol li			{padding:0px 0px 0px 1.3vw; margin:0 0 2vw 0;}
	ul ul, ul ol, ol ol, ol ul	{margin:2vw 0px 0px 0px;}
}

table					{font-size:inherit; line-height:inherit;}
td						{font-size:inherit;}
hr						{height:1px; width:100%; border:0; border-top:1px solid #cbcbcb; background-color:transparent; margin-bottom:15px; box-sizing:border-box;}
img						{display:block; max-width:100%; height:auto; border:0; padding:0; margin:0; -ms-interpolation-mode:bicubic;}
video					{display:block; max-width:100%; height:auto; border:0; padding:0; margin:0;}
figure					{margin:0;}
figure img				{display:blocl;}
figcaption				{text-align:center; padding-top:8px;}
b, strong				{font-weight:bolder;}

@media screen and (max-width: 767px) { /* mobile-view */
	hr				{height:0.26vw; border-width:0.26vw; margin-bottom:4vw;}
	figcaption		{padding-top:2vw;}
}

a						{color:#fff; text-decoration:underline; background-color:transparent; -webkit-tap-highlight-color:rgba(103,199,245,0.4);}
a:hover					{text-decoration:none; color:#fff;}
a:active, a:focus		{}

button.button {
	padding: 0.5em 1.2em 0.47em 1.2em;
	height: auto;
	line-height: normal;
	display: block;
	font-size: 3.6rem;
	white-space: nowrap;
	background: #04c342;
	color: #fff;
	text-align: center;
	border-style: none;
	font-weight: 700;
	text-transform: uppercase;
	margin: 0 auto;
	vertical-align: top;
	border: 0;
	cursor: pointer;
	-webkit-appearance: button;
	box-sizing: border-box;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-o-transition: all 0.5s;
	-ms-transition: all 0.5s;
	transition: all 0.5s;
}
button.button:hover,
button.button:active,
button.button:focus	 {background:#038a2f; color:#fff;}
@media screen and (max-width: 767px) { /* mobile view */
	button.button	{font-size:6vw; padding:3.3vw 8vw 2.4vw 8vw; font-weight:700;}
} 

button.offer-but {
	background: #fe0000;
}
button.offer-but:hover,
button.offer-but:active,
button.offer-but:focus {
	background: #c80000;
}

/* relative size button */
@media screen and (max-width: 1600px) and (min-width: 991px) { 	
	button.relative		{font-size:2.4vw;}
} 
@media screen and (max-width: 990px) and (min-width: 768px) { 	
	button.relative		{font-size:2.8vw;}
} 

/* clean button */
button.clean			{background:transparent; padding:0; border:0; cursor:pointer;}
button.clean:hover		{background:transparent; padding:0;}

seperator {
	display: block;
    height: 18px;
    position: relative;
    background: url(/img/divider.png) no-repeat 50%;
}

seperator:after,
seperator:before {
    content: "";
    display: table;
    position: absolute;
    width: calc(50% - 26px);
    height: 2px;
    bottom: 8px;
    background-color: #82661c;
}

seperator:after {
    right: 0;
}

.yellow {
	color: #fc3;
}

/***********************************************************************/
.site-container		{position:relative; overflow:hidden;}

@media screen and (max-width: 767px) { /* mobile view */
	.site-container		{}
}

.full-size-row		{max-width:1920px; margin:0 auto;}
.area-wrapper		{width:95%; margin:0 auto;}

@media screen and (max-width: 767px) { /* mobile view */
	.area-wrapper		{width:92%;}
}

.beeliked-wrapper {
	
}

.beeliked-wrapper > div {
	aspect-ratio: 1.31115651285618;
}

@media screen and (max-width: 767px) { /* mobile view */
	.beeliked-wrapper > div {
		aspect-ratio: 0.3594735095675257;
	}
}

.content-main			{max-width:1610px; padding-top:60px;}
.content-section		{margin-bottom:50px; text-align: center;}
.content-section h2		{text-align:center;}
.content-section p		{}

@media screen and (max-width: 767px) { /* mobile view */
	.content-main		{padding-top:40px; margin-bottom:13vw;}
	.content-section	{margin-bottom:30px;}
}

.banner {
	margin-bottom: 30px;
}

@media screen and (max-width: 767px) { /* mobile view */
	.banner {
		
	}
}