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

*, *:before, *:after {box-sizing: border-box; -moz-box-sizing: border-box;}img{max-width: 100%; height: auto; border: 0;}html, button, input, select, textarea { color: #222;}html, body { font-family:Arial; font-size:14px; line-height:22px; height: 100%;margin:0;}a{ text-decoration: none; color: #3498db; outline: 0 !important;}textarea { resize: vertical;}

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

body{background: #8bc625; 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: #f6f6f6;}
.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]{-webkit-border-radius:0;width:570px; height:53px; font-size:16px; color:#2a2a2a; padding-left:10px; max-width:100%; -webkit-appearance:none;border-radius:50px;}
.for-searching .search-form input[type=submit]:hover{background:none; color: #fff;border:2px solid #fff}
.for-searching .search-form input[type=submit]{width:206px; line-height:52px; font-size:20px; color:#fff; background:#db2c61;border-radius:50px;margin-bottom:100px;cursor:pointer; -webkit-appearance:none;border:2px solid transparent}
.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*/
.page .entry-meta, #search-result h1{line-height:50px;}
.page .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: none; padding: 5px 8px; margin: 0px 3px; color: #fff; border:1px solid #fff;}
.pagination a:hover {background-color: #db2c61;}
.current {background-color: #db2c61; color: #fff; padding: 5px 8px; margin: 0px 3px;border:1px solid #fff}

@media only screen
and (max-width : 600px) {
  .search_results div.page, .search_results div.post, .search_results div.product {word-wrap: break-word;}
  .pagination {float: none; margin: 20px auto; display:block;}
  .pagination a {padding: 5px 6px;margin: 0 2px; }
}

@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: 100%; 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;}