article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
nav,
section,
summary {
 display: block;
}
audio,
canvas,
video {
 display: inline-block;
}
audio:not([controls]) {
 display: none;
 height: 0;
}
[hidden] {
 display: none;
}
html {
 font-family: sans-serif;
 -ms-text-size-adjust: 100%;
 -webkit-text-size-adjust: 100%;
}
body {
 margin: 0;
}
a {
 background: transparent;
}
a:focus {
 outline: thin dotted;
}
a:active,
a:hover {
 outline: 0;
}
h1 {
 margin: 0.67em 0;
 font-size: 2em;
}
img {
 border: 0;
}
svg:not(:root) {
 overflow: hidden;
}
figure {
 margin: 0;
}
fieldset {
 margin: 0 2px;
 padding: 0.35em 0.625em 0.75em;
 border: 1px solid #c0c0c0;
}
legend {
 padding: 0;
 border: 0;
}
button,
input,
select,
textarea {
 margin: 0;
 font-family: inherit;
}
button,
input {
 line-height: normal;
}
button,
select {
 text-transform: none;
}
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
 cursor: pointer;
 -webkit-appearance: button;
}
button[disabled],
html input[disabled] {
 cursor: default;
}
input[type="checkbox"],
input[type="radio"] {
 box-sizing: border-box;
 padding: 0;
}
input[type="search"] {
 -webkit-box-sizing: content-box;
 -moz-box-sizing: content-box;
 box-sizing: content-box;
 -webkit-appearance: textfield;
}
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
 -webkit-appearance: none;
}
button::-moz-focus-inner,
input::-moz-focus-inner {
 padding: 0;
 border: 0;
}
textarea {
 overflow: auto;
 vertical-align: top;
}

#uNetRegF td {
 text-align: left;
}

/*------------------------------------*\
 $General
\*------------------------------------*/

html,
button,
input,
select,
textarea {
 color: #6c6c6c;
}

body {
 border: 1px solid #E3E3E3;
 background-color: #fff;
 font: 15px 'Open Sans', Arial, sans-serif;
 line-height: 1.5;
}

body.base {
 border: none;
}

::-moz-selection {
 background: #b3d4fc;
 text-shadow: none;
}

::selection {
 background: #b3d4fc;
 text-shadow: none;
}

hr {
 display: block;
 margin: .4em 0;
 padding: 0;
 height: 0;
 border: 0;
 border-top: 1px solid #e1e1e1;
}

img {
 vertical-align: middle;
}

fieldset {
 margin: 0;
 padding: 0;
 border: 0;
}

textarea {
 resize: vertical;
}
 
a {
 color: #61b3a3;
 text-decoration: none;
 font-family: 'Open Sans', sans-serif;
}

a:hover {
 text-decoration: underline;
}

.clr:after {
 display: table;
 clear: both;
 content: '';
}

.cont-wrap {
 margin: 0 auto;
}

.opened {
 opacity: .75;
}

.middle {
 -webkit-box-sizing: border-box;
 -moz-box-sizing: border-box;
 box-sizing: border-box;
 margin: 0 auto;
 padding: 40px;
 max-width: 1200px;
 color: #3c3c3c;
 }

.sidebar{
 position: relative;
 float: left;
 margin-left: -280px;
 width: 280px;
}


.u-container {
 float: left;
 width: 100%;
}

.content {
 padding: 0 320px 0 0;
 min-width: 1px;
 min-height: 1px;
}

/*------------------------------------*\
 $Button
\*------------------------------------*/

input[type="submit"],
input[type="reset"],
input[type="button"],
select {
 padding: 14px;
 border: none;
 background-color: #61b3a3;
 color: #fff;
 font: normal 13px Arial, sans-serif;
 cursor: pointer;
 -webkit-transition: background-color .3s ease;
 transition: background-color .3s ease;
}

select {
 padding: 3px 5px;
}

input[type="submit"]:hover,
input[type="reset"]:hover,
input[type="button"]:hover,
select:hover {
 background-color: #81c8bd;
}

input[type="submit"]:active,
input[type="reset"]:active,
input[type="button"]:active {
 background-color: #006e63;
 -webkit-transition: background-color 0s ease;
 transition: background-color 0s ease;
}

input[type="submit"]:disabled,
input[type="reset"]:disabled,
input[type="button"]:disabled,
select:disabled {
 background-color: #e3e3e3;
}

