@charset "utf-8";
/*
# Tachyon css framework
# Create: 19.08.2018;
# Last update: 19.08.2018;
# Made: AronTito;
# Copyright 2018
# Version: 1.0.0;
# MIT License Free
*/
/* TACHYON PALETTE DESIGN OF COLORS*/
/* DEFAULT */
.bg-black {background: #000000 !important}
.tx-black {color: #000000 !important}
.bg-white {background: #ffffff !important}
.tx-white {color: #ffffff !important}
/* RED COLOR */
.bg-red {background: #f44336 !important}
.bg-red-0 {background: #ffebee !important}
.bg-red-1 {background: #ffcdd2 !important}
.bg-red-2 {background: #ef9a9a !important}
.bg-red-3 {background: #e57373 !important}
.bg-red-4 {background: #ef5350 !important}
.bg-red-5 {background: #f44336 !important}
.bg-red-6 {background: #e53935 !important}
.bg-red-7 {background: #d32f2f !important}
.bg-red-8 {background: #c62828 !important}
.bg-red-9 {background: #b71c1c !important}

.tx-red {color: #f44336 !important}
.tx-red-0 {color: #ffebee !important}
.tx-red-1 {color: #ffcdd2 !important}
.tx-red-2 {color: #ef9a9a !important}
.tx-red-3 {color: #e57373 !important}
.tx-red-4 {color: #ef5350 !important}
.tx-red-5 {color: #f44336 !important}
.tx-red-6 {color: #e53935 !important}
.tx-red-7 {color: #d32f2f !important}
.tx-red-8 {color: #c62828 !important}
.tx-red-9 {color: #b71c1c !important}
/* PINK COLOR */
.bg-pink {background: #E91E63 !important}
.bg-pink-0 {background: #FCE4EC !important}
.bg-pink-1 {background: #F8BBD0 !important}
.bg-pink-2 {background: #F48FB1 !important}
.bg-pink-3 {background: #F06292 !important}
.bg-pink-4 {background: #EC407A !important}
.bg-pink-5 {background: #E91E63 !important}
.bg-pink-6 {background: #D81B60 !important}
.bg-pink-7 {background: #C2185B !important}
.bg-pink-8 {background: #AD1457 !important}
.bg-pink-9 {background: #880E4F !important}

.tx-pink {color: #E91E63 !important}
.tx-pink-0 {color: #FCE4EC !important}
.tx-pink-1 {color: #F8BBD0 !important}
.tx-pink-2 {color: #F48FB1 !important}
.tx-pink-3 {color: #F06292 !important}
.tx-pink-4 {color: #EC407A !important}
.tx-pink-5 {color: #E91E63 !important}
.tx-pink-6 {color: #D81B60 !important}
.tx-pink-7 {color: #C2185B !important}
.tx-pink-8 {color: #AD1457 !important}
.tx-pink-9 {color: #880E4F !important}
/* PURPURE */
.bg-purple {background: #9C27B0 !important}
.bg-purple-0 {background: #F3E5F5 !important}
.bg-purple-1 {background: #E1BEE7 !important}
.bg-purple-2 {background: #CE93D8 !important}
.bg-purple-3 {background: #BA68C8 !important}
.bg-purple-4 {background: #AB47BC !important}
.bg-purple-5 {background: #9C27B0 !important}
.bg-purple-6 {background: #8E24AA !important}
.bg-purple-7 {background: #7B1FA2 !important}
.bg-purple-8 {background: #6A1B9A !important}
.bg-purple-9 {background: #4A148C !important}

.tx-purple {color: #9C27B0 !important}
.tx-purple-0 {color: #F3E5F5 !important}
.tx-purple-1 {color: #E1BEE7 !important}
.tx-purple-2 {color: #CE93D8 !important}
.tx-purple-3 {color: #BA68C8 !important}
.tx-purple-4 {color: #AB47BC !important}
.tx-purple-5 {color: #9C27B0 !important}
.tx-purple-6 {color: #8E24AA !important}
.tx-purple-7 {color: #7B1FA2 !important}
.tx-purple-8 {color: #6A1B9A !important}
.tx-purple-9 {color: #4A148C !important}
/* DEEP PURPURE */
.bg-deepPurple {background: #673AB7 !important}
.bg-deepPurple-0 {background: #EDE7F6 !important}
.bg-deepPurple-1 {background: #D1C4E9 !important}
.bg-deepPurple-2 {background: #B39DDB !important}
.bg-deepPurple-3 {background: #9575CD !important}
.bg-deepPurple-4 {background: #7E57C2 !important}
.bg-deepPurple-5 {background: #673AB7 !important}
.bg-deepPurple-6 {background: #5E35B1 !important}
.bg-deepPurple-7 {background: #512DA8 !important}
.bg-deepPurple-8 {background: #4527A0 !important}
.bg-deepPurple-9 {background: #311B92 !important}

.tx-deepPurple {color: #673AB7 !important}
.tx-deepPurple-0 {color: #EDE7F6 !important}
.tx-deepPurple-1 {color: #D1C4E9 !important}
.tx-deepPurple-2 {color: #B39DDB !important}
.tx-deepPurple-3 {color: #9575CD !important}
.tx-deepPurple-4 {color: #7E57C2 !important}
.tx-deepPurple-5 {color: #673AB7 !important}
.tx-deepPurple-6 {color: #5E35B1 !important}
.tx-deepPurple-7 {color: #512DA8 !important}
.tx-deepPurple-8 {color: #4527A0 !important}
.tx-deepPurple-9 {color: #311B92 !important}
/* INDIGO */
.bg-indigo {background: #3F51B5 !important}
.bg-indigo-0 {background: #E8EAF6 !important}
.bg-indigo-1 {background: #C5CAE9 !important}
.bg-indigo-2 {background: #9FA8DA !important}
.bg-indigo-3 {background: #7986CB !important}
.bg-indigo-4 {background: #5C6BC0 !important}
.bg-indigo-5 {background: #3F51B5 !important}
.bg-indigo-6 {background: #3949AB !important}
.bg-indigo-7 {background: #303F9F !important}
.bg-indigo-8 {background: #283593 !important}
.bg-indigo-9 {background: #1A237E !important}

.tx-indigo {color: #3F51B5 !important}
.tx-indigo-0 {color: #E8EAF6 !important}
.tx-indigo-1 {color: #C5CAE9 !important}
.tx-indigo-2 {color: #9FA8DA !important}
.tx-indigo-3 {color: #7986CB !important}
.tx-indigo-4 {color: #5C6BC0 !important}
.tx-indigo-5 {color: #3F51B5 !important}
.tx-indigo-6 {color: #3949AB !important}
.tx-indigo-7 {color: #303F9F !important}
.tx-indigo-8 {color: #283593 !important}
.tx-indigo-9 {color: #1A237E !important}
/* BLUE */
.bg-blue {background: #3F51B5 !important}
.bg-blue-0 {background: #E8EAF6 !important}
.bg-blue-1 {background: #BBDEFB !important}
.bg-blue-2 {background: #90CAF9 !important}
.bg-blue-3 {background: #64B5F6 !important}
.bg-blue-4 {background: #42A5F5 !important}
.bg-blue-5 {background: #2196F3 !important}
.bg-blue-6 {background: #1E88E5 !important}
.bg-blue-7 {background: #1976D2 !important}
.bg-blue-8 {background: #1565C0 !important}
.bg-blue-9 {background: #0D47A1 !important}

.tx-blue {color: #3F51B5 !important}
.tx-blue-0 {color: #E8EAF6 !important}
.tx-blue-1 {color: #BBDEFB !important}
.tx-blue-2 {color: #90CAF9 !important}
.tx-blue-3 {color: #64B5F6 !important}
.tx-blue-4 {color: #42A5F5 !important}
.tx-blue-5 {color: #2196F3 !important}
.tx-blue-6 {color: #1E88E5 !important}
.tx-blue-7 {color: #1976D2 !important}
.tx-blue-8 {color: #1565C0 !important}
.tx-blue-9 {color: #0D47A1 !important}
/* LIGHT BLUE */
.bg-lightBlue {background: #03A9F4 !important}
.bg-lightBlue-0 {background: #E1F5FE !important}
.bg-lightBlue-1 {background: #B3E5FC !important}
.bg-lightBlue-2 {background: #81D4FA !important}
.bg-lightBlue-3 {background: #4FC3F7 !important}
.bg-lightBlue-4 {background: #29B6F6 !important}
.bg-lightBlue-5 {background: #03A9F4 !important}
.bg-lightBlue-6 {background: #039BE5 !important}
.bg-lightBlue-7 {background: #0288D1 !important}
.bg-lightBlue-8 {background: #0277BD !important}
.bg-lightBlue-9 {background: #01579B !important}

.tx-lightBlue {color: #03A9F4 !important}
.tx-lightBlue-0 {color: #E1F5FE !important}
.tx-lightBlue-1 {color: #B3E5FC !important}
.tx-lightBlue-2 {color: #81D4FA !important}
.tx-lightBlue-3 {color: #4FC3F7 !important}
.tx-lightBlue-4 {color: #29B6F6 !important}
.tx-lightBlue-5 {color: #03A9F4 !important}
.tx-lightBlue-6 {color: #039BE5 !important}
.tx-lightBlue-7 {color: #0288D1 !important}
.tx-lightBlue-8 {color: #0277BD !important}
.tx-lightBlue-9 {color: #01579B !important}
/* CYAN */
.bg-cyan {background: #00BCD4 !important}
.bg-cyan-0 {background: #E0F7FA !important}
.bg-cyan-1 {background: #B2EBF2 !important}
.bg-cyan-2 {background: #80DEEA !important}
.bg-cyan-3 {background: #4DD0E1 !important}
.bg-cyan-4 {background: #26C6DA !important}
.bg-cyan-5 {background: #00BCD4 !important}
.bg-cyan-6 {background: #00ACC1 !important}
.bg-cyan-7 {background: #0097A7 !important}
.bg-cyan-8 {background: #00838F !important}
.bg-cyan-9 {background: #006064 !important}

.tx-cyan {color: #00BCD4 !important}
.tx-cyan-0 {color: #E0F7FA !important}
.tx-cyan-1 {color: #B2EBF2 !important}
.tx-cyan-2 {color: #80DEEA !important}
.tx-cyan-3 {color: #4DD0E1 !important}
.tx-cyan-4 {color: #26C6DA !important}
.tx-cyan-5 {color: #00BCD4 !important}
.tx-cyan-6 {color: #00ACC1 !important}
.tx-cyan-7 {color: #0097A7 !important}
.tx-cyan-8 {color: #00838F !important}
.tx-cyan-9 {color: #006064 !important}
/* TEAL */
.bg-teal {background: #009688 !important}
.bg-teal-0 {background: #E0F2F1 !important}
.bg-teal-1 {background: #B2DFDB !important}
.bg-teal-2 {background: #80CBC4 !important}
.bg-teal-3 {background: #4DB6AC !important}
.bg-teal-4 {background: #26A69A !important}
.bg-teal-5 {background: #009688 !important}
.bg-teal-6 {background: #00897B !important}
.bg-teal-7 {background: #00796B !important}
.bg-teal-8 {background: #00695C !important}
.bg-teal-9 {background: #004D40 !important}

.tx-teal {color: #009688 !important}
.tx-teal-0 {color: #E0F2F1 !important}
.tx-teal-1 {color: #B2DFDB !important}
.tx-teal-2 {color: #80CBC4 !important}
.tx-teal-3 {color: #4DB6AC !important}
.tx-teal-4 {color: #26A69A !important}
.tx-teal-5 {color: #009688 !important}
.tx-teal-6 {color: #00897B !important}
.tx-teal-7 {color: #00796B !important}
.tx-teal-8 {color: #00695C !important}
.tx-teal-9 {color: #004D40 !important}
/* GREEN */
.bg-green {background: #4CAF50 !important}
.bg-green-0 {background: #E8F5E9 !important}
.bg-green-1 {background: #C8E6C9 !important}
.bg-green-2 {background: #A5D6A7 !important}
.bg-green-3 {background: #81C784 !important}
.bg-green-4 {background: #66BB6A !important}
.bg-green-5 {background: #4CAF50 !important}
.bg-green-6 {background: #43A047 !important}
.bg-green-7 {background: #388E3C !important}
.bg-green-8 {background: #2E7D32 !important}
.bg-green-9 {background: #1B5E20 !important}

.tx-green {color: #4CAF50 !important}
.tx-green-0 {color: #E8F5E9 !important}
.tx-green-1 {color: #C8E6C9 !important}
.tx-green-2 {color: #A5D6A7 !important}
.tx-green-3 {color: #81C784 !important}
.tx-green-4 {color: #66BB6A !important}
.tx-green-5 {color: #4CAF50 !important}
.tx-green-6 {color: #43A047 !important}
.tx-green-7 {color: #388E3C !important}
.tx-green-8 {color: #2E7D32 !important}
.tx-green-9 {color: #1B5E20 !important}
/* LIGHT GREEN */
.bg-lightGreen {background: #8BC34A !important}
.bg-lightGreen-0 {background: #F1F8E9 !important}
.bg-lightGreen-1 {background: #DCEDC8 !important}
.bg-lightGreen-2 {background: #C5E1A5 !important}
.bg-lightGreen-3 {background: #AED581 !important}
.bg-lightGreen-4 {background: #9CCC65 !important}
.bg-lightGreen-5 {background: #8BC34A !important}
.bg-lightGreen-6 {background: #7CB342 !important}
.bg-lightGreen-7 {background: #689F38 !important}
.bg-lightGreen-8 {background: #558B2F !important}
.bg-lightGreen-9 {background: #33691E !important}

.tx-lightGreen {color: #8BC34A !important}
.tx-lightGreen-0 {color: #F1F8E9 !important}
.tx-lightGreen-1 {color: #DCEDC8 !important}
.tx-lightGreen-2 {color: #C5E1A5 !important}
.tx-lightGreen-3 {color: #AED581 !important}
.tx-lightGreen-4 {color: #9CCC65 !important}
.tx-lightGreen-5 {color: #8BC34A !important}
.tx-lightGreen-6 {color: #7CB342 !important}
.tx-lightGreen-7 {color: #689F38 !important}
.tx-lightGreen-8 {color: #558B2F !important}
.tx-lightGreen-9 {color: #33691E !important}
/* LIME */
.bg-lime {background: #CDDC39 !important}
.bg-lime-0 {background: #F9FBE7 !important}
.bg-lime-1 {background: #F0F4C3 !important}
.bg-lime-2 {background: #E6EE9C !important}
.bg-lime-3 {background: #DCE775 !important}
.bg-lime-4 {background: #D4E157 !important}
.bg-lime-5 {background: #CDDC39 !important}
.bg-lime-6 {background: #C0CA33 !important}
.bg-lime-7 {background: #AFB42B !important}
.bg-lime-8 {background: #9E9D24 !important}
.bg-lime-9 {background: #827717 !important}

.tx-lime {color: #CDDC39 !important}
.tx-lime-0 {color: #F9FBE7 !important}
.tx-lime-1 {color: #F0F4C3 !important}
.tx-lime-2 {color: #E6EE9C !important}
.tx-lime-3 {color: #DCE775 !important}
.tx-lime-4 {color: #D4E157 !important}
.tx-lime-5 {color: #CDDC39 !important}
.tx-lime-6 {color: #C0CA33 !important}
.tx-lime-7 {color: #AFB42B !important}
.tx-lime-8 {color: #9E9D24 !important}
.tx-lime-9 {color: #827717 !important}
/* YELLOW */
.bg-yellow {background: #FFEB3B !important}
.bg-yellow-0 {background: #FFFDE7 !important}
.bg-yellow-1 {background: #FFECB3 !important}
.bg-yellow-2 {background: #FFE082 !important}
.bg-yellow-3 {background: #FFD54F !important}
.bg-yellow-4 {background: #FFCA28 !important}
.bg-yellow-5 {background: #FFC107 !important}
.bg-yellow-6 {background: #FFB300 !important}
.bg-yellow-7 {background: #FFA000 !important}
.bg-yellow-8 {background: #FF8F00 !important}
.bg-yellow-9 {background: #FF6F00 !important}

.tx-yellow {color: #FFEB3B !important}
.tx-yellow-0 {color: #FFFDE7 !important}
.tx-yellow-1 {color: #FFECB3 !important}
.tx-yellow-2 {color: #FFE082 !important}
.tx-yellow-3 {color: #FFD54F !important}
.tx-yellow-4 {color: #FFCA28 !important}
.tx-yellow-5 {color: #FFC107 !important}
.tx-yellow-6 {color: #FFB300 !important}
.tx-yellow-7 {color: #FFA000 !important}
.tx-yellow-8 {color: #FF8F00 !important}
.tx-yellow-9 {color: #FF6F00 !important}
/* AMBER */
.bg-amber {background: #FFC107 !important}
.bg-amber-0 {background: #FFF8E1 !important}
.bg-amber-1 {background: #FFECB3 !important}
.bg-amber-2 {background: #FFE082 !important}
.bg-amber-3 {background: #FFD54F !important}
.bg-amber-4 {background: #FFCA28 !important}
.bg-amber-5 {background: #FFC107 !important}
.bg-amber-6 {background: #FFB300 !important}
.bg-amber-7 {background: #FFA000 !important}
.bg-amber-8 {background: #FF8F00 !important}
.bg-amber-9 {background: #FF6F00 !important}

.tx-amber {color: #FFC107 !important}
.tx-amber-0 {color: #FFF8E1 !important}
.tx-amber-1 {color: #FFECB3 !important}
.tx-amber-2 {color: #FFE082 !important}
.tx-amber-3 {color: #FFD54F !important}
.tx-amber-4 {color: #FFCA28 !important}
.tx-amber-5 {color: #FFC107 !important}
.tx-amber-6 {color: #FFB300 !important}
.tx-amber-7 {color: #FFA000 !important}
.tx-amber-8 {color: #FF8F00 !important}
.tx-amber-9 {color: #FF6F00 !important}
/* ORANGE */
.bg-orange {background: #FF9800 !important}
.bg-orange-0 {background: #FFF3E0 !important}
.bg-orange-1 {background: #FFE0B2 !important}
.bg-orange-2 {background: #FFCC80 !important}
.bg-orange-3 {background: #FFB74D !important}
.bg-orange-4 {background: #FFA726 !important}
.bg-orange-5 {background: #FF9800 !important}
.bg-orange-6 {background: #FB8C00 !important}
.bg-orange-7 {background: #F57C00 !important}
.bg-orange-8 {background: #EF6C00 !important}
.bg-orange-9 {background: #E65100 !important}

.tx-orange {color: #FF9800 !important}
.tx-orange-0 {color: #FFF3E0 !important}
.tx-orange-1 {color: #FFE0B2 !important}
.tx-orange-2 {color: #FFCC80 !important}
.tx-orange-3 {color: #FFB74D !important}
.tx-orange-4 {color: #FFA726 !important}
.tx-orange-5 {color: #FF9800 !important}
.tx-orange-6 {color: #FB8C00 !important}
.tx-orange-7 {color: #F57C00 !important}
.tx-orange-8 {color: #EF6C00 !important}
.tx-orange-9 {color: #E65100 !important}
/* DEEP ORANGE */
.bg-deepOrange {background: #FF5722 !important}
.bg-deepOrange-0 {background: #FBE9E7 !important}
.bg-deepOrange-1 {background: #FFCCBC !important}
.bg-deepOrange-2 {background: #FFAB91 !important}
.bg-deepOrange-3 {background: #FF8A65 !important}
.bg-deepOrange-4 {background: #FF7043 !important}
.bg-deepOrange-5 {background: #FF5722 !important}
.bg-deepOrange-6 {background: #F4511E !important}
.bg-deepOrange-7 {background: #E64A19 !important}
.bg-deepOrange-8 {background: #D84315 !important}
.bg-deepOrange-9 {background: #BF360C !important}

.tx-deepOrange {color: #FF5722 !important}
.tx-deepOrange-0 {color: #FBE9E7 !important}
.tx-deepOrange-1 {color: #FFCCBC !important}
.tx-deepOrange-2 {color: #FFAB91 !important}
.tx-deepOrange-3 {color: #FF8A65 !important}
.tx-deepOrange-4 {color: #FF7043 !important}
.tx-deepOrange-5 {color: #FF5722 !important}
.tx-deepOrange-6 {color: #F4511E !important}
.tx-deepOrange-7 {color: #E64A19 !important}
.tx-deepOrange-8 {color: #D84315 !important}
.tx-deepOrange-9 {color: #BF360C !important}
/* BROWN */
.bg-brown {background: #795548 !important}
.bg-brown-0 {background: #EFEBE9 !important}
.bg-brown-1 {background: #D7CCC8 !important}
.bg-brown-2 {background: #BCAAA4 !important}
.bg-brown-3 {background: #A1887F !important}
.bg-brown-4 {background: #8D6E63 !important}
.bg-brown-5 {background: #795548 !important}
.bg-brown-6 {background: #6D4C41 !important}
.bg-brown-7 {background: #5D4037 !important}
.bg-brown-8 {background: #4E342E !important}
.bg-brown-9 {background: #3E2723 !important}

.tx-brown {color: #795548 !important}
.tx-brown-0 {color: #EFEBE9 !important}
.tx-brown-1 {color: #D7CCC8 !important}
.tx-brown-2 {color: #BCAAA4 !important}
.tx-brown-3 {color: #A1887F !important}
.tx-brown-4 {color: #8D6E63 !important}
.tx-brown-5 {color: #795548 !important}
.tx-brown-6 {color: #6D4C41 !important}
.tx-brown-7 {color: #5D4037 !important}
.tx-brown-8 {color: #4E342E !important}
.tx-brown-9 {color: #3E2723 !important}
/* GREY */
.bg-grey {background: #9E9E9E !important}
.bg-grey-0 {background: #FAFAFA !important}
.bg-grey-1 {background: #F5F5F5 !important}
.bg-grey-2 {background: #EEEEEE !important}
.bg-grey-3 {background: #E0E0E0 !important}
.bg-grey-4 {background: #BDBDBD !important}
.bg-grey-5 {background: #9E9E9E !important}
.bg-grey-6 {background: #757575 !important}
.bg-grey-7 {background: #616161 !important}
.bg-grey-8 {background: #424242 !important}
.bg-grey-9 {background: #212121 !important}

.tx-grey {color: #9E9E9E !important}
.tx-grey-0 {color: #FAFAFA !important}
.tx-grey-1 {color: #F5F5F5 !important}
.tx-grey-2 {color: #EEEEEE !important}
.tx-grey-3 {color: #E0E0E0 !important}
.tx-grey-4 {color: #BDBDBD !important}
.tx-grey-5 {color: #9E9E9E !important}
.tx-grey-6 {color: #757575 !important}
.tx-grey-7 {color: #616161 !important}
.tx-grey-8 {color: #424242 !important}
.tx-grey-9 {color: #212121 !important}
/* BLUE GREY */
.bg-blueGrey {background: #607D8B !important}
.bg-blueGrey-0 {background: #ECEFF1 !important}
.bg-blueGrey-1 {background: #CFD8DC !important}
.bg-blueGrey-2 {background: #B0BEC5 !important}
.bg-blueGrey-3 {background: #90A4AE !important}
.bg-blueGrey-4 {background: #78909C !important}
.bg-blueGrey-5 {background: #607D8B !important}
.bg-blueGrey-6 {background: #546E7A !important}
.bg-blueGrey-7 {background: #455A64 !important}
.bg-blueGrey-8 {background: #37474F !important}
.bg-blueGrey-9 {background: #263238 !important}

.tx-blueGrey {color: #607D8B !important}
.tx-blueGrey-0 {color: #ECEFF1 !important}
.tx-blueGrey-1 {color: #CFD8DC !important}
.tx-blueGrey-2 {color: #B0BEC5 !important}
.tx-blueGrey-3 {color: #90A4AE !important}
.tx-blueGrey-4 {color: #78909C !important}
.tx-blueGrey-5 {color: #607D8B !important}
.tx-blueGrey-6 {color: #546E7A !important}
.tx-blueGrey-7 {color: #455A64 !important}
.tx-blueGrey-8 {color: #37474F !important}
.tx-blueGrey-9 {color: #263238 !important}
/* FLEXGRID */
.row {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  /*overflow: hidden*/
}

.row.around  {justify-content: space-around}
.row.between {justify-content: space-between}
.row.auto .col {flex-grow: 1}

.row.start {
    justify-content: flex-start;
    text-align: start
}

.row.center {
    justify-content: center;
    text-align: center
}

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

.top {align-items: flex-start}
.middle {align-items: center}
.bottom {align-items: flex-end}
.reverse {flex-direction: row-reverse}

.first {order: -1}
.last  {order: 1}

[class*="col"].top {align-self: flex-start}
[class*="col"].middle {align-self: center}
[class*="col"].bottom {align-self: flex-end}

.col    {flex: 1}
.col-1  {flex: 0 0 8.33334%}
.col-2  {flex: 0 0 16.6667%}
.col-3  {flex: 0 0 25%}
.col-4  {flex: 0 0 33.33334%}
.col-5  {flex: 0 0 41.66667%}
.col-6  {flex: 0 0 50%}
.col-7  {flex: 0 0 58.33334%}
.col-8  {flex: 0 0 66.66667%}
.col-9  {flex: 0 0 75%}
.col-10 {flex: 0 0 83.3334%}
.col-11 {flex: 0 0 91.6667%}
.col-12 {flex: 0 0 100%}

.offset-1  {margin-left: 8.33334%}
.offset-2  {margin-left: 16.6667%}
.offset-3  {margin-left: 25%}
.offset-4  {margin-left: 33.33334%}
.offset-5  {margin-left: 41.66667%}
.offset-6  {margin-left: 50%}
.offset-7  {margin-left: 58.33334%}
.offset-8  {margin-left: 66.66667%}
.offset-9  {margin-left: 75%}
.offset-10 {margin-left: 83.3334%}
.offset-11 {margin-left: 91.6667%}

.row.gutters,
.row.gutters > .row {margin-left: -1%}
.row.gutters.x2 {margin-left: -2%}
.row.gutters.x4 {margin-left: -5%}

.gutters > .col    {margin-left: 1%}
.gutters > .col-1  {flex: 0 0 7.33334%; margin-left: 1%}
.gutters > .col-2  {flex: 0 0 15.6667%; margin-left: 1%}
.gutters > .col-3  {flex: 0 0 24%; margin-left: 1%}
.gutters > .col-4  {flex: 0 0 32.33334%; margin-left: 1%}
.gutters > .col-5  {flex: 0 0 40.66667%; margin-left: 1%}
.gutters > .col-6  {flex: 0 0 49%; margin-left: 1%}
.gutters > .col-7  {flex: 0 0 57.33334%; margin-left: 1%}
.gutters > .col-8  {flex: 0 0 65.66667%; margin-left: 1%}
.gutters > .col-9  {flex: 0 0 74%; margin-left: 1%}
.gutters > .col-10 {flex: 0 0 82.3334%; margin-left: 1%}
.gutters > .col-11 {flex: 0 0 90.6667%; margin-left: 1%}

.gutters.x2 > .col    {margin-left: 2%}
.gutters.x2 > .col-1  {flex: 0 0 6.33334%; margin-left: 2%}
.gutters.x2 > .col-2  {flex: 0 0 14.6667%; margin-left: 2%}
.gutters.x2 > .col-3  {flex: 0 0 23%; margin-left: 2%}
.gutters.x2 > .col-4  {flex: 0 0 31.33334%; margin-left: 2%}
.gutters.x2 > .col-5  {flex: 0 0 39.66667%; margin-left: 2%}
.gutters.x2 > .col-6  {flex: 0 0 48%; margin-left: 2%}
.gutters.x2 > .col-7  {flex: 0 0 56.33334%; margin-left: 2%}
.gutters.x2 > .col-8  {flex: 0 0 64.66667%; margin-left: 2%}
.gutters.x2 > .col-9  {flex: 0 0 73%; margin-left: 2%}
.gutters.x2 > .col-10 {flex: 0 0 81.3334%; margin-left: 2%}
.gutters.x2 > .col-11 {flex: 0 0 89.6667%; margin-left: 2%}

.gutters.x4 > .col    {margin-left: 4%}
.gutters.x4 > .col-1  {flex: 0 0 4.33334%; margin-left: 4%}
.gutters.x4 > .col-2  {flex: 0 0 12.6667%; margin-left: 4%}
.gutters.x4 > .col-3  {flex: 0 0 21%; margin-left: 4%}
.gutters.x4 > .col-4  {flex: 0 0 29.33334%; margin-left: 4%}
.gutters.x4 > .col-5  {flex: 0 0 37.66667%; margin-left: 4%}
.gutters.x4 > .col-6  {flex: 0 0 46%; margin-left: 4%}
.gutters.x4 > .col-7  {flex: 0 0 54.33334%; margin-left: 4%}
.gutters.x4 > .col-8  {flex: 0 0 62.66667%; margin-left: 4%}
.gutters.x4 > .col-9  {flex: 0 0 71%; margin-left: 4%}
.gutters.x4 > .col-10 {flex: 0 0 79.3334%; margin-left: 4%}
.gutters.x4 > .col-11 {flex: 0 0 87.6667%; margin-left: 4%}

.gutters > .offset-1  {margin-left: calc(8.33333% + 1%) !important}
.gutters > .offset-2  {margin-left: calc(16.66667% + 1%) !important}
.gutters > .offset-3  {margin-left: calc(25% + 1%) !important}
.gutters > .offset-4  {margin-left: calc(33.33333% + 1%) !important}
.gutters > .offset-5  {margin-left: calc(41.66667% + 1%) !important}
.gutters > .offset-6  {margin-left: calc(50% + 1%) !important}
.gutters > .offset-7  {margin-left: calc(58.33333% + 1%) !important}
.gutters > .offset-8  {margin-left: calc(66.66667% + 1%) !important}
.gutters > .offset-9  {margin-left: calc(75% + 1%) !important}
.gutters > .offset-10 {margin-left: calc(83.33333% + 1%) !important}
.gutters > .offset-11 {margin-left: calc(91.66667% + 1%) !important}

.gutters.x2 > .offset-1  {margin-left: calc(8.33333% + 2%) !important}
.gutters.x2 > .offset-2  {margin-left: calc(16.66667% + 2%) !important}
.gutters.x2 > .offset-3  {margin-left: calc(25% + 2%) !important}
.gutters.x2 > .offset-4  {margin-left: calc(33.33333% + 2%) !important}
.gutters.x2 > .offset-5  {margin-left: calc(41.66667% + 2%) !important}
.gutters.x2 > .offset-6  {margin-left: calc(50% + 2%) !important}
.gutters.x2 > .offset-7  {margin-left: calc(58.33333% + 2%) !important}
.gutters.x2 > .offset-8  {margin-left: calc(66.66667% + 2%) !important}
.gutters.x2 > .offset-9  {margin-left: calc(75% + 2%) !important}
.gutters.x2 > .offset-10 {margin-left: calc(83.33333% + 2%) !important}
.gutters.x2 > .offset-11 {margin-left: calc(91.66667% + 2%) !important}

.gutters.x4 > .offset-1  {margin-left: calc(8.33333% + 4%) !important}
.gutters.x4 > .offset-2  {margin-left: calc(16.66667% + 4%) !important}
.gutters.x4 > .offset-3  {margin-left: calc(25% + 4%) !important}
.gutters.x4 > .offset-4  {margin-left: calc(33.33333% + 4%) !important}
.gutters.x4 > .offset-5  {margin-left: calc(41.66667% + 4%) !important}
.gutters.x4 > .offset-6  {margin-left: calc(50% + 4%) !important}
.gutters.x4 > .offset-7  {margin-left: calc(58.33333% + 4%) !important}
.gutters.x4 > .offset-8  {margin-left: calc(66.66667% + 4%) !important}
.gutters.x4 > .offset-9  {margin-left: calc(75% + 4%) !important}
.gutters.x4 > .offset-10 {margin-left: calc(83.33333% + 4%) !important}
.gutters.x4 > .offset-11 {margin-left: calc(91.66667% + 4%) !important}

.bricks-1 > [class*="col"] {flex: 0 0 100%}
.bricks-2 > [class*="col"] {flex: 0 0 50%}
.bricks-3 > [class*="col"] {flex: 0 0 33.33334%}
.bricks-4 > [class*="col"] {flex: 0 0 25%}
.bricks-5 > [class*="col"] {flex: 0 0 20%}
.bricks-6 > [class*="col"] {flex: 0 0 16.66667%}

.gutters.bricks-1 > [class*="col"] {flex: 0 0 99.01%}
.gutters.bricks-2 > [class*="col"] {flex: 0 0 49%}
.gutters.bricks-3 > [class*="col"] {flex: 0 0 32.33334%}
.gutters.bricks-4 > [class*="col"] {flex: 0 0 24%}
.gutters.bricks-5 > [class*="col"] {flex: 0 0 19%}
.gutters.bricks-6 > [class*="col"] {flex: 0 0 15.66667%}

.gutters.bricks-1.x2 > [class*="col"] {flex: 0 0 99.01%}
.gutters.bricks-2.x2 > [class*="col"] {flex: 0 0 48%}
.gutters.bricks-3.x2 > [class*="col"] {flex: 0 0 31.33334%}
.gutters.bricks-4.x2 > [class*="col"] {flex: 0 0 23%}
.gutters.bricks-5.x2 > [class*="col"] {flex: 0 0 18%}
.gutters.bricks-6.x2 > [class*="col"] {flex: 0 0 14.66667%}

.gutters.bricks-1.x4 > [class*="col"] {flex: 0 0 99.01%}
.gutters.bricks-2.x4 > [class*="col"] {flex: 0 0 46%}
.gutters.bricks-3.x4 > [class*="col"] {flex: 0 0 29.33334%}
.gutters.bricks-4.x4 > [class*="col"] {flex: 0 0 21%}
.gutters.bricks-5.x4 > [class*="col"] {flex: 0 0 16%}
.gutters.bricks-6.x4 > [class*="col"] {flex: 0 0 12.66667%}
/* TYPOGRAPHY */
/* FONTS */
@font-face {
	font-family: "Roboto";
	src:local(Roboto Thin),
		url("../fonts/Roboto-Thin.woff2") format("woff2"),
		url("../fonts/Roboto-Thin.woff") format("woff");
	font-weight: 100;
}

@font-face {
	font-family: "Roboto";
	src:local(Roboto Light),
		url("../fonts/Roboto-Light.woff2") format("woff2"),
		url("../fonts/Roboto-Light.woff") format("woff");
	font-weight: 300;
}

@font-face {
	font-family: "Roboto";
	src:local(Roboto Regular),
		url("../fonts/Roboto-Regular.woff2") format("woff2"),
		url("../fonts/Roboto-Regular.woff") format("woff");
	font-weight: 400;
}

@font-face {
	font-family: "Roboto";
	src:local(Roboto Medium),
		url("../fonts/Roboto-Medium.woff2") format("woff2"),
		url("../fonts/Roboto-Medium.woff") format("woff");
	font-weight: 500;
}

@font-face {
	font-family: "Roboto";
	src:local(Roboto Bold),
		url("../fonts/Roboto-Bold.woff2") format("woff2"),
		url("../fonts/Roboto-Bold.woff") format("woff");
	font-weight: 700;
}
/* BODY */
html * {
 	font-family: "Roboto", sans-serif;
 	font-weight: 300;
	color: rgba(21,25,29,.75);
	line-height: 1.5;
	font-size: 1em;
}
/* MEDIA FONT SIZE*/
@media screen and (max-width:1024px) {
	html * {
		/*font-size: .95em;*/
	}
}
@media screen and (max-width:992px) {
	html * {
		/*font-size: .92em;*/
	}
}
a {
	color: #3794de;
}
b {
	font-weight: 500;
}
h1,h2,h3,h4,h5,h6,
.h1,.h2,.h3,.h4,.h5,.h6 {
    font-weight: 400;
    text-rendering: optimizeLegibility;
}
h1,.h1 {font-size:2.5em}
h2,.h2 {font-size:2em}
h3,.h3 {font-size:1.75em}
h4,.h4 {font-size:1.5em}
h5,.h5 {font-size:1.125em}
h6,.h6 {font-size:1em}

/* FONT SIZE
 Перевести в em!!!!!!!!!!!!!!!!!!!!!!!!!!!
*/
.fs-9 {font-size: 9px}
.fs-10 {font-size: 10px}
.fs-11 {font-size: 11px}
.fs-12 {font-size: 12px}
.fs-13 {font-size: 13px}
.fs-14 {font-size: 14px}
.fs-15 {font-size: 15px}
.fs-16 {font-size: 16px}
.fs-17 {font-size: 17px}
.fs-18 {font-size: 18px}
.fs-19 {font-size: 19px}
.fs-20 {font-size: 20px}
.fs-21 {font-size: 21px}
.fs-22 {font-size: 22px}
.fs-23 {font-size: 23px}
.fs-24 {font-size: 24px}
.fs-25 {font-size: 25px}
.fs-26 {font-size: 26px}
.fs-27 {font-size: 27px}
.fs-28 {font-size: 28px}
.fs-29 {font-size: 29px}
.fs-30 {font-size: 30px}
.fs-31 {font-size: 31px}
.fs-32 {font-size: 32px}
/* ALIGN CENTER */
.tx-al {text-align: left !important}
.tx-ar {text-align: right !important}
.tx-ac {text-align: center !important}
.tx-aj {text-align: justify !important}
/* BOLD TEXT*/
.fw-1 {font-weight: 100}
.fw-3 {font-weight: 300}
.fw-4 {font-weight: 400}
.fw-5 {font-weight: 500}
.fw-7 {font-weight: 700}
/* */
.tx-ellipsis {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
/* */
.tx-hide {
	font: 0/0 a;
	color: transparent;
	text-shadow: none;
	background-color: transparent;
	border: 0;
}
/* CONTAINER WRAPPER*/
.wrap,
.container {
	width: auto;
	height: auto;
	/*overflow: hidden;*/
	/*box-sizing: border-box;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;*/
}
.wrap {margin: 0 auto}
.container {width: 100%}

.wrap:after, .container:after {
    content: "";
    display: block;
    visibility: hidden;
    height: 0;
    clear: both
}
/* */
.w1200 {width:1200px; flex: 0 0 1200px}
.w1140 {width:1140px; flex: 0 0 1140px}
.w960  {width:960px; flex: 0 0 960px}
.w840  {width:840px; flex: 0 0 840px}
.w768  {width:760px; flex: 0 0 760px}
.w640  {width:640px; flex: 0 0 640px}
.w480  {width:480px; flex: 0 0 480px}
.w320  {width:320px; flex: 0 0 320px}
/* */
.max-w1200 {max-width:1200px}
.max-w1140 {max-width:1140px}
.max-w960  {max-width:960px}
.max-w840  {max-width:840px}
.max-w768  {max-width:760px}
.max-w640  {max-width:640px}
.max-w480  {max-width:480px}
.max-w320  {max-width:320px}
/* */
.min-w1200 {min-width:1200px}
.min-w1140 {min-width:1140px}
.min-w960  {min-width:960px}
.min-w840  {min-width:840px}
.min-w768  {min-width:760px}
.min-w640  {min-width:640px}
.min-w480  {min-width:480px}
.min-w320  {min-width:320px}
/*	*/
.w5   {width: 5%; flex: 0 0 5%}
.w10  {width: 10%; flex: 0 0 10%}
.w15  {width: 15%; flex: 0 0 15%}
.w20  {width: 20%; flex: 0 0 20%}
.w25  {width: 25%; flex: 0 0 25%}
.w30  {width: 30%; flex: 0 0 30%}
.w35  {width: 35%; flex: 0 0 35%}
.w40  {width: 40%; flex: 0 0 40%}
.w45  {width: 45%; flex: 0 0 45%}
.w50  {width: 50%; flex: 0 0 50%}
.w55  {width: 55%; flex: 0 0 55%}
.w60  {width: 60%; flex: 0 0 60%}
.w65  {width: 65%; flex: 0 0 65%}
.w70  {width: 70%; flex: 0 0 70%}
.w75  {width: 75%; flex: 0 0 75%}
.w80  {width: 80%; flex: 0 0 80%}
.w85  {width: 85%; flex: 0 0 85%}
.w90  {width: 90%; flex: 0 0 90%}
.w95  {width: 95%; flex: 0 0 95%}
.w100 {width: 100%}
/*	*/
.max-w5   {max-width: 5%}
.max-w10  {max-width: 10%}
.max-w15  {max-width: 15%}
.max-w20  {max-width: 20%}
.max-w25  {max-width: 25%}
.max-w30  {max-width: 30%}
.max-w35  {max-width: 35%}
.max-w40  {max-width: 40%}
.max-w45  {max-width: 45%}
.max-w50  {max-width: 50%}
.max-w55  {max-width: 55%}
.max-w60  {max-width: 60%}
.max-w65  {max-width: 65%}
.max-w70  {max-width: 70%}
.max-w75  {max-width: 75%}
.max-w80  {max-width: 80%}
.max-w85  {max-width: 85%}
.max-w90  {max-width: 90%}
.max-w95  {max-width: 95%}
.max-w100 {max-width: 100%}
/*	*/
.min-w5   {min-width: 5%}
.min-w10  {min-width: 10%}
.min-w15  {min-width: 15%}
.min-w20  {min-width: 20%}
.min-w25  {min-width: 25%}
.min-w30  {min-width: 30%}
.min-w35  {min-width: 35%}
.min-w40  {min-width: 40%}
.min-w45  {min-width: 45%}
.min-w50  {min-width: 50%}
.min-w55  {min-width: 55%}
.min-w60  {min-width: 60%}
.min-w65  {min-width: 65%}
.min-w70  {min-width: 70%}
.min-w75  {min-width: 75%}
.min-w80  {min-width: 80%}
.min-w85  {min-width: 85%}
.min-w90  {min-width: 90%}
.min-w95  {min-width: 95%}
.min-w100 {min-width: 100%}
/* MESSAGE */
.mes {
	width: 98%;
	padding: 10px;
	margin: 7px auto;
	border-radius: 5px;
	text-align: left;
	color: #343a40;
	position: relative;
	overflow: hidden;
	text-align: justify;
}
.er {background:#ff4455}
.wa {background:#f7ba45}
.ok {background:#4FF848}
.in {background:#5764c6}
.me {background: #77ffff;}

.mes i.i-remove {
	float: right;
	font-size: 9px;
	cursor: pointer;
	padding: 0 0 0 1em;
}
/* BUTTON */
.btn {
	display: inline-block;
	position: relative;
	padding: 10px 15px;
	color: #fff;
	text-align: center;
	line-height: 1;
	cursor: pointer;
	vertical-align: middle;
	background: #64b5f6;
	border-radius: 3px;
	overflow: hidden;
	box-shadow: none;
}
.btn:before {
    position: absolute;
    content: '';
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,.2);
    top: 0;
    left: 100%;
}
.btn.link {
	background: transparent;
	color: #3794de;
	padding: 0 10px;
}
.btn.link:hover {
	text-decoration: underline;
}
.btn.link:before {
	background: none;
}
.btn.oval {
	border-radius: 25px;
}
.btn.circle {
    width: 35px;
    height: 35px;
    border-radius: 50%;
    position: relative;
}
.btn.circle i {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
}
.btn i{
	color: #fff;
	margin: 0 5px;
}
.btn.circle i {
	margin: 0;
}
.btn:hover:before {
	left: 0;
}

.btn.es {
	padding: 3px 7px;
	font-size: 12px;
}.btn.circle.es {
	width: 20px;
	height: 20px;
}.btn.es i {
	font-size: 9px;
}
/**/
.btn.sm {
	padding: 5px 10px;
	font-size: 14px;
}.btn.circle.sm {
	width: 25px;
	height: 25px;
}.btn.sm i {
	font-size: 11px;
}
/**/
.btn.bi {
	font-size: 20px;
}.btn.circle.bi {
	width: 40px;
	height: 40px;
}.btn.bi i {
	font-size: 18px;
}
/**/
.btn.sb {
	font-size: 28px;
}.btn.circle.sb {
	width: 50px;
	height: 50px;
}.btn.sb i {
	font-size: 24px;
}
/* HISTORY ??? */
.history {
	padding: 10px;
}
.history a:hover {
	text-decoration: underline;
}
.history a:first-child:before {
	display: none;
}
.history a:last-child {
	font-weight: 700;
	color: #333;
	text-decoration: none;
}
.history a:before {
	display: inline-block;
	content: '/';
	color: #333;
	padding: 0 5px;
	font-weight: 100;
}
/* PAGINATION ???*/
.page {
	padding: 10px;
}
.page a {
	position: relative;
	background: yellow;
	padding: 10px 15px;
	border-radius: 3px;
	background: #e0e0e0;
	color: #424242;
	overflow: hidden;
}
.page a.here {
	color: #fff !important;
}
.page a.here:before {
    position: absolute;
    content: '';
    width: 100%;
    height: 100%;
    box-shadow: inset 0 0 2px 1px rgba(0,0,0,.07);
    top: 0;
    left: 0;
}
.page a:before {
    position: absolute;
    content: '';
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,.05);
    top: 0;
    left: 100%;
}
.page a:hover:before {
	left: 0;
}
/* SHADOW */
.shadow {
    box-shadow: 0 2px 5px rgba(0,0,0,.21),
                0 0 2px rgba(0,0,0,.12);
}
.shadow-1 {
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14),
                0 1px 5px 0 rgba(0, 0, 0, 0.12),
                0 3px 1px -2px rgba(0, 0, 0, 0.2);
}
.shadow-2 {
    box-shadow: 0 4px 5px 0 rgba(0, 0, 0, 0.14),
                0 1px 10px 0 rgba(0, 0, 0, 0.12),
                0 2px 4px -1px rgba(0, 0, 0, 0.3);
}
.shadow-3 {
    box-shadow: 0 6px 10px 0 rgba(0, 0, 0, 0.14),
                0 1px 18px 0 rgba(0, 0, 0, 0.12),
                0 3px 5px -1px rgba(0, 0, 0, 0.3);
}
.shadow-4 {
    box-shadow: 0 8px 10px 1px rgba(0, 0, 0, 0.14),
                0 3px 14px 2px rgba(0, 0, 0, 0.12),
                0 5px 5px -3px rgba(0, 0, 0, 0.3);
}
.shadow-5 {
    box-shadow: 0 16px 24px 2px rgba(0, 0, 0, 0.14),
                0 6px 30px 5px rgba(0, 0, 0, 0.12),
                0 8px 10px -5px rgba(0, 0, 0, 0.3);
}
/* NO CLASS */
.none-bg {background: none !important}
.none-border {border: none !important}
.none-color {color: none !important}
/* */
.block {display: block !important;}
.inline {display: inline-block !important;}
/* CLEARFIX */
.clearfix:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: '';
    clear: both;
    height: 0
}
.clearfix {display: inline-block}
* html .clearfix {height: 1%}
.clearfix {display: block}
* html .clearfix {zoom: 1} /* IE6 */
*:first-child + html .clearfix {zoom: 1} /* IE7 */
/* DEBUG */
.debug   * {outline: 1px solid #ff0}
.debug-w * {outline: 1px solid #fff}
.debug-b * {outline: 1px solid #000}
.debug-r * {outline: 1px solid #f00}
.debug-g * {outline: 1px solid #0f0}