/*
 @ reset */
* {
  margin: 0;
  padding: 0;
  list-style-type: none;
  outline-width: 0;
  outline-style: none;
  position: relative;
  box-sizing: border-box; }

i, em {
  font-style: normal; }

u, s {
  text-decoration: none; }

img {
  display: block;
  font-size: 0;
  margin: 0;
  width: 100%; }

a {
  text-decoration: none; }
  a img {
    border: 0; }

fieldset {
  border: 0; }

address {
  font-style: normal; }

.hypens {
  hyphens: auto;
  -webkit-hyphens: auto;
  -moz-hyphens: auto; }

/*
 @ html 5 */
section, header, footer, article, time, aside, nav {
  display: block; }

input, button, select, textarea {
  font: 300 14px 'Roboto','Arial';
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  outline-width: 0;
  /*
  	&:focus { outline:0!important;}
  	&:active {
  		outline: none!important;
  		border: none;
  	} 
  */
  border-radius: 0;
  color: #444;
  border: 0; }

/* -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   - 
@ relative  */
/* -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   - 
@ kit  */
.h {
  height: 100%; }

.of-point {
  pointer-events: none;
  opacity: 0.7; }

/* -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   - 
@ perde*/
.ovrly {
  background: rgba(18, 18, 18, 0.8);
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  position: fixed;
  z-index: 7; }

.ovrly.tre,
.ovrly.two,
.ovrly.one {
  visibility: hidden;
  opacity: 0;
  transition: opacity .3s;
  z-index: 7; }

.ovrly.two {
  background: rgba(0, 0, 0, 0.09);
  transition: opacity .2s; }

html.ovrly-one .ovrly.one {
  visibility: visible;
  opacity: 1; }

html.un-scr body {
  height: auto !important;
  overflow: hidden; }

.hide-scr::-webkit-scrollbar {
  display: none; }

.scr-y {
  height: 100%;
  overflow-y: scroll;
  overflow-x: hidden; }

.scr-touch {
  -webkit-overflow-scrolling: touch;
  overflow-scrolling: touch;
  -os-overflow-scrolling: touch; }

/*
.cc-click > * > *,
.c-click > *,
.click 								{ cursor: pointer } */
.prt, .prb, .plt,
.plb, .pcx, .pcy, .pcxy {
  position: absolute; }

.prt, .plt {
  top: 0; }

.prb, .plb {
  bottom: 0; }

.prt, .prb {
  right: 0; }

.plt, .plb {
  left: 0; }

.pcx, .pcxy {
  left: 50%;
  right: 50%; }

.pcy, .pcxy {
  top: 50%;
  bottom: 50%; }

.span-fix {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 1; }

/*  -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   - 
@ clear groups */
/*  -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   - 
@ child > left */
/*  -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   - 
@ child > left */
/* -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   - 
@ margin  auto */
.cm {
  margin-left: auto;
  margin-right: auto; }

/* -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   - 
@ likit img  */
img.iw, .iw img {
  display: block;
  width: 100%; }

/* -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   - 
@ Grid's block */
/* -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   - 
@ Flex */
.flex {
  display: flex; }

.flex.mc {
  align-items: center;
  justify-content: center; }

.flex.yc {
  align-items: center; }

.flex.bw {
  justify-content: space-between; }

.flex.end {
  justify-content: flex-end; }

/* -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   - 
@ BootStrap Yama    */
.row.mc {
  align-items: center;
  justify-content: center; }

.row.yc {
  align-items: center; }

.row.bw {
  justify-content: space-between; }

.row.end {
  justify-content: flex-end; }

.row.ng, .row.ns {
  margin-right: 0;
  margin-left: 0; }
  .row.ng.cm, .row.ns.cm {
    margin-left: auto;
    margin-right: auto; }

.row.ng > *,
.row.ns > * {
  padding-left: 0;
  padding-right: 0; }

.row.ob > * {
  padding-bottom: 15px; }

.row.nb > * {
  padding-bottom: 15px; }

.container-fluid.ng {
  padding: 0; }

.row.gut1 {
  margin-left: -5px;
  margin-right: -5px; }
  .row.gut1 > * {
    padding-left: 5px;
    padding-right: 5px; }

.row.gut2 {
  margin-left: -7.5px;
  margin-right: -7.5px; }
  .row.gut2 > * {
    padding-left: 7.5px;
    padding-right: 7.5px; }

.row.gut3 {
  margin-left: -10px;
  margin-right: -10px; }
  .row.gut3 > * {
    padding-left: 10px;
    padding-right: 10px; }

.row.gut0 {
  margin-left: -15px;
  margin-right: -15px; }
  .row.gut0 > * {
    padding-left: 15px;
    padding-right: 15px; }

.row.gut4 {
  margin-left: -20px;
  margin-right: -20px; }
  .row.gut4 > * {
    padding-left: 20px;
    padding-right: 20px; }

.row.gut5 {
  margin-left: -25px;
  margin-right: -25px; }
  .row.gut5 > * {
    padding-left: 25px;
    padding-right: 25px; }

.row.gut6 {
  margin-left: -30px;
  margin-right: -30px; }
  .row.gut6 > * {
    padding-left: 30px;
    padding-right: 30px; }

.row.ob > * {
  padding-bottom: 15px; }

.row.ob[class*='gut1'] > * {
  padding-bottom: 5px; }

.row.ob[class*='gut2'] > * {
  padding-bottom: 7.5px; }

.row.ob[class*='gut3'] > * {
  padding-bottom: 10px; }

.row.ob[class*='gut0'] > * {
  padding-bottom: 15px; }

.row.ob[class*='gut4'] > * {
  padding-bottom: 20px; }

.row.ob[class*='gut5'] > * {
  padding-bottom: 25px; }

.row.ob[class*='gut6'] > * {
  padding-bottom: 30px; }

.row.nb > * {
  padding-bottom: 0; }

@media screen and (max-width: 1200px) {
  .row.gut1-lg {
    margin-left: -5px;
    margin-right: -5px; }
    .row.gut1-lg > * {
      padding-left: 5px;
      padding-right: 5px; }

  .row.gut2-lg {
    margin-left: -7.5px;
    margin-right: -7.5px; }
    .row.gut2-lg > * {
      padding-left: 7.5px;
      padding-right: 7.5px; }

  .row.gut3-lg {
    margin-left: -10px;
    margin-right: -10px; }
    .row.gut3-lg > * {
      padding-left: 10px;
      padding-right: 10px; }

  .row.gut0-lg {
    margin-left: -15px;
    margin-right: -15px; }
    .row.gut0-lg > * {
      padding-left: 15px;
      padding-right: 15px; }

  .row.gut4-lg {
    margin-left: -20px;
    margin-right: -20px; }
    .row.gut4-lg > * {
      padding-left: 20px;
      padding-right: 20px; }

  .row.gut5-lg {
    margin-left: -25px;
    margin-right: -25px; }
    .row.gut5-lg > * {
      padding-left: 25px;
      padding-right: 25px; }

  .row.gut6-lg {
    margin-left: -30px;
    margin-right: -30px; }
    .row.gut6-lg > * {
      padding-left: 30px;
      padding-right: 30px; }

  .row.ob-lg > * {
    padding-bottom: 15px; }

  .row.ob-lg[class*='gut1'] > * {
    padding-bottom: 5px; }

  .row.ob-lg[class*='gut2'] > * {
    padding-bottom: 7.5px; }

  .row.ob-lg[class*='gut3'] > * {
    padding-bottom: 10px; }

  .row.ob-lg[class*='gut0'] > * {
    padding-bottom: 15px; }

  .row.ob-lg[class*='gut4'] > * {
    padding-bottom: 20px; }

  .row.ob-lg[class*='gut5'] > * {
    padding-bottom: 25px; }

  .row.ob-lg[class*='gut6'] > * {
    padding-bottom: 30px; }

  .row.nb-lg > * {
    padding-bottom: 0; } }
@media screen and (max-width: 992px) {
  .row.gut1-md {
    margin-left: -5px;
    margin-right: -5px; }
    .row.gut1-md > * {
      padding-left: 5px;
      padding-right: 5px; }

  .row.gut2-md {
    margin-left: -7.5px;
    margin-right: -7.5px; }
    .row.gut2-md > * {
      padding-left: 7.5px;
      padding-right: 7.5px; }

  .row.gut3-md {
    margin-left: -10px;
    margin-right: -10px; }
    .row.gut3-md > * {
      padding-left: 10px;
      padding-right: 10px; }

  .row.gut0-md {
    margin-left: -15px;
    margin-right: -15px; }
    .row.gut0-md > * {
      padding-left: 15px;
      padding-right: 15px; }

  .row.gut4-md {
    margin-left: -20px;
    margin-right: -20px; }
    .row.gut4-md > * {
      padding-left: 20px;
      padding-right: 20px; }

  .row.gut5-md {
    margin-left: -25px;
    margin-right: -25px; }
    .row.gut5-md > * {
      padding-left: 25px;
      padding-right: 25px; }

  .row.gut6-md {
    margin-left: -30px;
    margin-right: -30px; }
    .row.gut6-md > * {
      padding-left: 30px;
      padding-right: 30px; }

  .row.ob-md > * {
    padding-bottom: 15px; }

  .row.ob-md[class*='gut1'] > * {
    padding-bottom: 5px; }

  .row.ob-md[class*='gut2'] > * {
    padding-bottom: 7.5px; }

  .row.ob-md[class*='gut3'] > * {
    padding-bottom: 10px; }

  .row.ob-md[class*='gut0'] > * {
    padding-bottom: 15px; }

  .row.ob-md[class*='gut4'] > * {
    padding-bottom: 20px; }

  .row.ob-md[class*='gut5'] > * {
    padding-bottom: 25px; }

  .row.ob-md[class*='gut6'] > * {
    padding-bottom: 30px; }

  .row.nb-md > * {
    padding-bottom: 0; } }
@media screen and (max-width: 768px) {
  .row.gut1-sm {
    margin-left: -5px;
    margin-right: -5px; }
    .row.gut1-sm > * {
      padding-left: 5px;
      padding-right: 5px; }

  .row.gut2-sm {
    margin-left: -7.5px;
    margin-right: -7.5px; }
    .row.gut2-sm > * {
      padding-left: 7.5px;
      padding-right: 7.5px; }

  .row.gut3-sm {
    margin-left: -10px;
    margin-right: -10px; }
    .row.gut3-sm > * {
      padding-left: 10px;
      padding-right: 10px; }

  .row.gut0-sm {
    margin-left: -15px;
    margin-right: -15px; }
    .row.gut0-sm > * {
      padding-left: 15px;
      padding-right: 15px; }

  .row.gut4-sm {
    margin-left: -20px;
    margin-right: -20px; }
    .row.gut4-sm > * {
      padding-left: 20px;
      padding-right: 20px; }

  .row.gut5-sm {
    margin-left: -25px;
    margin-right: -25px; }
    .row.gut5-sm > * {
      padding-left: 25px;
      padding-right: 25px; }

  .row.gut6-sm {
    margin-left: -30px;
    margin-right: -30px; }
    .row.gut6-sm > * {
      padding-left: 30px;
      padding-right: 30px; }

  .row.ob-sm > * {
    padding-bottom: 15px; }

  .row.ob-sm[class*='gut1'] > * {
    padding-bottom: 5px; }

  .row.ob-sm[class*='gut2'] > * {
    padding-bottom: 7.5px; }

  .row.ob-sm[class*='gut3'] > * {
    padding-bottom: 10px; }

  .row.ob-sm[class*='gut0'] > * {
    padding-bottom: 15px; }

  .row.ob-sm[class*='gut4'] > * {
    padding-bottom: 20px; }

  .row.ob-sm[class*='gut5'] > * {
    padding-bottom: 25px; }

  .row.ob-sm[class*='gut6'] > * {
    padding-bottom: 30px; }

  .row.nb-sm > * {
    padding-bottom: 0; } }
