@import '/css/color/blue.css';
@import '/css/white.css';
@import '/css/animated.css';
@import '/css/font-awesome.min.css';
@import url(http://fonts.googleapis.com/css?family=Open+Sans+Condensed:700&subset=latin,cyrillic);
@import url(http://fonts.googleapis.com/css?family=Noto+Sans:400,700,400italic,700italic&subset=latin,cyrillic);
@font-face {
font-family: "FontAwesome";
src: url("/fonts/fontawesome-webfont.eot");
src: url("/fonts/fontawesome-webfont.eot?#iefix") format('eot'),
url("/fonts/fontawesome-webfont.woff") format('woff'),
url("/fonts/fontawesome-webfont.ttf") format('truetype'),
url("/fonts/fontawesome-webfont.svg#FontAwesome") format('svg');
font-weight: normal;
font-style: normal;
}
/*----- Frame - Style -----*/

html, body {margin: 0;padding: 0;width: 100%;height: 100%; }
body { font-family: 'Cuprum', sans-serif; position: relative;margin: 0 auto;}
a, a:hover {text-decoration: none !important;}
li {list-style-type: none;}
ul {margin: 0;padding: 0;}
hr {clear:both; border:none; border-bottom:solid 1px #eee; padding:15px 0 0; margin:0 0 15px;}
input, textarea {outline:none;}
input:active, textarea:active {outline:none;}
:focus {outline:none;}
textarea {resize:none;}
textarea {resize:vertical;}
textarea {resize:horizontal;}
.centering, .center {display: block; margin: 0 auto; width: 1170px; position: relative;}
.wrap {float: left; width: 100%;}
.w-wrap{height:auto !important; height:100%; margin:0 auto;}
.w-middle {float: left; width: 100%; margin-bottom: 30px; margin-top: 20px;}
.w-content, .w-content2, .w-content3, .w-profile {float: left; overflow: hidden;}
.w-content, .w-profile {width: 850px; padding: 10px; position: relative;}
.w-content2 {width: 870px; padding: 10px 0;}
.w-content3 {width: 849px; padding: 10px 20px 10px 0; margin: 20px 0;}
.w-container {display:block;float: right; width: 290px !important; padding: 10px 5px;}
.m-container {float: left; width: 1120px; margin: 25px 25px 0 25px; overflow: hidden;}
.m-container-1-3 {float: left; width: 360px;}
.m-container-2-3 {float: left; width: 740px;}
.global-slider {flaot: left;}
.w-header, .wh-mask { float: left; width: 100%; }
.wh-mask { width: 1170px; min-height: 60px;}
.w-header-up, .w-header-down {float: left; width: 100%; position: relative; font-family: 'Open Sans Condensed', sans-serif; text-transform:uppercase;}
.w-line {float: left; position: relative; left: 54px !important; width: 1062px; height: 2px;}
.w-footer {float: left; width: 100%; height: 50px; background: url('/img/bg.png') repeat; text-align: center; line-height: 4; color: #bababa; font-size: 11pt;}
.site-name {float: left; font-size: 26pt; font-weight: bold; margin-top: 6px; display: inline-block;}
.site-title {float: left; font-size: 10pt; color: #8a8a8a; padding-left: 5px; margin-top: 29px;}
.u-combo, .u-combobut, .u-comboeditcell {position: relative; z-index: 51;}
.u-combo > tbody tr:last-child div {left: 0px !important; top: 0 !important; margin-top: 9.5px; margin-right: 2px;}
@-moz-document url-prefix() {.u-combo > tbody tr:last-child div {left: 0px !important; top: 0 !important; margin-top: 11px; margin-right: 0px;}}
.replaceTable td {color: #8a8a8a;}
.social {float: right;}
.social a {float: left; width: 30px; height: 30px; background-color: #5a5a5a; color: #eee; font-size: 11pt; text-align: center; line-height: 2; margin:15px 0 0 5px; border-radius: 3px;}
.social a:hover {color: #fff !important;}
.log-in {float: right; margin: 16.5px 0 0 20px;}
.log-in a {float: left; padding: 4px 10px; border-radius: 200px; color: #eee; font-size: 10pt; text-align: center;}
.log-in a:hover {background-color: #5a5a5a;}
.w-pers {margin-right: 5px;}
.w-pers, .w-ex {padding: 0 !important; width: 30px; height: 30px; margin-top: -2px; line-height: 2.2;}
/*----- Ucoz - Code - Style -----*/
.bl-title {font-size: 14pt; margin-top: 20px; overflow: hidden;}
.bl-title:before {float: left;display: inline-block;height:1em;}
.bl-title:after {content: "";display: inline-block;height: 10px;left: 8px;top: 0px;margin: 0 -200% 0 0;position: relative;width: 200%;background: url('/img/stripe.gif') repeat;}

.tOnline, .gOnline, .uOnline, .bl-content li {font-size: 11pt; color: #212121; line-height: 1.5;}

.bl-block {display: block; width: 260px; padding: 0 10px 10px 10px;margin-bottom: 30px;}
.bl-title {display:inline-block; width: 255px; border-right: solid 5px #4c565c; padding: 5px 10px; color: #eee; background-color: #212121; font-family: 'Open Sans Condensed', sans-serif;-webkit-border-top-left-radius: 3px;-webkit-border-bottom-left-radius: 3px;-moz-border-radius-topleft: 3px;-moz-border-radius-bottomleft: 3px;border-top-left-radius: 3px;border-bottom-left-radius: 3px;}
.bl-content {display: inline-block; width: 100%; margin-top: 20px;}
.bl-content .uMenuRoot a, .uMenuItem a, .catsTd a, .category_row a {float: left; position: relative; width: 220px; margin-left: 0 !important; line-height: 1.4;padding: 10px; border-bottom: solid 1px #eee !important; color: #505050; margin: 0 !important;}
.bl-content .uMenuRoot a, .uMenuItem a {margin-left: 10px !important;}
.catsTd a, .category_row a {width: 210px; margin-left: 20px !important; font-size: 11pt;}
.bl-content .uMenuRoot a:before, .uMenuItem a:before, .catsTd a:before, .category_row a:before {font-family: "FontAwesome"; font-size: 8pt; color: #8a8a8a; margin-right: 8px; top: -2px;}
.bl-content .uMenuRoot a:before, .uMenuItem a:before {content: '\f105' !important;}
.catsTd a:before, .category_row a:before {content: '\f101';}
.catNumData {float: right; position: relative; margin:-32px 17px 0 0; color: #212121; font-size: 11pt;}
.bl-content .uMenuRoot a:hover:before, .uMenuItem a:hover:before, .catsTd a:hover:before, .category_row a:hover:before {display: inline-block; -moz-transform:translateX(3px);-o-transform: translateX(3px);-webkit-transform: translateX(3px);transform: translateX(3px);}
.bl-content .uWithSubmenu ul {display: none; opacity: 0; margin-left: 10px;}
.bl-content .uWithSubmenu ul li a {font-size: 8pt; }
.bl-content .uWithSubmenu:hover ul {display: inline-block; opacity: 1;}

.swchItem, #pagesBlock1 a {background-color: #212121; color: #fff;}
.swchItem, .swchItemA, #pagesBlock1 a {display: inline-block; width: 30px; height: 30px; line-height: 2; font-size: 11pt; text-align: center;}
.swchItemA, .swchItem:hover, #pagesBlock1 a:hover {color: #fff; border-radius: 3px;}

.search-f {float: right; width: 258px;height: 30px;margin: 0; padding: 0 !important; position: relative; top: 15px; background-color: rgba(255,255,255,0.1);}
.search-f .queryField {float: right !important;display: inline-block;width: 200px;height: 26px; background-color: rgba(0,0,0,0); color: #a5a5a5;}
.search-f .searchSbmFl {float: left; width: 30px; height: 30px;font-family: FontAwesome; cursor: pointer; background-color: rgba(0,0,0,0);}
.search-f .schBtn input {color: 4D4D4D !important;}
.schQuery input, .schBtn input {border: none;}
.search-f > .searchForm { margin: 0;padding: 0 !important;}

.calMday {padding: 8px; color: #505050; border-radius: 3px;border: solid 1px #eee;}
.calMdayA {padding: 8px; border-radius: 3px;}
.calMdayIs a {color: #fff; padding: 8px 9px; border-radius: 3px;}
.calMdayIs a:hover {background-color: #fff;}
.calWday {color: #505050; }
.calWday, .calWdaySe, .calWdaySu, .calMonthLink {font-weight: 600; font-size: 10pt; padding: 8px 0;}
.calMonthLink:first-of-type, .calMonthLink:last-of-type {font-size: 8pt; position: relative; top: -2px;}

.bl-content .eTag {float: left; padding: 7px 10px; margin: 3px; border-radius: 3px; font-size: 9pt !important;}
.bl-content .eTag:hover {color: #fff;}
 
.blc-box {display: inline-block; width: 228px; padding: 15px; border-radius: 5px; text-align: center;}
.blc-box:hover {background-color: #fff;}
.blc-box:hover .blcb-butt {color: #fff;}
.blc-box:hover h2 {color: #505050;}
.blc-box:hover p {color: #8a8a8a;}
.blc-box h2, .blc-box p {margin:0; padding:0; line-height: 1.5;}
.blc-box h2 {color: 505050; padding-bottom: 10px; font-size: 14pt; color: #fff;}
.blc-box p {color: #fff; font-size: 10pt; }
.blcb-butt {display: inline-block; margin-top: 10px; padding: 8px 20px; background-color: #fff; border-radius: 5px;}
.blcb-butt:hover {color: #fff; background-color: #212121 !important;}

#frF3, #frF4 {width: 800px !important;}
.w-forum {float: left; width:1110px; padding: 0 30px; margin-bottom: 30px;}
.w-forumContent {float: right; width:1070px; margin: 30px 20px; color: #bababa;}
.w-forumContent a {font-size: 11pt;}
.w-forumContent:before, .w-forumContent:after, .funcBlock:before, .funcBlock:after {font-family: "FontAwesome"; color: #bababa; font-size: 8pt; position: relative; top:-1px;}
.w-forumContent:before, .funcBlock:before {content: '\f104'; margin-right: 5px;}
.w-forumContent:after, .funcBlock:after {content: '\f105'; margin-left: 10px;}
.gTableTop {font-size: 18pt; padding: 10px 10px 5px 10px; color: #8a8a8a;}
.gTableSubTop {color: #fff; padding: 10px 15px; font-size: 11pt; font-family: 'Open Sans Condensed', sans-serif;}
.gTableSubTop:last-child {text-align: center;}
.forumDescr, .threadDescr {padding-top: 5px; color: #8a8a8a;}
.forumIcoTd, .forumNameTd, .forumThreadTd, .forumPostTd, .forumLastPostTd, .threadIcoTd, .threadNametd, .threadPostTd, .threadViewTd, .threadAuthTd, .threadLastPostTd {padding: 5px 10px; color: #8a8a8a; font-size: 10pt; line-height: 1.5;}
.gTable tr:nth-child(even) {background-color: #eee;}
.gTable tr:last-child .forumIcoTd, .gTable tr:last-child .forumNameTd, .gTable tr:last-child .forumThreadTd, .gTable tr:last-child .forumPostTd, .gTable tr:last-child .forumLastPostTd {border-bottom: solid 1px #eee;}
.statsRecord, .gTableBody1 {color: #8a8a8a; font-size: 11pt;}
.funcBlock {color: #fff;}
.topSortLink {color: rgba(255,255,255,1);}
.topSortLink:hover {color: rgba(255,255,255,0.9);}
.gTableSubTop {text-align: center;}
.threadsDetails {padding: 15px 10px; color: #212121;}
.forumOnlineBar { padding: 15px; color: #212121;}
#filter_by {margin-right: 10px; color: #212121;}
#forum_filter input:last-child, .fastNav:last-child, .fastSearch:last-child, #thread_search_button, #modBut2, .fastLogBt, .pollSubmitBut, .pollreSultsBut, #frF15, #frF16, #frF17, .gTableRight input:first-child {cursor:pointer; border: solid 1px #fff; color: #fff; padding: 3px 10px;}
#frM52 input:first-child {width: 28px !important; position: relative; top: -1px;}
#forum_filter input, #forum_filter select {border-radius: none !important; color: #8a8a8a;}
#forum_filter input:last-child:hover, .fastNav:last-child:hover, .fastSearch:last-child:hover, #thread_search_button:hover, #modBut2:hover, .fastLogBt:hover, .pollSubmitBut:hover, .pollreSultsBut:hover, #frF15:hover, #frF16:hover, #frF17:hover, .gTableRight input:first-child:hover {background-color: #8a8a8a;}
#thread_search_form {float: right; width: 100%;}
#thread_search_field {width: auto !important; margin: 4px 0 10px 0;}
#frM54, #frM56, #frM14, #frM6, #frM50, #frM59 {background-color: #fff;}
.postTable .postTdTop, .postTable .postTdInfo, .postTable .posttdMessage {background-color: #fff; padding: 10px;}
.postTable .postTdInfo {text-align: center; font-size: 10pt; line-height: 1.5;}
.gDivRight tr {padding-bottom: 40px;}
.postip {font-size: 10pt;}
.postBottom {padding: 10px;}
#forumPollF {padding: 20px !important;}
.posttdMessage, .postTdTop {line-height: 1.5; color: #212121; font-size: 11pt;}
.sortArrDown, .sortArrUp {margin-left: 4px; font-size: 9pt; position: relative; top: -2px;}
.legendBlock, .userRights {display: none;}
.gTableRight input {margin-top: 10px;}
.wysibb-body {width: 90% !important;}

.w-profile {width: 840px; padding: 10px 15px;}
.w-profile2 {background-color: #fff; padding-bottom: 30px;}
.w-profile-menu .user_avatar img {border-radius: 5px;}
.w-profile-t1, .w-profile-t2, .w-profile-t3 {float: left; width: 100%; text-align: center; padding: 10px 0; margin-bottom: 30px; color: #fff; font-size: 13pt;}
.w-profile-t1:before, .w-profile-t2:before, .w-profile-t3:before {float: left; margin-left: 25px; font-family: "FontAwesome"; color: #fff; font-size: 16pt;}
.w-profile-t1:before {content: '\f007';}
.w-profile-t2:before {content: '\f075';}
.w-profile-t3:before {content: '\f0c0';}
.w-profile2 > div:nth-of-type(3) {color: #fff; text-align: center; font-size: 11pt;}
#block22 a, .w-profile-menu a, .udtb {font-size: 11pt;}
#block22 span:after {font-family: "FontAwesome"; content: '\f00d'; margin: 0 7px 0 10px; font-size: 8pt; color: #eee;}
#block22 span:last-child:after {color: #fff;}
.allUsersBtn, .uSearchFlSbm, #addform input {width: 170px !important; cursor:pointer; border: solid 1px #fff; color: #fff; padding: 3px 10px;}
.allUsersBtn:hover, .uSearchFlSbm:hover, #addform input:hover {background-color: #8a8a8a;}
.uSearchFl {padding: 3px 0; color: #8a8a8a;}
.udtb {color: #212121; line-height: 1.5;}
.social-accounts {position: relative; top: -7px;}
#pmdform td {color: #8a8a8a;}
#PMtoUser, #pmSubject {background-color: #fff !important; color: #212121 !important; border: solid 1px #ddd !important; cursor: text !important; margin-left: 5px; padding: 2px 10px !important;}
.w-profile-users .uTable {padding: 20px;}
.w-pr-page {padding-right: 15px;}
.w-profile-users .uTopTd {font-weight: 500 !important; color: #212121;}
.w-profile-users .uTd {color: #8a8a8a; padding-top: 10px; font-size: 11pt;}
/*----- Other - Style -----*/
.m-form {font-family: 'Open Sans Condensed', sans-serif; font-size: 11pt; color: #212121; padding: 0 15px; display: block;}
.m-form p { color: #8a8a8a; font-family: 'Noto Sans', sans-serif;}
.m-form tr input, .m-form tr textarea, .m-form tr select {border: solid 1px #E5E5E5;}
.m-form tr input, .m-form tr select {display: inline-block; height: 25px;}
.m-form tr:last-child input { height: auto; color: #eee !important; font-size: 12pt; font-family: 'Open Sans Condensed', sans-serif; border: none; background-color: #212121; border-right: solid 5px #4c565c; padding: 10px 25px !important; border-radius: 3px; cursor:pointer;}
.m-form tr:last-child input:hover, #sfSbm:hover {background-color: #8a8a8a;}
.w-search .queryField {width: 700px !important; padding: 5px 0 5px 10px;}
#sfSbm {font-family: 'Open Sans Condensed', sans-serif; padding: 5px 25px; border: none; color: #eee; background-color: #212121; border-right: solid 5px #4c565c; cursor:pointer;}
.aSchBrc1, .aSchBrc2, .w-search a {display: none;}
.w-search2 .eBlock td {float: left; width: 828px; background-color: #fcfcfc; padding: 10px !important; border: solid 1px #eee;}

.cloud-r {float: left; width: 340px; height: 254px; padding: 10px; overflow: hidden; background: url('/img/adver.png') no-repeat; position: relative;}
.cloud-r h2, .cloud-r p {float: left; padding: 10px; background-color: rgba(0,0,0,0.4); margin: 0; color: #fff; border-radius: 3px;}
.cloud-r h2 {font-family: 'Open Sans Condensed', sans-serif;position: relative; left: -10px;}
.cloud-r p {font-family: 'Noto Sans', sans-serif; width: 80%; margin-top: 10px; font-size: 11pt;}
.cloud-r a {font-family: 'Open Sans Condensed', sans-serif;position: absolute; bottom: 5px; right: 0; padding: 10px 35px; background-color: rgba(0,0,0,0.4); -webkit-border-top-left-radius: 30px;-webkit-border-bottom-left-radius: 30px;-moz-border-radius-topleft: 30px;-moz-border-radius-bottomleft: 30px;border-top-left-radius: 30px;border-bottom-left-radius: 30px;}
.cloud-r a:hover {color: #fff; -moz-box-shadow:inset -300px 0px 0px #000;-webkit-box-shadow:inset -300px 0px 0px #000;box-shadow:inset -300px 0px 0px #000;}
.w-home, .w-mn {float: left; margin: 15px 20px; font-size: 20pt;}
.w-back {float: left; margin: 15px 20px; font-size: 20px;font-family: "FontAwesome"; content: '\f105'; background-color: none !important; }
#top {border: solid 1px #e6e6e6; float: left;width: 50px;height: 25px;text-align: center;padding-top: 10px;position: fixed; bottom: 0; right: 30px; background: none; z-index: 20;cursor: pointer;}
#top:hover {color: #fff;}
.menu {width: 1170px; margin: 0 auto;}
.menu .uMenuRoot li {display: inline-block; margin: 0 5px;}
.menu .uMenuRoot {text-align: center; margin-top: 15px;}
.menu .uMenuRoot li a {display: block; padding: 5px 10px;}
.menu .uWithSubmenu {position: relative;}
.menu .uWithSubmenu ul {display: none; opacity: 0; position: absolute; background-color: rgba(0,0,0,0.9); left: 0; padding: 10px 0; z-index: 50000 !important;}
.menu .uWithSubmenu ul li {width: 150px;}
.menu .uWithSubmenu ul li a {padding: 5px 10px; margin-bottom: 2px; font-size: 10pt; text-align: left;}
.menu .uWithSubmenu ul li a:before {font-family: "FontAwesome"; content: '\f105'; margin-right: 5px; font-size: 8pt; color: #8a8a8a; }
.menu .uMenuRoot li:hover ul {display: inline-block; opacity: 1;}
.menu .uWithSubmenu:hover { display: inline-block; background-color: rgba(0,0,0,0.9); -webkit-border-top-left-radius: 5px;-webkit-border-top-right-radius: 5px;-moz-border-radius-topleft: 5px;-moz-border-radius-topright: 5px;border-top-left-radius: 5px;border-top-right-radius: 5px;}

a, img, .allUsersBtn, .uSearchFlSbm, #addform input, .searchSbmFl,#forum_filter input:last-child, .fastNav:last-child, 
.fastSearch:last-child, #thread_search_button, #modBut2, .fastLogBt, .pollSubmitBut, .pollreSultsBut, #frF15, #frF16, #frF17, 
.gTableRight input:first-child, .uMenuItem a:before, .catsTd a:before, .category_row a:before,.blc-box, .blc-box h2, 
.blc-box p, .blcb-butt, .menu .uWithSubmenu, .menu .uWithSubmenu ul, .bl-content .uMenuRoot a,
.bl-content .uWithSubmenu, .bl-content .uWithSubmenu a:before, .wblog-in, .tom-link, .tom-link-a, img, .uMenuRoot a:before,
.to-material, .m-form tr:last-child input
{-webkit-transition: all 0.2s linear !important;-moz-transition: all 0.2s linear !important; -o-transition: all 0.2s linear !important; -ms-transition: all 0.2s elinearase !important;transition: all 0.2s linear !important;}

.w-board-bl span, .w-board-bl a
{-webkit-transition: none !important;-moz-transition: none !important; -o-transition: none !important; -ms-transition: none !important;transition: none !important;}
/*----- Hover - Effect - Style -----*/
.view {width: 350px;height: 200px;float: left; overflow: hidden;position: relative;text-align: center;cursor: default;}
.view .mask, .view .content {width: 350px;height: 200px;position: absolute;overflow: hidden;top: 0;left: 0;}
.view img {display: block;position: relative;}
.view:hover img, .cl2-3img:hover img, .cl1-2-i:hover img, .clp10-i:hover img, .w-video-m:hover .wvm-img img { -moz-transform:scale(2,2); -webkit-transform:scale(2,2);-o-transform:scale(2,2);-ms-transform:scale(2,2); transform:scale(2,2);}
.view a.info, .view a.info2 {background:url(../img/link.png) center no-repeat;display: inline-block;text-decoration: none;padding:0;text-indent:-9999px;width:35px;height:35px;padding: 7px;background-color: rgba(0,0,0,0.5) !important;border-radius: 200px;}
.view a.info:hover, .view a.info2:hover, .wpm-link:hover { background-color: rgba(0,0,0,0.8) !important;}
.third-effect .mask {opacity: 0; overflow:visible; border:100px solid rgba(0,0,0,0.2);-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;}
.third-effect a.info, .third-effect a.info2 {position:relative;top:-60px;opacity: 0;-webkit-transition: opacity 0.3s 0s ease-in-out; -moz-transition: opacity 0.3s 0s ease-in-out;-o-transition: opacity 0.3s 0s ease-in-out;-ms-transition: opacity 0.3s 0s ease-in-out;transition: opacity 0.3s 0s ease-in-out;}
.third-effect:hover .mask {opacity: 1; border:100px solid rgba(0,0,0,0.2);}
.third-effect:hover a.info, .third-effect:hover a.info2 {opacity:1;-moz-transition-delay: 0.2s;-webkit-transition-delay: 0.2s; -o-transition-delay: 0.2s;-ms-transition-delay: 0.2s;transition-delay: 0.2s;}

/*----- Slider - Style -----*/
.wsc-b-img {position: relative;}
.wsc-b-img .view, .wsc-b-img .view .mask, .wsc-b-img .view .content {width: 390px !important;height: 250px !important;}
.w-slider {float: left; width: 100%; min-width: 100%; height: 400px; overflow: hidden !important; position: relative; z-index: 10; }
.w-slider img {display: inline-block; width: 1170px;}
.ws-center-butt {position: absolute; padding: 5px 20px; background-color: rgba(0,0,0,0.7); bottom: -33px; left: 25px;-webkit-border-bottom-right-radius: 5px;-webkit-border-bottom-left-radius: 5px;-moz-border-radius-bottomright: 5px;-moz-border-radius-bottomleft: 5px;border-bottom-right-radius: 5px;border-bottom-left-radius: 5px;}
.wsc-b-rating {padding: 5px 15px; background-color: rgba(0,0,0,0.7); position: absolute; top: 23px; right: 40px; z-index: 5000;-webkit-border-top-left-radius: 5px;-webkit-border-top-right-radius: 5px;-moz-border-radius-topleft: 5px;-moz-border-radius-topright: 5px;border-top-left-radius: 5px;border-top-right-radius: 5px;}
.wsc-b-img .view a.info {position: absolute; bottom: 10px; left: 140px;}
.wsc-b-img .view a.info2 {background:url(../img/eye.png) center no-repeat; position: absolute; bottom: 10px; right: 140px;}

.ws-center-big, .ws-center-big2 {left: 20px;}
.ws-center-big, .ws-center-big2, .wsc-b-img {font-family: 'Open Sans Condensed', sans-serif; border: solid 1px rgba(0,0,0,0.1); border-radius: 3px;background-color: rgba(0,0,0,0.7);display: inline-block; padding: 15px; margin-top: 50px; position: absolute; width: 660px; height: auto; max-height: 250px !important; z-index: 2;}
.ws-center-big2 {width: 1098px;}
.ws-c-title {text-align: center;color: #fff;}
.ws-c-mess {font-family: 'Noto Sans', sans-serif; font-size: 11pt; text-align: center;color: #eee; line-height: 1.5;}
.wsc-b-img {display: block; width: 390px; height: 235px; overflow:hidden !important; right: 20px; padding: 15px; border-bottom: 15px solid rgba(0,0,0,0.0);}
.wsc-b-img img {min-width: 100%; min-height: 250px;}
.mask2 {position: absolute; top: 0; width: 100%; height: 400px; background: url('/img/mask.gif') repeat; z-index: 1;-moz-box-shadow:inset 0px 0px 10px #000;-webkit-box-shadow:inset 0px 0px 10px #000;box-shadow:inset 0px 0px 10px #000;}

.flex-container a:active,
.flexslider a:active,
.flex-container a:focus,
.flexslider a:focus {outline: none;}
.slides,
.flex-control-nav,
.flex-direction-nav {margin: 0; padding: 0; list-style: none;}
.flexslider {margin: 0; padding: 0;}
.flexslider .slides > li {display: none; -webkit-backface-visibility: hidden;}
.flexslider .slides img {width: 100%;}
.flex-pauseplay span {text-transform: capitalize;}
.slides:after {content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;}
html[xmlns] .slides {display: block;}
* html .slides {height: 1%;}
.no-js .slides > li:first-child {display: block;}
.flexslider { margin: 0 0 60px; position: relative; zoom: 1; }
.flex-viewport { max-height: 2000px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease; }
.loading .flex-viewport { max-height: 300px; }
.flexslider .slides { zoom: 1; }
.carousel li { margin-right: 5px; }
.flex-direction-nav {*height: 0;}
.flex-direction-nav a { text-decoration:none; display: block; width: 30px; height: 30px; margin: -20px 0 0; position: absolute; top: 50%; z-index: 10;padding: 1px 4px 13px 9px; text-align: center; overflow: hidden; opacity: 0; cursor: pointer; color: rgba(0,0,0,0.8); -webkit-transition: all .3s ease; -moz-transition: all .3s ease; transition: all .3s ease; background-color: rgba(0,0,0,0.7); border-radius: 5px; position: absolute; top: 200px;}
.flex-direction-nav .flex-prev { left: -50px; padding-right: 8px;}
.flex-direction-nav .flex-next { right: -50px; }
.flexslider:hover .flex-prev { opacity: 1; left: 10px;}
.flexslider:hover .flex-next { opacity: 1; right: 10px;}
.flexslider:hover .flex-next:hover, .flexslider:hover .flex-prev:hover { opacity: 0.7; border-radius: 0px; }
.flex-direction-nav .flex-disabled { opacity: 0!important; filter:alpha(opacity=0); cursor: default; }
.flex-direction-nav a:before {font-family: "FontAwesome"; font-size: 40px; line-height:1; display: inline-block; content: '\f104'; }
.flex-direction-nav a.flex-next:before { content: '\f105'; }
.flex-pauseplay a, .flex-control-nav { display: none;}

.u-star-rating{list-style:none;margin:0px;padding:0px;width:90px;height:18px;position:relative;}
.u-star-rating li{padding:0px;margin:0px;float:left;}
.u-star-rating li a{display:block;width:18px;height: 18px;line-height:18px;text-decoration:none;text-indent:-9000px;z-index:20;position:absolute;padding: 0px;overflow:hidden;}
.u-star-rating li a:hover{z-index:2;left:0px;border:none;}.u-star-rating a.u-one-star{left:0px;}
.u-star-rating a.u-one-star:hover{width:12px;}
.u-star-rating a.u-two-stars{left:12px;}
.u-star-rating a.u-two-stars:hover{width:24px;}
.u-star-rating a.u-three-stars{left:24px;}
.u-star-rating a.u-three-stars:hover{width:36px;}
.u-star-rating a.u-four-stars{left:36px;}
.u-star-rating a.u-four-stars:hover{width:48px;}
.u-star-rating a.u-five-stars{left:48px;}
.u-star-rating a.u-five-stars:hover{width:60px;}
.u-star-rating li.u-current-rating{top: 0 !important; left:0 !important;margin:0 !important;padding:0 !important;outline:none;position: absolute;height:18px !important;line-height:18px !important;display:block;text-indent:-9000px;z-index:1;}

.tl-big {float: left; width: 100%; height: 2px; margin: 20px 0 0 0;}
.tl-a {float: left; width: 35%; height: 100%;}
.tl-b {float: right; width: 65%; height: 100%; background-color: #000;}
/*----- Menu - Style -----*/

/*----- Module - Style -----*/
.w-video-m {float: left; width: 395px; margin-bottom: 25px;}
.w-video-m:nth-child(odd) {margin-left: 25px;}
.wvm-img {float: left; width: 100%; height: 200px; background-color: #000; position: relative; overflow: hidden;}
.wvm-img i, .tom-img i {position: absolute; left: 10px; top: 10px; font-size: 28pt; text-shadow:0px 0px 15px #212121;}
.wvm-img img {width: 100%; min-height: 200px;}
.w-video-m:hover .wvm-img img {opacity: 0.7;}
.wvm-cont {float: left; width: 394px; height: 250px; position: relative;}
.wvm-cont h2 {font-size: 12pt;font-family: 'Open Sans Condensed', sans-serif;}
.wvm-cont h2, .wvm-cont p {float: left; width: 375px; margin: 0; padding: 10px;}
.wvm-cont p { font-size: 10pt; line-height: 1.5; font-family: 'Noto Sans', sans-serif; color: #212121;}
.wvm-down {float: left; position: absolute; left:0; bottom: 0; background-color: #212121; width: 395px; height: 35px;}
.wvm-down i, .wvm-link {background-color: #4c565c;}
.wvm-down i, .wvm-down span, .wvm-link {float: left; width: 40px; height: 35px; color: #fff; text-align: center; line-height: 1.8; font-size: 14pt;}
.wvm-down span {margin: 0 7px; font-size: 10pt; line-height: 2.9;}
.wvm-link {float: right; width: 150px;}
.wvm-link:hover {color: #eee;}

.w-photo-m .view {float: left; width:272px; height: 200px; overflow: hidden; position: relative;}
.w-photo-m .view img {width: 100%; min-height: 200px;}
.w-photo-m .view a.info {margin-top: 25px; left: -8px;}
.w-photo-m:hover .wpm-link {-moz-transform:translateX(-27px);-webkit-transform:translateX(-27px);-o-transform:translateX(-27px);-ms-transform:translateX(-27px);transform:translateX(-27px);}
.wpm-link {float: left; width: 35px; height: 35px; position: absolute; z-index: 5000; top: 65px; left: 110px;padding: 7px;background:url(../img/eye.png) center no-repeat;background-color: rgba(0,0,0,0.5) !important;border-radius: 200px;}

.wph-con {float: left; width: 850px; height: 300px; overflow: hidden;}
.wph-con img {width: 100%; min-height: 300px;}

.mat-video {float: left: width: 850px;}
.mat-video iframe {width: 100%;}

.uc-message {font-size: 10pt; line-height: 1.5; color: #212121; background-color: #eee; padding: 10px !important; border-radius: 3px;}
.uc-top-left {font-size: 11pt;}
.vep-separator {display: none;}
/*----- Main - Page - Style -----*/
.m-container {float: left; width: 1120px; margin: 25px 25px 0 25px; overflow: hidden;}
.cloud-title {float: left; width: 100%; height: 30px; background-color: #212121;}
.cloud-title p, .cloud-title a {font-size: 12pt; float: left; color: #fff; margin: 0; font-family: 'Open Sans Condensed', sans-serif; margin-left: 10px; line-height: 2; text-transform:uppercase; }
.cloud-title a {float: right; padding: 0 20px; height: 30px; background-color: #4c565c; margin-left: 0px;}
.cloud-title a:hover {color: #fff;}
.cloud2 {float: left; width: 100%; height: 300px;}
.cloud2 li:first-child .cl2-2, .cloud2 li:first-child .cl2-3,
.cloud2 li:nth-child(2) .cl2-1, .cloud2 li:nth-child(2) .cl2-3,
.cloud2 li:nth-child(3) .cl2-1, .cloud2 li:nth-child(3) .cl2-2,
.cloud2 li:nth-child(4) .cl2-1, .cloud2 li:nth-child(4) .cl2-2,
.cloud2 li:nth-child(5) .cl2-1, .cloud2 li:nth-child(5) .cl2-2,
.cloud2 li:nth-child(6) .cl2-1, .cloud2 li:nth-child(6) .cl2-2 {display: none;}
.cloud2 li:nth-child(6) .cl2-3, .cloud-v li:nth-of-type(4) .cv-1-2 {border-bottom: none;}
.cl2-1 {float: left; width: 500px; position: relative;}
.cl2-1 .view, .cl2-1 .view .mask, .cl2-1 .view .content { width: 500px !important; height: 300px !important;}
.cl2-1 img {width: 100%; min-height: 300px;}
.cl2-1 .third-effect .mask, .cl2-1 .third-effect:hover .mask {border:175px solid rgba(0,0,0,0.2);}
.cl2-1 .third-effect a.info {top:-80px;}
.cl2-1-board {float: left; width: 280px; height: 50px; padding: 10px; background-color: rgba(0,0,0,0.7); position: absolute; bottom: 0; left: 0; z-index: 500;}
.cl2-2 {float: left; margin-left: 20px; width: 298px; height: 298px;}
.cl2-2 .view, .cl2-2 .view .mask, .cl2-2 .view .content { width: 298px !important; height: 150px !important;}
.cl2-2 img {width: 100%; min-height: 150px;}
.cl2-2-board {float: left; width: 280px; padding-top: 10px; margin-left: 10px;}
.cl2-2-board p, .cl1-link p {color: #8a8a8a; margin: 0; font-size: 10pt; font-family: 'Noto Sans', sans-serif;}
.cl2-3 {float: left; width: 275px; padding-right: 5px; height: 70px; margin-left: 20px; margin-bottom: 5px; border-bottom: solid 1px #eee;}
.cl2-3img {float: left; width: 90px; height: 70px; overflow: hidden; background-color: #000; position: relative; z-index: 10;}
.cl2-3img:hover img {opacity: 0.8;}
.cl2-3img img {width: 100%; min-height: 70px;}
.cl2-1 h3, .cl2-2-board h3, .cl2-3 h3, .cl1-link h3 {font-size: 10pt !important; margin: 0; padding: 0; font-family: 'Open Sans Condensed', sans-serif; font-weight: lighter !important;}
.cl1-link h3 {margin-right: 5px;}
.cl2-3 h3 {margin: 6px 5px 0 0; position: relative; left: 5px;}
.cl1-link h3 {font-size: 11pt !important;}
.cl1-2-date {font-size: 10pt; display: inline-block; margin-top: 5px; color: #bababa; padding-left: 5px;}
.cl-p-1-1 {float: left;}
.clp10-i {float: left;width: 120px; height: 83px; overflow: hidden; background-color: #000;}
.clp10-i img {width: 100%; min-height: 83px;}
.clp10-i img:hover {opacity: 0.8;}
.cl-p-1-1 {float: right; width: 240px;}
.cl-p-1-1 .view, .cl-p-1-1 .view .mask, .cl-p-1-1 .view .content {float: right !important;width: 240px !important; height: 166px !important;}
.cl-p-1-1 img {width: 100%; min-height: 166px;}
.cl-p-1-1 .third-effect a.info {top:-40px; left: -10px;}
.cloud-p li:first-child .cl-p-1-0, .cloud-p li:nth-child(2) .cl-p-1-1, .cloud-p li:nth-child(3) .cl-p-1-1 {display: none;}
.cloud-p li:nth-child(4) .cl-p-1-0, .cloud-p li:nth-child(5) .cl-p-1-1, .cloud-p li:nth-child(6) .cl-p-1-1 {display: none;}
.cv-1-1 {float: left; width: 378px;}
.cv-1-1 .view, .cv-1-1 .view .mask, .cv-1-1 .view .content {width: 378px !important; height: 250px !important;}
.cv-1-1 img {width: 100%; min-height: 250px;}
.cv-1-1 .third-effect .mask, .cv-1-1 .third-effect:hover .mask {border:130px solid rgba(0,0,0,0.2);}
.cv-1-1 .third-effect a.info {top:-30px;}
.cv-1-1 .view a.info, .cv-1-2 .view a.info { background:url(../img/play.png) center no-repeat; background-color: rgba(0,0,0,0.5);}
.cv-1-1 .cl1-link {float: left; padding: 5px 10px 5px 15px; height: 105px;}
.cv-1-2 {float: left; width:340px; height:105px; padding-bottom: 5px; margin-left: 20px; margin-bottom: 17px; border-bottom: solid 1px #eee;}
.cv-1-2 .view, .cv-1-2 .view .mask, .cv-1-2 .view .content {width: 150px !important; height: 110px !important;}
.cv-1-2 img {width: 100%; min-height: 110px;}
.cv-1-2 .third-effect a.info {top:-70px; left: -55px;}
.cv-1-2-b {float: right; width: 180px; height: 105px; margin-left: 10px; overflow: hidden;}
.cv-1-2-b .cl1-2-date {float: left; width: 100%; margin-bottom: 5px;}
.cv-1-2-b .cl1-link {font-size: 11pt;}
.cloud-v, .cloud-p {float: left; width: 100%;}
.cloud-v li:first-of-type .cv-1-2 {display: none !important;}
.cloud-v li:nth-of-type(2) .cv-1-1, .cloud-v li:nth-of-type(3) .cv-1-1, .cloud-v li:nth-of-type(4) .cv-1-1 {display: none !important;}
.sl-gr a {font-size: 9pt; color: #8a8a8a;}

.wblog-in .tl-b, .w-video-m .tl-b, .to-material .tl-b {background-color: #212121 !important;}
.wblog-in {position: relative; float: left; width: 348px; height: 500px; border: solid 1px #eee; margin:0 11px 20px 11px;}
.wblog-in:hover, .w-video-m:hover, .to-material:hover {-moz-box-shadow: 0px 5px 5px #8a8a8a;-webkit-box-shadow: 0px 5px 5px #8a8a8a;box-shadow: 0px 5px 5px #8a8a8a;}
.wblog-img {float: left; width: 100%; height: 200px; overflow: hidden; background-color: #000;}
.wblog-img img {width: 100%; min-height: 200px;}
.wblog-img:hover img {opacity: 0.7;}
.wblog-up {float: left; padding: 10px; width: 330px;}
.wblog-title {float: right; width: 260px;}
.wblog-title h2 {padding: 0; margin: 0; font-size: 12pt;}
.wblog-data .news-d {float: left; margin-right: 10px; width: 60px; height: 65px; background-color: #000; text-align: center;}
.wblog-data .mes_date {font-family: 'Open Sans Condensed', sans-serif; font-weight: lighter !important; position: relative;text-align: center;margin-top: -3px;font-size: 11pt;color: #bababa;}
.wblog-data .day_date {font-weight: 600;position: relative;text-align: center;margin-top: 5;font-size: 26pt; padding-top: 3px;}
.wblog-mess {float: left; width: 330px; padding: 10px;}
.wblog-mess p {font-size: 10pt; line-height: 1.5;}
.wblog-down {padding: 0; margin: 0; float: left; width: 348px; position: absolute; left: 0; bottom: 0;}
.wblog-down a {font-family: "Open Sans Condensed",sans-serif; float: left; width: 100%; height: 50px; background-color: #212121; text-align: center; line-height: 3.2; }
.wblog-down a:hover {color: #eee;}

.w-comm-inf {float: left; width: 363px; height: 130px; border: solid 1px #eee;}
.w-comm-inf p {font-size: 10pt; font-style: italic; padding: 5px 15px;}
.w-comm-inf p a {color: #212121;}
.w-comm-inf > p > i {float: left; width: 100%; text-align: center; margin: 10px 0;}
.w-comm-inf p:before {font-family: "FontAwesome"; }
.w-comm-inf p:after {}
.cloud-c span:nth-of-type(2n) {margin-left: 10px;}
.cloud-c span:nth-of-type(1n+3) {margin-top: 10px;}


.wpage-m {float: left; width: 830px; padding: 15px; background-color: #fff;}
.wpage-img {float: left; width: 100%; overflow: hidden;}
.wpage-img img {width: 100%; min-height: 300px;}
.wpage-name {float: left; width: 100%; line-height: 1.5; margin: 10px 0; font-size: 18pt;}
.wpage-message {float: left; width: 100%; line-height: 1.5; font-size: 12pt; margin: 5px 0;}
.wpage-message:first-letter {font-size: 46pt; float: left;font-weight: 400;line-height: 1em;margin-bottom: -0.4em; margin-right: 0.09em; position: relative; padding-right: 8px; padding-bottom: 30px;}
.wpage-m .w-board-bl {float: left; width: 100%; margin-left: 10px; padding: 10px 0;}
.wpage-m .w-board-bl span {margin-left: 5px; margin-right: 10px; color: #8a8a8a; font-size: 10pt;}
.wpage-m .w-board-bl i {font-size: 11pt;}
.wpage-m .w-board-stars {float: right;}

.to-material {float: left; width: 820px; height: 210px; margin: 0 0 20px 24px;position: relative; border: solid 1px #eee;}
.tom-img {float: left; width: 350px; height: 210px; overflow: hidden; background-color: #000; margin-right: 20px; position: relative;}
.tom-img img {width: 100%; min-width: 350px; min-height: 210px;}
.tom-img i {font-size: 18pt !important;}
.to-material:hover .tom-img img, .wblog-in:hover img {opacity: 0.7;-moz-transform:scale(1.2,1.2);-webkit-transform:scale(1.2,1.2);-o-transform:scale(1.2,1.2);-ms-transform:scale(1.2,1.2);transform:scale(1.2,1.2);}
.tom-content {float: left; width: 760px; padding: 20px; }
.tom-title {margin: 17px 15px 10px 10px; text-align: left; font-weight: 500; font-size: 14pt;}
.tom-message {line-height: 1.5; color: #212121; font-size: 10pt; padding: 20px; font-family: "Noto Sans",sans-serif; }
.to-material .w-board-bl {float:left; width: 430px;}
.to-material .w-board-bl-noph {float:left; width: 780px; margin-left: 20px; margin-bottom: 10px;}
.to-material .w-board-bl span, .to-material .w-board-bl-noph span {float: left; margin-left: 5px; margin-right: 20px; color: #8a8a8a; font-size: 10pt;}
.to-material .w-board-bl i, .to-material .w-board-bl-noph i {float: left; font-size: 10pt;}
.tom-line {float: left; width: 100%; height: 1px; margin: 20px 0 0 0; background-color: #eee;}
.tom-link {font-family: "Open Sans Condensed",sans-serif; float: left; width: 130px; height: 30px; text-align: center; line-height: 2.3; font-size: 10pt; color: #fff; position: absolute; bottom: 10px; background-color: #212121;}
.tom-link:hover {color: #eee !important;}
.tom-link-a {display: inline-block; -moz-transform:translateX(10px);-o-transform: translateX(10px);-webkit-transform: translateX(10px);transform: translateX(10px);}
.tom-link-b {width: 20px; max-width: 20px;min-width: 20px;transform: scale(0);transition: transform 0.5s ease 0s;display: inline-block;font-family: FontAwesome;font-style: normal;font-weight: normal;line-height: 1;}
.tom-link-b:after { font-family: "FontAwesome"; content: '\f06e'; position: relative; }
.tom-link:hover .tom-link-a {-moz-transform: translateX(-10px);-o-transform: translateX(0px);-webkit-transform: translateX(0px);transform: translateX(0px);}
.tom-link:hover .tom-link-b { transform: none; }



.w-article, .w-news01 {float: left; width: 808px; margin: 30px 20px 10px 20px; padding-bottom: 20px; border-bottom: solid 1px #bababa;}
.w-article-img {float: left; width: 350px; height: 200px; overflow: hidden; background-color: #000;}
.w-article-img img:hover {-moz-transform: scale(1.3);-webkit-transform: scale(1.3);-o-transform: scale(1.3);-ms-transform: scale(1.3);transform: scale(1.3); opacity: 0.6}
.w-article-cont {float: right; width: 438px; position: relative;}
.w-article-cont-noph {float: left; width: 800px;}
.w-article-cat {float: left; padding: 5px 50px; color: #fff; font-family: "Open Sans Condensed",sans-serif; font-size: 10pt;}
.w-article-cat:hover {color: #eee;}
.w-article-date {float: left; line-height: 2.3; font-size: 10pt; margin-left: 15px; color: #bababa;}
.w-article-auth {float: left; font-size: 10pt; color: #8a8a8a; margin-right: 10px;}
.w-article-eye {float: left; font-size: 11pt; color: #8a8a8a; margin: 0 10px;}
.w-article-eye i {margin-right: 4px;}
.w-article-title {float: left; width: 100%; font-size: 14pt; line-height: 1.5; margin: 5px 0; font-weight: normal;}
.w-article-message {float: left; width: 100%; font-size: 10pt; color: #8a8a8a; line-height: 1.5;}

.w-news01 {padding-bottom: 0;}
.w-news01-calendar {float: left; padding: 10px 20px; margin: 0 15px 5px 0; text-align: center; color :#fff; border-radius: 8px;}
.w-news01-calendar span {font-size: 14pt; margin-top: 5px;}

.w-news01-title h2 {margin: 0 0 10px 0; font-size: 14pt; font-family: "Open Sans Condensed",sans-serif;}
.w-news01-message {font-size: 10pt; line-height: 1.5; color: #8a8a8a;}
.w-news01-board {float: left; width: 100%; margin: 20px 0 10px 0; font-size: 10pt;}
.w-news01-board i {margin-right: 5px; color: #8a8a8a;}
.w-news01-board span {margin-right: 20px;}

.w-file-button {float: right; padding: 5px 15px; color: #fff;}
.w-file-button:hover {color: #fff; background-color: #212121;}
.w-file-size {float: right; padding: 5px 9px; color: #fff !important; background-color: #4C565C; position: relative; left: -5px;}
#numEntries {position: relative; top: 8px;}
#numEntries, #pagesBlock1 {font-size: 11pt; color: #8a8a8a;}
#pagesBlock2 {margin-top: 10px;}
.commTable #message {width: 100%; border: none; border: solid 1px #DFDFDF; border-radius: 8px;}
.commFl {border: none; border: solid 1px #DFDFDF; border-radius: 8px;}
#gbsbm {background-color: #212121; color: #fff; border: none; padding: 7px 13px; cursor: pointer; margin-top: 10px; border-radius: 5px;}
#gbsbm:hover {background-color: #4C565C;}