.manTdText input[type="button"],
.manTd2 input[type="button"],
.commTd2 input[type="button"],
.manTdBrief input[type="button"],
select.codeButtons,
input[type="button"].codeButtons,
#iplus input[type="button"] {
 padding: 3px 5px;
 font-size: 9px;
}

input[type="button"][id^="bid-"] {
 margin-left: 3px;
 padding: 6px;
}

.manTd2 input[type="text"] {
 padding: 2px 5px !important;
}

input[type="text"],
input[type="password"],
textarea {
 padding: 4px 10px;
 border: 1px solid #E9E9E9;
 background: #fff;
 font-size: 13px;
 -webkit-box-sizing: border-box;
 -moz-box-sizing: border-box;
 box-sizing: border-box;
}

textarea {
 -webkit-box-sizing: border-box;
 -moz-box-sizing: border-box;
 box-sizing: border-box;
 width: 100%;
}

input[type="button"]#newPhtBt {
 width: auto !important;
}

input[type="button"]#order-button {
 padding: 0 5px;
}

/*------------------------------------*\
 $Header
\*------------------------------------*/

.header {
 background-color: #76cebd;
 color: #fff;
}

.nav-row {
 width: 100%;
 background-color: #000;
}

.nav-row .cont-wrap {
 -webkit-box-sizing: border-box;
 -moz-box-sizing: border-box;
 box-sizing: border-box;
 margin: 0 auto;
 padding: 0 40px 0;
 min-height: 60px;
 max-width: 1200px;
}

.logo-lnk {
 display: table-cell;
 vertical-align: middle;
 -webkit-box-sizing: border-box;
 -moz-box-sizing: border-box;
 box-sizing: border-box;
 padding: 0 70px 0 45px;
 height: 60px;
 background-color: #dd6e47;
 color: #fff;
 text-transform: uppercase;
 white-space: nowrap;
 font: bold 1.3333em 'Open Sans', sans-serif; /*20/15*/
 line-height: 60px;
 -webkit-transition: all .3s ease;
 transition: all .3s ease;
}

.logo-lnk:hover {
 opacity: .95;
}

.logo-lnk:before {
 display: inline-block;
 padding-right: 10px;
 width: 22px;
 height: 22px;
 background: url(/.s/t/2001/heart.png) no-repeat 0 50%;
 content: '';
 vertical-align: middle;
}

.logo-lnk:hover {
 text-decoration: none;
}

.show-menu {
 display: none;
}

.banner-row {
 border-bottom: 4px solid #61b3a3;
 background-color: #76cebd;
}

.banner-row .cont-wrap {
 margin: 0 auto;
 padding: 50px 0;
 max-width: 900px;
}

.banner-descr {
 max-width: 550px;
}


.banner-ttl {
 padding: 35px 0 45px;
 min-height: 104px;
 font-size: 2.73333333em;
 line-height: 1.2;
 margin: 0;
 text-transform: uppercase;
 font-weight: normal;
 font-family: 'Open Sans', sans-serif;
 opacity: 0;
 -webkit-transition: opacity 0.8s 0.8s ease;
 transition: opacity 0.8s 0.8s ease;
}

.banner-txt {
 opacity: 0;
 -webkit-transition: opacity 0.8s 1.6s ease;
 transition: opacity 0.8s 1.6s ease;
}

.fadeIn .banner-ttl,
.fadeIn .banner-txt,
.fadeIn .banner-img-b {
 opacity: 1 !important;
}

.banner-ttl:before {
 display: block;
 float: left;
 content: '';
}

.banner-ttl:before {
 display: block;
 float: left;
 padding-right: 15px;
 width: 104px;
 height: 104px;
 background: url(/.s/t/2001/tooltip.png) no-repeat 0 0;
 content: '';
}

.banner-img-b {
 float: right;
 width: 315px;
 height: 328px;
 position: relative;
 opacity: 0;
 -webkit-transition: opacity 0.8s 0s ease;
 transition: opacity 0.8s 0s ease;
}
.banner-img-w {
 display: block;
 position: absolute;
 height: 328px;
 width: 145px;
}

.banner-img {
 display: inline-block;
 position: absolute;
 z-index: 5;
 bottom: 15px;
 width: 145px;
 height: 288px;
 -webkit-animation: jump 1.5s ease-out 0 infinite alternate;
 -moz-animation: jump 1.5s ease-out 0 infinite alternate;
 -o-animation: jump 1.5s ease-out 0 infinite alternate;
 animation: jump 1.5s ease-out 0 infinite alternate;
}


