*{
	font-family: 'Roboto', sans-serif;
	margin:0px;
	padding:0px;
	list-style:none;
	text-decoration:none;
}

.top_area{
	width:100%;
	padding:0px 0 20px;
	/*background:url(../images/header_bg.png) repeat;*/
}

.clear{
	clear:both;
}

.container{
	width:1170px;
	margin:0 auto;
}

.slider{
	text-align:center;
	width:100%;
	border-bottom:2px solid #602e21;
}

.slider #Stage {
	width:850px;
	height:370px;
	margin:0 auto;
}

.logo{
	width:292px;
	margin:0px auto 0;
	padding-top:30px;
}

.logo img {
	max-width:100%;
}

.top_social{
	float:left;
	margin-top:30px;
}

.top_social h3{
	margin:0px;
	font-size:14px;
	color:#4c3635;
	font-weight:500;
}

.top_social ul {
	margin:0px;
}

.top_social ul li{
	margin-top:10px;
	display:inline-block; 
}

.top_social ul li + li {
	margin-left:8px;
	display:inline-block;
}

.top_social ul li a{
	float:left;
	width:16px;
	height:16px;
}

.top_social ul li .tw-icon {
	background:url(../images/tw.png) no-repeat;
}

.top_social ul li .instagram-icon{
	background:url(../images/instargam-icon.png) no-repeat;
}

.top_social ul li .in-icon{
	background:url(../images/in-icon.png) no-repeat;
}

.top_social ul li .g-icon{
	background:url(../images/g-icon.png) no-repeat;
}

.top_contact{
	float:right;
	margin-top:30px;
}

.top_contact ul li a{
	color:#4c3635;
	font-size:14px;
}

.top_contact ul li a:hover{
	color:#000;
}

