article, aside, details, figcaption, figure, footer, header, hgroup, nav, section{display:block;}
body{
	margin:0;
	color:#2c2c2c;
	font:17px "Futura_StdBold", Arial, Helvetica, sans-serif;
	background:#fff;
line-height:23px;
	min-width:320px;
}
img{
	border:0;
	vertical-align:top;
}
a{
	color:#CC9900;
	outline:none;
}

a:hover{text-decoration:none;}
form, fieldset{
	margin:0;
	padding:0;
	border:0;
}
input, textarea, select{
	font:100% "Open Sans", Arial, Helvetica, sans-serif;
	vertical-align:middle;
	outline:none;
	color:#000;
}
input[type=text], input[type=email], input[type=reset], input[type=button], input[type=submit], button, textarea{-webkit-appearance:none;-webkit-border-radius:0;}
/* wrapper */
.wrapper-holder{
	width:100%;
	overflow:hidden;
	position:relative;
}
#wrapper{
	max-width:990px;
	padding:0 5px;
	margin:0 auto;
}
/* header */
.h-area{
	overflow:hidden;
}
.logo{
	margin:49px 0 0 7px;
	float:left;
	background:url(../images/bg-logo.png) no-repeat;
	width:310px;
	height:63px;
	overflow:hidden;
	text-indent:-9999px;
}
.logo a{
	display:block;
	height:100%;
}
.h-block{
	float:right;
	width:595px;
}
.top-nav{
	margin:0 0 10px;
	padding:15px 0 10px 5px;
	list-style:none;
	font-size:13px;
	line-height:16px;
	border-bottom:1px solid #e6e6e6;
    text-align: right;
}
.top-nav li{
	display:inline-block;
	vertical-align:top;
	padding:0 0 0 40px;
}
.top-nav li:first-child{padding-left:0;}
.top-nav a{
	color:#7a7a7a;
	text-decoration:none;
}
.top-nav a:hover{text-decoration:underline;}
.h-row{overflow:hidden;}
.phone-box{
	float:left;
	padding:22px 0 0 120px;
	background:url(../images/bg-phone-box.png) no-repeat 0 100%;
	min-height:74px;
}
.phone-box .ttl{
	display:block;
	color:#333333;
	font-size:14px;
	line-height:17px;
	font-weight:normal;
	padding:0 0 2px;
}
.phone-box .phone, .phone-box .phone a, .phone-box .phone a:hover{
	display:block;
	color:#339900;
	font-size:25px;
	line-height:26px;
    text-decoration: none;
}
.h-row .btn {
    float: right;
    font-size: 18px;
    line-height: 22px;
    padding: 10px 16px 12px;
    color: #ffffff;
    max-width: 157px;
    text-decoration: none;
    text-align: center;
    cursor: pointer;
    background-color: #339900;
    margin: 10px 0px 10px;
    border-radius: 6px;
    -webkit-border-radius: 6px;
}

.h-row .btn:hover{
	opacity:0.8;
	filter:alpha(opacity=80);
}
.h-row .btn span{
	display:block;
	background:url(../images/bg-btn-arrow.png) no-repeat 0 8px;
	padding:0 12px;
}
/* nav-area */
.nav-area{
	background:#0056a3;
	border-top:6px solid #04aade;
	padding:0 9999px;
	margin:0 -9999px;
	position:relative;
	overflow:hidden;
}
.nav-area .m-nav-link{
	display:none;
	padding:0 46px 0 16px;
	text-decoration:none;
	color:#fff;
	background:#7a7a7a url(../images/bg-drop-link.png) no-repeat 100% 0;
	font-size:16px;
	line-height:35px;
	text-transform:uppercase;
}
#nav{
	margin:0;
	padding:0;
	list-style:none;
	font-size:18px;
	//line-height:28px;
	font-weight:600;
	display:table;
	width:100%;
	//background:url(../images/sep-nav.png) no-repeat 100% 0;
}
#nav li{
	display:table-cell;
    vertical-align: middle;
	//background:url(../images/sep-nav.png) no-repeat;
    text-align: center;
}
#nav li.active{background-color:#04aade; text-align: center;}
#nav li.active a{
text-decoration:none;
text-align:center;
}
#nav a{
	display:block;
	//height:30px;
	padding:15px 16px 14px;
	cursor:pointer;
	color:#fff;
	text-decoration:none;
font-weight:100;
}
#nav a.home{padding:12px 11px 14px;}
#nav a.home span{
	display:block;
	background:url(../images/bg-home.png) no-repeat;
	width:21px;
	height:17px;
	overflow:hidden;
	text-indent:-9999px;
	margin:10px auto 0;
}
#nav a:hover{text-decoration:underline;}
/* main */
.info-area{
	background:url(../images/bg-info-area.png) repeat-x 50% 0;
	padding:0 9999px;
	margin:0 -9999px 28px;
	position:relative;
	overflow:hidden;
border-bottom: 6px solid #0056a3;
//background-color:#B0D9F4;
}
.info-area .holder{
	background:url(../images/ramen-deuren.jpg) no-repeat 100% 26px;
	min-height:375px;
	overflow:hidden;
}
.info-area .frame{
	max-width:615px;
	overflow:hidden;
	padding:45px 0 0;
}
.info-area h1{
	margin:0 0 1px;
	color:#0056a3;
	font-size:52px;
	line-height:45px;
	font-weight:100;
padding-bottom: 25px;
}
.info-area h2{
	margin:0 0 25px;
	color:#00aeef;
	font-size:35px;
	line-height:38px;
	font-weight:normal;
}
.info-area p{
	margin:0 0 30px;
	font-size:15px;
	line-height:23px;
	color:#000000;
}
.info-area p strong{font-weight:600;}
.txt-row .btn,
.f-area .btn,
.info-area .btn{
    display: inline-block;
    vertical-align: top;
    background-color: #F29926;
    font-size: 16px;
    line-height: 18px;
    padding: 16px 22px;
    font-weight: 600;
    text-decoration: none;
    color: #fff;
    border-radius: 6px;
    -webkit-border-radius: 6px;
margin-top:10px;
}

