.clearfix {
    
}

.clearfix::before, .clearfix::after {
     content: "";
     display: table;
     line-height: 0;
}

.clearfix::after {
     clear: both;
}

.hide-text {
     background-color: transparent;
     border: 0px none;
     color: transparent;
     font: 0px/0 a;
     text-shadow: none;
}

.input-block-level {
     box-sizing: border-box;
     display: block;
     width: 100%;
}

.backtotop {
     background-color: #4C57A4;
     border-radius: 3px;
     bottom: 20px;
     display: block;
     min-height: 42px;
     opacity: 1;
     overflow: hidden;
     position: fixed;
     right: 10px;
     text-align: center;
     transform: scale(1);
     transition: all 0.5s ease-in-out 0s;
     width: 45px;
     z-index: 40;
}

.backtotop.hidden-top {
     bottom: -100px;
     opacity: 0;
     transform: scale(0);
}

.backtotop:hover {
     background-color: #4C57A4;
}

.backtotop i {
     color: #ffffff;
     display: inline-block;
     font-size: 36px;
     margin: 1px 0px 0px ! important;
}

.bs-docs-example ul.the-icons li:hover {
     background: #3380c5 none repeat scroll 0% 0%;
}

#cpanel_wrapper {
     -moz-border-bottom-colors: none;
     -moz-border-left-colors: none;
     -moz-border-right-colors: none;
     -moz-border-top-colors: none;
     background: #e5e5e5 none repeat scroll 0% 0%;
     border-color: #f3f3f3 -moz-use-text-color #f3f3f3 #f3f3f3;
     border-image: none;
     border-style: solid none solid solid;
     border-width: 1px medium 1px 1px;
     box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.4);
     font-size: 11px;
     padding: 8px;
     position: fixed;
     right: -323px;
     top: 170px;
     width: 320px;
     z-index: 999;
}

#cpanel_wrapper #cpanel_btn {
     background: #666666 none repeat scroll 0% 0%;
     border-radius: 3px 0px 0px 3px;
     cursor: pointer;
     height: 38px;
     left: -49px;
     overflow: hidden;
     padding: 10px;
     position: absolute;
     top: 18px;
     width: 48px;
}

#cpanel_wrapper #cpanel_btn.isDown {
     background: #0083e8 none repeat scroll 0% 0%;
}

#cpanel_wrapper #cpanel_btn i {
     color: #ffffff;
     font-size: 18px;
     margin: 0px 0px 0px 4px;
     text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.15);
}

#cpanel_wrapper #cpanel_btn:hover i {
     text-shadow: 0px 0px 7px rgba(255, 255, 255, 0.7);
}

#cpanel_wrapper #ytcpanel_accordion {
     margin-bottom: 0px;
}

#cpanel_wrapper #ytcpanel_accordion .cpanel-head {
     background: #666666 none repeat scroll 0% 0%;
     box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.5) inset;
     color: #ffffff;
     font-size: 15px;
     font-weight: bold;
     margin: 1px -9px 8px 0px;
     padding: 8px 12px;
     text-transform: uppercase;
}

#cpanel_wrapper #ytcpanel_accordion .cpanel-head .cpanel-reset {
     float: right;
     margin: -8px -12px 0px;
     position: relative;
     z-index: 1;
}

#cpanel_wrapper #ytcpanel_accordion .cpanel-head .cpanel-reset::before {
     border-color: rgba(0, 0, 0, 0) #0083e8 rgba(0, 0, 0, 0) transparent;
     border-style: solid;
     border-width: 8px 8px 8px 0px;
     content: "";
     left: -7px;
     position: absolute;
     top: 9px;
}

#cpanel_wrapper #ytcpanel_accordion .cpanel-head .cpanel-reset .btn {
     background: #0083e8 none repeat scroll 0% 0%;
     border-radius: 0px;
     border: medium none;
     padding: 9px 15px;
     text-transform: none;
     transition: all 0.3s ease 0s;
}

#cpanel_wrapper #ytcpanel_accordion .cpanel-head .cpanel-reset .btn .fa {
     display: none;
}

#cpanel_wrapper #ytcpanel_accordion .cpanel-head .cpanel-reset .btn:focus .fa {
     display: block;
     float: left;
     margin: 3px 5px 0px 0px;
}

#cpanel_wrapper #ytcpanel_accordion .cpanel-head .cpanel-reset:hover .btn {
     padding-right: 30px;
}

#cpanel_wrapper #ytcpanel_accordion .cpanel-theme {
     background: #ffffff none repeat scroll 0% 0%;
     overflow: hidden;
     padding: 10px;
}

#cpanel_wrapper #ytcpanel_accordion .cpanel-theme .panel-group {
     overflow: hidden;
}

#cpanel_wrapper #ytcpanel_accordion .cpanel-theme .panel-layout {
     float: left;
     width: 50%;
}

#cpanel_wrapper #ytcpanel_accordion .cpanel-theme .panel-heading {
     margin: 0px 0px 8px;
     padding: 0px;
}

#cpanel_wrapper #ytcpanel_accordion .cpanel-theme .panel-heading span {
     border-left: 2px solid #999999;
     padding: 1px 5px;
}

#cpanel_wrapper #ytcpanel_accordion .cpanel-theme .panel-desc {
     color: #838383;
}

#cpanel_wrapper #ytcpanel_accordion .cpanel-theme .panel-theme-color .theme-color {
     border-radius: 3px;
     box-shadow: 0px -1px 8px 2px rgba(0, 0, 0, 0.3) inset, 0px -1px 0px 0px rgba(255, 255, 255, 0.6) inset, 0px 2px rgba(0, 0, 0, 0.38), 0px 0px #bbbbbb, 0px 3px 2px rgba(0, 0, 0, 0.25);
     cursor: pointer;
     float: left;
     height: 25px;
     line-height: 25px;
     margin: 5px 5px 0px 0px;
     overflow: hidden;
     position: relative;
     text-indent: 100%;
     transition: all 0.2s ease-in-out 0s;
     white-space: nowrap;
     width: 38px;
}

#cpanel_wrapper #ytcpanel_accordion .cpanel-theme .panel-theme-color .theme-color.active, #cpanel_wrapper #ytcpanel_accordion .cpanel-theme .panel-theme-color .theme-color:hover {
     box-shadow: 0px 2px 5px 2px rgba(0, 0, 0, 0.4) inset;
     margin-top: 7px;
}

#cpanel_wrapper #ytcpanel_accordion .cpanel-theme .panel-group input.miniColors {
     border-radius: 3px 0px 0px 3px;
     border: 1px solid #cccccc;
     height: 22px;
     margin: 0px -1px 0px 0px ! important;
     vertical-align: top;
     width: 55px;
}

#cpanel_wrapper #ytcpanel_accordion .cpanel-theme .panel-group .pattern {
     background-color: #dddddd;
     border-radius: 3px;
     box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.5) inset;
     box-sizing: border-box;
     cursor: pointer;
     float: left;
     height: 22px;
     margin: 0px 5px 0px 0px;
     text-indent: -999em;
     width: 30px;
}

#cpanel_wrapper #ytcpanel_accordion .cpanel-theme .panel-group .pattern.active {
     background-color: #eeeeee;
     border: 1px solid rgba(0, 0, 0, 0.4);
     box-shadow: 0px 1px 3px 2px rgba(0, 0, 0, 0.3) inset, 0px 0px 0px 2px rgba(0, 0, 0, 0.15);
}

.selectbox {
     background-color: #f5f5f5;
     background-image: linear-gradient(to bottom, #ffffff, #e6e6e6);
     background-repeat: repeat-x;
     border-radius: 3px;
     border: 1px solid #cccccc;
     display: inline-block;
     margin-top: 5px;
     position: relative;
     width: 120px;
}

.selectbox:hover {
     border-color: #999999;
}

.selectbox select {
     height: 22px;
     margin: 0px;
     opacity: 0;
     padding: 0px;
     position: relative;
     width: 99%;
     z-index: 10;
}

.selectbox .selecttext {
     display: inline-block;
     left: 5px;
     line-height: 22px;
     position: absolute;
     z-index: 9;
}

.selectbox .select-arrow {
     background: rgba(0, 0, 0, 0) url("../images/cpanel/dk_arrows.png") no-repeat scroll 50% 50%;
     display: inline-block;
     height: 20px;
     position: absolute;
     right: 0px;
     top: 0px;
     width: 26px;
}

.yt-sticky {
     position: relative;
     z-index: 80;
}

.yt-sticky .module {
     border: medium none;
     margin-bottom: 10px;
     position: absolute;
     z-index: 88;
}

.yt-sticky .module .module-inner1 {
     position: relative;
}

.yt-sticky .module .module-inner1 .module-inner2 {
     margin: 6px;
}

.yt-sticky .module .module-inner1 .module-inner2 .module-inner3 {
     background-color: #ffffff;
     font-size: 12px;
     padding: 10px;
}

.btn-special {
     background-color: #666666;
     cursor: pointer;
     display: block;
     height: 45px;
     left: 0px;
     position: absolute;
     text-align: center;
     width: 45px;
}

.btn-special span {
     font-size: 20px;
     line-height: 36px;
     margin: 0px 4px 0px 8px;
     width: 24px;
}

.btn-special:hover span {
     color: #ffffff;
     text-shadow: 0px 0px 7px rgba(255, 255, 255, 0.7);
}

#yt_notice {
     height: 0px;
     min-height: 0px;
     position: fixed;
     top: 0px;
     z-index: 96;
}

#yt_notice .yt-notice .module {
     border: medium none;
     box-shadow: 0px 0px 3px #999999, 0px -1px 0px #cccccc inset;
     color: #eeeeee;
     margin: 0px;
     min-height: 35px;
     position: absolute;
     text-align: center;
     top: -99em;
     width: 100%;
     z-index: 88;
}

#yt_notice .yt-notice .module.active {
     box-shadow: 0px 0px 3px #999999, 0px -1px 0px #dddddd inset;
}

#yt_notice .yt-notice .module.active .btn-special {
     background: #5e7696 none repeat scroll 0% 0%;
     border-radius: 0px;
     color: #ffffff;
}

#yt_notice .yt-notice .module .module-inner1 {
     padding: 10px;
     position: relative;
}

#yt_notice .yt-notice .module .module-inner1 .btn-special {
     border-radius: 0px 0px 3px 3px;
     color: #bfcfe6;
     height: 39px;
     left: auto;
     margin-top: -1px;
     position: absolute;
     right: 90px;
}

#yt_notice .yt-notice .module .module-inner1 .btn-special span {
     line-height: 36px;
     margin: 0px 8px;
}

#yt_notice .yt-notice .module .module-inner1 .modcontent {
     color: #dddddd;
     font-size: 12px;
     padding: 0px;
}

#yt_notice .yt-notice .module .module-inner1 .modcontent a {
     color: #ffffff;
     display: inline-block;
}

#yt_sticky_left {
     left: 0px;
     padding: 0px;
     position: fixed;
     top: 230px;
     z-index: 250;
}

#yt_sticky_left .yt-sticky {
     transition: all 0.3s ease-in-out 0s;
}

#yt_sticky_left .yt-sticky .module {
     background: rgba(0, 0, 0, 0.5) none repeat scroll 0% 0%;
     left: -100%;
     width: 100%;
}

#yt_sticky_left .yt-sticky .module:first-child .btn-special {
     border-radius: 0px 3px 0px 0px;
}

#yt_sticky_left .yt-sticky .module:last-child .btn-special {
     border-radius: 0px 0px 3px;
}

#yt_sticky_left .yt-sticky .module .btn-special {
     border-bottom: 1px solid #7c91ae;
     color: #bfcfe6;
     height: 50px;
     left: 100%;
     top: -6px;
}

#yt_sticky_left .yt-sticky .module .btn-special span {
     line-height: 50px;
}

#yt_sticky_right {
     padding: 0px;
     position: fixed;
     right: 0px;
     top: 230px;
     z-index: 250;
}

#yt_sticky_right .yt-sticky {
     transition: all 0.3s ease-in-out 0s;
}

#yt_sticky_right .yt-sticky .module {
     background: rgba(0, 0, 0, 0.5) none repeat scroll 0% 0%;
     position: absolute;
     right: -100%;
     width: 100%;
     z-index: 88;
}

#yt_sticky_right .yt-sticky .module:first-child .btn-special {
     border-radius: 3px 0px 0px;
}

#yt_sticky_right .yt-sticky .module:last-child .btn-special {
     border-radius: 0px 0px 0px 3px;
}

#yt_sticky_right .yt-sticky .module .btn-special {
     border-bottom: 1px solid #777777;
     color: #ffffff;
     height: 50px;
     left: auto;
     right: 100%;
     top: -6px;
}

#yt_sticky_right .yt-sticky .module .btn-special span {
     line-height: 50px;
}

#yt_tool_bottom {
     bottom: -1px;
     height: 0px;
     min-height: 0px;
     position: fixed;
     right: 70px;
     z-index: 89;
}

#yt_tool_bottom .module {
     background-color: #0083e8;
     border: medium none;
     margin: 0px;
     position: absolute;
     z-index: 88;
}

#yt_tool_bottom .module .module-inner2 {
     padding: 6px;
}

#yt_tool_bottom .module .module-inner2 .module-inner3 {
     background: #ffffff none repeat scroll 0% 0%;
     padding: 10px;
}

#yt_tool_bottom .module .module-inner2 .module-inner3 .box-livesupport input, #yt_tool_bottom .module .module-inner2 .module-inner3 .box-livesupport textarea {
     font-size: 12px;
     width: 95%;
}

#yt_tool_bottom .module .module-inner2 .module-inner3 .modcontent {
     font-size: 12px;
     padding: 0px;
}

#yt_tool_bottom .module .btn-special {
     -moz-border-bottom-colors: none;
     -moz-border-left-colors: none;
     -moz-border-right-colors: none;
     -moz-border-top-colors: none;
     background: #0083e8 none repeat scroll 0% 0%;
     border-color: #0066b5 #0066b5 -moz-use-text-color;
     border-image: none;
     border-radius: 3px 3px 0px 0px;
     border-style: solid solid none;
     border-width: 1px 1px 0px;
     box-shadow: 1px 1px 0px rgba(255, 255, 255, 0.2) inset, 0px -2px 2px rgba(0, 0, 0, 0.15);
     color: #eeeeee;
     font-size: 16px;
     font-weight: bold;
     height: 35px;
     left: auto;
     padding: 0px 10px 0px 0px;
     right: 0px;
     top: -36px;
     width: auto;
}

#yt_tool_bottom .module .btn-special span {
     line-height: 32px;
}

body {
     line-height: 22px;
}

#yt_header .row > div:first-child::before {
     border: medium none;
     box-shadow: none;
}

#yt_header .row > div::before {
     content: "";
     float: left;
     height: 40px;
}

@keyframes comeDown {
100% { transform: translateY(0px); }
}

@keyframes comeDown {
100% { transform: translateY(0px); }
}


#yt_menuwrap #yt_mainmenu {
     position: static;
}

#yt_menuwrap #login .module {
     float: right;
     margin: 0px;
}

#login {
     position: relative;
     z-index: 10;
}

#breadcrumb div.module {
     margin: 0px 0px 15px;
}

#breadcrumb div.module .breadcrumb {
     margin: 0px;
     padding: 0px;
}



#content #right .bg1 {
     padding-bottom: 0px;
}




#yt_footer #yt_copyright .yt-logo {
     float: left;
     margin: 5px 15px 0px 0px;
}

