.clearfix {

  *zoom: 1;

}

.clearfix:before,

.clearfix:after {

  display: table;

  content: "";

  line-height: 0;

}

.clearfix:after {

  clear: both;

}

.hide-text {

  font: 0/0 a;

  color: transparent;

  text-shadow: none;

  background-color: transparent;

  border: 0;

}

.input-block-level {

  display: block;

  width: 100%;

  min-height: ;

  -webkit-box-sizing: border-box;

  -moz-box-sizing: border-box;

  box-sizing: border-box;

}

.backtotop {

  background-color: #666;

  width: 45px;

  bottom: 20px;

  right: 10px;

  min-height: 42px;

  overflow: hidden;

  z-index: 40;

  position: fixed;

  display: block;

  text-align: center;

  -webkit-border-radius: 3px;

  -moz-border-radius: 3px;

  border-radius: 3px;

  -webkit-transition: all 0.5s ease-in-out 0s;

  -moz-transition: all 0.5s ease-in-out 0s;

  -o-transition: all 0.5s ease-in-out 0s;

  transition: all 0.5s ease-in-out 0s;

  -webkit-transform: scale(1);

  -moz-transform: scale(1);

  -ms-transform: scale(1);

  -o-transform: scale(1);

  transform: scale(1);

  opacity: 1;

  filter: alpha(opacity=100);

}

.backtotop.hidden-top {

  bottom: -100px;

  -webkit-transform: scale(0);

  -moz-transform: scale(0);

  -ms-transform: scale(0);

  -o-transform: scale(0);

  transform: scale(0);

  opacity: 0;

  filter: alpha(opacity=0);

}

.backtotop:hover {

  background-color: #23262D;

}

.backtotop i {

  font-size: 36px;

  margin: 1px 0 0 0 !important;

  color: #fff;

  display: inline-block;

}

.bs-docs-example ul.the-icons li:hover {

  background: #62a400;

}

#cpanel_wrapper {

  background: #e5e5e5;

  border: 1px solid #f3f3f3;

  border-right: none;

  -webkit-box-shadow: 0 0 1px rgba(0,0,0,0.4);

  -moz-box-shadow: 0 0 1px rgba(0,0,0,0.4);

  box-shadow: 0 0 1px rgba(0,0,0,0.4);

  position: fixed;

  width: 320px;

  top: 170px;

  right: -323px;

  padding: 8px;

  z-index: 999;

  font-size: 11px;

}

#cpanel_wrapper #cpanel_btn {

  position: absolute;

  width: 48px;

  height: 38px;

  left: -49px;

  top: 18px;

  padding: 10px;

  cursor: pointer;

  overflow: hidden;

  background: #666;

  -webkit-border-radius: 3px 0 0 3px;

  -moz-border-radius: 3px 0 0 3px;

  border-radius: 3px 0 0 3px;

}

#cpanel_wrapper #cpanel_btn.isDown {

  background: #62a400;

}

#cpanel_wrapper #cpanel_btn i {

  font-size: 18px;

  margin: 0 0 0 4px;

  color: #fff;

  text-shadow: 1px 1px 1px rgba(0,0,0,0.15);

}

#cpanel_wrapper #cpanel_btn:hover i {

  text-shadow: 0 0 7px rgba(255,255,255,0.7);

}

#cpanel_wrapper #ytcpanel_accordion {

  margin-bottom: 0;

}

#cpanel_wrapper #ytcpanel_accordion .cpanel-head {

  font-size: 15px;

  font-weight: bold;

  text-transform: uppercase;

  padding: 8px 12px;

  color: #fff;

  margin: 1px -9px 8px 0;

  -webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.5) inset;

  -moz-box-shadow: 0 1px 2px rgba(0,0,0,0.5) inset;

  box-shadow: 0 1px 2px rgba(0,0,0,0.5) inset;

  background: #666666;

}

#cpanel_wrapper #ytcpanel_accordion .cpanel-head .cpanel-reset {

  float: right;

  margin: -8px -12px 0;

  position: relative;

  z-index: 1;

}

#cpanel_wrapper #ytcpanel_accordion .cpanel-head .cpanel-reset:before {

  content: "";

  position: absolute;

  border-width: 8px 8px 8px 0px;

  left: -7px;

  top: 9px;

  border-style: solid;

  border-color: transparent #62a400 transparent transparent;

}

#cpanel_wrapper #ytcpanel_accordion .cpanel-head .cpanel-reset .btn {

  background: #62a400;

  padding: 9px 15px;

  text-transform: none;

  border: none;

  border-radius: 0;

  -webkit-transition: all 0.3s ease 0s;

  -moz-transition: all 0.3s ease 0s;

  -o-transition: all 0.3s ease 0s;

  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 0 0;

}

#cpanel_wrapper #ytcpanel_accordion .cpanel-head .cpanel-reset:hover .btn {

  padding-right: 30px;

}

#cpanel_wrapper #ytcpanel_accordion .cpanel-theme {

  padding: 10px;

  background: #fff;

  overflow: hidden;

}

#cpanel_wrapper #ytcpanel_accordion .cpanel-theme .panel-group {

  overflow: hidden;

}

#cpanel_wrapper #ytcpanel_accordion .cpanel-theme .panel-layout {

  width: 50%;

  float: left;

}

#cpanel_wrapper #ytcpanel_accordion .cpanel-theme .panel-heading {

  margin: 0 0 8px;

  padding: 0;

}

#cpanel_wrapper #ytcpanel_accordion .cpanel-theme .panel-heading span {

  padding: 1px 5px;

  border-left: 2px solid #999;

}

#cpanel_wrapper #ytcpanel_accordion .cpanel-theme .panel-desc {

  color: #838383;

}

#cpanel_wrapper #ytcpanel_accordion .cpanel-theme .panel-theme-color .theme-color {

  width: 38px;

  height: 25px;

  position: relative;

  line-height: 25px;

  cursor: pointer;

  float: left;

  overflow: hidden;

  text-indent: 100%;

  white-space: nowrap;

  margin: 5px 5px 0 0;

  -webkit-border-radius: 3px;

  -moz-border-radius: 3px;

  border-radius: 3px;

  -webkit-transition: all 0.2s ease-in-out 0s;

  -moz-transition: all 0.2s ease-in-out 0s;

  -o-transition: all 0.2s ease-in-out 0s;

  transition: all 0.2s ease-in-out 0s;

  -webkit-box-shadow:  0 -1px 8px 2px rgba(0, 0, 0, 0.3) inset, 0 -1px 0 0 rgba(255, 255, 255, 0.6) inset, 0 2px rgba(0, 0, 0, 0.38), 0 0 #BBBBBB, 0 3px 2px rgba(0, 0, 0, 0.25);

  -moz-box-shadow:  0 -1px 8px 2px rgba(0, 0, 0, 0.3) inset, 0 -1px 0 0 rgba(255, 255, 255, 0.6) inset, 0 2px rgba(0, 0, 0, 0.38), 0 0 #BBBBBB, 0 3px 2px rgba(0, 0, 0, 0.25);

  box-shadow:  0 -1px 8px 2px rgba(0, 0, 0, 0.3) inset, 0 -1px 0 0 rgba(255, 255, 255, 0.6) inset, 0 2px rgba(0, 0, 0, 0.38), 0 0 #BBBBBB, 0 3px 2px rgba(0, 0, 0, 0.25);

}

#cpanel_wrapper #ytcpanel_accordion .cpanel-theme .panel-theme-color .theme-color.active,

#cpanel_wrapper #ytcpanel_accordion .cpanel-theme .panel-theme-color .theme-color:hover {

  margin-top: 7px;

  -webkit-box-shadow: 0 2px 5px 2px rgba(0,0,0,0.4) inset;

  -moz-box-shadow: 0 2px 5px 2px rgba(0,0,0,0.4) inset;

  box-shadow: 0 2px 5px 2px rgba(0,0,0,0.4) inset;

}

#cpanel_wrapper #ytcpanel_accordion .cpanel-theme .panel-group input.miniColors {

  margin: 0 -1px 0 0 !important;

  border: 1px solid #ccc;

  width: 55px;

  height: 22px;

  border-radius: 3px 0 0 3px;

  vertical-align: top;

}

#cpanel_wrapper #ytcpanel_accordion .cpanel-theme .panel-group .pattern {

  height: 22px;

  width: 30px;

  float: left;

  text-indent: -999em;

  margin: 0 5px 0 0;

  cursor: pointer;

  background-color: #ddd;

  -webkit-border-radius: 3px;

  -moz-border-radius: 3px;

  border-radius: 3px;

  -webkit-box-sizing: border-box;

  -moz-box-sizing: border-box;

  box-sizing: border-box;

  -webkit-box-shadow: 0 0 2px rgba(0, 0, 0, 0.5) inset;

  -moz-box-shadow: 0 0 2px rgba(0, 0, 0, 0.5) inset;

  box-shadow: 0 0 2px rgba(0, 0, 0, 0.5) inset;

}

#cpanel_wrapper #ytcpanel_accordion .cpanel-theme .panel-group .pattern.active {

  border: 1px solid rgba(0,0,0,0.4);

  -webkit-box-shadow: 0 1px 3px 2px rgba(0, 0, 0, 0.3) inset, 0 0 0 2px rgba(0, 0, 0, 0.15);

  -moz-box-shadow: 0 1px 3px 2px rgba(0, 0, 0, 0.3) inset, 0 0 0 2px rgba(0, 0, 0, 0.15);

  box-shadow: 0 1px 3px 2px rgba(0, 0, 0, 0.3) inset, 0 0 0 2px rgba(0, 0, 0, 0.15);

  background-color: #eee;

}

.selectbox {

  width: 120px;

  position: relative;

  display: inline-block;

  margin-top: 5px;

  border: 1px solid #ccc;

  background-color: #f5f5f5;

  background-image: -moz-linear-gradient(top,#fff,#e6e6e6);

  background-image: -webkit-gradient(linear,0 0,0 100%,from(#fff),to(#e6e6e6));

  background-image: -webkit-linear-gradient(top,#fff,#e6e6e6);

  background-image: -o-linear-gradient(top,#fff,#e6e6e6);

  background-image: linear-gradient(to bottom,#fff,#e6e6e6);

  background-repeat: repeat-x;

  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffe6e6e6', GradientType=0);

  -webkit-border-radius: 3px;

  -moz-border-radius: 3px;

  border-radius: 3px;

}

.selectbox:hover {

  border-color: #999;

}

.selectbox select {

  z-index: 10;

  padding: 0;

  width: 99%;

  height: 22px;

  margin: 0;

  position: relative;

  opacity: 0;

  filter: alpha(opacity=0);

}

.selectbox .selecttext {

  z-index: 9;

  position: absolute;

  left: 5px;

  display: inline-block;

  line-height: 22px;

}

.selectbox .select-arrow {

  background: url(../images/cpanel/dk_arrows.png) no-repeat 50% 50%;

  position: absolute;

  display: inline-block;

  height: 20px;

  width: 26px;

  top: 0;

  right: 0;

}

.yt-sticky {

  position: relative;

  z-index: 80;

}

.yt-sticky .module {

  position: absolute;

  z-index: 88;

  margin-bottom: 10px;

  border: none;

}

.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 {

  padding: 10px;

  background-color: #fff;

  font-size: 12px;

}

.btn-special {

  height: 45px;

  width: 45px;

  background-color: #666;

  display: block;

  position: absolute;

  left: 0px;

  cursor: pointer;

  text-align: center;

}

.btn-special span {

  font-size: 20px;

  line-height: 36px;

  width: 24px;

  margin: 0 4px 0 8px;

}

.btn-special:hover span {

  color: #fff;

  text-shadow: 0 0 7px rgba(255,255,255,0.7);

}

#yt_notice {

  position: fixed;

  top: 0px;

  height: 0px;

  min-height: 0px;

  z-index: 96;

}

#yt_notice .yt-notice .module {

  background-color: ;

  color: #eee;

  -webkit-box-shadow: 0 0 3px #999999,inset 0 -1px 0 #ccc;

  -moz-box-shadow: 0 0 3px #999999,inset 0 -1px 0 #ccc;

  box-shadow: 0 0 3px #999999,inset 0 -1px 0 #ccc;

  position: absolute;

  top: -99em;

  z-index: 88;

  text-align: center;

  width: 100%;

  min-height: 35px;

  margin: 0;

  border: none;

}

#yt_notice .yt-notice .module.active {

  -webkit-box-shadow: 0 0 3px #999999,inset 0 -1px 0 #ddd;

  -moz-box-shadow: 0 0 3px #999999,inset 0 -1px 0 #ddd;

  box-shadow: 0 0 3px #999999,inset 0 -1px 0 #ddd;

}

#yt_notice .yt-notice .module.active .btn-special {

  color: #fff;

  background: #5E7696;

  border-radius: 0;

}

#yt_notice .yt-notice .module .module-inner1 {

  position: relative;

  padding: 10px;

}

#yt_notice .yt-notice .module .module-inner1 .btn-special {

  position: absolute;

  right: 90px;

  left: auto;

  height: 39px;

  color: #BFCFE6;

  margin-top: -1px;

  -webkit-border-radius: 0 0 3px 3px;

  -moz-border-radius: 0 0 3px 3px;

  border-radius: 0 0 3px 3px;

}

#yt_notice .yt-notice .module .module-inner1 .btn-special span {

  margin: 0 8px 0 8px;

  line-height: 36px;

}

#yt_notice .yt-notice .module .module-inner1 .modcontent {

  padding: 0;

  color: #ddd;

  font-size: 12px;

}

#yt_notice .yt-notice .module .module-inner1 .modcontent a {

  color: #fff;

  display: inline-block;

}

#yt_sticky_left {

  position: fixed;

  z-index: 250;

  left: 0;

  top: 230px;

  padding: 0;

}

#yt_sticky_left .yt-sticky {

  -webkit-transition: all 0.3s ease-in-out 0s;

  -moz-transition: all 0.3s ease-in-out 0s;

  -o-transition: all 0.3s ease-in-out 0s;

  transition: all 0.3s ease-in-out 0s;

}

#yt_sticky_left .yt-sticky .module {

  width: 100%;

  left: -100%;

  background: rgba(0,0,0,0.5);

}

#yt_sticky_left .yt-sticky .module:first-child .btn-special {

  border-radius: 0 3px 0 0;

}