.txt-row .img-box {     
    float: left;
    width: 120px;
    
}

.txt-row .txt-box {     
    overflow: hidden; 
}

.txt-row span.text {
    font-size: 13px;
    color: #7a7a7a;
    font-style: italic;    
}

.txt-row span.text a{
    color: #7a7a7a;
    text-decoration: none;
}

.txt-row span.text a:hover{
    color: #7a7a7a;
    text-decoration: underline;
}

.txt-row .btn{padding:10px 15px;}
.txt-row .btn:hover,
.f-area .btn:hover,
.info-area .btn:hover{
	opacity:0.8;
	filter:alpha(opacity=80);
}
.info-lst{
	margin:0 auto;
	padding:0 0 42px;
	list-style:none;
	display:table;
	width:100%;
	max-width:988px;
}

. txt-area .info-lst t{
	margin:0 auto;
	padding:0 0 42px;
	list-style:none;
	display:table;
	width:100%;
	max-width:988px;
}

.info-lst li{
	width:25%;
	//border:solid #f5f5f5;
	border-width:1px 1px 1px 0;
	display:table-cell;
	vertical-align:top;
	padding:21px 10px 13px 14px;
background-color:#f5f5f5;
}

.info-lst li:first-child{border-left-width:1px;}
.info-lst .img{margin:0 -5px 15px -9px;}
.info-lst .img img{
	max-width:100%;
	width:100%;
	height:auto;
}
.info-lst h2{
	margin:0 0 9px;
	color:#CC9900;
	font-size:18px;
	line-height:23px;
	font-weight:bold;
	min-height:15px;
}
.info-lst h2 a{
	text-decoration:none;    
	color:#000000;
}
.info-lst h2 a:hover{text-decoration:underline;}
.info-lst p{
	margin:0 0 18px;
	font-size:14px;
	line-height:22px;
	color:#2c2c2c;
}
.info-lst .more{
	font-weight:bold;
    text-decoration:none;
	color:#4494ac;
	line-height:17px;
}
.info-lst .more:hover{text-decoration:underline;}
/* info-holder */
.info-holder{
	//background:#f5f8fc;
	padding:45px 9999px 26px;
	margin:0 -9999px;
	position:relative;
	overflow:hidden;
}
.info-holder .box{
	max-width:482px;
	float:right;
	width:49%;
}
.info-holder .box:first-child{float:left;}
.info-holder h2{
	margin:0 0 33px;
	color:#0056a3;
	font-size:21px;
	line-height:24px;
	font-weight:600;
	border-bottom:1px solid #daddde;
	padding:0 0 10px;
}

.info-holder h2 a{	
	color:#0056a3;
	text-decoration: none;
}

.info-holder h2 a:hover{		
	text-decoration: underline;
}

.quote-box{
	background:url(../images/bg-quote.png) no-repeat 0 5px;
	min-height:71px;
	padding:0 0 53px 105px;
}
.quote-box-holder .quote-box{padding-bottom:43px;}
.quote-box blockquote{margin:0;}
.quote-box q{
	display:block;
	color:#2c2c2c;
	font-size:17px;
	line-height:23px;
	padding:0 0 10px;
}
.quote-box q:before,
.quote-box q:after{content:"";}
.quote-box cite{
	display:block;
	color:#e4730d;
	font-size:14px;
	line-height:17px;
	font-style:normal;
}

.quote-box cite a{
 text-decoration: none;
}

.quote-box cite a:hover{
 text-decoration: underline;
}

.social-area{overflow:hidden;}
.social-area h3{
	margin:0 10px 0 0;
	float:left;
	color:#000000;
	font-size:15px;
	line-height:18px;
	font-weight:600;
	max-width:170px;
}
.social-area .img-lst{
	margin:0;
	padding:0;
	list-style:none;
	overflow:hidden;
}
.social-area .img-lst li{
	display:inline-block;
	vertical-align:top;
	margin:0 0 3px 0;
}
.contact-info .txt-lst,
.txt-area .txt-lst,
.info-holder .txt-lst{
	margin:0;
	padding:0 0 3px;
	list-style:none;
	color:#0056a3;
	font-size:15px;
	line-height:23px;
    font-weight: 500;
}
.contact-info .txt-lst,
.txt-area .txt-lst{
	color:#2c2c2c;
	padding:0 0 3px;
}
.contact-info .txt-lst li,
.txt-area .txt-lst li,
.info-holder .txt-lst li{
	background:url(../images/bullet-lst.png) no-repeat;
	padding:0 0 22px 37px;
    line-height: 23px;
    font-size: 15px;
}


