/* ----------------------------------------------------------------
	Custom CSS

	Add all your Custom Styled CSS here for New Styles or
	Overwriting Default Theme Styles for Better Hanlding Updates
-----------------------------------------------------------------*/
body, small, #primary-menu ul ul li > a, .wp-caption, .feature-box.fbox-center.fbox-italic p, .skills li .progress-percent .counter, .nav-tree ul ul a{
	font-family: 'Mitr', sans-serif;
}
.button{
	font-family: 'Mitr', sans-serif;
}
.aligner {
    display: flex;
    align-items: center;
    /*justify-content: center;*/
}

.bgcolor_dark {
    background: #50a547 !important;
}

.section {
    background-color: #F0F0E0;
}

body,
.dropdown-menu {
    font-size: 16px;
}

.text-primary {
    color: #50a547 !important;
}

.text-light,
.text-light a {
    color: #9bca3e !important;
}

h1 {
    /*font-size: 36px !important;*/
    font-weight: 400 !important;
    color: #50a547;
}

h2 {
    /*font-size: 30px !important;*/
    font-weight: 400 !important;
    color: #50a547;
}

h3 {
    /*font-size: 24px !important;*/
    font-weight: 400 !important;
    color: #50a547;
}

h4 {
    /*font-size: 20px !important;*/
    font-weight: 400 !important;
    color: #50a547;
}

p {
    font-size: 16px !important;
}

p.lead {
	font-size: 22px !important;
}

/* Helper Class */

.font20 {
    font-size: 20px !important;
}

.circle {
    border-radius: 50% !important;
}

.shadow-bottom {
    -webkit-box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.4);
    -moz-box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.4);
    box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.4);
    z-index: 2;
}

/* End Helper Class */

/* Glowing Button */

@keyframes glowing {
	0% {
	  box-shadow: 0 0 5px #50a547;
	}
	50% {
	  box-shadow: 0 0 20px #50a547;
	}
	100% {
	  box-shadow: 0 0 5px #50a547;
	}
  }

/* End Glowing Button */
.button-glowing {
	animation: glowing 1300ms infinite;
}
.btn-success {
    background-color: #50a547;
    border-color: #50a547;
}

.btn-success:hover {
    background-color: #9bca3e;
    border-color: #9bca3e;
}

.button.button-border {
    border: 2px solid #50a547;
    background-color: transparent;
    color: #50a547;
    line-height: 36px;
    font-weight: 400;
    text-shadow: none;
}

.button.button-border:hover,
.button.button-border:not(.button-fill):hover {
    border: 2px solid #50a547;
    background-color: #50a547;
    color: #FFF;
    line-height: 36px;
    font-weight: 400;
    text-shadow: none;
}


.mega-menu-title .sf-with-ul div{
    color: #50a547;
}

/* Slide */


/*.top_slide_container{
    width: 100%;
    margin: 0 auto;
    padding-right: 0;
    padding-left: 0;
}
@media (min-width: 992px){
    .top_slide_container {
        max-width: 960px;
    }
}
@media (min-width: 1200px){
    .top_slide_container {
        max-width: 1140px;
    }
}*/

@media (max-width: 767.98px) and (min-width: 576px) {

    .swiper_wrapper:not(.force-full-screen),
    .swiper_wrapper:not(.force-full-screen):not(.canvas-slider-grid) .swiper-slide {
        height: 231px !important;
    }
}

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

    .swiper_wrapper:not(.full-screen):not(.canvas-slider-grid),
    .swiper_wrapper:not(.full-screen):not(.canvas-slider-grid) .swiper-slide {
        height: 321px !important;
    }

    .swiper_wrapper:not(.force-full-screen),
    .swiper_wrapper:not(.force-full-screen):not(.canvas-slider-grid) .swiper-slide {
        height: 321px !important;
    }
}

@media (min-width: 992px) {
    .swiper_wrapper {
        height: 415px !important;
    }
}

@media (min-width: 1200px) {
    .swiper_wrapper {
        height: 500px !important;
    }
}

.portfolio-nomargin .portfolio-desc {
    height: 70px;
    padding: 22px 20px 15px;
    bottom: 0;
    position: absolute;
    background: rgba(0, 0, 0, 0.5);
    color: #FFF;
    width: 100%;
}

.portfolio-nomargin .portfolio-desc a {
    color: #FFF;
}

.portfolio-desc h3,
.portfolio-desc span {
    text-align: left;
}

.portfolio-desc i {
    position: relative;
    float: right;
}

.product-title h3 a,
.single-product .product-title h2 a,
.portfolio-desc h3 a {
    color: #50a547;
}

