.padding-top-50{padding-top:50px}
.mix_wrapper{width: auto; font-size: 18px}
.mix_block{width: auto; margin-bottom: 70px}
.timeline_block{width: auto; margin:50px 0;}
.quote_img_block{width: auto; margin:50px 0;}
.mix_block_90percent{width: 90%; margin: 0 auto}
.mix_block_80percent{width: 80%; margin: 0 auto 70px}
.with-border{border-top: 1px solid #ccc; padding: 20px 10px 0 10px; border-bottom: 1px solid #ccc; margin-bottom: 15px;}
.with-bg{border: 1px solid #f5f5f5; padding: 20px 10px 0 10px; margin-bottom: 15px; background: #f5f5f5;}

[class*="timeline-wrapper"] *, ::after, ::before {box-sizing: border-box;}

ul.timeline-wrapper{position: relative; list-style: none; margin: 0;}
.timeline-panel{position: relative; width: 100%; min-height: 1px; padding-right: 15px; padding-left: 15px; margin: 0 !important}
.timeline-panel .row{margin: 0}
.timeline-panel .left-panel{-webkit-box-flex: 0; -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%;}
.timeline-panel .right-panel{-webkit-box-flex: 0; -ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 75%;}
.timeline-panel .float-l{float:left}
.timeline-panel .h4{font-size: 1.5rem; font-weight: normal;}
.timeline-panel .h3{font-size: 1.75rem; font-weight: 500;}
.timeline-wrapper::before {left: 25%; width: 3px; height: 100%; margin-left: -1px; background-color: #afafaf;}
[class*="timeline-wrapper"]::before {content: ""; position: absolute; top: 0; bottom: 0; display: block;}
.timeline-panel .padd-r-40{padding-right: 2.85714rem;}
.timeline-panel .padd-t-20{padding-top: 1.42857rem;}
.timeline-panel .padd-30{padding: 2.14286rem;}
.timeline-panel .padd-l-2{padding-left: 2.3rem;}
.timeline-panel .padd-r-3{padding-right: 3.5rem;}
.timeline-panel .padd-0{padding: 0;}
.timeline-panel .disp-inline-block{display:inline-block; vertical-align: top}
.timeline-panel .txt-align-right{text-align:right}
.timeline-panel .brdr-box{border: solid 1px #777;}
.timeline-panel .triangle-arrow-position{position: absolute; left: 19px;}
.timeline-panel .triangle-arrow{border: solid #707070; border-width: 0 1px 1px 0; display: inline-block; padding: 13px; background: #fff; transform: rotate(135deg); -webkit-transform: rotate(135deg);}
.timeline-panel .bullet-circle-position{top: 2.5rem; -webkit-transform: translateX(50%); -ms-transform: translateX(50%); transform: translateX(50%);    position: absolute; right: 101%;}
.timeline-panel .bullet-circle{width:24px; height: 24px; border: 3px solid #3398dc; background-color: #fff; display: block; border-radius: 50%;} 
.timeline-panel .timeline-box-shadow{box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);}
.timeline-panel img{float: left; padding: 5px 20px 5px 0;}
.box-panel{font-size:0}
.timeline-panel p{font-size:14px}
.title-panel{margin-bottom: 1.78571rem !important; border-bottom: solid 1px #777 !important;}
.timeline-wrapper .marg-b-40{margin-bottom: 2.5rem !important;}

.quoteimg-wrapper{ -webkit-box-pack: center!important; -ms-flex-pack: center!important; justify-content: center!important;}
.quoteimg-block{width:auto; margin: 50px 0; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; }
.quoteimg-block .quoteimg-panel{-webkit-box-flex: 0; -ms-flex: 0 0 41.666667%; flex: 0 0 41.666667%; max-width: 41.666667%; position: relative; width: 100%; min-height: 1px; padding-right: 15px; padding-left: 15px;}
.quoteimg-block .quoteimg-panel .page-quote{border: 5px solid #DBDBDB; padding: 89px 50px 100px 50px; overflow:hidden; height: auto; min-height: auto}
.quoteimg-block .quoteimg-panel .page-quote3 h6 {font-weight: bold; color: #000; text-indent: 45px; font-size: 14px;}
.quoteimg-block .quoteimg-panel .page-quote3 span {border-bottom: 2px solid #707070; display: inline-block; width: 35px; position: absolute; top: 7px;}
.quoteimg-block .quoteimg-panel .page-quote-initial {float: left; text-align:left; position: relative; margin-top: 10px;}
.quoteimg-block .quoteimg-panel h3{font-size: 29px; line-height: 1.5; font-weight: normal;}
.quoteimg-block .quoteimg-panel .img-fluid {max-width: 100%; height: auto;}
.quoteimg-block .quoteimg-panel .pull-10x-right{-webkit-transform: translateX(10%); -ms-transform: translateX(10%); transform: translateX(10%);}
.quoteimg-block .quoteimg-panel .pull-10x-left{-webkit-transform: translateX(-10%); -ms-transform: translateX(-10%); transform: translateX(-10%);}
.quoteimg-block .quoteimg-panel .marg-t-50{margin-top: 3.57143rem;}


@media (min-width: 992px){
	.sy-controls li{list-style:none;}
	/* .sy-caption-wrap{bottom:-5em; height:auto; max-height:auto;} */
	.sy-caption-wrap .sy-caption{padding: 0em 0em 2em;}
	.sy-caption-wrap .sy-caption p{margin: 0px}
}


@media screen and (max-width: 700px){
	.sy-caption-wrap{bottom:-3em}
	.sy-caption-wrap .sy-caption p{margin: 0 0 12px 0}
	.mix_block{margin-bottom:100px}
	.mix_wrapper{width: auto !important;}
	.mix_block_90percent{width: 100%; margin: 0 auto 110px}
	.mix_block_80percent{width: 80%; margin: 0 auto 110px}
	.timeline-wrapper::before{display:none}
	.timeline-panel{max-width: 100%}
	.timeline-panel{padding: 0}
	.timeline-panel .disp-inline-block{display:block}
	.timeline-panel .txt-align-right{text-align: left; padding: 0 0 10px 0;}
	.timeline-panel .right-panel{max-width:100%}
	.timeline-panel .padd-l-2{padding: 0}
	.bullet-circle-position{display: none}
	.triangle-arrow-position{top: -13px;}
	.timeline-panel .triangle-arrow{transform: rotate(-135deg) !important; -webkit-transform: rotate(-135deg) !important;}
	.timeline-panel img{width:100%}
	.quoteimg-block .quoteimg-panel .page-quote{padding: 60px 30px 80px 30px; max-height: none; min-height: initial;}
	.quoteimg-block .quoteimg-panel{padding: 0; max-width: 100%; flex: 100%;}
	.quoteimg-block .quoteimg-panel .pull-10x-right{transform:none}
	.quoteimg-block .quoteimg-panel .pull-10x-left{transform:none}
	.quoteimg-block .quoteimg-panel .marg-t-50{margin-top: 0;}
	.quoteimg-block .marg-l-80{margin-left: 0;}
}

/* backward compatible CSS */

/* timeline */
.timeline{width:100%;max-width:100%;background:#fff;padding-right:0px;position:relative;margin:50px 0 40px;float:left}
.timeline:before{content:'';position:absolute;top:0px;left: calc(20% + 0px);bottom:0px;width:3px;background:#afafaf;}
.timeline ul{margin-left:0px;width: 100%;display: inline;}
.timeline ul li{clear:both;text-align:left;position:relative;overflow:hidden;padding:0px;margin:0px !important;box-sizing:border-box;width: 100%;}
.timeline ul li .time-mark{font-size:28px;text-align:right;position:relative;/*-webkit-box-flex:0;-ms-flex:0 0 21%;flex:0 0 21%;max-width:21%;width:100%;*/display:inline-block;vertical-align:top;width: 20%;}
.timeline ul li .time-mark span{padding-right: 30px;}
.timeline ul li .time-mark:after{content:'';position:absolute;width:24px;height:24px;border:3px solid #3398dc;background-color:#fff;border-radius:100%;top:75%;right: -13px;z-index:99;}
.timeline ul li .time-description{position:relative;float:right;padding: 4%;margin:0 0 40px 0;border:solid 1px #777;box-shadow:0 0 10px rgba(0, 0, 0, 0.2);/*-webkit-box-flex:0;-ms-flex:0 0 72%;flex:0 0 72%;max-width:72%;*/width: 63%;display:inline-block;vertical-align:top;}
.timeline ul li .time-description:before{position:absolute;display:block;content:'';bottom:100%;top:30px;left:-14px;width:26px;height:26px;margin-bottom:-8px;border-left:1px solid #707070;border-top:1px solid #707070;background:#fff;transform:rotate(315deg);transition:all .4s ease-in-out;}
.timeline ul li .time-description h3{font-size:18px;line-height:1;font-weight:700;color:#5E5A55;margin:0 0 1.78571rem 0;padding-bottom:12px;border-bottom:solid 1px #777 !important;}
.timeline ul li .time-description p{font-size:14px;}

/* quotes */
.quote-card{margin:50px 0;position:relative;padding-left: 0px;width:100%;float:left;}
.quote-card blockquote{-webkit-box-flex:0;-ms-flex: 0 0 36.333333%;flex: 0 0 36.333333%;max-width: 36.333333%;position:relative;float:left;width:350px;height:280px;min-height:280px;border:5px solid #DBDBDB;padding: 130px 45px 45px 25px;margin-top:2.57143rem !important;margin-left: 0px;-webkit-transform: translateX(0%);-ms-transform: translateX(0%);transform: translateX(0%);}
.quote-card blockquote p {font-size: 29px;font-style: normal;}
.quote-card blockquote p:before{font-family:fontawesome;content:'\201C';color:#4c4c4c;font-size:3.5em;font-weight:700;opacity:0.3;position:absolute;top: 0.45em;left: 0.25em;text-shadow:none;z-index:-300;display:block;clear:both;}
.quote-card blockquote footer{font-style:normal;font-weight:bold;color:#000;font-size:14px;margin-top: 25px;}
.quote-card blockquote footer:before{content:'';width:35px;height:2px;background-color:#707070;display:inline-block;margin-right:7px;}
.quote-card img{width:calc(100% - 50.333333%);-webkit-transform:translateX(-10%);-ms-transform:translateX(-10%);transform: translateX(-10%);}

/*Carousel css from here*/
.slider-wrap {
    width: 100%;
    margin: 0 auto;
}

.bxslider figure {
    margin: 0;
}

.bxslider figure figcaption {
    display: none;
}

.bx-wrapper {
    border-width: 0px;
    box-shadow: none;
    margin-bottom: 15px;
}

.slide-caption {
    font-size: 14px;
    padding: 0em 0em 2em;
}

.bx-wrapper .bx-pager {
    bottom: 20px;
}
/* DIRECTION CONTROLS (NEXT / PREV) */
.bx-wrapper .bx-prev {
    left: 0px;
    background: url('/images/communications/mixmedia/controls.png') no-repeat 0 -32px;
}

    .bx-wrapper .bx-prev:hover,
    .bx-wrapper .bx-prev:focus {
        background-position: 0 0;
    }

.bx-wrapper .bx-next {
    right: 0px;
    background: url('/images/communications/mixmedia/controls.png') no-repeat -43px -32px;
}

    .bx-wrapper .bx-next:hover,
    .bx-wrapper .bx-next:focus {
        background-position: -43px 0;
    }

.bx-wrapper .bx-controls-direction a {
    position: absolute;
    top: 50%;
    margin-top: -16px;
    outline: 0;
    width: 32px;
    height: 32px;
    text-indent: -9999px;
    z-index: 9999;
}

    .bx-wrapper .bx-controls-direction a.disabled {
        display: none;
    }
/* PAGER */
.bx-wrapper .bx-pager.bx-default-pager a {
    background: #ccc;
    text-indent: -9999px;
    display: block;
    width: 9px;
    height: 9px;
    margin: 0 5px;
    outline: 0;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}

    .bx-wrapper .bx-pager.bx-default-pager a:hover,
    .bx-wrapper .bx-pager.bx-default-pager a.active,
    .bx-wrapper .bx-pager.bx-default-pager a:focus {
        background: #009DDC !important;
    }

@media screen and (max-width:992px){
.content-wrapper{width:100%;}
.quote-card{padding-bottom:80px;}
.timeline:before{display:none;}
.timeline ul li .time-mark:after{display:none;}
.timeline ul li .time-description:before{top:13px;left:-12px;width:23px;height:23px;}
.quote-card blockquote{-webkit-box-flex:0;-ms-flex:0 0 40.333333%;flex:0 0 40.333333%;max-width:40.333333%; -webkit-transform:translateY(-20%);-ms-transform:translateY(-20%);transform: translate(70px, 55px);}
.quote-card img{width:calc(100% - 53.333333%);-webkit-transform:translate(8%, 15%);-ms-transform:translate(8%, 15%);transform:translate(8%, 15%);}
}

@media screen and (max-width:700px){
.timeline{margin:20px 0px 0px;}
.timeline:before{display:none;}
.timeline ul li .time-mark{width: 100%;text-align: left;display:block;}
.timeline ul li .time-mark:after{display:none;}
.timeline ul li .time-description{width:79%;display:block;margin:18px 0 40px 0;padding:10%;}
.timeline ul li .time-description:before{position:absolute;display:block;content:'';top:-13px;left:20px;border:255px;width:24px;height:24px;margin-bottom:-8px;border-left:1px solid #707070;border-top:1px solid #707070;background:#fff;transform:rotate(45deg);transition:all .4s ease-in-out;}
.quote-card{padding:0px; margin-bottom:20px;}
.quote-card blockquote{-webkit-box-flex:0;-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%;width:auto;-webkit-transform:translateX(0%);-ms-transform:translateX(0%);transform:translateX(0%);min-height: 180px;height: auto;margin:0px !important;padding:122px 50px 100px;}
.quote-card blockquote p:before{top:0.35em;left:0.50em;}
.quote-card img{width:100%;-webkit-transform:translateY(0%);-ms-transform:translateY(0%);transform:translateY(0%);}
}

/* New Snippets CSS */
.fleft{
	float: left;
}
.img-block, figure .img-block {
	position: relative;
	margin: auto;
	overflow: hidden;
	width: 100%;
}
.img-block img, figure .img-block img{
	max-width: 100%;
	transition: all 0.3s;
	display: block;
	width: 100%;
	height: auto;
	transform: scale(1);
}
.img-block:hover img, figure .img-block:hover img{
	transform: scale(1.1);
}
figure.img-cap figcaption{font-size: 12px;}

/* common */
.flex-media {
	overflow: hidden; /* simple clearfix */
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-flow: row wrap;
	justify-content: flex-start;
	margin: 0px -10px;
}
.flex-media.one figure {
	position: relative;
	width: 100%;
	box-sizing: border-box;
	padding: 10px;
    margin: 0px;
}
.flex-media.two figure {
	position: relative;
	float: left;
	width: 50%;
	box-sizing: border-box;
	padding: 10px;
    margin: 0px;
}
.flex-media.three figure {
	position: relative;
	float: left;
    width: 33.3333%;
    box-sizing: border-box;
    padding: 10px;
    margin: 0px;
}
.flex-media figure figcaption{
	padding-top: 0.5rem;
}
/*.flex-media figure figcaption a{
	font-weight:600;
}*/
.flex-media figure img {
	width: 100%;
	height: auto;
	opacity: 1;
}
.flex-media.one figure iframe{
	width: 100%;
    height: 540px;
}
.flex-media.two figure iframe{
	width: 100%;
    height: 265px;
}
.flex-media.three figure iframe{
	width: 100%;
    height: 172px;
}

.masonry-entry figure .img-block:hover img{
    -webkit-transform:scale(1); 
    -moz-transform:scale(1); 
    -ms-transform:scale(1);
    -o-transform:scale(1); 
     
  }

/* Media queries*/
@media screen and (max-width:700px) {
    .flex-media.one figure, .flex-media.two figure, .flex-media.three figure {
        width: calc(100%);
        box-sizing: border-box;
        margin: 0rem;
        position: relative;
    }

        .flex-media.one figure iframe, .flex-media.two figure iframe, .flex-media.three figure iframe {
            width: 100%;
            height: auto;
        }
}