@media screen and (max-width: 576px) {
  .row.gut1-xs {
    margin-left: -5px;
    margin-right: -5px; }
    .row.gut1-xs > * {
      padding-left: 5px;
      padding-right: 5px; }

  .row.gut2-xs {
    margin-left: -7.5px;
    margin-right: -7.5px; }
    .row.gut2-xs > * {
      padding-left: 7.5px;
      padding-right: 7.5px; }

  .row.gut3-xs {
    margin-left: -10px;
    margin-right: -10px; }
    .row.gut3-xs > * {
      padding-left: 10px;
      padding-right: 10px; }

  .row.gut0-xs {
    margin-left: -15px;
    margin-right: -15px; }
    .row.gut0-xs > * {
      padding-left: 15px;
      padding-right: 15px; }

  .row.gut4-xs {
    margin-left: -20px;
    margin-right: -20px; }
    .row.gut4-xs > * {
      padding-left: 20px;
      padding-right: 20px; }

  .row.gut5-xs {
    margin-left: -25px;
    margin-right: -25px; }
    .row.gut5-xs > * {
      padding-left: 25px;
      padding-right: 25px; }

  .row.gut6-xs {
    margin-left: -30px;
    margin-right: -30px; }
    .row.gut6-xs > * {
      padding-left: 30px;
      padding-right: 30px; }

  .row.ob-xs > * {
    padding-bottom: 15px; }

  .row.ob-xs[class*='gut1'] > * {
    padding-bottom: 5px; }

  .row.ob-xs[class*='gut2'] > * {
    padding-bottom: 7.5px; }

  .row.ob-xs[class*='gut3'] > * {
    padding-bottom: 10px; }

  .row.ob-xs[class*='gut0'] > * {
    padding-bottom: 15px; }

  .row.ob-xs[class*='gut4'] > * {
    padding-bottom: 20px; }

  .row.ob-xs[class*='gut5'] > * {
    padding-bottom: 25px; }

  .row.ob-xs[class*='gut6'] > * {
    padding-bottom: 30px; }

  .row.nb-xs > * {
    padding-bottom: 0; } }
/* -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   - 
@ Html Kit */
.hide {
  display: none; }
  .hide.import {
    display: none !important; }

.show {
  display: block; }
  .show.row, .show.flex {
    display: flex; }

/*  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  - 
@ Visible Mod */
/*  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  - 
@ Display */
/* 
.none			{ display:none; 	&.import { display:none!important 	}}
.block			{ display:block; 	&.import { display:block!important 	}}
.inline			{ display:inline; 	&.import { display:inline!important }}
.flex 			{ display:flex; 	&.import { display:flex!important 	}}
*/
/*  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  - 
@ Float's */
/*
.float-left 				{ float:left }	
.float-none 				{ float:none }	
.unfloat3 >  * > * > *,
.unfloat2 >  * > *, 	
.unfloat > * 			{ float: none } */
/*  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  - 
@ Positions */
/*
.relative 			{ position:relative }
.absolute 			{ position:absolute }
.static 				{ position:static 	}
.fixed 				{ position:fixed 	} */
/*  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  - 
@ Text Mods */
.txt-j {
  text-align: justify; }

.txt-c {
  text-align: center; }

.txt-r {
  text-align: right; }

.txt-l {
  text-align: left; }

/*  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  - 
@ Grid un size  */
/*  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  - 
@ str cut */
/*  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  - 
@ Table Convert */
		/*
		@if ( $mod == '-xs') or ( $mod == '-ms') {
		
			.t-block 			{ display:block;
				tbody,tfoot,thead,
				tr,td,th  				{ display:block }
			}

			.t-block table 		{ display:block;
				tbody,tfoot,thead,
				tr,td,th  				{ display:block }
			}

		} */
/*  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  - 
@ Width */
*[style*="--mw:"] {
  margin: 0 auto;
  max-width: var(--mw); }

/*  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  - 
@ Sifir */
.pl-0 {
  padding-left: 0; }

.pr-0 {
  padding-right: 0; }

.pt-0 {
  padding-top: 0; }

.pb-0 {
  padding-bottom: 0; }

.mt-0 {
  margin-top: 0; }

.mb-0 {
  margin-bottom: 0; }

.mr-0 {
  margin-right: 0; }

.ml-0 {
  margin-left: 0; }

.py-0 {
  padding-top: 0;
  padding-bottom: 0; }

.my-0 {
  margin-top: 0;
  margin-bottom: 0; }

/*  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  - 
@ Space */
.w-5 {
  width: 5%; }

.mt-5 {
  margin-top: 5px; }

.mb-5 {
  margin-bottom: 5px; }

.ml-5 {
  margin-left: 5px; }

.pl-5 {
  padding-left: 5px; }

.pr-5 {
  padding-right: 5px; }

.pt-5 {
  padding-top: 5px; }

.pb-5 {
  padding-bottom: 5px; }

.py-5 {
  padding-top: 5px;
  padding-bottom: 5px; }

.my-5 {
  margin-top: 5px;
  margin-bottom: 5px; }

.w-10 {
  width: 10%; }

.mt-10 {
  margin-top: 10px; }

.mb-10 {
  margin-bottom: 10px; }

.ml-10 {
  margin-left: 10px; }

.pl-10 {
  padding-left: 10px; }

.pr-10 {
  padding-right: 10px; }

.pt-10 {
  padding-top: 10px; }

.pb-10 {
  padding-bottom: 10px; }

.py-10 {
  padding-top: 10px;
  padding-bottom: 10px; }

.my-10 {
  margin-top: 10px;
  margin-bottom: 10px; }

.w-15 {
  width: 15%; }

.mt-15 {
  margin-top: 15px; }

.mb-15 {
  margin-bottom: 15px; }

.ml-15 {
  margin-left: 15px; }

.pl-15 {
  padding-left: 15px; }

.pr-15 {
  padding-right: 15px; }

.pt-15 {
  padding-top: 15px; }

.pb-15 {
  padding-bottom: 15px; }

.py-15 {
  padding-top: 15px;
  padding-bottom: 15px; }

.my-15 {
  margin-top: 15px;
  margin-bottom: 15px; }

.w-20 {
  width: 20%; }

.mt-20 {
  margin-top: 20px; }

.mb-20 {
  margin-bottom: 20px; }

.ml-20 {
  margin-left: 20px; }

.pl-20 {
  padding-left: 20px; }

.pr-20 {
  padding-right: 20px; }

.pt-20 {
  padding-top: 20px; }

.pb-20 {
  padding-bottom: 20px; }

.py-20 {
  padding-top: 20px;
  padding-bottom: 20px; }

.my-20 {
  margin-top: 20px;
  margin-bottom: 20px; }

.w-25 {
  width: 25%; }

.mt-25 {
  margin-top: 25px; }

.mb-25 {
  margin-bottom: 25px; }

.ml-25 {
  margin-left: 25px; }

.pl-25 {
  padding-left: 25px; }

.pr-25 {
  padding-right: 25px; }

.pt-25 {
  padding-top: 25px; }

.pb-25 {
  padding-bottom: 25px; }

.py-25 {
  padding-top: 25px;
  padding-bottom: 25px; }

.my-25 {
  margin-top: 25px;
  margin-bottom: 25px; }

.w-30 {
  width: 30%; }

.mt-30 {
  margin-top: 30px; }

.mb-30 {
  margin-bottom: 30px; }

.ml-30 {
  margin-left: 30px; }

.pl-30 {
  padding-left: 30px; }

.pr-30 {
  padding-right: 30px; }

.pt-30 {
  padding-top: 30px; }

.pb-30 {
  padding-bottom: 30px; }

.py-30 {
  padding-top: 30px;
  padding-bottom: 30px; }

.my-30 {
  margin-top: 30px;
  margin-bottom: 30px; }

.w-35 {
  width: 35%; }

.mt-35 {
  margin-top: 35px; }

.mb-35 {
  margin-bottom: 35px; }

.ml-35 {
  margin-left: 35px; }

.pl-35 {
  padding-left: 35px; }

.pr-35 {
  padding-right: 35px; }

.pt-35 {
  padding-top: 35px; }

.pb-35 {
  padding-bottom: 35px; }

.py-35 {
  padding-top: 35px;
  padding-bottom: 35px; }

.my-35 {
  margin-top: 35px;
  margin-bottom: 35px; }

.w-40 {
  width: 40%; }

.mt-40 {
  margin-top: 40px; }

.mb-40 {
  margin-bottom: 40px; }

.ml-40 {
  margin-left: 40px; }

.pl-40 {
  padding-left: 40px; }

.pr-40 {
  padding-right: 40px; }

.pt-40 {
  padding-top: 40px; }

.pb-40 {
  padding-bottom: 40px; }

.py-40 {
  padding-top: 40px;
  padding-bottom: 40px; }

.my-40 {
  margin-top: 40px;
  margin-bottom: 40px; }

.w-45 {
  width: 45%; }

.mt-45 {
  margin-top: 45px; }

.mb-45 {
  margin-bottom: 45px; }

.ml-45 {
  margin-left: 45px; }

.pl-45 {
  padding-left: 45px; }

.pr-45 {
  padding-right: 45px; }

.pt-45 {
  padding-top: 45px; }

.pb-45 {
  padding-bottom: 45px; }

.py-45 {
  padding-top: 45px;
  padding-bottom: 45px; }

.my-45 {
  margin-top: 45px;
  margin-bottom: 45px; }

.w-50 {
  width: 50%; }

.mt-50 {
  margin-top: 50px; }

.mb-50 {
  margin-bottom: 50px; }

.ml-50 {
  margin-left: 50px; }

.pl-50 {
  padding-left: 50px; }

.pr-50 {
  padding-right: 50px; }

.pt-50 {
  padding-top: 50px; }

.pb-50 {
  padding-bottom: 50px; }

.py-50 {
  padding-top: 50px;
  padding-bottom: 50px; }

.my-50 {
  margin-top: 50px;
  margin-bottom: 50px; }

.w-55 {
  width: 55%; }

.mt-55 {
  margin-top: 55px; }

.mb-55 {
  margin-bottom: 55px; }

.ml-55 {
  margin-left: 55px; }

.pl-55 {
  padding-left: 55px; }

.pr-55 {
  padding-right: 55px; }

.pt-55 {
  padding-top: 55px; }

.pb-55 {
  padding-bottom: 55px; }

.py-55 {
  padding-top: 55px;
  padding-bottom: 55px; }

