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



/* GENERAL
--------------------------------------------------------*/
body, html { width: 100%; height: 100%; }
body { margin: 0px; }
img { border: 0px; }
*:not(textarea):not([type="text"]):not([type="password"]) { -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; }
.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; }
.no-padding { padding: 0px; }
.no-margin { margin: 0px; }
.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 .row, .full .cell { width: 100%; height: 100%; }
.full-width, .full-width .row, .full-width .cell { width: 100%; }
.full-height, .full-height .row, .full-height .cell { height: 100%; }
.inherit-width, .inherit-width .row, .inherit-width .cell { width: inherit; }
.inherit-height, .inherit-height .row, .inherit-height .cell { height: inherit; }
.min-width { width: 1% !important; }
.width-xsmall { width: 50px; }
.width-small { width: 100px; }
.width-medium { width: 150px; }
.width-large { width: 200px; }
.width-xlarge { width: 250px; }
.width-xxlarge { width: 300px; }
.width-huge { width: 500px; }
.width-xhuge { width: 700px; }
.width-xxhuge { width: 900px; }


/* 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; }
.top { vertical-align: top !important; }
.bottom { vertical-align: bottom; }
.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-left2x { margin-left: 10px; }
.margin-right2x { margin-right: 10px; }
.margin-top2x { margin-top: 10px; }
.margin-bottom2x { margin-bottom: 10px; }
.margin-full2x { margin: 10px; }
.margin-left3x { margin-left: 15px; }
.margin-right3x { margin-right: 15px; }
.margin-top3x { margin-top: 15px; }
.margin-bottom3x { margin-bottom: 15px; }
.margin-full3x { margin: 15px; }
.margin-left4x { margin-left: 20px; }
.margin-right4x { margin-right: 20px; }
.margin-top4x { margin-top: 20px; }
.margin-bottom4x { margin-bottom: 20px; }
.margin-full4x { margin: 20px; }
.margin-left5x { margin-left: 25px; }
.margin-right5x { margin-right: 25px; }
.margin-top5x { margin-top: 25px; }
.margin-bottom5x { margin-bottom: 25px; }
.margin-full5x { margin: 25px; }
.margin-left6x { margin-left: 30px; }
.margin-right6x { margin-right: 30px; }
.margin-top6x { margin-top: 30px; }
.margin-bottom6x { margin-bottom: 30px; }
.margin-full6x { margin: 30px; }


/* Web COLUMNS
--------------------------------------------------------*/
.column1, .column2, .column3, .column4, .column5, .column6, .column7,
.column8, .column9, .column10, .column11, .column12 { float: left; }
.column12 { width: 100%; }
.column11 { width: 91.66666667%; }
.column10 { width: 83.33333333%; }
.column9 { width: 75%; }
.column8 { width: 66.66666667%; }
.column7 { width: 58.33333333%; }
.column6 { width: 50%; }
.column5 { width: 41.66666667%; }
.column4 { width: 33.33333333%; }
.column3 { width: 25%; }
.column2 { width: 16.66666667%; }
.column1 { width: 8.33333333%; }

@media (max-width: 768px) {
    .column1, .column2, .column3, .column4,
    .column5, .column6, .column7, .column8,
    .column9, .column10, .column11, .column12 { width: 100%; text-align: center; }
}


/* PADDINGS
--------------------------------------------------------*/
.padding1 { padding: 1px; }
.padding2 { padding: 2px; }
.padding3 { padding: 3px; }
.padding4 { padding: 4px; }
.padding5 { padding: 5px; }
.padding10 { padding: 10px; }
.padding15 { padding: 15px; }
.padding20 { padding: 20px; }
.padding25 { padding: 25px; }
.padding30 { 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; }