/* ==========================================================================
   #SPACING UTILITIES
   ========================================================================== */
/**
 * Spacing utilities are used to provide spacing between components using
 * margins or inside the components using paddings. Different sizes allow you
 * to easily construct consistent layouts of components.
 */
/**
 * Margins
 *
 * m  -> all sides
 * mt -> margin-top
 * mr -> margin-right
 * mb -> margin-bottom
 * ml -> margin-left
 * mv -> margin-top & margin-bottom (vertically)
 * mh -> margin-right & margin-left (horizontaly)
 *
 */
.u-m-zero {
  margin: 0 !important; }

.u-mt-zero {
  margin-top: 0 !important; }

.u-mr-zero {
  margin-right: 0 !important; }

.u-mb-zero {
  margin-bottom: 0 !important; }

.u-ml-zero {
  margin-left: 0 !important; }

.u-mv-zero {
  margin-top: 0 !important;
  margin-bottom: 0 !important; }

.u-mh-zero {
  margin-right: 0 !important;
  margin-left: 0 !important; }

.u-m-auto {
  margin: auto !important; }

.u-mt-auto {
  margin-top: auto !important; }

.u-mr-auto {
  margin-right: auto !important; }

.u-mb-auto {
  margin-bottom: auto !important; }

.u-ml-auto {
  margin-left: auto !important; }

.u-mv-auto {
  margin-top: auto !important;
  margin-bottom: auto !important; }

.u-mh-auto {
  margin-right: auto !important;
  margin-left: auto !important; }

.u-mt-xxsmall {
  margin-top: 8px !important; }

.u-m-xsmall {
  margin: 0.625rem !important; }

.u-mt-xsmall {
  margin-top: 0.625rem !important; }

.u-mr-xsmall {
  margin-right: 0.625rem !important; }

.u-mb-xsmall {
  margin-bottom: 0.625rem !important; }

.u-ml-xsmall {
  margin-left: 0.625rem !important; }

.u-mv-xsmall {
  margin-top: 0.625rem !important;
  margin-bottom: 0.625rem !important; }

.u-mh-xsmall {
  margin-right: 0.625rem !important;
  margin-left: 0.625rem !important; }

.u-m-small {
  margin: 0.9375rem !important; }

.u-mt-small {
  margin-top: 0.9375rem !important; }

.u-mr-small {
  margin-right: 0.9375rem !important; }

.u-mb-small {
  margin-bottom: 0.9375rem !important; }

.u-ml-small {
  margin-left: 0.9375rem !important; }

.u-mv-small {
  margin-top: 0.9375rem !important;
  margin-bottom: 0.9375rem !important; }

.u-mh-small {
  margin-right: 0.9375rem !important;
  margin-left: 0.9375rem !important; }

.u-m-medium {
  margin: 1.875rem !important; }

.u-mt-medium {
  margin-top: 1.875rem !important; }

.u-mr-medium {
  margin-right: 1.875rem !important; }

.u-mb-medium {
  margin-bottom: 1.875rem !important; }

.u-ml-medium {
  margin-left: 1.875rem !important; }

.u-mv-medium {
  margin-top: 1.875rem !important;
  margin-bottom: 1.875rem !important; }

.u-mh-medium {
  margin-right: 1.875rem !important;
  margin-left: 1.875rem !important; }

.u-m-large {
  margin: 3.125rem !important; }

.u-mt-large {
  margin-top: 3.125rem !important; }

.u-mr-large {
  margin-right: 3.125rem !important; }

.u-mb-large {
  margin-bottom: 3.125rem !important; }

.u-ml-large {
  margin-left: 3.125rem !important; }

.u-mv-large {
  margin-top: 3.125rem !important;
  margin-bottom: 3.125rem !important; }

.u-mh-large {
  margin-right: 3.125rem !important;
  margin-left: 3.125rem !important; }

.u-m-xlarge {
  margin: 6.25rem !important; }

.u-mt-xlarge {
  margin-top: 6.25rem !important; }

.u-mr-xlarge {
  margin-right: 6.25rem !important; }

.u-mb-xlarge {
  margin-bottom: 6.25rem !important; }

.u-ml-xlarge {
  margin-left: 6.25rem !important; }

.u-mv-xlarge {
  margin-top: 6.25rem !important;
  margin-bottom: 6.25rem !important; }

.u-mh-xlarge {
  margin-right: 6.25rem !important;
  margin-left: 6.25rem !important; }