#yt_footer #yt_copyright .copyright, #yt_footer #yt_copyright .designby {
     display: inline;
}

#yt_footer #yt_copyright .copyright_middle {
     display: inline-block;
     margin-top: 18px;
}

#yt_footer #footer .yt-socialbt {
     border-radius: 30px;
     margin-right: 5px;
     padding: 3px;
}

#yt_footer #footer .yt-socialbt a {
     border: medium none;
     box-shadow: none;
     color: #999999;
     height: 32px;
     width: 32px;
}

#yt_footer #footer .yt-socialbt a i {
     display: inline-block;
     font-size: 17px;
     margin-top: -2px;
     vertical-align: middle;
}

#yt_footer #footer .yt-socialbt a.facebook {
     background-color: #4d6baa;
     color: #ffffff;
}

#yt_footer #footer .yt-socialbt a.facebook:hover {
     background-color: #7f95c5;
}

#yt_footer #footer .yt-socialbt a.twitter {
     background-color: #4fc6f8;
     color: #ffffff;
}

#yt_footer #footer .yt-socialbt a.twitter:hover {
     background-color: #99defb;
}

#yt_footer #footer .yt-socialbt a.google-plus {
     background-color: #ea6060;
     color: #ffffff;
}

#yt_footer #footer .yt-socialbt a.google-plus:hover {
     background-color: #f3a4a4;
}

#yt_footer #footer .yt-socialbt a.linkedin {
     background-color: #238cc8;
     color: #ffffff;
}

#yt_footer #footer .yt-socialbt a.linkedin:hover {
     background-color: #56afe1;
}

@media (min-width: 1200px) {
  #bd .menu-fixed { width: 100%; margin: 0px; position: fixed; top: 0px; left: 0px; z-index: 10; background-color: rgba(35, 39, 46, 0.95); }
  .layout-boxed { width: 1200px; margin: 0px auto; background: #f6f6f6 none repeat scroll 0% 0%; box-shadow: 0px 0px 6px #777777 ! important; }
}

@media (max-width: 1024px) {
  #bd { width: 1190px; }
}


a:focus {
     outline: medium none;
     text-decoration: none;
}

*::-moz-selection {
     background: #0083e8 none repeat scroll 0% 0%;
     color: #ffffff;
}

[class^="icon-"], [class*=" icon-"] {
     font-size: 14px;
     margin-right: 5px;
}

.badge, .label {
     display: inline-block;
}

.page-header {
     margin: 0px 0px 20px;
     display: none;
}

pre {
     -moz-border-bottom-colors: none;
     -moz-border-left-colors: none;
     -moz-border-right-colors: none;
     -moz-border-top-colors: none;
     border-color: -moz-use-text-color -moz-use-text-color -moz-use-text-color #0083e8;
     border-image: none;
     border-radius: 0px;
     border-style: none none none solid;
     border-width: medium medium medium 3px;
     font-size: 110%;
     line-height: 30px;
     margin: 2em 0px;
     padding: 20px;
}

img {
     max-width: 100%;
}

div.img_caption {
     position: relative;
}

div.img_caption.left {
     margin: 0px 1em 1em 0px;
}

div.img_caption p.img_caption {
     -moz-border-bottom-colors: none;
     -moz-border-left-colors: none;
     -moz-border-right-colors: none;
     -moz-border-top-colors: none;
     background: #eeeeee none repeat scroll 0% 0%;
     border-color: -moz-use-text-color #dddddd #dddddd;
     border-image: none;
     border-style: none solid solid;
     border-width: medium 1px 1px;
     box-shadow: 0px -1px 0px #ffffff inset;
     box-sizing: border-box;
     font-size: 92%;
     font-weight: bold;
     margin: 0px;
     padding: 5px 0px 0px;
}

div.caption {
     float: left;
     margin: 0px 1em 1em 0px;
}

div.yt-lightbox a img {
     width: auto;
}

ul, ol {
     padding-left: 40px;
}

ul li {
     line-height: 24px;
}

ul ul {
     list-style: outside none disc;
}

ul.blank {
     list-style: outside none none;
     margin: 0px;
     padding: 0px;
}

ul.latestnews.yt-list {
     margin: -10px -15px;
}

ul.latestnews.yt-list li:last-child {
     border-bottom: medium none;
}

ul.latestnews.yt-list li {
     border-bottom: 1px solid #f5f5f5;
     padding: 4px 15px;
}

ul.latestnews.yt-list li:hover {
     background: #f5f5f5 none repeat scroll 0% 0%;
     color: #0083e8;
}

ul.latestnews.yt-list li a {
     color: #666666;
}

ul.latestnews.yt-list li a:hover {
     color: #0083e8;
}

ul.category {
     list-style: outside none none;
     padding: 0px;
}

ul.category li {
     border-bottom: 1px solid #dddddd;
}

select {
     padding: 5px;
}

#modlgn-remember {
     margin-top: 0px;
}

input[type="radio"], input[type="checkbox"] {
     margin-top: 3px;
}

input:focus:required:invalid:focus, textarea:focus:required:invalid:focus, select:focus:required:invalid:focus {
     border-color: #4fb2ff;
}

input[type="text"]:focus, textarea:focus, input[type="password"]:focus, input[type="datetime"]:focus, input[type="datetime-local"], input[type="date"]:focus, input[type="month"]:focus, input[type="time"]:focus, input[type="week"]:focus, input[type="number"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="submit"]:focus, select:focus, input[type="file"]:focus, input[type="radio"]:focus, input[type="checkbox"]:focus, .btn:focus, button[type="submit"] {
     outline: 0px none;
}

label, input, button, select, textarea {
     font-size: 12px;
}

textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], .uneditable-input {
     background: #ffffff none repeat scroll 0% 0%;
     border-radius: 0px;
     border: 1px solid #cccccc;
     font-size: 12px;
     height: 36px;
     padding: 4px 6px;
}

.form-horizontal .controls input {
     width: 250px;
}

.form-horizontal .control-group {
     margin-bottom: 15px;
}

.label {
     margin-right: 15px;
     padding: 10px 16px;
}

.button, button {
     background: #0083e8 none repeat scroll 0% 0%;
     border-radius: 0px;
     border: medium none;
     color: #ffffff;
     display: inline-block;
     font-size: 14px;
     padding: 8px 20px;
     vertical-align: top;
}

.button:hover, button:hover {
     background: #2e323b none repeat scroll 0% 0%;
     color: #ffffff;
}

.button:hover span, button:hover span {
     color: #ffffff;
}

.form-horizontal .control-label {
     text-align: left;
}

form.box fieldset {
     border: 1px solid #cccccc;
     padding: 0px 10px 10px;
}

form.box legend {
     background: #ffffff none repeat scroll 0% 0%;
     border: medium none;
     font-size: 110%;
     line-height: 100%;
     margin: 0px;
     padding: 0px 10px;
     width: auto;
}

.display-limit {
     overflow: hidden;
     padding: 1em 0px;
}

.form-inline .input-append .add-on i {
     margin: 0px ! important;
}

.collapse {
     overflow: hidden;
}

.form-inline .btn-primary .icon-search {
     vertical-align: 1px;
}

.tooltip {
     background: rgba(0, 0, 0, 0) none repeat scroll 0% 0%;
     border: medium none;
}

div.tooltip.fade {
     background: rgba(0, 0, 0, 0) none repeat scroll 0% 0%;
     border: medium none;
}

.tip-wrap {
     z-index: 999;
}

.tip-wrap .tip {
     background: #eeeeee none repeat scroll 0% 0%;
     border: 1px solid #666666;
     max-width: 350px;
     padding: 0px;
}

.tip-wrap .tip.badge-info {
     background-color: #2f96b4;
     border: medium none;
     display: inline-block;
     padding: 2px 6px;
     position: relative;
     top: -2px;
}

.tip-wrap .tip .tip-title {
     background: #666666 none repeat scroll 0% 0%;
     color: #ffffff;
     font-size: 12px;
     font-weight: bold;
     line-height: 20px;
     padding: 5px 10px;
}

.tip-wrap .tip .tip-text {
     color: #444444;
     font-size: 108%;
     padding: 5px 10px;
}

table.category {
     margin-top: 20px;
     width: 100%;
}

table.category thead {
     background: #eeeeee none repeat scroll 0% 0%;
}

table.category thead tr th {
     background: #666666 none repeat scroll 0% 0%;
     border-bottom: 2px solid #444444;
     color: #ffffff;
     font-size: 118%;
     padding: 8px;
     text-align: left;
}

table.category thead tr th a {
     color: #ffffff;
}

table.category tbody tr:hover td {
     background-color: #f5f5f5;
}

table.category tbody tr td {
     border-top: 1px solid #dddddd;
     padding: 8px;
}

table.category tbody tr td.list-hits, table.category tbody tr td.hits {
     font-weight: bold;
}

#recaptcha_response_field {
     border-color: #dddddd ! important;
}

#system-message {
     margin: 0px;
}

#system-message .message {
     margin-bottom: 1.5em;
}

#system-message .message > ul {
     background-position: 5px 40%;
     margin: 0px;
}

.system-unpublished .system-unpublished {
     border-bottom: 5px solid;
     border-top: 16px solid;
     margin: -10px;
     padding: 10px;
     position: relative;
}

.system-unpublished .system-unpublished::before {
     content: "Unpublished";
     font-size: 0.8em;
     font-weight: bold;
     left: 10px;
     position: absolute;
     text-transform: uppercase;
     top: -19px;
}

span.highlight {
     background-color: #f16529 ! important;
     border-radius: 3px;
     color: #444444;
}

.form-vertical .btn-toolbar {
     margin-bottom: 1em;
}

[class*="col-"] > .col-sm-12 {
     padding: 0px;
}

div.categories-list > div {
     margin-bottom: 1em;
}

div.categories-list > div h3.page-header {
     border-bottom: medium none;
     font-size: 150%;
     font-weight: normal;
     margin: 0px;
}

div.categories-list > div h3.page-header .btn [class^="icon-"] {
     margin: 0px;
}

div.categories-list > div h3.page-header .badge {
     display: inline-block;
     vertical-align: 2px;
}

div.categories-list ul {
     margin: 0px;
     padding-left: 15px;
     position: relative;
}

div.categories-list ul li {
     font-weight: bold;
     line-height: 20px;
     list-style: outside none none;
}

div.categories-list ul li ul > li {
     list-style: outside none none;
     margin: 0px;
     padding: 10px 0px 0px 8px;
     position: relative;
}

div.categories-list ul li ul > li::after {
     border-left: 1px solid #cccccc;
     content: "";
     height: 30px;
     left: 0px;
     position: absolute;
     top: 0px;
     width: 1px;
}

div.categories-list ul li ul > li::before {
     border-bottom: 1px solid #cccccc;
     content: "";
     height: 1px;
     left: 0px;
     position: absolute;
     top: 28px;
     width: 7px;
}

div.categories-list ul li ul > li .item-title {
     padding: 3px 8px;
}

div.categories-list ul li .newsfeed-count {
     margin-top: 10px;
}

.lazy-hidden {
     background: #eeeeee url("../images/loading.gif") no-repeat scroll 50% 50%;
}

.lazy-loaded {
     opacity: 1;
     transition: opacity 0.3s ease 0s;
}

.blog .heading-category {
     font-size: 150%;
     font-weight: normal;
     line-height: 30px;
     margin: 0px;
     text-transform: uppercase;
}

.blog .items-leading {
     overflow: hidden;
     padding: 5px;
}

.blog .items-leading.cols-2, .blog .items-leading.cols-3, .blog .items-leading.cols-4 {
     border-bottom: medium none;
}

.blog .items-leading .item {
     padding: 15px;
}

.blog .items-leading .item .item-image {
     margin: 0px 20px 0px 0px;
     overflow: hidden;
     padding: 0px;
     position: relative;
     width: auto;
}

.blog .items-leading .item .item-image img {
     transition: all 0.3s ease 0s;
}

.blog .items-leading .item .item-image:hover img {
     transform: scale(1.15);
}

.blog .items-leading .item .article-text {
    
}

.blog .items-leading .item .article-text::before, .blog .items-leading .item .article-text::after {
     content: "";
     display: table;
     line-height: 0;
}

.blog .items-leading .item .article-text::after {
     clear: both;
}

.blog .items-leading .item .article-text .article-header h2 {
     font-size: 150%;
     margin: 0px 0px 15px;
}

.blog .items-leading .item .article-text .article-header h2 a {
     color: #444444;
     display: block;
}

.blog .items-leading .item .article-text .item-tags .tags a {
     background: #ffffff none repeat scroll 0% 0%;
     border-radius: 0px;
     border: 1px solid #cccccc;
     color: #999999;
     display: block;
     float: left;
     font-size: 14px;
     font-weight: normal;
     margin: 0px -1px 0px 0px;
     padding: 7px 13px;
     transition: all 0.3s ease 0s;
}

.blog .items-leading .item .article-text .item-tags .tags a:hover {
     background: #f5f6f6 none repeat scroll 0% 0%;
     color: #0083e8;
}

.blog .items-leading .item .article-text .article-info {
     margin-bottom: 15px;
}

.blog .items-leading .item .article-text .article-info dd {
     color: #999999;
     display: inline-block;
     margin: 0px;
     padding: 0px;
}

.blog .items-leading .item .article-text .article-info dd.create {
     background: rgba(0, 0, 0, 0) url("../images/icon/icon_date2.png") no-repeat scroll left center;
     margin-right: 10px;
     padding-left: 21px;
}

.blog .items-leading .item .article-text .article-info dd.createdby {
     background: rgba(0, 0, 0, 0) url("../images/icon/icon_author.png") no-repeat scroll left center;
     margin-right: 10px;
     padding-left: 25px;
}

.blog .items-leading .item .article-text .article-info dd.hits {
     background: rgba(0, 0, 0, 0) url("../images/icon/icon_hits2.png") no-repeat scroll left center;
     padding-left: 25px;
}

.blog .items-leading .item .article-text .article-intro {
     color: #666666;
     margin-bottom: 20px;
}

.blog .items-leading .item .article-text a.more {
     display: none;
}

.blog .items-leading .item .article-text .content_rating {
     margin-bottom: 15px;
}

.blog .items-leading .item .article-text .content_rating .unseen.element-invisible {
     color: #999999;
     float: left;
     margin-right: 15px;
}

.blog .items-leading .item.col-sm-6 .item-image, .blog .items-leading .item.col-sm-4 .item-image {
     display: block;
     float: none ! important;
     margin: 0px 0px 1em ! important;
     min-height: inherit ! important;
     min-width: inherit ! important;
}

.blog .items-leading .item.col-sm-3 .item-image {
     float: none ! important;
     margin: 0px 0px 1em;
     min-height: 126px ! important;
     min-width: inherit ! important;
}

.blog .items-leading .item.col-sm-3 .article-text .article-info dd.createdby {
     display: none;
}

.blog .items-leading .item.col-sm-3 .article-text .item-headinfo ul.actions {
     display: none;
}

.blog .items-leading .item:hover .article-text .article-header h2 a {
     color: #0083e8;
}

.blog .items-leading .leading-0 {
     padding-top: 0px;
}

.blog .items-row {
     padding: 5px;
}

.blog .items-row.cols-2, .blog .items-row.cols-3, .blog .items-row.cols-4, .blog .items-row.row-0 {
     border-top: medium none;
}

.blog .items-row.row-0 .item {
     padding-top: 0px;
}

.blog .items-row .item {
     padding: 15px;
}

