html {
  overflow-x: hidden;
}

.content-banner-top-text {
  color: #464646;
}

.themes-block-title {
  padding-bottom: 15px !important;
}

.yellow-triangle {
  border-bottom:86px solid #e35c2f;
}

.yellow-triangle-side {
  width: 0;
  height: 0;
  left: 0px;
  bottom: 0;
  z-index: 1;
  width: 0;
  height: 0;
  border-top: 25px solid #3aad42;
  border-left: 168px solid transparent;
}

.aside-banner h4,
.aside-banner h6,
.aside-banner p {
  text-align: center !important;
}

.dropdown-right-menu {
  left: -35px;
}

.cta-top-item {
  color: #f3f3f3;
  font-weight: bold;
  border: 1px solid #f3f3f3;
  padding: 16px 5px;
  text-align: center;
  text-decoration: none;
  text-transform: uppercase;
}

.cta-top-item:hover, .cta-top-item p:hover {
  color: #000000;
  background-color: #f3f3f3;
}


#header {
  padding: 0;
}

#header .first-row {
  margin-top: 15px;
  margin-bottom: 15px;
}

.dropdown-menu.mega-dropdown {
  margin: 0px;
  width: 100%;
  max-width: 100%;
}
.header-padding, #top-menu-collapse {
	padding-left: 15px;
	padding-right: 15px;
}
#single-header-2 .logo img {
    width: 40px !important;
    margin-bottom: 0px !important;
}
.padding-bottom-30 {
	padding-bottom: 30px;
}

#top-right-menu .nav.navbar-nav > li > a {
  color: #fff;
  font-weight: 600;
  padding: 10px 13px;
  font-size: 16px;
}
#top-right-menu .dropdown-menu > li > a {
  font-weight: 500;
}
#top-right-menu .nav.navbar-nav > li.active > a {
  color: #40ac48;
  background-color: transparent;
}
#top-right-menu .dropdown-menu > li.active > a {
  background: #40ac48;
  color: #fff
}
#top-right-menu .dropdown-menu > li.hover > a {
  background: #40ac48;
  color: #fff
}
#top-right-menu .nav.navbar-nav > li:hover > a {
  background: transparent;
  color: #40ac48;
}
#top-right-menu li:hover .dropdown-menu{
  display: block;
}
.form-wrapper-2 button:active,
.form-wrapper-2 button:focus,
.form-wrapper-2 button:hover {
  background: #40ac48;
  color: #fff;
  outline: none;
}

#top-right-menu li a span,
#top-menu-collapse .fa-caret-down {
  color: #40ac48;
}
#header.hanging-menu {
    position: fixed;
    width: 100%;
    z-index: 99999;
}
div#subscribe-hanging {
  width: 180px;
}
.form-wrapper-2 input {
  width: 140px
}
.logo a {
  font-size: 19px;
  font-weight: 600;
  color: #40ac48;
  display: block;
  margin-top: 0px;
}
.logo a span.logo-sub {
  font-size: 12px;
  margin-top: -5px;
  color: #d1d6d1;
  margin-bottom: -1px;
}
.logo a span {
  margin-top: 0px;
  font-size: 30.5px;
  margin-bottom: -10px
}
#top-right-menu {
  padding: 13px 0px 0 15px;
}

/* 8888 */
.top-menu{
  margin-top:0px;
}
.table-cell {
    display: table-cell;
}
.vertical-middle {
    vertical-align: middle;
}
img#web-logo {
    width: 60px;
    height: 60px;
    margin-right: 15px;
}
img {
    vertical-align: middle;
}
.eventnote {
    color: #FFFFFF;
    position: relative;
    padding-left: 20px;
    padding-top: 3px;
}
.eventnote a{
  color:#FFFFFF;
}
.eventnote h1 {
  font-size: 37px;
}
.eventnote,
.eventnote h1,
.eventnote  span{
  font-weight:600;
}
.eventnote::before {
    position: absolute;
    content: " ";
    width: 2px;
    height: 40px;
    left: 0px;
    top: 10px;
    background: #504f4f;
}
.single article.content h1, .single article.content h2, .single article.content h3, .single article.content h4, .single article.content h5, .single article.content h6 {
  line-height: 1.4;
}
.tags-title {
  margin-left: 5px;
  margin-bottom: 3px;
  color: #adadad;
  font-size: 14px;
  font-weight: bold;
  letter-spacing: 1px;
}
.author-single {
  width: 168px;
  float: left;
  margin-right: 27px;
}
div#now-playing {
  position: fixed;
  bottom: 0;
  background: #40ac48;
  padding: 5px 15px;
  color: rgb(255, 255, 255);
  line-height: 0;
}
.single .sumome-share-client-wrapper.sumome-share-client-wrapper-custom.sumome-share-client-float-left {
  float: none !important;
}

.inp-email-footer {
  height: 59px;
}

img.icon-cc {
    width: 42px;
    height: auto;
}
div#footer-cc > div:first-child {
  width: 58px;
}
footer#footer {
    padding-top: 50px !important;
}
footer#footer .bottom-menu li {
    display: block;
    padding-right: 20px;
    vertical-align: top;
    margin-right: 0px;
    border-left: 0px solid #333;
    padding-left: 0px;
}
.main-section {
  padding-bottom: 30px;
}

/* section navigation  */
.section-navigation {
  padding: 60px 0;
}

.navigation li a,
.navigation li a:hover,
.navigation li.active a,
.navigation li.disabled {
  color: #fff;
  text-decoration:none;
}

.navigation li {
  display: inline;
}