#yt_sticky_left .yt-sticky .module:last-child .btn-special {

  border-radius: 0 0 3px 0;

}

#yt_sticky_left .yt-sticky .module .btn-special {

  left: 100%;

  top: -6px;

  height: 50px;

  color: #bfcfe6;

  border-bottom: 1px solid #7c91ae;

}

#yt_sticky_left .yt-sticky .module .btn-special span {

  line-height: 50px;

}

#yt_sticky_right {

  position: fixed;

  z-index: 250;

  right: 0;

  top: 230px;

  padding: 0;

}

#yt_sticky_right .yt-sticky {

  -webkit-transition: all 0.3s ease-in-out 0s;

  -moz-transition: all 0.3s ease-in-out 0s;

  -o-transition: all 0.3s ease-in-out 0s;

  transition: all 0.3s ease-in-out 0s;

}

#yt_sticky_right .yt-sticky .module {

  width: 100%;

  position: absolute;

  z-index: 88;

  right: -100%;

  background: rgba(0,0,0,0.5);

}

#yt_sticky_right .yt-sticky .module:first-child .btn-special {

  border-radius: 3px 0 0 0;

}

#yt_sticky_right .yt-sticky .module:last-child .btn-special {

  border-radius: 0 0 0 3px;

}

#yt_sticky_right .yt-sticky .module .btn-special {

  left: auto;

  right: 100%;

  top: -6px;

  height: 50px;

  color: #fff;

  border-bottom: 1px solid #777;

}

#yt_sticky_right .yt-sticky .module .btn-special span {

  line-height: 50px;

}

#yt_tool_bottom {

  position: fixed;

  right: 70px;

  bottom: -1px;

  height: 0px;

  min-height: 0px;

  z-index: 89;

}

#yt_tool_bottom .module {

  position: absolute;

  z-index: 88;

  margin: 0;

  background-color: #62a400;

  -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.4), -1px -1px 0 darken(@background1,10%), -1px 0 0 darken(@background1,10%) inset;;

  -moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.4), -1px -1px 0 darken(@background1,10%), -1px 0 0 darken(@background1,10%) inset;;

  box-shadow: 0 0 5px rgba(0, 0, 0, 0.4), -1px -1px 0 darken(@background1,10%), -1px 0 0 darken(@background1,10%) inset;;

  border: none;

}

#yt_tool_bottom .module .module-inner2 {

  padding: 6px;

}

#yt_tool_bottom .module .module-inner2 .module-inner3 {

  padding: 10px;

  background: #fff;

}

#yt_tool_bottom .module .module-inner2 .module-inner3 .box-livesupport input,

#yt_tool_bottom .module .module-inner2 .module-inner3 .box-livesupport textarea {

  width: 95%;

  font-size: 12px;

}

#yt_tool_bottom .module .module-inner2 .module-inner3 .modcontent {

  padding: 0;

  font-size: 12px;

}

#yt_tool_bottom .module .btn-special {

  left: auto;

  top: -36px;

  right: 0px;

  width: auto;

  height: 35px;

  padding: 0 10px 0 0;

  font-size: 16px;

  font-weight: bold;

  background: #62a400;

  color: #eee;

  border: 1px solid #447100;

  border-bottom: 0;

  -webkit-border-radius: 3px 3px 0 0;

  -moz-border-radius: 3px 3px 0 0;

  border-radius: 3px 3px 0 0;

  -webkit-box-shadow: 1px 1px 0 rgba(255, 255, 255, 0.2) inset, 0px -2px 2px rgba(0, 0, 0, 0.15);

  -moz-box-shadow: 1px 1px 0 rgba(255, 255, 255, 0.2) inset, 0px -2px 2px rgba(0, 0, 0, 0.15);

  box-shadow: 1px 1px 0 rgba(255, 255, 255, 0.2) inset, 0px -2px 2px rgba(0, 0, 0, 0.15);

}

#yt_tool_bottom .module .btn-special span {

  line-height: 32px;

}

body {

  line-height: 22px;

  background-color: #f6f6f6;

}

#yt_header {

  padding: 10px 0 10px;

}

#yt_header .row > div:first-child:before {

  border: none;

  -webkit-box-shadow: none;

  -moz-box-shadow: none;

  box-shadow: none;

}

#yt_header .row > div:before {

  content: "";

  border-left: 1px solid #e8e8e8;

  height: 130px;

  float: left;

}

#yt_header #yt_logo {

  -webkit-transform: translate(0,-200px);

  -moz-transform: translate(0,-200px);

  -ms-transform: translate(0,-200px);

  -o-transform: translate(0,-200px);

  transform: translate(0,-200px);

  animation: 1s ease 2s normal forwards 1 comeDown;

  -webkit-animation: 1s ease 2s normal forwards 1 comeDown;

}

@-moz-keyframes comeDown {

  100% {

    transform: translateY(0px);

  }

}

@-webkit-keyframes comeDown {

  100% {

    -webkit-transform: translateY(0px);

  }

}

@keyframes comeDown {

  100% {

    transform: translateY(0px);

  }

}

#yt_menuwrap {

  background: #23262D;

  height: 54px;

  margin: 0;

  -webkit-box-shadow: 1px 1px 4px rgba(0,0,0,0.2);

  -moz-box-shadow: 1px 1px 4px rgba(0,0,0,0.2);

  box-shadow: 1px 1px 4px rgba(0,0,0,0.2);

  margin-bottom: 30px;

}

#yt_menuwrap #yt_mainmenu {

  position: static;

}

#yt_menuwrap #login .module {

  margin: 0;

  float: right;

}

#yt_slideshow {

  margin: 0 0 30px;

}

#login {

  position: relative;

  z-index: 10;

}

#breadcrumb div.module {

  margin: 0 0 15px;

}

#breadcrumb div.module .breadcrumb {

  margin: 0;

  padding: 0;

}

#content #yt_component {

  background: #fff;

  border: 1px solid #ccc;

  padding: 15px;

  overflow: hidden;

  margin-bottom: 30px;

}

#content #right .bg1 {

  padding-bottom: 0px;

}

#yt_spotlight2 {

  padding: 3em 0;

  background: url(../images/bg_spotlight2.png) no-repeat center top;

  position: relative;

  margin-top: 40px;

  background-size: 100% 100%;

}

#yt_spotlight2:after {

  content: "";

  position: absolute;

  height: 100%;

  width: 100%;

  background: #000;

  opacity: 0.5;

  top: 0px;

  left: 0px;

  z-index: 0;

}

#yt_spotlight2 .module {

  margin: 0px;

}

#yt_spotlight2 .module .item {

  position: relative;

  z-index: 1;

  text-align: center;

  padding: 0px 50px;

}

#yt_spotlight2 .module .item .item-image {

  height: 192px;

  width: 192px;

  text-align: center;

  border-radius: 50%;

  margin-bottom: 25px;

  display: inline-block;

  position: relative;

}

#yt_spotlight2 .module .item .item-image img {

  position: relative;

  z-index: 1;

  transition: 0.3s all ease 0s;

  border-radius: 50%;

}

#yt_spotlight2 .module .item .item-image:after {

  content: "";

  position: absolute;

  height: 100%;

  width: 100%;

  border-radius: 50%;

  transition: 0.3s all ease 0s;

  opacity: 0;

  transform: scale(1.3);

  top: 0px;

  left: 0px;

  z-index: 0;

  -webkit-transform: scale(1.3);

}

#yt_spotlight2 .module .item.item1 .item-image:after {

  background: #eb4c4f;

}

#yt_spotlight2 .module .item.item2 .item-image:after {

  background: #66b64d; # original je bila boja #e87352

}

#yt_spotlight2 .module .item.item3 .item-image:after {

  background: #67b0d1;

}

#yt_spotlight2 .module .item .item-title {

  font-size: 18px;

  font-weight: bold;

  text-transform: uppercase;

  color: #fff;

  margin-bottom: 20px;

}

#yt_spotlight2 .module .item .seperator {

  display: inline-block;

  height: 2px;

  width: 100px;

  background: rgba(255,255,255,0.5);

  transition: 0.3s all ease 0s;

  margin-bottom: 20px;

}

#yt_spotlight2 .module .item .item-desc {

  color: #999;

  line-height: 1.7em;

}

#yt_spotlight2 .module .item:hover .item-image:after {

  transform: scale(1);

  opacity: 1;

  -webkit-transform: scale(1);

}

#yt_spotlight2 .module .item:hover .item-desc {

  color: #fff;

}

#yt_spotlight2 .module .item:hover .seperator {

  width: 100%;

  background: #fff;

}

#yt_spotlight3 {

  padding: 3em 0 0;

}

#yt_spotlight3 .module {

  background: transparent;

}

#yt_spotlight3 .module h3.modtitle {

  padding: 0px 0px 10px 0px;

  background: transparent;

  border-color: #d8d9d9;

  margin-bottom: 0px;

}

#yt_spotlight3 .module .modcontent {

  padding: 0px;

}

#yt_spotlight3 .module .modcontent ul.menu {

  padding: 0px;

}

#yt_spotlight3 .module .modcontent ul.menu li a {

  display: block;

  padding: 10px 0px;

  color: #666;

  border-bottom: solid 1px #e6e7e7;

  transition: 0.3s all ease 0s;

  position: relative;

}

#yt_spotlight3 .module .modcontent ul.menu li a:before {

  width: 0px;

  background: #62a400;

  height: 100%;

  float: left;

  content: "";

  position: absolute;

  top: 0px;

  left: 0px;

  transition: 0.3s all ease 0s;

}

#yt_spotlight3 .module .modcontent ul.menu li a:hover {

  background: #fff;

  padding-left: 15px;

  color: #62a400;

}

#yt_spotlight3 .module .modcontent ul.menu li a:hover:before {

  width: 7px;

}

#yt_spotlight3 .module .modcontent ul.menu li:last-child a {

  border-bottom: none;

}

#yt_footer {

  background: #23262d;

  padding: 30px 0px;

}

#yt_footer #yt_copyright {

  color: #999;

  margin-top: 18px; #Dodao posle display:none

}

#yt_footer #yt_copyright a {

  color: #fff;

}

#yt_footer #yt_copyright a:hover {

  color: #62a400;

}

#yt_footer #yt_copyright .yt-logo {

  margin: 5px 15px 0 0;

  float: left;

}

#yt_footer #yt_copyright .copyright,

#yt_footer #yt_copyright .designby {

  display:inline;

}

#yt_footer #yt_copyright .copyright_middle {

  margin-top: 18px;

  display: none; #bilo je inline-block

}

#yt_footer #footer .yt-socialbt {

  padding: 3px;

  margin-right: 5px;

  -webkit-border-radius: 30px;

  -moz-border-radius: 30px;

  border-radius: 30px;

}

#yt_footer #footer .yt-socialbt a {

  color: #999;

  width: 32px;

  height: 32px;

  border: none;

  box-shadow: none;

}

#yt_footer #footer .yt-socialbt a i {

  display: inline-block;

  vertical-align: middle;

  margin-top: -2px;

  font-size: 17px;

}

#yt_footer #footer .yt-socialbt a.facebook {

  background-color: #4d6baa;

  color: #fff;

}

#yt_footer #footer .yt-socialbt a.facebook:hover {

  background-color: #7f95c5;

}

#yt_footer #footer .yt-socialbt a.twitter {

  background-color: #4fc6f8;

  color: #fff;

}

#yt_footer #footer .yt-socialbt a.twitter:hover {

  background-color: #99defb;

}

#yt_footer #footer .yt-socialbt a.google-plus {

  background-color: #ea6060;

  color: #fff;

}

#yt_footer #footer .yt-socialbt a.google-plus:hover {

  background-color: #f3a4a4;

}

#yt_footer #footer .yt-socialbt a.linkedin {

  background-color: #238cc8;

  color: #fff;

}

#yt_footer #footer .yt-socialbt a.linkedin:hover {

  background-color: #56afe1;

}

@media (min-width: 1200px) {

  #bd .menu-fixed {

    width: 100%;

    margin: 0;

    position: fixed;

    top: 0;

    left: 0;

    z-index: 10;

    background-color: #23262d;

    background-color: rgba(35,39,46,0.95);

    zoom: 1;

    background-color: transparent \9;

    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#f223262e, endColorstr=#f223262e)";

    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#f223262e, endColorstr=#f223262e);

  }

  .layout-boxed {

    width: 1380px;

    margin: 0 auto;

    background: #f6f6f6;

    box-shadow: 0 0 6px #777777 !important;

  }

}

@media (max-width: 1024px) {

  #bd {

    width: 1190px;

  }

}

a {

  color: #62a400;

}

a:hover {

  color: #2e323b;

  text-decoration: none;

}

a:focus {

  outline: none;

  text-decoration: none;

}

*::selection {

  background: #62a400;

  color: #fff;

}

*::-moz-selection {

  background: #62a400;

  color: #fff;

}

[class^="icon-"],

[class*=" icon-"] {

  margin-right: 5px;

  font-size: 14px;

}

.badge,

.label {

  display: inline-block;

}

.page-header {

  margin: 0 0 20px;

}

pre {

  border: none;

  border-left: 3px solid #62a400;

  line-height: 30px;

  border-radius: 0;

  font-size: 110%;

  padding: 20px;

  margin: 2em 0;

}

img {

  max-width: 100%;

}

div.img_caption {

  position: relative;

}

div.img_caption.left {

  margin: 0 1em 1em 0;

}

div.img_caption p.img_caption {

  font-size: 92%;

  font-weight: bold;

  padding: 5px 0 0;

  margin: 0;

  -webkit-box-sizing: border-box;

  -moz-box-sizing: border-box;

  box-sizing: border-box;

  background: #eee;

  border: 1px solid #ddd;

  border-top: none;

  box-shadow: 0 -1px 0 #fff inset;

}

div.caption {

  margin: 0 1em 1em 0;

  float: left;

}

div.yt-lightbox a img {

  width: auto;

}

ul,

ol {

  padding-left: 12px;

}

ul li {

  line-height: 24px;

}

ul ul {

  list-style: disc;

}

ul.blank {

  list-style: none;

  margin: 0;

  padding: 0;

}

ul.latestnews.yt-list {

  margin: -10px -15px;

}

ul.latestnews.yt-list li:last-child {

  border-bottom: none;

}

ul.latestnews.yt-list li {

  border-bottom: 1px solid #f5f5f5;

  padding: 4px 15px;

}