/**
 * Paddings
 *
 * p  -> all sides
 * pt -> padding-top
 * pr -> padding-right
 * pb -> padding-bottom
 * pl -> padding-left
 * pv -> padding-top & padding-bottom (vertically)
 * ph -> padding-right & padding-left (horizontaly)
 *
 */
.u-p-zero {
  padding: 0 !important; }

.u-pt-zero {
  padding-top: 0 !important; }

.u-pr-zero {
  padding-right: 0 !important; }

.u-pb-zero {
  padding-bottom: 0 !important; }

.u-pl-zero {
  padding-left: 0 !important; }

.u-pv-zero {
  padding-top: 0 !important;
  padding-bottom: 0 !important; }

.u-ph-zero {
  padding-right: 0 !important;
  padding-left: 0 !important; }

.u-p-auto {
  padding: auto !important; }

.u-pt-auto {
  padding-top: auto !important; }

.u-pr-auto {
  padding-right: auto !important; }

.u-pb-auto {
  padding-bottom: auto !important; }

.u-pl-auto {
  padding-left: auto !important; }

.u-pv-auto {
  padding-top: auto !important;
  padding-bottom: auto !important; }

.u-ph-auto {
  padding-right: auto !important;
  padding-left: auto !important; }

.u-p-xsmall {
  padding: 0.625rem !important; }

.u-pt-xsmall {
  padding-top: 0.625rem !important; }

.u-pr-xsmall {
  padding-right: 0.625rem !important; }

.u-pb-xsmall {
  padding-bottom: 0.625rem !important; }

.u-pl-xsmall {
  padding-left: 0.625rem !important; }

.u-pv-xsmall {
  padding-top: 0.625rem !important;
  padding-bottom: 0.625rem !important; }

.u-ph-xsmall {
  padding-right: 0.625rem !important;
  padding-left: 0.625rem !important; }

.u-p-small {
  padding: 0.9375rem !important; }

.u-pt-small {
  padding-top: 0.9375rem !important; }

.u-pr-small {
  padding-right: 0.9375rem !important; }

.u-pb-small {
  padding-bottom: 0.9375rem !important; }

.u-pl-small {
  padding-left: 0.9375rem !important; }

.u-pv-small {
  padding-top: 0.9375rem !important;
  padding-bottom: 0.9375rem !important; }

.u-ph-small {
  padding-right: 0.9375rem !important;
  padding-left: 0.9375rem !important; }

.u-p-medium {
  padding: 1.875rem !important; }

.u-pt-medium {
  padding-top: 1.875rem !important; }

.u-pr-medium {
  padding-right: 1.875rem !important; }

.u-pb-medium {
  padding-bottom: 1.875rem !important; }

.u-pl-medium {
  padding-left: 1.875rem !important; }

.u-pv-medium {
  padding-top: 1.875rem !important;
  padding-bottom: 1.875rem !important; }

.u-ph-medium {
  padding-right: 1.875rem !important;
  padding-left: 1.875rem !important; }

.u-p-large {
  padding: 3.125rem !important; }

.u-pt-large {
  padding-top: 3.125rem !important; }

.u-pr-large {
  padding-right: 3.125rem !important; }

.u-pb-large {
  padding-bottom: 3.125rem !important; }

.u-pl-large {
  padding-left: 3.125rem !important; }

.u-pv-large {
  padding-top: 3.125rem !important;
  padding-bottom: 3.125rem !important; }

.u-ph-large {
  padding-right: 3.125rem !important;
  padding-left: 3.125rem !important; }

.u-p-xlarge {
  padding: 6.25rem !important; }

.u-pt-xlarge {
  padding-top: 6.25rem !important; }

.u-pr-xlarge {
  padding-right: 6.25rem !important; }

.u-pb-xlarge {
  padding-bottom: 6.25rem !important; }

.u-pl-xlarge {
  padding-left: 6.25rem !important; }

.u-pv-xlarge {
  padding-top: 6.25rem !important;
  padding-bottom: 6.25rem !important; }

.u-ph-xlarge {
  padding-right: 6.25rem !important;
  padding-left: 6.25rem !important; }

/* ==========================================================================
   #DISPLAY UTILITIES
   ========================================================================== */
.u-block {
  display: block !important; }

.u-inline-block {
  display: inline-block !important; }

.u-inline {
  display: inline !important; }

.u-inline-flex {
  display: inline-flex !important; }


/**
 * Remove borders
 */
