/* normal */
	* { margin: 0px; padding: 0px; }
	.cf::after{ clear:both; contant:" "; display:block; width:100%; height:0; }
	*{ -moz-box-sizing:border-box; -ms-box-sizing:border-box; -o-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box;}
	html, body { font-family: Arial; font-size: 12px; color: #8c806e; }
	input, select, textarea { font-family: Arial; font-size: 12px; color: #8c806e; }
	body { background: #fff; }
	img { border: 0px; display: block; }
	a, input { outline: none; }
	.clear { clear: both; height: 0px; overflow: hidden; }
	h1, h2, h3, h4, h5, h6 { font-weight: normal; color: #36372f; }
	
	input, button, select, textarea { border: 0; -webkit-appearance: none; border-radius: 0; -webkit-border-radius: 0; }   
	
	@font-face {
	font-family: 'BebasNeueRegular';
	src: url('../fonts/BebasNeue-webfont.eot');
	src: url('../fonts/BebasNeue-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/BebasNeue-webfont.woff') format('woff'), url(   '../fonts/BebasNeue-webfont.ttf') format('truetype'), url('../fonts/BebasNeue-webfont.svg#BebasNeueRegular') format('svg');
	font-weight: normal;
	font-style: normal;
	}
	
	.centering1 { width:96%; margin:0 auto;}
	.centering { width:960px; margin:0 auto;}
	/* template  */
	#template { position: relative; display: block; width: 100%; min-height: 100%; }
	
	/* layout */
	#layout { margin: 0 auto; width: 100%; }
	
	/* header */
	#header-part { width: 100%;}
	
	#header-part .logo { float:left; margin: 0 10px; }
	
	#header-part .logo a {  }
	
	.top-bar{ width: 100%; background: #ffd600; display:inline-block; padding:3px 0 17px; position:fixed; top:0; z-index:999999; box-shadow:0 4px 15px rgba(0, 0, 0, 0.07);}
	
	.top-bar .nav { float: right; width: auto; margin-top:25px; margin-right:10px; }
	.nav ul li {  display: block;  float: left;  position: relative; margin-left:30px;} 
	.nav ul li a {font-family: 'BebasNeueRegular', sans-serif;	font-size: 22px;color: white;text-decoration: none;	text-transform: uppercase;}
	.nav ul li a.active{ color:#515a5f;}
	.nav ul li.active > a {  color: rgb(81, 90, 95);}
	
	/* banner-bar */
	.banner-bar{ background:url(../images/parallax4.jpg)  center top; height:799px; width:100%; position:relative; background-size:cover; background-attachment:fixed;}  
	.banner-bar .banner-logo  {  color: rgb(0, 0, 0);  display: block;  margin: 0 0 100px;  position: relative;  text-align: center;   width: 100%; padding-top:179px;}  
	.banner-bar .banner-logo  a {  border: 5px solid;  color: inherit;  font-family: "BebasNeueRegular",sans-serif;  font-size: 90px;  line-height: 1;
	margin-bottom: 0;  padding: 5px 25px 0; position: relative; text-align: center;  text-transform: uppercase; text-decoration:none;}	
	.banner-bar .banner-logo  a:hover {color: #ffffff;}  
	.banner-bar .banner-slide{ height:256px; background:rgba(21, 14, 14, 0.3) ; text-align:center; position:relative; }  
	.banner-bar  .banner-slide ul{ list-style: none;}  
	.banner-bar .banner-slide ul li{ font-size:130px; font-family: "BebasNeueRegular",sans-serif; color:#ffd600; }  
	.banner-bar .banner-slide ul li span{ color:#fff;}  
	.banner-slide .flexslider2 .flex-control-nav {  left:0; text-align:inherit; top: inherit; bottom: 12px; overflow:hidden;}  
	.banner-slide .flexslider2 .flex-viewport{ top: 46px !important;}  
	.banner-slide .flexslider2 .flex-direction-nav {  display: none;}  
	.flexslider .flex-control-nav{  display: none;}  
	
	/* content */
	#content-part { overflow: hidden; width: 100%; }
	/* center */
	#center-part { float: left; width: 100%; }
	
	/* content-bar */
	.content-bar .den-title{ width:100%; margin:0 auto; text-align:center; padding:100px 0 47px;}  
	.content-bar .den-title h1 { background: rgb(255, 214, 0) none repeat scroll 0 0;  border: 4px solid rgb(255, 255, 255);  box-shadow: 0 0 0 3px rgb(255, 214, 0);  color: rgb(255, 255, 255);
	display: inline-block;  line-height: 1;  margin-bottom: 20px;   padding: 10px; text-transform:uppercase; font-size:80px; font-family:"BebasNeueRegular",sans-serif;}  
	.content-bar .den-title p { padding:0 10px;  font-family: "Open Sans","Times New Roman",Times,serif; font-size: 25px; color:#000;   line-height: 1.2;   text-transform: none;}  
	.content-bar .den-second{ width:100%; margin:0 auto; text-align:center; padding:40px 0 65px;}  
	.content-bar .den-second h2 { color: rgb(0, 0, 0);  display: inline-block;  font-size: 36px;  position: relative; font-family:"BebasNeueRegular",sans-serif;}  
	.content-bar .den-second  h2::before {  left: -90px;}  
	.content-bar .den-second h2::after {  right: -90px;}  
	.content-bar .den-second  h2::after, .den-second  h2::before {  border-bottom: 1px solid; content: ""; height: 0; opacity: 0.4; position: absolute; top: 49%; width: 80px;}
	
	/* project-bar */
	.project-bar { background:#f6f6f6;  display: inline-block; clear: both; width: 100%; padding:50px 0;}  
	.project-bar .boxes:nth-child(3n + 3){ margin-right:0;}  
	.project-bar .boxes { background: rgb(255, 255, 255) none repeat scroll 0 0; border: 1px solid rgb(240, 240, 240); border-radius: 3px;  width: 30.66%; float: left; margin-right:4%; 
	padding: 20px 10px 50px 10px;  position: relative;  text-align: center;  transition: all 0.3s ease 0s;}   
	.project-bar .boxes:hover { background: rgb(255, 214, 0) none repeat scroll 0 0; border: 1px solid rgba(0, 0, 0, 0); box-shadow: 0 1px 12px rgba(0, 0, 0, 0.3);  color: rgb(255, 255, 255);}   
	.project-bar .boxes:hover ul li{ color:#fff;}   
	.project-bar .boxes:hover .service-icon {  background: rgb(255, 255, 255) none repeat scroll 0 0; border: 4px solid rgb(255, 214, 0); box-shadow: 0 0 0 3px rgb(255, 255, 255);  color: rgb(255, 214, 0);}	
	.project-bar .boxes h3{font-family: "BebasNeueRegular",sans-serif;  color: rgb(0, 0, 0); font-size: 26px;  font-style: normal;  font-weight: normal;   text-transform: none;}
	.project-bar .boxes .service-icon {  background: #ffd600;  border: 4px solid #fff;  border-radius: 50%;  box-shadow: 0 0 0 3px rgb(255, 214, 0);
	color: rgb(255, 255, 255);  display: block;  font-size: 70px;  height: auto;  margin: 15px auto;  padding: 25px 20px;  text-align: center;   width:125px;}	
	.project-bar .boxes .compliance {  clear: both;  display: block;  margin: 30px 0 20px;  position: relative;  text-align: center;   width: 100%;   z-index: 1;}	
	.project-bar .boxes .compliance::after {  border-bottom: 1px solid rgb(232, 232, 232);  content: "";  height: 0;   left: 0;   position: absolute;   top: 50%;   width: 100%;   z-index: -1;}  
	.project-bar .boxes .compliance span { background: #fff;  border: 1px solid rgb(232, 232, 232);  border-radius: 2px; display: inline-block;  
	font-family:Arial,sans-serif;  font-size: 11px;  font-style: italic;   padding: 5px 10px; position: relative;
	color:#000;}  
	.project-bar .boxes ul{ list-style:none;}   
	.service-description {  margin-bottom: 30px;}   
	.project-bar .boxes ul li { font-size:13px; font-famil:arial;  border-bottom: 1px dashed #e0e0e0; font-weight: bold; margin-bottom: 7px;   padding-bottom: 7px; color:#333333;} 
	
	
	/* .wat-bar */
	.wat-bar{  height: 580px; background: url(../images/slider2.jpg) repeat fixed 0 0 / cover ; position:relative; z-index:9999; }	
	.wat-bar .overlay { background: rgba(0, 0, 0, 0) url("../images/pattern.png") repeat scroll 0 0; height: 580px;  overflow: hidden;  position: absolute;  width: 100%; z-index: -1;}	
	.wat-bar .testimonial-content i { background: rgb(255, 214, 0) none repeat scroll 0 0;  border-radius: 50%;  box-shadow: 0 0 0 4px rgb(255, 255, 255); color: rgb(255, 255, 255);
	display: inline-block;  font-size: 22px;  padding: 17px;  width: 23px;  -moz-box-sizing:content-box; -ms-box-sizing:content-box; -o-box-sizing:content-box; -webkit-box-sizing:content-box; box-sizing:content-box;}	
	.wat-bar .testimonial-content h3{ font-size: 26px;  font-style: normal; font-weight: normal;  text-transform: none; font-family: "BebasNeueRegular",sans-serif; color:#fff;}	
	.wat-bar .testimonial-content { text-align: center;}	
	.wat-bar .testimonial-content .icon-quote-left {  margin-top: 138px; margin-bottom:14px;}	
	.wat-bar .testimonial-content ul{ list-style:none; padding:10px 0;}	
	.wat-bar .testimonial-content ul li p { border-bottom: 1px solid rgba(255, 255, 255, 0.3);border-top: 1px solid rgba(255, 255, 255, 0.3); color: rgb(255, 255, 255); font-family: "Oswald",sans-serif;  font-size: 16px;  line-height: 1.67; margin: 5px auto 10px;  padding: 15px;}	
	.wat-bar .testimonial-content ul li span {  color: rgb(255, 255, 255);  font-size: 14px;  font-style: italic;  font-weight: 600;  margin-bottom: 18px; display:inherit; margin-top:12px;}	
	.wat-bar .testimonial-content ul li span::before, .testimonial-content ul li span::after {  content: "--";  margin: 0 3px;}	
	.wat-bar .testimonial-slider {  padding: 0 28px; margin-top:15px;}
	
	/* tele-bar */
	.tele-bar{ height: 580px; background: url(../images/parallax4.jpg) repeat fixed 0 0 / cover ; position:relative; z-index:-1;  text-align:center; z-index:99999;}	
	.tele-bar .overlay {  background: rgba(0, 0, 0, 0) url("../images/pattern.png") repeat scroll 0 0;  height: 580px;  overflow: hidden;    position: absolute;  width: 100%; z-index:-1;}
	.tele-bar .details {  margin: 0 auto;   width: 70%; padding-top:145px;}	
	.tele-bar .details h2 {  font-family: "BebasNeueRegular",sans-serif; color:#fff; font-size: 36px;  font-style: normal; margin:10px 0 6px 0;  font-weight: normal;  text-transform: none;}	
	.tele-bar .details h3 { background: rgba(255, 255, 255, 0.5) none repeat scroll 0 0;  color: rgb(0, 0, 0);  font-size: 80px;  font-style: normal;  font-weight: normal;  text-transform: none; font-family: "BebasNeueRegular",sans-serif; line-height:120px;}	
	
	/* screw-bar */
	.screw-bar{ height: 580px; background: url(../images/parallax1.jpg) repeat fixed 0 0 / cover ; position:relative; z-index:99999; margin-top:40px; text-align:center; }
	.screw-bar .overlay {  background: rgba(0, 0, 0, 0) url("../images/pattern.png") repeat scroll 0 0;  height: 580px;  overflow: hidden;      position: absolute;  width: 100%; z-index:-1;}	
	.screw-bar .richard {  position:absolute; top:0; right:0; bottom:0; left:0; margin: auto; width:50%; padding:250px 0;}	
	.screw-bar .richard p {  color: rgb(255, 255, 255);  font-family: "BebasNeueRegular",sans-serif;  font-size: 48px;  line-height: 1;  margin: 0 5%;  text-align: center;  text-transform: uppercase;   z-index: 200;}	
	.screw-bar .richard p i {  display: inline-table;  font-size: 25px;  margin: 0 5px;   vertical-align: top; color: #ffd600;}	
	.screw-bar .richard h5 {  color: rgb(255, 255, 255);  font-size: 17px;  font-style: italic;  font-weight: 600;  height: 24px;  margin-top: 25px;  position: relative;  text-align: center;  width: auto;   z-index: 200; font-family:Arial,sans-serif;}
	
	/* port-title */
	.portfolo-bar{ text-align: center;  padding: 99px 0 0 0; display:inline-block; width: 100%;}	
	.portfolo-bar .port-title h2 {  background: rgb(255, 214, 0) none repeat scroll 0 0;  border: 4px solid rgb(255, 255, 255); box-shadow: 0 0 0 3px rgb(255, 214, 0); color: rgb(255, 255, 255); display: inline-block;  line-height: 1;  margin-bottom: 20px;  padding: 10px; font-size: 80px;  font-family: "BebasNeueRegular",sans-serif;}	
	.portfolo-bar .port-title p {  font-family: "Open Sans","Times New Roman",Times,serif;  font-size: 25px;  line-height: 1.2;  color:#000;}	
	.portfolo-bar .projecten {  margin: 0 auto;   padding: 86px 0 57px;  text-align: center;   width: 100%;}	
	.portfolo-bar .projecten h2 { color: rgb(0, 0, 0);  display: inline-block;  font-size: 36px;  position: relative; font-family:"BebasNeueRegular",sans-serif;}  
	.portfolo-bar .projecten  h2::before {  left: -90px;}  
	.portfolo-bar .projecten h2::after {  right: -90px;}  
	.portfolo-bar .projecten  h2::after, .projecten  h2::before {  border-bottom: 1px solid; content: ""; height: 0; opacity: 0.4;  position: absolute;  top: 52%;  width: 80px;}  
	.portfolo-bar .popup ul{ list-style:none;}  
	.portfolo-bar .popup ul li a > img {  width: 100%;}  
	.portfolo-bar .popup ul li{float: left; cursor:pointer;  line-height: 0;  margin: 0;  overflow: hidden;  padding: 0; width: 25%; position: relative;}  
	.portfolo-bar .popup .portfolio-overlay { background: rgba(0, 0, 0, 0.8) none repeat scroll 0 0;  display: block;
	height: 100%;  left: 0; opacity: 0;   position: absolute;  top: 0;  transition: all 0.3s ease-in-out 0s;   width: 100%;   z-index: 4;}		
	.portfolo-bar .popup ul li:hover > .portfolio-overlay {opacity: 1;moz-opacity: 1;filter: alpha(opacity=100);}	
	.portfolo-bar .portfolio-info h3 {  color: #fff;   font-size: 26px;   font-style: normal;   font-weight: normal; padding-top:50px;   text-transform: none; font-family: "BebasNeueRegular",sans-serif;}	
	.portfolo-bar .portfolio-info p {color: #fff;  font-family: Arial,sans-serif; font-size: 11px;  font-weight: bold; line-height: 15px;  margin: 0 5px;  padding: 20px;  text-transform: uppercase;}	 
	.portfolo-bar .portfolio .portfolio-info {  height: 100%;   opacity: 0;  position: absolute;   transition: all 0.3s ease-in-out 0s;    width: 100%; }	 
	.portfolo-bar .portfolio-info {   bottom: 0;   left: 0;   margin: auto;   height:100px;   position: absolute;   right: 0;    top: 0;}
	
	
	/* over-bar */
	.over-bar {  display: inline-block;  padding: 98px 0 87px 0;   text-align: center; width:100%;}	 
	.over-bar .over-title h2 {  background: rgb(255, 214, 0) none repeat scroll 0 0;  border: 4px solid rgb(255, 255, 255);  box-shadow: 0 0 0 3px rgb(255, 214, 0); color: rgb(255, 255, 255);  display: inline-block;  font-family: "BebasNeueRegular",sans-serif;  font-size: 80px;  line-height: 1;  margin-bottom: 20px; padding: 10px;}	
	
	/* edo-bar */
	.edo-bar{ background:#f6f6f6; text-align:center; width:100%; padding:60px 0;}	
	.edo-bar .edo-pic{ width:33.33%; margin:0 auto; }	
	.edo-bar .edo-pic > img{ width:100%;}	
	.edo-bar .edo-pic h5{ font-size:16px; color:#000; font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, sans-serif; padding:17px 0; background:#fff;border: 1px solid #e8e8e8; border-top:0;}	
	.edo-bar .edo-pic h5:hover{ background:#ffd600; color: #fff;}	
	.edo-bar .edo-title{ margin-bottom:40px;}	
	.edo-bar .edo-title h2 { color: rgb(255, 214, 0);  font-size: 36px;  font-style: normal;  font-weight: normal;  text-transform: none;  font-family: "BebasNeueRegular",sans-serif;}	
	
	/* contact-bar */
	.contact-bar {  padding: 100px 0; text-align:center;}	
	.contact-bar .con-title h2 {  background: rgb(255, 214, 0) none repeat scroll 0 0;  border: 4px solid rgb(255, 255, 255); box-shadow: 0 0 0 3px rgb(255, 214, 0); color: rgb(255, 255, 255); display: inline-block;  line-height: 1;  margin-bottom: 86px;  padding: 10px; font-size: 80px;  font-family: "BebasNeueRegular",sans-serif;}	
	.contact-bar .gevens span{  background: rgb(255, 255, 255) none repeat scroll 0 0;  border: 1px solid rgb(232, 232, 232);  border-radius: 2px;   display: inline-block;  font-family: "HelveticaNeue Light",Helvetica,Arial,sans-serif;  font-size: 11px; font-style: italic;  padding: 5px 10px;   position: relative;}	
	.contact-bar .gevens {  clear: both;  display: block;  margin: 30px 0 20px;  position: relative;  text-align: center;   width: 100%;    z-index: 1;}	
	.contact-bar .gevens-two{ margin-top:58px;}	
	.contact-bar .gevens::after { border-bottom: 1px solid rgb(232, 232, 232);  content: "";  height: 0;  left: 0;  position: absolute;   top: 50%;   width: 100%;    z-index: -1;}	
	.contact-bar .con-address h2 {  font-size: 80px;  font-style: normal;  font-weight: normal; color:#000;  text-transform: none; font-family: "BebasNeueRegular",sans-serif; margin:39px 0 18px;}	
	.contact-bar .con-address h3 {  font-size: 26px;  font-style: normal;  font-weight: normal; color:#000;  text-transform: none; font-family: "BebasNeueRegular",sans-serif; margin-bottom:18px;}	
	.contact-bar .map {  margin-bottom: 2px;}
	.map iframe{ border:0; width: 100%;}	
	.contact-bar .contact-input {  float: left;  margin-bottom: 13px;  overflow: hidden;  width: 48%;}	
	.contact-bar .contact-input input.required {  border: 1px solid rgb(232, 232, 232);  border-radius: 2px;  color: rgb(116, 116, 116);   float: left;   font-size: 13px;   margin: 0 1% 2%;   padding: 20px 2%;    width: 99%;}	
	.contact-bar .contact-textarea {  float: right;  width: 50%;}	
	.contact-bar .contact-textarea .required {  border: 1px solid rgb(232, 232, 232);  border-radius: 2px;  color: rgb(116, 116, 116); font-size: 13px;  height: 125px;  margin-bottom: 10px;  padding: 20px 11px 10px;  width:100%;}	
	.contact-bar .contact-submit input[type="submit"] {  background-color:#ffd600;  background-image: url("../images/mail.png");  background-position: center center;  background-repeat: no-repeat;  border: 0 none;  color: rgb(255, 255, 255);  cursor: pointer;  display: block;  float: right;  height: 57px;  line-height: 57px;  padding: 20px 24px;   text-indent: -9999px;   width: 50%;}
	
	/* footer part */
	#footer-part { overflow: hidden; width: 100%; }  
	.footer-bar{ background-color:#ffd600; padding:39px 0 59px; }  
	.footer-bar .footer-logo{ text-align:center;}  
	.footer-bar .footer-logo > a { display: inline-block;}  
	.footer-bar .footer-icon ul{ list-style:none;}  
	.footer-bar .footer-icon ul li{ display:inline-block; margin-right:45px;}  
	.footer-bar .footer-icon {  text-align: center; padding:19px 0 72px;}  
	.footer-bar .footer-icon ul li a.email { background:#e5bc00 url(../images/email.png) no-repeat scroll 0px 0px; text-indent:-9999em; position:absolute; width:40px; height:40px; border-radius:5px;}  
	.footer-bar .footer-icon ul li a.email:hover{ background:#898787 url(../images/email.png) no-repeat scroll 0px -40px; -moz-transition:all 0.2s ease 0s; -ms-transition:all 0.2s ease 0s; -o-transition:all 0.2s ease 0s; -webkit-transition:all 0.2s ease 0s; transition:all 0.2s ease 0s;}  
	.footer-bar .footer-icon ul li a.link { background:#e5bc00 url(../images/linkedin.png) no-repeat scroll 0px 0px; text-indent:-9999em; position:absolute; width:40px; height:40px; border-radius:5px;}  
	.footer-bar .footer-icon ul li a.link:hover{ background:#898787 url(../images/linkedin.png) no-repeat scroll 0px -40px;  -moz-transition:all 0.2s ease 0s; -ms-transition:all 0.2s ease 0s; -o-transition:all 0.2s ease 0s; -webkit-transition:all 0.2s ease 0s; transition:all 0.2s ease 0s;}  
	.footer-bar p{ text-align:center; color: rgb(81, 90, 95);  font: 11px/1.5 Arial,sans-serif;}
	.footer-bar > a.back {  float: right;  margin-right: 30px;}
	/* slicknav_menu */
	
	.slicknav_btn {   cursor: pointer;  display: block;  height: 54px;  line-height: 1.125em;  padding: 0px 13px 0;  position: absolute;  right: 20px;top:0px;
	vertical-align: middle;   width: auto; z-index:99999;}
	.slicknav_menu  .slicknav_menutxt { display: block; line-height: 1.188em; float:left; }
	.slicknav_menu .slicknav_icon { float: right; margin-left:10px; margin-top:5px;}
	.slicknav_menu .slicknav_no-text { margin: 0 }
	.slicknav_menu .slicknav_icon-bar { display: block; width:55px; height:7px; -webkit-border-radius: 1px; -moz-border-radius: 1px; margin-bottom:8px;
	border-radius: 1px; -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25); -moz-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25);
	box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25); }
	.slicknav_btn .slicknav_icon-bar + .slicknav_icon-bar { margin-top:4px;}
	.slicknav_nav { clear: both }
	.slicknav_nav ul{ float:right;}
	.slicknav_nav li { display: block; color: #58595a;  padding:10px 0; text-align: center; }
	.slicknav_parent.slicknav_open li{  background: #591d70; padding:19px 0;}
	.slicknav_nav li .submenu li{ background-color:#2a4100;  }
	.slicknav_nav li .submenu li:hover{ background:rgb(133, 156, 0) ;}
	.slicknav_nav li .submenu{margin:19px 0;}
	.slicknav_nav .slicknav_arrow { font-size: 0.8em; margin: 0 0 0 0.4em; float:right; }
	.slicknav_nav .slicknav_item { cursor: pointer; }
	.slicknav_nav .slicknav_row { display: block; }
	.slicknav_nav a { display: block }
	.slicknav_nav .slicknav_item a,
	.slicknav_nav .slicknav_parent-link a { display: inline }
	.slicknav_menu:before,
	.slicknav_menu:after { content: " "; display: table; }
	.slicknav_menu:after { clear: both }
	/* IE6/7 support */
	.slicknav_menu { *zoom: 1 }
	.slicknav_menu {font-size:16px;
	}
	.slicknav_menu .slicknav_open .slicknav_icon-bar{ background-color:#fff;}
	/* Button */
	.slicknav_btn {
	}
	/* Button Text */
	.slicknav_menu  .slicknav_menutxt {color: #4572b7;font-weight: bold;text-shadow: 0 1px 0px #000;
	}
	/* Button Lines */
	.slicknav_menu .slicknav_icon-bar {background-color: #fff;
	}
	.slicknav_menu { position:absolute; right:0; z-index:99999999; width:100%;
	}
	.slicknav_menu .slicknav_icon-bar{ margin-right:0; margin-top:22px;}
	.slicknav_nav {color:#fff;margin:0;padding:20px 0 28px;font-size:0.875em; position:absolute; top:47px; border-top: 1px solid #fff;}
	
	.slicknav_nav .top { height: 54px;}
	.slicknav_nav, .slicknav_nav ul {list-style: none;overflow:hidden;background-color:#ffd600;  right:0px; top:80px; }
	
	.slicknav_nav ul {  }
	.slicknav_nav .slicknav_row {padding:10px 16px 10px 16px;}
	.slicknav_nav a{padding:0px 54px 0px 16px;color: white; font-family: "BebasNeueRegular",sans-serif; font-size: 22px; text-decoration: none;
	text-transform: uppercase;}
	.slicknav_nav .slicknav_item a,
	.slicknav_nav .slicknav_parent-link a {padding:0;margin:0;}
	.slicknav_nav li a:hover {color:#515a5f;}
	
	.slicknav_nav .slicknav_txtnode { display:none;}
	.slicknav_menu {display:none;}
	
	
	
	
	
	/*------------responsive-css-start-----------*/
	@media (max-width:1200px){
	.centering{ width:98%;}
	}
	
	@media (max-width:900px){
	.testimonial-slider .flex-direction-nav li .flex-prev, .twitter-slider .flex-direction-nav li .flex-prev { left: 43.5%;}
	
	.testimonial-slider .flex-direction-nav li .flex-next, .twitter-slider .flex-direction-nav li .flex-next { right: 43.5%;}
	
	.tele-bar .details h3{ font-size: 69px;}
	
	.banner-bar .banner-slide ul li{ font-size: 100px; line-height: 113px;}	
	
	.portfolo-bar .popup ul li{ width: 50%;}
	}
	
	@media (max-width:767px){
	.banner-bar .banner-slide ul li{ line-height: 120px;}
	
	.project-bar .boxes h3{ font-size: 20px;}
	
	.portfolo-bar .port-title p	{ font-size: 21px;}
	
	.tele-bar .details h3 {font-size: 49px;}
	
	.screw-bar .richard { width:100%;}	
	}	
	
	@media (max-width:639px){
	.top-bar .nav{ margin-top: 18px;}	
	
	.nav ul li{ margin-left: 18px;}
	
	.banner-bar .banner-slide ul li { line-height: 131px; font-size: 63px;}
	
	.project-bar .boxes{ width: 100%;}
	
	.project-bar .boxes h3{ font-size: 26px;}
	
	.testimonial-slider .flex-direction-nav li .flex-prev, .twitter-slider .flex-direction-nav li .flex-prev { left: 40.5%;}
	
	.testimonial-slider .flex-direction-nav li .flex-next, .twitter-slider .flex-direction-nav li .flex-next { right: 40.5%;}
	
	.contact-bar .contact-input{ width: 100%;}
	
	.contact-bar .contact-textarea{ width: 100%;}
	
	.contact-bar .contact-submit input[type="submit"]{ width: 100%;}
	}
	
	@media (max-width:559px){
	.top-bar .nav{ display: none;}
	
	.slicknav_menu { display: block; z-index: 999999999; position: fixed;}
	
	.banner-bar .banner-slide ul li{ line-height: 144px;}
	
	.tele-bar .details h3 { font-size: 35px;}	
	
	.portfolo-bar .popup ul li{ width: 50%;}
	
	.edo-bar .edo-pic { width: 70.33%;}
	}
	
	@media (max-width:479px){
	.banner-bar .banner-slide ul li{ line-height: 146px; font-size: 45px;}
	
	.testimonial-slider .flex-direction-nav li .flex-prev, .twitter-slider .flex-direction-nav li .flex-prev { left: 34.5%;}
	
	.testimonial-slider .flex-direction-nav li .flex-next, .twitter-slider .flex-direction-nav li .flex-next { right: 34.5%;}
	
	.portfolo-bar .popup ul li{ width: 100%;}
	
	.tele-bar .details h3 { font-size: 27px;}
	
	.tele-bar .details h2 { font-size: 26px;}
	
	.screw-bar .richard p { font-size: 32px;}
	}
	
	
	
	
	/*------------responsive-css-end-----------*/