ul.latestnews.yt-list li:hover {

  color: #62a400;

  background: #f5f5f5;

}

ul.latestnews.yt-list li a {

  color: #666;

}

ul.latestnews.yt-list li a:hover {

  color: #62a400;

}

ul.category {

  list-style: none;

  padding: 0;

}

ul.category li {

  border-bottom: 1px solid #ddd;

}

select {

  padding: 5px;

}

#modlgn-remember {

  margin-top: 0;

}

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: #9dff0b;

}

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: 0 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 {

  border-radius: 0;

  font-size: 12px;

  background: #fff;

  padding: 4px 6px;

  border: solid 1px #ccc;

  height: 36px;

}

.form-horizontal .controls input {

  width: 250px;

}

.form-horizontal .control-group {

  margin-bottom: 15px;

}

.label {

  padding: 10px 16px;

  margin-right: 15px;

}

.button,

button {

  background: #62a400;

  color: #fff;

  padding: 8px 20px;

  display: inline-block;

  vertical-align: top;

  font-size: 14px;

  border: none;

  border-radius: 0px;
}

.button:hover,

button:hover {

  background: #2e323b;

  color: #fff;

}

.button:hover span,

button:hover span {

  color: #fff;

}

.form-horizontal .control-label {

  text-align: left;

}

form.box fieldset {

  border: 1px solid #ccc;

  padding: 0 10px 10px;

}

form.box legend {

  background: #fff;

  padding: 0 10px;

  width: auto;

  border: none;

  margin: 0;

  font-size: 110%;

  line-height: 100%;

}

.display-limit {

  padding: 1em 0;

  overflow: hidden;

}

.form-inline .input-append .add-on i {

  margin: 0 !important;

}

.collapse {

  overflow: hidden;

}

.form-inline .btn-primary .icon-search {

  vertical-align: 1px;

}

.tooltip {

  background: none;

  border: none;

}

div.tooltip.fade {

  background: transparent;

  border: none;

}

.tip-wrap {

  z-index: 999;

}

.tip-wrap .tip {

  max-width: 350px;

  padding: 0px;

  border: 1px solid #666;

  background: #eee;

}

.tip-wrap .tip.badge-info {

  background-color: #2f96b4;

  padding: 2px 6px;

  border: none;

  box-shadow: 0;

  display: inline-block;

  position: relative;

  top: -2px;

}

.tip-wrap .tip .tip-title {

  background: #666;

  font-size: 12px;

  color: #fff;

  line-height: 20px;

  padding: 5px 10px;

  font-weight: bold;

}

.tip-wrap .tip .tip-text {

  color: #444;

  font-size: 108%;

  padding: 5px 10px;

}

table.category {

  width: 100%;

  margin-top: 20px;

}

table.category thead {

  background: #eee;

}

table.category thead tr th {

  background: #666;

  border-bottom: 2px solid #444;

  font-size: 118%;

  color: #fff;

  padding: 8px;

  text-align: left;

}

table.category thead tr th a {

  color: #fff;

}

table.category tbody tr:hover td {

  background-color: #f5f5f5;

}

table.category tbody tr td {

  padding: 8px;

  border-top: 1px solid #ddd;

}

table.category tbody tr td.list-hits,

table.category tbody tr td.hits {

  font-weight: bold;

}

#recaptcha_response_field {

  border-color: #ddd !important;

}

#system-message {

  margin: 0;

}

#system-message .message {

  margin-bottom: 1.5em;

}

#system-message .message > ul {

  margin: 0;

  background-position: 5px 40%;

}

.system-unpublished .system-unpublished {

  margin: -10px;

  padding: 10px;

  border-top: 16px solid;

  border-bottom: 5px solid;

  position: relative;

}

.system-unpublished .system-unpublished:before {

  content: 'Unpublished';

  text-transform: uppercase;

  top: -19px;

  left: 10px;

  position: absolute;

  font-size: 0.8em;

  font-weight: bold;

}

span.highlight {

  background-color: #f16529 !important;

  -webkit-border-radius: 3px;

  -moz-border-radius: 3px;

  border-radius: 3px;

  color: #444;

}

.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: none;

  font-size: 150%;

  margin: 0;

  font-weight: normal;

}

div.categories-list > div h3.page-header .btn [class^="icon-"] {

  margin: 0;

}

div.categories-list > div h3.page-header .badge {

  vertical-align: 2px;

  display: inline-block;

}

div.categories-list ul {

  position: relative;

  margin: 0;

  padding-left: 15px;

}

div.categories-list ul li {

  list-style: none;

  font-weight: bold;

  line-height: 20px;

}

div.categories-list ul li ul > li {

  list-style: none;

  position: relative;

  margin: 0;

  padding: 10px 0 0 8px;

}

div.categories-list ul li ul > li:after {

  border-left: 1px solid #ccc;

  content: "";

  height: 30px;

  width: 1px;

  left: 0px;

  position: absolute;

  top: 0;

}

div.categories-list ul li ul > li:before {

  content: "";

  border-bottom: 1px solid #ccc;

  width: 7px;

  height: 1px;

  position: absolute;

  left: 0px;

  top: 28px;

}

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: #eee url(../images/loading.gif) no-repeat 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: 0;

  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: none;

}

.blog .items-leading .item {

  padding: 15px;

}

.blog .items-leading .item .item-image {

  margin: 0 20px 0 0;

  padding: 0;

  position: relative;

  width: auto;

  overflow: hidden;

}

.blog .items-leading .item .item-image img {

  transition: 0.3s all ease 0s;

}

.blog .items-leading .item .item-image:hover img {

  transform: scale(1.15);

  -webkit-transform: scale(1.15);

}

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

  *zoom: 1;

}

.blog .items-leading .item .article-text:before,

.blog .items-leading .item .article-text:after {

  display: table;

  content: "";

  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: 0;

  margin-bottom: 15px;

}

.blog .items-leading .item .article-text .article-header h2 a {

  color: #444;

  display: block;

}

.blog .items-leading .item .article-text .item-tags .tags a {

  display: block;

  float: left;

  color: #999;

  background: #fff;

  border: solid 1px #ccc;

  padding: 7px 13px;

  font-size: 14px;

  font-weight: normal;

  transition: 0.3s all ease 0s;

  border-radius: 0px;

  margin: 0px -1px 0 0px;

}

.blog .items-leading .item .article-text .item-tags .tags a:hover {

  background: #f5f6f6;

  color: #62a400;

}

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

  margin-bottom: 15px;

}

.blog .items-leading .item .article-text .article-info dd {

  display: inline-block;

  color: #999;

  padding: 0px;

  margin: 0px;

}

.blog .items-leading .item .article-text .article-info dd.create {

  margin-right: 10px;

  background: url(../images/icon/icon_date2.png) no-repeat left center;

  padding-left: 21px;

}

.blog .items-leading .item .article-text .article-info dd.createdby {

  background: url(../images/icon/icon_author.png) no-repeat left center;

  padding-left: 25px;

  margin-right: 10px;

}

.blog .items-leading .item .article-text .article-info dd.hits {

  background: url(../images/icon/icon_hits2.png) no-repeat left center;

  padding-left: 25px;

}

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

  color: #666;

  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 {

  float: left;

  color: #999;

  margin-right: 15px;

}

.blog .items-leading .item.col-sm-6 .item-image,

.blog .items-leading .item.col-sm-4 .item-image {

  float: none !important;

  margin: 0 0 1em !important;

  display: block;

  min-width: inherit !important;

  min-height: inherit !important;

}

.blog .items-leading .item.col-sm-3 .item-image {

  float: none !important;

  margin: 0 0 1em;

  min-width: inherit !important;

  min-height: 126px !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: #62a400;

}

.blog .items-leading .leading-0 {

  padding-top: 0;

}

.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: none;

}

.blog .items-row.row-0 .item {

  padding-top: 0;

}

.blog .items-row .item {

  padding: 15px;

}

.blog .items-row .item .item-image {

  margin: 0 20px 0 0;

  padding: 0;

  position: relative;

  width: auto;

  overflow: hidden;

}

.blog .items-row .item .item-image img {

  transition: 0.3s all ease 0s;

}

.blog .items-row .item .item-image:hover img {

  transform: scale(1.15);

  -webkit-transform: scale(1.15);

}

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

  *zoom: 1;

}

.blog .items-row .item .article-text:before,

.blog .items-row .item .article-text:after {

  display: table;

  content: "";

  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: 0;

  margin-bottom: 15px;

}

.blog .items-row .item .article-text .article-header h2 a {

  color: #444;

  display: block;

}

.blog .items-row .item .article-text .item-tags .tags a {

  display: block;

  float: left;

  color: #999;

  background: #fff;

  border: solid 1px #ccc;

  padding: 7px 13px;

  font-size: 14px;

  font-weight: normal;

  transition: 0.3s all ease 0s;

  border-radius: 0px;

  margin: 0px -1px 0 0px;

}

.blog .items-row .item .article-text .item-tags .tags a:hover {

  background: #f5f6f6;

  color: #62a400;

}

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

  margin-bottom: 15px;

}

.blog .items-row .item .article-text .article-info dd {

  display: inline-block;

  color: #999;

  padding: 0px;

  margin: 0px;

}

.blog .items-row .item .article-text .article-info dd.create {

  margin-right: 10px;

  background: url(../images/icon/icon_date2.png) no-repeat left center;

  padding-left: 21px;

}

.blog .items-row .item .article-text .article-info dd.createdby {

  background: url(../images/icon/icon_author.png) no-repeat left center;

  padding-left: 25px;

  margin-right: 10px;

}

.blog .items-row .item .article-text .article-info dd.hits {

  background: url(../images/icon/icon_hits2.png) no-repeat left center;

  padding-left: 25px;

}

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

  color: #666;

  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 {

  float: left;

  color: #999;

  margin-right: 15px;

}

.blog .items-row .item.col-sm-6 .item-image,

.blog .items-row .item.col-sm-4 .item-image {

  float: none !important;

  margin: 0 0 1em !important;

  display: block;

  min-width: inherit !important;

  min-height: inherit !important;

}

.blog .items-row .item.col-sm-3 .item-image {

  float: none !important;

  margin: 0 0 1em;

  min-width: inherit !important;

  min-height: 126px !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: #62a400;

}

body.homepage .blog-featured .items-leading {

  padding: 0;

  border: none;

}

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: #62a400;

}

body.layout_main-left-right .blog-featured .items-row .item .item-image {

  float: none;

  margin: 0 0 1em;

}

.blog-featured .page-header {

  padding: 13px 15px;

  margin: 0;

  border-bottom: 1px solid #ccc;

  text-transform: uppercase;

}

.blog-featured .items-row {

  overflow: hidden;

  padding: 15px 20px;

}

.blog-featured .items-row .item {

  padding: 0px;

  border-bottom: solid 1px #ccc;

}

.blog-featured .items-row .item .item-image {

  margin: 0px 0px 20px 0px;

  position: relative;

  float: none !important;

  display: inline-block;

}

.blog-featured .items-row .item .item-image .feature-info {

  position: absolute;

  bottom: 0px;

  padding: 10px 15px;

  background: rgba(0,0,0,0.5);

  width: 100%;

  text-align: left;

}

.blog-featured .items-row .item .item-image .feature-info div {

  display: inline-block;

  margin-right: 20px;

  color: #fff;

}

.blog-featured .items-row .item .item-image .feature-info div.create {

  padding-left: 23px;

  background: url(../images/icon/icon_date.png) no-repeat left center;

}

.blog-featured .items-row .item .item-image .feature-info div.createdby {

  background: url(../images/icon/icon_author2.png) no-repeat left center;

  padding-left: 25px;

  margin-right: 10px;

}

.blog-featured .items-row .item .item-image .feature-info div i {

  font-size: 17px;

}

.blog-featured .items-row .item .hits {

  float: right;

  color: #999999;

  margin-top: 11px;

  background: url(../images/icon/icon_hits2.png) no-repeat left center;

  padding-left: 27px;

}

.blog-featured .items-row .item .item-tags {

  display: none;

}

.blog-featured .items-row .item .article-text a.more {

  text-transform: uppercase;

  padding: 10px 20px 10px 0px;

  float: left;

  color: #999;

  transition: 0.3s all ease 0s;

  display: block;

  position: relative;

  z-index: 1;

}

.blog-featured .items-row .item .article-text a.more:after {

  position: absolute;

  top: 0px;

  left: 0px;

  height: 100%;

  width: 0px;

  transition: 0.3s all ease 0s;

  background: #62a400;

  content: "";

  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: #fff;

  border-top: none;

}

.blog-featured .items-row .item.system-unpublished .system-unpublished {

  border: none;

  padding: 0px;

  margin: 0px;

  background: #fff;

}

.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 {

  font-size: 30px;

  color: #444;

  display: block;

}

.item-page .article-header h2 a:hover {

  color: #62a400;

}

.item-page .article-aside {

  margin: 1em 0;

}

.item-page .article-aside .article-info dd {

  color: #999;

  margin-right: 20px;

  display: inline-block;

}

.item-page .article-aside .article-info dd .create {

  padding-left: 21px;

  background: url(../images/icon/icon_date2.png) no-repeat left center;

}

.item-page .article-aside .article-info dd .hits {

  background: url(../images/icon/icon_hits2.png) no-repeat left center;

  padding-left: 27px;

}

.item-page .tags {

  overflow: hidden;

  margin-bottom: 20px;

}

.item-page .tags a {

  display: block;

  float: left;

  color: #999;

  background: #fff;

  border: solid 1px #ccc;

  padding: 7px 13px;

  font-size: 14px;

  font-weight: normal;

  transition: 0.3s all ease 0s;

  border-radius: 0px;

  margin: 0px -1px 0 0px;

}

.item-page .tags a:hover {

  background: #f5f6f6;

  color: #62a400;

}

.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: solid 1px #ccc;

  border-radius: 0px;

  overflow: hidden;

}

.item-page .article-index .nav-stacked li {

  border-bottom: solid 1px #ccc;

  float: none;

}

.item-page .article-index .nav-stacked li a {

  border: none;

  margin: 0px;

  border-radius: 0px;

}

