#frmButns83 a.fbutton {
 background-color: #26CDA4;
}

#top-navigation-mobile, #frmButns83 a.fbutton:hover {
 border-color: #26CDA4;
}

a:hover.fNavLink, #frmButns83 a.fbutton:hover {
 color: #26CDA4;
}

input[type='submit']:hover, input[type='reset']:hover, input[type='button']:hover, button:hover, a.frmbaractive {
 border-color: #26CDA4;
 color: #26CDA4;
}

@media screen and (min-width: 480px) and (max-width: 640px) {

.icon-col {
 width: 10%;
 margin: 0 -10% 0 0;
}

.box-col {
 padding: 0 0 0 16%;
}

}

@media screen and (min-width: 640px) and (max-width: 980px) {

.icon-col {
 width: 10%;
 margin: 0 -10% 0 0;
}

.box-col {
 padding: 0 0 0 13%;
}

#style-switcher {
 top: 150px!important;
}

}

@media screen (max-width: 480px) {

#top-navigation-mobile {
 max-height: 195px;
}

}

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

.forumNamesBar {
 display: block;
 width: 100%!important;
}

.frmfilter {
 display: block;
 width: 100%!important;
 float: left;
 border-top: 1px solid rgba(221,221,221,0.5);
}

.frmfilter form {
 margin-bottom: 10px;
}

#forum_filter {
 float: left!important;
 clear: left!important;
}

.dn1024, .forumLastPostTd {
 display:none;
}

.w1024 {
 width: 30%!important;
}

.mgt10 {
 padding-top: 20px;
}

#content {
 width: 100%;
}

#sidebar {
 width: 100%;
 float: none;
}

.work-post span {
 padding: 11% 0 0;
}

.work-post .photo-title {
 font-size: 18px;
 line-height: 22px;
 margin: 0 0 20px;
}

.work-post .photo-title:after {
 bottom: -20px;
}

.work-post .photo-cat {
 padding: 10px 0 0;
}

}

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

#footerBottom .text-right {
 text-align: left!important;
}

.item-ttl {
 margin-top: 20px;
}

.padding768 {
 padding-top: 30px;
}

.portfolio-container .work-post {
 width: 33.33%;
}

.work-post span {
 padding: 13% 0 0;
}

.work-post .photo-title {
 font-size: 18px;
 line-height: 22px;
 margin: 0 0 20px;
}

.work-post .photo-title:after {
 bottom: -20px;
}

.work-post .photo-cat {
 padding: 10px 0 0;
}

}

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

.slider-ttl {
 font-size: 22px;
 line-height: 22px;
}

.slider-msg {
 font-size: 14px;
 width: 480px;
}

.breadcrumbs {
 margin-top: 10px;
 text-align: left;
}

.gTableSubTop, .forumIcoTd, .forumLastPostTd, .threadIcoTd, .threadAuthTd, .threadLastPostTd, .threadPostTd, .postTdInfo {
 display: none;
}

.postTdTop {
 text-align: left;
 font-size: 13px;
 position: relative;
}

.postTable td, .threadsDetails, .forumOnlineBar {
 display: block;
 width: auto !important;
}

td.postBottom, td.postTdInfo {
 display: none;
}

.f100 {
 width: 100%!important;
 display: block;
}

.sw640 {
 margin: 10px 0;
}

.frmBtns {
 text-align: left!important;
 margin-left: 13px;
 margin-bottom:20px;
}

.forumNamesBar {
 display: block;
 width: 100%!important;
}

.frmfilter {
 display: block;
 width: 100%!important;
 text-align: center;
 border-top: 1px solid rgba(221,221,221,0.5);
}

.frmfilter2 {
 display: block;
 width: 100%!important;
 text-align: center;
 border-top: 1px solid rgba(221,221,221,0.5);
 margin-bottom: 10px;
}

#thread_search_form {
 float: left!important;
 margin-bottom: 10px;
}

.frmfilter form {
 margin-bottom: 10px;
}