.u-border-zero {
  border: 0 !important; }

.u-border-top-zero {
  border-top: 0 !important; }

.u-border-right-zero {
  border-right: 0 !important; }

.u-border-bottom-zero {
  border-bottom: 0 !important; }

.u-border-left-zero {
  border-left: 0 !important; }

/**
 * Border radius
 */
.u-border-rounded {
  border-radius: 5px; }

.u-border-circle {
  border-radius: 100%; }

@media (min-width: 992px) {
    .navbar-menu.navbar .dropdown-menu {
        display: inline-table;
    }
}
.navbar-menu .dropdown-item {
    padding-right: 20px;
    padding-left: 20px;
}

/* ==========================================================================
   #SIZES UTILITIES
   ========================================================================== */
/**
 * Widths
 */
 .u-width-auto {
   width: auto !important; }

.u-width-25 {
  width: 25% !important; }

.u-width-50 {
  width: 50% !important; }

.u-width-75 {
  width: 75% !important; }

.u-width-100 {
  width: 100% !important; }

/**
 * Heights
 */
.u-height-25 {
  height: 25% !important; }

.u-height-50 {
  height: 50% !important; }

.u-height-75 {
  height: 75% !important; }

.u-height-100 {
  height: 100% !important; }


/**
  * Set the background color of elements.
  */
