/*  alico 
@ Front-end Developer & UI Designer by alico ( http://akman.me )   */
/*
@  base */
/*
 @ reset */
@import url("font/font.min.css");
@import url("icon/icon.min.css");
@import url("libs/animate/animate.css");
@import url("builds/form/form.min.css");
* {
  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; } }
/*
@  font */
/*
@  Libs  */
/*
@  Build */
/*
@ layout */
:root {
  --head_ys: 105;
  --head_bg: white;
  --body_bg: white; }

/*  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -
 @ temel layout olcu etikleri */
html {
  font: 300 16px 'Roboto';
  -webkit-text-size-adjust: 100%;
  text-size-adjust: 100%; }

body {
  overflow-x: hidden;
  min-width: 320px;
  color: #333; }

p {
  line-height: 22px; }

body::-webkit-scrollbar {
  display: none; }

main {
  min-height: calc( var(--wy) - 421px ); }

.wy-min {
  min-height: calc( var(--wy) - 421px ); }

/*  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -
 @ temel layout olcu etikleri */
.con {
  width: 100%;
  max-width: 1280px;
  margin-left: auto;
  margin-right: auto; }

/*

.con  								{ width:100%; max-width:$case-max; margin-left:auto; margin-right:auto;
	&.np 							{ padding-left:0; padding-right:0 }
	&.row 							{
		&:not(.nsc) 				{ padding-left:0; padding-right:0 }
	}
}

.yp  								{ padding-top: $app-head; padding-bottom: $app-menu  }
.e  								{ padding-left: $gl-gut;  padding-right: $gl-gut  }
.wy 								{ height: var(--app-body) }
.wy-max-s							{ max-height: calc( var(--app-body) - var(--area) ) }
.wy-s								{ height: calc( var(--app-body) - var(--area) ) }

*/
.bant {
  text-align: center;
  margin: 0 auto;
  max-width: 685px; }
  .bant:not([class*='w-']) {
    width: 80%; }
  .bant h1, .bant h3 {
    font-weight: 400;
    margin-left: auto;
    margin-right: auto;
    font-size: 48px;
    text-transform: uppercase; }
  .bant p {
    line-height: 23px;
    margin: 0 auto 15px auto;
    font-size: 16px; }

aside {
  visibility: hidden;
  background: rgba(0, 7, 75, 0);
  transition: background .3s;
  width: 100%;
  position: fixed;
  z-index: 2;
  left: 0;
  height: 100%;
  padding-top: 80px;
  top: 0; }
  aside .bar {
    background: rgba(44, 54, 145, 0.97);
    transition: .5s;
    transform: translate(-100%, 0);
    height: 100%;
    width: 75%; }
  aside .scr {
    overflow: auto;
    height: 100%;
    padding: 25px 0; }
  aside li a {
    color: white;
    padding: 0 20px;
    font-size: 24px;
    /* text-transform:uppercase; */
    display: block; }
    aside li a:hover {
      color: #9ea8ff; }
  aside li span {
    border-bottom: 1px solid #3d598e;
    display: flex;
    align-items: center;
    padding: 0 5px;
    height: 70px; }
  aside ol li:last-child span {
    border: 0; }
  aside .parent {
    font-size: 12px;
    color: white; }
    aside .parent a {
      color: white; }
    aside .parent i {
      font-size: 11px;
      margin-right: 6px; }
  aside .sub:not(.active) .parent {
    display: none; }
  aside .sub:not(.on) .subs {
    display: none; }
  aside .sub.on .main {
    display: none; }
  aside .sub:not(.on) .e-us {
    display: none; }
  aside .sub.on .e-as {
    display: none; }

html.on-side aside {
  visibility: visible;
  background: rgba(0, 7, 75, 0.2); }
  html.on-side aside .bar {
    transform: translate(0%, 0); }

html:not(.on-side) .side-on {
  display: none; }

html.on-side .side-of {
  display: none; }

@media screen and (max-width: 1200px) {
  .bant h1, .bant h3 {
    font-size: 44px; } }
@media screen and (max-width: 768px) {
  main {
    min-height: calc( var(--wy) - 396px ); }

  .wy-min {
    min-height: calc( var(--wy) - 396px ); }

  .bant {
    max-width: none; } }
@media screen and (max-width: 576px) {
  aside {
    padding-top: 65px; }

  .fit-col {
    padding-left: 0 !important;
    padding-right: 0 !important; }

  .bant {
    max-width: none; } }
/* 
@ Include > Ayrik yapi olmayanlar */
a {
  text-decoration: none;
  color: #2c3691; }
  a:visited, a:active, a:focus {
    text-decoration: none; }
  a:hover {
    text-decoration: none;
    color: black; }
  a.underline:hover {
    text-decoration: underline; }

.uf-1 a, a.uf-1 {
  color: #2c3691; }

.uf-2 a, a.uf-2 {
  color: #2c3691;
  font-weight: 400;
  font-size: 15px;
  display: inline-flex;
  align-items: center; }
  .uf-2 a i, a.uf-2 i {
    color: #444; }
  .uf-2 a i:not(.r), a.uf-2 i:not(.r) {
    margin-right: 8px; }

.uf-3 a, a.uf-3 {
  color: #2c3691;
  font: 600 14px 'Source Sans Pro';
  display: inline-flex;
  align-items: center; }
  .uf-3 a i, a.uf-3 i {
    color: #444; }
  .uf-3 a i:not(.r), a.uf-3 i:not(.r) {
    margin-right: 5px; }
  .uf-3 a i.ss-trash, a.uf-3 i.ss-trash {
    top: 2px; }
  .uf-3 a i.ss-user, a.uf-3 i.ss-user {
    top: 1px;
    font-size: 13px; }

/*
@ unset tab-color   */
.no-tabcolor:not(.all) {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0) !important; }
.no-tabcolor.all input, .no-tabcolor.all select, .no-tabcolor.all label, .no-tabcolor.all a {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0) !important; }

/*
@ click-ripple */
.ripple {
  background: var(--normal) radial-gradient(circle, transparent 1%, var(--normal) 1%) center/15000%;
  background-position: center;
  transition: background 0.6s; }
  .ripple:active {
    background-color: var(--active);
    background-size: 100%;
    transition: background 0s; }

.circle {
  width: 100%;
  border-radius: 50%;
  overflow: hidden; }

.c-mask-ratio .real, .mask-ratio .real {
  width: 100%;
  min-height: 100%;
  position: absolute;
  left: 0;
  top: 0; }
.c-mask-ratio .mask, .mask-ratio .mask {
  width: 100%;
  display: block; }

.c-mask-ratio.crop figure,
.mask-ratio.crop {
  overflow: hidden !important;
  display: block; }

figure.crop {
  overflow: hidden; }

.list-acord li {
  border-bottom: 1px solid #2c3691; }
  .list-acord li:last-child {
    border: 0; }
  .list-acord li:not(.on) .list-body {
    display: none; }
  .list-acord li p {
    text-align: justify;
    line-height: 20px; }
.list-acord .list-body {
  padding: 5px 0 40px 0; }
.list-acord .list-head {
  display: flex;
  justify-content: space-between;
  cursor: pointer;
  align-items: center;
  height: 62px; }
  .list-acord .list-head h4 {
    text-transform: uppercase;
    font-weight: 500; }
  .list-acord .list-head span {
    border: 1px solid #2c3691;
    color: #2c3691;
    font-size: 24px;
    overflow: hidden;
    border-radius: 1em;
    width: 1em;
    height: 1em;
    display: flex;
    align-items: center;
    justify-content: center; }
    .list-acord .list-head span i {
      font-size: 10px; }
  .list-acord .list-head:hover h4 {
    color: #666; }
  .list-acord .list-head:hover span {
    background: #f7f7f7; }
  .list-acord .list-head:hover i {
    color: #000; }
.list-acord.f-1 .list-head:hover h4 {
  color: #2c3691; }

@media screen and (max-width: 992px) {
  .list-acord.md-border li:last-child {
    border-bottom: 1px solid #2c3691; } }
.tab-con > * {
  display: none; }
.tab-con > .on {
  display: block; }

.pager {
  display: flex;
  justify-content: center; }
  .pager ul {
    border: 1px solid #2c3691;
    display: flex;
    border-radius: 6px;
    height: 36px;
    overflow: hidden; }
  .pager li a {
    font-size: 13px;
    color: #2c3691;
    font-weight: 400;
    border-left: 1px solid #2c3691;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
    padding: 0 8px;
    width: 28px; }
    .pager li a:hover {
      color: #2c3691;
      background: #f7f7f7; }
    .pager li a.on {
      background: #2c3691;
      color: white; }
    .pager li a i {
      font-size: 10px; }
  .pager li:first-child a {
    border-left: 0; }

/*
 @ table reset and default params */
table {
  border-spacing: 0;
  border-collapse: collapse; }
  table thead.c th {
    text-align: center; }
  table tbody.c td {
    text-align: center; }
  table tbody td, table tbody th, table thead td, table thead th {
    text-align: left; }
    table tbody td.l, table tbody th.l, table thead td.l, table thead th.l {
      text-align: left; }
    table tbody td.c, table tbody th.c, table thead td.c, table thead th.c {
      text-align: center; }
    table tbody td.r, table tbody th.r, table thead td.r, table thead th.r {
      text-align: right; }
    table tbody td.b, table tbody th.b, table thead td.b, table thead th.b {
      font-weight: bold; }
    table tbody td.w-4, table tbody th.w-4, table thead td.w-4, table thead th.w-4 {
      font-weight: 400; }
    table tbody td.w-6, table tbody th.w-6, table thead td.w-6, table thead th.w-6 {
      font-weight: 600; }
    table tbody td.w-5, table tbody th.w-5, table thead td.w-5, table thead th.w-5 {
      font-weight: 500; }
    table tbody td.f-12, table tbody th.f-12, table thead td.f-12, table thead th.f-12 {
      font-size: 12px; }
    table tbody td.f-11, table tbody th.f-11, table thead td.f-11, table thead th.f-11 {
      font-size: 11px; }
  table tbody td .icon-franc {
    font-size: 9px;
    top: -0.5px; }
  table .t-val.eksi {
    color: #ff6035; }
  table .td-vb {
    color: #ff6035; }
    table .td-vb .count {
      color: #fff;
      background: #a0a0a0;
      width: 27px;
      padding-top: 3px;
      width: 15px;
      text-align: center;
      height: 12px;
      border-radius: 3px;
      position: absolute;
      right: -24px;
      margin-right: 3px;
      font: 500 8px/1 Gotham;
      letter-spacing: 1px;
      top: -6px; }
      table .td-vb .count s {
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 7px 7px 0 0;
        border-color: #a0a0a0 transparent transparent;
        transform: rotate(18deg);
        position: absolute;
        left: 5px;
        bottom: -5px;
        z-index: -1; }
  table .td-id {
    color: #7b7b7b; }
  table .f-end {
    display: flex;
    justify-content: flex-end; }
    table .f-end span {
      top: 1px; }
  table .in.end {
    display: flex;
    justify-content: flex-end;
    align-items: center; }

table.f {
  width: 100%;
  font-size: 13px; }
  table.f th {
    font-size: 12px; }
  table.f th, table.f td {
    padding: 0 3px; }
  table.f tbody tr {
    border-bottom: 1px solid #e8e7e7;
    cursor: pointer; }
    table.f tbody tr:last-child {
      border-bottom: 0; }
  table.f tbody:not(.v) tr {
    height: 50px; }
  table.f tbody.v tr {
    height: var(--tr); }
  table.f tr > *:nth-child(1) {
    width: var(--t1); }
  table.f tr > *:nth-child(2) {
    width: var(--t2); }
  table.f tr > *:nth-child(3) {
    width: var(--t3); }
  table.f tr > *:nth-child(4) {
    width: var(--t4); }
  table.f tr > *:nth-child(5) {
    width: var(--t5); }
  table.f tr > *:nth-child(6) {
    width: var(--t6); }
  table.f tr > *:nth-child(7) {
    width: var(--t7); }
  table.f tr > *:nth-child(8) {
    width: var(--t8); }
  table.f tr > *:nth-child(9) {
    width: var(--t9); }
  table.f tr > *:nth-child(10) {
    width: var(--t10); }
  table.f tr > *:nth-child(11) {
    width: var(--t11); }
  table.f tr > *:nth-child(12) {
    width: var(--t12); }
  table.f tr > *:nth-child(13) {
    width: var(--t13); }
  table.f tr > *:nth-child(14) {
    width: var(--t14); }
  table.f tr > *:nth-child(15) {
    width: var(--t15); }

.tr-table.f-1 {
  border: 1px solid #e6e6e6;
  border-radius: 10px;
  overflow: hidden; }
  .tr-table.f-1 tbody tr {
    border-bottom: 1px solid #e6e6e6; }
  .tr-table.f-1 thead tr {
    background: #fcfcfc;
    height: 50px;
    color: #555;
    border-bottom: 1px solid #e6e6e6; }

@media screen and (max-width: 768px) {
  .tablo-mobil-sm {
    overflow: hidden;
    background: white;
    border-radius: 10px; }
    .tablo-mobil-sm .tablo-in {
      min-width: unset !important; }

  .tablo-mobil-sm table {
    display: block; }
    .tablo-mobil-sm table tbody, .tablo-mobil-sm table tfoot, .tablo-mobil-sm table thead, .tablo-mobil-sm table tr, .tablo-mobil-sm table td, .tablo-mobil-sm table th {
      display: block; }
    .tablo-mobil-sm table thead {
      display: none; }
    .tablo-mobil-sm table tbody tr {
      height: auto !important;
      padding: 0 0 4px 0; }
      .tablo-mobil-sm table tbody tr td, .tablo-mobil-sm table tbody tr:nth-child(2n+0) td {
        background: none;
        border-left: 0; }
      .tablo-mobil-sm table tbody tr:nth-child(2n+0) {
        background: #f2fcff; }
      .tablo-mobil-sm table tbody tr td.head {
        background: #f1f1f1;
        border-bottom: 1px solid #bccfd6;
        margin-bottom: 4px;
        height: 38px;
        display: flex;
        align-items: center; }
        .tablo-mobil-sm table tbody tr td.head i {
          display: none; }
      .tablo-mobil-sm table tbody tr td:not(.head) {
        padding-left: 45%;
        width: auto;
        border-bottom: 1px solid #e8e7e7;
        padding-top: 13px;
        padding-bottom: 13px; }
        .tablo-mobil-sm table tbody tr td:not(.head):last-child {
          margin-bottom: 0;
          border-bottom: 0; }
        .tablo-mobil-sm table tbody tr td:not(.head):before {
          position: absolute;
          font-weight: 700;
          width: 40%;
          left: 10px;
          top: 0;
          padding-top: 13px;
          padding-bottom: 13px; }
        .tablo-mobil-sm table tbody tr td:not(.head):last-child, .tablo-mobil-sm table tbody tr td:not(.head):last-child:before {
          padding-top: 16px;
          padding-bottom: 20px; }
        .tablo-mobil-sm table tbody tr td:not(.head):first-child, .tablo-mobil-sm table tbody tr td:not(.head):first-child:before {
          padding-top: 20px;
          padding-top: 20px; }
        .tablo-mobil-sm table tbody tr td:not(.head):nth-child(1):before {
          content: var(--h1); }
        .tablo-mobil-sm table tbody tr td:not(.head):nth-child(2):before {
          content: var(--h2); }
        .tablo-mobil-sm table tbody tr td:not(.head):nth-child(3):before {
          content: var(--h3); }
        .tablo-mobil-sm table tbody tr td:not(.head):nth-child(4):before {
          content: var(--h4); }
        .tablo-mobil-sm table tbody tr td:not(.head):nth-child(5):before {
          content: var(--h5); }
        .tablo-mobil-sm table tbody tr td:not(.head):nth-child(6):before {
          content: var(--h6); }
        .tablo-mobil-sm table tbody tr td:not(.head):nth-child(7):before {
          content: var(--h7); }
        .tablo-mobil-sm table tbody tr td:not(.head):nth-child(8):before {
          content: var(--h8); }
        .tablo-mobil-sm table tbody tr td:not(.head):nth-child(9):before {
          content: var(--h9); }
        .tablo-mobil-sm table tbody tr td:not(.head):nth-child(10):before {
          content: var(--h10); }
        .tablo-mobil-sm table tbody tr td:not(.head) i {
          display: inline;
          margin-right: 6px; } }
	/*
	.tablo-mobil-ms 						{overflow:hidden;
		.tablo-in 							{ min-width: unset!important  }
	}
	.tablo-mobil-ms table 	 			{ display:block;
		
		tbody,tfoot,thead,tr,td,th  	{ display:block }

		thead                     		{ display:none }
		tbody tr                  		{ height:auto; padding:0 0 4px 0;
			td,
			&:nth-child(2n+0) td 		{ background: none; border-left:0; }
			&:nth-child(2n+0) 			{ background: #f7f7f7 }

			td.head 							{ background: #f1f1f1;  border-bottom:1px solid #e8e7e7; margin-bottom: 4px; height: 38px; display: flex; align-items: center;
				i 								{ display: none; }
			}

			        
		}
		
		&.head-sid.head-top  					{
			tbody tr  								{ 
				td:not(.head)						{ border-bottom:1px solid #e8e7e7;	padding-top: 7px; padding-bottom: 7px;
					&:last-child         		{ border-bottom:0 }
				}
			}	
		}

		&.head-sid:not(.head-top)  			{
			tbody tr  								{ 
				td:not(.head)						{ padding-top: 7px; padding-bottom: 7px;
				}
			}	
		}

		&.head-top 									{
			
			tbody tr  								{
				td:not(.head)						{ padding-left:45%; 	padding-top: 10px; padding-bottom: 10px;
					&:last-child         		{ margin-bottom:0; }
					&:before             		{ 
						position:absolute;
						font-weight:700;
						width:40%;
						left:10px;
						top:0;
						padding-top: 10px;
						padding-bottom: 10px;
						content:attr(data-title);
					}
					i 									{ display: inline; margin-right: 6px }
				}
			}
		}


		&:not(.head-sid) 							{
			tbody tr  								{ padding:8px 0;
				td:not(.head) 						{ padding-top: 6px; padding-bottom: 6px  }
			}	
		}
	}
}
*/
/* 
@ Include > Build's  */
button.btn, input.btn {
  padding: 0;
  text-align: center;
  display: block; }

.btn {
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  cursor: pointer;
  /*
  &.-h 						{ height: var(--h) }
  &.-bc 						{ background-color: var(--bc); &:hover{ background-color: var(--bco) } }
  &.-r 						{ border-radius: var(--r) }
  &.-ov 						{ border-radius: calc( var(--h) / 2 ) }
  &.-c 						{ color: var(--c) ; &:hover{ color: var(--co) } }
  &.-w 						{ width: var(--w) }
  */
  	/*
  	&.t-4 						{ font-size:15px; height: 42px; min-height:auto; min-width:auto; padding:8px 14px;  border-radius: 4px; border-width:1px; border-style:solid } 	
  
  	
  
  	
  	&.t-del,&.t-drk 			{ font-size:14px }
  
  	&.t-del 					{ background:#fb7957; color:white; 
  		&:hover  				{ background:#ec6644 }
  		span 					{ font-weight:300 }
  		i 						{ right:7px; top:13px; opacity:.8; font-size:16px  }
  	}
  	
  
  	
  	&.t-drk 					{ background:#686868; color:white; 
  		&:hover  				{ background:#404040 }
  		span 					{ font-weight:300 }
  	}
  	*/
  	/*
  
  	&.t-1 						{ background:#3cd458; height:32px; border-radius:16px; color:white; padding:0 18px;
  		&:hover 				{ background:#4deb6a } 
  	}
  
  
  	&.t-2						{ border:1px dashed #dadada;  height:38px; border-radius:4px; color:white; padding:0 22px 0 28px;
  		&:hover 				{ background:#6ed28d; border-color:#81e4a0; color:white;  } 
  		b 						{ font-weight:300; font-size:16px; position:absolute; left:11px}
  		span 					{ top:0; font:300 12px Brandon}
  	}
  
  	&.t-3						{ border: 1px solid #b8babb; background: 0 0; height: 26px; color: #fffefe; padding: 2px 9px 3px 9px; border-radius: 14px;
  		&:hover 				{ border-color:#fff; color:white } 
  		span 					{ top:1px; font:300 10px Brandon }
  	}
  
  	&.t-5						{ border: 1px solid #47c6fb;  height: 37px; color: #333; padding: 4px 14px; border-radius: 3px;
  		&:hover 				{ background-color:#47c6fb; color:white } 
  		span 					{ top:0; font-weight:300; font-size:14px; }
  	}
  	
  	*/
  	/*
  	&.t-8 						{ color:#38393a; border-color:#a0a0a0;  background:#f9f9f9;
  		&:hover 				{ background-color:#fff; color:#000  } 
  	}
  	
  	&.t-9 						{ color:#e83609; border-color:#f99c84;  background:#f9f9f9;
  		&:hover 				{ background-color:#fff; color:#292929   } 
  	}
  	
  	&.t-7 						{ border:1px solid #e2e2e1; color:#8d8b8b;  background:#fff; height:26px; min-width:72px; border-radius:13px;
  		span 					{ font:300 10px 'Gotham'; top:0;  letter-spacing:-.7px }
  		&:hover 				{ background-color:#f9f9f9; color:#000   } 
  	}
  
  	*/
  	/*
  
  	&.t-2						{ background:#e5e7e7; height:38px; border-radius:19px; color:#3f3d3d; padding:0 22px 0 28px;
  		&:hover 				{ background:#a3ef90; color:white; } 
  		b 						{ font-weight:300; font-size:17px; position:absolute; left:14px}
  		span 					{ top:-1px;}
  	}
  
  
  
  	&.t-6						{ border: 1px solid #8b8b8b;  height: 46px; color: black; padding: 4px 14px; border-radius: 3px;
  		&:hover 				{ background-color:#414243; border-color:#414243; color:white } 
  		span 					{ top:1px; font:300 14px 'Brandon' }
  		&.off 					{ color:#989898; border-color:#e4e4e4; cursor:default;
  			&:hover 			{ background:none; border-color:#e4e4e4; color:3989898 }
  		}
  	}
  
  
  	&.t-7 						{ 
  
  		&.t-inr					{ color:white ;  border-color: $color-1;   background:$color-1;
  			&:hover 			{ background:$color-3;   border-color:$color-3;   } 
  		}
  		&.t-out 				{ color:$color-3; border-color: $color-1;  background:#f9f9f9;
  			&:hover 			{ background-color:#25a5da; border-color:#25a5da; color:white    } 
  		}
  	}
  	*/
  	/*
  	
  	&.t2 					{ background:none; font-weight:800; font-size:15px; border:1px solid #5d5d5d; text-align:center; height:42px; font-family:$font-2; color:#e5e5e5;
  		&:hover 				{ color:white }
  	}
  
  	&.t3 						{ background:#fff; height:26px; border:1px solid #d6d6d6; border-radius:4px; color:#444141; padding:0 5px;
  		span 					{ font-size:12px; font-weight:400 }
  		i 						{ color:#242423; margin-right:4px; top:1px; font-size:10px}
  		&:hover 				{ border-color:#f5d183; background:#ffe6b0 } 
  	}
  
  	&.t4 						{ background:#3d8cec; height:28px; border:1px solid #3d8cec; border-radius:4px; color:#fff; padding:0 9px;
  		span 					{ font-size:13px; font-weight:400 }
  		i 						{  margin-right:6px; top:2px; font-size:13px}
  		&:hover 				{ border-color:#55a2ff; background:#55a2ff } 
  	}
  
  	&.t5 						{ background:#7ba938; height:28px; border:1px solid #7ba938; border-radius:4px; color:#fff; padding:0 9px;
  		span 					{ font-size:13px; font-weight:400 }
  		i 						{  margin-right:6px; top:1px;  font-size:12px}
  		&:hover 				{ border-color:#8abf3b; background:#8abf3b } 
  	}
  	*/ }
  .btn.d {
    color: white;
    min-width: 100px;
    background: #333;
    height: 42px;
    font-size: 16px;
    padding-left: 18px;
    padding-right: 18px; }
    .btn.d:hover {
      background: black; }
  .btn.t-in {
    display: inline-flex; }
  .btn.f-1, .btn.f-2 {
    font-size: 14px;
    min-width: 210px;
    font-weight: 400;
    text-transform: uppercase;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 22px;
    height: 44px;
    padding: 0 22px; }
  .btn.f-1 {
    background: #e1eff4;
    color: #00074b; }
    .btn.f-1:hover {
      color: #2c3691;
      background: #fff; }
  .btn.f-2 {
    background: #2c3691;
    color: #fff; }
    .btn.f-2:hover {
      background: #32365a; }
  .btn.f-3 {
    background: #2c3691;
    color: #fff;
    font-size: 13px;
    font-weight: 400;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 8px;
    border-radius: 4px; }
    .btn.f-3:hover {
      background: #32365a; }
  .btn[style] {
    background-color: var(--bc);
    border-radius: var(--r);
    color: var(--c);
    height: var(--h);
    border: 1px solid var(--br);
    min-width: var(--mw);
    padding: var(--pw); }
    .btn[style]:hover {
      background-color: var(--ov-bc);
      border-color: var(--ov-br);
      color: var(--ov-ch); }
  .btn.-ha {
    height: auto; }
  .btn.-wf {
    width: 100%; }

/*
@ main > response */
/* 
@ layout */
header {
  height: calc( var(--head_ys) * 1px );
  width: 100%;
  background: var(--head_bg);
  z-index: 3; }
  header .fix {
    transition: top .3s;
    height: 100%;
    background: var(--head_bg);
    width: 100%; }
  header .e-order {
    padding-left: 20px;
    z-index: 2;
    display: none; }
    header .e-order i {
      margin-right: 8px; }
  header .e-tost {
    width: 60px;
    z-index: 2; }
    header .e-tost .fa-times {
      font-size: 22px; }
  header > div {
    z-index: 1; }
  header figure {
    height: 100%; }
    header figure a {
      height: 100%; }
    header figure img {
      height: 90%;
      max-height: 75px;
      width: auto; }
  header .sag a {
    font-weight: 600;
    font-size: 12px;
    text-transform: uppercase;
    color: #2c3691; }
  header .nav-menu li {
    margin-left: 25px; }
    header .nav-menu li:first-last {
      margin-left: 0; }
  header .nav-menu a:hover {
    color: black; }
  header .nav-user.f-2 {
    display: none;
    top: 26px;
    right: 15px; }

.nav-user a {
  font-size: 11px;
  color: #2c3691;
  font-weight: 600;
  background: white;
  border: 1px solid #2c3691;
  padding: 0 15px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 18px;
  height: 33px; }
.nav-user .e-start a {
  border-color: #6ecdde;
  background: #6ecdde; }
  .nav-user .e-start a:hover {
    background: #2fb7cf;
    color: white; }
.nav-user .e-login a:hover {
  background: #2c3691;
  color: white; }

@media screen and (min-width: 992px) {
  .stick-120 header .fix {
    position: fixed;
    top: 0;
    animation-name: slideInDown;
    box-shadow: 0 0 11px rgba(0, 0, 0, 0.3);
    height: 64px; }
    .stick-120 header .fix figure a {
      padding: 6px 0; }
    .stick-120 header .fix .sag {
      padding-top: 0; } }
@media screen and (max-width: 1200px) {
  header .nav-user a {
    border-radius: 5px;
    padding: 0 8px;
    height: 25px; }
  header .nav-user.f-1 a {
    font-size: 10px; }

  body:not(.stick-120) header .nav-user.f-1 {
    position: absolute;
    right: 0;
    top: -19px; }

  body.stick-120 header .nav-menu li {
    margin-left: 20px; } }
@media screen and (max-width: 992px) {
  :root {
    --head_ys: 80; }

  header {
    position: sticky;
    top: 0;
    box-shadow: 0 0 11px rgba(0, 0, 0, 0.3); }

  header figure img {
    height: 75%; }

  header .nav-user.f-2 {
    display: flex; } }
@media screen and (max-width: 576px) {
  :root {
    --head_ys: 65; }

  header .nav-user.f-2 {
    width: 100%;
    transition: .8s;
    overflow: hidden;
    height: 38px;
    left: 0;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.3);
    top: 65px; }
    header .nav-user.f-2 .e-login {
      display: none; }
    header .nav-user.f-2 .e-start {
      margin: 0;
      width: 100%; }
    header .nav-user.f-2 a {
      border-radius: 0;
      height: 38px; }
  header .e-order {
    font-size: 14px;
    padding-left: 13px; }
    header .e-order i {
      margin-right: 6px; }

  .on-side header .nav-user.f-2 {
    height: 0px; } }
footer .us {
  background: #f1f2f2;
  height: 250px; }
  footer .us .sol img {
    width: 160px; }
  footer .us .one li {
    margin: 10px 0; }
    footer .us .one li a {
      color: black;
      font-size: 15px; }
    footer .us .one li a:hover {
      text-decoration: underline; }
  footer .us .two {
    width: 290px; }
  footer .us form label {
    font-weight: 600;
    font-size: 12px;
    text-transform: uppercase; }
  footer .us form .txt {
    width: 100%;
    border-radius: 7px;
    height: 40px;
    border: 1px solid #2c3691; }
  footer .us form .btn {
    right: 0;
    top: 0;
    z-index: 2;
    border-radius: 0 7px 7px 0;
    font-size: 11px;
    font-weight: 600;
    position: absolute;
    width: 75px;
    background: #2c3691;
    color: #fff;
    height: 100%; }
footer .as .in {
  height: 66px; }
  footer .as .in span {
    font-size: 11px;
    letter-spacing: 0.5px; }
  footer .as .in li {
    margin-left: 6px;
    font-size: 12px; }
    footer .as .in li a {
      color: #2c3691; }
    footer .as .in li i {
      font-size: 32px; }

/*
@  responsive  */
@media screen and (max-width: 992px) {
  footer .as .in li i {
    font-size: 27px; } }
@media screen and (max-width: 576px) {
  footer .as .in li i {
    font-size: 27px; } }
/*
@ pages  */
.home .bant h1, .home .bant h3 {
  font-weight: 300; }
.home .sec-cover {
  height: 620px;
  color: white;
  background: url("img/cover.jpg") no-repeat center center;
  background-size: cover; }
.home .sec-work {
  background: #e1eff4; }
  .home .sec-work .foto figure {
    overflow: hidden;
    border-radius: 50%; }
  .home .sec-work .foto {
    transform: translate(0, -50%); }
  .home .sec-work .bant {
    max-width: 750px; }
  .home .sec-work .ico figure {
    width: 1em;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 1em;
    border-radius: 50%;
    margin: 0 auto;
    font-size: 160px;
    background: white; }
    .home .sec-work .ico figure img {
      width: 70%; }
  .home .sec-work .ico h4 {
    padding-top: 15px;
    text-transform: uppercase; }
  .home .sec-work li a {
    color: #2c3691; }
.home .sec-comm figure {
  width: 1em;
  height: 1em;
  border-radius: 1em;
  overflow: hidden;
  font-size: 70px;
  margin-left: auto;
  margin-right: auto; }
.home .sec-comm li div {
  width: 90%;
  margin-left: auto;
  margin-right: auto; }
.home .sec-comm li p {
  font-size: 15px; }
.home .sec-comm li h3 {
  font-weight: 600;
  font-size: 15px; }
.home .sec-comm li span {
  font-size: 12px; }
.home .sec-about {
  height: 580px;
  color: white;
  background: url("img/cover-team.jpg") no-repeat center center;
  background-size: cover; }
.home .sec-partner figure {
  width: 1em;
  height: 1em;
  border-radius: 1em;
  overflow: hidden;
  font-size: 90px;
  margin: 0 auto; }
.home .sec-partner div {
  margin: 0 auto; }
.home .sec-partner li p {
  font-size: 15px; }

@media screen and (max-width: 1200px) {
  .home .bant h1, .home .bant h3 {
    font-size: 44px; }
  .home .sec-cover {
    height: 540px; }
  .home .sec-work {
    background: #e1eff4; }
    .home .sec-work .foto figure {
      margin: 0 auto; } }
@media screen and (max-width: 768px) {
  .home .sec-comm li div {
    border-bottom: 1px solid #ddd;
    width: 100%;
    padding-bottom: 20px;
    margin-bottom: 20px; }
  .home .sec-comm li:last-child div {
    border-bottom: 0; } }
@media screen and (max-width: 992px) {
  .home .bant h1, .home .bant h3 {
    font-size: 40px; }
  .home .bant p {
    font-size: 15px; } }
@media screen and (max-width: 576px) {
  .home .bant h1, .home .bant h3 {
    font-size: 35px; }
  .home .bant p {
    font-size: 14px; }
  .home .sec-work .ico figure {
    font-size: 120px; }
  .home .sec-work .col.b {
    top: -68px; } }
@media screen and (max-width: 420px) {
  .home .sec-work .col.b {
    top: -52px; }
  .home .sec-work .col.b1 {
    left: -5px; }
  .home .sec-work .col.b2 {
    right: -5px; } }
.about .sec-cover {
  height: 620px;
  color: white;
  background: url("img/cover-team.jpg") no-repeat center center;
  background-size: cover; }
.about .bant p {
  font-size: 15px; }
.about .doc-f1 {
  text-align: justify; }
  .about .doc-f1 p {
    line-height: 27px; }
  .about .doc-f1 h4 {
    font-size: 22px;
    font-weight: 400; }
.about .sec-two {
  background: #e1eff4; }
.about .sec-for {
  background: #e1eff4; }
  .about .sec-for .txt {
    text-align: justify;
    padding-top: 15px;
    line-height: 22px;
    font-size: 13px; }
  .about .sec-for figure {
    border-radius: 1em;
    font-size: 170px;
    width: 1em;
    height: 1em;
    overflow: hidden;
    margin: 0 auto 15px auto; }
  .about .sec-for h4, .about .sec-for h5 {
    text-align: center; }
  .about .sec-for h4 {
    font-size: 17px; }

@media screen and (max-width: 992px) {
  .sec-tre .sol figure {
    float: right;
    width: 290px;
    margin-left: 23px;
    top: 4px; } }
@media screen and (max-width: 768px) {
  .about .bant h1 {
    font-size: 45px; } }
@media screen and (max-width: 576px) {
  .about .bant h1, .about .bant h3 {
    font-size: 35px; } }
.benefits .sec-cover {
  height: 650px;
  color: white;
  background: url("img/cover-banefits.jpg") no-repeat center center;
  background-size: cover; }
.benefits .sec-one {
  background: #e1eff4; }
  .benefits .sec-one li {
    text-align: center; }
    .benefits .sec-one li figure {
      font-size: 116px;
      overflow: hidden;
      border-radius: 1em;
      width: 1em;
      height: 1em;
      margin: 0 auto 15px auto;
      overflow: hidden;
      border: 2px solid #2c3691;
      background: white;
      display: flex;
      align-items: center;
      justify-content: center; }
    .benefits .sec-one li h4 {
      font-weight: 600;
      font-size: 13px;
      color: #2c3691;
      text-transform: uppercase; }
  .benefits .sec-one .sol {
    width: 390px; }
    .benefits .sec-one .sol .b {
      top: -20px;
      left: -20px;
      z-index: 0;
      opacity: 0.5; }
    .benefits .sec-one .sol .a {
      z-index: 1; }
.benefits .sec-tre h4 {
  font-size: 22px;
  font-weight: 400; }

.word p {
  font-size: 15px;
  margin-bottom: 17px; }
.word.f1 p {
  text-align: justify; }
.word ul {
  padding-left: 15px; }
  .word ul li {
    list-style-type: disc;
    margin-bottom: 6px; }

@media screen and (max-width: 1200px) {
  .benefits .sec-one li figure {
    font-size: 90px;
    overflow: hidden;
    border-radius: 1em;
    width: 1em;
    height: 1em; }
  .benefits .sec-one li h4 {
    font-weight: 400;
    font-size: 12px; }
  .benefits .sec-one .sol {
    width: 372px;
    /* figure 			{ margin-top:-30px  }
    .b 					{ top:-20px; left:-20px; z-index:0;  opacity:.5 }
    .a 					{ z-index: 1 } */ } }
@media screen and (max-width: 768px) {
  .benefits .sec-two .sag img {
    top: -68%; } }
@media screen and (max-width: 576px) {
  .benefits .sec-two .sag img {
    top: -38%; } }
.contact .sec-cover {
  background: #e1eff4;
  height: 550px; }
  .contact .sec-cover .sol h1 {
    font-size: 52px;
    font-weight: 300;
    color: black; }
  .contact .sec-cover form textarea {
    height: 140px; }

.education .sec-cover {
  height: 540px;
  color: white;
  background: url("img/cover-education.jpg") no-repeat center center;
  background-size: cover; }
  .education .sec-cover .bant {
    max-width: none; }
    .education .sec-cover .bant h1 {
      font-size: 46px; }
.education .sec-post figure {
  margin-bottom: 18px; }
.education .sec-post h3 {
  margin-bottom: 15px;
  font-weight: 300;
  font-size: 30px; }
.education .sec-post p {
  text-align: justify; }

@media screen and (max-width: 1200px) {
  .education .sec-post figure {
    margin-bottom: 15px; }
  .education .sec-post h3 {
    font-size: 26px; } }
.faq {
  background: #e1eff4; }
  .faq .sec-list h1 {
    font-size: 50px;
    font-weight: 300;
    color: black; }
  .faq .list-acord h4 {
    font-weight: 400;
    font-size: 15px; }

.formula .sec-cover {
  height: 520px;
  color: white;
  background: url("img/cover-formula.jpg") no-repeat center center;
  background-size: cover; }
  .formula .sec-cover .bant {
    max-width: none; }
.formula h2 {
  font-size: 52px;
  font-weight: 300; }
.formula .sec-one figure {
  margin: 0 auto; }
  .formula .sec-one figure img {
    border-radius: 50%; }
.formula .sec-one h3 {
  text-align: center;
  font-weight: 300;
  font-size: 30px;
  text-transform: uppercase;
  margin: 25px 0 0 0; }
.formula .sec-two figure {
  margin: 0 auto 15px auto; }
  .formula .sec-two figure img {
    border-radius: 50%; }
.formula .sec-two p {
  font-size: 14px;
  color: #58595b;
  line-height: 18px; }
.formula .sec-two h4 {
  font-weight: 400;
  font-size: 22px; }
.formula .sec-tre {
  background: #e1eff4; }
  .formula .sec-tre li div {
    margin: 0 auto; }
  .formula .sec-tre li figure {
    width: 120px;
    border-radius: 50%;
    overflow: hidden;
    background: white;
    margin: 0 auto;
    border: 2px solid #2c3691; }
    .formula .sec-tre li figure img {
      border-radius: 50%; }
  .formula .sec-tre li h4 {
    color: #2c3691;
    font-weight: 500;
    margin-top: 18px;
    margin-bottom: 16px;
    font-size: 19px; }
  .formula .sec-tre li p {
    font-size: 14px;
    line-height: 19px; }
.formula .sec-for p {
  text-align: justify;
  font-size: 13px; }
.formula .sec-for h4 {
  font-size: 17px;
  font-weight: 400; }

@media screen and (max-width: 768px) {
  .formula .sec-for h4 {
    margin-bottom: 8px; }
  .formula .sec-for p {
    font-size: 16px;
    line-height: 18px; } }
body.f1 .sec-cover {
  height: 620px;
  color: white;
  background: url("img/cover-howitwork.jpg") no-repeat center center;
  background-size: cover; }
  body.f1 .sec-cover .bant {
    max-width: none; }
body.f1 .sec-one {
  background: #e1eff4;
  text-align: center; }
  body.f1 .sec-one h3 {
    position: absolute;
    left: 0;
    width: 100%;
    top: -135px;
    color: white;
    text-transform: uppercase;
    font-size: 18px;
    letter-spacing: 1px; }
  body.f1 .sec-one .ico figure {
    border: 2px solid #2c3691;
    width: 80%;
    max-width: 150px;
    border-radius: 50%;
    margin: -75px auto 0 auto;
    background: white; }
    body.f1 .sec-one .ico figure img {
      width: 100%;
      border-radius: 50%; }
  body.f1 .sec-one .ico h4 {
    font-weight: 500;
    padding-top: 15px;
    text-transform: uppercase; }
body.f1 .sec-two figure {
  margin: 0 auto; }
body.f1 .sec-two .txt {
  display: flex;
  align-items: center;
  justify-content: center; }
  body.f1 .sec-two .txt div {
    padding: 0;
    width: 80%;
    margin: 0 auto; }
    body.f1 .sec-two .txt div h3 {
      margin-bottom: 10px;
      font-weight: 300;
      font-size: 34px;
      text-transform: uppercase; }
    body.f1 .sec-two .txt div p {
      text-align: justify; }
body.f1 .sec-tre {
  background: #e1eff4; }
  body.f1 .sec-tre h3 {
    text-transform: uppercase;
    font-size: 30px;
    font-weight: 300; }

@media screen and (max-width: 992px) {
  body.f1 .sec-one h3 {
    position: relative;
    font-weight: 300;
    color: black;
    top: 0; }
  body.f1 .sec-one .ico figure {
    margin-top: 0; }
  body.f1 .sec-two .txt div h3 {
    font-size: 28px; } }
@media screen and (max-width: 768px) {
  body.f1 .sec-two ul li.txt div {
    padding-bottom: 25px; }
  body.f1 .sec-two ul li.one:not(.txt) {
    padding-bottom: 45px; }
  body.f1 .sec-two ul li.two:not(.txt) {
    padding-bottom: 45px; }
  body.f1 .sec-two ul li.one.txt {
    padding-top: 45px; }
  body.f1 .sec-two ul li.two.txt {
    padding-top: 45px; }
  body.f1 .sec-two ul li.two {
    background: #f1f2f2; }
  body.f1 .sec-two ul li .txt div h3 {
    font-size: 30px; }
  body.f1 .sec-two figure {
    width: 80%; } }
@media screen and (max-width: 576px) {
  body.f1 .sec-two .txt div, body.f1 .sec-two figure {
    width: 90%; }
  body.f1 .sec-two .txt div h3 {
    font-size: 26px; } }
body.f1.ourstandard .sec-cover {
  background-image: url("img/cover-ourstandard.jpg"); }

.order {
  --head_ys: 90; }
  .order header {
    padding: 10px 0; }
    .order header .e-order {
      display: flex; }
  .order main {
    min-height: calc( var(--wy) - 90px ); }
  .order main {
    background: #e1eff4; }
  .order .step-box > div:not(.on) {
    display: none; }
  .order .step-bar {
    max-width: 720px; }
    .order .step-bar ol {
      z-index: 1; }
    .order .step-bar li {
      font-size: 28px;
      overflow: hidden;
      border-radius: 1em;
      width: 1em;
      height: 1em;
      border: 1px solid #2c3691;
      background: white; }
      .order .step-bar li a {
        display: block;
        height: 100%; }
      .order .step-bar li.on {
        background: #6ecdde; }
    .order .step-bar hr {
      position: absolute;
      top: 50%;
      width: 100%;
      z-index: 0;
      background: #2c3691;
      height: 1px;
      border: 0; }
  .order .form .submit input {
    margin-left: 10px;
    margin-right: 10px; }
  .order .body-preview ol {
    z-index: 1; }
  .order .body-preview li {
    text-align: center; }
    .order .body-preview li figure {
      width: 80px;
      display: flex;
      align-items: center;
      margin: 0 auto; }
    .order .body-preview li svg {
      width: 100%;
      stroke: #2c3691;
      stroke-width: 8px; }
      .order .body-preview li svg .cls-1 {
        fill: white; }
    .order .body-preview li.on svg .cls-1 {
      fill: #2c3691; }
    .order .body-preview li span {
      display: block;
      font-size: 13px;
      font-weight: 500;
      padding-top: 15px; }
  .order .body-preview label {
    font-weight: 700; }
  .order .body-preview .hr2, .order .body-preview .hr1 {
    position: absolute;
    transform: translate(-50%, 0);
    left: 50%;
    z-index: 0;
    background: #2c3691;
    height: 1px;
    border: 0; }
  .order .body-preview .hr1 {
    top: 50%;
    width: 85%; }
  .order .body-preview .hr2 {
    top: 74%;
    width: 34%; }
  .order.step-6 main {
    padding-bottom: 0; }
  .order .s-6 .basket .item {
    margin-bottom: 50px; }
  .order .s-6 .basket ol li {
    display: flex;
    font-size: 14px;
    padding: 14px 0;
    justify-content: space-between;
    border-bottom: 1px solid #2c3691; }
    .order .s-6 .basket ol li:last-child {
      border: 0; }
    .order .s-6 .basket ol li .sub {
      font-size: 12px;
      text-decoration: underline;
      display: block;
      padding-top: 5px; }
    .order .s-6 .basket ol li b {
      font-weight: 600; }
    .order .s-6 .basket ol li b.w {
      background: white;
      padding: 2px 6px;
      display: flex;
      align-items: center;
      justify-content: center; }
  .order .s-6 .basket .sol img {
    border-radius: 8px 8px 0 0; }
  .order .s-6 .basket .sol h5 {
    border-radius: 0 0  8px 8px;
    background: white;
    text-align: center;
    padding: 7px 0; }
  .order .s-6 .sec-info {
    background: #c3e0ea;
    border-radius: 10px;
    padding: 15px; }
    .order .s-6 .sec-info h4 {
      margin-bottom: 34px;
      color: black;
      text-align: center;
      padding-top: 8px;
      text-align: center;
      font-size: 15px; }
    .order .s-6 .sec-info li {
      display: flex;
      align-items: center;
      display: flex;
      align-items: center;
      padding: 10px 0;
      border-bottom: 1px solid #ddf6ff; }
      .order .s-6 .sec-info li:last-child {
        border-bottom: 0; }
      .order .s-6 .sec-info li figure {
        font-size: 46px;
        overflow: hidden;
        border-radius: 1em;
        width: 1em;
        height: 1em;
        max-width: 46px;
        min-width: 46px;
        margin-right: 14px; }
      .order .s-6 .sec-info li span {
        font-weight: 600;
        font-size: 14px;
        padding-right: 12px; }
    .order .s-6 .sec-info.f-1 {
      background: none;
      padding: 0;
      margin-top: -7px; }
      .order .s-6 .sec-info.f-1 li {
        border: 0; }
      .order .s-6 .sec-info.f-1 h4 {
        font-size: 18px;
        font-weight: normal;
        margin-bottom: 12px;
        text-align: left; }
  .order .s-6 .sec-two {
    background: #fff; }
  .order .s-6 .sec-one {
    background: #f1f2f2;
    text-align: center; }
    .order .s-6 .sec-one figure {
      font-size: 90px;
      overflow: hidden;
      border-radius: 1em;
      width: 1em;
      height: 1em;
      border: 2px solid #2c3691;
      background: white;
      margin: 0 auto; }
    .order .s-6 .sec-one h4 {
      text-transform: uppercase;
      font-weight: 400;
      font-size: 18px;
      padding: 25px 0 8px 0; }
    .order .s-6 .sec-one p {
      font-size: 14px; }
  .order .s-7 li h4 {
    margin-bottom: 15px;
    font-weight: 400; }
  .order .s-7 li figure {
    margin-bottom: 8px; }
    .order .s-7 li figure img {
      border-radius: 6px; }
  .order .s-7 li nav {
    display: flex; }
    .order .s-7 li nav button {
      width: 68px;
      color: white;
      border-radius: 0 6px 6px 0;
      background: #2c3691; }
    .order .s-7 li nav select {
      border-radius: 6px 0 0 6px; }
    .order .s-7 li nav div.f4 {
      width: 100%; }
  .order .s-7 li > div {
    border-radius: 8px;
    padding: 8px;
    background: #f6fdff; }
  .order .s-7 .f-1 li > div {
    padding: 0;
    background: none; }
  .order .s-8 form > .sag {
    border-left: 1px solid #2c3691; }
  .order .s-8 legend {
    text-transform: uppercase;
    font-size: 17px;
    font-weight: 400; }
  .order .s-8 .note {
    text-align: justify; }
    .order .s-8 .note h5 {
      font-size: 20px;
      margin-bottom: 15px;
      font-weight: 400; }
    .order .s-8 .note p {
      font-size: 14px; }
    .order .s-8 .note summary {
      font-size: 11px;
      border-top: 1px solid #2c3691; }
  .order .s-8 .submit span {
    font-size: 12px; }
  .order .s-8 .submit input {
    border-radius: 6px;
    margin: 0 15px 0 0; }
  .order .s-8 .discount .flex button {
    padding: 0 18px;
    border: 1px solid #2c3691;
    margin-left: 10px;
    border-radius: 6px; }
  .order .s-8 .calc-info {
    border-top: 1px solid #2c3691;
    border-bottom: 1px solid #2c3691;
    padding: 18px 0; }
  .order .s-8 .calc {
    font-size: 14px; }
    .order .s-8 .calc label {
      font-size: 14px; }
    .order .s-8 .calc ul {
      padding: 13px 0; }
    .order .s-8 .calc li {
      padding: 2px 0; }
  .order .s-8 .calc li {
    display: flex;
    align-items: center;
    justify-content: space-between; }
    .order .s-8 .calc li > span {
      font-weight: 500; }
  .order .s-8 .calc-tot {
    font-size: 20px; }
    .order .s-8 .calc-tot label {
      font-size: 20px; }
    .order .s-8 .calc-tot em {
      font-size: 12px;
      color: #777;
      margin-right: 10px;
      top: -1px; }
  .order .s-8 .calc-item li div {
    display: flex;
    align-items: center; }
    .order .s-8 .calc-item li div button {
      width: 20px;
      height: 30px;
      margin-right: 10px;
      color: #2c3691;
      font-size: 15px;
      background: none; }
      .order .s-8 .calc-item li div button i {
        top: 1px; }
    .order .s-8 .calc-item li div input {
      width: 34px;
      margin-right: 10px;
      border: 1px solid #2c3691;
      height: 22px;
      border-radius: 5px;
      text-align: center; }
    .order .s-8 .calc-item li div label {
      font-weight: 300;
      margin: 0; }
  .order .s-9 h3 {
    font-size: 46px;
    font-weight: 400; }
  .order .s-9 figure {
    font-size: 220px;
    overflow: hidden;
    border-radius: 1em;
    width: 1em;
    height: 1em;
    margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 2px solid #2c3691;
    color: #2c3691;
    background: white; }
    .order .s-9 figure i {
      font-size: 100px; }

@media screen and (max-width: 768px) {
  .order {
    --head_ys: 80; }
    .order .s-8 form > .sag {
      border-left: 0; }
    .order header {
      padding: 0; }
    .order .body-preview li figure {
      width: 64px; }
    .order .body-preview li span {
      font-size: 12px; }
    .order .body-preview .hr1 {
      top: 28%;
      width: 67%; } }
@media screen and (max-width: 576px) {
  .order .s-9 figure {
    font-size: 165px; }
    .order .s-9 figure i {
      font-size: 70px; }
  .order .step-bar li {
    font-size: 22px; } }
.user main {
  background: #e1eff4; }
.user.login .e-1 {
  font-size: 13px; }
.user .nav-account nav {
  background: #c3e0ea;
  border-radius: 10px;
  width: 192px;
  padding: 10px; }
  .user .nav-account nav ol li {
    border-bottom: 1px solid #ddf6ff; }
    .user .nav-account nav ol li a {
      display: flex;
      font-weight: 600;
      font-size: 13px;
      align-items: center;
      padding: 10px 3px;
      height: 44px; }
    .user .nav-account nav ol li i {
      position: absolute;
      color: #2d8aab;
      font-size: 11px;
      right: 5px; }
    .user .nav-account nav ol li:last-child {
      border: 0; }
    .user .nav-account nav ol li.on {
      pointer-events: none; }
      .user .nav-account nav ol li.on a {
        color: black; }
.user table.f thead tr {
  height: 40px;
  vertical-align: top; }
.user table.f tbody tr {
  border-color: #c2d1d6; }
.user nav.f-1 {
  display: flex;
  justify-content: flex-end;
  height: 100%;
  align-items: center; }
  .user nav.f-1 a {
    margin-left: 10px; }
    .user nav.f-1 a i {
      font-size: 20px; }
    .user nav.f-1 a.edt {
      color: #1f9aca; }
    .user nav.f-1 a.del {
      color: #f71616; }
.user.abone table button {
  color: white;
  text-align: center;
  border-radius: 4px;
  padding: 3px 8px;
  font-size: 12px;
  margin-left: 5px; }
  .user.abone table button.e-freeze {
    background: #da9e46; }
  .user.abone table button.e-cancel {
    background: #e86142; }
.user.adres .list h3 {
  font-size: 15px;
  font-weight: 500; }
.user.adres .list ul li {
  display: flex;
  border-bottom: 1px solid #b5d0da;
  height: 44px;
  justify-content: space-between;
  align-items: center; }
  .user.adres .list ul li:last-child {
    border-bottom: 0; }
  .user.adres .list ul li a {
    height: 100%;
    display: flex;
    cursor: pointer;
    align-items: center; }
  .user.adres .list ul li > a {
    height: 100%;
    width: 100%;
    z-index: 1;
    color: #333;
    font-size: 15px;
    padding-left: 3px; }
    .user.adres .list ul li > a:hover {
      color: #2c3691; }
  .user.adres .list ul li nav {
    display: flex;
    padding-left: 6px;
    height: 100%;
    align-items: center; }
.user.adres .list h3 {
  margin-bottom: 15px; }
.user.adres .list nav.f-1 {
  padding-left: 6px; }