.item-page .image {

  float: left;

  margin: 5px 30px 20px 0;

  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 {

  padding: 0px;

  margin: 0px;

  list-style: none;

  border: solid 1px #ccc;

}

.item-page .dt-list ul li {

  min-height: 40px;

  padding: 10px 10px 10px 50px;

  border-bottom: solid 1px #ccc;

  position: relative;

  min-height: 60px;

}

.item-page .dt-list ul li strong {

  position: absolute;

  top: 15px;

  left: 10px;

  border: solid 1px #ccc;

  background: #f5f6f6;

  color: #666;

  font-weight: normal;

  padding: 3px 10px;

}

.item-page .dt-list ul li:last-child {

  border-bottom: none;

}

.item-page .notice {

  float: left;

  margin: 20px 0px;

  background: url('../images/icon/icon_quote.png') no-repeat 20px center #f4f4f4;

  padding: 30px 30px 30px 60px;

  color: #999;

  font-style: italic;

}

.item-page .jwDisqusForm {

  margin: 3em 0;

}

.item-page .jwDisqusForm #jwDisqusFormFooter {

  display: none;

}

.item-page h3.related-title {

  color: #444;

  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: 0.3s all ease 0s;

}

.item-page ul.related-items li .img-fulltext:hover img {

  transform: scale(1.15);

  -webkit-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: #666;

}

.item-page ul.related-items li .related-item-date {

  float: left;

  margin-right: 20px;

  color: #999;

}

.item-page ul.related-items li .related-item-hits {

  float: left;

  color: #999;

}

.item-page ul.related-items li:hover h3.related-item-title a {

  color: #62a400;

}

.item-page ul.pager li a {

  border: none;

  background: #23262d;

  color: #fff;

  display: block;

  padding: 10px 27px;

  border-radius: 0px;

  transition: 0.3s all ease 0s;

}

.item-page ul.pager li a:hover {

  background: #62a400;

}

.tag-category ul {

  padding: 0px;

  margin: 0px;

  list-style: none;

}

.tag-category ul.items-row .item {

  padding: 20px 0px;

}

.tag-category ul.items-row .item .item-image {

  background: url(../images/loading.gif) no-repeat center center #E6E6E6;

  margin: 0 20px 0 0;

  overflow: hidden;

}

.tag-category ul.items-row .item .item-image img {

  transition: 0.3s all ease 0s;

}

.tag-category ul.items-row .item .item-image:hover img {

  transform: scale(1.15);

  -webkit-transform: scale(1.15);

}

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

  *zoom: 1;

}

.tag-category ul.items-row .item .article-text:before,

.tag-category ul.items-row .item .article-text:after {

  display: table;

  content: "";

  line-height: 0;

}

.tag-category ul.items-row .item .article-text:after {

  clear: both;

}

.tag-category ul.items-row .item .article-text .page-header {

  margin: 0 0 5px;

  padding: 0;

  border-bottom: 0;

}

.tag-category ul.items-row .item .article-text .page-header h2 {

  font-size: 150%;

  margin: 0;

  margin-bottom: 15px;

}

.tag-category ul.items-row .item .article-text .page-header h2 a {

  color: #444;

  transition: 0.3s all 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 {

  display: inline-block;

  color: #999;

  padding: 0px;

  margin: 0px;

}

.tag-category ul.items-row .item .article-text .item-headinfo .article-info dd .create {

  margin-right: 10px;

  background: url(../images/icon/icon_date2.png) no-repeat left center;

  padding-left: 25px;

}

.tag-category ul.items-row .item .article-text .item-headinfo .article-info dd.createdby {

  background: url(../images/icon/icon_author.png) no-repeat 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 {

  float: left;

  color: #999;

  margin-right: 15px;

}

.tag-category ul.items-row .item:hover .article-text .page-header h2 a {

  color: #62a400;

}

.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: #eee;

  border-color: #ddd;

  border-radius: 0;

}

div.archive .filter-search #limit {

  width: auto;

  margin-right: 10px;

}

div.archive #archive-items > div {

  border-top: 1px dotted #ccc;

  padding: 15px 0;

}

div.archive #archive-items > div:first-child {

  border-top: none;

}

div.archive #archive-items > div h2.item-title {

  margin: 0;

  font-size: 115%;

}

div.archive #archive-items > div dl.article-info {

  color: #999;

  margin: 0;

}

div.archive #archive-items > div dl.article-info dd {

  display: inline-block;

  font-size: 91.7%;

  line-height: 24px;

  margin: 0;

  padding: 0;

}

div.archive #archive-items > div .intro > p {

  display: inline;

}

.pagination {

  height: auto;

  margin: 5px auto 8px;

  display: table;

}

.pagination ul li {

  margin: 0 2px;

  overflow: hidden;

}

.pagination ul li a,

.pagination ul li span {

  float: none;

  display: inline-block;

  padding: 5px 12px;

  border: 1px solid #ccc;

  color: #666;

  background: #fff;

  border-radius: 0 !important;

  height: 32px;

  vertical-align: top;

}

.pagination ul li.active span,

.pagination ul li.active a,

.pagination ul li:hover span,

.pagination ul li:hover a {

  color: #fff;

  background: #62a400 !important;

  border: 1px solid #62a400 !important;

}

dl.tabs {

  width: 100%;

  border-bottom: 1px solid #E7E7E7;

  margin: 1.5em 0 1em;

  padding: 0 10px;

  clear: both;

  *zoom: 1;

  -webkit-box-sizing: border-box;

  -moz-box-sizing: border-box;

  box-sizing: border-box;

}

dl.tabs:before,

dl.tabs:after {

  display: table;

  content: "";

  line-height: 0;

}

dl.tabs:after {

  clear: both;

}

dl.tabs dt {

  float: left;

  margin-right: 5px;

  margin-bottom: -1px;

}

dl.tabs dt.open h3 {

  background: #fff;

  border-bottom-color: #fff;

}

dl.tabs dt.open h3 a {

  color: #62a400;

}

dl.tabs dt h3 {

  background: #f5f5f5;

  margin: 0;

  padding: 7px 10px 8px;

  font-size: 116.7%;

  border: 1px solid #e5e5e5;

}

dl.tabs dt h3 a {

  color: #808080;

}

dd.tabs {

  margin: 0;

}

.search #searchForm .searchintro {

  margin: 15px 0;

}

.search .search-results {

  clear: both;

}

.search .search-results .result-category {

  display: none;

}

.search .search-results .result-category,

.search .search-results .result-text {

  padding: 0;

  margin: 0;

}

.search .search-results .result-text {

  padding-bottom: 1em;

  margin-bottom: 1em;

  border-bottom: 1px solid #ddd;

}

.finder #search-form {

  background: #ECF0E8;

  border-bottom: 1px solid #ddd;

  padding: 20px;

  margin-bottom: 30px;

}

.finder #search-form #finder-search {

  margin: 0;

}

.finder #search-form #finder-search #advanced-search {

  padding: 10px 0 0;

}

.finder #search-form #finder-search #advanced-search #finder-filter-window ul {

  list-style: none;

  margin: 0;

}

.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 {

  margin: 1em 0;

  border-bottom: 3px solid #eee;

  font-weight: bold;

  -webkit-box-shadow: inset 0 -1px 0 #ccc;

  -moz-box-shadow: inset 0 -1px 0 #ccc;

  box-shadow: inset 0 -1px 0 #ccc;

}

.finder #search-results ul.list-striped {

  margin: 0;

  list-style: none;

}

.finder #search-results ul.list-striped li {

  margin-bottom: 1em;

  padding-bottom: 1em;

  border-bottom: 1px solid #eee;

}

.finder #search-results ul.list-striped li .result-url {

  color: #999;

}

.newsfeed-category select[multiple],

.newsfeed-category select[size],

.contact-category select[multiple],

.contact-category select[size] {

  width: auto;

}

.newsfeed ol {

  margin: 0;

  list-style: none;

  padding: 0;

}

.newsfeed ol li {

  border-bottom: 1px dotted #ccc;

  padding: 20px 0;

}

.newsfeed ol li a {

  color: #777;

  font-weight: normal;

}

.newsfeed ol li .feed-item-description {

  margin-top: 10px;

  overflow: hidden;

}

.newsfeed ol li .feed-item-description > img:first-child {

  background: none repeat scroll 0 0 #fff;

  border: 1px solid #eee;

  margin: 0 0 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 {

  width: 550px;

  margin: 0 auto;

}

.view-login #content #yt_component {

  border: none;

  -webkit-box-shadow: none;

  -moz-box-shadow: none;

  box-shadow: none;

}

.view-login .wrap-login {

  width: 550px;

  margin: 0 auto;

  padding: 1em 2em 2em;

  background: #fff;

  border: 1px solid #ccc;

  box-shadow: 0 0 5px rgba(0,0,0,0.15);

  -webkit-box-sizing: border-box;

  -moz-box-sizing: border-box;

  box-sizing: border-box;

}

.view-login .wrap-login .page-header {

  margin: -14px -28px 15px;

  padding: 10px 25px;

  background: #f5f5f5;

  border-bottom: 1px solid #ddd;

}

.view-login .wrap-login .page-header h1 {

  margin: 0;

}

.view-login .wrap-login .form-horizontal .control-group {

  float: left;

  width: 50%;

  margin: 1em 0;

}

.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: 0 0 0 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 {

  font-size: 12px;

  color: #666;

}

.view-login .wrap-login .other-link ul.yt-list li a:hover {

  color: #62a400;

}

.login .form-horizontal {

  margin-bottom: 0;

}

.login .well {

  background: none;

  border: none;

  border-radius: 0;

  box-shadow: none;

  padding: 10px 0 0;

  margin: 0;

}

.login .well .control-label label {

  font-weight: bold;

}

.login .well .controls {

  margin: 0;

}

.registration .page-header {

  margin: 0 0 15px;

}

.registration .page-header h2 {

  margin: 0;

}

.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: #999;

}

div.contact .contact-image {

  width: 50%;

  float: right;

}

div.contact .contact-image img {

  padding: 5px;

  border: 1px solid #ccc;

  margin-top: 1em;

  -webkit-box-sizing: border-box;

  -moz-box-sizing: border-box;

  box-sizing: border-box;

}

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: none;

  padding: 0;

}

div.contact form.box legend {

  padding: 0;

  font-size: 12px;

}

.suffix strong {

  display: inline-block;

}

.module_menu,

div.module {

  margin: 0 0px 30px; #ovde menjaj !

}

.module h3.modtitle {

  padding: 16px 0px;

  border-bottom: solid 1px #ccc;

  text-transform: uppercase;

}

.module.box1 {

  border: 1px solid #cccccc;

  padding: 20px;

  background: #fff;

}

.module.box1 h3.modtitle {

  border: none;

  padding: 0;

}

.module.box2 {

  border: 1px solid #cccccc;

  padding: 16px;

  background: #fff;

  background: #fff;

}

.module.box2 h3.modtitle {

  margin: -16px -16px 15px;

  padding: 14px 16px;

}

.module.box3 {

  border: 1px solid #ddd;

  padding: 20px;

  box-shadow: 0 0 0 4px #EDEDED;

  background: #fff;

}

.module.box3 h3.modtitle {

  border: none;

  padding: 0;

}

.module.bg1 {

  padding: 20px;

  background: #62a400;

  color: #fff;

}

.module.bg1 h3.modtitle {

  border: none;

  padding: 0 0 12px;

  display: inline-block;

  position: relative;

  z-index: 1;

  margin-bottom: 16px;

}

.module.bg1 h3.modtitle:after {

  content: "";

  position: absolute;

  left: 0;

  bottom: -3px;

  width: 100%;

  border-bottom: 2px solid rgba(255,255,255,0.5);

}

.module.bg1 .modcontent a {

  color: #ddd;

}

.module.bg1 .modcontent a:hover {

  color: #fff;

}

.module.bg1 .modcontent .button {

  border: 1px solid rgba(255,255,255,0.3);

  background: transparent;

}

.module.bg1 .modcontent .button:hover {

  background: rgba(255,255,255,0.2);

}

.module.bg2 {

  padding: 20px;

  background: #67b0d1;

  color: #fff;

}

.module.bg2 h3.modtitle {

  border: none;

  padding: 0 0 12px;

  display: inline-block;

  position: relative;

  z-index: 1;

  margin-bottom: 16px;

}

.module.bg2 h3.modtitle:after {

  content: "";

  position: absolute;

  left: 0;

  bottom: -3px;

  width: 100%;

  border-bottom: 2px solid rgba(255,255,255,0.5);

}

.module.bg2 .modcontent a {

  color: #ddd;

}

.module.bg2 .modcontent a:hover {

  color: #fff;

}

.module.bg2 .modcontent .button {

  border: 1px solid rgba(255,255,255,0.3);

  background: transparent;

}

.module.bg2 .modcontent .button:hover {

  background: rgba(255,255,255,0.2);

}

.module.bg3 {

  padding: 20px;

  background: #e87352;

  color: #fff;

}

.module.bg3 h3.modtitle {

  border: none;

  padding: 0 0 12px;

  display: inline-block;

  position: relative;

  z-index: 1;

  margin-bottom: 16px;

}

.module.bg3 h3.modtitle:after {

  content: "";

  position: absolute;

  left: 0;

  bottom: -3px;

  width: 100%;

  border-bottom: 2px solid rgba(255,255,255,0.5);

}

.module.bg3 .modcontent a {

  color: #ddd;

}

.module.bg3 .modcontent a:hover {

  color: #fff;

}

.module.bg3 .modcontent .button {

  border: 1px solid rgba(255,255,255,0.3);

  background: transparent;

}

.module.bg3 .modcontent .button:hover {

  background: rgba(255,255,255,0.2);

}

.module.bg4 {

  padding: 20px;

  background: #393c42;

  color: #fff;

}

.module.bg4 h3.modtitle {

  border: none;

  padding: 0 0 12px;

  display: inline-block;

  position: relative;

  z-index: 1;

  margin-bottom: 16px;

}

.module.bg4 h3.modtitle:after {

  content: "";

  position: absolute;

  left: 0;

  bottom: -3px;

  width: 100%;

  border-bottom: 2px solid rgba(255,255,255,0.5);

}

.module.bg4 .modcontent a {

  color: #ddd;

}

.module.bg4 .modcontent a:hover {

  color: #fff;

}

.module.bg4 .modcontent .button {

  border: 1px solid rgba(255,255,255,0.3);

  background: transparent;

}

.module.bg4 .modcontent .button:hover {

  background: rgba(255,255,255,0.2);

}

.module.blank {

  background: transparent;

  border: none;

  padding: 0;

  color: #666;

}

.module.blank h3.modtitle {

  border: none;

}