.blog .items-row .item .item-image {
     margin: 0px 20px 0px 0px;
     overflow: hidden;
     padding: 0px;
     position: relative;
     width: auto;
}

.blog .items-row .item .item-image img {
     transition: all 0.3s ease 0s;
}

.blog .items-row .item .item-image:hover img {
     transform: scale(1.15);
}

.blog .items-row .item .article-text {
    
}

.blog .items-row .item .article-text::before, .blog .items-row .item .article-text::after {
     content: "";
     display: table;
     line-height: 0;
}

.blog .items-row .item .article-text::after {
     clear: both;
}

.blog .items-row .item .article-text .article-header h2 {
     font-size: 150%;
     margin: 0px 0px 15px;
}

.blog .items-row .item .article-text .article-header h2 a {
     color: #444444;
     display: block;
}

.blog .items-row .item .article-text .item-tags .tags a {
     background: #ffffff none repeat scroll 0% 0%;
     border-radius: 0px;
     border: 1px solid #cccccc;
     color: #999999;
     display: block;
     float: left;
     font-size: 14px;
     font-weight: normal;
     margin: 0px -1px 0px 0px;
     padding: 7px 13px;
     transition: all 0.3s ease 0s;
}

.blog .items-row .item .article-text .item-tags .tags a:hover {
     background: #f5f6f6 none repeat scroll 0% 0%;
     color: #0083e8;
}

.blog .items-row .item .article-text .article-info {
     margin-bottom: 15px;
}

.blog .items-row .item .article-text .article-info dd {
     color: #999999;
     display: inline-block;
     margin: 0px;
     padding: 0px;
}

.blog .items-row .item .article-text .article-info dd.create {
     background: rgba(0, 0, 0, 0) url("../images/icon/icon_date2.png") no-repeat scroll left center;
     margin-right: 10px;
     padding-left: 21px;
}

.blog .items-row .item .article-text .article-info dd.createdby {
     background: rgba(0, 0, 0, 0) url("../images/icon/icon_author.png") no-repeat scroll left center;
     margin-right: 10px;
     padding-left: 25px;
}

.blog .items-row .item .article-text .article-info dd.hits {
     background: rgba(0, 0, 0, 0) url("../images/icon/icon_hits2.png") no-repeat scroll left center;
     padding-left: 25px;
}

.blog .items-row .item .article-text .article-intro {
     color: #666666;
     margin-bottom: 20px;
}

.blog .items-row .item .article-text a.more {
     display: none;
}

.blog .items-row .item .article-text .content_rating {
     margin-bottom: 15px;
}

.blog .items-row .item .article-text .content_rating .unseen.element-invisible {
     color: #999999;
     float: left;
     margin-right: 15px;
}

.blog .items-row .item.col-sm-6 .item-image, .blog .items-row .item.col-sm-4 .item-image {
     display: block;
     float: none ! important;
     margin: 0px 0px 1em ! important;
     min-height: inherit ! important;
     min-width: inherit ! important;
}

.blog .items-row .item.col-sm-3 .item-image {
     float: none ! important;
     margin: 0px 0px 1em;
     min-height: 126px ! important;
     min-width: inherit ! important;
}

.blog .items-row .item.col-sm-3 .article-text .article-info dd.createdby {
     display: none;
}

.blog .items-row .item.col-sm-3 .article-text .item-headinfo ul.actions {
     display: none;
}

.blog .items-row .item:hover .article-text .article-header h2 a {
     color: #0083e8;
}

body.homepage .blog-featured .items-leading {
     border: medium none;
     padding: 0px;
}

body.homepage .blog-featured .items-leading .article-text h2.item-title {
     font-size: 150%;
     font-weight: normal;
}

body.homepage .blog-featured .items-leading .article-text h2.item-title a {
     color: #0083e8;
}

body.layout_main-left-right .blog-featured .items-row .item .item-image {
     float: none;
     margin: 0px 0px 1em;
}

.blog-featured .page-header {
     border-bottom: 1px solid #cccccc;
     margin: 0px;
     padding: 13px 15px;
     text-transform: uppercase;
}

.blog-featured .items-row {
     overflow: hidden;
     padding: 15px 20px;
}

.blog-featured .items-row .item {
     border-bottom: 1px solid #cccccc;
     padding: 0px;
}

.blog-featured .items-row .item .item-image {
     display: inline-block;
     float: none ! important;
     margin: 0px 0px 20px;
     position: relative;
}

.blog-featured .items-row .item .item-image .feature-info {
     background: rgba(0, 0, 0, 0.5) none repeat scroll 0% 0%;
     bottom: 0px;
     padding: 10px 15px;
     position: absolute;
     text-align: left;
     width: 100%;
}

.blog-featured .items-row .item .item-image .feature-info div {
     color: #ffffff;
     display: inline-block;
     margin-right: 20px;
}

.blog-featured .items-row .item .item-image .feature-info div.create {
     background: rgba(0, 0, 0, 0) url("../images/icon/icon_date.png") no-repeat scroll left center;
     padding-left: 23px;
}

.blog-featured .items-row .item .item-image .feature-info div.createdby {
     background: rgba(0, 0, 0, 0) url("../images/icon/icon_author2.png") no-repeat scroll left center;
     margin-right: 10px;
     padding-left: 25px;
}

.blog-featured .items-row .item .item-image .feature-info div i {
     font-size: 17px;
}

.blog-featured .items-row .item .hits {
     background: rgba(0, 0, 0, 0) url("../images/icon/icon_hits2.png") no-repeat scroll left center;
     color: #999999;
     float: right;
     margin-top: 11px;
     padding-left: 27px;
}

.blog-featured .items-row .item .item-tags {
     display: none;
}

.blog-featured .items-row .item .article-text a.more {
     color: #999999;
     display: block;
     float: left;
     padding: 10px 20px 10px 0px;
     position: relative;
     text-transform: uppercase;
     transition: all 0.3s ease 0s;
     z-index: 1;
}

.blog-featured .items-row .item .article-text a.more::after {
     background: #0083e8 none repeat scroll 0% 0%;
     content: "";
     height: 100%;
     left: 0px;
     position: absolute;
     top: 0px;
     transition: all 0.3s ease 0s;
     width: 0px;
     z-index: -1;
}

.blog-featured .items-row .item:hover a.more {
     color: #f5f6f6;
     padding: 10px 20px;
}

.blog-featured .items-row .item:hover a.more::after {
     width: 100%;
}

.blog-featured .items-row .item.system-unpublished {
     background: #ffffff none repeat scroll 0% 0%;
     border-top: medium none;
}

.blog-featured .items-row .item.system-unpublished .system-unpublished {
     background: #ffffff none repeat scroll 0% 0%;
     border: medium none;
     margin: 0px;
     padding: 0px;
}

.blog-featured .items-row .item.system-unpublished .system-unpublished::before {
     display: none;
}

.blog .items-leading + .items-row .item {
     padding-top: 20px;
}

.item-page {
     padding: 5px;
}

.item-page .article-header h2 a {
     color: #444444;
     display: block;
     font-size: 30px;
}

.item-page .article-header h2 a:hover {
     color: #0083e8;
}

.item-page .article-aside {
     margin: 1em 0px;
}

.item-page .article-aside .article-info dd {
     color: #999999;
     display: inline-block;
     margin-right: 20px;
}

.item-page .article-aside .article-info dd .create {
     background: rgba(0, 0, 0, 0) url("../images/icon/icon_date2.png") no-repeat scroll left center;
     padding-left: 21px;
}

.item-page .article-aside .article-info dd .hits {
     background: rgba(0, 0, 0, 0) url("../images/icon/icon_hits2.png") no-repeat scroll left center;
     padding-left: 27px;
}

.item-page .tags {
     margin-bottom: 20px;
     overflow: hidden;
}

.item-page .tags a {
     background: #ffffff none repeat scroll 0% 0%;
     border-radius: 0px;
     border: 1px solid #cccccc;
     color: #999999;
     display: block;
     float: left;
     font-size: 14px;
     font-weight: normal;
     margin: 0px -1px 0px 0px;
     padding: 7px 13px;
     transition: all 0.3s ease 0s;
}

.item-page .tags a:hover {
     background: #f5f6f6 none repeat scroll 0% 0%;
     color: #0083e8;
}

.item-page .img-fulltext {
     margin: 0px 20px 20px 0px;
}

.item-page .article-index {
     margin: 0px 0px 0px 20px;
}

.item-page .article-index .nav-stacked {
     border-radius: 0px;
     border: 1px solid #cccccc;
     overflow: hidden;
}

.item-page .article-index .nav-stacked li {
     border-bottom: 1px solid #cccccc;
     float: none;
}

.item-page .article-index .nav-stacked li a {
     border-radius: 0px;
     border: medium none;
     margin: 0px;
}

.item-page .image {
     float: left;
     margin: 5px 30px 20px 0px;
     width: 48%;
}

.item-page .image img {
     max-width: 100%;
}

.item-page .dt-list {
     float: left;
     margin: 20px 0px;
     width: 48%;
}

.item-page .dt-list ul {
     border: 1px solid #cccccc;
     list-style: outside none none;
     margin: 0px;
     padding: 0px;
}

.item-page .dt-list ul li {
     border-bottom: 1px solid #cccccc;
     min-height: 60px;
     padding: 10px 10px 10px 50px;
     position: relative;
}

.item-page .dt-list ul li strong {
     background: #f5f6f6 none repeat scroll 0% 0%;
     border: 1px solid #cccccc;
     color: #666666;
     font-weight: normal;
     left: 10px;
     padding: 3px 10px;
     position: absolute;
     top: 15px;
}

.item-page .dt-list ul li:last-child {
     border-bottom: medium none;
}

.item-page .notice {
     background: #f4f4f4 url("../images/icon/icon_quote.png") no-repeat scroll 20px center;
     color: #999999;
     float: left;
     font-style: italic;
     margin: 20px 0px;
     padding: 30px 30px 30px 60px;
}

.item-page .jwDisqusForm {
     margin: 3em 0px;
}

.item-page .jwDisqusForm #jwDisqusFormFooter {
     display: none;
}

.item-page h3.related-title {
     color: #444444;
     font-size: 18px;
     margin-bottom: 10px;
}

.item-page ul.related-items li {
     padding: 20px 0px;
}

.item-page ul.related-items li .img-fulltext {
     float: left;
     margin: 0px 20px 0px 0px;
     overflow: hidden;
}

.item-page ul.related-items li .img-fulltext img {
     transition: all 0.3s ease 0s;
}

.item-page ul.related-items li .img-fulltext:hover img {
     transform: scale(1.15);
}

.item-page ul.related-items li h3.related-item-title {
     margin-bottom: 10px;
}

.item-page ul.related-items li h3.related-item-title a {
     color: #666666;
}

.item-page ul.related-items li .related-item-date {
     color: #999999;
     float: left;
     margin-right: 20px;
}

.item-page ul.related-items li .related-item-hits {
     color: #999999;
     float: left;
}

.item-page ul.related-items li:hover h3.related-item-title a {
     color: #0083e8;
}

.item-page ul.pager li a {
     background: #23262d none repeat scroll 0% 0%;
     border-radius: 0px;
     border: medium none;
     color: #ffffff;
     display: block;
     padding: 10px 27px;
     transition: all 0.3s ease 0s;
}

.item-page ul.pager li a:hover {
     background: #0083e8 none repeat scroll 0% 0%;
}

.tag-category ul {
     list-style: outside none none;
     margin: 0px;
     padding: 0px;
}

.tag-category ul.items-row .item {
     padding: 20px 0px;
}

.tag-category ul.items-row .item .item-image {
     background: #e6e6e6 url("../images/loading.gif") no-repeat scroll center center;
     margin: 0px 20px 0px 0px;
     overflow: hidden;
}

.tag-category ul.items-row .item .item-image img {
     transition: all 0.3s ease 0s;
}

.tag-category ul.items-row .item .item-image:hover img {
     transform: scale(1.15);
}

.tag-category ul.items-row .item .article-text {
    
}

.tag-category ul.items-row .item .article-text::before, .tag-category ul.items-row .item .article-text::after {
     content: "";
     display: table;
     line-height: 0;
}

.tag-category ul.items-row .item .article-text::after {
     clear: both;
}

.tag-category ul.items-row .item .article-text .page-header {
     border-bottom: 0px none;
     margin: 0px 0px 5px;
     padding: 0px;
}

.tag-category ul.items-row .item .article-text .page-header h2 {
     font-size: 150%;
     margin: 0px 0px 15px;
}

.tag-category ul.items-row .item .article-text .page-header h2 a {
     color: #444444;
     transition: all 0.3s ease 0s;
}

.tag-category ul.items-row .item .article-text .item-headinfo .article-info {
     margin-bottom: 10px;
}

.tag-category ul.items-row .item .article-text .item-headinfo .article-info dd {
     color: #999999;
     display: inline-block;
     margin: 0px;
     padding: 0px;
}

.tag-category ul.items-row .item .article-text .item-headinfo .article-info dd .create {
     background: rgba(0, 0, 0, 0) url("../images/icon/icon_date2.png") no-repeat scroll left center;
     margin-right: 10px;
     padding-left: 25px;
}

.tag-category ul.items-row .item .article-text .item-headinfo .article-info dd.createdby {
     background: rgba(0, 0, 0, 0) url("../images/icon/icon_author.png") no-repeat scroll left center;
     padding-left: 25px;
}

.tag-category ul.items-row .item .article-text .content_rating {
     margin-bottom: 15px;
}

.tag-category ul.items-row .item .article-text .content_rating .unseen.element-invisible {
     color: #999999;
     float: left;
     margin-right: 15px;
}

.tag-category ul.items-row .item:hover .article-text .page-header h2 a {
     color: #0083e8;
}

.tag-category ul.items-row .item:hover a.readmore {
     color: #f5f6f6;
     padding: 10px 20px;
}

.tag-category ul.items-row .item:hover a.readmore::after {
     width: 100%;
}

div.archive .filter-search {
     background: #eeeeee none repeat scroll 0% 0%;
     border-color: #dddddd;
     border-radius: 0px;
}

div.archive .filter-search #limit {
     margin-right: 10px;
     width: auto;
}

div.archive #archive-items > div {
     border-top: 1px dotted #cccccc;
     padding: 15px 0px;
}

div.archive #archive-items > div:first-child {
     border-top: medium none;
}

div.archive #archive-items > div h2.item-title {
     font-size: 115%;
     margin: 0px;
}

div.archive #archive-items > div dl.article-info {
     color: #999999;
     margin: 0px;
}

div.archive #archive-items > div dl.article-info dd {
     display: inline-block;
     font-size: 91.7%;
     line-height: 24px;
     margin: 0px;
     padding: 0px;
}

div.archive #archive-items > div .intro > p {
     display: inline;
}

.pagination {
     display: table;
     height: auto;
     margin: 5px auto 8px;
}

.pagination ul li {
     margin: 0px 2px;
     overflow: hidden;
}

.pagination ul li a, .pagination ul li span {
     background: #ffffff none repeat scroll 0% 0%;
     border-radius: 0px ! important;
     border: 1px solid #cccccc;
     color: #666666;
     display: inline-block;
     float: none;
     height: 32px;
     padding: 5px 12px;
     vertical-align: top;
}

.pagination ul li.active span, .pagination ul li.active a, .pagination ul li:hover span, .pagination ul li:hover a {
     background: #0083e8 none repeat scroll 0% 0% ! important;
     border: 1px solid #0083e8 ! important;
     color: #ffffff;
}

