﻿.shadow01{
    -webkit-box-shadow: 0 2px 4px rgb(0 0 0 / 25%);
    -moz-box-shadow: 0 2px 4px rgba(0,0,0,.25);
}
.border01{
    border: #ececec solid 4px;
    border-radius: 1px;
}
.bg-dots {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABUAAAApCAMAAADtcZJyAAAAb1BMVEXz8fL+/v79/f3////29vb39/f8/Pz6+vrz8/P8+vz19fX//v7//v/29Pb5+fn9/P36+Pn9/f719Pb7+fr7+/v4+Pj09fX29ff7+/j18/X29vf29/f39vf19PH49vf+/f7+/f/49/j08vP09PT28/W2qTpJAAABLElEQVR4XnWRB47DMAwEtSQlp/Zyvd//33irdQIiSI4wNPJgIcp0MbgBcD6OvutLEfq78XFAa8H29aFHLEL4CRiKW0xkZzMQbRKAF24ouxYwmMNoVZ6wtOoo7zrBW5NtlN7hullMAGebGTXaKUDr5ysRisaLslRmBrPWcWjcHYrdq38sfProvfbrjsXUiOIeS1Didzfv4Bxkj1XZSsBRV8pm4bKkTYA2Y8gA7epLu81eug6y890bGLOiO6y/45xdkUQPoUMWd7oJuahkF9dJ2e37sz616hOtHmU/4wmgPQXGOch6W5NEGwHZm0vgrnVZIJujAzlfRECoY7ZWvdagI2SzSR6UFp4F2TSZbU16aLKDQVNfLufjn/8gppepb6qGVjV8EDeTRE4d5HX9AW6eDQJOB5JtAAAAAElFTkSuQmCC);
    background-size: auto;
    background-repeat: repeat;
}
.border__bottom{
    position: relative;
}
.border__bottom:before {
    content: " ";
    position: absolute;
    top: 35px;
    left: 0;
    right: 0;
    bottom: 10px;
    border-bottom: 3px solid #373738;
    width: 60px;
}
.relate .heading{
        width: 100%;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-align: center;
    align-items: center;
}
.relate h3.title{
    margin: 0 0 20px;
    text-transform: uppercase;
    font-weight: 700;
    font-size: 21px;
    line-height: 1.6;
    color: #333;
}
.relate .view-all{
        color: #262626;
    text-transform: inherit;
    font-weight: 700;
    line-height: 36px;
    font-style: normal;
    margin-left: auto;
    margin: 5px 0 5px 10px;
    font-size: 14px;
    position:relative;
    min-width: 90px;
    float: right;
}
.relate .view-all:after {
    font-family: "fl-icons";
    content: "\f105" !important;
    right: 0;
    position: absolute;
    font-size: 16px;
    color: #161616;
}
.title.hasline:after{
    content: "";
    background: url(/theme/icon/line03.png);
    display: inline-block;
    margin: 0 auto;
    display: block;
    width: 180px;
    height: 32px;
    background-repeat: no-repeat;
    margin-top: 10px;
    background-size: 100%;
}
.amin {opacity:0;}
.amin.animated {opacity:1;}
.animated {
  animation-duration: 1s;
  animation-fill-mode: both;
}
.animated.infinite {
  animation-iteration-count: infinite;
}
.animated.delay-250ms {
  animation-delay: 250ms;
}
.animated.delay-750ms {
  animation-delay: 750ms;
}

.animated.delay-500ms {
  animation-delay: 500ms;
}
.animated.delay-1s {
  animation-delay: 1s;
}
.animated.delay-1500ms {
  animation-delay: 1500ms;
}
.animated.delay-2s {
  animation-delay: 2s;
}

.animated.delay-3s {
  animation-delay: 3s;
}

.animated.delay-4s {
  animation-delay: 4s;
}

.animated.delay-5s {
  animation-delay: 5s;
}

.animated.fast {
  animation-duration: 800ms;
}

.animated.faster {
  animation-duration: 500ms;
}

.animated.slow {
  animation-duration: 1500ms;
}

.animated.slower {
  animation-duration: 2500s;
}

@media (prefers-reduced-motion) {
  .animated {
    animation: unset !important;
    transition: none !important;
  }
}


@keyframes fadeInUp {
  from {
    opacity: 0;
    transform: translate3d(0, 200px, 0);
  }
  to {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
}

.fadeInUp {
  animation-name: fadeInUp;
}
@keyframes fadeInRight {
  from {
    opacity: 0;
    transform: translate3d(100%, 0, 0);
  }

  to {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
}

.fadeInRight {
  animation-name: fadeInRight;
}

@keyframes fadeInLeft {
  from {
    opacity: 0;
    transform: translate3d(-100%, 0, 0);
  }

  to {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
}

.fadeInLeft {
  animation-name: fadeInLeft;
}

.box-youtube {
    position: relative;
	max-width: 1000px;
	margin: 0 auto;
	z-index: 1;
	padding: 0;
	border-radius: 10px;
	background-size: contain !important;
	background-position: 50% 50%;
	margin-bottom: 35px;
    border-radius: 6px;
}
.box-youtube iframe {
    border-radius: 14px;
    box-shadow: 13px 12px 1px -6px rgb(194 161 74);
}
.articles .item {
    /*width: 33.3333%;
    padding: 0 15px;*/
    position: relative;
    margin-bottom: 15px;
    float: left;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
    border-radius: 3px;
    width: 100%;
}
.articles .article_featured .item .item_text  a.title {
    font-size: 19px;
    line-height: 1.5;
    font-weight: 600;
    margin-bottom: 5px;
    display: block;
    margin-top: 12px;
}
.articles .article_featured .item .item_text  a.title 
{
    color: #e40000;
}
.article_featured .item .item_text  a.title:hover,
.article_featured .item_image:hover + .item_text a.title{
    color: #bb0000;
}
.articles .item .item_image{
    position: relative;
    width: 100%;
}
.articles  .item .item_text {
    padding-top: 0px;
    padding-bottom: 0px;
}
.articles .item .item_text a.title{
    margin-top:14px;line-height: 24px;
    font-size: 17.5px;
    font-weight: 600;
    color: #f0f0f0;
}
/*.articles .article_list .item {
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-orient:horizontal;
    -webkit-box-direction:normal;
    -ms-flex-flow:row nowrap;
    flex-flow:row nowrap;
}*/
.articles .item .item_image a {
    width: 100%;
    display: block;
    overflow: hidden;
    height: 0;
    padding-top: 66.67%;
}
.articles .item .item_image a img {
    position: absolute;
    display: block;
    width: 100%;
    max-width: 100%;
    height: 100%;
    max-height: 100%;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    -o-object-fit: cover;
    object-fit: cover;
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px;
}

.articles .item .item_text p.summary {
    font-size: 15px;
    line-height: 20px;
}