/* FLEX BOX */
.flex-row {display: flex;flex-direction: row;}
.flex-row-hc {display: flex;flex-direction: row;justify-content: center;}
.flex-row-hsb {display: flex;flex-direction: row;justify-content: space-between;}
.flex-row-vc {display: flex;flex-direction: row;align-items: center;}
.flex-row-vend {display: flex;flex-direction: row;align-items: flex-end;}
.flex-row-c {display: flex;flex-direction: row;align-items: center;justify-content: center;}

.flex-column {display: flex;flex-direction: column;}
.flex-column-hc {display: flex;flex-direction: column;align-items: center;}
.flex-column-vc {display: flex;flex-direction: column;justify-content: center;}
.flex-column-c {display: flex;flex-direction: column;align-items: center;justify-content: center;}

.flex-wrap {flex-wrap: wrap;}
.flex-n-wrap {flex-wrap: nowrap;}

/* TEXT */

.uppercase {text-transform: uppercase;}
.title_grey_small{color:#888;font-size:0.9335em;}
.one-row-ellips {
	overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

/* POSITION */
.relative {position: relative!important;}

/* SVG */
.more-svg {margin-left: 6px;margin-bottom: 2px;}

/* SIZES */
.fs-0 {font-size: 0em;}

.fs-9  {font-size: 0.6em;}
.fs-10 {font-size: 0.667em;}
.fs-11 {font-size: 0.7335em;}
.fs-12 {font-size: 0.8em;}
.fs-13 {font-size: 0.8667em;}
.fs-14 {font-size: 0.9335em;}
.fs-15 {font-size: 1em;}
.fs-16 {font-size: 1.0667em;}
.fs-17 {font-size: 1.1335em;}
.fs-18 {font-size: 1.2em;}
.fs-19 {font-size: 1.2667em;}
.fs-20 {font-size: 1.3335em;}
.fs-21 {font-size: 1.4em;}
.fs-22 {font-size: 1.4667em;}
.fs-24 {font-size: 1.6em;}
.fs-25 {font-size: 1.6667em;}
.fs-27 {font-size: 1.8em;}
.fs-28 {font-size: 1.8667em;}
.fs-30 {font-size: 2em;}

/* LINE HEIGHTS */
.lh-75  {line-height: 0.75em;}
.lh-100  {line-height: 1em;}
.lh-110  {line-height: 1.1em;}
.lh-115  {line-height: 1.15em;}
.lh-120  {line-height: 1.2em;}
.lh-125  {line-height: 1.25em;}
.lh-130  {line-height: 1.3em;}
.lh-135  {line-height: 1.35em;}
.lh-140  {line-height: 1.4em;}
.lh-145  {line-height: 1.45em;}
.lh-150  {line-height: 1.5em;}
.lh-155  {line-height: 1.55em;}
.lh-160  {line-height: 1.6em;}

/* COLORS */
.color-black {color: #000;}
.color-222   {color: #222;}
.color-333   {color: #333;}
.color-555   {color: #555;}
.color-666   {color: #666;}
.color-777   {color: #777;}
.color-888   {color: #888;}
.color-ccc   {color: #ccc;}
.color-ddd   {color: #ddd;}
.color-white {color: #fff;}

.color-ccc-fix   {color: #ccc !important;}
.color-ddd-fix   {color: #ddd !important;}
.color-white-fix {color: #fff !important;}

.color-black-hover:hover {color: #000;}
.color-222-hover:hover   {color: #222;}
.color-333-hover:hover   {color: #333;}
.color-555-hover:hover   {color: #555;}
.color-666-hover:hover   {color: #666;}
.color-777-hover:hover   {color: #777;}
.color-888-hover:hover   {color: #888;}
.color-white-hover:hover {color: #fff;}

/* WEIGHT */
.wgt-400 {font-weight: 400!important;}
.wgt-500 {font-weight: 500;}
.wgt-600 {font-weight: 600;}

/* LETTER SPACING */
.letter-sp-3 {letter-spacing: 0.03em;}
.letter-sp-4 {letter-spacing: 0.04em;}

/* BACKGROUND */
.bg-trans {background-color: transparent;}
.bg-white-fix {background-color: white!important;}
.bg-dark-footer {background-color: #1e242c;}
.n-bg {background-color: none;}
.bg-no-rep {background-repeat: no-repeat;}
.bg-size-cover {background-size: cover;}
.bg-grey1-hover:hover {background-color: #F6F7FA;}
.bg-pos-c {background-position: center!important;}
.bg-pos-top {background-position: top!important;}
.bg-white {background-color: white;}
.bg-black {background-color: black;}

/* OPACITY */
.opacity80{opacity:0.8 !important;}
.opacity90{opacity:0.9 !important;}

/* BORDERS */
.border {border: 1px solid #ebebef;}
.border-x {border-left: 1px solid #ebebef;border-right: 1px solid #ebebef;}
.border-y {border-top: 1px solid #ebebef;border-bottom: 1px solid #ebebef;}
.border-l {border-left: 1px solid #ebebef;}
.border-r {border-right: 1px solid #ebebef;}
.border-t {border-top: 1px solid #ebebef;}
.border-b {border-bottom: 1px solid #ebebef;}

.n-border {border: none!important;}
.n-border-x {border-left: none;border-right: none;}
.n-border-y {border-top: none;border-bottom: none;}
.n-border-l {border-left: none;}
.n-border-r {border-right: none;}
.n-border-t {border-top: none;}
.n-border-b {border-bottom: none;}

/* SHADOW */
.n-shadow {box-shadow: none;}
.shadow-light {box-shadow: 0px 10px 20px rgba(211, 215, 221, 0.4);}
.shadow-dark {box-shadow: 0px 7px 18px rgba(143, 146, 151, 0.5);}
.shadow-middle {box-shadow: 0px 10px 20px rgba(184, 190, 199, 0.4);}
.shadow-light-hover:hover {box-shadow: 0px 10px 20px rgba(211, 215, 221, 0.4)!important;}
.shadow-dark-hover:hover {box-shadow: 0px 7px 18px rgba(143, 146, 151, 0.5);}
.shadow-middle-hover:hover {box-shadow: 0px 10px 20px rgba(184, 190, 199, 0.4);}

/* Z-INDEX */
.z-1 {z-index: 1;}
.z-2 {z-index: 2;}
.z-3 {z-index: 3;}
.z-4 {z-index: 4;}
.z-5 {z-index: 5;}
.z-11 {z-index: 11;}

/* WIDTH AND HEIGHT */
.wdt-100 {width: 100%;}
.hght-100 {height: 100%;}
.hght-auto {height: auto!important;}
.height-450 {height: 450px;}
.min-height-450 {min-height: 450px;}
.min-height-400 {min-height: 400px;}
.min-height-300 {min-height: 300px;}
.min-height-250 {min-height: 250px;}
.min-height-200 {min-height: 200px;}
.min-width-300 {min-width: 300px;}
.max-width-100 {max-width: 100%;}

/* DISPLAY */
.d-inline-block {display: inline-block;}
.d-block {display: block;}
.d-inline {display: inline;}

/* CURSOR */
.pointer { cursor: pointer; }
.default {cursor: default;}
.grab {cursor: grab;}

.default-hover:hover {cursor: default;}

/* MARGIN */
.m-all-32 {margin: 32px!important;}
.m-x-32 {margin-left: 32px!important;margin-right: 32px!important;}
.m-y-32 {margin-top: 32px!important;margin-bottom: 32px!important;}
.m-t-32 {margin-top: 32px!important;}
.m-b-32 {margin-bottom: 32px!important;}
.m-r-32 {margin-right: 32px!important;}

.m-all-16 {margin: 16px!important;}
.m-x-16 {margin-left: 16px!important;margin-right: 16px!important;}
.m-y-16 {margin-top: 16px!important;margin-bottom: 16px!important;}
.m-t-16 {margin-top: 16px!important;}
.m-b-16 {margin-bottom: 16px!important;}
.m-r-16 {margin-right: 16px!important;}
.m-l-16 {margin-left: 16px!important;}

.m-all-8 {margin: 8px!important;}
.m-x-8 {margin-left: 8px!important;margin-right: 8px!important;}
.m-y-8 {margin-top: 8px!important;margin-bottom: 8px!important;}
.m-b-8 {margin-bottom: 8px!important;}
.m-r-8 {margin-right: 8px!important;}

.m-all-0 {margin: 0px!important;}
.m-x-0 {margin-left: 0px!important;margin-right: 0px!important;}
.m-y-0 {margin-top: 0px!important;margin-bottom: 0px!important;}
.m-t-0 {margin-top: 0px!important;}
.m-b-0 {margin-bottom: 0px!important;}
.m-l-0 {margin-left: 0px!important;}
.m-r-0 {margin-right: 0px!important;}

.m-x-16-neg {margin-left: -16px!important;margin-right: -16px!important;}

.m-t-9 {margin-top: 9px!important;}

.m-r-50 {margin-right: 50px!important;}

/* PADDING */
.p-all-16 {padding: 16px!important;}
.p-x-16 {padding-left: 16px!important;padding-right: 16px!important;}
.p-y-16 {padding-top: 16px!important;padding-bottom: 16px!important;}
.p-r-16 {padding-right: 16px!important;}
.p-l-16 {padding-left: 16px!important;}

.p-all-32 {padding: 32px!important;}
.p-t-32 {padding-top: 32px!important;}
.p-l-32 {padding-left: 32px!important;}

.p-all-40 {padding: 40px!important;}


.p-x-0 {padding-left: 0px!important;padding-right: 0px!important;}
.p-y-0 {padding-top: 0px!important;padding-bottom: 0px!important;}
.p-t-0 {padding-top: 0px!important;}
.p-b-0 {padding-bottom: 0px!important;}
.p-l-0 {padding-left: 0px!important;}
.p-r-0 {padding-right: 0px!important;}

.p-l-6 {padding-left: 6px!important;}

/* POSITION ABSOLUTE */
.b-0 {position: absolute!important;bottom: 0px!important;}
.r-0 {position: absolute;right: 0px;}
.t-0 {position: absolute;top: 0px;}
.l-0 {position: absolute;left: 0px;}
.all_prnt_block {position: absolute;width: 100%;height: 100%;top: 0;left: 0;}

.b-40 {position: absolute;bottom: 40px;}

.arrows .bottom-right {position: absolute;bottom: 45px; right: 75px;}

/* OVERFLOW */
.over-hide {overflow: hidden;}

/* BORDER RADIUS */
.b-r-small {border-radius: 2px;}
.b-r-100 {border-radius: 100%;}

/* QUOTE */
.quote.top-right {
	position: absolute;
    top: 30px;
    right: 30px;
}