.txt-area .button,
.info-holder .btn{
	display:block;
	//background:#e4730d url(../images/bg-h-btn.png) repeat-x;
background-color:#F29926;
	//border:1px solid #ac5200;
	font-size:20px;
	line-height:24px;
	padding:10px 12px;
	color:#fff;
	text-decoration:none;
	text-align:center;
	text-transform:uppercase;
	cursor:pointer;
	font-weight:600;
    border-radius: 6px;
    -webkit-border-radius: 6px;
}

.txt-area .buttonblue{
	display:block;
	background:#CC9900;
	font-size:18px;
	line-height:24px;
	padding:10px 12px;
    margin-top: 30px;
    margin-bottom: 30px;
	color:#fff;
	text-decoration:none;
	text-align:center;    
	cursor:pointer;
	font-weight:600;
    border-radius: 6px;
    -webkit-border-radius: 6px;
}
.txt-area .buttonblue,
.txt-area .button{max-width:95%;}

.txt-area .buttonblue span,
.txt-area .button span,
.info-holder .btn span{
	text-transform:none;
	display:block;
	font-size:14px;
	line-height:17px;
	font-style:italic;
}

.txt-area .buttonblue span {
    	color: #7a7a7a;
    }
.txt-area .buttonblue:hover,
.txt-area .button:hover,
.info-holder .btn:hover{
	opacity:0.8;
	filter:alpha(opacity=80);
}


/* info-frame */
.info-frame{
	overflow:hidden;
	padding:49px 0 78px;
}
.info-frame .box{
	max-width:482px;
	float:right;
	width:49%;
	overflow:hidden;
}
.info-frame .box:first-child{
	float:left;
	padding:6px 0 0;
}
.info-frame h3{
	margin:0 0 14px;
	color:#7a7a7a;
	font-size:21px;
	line-height:24px;
	font-weight:600;
}
.info-frame p{
	margin:0;
	font-size:15px;
	line-height:23px;
}
.info-frame .img{
	float:right;
	padding:0 10px 0 8%;
}
.info-frame .hold{overflow:hidden;}
.info-frame .hold h4{
	margin:0;
	color:#c63f3b;
	font-size:32px;
	line-height:42px;
	font-weight:normal;
}
/* breadcrumbs-area */
.breadcrumbs-area{
	//background:url(../images/bg-info-area.jpg) no-repeat 50% -10px;
background-color:#f5f5f5;
	overflow:hidden;
	padding:17px 9999px;
	position:relative;
	margin:0 -9999px;
	color:#252525;
	font-size:13px;
	line-height:15px;
}
.breadcrumbs-area .txt{
	float:left;
	padding:0 10px 0 0;
}
.breadcrumbs-area ul{
	margin:0;
	overflow:hidden;
	padding:0;
	list-style:none;
}
.breadcrumbs-area li{
	display:inline-block;
	vertical-align:top;
	padding:0 6px 0 15px;
	background:url(../images/bullet-breadcrumbs.png) no-repeat 0 6px;
}
.breadcrumbs-area li:first-child{
	background:none;
	padding-left:0;
}
/* main-holder */
.main-holder{
	overflow:hidden;
	padding:16px 0 60px;
}
/* sidebar */
#sidebar{
	float:left;
	max-width:295px;
	width:30%;
}
#sidebar h2{
	margin:0 0 12px;
	padding:0 0 10px;
	font-weight:600;
	color:#00aeef;
	font-size:21px;
	line-height:24px;
	border-bottom:1px solid #daddde;
}
.side-nav{
	margin:0;
	padding:0 0 40px;
	list-style:none;
	font-size:17px;
	line-height:18px;
}

.side-nav li ul{
	margin:0;
	padding:0 0 10px;
	list-style:none;
	font-size:14px;
	line-height:18px;
}

.side-nav li{
	background:url(../images/bullet-side-nav.png) no-repeat 0 7px;
	padding:0 0 10px 18px;
}

.side-nav ul li{
	background:url(../images/bullet-side-nav.png) no-repeat 0 12px;
	padding:5px 0 8px 12px;
}



.side-nav a{
	color:#0056a3;
	text-decoration:none;
    font-weight: 600;
}

.side-nav li.active a{
	color:#04aade;
    font-weight: bold;
	text-decoration:none;
}

.side-nav a:hover{text-decoration:underline;}
/* content */
#content{
	float:right;
	max-width:650px;
	width:66%;
}
#content.inner{
	float:none;
	width:auto;
	max-width:100%;
}
.txt-area h1{
	margin:0 0 14px;
	color:#0056a3;
	font-size:32px;
	line-height:35px;
	//border-bottom:1px solid #daddde;
	padding:0 0 9px;
	font-weight:100;
}
.txt-area p{
	margin:0 0 0px;
	color:#2c2c2c;
	font-size:17px;
	line-height:23px;
    padding-bottom: 25px;
}
.txt-area h2{
	margin:0 0 10px;
	color:#00aeef;
	font-size:24px;
	line-height:24px;
	font-weight:100;
	word-break: keep-all;
}

.txt-area h2 a{
	color:#04aade;	
    text-decoration: underline;
}

//.txt-area a{
	color:#00aeef;	
    text-decoration: underline;
}

.txt-area h2 a:hover{
	color:#00aeef;	
    text-decoration: underline;
}

.txt-area h3{
	margin:0 0 10px;
	color:#7a7a7a;
	font-size:18px;
	//line-height:40px;
	font-weight:600;
	word-break: keep-all;
}


