@charset "utf-8";
/* CSS Document */
body {
}
@font-face {
	font-family: 'regular';
	font-style: normal;
	src: url(../../fonts/Akrobat-Regular.otf) format("opentype");
}
@font-face {
	font-family: 'bold';
	font-style: normal;
	src: url(../../fonts/Akrobat-Bold.otf) format("opentype");
}
@font-face {
	font-family: 'demo';
	font-style: normal;
	src: url(../../fonts/breakfastDEMO.otf) format("opentype");
}
body, html {
	margin: 0px;
	padding: 0px;
}
html {
	font-size: 2px;/*scroll-behavior: smooth;*//*-webkit-scroll-behavior: smooth;*/
}
[class*="col-"], .row, .container-fluid {
	padding: 0;
	margin: 0;
}
* {
	padding: 0;
	margin: 0;
}
.logo {
	position: fixed;
	display: block;
	margin: 3% 0 0 3%;
	z-index: 1000;
}
.content-box {
	position: relative;
	width: 100%;
	display: block;
	margin: 13% 0 0 0;
	padding: 0 3% 0 3%;
}
.footer-box {
	position: fixed;
	bottom: 2%;
	right: 3%;
	z-index: 1001
}
.footer-box img {
	width: 20px;
	position: relative;
	display: inline-block;
	margin: 0 7px 0 7px;
}
.side-menu {
	position: fixed;
	width: 0;
	height: 90%;
	top: 0;
	bottom: 0;
	right: 0;
	z-index: 1002;
	border-top-left-radius: 800px;
	border-bottom-left-radius: 800px;
	background: rgba(255,255,255,0.5);
	transition: width 0.2s cubic-bezier(0.1, 1.5, 1, 1);
}
.menu-btn {
	display: block;
	position: fixed;
	right: 3%;
	top: 3%;
	margin: 3px 0 0 0;
	z-index: 1003;
	transition: 0.3s;
}
.menu-btn a {
	display: block;
	text-decoration: none;
}
.side-menu-active {
	width: 25%;
}
.menu {
	position: absolute;
	display: block;
	top: 25%;
	left: 17%;
}
.menu a {
	position: relative;
	display: block;
	text-decoration: none;
	color: #000;
	font-family: demo;
	margin-top: 20px;
	font-size: 16rem;
	transition: 0.3s;
}
.menu a:hover {
	color: #4D4D4D;
}
.se-pre-con {
	position: fixed;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	z-index: 9999;
	background: url(../../../images/icons/loader_1.gif) center no-repeat rgba(0,0,0,0.5);
}
@keyframes scale-out {
 from {
 transform: scale(1)
}
 to {
 transform: scale(0)
}
}
@keyframes scale-in {
 from {
 transform: scale(0)
}
 to {
 transform: scale(1)
}
}
.desktop {
	display: block;
}
.mobile {
	display: none;
}

@media (min-width: 2660px) and (max-width: 2860px) {
.logo {
	margin: 3% 0 0 3%;
}
.logo {
	width: auto;
}
.footer-box img {
	width: 22px;
}
.side-menu-active {
	width: 30%;
}
.menu {
	top: 50%;
	margin-top: -265px;
	left: 18%;
}
.menu a {
	margin: 25px 0 25px 0;
	font-size: 22rem;
	letter-spacing: 2px;
}
.menu-btn {
	top: 5%;
}
.menu-btn img {
	width: 30px;
}
}

@media (min-width: 2361px) and (max-width: 2659px) {
.logo {
	margin: 3% 0 0 3%;
}
.logo {
	width: auto;
}
.footer-box img {
	width: 22px;
}
.side-menu-active {
	width: 30%;
}
.menu {
	top: 50%;
	margin-top: -265px;
	left: 18%;
}
.menu a {
	margin: 25px 0 25px 0;
	font-size: 20rem;
	letter-spacing: 2px;
}
.menu-btn {
	top: 5%;
}
.menu-btn img {
	width: 30px;
}
}