.module.blank .modcontent {

  padding: 0;

}

.module._menu {

  background: #fff;

  border: 1px solid #ddd;

}

.module._menu h3.modtitle {

  margin: 0px;

  padding: 16px 20px;

}

.module._menu .modcontent {

  padding: 15px;

}

.module._menu .modcontent ul.menu {
  list-style: none;

  margin: 0;

  padding: 0;

}

.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: #666;

  display: block;

  padding: 8px 6px;

}

.module._menu .modcontent ul.menu > li > a:hover,

.module._menu .modcontent ul.menu > li > span:hover {

  background: transparent;

}

.module._menu .modcontent ul.menu > li:hover {

  background: #62a400;

}

.module._menu .modcontent ul.menu > li:hover,

.module._menu .modcontent ul.menu > li.active {

  background: #62a400;

}

.module._menu .modcontent ul.menu > li:hover a,

.module._menu .modcontent ul.menu > li.active a {

  color: #fff;

}

.module._menu .modcontent ul.menu > li:hover span,

.module._menu .modcontent ul.menu > li.active span {

  color: #fff;

}

.module._menu .modcontent ul.menu > li.parent {

  position: relative;

}

.module._menu .modcontent ul.menu > li.parent > a:after {

  font-family: FontAwesome;

  content: "\f0d7";

  margin: 0 10px;

}

.module._menu .modcontent ul.menu > li.parent ul {

  list-style: none;

  display: none;

  background: #F7F7F7;

  position: absolute;

  z-index: 3;

  border: solid 1px #ccc;

  top: 130%;

  left: 0;

  width: 100%;

  padding: 5px 10px;

  font-size: 91%;

  margin: 0;

}

.module._menu .modcontent ul.menu > li.parent ul li {

  padding: 4px 0;

}

.module._menu .modcontent ul.menu > li.parent ul li ul {

  border: none;

}

.module._menu .modcontent ul.menu > li.parent ul li:hover {

  color: #62a400;

}

.module._menu .modcontent ul.menu > li.parent ul li:hover li {

  color: #666;

}

.module._menu .modcontent ul.menu > li.parent ul li:hover li:hover {

  color: #62a400;

}

.module._menu .modcontent ul.menu > li.parent ul li.active {

  color: #62a400;

}

.module._menu .modcontent ul.menu > li.parent ul li.active li {

  color: #666;

}

.module._menu .modcontent ul.menu > li.parent ul li.active li:hover {

  color: #62a400;

}

.module._menu .modcontent ul.menu > li.parent ul li.active li.active {

  color: #62a400;

}

.module._menu .modcontent ul.menu > li.parent ul li.active li.active a {

  color: #62a400;

}

.module._menu .modcontent ul.menu > li.parent ul li.active li a {

  color: #666;

}

.module._menu .modcontent ul.menu > li.parent ul li.active li a:hover {

  color: #62a400;

}

.module._menu .modcontent ul.menu > li.parent ul li.active a {

  color: #62a400;

}

.module._menu .modcontent ul.menu > li.parent ul li a {

  color: #666;

  display: block;

}

.module._menu .modcontent ul.menu > li.parent ul li a:hover {

  color: #62a400;

}

.module._menu .modcontent ul.menu > li.parent:hover ul {

  display: block;

  top: 100%;

  border-top: 1px;

}

.module._menu .modcontent ul.menu > li.parent:hover ul ul {

  position: static;

  box-shadow: none;

  font-size: 100%;

}

.module._menu .modcontent ul.menu > li:last-child {

  border: none;

}

.module._menu .col2 li {

  margin: 5px;

  padding: 0 10px;

  display: inline-block;

  background: #f4f4f4;

  border: none !important;

  -webkit-transition: 0.3s all ease 0s;

  -moz-transition: 0.3s all ease 0s;

  -o-transition: 0.3s all ease 0s;

  transition: 0.3s all ease 0s;

}

table.variations {

  width: 100%;

  clear: both;

  margin: 1em 0 2em;

  border: 1px solid #ddd;

  font-size: 91%;

}

table.variations tr.odd {

  background: none;

  border: none;

}

table.variations tr.odd td {

  text-shadow: 0 1px 1px rgba(255,255,255,0.6);

}

table.variations tr td {

  border: 1px solid #ccc;

  padding: 5px 10px;

  color: #666;

}

table.variations tr td.bold {

  font-weight: bold;

  background: #e5e5e5;

}

.mod-languages {

  position: relative;

  background: #1c1e24;

}

.mod-languages:hover {

  background: #62a400;

}

.mod-languages.open {

  background: #62a400 !important;

}

.mod-languages a.dropdown-toggle {

  padding: 16px;

  color: #fff;

  display: block;

}

.mod-languages a.dropdown-toggle img {

  margin-right: 5px;

}

.mod-languages a.dropdown-toggle:hover {

  background: #62a400;

}

.mod-languages a.dropdown-toggle.open {

  background: #62a400 !important;

}

.mod-languages ul.dropdown-menu {

  background: #62a400;

  border-radius: 0px;

  border: none;

  padding: 3px 0;

  box-shadow: none;

  min-width: 180px;

}

.mod-languages ul.dropdown-menu li {

  margin: 0px;

  text-align: left;

}

.mod-languages ul.dropdown-menu li a {

  padding: 7px 17px;

  color: #fff;

  background: transparent;

}

.mod-languages ul.dropdown-menu li a img {

  margin-right: 9px;

  float: left;

  margin-top: 4px;

}

.mod-languages ul.dropdown-menu li a:hover {

  background: #447100;

  box-shadow: 0 6px 12px rgba(0,0,0,0.176);

}

#mod-finder-searchform {

  margin: 47px 20px 0 0;

  position: relative;

}

#mod-finder-searchform input.inputbox {

  width: 200px;

  height: 34px;

  padding: 4px 30px 4px 10px;

  color: #999;

  background: #fff;

  float: right;

  font-size: 91%;

  border: 1px solid #e3e3e3;

}

#mod-finder-searchform input.inputbox:focus + .button i {

  color: #62a400;

}

#mod-finder-searchform .button {

  color: #999;

  background: transparent;

  border: none;

  padding: 0;

  position: absolute;

  top: 6px;

  right: 10px;

  z-index: 10;

  -webkit-border-radius: 0px;

  -moz-border-radius: 0px;

  border-radius: 0px;

  -webkit-box-shadow: none;

  -moz-box-shadow: none;

  box-shadow: none;

}

#mod-finder-searchform i {

  margin: 0;

  font-size: 14px;

}

.form-inline {

  margin: 8px 8px 2px;

}

.form-inline [class^="icon-"],

.form-inline [class*=" icon-"] {

  margin: 0;

}

.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 {

  display: inline-block;

  color: #fff;

  line-height: 14px;

  width: 14px;

  height: 14px;

  background: #62a400;

  display: inline-block;

  text-align: center;

  margin-right: 6px;

}

.form-inline .icon-add:before {

  content: "+";

}

.form-inline ul.unstyled {

  margin: 0;

}

.form-inline .filters .button {

  padding: 4px 20px;

}

.form-vertical {

  overflow: hidden;

  padding: 12px 5px;

}

.form-vertical .login-greeting {

  float: left;

  color: #fff;

  margin: 4px 5px 0px 0px;

}

.form-vertical .logout-button {

  float: left;

}

.form-vertical .logout-button .btn {

  float: left;

  padding: 5px 4px 5px 11px;

  border-radius: 3px;

}

a.readmore {

  text-transform: uppercase;

  padding: 10px 20px 10px 0px;

  float: left;

  color: #999;

  transition: 0.3s all ease 0s;

  display: block;

  position: relative;

  z-index: 1;

}

a.readmore:after {

  position: absolute;

  top: 0px;

  left: 0px;

  height: 100%;

  width: 0px;

  transition: 0.3s all ease 0s;

  background: #62a400;

  content: "";

  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: #62a400;

  padding: 15px;

  color: #fff;

}

.whoonline .round-online {

  width: 60px;

  height: 60px;

  -webkit-border-radius: 50%;

  -moz-border-radius: 50%;

  border-radius: 50%;

  background: url("../images/styling/green/icon_user.png") no-repeat center center #fff;

  margin-right: 15px;

  float: left;

}

.whoonline .round-online i {

  font-size: 30px;

  color: #62a400;

  display: table;

  margin: 14px auto;

  display: none;

}

.mega-module ul.menu li {

  position: relative;

  padding: 1px 0 1px 0;

}

.mega-module ul.menu li a {

  display: block;

  padding: 6px 10px;

  color: #fff;

  font-size: 100%;

  text-transform: none;

  line-height: 20px;

}

.mega-module ul.menu li:hover a,

.mega-module ul.menu li.active a {

  background-color: #447100;

}

.wellcomesj {

  margin: 5em 0 5em;

  text-align: center;

}

.wellcomesj h1 {

  font-size: 36px;

  font-weight: normal;

  text-transform: uppercase;

  color: #444;

}

.wellcomesj h1 strong {

  color: #62a400;

  font-weight: 700;

}

.wellcomesj h2 {

  font-size: 18px;

  color: #666;

  margin: 0px;

}

.wellcomesj a.button {

  font-size: 100%;

  margin: 0px 3px;

  color: #fff;

  padding: 12px 20px;

  border: none;

  transition: 0.3s all ease 0s;

  width: 180px;

}

.wellcomesj a.button.ourtemplates {

  background: url(../images/icon/icon_eye.png) no-repeat 20px center #23262d;

  padding-left: 60px;

}

.wellcomesj a.button.ourtemplates:hover {

  background-color: #393e4a;

}

.wellcomesj a.button.download {

  background: url(../images/icon/icon_download.png) no-repeat 30px center #62a400;

  padding-left: 50px;

}

.wellcomesj a.button.download:hover {

  background-color: #80d700;

}

div.yt-socialbt {

  margin-top: 8px;

}

div.yt-socialbt a.min {

  color: #999;

}

div.yt-socialbt a.min:hover {

  color: #62a400;

}

div.yt-socialbt a.min i {

  font-size: 18px;

}

#contact ul li i {

  color: #999;

  margin-right: 9px;

}

#contact ul li a {

  color: #62a400;

}

#contact ul li a:hover {

  color: #80d700;

}

.yt-loginform {

  position: relative;

  z-index: 1;

  border-right: 1px solid #34353a;

}

.yt-loginform:hover .dropdown-toggle {

  background: #62a400;

}

.yt-loginform .dropdown-toggle {

  padding: 0px 16px;

  display: block;

  color: #fff;

  line-height: 54px;

  background: #1C1E24;

}

.yt-loginform .dropdown-toggle .fa {

  margin-left: 5px;

}

.yt-loginform .dropdown-menu {

  min-width: 250px;

  margin: 0;

  border: none;

  box-shadow: none;

  background-color: #62a400;

  background-color: rgba(98,163,0,0.9);

  zoom: 1;

  background-color: transparent \9;

  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#e561a300, endColorstr=#e561a300)";

  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#e561a300, endColorstr=#e561a300);

  padding: 20px;

  border-radius: 0px;

}

.yt-loginform .dropdown-menu .input-small {

  border: none;

  width: 100%;

  height: 30px;

}

.yt-loginform .dropdown-menu .button {

  background: #23262D;

  padding: 10px 35px;

  margin-bottom: 10px;

  transition: 0.3s all ease 0s;

  width: 100%;

}

.yt-loginform .dropdown-menu .button:hover {

  background: #000;

}

.yt-loginform .dropdown-menu ul.unstyled {

  list-style: none;

  padding: 0px;

  margin: 0px;

}

.yt-loginform .dropdown-menu ul.unstyled li a {

  color: #ddd;

  font-size: 12px;

  transition: 0.3s all ease 0s;

}

.yt-loginform .dropdown-menu ul.unstyled li a:hover {

  color: #fff;

}

div.moduletabs.top-position div.tabs-container {

  margin: 0px;

  height: 48px !important;

}

div.moduletabs.top-position div.tabs-container ul.tabs li {

  border-right: solid 1px #e3e3e3;

}

div.moduletabs.top-position div.tabs-container ul.tabs li div.tab {

  padding: 15px 0px;

  font-size: 16px;

  color: #444;

  text-transform: uppercase;

  border: none;

  position: relative;

}

div.moduletabs.top-position div.tabs-container ul.tabs li div.tab:after {

  position: absolute;

  width: 100%;

  height: 4px;

  background: #62a400;

  left: 0px;

  bottom: 0px;

  content: "";

  display: none;

}

div.moduletabs.top-position div.tabs-container ul.tabs li div.tab.selected {

  color: #62a400;

  color: #62a400;

}

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 {

  color: #62a400;

  background: #fff;

}

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: none;

}

div.moduletabs.top-position div.tabs-content-wrap .bsn-wrap .item {

  border: none;

  padding: 13px 19px;

}

div.moduletabs.top-position div.tabs-content-wrap .bsn-wrap .item:hover {

  background: #fff;

}

div.moduletabs.top-position div.tabs-content-wrap .bsn-wrap .item .bsn-image {

  margin-right: 18px;

  margin-bottom: 10px;

}

div.moduletabs.top-position div.tabs-content-wrap .bsn-wrap .item h2.basicnews-title a {

  font-size: 14px;

  color: #666;

  transition: 0.3s all ease 0s;

}

div.moduletabs.top-position div.tabs-content-wrap .bsn-wrap .item .basicnews-info .basic-date {

  float: left;

  color: #999;

  font-size: 14px;

  margin: 0px 20px 0px 0px;

  padding-left: 21px;

  background: url(../images/icon/icon_date2.png) no-repeat left center;

}

div.moduletabs.top-position div.tabs-content-wrap .bsn-wrap .item .basicnews-info .cattitle {

  float: left;

  color: #999;

  font-size: 14px;

  background: url(../images/icon/icon_hits2.png) no-repeat left center;

  padding-left: 27px;

}

div.moduletabs.top-position div.tabs-content-wrap .bsn-wrap .item:hover h2.basicnews-title a {

  color: #62a400;

}

div.sj-accordion {

  border: none;

}