.banner-img-shadow {
 /*content: '';*/
 width: 120px;
 height: 30px;
 position: absolute;
 bottom: 0;
 left: 50%;
 margin-left: -60px;
 background-color: rgba(0,0,0,.3);
 border-radius: 60px / 15px;
 display: block;
 -webkit-animation: shadow 1.5s ease-out 0 infinite alternate;
 -moz-animation: shadow 1.5s ease-out 0 infinite alternate;
 -o-animation: shadow 1.5s ease-out 0 infinite alternate;
 animation: shadow 1.5s ease-out 0 infinite alternate;
}

.banner-img-first {
 left: 0;
}

.banner-img-second {
 right: 0;
}


@-webkit-keyframes jump {
 from {
 bottom: 15px;
 }
 to {
 bottom: 40px;
 }
}

@keyframes jump {
 from {
 bottom: 15px;
 }
 to {
 bottom: 40px;
 }
}

@-webkit-keyframes shadow { 
 from {
 width: 120px;
 height: 30px;
 margin-left: -60px;
 background: rgba(0,0,0,.3);
 border-radius: 60px / 15px;
 }
 to {
 width: 90px;
 height: 22px;
 margin-left: -45px;
 background: rgba(0,0,0,.15);
 border-radius: 45px / 11px;
 }
}

@keyframes shadow {
 from {
 width: 120px;
 height: 30px;
 margin-left: -60px;
 background: rgba(0,0,0,.3);
 border-radius: 60px / 15px;
 }
 to {
 width: 90px;
 height: 22px;
 margin-left: -45px;
 background: rgba(0,0,0,.15);
 border-radius: 45px / 11px;
 }
}

/*------------------------------------*\
 $Menu
\*------------------------------------*/

.main-menu {
 display: table-cell;
 text-align: right;
}

.main-menu ul a:hover + ul { }

.main-menu ul {
 margin: 0;
 padding: 0;
 list-style: none;
}

.main-menu li {
 position: relative;
 display: inline-block;
 text-align: center;
 text-transform: uppercase;
}

.main-menu .uMenuRoot > li {
 height: 60px;
 vertical-align: top;
 line-height: 60px;
}

.main-menu a {
 display: inline-block;
 -webkit-box-sizing: border-box;
 -moz-box-sizing: border-box;
 box-sizing: border-box;
 padding: 0 15px;
 color: #fff;
 vertical-align: middle;
 white-space: nowrap;
 font: .8em 'Open Sans', sans-serif;
}

.main-menu a:hover {
 color: #76cebd;
 text-decoration: none;
}


.sub-mn:after {
 position: absolute;
 top: 50%;
 left: 7px;
 display: block;
 margin-top: -3px;
 width: 0;
 height: 0;
 border-top: 5px solid transparent;
 border-bottom: 5px solid transparent;
 border-right: 7px solid #fff;
 content: '';
}

.sub-mn:hover:after,
.uWithSubmenu:hover > a:after {
 border-right-color: #76cebd;
}

.main-menu .uMenuRoot > li > a:hover:before,
.main-menu .uMenuRoot > li > a.uMenuItemA:before,
.main-menu .uMenuRoot > .uWithSubmenu:hover > a:before {
 position: absolute;
 top: 10px;
 left: 50%;
 display: block;
 margin-left: -5px;
 width: 10px;
 height: 10px;
 border-radius: 5px;
 background-color: #76cebd;
 content: '';
}

.main-menu li ul {
 display: none;
 background-color: #000;
}

.main-menu li ul a {
 padding-top: 5px;
 padding-bottom: 5px;
}

.main-menu li:hover > ul {
 position: absolute;
 top: 100%;
 right: 0;
 z-index: 10;
 display: block !important;
}

.main-menu li li {
 display: block;
 margin: 0;
 padding: 0;
 min-width: 80px;
 width: 100%;
 text-transform: none;
}

.main-menu li li a {
 display: block;
 width: 100%;
 font-size: 1em;
}
.main-menu li ul > li {
 position: relative;
}