dl.tabs {
     border-bottom: 1px solid #e7e7e7;
     box-sizing: border-box;
     clear: both;
     margin: 1.5em 0px 1em;
     padding: 0px 10px;
     width: 100%;
}

dl.tabs::before, dl.tabs::after {
     content: "";
     display: table;
     line-height: 0;
}

dl.tabs::after {
     clear: both;
}

dl.tabs dt {
     float: left;
     margin-bottom: -1px;
     margin-right: 5px;
}

dl.tabs dt.open h3 {
     background: #ffffff none repeat scroll 0% 0%;
     border-bottom-color: #ffffff;
}

dl.tabs dt.open h3 a {
     color: #0083e8;
}

dl.tabs dt h3 {
     background: #f5f5f5 none repeat scroll 0% 0%;
     border: 1px solid #e5e5e5;
     font-size: 116.7%;
     margin: 0px;
     padding: 7px 10px 8px;
}

dl.tabs dt h3 a {
     color: #808080;
}

dd.tabs {
     margin: 0px;
}

.search #searchForm .searchintro {
     margin: 15px 0px;
}

.search .search-results {
     clear: both;
}

.search .search-results .result-category {
     display: none;
}

.search .search-results .result-category, .search .search-results .result-text {
     margin: 0px;
     padding: 0px;
}

.search .search-results .result-text {
     border-bottom: 1px solid #dddddd;
     margin-bottom: 1em;
     padding-bottom: 1em;
}

.finder #search-form {
     background: #ecf0e8 none repeat scroll 0% 0%;
     border-bottom: 1px solid #dddddd;
     margin-bottom: 30px;
     padding: 20px;
}

.finder #search-form #finder-search {
     margin: 0px;
}

.finder #search-form #finder-search #advanced-search {
     padding: 10px 0px 0px;
}

.finder #search-form #finder-search #advanced-search #finder-filter-window ul {
     list-style: outside none none;
     margin: 0px;
}

.finder #search-form #finder-search #advanced-search #finder-filter-window ul li {
     margin-bottom: 10px;
}

.finder #search-form #finder-search #advanced-search #finder-filter-window ul li label {
     width: 150px;
}

.finder #search-results #search-query-explained {
     border-bottom: 3px solid #eeeeee;
     box-shadow: 0px -1px 0px #cccccc inset;
     font-weight: bold;
     margin: 1em 0px;
}

.finder #search-results ul.list-striped {
     list-style: outside none none;
     margin: 0px;
}

.finder #search-results ul.list-striped li {
     border-bottom: 1px solid #eeeeee;
     margin-bottom: 1em;
     padding-bottom: 1em;
}

.finder #search-results ul.list-striped li .result-url {
     color: #999999;
}

.newsfeed-category select[multiple], .newsfeed-category select[size], .contact-category select[multiple], .contact-category select[size] {
     width: auto;
}

.newsfeed ol {
     list-style: outside none none;
     margin: 0px;
     padding: 0px;
}

.newsfeed ol li {
     border-bottom: 1px dotted #cccccc;
     padding: 20px 0px;
}

.newsfeed ol li a {
     color: #777777;
     font-weight: normal;
}

.newsfeed ol li .feed-item-description {
     margin-top: 10px;
     overflow: hidden;
}

.newsfeed ol li .feed-item-description > img:first-child {
     background: #ffffff none repeat scroll 0px 0px;
     border: 1px solid #eeeeee;
     margin: 0px 0px 10px 15px;
     padding: 5px;
}

.weblink-category select[multiple], .weblink-category select[size] {
     width: auto ! important;
}

h1.title {
     font-size: 180%;
}

h2.subtitle {
     font-size: 130%;
}

.view-login #system-message {
     margin: 0px auto;
     width: 550px;
}

.view-login #content #yt_component {
     border: medium none;
     box-shadow: none;
}

.view-login .wrap-login {
     background: #ffffff none repeat scroll 0% 0%;
     border: 1px solid #cccccc;
     box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.15);
     box-sizing: border-box;
     margin: 0px auto;
     padding: 1em 2em 2em;
     width: 550px;
}

.view-login .wrap-login .page-header {
     background: #f5f5f5 none repeat scroll 0% 0%;
     border-bottom: 1px solid #dddddd;
     margin: -14px -28px 15px;
     padding: 10px 25px;
}

.view-login .wrap-login .page-header h1 {
     margin: 0px;
}

.view-login .wrap-login .form-horizontal .control-group {
     float: left;
     margin: 1em 0px;
     width: 50%;
}

.view-login .wrap-login .form-horizontal .control-label {
     float: none;
}

.view-login .wrap-login .form-horizontal .controls input {
     width: 180px;
}

.view-login .wrap-login .other-link {
     overflow: hidden;
}

.view-login .wrap-login .other-link ul.yt-list {
     margin: 0px 0px 0px 15px;
}

.view-login .wrap-login .other-link ul.yt-list li {
     float: left;
     margin-right: 30px;
}

.view-login .wrap-login .other-link ul.yt-list li a {
     color: #666666;
     font-size: 12px;
}

.view-login .wrap-login .other-link ul.yt-list li a:hover {
     color: #0083e8;
}

.login .form-horizontal {
     margin-bottom: 0px;
}

.login .well {
     background: rgba(0, 0, 0, 0) none repeat scroll 0% 0%;
     border-radius: 0px;
     border: medium none;
     box-shadow: none;
     margin: 0px;
     padding: 10px 0px 0px;
}

.login .well .control-label label {
     font-weight: bold;
}

.login .well .controls {
     margin: 0px;
}

.registration .page-header {
     margin: 0px 0px 15px;
}

.registration .page-header h2 {
     margin: 0px;
}

.registration .form-horizontal .control-label {
     text-align: left;
}

.registration .form-horizontal .control-label label {
     font-weight: bold;
}

div.contact h3.jicons-text {
     font-size: 120%;
}

div.contact ul.blank li, div.contact .contact-misc, div.contact form.box legend {
     color: #999999;
}

div.contact .contact-image {
     float: right;
     width: 50%;
}

div.contact .contact-image img {
     border: 1px solid #cccccc;
     box-sizing: border-box;
     margin-top: 1em;
     padding: 5px;
}

div.contact textarea, div.contact input {
     width: 300px;
}

div.contact textarea {
     height: 100px;
}

div.contact .contact-address, div.contact .contact-contactinfo, div.contact .contact-miscinfo {
     margin-bottom: 2em;
}

div.contact form.box fieldset {
     border: medium none;
     padding: 0px;
}

div.contact form.box legend {
     font-size: 12px;
     padding: 0px;
}

.suffix strong {
     display: inline-block;
}

.module h3.modtitle {
     border-bottom: 1px solid #cccccc;
     padding: 16px 0px;
     text-transform: uppercase;
}

.module.box1 {
     background: #ffffff none repeat scroll 0% 0%;
     border: 1px solid #cccccc;
     padding: 20px;
}

.module.box1 h3.modtitle {
     border: medium none;
     padding: 0px;
}

.module.box2 {
     background: #ffffff none repeat scroll 0% 0%;
     border: 1px solid #cccccc;
     padding: 16px;
}

.module.box2 h3.modtitle {
     margin: -16px -16px 15px;
     padding: 14px 16px;
}

.module.box3 {
     background: #ffffff none repeat scroll 0% 0%;
     border: 1px solid #dddddd;
     box-shadow: 0px 0px 0px 4px #ededed;
     padding: 20px;
}

.module.box3 h3.modtitle {
     border: medium none;
     padding: 0px;
}

.module.bg1 {
     background: #0083e8 none repeat scroll 0% 0%;
     color: #ffffff;
     padding: 20px;
}

.module.bg1 h3.modtitle {
     border: medium none;
     display: inline-block;
     margin-bottom: 16px;
     padding: 0px 0px 12px;
     position: relative;
     z-index: 1;
}

.module.bg1 h3.modtitle::after {
     border-bottom: 2px solid rgba(255, 255, 255, 0.5);
     bottom: -3px;
     content: "";
     left: 0px;
     position: absolute;
     width: 100%;
}

.module.bg1 .modcontent a {
     color: #dddddd;
}

.module.bg1 .modcontent a:hover {
     color: #ffffff;
}

.module.bg1 .modcontent .button {
     background: rgba(0, 0, 0, 0) none repeat scroll 0% 0%;
     border: 1px solid rgba(255, 255, 255, 0.3);
}

.module.bg1 .modcontent .button:hover {
     background: rgba(255, 255, 255, 0.2) none repeat scroll 0% 0%;
}

.module.bg2 {
     background: #67b0d1 none repeat scroll 0% 0%;
     color: #ffffff;
     padding: 20px;
}

.module.bg2 h3.modtitle {
     border: medium none;
     display: inline-block;
     margin-bottom: 16px;
     padding: 0px 0px 12px;
     position: relative;
     z-index: 1;
}

.module.bg2 h3.modtitle::after {
     border-bottom: 2px solid rgba(255, 255, 255, 0.5);
     bottom: -3px;
     content: "";
     left: 0px;
     position: absolute;
     width: 100%;
}

.module.bg2 .modcontent a {
     color: #dddddd;
}

.module.bg2 .modcontent a:hover {
     color: #ffffff;
}

.module.bg2 .modcontent .button {
     background: rgba(0, 0, 0, 0) none repeat scroll 0% 0%;
     border: 1px solid rgba(255, 255, 255, 0.3);
}

.module.bg2 .modcontent .button:hover {
     background: rgba(255, 255, 255, 0.2) none repeat scroll 0% 0%;
}

.module.bg3 {
     background: #e87352 none repeat scroll 0% 0%;
     color: #ffffff;
     padding: 20px;
}

.module.bg3 h3.modtitle {
     border: medium none;
     display: inline-block;
     margin-bottom: 16px;
     padding: 0px 0px 12px;
     position: relative;
     z-index: 1;
}

.module.bg3 h3.modtitle::after {
     border-bottom: 2px solid rgba(255, 255, 255, 0.5);
     bottom: -3px;
     content: "";
     left: 0px;
     position: absolute;
     width: 100%;
}

.module.bg3 .modcontent a {
     color: #dddddd;
}

.module.bg3 .modcontent a:hover {
     color: #ffffff;
}

.module.bg3 .modcontent .button {
     background: rgba(0, 0, 0, 0) none repeat scroll 0% 0%;
     border: 1px solid rgba(255, 255, 255, 0.3);
}

.module.bg3 .modcontent .button:hover {
     background: rgba(255, 255, 255, 0.2) none repeat scroll 0% 0%;
}

.module.bg4 {
     background: #393c42 none repeat scroll 0% 0%;
     color: #ffffff;
     padding: 20px;
}

.module.bg4 h3.modtitle {
     border: medium none;
     display: inline-block;
     margin-bottom: 16px;
     padding: 0px 0px 12px;
     position: relative;
     z-index: 1;
}

.module.bg4 h3.modtitle::after {
     border-bottom: 2px solid rgba(255, 255, 255, 0.5);
     bottom: -3px;
     content: "";
     left: 0px;
     position: absolute;
     width: 100%;
}

.module.bg4 .modcontent a {
     color: #dddddd;
}

.module.bg4 .modcontent a:hover {
     color: #ffffff;
}

.module.bg4 .modcontent .button {
     background: rgba(0, 0, 0, 0) none repeat scroll 0% 0%;
     border: 1px solid rgba(255, 255, 255, 0.3);
}

.module.bg4 .modcontent .button:hover {
     background: rgba(255, 255, 255, 0.2) none repeat scroll 0% 0%;
}

.module.blank {
     background: rgba(0, 0, 0, 0) none repeat scroll 0% 0%;
     border: medium none;
     color: #666666;
     padding: 0px;
}

.module.blank h3.modtitle {
     border: medium none;
}

.module.blank .modcontent {
     padding: 0px;
}

.module._menu {
     background: #ffffff none repeat scroll 0% 0%;
     border: 1px solid #dddddd;
}

.module._menu h3.modtitle {
     margin: 0px;
     padding: 16px 20px;
}

.module._menu .modcontent {
     padding: 15px;
}

.module._menu .modcontent ul.menu {
     list-style: outside none none;
     margin: 0px;
     padding: 0px;
}

.module._menu .modcontent ul.menu > li {
     border-bottom: 1px solid #e5e5e5;
}

.module._menu .modcontent ul.menu > li > a, .module._menu .modcontent ul.menu > li > span {
     color: #666666;
     display: block;
     padding: 8px 6px;
}

.module._menu .modcontent ul.menu > li > a:hover, .module._menu .modcontent ul.menu > li > span:hover {
     background: rgba(0, 0, 0, 0) none repeat scroll 0% 0%;
}

.module._menu .modcontent ul.menu > li:hover {
     background: #0083e8 none repeat scroll 0% 0%;
}

.module._menu .modcontent ul.menu > li:hover, .module._menu .modcontent ul.menu > li.active {
     background: #0083e8 none repeat scroll 0% 0%;
}

.module._menu .modcontent ul.menu > li:hover a, .module._menu .modcontent ul.menu > li.active a {
     color: #ffffff;
}

.module._menu .modcontent ul.menu > li:hover span, .module._menu .modcontent ul.menu > li.active span {
     color: #ffffff;
}

.module._menu .modcontent ul.menu > li.parent {
     position: relative;
}

.module._menu .modcontent ul.menu > li.parent > a::after {
     content: "";
     font-family: FontAwesome;
     margin: 0px 10px;
}

.module._menu .modcontent ul.menu > li.parent ul {
     background: #f7f7f7 none repeat scroll 0% 0%;
     border: 1px solid #cccccc;
     display: none;
     font-size: 91%;
     left: 0px;
     list-style: outside none none;
     margin: 0px;
     padding: 5px 10px;
     position: absolute;
     top: 130%;
     width: 100%;
     z-index: 3;
}

.module._menu .modcontent ul.menu > li.parent ul li {
     padding: 4px 0px;
}

.module._menu .modcontent ul.menu > li.parent ul li ul {
     border: medium none;
}

.module._menu .modcontent ul.menu > li.parent ul li:hover {
     color: #0083e8;
}

.module._menu .modcontent ul.menu > li.parent ul li:hover li {
     color: #666666;
}

.module._menu .modcontent ul.menu > li.parent ul li:hover li:hover {
     color: #0083e8;
}

.module._menu .modcontent ul.menu > li.parent ul li.active {
     color: #0083e8;
}

.module._menu .modcontent ul.menu > li.parent ul li.active li {
     color: #666666;
}

.module._menu .modcontent ul.menu > li.parent ul li.active li:hover {
     color: #0083e8;
}

.module._menu .modcontent ul.menu > li.parent ul li.active li.active {
     color: #0083e8;
}

.module._menu .modcontent ul.menu > li.parent ul li.active li.active a {
     color: #0083e8;
}

.module._menu .modcontent ul.menu > li.parent ul li.active li a {
     color: #666666;
}

.module._menu .modcontent ul.menu > li.parent ul li.active li a:hover {
     color: #0083e8;
}

.module._menu .modcontent ul.menu > li.parent ul li.active a {
     color: #0083e8;
}

.module._menu .modcontent ul.menu > li.parent ul li a {
     color: #666666;
     display: block;
}

.module._menu .modcontent ul.menu > li.parent ul li a:hover {
     color: #0083e8;
}

.module._menu .modcontent ul.menu > li.parent:hover ul {
     border-top: 1px none;
     display: block;
     top: 100%;
}

.module._menu .modcontent ul.menu > li.parent:hover ul ul {
     box-shadow: none;
     font-size: 100%;
     position: static;
}