div.sj-accordion .acd-items .acd-item .acd-header {

  margin: 0px;

  border: none;

  font-size: 14px;

  color: #f5f6f6;

  text-transform: uppercase;

  background: url(../images/icon/icon_cong.png) no-repeat 20px center #23262d;

  padding: 12px 10px 12px 50px;

  transition: 0.3s all 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 {

  position: absolute;

  bottom: 0px;

  padding: 17px 20px;

  height: auto;

  background: rgba(0,0,0,0.5);

  margin: 0px;

}

div.sj-accordion .acd-items .acd-item .acd-content-wrap .acd-content-wrap-inner .acd-content .acd-description {

  color: #fff;

}

div.sj-accordion .acd-items .acd-item .acd-content-wrap .acd-content-wrap-inner .acd-content ul.acd-info {

  list-style: none;

  padding: 10px 0px 0px;

  margin: 0px;

}

div.sj-accordion .acd-items .acd-item .acd-content-wrap .acd-content-wrap-inner .acd-content ul.acd-info li {

  color: #fff;

  color: #fff;

  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: url(../images/icon/icon_date.png) no-repeat 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: url(../images/icon/icon_hits.png) no-repeat left center;

  padding-left: 27px;

}

div.sj-accordion .acd-items .acd-item.selected .acd-header {

  background: url(../images/icon/icon_tru.png) no-repeat 20px center #62a400;

}

div.sj-accordion .acd-items .acd-item .acd-image {

  position: relative;

}

div.sj-accordion .acd-items .acd-item .acd-image a.hover-link {

  height: 25px;

  width: 25px;

  background: url(../images/icon/icon_cong2.png) no-repeat 0px 0px;

  transition: 0.7s all ease 0s;

  position: absolute;

  left: 47%;

  top: -50%;

  opacity: 0;

}

div.sj-accordion .acd-items .acd-item:hover .acd-image  a.hover-link {

  top: 20%;

  opacity: 1;

  transform: rotate(360deg);

}

.module.slider {

  background: #fff;

  border: 1px solid #ccc;

  margin: 0;

}

.module.slider .modcontent {

  padding: 10px;

}

.module.slider .modcontent .carousel .carousel-inner .item .carousel-caption {

  padding: 20px;

  text-align: left;

  z-index: 9;

  position: absolute;

  bottom: 0px;

  left: 0px;

  background: rgba(0,0,0,0.6);

  text-shadow: none;

}

.module.slider .modcontent .carousel .carousel-inner .item .carousel-caption h4 {

  margin-bottom: 15px;

  padding-right: 160px;

  font-size: 150%;

  margin-bottom: 12px;

  font-weight: normal;

  font-size: 30px;

}

.module.slider .modcontent .carousel .carousel-inner .item .carousel-caption h4 a {

  color: #fff;

}

.module.slider .modcontent .carousel .carousel-inner .item .carousel-caption h4 a:hover {

  color: #62a400;

}

.module.slider .modcontent .carousel .carousel-inner .item .carousel-caption p {

  color: #fff;

  padding-right: 160px;

}

.module.slider .modcontent .carousel .carousel-inner .item .carousel-caption .item-date {

  position: absolute;

  top: 41%;

  right: 70px;

  background: url(../images/icon/icon_date.png) no-repeat left center;

  padding-left: 23px;

}

.module.slider .modcontent .carousel .carousel-inner .item .carousel-caption .item-hits {

  right: 20px;

  top: 41%;

  position: absolute;

  background: url(../images/icon/icon_hits.png) no-repeat left center;

  padding-left: 27px;

}

.module.slider .modcontent .carousel .carousel-indicators {

  width: auto;

  left: auto;

  height: 10px;

  margin: 0px;

  top: 15px;

  right: 15px;

  z-index: 1;

}

.module.slider .modcontent .carousel .carousel-indicators li {

  margin: 0px 0px 0px 5px;

  -webkit-transform: skew(-30deg,0);

  -moz-transform: skew(-30deg,0);

  -ms-transform: skewX(-30deg) skewY(0);

  -o-transform: skew(-30deg,0);

  transform: skew(-30deg,0);

  -webkit-backface-visibility: hidden;

  border: solid 1px #ccc;

  background: #fff;

  width: 30px;

  height: 8px;

  border-radius: 0px;

}

.module.slider .modcontent .carousel .carousel-indicators li.active {

  background: #62a400;

  border-color: #ccc;

}

.module.slider .modcontent .carousel .carousel-control {

  width: 30px;

  height: 30px;

  border: solid 2px #0b0b0b;

  opacity: 0.5;

  transition: 0.3s all ease 0s;

}

.module.slider .modcontent .carousel .carousel-control:hover {

  opacity: 1;

}

.module.slider .modcontent .carousel .carousel-control.left {

  background: url(../images/icon/arrow_left.png) no-repeat center center;

  top: 50%;

  margin-top: -15px;

}

.module.slider .modcontent .carousel .carousel-control.left:hover {

  background-image: url("../images/styling/green/arrow_left-hover.png");

  border-color: #62a400;

}

.module.slider .modcontent .carousel .carousel-control.right {

  background: url(../images/icon/arrow_right.png) no-repeat center center;

  top: 50%;

  margin-top: -15px;

}

.module.slider .modcontent .carousel .carousel-control.right:hover {

  background-image: url("../images/styling/green/arrow_right-hover.png");

  border-color: #62a400;

}

div.bsn-wrap .item {

  padding: 15px 0px;

}

div.bsn-wrap .item .bsn-image {

  margin-bottom: 15px;

}

div.bsn-wrap .item .bsn-image img {

  transition: 0.3s all ease 0s;

}

div.bsn-wrap .item .bsn-image:hover img {

  transform: scale(1.15);

  -webkit-transform: scale(1.15);

}

div.bsn-wrap .item h2 {

  font-size: 18px;

  margin-bottom: 10px;

}

div.bsn-wrap .item h2 a {

  color: #666;

  font-size: 18px;

}

div.bsn-wrap .item p {

  margin: 0px;

}

div.bsn-wrap .item span.basic-date {

  display: inline-block;

  color: #999;

  margin: 0px 10px 0px 0px;

  font-size: 100%;

  background: url(../images/icon/icon_date2.png) no-repeat left center;

  padding-left: 21px;

}

div.bsn-wrap .item span.basic-hits {

  display: inline-block;

  color: #999;

  margin: 0px;

  font-size: 100%;

  background: url(../images/icon/icon_hits2.png) no-repeat left center;

  padding-left: 27px;

}

div.bsn-wrap .item .fa {

  color: #999;

}

div.bsn-wrap .item:hover h2 a {

  color: #62a400;

}

div.bsn-wrap.theme2 .item {

  padding: 0px 15px;

  border: none;

}

div.bsn-wrap.theme2 .item .bsn-image {

  margin: 0px;

}

div.bsn-wrap.theme2 .item .bsn-image img {

  transition: 0.3s all ease 0s;

}

div.bsn-wrap.theme2 .item .bsn-image a.hover-link {

  height: 25px;

  width: 25px;

  background: url(../images/icon/icon_cong2.png) no-repeat 0px 0px;

  transition: 0.7s all ease 0s;

  position: absolute;

  left: 47%;

  top: -50%;

  opacity: 0;

}

div.bsn-wrap.theme2 .item .bsn-image:hover img {

  transform: scale(1.15);

  -webkit-transform: scale(1.15);

}

div.bsn-wrap.theme2 .item .item-info {

  padding: 20px 20px 15px;

  background: #23262d;

  text-align: center;

}

div.bsn-wrap.theme2 .item .item-info h2.basicnews-title {

  color: #999;

  text-transform: uppercase;

  font-size: 18px;

  margin-bottom: 10px;

}

div.bsn-wrap.theme2 .item .item-info h2.basicnews-title a {

  color: #999;

}

div.bsn-wrap.theme2 .item .item-info .seperator {

  height: 2px;

  width: 100px;

  background: rgba(255,255,255,0.5);

  margin-bottom: 10px;

  display: inline-block;

  transition: 0.3s all ease 0s;

}

div.bsn-wrap.theme2 .item .item-info .basicnews-desc {

  color: #999;

  line-height: 1.7em;

  float: left;

  width: 100%;

  text-align: left;

}

div.bsn-wrap.theme2 .item .basicnews-info {

  background: #393c42;

  padding: 17px 20px;

  overflow: hidden;

  transition: 0.3s all ease 0s;

}

div.bsn-wrap.theme2 .item .basicnews-info a.more {

  color: #999;

  text-transform: uppercase;

  float: left;

}

div.bsn-wrap.theme2 .item .basicnews-info .cattitle {

  float: right;

  color: #999;

  background: url(../images/icon/icon_hits2.png) no-repeat left center;

  padding-left: 27px;

}

div.bsn-wrap.theme2 .item:hover h2.basicnews-title a {

  color: #fff;

}

div.bsn-wrap.theme2 .item:hover .seperator {

  width: 100%;

  background: #fff;

}

div.bsn-wrap.theme2 .item:hover .basicnews-info {

  background: #62a400;

}

div.bsn-wrap.theme2 .item:hover .basicnews-info a.more {

  color: #fff;

}

div.bsn-wrap.theme2 .item:hover .basicnews-info .cattitle {

  color: #fff;

  background-image: url(../images/icon/icon_hits.png);

}

div.bsn-wrap.theme2 .item:hover .basicnews-desc {

  color: #fff;

}

div.bsn-wrap.theme2 .item:hover .bsn-image  a.hover-link {

  top: 40%;

  opacity: 1;

  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;

  padding: 20px;

  color: #999;

  display: block;

  transition: 0.3s all ease 0s;

}

div.bsn-wrap.theme3 .item .basicnews-info {

  background: #23262d;

  padding: 5px 20px 20px;

  overflow: hidden;

}

div.bsn-wrap.theme3 .item .basicnews-info span.basic-date {

  float: left;

  margin-right: 20px;

  transition: 0.3s all ease;

}

div.bsn-wrap.theme3 .item .basicnews-info .cattitle {

  color: #999;

  padding-left: 27px;

  background: url(../images/icon/icon_hits2.png) no-repeat left center;

  float: left;

  transition: 0.3s all ease;

}

div.bsn-wrap.theme3 .item:hover h2.basicnews-title a {

  color: #fff;

}

div.bsn-wrap.theme3 .item:hover .basicnews-desc {

  color: #fff;

}

div.bsn-wrap.theme3 .item:hover .basicnews-info span.basic-date {

  color: #fff;

  background-image: url(../images/icon/icon_date.png);

}

div.bsn-wrap.theme3 .item:hover .basicnews-info .cattitle {

  color: #fff;

  background-image: url(../images/icon/icon_hits.png);

}

.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-left: 0 !important;

  margin-right: 0 !important;

  margin-top: 0 !important;

  margin-bottom: 0 !important;

}

.nopaddingall {

  padding-left: 0 !important;

  padding-right: 0 !important;

  padding-top: 0 !important;

  padding-bottom: 0 !important;

}

.nomargintop {

  margin-top: 0 !important;

}

.poscenter {

  display: table;

  margin: 0 auto;

}

.nomarginbottom {

  margin-bottom: 0 !important;

}

.nomarginleft {

  margin-left: 0 !important;

}

.nomarginright {

  margin-right: 0 !important;

}

.nopaddingtop {

  padding-top: 0 !important;

}

.nopaddingbottom {

  padding-bottom: 0 !important;

}

.nopaddingleft {

  padding-left: 0 !important;

}

.nopaddingright {

  padding-right: 0 !important;

}

.thumbnail.pull-left {

  margin: 0 10px 10px 0;

}

.thumbnail.pull-right {

  margin: 0 0 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 {

  width: 100%;

  border-collapse: collapse;

  border-spacing: 0;

  display: block;

}

#flip-scroll th,

#flip-scroll td {

  margin: 0;

  vertical-align: top;

}

#flip-scroll thead {

  display: block;

  float: left;

}

#flip-scroll tbody {

  display: block;

  width: auto;

  position: relative;

  overflow-x: auto;

  white-space: nowrap;

}

#flip-scroll tbody tr {

  display: inline-block;

  vertical-align: top;

  border-right: 1px solid #ccc;

  margin-left: -4px;

}

#flip-scroll th:last-child,

#flip-scroll td:last-child {

  border-bottom: 1px solid #babcbf;

}

#flip-scroll th {

  background: #666666;

  border-radius: 0;

  color: #fff;

  display: block;

  text-align: right;

  border-bottom: 0;

  font-size: 13px;

  border-left: 0;

  padding: 7px 10px 5px;

  min-height: 27px;

}

#flip-scroll td {

  display: block;

  padding: 7px 10px 5px;

  min-height: 26px;

  text-align: left;

  border-left: 0;

  border-right: 0;

  border-bottom: 0;

}

#flip-scroll .bs-docs-example th {

  min-height: 30px;

}

h1,

h2,

h3,

h4,

h5,

h6 {

  margin: 0 0 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%;

}

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: #D14;

}

.kwd,

.prettyprint .tag {

  color: #1e347b;

}

.typ,

.atn,

.dec,

.var {

  color: teal;

}

.pln {

  color: #48484c;

}

.clear {

  clear: both;

}

.prettyprint {

  padding: 8px;

  background-color: #f7f7f9;

  border: 1px solid #e1e1e8;

}

.prettyprint.linenums {

  box-shadow: inset 40px 0 0 #fbfbfc, inset 41px 0 0 #ececf0;

}

div.yt-typography div.page-header > h1 {

  color: #666;

  font-weight: bold;

  margin: 0 0 15px;

  line-height: 30px;

  font-size: 240%;

  text-transform: none;

  padding-bottom: 10px;

  border-bottom: 1px solid #ddd;

}

ol.linenums {

  margin: 0 0 0 33px;

}

ol.linenums li {

  padding-left: 12px;

  color: #bebec5;

  line-height: 20px;

  text-shadow: 0 1px 0 #fff;

  padding: 3px 0 3px 10px;

}

ol.linenums li:nth-last-child(odd) {

  background: #FCFCFC;

  -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.05) inset, 0 1px 0 rgba(0, 0, 0, 0.05);

  -moz-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.05) inset, 0 1px 0 rgba(0, 0, 0, 0.05);

  box-shadow: 0 1px 0 rgba(0, 0, 0, 0.05) inset, 0 1px 0 rgba(0, 0, 0, 0.05);

}

.bs-docs-example {

  position: relative;

  margin: 15px 0;

  padding: 39px 19px 14px;

  overflow: hidden;

  background-color: #fff;

  border: 1px solid #ddd;

  -webkit-border-radius: 4px;

  -moz-border-radius: 4px;

  border-radius: 4px;

}

