.closed{ height: 0 !important; overflow: hidden; opacity: 0; } .opened{ height: auto !important; min-height: 100px; opacity: 1; } .hide, .hidden{ display: none !important; } .clearing{ clear: both; } .clearing:after { content: ' '; display: block; clear: both; visibility: hidden; height: 0; } .container { padding-left: 15px; padding-right: 15px; margin-right: auto; margin-left: auto; width: 100%; max-width: 1140px; } .container-fluid { margin-right: 0; margin-left: 0; padding-left: 15px; padding-right: 15px; width: 100%; } .row { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-right: -15px; margin-left: -15px; } .col, .col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col, .col-auto, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm, .col-sm-auto, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-md, .col-md-auto, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg, .col-lg-auto, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl, .col-xl-auto, .col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs, .col-xs-auto, .col-xs{ padding-left: 15px; padding-right: 15px; -ms-flex-preferred-size: 0; flex-basis: 0; -ms-flex-positive: 1; flex-grow: 1; max-width: 100%; position: relative; } .col-auto { -ms-flex: 0 0 auto; flex: 0 0 auto; width: auto; max-width: 100%; padding-left: 15px; padding-right: 15px; position: relative; } .no-gutters-container { padding-right: 0; padding-left: 0; } .no-gutters { margin-right: 0; margin-left: 0; } .no-gutters > .col, .no-gutters > [class*="col-"] { padding-right: 0 !important; padding-left: 0 !important; } .col-1 { -ms-flex: 0 0 8.333333%; flex: 0 0 8.333333%; max-width: 8.333333%; } .col-2 { -ms-flex: 0 0 16.666667%; flex: 0 0 16.666667%; max-width: 16.666667%; } .col-3 { -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; } .col-4 { -ms-flex: 0 0 33.333333%; flex: 0 0 33.333333%; max-width: 33.333333%; } .col-5 { -ms-flex: 0 0 41.666667%; flex: 0 0 41.666667%; max-width: 41.666667%; } .col-6 { -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; } .col-7 { -ms-flex: 0 0 58.333333%; flex: 0 0 58.333333%; max-width: 58.333333%; } .col-8 { -ms-flex: 0 0 66.666667%; flex: 0 0 66.666667%; max-width: 66.666667%; } .col-9 { -ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 75%; } .col-10 { -ms-flex: 0 0 83.333333%; flex: 0 0 83.333333%; max-width: 83.333333%; } .col-11 { -ms-flex: 0 0 91.666667%; flex: 0 0 91.666667%; max-width: 91.666667%; } .col-12 { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } .order-first { -ms-flex-order: -1; order: -1; } .order-last { -ms-flex-order: 13; order: 13; } .order-0 { -ms-flex-order: 0; order: 0; } .order-1 { -ms-flex-order: 1; order: 1; } .order-2 { -ms-flex-order: 2; order: 2; } .order-3 { -ms-flex-order: 3; order: 3; } .order-4 { -ms-flex-order: 4; order: 4; } .order-5 { -ms-flex-order: 5; order: 5; } .order-6 { -ms-flex-order: 6; order: 6; } .order-7 { -ms-flex-order: 7; order: 7; } .order-8 { -ms-flex-order: 8; order: 8; } .order-9 { -ms-flex-order: 9; order: 9; } .order-10 { -ms-flex-order: 10; order: 10; } .order-11 { -ms-flex-order: 11; order: 11; } .order-12 { -ms-flex-order: 12; order: 12; } .offset-1 { margin-left: 8.333333%; } .offset-2 { margin-left: 16.666667%; } .offset-3 { margin-left: 25%; } .offset-4 { margin-left: 33.333333%; } .offset-5 { margin-left: 41.666667%; } .offset-6 { margin-left: 50%; } .offset-7 { margin-left: 58.333333%; } .offset-8 { margin-left: 66.666667%; } .offset-9 { margin-left: 75%; } .offset-10 { margin-left: 83.333333%; } .offset-11 { margin-left: 91.666667%; } @media (max-width: 767px) { .col-sm { -ms-flex-preferred-size: 0; flex-basis: 0; -ms-flex-positive: 1; flex-grow: 1; max-width: 100%; } .col-sm-auto { -ms-flex: 0 0 auto; flex: 0 0 auto; width: auto; max-width: 100%; } .col-sm-1 { -ms-flex: 0 0 8.333333%; flex: 0 0 8.333333%; max-width: 8.333333%; } .col-sm-2 { -ms-flex: 0 0 16.666667%; flex: 0 0 16.666667%; max-width: 16.666667%; } .col-sm-3 { -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; } .col-sm-4 { -ms-flex: 0 0 33.333333%; flex: 0 0 33.333333%; max-width: 33.333333%; } .col-sm-5 { -ms-flex: 0 0 41.666667%; flex: 0 0 41.666667%; max-width: 41.666667%; } .col-sm-6 { -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; } .col-sm-7 { -ms-flex: 0 0 58.333333%; flex: 0 0 58.333333%; max-width: 58.333333%; } .col-sm-8 { -ms-flex: 0 0 66.666667%; flex: 0 0 66.666667%; max-width: 66.666667%; } .col-sm-9 { -ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 75%; } .col-sm-10 { -ms-flex: 0 0 83.333333%; flex: 0 0 83.333333%; max-width: 83.333333%; } .col-sm-11 { -ms-flex: 0 0 91.666667%; flex: 0 0 91.666667%; max-width: 91.666667%; } .col-sm-12 { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } .order-sm-first { -ms-flex-order: -1; order: -1; } .order-sm-last { -ms-flex-order: 13; order: 13; } .order-sm-0 { -ms-flex-order: 0; order: 0; } .order-sm-1 { -ms-flex-order: 1; order: 1; } .order-sm-2 { -ms-flex-order: 2; order: 2; } .order-sm-3 { -ms-flex-order: 3; order: 3; } .order-sm-4 { -ms-flex-order: 4; order: 4; } .order-sm-5 { -ms-flex-order: 5; order: 5; } .order-sm-6 { -ms-flex-order: 6; order: 6; } .order-sm-7 { -ms-flex-order: 7; order: 7; } .order-sm-8 { -ms-flex-order: 8; order: 8; } .order-sm-9 { -ms-flex-order: 9; order: 9; } .order-sm-10 { -ms-flex-order: 10; order: 10; } .order-sm-11 { -ms-flex-order: 11; order: 11; } .order-sm-12 { -ms-flex-order: 12; order: 12; } .offset-sm-0 { margin-left: 0; } .offset-sm-1 { margin-left: 8.333333%; } .offset-sm-2 { margin-left: 16.666667%; } .offset-sm-3 { margin-left: 25%; } .offset-sm-4 { margin-left: 33.333333%; } .offset-sm-5 { margin-left: 41.666667%; } .offset-sm-6 { margin-left: 50%; } .offset-sm-7 { margin-left: 58.333333%; } .offset-sm-8 { margin-left: 66.666667%; } .offset-sm-9 { margin-left: 75%; } .offset-sm-10 { margin-left: 83.333333%; } .offset-sm-11 { margin-left: 91.666667%; } } @media (max-width: 620px) { .col-xs { -ms-flex-preferred-size: 0; flex-basis: 0; -ms-flex-positive: 1; flex-grow: 1; max-width: 100%; } .col-xs-auto { -ms-flex: 0 0 auto; flex: 0 0 auto; width: auto; max-width: 100%; } .col-xs-1 { -ms-flex: 0 0 8.333333%; flex: 0 0 8.333333%; max-width: 8.333333%; } .col-xs-2 { -ms-flex: 0 0 16.666667%; flex: 0 0 16.666667%; max-width: 16.666667%; } .col-xs-3 { -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; } .col-xs-4 { -ms-flex: 0 0 33.333333%; flex: 0 0 33.333333%; max-width: 33.333333%; } .col-xs-5 { -ms-flex: 0 0 41.666667%; flex: 0 0 41.666667%; max-width: 41.666667%; } .col-xs-6 { -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; } .col-xs-7 { -ms-flex: 0 0 58.333333%; flex: 0 0 58.333333%; max-width: 58.333333%; } .col-xs-8 { -ms-flex: 0 0 66.666667%; flex: 0 0 66.666667%; max-width: 66.666667%; } .col-xs-9 { -ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 75%; } .col-xs-10 { -ms-flex: 0 0 83.333333%; flex: 0 0 83.333333%; max-width: 83.333333%; } .col-xs-11 { -ms-flex: 0 0 91.666667%; flex: 0 0 91.666667%; max-width: 91.666667%; } .col-xs-12 { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } .order-xs-first { -ms-flex-order: -1; order: -1; } .order-xs-last { -ms-flex-order: 13; order: 13; } .order-xs-0 { -ms-flex-order: 0; order: 0; } .order-xs-1 { -ms-flex-order: 1; order: 1; } .order-xs-2 { -ms-flex-order: 2; order: 2; } .order-xs-3 { -ms-flex-order: 3; order: 3; } .order-xs-4 { -ms-flex-order: 4; order: 4; } .order-xs-5 { -ms-flex-order: 5; order: 5; } .order-xs-6 { -ms-flex-order: 6; order: 6; } .order-xs-7 { -ms-flex-order: 7; order: 7; } .order-xs-8 { -ms-flex-order: 8; order: 8; } .order-xs-9 { -ms-flex-order: 9; order: 9; } .order-xs-10 { -ms-flex-order: 10; order: 10; } .order-xs-11 { -ms-flex-order: 11; order: 11; } .order-xs-12 { -ms-flex-order: 12; order: 12; } .offset-xs-0 { margin-left: 0; } .offset-xs-1 { margin-left: 8.333333%; } .offset-xs-2 { margin-left: 16.666667%; } .offset-xs-3 { margin-left: 25%; } .offset-xs-4 { margin-left: 33.333333%; } .offset-xs-5 { margin-left: 41.666667%; } .offset-xs-6 { margin-left: 50%; } .offset-xs-7 { margin-left: 58.333333%; } .offset-xs-8 { margin-left: 66.666667%; } .offset-xs-9 { margin-left: 75%; } .offset-xs-10 { margin-left: 83.333333%; } .offset-xs-11 { margin-left: 91.666667%; } } @media (min-width: 768px) { .col-md { -ms-flex-preferred-size: 0; flex-basis: 0; -ms-flex-positive: 1; flex-grow: 1; max-width: 100%; } .col-md-auto { -ms-flex: 0 0 auto; flex: 0 0 auto; width: auto; max-width: 100%; } .col-md-1 { -ms-flex: 0 0 8.333333%; flex: 0 0 8.333333%; max-width: 8.333333%; } .col-md-2 { -ms-flex: 0 0 16.666667%; flex: 0 0 16.666667%; max-width: 16.666667%; } .col-md-3 { -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; } .col-md-4 { -ms-flex: 0 0 33.333333%; flex: 0 0 33.333333%; max-width: 33.333333%; } .col-md-5 { -ms-flex: 0 0 41.666667%; flex: 0 0 41.666667%; max-width: 41.666667%; } .col-md-6 { -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; } .col-md-7 { -ms-flex: 0 0 58.333333%; flex: 0 0 58.333333%; max-width: 58.333333%; } .col-md-8 { -ms-flex: 0 0 66.666667%; flex: 0 0 66.666667%; max-width: 66.666667%; } .col-md-9 { -ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 75%; } .col-md-10 { -ms-flex: 0 0 83.333333%; flex: 0 0 83.333333%; max-width: 83.333333%; } .col-md-11 { -ms-flex: 0 0 91.666667%; flex: 0 0 91.666667%; max-width: 91.666667%; } .col-md-12 { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } .order-md-first { -ms-flex-order: -1; order: -1; } .order-md-last { -ms-flex-order: 13; order: 13; } .order-md-0 { -ms-flex-order: 0; order: 0; } .order-md-1 { -ms-flex-order: 1; order: 1; } .order-md-2 { -ms-flex-order: 2; order: 2; } .order-md-3 { -ms-flex-order: 3; order: 3; } .order-md-4 { -ms-flex-order: 4; order: 4; } .order-md-5 { -ms-flex-order: 5; order: 5; } .order-md-6 { -ms-flex-order: 6; order: 6; } .order-md-7 { -ms-flex-order: 7; order: 7; } .order-md-8 { -ms-flex-order: 8; order: 8; } .order-md-9 { -ms-flex-order: 9; order: 9; } .order-md-10 { -ms-flex-order: 10; order: 10; } .order-md-11 { -ms-flex-order: 11; order: 11; } .order-md-12 { -ms-flex-order: 12; order: 12; } .offset-md-0 { margin-left: 0; } .offset-md-1 { margin-left: 8.333333%; } .offset-md-2 { margin-left: 16.666667%; } .offset-md-3 { margin-left: 25%; } .offset-md-4 { margin-left: 33.333333%; } .offset-md-5 { margin-left: 41.666667%; } .offset-md-6 { margin-left: 50%; } .offset-md-7 { margin-left: 58.333333%; } .offset-md-8 { margin-left: 66.666667%; } .offset-md-9 { margin-left: 75%; } .offset-md-10 { margin-left: 83.333333%; } .offset-md-11 { margin-left: 91.666667%; } } @media (min-width: 1024px) { .col-lg { -ms-flex-preferred-size: 0; flex-basis: 0; -ms-flex-positive: 1; flex-grow: 1; max-width: 100%; } .col-lg-auto { -ms-flex: 0 0 auto; flex: 0 0 auto; width: auto; max-width: 100%; } .col-lg-1 { -ms-flex: 0 0 8.333333%; flex: 0 0 8.333333%; max-width: 8.333333%; } .col-lg-2 { -ms-flex: 0 0 16.666667%; flex: 0 0 16.666667%; max-width: 16.666667%; } .col-lg-3 { -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; } .col-lg-4 { -ms-flex: 0 0 33.333333%; flex: 0 0 33.333333%; max-width: 33.333333%; } .col-lg-5 { -ms-flex: 0 0 41.666667%; flex: 0 0 41.666667%; max-width: 41.666667%; } .col-lg-6 { -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; } .col-lg-7 { -ms-flex: 0 0 58.333333%; flex: 0 0 58.333333%; max-width: 58.333333%; } .col-lg-8 { -ms-flex: 0 0 66.666667%; flex: 0 0 66.666667%; max-width: 66.666667%; } .col-lg-9 { -ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 75%; } .col-lg-10 { -ms-flex: 0 0 83.333333%; flex: 0 0 83.333333%; max-width: 83.333333%; } .col-lg-11 { -ms-flex: 0 0 91.666667%; flex: 0 0 91.666667%; max-width: 91.666667%; } .col-lg-12 { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } .order-lg-first { -ms-flex-order: -1; order: -1; } .order-lg-last { -ms-flex-order: 13; order: 13; } .order-lg-0 { -ms-flex-order: 0; order: 0; } .order-lg-1 { -ms-flex-order: 1; order: 1; } .order-lg-2 { -ms-flex-order: 2; order: 2; } .order-lg-3 { -ms-flex-order: 3; order: 3; } .order-lg-4 { -ms-flex-order: 4; order: 4; } .order-lg-5 { -ms-flex-order: 5; order: 5; } .order-lg-6 { -ms-flex-order: 6; order: 6; } .order-lg-7 { -ms-flex-order: 7; order: 7; } .order-lg-8 { -ms-flex-order: 8; order: 8; } .order-lg-9 { -ms-flex-order: 9; order: 9; } .order-lg-10 { -ms-flex-order: 10; order: 10; } .order-lg-11 { -ms-flex-order: 11; order: 11; } .order-lg-12 { -ms-flex-order: 12; order: 12; } .offset-lg-0 { margin-left: 0; } .offset-lg-1 { margin-left: 8.333333%; } .offset-lg-2 { margin-left: 16.666667%; } .offset-lg-3 { margin-left: 25%; } .offset-lg-4 { margin-left: 33.333333%; } .offset-lg-5 { margin-left: 41.666667%; } .offset-lg-6 { margin-left: 50%; } .offset-lg-7 { margin-left: 58.333333%; } .offset-lg-8 { margin-left: 66.666667%; } .offset-lg-9 { margin-left: 75%; } .offset-lg-10 { margin-left: 83.333333%; } .offset-lg-11 { margin-left: 91.666667%; } } @media (min-width: 1200px) { .col-xl { -ms-flex-preferred-size: 0; flex-basis: 0; -ms-flex-positive: 1; flex-grow: 1; max-width: 100%; } .col-xl-auto { -ms-flex: 0 0 auto; flex: 0 0 auto; width: auto; max-width: 100%; } .col-xl-1 { -ms-flex: 0 0 8.333333%; flex: 0 0 8.333333%; max-width: 8.333333%; } .col-xl-2 { -ms-flex: 0 0 16.666667%; flex: 0 0 16.666667%; max-width: 16.666667%; } .col-xl-3 { -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; } .col-xl-4 { -ms-flex: 0 0 33.333333%; flex: 0 0 33.333333%; max-width: 33.333333%; } .col-xl-5 { -ms-flex: 0 0 41.666667%; flex: 0 0 41.666667%; max-width: 41.666667%; } .col-xl-6 { -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; } .col-xl-7 { -ms-flex: 0 0 58.333333%; flex: 0 0 58.333333%; max-width: 58.333333%; } .col-xl-8 { -ms-flex: 0 0 66.666667%; flex: 0 0 66.666667%; max-width: 66.666667%; } .col-xl-9 { -ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 75%; } .col-xl-10 { -ms-flex: 0 0 83.333333%; flex: 0 0 83.333333%; max-width: 83.333333%; } .col-xl-11 { -ms-flex: 0 0 91.666667%; flex: 0 0 91.666667%; max-width: 91.666667%; } .col-xl-12 { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } .order-xl-first { -ms-flex-order: -1; order: -1; } .order-xl-last { -ms-flex-order: 13; order: 13; } .order-xl-0 { -ms-flex-order: 0; order: 0; } .order-xl-1 { -ms-flex-order: 1; order: 1; } .order-xl-2 { -ms-flex-order: 2; order: 2; } .order-xl-3 { -ms-flex-order: 3; order: 3; } .order-xl-4 { -ms-flex-order: 4; order: 4; } .order-xl-5 { -ms-flex-order: 5; order: 5; } .order-xl-6 { -ms-flex-order: 6; order: 6; } .order-xl-7 { -ms-flex-order: 7; order: 7; } .order-xl-8 { -ms-flex-order: 8; order: 8; } .order-xl-9 { -ms-flex-order: 9; order: 9; } .order-xl-10 { -ms-flex-order: 10; order: 10; } .order-xl-11 { -ms-flex-order: 11; order: 11; } .order-xl-12 { -ms-flex-order: 12; order: 12; } .offset-xl-0 { margin-left: 0; } .offset-xl-1 { margin-left: 8.333333%; } .offset-xl-2 { margin-left: 16.666667%; } .offset-xl-3 { margin-left: 25%; } .offset-xl-4 { margin-left: 33.333333%; } .offset-xl-5 { margin-left: 41.666667%; } .offset-xl-6 { margin-left: 50%; } .offset-xl-7 { margin-left: 58.333333%; } .offset-xl-8 { margin-left: 66.666667%; } .offset-xl-9 { margin-left: 75%; } .offset-xl-10 { margin-left: 83.333333%; } .offset-xl-11 { margin-left: 91.666667%; } } .flex-container { display: -webkit-flex; display: flex; } .flex-wrap { -webkit-flex-wrap: wrap; flex-wrap: wrap; } .flex-align-center { -webkit-align-items: center; align-items: center; } .flex-align-end { -webkit-align-items: flex-end; align-items: flex-end; } .flex-justify-between{ justify-content: space-between; } .flex-grow{ flex-grow: 1; } .flex-stretch{ align-items: stretch; } .w-md-10	{ width:10%; float: left; } .w-md-16	{ width:16.66%; float: left; } .w-md-20	{ width:20%; float: left; } .w-md-25	{ width:25%; float: left; } .w-md-30	{ width:30%; float: left; } .w-md-33	{ width:33.33%; float: left; } .w-md-40	{ width:40%; float: left; } .w-md-50	{ width:50%; float: left; } .w-md-60	{ width:60%; float: left; } .w-md-70	{ width:70%; float: left; } .w-md-66	{ width:66.66%; float: left; } .w-md-75	{ width:75%; float: left; } .w-md-80	{ width:80%; float: left; } .w-md-82	{ width:82%; float: left; } .w-md-90	{ width:90%; float: left; } .w-md-100 { width:100%;} .hide-desktop{ display: none !important; } .hide-desktop-tablet{ display: none!important; } .pt-md-0{ padding-top: 0; } .pt-md-10{ padding-top: 10px; } .pt-md-20{ padding-top: 20px; } .pt-md-30{ padding-top: 30px; } .pt-md-40{ padding-top: 40px; } .pt-md-50{ padding-top: 50px; } .pt-md-60{ padding-top: 60px; } .pt-md-70{ padding-top: 70px; } .pt-md-80{ padding-top: 80px; } .pt-md-90{ padding-top: 90px; } .pt-md-100{ padding-top: 100px; } .pb-md-0{ padding-bottom: 0; } .pb-md-10{ padding-bottom: 10px; } .pb-md-20{ padding-bottom: 20px; } .pb-md-30{ padding-bottom: 30px; } .pb-md-40{ padding-bottom: 40px; } .pb-md-50{ padding-bottom: 50px; } .pb-md-60{ padding-bottom: 60px; } .pb-md-70{ padding-bottom: 70px; } .pb-md-80{ padding-bottom: 80px; } .pb-md-90{ padding-bottom: 90px; } .pb-md-100{ padding-bottom: 100px; } .mt-md-0{ margin-top: 0; } .mt-md-10{ margin-top: 10px; } .mt-md-20{ margin-top: 20px; } .mt-md-30{ margin-top: 30px; } .mt-md-40{ margin-top: 40px; } .mt-md-50{ margin-top: 50px; } .mt-md-60{ margin-top: 60px; } .mt-md-70{ margin-top: 70px; } .mt-md-80{ margin-top: 80px; } .mt-md-90{ margin-top: 90px; } .mt-md-100{ margin-top: 100px; } .mb-md-0{ margin-bottom: 0; } .mb-md-10{ margin-bottom: 10px; } .mb-md-20{ margin-bottom: 20px; } .mb-md-30{ margin-bottom: 30px; } .mb-md-40{ margin-bottom: 40px; } .mb-md-50{ margin-bottom: 50px; } .mb-md-60{ margin-bottom: 60px; } .mb-md-70{ margin-bottom: 70px; } .mb-md-80{ margin-bottom: 80px; } .mb-md-90{ margin-bottom: 90px; } .mb-md-100{ margin-bottom: 100px; } @media (max-width: 1023px) { .hide-tablet{ display: none !important; } .hide-desktop{ display: block !important; } } @media (max-width: 767px) { .hide-mobile{ display: none !important; } .hide-desktop-tablet{ display: block !important; } .w-sm-10	{ width:10%; float: left; } .w-sm-16	{ width:16.66%; float: left; } .w-sm-20	{ width:20%; float: left; } .w-sm-25	{ width:25%; float: left; } .w-sm-30	{ width:30%; float: left; } .w-sm-33	{ width:33.33%; float: left; } .w-sm-40	{ width:40%; float: left; } .w-sm-50	{ width:50%; float: left; } .w-sm-60	{ width:60%; float: left; } .w-sm-70	{ width:70%; float: left; } .w-sm-66	{ width:66.66%; float: left; } .w-sm-75	{ width:75%; float: left; } .w-sm-80	{ width:80%; float: left; } .w-sm-82	{ width:82%; float: left; } .w-sm-90	{ width:90%; float: left; } .w-sm-100 { width:100%!important; float: none!important; display: block!important; } .pt-sm-0{ padding-top: 0; } .pt-sm-10{ padding-top: 10px; } .pt-sm-20{ padding-top: 20px; } .pt-sm-30{ padding-top: 30px; } .pt-sm-40{ padding-top: 40px; } .pt-sm-50{ padding-top: 50px; } .pt-sm-60{ padding-top: 60px; } .pt-sm-70{ padding-top: 70px; } .pt-sm-80{ padding-top: 80px; } .pt-sm-90{ padding-top: 90px; } .pt-sm-100{ padding-top: 100px; } .pb-sm-0{ padding-bottom: 0; } .pb-sm-10{ padding-bottom: 10px; } .pb-sm-20{ padding-bottom: 20px; } .pb-sm-30{ padding-bottom: 30px; } .pb-sm-40{ padding-bottom: 40px; } .pb-sm-50{ padding-bottom: 50px; } .pb-sm-60{ padding-bottom: 60px; } .pb-sm-70{ padding-bottom: 70px; } .pb-sm-80{ padding-bottom: 80px; } .pb-sm-90{ padding-bottom: 90px; } .pb-sm-100{ padding-bottom: 100px; } .mt-sm-0{ margin-top: 0; } .mt-sm-10{ margin-top: 10px; } .mt-sm-20{ margin-top: 20px; } .mt-sm-30{ margin-top: 30px; } .mt-sm-40{ margin-top: 40px; } .mt-sm-50{ margin-top: 50px; } .mt-sm-60{ margin-top: 60px; } .mt-sm-70{ margin-top: 70px; } .mt-sm-80{ margin-top: 80px; } .mt-sm-90{ margin-top: 90px; } .mt-sm-100{ margin-top: 100px; } .mb-sm-0{ margin-bottom: 0; } .mb-sm-10{ margin-bottom: 10px; } .mb-sm-20{ margin-bottom: 20px; } .mb-sm-30{ margin-bottom: 30px; } .mb-sm-40{ margin-bottom: 40px; } .mb-sm-50{ margin-bottom: 50px; } .mb-sm-60{ margin-bottom: 60px; } .mb-sm-70{ margin-bottom: 70px; } .mb-sm-80{ margin-bottom: 80px; } .mb-sm-90{ margin-bottom: 90px; } .mb-sm-100{ margin-bottom: 100px; } } @media (max-width: 620px) { .hide-xs{ display: none !important; } .w-xs-10	{ width:10%; float: left; } .w-xs-16	{ width:16.66%; float: left; } .w-xs-20	{ width:20%; float: left; } .w-xs-25	{ width:25%; float: left; } .w-xs-30	{ width:30%; float: left; } .w-xs-33	{ width:33.33%; float: left; } .w-xs-40	{ width:40%; float: left; } .w-xs-50	{ width:50%; float: left; } .w-xs-60	{ width:60%; float: left; } .w-xs-70	{ width:70%; float: left; } .w-xs-66	{ width:66.66%; float: left; } .w-xs-75	{ width:75%; float: left; } .w-xs-80	{ width:80%; float: left; } .w-xs-82	{ width:82%; float: left; } .w-xs-90	{ width:90%; float: left; } .w-xs-100 { width:100%!important; float: none!important; display: block!important;} .pt-xs-0{ padding-top: 0; } .pt-xs-10{ padding-top: 10px; } .pt-xs-20{ padding-top: 20px; } .pt-xs-30{ padding-top: 30px; } .pt-xs-40{ padding-top: 40px; } .pt-xs-50{ padding-top: 50px; } .pt-xs-60{ padding-top: 60px; } .pt-xs-70{ padding-top: 70px; } .pt-xs-80{ padding-top: 80px; } .pt-xs-90{ padding-top: 90px; } .pt-xs-100{ padding-top: 100px; } .pb-xs-0{ padding-bottom: 0; } .pb-xs-10{ padding-bottom: 10px; } .pb-xs-20{ padding-bottom: 20px; } .pb-xs-30{ padding-bottom: 30px; } .pb-xs-40{ padding-bottom: 40px; } .pb-xs-50{ padding-bottom: 50px; } .pb-xs-60{ padding-bottom: 60px; } .pb-xs-70{ padding-bottom: 70px; } .pb-xs-80{ padding-bottom: 80px; } .pb-xs-90{ padding-bottom: 90px; } .pb-xs-100{ padding-bottom: 100px; } .mt-xs-0{ margin-top: 0; } .mt-xs-10{ margin-top: 10px; } .mt-xs-20{ margin-top: 20px; } .mt-xs-30{ margin-top: 30px; } .mt-xs-40{ margin-top: 40px; } .mt-xs-50{ margin-top: 50px; } .mt-xs-60{ margin-top: 60px; } .mt-xs-70{ margin-top: 70px; } .mt-xs-80{ margin-top: 80px; } .mt-xs-90{ margin-top: 90px; } .mt-xs-100{ margin-top: 100px; } .mb-xs-0{ margin-bottom: 0; } .mb-xs-10{ margin-bottom: 10px; } .mb-xs-20{ margin-bottom: 20px; } .mb-xs-30{ margin-bottom: 30px; } .mb-xs-40{ margin-bottom: 40px; } .mb-xs-50{ margin-bottom: 50px; } .mb-xs-60{ margin-bottom: 60px; } .mb-xs-70{ margin-bottom: 70px; } .mb-xs-80{ margin-bottom: 80px; } .mb-xs-90{ margin-bottom: 90px; } .mb-xs-100{ margin-bottom: 100px; } } /* tooltip */ .tooltip-contaner{ position: relative; overflow: hidden; } .tooltip-contaner:hover{ overflow: visible; } .tooltip { position: absolute; z-index: 1070; display: block; margin: 0; font-style: normal; font-weight: normal; text-align: left; text-align: start; text-decoration: none; text-shadow: none; text-transform: none; word-break: normal; word-spacing: normal; white-space: normal; line-break: auto; font-size: 0.875rem; word-wrap: break-word; opacity: 0; } .tooltip-contaner:hover .tooltip { opacity: 0.9; } .tooltip .arrow { position: absolute; display: block; width: 0.8rem; height: 0.4rem; } .tooltip .arrow::before { position: absolute; content: ""; border-color: transparent; border-style: solid; } .bs-tooltip-top, .bs-tooltip-auto[x-placement^="top"] { padding: 0.4rem 0; } .bs-tooltip-top .arrow, .bs-tooltip-auto[x-placement^="top"] .arrow { bottom: 0; } .bs-tooltip-top .arrow::before, .bs-tooltip-auto[x-placement^="top"] .arrow::before { top: 0; border-width: 0.4rem 0.4rem 0; border-top-color: #000; } .bs-tooltip-right, .bs-tooltip-auto[x-placement^="right"] { padding: 0 0.4rem; } .bs-tooltip-right .arrow, .bs-tooltip-auto[x-placement^="right"] .arrow { left: 0; width: 0.4rem; height: 0.8rem; } .bs-tooltip-right .arrow::before, .bs-tooltip-auto[x-placement^="right"] .arrow::before { right: 0; border-width: 0.4rem 0.4rem 0.4rem 0; border-right-color: #000; } .bs-tooltip-bottom, .bs-tooltip-auto[x-placement^="bottom"] { padding: 0.4rem 0; } .bs-tooltip-bottom .arrow, .bs-tooltip-auto[x-placement^="bottom"] .arrow { top: 0; } .bs-tooltip-bottom .arrow::before, .bs-tooltip-auto[x-placement^="bottom"] .arrow::before { bottom: 0; border-width: 0 0.4rem 0.4rem; border-bottom-color: #000; } .bs-tooltip-left, .bs-tooltip-auto[x-placement^="left"] { padding: 0 0.4rem; } .bs-tooltip-left .arrow, .bs-tooltip-auto[x-placement^="left"] .arrow { right: 0; width: 0.4rem; height: 0.8rem; } .bs-tooltip-left .arrow::before, .bs-tooltip-auto[x-placement^="left"] .arrow::before { left: 0; border-width: 0.4rem 0 0.4rem 0.4rem; border-left-color: #000; } .tooltip-inner { max-width: 200px; padding: 0.25rem 0.5rem; color: #fff; text-align: center; background-color: #000; border-radius: 0.25rem; } /* \\tooltip */