.my-55 {
  margin-top: 55px;
  margin-bottom: 55px; }

.w-60 {
  width: 60%; }

.mt-60 {
  margin-top: 60px; }

.mb-60 {
  margin-bottom: 60px; }

.ml-60 {
  margin-left: 60px; }

.pl-60 {
  padding-left: 60px; }

.pr-60 {
  padding-right: 60px; }

.pt-60 {
  padding-top: 60px; }

.pb-60 {
  padding-bottom: 60px; }

.py-60 {
  padding-top: 60px;
  padding-bottom: 60px; }

.my-60 {
  margin-top: 60px;
  margin-bottom: 60px; }

.w-65 {
  width: 65%; }

.mt-65 {
  margin-top: 65px; }

.mb-65 {
  margin-bottom: 65px; }

.ml-65 {
  margin-left: 65px; }

.pl-65 {
  padding-left: 65px; }

.pr-65 {
  padding-right: 65px; }

.pt-65 {
  padding-top: 65px; }

.pb-65 {
  padding-bottom: 65px; }

.py-65 {
  padding-top: 65px;
  padding-bottom: 65px; }

.my-65 {
  margin-top: 65px;
  margin-bottom: 65px; }

.w-70 {
  width: 70%; }

.mt-70 {
  margin-top: 70px; }

.mb-70 {
  margin-bottom: 70px; }

.ml-70 {
  margin-left: 70px; }

.pl-70 {
  padding-left: 70px; }

.pr-70 {
  padding-right: 70px; }

.pt-70 {
  padding-top: 70px; }

.pb-70 {
  padding-bottom: 70px; }

.py-70 {
  padding-top: 70px;
  padding-bottom: 70px; }

.my-70 {
  margin-top: 70px;
  margin-bottom: 70px; }

.w-75 {
  width: 75%; }

.mt-75 {
  margin-top: 75px; }

.mb-75 {
  margin-bottom: 75px; }

.ml-75 {
  margin-left: 75px; }

.pl-75 {
  padding-left: 75px; }

.pr-75 {
  padding-right: 75px; }

.pt-75 {
  padding-top: 75px; }

.pb-75 {
  padding-bottom: 75px; }

.py-75 {
  padding-top: 75px;
  padding-bottom: 75px; }

.my-75 {
  margin-top: 75px;
  margin-bottom: 75px; }

.w-80 {
  width: 80%; }

.mt-80 {
  margin-top: 80px; }

.mb-80 {
  margin-bottom: 80px; }

.ml-80 {
  margin-left: 80px; }

.pl-80 {
  padding-left: 80px; }

.pr-80 {
  padding-right: 80px; }

.pt-80 {
  padding-top: 80px; }

.pb-80 {
  padding-bottom: 80px; }

.py-80 {
  padding-top: 80px;
  padding-bottom: 80px; }

.my-80 {
  margin-top: 80px;
  margin-bottom: 80px; }

.w-85 {
  width: 85%; }

.mt-85 {
  margin-top: 85px; }

.mb-85 {
  margin-bottom: 85px; }

.ml-85 {
  margin-left: 85px; }

.pl-85 {
  padding-left: 85px; }

.pr-85 {
  padding-right: 85px; }

.pt-85 {
  padding-top: 85px; }

.pb-85 {
  padding-bottom: 85px; }

.py-85 {
  padding-top: 85px;
  padding-bottom: 85px; }

.my-85 {
  margin-top: 85px;
  margin-bottom: 85px; }

.w-90 {
  width: 90%; }

.mt-90 {
  margin-top: 90px; }

.mb-90 {
  margin-bottom: 90px; }

.ml-90 {
  margin-left: 90px; }

.pl-90 {
  padding-left: 90px; }

.pr-90 {
  padding-right: 90px; }

.pt-90 {
  padding-top: 90px; }

.pb-90 {
  padding-bottom: 90px; }

.py-90 {
  padding-top: 90px;
  padding-bottom: 90px; }

.my-90 {
  margin-top: 90px;
  margin-bottom: 90px; }

.w-95 {
  width: 95%; }

.mt-95 {
  margin-top: 95px; }

.mb-95 {
  margin-bottom: 95px; }

.ml-95 {
  margin-left: 95px; }

.pl-95 {
  padding-left: 95px; }

.pr-95 {
  padding-right: 95px; }

.pt-95 {
  padding-top: 95px; }

.pb-95 {
  padding-bottom: 95px; }

.py-95 {
  padding-top: 95px;
  padding-bottom: 95px; }

.my-95 {
  margin-top: 95px;
  margin-bottom: 95px; }

.w-100 {
  width: 100%; }

.mt-100 {
  margin-top: 100px; }

.mb-100 {
  margin-bottom: 100px; }

.ml-100 {
  margin-left: 100px; }

.pl-100 {
  padding-left: 100px; }

.pr-100 {
  padding-right: 100px; }

.pt-100 {
  padding-top: 100px; }

.pb-100 {
  padding-bottom: 100px; }

.py-100 {
  padding-top: 100px;
  padding-bottom: 100px; }

.my-100 {
  margin-top: 100px;
  margin-bottom: 100px; }