.txt-area ul{
	margin:0;
	padding:0 0 20px;
	font-size:17px;
	line-height:23px;
	list-style:none;
}

.txt-area li{
	margin:0;
	padding:0 0 15px;
	font-size:17px;
	line-height:23px;
}

.txt-area ol{
	margin:0;
	font-size:17px;
	line-height:23px;
	padding:0 25px 17px;
}

.txt-area ul li{
	background:url(../images/bullet-lst02.png) no-repeat 0 10px;
	padding:0 0 0 30px;
}
.txt-area ul ul{padding:0 0 0 17px;}
.txt-area .img-lst{margin:0 -10px 0 0;}
.txt-area .img-lst li{
	background:none;
	display:inline-block;
	vertical-align:top;
	padding:0 2% 19px 0;
	width:33%;
	max-width: 100%;
}
.txt-area .img-lst img{
	max-width:330px;
	height:auto;
}
.txt-row{
	border-bottom:1px solid #daddde;
	overflow:hidden;
	/*padding:0 0 22px;*/
    padding:0 0 0px;
	margin:0 0 29px;
}
.txt-row p{margin:0 0 16px;}

.txt-area {
    padding-bottom: 15px;
}
/* contact-area */
.contact-area{overflow:hidden;}
.form-box{overflow:hidden;}
.contact-area h2{
	margin:0 0 18px;
	color:#F29926;
	font-size:20px;
	line-height:23px;
	font-weight:600;
}
.contact-form{
	float:left;
	max-width:500px;
	width:50%;
}

.contact-form .error-txt{
	border:1px solid #bb0900;
	display:block;
	background:#bb0900;
	font-size:14px;
	line-height:18px;
	color:#fff;
	padding:8px 8px 9px;
	margin:0 0 7px;
}

.contact-form .row{
	overflow:hidden;
	padding:0 0 10px;
}
.contact-form .row label{
	display:block;
	color:#2c2c2c;
	font-size:15px;
	line-height:18px;
	padding:0 0 9px;
}

.contact-form .row .decor-field{
	border:1px solid #9b9c9d;
	overflow:hidden;
	padding:0 12px;
}

