/*------------------------------------
        Reset css start
---------------------------------------*/
.et-main-blog-wrapper .et-clearfix:before,
.et-main-blog-wrapper .et-clearfix:after {
    content: "";
    display: table;
    flex-basis: 0;
    order: 1;
}
.et-main-blog-wrapper .et-clearfix:after{
    clear: both;
}
.et-main-blog-wrapper .et-clearfix {
    *zoom: 1;
}
.et-main-blog-wrapper{
    line-height: 1;
}
.et-main-blog-wrapper * {
    margin: 0;
    padding: 0;
    border: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
.et-main-blog-wrapper a {
    -webkit-box-shadow: none;
    box-shadow: none;
}
.et-main-blog-wrapper img {
    max-width: 100%;
}
.et-image img {
    margin: 0 auto;
    display: block;
}
.et-main-blog-wrapper a {
    text-decoration: none;
    border: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
}
.et-main-blog-wrapper a,
.et-main-blog-wrapper input {
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    -moz-text-shadow: none;
    -webkit-text-shadow: none;
    text-shadow: none;
}
.et-main-blog-wrapper ol,
.et-main-blog-wrapper ul {
    list-style: none;
    margin: 0;
    padding: 0;
    -webkit-margin-before: 0em;
    -webkit-margin-after: 0em;
    -webkit-margin-start: 0px;
    -webkit-margin-end: 0px;
    -webkit-padding-start: 0px;
}
.et-extra-slider-item img {
    margin: 0 auto;
}
.et-main-blog-wrapper a {
    -webkit-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}
.et-image {
    overflow: hidden;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    display: block;
    text-align:center;

}
/*.et-image a{
    overflow: hidden;
    display: inline-block;
    position: relative;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}
.et-image a:before,
.et-image a:after{
    background-color: rgba(255,255,255,.15);
    content: "";
    height: 0;
    left: 0;
    margin: auto;
    position: absolute;
    top: 0;
    -webkit-transition: all .6s;
    -moz-transition: all .6s;
    -o-transition: all .6s;
    -ms-transition: all .6s;
    transition: all .6s;
    width: 0;
    z-index: 2;
}
.et-image a:after{
    left: auto;
    top: auto;
    bottom: 0;
    right: 0;
}
.et-image img{
    -webkit-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
    display: block;
}
.et-image a:hover:before,
.et-image a:hover:after{
    height: 100%;
    width: 100%;
    -webkit-transition: all .5s ease-in-out 0s;
    -moz-transition: all .5s ease-in-out 0s;
    -o-transition: all .5s ease-in-out 0s;
    -ms-transition: all .5s ease-in-out 0s;
    transition: all .5s ease-in-out 0s;    
}
.et-image a:hover img{
    -webkit-transform: scale(1.02);
    transform: scale(1.02);
}
*/

/*---------------------------------------
                        Reset css end
---------------------------------------*/
/*-------------------------------------
        vertical Timeline Layout css start
---------------------------------------*/
/**********Timeline- template 1 css start*********/

.et-vertical-timeline ,
.et-layout-vertical-section{
    position: relative;
}
.et-layout-timeline-section {
    position: relative;
}
.et-ver-timeline-template-1 .et-timeline-date {
    position: relative;
    clear: both;
    text-align: center;
    margin-bottom: 33px;
}
.et-ver-timeline-template-1 .et-timeline-date span {
    padding: 9px 16px;
    display: inline-block;
    position: relative;
    letter-spacing: 1px;
    color: #7e7e7e;
    background: #fff;
    border: 1px solid #e5e5e5;
    font-size: 13px;
    border-radius: 2px;
    font-family: 'Lato', sans-serif;
    font-weight: 600;
    z-index: 9;
}
.et-ver-timeline-template-1 .et-timeline-line {
    position: absolute;
    left: 50%;
    top: 0;
    height: 100%;
    border-right: 1px solid #e5e5e5;
    border-left: 1px solid #e5e5e5;
    top:0;
}
.et-ver-timeline-template-1 .et-timeline-item {
    width: 45%;
    float: left;
    clear: left;
    margin-top: 120px;
    margin-bottom: 33px;
}
.et-ver-timeline-template-1 .et-timeline-item:nth-of-type(2n) {
    float: right;
    clear: right;
    margin-top: 0px;
}
.et-ver-timeline-template-1 .et-timeline-circle {
    position: absolute;
    left: 50%;
    margin-top: 12px;
    margin-left: -7px;
    border-radius: 50%;
    height: 16px;
    width: 16px;
    background-color: #fff;
    border: 3px solid #e5e5e5;
    z-index: 1;
}
.et-ver-timeline-template-1 .et-all-contain-here {
    position: relative;
    background: #fff;
    padding: 29px;
    border: 1px solid #e5e5e5;
    text-align: left;
}
.et-ver-timeline-template-1 .et-all-contain-here:before {
    content: '';
    position: absolute;
    width: 20px;
    height: 20px;
    z-index: 99;
    right: -10px;
    top: 10px;
    background: #fff;
    border: 1px solid #eee;
    transform: rotate(45deg);
    border-left: 0;
    border-bottom: 0;
}
.et-ver-timeline-template-1 .et-timeline-item:nth-of-type(2n) .et-all-contain-here:before {
    right: auto;
    left: -10px;
    border: 0;
    border-left: 1px solid #eee;
    border-bottom: 1px solid #eee;
}
.et-ver-timeline-template-1 .et-image-container {
    position: relative;
}
.et-ver-timeline-template-1 .et-category-wrap {
    position: absolute;
    bottom: 5px;
    left: 17px;
}
.et-ver-timeline-template-1 .et-category-list a {
    display: inline-block;
    margin: 3px;
    padding: 4px 9px;
    border: 2px solid transparent;
    background: #25a0fa;
    color: #fff;
    text-transform: uppercase;
    font-size: 11px;
    font-family: 'Lato', sans-serif;
    font-weight: 500;
}
.et-ver-timeline-template-1 .et-category-list a:hover {
    color: #25a0fa;
    background: #fff;
    border: 2px solid #25a0fa;
}
.et-ver-timeline-template-1 .et-inner-content {
    padding-top: 18px;
}
.et-ver-timeline-template-1 .et-title {
    margin-bottom: 13px;
}
.et-ver-timeline-template-1 .et-title a{
    color: #141618;
    font-family: 'Bitter', serif;
    font-size: 30px;
    font-weight: 500;
    line-height: 1.2;
}
.et-ver-timeline-template-1 .et-meta-wrap > div{
    margin-bottom: 10px;
    margin-right: 33px;
}
.et-ver-timeline-template-1 .et-meta-wrap > div,
.et-ver-timeline-template-1 .et-meta-wrap > div a {
    display: inline-block;
    color: #767676;
    vertical-align: middle;
    font-size: 13px;
    font-family: 'Lato', sans-serif;
    font-weight: 500;
}
.et-ver-timeline-template-1 .et-title a:hover,
.et-ver-timeline-template-1 .et-meta-wrap > div a:hover{

    color:#25a0fa;
}
.et-ver-timeline-template-1 .et-meta-wrap > div:last-child {
    margin-right: 0;
}
.et-ver-timeline-template-1 .et-content {
    color: #454545;
    font-family: 'Lato', sans-serif;
    font-weight: 500;
    font-size: 16px;
    line-height: 1.4;
    margin-bottom: 18px;
}
.et-ver-timeline-template-1 .et-link-button {
    margin-bottom: 18px;
}
.et-ver-timeline-template-1 .et-link-button a {
    display: inline-block;
    padding: 10px 12px;
    background: #fff;
    border: 2px solid #25a0fa;
    color: #25a0fa;
    text-transform: uppercase;
    font-size: 14px;
    font-family: 'Lato', sans-serif;
    font-weight: 500;
    -webkit-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}
.et-ver-timeline-template-1 .et-link-button a:hover {
    background: #25a0fa;
    color: #fff;
}
.et-ver-timeline-template-1 .et-content-outer-wrap {
    background: #f8f8f8;
    padding: 15px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -ms-flex-align: center;
    -webkit-align-items: center;
    -webkit-box-align: center;
    align-items: center;
    -ms-justify-content: flex-start;
    -moz-justify-content: flex-start;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
    -ms-flex-direction: row;
    -moz-flex-direction: row;
    -webkit-flex-direction: row;
    flex-direction: row;
}
.et-ver-timeline-template-1 .et-tag-list {
    float: left;
}
.et-ver-timeline-template-1 .et-share-wrap {
    float: right;
    margin-left: auto;
}
.et-ver-timeline-template-1 .et-tag-list a {
    color: #666;
    font-family: 'Lato', sans-serif;
    font-weight: 500;
    font-size: 12px;
    display: inline-block;
    padding: 3px;
}
.et-ver-timeline-template-1 .et-share-wrap a {
    display: inline-block;
    color: #666;
    width: 20px;
    height: 20px;
    text-align: center;
    line-height: 20px;
    font-size: 14px;
}
.et-ver-timeline-template-1 .et-tag-list a:hover,
.et-ver-timeline-template-1 .et-share-wrap a:hover {
    color: #25a0fa;
}
/**********Timeline- template 1 css end***********/
/**********Vertical Timeline- template 2 css start*********/

.et-ver-timeline-template-2 .et-blog-cover {
    position: relative;
}
.et-ver-timeline-template-2 .et-timeline-line {
    position: absolute;
    left: 50%;
    top: 0;
    height: 100%;
    border-right: 1px solid #e5e5e5;
    border-left: 1px solid #e5e5e5;
}
.et-ver-timeline-template-2 .et-timeline-date {
    position: relative;
    clear: both;
    text-align: center;
    margin-bottom: 40px;
}
.et-ver-timeline-template-2 .et-timeline-date span {
    padding: 13px 20px;
    display: inline-block;
    position: relative;
    letter-spacing: 1px;
    color: #313131;
    background: #fff;
    border: 1px solid #e5e5e5;
    font-size: 13px;
    font-family: 'Roboto', sans-serif;
    font-weight: 600;
    -webkit-border-radius: 20px;
    border-radius: 20px;
    z-index: 9;
}
.et-ver-timeline-template-2 .et-timeline-item {
    width: 45%;
    float: left;
    clear: left;
    margin-top: 39px;
    margin-bottom: 33px;
}
.et-ver-timeline-template-2 .et-timeline-item:nth-of-type(2n) {
    float: right;
    clear: right;
    margin-top: 0px;
}
.et-ver-timeline-template-2 .et-title {
    padding: 18px 10px;
    background: #dc4815;
    text-align: center;
    position: relative;
}
.et-ver-timeline-template-2 .et-title a{
    font-family: 'Roboto', sans-serif;
    font-size: 18px;
    font-weight: 500;
    color: #fff;
}
.et-ver-timeline-template-2 .et-title:after {
    position: absolute;
    content: '';
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 7.5px 0 7.5px 10px;
    border-color: transparent transparent transparent #dc4815;
    left: 100%;
}
.et-ver-timeline-template-2 .et-timeline-item:nth-of-type(2n) .et-title:after {
    right: 100%;
    left: auto;
    border-width: 7.5px 10px 7.5px 0;
    border-color: transparent #dc4815 transparent transparent;
}
.et-ver-timeline-template-2 .et-timeline-circle {
    position: absolute;
    left: 50%;
    margin-top: 12px;
    margin-left: -7px;
    border-radius: 50%;
    height: 16px;
    width: 16px;
    background-color: #dddddd;
    border: 3px solid #ffffff;
    z-index: 1;
}
.et-ver-timeline-template-2 .et-contain-main {
    padding: 20px 20px 40px;
    border: 1px solid #eee;
    border-top: 0;
}
.et-ver-timeline-template-2 .et-inner-content {
    padding-top: 32px;
    text-align: center;
}
.et-ver-timeline-template-2 .et-meta-wrap {
    margin-bottom: 14px;
}
.et-ver-timeline-template-2 .et-category-wrap,
.et-ver-timeline-template-2 .et-date,
.et-ver-timeline-template-2 .et-comment-wrap {
    display: inline-block;
}
.et-ver-timeline-template-2 .et-date,
.et-ver-timeline-template-2 .et-comment-wrap {
    color: #797979;
    font-weight: 500;
    position: relative;
}
.et-ver-timeline-template-2 .et-date:before,
.et-ver-timeline-template-2 .et-date:after {
    content: '';
    width: 4px;
    height: 1px;
    background: #9d9d9d;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    position: absolute;
}
.et-ver-timeline-template-2 .et-date:before {
    left: 0;
}
.et-ver-timeline-template-2 .et-date:after {
    right: 0;
}
.et-ver-timeline-template-2 .et-date,
.et-ver-timeline-template-2 .et-comment-wrap,
.et-ver-timeline-template-2 .et-category-list a {
    display: inline-block;
    font-family: 'Roboto', sans-serif;
    font-size: 11px;
    padding: 0 11px;
    margin-bottom: 10px;
}
.et-ver-timeline-template-2 .et-category-list a {
    text-transform: uppercase;
    color: #dc4815;
    font-weight: 600;
}
.et-ver-timeline-template-2 .et-category-list a:hover {
    color: #636161;
}
.et-ver-timeline-template-2 .et-content {
    color: #101010;
    line-height: 1.5;
    font-family: 'Raleway', sans-serif;
    font-size: 13px;
    font-weight: 600;
    margin-bottom: 20px;
}
.et-ver-timeline-template-2 .et-link-button {
    margin-bottom: 26px;
}
.et-ver-timeline-template-2 .et-link-button a {
    display: inline-block;
    padding: 12px 23px;
    border: 1px solid #d5d5d5;
    -webkit-border-radius: 20px;
    border-radius: 20px;
    color: #636161;
    font-family: 'Roboto', sans-serif;
    font-weight: 500;
    text-transform: uppercase;
    font-size: 11px;
    -webkit-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}
.et-ver-timeline-template-2 .et-link-button a:hover {
    background: #dc4815;
    border-color: #dc4815;
    color: #fff;
}
.et-ver-timeline-template-2 .et-meta-wrap-1 {
    border-top: 1px solid #eee;
    border-bottom: 1px solid #eee;
    padding: 18px 0 10px;
}
.et-ver-timeline-template-2 .et-meta-wrap-1 > div {
    display: inline-block;
    margin-right: 30px;
}
.et-ver-timeline-template-2 .et-meta-wrap-1 > div:last-child {
    margin-right: 0;
}
.et-ver-timeline-template-2 .et-author-name ,
.et-ver-timeline-template-2 .et-author-name a,
.et-ver-timeline-template-2 .et-share-wrap-contain span,
.et-ver-timeline-template-2 .et-tag-list a {
    margin-bottom: 8px;
    color: #797979;
    font-size: 12px;
    font-family: 'Roboto', sans-serif;
    font-weight: 500;
    vertical-align: middle;
    display: inline-block;
}
.et-ver-timeline-template-2 .et-author-name a{
    margin-bottom: 0;
    margin-left:5px;
}
.et-ver-timeline-template-2 .et-author-name a:hover{
    color:#dc4815;
}
.et-ver-timeline-template-2 .et-tag-list a {
    padding: 0 7px;
}
.et-ver-timeline-template-2 .et-tag-list a:hover {
    color: #dc4815;
}
.et-ver-timeline-template-2 .et-tag-list {
    position: relative;
    padding-left: 20px;
}
.et-ver-timeline-template-2 .et-share-wrap-contain span {
    position: relative;
}
.et-ver-timeline-template-2 .et-share-wrap-contain span a {
    font-size: 14px;
    color: #222;
    width: 22px;
    height: 22px;
    text-align: center;
    line-height: 22px;
    display: inline-block;
}
.et-ver-timeline-template-2 .et-share-wrap-contain span:hover a {
    color: #818181;
}
.et-ver-timeline-template-2 .et-tag-list i {
    position: absolute;
    left: 0;
    top: 0;
    color: #797979;
    font-size: 12px;
}
.et-ver-timeline-template-2 .et-social-tooltip {
    position: absolute;
    opacity: 0;
    visibility: hidden;
    background: #313131;
    color: #fff;
    padding: 5px 7px;
    font-size: 11px;
    white-space: nowrap;
    -webkit-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
    top: 125%;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
}
.et-ver-timeline-template-2 .et-social-tooltip:before {
    content: '';
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    bottom: 100%;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 7.5px 7px 7.5px;
    border-color: transparent transparent #313131 transparent;
}
.et-ver-timeline-template-2 .et-share-wrap-contain span:hover .et-social-tooltip {
    opacity: 1;
    visibility: visible;
}
/********** Vertical Timeline- template 2 css end***********/

/**********Vertical Timeline- template 3 css start*********/

.et-ver-timeline-template-3 .et-timeline-line {
    position: absolute;
    left: 50%;
    top: 0;
    height: 100%;
    border-right: 1px solid #e5e5e5;
    border-left: 1px solid #e5e5e5;
}
.et-ver-timeline-template-3 .et-timeline-item {
    margin-bottom: 48px;
    position: relative;
}
.et-ver-timeline-template-3 .et-all-contain-here {
    width: 45%;
    float: left;
    clear: left;
    background-color: #fff;
    border: 1px solid #eee;
    position: relative;
}
.et-ver-timeline-template-3 .et-author-block {
    width: 45%;
    float: right;
    clear: right;
    text-align: left;
    padding-top: 17px;
}
.et-ver-timeline-template-3 .et-timeline-item:nth-of-type(2n) .et-all-contain-here {
    float: right;
    clear: right;
}
.et-ver-timeline-template-3 .et-timeline-item:nth-of-type(2n) .et-author-block {
    float: left;
    clear: left;
    text-align: right;
}
.et-ver-timeline-template-3 .et-timeline-date {
    width: 62px;
    height: 62px;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    background-color: #454545;
    clear: both;
    margin: 0 auto 66px;
    text-align: center;
    line-height: 62px;
    position: relative;
    z-index: 9;
    font-size: 20px;
    color: #fff;
    font-weight: 600;
    font-family: 'Roboto Slab', serif;
}
.et-ver-timeline-template-3 .et-author-name img {
    position: absolute;
    width: 56px;
    height: 56px;
    left: 50%;
    top: 0;
    margin-left: -28px;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    z-index: 9;
}
.et-ver-timeline-template-3 .et-contain-main-inner {
    padding: 39px 30px;
    text-align: left;
}
.et-ver-timeline-template-3 .et-title {
    margin-bottom: 20px;
}
.et-ver-timeline-template-3 .et-title a{
    font-family: 'Roboto Slab', serif;
    font-size: 34px;
    color: #454545;
    font-weight: 600;
    line-height: 1.2;
}
.et-ver-timeline-template-3 .et-title a:hover{
    color:#e74c3c;
}
.et-ver-timeline-template-3 .et-meta-wrap {
    margin-bottom: 20px;
}
.et-ver-timeline-template-3 .et-comment-wrap, 
.et-ver-timeline-template-3 .et-tag-list a {
    margin-bottom: 5px;
    color: #e74c3c;
    font-family: 'Lato', sans-serif;
    font-size: 12px;
    font-weight: 500;
    text-transform: uppercase;
}
.et-ver-timeline-template-3 .et-tag-list a {
    margin-bottom: 5px;
}
.et-ver-timeline-template-3 .et-meta-wrap{
    display:-moz-flex;
    display:-webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    -moz-flex-direction: row;
    flex-direction: row;
    width: 100%;
    clear: both;
}
.et-ver-timeline-template-3 .et-meta-wrap > div {
    float: left;
    position: relative;
    padding-left: 25px;
    color: #e74c3c;
    float: left;
}
.et-ver-timeline-template-3 .et-tag-list{
    margin-left: auto;
}
.et-ver-timeline-template-3 .et-meta-wrap  .et-comment-wrap {
    margin-right:10px;
    padding-left: 0;
    white-space: nowrap;
}

.et-ver-timeline-template-3 .et-content {
    color: #717171;
    font-size: 16px;
    font-family: 'Roboto Slab', serif;
    font-weight: 500;
    line-height: 1.6;
    margin-bottom: 35px;
}
.et-ver-timeline-template-3 .et-lower-meta .et-link-button {
    float: left;
}
.et-ver-timeline-template-3 .et-lower-meta .et-share-wrap {
    float: right;
}
.et-ver-timeline-template-3 .et-link-button a {
    padding: 11px 20px;
    display: inline-block;
    color: #fff;
    background-color: #e74c3c;
    font-size: 16px;
    font-family: 'Roboto Slab', serif;
    font-weight: 500;
    -webkit-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
    margin-bottom: 3px;
}
.et-ver-timeline-template-3 .et-link-button a:hover {
    background: #454545;
}
.et-ver-timeline-template-3 .et-author-name {
    margin-bottom: 10px;
}
.et-ver-timeline-template-3 .et-author-name a{
    font-size: 16px;
    font-family: 'Roboto Slab', serif;
    font-weight: 600;
    color: #454545;
    margin-bottom: 10px;
}
.et-ver-timeline-template-3 .et-author-name a:hover{
    color:#e74c3c;
}
.et-ver-timeline-template-3 .et-date {
    display: inline-block;
    color: #454545;
    font-weight: 500;
    font-size: 13px;
    font-family: 'Roboto Slab', serif;
    position: relative;
    padding-left: 20px;
    margin-bottom: 15px;
}
.et-ver-timeline-template-3 .et-date i {
    color: #888888;
    font-size: 13px;
    position: absolute;
    top: 0;
    left: 0;
}
.et-ver-timeline-template-3 .et-category-list span {
    display: block;
}
.et-ver-timeline-template-3 .et-category-list a {
    display: inline-block;
    color: #e74c3c;
    font-weight: 500;
    font-size: 14px;
    font-family: 'Roboto Slab', serif;
    margin-bottom: 10px;
}
.et-ver-timeline-template-3 .et-tag-list a:hover,
.et-ver-timeline-template-3 .et-category-list a:hover {
    color: #454545;
}
/*.et-ver-timeline-template-3 .et-lower-meta .et-link-button {
    float: left;
}
.et-ver-timeline-template-3 .et-lower-meta .et-share-wrap {
    float: right;
}*/
.et-ver-timeline-template-3 .et-share-wrap a {
    width: 28px;
    height: 28px;
    line-height: 28px;
    font-size: 12px;
    color: #fff;
    background: #00bf9d;
    box-shadow: none;
    -webkit-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
    display: inline-block;
    text-align: center;
    margin: 0 2px 3px;
}
.et-ver-timeline-template-3 .et-share-wrap .et-fb {
    background: #1b70b6;
}
.et-ver-timeline-template-3 .et-share-wrap .et-tw {
    background: #38b4e7;
}
.et-ver-timeline-template-3 .et-share-wrap .et-gp {
    background: #dd4b39;
}
.et-ver-timeline-template-3 .et-share-wrap .et-pn {
    background: #cb2027;
}
.et-ver-timeline-template-3 .et-share-wrap .et-ln {
    background: #0084bf;
}
.et-ver-timeline-template-3 .et-share-wrap a:hover {
    -webkit-transform: scale(1.07) translateZ(0);
    transform: scale(1.073) translateZ(0);
}
/**********Vertical Timeline- template 3 css end***********/
/**********Vertical Timeline- template 4 css start*********/

.et-ver-timeline-template-4 .et-timeline-line {
    width: 3px;
    height: 100%;
    position: absolute;
    left: 50%;
    margin-left: -1.5px;
    background: #55a098;
    top: 0;
}
.et-ver-timeline-template-4 .et-year-date{
    color: #fff;
    font-family: 'Merriweather', serif;
    font-size: 18px;
    font-weight: 500;
    background: #55a098;
    margin: 0 auto 50px;
    clear: both;
    max-width:100px;
    width: 100%;
    padding: 7px 0;
    position: relative;
    z-index: 9;
    text-align: center;
}
.et-ver-timeline-template-4 .et-timeline-date {
    margin: 0 auto;
    width: 62px;
    height: 62px;
    border: 4px solid #fff;
    background: #55a098;
    text-align: center;
    position: relative;
    z-index: 9;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    clear: both;
}
.et-ver-timeline-template-4 .et-timeline-item {
    width: 45%;
    float: left;
    clear: both;
    text-align: center;
    background: #fff;
    border: 1px solid #eee;
    margin-top: -58px;
    margin-bottom: 20px;
}
.et-ver-timeline-template-4 .et-timeline-item:nth-of-type(2n) {
    float: right;
    clear: both;
}
.et-ver-timeline-template-4 .et-title {
    background: #55a098;
    padding: 17px 0;
    position: relative;
}
.et-ver-timeline-template-4 .et-title a{
    color: #fff;
    font-family: 'Merriweather', serif;
    font-size: 18px;
    font-weight: 500;
}
.et-ver-timeline-template-4 .et-title:after {
    content: '';
    position: absolute;
    left: 100%;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 9.5px 0 12.5px 11px;
    border-color: transparent transparent transparent #55a098;
}
.et-ver-timeline-template-4 .et-timeline-item:nth-of-type(2n) .et-title:after {
    left: auto;
    right: 100%;
    border-width: 9.5px 11px 12.5px 0;
    border-color: transparent #55a098 transparent transparent;
}
.et-ver-timeline-template-4 .et-another-wrap {
    padding: 15px 20px 32px;
}
.et-ver-timeline-template-4 .et-category-wrap {
    margin-bottom: 9px;
}
.et-ver-timeline-template-4 .et-category-list a {
    display: inline-block;
    color: #55a098;
    font-family: 'Merriweather', serif;
    font-size: 13px;
    font-weight: 500;
    padding: 0 3px;
    margin: 0 2px 5px;
    text-transform: uppercase;
}
.et-ver-timeline-template-4 .et-category-list a:hover {
    color: #222;
}
.et-ver-timeline-template-4 .et-image {
    margin-bottom: 17px;
}
.et-ver-timeline-template-4 .et-meta-wrap {
    margin-bottom: 16px;
}
.et-ver-timeline-template-4 .et-meta-wrap > div{
    padding: 0 6px;
}
.et-ver-timeline-template-4 .et-meta-wrap > div,
.et-ver-timeline-template-4 .et-meta-wrap > div a {
    display: inline-block;
    font-family: 'Merriweather', serif;
    font-size: 15px;
    font-weight: 500;
    color: #777;
}
.et-ver-timeline-template-4 .et-meta-wrap .et-comment-wrap {
    position: relative;
    padding-left: 16px;
}
.et-ver-timeline-template-4 .et-meta-wrap .et-author-name a{
    color: #55a098;
}
.et-ver-timeline-template-4 .et-meta-wrap .et-author-name a:hover{
    color:#777;
}
.et-ver-timeline-template-4 .et-comment-wrap:before {
    content: "-";
    position: absolute;
    font-family: Fontawesome;
    left: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}
.et-ver-timeline-template-4 .et-content {
    color: #333;
    font-size: 14px;
    font-weight: 500;
    font-family: 'Roboto', sans-serif;
    line-height: 1.5;
    text-align: left;
    margin-bottom: 16px;
}
.et-ver-timeline-template-4 .et-link-button {
    text-align: left;
    margin-bottom: 24px;
}
.et-ver-timeline-template-4 .et-link-button a {
    color: #55a098;
    font-size: 15px;
    font-family: 'Merriweather', serif;
    font-weight: 500;
    -webkit-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}
.et-ver-timeline-template-4 .et-link-button a:hover {
    color: #222;
}
.et-ver-timeline-template-4 .et-lower-meta-wrap {
    display: -moz-flex;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    -moz-flex-direction: row;
    flex-direction: row;
    -moz-align-items: center;
    -webkit-align-items: center;
    align-items: center;
}
.et-ver-timeline-template-4 .et-tag-list {
    float: left;
}
.et-ver-timeline-template-4 .et-share-wrap {
    float: right;
    margin-left: auto;
}
.et-ver-timeline-template-4 .et-tag-list a {
    padding: 7px 9px;
    display: inline-block;
    border: 1px solid #eee;
    color: #333;
    font-size: 10px;
    font-weight: 600;
    font-family: 'Roboto', sans-serif;
    text-transform: uppercase;
    margin: 0 5px 5px;
    -webkit-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}
.et-ver-timeline-template-4 .et-tag-list a:hover {
    background: #55a098;
    color: #fff;
}
.et-ver-timeline-template-4 .et-tag-list a:nth-of-type(1) {
    margin-left: 0;
}
.et-ver-timeline-template-4 .et-share-wrap a {
    width: 29px;
    height: 29px;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    border: 1px solid #eee;
    line-height: 29px;
    background: #dedede;
    color: #333;
    font-size: 15px;
    margin-bottom: 5px;
    display: inline-block;
    -webkit-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}
.et-ver-timeline-template-4 .et-share-wrap a:hover {
    background: #55a098;
    color: #fff;
}
.et-ver-timeline-template-4 .et-timeline-date-inner-wrap {
    position: relative;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}
.et-ver-timeline-template-4 .et-timeline-date-inner-wrap > div {
    color: #fff;
    font-size: 16px;
    text-transform: uppercase;
    font-family: 'Hind', sans-serif;
}
.et-ver-timeline-template-4 .bx-wrapper {
    margin-bottom: 20px;
}
/**********Vertical Timeline- template 4 css end***********/
/**********Vertical Timeline- template 5 css start*********/

.et-ver-timeline-template-5 .et-timeline-line {
    width: 3px;
    height: 100%;
    position: absolute;
    left: 50%;
    margin-left: -1.5px;
    background: #f1f1f1;
    top: 0;
}
.et-ver-timeline-template-5 .et-timeline-date {
    text-align: center;
    clear: both;
    margin-bottom: 88px;
}
.et-ver-timeline-template-5 .et-timeline-date span {
    border: 2px solid #f1f1f1;
    background: #0f0f0f;
    text-align: center;
    position: relative;
    z-index: 9;
    color: #fff;
    display: inline-block;
    font-family: 'Open Sans', sans-serif;
    padding: 10px 12px;
    font-size: 13px;
    font-weight: 500;
}
.et-ver-timeline-template-5 .et-timeline-item {
    width: 45%;
    float: left;
    clear: left;
    text-align: left;
    background: #fff;
    border: 1px solid #eee;
    margin-bottom: 80px;
}
.et-ver-timeline-template-5 .et-timeline-item:nth-of-type(2n) {
    float: right;
    clear: right;
    margin-top: 190px;
}
.et-ver-timeline-template-5 .et-timeline-circle {
    position: absolute;
    left: 50%;
    margin-top: 12px;
    margin-left: -12px;
    border-radius: 50%;
    height: 24px;
    width: 24px;
    background-color: #f1f1f1;
    z-index: 1;
    -moz-box-shadow: 0 0 0 6px #000 inset;
    -webkit-box-shadow: 0 0 0 6px #000 inset;
    box-shadow: 0 0 0 6px #000 inset;
}
.et-ver-timeline-template-5 .et-timeline-circle:before {
    content: '';
    position: absolute;
    width: 38px;
    height: 3px;
    background-color: #f1f1f1;
    top: 50%;
    margin-top: -1.5px;
    right: 100%;
}
.et-ver-timeline-template-5 .et-timeline-item:nth-of-type(2n) .et-timeline-circle:before {
    right: auto;
    left: 100%;
}
.et-ver-timeline-template-5 .et-bottom-wrap-main-content {
    padding: 0 18px 10px;
    background: #fff;
}
.et-ver-timeline-template-5 .et-meta-wrap {
    padding: 14px 0;
    border-bottom: 2px solid #b1b2b5;
}
.et-ver-timeline-template-5 .et-meta-wrap .et-author-name,
.et-ver-timeline-template-5 .et-meta-wrap .et-comment-wrap {
    float: left;
    width: 50%;
}
.et-ver-timeline-template-5 .et-meta-wrap .et-author-name {
    text-align: left;
}
.et-ver-timeline-template-5 .et-meta-wrap .et-comment-wrap {
    text-align: right;
}
.et-ver-timeline-template-5 .et-author-name a,
.et-ver-timeline-template-5 .et-comment-wrap {
    font-family: 'Open Sans', sans-serif;
    font-size: 13px;
    color: #929292;
    text-transform: uppercase;
}
.et-ver-timeline-template-5 .et-author-name i,
.et-ver-timeline-template-5 .et-comment-wrap i {
    margin-right: 9px;
}
.et-ver-timeline-template-5 .et-main-wrap {
    padding: 24px 0;
    border-bottom: 1px solid #b1b2b5;
}
.et-ver-timeline-template-5 .et-category-wrap {
    margin-bottom: 20px;
}
.et-ver-timeline-template-5 .et-category-list a {
    font-family: 'Roboto', sans-serif;
    text-transform: uppercase;
    font-size: 12px;
    color: #373737;
    font-weight: 600;
}
.et-ver-timeline-template-5 .et-category-list a:hover {
    color: #777;
}
.et-ver-timeline-template-5 .et-title {
    margin-bottom: 27px;
}
.et-ver-timeline-template-5 .et-title a{
    font-size: 27px;
    color: #000;
    font-family: 'Roboto', sans-serif;
    font-weight: 500;
}
.et-ver-timeline-template-5 .et-title a:hover{
    color:#777;
}
.et-ver-timeline-template-5 .et-date {
    font-size: 12px;
    color: #929292;
    font-weight: 500;
    text-transform: uppercase;
    font-family: 'Open Sans', sans-serif;
    margin-bottom: 30px;
}
.et-ver-timeline-template-5 .et-content {
    font-size: 13px;
    line-height: 1.5;
    font-weight: 500;
    font-family: 'Open Sans', sans-serif;
    margin-bottom: 34px;
}
.et-ver-timeline-template-5 .et-link-button a {
    padding: 12px 29px;
    display: inline-block;
    -webkit-border-radius: 20px;
    border-radius: 20px;
    background: #e0f0ed;
    font-size: 12px;
    text-transform: uppercase;
    color: #5e5e5e;
    font-family: 'Open Sans', sans-serif;
    font-size: 600;
    -webkit-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}
.et-ver-timeline-template-5 .et-bottom-wrap {
    padding: 11px 6px;
}
.et-ver-timeline-template-5 .et-tag-list,
.et-ver-timeline-template-5 .et-share-wrap {
    width: 50%;
    float: left;
}
.et-ver-timeline-template-5 .et-share-wrap {
    text-align: right;
    font-size: 11px;
    color: #b5c3dc;
    text-transform: uppercase;
    letter-spacing: 1px;
    margin-top: 5px;
}
.et-ver-timeline-template-5 .et-share-wrap a {
    display: inline-block;
    vertical-align: middle;
    padding: 0 5px;
    color: #353434;
}
.et-ver-timeline-template-5 .et-share-wrap a:hover {
    color: #777;
}
.et-ver-timeline-template-5 .et-tag-list a {
    display: inline-block;
    vertical-align: middle;
    background: #e0f0ed;
    padding: 7px 8px;
    font-size: 11px;
    font-family: 'Open Sans', sans-serif;
    text-transform: uppercase;
    color: #000;
    margin-right: 5px;
    margin-bottom: 5px;
    -webkit-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}
.et-ver-timeline-template-5 .et-link-button a:hover,
.et-ver-timeline-template-5 .et-tag-list a:hover {
    background: #929292;
    color: #fff;
}
/**********Vertical Timeline- template 5 css end***********/
/**********Vertical Timeline- template 6 css start*********/

.et-ver-timeline-template-6 .et-timeline-line {
    width: 3px;
    height: 100%;
    position: absolute;
    left: 50%;
    margin-left: -1.5px;
    background: #ab6356;
    top: 0;
}
.et-ver-timeline-template-6 .et-timeline-date {
    text-align: center;
    clear: both;
    margin-bottom: 88px;
}
.et-ver-timeline-template-6 .et-timeline-date span {
    background: #ab6356;
    text-align: center;
    position: relative;
    z-index: 9;
    color: #fff;
    display: inline-block;
    font-family: 'Open Sans', sans-serif;
    padding: 10px 12px;
    font-size: 13px;
    font-weight: 500;
}
.et-ver-timeline-template-6 .et-timeline-item {
    width: 45%;
    float: left;
    clear: both;
    text-align: center;
    background: #fff;
    border: 1px solid #eee;
    margin-bottom: 80px;
}
.et-ver-timeline-template-6 .et-timeline-item:nth-of-type(2n) {
    float: right;
    clear: both;
    margin-top: 190px;
}
.et-ver-timeline-template-6 .et-inner-wrap-contain {
    background: #ebe8e8;
    position: relative;
}
.et-ver-timeline-template-6 .et-timeline-circle-date {
    position: absolute;
    left: 53%;
    background: #aa6356;
    color: #fff;
    padding: 8px 16px 6px;
    font-family: 'Roboto', sans-serif;
    font-size: 14px;
    font-weight: 500;
    margin-top: 5px;
}
.et-ver-timeline-template-6 .et-timeline-item:nth-of-type(2n) .et-timeline-circle-date {
    right: 53%;
    left: auto;
}
.et-ver-timeline-template-6 .et-timeline-circle-date:before {
    content: '';
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 7.5px 10px 7.5px 0;
    border-color: transparent #aa6356 transparent transparent;
    right: 100%;
}
.et-ver-timeline-template-6 .et-timeline-item:nth-of-type(2n) .et-timeline-circle-date:before {
    border-width: 7.5px 0 7.5px 10px;
    border-color: transparent transparent transparent #aa6356;
    right: auto;
    left: 100%;
}
.et-ver-timeline-template-6 .et-top-header {
    padding: 25px 27px 20px;
}
.et-ver-timeline-template-6 .et-title {
    margin-bottom: 10px;
}
.et-ver-timeline-template-6 .et-title a{
    font-family: 'Roboto', sans-serif;
    font-size: 28px;
    color: #373737;
    font-weight: 600;
    text-transform: uppercase;
}
.et-ver-timeline-template-6 .et-title a:hover{
    color:#e4a697;
}
.et-ver-timeline-template-6 .et-meta-wrap > div{
    padding: 0 11px;
}
.et-ver-timeline-template-6 .et-meta-wrap > div,
.et-ver-timeline-template-6 .et-meta-wrap > div a {
    display: inline-block;
    vertical-align: middle;
    position: relative;
    font-size: 12px;
    font-family: 'Roboto', sans-serif;
    color: #373737;
    font-weight: 600;
}
.et-ver-timeline-template-6 .et-meta-wrap > div a:hover{
    color:#e4a697;
}
.et-ver-timeline-template-6 .et-author-name:before,
.et-ver-timeline-template-6 .et-comment-wrap:before {
    content: '';
    position: absolute;
    width: 4px;
    height: 4px;
    background: #000;
    top: 50%;
    margin-top: -2px;
    left: 0;
}
.et-ver-timeline-template-6 .et-category-wrap .et-category-list {
    margin-bottom: 15px;
}
.et-ver-timeline-template-6 .et-category-wrap .et-category-list a {
    color: #e4a697;
    font-size: 13px;
    text-transform: uppercase;
    display: inline-block;
    font-family: 'Roboto', sans-serif;
    font-weight: 500;
    padding: 0 5px;
}
.et-ver-timeline-template-6 .et-category-wrap .et-category-list a:hover {
    color: #aa6356;
}
.et-ver-timeline-template-6 .et-content-outer-wrap {
    padding: 22px 30px 11px;
}
.et-ver-timeline-template-6 .et-content {
    font-size: 14px;
    color: #6a6a6a;
    font-weight: 500;
    line-height: 1.8;
    font-family: 'Roboto', sans-serif;
    margin-bottom: 5px;
}
.et-ver-timeline-template-6 .et-link-button a {
    display: inline-block;
    color: #e4a697;
    font-size: 14px;
    text-transform: uppercase;
    font-weight: 500;
    position: relative;
    font-family: 'Roboto', sans-serif;
    letter-spacing: 1px;
    padding: 10px 0;
    -webkit-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
    position: relative;
}
.et-ver-timeline-template-6 .et-link-button a:hover {
    letter-spacing: 5px;
}
.et-ver-timeline-template-6 .et-link-button a:after,
.et-ver-timeline-template-6 .et-link-button a:before {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    border: 1px solid rgba(228, 166, 151, 0);
    content: " ";
    display: block;
    margin: 0 auto;
    position: relative;
    -webkit-transition: all 280ms ease-in-out;
    transition: all 280ms ease-in-out;
    width: 0;
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
}
.et-ver-timeline-template-6 .et-link-button a:after {
    bottom: 0;
}
.et-ver-timeline-template-6 .et-link-button a:before {
    top: 0;
}
.et-ver-timeline-template-6 .et-link-button a:hover:after,
.et-ver-timeline-template-6 .et-link-button a:hover:before {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    border-color: #e4a697;
    -webkit-transition: width 350ms ease-in-out;
    transition: width 350ms ease-in-out;
    width: 100%;
}
.et-ver-timeline-template-6 .et-link-button a:hover:before {
    width: 100%;
}
.et-ver-timeline-template-6 .et-bottom-wrap {
    display: table;
    background: #e4a697;
    width: 100%;
}
.et-ver-timeline-template-6 .et-bottom-wrap > div {
    width: 33.33%;
    display: table-cell;
    vertical-align: top;
    vertical-align: middle;
    padding: 0px 3px;
    font-family: 'Roboto', sans-serif;
    color: #fff;
    font-size: 14px;
    font-weight: 500;
}
.et-ver-timeline-template-6 .et-tag-list {
    text-align: right;
}
.et-ver-timeline-template-6 .et-tag-list a {
    padding: 12px 8px;
    font-size: 14px;
    font-weight: 500;
    font-family: 'Roboto', sans-serif;
    text-transform: uppercase;
    display: inline-block;
    background: #e4a697;
    color: #fff;
    border-left: 1px solid #edc3b9;
    text-align: center;
}
.et-ver-timeline-template-6 .et-tag-list a:hover {
    color: #ab6356;
}
.et-ver-timeline-template-6 .et-tag-list i {
    margin-right: 5px;
}
.et-ver-timeline-template-6 .et-share-wrap {
    text-align: left;
}
.et-ver-timeline-template-6 .et-share-wrap a {
    display: inline-block;
    min-width: 35px;
    text-align: center;
    font-size: 17px;
    color: #fff;
    padding: 10px 7px;
    -webkit-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
    border-right: 1px solid #edc3b9;
}
.et-ver-timeline-template-6 .et-share-wrap a:hover {
    color: #ab6356;
}
/**********Vertical Timeline- template 6 css end***********/

/**********Timeline- template 7 css start*********/

.et-ver-timeline-template-7 .et-timeline-line {
    width: 3px;
    height: 100%;
    position: absolute;
    left: 50%;
    margin-left: -1.5px;
    background: #e2e2e2;
    top: 0;
}
.et-ver-timeline-template-7 .et-timeline-date {
    text-align: center;
    clear: both;
    margin-bottom: 88px;
}
.et-ver-timeline-template-7 .et-timeline-date span {
    background: #e2e2e2;
    text-align: center;
    position: relative;
    z-index: 9;
    color: #000;
    display: inline-block;
    font-family: 'Vollkorn', serif;
    padding: 10px 25px;
    font-size: 24px;
    font-weight:400;
    border-radius:7px;
    min-width:155px;
}
.et-ver-timeline-template-7 .et-timeline-item {
    width: 45%;
    float: left;
    clear: both;
    text-align: left;
    background: #fff;
    margin-bottom: 80px;
}
.et-ver-timeline-template-7 .et-timeline-item:nth-of-type(2n) {
    float: right;
    clear:both;
}
.et-ver-timeline-template-7 .et-inner-wrap-contain {
    background: #ebe8e8;
    position: relative;
}
.et-ver-timeline-template-7 .et-timeline-circle-date {
    position: absolute;
    left: 53%;
    color:#252525;
    padding: 8px 16px 6px;
    font-family: 'Vollkorn', serif;
    font-size: 16px;
    font-weight:400;
}
.et-ver-timeline-template-7 .et-icon-block{
    position: absolute;
    left: 50%;
    width: 36px;
    height: 36px;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    z-index: 99;
    background:#71d027;
    text-align:center;
    color:#fff;
    font-size:13px;
}
.et-ver-timeline-template-7 .et-icon-block i{
    line-height:36px;
}
.et-ver-timeline-template-7 .et-timeline-item:nth-of-type(2n) .et-icon-block{
    right: 50%;
    left: auto;
    -webkit-transform: translateX(50%);
    transform: translateX(50%);
    background:#03b1d4;
}
.et-ver-timeline-template-7 .et-timeline-item:nth-of-type(2n) .et-timeline-circle-date {
    right: 53%;
    left: auto;
}
.et-ver-timeline-template-7 .et-top-header {
    padding: 25px 27px 20px;
}
.et-ver-timeline-template-7  .et-contain-main-inner{
    background:#f7f7f7;
    padding:41px 25px 20px;
}
.et-ver-timeline-template-7 .et-title{
    margin-bottom:7px;
}
.et-ver-timeline-template-7 .et-title a{
    font-size: 25px;
    color: #252525;
    line-height: 1.5;
    font-family: 'Fjalla One', sans-serif;
    text-transform: uppercase;
}
.et-ver-timeline-template-7 .et-title a:hover{
    color:#e4a697;
}
.et-ver-timeline-template-7 .et-meta-wrap  .et-author-name{
    float:left;
}
.et-ver-timeline-template-7 .et-meta-wrap  .et-comment-wrap{
    float:right;
}
.et-ver-timeline-template-7 .et-meta-wrap > div a,
.et-ver-timeline-template-7 .et-meta-wrap > div span,
.et-ver-timeline-template-7 .et-meta-wrap > div .et-comment{
    color: #707070;
    display:inline-block;
    vertical-align:middle;
}
.et-ver-timeline-template-7 .et-meta-wrap > div .et-comment,
.et-ver-timeline-template-7 .et-meta-wrap > div a{
    font-size: 14px;
    font-family: 'Vollkorn', serif;
    font-weight:400;
    letter-spacing:1px;
}
.et-ver-timeline-template-7 .et-meta-wrap > div span{
    width:auto;
    height:auto;
}
.et-ver-timeline-template-7 .et-meta-wrap > div a:hover{
    color:#e4a697;
}
.et-ver-timeline-template-7 .et-category-wrap .et-category-list {
    padding:23px 21px;

    background:#fff;
}
.et-ver-timeline-template-7 .et-category-wrap .et-category-list a {
    color: #fff;
    font-size: 16px;
    display: inline-block;
    font-family: 'Vollkorn', serif;
    font-weight:600;
    padding:9px 17px 7px;
    background:#252525;
    border-radius:15px;
}
.et-ver-timeline-template-7 .et-category-wrap .et-category-list a:hover {
    color: #fff;
    background: #ab6356;
}
.et-ver-timeline-template-7 .et-content-outer-wrap {
    padding: 22px 30px 11px;
}
.et-ver-timeline-template-7 .et-title-meta-wrap + .et-content{
    margin-top:35px;
}
.et-ver-timeline-template-7 .et-content {
    font-size:20px;
    color: #252525;
    line-height: 1.7;
    font-family: 'Fjalla One', sans-serif;
    padding-bottom:25px;
}
.et-ver-timeline-template-7  .et-lower-meta{
    border-top: 1px solid #cecece;
    padding:18px 0;
}
.et-ver-timeline-template-7 .et-link-button{
    float:left;
}
.et-ver-timeline-template-7 .et-share-wrap{
    float:right;
}
.et-ver-timeline-template-7 .et-link-button a {
    display: inline-block;
    color: #7d7d7d;
    font-size:18px;
    position: relative;
    font-family: 'Vollkorn', serif;
    font-weight: 400;
    letter-spacing: 1px;
    padding: 10px 0;
    -webkit-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
    position: relative;
}
.et-ver-timeline-template-7 .et-link-button a:hover{
    color: #ab6356;
}
.et-ver-timeline-template-7 .et-bottom-wrap {
    display: table;
    background: #e4a697;
    width: 100%;
}
.et-ver-timeline-template-7 .et-bottom-wrap > div {
    width: 33.33%;
    display: table-cell;
    vertical-align: top;
    vertical-align: middle;
    padding: 0px 3px;
    font-family: 'Roboto', sans-serif;
    color: #fff;
    font-size: 14px;
    font-weight: 500;
}
.et-ver-timeline-template-7  .et-image-tag-wrap{
    position:relative;
}
.et-ver-timeline-template-7  .et-image-tag-wrap .et-image{
    position:relative;
}
.et-ver-timeline-template-7  .et-image-tag-wrap .et-image:before{
    position:absolute;
    content:'';
    top:0;
    bottom:0;
    left:0;
    right:0;
    background:rgba(0,0,0,0.3);
}
.et-ver-timeline-template-7 .et-tag-list,
.et-ver-timeline-template-7 .et-tag-list > i,
.et-ver-timeline-template-7 .et-tag-list a {
    font-size:16px;
    color:#fff;
}
.et-ver-timeline-template-7 .et-tag-list {

    position:absolute;
    bottom:7px;
    left:0;
    right:0;
    padding:7px 20px;
    color:#fff;
}
.et-ver-timeline-template-7 .et-tag-list a {
    padding: 8px;
    font-weight: 600;
    font-family: 'Vollkorn', serif;
    display: inline-block;
    text-transform:capitalize;
}
.et-ver-timeline-template-7 .et-tag-list a:hover {
    color: #ab6356;
}
.et-ver-timeline-template-7 .et-tag-list i {
    margin-right: 5px;
}
.et-ver-timeline-template-7 .et-share-wrap {
    text-align: left;
}
.et-ver-timeline-template-7 .et-share-wrap a {
    display: inline-block;
    min-width: 35px;
    text-align: center;
    font-size: 17px;
    color: #7d7d7d;
    padding:7px;
    -webkit-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}
.et-ver-timeline-template-7 .et-share-wrap a:hover {
    color: #ab6356;
}
/**********Timeline- template 7 css end***********/
/**********Timeline- template 8 css start*********/

.et-ver-timeline-template-8 .et-timeline-line {
    width: 3px;
    height: 100%;
    position: absolute;
    left: 50%;
    margin-left: -1.5px;
    background: #e2e2e2;
    top: 0;
}
.et-ver-timeline-template-8 .et-timeline-date {
    text-align: center;
    clear: both;
    margin-bottom: 88px;
}
.et-ver-timeline-template-8 .et-timeline-date span {
    text-align: center;
    position: relative;
    z-index: 9;
    display: inline-block;
    font-family: 'Open Sans', sans-serif;
    font-size: 35px;
    font-weight:600;
    border-radius:50%;
    width:132px;
    height:132px;
    line-height:132px;
    background:#649727;
    color:#fff;
}
.et-ver-timeline-template-8 .et-timeline-item {
    width: 43%;
    float: left;
    clear: both;
    text-align: left;
    background: #fff;
    margin-bottom: 80px;
}
.et-ver-timeline-template-8 .et-timeline-item:nth-of-type(2n) {
    float: right;
    clear: both;
}
.et-ver-timeline-template-8 .et-inner-wrap-contain {
    background: #ebe8e8;
    position: relative;
}
.et-ver-timeline-template-8 .et-timeline-circle-date {
    position: absolute;
    left: 53%;
    color:#252525;
    padding: 8px 16px 6px;
    font-family: 'Vollkorn', serif;
    font-size: 16px;
    font-weight:400;
}
.et-ver-timeline-template-8  .et-circle{
    background: #649727;
    width: 22px;
    height: 22px;
    border-radius: 50%;
    left: 50%;
    transform: translateX(-50%);
    position: absolute;
    z-index: 9;
    margin-top: -10px;
}
.et-ver-timeline-template-8 .et-icon-block{
    position: absolute;
    left: -webkit-calc(50% + 28px);
    left: calc(50% + 28px);
    width:50px;
    height:50px;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    z-index: 99;
    background:#eff4e9;
    text-align:center;
    color:#649727;
    font-size:16px;
    margin-top:-25px;
}
.et-ver-timeline-template-8 .et-icon-block i{
    line-height:50px;
}
.et-ver-timeline-template-8 .et-timeline-item:nth-of-type(2n) .et-icon-block{
    right:-webkit-calc(50% + 28px);
    right: calc(50% + 28px);
    left: auto;
}
.et-ver-timeline-template-8 .et-timeline-item:nth-of-type(2n) .et-timeline-circle-date {
    right: 53%;
    left: auto;
}
.et-ver-timeline-template-8 .et-top-header {
    padding: 25px 27px 20px;
}
.et-ver-timeline-template-8 .et-template-outer-contain{
    position:relative;
}
.et-ver-timeline-template-8 .et-template-outer-contain .et-date{
    position: absolute;
    right: 0;
    top: 0;
    width: 78px;
    height: 78px;
    background: #649727;
    z-index: 9;
    margin-top: -39px;
    text-align: center;
    margin-right: -39px;
    border-radius: 50%;
}
.et-ver-timeline-template-8 .et-template-outer-contain .et-date:after{
    content:'';
    position:absolute;
    left:99%;
    top:50%;
    -webkit-transform:translateY(-50%);
    transform:translateY(-50%);
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 7.5px 0 7.5px 10px;
    border-color: transparent transparent transparent #649727;
}
.et-ver-timeline-template-8 .et-timeline-item:nth-of-type(2n) .et-template-outer-contain .et-date{
    left: 0;
    right:auto;
    margin-left: -39px;
    margin-right:auto;
}
.et-ver-timeline-template-8 .et-timeline-item:nth-of-type(2n)  .et-template-outer-contain .et-date:after{
    right:99%;
    left:auto;
    border-width: 7.5px 10px 7.5px 0;
    border-color: transparent #649727 transparent transparent;
}
.et-ver-timeline-template-8 .et-template-outer-contain .et-date .et-date-second-wrap{
    position:relative;
    top:50%;
    -webkit-transform:translateY(-50%);
    transform:translateY(-50%);
}
.et-ver-timeline-template-8  .et-date-day,
.et-ver-timeline-template-8  .et-month{
    font-family: 'Open Sans', sans-serif;
    color:#fff;
}
.et-ver-timeline-template-8  .et-date-day{
    font-size:21px;
    margin-bottom:5px;
}
.et-ver-timeline-template-8  .et-month{
    font-size:13px;
}
.et-ver-timeline-template-8  .et-contain-main-inner{
    background: #fff;
    border: 1px solid #eee;
}
.et-ver-timeline-template-8  .et-first-layer{
    border:1px solid #eee;
    margin-bottom:10px;
}
.et-ver-timeline-template-8  .et-main-wrap-middle{
    padding: 41px 25px;
}
.et-ver-timeline-template-8 .et-title{
    margin-bottom:20px;
}
.et-ver-timeline-template-8 .et-title a{
    font-size: 30px;
    color: #363636;
    font-weight:600;
    line-height: 1.5;
    font-family: 'Open Sans', sans-serif;
}
.et-ver-timeline-template-8 .et-title a:hover{
    color:#e4a697;
}
.et-ver-timeline-template-8  .et-comment-wrap,
.et-ver-timeline-template-8  .et-comment-wrap span,
.et-ver-timeline-template-8 .et-tag-list,
.et-ver-timeline-template-8 .et-tag-list i,
.et-ver-timeline-template-8 .et-tag-list a{
    display:inline-block;
    vertical-align:top;
    color:#649727;
}
.et-ver-timeline-template-8 .et-meta-wrap > div{
    float: left;
}
.et-ver-timeline-template-8 .et-tag-list{
    margin-left: auto;
}
.et-ver-timeline-template-8  .et-comment-wrap{
    white-space: nowrap;
}
.et-ver-timeline-template-8  .et-comment-wrap,
.et-ver-timeline-template-8 .et-tag-list a{
    font-size: 14px;
    font-family: 'Open Sans', sans-serif;
    font-weight:400;
    letter-spacing:1px;
}
.et-ver-timeline-template-8 .et-meta-wrap > div span{
    width:auto;
    height:auto;
}
.et-ver-timeline-template-8 .et-meta-wrap > div a:hover{
    color:#668641;
}
.et-ver-timeline-template-8 .et-category-wrap .et-category-list {
    padding:23px 21px;
    background:#fff;
}
.et-ver-timeline-template-8 .et-category-wrap .et-category-list a {
    color: #fff;
    font-size: 16px;
    display: inline-block;
    font-family: 'Vollkorn', serif;
    font-weight: 600;
    padding: 10px 17px 8px;
    background: #649727;
    border-radius: 15px;
}
.et-ver-timeline-template-8 .et-category-wrap .et-category-list a:hover {
    color: #fff;
    background: #668641;
}
.et-ver-timeline-template-8 .et-content-outer-wrap {
    padding: 22px 30px 11px;
}
.et-ver-timeline-template-8 .et-meta-wrap{
    margin-bottom:27px;
    display: -moz-flex;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    -moz-flex-direction: row;
    flex-direction: row;
    width: 100%;
    clear: both;
}
.et-ver-timeline-template-8 .et-content {
    font-size:16px;
    color: #555555;
    line-height: 1.7;
    font-family: 'Open Sans', sans-serif;
    font-weight:500;
}
.et-ver-timeline-template-8  .et-lower-meta{
    border-top: 1px solid #eee;
    padding:18px 25px;
}
.et-ver-timeline-template-8 .et-link-button {
    margin-top:27px;
}
.et-ver-timeline-template-8 .et-link-button a {
    display: inline-block;
    color: #649727;
    font-size:16px;
    position: relative;
    font-family: 'Open Sans', sans-serif;
    font-weight: 400;
    letter-spacing: 1px;
    -webkit-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
    position: relative;
}
.et-ver-timeline-template-8 .et-link-button a:hover{
    color: #000;
}
.et-ver-timeline-template-8 .et-bottom-wrap {
    display: table;
    background: #e4a697;
    width: 100%;
}
.et-ver-timeline-template-8 .et-bottom-wrap > div {
    width: 33.33%;
    display: table-cell;
    vertical-align: top;
    vertical-align: middle;
    padding: 0px 3px;
    font-family: 'Roboto', sans-serif;
    color: #fff;
    font-size: 14px;
    font-weight: 500;
}
.et-ver-timeline-template-8  .et-image-tag-wrap{
    position:relative;
}
.et-ver-timeline-template-8  .et-image-tag-wrap .et-image{
    position:relative;
}
.et-ver-timeline-template-8  .et-image-tag-wrap .et-image:before{
    position:absolute;
    content:'';
    top:0;
    bottom:0;
    left:0;
    right:0;
    background:rgba(0,0,0,0.3);
}
.et-ver-timeline-template-8  .et-comment-wrap + .et-tag-list{
    margin-left:17px;
}
.et-ver-timeline-template-8 .et-tag-list {
    position:relative;
}
.et-ver-timeline-template-8 .et-tag-list:before{
    position:absolute;
}
.et-ver-timeline-template-8 .et-tag-list a {
    text-transform:capitalize;
}
.et-ver-timeline-template-8 .et-tag-list a:hover {
    color: #ab6356;
}
.et-ver-timeline-template-8 .et-tag-list i {
    margin-right: 5px;
}
.et-ver-timeline-template-8  .et-author-name{
    float:left;
}
.et-ver-timeline-template-8 .et-share-wrap {
    float:right;
}
.et-ver-timeline-template-8  .et-author-name .et-author-actual-name img{
    width:40px;
    height:40px;
    display:inline-block;
    vertical-align:middle;
    margin-right:15px;
}
.et-ver-timeline-template-8  .et-author-name a{
    display:inline-block;
    font-size:18px;
    color:#363636;
    font-family: 'Open Sans', sans-serif;
    font-weight:600;
}
.et-ver-timeline-template-8 .et-share-wrap a {
    display: inline-block;
    font-size: 17px;
    color: #7d7d7d;
    padding:7px;
    -webkit-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}
.et-ver-timeline-template-8 .et-title a:hover,
.et-ver-timeline-template-8  .et-author-name a:hover,
.et-ver-timeline-template-8 .et-share-wrap a:hover {
    color:#649727;
}
/**********Timeline- template 8 css end***********/

/**********Timeline- template 9 css start*********/

.et-ver-timeline-template-9 .et-timeline-line {
    width: 0px;
    height: 100%;
    position: absolute;
    left: 50%;
    margin-left: -1.5px;
    border-left: 2px dotted #6d4d8e;
    top: 0;
}
.et-ver-timeline-template-9 .et-timeline-date {
    text-align: center;
    clear: both;
    margin-bottom: 88px;
}
.et-ver-timeline-template-9 .et-timeline-date span{
    background: #6d4d8e;
    text-align: center;
    position: relative;
    z-index: 9;
    color: #fff;
    display: inline-block;
    font-family: 'Rubik', sans-serif;
    padding:20px 10px ;
    font-size: 27px;
    font-weight:500;
    border-radius:50px;
    min-width:188px;
}
.et-ver-timeline-template-9 .et-timeline-item {
    width: 50%;
    float: left;
    clear: left;
    text-align: left;
    background: #fff;
    margin-bottom: 80px;
    margin-top: 100px;
}
.et-ver-timeline-template-9 .et-timeline-item:nth-of-type(2n) {
    float: right;
    clear: right;
    margin-top: 0;
}
.et-ver-timeline-template-9  .et-timeline-date + .et-timeline-item{
    /*margin-top: 0;*/
}
.et-ver-timeline-template-9 .et-timeline-item .et-timeline-circle{
    border-bottom:1px solid #eee;
    padding-right:15%;
    margin-bottom:46px;
    position:relative;
}
.et-ver-timeline-template-9 .et-timeline-item:nth-of-type(2n) .et-timeline-circle{
    padding-right:0;
    padding-left:15%;
}
.et-ver-timeline-template-9 .et-timeline-item .et-timeline-inner-circle{
    width: 16px;
    height: 16px;
    background: #6d4d8e;
    border-radius: 50%;
    position: absolute;
    left: 100%;
    margin-left: -8px;
    top: 22px;
}
.et-ver-timeline-template-9 .et-timeline-item:nth-of-type(2n) .et-timeline-inner-circle{
    left:auto;
    right:100%;
    margin-left:0;
    margin-right: -8px;
}
.et-ver-timeline-template-9  .et-timeline-circle .et-date{
    float:right;
    font-family: 'Open Sans', sans-serif;
    color:#6d4d8e;
    text-transform:uppercase;
    font-weight:600;
    font-size:17px;
    margin-bottom:4px;
}
.et-ver-timeline-template-9  .et-timeline-item:nth-of-type(2n) .et-timeline-circle .et-date{
    float:left;
}
.et-ver-timeline-template-9  .et-timeline-circle img,
.et-ver-timeline-template-9  .et-timeline-circle i{
    -webkit-border-radius: 50%;
    border-radius: 50%;
    width: 60px;
    height: 60px;
    margin-bottom: -30px;
        float:left;
}
.et-ver-timeline-template-9  .et-timeline-circle i{
    line-height:60px;
    background:#6d4d8e;
    text-align:center;
    color:#fff;
    font-size:20px;
}
.et-ver-timeline-template-9 .et-timeline-item:nth-of-type(2n) .et-timeline-circle i,
.et-ver-timeline-template-9 .et-timeline-item:nth-of-type(2n) .et-timeline-circle img{
    float: right;
}
.et-ver-timeline-template-9 .et-top-header {
    padding: 25px 27px 20px;
}
.et-ver-timeline-template-9  .et-contain-main-inner{
    background:#f7f7f7;
    padding:41px 25px 20px;
}
.et-ver-timeline-template-9  .et-inner-block{
    padding: 0 15%;
}
.et-ver-timeline-template-9 .et-title{
    margin-bottom:7px;
}
.et-ver-timeline-template-9 .et-title a{
    font-size: 27px;
    color: #000;
    line-height: 1.5;
    font-family: 'Rubik', sans-serif;
}
.et-ver-timeline-template-9 .et-title a:hover{
    color:#e4a697;
}
.et-ver-timeline-template-9 .et-meta-wrap{
    padding: 15px 0 11px;
    border-bottom: 2px solid #bababa;
    margin-bottom: 28px;
}
.et-ver-timeline-template-9 .et-meta-wrap  .et-author-name{
    float:left;
}
.et-ver-timeline-template-9 .et-meta-wrap  .et-comment-wrap{
    float:right;
}
.et-ver-timeline-template-9 .et-meta-wrap .et-author-name a,
.et-ver-timeline-template-9 .et-meta-wrap .et-author-name i,
.et-ver-timeline-template-9 .et-meta-wrap .et-comment-wrap i,
.et-ver-timeline-template-9 .et-meta-wrap .et-comment-wrap span{
    color: #929292;
    display:inline-block;
    vertical-align:middle;
    letter-spacing:1px;
}
.et-ver-timeline-template-9 .et-meta-wrap .et-author-name i,
.et-ver-timeline-template-9 .et-meta-wrap .et-comment-wrap i{
    font-size:16px;
}
.et-ver-timeline-template-9 .et-meta-wrap .et-author-name a,
.et-ver-timeline-template-9 .et-meta-wrap .et-comment-wrap span{
    font-size: 12px;
    font-family:'Open Sans', sans-serif;
    font-weight:600;
}
.et-ver-timeline-template-9 .et-meta-wrap > div span{
    width:auto;
    height:auto;
}
.et-ver-timeline-template-9 .et-meta-wrap > div a:hover{
    color:#e4a697;
}
.et-ver-timeline-template-9 .et-category-wrap{
    margin-bottom:26px;
}
.et-ver-timeline-template-9 .et-category-wrap .et-category-list a {
    color:#373737;
    font-size: 12px;
    display: inline-block;
    font-weight:600;
    font-family: 'Rubik', sans-serif;
    text-transform:uppercase;
    margin-right:7px;
}
.et-ver-timeline-template-9 .et-category-wrap .et-category-list a:hover {
    color: #aa6356;
}
.et-ver-timeline-template-9 .et-title-meta-wrap + .et-content{
    margin-top:35px;
}
.et-ver-timeline-template-9 .et-content {
    font-size:13px;
    color: #666;
    font-weight:500;
    line-height: 1.7;
    font-family: 'Open Sans', sans-serif;
    padding-bottom:25px;
}
.et-ver-timeline-template-9  .et-lower-meta{
    border-top: 1px solid #cecece;
    padding:18px 0;
}
.et-ver-timeline-template-9 .et-link-button{
    margin-bottom:28px;
}
.et-ver-timeline-template-9 .et-link-button a {
    padding: 12px 29px;
    display: inline-block;
    -webkit-border-radius: 20px;
    border-radius: 20px;
    background:#6d4d8e;
    font-size: 12px;
    text-transform: uppercase;
    color: #fff;
    font-family: 'Open Sans', sans-serif;
    font-size: 600;
    -webkit-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}
.et-ver-timeline-template-9 .et-bottom-wrap{
    padding: 11px 0;
    border-top: 1px solid #bababa;
}
.et-ver-timeline-template-9  .et-tag-list{
    float:left;
}
.et-ver-timeline-template-9 .et-share-wrap{
    float:right;
    text-align: right;
    font-size: 11px;
    color: #b5c3dc;
    text-transform: uppercase;
    letter-spacing: 1px;
    margin-top: 7px;
}
.et-ver-timeline-template-9  .et-tag-list a{
    display: inline-block;
    vertical-align: middle;
    background:#6d4d8e;
    padding: 7px 8px;
    font-size: 11px;
    font-family: 'Open Sans', sans-serif;
    text-transform: uppercase;
    color: #fff;
    border-radius:7px;
    margin-right: 5px;
    -webkit-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}
.et-ver-timeline-template-9 .et-share-wrap a {
    display: inline-block;
    vertical-align: middle;
    padding: 0 5px;
    color: #353434;
}
.et-ver-timeline-template-9 .et-share-wrap a:hover {
    color: #ab6356;
}
/**********Timeline- template 9 css end*********/
/**********Timeline- template 10 css start*******/
.et-ver-timeline-template-10 .et-timeline-line {
    width: 0px;
    height: 100%;
    position: absolute;
    left: 50%;
    margin-left: -1px;
    border-left: 2px solid #d6cecf;
    top: 0;
}
.et-ver-timeline-template-10 .et-timeline-item {
    width:50%;
    float: left;
    clear:both;
    text-align: left;
    margin-bottom: 80px;
    padding-right:5%;
    position:relative;

}
.et-ver-timeline-template-10 .et-timeline-item:nth-of-type(2n) {
    float: right;
    clear: both;
    padding-right:0;
    padding-left:5%;
}
.et-ver-timeline-template-10 .et-timeline-date {
    text-align: center;
    clear: both;
    margin-bottom: 88px;
}
.et-ver-timeline-template-10 .et-timeline-date  span{
    background:#f13f83;
    width:130px;
    height:130px;
    display:inline-block;
    text-align:center;
    line-height:130px;
    color:#fff;
    position:relative;
    -webkit-border-radius:50%;
    border-radius:50%;
    z-index:9;
    font-size:30px;
    font-weight:500;
    font-family: 'Open Sans', sans-serif;
}
.et-ver-timeline-template-10 .et-timeline-circle{
    position: absolute;
    width: 100%;
    left: 100%;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    z-index:9;
}
.et-ver-timeline-template-10 .et-timeline-item:nth-of-type(2n)  .et-timeline-circle{
    left:auto;
    right:100%;
    text-align:right;
}
.et-ver-timeline-template-10 .et-timeline-circle img,
.et-ver-timeline-template-10 .et-timeline-circle i{
    width:48px;
    height:48px;
    border:2px solid #d6cecf;
    border-radius:50%;
    text-align:center;
    margin-left:-24px;
    position:relative;
    background:#fff;
}
.et-ver-timeline-template-10 .et-timeline-item:nth-of-type(2n) .et-timeline-circle img,
.et-ver-timeline-template-10 .et-timeline-item:nth-of-type(2n) .et-timeline-circle i{
    margin-left:0;
    margin-right:-24px;
}
.et-ver-timeline-template-10 .et-timeline-circle i{
    line-height:48px;
    color:#cccccc;
    font-size:18px;
}
.et-ver-timeline-template-10  .et-date{
    position: absolute;
    left: 42px;
    top: 50%;
    transform: translateY(-50%);
    color:#222;
    font-size:17px;
    font-weight:500;
    font-family: 'Open Sans', sans-serif;
}
.et-ver-timeline-template-10 .et-timeline-item:nth-of-type(2n) .et-date{
    left: auto;
    right:42px;
}
.et-ver-timeline-template-10 .et-inner-block{
    border: 1px solid #d6cecf;
    padding: 32px;
    text-align: center;
    background: #fff;
}
.et-ver-timeline-template-10 .et-image{
    margin-bottom: 22px;
}
.et-ver-timeline-template-10  .et-category-wrap {
    margin-bottom: 22px;
}
.et-ver-timeline-template-10  .et-category-list a{
    display: inline-block;
    padding: 5px 12px;
    border: 1px solid #f43a82;
    background-color: #f43a82;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    color: #fff;
    font-size: 13px;
    font-family: 'Open Sans', sans-serif;
    font-weight: 500;
    -webkit-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}
.et-ver-timeline-template-10  .et-category-list a:hover {
    border: 1px solid #c8c7c9;
    color: #787878;
    background-color: transparent;
}
.et-ver-timeline-template-10  .et-title {
    margin-bottom:18px;
}
.et-ver-timeline-template-10  .et-title a {
    font-family: 'Playfair Display', serif;
    font-size: 20px;
    color: #030303;
    font-weight: 700;
    text-transform: uppercase;
    line-height: 1.2;
}
.et-ver-timeline-template-10  .et-title a:hover{
    color: #f43a82;
}
.et-ver-timeline-template-10 .et-meta-wrap {
    margin-bottom: 23px;
}
.et-ver-timeline-template-10 .et-meta-wrap > div{
    margin-bottom: 2px;
    padding: 0 13px 0 19px;
    margin-right: 10px;
}
.et-ver-timeline-template-10 .et-meta-wrap > div,
.et-ver-timeline-template-10 .et-meta-wrap > div a{
    position: relative;
    font-weight: 500;
    vertical-align: middle;
    font-family: 'Open Sans', sans-serif;
    font-size: 13px;
    display: inline-block;
    color: #777;
}
.et-ver-timeline-template-10 .et-meta-wrap > div a:hover{
    color:#f43a82;
}
.et-ver-timeline-template-10 .et-meta-wrap > div i {
    position: absolute;
    left: 0;
    top: 0;
    color: #888888;
}
.et-ver-timeline-template-10  .et-content{
    line-height: 1.5;
    margin-bottom: 20px;
    color: #787878;
    font-family: 'Open Sans', sans-serif;
    font-size: 16px;
}
.et-ver-timeline-template-10  .et-link-button {
    margin-bottom: 22px;
}
.et-ver-timeline-template-10 .et-link-button a {
    display: inline-block;
    padding: 14px 16px;
    -webkit-border-radius: 20px;
    border-radius: 20px;
    border: 1px solid #c8c7c9;
    color: #787878;
    text-transform: uppercase;
    font-family: 'Open Sans', sans-serif;
    font-size: 14px;
    -webkit-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}
.et-ver-timeline-template-10 .et-link-button a:hover {
    border: 1px solid #f43a82;
    background-color: #f43a82;
    color: #fff;
}
.et-ver-timeline-template-10 .et-share-wrap,
.et-ver-timeline-template-10 .et-tag-list {
    display: inline-block;
    vertical-align: middle;
    padding: 0 10px;
    margin-bottom: 7px;
}
.et-ver-timeline-template-10 .et-tag-list,
.et-ver-timeline-template-10 .et-tag-list a {
    display: inline-block;
    font-family: 'Open Sans', sans-serif;
    font-size: 13px;
    color: #222;
    font-weight: 600;
}
.et-ver-timeline-template-10 .et-share-wrap a {
    font-size: 13px;
    padding: 0 5px;
    color: #000;
}
.et-ver-timeline-template-10 .et-tag-list a:hover,
.et-ver-timeline-template-10 .et-share-wrap a:hover{
    color:#f43a82;
}
/**********Timeline- template 10 css end*********/
/**********Timeline- template 11 css start*******/
.et-ver-timeline-template-11 .et-timeline-date{
    text-align: center;
    clear: both;
    margin-bottom:122px;
}
.et-ver-timeline-template-11 .et-timeline-line{
    width: 3px;
    height: 100%;
    position: absolute;
    left: 50%;
    margin-left: -1.5px;
    background:#e9ecef;
    top: 0;
}
.et-ver-timeline-template-11  .et-timeline-date span{
    width:97px;
    height:97px;
    line-height:97px;
    text-align:center;
    -webkit-border-radius:50%;
    border-radius:50%;
    display:inline-block;
    font-size:24px;
    color:#fff;
    background:#5dc4e8;
    position:relative;
    z-index:9;
}
.et-ver-timeline-template-11 .et-inner-block{
    position: relative;
    padding: 50px 50px 50px 120px;
    background: #fff;
    border-radius:50px;
    border: 1px solid #f1f1f1;
    width: 60%;
    float: right;
    background: #fff;
    z-index: 99;
    margin-bottom:78px;
}
.et-ver-timeline-template-11  .et-timeline-item:last-child .et-inner-block{
    margin-bottom:0;
}
.et-ver-timeline-template-11 .et-timeline-item:nth-of-type(2n) .et-inner-block{
    float:left;
    padding: 50px 120px 50px 50px;
}
.et-ver-timeline-template-11 .et-inner-block .et-date{
    position:absolute;
    right:-moz-calc(100% + 38px);
    right:-webkit-calc(100% + 38px);
    right:calc(100% + 38px);
    top:50%;
    -webkit-transform:translateY(-50%);
    transform:translateY(-50%);
    white-space:nowrap;
    color:#949494;
    font-family: 'Roboto', sans-serif;
    font-size:12px;
    font-weight:600;
}
.et-ver-timeline-template-11 .et-timeline-item:nth-of-type(2n)  .et-inner-block .et-date{
    right:auto;
    left:-moz-calc(100% + 38px);
    left:-webkit-calc(100% + 38px);
    left:calc(100% + 38px);
}
.et-ver-timeline-template-11 .et-inner-block > img,
.et-ver-timeline-template-11 .et-inner-block > i{
    position:absolute;
    top:50%;
    -webkit-transform:translateY(-50%);
    transform:translateY(-50%);
    width:42px;
    height:42px;
    border-radius:50%;
    left:36px;
}
.et-ver-timeline-template-11 .et-timeline-item:nth-of-type(2n) .et-inner-block > img,
.et-ver-timeline-template-11 .et-timeline-item:nth-of-type(2n) .et-inner-block > i{
    left:auto;
    right:36px;
}
.et-ver-timeline-template-11 .et-inner-block > i{
    line-height:42px;
    color:#62c4e6;
    font-size:20px;
    border:1px solid #62c4e6;
}
.et-ver-timeline-template-11 .et-image-inner-block,
.et-ver-timeline-template-11 .et-right-content{
    float:left;
}
.et-ver-timeline-template-11 .et-image-inner-block{
    width:40%;
    position:relative;
    text-align:right;
}
.et-ver-timeline-template-11 .et-right-content{
    width:60%;
    padding-left:24px;
    text-align:left;
}
.et-ver-timeline-template-11 .et-share-wrap {
    position: absolute;
    bottom: 20px;
    right: 25px;
}
.et-ver-timeline-template-11 .et-share-wrap a {
    display: inline-block;
    vertical-align: middle;
    width: 27px;
    height: 27px;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    background: #dc3c30;
    text-align: center;
    line-height: 27px;
    color: #fff;
    font-size: 12px;
    -webkit-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}
.et-ver-timeline-template-11 .et-share-wrap a:hover {
    -webkit-border-radius: 0;
    border-radius: 0;
}
.et-ver-timeline-template-11 .et-category-wrap{
    margin-bottom: 12px;
}
.et-ver-timeline-template-11  .et-category-list a{
    display: inline-block;
    font-size: 12px;
    color: #888888;
    font-weight: 500;
    font-family: 'Roboto', sans-serif;
    text-transform: uppercase;
    margin-bottom: 2px;
    margin-right: 5px;
    -webkit-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}
.et-ver-timeline-template-11  .et-category-list a:hover{
    color: #dc3c30;
}
.et-ver-timeline-template-11  .et-title {
    margin-bottom: 14px;
}
.et-ver-timeline-template-11  .et-title a {
    font-family: 'Montserrat', sans-serif;
    font-size: 24px;
    color: #000;
    font-weight: 600;
    line-height: 1.2;
}
.et-ver-timeline-template-11  .et-title a:hover{
    color:#dc3c30;
}
.et-ver-timeline-template-11 .et-meta-wrap{
    margin-bottom: 12px;
}
.et-ver-timeline-template-11 .et-meta-wrap > div{
    margin-right: 9px;
    position: relative;
    margin-bottom: 2px;
    display: inline-block;
    color: #949494;
    font-size: 12px;
    font-family: 'Roboto', sans-serif;
    font-weight: 500;
}
.et-ver-timeline-template-11 .et-meta-wrap > div a {
    color: #e20600;
    text-transform: uppercase;
    font-size: 12px;
    font-family: 'Roboto', sans-serif;
    font-weight: 500;
}
.et-ver-timeline-template-11 .et-meta-wrap .et-comment-wrap {
    padding-left: 16px;
}
.et-ver-timeline-template-11 .et-meta-wrap .et-comment-wrap:before {
    content: '-';
    position: absolute;
    left: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}
.et-ver-timeline-template-11  .et-content{
    color: #666;
    font-size: 16px;
    font-weight: 500;
    line-height: 1.4;
    font-family: 'Roboto', sans-serif;
    margin-bottom: 18px;
}
.et-ver-timeline-template-11  .et-bottom-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -ms-flex-align: center;
    -webkit-align-items: center;
    -webkit-box-align: center;
    align-items: center;
    -ms-justify-content: flex-start;
    -moz-justify-content: flex-start;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
    -ms-flex-direction: row;
    -moz-flex-direction: row;
    -webkit-flex-direction: row;
    flex-direction: row;
}
.et-ver-timeline-template-11  .et-link-button a {
    display: inline-block;
    font-size: 14px;
    font-weight: 600;
    color: #000;
    font-family: 'Montserrat', sans-serif;
    -webkit-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
    position: relative;
    white-space: nowrap;
}
.et-ver-timeline-template-11  .et-link-button a i{
    margin-left: 5px;
    -webkit-transition: margin-left 0.5s ease-in-out;
    transition: margin-left 0.5s ease-in-out;
}
.et-ver-timeline-template-11  .et-link-button a:hover i,
.et-ver-timeline-template-11  .et-link-button a:hover{
    color:#dc3c30;
}
.et-ver-timeline-template-11 .et-tag-list{
    float: right;
    margin-left: auto;
    text-align:right;
}
.et-ver-timeline-template-11 .et-tag-list a{
    display: inline-block;
    color: #fff;
    font-size: 12px;
    font-weight: 500;
    font-family: 'Roboto', sans-serif;
    background: #dc3c30;
    padding: 7px 16px;
    -webkit-border-radius: 15px;
    border-radius: 15px;
    margin-bottom: 2px;
    -webkit-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out
}
.et-ver-timeline-template-11 .et-tag-list a:hover{
    -webkit-border-radius: 0;
    border-radius: 0;
}
/**********Timeline- template 11 css end*******/
/**********Timeline- template 12 css start*******/
.et-ver-timeline-template-12  .et-timeline-date {
    text-align: center;
    clear: both;
    margin-bottom: 88px;
}
.et-ver-timeline-template-12 .et-timeline-item{
    width: 50%;
    float: left;
    clear: left;
    text-align: center;
    background: #fff;
    padding-right:7%;
    margin-top: 300px;

}
.et-ver-timeline-template-12 .et-timeline-item:nth-of-type(2n) {
    float: right;
    clear: right;
    padding-right:0;
    padding-left:7%;
    margin-top: 0;
    margin-bottom: 80px;
}
.et-ver-timeline-template-12  .et-timeline-date span{
    background: #373737;
    text-align: center;
    position: relative;
    z-index: 9;
    color: #fff;
    display: inline-block;
    font-family: 'Poppins', sans-serif;
    padding: 14px 25px;
    font-size:18px;
    font-weight: 400;
    border-radius: 7px;
    min-width: 117px;
}
.et-ver-timeline-template-12 .et-timeline-line {
    width: 3px;
    height: 100%;
    position: absolute;
    left: 50%;
    margin-left: -1.5px;
    background: #e9ecef;
    top: 0;
}
.et-ver-timeline-template-12  .et-timeline-ring{
    width:27px;
    height:27px;
    border:5px solid #cacbcf;
    background:#fff;
    border-radius:50%;
    position:absolute;
    left:50%;
    margin-left:-13.5px;
    margin-top:-13.5px;
    z-index:9;
}
.et-ver-timeline-template-12  .et-upper-wrap > img,
.et-ver-timeline-template-12  .et-upper-wrap > i{
    position:absolute;
    left:-webkit-calc(50% + 30px);
    left:calc(50% + 30px);
    margin-top: -13.5px;
}
.et-ver-timeline-template-12  .et-upper-wrap > img,
.et-ver-timeline-template-12  .et-upper-wrap > i{
    width:30px;
    height:30px;
}
.et-ver-timeline-template-12  .et-upper-wrap > i{
    line-height:30px;
    font-size:20px;
    color:#333;
}
.et-ver-timeline-template-12 .et-timeline-item:nth-of-type(2n) .et-upper-wrap > img,
.et-ver-timeline-template-12  .et-timeline-item:nth-of-type(2n) .et-upper-wrap > i{
    left:auto;
    right:-webkit-calc(50% + 30px);
    right:calc(50% + 30px);
}
.et-ver-timeline-template-12  .et-image-header-wrap{
    background:#282828;
    text-align:left;
    padding:15px 17px;
}
.et-ver-timeline-template-12  .et-timeline-item:nth-of-type(2n) .et-image-header-wrap{
    text-align:right;
}
.et-ver-timeline-template-12  .et-image-header-wrap > div{
    display:inline-block;
    vertical-align:middle;

}
.et-ver-timeline-template-12  .et-image-header-wrap > div ,
.et-ver-timeline-template-12  .et-image-header-wrap > div a{
    font-size:15px;
    font-weight:500;
    font-family: 'Lato', sans-serif;
    color:#fff;
}
.et-ver-timeline-template-12  .et-image-header-wrap .et-author-name{
    position:relative;
    padding-left:22px;
}
.et-ver-timeline-template-12  .et-image-header-wrap .et-comment-wrap + .et-author-name{
    margin-left:22px;
}
.et-ver-timeline-template-12  .et-image-header-wrap .et-author-name:before{
    content:'/';
    position:absolute;
    left:0;
    top:0;
}
.et-ver-timeline-template-12   .et-date-meet-wrap{
    position:relative;
}
.et-ver-timeline-template-12 .et-date{
    position: absolute;
    padding: 12px 17px;
    background: #373737;
    color: #fff;
    font-size: 14px;
    font-weight: 500;
    font-family: 'Lato', sans-serif;
    display: inline-block;
    top: 0;
    right: 0;
    margin-top: -20px;
    margin-right: -30px;
    -webkit-border-radius:7px;
    border-radius:7px;
}
.et-ver-timeline-template-12 .et-timeline-item:nth-of-type(2n) .et-date{
    right: auto;
    left:0;
    margin-right:0;
    margin-left: -30px;
}
.et-ver-timeline-template-12 .et-date:before{
    position:absolute;
    content:'';
    top:50%;
    -webkit-transform:translateY(-50%);
    transform:translateY(-50%);
    left:100%;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 5px 0 5px 5px;
    border-color: transparent transparent transparent #373737;
}
.et-ver-timeline-template-12 .et-timeline-item:nth-of-type(2n) .et-date:before{
    left:auto;
    right:100%;
    border-width: 5px 5px 5px 0;
    border-color: transparent #373737 transparent transparent;
}
.et-ver-timeline-template-12 .et-inner-wrap {
    padding: 0 17px 5px;
    text-align: center;
}
.et-ver-timeline-template-12 .et-inner-wrap-contain {
    border-bottom: 2px solid #eee;
}
.et-ver-timeline-template-12 .et-bottom-wrap-main-content {
    width: 90%;
    position: relative;
    display: inline-block;
    margin: -41px auto 0;
    background: #fff;
    padding: 24px 6px;
}
.et-ver-timeline-template-12 .et-category-wrap {
    margin-bottom: 25px;
    padding: 0 8%;
}
.et-ver-timeline-template-12 .et-category-list {
    border-bottom: 1px solid #858585;
}
.et-ver-timeline-template-12 .et-category-list a {
    display: inline-block;
    padding: 0 9px;
    font-family: 'Poppins', sans-serif;
    font-size: 13px;
    text-transform: uppercase;
    font-weight: 600;
    color: #222;
    background: #fff;
    -webkit-transform: translateY(6px);
    transform: translateY(6px);
}
.et-ver-timeline-template-12 .et-title {
    margin-bottom: 19px;
}
.et-ver-timeline-template-12 .et-title a{
    font-size: 24px;
    color: #222222;
    font-family: 'Montserrat', sans-serif;
    font-weight: 700;
}
.et-ver-timeline-template-12 .et-title a:hover{
    color:#777;
}
.et-ver-timeline-template-12 .et-meta-wrap {
    margin-bottom: 20px;
}
.et-ver-timeline-template-12 .et-meta-wrap > div {
    padding: 0 16px;
    position: relative;
}
.et-ver-timeline-template-12 .et-meta-wrap > div,
.et-ver-timeline-template-12 .et-meta-wrap > div a{
    font-size: 13px;
    color: #2b2b2b;
    font-family: 'Lato', sans-serif;
    font-weight: 600;
    display: inline-block;
}
.et-ver-timeline-template-12 .et-meta-wrap > div:before {
    position: absolute;
    content: "/";
    left: 0;
    top: 0;
    color: #2b2b2b;
}
.et-ver-timeline-template-12 .et-meta-wrap > div:nth-of-type(1):before {
    content: none;
}
.et-ver-timeline-template-12 .et-content {
    font-family: 'Lato', sans-serif;
    font-size: 16px;
    font-weight: 600;
    color: #2b2b2b;
    line-height: 1.5;
    margin-bottom: 28px;
}
.et-ver-timeline-template-12 .et-link-button {
    margin-bottom: 20px;
}
.et-ver-timeline-template-12 .et-link-button a {
    padding: 10px 24px;
    background: #282828;
    display: inline-block;
    text-transform: uppercase;
    color: #fff;
    font-size: 16px;
    font-family: 'Lato', sans-serif;
    font-weight: 500;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
.et-ver-timeline-template-12 .et-link-button a:hover {
    background: #666;
}
.et-ver-timeline-template-12 .et-tag-list {
    display: inline-block;
    position: relative;
    padding-left: 30px;
}
.et-ver-timeline-template-12 .et-tag-list i {
    position: absolute;
    left: 0;
    top: 3px;
    color: #2b2b2b;
    font-size: 14px;
}
.et-ver-timeline-template-12 .et-tag-list a {
    font-size: 14px;
    color: #2b2b2b;
    font-family: 'Lato', sans-serif;
    font-weight: 600;
}
.et-ver-timeline-template-12 .et-tag-list a:hover,
.et-ver-timeline-template-12 .et-category-list a:hover {
    color: #777;
}
.et-ver-timeline-template-12 .et-share-wrap {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    margin-left: 20px;
    width: 30px;
    height: 30px;
    line-height: 30px;
    cursor: pointer;
}
.et-ver-timeline-template-12 .et-share-wrap .et-inner-share {
    position: absolute;
    bottom: 100%;
    left: 0;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}
.et-ver-timeline-template-12 .et-share-wrap .et-inner-share a {
    width: 30px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    border: 1px solid #b9b7b7;
    display: block;
    background: #fff;
    color: #222;
    font-size: 16px;
    color: #222;
}
.et-ver-timeline-template-12 .et-share-wrap .et-inner-share a:hover {
    color: #fff;
    background: #222;
}
.et-ver-timeline-template-12 .et-share-wrap:hover .et-inner-share {
    opacity:1;
    visibility: visible;
}
/**********Timeline- template 12 css end*******/
/**********Timeline- template 13 css start*****/
.et-ver-timeline-template-13 .et-timeline-item {
    width: 50%;
    float: right;
    clear: left;
    text-align: center;
    background: #fff;
    margin-bottom: 80px;
    padding-left: 80px;
    clear:both;
}
.et-ver-timeline-template-13 .et-timeline-item:nth-of-type(2n){
    float: left;
    padding-left: 0;
    padding-right:80px;
}
.et-ver-timeline-template-13  .et-timeline-date{
    text-align: center;
    clear: both;
    margin-bottom: 88px;
}
.et-ver-timeline-template-13 .et-timeline-date span {
    background: #f0f3f8;
    text-align: center;
    position: relative;
    z-index: 9;
    color: #2b2b2b;
    display: inline-block;
    font-family: 'Roboto', sans-serif;
    padding: 14px 50px;
    font-size:24px;
    font-weight: 400;
}
.et-ver-timeline-template-13 .et-timeline-date span:after{
    content:'';
    position:absolute;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 10px 7.5px 0 7.5px;
    border-color: #f0f3f8 transparent transparent transparent;
    top:100%;
    left:50%;
    -webkit-transform:translateX(-50%);
    transform:translateX(-50%);
}
.et-ver-timeline-template-13 .et-timeline-line {
    width: 3px;
    height: 100%;
    position: absolute;
    left: 50%;
    margin-left: -1.5px;
    background: #e9ecef;
    top: 0;
}
.et-ver-timeline-template-13  .et-timeline-ring{
    width:15px;
    height:15px;
    background:#fff;
    border:3px solid #e9ecef;
    border-radius:50%;
    position:absolute;
    left:50%;
    -webkit-transform:translateX(-50%);
    transform:translateX(-50%);
    z-index:9;
}
.et-ver-timeline-template-13  .et-timeline-ring:before,
.et-ver-timeline-template-13  .et-timeline-ring:after{
    content:'';
    position:absolute;
    top:50%;
    -webkit-transform:translateY(-50%);
    transform:translateY(-50%);
    width:40px;
    height:3px;
    background:#e9ecef;
}
.et-ver-timeline-template-13  .et-timeline-ring:before{
    left:100%;
}
.et-ver-timeline-template-13  .et-timeline-ring:after{
    right:100%;
}
.et-ver-timeline-template-13 .et-upper-wrap > img,
.et-ver-timeline-template-13 .et-upper-wrap > i{
    width: 23px;
    height: 23px;
    border-radius: 50%;
    background: #24a0ea;
    color: #fff;
    right: -moz-calc(50% + 40px);
    right: -webkit-calc(50% + 40px);
    right: calc(50% + 40px);
    position: absolute;
    z-index:9;
    margin-top:-4px;

}
.et-ver-timeline-template-13 .et-upper-wrap > i{
    font-size:10px;
    line-height:23px;
    text-align:center;
}
.et-ver-timeline-template-13 .et-timeline-item:nth-of-type(2n) .et-upper-wrap > img,
.et-ver-timeline-template-13 .et-timeline-item:nth-of-type(2n) .et-upper-wrap > i{
    right:auto;
    left: -moz-calc(50% + 40px);
    left: -webkit-calc(50% + 40px);
    left: calc(50% + 40px);
}
.et-ver-timeline-template-13 .et-date{
    position: absolute;
    right: -moz-calc(50% + 80px);
    right: -webkit-calc(50% + 80px);
    right: calc(50% + 80px);
    font-family: 'Lato', sans-serif;
    font-size:18px;
    color:#666666;
    font-weight:500;
}
.et-ver-timeline-template-13 .et-timeline-item:nth-of-type(2n) .et-date{
    right:auto;
    left: -moz-calc(50% + 80px);
    left: -webkit-calc(50% + 80px);
    left: calc(50% + 80px);
}
.et-ver-timeline-template-13 .et-inner-block {
    text-align: left;
    position: relative;
}
.et-ver-timeline-template-13 .et-bottom-wrap-main-content {
    width: 90%;
    margin-top: -60px;
    display: inline-block;
    background: #fff;
    padding: 20px 7px;
    position: relative;
}
.et-ver-timeline-template-13 .et-category-wrap {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 99;
}
.et-ver-timeline-template-13 .et-category-list a {
    display: inline-block;
    margin-right: 7px;
    font-family: 'Roboto', sans-serif;
    font-size: 12px;
    text-transform: uppercase;
    font-weight: 500;
    color: #fff;
    background: #149eed;
    padding: 6px;
    border: 1px solid #149eed;
    margin-right: 5px;
    margin-bottom: 5px;
    -webkit-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}
.et-ver-timeline-template-13 .et-category-list a:hover {
    background: #fff;
    color: #149eed;
}
.et-ver-timeline-template-13 .et-title{
    margin-bottom: 11px;
}
.et-ver-timeline-template-13 .et-title a{
    font-size: 18px;
    color: #2b2b2b;
    font-weight: 500;
    font-family: 'Roboto', sans-serif;
}
.et-ver-timeline-template-13 .et-title a:hover{
    color:#149eed;
}
.et-ver-timeline-template-13 .et-image-header-wrap {
    margin-bottom: 20px;
}
.et-ver-timeline-template-13 .et-image-header-wrap > div {
    padding: 0 9px;
}
.et-ver-timeline-template-13 .et-image-header-wrap > div,
.et-ver-timeline-template-13 .et-image-header-wrap > div a{
    font-size: 15px;
    color: #666;
    font-family: 'Lato', sans-serif;
    font-weight: 500;
    display: inline-block;
    position: relative;
}
.et-ver-timeline-template-13 .et-image-header-wrap > div a:hover{
    color:#149eed;
}
.et-ver-timeline-template-13 .et-image-header-wrap > div:nth-of-type(1) {
    padding-left: 0;
}
.et-ver-timeline-template-13 .et-image-header-wrap > div:before {
    position: absolute;
    content: "|";
    left: 0;
    top: 0;
    color: #2b2b2b;
}
.et-ver-timeline-template-13 .et-image-header-wrap > div:nth-of-type(1):before {
    content: none;
}
.et-ver-timeline-template-13 .et-content {
    font-family: 'Roboto', sans-serif;
    font-size: 14px;
    font-weight: 500;
    color: #2b2b2b;
    line-height: 1.5;
    margin-bottom: 21px;
}
.et-ver-timeline-template-13 .et-link-button {
    margin-bottom: 20px;
}
.et-ver-timeline-template-13 .et-link-button a {
    padding: 10px 19px;
    display: inline-block;
    color: #fff;
    font-size: 12px;
    font-family: 'Roboto', sans-serif;
    font-weight: 500;
    border: 1px solid #149eed;
    background: #149eed;
    letter-spacing: 1px;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
.et-ver-timeline-template-13 .et-link-button a:hover {
    border-color:#222;
    background: #fff;
    color: #222;
}
.et-ver-timeline-template-13 .et-bottom-wrap {
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    -webkit-flex-direction: row;
    flex-direction: row;
    width: 100%;
}
.et-ver-timeline-template-13 .et-tag-list {
    float: left;
    position: relative;
    padding-left: 30px;
    margin-right: 5px;
}
.et-ver-timeline-template-13 .et-tag-list i {
    position: absolute;
    left: 0;
    top: 3px;
    color: #2b2b2b;
    font-size: 14px;
}
.et-ver-timeline-template-13 .et-tag-list a {
    font-size: 14px;
    color: #2b2b2b;
    font-family: 'Roboto', sans-serif;
    font-weight: 500;
}
.et-ver-timeline-template-13 .et-tag-list a:hover {
    color: #149eed;
}
.et-ver-timeline-template-13 .et-share-wrap {
    float: right;
    margin-left: auto;
}
.et-ver-timeline-template-13 .et-share-wrap a {
    color: #2b2b2b;
    display: inline-block;
    font-size: 14px;
    padding: 0 5px;
    -webkit-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}
.et-ver-timeline-template-13 .et-share-wrap a:hover {
    -webkit-transform: translateY(-5px);
    transform: translateY(-5px);
    color: #149eed;
}
/**********Timeline- template 13 css end*******/
/**********Timeline- template 14 css start*******/
.et-ver-timeline-template-14 .et-timeline-item {
    width: 50%;
    float: right;
    clear: left;
    background: #fff;
    margin-bottom: 80px;
    padding-left: 80px;
    clear:both;
}
.et-ver-timeline-template-14 .et-timeline-item:nth-of-type(2n){
    float: left;
    padding-left: 0;
    padding-right:80px;
}
.et-ver-timeline-template-14  .et-timeline-date{
    text-align: center;
    clear: both;
    margin-bottom: 88px;
}
.et-ver-timeline-template-14  .et-timeline-date span{
    display:inline-block;
    position:relative;
    z-index:9;
    line-height:82px;
    text-align:center;
    color:#fff;
}
.et-ver-timeline-template-14  .et-timeline-date span:before{
    content: '';
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 58px 68px 58px;
    border-color: transparent transparent #fa5787 transparent;
    position: absolute;
    left: 50%;
    z-index: -1;
    transform: translateX(-50%);
}
.et-ver-timeline-template-14 .et-timeline-line {
    width: 3px;
    height: 100%;
    position: absolute;
    left: 50%;
    margin-left: -1.5px;
    background: #e9ecef;
    top: 0;
}
.et-ver-timeline-template-14  .et-timeline-circle{
    width: 25px;
    height: 25px;
    border-radius: 50%;
    overflow: hidden;
    left: 50%;
    margin-left: -12.5px;
    position: absolute;
    z-index: 9;
}
.et-ver-timeline-template-14  .et-timeline-circle i{
    width: 100%;
    line-height: 25px;
    background:#fa5787;
    text-align:center;
    font-size:13px;
    color:#fff;
    height: 100%;
}
.et-ver-timeline-template-14 .et-inner-block {
    padding: 10px;
    text-align:left;
    background: #fff;
    position:relative;
}
.et-ver-timeline-template-14 .et-inner-block .et-date {
    background: #fa5787;
    color: #fff;
    font-size: 14px;
    font-family: 'Lato', sans-serif;
    font-weight: 500;
    display: inline-block;
    padding: 5px 17px;
    border-radius: 10px;
    position: absolute;
    top: 0;
    right: 0;
    z-index: 9;
    margin-top: -0px;
    margin-right: -50px;
}
.et-ver-timeline-template-14 .et-timeline-item:nth-of-type(2n) .et-inner-block .et-date{
    right:auto;
    margin-right:0;
    left: 0;
    margin-left: -50px;
}
.et-ver-timeline-template-14 .et-image {
    margin-bottom: 20px;
}
.et-ver-timeline-template-14 .et-car-meta-wrap > div a{
    color:#e72856;
}
.et-ver-timeline-template-14  .et-author-and-cat-wrap{
    margin-bottom:8px;
}

.et-ver-timeline-template-14 .et-author-name,
.et-ver-timeline-template-14  .et-category-wrap{
    display:inline-block;
    vertical-align:middle;
}
.et-ver-timeline-template-14 .et-category-list a,
.et-ver-timeline-template-14 .et-author-name a{
    text-transform: uppercase;
    font-size: 12px;
    font-family: 'Source Sans Pro', sans-serif;
    font-weight: 500;
    color: #959595;
}
.et-ver-timeline-template-14 .et-category-list a {
    display: inline-block;
    color: #e72856;
    margin-right:5px;
}
.et-ver-timeline-template-14 .et-author-name {
    padding: 0 5px 0px 15px;
    position: relative;
}
.et-ver-timeline-template-14 .et-author-name:before {
    content: '';
    position: absolute;
    top:6px;
    left: 0;
    width: 6px;
    height: 6px;
    background: #000;
}
.et-ver-timeline-template-14 .et-title{
    margin-bottom:13px;
}
.et-ver-timeline-template-14 .et-title a{
    color: #3c3c3c;
    font-weight: 600;
    font-size:24px;
    font-family: 'Source Sans Pro', sans-serif;
    line-height: 1.5;
}
.et-ver-timeline-template-14 .et-title a:hover{
    color:#e82956;
}
.et-ver-timeline-template-14 .et-content {
    color: #737373;
    font-weight: 500;
    font-size: 16px;
    font-family: 'Source Sans Pro', sans-serif;
    line-height: 1.5;
    margin-bottom:20px;
}
.et-ver-timeline-template-14 .et-link-button {
    margin-bottom: 15px;
}
.et-ver-timeline-template-14 .et-link-button a {
    display: inline-block;
    color: #fff;
    background: #fa5787;
    font-weight: 500;
    font-size: 13px;
    font-family: 'Source Sans Pro', sans-serif;
    text-transform: uppercase;
    padding: 14px 12px;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px transparent;
    position: relative;
}
.et-ver-timeline-template-14 .et-link-button a:before {
    content: '';
    position: absolute;
    border: #fa5787 solid 6px;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
}
@-webkit-keyframes et-ripple-out {
    100% {
        top: -12px;
        right: -12px;
        bottom: -12px;
        left: -12px;
        opacity: 0;
    }
}
@keyframes et-ripple-out {
    100% {
        top: -12px;
        right: -12px;
        bottom: -12px;
        left: -12px;
        opacity: 0;
    }
}
.et-ver-timeline-template-14 .et-link-button a:hover:before {
    -webkit-animation-name: et-ripple-out;
    animation-name: et-ripple-out;
}

.et-ver-timeline-template-14 .et-tag-list a {
    display: inline-block;
    color: #000;
    text-transform: uppercase;
    font-weight: 500;
    font-size: 12px;
    font-family: 'Source Sans Pro', sans-serif;
    text-transform: uppercase;
    padding: 7px 12px;
    border: 1px solid #e9e9e9;
    margin: 3px;
    -webkit-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}
.et-ver-timeline-template-14 .et-tag-list a:hover {
    color: #e82956;
    border-color: #e82956;
}
.et-ver-timeline-template-14 .et-car-bottom-wrap > div {
    display: inline-block;
    vertical-align: middle;
}
.et-ver-timeline-template-14  .et-comment-outer-wrap {
    position: relative;
    padding-left: 34px;
}
.et-ver-timeline-template-14  .et-comment-outer-wrap,
.et-ver-timeline-template-14 .et-share-container{
    float:left;
}
.et-ver-timeline-template-14 .et-tag-list{
    float:right;
}
.et-ver-timeline-template-14 .et-comment-wrap,
.et-ver-timeline-template-14 .et-comment-icon,
.et-ver-timeline-template-14 .et-share-container,
.et-ver-timeline-template-14 .et-share-wrap a {
    width: 28px;
    height: 28px;
    border: 1px solid #e9e9e9;
    line-height: 28px;
    text-align: center;
    background: #fff;
    color: #2b2b2b;
    font-size: 13px;
}
.et-ver-timeline-template-14 .et-comment-wrap {
    position: absolute;
    top: 0;
    left: 0;
    font-family: 'Source Sans Pro', sans-serif;
}
.et-ver-timeline-template-14 .et-share-container {
    position: relative;
    cursor: pointer;
    margin-left:7px;
    -webkit-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}
.et-ver-timeline-template-14 .et-share-container:hover {
    border-color: #fa5787;
    background: #fa5787;
    color: #fff;
}
.et-ver-timeline-template-14 .et-share-wrap {
    opacity: 0;
    visibility: hidden;
    position: absolute;
    left: 0;
    bottom: 100%;
    -webkit-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}
.et-ver-timeline-template-14 .et-share-container:hover .et-share-wrap {
    opacity: 1;
    visibility: visible;
}
.et-ver-timeline-template-14 .et-share-wrap a {
    display: block;
    margin-bottom: 2px;
    -webkit-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}
.et-ver-timeline-template-14 .et-share-wrap a:hover {
    background: #fa5787;
    color: #fff;
    border-color: #fa5787;
}
/*****vertical Timeline template 14 css end****/
/*****vertical Timeline template 15 css start**/
.et-ver-timeline-template-15 .et-timeline-line{
    position: absolute;
    left: 50%;
    margin-left: -1px;
    width: 2px;
    height: 100%;
    background: #000;
    top:0;
}
.et-ver-timeline-template-15 .et-timeline-item {
    width: 50%;
    float: left;
    clear: left;
    margin-bottom:121px;
}
.et-ver-timeline-template-15 .et-timeline-item:nth-of-type(2n){
    float: right;
    clear: right;
    margin-top: 121px;
    margin-bottom: 0;
}
.et-ver-timeline-template-15  .et-timeline-item-main-inner{
    padding-right: 80px;
    position: relative;
}
.et-ver-timeline-template-15 .et-timeline-item:nth-of-type(2n) .et-timeline-item-main-inner{
    padding-right: 0;
    padding-left:80px;
}
.et-ver-timeline-template-15 .et-timeline-item .et-line,
.et-ver-timeline-template-15 .et-timeline-item .et-square{
    position: absolute; 
}
.et-ver-timeline-template-15 .et-timeline-item .et-line{
    height: 2px;
    width: 60px;
    background: #000;
    right: 0;
}
.et-ver-timeline-template-15 .et-timeline-item .et-square{
    width: 20px;
    height: 20px;
    background: #fff;
    -webkit-transform: rotate(-45.5deg);
    transform: rotate(-45.5deg);
    right: -10px;
    margin-top: -10px;
    z-index: 9;
}
.et-ver-timeline-template-15 .et-timeline-item .et-square:before{
    width: 13px;
    height: 13px;
    position: absolute;
    content: '';
    background: #c92c5f;
    top: 50%;
    left: 50%;
    margin: -6.5px auto auto -6.5px;
}
.et-ver-timeline-template-15 .et-timeline-item:nth-of-type(2n) .et-line{
    right: auto;
    left: 0;
}
.et-ver-timeline-template-15 .et-timeline-item:nth-of-type(2n) .et-square{
    right: auto;
    left: -10px;
}
.et-ver-timeline-template-15 .et-timeline-date{
    margin-bottom: 121px;
}
.et-ver-timeline-template-15 .et-timeline-date + .et-timeline-item{
    margin-top:0;
}
.et-ver-timeline-template-15  .et-timeline-date .et-timeline-date-inner{
    width:100px;
    height: 100px;
    background:#fff; 
    margin: 0 auto;
    position: relative;
    -webkit-transform: rotate(-45.5deg);
    transform: rotate(-45.5deg);
    position: relative;
    overflow: hidden;
    z-index: 999;
}
.et-ver-timeline-template-15  .et-timeline-date .et-timeline-date-inner-inner{
    display: inline-block;
    top:9px;
    bottom:9px;
    left: 9px;
    right: 9px;
    position: absolute;
    background: #c92c5f;
}
.et-ver-timeline-template-15  .et-timeline-date .et-timeline-date-inner-inner span{
    display: inline-block;
    color: #fff;
    font-size: 22px;
    font-family: 'Montserrat', sans-serif;
    font-weight: 500;
    -webkit-transform: rotate(45.5deg);
    transform: rotate(45.5deg);
    line-height: 84px;
}
.et-ver-timeline-template-15   .et-icon-main-wrap{
    width: 26px;
    height: 26px;
    overflow: hidden;
    position: absolute;
    right: 10px;
    /* top: 50px; */
    margin-top: 8px;
}
.et-ver-timeline-template-15  .et-icon-main-wrap i{
    width: auto;
    height: auto;
    font-size: 20px;
    color: #000;
}
.et-ver-timeline-template-15  .et-timeline-item:nth-of-type(2n)  .et-icon-main-wrap{
    right: auto;
    left:  10px;
}
.et-ver-timeline-template-15    .et-date{
    color: #000;
    font-family: 'Open Sans', sans-serif;
    font-weight: 600;
    font-size: 14px;
    text-align: right;
    margin-bottom: 20px;
    padding:10px 0;
}
.et-ver-timeline-template-15  .et-timeline-item:nth-of-type(2n)  .et-date{
    text-align: left;
}
.et-ver-timeline-template-15 .et-inner-block{
    background: #fff;
    -moz-box-shadow: 0 0 9px 2px #DDDDDD;
    -webkit-box-shadow: 0 0 9px 2px #DDDDDD;
    box-shadow: 0 0 9px 2px #DDDDDD;
    text-align: center;
}
.et-ver-timeline-template-15 .et-image-layer{
    position: relative;
    border-bottom: 1px solid #eee;
}
.et-ver-timeline-template-15 .et-category-wrap {
    position: absolute;
    bottom: 16px;
    left: 16px;
}
.et-ver-timeline-template-15 .et-category-list a {
    display: inline-block;
    vertical-align: middle;
    margin-bottom: 2px;
    padding: 7px 21px;
    border-radius: 2px;
    background: #1888dd;
    color: #fff;
    font-family: 'Open Sans', sans-serif;
    font-size: 13px;
    font-weight: 500;
    border: 2px solid #1888dd;
    -webkit-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}
.et-ver-timeline-template-15 .et-bottom-wrap-main-content{
    padding: 22px 21px;
}
.et-ver-timeline-template-15 .et-author-layer {
    margin-bottom: 25px;
}
.et-ver-timeline-template-15 .et-author-layer > div {
    display: inline-block;
    vertical-align: middle;
    margin-right: 23px;
}
.et-ver-timeline-template-15 .et-author-layer > div,
.et-ver-timeline-template-15 .et-author-layer > div a{
    color: #767676;
    font-size: 12px;
    font-weight: 600;
}
.et-ver-timeline-template-15 .et-author-layer > div a:hover{
    color:#1888dd;
}
.et-ver-timeline-template-15 .et-title {
    margin-bottom: 29px;
}
.et-ver-timeline-template-15 .et-title a{
    color: #222222;
    font-family: 'Lato', sans-serif;
    font-size: 26px;
    font-weight: 500;
}
.et-ver-timeline-template-15 .et-title a:hover{
    color:#1888dd;
}
.et-ver-timeline-template-15 .et-content {
    color: #555555;
    font-family: 'Lato', sans-serif;
    font-size: 14px;
    font-weight: 500;
    line-height: 1.6;
    margin-bottom: 15px;
}
.et-ver-timeline-template-15 .et-link-button {
    margin-bottom: 30px;
}
.et-ver-timeline-template-15 .et-link-button a {
    display: inline-block;
    padding:10px 21px;
    border-radius:20px;
    background: #1888dd;
    border: 2px solid #1888dd;
    color: #fff;
    text-transform: uppercase;
    font-family: 'Open Sans', sans-serif;
    font-size: 13px;
    -webkit-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}
.et-ver-timeline-template-15 .et-category-list a:hover,
.et-ver-timeline-template-15 .et-link-button a:hover ,{
    background: #fff;
    color: #1888dd;
}
.et-ver-timeline-template-15 .et-bottom-wrap {
    background: #f8f8f8;
    padding: 15px 30px 8px;
}
.et-ver-timeline-template-15 .et-bottom-wrap .et-tag-list {
    float: left;
}
.et-ver-timeline-template-15 .et-bottom-wrap .et-tag-list a {
    color: #666666;
    font-size: 12px;
    font-family: 'Lato', sans-serif;
    font-weight: 500;
    display: inline-block;
    padding: 0 3px;
    margin-bottom: 7px;
}
.et-ver-timeline-template-15 .et-bottom-wrap .et-share-wrap {
    float: right;
}
.et-ver-timeline-template-15 .et-bottom-wrap .et-share-wrap a {
    font-size: 15px;
    color: #666;
    padding: 0 9px;
    margin-bottom: 7px;
    display: inline-block;
}
.et-ver-timeline-template-15 .et-bottom-wrap .et-tag-list a:hover,
.et-ver-timeline-template-15 .et-bottom-wrap .et-share-wrap a:hover {
    color: #1888dd;
}
/*****vertical Timeline template 15 css end****/
/*****vertical Timeline template 16 css start**/
.et-ver-timeline-template-16  .et-timeline-date{
    text-align: center;
    clear: both;
    margin-bottom: 88px;
}
.et-ver-timeline-template-16  .et-timeline-date span{
    display: inline-block;
    padding: 6px;
    background: #fff;
    color: #333;
    font-size: 28px;
    font-weight: 500;
    font-family: 'Merriweather', serif;
    position: relative;
    z-index: 99;
}
.et-ver-timeline-template-16   .et-fonts-wrap{
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    z-index: 9;
    margin-top: 5px;
}
.et-ver-timeline-template-16   .et-fonts-wrap i{
    width: 34px;
    height: 59px;
    line-height:59px;
    font-size: 20px;
    color: #fff;
    background: #1ca331;
    border-radius:20px;
}
.et-ver-timeline-template-16   .et-fonts-wrap img{
    max-width: 34px;
}
.et-ver-timeline-template-16 .et-timeline-line{
    width: 2px;
    height: 100%;
    background: #f4f4f4;
    position: absolute;
    left:50%;
    margin-left: -1px;
    top: 0;
}
.et-ver-timeline-template-16 .et-date-meet-wrap{
    position: relative;
    text-align: right;
}
.et-ver-timeline-template-16 .et-timeline-item:nth-of-type(2n) .et-date-meet-wrap{
    text-align: left;
}
.et-ver-timeline-template-16  .et-date{
    font-family: 'Lato', sans-serif;
    background: #1ca331;
    display: inline-block;
    color: #ffffff;
    text-transform: uppercase;
    font-size: 13px;
    padding: 12px 18px;
    border-radius: 20px;
    margin-right: -20px;
    /* margin-bottom: -11px; */
    position: relative;
    z-index: 99;
    top: 19px;
}
.et-ver-timeline-template-16  .et-timeline-item:nth-of-type(2n)  .et-date{
    margin-right:  auto;
    margin-left: -20px;
}
.et-ver-timeline-template-16  .et-date:before{
    content: '';
    position: absolute;
    top:50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    left:99%;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 5px 0 5px 7px;
    border-color: transparent transparent transparent #1ca331;
}
.et-ver-timeline-template-16  .et-timeline-item:nth-of-type(2n)  .et-date:before{
    left: auto;
    right:99%;
    border-width: 5px 7px 5px 0;
    border-color: transparent #1ca331 transparent transparent;
}
.et-ver-timeline-template-16 .et-timeline-item {
    width: 50%;
    float: left;
    text-align: center;
    background: #fff;
    margin-bottom: 80px;
    padding-right: 80px;
    clear: left;
}
.et-ver-timeline-template-16 .et-timeline-item:nth-of-type(2n) {
    float: right;
    padding-right: 0;
    padding-left: 80px;
    clear: right;
    margin-top: 200px;
}
.et-ver-timeline-template-16 .et-inner-block {
    background-color: #fff;
    padding-bottom: 10px;
     text-align: center;
     border:1px solid #eee;
}
.et-ver-timeline-template-16 .et-image {
    margin-bottom: 26px;
}
.et-ver-timeline-template-16 .et-bottom-wrap-main-content{
    padding: 0 30px 20px;
}
.et-ver-timeline-template-16 .et-meta-wrap {
    margin-bottom: 16px;
}
.et-ver-timeline-template-16 .et-meta-wrap > div,
.et-ver-timeline-template-16 .et-meta-wrap > div a {
    display: inline-block;
    vertical-align: middle;
    font-size: 13px;
    color: #666;
    font-family: 'Lato', sans-serif;
    text-transform: uppercase;
    position: relative;
    -webkit-transition: all 0.5s ease-in-out, opacity 0.9s ease-in-out, visibility 0.9s ease-in-out;
    transition: all 0.5s ease-in-out, opacity 0.9s ease-in-out, visibility 0.9s ease-in-out;
}
.et-ver-timeline-template-16 .et-meta-wrap .et-author-name,
.et-ver-timeline-template-16 .et-meta-wrap .et-date,
.et-ver-timeline-template-16 .et-meta-wrap .et-category-list a {
    padding: 0 15px 2px;
}
.et-ver-timeline-template-16 .et-meta-wrap > div a:hover {
    color:#1ca331;
}
.et-ver-timeline-template-16 .et-title{
    margin-bottom: 45px;
}
.et-ver-timeline-template-16 .et-title a{
    font-size: 28px;
    font-family: 'Merriweather', serif;
    color: #333;
    font-weight: 500;
}
.et-ver-timeline-template-16 .et-title a:hover{
    color:#1ca331;
}
.et-ver-timeline-template-16 .et-content {
    font-size: 16px;
    color: #666666;
    font-family: 'Lato', sans-serif;
    line-height: 1.5;
    margin-bottom: 45px;
}
.et-ver-timeline-template-16 .et-link-button a {
    display: inline-block;
    position: relative;
    font-size: 13px;
    color:#1ca331;
    font-weight: 500;
    font-family: 'Lato', sans-serif;
    text-transform: uppercase;
    -webkit-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}
.et-ver-timeline-template-16 .et-link-button a:hover {
    letter-spacing: 2px;
}
.et-ver-timeline-template-16 .et-share-wrap {
    border-bottom: 1px solid #dddddd;
    margin-bottom: 37px;
}
.et-ver-timeline-template-16 .et-share-main-wrap {
    background-color: #fff;
    display: inline-block;
    padding: 0 25px;
    -webkit-transform: translateY(14px);
    transform: translateY(14px);
}
.et-ver-timeline-template-16 .et-share-main-wrap a {
    display: inline-block;
    width: 32px;
    height: 32px;
    margin-bottom: 3px;
    border: 2px solid #1ca331;
    line-height: 30px;
    text-align: center;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    background-color: #1ca331;
    color: #fff;
    font-size: 12px;
    -webkit-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
    position: relative;
}
.et-ver-timeline-template-16 .et-share-main-wrap a:before {
    content: '';
    position: absolute;
    border: white solid 2px;
    top: 1px;
    left: 1px;
    right: 1px;
    bottom: 1px;
    opacity: 0;
    -webkit-transition-duration: 0.6s;
    transition-duration: 0.6s;
    -webkit-transition-property: opacity;
    transition-property: opacity;
    border-radius: 50%;
}
.et-ver-timeline-template-16 .et-share-main-wrap a:hover:before {
    opacity: 1;
}
.et-ver-timeline-template-16 .et-bottom-wrap > div,
.et-ver-timeline-template-16 .et-bottom-wrap > div a {
    display: inline-block;
    color:#1ca331;
    font-size: 13px;
    font-family: 'Lato', sans-serif;
    text-transform: uppercase;
}
.et-ver-timeline-template-16 .et-bottom-wrap > div {
    margin-right: 20px;
    padding-left: 30px;
    position: relative;
    margin-bottom: 2px;
}
.et-ver-timeline-template-16 .et-bottom-wrap > div i,
.et-ver-timeline-template-16 .et-bottom-wrap > div .dashicons {
    position: absolute;
    font-size: 13px;
    left: 0;
    top: 0px;
    color: #000;
}
.et-ver-timeline-template-16 .et-bottom-wrap > div a:hover {
    color: #666;
}
/*****vertical Timeline template 16 css end****/
/*****vertical Timeline template 17 css start**/
.et-ver-timeline-template-17 .et-timeline-line{
    width: 4px;
    height: 100%;
    left:50%;
    margin-left: -2px;
    background: #d0d0d2;
    position: absolute;
    z-index: 999;
    top: 0;
}
.et-ver-timeline-template-17  .et-timeline-date{
    text-align: center;
    clear: both;
}
.et-ver-timeline-template-17  .et-timeline-date span{
    display: inline-block;
    background: #767779;
    color: #fff;
    padding: 7px 22px;
    border-radius: 5px;
    position: relative;
    z-index: 9999;
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
    color: #fff;
    font-size: 24px;
    font-weight:500;
    font-family: 'Open Sans', sans-serif;
}
.et-ver-timeline-template-17 .et-timeline-item {
    width: 50%;
    float: left;
    text-align: center;
    margin-bottom:130px;
    padding-right: 110px;
    clear: left;
    margin-top:200px;
    position: relative;
}
.et-ver-timeline-template-17 .et-timeline-item:nth-of-type(2n) {
    float: right;
    padding-right: 0;
    padding-left: 110px;
    clear: right;
    margin-top: 0;
}
.et-ver-timeline-template-17 .et-timeline-item .et-timeline-item-inner{
    background: #fff;
    -moz-box-shadow: 0 0 6px #f2f2f2;
    -webkit-box-shadow: 0 0 6px #f2f2f2;
    box-shadow: 0 0 6px #f2f2f2 ;
    position: relative;
    padding: 30px 30px 50px;
}
.et-ver-timeline-template-17 .et-timeline-circle{
    position: absolute;
    bottom:0;
    left: 100%;
}
.et-ver-timeline-template-17 .et-timeline-item:nth-of-type(2n) .et-timeline-circle{
    left:auto;
    right:100%;
}
.et-ver-timeline-template-17 .et-timeline-circle:after{
    content: '';
    width: 12px;
    height: 12px;
    background: #767779;
    border-radius: 50%;
    position: absolute;
    bottom: 82px;
    left: 104px;
    z-index: 9999;
}
.et-ver-timeline-template-17 .et-timeline-item:nth-of-type(2n) .et-timeline-circle:after{
    left: auto;
    right: 104px;
}
.et-ver-timeline-template-17 .et-fonts-wrap{
    width: 42px;
    height: 42px;
    background: #739bbe;
    color: #fff;
    text-align: center;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    margin: 0 auto 16px;
    overflow: hidden;
}
.et-ver-timeline-template-17 .et-fonts-wrap i{
    font-size: 20px;
    line-height: 42px;
    width: auto;
    height: auto;
}
.et-ver-timeline-template-17  .et-month-date{
    color:#739bbe;
    font-family: 'Open Sans', sans-serif;
    font-size: 16px;
    color: #739bbe;
    font-weight:600;
}
.et-ver-timeline-template-17  .et-day-date{
    font-family: 'Playfair Display', serif;
    color: #222;
    font-size: 26px;
    font-weight: 600;
    margin-bottom: 7px;
}
.et-ver-timeline-template-17 .et-triangle{
    width: 90px;
    height: 90px;
    background: #4F6B83;
    -webkit-clip-path: polygon(0 0, 0% 100%, 100% 0);
    clip-path: polygon(0 0, 0% 100%, 100% 0);
    background: -moz-linear-gradient(288deg, #4F6B83 0, #7299bc 100%);
    background: -webkit-gradient(linear, 288deg, color-stop(0, 4F6B83), color-stop(100%, 7299bc));
    background: -webkit-linear-gradient(288deg, #4F6B83 0, #7299bc 100%);
    background: linear-gradient(288deg, #4F6B83 0, #7299bc 100%);
    position: relative;
}
.et-ver-timeline-template-17 .et-timeline-item:nth-of-type(2n) .et-triangle{
    -webkit-clip-path: polygon(0 0, 100% 100%, 100% 0);
    clip-path: polygon(0 0, 100% 100%, 100% 0);
    background: -moz-linear-gradient(-288deg, #4F6B83 0, #7299bc 100%);
    background: -webkit-gradient(linear, -288deg, color-stop(0, 4F6B83), color-stop(100%, 7299bc));
    background: -webkit-linear-gradient(-288deg, #4F6B83 0, #7299bc 100%);
    background: linear-gradient(-288deg, #4F6B83 0, #7299bc 100%);
}
.et-ver-timeline-template-17  .et-image {
    margin-bottom: 22px;
}
.et-ver-timeline-template-17  .et-category-wrap {
    margin-bottom: 22px;
}
.et-ver-timeline-template-17  .et-category-list a {
    display: inline-block;
    padding: 5px 12px;
    border: 1px solid #739bbe;
    background-color: #739bbe;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    color: #fff;
    font-size: 13px;
    font-family: 'Open Sans', sans-serif;
    font-weight: 500;
    -webkit-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}
.et-ver-timeline-template-17  .et-category-list a:hover {
    border: 1px solid #c8c7c9;
    color: #787878;
    background-color: transparent;
}
.et-ver-timeline-template-17  .et-title{
    margin-bottom: 18px;
}
.et-ver-timeline-template-17  .et-title a{
    font-family: 'Playfair Display', serif;
    font-size: 20px;
    color: #030303;
    font-weight: 700;
    text-transform: uppercase;
    line-height: 1.2;
}
.et-ver-timeline-template-17  .et-title a:hover{
    color:#739bbe;
}
.et-ver-timeline-template-17  .et-meta-wrap {
    margin-bottom: 23px;
}
.et-ver-timeline-template-17  .et-meta-wrap >div {
    margin-bottom: 2px;
    padding: 0 13px 0 19px;
    margin-right: 10px;
}
.et-ver-timeline-template-17  .et-meta-wrap >div,
.et-ver-timeline-template-17  .et-meta-wrap >div a{
    position: relative;
    font-weight: 500;
     vertical-align: middle;
    font-family: 'Open Sans', sans-serif;
    font-size: 13px;
    display: inline-block;
    color:#777;
}
.et-ver-timeline-template-17  .et-meta-wrap >div a:hover{
    color:#739bbe;
}
.et-ver-timeline-template-17  .et-meta-wrap >div i {
    position: absolute;
    left: 0;
    top: 0;
    color: #888888;
}
.et-ver-timeline-template-17  .et-content {
    line-height: 1.5;
    margin-bottom: 20px;
    color: #787878;
    font-family: 'Open Sans', sans-serif;
    font-size: 16px;
    font-weight: 16px;
}
.et-ver-timeline-template-17  .et-link-button {
    margin-bottom: 12px;
}
.et-ver-timeline-template-17  .et-link-button a {
    display: inline-block;
    padding: 14px 16px;
    -webkit-border-radius: 20px;
    border-radius: 20px;
    border: 1px solid #c8c7c9;
    color: #787878;
    text-transform: uppercase;
    font-family: 'Open Sans', sans-serif;
    font-size: 14px;
    -webkit-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}
.et-ver-timeline-template-17  .et-link-button a:hover {
    border: 1px solid #739bbe;
    background-color: #739bbe;
    color: #fff;
}
.et-ver-timeline-template-17   .et-bottom-wrap{
    border-bottom:  1px solid #eee;
    padding:10px 0
}
.et-ver-timeline-template-17  .et-share-wrap,
.et-ver-timeline-template-17  .et-tag-list {
    display: inline-block;
    vertical-align: middle;
    padding: 0 10px;
    margin-bottom: 7px;
}
.et-ver-timeline-template-17  .et-share-wrap a {
    font-size: 13px;
    padding: 0 5px;
    color: #000;
}
.et-ver-timeline-template-17  .et-tag-list,
.et-ver-timeline-template-17  .et-tag-list a {
    display: inline-block;
    font-family: 'Open Sans', sans-serif;
    font-size: 13px;
    color: #222;
    font-weight: 600;
}
.et-ver-timeline-template-17  .et-share-wrap a:hover,
.et-ver-timeline-template-17  .et-tag-list a:hover {
    color: #739bbe;
}
.et-ver-timeline-template-17  .et-tag-list > i ,
.et-ver-timeline-template-17  .et-share-wrap > i{
    display: inline-block;
    font-size: 14px;
    color: #888;
    margin-right: 5px;
}
/*****vertical Timeline template 17 css end****/
/*****vertical Timeline template 18 css start**/
.et-ver-timeline-template-18 .et-timeline-line{
    background: #8d9296;
    width: 2px;
    height: 100%;
    position: absolute;
    margin-left: -1px;
    left:50%;
    z-index: -1;
    top: 0;
}
.et-ver-timeline-template-18  .et-timeline-date{
    text-align: center;
    clear: both;
}
.et-ver-timeline-template-18 .et-timeline-date span{
    display: inline-block;
    background: #28afd5;
    color: #fff;
    padding: 8px 25px;
    position: relative;
    z-index: 9999;
    color: #fff;
    font-size: 20px;
    font-weight:500;
     font-family: 'Lato', sans-serif;
}
.et-ver-timeline-template-18  .et-timeline-circle{
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    margin-top: -29px;
}
.et-ver-timeline-template-18   .et-month-day-wrap{
    min-width: 83px;
    min-height: 83px;
    border:9px solid #e0394c;
    background: #fff;
    padding: 5px;
    z-index: 99;
    position: relative;
    margin-bottom: 10px;
}
.et-ver-timeline-template-18   .et-month-day-wrap:before,
.et-ver-timeline-template-18   .et-month-day-wrap:after{
    content:'';
    position: absolute;
    top:50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}
.et-ver-timeline-template-18   .et-month-day-wrap:before{
    width: 50px;
    height: 2px;
    background: #f2f2f2;
    left:75px;
}
.et-ver-timeline-template-18   .et-month-day-wrap:after{
        width: 8px;
    height: 8px;
    border-radius: 50%;
    background: #ff4157;
    left: 123px;
}
.et-ver-timeline-template-18 .et-timeline-item:nth-of-type(2n) .et-month-day-wrap:before{
    right: 75px;
    left: auto;
}
.et-ver-timeline-template-18 .et-timeline-item:nth-of-type(2n) .et-month-day-wrap:after{
    left:  auto;
    right: 123px;
}
.et-ver-timeline-template-18  .et-month-date,
.et-ver-timeline-template-18  .et-day-date{
    font-family: 'Lato', sans-serif;
}
.et-ver-timeline-template-18  .et-month-date{
    font-size: 18px;
    color: #8d8d8d;
    font-weight: 500;
    margin-bottom: 11px;
}
.et-ver-timeline-template-18  .et-day-date{
    font-size: 20px;
    color: #000;
    font-weight:600;
}
.et-ver-timeline-template-18  .et-fonts-wrap{
    width: 40px;
    height: 40px;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    background: #28afd5;
    margin: 0 auto;
    overflow: hidden;
}
.et-ver-timeline-template-18  .et-fonts-wrap i{
    width: auto;
    height: auto;
    line-height: 40px;
    color: #fff;
    font-size:18px;
}
.et-ver-timeline-template-18 .et-timeline-item {
    width: 50%;
    float:right;
    text-align: center;
    margin-bottom:200px;
    padding-left:  120px;
    clear:right;
    margin-top: 20px;
}
.et-ver-timeline-template-18 .et-timeline-item:nth-of-type(2n) {
    float: left;
    padding-left:  0;
    padding-right: 120px;
    clear: left;
    margin-top: 220px;
    margin-bottom: 0;
}
.et-ver-timeline-template-18 .et-timeline-item:nth-of-type(2n+1),
.et-ver-timeline-template-18 .et-timeline-date + .et-timeline-item{
    margin-top:20px;
}
.et-ver-timeline-template-18 .et-timeline-item:last-child{
    margin-bottom: 50px;
}
.et-ver-timeline-template-18 .et-timeline-item .et-inner-block{
    padding: 15px;
    background: #fff;
    -moz-box-shadow: 0 0 6px #f2f2f2;
    -webkit-box-shadow: 0 0 6px #f2f2f2;
    box-shadow: 0 0 6px #f2f2f2;
}
.et-ver-timeline-template-18 .et-main-content {
    padding: 20px 10px;
}
.et-ver-timeline-template-18 .et-car-meta-wrap {
    margin-bottom: 5px;
}
.et-ver-timeline-template-18 .et-car-meta-wrap > div {
    display: inline-block;
    vertical-align: middle;
}
.et-ver-timeline-template-18 .et-category-list a {
    display: inline-block;
    vertical-align: middle;
    background: #ff3e53;
    color: #fff;
    font-size: 12px;
    font-weight: 500;
    font-family: 'Lato', sans-serif;
    padding: 7px 9px;
    margin: 0 2px 10px 2px;
    -webkit-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}
.et-ver-timeline-template-18 .et-category-list a:hover {
    background: #212121;
}
.et-ver-timeline-template-18 .et-date {
    color: #b5b5b5;
    font-size: 12px;
    font-weight: 500;
    font-family: 'Lato', sans-serif;
    text-transform: uppercase;
    padding: 0 10px;
    margin-bottom: 10px;
}
.et-ver-timeline-template-18 .et-author-name {
    margin-bottom: 15px;
    position: relative;
    padding-left: 20px;
    display:inline-block;
}
.et-ver-timeline-template-18 .et-author-name a{
    color: #666;
    font-size: 12px;
    font-weight: 500;
    font-family: 'Lato', sans-serif;
    text-transform: uppercase;
    display: inline-block;
}
.et-ver-timeline-template-18 .et-author-name:before {
    content: "\f007";
    font-size: 12px;
    position: absolute;
    font-family: FontAwesome;
    left: 0;
    top:3px;
}
.et-ver-timeline-template-18 .et-title {
    margin-bottom: 13px;
}
.et-ver-timeline-template-18 .et-title a{
    color: #000;
    font-size: 20px;
    font-weight: 600;
    font-family: 'Lato', sans-serif;
    line-height: 1.3;
}
.et-ver-timeline-template-18 .et-author-name a:hover,
.et-ver-timeline-template-18 .et-title a:hover{
    color:#ff3e53;
}
.et-ver-timeline-template-18 .et-content {
    color: #7a7a7a;
    font-size: 12px;
    font-weight: 600;
    font-family: 'Lato', sans-serif;
    line-height: 1.6;
    margin-bottom: 27px;
}
.et-ver-timeline-template-18 .et-bottom-wrap  {
    border: 1px solid #eee;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -ms-flex-align: center;
    -webkit-align-items: center;
    -webkit-box-align: center;
    align-items: center;
    -ms-justify-content: flex-start;
    -moz-justify-content: flex-start;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
    -ms-flex-direction: row;
    -moz-flex-direction: row;
    -webkit-flex-direction: row;
    flex-direction: row;
    padding: 11px 11px 8px;
    margin-bottom: 20px;
}
.et-ver-timeline-template-18 .et-comment-wrap {
    text-align: left;
    float: left;
    display: inline-block;
    padding-left: 20px;
    padding-right: 10px;
    position: relative;
}
.et-ver-timeline-template-18 .et-comment-wrap i {
    position: absolute;
    top: 0;
    left: 0;
}
.et-ver-timeline-template-18 .et-share-wrap {
    text-align: right;
    float: right;
    margin-left: auto;
}
.et-ver-timeline-template-18 .et-comment-wrap,
.et-ver-timeline-template-18 .et-tag-list a,
.et-ver-timeline-template-18 .et-share-wrap a {
    color: #666666;
    font-size: 11px;
    font-weight: 500;
    font-family: 'Lato', sans-serif;
}
.et-ver-timeline-template-18 .et-tag-list a,
.et-ver-timeline-template-18 .et-share-wrap a {
    display: inline-block;
    margin-bottom: 3px;
}
.et-ver-timeline-template-18 .et-tag-list a:hover,
.et-ver-timeline-template-18 .et-share-wrap a:hover {
    color: #ff3e53;
}
.et-ver-timeline-template-18 .et-tag-list {
    position: relative;
    padding-left: 20px;
    display: inline-block;
    text-align: left;
    float: left;
    margin-right: 5px;
}
.et-ver-timeline-template-18 .et-tag-list i {
    color: #b5b5b5;
    font-size: 12px;
    position: absolute;
    top: 4px;
    left: 0;
}
.et-ver-timeline-template-18 .et-tag-list a {
    text-transform: uppercase;
    padding: 0 2px;
}
.et-ver-timeline-template-18 .et-share-wrap a {
    width: 18px;
    height: 18px;
    line-height: 18px;
    text-align: center;
}
.et-ver-timeline-template-18 .et-link-button a {
    display: inline-block;
    font-size: 13px;
    font-weight: 500;
    color: #fff;
    font-family: 'Lato', sans-serif;
    background: #ff3e53;
    padding: 16px 26px;
    -webkit-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}
.et-ver-timeline-template-18 .et-link-button a:hover {
    background: #212121;
    color: #fff;
}
/*****vertical Timeline template 18 css end****/
/*-------------------------------------
        vertical Timeline Layout css END
---------------------------------------*/
/*--------------------------------------------------
horizontal Timeline Layout css start
----------------------------------------------------*/

.et-horizontal-timeline .bx-wrapper,
.et-horizontal-timeline .bx-wrapper .bx-viewport {
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    margin: 0 auto;
}
/*****horizontal Timeline- template 1 css start****/
.et-hor-timeline-template-1 .bx-wrapper ul li {
    position: relative;
    text-align: center;
}
.et-hor-timeline-template-1 .et-top-date-line {
    position: relative;
    margin-bottom: 58px;
}
.et-hor-timeline-template-1 .et-timeline-date-one {
    font-size: 15px;
    font-family: 'Playfair Display', serif;
    border: 1px solid #d0b48b;
    font-weight: 400;
    color: #2a2a2a;
    font-style: italic;
    display: inline-block;
    padding: 11px 15px;
    position: relative;
    z-index: 99;
    background: #fff;
}
.et-hor-timeline-template-1 .et-timeline-date-one:before {
    content: '';
    position: absolute;
    width: 15px;
    height: 15px;
    background: #fff;
    top: 81%;
    left: 50%;
    margin-left: -10px;
    -webkit-transform: rotate(46deg);
    transform: rotate(46deg);
    border-width: 0px 1px 1px 0px;
    border-style: solid;
    border-color: #d0b48b;
    -webkit-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}
.et-hor-timeline-template-1 .et-timeline-line {
    position: absolute;
    top: 50%;
    width: 100%;
    height: 3px;
    left: 0;
    background: #d0b48b;
    z-index: 1;
}
.et-hor-timeline-template-1 .et-hor-inner-block {
    padding: 0 10px;
}
.et-hor-timeline-template-1 .et-hor-top-header {
    border: 1px solid #e8e8e8;
    margin-bottom: 10px;
    padding: 15px 10px;
}
.et-hor-timeline-template-1 .et-category-list a {
    display: inline-block;
    text-transform: uppercase;
    color: #d0b48b;
    font-size: 15px;
    font-weight: 500;
    font-family: 'Montserrat', sans-serif;
    padding: 5px;
}
.et-hor-timeline-template-1 .et-category-list a:hover {
    color: #9e9e9e;
}
.et-hor-timeline-template-1 .et-title {
    margin-bottom: 5px;
}
.et-hor-timeline-template-1 .et-title a{
    font-size: 20px;
    font-weight: 500;
    font-family: 'Montserrat', sans-serif;
    color: #020202;
    line-height: 1.3;
    text-transform: uppercase;
}
.et-hor-timeline-template-1 .et-meta-wrap > div {
    padding: 0 14px;
    position: relative;
}
.et-hor-timeline-template-1 .et-meta-wrap > div,
.et-hor-timeline-template-1 .et-meta-wrap > div a{
    color: #9e9e9e;
    font-family: 'Playfair Display', serif;
    font-size: 14px;
    font-weight: 400;
    font-style: italic;
    display: inline-block;
}
.et-hor-timeline-template-1 .et-title a:hover,
.et-hor-timeline-template-1 .et-meta-wrap > div a:hover{
    color:#d0b48b;
}
.et-hor-timeline-template-1 .et-comment-wrap:before {
    content: '';
    width: 4px;
    height: 1px;
    background: #9e9e9e;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    left: 0;
}
.et-hor-timeline-template-1 .et-img-share-wrap {
    position: relative;
}
.et-hor-timeline-template-1 .et-bottom-wrap-main {
    padding: 36px 5px;
}
.et-hor-timeline-template-1 .et-content {
    color: #727272;
    font-family: 'Open Sans', sans-serif;
    font-size: 15px;
    font-weight: 500;
    line-height: 1.5;
    margin-bottom: 24px;
}
.et-hor-timeline-template-1 .et-bottom-wrap {
    display: table;
    width: 100%;
    border: 1px solid #e8e8e8;
    padding: 0 10px;
}
.et-hor-timeline-template-1 .et-tag-list,
.et-hor-timeline-template-1 .et-link-button {
    display: table-cell;
    vertical-align: middle;
    padding: 10px 0;
}
.et-hor-timeline-template-1 .et-tag-list {
    text-align: left;
    width: 60%;
}
.et-hor-timeline-template-1 .et-tag-list a {
    display: inline-block;
    font-family: 'Playfair Display', serif;
    color: #9e9e9e;
    font-size: 14px;
    font-weight: 400;
    font-style: italic;
    padding: 0 5px;
    margin-bottom: 5px;
}
.et-hor-timeline-template-1 .et-tag-list a:hover {
    color: #d0b48b;
}
.et-hor-timeline-template-1 .et-link-button {
    text-align: right;
    width: 40%;
}
.et-hor-timeline-template-1 .et-link-button a {
    color: #fff;
    font-family: 'Open Sans', sans-serif;
    font-size: 12px;
    font-weight: 500;
    line-height: 1.5;
    padding: 5px 8px;
    display: inline-block;
    background: #d0b48b;
    -webkit-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}
.et-hor-timeline-template-1 .et-link-button a:hover {
    background: #9e9e9e;
}
.et-hor-timeline-template-1 .et-share-wrap {
    position: absolute;
    bottom: 0;
    right: 0;
    width: 100%;
    text-align: right;
    padding-right: 20px;
    padding-bottom: 20px;
}
.et-hor-timeline-template-1 .et-share-wrap-inner {
    position: relative;
    width: 30px;
    line-height: 30px;
    height: 30px;
    background: #d0b48b;
    color: #fff;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    display: inline-block;
    text-align: center;
    cursor: pointer;
}
.et-hor-timeline-template-1 .et-share-wrap-another {
    display: inline-block;
}
.et-hor-timeline-template-1 .et-share-wrap-inner-wrap {
    position: absolute;
    top: 0;
    opacity: 0;
    visibility: hidden;
    right: 55px;
    -webkit-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}
.et-hor-timeline-template-1 .et-share-wrap-another:hover .et-share-wrap-inner-wrap {
    opacity: 1;
    visibility: visible;
}
.et-hor-timeline-template-1 .et-share-wrap-inner-wrap a {
    color: #fff;
    display: inline-block;
    width: 30px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    background: #d0b48b;
    color: #fff;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    margin: 2px;
}
.et-hor-timeline-template-1 .et-share-wrap-inner-wrap a:hover {
    background: #9e9e9e;
}
.et-hor-timeline-template-1 .bx-wrapper .bx-controls-direction a {
    position: absolute;
    top: 19px;
    color: #fff;
    text-indent: 0;
    width: 32px;
    height: 32px;
    line-height: 32px;
    text-align: center;
    background: #d0b48b;
}
.et-hor-timeline-template-1 .bx-controls-direction a.bx-prev {
    left: -40px;
}
.et-hor-timeline-template-1 .bx-controls-direction a.bx-next {
    right: -40px;
}
/*****horizontal Timeline- template 1 css end******/
/*****horizontal Timeline- template 2 css start****/

.et-hor-timeline-template-2 {
    position: relative;
}
.et-hor-timeline-template-2 .bx-wrapper {
    margin: 0 auto;
}
.et-hor-timeline-template-2 .et-horz-bx {
    padding: 0 64px;
}
.et-hor-timeline-template-2 .et-outer-date-container .bx-wrapper {
    max-width: 100% ! important;
}
.et-hor-timeline-template-2 .et-timeline-hor-line {
    position: absolute;
    display: block;
    height: 4px;
    width: 100%;
    left: 0;
    bottom: 6px;
    background-color: #00b8d4;
}
.et-hor-timeline-template-2 .et-horz-bx .bx-viewport {
    height: auto ! important;
}
.et-hor-timeline-template-2 .et-horz-bx ul li {
    position: relative;
    padding-bottom: 55px;
    display: inline-block;
    text-align: center;
}
.et-hor-timeline-template-2 .et-horz-bx ul li a {
    display: inline-block;
    margin: 0 5px;
    outline: 0;
}
.et-hor-timeline-template-2 .et-horiz-title {
    padding: 12px 9px;
    border: 1px solid #eee;
    color: #222;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    font-size: 16px;
    font-weight: 500;
    font-family: 'Montserrat', sans-serif;
    display: inline-block;
    position: relative;
    outline: 0;
    -webkit-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}
.et-hor-timeline-template-2 .et-horiz-title:hover,
.et-hor-timeline-template-2 a.et-active .et-horiz-title {
    color: #00b8d4;
    border-color: #00b8d4;
}
.et-hor-timeline-template-2 .et-horiz-title:before {
    content: '';
    position: absolute;
    width: 20px;
    height: 20px;
    background: #fff;
    top: 77%;
    left: 50%;
    margin-left: -10px;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    border-width: 0px 1px 1px 0px;
    border-style: solid;
    border-color: #eee;
    -webkit-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}
.et-hor-timeline-template-2 .et-horiz-title:hover:before,
.et-hor-timeline-template-2 a.et-active .et-horiz-title:before {
    border-color: #00b8d4;
}
.et-hor-timeline-template-2 .et-horizontal-circle {
    position: absolute;
    bottom: 0px;
    width: 16px;
    height: 16px;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    left: 50%;
    margin-left: -8px;
    background: #00b8d4;
}
.et-hor-timeline-template-2 .et-outer-post-container {
    padding-top: 45px;
}
.et-hor-timeline-template-2 .et-sidebar-wrap,
.et-hor-timeline-template-2 .et-content-block {
    float: left;
}
.et-hor-timeline-template-2 .et-sidebar-wrap {
    width: 150px;
    padding-right: 29px;
    text-align: right;
}
.et-hor-timeline-template-2 .et-content-block {
    width: -webkit-calc(100% - 150px);
    width: calc(100% - 150px);
    text-align: left;
    padding-bottom: 20px;
}
.et-hor-timeline-template-2 .et-image {
    margin-bottom: 30px;
}
.et-hor-timeline-template-2 .et-image img {
    margin: 0;
}
.et-hor-timeline-template-2 .et-title {
    margin-bottom: 22px;
    margin-top: 10px;
}
.et-hor-timeline-template-2 .et-title a{
    font-family: 'Playfair Display', serif;
    font-size: 30px;
    font-weight: 500;
    color: #222;
}
.et-hor-timeline-template-2 .et-title a:hover{
    color:#dc4e41;
}
.et-hor-timeline-template-2 .et-content {
    color: #787878;
    font-size: 14px;
    font-family: 'Raleway', sans-serif;
    line-height: 1.5;
    font-weight: 500;
    margin-bottom: 26px;
}
.et-hor-timeline-template-2 .et-link-button {
    float: left;
}
.et-hor-timeline-template-2 .et-share-wrap {
    float: right;
}
.et-hor-timeline-template-2 .et-link-button a {
    color: #222222;
    font-family: 'Playfair Display', serif;
    font-size: 16px;
    font-weight: 500;
    display: inline-block;
    position: relative;
    padding-right: 33px;
    -webkit-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}
.et-hor-timeline-template-2 .et-link-button a:hover {
    color: #dc4e41;
}
.et-hor-timeline-template-2 .et-link-button a i {
    position: absolute;
    right: 0;
    top: 0;
    width: 18px;
    height: 18px;
    border: 1px solid #222;
    color: #222;
    font-size: 13px;
    line-height: 18px;
    text-align: center;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    background: #fff;
    -webkit-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}
.et-hor-timeline-template-2 .et-link-button a:hover i {
    background: #dc4e41;
    color: #fff;
    border-color: #dc4e41;
}
.et-hor-timeline-template-2 .et-share-wrap a {
    width: 23px;
    text-align: center;
    line-height: 23px;
    height: 23px;
    background: #767676;
    color: #fff;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    display: inline-block;
    font-size: 12px;
    margin: 3px;
    -webkit-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}
.et-hor-timeline-template-2 .et-share-wrap a:hover {
    background: #dc4e41;
}
.et-hor-timeline-template-2 .et-date-main {
    padding-bottom: 16px;
    border-bottom: 1px solid #eeeeee;
    margin-bottom: 22px;
}
.et-hor-timeline-template-2 .et-date-day {
    font-size: 60px;
    color: #222;
    font-weight: 600;
    font-family: 'Raleway', sans-serif;
}
.et-hor-timeline-template-2 .et-month {
    font-family: 'Raleway', sans-serif;
    color: #333;
    font-size: 14px;
    font-weight: 500;
}
.et-hor-timeline-template-2 .et-author-name,
.et-hor-timeline-template-2 .et-category-wrap .et-category-list,
.et-hor-timeline-template-2 .et-comment-wrap,
.et-hor-timeline-template-2 .et-tag-list {
    margin-bottom: 10px;
}
.et-hor-timeline-template-2 .et-author-name a,
.et-hor-timeline-template-2 .et-category-wrap .et-category-list a,
.et-hor-timeline-template-2 .et-comment-wrap,
.et-hor-timeline-template-2 .et-tag-list a {
    color: #6a6a6a;
    font-family: 'Raleway', sans-serif;
    font-size: 12px;
    font-weight: 500;
}
.et-hor-timeline-template-2 .et-category-wrap .et-category-list a,
.et-hor-timeline-template-2 .et-tag-list a {
    margin-top: 10px;
    display: block;
}
.et-hor-timeline-template-2 .et-category-wrap .et-category-list a:hover,
.et-hor-timeline-template-2 .et-tag-list a:hover {
    color: #dc4e41;
}
.et-hor-timeline-template-2 .et-category-wrap .et-category-list a:nth-of-type(1),
.et-hor-timeline-template-2 .et-tag-list a:nth-of-type(1) {
    margin-top: 0;
}
.et-hor-timeline-template-2 .et-author-name i,
.et-hor-timeline-template-2 .et-comment-wrap i,
.et-hor-timeline-template-2 .et-category-wrap .et-category-list a i,
.et-hor-timeline-template-2 .et-tag-list a i {
    color: #222;
    font-size: 12px;
    margin-right: 5px;
}
.et-hor-timeline-template-2 .et-post-bx .bx-controls-direction .bx-prev,
.et-hor-timeline-template-2 .et-post-bx .bx-controls-direction .bx-next {
    position: absolute;
    top: -54px;
    width: 32px;
    height: 32px;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    background: #00b8d4;
    color: #fff;
    text-indent: 0;
    text-align: center;
    line-height: 32px;
    font-size: 14px;
}
.et-hor-timeline-template-2 .et-post-bx .bx-controls-direction .bx-prev {
    left: 0;
}
.et-hor-timeline-template-2 .et-post-bx .bx-controls-direction .bx-next {
    right: 0;
}
/*****horizontal Timeline- template 2 css end******/
/****horizontal Timeline- template 3 css start*****/

.et-hor-timeline-template-3 .et-hor-timeline-date li {
    text-align: center;
    position: relative;
    padding: 86px 0 8px;
}
.et-hor-timeline-template-3 .et-timeline-hor-line {
    width: 100%;
    height: 3px;
    background: #396cae;
}
.et-hor-timeline-template-3 .et-horizontal-circle {
    width: 17px;
    height: 17px;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    background: #396cae;
    position: absolute;
    bottom: 0;
    left: 50%;
    margin: 0px 0px 0 -8.5px;
}
.et-hor-timeline-template-3 .et-date {
    position: absolute;
    left: 50%;
    top: 0;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    border: 1px solid #cecece;
    padding: 12px;
    min-width: 167px;
    border: 1px solid #cecece;
    background: #fff;
    white-space: nowrap;
    color: #353535;
    font-weight: 500;
    font-size: 15px;
    font-family: 'Open Sans', sans-serif;
    opacity: 0;
    visibility: hidden;
}
.et-hor-timeline-template-3 .et-date:before {
    content: '';
    position: absolute;
    width: 20px;
    height: 20px;
    background: #fff;
    top: 76%;
    left: 50%;
    margin-left: -10px;
    -webkit-transform: rotate(46deg);
    transform: rotate(46deg);
    border-width: 0px 1px 1px 0px;
    border-style: solid;
    border-color: #cecece;
    -webkit-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}
.et-hor-timeline-template-3 .et-active .et-date {
    opacity: 1;
    visibility: visible;
}
.et-hor-timeline-template-3 .bx-wrapper {
    margin: 40px 0 0;
}
.et-hor-timeline-template-3 .et-horz-bx {
    margin: 0;
    padding: 0 60px;
}
.et-hor-timeline-template-3 .et-timeline-post-wrapper li > .et-clearfix {
    display: table;
    width: 100%;
}
.et-hor-timeline-template-3 .et-image-container,
.et-hor-timeline-template-3 .et-bottom-wrap {
    display: table-cell;
    vertical-align: top;
}
.et-hor-timeline-template-3 .et-image-container {
    width: 30%;
    position: relative;
}
.et-hor-timeline-template-3 .et-image-container .et-image{
    position:relative;
}
.et-hor-timeline-template-3 .et-image-container .et-image:before{
    position:absolute;
    content:'';
    top:0;
    bottom:0;
    left:0;
    right:0;
    background:rgba(0,0,0,0.3);
    z-index:9;
}
.et-hor-timeline-template-3 .et-bottom-wrap {
    width: 70%;
    background: #f9f9f9;
    text-align: left;
}
.et-hor-timeline-template-3 .et-author-name {
    position: absolute;
    top: 13px;
    left: 19px;
    font-size: 18px;
    color: #fff;
    font-family: 'Amatic SC', cursive;
    font-weight: 500;
    z-index:99;
}
.et-hor-timeline-template-3 .et-author-name a{
    font-size: 18px;
    color: #fff;
    font-family: 'Amatic SC', cursive;
    font-weight: 500;
    display:inline-block;
    vertical-align:middle;
}
.et-hor-timeline-template-3 .et-author-name img {
    width: 46px;
    height: 46px;
    -webkit-border-radius: 100%;
    border-radius: 100%;
    border: 3px solid #fff;
    margin-right: 12px;
    display:inline-block;
    vertical-align:middle;
}
.et-hor-timeline-template-3 .et-category-list a {
    display: inline-block;
    font-size: 18px;
    font-family: 'Amatic SC', cursive;
    background: #396cae;
    padding: 6px 17px;
    color: #fff;
    margin-right: 2px;
    margin-bottom: 2px;
    -webkit-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}
.et-hor-timeline-template-3 .et-category-list a:hover {
    background: #0e83cd;
}
.et-hor-timeline-template-3 .et-title {
    padding: 0 10px 0 29px;
    margin-top: 20px;
    margin-bottom: 25px;
}
.et-hor-timeline-template-3 .et-title a{
    color: #222;
    font-family: 'Amatic SC', cursive;
    font-size: 34px;
}
.et-hor-timeline-template-3 .et-title a:hover{
    color:#396cae;
}
.et-hor-timeline-template-3 .et-meta-and-content-wrap {
    display: table;
    width: 100%;
    margin-bottom: 18px;
}
.et-hor-timeline-template-3 .et-meta-wrap {
    width: 120px;
    padding: 0 10px;
    text-align: center;
}
.et-hor-timeline-template-3 .et-content {
    width: -moz-calc(100% - 120px);
    width: -webkit-calc(100% - 120px);
    width: calc(100% - 120px);
    border-left: 1px solid #bbbbbb;
    padding: 0 10px;
    font-family: 'Open Sans', sans-serif;
    line-height: 1.5;
    font-size: 16px;
    font-weight: 500;
    color: #222222;
}
.et-hor-timeline-template-3 .et-meta-wrap,
.et-hor-timeline-template-3 .et-content {
    display: table-cell;
    vertical-align: middle;
}
.et-hor-timeline-template-3 .et-meta-wrap > div {
    color: #333;
    font-family: 'Raleway', sans-serif;
    font-size: 14px;
    line-height: 1.3;
    font-weight: 500;
}
.et-hor-timeline-template-3 .et-date-day {
    font-size: 24px;
    font-weight: 700;
}
.et-hor-timeline-template-3 .et-tag-list {
    padding-left: 120px;
    position: relative;
    margin-bottom: 20px;
}
.et-hor-timeline-template-3 .et-tag-list span {
    width: 120px;
    position: absolute;
    top: 50%;
    left: 0;
    text-align: right;
    padding-right: 15px;
    font-family: 'Raleway', sans-serif;
    color: #333;
    font-size: 14px;
    transform: translateY(-50%);
}
.et-hor-timeline-template-3 .et-anchor-tag a {
    display: inline-block;
    font-family: 'Raleway', sans-serif;
    color: #fff;
    font-size: 14px;
    font-weight: 600;
    position: relative;
    padding: 8px 8px 8px 0;
    background: #0e83cd;
    margin: 0 0px 5px 20px;
    -webkit-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}
.et-hor-timeline-template-3 .et-anchor-tag a:hover {
    background: #396cae;
}
.et-hor-timeline-template-3 .et-anchor-tag a:before {
    content: '';
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 15px 13px 15px 0;
    border-color: transparent #0e83cd transparent transparent;
    right: 100%;
    top: 0;
    position: absolute;
    -webkit-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}
.et-hor-timeline-template-3 .et-anchor-tag a:hover:before {
    border-color: transparent #396cae transparent transparent;
}
.et-hor-timeline-template-3 .et-lower-meta {
    background: #e6e6e6;
    display: -webkit-flex;
    -webkit-flex-direction: row;
    display: flex;
    flex-direction: row;
    -webkit-align-items: center;
    align-items: center;
}
.et-hor-timeline-template-3 .et-share-wrap {
    float: left;
    font-family: 'Amatic SC', cursive;
    font-size: 26px;
    color: #767676;
    padding: 5px 13px;
}
.et-hor-timeline-template-3 .et-link-button {
    float: right;
    margin-left: auto;
}
.et-hor-timeline-template-3 .et-link-button a {
    display: inline-block;
    background: #f01e57;
    color: #fff;
    font-family: 'Amatic SC', cursive;
    font-size: 34px;
    padding: 11px 16px;
    -webkit-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}
.et-hor-timeline-template-3 .et-share-wrap .et-share-wrap-contain {
    display: inline-block;
    margin-left: 15px;
}
.et-hor-timeline-template-3 .et-link-button a:hover {
    background: #767676;
}
.et-hor-timeline-template-3 .et-share-wrap .et-share-wrap-contain a {
    display: inline-block;
    width: 26px;
    height: 26px;
    line-height: 26px;
    font-size: 13px;
    background: #767676;
    color: #fff;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    text-align: center;
    vertical-align: middle;
    -webkit-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}
.et-hor-timeline-template-3 .et-share-wrap .et-share-wrap-contain a:hover {
    background: #0e83cd;
}
.et-hor-timeline-template-3 .et-post-bx .bx-controls-direction .bx-prev,
.et-hor-timeline-template-3 .et-post-bx .bx-controls-direction .bx-next {
    position: absolute;
    top: -54px;
    width: 32px;
    height: 32px;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    background: #396cae;
    color: #fff;
    text-indent: 0;
    text-align: center;
    line-height: 32px;
    font-size: 14px;
}
.et-hor-timeline-template-3 .et-post-bx .bx-controls-direction .bx-prev {
    left: 0;
}
.et-hor-timeline-template-3 .et-post-bx .bx-controls-direction .bx-next {
    right: 0;
}
/*****horizontal Timeline- template 3 css end******/
/*****horizontal Timeline- template 4 css start****/
.et-hor-timeline-template-4 ul.et-timeline-one li{
    padding-left:52px;
    padding-top:169px;
    padding-bottom:90px;
}
.et-hor-timeline-template-4 .et-timeline-line{
    width:1px;
    height: 100%;
    position: absolute;
    left:30px;
    background:#239fea;
    top: 0;
}
.et-hor-timeline-template-4 .et-timeline-line:before{
    content: '';
    position: absolute;
    width: 13px;
    height: 13px;
    border-radius: 50%;
    background: #149eed;
    top: 0;
    margin-left: -5.7px;
}
.et-hor-timeline-template-4 .et-timeline-date-one{
    position: absolute;
    left: 30px;
    bottom: 0;
    font-family: 'Lato', sans-serif;
    font-size: 14px;
    font-weight: 500;
    color: #fff;
    background: #149eed;
    padding: 6px 10px;
}
.et-hor-timeline-template-4  .et-timeline-date {
    background: #239fea;
    position: absolute;
    left: 0;
    top: 50%;
    -webkit-transform: translateY(-50%) rotate(270deg);
    transform: translateY(-50%) rotate(270deg);
    font-size: 21px;
    color: #fff;
    font-weight: 500;
    font-family: 'Roboto', sans-serif;
    padding: 5px 10px;
    margin-left: -18px;
}
.et-hor-timeline-template-4 .et-icon-block{
    position: absolute;
    top: 55px;
    left: 0;
    width: 33px;
    height: 33px;
    border: 1px solid #239fea;
    text-align: center;
    margin-left: 16px;
    background: #fff;
    z-index: 9;
}
.et-hor-timeline-template-4 .et-icon-block i{
    line-height:33px;
    font-size:18px;
    color:#239fea;
}
.et-hor-timeline-template-4 .bx-wrapper{
    padding-bottom:70px;
}
.et-hor-timeline-template-4 .bx-controls .bx-controls-direction a{
    margin-top:0;
    width:40px;
    height:40px;
    line-height:40px;
    text-indent: 0;
    background:#149eed;
    font-size:20px;
    color:#fff;
    -webkit-border-radius:50%;
    border-radius:50%;
    bottom: 0;
    top: auto;
}
.et-hor-timeline-template-4 .bx-controls .bx-controls-direction a.bx-prev{
    right: 51%;
    left: auto;
}
.et-hor-timeline-template-4 .bx-controls .bx-controls-direction a.bx-next{
    left: 51%;
}
.et-hor-timeline-template-4 .et-hor-inner-block{
    text-align: left;
    position: relative;
}
.et-hor-timeline-template-4 .et-content-block-wrap {
    width: 90%;
    margin-top: -60px;
    display: inline-block;
    background: #fff;
    padding: 20px 7px;
    position: relative;
}
.et-hor-timeline-template-4 .et-category-wrap {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 99;
}
.et-hor-timeline-template-4 .et-category-list a {
    display: inline-block;
    margin-right: 7px;
    font-family: 'Roboto', sans-serif;
    font-size: 12px;
    text-transform: uppercase;
    font-weight: 500;
    color: #fff;
    background: #149eed;
    padding: 6px;
    border: 1px solid #149eed;
    margin-right: 5px;
    margin-bottom: 5px;
    -webkit-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}
.et-hor-timeline-template-4 .et-category-list a:hover {
    background: #fff;
    color: #149eed;
}
.et-hor-timeline-template-4 .et-title{
    margin-bottom: 11px;
}
.et-hor-timeline-template-4 .et-title a{
    font-size: 18px;
    color: #2b2b2b;
    font-weight: 500;
    font-family: 'Roboto', sans-serif;
}
.et-hor-timeline-template-4 .et-title a:hover{
    color:#149eed;
}
.et-hor-timeline-template-4 .et-image-header-wrap {
    margin-bottom: 20px;
}
.et-hor-timeline-template-4 .et-image-header-wrap > div {
    padding: 0 9px;
}
.et-hor-timeline-template-4 .et-image-header-wrap > div,
.et-hor-timeline-template-4 .et-image-header-wrap > div a{
    font-size: 15px;
    color: #666;
    font-family: 'Lato', sans-serif;
    font-weight: 500;
    display: inline-block;
    position: relative;
}
.et-hor-timeline-template-4 .et-image-header-wrap > div a:hover{
    color:#149eed;
}
.et-hor-timeline-template-4 .et-image-header-wrap > div:nth-of-type(1) {
    padding-left: 0;
}
.et-hor-timeline-template-4 .et-image-header-wrap > div:before {
    position: absolute;
    content: "|";
    left: 0;
    top: 0;
    color: #2b2b2b;
}
.et-hor-timeline-template-4 .et-image-header-wrap > div:nth-of-type(1):before {
    content: none;
}
.et-hor-timeline-template-4 .et-content {
    font-family: 'Roboto', sans-serif;
    font-size: 14px;
    font-weight: 500;
    color: #2b2b2b;
    line-height: 1.5;
    margin-bottom: 21px;
}
.et-hor-timeline-template-4 .et-link-button {
    margin-bottom: 20px;
}
.et-hor-timeline-template-4 .et-link-button a {
    padding: 10px 19px;
    display: inline-block;
    color: #222;
    font-size: 12px;
    font-family: 'Roboto', sans-serif;
    font-weight: 500;
    border: 1px solid #666;
    background: #fff;
    letter-spacing: 1px;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
.et-hor-timeline-template-4 .et-link-button a:hover {
    border-color:#149eed;
    background:#149eed;
    color: #fff;
}
.et-hor-timeline-template-4 .et-bottom-wrap {
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    -webkit-flex-direction: row;
    flex-direction: row;
    width: 100%;
}
.et-hor-timeline-template-4 .et-tag-list {
    float: left;
    position: relative;
    padding-left: 30px;
    margin-right: 5px;
}
.et-hor-timeline-template-4 .et-tag-list i {
    position: absolute;
    left: 0;
    top: 3px;
    color: #2b2b2b;
    font-size: 14px;
}
.et-hor-timeline-template-4 .et-tag-list a {
    font-size: 14px;
    color: #2b2b2b;
    font-family: 'Roboto', sans-serif;
    font-weight: 500;
}
.et-hor-timeline-template-4 .et-tag-list a:hover {
    color: #149eed;
}
.et-hor-timeline-template-4 .et-share-wrap {
    float: right;
    margin-left: auto;
}
.et-hor-timeline-template-4 .et-share-wrap a {
    color: #2b2b2b;
    display: inline-block;
    font-size: 14px;
    padding: 0 5px;
    -webkit-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}
.et-hor-timeline-template-4 .et-share-wrap a:hover {
    -webkit-transform: translateY(-5px);
    transform: translateY(-5px);
    color: #149eed;
}
.et-hor-timeline-template-4  .bx-wrapper .bx-pager.bx-default-pager a{
    width:13px;
    height:13px;
    background:#fff;
    border-radius:50%;
    border:2px solid #9a9a9a;
    display:inline-block;
    vertical-align:middle;
    position:relative;
}
.et-hor-timeline-template-4   .bx-wrapper .bx-pager.bx-default-pager a:hover,
.et-hor-timeline-template-4   .bx-wrapper .bx-pager.bx-default-pager a.active{
    background:#fff;
    border-color:#149eed;
    width:22px;
    height:22px;
}
.et-hor-timeline-template-4   .bx-wrapper .bx-pager.bx-default-pager a:hover:before,
.et-hor-timeline-template-4   .bx-wrapper .bx-pager.bx-default-pager a.active:before{
    content:'';
    position:absolute;
    width:13px;
    height:13px;
    border-radius:50%;
    border:2px solid #149eed;
    left:50%;
    top:50%;
    -webkit-transform:translate(-50%,-50%);
    transform:translate(-50%,-50%);
}
/*****horizontal Timeline- template 4 css end******/
/*****horizontal Timeline- template 5 css start****/
.et-hor-timeline-template-5 .et-top-date-line{
    padding-bottom: 110px;
}
.et-hor-timeline-template-5  .et-icon-block{
    width: 36px;
    height: 36px;
    border-radius: 50%;
    background: #d28187;
    color: #fff;
    text-align: center;
    margin: 0 auto;
    position: relative;
}
.et-hor-timeline-template-5  .et-icon-block i{
    width: auto;
    height: auto;
    font-size: 18px;
    line-height: 36px;
}
.et-hor-timeline-template-5  .et-timeline-line{
    background: #efefef;
    width: 100%;
    height: 4px;
    margin-top: -19px;
    margin-bottom:34px;
}
.et-hor-timeline-template-5  .et-timeline-date-one{
    display: inline-block;
}
.et-hor-timeline-template-5  .et-timeline-date-one span{
    color: #333;
    font-size:18px;
    font-family: 'Poppins', sans-serif;
    font-weight: 500;
    cursor: pointer;
    display: inline-block;
    position: relative;
}
.et-hor-timeline-template-5  .et-timeline-date-one span:before,
.et-hor-timeline-template-5  .et-timeline-date-one span:after{
    content:'';
    position: absolute;
    background: #edcdcf;
    left:50%;
}
.et-hor-timeline-template-5  .et-timeline-date-one span:before{
    width: 2px;
    height: 55px;
    margin-left: -1px;
    top:38px;
}
.et-hor-timeline-template-5  .et-timeline-date-one span:after{
    width: 10px;
    height: 10px;
    border-radius:50%;
    margin-left: -5px;
    top:90px;
}
.et-hor-timeline-template-5 .et-hor-inner-block {
    padding: 0 10px;
    text-align: left;
}
.et-hor-timeline-template-5  .et-inner-block{
    padding:20px;
    border:1px solid #eee;
}
.et-hor-timeline-template-5 .et-image {
    margin-bottom: 23px;
}
.et-hor-timeline-template-5 .et-category-list {
    margin-bottom: 12px;
}
.et-hor-timeline-template-5 .et-category-list a {
    display: inline-block;
    vertical-align: middle;
    margin-right: 7px;
    color:#d28187;
    font-weight: 600;
    font-size: 12px;
    font-family: 'Poppins', sans-serif;
    text-transform: uppercase;
    margin-bottom: 2px;
}
.et-hor-timeline-template-5 .et-title{
    margin-bottom: 18px;
}
.et-hor-timeline-template-5 .et-title a{
    color: #000;
    font-family: 'Poppins', sans-serif;
    font-weight: 500;
    font-size: 18px;
}
.et-hor-timeline-template-5 .et-title a:hover{
    color:#d28187;
}
.et-hor-timeline-template-5 .et-meta-wrap {
    margin-bottom: 25px;
}
.et-hor-timeline-template-5 .et-meta-wrap > div {
    margin-right: 12px;
}
.et-hor-timeline-template-5 .et-meta-wrap > div,
.et-hor-timeline-template-5 .et-meta-wrap > div  a{
    display: inline-block;
    vertical-align: middle;
    font-family: 'Poppins', sans-serif;
    color: #000;
    font-size: 12px;
    font-weight: 500;
}
.et-hor-timeline-template-5 .et-meta-wrap > div  a:hover{
    color:#d28187;
}
.et-hor-timeline-template-5 .et-content {
    font-size: 14px;
    font-family: 'Poppins', sans-serif;
    color: #777;
    line-height: 1.5;
    margin-bottom: 25px;
}
.et-hor-timeline-template-5 .et-link-button {
    margin-bottom: 20px;
}
.et-hor-timeline-template-5 .et-link-button a,
.et-hor-timeline-template-5 .et-link-button a:visited {
    color: #d28187;
    font-family: 'Poppins', sans-serif;
    font-size: 12px;
    font-weight: 600;
    text-transform: uppercase;
}
.et-hor-timeline-template-5 .et-bottom-wrap {
    border-top: 1px solid #e2e2e2;
    padding: 17px 0;
}
.et-hor-timeline-template-5 .et-tag-list,
.et-hor-timeline-template-5 .et-inner-share {
    width: 50%;
    float: left;
}
.et-hor-timeline-template-5 .et-tag-list {
    text-align: left;
}
.et-hor-timeline-template-5 .et-inner-share {
    text-align: right;
}
.et-hor-timeline-template-5 .et-tag-list,
.et-hor-timeline-template-5 .et-tag-list a{
    color: #d28187;
}
.et-hor-timeline-template-5 .et-tag-list a {
    margin-right: 7px;
    font-family: 'Poppins', sans-serif;
    font-size: 12px;
    font-weight: 500;
    text-transform: uppercase;
}
.et-hor-timeline-template-5 .et-inner-share a {
    padding: 5px;
    display: inline-block;
    vertical-align: middle;
    font-size: 12px;
    color: #000;
}
.et-hor-timeline-template-5 .et-category-list a:hover,
.et-hor-timeline-template-5 .et-link-button a:hover,
.et-hor-timeline-template-5 .et-tag-list a:hover {
    color: #222;
}
.et-hor-timeline-template-5 .et-inner-share a:hover {
    color: #d28187;
}
.et-hor-timeline-template-5 .bx-wrapper .bx-controls-direction a{
    width: 36px;
    height: 36px;
    border-radius: 0;
    background: #d28187;
    color: #fff;
    text-align: center;
    text-indent:0;
    line-height: 36px;
    text-align: center;
    font-size: 14px;
}
/*****horizontal Timeline- template 5 css end******/
/*****horizontal Timeline- template 6 css start****/
.et-hor-timeline-template-6 .et-top-date-line{
    background:#fff;
    padding-bottom:40px;
}
.et-hor-timeline-template-6 .et-icon-block{
    width:70px;
    height:70px;
    line-height:70px;
    margin:0 auto;
}
.et-hor-timeline-template-6 .et-icon-block i{
    line-height:70px;
    font-size:30px;
    color:#4c4c4c;
}
.et-hor-timeline-template-6  .et-timeline-date-one{
    position:relative;
}
.et-hor-timeline-template-6  .et-timeline-date-one span{
    display:block;
    background:#72c221;
    font-size:18px;
    color:#fff;
    font-weight:500;
    font-family: 'Lato', sans-serif;
    position:relative;
    padding:12px;
}
.et-hor-timeline-template-6  .et-timeline-date-one:before{
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 21px 0 21px 12px;
    border-color: transparent transparent transparent #ffffff;
    z-index: 9;
}
.et-hor-timeline-template-6  .et-timeline-date-one span:before,
.et-hor-timeline-template-6  .et-timeline-date-one span:after{
    content:'';
    width: 0;
    position:absolute;
    height: 0;
    border-style: solid;
    right:0;
    z-index:9;
}
.et-hor-timeline-template-6  .et-timeline-date-one span:before{
    border-width: 0 20px 22px 0;
    border-color: transparent #fff transparent transparent;
    top:0;
}
.et-hor-timeline-template-6  .et-timeline-date-one span:after{
    bottom: 0;
    border-width: 0 0 23px 19px;
    border-color: transparent transparent #fff transparent;
}
.et-hor-timeline-template-6  .et-inner-wrap {
    padding: 0 17px 5px;
    text-align: center;
}
.et-hor-timeline-template-6  .et-inner-wrap-contain {
    border-bottom: 2px solid #eee;
}
.et-hor-timeline-template-6  .et-inner-wrap-contain-main {
    width: 90%;
    position: relative;
    display: inline-block;
    margin: -41px auto 0;
    background: #fff;
    padding: 24px 6px;
}
.et-hor-timeline-template-6  .et-category-wrap {
    margin-bottom: 25px;
    padding: 0 8%;
}
.et-hor-timeline-template-6  .et-category-list {
    border-bottom: 1px solid #858585;
}
.et-hor-timeline-template-6  .et-category-list a {
    display: inline-block;
    padding: 0 9px;
    font-family: 'Poppins', sans-serif;
    font-size: 13px;
    text-transform: uppercase;
    font-weight: 600;
    color: #222;
    background: #fff;
    -webkit-transform: translateY(6px);
    transform: translateY(6px);
}
.et-hor-timeline-template-6  .et-title {
    margin-bottom: 19px;
}
.et-hor-timeline-template-6  .et-title a{
    font-size: 24px;
    color: #222222;
    font-family: 'Montserrat', sans-serif;
    font-weight: 700;
}
.et-hor-timeline-template-6  .et-title a:hover{
    color:#777;
}
.et-hor-timeline-template-6  .et-meta-wrap {
    margin-bottom: 20px;
}
.et-hor-timeline-template-6  .et-meta-wrap > div {
    padding: 0 16px;
    position: relative;
}
.et-hor-timeline-template-6  .et-meta-wrap > div,
.et-hor-timeline-template-6  .et-meta-wrap > div a{
    font-size: 13px;
    color: #2b2b2b;
    font-family: 'Lato', sans-serif;
    font-weight: 600;
    display: inline-block;
}
.et-hor-timeline-template-6  .et-meta-wrap > div:before {
    position: absolute;
    content: "/";
    left: 0;
    top: 0;
    color: #2b2b2b;
}
.et-hor-timeline-template-6  .et-meta-wrap > div:nth-of-type(1):before {
    content: none;
}
.et-hor-timeline-template-6  .et-content {
    font-family: 'Lato', sans-serif;
    font-size: 16px;
    font-weight: 600;
    color: #2b2b2b;
    line-height: 1.5;
    margin-bottom: 28px;
}
.et-hor-timeline-template-6  .et-link-button {
    margin-bottom: 20px;
}
.et-hor-timeline-template-6  .et-link-button a {
    padding: 10px 24px;
    background: #282828;
    display: inline-block;
    text-transform: uppercase;
    color: #fff;
    font-size: 16px;
    font-family: 'Lato', sans-serif;
    font-weight: 500;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
.et-hor-timeline-template-6  .et-link-button a:hover {
    background: #666;
}
.et-hor-timeline-template-6  .et-tag-list {
    display: inline-block;
    position: relative;
    padding-left: 30px;
}
.et-hor-timeline-template-6  .et-tag-list i {
    position: absolute;
    left: 0;
    top: 3px;
    color: #2b2b2b;
    font-size: 14px;
}
.et-hor-timeline-template-6  .et-tag-list a {
    font-size: 14px;
    color: #2b2b2b;
    font-family: 'Lato', sans-serif;
    font-weight: 600;
}
.et-hor-timeline-template-6  .et-tag-list a:hover,
.et-hor-timeline-template-6  .et-category-list a:hover {
    color: #777;
}
.et-hor-timeline-template-6  .et-share-wrap {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    margin-left: 20px;
    width: 30px;
    height: 30px;
    line-height: 30px;
    cursor: pointer;
}
.et-hor-timeline-template-6  .et-share-wrap .et-inner-share {
    position: absolute;
    bottom: 100%;
    left: 0;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}
.et-hor-timeline-template-6  .et-share-wrap .et-inner-share a {
    width: 30px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    border: 1px solid #b9b7b7;
    display: block;
    background: #fff;
    color: #222;
    font-size: 16px;
    color: #222;
}
.et-hor-timeline-template-6  .et-share-wrap .et-inner-share a:hover {
    color: #fff;
    background: #222;
}
.et-hor-timeline-template-6  .et-share-wrap:hover .et-inner-share {
    opacity: 1;
    visibility: visible;
}
.et-hor-timeline-template-6   .bx-wrapper .bx-pager .bx-pager-item a{
    background:#282828;
    border-radius:0;
}
.et-hor-timeline-template-6   .bx-wrapper .bx-pager .bx-pager-item a.active,
.et-hor-timeline-template-6   .bx-wrapper .bx-pager .bx-pager-item a:hover{
    background:#72c221;
}
.et-hor-timeline-template-6 .bx-wrapper .bx-controls-direction a{
    width: 36px;
    height: 36px;
    border-radius: 0;
    background:#72c221;
    color: #fff;
    text-align: center;
    text-indent:0;
    line-height: 36px;
    text-align: center;
    font-size: 14px;
    opacity: 0;
    visibility: hidden;
    -moz-transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
.et-hor-timeline-template-6 .bx-wrapper:hover  .bx-controls-direction a{
    opacity: 1;
    visibility: visible;
}
/*****horizontal Timeline- template 6 css end******/
/*****horizontal Timeline- template 7 css start****/
.et-hor-timeline-template-7 .et-timeline-date-one{
    background: #c2a277;
    display:inline-block;
    padding:10px 25px;
    border-radius:20px;
    color: #fff;
    font-size: 20px;
    font-weight:500;
    font-family: 'Lato', sans-serif;
    margin-bottom:70px;
    cursor:pointer;
}
.et-hor-timeline-template-7 .et-timeline-line{
    width: 100%;
    height: 2px;
    background:#c2a277;
}
.et-hor-timeline-template-7 .et-hor-inner-block{
    position: relative;
    margin:0 10px;
}
.et-hor-timeline-template-7 .et-hor-inner-block:before{
    content:'';
    position: absolute;
    width:26px;
    height: 26px;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    background: #c2a277;
    left:50%;
    top:0;
    margin-top:-13px;
    margin-left:-13px;
    border:3px solid #fff;
}
.et-hor-timeline-template-7 .et-main-blog-line{
    width: 2px;
    height: 60px;
    background: #c2a277;
    margin:0 auto;
    position: relative;
}
.et-hor-timeline-template-7 .et-main-blog-circle{
    width: 14px;
    height: 14px;
    border:1px solid #c2a277;
    background: #fff;
    border-radius: 50%;
    margin: 0 auto 26px;
}
.et-hor-timeline-template-7 .et-icon-block{
    max-width: 60px;
    margin: 0 auto 26px;
}
.et-hor-timeline-template-7 .et-icon-block i{
    font-size:30px;
    color: #c2a277;
}
.et-hor-timeline-template-7 .et-inner-wrap {
    padding: 0 12px 5px;
    text-align: center;
}
.et-hor-timeline-template-7 .et-inner-wrap-contain {
    background-color: #fff;
    padding-bottom: 10px;
}
.et-hor-timeline-template-7.et-grid.et-desktop-col-1 .et-inner-wrap {
    padding: 0;
}
.et-hor-timeline-template-7 .et-image {
    margin-bottom: 26px;
}
.et-hor-timeline-template-7 .et-meta-wrap {
    margin-bottom: 16px;
}
.et-hor-timeline-template-7 .et-meta-wrap > div,
.et-hor-timeline-template-7 .et-meta-wrap > div a {
    display: inline-block;
    vertical-align: middle;
    font-size: 13px;
    color: #666;
    font-family: 'Lato', sans-serif;
    text-transform: uppercase;
    position: relative;
    -webkit-transition: all 0.5s ease-in-out, opacity 0.9s ease-in-out, visibility 0.9s ease-in-out;
    transition: all 0.5s ease-in-out, opacity 0.9s ease-in-out, visibility 0.9s ease-in-out;
}
.et-hor-timeline-template-7 .et-meta-wrap .et-author-name,
.et-hor-timeline-template-7 .et-meta-wrap .et-date,
.et-hor-timeline-template-7 .et-meta-wrap .et-category-list a {
    padding: 0 15px 2px;
}
.et-hor-timeline-template-7 .et-meta-wrap > div a:hover {
    color: #c4a474;
}
.et-hor-timeline-template-7 .et-title{
    margin-bottom: 45px;
}
.et-hor-timeline-template-7 .et-title a{
    font-size: 28px;
    font-family: 'Merriweather', serif;
    color: #333;
    font-weight: 500;
}
.et-hor-timeline-template-7 .et-title a:hover{
    color:#c4a474;
}
.et-hor-timeline-template-7 .et-content {
    font-size: 16px;
    color: #666666;
    font-family: 'Lato', sans-serif;
    line-height: 1.5;
    margin-bottom: 45px;
}
.et-hor-timeline-template-7 .et-link-button a {
    display: inline-block;
    position: relative;
    font-size: 13px;
    color: #c4a474;
    font-weight: 500;
    font-family: 'Lato', sans-serif;
    text-transform: uppercase;
    -webkit-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}
.et-hor-timeline-template-7 .et-link-button a:hover {
    letter-spacing: 2px;
}
.et-hor-timeline-template-7 .et-share-wrap {
    border-bottom: 1px solid #dddddd;
    margin-bottom: 37px;
}
.et-hor-timeline-template-7 .et-share-wrap-contain {
    background-color: #fff;
    display: inline-block;
    padding: 0 25px;
    -webkit-transform: translateY(14px);
    transform: translateY(14px);
}
.et-hor-timeline-template-7 .et-share-wrap-contain a {
    display: inline-block;
    width: 32px;
    height: 32px;
    margin-bottom: 3px;
    border: 2px solid #c4a474;
    line-height: 30px;
    text-align: center;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    background-color: #c4a474;
    color: #fff;
    font-size: 12px;
    -webkit-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
    position: relative;
}
.et-hor-timeline-template-7 .et-share-wrap-contain a:before {
    content: '';
    position: absolute;
    border: white solid 2px;
    top: 1px;
    left: 1px;
    right: 1px;
    bottom: 1px;
    opacity: 0;
    -webkit-transition-duration: 0.6s;
    transition-duration: 0.6s;
    -webkit-transition-property: opacity;
    transition-property: opacity;
    border-radius: 50%;
}
.et-hor-timeline-template-7 .et-share-wrap-contain a:hover:before {
    opacity: 1;
}
.et-hor-timeline-template-7 .et-bottom-wrap > div,
.et-hor-timeline-template-7 .et-bottom-wrap > div a {
    display: inline-block;
    color: #c4a474;
    font-size: 13px;
    font-family: 'Lato', sans-serif;
    text-transform: uppercase;
}
.et-hor-timeline-template-7 .et-bottom-wrap > div {
    margin-right: 20px;
    padding-left: 30px;
    position: relative;
    margin-bottom: 2px;
}
.et-hor-timeline-template-7 .et-bottom-wrap > div i ,
.et-hor-timeline-template-7 .et-bottom-wrap > div .dashicons{
    position: absolute;
    font-size: 13px;
    left: 0;
    top: 0px;
    color: #000;
}
.et-hor-timeline-template-7 .et-bottom-wrap > div a:hover {
    color: #666;
}
.et-hor-timeline-template-7 .bx-wrapper .bx-controls-direction a{
    width: 36px;
    height: 36px;
    border-radius: 0;
    background:#c4a474;
    color: #fff;
    text-align: center;
    text-indent:0;
    line-height: 36px;
    text-align: center;
    font-size: 14px;
    opacity: 0;
    border-radius: 50%;
    visibility: hidden;
    -moz-transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
.et-hor-timeline-template-7 .bx-wrapper:hover  .bx-controls-direction a{
    opacity: 1;
    visibility: visible;
}
/*****horizontal Timeline- template 7 css end******/
/*****horizontal Timeline- template 8 css start****/
.et-hor-timeline-template-8 .et-timeline-date-one{
    font-size: 18px;
    color: #5a908e;
    text-transform: uppercase;
    font-family: 'Lato', sans-serif;
    font-weight:500;
    text-align: center;
    margin-bottom: 24px;
    cursor: pointer;
}
.et-hor-timeline-template-8 .et-timeline-line{
    width: 100%;
    height: 2px;
    background: #5a908e;
    margin-bottom: 45px;
    position: relative;
}
.et-hor-timeline-template-8 .et-timeline-line:before{
    content: '';
    width: 20px;
    height: 20px;
    background: #5a908e;
    border-radius: 50%;
    position: absolute;
    left:50%;
    top:0;
    margin-top:-10px;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
}
.et-hor-timeline-template-8 .etn-icon-line-block{
    margin-bottom: 18px;
    padding-left: 15px;
    position: relative;
}
.et-hor-timeline-template-8 .et-icon-block{
    width: 53px;
    height: 53px;
    background:  #5a908e;
    color: #fff;
    text-align: center;
    position: relative;
}
.et-hor-timeline-template-8  .etn-icon-line{
    max-width: 200px;
    width: 100%;
    background:#5a908e;
    height: 2px;
    position: absolute;
    top:50%;
    left:60%;
    -webkit-transform:translate(-55%,-50%);
    transform:translate(-55%,-50%);
}
.et-hor-timeline-template-8 .et-icon-block i{
    font-size: 30px;
    line-height: 53px;
}
.et-hor-timeline-template-8 .et-hor-inner-block{
    padding: 0 15px;
}
.et-hor-timeline-template-8 .et-inner-wrap-contain {
    position: relative;
    text-align: center;
    overflow: hidden;
}
.et-hor-timeline-template-8 .et-inner-wrap-contain:before {
    position: absolute;
    content: '';
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    z-index: 9;
    background-color: rgba(0, 0, 0, 0.3);
}
.et-hor-timeline-template-8 .et-template-column-content {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: transparent;
    z-index: 9;
    color: #fff;
    padding: 10px 20px 44px 20px;
}
.et-hor-timeline-template-8 .et-meta-wrap {
    margin-bottom: 7px;
}
.et-hor-timeline-template-8 .et-meta-wrap > div {
    margin-right: 17px;
    position: relative;
    padding: 0 0 0 12px;
}
.et-hor-timeline-template-8 .et-meta-wrap > div,
.et-hor-timeline-template-8 .et-meta-wrap > div a {
    display: inline-block;
    vertical-align: middle;
    font-family: 'Lato', sans-serif;
    font-size: 13px;
    font-weight: 500;
    color: #fff;
    text-transform: uppercase;
    line-height: 1.5;
}
.et-hor-timeline-template-8 .et-title {
    line-height: 1.5;
    margin-bottom: 2px;
}
.et-hor-timeline-template-8 .et-title a{
    font-size: 28px;
    font-family: 'Merriweather', serif;
    font-weight: 500;
    color: #fff;
    display:inline-block;
}
.et-hor-timeline-template-8 .et-content {
    font-family: 'Lato', sans-serif;
    font-size: 16px;
    font-weight: 500;
    color: #fff;
    line-height: 1.5;
    margin-bottom: 18px;
}
.et-hor-timeline-template-8 .et-share-wrap {
    margin-bottom: 16px;
}
.et-hor-timeline-template-8 .et-share-wrap .et-share-wrap-contain {
    position: relative;
    display: inline-block;
    padding: 0 17px;
    width: 100%;
    max-width:191px;
}
.et-hor-timeline-template-8 .et-share-wrap .et-share-wrap-contain:before,
.et-hor-timeline-template-8 .et-share-wrap .et-share-wrap-contain:after {
    content: '';
    position: absolute;
    width: 50px;
    height: 1px;
    background-color: #fff;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}
.et-hor-timeline-template-8 .et-share-wrap .et-share-wrap-contain:before {
    right: 100%;
}
.et-hor-timeline-template-8 .et-share-wrap .et-share-wrap-contain:after {
    left: 100%;
}
.et-hor-timeline-template-8 .et-share-wrap a {
    background-color: #c4a374;
    color: #fff;
    display: inline-block;
    vertical-align: middle;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    text-align: center;
    width: 28px;
    height: 28px;

    font-size: 12px;
    margin: 0 5px 7px;
    -webkit-transition: all 0.5 ease-in-out;
    transition: all 0.5 ease-in-out;
}
.et-hor-timeline-template-8 .et-share-wrap a i{
    line-height: 28px;
}
.et-hor-timeline-template-8 .et-share-wrap a:hover {
    background-color: #fff;
    color: #c4a374;
}
.et-hor-timeline-template-8 .et-comment-wrap {
    float: left;
}
.et-hor-timeline-template-8 .et-link-button a {
    font-size:20px;
    color: #fff;
    font-weight: 500;
    font-family: 'Lato', sans-serif;
}
.et-hor-timeline-template-8 .et-tag-list {
    float: right;
}
.et-hor-timeline-template-8 .et-tag-list a,
.et-hor-timeline-template-8 .et-comment-wrap {
    font-size: 16px;
    color: #fff;
    font-weight: 500;
    font-family: 'Lato', sans-serif;
}
.et-hor-timeline-template-8 .et-tag-list a{
    margin-left: 3px;
}
.et-hor-timeline-template-8 .et-title a:hover,
.et-hor-timeline-template-8 .et-meta-wrap > div a:hover,
.et-hor-timeline-template-8 .et-tag-list a:hover,
.et-hor-timeline-template-8 .et-link-button a:hover {
    color: #5a908e;
}
.et-hor-timeline-template-8 .bx-wrapper .bx-controls-direction a{
    width: 36px;
    height: 36px;
    border-radius: 0;
    background:#5a908e;
    color: #fff;
    text-align: center;
    text-indent:0;
    line-height: 36px;
    text-align: center;
    font-size: 14px;
    opacity: 0;
    visibility: hidden;
    -moz-transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
.et-hor-timeline-template-8 .bx-wrapper:hover  .bx-controls-direction a{
    opacity: 1;
    visibility: visible;
}
/*****horizontal Timeline- template 8 css end******/
/*****horizontal Timeline- template 9 css start****/
.et-hor-timeline-template-9 .et-list-inner-wrap{
    border: 1px solid #eee;
    background-color: #fff;
    margin-top: 30px;
}

.et-hor-timeline-template-9 .et-outer-wrap {
    padding: 15px;
    border-bottom: 1px solid #eee;
}
.et-hor-timeline-template-9 .et-outer-wrap .et-first-inner-wrap,
.et-hor-timeline-template-9 .et-outer-wrap .et-second-inner-wrap {
    float: left;
}
.et-hor-timeline-template-9 .et-outer-wrap .et-first-inner-wrap {
    width: 40%;
}
.et-hor-timeline-template-9 .et-outer-wrap .et-second-inner-wrap {
    width: 60%;
    padding-left: 20px;
    padding-top: 12px;
    text-align: left;
}
.et-hor-timeline-template-9 .et-title {
    margin-bottom: 17px;
}
.et-hor-timeline-template-9 .et-title a{
    font-size: 18px;
    color: #2b2b2b;
    font-family: 'Roboto', sans-serif;
    font-weight: 500;
}
.et-hor-timeline-template-9 .et-category-wrap {
    margin-bottom: 13px;
}
.et-hor-timeline-template-9 .et-category-list a,
.et-hor-timeline-template-9 .et-category-list a:visited {
    background-color: #fdbf31;
    color: #fff;
    font-size: 12px;
    font-family: 'Roboto', sans-serif;
    font-weight: 500;
    display: inline-block;
    vertical-align: middle;
    padding: 6px 14px;
    text-transform: uppercase;
    margin-bottom: 2px;
    border: 1px solid transparent;
}
.et-hor-timeline-template-9 .et-category-list a:hover {
    background-color: #e6e9ec;
    color: #000;
    border: 1px solid #c8c7c9;
}
.et-hor-timeline-template-9 .et-meta-wrap {
    margin-bottom: 25px;
}
.et-hor-timeline-template-9 .et-meta-wrap > div{
    border-left: 1px solid #666;
    margin-right: 10px;
    padding-left: 10px;
}
.et-hor-timeline-template-9 .et-meta-wrap > div,
.et-hor-timeline-template-9 .et-meta-wrap > div a{
    display: inline-block;
    vertical-align: middle;
    color: #666666;
    font-size: 14px;
    font-weight: 500;
    font-family: 'Lato', sans-serif;
}
.et-hor-timeline-template-9 .et-title a:hover,
.et-hor-timeline-template-9 .et-meta-wrap > div a:hover{
    color:#fdbf31;
}
.et-hor-timeline-template-9 .et-meta-wrap > div:nth-of-type(1) {
    border-left: 0;
    padding-left: 0;
}
.et-hor-timeline-template-9 .et-content {
    color: #2b2b2b;
    font-size: 14px;
    font-family: 'Roboto', sans-serif;
    font-weight: 500;
    line-height: 1.6;
    margin-bottom: 32px;
}
.et-hor-timeline-template-9 .et-link-button a {
    background-color: #e6e9ec;
    color: #000;
    padding: 10px 20px;
    border: 1px solid #c8c7c9;
    display: inline-block;
    font-size: 12px;
    font-family: 'Roboto', sans-serif;
    font-weight: 500;
    letter-spacing: 1px;
    position: relative;
}
.et-hor-timeline-template-9 .et-link-button a:before {
    content: '';
    position: absolute;
    top: -1px;
    left: 0;
    width: 0;
    height: 2px;
    background: #fdbf31;
    -webkit-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}
.et-hor-timeline-template-9 .et-link-button a:hover:before {
    width: 100%;
}
.et-hor-timeline-template-9 .et-outer-wrap .et-first-inner-wrap,
.et-hor-timeline-template-9 .et-outer-wrap .et-second-inner-wrap {
    float: left;
}
.et-hor-timeline-template-9 .et-tag-list {
    float: left;
    color: #2b2b2b;
}
.et-hor-timeline-template-9 .et-tag-list,
.et-hor-timeline-template-9 .et-tag-list a{
    font-family: 'Roboto', sans-serif;
    font-size: 13px;
    font-weight: 500;
    text-transform:uppercase;
}
.et-hor-timeline-template-9 .et-tag-list a {
    padding: 14px 31px;
    display: inline-block;
    vertical-align: middle;
    border-right: 1px solid #eee;
    color: #7d7d7d;
}
.et-hor-timeline-template-9 .et-tag-list a:last-child{
    margin-right:15px;
}
.et-hor-timeline-template-9 .et-share-wrap {
    font-family: 'Roboto', sans-serif;
    font-size: 13px;
    font-weight: 500;
    color: #2b2b2b;
    text-transform: uppercase;
    float: right;
}
.et-hor-timeline-template-9 .et-share-wrap a {
    display: inline-block;
    vertical-align: middle;
    width: 46px;
    height: 42px;
    line-height: 42px;
    text-align: center;
    font-size: 16px;
    color: #2b2b2b;
    border-left: 1px solid #eee;
}
.et-hor-timeline-template-9 .et-share-wrap a:nth-of-type(1) {
    margin-left: 19px;
}
.et-hor-timeline-template-9 .et-tag-list a:hover,
.et-hor-timeline-template-9 .et-share-wrap a:hover {
    color: #fdbf31;
}
.et-hor-timeline-template-9 .et-date{
    display:inline-block;
    padding:15px 25px;
    background:#fdbf31;
    font-size:20px;
    font-weight:400;
    color:#fff;
    font-family: 'Roboto', sans-serif;
    margin-bottom:50px;
    position:relative;
    opacity:0;
    visibility:hidden;
}
.et-hor-timeline-template-9 .et-date:after{
    position:absolute;
    content:'';
    top:100%;
    left:50%;
    -webkit-transform:translateX(-50%);
    transform:translateX(-50%);
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 10px 10px 0 10px;
    border-color: #fdbf31 transparent transparent transparent;
}
.et-hor-timeline-template-9 .et-active .et-date{
    opacity:1;
    visibility:visible;
}
.et-hor-timeline-template-9 .et-horizontal-circle{
    width: 19px;
    height: 19px;
    background: #fdbf31;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    margin: 0 auto -10px;
    position:relative;
}
.et-hor-timeline-template-9  .et-timeline-hor-line{
    height:2px;
    width:100%;
    background:#a1a1a1;
    margin-bottom:20px;
}
.et-hor-timeline-template-9 .bx-wrapper .bx-controls-direction a{
    width: 36px;
    height: 36px;
    border-radius: 0;
    background: #fdbf31;
    color: #fff;
    text-align: center;
    text-indent: 0;
    line-height: 36px;
    text-align: center;
    font-size: 14px;
    -moz-transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    top: 0;
    margin-top: -37px;
    margin-left: 0;
    margin-right:0;
}
/*****horizontal Timeline- template 9 css end******/
/*****horizontal Timeline- template 10 css start*****/
.et-hor-timeline-template-10 .et-date{
    font-size: 15px;
    color: #bdbdbd;
    font-family: 'Lato', sans-serif;
    text-align: center;
    margin-bottom: 18px;
}
.et-hor-timeline-template-10 .et-icon-block{
    width: 32px;
    height: 32px;
    background: #bdbdbd;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    margin: 0 auto;
    color: #fff;
    line-height: 32px;
    font-size: 14px;
    margin-bottom: -16px;
}
.et-hor-timeline-template-10  .et-timeline-hor-line{
    border-bottom:4px dotted #bdbdbd;
    margin-bottom:90px;
}
.et-hor-timeline-template-10  .et-active .et-icon-block{
    background: #a69412;
    transform: scale(1.3);
}
.et-hor-timeline-template-10  .et-active .et-date{
    color:#a69412;
    transform: scale(1.3);
}
.et-hor-timeline-template-10 .et-list-inner-wrap {
    background: #fff;
    -moz-box-shadow: 0 0 3px #eee inset;
    -webkit-box-shadow: 0 0 3px #eee inset;
    box-shadow: 0 0 3px #eee inset;
}
.et-hor-timeline-template-10 .et-first-inner-wrap,
.et-hor-timeline-template-10 .et-second-inner-wrap {
    float: left;
    width: 50%;
}
.et-hor-timeline-template-10 .et-first-inner-wrap {
    padding-right: 70px;
}
.et-hor-timeline-template-10 .et-second-inner-wrap {
    text-align: center;
    padding-top: 30px;
    padding-right:30px;
}
.et-hor-timeline-template-10 .et-list-inner-wrap:nth-of-type(2n) .et-first-inner-wrap {
    float: right;
    padding-right: 0;
    padding-left: 70px;
}
.et-hor-timeline-template-10 .et-meta-wrap {
    margin-bottom: 10px;
}
.et-hor-timeline-template-10 .et-meta-wrap > div{
    margin-right: 13px;
    margin-bottom: 3px;
}
.et-hor-timeline-template-10 .et-meta-wrap > div,
.et-hor-timeline-template-10 .et-meta-wrap > div a {
    display: inline-block;
    vertical-align: top;
    font-family: 'Roboto Slab', serif;
    color: #6c6d6c;
    font-size: 13px;
}
.et-hor-timeline-template-10 .et-meta-wrap > div i {
    color:#dec40b;
    font-size: 16px;
    display: inline-block;
    vertical-align: middle;
    margin-right: 9px;
}
.et-hor-timeline-template-10 .et-title {
    margin-bottom: 12px;
}
.et-hor-timeline-template-10 .et-title a{
    font-family: 'Roboto Slab', serif;
    font-size: 22px;
    color: #242424;
    font-weight: 500;
}
.et-hor-timeline-template-10 .et-title a:hover,
.et-hor-timeline-template-10 .et-meta-wrap > div a:hover{
    color:#dec40b;
}
.et-hor-timeline-template-10 .et-category-wrap {
    margin-bottom: 33px;
}
.et-hor-timeline-template-10 .et-category-list,
.et-hor-timeline-template-10 .et-category-list a {
    font-family: 'Roboto Slab', serif;
    font-size: 14px;
    color: #6c6d6c;
    font-weight: 500;
}
.et-hor-timeline-template-10 .et-category-list a:hover {
    color: #dec40b;
}
.et-hor-timeline-template-10 .et-content {
    font-family: 'Roboto Slab', serif;
    font-size: 14px;
    color: #6c6d6c;
    line-height: 1.7;
    text-align: left;
    -moz-column-count: 2;
    -moz-column-gap: 30px;
    -moz-column-rule: 1px solid #e4e4e4;
    -webkit-column-count: 2;
    -webkit-column-gap: 30px;
    -webkit-column-rule: 1px solid #e4e4e4;
    column-count: 2;
    column-gap: 30px;
    column-rule: 1px solid #e4e4e4;
    margin-bottom: 22px;
}
.et-hor-timeline-template-10 .et-link-button {
    margin-bottom: 27px;
}
.et-hor-timeline-template-10 .et-link-button a {
    background-color:#dec40b;
    color: #fff;
    padding: 13px 17px;
    -webkit-border-radius: 30px;
    border-radius: 30px;
    display: inline-block;
    font-family: 'Roboto Slab', serif;
    font-size: 13px;
    -webkit-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}
.et-hor-timeline-template-10 .et-link-button a:hover {
    padding: 13px 27px;
}
.et-hor-timeline-template-10 .et-meta-two-wrap {
    display: inline-block;
    width: 100%;
    background-color: #dec40b;
    padding: 6px 20px 4px;
}
.et-hor-timeline-template-10 .et-tag-list {
    float: left;
}
.et-hor-timeline-template-10 .et-tag-list > i {
    color: #fff;
    margin-right: 5px;
}
.et-hor-timeline-template-10 .et-share-wrap {
    float: right;
}
.et-hor-timeline-template-10 .et-share-wrap.et-only-share {
    float: left;
}
.et-hor-timeline-template-10 .et-tag-list a,
.et-hor-timeline-template-10 .et-share-wrap {
    color: #fff;
    font-family: 'Roboto Slab', serif;
    font-size: 14px;
    font-weight: 500;
    text-transform: uppercase;
    line-height: 1.5;
}
.et-hor-timeline-template-10 .et-tag-list a {
    margin: 2px;
}
.et-hor-timeline-template-10 .et-share-wrap a {
    display: inline-block;
    vertical-align: middle;
    margin: 0px 0 2px 20px;
    color: #fff;
}
.et-hor-timeline-template-10 .et-tag-list a:hover {
    color: #222;
}
.et-hor-timeline-template-10 .et-share-wrap a:hover {
    color: #222;
}
.et-hor-timeline-template-10 .bx-wrapper .bx-controls-direction a{
    width: 36px;
    height: 36px;
    border-radius: 0;
    background: #fdbf31;
    color: #fff;
    text-align: center;
    text-indent: 0;
    line-height: 36px;
    text-align: center;
    font-size: 14px;
    -moz-transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    top: 0;
    margin-top: -112px;
    margin-left: 0;
    margin-right:0;
}
/*****horizontal Timeline- template 10 css end******/
/*****horizontal Timeline- template 11 css start****/
.et-hor-timeline-template-11  .et-timeline-date-one{
    background: #1ba8c4;
    padding: 11px 21px;
    display: inline-block;
    color: #fff;
    border-radius: 7px;
    position: relative;
    margin-bottom:40px;
    cursor: pointer;
}
.et-hor-timeline-template-11  .et-timeline-line{
    width: 100%;
    height: 6px;
    background: #ebebeb;
}
.et-hor-timeline-template-11   .et-icon-block{
    width: 28px;
    height: 28px;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    background: #1ba8c4;
    color: #fff;
    margin: -17px auto 20px;
}
.et-hor-timeline-template-11   .et-icon-block i{
    line-height: 28px;
    font-size:13px;
}
.et-hor-timeline-template-11  .et-timeline-date-one:before{
    content:'';
    position: absolute;
    top:100%;
    left:50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 10px 7.5px 0 7.5px;
    border-color: #1ba8c4 transparent transparent transparent;
}
.et-hor-timeline-template-11 .et-inner-block{
    text-align: left;
}
.et-hor-timeline-template-11  .et-bottom-wrap-main-content{
    padding: 0 28px;
    background: #f3fbfc;
}
.et-hor-timeline-template-11 .et-hor-inner-block{
    padding:0 10px;
}
.et-hor-timeline-template-11 .et-meta-wrap {
    padding: 14px 0;
    border-bottom: 2px solid #b1b2b5;
}
.et-hor-timeline-template-11 .et-meta-wrap .et-author-name,
.et-hor-timeline-template-11 .et-meta-wrap .et-comment-wrap {
    float: left;
    width: 50%;
}
.et-hor-timeline-template-11 .et-meta-wrap .et-author-name {
    text-align: left;
}
.et-hor-timeline-template-11 .et-meta-wrap .et-comment-wrap {
    text-align: right;
}
.et-hor-timeline-template-11 .et-author-name,
.et-hor-timeline-template-11 .et-author-name a,
.et-hor-timeline-template-11 .et-comment-wrap {
    font-family: 'Open Sans', sans-serif;
    font-size: 13px;
    color: #929292;
    text-transform: uppercase;
}
.et-hor-timeline-template-11 .et-author-name a:hover{
    color:#000;
}
.et-hor-timeline-template-11 .et-author-name i,
.et-hor-timeline-template-11 .et-comment-wrap i {
    margin-right: 9px;
}
.et-hor-timeline-template-11 .et-main-wrap {
    padding: 24px 0;
    border-bottom: 1px solid #b1b2b5;
}
.et-hor-timeline-template-11 .et-category-wrap {
    margin-bottom: 20px;
}
.et-hor-timeline-template-11 .et-category-list a {
    font-family: 'Roboto', sans-serif;
    text-transform: uppercase;
    font-size: 12px;
    color: #373737;
    font-weight: 600;
}
.et-hor-timeline-template-11 .et-category-list a:hover {
    color: #777;
}
.et-hor-timeline-template-11 .et-title {
    margin-bottom: 27px;
}
.et-hor-timeline-template-11 .et-title a{
    font-size: 27px;
    color: #000;
    font-family: 'Roboto', sans-serif;
    font-size: 500;
}
.et-hor-timeline-template-11 .et-title a:hover{
    color:#777;
}
.et-hor-timeline-template-11 .et-date {
    font-size: 12px;
    color: #929292;
    font-weight: 500;
    text-transform: uppercase;
    font-family: 'Open Sans', sans-serif;
    margin-bottom: 30px;
}
.et-hor-timeline-template-11 .et-content {
    font-size: 13px;
    line-height: 1.5;
    font-weight: 500;
    font-family: 'Open Sans', sans-serif;
    margin-bottom: 34px;
    color:#464646;
}
.et-hor-timeline-template-11 .et-link-button a {
    padding: 12px 29px;
    display: inline-block;
    -webkit-border-radius: 20px;
    border-radius: 20px;
    background: #1ba8c4;
    font-size: 12px;
    text-transform: uppercase;
    color: #fff;
    font-family: 'Open Sans', sans-serif;
    font-size: 600;
    -webkit-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}
.et-hor-timeline-template-11 .et-bottom-wrap {
    padding: 11px 0px;
}
.et-hor-timeline-template-11 .et-tag-list,
.et-hor-timeline-template-11 .et-share-wrap {
    width: 50%;
    float: left;
}
.et-hor-timeline-template-11 .et-tag-list{
    text-align: left;
}
.et-hor-timeline-template-11 .et-share-wrap {
    text-align: right;
    font-size: 11px;
    color: #b5c3dc;
    text-transform: uppercase;
    letter-spacing: 1px;
    margin-top: 5px;
    text-align: right;
}
.et-hor-timeline-template-11 .et-share-wrap a {
    display: inline-block;
    vertical-align: middle;
    padding: 0 5px;
    color: #353434;
}
.et-hor-timeline-template-11 .et-share-wrap a:hover {
    color: #777;
}
.et-hor-timeline-template-11 .et-tag-list a {
    display: inline-block;
    vertical-align: middle;
    background: #1ba8c4;
    padding: 7px 8px;
    font-size: 11px;
    font-family: 'Open Sans', sans-serif;
    text-transform: uppercase;
    color: #fff;
    margin:2px 5px 2px 0;
    -webkit-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}
.et-hor-timeline-template-11 .et-link-button a:hover,
.et-hor-timeline-template-11 .et-tag-list a:hover {
    background: #086f84;
}
.et-hor-timeline-template-11 .bx-wrapper .bx-controls-direction a{
    width: 36px;
    height: 36px;
    border-radius: 0;
    background:#1ba8c4;
    color: #fff;
    text-align: center;
    text-indent: 0;
    line-height: 36px;
    text-align: center;
    font-size: 14px;
    -moz-transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    top:50%;
    opacity: 0;
    visibility: hidden;
}
.et-hor-timeline-template-11 .bx-wrapper:hover .bx-controls-direction a{
    opacity: 1;
    visibility: visible;
}
/*****horizontal Timeline- template 11 css end******/
/*****horizontal Timeline- template 12 css start *****/
.et-hor-timeline-template-12   .et-icon-block{
    position: relative;
    width:43px; 
    height:43px;
    background-color: #363626;
    -webkit-clip-path: polygon(50% 0%, 90% 20%, 100% 60%, 75% 100%, 25% 100%, 0% 60%, 10% 20%);
    clip-path: polygon(50% 0%, 90% 20%, 100% 60%, 75% 100%, 25% 100%, 0% 60%, 10% 20%);
    margin: 0 auto;
}
.et-hor-timeline-template-12   .et-icon-block i{
    line-height: 35px;
    width: 35px;
    height: 35px;
    background-color:#87c137;
    -webkit-clip-path: polygon(50% 0%, 90% 20%, 100% 60%, 75% 100%, 25% 100%, 0% 60%, 10% 20%);
    clip-path: polygon(50% 0%, 90% 20%, 100% 60%, 75% 100%, 25% 100%, 0% 60%, 10% 20%);
    margin-top:4px;
    color: #fff;
}
.et-hor-timeline-template-12   .et-timeline-date-one{
    margin-bottom: 20px;
    margin-top: 30px;
    text-align: center;
    font-size: 12px;
    text-transform: uppercase;
    font-weight:700;
    font-family: 'Source Sans Pro', sans-serif;
    display: inline-block;
    cursor: pointer;
    position: relative;
    padding-left: 17px;
}
.et-hor-timeline-template-12   .et-timeline-date-one:before{
    content:'';
    position: absolute;
    left:0;
    width: 7px;
    height: 7px;
    background: #87c137;
    top:50%;
    margin-top:-3.5px;
}
.et-hor-timeline-template-12  .et-timeline-line{
    height: 3px;
    background: #ebebeb;
    width: 100%;
    margin-top: -18px;
}
.et-hor-timeline-template-12  .et-inner-block{
    padding:20px 20px 40px;
    text-align: left;
    background: #404238;
}
.et-hor-timeline-template-12  .et-timeline-one li:nth-of-type(2n) .et-inner-block{
    background: #54564d;
}
.et-hor-timeline-template-12  .et-timeline-one li:nth-of-type(3n) .et-inner-block{
    background: #6a6d64;
}
.et-hor-timeline-template-12 .et-image-layer{
    margin-bottom: 20px;
    position:relative;
}
.et-hor-timeline-template-12  .et-category-wrap{
    position: absolute;
    bottom: 0;
    right:0;
    text-align: right;
}
.et-hor-timeline-template-12 .et-car-meta-wrap {
    margin-bottom: 5px;
}
.et-hor-timeline-template-12 .et-car-meta-wrap > div {
    display: inline-block;
    vertical-align: bottom;
}
.et-hor-timeline-template-12 .et-car-meta-wrap > div a{
    color:#e72856;
}
.et-hor-timeline-template-12 .et-comment-wrap,
.et-hor-timeline-template-12 .et-author-name a{
    text-transform: uppercase;
    font-size: 12px;
    font-family: 'Source Sans Pro', sans-serif;
    font-weight: 500;
    color: #fff;
}
.et-hor-timeline-template-12 .et-category-list a {
    display: inline-block;
    color: #fff;
    padding: 0 5px;
    background: rgba(100,151,56,0.7);
    font-size: 12px;
    text-transform: uppercase;
    font-family: 'Source Sans Pro', sans-serif;
    padding:10px 7px;
    margin:2px 0 0 2px;
}
.et-hor-timeline-template-12  .et-meta-wrap{
    margin-bottom: 15px;
}
.et-hor-timeline-template-12 .et-comment-wrap,
.et-hor-timeline-template-12 .et-author-name {
    padding: 0 5px 0px 15px;
    position: relative;
    display: inline-block;
}
.et-hor-timeline-template-12 .et-author-name  a{
    display: block;
}
.et-hor-timeline-template-12 .et-comment-wrap:before,
.et-hor-timeline-template-12 .et-author-name:before {
    content: '';
    position: absolute;
    top: 50%;
    margin-top:-3px;
    left: 0;
    width: 6px;
    height: 6px;
    background: #87c137;
}
.et-hor-timeline-template-12 .et-title{
    margin-bottom: 15px;
}
.et-hor-timeline-template-12 .et-title a{
    color: #fff;
    font-weight: 500;
    font-size:20px;
    font-family: 'Source Sans Pro', sans-serif;
    line-height: 1.5;
}
.et-hor-timeline-template-12 .et-title a:hover{
    color:#87c137;
}
.et-hor-timeline-template-12 .et-content {
    color: #fff;
    font-weight: 500;
    font-size: 14px;
    font-family: 'Source Sans Pro', sans-serif;
    line-height: 1.5;
    margin-bottom: 12px;
}
.et-hor-timeline-template-12 .et-link-button {
    margin-bottom: 15px;
}
.et-hor-timeline-template-12 .et-link-button a {
    display: inline-block;
    color: #87c137;
    font-weight: 500;
    font-size: 13px;
    font-family: 'Source Sans Pro', sans-serif;
    text-transform: uppercase;
    padding: 5px 0;
    position: relative;
}
.et-hor-timeline-template-12 .et-link-button a:hover{
    color: #fff;
}
.et-hor-timeline-template-12 .et-tag-list {
    margin-bottom: 7px;
}
.et-hor-timeline-template-12 .et-tag-list a {
    display: inline-block;
    color: #fff;
    text-transform: uppercase;
    font-weight: 500;
    font-size: 13px;
    font-family: 'Source Sans Pro', sans-serif;
    text-transform: uppercase;
    padding: 12px 16px;
    border: 1px solid #fff;
    margin: 3px 3px 3px 0;
    -webkit-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}
.et-hor-timeline-template-12 .et-tag-list a:hover {
    color: #87c137;
    border-color: #87c137;
}
.et-hor-timeline-template-12 .et-car-bottom-wrap > div {
    display: inline-block;
    vertical-align: middle;
}
.et-hor-timeline-template-12 .et-share-wrap a {
    padding:7px 10px;
    border: 1px solid #fff;
    display: inline-block;
    color: #fff;
    -webkit-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}
.et-hor-timeline-template-12 .et-share-wrap a:hover {
    color: #87c137;
    border-color: #87c137;
}
.et-hor-timeline-template-12 .et-comment-wrap {
    font-family: 'Source Sans Pro', sans-serif;
}
.et-hor-timeline-template-12 .bx-wrapper .bx-controls-direction a,
.et-hor-timeline-template-13 .bx-wrapper .bx-controls-direction a,
.et-hor-timeline-template-14 .bx-wrapper .bx-controls-direction a,
.et-hor-timeline-template-15 .bx-wrapper .bx-controls-direction a,
.et-hor-timeline-template-16 .bx-wrapper .bx-controls-direction a,
.et-hor-timeline-template-20 .bx-wrapper .bx-controls-direction a,
.et-hor-timeline-template-21 .bx-wrapper .bx-controls-direction a{
    width: 36px;
    height: 36px;
    border-radius: 0;
    background:#87c137;
    color: #fff;
    text-align: center;
    text-indent: 0;
    line-height: 36px;
    text-align: center;
    font-size: 14px;
    -moz-transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    top:50%;
    opacity: 0;
    visibility: hidden;
}
.et-hor-timeline-template-13 .bx-wrapper .bx-controls-direction a{
    background:#2fd3b4; 
}
.et-hor-timeline-template-14 .bx-wrapper .bx-controls-direction a{
    background: #fc4157;

}
.et-hor-timeline-template-15 .bx-wrapper .bx-controls-direction a{
    background: #ea6c25;
    border-radius: 50%;
}
.et-hor-timeline-template-16 .bx-wrapper .bx-controls-direction a{
    background: #f06178;
}
.et-hor-timeline-template-20 .bx-wrapper .bx-controls-direction a{
        background: #1888dd;
}
.et-hor-timeline-template-21 .bx-wrapper .bx-controls-direction a{
    background: #149eed;
}
.et-hor-timeline-template-12 .bx-wrapper:hover .bx-controls-direction a,
.et-hor-timeline-template-13 .bx-wrapper:hover .bx-controls-direction a,
.et-hor-timeline-template-14 .bx-wrapper:hover .bx-controls-direction a,
.et-hor-timeline-template-15 .bx-wrapper:hover .bx-controls-direction a,
.et-hor-timeline-template-16 .bx-wrapper:hover .bx-controls-direction a,
.et-hor-timeline-template-20 .bx-wrapper:hover .bx-controls-direction a,
.et-hor-timeline-template-21 .bx-wrapper:hover .bx-controls-direction a{
    opacity: 1;
    visibility: visible;
}
/*****horizontal Timeline- template 12 css end ****/
/*****horizontal Timeline- template 13 css start ****/
.et-hor-timeline-template-13   .et-top-date-line{
    position: relative;
    margin-bottom: 55px;
}
.et-hor-timeline-template-13  .et-top-date-line-circle{
    width: 150px;
    max-width: 100%;
    margin: 0 auto;
    position: relative;
    background: #fff;
    border: 6px solid #2fd3b4;
    border-radius: 50%;
    cursor: pointer;
    z-index: 99;
}
.et-hor-timeline-template-13  .et-top-date-line-circle:before{
    content:'';
    display: block;
    padding-top: 100%;
}
.et-hor-timeline-template-13  .et-top-date-line-circle .et-top-date-line-circle-inner{
    position: absolute;
    top:50%;
    left:0;
    right: 0;
    text-align: center;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}
.et-hor-timeline-template-13 .et-icon-block{
    margin-bottom: 16px;
}
.et-hor-timeline-template-13 .et-icon-block i{
    font-size: 34px;
    color: #2fd3b4;
    width: auto;
    height: auto;
}
.et-hor-timeline-template-13 .et-icon-block img{
    max-width: 40px;
}
.et-hor-timeline-template-13  .et-timeline-date-one{
    font-family: 'Roboto', sans-serif;
    font-size: 14px;
    font-weight: 500;
    color: #636363;
    text-transform: uppercase;
}
.et-hor-timeline-template-13   .et-timeline-line{
    height: 6px;
    width: 100%;
    background: #2fd3b4;
    left:0;
    top:50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    position: absolute;
}
.et-hor-timeline-template-13 .et-hor-inner-block{
    padding: 0 10px;
}
.et-hor-timeline-template-13 .et-hor-inner-block .et-inner-block{
    text-align: left;
    position: relative;
}
.et-hor-timeline-template-13 .et-second-wrap {
    display: inline-block;
    background: #fff;
    padding: 20px 7px;
    position: relative;
}
.et-hor-timeline-template-13 .et-category-wrap {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 99;
}
.et-hor-timeline-template-13 .et-category-list a {
    display: inline-block;
    margin-right: 7px;
    font-family: 'Roboto', sans-serif;
    font-size: 12px;
    text-transform: uppercase;
    font-weight: 500;
    color: #fff;
    background: #2fd3b4;
    padding: 6px;
    border: 1px solid #2fd3b4;
    margin-right: 5px;
    margin-bottom: 5px;
    -webkit-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}
.et-hor-timeline-template-13 .et-category-list a:hover {
    background: #fff;
    color: #2fd3b4;
}
.et-hor-timeline-template-13 .et-title{
    margin-bottom: 11px;
}
.et-hor-timeline-template-13 .et-title a{
    font-size: 18px;
    color: #2b2b2b;
    font-weight: 500;
    font-family: 'Roboto', sans-serif;
}
.et-hor-timeline-template-13 .et-title a:hover{
    color:#2fd3b4;
}
.et-hor-timeline-template-13 .et-meta-wrap {
    margin-bottom: 20px;
}
.et-hor-timeline-template-13 .et-meta-wrap > div {
    padding: 0 9px;
}
.et-hor-timeline-template-13 .et-meta-wrap > div,
.et-hor-timeline-template-13 .et-meta-wrap > div a{
    font-size: 15px;
    color: #666;
    font-family: 'Lato', sans-serif;
    font-weight: 500;
    display: inline-block;
    position: relative;
}
.et-hor-timeline-template-13 .et-meta-wrap > div a:hover{
    color:#2fd3b4;
}
.et-hor-timeline-template-13 .et-meta-wrap > div:nth-of-type(1) {
    padding-left: 0;
}
.et-hor-timeline-template-13 .et-meta-wrap > div:before {
    position: absolute;
    content: "|";
    left: 0;
    top: 0;
    color: #2b2b2b;
}
.et-hor-timeline-template-13 .et-meta-wrap > div:nth-of-type(1):before {
    content: none;
}
.et-hor-timeline-template-13 .et-content {
    font-family: 'Roboto', sans-serif;
    font-size: 14px;
    font-weight: 500;
    color: #2b2b2b;
    line-height: 1.5;
    margin-bottom: 21px;
}
.et-hor-timeline-template-13 .et-link-button {
    margin-bottom: 20px;
}
.et-hor-timeline-template-13 .et-link-button a {
    padding: 10px 19px;
    background: #fff;
    display: inline-block;
    color: #222222;
    font-size: 12px;
    font-family: 'Roboto', sans-serif;
    font-weight: 500;
    border: 1px solid #c7c6c8;
    letter-spacing: 1px;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
.et-hor-timeline-template-13 .et-link-button a:hover {
    border: 1px solid #c7c6c8;
    background: #2fd3b4;
    color: #fff;
}
.et-hor-timeline-template-13 .et-bottom-wrap {
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    -webkit-flex-direction: row;
    flex-direction: row;
    width: 100%;
}
.et-hor-timeline-template-13 .et-tag-list {
    float: left;
    position: relative;
    padding-left: 30px;
    margin-right: 5px;
}
.et-hor-timeline-template-13 .et-tag-list i {
    position: absolute;
    left: 0;
    top: 3px;
    color: #2b2b2b;
    font-size: 14px;
}
.et-hor-timeline-template-13 .et-tag-list a {
    font-size: 14px;
    color: #2b2b2b;
    font-family: 'Roboto', sans-serif;
    font-weight: 500;
}
.et-hor-timeline-template-13 .et-tag-list a:hover {
    color: #2fd3b4;
}
.et-hor-timeline-template-13 .et-inner-share {
    float: right;
    margin-left: auto;
}
.et-hor-timeline-template-13 .et-inner-share a {
    color: #2b2b2b;
    display: inline-block;
    font-size: 14px;
    padding: 0 5px;
    -webkit-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}
.et-hor-timeline-template-13 .et-inner-share a:hover {
    -webkit-transform: translateY(-5px);
    transform: translateY(-5px);
    color: #2fd3b4;
}
/*****horizontal Timeline- template 13 css end******/
/*****horizontal Timeline- template 14 css start****/
.et-hor-timeline-template-14   .et-top-date-line{
    padding-top: 10px;
    margin-bottom: 49px;
}
.et-hor-timeline-template-14  .et-timeline-date-one{
    background: #181819;
    width: 75px;
    -webkit-border-radius: 7px;
    border-radius: 7px;
    margin: 0 auto 50px;
    padding: 40px 0 10px;
    position: relative;
    cursor:pointer;
}
.et-hor-timeline-template-14  .et-timeline-date-one:before{
    content:'';
    position: absolute;
    top:100%;
    left:50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 10px 7.5px 0 7.5px;
    border-color: #181819 transparent transparent transparent;
}
.et-hor-timeline-template-14  .et-timeline-date-one .et-icon-block{
    width: 36px;
    height: 36px;
    background: #fc4157;
    position: absolute;
    left: 50%;
    margin-left: -18px;
    top: -8px;
}
.et-hor-timeline-template-14  .et-timeline-date-one .et-icon-block:before,
.et-hor-timeline-template-14  .et-timeline-date-one .et-icon-block:after{
    content:'';
    position: absolute;
    top:0;
}
.et-hor-timeline-template-14  .et-timeline-date-one .et-icon-block:before{
    right:100%;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 0 8px 6px;
    border-color: transparent transparent #ca1e32 transparent;
}
.et-hor-timeline-template-14  .et-timeline-date-one .et-icon-block:after{
    left:100%;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 8px 0 0 6px;
    border-color: transparent transparent transparent #ca1e32;
}
.et-hor-timeline-template-14  .et-timeline-date-one .et-icon-block i{
    width: auto;
    height: auto;
    line-height: 36px;
    color: #fff;
    font-size: 13px;
}
.et-hor-timeline-template-14  .et-date-inner > div{
    color: #b5b5b5;
    font-size: 12px;
    font-family: 'Lato', sans-serif;
    font-weight: 500;
    text-transform: uppercase;
}
.et-hor-timeline-template-14  .et-date-inner > div:nth-of-type(1){
    margin-bottom:5px;
}
.et-hor-timeline-template-14  .et-timeline-line{
    height: 3px;
    width: 100%;
    background: #fed9dd;
    position: relative;
}
.et-hor-timeline-template-14  .et-timeline-line:before{
    content: '';
    width: 8px;
    height: 8px;
    background: #ca1e32;
    position: absolute;
    border-radius: 50%;
    left: 50%;
    margin-left: -4px;
    bottom: 10px;
}
.et-hor-timeline-template-14 .et-hor-inner-block{
    padding: 0 10px;
}
.et-hor-timeline-template-14 .et-inner-block {
    position: relative;
    text-align: center;
    background: #181819;
    padding-bottom:35px;
}
.et-hor-timeline-template-14  .et-image-wrap{
    position: relative;
}
.et-hor-timeline-template-14  .et-category-wrap{
    position: absolute;
    left: 0;
    bottom:0;
}
.et-hor-timeline-template-14 .et-main-content {
    padding: 20px 10px;
}
.et-hor-timeline-template-14 .et-car-meta-wrap {
    margin-bottom: 5px;
}
.et-hor-timeline-template-14 .et-car-meta-wrap > div {
    display: inline-block;
    vertical-align: middle;
}
.et-hor-timeline-template-14 .et-category-list a {
    display: inline-block;
    vertical-align: middle;
    background: #ff3e53;
    color: #fff;
    font-size: 12px;
    font-weight: 500;
    font-family: 'Lato', sans-serif;
    padding: 7px 9px;
    margin: 0 2px 10px 2px;
    -webkit-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}
.et-hor-timeline-template-14 .et-category-list a:hover {
    background: #212121;
}
.et-hor-timeline-template-14 .et-author-name {
    margin-bottom: 15px;
    position: relative;
    padding-left: 20px;
    display:inline-block;
}
.et-hor-timeline-template-14 .et-author-name a{
    color: #b5b5b5;
    font-size: 12px;
    font-weight: 500;
    font-family: 'Lato', sans-serif;
    text-transform: uppercase;
    display: inline-block;
}
.et-hor-timeline-template-14 .et-author-name:before {
    content: "\f007";
    font-size: 12px;
    position: absolute;
    font-family: FontAwesome;
    left: 0;
    top:3px;
}
.et-hor-timeline-template-14 .et-title {
    margin-bottom: 13px;
}
.et-hor-timeline-template-14 .et-title a{
    color: #fff;
    font-size: 20px;
    font-weight: 500;
    font-family: 'Lato', sans-serif;
    line-height: 1.3;
}
.et-hor-timeline-template-14 .et-author-name a:hover,
.et-hor-timeline-template-14 .et-title a:hover{
    color:#ff3e53;
}
.et-hor-timeline-template-14 .et-content {
    color: #7a7a7a;
    font-size: 12px;
    font-weight: 600;
    font-family: 'Lato', sans-serif;
    line-height: 1.6;
    margin-bottom: 27px;
}
.et-hor-timeline-template-14 .et-car-metadata-wrap {
    border-top: 1px solid #7a7a7a;
    border-bottom: 1px solid #7a7a7a;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -ms-flex-align: center;
    -webkit-align-items: center;
    -webkit-box-align: center;
    align-items: center;
    -ms-justify-content: flex-start;
    -moz-justify-content: flex-start;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
    -ms-flex-direction: row;
    -moz-flex-direction: row;
    -webkit-flex-direction: row;
    flex-direction: row;
    padding: 11px 11px 8px;
}
.et-hor-timeline-template-14 .et-comment-wrap {
    text-align: left;
    float: left;
    display: inline-block;
    padding-left: 20px;
    padding-right: 10px;
    position: relative;
}
.et-hor-timeline-template-14 .et-comment-wrap i {
    position: absolute;
    top: 0;
    left: 0;
}
.et-hor-timeline-template-14 .et-share-container {
    text-align: right;
    float: right;
    margin-left: auto;
}
.et-hor-timeline-template-14 .et-comment-wrap,
.et-hor-timeline-template-14 .et-tag-list a,
.et-hor-timeline-template-14 .et-share-container a {
    color: #b5b5b5;
    font-size: 11px;
    font-weight: 500;
    font-family: 'Lato', sans-serif;
}
.et-hor-timeline-template-14 .et-tag-list a,
.et-hor-timeline-template-14 .et-share-container a {
    display: inline-block;
    margin-bottom: 3px;
}
.et-hor-timeline-template-14 .et-tag-list a:hover,
.et-hor-timeline-template-14 .et-share-container a:hover {
    color: #ff3e53;
}
.et-hor-timeline-template-14 .et-tag-list {
    position: relative;
    padding-left: 20px;
    display: inline-block;
    text-align: left;
    float: left;
    margin-right: 5px;
}
.et-hor-timeline-template-14 .et-tag-list i {
    color: #b5b5b5;
    font-size: 12px;
    position: absolute;
    top: 4px;
    left: 0;
}
.et-hor-timeline-template-14 .et-tag-list a {
    text-transform: uppercase;
    padding: 0 2px;
}
.et-hor-timeline-template-14 .et-share-container a {
    width: 18px;
    height: 18px;
    line-height: 18px;
    text-align: center;
}
.et-hor-timeline-template-14 .et-link-button a {
    display: inline-block;
    font-size: 13px;
    font-weight: 500;
    color: #b4b4b4;
    font-family: 'Lato', sans-serif;
    background: #212121;
    padding: 16px 26px;
    -webkit-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}
.et-hor-timeline-template-14 .et-link-button a:hover {
    background: #ff3e53;
    color: #fff;
}
/*****horizontal Timeline- template 14 css end******/
/*****horizontal Timeline- template 15 css start****/
.et-hor-timeline-template-15 .et-top-date-line{
    padding-top:30px;
    position: relative;
}
.et-hor-timeline-template-15 .et-timeline-date-one{
    position: absolute;
    top:0;
    left:0;
    color: #000;
    font-size: 13px;
    text-transform: uppercase;
    font-weight:600;
    font-family: 'Open Sans', sans-serif;
    cursor:pointer;
}
.et-hor-timeline-template-15  .et-icon-block{
    width: 31px;
    height: 31px;
    border-radius: 50%;
    border: 2px solid #ea6c25;
    margin-left: 5px;
    position: relative;
    margin-bottom: 30px;
    z-index: 99;
}
.et-hor-timeline-template-15  .et-icon-block:before{
    content: '';
    height: 69px;
    background: #ea6c25;
    width: 1px;
    position: absolute;
    top: 100%;
    left: 50%;
}
.et-hor-timeline-template-15  .et-timeline-line{
    width: 100%;
    height:1px;
    background: #e1e1e1;
}
.et-hor-timeline-template-15   .et-icon-block i{
    font-size: 13px;
    line-height: 28px;
    color: #ea6c25;
    width: auto;
    height: auto;
}
.et-hor-timeline-template-15 .et-inner-block{
    text-align: left;
    background: #fff;
    border-left: 1px solid #e1e1e1;
    border-bottom: 1px solid #e1e1e1;
    position: relative;
    padding:30px 0 20px 20px;
}
.et-hor-timeline-template-15 .et-inner-block:before{
    position: absolute;
    content: '';
    width: 8px;
    height: 8px;
    background: #ea6c25;
    border-radius: 50%;
    top: 0;
    left: 0;
    margin: -4px 0 0 -4px;
}
.et-hor-timeline-template-15  .et-image-container{
    width: 100%;
    max-width: 186px;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    margin: 0 auto;
    overflow: hidden;
    position: relative;
}
.et-hor-timeline-template-15  .et-image-container:before{
    content: '';
    display: block;
    padding-top:100%;
}
.et-hor-timeline-template-15  .et-image {
    position: absolute;
    top:0;
    left:0;
    right:0;
    bottom:0;
}
.et-hor-timeline-template-15 .et-hor-inner-block{
    padding:0 20px;
}
.et-hor-timeline-template-15 .et-meta-wrap {
    padding: 14px 0;
    border-bottom:1px solid #b1b2b5;
}
.et-hor-timeline-template-15 .et-meta-wrap .et-author-name,
.et-hor-timeline-template-15 .et-meta-wrap .et-comment-wrap {
    float: left;
    width: 50%;
}
.et-hor-timeline-template-15 .et-meta-wrap .et-author-name {
    text-align: left;
}
.et-hor-timeline-template-15 .et-meta-wrap .et-comment-wrap {
    text-align: right;
}
.et-hor-timeline-template-15 .et-author-name,
.et-hor-timeline-template-15 .et-author-name a,
.et-hor-timeline-template-15 .et-comment-wrap {
    font-family: 'Open Sans', sans-serif;
    font-size: 13px;
    color: #929292;
    text-transform: uppercase;
}
.et-hor-timeline-template-15 .et-author-name a:hover{
    color:#000;
}
.et-hor-timeline-template-15 .et-author-name i,
.et-hor-timeline-template-15 .et-comment-wrap i {
    margin-right: 9px;
}
.et-hor-timeline-template-15 .et-main-wrap {
    padding: 24px 0;
    border-bottom: 1px solid #b1b2b5;
}
.et-hor-timeline-template-15 .et-category-wrap {
    margin-bottom: 20px;
}
.et-hor-timeline-template-15 .et-category-list a {
    font-family: 'Roboto', sans-serif;
    text-transform: uppercase;
    font-size: 12px;
    color: #373737;
    font-weight: 600;
}
.et-hor-timeline-template-15 .et-category-list a:hover {
    color: #777;
}
.et-hor-timeline-template-15 .et-title {
    margin-bottom: 27px;
}
.et-hor-timeline-template-15 .et-title a{
    font-size: 27px;
    color: #000;
    font-family: 'Roboto', sans-serif;
    font-size: 500;
}
.et-hor-timeline-template-15 .et-title a:hover{
    color:#777;
}
.et-hor-timeline-template-15 .et-date {
    font-size: 12px;
    color: #929292;
    font-weight: 500;
    text-transform: uppercase;
    font-family: 'Open Sans', sans-serif;
    margin-bottom: 30px;
}
.et-hor-timeline-template-15 .et-content {
    font-size: 13px;
    line-height: 1.5;
    font-weight: 500;
    font-family: 'Open Sans', sans-serif;
    margin-bottom: 34px;
    color:#464646;
}
.et-hor-timeline-template-15 .et-link-button a {
    padding: 12px 29px;
    display: inline-block;
    -webkit-border-radius: 20px;
    border-radius: 20px;
    background: #ea6c25;
    font-size: 12px;
    text-transform: uppercase;
    color: #fff;
    font-family: 'Open Sans', sans-serif;
    font-size: 600;
    -webkit-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}
.et-hor-timeline-template-15 .et-bottom-wrap {
    padding: 11px 0px;
}
.et-hor-timeline-template-15 .et-tag-list,
.et-hor-timeline-template-15 .et-share-wrap {
    width: 50%;
    float: left;
}
.et-hor-timeline-template-15 .et-tag-list{
    text-align: left;
}
.et-hor-timeline-template-15 .et-share-wrap {
    text-align: right;
    font-size: 11px;
    color: #b5c3dc;
    text-transform: uppercase;
    letter-spacing: 1px;
    margin-top: 5px;
    text-align: right;
}
.et-hor-timeline-template-15 .et-share-wrap a {
    display: inline-block;
    vertical-align: middle;
    padding: 0 5px;
    color: #353434;
}
.et-hor-timeline-template-15 .et-share-wrap a:hover {
    color: #777;
}
.et-hor-timeline-template-15 .et-tag-list a {
    display: inline-block;
    vertical-align: middle;
    background: #ea6c25;
    padding: 7px 8px;
    font-size: 11px;
    font-family: 'Open Sans', sans-serif;
    text-transform: uppercase;
    color: #fff;
    margin:2px 5px 2px 0;
    -webkit-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}
.et-hor-timeline-template-15 .et-link-button a:hover,
.et-hor-timeline-template-15 .et-tag-list a:hover {
    background: #ff5722;
}
/*****horizontal Timeline- template 15 css end******/
/*****horizontal Timeline- template 16 css start****/
.et-hor-timeline-template-16  .et-top-date-line{
    position: relative;
    padding:25px 0;
}
.et-hor-timeline-template-16   .et-icon-block{
    width: 48px;
    height: 48px;
    border-radius: 5px;
    background: #409dab;
    text-align: center;
    position: absolute;
    right: 60px;
    top: 0;
    z-index: 99;
}
.et-hor-timeline-template-16   .et-icon-block i{
    font-size: 30px;
    width: auto;
    height: auto;
    color:#fff;
    line-height: 48px;
}
.et-hor-timeline-template-16  .et-timeline-date-one{
    position:relative;
    padding:0 10px;
    cursor: pointer;
}
.et-hor-timeline-template-16  .et-timeline-date-one span{
    display:block;
    background:#56bccb;
    font-size:24px;
    color:#fff;
    font-weight:400;
    font-family: 'Source Sans Pro', sans-serif;
    position:relative;
    padding:16px 12px;
    text-transform: uppercase;
}
.et-hor-timeline-template-16  .et-timeline-date-one:before{
    content: '';
    position: absolute;
    left: 9px;
    top: 0;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 28px 0 28px 20px;
    border-color: transparent transparent transparent #ffffff;
    z-index: 9;
}
.et-hor-timeline-template-16  .et-timeline-date-one span:before,
.et-hor-timeline-template-16  .et-timeline-date-one span:after{
    content:'';
    width: 0;
    position:absolute;
    height: 0;
    border-style: solid;
    right:0;
    z-index:9;
}
.et-hor-timeline-template-16  .et-timeline-date-one span:before{
    border-width: 0 25px 28px 0;
    border-color: transparent #fff transparent transparent;
    top: 0;
}
.et-hor-timeline-template-16  .et-timeline-date-one span:after{
    bottom: 0;
    border-width: 0 0 28px 22px;
    border-color: transparent transparent #fff transparent;
}
.et-hor-timeline-template-16  .et-timeline-one li:nth-of-type(2n) .et-timeline-date-one span{
    background: #f06178;
}
.et-hor-timeline-template-16  .et-timeline-one li:nth-of-type(3n) .et-timeline-date-one span{
    background: #546b82;
}
.et-hor-timeline-template-16  .et-timeline-one li:nth-of-type(2n) .et-icon-block{
    background: #da445c;
}
.et-hor-timeline-template-16  .et-timeline-one li:nth-of-type(3n) .et-icon-block{
    background: #3d5c7b;
}
.et-hor-timeline-template-16  .et-hor-inner-block{
    padding:0 10px;
}
.et-hor-timeline-template-16 .et-inner-block{
    position: relative;
    overflow: hidden;
}
.et-hor-timeline-template-16 .et-inner-block:before {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: rgba(0, 0, 0, 0.4);
    z-index: 9;
}
.et-hor-timeline-template-16 .et-bottom-wrap-main-content {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 30px;
    padding: 0 7%;
    text-align: center;
    z-index: 99;
}
.et-hor-timeline-template-16 .et-meta-wrap {
    margin-bottom: 14px;
}
.et-hor-timeline-template-16 .et-meta-wrap > div {
    display: inline-block;
    vertical-align: middle;
}
.et-hor-timeline-template-16 .et-author-name a{
    text-transform: uppercase;
    font-size: 12px;
    display: block;
}
.et-hor-timeline-template-16 .et-category-list a {
    display: inline-block;
    text-transform: uppercase;
    font-size: 12px;
}
.et-hor-timeline-template-16 .et-comment-wrap{
    font-size: 12px;
}
.et-hor-timeline-template-16 .et-author-name ,
.et-hor-timeline-template-16 .et-category-list a{
    padding: 0 5px 0px 15px;
    position: relative;
}
.et-hor-timeline-template-16 .et-author-name:before,
.et-hor-timeline-template-16 .et-category-list a:before {
    content: '';
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    left: 0;
    width: 6px;
    height: 6px;
    background: #fff;
}
.et-hor-timeline-template-16 .et-title {
    font-size: 22px;
    line-height: 1.3;
    margin-bottom: 4px;
}
.et-hor-timeline-template-16 .et-content {
    font-size: 16px;
    line-height: 1.5;
    margin-bottom: 15px;
}
.et-hor-timeline-template-16 .et-category-list a,
.et-hor-timeline-template-16 .et-author-name a,
.et-hor-timeline-template-16 .et-title a,
.et-hor-timeline-template-16 .et-content,
.et-hor-timeline-template-16 .et-link-button a,
.et-hor-timeline-template-16 .et-comment-wrap,
.et-hor-timeline-template-16 .et-tag-list a {
    font-family: 'Source Sans Pro', sans-serif;
    font-weight: 500;
    color: #fff;
}
.et-hor-timeline-template-16 .et-link-button a {
    display: inline-block;
    font-size: 13px;
    background:rgba(0,0,0,0.4);
    padding: 13px;
    text-transform: uppercase;
    position: relative;
    overflow: hidden;
    text-transform: uppercase;
    border:1px solid #fff;
}
.et-hor-timeline-template-16 .et-main-wrap + .et-bottom-wrap ,
.et-hor-timeline-template-16 .et-tag-list + .et-share-wrap{
    margin-top: 15px;
}
.et-hor-timeline-template-16 .et-tag-list a {
    padding: 0 5px;
    display: inline-block;
    vertical-align: middle;
    text-transform: uppercase;
    font-size: 12px;
}
.et-hor-timeline-template-16 .et-share-wrap a {
    display: inline-block;
    margin: 1px;
    width: 30px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    font-size: 13px;
    color: #fff;
    background:rgba(0,0,0,0.4);
    position: relative;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
    overflow: hidden;
    border:1px solid #fff;
}
.et-hor-timeline-template-16 .et-share-wrap a:after,
.et-hor-timeline-template-16 .et-link-button a:after {
    content: '';
    position: absolute;
    z-index: 0;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
    width: 101%;
    height: 0;
    top: 50%;
    left: 50%;
    background: #fff;
    opacity: 0;
    -webkit-transform: translateX(-50%) translateY(-50%);
    -moz-transform: translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
}
.et-hor-timeline-template-16 .et-share-wrap a:hover,
.et-hor-timeline-template-16 .et-link-button a:hover,
.et-hor-timeline-template-16 .et-tag-list a:hover,
.et-hor-timeline-template-16 .et-category-list a:hover,
.et-hor-timeline-template-16 .et-author-name a:hover,
.et-hor-timeline-template-16 .et-title a:hover {
    color: #000;
}
.et-hor-timeline-template-16 .et-share-wrap a i,
.et-hor-timeline-template-16 .et-link-button a span {
    position: relative;
    z-index: 1;
}
.et-hor-timeline-template-16 .et-share-wrap a:hover:after,
.et-hor-timeline-template-16 .et-link-button a:hover:after {
    height: 75%;
    opacity: 1;
}
.et-hor-timeline-template-16  .et-category-list a,
.et-hor-timeline-template-16  .et-author-name,
.et-hor-timeline-template-16  .et-title a,
.et-hor-timeline-template-16  .et-content,
.et-hor-timeline-template-16  .et-comment-wrap,
.et-hor-timeline-template-16  .et-tag-list a {
    color: #fff;
}
/*****horizontal Timeline- template 16 css end******/
/*****horizontal Timeline- template 17 css start****/
.et-hor-timeline-template-17  .et-date{
    text-align: center;
    font-size:24px;
    color: #3b3d42;
    font-family: 'Roboto', sans-serif;
    font-weight: 500;
    margin-bottom: 27px;
}
.et-hor-timeline-template-17 .et-inner-wrap{
    padding: 0 15px;
}
.et-hor-timeline-template-17 .et-inner-wrap-contain {
    position: relative;
    text-align: center;
    overflow: hidden;
    display: inline-block;
}
.et-hor-timeline-template-17 .et-inner-wrap-contain:before {
    position: absolute;
    content: '';
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    z-index: 9;
    background-color: rgba(0, 0, 0, 0.3);
}
.et-hor-timeline-template-17 .et-bottom-grid-wrap {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: transparent;
    z-index: 9;
    color: #fff;
    padding: 10px 20px 44px 20px;
}
.et-hor-timeline-template-17 .et-upper-layer {
    margin-bottom: 7px;
}
.et-hor-timeline-template-17 .et-upper-layer > div {
    margin-right: 17px;
    position: relative;
    padding: 0 0 0 12px;
}
.et-hor-timeline-template-17 .et-upper-layer > div,
.et-hor-timeline-template-17 .et-upper-layer > div a {
    display: inline-block;
    vertical-align: middle;
    font-family: 'Lato', sans-serif;
    font-size: 13px;
    font-weight: 500;
    color: #fff;
    text-transform: uppercase;
    line-height: 1.5;
}
.et-hor-timeline-template-17 .et-title {
    line-height: 1.2;
    max-width: 60%;
    width: 100%;
    margin: 0 auto 30px
}
.et-hor-timeline-template-17 .et-title a{
    font-size: 32px;
    font-family: 'Merriweather', serif;
    font-weight:300;
    color: #fff;
    display:inline-block;
}
.et-hor-timeline-template-17 .et-content {
    font-family: 'Lato', sans-serif;
    font-size: 16px;
    font-weight: 500;
    color: #fff;
    line-height: 1.5;
    max-width:85%;
    width: 100%;
    margin: 0 auto 35px;
}
.et-hor-timeline-template-17 .et-share-wrap {
    margin-bottom: 16px;
}
.et-hor-timeline-template-17 .et-share-wrap .et-share-wrap-contain {
    position: relative;
    display: inline-block;
    padding: 0 17px;
}

.et-hor-timeline-template-17 .et-share-wrap a {
    background-color: #c4a374;
    color: #fff;
    display: inline-block;
    vertical-align: middle;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    text-align: center;
    width: 28px;
    height: 28px;
    font-size: 12px;
    margin: 0 5px 7px;
    -webkit-transition: all 0.5 ease-in-out;
    transition: all 0.5 ease-in-out;
}
.et-hor-timeline-template-17 .et-share-wrap a i{
        line-height: 28px;
}
.et-hor-timeline-template-17 .et-share-wrap a:hover {
    background-color: #fff;
    color: #c4a374;
}
.et-hor-timeline-template-17 .et-link-button{
    margin-bottom:20px;
}
.et-hor-timeline-template-17 .et-link-button a {
    font-size: 16px;
    color: #000;
    font-weight: 500;
    background: #f4b554;
    font-family: 'Source Sans Pro', sans-serif;
    padding:10px 20px;
    display: inline-block;
}
.et-hor-timeline-template-17 .et-tag-list{
    margin-bottom:20px;
}
.et-hor-timeline-template-17 .et-tag-list a{
    font-size: 16px;
    color: #fff;
    font-weight: 500;
    font-family: 'Lato', sans-serif;
    margin-left: 3px;
}
.et-hor-timeline-template-17 .et-title a:hover,
.et-hor-timeline-template-17 .et-upper-layer > div a:hover,
.et-hor-timeline-template-17 .et-tag-list a:hover {
    color: #c4a374;
}
.et-hor-timeline-template-17 .et-link-button a:hover{
    background: #fff;
    color: #c4a374;
}
.et-hor-timeline-template-17 .et-hor-outer-wrap .bx-wrapper .bx-controls-direction a{
    text-indent: 0;
    width: 52px;
    height: 52px;
    border:2px solid #c69344;
    background:#fff;
    border-radius: 5px;
    color:#c69344;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}
.et-hor-timeline-template-17 .et-hor-outer-wrap .bx-wrapper .bx-controls-direction a i{
    line-height: 52px;
    font-size:20px;
}
.et-hor-timeline-template-17 .et-hor-outer-wrap:hover .bx-wrapper .bx-controls-direction a{
    opacity: 1;
    visibility: visible;
}
.et-hor-timeline-template-17 .et-hor-outer-wrap + .et-hor-three-outer-wrap{
    margin-top:100px;
}
.et-hor-timeline-template-17 .et-hor-three-outer-wrap .et-timeline-hor-line{
    height: 2px;
    width: 100%;
    background:#9e7b44;
    margin-top:10px;
}
.et-hor-timeline-template-17 .et-hor-three-outer-wrap  .et-horizontal-circle{
    width: 16px;
    height: 16px;
    background: #fff;
    border:3px solid #9e7b44;
    border-radius: 50%;
    margin: -8px auto 0;
}
.et-hor-timeline-template-17 .et-hor-three-outer-wrap .et-active .et-horizontal-circle{
    background:#9e7b44;
}
.et-hor-timeline-template-17 .et-hor-three-outer-wrap  .et-icon-block{
    color:#9e7b44;
    max-width: 50px;
    margin: 15px auto 0;
}
.et-hor-timeline-template-17 .et-hor-three-outer-wrap  .et-icon-block i{
    width:auto;
    height: auto;
    font-size:20px;
}
/*****horizontal Timeline- template 17 css end******/
/*****horizontal Timeline- template 18 css start****/
.et-hor-timeline-template-18  .et-timeline-hor-line{
    height: 2px;
    width: 100%;
    background: #fcd538;
    position: relative;
}
.et-hor-timeline-template-18  .et-timeline-hor-line:before{
    position: absolute;
    content: '';
    width: 10px;
    height: 10px;
    background: #fff;
    border: 2px solid #fcd538;
    border-radius: 50%;
    top: -4px;
    left:50%;
    margin-left:-5px;
}
.et-hor-timeline-template-18 .et-active .et-timeline-hor-line:before{
    background:#fcd538;
}
.et-hor-timeline-template-18   .et-icon-block{
    max-width: 50px;
    max-height: 50px;
    overflow: hidden;
    margin: 0 auto 18px;
}
.et-hor-timeline-template-18   .et-icon-block i{
    width: auto;
    height: auto;
    font-size: 20px;
    color: #fcd538;
}
.et-hor-timeline-template-18 .et-date{
    color: #3c3c3c;
    background: #fcd538;
    text-transform: uppercase;
    font-weight: 400;
    font-size: 13px;
    font-family: 'Source Sans Pro', sans-serif;
    display: inline-block;
    margin-top: 23px;
    padding:6px 11px;
    border-radius: 5px;
    margin-bottom: 40px;
    position: relative;
}
.et-hor-timeline-template-18 .et-active .et-date:before{
    content:'';
    position: absolute;
    top:100%;
    left:50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 10px 7.5px 0 7.5px;
    border-color:#fcd538 transparent transparent transparent
}
.et-hor-timeline-template-18 .et-item-inner {
    text-align: left;
}
.et-hor-timeline-template-18  .et-image-container,
.et-hor-timeline-template-18  .et-side-wrap{
    float: left;
    background: #fff;
}
.et-hor-timeline-template-18  .et-image-container{
    -moz-box-shadow: 0 0 5px 2px #EFEFEF inset;
    -webkit-box-shadow: 0 0 5px 2px #EFEFEF inset;
    box-shadow: 0 0 5px 2px #EFEFEF inset; 
    padding:20px 20px 30px;
    width: 40%;
}
.et-hor-timeline-template-18  .et-side-wrap{
    width: 60%;
    padding: 25px 20px 20px 50px;
}
.et-hor-timeline-template-18 .et-image {
    margin-bottom: 20px;
}
.et-hor-timeline-template-18 .et-first-layer {
        margin-bottom: 15px;
}
.et-hor-timeline-template-18 .et-first-layer > div {
    display: inline-block;
    vertical-align: bottom;
}
.et-hor-timeline-template-18 .et-first-layer .et-author-name{
    margin-right:7px;
}
.et-hor-timeline-template-18 .et-first-layer > div a{
    color:#737373;
}
.et-hor-timeline-template-18 .et-first-layer > div a:hover{
    color: #373737;
}
.et-hor-timeline-template-18 .et-first-layer .et-category-list a{
    position: relative;
    padding: 0 15px 0px 15px;
}
.et-hor-timeline-template-18 .et-first-layer .et-category-list a:before {
    content: '';
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    left: 0;
    width: 6px;
    height: 6px;
    background: #000;
}
.et-hor-timeline-template-18 .et-category-list a,
.et-hor-timeline-template-18 .et-author-name a{
    text-transform: uppercase;
    font-size: 12px;
    font-family: 'Source Sans Pro', sans-serif;
    font-weight: 500;
    color: #959595;
}
.et-hor-timeline-template-18 .et-category-list a {
    display: inline-block;
    color: #e72856;
    padding: 0 5px;
}
.et-hor-timeline-template-18 .et-author-name {
    position: relative;
}
.et-hor-timeline-template-18 .et-title{
    margin-bottom: 10px;
}
.et-hor-timeline-template-18 .et-title a{
    color: #3c3c3c;
    font-weight:400;
    font-size:24px;
    font-family: 'Source Sans Pro', sans-serif;
    line-height: 1.5;
}
.et-hor-timeline-template-18 .et-title a:hover{
    color:#737373;
}
.et-hor-timeline-template-18 .et-content {
    color: #737373;
    font-weight: 500;
    font-size: 16px;
    font-family: 'Source Sans Pro', sans-serif;
    line-height: 1.5;
    margin-bottom: 15px;
}
.et-hor-timeline-template-18 .et-link-button {
    margin-bottom: 35px;
}
.et-hor-timeline-template-18 .et-link-button a {
    display: inline-block;
    color:#737373;
    background: #fcd538;
    font-weight:600;
    font-size: 13px;
    font-family: 'Source Sans Pro', sans-serif;
    text-transform: uppercase;
    padding: 12px 20px;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px transparent;
    position: relative;
}
.et-hor-timeline-template-18 .et-link-button a:before {
    content: '';
    position: absolute;
    border: #fcd538 solid 6px;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
}
@-webkit-keyframes et-ripple-out {
    100% {
        top: -12px;
        right: -12px;
        bottom: -12px;
        left: -12px;
        opacity: 0;
    }
}
@keyframes et-ripple-out {
    100% {
        top: -12px;
        right: -12px;
        bottom: -12px;
        left: -12px;
        opacity: 0;
    }
}
.et-hor-timeline-template-18 .et-link-button a:hover:before {
    -webkit-animation-name: et-ripple-out;
    animation-name: et-ripple-out;
}
.et-hor-timeline-template-18 .et-tag-list a {
    display: inline-block;
    color: #000;
    text-transform: uppercase;
    font-weight: 500;
    font-size: 13px;
    font-family: 'Source Sans Pro', sans-serif;
    text-transform: uppercase;
    padding: 12px 16px;
    border: 1px solid #e9e9e9;
    margin: 3px;
    -webkit-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}
.et-hor-timeline-template-18 .et-tag-list a:hover {
    color: #737373;
    border-color: #737373;
}
.et-hor-timeline-template-18 .et-car-bottom-wrap > div {
    display: inline-block;
    vertical-align: middle;
}
.et-comment-outer-wrap {
    position: relative;
    padding-left: 44px;
}
.et-hor-timeline-template-18 .et-comment-wrap,
.et-hor-timeline-template-18 .et-comment-icon,
.et-hor-timeline-template-18 .et-share-container,
.et-hor-timeline-template-18 .et-share-wrap a {
    min-width: 38px;
    height: 38px;
    border: 1px solid #e9e9e9;
    line-height: 38px;
    text-align: center;
    background: #fff;
    color: #2b2b2b;
    font-size: 13px;
}
.et-hor-timeline-template-18 .et-comment-wrap {
    position: absolute;
    top: 0;
    left: 0;
    font-family: 'Source Sans Pro', sans-serif;
}
.et-hor-timeline-template-18 .et-share-container {
    position: relative;
    cursor: pointer;
    -webkit-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}
.et-hor-timeline-template-18 .et-share-container:hover {
    border-color:#737373;
    background:#737373;
    color: #fff;
}
.et-hor-timeline-template-18 .et-share-wrap {
    opacity: 0;
    visibility: hidden;
    position: absolute;
    left: 0;
    bottom: 100%;
    -webkit-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}
.et-hor-timeline-template-18 .et-share-container:hover .et-share-wrap {
    opacity: 1;
    visibility: visible;
}
.et-hor-timeline-template-18 .et-share-wrap a {
    display: block;
    margin-bottom: 2px;
    -webkit-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}
.et-hor-timeline-template-18 .et-share-wrap a:hover {
    background: #737373;
    color: #fff;
    border-color: #737373;
}
.et-hor-timeline-template-18  .bx-wrapper .bx-controls-direction a {
    position: absolute;
    top: -88px;
    margin-top: -16px;
    outline: 0;
    width: 32px;
    height: 32px;
    text-indent: 0;
    background:#fcd538; 
    line-height: 32px;
    color: #000;
    font-size: 14px;
}
/*****horizontal Timeline- template 18 css end******/
/*****horizontal Timeline- template 19 css start****/
.et-hor-timeline-template-19  .et-date-icon-wrap{
    position: relative;
    text-align: center;
    padding:50px 0;
    margin-bottom:35px;
}
.et-hor-timeline-template-19 .et-timeline-hor-line{
    height:14px;
    width: 100%;
    background: #cb1258;
}
.et-hor-timeline-template-19   .et-horizontal-circle{
    width: 9px;
    height: 9px;
    position: absolute;
    top:50%;
    left:50%;
    background:#fda6c7;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
}
.et-hor-timeline-template-19  .et-active .et-horizontal-circle{
    width: 15px;
    height: 15px;
    background: #fff;
    -moz-box-shadow: 0 0 0 6px rgba(203,18,88,0.6);
    -webkit-box-shadow: 0 0 0 6px rgba(203,18,88,0.6);
    box-shadow: 0 0 0 6px rgba(203,18,88,0.6);
}
.et-hor-timeline-template-19 .et-date{
    background: #cb1258;
    display: inline-block;
    color: #fff;
    font-family: 'Source Sans Pro', sans-serif;
    font-size: 13px;
    text-transform: uppercase;
    padding:7px 10px;
    border-radius: 5px;
}
.et-hor-timeline-template-19 .et-icon-block{
    max-width: 50px;
    max-height: 50px;
    overflow: hidden;
    margin: 0 auto;
    color: #cb1258;
}
.et-hor-timeline-template-19 .et-icon-block i{
    width: auto;
    height: auto;
    font-size:20px;
}
.et-hor-timeline-template-19 .et-up,
.et-hor-timeline-template-19 .et-down{
    position: absolute;
    left:50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
}
.et-hor-timeline-template-19 .et-up{
    top:0;
}
.et-hor-timeline-template-19 .et-down{
    bottom: 0;
}
.et-hor-timeline-template-19 .et-icon-block.et-up{
    margin-top: 10px;
}
.et-hor-timeline-template-19 .et-icon-block.et-down{
    margin-bottom: 10px;
}
.et-hor-timeline-template-19 .et-date:before{
    content:'';
    position:absolute;
    left:50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 0;
    height: 0;
    border-style: solid;
}
.et-hor-timeline-template-19 .et-date.et-up:before{
    top:100%;
    border-width: 10px 7.5px 0 7.5px;
    border-color: #cb1258 transparent transparent transparent;
}
.et-hor-timeline-template-19 .et-date.et-down:before{
    bottom: 100%;
    border-width: 0 7.5px 10px 7.5px;
    border-color: transparent transparent #cb1258 transparent;
}
.et-hor-timeline-template-19 .et-inner-wrap {
    padding:15px;
}
.et-hor-timeline-template-19 .et-inner-wrap-contain {
    position: relative;
    text-align: center;
    overflow: hidden;
    display: inline-block;
    -webkit-border-radius: 20px;
    border-radius: 20px;
    -moz-box-shadow: 0 0 13px #777777;
    -webkit-box-shadow: 0 0 13px #777777;
    box-shadow: 0 0 13px #777777;
}
.et-hor-timeline-template-19 .et-inner-wrap-contain:before {
    position: absolute;
    content: '';
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    z-index: 9;
    background-color: rgba(0, 0, 0, 0.3);
}
.et-hor-timeline-template-19 .et-bottom-grid-wrap {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: transparent;
    z-index: 9;
    color: #fff;
    padding: 10px 20px 44px 20px;
}
.et-hor-timeline-template-19 .et-category-wrap,
.et-hor-timeline-template-19 .et-tag-list{
    margin-bottom: 15px;
}
.et-hor-timeline-template-19 .et-category-list a,
.et-hor-timeline-template-19 .et-tag-list a{
    font-size: 13px;
    padding:5px;
    border:2px solid rgba(193,96,107, 0.8);
    display: inline-block;
    background: rgba(193,96,107, 0.8);
    color: #fff;
    font-family: 'Merriweather', serif;
    text-transform:uppercase;
    border-radius:5px;
    margin:2px;
}
.et-hor-timeline-template-19 .et-category-list a:hover,
.et-hor-timeline-template-19 .et-tag-list a:hover{
    background: transparent;
    border-color:#fff;
    color:#fff;
}
.et-hor-timeline-template-19 .et-second-layer {
    margin-bottom:20px;
}
.et-hor-timeline-template-19 .et-second-layer .et-comment-wrap {
    position: relative;
    padding-left: 9px;
    margin-left:3px;
}
.et-hor-timeline-template-19 .et-second-layer .et-comment-wrap:before{
    content: '|';
    position: absolute;
    top:0;
    left:0;
}
.et-hor-timeline-template-19 .et-second-layer > div,
.et-hor-timeline-template-19 .et-second-layer > div a {
    display: inline-block;
    vertical-align: middle;
    font-family: 'Lato', sans-serif;
    font-size: 12px;
    font-weight: 500;
    color: #fff;
    line-height: 1.5;
}
.et-hor-timeline-template-19 .et-title {
    line-height: 1.2;
    margin-bottom:20px;
}
.et-hor-timeline-template-19 .et-title a{
    font-size: 40px;
    font-family: 'Merriweather', serif;
    font-weight: 300;
    color: #fff;
    display: inline-block;
}
.et-hor-timeline-template-19 .et-content {
    font-family: 'Lato', sans-serif;
    font-size:22px;
    font-weight: 500;
    color: #fff;
    line-height: 1.5;
    margin-bottom: 25px;
}
.et-hor-timeline-template-19 .et-link-button{
    margin-bottom: 20px;
}
.et-hor-timeline-template-19 .et-link-button a {
    font-size: 14px;
    color: #fff;
    font-weight: 500;
    font-family: 'Lato', sans-serif;
    border:2px solid #fff;
    border-radius:5px;
    padding:6px 10px;
    display: inline-block;
}
.et-hor-timeline-template-19 .et-link-button a:hover{
    border-color: rgba(193,96,107, 0.8);
    background: rgba(193,96,107, 0.8);
    color: #fff;
}
.et-hor-timeline-template-19 .et-title a:hover,
.et-hor-timeline-template-19 .et-author-name a:hover{
    color:rgb(193,96,107);
}
.et-hor-timeline-template-19 .et-share-wrap {
    margin-bottom: 16px;
}
.et-hor-timeline-template-19 .et-share-wrap .et-share-wrap-contain {
    position: relative;
    display: inline-block;
    padding: 0 17px;
}
.et-hor-timeline-template-19 .et-share-wrap a {
    background:rgba(193,96,107, 0.8);
    color: #fff;
    display: inline-block;
    vertical-align: middle;
    text-align: center;
    width: 28px;
    height: 28px;
    font-size: 12px;
    margin: 0 5px 7px;
    -webkit-transition: all 0.5 ease-in-out;
    transition: all 0.5 ease-in-out;
}
.et-hor-timeline-template-19 .et-share-wrap a i{
        line-height: 28px;
}
.et-hor-timeline-template-19 .et-share-wrap a:hover {
    background: #fff;
    color: rgb(193,96,107);
}
.et-hor-timeline-template-19 .bx-wrapper .bx-controls-direction a{
    width: auto;
    height: auto;
    text-indent:0;
    font-size: 30px;
    color: #f2f2f2;
}
.et-hor-timeline-template-19 .bx-wrapper .bx-controls-direction a{
    width: auto;
    height: auto;
    text-indent:0;
    font-size: 30px;
    color: #f2f2f2;
    visibility: hidden;
    opacity: 0;
    -webkit-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}
.et-hor-timeline-template-19  .et-layout-horizontal-section:hover .bx-wrapper .bx-controls-direction a{
    visibility: visible;
    opacity: 1;
}
.et-hor-timeline-template-19  .et-layout-horizontal-section:hover .bx-wrapper .bx-controls-direction a.bx-prev{
    margin-left: -20px;
}
.et-hor-timeline-template-19  .et-layout-horizontal-section:hover .bx-wrapper .bx-controls-direction a.bx-next{
    margin-right:-20px;
}
/*****horizontal Timeline- template 19 css end******/
/*****horizontal Timeline- template 20 css end******/
.et-hor-timeline-template-20  .et-icon-line-wrap{
    padding:  5px 0 10px;
    margin-bottom: 60px;
}
.et-hor-timeline-template-20 .et-icon-block{
-webkit-clip-path: polygon(50% 0%, 90% 20%, 100% 60%, 75% 100%, 25% 100%, 0% 60%, 10% 20%);
    clip-path: polygon(50% 0%, 90% 20%, 100% 60%, 75% 100%, 25% 100%, 0% 60%, 10% 20%);
    width: 40px;
    height: 40px;
    background: #f1f1f3;
    text-align: center;
    margin: -24px auto 0;
    color: #238ada;
    
}
.et-hor-timeline-template-20 .et-icon-block i{
    line-height: 40px;
    font-size: 15px;
}
.et-hor-timeline-template-20 .et-date{
    font-size: 13px;
    font-weight:600;
    color: #000;
    font-family: 'Open Sans', sans-serif;
    margin-bottom: 36px;
}
.et-hor-timeline-template-20 .et-active .et-date{
    color: #238ada;
}
.et-hor-timeline-template-20 .et-active .et-icon-block{
    width: 50px;
    height: 50px;
    background: #238ada;
    color: #fff;
    margin-top: -30px;
}
.et-hor-timeline-template-20 .et-active .et-icon-block i{
    line-height: 50px;
    font-size:20px;
}
.et-hor-timeline-template-20 .et-timeline-hor-line{
    height: 2px;
    width: 100%;
    background: #c8dcee;
}
.et-hor-timeline-template-20  .et-inner-wrap {
    padding:5px;
    text-align: center;
}
.et-hor-timeline-template-20 .et-inner-wrap-contain {
    background: #fff;
    -moz-box-shadow: 0 0 9px 2px #DDDDDD;
    -webkit-box-shadow: 0 0 9px 2px #DDDDDD;
    box-shadow: 0 0 9px 2px #DDDDDD;
    padding:70px 0 48px;
}
.et-hor-timeline-template-20 .et-image-category-wrap .et-image{
    max-width: 260px;
    width: 100%;
    margin: 0 auto;
    border-radius: 50%;
    overflow: hidden;
    position: relative;
}
.et-hor-timeline-template-20 .et-image-category-wrap .et-image:before{
    content:'';
    padding-top:100%;
    display: block;
}
.et-hor-timeline-template-20 .et-image-category-wrap .et-image a.et-lightbox-image {
    position: absolute;
    top:0;
    left:0;
    display: block;
    max-width: 100%;
}
.et-hor-timeline-template-20 .et-category-list a {
    display: inline-block;
    vertical-align: middle;
    margin-bottom: 2px;
    padding: 7px 21px;
    border-radius: 2px;
    background: #1888dd;
    color: #fff;
    font-family: 'Open Sans', sans-serif;
    font-size: 13px;
    font-weight: 500;
    border: 2px solid #1888dd;
    -webkit-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}
.et-hor-timeline-template-20  .et-upper-layer{
    position: relative;
    max-width:70%;
    margin: -21px auto 0; 
}
.et-hor-timeline-template-20 .et-contain-all {
    padding: 22px 21px;
}
.et-hor-timeline-template-20 .et-second-layer {
    margin-bottom: 25px;
}
.et-hor-timeline-template-20 .et-second-layer > div {
    display: inline-block;
    vertical-align: middle;
    margin-right: 23px;
}
.et-hor-timeline-template-20 .et-second-layer > div,
.et-hor-timeline-template-20 .et-second-layer > div a{
    color: #767676;
    font-size: 12px;
    font-weight: 600;
}
.et-hor-timeline-template-20 .et-second-layer > div a:hover{
    color:#1888dd;
}
.et-hor-timeline-template-20 .et-title {
    max-width: 70%;
    margin: 0 auto 29px;
}
.et-hor-timeline-template-20 .et-title a{
    color: #222222;
    font-family: 'Lato', sans-serif;
    font-size: 26px;
    font-weight: 500;
}
.et-hor-timeline-template-20 .et-title a:hover{
    color:#1888dd;
}
.et-hor-timeline-template-20 .et-content {
    color: #555555;
    font-family: 'Lato', sans-serif;
    font-size: 14px;
    font-weight: 500;
    line-height: 1.6;
    max-width: 80%;
    margin: 0 auto 30px;
}
.et-hor-timeline-template-20 .et-link-button a {
    display: inline-block;
    padding: 7px 21px;
    border-radius: 2px;
    background: #1888dd;
    border: 2px solid #1888dd;
    color: #fff;
    font-family: 'Open Sans', sans-serif;
    font-size: 13px;
    -webkit-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}
.et-hor-timeline-template-20 .et-category-list a:hover,
.et-hor-timeline-template-20 .et-link-button a:hover ,{
    background: #fff;
    color: #1888dd;
}
.et-hor-timeline-template-20 .et-bottom-wrap {
    background: #f8f8f8;
    padding: 15px 30px 8px;
    max-width: 70%;
    margin: 0 auto 20px;
}
.et-hor-timeline-template-20 .et-bottom-wrap .et-tag-list {
    float: left;
}
.et-hor-timeline-template-20 .et-bottom-wrap .et-tag-list a {
    color: #666666;
    font-size: 14px;
    font-family: 'Lato', sans-serif;
    font-weight: 500;
    display: inline-block;
    padding: 0 3px;
    margin-bottom: 7px;
}
.et-hor-timeline-template-20 .et-bottom-wrap .et-share-wrap {
    float: right;
}
.et-hor-timeline-template-20 .et-bottom-wrap .et-share-wrap a {
    font-size: 15px;
    color: #666;
    padding: 0 9px;
    margin-bottom: 7px;
    display: inline-block;
}
.et-hor-timeline-template-20 .et-bottom-wrap .et-tag-list a:hover,
.et-hor-timeline-template-20 .et-bottom-wrap .et-share-wrap a:hover {
    color: #1888dd;
}
.et-hor-timeline-template-20 .et-category-list a:hover,
.et-hor-timeline-template-20 .et-link-button a:hover{
    color: #1888dd;
    background: #fff;
}
/*****horizontal Timeline- template 20 css end******/
/*****horizontal Timeline- template 21 css start****/
.et-hor-timeline-template-21  .et-icon-date-wrap-line{
    padding:20px 0;
    margin-bottom: 25px;
}
.et-hor-timeline-template-21  .et-timeline-hor-line{
    height: 2px;
    width: 100%;
    background: #ebebeb;
}
.et-hor-timeline-template-21 .et-icon-date-wrap{
    padding: 3px 9px 3px 3px;
    border-radius: 15px;
    overflow: hidden;
    border: 1px solid #ebebeb;
    background: #fff;
    display: inline-block;
    margin-top: -18px;
}
.et-hor-timeline-template-21 .et-icon-date-wrap > div{
    display: inline-block;
    vertical-align: middle;
}
.et-hor-timeline-template-21 .et-icon-date-wrap .et-date{
    color:#20394b; 
    font-family: 'Roboto', sans-serif;
    font-size: 14px;
    font-weight: 500;
    margin-left: 7px;
}
.et-hor-timeline-template-21 .et-icon-date-wrap .et-icon-block{
    width:25px;
    height: 25px;
    color: #20394b;
    overflow: hidden;
    text-align: center;
    border-radius:50%;
}
.et-hor-timeline-template-21 .et-icon-date-wrap .et-icon-block i{
    line-height: 25px;
    font-size:14px;
    width: auto;
    height: auto;
}
.et-hor-timeline-template-21 .et-active .et-icon-date-wrap{
    background: #20394b;
    border-color: #20394b; 
}
.et-hor-timeline-template-21 .et-active  .et-date,
.et-hor-timeline-template-21 .et-active .et-icon-block{
    color: #fff;
}
.et-hor-timeline-template-21 .et-first-inner-wrap,
.et-hor-timeline-template-21 .et-second-inner-wrap {
    float: left;
}
.et-hor-timeline-template-21 .et-first-inner-wrap {
    width: 40%;
    position: relative;
}
.et-hor-timeline-template-21 .et-second-inner-wrap {
    width: 60%;
    padding-left: 63px;
    padding-top: 20px;
    text-align: left;
}
.et-hor-timeline-template-21 .et-category-list {
    position: absolute;
    bottom: 20px;
    left: 20px;
}
.et-hor-timeline-template-21 .et-category-list a {
    background-color: #149eed;
    display: inline-block;
    vertical-align: middle;
    color: #fff;
    padding: 9px 13px;
    font-family: 'Montserrat', sans-serif;
    font-size: 13px;
    text-transform: uppercase;
    font-weight: 500;
    border-radius: 10px;
    margin-bottom: 5px;
    -webkit-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}
.et-hor-timeline-template-21 .et-category-list a:hover {
    background-color: #0598ed;
}
.et-hor-timeline-template-21 .et-second-layer{
    margin-bottom: 15px;
}
.et-hor-timeline-template-21 .et-comment-wrap {
    display: inline-block;
    vertical-align: middle;
    margin-right: 8px;
    color: #767676;
    font-family: 'Open Sans', sans-serif;
    font-size: 12px;
    font-weight: 700;
    text-transform: uppercase;
}

.et-hor-timeline-template-21 .et-title {
    margin-bottom: 10px;
}
.et-hor-timeline-template-21 .et-title a{
    font-size: 20px;
    font-weight: 700;
    color: #363636;
    font-family: 'Montserrat', sans-serif;
    line-height: 1.7;
}
.et-hor-timeline-template-21 .et-title a:hover{
    color:#149eed;
}
.et-hor-timeline-template-21 .et-content {
    font-size: 16px;
    font-family: 'Open Sans', sans-serif;
    color: #767676;
    font-weight: 500;
    line-height: 1.6;
    margin-bottom:30px;
}
.et-hor-timeline-template-21  .et-link-button {
    display: inline-block;
}
.et-hor-timeline-template-21 .et-link-button a {
    font-size: 11px;
    color: #0182ff;
    font-weight: 700;
    position: relative;
    text-transform: uppercase;
    font-family: 'Open Sans', sans-serif;
    -webkit-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}
.et-hor-timeline-template-21 .et-link-button a:before {
    content: '';
    height: 1px;
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    background: #0182ff;
    -webkit-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}
.et-hor-timeline-template-21 .et-link-button a:hover:before {
    width: 10px;
}
.et-hor-timeline-template-21 .et-author-name {
    color: #767676;
    font-size: 13px;
    font-weight: 500;
    font-family: 'Open Sans', sans-serif;
    margin-bottom: 23px;
}
.et-hor-timeline-template-21 .et-author-name a {
    text-transform: uppercase;
    font-weight: 700;
    display:inline-block;
     color:#767676;
}
.et-hor-timeline-template-21 .et-author-name  a:hover{
    color:#149eed;
}
.et-hor-timeline-template-21 .et-tag-list {
    margin-bottom: 18px;
    text-align: left;
}
.et-hor-timeline-template-21 .et-tag-list a {
    display: inline-block;
    vertical-align: top;
    text-transform: uppercase;
    font-size: 11px;
    font-weight: 500;
    font-family: 'Open Sans', sans-serif;
    color: #767676;
    border: 1px solid #cdcdcd;
    padding: 7px 18px;
    -webkit-border-radius: 20px;
    border-radius: 20px;
    -webkit-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
    margin-bottom: 4px;
}
.et-hor-timeline-template-21 .et-share-wrap {
    text-align: left;
}
.et-hor-timeline-template-21 .et-share-wrap a {
    display: inline-block;
    vertical-align: middle;
    margin: 2px;
}
.et-hor-timeline-template-21 .et-share-wrap i {
    width: 30px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    color: #fff;
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}
.et-hor-timeline-template-21 .et-share-wrap a:hover i {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
}
.et-hor-timeline-template-21  .et-tag-list a:hover {
    -webkit-border-radius: 0px;
    border-radius: 0px;
}
.et-hor-timeline-template-21 .fa-facebook {
    background-color: #34569b;
}
.et-hor-timeline-template-21 .fa-google-plus {
    background-color: #d93b2a;
}
.et-hor-timeline-template-21 .fa-linkedin {
    background-color: #0075b7;
}
.et-hor-timeline-template-21 .fa-envelope-o {
    background-color: #fc7e22;
}
.et-hor-timeline-template-21 .fa-pinterest,
.et-hor-timeline-template-21 .fa-pinterest-p {
    background-color: #bf0012;
}
.et-hor-timeline-template-21 .fa-twitter {
    background-color: #34569b;
}
/*****horizontal Timeline- template 21 css end******/
/*--------------------------------------------------
horizontal Timeline Layout css END
----------------------------------------------------*/
/**********One Side Timeline- template 1 css start*********/
.et-one-side-template-1  .et-layout-one_side-section{
    position:relative;
}
.et-one-side-template-1 .et-timeline-line {
    position: absolute;
    left: 45px;
    top: 0;
    height: 100%;
    border-right: 1px solid #eaeaea;
    border-left: 1px solid #eaeaea;
}
.et-one-side-template-1 .et-timeline-item {
    padding-left: 150px;
    position: relative;
    margin-bottom: 60px;
}
.et-one-side-template-1 .et-timeline-date {
    max-width: 140px;
    min-width: 115px;
    position: absolute;
    left: 0;
    top: 63px;
    padding: 9px;
    background: #e74c3c;
    text-align: center;
    line-height: 1.3;
    color: #fff;
    border-radius: 2px;
    font-family: 'Open Sans', sans-serif;
    font-weight: 500;
    font-size: 13px;
    z-index: 9;
}
.et-one-side-template-1 .et-all-contain-here {
    display: inline-block;
    background: #fff;
    border: 1px solid #eaeaea;
}
.et-one-side-template-1 .et-title {
    font-family: 'Merriweather', serif;
    font-size: 24px;
    color: #fff;
    font-weight: 400;
    background: #e74c3c;
    padding: 20px 30px;
}
.et-one-side-template-1 .et-title a{
    font-family: 'Merriweather', serif;
    font-size: 24px;
    color: #fff;
    font-weight: 400;
}
.et-one-side-template-1 .et-inner-content {
    padding: 27px 36px;
    border-top: 1px solid #eaeaea;
    text-align: left;
}
.et-one-side-template-1 .et-category-wrap {
    margin-bottom: 10px;
}
.et-one-side-template-1 .et-category-list a {
    display: inline-block;
    margin-right: 20px;
    color: #e74c3c;
    font-family: 'Open Sans', sans-serif;
    font-weight: 600;
    font-size: 14px;
    margin-bottom: 10px;
}
.et-one-side-template-1 .et-category-list a:hover {
    color: #999999;
}
.et-one-side-template-1 .et-content {
    color: #242424;
    font-family: 'Open Sans', sans-serif;
    font-weight: 500;
    font-size: 14px;
    line-height: 1.5;
    margin-bottom: 17px;
}
.et-one-side-template-1 .et-link-button {
    margin-bottom: 28px;
}
.et-one-side-template-1 .et-link-button a {
    display: inline-block;
    color: #000000;
    font-family: 'Open Sans', sans-serif;
    font-size: 14px;
    font-weight: 500;
}
.et-one-side-template-1 .et-link-button a i {
    -webkit-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
    margin-left: 5px;
}
.et-one-side-template-1 .et-link-button a:hover {
    color: #e74c3c;
}
.et-one-side-template-1 .et-link-button a:hover i {
    margin-left: 10px;
}
.et-one-side-template-1 .et-content-outer-wrap > div {
    display: inline-block;
    vertical-align: middle;
    margin-right: 30px;
}
.et-one-side-template-1 .et-content-outer-wrap > div:last-child {
    margin-right: 0;
}
.et-one-side-template-1 .et-author-name a,
.et-one-side-template-1 .et-comment-wrap,
.et-one-side-template-1 .et-tag-list a {
    color: #999999;
    font-family: 'Open Sans', sans-serif;
    font-size: 14px;
    font-weight: 500;
}
.et-one-side-template-1 .et-share-wrap a {
    color: #999999;
    font-size: 14px;
    display: inline-block;
    width: 25px;
    height: 25px;
    text-align: center;
    line-height: 25px;
    -webkit-transition: all 0.5 ease-in-out;
    transition: all 0.5 ease-in-out;
}
.et-one-side-template-1 .et-share-wrap a:hover {
    background: #e74c3c;
    color: #fff;
}
.et-one-side-template-1 .et-tag-list a {
    display: inline-block;
    padding: 4px;
}
.et-one-side-template-1 .et-tag-list a:hover {
    color: #e74c3c;
}
.et-one-side-template-1 .et-extra-slider-item {
    text-align: center;
}
.et-extra-slider-item {
    text-align: center;
}
/*right side css*/
.et-right-timeline.et-one-side-template-1 .et-timeline-item{
    padding-left:0;
    padding-right: 150px;
}
.et-one-side-template-1.et-right-timeline .et-timeline-line {
    right: 45px;
    left:auto;
}
.et-one-side-template-1.et-right-timeline .et-timeline-date {
    left: auto;
    right: 0;
}
/**********One Side Timeline template 1 css end***********/

/**********One side Timeline- template 2 css start*********/

.et-one-side-template-2 .et-layout-one_side-section{
    position:relative;
}
.et-one-side-template-2 .et-layout-one_side-section .et-timeline-line {
    width: 3px;
    background: #cccccc;
    height: 100%;
    position: absolute;
    left: 150px;
    top: 0;
}
.et-one-side-template-2 .et-layout-one_side-section .et-timeline-item {
    padding-left: 224px;
    position: relative;
    margin-bottom: 60px;
}
.et-one-side-template-2 .et-layout-one_side-section .et-timeline-date {
    position: absolute;
    width: 50px;
    height: 50px;
    text-align: center;
    border: 3px solid #ccc;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    left: 150px;
    margin-left: -25px;
    background-color: #fff;
    top: 9px;
    z-index: 9;
}
.et-one-side-template-2 .et-layout-one_side-section .et-timeline-date-inner {
    position: relative;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}
.et-one-side-template-2 .et-layout-one_side-section .et-timeline-date-inner > div {
    font-size: 13px;
    font-weight: 600;
    color: #717171;
    font-family: 'Droid Sans', sans-serif;
}
.et-one-side-template-2 .et-layout-one_side-section .et-image {
    margin-bottom: 28px;
}
.et-one-side-template-2 .et-layout-one_side-section .et-category-wrap {
    max-width: 150px;
    width: 100%;
    position: absolute;
    left: 0;
    top: 0;
    padding-right: 35px;
    text-align: right;
    padding-top: 25px;
}
.et-one-side-template-2 .et-layout-one_side-section .et-category-list a {
    display: block;
    font-size: 16px;
    color: #343434;
    font-weight: 500;
    font-family: 'Droid Sans', sans-serif;
    line-height: 1.7;
}
.et-one-side-template-2 .et-layout-one_side-section .et-all-contain-here {
    background: #fff;
    padding: 40px 20px 42px;
    text-align: center;
    -moz-box-shadow: 0 0 12px 2px #EFEFEF;
    -webkit-box-shadow: 0 0 12px 2px #EFEFEF;
    box-shadow: 0 0 12px 2px #EFEFEF;
    position: relative;
}
.et-one-side-template-2 .et-layout-one_side-section .et-all-contain-here:before {
    content: '';
    position: absolute;
    width: 25px;
    height: 25px;
    left: -12px;
    top: 23px;
    background: #fff;
    border: 1px solid #eee;
    transform: rotate(45deg);
    border-right: 0;
    border-top: 0;
}
.et-one-side-template-2 .et-layout-one_side-section .et-title {
    padding-bottom: 14px;
    position: relative;
}
.et-one-side-template-2 .et-layout-one_side-section .et-title a{
    font-size: 24px;
    text-transform: uppercase;
    line-height: 1.2;
    color: #000;
    font-weight: 600;
    font-family: 'Montserrat', sans-serif;
}
.et-one-side-template-2 .et-layout-one_side-section .et-title a:hover{
    color:#25a0fa;
}
.et-one-side-template-2 .et-layout-one_side-section .et-title:before {
    content: '';
    position: absolute;
    width: 46px;
    height: 2px;
    background-color: #000;
    bottom: 0;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
}
.et-one-side-template-2 .et-layout-one_side-section .et-author-name {
    padding-top: 18px;
    padding-bottom: 30px;
}
.et-one-side-template-2 .et-layout-one_side-section .et-author-name,
.et-one-side-template-2 .et-layout-one_side-section .et-author-name a {
    font-size: 14px;
    color: #999999;
    font-weight: 500;
    font-family: 'Lora', serif;
}
.et-one-side-template-2 .et-layout-one_side-section .et-author-name a {
    color: #222;
}
.et-one-side-template-2 .et-layout-one_side-section .et-content {
    font-size: 14px;
    font-family: 'Lora', serif;
    font-weight: 500;
    color: #242424;
    text-align: left;
    margin-bottom: 18px;
    line-height: 1.5;
}
.et-one-side-template-2 .et-layout-one_side-section .et-image img {
    margin: 0 auto;
}
.et-one-side-template-2 .et-layout-one_side-section .et-link-button {
    margin-bottom: 26px;
}
.et-one-side-template-2 .et-layout-one_side-section .et-link-button a {
    color: #242424;
    font-size: 11px;
    font-weight: 600;
    font-family: 'Montserrat', sans-serif;
    text-transform: uppercase;
    letter-spacing: 1.4px;
    padding: 12px 0;
    position: relative;
    display: inline-block;
}
.et-one-side-template-2 .et-layout-one_side-section .et-link-button a:after {
    content: '';
    position: absolute;
    bottom: 0;
    height: 1px;
    width: 40px;
    background-color: #000;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    -webkit-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}
.et-one-side-template-2 .et-layout-one_side-section .et-link-button a:hover:after {
    width: 100%;
}
.et-one-side-template-2 .et-layout-one_side-section .et-meta-wrap {
    width: 100%;
    display: table;
    border-width: 1px 0 1px 0;
    border-style: solid;
    border-color: #eee;
}
.et-one-side-template-2 .et-layout-one_side-section .et-meta-wrap > div {
    width: 33.33%;
    display: table-cell;
    border-left: 1px solid #eee;
    padding: 17px 5px 12px;
}
.et-one-side-template-2 .et-layout-one_side-section .et-meta-wrap > div:nth-of-type(1) {
    border-left: none;
}
.et-one-side-template-2 .et-layout-one_side-section .et-comment-wrap,
.et-one-side-template-2 .et-layout-one_side-section .et-share-wrap a,
.et-one-side-template-2 .et-layout-one_side-section .et-tag-list a {
    margin-bottom: 5px;
    display: inline-block;
}
.et-one-side-template-2 .et-layout-one_side-section .et-comment-wrap,
.et-one-side-template-2 .et-layout-one_side-section .et-tag-list a {
    color: #707070;
    font-family: 'Lora', serif;
    font-size: 14px;
    font-weight: 400;
    font-style: italic;
}
.et-one-side-template-2 .et-layout-one_side-section .et-category-list a:hover,
.et-one-side-template-2 .et-layout-one_side-section .et-tag-list a:hover {
    color: #25a0fa;
}
.et-one-side-template-2 .et-layout-one_side-section .et-share-wrap a {
    display: inline-block;
    vertical-align: middle;
    color: #222;
    font-size: 12px;
    padding: 5px;
    border: 1px solid transparent;
}
.et-one-side-template-2 .et-layout-one_side-section .et-share-wrap a:hover {
    color: #25a0fa;
    border: 1px solid #eee;
}
.et-one-side-template-2 .et-layout-one_side-section .bx-wrapper {
    margin-bottom: 20px;
}
.et-vertical-timeline .bx-wrapper,
.et-vertical-timeline .bx-viewport {
    -webkit-box-shadow: none;
    box-shadow: none;
}
.et-one-side-template-2 .et-layout-one_side-section .et-common-wrap,
.et-ver-timeline-template-2 .et-common-wrap,
.et-hor-timeline-template-2 .et-common-wrap {
    margin-bottom: 20px;
}
/*right side css*/
.et-one-side-template-2.et-right-timeline .et-layout-one_side-section .et-timeline-item {
    padding-right: 224px;
    padding-left: 0;
}
.et-one-side-template-2.et-right-timeline .et-layout-one_side-section .et-timeline-line {
    left:auto;
    right: 150px;
}
.et-one-side-template-2.et-right-timeline .et-layout-one_side-section .et-timeline-date {
    right: 150px;
    margin-right: -25px;
    left:auto;
    margin-left:0;
}
.et-one-side-template-2.et-right-timeline .et-layout-one_side-section .et-category-wrap {
    left: auto;
    right:  0;
    padding-left: 35px;
    padding-right:0;
    text-align:left;
}
.et-one-side-template-2.et-right-timeline .et-layout-one_side-section .et-all-contain-here:before {
    left: auto;
    right: -12px;
    border-left: 0;
    border-bottom: 0;
    border-right:1px solid #eee;
    border-top:1px solid #eee;
}
/**********One Side Timeline- template 2 css end***********/
/**********One Side Timeline- template 3 css start***********/
.et-one-side-template-3  .et-layout-one_side-section{
    position:relative;
}
.et-one-side-template-3 .et-layout-one_side-section .et-timeline-item {
    padding-left: 200px;
    position: relative;
    margin-bottom:120px;
    text-align:left;
}
.et-one-side-template-3 .et-layout-one_side-section .et-timeline-line {
    width: 6px;
    background: #2da7e6;
    height: 100%;
    position: absolute;
    left: 61px;
    top: 0;
}
.et-one-side-template-3 .et-layout-one_side-section .et-timeline-date{
    width: 126px;
    height: 126px;
    font-size: 25px;
    color: #fff;
    line-height:112px;
    text-align: center;
    border:14px solid #d5edfa;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    margin: 0 auto 100px 0;
    background-color:#2da7e6;
    z-index: 9;
    font-family: 'Montserrat', sans-serif;
    position: relative;
    z-index: 99;
}
.et-one-side-template-3 .et-inner-content{
    padding:50px;
    /*border:1px solid #eee;*/
    margin-top:34px;
    background: #fff;
    -moz-box-shadow: 0 0 3px #eee;
    -webkit-box-shadow: 0 0 3px #eee;
    box-shadow: 0 0 3px #eee;
}
.et-one-side-template-3 .et-inner-content .et-image,
.et-one-side-template-3 .et-inner-content  .et-contain-main-inner{
    float:left;
}
.et-one-side-template-3 .et-inner-content .et-image{
    width:40%;
}
.et-one-side-template-3 .et-inner-content  .et-contain-main-inner{
    width:60%;
    text-align:left;
    padding-left:30px;
}
.et-one-side-template-3  .et-icon-block-main{
    position: absolute;
    left: 15px;
    width: 30px;
    height: 30px;
    line-height: 30px;
    font-size: 24px;
    color: #2da7e6;
    text-align: center;
    margin-top: 44px;
}
.et-one-side-template-3 .et-circle{
    width: 20px;
    height: 20px;
    border: 4px solid #fff;
    background: #2da7e6;
    border-radius: 50%;
    position: absolute;
    left: 54px;
    z-index: 9;
    margin-top: 49px;
}
.et-one-side-template-3 .et-date{
    color:#555;
    font-size: 22px;
    font-weight:500;
    font-family: 'Montserrat', sans-serif;
}
.et-one-side-template-3 .et-category-wrap{
    margin-bottom:30px;
}
.et-one-side-template-3 .et-category-wrap .et-category-list a{
    color: #4199d7;
    background:#e3f0f9;
    font-family:'Merriweather', serif;
    display:inline-block;
    padding:10px 15px;
    border-radius:7px;
    font-weight:600;
}
.et-one-side-template-3 .et-title{
    margin-bottom:30px;
}
.et-one-side-template-3 .et-title a{
    color:#555;
    font-size: 24px;
    font-weight:500;
    font-family: 'Montserrat', sans-serif;
    line-height:1.4;
}
.et-one-side-template-3  .et-contain-main-inner .et-meta-wrap{
    margin-bottom: 30px;
}
.et-one-side-template-3  .et-contain-main-inner .et-meta-wrap > div{
    margin-right: 30px;
}
.et-one-side-template-3  .et-contain-main-inner .et-meta-wrap > div,
.et-one-side-template-3  .et-contain-main-inner .et-meta-wrap > div a{
    display: inline-block;
    vertical-align: top;
    color: #2da7e6;
    font-size:13px;
    font-weight:400;
    font-family:'Merriweather', serif;
}
.et-one-side-template-3  .et-contain-main-inner .et-meta-wrap > div .dashicons,
.et-one-side-template-3  .et-contain-main-inner .et-meta-wrap > div .fa{
    margin-right:5px;
}
.et-one-side-template-3  .et-content{
    color: #555555;
    font-size:16px;
    font-weight:400;
    line-height: 1.4;
    font-family:'Merriweather', serif;
    margin-bottom:30px;
}
.et-one-side-template-3  .et-lower-meta .et-link-button{
    float:left;
}
.et-one-side-template-3  .et-lower-meta .et-link-button a{
    font-size:16px;
    font-weight:500;
    font-family: 'Montserrat', sans-serif;
    color: #fff;
    background: #2da7e6;
    display: inline-block;
    padding:15px;
    border-radius: 7px;
}
.et-one-side-template-3  .et-lower-meta  .et-share-wrap{
    float:right;
}
.et-one-side-template-3  .et-lower-meta  .et-share-wrap a{
    display: inline-block;
    width: 46px;
    height: 46px;
    display: inline-block;
    vertical-align: middle;
    background: #f7f7f7;
    color: #21c1f4;
    font-size:24px;
    text-align: center;
    line-height: 46px;
    border-radius: 7px;
}
/*right side css*/
.et-one-side-template-3.et-right-timeline .et-layout-one_side-section .et-timeline-item {
    padding-right: 200px;
    padding-left:0;
}
.et-one-side-template-3.et-right-timeline .et-layout-one_side-section .et-timeline-date {
    margin:0 0 100px auto;
}
.et-one-side-template-3.et-right-timeline .et-layout-one_side-section .et-timeline-line {
    left: auto;
    right: 61px;
}
.et-one-side-template-3.et-right-timeline .et-circle {
    left: auto;
    right: 54px;
}
.et-one-side-template-3.et-right-timeline .et-icon-block-main {
    right:  15px;
    left:auto;
}
/**********One Side Timeline- template 3 css end***********/
/**********One Side Timeline- template 4 css start***********/
.et-one-side-template-4  .et-timeline-date {
    width: 80px;
    height: 80px;
    line-height: 80px;
    background: #f0c32e;
    -webkit-border-radius:50%;
    border-radius:50%;
    position: absolute;
    left: 0;
    z-index: 9;
    font-size: 18px;
    color: #fff;
    font-weight: 400;
    font-family: 'Roboto', sans-serif;
}
.et-one-side-template-4  .et-timeline-item{
    position: relative;
}
.et-one-side-template-4  .et-icon-block{
    position: absolute;
    left: 0;
    background: #ebeff2;
    z-index: 9;
    width: 100;
    top: 50%;
    padding: 0 0 20px;
    margin-left: -134px;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}
.et-one-side-template-4  .et-icon {
    width: 40px;
    height: 40px;
    background: #f0c32e;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    margin: 0 auto 15px;
}
.et-one-side-template-4  .et-icon ,
.et-one-side-template-4  .et-icon i{
    line-height: 40px;
    font-size: 16px;
    color: #ffffff;
}
.et-one-side-template-4  .et-first-date{
    font-size: 34px;
    color: #666f74;
    font-weight: 500;
    font-family: 'Roboto', sans-serif;
    margin-bottom: 15px
}
.et-one-side-template-4  .et-second-date{
    color: #bcc1c4;
    font-size: 14px;
    font-weight: 500;
    font-family: 'Roboto', sans-serif;
    text-transform: uppercase;
}
.et-one-side-template-4  .et-timeline-line{
    width:2px;
    background: #d0d3d5;
    height: 100%;
    position: absolute;
    left:40px;
    top: 0;
}
.et-one-side-template-4  .et-timeline-item {
    padding: 130px 0 40px;
}
.et-one-side-template-4 .et-layout-one_side-section{
    padding:20px;
    background: #ebeff2;
}
.et-one-side-template-4  .et-blog-cover{
    position: relative;
    padding-left: 142px;
}
.et-one-side-template-4 .et-left-contain {
    width: 30%;
    float: left;
}
.et-one-side-template-4 .et-contain-main-inner {
    width: -webkit-calc(100% - 30%);
    width: calc(100% - 30% );
    padding-left: 21px;
    padding-top: 16px;
    text-align: left;
    float: left;
}
.et-one-side-template-4 .et-date-wrap {
    background-color: #1f6bc4;
    width: 60px;
    margin: 0 auto;
}
.et-one-side-template-4 .et-date-day {
    font-size: 24px;
    font-family: 'Roboto', sans-serif;
    color: #fff;
    padding: 10px 0;
}
.et-one-side-template-4 .et-month-date {
    background-color: #d2d2d4;
    color: #6d6d6d;
    font-size: 11px;
    font-family: 'Roboto', sans-serif;
    line-height: 2;
}
.et-one-side-template-4 .et-category-list {
    margin-bottom: 15px;
}
.et-one-side-template-4 .et-category-list a {
    background-color: #f0c32e;
    display: inline-block;
    color: #fff;
    font-size: 10px;
    font-weight: 500;
    font-family: 'Lato', sans-serif;
    text-transform: uppercase;
    padding: 4px;
    -webkit-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}
.et-one-side-template-4 .et-category-list a:hover {
    background: #d2d2d4;
    color: #6d6d6d;
}
.et-one-side-template-4 .et-title {
    margin-bottom: 9px;
    float:left;
    width: -moz-calc(100% - 100px);
    width: -webkit-calc(100% - 100px);
    width: calc(100% - 100px);
}
.et-one-side-template-4  .et-author-wrap{
    float: right;
    width:100px;
    text-align: center;
}
.et-one-side-template-4 .et-title a{
    font-size: 26px;
    color: #222222;
    font-weight: 600;
    line-height: 1.7;
    font-family: 'Roboto', sans-serif;
}
.et-one-side-template-4 .et-author-name a{
    font-size: 11px;
    color: #777;
    font-weight: 500;
    font-family: 'Roboto', sans-serif;
    margin-top: 12px;
}
.et-one-side-template-4 .et-author-name a:hover,
.et-one-side-template-4 .et-title a:hover{
    color:#f0c32e;
}
.et-one-side-template-4 .et-author-name img {
    display: block;
    width: 60px;
    height: 60px;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    margin: 0 auto 9px;
}
.et-one-side-template-4 .et-meta-wrap {
    margin-bottom: 20px;
}
.et-one-side-template-4 .et-meta-wrap > div {
    font-size: 11px;
    font-weight: 600;
    color: #777777;
    font-family: 'Roboto', sans-serif;
    margin-right: 12px;
    vertical-align: middle;
}
.et-one-side-template-4 .et-meta-wrap > div i {
    margin-right: 3px;
}
.et-one-side-template-4 .et-content {
    font-family: 'Roboto', sans-serif;
    color: #7a7979;
    font-size: 14px;
    line-height: 1.7;
    margin-bottom: 30px;
}
.et-one-side-template-4 .et-content .et-link-button {
    display: inline-block;
}
.et-one-side-template-4 .et-content .et-link-button a {
    font-family: 'Roboto', sans-serif;
    font-size: 14px;
    color: #f0c32e;
    display: inline-block;
    position: relative;
    vertical-align: middle;
}
.et-one-side-template-4 .et-content .et-link-button a:after {
    content: "\f105";
    font-family: Fontawesome;
    position: absolute;
    display: inline-block;
    vertical-align: middle;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}
.et-one-side-template-4 .et-content .et-link-button a:hover:after {
    opacity: 1;
    visibility: visible;
    margin-left: 5px;
}
.et-one-side-template-4 .et-meta-two-wrap {
    width: 100%;
    text-align: right;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -ms-flex-align: center;
    -webkit-align-items: center;
    -webkit-box-align: center;
    align-items: center;
    -ms-justify-content: flex-start;
    -moz-justify-content: flex-start;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
    -ms-flex-direction: row;
    -moz-flex-direction: row;
    -webkit-flex-direction: row;
    flex-direction: row;
}
.et-one-side-template-4 .et-tag-list {
    float: left;
}
.et-one-side-template-4 .et-tag-list i {
    color: #f0c32e;
    font-size: 16px;
    display: inline-block;
    vertical-align: middle;
    margin-right: 10px;
}
.et-one-side-template-4 .et-tag-list a {
    color: #5d5d5d;
    font-family: 'Roboto', sans-serif;
    font-size: 14px;
    font-weight: 500;
    display: inline-block;
    vertical-align: middle;
}
.et-one-side-template-4 .et-share-wrap {
    margin-left: auto;
    float: right;
}
.et-one-side-template-4 .et-share-wrap a {
    color: #888;
    padding: 10px;
    font-size: 14px;
    display: inline-block;
    vertical-align: middle;
}
.et-one-side-template-4 .et-share-wrap a:hover {
    background: #f0c32e;
    color: #fff;
}
.et-one-side-template-4 .et-tag-list a:hover {
    color: #f0c32e;
}
/*right side css start*/
.et-one-side-template-4.et-right-timeline .et-timeline-date{
    left: auto;
    right: 0;
}
.et-one-side-template-4.et-right-timeline .et-timeline-line {
    left:auto;
    right: 40px;
}
.et-one-side-template-4.et-right-timeline .et-icon-block {
    left: auto;
    margin-left:0;
    right: 0;
    margin-right: -134px;
}
.et-one-side-template-4.et-right-timeline .et-blog-cover {
    padding-right:  142px;
    padding-left: 0;
}
/**********One Side Timeline- template 4 css end***********/
/**********One Side Timeline- template 5 css start*********/
.et-one-side-template-5{
    margin: 0 auto;
    background: #20172c;
    padding-top:20px;
}
.et-one-side-template-5  .et-layout-one_side-section{
    position: relative;
}
.et-one-side-template-5   .et-timeline-line{
    width: 6px;
    background: #f9615e;
    height: 100%;
    position: absolute;
    left:100px;
    top: 0;
    z-index: 9;
}
.et-one-side-template-5 .et-timeline-item {
    text-align: left;
    position: relative;
    padding-left: 240px;
    background: #160e23;
    margin-bottom: 40px;
    padding-top: 25px;
}
.et-one-side-template-5 .et-timeline-item:last-child{
    margin-bottom: 0;
}
.et-one-side-template-5 .et-toggle-inner-content,
.et-one-side-template-5 .et-title{
    padding-right:100px;
}
.et-one-side-template-5 .et-image {
    text-align: left;
}
.et-one-side-template-5 .et-circle-n-date-wrap{
    text-align:left;
    margin-bottom:40px;
}
.et-one-side-template-5  .et-date-circle{
    -webkit-border-radius: 50%;
    border-radius: 50%;
    text-align:center;
    display: inline-block;
    vertical-align: middle;
    margin-left: 60px;
    z-index: 99;
    position: relative;
}
.et-one-side-template-5  .et-date-circle i,
.et-one-side-template-5  .et-date-circle .dashicons{
    width: 86px;
    height: 86px;
    line-height: 86px;
    color: #fff;
    font-size: 40px;
    background: #f9615e;
    -webkit-border-radius: 50%;
    border-radius: 50%;
}
.et-one-side-template-5  .et-timeline-date{
    display: inline-block;
    vertical-align: middle;
    margin-left:30px;
    font-size: 26px;
    color: #fff;
}
.et-one-side-template-5  .et-side-wrap{
    position: absolute;
    left: 39px;
    font-size: 20px;
    color: #9187a2;
    max-width: 30px;
}
.et-one-side-template-5  .et-date-open-wrap{
    padding-right:40px;
}
.et-one-side-template-5 .et-date{
    float: left;
    font-family: 'Open Sans', sans-serif;
    color:#9187a2;
    font-size: 12px;
    font-weight:600;
    text-transform: uppercase;
    margin-bottom:12px;
}
.et-one-side-template-5 .et-open-content{
    float: right;
    color:#9187a2;
    font-size:24px;
}
.et-one-side-template-5 .et-image-container{
    position: relative;
}
.et-one-side-template-5 .et-image-container .et-image img{
    margin:0;
}
.et-one-side-template-5 .et-category-wrap {
    position: absolute;
    bottom: 16px;
    left: 16px;
}
.et-one-side-template-5 .et-category-list a {
    display: inline-block;
    vertical-align: middle;
    margin-bottom: 2px;
    padding: 7px 21px;
    border-radius: 2px;
    background: #40364f;
    color: #fff;
    font-family: 'Open Sans', sans-serif;
    font-size: 13px;
    font-weight: 500;
    border: 2px solid #40364f;
    -webkit-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}

.et-one-side-template-5  .et-contain-main-inner{
    padding: 22px 0;
}
.et-one-side-template-5 .et-meta-wrap {
    margin-bottom: 25px;
}
.et-one-side-template-5 .et-meta-wrap > div {
    display: inline-block;
    vertical-align: middle;
    margin-right: 23px;
}
.et-one-side-template-5 .et-meta-wrap > div,
.et-one-side-template-5 .et-meta-wrap > div a{
    color: #9187a2;
    font-size: 12px;
    font-weight: 600;
    font-family: 'Open Sans', sans-serif;
}
.et-one-side-template-5 .et-meta-wrap > div a:hover{
    color:#1888dd;
}
.et-one-side-template-5 .et-title {
    margin-bottom: 20px;
}
.et-one-side-template-5 .et-title a{
    color: #9187a2;
    font-family: 'Lato', sans-serif;
    font-size: 24px;
    font-weight: 500;
}
.et-one-side-template-5 .et-title a:hover{
    color:#1888dd;
}
.et-one-side-template-5 .et-content {
    color: #9187a2;
    font-family: 'Lato', sans-serif;
    font-size: 14px;
    font-weight: 500;
    line-height: 1.6;
    margin-bottom: 15px;
}
.et-one-side-template-5 .et-link-button {
    margin-bottom: 30px;
}
.et-one-side-template-5 .et-link-button a {
    display: inline-block;
    padding: 7px 21px;
    border-radius: 2px;
    background: #40364f;
    border: 2px solid #40364f;
    color: #fff;
    font-family: 'Open Sans', sans-serif;
    font-size: 13px;
    -webkit-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}
.et-one-side-template-5 .et-category-list a:hover,
.et-one-side-template-5 .et-link-button a:hover {
    background: #fff;
    color:#76688c;
}
.et-one-side-template-5 .et-lower-meta .et-tag-list {
    float: left;
}
.et-one-side-template-5 .et-lower-meta .et-tag-list a {
    color: #9187a2;
    font-size: 12px;
    font-family: 'Lato', sans-serif;
    font-weight: 500;
    display: inline-block;
    padding: 0 3px;
    margin-bottom: 7px;
}
.et-one-side-template-5 .et-lower-meta .et-share-wrap {
    float: right;
}
.et-one-side-template-5 .et-lower-meta .et-share-wrap a {
    font-size: 15px;
    color: #9187a2;
    padding: 0 9px;
    margin-bottom: 7px;
    display: inline-block;
}
.et-one-side-template-5 .et-lower-meta .et-tag-list a:hover,
.et-one-side-template-5 .et-lower-meta .et-share-wrap a:hover {
    color: #1888dd;
}
/*right side css*/
.et-one-side-template-5.et-right-timeline .et-date-circle {
    margin:0 60px 0 auto;
    float: right;
}
.et-one-side-template-5.et-right-timeline .et-timeline-date {
    margin-right: 30px;
    float: right;
    margin-top: 32px;
}
.et-one-side-template-5.et-right-timeline .et-timeline-line {
    left:auto;
    right: 100px;
}
.et-one-side-template-5.et-right-timeline .et-timeline-item {
    padding-left: 30px;
    padding-right: 100px;
}
.et-one-side-template-5.et-right-timeline .et-side-wrap {
    right:30px;
    left: auto;
}
/**********One Side Timeline- template 5 css end***********/
/*--------------------------------------------------
Pagination css start
---------------------------------------------------*/
.et-pagination-block {
    text-align: center;
    margin: 30px 0 10px;
}
.et-pagination-block ul,
.et-pagination-block img{
    display:inline-block;
    vertical-align:middle;
}
.et-pagination-block .et-inner-paginate li {
    display: inline-block;
}
.et-pagination-block .et-inner-paginate li a {
    display: block;
}
/*pagination template-1 css start*/

.et-standard-page-template-1 .et-inner-paginate li a {
    padding: 10px 13px;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    margin: 0 3px 5px;
    font-weight: bold;
    color: #191919;
    font-size: 12px;
    border: 1px solid #e2e2e2;
    -webkit-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}
.et-standard-page-template-1 .et-inner-paginate li a.et-current-page,
.et-standard-page-template-1 .et-inner-paginate li a:hover {
    background: #000;
    color: #fff;
    border-color: #000;
}
/*pagination template-1 css end*/
/*pagination template-2 css start*/

.et-standard-page-template-2 .et-inner-paginate li a {
    padding: 10px 13px;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    margin: 0 3px 5px;
    font-weight: bold;
    color: #000;
    font-size: 12px;
    background: #f1f1f1;
    -webkit-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}
.et-standard-page-template-2 .et-inner-paginate li a.et-current-page,
.et-standard-page-template-2 .et-inner-paginate li a:hover {
    background: #78c948;
    color: #fff;
}
/*pagination template-2 css end*/
/*pagination template-3 css start*/

.et-standard-page-template-3 .et-inner-paginate li a {
    padding: 10px 13px;
    margin: 0 3px 5px;
    font-weight: 700;
    color: #000;
    font-size: 14px;
    background: #fff;
    border: 2px solid #eee;
    -webkit-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
    position: relative;
}
.et-standard-page-template-3 .et-inner-paginate li a:before,
.et-standard-page-template-3 .et-inner-paginate li a:after {
    position: absolute;
    content: '';
    width: 2px;
    height: 55%;
    top: -2px;
    background: #5bb3c7;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}
.et-standard-page-template-3 .et-inner-paginate li a:before {
    left: -2px;
}
.et-standard-page-template-3 .et-inner-paginate li a:after {
    right: -2px;
}
.et-standard-page-template-3 .et-inner-paginate li a.et-current-page,
.et-standard-page-template-3 .et-inner-paginate li a:hover {
    color: #5bb3c7;
    border-top-color: #5bb3c7;
}
.et-standard-page-template-3 .et-inner-paginate li a.et-current-page:before,
.et-standard-page-template-3 .et-inner-paginate li a:hover:before,
.et-standard-page-template-3 .et-inner-paginate li a.et-current-page:after,
.et-standard-page-template-3 .et-inner-paginate li a:hover:after {
    opacity: 1;
    visibility: visible;
}
/*pagination template-3 css end*/
/*pagination template-4 css start*/

.et-standard-page-template-4 .et-inner-paginate li a {
    padding: 10px 16px;
    -webkit-border-radius: 20px;
    border-radius: 20px;
    margin: 0 3px 5px;
    font-weight: 500;
    color: #000;
    font-size: 14px;
    background: #f1f1f1;
    -webkit-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}
.et-standard-page-template-4 .et-inner-paginate li a.et-current-page,
.et-standard-page-template-4 .et-inner-paginate li a:hover {
    background: #15c09e;
    color: #fff;
}
/*pagination template-4 css end*/
/*pagination template-5 css start*/
.et-standard-page-template-5 .et-inner-paginate li a {
    padding: 10px 13px;
    margin: 0 3px 5px;
    font-weight: bold;
    color: #000;
    font-size: 12px;
    -webkit-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}
.et-standard-page-template-5 .et-inner-paginate li a.et-current-page,
.et-standard-page-template-5 .et-inner-paginate li a:hover {
    background: #222;
    color: #fff;
}
/*pagination template-5 css end*
/*--------------------------------------------------
Pagination css end
---------------------------------------------------*/
/*--------------------------------------------------
Load more css start
---------------------------------------------------*/
.et-load-more-block {
    text-align: center;
    margin: 30px 0;
}
.et-load-more-block a {
    display: inline-block;
    outline: 0;
    box-shadow: none;
}
/*Load-more template 1 css start*/

.et-load-more-template-1 a.et-load-more-trigger {
    border-radius: 20px;
    padding: 12px 25px;
    font-size: 14px;
    font-weight: 700;
    color: #ff3334;
    border: 2px solid #ff3334;
    -webkit-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}
.et-load-more-template-1 a.et-load-more-trigger:hover {
    background: #ff3334;
    color: #fff;
}
/*Load-more template 1 css end*/
/*Load-more template 2 css start*/

.et-load-more-template-2 a.et-load-more-trigger {
    padding: 12px 25px;
    font-size: 14px;
    font-weight: 700;
    color: #7a7b7b;
    background: #fff;
    text-transform: uppercase;
    border: 2px solid #eeefee;
    -webkit-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}
.et-load-more-template-2 a.et-load-more-trigger:hover {
    background: #7a7b7b;
    color: #fff;
    border-color: #7a7b7b;
}
/*Load-more template 2 css end*/
/*Load-more template 3 css start*/
.et-load-more-template-3 a.et-load-more-trigger {
    padding: 12px 25px;
    font-size: 18px;
    font-weight: 700;
    color: #2fcef5;
    -webkit-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}
.et-load-more-template-3 a.et-load-more-trigger:hover {
    color: #fff;
    background: #2fcef5;
}
/*Load-more template 3 css end*/
/*Load-more template 4 css start*/
.et-load-more-template-4 a.et-load-more-trigger {
    padding: 14px 35px;
    font-size: 14px;
    font-weight: 700;
    color: #c4a474;
    position: relative;
    text-transform: uppercase;
    -webkit-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}
.et-load-more-template-4 a.et-load-more-trigger span:before,
.et-load-more-template-4 a.et-load-more-trigger span:after {
    content: "";
    position: absolute;
    background: #c4a474;
    -webkit-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}
.et-load-more-template-4 a.et-load-more-trigger span.et-top:before,
.et-load-more-template-4 a.et-load-more-trigger span.et-top:after {
    left: 0;
    top: 0;
}
.et-load-more-template-4 a.et-load-more-trigger span.et-bottom:before,
.et-load-more-template-4 a.et-load-more-trigger span.et-bottom:after {
    right: 0;
    bottom: 0;
}
.et-load-more-template-4 a.et-load-more-trigger span.et-top:before,
.et-load-more-template-4 a.et-load-more-trigger span.et-bottom:before {
    height: 100%;
    width: 2px;
}
.et-load-more-template-4 a.et-load-more-trigger span.et-top:after,
.et-load-more-template-4 a.et-load-more-trigger span.et-bottom:after {
    width: 25%;
    height: 2px;
}
.et-load-more-template-4 a.et-load-more-trigger:hover span.et-top:after,
.et-load-more-template-4 a.et-load-more-trigger:hover span.et-bottom:after {
    width: 100%;
}
/*Load-more template 4 css end*/
/*Load-more template 5 css start*/

.et-load-more-template-5 a.et-load-more-trigger {
    padding: 12px 16px;
    font-size: 16px;
    font-weight: 500;
    color: #fff;
    background: #616161;
    text-transform: uppercase;
    -webkit-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}
.et-load-more-template-5 a.et-load-more-trigger:hover {
    color: #000;
    background-color: #ccc;
}
/*Load-more template 5 css end*/
/*--------------------------------------------------
        Load more css end
---------------------------------------------------*/
/*--------------------------------------------------
Filter css start
---------------------------------------------------*/
.et-filter-wrap {
    margin-bottom: 70px;
}
.et-filter-wrap ul li a {
    outline: 0;
    display: inline-block;
}
/*filter template-1 css start*/

.et-filter-template-1 {
    text-align: center;
}
.et-filter-template-1 ul li {
    display: inline-block;
    margin: 2px;
}
.et-filter-template-1 ul li a {
    display: inline-block;
}
.et-filter-template-1 ul li a {
    padding: 10px 15px;
    font-size: 13px;
    text-transform: capitalize;
    -webkit-transition: all ease 0.3s;
    transition: all ease 0.3s;
    color: #000;
    background: #f1f1f1;
}
.et-filter-template-1 ul li a:hover,
.et-filter-template-1 ul li a.et-active-filter {
    background: #d40054;
    color: #fff;
}
.et-filter-template-1 ul li:first-child a {
    border-radius: 40px 0 0 40px;
}
.et-filter-template-1 ul li:last-child a {
    border-radius: 0 40px 40px 0;
}
/*filter template-1 css end*/
/*filter template-2 css start*/

.et-filter-template-2 {
    text-align: center;
}
.et-filter-template-2 ul li {
    display: inline-block;
    margin: 2px;
}
.et-filter-template-2 ul li a {
    padding: 5px 15px;
    border: 1px solid transparent;
    border-radius: 40px;
    font-size: 13px;
    text-transform: uppercase;
    transition: all ease 0.3s;
    -webkit-transition: all ease 0.3s;
    color: #8e8b8b;
}
.et-filter-template-2 ul li a.et-active-filter,
.et-filter-template-2 ul li a:hover {
    border-color: #8e8b8b;
}
/*filter template-2 css end*/
/*filter template-3 css start*/
.et-filter-template-3 {
    text-align: center;
}
.et-filter-template-3 ul li {
    display: inline-block;
    margin: 2px;
}
.et-filter-template-3 ul li a {
    padding: 0 23px 0 20px;
    font-size: 14px;
    font-weight: 700;
    font-family: 'Lato', Sans-serif;
    text-transform: uppercase;
    color: rgba(114, 114, 114, 0.5);
    position: relative;
    border: 0;
    box-shadow: none;
    transition: all ease 0.3s;
    -webkit-transition: all ease 0.3s;
}
.et-filter-template-3 ul li a:before {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    height: 100%;
    width: 2px;
    background-color: #727272;
}
.et-filter-template-3 ul li a.et-active-filter,
.et-filter-template-3 ul li a:hover {
    color: #000000;
}
/*filter template-3 css end*/
/*filter template-4 css start*/

.et-filter-template-4 {
    text-align: center;
}
.et-filter-template-4 ul li {
    display: inline-block;
    margin: 2px 10px;
}
.et-filter-template-4 ul li a {
    padding: 0 15px;
    margin-left: 5px;
    font-size: 16px;
    font-family: 'Open Sans', Sans-serif;
    font-weight: 400;
    color: #333333;
    text-transform: capitalize;
    border: 0;
    box-shadow: none;
    display: block;
    position: relative;
    height: 35px;
    line-height: 35px;
    text-transform: uppercase;
    -webkit-transition: 0s;
    transition: 0s;
}
.et-filter-template-4 ul li a.et-active-filter {
    background: red;
    color: #fff;
}
.et-filter-template-4 ul li a.et-active-filter:before,
.et-filter-template-4 ul li a.et-active-filter:after {
    content: '';
    position: absolute;
    top: 0;
}
.et-filter-template-4 ul li a.et-active-filter:before {
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 0 35px 15px;
    border-color: transparent transparent red transparent;
    left: -15px;
}
.et-filter-template-4 ul li a.et-active-filter:after {
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 35px 15px 0 0;
    border-color: red transparent transparent transparent;
    right: -15px;
}
/*filter template-4 css end*/
/*filter template-5 css start*/

.et-filter-template-5 ul {
    text-align: right;
    border-bottom: 1px solid #cfcfcf;
}
.et-filter-template-5 ul li {
    display: inline-block;
}
.et-filter-template-5 ul li a {
    padding: 10px 15px;
    margin-left: 5px;
    font-size: 16px;
    font-family: 'Open Sans', Sans-serif;
    font-weight: 400;
    color: #333333;
    text-transform: capitalize;
    border: 0;
    box-shadow: none;
    display: block;
    -webkit-transition: 0s;
    transition: 0s;
}
.et-filter-template-5 ul li a.et-active-filter {
    color: #0091d5;
    border-top: 1px solid #cfcfcf;
    border-left: 1px solid #cfcfcf;
    border-right: 1px solid #cfcfcf;
    border-bottom: 1px solid #ffffff;
    margin-bottom: -1px;
    border-radius: 3px;
}
/*filter template-5 css end*/
/*--------------------------------------------------
Filter css end
---------------------------------------------------*/
/*--------------------------------------------------
Preview page
---------------------------------------------------*/
.et-preview-main-container{
    max-width: 1190px;
    padding: 30px 10px;
    width: 100%;
    margin: 0 auto;
}
.et-preview-title{
    font-size:20px;
    text-transform:uppercase;
    font-weight:500;
    color:#222;
    text-align:center;
    position:relative;
    padding-bottom:20px;
    margin-bottom:20px;
}
.et-preview-title:before{
    content:'';
    position:absolute;
    bottom:0;
    height:2px;
    width:50px;
    left:50%;
    margin-left:-25px;
    background:#222;
}
.et-preview-note{
    font-size:13px;
    font-weight:500;
    color:#222;
    line-height:1.5;
    margin-bottom:50px;
    text-align:center;
}
/*--------------------------------------------------
Preview page end
---------------------------------------------------*/
/*--------------------------------------------------
Navigation Bar css start
---------------------------------------------------*/
/*Navigation Bar template-1*/
.et-nav-history-bar.et-nav-template-1{
    position: fixed;
    top: 30%;
    left: 100%;
    -webkit-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}
.et-nav-history-bar.et-nav-template-1.et-nav-active{
    -moz-transform: translateX(-100%);
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
}
.et-nav-history-bar.et-nav-template-1 .et-time-wrap a{
    display: block;
    padding: 5px 14px;
    line-height: 1.6;
    border-left: 3px solid #1090fd;
    font-size: 12px;
    cursor: pointer;
    font-weight: bold;
    white-space: nowrap;
    border-bottom: 1px solid #eee;
    background: #fff;
    color:#254a5a;
}
.et-nav-history-bar.et-nav-template-1 .et-time-wrap a:nth-of-type(1){
    border-top:1px solid #eee;
}
.et-nav-history-bar.et-nav-template-1 .et-time-wrap a.et-active,
.et-nav-history-bar.et-nav-template-1 .et-time-wrap a:hover{
    color: #fff;
    background: #1090fd;
    border-bottom-color:#1090fd; 
}
.et-nav-history-bar.et-nav-template-1 .et-time-wrap a:nth-of-type(1):hover{
    border-top-color:#1090fd; 
}
.et-nav-history-bar.et-nav-template-1 .et-nav-one{
    position: absolute;
    top: 0;
    -moz-transform: translateX(-100%);
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
    cursor: pointer;
    padding:10px 13px;
    background:#3aa3fd;
    color: #FFFFFF;
}
.et-nav-history-bar.et-nav-template-1.et-nav-active .et-nav-one{
    -moz-transform: translateX(-101%);
    -webkit-transform: translateX(-101%);
    transform: translateX(-101%);
}
/*Navigation Bar template-2*/
.et-nav-history-bar.et-nav-template-2{
    position: fixed;
    top:50%;
    -webkit-transform:translateY(-50%);
    transform:translateY(-50%);
    right:0;
    background:#24272c;
    padding: 20px;
    text-align: center;
    max-height: 100vh;
    overflow-y: auto;
}
.et-nav-history-bar.et-nav-template-2 .et-time-wrap{
    border-left: 1px solid #eee;
    padding: 5px 0;
}
.et-nav-history-bar.et-nav-template-2 .et-date-outer-wrap{
    padding:0 0 20px 16px;
}
.et-nav-history-bar.et-nav-template-2 .et-date-outer-wrap:last-child{
    padding-bottom:0;
}
.et-nav-history-bar.et-nav-template-2 .et-date-history{
    position: relative;
}
.et-nav-history-bar.et-nav-template-2 .et-date-history:before{
    content: '';
    background: #fdbc57;
    width: 11px;
    height: 11px;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    position: absolute;
    left: -22px;
    top: 50%;
    margin-top: -5.5px;
}
.et-nav-history-bar.et-nav-template-2 .et-date-history:last-child{
    margin-bottom: 0;
}
.et-nav-history-bar.et-nav-template-2 .et-year-wrap{
    color: #fff;
    font-family: 'Montserrat', sans-serif;
    font-size: 14px;
    font-weight: 500;
    padding: 0 5px;
    cursor: pointer;
}
.et-nav-history-bar.et-nav-template-2  .et-month-day-wrap a{
    display: block;
     margin-top: 24px;
    color: #fff;
    font-family: 'Montserrat', sans-serif;
    font-size: 12px;
    font-weight: 500;
}
.et-nav-history-bar.et-nav-template-2  .et-month-day-wrap a.et-active,
.et-nav-history-bar.et-nav-template-2  .et-month-day-wrap a:hover{
    color: #fdbc57;
}
/*Navigation Bar template-3*/
.et-nav-history-bar.et-nav-template-3{
    position: fixed;
    top: 30%;
    left: 100%;
}
.et-nav-history-bar.et-nav-template-3 a{
    display: block;
    position: relative;
    margin: 0;
    width: 100%;
    white-space: nowrap;
    padding: 10px 15px;
    background: #3aa3fd;
    margin-bottom: 1px;
    -webkit-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
    font-family: 'Open Sans', sans-serif;
    font-size: 14px;
    color: #fff;
}
.et-nav-history-bar.et-nav-template-3 a.et-time-bar.et-active,
.et-nav-history-bar.et-nav-template-3 a.et-time-bar:hover{
    -moz-transform: translateX(-100%);
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
}
.et-nav-history-bar.et-nav-template-3 a i{
    position: absolute;
    background: #3aa3fd;
    color: #FFFFFF;
    text-align: center;
    margin: 0;
    left: 0;
    font-size: 14px;
    width: 32px;
    height: 34px;
    line-height: 34px;
    top: 0;
    -moz-transform: translateX(-100%);
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
    cursor: pointer;
}
/*Navigation Bar template-4*/
.et-nav-history-bar.et-nav-template-4{
    position: fixed;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    right: 0;
    padding-right: 10px;
}
.et-nav-template-4 .et-circle{
    border-color: #d73e4d;
    border-color: rgba(215, 62, 77, 0.17);
    border-width: 0;
    height: auto;
    margin: 0 0 34px;
    width: auto;
    position: relative;
    display: block;
}
.et-nav-template-4 .et-circle:before {
    border-color: inherit;
    border-width: 0;
    border-style: solid;
    border-left-width: 1px;
    content: "";
    display: block;
    height: 40px;
    left: 50%;
    margin: 0 0 0 -.5px;
    pointer-events: none;
    position: absolute;
    top: 10px;
    width: 0px;
}
.et-nav-template-4 .et-circle a {
    display: block;
    position: relative;
    z-index: 1;
    cursor: pointer;
    text-decoration: none;
    border: 0;
    width: 13px;
    height: 13px;
    padding: 3px;
    -webkit-transition: padding .1s linear, transform 0.5s ease;
    transition: padding .1s linear, transform 0.5s ease;
    color: #222;
    backface-visibility: hidden;
}
.et-nav-template-4 .et-circle a span {
    position: absolute;
    z-index: 1;
    margin: -2px 0 0 -2px;
    background: #d73e4d;
    border: 0 none;
    border-radius:50%;
    display: block;
    height: 100%;
    left: 0;
    margin: 0;
    opacity: .5;
    position: relative;
    top: 0;
    -webkit-transition: opacity .2s linear;
    transition: opacity .2s linear;
    width: 100%;
}
.et-nav-template-4 .et-circle a:hover, 
.et-nav-template-4 .et-circle a.et-active {
    -webkit-transform: scale(1.5);
    transform: scale(1.5);
}
.et-nav-template-4 .et-circle a:hover span, 
.et-nav-template-4 .et-circle a.et-active  span{
    opacity:1;
}
.et-nav-template-4 .et-tooltip {
    white-space: nowrap;
    right: 31px;
    display: block;
    position: absolute;
    background: #d73e4d;
    border-radius: 11px;
    color: #fff;
    font-size: 10px;
    font-weight: bold;
    min-height: 22px;
    min-width: 30px;
    opacity: 0;
    overflow: visible;
    padding: 4px 10px 3px;
    pointer-events: none;
    text-transform: uppercase;
    top: -5px;
    -webkit-transition: opacity 0.6s ease-in-out;
    transition: opacity 0.6s ease-in-out;
    width: auto;
    cursor: pointer;
}
.et-nav-template-4 .et-tooltip i{
    width: auto;
    height: auto;
    font-size: 10px;
    margin-right: 5px;
    display: inline-block;
    vertical-align: baseline;
}
.et-nav-template-4 .et-tooltip:before {
    background: inherit;
    content: "";
    display: block;
    height: 1px;
    position: absolute;
    top: 49.5%;
    width: 21px;
    left: 100%;
}
.et-nav-template-4 .et-circle a.et-active + .et-tooltip,
.et-nav-template-4 .et-circle a:hover + .et-tooltip {
    -webkit-transition: opacity 0.2s ease;
    transition: opacity 0.2s ease;
    width: auto;
    opacity: 1;
}
.et-nav-template-4  .et-icon-bar:last-child .et-circle:before,
.et-nav-template-4  .et-icon-bar:last-child:before {
    height: 0;
}
.et-nav-template-4  .et-icon-bar:last-child .et-circle:before,
.et-nav-template-4  .et-icon-bar:last-child .et-circle{
    margin-bottom: 0;
}
/*Navigation Bar template-5*/
.et-nav-history-bar.et-nav-template-5{
    position: fixed;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    right: 0;
}
.et-nav-history-bar.et-nav-template-5 .et-time-wrap{
    background: #00aaaf;
    padding:20px 0;
}
.et-nav-history-bar.et-nav-template-5  .et-icon-bar{
    margin-bottom: 10px;
}
.et-nav-history-bar.et-nav-template-5  .et-icon-bar:last-child{
    margin-bottom: 0;
}
.et-nav-history-bar.et-nav-template-5  .et-icon-bar a{
    display: inline-block;
    background: #00aaaf;
    padding: 5px;
    margin-left: -35px;
    border-radius: 20px 0 0 20px;
    font-family: 'Open Sans', sans-serif;
    font-size: 13px;
    color: #ffffff;
    font-weight: 500;
}
.et-nav-history-bar.et-nav-template-5  .et-icon-bar a i{
    color: #fff;
    display: inline-block;
    vertical-align: middle;
    width: 25px;
    height: 25px;
    line-height: 25px;
    background:#0e9296;
    text-align: center;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    font-size: 14px;
    margin-right: 10px;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
.et-nav-history-bar.et-nav-template-5  .et-icon-bar a.et-active i,
.et-nav-history-bar.et-nav-template-5  .et-icon-bar a:hover i{
    color:#007477; 
    background:#fff;
}
/*--------------------------------------------------
Navigation Bar css end
---------------------------------------------------*/
/*--------------------------------------------------
Facebook Timeline css start
---------------------------------------------------*/
.et-fb-section {
    position: relative;
}
.et-facebook-timeline .et-timeline-date {
    text-align: center;
    clear: both;
}
/*Facebook Timeline Template-1 css start*/
.et-fb-timeline-template-1  .et-timeline-date{
    margin-bottom: 50px;
}
.et-fb-timeline-template-1  .et-timeline-date span{
    display: inline-block;
    background: #2a2b32;
    font-size:20px;
    font-weight:400;
    color: #fff;
    font-family: 'Poppins', sans-serif;
    padding:13px 30px;
    border-radius: 5px;
    border:1px solid #55555b;
    position: relative;
    z-index: 9;
}
.et-fb-timeline-template-1 .et-timeline-item{
    width: 50%;
    float: right;
    clear:both;
    padding-left:  60px;
    position: relative;
    margin-bottom: 50px;
}
.et-fb-timeline-template-1 .et-timeline-item:nth-of-type(2n){
    float:left;
    clear:both;
    padding-left:0;
    padding-right: 60px;
    margin-top: 0px;
}
.et-fb-timeline-template-1  .et-timeline-line{
    width: 2px;
    height: 100%;
    position: absolute;
    left: 50%;
    margin-left: -1px;
    background:#55555b;
    top: 0;
}
.et-fb-timeline-template-1 .et-time{
    position: absolute;
    top: 50%;
    right:100%;
    margin-right: 30px;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    white-space: nowrap;
    font-size: 11px;
    color:#a4a4ab;
    font-weight: 500;
}
.et-fb-timeline-template-1 .et-timeline-item:nth-of-type(2n) .et-time{
    left:100%;
    right: auto;
    margin-left:30px;
}
.et-fb-timeline-template-1 .et-timeline-circle{
    width: 14px;
    height: 14px;
    border:2px solid #55555b;
    background: #000;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    top:50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    right: 100%;
    margin-right:-7px;
    position: absolute;
}
.et-fb-timeline-template-1 .et-timeline-item:nth-of-type(2n) .et-timeline-circle{
    right: auto: 
    margin-right:0;
    left: 100%;
    margin-left:-7px;
}
.et-fb-timeline-template-1  .et-all-contain-here{
    border:1px solid #020202;
    -webkit-border-radius:5px;
    border-radius:5px;
    background: #1e1e21;
    padding:40px 0 23px;
}
.et-fb-timeline-template-1 .et-profile-image{
    width: 90px;
    height: 90px;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    overflow: hidden;
    margin: 0 auto 3px;
}
.et-fb-timeline-template-1 .et-profile-image img{
    width: 100%;
    object-fit: cover;
}
.et-fb-timeline-template-1  .et-profile-name{
    border-bottom: 1px solid #55555b;
    margin-bottom: 43px;
}
.et-fb-timeline-template-1  .et-profile-name-tag{
    margin-bottom: -18px;
}
.et-fb-timeline-template-1  .et-profile-name a{
    display: inline-block;
    padding:12px 24px;
    font-size: 14px;
    font-weight: 500;
    color: #fff;
    font-family: 'Poppins', sans-serif;
    background: #1e1e21;
    position: relative;
}
.et-fb-timeline-template-1  .et-main-content-wrap{
    padding: 0 25px;
    text-align: left;
}
.et-fb-timeline-template-1  .et-content{
    margin-bottom: 25px;
    color: #fff;
    font-size: 12px;
    font-family: 'Poppins', sans-serif;
    line-height: 1.9;
    font-weight: 400;
}
.et-fb-timeline-template-1  .et-fb-read-button{
    display: inline-block;
}
.et-fb-timeline-template-1  .et-fb-read-button a{
    color:#ffb400;
}
.et-fb-timeline-template-1   .et-inner-content {
    margin: 30px 0 20px;
}
.et-fb-timeline-template-1  .et-inner-content > div{
    display: inline-block;
    vertical-align: middle;
    padding:6px 14px;
    border:1px solid #55555b;
    -webkit-border-radius: 7px;
    border-radius: 7px;
    color: #55555b;
    font-family: 'Poppins', sans-serif;
    font-size: 12px;
}
.et-fb-timeline-template-1  .et-inner-content > div:hover{
    background: #2a2b32;
}
.et-fb-timeline-template-1  .et-inner-content > div .dashicons,
.et-fb-timeline-template-1  .et-inner-content > div .fa{
    width: auto;
    height: auto;
    font-size: 14px;
    color: #fff;
    display: inline-block;
    vertical-align: middle;
    margin-right: 3px;
}
/*Facebook Timeline Template-2 css start*/
.et-fb-timeline-template-2  .et-timeline-date span{
    display: inline-block;
    background: #ea5ec2;
    font-size: 15px;
    font-weight: 500;
    color: #fff;
    font-family: 'Roboto', sans-serif;
    padding: 7px 10px;
    border-radius: 5px 5px 0 0;
    transform: rotate(-90deg);
    margin-left: -26px;
    position: relative;
    z-index: 9;
}
.et-fb-timeline-template-2 .et-timeline-item{
    width: 50%;
    float: left;
    clear: left;
    padding-right: 60px;
    margin-bottom: 100px;
    margin-top: 200px;
}
.et-fb-timeline-template-2 .et-timeline-item:nth-of-type(2n){
    float: right;
    clear: right;
    padding-right:0;
    padding-left: 60px;
    margin-top: 0px;
}
.et-fb-timeline-template-2 .et-timeline-item:before{
    content: '';
    width: 15px;
    height: 15px;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    border: 2px solid #fff;
    position: absolute;
    left: 50%;
    margin-left: -7.5px;
    background:#ea5ec2;
    z-index: 99;
    margin-top: 90px;
}
.et-fb-timeline-template-2  .et-timeline-line{
    width: 2px;
    height: 100%;
    position: absolute;
    left: 50%;
    margin-left: -1px;
    background: #ccc;
    top: 0;
}
.et-fb-timeline-template-2  .et-timeline-date-inner{
    text-align: right;
    margin-bottom: 13px;
}
.et-fb-timeline-template-2 .et-timeline-item:nth-of-type(2n) .et-timeline-date-inner{
    text-align: left;
}
.et-fb-timeline-template-2  .et-timeline-date-inner span{
    display: block;
    color: #000;
    font-size: 14px;
    font-family: 'Roboto', sans-serif;
    font-weight:600;
}
.et-fb-timeline-template-2 .et-all-contain-here{
    background: #fff;
    border:1px solid #eee;
}
.et-fb-timeline-template-2  .et-img-container{
    text-align: left;
    padding:20px;
}
.et-fb-timeline-template-2  .et-img-container > div{
    display: inline-block;
    vertical-align: middle;
}
.et-fb-timeline-template-2 .et-profile-image {
    max-width: 94px;
    width: 100%;
    position: relative;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    border:5px solid #eee;
    overflow: hidden;
}
.et-fb-timeline-template-2 .et-profile-image:before{
    display: block;
    content:'';
    padding-top: 100%;
}
.et-fb-timeline-template-2 .et-profile-image a{
    display: inline-block;
    position: absolute;
    max-width: 100%;
    top:0;
    bottom:0;
    left:0;
    right:0;
    text-align: center;
}
.et-fb-timeline-template-2 .et-profile-image img{
    width: 100%;
}
.et-fb-timeline-template-2  .et-profile-name{
    margin-left: 18px;
}
.et-fb-timeline-template-2  .et-profile-name a{
    color: #000;
    font-size: 16px;
    font-family: 'Roboto', sans-serif;
    font-weight: 500;
}
.et-fb-timeline-template-2  .et-image-container{
    margin-bottom: 15px;
}
.et-fb-timeline-template-2   .et-content{
    color: #959494;
    font-size: 16px;
    font-family: 'Roboto', sans-serif;
    font-weight: 500;
    line-height: 1.3;
    padding: 20px;
}
.et-fb-timeline-template-2 .et-content .et-fb-read-button{
    display: inline-block;
    vertical-align: middle;
}
.et-fb-timeline-template-2 .et-content .et-fb-read-button a{
    font-family: 'Roboto', sans-serif;
    font-size: 16px;
    font-weight: 500;
    color: #70aacc;
}
.et-fb-timeline-template-2 .et-content .et-fb-read-button a:hover{
    color: #222;
}
.et-fb-timeline-template-2  .et-inner-content{
    text-align: right;
    padding:10px 20px 30px 20px;
}
.et-fb-timeline-template-2  .et-inner-content > div{
    display: inline-block;
    vertical-align: middle;
    font-family: 'Roboto', sans-serif;
    font-size: 13px;
    font-weight: 500;
    color: #000;
    margin-left:7px;
}
.et-fb-timeline-template-2  .et-inner-content > div .dashicons,
.et-fb-timeline-template-2  .et-inner-content > div .fa{
    width: auto;
    height: auto;
    font-size:13px;
    color: #000;
    margin-right:3px;
}
.et-fb-timeline-template-2  .et-inner-content > div:hover .dashicons,
.et-fb-timeline-template-2  .et-inner-content > div:hover .fa{
    color: #ea5ec2;
}
/*Facebook Timeline Template-2 css end*/
/*Facebook Timeline Template-3 css start*/
.et-fb-timeline-template-3  .et-timeline-date {
    margin-bottom: 100px;
}
.et-fb-timeline-template-3  .et-timeline-date span{
    display: inline-block;
    background:#1ba8c4;
    font-size: 15px;
    font-weight: 500;
    color: #fff;
    font-family: 'Roboto', sans-serif;
    padding: 10px;
    /*border-radius: 5px 5px 0 0;
    transform: rotate(-90deg);
    margin-left: -26px;*/
    position: relative;
    z-index: 9;
}
.et-fb-timeline-template-3 .et-timeline-item{
    width: 50%;
    float: left;
    clear: left;
    padding-right: 60px;
    margin-bottom: 100px;
    margin-top: 200px;
}
.et-fb-timeline-template-3 .et-timeline-item:nth-of-type(2n){
    float: right;
    clear: right;
    padding-right:0;
    padding-left: 60px;
    margin-top: 0px;
}
.et-fb-timeline-template-3 .et-timeline-item:before{
    content: '';
    width: 15px;
    height: 15px;
    /*-webkit-border-radius: 50%;
    border-radius: 50%;*/
    border: 2px solid #fff;
    position: absolute;
    left: 50%;
    margin-left: -7.5px;
    background:#1ba8c4;
    z-index: 99;
    margin-top: 90px;
}
.et-fb-timeline-template-3  .et-timeline-line{
    width: 2px;
    height: 100%;
    position: absolute;
    left: 50%;
    margin-left: -1px;
    background: #ccc;
    top: 0;
}
.et-fb-timeline-template-3  .et-timeline-date-inner{
    text-align: right;
    margin-bottom: 13px;
}
.et-fb-timeline-template-3 .et-timeline-item:nth-of-type(2n) .et-timeline-date-inner{
    text-align: left;
}
.et-fb-timeline-template-3  .et-timeline-date-inner span{
    display: block;
    color: #000;
    font-size: 14px;
    font-family: 'Roboto', sans-serif;
    font-weight:600;
}
.et-fb-timeline-template-3 .et-all-contain-here{
    background: #fff;
    border:1px solid #eee;
}
.et-fb-timeline-template-3  .et-img-container{
    text-align: left;
    padding:20px;
}
.et-fb-timeline-template-3  .et-img-container > div{
    display: inline-block;
    vertical-align: middle;
}
.et-fb-timeline-template-3 .et-profile-image {
    max-width: 94px;
    width: 100%;
    position: relative;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    border:5px solid #eee;
    overflow: hidden;
}
.et-fb-timeline-template-3 .et-profile-image:before{
    display: block;
    content:'';
    padding-top: 100%;
}
.et-fb-timeline-template-3 .et-profile-image a{
    display: inline-block;
    position: absolute;
    max-width: 100%;
    top:0;
    bottom:0;
    left:0;
    right:0;
    text-align: center;
}
.et-fb-timeline-template-3 .et-profile-image img{
    width: 100%;
}
.et-fb-timeline-template-3  .et-profile-name{
    margin-left: 18px;
}
.et-fb-timeline-template-3  .et-profile-name a{
    color: #000;
    font-size: 16px;
    font-family: 'Roboto', sans-serif;
    font-weight: 500;
}
.et-fb-timeline-template-3  .et-image-container{
    margin-bottom: 15px;
}
.et-fb-timeline-template-3   .et-content{
    color: #959494;
    font-size: 16px;
    font-family: 'Roboto', sans-serif;
    font-weight: 500;
    line-height: 1.3;
    padding: 20px;
}
.et-fb-timeline-template-3 .et-content .et-fb-read-button{
    display: inline-block;
    vertical-align: middle;
}
.et-fb-timeline-template-3 .et-content .et-fb-read-button a{
    font-family: 'Roboto', sans-serif;
    font-size: 16px;
    font-weight: 500;
    color: #70aacc;
}
.et-fb-timeline-template-3 .et-content .et-fb-read-button a:hover{
    color: #222;
}
.et-fb-timeline-template-3  .et-inner-content{
    padding:10px 20px 30px 20px;
}
.et-fb-timeline-template-3  .et-date{
    font-family: 'Roboto', sans-serif;
    font-size: 13px;
    font-weight: 500;
    color: #959494;
}
.et-fb-timeline-template-3  .et-button-count > div{
    display: inline-block;
    vertical-align: middle;
    font-family: 'Roboto', sans-serif;
    font-size: 13px;
    font-weight: 500;
    color: #959494;
    margin: 0 5px;
}
.et-fb-timeline-template-3  .et-button-count > div .dashicons,
.et-fb-timeline-template-3  .et-button-count > div .fa{
    width: auto;
    height: auto;
    font-size:13px;
    color: #000;
    margin-right:3px;
}
.et-fb-timeline-template-3  .et-button-count > div:hover .dashicons,
.et-fb-timeline-template-3  .et-button-count > div:hover .fa{
    color:#1ba8c4;
}
/*Facebook Timeline Template-3 css end*/
/*--------------------------------------------------
Facebook Timeline css end
---------------------------------------------------*/
/*--------------------------------------------------
Twitter Timeline css start
---------------------------------------------------*/
.et-twitter-section{
    position: relative;
}
/*Twitter Timeline Template-1 css start*/
.et-twitter-timeline-template-1 .et-timeline-date{
    margin-bottom: 100px;
}
.et-twitter-timeline-template-1 .et-timeline-date .et-timeline-date-inner {
    width: 100px;
    height: 100px;
    background: #ebebeb;
    margin: 0 auto;
    position: relative;
    -webkit-transform: rotate(-45.5deg);
    transform: rotate(-45.5deg);
    position: relative;
    overflow: hidden;
}
.et-twitter-timeline-template-1 .et-timeline-date .et-timeline-date-inner-inner {
    display: inline-block;
    top:4px;
    bottom:4px;
    left:4px;
    right:4px;
    position: absolute;
    background: #49b1e1;
}
.et-twitter-timeline-template-1 .et-timeline-date .et-timeline-date-inner-inner span {
    display: inline-block;
    color: #fff;
    font-size: 22px;
    font-family: 'Montserrat', sans-serif;
    font-weight: 500;
    -webkit-transform: rotate(45.5deg);
    transform: rotate(45.5deg);
    line-height: 84px;
}
.et-twitter-timeline-template-1  .et-timeline-item{
    width: 50%;
    float: right;
    clear: both;
    padding-left: 60px;
    position: relative;
}
.et-twitter-timeline-template-1  .et-timeline-item:nth-of-type(2n){
    float: left;
    clear: both;
    padding-left:0;
    padding-right: 60px;
}
.et-twitter-timeline-template-1  .et-timeline-item:before{
    content: '';
    width: 12px;
    height: 12px;
    position: absolute;
    background:#49b1e1;
    z-index: 99;
    top: 50%;
    -webkit-transform:translateY(-50%) rotate(-45.5deg);
    transform:translateY(-50%) rotate(-45.5deg);
    -moz-box-shadow: 0 0 0 2px #F2F2F2;
    -webkit-box-shadow: 0 0 0 2px #F2F2F2;
    box-shadow: 0 0 0 2px #F2F2F2;
    right: 100%;
    margin-right: -5.5px;
}
.et-twitter-timeline-template-1  .et-timeline-item:nth-of-type(2n):before{
    right:auto;
    margin-right:0;
    left: 100%;
    margin-left: -5.5px;
}
.et-twitter-timeline-template-1  .et-timeline-line{
    width: 2px;
    height: 100%;
    position: absolute;
    left: 50%;
    margin-left: -1px;
    background: #ebebeb;
    top: 0;
}
.et-twitter-timeline-template-1  .et-day-month-wrap{
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    right: 100%;
    margin-right: 30px;
}
.et-twitter-timeline-template-1  .et-timeline-item:nth-of-type(2n) .et-day-month-wrap{
    right:auto;
    margin-right:0;
    left: 100%;
    margin-left: 30px;
}
.et-twitter-timeline-template-1  .et-day-month-wrap .et-day,
.et-twitter-timeline-template-1  .et-day-month-wrap  .et-month{
    font-family: 'Roboto', sans-serif;
    color: #838282;
    font-weight: 500;
    line-height: 1.3;
}
.et-twitter-timeline-template-1  .et-day-month-wrap .et-day{
    font-size:20px;
    margin-bottom: 5px;
}   
.et-twitter-timeline-template-1  .et-day-month-wrap  .et-month{
    font-size:14px;
}
.et-twitter-timeline-template-1  .et-all-contain-here{
    border:3px solid #ebebeb;
    background: #fff;
    border-radius:7px;
}
.et-twitter-timeline-template-1   .et-author-detail-content{
    padding: 20px;
    text-align: left;
}
.et-twitter-timeline-template-1  .et-author-detail{
    margin-bottom:20px;
}
.et-twitter-timeline-template-1 .et-author-image{
    width: 58px;
    height: 58px;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    display: inline-block;
    vertical-align: middle;
    overflow: hidden;
    text-align: center;
    border:3px solid #ebebeb;
}
.et-twitter-timeline-template-1 .et-author-image img{
    width: 100%;
}
.et-twitter-timeline-template-1  .et-author-name{
    display: inline-block;
}
.et-twitter-timeline-template-1  .et-author-name a{
    font-family: 'Roboto', sans-serif;
    color: #32abdf;
    font-size: 14px;
    font-weight: 500;
}
.et-twitter-timeline-template-1  .et-tweet-content,
.et-twitter-timeline-template-1  .et-tweet-content a{
    font-family: 'Roboto', sans-serif;
    color: #838282;
    font-size: 14px;
    font-weight: 500;
    line-height: 1.3;
}
.et-twitter-timeline-template-1  .et-tweet-content a{
    color:#32abdf;
    display: inline-block;
}
.et-twitter-timeline-template-1  .et-author-name a:hover,
.et-twitter-timeline-template-1  .et-tweet-content a:hover{
    color:#b2b2b2;
}
.et-twitter-timeline-template-1  .et-main-image-wrap{
    border: 3px solid #ebebeb;
    margin: 0 -6px;
}
.et-twitter-timeline-template-1  .et-main-image-wrap img{
    display: block;
    margin:0 auto;
}
.et-twitter-timeline-template-1  .et-social-container{
    padding: 20px;
    text-align: left;
}
.et-twitter-timeline-template-1  .et-social-container a{
    display: inline-block;
    margin-right:7px;
    color:#7a7979;
    font-size: 12px;
    font-family: 'Roboto', sans-serif;
    font-weight: 500;
}
.et-twitter-timeline-template-1  .et-social-container a .fa,
.et-twitter-timeline-template-1  .et-social-container a .dashicons{
    width: auto;
    height: auto;
    font-size: 14px;
    display: inline-block;
    color: #b2b2b2;
    margin-right: 3px;
}
.et-twitter-timeline-template-1  .et-social-container a:hover,
.et-twitter-timeline-template-1  .et-social-container a:hover .fa,
.et-twitter-timeline-template-1  .et-social-container a:hover .dashicons{
    color:#32abdf;
}
/*Twitter Timeline Template-1 css end*/
/*Twitter Timeline Template-2 css start*/
.et-twitter-timeline-template-2   .et-timeline-date {
    margin-bottom: 100px;
}
.et-twitter-timeline-template-2 .et-timeline-date  span {
    display: inline-block;
    color: #fff;
    font-size: 22px;
    font-family: 'Montserrat', sans-serif;
    font-weight: 500;
    background:#43b0e3;
    padding:10px 20px 8px;
    position: relative;
}
.et-twitter-timeline-template-2  .et-timeline-line{
    left: 50%;
    top:0;
    width: 2px;
    margin-left: -1px;
    height: 100%;
    background:#43b0e3; 
    position: absolute;
}
.et-twitter-timeline-template-2  .et-timeline-item{
    width: 50%;
    float: right;
    clear: both;
    padding-left: 60px;
    position: relative;
    margin-bottom: 100px;
}
.et-twitter-timeline-template-2  .et-timeline-item:nth-of-type(2n){
    float: left;
    clear: both;
    padding-left:0;
    padding-right: 60px;
}
.et-twitter-timeline-template-2  .et-timeline-item:last-child{
    margin-bottom: 30px;
}
.et-twitter-timeline-template-2  .et-timeline-item .et-timeline-circle{
    width:14px;
    height:14px;
    background:#43b0e3;
    position: absolute;
    right: 100%;
    margin-right: -7px;
    bottom:30px;
}
.et-twitter-timeline-template-2  .et-timeline-item:nth-of-type(2n) .et-timeline-circle{
    left: 100%;
    margin-left: -7px;
    right:auto;
    margin-right:0;
}
.et-twitter-timeline-template-2  .et-timeline-item .et-day{
    position: absolute;
    right: 100%;
    margin-right: 30px;
    white-space: nowrap;
    bottom:30px;
    font-family: 'Poppins', sans-serif;
    font-size: 16px;
    color: #43b0e3;
}
.et-twitter-timeline-template-2  .et-timeline-item:nth-of-type(2n) .et-day{
    right: auto;
    margin-right:0;
    left: 100%;
    margin-left: 30px;
}
.et-twitter-timeline-template-2  .et-all-contain-here{
    background: #fff;
}
.et-twitter-timeline-template-2  .et-image-container{
    position: relative;
}
.et-twitter-timeline-template-2  .et-image-container:before{
    position: absolute;
    content:'';
    background: rgba(0,0,0,0.5);
    top:0;
    bottom:0;
    left: 0;
    right:0;
}
.et-twitter-timeline-template-2  .et-image-container img{
    display: block;
    margin: 0 auto;
}
.et-twitter-timeline-template-2 .et-author-detail{
    position: absolute;
    bottom:10px;
    left: 20px;
}
.et-twitter-timeline-template-2 .et-author-detail > div{
    display: inline-block;
    vertical-align: middle;
}
.et-twitter-timeline-template-2 .et-author-detail .et-author-image{
    width: 60px;
    height: 60px;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    overflow: hidden;
    border:3px solid #fff;
    margin-right: 5px;
}
.et-twitter-timeline-template-2 .et-author-detail .et-author-image img{
    width: 100%;
}
.et-twitter-timeline-template-2 .et-author-name a{
    font-family: 'Poppins', sans-serif;
    font-size: 14px;
    color: #fff;
}
.et-twitter-timeline-template-2  .et-tweet-content{
    padding: 20px 30px;
    border-bottom: 1px solid #eee;
    font-family: 'Poppins', sans-serif;
    font-size: 16px;
    color: #838282;
    text-align: left;
    line-height: 1.5;
    font-weight: 500;
}
.et-twitter-timeline-template-2  .et-tweet-content a{
    display: inline-block;
    color: #43b0e3;
    font-family: 'Poppins', sans-serif;
    font-size: 16px;
}
.et-twitter-timeline-template-2  .et-social-container{
    padding: 10px 30px;
    text-align: left;
}
.et-twitter-timeline-template-2  .et-social-container a{
    display: inline-block;
    color: #838282;
    margin-right: 7px;
    font-size: 13px;
}
.et-twitter-timeline-template-2  .et-social-container a i{
    margin-right: 3px;
    font-size: 13px;
}
.et-twitter-timeline-template-2  .et-social-container a:hover{
    color:#43b0e3; 
}
/*Twitter Timeline Template-2 css end*/
/*Twitter Timeline Template-3 css start*/
.et-twitter-timeline-template-3   .et-timeline-date {
    margin-bottom: 100px;
    clear: both;
}
.et-twitter-timeline-template-3   .et-timeline-item:nth-of-type(2n) + .et-timeline-date{
    margin-top: 100px;
}
.et-twitter-timeline-template-3 .et-timeline-date  span {
    display: inline-block;
    color: #fff;
    font-size: 22px;
    font-family: 'Montserrat', sans-serif;
    font-weight: 500;
    background: #43b0e3;
    padding: 10px 20px 8px;
    position: relative;
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
}
.et-twitter-timeline-template-3  .et-timeline-line{
    left: 50%;
    top:0;
    width: 2px;
    margin-left: -1px;
    height: 100%;
    background:#43b0e3; 
    position: absolute;
}
.et-twitter-timeline-template-3  .et-timeline-item{
    width: 50%;
    float: right;
    clear: right;
    padding-left: 60px;
    position: relative;
    margin-bottom: 100px;
}
.et-twitter-timeline-template-3  .et-timeline-item:nth-of-type(2n){
    float: left;
    clear: left;
    padding-left:0;
    padding-right: 60px;
    margin-top: 100px;
    margin-bottom: 0;
}
.et-twitter-timeline-template-3  .et-timeline-item:last-child{
    margin-bottom: 30px;
}
.et-twitter-timeline-template-3  .et-content-main{
    background:#32abde; 
    background: -webkit-linear-gradient(left bottom, #32abde, #60d8e6); 
    background: -o-linear-gradient(top right, #32abde, #60d8e6); 
    background: -moz-linear-gradient(top right, #32abde, #60d8e6); 
    background: linear-gradient(to top right, #32abde, #60d8e6); 
    border-radius: 5px;
    padding: 20px;
    text-align: left;
}
.et-twitter-timeline-template-3  .et-author-detail{
    margin-bottom: 10px;
}
.et-twitter-timeline-template-3 .et-author-image{
    width: 60px;
    height:60px;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    overflow: hidden;
    display: inline-block;
    vertical-align: middle;
    margin-right: 5px;
    border:3px solid #fff;
}
.et-twitter-timeline-template-3 .et-author-image img{
    width: 100%;
}
.et-twitter-timeline-template-3 .et-author-name{
    display: inline-block;
}
.et-twitter-timeline-template-3 .et-author-name a{
    color: #fff;
    font-size: 14px;
    font-family: 'Montserrat', sans-serif;
    font-weight: 500;
}
.et-twitter-timeline-template-3  .et-tweet-content{
    color: #fff;
    font-size: 12px;
    font-family: 'Montserrat', sans-serif;
    font-weight: 500;
    line-height: 1.5;
    margin-bottom: 30px;
}
.et-twitter-timeline-template-3  .et-tweet-content a{
    display: inline-block;
    color:#0085ef;
}
.et-twitter-timeline-template-3 .et-social-container a{
    color: #fff;
    font-family: 'Montserrat', sans-serif;
    display: inline-block;
    margin-right: 7px;
    font-size: 13px;
}
.et-twitter-timeline-template-3 .et-social-container a i{
    margin-right: 4px;
}
.et-twitter-timeline-template-3 .et-social-container a:hover{
    color:#0085ef;
}
.et-twitter-timeline-template-3 .et-timeline-circle{
    width: 14px;
    height: 14px;
    border-radius: 50%;
    background:#43b0e3; 
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    right:100%;
    margin-right: -7px;
}
.et-twitter-timeline-template-3 .et-timeline-item:nth-of-type(2n) .et-timeline-circle{
    left:100%;
    margin-left: -7px;
    right:auto;
    margin-right:0;    
}
.et-twitter-timeline-template-3  .et-day{
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    white-space: nowrap;
    left: 0;
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
    font-family: 'Merriweather', serif;
    font-size: 12px;
    font-weight: 500;
    color: #000;
    text-shadow: 1px 1px 1px #777777
}
.et-twitter-timeline-template-3 .et-timeline-item:nth-of-type(2n) .et-day{
    left:auto;
    right: 0;
}
/*Twitter Timeline Template-3 css end*/
/*--------------------------------------------------
Twitter Timeline css end
---------------------------------------------------*/