@media screen and (max-width: 1200px) {
  .hide-lg {
    display: none; }
    .hide-lg.import {
      display: none !important; }

  .show-lg {
    display: block; }
    .show-lg.row, .show-lg.flex {
      display: flex; }

  /*  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  - 
  @ Visible Mod */
  /*  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  - 
  @ Display */
  /* 
  .none-lg			{ display:none; 	&.import { display:none!important 	}}
  .block-lg			{ display:block; 	&.import { display:block!important 	}}
  .inline-lg			{ display:inline; 	&.import { display:inline!important }}
  .flex-lg 			{ display:flex; 	&.import { display:flex!important 	}}
  */
  /*  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  - 
  @ Float's */
  /*
  .float-left-lg 				{ float:left }	
  .float-none-lg 				{ float:none }	
  .unfloat3-lg >  * > * > *,
  .unfloat2-lg >  * > *, 	
  .unfloat-lg > * 			{ float: none } */
  /*  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  - 
  @ Positions */
  /*
  .relative-lg 			{ position:relative }
  .absolute-lg 			{ position:absolute }
  .static-lg 				{ position:static 	}
  .fixed-lg 				{ position:fixed 	} */
  /*  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  - 
  @ Text Mods */
  .txt-lg-j {
    text-align: justify; }

  .txt-lg-c {
    text-align: center; }

  .txt-lg-r {
    text-align: right; }

  .txt-lg-l {
    text-align: left; }

  /*  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  - 
  @ Grid un size  */
  /*  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  - 
  @ str cut */
  /*  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  - 
  @ Table Convert */
  		/*
  		@if ( $mod == '-xs') or ( $mod == '-ms') {
  		
  			.t-block-lg 			{ display:block;
  				tbody,tfoot,thead,
  				tr,td,th  				{ display:block }
  			}
  
  			.t-block-lg table 		{ display:block;
  				tbody,tfoot,thead,
  				tr,td,th  				{ display:block }
  			}
  
  		} */
  /*  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  - 
  @ Width */
  .var[style*="--lg-fs:"] {
    font-size: calc( var(--lg-fs) * 1px ) !important; }

  .var[style*="--lg-h:"] {
    height: var(--lg-h) !important; }

  .var[style*="w-lg"] {
    width: var(--w-lg) !important; }

  textarea.y[style*="--lg"] {
    height: calc(var(--lg) * 1px ) !important; }

  .crop[style*="lg"] {
    height: calc(var(--lg) * 1px); }

  /*  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  - 
  @ Sifir */
  .pl-0-lg {
    padding-left: 0; }

  .pr-0-lg {
    padding-right: 0; }

  .pt-0-lg {
    padding-top: 0; }

  .pb-0-lg {
    padding-bottom: 0; }

  .mt-0-lg {
    margin-top: 0; }

  .mb-0-lg {
    margin-bottom: 0; }

  .mr-0-lg {
    margin-right: 0; }

  .ml-0-lg {
    margin-left: 0; }

  .py-0-lg {
    padding-top: 0;
    padding-bottom: 0; }

  .my-0-lg {
    margin-top: 0;
    margin-bottom: 0; }

  /*  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  - 
  @ Space */
  .w-5-lg {
    width: 5%; }

  .mt-5-lg {
    margin-top: 5px; }

  .mb-5-lg {
    margin-bottom: 5px; }

  .ml-5-lg {
    margin-left: 5px; }

  .pl-5-lg {
    padding-left: 5px; }

  .pr-5-lg {
    padding-right: 5px; }

  .pt-5-lg {
    padding-top: 5px; }

  .pb-5-lg {
    padding-bottom: 5px; }

  .py-5-lg {
    padding-top: 5px;
    padding-bottom: 5px; }

  .my-5-lg {
    margin-top: 5px;
    margin-bottom: 5px; }

  .w-10-lg {
    width: 10%; }

  .mt-10-lg {
    margin-top: 10px; }

  .mb-10-lg {
    margin-bottom: 10px; }

  .ml-10-lg {
    margin-left: 10px; }

  .pl-10-lg {
    padding-left: 10px; }

  .pr-10-lg {
    padding-right: 10px; }

  .pt-10-lg {
    padding-top: 10px; }

  .pb-10-lg {
    padding-bottom: 10px; }

  .py-10-lg {
    padding-top: 10px;
    padding-bottom: 10px; }

  .my-10-lg {
    margin-top: 10px;
    margin-bottom: 10px; }

  .w-15-lg {
    width: 15%; }

  .mt-15-lg {
    margin-top: 15px; }

  .mb-15-lg {
    margin-bottom: 15px; }

  .ml-15-lg {
    margin-left: 15px; }

  .pl-15-lg {
    padding-left: 15px; }

  .pr-15-lg {
    padding-right: 15px; }

  .pt-15-lg {
    padding-top: 15px; }

  .pb-15-lg {
    padding-bottom: 15px; }

  .py-15-lg {
    padding-top: 15px;
    padding-bottom: 15px; }

  .my-15-lg {
    margin-top: 15px;
    margin-bottom: 15px; }

  .w-20-lg {
    width: 20%; }

  .mt-20-lg {
    margin-top: 20px; }

  .mb-20-lg {
    margin-bottom: 20px; }

  .ml-20-lg {
    margin-left: 20px; }

  .pl-20-lg {
    padding-left: 20px; }

  .pr-20-lg {
    padding-right: 20px; }

  .pt-20-lg {
    padding-top: 20px; }

  .pb-20-lg {
    padding-bottom: 20px; }

  .py-20-lg {
    padding-top: 20px;
    padding-bottom: 20px; }

  .my-20-lg {
    margin-top: 20px;
    margin-bottom: 20px; }

  .w-25-lg {
    width: 25%; }

  .mt-25-lg {
    margin-top: 25px; }

  .mb-25-lg {
    margin-bottom: 25px; }

  .ml-25-lg {
    margin-left: 25px; }

  .pl-25-lg {
    padding-left: 25px; }

  .pr-25-lg {
    padding-right: 25px; }

  .pt-25-lg {
    padding-top: 25px; }

  .pb-25-lg {
    padding-bottom: 25px; }

  .py-25-lg {
    padding-top: 25px;
    padding-bottom: 25px; }

  .my-25-lg {
    margin-top: 25px;
    margin-bottom: 25px; }

  .w-30-lg {
    width: 30%; }

  .mt-30-lg {
    margin-top: 30px; }

  .mb-30-lg {
    margin-bottom: 30px; }

  .ml-30-lg {
    margin-left: 30px; }

  .pl-30-lg {
    padding-left: 30px; }

  .pr-30-lg {
    padding-right: 30px; }

  .pt-30-lg {
    padding-top: 30px; }

  .pb-30-lg {
    padding-bottom: 30px; }

  .py-30-lg {
    padding-top: 30px;
    padding-bottom: 30px; }

  .my-30-lg {
    margin-top: 30px;
    margin-bottom: 30px; }

  .w-35-lg {
    width: 35%; }

  .mt-35-lg {
    margin-top: 35px; }

  .mb-35-lg {
    margin-bottom: 35px; }

  .ml-35-lg {
    margin-left: 35px; }

  .pl-35-lg {
    padding-left: 35px; }

  .pr-35-lg {
    padding-right: 35px; }

  .pt-35-lg {
    padding-top: 35px; }

  .pb-35-lg {
    padding-bottom: 35px; }

  .py-35-lg {
    padding-top: 35px;
    padding-bottom: 35px; }

  .my-35-lg {
    margin-top: 35px;
    margin-bottom: 35px; }

  .w-40-lg {
    width: 40%; }

  .mt-40-lg {
    margin-top: 40px; }

  .mb-40-lg {
    margin-bottom: 40px; }

  .ml-40-lg {
    margin-left: 40px; }

  .pl-40-lg {
    padding-left: 40px; }

  .pr-40-lg {
    padding-right: 40px; }

  .pt-40-lg {
    padding-top: 40px; }

  .pb-40-lg {
    padding-bottom: 40px; }

  .py-40-lg {
    padding-top: 40px;
    padding-bottom: 40px; }

  .my-40-lg {
    margin-top: 40px;
    margin-bottom: 40px; }

  .w-45-lg {
    width: 45%; }

  .mt-45-lg {
    margin-top: 45px; }

  .mb-45-lg {
    margin-bottom: 45px; }

  .ml-45-lg {
    margin-left: 45px; }

  .pl-45-lg {
    padding-left: 45px; }

  .pr-45-lg {
    padding-right: 45px; }

  .pt-45-lg {
    padding-top: 45px; }

  .pb-45-lg {
    padding-bottom: 45px; }

  .py-45-lg {
    padding-top: 45px;
    padding-bottom: 45px; }

  .my-45-lg {
    margin-top: 45px;
    margin-bottom: 45px; }

  .w-50-lg {
    width: 50%; }

  .mt-50-lg {
    margin-top: 50px; }

  .mb-50-lg {
    margin-bottom: 50px; }

  .ml-50-lg {
    margin-left: 50px; }

  .pl-50-lg {
    padding-left: 50px; }

  .pr-50-lg {
    padding-right: 50px; }

  .pt-50-lg {
    padding-top: 50px; }

  .pb-50-lg {
    padding-bottom: 50px; }

  .py-50-lg {
    padding-top: 50px;
    padding-bottom: 50px; }

  .my-50-lg {
    margin-top: 50px;
    margin-bottom: 50px; }

  .w-55-lg {
    width: 55%; }

  .mt-55-lg {
    margin-top: 55px; }

  .mb-55-lg {
    margin-bottom: 55px; }

  .ml-55-lg {
    margin-left: 55px; }

  .pl-55-lg {
    padding-left: 55px; }

  .pr-55-lg {
    padding-right: 55px; }

  .pt-55-lg {
    padding-top: 55px; }

  .pb-55-lg {
    padding-bottom: 55px; }

  .py-55-lg {
    padding-top: 55px;
    padding-bottom: 55px; }

  .my-55-lg {
    margin-top: 55px;
    margin-bottom: 55px; }

  .w-60-lg {
    width: 60%; }

  .mt-60-lg {
    margin-top: 60px; }

  .mb-60-lg {
    margin-bottom: 60px; }

  .ml-60-lg {
    margin-left: 60px; }

  .pl-60-lg {
    padding-left: 60px; }

  .pr-60-lg {
    padding-right: 60px; }

  .pt-60-lg {
    padding-top: 60px; }

  .pb-60-lg {
    padding-bottom: 60px; }

  .py-60-lg {
    padding-top: 60px;
    padding-bottom: 60px; }

  .my-60-lg {
    margin-top: 60px;
    margin-bottom: 60px; }

  .w-65-lg {
    width: 65%; }

  .mt-65-lg {
    margin-top: 65px; }

  .mb-65-lg {
    margin-bottom: 65px; }

  .ml-65-lg {
    margin-left: 65px; }

  .pl-65-lg {
    padding-left: 65px; }

  .pr-65-lg {
    padding-right: 65px; }

  .pt-65-lg {
    padding-top: 65px; }

  .pb-65-lg {
    padding-bottom: 65px; }

  .py-65-lg {
    padding-top: 65px;
    padding-bottom: 65px; }

  .my-65-lg {
    margin-top: 65px;
    margin-bottom: 65px; }

  .w-70-lg {
    width: 70%; }

  .mt-70-lg {
    margin-top: 70px; }

  .mb-70-lg {
    margin-bottom: 70px; }

  .ml-70-lg {
    margin-left: 70px; }

  .pl-70-lg {
    padding-left: 70px; }

  .pr-70-lg {
    padding-right: 70px; }

  .pt-70-lg {
    padding-top: 70px; }

  .pb-70-lg {
    padding-bottom: 70px; }

  .py-70-lg {
    padding-top: 70px;
    padding-bottom: 70px; }

  .my-70-lg {
    margin-top: 70px;
    margin-bottom: 70px; }

  .w-75-lg {
    width: 75%; }

  .mt-75-lg {
    margin-top: 75px; }

  .mb-75-lg {
    margin-bottom: 75px; }

  .ml-75-lg {
    margin-left: 75px; }

  .pl-75-lg {
    padding-left: 75px; }

  .pr-75-lg {
    padding-right: 75px; }

  .pt-75-lg {
    padding-top: 75px; }

  .pb-75-lg {
    padding-bottom: 75px; }

  .py-75-lg {
    padding-top: 75px;
    padding-bottom: 75px; }

  .my-75-lg {
    margin-top: 75px;
    margin-bottom: 75px; }

  .w-80-lg {
    width: 80%; }

  .mt-80-lg {
    margin-top: 80px; }

  .mb-80-lg {
    margin-bottom: 80px; }

  .ml-80-lg {
    margin-left: 80px; }

  .pl-80-lg {
    padding-left: 80px; }

  .pr-80-lg {
    padding-right: 80px; }

  .pt-80-lg {
    padding-top: 80px; }

  .pb-80-lg {
    padding-bottom: 80px; }

  .py-80-lg {
    padding-top: 80px;
    padding-bottom: 80px; }

  .my-80-lg {
    margin-top: 80px;
    margin-bottom: 80px; }

  .w-85-lg {
    width: 85%; }

  .mt-85-lg {
    margin-top: 85px; }

  .mb-85-lg {
    margin-bottom: 85px; }

  .ml-85-lg {
    margin-left: 85px; }

  .pl-85-lg {
    padding-left: 85px; }

  .pr-85-lg {
    padding-right: 85px; }

  .pt-85-lg {
    padding-top: 85px; }

  .pb-85-lg {
    padding-bottom: 85px; }

  .py-85-lg {
    padding-top: 85px;
    padding-bottom: 85px; }

  .my-85-lg {
    margin-top: 85px;
    margin-bottom: 85px; }

  .w-90-lg {
    width: 90%; }

  .mt-90-lg {
    margin-top: 90px; }

  .mb-90-lg {
    margin-bottom: 90px; }

  .ml-90-lg {
    margin-left: 90px; }

  .pl-90-lg {
    padding-left: 90px; }

  .pr-90-lg {
    padding-right: 90px; }

  .pt-90-lg {
    padding-top: 90px; }

  .pb-90-lg {
    padding-bottom: 90px; }

  .py-90-lg {
    padding-top: 90px;
    padding-bottom: 90px; }

  .my-90-lg {
    margin-top: 90px;
    margin-bottom: 90px; }

  .w-95-lg {
    width: 95%; }

  .mt-95-lg {
    margin-top: 95px; }

  .mb-95-lg {
    margin-bottom: 95px; }

  .ml-95-lg {
    margin-left: 95px; }

  .pl-95-lg {
    padding-left: 95px; }

  .pr-95-lg {
    padding-right: 95px; }

  .pt-95-lg {
    padding-top: 95px; }

  .pb-95-lg {
    padding-bottom: 95px; }

  .py-95-lg {
    padding-top: 95px;
    padding-bottom: 95px; }

  .my-95-lg {
    margin-top: 95px;
    margin-bottom: 95px; }

  .w-100-lg {
    width: 100%; }

  .mt-100-lg {
    margin-top: 100px; }

  .mb-100-lg {
    margin-bottom: 100px; }

  .ml-100-lg {
    margin-left: 100px; }

  .pl-100-lg {
    padding-left: 100px; }

  .pr-100-lg {
    padding-right: 100px; }

  .pt-100-lg {
    padding-top: 100px; }

  .pb-100-lg {
    padding-bottom: 100px; }

  .py-100-lg {
    padding-top: 100px;
    padding-bottom: 100px; }

  .my-100-lg {
    margin-top: 100px;
    margin-bottom: 100px; } }