.u-bg-success {
  background: #1bb934 !important;
  background-color: #1bb934 !important; }

.u-bg-info {
  background: #1a91eb !important;
  background-color: #1a91eb !important; }

.u-bg-danger {
  background: #ed1c24 !important;
  background-color: #ed1c24 !important; }

.u-bg-fancy {
  background: #a388e3 !important;
  background-color: #a388e3 !important; }

.u-bg-warning {
  background: #fd9a18 !important;
  background-color: #fd9a18 !important; }

.u-bg-primary {
  background: #475364 !important;
  background-color: #475364 !important; }

.u-bg-secondary {
  background: #fafbfc !important;
  background-color: #fafbfc !important; }

.u-bg-white {
  background: #fff !important;
  background-color: #fff !important; }

.u-bg-none {
  background: none !important;
  background-color: none !important; }


/**
  * Set the color of elements.
  */
.u-color-secondary {
  color: #6f7885 !important; }

/* ==========================================================================
   #ALERTS
   ========================================================================== */
.c-alert {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  width: 100%;
  margin: 0 0 0.9375rem 0;
  padding: 0.75rem 2rem 0.75rem 0.75rem;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  border-radius: 4px;
  color: #fff; }
  .c-alert .c-close {
    position: absolute;
    top: 0.75rem;
    right: 1rem; }
  .c-alert.fade {
    -webkit-transition: opacity 0.3s;
    transition: opacity 0.3s;
    opacity: 0; }
    .c-alert.fade.show {
      opacity: 1; }

/**
 * 1. Align icon with text properly.
 */
.c-alert__icon {
  position: relative;
  bottom: -4px;
  /* [1] */
  margin-right: 0.625rem;
  font-size: 1.125rem;
  opacity: 0.7; }

/* Style variants
   ========================================================================== */
.c-alert--success {
  background-color: #1bb934; }

.c-alert--info {
  background-color: #2ea1f8; }

.c-alert--warning {
  background-color: #fd9a18; }

.c-alert--danger {
  background-color: #ed1c24; }

.u-text-italic {
  font-style: italic;
}


/* ==========================================================================
   #POSITION UTILITIES
   ========================================================================== */
.u-position-absolute {
  position: absolute !important; }

.u-position-relative {
  position: relative !important; }

.u-break-word {
  word-break: break-all;
}
.navbar-menu .navbar-nav .nav-item .nav-link {
  padding: 14px !important;
}
.navbar-menu .navbar-brand {
  margin-right: 25px !important;
}
.navbar-user {
  display:inline-block;
  position:relative;
  width:20px;
}
.navbar-search {
  margin-right: 30px;
}
@media only screen and (max-width: 991px) {
  .navbar-user {
    position:absolute !important;
    right: 60px;
  }
  .navbar-search {
    right: 65px !important;
  }
  #section-search form input[type="text"] {
    font-size: 16px !important;
  }
  .block-style-15 .content-wrapper .left .thumbnail-img img {
    width: 100px !important;
  }
}

@media only screen and (min-width: 992px) {
  .last-menu:last-child .right-min-100 {
    left: -100% !important;
  }
}

#section-search form input[type="text"] {
  font-family: 'Roboto-Light' !important;
}
#section-footer.footer-light {
    background-color: #fbfbfb;
    border-top: 1px solid #f0f0f7;
    border-bottom: 1px solid #f0f0f7;
}
#section-footer.footer-light .ft-column h3 {
    color: #393e46;
}
#section-footer.footer-light .ft-column p {
    color: #878787;
}
#section-footer.footer-light .ft-column ul.ft_social_links li:hover{
	 border: none;
}
#section-footer.footer-light .ft-column ul.list li a {
    color: #878787;
}
#section-footer.footer-light .ft-column ul.list li a:hover{
	 color: #4ba552;;
}
#section-footer.footer-light .copyright {
    background-color: #fbfbfb;
    border-top: 1px solid #f0f0f7;
}
#section-footer .ft_backtotop {
    width: 30px;
    height: 30px;
    bottom: 0;
    display: inline-flex;
}
#section-footer .ft_backtotop {
    width: 30px;
    height: 30px;
    bottom: 0;
}
#section-footer .ft_backtotop i {
    color: #6f7885;
    line-height: 28px;
    margin: auto;
}
#section-footer .ft_backtotop i:hover {
    color: #ffffff;
}
.small-list-posts .item .content h3, .block-content_text h4 {
    /* margin-top: 8px; */
    line-height: 1.4 !important;
    font-size: 16px !important;
}
.small-list-posts .item .content span {
    font-family: 'Roboto-Regular' !important;
    font-size: 14px !important;
}
.icon-thumbnail {
    position: relative;
}
.icon-thumbnail .play-button {
  	width: 50px;
    height: 50px;
    padding: 16px;
    background-color: rgba(110, 115, 133, 0.8);
    border-radius: 100%;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 50%;
    -webkit-transform: translateY(50%);
    transform: translateY(50%);
    margin: 0 auto;
    text-align: center;
    -webkit-transition: all 0.2s ease-in-out;
  	transition: all 0.2s ease-in-out;
}
.icon-thumbnail .play-button svg{
  	fill: #ffffff;
  	width: 20px;
}
.icon-thumbnail:hover .play-button {
  	background-color: #4ba552;
  	-webkit-transition: all 0.2s ease-in-out;
  	transition: all 0.2s ease-in-out;
}
.icon-thumbnail:hover .play-button svg{
  	fill: #ffffff;
  	width: 20px;
}
.c-gallery{
	margin-left: -5px;
    margin-right: -5px;
}
.c-gallery ul{
	padding-left: 0px;
}
.c-gallery ul li{
	display: inline-block;
	padding: 0 4px;
	margin-bottom: 12px;
}
.c-gallery a.view-more{
	color: #ffffff;
	margin: 4px 0 0 4px;
	display: block;
}
.c-gallery a.view-more:hover{
	color: #4ba552;
}
.c-btn {
	  display: inline-block;
    cursor: pointer;
    border: none;
}
.c-btn {
	font-family: 'Poppins-Regular';
    font-size: 14px;
    color: #6f7885;
    width: 100%;
    max-width: 200px;
    display: inline-block;
    text-align: center;
    padding: 15px 15px;
    background-color: #d9d9d7;
    border-radius: 4px;
    -webkit-transition: all 0.2s ease-in-out;
	  transition: all 0.2s ease-in-out;
}
.c-btn:hover{
    color: #fff !important;
    background-color: #4ba552;
    -webkit-transition: all 0.2s ease-in-out;
	  transition: all 0.2s ease-in-out;

}
.c-input {
	font-family: 'Roboto-Regular';
	color: #6f7885;
	font-size: 16px;
	border: 2px solid #eeeeee !important;
	background: transparent;
	border-radius: 3px;
	padding: 28px 30px;
	letter-spacing: 0;
}
.c-input:hover{
	border: 2px solid #d8d8d8 !important;
}
.c-input:focus{
	border: 2px solid #d8d8d8 !important;
}
.c-input::placeholder {
  color: #ddd;
  opacity: 1;
}
.c-title {
  font-family: 'Poppins-Regular';
}
.c-title-overlay {
  color: #fff;
  font-size: 24px;
  /* position: absolute; */
  /* bottom: 0; */
  /* cursor: pointer; */
  /* padding: 30px 40px; */
  line-height: 32px;
  text-shadow: -1px 1px 5px #666;
}
.c-title:hover {
  color: #4ba552 !important;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  text-shadow: none;
}