body{
	font-family: 'Montserrat'!important;
	width:100%;
	margin:0px;
}
.fp-section {
    position: relative;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.fp-section.fp-table, .fp-slide.fp-table {
    display: table;
    width: 100%;
}
.fp-tableCell {
    display: table-cell;
    vertical-align: top;
    width: 100%;
    height: 100%;
}		
.logo{
	padding:50px 0px 20px;
}
#toggle{
	position: absolute;
	z-index: 99;
	right: 10%;
	top: 11%;
}
#toggle svg{
	width: 65%;
}
#section1{
	background-image: url('../images/bg/Landing\ \(1\).png');
	background-size:100% 100%;
}
#section1 h1{
	font-size: 45px;
	font-weight: 600;
	letter-spacing: 4px;
	padding: 15% 15px 0px;
	color: #fff;
	text-align: center;
	text-transform: uppercase;
}
#section1 .AboutLink{
	float:right;
	margin-right:18%;
}
#section1 .AboutLink img{
	width:25%;
}
#section1 .AboutLink a{		   
	font-size: 18px;
	color: white;
	letter-spacing: 1px;
	text-decoration: none;
	text-transform: uppercase;
	margin: -5px 15px;
	display: inline-block;
	vertical-align: bottom;
}
#section2{
	background-image: url('../images/bg/Services\ \(1\).png');
	background-position: center;	
	background-size:100%;
}
#section3{
	background-image: url('../images/bg/brand_bg.png');
	background-position: center;	
	background-size:100%;
}
.heading {
	padding:40px 0px 25px;	
}
.heading img{
	width:10%;
}
.heading h2{
	display:inline-block;
	vertical-align:text-top;
	font-size: 45px;
	font-weight: 600;
	letter-spacing: 4px;
	padding: 0px 15px;
	color: #fff;
	text-align: center;
	text-transform: uppercase;
	
}
#section2 svg, #section3 svg, #section4 svg{
	width:50%;
}
#section2 .ImgHovereffect, #section3 .ImgHovereffect{
	text-align:center;
	padding:15px 0px 50px;
}
#section2 .ImgHovereffect h2, #section3 .ImgHovereffect h2 {
	font-size: 24px;
	padding: 10px 0px;
	color: #fff;
	font-weight: 600;
	letter-spacing: 2px;
	text-transform: uppercase;
}
#section2 .ImgHovereffect:hover h2,#section3 .ImgHovereffect:hover h2{						
	color: #fff100;
}
#section2 .ImgHovereffect img, #section3 .ImgHovereffect img{
	width:25%;
	height: 75px;
}
#section2 .ImgHovereffect:hover img, #section3 .ImgHovereffect:hover img{
	filter: invert(25%) sepia(44%) saturate(923%) hue-rotate(360deg) brightness(108%) contrast(103%);
}


#section4{
	background-image: url('../images/bg/Work.png');
	background-position: center;	
	background-size:100%;
}
#section4 .heading img{
	width:10%;
	filter: invert(100%) sepia(0%) saturate(0%) hue-rotate(154deg) brightness(94%) contrast(104%);
}
#section4 .heading h2{
	color:#111;
}
#section4 .col-md-3{
	text-align:center;
}
#section4 img {
	width: 50%;
	margin: 10px auto;
}
#section4 .MenuSlide img{
	width:100%;
}

#section5{
	background-image: url('../images/bg/Contact.png');
	background-size:100% 100%;
}
#section5 .text {
	padding: 45px 125px 35px 30px;
}
#section5 p {
	color: #fff;
	font-size: 18px;
	font-weight: 600;
	letter-spacing: 1px;
}
#section5 form{
	padding:10px 20px;
}
#section5 .form-group{
	margin-bottom:0.5rem;
}
#section5 .form-control{
	color: #fff;
	height: calc(1.5em + .75rem + 0px);
	border-radius:0px;
	border: 2px solid #ced4da;
	background-color: transparent;
}
#section5 textarea{
	height: auto!important;
}
#section5 label{
	color:#fff;
	font-size:12px;
	font-weight:600;
	letter-spacing:1px;
	margin-bottom: .2rem;
	text-transform:uppercase;
}
#section5 .btn{
	border: 2px solid #ced4da;
	border-radius: 0px;
	padding: 5px 30px;
	color: white;
	letter-spacing:1px;
	font-weight: 600;
}
.SocialIcons{
	padding:10px 30px;
}
.SocialIcons a {
	color: #fff;
	padding: 10px 15px;
}
.SocialIcons a{
	color:#fff;
}
.copyright{
	padding:45px 30px;			
}
.copyright p{
	text-transform: uppercase;
	font-size: 15px!important;		
}
.copyrightbottom{
	display:none;
}
#section6{
	background:#940819;
}
#section6 p{
	color:#fff;
	font-size:22px;
	line-height: 1.8em;
}
#section6 .MobileView{
	display:none;
}
.readmore,.readmore:hover{
	color:white;
	text-decoration: none;
}
#CloseButton {
	color:white;
	position: absolute;
	right: 10%;
	top: 55px;
	font-size: 35px;
	display: none;
	-webkit-transition: transform 1.5s;
	transition: transform 0.5s;
}
.menuOverlay {
	background: #000000;
	width: 100%;
	height: 100%;
	position: fixed;
	top: 0;
	right: 0;
	z-index: 99999;
	opacity: 0;
	display: none;
	-webkit-transition: all 300ms ease-in-out;
	transition: all 300ms ease-in-out;
}	
.menuitemWrapper {
	text-align: center;
	padding: 10% 35%;
}
.menuitemWrapper ul {
	list-style: none;
	color: white;
	padding-left: 0px;
}

