.main-style1   { background-color:#c1def1 }
    .main-style3   { background-color:#45bfb0 }
    .main-style2,
    .main-style4   { background-color:#f5c64c }

	/* .tab-slider-wrp .tab-panel {
		flex-basis: 100%;
		flex-shrink: 0;
		flex-grow: 0; 
	} */
    .inbw-height   { height:500px; }

    .in-banner-wrapper                          { margin-top:120px; overflow:hidden; }
    .in-banner-wrapper img                      { width:100%; height:auto}
    .in-banner-wrapper .inbw-img-blk            { width:85%; position:absolute; top:0;}
	.in-banner-wrapper .ms-left .inbw-img-blk   { right:0 }
    .in-banner-wrapper .ms-right .inbw-img-blk  {  left:0 }

    .inbw-img-shape                 { width:40%;}
    .ms-left .inbw-img-shape        { } 
    .ms-right .inbw-img-shape       { margin-left:60%; } 

    .inbw-img-polygon               { position:absolute; width:360px; left:50%; }
    .ms-left .inbw-img-polygon      { top:0; transform: translate(-130%,-0%) }
    .ms-right .inbw-img-polygon     { top:-100px; transform: translate(40%,-0%)}
	/*.main-style1 .inbw-txt-blk .inbw-txt-pos,*/
	/* .main-style2  .inbw-txt-blk .inbw-txt-pos {  margin-left: calc(282px / 50 * 50 * 0.1535);  } */

    .inbw-txt-blk               { position:absolute; width:80%; top:0; left:10%; z-index:15; font-size:50px; color:#0b2063; line-height:0.9em;  line-height:1.2 !important;  }
    .ms-right .inbw-txt-blk     { display:flex; justify-content:right; align-items:center; top:50%; left:50%; transform: translate(-50%, -50%); padding-bottom:50px;}
    .inbw-txt-blk .inbw-txt-pos { width:35%; position:relative; top:50%; transform: translateY(-50%);}
    .inbw-txt-blk .inbw-title-bold 	 { text-transform:uppercase; line-height: 0.9em; font-weight: 500; }
    body.tc .inbw-txt-blk .inbw-title-bold 	 { line-height: 1.1em; }
    .inbw-txt-blk .inbw-title-normal { font-size:50%; margin-top:5px; text-transform:unset; }

    .inbw-for-d { display:block; }
    .inbw-for-m { display:none; }
	
	
	#body .fade-eff { opacity: 0; }
	#body .fade-eff.active { opacity: 1; transition: 0.5s all ease-in-out 0.2s; }
	#body .fade-eff.dly2.active { opacity: 1; transition: 0.5s all ease-in-out 0.8s; }

	#body .inbw-eff1 { transform: translateX(-15vw); }
	#body .inbw-eff1.active { transform: translateX(0); transition: 0.5s all ease-in-out 0.5s; }
	
	#body .inbw-eff2 { top: 100px; opacity: 0; }
	#body .inbw-eff2.active { top: 0; opacity: 1; transition: 0.5s all ease-in-out 0.4s; }
	
	.main-style1 .inbw-img-blk                  { background-position:center left; background-repeat: no-repeat; background-size:cover;}
	.main-style1 .inbw-img-blk.inbw-for-m       { background-position:bottom left; background-repeat: no-repeat; background-size:cover;}
	.main-style1 .inbw-img-pattern.inbw-for-m   { background:url(images/pattern-shape1-m.svg); background-position: top left; background-repeat: no-repeat; background-size:cover; height:500px; }
	.main-style1 .inbw-img-shape                { background:url(images/pattern-shape1.svg); background-position:right bottom; background-repeat:no-repeat; background-size:auto 500px;}
	.main-style1 .inbw-img-polygon              { background:url(images/pattern-polygon-blue.svg); background-position:right bottom; background-repeat:no-repeat; background-size:contain;}

	.main-style2 .inbw-img-blk                  { background-position:center left; background-repeat: no-repeat; background-size:cover;}
	.main-style2 .inbw-img-blk.inbw-for-m       { background-position:bottom left; background-repeat: no-repeat; background-size:cover;}
	.main-style2 .inbw-img-pattern.inbw-for-m   { background:url(images/pattern-shape2-m.svg); background-position: top left; background-repeat: no-repeat; background-size:cover; height:500px; }
	.main-style2 .inbw-img-shape                { background:url(images/pattern-shape2.svg); background-position:right bottom; background-repeat:no-repeat; background-size:auto 500px;}
	.main-style2 .inbw-img-polygon              { background:url(images/pattern-polygon-blue.svg); background-position:right bottom; background-repeat:no-repeat; background-size:contain;}

	.main-style3 .inbw-img-blk                  { background-position:center left; background-repeat: no-repeat; background-size:cover;}
	.main-style3 .inbw-img-blk.inbw-for-m       { background-position:top left; background-repeat: no-repeat; background-size:cover;}
	.main-style3 .inbw-img-pattern.inbw-for-m   { background:url(images/pattern-shape3-m.svg); background-position: bottom right; background-repeat: no-repeat; background-size:cover; height:500px; }
	.main-style3 .inbw-img-shape                { background:url(images/pattern-shape3.svg); background-position: left top; background-repeat:no-repeat; background-size:auto 500px;}
	.main-style3 .inbw-img-polygon              { background:url(images/pattern-polygon-blue.svg); background-position:right bottom; background-repeat:no-repeat; background-size:contain;}

	.main-style4 .inbw-img-blk                  { background-position:center left; background-repeat: no-repeat; background-size:cover;}
	.main-style4 .inbw-img-blk.inbw-for-m       { background-position:top left; background-repeat: no-repeat; background-size:cover;}
	.main-style4 .inbw-img-pattern.inbw-for-m   { background:url(images/pattern-shape4-m.svg); background-position: bottom right; background-repeat: no-repeat; background-size:cover; height:500px; }
	.main-style4 .inbw-img-shape                { background:url(images/pattern-shape4.svg); background-position: left top; background-repeat:no-repeat; background-size:auto 500px;}
	.main-style4 .inbw-img-polygon              { background:url(images/pattern-polygon-blue.svg); background-position:right bottom; background-repeat:no-repeat; background-size:contain;}


	.in-banner .in-banner-wrapper .inbw-img-blk,
	.in-banner .inbw-img-polygon,
	.in-banner .inbw-txt-blk               { position:absolute; }
	

	/* ==========================================================================
	   Media
	============================================================================= */

    @media only screen and (max-width: 1600px) {
    .inbw-txt-blk       				{ left:5%; width:90% }
    .in-banner-wrapper .inbw-img-blk    { width:100%; }
    }

    @media only screen and (max-width: 1400px) {
    .inbw-img-shape     { width:42%;}
    .ms-left .inbw-img-polygon     { transform: translate(-100%,-0%)}
    .ms-right .inbw-img-polygon    { transform: translate(5%,-0%);}
    }

    @media only screen and (max-width: 1180px) {
    .in-banner-wrapper .inbw-txt-blk  { font-size:40px}
    }

    @media only screen and (max-width: 1100px) {
	.inbw-txt-blk { left: 2.5%; }
    .in-banner-wrapper                { margin-top:70px }
	/* .main-style2 .inbw-txt-blk .inbw-txt-pos{ margin-left: calc(282px / 50 * 45 * 0.1535); } */
    }

    @media only screen and (max-width: 1024px) {
    .inbw-height        			  { height:400px; }
    .in-banner-wrapper .inbw-txt-blk  { font-size:30px}

    .inbw-img-polygon            { width:220px; }
    .ms-left .inbw-img-polygon   { transform: translate(-120%,-20%)}
    .ms-right .inbw-img-polygon  { transform: translate(15%,15%);}
    }

	@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 1) {
	.ms-left .inbw-txt-blk .inbw-txt-pos { top:40px; transform: translateY(0);}
	.ms-right .inbw-txt-blk   { padding-bottom:40px;}
	}


    @media only screen and (max-width: 767px) {
    .inbw-for-d { display:none; }
    .inbw-for-m { display:block; width:100%; height:auto; }

    .in-banner-wrapper                  { margin-top:60px; }
    .inbw-img-blk.inbw-height.inbw-for-m,
    .in-banner-wrapper .main-style1,
    .in-banner-wrapper .main-style2,
    .in-banner-wrapper .main-style3,
    .in-banner-wrapper .main-style4       { height:500px; }

	.inbw-txt-blk 						  { position:absolute; bottom:inherit; transform:none; padding:0; font-size:30px; left:0;}
    .inbw-txt-blk .inbw-txt-pos           { width:100%; position:relative; top:inherit; bottom: 0; transform:inherit;  margin-left: calc(282px / 50 * 50 * 0.1535); }
    .ms-left .inbw-txt-blk                { width:100%; top:0; transform:none; display:table; height:500px; padding:5%; }
    .ms-left .inbw-txt-blk .inbw-txt-pos  { width:100%; margin-left:0; display: table-cell; vertical-align:top; padding-right:55%; left:0 }
    .ms-right .inbw-txt-blk               { width:100%; top:0; transform:none; display:table; height:500px; padding:20px; left:0; }
    .ms-right .inbw-txt-blk .inbw-txt-pos { width:100%; margin-left:0; display: table-cell; vertical-align:bottom; padding-left:55%; left:0 }
    
    .inbw-txt-blk .inbw-title-normal      { font-size:60%; line-height:1.2; }

    }

    @media only screen and (max-width:560px) {
    .in-banner-wrapper .inbw-txt-blk    { font-size:22px}

    }

    @media only screen and (max-width:360px) {
  	.in-banner-wrapper .inbw-txt-blk    { font-size:22px}
    }

    @media only screen and (max-width:300px) {
	.ms-right .inbw-txt-blk .inbw-txt-pos { padding-left:35%; }
    }