@media (min-width: 2160px) and (max-width: 2360px) {
.logo {
	margin: 3% 0 0 3%;
}
.logo {
	width: 200px;
}
.footer-box img {
	width: 22px;
}
.side-menu-active {
	width: 30%;
}
.menu {
	top: 30%;
	left: 18%;
}
.menu a {
	margin-top: 20px;
	font-size: 16rem;
	letter-spacing: 2px;
}
.menu-btn {
	top: 5%;
}
.menu-btn img {
	width: 30px;
}
}

@media (min-width: 1850px) and (max-width: 2159px) {
.logo {
	margin: 2% 0 0 3%;
}
.logo {
	width: 160px;
}
.footer-box img {
	width: 22px;
}
.side-menu-active {
	width: 25%;
}
.menu {
	top: 28%;
	left: 18%;
}
.menu a {
	margin-top: 20px;
	font-size: 14rem;
	letter-spacing: 1px;
}
}

@media (min-width: 1600px) and (max-width: 1849px) {
.logo {
	margin: 2% 0 0 3%;
}
.logo {
	width: 150px;
}
.footer-box img {
	width: 22px;
}
.side-menu-active {
	width: 25%;
}
.menu {
	top: 28%;
	left: 18%;
}
.menu a {
	margin-top: 20px;
	font-size: 14rem;
	letter-spacing: 1px;
}
}

@media (min-width: 1360px) and (max-width: 1599px) {
.logo {
	margin: 2% 0 0 3%;
}
.logo {
	width: 150px;
}
.footer-box img {
	width: 22px;
}
.side-menu-active {
	width: 30%;
}
.menu {
	top: 28%;
	left: 18%;
}
.menu a {
	margin-top: 20px;
	font-size: 14rem;
	letter-spacing: 1px;
}
}

@media (min-width: 1200px) and (max-width: 1359px) {
.logo {
	margin: 3% 0 0 3%;
}
.logo {
	width: 140px;
}
.footer-box img {
	width: 22px;
}
.side-menu-active {
	width: 36%;
}
.menu {
	top: 28%;
	left: 18%;
}
.menu a {
	margin-top: 20px;
	font-size: 14rem;
}
}

@media (min-width: 1024px) and (max-width: 1199px) {
.logo {
	margin: 3% 0 0 3%;
	position: absolute;
}
.logo {
	width: 140px;
}
.footer-box img {
	width: 22px;
}
.side-menu-active {
	width: 50%;
}
.menu {
	top: 28%;
	left: 18%;
}
.menu a {
	margin-top: 20px;
	font-size: 14rem;
}
}

@media (min-width: 769px) and (max-width: 1023px) {
.logo {
	margin: 5% 0 0 3%;
	position: absolute;
}
.logo {
	width: 140px;
}
.footer-box img {
	width: 22px;
}
.side-menu-active {
	width: 50%;
}
.menu {
	top: 30%;
	left: 18%;
}
.menu a {
	margin-top: 15px;
	font-size: 14rem;
}
}

@media (min-width: 600px) and (max-width: 768px) {
.logo {
	margin: 5% 0 0 3%;
	position: absolute;
}
.logo {
	width: 140px;
}
.footer-box img {
	width: 22px;
}
.side-menu-active {
	width: 75%;
}
.menu {
	top: 31%;
	left: 20%;
}
.menu a {
	margin-top: 15px;
	font-size: 12rem;
}
}

@media (min-width: 480px) and (max-width: 599px) {
.logo {
	margin: 5% 0 0 3%;
	position: absolute;
}
.logo {
	width: 120px;
}
.footer-box img {
	width: 22px;
}
.side-menu-active {
	width: 75%;
}
.menu {
	top: 31%;
	left: 20%;
}
.menu a {
	margin-top: 15px;
	font-size: 11rem;
}
}

@media (min-width: 320px) and (max-width: 479px) {
.logo {
	margin: 5% 0 0 3%;
	position: absolute;
}
.logo {
	width: 122px;
}
.footer-box img {
	width: 22px;
}
.side-menu-active {
	width: 75%;
}
.menu {
	top: 50%;
	height: 275px;
	left: 20%;
	margin-top: -137.5px;
}
.menu a {
	margin: 15px 0 15px 0;
	font-size: 10rem;
}
}