.bs-docs-example h2.page-header {

  font-size: 180%;

  font-weight: bold;

  border-bottom: 1px solid #ddd;

  margin: 1.5em 0 1em;

  padding-bottom: 15px;

}

.bs-docs-example:after {

  content: "Example";

  position: absolute;

  top: -1px;

  left: -1px;

  padding: 3px 7px;

  font-size: 12px;

  font-weight: bold;

  background-color: #f5f5f5;

  border: 1px solid #ddd;

  color: #333333;

  -webkit-border-radius: 4px 0 4px 0;

  -moz-border-radius: 4px 0 4px 0;

  border-radius: 4px 0 4px 0;

}

.bs-docs-example + .prettyprint {

  margin-top: -20px;

  padding: 4px 0 0 8px;

  margin-bottom: 15px;

  overflow: hidden;

}

.example-sites {

  margin-left: 20px;

}

.example-sites img {

  max-width: 100%;

  margin: 0 auto;

}

.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: #fff;

}

.text-success {

  color: #468847;

}

.text-warning {

  color: #C09853;

}

.text-error {

  color: #B94A48;

}

.text-info {

  color: #3A87AD;

}

.text-success {

  color: #468847;

}

#yt_mainmenu .fancy {

  background: #62a400;

  position: absolute;

  padding: 0;

  margin: 0;

}

#yt_mainmenu #moonavigator {

  margin: 0;

  padding: 0;

  list-style: none;

  position: relative;

  z-index: 1;

  list-style: none;

}

#yt_mainmenu #moonavigator li.level1 {

  float: left;

  position: relative;

  padding: 0;

  margin: 0;

  z-index: 1;

  list-style: none;

  border-left: 1px solid #393C43;

}

#yt_mainmenu #moonavigator li.level1 > .item-link {

  margin: 0;

  line-height: 30px;

  padding: 12px 30px;

  color: #fff;

  font-size: 118%;

  display: block;

}

#yt_mainmenu #moonavigator li.level1.havechild:after {

  content: "\f0d7";

  font-size: 12px;

  font-family: "FontAwesome";

  position: absolute;

  top: 28%;

  right: 15px;

  z-index: 5;

  color: #fff;

}

#yt_mainmenu #moonavigator li.level1 .showdesc .menu-title {

  line-height: 100%;

  padding-bottom: 3px;

  margin-top: -1px;

  display: block;

}

#yt_mainmenu #moonavigator li.level1 .showdesc .menu-desc {

  display: block;

  font-size: 11px;

  color: #ccc;

  line-height: 100%;

}

#yt_mainmenu #moonavigator li.level1.active {

  background: #62a400;

}

#yt_mainmenu #moonavigator li.level1.first {

  border: none;

}

#yt_mainmenu #moonavigator li.level1.last {

  border-right: 1px solid #393C43;

}

#yt_mainmenu #moonavigator ul.subnavi {

  left: 0;

  position: absolute;

  z-index: 3;

  padding: 0;

  list-style: none;

  width: 220px;

  visibility: hidden;

  background-color: #62a400;

  background-color: rgba(98,163,0,0.9);

  zoom: 1;

  background-color: transparent \9;

  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#e561a300, endColorstr=#e561a300)";

  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#e561a300, endColorstr=#e561a300);

  -webkit-transform: translate(0,20px);

  -moz-transform: translate(0,20px);

  -ms-transform: translate(0,20px);

  -o-transform: translate(0,20px);

  transform: translate(0,20px);

  -webkit-transition: transform 0.2s ease-in-out 0s;

  -moz-transition: transform 0.2s ease-in-out 0s;

  -o-transition: transform 0.2s ease-in-out 0s;

  transition: transform 0.2s ease-in-out 0s;

  opacity: 0;

  filter: alpha(opacity=0);

}

#yt_mainmenu #moonavigator ul.subnavi ul.subnavi {

  -webkit-transform: translate(20px,0);

  -moz-transform: translate(20px,0);

  -ms-transform: translate(20px,0);

  -o-transform: translate(20px,0);

  transform: translate(20px,0);

}

#yt_mainmenu #moonavigator ul.subnavi li {

  padding: 0 0 1px 0;

  position: relative;

}

#yt_mainmenu #moonavigator ul.subnavi li .item-link {

  display: block;

  margin: 0;

  padding: 6px 12px;

  color: #ddd;

  font-size: 100%;

  text-transform: none;

  line-height: 25px;

}

#yt_mainmenu #moonavigator ul.subnavi li .item-link.havechild:after {

  font-family: 'FontAwesome';

  content: "\f0da";

  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 {

  color: #fff;

  background: #447100;

}

#yt_mainmenu #moonavigator li.level1:hover ul.level2,

#yt_mainmenu #moonavigator li.level1.hover ul.level2 {

  visibility: visible;

  box-shadow: 1px 2px 2px rgba(0,0,0,0.4);

  -webkit-transform: translate(0,0);

  -moz-transform: translate(0,0);

  -ms-transform: translate(0,0);

  -o-transform: translate(0,0);

  transform: translate(0,0);

  opacity: 1;

  filter: alpha(opacity=100);

}

#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 {

  left: 100%;

  top: 0;

  visibility: visible;

  box-shadow: 2px 2px 1px rgba(0,0,0,0.2), 1px 1px 0 rgba(0,0,0,0.1) inset;

  -webkit-transform: translate(0,0);

  -moz-transform: translate(0,0);

  -ms-transform: translate(0,0);

  -o-transform: translate(0,0);

  transform: translate(0,0);

  opacity: 1;

  filter: alpha(opacity=100);

}

#yt_mainmenu #droplinenavigator {

  margin: 0;

  padding: 0;

  list-style: none;

  position: relative;

  z-index: 1;

  list-style: none;

}

#yt_mainmenu #droplinenavigator li.level1 {

  float: left;

  position: relative;

  padding: 0;

  margin: 0;

  z-index: 1;

  list-style: none;

  border-left: 1px solid #393C43;

}

#yt_mainmenu #droplinenavigator li.level1 > .item-link {

  margin: 0;

  line-height: 30px;

  padding: 12px 30px;

  color: #fff;

  font-size: 118%;

  display: block;

}

#yt_mainmenu #droplinenavigator li.level1.havechild:after {

  content: "\f0d7";

  font-size: 12px;

  font-family: "FontAwesome";

  position: absolute;

  top: 28%;

  right: 15px;

  z-index: 5;

  color: #fff;

}

#yt_mainmenu #droplinenavigator li.level1 .showdesc .menu-title {

  line-height: 100%;

  padding-bottom: 3px;

  margin-top: -1px;

  display: block;

}

#yt_mainmenu #droplinenavigator li.level1 .showdesc .menu-desc {

  display: block;

  font-size: 11px;

  color: #ccc;

  line-height: 100%;

}

#yt_mainmenu #droplinenavigator li.level1.active {

  background: #62a400;

}

#yt_mainmenu #droplinenavigator li.level1.first {

  border: none;

}

#yt_mainmenu #droplinenavigator li.level1.last {

  border-right: 1px solid #393C43;

}

#yt_mainmenu #droplinenavigator ul.subnavi {

  left: 0;

  position: absolute;

  z-index: 3;

  padding: 0;

  list-style: none;

  width: 220px;

  visibility: hidden;

  background-color: #62a400;

  background-color: rgba(98,163,0,0.9);

  zoom: 1;

  background-color: transparent \9;

  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#e561a300, endColorstr=#e561a300)";

  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#e561a300, endColorstr=#e561a300);

  -webkit-transform: translate(0,20px);

  -moz-transform: translate(0,20px);

  -ms-transform: translate(0,20px);

  -o-transform: translate(0,20px);

  transform: translate(0,20px);

  -webkit-transition: transform 0.2s ease-in-out 0s;

  -moz-transition: transform 0.2s ease-in-out 0s;

  -o-transition: transform 0.2s ease-in-out 0s;

  transition: transform 0.2s ease-in-out 0s;

  opacity: 0;

  filter: alpha(opacity=0);

}

#yt_mainmenu #droplinenavigator ul.subnavi ul.subnavi {

  -webkit-transform: translate(20px,0);

  -moz-transform: translate(20px,0);

  -ms-transform: translate(20px,0);

  -o-transform: translate(20px,0);

  transform: translate(20px,0);

}

#yt_mainmenu #droplinenavigator ul.subnavi li {

  padding: 0 0 1px 0;

  position: relative;

}

#yt_mainmenu #droplinenavigator ul.subnavi li .item-link {

  display: block;

  margin: 0;

  padding: 6px 12px;

  color: #ddd;

  font-size: 100%;

  text-transform: none;

  line-height: 25px;

}

#yt_mainmenu #droplinenavigator ul.subnavi li .item-link.havechild:after {

  font-family: 'FontAwesome';

  content: "\f0da";

  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 {

  color: #fff;

  background: #447100;

}

#yt_mainmenu #droplinenavigator li.level1:hover ul.level2,

#yt_mainmenu #droplinenavigator li.level1.hover ul.level2 {

  visibility: visible;

  box-shadow: 1px 2px 2px rgba(0,0,0,0.4);

  -webkit-transform: translate(0,0);

  -moz-transform: translate(0,0);

  -ms-transform: translate(0,0);

  -o-transform: translate(0,0);

  transform: translate(0,0);

  opacity: 1;

  filter: alpha(opacity=100);

}

#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 {

  left: 100%;

  top: 0;

  visibility: visible;

  box-shadow: 2px 2px 1px rgba(0,0,0,0.2), 1px 1px 0 rgba(0,0,0,0.1) inset;

  -webkit-transform: translate(0,0);

  -moz-transform: translate(0,0);

  -ms-transform: translate(0,0);

  -o-transform: translate(0,0);

  transform: translate(0,0);

  opacity: 1;

  filter: alpha(opacity=100);

}

#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: 0;

  width: 100%;

  padding: 5px;

}

#yt_mainmenu #droplinenavigator ul.level2 li.level2 {

  float: left;

  border: none;

}

#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: 0;

  top: 100%;

}

#yt_mainmenu #meganavigator {

  list-style: none;

  padding: 0;

  margin: 0;

  position: relative;

  z-index: 1;

}

#yt_mainmenu #meganavigator li.level1 {

  float: left;

  position: relative;

  padding: 0;

  margin: 0;

  z-index: 1;

  list-style: none;

  border-left: 1px solid #393C43;

}

#yt_mainmenu #meganavigator li.level1 > .item-link {

  margin: 0;

  line-height: 30px;

  padding: 12px 30px;

  color: #fff;

  font-size: 118%;

  display: block;

}

#yt_mainmenu #meganavigator li.level1.havechild:after {

  content: "\f0d7";

  font-size: 12px;

  font-family: "FontAwesome";

  position: absolute;

  top: 28%;

  right: 15px;

  z-index: 5;

  color: #fff;

}

#yt_mainmenu #meganavigator li.level1 .showdesc .menu-title {

  line-height: 100%;

  padding-bottom: 3px;

  margin-top: -1px;

  display: block;

}

#yt_mainmenu #meganavigator li.level1 .showdesc .menu-desc {

  display: block;

  font-size: 11px;

  color: #ccc;

  line-height: 100%;

}

#yt_mainmenu #meganavigator li.level1.active {

  background: #62a400;

}

#yt_mainmenu #meganavigator li.level1.first {

  border: none;

}

#yt_mainmenu #meganavigator li.level1.last {

  border-right: 1px solid #393C43;

}

#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 {

  content: "\f0d7";

  font-size: 12px;

  font-family: "FontAwesome";

  position: absolute;

  top: 23%;

  right: 22px;

  z-index: 5;

  color: #fff;

}

#yt_mainmenu #meganavigator li.full_megachild .mega-content {

  left: 0 !important;

  width: 100%;

}

#yt_mainmenu #meganavigator li.full_megachild .mega-content-inner {

  width: 1170px !important;

  margin: 0 auto;

}

#yt_mainmenu #meganavigator .mega-content {

  position: absolute;

  left: -999em;

  z-index: 10;

  background-color: #62a400;

  background-color: rgba(98,163,0,0.9);

  zoom: 1;

  background-color: transparent \9;

  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#e561a300, endColorstr=#e561a300)";

  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#e561a300, endColorstr=#e561a300);

}

#yt_mainmenu #meganavigator .mega-content .mega-content {

  box-shadow: 2px 2px 1px rgba(0,0,0,0.2), 1px 1px 0 rgba(0,0,0,0.1) inset;

}

#yt_mainmenu #meganavigator .mega-content.megachild .mega-content-inner {

  padding: 10px 0;

  display: block;

}

#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: 0 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 {

  font-size: 150%;

  padding: 0 10px 10px;

  color: #fff;

  display: block;

}

#yt_mainmenu #meganavigator .mega-content .mega-col .mega-group div.mega-group-title .showdesc .menu-title {

  padding: 0 0 5px;

}

#yt_mainmenu #meganavigator .mega-content .mega-col .mega-module {

  color: #ddd;

}

#yt_mainmenu #meganavigator .mega-content .mega-col .mega-module .mega-module-title {

  margin: 0 10px;

}

#yt_mainmenu #meganavigator .mega-content ul.subnavi,

#yt_mainmenu #meganavigator .mega-content .menu {

  list-style: none;

  padding: 0;

}

#yt_mainmenu #meganavigator .mega-content ul.subnavi li,

#yt_mainmenu #meganavigator .mega-content .menu li {

  padding: 0 0 1px 0;

  position: relative;

}

#yt_mainmenu #meganavigator .mega-content ul.subnavi li .item-link,

#yt_mainmenu #meganavigator .mega-content .menu li .item-link {

  display: block;

  margin: 0;

  padding: 6px 12px;

  color: #ddd;

  font-size: 100%;

  text-transform: none;

  line-height: 25px;

}

#yt_mainmenu #meganavigator .mega-content ul.subnavi li .item-link.havechild:after,

#yt_mainmenu #meganavigator .mega-content .menu li .item-link.havechild:after {

  font-family: 'FontAwesome';

  content: "\f0da";

  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 {

  color: #fff;

  background: #447100;

}

#yt_mainmenu .yt-resmenu a {

  padding: 6px 15px;

  height: 54px;

  background: #62a400;

  line-height: 54px;

  display: inline-block;

}

#yt_mainmenu .yt-resmenu a .fa {

  margin: 0;

  font-size: 28px;

  color: #fff;

}

.mm-list > li:hover a,

.mm-list > li:hover span {

  background: #62a400;

  color: #fff;

}

