.block.text_on_img .com_container .p_control_wrap { display: inline-block; margin: 10px 0px; }

.block.text_on_img .com_container .p_control_wrap.w_hundred { width: calc( 100% - 1px); }

.block.text_on_img .com_container .p_control_wrap.w_lger { width: calc( 100% - 1px); max-width: 950px; }

.block.text_on_img .com_container .p_control_wrap.w_lg { width: calc( 100% - 1px); max-width: 580px; }

@media screen and (max-width: 800px) { .block.text_on_img .com_container .p_control_wrap.w_lg { max-width: calc( 100% - 1px); } }

.block.text_on_img .com_container .p_control_wrap.w_md { width: calc( 100% - 1px); max-width: 480px; }

@media screen and (max-width: 800px) { .block.text_on_img .com_container .p_control_wrap.w_md { max-width: calc( 100% - 1px); } }

.block.text_on_img .com_container .p_control_wrap.w_sm { width: calc( 100% - 1px); max-width: 380px; }

@media screen and (max-width: 800px) { .block.text_on_img .com_container .p_control_wrap.w_sm { max-width: calc( 100% - 1px); } }

.block.text_on_img .com_container .p_control_wrap.margin_lg { margin: 40px 0px; }

@media screen and (max-width: 800px) { .block.text_on_img.content_seperate .com_container .p_control_wrap { margin: 0px 0px; }
  .block.text_on_img.content_seperate .com_container .p_control_wrap.margin_lg { margin: 0px 0px; } }

.block.text_on_img .com_container { position: absolute; z-index: 2; height: 100%; top: 0px; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); font-size: 0px; }

.block.text_on_img .com_container:before { content: ""; display: inline-block; height: 100%; width: 0px; }

.block.text_on_img > .img_wrap img { width: 100%; }

.block.text_on_img .com_container.full { width: 100%; max-width: 100%; padding-left: 50px; padding-right: 50px; }

@media screen and (max-width: 800px) { .block.text_on_img .com_container.full { padding-left: 0px; padding-right: 0px; } }

.block.text_on_img .com_container.full.v_align .row { width: calc( 100%); }

.block.text_on_img .com_container.with_btn_more_area .btn_more_area { display: block; }

.block.text_on_img .com_container .btn_more_area { display: none; }

.block.text_on_img .btn_more_area { bottom: 60px; }

.block.text_on_img { padding-top: 0px; padding-bottom: 0px; position: relative; }

@media screen and (max-width: 800px) { .block.text_on_img > .img_wrap.onTop { margin-top: -30px; } }

.block.text_on_img .com_container.p_left { text-align: left; }

.block.text_on_img .com_container.p_center { text-align: center; }

.block.text_on_img .com_container.p_right { text-align: right; }

.block.text_on_img .com_container.p_top:before { vertical-align: top; }

.block.text_on_img .com_container.p_top .p_control_wrap { vertical-align: top; }

.block.text_on_img .com_container.p_middle:before { vertical-align: middle; }

.block.text_on_img .com_container.p_middle .p_control_wrap { vertical-align: middle; }

.block.text_on_img .com_container.p_bottom:before { vertical-align: bottom; }

.block.text_on_img .com_container.p_bottom .p_control_wrap { vertical-align: bottom; }

.block.text_on_img .com_container.with_btn_more_area .p_control_wrap { margin-bottom: 220px; }

.block.text_on_img.no_bg_img > .img_wrap img { display: none; }

.block.text_on_img.no_bg_img .com_container { position: static; -webkit-transform: translateX(0%); transform: translateX(0%); }

.block.text_on_img.no_bg_img + .container-content-3-hideCont { padding-top: 0px; }

.block.text_on_img.no_bg_img + .container-content-3-hideCont.pt_80 { padding-top: 0px; }

