/* -------------------------------------------------------
--- Codify Ltd. Sti
--- http://codify.istanbul
--------------------------------------------------------*/



/* GENERAL
--------------------------------------------------------*/
* { outline: hidden; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
body, html { width: 100%; height: 100%; }
body { margin: 0px; }
img { border: 0px; }
/**:not(textarea):not([type="text"]):not([type="password"]):not([type="search"]) { -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }*/


/* DEFAULT
--------------------------------------------------------*/
.ul-reset { list-style-type: none; margin: 0px; padding: 0px; }
/*.ulReset > li { margin:0px; padding:0px; }*/
.clear { clear: both; }
.no-wrap { white-space: nowrap; }
.hide { display: none; }
/*.hidden { visibility: hidden; }*/
.hide-opacity { opacity: 0; }
.show { display: inherit; }
.bold { font-weight: bold !important; }
.overflow { overflow: auto; }
.no-select { -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }
.tbl-reset { margin: 0px; border-collapse: collapse; border-spacing: 0px; border: 0px; }
.tbl-reset > tbody > tr > td { padding: 0px; }


/* DIV TABLE
--------------------------------------------------------*/
.tbl { display: table; }
.tbl .tbl-row { display: table-row; }
.tbl .tbl-cell { display: table-cell; vertical-align: middle; }
.no-spacing,
.no-spacing div { border-collapse: collapse; border-spacing: 0px; }


/* WIDTH & HEIGHT
--------------------------------------------------------*/
.full, .full .tbl-row, .full .cell { width: 100%; height: 100%; }
.full-width, .full-width .tbl-row, .full-width .cell { width: 100%; }
.full-height, .full-height .tbl-row, .full-height .cell { height: 100%; }
.inherit-width, .inherit-width .tbl-row, .inherit-width .cell { width: inherit; }
.inherit-height, .inherit-height .tbl-row, .inherit-height .cell { height: inherit; }
.min-width { width: 1% !important; }


/* DIRECTION
--------------------------------------------------------*/
.right { float: right; }
.left { float: left; }
.right-text { text-align: right; }
.left-text { text-align: left; }
.center-text { text-align: center; }
.center { margin: auto; }
.middle { vertical-align: middle !important; }
.top { vertical-align: top !important; }
.bottom { vertical-align: bottom !important; }
.row-horizontal > li { display: inline-block; }
.row-vertical > li { display: block; }


/* MARGINS
--------------------------------------------------------*/
.margin-left { margin-left: 5px; }
.margin-right { margin-right: 5px; }
.margin-top { margin-top: 5px; }
.margin-bottom { margin-bottom: 5px; }
.margin-full { margin: 5px; }
.margin-left-2x { margin-left: 10px; }
.margin-right-2x { margin-right: 10px; }
.margin-top-2x { margin-top: 10px; }
.margin-bottom-2x { margin-bottom: 10px; }
.margin-full-2x { margin: 10px; }
.margin-left-3x { margin-left: 15px; }
.margin-right-3x { margin-right: 15px; }
.margin-top-3x { margin-top: 15px; }
.margin-bottom-3x { margin-bottom: 15px; }
.margin-full-3x { margin: 15px; }
.margin-left-4x { margin-left: 20px; }
.margin-right-4x { margin-right: 20px; }
.margin-top-4x { margin-top: 20px; }
.margin-bottom-4x { margin-bottom: 20px; }
.margin-full-4x { margin: 20px; }
.margin-left-5x { margin-left: 25px; }
.margin-right-5x { margin-right: 25px; }
.margin-top-5x { margin-top: 25px; }
.margin-bottom-5x { margin-bottom: 25px; }
.margin-full-5x { margin: 25px; }
.margin-left-6x { margin-left: 30px; }
.margin-right-6x { margin-right: 30px; }
.margin-top-6x { margin-top: 30px; }
.margin-bottom-6x { margin-bottom: 30px; }
.margin-full-6x { margin: 30px; }


/* PADDINGS
--------------------------------------------------------*/
.padding-1 { padding: 1px; }
.padding-2 { padding: 2px; }
.padding-3 { padding: 3px; }
.padding-4 { padding: 4px; }
.padding-5 { padding: 5px; }
.padding-10 { padding: 10px; }
.padding-15 { padding: 15px; }
.padding-20 { padding: 20px; }
.padding-25 { padding: 25px; }
.padding-30 { padding: 30px; }
.padding-top-5 { padding-top: 5px; }
.padding-bottom-5 { padding-bottom: 5px; }
.padding-left-5 { padding-left: 5px; }
.padding-right-5 { padding-right: 5px; }
.padding-top-10 { padding-top: 10px; }
.padding-bottom-10 { padding-bottom: 10px; }
.padding-left-10 { padding-left: 10px; }
.padding-right-10 { padding-right: 10px; }


/* FONT SIZE
--------------------------------------------------------*/
.font-size-xxsmall { font-size: xx-small; }
.font-size-xsmall { font-size: x-small; }
.font-size-small { font-size: small; }
.font-size-medium { font-size: medium; }
.font-size-large { font-size: large; }
.font-size-xlarge { font-size: x-large; }
.font-size-xxlarge { font-size: xx-large; }
.bold { font-weight: bold; }


/* CURBY
--------------------------------------------------------*/
.curby-small { -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; }
.curby { -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }
.curby-medium { -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; }
.curby-large { -webkit-border-radius: 12px; -moz-border-radius: 12px; border-radius: 12px; }


/* ANIMATE
--------------------------------------------------------*/
.animate, .transition-duration { -webkit-transition-duration: 0.5s; -moz-transition-duration: 0.5s; transition-duration: 0.5s; }


/* CURSOR
--------------------------------------------------------*/
.cursor-pointer { cursor: pointer; }


/* HOVER
--------------------------------------------------------*/
.hover:hover { opacity: 0.9; -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%); filter: grayscale(100%); filter: url(grayscale.svg); /* Firefox 4+ */ filter: gray; /* IE 6-9 */ }


