@charset "utf-8";
/* CSS Document */
*{padding:0; margin:0; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; font-style:normal;}
html,body {height:100%; font-size:15px;}
body{font-family:Arial, Geneva, Helvetica; font-size:1rem; background:#fff; color:#000; }
:active, :hover, :focus, a {outline:0; outline-offset:0;}
* a {outline:0; text-decoration:none;}
a, a:hover {color:#6805ac;}
ul{list-style:none;}
ul, li {list-style-type:none;}
img{border:0;}
h1 {font-size:40px; font-weight:bold; margin-bottom:20px; padding:0 8px; text-transform: capitalize;}
.xxxpcenter {text-align:center; padding:0 5px;}
.xxxpwraper {width:1450px; display:inline-block; max-width:100%; min-height:calc(100vh - 60px);}
.xxxpbottom {padding:20px 0 10px;}
.xxxpheader {padding:6px; margin-bottom:20px; background:#5f53fd; border-radius: 0 0 5px 5px;}
.xxxpheader .wrap {position:relative;}
.xxxpheader .wrap::after {content:""; display:block; clear:both;}
.xxxpheader .acount {position:absolute; top:0; right:0; width:300px; line-height:38px; height:38px;}
.xxxpheader .acount span {text-transform:capitalize; vertical-align:middle; margin:0 2px 0; padding:5px 8px; background:#ffe160; color:#000; border-radius:5px;}
.xxxpheader .logo {width:auto; float:left;}
.xxxpheader .logo img {max-width:100%; display:block;}
.search {float:right; width:500px; max-width:calc(100% - 340px); margin-right:300px;}
.search input[type="text"] {float:left; width:calc(100% - 38px); line-height:38px; height:38px; padding:0 10px; border:1px solid #ffe160; font-size:1rem; border-radius: 5px 0 0 5px;}
.search input[type="submit"] {display:none;}
.search .for-submit {display:block; float:right; width:38px; line-height:38px; height:38px; padding:0 5px; border:1px solid #ffe160; background:#ffe160; border-left:none; font-size:1.2rem; text-align:center; cursor:pointer; color:#000; border-radius: 0 5px 5px 0; overflow:hidden;}
.xxxpmainblock {display:inline-block; position:relative; width:100%; text-align:left; margin-bottom:40px;}
.xxxpmainblock .content {display:inline-block; width:calc(100% - 370px); margin-right:60px; vertical-align:top;}
.panel {width:302px; display:inline-block; text-align:left; vertical-align:top;}
.panel .offer {width:302px; height:252px; background:#CCC; border:1px solid #000; margin-bottom:30px;}
.panel .block {margin-bottom:40px;}
.panel .block .title {font-size:22px; font-weight:bold; padding:5px 0 14px;}
.panel .block li {margin-bottom:10px; text-transform: capitalize; font-size: 17px; font-weight: bold;}
.xxxpblock {text-align:left;}
.xxxpblock ul::after {content:""; display:block; clear:both;}
.xxxpblock li {width:252px; margin-bottom:20px; text-align:center;}
.xxxpblock img {width:250px; border:1px solid #000; display:block; box-sizing:content-box; box-shadow:0 0 5px #5b5964; overflow:hidden;}
.xxxpblock strong { display: block; padding:8px 3px 0; font-weight:normal;}
@media screen and (max-device-width:1450px){.xxxpmainblock {width:1180px;}}
@media screen and (max-device-width:1200px){
.xxxpheader .acount {width:180px;}
.search {width:100%; max-width:calc(100% - 420px); margin-right:180px;}
.xxxpmainblock {width:910px;}
}
@media screen and (max-device-width:950px){
.xxxpmainblock {width:100%;}
.xxxpmainblock .content {width:100%; margin:0 0 30px;}
.panel {width:100%; text-align:center; position:inherit; right:auto; top:auto;}
.panel .offer { display:inline-block;}
.panel .block .title {font-size:20px;}
.panel .block li {margin-bottom:14px; font-size:18px;}
}
@media screen and (max-device-width:660px){
.xxxpheader .wrap { padding-top:46px;}
.xxxpheader .logo {width:auto; max-width:calc(100% - 140px); position:absolute; left:0; top:0; line-height:38px;}
.xxxpheader .logo img {display:inline-block; vertical-align:middle;}
.xxxpheader .acount {text-align:right; width:auto;}
.search {float:none; width:100%; max-width:100%;}
}
.e404 {padding:5px; text-align: center; font-size: 20px; background: #e8e5ff;}