@media screen and (max-width: 800px) { .block.text_on_img.content_seperate { position: static; padding-top: 20px; padding-bottom: 20px; -webkit-transform: translateX(0%); transform: translateX(0%); }
  .block.text_on_img.content_seperate .img_wrap img { margin-top: 10px; margin-bottom: 10px; }
  .block.text_on_img.content_seperate .com_container { position: static; -webkit-transform: translateX(0%); transform: translateX(0%); }
  .block.text_on_img.content_seperate .com_container.full { width: auto; max-width: 100%; padding-left: 0px; padding-right: 0px; }
  .block.text_on_img.content_seperate .com_container.with_btn_more_area .p_control_wrap { margin: 0px 0px 170px; }
  .block.text_on_img.content_seperate .com_container.with_btn_more_area .p_control_wrap.margin_lg { margin: 0px 0px 170px; }
  .block.text_on_img.content_seperate .com_container .f_black .com_btn:active, .block.text_on_img.content_seperate .com_container .f_white .com_btn:active, .block.text_on_img.content_seperate .com_container .f_purple .com_btn:active, .block.text_on_img.content_seperate .com_container .f_blue .com_btn:active, .block.text_on_img.content_seperate .com_container .f_gray .com_btn:active, .block.text_on_img.content_seperate .com_container .f_light_gray .com_btn:active, .block.text_on_img.content_seperate .com_container .f_gold .com_btn:active, .block.text_on_img.content_seperate .com_container .f_orange .com_btn:active, .block.text_on_img.content_seperate .com_container .f_chestnut .com_btn:active { color: #fff; border-color: #000; background-color: #000; }
  .block.text_on_img.content_seperate + .container-content-3-hideCont { padding-top: 0px; } }

.content-3-collapseBtn { position: absolute; bottom: 60px; color: #fff; text-align: center; left: 50%; -webkit-transform: translate(-50%); transform: translate(-50%); width: 210px; cursor: pointer; }

.content-3-collapseBtn-p { margin-bottom: 20px; }

.container-content-3-showCont { position: relative; }

.container-content-3-hideCont { position: relative; z-index: -1; height: 0px; overflow: hidden; -webkit-transform: scaleY(0) scaleX(0); transform: scaleY(0) scaleX(0); -webkit-transform-origin: top left; transform-origin: top left; -webkit-transition: height 0.5s, -webkit-transform 0.5s; transition: height 0.5s, -webkit-transform 0.5s; transition: height 0.5s, transform 0.5s; transition: height 0.5s, transform 0.5s, -webkit-transform 0.5s; }

.container-content-3-hideCont.show { z-index: 1; height: auto; overflow: hidden; -webkit-transform: scaleY(1) scaleX(1); transform: scaleY(1) scaleX(1); -webkit-transition: height 0.5s, -webkit-transform 0.5s; transition: height 0.5s, -webkit-transform 0.5s; transition: height 0.5s, transform 0.5s; transition: height 0.5s, transform 0.5s, -webkit-transform 0.5s; }

.container-content-3-hideCont.pt_80 { padding-top: 80px; }

.content-3-collapseBtn-img { width: 52px; height: 52px; border-radius: 50%; border-width: 2px; border-style: solid; text-align: center; line-height: 48px; margin-left: auto; margin-right: auto; }

.content-3-collapseBtn-img:before { font-family: icomoon !important; content: "\e91f"; font-size: 20px; font-weight: bold; display: inline-block; }

.content-3-collapseBtn-img.f_black { border-color: #000; }

.content-3-collapseBtn-img.f_white { border-color: #fff; }

.content-3-collapseBtn-img.f_purple { border-color: #492582; }

.content-3-collapseBtn-img.f_blue { border-color: #009FEB; }

.content-3-collapseBtn-img.f_gray { border-color: #4D4F52; }

.content-3-collapseBtn-img.f_light_gray { border-color: #9e9e9e; }

.content-3-collapseBtn-img.f_gold { border-color: #C09D5B; }

.content-3-collapseBtn-img.f_orange { border-color: #E94B20 }

.content-3-collapseBtn-img.f_silver { border-color: #757575; }

.content-3-collapseBtn-img.f_pastel_gray { border-color: #CCCCCC; }

.content-3-collapseBtn-img.f_chestnut { border-color: #926B55; }

.content-3-collapseBtn-img.open:before { -webkit-transform: rotate(45deg); transform: rotate(45deg); }

  @media screen and (max-width: 800px) {
		.expandablecontentblock .text_on_img >.img_wrap.pic-notVector.has-mobile.non-edit  {
			height: 0;
			padding-top: calc(100% * var(--ratio));
			position: relative;
			margin: 0;
		}
    .expandablecontentblock .text_on_img.content_seperate >.img_wrap.pic-notVector.has-mobile {
      --padding-space:20px;
			padding-top: calc(20px + 100% * var(--ratio));
    }
		.expandablecontentblock .text_on_img > .img_wrap.pic-notVector.has-mobile.non-edit > picture {
			position: absolute;
			top: 0;
			bottom: 0;
			left: 0;
			right: 0;
			margin: 0;
		}
	}
/* Expandable Content Block - fix column in expandable image style */
.block.text_on_img .column-control .row {
  margin-left: 0px;
  margin-right: 0px;
}

@media screen and (max-width: 800px) { .block.text_on_img .com_container .p_control_wrap .com_title, .block.text_on_img .com_container .p_control_wrap .com_sub_title, .block.text_on_img .com_container .p_control_wrap .com_text { padding-left: 10px; padding-right: 10px; } }