nav{
	/*background:url(../images/nav_bg.jpg) repeat;*/
	width:100%;
	box-sizing:border-box;
	text-align:center;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#c78b35+0,80552b+100 */
background: #c78b35; /* Old browsers */
background: -moz-linear-gradient(top,  #c78b35 0%, #80552b 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #c78b35 0%,#80552b 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #c78b35 0%,#80552b 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c78b35', endColorstr='#80552b',GradientType=0 ); /* IE6-9 */

}

nav ul li{
	display:inline;
    border-right: 1px solid #281f1e;
    box-shadow: 1px 0 0 #523632;
}

nav ul li:last-child{
	border:none;
	box-shadow:none;
}

nav ul li a{
	color:#fff;
	display:inline-block;
	text-transform:uppercase;
	font-size:14px;
	padding:17px 12px;
}

nav ul li a:hover{
	box-sizing:border-box;
	padding:14px 12px;
	color:#000;
	border-top:3px solid #fff;
	border-bottom:3px solid #fff;
}

nav .current_page_item a {
	box-sizing:border-box;
	padding:14px 12px;
	color:#000;
	border-top:3px solid #fff;
	border-bottom:3px solid #fff;
}

.main_content_area{
	padding-top:30px;
}

.sub_head h1{
	color:#602e21;
	font-weight:normal;
	text-align:center;
	text-transform:uppercase;
	padding:0 0 15px;
	background:url(../images/heading_bg.png) no-repeat center bottom;
}

.sub_head h1 span{
	color:#111;
}

.s-box{
	width: 30%;
    float: left;
    margin-left: 39px;
    margin-bottom: 40px;
    margin-top: 30px;
}

.s-box + .s-box{
	margin-left:38px;
}

.s-box h3{
	color:#602e21;
	margin-top:5px;
}

.s-box h3 span{
	color:#111;
}

.s-box p{
	color:#666;
	margin:10px 0px;
	font-size:14px;
	text-align:justify !important;
}

.s-box a{
	color:#fff;
	font-size:14px;
	padding:6px 10px 5px;
	border-radius:5px;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#523632+0,2c1d1b+100 */
background: #523632; /* Old browsers */
background: -moz-linear-gradient(top,  #523632 0%, #2c1d1b 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #523632 0%,#2c1d1b 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #523632 0%,#2c1d1b 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#523632', endColorstr='#2c1d1b',GradientType=0 ); /* IE6-9 */
}

.footer-social ul li {
	border:none;
	box-shadow:none;
}

.footer-social ul li a{
	padding:0 5px;
}

.footer-social ul li a:hover{
	opacity:0.7;
	transition:all ease-in-out 0.2s;
}

footer{
	width:100%;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#c78b35+0,80552b+100 */
background: #c78b35; /* Old browsers */
background: -moz-linear-gradient(top,  #c78b35 0%, #80552b 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #c78b35 0%,#80552b 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #c78b35 0%,#80552b 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c78b35', endColorstr='#80552b',GradientType=0 ); /* IE6-9 */
	text-align:center;
	padding:40px 0;
}

footer ul li{
	display:inline;
    border-right: 1px solid #281f1e;
    box-shadow: 1px 0 0 #523632;
}

footer ul li:last-child{
	border:none;
	box-shadow:none;
}

footer ul li a{
	color:#3b2b2a;
	display:inline-block;
	text-transform:uppercase;
	font-size:14px;
	padding:10px 12px;
}

.second_menu li{
	box-shadow:none;
	border:none;
}

.second_menu li a{
	color:#d7d7d7;
}

.copy_right{
	width:100%;
	float:left;
	margin-top:20px;
	padding:13px 0px;
	background:#000;
}

.copy_right p{
	float:right;
	color:#767271;
}

.clients_outer{
	margin-top:50px;

}

.client_box{
	margin-bottom:30px;
	padding:10px;
	border-radius:10px;
	box-shadow:2px 2px 2px #666;
	border:1px solid #AAA8A8;
}

.client_box p {
	font-size:14px;
	font-family: 'Lato', sans-serif;
	color: #444;
}

.client_box strong {
	font-size:14px;
}

.client_box h3 {
	color:#602e21;
}

.client_box em {
	font-size:13px;
}

.box_img{
	float:left;
	border-radius:5px;
}

.box_content{
	float:right;
    width: 80%;
}

.box_img2{
	float:right;
}

.box_content2{
	float:left;
}

.inner_content_area{
	margin:50px auto;
	width:960px;
}

.inner_content_area p{
    font-size: 16px;
    font-family: 'Lato', sans-serif;
    color: #444;
	text-align:justify !important;
	padding-top:10px;
	
}

.inner_content_area b {
 }

.inner_content_area h2{
	font-size:19px;
	color:#94642E;
	font-weight:500;
}

.clients_list ul li{
	list-style-image:url(../images/client_arrow.png);
    float: left;
    width: 300px;
	font-size:14px;
    margin: 0 0 0 20px;
}

.post_date p{
	color:#999;
	margin:10px 0px;
	font-size:13px;
}

.links_area ul li{
	list-style-image:url(../images/arrow2.png);
	margin-top:8px;
}

.links_area ul li a{
	color:#94642e;
	font-size:16px;
	transition:all ease-in-out 0.2s;
}

.links_area ul li a:hover{
	color:#222;
	transition:all ease-in-out 0.2s;
	margin-left:5px;
}

.links_area ul li:hover{
	list-style-image:url(../images/arrow.png);
}

.contact_leftArea a{
	color:#980306;
}

.contact_leftArea a:hover{
	text-decoration:underline;
}

.contact_leftArea{
	float:left;
}

.contact_rightArea{
	float:right;
}

.google_map{
	border-top:2px solid #222;
	border-bottom:2px solid #222;
}

.privacy_list li{
	list-style-image:url(../images/client_arrow.png);
	font-size:15px;
	color:#444;
    margin: 7px 0 0 20px;
}

.FixedHeader{
	position:fixed;
	top:0;
	transition: all 0.4s ease;
	z-index:999;
}

.edgeLoad-EDGE-71336605 {
	visibility:hidden;
}

.mobile-nav-button {
	width:40px;
	height:40px;
	margin:5px 0px 0 0px;
	cursor:pointer;
	background:url(../images/mob-nav-btn.png) center center no-repeat #000;
	border-radius:5px;
	float:right;
	display:none;
}

.slider img{
	max-width:100%;
}

img.mobiel-slider {
	display:none;
	max-width:100%;
    margin-left: auto;
    margin-right: auto;
}




	/* Remove margins and padding from the list, and add a black background color */
ul.topnav {
    list-style-type: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#c68a35+0,81552b+100 */
background: rgb(198,138,53); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(198,138,53,1) 0%, rgba(129,85,43,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(198,138,53,1) 0%,rgba(129,85,43,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(198,138,53,1) 0%,rgba(129,85,43,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c68a35', endColorstr='#81552b',GradientType=0 ); /* IE6-9 */

}

/* Float the list items side by side */
ul.topnav li {float: left;}

/* Style the links inside the list items */
ul.topnav li a {
    display: inline-block;
    color: #f2f2f2;
    text-align: center;
    padding: 14px 16px;
    text-decoration: none;
    transition: 0.3s;
    font-size: 17px;
}

/* Change background color of links on hover */
ul.topnav li a:hover {background-color: #3d2813;}

/* Hide the list item that contains the link that should open and close the topnav on small screens */
ul.topnav li.icon {display: none;}


/* When the screen is less than 680 pixels wide, hide all list items, except for the first one ("Home"). Show the list item that contains the link to open and close the topnav (li.icon) */


/* Media Queries start */



.topnav {
	display:none;}


/* Media Queries start */


.margin-top-head {
	margin:35px 0 0 0 !important; }

@media (min-width:768px) and (max-width:1024px) {
.container {
	width:95%;
	margin:0 auto;
}

nav ul li a {
	padding:10px 9px;
	font-size:12px;
}

.inner_content_area {
	width:100%;
}

nav .current_page_item a {
    padding: 10px 9px;
}

nav ul li a:hover {

    padding: 10px 9px;
}

#int-banner img {
	max-width:100% !important;
	height: auto !important;
	margin-left:auto;
	margin-right:auto;
}


/*img.mobiel-slider {
	display:block;
}
*/

.s-box {
	width:50%;
}

.s-box img {
	max-width:100%;
}

.s-box + .s-box{
	margin-left:0px;
}

.box_content {
    float: right;
    width: 75%;
}

.box_img2 {
	float:left;
}

.slider #Stage {
	width:100% !important;
}
	
}

@media (max-width:767px) {

.container {
	width:95%;
	margin:0 auto;
}

.logo{
	width:292px;
}

.inner_content_area {
	width:100%;
}

#int-banner img {
	max-width:100% !important;
	height:auto !important;
	margin-left:auto;
	margin-right:auto;
}

.top_social,
.top_contact {
	display:none;
}

.slider #Stage {
	width:80% !important;
	height:200px !important;
	margin:0 auto;
}

.slider #Stage #Stage_g-01{
    width: 55px !important;
    height: 180px !important;
}

.slider #Stage #Stage_g-02{
    width: 55px !important;
    height: 169px !important;
	left:-95px !important;
}

.slider #Stage #Stage_g2-01{
    width: 55px !important;
    height: 150px !important;
    left: -12px !important;
    top: -35px !important;
}

.slider #Stage #Stage_g2-03{
    width: 55px !important;
    height: 169px !important;
    left: -97px !important;
    top: -50px !important;
}