.module._menu .modcontent ul.menu > li:last-child {
     border: medium none;
}

.module._menu .col2 li {
     background: #f4f4f4 none repeat scroll 0% 0%;
     border: medium none ! important;
     display: inline-block;
     margin: 5px;
     padding: 0px 10px;
     transition: all 0.3s ease 0s;
}

table.variations {
     border: 1px solid #dddddd;
     clear: both;
     font-size: 91%;
     margin: 1em 0px 2em;
     width: 100%;
}

table.variations tr.odd {
     background: rgba(0, 0, 0, 0) none repeat scroll 0% 0%;
     border: medium none;
}

table.variations tr.odd td {
     text-shadow: 0px 1px 1px rgba(255, 255, 255, 0.6);
}

table.variations tr td {
     border: 1px solid #cccccc;
     color: #666666;
     padding: 5px 10px;
}

table.variations tr td.bold {
     background: #e5e5e5 none repeat scroll 0% 0%;
     font-weight: bold;
}

.mod-languages {
     background: #1c1e24 none repeat scroll 0% 0%;
     position: relative;
}

.mod-languages:hover {
     background: #0083e8 none repeat scroll 0% 0%;
}

.mod-languages.open {
     background: #0083e8 none repeat scroll 0% 0% ! important;
}

.mod-languages a.dropdown-toggle {
     color: #ffffff;
     display: block;
     padding: 16px;
}

.mod-languages a.dropdown-toggle img {
     margin-right: 5px;
}

.mod-languages a.dropdown-toggle:hover {
     background: #0083e8 none repeat scroll 0% 0%;
}

.mod-languages a.dropdown-toggle.open {
     background: #0083e8 none repeat scroll 0% 0% ! important;
}

.mod-languages ul.dropdown-menu {
     background: #0083e8 none repeat scroll 0% 0%;
     border-radius: 0px;
     border: medium none;
     box-shadow: none;
     min-width: 180px;
     padding: 3px 0px;
}

.mod-languages ul.dropdown-menu li {
     margin: 0px;
     text-align: left;
}

.mod-languages ul.dropdown-menu li a {
     background: rgba(0, 0, 0, 0) none repeat scroll 0% 0%;
     color: #ffffff;
     padding: 7px 17px;
}

.mod-languages ul.dropdown-menu li a img {
     float: left;
     margin-right: 9px;
     margin-top: 4px;
}

.mod-languages ul.dropdown-menu li a:hover {
     background: #0066b5 none repeat scroll 0% 0%;
     box-shadow: 0px 6px 12px rgba(0, 0, 0, 0.176);
}

#mod-finder-searchform {
     margin: 3px 20px 0px 0px;
     position: relative;
}

#mod-finder-searchform input.inputbox {
     background: #ffffff none repeat scroll 0% 0%;
     border: 1px solid #e3e3e3;
     color: #999999;
     float: right;
     font-size: 91%;
     height: 34px;
     padding: 4px 30px 4px 10px;
     width: 200px;
}

#mod-finder-searchform input.inputbox:focus + .button i {
     color: #0083e8;
}

#mod-finder-searchform .button {
     background: rgba(0, 0, 0, 0) none repeat scroll 0% 0%;
     border-radius: 0px;
     border: medium none;
     box-shadow: none;
     color: #999999;
     padding: 0px;
     position: absolute;
     right: 10px;
     top: 6px;
     z-index: 10;
}

#mod-finder-searchform i {
     font-size: 14px;
     margin: 0px;
}

.form-inline {
     margin: 8px 8px 2px;
}

.form-inline [class^="icon-"], .form-inline [class*=" icon-"] {
     margin: 0px;
}

.form-inline .input-append .add-on, .form-inline .input-prepend .add-on {
     padding: 4px 10px;
}

.form-inline .input-small {
     width: 120px;
}

.form-inline .icon-add {
     background: #0083e8 none repeat scroll 0% 0%;
     color: #ffffff;
     display: inline-block;
     height: 14px;
     line-height: 14px;
     margin-right: 6px;
     text-align: center;
     width: 14px;
}

.form-inline .icon-add::before {
     content: "+";
}

.form-inline ul.unstyled {
     margin: 0px;
}

.form-inline .filters .button {
     padding: 4px 20px;
}

.form-vertical {
     overflow: hidden;
     padding: 12px 5px;
}

.form-vertical .login-greeting {
     color: #ffffff;
     float: left;
     margin: 4px 5px 0px 0px;
}

.form-vertical .logout-button {
     float: left;
}

.form-vertical .logout-button .btn {
     border-radius: 3px;
     float: left;
     padding: 5px 4px 5px 11px;
}

a.readmore {
     color: #999999;
     display: block;
     float: left;
     padding: 10px 20px 10px 0px;
     position: relative;
     text-transform: uppercase;
     transition: all 0.3s ease 0s;
     z-index: 1;
}

a.readmore::after {
     background: #0083e8 none repeat scroll 0% 0%;
     content: "";
     height: 100%;
     left: 0px;
     position: absolute;
     top: 0px;
     transition: all 0.3s ease 0s;
     width: 0px;
     z-index: -1;
}

a.readmore:hover {
     color: #f5f6f6;
     padding: 10px 20px;
}

a.readmore:hover::after {
     width: 100%;
}

.whoonline {
     padding: 15px 20px;
}

.whoonline h3.modtitle {
     margin-bottom: 20px;
}

.whoonline .modcontent {
     background: #0083e8 none repeat scroll 0% 0%;
     color: #ffffff;
     padding: 15px;
}

.whoonline .round-online {
     background: #ffffff url("../images/styling/blue/icon_user.png") no-repeat scroll center center;
     border-radius: 50%;
     float: left;
     height: 60px;
     margin-right: 15px;
     width: 60px;
}

.whoonline .round-online i {
     color: #0083e8;
     display: none;
     font-size: 30px;
     margin: 14px auto;
}

.mega-module ul.menu li {
     padding: 1px 0px;
     position: relative;
}

.mega-module ul.menu li a {
     color: #ffffff;
     display: block;
     font-size: 100%;
     line-height: 20px;
     padding: 6px 10px;
     text-transform: none;
}

.mega-module ul.menu li:hover a, .mega-module ul.menu li.active a {
     background-color: #0066b5;
}

.wellcomesj {
     margin: 5em 0px;
     text-align: center;
}

.wellcomesj h1 {
     color: #444444;
     font-size: 36px;
     font-weight: normal;
     text-transform: uppercase;
}

.wellcomesj h1 strong {
     color: #0083e8;
     font-weight: 700;
}

.wellcomesj h2 {
     color: #666666;
     font-size: 18px;
     margin: 0px;
}

.wellcomesj a.button {
     border: medium none;
     color: #ffffff;
     font-size: 100%;
     margin: 0px 3px;
     padding: 12px 20px;
     transition: all 0.3s ease 0s;
     width: 180px;
}

.wellcomesj a.button.ourtemplates {
     background: #23262d url("../images/icon/icon_eye.png") no-repeat scroll 20px center;
     padding-left: 60px;
}

.wellcomesj a.button.ourtemplates:hover {
     background-color: #393e4a;
}

.wellcomesj a.button.download {
     background: #0083e8 url("../images/icon/icon_download.png") no-repeat scroll 30px center;
     padding-left: 50px;
}

.wellcomesj a.button.download:hover {
     background-color: #1c9cff;
}

div.yt-socialbt {
     margin-top: 8px;
}

div.yt-socialbt a.min {
     color: #999999;
}

div.yt-socialbt a.min:hover {
     color: #0083e8;
}

div.yt-socialbt a.min i {
     font-size: 18px;
}

#contact ul li i {
     color: #999999;
     margin-right: 9px;
}

#contact ul li a {
     color: #0083e8;
}

#contact ul li a:hover {
     color: #1c9cff;
}

.yt-loginform {
     border-right: 1px solid #34353a;
     position: relative;
     z-index: 1;
}

.yt-loginform:hover .dropdown-toggle {
     background: #0083e8 none repeat scroll 0% 0%;
}

.yt-loginform .dropdown-toggle {
     background: #1c1e24 none repeat scroll 0% 0%;
     color: #ffffff;
     display: block;
     line-height: 54px;
     padding: 0px 16px;
}

.yt-loginform .dropdown-toggle .fa {
     margin-left: 5px;
}

.yt-loginform .dropdown-menu {
     background-color: rgba(0, 130, 230, 0.9);
     border-radius: 0px;
     border: medium none;
     box-shadow: none;
     margin: 0px;
     min-width: 250px;
     padding: 20px;
}

.yt-loginform .dropdown-menu .input-small {
     border: medium none;
     height: 30px;
     width: 100%;
}

.yt-loginform .dropdown-menu .button {
     background: #23262d none repeat scroll 0% 0%;
     margin-bottom: 10px;
     padding: 10px 35px;
     transition: all 0.3s ease 0s;
     width: 100%;
}

.yt-loginform .dropdown-menu .button:hover {
     background: #000000 none repeat scroll 0% 0%;
}

.yt-loginform .dropdown-menu ul.unstyled {
     list-style: outside none none;
     margin: 0px;
     padding: 0px;
}

.yt-loginform .dropdown-menu ul.unstyled li a {
     color: #dddddd;
     font-size: 12px;
     transition: all 0.3s ease 0s;
}

.yt-loginform .dropdown-menu ul.unstyled li a:hover {
     color: #ffffff;
}

div.moduletabs.top-position div.tabs-container {
     height: 48px ! important;
     margin: 0px;
}

div.moduletabs.top-position div.tabs-container ul.tabs li {
     border-right: 1px solid #e3e3e3;
}

div.moduletabs.top-position div.tabs-container ul.tabs li div.tab {
     border: medium none;
     color: #444444;
     font-size: 16px;
     padding: 15px 0px;
     position: relative;
     text-transform: uppercase;
}

div.moduletabs.top-position div.tabs-container ul.tabs li div.tab::after {
     background: #0083e8 none repeat scroll 0% 0%;
     bottom: 0px;
     content: "";
     display: none;
     height: 4px;
     left: 0px;
     position: absolute;
     width: 100%;
}

div.moduletabs.top-position div.tabs-container ul.tabs li div.tab.selected {
     color: #0083e8;
}

div.moduletabs.top-position div.tabs-container ul.tabs li div.tab.selected::after {
     display: block;
}

div.moduletabs.top-position div.tabs-container ul.tabs li div.tab:hover {
     background: #ffffff none repeat scroll 0% 0%;
     color: #0083e8;
}

div.moduletabs.top-position div.tabs-container ul.tabs li div.tab:hover::after {
     display: block;
}

div.moduletabs.top-position div.tabs-container ul.tabs li:last-child {
     border: medium none;
}

div.moduletabs.top-position div.tabs-content-wrap .bsn-wrap .item {
     border: medium none;
     padding: 13px 19px;
}

div.moduletabs.top-position div.tabs-content-wrap .bsn-wrap .item:hover {
     background: #ffffff none repeat scroll 0% 0%;
}

div.moduletabs.top-position div.tabs-content-wrap .bsn-wrap .item .bsn-image {
     margin-bottom: 10px;
     margin-right: 18px;
}

div.moduletabs.top-position div.tabs-content-wrap .bsn-wrap .item h2.basicnews-title a {
     color: #666666;
     font-size: 14px;
     transition: all 0.3s ease 0s;
}

div.moduletabs.top-position div.tabs-content-wrap .bsn-wrap .item .basicnews-info .basic-date {
     background: rgba(0, 0, 0, 0) url("../images/icon/icon_date2.png") no-repeat scroll left center;
     color: #999999;
     float: left;
     font-size: 14px;
     margin: 0px 20px 0px 0px;
     padding-left: 21px;
}

div.moduletabs.top-position div.tabs-content-wrap .bsn-wrap .item .basicnews-info .cattitle {
     background: rgba(0, 0, 0, 0) url("../images/icon/icon_hits2.png") no-repeat scroll left center;
     color: #999999;
     float: left;
     font-size: 14px;
     padding-left: 27px;
}

div.moduletabs.top-position div.tabs-content-wrap .bsn-wrap .item:hover h2.basicnews-title a {
     color: #0083e8;
}

div.sj-accordion {
     border: medium none;
}

div.sj-accordion .acd-items .acd-item .acd-header {
     background: #23262d url("../images/icon/icon_cong.png") no-repeat scroll 20px center;
     border: medium none;
     color: #f5f6f6;
     font-size: 18px;
     margin: 0px;
     padding: 12px 10px 12px 50px;
     text-transform: uppercase;
     transition: all 0.3s ease 0s;
}

div.sj-accordion .acd-items .acd-item .acd-header:hover {
     background-color: #2e3138;
}

div.sj-accordion .acd-items .acd-item .acd-content-wrap .acd-content-wrap-inner {
     position: relative;
}

div.sj-accordion .acd-items .acd-item .acd-content-wrap .acd-content-wrap-inner .acd-image {
     margin: 0px;
}

div.sj-accordion .acd-items .acd-item .acd-content-wrap .acd-content-wrap-inner .acd-content {
     background: rgba(0, 0, 0, 0.5) none repeat scroll 0% 0%;
     bottom: 0px;
     height: auto;
     margin: 0px;
     padding: 17px 20px;
     position: absolute;
}

div.sj-accordion .acd-items .acd-item .acd-content-wrap .acd-content-wrap-inner .acd-content .acd-description {
     color: #ffffff;
}

div.sj-accordion .acd-items .acd-item .acd-content-wrap .acd-content-wrap-inner .acd-content ul.acd-info {
     list-style: outside none none;
     margin: 0px;
     padding: 10px 0px 0px;
}

div.sj-accordion .acd-items .acd-item .acd-content-wrap .acd-content-wrap-inner .acd-content ul.acd-info li {
     color: #ffffff;
     display: inline-block;
     margin-right: 20px;
}

div.sj-accordion .acd-items .acd-item .acd-content-wrap .acd-content-wrap-inner .acd-content ul.acd-info li span.acd-date {
     background: rgba(0, 0, 0, 0) url("../images/icon/icon_date.png") no-repeat scroll left center;
     padding-left: 23px;
}

div.sj-accordion .acd-items .acd-item .acd-content-wrap .acd-content-wrap-inner .acd-content ul.acd-info li span.acd-hits {
     background: rgba(0, 0, 0, 0) url("../images/icon/icon_hits.png") no-repeat scroll left center;
     padding-left: 27px;
}

div.sj-accordion .acd-items .acd-item.selected .acd-header {
     background: #0083e8 url("../images/icon/icon_tru.png") no-repeat scroll 20px center;
}

div.sj-accordion .acd-items .acd-item .acd-image {
     position: relative;
}

div.sj-accordion .acd-items .acd-item .acd-image a.hover-link {
     background: rgba(0, 0, 0, 0) url("../images/icon/icon_cong2.png") no-repeat scroll 0px 0px;
     height: 25px;
     left: 47%;
     opacity: 0;
     position: absolute;
     top: -50%;
     transition: all 0.7s ease 0s;
     width: 25px;
}

div.sj-accordion .acd-items .acd-item:hover .acd-image a.hover-link {
     opacity: 1;
     top: 20%;
     transform: rotate(360deg);
}

.module.slider {
     background: #ffffff none repeat scroll 0% 0%;
     border: 1px solid #cccccc;
     margin: 0px;
}

.module.slider .modcontent {
     padding: 10px;
}

