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

body { background-color: rgb(53,53,53); text-shadow: 1px 1px 0 rgb(13,13,13); color: rgb(173,173,173); font-family: 'Roboto Condensed', Arial, Helvetica, sans-serif; font-size: 14px; margin: 0px; padding: 0px; }

a { color: rgb(253,253,253); text-decoration: none; }

img { background-color: rgb(73,73,73); }

.wrapperplaw { margin: 0 auto; max-width: 972px; overflow: hidden; padding-bottom: 20px; }


.headerplaw { overflow: hidden; background-color: rgb(33,33,33); border-bottom: 2px solid rgb(73,73,73); box-shadow: 0 5px 15px -7px rgb(13,13,13); font-size: 0; text-align: center; }
.headerplaw .wrapperplaw { padding-bottom: 10px; }

.logoplaw { margin: 10px 5px 0 5px; }
.logolinkplaw { display: inline-block; vertical-align: top; font-size: 24px; color: rgb(255,255,255); text-transform: uppercase; height: 30px; line-height: 30px; }
.logolinkplaw span { color: rgb(255,183,53); }

.langplaw { display: inline-block; vertical-align: top; margin: 10px 5px 0 5px; }
.langplaw select { background-color: rgb(73,73,73); border: 1px solid rgb(113,113,113); color: rgb(253,253,253); cursor: pointer; outline: 0 none; height: 30px; line-height: 30px; border-radius: 3px; padding: 0 10px; }
.langplaw select:hover { background-color: rgb(13,13,13); border-color: rgb(253,173,53); }

.searchplaw { display: inline-block; vertical-align: top; margin: 10px 5px 0 5px; position: relative; }
.searchplaw input { background-color: rgb(73,73,73); border: 1px solid rgb(113,113,113); color: rgb(253,253,253); outline: 0 none; height: 28px; line-height: 28px; border-radius: 3px; width: 160px; padding: 0 10px; }
.searchplaw input::placeholder { color: rgb(253,253,253); }
.searchplaw input:focus { background-color: rgb(53,53,53); border-color: rgb(253,173,53); }
.searchplaw button { background-color: rgb(133,133,133); color: rgb(255,255,255); border: 0 none; cursor: pointer; border-radius: 3px; position: absolute; top: 3px; right: 3px; height: 24px; line-height: 24px; padding: 0 5px; font-size: 11px; text-transform: uppercase; }
.searchplaw button:hover { background-color: rgb(235,163,33); }

.sealistlaw { overflow: hidden; }
.sealistlaw ul { margin: 0; padding: 0; }
.sealistlaw li { float: left; margin: 2px 2px 0 0; list-style-type: none; }
.sealistlaw a { background-color: rgb(13,13,13); border: 1px solid rgb(113,113,113); color: rgb(253,253,253); height: 38px; line-height: 38px; border-radius: 3px; padding: 0 10px; font-size: 14px; text-transform: uppercase; display: block; }
.sealistlaw a:hover { background-color: rgb(235,163,33); border-color: rgb(253,173,53); color: rgb(255,255,255); text-shadow: none; }
.sealisttoplaw { display: none; margin: 8px 8px 0 15px; float: left; }
.sealistbotlaw { margin: 18px 0 0 1px; }

.loadmoreplaw { text-align: center; font-size: 0; margin-top: 15px; }
.loadmoreplaw a { background-color: rgb(93,93,93); color: rgb(255,255,255); border-radius: 3px; display: inline-block; vertical-align: top; margin: 5px 5px 0 5px; height: 50px; line-height: 50px; padding: 0 20px; min-width: 60px; font-size: 18px; text-transform: uppercase; }
.loadmoreplaw a:hover { background-color: rgb(235,163,33); }

 h1 { font-size: 24px; line-height: 26px; color: rgb(253,253,253); margin: 10px 1px 0 1px; padding: 0px; text-transform: uppercase; font-weight: normal; }
 h2 { font-size: 22px; color: rgb(253,253,253); margin: 20px 1px 0 1px; padding: 0px; text-transform: uppercase; font-weight: normal; }
 
.review { overflow: hidden; }
.review h1 { float: left; margin-right: 9px; }
.rev-val, .review .rating { display: block; line-height: 26px; float: left; margin: 10px 1px 0 1px; text-transform: uppercase; font-size: 16px; }
.review .rating { color: rgb(255,183,53); margin-left: 5px; }

