@import url('https://fonts.googleapis.com/css?family=Open+Sans:400,700');

*, *:before, *:after { box-sizing: border-box; -moz-box-sizing: border-box; }

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%;}

/* HTML5 display-role reset for older browsers */

article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {display: block;}
body {line-height: 1;}
ul {list-style: none;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after,
q:before, q:after {content: '';content: none;}
table {border-collapse: collapse;border-spacing: 0;}
button, html input[type=button], input[type=reset], input[type=submit] { -webkit-appearance: button; cursor: pointer; }
input, textarea, select{-webkit-appearance: none;}
p,ul, h1, h2, h3, h4, h5, h6{margin:0; padding:0; list-style:none;}
form, label {-webkit-text-size-adjust: 100%;}

/*preset*/
body{background: #131f3a; color:#fff; font:normal 24px/100% open sans; text-align:center; padding: 0; margin:0;}
a{ text-decoration:none; }
img{max-width: 100%;}
textarea { resize:vertical; }
iframe{ border: none; width: 100%;}
ul, h1, h2, h3, h4{ margin:0; padding:0; list-style:none; }
strong , b{ font-weight: bold;}
em, i{font-style: italic;}
input[type="submit"]{cursor: pointer;}
a[href^="tel:"]{color: inherit!important; text-decoration: none;}

.clearfix:before, .clearfix:after { content:""; display: table; clear: both; }
.clearfix {clear: both; overflow: hidden;}
.wrapper{width:980px; max-width:100%; margin:0 auto; padding: 0 12px 24px;}

/*
* Dang IE 7
*/
.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-bottom: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; }

/*SEARCH*/
.search_results div.page, .search_results div.post, .search_results div.product{ padding:15px; border:1px solid #000; background:#ffffe1; margin:10px; color:#000;}
.search_results h2 a{ text-decoration:none; }
.search_results div.entry-meta{ font-style:italic; }
.search_results a{ color:#000; }
.search_results a:hover{ text-decoration:none; }

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

.fourofour-logo{background: #fff;padding:15px;position: relative;z-index: 1;}
.fourofour-logo img{width: 100%; max-width: 286px;}
#search-result{padding-bottom:10px;}
#search-result .page-title{margin:10px;}
#search-result h1{line-height:50px;}
#search-result h2 a{margin-bottom:20px;font-size: 30px;}
#search-result .entry-meta{line-height:25px;display: none;}
#search-result .entry-summary p{line-height:35px;font-size: 20px;}
.for-searching .entry-title{font-size:57px;line-height:100%;}
.for-searching #searchform {padding:0 10px;}
.for-searching #searchform label{display:none;}
.for-searching #searchform input{display:block;margin:10px auto 30px;border:0;}
.for-searching #searchform input[type=text]{width:570px;height:53px;font-size:16px;color:#2a2a2a;padding-left:10px;max-width:100%;}
.for-searching #searchform input[type=submit]{width:206px;line-height:52px;font-size:20px;color: #fff; background: #303030;border-radius:5px;cursor:pointer;-webkit-appearance: none;}
.for-searching #searchform input[type=submit]:hover{background:#fff;color: #333;}
.fourOfour{font-size:280px;font-weight:bold;line-height:100%;}
.wrongtext{line-height:35px;margin:25px 0 15px;}

.pagination {float: right; margin: 20px 10px;}
.pagination a {background-color: #f94747; padding: 5px 8px; margin: 0px 3px; color: #fff; }
.pagination a:hover {background-color: #910000;}
.current {background-color: #910000; 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 h1{line-height:35px;}
	#search-result h2{margin-bottom:5px;}
	#search-result .entry-summary p{line-height:25px;}
	.fourOfour{font-size:105px;}
	.for-searching .entry-title{font-size:32px;}
	.wrongtext {line-height: 30px;margin: 15px 0;}
	.for-searching #searchform input[type=text]{height: 40px;margin-bottom:15px;}
	.for-searching #searchform input[type=submit]{line-height: 40px;}
}

@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;}
}