@media screen and (max-width: 992px) {
  .hide-md {
    display: none; }
    .hide-md.import {
      display: none !important; }

  .show-md {
    display: block; }
    .show-md.row, .show-md.flex {
      display: flex; }

  /*  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  - 
  @ Visible Mod */
  /*  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  - 
  @ Display */
  /* 
  .none-md			{ display:none; 	&.import { display:none!important 	}}
  .block-md			{ display:block; 	&.import { display:block!important 	}}
  .inline-md			{ display:inline; 	&.import { display:inline!important }}
  .flex-md 			{ display:flex; 	&.import { display:flex!important 	}}
  */
  /*  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  - 
  @ Float's */
  /*
  .float-left-md 				{ float:left }	
  .float-none-md 				{ float:none }	
  .unfloat3-md >  * > * > *,
  .unfloat2-md >  * > *, 	
  .unfloat-md > * 			{ float: none } */
  /*  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  - 
  @ Positions */
  /*
  .relative-md 			{ position:relative }
  .absolute-md 			{ position:absolute }
  .static-md 				{ position:static 	}
  .fixed-md 				{ position:fixed 	} */
  /*  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  - 
  @ Text Mods */
  .txt-md-j {
    text-align: justify; }

  .txt-md-c {
    text-align: center; }

  .txt-md-r {
    text-align: right; }

  .txt-md-l {
    text-align: left; }

  /*  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  - 
  @ Grid un size  */
  /*  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  - 
  @ str cut */
  /*  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  - 
  @ Table Convert */
  		/*
  		@if ( $mod == '-xs') or ( $mod == '-ms') {
  		
  			.t-block-md 			{ display:block;
  				tbody,tfoot,thead,
  				tr,td,th  				{ display:block }
  			}
  
  			.t-block-md table 		{ display:block;
  				tbody,tfoot,thead,
  				tr,td,th  				{ display:block }
  			}
  
  		} */
  /*  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  - 
  @ Width */
  .var[style*="--md-fs:"] {
    font-size: calc( var(--md-fs) * 1px ) !important; }

  .var[style*="--md-h:"] {
    height: var(--md-h) !important; }

  .var[style*="w-md"] {
    width: var(--w-md) !important; }

  textarea.y[style*="--md"] {
    height: calc(var(--md) * 1px ) !important; }

  .crop[style*="md"] {
    height: calc(var(--md) * 1px); }

  /*  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  - 
  @ Sifir */
  .pl-0-md {
    padding-left: 0; }

  .pr-0-md {
    padding-right: 0; }

  .pt-0-md {
    padding-top: 0; }

  .pb-0-md {
    padding-bottom: 0; }

  .mt-0-md {
    margin-top: 0; }

  .mb-0-md {
    margin-bottom: 0; }

  .mr-0-md {
    margin-right: 0; }

  .ml-0-md {
    margin-left: 0; }

  .py-0-md {
    padding-top: 0;
    padding-bottom: 0; }

  .my-0-md {
    margin-top: 0;
    margin-bottom: 0; }

  /*  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  - 
  @ Space */
  .w-5-md {
    width: 5%; }

  .mt-5-md {
    margin-top: 5px; }

  .mb-5-md {
    margin-bottom: 5px; }

  .ml-5-md {
    margin-left: 5px; }

  .pl-5-md {
    padding-left: 5px; }

  .pr-5-md {
    padding-right: 5px; }

  .pt-5-md {
    padding-top: 5px; }

  .pb-5-md {
    padding-bottom: 5px; }

  .py-5-md {
    padding-top: 5px;
    padding-bottom: 5px; }

  .my-5-md {
    margin-top: 5px;
    margin-bottom: 5px; }

  .w-10-md {
    width: 10%; }

  .mt-10-md {
    margin-top: 10px; }

  .mb-10-md {
    margin-bottom: 10px; }

  .ml-10-md {
    margin-left: 10px; }

  .pl-10-md {
    padding-left: 10px; }

  .pr-10-md {
    padding-right: 10px; }

  .pt-10-md {
    padding-top: 10px; }

  .pb-10-md {
    padding-bottom: 10px; }

  .py-10-md {
    padding-top: 10px;
    padding-bottom: 10px; }

  .my-10-md {
    margin-top: 10px;
    margin-bottom: 10px; }

  .w-15-md {
    width: 15%; }

  .mt-15-md {
    margin-top: 15px; }

  .mb-15-md {
    margin-bottom: 15px; }

  .ml-15-md {
    margin-left: 15px; }

  .pl-15-md {
    padding-left: 15px; }

  .pr-15-md {
    padding-right: 15px; }

  .pt-15-md {
    padding-top: 15px; }

  .pb-15-md {
    padding-bottom: 15px; }

  .py-15-md {
    padding-top: 15px;
    padding-bottom: 15px; }

  .my-15-md {
    margin-top: 15px;
    margin-bottom: 15px; }

  .w-20-md {
    width: 20%; }

  .mt-20-md {
    margin-top: 20px; }

  .mb-20-md {
    margin-bottom: 20px; }

  .ml-20-md {
    margin-left: 20px; }

  .pl-20-md {
    padding-left: 20px; }

  .pr-20-md {
    padding-right: 20px; }

  .pt-20-md {
    padding-top: 20px; }

  .pb-20-md {
    padding-bottom: 20px; }

  .py-20-md {
    padding-top: 20px;
    padding-bottom: 20px; }

  .my-20-md {
    margin-top: 20px;
    margin-bottom: 20px; }

  .w-25-md {
    width: 25%; }

  .mt-25-md {
    margin-top: 25px; }

  .mb-25-md {
    margin-bottom: 25px; }

  .ml-25-md {
    margin-left: 25px; }

  .pl-25-md {
    padding-left: 25px; }

  .pr-25-md {
    padding-right: 25px; }

  .pt-25-md {
    padding-top: 25px; }

  .pb-25-md {
    padding-bottom: 25px; }

  .py-25-md {
    padding-top: 25px;
    padding-bottom: 25px; }

  .my-25-md {
    margin-top: 25px;
    margin-bottom: 25px; }

  .w-30-md {
    width: 30%; }

  .mt-30-md {
    margin-top: 30px; }

  .mb-30-md {
    margin-bottom: 30px; }

  .ml-30-md {
    margin-left: 30px; }

  .pl-30-md {
    padding-left: 30px; }

  .pr-30-md {
    padding-right: 30px; }

  .pt-30-md {
    padding-top: 30px; }

  .pb-30-md {
    padding-bottom: 30px; }

  .py-30-md {
    padding-top: 30px;
    padding-bottom: 30px; }

  .my-30-md {
    margin-top: 30px;
    margin-bottom: 30px; }

  .w-35-md {
    width: 35%; }

  .mt-35-md {
    margin-top: 35px; }

  .mb-35-md {
    margin-bottom: 35px; }

  .ml-35-md {
    margin-left: 35px; }

  .pl-35-md {
    padding-left: 35px; }

  .pr-35-md {
    padding-right: 35px; }

  .pt-35-md {
    padding-top: 35px; }

  .pb-35-md {
    padding-bottom: 35px; }

  .py-35-md {
    padding-top: 35px;
    padding-bottom: 35px; }

  .my-35-md {
    margin-top: 35px;
    margin-bottom: 35px; }

  .w-40-md {
    width: 40%; }

  .mt-40-md {
    margin-top: 40px; }

  .mb-40-md {
    margin-bottom: 40px; }

  .ml-40-md {
    margin-left: 40px; }

  .pl-40-md {
    padding-left: 40px; }

  .pr-40-md {
    padding-right: 40px; }

  .pt-40-md {
    padding-top: 40px; }

  .pb-40-md {
    padding-bottom: 40px; }

  .py-40-md {
    padding-top: 40px;
    padding-bottom: 40px; }

  .my-40-md {
    margin-top: 40px;
    margin-bottom: 40px; }

  .w-45-md {
    width: 45%; }

  .mt-45-md {
    margin-top: 45px; }

  .mb-45-md {
    margin-bottom: 45px; }

  .ml-45-md {
    margin-left: 45px; }

  .pl-45-md {
    padding-left: 45px; }

  .pr-45-md {
    padding-right: 45px; }

  .pt-45-md {
    padding-top: 45px; }

  .pb-45-md {
    padding-bottom: 45px; }

  .py-45-md {
    padding-top: 45px;
    padding-bottom: 45px; }

  .my-45-md {
    margin-top: 45px;
    margin-bottom: 45px; }

  .w-50-md {
    width: 50%; }

  .mt-50-md {
    margin-top: 50px; }

  .mb-50-md {
    margin-bottom: 50px; }

  .ml-50-md {
    margin-left: 50px; }

  .pl-50-md {
    padding-left: 50px; }

  .pr-50-md {
    padding-right: 50px; }

  .pt-50-md {
    padding-top: 50px; }

  .pb-50-md {
    padding-bottom: 50px; }

  .py-50-md {
    padding-top: 50px;
    padding-bottom: 50px; }

  .my-50-md {
    margin-top: 50px;
    margin-bottom: 50px; }

  .w-55-md {
    width: 55%; }

  .mt-55-md {
    margin-top: 55px; }

  .mb-55-md {
    margin-bottom: 55px; }

  .ml-55-md {
    margin-left: 55px; }

  .pl-55-md {
    padding-left: 55px; }

  .pr-55-md {
    padding-right: 55px; }

  .pt-55-md {
    padding-top: 55px; }

  .pb-55-md {
    padding-bottom: 55px; }

  .py-55-md {
    padding-top: 55px;
    padding-bottom: 55px; }

  .my-55-md {
    margin-top: 55px;
    margin-bottom: 55px; }

  .w-60-md {
    width: 60%; }

  .mt-60-md {
    margin-top: 60px; }

  .mb-60-md {
    margin-bottom: 60px; }

  .ml-60-md {
    margin-left: 60px; }

  .pl-60-md {
    padding-left: 60px; }

  .pr-60-md {
    padding-right: 60px; }

  .pt-60-md {
    padding-top: 60px; }

  .pb-60-md {
    padding-bottom: 60px; }

  .py-60-md {
    padding-top: 60px;
    padding-bottom: 60px; }

  .my-60-md {
    margin-top: 60px;
    margin-bottom: 60px; }

  .w-65-md {
    width: 65%; }

  .mt-65-md {
    margin-top: 65px; }

  .mb-65-md {
    margin-bottom: 65px; }

  .ml-65-md {
    margin-left: 65px; }

  .pl-65-md {
    padding-left: 65px; }

  .pr-65-md {
    padding-right: 65px; }

  .pt-65-md {
    padding-top: 65px; }

  .pb-65-md {
    padding-bottom: 65px; }

  .py-65-md {
    padding-top: 65px;
    padding-bottom: 65px; }

  .my-65-md {
    margin-top: 65px;
    margin-bottom: 65px; }

  .w-70-md {
    width: 70%; }

  .mt-70-md {
    margin-top: 70px; }

  .mb-70-md {
    margin-bottom: 70px; }

  .ml-70-md {
    margin-left: 70px; }

  .pl-70-md {
    padding-left: 70px; }

  .pr-70-md {
    padding-right: 70px; }

  .pt-70-md {
    padding-top: 70px; }

  .pb-70-md {
    padding-bottom: 70px; }

  .py-70-md {
    padding-top: 70px;
    padding-bottom: 70px; }

  .my-70-md {
    margin-top: 70px;
    margin-bottom: 70px; }

  .w-75-md {
    width: 75%; }

  .mt-75-md {
    margin-top: 75px; }

  .mb-75-md {
    margin-bottom: 75px; }

  .ml-75-md {
    margin-left: 75px; }

  .pl-75-md {
    padding-left: 75px; }

  .pr-75-md {
    padding-right: 75px; }

  .pt-75-md {
    padding-top: 75px; }

  .pb-75-md {
    padding-bottom: 75px; }

  .py-75-md {
    padding-top: 75px;
    padding-bottom: 75px; }

  .my-75-md {
    margin-top: 75px;
    margin-bottom: 75px; }

  .w-80-md {
    width: 80%; }

  .mt-80-md {
    margin-top: 80px; }

  .mb-80-md {
    margin-bottom: 80px; }

  .ml-80-md {
    margin-left: 80px; }

  .pl-80-md {
    padding-left: 80px; }

  .pr-80-md {
    padding-right: 80px; }

  .pt-80-md {
    padding-top: 80px; }

  .pb-80-md {
    padding-bottom: 80px; }

  .py-80-md {
    padding-top: 80px;
    padding-bottom: 80px; }

  .my-80-md {
    margin-top: 80px;
    margin-bottom: 80px; }

  .w-85-md {
    width: 85%; }

  .mt-85-md {
    margin-top: 85px; }

  .mb-85-md {
    margin-bottom: 85px; }

  .ml-85-md {
    margin-left: 85px; }

  .pl-85-md {
    padding-left: 85px; }

  .pr-85-md {
    padding-right: 85px; }

  .pt-85-md {
    padding-top: 85px; }

  .pb-85-md {
    padding-bottom: 85px; }

  .py-85-md {
    padding-top: 85px;
    padding-bottom: 85px; }

  .my-85-md {
    margin-top: 85px;
    margin-bottom: 85px; }

  .w-90-md {
    width: 90%; }

  .mt-90-md {
    margin-top: 90px; }

  .mb-90-md {
    margin-bottom: 90px; }

  .ml-90-md {
    margin-left: 90px; }

  .pl-90-md {
    padding-left: 90px; }

  .pr-90-md {
    padding-right: 90px; }

  .pt-90-md {
    padding-top: 90px; }

  .pb-90-md {
    padding-bottom: 90px; }

  .py-90-md {
    padding-top: 90px;
    padding-bottom: 90px; }

  .my-90-md {
    margin-top: 90px;
    margin-bottom: 90px; }

  .w-95-md {
    width: 95%; }

  .mt-95-md {
    margin-top: 95px; }

  .mb-95-md {
    margin-bottom: 95px; }

  .ml-95-md {
    margin-left: 95px; }

  .pl-95-md {
    padding-left: 95px; }

  .pr-95-md {
    padding-right: 95px; }

  .pt-95-md {
    padding-top: 95px; }

  .pb-95-md {
    padding-bottom: 95px; }

  .py-95-md {
    padding-top: 95px;
    padding-bottom: 95px; }

  .my-95-md {
    margin-top: 95px;
    margin-bottom: 95px; }

  .w-100-md {
    width: 100%; }

  .mt-100-md {
    margin-top: 100px; }

  .mb-100-md {
    margin-bottom: 100px; }

  .ml-100-md {
    margin-left: 100px; }

  .pl-100-md {
    padding-left: 100px; }

  .pr-100-md {
    padding-right: 100px; }

  .pt-100-md {
    padding-top: 100px; }

  .pb-100-md {
    padding-bottom: 100px; }

  .py-100-md {
    padding-top: 100px;
    padding-bottom: 100px; }

  .my-100-md {
    margin-top: 100px;
    margin-bottom: 100px; } }