/* POSITION
--------------------------------------------------------*/
.relative { position: relative; }
.absolute { position: absolute; }
.fixed { position: fixed; }
.static { position: static; }
.absolute-center { margin: auto; left: 0px; right: 0px; }
.absolute-middle { margin: auto; left: 0px; right: 0px; top: 0px; bottom: 0px; }


/* BOX SIZING
--------------------------------------------------------*/
.box-sizing { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }


/* FLEX
--------------------------------------------------------*/
.flex { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; }
.flex-reverse { -webkit-flex-flow: column-reverse; flex-flow: column-reverse; flex-direction: column-reverse; }
.flex-order-1 { -webkit-box-ordinal-group: 1; -moz-box-ordinal-group: 1; -ms-flex-order: 1; -webkit-order: 1; order: 1; }
.flex-order-2 { -webkit-box-ordinal-group: 2; -moz-box-ordinal-group: 2; -ms-flex-order: 2; -webkit-order: 2; order: 2; }
.flex-order-3 { -webkit-box-ordinal-group: 3; -moz-box-ordinal-group: 3; -ms-flex-order: 3; -webkit-order: 3; order: 3; }
.flex-order-4 { -webkit-box-ordinal-group: 4; -moz-box-ordinal-group: 4; -ms-flex-order: 4; -webkit-order: 4; order: 4; }
.flex-order-5 { -webkit-box-ordinal-group: 5; -moz-box-ordinal-group: 5; -ms-flex-order: 5; -webkit-order: 5; order: 5; }
.flex-order-6 { -webkit-box-ordinal-group: 6; -moz-box-ordinal-group: 6; -ms-flex-order: 6; -webkit-order: 6; order: 6; }
.flex-order-7 { -webkit-box-ordinal-group: 7; -moz-box-ordinal-group: 7; -ms-flex-order: 7; -webkit-order: 7; order: 7; }
.flex-order-8 { -webkit-box-ordinal-group: 8; -moz-box-ordinal-group: 8; -ms-flex-order: 8; -webkit-order: 8; order: 8; }
.flex-order-9 { -webkit-box-ordinal-group: 9; -moz-box-ordinal-group: 9; -ms-flex-order: 9; -webkit-order: 9; order: 9; }
.flex-order-10 { -webkit-box-ordinal-group: 10; -moz-box-ordinal-group: 10; -ms-flex-order: 10; -webkit-order: 10; order: 10; }
.flex-wrap { flex-wrap: wrap; }
.flex-nowrap { flex-wrap: nowrap; }
.flex-justify-content-center { justify-content: center; }
.flex-column-25 { width: 25%; padding: 15px; }
.flex-column-50 { width: 50%; padding: 15px; }
.flex-column-75 { width: 75%; padding: 15px; }
.flex-column-100 { width: 100%; padding: 15px; }


/* FLEX TABLE
--------------------------------------------------------*/
.flex-tbl { display: -moz-box; display: -ms-flexbox; display: flex; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; min-height: 100%; }
.flex-tbl-row { display: -moz-box; display: -ms-flexbox; display: flex; -moz-box-orient: horizontal; -moz-box-direction: reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; -moz-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; }
.flex-tbl-cell { -moz-box-align: center; -ms-flex-align: center; align-items: center; display: -moz-box; display: -ms-flexbox; display: flex; -moz-box-flex: 1; -ms-flex: 1; flex: 1; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; position: relative; }