.main-menu li ul li ul {
 padding: 10px 0;
}
.main-menu li ul li:hover > ul{
 position: absolute;
 top: -10px;
 right: 100%;
 left: inherit;
 z-index: 10;
 display: block;
}

.sidebar .uMenuV ul {
 padding-left: 15px;
}

/*------------------------------------*\
 $Paginator
\*------------------------------------*/

.switchActive,
.switchDigit,
.switchBack,
.switchNext,
.swchItemA,
.swchItem {
 padding: 5px 9px; 
 color: #61b3a3;
 font: 600 1em 'Open Sans', sans-serif;
}

.switchActive,
.swchItemA {
 border: none;
 background-color: #81c8bd;
 color: #fff;
}

.catPages1 {
 padding-bottom: 10px;
}

.content .catPages1 {
 padding: 20px 0 10px;
 border-top: 1px solid #d5d5d5;
}

/*------------------------------------*\
 $Content
\*------------------------------------*/

.eBlock,
.gTable {
 padding-bottom: 45px;
}

.eTitle {
 color: #fa825a;
 font-weight: 600;
 font-size: 2.53em;
 font-family: 'Open Sans', sans-serif;
 line-height: 1.2;
 margin-bottom: 20px;
}

.eTitle > div {
 color: #000;
}

.eTitle a {
 color: #fa825a;
 font-weight: 600;

}

.eTitle a:hover,
.catLink:hover {
 text-decoration: underline;
}
.eTitle div[style^="float:right"] a {font-size: inherit;}

.eMessage,
.cMessage {
 font-weight: 300;
 font-family: 'Open Sans', sans-serif;
}

.eDetails {
 padding-top: 20px;
 font-weight: 300;
 font-size: .8em; /*12/15*/
 font-family: 'Open Sans', sans-serif;
}

.eDetails a {
 font-weight: 600;
}

.ed-sep {
 display: inline-block;
 padding: 0 5px;
}

#testBlockD .eTitle {
 font-size: 1.33em;
}

.eVariant label {
 padding-left: 5px;
}

#cntContaineroEditdscr,
#cntContaineroEditmessage {
 padding-top: 10px !important;
}

/*------------------------------------*\
 $Comment
\*------------------------------------*/

.content .cMessage {
 font-size: 1em;
 line-height: 1.5;
}

#allSmiles {
 font-size: .86667em;
}

.cMessage ul {
 overflow: hidden;
 margin: 0;
 list-style-position: inside;
}

.cMessage .user_avatar {
 display: block;
 float: left;
 overflow: hidden;
 margin: 0 6px 6px 0;
 padding: 4px;
 border: 1px solid #E3E3E3;
}

/*------------------------------------*\
 $Sidebar
\*------------------------------------*/

.sidebox {
 -webkit-box-sizing: border-box;
 -moz-box-sizing: border-box;
 box-sizing: border-box;
 margin-bottom: 20px;
 padding: 25px;
 border: 1px solid #e3e3e3;
 color: #000;
 font-weight: 400;
 font-family: 'Open Sans', sans-serif;
}

.sidebox-ttl {
 padding-bottom: 15px; 
 text-align: center;
 font-size: 1.3333333em; /*20/15*/
 line-height: 1.2;
}

.sidebox-bd {
 font-size: .8666667em; /*13/15*/
}

.sidebox-bd li {
 list-style-position: inside;
}

.ulb-mid {
 color: #000;
}

.calMonthLink {
 color: #000;
 font-size: 1.1538em; /*15/13*/
}


.calWday,
.calWdaySe,
.calWdaySu {
 color: #61b3a3;
 font-size: .92308em; /*12/13*/
}

.calMday {
 padding: 3px 5px;
 border: 5px solid transparent;
}

.calMdayIsA {
 cursor: pointer;
}

.calMdayIsA,
.calMdayA {
 border: 5px solid transparent;
 border-radius: 5px;
 background-color: #61b3a3;
 color: #fff;
 -webkit-transition: background-color .3s ease;
 transition: background-color .3s ease;
}

.calMdayIsA:hover {
 background-color: #006e63;
}

.calMdayIsA:active {
 background-color: #006e63;
 -webkit-transition: background-color 0s ease;
 transition: background-color 0s ease;
}

.calMdayLink {
 font-weight: bold;
}

.calMdayIsA .calMdayLink {
 color: #fff;
 font-style: normal;
}

.calMdayIsA .calMdayLink:hover {
 text-decoration: none;
}