@media screen and (max-width: 768px) {
  .hide-sm {
    display: none; }
    .hide-sm.import {
      display: none !important; }

  .show-sm {
    display: block; }
    .show-sm.row, .show-sm.flex {
      display: flex; }

  /*  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  - 
  @ Visible Mod */
  /*  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  - 
  @ Display */
  /* 
  .none-sm			{ display:none; 	&.import { display:none!important 	}}
  .block-sm			{ display:block; 	&.import { display:block!important 	}}
  .inline-sm			{ display:inline; 	&.import { display:inline!important }}
  .flex-sm 			{ display:flex; 	&.import { display:flex!important 	}}
  */
  /*  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  - 
  @ Float's */
  /*
  .float-left-sm 				{ float:left }	
  .float-none-sm 				{ float:none }	
  .unfloat3-sm >  * > * > *,
  .unfloat2-sm >  * > *, 	
  .unfloat-sm > * 			{ float: none } */
  /*  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  - 
  @ Positions */
  /*
  .relative-sm 			{ position:relative }
  .absolute-sm 			{ position:absolute }
  .static-sm 				{ position:static 	}
  .fixed-sm 				{ position:fixed 	} */
  /*  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  - 
  @ Text Mods */
  .txt-sm-j {
    text-align: justify; }

  .txt-sm-c {
    text-align: center; }

  .txt-sm-r {
    text-align: right; }

  .txt-sm-l {
    text-align: left; }

  /*  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  - 
  @ Grid un size  */
  /*  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  - 
  @ str cut */
  /*  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  - 
  @ Table Convert */
  		/*
  		@if ( $mod == '-xs') or ( $mod == '-ms') {
  		
  			.t-block-sm 			{ display:block;
  				tbody,tfoot,thead,
  				tr,td,th  				{ display:block }
  			}
  
  			.t-block-sm table 		{ display:block;
  				tbody,tfoot,thead,
  				tr,td,th  				{ display:block }
  			}
  
  		} */
  /*  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  - 
  @ Width */
  .var[style*="--sm-fs:"] {
    font-size: calc( var(--sm-fs) * 1px ) !important; }

  .var[style*="--sm-h:"] {
    height: var(--sm-h) !important; }

  .var[style*="w-sm"] {
    width: var(--w-sm) !important; }

  textarea.y[style*="--sm"] {
    height: calc(var(--sm) * 1px !important); }

  .crop[style*="sm"] {
    height: calc(var(--sm) * 1px); }

  /*  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  - 
  @ Sifir */
  .pl-0-sm {
    padding-left: 0; }

  .pr-0-sm {
    padding-right: 0; }

  .pt-0-sm {
    padding-top: 0; }

  .pb-0-sm {
    padding-bottom: 0; }

  .mt-0-sm {
    margin-top: 0; }

  .mb-0-sm {
    margin-bottom: 0; }

  .mr-0-sm {
    margin-right: 0; }

  .ml-0-sm {
    margin-left: 0; }

  .py-0-sm {
    padding-top: 0;
    padding-bottom: 0; }

  .my-0-sm {
    margin-top: 0;
    margin-bottom: 0; }

  /*  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  - 
  @ Space */
  .w-5-sm {
    width: 5%; }

  .mt-5-sm {
    margin-top: 5px; }

  .mb-5-sm {
    margin-bottom: 5px; }

  .ml-5-sm {
    margin-left: 5px; }

  .pl-5-sm {
    padding-left: 5px; }

  .pr-5-sm {
    padding-right: 5px; }

  .pt-5-sm {
    padding-top: 5px; }

  .pb-5-sm {
    padding-bottom: 5px; }

  .py-5-sm {
    padding-top: 5px;
    padding-bottom: 5px; }

  .my-5-sm {
    margin-top: 5px;
    margin-bottom: 5px; }

  .w-10-sm {
    width: 10%; }

  .mt-10-sm {
    margin-top: 10px; }

  .mb-10-sm {
    margin-bottom: 10px; }

  .ml-10-sm {
    margin-left: 10px; }

  .pl-10-sm {
    padding-left: 10px; }

  .pr-10-sm {
    padding-right: 10px; }

  .pt-10-sm {
    padding-top: 10px; }

  .pb-10-sm {
    padding-bottom: 10px; }

  .py-10-sm {
    padding-top: 10px;
    padding-bottom: 10px; }

  .my-10-sm {
    margin-top: 10px;
    margin-bottom: 10px; }

  .w-15-sm {
    width: 15%; }

  .mt-15-sm {
    margin-top: 15px; }

  .mb-15-sm {
    margin-bottom: 15px; }

  .ml-15-sm {
    margin-left: 15px; }

  .pl-15-sm {
    padding-left: 15px; }

  .pr-15-sm {
    padding-right: 15px; }

  .pt-15-sm {
    padding-top: 15px; }

  .pb-15-sm {
    padding-bottom: 15px; }

  .py-15-sm {
    padding-top: 15px;
    padding-bottom: 15px; }

  .my-15-sm {
    margin-top: 15px;
    margin-bottom: 15px; }

  .w-20-sm {
    width: 20%; }

  .mt-20-sm {
    margin-top: 20px; }

  .mb-20-sm {
    margin-bottom: 20px; }

  .ml-20-sm {
    margin-left: 20px; }

  .pl-20-sm {
    padding-left: 20px; }

  .pr-20-sm {
    padding-right: 20px; }

  .pt-20-sm {
    padding-top: 20px; }

  .pb-20-sm {
    padding-bottom: 20px; }

  .py-20-sm {
    padding-top: 20px;
    padding-bottom: 20px; }

  .my-20-sm {
    margin-top: 20px;
    margin-bottom: 20px; }

  .w-25-sm {
    width: 25%; }

  .mt-25-sm {
    margin-top: 25px; }

  .mb-25-sm {
    margin-bottom: 25px; }

  .ml-25-sm {
    margin-left: 25px; }

  .pl-25-sm {
    padding-left: 25px; }

  .pr-25-sm {
    padding-right: 25px; }

  .pt-25-sm {
    padding-top: 25px; }

  .pb-25-sm {
    padding-bottom: 25px; }

  .py-25-sm {
    padding-top: 25px;
    padding-bottom: 25px; }

  .my-25-sm {
    margin-top: 25px;
    margin-bottom: 25px; }

  .w-30-sm {
    width: 30%; }

  .mt-30-sm {
    margin-top: 30px; }

  .mb-30-sm {
    margin-bottom: 30px; }

  .ml-30-sm {
    margin-left: 30px; }

  .pl-30-sm {
    padding-left: 30px; }

  .pr-30-sm {
    padding-right: 30px; }

  .pt-30-sm {
    padding-top: 30px; }

  .pb-30-sm {
    padding-bottom: 30px; }

  .py-30-sm {
    padding-top: 30px;
    padding-bottom: 30px; }

  .my-30-sm {
    margin-top: 30px;
    margin-bottom: 30px; }

  .w-35-sm {
    width: 35%; }

  .mt-35-sm {
    margin-top: 35px; }

  .mb-35-sm {
    margin-bottom: 35px; }

  .ml-35-sm {
    margin-left: 35px; }

  .pl-35-sm {
    padding-left: 35px; }

  .pr-35-sm {
    padding-right: 35px; }

  .pt-35-sm {
    padding-top: 35px; }

  .pb-35-sm {
    padding-bottom: 35px; }

  .py-35-sm {
    padding-top: 35px;
    padding-bottom: 35px; }

  .my-35-sm {
    margin-top: 35px;
    margin-bottom: 35px; }

  .w-40-sm {
    width: 40%; }

  .mt-40-sm {
    margin-top: 40px; }

  .mb-40-sm {
    margin-bottom: 40px; }

  .ml-40-sm {
    margin-left: 40px; }

  .pl-40-sm {
    padding-left: 40px; }

  .pr-40-sm {
    padding-right: 40px; }

  .pt-40-sm {
    padding-top: 40px; }

  .pb-40-sm {
    padding-bottom: 40px; }

  .py-40-sm {
    padding-top: 40px;
    padding-bottom: 40px; }

  .my-40-sm {
    margin-top: 40px;
    margin-bottom: 40px; }

  .w-45-sm {
    width: 45%; }

  .mt-45-sm {
    margin-top: 45px; }

  .mb-45-sm {
    margin-bottom: 45px; }

  .ml-45-sm {
    margin-left: 45px; }

  .pl-45-sm {
    padding-left: 45px; }

  .pr-45-sm {
    padding-right: 45px; }

  .pt-45-sm {
    padding-top: 45px; }

  .pb-45-sm {
    padding-bottom: 45px; }

  .py-45-sm {
    padding-top: 45px;
    padding-bottom: 45px; }

  .my-45-sm {
    margin-top: 45px;
    margin-bottom: 45px; }

  .w-50-sm {
    width: 50%; }

  .mt-50-sm {
    margin-top: 50px; }

  .mb-50-sm {
    margin-bottom: 50px; }

  .ml-50-sm {
    margin-left: 50px; }

  .pl-50-sm {
    padding-left: 50px; }

  .pr-50-sm {
    padding-right: 50px; }

  .pt-50-sm {
    padding-top: 50px; }

  .pb-50-sm {
    padding-bottom: 50px; }

  .py-50-sm {
    padding-top: 50px;
    padding-bottom: 50px; }

  .my-50-sm {
    margin-top: 50px;
    margin-bottom: 50px; }

  .w-55-sm {
    width: 55%; }

  .mt-55-sm {
    margin-top: 55px; }

  .mb-55-sm {
    margin-bottom: 55px; }

  .ml-55-sm {
    margin-left: 55px; }

  .pl-55-sm {
    padding-left: 55px; }

  .pr-55-sm {
    padding-right: 55px; }

  .pt-55-sm {
    padding-top: 55px; }

  .pb-55-sm {
    padding-bottom: 55px; }

  .py-55-sm {
    padding-top: 55px;
    padding-bottom: 55px; }

  .my-55-sm {
    margin-top: 55px;
    margin-bottom: 55px; }

  .w-60-sm {
    width: 60%; }

  .mt-60-sm {
    margin-top: 60px; }

  .mb-60-sm {
    margin-bottom: 60px; }

  .ml-60-sm {
    margin-left: 60px; }

  .pl-60-sm {
    padding-left: 60px; }

  .pr-60-sm {
    padding-right: 60px; }

  .pt-60-sm {
    padding-top: 60px; }

  .pb-60-sm {
    padding-bottom: 60px; }

  .py-60-sm {
    padding-top: 60px;
    padding-bottom: 60px; }

  .my-60-sm {
    margin-top: 60px;
    margin-bottom: 60px; }

  .w-65-sm {
    width: 65%; }

  .mt-65-sm {
    margin-top: 65px; }

  .mb-65-sm {
    margin-bottom: 65px; }

  .ml-65-sm {
    margin-left: 65px; }

  .pl-65-sm {
    padding-left: 65px; }

  .pr-65-sm {
    padding-right: 65px; }

  .pt-65-sm {
    padding-top: 65px; }

  .pb-65-sm {
    padding-bottom: 65px; }

  .py-65-sm {
    padding-top: 65px;
    padding-bottom: 65px; }

  .my-65-sm {
    margin-top: 65px;
    margin-bottom: 65px; }

  .w-70-sm {
    width: 70%; }

  .mt-70-sm {
    margin-top: 70px; }

  .mb-70-sm {
    margin-bottom: 70px; }

  .ml-70-sm {
    margin-left: 70px; }

  .pl-70-sm {
    padding-left: 70px; }

  .pr-70-sm {
    padding-right: 70px; }

  .pt-70-sm {
    padding-top: 70px; }

  .pb-70-sm {
    padding-bottom: 70px; }

  .py-70-sm {
    padding-top: 70px;
    padding-bottom: 70px; }

  .my-70-sm {
    margin-top: 70px;
    margin-bottom: 70px; }

  .w-75-sm {
    width: 75%; }

  .mt-75-sm {
    margin-top: 75px; }

  .mb-75-sm {
    margin-bottom: 75px; }

  .ml-75-sm {
    margin-left: 75px; }

  .pl-75-sm {
    padding-left: 75px; }

  .pr-75-sm {
    padding-right: 75px; }

  .pt-75-sm {
    padding-top: 75px; }

  .pb-75-sm {
    padding-bottom: 75px; }

  .py-75-sm {
    padding-top: 75px;
    padding-bottom: 75px; }

  .my-75-sm {
    margin-top: 75px;
    margin-bottom: 75px; }

  .w-80-sm {
    width: 80%; }

  .mt-80-sm {
    margin-top: 80px; }

  .mb-80-sm {
    margin-bottom: 80px; }

  .ml-80-sm {
    margin-left: 80px; }

  .pl-80-sm {
    padding-left: 80px; }

  .pr-80-sm {
    padding-right: 80px; }

  .pt-80-sm {
    padding-top: 80px; }

  .pb-80-sm {
    padding-bottom: 80px; }

  .py-80-sm {
    padding-top: 80px;
    padding-bottom: 80px; }

  .my-80-sm {
    margin-top: 80px;
    margin-bottom: 80px; }

  .w-85-sm {
    width: 85%; }

  .mt-85-sm {
    margin-top: 85px; }

  .mb-85-sm {
    margin-bottom: 85px; }

  .ml-85-sm {
    margin-left: 85px; }

  .pl-85-sm {
    padding-left: 85px; }

  .pr-85-sm {
    padding-right: 85px; }

  .pt-85-sm {
    padding-top: 85px; }

  .pb-85-sm {
    padding-bottom: 85px; }

  .py-85-sm {
    padding-top: 85px;
    padding-bottom: 85px; }

  .my-85-sm {
    margin-top: 85px;
    margin-bottom: 85px; }

  .w-90-sm {
    width: 90%; }

  .mt-90-sm {
    margin-top: 90px; }

  .mb-90-sm {
    margin-bottom: 90px; }

  .ml-90-sm {
    margin-left: 90px; }

  .pl-90-sm {
    padding-left: 90px; }

  .pr-90-sm {
    padding-right: 90px; }

  .pt-90-sm {
    padding-top: 90px; }

  .pb-90-sm {
    padding-bottom: 90px; }

  .py-90-sm {
    padding-top: 90px;
    padding-bottom: 90px; }

  .my-90-sm {
    margin-top: 90px;
    margin-bottom: 90px; }

  .w-95-sm {
    width: 95%; }

  .mt-95-sm {
    margin-top: 95px; }

  .mb-95-sm {
    margin-bottom: 95px; }

  .ml-95-sm {
    margin-left: 95px; }

  .pl-95-sm {
    padding-left: 95px; }

  .pr-95-sm {
    padding-right: 95px; }

  .pt-95-sm {
    padding-top: 95px; }

  .pb-95-sm {
    padding-bottom: 95px; }

  .py-95-sm {
    padding-top: 95px;
    padding-bottom: 95px; }

  .my-95-sm {
    margin-top: 95px;
    margin-bottom: 95px; }

  .w-100-sm {
    width: 100%; }

  .mt-100-sm {
    margin-top: 100px; }

  .mb-100-sm {
    margin-bottom: 100px; }

  .ml-100-sm {
    margin-left: 100px; }

  .pl-100-sm {
    padding-left: 100px; }

  .pr-100-sm {
    padding-right: 100px; }

  .pt-100-sm {
    padding-top: 100px; }

  .pb-100-sm {
    padding-bottom: 100px; }

  .py-100-sm {
    padding-top: 100px;
    padding-bottom: 100px; }

  .my-100-sm {
    margin-top: 100px;
    margin-bottom: 100px; } }