.product-title h3 a:hover,
.single-product .product-title h2 a:hover,
.portfolio-desc h3 a:hover {
    color: #9bca3e;
}

/* NAV */

#header,
#header-wrap,
#header-wrap .standard-logo img,
#header-wrap .retina-logo img {
    height: 85px !important;
    margin-top: 0 !important;
}

@media (min-width: 991.98px) {

    #header,
    #header-wrap,
    #header-wrap .standard-logo img,
    #header-wrap .retina-logo img {
        height: 135px !important; 
    }
}

#header {
    border-bottom: 4px solid #50a547;
}

#primary-menu {
    position: relative;
    top: 40px;
    left: 15px;
}

@media (max-width: 991.98px) {
    #primary-menu {
        position: initial;
    }
}

#primary-menu ul li.mega-menu .mega-menu-content.style-2,
#primary-menu ul ul:not(.mega-menu-column),
#primary-menu ul li .mega-menu-content {
    top: 83px;
}

@media (max-width: 991.98px) {
    #primary-menu ul li.mega-menu .mega-menu-content.style-2,
    #primary-menu ul ul:not(.mega-menu-column),
    #primary-menu ul li .mega-menu-content {
        top: 0px;
    }
}

@media (max-width: 575.98px) {
    h1.topbar {
        font-size: 16px;
    }
}

@media (max-width: 991.98px) {
    h1.topbar {
        font-size: 22px;
    }
}

@media (min-width:1140px) {

    #primary-menu ul li.mega-menu .mega-menu-content,
    .floating-header.sticky-header #primary-menu ul li.mega-menu .mega-menu-content {
        width: 400px;
        left: 10%;
    }
}

@media (max-width: 991.98px) {
    .col_last {
        float: right;
    }
}

#primary-menu ul li > a {
    font-weight: normal;
    font-size: 18px;
    letter-spacing: 1px;
    text-transform: uppercase;
}

#primary-menu ul ul li > a,
#primary-menu ul li .mega-menu-content.style-2 ul.mega-menu-column > li.mega-menu-title > a {
    font-size: 16px;
    font-weight: normal;
}

@media (min-width:992px) and (max-width:1200px) {
    #primary-menu ul li > a {
        padding: 39px 8px;
        font-size: 16px;
    }
}

#primary-menu ul li .mega-menu-content ul.mega-menu-column:not(:first-child) {
    border-left: 0px solid #F2F2F2;
}

#primary-menu ul li .mega-menu-content ul.mega-menu-column:first-child {
    border-right: 1px solid #F2F2F2;
}

#top-social {
    margin: 34px 0 0 15px;
    transition: margin .4s ease, opacity .3s ease;
}

.social-icon{
	overflow: visible;
}

.social-icon.si-small {
    font-size: 28px !important;
}

.social-icon.si-small.si-fb:hover i:last-child {
    color: #5f83ce !important;
    font-size: 28px !important;
}

.social-icon.si-small.si-line:hover i:last-child {
    color: #00c300 !important;
    font-size: 28px !important;
}

#header.sticky-header:not(.static-sticky) #top-social {
    margin-top: 14px !important;
    margin-bottom: 14px !important;
}

#top-search,
#top-cart,
#side-panel-trigger,
#top-account {
    margin: 40px 0 40px 5px;
}

#page-title {
    padding: 80px;
}

@media (max-width: 767.98px) {
    #page-title {
        padding: 20px 0 25px;
        text-align: center;
    }
}

#page-title h1 {
    font-size: 40px;
}

#page-title h1 small {
    font-size: 24px;
    color: rgba(255, 255, 255, 0.75);
}

.breadcrumb {
    font-size: 16px;
}

@media (max-width: 991.98px) {
    #page-title .breadcrumb {
        position: relative !important;
        top: 0 !important;
        left: 0 !important;
        right: 0 !important;
        margin: 20px 0 0 !important;
        justify-content: center;
    }
}

.dark .slider-caption,
.dark .slider-caption h2 {
    color: #FFF;
}

.header-title {
    line-height: 1.6;
    padding: 30px 0;
}

#technic.portfolio .portfolio-item {
    width: 25%;
}

@media (max-width: 768px) {
    #technic.portfolio .portfolio-item,
    .portfolio .portfolio-item {
        width: 50%;
        padding: 0;
    }
}

.form-control {
    font-weight: 300;
    font-size: 16px;
}
.slider-caption h1{
    font-size: 108px;
    padding-bottom: 0px;
    margin-bottom: 10px;
    color: #FFF;
}
.slider-caption h3{
    font-size: 40px;
    padding-top: 0px;
    color: #FFF;
}
.dark .slider-caption{
    text-shadow: 2px 2px 2px rgba(0,0,0,0.3)
}
.heading-block h1,
.heading-block h2,
.heading-block h3,
.heading-block h4,
.emphasis-title h1,
.emphasis-title h2 {
    color: #50a547;
}