.archUl {
 margin: 0;
 padding: 0;
 list-style: none;
}

.cMessage {
 font-size: 13px;
 line-height: 1.2;
}

#mchatBtn {
 padding: 3px 5px;
 font-size: 9px;
}

#mchatNmF {
 -webkit-box-sizing: border-box;
 -moz-box-sizing: border-box;
 box-sizing: border-box;
}

.pollQue {
 font-size: 1.2308em !important; 
}

.answer {
 font-size: 13px;
}

.pollButton {
 padding: 10px 0;
}

.pollLnk a {
 white-space: nowrap;
 font-size: 1em !important;
}

.pollTot {
 font-size: 1em !important;
}

.cat-blocks.gTable {
 margin-top: 0;
 border-top: none;
}

.sidebar .gTableTop a,
.sidebar .gTableTop {
 color: #61B3A3;
}

.cat-blocks.gTable:before {
 border: none;
}

.cat-blocks.gTable div {
 font-size: 13px !important;
}

.cat-blocks.gTable .forumNameTd {
 border-top: none;
}

.cat-blocks.gTable a:hover {
 text-decoration: underline;
}

.sidebar .gTableTop,
.sidebar .gTableSubTop,
.sidebar.forumNameTd {
 border: none;
 background-color: transparent;
}

.sidebar ul,
.sidebar li {
 list-style-position: inside;
}

/*------------------------------------*\
 $Search
\*------------------------------------*/

.queryField {
 -webkit-box-sizing: border-box;
 -moz-box-sizing: border-box;
 box-sizing: border-box;
 padding: 6px 44px 7px 10px !important;
 width: 100%;
 height: 30px;
 border: 1px solid #e9e9e9;
}
.content .queryField {width: auto !important;}

.searchSbmFl {
 overflow: hidden;
 margin: 0 !important;
 padding: 0 !important;
 width: 40px;
 height: 30px;
 border: none !important;
 background: #61b3a3 url('/.s/t/2001/srch.png') no-repeat 50% 50% !important;
 text-indent: -10000px;
}

.searchSbmFl:hover {
 background-color: #81c8bd !important;
}

.searchSbmFl:active {
 background-color: #006e63 !important;
}

.sidebox.srch .searchForm {
 position: relative;
 display: block;
}

.sidebox.srch .searchSbmFl {
 position: absolute;
 top: 0px;
 right: 0px;
}

/*------------------------------------*\
 $Footer
\*------------------------------------*/

.footer {
 min-height: 80px;
 width: 100%;
 background-color: #393939;
 color: #fff;
 font-size: .8em; /*12/15*/
}

.footer a {
 color: #fff;
}

.footer .cont-wrap {
 -webkit-box-sizing: border-box;
 -moz-box-sizing: border-box;
 box-sizing: border-box;
 margin: 0 auto;
 padding: 25px 40px 0;
 max-width: 1200px;
}

.copy {
 float: left;
}

.ucoz-copy {
 float: right;
}

.login-b {
 float: right;
 clear: right;
 padding-top: 5px;
}

/*------------------------------------*\
 $Forum
\*------------------------------------*/

.forumContent {
 margin: 0 auto;
}

.forum-width {
 min-width: 800px;
}

.fFastSearchTd {
 position: relative;
}

input[type="text"].fastSearch {
 -webkit-box-sizing: border-box;
 -moz-box-sizing: border-box;
 box-sizing: border-box;
 padding-right: 30px !important;
 height: 25px;
 color: #6c6c6c;
 font-style: normal;
}

input[type="submit"].fastSearch {
 overflow: hidden;
 margin: -14px 0 0;
 padding: 0;
 width: 30px;
 height: 25px;
 border: none;
 background-image: url('/.s/t/2001/srch.png');
 background-position: 50% 50%;
 background-repeat: no-repeat;
 -webkit-box-shadow: none;
 -moz-box-shadow: none;
 box-shadow: none;
 text-indent: -10000px;
}

input[type="button"].fastNav,
input[type="submit"].fastNav,
#forum_filter input[type="submit"],
.userSchFrm input[type="submit"] {
 padding: 4px 7px;
}

#frM60 {
 padding-top: 10px;
}

.gTable {
 border-spacing: 0;
 border-collapse: collapse;
 color: #000;
 font-weight: 300;
 font-family: 'Open Sans', sans-serif;
}