.menuitemWrapper ul li{
	text-transform: uppercase;
	font-size: 28px;
	letter-spacing: 2px;
	font-weight: 900;
	padding: 10px 0px;
}
.menuitemWrapper ul li a{
	color:#fff;
	text-decoration:none;
}
.menuitemWrapper ul li a:hover{
	color:#fff100;
}
.MenuSlide{
	position: absolute;
	z-index: 99;
	left: 48%;
	right: 48%;
	bottom: 2%;
}



.fullpage-wrapper .fp-section .fp-slidesContainer {
  width: 100% !important;
  -webkit-transform: none !important;
          transform: none !important;
}
.fullpage-wrapper .fp-section .fp-slidesContainer .fp-slide {
  width: 100% !important;
  position: absolute;
  left: 0;
  top: 0;
  visibility: hidden;
  opacity: 0;
  z-index: 0;
  transition: all 0.7s ease-in-out;
}
.fullpage-wrapper .fp-section .fp-slidesContainer .fp-slide.active {
  visibility: visible;
  opacity: 1;
  z-index: 1;
}
.scrollable-content{
  overflow:scroll;
  margin: 0 auto;
  width: 99%;
	height:50%;
}
.fp-controlArrow {
    position: absolute;
    z-index: 4;
    top: 50%;
    cursor: pointer;
    width: 0;
    height: 0;
    border-style: solid;
    margin-top: -38px;
}
.fp-controlArrow.fp-prev {
    left: 15px;
    width: 0;
    border-width: 15.5px 20px 15.5px 0;
    border-color: transparent #111 transparent transparent;
}
.fp-controlArrow.fp-next {
    right: 15px;
    border-width: 15.5px 0 15.5px 20px;
    border-color: transparent transparent transparent #111;
}



@media (max-width: 768px){
	#toggle {
		top: 4%;
		right:5%;
		    left: 85%;
	}
	#section1 h1 {
		font-size: 34px;
		padding: 15% 40% 0px 0px;
		line-height: 2em;
		text-align: left;
		margin-bottom:0px;
	}
	#section1 .AboutLink {
		float: left;
		margin-left: 0px;
	}
	.logo, .heading {
		padding: 20px 0px 20px;
	}
	.heading img {
		width: 15%;
	}
	.heading h2{
		font-size: 28px;
		margin: 0px;
	}
	#section2,#section3{
		background-size: 225% 100%;
	}
	#section2 .ImgHovereffect img, #section3 .ImgHovereffect img {
		width: 35%;
	}
	#section2 .col-md-4,#section3 .col-md-4,#section4 .col-md-3{
		width:50%;
		display:inline-block;
	}
	#section2 .ImgHovereffect h2,#section3 .ImgHovereffect h2 {
		font-size: 16px;
		line-height: 25px;
	}
	#section4 {
		background-size: 140% 100%;
	}
	#section4 .heading img {
		width: 15%;
	}
	#section4 img {
		width: 45%;
	}

	#section4 .image_none {
		display: none;
	}

	#section4 .work_image{
		width: 100px!important;
	}

	.slide_btn{
		margin-top: -5%!important;
	}

	#section5 {
		background:#0b8457;
	}
	#section5 .text {
		padding: 0px 20px 0px;
	}
	#section5 p {
		font-size: 14px;
		margin-bottom:10px;
	}
	#section5 form .col-md-6{
		width:50%;
	}
	#section5 form {
		padding: 10px 15px;
	}
	#section5 .form-control{
		height: calc(1.3em + .75rem + 0px);
	}
	#section5 textarea {
		height: 65px!important;
	}
	#section5 .col-md-6:nth-child(2) {
	  background: #095e3f;
	}
	.copyright{
		display:none;
	}
	.SocialIcons {
		padding: 5px 15px;
	}
	.copyrightbottom{
		display:block;
	}
	.copyrightbottom p{
		padding: 10px 0px;
		font-weight: 500!important;
		margin-bottom: 0px!important;
	}
	#section6 p {
		font-size: 16px;
	}
	#section6 .heading img{
		width: 15%!important;
	}
	#section6 img {
		width:100%;
	}
	#section6 .DesktopView{
		display:none;
	}
	#section6 .MobileView{
		display:block;
	}
	.menuitemWrapper {
		text-align: center;
		padding: 30% 10%;
	}
	.MenuSlide {
		left: 44%;
		right: 44%;
	}
}
@media only screen and (min-height: 812px){

	#section5 .text {
		padding: 15px 20px;
	}
	#section5 p {
		font-size: 15px;
	}
	#section5 form {
		padding: 15px;
	}
	#section5 .form-control{
		height: calc(1.5em + .75rem + 0px);
	}
	#section5 textarea {
		height: 75px!important;
	}
	.copyrightbottom p{
		font-size: 12px!important;
	}
}

.scrollup {
	width: 60px;
	height: 60px;
	position: fixed;

	bottom: 10px;
	right: 10px;
	text-align: center;
	padding: 10px;
	z-index: 100;
	/* display: none; */
  }

  .scrollup_btn{
	background-color: #6ccaa8;
	border: #6ccaa8;
	border-radius: 5px;
  }