@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: #d32f12; 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;}

.fourofour-logo{padding:15px; margin: 1% 0 0; position: relative; z-index: 2; background: #fff;}
.fourofour-logo img{width: 360px; 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]{-webkit-border-radius:0;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]:hover{background:#fff; color: #3b99da;}
.for-searching .search-form input[type=submit]{width:206px; line-height:52px; font-size:20px; color:#fff; background:#3b99da; border-radius:5px;margin-bottom:100px;cursor:pointer; -webkit-appearance:none;}
.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;}
.product .entry-meta, .page .entry-meta{display:none;}

/*SEARCH*/
#search-result .entry-meta, #search-result h1{line-height:50px;padding: 0 10px;}
.page .entry-meta {font-size:18px;}
#search-result .page-title{font-size: 50px; font-weight: bold;}
#search-result .page-title, .search_results{margin-top:30px;display: block;border: 0;}
.search_results div.page, .search_results div.post,.search_results div.product{ padding:15px; border:1px solid #000; background:#fff; margin:10px 0; color:#000;}
.search_results h2{margin-bottom:10px;}
.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 {text-align:center; margin: 20px 10px;}
.pagination a {color:#fff; background:#3b99da; padding: 5px 8px; margin: 0px 3px; border-radius: 5px;}
.pagination a:hover {color: #3b99da; background:#fff;}
.current {color: #3b99da; background:#fff; padding: 5px 8px; margin: 0px 3px; border-radius: 5px;}

@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;}
    #search-result .page-title{font-size: 37px; line-height: 100%;}
    .fourOfour{font-size:105px; margin-top: -10px;}
    .fourofour-logo{margin: auto; text-align: center; max-width: 100%;}
    .for-searching .entry-title{font-size:32px;}
    .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;}