.gTableTop {
 height: 40px;
 background-color: #dd6e47;
 color: #fff;
 font-weight: normal;
 font-size: 1.33333em; /*20/15*/
}

.gTableTop,
.gTableSubTop {
 padding-left: 75px;
}

.gTableTop a {
 color: #fff;
}

.gTableSubTop a {
 color: #000;
}

.forum,
.threadLink,
.fNavLink,
.funcLink,
.gTableBody1 a,
.lastPostUserLink {
 font-weight: bold;
}

.gTableSubTop {
 padding-left: 12px;
 height: 38px;
 border-top: 1px solid #e1e1e1;
 border-left: 1px solid #e1e1e1;
 background-color: #eeeeee;
 text-align: left;
}

.gTableSubTop:first-child {
 border-left: 0;
}

.forumIcoTd,
.forumNameTd,
.forumThreadTd,
.forumPostTd,
.forumLastPostTd,
.threadIcoTd,
.threadIcoTd,
.threadNametd,
.threadPostTd,
.threadViewTd,
.threadAuthTd,
.threadLastPostTd {
 padding: 20px 12px;
 border-top: 1px solid #e1e1e1;
 border-left: 1px solid #e1e1e1;
}

.forumIcoTd,
.threadIcoTd:first-child {
 border-left: none;
}

.threadsDetails {
 border-top: 1px solid #e1e1e1;
}

.funcBlock {
 color: #000;

}

#filter_by {
 margin-right: 5px;
}



.gTableSubTop {
 padding-right: 5px;
}

.forum:hover,
.fNavLink:hover,
.funcLink:hover,
.threadFrmLink:hover,
.forumLastPostTd a:hover,
.threadLastPostTd a:hover,
.threadAuthorLink:hover,
.forumOnlineBar a:hover,
.forumNamesBar a:hover,
.postTable a:hover {
 text-decoration: underline;
}

.threadsDetails,
.forumOnlineBar {
 padding-left: 5px;
}

#allSmiles a {
 font-size: 13px !important;
}

#addform input[type="checkbox"] {
 margin-right: 3px;
}

.switches {
 margin-bottom: 3px;
}


.middle .postTable {
 border-spacing: 0;
 border-bottom: 1px solid #e1e1e1;
}
.postTdTop {
 border-bottom: 1px solid #e1e1e1;
}
.postBottom {
 border-top: 1px solid #e1e1e1;
}
.postBottom:first-child {
 border-right: 1px solid #e1e1e1;
}

.gDivRight {
 border: 1px solid #e1e1e1;
}

.posttdMessage,
.gTableBody1 {
 border-left: 1px solid #e1e1e1;
}

.posttdMessage,
.postTdInfo {

}

.gTableLeft,
.postTdInfo {
 padding-left: 5px;
}

.posttdMessage,
.postTdInfo {
 padding: 10px;
}

.postTdInfo {
 text-align: center;
}

.forumMemSwch,
.forumMemNum {
 padding: 5px;
}

.postTdTop {
 background-color: #eeeeee;
}

#frM57, 
#frM58 {
 padding-top: 5px;
}

#frM60,
.searchSubmitFl,
.userSchFrm,
#forum_filter {
 padding-bottom: 5px;
}

#allSmiles a:hover {
 text-decoration: underline;
}

.searchQueryFl {
 margin-bottom: 5px;
}

#thread_search_field {
 -webkit-box-sizing: border-box;
 -moz-box-sizing: border-box;
 box-sizing: border-box;
 width: 150px !important;
}

#thread_search_button {
 margin-top: 0 !important;
}

/*------------------------------------*\
 $Popup
\*------------------------------------*/


.popup {
 min-width: 680px;
}

.popup-bd input[type="submit"],
.popup-bd input[type="button"] {
 padding: 4px 5px;
}

.popup-head {
 -webkit-box-sizing: border-box;
 -moz-box-sizing: border-box;
 box-sizing: border-box;
 padding-left: 40px;
 width: 100%;
 height: 60px;
 background-color: #000;
}

.popup-ttl {
 display: inline-block;
 padding: 0 35px 0 35px;
 height: 100%;
 background-color: #dd6e47;
 color: #fff;
 text-transform: uppercase;
 white-space: nowrap;
 font: bold 1.3333em/60px 'Open Sans' sans-serif; /*20/15*/
}