.module.slider .modcontent .carousel .carousel-inner .item .carousel-caption {
     background: rgba(0, 0, 0, 0.6) none repeat scroll 0% 0%;
     bottom: 0px;
     left: 0px;
     padding: 20px;
     position: absolute;
     text-align: left;
     text-shadow: none;
     z-index: 9;
}

.module.slider .modcontent .carousel .carousel-inner .item .carousel-caption h4 {
     font-size: 30px;
     font-weight: normal;
     margin-bottom: 12px;
     padding-right: 160px;
}

.module.slider .modcontent .carousel .carousel-inner .item .carousel-caption h4 a {
     color: #ffffff;
}

.module.slider .modcontent .carousel .carousel-inner .item .carousel-caption h4 a:hover {
     color: #0083e8;
}

.module.slider .modcontent .carousel .carousel-inner .item .carousel-caption p {
     color: #ffffff;
     padding-right: 160px;
}

.module.slider .modcontent .carousel .carousel-inner .item .carousel-caption .item-date {
     background: rgba(0, 0, 0, 0) url("../images/icon/icon_date.png") no-repeat scroll left center;
     padding-left: 23px;
     position: absolute;
     right: 70px;
     top: 41%;
}

.module.slider .modcontent .carousel .carousel-inner .item .carousel-caption .item-hits {
     background: rgba(0, 0, 0, 0) url("../images/icon/icon_hits.png") no-repeat scroll left center;
     padding-left: 27px;
     position: absolute;
     right: 20px;
     top: 41%;
}

.module.slider .modcontent .carousel .carousel-indicators {
     height: 10px;
     left: auto;
     margin: 0px;
     right: 15px;
     top: 15px;
     width: auto;
     z-index: 1;
}

.module.slider .modcontent .carousel .carousel-indicators li {
     background: #ffffff none repeat scroll 0% 0%;
     border-radius: 0px;
     border: 1px solid #cccccc;
     height: 8px;
     margin: 0px 0px 0px 5px;
     transform: skew(-30deg, 0deg);
     width: 30px;
}

.module.slider .modcontent .carousel .carousel-indicators li.active {
     background: #0083e8 none repeat scroll 0% 0%;
     border-color: #cccccc;
}

.module.slider .modcontent .carousel .carousel-control {
     border: 2px solid #0b0b0b;
     height: 30px;
     opacity: 0.5;
     transition: all 0.3s ease 0s;
     width: 30px;
}

.module.slider .modcontent .carousel .carousel-control:hover {
     opacity: 1;
}

.module.slider .modcontent .carousel .carousel-control.left {
     background: rgba(0, 0, 0, 0) url("../images/icon/arrow_left.png") no-repeat scroll center center;
     margin-top: -15px;
     top: 50%;
}

.module.slider .modcontent .carousel .carousel-control.left:hover {
     background-image: url("../images/styling/blue/arrow_left-hover.png");
     border-color: #0083e8;
}

.module.slider .modcontent .carousel .carousel-control.right {
     background: rgba(0, 0, 0, 0) url("../images/icon/arrow_right.png") no-repeat scroll center center;
     margin-top: -15px;
     top: 50%;
}

.module.slider .modcontent .carousel .carousel-control.right:hover {
     background-image: url("../images/styling/blue/arrow_right-hover.png");
     border-color: #0083e8;
}

div.bsn-wrap .item {
     padding: 15px 0px;
}

div.bsn-wrap .item .bsn-image {
     margin-bottom: 15px;
}

div.bsn-wrap .item .bsn-image img {
     transition: all 0.3s ease 0s;
}

div.bsn-wrap .item .bsn-image:hover img {
     transform: scale(1.15);
}

div.bsn-wrap .item h2 {
     font-size: 18px;
     margin-bottom: 10px;
}

div.bsn-wrap .item h2 a {
     color: #666666;
     font-size: 18px;
}

div.bsn-wrap .item p {
     margin: 0px;
}

div.bsn-wrap .item span.basic-date {
     background: rgba(0, 0, 0, 0) url("../images/icon/icon_date2.png") no-repeat scroll left center;
     color: #999999;
     display: inline-block;
     font-size: 100%;
     margin: 0px 10px 0px 0px;
     padding-left: 21px;
}

div.bsn-wrap .item span.basic-hits {
     background: rgba(0, 0, 0, 0) url("../images/icon/icon_hits2.png") no-repeat scroll left center;
     color: #999999;
     display: inline-block;
     font-size: 100%;
     margin: 0px;
     padding-left: 27px;
}

div.bsn-wrap .item .fa {
     color: #999999;
}

div.bsn-wrap .item:hover h2 a {
     color: #0083e8;
}

div.bsn-wrap.theme2 .item {
     border: medium none;
     padding: 0px 15px;
}

div.bsn-wrap.theme2 .item .bsn-image {
     margin: 0px;
}

div.bsn-wrap.theme2 .item .bsn-image img {
     transition: all 0.3s ease 0s;
}

div.bsn-wrap.theme2 .item .bsn-image a.hover-link {
     background: rgba(0, 0, 0, 0) url("../images/icon/icon_cong2.png") no-repeat scroll 0px 0px;
     height: 25px;
     left: 47%;
     opacity: 0;
     position: absolute;
     top: -50%;
     transition: all 0.7s ease 0s;
     width: 25px;
}

div.bsn-wrap.theme2 .item .bsn-image:hover img {
     transform: scale(1.15);
}

div.bsn-wrap.theme2 .item .item-info {
     background: #23262d none repeat scroll 0% 0%;
     padding: 20px 20px 15px;
     text-align: center;
}

div.bsn-wrap.theme2 .item .item-info h2.basicnews-title {
     color: #999999;
     font-size: 18px;
     margin-bottom: 10px;
     text-transform: uppercase;
}

div.bsn-wrap.theme2 .item .item-info h2.basicnews-title a {
     color: #999999;
}

div.bsn-wrap.theme2 .item .item-info .seperator {
     background: rgba(255, 255, 255, 0.5) none repeat scroll 0% 0%;
     display: inline-block;
     height: 2px;
     margin-bottom: 10px;
     transition: all 0.3s ease 0s;
     width: 100px;
}

div.bsn-wrap.theme2 .item .item-info .basicnews-desc {
     color: #999999;
     float: left;
     line-height: 1.7em;
     text-align: left;
     width: 100%;
}

div.bsn-wrap.theme2 .item .basicnews-info {
     background: #393c42 none repeat scroll 0% 0%;
     overflow: hidden;
     padding: 17px 20px;
     transition: all 0.3s ease 0s;
}

div.bsn-wrap.theme2 .item .basicnews-info a.more {
     color: #999999;
     float: left;
     text-transform: uppercase;
}

div.bsn-wrap.theme2 .item .basicnews-info .cattitle {
     background: rgba(0, 0, 0, 0) url("../images/icon/icon_hits2.png") no-repeat scroll left center;
     color: #999999;
     float: right;
     padding-left: 27px;
}

div.bsn-wrap.theme2 .item:hover h2.basicnews-title a {
     color: #ffffff;
}

div.bsn-wrap.theme2 .item:hover .seperator {
     background: #ffffff none repeat scroll 0% 0%;
     width: 100%;
}

div.bsn-wrap.theme2 .item:hover .basicnews-info {
     background: #0083e8 none repeat scroll 0% 0%;
}

div.bsn-wrap.theme2 .item:hover .basicnews-info a.more {
     color: #ffffff;
}

div.bsn-wrap.theme2 .item:hover .basicnews-info .cattitle {
     background-image: url("../images/icon/icon_hits.png");
     color: #ffffff;
}

div.bsn-wrap.theme2 .item:hover .basicnews-desc {
     color: #ffffff;
}

div.bsn-wrap.theme2 .item:hover .bsn-image a.hover-link {
     opacity: 1;
     top: 40%;
     transform: rotate(360deg);
}

div.bsn-wrap.theme2.row {
     margin: 0px -15px;
}

div.bsn-wrap.theme3 {
     margin: 0px -20px;
}

div.bsn-wrap.theme3 .item {
     padding: 0px;
}

div.bsn-wrap.theme3 .item h2.basicnews-title {
     margin-bottom: 30px;
     padding: 0px 20px;
}

div.bsn-wrap.theme3 .item h2.basicnews-title a {
     color: #f5f6f6;
}

div.bsn-wrap.theme3 .item .bsn-image {
     margin: 0px;
}

div.bsn-wrap.theme3 .item .basicnews-desc {
     background: #23262d none repeat scroll 0% 0%;
     color: #999999;
     display: block;
     padding: 20px;
     transition: all 0.3s ease 0s;
}

div.bsn-wrap.theme3 .item .basicnews-info {
     background: #23262d none repeat scroll 0% 0%;
     overflow: hidden;
     padding: 5px 20px 20px;
}

div.bsn-wrap.theme3 .item .basicnews-info span.basic-date {
     float: left;
     margin-right: 20px;
     transition: all 0.3s ease 0s;
}

div.bsn-wrap.theme3 .item .basicnews-info .cattitle {
     background: rgba(0, 0, 0, 0) url("../images/icon/icon_hits2.png") no-repeat scroll left center;
     color: #999999;
     float: left;
     padding-left: 27px;
     transition: all 0.3s ease 0s;
}

div.bsn-wrap.theme3 .item:hover h2.basicnews-title a {
     color: #ffffff;
}

div.bsn-wrap.theme3 .item:hover .basicnews-desc {
     color: #ffffff;
}

div.bsn-wrap.theme3 .item:hover .basicnews-info span.basic-date {
     background-image: url("../images/icon/icon_date.png");
     color: #ffffff;
}

div.bsn-wrap.theme3 .item:hover .basicnews-info .cattitle {
     background-image: url("../images/icon/icon_hits.png");
     color: #ffffff;
}

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

.align-right {
     text-align: right ! important;
}

.align-center {
     text-align: center ! important;
}

.noitalic {
     font-style: normal ! important;
}

.nobold {
     font-weight: normal ! important;
}

.nomarginall {
     margin: 0px ! important;
}

.nopaddingall {
     padding: 0px ! important;
}

.nomargintop {
     margin-top: 0px ! important;
}

.poscenter {
     display: table;
     margin: 0px auto;
}

.nomarginbottom {
     margin-bottom: 0px ! important;
}

.nomarginleft {
     margin-left: 0px ! important;
}

.nomarginright {
     margin-right: 0px ! important;
}

.nopaddingtop {
     padding-top: 0px ! important;
}

.nopaddingbottom {
     padding-bottom: 0px ! important;
}

.nopaddingleft {
     padding-left: 0px ! important;
}

.nopaddingright {
     padding-right: 0px ! important;
}

.thumbnail.pull-left {
     margin: 0px 10px 10px 0px;
}

.thumbnail.pull-right {
     margin: 0px 0px 10px 10px;
}

.grayshadow {
     text-shadow: 1px 1px #575757, 2px 2px #575757, 3px 3px #575757, 4px 4px #575757, 5px 5px #575757, 6px 6px #575757, 7px 7px #575757, 8px 8px #575757, 9px 9px #575757, 10px 10px #575757, 11px 11px #5a5a5a, 12px 12px #5d5d5d, 13px 13px #606060, 14px 14px #636363, 15px 15px #666666;
}

#flip-scroll table {
     border-collapse: collapse;
     border-spacing: 0px;
     display: block;
     width: 100%;
}

#flip-scroll th, #flip-scroll td {
     margin: 0px;
     vertical-align: top;
}

#flip-scroll thead {
     display: block;
     float: left;
}

#flip-scroll tbody {
     display: block;
     overflow-x: auto;
     position: relative;
     white-space: nowrap;
     width: auto;
}

#flip-scroll tbody tr {
     border-right: 1px solid #cccccc;
     display: inline-block;
     margin-left: -4px;
     vertical-align: top;
}

#flip-scroll th:last-child, #flip-scroll td:last-child {
     border-bottom: 1px solid #babcbf;
}

#flip-scroll th {
     background: #666666 none repeat scroll 0% 0%;
     border-bottom: 0px none;
     border-left: 0px none;
     border-radius: 0px;
     color: #ffffff;
     display: block;
     font-size: 13px;
     min-height: 27px;
     padding: 7px 10px 5px;
     text-align: right;
}

#flip-scroll td {
     border-bottom: 0px none;
     border-left: 0px none;
     border-right: 0px none;
     display: block;
     min-height: 26px;
     padding: 7px 10px 5px;
     text-align: left;
}

#flip-scroll .bs-docs-example th {
     min-height: 30px;
}

h1, h2, h3, h4, h5, h6 {
     margin: 0px 0px 12px;
}

h1 {
     font-size: 200%;
     line-height: 115%;
}

h2 {
     font-size: 160%;
     line-height: 110%;
}

h3 {
     font-size: 130%;
     line-height: 110%;
}

h4 {
     font-size: 110%;
     font-family: Broadway-Regular !important;
}

h5 {
     font-size: 91%;
}

h6 {
     font-size: 84%;
}

.com {
     color: #93a1a1;
}

.lit {
     color: #195f91;
}

.pun, .opn, .clo {
     color: #93a1a1;
}

.fun {
     color: #dc322f;
}

.str, .atv {
     color: #dd1144;
}

.kwd, .prettyprint .tag {
     color: #1e347b;
}

.typ, .atn, .dec, .var {
     color: teal;
}

.pln {
     color: #48484c;
}

.clear {
     clear: both;
}

.prettyprint {
     background-color: #f7f7f9;
     border: 1px solid #e1e1e8;
     padding: 8px;
}

.prettyprint.linenums {
     box-shadow: 40px 0px 0px #fbfbfc inset, 41px 0px 0px #ececf0 inset;
}

div.yt-typography div.page-header > h1 {
     border-bottom: 1px solid #dddddd;
     color: #666666;
     font-size: 240%;
     font-weight: bold;
     line-height: 30px;
     margin: 0px 0px 15px;
     padding-bottom: 10px;
     text-transform: none;
}

ol.linenums {
     margin: 0px 0px 0px 33px;
}

ol.linenums li {
     color: #bebec5;
     line-height: 20px;
     padding: 3px 0px 3px 10px;
     text-shadow: 0px 1px 0px #ffffff;
}

ol.linenums li:nth-last-child(2n+1) {
     background: #fcfcfc none repeat scroll 0% 0%;
     box-shadow: 0px 1px 0px rgba(0, 0, 0, 0.05) inset, 0px 1px 0px rgba(0, 0, 0, 0.05);
}

.bs-docs-example {
     background-color: #ffffff;
     border-radius: 4px;
     border: 1px solid #dddddd;
     margin: 15px 0px;
     overflow: hidden;
     padding: 39px 19px 14px;
     position: relative;
}

.bs-docs-example h2.page-header {
     border-bottom: 1px solid #dddddd;
     font-size: 180%;
     font-weight: bold;
     margin: 1.5em 0px 1em;
     padding-bottom: 15px;
}

.bs-docs-example::after {
     background-color: #f5f5f5;
     border-radius: 4px 0px;
     border: 1px solid #dddddd;
     color: #333333;
     content: "Example";
     font-size: 12px;
     font-weight: bold;
     left: -1px;
     padding: 3px 7px;
     position: absolute;
     top: -1px;
}

.bs-docs-example + .prettyprint {
     margin-bottom: 15px;
     margin-top: -20px;
     overflow: hidden;
     padding: 4px 0px 0px 8px;
}

.example-sites {
     margin-left: 20px;
}

.example-sites img {
     margin: 0px auto;
     max-width: 100%;
}

.scrollspy-example {
     height: 200px;
     overflow: auto;
     position: relative;
}

