@import url('https://fonts.googleapis.com/css?family=Open+Sans:400,700');
*, *:before, *:after { box-sizing: border-box; -moz-box-sizing: border-box; image-rendering: -webkit-optimize-contrast;}

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed,  figure, figcaption, footer, header, hgroup,  menu, nav, output, ruby, section, summary, time, mark, audio, video {margin: 0;padding: 0;border: 0;font-size: 100%;font: inherit;vertical-align: baseline;-webkit-text-size-adjust: 100%!important;}

p,ul, h1, h2, h3, h4, h5, h6{margin:0; padding:0; list-style:none;}

body{background:#0793dc; color:#fff; font:normal 24px/100% open sans; text-align:center; padding: 0; margin:0;}
.wrapper{width:980px; max-width:100%; margin:0 auto; padding: 0 12px 24px;}

.fourofour-logo{padding:8px; margin: 1% 0 0; position: relative; z-index: 2; background: #fff;}
.fourofour-logo img{width: 320px; max-width: 100%;}
.for-searching .entry-title{font-size:57px; line-height:100%;}
.for-searching .search-form {padding:0 10px;}
.for-searching .search-form label span{display:none;}
.for-searching .search-form input{display:block; margin:10px auto 30px; border:0;}
.for-searching .search-form input[type=search]{width:570px; height:53px; font-size:16px; color:#2a2a2a; padding-left:10px; max-width:100%; -webkit-appearance:none;}
.for-searching .search-form input[type=submit]{width:206px; line-height:52px; font-size:20px; color:#fff; background:#0077c0;margin-bottom:100px;cursor:pointer; -webkit-appearance:none;}
.for-searching .search-form input[type=submit]:hover{background:#ec2e1c; color: #fff;}
.fourOfour{font-size:280px;font-weight:bold;line-height:100%; margin-top: -40px;}
.wrongtext{line-height:35px;margin:25px 0 15px;}
.not-found{margin-top:25px;}
.page .entry-meta{display:none;}

/*SEARCH*/
#search-result .entry-meta, #search-result h1{line-height:50px;}
#search-result .entry-meta{font-size:18px;}
#search-result .page-title, .search_results{margin-top:30px;}
.search_results div.page, .search_results div.post,.search_results div.product{ padding:15px; border:1px solid #000; background:#ffffe1; margin:10px 0; color:#000;}
.search_results h2 a{ text-decoration:none; font-size:25px;}
.search_results div.entry-meta{ font-style:italic; }
.search_results a{ color:#000; font-size: 14px; font-weight: 700;}
.search_results a:hover{ text-decoration:none; }
.search_results .entry-summary{font:normal 14px/24px verdana; color:#333;}

.pagination {float: right; margin: 20px 10px;}
.pagination a {background-color: #0077c0; padding: 5px 8px; margin: 0px 3px; color: #fff; }
.pagination a:hover {background-color:#ec2e1c; color: #fff}
.current {background-color:#ec2e1c; color: #fff; padding: 5px 8px; margin: 0px 3px;}

@media only screen
and (max-width : 568px) {
	#other-search, #search-result, #page-not-found{font-size:15px;padding:1% 0;}
	#search-result .page-title, .search_results{margin-top:15px;}
	.fourOfour{font-size:105px; margin-top: -10px;}
	.fourofour-logo{width: 400px; margin: auto; text-align: center; max-width: 100%;}
	.for-searching .entry-title{font-size:32px;}
	#search-result h1{font-size:30px;}
	.wrongtext {line-height: 30px;margin: 15px 0;}
	.for-searching .search-form input[type=search]{height: 40px;margin-bottom:15px;}
	.for-searching .search-form input[type=submit]{line-height: 40px; margin-bottom: 50px;}
}

@media only screen
and (max-width : 320px) {
	#other-search, #search-result, #page-not-found{font-size:17px;padding:1% 0;}
	.fourOfour{font-size:145px;}
	.for-searching .entry-title{font-size:32px;}
	.wrongtext {line-height: 30px;margin: 15px 0;}
}

/*
* Dang IE 8
*/
.lt-ie8 .dang-ie{ width: 100%; height: 100%; background-color: #00abdd; padding:5% 0 2%;}
.message{ text-align: center; color: #fff; font-size: 20px;}
.inner-message{position: relative; text-align: center; margin: auto;line-height:28px;}
.new-line{display:block;}
.inner-message img{ position: relative;margin:1% 0 20px;border:0;}
.inner-message a.download{ display: block; width: 300px; padding: 10px; color: #fff; margin: 2em auto 1em; border: 1px solid #fff;}
.terms{ color: #fff; font-size: 13px; padding: 20px; text-align:right;}
.terms a{color: #fff; font-weight: bold;}
.lt-ie8 .protect-me{ display: none;}