*{

	/*font-family: 'Archivo', sans-serif;*/

	font-family: 'Titillium Web', sans-serif;;

}





.sticky{

	    position: fixed;

    top: 0;

    left: 0;

    right: 0;

    z-index: 100;

    padding: 10px 0;

    box-shadow: 0px 0px 5px gainsboro;

    width: 100%;

    animation: headerSlideDown 1s ease-out;

    background: rgb(244,243,243);

	background: linear-gradient(90deg, rgba(244,243,243,1) 22%, rgba(64,64,64,1) 32%);

	background: linear-gradient(90deg, rgba(244,243,243,1) 22%, rgba(64,64,64,1) 32%);

	background: linear-gradient(90deg, rgba(244,243,243,1) 22%, rgba(64,64,64,1) 32%);

	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#f4f3f3",endColorstr="#404040",GradientType=1);

}

.site-header{

	z-index: 999;

	padding: 10px 0;

	width: 100%;

	background: rgb(244,243,243);

background: linear-gradient(90deg, rgba(244,243,243,1) 22%, rgba(64,64,64,1) 32%);

background: linear-gradient(90deg, rgba(244,243,243,1) 22%, rgba(64,64,64,1) 32%);

background: linear-gradient(90deg, rgba(244,243,243,1) 22%, rgba(64,64,64,1) 32%);

filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#f4f3f3",endColorstr="#404040",GradientType=1);

}

.header-wrap1{

	background-color: #F4F3F3;

}

.header-wrap2{

	background-color: #404040;

}



.sitelogo{

	max-width: 180px;

}

.sitelogo img{

	width: 100%;

}



.sitenav{

	position: fixed;

	top: 0;

	left: -310px;

	background-color:#112b0f;

	overflow-y: scroll;

	height: 100vh;

	width: 200px;

	padding: 20px;

	-webkit-transition: left 500ms ease-out;

  -moz-transition: left 500ms ease-out;

  -o-transition: left 500ms ease-out;

  transition: left 500ms ease-out;

}

.mx-2{
	display: none;
}

.sitenav ul li{

	display: block;

	list-style-type: none;

	margin: 20px 0;



	position: relative;
}

.sitenav ul li a{

	display: block;

	color: #fff;

	font-size: 13px;

	font-weight: 400;

	text-decoration: none;

	font-family: 'Titillium Web', sans-serif;;

	text-transform: uppercase;
}

.sitenav ul li .active{

	font-weight: 600;

	color: #000;

	padding: 5px;

	background-color: #CEE02C;

}

.sitenav ul li a::after{

	position: absolute;

	width: 100%;

	height: 2px;

	background-color: #D24890;

	display: block;

}



.sitenav ul li:nth-child(7) a{

  /*! background-color:#43AB3A; */

  /*! padding: 2px 25px; */

  color: #fff;

  border-radius: 5px;

  display: inline-block;

}



.humbergarBtn{

	width: 35px;

	height: 25px;

	position: absolute;

	top: 0;

	bottom: 10px;

	right: 15px;

	margin: auto;

}

.humbergarBtn span{

	width: 30px;

	height: 2px;

	background-color:#333;

  	border-radius: 3px;

  	position: absolute;

}



.humbergarBtn span:nth-child(1){

  top:7px;

	width:27px;

		 left: 6px;

		 -webkit-transition: transform 500ms ease-out;

  -moz-transition: transform 500ms ease-out;

  -o-transition: transform 500ms ease-out;

  transition: transform 500ms ease-out;
	
	background: white;

}



.humbergarBtn span:nth-child(2){

   top:14px;

  width:14px;

  left:6px; 
	
	background: white;
	

  -webkit-transition: left 1000ms ease-out;

  -moz-transition: left 1000ms ease-out;

  -o-transition: left 1000ms ease-out;

  transition: left 1000ms ease-out;

}



.humbergarBtn span:nth-child(3){

   top:22px;

  width:27px;

    left:6px;
	
	
	background: white;
	

  -webkit-transition: transform 500ms ease-out;

  -moz-transition: transform 500ms ease-out;

  -o-transition: transform 500ms ease-out;

  transition: transform 500ms ease-out;

}





.humbergarBtn.close span:nth-child(1){

  top:7px;

	width:27px;

	left: 6px;

	-webkit-transform: rotate(-45deg);

	   -moz-transform: rotate(-45deg);

	    -ms-transform: rotate(-45deg);

	     -o-transform: rotate(-45deg);

	        transform: rotate(-45deg);

	-webkit-transition: transform 500ms ease-out;

  -moz-transition: transform 500ms ease-out;

  -o-transition: transform 500ms ease-out;

  transition: transform 500ms ease-out;



}



.humbergarBtn.close span:nth-child(2){

  top:14px;

  width:14px; 

  left:1000px;

 -webkit-transition: left 1000ms ease-out;

  -moz-transition: left 1000ms ease-out;

  -o-transition: left 1000ms ease-out;

  transition: left 1000ms ease-out;

}