.slider #Stage #Stage_g-032{
    width: 55px !important;
    height: 169px !important;
    left: -150px !important;
    top: 0px !important;
}

.slider #Stage #Stage_g2-02{
    width: 55px !important;
    height: 169px !important;
    left: -97px !important;
    top: -57px !important;
}

.slider #Stage #Stage_g-06{
    width: 55px !important;
    height: 169px !important;
    left: -225px !important;
    top: 0px !important;
}

.slider #Stage #Stage_g2-05{
    width: 55px !important;
    height: 169px !important;
    left: -179px !important;
    top: -55px !important;
}

.slider #Stage #Stage_g2-04{
	width: 55px !important;
    height: 169px !important;
    left: -250px !important;
    top: -80px !important;
}

.slider #Stage #Stage_g-05{
    width: 55px !important;
    height: 169px !important;
    left: -277px !important;
    top: 25px !important;
}

/*img.mobiel-slider {
	display:block;
}
*/

.mobile-nav-button {
	display:block;
}

nav {
	text-align:left;
	display:none;
}

nav ul li {
	display:block;
	border-right:none;
    box-shadow: none;
}

nav ul li a {
	padding:10px 12px;
}

nav .current_page_item a {
    border-bottom: none;
    border-top: none;
    padding: 10px 12px;
}

nav ul li a:hover {
    border-bottom: none;
    border-top: none;
    padding: 10px 12px;
}

.top_area {
    border-bottom: 1px solid #111;
    padding: 0 0 10px;
}

.s-box {
    float: none;
	margin: 20px auto 0px;
    width: 95%;
	text-align:center;
}

.s-box + .s-box {
	margin: 20px auto 0px;
}

.s-box img {
	max-width:100%;
}

footer {
	margin-top:20px;
}

.box_content {
    float: right;
    width: 100%;
}

.box_img2 {
	float:left;
}

.footer-menu {
	display:none;
}

footer ul li a {
    font-size: 12px;
    padding: 10px 5px;
}

.clients_list ul li {
    font-size: 13px;
    margin: 5px 0 0 20px;
    width: 95%;
}

.contact_rightArea {
	width:100%;
}

.contact_rightArea img{
	max-width:100%;
	margin-top:30px;
}


  ul.topnav li:not(:first-child) {display: none;}
  ul.topnav li.icon {
    float: right;
    display: inline-block;
  }
  
  
 .nav {
	 display:none !important;} 
	 
.topnav {
	display:inherit;} 

  ul.topnav.responsive {position: relative;}
  ul.topnav.responsive li.icon {
    position: absolute;
    right: 0;
    top: 0;
  }
  ul.topnav.responsive li {
    float: none;
    display: inline;
  }
  ul.topnav.responsive li a {
    display: block;
    text-align: left;
  }

}

@media (max-width:480px) {

.container {
	width:95%;
	margin:0 auto;
}

.logo{
	width:60%;
}

.top_social,
.top_contact {
	display:none;
}

nav ul li {
	display:block;
}

nav ul li a {
	padding:10px 12px;
}

nav .current_page_item a {
    border-bottom: none;
    border-top: none;
    padding: 10px 12px;
}

nav ul li a:hover {
    border-bottom: none;
    border-top: none;
    padding: 10px 12px;
}


.top_area {
    border-bottom: 1px solid #111;
    padding: 0 0 10px;
}

.s-box {
    float: none;
	margin: 20px auto 0px;
    width: 95%;
}

.s-box + .s-box {
	margin: 20px auto 0px;
}

.s-box img {
	max-width:100%;
}

footer {
	margin-top:20px;
}

}