#forum_filter_select {
 margin-bottom: 10px;
}

#forum_filter {
 float: none!important;
 clear:none!important;
}

.fFastNavTd {
 text-align: left!important;
}

#nnb .fr {
 float: left;
}

#nnb {
 margin-top: -10px!important;
}

.fFastLogin {
 margin-top: -20px;
}

.dn640 {
 display:none;
}

.funcBlock {
 text-align: left;
}

#video-page #uEntriesList .uEntryWrap {
 width: 48%!important;
 margin-right: 2%;
}

#video-page #uEntriesList .uEntryWrap:nth-child(2n) {
 margin-right: 0%!important;
}

.portfolio-filter li {
 display: block !important;
}

.portfolio-filter > li.ctv-underline {
 display: none!important;
}

.portfolio-container .work-post {
 width: 50%;
}

.work-post span {
 padding: 17% 0 0;
}

}

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

.slider-ttl {
 width: 96%;
 margin: auto;
}
.slider-msg {
 width: 96%;
 font-size: 13px;
 line-height: 20px;
}

a.fNavLink {
 display: block; 
 text-align: left;
 border-bottom: 1px solid rgba(221,221,221,0.15); 
}

#uEntriesList .uEntryWrap {
 width: 100%!important;
 margin-bottom: 10px;
}

#video-page #uEntriesList .uEntryWrap {
 width: 100%!important;
 margin-right: 0%;
}

.work-post span {
 padding: 14% 0 0;
}

}

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

#menu-toggle, #top-navigation-mobile {
 display: none;
}

#top-navigation {
 display: block;
}

#top-navigation li {
 display: inline-block;
 position: relative;
 margin-right: -3px;
}

#top-navigation li a {
 display: inline-block;
 height: 60px;	
 line-height: 60px;
 font-family: 'Open Sans';
 font-weight: 400;
 padding: 0 10px;
 color: #666;
}

#top-navigation li a:before {
 content: '';
 width: 0;
 background: #74AEA1;
 height: 2px;
 bottom: 0;
 left: 50%;
 position: absolute;
 transition: all 0.3s ease-in-out;
 -moz-transition: all 0.3s ease-in-out;
 -webkit-transition: all 0.3s ease-in-out;
 -o-transition: all 0.3s ease-in-out;
}

#top-navigation li a:hover:before {
 width: 100%;
 left: 0;
}

#top-navigation li.uWithSubmenu > a:hover:before, #top-navigation li.uWithSubmenu li > a:hover:before {
 display:none;
}

#top-navigation ul ul {
 opacity:0;
 visibility:hidden;
}

#top-navigation li.uWithSubmenu.hover > ul {
 visibility:visible;
 opacity:1;
}

#top-navigation ul ul {
 position: absolute;
 z-index: 10;
 width: 200px;
 height: auto;
 top: 100%;
 text-align:left!important;
 background: #4B494F;
 border-top-style: solid;
 border-top-width: 4px;
}

.marker {
 position: relative;
 left: 5px;
 font-size: 11px;
 float: right;
}

#top-navigation li li.uWithSubmenu > a:after {
 font-family:'FontAwesome';
 content:'\f105';
 padding-left: 5px;
 font-style:normal;
 font-weight:400;
}

#top-navigation ul li ul li ul:before {
 position: absolute;
 left: 0;
 top: auto;
 margin: 12px 0px 0px -10px;
 width: 0;
 height: 0;
 border: solid rgba(0, 0, 0, 0);
 border-width: 5px;
 content: " ";
 pointer-events: none;
}

#top-navigation ul ul li a {
 height: 34px;
 line-height: 34px;
 min-width: 200px;
 font-weight: 300; 
 font-size: 13px;
 text-transform: capitalize;
 color: #fff;
 white-space: nowrap;
 border-bottom: 1px solid #464344;
 border-top: 1px solid #545556;
}

#top-navigation ul ul li:first-child a {
 border-top: 0!important;
}

