body
{
	font-family: Montserrat;
	color: #58595B;
}

@media (min-width: 1550px)
{
	.container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl 
	{
    	max-width: 1500px;
	}
}

a,a:Active,a:Visited
{
	text-decoration: none;
	color: #58595B;
}

a:Hover
{
	color: #78B52E;
}

a.link-green,
a.link-green:Active,
a.link-green:Visited
{
	color: #78B52E;
}

a.link-green:Hover
{
	color: #58595B;
}

#contents
{
	z-index: 10;
}

#loader
{
	z-index: 90;
	background-color: #FFF;
    position: absolute;
}

#currLoad
{
	z-index: 80;
	position: absolute;
	background-color: #FFF;
}

.text-small
{
	font-size: 14px;
}

.text-smaller
{
	font-size: 11px;
}

.text-white
{
	color: #FFF;
}

.text-dark-grey
{
	color: #58595B;
}

.bg-green
{
	background-color: #78B52E;	
}

.gotham
{
	font-family: Montserrat;
}

.arsenal
{
	font-family: Arsenal;
}

.text-right
{
	text-align: right;
}

.py-6
{
	padding-top: 100px;
	padding-bottom: 100px;
}



h1
{
	font-family: Arsenal;
	font-weight: 400;
}

#contact,#play,#career
{
	opacity: 0;
}

#nav-box
{
	display: none;
	z-index: 100;
	background-color: #FFF;
}

.nav-bar
{
	z-index: 20;
}

.nav a
{
	display: block;
	margin: 18px 0;
	text-align: right;
	color: #78B52E;
	font-size: 36px;
	font-family: Arsenal;
}

.nav a:hover
{
	color: #58595B;
}


input[type="text"],
input[type="email"]
{
	border: 0;
	border-bottom: solid 1px #F5F5F5;
	width: 100%;
	margin-bottom: 10px;
	font-size: 18px;
	color: #78B52E;
}

input[type="submit"]
{
	background-color: transparent;
	color: #78B52E;
	cursor: pointer;
	font-size: 18px;
	border: 0;
	padding: 0;
}

.logo
{
	position: relative;
}

.logo img
{	
	position: relative;
	z-index: 40;
}

.logo-square
{
	width: 44px;
	height: 44px;
	background-color: #78B52E;
	position: absolute;
	z-index: 20;
	opacity: 0;
	top: -9px;
	left: -2px;
	transition: all 0.3s;
	transform: scale(0);
}

.logo:hover .logo-square
{
	opacity: 1;
	transform: scale(1);
}

.menu
{
	position: absolute;
	top: 5px;
	right: 0px;
	height: 24px;
	width: 40px;
	cursor: pointer;
}

.menu .burger
{
	position: relative;
	display: block;
	border-top: solid 2px #78B52E;
	line-height: 8px;
	margin: 5px 0;
	width: 22px;
	height: 2px;
	z-index: 40;
}

.menu .burger-circle
{
	border-radius: 20px;
	width: 40px;
	height: 40px;
	background-color: #FFF;
	position: absolute;
	top: -11px;
	right: 9px;
	z-index: 20;
	opacity: 0;
	transition: all 0.3s;
	transform: scale(0);
}

.menu:hover .burger-circle
{
	opacity: 1;
	transform: scale(1);
}

.nav-text p
{
	font-size: 17px;
}

.work-nav
{
	border: solid 1px #58595B;
	border-radius: 25px;
	padding: 5px 20px;
	display: inline-block;
	margin: 0 15px 10px 0;
	font-size: 20px;
	transition: all 0.2s ease-in;
}

.work-nav.active,
.work-nav:Hover
{
	border-color: #78B52E;
	color: #78B52E;
}

#play-carousel-desktop .carousel-inner,
#play-carousel-mob .carousel-inner
{
	border-radius: 75px;
}

#play-carousel-desktop .carousel-inner
{
	max-width: 267px;
	max-height: 283px;
}

/*
@media (min-width: 1400px)
{
	#play-carousel-desktop .carousel-inner
	{
		width: 334px;
		height: 345px;
	}
}
*/

.we-circle
{
	margin: auto auto 70px auto;
	width: 200px;
	height: 200px;
	border-radius: 100px;
	border: solid 1px #FFF;
	padding-top: 80px;
	position: relative;
	overflow: hidden;
}

.we-circle a
{
	color :#FFF;
	text-decoration: none;
}

.we-circle:hover
{
	transition: all 0.3s;
	border: 0;
}

.we-circle:hover .feature
{
	opacity: 1;
	-webkit-transform: scale(1.15);
	-moz-transform: scale(1.15);
	-o-transform: scale(1.15);
	-ms-transform: scale(1.15);
	transform: scale(1.15);
}

