@font-face {
	font-family: 'Phenomena';
	src: url('/lib/fonts/Phenomena-Light.woff2') format('woff2'), url('/lib/fonts/Phenomena-Light.woff') format('woff');
	font-weight: 300;
	font-style: normal;
}
@font-face {
	font-family: 'Phenomena';
	src: url('/lib/fonts/Phenomena-Regular.woff2') format('woff2'), url('/lib/fonts/Phenomena-Regular.woff') format('woff');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'Phenomena';
	src: url('/lib/fonts/Phenomena-Bold.woff2') format('woff2'), url('/lib/fonts/Phenomena-Bold.woff') format('woff');
	font-weight: bold;
	font-style: normal;
}
/*    --------------------------------------------------
	:: common
	-------------------------------------------------- */
body {
	font-family: 'Phenomena';
	font-size: 24px;
	font-weight: normal;
}

@media (max-width: 575.98px) {
body {
	font-size: 20px;
}
}
ol, ul, li {
	margin: 0;
	padding: 0;
}
a:hover {
	text-decoration: none;
}
:focus {
	outline: 0;
}
li {
	list-style-type: none;
}
::-moz-selection {
 background: #8067ab;
 color: #FFFFFF;
}
/* PDF document links */
a[href$='.pdf']:before {
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	content: "\f1c1";
	color: #D32F2F;
	display: inline-block;
	font-style: normal;
	font-variant: normal;
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
	margin-right: 8px;
}
/* Word Document Links */
a[href$='.doc']:before, a[href$='.docx']:before, a[href$='.rtf']:before, a[href$='.wps']:before, a[href$='.txt']:before {
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	content: "\f1c2";
	color: #D32F2F;
	display: inline-block;
	font-style: normal;
	font-variant: normal;
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
	margin-right: 8px;
}
/* Excel Document Links */
a[href$='.xls']:before, a[href$='.odt']:before, a[href$='.xlsx']:before {
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	content: "\f1c3";
	color: #D32F2F;
	display: inline-block;
	font-style: normal;
	font-variant: normal;
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
	margin-right: 8px;
}
/* PowerPoint Document Links */
a[href$='.ppt']:before, a[href$='.pot']:before, a[href$='.pps']:before {
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	content: "\f1c4";
	color: #D32F2F;
	display: inline-block;
	font-style: normal;
	font-variant: normal;
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
	margin-right: 8px;
}
iframe {
	width: 100%;
}

@media(min-width:768px) {
.container {
	max-width: 760px
}
}

@media(min-width:992px) {
.container {
	max-width: 980px
}
}

@media(min-width:1200px) {
.container {
	max-width: 1190px
}
}

@media(min-width:1400px) {
.container {
	max-width: 1380px
}
}

@media(min-width:1800px) {
.container {
	max-width: 1764px
}
}
.form-control {
	font-size: 24px;
}

@media (max-width: 575.98px) {
.form-control {
	font-size: 20px;
}
}
.btn-group-lg > .btn, .btn-lg {
	font-size: 30px;
}

@media (max-width: 575.98px) {
.btn-group-lg > .btn, .btn-lg {
	font-size: 20px;
}
}
/* define colors  */

.text-primary {
	color: #8067ab !important
}
.text-secondary {
	color: #86caba !important
}
.bg-primary {
	background-color: #8067ab !important
}
.bg-secondary {
	background-color: #69bda9 !important
}
.bg-dark {
	background-color: #a8aec1 !important
}
/*    --------------------------------------------------
	:: header 
	-------------------------------------------------- */
	
.icon-bar {
	width: 22px;
	height: 2px;
	background-color: #8067AB;
	display: block;
	transition: all 0.2s;
	margin-top: 4px
}
.navbar-toggler {
	border: none;
	background: transparent !important;
}
.navbar-toggler .top-bar {
	transform: rotate(45deg);
	transform-origin: 10% 10%;
}
.navbar-toggler .middle-bar {
	opacity: 0;
}
.navbar-toggler .bottom-bar {
	transform: rotate(-45deg);
	transform-origin: 10% 90%;
}
.navbar-toggler.collapsed .top-bar {
	transform: rotate(0);
}
.navbar-toggler.collapsed .middle-bar {
	opacity: 1;
}
.navbar-toggler.collapsed .bottom-bar {
	transform: rotate(0);
}
.navbar-brand img {
	height: 117px;
}

