/* bullted icon set pagination */
.fusion-image-carousel .swiper-pagination {
   position: relative !important;
   bottom: 0px;
}
.fusion-image-carousel span.swiper-pagination-bullet.swiper-pagination-bullet-active {
    background-color: #f15f2a;
}
.fusion-image-carousel span.swiper-pagination-bullet:hover{
    background-color: #f15f2a;
}
.fusion-image-carousel span.swiper-pagination-bullet {
    height: 15px;
    width: 15px;
    background-color: #696060;
    margin: 0 calc(40px/ 2) !important;
}
.yg-history-design-1 {
    position: relative;
    width: 100%;
    float: left;
    margin-bottom: 20px;
    margin-top: 20px;
}
.yg-history-design-1 .yg-timeline-block {
    width: 100%;
    float: left;
}
.yg-history-design-1 .yg-timeline:before {
    content: '';
    position: absolute;
    top: 0;
    left: 18px;
    height: 100%;
    width: 5px;
    background: #d6c6ac;
    left: 50%;
    margin-left: -2px;
}
.yg-history-design-1 .yg-timeline-date {
    position: absolute;
    width: 100%;
    float: left;
}
.yg-history-design-1 .yg-timeline-content {
    border-bottom: 4px solid #f26638;
    z-index: 111;
    margin-left: 0;
    width: 40%;
    position: relative;
}
.yg-history-design-1 .yg-timeline-content:after {
    content: "";
    display: table;
    clear: both;
}
.yg-history-design-1 .yg-date {
    position: absolute;
    width: 90px;
    height: 70px;
    border-radius: 50%;
    box-sizing: content-box;
    padding: 15px;
    overflow: unset;
    display: block;
}
.yg-history-design-1 .yg-date .yg-icon-wrp {
    display: table;
    line-height: normal;
    height: 100%;
    width: 100%;
    border-radius: 50%;
    overflow: hidden;
}
.yg-history-design-1 .yg-date .yg-icon-wrp a {
    top: 0;
    bottom: 0;
    height: 100%;
    width: 100%;
    display: table;
}
.yg-history-design-1 .yg-timeline .yg-date .fa {
    color: #bcbcbc;
    display: table-cell;
    vertical-align: middle;
}
.yg-history-design-1 .yg-timeline-block:nth-child(odd) .yg-timeline-content {
    float: left;
}
.yg-history-design-1 .yg-timeline-block:nth-child(even) .yg-timeline-content {
    float: right;
}
.yg-history-design-1 .yg-timeline-block:nth-child(odd) .yg-date::before {
    position: absolute;
    content: "";
    border: 2px solid #f47b2a;
    top: 50%;
    right: 50%;
    width: 100%;
}

.yg-history-design-1 .yg-timeline-block:nth-child(even) .yg-date::before {
    position: absolute;
    content: "";
    border: 2px solid #f47b2a;
    top: 50%;
    left: 50%;
    width: 100%;
}