code, pre {
     font-family: Menlo,Monaco,Consolas,"Courier New",monospace;
}

code {
     display: inline-block;
}

span.highlight {
     color: #ffffff;
}

.text-success {
     color: #468847;
}

.text-warning {
     color: #c09853;
}

.text-error {
     color: #b94a48;
}

.text-info {
     color: #3a87ad;
}

.text-success {
     color: #468847;
}

#yt_mainmenu .fancy {
     background: #0083e8 none repeat scroll 0% 0%;
     margin: 0px;
     padding: 0px;
     position: absolute;
}

#yt_mainmenu #moonavigator {
     list-style: outside none none;
     margin: 0px;
     padding: 0px;
     position: relative;
     z-index: 1;
}

#yt_mainmenu #moonavigator li.level1 {
     border-left: 1px solid #393c43;
     float: left;
     list-style: outside none none;
     margin: 0px;
     padding: 0px;
     position: relative;
     z-index: 1;
}

#yt_mainmenu #moonavigator li.level1 > .item-link {
     color: #ffffff;
     display: block;
     font-size: 118%;
     line-height: 30px;
     margin: 0px;
     padding: 12px 30px;
}

#yt_mainmenu #moonavigator li.level1.havechild::after {
     color: #ffffff;
     content: "";
     font-family: "FontAwesome";
     font-size: 12px;
     position: absolute;
     right: 15px;
     top: 28%;
     z-index: 5;
}

#yt_mainmenu #moonavigator li.level1 .showdesc .menu-title {
     display: block;
     line-height: 100%;
     margin-top: -1px;
     padding-bottom: 3px;
}

#yt_mainmenu #moonavigator li.level1 .showdesc .menu-desc {
     color: #cccccc;
     display: block;
     font-size: 11px;
     line-height: 100%;
}

#yt_mainmenu #moonavigator li.level1.active {
     background: #0083e8 none repeat scroll 0% 0%;
}

#yt_mainmenu #moonavigator li.level1.first {
     border: medium none;
}

#yt_mainmenu #moonavigator li.level1.last {
     border-right: 1px solid #393c43;
}

#yt_mainmenu #moonavigator ul.subnavi {
     background-color: rgba(0, 130, 230, 0.9);
     left: 0px;
     list-style: outside none none;
     opacity: 0;
     padding: 0px;
     position: absolute;
     transform: translate(0px, 20px);
     transition: transform 0.2s ease-in-out 0s;
     visibility: hidden;
     width: 220px;
     z-index: 3;
}

#yt_mainmenu #moonavigator ul.subnavi ul.subnavi {
     transform: translate(20px, 0px);
}

#yt_mainmenu #moonavigator ul.subnavi li {
     padding: 0px 0px 1px;
     position: relative;
}

#yt_mainmenu #moonavigator ul.subnavi li .item-link {
     color: #dddddd;
     display: block;
     font-size: 100%;
     line-height: 25px;
     margin: 0px;
     padding: 6px 12px;
     text-transform: none;
}

#yt_mainmenu #moonavigator ul.subnavi li .item-link.havechild::after {
     content: "";
     font-family: "FontAwesome";
     font-size: 14px;
     position: absolute;
     right: 10px;
     z-index: 1;
}

#yt_mainmenu #moonavigator ul.subnavi li .showdesc {
     text-align: left;
}

#yt_mainmenu #moonavigator ul.subnavi li .showdesc span.menu-title {
     padding-bottom: 5px;
}

#yt_mainmenu #moonavigator ul.subnavi li .showdesc span.menu-desc {
     font-family: "arial";
     padding-bottom: 3px;
}

#yt_mainmenu #moonavigator ul.subnavi li:hover > .item-link, #yt_mainmenu #moonavigator ul.subnavi li.hover > .item-link, #yt_mainmenu #moonavigator ul.subnavi li.active > .item-link {
     background: #0066b5 none repeat scroll 0% 0%;
     color: #ffffff;
}

#yt_mainmenu #moonavigator li.level1:hover ul.level2, #yt_mainmenu #moonavigator li.level1.hover ul.level2 {
     box-shadow: 1px 2px 2px rgba(0, 0, 0, 0.4);
     opacity: 1;
     transform: translate(0px, 0px);
     visibility: visible;
}

#yt_mainmenu #moonavigator li.level2:hover ul.level3, #yt_mainmenu #moonavigator li.level2.hover ul.level3, #yt_mainmenu #moonavigator li.level3:hover ul.level4, #yt_mainmenu #moonavigator li.level3.hover ul.level4, #yt_mainmenu #moonavigator li.level4:hover ul.level5, #yt_mainmenu #moonavigator li.level4.hover ul.level5, #yt_mainmenu #moonavigator li.level5:hover ul.level6, #yt_mainmenu #moonavigator li.level5.hover ul.level6 {
     box-shadow: 2px 2px 1px rgba(0, 0, 0, 0.2), 1px 1px 0px rgba(0, 0, 0, 0.1) inset;
     left: 100%;
     opacity: 1;
     top: 0px;
     transform: translate(0px, 0px);
     visibility: visible;
}

#yt_mainmenu #droplinenavigator {
     list-style: outside none none;
     margin: 0px;
     padding: 0px;
     position: relative;
     z-index: 1;
}

#yt_mainmenu #droplinenavigator li.level1 {
     border-left: 1px solid #393c43;
     float: left;
     list-style: outside none none;
     margin: 0px;
     padding: 0px;
     position: relative;
     z-index: 1;
}

#yt_mainmenu #droplinenavigator li.level1 > .item-link {
     color: #ffffff;
     display: block;
     font-size: 118%;
     line-height: 30px;
     margin: 0px;
     padding: 12px 30px;
}

#yt_mainmenu #droplinenavigator li.level1.havechild::after {
     color: #ffffff;
     content: "";
     font-family: "FontAwesome";
     font-size: 12px;
     position: absolute;
     right: 15px;
     top: 28%;
     z-index: 5;
}

#yt_mainmenu #droplinenavigator li.level1 .showdesc .menu-title {
     display: block;
     line-height: 100%;
     margin-top: -1px;
     padding-bottom: 3px;
}

#yt_mainmenu #droplinenavigator li.level1 .showdesc .menu-desc {
     color: #cccccc;
     display: block;
     font-size: 11px;
     line-height: 100%;
}

#yt_mainmenu #droplinenavigator li.level1.active {
     background: #0083e8 none repeat scroll 0% 0%;
}

#yt_mainmenu #droplinenavigator li.level1.first {
     border: medium none;
}

#yt_mainmenu #droplinenavigator li.level1.last {
     border-right: 1px solid #393c43;
}

#yt_mainmenu #droplinenavigator ul.subnavi {
     background-color: rgba(0, 130, 230, 0.9);
     left: 0px;
     list-style: outside none none;
     opacity: 0;
     padding: 0px;
     position: absolute;
     transform: translate(0px, 20px);
     transition: transform 0.2s ease-in-out 0s;
     visibility: hidden;
     width: 220px;
     z-index: 3;
}

#yt_mainmenu #droplinenavigator ul.subnavi ul.subnavi {
     transform: translate(20px, 0px);
}

#yt_mainmenu #droplinenavigator ul.subnavi li {
     padding: 0px 0px 1px;
     position: relative;
}

#yt_mainmenu #droplinenavigator ul.subnavi li .item-link {
     color: #dddddd;
     display: block;
     font-size: 100%;
     line-height: 25px;
     margin: 0px;
     padding: 6px 12px;
     text-transform: none;
}

#yt_mainmenu #droplinenavigator ul.subnavi li .item-link.havechild::after {
     content: "";
     font-family: "FontAwesome";
     font-size: 14px;
     position: absolute;
     right: 10px;
     z-index: 1;
}

#yt_mainmenu #droplinenavigator ul.subnavi li .showdesc {
     text-align: left;
}

#yt_mainmenu #droplinenavigator ul.subnavi li .showdesc span.menu-title {
     padding-bottom: 5px;
}

#yt_mainmenu #droplinenavigator ul.subnavi li .showdesc span.menu-desc {
     font-family: "arial";
     padding-bottom: 3px;
}

#yt_mainmenu #droplinenavigator ul.subnavi li:hover > .item-link, #yt_mainmenu #droplinenavigator ul.subnavi li.hover > .item-link, #yt_mainmenu #droplinenavigator ul.subnavi li.active > .item-link {
     background: #0066b5 none repeat scroll 0% 0%;
     color: #ffffff;
}

#yt_mainmenu #droplinenavigator li.level1:hover ul.level2, #yt_mainmenu #droplinenavigator li.level1.hover ul.level2 {
     box-shadow: 1px 2px 2px rgba(0, 0, 0, 0.4);
     opacity: 1;
     transform: translate(0px, 0px);
     visibility: visible;
}

#yt_mainmenu #droplinenavigator li.level2:hover ul.level3, #yt_mainmenu #droplinenavigator li.level2.hover ul.level3, #yt_mainmenu #droplinenavigator li.level3:hover ul.level4, #yt_mainmenu #droplinenavigator li.level3.hover ul.level4, #yt_mainmenu #droplinenavigator li.level4:hover ul.level5, #yt_mainmenu #droplinenavigator li.level4.hover ul.level5, #yt_mainmenu #droplinenavigator li.level5:hover ul.level6, #yt_mainmenu #droplinenavigator li.level5.hover ul.level6 {
     box-shadow: 2px 2px 1px rgba(0, 0, 0, 0.2), 1px 1px 0px rgba(0, 0, 0, 0.1) inset;
     left: 100%;
     opacity: 1;
     top: 0px;
     transform: translate(0px, 0px);
     visibility: visible;
}

#yt_mainmenu #droplinenavigator li.level1 {
     position: static;
}

#yt_mainmenu #droplinenavigator li.level1.havechild::after {
     display: none;
}

#yt_mainmenu #droplinenavigator li.level1 > .item-link {
     padding: 12px 35px;
}

#yt_mainmenu #droplinenavigator ul.level2 {
     margin: 0px;
     padding: 5px;
     width: 100%;
}

#yt_mainmenu #droplinenavigator ul.level2 li.level2 {
     border: medium none;
     float: left;
}

#yt_mainmenu #droplinenavigator ul.level2 li.level2 .level2.havechild::after {
     content: "";
     display: none;
}

#yt_mainmenu #droplinenavigator ul.level2 li.level2:hover {
     position: relative;
}

#yt_mainmenu #droplinenavigator ul.level2 li.level2:hover ul.level3 {
     left: 0px;
     top: 100%;
}

#yt_mainmenu #meganavigator {
     list-style: outside none none;
     margin: 0px;
     padding: 0px;
     position: relative;
     z-index: 1;
}

#yt_mainmenu #meganavigator li.level1 {
     border-left: 1px solid #cccccc;
     float: left;
     list-style: outside none none;
     margin: 0px;
     padding: 0px;
     position: relative;
     z-index: 1;
}

#yt_mainmenu #meganavigator li.level1 > .item-link {
     color: #999999;
     display: block;
     font-size: 10pt;
     letter-spacing: 1pt;
     line-height: 30px;
     margin: 0px;
     padding-left: 20px;
     padding-right: 20px;
     text-transform: uppercase;
}

#yt_mainmenu #meganavigator li.level1.havechild::after {
     color: #ffffff;
     content: "";
     font-family: "FontAwesome";
     font-size: 12px;
     position: absolute;
     right: 15px;
     top: 28%;
     z-index: 5;
}

#yt_mainmenu #meganavigator li.level1 .showdesc .menu-title {
     display: block;
     line-height: 100%;
     margin-top: -1px;
     padding-bottom: 3px;
}

#yt_mainmenu #meganavigator li.level1 .showdesc .menu-desc {
     color: #cccccc;
     display: block;
     font-size: 11px;
     line-height: 100%;
}

#yt_mainmenu #meganavigator li.level1.active {
    
}

#yt_mainmenu #meganavigator li.level1.first {
     border: medium none;
}

#yt_mainmenu #meganavigator li.level1.last {
    
}

#yt_mainmenu #meganavigator li.full_megachild {
     position: static;
}

#yt_mainmenu #meganavigator li.full_megachild.havechild::after {
     display: none;
}

#yt_mainmenu #meganavigator li.full_megachild .item-link.havechild {
     position: relative;
     z-index: 1;
}

#yt_mainmenu #meganavigator li.full_megachild .item-link.havechild::after {
     color: #ffffff;
     content: "";
     font-family: "FontAwesome";
     font-size: 12px;
     position: absolute;
     right: 22px;
     top: 23%;
     z-index: 5;
}

#yt_mainmenu #meganavigator li.full_megachild .mega-content {
     left: 0px ! important;
     width: 100%;
}

#yt_mainmenu #meganavigator li.full_megachild .mega-content-inner {
     margin: 0px auto;
     width: 1170px ! important;
}

#yt_mainmenu #meganavigator .mega-content {
     background-color: rgba(0, 130, 230, 0.9);
     left: -999em;
     position: absolute;
     z-index: 10;
}

#yt_mainmenu #meganavigator .mega-content .mega-content {
     box-shadow: 2px 2px 1px rgba(0, 0, 0, 0.2), 1px 1px 0px rgba(0, 0, 0, 0.1) inset;
}

#yt_mainmenu #meganavigator .mega-content.megachild .mega-content-inner {
     display: block;
     padding: 10px 0px;
}

#yt_mainmenu #meganavigator .mega-content .mega-col {
     float: left;
}

#yt_mainmenu #meganavigator .mega-content .mega-col.one {
     width: 220px;
}

#yt_mainmenu #meganavigator .mega-content .mega-col.more {
     padding: 0px 10px;
}

#yt_mainmenu #meganavigator .mega-content .mega-col .mega-group {
     display: block;
}

#yt_mainmenu #meganavigator .mega-content .mega-col .mega-group div.mega-group-title .item-link {
     color: #ffffff;
     display: block;
     font-size: 150%;
     padding: 0px 10px 10px;
}

#yt_mainmenu #meganavigator .mega-content .mega-col .mega-group div.mega-group-title .showdesc .menu-title {
     padding: 0px 0px 5px;
}

#yt_mainmenu #meganavigator .mega-content .mega-col .mega-module {
     color: #dddddd;
}

#yt_mainmenu #meganavigator .mega-content .mega-col .mega-module .mega-module-title {
     margin: 0px 10px;
}

#yt_mainmenu #meganavigator .mega-content ul.subnavi, #yt_mainmenu #meganavigator .mega-content .menu {
     list-style: outside none none;
     padding: 0px;
}

#yt_mainmenu #meganavigator .mega-content ul.subnavi li, #yt_mainmenu #meganavigator .mega-content .menu li {
     padding: 0px 0px 1px;
     position: relative;
}

#yt_mainmenu #meganavigator .mega-content ul.subnavi li .item-link, #yt_mainmenu #meganavigator .mega-content .menu li .item-link {
     color: #dddddd;
     display: block;
     font-size: 100%;
     line-height: 25px;
     margin: 0px;
     padding: 6px 12px;
     text-transform: none;
}

#yt_mainmenu #meganavigator .mega-content ul.subnavi li .item-link.havechild::after, #yt_mainmenu #meganavigator .mega-content .menu li .item-link.havechild::after {
     content: "";
     font-family: "FontAwesome";
     font-size: 14px;
     position: absolute;
     right: 10px;
     z-index: 1;
}

#yt_mainmenu #meganavigator .mega-content ul.subnavi li .showdesc, #yt_mainmenu #meganavigator .mega-content .menu li .showdesc {
     text-align: left;
}