@media (max-width: 767.98px) {
.navbar-brand img {
	height: 35px;
}
}
.navbar-expand-lg .navbar-nav .nav-link {
	padding-right: 1rem;
	padding-left: 1rem;
}
.navbar-light .navbar-nav .nav-link {
	color: rgba(0,0,0,1);
	text-transform: uppercase;
}
.navbar-light .navbar-nav .active > .nav-link, .navbar-light .navbar-nav .nav-link.active, .navbar-light .navbar-nav .nav-link.show, .navbar-light .navbar-nav .show > .nav-link {
	border-bottom: 7px solid #8067ab
}
.navbar-light .navbar-nav .nav-link:focus, .navbar-light .navbar-nav .nav-link:hover {
	color: #8067ab !important
}
.navbarsocials {
	font-size: 1.5em;
}

@media (max-width: 991.98px) {
.navbarsocials {
	display: none;
}
}
/*    --------------------------------------------------
	:: home 
	-------------------------------------------------- */


.ht1 {
	font-size: 76px;
	width: 80%;
}

@media(min-width:1800px) {
.ht1 {
	font-size: 90px;
}
}

@media (max-width: 767.98px) {
.ht1 {
	font-size: 48px;
}
}

@media (max-width: 575.98px) {
.ht1 {
	font-size: 36px;
}
}
.ht2 {
	font-size: 76px;
	width: 40%;
}

@media(min-width:1800px) {
.ht2 {
	font-size: 90px;
}
}

@media (max-width: 767.98px) {
.ht2 {
	font-size: 48px;
}
}
.ht3 {
	font-size: 122px;
}

@media (max-width: 767.98px) {
.ht3 {
	font-size: 64px;
}
}
.logohome {
	position: absolute;
	right: 0;
	bottom: -160px;
	width: 300px;
}
.box8 .icon, .box8 .title {
	margin: 0;
	position: absolute
}
.box8 {
	position: relative;
	overflow: hidden
}
.box8 img {
	width: 100%;
	height: auto
}
.box8 .box-content {
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,.8);
	opacity: 0;
	position: absolute;
	top: 0;
	left: 0;
	transform: perspective(400px) rotateX(-90deg);
	transform-origin: center top 0;
	transition: all .5s ease 0s
}
.box8:hover .box-content {
	opacity: 1;
	transform: perspective(400px) rotateX(0)
}
.box8 .title {
	bottom: 20px;
	left: 20px;
	right: 20px;
	transition: all .9s ease 0s;
	font-size: 24px;
}
.box8:hover .title {
	bottom: -110px
}
.box8 .icon {
	padding: 0;
	top: 30px;
	left: 0;
	right: 0
}

/*    --------------------------------------------------
	:: products 
	-------------------------------------------------- */

@media (max-width: 991.98px) {
.card-columns {
	column-count: 2;
}
}

@media (max-width: 575.98px) {
.card-columns {
	column-count: 1;
}
}
/*    --------------------------------------------------
	:: Cookies Bar 
	-------------------------------------------------- */


#cookie-bar {
	background: #111111;
	height: auto;
	line-height: 24px;
	color: #eeeeee;
	text-align: center;
	padding: 3px 0;
	position: fixed;
	bottom: 0;
	left: 0;
	width: 100%;
	z-index: 9999
}
#cookie-bar.fixed {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
}
#cookie-bar.fixed.bottom {
	bottom: 0;
	top: auto;
}
#cookie-bar p {
	margin: 0;
	padding: 0;
}
#cookie-bar a {
	color: #ffffff;
	display: inline-block;
	border-radius: 0;
	text-decoration: none;
	padding: 0 6px;
	margin-left: 8px;
	text-transform: uppercase
}
#cookie-bar .cb-enable {
	background: #8067ab;
}
#cookie-bar .cb-disable {
	background: #990000;
}
#cookie-bar .cb-policy {
	background: #86caba;
}
/* ==========================================================
        scroll to top css
   ==========================================================*/


.scrolltop {
	display: none;
	width: 100%;
	margin: 0 auto;
	position: fixed;
	bottom: 50px;
	right: 20px;
}

@media (max-width: 575.98px) {
.scrolltop {
	bottom: 10px;
}
}
.scroll {
	position: absolute;
	right: 20px;
	bottom: 30px;
	text-align: center;
	margin: 0 0 0 0;
	cursor: pointer;
	transition: 0.5s;
	-moz-transition: 0.5s;
	-webkit-transition: 0.5s;
	-o-transition: 0.5s;
	border-radius: 50%;
	height: 36px;
	width: 36px;
	line-height: 36px;
}
.scroll:hover {
	background: #3c4246;
	transition: 0.5s;
	-moz-transition: 0.5s;
	-webkit-transition: 0.5s;
	-o-transition: 0.5s;
}
.scroll:hover .fas {
	padding-top: -10px;
}
.scroll .fas {
	font-size: 24px;
	transition: 0.5s;
	-moz-transition: 0.5s;
	-webkit-transition: 0.5s;
	-o-transition: 0.5s;
	color: #fff;
}