.yt-off-resmenu {

  position: absolute;

  top: 0;

  z-index: 2;

  width: 300px;

  left: 0px;

  height: 100%;

  overflow: auto;

}

.yt-off-resmenu .top-resmenu {

  padding: 10px 25px;

  background: #62a400;

  font-size: 20px;

  color: #fff;

  margin: 0;

  font-weight: normal;

  cursor: pointer;

}

.yt-off-resmenu .top-resmenu .fa-bars {

  font-size: 28px;

}

.yt-off-resmenu .top-resmenu .fa-times {

  margin: 5px 0 0;

  color: #fff;

  font-size: 16px;

}

.yt-off-resmenu > ul.resmenu {

  margin: 1em 1.5em;

  font-size: 16px;

}

.yt-off-resmenu > ul.resmenu > li {

  padding-bottom: 15px;

}

.yt-off-resmenu > ul.resmenu a {

  color: #ddd;

  padding: 5px 0;

  display: block;

}

.yt-off-resmenu > ul.resmenu a:focus,

.yt-off-resmenu > ul.resmenu a:hover,

.yt-off-resmenu > ul.resmenu a.active {

  color: #62a400;

}

.yt-off-resmenu > ul.resmenu ul.nav {

  font-size: 14px;

  font-weight: normal;

}

.yt-off-resmenu > ul.resmenu ul.nav a {

  padding: 1px 0;

  background: transparent;

}

.rtl #yt_mainmenu #moonavigator ul.subnavi li .item-link.havechild:after {

  content: "\f0d9";

  right: auto;

  left: 10px;

}

.rtl #yt_mainmenu ul.navirtl li.level1 {

  float: right;

  margin: 0;

  border-right: 1px solid #393C43;

  border-left: none !important;

}

.rtl #yt_mainmenu ul.navirtl li.level1:hover ul.level2,

.rtl #yt_mainmenu ul.navirtl li.level1.hover ul.level2 {

  left: auto;

  right: 0;

}

.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 {

  right: auto;

  left: 10px;

  content: "\f0d9";

}

.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: 0;

}

.rtl #yt_mainmenu #meganavigator li.level1 {

  float: right;

}

.rtl #yt_mainmenu #meganavigator li.level1.havechild:after {

  right: 10px;

  left: auto;

}

.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: "\f0d9";

  right: auto;

  left: 10px;

}

.rtl #yt_mainmenu #meganavigator li.level1.havechild:after {

  right: auto;

  left: 15px;

}

.fontsize_l {

  font-size: 18px;

  font-weight: 400;

}

.g-underline {

  font-size: 180%;

  font-weight: 400;

}

ul.c-step {

  list-style: none;

  margin: 0 auto 4em auto;

  counter-reset: section;

  display: table;

  position: relative;

  z-index: 1;

  padding: 0;

}

ul.c-step:before {

  content: "";

  width: 100%;

  height: 10px;

  background: #DEDEDE;

  position: absolute;

  z-index: 2;

  left: 0;

  top: 50%;

  margin-top: -5px;

  -webkit-border-radius: 10px;

  -moz-border-radius: 10px;

  border-radius: 10px;

  -webkit-box-shadow: 1px 1px 1px rgba(0,0,0,0.1) inset;

  -moz-box-shadow: 1px 1px 1px rgba(0,0,0,0.1) inset;

  box-shadow: 1px 1px 1px rgba(0,0,0,0.1) inset;

}

ul.c-step li {

  list-style: none;

  margin: 0 50px;

  padding-top: 50px;

  line-height: 25px;

  display: inline-block;

  position: relative;

  z-index: 3;

  text-align: center;

}

ul.c-step li:before,

ul.c-step li.active:before {

  counter-increment: section;

  content: counter(section);

  width: 35px;

  height: 35px;

  line-height: 35px;

  font-size: 20px;

  font-weight: 800;

  text-align: center;

  display: inline-block;

  color: #fff;

  -webkit-border-radius: 35px;

  -moz-border-radius: 35px;

  border-radius: 35px;

  -webkit-box-shadow: 0 1px 1px 0px rgba(0, 0, 0, 0.3) inset, 0 0 0 4px #DEDEDE;

  -moz-box-shadow: 0 1px 1px 0px rgba(0, 0, 0, 0.3) inset, 0 0 0 4px #DEDEDE;

  box-shadow: 0 1px 1px 0px rgba(0, 0, 0, 0.3) inset, 0 0 0 4px #DEDEDE;

  background-color: #93afa9;

  background-image: -moz-linear-gradient(top,#AAC3BF,#719088);

  background-image: -webkit-gradient(linear,0 0,0 100%,from(#AAC3BF),to(#719088));

  background-image: -webkit-linear-gradient(top,#AAC3BF,#719088);

  background-image: -o-linear-gradient(top,#AAC3BF,#719088);

  background-image: linear-gradient(to bottom,#AAC3BF,#719088);

  background-repeat: repeat-x;

  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffaac3bf', endColorstr='#ff719088', GradientType=0);

}

ul.c-step li.active:before {

  background-color: #74c300;

  background-image: -moz-linear-gradient(top,#80d700,#62a400);

  background-image: -webkit-gradient(linear,0 0,0 100%,from(#80d700),to(#62a400));

  background-image: -webkit-linear-gradient(top,#80d700,#62a400);

  background-image: -o-linear-gradient(top,#80d700,#62a400);

  background-image: linear-gradient(to bottom,#80d700,#62a400);

  background-repeat: repeat-x;

  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff80d700', endColorstr='#ff62a400', GradientType=0);

}

ul.c-step li.active h3 {

  color: #62a400;

}

ul.c-step li h3 {

  margin: 10px 0 0;

  font-size: 16px;

}

ul.c-step li span {

  font-size: 13px;

}

.table-underline thead {

  border-bottom: 2px solid #404040;

  font-size: 14px;

  background-color: #e5e5e5;

  background-image: -moz-linear-gradient(top,#F5F5F5,#CCCCCC);

  background-image: -webkit-gradient(linear,0 0,0 100%,from(#F5F5F5),to(#CCCCCC));

  background-image: -webkit-linear-gradient(top,#F5F5F5,#CCCCCC);

  background-image: -o-linear-gradient(top,#F5F5F5,#CCCCCC);

  background-image: linear-gradient(to bottom,#F5F5F5,#CCCCCC);

  background-repeat: repeat-x;

  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff5f5f5', endColorstr='#ffcccccc', GradientType=0);

}

.table-underline tbody tr:hover {

  background: #FAFFED;

}

div.g-pageteam {

  line-height: 22px;

}

div.g-pageteam hr {

  height: 5px;

  background: #ccc;

}

div.g-pageteam .b-gettouch {

  background: #eee;

  border-bottom: 3px solid #ccc;

  padding: 20px;
  margin: 1em 0 4em;

  overflow: hidden;

  clear: both;

}

div.g-pageteam .b-gettouch .h-heading4 {

  font-size: 130%;

  font-weight: normal;

  line-height: 24px;

  margin: 0;

  font-family: "Georgia";

  font-style: italic;

}

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 {

  margin: 0 0 5px;

  font-size: 16px;

  line-height: 110%;

  font-weight: normal;

}

div.g-pageteam .b-ourteam [class*="col-sm"] .member {

  color: #999;

  margin-bottom: 5px;

  font-size: 12px;

}

div.g-pageteam .b-ourteam [class*="col-sm"] .b-social div.yt-socialbt {

  margin-right: 5px;

}

#g-pageservices .fa {

  background: #666;

  height: 64px;

  width: 64px;

  text-align: center;

  line-height: 62px;

  border: 3px solid #eee;

  -webkit-border-radius: 64px;

  -moz-border-radius: 64px;

  border-radius: 64px;

}

#g-pageservices article {

  overflow: hidden;

}

#g-pageservices article h3 {

  font-weight: normal;

}

#g-pageservices article a.detail:after {

  content: "\f105";

  font-family: FontAwesome;

  display: inline-block;

  color: #fff;

  background: #62a400;

  margin: -3px 3px 0;

  height: 14px;

  width: 14px;

  line-height: 14px;

  font-size: 12px;

  text-align: center;

  -webkit-border-radius: 14px;

  -moz-border-radius: 14px;

  border-radius: 14px;

}

#g-pageservices article a.detail:hover:after {

  color: #fff;

}

#g-pageservices h2 {

  font-size: 180%;

  margin-bottom: 1em;

}

#g-pageservices hr {

  height: 5px;

  background: #eee;

  border-top-color: #ddd;

  margin: 3em 0;

}

#g-pageservices .testimonial-avatar [class^="icon-"],

#g-pageservices .testimonial-avatar [class*=" icon-"] {

  border: none;

}

#g-pagecolumn hr {

  height: 5px;

  background: #eee;

  border-top-color: #ddd;

  margin: 4em 0;

  float: left;

  width: 100%;

}

#g-pageportfolio [class*="col-sm"] {

  position: relative;

  top: 0;

  background: #F9F9F9;

  -webkit-transition: all 0.2s ease 0s;

  -moz-transition: all 0.2s ease 0s;

  -o-transition: all 0.2s ease 0s;

  transition: all 0.2s ease 0s;

  border: 1px solid #ddd;

  -webkit-box-sizing: border-box;

  -moz-box-sizing: border-box;

  box-sizing: border-box;

  margin-right: -1px;

  padding: 0 5px;

  -webkit-box-shadow: 1px 1px 0  #FFFFFF inset,1px 0 0 #D8D8D8, 0 1px 0 #E5E5E5, 2px 1px 0 #D8D8D8, 1px 2px 0 #E5E5E5, 3px 2px 0 #D8D8D8, 2px 3px 0 #E5E5E5, 4px 3px 0 #D8D8D8, 4px 3px 0 #eee, 4px 3px 0 #E5E5E5, 4px 4px 0 #E5E5E5;

  -moz-box-shadow: 1px 1px 0  #FFFFFF inset,1px 0 0 #D8D8D8, 0 1px 0 #E5E5E5, 2px 1px 0 #D8D8D8, 1px 2px 0 #E5E5E5, 3px 2px 0 #D8D8D8, 2px 3px 0 #E5E5E5, 4px 3px 0 #D8D8D8, 4px 3px 0 #eee, 4px 3px 0 #E5E5E5, 4px 4px 0 #E5E5E5;

  box-shadow: 1px 1px 0  #FFFFFF inset,1px 0 0 #D8D8D8, 0 1px 0 #E5E5E5, 2px 1px 0 #D8D8D8, 1px 2px 0 #E5E5E5, 3px 2px 0 #D8D8D8, 2px 3px 0 #E5E5E5, 4px 3px 0 #D8D8D8, 4px 3px 0 #eee, 4px 3px 0 #E5E5E5, 4px 4px 0 #E5E5E5;

}

#g-pageportfolio [class*="col-sm"] .port-item-img {

  position: relative;

  display: block;

  padding: 10px 10px 0;

  overflow: hidden;

  border-right: none;

}

#g-pageportfolio [class*="col-sm"] .port-item-img .yt-lightbox {

  margin: 0;

  padding: 0;

  background: #000;

  border: none;

  position: relative;

}

#g-pageportfolio [class*="col-sm"] .port-item-img .yt-lightbox img {

  -webkit-transition: all 0.3s ease;

  -moz-transition: all 0.3s ease;

  -o-transition: all 0.3s ease;

  transition: all 0.3s ease;

}

#g-pageportfolio [class*="col-sm"] .port-item-img .icon-plus-sign {

  font-size: 4px;

  color: #eee;

  position: absolute;

  left: 50%;

  bottom: -100%;

  z-index: 10;

  margin: 0 0 -19px -22px;

  width: 40px;

  text-align: center;

  -webkit-transition: all 0.8s ease-in-out 0s;

  -moz-transition: all 0.8s ease-in-out 0s;

  -o-transition: all 0.8s ease-in-out 0s;

  transition: all 0.8s ease-in-out 0s;

  opacity: 0;

  filter: alpha(opacity=0);

}

#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;

  filter: alpha(opacity=70);

}

#g-pageportfolio [class*="col-sm"] .port-item-img:hover .icon-plus-sign {

  bottom: 50%;

  font-size: 45px;

  opacity: 1;

  filter: alpha(opacity=100);

}

#g-pageportfolio [class*="col-sm"] .port-item-content {

  padding: 10px;

}

#g-pageportfolio [class*="col-sm"] .port-item-content h4 {

  margin-bottom: 10px;

  font-size: 110%;

}

#g-pageportfolio [class*="col-sm"] .port-item-content p {

  margin-bottom: 5px;

}

#g-pageportfolio [class*="col-sm"] .port-item-content a.detail {

  font-size: 12px;

  display: inline-block;

  margin-top: 1em;

}

#g-pageportfolio [class*="col-sm"] .port-item-content a.detail:after {

  content: "\f105";

  font-family: FontAwesome;

  background: #62a400;

  margin: -3px 3px 0;

  height: 14px;

  width: 14px;

  line-height: 14px;

  font-size: 12px;

  text-align: center;

  -webkit-border-radius: 14px;

  -moz-border-radius: 14px;

  border-radius: 14px;

  color: #fff;

  display: inline-block;

}

#g-pageportfolio [class*="col-sm"] .port-item-content a.detail:hover:after {

  color: #fff;

}

#g-pageportfolio [class*="col-sm"]:hover {

  top: 4px;

  -webkit-box-shadow: none;

  -moz-box-shadow: none;

  box-shadow: none;

}

#g-pagewhatnew .yt-lightbox.image-none {

  padding: 3px;

  background: #fff;

  -webkit-box-shadow: 0 0 5px rgba(0,0,0,0.1);

  -moz-box-shadow: 0 0 5px rgba(0,0,0,0.1);

  box-shadow: 0 0 5px rgba(0,0,0,0.1);

  display: table;

  margin: 0 auto 10px;

}

#g-pagewhatnew h3.title {

  margin-bottom: 1em;

  border-bottom: 1px solid #eee;

  padding-bottom: 5px;

  font-size: 180%;

}

#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: "\f104";

}

.rtl ul.yt-accordion li.accordion-group h3.accordion-heading .fa-plus-circle {

  margin-right: 0px;

  margin-left: 5px;

}

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

  ul.c-step li {

    margin: 0 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: 0 0 15px;

  }

  div.g-pageteam div.b-ourteam [class*="span"] {

    margin-bottom: 30px !important;

  }

}