.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;}
}