@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:#f0f8f8; color:#000; }
:active, :hover, :focus, a {outline:0; outline-offset:0;}
* a {outline:0; text-decoration:none;}
a{color:#0226be;}
a:hover{color:#012eeb;}
ul{list-style:none;}
ul, li {list-style-type:none;}
img{border:0;}
h1,h2,h3 {font-size:inherit; font-weight:bold; display:inline-block;}
div.text {text-align:left; margin-bottom:20px;}
.padmain {padding-left:5px; padding-right:5px;}
.wrapsexn {padding:10px 5px 0; text-align:center;}
.mainblocksexn {display:inline-block; width:1550px; max-width:100%; min-height:calc(100vh - 20px); padding-bottom:100px; position:relative;}
.bottomsexn {position:absolute; bottom:0; left:0; width:100%; padding:20px 0;}
.ptop10 {padding-top:10px;}
.maintxtx {text-align:left; padding:10px 5px; line-height:1.4rem; font-size:inherit;}
.headersexn {padding:0 5px; height:50px; text-align:left; position:relative;}
.headersexn .item {width:100%;}
.headersexn .item::after {content:""; display:block; clear:both;}
.logo {float:left; height:42px; line-height:42px; width:auto; padding-top:4px;}
.logo img {max-width:100%; display:block;}
.search {float:right; width:500px; max-width:calc(100% - 570px); padding-top:4px;}
.search input[type="text"] {float:left; width:calc(100% - 42px); line-height:42px; height:42px; padding:0 10px; border:1px solid #000; font-size:1rem; border-radius: 5px 0 0 5px;}
.search input[type="submit"] {display:none;}
.search .for-submit {display:block; float:right; width:42px; line-height:42px; height:42px; padding:0 5px; border:1px solid #3603ab; background:#3603ab; border-left:none; font-size:1.2rem; text-align:center; cursor:pointer; color:#fff; border-radius: 0 5px 5px 0; overflow:hidden;}
.menusexn {height:50px; position:absolute; top:0; left:320px;}
.menusexn::after {content:""; display:block; clear:both;}
.menusexn div {float:left;}
.menusexn a, .menusexn span {display:block; line-height:50px; height:50px; min-width:40px; text-transform:capitalize; font-size:16px; padding:0 10px; color:#3603ab; white-space:nowrap;  overflow:hidden; font-weight:bold;}
.menusexn span {cursor:pointer;}
.cat-down em::after {content:"\271A"; margin-left:5px;}
.cat-up em::after {content:"\2716"; font-weight:bold; margin-left:5px;}
.menusexn .cat-up {display:none; background:#fefcd3; color:#3603ab;}
.dropped .cat-down {display:none;}
.dropped span.cat-up {display:block;}
.menusexn-visit {font-size:0; background:#fefcd3; padding:8px; margin-bottom:10px; border-radius:5px;}
.menusexn-visit::after {content:""; display:block; clear:both;}
.menusexn-visit li { float:left; text-align:center;}
.menusexn-visit li a {display:block; line-height:30px; min-width:30px; text-transform:capitalize; font-size:1rem; color:#3603ab; border-left:none; padding:0 8px;}
.menusexn-visit li a:hover {color:#cf0e0e;}
.title {padding:20px 5px 15px; font-size:1.2rem; text-transform:capitalize; font-weight:bold;}
@media screen and (max-device-width:850px){
.headersexn {height:auto; line-height:normal; height:auto;}
.headersexn .item {margin-bottom:10px}
.search {max-width:calc(100% - 320px); padding:0;}
.logo {padding:0;}
.menusexn {position:relative; top:auto; left:auto; background:#E1EAFF}
.menusexn div {float:left; width:50%; text-align:center;}
.menusexn a, .menusexn span {padding:0;}
.menusexn-visit {border-radius:0 0 5px 5px;}}
@media screen and (max-device-width:570px){
.search {width:280px; max-width:280px;}
.logo {margin-left:0; max-width:calc(100% - 280px); padding-right:10px; line-height:46px; font-size: 0; line-height:42px}
.logo img {display:inline-block; vertical-align:middle;}}
@media screen and (max-device-width:500px){
.search {width:230px; max-width:230px;}
.logo {max-width:calc(100% - 230px);}
.logo img {display:inline-block;}}
.list-links {margin-bottom:30px;}
.list-links::after {content:""; display:block; clear:both;}
.list-links li {float:left; width:20%; padding-left:5px; text-align:left; margin-bottom:15px;  white-space:nowrap; overflow:hidden;}
.list-links a {max-width:100%;}
.list-links strong {font-weight:normal;}
.list-links strong::before {content:"»"; margin-right:5px; color:#3603ab;}
@media screen and (max-device-width:1300px){.list-links li {width:25%;}}
@media screen and (max-device-width:1100px){.list-links li {width:33.333%;}}
@media screen and (max-device-width:800px){.list-links li {width:50%;}}
@media screen and (max-device-width:500px){.list-links li {width:100%;}}
.p-blocksexn {margin-bottom:30px;}
.p-blocksexn li {width:302px; margin-bottom:9px;}
.p-blocksexn .img {margin-bottom:8px;}
.p-blocksexn img {width:300px; border:1px solid #000; display:block; box-sizing:content-box; border-radius:5px; -webkit-border-radius:5px; box-shadow:0 0 5px #62acf2; overflow:hidden;}
.p-blocksexn img:hover {border:1px solid #3603ab; box-shadow:0 0 5px #429bf0;}
.p-blocksexn strong {display:block; margin-bottom:10px; white-space:nowrap; overflow:hidden; text-transform:capitalize;}
.p-blocksexn a, .p-blocksexn a:hover {color:#3603ab;}
.p-blocksexn strong::before {content:"»"; margin-right:5px; color:#3603ab;}
/*
.themesexn {display:inline-block; width:1200px; padding-left:8px; max-width:100%; margin-bottom:30px;}
.themesexn::after {content:""; display:block; clear:both;}
.themesexn .content {float:left; width:610px; max-width:calc(100% - 400px); text-align:center;}
.themesexn .wrap {margin-bottom:30px;} 
.themesexn .wrap .post {margin-bottom:30px;}
.themesexn .post .img {margin-bottom:10px; font-size:0;}
.themesexn .post img {width:auto; max-width:100%; height:auto; max-height:100vh; border:1px solid #000; box-shadow: 0 0 5px 5px #c9c5c5; cursor:pointer;}
.themesexn .post img:hover {border:1px solid #fbfb74; box-shadow: 0 0 5px 5px #fbfb74;}
.themesexn .post strong {font-size:1rem; font-weight:normal;}


.blog-postsexn {margin-bottom:30px;}
.blog-postsexn .wrap{display:inline-block; width:1200px; padding:20px 8px 0; max-width:100%;}
.blog-postsexn::after {content:""; display:block; clear:both;}
.blog-postsexn .content {float:left; width:610px; max-width:calc(100% - 400px); text-align:center;}
.blog-postsexn .post {display:inline-block;}
.blog-postsexn .post img {width:auto; max-width:100%; max-height:90vh; border:1px solid #000; box-shadow: 0 0 5px 5px #c9c5c5; cursor:pointer;}
.blog-postsexn .post img:hover {border:1px solid #fbfb74; box-shadow: 0 0 5px 5px #fbfb74;}
.blog-postsexn .post p {padding-top:10px; margin-bottom:20px;}
.blog-postsexn .post li {display:inline-block; margin:0 5px 5px; line-height:1.4rem;}
.blog-postsexn .post strong {font-size:1rem; font-weight:normal;}
.blog-postsexn .post strong::before {content:"@"; margin-right:5px;}
.r-sid {width:350px; float:right;}
.r-sid .bn {margin-bottom:20px; background:#3603ab; padding:25px 0;}
.r-sid .bn .item {display:inline-block; width:302px; height:252px; border:1px solid #000; background:#fbfb74 url(/img/404-300x250.png); background-size:cover; background-size:100%; -moz-background-size:100%; -webkit-background-size:100%; -o-background-size: 100%;}
.r-sid .bn:last-child {margin-bottom:0;}
@media screen and (max-device-width:850px){
.themesexn {padding:0 8px;}
.blog-postsexn .content {float:none; max-width:100%; display:inline-block; margin-bottom:40px;}
.themesexn .content {float:none; width:100%; max-width:100%;}
.themesexn .r-sid, .blog-postsexn .r-sid {float:none; width:100%; }
.themesexn .content {margin-bottom:10px;}
.r-sid .bn {display:inline-block; padding:25px 0; width:100%; margin:0; background:#E1EAFF}}
*/

.main-themesexn {margin-bottom:30px; padding-top:30px;}
.themesexn {width:1300px; display:inline-block; max-width:98%;}
.themesexn::after {content:""; display:block; clear:both;}
.themesexn .content {float:left; width:calc(100% - 400px); max-width:100%; text-align:center;}
.themesexn .post {display:inline-block; width:804px; max-width:100%;}
.themesexn .post .img {position:relative; width:602px; max-width:100%; font-size:0; display:inline-block;}
.themesexn .lnk-l, .themesexn .lnk-r {position:absolute; top:calc(50% - 30px); z-index:1;}
.themesexn .lnk-l a, .themesexn .lnk-r  a {display:block; width:60px; height:60px; line-height:60px; border-radius:50%; background:#2f0aa7; color:#FFF; text-align:inherit; font-size:40px; font-weight:bold;}
.themesexn .lnk-l a:hover, .themesexn .lnk-r  a:hover {background:#0528b6; color:#FFF;}
.themesexn .lnk-l {left:-75px;}
.themesexn .lnk-r {right:-75px;}
.themesexn .post .small {padding:10px 0 5px; display:none;}
.themesexn .post .small::after {content:""; display:block; clear:both;}
.themesexn .lnk-l-small {float:left;}
.themesexn .lnk-r-small {float:right;}
.themesexn .lnk-l-small a, .themesexn .lnk-r-small a {display:block; width:50px; height:50px; line-height:50px; border-radius:50%; background:#2f0aa7; color:#FFF; text-align:inherit; font-size:40px; font-weight:bold;}
.themesexn .lnk-l-small a:hover, .themesexn .lnk-r-small a:hover {background:#0528b6; color:#FFF;}
.themesexn .lnk-l-small {left:0;}
.themesexn .lnk-r-small {right:0;}
.themesexn .post img {width:auto; max-width:100%; max-height:90vh; border:1px solid #000; box-shadow: 0 0 5px 5px #c9c5c5; cursor:pointer;}
.themesexn .post img:hover {box-shadow: 0 0 5px 5px #e87474;}
.themesexn .post p {padding-top:10px; margin-bottom:20px;}
.themesexn .post li {display:inline-block; margin:0 5px 5px; line-height:1.4rem;}
.themesexn .post strong {font-size:1rem; font-weight:normal;}
.themesexn .post strong::before {content:"#"; margin-right:5px; color:#ce0000;}

.r-sid {width:350px; float:right;}
.r-sid .bn {margin-bottom:20px; background:#bbf5f5; padding:25px 0;}
.r-sid .bn .item {display:inline-block; width:302px; height:252px; border:1px solid #000; background:#3b32fd; background-size:cover; background-size:100%; -moz-background-size:100%; -webkit-background-size:100%; -o-background-size: 100%;}
.r-sid .bn:last-child {margin-bottom:0;}

@media screen and (max-device-width:1200px){
.themesexn .post .img {width:auto;}
.themesexn .lnk-l, .themesexn .lnk-r {display:none;}
.themesexn .post .small {display:block;}
}
@media screen and (max-device-width:850px){
.themesexn .content {float:none; width:100%; max-width:100%; margin-bottom:40px;}
.r-sid {float:none; width:100%; margin-bottom:20px;}
.r-sid .bn {display:inline-block; padding:25px 0; width:100%; margin:0;}
.r-sid .bn:first-child {padding:30px 0 15px;}
.r-sid .bn:last-child {padding:15px 0 25px;}
}
.pagsexn {display:inline-block; margin-bottom:30px;}
.pagsexn::after {content:""; display:block; clear:both;}
.pagsexn li {float:left; margin:0 2px 2px 0; text-align:center;}
.pagsexn li:last-child {margin-right:0;}
.pagsexn li span {display:block; line-height:36px; min-width:36px; text-transform:capitalize; padding:0 7px; border-radius:3px; -webkit-border-radius:3px;}
.pagsexn li a span {border:1px solid #000;}
.pagsexn li > span  {border:1px solid #ccc;}
/* 404 */
.err {padding-top:10px; margin-bottom:20px; text-align:center; color:#C4090D;}

.lstposts{margin-bottom:35px; padding: 0 15px 0;}
.lstposts > div {margin-bottom: 20px; font-size: 18px; text-align: center;}
.lstposts ul{display:flex; flex-flow:row wrap;}
.lstposts li{width:20%; overflow:hidden; padding:0 15px 15px 0; text-align: left;}
.lstposts strong{display:block; text-transform:capitalize; white-space:nowrap; overflow:hidden; font-weight: normal;}
@media screen and (max-device-width:1800px){.lstposts li{width:20%;}}
@media screen and (max-device-width:1500px){.lstposts li{width:25%;}}
@media screen and (max-device-width:1200px){.lstposts li{width:33.333%;}}
@media screen and (max-device-width:900px){.lstposts li{width:50%;}}
@media screen and (max-device-width:600px){.lstposts li{width:100%;}}