.container-fluid{
	width: 96%;
}

.p-wrapper {
	position: relative;
	padding-bottom:120px;
	min-height: 100vh;
}
header{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
    z-index: 1;
}
footer{
	@extend header;
	top: initial;
	bottom: 0;
	background: #fff;

	.developed{
		img{
			margin: 10px 0;
			max-height: 40px;
		}
	}
}
.jazi-logo{
	position: relative;

	&:after{
		content: "";
		position: absolute;
		top: 0;
		left: 50%;
		border-top: 65px solid #fff;
		border-left: 30px solid transparent;
		border-right: 30px solid transparent;
		height: 0;
		width: 230px;
		transform: translate(-50%, 0);
		z-index: -1;
	}
}
.full-hero{
	height: 100vh;
    padding: 100px 0;
	position: relative;

	svg{
		position: absolute;
		top: 43%;
		left: 50.5%;
		transform: translate(-50%, -50%);

		@include mqx(t){
			transform: translate(-49%, -50%);
		}
	}
}
.button-container{
    background: #fff;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    margin: 23px 0 0;
}
.navbar-toggle{
	padding: 15px 12px;
	width: 50px;
	border: none;
	transition: .2s margin-top ease-in-out;
    background: #F4F4F4;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	@include trans;
	border: 1px solid #E0E0E0;

	&:hover,
	&:focus{
		background: none;
		outline: none;
		border-color: transparent;
	}

	.icon-bar {
		display: block;
		border-radius: 1px;
		background: $primaryColor;
		width: 25px;
		height: 2px;
		transition: .2s all ease-in-out;

		+ .icon-bar {
			margin-top: 6px;
		}
	}
	&[aria-expanded=true]{
		.icon-bar {
			&:nth-of-type(2) {
				transform: translateY(8px) rotate(45deg);
			}
			&:nth-of-type(3) {
				opacity: 0;
			}
			&:nth-of-type(4) {
				transform: translateY(-8px) rotate(-45deg);
			}
		}
	}
}
.back-arrow{
	@extend .navbar-toggle;
	padding: 13px;
	background: #F4F4F4;
	color: $primaryColor;
}
.pj{
    &.pj-small{
        .pj-img{
            height: 280px;
        }
        .pj-content{
            h2{
                font-size: 24px;
            }
        }
    }
    .pj-img{
        height: 340px;
    }
    .pj-content{
        h2{
            font-size: 44px;
            font-weight: bold;
			color: #fff;

		}
        p{
            font-size: 22px;
			color: #fff;
		}
    }
}
.navbar-collapse{
	margin-right: -14px;
}
.navbar-nav{
	margin-top: 20px;
	padding-left: 0;
	list-style: none;
	margin-left: auto;
	width: 80px;

	li{
		text-align: center;
		margin-top: 10px;

		&:first-of-type{
			margin-top: 0;
		}
		a{

		}
		span{
			font-weight: bold;
			color: #212121;
		}
	}
	.menu-icon{
		width: 50px;
		padding: 13px 0;
		background-color: #212121;
		-webkit-border-radius: 50%;
		-moz-border-radius: 50%;
		border-radius: 50%;
		text-align: center;

		svg{
			fill: #fff;
		}
	}
}