#top-navigation ul ul li:last-child a {
 border-bottom: 0!important;
}
#top-navigation ul ul li a:hover {
 background-color: rgba(0, 0, 0, 0.05);
}

#top-navigation ul ul ul {
 top:0;
 left:120%;
 -webkit-border-radius: 4px;
 border-radius: 4px;
}

#top-navigation ul li ul li ul li a:hover {
 background-color: rgba(0, 0, 0, 0);
}

}

#style-switcher {
 background: #fff;
 position:fixed;
 width: 243px;
 left: -243px;
 top: 250px;
 z-index:9999;
 -webkit-box-shadow: 0px 0px 8px 0 rgba(0,0,0,0.2);
 box-shadow: 0px 0px 8px 0 rgba(0,0,0,0.2);
}

.style-switcher-head {
 position: relative;
 height: 40px;
 line-height: 40px;
 font-weight: 700;
 margin: 5px 0;
 text-transform: uppercase;
 color: #FFF;
}

.style-switcher-head span {
 margin-left: 20px;
}

.style-switcher-trigger {
 position: absolute;
 cursor: pointer;
 top: 0;
 left: auto;
 right: -40px;
 width: 40px !important;
 height: 40px !important;
 line-height: 40px !important;
 font-size: 24px;
 text-align: center;
}

.switcher-body {
 position: relative;
 padding: 5px 20px 10px 20px;
}

#style-switcher label {
 font-weight: 700;
}

.colors {
 list-style: none;
 margin: 10px 0 0;
 margin-left: -2px;
 padding: 0;
 overflow: hidden;
}

.colors li {
 float: left;
 margin: 4px 2px 0 2px;
 position: relative;
}

.colors li a {
 display: block;
 width: 25px;
 height: 25px;
 cursor: pointer;
}

.colors li a.active:before {
 content: "\f00c";
 position: absolute;
 top: 6px;
 left: 6px;
 font: 12px/1em 'FontAwesome';
 font-style: normal;
 color: #FFF;
}

#reset {
 margin-top: 15px;
 margin-right: 3px;
}

#reset a {
 display: block;
 text-align: center;
}

.green {
 background: #26CDA4;
}

.green-2 {
 background: #3BC53B;
}

.blue {
 background: #2db2ea;
}

.orange {
 background: #FA5B0F;
}

.navy {
 background: #495D7F;
}

.yellow {
 background: #FFB400;
}

.peach {
 background: #FCAB55;
}

.beige {
 background: #BFA980;
}

.purple {
 background: #917AE9;
}

.pink {
 background: #D64391;
}

.celadon {
 background: #74AEA1;
}

.red {
 background: #DD3737;
}

.brown {
 background: #784E3D;
}

.cyan {
 background: #37B6BD;
}

.gray {
 background: #808080;
}

.shortcodes {
 font-weight: 400;
 font-family: 'Noto Sans';
}

.shortcodes .shc-dscr {
}

.shortcodes .shc-ttl {
 font-size: 17px;
 font-weight: 700;
}

.shortcodes .shc-ttl-2 {
 font-size: 17px;
 font-weight: 400;
}

.shortcodes .sec-b {
 margin-bottom: 30px;
}

.shortcodes .sec-b-2 {
 margin: 20px 0 30px 0;
}

.shortcodes .sec-b-3 {
 margin-bottom: 0px;
}

.shortcodes small {
 color: #AAA;
 font-size: 13px;
 text-transform: lowercase;
 display: block;
 margin-bottom: 10px;
}

pre {
 margin-top: 20px!important;
 border-radius: 0!important;
 border: 0!important;
 color: #FFF!important;
}

.dropcap {
 display: block;
 float: left;
 font-size: 50px;
 line-height: 52px;
 margin: 0px 5px 0 0;
}

.codeMessage, .quoteMessage, .UhideBlockL, .uSpoilerText {
 padding: 10px 0 10px 2%;
 margin: 10px 0 10px 4%;
 border: none;
 color: inherit; 
 display: block;
}