.navigation li a {
  color: #474747;
  border-radius: 3px;
  padding: 5px 10px 5px;
  font-weight: 500;
}

.navigation li a:hover,
.navigation li.active a,
.navigation li.disabled {
  border-radius: 3px;
  cursor: pointer;
  padding: 5px 10px 5px;
}

.navigation li a:hover {
  color: #4bb853;
}

.navigation li.active a {
  background-color: #4bb853;
}

.section-posts-author {
    padding: 20px 0 0 0;
    border-top: 1px solid #40ac48;
}

.section-posts-author .card-news {
  padding-bottom: 30px;
}

.navigation {
  display: block;
  margin: 20px 0px;
}

/* new feature promo event shortcode  .sevent_fullwidth{ width:auto;left:-100%;right:-100%;position:absolute;display:block; min-height:162px;padding:40px 0px; background-color:#f4f4f4;}
 */

.sevent_box {
    position: relative;
}

.sevent_fullwidth {
    /* add in section padding (1.5rem) */
    margin: 35px -601.5rem 30px -601.5rem;
    /* match section padding (1.5rem) */
    background-color: #f4f4f4;
    /* border solid, not RGBa (Safari bug) */
    /* 9600px or 10240px to avoid Chrome bug */
    /* or equivalent in ems or rems (9600/16) */
    border-left: 600rem solid #f4f4f4;
    border-right: 600rem solid #f4f4f4;
    min-height: 162px;
    padding: 40px 0px;
    padding: 25px 0px;
}

.sevent {
    width: 600px;
    margin: 0 auto;
}

.sevent_left {
    width: auto;
    display: inline-block;
    margin-right: 20px;
    float: left;
    text-align: left;
}

.sevent_right {
    width: 400px;
    float: left;
    padding: 20px 0px;
}

.sevent_left img {
    max-height: 125px;
}

.sevent_right_text {
  text-align: left;
}

.sevent_right_text_heading {
    font-size: 24px;
    font-weight: bold;
    font-family: 'PT Serif', serif;
    line-height: 30px;
}

.sevent_right_text_link a, .sevent_right_text_heading a {
    font-size: 14px;
    font-family: 'Roboto', arial;
    color: #f69230;
    font-weight: normal;
    display: block;
}

@media all and (max-width: 767px) {
    .sevent_fullwidth {
        margin: 0px;
        background-color: #f4f4f4;
        border-left: 0rem solid #f4f4f4;
        border-right: 0rem solid #f4f4f4;
        min-height: 162px;
        padding: 40px 0px;
        padding: 40px;
    }

    .sevent, .sevent_left, .sevent_right {
        width: 100%;
        padding-bottom: 0px;
    }

      #header .first-row {
    margin-bottom: 0;
  }

  .language-toggle {
    color: #ffffff !important;
    font-weight: bold;
    position: relative;
    float: right;
    padding: 9px 10px;
    margin-top: 8px;
    margin-right: 15px;
    margin-bottom: 8px;
    background-color: transparent;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 4px;
  }

  .dropdown-right-menu {
    left: -85px;
  }
}

@media screen and (max-width: 1200px) {
    .bg_sevent_box {
        display: none;
    }
}

/** commentlist style **/
.commentlist{
    padding-left:0px;
    margin-left:0px;
}
.commentlist li{
    list-style:none;
    position:relative;
}
.commentlist li::before{
    position: absolute;
    content: " ";
    left: 30px;
    top: 0;
    height: 100%;
    width: 1px;
    border-left: 1px dotted #dddddd;
    z-index: -1;
}
.commentlist li ul.children{
    padding-left:65px;
    background-color: #FFFDFD;
}

.avatar.avatar-60.photo {
    width: 32px;
    float: left;
}
.comment-name h4 {
    font-size: 16px;
    vertical-align: text-bottom;
}
.comment-time {
    margin-top: -15px;
}
.comment-author img{
    display:inline-block;
    border-radius:15px;
    margin-right:15px;
}
.comment-meta{
    padding-left:50px;
}
.comment-meta a{
    color: #c5c5c5;
    font-weight: 300;
    font-size: 12px;
}
.comment  {
    background-color:#f5f5f5;
    padding: 20px 15px;
    border-radius: 3px;
    margin-bottom: 30px;
}
.comment .depth-2 {
    background-color: #FFFDFD;
}
.comment-body {
    background: #f5f5f5;
    padding: 20px 15px;
    border-radius: 3px;
    margin-bottom: 30px;
}
.comment-body p{
    margin-left:50px;
}
.reply{
    text-align:right;
}
.reply a{
    background:#ddd;
    padding:5px 15px;
    border-radius:3px;
}
.reply a:hover{
    background-color:#333;
    color:#ddd;
}

#commentform{
    margin-bottom:60px;
}
sup a {
    color: #24A2B8;
}
#comment-nav{
    display:none
}
.respond-form{
    display:none
}

div#single-header-2 {
  height: 70vh!important; 
}

@media (min-width:992px) {
    .container {
        width: 970px
    }
}

@media (min-width:1200px) {
    .mega-dropdown .container {
        width: 985px;
    }

    .container {
        width: 1170px
    }

}


@media (min-width:1366px) {
    .mega-dropdown .container {
        width: 1150px;
    }

    .container {
        width: 1170px
    }
}

@media (min-width:1367px) {
    .mega-left-column {
      width: 26% !important;
    }

    .mega-right-column {
      width: 54% !important;
    }
}

@media (min-width:1600px) {
    .mega-dropdown .container {
        width: 1380px;
    }
}

@media (min-width:1920px) {
    .mega-dropdown .container {
        width: 1720px;
    }
}