.yg-history-design-1 .yg-timeline-block:nth-child(odd) .yg-date {
    text-align: center;
    left: 0;
    right: 0px;
    margin: 0 auto;
    top: 35px;
}
.yg-history-design-1 .yg-timeline-block:nth-child(even) .yg-date {
    left: 0;
    text-align: center;
    right: 0px;
    margin: 0 auto;
    top: 35px;
}
.yg-history-design-1 .yg-timeline-date .yg-date .yg-icon-wrp::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(186, 186, 186, 0.56);
    -webkit-transform: scale(0.8);
    transform: scale(0.8);
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    border-radius: 50%;
}
.yg-history-design-1 .yg-timeline-date .yg-date .yg-icon-wrp:hover::before {
    -webkit-transform: scale(0);
    transform: scale(0);
}
.yg-history-design-1 .yg-timeline-content:hover + .yg-timeline-date .yg-date .yg-icon-wrp:before {
    -webkit-transform: scale(0);
    transform: scale(0);
}
.yg-history-design-1 .yg-timeline-block:nth-child(4n+1) .yg-timeline-img .fa::before {
    color: #2B4162;
}
.yg-history-design-1 .yg-timeline-block:nth-child(4n+2) .yg-timeline-img .fa::before {
    color: #385F71;
}
.yg-history-design-1 .yg-timeline-block:nth-child(4n+3) .yg-timeline-img .fa::before {
    color: #58355E;
}
.yg-history-design-1 .yg-timeline-block:nth-child(4n+4) .yg-timeline-img .fa::before {
    color: #343434;
}
.yg-history-design-1 .yg-timeline-block:nth-child(4n+5) .yg-timeline-img .fa::before {
    color: #008F68;
}
.yg-history-design-1 .yg-date.yg-custom-icon .yg-icon-wrp a {
    display: block;
}
.yg-history-design-1 .yg-date .yg-icon-wrp img {
    height: 100% !important;
    width: 100%;
    object-fit: cover;
    object-position: center center;
    border-radius: 50% !important;
}
.yg-history-design-1 .yg-timeline-date .thir.fa::before {
    content: "\f192";
    font-size: 22px;
}
.yg-history-design-1 .yg-read-more::after {
    content: '\f101';
    font-family: fontAwesome;
    display: inline-block;
    margin-left: 5px;
}
.yg-history-design-1 .yg-timeline-img {
    height: auto;
    width: 100%;
    margin-bottom: 10px;
    text-align: center;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}
.yg-history-design-1 .yg-timeline-content .yg-read-more:hover {
    background: #fff;
    border: 1px solid #111;
    color: #111;
}
.yg-history-design-1 .yg-post-details {
    margin-bottom: 10px;
}
.yg-history-design-1 .yg-content a.yg-read-more {
    color: rgba(137, 137, 137, 0.86);
    transition: all 0.3s ease-in-out;
    border: 1px solid rgba(137, 137, 137, 0.37);
    transition: 0.2s ease-in-out;
    opacity: 1;
    background: rgba(231, 231, 231, 0.7);
    padding: 7px 20px;
    font-size: 14px;
    display: inline-table;
    text-decoration: none;
}
.yg-history-design-1 h2.yg-content-title a, .yg-history-design-1 .yg-post-date, .yg-history-design-1 .yg-post-date .fa, .yg-history-design-1 .yg-content-wraper {
    color: rgb(137, 137, 137); }
button.yg-load-more-btn {
    background: transparent;
    border: 1px solid #132844;
    border-radius: 3px;
    cursor: pointer;
    display: inline-block;
    font-size: 22px;
    padding: 8px 20px 4px;
    color: #132844;
    line-height: 35px;
    font-family: "Calibre-SB";
}
.yg-ajax-loader {
    height: 25px;
    margin: 0 5px 0 0;
    padding: 0;
    text-align: center;
    vertical-align: top;
    width: 30px;
    display: none
}
.yg-post-pagination{
    clear: both;
    text-align: center;
}
.yg-ajax-loader {
    height: 25px;
    margin: 0 5px 0 0;
    padding: 0;
    text-align: center;
    vertical-align: top;
    width: 30px;
    display: none
}
.yg-ajax-loader img {
    box-shadow: none!important;
    border-radius: 0
}
.yg-btn-active .yg-ajax-loader {
    display: inline-block
}

/*custom css*/
.yg-timeline-content .yg-post-details .yg-post-date{ 
    font-weight: 700;   
    color: rgb(242, 102, 56);
    font-family: Arial, Helvetica, "sans-serif";
}
.yg-history-design-1 h2.yg-content-title a{   
    font-weight: 700; 
    color: rgb(242, 102, 56);
    font-family: Arial, Helvetica, "sans-serif";
}
.yg-history-design-1 .yg-content-wraper{
    font-family: Arial, Helvetica, "sans-serif";   
}
.yg-timeline-dot:before {
    background: #d6c6ac;
    border-radius: 50%;
    content: "";
    height: 20px;
    left: 50%;
    position: absolute;
    transform: translateX(-50%);
    width: 20px;
}
.yg-timeline-dot:after {
    background: #d6c6ac;
    border-radius: 50%;
    content: "";
    height: 20px;
    left: 50%;
    position: absolute;
    transform: translateX(-50%);
    width: 20px;
    bottom: 0;
}
.yg-timeline .yg-content-title{margin-bottom: 15px;}


