@charset "utf-8";
/* CSS Document */

#header-wrapper {
	width: 100%;
	float: left;
	height: auto;
	padding: 0px;
	margin: 0px;
	background: #fff;
  padding-bottom: 25px;
}
#header-inner {
	width: 1200px;
	min-height: 40px;
	height: auto;
	padding: 0px;
	margin: 0px auto;
}
.logo{
  float: left;
}
.logo img{
  float: left;
}
.header-right{
  float: right;
  text-align: right;
}
.top-certificate{
  float: right;
  margin-top: 10px;
}
.top-call{
  float: right;
  clear: both;
  font-family: 'Lato', sans-serif;
  font-size: 16px;
  color: #242021;
  margin-top: 10px;
}
.top-call img{
  vertical-align: text-bottom;
}
.top-send{
  margin-left: 30px;
}

#menu-wrapper {
	width: 100%;
	float: left;
	height: auto;
	padding: 0px;
	margin: 0px;
  position: absolute;
  top: 110px;
  left: 0px;
  z-index: 99;
}
#menu-inner {
	width: 1200px;
	min-height: 30px;
	height: auto;
	padding: 0px;
	margin: 0px auto;
  background: #23282e;
}


.menu-start{
  background: #ffc000;
  float: right;
	position: relative;
}

/* slanted edges using pseudo-elements */
.menu-start:before {
	content: "";
	position: absolute;
	top: 0;
	width: 0;
	height: 0;
}
.menu-start:before {
	left: -30px;
	border-right: 30px solid #ffc000; /* razorblade color */
	border-top: 53px solid rgba(0, 0, 0, 0); /* transparent */
}
.menu-start a{
  float: left;
  text-decoration: none;
  color: #000;
  font-family: 'Lato', sans-serif;
  font-size: 14px;
  padding: 16px 25px;
  transition: all 0.3s ease;
   	 -webkit-transition: all 0.3s ease;
     -moz-transition: all 0.3s ease;
     -o-transition: all 0.3s ease;
}
.menu-start a:hover{
  padding: 16px 30px;
}

.menu-arrow{
	position:relative;
	animation-name: arrow_right;
    animation-duration: 0.8s;
    animation-iteration-count: infinite;
}
@keyframes arrow_right {
    0%   { left:0px; top:0px; }
	50%  { left:10px; top:0px; }
    100% { left:0px; top:0px; }
}

/*FOOTER*/
#footer-wrapper {
	width: 100%;
	float: left;
	height: auto;
	padding: 0px;
	margin: 0px;
	background: #242424;
}
#footer-inner {
	width: 1200px;
	min-height: 100px;
	height: auto;
	padding: 30px 0px;
	margin: 0px auto;
}
.footer-div{
	width: 33%;
	float: left;
}
#footer-inner .footer-div:nth-child(2) {
	width: 34%;}

.footer-div h4{
	width: 100%;
	float: left;
	color: #fff;
	font-family: 'Lato', sans-serif;
  font-size: 22px;
	margin-bottom: 10px;
}
.footer-div ul{
	width: 100%;
	float: left;
	list-style: none;
}
.footer-div ul li a{
	color: #d3d1d1;
	font-family: 'Lato', sans-serif;
  font-size: 14px;
	margin-bottom: 5px;
	text-decoration: none;
	transition: all 0.3s ease;
   	 -webkit-transition: all 0.3s ease;
     -moz-transition: all 0.3s ease;
     -o-transition: all 0.3s ease;
}
.footer-div ul li a:hover{
	color: #ed1b24;
	text-decoration: underline;
}

.footer-div span{
	float: left;
	width: 100%;
	color: #d3d1d1;
	font-family: 'Lato', sans-serif;
  font-size: 14px;
	margin-bottom: 10px;
}
.footer-div span img{
	float: left;
	margin-right: 10px;
}