.bbCodeName {
 margin: 10px 0 10px 4%;
 padding: 0 !important;
}

.UhideBlockL, .uSpoilerText, .codeMessage, .quoteMessage {
 border-left-style: solid !important;
 border-left-width: 4px !important;
}

.codeMessage, .quoteMessage {
 border-top-width: 0!important;
 border-bottom-width: 0!important;
 border-right-width: 0!important;
}

.bbQuoteBlock cite {
 padding-top: 10px;
 display: block;
 font-size: 15px;
 font-weight: 700;
 color: #000;
}

.imagelist, .listlink, .listmail, .listplus {
 list-style: none!important;
}

.imagelist li, .listlink li, .listmail li, .listplus li {
 padding-left: 25px;
}

.imagelist li {
 background: url(/img/lists/list-image.png) no-repeat 0 3px;
}

.listlink li {
 background: url(/img/lists/list-link.png) no-repeat 0 3px;
}

.listmail li {
 background: url(/img/lists/list-mail.png) no-repeat 0 3px;
}

.listplus li {
 background: url(/img/lists/list-plus.png) no-repeat 0 3px;
}

fieldset {
 margin: 30px 0!important;
 border: 4px double #E5E5E5;
}

legend {
 padding: 0 10px!important;
}

ul.icons-list {
 margin: 0;
 padding: 0;
}

ul.icons-list li {
 float: left;
 margin-right: 2%;
 padding-left: 0!important;
 width: 23%;
 list-style: none;
 overflow: inherit;
 padding: 8px 0 2px 0;
 position: relative;
}

.xw-tl, .xw-tr, .xw-ml, .xw-mr, .xw-bl, .xw-br {
 background: none!important;
 padding: 0!important;
}

.xw-tc {
 padding: 5px 10px!important;
}

.xw-hdr-text {
 color: #FFF!important;
 font-family: 'Noto Sans'!important;
 text-transform: uppercase!important;
 font-size: 14px!important;
 font-weight: 700!important;
 line-height: 22px!important;
}

.xw-bc {
 background: #3BC53B!important;
}

.xw-plain .xw-mc, .xw-body {
 border: 0!important;
}

.xw-mc {
 background: #FFF!important;
 padding: 10px!important;
}

.xw-tc {
 overflow: visible !important;
} 

.xt-close {
 position: absolute !important;
 right: 10px!important;
 top: 6px!important;
 margin: 0!important;
 z-index: 999!important;
 width: 22px!important;
 height: 22px!important;
 background: url('/img/xt-close.png') no-repeat !important;
}

.xw-body > div {
 height: auto!important;
}

div#uidLogFormAjx > div, .myWinCont > div {
 padding: 0!important;
}

.x-sh, .myBtnLeft, .myBtnRight {
 display: none !important;
}

div#_uwndWnd1 {
 -webkit-box-shadow: 0 0 10px 0 rgba(0,0,0,0.2)!important;
 box-shadow: 0 0 10px 0 rgba(0,0,0,0.2)!important;
}

.myWinCont, .myWinCont td, .myWinCont dl, .myWinCont dt {
 font: 400 13px 'Noto Sans'!important;
 text-transform: uppercase;
}

.myWinCont input[type="text"], .myWinCont input[type="password"], .myWinCont textarea {
 padding:5px 7px !important;
 margin:3px 5px !important
}

.myBtnCenter, .myBtnCenterA, .myBtnLeftA, .myBtnRightA {
 background: none!important;
}

.myBtnCont {
 padding: 5px 10px!important;
 margin: 5px 0 5px 5px!important;
 width: auto;
 white-space: nowrap;
 cursor: pointer;
 -webkit-border-radius: 2px;
 border-radius: 2px;
}

.myBtnCont a:link, .myBtnCont a:visited, .myBtnCont a:hover, .myBtnCont a:active {
 color: #fff!important;
}

.myWinCont {
 overflow-x:hidden !important;
}

.myWinCont fieldset {
 border: 0!important;
}