.popup-ttl:before {
 display: inline-block;
 padding-right: 10px;
 width: 18px;
 height: 22px;
 background: url(/.s/t/2001/user.png) no-repeat 0 50%;
 content: '';
 vertical-align: sub;
}

.popup-bd { 
 position: relative;
 padding-top: 45px;
 font-size: .9333333em; /*14/15*/
 font-family: 'Open Sans', sans-serif;
}

.statusOffline {
 color: #dd6e47;
}

#block22 {
 padding: 15px 0;
}

#block25 {
 padding-top: 15px;
}

.popup-bd .user_avatar {
 display: block;
 margin-right: 30px;
 padding: 18px;
 border: 1px solid #d7d7d7;
}

.popup-bd #usch {
 padding: 15px 0;
}

.udtlb {
 padding: 0 20px 0 40px;
}

/*------------------------------------*\
 $Media Queries
\*------------------------------------*/

@media screen and (max-width: 880px) { 

 .nav-row {
 background-color: #575757;
 }

 .nav-row .cont-wrap {
 position: relative;
 -webkit-box-sizing: border-box;
 -moz-box-sizing: border-box;
 box-sizing: border-box;
 padding: 0;
 width: 100%;
 height: 60px;
 text-align: center;
 display: block;
 }

 .logo-lnk {
 display: block;
 overflow: hidden;
 margin-left: 80px;
 padding: 0 15px;
 text-align: center;
 text-overflow: ellipsis;
 }

 .show-menu {
 position: absolute;
 top: 0;
 display: block;
 width: 80px;
 height: 59px;
 border-bottom: 1px solid #5E948A;
 background-color: #61b3a3;
 background-position: 50% 50%;
 background-repeat: no-repeat;
 cursor: pointer;
 -webkit-transition: opacity .3s ease;
 transition: opacity .3s ease;
 }

 .show-menu:hover {
 opacity: .75;
 }

 .searchSbmFl:hover {
 background-color: #81c8bd !important;
 }

 .searchSbmFl:active {
 background-color: #006e63 !important;
 }
 
 .content .queryField {width: 100px !important;}

 /*------ Mobile menu ------*/
 .show-menu {
 left: 0;
 background-image: url('/.s/t/2001/menu.png');
 }

 .main-menu {
 display: none;
 float: left;
 margin-top: 10px;
 margin-bottom: 10px;
 width: 100%;
 background-color: #76cebd;
 }

 .main-menu ul {
 display: block;
 }

 .main-menu .uMenuRoot > li {
 margin: 0;
 padding: 0;
 }

 .main-menu .uMenuRoot > li > a:hover:before,
 .main-menu .uMenuRoot > li > a.uMenuItemA:before,
 .main-menu .uMenuRoot > .uWithSubmenu:hover > a:before,
 .sub-mn:after {
 display: none;
 }

 .main-menu li {
 display: block;
 min-height: 40px;
 text-align: left;
 text-transform: none;
 }
 
 .main-menu li li,
 .main-menu li li:first-child {
 border: none;
 } 

 .main-menu li ul li:hover ul {
 padding-right: 0;
 border-right: none;
 }

 .main-menu li a {
 display:block;
 margin: 0;
 padding: 0 0 0 10px;
 width: 100%;
 height: 40px;
 font-size: 1em;
 line-height: 40px;
 }

 .main-menu a:hover,
 .main-menu .uMenuItemA {
 background-color: #f3f3f3;
 color: #76CEBD;
 }

 .main-menu .uMenuRoot li ul {
 position: static !important;
 display: block !important;
 margin: 0;
 padding: 0;
 background: transparent;
 }

 .main-menu .uMenuRoot > li {
 height: auto;
 }

 .main-menu li li a {
 padding: 0 0 0 40px;
 }

 .main-menu li li li a {
 padding-left: 70px;
 }

 .main-menu li li li li a {
 padding-left: 90px;
 }

 /*------ Mobile menu ------*/
}