.heading-block:after {
    border-top: 2px solid #9bca3e;
}

.heading-block.text-white:after {
    border-top: 2px solid #FFF;
}

.button.button-border {
    font-weight: 400;
}

.button.button-border.button-white,
.button.button-border.button-white-dark {
    border: 2px solid #FFF;
    color: #FFF;
}

.button.button-border.button-white-footer {
    border: 2px solid #FFF;
    color: #FFF;
}

.footer-form-control {
    border: 2px solid #FFF;
}

.button.button-border.button-white:not(.button-fill):hover {
    background-color: #50a547;
}

.button.button-border.button-white-footer:not(.button-fill):hover {
    background-color: #9bca3e;
}

.fancy-title.title-bottom-border h1,
.fancy-title.title-bottom-border h2,
.fancy-title.title-bottom-border h3,
.fancy-title.title-bottom-border h4,
.fancy-title.title-bottom-border h5,
.fancy-title.title-bottom-border h6,
.more-link,
.tabs.tabs-bb ul.tab-nav li.ui-tabs-active a {
    border-bottom-color: #9bca3e;
}

.toppagebanner {
    position: relative;
    width: 100%;
    height: 250px;
    padding: 80px 30px;
    margin-bottom: 30px;
}

.toppagebanner:before {
    content: '';
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-image: linear-gradient(to bottom, #999, #333);
    opacity: .4;
}

.toppagebanner .fancy-title.title-bottom-border h1,
.toppagebanner .fancy-title.title-bottom-border h2,
.toppagebanner .fancy-title.title-bottom-border h3,
.toppagebanner .fancy-title.title-bottom-border h4,
.toppagebanner .fancy-title.title-bottom-border h5,
.toppagebanner .fancy-title.title-bottom-border h6 {
    color: #FFF;
    border-bottom-color: transparent;
}
.toppagebanner .fancy-title.title-bottom-border h1{
    font-size: 60px;
}

.bottomborderdash {
    /*border-bottom: 1px dashed #e5e5e5;*/
    padding-bottom: 30px;
    margin-bottom: 30px;
}

.mpost .entry-content {
    margin-top: 5px;
}

.swiper-container {
    width: 100%;
    height: 100%;
}

.swiper-slide {
    text-align: center;
    font-size: 18px;
    background: #fff;
    /* Center slide text vertically */
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}

.swiper-button-next,
.swiper-button-prev {
    margin-top: -30px;
    left: 0 !important;
    height: 60px;
    line-height: 60px;
    border: none;
    color: #eee;
    background-color: rgba(0, 0, 0, .4);
    font-size: 28px;
    border-radius: 0 3px 3px 0;
    background-image: none;
}

.swiper-button-next:hover,
.swiper-button-prev:hover {
    background-color: #9bca3e !important;
    color: #fff !important;
    text-decoration: none;
}

.swiper-button-next {
    text-align: right;
    padding-right: 7px;
}

.swiper-button-prev {
    padding-left: 7px;
}

#footer.dark,
.dark #footer {
    background-color: #50a547;
    color: #FFF;
    border-top-color: rgba(0, 0, 0, 0.2);
    border-top: 0px;
}

.flex-control-nav.flex-control-thumbs {
    margin: 15px auto;
    display: table;
}

.flex-control-nav.flex-control-thumbs li,
.flex-control-nav.flex-control-thumbs li img {
    width: 108px !important;
}

.si-share {
    margin: 15px auto;
    display: table;
}

.icon-phase > .i-rounded,
.icon-phase > .i-circled,
.icon-phase > .i-bordered {
    width: 76px !important;
    height: 76px !important;
    line-height: 76px !important;
    margin: 4px 4px 4px 0;
    background-color: #9bca3e;
    background-size: cover;
}

.footer-logo {
    margin-bottom: 10px;
}

.dark .widget h4 {
    color: #FFF;
}

.dark .form-control:not(.not-dark),
.dark .sm-form-control:not(.not-dark) {
    color: #FFF;
    background-color: transparent;
    border-color: #FFF;
}

.dark .form-control:not(.not-dark)::placeholder,
.dark .sm-form-control:not(.not-dark)::placeholder {
    color: #FFF;
}

.dark .form-control:not(.not-dark):active,
.dark .form-control:not(.not-dark):focus,
.dark .sm-form-control:not(.not-dark):active,
.dark .sm-form-control:not(.not-dark):focus {
    color: #333;
    background-color: #FFF;
    border-color: #FFF !important;
}