.thumbswrapplaw { overflow: hidden; padding: 8px 0 10px 0; }

.thumbplaw { float: left; width: 100%; }
.thumbplaw a { border: 1px solid rgb(73,73,73); box-shadow: 0 5px 15px -7px rgb(13,13,13); background-color: rgb(33,33,33); display: block; overflow: hidden; margin: 2px 1px 0 1px; position: relative; }
.thumbplaw img { width: 100%; height: auto; max-height: 240px; border-bottom: 1px solid rgb(73,73,73); box-shadow: 0 5px 15px -7px rgb(13,13,13); }
.thumbplaw a:hover { background-color: rgb(23,23,23); border-color: rgb(255,173,53); }
.descrplaw { height: 30px; line-height: 30px; overflow: hidden; font-size: 14px; text-transform: uppercase; text-align: center; padding: 0 10px; }
.durplaw { background-color: rgba(13,13,13,0.8); color: rgb(233,233,233); height: 20px; line-height: 20px; padding: 0 7px; font-size: 12px; position: absolute; top: 2px; right: 2px; }

.descrplaw-2 { height: 35px; line-height: 35px; font-size: 18px; }

.bottomhorswplaw { border: 1px solid rgb(73,73,73); box-shadow: 0 5px 15px -7px rgb(13,13,13); background-color: rgb(33,33,33); font-size: 0; overflow: hidden; text-align: center; padding: 10px 0 20px 0; margin: 10px 1px 0 1px; }

.bottomhorwplaw { display: inline-block; vertical-align: top; width: 300px; height: 250px; margin: 10px 5px 0 5px; background-color: rgb(73,73,73); overflow: hidden; }

.bottomhorwplaw-2, .bottomhorwplaw-3, .bottomhorwplaw-4, .bottomhorwplaw-5 { display: none; }

.playerplaw { background-color: rgb(33,33,33); border: 1px solid rgb(73,73,73); box-shadow: 0 -5px 15px -7px rgb(13,13,13); margin: 10px 1px 0 1px; position: relative; padding-bottom: 56.25%; }
.playerplaw video, .playerplaw source, .playerplaw iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.playerplaw img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: transparent; width: 100%; height: 100%; }
img.playerplaw-adop { z-index: 10000; }

.footplaw { border-top: 1px solid rgb(73,73,73); box-shadow: 0 -5px 15px -7px rgb(13,13,13); background-color: rgb(33,33,33); text-align: center; padding: 20px 0; }
.footplaw span { color: rgb(253,253,253); }

@media screen and (min-width: 324px) {
    .thumbplaw { width: 50%; }
}

@media screen and (min-width: 648px) {
    .thumbplaw { width: 33.3333%; }
    .bottomhorwplaw-2 { display: inline-block; }
    .searchplaw input { width: 200px; }
}

@media screen and (min-width: 992px) {
     h1 { font-size: 26px; }
     h2 { font-size: 24px; }
    .thumbplaw { width: 324px; }
    .thumbplaw img { width: 320px; height: 240px; display: block; }
    .bottomhorwplaw-3 { display: inline-block; }
    .logoplaw { float: left; margin-left: 1px; }
    .logolinkplaw { font-size: 30px; height: 40px; line-height: 40px; }
    .langplaw { float: right; margin-right: 1px; }
    .langplaw select { height: 40px; line-height: 40px; font-size: 14px; }
    .searchplaw { float: right; }
    .searchplaw input { height: 38px; line-height: 38px; width: 280px; font-size: 14px; }
    .searchplaw button { height: 34px; line-height: 34px; padding: 0 7px; font-size: 12px; }
    .sealisttoplaw { display: block; max-width: 260px; }
    .sealisttoplaw ul { overflow: hidden; height: 42px; }
    .review-rating-val { float: right; overflow: hidden; }

}

@media screen and (min-width: 1316px) {
    .wrapperplaw { max-width: 1296px; }
    .bottomhorwplaw-4 { display: inline-block; }
    .sealisttoplaw { max-width: 540px; margin-left: 20px; }
}

@media screen and (min-width: 1640px) {
    .wrapperplaw { max-width: 1620px; }
    .bottomhorwplaw-5 { display: inline-block; }
    .sealisttoplaw { max-width: 840px; }
}