.we-circle .feature
{
	transition: all 0.4s;
	opacity: 0;
	position: absolute;
	top: 0;
	left: 0;
	border-radius: 100px;
}

.item .box {
	text-align:left;
	position:relative;
	overflow:hidden;
	cursor: pointer;
	}

.item .cover {
	position:absolute;
	pointer-events: none;
	font-family: Montserrat;

	top:0;
	left:0;
	width:100%;
	height:100%;

	background-color:rgba(217, 217, 217, 0.8);
	transition:opacity 0.15s ease-in;
	opacity:0;
	color:#333;

	padding: 22px;
}

.item .cover.cover-blue
{
	background-color: rgba(12, 105, 195, 0.8);
 	color: #FFF;
}

.item .cover.cover-brown
{
	background-color: rgba(196, 130, 64, 0.8);
 	color: #FFF;
}

.item .cover.cover-black
{
	background-color: rgba(16, 15, 13, 0.8);
 	color: #FFF;
}

.item .cover.cover-green
{
	background-color: rgba(40, 140, 58, 0.8);
 	color: #FFF;
}

.item .cover.cover-orange
{
	background-color: rgba(232, 114, 0, 0.8);
 	color: #FFF;
}

.item .cover.cover-purple
{
	background-color: rgba(166, 19, 222, 0.8);
 	color: #FFF;
}

.item .cover.cover-red
{
	background-color: rgba(237, 24, 70, 0.8);
 	color: #FFF;
}

.item .cover.cover-yellow
{
	background-color: rgba(253, 216, 39, 0.8);
 	color: #222;
}


.item img
{
	width: 100%;
}

.item:hover .cover {
  opacity:1;
}

.item img
{
	transition: all 0.2s ease-out;
}

.item:hover img
{
	-webkit-transform: scale(1.15);
	-moz-transform: scale(1.15);
	-o-transform: scale(1.15);
	-ms-transform: scale(1.15);
	transform: scale(1.15);
}

.item .name {
  	margin-bottom: 6px;
  	font-weight: bold;
	font-size: 18px;
}

.item .title {
	font-size: 13px;
}

#home-carousel .carousel-item img
{
	transition: all 0.2s ease-out;
}

#home-carousel .carousel-item:hover img
{
	-webkit-transform: scale(1.07);
	-moz-transform: scale(1.07);
	-o-transform: scale(1.07);
	-ms-transform: scale(1.07);
	transform: scale(1.07);
}


#item-carousel {
  margin-left: 50px;
  margin-right: 50px;
}

#item-carousel-mob {
  margin-left: 30px;
  margin-right: 30px;
}

#item-carousel .carousel-control-prev
{
	left: -140px;
	position: absolute;
}


#item-carousel-mob .carousel-control-prev{
	margin-left: 0;
	left: -50px;
	position: absolute;
}

#item-carousel .carousel-control-prev-icon,
#item-carousel-mob .carousel-control-prev-icon {
	margin-top: 57px;	
	background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23333'%3e%3cpath d='M11.354 1.646a.5.5 0 0 1 0 .708L5.707 8l5.647 5.646a.5.5 0 0 1-.708.708l-6-6a.5.5 0 0 1 0-.708l6-6a.5.5 0 0 1 .708 0z'/%3e%3c/svg%3e");
}

#item-carousel .carousel-control-next
{
	margin-right: 0;
	right: -120px;
	position: absolute;
}

#item-carousel-mob .carousel-control-next
{
	margin-right: 0;
	right: -30px;
	position: absolute;
}

#item-carousel .carousel-control-next-icon,
#item-carousel-mob .carousel-control-next-icon {
	margin-top: 57px;	
	background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23333'%3e%3cpath d='M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e")
}

.footer
{
	color: #58595B;
}

.footer a,
.footer a:Active,
.footer a:Visited
{
	transition: color 0.2s ease-out;
	color: #58595B;
	text-decoration: none;
}

.footer a:Hover
{
	color: #78B52E;
}

@media (max-width: 768px)
{
	.home-items .item
	{
		margin-bottom: 20px;
	}

	.work-nav
	{
		font-size: 17px;
		padding: 5px 12px;
		margin: 0 10px 10px 0;
	}

	.nav a
	{
		font-size: 25px;
		margin: 6px 0;
	}

	input[type="text"],
	input[type="email"],
	input[type="submit"]
	{
		font-size: 14px;
	}
}

@media (min-width: 769px)
{
	.py-md-6
	{
		padding-top: 100px;
		padding-bottom: 100px;
	}
}