.humbergarBtn.close span:nth-child(3){

  top:7px;

  width:27px;

  -webkit-transform: rotate(45deg);

	   -moz-transform: rotate(45deg);

	    -ms-transform: rotate(45deg);

	     -o-transform: rotate(45deg);

	        transform: rotate(45deg);

	-webkit-transition: transform 500ms ease-out;

  -moz-transition: transform 500ms ease-out;

  -o-transition: transform 500ms ease-out;

  transition: transform 500ms ease-out;

}

.sitenav.addSlide{

	left: 0px;

	-webkit-transition: left 500ms ease-out;

  -moz-transition: left 500ms ease-out;

  -o-transition: left 500ms ease-out;

  transition: left 500ms ease-out;	

}









.top-header{

	/*padding:5px 0;*/

	background-color:#B62A2F;

}

.top-header ul li{

	list-style: none;

	display: inline-block;

	color: #000;

	font-size: 14px;

	margin: 0 5px;

}

.top-header ul li a{

	text-decoration: none;

	display: block;

	font-size: 14px;

	color: #fff;

}

/*start of footer*/



.footer-sec{

	width: 100%;

	background: #F4F3F3;

	text-align: center;

}

.footer-sec h2{

	font-size: 20px;

	color: #000;

	font-weight: 400;

	text-transform: uppercase;

}

.footer-sec ul li{

	list-style-type: none;

	color: #000;

	margin: 5px 0;

}

.footer-sec ul li a{

	text-decoration: none;

	color: #000;

	font-size: 14px;

}

.footer-sec ul li a:hover{

	color: #000;

}

.footer-sec p{

	color: #000;

	font-size: 14px;

	margin-bottom: 0;

}

.footer-bottom{

	width: 100%;

	background-color: #170210;

}

.footer-bottom p{

	font-size: 12px;

	color: #fff;

	text-align: center;

}

.nice-textbox{

	width: 100%;

	font-size: 12px;

	background-color: #404040;

	color: #fff;

	border: none;
	padding: 5px;
}

.nice-textbox::placeholder{

	color: #fff;

	font-size: 10px;

	opacity: 0.7;

}

.submit-btn1{

	background-color: #258a00;

	border:none;

	padding: 12px 20px;

	color: #fff;

	text-align: left;

}

.submit-icon{

	bottom: 11px;

    right: 0;

    background-color: #FECD08;

    padding: 9px 14px;

}

.footer-ul{

	height: 50px;

}

.get-touch ul li{

	list-style-type: none;

	display: inline;

	margin: 0 -2px

}

.get-touch ul li a img:hover{

	width: 30px;

	height: 30px;

	border-radius: 50%;

	border:2px solid #fff;

}

/*end of footer*/



@media(min-width: 576px){



}



@media(min-width: 768px){

	/*start of header*/

	 .sitenav{

		position: static;

	    background-color:transparent;

	    width: 100%;

	    overflow-y: visible;

	    height: auto;

	    padding: 0;

	}



  .sitenav ul li{

    display: inline-block;

    /*! margin:5px 4px; */

  }



  .sitenav ul li a{

  	position: relative;

  	color: #fff;

  }

  .sitenavv{

  	background-color: #404040;

  }



}



@media(min-width: 992px){

	

	.get-touch ul li{

		margin: 0 -2px

	}

}



@media(min-width: 1200px){

	.sitenav ul li {

    /*! margin: 5px 8px; */

}
	.sitenav ul li ul{
		display: none;
		position: absolute;
		top: 44px;
		left: 0;
		width: 230px;
		background: #404040;
		z-index: 999;
		margin-left: 0;
		padding-left: 0;
	}
	.sitenav ul li:hover ul{
		display: block;
	}
	.sitenav ul li ul li{
		
	float: left;
	width: 100%;
	text-align: left;
	margin: 0;
	}

.sitenav ul li a{

	font-size: 16px;

	text-transform: uppercase;
	padding: 10px;
	border-radius: 10px;
}
	.sitenav ul li a:hover{
		
	background: linear-gradient(90deg, rgba(254,205,8,1) 12%, rgba(182,42,47,1) 74%);
	color: #fff;
	}


	}

	.get-touch ul li{

		margin: 0 -2px

	}

	.top-header ul li a {

    font-size: 16px;

}



}

@media(min-width: 1300px){

	

}



@media(min-width: 1400px){

	

}

@media(min-width: 2000px){

	.site-header{

		

/*background: rgb(244,243,243);

background: -moz-linear-gradient(90deg, rgba(244,243,243,1) 43%, rgba(64,64,64,1) 43%);

background: -webkit-linear-gradient(90deg, rgba(244,243,243,1) 43%, rgba(64,64,64,1) 43%);

background: linear-gradient(90deg, rgba(244,243,243,1) 43%, rgba(64,64,64,1) 43%);

filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#f4f3f3",endColorstr="#404040",GradientType=1);*/



background: rgb(244,243,243);

background: -moz-linear-gradient(90deg, rgba(244,243,243,1) 35%, rgba(64,64,64,1) 35%);

background: -webkit-linear-gradient(90deg, rgba(244,243,243,1) 35%, rgba(64,64,64,1) 35%);

background: linear-gradient(90deg, rgba(244,243,243,1) 35%, rgba(64,64,64,1) 35%);

filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#f4f3f3",endColorstr="#404040",GradientType=1);

	}

}