.contact-form .row .decor-field.error{
    background: #faafaf;
    border: 1px solid #d90000;
}
.contact-form .row .decor-field.error textarea,
.contact-form .row .decor-field.error input{color: #d90000;}
.contact-form .row .decor-field.small{
	float:left;
	width:50px;
	margin:0 12px 0 0;
}
.contact-form .row .decor-field.select{padding:0;}
.contact-form .row input[type="text"]{
	background:none;
	border:0;
	padding:8px 0;
	width:100%;
	float:left;
	color:#2c2c2c;
	font-size:15px;
	height:20px;
}

.contact-form .row input.error[type="text"]{
	background:none;
	border:0;
	padding:8px 0;
	width:100%;
	float:left;
    color: #d90000;
	font-size:15px;
	height:20px;
}

.contact-form .row textarea{
	overflow:auto;
	margin:0;
	resize:none;
	background:none;
	border:0;
	padding:8px 0;
	width:100%;
	float:left;
	color:#2c2c2c;
	font-size:15px;
	line-height:20px;
	height:125px;
}
.contact-info{
	float:right;
	max-width:400px;
	width:50%;
}
.contact-list{
	overflow:hidden;
	padding:0 0 26px;
}
.contact-list ul{
	float:right;
	margin:0;
	padding:0;
	list-style:none;
	width:58%;
	font-size:15px;
	line-height:28px;
}
.contact-list ul:first-child{
	float:left;
	width:40%;
}
.contact-info p{
	margin:0 0 18px;
	font-size:17px;
	line-height:23px;
}
.map-box{
	height:325px;
	overflow:hidden;
	position:relative;
}
.map-box > div{
	height:100%;
	overflow:hidden;
	position:relative;
}
/* select */
div.selector{
	width:100% !important;
	line-height:37px;
	height:37px;
	overflow:hidden;
	background:#fff url(../images/bg-select.png) no-repeat 100% 50%;
	position:relative;
	font-size:15px;
}

.decor-field.error div.selector{background-color:#faafaf;}
div.selector select{
	color:#2c2c2c;
	font:15px/37px "Open Sans", Arial, Helvetica, sans-serif;
	height:37px;
	position:absolute;
	top:0;
	left:0;
	width:100%;
	z-index:100;
	opacity:0;
 	filter:alpha(opacity:0);
	border:none;
	background:none;
	padding:0;
	cursor:pointer;
}
div.selector span{
	width:auto !important;
	line-height:37px;
	max-width:80%;
	height:37px;
	color:#2c2c2c;
	position:relative;
	z-index:9;
	cursor:pointer;
	text-indent:12px;
	display:block;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
}
.decor-field.error div.selector span{color:#d90000;}
 
.contact-form .btn-hold{
	overflow:hidden;
	margin:0px 0 0;
}
.contact-form .btn-hold input{
	padding:0;
	cursor:pointer;
	background:url(../images/bg-h-btn.png) repeat-x;
	font-size:14px;
	color:#fff;
	width:235px;
	height:45px;
	border:1px solid #ac5200;
}
.contact-form .btn-hold input:hover{
	opacity:0.8;
	filter:alpha(opacity=80);
}
/* footer */
footer{
	background:#0056a3;
	overflow:hidden;
	padding:10px 9999px 0;
	margin:0 -9999px;
	position:relative;
	color:#fff;
}
.f-area{
	overflow:hidden;
	padding:10px 0 10px 0px;
	//background:url(../images/bg-f-area.png) no-repeat 0 100%;
	min-height:355px;
}
.f-area .box{
	float:right;
	max-width:450px;
	width:45%;
}
.f-area .box:first-child{
	float:left;
	max-width 450px;
	width:50%;
}
.f-area h3{
	margin:0 0 20px;
	font-size:21px;
	line-height:25px;
	font-weight:600;
	position:relative;
	z-index:2;
}

.f-area h3 a{
	color: #fff;
    text-decoration: none;
}

.f-area h3 a:hover{	
    text-decoration: underline;
}

.f-area p{
	margin:0 0 20px;
	font-size:16px;
	line-height:23px;
}
.f-area p span{color:#bbe4fa;}
.f-area p span a{color:#bbe4fa; }

.f-area .btn{
	margin:0 0 31px;
	max-width:256px;
	display:block;
	text-align:center;:
}
.link-lst{
	margin:0;
	padding:0;
	list-style:none;
	font-size:15px;
	line-height:18px;
}
.link-lst li{
	background:url(../images/bullet-link-lst.png) no-repeat 1px 6px;
	padding:0 0 12px 15px;
}
.link-lst a{color:#fff; text-decoration:none; }
.link-lst a:hover{text-decoration:underline; }
.f-area .txt{
	display:block;
	line-height:17px;
	padding:0 0 15px;
}
.contact-lst{
	margin:0;
	padding:0 0 10px;
	list-style:none;
	font-size:14px;
	line-height:19px;
}
.contact-lst li{padding:4px 0 20px 38px;}
.contact-lst li.phone{
	font-size:16px;
    font-weight: bold;
	background:url(../images/ico-phone.png) no-repeat;
}
.contact-lst li.mail{background:url(../images/ico-mail.png) no-repeat;}
.contact-lst li.addr{background:url(../images/ico-addr.png) no-repeat;}
.contact-lst a{color:#fff; text-decoration:none;}
.contact-lst a:hover{color:#fff; text-decoration:underline;}
.map-hold{margin:-20px 0 0;}
.map-hold img{
	max-width:100%;
	height:auto;
}
.f-row{
	background:#04aade;
	overflow:hidden;
	padding:16px 9999px;
	margin:0 -9999px;
	position:relative;
	font-size:14px;
	line-height:20px;
}
.f-nav{
	margin:0;
	padding:0;
	list-style:none;
	float:left;
	width:100%;
}
.f-nav li{
	padding:0 22px 0 0;
	display:inline-block;
	vertical-align:top;

}
.dev-info a{color:#4998df; }
.f-nav a{color:#fff; }
.dev-info{
	display:block;
	overflow:hidden;
	font-weight:normal;
	text-align:right;
display: none;
}
.dev-info a{text-decoration:none;}
.dev-info a:hover{text-decoration:underline;}
/* responsive layout */
@media screen and (max-width: 1010px){
	#wrapper{padding:0 10px;}
	.txt-area .img-lst li{width:46%;}
	.info-lst h2{font-size:15px;}
}
@media screen and (max-width: 900px){
	.logo{
		float:none;
		display:block;
		margin:0 auto;
	}
	.h-block{
		float:none;
		width:auto;
	}
	.h-area{padding:20px 0 0;}
	#nav{font-size:13px;}
	#nav a{padding:12px 10px 14px;}
	.info-area .holder{
		background-size:350px auto;
		background-position:100% 100%;
	}
	.info-frame .hold h4{
		font-size:26px;
		line-height:36px;
	}
	.info-lst li{padding:21px 7px 13px;}
	.info-lst .img{margin:0 0 15px;}
	.info-holder .btn{font-size:18px;}
	.top-nav{text-align:center;}
	.top-nav li{padding:0 20px 10px;}
}
@media screen and (min-width: 801px){
	#nav{display:table !important;}
}
@media screen and (max-width: 800px){
	.contact-info,
	.contact-form{
		float:none;
		width:auto;
		max-width:100%;
	}
	.contact-form{padding:0 0 25px;}
	.contact-form .btn-hold input{width:100%;}
	.info-lst{
		display:block;
		width:auto;
	}
	.info-lst li{
		display:inline-block;
		vertical-align:top;
		width:29%;
		margin:0 1% 10px 0;
		border-width:1px;
	}
	.info-lst p{min-height:110px;}
	.f-area .box:first-child,
	.f-area .box,
	.info-frame .box,
	.info-holder .box{
		float:none !important;
		width:auto;
		max-width:100%;
		margin:0 0 20px;
	}
	.info-frame{padding:20px 0;}
	.nav-area .m-nav-link{display:block;}
	#nav{
		display:none;
		border-top:1px solid #ccdded;
		position:relative;
		overflow:hidden;
		padding:0 9999px;
		margin:0 -9999px;
	}
	#nav li{
		display:block;
		padding:0 999px;
		margin:0 -999px;
		background:none;
	}
	#nav a.home,
	#nav a{
		font-size:15px;
		height:auto;
		padding:12px 16px 10px;
	}
	#nav br{display:none;}
	#nav .active a,
	#nav a:hover,
	#nav li:hover{
		text-decoration:none;
		background:#00aeef;
	}
	#nav a.home span{
		text-indent:0;
		width:auto;
		height:auto;
		margin:0;
		background:none;
	}
}
@media screen and (max-width: 750px){
	.f-nav li{padding-bottom:8px;}
	.info-area .holder{
		background:none;
		min-height:1px;
	}
	.info-area .frame{
		max-width:100%;
		padding:25px 0;
	}
	.f-nav{
		float:none;
		width:auto;
	}
	.dev-info{text-align:left;}
	#sidebar,
	#content{
		float:none;
		width:auto;
		max-width:100%;
	}
	#content{margin:0 0 20px;}
	.main-holder{padding:20px 0;}
}
@media screen and (max-width: 600px){

	.info-lst li{width:43%;}
	.h-row .btn{
		float:none;
		display:block;
		margin:0 auto 15px;
	}
	.h-row .btn{max-width:80%;}

      .phone-box{
    margin:0 auto;
    float:none;
	text-align: center;
	padding:0px 0 10px;
	background:none;
    min-height:4px;
    }

    
}
@media screen and (max-width: 500px){
	.f-area{
		background:none;
		padding-left:0;
	}
	.social-area h3{
		float:none;
		max-width:100%;
		margin:0 0 10px;
	}
	.info-frame .img{
		float:none;
		padding:0 0 15px;
	}
	.info-area h1{font-size:44px;}
	.info-area .frame{padding:15px 0 20px;}
	.txt-area .img-lst li{padding-bottom:12px;}
	.breadcrumbs-area .txt{
		float:none;
		display:block;
		padding:0 0 3px;
	}
	.breadcrumbs-area li{padding-bottom:5px;}
	.breadcrumbs-area li:first-child{
		padding:0 6px 5px 15px;
		background:url(../images/bullet-breadcrumbs.png) no-repeat 0 6px;
	}
	.quote-box{
		padding-left:75px;
		background-size:61px auto;
	}

    
    .top-nav li{
    padding:0 0 10px 20px;
}  
    

   
}
@media screen and (max-width: 420px){
	.info-area h1{
		font-size:34px;
		line-height:42px;
	}
	.info-area h2{font-size:30px;}
	.info-lst li{width:92%;}
	.info-lst p{min-height:1px;}
	.info-holder .btn{font-size:15px;}

   

    .top-nav{
	margin:0 0 10px;
	padding:15px 0 10px 5px;
	list-style:none;
	font-size:13px;
	line-height:16px;
	border-bottom:1px solid #e6e6e6;
    overflow:hidden;
}


    
}




.adaptpage {
    background-color: #de7401;
    padding: 2px 0 5px 0;
    text-align: center;
}

.adaptpage a{
    color: #fff;    
}

.txtIV {
    display: none;
    visibility: hidden;
}


/* Paging UI */
a.pagerButton, a.pagerButton:visited
{
    border: solid 1px #7a7a7a;
    padding: 4px 10px 4px 10px;
    margin-left: 5px;
    text-decoration: none;
    color: #7a7a7a;    
}

a.pagerButton:hover
{
    border: solid 1px #00aeef;    
    color: #00aeef;
}

.pagerButtonCurrentPage
{
    border: solid 1px #7a7a7a;
    padding: 4px 10px 4px 10px;
    margin-left: 5px;
    text-decoration: none;
    color: #fff;
    background-color: #7a7a7a;
}

.pagerButtonDisabled
{
    border: none;
    color: #bbe4fa;
    padding: 4px;
}

#toggleText {
    display: none;  
}


.buttonrow {
    padding-top: 10px;
    float: left;
}

.intro {
    margin: 0 0 0px;
    background-color: #f5f5f5;
    font-size: 17px;
    line-height: 23px;
    padding: 15px;
    margin-bottom: 15px;
	font-weight:bold;
    //min-height: 85px;
}

.introproduct {
    margin: 0 0 0px;
    background-color: #f5f5f5;
    font-size: 15px;
    line-height: 23px;
    padding: 15px;
    margin-bottom: 15px;
	font-weight:bold;
min-height:180px;
}

.tip {
    margin: 0 0 0px;
    background-color: #FFFFCC;
    font-size: 17px;
    line-height: 23px;
    padding: 15px;
    margin-bottom: 25px;
	font-weight:normal;
    background-image: url("https://www.nieuweramen.net/sites/72/images/tip.png");
    background-repeat: no-repeat;
padding-left:50px;
border: 1px solid #FFCC00;
}

.euro {
    margin: 0 0 0px;
    //background-color: #f5f5f5;
    font-size: 15px;
    line-height: 23px;
    //padding: 20px;
    margin-bottom: 15px;
	font-weight:normal;
    background-image: url("https://www.nieuweramen.net/sites/72/images/senioren.png");
    background-repeat: no-repeat;
padding-left:135px;
//border: 4px solid #cccccc;
}

.startblok {
    //min-height: 250px;
    //display: table;
    line-height: 23px;
    font-size: 15px;
    margin: 0 0 0px;
    background-color: #f5f5f5;
    padding: 20px;
    margin-bottom: 15px;
    font-weight: normal;
}

.startblok img {
    max-width: 50%;
    //width: 235px;
    height: auto;
float: left;
margin-right: 15px;
}

.txt-area .btnmeer{
    display: inline-block;
    vertical-align: top;
    background: #e4730d;
    font-size: 12px;
    line-height: 18px;
    padding: 12px 0px;
    font-weight: 600;
    text-decoration: none;
    color: #fff;
    border-radius: 6px;
    -webkit-border-radius: 6px;
    float: right;
    margin-top: 25px;
    text-transform: uppercase;
    width: 100%;
    text-align: center;
    margin-bottom: 25px;
}

.txt-area .btnmeercompare{
	display:inline-block;
vertical-align:top;
background: #FF6600;
	font-size:12px;
	line-height:18px;
	padding:12px 8px;
	font-weight:600;
	text-decoration:none;
	color:#fff;
    border-radius: 6px;
    -webkit-border-radius: 6px;
    float: right;
    margin-top: 10px;
    text-transform: uppercase;
    width:100px;
    text-align: center;
margin-bottom: 25px;
}

.txt-area .compare-lst {
	margin:0 auto;
	list-style:none;
	display:table;
	width:100%;
	max-width:988px;
        padding: 0 0 0px;
}

.txt-area .compare-lst li {
    background: none;
    vertical-align: top;
    padding: 5px 5px 5px 5px;
    display: table-cell;
    border-color: #f5f5f5;
    border: solid #ececec;
    border-width: 1px;
}

.tablecompare {
margin-bottom: 20px;
font:14px "Futura_StdBold", Arial, Helvetica, sans-serif;

}

.txt-area p img {
    max-width: 100%;
    //width: 100%;
    height: auto;
    //padding-bottom: 20px;
}

.txt-area .btnmeerroze {
    display: inline-block;
    vertical-align: top;
    background: #7a7a7a;
    font-size: 15px;
    line-height: 18px;
    padding: 20px 8px;
    font-weight: 600;
    text-decoration: none;
    color: #fff;
    border-radius: 6px;
    -webkit-border-radius: 6px;
    margin-top: 10px;
    text-transform: uppercase;
    width: 90%;
    text-align: center;
    margin-bottom: 25px;
}

.f-area a {
    color: white;
}

.txt-area .buttonbluesmall{
	display:block;
	background:#66a357;
	font-size:12px;
	line-height:20px;
	padding:5px 12px;
	color:#fff;
	text-decoration:none;
	text-align:center;    
	cursor:pointer;
	font-weight:600;
    border-radius: 6px;
    -webkit-border-radius: 6px;
max-width:100px;
}

.txt-area .buttongeelsmall{
	display:block;
	background:#e4730d;
	font-size:12px;
	line-height:20px;
	padding:5px 12px;
    margin-top: 10px;
	color:#fff;
	text-decoration:none;
	text-align:center;    
	cursor:pointer;
	font-weight:600;
    border-radius: 6px;
    -webkit-border-radius: 6px;
max-width:100px;
}

.info-lst .buttonbluesmall{
	//display:block;
	background:#7a7a7a;
	font-size:12px;
	line-height:20px;
	padding:5px 12px;
    margin-top: 10px;
	color:#fff;
	text-decoration:none;
	text-align:center;    
	cursor:pointer;
	font-weight:600;
    border-radius: 6px;
    -webkit-border-radius: 6px;
}

.txt-area img {
    max-width: 100%;
    height: auto;
    //float: left;
    margin-right: 15px;
    margin-bottom: 15px;
}

.buttonglow {
    display: inline-block;
    vertical-align: top;
    background-color: #FF9900;
    font-size: 18px;
    line-height: 18px;
    padding: 20px 25px;
    font-weight: 600;
    text-decoration: none;
    color: #fff;
    border-radius: 6px;
    -webkit-border-radius: 6px;
    margin-top: 10px;
    text-align: center;
//float: right;
margin-right: 5px;
margin-left: 5px;
}

@-webkit-keyframes glowing {
  0% { background-color: #B20000; -webkit-box-shadow: 0 0 3px #B20000; }
  50% { background-color: #FF0000; -webkit-box-shadow: 0 0 40px #FF0000; }
  100% { background-color: #B20000; -webkit-box-shadow: 0 0 3px #B20000; }
}

@-moz-keyframes glowing {
  0% { background-color: #B20000; -moz-box-shadow: 0 0 3px #B20000; }
  50% { background-color: #FF0000; -moz-box-shadow: 0 0 40px #FF0000; }
  100% { background-color: #B20000; -moz-box-shadow: 0 0 3px #B20000; }
}

@-o-keyframes glowing {
  0% { background-color: #B20000; box-shadow: 0 0 3px #B20000; }
  50% { background-color: #FF0000; box-shadow: 0 0 40px #FF0000; }
  100% { background-color: #B20000; box-shadow: 0 0 3px #B20000; }
}

@keyframes glowing {
  0% { background-color: #FF9900; box-shadow: 0 0 3px #FF9900; }
  50% { background-color: #FF9900; box-shadow: 0 0 40px #FF9900; }
  100% { background-color: #FF9900; box-shadow: 0 0 3px #FF9900; }
}

.buttonglow {
  -webkit-animation: glowing 1500ms infinite;
  -moz-animation: glowing 1500ms infinite;
  -o-animation: glowing 1500ms infinite;
  animation: glowing 1500ms infinite;
}

.buttonglow2 {
    display: inline-block;
    vertical-align: top;
    background-color: #FF9900;
    font-size: 18px;
    line-height: 18px;
    padding: 20px 25px;
    font-weight: 600;
    text-decoration: none;
    color: #fff;
    border-radius: 6px;
    -webkit-border-radius: 6px;
    margin-top: 10px;
    text-align: center;
margin-right: 5px;
margin-left: 5px;
}
@-webkit-keyframes glowing {
  0% { background-color: #B20000; -webkit-box-shadow: 0 0 3px #B20000; }
  50% { background-color: #FF0000; -webkit-box-shadow: 0 0 40px #FF0000; }
  100% { background-color: #B20000; -webkit-box-shadow: 0 0 3px #B20000; }
}

@-moz-keyframes glowing {
  0% { background-color: #B20000; -moz-box-shadow: 0 0 3px #B20000; }
  50% { background-color: #FF0000; -moz-box-shadow: 0 0 40px #FF0000; }
  100% { background-color: #B20000; -moz-box-shadow: 0 0 3px #B20000; }
}

@-o-keyframes glowing {
  0% { background-color: #B20000; box-shadow: 0 0 3px #B20000; }
  50% { background-color: #FF0000; box-shadow: 0 0 40px #FF0000; }
  100% { background-color: #B20000; box-shadow: 0 0 3px #B20000; }
}

@keyframes glowing {
  0% { background-color: #FF9900; box-shadow: 0 0 3px #FF9900; }
  50% { background-color: #FF9900; box-shadow: 0 0 40px #FF9900; }
  100% { background-color: #FF9900; box-shadow: 0 0 3px #FF9900; }
}

.buttonglow2 {
  -webkit-animation: glowing 1500ms infinite;
  -moz-animation: glowing 1500ms infinite;
  -o-animation: glowing 1500ms infinite;
  animation: glowing 1500ms infinite;
 animation-delay: 0.9s;
}

.carousel-top{
background-color: #0056a3;
}

.carousel-topend{
background-color: #7a7a7a;
min-height:180px;
}

.carousel-top p{
padding:30px;
text-align:center;
color:#ffffff;
}

.carousel-top h2{
font-size:45px;
color:#ffffff;
}

.carousel-middle{
	background:#f5f5f5;
	padding-top:25px;
	padding-left:25px;
	padding-right:25px;
	position:relative;
	overflow:hidden;
}

.carousel-middle2{
	background:#BEDBFB;
	padding:25px;
	position:relative;
	overflow:hidden;
text-align:center;
}

.carousel-middle .box img {
max-width:100%;
    height: auto;
margin-bottom:15px;
margin-right: 25px;
}

.carousel-middle .box{
	//max-width:482px;
	float:right;
	width:100%;
background-color:#ffffff;
min-height:110px;
}

.carousel-middle .box:first-child{float:left;}

.carousel-bottom{
background-color: #f5f5f5;
min-height: 160px;
}

.carousel-bottom p{
padding:25px;
}

.toptext{
color: #ffffff;
font-size:30px;
text-align:center;
    padding: 20px 0px 5px 0px;
line-height: 30px;
}

.box1 {
color: #000000;
//text-align:center;
padding:15px;
//min-height: 150px;
text-align: center;
}

.btnbox{
	display:inline-block;
	vertical-align:top;
background-color: #FF9900;
	font-size:18px;
	line-height:18px;
	padding:20px 25px;
	font-weight:600;
	text-decoration:none;
	color:#fff;
    border-radius: 6px;
    -webkit-border-radius: 6px;
    margin-top: 10px;
text-align:center;
}

.blok-pvcramen{
    width: 100%;
    background-image: url("https://www.nieuweramen.net/sites/72/images/offerte-pvcramen.jpg");
    padding-top: 30px;
    background-repeat: no-repeat;
min-height:250px;
}

.blok-houtenramen{
    width: 100%;
    background-image: url("https://www.nieuweramen.net/sites/72/images/houtenramen-villa.jpg");
    padding-top: 30px;
    background-repeat: no-repeat;
min-height:250px;
}

.blok-aluminiumramen{
    width: 100%;
    background-image: url("https://www.nieuweramen.net/sites/72/images/aluminiumramen-villa.jpg");
    padding-top: 30px;
    background-repeat: no-repeat;
min-height:250px;
}

.blok-stalenramen{
    width: 100%;
    background-image: url("https://www.nieuweramen.net/sites/72/images/stalen-schrijnwerk.jpg");
    padding-top: 30px;
    background-repeat: no-repeat;
min-height:250px;
}

.oplijsting ul {
  columns: 2;
  -webkit-columns: 2;
  -moz-columns: 2;
}

.prijslijst{
    width: 100%;
}

.startblok ul {
  columns: 2;
  -webkit-columns: 2;
  -moz-columns: 2;
}

.startblok3 ul {
  columns: 3;
  -webkit-columns: 3;
  -moz-columns: 3;
}

.stick a{
    position: fixed;
    top: 75%;
z-index:99999;
    //background-color: #009900;
    text-align: center;
    //color: #ffffff;
//padding:15px;
//border-radius:7px;
right: 10px;
}

.uspblok {
    display: table;
line-height: 23px;
font-size: 15px;
margin: 0 0 0px;
    background-color: #FFFFCC;
    padding: 25px;
    margin-bottom: 15px;
    font-weight: bold;
width:100%
}

#sticky {
  width:100%;
  height:44px;
  padding-top:20px;
  background:#0056a3;
border-top: 5px solid #f47629;
  color:white;
z-index: 3;
  font-weight:bold;
  font-size:24px;
  text-align:center;
  position:fixed;    /*Here's what sticks it*/
  bottom:0;          /*to the bottom of the window*/
  left:0;            /*and to the left of the window.*/
}

