
/*-------------- Positionality -------------*/
.alignleft, img.alignleft { float:left; margin:0; padding:0 20px 10px 0;}
.alignleft, img.alignright { float:right; margin:0; padding:0 0 10px 20px;}
.true_center {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.vertical_center_n {
    top: 50%;
    transform: translate(0%, -50%);
}

.vertical_center_p {
    top: 50%;
    transform: translate(0%, 50%);
}
.margin_middle {
    margin-left: auto;
    margin-right: auto;
}

/* absolute position styles here
 transform-origin: 50% 50%; */
.v_top_left		{  top: 0; left: 0; transform: translate(0, 0); position: absolute; }
.v_top_middle		{  top: 0; left: 50%; transform: translate(-50%, 0%); position: absolute; }
.v_top_right		{  top: 0; right: 0; transform: translate(0%, 0%); position: absolute; }

.v_left_middle		{  top: 50%; left: 0; transform: translate(0%, -50%); position: absolute; }
.v_middle			{  top: 50%; left: 50%; transform: translate(-50%, -50%); position: absolute; }
.v_right_middle	{  top: 50%; right: 0; transform: translate(0%, -50%); position: absolute; }

.v_bottom_left		{  bottom: 0; left: 0; transform: translate(0%, 0%); position: absolute; }
.v_bottom_middle	{  left: 50%; bottom: 0; transform: translate(-50%, 0%); position: absolute; }
.v_bottom_right	{  bottom: 0; right: 0; transform: translate(0%, 0%); position: absolute; }

.v_middle_bottom {}
.v_middle_left{left: 0; bottom: 50%; transform: translate(-50%, 0%); position: absolute; }


.remove_transform {  
transform: none !important; 
top: unset;
right: unset;
bottom: unset;
left: unset;
position: static;
}


.content_interior{ position:relative;}
.content_interior.t_left .btn{ margin-left:0 !important;}











	

/*@media print, screen and (min-width: 12em) {	*/
@media screen and (max-width: 39.9375em) {
	
	/*-------------- DISPLAY -------------*/
	.display_block-small { display: block; }
	.display_inline-small { display:inline; }
	.display_inline_block-small { display:inline-block; }
	.float_right-small { float:right; }
	.float_left-small { float:left;  }
	.float_none-small { float:none;  }
	.test-small {border: 1px solid red;  }
	

	/*-------------- TEXT ALIGN -------------*/
	.t_left-small,
	.content_interior.t_left-small *,
	.content_interior.t_left-small p,
	.content_interior.t_left-small a,
	.content_interior.t_left-small span,
	.content_interior.t_left-small { text-align:left; }
	.content_interior.t_left-small .btn{ margin-left:0 ;}

	.t_justify-small,
	.content_interior.t_justify-small *,
	.content_interior.t_justify-small p,
	.content_interior.t_justify-small a,
	.content_interior.t_justify-small span,
	.content_interior.t_justify-small { text-align:justify; }

	.t_right-small,
	.content_interior.t_right-small *,
	.content_interior.t_right-small p,
	.content_interior.t_right-small a,
	.content_interior.t_right-small span,
	.content_interior.t_right-small { text-align:right ;}
	.content_interior.t_right-small .btn{ margin-right:0;}

	.t_center-small,
	.content_interior.t_center-small,
	.content_interior.t_center-small *,
	.content_interior.t_center-small p,
	.content_interior.t_center-small a,
	.content_interior.t_center-small span ,
	.content_interior.t_center-small div { text-align:center}

	
	
	
	.small-12up {
        width: 8.36555% !important;
    }
    .small-11up {
        width: 9.12398% !important;
    }
    .small-10up {
        width: 10.033333% !important;
    }
    .small-9up {
        width: 11.143667% !important;
    }
    .small-8up {
        width: 12.532999% !important;
    }
    .small-7up {
        width: 14.318974% !important;
    }
	.small-6up {
        width: 16.699633% !important;
    }
	.small-5up {
        width: 20.033333% !important;
    }
	.small-4up {
        width: 25.023333% !important;
    }
	.small-3up {
        width: 33.33339% !important;
    }
	.small-2up {
        width: 50.039999% !important;
    }
	.small-1up {
        width: 100.033333% !important;
    }
}
	
@media print, screen and (min-width: 40em) {
	
		/*-------------- DISPLAY -------------*/
	.display_block-medium { display: block; }
	.display_inline-medium { display:inline; }
	.display_inline_block-medium { display:inline-block; }
	.float_right-medium { float:right;   }
	.float_left-medium { float:left; }
	.float_none-medium { float:none;  }
	.test-medium {border: 1px solid blue; }
	

		/*-------------- TEXT ALIGN -------------*/
		.t_left-medium,
		.content_interior.t_left-medium *,
		.content_interior.t_left-medium p,
		.content_interior.t_left-medium a,
		.content_interior.t_left-medium span,
		.content_interior.t_left-medium { text-align:left !important; }
		.content_interior.t_left-medium .btn{ margin-left:0 !important;}

		.t_justify-medium,
		.content_interior.t_justify-medium *,
		.content_interior.t_justify-medium p,
		.content_interior.t_justify-medium a,
		.content_interior.t_justify-medium span,
		.content_interior.t_justify-medium { text-align:justify !important; }

		.t_right-medium,
		.content_interior.t_right-medium *,
		.content_interior.t_right-medium p,
		.content_interior.t_right-medium a,
		.content_interior.t_right-medium span,
		.content_interior.t_right-medium { text-align:right !important;}
		.content_interior.t_right-medium .btn{ margin-right:0 !important;}

		.t_center-medium,
		.content_interior.t_center-medium,
		.content_interior.t_center-medium *,
		.content_interior.t_center-medium p,
		.content_interior.t_center-medium a,
		.content_interior.t_center-medium span ,
		.content_interior.t_center-medium div { text-align:center !important}

	
	
		.medium-12up {
			width: 8.36555% !important;
		}
		.medium-11up {
			width: 9.12398% !important;
		}
		.medium-10up {
			width: 10.033333% !important;
		}
		.medium-9up {
			width: 11.143667% !important;
		}
		.medium-8up {
			width: 12.532999% !important;
		}
		.medium-7up {
			width: 14.318974% !important;
		}
		.medium-6up {
			width: 16.699633% !important;
		}
		.medium-5up {
			width: 20.033333% !important;
		}
		.medium-4up {
			width: 25.023333% !important;
		}
		.medium-3up {
			width: 33.33339% !important;
		}
		.medium-2up {
			width: 50.039999% !important;
		}
		.medium-1up {
			width: 100.033333% !important;
		}
}



@media print, screen and (min-width: 64em) {
	
	/*-------------- DISPLAY -------------*/
	.display_block-large { display: block; }
	.display_inline-large { display:inline; }
	.display_inline_block-large { display:inline-block; }
	.float_right-large { float:right; }
	.float_left-large { float:left; }
	.float_none-large { float:none; }
	.test-large { border: 1px solid green;  }
	

	/*-------------- TEXT ALIGN -------------*/
	.t_left-large,
	.content_interior.t_left-large *,
	.content_interior.t_left-large p,
	.content_interior.t_left-large a,
	.content_interior.t_left-large span,
	.content_interior.t_left-large { text-align:left !important; }
	.content_interior.t_left-large .btn{ margin-left:0 !important;}

	.t_justify-large,
	.content_interior.t_justify-large *,
	.content_interior.t_justify-large p,
	.content_interior.t_justify-large a,
	.content_interior.t_justify-large span,
	.content_interior.t_justify-large { text-align:justify; }

	.t_right-large,
	.content_interior.t_right-large *,
	.content_interior.t_right-large p,
	.content_interior.t_right-large a,
	.content_interior.t_right-large span,
	.content_interior.t_right-large { text-align:right !important;}
	.content_interior.t_right-large .btn{ margin-right:0 !important;}

	.t_center-large,
	.content_interior.t_center-large,
	.content_interior.t_center-large *,
	.content_interior.t_center-large p,
	.content_interior.t_center-large a,
	.content_interior.t_center-large span ,
	.content_interior.t_center-large div { text-align:center !important}

	
.large-12up {
        width: 8.36555% !important;
    }
    .large-11up {
        width: 9.12398% !important;
    }
    .large-10up {
        width: 10.033333% !important;
    }
    .large-9up {
        width: 11.143667% !important;
    }
    .large-8up {
        width: 12.532999% !important;
    }
    .large-7up {
        width: 14.318974% !important;
    }
	.large-6up {
        width: 16.699633% !important;
    }
	.large-5up {
        width: 20.033333% !important;
    }
	.large-4up {
        width: 25.023333% !important;
    }
	.large-3up {
        width: 33.33339% !important;
    }
	.large-2up {
        width: 50.039999% !important;
    }
	.large-1up {
        width: 100.033333% !important;
    }
}





/*-------------- DISPLAY -------------*/
.display_block { display: block; }
.display_inline { display:inline; }
.display_inline_block { display:inline-block; }
.float_right { float:right; }
.float_left { float:left; }



/*-------------- TEXT ALIGN Just in case... -------------*/
.t_left,
.content_interior.t_left *,
.content_interior.t_left p,
.content_interior.t_left a,
.content_interior.t_left span,
.content_interior.t_left { text-align:left; }
.content_interior.t_left .btn{ margin-left:0 !important;}

.t_justify-large,
.content_interior.t_justify *,
.content_interior.t_justify p,
.content_interior.t_justify a,
.content_interior.t_justify span,
.content_interior.t_justify { text-align:justify; }

.t_right-large,
.content_interior.t_right *,
.content_interior.t_right p,
.content_interior.t_right a,
.content_interior.t_right span,
.content_interior.t_right { text-align:right !important;}
.content_interior.t_right .btn{ margin-right:0 !important;}

.t_center-large,
.content_interior.t_center,
.content_interior.t_center *,
.content_interior.t_center p,
.content_interior.t_center a,
.content_interior.t_center span ,
.content_interior.t_center div { text-align:center !important}







@media screen and (max-width: 39.9375em) {
  .hide-for-small-only {
    display: none !important; } }

@media screen and (max-width: 0em), screen and (min-width: 40em) {
  .show-for-small-only {
    display: none !important; } }

@media print, screen and (min-width: 40em) {
  .hide-for-medium {
    display: none !important; } }

@media screen and (max-width: 39.9375em) {
  .show-for-medium {
    display: none !important; } }

@media screen and (min-width: 40em) and (max-width: 63.9375em) {
  .hide-for-medium-only {
    display: none !important; } }

@media screen and (max-width: 39.9375em), screen and (min-width: 64em) {
  .show-for-medium-only {
    display: none !important; } }

@media print, screen and (min-width: 64em) {
  .hide-for-large {
    display: none !important; } }

@media screen and (max-width: 63.9375em) {
  .show-for-large {
    display: none !important; } }

@media screen and (min-width: 64em) and (max-width: 74.9375em) {
  .hide-for-large-only {
    display: none !important; } }

@media screen and (max-width: 63.9375em), screen and (min-width: 75em) {
  .show-for-large-only {
    display: none !important; } }



.show-for-sr,
.show-on-focus {
  position: absolute !important;
  width: 1px;
  height: 1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  -webkit-clip-path: inset(50%);
          clip-path: inset(50%);
  border: 0; }

.show-on-focus:active, .show-on-focus:focus {
  position: static !important;
  width: auto;
  height: auto;
  overflow: visible;
  clip: auto;
  white-space: normal;
  -webkit-clip-path: none;
          clip-path: none; }

.show-for-landscape,
.hide-for-portrait {
  display: block !important; }
  @media screen and (orientation: landscape) {
    .show-for-landscape,
    .hide-for-portrait {
      display: block !important; } }
  @media screen and (orientation: portrait) {
    .show-for-landscape,
    .hide-for-portrait {
      display: none !important; } }

.hide-for-landscape,
.show-for-portrait {
  display: none !important; }
  @media screen and (orientation: landscape) {
    .hide-for-landscape,
    .show-for-portrait {
      display: none !important; } }
  @media screen and (orientation: portrait) {
    .hide-for-landscape,
    .show-for-portrait {
      display: block !important; } }