#footerbottom-wrapper {
	width: 100%;
	float: left;
	height: auto;
	padding: 0px;
	margin: 0px;
	background: #191919;
	border-bottom: 15px solid #242424;
}
#footerbottom-inner {
	width: 1200px;
	min-height: 50px;
	height: auto;
	padding: 20px 0px;
	margin: 0px auto;
	text-align: center;
	position: relative;
}
.social-icons {
	position: absolute;
	top: 13px;
	left: 0px;
	right: 0px;
	bottom: 0px;
	margin: auto;
	width: 160px;

}

.copy{
	float: left;
	font-family: 'Lato', sans-serif;
	font-size: 14px;
	color: #75737e;
}
.gii{
	float: right;
}

/* -------------------------------  Media Query  ------------------------------- */

@media screen and (max-width: 1280px) {
  #header-inner {
  	width: 96%; }
  #menu-inner {
    width: 96%; }
	#footer-inner {
		width: 96%; }
	#footerbottom-inner {
		width: 96%; }

}
@media screen and (max-width: 1200px) {
}
 @media screen and (max-width: 1100px) {
}
@media screen and (max-width: 1070px) {

}
 @media screen and (max-width: 1024px) {

}
 @media screen and (max-width: 960px) {
	 #header-wrapper {
	  padding-bottom: 0px;
		padding-top: 60px;

	 }
	 #menu-wrapper {
		 width: 100%;
	   top: 0px;
	   left: 0px;
	   z-index: 99;
	 }
	 #menu-inner {
		 width: 100%;
	 }

}
 @media screen and (max-width: 950px) {
   .logo img{
     height: 90px; }
   .top-certificate{
     height: 40px; }

}
@media screen and (max-width: 860px) {
}
 @media screen and (max-width: 850px) {
   .logo{
     width: 100%;
     text-align: center; }
   .logo img{
     float: none;}
   .header-right{
     width: 100%;
     float: right;
     text-align: center;}
   .top-certificate{
     float: none;
     margin-top: 10px; }
   .top-call{
     width: 100%;
     float: right;
     clear: both;
     font-family: 'Lato', sans-serif;
     font-size: 16px;
     color: #242021;
     margin-top: 10px; }
	 .social-icons {
	 	left: auto;
	 	right:120px !important;}
}
@media screen and (max-width: 800px) {
}
 @media screen and (max-width: 768px) {
	 .footer-div{
	 	width: 50%;
	 	float: left;}
	 #footer-inner .footer-div:nth-child(2) {
	 	width: 50%;}
	#footer-inner .footer-div:nth-child(3) {
	 	width: 100%;
		padding-top: 20px;}


}
 @media screen and (max-width: 660px) {

}
 @media screen and (max-width: 640px) {
	 .menu-start a{
	   font-size: 13px;
	   padding: 10px 25px 11px 25px; }
	 .menu-start:before {
			left: -30px;
			border-right: 30px solid #ffc000; /* razorblade color */
			border-top: 40px solid rgba(0, 0, 0, 0); /* transparent */
		}
		.copy{
			width: 100%; margin-top: 40px; font-size: 13px;}
		.gii{
			float: none;}
		.social-icons {
 	 	left: 0px;
 	 	right:0px !important;}


}
 @media screen and (max-width: 603px) {
}
 @media screen and (max-width: 568px) {
   .logo img{
     height: 75px; }
   .top-certificate{
     height: 25px; margin-top: 5px;}

}


 @media screen and (max-width: 500px) {



  }


 @media screen and (max-width: 460px) {
   .top-call span{
     width: 100%;
     float: left; }
   .top-call{
     font-size: 14px;}
   .top-call span img{
     height: 15px;}
}

@media screen and (max-width: 400px) {
	.footer-div{
		padding-left: 20px;
	 width: 100%;
	 float: left;}
	#footer-inner .footer-div:nth-child(2) {
	 width: 100%;}
 #footer-inner .footer-div:nth-child(3) {
	 width: 100%;
	 padding-top: 20px;}



}
 @media screen and (max-width: 360px) {
   .logo img{
     height: auto; width: 80%;}

}
 @media screen and (max-width: 320px) {
}
 @media screen and (max-width: 300px) {
}
@media screen and (max-width: 240px) {
}