#yt_mainmenu #meganavigator .mega-content ul.subnavi li .showdesc span.menu-title, #yt_mainmenu #meganavigator .mega-content .menu li .showdesc span.menu-title {
     padding-bottom: 5px;
}

#yt_mainmenu #meganavigator .mega-content ul.subnavi li .showdesc span.menu-desc, #yt_mainmenu #meganavigator .mega-content .menu li .showdesc span.menu-desc {
     font-family: "arial";
     padding-bottom: 3px;
}

#yt_mainmenu #meganavigator .mega-content ul.subnavi li:hover > .item-link, #yt_mainmenu #meganavigator .mega-content ul.subnavi li.hover > .item-link, #yt_mainmenu #meganavigator .mega-content ul.subnavi li.active > .item-link, #yt_mainmenu #meganavigator .mega-content .menu li:hover > .item-link, #yt_mainmenu #meganavigator .mega-content .menu li.hover > .item-link, #yt_mainmenu #meganavigator .mega-content .menu li.active > .item-link {
     background: #0066b5 none repeat scroll 0% 0%;
     color: #ffffff;
}

#yt_mainmenu .yt-resmenu a {
     background: #0083e8 none repeat scroll 0% 0%;
     display: inline-block;
     height: 54px;
     line-height: 54px;
     padding: 6px 15px;
}

#yt_mainmenu .yt-resmenu a .fa {
     color: #ffffff;
     font-size: 28px;
     margin: 0px;
}

.mm-list > li:hover a, .mm-list > li:hover span {
     background: #0083e8 none repeat scroll 0% 0%;
     color: #ffffff;
}

.yt-off-resmenu {
     height: 100%;
     left: 0px;
     overflow: auto;
     position: absolute;
     top: 0px;
     width: 300px;
     z-index: 2;
}

.yt-off-resmenu .top-resmenu {
     background: #0083e8 none repeat scroll 0% 0%;
     color: #ffffff;
     cursor: pointer;
     font-size: 20px;
     font-weight: normal;
     margin: 0px;
     padding: 10px 25px;
}

.yt-off-resmenu .top-resmenu .fa-bars {
     font-size: 28px;
}

.yt-off-resmenu .top-resmenu .fa-times {
     color: #ffffff;
     font-size: 16px;
     margin: 5px 0px 0px;
}

.yt-off-resmenu > ul.resmenu {
     font-size: 16px;
     margin: 1em 1.5em;
}

.yt-off-resmenu > ul.resmenu > li {
     padding-bottom: 15px;
}

.yt-off-resmenu > ul.resmenu a {
     color: #dddddd;
     display: block;
     padding: 5px 0px;
}

.yt-off-resmenu > ul.resmenu a:focus, .yt-off-resmenu > ul.resmenu a:hover, .yt-off-resmenu > ul.resmenu a.active {
     color: #0083e8;
}

.yt-off-resmenu > ul.resmenu ul.nav {
     font-size: 14px;
     font-weight: normal;
}

.yt-off-resmenu > ul.resmenu ul.nav a {
     background: rgba(0, 0, 0, 0) none repeat scroll 0% 0%;
     padding: 1px 0px;
}

.rtl #yt_mainmenu #moonavigator ul.subnavi li .item-link.havechild::after {
     content: "";
     left: 10px;
     right: auto;
}

.rtl #yt_mainmenu ul.navirtl li.level1 {
     border-left: medium none ! important;
     border-right: 1px solid #393c43;
     float: right;
     margin: 0px;
}

.rtl #yt_mainmenu ul.navirtl li.level1:hover ul.level2, .rtl #yt_mainmenu ul.navirtl li.level1.hover ul.level2 {
     left: auto;
     right: 0px;
}

.rtl #yt_mainmenu ul.navirtl li.level1.last {
     border-left: 1px solid #393c43 ! important;
}

.rtl #yt_mainmenu ul.navirtl ul {
     left: auto;
     right: -999em;
}

.rtl #yt_mainmenu ul.navirtl ul.subnavi li .item-link {
     padding: 6px 23px 6px 12px;
}

.rtl #yt_mainmenu ul.navirtl ul.subnavi li .item-link.havechild::after {
     content: "";
     left: 10px;
     right: auto;
}

.rtl #yt_mainmenu ul.navirtl ul.subnavi li:hover ul.level3, .rtl #yt_mainmenu ul.navirtl ul.subnavi li li.level3:hover ul.level4, .rtl #yt_mainmenu ul.navirtl ul.subnavi li li.level4:hover ul.level5 {
     left: auto;
     right: 100%;
}

.rtl #yt_mainmenu #droplinenavigator ul.level2 li.level2 {
     float: right;
}

.rtl #yt_mainmenu #droplinenavigator ul.level2 li.level2:hover ul.level3 {
     left: auto;
     right: 0px;
}

.rtl #yt_mainmenu #meganavigator li.level1 {
     float: right;
}

.rtl #yt_mainmenu #meganavigator li.level1.havechild::after {
     left: auto;
     right: 10px;
}

.rtl #yt_mainmenu #meganavigator li.level1 .mega-content .mega-col {
     float: right;
}

.rtl #yt_mainmenu #meganavigator li.level1 .mega-content ul.subnavi li .item-link.havechild::after, .rtl #yt_mainmenu #meganavigator li.level1 .mega-content .menu li .item-link.havechild::after {
     content: "";
     left: 10px;
     right: auto;
}

.rtl #yt_mainmenu #meganavigator li.level1.havechild::after {
     left: 15px;
     right: auto;
}

.fontsize_l {
     font-size: 18px;
     font-weight: 400;
}

.g-underline {
     font-size: 180%;
     font-weight: 400;
}

ul.c-step {
     counter-reset: section;
     display: table;
     list-style: outside none none;
     margin: 0px auto 4em;
     padding: 0px;
     position: relative;
     z-index: 1;
}

ul.c-step::before {
     background: #dedede none repeat scroll 0% 0%;
     border-radius: 10px;
     box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.1) inset;
     content: "";
     height: 10px;
     left: 0px;
     margin-top: -5px;
     position: absolute;
     top: 50%;
     width: 100%;
     z-index: 2;
}

ul.c-step li {
     display: inline-block;
     line-height: 25px;
     list-style: outside none none;
     margin: 0px 50px;
     padding-top: 50px;
     position: relative;
     text-align: center;
     z-index: 3;
}

ul.c-step li::before, ul.c-step li.active::before {
     background-color: #93afa9;
     background-image: linear-gradient(to bottom, #aac3bf, #719088);
     background-repeat: repeat-x;
     border-radius: 35px;
     box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.3) inset, 0px 0px 0px 4px #dedede;
     color: #ffffff;
     content: counter(section, decimal);
     counter-increment: section;
     display: inline-block;
     font-size: 20px;
     font-weight: 800;
     height: 35px;
     line-height: 35px;
     text-align: center;
     width: 35px;
}

ul.c-step li.active::before {
     background-color: #1192f6;
     background-image: linear-gradient(to bottom, #1c9cff, #0083e8);
     background-repeat: repeat-x;
}

ul.c-step li.active h3 {
     color: #0083e8;
}

ul.c-step li h3 {
     font-size: 16px;
     margin: 10px 0px 0px;
}

ul.c-step li span {
     font-size: 13px;
}

.table-underline thead {
     background-color: #e5e5e5;
     background-image: linear-gradient(to bottom, #f5f5f5, #cccccc);
     background-repeat: repeat-x;
     border-bottom: 2px solid #404040;
     font-size: 14px;
}

.table-underline tbody tr:hover {
     background: #faffed none repeat scroll 0% 0%;
}

div.g-pageteam {
     line-height: 22px;
}

div.g-pageteam hr {
     background: #cccccc none repeat scroll 0% 0%;
     height: 5px;
}

div.g-pageteam .b-gettouch {
     background: #eeeeee none repeat scroll 0% 0%;
     border-bottom: 3px solid #cccccc;
     clear: both;
     margin: 1em 0px 4em;
     overflow: hidden;
     padding: 20px;
}

div.g-pageteam .b-gettouch .h-heading4 {
     font-family: "Georgia";
     font-size: 130%;
     font-style: italic;
     font-weight: normal;
     line-height: 24px;
     margin: 0px;
}

div.g-pageteam .b-gettouch .btn {
     height: 35px;
     line-height: 35px;
     overflow: hidden;
     text-overflow: ellipsis;
}

div.g-pageteam .b-gettouch .btn:active {
     vertical-align: -16px;
}

div.g-pageteam .b-ourteam {
     margin-top: 20px;
}

div.g-pageteam .b-ourteam [class*="col-sm"] {
     margin-bottom: 1em;
}

div.g-pageteam .b-ourteam [class*="col-sm"] .h-title {
     font-size: 16px;
     font-weight: normal;
     line-height: 110%;
     margin: 0px 0px 5px;
}

div.g-pageteam .b-ourteam [class*="col-sm"] .member {
     color: #999999;
     font-size: 12px;
     margin-bottom: 5px;
}

div.g-pageteam .b-ourteam [class*="col-sm"] .b-social div.yt-socialbt {
     margin-right: 5px;
}

#g-pageservices .fa {
     background: #666666 none repeat scroll 0% 0%;
     border-radius: 64px;
     border: 3px solid #eeeeee;
     height: 64px;
     line-height: 62px;
     text-align: center;
     width: 64px;
}

#g-pageservices article {
     overflow: hidden;
}

#g-pageservices article h3 {
     font-weight: normal;
}

#g-pageservices article a.detail::after {
     background: #0083e8 none repeat scroll 0% 0%;
     border-radius: 14px;
     color: #ffffff;
     content: "ï„…";
     display: inline-block;
     font-family: FontAwesome;
     font-size: 12px;
     height: 14px;
     line-height: 14px;
     margin: -3px 3px 0px;
     text-align: center;
     width: 14px;
}

#g-pageservices article a.detail:hover::after {
     color: #ffffff;
}

#g-pageservices h2 {
     font-size: 180%;
     margin-bottom: 1em;
}

#g-pageservices hr {
     background: #eeeeee none repeat scroll 0% 0%;
     border-top-color: #dddddd;
     height: 5px;
     margin: 3em 0px;
}

#g-pageservices .testimonial-avatar [class^="icon-"], #g-pageservices .testimonial-avatar [class*=" icon-"] {
     border: medium none;
}

#g-pagecolumn hr {
     background: #eeeeee none repeat scroll 0% 0%;
     border-top-color: #dddddd;
     float: left;
     height: 5px;
     margin: 4em 0px;
     width: 100%;
}

#g-pageportfolio [class*="col-sm"] {
     background: #f9f9f9 none repeat scroll 0% 0%;
     border: 1px solid #dddddd;
     box-shadow: 1px 1px 0px #ffffff inset, 1px 0px 0px #d8d8d8, 0px 1px 0px #e5e5e5, 2px 1px 0px #d8d8d8, 1px 2px 0px #e5e5e5, 3px 2px 0px #d8d8d8, 2px 3px 0px #e5e5e5, 4px 3px 0px #d8d8d8, 4px 3px 0px #eeeeee, 4px 3px 0px #e5e5e5, 4px 4px 0px #e5e5e5;
     box-sizing: border-box;
     margin-right: -1px;
     padding: 0px 5px;
     position: relative;
     top: 0px;
     transition: all 0.2s ease 0s;
}

#g-pageportfolio [class*="col-sm"] .port-item-img {
     border-right: medium none;
     display: block;
     overflow: hidden;
     padding: 10px 10px 0px;
     position: relative;
}

#g-pageportfolio [class*="col-sm"] .port-item-img .yt-lightbox {
     background: #000000 none repeat scroll 0% 0%;
     border: medium none;
     margin: 0px;
     padding: 0px;
     position: relative;
}

#g-pageportfolio [class*="col-sm"] .port-item-img .yt-lightbox img {
     transition: all 0.3s ease 0s;
}

#g-pageportfolio [class*="col-sm"] .port-item-img .icon-plus-sign {
     bottom: -100%;
     color: #eeeeee;
     font-size: 4px;
     left: 50%;
     margin: 0px 0px -19px -22px;
     opacity: 0;
     position: absolute;
     text-align: center;
     transition: all 0.8s ease-in-out 0s;
     width: 40px;
     z-index: 10;
}

#g-pageportfolio [class*="col-sm"] .port-item-img:visited .icon-plus-sign {
     bottom: 100%;
}

#g-pageportfolio [class*="col-sm"] .port-item-img:hover img {
     opacity: 0.7;
}

#g-pageportfolio [class*="col-sm"] .port-item-img:hover .icon-plus-sign {
     bottom: 50%;
     font-size: 45px;
     opacity: 1;
}

#g-pageportfolio [class*="col-sm"] .port-item-content {
     padding: 10px;
}

#g-pageportfolio [class*="col-sm"] .port-item-content h4 {
     font-size: 110%;
     margin-bottom: 10px;
}

#g-pageportfolio [class*="col-sm"] .port-item-content p {
     margin-bottom: 5px;
}

#g-pageportfolio [class*="col-sm"] .port-item-content a.detail {
     display: inline-block;
     font-size: 12px;
     margin-top: 1em;
}

#g-pageportfolio [class*="col-sm"] .port-item-content a.detail::after {
     background: #0083e8 none repeat scroll 0% 0%;
     border-radius: 14px;
     color: #ffffff;
     content: "ï„…";
     display: inline-block;
     font-family: FontAwesome;
     font-size: 12px;
     height: 14px;
     line-height: 14px;
     margin: -3px 3px 0px;
     text-align: center;
     width: 14px;
}

#g-pageportfolio [class*="col-sm"] .port-item-content a.detail:hover::after {
     color: #ffffff;
}

#g-pageportfolio [class*="col-sm"]:hover {
     box-shadow: none;
     top: 4px;
}

#g-pagewhatnew .yt-lightbox.image-none {
     background: #ffffff none repeat scroll 0% 0%;
     box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.1);
     display: table;
     margin: 0px auto 10px;
     padding: 3px;
}

#g-pagewhatnew h3.title {
     border-bottom: 1px solid #eeeeee;
     font-size: 180%;
     margin-bottom: 1em;
     padding-bottom: 5px;
}

#g-pagewhatnew .yt-lightbox a img {
     width: auto;
}

.categories-list .collapse.in {
     width: 100%;
}

.rtl #g-pageportfolio [class*="span"] .port-item-content a.detail::after, .rtl #g-pageservices article a.detail::after {
     content: "ï„„";
}

.rtl ul.yt-accordion li.accordion-group h3.accordion-heading .fa-plus-circle {
     margin-left: 5px;
     margin-right: 0px;
}

@media (min-width: 768px) and (max-width: 979px) {
  ul.c-step li { margin: 0px 10px; }
  #g-pagewhatnew .yt-lightbox.image-none { display: block; }
}

@media (max-width: 767px) {
  .yt-lightbox { float: none ! important; }
  #g-pageservices .span4 { margin-bottom: 2em ! important; }
  #g-pageportfolio [class*="span"] { margin-bottom: 1em ! important; }
  #g-pageportfolio [class*="span"] .port-item-img { display: inline-block; }
  #g-pagewhatnew .yt-lightbox.image-none { display: block; }
  .yt-gallery ul li { width: auto ! important; }
  ul.c-step::before { display: none; }
  ul.c-step li { display: table-cell; }
  div.yt-lightbox.image-left { float: none; display: inline-block; margin: 0px 0px 15px; }
  div.g-pageteam div.b-ourteam [class*="span"] { margin-bottom: 30px ! important; }
}