/* Extra small devices (phones, 600px and down) */
@media only screen and (max-width: 640px) {
    .yg-history-design-1 .yg-timeline:before {
        left: 18px;
    }
    .yg-history-design-1 .yg-timeline-content {
        width: 80%;
    }
    .yg-history-design-1 .yg-timeline-block:nth-child(odd) .yg-timeline-content {
        float: right;
    }
    .yg-history-design-1 .yg-timeline-block:nth-child(odd) .yg-date {
        left: -42px;
        margin: 0;
    }
    .yg-history-design-1 .yg-timeline-block .yg-date::before {
    position: absolute;
    content: "";
    border: 2px solid #f47b2a;
    top: 50%;
    left: 40px;
    width: 100%;
}

.yg-history-design-1 .yg-timeline-block:nth-child(even) .yg-date {
    left: -42px;
    margin: 0;
}
.yg-history-design-1 .yg-timeline-block .yg-timeline-content::before {
    width: 55px !important;
    left: -50px !important;
}
.yg-timeline-dot:before{
    left: 0px;
    transform: translateX(43%);
    
}
.yg-timeline-dot:after{
    left: 0px;
    transform: translateX(43%);
}
.yg-history-design-1 .yg-timeline-block{
    margin-bottom: 30px;
}

    
}

/* smooth scroll timeline */
.yg-timeline-reveal {
    position: relative;
    -webkit-transform: translateY(150px);
            transform: translateY(150px);
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    -webkit-transition: 1s all ease;
    transition: 1s all ease;
}

.yg-timeline-reveal.yg-timeline-active {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}

/* select2 scroll hide */
.yg-dropdown-wrap ul {
    max-height: 100% !important;
}

/* Pagination CSS  */
.yg-first { clear: both;}
.yg-post-pagination br {display: none;}
.yg-post-pagination {width:100%; padding:10px 0.9375em 10px 0.9375em; text-align:center; color:#ef413d; clear:both;}
.yg-post-pagination a {color: #fff !important; background: #ef413d; padding: 7px 10px; margin:0 1px 6px 2px; display: inline-block; text-align: center; line-height: normal; box-shadow: none; text-shadow: none; font-size: 14px; border: 1px solid #ef413d; text-decoration: none !important; -webkit-transition: background-color .3s ease; transition: background-color .3s ease; outline:0;}
.yg-post-pagination .page-numbers.current {color: #ef413d; background: transparent; padding: 7px 10px; margin:0 1px 6px 2px; display: inline-block; text-align: center; line-height: normal; box-shadow: none; text-shadow: none; font-size: 14px; text-transform: uppercase; border: 1px solid #ef413d; text-decoration: none !important;}
.yg-post-pagination a:hover, .yg-post-pagination a:focus, .yg-post-pagination a:visited:hover {color: #ef413d !important; background: #fff; outline:0;}
.yg-post-pagination a.prev, .yg-post-pagination a.next {min-width:90px;}
.yg-post-pagination .button-post-p, .yg-prev-next .next{float:right;}
.yg-post-pagination .button-post-n, .yg-prev-next .prev{float:left;}
.yg-post-pagination .yg-pagi-btn a {min-width:90px;}

/* Medium devices (landscape tablets, 768px and up) */
@media only screen and (min-width: 640px) and (max-width: 1024px) {
    .yg-history-design-1 .yg-timeline-block:first-child{margin:0;}
    .yg-history-design-1 .yg-timeline-block{margin-top:-180px;}
}

@media only screen and (min-width: 1024px) {
    .yg-history-design-1 .yg-timeline-block:first-child{margin:0;}
    .yg-history-design-1 .yg-timeline-block{margin-top:-200px;}
}