@charset "utf-8";
/* CSS Document */
@media only screen and (max-width: 1260px) {
	#banner #main-banner .banner-text .block.left { margin:0 40px;}
	#banner #main-banner .banner-text .block.right {margin:0 40px; }
}
@media only screen and (max-width: 1200px) {	

	header .header .logo { width:250px; padding:20px 0 20px;}
	#fsd .left { width:60%;}
}
@media only screen and (max-width: 992px) {	
	#search .left { width:52%;}
	#fsd .left { width:60%;}
	#fsd .left h2 { font-size:40px;}
	#fsd .right { width:38%;}
	#cap .cap-boxes .box { width:47%;}
}
@media (min-width: 901px) {
    header .header .fullnav nav > ul > li:hover > ul { display:block; }	
    nav ul li ul {}
    nav ul li ul li ul {}
    nav { display:block !important;}		
}
@media (max-width: 870px) {
    header .header .logo { width:190px; padding:23px 0 0px 0;}		
}
@media only screen and (max-width: 900px) {
	.container { width:100%; }	
	header .header .fullnav nav ul{ display:block; }
	header .header .servicenav {display:none;}
	header .header .right { padding:0px;}
	.bluecontainer {padding:0px; }
	button.lines-button { display: block; vertical-align:top; padding:25px 0 15px; }	
    button.lines-button { display: block; margin:0 auto; text-align:center;}
	.lines { background: #fce302;}
	.lines-button.open .lines:before,
	.lines-button.open .lines:after { background:#fff;}
	.lines-button.open { position:fixed; top:10px; right:23px; margin:0;}
	button.lines-button span.text {  display:block; font-size:20px; font-weight:700;color: #fff;}
	button.lines-button.open span.text { color:#fff; font-size:32px; margin-top:-27px; display:none;}
	
	
    nav { position:fixed; left:0; top:0; right:0; bottom:0; z-index:99999; display:none; text-align:left;
	background:rgba(0,164,213,0.95);}
    nav > ul { position:absolute; top:50%; left:20px;  min-width:280px; text-align:left; right:20px;
	-webkit-transform:translate(0,-50%);
		-ms-transform:translate(0,-50%);
			transform:translate(0,-50%); }
    nav > ul > li { float:none; width:100%; vertical-align:top;}
	nav > ul > li.submenu::after { display:none;}
    nav > ul > li + li { margin:10px 0 0 0;}
    header .header .fullnav nav > ul > li > a { display:block; padding:5px 9px 5px; font-size:24px; color:#fff; font-family: "proxima-nova",serif; font-weight:400;}
	header .header .fullnav nav > ul > li > a { color:#fff; padding:10px 0; display:inline-block;} 
	header .header .fullnav nav > ul > li + li { margin-top:0;}
    nav > ul > li.submenu > span { width:20px; height:43px; background:url(../images/plus.png) no-repeat 0 center; display:inline-block; cursor:pointer; margin-left:10px; vertical-align:top;}
	header .header .fullnav nav > ul > li > ul { position:relative; width:100%;}
    nav > ul > li.submenu.open > span { background:url(../images/minus.png) no-repeat 0 center; width:21px; height:43px;}

    nav > ul > li:hover > a, nav > ul > li.active > a  {}

    nav ul li ul { width:100%; position:static; background:none; padding:0 20px; margin-top:10px;  border-bottom:none; background:none;
	-webkit-transform:translateX(0); -ms-transform:translateX(0); transform:translateX(0); }
	nav ul li ul:after { display:none;}
    nav ul li ul li { display:block; position:relative; }
    nav ul li ul li a { color:#fff; display:block;}
    nav ul li ul li a:hover { background-color:transparent;}
    nav ul li ul li ul { position:static;}
    nav > ul > li.current > a, nav > ul > li.section > a { color:#ffffff;}
    nav .close { position:absolute; right:20px; top:20px; display:block;}
    nav .close a { color:#fff; font-size:30px; font-weight:700; font-family:Arial, Helvetica, sans-serif;}	
	header .header .right .info { display:none;}
	header .header .logo { width:190px; padding:15px 0;}
	#search .left { display:none;}
	#search .right { float:none; text-align:center; padding:15px 0; }
	#search .right .input-text { display:inline-block; float:none; width:235px;}
	#search .right .btn { display:inline-block; float:none; vertical-align:top;}

	#banner #main-banner .banner-text .block.left { padding:20px;min-height:300px;}
	#banner #main-banner .banner-text .block.right { padding:20px;min-height:300px;}
	#banner #main-banner .banner-text .block .cap { padding-bottom:0; line-height:36px;}
	#banner #main-banner .banner-text .block h2 { padding-bottom:20px; line-height:36px;}
	#banner #main-banner .banner-text .block p { font-size:16px; line-height:25px; padding-bottom:20px;}
	#banner #main-banner .owl-prev { width:20px; height:40px; left:5px;}
	#banner #main-banner .owl-next { width:20px; height:40px; right:5px; }
	#fsd { padding:20px 0;}
	#fsd .left { width:100%;}
	#fsd .left h2 { font-size:40px; padding-bottom:20px; font-size:8vw;}
	#banner #main-banner .banner-text .block h2 { font-size:26px; padding-bottom:15px;}
	#fsd .left p { display:none;} 
	#fsd .right { width:100%; padding:20px;}
	#fsd .right .options { padding:10px 0;}
	#cap { padding:30px 0 20px;}
	#cap .title { font-size:24px;}
	#cap .title span { display:block;}
	#cap .cap-boxes .box .img-detail { padding:15px;}
	#cap .cap-boxes .box .img-detail .block h2 { font-size:26px; line-height:28px; padding-bottom:10px;}
	#cap .cap-boxes .box .img-detail .block p { font-size:16px; padding-bottom:10px;}
	#cap .cap-boxes .box { margin-bottom:20px;}
	#title h1 { font-size:5vw;}
	#scroller p br { display:none;}
	#scroller { padding:30px 0;}
	#team { padding:30px 0;}
	#team .team .box { width:47%;}	
	.agency { padding:30px 0;}
	.panel .column2_3 { width:96%; margin-bottom:20px;}
	.panel .column1_3 { width:96%;}
	.typography img.left { max-width:100%;}
	.typography .caption { padding:0 0 20px;}
	.typography p { font-size:16px; line-height:20px;}
	#community-safety .left { width:100%; margin-bottom:20px;}
	#community-safety .right { width:100%;}
	.white { padding:30px 0;}
	.light { padding:30px 0;}
	#result .result-list .box .cap { float:none;}
	#result .result-list .box .cap-detail { overflow:visible;}
	#result h2 { font-size:26px;}
	footer .top .links { width:100%;}
	footer .top .links ul { width:50%;}
	footer .top .testimonial { width:100%; margin-top:20px;}
	footer .bot .logo { display:block; text-align:center; margin-right:0;}
	footer .bot p { display:block; text-align:center;}
	footer .bot p span { display:block; height:0; opacity:0;}
	footer .top .testimonial p { font-size:20px; line-height:24px;}
	.panel .column2 { width:94%;}
	.panel .column2 + .column2 { margin-top:20px;}
	.light .title { font-size:26px;}
	.typography h1 { font-size:36px; padding-bottom:17px;}
	.typography h2 { font-size:30px; padding-bottom:16px;}
	.typography h3 { font-size:26px; padding-bottom:15px;}
	.typography h4 { font-size:22px; padding-bottom:14px;}
	.typography h5 { font-size:20px; padding-bottom:12px;}
	.typography h6 { font-size:16px; padding-bottom:10px;}
	.panel .column1_2 { width:100%;}
	.panel .column1_2 + .column1_2 { margin-top:20px;}
	#result .result-list .box { padding:20px;}
	#result h2 { padding-bottom:20px;}
	#services .sub-title { font-size:22px;}
	#services .title { font-size:26px;}
	#community-safety .left .title { font-size:26px;}
}
@media only screen and (max-width: 667px) {
}
@media only screen and (max-width: 640px) {
	#banner #main-banner .banner-text .block.left { float:none; margin:0 auto;width:90%;}
	#banner #main-banner .banner-text .block.right { float:none; margin:0 auto;width:90%;}
}
@media only screen and (max-width: 600px) {
	#community-safety .left .changelog { overflow-x:scroll;}
	#community-safety .left .changelog table { width:600px;}
	#result .result-list .box .cap-detail strong { display:block;}
	#result .pagination ul li { padding:0 2px;}
	#title h1 { font-size:10vw;}
	.typography table td,
	.typography table th {padding: 6px 6px;}
}
@media only screen and (max-width: 568px) {
}
@media only screen and (max-width: 480px) {
}
@media only screen and (max-width: 480px) {
	#cap .cap-boxes .box { width:97%;}
	#cap .cap-boxes .box .img-detail .block { min-height:0 !important;}
	#team .team .box { width:97%;}
	#team .team .box .img img { width:100%;} 
	#team .team .box a .img-detail { min-height:0 !important;}
	.agency .list ul { width:100%;}
	.agency h2 { font-size:7vw; padding-bottom:15px;}
	.agency h5 { font-size:16px;}
	#banner #main-banner .banner-text { padding:35px 0; }
	#banner #main-banner .item { min-height: 385px;}
	#banner #main-banner .banner-text .block p { line-height:22px; padding-bottom:28px;}
}
@media only screen (max-device-width: 480px) and (orientation: landscape) {
	nav ul { max-height: 200px; overflow-y:auto;}
}
@media only screen and (max-width: 375px) {
	#banner #main-banner .owl-prev { display:none;}
	#banner #main-banner .owl-next { display:none; }
	#banner #main-banner .item { min-height: 400px;}
}
@media only screen and (max-width: 360px) {
}
@media only screen and (max-width: 320px) {
}