@media screen and (max-width: 800px) { 
 .banner-row .cont-wrap {
 padding: 25px 40px 35px;
 }

 .banner-img-b {
 float: none;
 width: 186px;
 height: 190px;
 margin: 0 auto;
 }

 .banner-img-w {
 width: 88px;
 height: 190px;
 }

 .banner-img {
 width: 88px;
 height: 170px;
 bottom: 7px;
 -webkit-animation: jump-mb 1.5s ease-out 0 infinite alternate;
 -moz-animation: jump-mb 1.5s ease-out 0 infinite alternate;
 -o-animation: jump-mb 1.5s ease-out 0 infinite alternate;
 animation: jump-mb 1.5s ease-out 0 infinite alternate;
 }

 @-webkit-keyframes jump-mb {
 from {
 bottom: 7px;
 }
 to {
 bottom: 20px;
 }
 }

 @keyframes jump {
 from {
 bottom: 7px;
 }
 to {
 bottom: 20px;
 }
 }

 .banner-img-shadow {
 width: 74px;
 height: 14px;
 margin-left: -37px;
 border-radius: 37px / 7px;
 -webkit-animation: shadow-mb 1.5s ease-out 0 infinite alternate;
 -moz-animation: shadow-mb 1.5s ease-out 0 infinite alternate;
 -o-animation: shadow-mb 1.5s ease-out 0 infinite alternate;
 animation: shadow-mb 1.5s ease-out 0 infinite alternate;
 }

 @-webkit-keyframes shadow-mb {
 from {
 width: 74px;
 height: 14px;
 margin-left: -37px;
 background: rgba(0,0,0,.2);
 border-radius: 37px / 7px;
 }
 to {
 width: 60px;
 height: 10px;
 margin-left: -30px;
 background: rgba(0,0,0,.15);
 border-radius: 30px / 5px;
 }
 }

 @keyframes shadow-mb {
 from {
 width: 74px;
 height: 14px;
 margin-left: -37px;
 background: rgba(0,0,0,.2);
 border-radius: 37px / 7px;
 }
 to {
 width: 60px;
 height: 10px;
 margin-left: -30px;
 background: rgba(0,0,0,.15);
 border-radius: 30px / 5px;
 }
 }

 .banner-descr {
 margin: 0 auto;
 max-width: 550px;
 }
 
 .banner-ttl {
 padding: 15px 0;
 min-height: 40px;
 font-size: 1.9333333em;
 }

 .banner-ttl:before {
 float: left;
 padding-right: 10px;
 width: 40px;
 height: 40px;
 background: url(/.s/t/2001/tooltip-sm.png) no-repeat 0 0;
 }

 .middle {
 padding: 40px 0;
 }

 .sidebar {
 float: none;
 margin-left: 0;
 width: 100%;
 }

 .u-container {
 float: none;
 width: 100%;
 }

 .content {
 padding: 0 5px 10px;
 }

 .sidebox.srch .searchForm,
 .calTable {
 margin: 0 auto;
 max-width: 400px;
 }

 .sidebox-bd {
 margin: 0 auto;
 max-width: 380px;
 text-align: center;
 }

 #MCaddFrm {
 text-align: left;
 }

 .archLink {
 text-decoration: underline;
 }

 .archLink:hover {
 text-decoration: none;
 }

 .sidebox-bd > li {
 list-style: none;
 }

 .forumContent {
 -webkit-box-sizing: border-box;
 -moz-box-sizing: border-box;
 box-sizing: border-box;
 margin: 0 40px;
 }
}

@media screen and (max-width: 640px) {
 .sidebox {
 padding: 25px 5px;
 }

 .logo-lnk {
 padding: 0 5px;
 }

 .banner-img-b {
 display: none;
 }
 .banner-ttl {
 padding: 10px 0 15px;
 min-height: 30px;
 font-size: 1.5em;
 }
 .banner-row .cont-wrap {
 padding: 15px 20px;
 }

 .content .eTitle {
 font-size: 1.7em;
 margin-bottom: 10px;
 }

 .content .eBlock {
 padding-bottom: 20px;
 }
}

@media screen and (max-width: 480px) {
 .logo-lnk:before {
 display: none;
 }
}


@media screen and (min-width: 881px) {
 .main-menu {
 display: table-cell;
 line-height: 60px;
 }
 .main-menu .uMenuItemA,
 .main-menu .uWithSubmenu:hover > a {
 color: #76cebd;
 text-decoration: none;
 }
}

@media screen and (min-width: 1200px) {

 .popup-head {
 padding-left: 120px;
 }

 .udtlb {
 padding: 0 40px 0 120px;

 }

 .middle,
 .footer .cont-wrap,
 .nav-row .cont-wrap {
 padding-right: 0;
 padding-left: 0;
 }
}