@media screen and (max-width: 576px) {
  .hide-xs {
    display: none; }
    .hide-xs.import {
      display: none !important; }

  .show-xs {
    display: block; }
    .show-xs.row, .show-xs.flex {
      display: flex; }

  /*  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  - 
  @ Visible Mod */
  /*  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  - 
  @ Display */
  /* 
  .none-xs			{ display:none; 	&.import { display:none!important 	}}
  .block-xs			{ display:block; 	&.import { display:block!important 	}}
  .inline-xs			{ display:inline; 	&.import { display:inline!important }}
  .flex-xs 			{ display:flex; 	&.import { display:flex!important 	}}
  */
  /*  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  - 
  @ Float's */
  /*
  .float-left-xs 				{ float:left }	
  .float-none-xs 				{ float:none }	
  .unfloat3-xs >  * > * > *,
  .unfloat2-xs >  * > *, 	
  .unfloat-xs > * 			{ float: none } */
  /*  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  - 
  @ Positions */
  /*
  .relative-xs 			{ position:relative }
  .absolute-xs 			{ position:absolute }
  .static-xs 				{ position:static 	}
  .fixed-xs 				{ position:fixed 	} */
  /*  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  - 
  @ Text Mods */
  .txt-xs-j {
    text-align: justify; }

  .txt-xs-c {
    text-align: center; }

  .txt-xs-r {
    text-align: right; }

  .txt-xs-l {
    text-align: left; }

  /*  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  - 
  @ Grid un size  */
  /*  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  - 
  @ str cut */
  /*  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  - 
  @ Table Convert */
  		/*
  		@if ( $mod == '-xs') or ( $mod == '-ms') {
  		
  			.t-block-xs 			{ display:block;
  				tbody,tfoot,thead,
  				tr,td,th  				{ display:block }
  			}
  
  			.t-block-xs table 		{ display:block;
  				tbody,tfoot,thead,
  				tr,td,th  				{ display:block }
  			}
  
  		} */
  /*  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  - 
  @ Width */
  .var[style*="--xs-fs:"] {
    font-size: calc( var(--xs-fs) * 1px ) !important; }

  .var[style*="--xs-h:"] {
    height: var(--xs-h) !important; }

  .var[style*="w-xs"] {
    width: var(--w-xs) !important; }

  textarea.y[style*="--xs"] {
    height: calc(var(--xs) * 1px) !important; }

  .crop[style*="xs"] {
    height: calc(var(--xs) * 1px); }

  /*  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  - 
  @ Sifir */
  .pl-0-xs {
    padding-left: 0; }

  .pr-0-xs {
    padding-right: 0; }

  .pt-0-xs {
    padding-top: 0; }

  .pb-0-xs {
    padding-bottom: 0; }

  .mt-0-xs {
    margin-top: 0; }

  .mb-0-xs {
    margin-bottom: 0; }

  .mr-0-xs {
    margin-right: 0; }

  .ml-0-xs {
    margin-left: 0; }

  .py-0-xs {
    padding-top: 0;
    padding-bottom: 0; }

  .my-0-xs {
    margin-top: 0;
    margin-bottom: 0; }

  /*  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  - 
  @ Space */
  .w-5-xs {
    width: 5%; }

  .mt-5-xs {
    margin-top: 5px; }

  .mb-5-xs {
    margin-bottom: 5px; }

  .ml-5-xs {
    margin-left: 5px; }

  .pl-5-xs {
    padding-left: 5px; }

  .pr-5-xs {
    padding-right: 5px; }

  .pt-5-xs {
    padding-top: 5px; }

  .pb-5-xs {
    padding-bottom: 5px; }

  .py-5-xs {
    padding-top: 5px;
    padding-bottom: 5px; }

  .my-5-xs {
    margin-top: 5px;
    margin-bottom: 5px; }

  .w-10-xs {
    width: 10%; }

  .mt-10-xs {
    margin-top: 10px; }

  .mb-10-xs {
    margin-bottom: 10px; }

  .ml-10-xs {
    margin-left: 10px; }

  .pl-10-xs {
    padding-left: 10px; }

  .pr-10-xs {
    padding-right: 10px; }

  .pt-10-xs {
    padding-top: 10px; }

  .pb-10-xs {
    padding-bottom: 10px; }

  .py-10-xs {
    padding-top: 10px;
    padding-bottom: 10px; }

  .my-10-xs {
    margin-top: 10px;
    margin-bottom: 10px; }

  .w-15-xs {
    width: 15%; }

  .mt-15-xs {
    margin-top: 15px; }

  .mb-15-xs {
    margin-bottom: 15px; }

  .ml-15-xs {
    margin-left: 15px; }

  .pl-15-xs {
    padding-left: 15px; }

  .pr-15-xs {
    padding-right: 15px; }

  .pt-15-xs {
    padding-top: 15px; }

  .pb-15-xs {
    padding-bottom: 15px; }

  .py-15-xs {
    padding-top: 15px;
    padding-bottom: 15px; }

  .my-15-xs {
    margin-top: 15px;
    margin-bottom: 15px; }

  .w-20-xs {
    width: 20%; }

  .mt-20-xs {
    margin-top: 20px; }

  .mb-20-xs {
    margin-bottom: 20px; }

  .ml-20-xs {
    margin-left: 20px; }

  .pl-20-xs {
    padding-left: 20px; }

  .pr-20-xs {
    padding-right: 20px; }

  .pt-20-xs {
    padding-top: 20px; }

  .pb-20-xs {
    padding-bottom: 20px; }

  .py-20-xs {
    padding-top: 20px;
    padding-bottom: 20px; }

  .my-20-xs {
    margin-top: 20px;
    margin-bottom: 20px; }

  .w-25-xs {
    width: 25%; }

  .mt-25-xs {
    margin-top: 25px; }

  .mb-25-xs {
    margin-bottom: 25px; }

  .ml-25-xs {
    margin-left: 25px; }

  .pl-25-xs {
    padding-left: 25px; }

  .pr-25-xs {
    padding-right: 25px; }

  .pt-25-xs {
    padding-top: 25px; }

  .pb-25-xs {
    padding-bottom: 25px; }

  .py-25-xs {
    padding-top: 25px;
    padding-bottom: 25px; }

  .my-25-xs {
    margin-top: 25px;
    margin-bottom: 25px; }

  .w-30-xs {
    width: 30%; }

  .mt-30-xs {
    margin-top: 30px; }

  .mb-30-xs {
    margin-bottom: 30px; }

  .ml-30-xs {
    margin-left: 30px; }

  .pl-30-xs {
    padding-left: 30px; }

  .pr-30-xs {
    padding-right: 30px; }

  .pt-30-xs {
    padding-top: 30px; }

  .pb-30-xs {
    padding-bottom: 30px; }

  .py-30-xs {
    padding-top: 30px;
    padding-bottom: 30px; }

  .my-30-xs {
    margin-top: 30px;
    margin-bottom: 30px; }

  .w-35-xs {
    width: 35%; }

  .mt-35-xs {
    margin-top: 35px; }

  .mb-35-xs {
    margin-bottom: 35px; }

  .ml-35-xs {
    margin-left: 35px; }

  .pl-35-xs {
    padding-left: 35px; }

  .pr-35-xs {
    padding-right: 35px; }

  .pt-35-xs {
    padding-top: 35px; }

  .pb-35-xs {
    padding-bottom: 35px; }

  .py-35-xs {
    padding-top: 35px;
    padding-bottom: 35px; }

  .my-35-xs {
    margin-top: 35px;
    margin-bottom: 35px; }

  .w-40-xs {
    width: 40%; }

  .mt-40-xs {
    margin-top: 40px; }

  .mb-40-xs {
    margin-bottom: 40px; }

  .ml-40-xs {
    margin-left: 40px; }

  .pl-40-xs {
    padding-left: 40px; }

  .pr-40-xs {
    padding-right: 40px; }

  .pt-40-xs {
    padding-top: 40px; }

  .pb-40-xs {
    padding-bottom: 40px; }

  .py-40-xs {
    padding-top: 40px;
    padding-bottom: 40px; }

  .my-40-xs {
    margin-top: 40px;
    margin-bottom: 40px; }

  .w-45-xs {
    width: 45%; }

  .mt-45-xs {
    margin-top: 45px; }

  .mb-45-xs {
    margin-bottom: 45px; }

  .ml-45-xs {
    margin-left: 45px; }

  .pl-45-xs {
    padding-left: 45px; }

  .pr-45-xs {
    padding-right: 45px; }

  .pt-45-xs {
    padding-top: 45px; }

  .pb-45-xs {
    padding-bottom: 45px; }

  .py-45-xs {
    padding-top: 45px;
    padding-bottom: 45px; }

  .my-45-xs {
    margin-top: 45px;
    margin-bottom: 45px; }

  .w-50-xs {
    width: 50%; }

  .mt-50-xs {
    margin-top: 50px; }

  .mb-50-xs {
    margin-bottom: 50px; }

  .ml-50-xs {
    margin-left: 50px; }

  .pl-50-xs {
    padding-left: 50px; }

  .pr-50-xs {
    padding-right: 50px; }

  .pt-50-xs {
    padding-top: 50px; }

  .pb-50-xs {
    padding-bottom: 50px; }

  .py-50-xs {
    padding-top: 50px;
    padding-bottom: 50px; }

  .my-50-xs {
    margin-top: 50px;
    margin-bottom: 50px; }

  .w-55-xs {
    width: 55%; }

  .mt-55-xs {
    margin-top: 55px; }

  .mb-55-xs {
    margin-bottom: 55px; }

  .ml-55-xs {
    margin-left: 55px; }

  .pl-55-xs {
    padding-left: 55px; }

  .pr-55-xs {
    padding-right: 55px; }

  .pt-55-xs {
    padding-top: 55px; }

  .pb-55-xs {
    padding-bottom: 55px; }

  .py-55-xs {
    padding-top: 55px;
    padding-bottom: 55px; }

  .my-55-xs {
    margin-top: 55px;
    margin-bottom: 55px; }

  .w-60-xs {
    width: 60%; }

  .mt-60-xs {
    margin-top: 60px; }

  .mb-60-xs {
    margin-bottom: 60px; }

  .ml-60-xs {
    margin-left: 60px; }

  .pl-60-xs {
    padding-left: 60px; }

  .pr-60-xs {
    padding-right: 60px; }

  .pt-60-xs {
    padding-top: 60px; }

  .pb-60-xs {
    padding-bottom: 60px; }

  .py-60-xs {
    padding-top: 60px;
    padding-bottom: 60px; }

  .my-60-xs {
    margin-top: 60px;
    margin-bottom: 60px; }

  .w-65-xs {
    width: 65%; }

  .mt-65-xs {
    margin-top: 65px; }

  .mb-65-xs {
    margin-bottom: 65px; }

  .ml-65-xs {
    margin-left: 65px; }

  .pl-65-xs {
    padding-left: 65px; }

  .pr-65-xs {
    padding-right: 65px; }

  .pt-65-xs {
    padding-top: 65px; }

  .pb-65-xs {
    padding-bottom: 65px; }

  .py-65-xs {
    padding-top: 65px;
    padding-bottom: 65px; }

  .my-65-xs {
    margin-top: 65px;
    margin-bottom: 65px; }

  .w-70-xs {
    width: 70%; }

  .mt-70-xs {
    margin-top: 70px; }

  .mb-70-xs {
    margin-bottom: 70px; }

  .ml-70-xs {
    margin-left: 70px; }

  .pl-70-xs {
    padding-left: 70px; }

  .pr-70-xs {
    padding-right: 70px; }

  .pt-70-xs {
    padding-top: 70px; }

  .pb-70-xs {
    padding-bottom: 70px; }

  .py-70-xs {
    padding-top: 70px;
    padding-bottom: 70px; }

  .my-70-xs {
    margin-top: 70px;
    margin-bottom: 70px; }

  .w-75-xs {
    width: 75%; }

  .mt-75-xs {
    margin-top: 75px; }

  .mb-75-xs {
    margin-bottom: 75px; }

  .ml-75-xs {
    margin-left: 75px; }

  .pl-75-xs {
    padding-left: 75px; }

  .pr-75-xs {
    padding-right: 75px; }

  .pt-75-xs {
    padding-top: 75px; }

  .pb-75-xs {
    padding-bottom: 75px; }

  .py-75-xs {
    padding-top: 75px;
    padding-bottom: 75px; }

  .my-75-xs {
    margin-top: 75px;
    margin-bottom: 75px; }

  .w-80-xs {
    width: 80%; }

  .mt-80-xs {
    margin-top: 80px; }

  .mb-80-xs {
    margin-bottom: 80px; }

  .ml-80-xs {
    margin-left: 80px; }

  .pl-80-xs {
    padding-left: 80px; }

  .pr-80-xs {
    padding-right: 80px; }

  .pt-80-xs {
    padding-top: 80px; }

  .pb-80-xs {
    padding-bottom: 80px; }

  .py-80-xs {
    padding-top: 80px;
    padding-bottom: 80px; }

  .my-80-xs {
    margin-top: 80px;
    margin-bottom: 80px; }

  .w-85-xs {
    width: 85%; }

  .mt-85-xs {
    margin-top: 85px; }

  .mb-85-xs {
    margin-bottom: 85px; }

  .ml-85-xs {
    margin-left: 85px; }

  .pl-85-xs {
    padding-left: 85px; }

  .pr-85-xs {
    padding-right: 85px; }

  .pt-85-xs {
    padding-top: 85px; }

  .pb-85-xs {
    padding-bottom: 85px; }

  .py-85-xs {
    padding-top: 85px;
    padding-bottom: 85px; }

  .my-85-xs {
    margin-top: 85px;
    margin-bottom: 85px; }

  .w-90-xs {
    width: 90%; }

  .mt-90-xs {
    margin-top: 90px; }

  .mb-90-xs {
    margin-bottom: 90px; }

  .ml-90-xs {
    margin-left: 90px; }

  .pl-90-xs {
    padding-left: 90px; }

  .pr-90-xs {
    padding-right: 90px; }

  .pt-90-xs {
    padding-top: 90px; }

  .pb-90-xs {
    padding-bottom: 90px; }

  .py-90-xs {
    padding-top: 90px;
    padding-bottom: 90px; }

  .my-90-xs {
    margin-top: 90px;
    margin-bottom: 90px; }

  .w-95-xs {
    width: 95%; }

  .mt-95-xs {
    margin-top: 95px; }

  .mb-95-xs {
    margin-bottom: 95px; }

  .ml-95-xs {
    margin-left: 95px; }

  .pl-95-xs {
    padding-left: 95px; }

  .pr-95-xs {
    padding-right: 95px; }

  .pt-95-xs {
    padding-top: 95px; }

  .pb-95-xs {
    padding-bottom: 95px; }

  .py-95-xs {
    padding-top: 95px;
    padding-bottom: 95px; }

  .my-95-xs {
    margin-top: 95px;
    margin-bottom: 95px; }

  .w-100-xs {
    width: 100%; }

  .mt-100-xs {
    margin-top: 100px; }

  .mb-100-xs {
    margin-bottom: 100px; }

  .ml-100-xs {
    margin-left: 100px; }

  .pl-100-xs {
    padding-left: 100px; }

  .pr-100-xs {
    padding-right: 100px; }

  .pt-100-xs {
    padding-top: 100px; }

  .pb-100-xs {
    padding-bottom: 100px; }

  .py-100-xs {
    padding-top: 100px;
    padding-bottom: 100px; }

  .my-100-xs {
    margin-top: 100px;
    margin-bottom: 100px; } }