.dark .form-control:not(.not-dark):active::placeholder,
.dark .form-control:not(.not-dark):focus::placeholder,
.dark .sm-form-control:not(.not-dark):active::placeholder,
.dark .sm-form-control:not(.not-dark):focus::placeholder {
    color: #333;
}

.dark .button.button-border:not(.button-light) {
    border-color: #FFF;
    color: #FFF;
}

.dark #copyrights {
    background-color: #9bca3e;
    color: #FFF;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.1);
}

.dark .copyright-links a {
    color: #FFF;
    border-bottom-color: rgba(255, 255, 255, 0.25);
}

abbr[title],
abbr[data-original-title] {
    text-decoration: none;
    -webkit-text-decoration: none;
}

.dark .input-group .form-control.error:not(.not-dark) {
    color: #9bca3e;
}

/* Technic Page */

.entry:after {
    content: '';
    position: relative;
    height: 0px;
    margin-top: 0px;
}

@media (min-width:992px) {

    img.alignleft,
    div.alignleft {
        float: left;
        margin: 5px 20px 13px 0;
        max-width: 272px;
    }
}

.sm-form-control {
    border: 2px solid #DDD;
    /*border: 2px solid #50a547;*/
}

.circle-inside {
    position: relative;
    width: 80px;
    height: 80px;
    margin: 10px;
    border-radius: 80px;
    text-align: center;
}

.circle-inside-n {
    background: #50a547;
}

.circle-inside-p {
    background: #CC0000;
}

.circle-inside-k {
    background: #F79521;
}

.circle-inside span {
    position: relative;
    top: -20px;
    color: #FFF !important;
    font-family: 'Mitr', sans-serif;
    font-weight: 400;
    font-size: 24px;
}

.circle-desc {
    position: relative;
    top: -90px;
    font-size: 16px;
    font-weight: 300;
    color: #FFF !important;
}

@media (max-width:768px){
	.circle-inside span {
		top: 12px;
	}
	.circle-desc {
		top: -56px;
	}
}

/* Sidebar */

.spost .entry-image,
.spost .entry-image a,
.spost .entry-image img,
.spost .entry-image i {
    width: auto;
    height: 64px;
}

#Popular-item .spost .entry-image,
#Popular-item .spost .entry-image a,
#Popular-item .spost .entry-image img,
#Popular-item .spost .entry-image i{
    width: auto;
    height: 48px;
}

.spost {
    margin-top: 5px;
    padding-top: 5px;
}

.entry-c {
    position: relative;
    overflow: hidden;
}

.entry-image img {
    border-radius: 0px;
}

.sidenav_thumb {
    width: 64px;
    height: 64px;
    background-size: cover;
    float: left;
    margin-right: 10px;
}

.sidenav > .ui-tabs-active > a,
.sidenav > .ui-tabs-active > a > .spost > .entry-c > .entry-title > h4,
.sidenav > .ui-tabs-active > a,
.sidenav > .ui-tabs-active > a,
.sidenav > .ui-tabs-active > a,
.sidenav > .ui-tabs-active > a:hover {
    color: #FFF !important;
}

.sidenav li a {
    font-size: 18px;
    font-weight: 400;
}

.acctitle {
    font-size: 14px;
    font-weight: 400;
}

/* Technic Product */

.mpost .entry-image,
.mpost .entry-image a,
.mpost .entry-image img,
.mpost .entry-image i {
    width: auto;
    height: 128px;
}

.mpost .entry-image a,
.mpost .entry-image img {
    border-radius: 0px;
}

@media (max-width: 575.98px) {
    .mpost .entry-image {
        float: left;
    }
}

.spost .entry-title h4 a.active {
    color: #50A546;
}

.period-item {
    display: inline-block;
    width: 62px;
    margin-right: 11px;
    text-align: center;
    font-size: 11px;
    vertical-align: top;
    font-family: "Mitr", sans-serif;
}

.period-item img {
    width: 62px;
    height: 62px;
    margin-bottom: 5px;
}

.opacity30 {
    opacity: 0.3;
    filter: alpha(opacity=30);
    /* For IE8 and earlier */
}

#page-title {
    background-size: cover;
    background-position: center center;
}

#page-title::before {
    content: '';
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    background: rgba(25, 0, 0, 0.2);
}

.breadcrumb-item, .breadcrumb-item a{
    color: #FFF !important;
}
.breadcrumb-item + .breadcrumb-item::before{
    color: #FFF !important;
}

.product-desc{
	min-height: 141px;
}

@media (min-width:767px){
	.product-desc{
		min-height: 113px;
	}
}