.bx-wrapper {
position : relative;
margin : 0 auto 60px;
padding : 0;
}
.bx-wrapper img {
max-width : 100%;
display : block;
}
.bx-wrapper .bx-viewport {
box-shadow : 0 0 5px #ccc;
border : #fff solid 5px;
left : -5px;
background : #fff;
transform : translatez(0);
}
.bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto {
position : absolute;
bottom : -30px;
width : 100%;
}
.bx-wrapper .bx-loading {
min-height : 50px;
background : url(images/bx_loader.gif) center center no-repeat #fff;
height : 100%;
width : 100%;
position : absolute;
top : 0;
left : 0;
z-index : 2000;
}
.bx-wrapper .bx-pager {
text-align : center;
font-size : 0.85em;
font-weight : bold;
color : #666;
padding-top : 20px;
}
.bx-wrapper .bx-pager .bx-pager-item, .bx-wrapper .bx-controls-auto .bx-controls-auto-item {
display : inline-block;
}
.bx-wrapper .bx-pager.bx-default-pager a {
background : #666;
text-indent : -9999px;
display : block;
width : 10px;
height : 10px;
margin : 0 5px;
outline : 0;
border-radius : 5px;
}
.bx-wrapper .bx-pager.bx-default-pager a:hover, .bx-wrapper .bx-pager.bx-default-pager a.active {
background : #000;
}
.bx-wrapper .bx-prev, .bx-wrapper .bx-next {
display : block;
background-color : transparent;
background-image : url("images/arrows_gray.png");
background-repeat : no-repeat;
background-attachment : scroll;
background-position : 0 0;
background-clip : border-box;
background-origin : padding-box;
background-size : auto auto;
width : 20px;
height : 34px;
position : absolute;
top : 155px;
z-index : 2;
}
.bx-wrapper .bx-prev {
left : 0;
background-position : 0 0;
}
.bx-wrapper .bx-prev:hover {
background-position : -40px 0;
}
.bx-wrapper .bx-next {
right : 0;
background-position : -20px 0;
}
.bx-wrapper .bx-next:hover {
background-position : -60px 0;
}
.bx-wrapper .bx-controls-direction a {
position : absolute;
top : 50%;
margin-top : -16px;
outline : 0;
width : 20px;
height : 32px;
text-indent : -9999px;
z-index : 9999;
}
.bx-wrapper .bx-controls-direction a:hover {
position : absolute;
top : 50%;
margin-top : -16px;
outline : 0;
width : 20px;
height : 32px;
text-indent : -9999px;
z-index : 9999;
}
.bx-wrapper .bx-controls-direction a.disabled {
display : none;
}
.bx-wrapper .bx-controls-auto {
text-align : center;
}
.bx-wrapper .bx-controls-auto .bx-start {
display : block;
text-indent : -9999px;
width : 10px;
height : 11px;
outline : 0;
background : url(images/controls.png) -86px -11px no-repeat;
margin : 0 3px;
}
.bx-wrapper .bx-controls-auto .bx-start:hover, .bx-wrapper .bx-controls-auto .bx-start.active {
background-position : -86px 0;
}
.bx-wrapper .bx-controls-auto .bx-stop {
display : block;
text-indent : -9999px;
width : 9px;
height : 11px;
outline : 0;
background : url(images/controls.png) -86px -44px no-repeat;
margin : 0 3px;
}
.bx-wrapper .bx-controls-auto .bx-stop:hover, .bx-wrapper .bx-controls-auto .bx-stop.active {
background-position : -86px -33px;
}
.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager {
text-align : left;
width : 80%;
}
.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto {
right : 0;
width : 35px;
}
.bx-wrapper .bx-caption {
position : absolute;
bottom : 0;
left : 0;
background : rgb(80, 80, 80, 0.75);
width : 100%;
}
.bx-wrapper .bx-caption span {
color : #fff;
display : block;
font-size : 0.85em;
padding : 10px;
}
.datepicker {
padding : 4px;
border-radius : 4px;
direction : ltr;
}
.datepicker-inline {
width : 220px;
}
.datepicker.datepicker-rtl {
direction : rtl;
}
.datepicker.datepicker-rtl table tr td span {
float : right;
}
.datepicker-dropdown {
top : 0;
left : 0;
}
.datepicker-dropdown:before {
content : '';
display : inline-block;
border-left : 7px solid transparent;
border-right : 7px solid transparent;
border-bottom : 7px solid #999;
border-top : 0;
border-bottom-color : rgb(0, 0, 0, 0.2);
position : absolute;
}
.datepicker-dropdown:after {
content : '';
display : inline-block;
border-left : 6px solid transparent;
border-right : 6px solid transparent;
border-bottom : 6px solid #fff;
border-top : 0;
position : absolute;
}
.datepicker-dropdown.datepicker-orient-left:before {
left : 6px;
}
.datepicker-dropdown.datepicker-orient-left:after {
left : 7px;
}
.datepicker-dropdown.datepicker-orient-right:before {
right : 6px;
}
.datepicker-dropdown.datepicker-orient-right:after {
right : 7px;
}
.datepicker-dropdown.datepicker-orient-bottom:before {
top : -7px;
}
.datepicker-dropdown.datepicker-orient-bottom:after {
top : -6px;
}
.datepicker-dropdown.datepicker-orient-top:before {
bottom : -7px;
border-bottom : 0;
border-top : 7px solid #999;
}
.datepicker-dropdown.datepicker-orient-top:after {
bottom : -6px;
border-bottom : 0;
border-top : 6px solid #fff;
}
.datepicker table {
margin : 0;
user-select : none;
}
.datepicker td, .datepicker th {
text-align : center;
width : 20px;
height : 20px;
border-radius : 4px;
border : 0;
}
.table-striped .datepicker table tr td, .table-striped .datepicker table tr th {
background-color : transparent;
}
.datepicker table tr td.day.focused, .datepicker table tr td.day:hover {
background : #eee;
cursor : pointer;
}
.datepicker table tr td.new, .datepicker table tr td.old {
color : #999;
}
.datepicker table tr td.disabled, .datepicker table tr td.disabled:hover {
background : 0;
color : #999;
cursor : default;
}
.datepicker table tr td.highlighted {
background : #d9edf7;
border-radius : 0;
}
.datepicker table tr td.today, .datepicker table tr td.today.disabled, .datepicker table tr td.today.disabled:hover, .datepicker table tr td.today:hover {
background-color : #fde19a;
background-image : linear-gradient(to bottom, #fdd49a, #fdf59a);
background-repeat : repeat-x;
border-color : #fdf59a #fdf59a #fbed50;
border-color : rgb(0, 0, 0, 0.1) rgb(0, 0, 0, 0.1) rgb(0, 0, 0, 0.25);
color : #000;
}
.datepicker table tr td.today.active, .datepicker table tr td.today.disabled, .datepicker table tr td.today.disabled.active, .datepicker table tr td.today.disabled.disabled, .datepicker table tr td.today.disabled:active, .datepicker table tr td.today.disabled:hover, .datepicker table tr td.today.disabled:hover.active, .datepicker table tr td.today.disabled:hover.disabled, .datepicker table tr td.today.disabled:hover:active, .datepicker table tr td.today.disabled:hover:hover, .datepicker table tr td.today.disabled:hover[disabled], .datepicker table tr td.today.disabled[disabled], .datepicker table tr td.today:active, .datepicker table tr td.today:hover, .datepicker table tr td.today:hover.active, .datepicker table tr td.today:hover.disabled, .datepicker table tr td.today:hover:active, .datepicker table tr td.today:hover:hover, .datepicker table tr td.today:hover[disabled], .datepicker table tr td.today[disabled] {
background-color : #fdf59a;
}
.datepicker table tr td.today:hover:hover {
color : #000;
}
.datepicker table tr td.today.active:hover {
color : #fff;
}
.datepicker table tr td.range, .datepicker table tr td.range.disabled, .datepicker table tr td.range.disabled:hover, .datepicker table tr td.range:hover {
background : #eee;
border-radius : 0;
}
.datepicker table tr td.range.today, .datepicker table tr td.range.today.disabled, .datepicker table tr td.range.today.disabled:hover, .datepicker table tr td.range.today:hover {
background-color : #f3d17a;
background-image : linear-gradient(to bottom, #f3c17a, #f3e97a);
background-repeat : repeat-x;
border-color : #f3e97a #f3e97a #edde34;
border-color : rgb(0, 0, 0, 0.1) rgb(0, 0, 0, 0.1) rgb(0, 0, 0, 0.25);
border-radius : 0;
}
.datepicker table tr td.range.today.active, .datepicker table tr td.range.today.disabled, .datepicker table tr td.range.today.disabled.active, .datepicker table tr td.range.today.disabled.disabled, .datepicker table tr td.range.today.disabled:active, .datepicker table tr td.range.today.disabled:hover, .datepicker table tr td.range.today.disabled:hover.active, .datepicker table tr td.range.today.disabled:hover.disabled, .datepicker table tr td.range.today.disabled:hover:active, .datepicker table tr td.range.today.disabled:hover:hover, .datepicker table tr td.range.today.disabled:hover[disabled], .datepicker table tr td.range.today.disabled[disabled], .datepicker table tr td.range.today:active, .datepicker table tr td.range.today:hover, .datepicker table tr td.range.today:hover.active, .datepicker table tr td.range.today:hover.disabled, .datepicker table tr td.range.today:hover:active, .datepicker table tr td.range.today:hover:hover, .datepicker table tr td.range.today:hover[disabled], .datepicker table tr td.range.today[disabled] {
background-color : #f3e97a;
}
.datepicker table tr td.selected, .datepicker table tr td.selected.disabled, .datepicker table tr td.selected.disabled:hover, .datepicker table tr td.selected:hover {
background-color : #9e9e9e;
background-image : linear-gradient(to bottom, #b3b3b3, grey);
background-repeat : repeat-x;
border-color : grey grey #595959;
border-color : rgb(0, 0, 0, 0.1) rgb(0, 0, 0, 0.1) rgb(0, 0, 0, 0.25);
color : #fff;
text-shadow : 0 -1px 0 rgb(0, 0, 0, 0.25);
}
.datepicker table tr td.selected.active, .datepicker table tr td.selected.disabled, .datepicker table tr td.selected.disabled.active, .datepicker table tr td.selected.disabled.disabled, .datepicker table tr td.selected.disabled:active, .datepicker table tr td.selected.disabled:hover, .datepicker table tr td.selected.disabled:hover.active, .datepicker table tr td.selected.disabled:hover.disabled, .datepicker table tr td.selected.disabled:hover:active, .datepicker table tr td.selected.disabled:hover:hover, .datepicker table tr td.selected.disabled:hover[disabled], .datepicker table tr td.selected.disabled[disabled], .datepicker table tr td.selected:active, .datepicker table tr td.selected:hover, .datepicker table tr td.selected:hover.active, .datepicker table tr td.selected:hover.disabled, .datepicker table tr td.selected:hover:active, .datepicker table tr td.selected:hover:hover, .datepicker table tr td.selected:hover[disabled], .datepicker table tr td.selected[disabled] {
background-color : grey;
}
.datepicker table tr td.active, .datepicker table tr td.active.disabled, .datepicker table tr td.active.disabled:hover, .datepicker table tr td.active:hover {
background-color : #006dcc;
background-image : linear-gradient(to bottom, #08c, #04c);
background-repeat : repeat-x;
border-color : #04c #04c #002a80;
border-color : rgb(0, 0, 0, 0.1) rgb(0, 0, 0, 0.1) rgb(0, 0, 0, 0.25);
color : #fff;
text-shadow : 0 -1px 0 rgb(0, 0, 0, 0.25);
}
.datepicker table tr td.active.active, .datepicker table tr td.active.disabled, .datepicker table tr td.active.disabled.active, .datepicker table tr td.active.disabled.disabled, .datepicker table tr td.active.disabled:active, .datepicker table tr td.active.disabled:hover, .datepicker table tr td.active.disabled:hover.active, .datepicker table tr td.active.disabled:hover.disabled, .datepicker table tr td.active.disabled:hover:active, .datepicker table tr td.active.disabled:hover:hover, .datepicker table tr td.active.disabled:hover[disabled], .datepicker table tr td.active.disabled[disabled], .datepicker table tr td.active:active, .datepicker table tr td.active:hover, .datepicker table tr td.active:hover.active, .datepicker table tr td.active:hover.disabled, .datepicker table tr td.active:hover:active, .datepicker table tr td.active:hover:hover, .datepicker table tr td.active:hover[disabled], .datepicker table tr td.active[disabled] {
background-color : #04c;
}
.datepicker table tr td span {
display : block;
width : 23%;
height : 54px;
line-height : 54px;
float : left;
margin : 1%;
cursor : pointer;
border-radius : 4px;
}
.datepicker table tr td span.focused, .datepicker table tr td span:hover {
background : #eee;
}
.datepicker table tr td span.disabled, .datepicker table tr td span.disabled:hover {
background : 0;
color : #999;
cursor : default;
}
.datepicker table tr td span.active, .datepicker table tr td span.active.disabled, .datepicker table tr td span.active.disabled:hover, .datepicker table tr td span.active:hover {
background-color : #006dcc;
background-image : linear-gradient(to bottom, #08c, #04c);
background-repeat : repeat-x;
border-color : #04c #04c #002a80;
border-color : rgb(0, 0, 0, 0.1) rgb(0, 0, 0, 0.1) rgb(0, 0, 0, 0.25);
color : #fff;
text-shadow : 0 -1px 0 rgb(0, 0, 0, 0.25);
}
.datepicker table tr td span.active.active, .datepicker table tr td span.active.disabled, .datepicker table tr td span.active.disabled.active, .datepicker table tr td span.active.disabled.disabled, .datepicker table tr td span.active.disabled:active, .datepicker table tr td span.active.disabled:hover, .datepicker table tr td span.active.disabled:hover.active, .datepicker table tr td span.active.disabled:hover.disabled, .datepicker table tr td span.active.disabled:hover:active, .datepicker table tr td span.active.disabled:hover:hover, .datepicker table tr td span.active.disabled:hover[disabled], .datepicker table tr td span.active.disabled[disabled], .datepicker table tr td span.active:active, .datepicker table tr td span.active:hover, .datepicker table tr td span.active:hover.active, .datepicker table tr td span.active:hover.disabled, .datepicker table tr td span.active:hover:active, .datepicker table tr td span.active:hover:hover, .datepicker table tr td span.active:hover[disabled], .datepicker table tr td span.active[disabled] {
background-color : #04c;
}
.datepicker table tr td span.new, .datepicker table tr td span.old {
color : #999;
}
.datepicker .datepicker-switch {
width : 145px;
}
.datepicker .datepicker-switch, .datepicker .next, .datepicker .prev, .datepicker tfoot tr th {
cursor : pointer;
}
.datepicker .datepicker-switch:hover, .datepicker .next:hover, .datepicker .prev:hover, .datepicker tfoot tr th:hover {
background : #eee;
}
.datepicker .cw {
font-size : 10px;
width : 12px;
padding : 0 2px 0 5px;
vertical-align : middle;
}
.input-append.date .add-on, .input-prepend.date .add-on {
cursor : pointer;
}
.input-append.date .add-on i, .input-prepend.date .add-on i {
margin-top : 3px;
}
.input-daterange input {
text-align : center;
}
.input-daterange input:first-child {
border-radius : 3px 0 0 3px;
}
.input-daterange input:last-child {
border-radius : 0 3px 3px 0;
}
.input-daterange .add-on {
display : inline-block;
width : auto;
min-width : 16px;
height : 18px;
padding : 4px 5px;
font-weight : 400;
line-height : 18px;
text-align : center;
text-shadow : 0 1px 0 #fff;
vertical-align : middle;
background-color : #eee;
border : #ccc solid 1px;
margin-left : -5px;
margin-right : -5px;
}
@media print {
*, *::before, *::after {
text-shadow : none !important ;
box-shadow : none !important ;
}
a, a:visited {
text-decoration : underline;
}
abbr[title]::after {
content : " (" attr(title) ")";
}
pre {
white-space : pre-wrap !important ;
}
pre, blockquote {
border : #999 solid 1px;
page-break-inside : avoid;
}
thead {
display : table-header-group;
}
tr, img {
page-break-inside : avoid;
}
p, h2, h3 {
orphans : 3;
widows : 3;
}
h2, h3 {
page-break-after : avoid;
}
.navbar {
display : none;
}
.badge {
border : #000 solid 1px;
}
.table {
border-collapse : collapse !important ;
}
.table td, .table th {
background-color : #fff !important ;
}
.table-bordered th, .table-bordered td {
border : #ddd solid 1px !important ;
}
}
*, *::before, *::after {
box-sizing : border-box;
}
html {
line-height : 1.15;
}
article, aside, dialog, figcaption, figure, footer, header, hgroup, main, nav, section {
display : block;
}
body {
margin : 0;
font-size : 1rem;
font-weight : 400;
line-height : 1.5;
color : #212529;
text-align : left;
background-color : #fff;
}
[tabindex="-1"]:focus {
outline : none !important ;
}
hr {
box-sizing : content-box;
height : 0;
overflow : visible;
}
h1, h2, h3, h4, h5, h6 {
margin-top : 0;
margin-bottom : 0.5rem;
}
p {
margin-top : 0;
margin-bottom : 1rem;
}
abbr[title], abbr[data-original-title] {
text-decoration : underline;
text-decoration : underline dotted;
cursor : help;
border-bottom : 0;
}
address {
margin-bottom : 1rem;
font-style : normal;
line-height : inherit;
}
ol, ul, dl {
margin-top : 0;
margin-bottom : 1rem;
}
ol ol, ul ul, ol ul, ul ol {
margin-bottom : 0;
}
dt {
font-weight : 700;
}
dd {
margin-bottom : 0.5rem;
margin-left : 0;
}
blockquote {
margin : 0 0 1rem;
}
dfn {
font-style : italic;
}
b, strong {
font-weight : bolder;
}
small {
font-size : 80%;
}
sub, sup {
position : relative;
font-size : 75%;
line-height : 0;
vertical-align : baseline;
}
sub {
bottom : -0.25em;
}
sup {
top : -0.5em;
}
a {
color : #007bff;
text-decoration : none;
background-color : transparent;
}
a:not([href]):not([tabindex]) {
color : inherit;
text-decoration : none;
}
a:not([href]):not([tabindex]):focus, a:not([href]):not([tabindex]):hover {
color : inherit;
text-decoration : none;
}
a:not([href]):not([tabindex]):focus {
outline : 0;
}
pre, code, kbd, samp {
font-size : 1em;
}
pre {
margin-top : 0;
margin-bottom : 1rem;
overflow : auto;
}
figure {
margin : 0 0 1rem;
}
img {
vertical-align : middle;
border-style : none;
}
svg:not(:root) {
overflow : hidden;
}
a, area, button, [role="button"], input:not([type="range"]), label, select, summary, textarea {
touch-action : manipulation;
}
table {
border-collapse : collapse;
}
caption {
padding-top : 0.75rem;
padding-bottom : 0.75rem;
color : #868e96;
text-align : left;
caption-side : bottom;
}
th {
text-align : inherit;
}
label {
display : inline-block;
margin-bottom : 0.5rem;
}
button {
border-radius : 0;
}
button:focus {
outline : 1px dotted;
}
input, button, select, optgroup, textarea {
margin : 0;
font-size : inherit;
line-height : inherit;
}
button, input {
overflow : visible;
}
button, select {
text-transform : none;
}
button::-moz-focus-inner, [type="button"]::-moz-focus-inner, [type="reset"]::-moz-focus-inner, [type="submit"]::-moz-focus-inner {
padding : 0;
border-style : none;
}
input[type="radio"], input[type="checkbox"] {
box-sizing : border-box;
padding : 0;
}
textarea {
overflow : auto;
resize : vertical;
}
fieldset {
min-width : 0;
padding : 0;
margin : 0;
border : 0;
}
legend {
display : block;
width : 100%;
max-width : 100%;
padding : 0;
margin-bottom : 0.5rem;
font-size : 1.5rem;
line-height : inherit;
color : inherit;
white-space : normal;
}
progress {
vertical-align : baseline;
}
[type="number"]::-webkit-inner-spin-button, [type="number"]::-webkit-outer-spin-button {
height : auto;
}
[type="search"] {
outline-offset : -2px;
}
::-webkit-file-upload-button {
font : inherit;
}
output {
display : inline-block;
}
summary {
display : list-item;
}
template {
display : none;
}
[hidden] {
display : none !important ;
}
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
margin-bottom : 0.5rem;
font-weight : 500;
line-height : 1.2;
color : inherit;
}
h1, .h1 {
font-size : 2.5rem;
}
h2, .h2 {
font-size : 2rem;
}
h3, .h3 {
font-size : 1.75rem;
}
h4, .h4 {
font-size : 1.5rem;
}
h5, .h5 {
font-size : 1.25rem;
}
h6, .h6 {
font-size : 1rem;
}
.lead {
font-size : 1.25rem;
font-weight : 300;
}
.display-1 {
font-size : 6rem;
font-weight : 300;
line-height : 1.2;
}
.display-2 {
font-size : 5.5rem;
font-weight : 300;
line-height : 1.2;
}
.display-3 {
font-size : 4.5rem;
font-weight : 300;
line-height : 1.2;
}
.display-4 {
font-size : 3.5rem;
font-weight : 300;
line-height : 1.2;
}
hr {
margin-top : 1rem;
margin-bottom : 1rem;
border : 0;
border-top : 1px solid rgb(0, 0, 0, 0.1);
}
small, .small {
font-size : 80%;
font-weight : 400;
}
mark, .mark {
padding : 0.2em;
background-color : #fcf8e3;
}
.list-unstyled {
padding-left : 0;
list-style : none;
}
.list-inline {
padding-left : 0;
list-style : none;
}
.list-inline-item {
display : inline-block;
}
.list-inline-item:not(:last-child) {
margin-right : 5px;
}
.initialism {
font-size : 90%;
text-transform : uppercase;
}
.blockquote {
margin-bottom : 1rem;
font-size : 1.25rem;
}
.blockquote-footer {
display : block;
font-size : 80%;
color : #868e96;
}
.blockquote-footer::before {
content : "\2014 \00A0";
}
.img-fluid {
max-width : 100%;
height : auto;
}
.img-thumbnail {
padding : 0.25rem;
background-color : #fff;
border : #ddd solid 1px;
border-radius : 0.25rem;
transition : all 0.2s ease-in-out;
max-width : 100%;
height : auto;
}
.figure {
display : inline-block;
}
.figure-img {
margin-bottom : 0.5rem;
line-height : 1;
}
.figure-caption {
font-size : 90%;
color : #868e96;
}
code, kbd, pre, samp {
}
code {
padding : 0.2rem 0.4rem;
font-size : 90%;
color : #bd4147;
background-color : #f8f9fa;
border-radius : 0.25rem;
}
a > code {
padding : 0;
color : inherit;
background-color : inherit;
}
kbd {
padding : 0.2rem 0.4rem;
font-size : 90%;
color : #fff;
background-color : #212529;
border-radius : 0.2rem;
}
kbd kbd {
padding : 0;
font-size : 100%;
font-weight : 700;
}
pre {
display : block;
margin-top : 0;
margin-bottom : 1rem;
font-size : 90%;
color : #212529;
}
pre code {
padding : 0;
font-size : inherit;
color : inherit;
background-color : transparent;
border-radius : 0;
}
.pre-scrollable {
max-height : 340px;
overflow-y : scroll;
}
.container {
width : 100%;
padding-right : 15px;
padding-left : 15px;
margin-right : auto;
margin-left : auto;
}
@media (min-width: 576px) {
.container {
max-width : 540px;
}
}
@media (min-width: 768px) {
.container {
max-width : 720px;
}
}
@media (min-width: 992px) {
.container {
max-width : 960px;
}
}
@media (min-width: 1200px) {
.container {
max-width : 1140px;
}
}
.container-fluid {
width : 100%;
padding-right : 15px;
padding-left : 15px;
margin-right : auto;
margin-left : auto;
}
.row {
display : flex;
flex-wrap : wrap;
margin-right : -15px;
margin-left : -15px;
}
.no-gutters {
margin-right : 0;
margin-left : 0;
}
.no-gutters > .col, .no-gutters > [class*="col-"] {
padding-right : 0;
padding-left : 0;
}
.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 {
position : relative;
width : 100%;
min-height : 1px;
padding-right : 15px;
padding-left : 15px;
}
.col {
flex-basis : 0;
flex-grow : 1;
max-width : 100%;
}
.col-auto {
flex : 0 0 auto;
width : auto;
max-width : none;
}
.col-1 {
flex : 0 0 8.333333%;
max-width : 8.333333%;
}
.col-2 {
flex : 0 0 16.666667%;
max-width : 16.666667%;
}
.col-3 {
flex : 0 0 25%;
max-width : 25%;
}
.col-4 {
flex : 0 0 33.333333%;
max-width : 33.333333%;
}
.col-5 {
flex : 0 0 41.666667%;
max-width : 41.666667%;
}
.col-6 {
flex : 0 0 50%;
max-width : 50%;
}
.col-7 {
flex : 0 0 58.333333%;
max-width : 58.333333%;
}
.col-8 {
flex : 0 0 66.666667%;
max-width : 66.666667%;
}
.col-9 {
flex : 0 0 75%;
max-width : 75%;
}
.col-10 {
flex : 0 0 83.333333%;
max-width : 83.333333%;
}
.col-11 {
flex : 0 0 91.666667%;
max-width : 91.666667%;
}
.col-12 {
flex : 0 0 100%;
max-width : 100%;
}
.order-first {
order : -1;
}
.order-1 {
order : 1;
}
.order-2 {
order : 2;
}
.order-3 {
order : 3;
}
.order-4 {
order : 4;
}
.order-5 {
order : 5;
}
.order-6 {
order : 6;
}
.order-7 {
order : 7;
}
.order-8 {
order : 8;
}
.order-9 {
order : 9;
}
.order-10 {
order : 10;
}
.order-11 {
order : 11;
}
.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 (min-width: 576px) {
.col-sm {
flex-basis : 0;
flex-grow : 1;
max-width : 100%;
}
.col-sm-auto {
flex : 0 0 auto;
width : auto;
max-width : none;
}
.col-sm-1 {
flex : 0 0 8.333333%;
max-width : 8.333333%;
}
.col-sm-2 {
flex : 0 0 16.666667%;
max-width : 16.666667%;
}
.col-sm-3 {
flex : 0 0 25%;
max-width : 25%;
}
.col-sm-4 {
flex : 0 0 33.333333%;
max-width : 33.333333%;
}
.col-sm-5 {
flex : 0 0 41.666667%;
max-width : 41.666667%;
}
.col-sm-6 {
flex : 0 0 50%;
max-width : 50%;
}
.col-sm-7 {
flex : 0 0 58.333333%;
max-width : 58.333333%;
}
.col-sm-8 {
flex : 0 0 66.666667%;
max-width : 66.666667%;
}
.col-sm-9 {
flex : 0 0 75%;
max-width : 75%;
}
.col-sm-10 {
flex : 0 0 83.333333%;
max-width : 83.333333%;
}
.col-sm-11 {
flex : 0 0 91.666667%;
max-width : 91.666667%;
}
.col-sm-12 {
flex : 0 0 100%;
max-width : 100%;
}
.order-sm-first {
order : -1;
}
.order-sm-1 {
order : 1;
}
.order-sm-2 {
order : 2;
}
.order-sm-3 {
order : 3;
}
.order-sm-4 {
order : 4;
}
.order-sm-5 {
order : 5;
}
.order-sm-6 {
order : 6;
}
.order-sm-7 {
order : 7;
}
.order-sm-8 {
order : 8;
}
.order-sm-9 {
order : 9;
}
.order-sm-10 {
order : 10;
}
.order-sm-11 {
order : 11;
}
.order-sm-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 (min-width: 768px) {
.col-md {
flex-basis : 0;
flex-grow : 1;
max-width : 100%;
}
.col-md-auto {
flex : 0 0 auto;
width : auto;
max-width : none;
}
.col-md-1 {
flex : 0 0 8.333333%;
max-width : 8.333333%;
}
.col-md-2 {
flex : 0 0 16.666667%;
max-width : 16.666667%;
}
.col-md-3 {
flex : 0 0 25%;
max-width : 25%;
}
.col-md-4 {
flex : 0 0 33.333333%;
max-width : 33.333333%;
}
.col-md-5 {
flex : 0 0 41.666667%;
max-width : 41.666667%;
}
.col-md-6 {
flex : 0 0 50%;
max-width : 50%;
}
.col-md-7 {
flex : 0 0 58.333333%;
max-width : 58.333333%;
}
.col-md-8 {
flex : 0 0 66.666667%;
max-width : 66.666667%;
}
.col-md-9 {
flex : 0 0 75%;
max-width : 75%;
}
.col-md-10 {
flex : 0 0 83.333333%;
max-width : 83.333333%;
}
.col-md-11 {
flex : 0 0 91.666667%;
max-width : 91.666667%;
}
.col-md-12 {
flex : 0 0 100%;
max-width : 100%;
}
.order-md-first {
order : -1;
}
.order-md-1 {
order : 1;
}
.order-md-2 {
order : 2;
}
.order-md-3 {
order : 3;
}
.order-md-4 {
order : 4;
}
.order-md-5 {
order : 5;
}
.order-md-6 {
order : 6;
}
.order-md-7 {
order : 7;
}
.order-md-8 {
order : 8;
}
.order-md-9 {
order : 9;
}
.order-md-10 {
order : 10;
}
.order-md-11 {
order : 11;
}
.order-md-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: 992px) {
.col-lg {
flex-basis : 0;
flex-grow : 1;
max-width : 100%;
}
.col-lg-auto {
flex : 0 0 auto;
width : auto;
max-width : none;
}
.col-lg-1 {
flex : 0 0 8.333333%;
max-width : 8.333333%;
}
.col-lg-2 {
flex : 0 0 16.666667%;
max-width : 16.666667%;
}
.col-lg-3 {
flex : 0 0 25%;
max-width : 25%;
}
.col-lg-4 {
flex : 0 0 33.333333%;
max-width : 33.333333%;
}
.col-lg-5 {
flex : 0 0 41.666667%;
max-width : 41.666667%;
}
.col-lg-6 {
flex : 0 0 50%;
max-width : 50%;
}
.col-lg-7 {
flex : 0 0 58.333333%;
max-width : 58.333333%;
}
.col-lg-8 {
flex : 0 0 66.666667%;
max-width : 66.666667%;
}
.col-lg-9 {
flex : 0 0 75%;
max-width : 75%;
}
.col-lg-10 {
flex : 0 0 83.333333%;
max-width : 83.333333%;
}
.col-lg-11 {
flex : 0 0 91.666667%;
max-width : 91.666667%;
}
.col-lg-12 {
flex : 0 0 100%;
max-width : 100%;
}
.order-lg-first {
order : -1;
}
.order-lg-1 {
order : 1;
}
.order-lg-2 {
order : 2;
}
.order-lg-3 {
order : 3;
}
.order-lg-4 {
order : 4;
}
.order-lg-5 {
order : 5;
}
.order-lg-6 {
order : 6;
}
.order-lg-7 {
order : 7;
}
.order-lg-8 {
order : 8;
}
.order-lg-9 {
order : 9;
}
.order-lg-10 {
order : 10;
}
.order-lg-11 {
order : 11;
}
.order-lg-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 {
flex-basis : 0;
flex-grow : 1;
max-width : 100%;
}
.col-xl-auto {
flex : 0 0 auto;
width : auto;
max-width : none;
}
.col-xl-1 {
flex : 0 0 8.333333%;
max-width : 8.333333%;
}
.col-xl-2 {
flex : 0 0 16.666667%;
max-width : 16.666667%;
}
.col-xl-3 {
flex : 0 0 25%;
max-width : 25%;
}
.col-xl-4 {
flex : 0 0 33.333333%;
max-width : 33.333333%;
}
.col-xl-5 {
flex : 0 0 41.666667%;
max-width : 41.666667%;
}
.col-xl-6 {
flex : 0 0 50%;
max-width : 50%;
}
.col-xl-7 {
flex : 0 0 58.333333%;
max-width : 58.333333%;
}
.col-xl-8 {
flex : 0 0 66.666667%;
max-width : 66.666667%;
}
.col-xl-9 {
flex : 0 0 75%;
max-width : 75%;
}
.col-xl-10 {
flex : 0 0 83.333333%;
max-width : 83.333333%;
}
.col-xl-11 {
flex : 0 0 91.666667%;
max-width : 91.666667%;
}
.col-xl-12 {
flex : 0 0 100%;
max-width : 100%;
}
.order-xl-first {
order : -1;
}
.order-xl-1 {
order : 1;
}
.order-xl-2 {
order : 2;
}
.order-xl-3 {
order : 3;
}
.order-xl-4 {
order : 4;
}
.order-xl-5 {
order : 5;
}
.order-xl-6 {
order : 6;
}
.order-xl-7 {
order : 7;
}
.order-xl-8 {
order : 8;
}
.order-xl-9 {
order : 9;
}
.order-xl-10 {
order : 10;
}
.order-xl-11 {
order : 11;
}
.order-xl-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%;
}
}
.table {
width : 100%;
max-width : 100%;
margin-bottom : 1rem;
background-color : transparent;
}
.table th, .table td {
padding : 0.75rem;
vertical-align : top;
border-top : 1px solid #e9ecef;
}
.table thead th {
vertical-align : bottom;
border-bottom : 2px solid #e9ecef;
}
.table tbody + tbody {
border-top : 2px solid #e9ecef;
}
.table .table {
background-color : #fff;
}
.table-sm th, .table-sm td {
padding : 0.3rem;
}
.table-bordered {
border : #e9ecef solid 1px;
}
.table-bordered th, .table-bordered td {
border : #e9ecef solid 1px;
}
.table-bordered thead th, .table-bordered thead td {
border-bottom-width : 2px;
}
.table-striped tbody tr:nth-of-type(odd) {
background-color : rgb(0, 0, 0, 0.05);
}
.table-hover tbody tr:hover {
background-color : rgb(0, 0, 0, 0.075);
}
.table-primary, .table-primary > th, .table-primary > td {
background-color : #b8daff;
}
.table-hover .table-primary:hover {
background-color : #9fcdff;
}
.table-hover .table-primary:hover > td, .table-hover .table-primary:hover > th {
background-color : #9fcdff;
}
.table-secondary, .table-secondary > th, .table-secondary > td {
background-color : #dddfe2;
}
.table-hover .table-secondary:hover {
background-color : #cfd2d6;
}
.table-hover .table-secondary:hover > td, .table-hover .table-secondary:hover > th {
background-color : #cfd2d6;
}
.table-success, .table-success > th, .table-success > td {
background-color : #c3e6cb;
}
.table-hover .table-success:hover {
background-color : #b1dfbb;
}
.table-hover .table-success:hover > td, .table-hover .table-success:hover > th {
background-color : #b1dfbb;
}
.table-info, .table-info > th, .table-info > td {
background-color : #bee5eb;
}
.table-hover .table-info:hover {
background-color : #abdde5;
}
.table-hover .table-info:hover > td, .table-hover .table-info:hover > th {
background-color : #abdde5;
}
.table-warning, .table-warning > th, .table-warning > td {
background-color : #ffeeba;
}
.table-hover .table-warning:hover {
background-color : #ffe8a1;
}
.table-hover .table-warning:hover > td, .table-hover .table-warning:hover > th {
background-color : #ffe8a1;
}
.table-danger, .table-danger > th, .table-danger > td {
background-color : #f5c6cb;
}
.table-hover .table-danger:hover {
background-color : #f1b0b7;
}
.table-hover .table-danger:hover > td, .table-hover .table-danger:hover > th {
background-color : #f1b0b7;
}
.table-light, .table-light > th, .table-light > td {
background-color : #fdfdfe;
}
.table-hover .table-light:hover {
background-color : #ececf6;
}
.table-hover .table-light:hover > td, .table-hover .table-light:hover > th {
background-color : #ececf6;
}
.table-dark, .table-dark > th, .table-dark > td {
background-color : #c6c8ca;
}
.table-hover .table-dark:hover {
background-color : #b9bbbe;
}
.table-hover .table-dark:hover > td, .table-hover .table-dark:hover > th {
background-color : #b9bbbe;
}
.table-active, .table-active > th, .table-active > td {
background-color : rgb(0, 0, 0, 0.075);
}
.table-hover .table-active:hover {
background-color : rgb(0, 0, 0, 0.075);
}
.table-hover .table-active:hover > td, .table-hover .table-active:hover > th {
background-color : rgb(0, 0, 0, 0.075);
}
.table .thead-dark th {
color : #fff;
background-color : #212529;
border-color : #32383e;
}
.table .thead-light th {
color : #495057;
background-color : #e9ecef;
border-color : #e9ecef;
}
.table-dark {
color : #fff;
background-color : #212529;
}
.table-dark th, .table-dark td, .table-dark thead th {
border-color : #32383e;
}
.table-dark.table-bordered {
border : 0;
}
.table-dark.table-striped tbody tr:nth-of-type(odd) {
background-color : rgb(255, 255, 255, 0.05);
}
.table-dark.table-hover tbody tr:hover {
background-color : rgb(255, 255, 255, 0.075);
}
@media (max-width: 575px) {
.table-responsive-sm {
display : block;
width : 100%;
overflow-x : auto;
}
.table-responsive-sm.table-bordered {
border : 0;
}
}
@media (max-width: 767px) {
.table-responsive-md {
display : block;
width : 100%;
overflow-x : auto;
}
.table-responsive-md.table-bordered {
border : 0;
}
}
@media (max-width: 991px) {
.table-responsive-lg {
display : block;
width : 100%;
overflow-x : auto;
}
.table-responsive-lg.table-bordered {
border : 0;
}
}
@media (max-width: 1199px) {
.table-responsive-xl {
display : block;
width : 100%;
overflow-x : auto;
}
.table-responsive-xl.table-bordered {
border : 0;
}
}
.table-responsive {
display : block;
width : 100%;
overflow-x : auto;
}
.table-responsive.table-bordered {
border : 0;
}
.form-control {
display : block;
width : 100%;
padding : 0.375rem 0.75rem;
font-size : 1rem;
line-height : 1.5;
color : #495057;
background-color : #fff;
background-image : none;
background-clip : padding-box;
border : #ced4da solid 1px;
border-radius : 0.25rem;
transition : border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
.form-control::-ms-expand {
background-color : transparent;
border : 0;
}
.form-control:focus {
color : #495057;
background-color : #fff;
border-color : #80bdff;
outline : 0;
box-shadow : 0 0 0 0.2rem rgb(0, 123, 255, 0.25);
}
.form-control::-webkit-input-placeholder {
color : #868e96;
opacity : 1;
}
.form-control:-ms-input-placeholder {
color : #868e96;
opacity : 1;
}
.form-control::-ms-input-placeholder {
color : #868e96;
opacity : 1;
}
.form-control::placeholder {
color : #868e96;
opacity : 1;
}
.form-control:disabled, .form-control[readonly] {
background-color : #e9ecef;
opacity : 1;
}
select.form-control:focus::-ms-value {
color : #495057;
background-color : #fff;
}
.form-control-file, .form-control-range {
display : block;
}
.col-form-label {
margin-bottom : 0;
line-height : 1.5;
}
.col-form-label-lg {
font-size : 1.25rem;
line-height : 1.5;
}
.col-form-label-sm {
font-size : 0.875rem;
line-height : 1.5;
}
.col-form-legend {
padding-top : 0.375rem;
padding-bottom : 0.375rem;
margin-bottom : 0;
font-size : 1rem;
}
.form-control-plaintext {
padding-top : 0.375rem;
padding-bottom : 0.375rem;
margin-bottom : 0;
line-height : 1.5;
background-color : transparent;
border : transparent solid;
border-width : 1px 0;
}
.form-control-plaintext.form-control-sm, .input-group-sm > .form-control-plaintext.form-control, .input-group-sm > .form-control-plaintext.input-group-addon, .input-group-sm > .input-group-btn > .form-control-plaintext.btn, .form-control-plaintext.form-control-lg, .input-group-lg > .form-control-plaintext.form-control, .input-group-lg > .form-control-plaintext.input-group-addon, .input-group-lg > .input-group-btn > .form-control-plaintext.btn {
padding-right : 0;
padding-left : 0;
}
.form-control-sm, .input-group-sm > .form-control, .input-group-sm > .input-group-addon, .input-group-sm > .input-group-btn > .btn {
padding : 0.25rem 0.5rem;
font-size : 0.875rem;
line-height : 1.5;
border-radius : 0.2rem;
}
.form-control-lg, .input-group-lg > .form-control, .input-group-lg > .input-group-addon, .input-group-lg > .input-group-btn > .btn {
padding : 0.5rem 1rem;
font-size : 1.25rem;
line-height : 1.5;
border-radius : 0.3rem;
}
.form-group {
margin-bottom : 1rem;
}
.form-text {
display : block;
margin-top : 0.25rem;
}
.form-row {
display : flex;
flex-wrap : wrap;
margin-right : -5px;
margin-left : -5px;
}
.form-row > .col, .form-row > [class*="col-"] {
padding-right : 5px;
padding-left : 5px;
}
.form-check {
position : relative;
display : block;
margin-bottom : 0.5rem;
}
.form-check.disabled .form-check-label {
color : #868e96;
}
.form-check-label {
padding-left : 1.25rem;
margin-bottom : 0;
}
.form-check-input {
position : absolute;
margin-top : 0.25rem;
margin-left : -1.25rem;
}
.form-check-inline {
display : inline-block;
margin-right : 0.75rem;
}
.form-check-inline .form-check-label {
vertical-align : middle;
}
.valid-feedback {
display : none;
margin-top : 0.25rem;
font-size : 0.875rem;
color : #28a745;
}
.valid-tooltip {
position : absolute;
top : 100%;
z-index : 5;
display : none;
width : 250px;
padding : 0.5rem;
margin-top : 0.1rem;
font-size : 0.875rem;
line-height : 1;
color : #fff;
background-color : rgb(40, 167, 69, 0.8);
border-radius : 0.2rem;
}
.was-validated .form-control:valid, .form-control.is-valid, .was-validated .custom-select:valid, .custom-select.is-valid {
border-color : #28a745;
}
.was-validated .form-control:valid:focus, .form-control.is-valid:focus, .was-validated .custom-select:valid:focus, .custom-select.is-valid:focus {
box-shadow : 0 0 0 0.2rem rgb(40, 167, 69, 0.25);
}
.was-validated .form-control:valid ~ .valid-feedback, .was-validated .form-control:valid ~ .valid-tooltip, .form-control.is-valid ~ .valid-feedback, .form-control.is-valid ~ .valid-tooltip, .was-validated .custom-select:valid ~ .valid-feedback, .was-validated .custom-select:valid ~ .valid-tooltip, .custom-select.is-valid ~ .valid-feedback, .custom-select.is-valid ~ .valid-tooltip {
display : block;
}
.was-validated .form-check-input:valid + .form-check-label, .form-check-input.is-valid + .form-check-label {
color : #28a745;
}
.was-validated .custom-control-input:valid ~ .custom-control-indicator, .custom-control-input.is-valid ~ .custom-control-indicator {
background-color : rgb(40, 167, 69, 0.25);
}
.was-validated .custom-control-input:valid ~ .custom-control-description, .custom-control-input.is-valid ~ .custom-control-description {
color : #28a745;
}
.was-validated .custom-file-input:valid ~ .custom-file-control, .custom-file-input.is-valid ~ .custom-file-control {
border-color : #28a745;
}
.was-validated .custom-file-input:valid ~ .custom-file-control::before, .custom-file-input.is-valid ~ .custom-file-control::before {
border-color : inherit;
}
.was-validated .custom-file-input:valid:focus, .custom-file-input.is-valid:focus {
box-shadow : 0 0 0 0.2rem rgb(40, 167, 69, 0.25);
}
.invalid-feedback {
display : none;
margin-top : 0.25rem;
font-size : 0.875rem;
color : #fdb819;
}
.invalid-tooltip {
position : absolute;
top : 100%;
z-index : 5;
display : none;
width : 250px;
padding : 0.5rem;
margin-top : 0.1rem;
font-size : 0.875rem;
line-height : 1;
color : #fff;
background-color : rgb(220, 53, 69, 0.8);
border-radius : 0.2rem;
}
.was-validated .form-control:invalid, .form-control.is-invalid, .was-validated .custom-select:invalid, .custom-select.is-invalid {
border-color : #fdb819;
}
.was-validated .form-control:invalid:focus, .form-control.is-invalid:focus, .was-validated .custom-select:invalid:focus, .custom-select.is-invalid:focus {
box-shadow : 0 0 0 0.2rem rgb(220, 53, 69, 0.25);
}
.was-validated .form-control:invalid ~ .invalid-feedback, .was-validated .form-control:invalid ~ .invalid-tooltip, .form-control.is-invalid ~ .invalid-feedback, .form-control.is-invalid ~ .invalid-tooltip, .was-validated .custom-select:invalid ~ .invalid-feedback, .was-validated .custom-select:invalid ~ .invalid-tooltip, .custom-select.is-invalid ~ .invalid-feedback, .custom-select.is-invalid ~ .invalid-tooltip {
display : block;
}
.was-validated .form-check-input:invalid + .form-check-label, .form-check-input.is-invalid + .form-check-label {
color : #fdb819;
}
.was-validated .custom-control-input:invalid ~ .custom-control-indicator, .custom-control-input.is-invalid ~ .custom-control-indicator {
background-color : rgb(220, 53, 69, 0.25);
}
.was-validated .custom-control-input:invalid ~ .custom-control-description, .custom-control-input.is-invalid ~ .custom-control-description {
color : #fdb819;
}
.was-validated .custom-file-input:invalid ~ .custom-file-control, .custom-file-input.is-invalid ~ .custom-file-control {
border-color : #fdb819;
}
.was-validated .custom-file-input:invalid ~ .custom-file-control::before, .custom-file-input.is-invalid ~ .custom-file-control::before {
border-color : inherit;
}
.was-validated .custom-file-input:invalid:focus, .custom-file-input.is-invalid:focus {
box-shadow : 0 0 0 0.2rem rgb(220, 53, 69, 0.25);
}
.form-inline {
display : flex;
flex-flow : row wrap;
align-items : center;
}
.form-inline .form-check {
width : 100%;
}
@media (min-width: 576px) {
.form-inline label {
display : flex;
align-items : center;
justify-content : center;
margin-bottom : 0;
}
.form-inline .form-group {
display : flex;
flex : 0 0 auto;
flex-flow : row wrap;
align-items : center;
margin-bottom : 0;
}
.form-inline .form-control {
display : inline-block;
width : auto;
vertical-align : middle;
}
.form-inline .form-control-plaintext {
display : inline-block;
}
.form-inline .input-group {
width : auto;
}
.form-inline .form-check {
display : flex;
align-items : center;
justify-content : center;
width : auto;
margin-top : 0;
margin-bottom : 0;
}
.form-inline .form-check-label {
padding-left : 0;
}
.form-inline .form-check-input {
position : relative;
margin-top : 0;
margin-right : 0.25rem;
margin-left : 0;
}
.form-inline .custom-control {
display : flex;
align-items : center;
justify-content : center;
padding-left : 0;
}
.form-inline .custom-control-indicator {
position : static;
display : inline-block;
margin-right : 0.25rem;
vertical-align : text-bottom;
}
.form-inline .has-feedback .form-control-feedback {
top : 0;
}
}
.btn {
display : inline-block;
font-weight : 400;
text-align : center;
white-space : nowrap;
vertical-align : middle;
user-select : none;
border : transparent solid 1px;
padding : 0.375rem 0.75rem;
font-size : 1rem;
line-height : 1.5;
border-radius : 0.25rem;
transition : background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
.btn:focus, .btn:hover {
text-decoration : none;
}
.btn:focus, .btn.focus {
outline : 0;
box-shadow : 0 0 0 0.2rem rgb(0, 123, 255, 0.25);
}
.btn.disabled, .btn:disabled {
opacity : 0.65;
}
.btn:not([disabled]):not(.disabled):active, .btn:not([disabled]):not(.disabled).active {
background-image : none;
}
a.btn.disabled, fieldset[disabled] a.btn {
pointer-events : none;
}
.btn-primary {
color : #fff;
background-color : #007bff;
border-color : #007bff;
}
.btn-primary:hover {
color : #fff;
background-color : #0069d9;
border-color : #0062cc;
}
.btn-primary:focus, .btn-primary.focus {
box-shadow : 0 0 0 0.2rem rgb(0, 123, 255, 0.5);
}
.btn-primary.disabled, .btn-primary:disabled {
background-color : #007bff;
border-color : #007bff;
}
.btn-primary:not([disabled]):not(.disabled):active, .btn-primary:not([disabled]):not(.disabled).active, .show > .btn-primary.dropdown-toggle {
color : #fff;
background-color : #0062cc;
border-color : #005cbf;
box-shadow : 0 0 0 0.2rem rgb(0, 123, 255, 0.5);
}
.btn-secondary {
color : #fff;
background-color : #868e96;
border-color : #868e96;
}
.btn-secondary:hover {
color : #fff;
background-color : #727b84;
border-color : #6c757d;
}
.btn-secondary:focus, .btn-secondary.focus {
box-shadow : 0 0 0 0.2rem rgb(134, 142, 150, 0.5);
}
.btn-secondary.disabled, .btn-secondary:disabled {
background-color : #868e96;
border-color : #868e96;
}
.btn-secondary:not([disabled]):not(.disabled):active, .btn-secondary:not([disabled]):not(.disabled).active, .show > .btn-secondary.dropdown-toggle {
color : #fff;
background-color : #6c757d;
border-color : #666e76;
box-shadow : 0 0 0 0.2rem rgb(134, 142, 150, 0.5);
}
.btn-success {
color : #fff;
background-color : #28a745;
border-color : #28a745;
}
.btn-success:hover {
color : #fff;
background-color : #218838;
border-color : #1e7e34;
}
.btn-success:focus, .btn-success.focus {
box-shadow : 0 0 0 0.2rem rgb(40, 167, 69, 0.5);
}
.btn-success.disabled, .btn-success:disabled {
background-color : #28a745;
border-color : #28a745;
}
.btn-success:not([disabled]):not(.disabled):active, .btn-success:not([disabled]):not(.disabled).active, .show > .btn-success.dropdown-toggle {
color : #fff;
background-color : #1e7e34;
border-color : #1c7430;
box-shadow : 0 0 0 0.2rem rgb(40, 167, 69, 0.5);
}
.btn-info {
color : #fff;
background-color : #17a2b8;
border-color : #17a2b8;
}
.btn-info:hover {
color : #fff;
background-color : #138496;
border-color : #117a8b;
}
.btn-info:focus, .btn-info.focus {
box-shadow : 0 0 0 0.2rem rgb(23, 162, 184, 0.5);
}
.btn-info.disabled, .btn-info:disabled {
background-color : #17a2b8;
border-color : #17a2b8;
}
.btn-info:not([disabled]):not(.disabled):active, .btn-info:not([disabled]):not(.disabled).active, .show > .btn-info.dropdown-toggle {
color : #fff;
background-color : #117a8b;
border-color : #10707f;
box-shadow : 0 0 0 0.2rem rgb(23, 162, 184, 0.5);
}
.btn-warning {
color : #111;
background-color : #ffc107;
border-color : #ffc107;
}
.btn-warning:hover {
color : #111;
background-color : #e0a800;
border-color : #d39e00;
}
.btn-warning:focus, .btn-warning.focus {
box-shadow : 0 0 0 0.2rem rgb(255, 193, 7, 0.5);
}
.btn-warning.disabled, .btn-warning:disabled {
background-color : #ffc107;
border-color : #ffc107;
}
.btn-warning:not([disabled]):not(.disabled):active, .btn-warning:not([disabled]):not(.disabled).active, .show > .btn-warning.dropdown-toggle {
color : #111;
background-color : #d39e00;
border-color : #c69500;
box-shadow : 0 0 0 0.2rem rgb(255, 193, 7, 0.5);
}
.btn-danger {
color : #fff;
background-color : #fdb819;
border-color : #fdb819;
}
.btn-danger:hover {
color : #fff;
background-color : #000;
border-color : #fdb819;
}
.btn-danger:focus, .btn-danger.focus {
box-shadow : 0 0 0 0.2rem rgb(0, 0, 0, 0.5);
}
.btn-danger.disabled, .btn-danger:disabled {
background-color : #fdb819;
border-color : #fdb819;
}
.btn-danger:not([disabled]):not(.disabled):active, .btn-danger:not([disabled]):not(.disabled).active, .show > .btn-danger.dropdown-toggle {
color : #fff;
background-color : #fdb819;
border-color : #000;
box-shadow : 0 0 0 0.2rem rgb(220, 53, 69, 0.5);
}
.btn-light {
color : #111;
background-color : #f8f9fa;
border-color : #f8f9fa;
}
.btn-light:hover {
color : #111;
background-color : #e2e6ea;
border-color : #dae0e5;
}
.btn-light:focus, .btn-light.focus {
box-shadow : 0 0 0 0.2rem rgb(248, 249, 250, 0.5);
}
.btn-light.disabled, .btn-light:disabled {
background-color : #f8f9fa;
border-color : #f8f9fa;
}
.btn-light:not([disabled]):not(.disabled):active, .btn-light:not([disabled]):not(.disabled).active, .show > .btn-light.dropdown-toggle {
color : #111;
background-color : #dae0e5;
border-color : #d3d9df;
box-shadow : 0 0 0 0.2rem rgb(248, 249, 250, 0.5);
}
.btn-dark {
color : #fff;
background-color : #343a40;
border-color : #343a40;
}
.btn-dark:hover {
color : #fff;
background-color : #23272b;
border-color : #1d2124;
}
.btn-dark:focus, .btn-dark.focus {
box-shadow : 0 0 0 0.2rem rgb(52, 58, 64, 0.5);
}
.btn-dark.disabled, .btn-dark:disabled {
background-color : #343a40;
border-color : #343a40;
}
.btn-dark:not([disabled]):not(.disabled):active, .btn-dark:not([disabled]):not(.disabled).active, .show > .btn-dark.dropdown-toggle {
color : #fff;
background-color : #1d2124;
border-color : #171a1d;
box-shadow : 0 0 0 0.2rem rgb(52, 58, 64, 0.5);
}
.btn-outline-primary {
color : #007bff;
background-color : transparent;
background-image : none;
border-color : #007bff;
}
.btn-outline-primary:hover {
color : #fff;
background-color : #007bff;
border-color : #007bff;
}
.btn-outline-primary:focus, .btn-outline-primary.focus {
box-shadow : 0 0 0 0.2rem rgb(0, 123, 255, 0.5);
}
.btn-outline-primary.disabled, .btn-outline-primary:disabled {
color : #007bff;
background-color : transparent;
}
.btn-outline-primary:not([disabled]):not(.disabled):active, .btn-outline-primary:not([disabled]):not(.disabled).active, .show > .btn-outline-primary.dropdown-toggle {
color : #fff;
background-color : #007bff;
border-color : #007bff;
box-shadow : 0 0 0 0.2rem rgb(0, 123, 255, 0.5);
}
.btn-outline-secondary {
color : #868e96;
background-color : transparent;
background-image : none;
border-color : #868e96;
}
.btn-outline-secondary:hover {
color : #fff;
background-color : #868e96;
border-color : #868e96;
}
.btn-outline-secondary:focus, .btn-outline-secondary.focus {
box-shadow : 0 0 0 0.2rem rgb(134, 142, 150, 0.5);
}
.btn-outline-secondary.disabled, .btn-outline-secondary:disabled {
color : #868e96;
background-color : transparent;
}
.btn-outline-secondary:not([disabled]):not(.disabled):active, .btn-outline-secondary:not([disabled]):not(.disabled).active, .show > .btn-outline-secondary.dropdown-toggle {
color : #fff;
background-color : #868e96;
border-color : #868e96;
box-shadow : 0 0 0 0.2rem rgb(134, 142, 150, 0.5);
}
.btn-outline-success {
color : #28a745;
background-color : transparent;
background-image : none;
border-color : #28a745;
}
.btn-outline-success:hover {
color : #fff;
background-color : #28a745;
border-color : #28a745;
}
.btn-outline-success:focus, .btn-outline-success.focus {
box-shadow : 0 0 0 0.2rem rgb(40, 167, 69, 0.5);
}
.btn-outline-success.disabled, .btn-outline-success:disabled {
color : #28a745;
background-color : transparent;
}
.btn-outline-success:not([disabled]):not(.disabled):active, .btn-outline-success:not([disabled]):not(.disabled).active, .show > .btn-outline-success.dropdown-toggle {
color : #fff;
background-color : #28a745;
border-color : #28a745;
box-shadow : 0 0 0 0.2rem rgb(40, 167, 69, 0.5);
}
.btn-outline-info {
color : #17a2b8;
background-color : transparent;
background-image : none;
border-color : #17a2b8;
}
.btn-outline-info:hover {
color : #fff;
background-color : #17a2b8;
border-color : #17a2b8;
}
.btn-outline-info:focus, .btn-outline-info.focus {
box-shadow : 0 0 0 0.2rem rgb(23, 162, 184, 0.5);
}
.btn-outline-info.disabled, .btn-outline-info:disabled {
color : #17a2b8;
background-color : transparent;
}
.btn-outline-info:not([disabled]):not(.disabled):active, .btn-outline-info:not([disabled]):not(.disabled).active, .show > .btn-outline-info.dropdown-toggle {
color : #fff;
background-color : #17a2b8;
border-color : #17a2b8;
box-shadow : 0 0 0 0.2rem rgb(23, 162, 184, 0.5);
}
.btn-outline-warning {
color : #ffc107;
background-color : transparent;
background-image : none;
border-color : #ffc107;
}
.btn-outline-warning:hover {
color : #fff;
background-color : #ffc107;
border-color : #ffc107;
}
.btn-outline-warning:focus, .btn-outline-warning.focus {
box-shadow : 0 0 0 0.2rem rgb(255, 193, 7, 0.5);
}
.btn-outline-warning.disabled, .btn-outline-warning:disabled {
color : #ffc107;
background-color : transparent;
}
.btn-outline-warning:not([disabled]):not(.disabled):active, .btn-outline-warning:not([disabled]):not(.disabled).active, .show > .btn-outline-warning.dropdown-toggle {
color : #fff;
background-color : #ffc107;
border-color : #ffc107;
box-shadow : 0 0 0 0.2rem rgb(255, 193, 7, 0.5);
}
.btn-outline-danger {
color : #fdb819;
background-color : transparent;
background-image : none;
border-color : #fdb819;
}
.btn-outline-danger:hover {
color : #fff;
background-color : #fdb819;
border-color : #fdb819;
}
.btn-outline-danger:focus, .btn-outline-danger.focus {
box-shadow : 0 0 0 0.2rem rgb(220, 53, 69, 0.5);
}
.btn-outline-danger.disabled, .btn-outline-danger:disabled {
color : #fdb819;
background-color : transparent;
}
.btn-outline-danger:not([disabled]):not(.disabled):active, .btn-outline-danger:not([disabled]):not(.disabled).active, .show > .btn-outline-danger.dropdown-toggle {
color : #fff;
background-color : #fdb819;
border-color : #fdb819;
box-shadow : 0 0 0 0.2rem rgb(220, 53, 69, 0.5);
}
.btn-outline-light {
color : #f8f9fa;
background-color : transparent;
background-image : none;
border-color : #f8f9fa;
}
.btn-outline-light:hover {
color : #212529;
background-color : #f8f9fa;
border-color : #f8f9fa;
}
.btn-outline-light:focus, .btn-outline-light.focus {
box-shadow : 0 0 0 0.2rem rgb(248, 249, 250, 0.5);
}
.btn-outline-light.disabled, .btn-outline-light:disabled {
color : #f8f9fa;
background-color : transparent;
}
.btn-outline-light:not([disabled]):not(.disabled):active, .btn-outline-light:not([disabled]):not(.disabled).active, .show > .btn-outline-light.dropdown-toggle {
color : #212529;
background-color : #f8f9fa;
border-color : #f8f9fa;
box-shadow : 0 0 0 0.2rem rgb(248, 249, 250, 0.5);
}
.btn-outline-dark {
color : #343a40;
background-color : transparent;
background-image : none;
border-color : #343a40;
}
.btn-outline-dark:hover {
color : #fff;
background-color : #343a40;
border-color : #343a40;
}
.btn-outline-dark:focus, .btn-outline-dark.focus {
box-shadow : 0 0 0 0.2rem rgb(52, 58, 64, 0.5);
}
.btn-outline-dark.disabled, .btn-outline-dark:disabled {
color : #343a40;
background-color : transparent;
}
.btn-outline-dark:not([disabled]):not(.disabled):active, .btn-outline-dark:not([disabled]):not(.disabled).active, .show > .btn-outline-dark.dropdown-toggle {
color : #fff;
background-color : #343a40;
border-color : #343a40;
box-shadow : 0 0 0 0.2rem rgb(52, 58, 64, 0.5);
}
.btn-link {
font-weight : 400;
color : #007bff;
background-color : transparent;
}
.btn-link:hover {
color : #0056b3;
text-decoration : underline;
background-color : transparent;
border-color : transparent;
}
.btn-link:focus, .btn-link.focus {
border-color : transparent;
box-shadow : none;
}
.btn-link:disabled, .btn-link.disabled {
color : #868e96;
}
.btn-lg, .btn-group-lg > .btn {
padding : 0.5rem 1rem;
font-size : 1.25rem;
line-height : 1.5;
border-radius : 0.3rem;
}
.btn-sm, .btn-group-sm > .btn {
padding : 0.25rem 0.5rem;
font-size : 0.875rem;
line-height : 1.5;
border-radius : 0.2rem;
}
.btn-block {
display : block;
width : 100%;
}
.btn-block + .btn-block {
margin-top : 0.5rem;
}
input[type="submit"].btn-block, input[type="reset"].btn-block, input[type="button"].btn-block {
width : 100%;
}
.fade {
opacity : 0;
transition : opacity 0.15s linear;
}
.fade.show {
opacity : 1;
}
.collapse {
display : none;
}
.collapse.show {
display : block;
}
tr.collapse.show {
display : table-row;
}
tbody.collapse.show {
display : table-row-group;
}
.collapsing {
position : relative;
height : 0;
overflow : hidden;
transition : height 0.35s ease;
}
.dropup, .dropdown {
position : relative;
}
.dropdown-toggle::after {
display : inline-block;
width : 0;
height : 0;
margin-left : 0.255em;
vertical-align : 0.255em;
content : "";
border-top : 0.3em solid;
border-right : 0.3em solid transparent;
border-bottom : 0;
border-left : 0.3em solid transparent;
}
.dropdown-toggle:empty::after {
margin-left : 0;
}
.dropdown-menu {
position : absolute;
top : 100%;
left : 0;
z-index : 1000;
display : none;
float : left;
min-width : 10rem;
padding : 0.5rem 0;
margin : 0.125rem 0 0;
font-size : 1rem;
color : #212529;
text-align : left;
list-style : none;
background-color : #fff;
background-clip : padding-box;
border : rgb(0, 0, 0, 0.15) solid 1px;
border-radius : 0.25rem;
}
.dropup .dropdown-menu {
margin-top : 0;
margin-bottom : 0.125rem;
}
.dropup .dropdown-toggle::after {
display : inline-block;
width : 0;
height : 0;
margin-left : 0.255em;
vertical-align : 0.255em;
content : "";
border-top : 0;
border-right : 0.3em solid transparent;
border-bottom : 0.3em solid;
border-left : 0.3em solid transparent;
}
.dropup .dropdown-toggle:empty::after {
margin-left : 0;
}
.dropdown-divider {
height : 0;
margin : 0.5rem 0;
overflow : hidden;
border-top : 1px solid #e9ecef;
}
.dropdown-item {
display : block;
width : 100%;
padding : 0.25rem 1.5rem;
clear : both;
font-weight : 400;
color : #212529;
text-align : inherit;
white-space : nowrap;
background : 0;
border : 0;
}
.dropdown-item:focus, .dropdown-item:hover {
color : #16181b;
text-decoration : none;
background-color : #f8f9fa;
}
.dropdown-item.active, .dropdown-item:active {
color : #fff;
text-decoration : none;
background-color : #007bff;
}
.dropdown-item.disabled, .dropdown-item:disabled {
color : #868e96;
background-color : transparent;
}
.dropdown-menu.show {
display : block;
}
.dropdown-header {
display : block;
padding : 0.5rem 1.5rem;
margin-bottom : 0;
font-size : 0.875rem;
color : #868e96;
white-space : nowrap;
}
.btn-group, .btn-group-vertical {
position : relative;
display : inline-flex;
vertical-align : middle;
}
.btn-group > .btn, .btn-group-vertical > .btn {
position : relative;
flex : 0 1 auto;
}
.btn-group > .btn:hover, .btn-group-vertical > .btn:hover {
z-index : 2;
}
.btn-group > .btn:focus, .btn-group > .btn:active, .btn-group > .btn.active, .btn-group-vertical > .btn:focus, .btn-group-vertical > .btn:active, .btn-group-vertical > .btn.active {
z-index : 2;
}
.btn-group .btn + .btn, .btn-group .btn + .btn-group, .btn-group .btn-group + .btn, .btn-group .btn-group + .btn-group, .btn-group-vertical .btn + .btn, .btn-group-vertical .btn + .btn-group, .btn-group-vertical .btn-group + .btn, .btn-group-vertical .btn-group + .btn-group {
margin-left : -1px;
}
.btn-toolbar {
display : flex;
flex-wrap : wrap;
justify-content : flex-start;
}
.btn-toolbar .input-group {
width : auto;
}
.btn-group > .btn:not(:first-child):not(:last-child):not(.dropdown-toggle) {
border-radius : 0;
}
.btn-group > .btn:first-child {
margin-left : 0;
}
.btn-group > .btn:first-child:not(:last-child):not(.dropdown-toggle) {
border-top-right-radius : 0;
border-bottom-right-radius : 0;
}
.btn-group > .btn:last-child:not(:first-child), .btn-group > .dropdown-toggle:not(:first-child) {
border-top-left-radius : 0;
border-bottom-left-radius : 0;
}
.btn-group > .btn-group {
float : left;
}
.btn-group > .btn-group:not(:first-child):not(:last-child) > .btn {
border-radius : 0;
}
.btn-group > .btn-group:first-child:not(:last-child) > .btn:last-child, .btn-group > .btn-group:first-child:not(:last-child) > .dropdown-toggle {
border-top-right-radius : 0;
border-bottom-right-radius : 0;
}
.btn-group > .btn-group:last-child:not(:first-child) > .btn:first-child {
border-top-left-radius : 0;
border-bottom-left-radius : 0;
}
.btn + .dropdown-toggle-split {
padding-right : 0.5625rem;
padding-left : 0.5625rem;
}
.btn + .dropdown-toggle-split::after {
margin-left : 0;
}
.btn-sm + .dropdown-toggle-split, .btn-group-sm > .btn + .dropdown-toggle-split {
padding-right : 0.375rem;
padding-left : 0.375rem;
}
.btn-lg + .dropdown-toggle-split, .btn-group-lg > .btn + .dropdown-toggle-split {
padding-right : 0.75rem;
padding-left : 0.75rem;
}
.btn-group-vertical {
flex-direction : column;
align-items : flex-start;
justify-content : center;
}
.btn-group-vertical .btn, .btn-group-vertical .btn-group {
width : 100%;
}
.btn-group-vertical > .btn + .btn, .btn-group-vertical > .btn + .btn-group, .btn-group-vertical > .btn-group + .btn, .btn-group-vertical > .btn-group + .btn-group {
margin-top : -1px;
margin-left : 0;
}
.btn-group-vertical > .btn:not(:first-child):not(:last-child) {
border-radius : 0;
}
.btn-group-vertical > .btn:first-child:not(:last-child) {
border-bottom-right-radius : 0;
border-bottom-left-radius : 0;
}
.btn-group-vertical > .btn:last-child:not(:first-child) {
border-top-left-radius : 0;
border-top-right-radius : 0;
}
.btn-group-vertical > .btn-group:not(:first-child):not(:last-child) > .btn {
border-radius : 0;
}
.btn-group-vertical > .btn-group:first-child:not(:last-child) > .btn:last-child, .btn-group-vertical > .btn-group:first-child:not(:last-child) > .dropdown-toggle {
border-bottom-right-radius : 0;
border-bottom-left-radius : 0;
}
.btn-group-vertical > .btn-group:last-child:not(:first-child) > .btn:first-child {
border-top-left-radius : 0;
border-top-right-radius : 0;
}
[data-toggle="buttons"] > .btn input[type="radio"], [data-toggle="buttons"] > .btn input[type="checkbox"], [data-toggle="buttons"] > .btn-group > .btn input[type="radio"], [data-toggle="buttons"] > .btn-group > .btn input[type="checkbox"] {
position : absolute;
clip : rect(0,0,0,0);
pointer-events : none;
}
.input-group {
position : relative;
display : flex;
align-items : stretch;
width : 100%;
}
.input-group .form-control {
position : relative;
z-index : 2;
flex : 1 1 auto;
width : 1%;
margin-bottom : 0;
}
.input-group .form-control:focus, .input-group .form-control:active, .input-group .form-control:hover {
z-index : 3;
}
.input-group-addon, .input-group-btn, .input-group .form-control {
display : flex;
align-items : center;
}
.input-group-addon:not(:first-child):not(:last-child), .input-group-btn:not(:first-child):not(:last-child), .input-group .form-control:not(:first-child):not(:last-child) {
border-radius : 0;
}
.input-group-addon, .input-group-btn {
white-space : nowrap;
}
.input-group-addon {
padding : 0.375rem 0.75rem;
margin-bottom : 0;
font-size : 1rem;
font-weight : 400;
line-height : 1.5;
color : #495057;
text-align : center;
background-color : #e9ecef;
border : #ced4da solid 1px;
border-radius : 0.25rem;
}
.input-group-addon.form-control-sm, .input-group-sm > .input-group-addon, .input-group-sm > .input-group-btn > .input-group-addon.btn {
padding : 0.25rem 0.5rem;
font-size : 0.875rem;
border-radius : 0.2rem;
}
.input-group-addon.form-control-lg, .input-group-lg > .input-group-addon, .input-group-lg > .input-group-btn > .input-group-addon.btn {
padding : 0.5rem 1rem;
font-size : 1.25rem;
border-radius : 0.3rem;
}
.input-group-addon input[type="radio"], .input-group-addon input[type="checkbox"] {
margin-top : 0;
}
.input-group .form-control:not(:last-child), .input-group-addon:not(:last-child), .input-group-btn:not(:last-child) > .btn, .input-group-btn:not(:last-child) > .btn-group > .btn, .input-group-btn:not(:last-child) > .dropdown-toggle, .input-group-btn:not(:first-child) > .btn:not(:last-child):not(.dropdown-toggle), .input-group-btn:not(:first-child) > .btn-group:not(:last-child) > .btn {
border-top-right-radius : 0;
border-bottom-right-radius : 0;
}
.input-group-addon:not(:last-child) {
border-right : 0;
}
.input-group .form-control:not(:first-child), .input-group-addon:not(:first-child), .input-group-btn:not(:first-child) > .btn, .input-group-btn:not(:first-child) > .btn-group > .btn, .input-group-btn:not(:first-child) > .dropdown-toggle, .input-group-btn:not(:last-child) > .btn:not(:first-child), .input-group-btn:not(:last-child) > .btn-group:not(:first-child) > .btn {
border-top-left-radius : 0;
border-bottom-left-radius : 0;
}
.form-control + .input-group-addon:not(:first-child) {
border-left : 0;
}
.input-group-btn {
position : relative;
align-items : stretch;
font-size : 0;
white-space : nowrap;
}
.input-group-btn > .btn {
position : relative;
}
.input-group-btn > .btn + .btn {
margin-left : -1px;
}
.input-group-btn > .btn:focus, .input-group-btn > .btn:active, .input-group-btn > .btn:hover {
z-index : 3;
}
.input-group-btn:first-child > .btn + .btn {
margin-left : 0;
}
.input-group-btn:not(:last-child) > .btn, .input-group-btn:not(:last-child) > .btn-group {
margin-right : -1px;
}
.input-group-btn:not(:first-child) > .btn, .input-group-btn:not(:first-child) > .btn-group {
z-index : 2;
margin-left : 0;
}
.input-group-btn:not(:first-child) > .btn:first-child, .input-group-btn:not(:first-child) > .btn-group:first-child {
margin-left : -1px;
}
.input-group-btn:not(:first-child) > .btn:focus, .input-group-btn:not(:first-child) > .btn:active, .input-group-btn:not(:first-child) > .btn:hover, .input-group-btn:not(:first-child) > .btn-group:focus, .input-group-btn:not(:first-child) > .btn-group:active, .input-group-btn:not(:first-child) > .btn-group:hover {
z-index : 3;
}
.custom-control {
position : relative;
display : inline-flex;
min-height : 1.5rem;
padding-left : 1.5rem;
margin-right : 1rem;
}
.custom-control-input {
position : absolute;
z-index : -1;
opacity : 0;
}
.custom-control-input:checked ~ .custom-control-indicator {
color : #fff;
background-color : #007bff;
}
.custom-control-input:focus ~ .custom-control-indicator {
box-shadow : 0 0 0 1px #fff, 0 0 0 0.2rem rgb(0, 123, 255, 0.25);
}
.custom-control-input:active ~ .custom-control-indicator {
color : #fff;
background-color : #b3d7ff;
}
.custom-control-input:disabled ~ .custom-control-indicator {
background-color : #e9ecef;
}
.custom-control-input:disabled ~ .custom-control-description {
color : #868e96;
}
.custom-control-indicator {
position : absolute;
top : 0.25rem;
left : 0;
display : block;
width : 1rem;
height : 1rem;
pointer-events : none;
user-select : none;
background-color : #ddd;
background-repeat : no-repeat;
background-position : center center;
background-size : 50% 50%;
}
.custom-checkbox .custom-control-indicator {
border-radius : 0.25rem;
}
.custom-checkbox .custom-control-input:checked ~ .custom-control-indicator {
background-image : url("data:image/svg+xml;charset=utf8,%3Csvgxmlns='http://www.w3.org/2000/svg'viewBox='0088'%3E%3Cpathfill='%23fff'd='M6.564.75l-3.593.612-1.538-1.55L04.262.9747.2582.193z'/%3E%3C/svg%3E");
}
.custom-checkbox .custom-control-input:indeterminate ~ .custom-control-indicator {
background-color : #007bff;
background-image : url("data:image/svg+xml;charset=utf8,%3Csvgxmlns='http://www.w3.org/2000/svg'viewBox='0044'%3E%3Cpathstroke='%23fff'd='M02h4'/%3E%3C/svg%3E");
}
.custom-radio .custom-control-indicator {
border-radius : 50%;
}
.custom-radio .custom-control-input:checked ~ .custom-control-indicator {
background-image : url("data:image/svg+xml;charset=utf8,%3Csvgxmlns='http://www.w3.org/2000/svg'viewBox='-4-488'%3E%3Ccircler='3'fill='%23fff'/%3E%3C/svg%3E");
}
.custom-controls-stacked {
display : flex;
flex-direction : column;
}
.custom-controls-stacked .custom-control {
margin-bottom : 0.25rem;
}
.custom-controls-stacked .custom-control + .custom-control {
margin-left : 0;
}
.custom-select {
display : inline-block;
max-width : 100%;
padding : 0.375rem 1.75rem 0.375rem 0.75rem;
line-height : 1.5;
color : #495057;
vertical-align : middle;
background : url("data:image/svg+xml;charset=utf8,%3Csvgxmlns='http://www.w3.org/2000/svg'viewBox='0045'%3E%3Cpathfill='%23333'd='M20L02h4zm05L03h4z'/%3E%3C/svg%3E") right 0.75rem center no-repeat #fff;
background-size : 8px 10px;
border : #ced4da solid 1px;
border-radius : 0.25rem;
appearance : none;
}
.custom-select:focus {
border-color : #80bdff;
outline : 0;
}
.custom-select:focus::-ms-value {
color : #495057;
background-color : #fff;
}
.custom-select[multiple] {
height : auto;
background-image : none;
}
.custom-select:disabled {
color : #868e96;
background-color : #e9ecef;
}
.custom-select::-ms-expand {
opacity : 0;
}
.custom-select-sm {
padding-top : 0.375rem;
padding-bottom : 0.375rem;
font-size : 75%;
}
.custom-file {
position : relative;
display : inline-block;
max-width : 100%;
margin-bottom : 0;
}
.custom-file-input {
min-width : 14rem;
max-width : 100%;
margin : 0;
opacity : 0;
}
.custom-file-input:focus ~ .custom-file-control {
box-shadow : 0 0 0 0.075rem #fff, 0 0 0 0.2rem #007bff;
}
.custom-file-control {
position : absolute;
top : 0;
right : 0;
left : 0;
z-index : 5;
padding : 0.375rem 0.75rem;
line-height : 1.5;
color : #495057;
pointer-events : none;
user-select : none;
background-color : #fff;
border : #ced4da solid 1px;
border-radius : 0.25rem;
}
.custom-file-control:lang(en):empty::after {
content : "Choose file...";
}
.custom-file-control::before {
position : absolute;
top : -1px;
right : -1px;
bottom : -1px;
z-index : 6;
display : block;
padding : 0.375rem 0.75rem;
line-height : 1.5;
color : #495057;
background-color : #e9ecef;
border : #ced4da solid 1px;
border-radius : 0 0.25rem 0.25rem 0;
}
.custom-file-control:lang(en)::before {
content : "Browse";
}
.nav {
display : flex;
flex-wrap : wrap;
padding-left : 0;
margin-bottom : 0;
list-style : none;
}
.nav-link {
display : block;
padding : 0.5rem 1rem;
}
.nav-link:focus, .nav-link:hover {
text-decoration : none;
}
.nav-link.disabled {
color : #868e96;
}
.nav-tabs {
border-bottom : 1px solid #ddd;
}
.nav-tabs .nav-item {
margin-bottom : -1px;
}
.nav-tabs .nav-link {
border : transparent solid 1px;
border-top-left-radius : 0.25rem;
border-top-right-radius : 0.25rem;
}
.nav-tabs .nav-link:focus, .nav-tabs .nav-link:hover {
border-color : #e9ecef #e9ecef #ddd;
}
.nav-tabs .nav-link.disabled {
color : #868e96;
background-color : transparent;
border-color : transparent;
}
.nav-tabs .nav-link.active, .nav-tabs .nav-item.show .nav-link {
color : #495057;
background-color : #fff;
border-color : #ddd #ddd #fff;
}
.nav-tabs .dropdown-menu {
margin-top : -1px;
border-top-left-radius : 0;
border-top-right-radius : 0;
}
.nav-pills .nav-link {
border-radius : 0.25rem;
}
.nav-pills .nav-link.active, .nav-pills .show > .nav-link {
color : #fff;
background-color : #007bff;
}
.nav-fill .nav-item {
flex : 1 1 auto;
text-align : center;
}
.nav-justified .nav-item {
flex-basis : 0;
flex-grow : 1;
text-align : center;
}
.tab-content > .tab-pane {
display : none;
}
.tab-content > .active {
display : block;
}
.navbar {
position : relative;
display : flex;
flex-wrap : wrap;
align-items : center;
justify-content : space-between;
padding : 0.5rem 1rem;
}
.navbar > .container, .navbar > .container-fluid {
display : flex;
flex-wrap : wrap;
align-items : center;
justify-content : space-between;
}
.navbar-brand {
display : inline-block;
padding-top : 0.3125rem;
padding-bottom : 0.3125rem;
margin-right : 1rem;
font-size : 1.25rem;
line-height : inherit;
white-space : nowrap;
}
.navbar-brand:focus, .navbar-brand:hover {
text-decoration : none;
}
.navbar-nav {
display : flex;
flex-direction : column;
padding-left : 0;
margin-bottom : 0;
list-style : none;
}
.navbar-nav .nav-link {
padding-right : 0;
padding-left : 0;
}
.navbar-nav .dropdown-menu {
position : static;
float : none;
}
.navbar-text {
display : inline-block;
padding-top : 0.5rem;
padding-bottom : 0.5rem;
}
.navbar-collapse {
flex-basis : 100%;
flex-grow : 1;
align-items : center;
}
.navbar-toggler {
padding : 0.25rem 0.75rem;
font-size : 1.25rem;
line-height : 1;
background : transparent;
border : transparent solid 1px;
border-radius : 0.25rem;
}
.navbar-toggler:focus, .navbar-toggler:hover {
text-decoration : none;
}
.navbar-toggler-icon {
display : inline-block;
width : 1.5em;
height : 1.5em;
vertical-align : middle;
content : "";
background : center center no-repeat;
background-size : 100% 100%;
}
@media (max-width: 575px) {
.navbar-expand-sm > .container, .navbar-expand-sm > .container-fluid {
padding-right : 0;
padding-left : 0;
}
}
@media (min-width: 576px) {
.navbar-expand-sm {
flex-flow : row nowrap;
justify-content : flex-start;
}
.navbar-expand-sm .navbar-nav {
flex-direction : row;
}
.navbar-expand-sm .navbar-nav .dropdown-menu {
position : absolute;
}
.navbar-expand-sm .navbar-nav .dropdown-menu-right {
right : 0;
left : auto;
}
.navbar-expand-sm .navbar-nav .nav-link {
padding-right : 0.5rem;
padding-left : 0.5rem;
}
.navbar-expand-sm > .container, .navbar-expand-sm > .container-fluid {
flex-wrap : nowrap;
}
.navbar-expand-sm .navbar-collapse {
display : flex !important ;
flex-basis : auto;
}
.navbar-expand-sm .navbar-toggler {
display : none;
}
.navbar-expand-sm .dropup .dropdown-menu {
top : auto;
bottom : 100%;
}
}
@media (max-width: 767px) {
.navbar-expand-md > .container, .navbar-expand-md > .container-fluid {
padding-right : 0;
padding-left : 0;
}
}
@media (min-width: 768px) {
.navbar-expand-md {
flex-flow : row nowrap;
justify-content : flex-start;
}
.navbar-expand-md .navbar-nav {
flex-direction : row;
}
.navbar-expand-md .navbar-nav .dropdown-menu {
position : absolute;
}
.navbar-expand-md .navbar-nav .dropdown-menu-right {
right : 0;
left : auto;
}
.navbar-expand-md .navbar-nav .nav-link {
padding-right : 0.5rem;
padding-left : 0.5rem;
}
.navbar-expand-md > .container, .navbar-expand-md > .container-fluid {
flex-wrap : nowrap;
}
.navbar-expand-md .navbar-collapse {
display : flex !important ;
flex-basis : auto;
}
.navbar-expand-md .navbar-toggler {
display : none;
}
.navbar-expand-md .dropup .dropdown-menu {
top : auto;
bottom : 100%;
}
}
@media (max-width: 991px) {
.navbar-expand-lg > .container, .navbar-expand-lg > .container-fluid {
padding-right : 0;
padding-left : 0;
}
}
@media (min-width: 992px) {
.navbar-expand-lg {
flex-flow : row nowrap;
justify-content : flex-start;
}
.navbar-expand-lg .navbar-nav {
flex-direction : row;
}
.navbar-expand-lg .navbar-nav .dropdown-menu {
position : absolute;
}
.navbar-expand-lg .navbar-nav .dropdown-menu-right {
right : 0;
left : auto;
}
.navbar-expand-lg .navbar-nav .nav-link {
padding-right : 0.5rem;
padding-left : 0.5rem;
}
.navbar-expand-lg > .container, .navbar-expand-lg > .container-fluid {
flex-wrap : nowrap;
}
.navbar-expand-lg .navbar-collapse {
display : flex !important ;
flex-basis : auto;
}
.navbar-expand-lg .navbar-toggler {
display : none;
}
.navbar-expand-lg .dropup .dropdown-menu {
top : auto;
bottom : 100%;
}
}
@media (max-width: 1199px) {
.navbar-expand-xl > .container, .navbar-expand-xl > .container-fluid {
padding-right : 0;
padding-left : 0;
}
}
@media (min-width: 1200px) {
.navbar-expand-xl {
flex-flow : row nowrap;
justify-content : flex-start;
}
.navbar-expand-xl .navbar-nav {
flex-direction : row;
}
.navbar-expand-xl .navbar-nav .dropdown-menu {
position : absolute;
}
.navbar-expand-xl .navbar-nav .dropdown-menu-right {
right : 0;
left : auto;
}
.navbar-expand-xl .navbar-nav .nav-link {
padding-right : 0.5rem;
padding-left : 0.5rem;
}
.navbar-expand-xl > .container, .navbar-expand-xl > .container-fluid {
flex-wrap : nowrap;
}
.navbar-expand-xl .navbar-collapse {
display : flex !important ;
flex-basis : auto;
}
.navbar-expand-xl .navbar-toggler {
display : none;
}
.navbar-expand-xl .dropup .dropdown-menu {
top : auto;
bottom : 100%;
}
}
.navbar-expand {
flex-flow : row nowrap;
justify-content : flex-start;
}
.navbar-expand > .container, .navbar-expand > .container-fluid {
padding-right : 0;
padding-left : 0;
}
.navbar-expand .navbar-nav {
flex-direction : row;
}
.navbar-expand .navbar-nav .dropdown-menu {
position : absolute;
}
.navbar-expand .navbar-nav .dropdown-menu-right {
right : 0;
left : auto;
}
.navbar-expand .navbar-nav .nav-link {
padding-right : 0.5rem;
padding-left : 0.5rem;
}
.navbar-expand > .container, .navbar-expand > .container-fluid {
flex-wrap : nowrap;
}
.navbar-expand .navbar-collapse {
display : flex !important ;
flex-basis : auto;
}
.navbar-expand .navbar-toggler {
display : none;
}
.navbar-expand .dropup .dropdown-menu {
top : auto;
bottom : 100%;
}
.navbar-light .navbar-brand {
color : rgb(0, 0, 0, 0.9);
}
.navbar-light .navbar-brand:focus, .navbar-light .navbar-brand:hover {
color : rgb(0, 0, 0, 0.9);
}
.navbar-light .navbar-nav .nav-link {
color : rgb(0, 0, 0, 0.5);
}
.navbar-light .navbar-nav .nav-link:focus, .navbar-light .navbar-nav .nav-link:hover {
color : rgb(0, 0, 0, 0.7);
}
.navbar-light .navbar-nav .nav-link.disabled {
color : rgb(0, 0, 0, 0.3);
}
.navbar-light .navbar-nav .show > .nav-link, .navbar-light .navbar-nav .active > .nav-link, .navbar-light .navbar-nav .nav-link.show, .navbar-light .navbar-nav .nav-link.active {
color : rgb(0, 0, 0, 0.9);
}
.navbar-light .navbar-toggler {
color : rgb(0, 0, 0, 0.5);
border-color : rgb(0, 0, 0, 0.1);
}
.navbar-light .navbar-toggler-icon {
background-image : url("data:image/svg+xml;charset=utf8,%3CsvgviewBox='003030'xmlns='http://www.w3.org/2000/svg'%3E%3Cpathstroke='rgba(0,0,0,0.5)'stroke-width='2'stroke-linecap='round'stroke-miterlimit='10'd='M47h22M415h22M423h22'/%3E%3C/svg%3E");
}
.navbar-light .navbar-text {
color : rgb(0, 0, 0, 0.5);
}
.navbar-light .navbar-text a {
color : rgb(0, 0, 0, 0.9);
}
.navbar-light .navbar-text a:focus, .navbar-light .navbar-text a:hover {
color : rgb(0, 0, 0, 0.9);
}
.navbar-dark .navbar-brand {
color : #fff;
}
.navbar-dark .navbar-brand:focus, .navbar-dark .navbar-brand:hover {
color : #fff;
}
.navbar-dark .navbar-nav .nav-link {
color : rgb(255, 255, 255, 0.5);
}
.navbar-dark .navbar-nav .nav-link:focus, .navbar-dark .navbar-nav .nav-link:hover {
color : rgb(255, 255, 255, 0.75);
}
.navbar-dark .navbar-nav .nav-link.disabled {
color : rgb(255, 255, 255, 0.25);
}
.navbar-dark .navbar-nav .show > .nav-link, .navbar-dark .navbar-nav .active > .nav-link, .navbar-dark .navbar-nav .nav-link.show, .navbar-dark .navbar-nav .nav-link.active {
color : #fff;
}
.navbar-dark .navbar-toggler {
color : rgb(255, 255, 255, 0.5);
border-color : rgb(255, 255, 255, 0.1);
}
.navbar-dark .navbar-toggler-icon {
background-image : url("data:image/svg+xml;charset=utf8,%3CsvgviewBox='003030'xmlns='http://www.w3.org/2000/svg'%3E%3Cpathstroke='rgba(255,255,255,0.5)'stroke-width='2'stroke-linecap='round'stroke-miterlimit='10'd='M47h22M415h22M423h22'/%3E%3C/svg%3E");
}
.navbar-dark .navbar-text {
color : rgb(255, 255, 255, 0.5);
}
.navbar-dark .navbar-text a {
color : #fff;
}
.navbar-dark .navbar-text a:focus, .navbar-dark .navbar-text a:hover {
color : #fff;
}
.card {
position : relative;
display : flex;
flex-direction : column;
min-width : 0;
overflow-wrap : break-word;
background-color : #fff;
background-clip : border-box;
border : rgb(0, 0, 0, 0.125) solid 1px;
border-radius : 0.25rem;
}
.card > hr {
margin-right : 0;
margin-left : 0;
}
.card > .list-group:first-child .list-group-item:first-child {
border-top-left-radius : 0.25rem;
border-top-right-radius : 0.25rem;
}
.card > .list-group:last-child .list-group-item:last-child {
border-bottom-right-radius : 0.25rem;
border-bottom-left-radius : 0.25rem;
}
.card-body {
flex : 1 1 auto;
padding : 1.25rem;
}
.card-title {
margin-bottom : 0.75rem;
}
.card-subtitle {
margin-top : -0.375rem;
margin-bottom : 0;
}
.card-text:last-child {
margin-bottom : 0;
}
.card-link:hover {
text-decoration : none;
}
.card-link + .card-link {
margin-left : 1.25rem;
}
.card-header {
padding : 0.75rem 1.25rem;
margin-bottom : 0;
background-color : rgb(0, 0, 0, 0.03);
border-bottom : 1px solid rgb(0, 0, 0, 0.125);
}
.card-header:first-child {
border-radius : calc(0.25rem - 1px) calc(0.25rem - 1px) 0 0;
}
.card-header + .list-group .list-group-item:first-child {
border-top : 0;
}
.card-footer {
padding : 0.75rem 1.25rem;
background-color : rgb(0, 0, 0, 0.03);
border-top : 1px solid rgb(0, 0, 0, 0.125);
}
.card-footer:last-child {
border-radius : 0 0 calc(0.25rem - 1px) calc(0.25rem - 1px);
}
.card-header-tabs {
margin-right : -0.625rem;
margin-bottom : -0.75rem;
margin-left : -0.625rem;
border-bottom : 0;
}
.card-header-pills {
margin-right : -0.625rem;
margin-left : -0.625rem;
}
.card-img-overlay {
position : absolute;
top : 0;
right : 0;
bottom : 0;
left : 0;
padding : 1.25rem;
}
.card-img {
width : 100%;
border-radius : calc(0.25rem - 1px);
}
.card-img-top {
width : 100%;
border-top-left-radius : calc(0.25rem - 1px);
border-top-right-radius : calc(0.25rem - 1px);
}
.card-img-bottom {
width : 100%;
border-bottom-right-radius : calc(0.25rem - 1px);
border-bottom-left-radius : calc(0.25rem - 1px);
}
.card-deck {
display : flex;
flex-direction : column;
}
.card-deck .card {
margin-bottom : 15px;
}
@media (min-width: 576px) {
.card-deck {
flex-flow : row wrap;
margin-right : -15px;
margin-left : -15px;
}
.card-deck .card {
display : flex;
flex : 1 0 0;
flex-direction : column;
margin-right : 15px;
margin-bottom : 0;
margin-left : 15px;
}
}
.card-group {
display : flex;
flex-direction : column;
}
.card-group .card {
margin-bottom : 15px;
}
@media (min-width: 576px) {
.card-group {
flex-flow : row wrap;
}
.card-group .card {
flex : 1 0 0;
margin-bottom : 0;
}
.card-group .card + .card {
margin-left : 0;
border-left : 0;
}
.card-group .card:first-child {
border-top-right-radius : 0;
border-bottom-right-radius : 0;
}
.card-group .card:first-child .card-img-top {
border-top-right-radius : 0;
}
.card-group .card:first-child .card-img-bottom {
border-bottom-right-radius : 0;
}
.card-group .card:last-child {
border-top-left-radius : 0;
border-bottom-left-radius : 0;
}
.card-group .card:last-child .card-img-top {
border-top-left-radius : 0;
}
.card-group .card:last-child .card-img-bottom {
border-bottom-left-radius : 0;
}
.card-group .card:only-child {
border-radius : 0.25rem;
}
.card-group .card:only-child .card-img-top {
border-top-left-radius : 0.25rem;
border-top-right-radius : 0.25rem;
}
.card-group .card:only-child .card-img-bottom {
border-bottom-right-radius : 0.25rem;
border-bottom-left-radius : 0.25rem;
}
.card-group .card:not(:first-child):not(:last-child):not(:only-child) {
border-radius : 0;
}
.card-group .card:not(:first-child):not(:last-child):not(:only-child) .card-img-top, .card-group .card:not(:first-child):not(:last-child):not(:only-child) .card-img-bottom {
border-radius : 0;
}
}
.card-columns .card {
margin-bottom : 0.75rem;
}
@media (min-width: 576px) {
.card-columns {
column-count : 3;
column-gap : 1.25rem;
}
.card-columns .card {
display : inline-block;
width : 100%;
}
}
.breadcrumb {
display : flex;
flex-wrap : wrap;
padding : 0.75rem 1rem;
margin-bottom : 1rem;
list-style : none;
background-color : #e9ecef;
border-radius : 0.25rem;
}
.breadcrumb-item + .breadcrumb-item::before {
display : inline-block;
padding-right : 0.5rem;
padding-left : 0.5rem;
color : #868e96;
content : "/";
}
.breadcrumb-item + .breadcrumb-item:hover::before {
text-decoration : underline;
}
.breadcrumb-item + .breadcrumb-item:hover::before {
text-decoration : none;
}
.breadcrumb-item.active {
color : #868e96;
}
.pagination {
display : flex;
padding-left : 0;
list-style : none;
border-radius : 0.25rem;
}
.page-item:first-child .page-link {
margin-left : 0;
border-top-left-radius : 0.25rem;
border-bottom-left-radius : 0.25rem;
}
.page-item:last-child .page-link {
border-top-right-radius : 0.25rem;
border-bottom-right-radius : 0.25rem;
}
.page-item.active .page-link {
z-index : 2;
color : #fff;
background-color : #007bff;
border-color : #007bff;
}
.page-item.disabled .page-link {
color : #868e96;
pointer-events : none;
background-color : #fff;
border-color : #ddd;
}
.page-link {
position : relative;
display : block;
padding : 0.5rem 0.75rem;
margin-left : -1px;
line-height : 1.25;
color : #007bff;
background-color : #fff;
border : #ddd solid 1px;
}
.page-link:focus, .page-link:hover {
color : #0056b3;
text-decoration : none;
background-color : #e9ecef;
border-color : #ddd;
}
.pagination-lg .page-link {
padding : 0.75rem 1.5rem;
font-size : 1.25rem;
line-height : 1.5;
}
.pagination-lg .page-item:first-child .page-link {
border-top-left-radius : 0.3rem;
border-bottom-left-radius : 0.3rem;
}
.pagination-lg .page-item:last-child .page-link {
border-top-right-radius : 0.3rem;
border-bottom-right-radius : 0.3rem;
}
.pagination-sm .page-link {
padding : 0.25rem 0.5rem;
font-size : 0.875rem;
line-height : 1.5;
}
.pagination-sm .page-item:first-child .page-link {
border-top-left-radius : 0.2rem;
border-bottom-left-radius : 0.2rem;
}
.pagination-sm .page-item:last-child .page-link {
border-top-right-radius : 0.2rem;
border-bottom-right-radius : 0.2rem;
}
.badge {
display : inline-block;
padding : 0.25em 0.4em;
font-size : 75%;
font-weight : 700;
line-height : 1;
text-align : center;
white-space : nowrap;
vertical-align : baseline;
border-radius : 0.25rem;
}
.badge:empty {
display : none;
}
.btn .badge {
position : relative;
top : -1px;
}
.badge-pill {
padding-right : 0.6em;
padding-left : 0.6em;
border-radius : 10rem;
}
.badge-primary {
color : #fff;
background-color : #007bff;
}
.badge-primary[href]:focus, .badge-primary[href]:hover {
color : #fff;
text-decoration : none;
background-color : #0062cc;
}
.badge-secondary {
color : #fff;
background-color : #868e96;
}
.badge-secondary[href]:focus, .badge-secondary[href]:hover {
color : #fff;
text-decoration : none;
background-color : #6c757d;
}
.badge-success {
color : #fff;
background-color : #28a745;
}
.badge-success[href]:focus, .badge-success[href]:hover {
color : #fff;
text-decoration : none;
background-color : #1e7e34;
}
.badge-info {
color : #fff;
background-color : #17a2b8;
}
.badge-info[href]:focus, .badge-info[href]:hover {
color : #fff;
text-decoration : none;
background-color : #117a8b;
}
.badge-warning {
color : #111;
background-color : #ffc107;
}
.badge-warning[href]:focus, .badge-warning[href]:hover {
color : #111;
text-decoration : none;
background-color : #d39e00;
}
.badge-danger {
color : #fff;
background-color : #fdb819;
}
.badge-danger[href]:focus, .badge-danger[href]:hover {
color : #fff;
text-decoration : none;
background-color : #fdb819;
}
.badge-light {
color : #111;
background-color : #f8f9fa;
}
.badge-light[href]:focus, .badge-light[href]:hover {
color : #111;
text-decoration : none;
background-color : #dae0e5;
}
.badge-dark {
color : #fff;
background-color : #343a40;
}
.badge-dark[href]:focus, .badge-dark[href]:hover {
color : #fff;
text-decoration : none;
background-color : #1d2124;
}
.jumbotron {
padding : 2rem 1rem;
margin-bottom : 2rem;
background-color : #e9ecef;
border-radius : 0.3rem;
}
@media (min-width: 576px) {
.jumbotron {
padding : 4rem 2rem;
}
}
.jumbotron-fluid {
padding-right : 0;
padding-left : 0;
border-radius : 0;
}
.alert {
position : relative;
padding : 0.75rem 1.25rem;
margin-bottom : 1rem;
border : transparent solid 1px;
border-radius : 0.25rem;
}
.alert-heading {
color : inherit;
}
.alert-link {
font-weight : 700;
}
.alert-dismissible .close {
position : absolute;
top : 0;
right : 0;
padding : 0.75rem 1.25rem;
color : inherit;
}
.alert-primary {
color : #004085;
background-color : #cce5ff;
border-color : #b8daff;
}
.alert-primary hr {
border-top-color : #9fcdff;
}
.alert-primary .alert-link {
color : #002752;
}
.alert-secondary {
color : #464a4e;
background-color : #e7e8ea;
border-color : #dddfe2;
}
.alert-secondary hr {
border-top-color : #cfd2d6;
}
.alert-secondary .alert-link {
color : #2e3133;
}
.alert-success {
color : #155724;
background-color : #d4edda;
border-color : #c3e6cb;
}
.alert-success hr {
border-top-color : #b1dfbb;
}
.alert-success .alert-link {
color : #0b2e13;
}
.alert-info {
color : #0c5460;
background-color : #d1ecf1;
border-color : #bee5eb;
}
.alert-info hr {
border-top-color : #abdde5;
}
.alert-info .alert-link {
color : #062c33;
}
.alert-warning {
color : #856404;
background-color : #fff3cd;
border-color : #ffeeba;
}
.alert-warning hr {
border-top-color : #ffe8a1;
}
.alert-warning .alert-link {
color : #533f03;
}
.alert-danger {
color : #721c24;
background-color : #f8d7da;
border-color : #f5c6cb;
}
.alert-danger hr {
border-top-color : #f1b0b7;
}
.alert-danger .alert-link {
color : #491217;
}
.alert-light {
color : #818182;
background-color : #fefefe;
border-color : #fdfdfe;
}
.alert-light hr {
border-top-color : #ececf6;
}
.alert-light .alert-link {
color : #686868;
}
.alert-dark {
color : #1b1e21;
background-color : #d6d8d9;
border-color : #c6c8ca;
}
.alert-dark hr {
border-top-color : #b9bbbe;
}
.alert-dark .alert-link {
color : #040505;
}
@keyframes progress-bar-stripes {
from {
background-position : 1rem 0;
}
to {
background-position : 0 0;
}
}
.progress {
display : flex;
height : 1rem;
overflow : hidden;
font-size : 0.75rem;
background-color : #e9ecef;
border-radius : 0.25rem;
}
.progress-bar {
display : flex;
align-items : center;
justify-content : center;
color : #fff;
background-color : #007bff;
}
.progress-bar-striped {
background-image : linear-gradient(45deg, rgb(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgb(255, 255, 255, 0.15) 50%, rgb(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
background-size : 1rem 1rem;
}
.progress-bar-animated {
animation : progress-bar-stripes 1s linear infinite;
}
.media {
display : flex;
align-items : flex-start;
}
.media-body {
flex : 1;
}
.list-group {
display : flex;
flex-direction : column;
padding-left : 0;
margin-bottom : 0;
}
.list-group-item-action {
width : 100%;
color : #495057;
text-align : inherit;
}
.list-group-item-action:focus, .list-group-item-action:hover {
color : #495057;
text-decoration : none;
background-color : #f8f9fa;
}
.list-group-item-action:active {
color : #212529;
background-color : #e9ecef;
}
.list-group-item {
position : relative;
display : block;
padding : 0.75rem 1.25rem;
margin-bottom : -1px;
background-color : #fff;
border : rgb(0, 0, 0, 0.125) solid 1px;
}
.list-group-item:first-child {
border-top-left-radius : 0.25rem;
border-top-right-radius : 0.25rem;
}
.list-group-item:last-child {
margin-bottom : 0;
border-bottom-right-radius : 0.25rem;
border-bottom-left-radius : 0.25rem;
}
.list-group-item:focus, .list-group-item:hover {
text-decoration : none;
}
.list-group-item.disabled, .list-group-item:disabled {
color : #868e96;
background-color : #fff;
}
.list-group-item.active {
z-index : 2;
color : #fff;
background-color : #007bff;
border-color : #007bff;
}
.list-group-flush .list-group-item {
border-right : 0;
border-left : 0;
border-radius : 0;
}
.list-group-flush:first-child .list-group-item:first-child {
border-top : 0;
}
.list-group-flush:last-child .list-group-item:last-child {
border-bottom : 0;
}
.list-group-item-primary {
color : #004085;
background-color : #b8daff;
}
a.list-group-item-primary, button.list-group-item-primary {
color : #004085;
}
a.list-group-item-primary:focus, a.list-group-item-primary:hover, button.list-group-item-primary:focus, button.list-group-item-primary:hover {
color : #004085;
background-color : #9fcdff;
}
a.list-group-item-primary.active, button.list-group-item-primary.active {
color : #fff;
background-color : #004085;
border-color : #004085;
}
.list-group-item-secondary {
color : #464a4e;
background-color : #dddfe2;
}
a.list-group-item-secondary, button.list-group-item-secondary {
color : #464a4e;
}
a.list-group-item-secondary:focus, a.list-group-item-secondary:hover, button.list-group-item-secondary:focus, button.list-group-item-secondary:hover {
color : #464a4e;
background-color : #cfd2d6;
}
a.list-group-item-secondary.active, button.list-group-item-secondary.active {
color : #fff;
background-color : #464a4e;
border-color : #464a4e;
}
.list-group-item-success {
color : #155724;
background-color : #c3e6cb;
}
a.list-group-item-success, button.list-group-item-success {
color : #155724;
}
a.list-group-item-success:focus, a.list-group-item-success:hover, button.list-group-item-success:focus, button.list-group-item-success:hover {
color : #155724;
background-color : #b1dfbb;
}
a.list-group-item-success.active, button.list-group-item-success.active {
color : #fff;
background-color : #155724;
border-color : #155724;
}
.list-group-item-info {
color : #0c5460;
background-color : #bee5eb;
}
a.list-group-item-info, button.list-group-item-info {
color : #0c5460;
}
a.list-group-item-info:focus, a.list-group-item-info:hover, button.list-group-item-info:focus, button.list-group-item-info:hover {
color : #0c5460;
background-color : #abdde5;
}
a.list-group-item-info.active, button.list-group-item-info.active {
color : #fff;
background-color : #0c5460;
border-color : #0c5460;
}
.list-group-item-warning {
color : #856404;
background-color : #ffeeba;
}
a.list-group-item-warning, button.list-group-item-warning {
color : #856404;
}
a.list-group-item-warning:focus, a.list-group-item-warning:hover, button.list-group-item-warning:focus, button.list-group-item-warning:hover {
color : #856404;
background-color : #ffe8a1;
}
a.list-group-item-warning.active, button.list-group-item-warning.active {
color : #fff;
background-color : #856404;
border-color : #856404;
}
.list-group-item-danger {
color : #721c24;
background-color : #f5c6cb;
}
a.list-group-item-danger, button.list-group-item-danger {
color : #721c24;
}
a.list-group-item-danger:focus, a.list-group-item-danger:hover, button.list-group-item-danger:focus, button.list-group-item-danger:hover {
color : #721c24;
background-color : #f1b0b7;
}
a.list-group-item-danger.active, button.list-group-item-danger.active {
color : #fff;
background-color : #721c24;
border-color : #721c24;
}
.list-group-item-light {
color : #818182;
background-color : #fdfdfe;
}
a.list-group-item-light, button.list-group-item-light {
color : #818182;
}
a.list-group-item-light:focus, a.list-group-item-light:hover, button.list-group-item-light:focus, button.list-group-item-light:hover {
color : #818182;
background-color : #ececf6;
}
a.list-group-item-light.active, button.list-group-item-light.active {
color : #fff;
background-color : #818182;
border-color : #818182;
}
.list-group-item-dark {
color : #1b1e21;
background-color : #c6c8ca;
}
a.list-group-item-dark, button.list-group-item-dark {
color : #1b1e21;
}
a.list-group-item-dark:focus, a.list-group-item-dark:hover, button.list-group-item-dark:focus, button.list-group-item-dark:hover {
color : #1b1e21;
background-color : #b9bbbe;
}
a.list-group-item-dark.active, button.list-group-item-dark.active {
color : #fff;
background-color : #1b1e21;
border-color : #1b1e21;
}
.close {
float : right;
font-size : 1.5rem;
font-weight : 700;
line-height : 1;
color : #000;
text-shadow : 0 1px 0 #fff;
opacity : 0.5;
}
.close:focus, .close:hover {
color : #000;
text-decoration : none;
opacity : 0.75;
}
button.close {
padding : 0;
background : transparent;
border : 0;
}
.modal-open {
overflow : hidden;
}
.modal {
position : fixed;
top : 0;
right : 0;
bottom : 0;
left : 0;
z-index : 1050;
display : none;
overflow : hidden;
outline : 0;
}
.modal.fade .modal-dialog {
transition : transform 0.3s ease-out;
transform : translate(0,-25%);
}
.modal.show .modal-dialog {
transform : translate(0,0);
}
.modal-open .modal {
overflow-x : hidden;
overflow-y : auto;
}
.modal-dialog {
position : relative;
width : auto;
margin : 10px;
pointer-events : none;
}
.modal-content {
position : relative;
display : flex;
flex-direction : column;
pointer-events : auto;
background-color : #fff;
background-clip : padding-box;
border : rgb(0, 0, 0, 0.2) solid 1px;
border-radius : 0.3rem;
outline : 0;
}
.modal-backdrop {
position : fixed;
top : 0;
right : 0;
bottom : 0;
left : 0;
z-index : 1040;
background-color : #000;
}
.modal-backdrop.fade {
opacity : 0;
}
.modal-backdrop.show {
opacity : 0.5;
}
.modal-header {
display : flex;
align-items : flex-start;
justify-content : space-between;
padding : 15px;
border-bottom : 1px solid #e9ecef;
border-top-left-radius : 0.3rem;
border-top-right-radius : 0.3rem;
}
.modal-header .close {
padding : 15px;
margin : -15px -15px -15px auto;
}
.modal-title {
margin-bottom : 0;
line-height : 1.5;
}
.modal-body {
position : relative;
flex : 1 1 auto;
padding : 15px;
}
.modal-footer {
display : flex;
align-items : center;
justify-content : flex-end;
padding : 15px;
border-top : 1px solid #e9ecef;
}
.modal-footer > :not(:first-child) {
margin-left : 0.25rem;
}
.modal-footer > :not(:last-child) {
margin-right : 0.25rem;
}
.modal-scrollbar-measure {
position : absolute;
top : -9999px;
width : 50px;
height : 50px;
overflow : scroll;
}
@media (min-width: 576px) {
.modal-dialog {
max-width : 500px;
margin : 30px auto;
}
.modal-sm {
max-width : 300px;
}
}
@media (min-width: 992px) {
.modal-lg {
max-width : 800px;
}
}
.tooltip {
position : absolute;
z-index : 1070;
display : block;
margin : 0;
font-style : normal;
font-weight : 400;
line-height : 1.5;
text-align : left;
text-align : start;
text-decoration : none;
text-shadow : none;
text-transform : none;
letter-spacing : normal;
word-break : normal;
word-spacing : normal;
white-space : normal;
line-break : auto;
font-size : 0.875rem;
overflow-wrap : break-word;
opacity : 0;
}
.tooltip.show {
opacity : 0.9;
}
.tooltip .arrow {
position : absolute;
display : block;
width : 5px;
height : 5px;
}
.tooltip .arrow::before {
position : absolute;
border-color : transparent;
border-style : solid;
}
.tooltip.bs-tooltip-top, .tooltip.bs-tooltip-auto[x-placement^="top"] {
padding : 5px 0;
}
.tooltip.bs-tooltip-top .arrow, .tooltip.bs-tooltip-auto[x-placement^="top"] .arrow {
bottom : 0;
}
.tooltip.bs-tooltip-top .arrow::before, .tooltip.bs-tooltip-auto[x-placement^="top"] .arrow::before {
margin-left : -3px;
content : "";
border-width : 5px 5px 0;
border-top-color : #000;
}
.tooltip.bs-tooltip-right, .tooltip.bs-tooltip-auto[x-placement^="right"] {
padding : 0 5px;
}
.tooltip.bs-tooltip-right .arrow, .tooltip.bs-tooltip-auto[x-placement^="right"] .arrow {
left : 0;
}
.tooltip.bs-tooltip-right .arrow::before, .tooltip.bs-tooltip-auto[x-placement^="right"] .arrow::before {
margin-top : -3px;
content : "";
border-width : 5px 5px 5px 0;
border-right-color : #000;
}
.tooltip.bs-tooltip-bottom, .tooltip.bs-tooltip-auto[x-placement^="bottom"] {
padding : 5px 0;
}
.tooltip.bs-tooltip-bottom .arrow, .tooltip.bs-tooltip-auto[x-placement^="bottom"] .arrow {
top : 0;
}
.tooltip.bs-tooltip-bottom .arrow::before, .tooltip.bs-tooltip-auto[x-placement^="bottom"] .arrow::before {
margin-left : -3px;
content : "";
border-width : 0 5px 5px;
border-bottom-color : #000;
}
.tooltip.bs-tooltip-left, .tooltip.bs-tooltip-auto[x-placement^="left"] {
padding : 0 5px;
}
.tooltip.bs-tooltip-left .arrow, .tooltip.bs-tooltip-auto[x-placement^="left"] .arrow {
right : 0;
}
.tooltip.bs-tooltip-left .arrow::before, .tooltip.bs-tooltip-auto[x-placement^="left"] .arrow::before {
right : 0;
margin-top : -3px;
content : "";
border-width : 5px 0 5px 5px;
border-left-color : #000;
}
.tooltip-inner {
max-width : 200px;
padding : 3px 8px;
color : #fff;
text-align : center;
background-color : #000;
border-radius : 0.25rem;
}
.popover {
position : absolute;
top : 0;
left : 0;
z-index : 1060;
display : block;
max-width : 276px;
font-style : normal;
font-weight : 400;
line-height : 1.5;
text-align : left;
text-align : start;
text-decoration : none;
text-shadow : none;
text-transform : none;
letter-spacing : normal;
word-break : normal;
word-spacing : normal;
white-space : normal;
line-break : auto;
font-size : 0.875rem;
overflow-wrap : break-word;
background-color : #fff;
background-clip : padding-box;
border : rgb(0, 0, 0, 0.2) solid 1px;
border-radius : 0.3rem;
}
.popover .arrow {
position : absolute;
display : block;
width : 0.8rem;
height : 0.4rem;
}
.popover .arrow::before, .popover .arrow::after {
position : absolute;
display : block;
border-color : transparent;
border-style : solid;
}
.popover .arrow::before {
content : "";
border-width : 0.8rem;
}
.popover .arrow::after {
content : "";
border-width : 0.8rem;
}
.popover.bs-popover-top, .popover.bs-popover-auto[x-placement^="top"] {
margin-bottom : 0.8rem;
}
.popover.bs-popover-top .arrow, .popover.bs-popover-auto[x-placement^="top"] .arrow {
bottom : 0;
}
.popover.bs-popover-top .arrow::before, .popover.bs-popover-auto[x-placement^="top"] .arrow::before, .popover.bs-popover-top .arrow::after, .popover.bs-popover-auto[x-placement^="top"] .arrow::after {
border-bottom-width : 0;
}
.popover.bs-popover-top .arrow::before, .popover.bs-popover-auto[x-placement^="top"] .arrow::before {
bottom : -0.8rem;
margin-left : -0.8rem;
border-top-color : rgb(0, 0, 0, 0.25);
}
.popover.bs-popover-top .arrow::after, .popover.bs-popover-auto[x-placement^="top"] .arrow::after {
bottom : calc((0.8rem - 1px) * -1);
margin-left : -0.8rem;
border-top-color : #fff;
}
.popover.bs-popover-right, .popover.bs-popover-auto[x-placement^="right"] {
margin-left : 0.8rem;
}
.popover.bs-popover-right .arrow, .popover.bs-popover-auto[x-placement^="right"] .arrow {
left : 0;
}
.popover.bs-popover-right .arrow::before, .popover.bs-popover-auto[x-placement^="right"] .arrow::before, .popover.bs-popover-right .arrow::after, .popover.bs-popover-auto[x-placement^="right"] .arrow::after {
margin-top : -0.8rem;
border-left-width : 0;
}
.popover.bs-popover-right .arrow::before, .popover.bs-popover-auto[x-placement^="right"] .arrow::before {
left : -0.8rem;
border-right-color : rgb(0, 0, 0, 0.25);
}
.popover.bs-popover-right .arrow::after, .popover.bs-popover-auto[x-placement^="right"] .arrow::after {
left : calc((0.8rem - 1px) * -1);
border-right-color : #fff;
}
.popover.bs-popover-bottom, .popover.bs-popover-auto[x-placement^="bottom"] {
margin-top : 0.8rem;
}
.popover.bs-popover-bottom .arrow, .popover.bs-popover-auto[x-placement^="bottom"] .arrow {
top : 0;
}
.popover.bs-popover-bottom .arrow::before, .popover.bs-popover-auto[x-placement^="bottom"] .arrow::before, .popover.bs-popover-bottom .arrow::after, .popover.bs-popover-auto[x-placement^="bottom"] .arrow::after {
margin-left : -0.8rem;
border-top-width : 0;
}
.popover.bs-popover-bottom .arrow::before, .popover.bs-popover-auto[x-placement^="bottom"] .arrow::before {
top : -0.8rem;
border-bottom-color : rgb(0, 0, 0, 0.25);
}
.popover.bs-popover-bottom .arrow::after, .popover.bs-popover-auto[x-placement^="bottom"] .arrow::after {
top : calc((0.8rem - 1px) * -1);
border-bottom-color : #fff;
}
.popover.bs-popover-bottom .popover-header::before, .popover.bs-popover-auto[x-placement^="bottom"] .popover-header::before {
position : absolute;
top : 0;
left : 50%;
display : block;
width : 20px;
margin-left : -10px;
content : "";
border-bottom : 1px solid #f7f7f7;
}
.popover.bs-popover-left, .popover.bs-popover-auto[x-placement^="left"] {
margin-right : 0.8rem;
}
.popover.bs-popover-left .arrow, .popover.bs-popover-auto[x-placement^="left"] .arrow {
right : 0;
}
.popover.bs-popover-left .arrow::before, .popover.bs-popover-auto[x-placement^="left"] .arrow::before, .popover.bs-popover-left .arrow::after, .popover.bs-popover-auto[x-placement^="left"] .arrow::after {
margin-top : -0.8rem;
border-right-width : 0;
}
.popover.bs-popover-left .arrow::before, .popover.bs-popover-auto[x-placement^="left"] .arrow::before {
right : -0.8rem;
border-left-color : rgb(0, 0, 0, 0.25);
}
.popover.bs-popover-left .arrow::after, .popover.bs-popover-auto[x-placement^="left"] .arrow::after {
right : calc((0.8rem - 1px) * -1);
border-left-color : #fff;
}
.popover-header {
padding : 0.5rem 0.75rem;
margin-bottom : 0;
font-size : 1rem;
color : inherit;
background-color : #f7f7f7;
border-bottom : 1px solid #ebebeb;
border-top-left-radius : calc(0.3rem - 1px);
border-top-right-radius : calc(0.3rem - 1px);
}
.popover-header:empty {
display : none;
}
.popover-body {
padding : 0.5rem 0.75rem;
color : #212529;
}
.carousel {
position : relative;
}
.carousel-inner {
position : relative;
width : 100%;
overflow : hidden;
}
.carousel-item {
position : relative;
display : none;
align-items : center;
width : 100%;
transition : transform 0.6s ease;
backface-visibility : hidden;
perspective : 1000px;
}
.carousel-item.active, .carousel-item-next, .carousel-item-prev {
display : block;
}
.carousel-item-next, .carousel-item-prev {
position : absolute;
top : 0;
}
.carousel-item-next.carousel-item-left, .carousel-item-prev.carousel-item-right {
transform : translateX(0);
}
.carousel-item-next, .active.carousel-item-right {
transform : translateX(100%);
}
.carousel-item-prev, .active.carousel-item-left {
transform : translateX(-100%);
}
.carousel-control-prev, .carousel-control-next {
position : absolute;
top : 0;
bottom : 0;
display : flex;
align-items : center;
justify-content : center;
width : 15%;
color : #fff;
text-align : center;
opacity : 0.5;
}
.carousel-control-prev:focus, .carousel-control-prev:hover, .carousel-control-next:focus, .carousel-control-next:hover {
color : #fff;
text-decoration : none;
outline : 0;
opacity : 0.9;
}
.carousel-control-prev {
left : 0;
}
.carousel-control-next {
right : 0;
}
.carousel-control-prev-icon, .carousel-control-next-icon {
display : inline-block;
width : 20px;
height : 20px;
background : center center no-repeat transparent;
background-size : 100% 100%;
}
.carousel-control-prev-icon {
background-image : url("data:image/svg+xml;charset=utf8,%3Csvgxmlns='http://www.w3.org/2000/svg'fill='%23fff'viewBox='0088'%3E%3Cpathd='M5.250l-44441.5-1.5-2.5-2.52.5-2.5-1.5-1.5z'/%3E%3C/svg%3E");
}
.carousel-control-next-icon {
background-image : url("data:image/svg+xml;charset=utf8,%3Csvgxmlns='http://www.w3.org/2000/svg'fill='%23fff'viewBox='0088'%3E%3Cpathd='M2.750l-1.51.52.52.5-2.52.51.51.54-4-4-4z'/%3E%3C/svg%3E");
}
.carousel-indicators {
position : absolute;
right : 0;
bottom : 10px;
left : 0;
z-index : 15;
display : flex;
justify-content : center;
padding-left : 0;
margin-right : 15%;
margin-left : 15%;
list-style : none;
}
.carousel-indicators li {
position : relative;
flex : 0 1 auto;
width : 30px;
height : 3px;
margin-right : 3px;
margin-left : 3px;
text-indent : -999px;
background-color : rgb(255, 255, 255, 0.5);
}
.carousel-indicators li::before {
position : absolute;
top : -10px;
left : 0;
display : inline-block;
width : 100%;
height : 10px;
content : "";
}
.carousel-indicators li::after {
position : absolute;
bottom : -10px;
left : 0;
display : inline-block;
width : 100%;
height : 10px;
content : "";
}
.carousel-indicators .active {
background-color : #fff;
}
.carousel-caption {
position : absolute;
right : 15%;
bottom : 20px;
left : 15%;
z-index : 10;
padding-top : 20px;
padding-bottom : 20px;
color : #fff;
text-align : center;
}
.align-baseline {
vertical-align : baseline !important ;
}
.align-top {
vertical-align : top !important ;
}
.align-middle {
vertical-align : middle !important ;
}
.align-bottom {
vertical-align : bottom !important ;
}
.align-text-bottom {
vertical-align : text-bottom !important ;
}
.align-text-top {
vertical-align : text-top !important ;
}
.bg-primary {
background-color : #007bff !important ;
}
a.bg-primary:focus, a.bg-primary:hover {
background-color : #0062cc !important ;
}
.bg-secondary {
background-color : #868e96 !important ;
}
a.bg-secondary:focus, a.bg-secondary:hover {
background-color : #6c757d !important ;
}
.bg-success {
background-color : #28a745 !important ;
}
a.bg-success:focus, a.bg-success:hover {
background-color : #1e7e34 !important ;
}
.bg-info {
background-color : #17a2b8 !important ;
}
a.bg-info:focus, a.bg-info:hover {
background-color : #117a8b !important ;
}
.bg-warning {
background-color : #ffc107 !important ;
}
a.bg-warning:focus, a.bg-warning:hover {
background-color : #d39e00 !important ;
}
.bg-danger {
background-color : #fdb819 !important ;
}
a.bg-danger:focus, a.bg-danger:hover {
background-color : #fdb819 !important ;
}
.bg-light {
background-color : #f8f9fa !important ;
}
a.bg-light:focus, a.bg-light:hover {
background-color : #dae0e5 !important ;
}
.bg-dark {
background-color : #343a40 !important ;
}
a.bg-dark:focus, a.bg-dark:hover {
background-color : #1d2124 !important ;
}
.bg-white {
background-color : #fff !important ;
}
.bg-transparent {
background-color : transparent !important ;
}
.border {
border : #e9ecef solid 1px !important ;
}
.border-0 {
border : 0 !important ;
}
.border-top-0 {
border-top : 0 !important ;
}
.border-right-0 {
border-right : 0 !important ;
}
.border-bottom-0 {
border-bottom : 0 !important ;
}
.border-left-0 {
border-left : 0 !important ;
}
.border-primary {
border-color : #007bff !important ;
}
.border-secondary {
border-color : #868e96 !important ;
}
.border-success {
border-color : #28a745 !important ;
}
.border-info {
border-color : #17a2b8 !important ;
}
.border-warning {
border-color : #ffc107 !important ;
}
.border-danger {
border-color : #fdb819 !important ;
}
.border-light {
border-color : #f8f9fa !important ;
}
.border-dark {
border-color : #343a40 !important ;
}
.border-white {
border-color : #fff !important ;
}
.rounded {
border-radius : 0.25rem !important ;
}
.rounded-top {
border-top-left-radius : 0.25rem !important ;
border-top-right-radius : 0.25rem !important ;
}
.rounded-right {
border-top-right-radius : 0.25rem !important ;
border-bottom-right-radius : 0.25rem !important ;
}
.rounded-bottom {
border-bottom-right-radius : 0.25rem !important ;
border-bottom-left-radius : 0.25rem !important ;
}
.rounded-left {
border-top-left-radius : 0.25rem !important ;
border-bottom-left-radius : 0.25rem !important ;
}
.rounded-circle {
border-radius : 50% !important ;
}
.rounded-0 {
border-radius : 0 !important ;
}
.clearfix::after {
display : block;
clear : both;
content : "";
}
.d-none {
display : none !important ;
}
.d-inline {
display : inline !important ;
}
.d-inline-block {
display : inline-block !important ;
}
.d-block {
display : block !important ;
}
.d-table {
display : table !important ;
}
.d-table-row {
display : table-row !important ;
}
.d-table-cell {
display : table-cell !important ;
}
.d-flex {
display : flex !important ;
}
.d-inline-flex {
display : inline-flex !important ;
}
@media (min-width: 576px) {
.d-sm-none {
display : none !important ;
}
.d-sm-inline {
display : inline !important ;
}
.d-sm-inline-block {
display : inline-block !important ;
}
.d-sm-block {
display : block !important ;
}
.d-sm-table {
display : table !important ;
}
.d-sm-table-row {
display : table-row !important ;
}
.d-sm-table-cell {
display : table-cell !important ;
}
.d-sm-flex {
display : flex !important ;
}
.d-sm-inline-flex {
display : inline-flex !important ;
}
}
@media (min-width: 768px) {
.d-md-none {
display : none !important ;
}
.d-md-inline {
display : inline !important ;
}
.d-md-inline-block {
display : inline-block !important ;
}
.d-md-block {
display : block !important ;
}
.d-md-table {
display : table !important ;
}
.d-md-table-row {
display : table-row !important ;
}
.d-md-table-cell {
display : table-cell !important ;
}
.d-md-flex {
display : flex !important ;
}
.d-md-inline-flex {
display : inline-flex !important ;
}
}
@media (min-width: 992px) {
.d-lg-none {
display : none !important ;
}
.d-lg-inline {
display : inline !important ;
}
.d-lg-inline-block {
display : inline-block !important ;
}
.d-lg-block {
display : block !important ;
}
.d-lg-table {
display : table !important ;
}
.d-lg-table-row {
display : table-row !important ;
}
.d-lg-table-cell {
display : table-cell !important ;
}
.d-lg-flex {
display : flex !important ;
}
.d-lg-inline-flex {
display : inline-flex !important ;
}
}
@media (min-width: 1200px) {
.d-xl-none {
display : none !important ;
}
.d-xl-inline {
display : inline !important ;
}
.d-xl-inline-block {
display : inline-block !important ;
}
.d-xl-block {
display : block !important ;
}
.d-xl-table {
display : table !important ;
}
.d-xl-table-row {
display : table-row !important ;
}
.d-xl-table-cell {
display : table-cell !important ;
}
.d-xl-flex {
display : flex !important ;
}
.d-xl-inline-flex {
display : inline-flex !important ;
}
}
.d-print-block {
display : none !important ;
}
@media print {
.d-print-block {
display : block !important ;
}
}
.d-print-inline {
display : none !important ;
}
@media print {
.d-print-inline {
display : inline !important ;
}
}
.d-print-inline-block {
display : none !important ;
}
@media print {
.d-print-inline-block {
display : inline-block !important ;
}
}
@media print {
.d-print-none {
display : none !important ;
}
}
.embed-responsive {
position : relative;
display : block;
width : 100%;
padding : 0;
overflow : hidden;
}
.embed-responsive::before {
display : block;
content : "";
}
.embed-responsive .embed-responsive-item, .embed-responsive video, .embed-responsive embed, .embed-responsive object, .embed-responsive video {
position : absolute;
top : 0;
bottom : 0;
left : 0;
width : 100%;
height : 100%;
border : 0;
}
.embed-responsive-21by9::before {
padding-top : 42.857143%;
}
.embed-responsive-16by9::before {
padding-top : 56.25%;
}
.embed-responsive-4by3::before {
padding-top : 75%;
}
.embed-responsive-1by1::before {
padding-top : 100%;
}
.flex-row {
flex-direction : row !important ;
}
.flex-column {
flex-direction : column !important ;
}
.flex-row-reverse {
flex-direction : row-reverse !important ;
}
.flex-column-reverse {
flex-direction : column-reverse !important ;
}
.flex-wrap {
flex-wrap : wrap !important ;
}
.flex-nowrap {
flex-wrap : nowrap !important ;
}
.flex-wrap-reverse {
flex-wrap : wrap-reverse !important ;
}
.justify-content-start {
justify-content : flex-start !important ;
}
.justify-content-end {
justify-content : flex-end !important ;
}
.justify-content-center {
justify-content : center !important ;
}
.justify-content-between {
justify-content : space-between !important ;
}
.justify-content-around {
justify-content : space-around !important ;
}
.align-items-start {
align-items : flex-start !important ;
}
.align-items-end {
align-items : flex-end !important ;
}
.align-items-center {
align-items : center !important ;
}
.align-items-baseline {
align-items : baseline !important ;
}
.align-items-stretch {
align-items : stretch !important ;
}
.align-content-start {
align-content : flex-start !important ;
}
.align-content-end {
align-content : flex-end !important ;
}
.align-content-center {
align-content : center !important ;
}
.align-content-between {
align-content : space-between !important ;
}
.align-content-around {
align-content : space-around !important ;
}
.align-content-stretch {
align-content : stretch !important ;
}
.align-self-auto {
align-self : auto !important ;
}
.align-self-start {
align-self : flex-start !important ;
}
.align-self-end {
align-self : flex-end !important ;
}
.align-self-center {
align-self : center !important ;
}
.align-self-baseline {
align-self : baseline !important ;
}
.align-self-stretch {
align-self : stretch !important ;
}
@media (min-width: 576px) {
.flex-sm-row {
flex-direction : row !important ;
}
.flex-sm-column {
flex-direction : column !important ;
}
.flex-sm-row-reverse {
flex-direction : row-reverse !important ;
}
.flex-sm-column-reverse {
flex-direction : column-reverse !important ;
}
.flex-sm-wrap {
flex-wrap : wrap !important ;
}
.flex-sm-nowrap {
flex-wrap : nowrap !important ;
}
.flex-sm-wrap-reverse {
flex-wrap : wrap-reverse !important ;
}
.justify-content-sm-start {
justify-content : flex-start !important ;
}
.justify-content-sm-end {
justify-content : flex-end !important ;
}
.justify-content-sm-center {
justify-content : center !important ;
}
.justify-content-sm-between {
justify-content : space-between !important ;
}
.justify-content-sm-around {
justify-content : space-around !important ;
}
.align-items-sm-start {
align-items : flex-start !important ;
}
.align-items-sm-end {
align-items : flex-end !important ;
}
.align-items-sm-center {
align-items : center !important ;
}
.align-items-sm-baseline {
align-items : baseline !important ;
}
.align-items-sm-stretch {
align-items : stretch !important ;
}
.align-content-sm-start {
align-content : flex-start !important ;
}
.align-content-sm-end {
align-content : flex-end !important ;
}
.align-content-sm-center {
align-content : center !important ;
}
.align-content-sm-between {
align-content : space-between !important ;
}
.align-content-sm-around {
align-content : space-around !important ;
}
.align-content-sm-stretch {
align-content : stretch !important ;
}
.align-self-sm-auto {
align-self : auto !important ;
}
.align-self-sm-start {
align-self : flex-start !important ;
}
.align-self-sm-end {
align-self : flex-end !important ;
}
.align-self-sm-center {
align-self : center !important ;
}
.align-self-sm-baseline {
align-self : baseline !important ;
}
.align-self-sm-stretch {
align-self : stretch !important ;
}
}
@media (min-width: 768px) {
.flex-md-row {
flex-direction : row !important ;
}
.flex-md-column {
flex-direction : column !important ;
}
.flex-md-row-reverse {
flex-direction : row-reverse !important ;
}
.flex-md-column-reverse {
flex-direction : column-reverse !important ;
}
.flex-md-wrap {
flex-wrap : wrap !important ;
}
.flex-md-nowrap {
flex-wrap : nowrap !important ;
}
.flex-md-wrap-reverse {
flex-wrap : wrap-reverse !important ;
}
.justify-content-md-start {
justify-content : flex-start !important ;
}
.justify-content-md-end {
justify-content : flex-end !important ;
}
.justify-content-md-center {
justify-content : center !important ;
}
.justify-content-md-between {
justify-content : space-between !important ;
}
.justify-content-md-around {
justify-content : space-around !important ;
}
.align-items-md-start {
align-items : flex-start !important ;
}
.align-items-md-end {
align-items : flex-end !important ;
}
.align-items-md-center {
align-items : center !important ;
}
.align-items-md-baseline {
align-items : baseline !important ;
}
.align-items-md-stretch {
align-items : stretch !important ;
}
.align-content-md-start {
align-content : flex-start !important ;
}
.align-content-md-end {
align-content : flex-end !important ;
}
.align-content-md-center {
align-content : center !important ;
}
.align-content-md-between {
align-content : space-between !important ;
}
.align-content-md-around {
align-content : space-around !important ;
}
.align-content-md-stretch {
align-content : stretch !important ;
}
.align-self-md-auto {
align-self : auto !important ;
}
.align-self-md-start {
align-self : flex-start !important ;
}
.align-self-md-end {
align-self : flex-end !important ;
}
.align-self-md-center {
align-self : center !important ;
}
.align-self-md-baseline {
align-self : baseline !important ;
}
.align-self-md-stretch {
align-self : stretch !important ;
}
}
@media (min-width: 992px) {
.flex-lg-row {
flex-direction : row !important ;
}
.flex-lg-column {
flex-direction : column !important ;
}
.flex-lg-row-reverse {
flex-direction : row-reverse !important ;
}
.flex-lg-column-reverse {
flex-direction : column-reverse !important ;
}
.flex-lg-wrap {
flex-wrap : wrap !important ;
}
.flex-lg-nowrap {
flex-wrap : nowrap !important ;
}
.flex-lg-wrap-reverse {
flex-wrap : wrap-reverse !important ;
}
.justify-content-lg-start {
justify-content : flex-start !important ;
}
.justify-content-lg-end {
justify-content : flex-end !important ;
}
.justify-content-lg-center {
justify-content : center !important ;
}
.justify-content-lg-between {
justify-content : space-between !important ;
}
.justify-content-lg-around {
justify-content : space-around !important ;
}
.align-items-lg-start {
align-items : flex-start !important ;
}
.align-items-lg-end {
align-items : flex-end !important ;
}
.align-items-lg-center {
align-items : center !important ;
}
.align-items-lg-baseline {
align-items : baseline !important ;
}
.align-items-lg-stretch {
align-items : stretch !important ;
}
.align-content-lg-start {
align-content : flex-start !important ;
}
.align-content-lg-end {
align-content : flex-end !important ;
}
.align-content-lg-center {
align-content : center !important ;
}
.align-content-lg-between {
align-content : space-between !important ;
}
.align-content-lg-around {
align-content : space-around !important ;
}
.align-content-lg-stretch {
align-content : stretch !important ;
}
.align-self-lg-auto {
align-self : auto !important ;
}
.align-self-lg-start {
align-self : flex-start !important ;
}
.align-self-lg-end {
align-self : flex-end !important ;
}
.align-self-lg-center {
align-self : center !important ;
}
.align-self-lg-baseline {
align-self : baseline !important ;
}
.align-self-lg-stretch {
align-self : stretch !important ;
}
}
@media (min-width: 1200px) {
.flex-xl-row {
flex-direction : row !important ;
}
.flex-xl-column {
flex-direction : column !important ;
}
.flex-xl-row-reverse {
flex-direction : row-reverse !important ;
}
.flex-xl-column-reverse {
flex-direction : column-reverse !important ;
}
.flex-xl-wrap {
flex-wrap : wrap !important ;
}
.flex-xl-nowrap {
flex-wrap : nowrap !important ;
}
.flex-xl-wrap-reverse {
flex-wrap : wrap-reverse !important ;
}
.justify-content-xl-start {
justify-content : flex-start !important ;
}
.justify-content-xl-end {
justify-content : flex-end !important ;
}
.justify-content-xl-center {
justify-content : center !important ;
}
.justify-content-xl-between {
justify-content : space-between !important ;
}
.justify-content-xl-around {
justify-content : space-around !important ;
}
.align-items-xl-start {
align-items : flex-start !important ;
}
.align-items-xl-end {
align-items : flex-end !important ;
}
.align-items-xl-center {
align-items : center !important ;
}
.align-items-xl-baseline {
align-items : baseline !important ;
}
.align-items-xl-stretch {
align-items : stretch !important ;
}
.align-content-xl-start {
align-content : flex-start !important ;
}
.align-content-xl-end {
align-content : flex-end !important ;
}
.align-content-xl-center {
align-content : center !important ;
}
.align-content-xl-between {
align-content : space-between !important ;
}
.align-content-xl-around {
align-content : space-around !important ;
}
.align-content-xl-stretch {
align-content : stretch !important ;
}
.align-self-xl-auto {
align-self : auto !important ;
}
.align-self-xl-start {
align-self : flex-start !important ;
}
.align-self-xl-end {
align-self : flex-end !important ;
}
.align-self-xl-center {
align-self : center !important ;
}
.align-self-xl-baseline {
align-self : baseline !important ;
}
.align-self-xl-stretch {
align-self : stretch !important ;
}
}
.float-left {
float : left !important ;
}
.float-right {
float : right !important ;
}
.float-none {
float : none !important ;
}
@media (min-width: 576px) {
.float-sm-left {
float : left !important ;
}
.float-sm-right {
float : right !important ;
}
.float-sm-none {
float : none !important ;
}
}
@media (min-width: 768px) {
.float-md-left {
float : left !important ;
}
.float-md-right {
float : right !important ;
}
.float-md-none {
float : none !important ;
}
}
@media (min-width: 992px) {
.float-lg-left {
float : left !important ;
}
.float-lg-right {
float : right !important ;
}
.float-lg-none {
float : none !important ;
}
}
@media (min-width: 1200px) {
.float-xl-left {
float : left !important ;
}
.float-xl-right {
float : right !important ;
}
.float-xl-none {
float : none !important ;
}
}
.position-static {
position : static !important ;
}
.position-relative {
position : relative !important ;
}
.position-absolute {
position : absolute !important ;
}
.position-fixed {
position : fixed !important ;
}
.position-sticky {
position : sticky !important ;
}
.fixed-top {
position : fixed;
top : 0;
right : 0;
left : 0;
z-index : 1030;
}
.fixed-bottom {
position : fixed;
right : 0;
bottom : 0;
left : 0;
z-index : 1030;
}
.sr-only {
position : absolute;
width : 1px;
height : 1px;
padding : 0;
overflow : hidden;
clip : rect(0,0,0,0);
white-space : nowrap;
clip-path : inset(50%);
border : 0;
}
.sr-only-focusable:active, .sr-only-focusable:focus {
position : static;
width : auto;
height : auto;
overflow : visible;
clip : auto;
white-space : normal;
clip-path : none;
}
.w-25 {
width : 25% !important ;
}
.w-50 {
width : 50% !important ;
}
.w-75 {
width : 75% !important ;
}
.w-100 {
width : 100% !important ;
}
.h-25 {
height : 25% !important ;
}
.h-50 {
height : 50% !important ;
}
.h-75 {
height : 75% !important ;
}
.h-100 {
height : 100% !important ;
}
.mw-100 {
max-width : 100% !important ;
}
.mh-100 {
max-height : 100% !important ;
}
.m-0 {
margin : 0 !important ;
}
.mt-0, .my-0 {
margin-top : 0 !important ;
}
.mr-0, .mx-0 {
margin-right : 0 !important ;
}
.mb-0, .my-0 {
margin-bottom : 0 !important ;
}
.ml-0, .mx-0 {
margin-left : 0 !important ;
}
.m-1 {
margin : 0.25rem !important ;
}
.mt-1, .my-1 {
margin-top : 0.25rem !important ;
}
.mr-1, .mx-1 {
margin-right : 0.25rem !important ;
}
.mb-1, .my-1 {
margin-bottom : 0.25rem !important ;
}
.ml-1, .mx-1 {
margin-left : 0.25rem !important ;
}
.m-2 {
margin : 0.5rem !important ;
}
.mt-2, .my-2 {
margin-top : 0.5rem !important ;
}
.mr-2, .mx-2 {
margin-right : 0.5rem !important ;
}
.mb-2, .my-2 {
margin-bottom : 0.5rem !important ;
}
.ml-2, .mx-2 {
margin-left : 0.5rem !important ;
}
.m-3 {
margin : 1rem !important ;
}
.mt-3, .my-3 {
margin-top : 1rem !important ;
}
.mr-3, .mx-3 {
margin-right : 1rem !important ;
}
.mb-3, .my-3 {
margin-bottom : 1rem !important ;
}
.ml-3, .mx-3 {
margin-left : 1rem !important ;
}
.m-4 {
margin : 1.5rem !important ;
}
.mt-4, .my-4 {
margin-top : 1.5rem !important ;
}
.mr-4, .mx-4 {
margin-right : 1.5rem !important ;
}
.mb-4, .my-4 {
margin-bottom : 1.5rem !important ;
}
.ml-4, .mx-4 {
margin-left : 1.5rem !important ;
}
.m-5 {
margin : 3rem !important ;
}
.mt-5, .my-5 {
margin-top : 3rem !important ;
}
.mr-5, .mx-5 {
margin-right : 3rem !important ;
}
.mb-5, .my-5 {
margin-bottom : 3rem !important ;
}
.ml-5, .mx-5 {
margin-left : 3rem !important ;
}
.p-0 {
padding : 0 !important ;
}
.pt-0, .py-0 {
padding-top : 0 !important ;
}
.pr-0, .px-0 {
padding-right : 0 !important ;
}
.pb-0, .py-0 {
padding-bottom : 0 !important ;
}
.pl-0, .px-0 {
padding-left : 0 !important ;
}
.p-1 {
padding : 0.25rem !important ;
}
.pt-1, .py-1 {
padding-top : 0.25rem !important ;
}
.pr-1, .px-1 {
padding-right : 0.25rem !important ;
}
.pb-1, .py-1 {
padding-bottom : 0.25rem !important ;
}
.pl-1, .px-1 {
padding-left : 0.25rem !important ;
}
.p-2 {
padding : 0.5rem !important ;
}
.pt-2, .py-2 {
padding-top : 0.5rem !important ;
}
.pr-2, .px-2 {
padding-right : 0.5rem !important ;
}
.pb-2, .py-2 {
padding-bottom : 0.5rem !important ;
}
.pl-2, .px-2 {
padding-left : 0.5rem !important ;
}
.p-3 {
padding : 1rem !important ;
}
.pt-3, .py-3 {
padding-top : 1rem !important ;
}
.pr-3, .px-3 {
padding-right : 1rem !important ;
}
.pb-3, .py-3 {
padding-bottom : 1rem !important ;
}
.pl-3, .px-3 {
padding-left : 1rem !important ;
}
.p-4 {
padding : 1.5rem !important ;
}
.pt-4, .py-4 {
padding-top : 1.5rem !important ;
}
.pr-4, .px-4 {
padding-right : 1.5rem !important ;
}
.pb-4, .py-4 {
padding-bottom : 1.5rem !important ;
}
.pl-4, .px-4 {
padding-left : 1.5rem !important ;
}
.p-5 {
padding : 3rem !important ;
}
.pt-5, .py-5 {
padding-top : 3rem !important ;
}
.pr-5, .px-5 {
padding-right : 3rem !important ;
}
.pb-5, .py-5 {
padding-bottom : 3rem !important ;
}
.pl-5, .px-5 {
padding-left : 3rem !important ;
}
.m-auto {
margin : auto !important ;
}
.mt-auto, .my-auto {
margin-top : auto !important ;
}
.mr-auto, .mx-auto {
margin-right : auto !important ;
}
.mb-auto, .my-auto {
margin-bottom : auto !important ;
}
.ml-auto, .mx-auto {
margin-left : auto !important ;
}
@media (min-width: 576px) {
.m-sm-0 {
margin : 0 !important ;
}
.mt-sm-0, .my-sm-0 {
margin-top : 0 !important ;
}
.mr-sm-0, .mx-sm-0 {
margin-right : 0 !important ;
}
.mb-sm-0, .my-sm-0 {
margin-bottom : 0 !important ;
}
.ml-sm-0, .mx-sm-0 {
margin-left : 0 !important ;
}
.m-sm-1 {
margin : 0.25rem !important ;
}
.mt-sm-1, .my-sm-1 {
margin-top : 0.25rem !important ;
}
.mr-sm-1, .mx-sm-1 {
margin-right : 0.25rem !important ;
}
.mb-sm-1, .my-sm-1 {
margin-bottom : 0.25rem !important ;
}
.ml-sm-1, .mx-sm-1 {
margin-left : 0.25rem !important ;
}
.m-sm-2 {
margin : 0.5rem !important ;
}
.mt-sm-2, .my-sm-2 {
margin-top : 0.5rem !important ;
}
.mr-sm-2, .mx-sm-2 {
margin-right : 0.5rem !important ;
}
.mb-sm-2, .my-sm-2 {
margin-bottom : 0.5rem !important ;
}
.ml-sm-2, .mx-sm-2 {
margin-left : 0.5rem !important ;
}
.m-sm-3 {
margin : 1rem !important ;
}
.mt-sm-3, .my-sm-3 {
margin-top : 1rem !important ;
}
.mr-sm-3, .mx-sm-3 {
margin-right : 1rem !important ;
}
.mb-sm-3, .my-sm-3 {
margin-bottom : 1rem !important ;
}
.ml-sm-3, .mx-sm-3 {
margin-left : 1rem !important ;
}
.m-sm-4 {
margin : 1.5rem !important ;
}
.mt-sm-4, .my-sm-4 {
margin-top : 1.5rem !important ;
}
.mr-sm-4, .mx-sm-4 {
margin-right : 1.5rem !important ;
}
.mb-sm-4, .my-sm-4 {
margin-bottom : 1.5rem !important ;
}
.ml-sm-4, .mx-sm-4 {
margin-left : 1.5rem !important ;
}
.m-sm-5 {
margin : 3rem !important ;
}
.mt-sm-5, .my-sm-5 {
margin-top : 3rem !important ;
}
.mr-sm-5, .mx-sm-5 {
margin-right : 3rem !important ;
}
.mb-sm-5, .my-sm-5 {
margin-bottom : 3rem !important ;
}
.ml-sm-5, .mx-sm-5 {
margin-left : 3rem !important ;
}
.p-sm-0 {
padding : 0 !important ;
}
.pt-sm-0, .py-sm-0 {
padding-top : 0 !important ;
}
.pr-sm-0, .px-sm-0 {
padding-right : 0 !important ;
}
.pb-sm-0, .py-sm-0 {
padding-bottom : 0 !important ;
}
.pl-sm-0, .px-sm-0 {
padding-left : 0 !important ;
}
.p-sm-1 {
padding : 0.25rem !important ;
}
.pt-sm-1, .py-sm-1 {
padding-top : 0.25rem !important ;
}
.pr-sm-1, .px-sm-1 {
padding-right : 0.25rem !important ;
}
.pb-sm-1, .py-sm-1 {
padding-bottom : 0.25rem !important ;
}
.pl-sm-1, .px-sm-1 {
padding-left : 0.25rem !important ;
}
.p-sm-2 {
padding : 0.5rem !important ;
}
.pt-sm-2, .py-sm-2 {
padding-top : 0.5rem !important ;
}
.pr-sm-2, .px-sm-2 {
padding-right : 0.5rem !important ;
}
.pb-sm-2, .py-sm-2 {
padding-bottom : 0.5rem !important ;
}
.pl-sm-2, .px-sm-2 {
padding-left : 0.5rem !important ;
}
.p-sm-3 {
padding : 1rem !important ;
}
.pt-sm-3, .py-sm-3 {
padding-top : 1rem !important ;
}
.pr-sm-3, .px-sm-3 {
padding-right : 1rem !important ;
}
.pb-sm-3, .py-sm-3 {
padding-bottom : 1rem !important ;
}
.pl-sm-3, .px-sm-3 {
padding-left : 1rem !important ;
}
.p-sm-4 {
padding : 1.5rem !important ;
}
.pt-sm-4, .py-sm-4 {
padding-top : 1.5rem !important ;
}
.pr-sm-4, .px-sm-4 {
padding-right : 1.5rem !important ;
}
.pb-sm-4, .py-sm-4 {
padding-bottom : 1.5rem !important ;
}
.pl-sm-4, .px-sm-4 {
padding-left : 1.5rem !important ;
}
.p-sm-5 {
padding : 3rem !important ;
}
.pt-sm-5, .py-sm-5 {
padding-top : 3rem !important ;
}
.pr-sm-5, .px-sm-5 {
padding-right : 3rem !important ;
}
.pb-sm-5, .py-sm-5 {
padding-bottom : 3rem !important ;
}
.pl-sm-5, .px-sm-5 {
padding-left : 3rem !important ;
}
.m-sm-auto {
margin : auto !important ;
}
.mt-sm-auto, .my-sm-auto {
margin-top : auto !important ;
}
.mr-sm-auto, .mx-sm-auto {
margin-right : auto !important ;
}
.mb-sm-auto, .my-sm-auto {
margin-bottom : auto !important ;
}
.ml-sm-auto, .mx-sm-auto {
margin-left : auto !important ;
}
}
@media (min-width: 768px) {
.m-md-0 {
margin : 0 !important ;
}
.mt-md-0, .my-md-0 {
margin-top : 0 !important ;
}
.mr-md-0, .mx-md-0 {
margin-right : 0 !important ;
}
.mb-md-0, .my-md-0 {
margin-bottom : 0 !important ;
}
.ml-md-0, .mx-md-0 {
margin-left : 0 !important ;
}
.m-md-1 {
margin : 0.25rem !important ;
}
.mt-md-1, .my-md-1 {
margin-top : 0.25rem !important ;
}
.mr-md-1, .mx-md-1 {
margin-right : 0.25rem !important ;
}
.mb-md-1, .my-md-1 {
margin-bottom : 0.25rem !important ;
}
.ml-md-1, .mx-md-1 {
margin-left : 0.25rem !important ;
}
.m-md-2 {
margin : 0.5rem !important ;
}
.mt-md-2, .my-md-2 {
margin-top : 0.5rem !important ;
}
.mr-md-2, .mx-md-2 {
margin-right : 0.5rem !important ;
}
.mb-md-2, .my-md-2 {
margin-bottom : 0.5rem !important ;
}
.ml-md-2, .mx-md-2 {
margin-left : 0.5rem !important ;
}
.m-md-3 {
margin : 1rem !important ;
}
.mt-md-3, .my-md-3 {
margin-top : 1rem !important ;
}
.mr-md-3, .mx-md-3 {
margin-right : 1rem !important ;
}
.mb-md-3, .my-md-3 {
margin-bottom : 1rem !important ;
}
.ml-md-3, .mx-md-3 {
margin-left : 1rem !important ;
}
.m-md-4 {
margin : 1.5rem !important ;
}
.mt-md-4, .my-md-4 {
margin-top : 1.5rem !important ;
}
.mr-md-4, .mx-md-4 {
margin-right : 1.5rem !important ;
}
.mb-md-4, .my-md-4 {
margin-bottom : 1.5rem !important ;
}
.ml-md-4, .mx-md-4 {
margin-left : 1.5rem !important ;
}
.m-md-5 {
margin : 3rem !important ;
}
.mt-md-5, .my-md-5 {
margin-top : 3rem !important ;
}
.mr-md-5, .mx-md-5 {
margin-right : 3rem !important ;
}
.mb-md-5, .my-md-5 {
margin-bottom : 3rem !important ;
}
.ml-md-5, .mx-md-5 {
margin-left : 3rem !important ;
}
.p-md-0 {
padding : 0 !important ;
}
.pt-md-0, .py-md-0 {
padding-top : 0 !important ;
}
.pr-md-0, .px-md-0 {
padding-right : 0 !important ;
}
.pb-md-0, .py-md-0 {
padding-bottom : 0 !important ;
}
.pl-md-0, .px-md-0 {
padding-left : 0 !important ;
}
.p-md-1 {
padding : 0.25rem !important ;
}
.pt-md-1, .py-md-1 {
padding-top : 0.25rem !important ;
}
.pr-md-1, .px-md-1 {
padding-right : 0.25rem !important ;
}
.pb-md-1, .py-md-1 {
padding-bottom : 0.25rem !important ;
}
.pl-md-1, .px-md-1 {
padding-left : 0.25rem !important ;
}
.p-md-2 {
padding : 0.5rem !important ;
}
.pt-md-2, .py-md-2 {
padding-top : 0.5rem !important ;
}
.pr-md-2, .px-md-2 {
padding-right : 0.5rem !important ;
}
.pb-md-2, .py-md-2 {
padding-bottom : 0.5rem !important ;
}
.pl-md-2, .px-md-2 {
padding-left : 0.5rem !important ;
}
.p-md-3 {
padding : 1rem !important ;
}
.pt-md-3, .py-md-3 {
padding-top : 1rem !important ;
}
.pr-md-3, .px-md-3 {
padding-right : 1rem !important ;
}
.pb-md-3, .py-md-3 {
padding-bottom : 1rem !important ;
}
.pl-md-3, .px-md-3 {
padding-left : 1rem !important ;
}
.p-md-4 {
padding : 1.5rem !important ;
}
.pt-md-4, .py-md-4 {
padding-top : 1.5rem !important ;
}
.pr-md-4, .px-md-4 {
padding-right : 1.5rem !important ;
}
.pb-md-4, .py-md-4 {
padding-bottom : 1.5rem !important ;
}
.pl-md-4, .px-md-4 {
padding-left : 1.5rem !important ;
}
.p-md-5 {
padding : 3rem !important ;
}
.pt-md-5, .py-md-5 {
padding-top : 3rem !important ;
}
.pr-md-5, .px-md-5 {
padding-right : 3rem !important ;
}
.pb-md-5, .py-md-5 {
padding-bottom : 3rem !important ;
}
.pl-md-5, .px-md-5 {
padding-left : 3rem !important ;
}
.m-md-auto {
margin : auto !important ;
}
.mt-md-auto, .my-md-auto {
margin-top : auto !important ;
}
.mr-md-auto, .mx-md-auto {
margin-right : auto !important ;
}
.mb-md-auto, .my-md-auto {
margin-bottom : auto !important ;
}
.ml-md-auto, .mx-md-auto {
margin-left : auto !important ;
}
}
@media (min-width: 992px) {
.m-lg-0 {
margin : 0 !important ;
}
.mt-lg-0, .my-lg-0 {
margin-top : 0 !important ;
}
.mr-lg-0, .mx-lg-0 {
margin-right : 0 !important ;
}
.mb-lg-0, .my-lg-0 {
margin-bottom : 0 !important ;
}
.ml-lg-0, .mx-lg-0 {
margin-left : 0 !important ;
}
.m-lg-1 {
margin : 0.25rem !important ;
}
.mt-lg-1, .my-lg-1 {
margin-top : 0.25rem !important ;
}
.mr-lg-1, .mx-lg-1 {
margin-right : 0.25rem !important ;
}
.mb-lg-1, .my-lg-1 {
margin-bottom : 0.25rem !important ;
}
.ml-lg-1, .mx-lg-1 {
margin-left : 0.25rem !important ;
}
.m-lg-2 {
margin : 0.5rem !important ;
}
.mt-lg-2, .my-lg-2 {
margin-top : 0.5rem !important ;
}
.mr-lg-2, .mx-lg-2 {
margin-right : 0.5rem !important ;
}
.mb-lg-2, .my-lg-2 {
margin-bottom : 0.5rem !important ;
}
.ml-lg-2, .mx-lg-2 {
margin-left : 0.5rem !important ;
}
.m-lg-3 {
margin : 1rem !important ;
}
.mt-lg-3, .my-lg-3 {
margin-top : 1rem !important ;
}
.mr-lg-3, .mx-lg-3 {
margin-right : 1rem !important ;
}
.mb-lg-3, .my-lg-3 {
margin-bottom : 1rem !important ;
}
.ml-lg-3, .mx-lg-3 {
margin-left : 1rem !important ;
}
.m-lg-4 {
margin : 1.5rem !important ;
}
.mt-lg-4, .my-lg-4 {
margin-top : 1.5rem !important ;
}
.mr-lg-4, .mx-lg-4 {
margin-right : 1.5rem !important ;
}
.mb-lg-4, .my-lg-4 {
margin-bottom : 1.5rem !important ;
}
.ml-lg-4, .mx-lg-4 {
margin-left : 1.5rem !important ;
}
.m-lg-5 {
margin : 3rem !important ;
}
.mt-lg-5, .my-lg-5 {
margin-top : 3rem !important ;
}
.mr-lg-5, .mx-lg-5 {
margin-right : 3rem !important ;
}
.mb-lg-5, .my-lg-5 {
margin-bottom : 3rem !important ;
}
.ml-lg-5, .mx-lg-5 {
margin-left : 3rem !important ;
}
.p-lg-0 {
padding : 0 !important ;
}
.pt-lg-0, .py-lg-0 {
padding-top : 0 !important ;
}
.pr-lg-0, .px-lg-0 {
padding-right : 0 !important ;
}
.pb-lg-0, .py-lg-0 {
padding-bottom : 0 !important ;
}
.pl-lg-0, .px-lg-0 {
padding-left : 0 !important ;
}
.p-lg-1 {
padding : 0.25rem !important ;
}
.pt-lg-1, .py-lg-1 {
padding-top : 0.25rem !important ;
}
.pr-lg-1, .px-lg-1 {
padding-right : 0.25rem !important ;
}
.pb-lg-1, .py-lg-1 {
padding-bottom : 0.25rem !important ;
}
.pl-lg-1, .px-lg-1 {
padding-left : 0.25rem !important ;
}
.p-lg-2 {
padding : 0.5rem !important ;
}
.pt-lg-2, .py-lg-2 {
padding-top : 0.5rem !important ;
}
.pr-lg-2, .px-lg-2 {
padding-right : 0.5rem !important ;
}
.pb-lg-2, .py-lg-2 {
padding-bottom : 0.5rem !important ;
}
.pl-lg-2, .px-lg-2 {
padding-left : 0.5rem !important ;
}
.p-lg-3 {
padding : 1rem !important ;
}
.pt-lg-3, .py-lg-3 {
padding-top : 1rem !important ;
}
.pr-lg-3, .px-lg-3 {
padding-right : 1rem !important ;
}
.pb-lg-3, .py-lg-3 {
padding-bottom : 1rem !important ;
}
.pl-lg-3, .px-lg-3 {
padding-left : 1rem !important ;
}
.p-lg-4 {
padding : 1.5rem !important ;
}
.pt-lg-4, .py-lg-4 {
padding-top : 1.5rem !important ;
}
.pr-lg-4, .px-lg-4 {
padding-right : 1.5rem !important ;
}
.pb-lg-4, .py-lg-4 {
padding-bottom : 1.5rem !important ;
}
.pl-lg-4, .px-lg-4 {
padding-left : 1.5rem !important ;
}
.p-lg-5 {
padding : 3rem !important ;
}
.pt-lg-5, .py-lg-5 {
padding-top : 3rem !important ;
}
.pr-lg-5, .px-lg-5 {
padding-right : 3rem !important ;
}
.pb-lg-5, .py-lg-5 {
padding-bottom : 3rem !important ;
}
.pl-lg-5, .px-lg-5 {
padding-left : 3rem !important ;
}
.m-lg-auto {
margin : auto !important ;
}
.mt-lg-auto, .my-lg-auto {
margin-top : auto !important ;
}
.mr-lg-auto, .mx-lg-auto {
margin-right : auto !important ;
}
.mb-lg-auto, .my-lg-auto {
margin-bottom : auto !important ;
}
.ml-lg-auto, .mx-lg-auto {
margin-left : auto !important ;
}
}
@media (min-width: 1200px) {
.m-xl-0 {
margin : 0 !important ;
}
.mt-xl-0, .my-xl-0 {
margin-top : 0 !important ;
}
.mr-xl-0, .mx-xl-0 {
margin-right : 0 !important ;
}
.mb-xl-0, .my-xl-0 {
margin-bottom : 0 !important ;
}
.ml-xl-0, .mx-xl-0 {
margin-left : 0 !important ;
}
.m-xl-1 {
margin : 0.25rem !important ;
}
.mt-xl-1, .my-xl-1 {
margin-top : 0.25rem !important ;
}
.mr-xl-1, .mx-xl-1 {
margin-right : 0.25rem !important ;
}
.mb-xl-1, .my-xl-1 {
margin-bottom : 0.25rem !important ;
}
.ml-xl-1, .mx-xl-1 {
margin-left : 0.25rem !important ;
}
.m-xl-2 {
margin : 0.5rem !important ;
}
.mt-xl-2, .my-xl-2 {
margin-top : 0.5rem !important ;
}
.mr-xl-2, .mx-xl-2 {
margin-right : 0.5rem !important ;
}
.mb-xl-2, .my-xl-2 {
margin-bottom : 0.5rem !important ;
}
.ml-xl-2, .mx-xl-2 {
margin-left : 0.5rem !important ;
}
.m-xl-3 {
margin : 1rem !important ;
}
.mt-xl-3, .my-xl-3 {
margin-top : 1rem !important ;
}
.mr-xl-3, .mx-xl-3 {
margin-right : 1rem !important ;
}
.mb-xl-3, .my-xl-3 {
margin-bottom : 1rem !important ;
}
.ml-xl-3, .mx-xl-3 {
margin-left : 1rem !important ;
}
.m-xl-4 {
margin : 1.5rem !important ;
}
.mt-xl-4, .my-xl-4 {
margin-top : 1.5rem !important ;
}
.mr-xl-4, .mx-xl-4 {
margin-right : 1.5rem !important ;
}
.mb-xl-4, .my-xl-4 {
margin-bottom : 1.5rem !important ;
}
.ml-xl-4, .mx-xl-4 {
margin-left : 1.5rem !important ;
}
.m-xl-5 {
margin : 3rem !important ;
}
.mt-xl-5, .my-xl-5 {
margin-top : 3rem !important ;
}
.mr-xl-5, .mx-xl-5 {
margin-right : 3rem !important ;
}
.mb-xl-5, .my-xl-5 {
margin-bottom : 3rem !important ;
}
.ml-xl-5, .mx-xl-5 {
margin-left : 3rem !important ;
}
.p-xl-0 {
padding : 0 !important ;
}
.pt-xl-0, .py-xl-0 {
padding-top : 0 !important ;
}
.pr-xl-0, .px-xl-0 {
padding-right : 0 !important ;
}
.pb-xl-0, .py-xl-0 {
padding-bottom : 0 !important ;
}
.pl-xl-0, .px-xl-0 {
padding-left : 0 !important ;
}
.p-xl-1 {
padding : 0.25rem !important ;
}
.pt-xl-1, .py-xl-1 {
padding-top : 0.25rem !important ;
}
.pr-xl-1, .px-xl-1 {
padding-right : 0.25rem !important ;
}
.pb-xl-1, .py-xl-1 {
padding-bottom : 0.25rem !important ;
}
.pl-xl-1, .px-xl-1 {
padding-left : 0.25rem !important ;
}
.p-xl-2 {
padding : 0.5rem !important ;
}
.pt-xl-2, .py-xl-2 {
padding-top : 0.5rem !important ;
}
.pr-xl-2, .px-xl-2 {
padding-right : 0.5rem !important ;
}
.pb-xl-2, .py-xl-2 {
padding-bottom : 0.5rem !important ;
}
.pl-xl-2, .px-xl-2 {
padding-left : 0.5rem !important ;
}
.p-xl-3 {
padding : 1rem !important ;
}
.pt-xl-3, .py-xl-3 {
padding-top : 1rem !important ;
}
.pr-xl-3, .px-xl-3 {
padding-right : 1rem !important ;
}
.pb-xl-3, .py-xl-3 {
padding-bottom : 1rem !important ;
}
.pl-xl-3, .px-xl-3 {
padding-left : 1rem !important ;
}
.p-xl-4 {
padding : 1.5rem !important ;
}
.pt-xl-4, .py-xl-4 {
padding-top : 1.5rem !important ;
}
.pr-xl-4, .px-xl-4 {
padding-right : 1.5rem !important ;
}
.pb-xl-4, .py-xl-4 {
padding-bottom : 1.5rem !important ;
}
.pl-xl-4, .px-xl-4 {
padding-left : 1.5rem !important ;
}
.p-xl-5 {
padding : 3rem !important ;
}
.pt-xl-5, .py-xl-5 {
padding-top : 3rem !important ;
}
.pr-xl-5, .px-xl-5 {
padding-right : 3rem !important ;
}
.pb-xl-5, .py-xl-5 {
padding-bottom : 3rem !important ;
}
.pl-xl-5, .px-xl-5 {
padding-left : 3rem !important ;
}
.m-xl-auto {
margin : auto !important ;
}
.mt-xl-auto, .my-xl-auto {
margin-top : auto !important ;
}
.mr-xl-auto, .mx-xl-auto {
margin-right : auto !important ;
}
.mb-xl-auto, .my-xl-auto {
margin-bottom : auto !important ;
}
.ml-xl-auto, .mx-xl-auto {
margin-left : auto !important ;
}
}
.text-justify {
text-align : justify !important ;
}
.text-nowrap {
white-space : nowrap !important ;
}
.text-truncate {
overflow : hidden;
text-overflow : ellipsis;
white-space : nowrap;
}
.text-left {
text-align : left !important ;
}
.text-right {
text-align : right !important ;
}
.text-center {
text-align : center !important ;
}
@media (min-width: 576px) {
.text-sm-left {
text-align : left !important ;
}
.text-sm-right {
text-align : right !important ;
}
.text-sm-center {
text-align : center !important ;
}
}
@media (min-width: 768px) {
.text-md-left {
text-align : left !important ;
}
.text-md-right {
text-align : right !important ;
}
.text-md-center {
text-align : center !important ;
}
}
@media (min-width: 992px) {
.text-lg-left {
text-align : left !important ;
}
.text-lg-right {
text-align : right !important ;
}
.text-lg-center {
text-align : center !important ;
}
}
@media (min-width: 1200px) {
.text-xl-left {
text-align : left !important ;
}
.text-xl-right {
text-align : right !important ;
}
.text-xl-center {
text-align : center !important ;
}
}
.text-lowercase {
text-transform : lowercase !important ;
}
.text-uppercase {
text-transform : uppercase !important ;
}
.text-capitalize {
text-transform : capitalize !important ;
}
.font-weight-light {
font-weight : 300 !important ;
}
.font-weight-normal {
font-weight : 400 !important ;
}
.font-weight-bold {
font-weight : 700 !important ;
}
.font-italic {
font-style : italic !important ;
}
.text-white {
color : #fff !important ;
}
.text-primary {
color : #007bff !important ;
}
a.text-primary:focus, a.text-primary:hover {
color : #0062cc !important ;
}
.text-secondary {
color : #868e96 !important ;
}
a.text-secondary:focus, a.text-secondary:hover {
color : #6c757d !important ;
}
.text-success {
color : #28a745 !important ;
}
a.text-success:focus, a.text-success:hover {
color : #1e7e34 !important ;
}
.text-info {
color : #17a2b8 !important ;
}
a.text-info:focus, a.text-info:hover {
color : #117a8b !important ;
}
.text-warning {
color : #ffc107 !important ;
}
a.text-warning:focus, a.text-warning:hover {
color : #d39e00 !important ;
}
.text-danger {
color : #fdb819 !important ;
}
a.text-danger:focus, a.text-danger:hover {
color : #fdb819 !important ;
}
.text-light {
color : #f8f9fa !important ;
}
a.text-light:focus, a.text-light:hover {
color : #dae0e5 !important ;
}
.text-dark {
color : #343a40 !important ;
}
a.text-dark:focus, a.text-dark:hover {
color : #1d2124 !important ;
}
.text-muted {
color : #868e96 !important ;
}
.text-hide {
font : 0/0 a;
color : transparent;
text-shadow : none;
background-color : transparent;
border : 0;
}
.visible {
visibility : visible !important ;
}
.invisible {
visibility : hidden !important ;
}

.fa {
display : inline-block;
font : normal normal 14px/1 FontAwesome;
font-size : inherit;
text-rendering : auto;
}
.fa-lg {
font-size : 1.33333333em;
line-height : 0.75em;
vertical-align : -15%;
}
.fa-2x {
font-size : 2em;
}
.fa-3x {
font-size : 3em;
}
.fa-4x {
font-size : 4em;
}
.fa-5x {
font-size : 5em;
}
.fa-fw {
width : 1.28571429em;
text-align : center;
}
.fa-ul {
padding-left : 0;
margin-left : 2.14285714em;
list-style-type : none;
}
.fa-ul > li {
position : relative;
}
.fa-li {
position : absolute;
left : -2.14285714em;
width : 2.14285714em;
top : 0.14285714em;
text-align : center;
}
.fa-li.fa-lg {
left : -1.85714286em;
}
.fa-border {
padding : 0.2em 0.25em 0.15em;
border : #eee solid 0.08em;
border-radius : 0.1em;
}
.fa-pull-left {
float : left;
}
.fa-pull-right {
float : right;
}
.fa.fa-pull-left {
margin-right : 0.3em;
}
.fa.fa-pull-right {
margin-left : 0.3em;
}
.pull-right {
float : right;
}
.pull-left {
float : left;
}
.fa.pull-left {
margin-right : 0.3em;
}
.fa.pull-right {
margin-left : 0.3em;
}
.fa-spin {
animation : fa-spin 2s linear infinite;
}
.fa-pulse {
animation : fa-spin 1s steps(8) infinite;
}
@keyframes fa-spin {
.fa-rotate-90 {
transform : rotate(90deg);
}
.fa-rotate-180 {
transform : rotate(180deg);
}
.fa-rotate-270 {
transform : rotate(270deg);
}
.fa-flip-horizontal {
transform : scale(-1,1);
}
.fa-flip-vertical {
transform : scale(1,-1);
}
:root .fa-rotate-90, :root .fa-rotate-180, :root .fa-rotate-270, :root .fa-flip-horizontal, :root .fa-flip-vertical {
filter : ;
}
.fa-stack {
position : relative;
display : inline-block;
width : 2em;
height : 2em;
line-height : 2em;
vertical-align : middle;
}
.fa-stack-1x, .fa-stack-2x {
position : absolute;
left : 0;
width : 100%;
text-align : center;
}
.fa-stack-1x {
line-height : inherit;
}
.fa-stack-2x {
font-size : 2em;
}
.fa-inverse {
color : #fff;
}
.fa-glass:before {
content : "\f000";
}
.fa-music:before {
content : "\f001";
}
.fa-search:before {
content : "\f002";
}
.fa-envelope-o:before {
content : "\f003";
}
.fa-heart:before {
content : "\f004";
}
.fa-star:before {
content : "\f005";
}
.fa-star-o:before {
content : "\f006";
}
.fa-user:before {
content : "\f007";
}
.fa-film:before {
content : "\f008";
}
.fa-th-large:before {
content : "\f009";
}
.fa-th:before {
content : "\f00a";
}
.fa-th-list:before {
content : "\f00b";
}
.fa-check:before {
content : "\f00c";
}
.fa-remove:before, .fa-close:before, .fa-times:before {
content : "\f00d";
}
.fa-search-plus:before {
content : "\f00e";
}
.fa-search-minus:before {
content : "\f010";
}
.fa-power-off:before {
content : "\f011";
}
.fa-signal:before {
content : "\f012";
}
.fa-gear:before, .fa-cog:before {
content : "\f013";
}
.fa-trash-o:before {
content : "\f014";
}
.fa-home:before {
content : "\f015";
}
.fa-file-o:before {
content : "\f016";
}
.fa-clock-o:before {
content : "\f017";
}
.fa-road:before {
content : "\f018";
}
.fa-download:before {
content : "\f019";
}
.fa-arrow-circle-o-down:before {
content : "\f01a";
}
.fa-arrow-circle-o-up:before {
content : "\f01b";
}
.fa-inbox:before {
content : "\f01c";
}
.fa-play-circle-o:before {
content : "\f01d";
}
.fa-rotate-right:before, .fa-repeat:before {
content : "\f01e";
}
.fa-refresh:before {
content : "\f021";
}
.fa-list-alt:before {
content : "\f022";
}
.fa-lock:before {
content : "\f023";
}
.fa-flag:before {
content : "\f024";
}
.fa-headphones:before {
content : "\f025";
}
.fa-volume-off:before {
content : "\f026";
}
.fa-volume-down:before {
content : "\f027";
}
.fa-volume-up:before {
content : "\f028";
}
.fa-qrcode:before {
content : "\f029";
}
.fa-barcode:before {
content : "\f02a";
}
.fa-tag:before {
content : "\f02b";
}
.fa-tags:before {
content : "\f02c";
}
.fa-book:before {
content : "\f02d";
}
.fa-bookmark:before {
content : "\f02e";
}
.fa-print:before {
content : "\f02f";
}
.fa-camera:before {
content : "\f030";
}
.fa-font:before {
content : "\f031";
}
.fa-bold:before {
content : "\f032";
}
.fa-italic:before {
content : "\f033";
}
.fa-text-height:before {
content : "\f034";
}
.fa-text-width:before {
content : "\f035";
}
.fa-align-left:before {
content : "\f036";
}
.fa-align-center:before {
content : "\f037";
}
.fa-align-right:before {
content : "\f038";
}
.fa-align-justify:before {
content : "\f039";
}
.fa-list:before {
content : "\f03a";
}
.fa-dedent:before, .fa-outdent:before {
content : "\f03b";
}
.fa-indent:before {
content : "\f03c";
}
.fa-video-camera:before {
content : "\f03d";
}
.fa-photo:before, .fa-image:before, .fa-picture-o:before {
content : "\f03e";
}
.fa-pencil:before {
content : "\f040";
}
.fa-map-marker:before {
content : "\f041";
}
.fa-adjust:before {
content : "\f042";
}
.fa-tint:before {
content : "\f043";
}
.fa-edit:before, .fa-pencil-square-o:before {
content : "\f044";
}
.fa-share-square-o:before {
content : "\f045";
}
.fa-check-square-o:before {
content : "\f046";
}
.fa-arrows:before {
content : "\f047";
}
.fa-step-backward:before {
content : "\f048";
}
.fa-fast-backward:before {
content : "\f049";
}
.fa-backward:before {
content : "\f04a";
}
.fa-play:before {
content : "\f04b";
}
.fa-pause:before {
content : "\f04c";
}
.fa-stop:before {
content : "\f04d";
}
.fa-forward:before {
content : "\f04e";
}
.fa-fast-forward:before {
content : "\f050";
}
.fa-step-forward:before {
content : "\f051";
}
.fa-eject:before {
content : "\f052";
}
.fa-chevron-left:before {
content : "\f053";
}
.fa-chevron-right:before {
content : "\f054";
}
.fa-plus-circle:before {
content : "\f055";
}
.fa-minus-circle:before {
content : "\f056";
}
.fa-times-circle:before {
content : "\f057";
}
.fa-check-circle:before {
content : "\f058";
}
.fa-question-circle:before {
content : "\f059";
}
.fa-info-circle:before {
content : "\f05a";
}
.fa-crosshairs:before {
content : "\f05b";
}
.fa-times-circle-o:before {
content : "\f05c";
}
.fa-check-circle-o:before {
content : "\f05d";
}
.fa-ban:before {
content : "\f05e";
}
.fa-arrow-left:before {
content : "\f060";
}
.fa-arrow-right:before {
content : "\f061";
}
.fa-arrow-up:before {
content : "\f062";
}
.fa-arrow-down:before {
content : "\f063";
}
.fa-mail-forward:before, .fa-share:before {
content : "\f064";
}
.fa-expand:before {
content : "\f065";
}
.fa-compress:before {
content : "\f066";
}
.fa-plus:before {
content : "\f067";
}
.fa-minus:before {
content : "\f068";
}
.fa-asterisk:before {
content : "\f069";
}
.fa-exclamation-circle:before {
content : "\f06a";
}
.fa-gift:before {
content : "\f06b";
}
.fa-leaf:before {
content : "\f06c";
}
.fa-fire:before {
content : "\f06d";
}
.fa-eye:before {
content : "\f06e";
}
.fa-eye-slash:before {
content : "\f070";
}
.fa-warning:before, .fa-exclamation-triangle:before {
content : "\f071";
}
.fa-plane:before {
content : "\f072";
}
.fa-calendar:before {
content : "\f073";
}
.fa-random:before {
content : "\f074";
}
.fa-comment:before {
content : "\f075";
}
.fa-magnet:before {
content : "\f076";
}
.fa-chevron-up:before {
content : "\f077";
}
.fa-chevron-down:before {
content : "\f078";
}
.fa-retweet:before {
content : "\f079";
}
.fa-shopping-cart:before {
content : "\f07a";
}
.fa-folder:before {
content : "\f07b";
}
.fa-folder-open:before {
content : "\f07c";
}
.fa-arrows-v:before {
content : "\f07d";
}
.fa-arrows-h:before {
content : "\f07e";
}
.fa-bar-chart-o:before, .fa-bar-chart:before {
content : "\f080";
}
.fa-twitter-square:before {
content : "\f081";
}
.fa-facebook-square:before {
content : "\f082";
}
.fa-camera-retro:before {
content : "\f083";
}
.fa-key:before {
content : "\f084";
}
.fa-gears:before, .fa-cogs:before {
content : "\f085";
}
.fa-comments:before {
content : "\f086";
}
.fa-thumbs-o-up:before {
content : "\f087";
}
.fa-thumbs-o-down:before {
content : "\f088";
}
.fa-star-half:before {
content : "\f089";
}
.fa-heart-o:before {
content : "\f08a";
}
.fa-sign-out:before {
content : "\f08b";
}
.fa-linkedin-square:before {
content : "\f08c";
}
.fa-thumb-tack:before {
content : "\f08d";
}
.fa-external-link:before {
content : "\f08e";
}
.fa-sign-in:before {
content : "\f090";
}
.fa-trophy:before {
content : "\f091";
}
.fa-github-square:before {
content : "\f092";
}
.fa-upload:before {
content : "\f093";
}
.fa-lemon-o:before {
content : "\f094";
}
.fa-phone:before {
content : "\f095";
}
.fa-square-o:before {
content : "\f096";
}
.fa-bookmark-o:before {
content : "\f097";
}
.fa-phone-square:before {
content : "\f098";
}
.fa-twitter:before {
content : "\f099";
}
.fa-facebook-f:before, .fa-facebook:before {
content : "\f09a";
}
.fa-github:before {
content : "\f09b";
}
.fa-unlock:before {
content : "\f09c";
}
.fa-credit-card:before {
content : "\f09d";
}
.fa-feed:before, .fa-rss:before {
content : "\f09e";
}
.fa-hdd-o:before {
content : "\f0a0";
}
.fa-bullhorn:before {
content : "\f0a1";
}
.fa-bell:before {
content : "\f0f3";
}
.fa-certificate:before {
content : "\f0a3";
}
.fa-hand-o-right:before {
content : "\f0a4";
}
.fa-hand-o-left:before {
content : "\f0a5";
}
.fa-hand-o-up:before {
content : "\f0a6";
}
.fa-hand-o-down:before {
content : "\f0a7";
}
.fa-arrow-circle-left:before {
content : "\f0a8";
}
.fa-arrow-circle-right:before {
content : "\f0a9";
}
.fa-arrow-circle-up:before {
content : "\f0aa";
}
.fa-arrow-circle-down:before {
content : "\f0ab";
}
.fa-globe:before {
content : "\f0ac";
}
.fa-wrench:before {
content : "\f0ad";
}
.fa-tasks:before {
content : "\f0ae";
}
.fa-filter:before {
content : "\f0b0";
}
.fa-briefcase:before {
content : "\f0b1";
}
.fa-arrows-alt:before {
content : "\f0b2";
}
.fa-group:before, .fa-users:before {
content : "\f0c0";
}
.fa-chain:before, .fa-link:before {
content : "\f0c1";
}
.fa-cloud:before {
content : "\f0c2";
}
.fa-flask:before {
content : "\f0c3";
}
.fa-cut:before, .fa-scissors:before {
content : "\f0c4";
}
.fa-copy:before, .fa-files-o:before {
content : "\f0c5";
}
.fa-paperclip:before {
content : "\f0c6";
}
.fa-save:before, .fa-floppy-o:before {
content : "\f0c7";
}
.fa-square:before {
content : "\f0c8";
}
.fa-navicon:before, .fa-reorder:before, .fa-bars:before {
content : "\f0c9";
}
.fa-list-ul:before {
content : "\f0ca";
}
.fa-list-ol:before {
content : "\f0cb";
}
.fa-strikethrough:before {
content : "\f0cc";
}
.fa-underline:before {
content : "\f0cd";
}
.fa-table:before {
content : "\f0ce";
}
.fa-magic:before {
content : "\f0d0";
}
.fa-truck:before {
content : "\f0d1";
}
.fa-pinterest:before {
content : "\f0d2";
}
.fa-pinterest-square:before {
content : "\f0d3";
}
.fa-google-plus-square:before {
content : "\f0d4";
}
.fa-google-plus:before {
content : "\f0d5";
}
.fa-money:before {
content : "\f0d6";
}
.fa-caret-down:before {
content : "\f0d7";
}
.fa-caret-up:before {
content : "\f0d8";
}
.fa-caret-left:before {
content : "\f0d9";
}
.fa-caret-right:before {
content : "\f0da";
}
.fa-columns:before {
content : "\f0db";
}
.fa-unsorted:before, .fa-sort:before {
content : "\f0dc";
}
.fa-sort-down:before, .fa-sort-desc:before {
content : "\f0dd";
}
.fa-sort-up:before, .fa-sort-asc:before {
content : "\f0de";
}
.fa-envelope:before {
content : "\f0e0";
}
.fa-linkedin:before {
content : "\f0e1";
}
.fa-rotate-left:before, .fa-undo:before {
content : "\f0e2";
}
.fa-legal:before, .fa-gavel:before {
content : "\f0e3";
}
.fa-dashboard:before, .fa-tachometer:before {
content : "\f0e4";
}
.fa-comment-o:before {
content : "\f0e5";
}
.fa-comments-o:before {
content : "\f0e6";
}
.fa-flash:before, .fa-bolt:before {
content : "\f0e7";
}
.fa-sitemap:before {
content : "\f0e8";
}
.fa-umbrella:before {
content : "\f0e9";
}
.fa-paste:before, .fa-clipboard:before {
content : "\f0ea";
}
.fa-lightbulb-o:before {
content : "\f0eb";
}
.fa-exchange:before {
content : "\f0ec";
}
.fa-cloud-download:before {
content : "\f0ed";
}
.fa-cloud-upload:before {
content : "\f0ee";
}
.fa-user-md:before {
content : "\f0f0";
}
.fa-stethoscope:before {
content : "\f0f1";
}
.fa-suitcase:before {
content : "\f0f2";
}
.fa-bell-o:before {
content : "\f0a2";
}
.fa-coffee:before {
content : "\f0f4";
}
.fa-cutlery:before {
content : "\f0f5";
}
.fa-file-text-o:before {
content : "\f0f6";
}
.fa-building-o:before {
content : "\f0f7";
}
.fa-hospital-o:before {
content : "\f0f8";
}
.fa-ambulance:before {
content : "\f0f9";
}
.fa-medkit:before {
content : "\f0fa";
}
.fa-fighter-jet:before {
content : "\f0fb";
}
.fa-beer:before {
content : "\f0fc";
}
.fa-h-square:before {
content : "\f0fd";
}
.fa-plus-square:before {
content : "\f0fe";
}
.fa-angle-double-left:before {
content : "\f100";
}
.fa-angle-double-right:before {
content : "\f101";
}
.fa-angle-double-up:before {
content : "\f102";
}
.fa-angle-double-down:before {
content : "\f103";
}
.fa-angle-left:before {
content : "\f104";
}
.fa-angle-right:before {
content : "\f105";
}
.fa-angle-up:before {
content : "\f106";
}
.fa-angle-down:before {
content : "\f107";
}
.fa-desktop:before {
content : "\f108";
}
.fa-laptop:before {
content : "\f109";
}
.fa-tablet:before {
content : "\f10a";
}
.fa-mobile-phone:before, .fa-mobile:before {
content : "\f10b";
}
.fa-circle-o:before {
content : "\f10c";
}
.fa-quote-left:before {
content : "\f10d";
}
.fa-quote-right:before {
content : "\f10e";
}
.fa-spinner:before {
content : "\f110";
}
.fa-circle:before {
content : "\f111";
}
.fa-mail-reply:before, .fa-reply:before {
content : "\f112";
}
.fa-github-alt:before {
content : "\f113";
}
.fa-folder-o:before {
content : "\f114";
}
.fa-folder-open-o:before {
content : "\f115";
}
.fa-smile-o:before {
content : "\f118";
}
.fa-frown-o:before {
content : "\f119";
}
.fa-meh-o:before {
content : "\f11a";
}
.fa-gamepad:before {
content : "\f11b";
}
.fa-keyboard-o:before {
content : "\f11c";
}
.fa-flag-o:before {
content : "\f11d";
}
.fa-flag-checkered:before {
content : "\f11e";
}
.fa-terminal:before {
content : "\f120";
}
.fa-code:before {
content : "\f121";
}
.fa-mail-reply-all:before, .fa-reply-all:before {
content : "\f122";
}
.fa-star-half-empty:before, .fa-star-half-full:before, .fa-star-half-o:before {
content : "\f123";
}
.fa-location-arrow:before {
content : "\f124";
}
.fa-crop:before {
content : "\f125";
}
.fa-code-fork:before {
content : "\f126";
}
.fa-unlink:before, .fa-chain-broken:before {
content : "\f127";
}
.fa-question:before {
content : "\f128";
}
.fa-info:before {
content : "\f129";
}
.fa-exclamation:before {
content : "\f12a";
}
.fa-superscript:before {
content : "\f12b";
}
.fa-subscript:before {
content : "\f12c";
}
.fa-eraser:before {
content : "\f12d";
}
.fa-puzzle-piece:before {
content : "\f12e";
}
.fa-microphone:before {
content : "\f130";
}
.fa-microphone-slash:before {
content : "\f131";
}
.fa-shield:before {
content : "\f132";
}
.fa-calendar-o:before {
content : "\f133";
}
.fa-fire-extinguisher:before {
content : "\f134";
}
.fa-rocket:before {
content : "\f135";
}
.fa-maxcdn:before {
content : "\f136";
}
.fa-chevron-circle-left:before {
content : "\f137";
}
.fa-chevron-circle-right:before {
content : "\f138";
}
.fa-chevron-circle-up:before {
content : "\f139";
}
.fa-chevron-circle-down:before {
content : "\f13a";
}
.fa-html5:before {
content : "\f13b";
}
.fa-css3:before {
content : "\f13c";
}
.fa-anchor:before {
content : "\f13d";
}
.fa-unlock-alt:before {
content : "\f13e";
}
.fa-bullseye:before {
content : "\f140";
}
.fa-ellipsis-h:before {
content : "\f141";
}
.fa-ellipsis-v:before {
content : "\f142";
}
.fa-rss-square:before {
content : "\f143";
}
.fa-play-circle:before {
content : "\f144";
}
.fa-ticket:before {
content : "\f145";
}
.fa-minus-square:before {
content : "\f146";
}
.fa-minus-square-o:before {
content : "\f147";
}
.fa-level-up:before {
content : "\f148";
}
.fa-level-down:before {
content : "\f149";
}
.fa-check-square:before {
content : "\f14a";
}
.fa-pencil-square:before {
content : "\f14b";
}
.fa-external-link-square:before {
content : "\f14c";
}
.fa-share-square:before {
content : "\f14d";
}
.fa-compass:before {
content : "\f14e";
}
.fa-toggle-down:before, .fa-caret-square-o-down:before {
content : "\f150";
}
.fa-toggle-up:before, .fa-caret-square-o-up:before {
content : "\f151";
}
.fa-toggle-right:before, .fa-caret-square-o-right:before {
content : "\f152";
}
.fa-euro:before, .fa-eur:before {
content : "\f153";
}
.fa-gbp:before {
content : "\f154";
}
.fa-dollar:before, .fa-usd:before {
content : "\f155";
}
.fa-rupee:before, .fa-inr:before {
content : "\f156";
}
.fa-cny:before, .fa-rmb:before, .fa-yen:before, .fa-jpy:before {
content : "\f157";
}
.fa-ruble:before, .fa-rouble:before, .fa-rub:before {
content : "\f158";
}
.fa-won:before, .fa-krw:before {
content : "\f159";
}
.fa-bitcoin:before, .fa-btc:before {
content : "\f15a";
}
.fa-file:before {
content : "\f15b";
}
.fa-file-text:before {
content : "\f15c";
}
.fa-sort-alpha-asc:before {
content : "\f15d";
}
.fa-sort-alpha-desc:before {
content : "\f15e";
}
.fa-sort-amount-asc:before {
content : "\f160";
}
.fa-sort-amount-desc:before {
content : "\f161";
}
.fa-sort-numeric-asc:before {
content : "\f162";
}
.fa-sort-numeric-desc:before {
content : "\f163";
}
.fa-thumbs-up:before {
content : "\f164";
}
.fa-thumbs-down:before {
content : "\f165";
}
.fa-youtube-square:before {
content : "\f166";
}
.fa-youtube:before {
content : "\f167";
}
.fa-xing:before {
content : "\f168";
}
.fa-xing-square:before {
content : "\f169";
}
.fa-youtube-play:before {
content : "\f16a";
}
.fa-dropbox:before {
content : "\f16b";
}
.fa-stack-overflow:before {
content : "\f16c";
}
.fa-instagram:before {
content : "\f16d";
}
.fa-flickr:before {
content : "\f16e";
}
.fa-adn:before {
content : "\f170";
}
.fa-bitbucket:before {
content : "\f171";
}
.fa-bitbucket-square:before {
content : "\f172";
}
.fa-tumblr:before {
content : "\f173";
}
.fa-tumblr-square:before {
content : "\f174";
}
.fa-long-arrow-down:before {
content : "\f175";
}
.fa-long-arrow-up:before {
content : "\f176";
}
.fa-long-arrow-left:before {
content : "\f177";
}
.fa-long-arrow-right:before {
content : "\f178";
}
.fa-apple:before {
content : "\f179";
}
.fa-windows:before {
content : "\f17a";
}
.fa-android:before {
content : "\f17b";
}
.fa-linux:before {
content : "\f17c";
}
.fa-dribbble:before {
content : "\f17d";
}
.fa-skype:before {
content : "\f17e";
}
.fa-foursquare:before {
content : "\f180";
}
.fa-trello:before {
content : "\f181";
}
.fa-female:before {
content : "\f182";
}
.fa-male:before {
content : "\f183";
}
.fa-gittip:before, .fa-gratipay:before {
content : "\f184";
}
.fa-sun-o:before {
content : "\f185";
}
.fa-moon-o:before {
content : "\f186";
}
.fa-archive:before {
content : "\f187";
}
.fa-bug:before {
content : "\f188";
}
.fa-vk:before {
content : "\f189";
}
.fa-weibo:before {
content : "\f18a";
}
.fa-renren:before {
content : "\f18b";
}
.fa-pagelines:before {
content : "\f18c";
}
.fa-stack-exchange:before {
content : "\f18d";
}
.fa-arrow-circle-o-right:before {
content : "\f18e";
}
.fa-arrow-circle-o-left:before {
content : "\f190";
}
.fa-toggle-left:before, .fa-caret-square-o-left:before {
content : "\f191";
}
.fa-dot-circle-o:before {
content : "\f192";
}
.fa-wheelchair:before {
content : "\f193";
}
.fa-vimeo-square:before {
content : "\f194";
}
.fa-turkish-lira:before, .fa-try:before {
content : "\f195";
}
.fa-plus-square-o:before {
content : "\f196";
}
.fa-space-shuttle:before {
content : "\f197";
}
.fa-slack:before {
content : "\f198";
}
.fa-envelope-square:before {
content : "\f199";
}
.fa-wordpress:before {
content : "\f19a";
}
.fa-openid:before {
content : "\f19b";
}
.fa-institution:before, .fa-bank:before, .fa-university:before {
content : "\f19c";
}
.fa-mortar-board:before, .fa-graduation-cap:before {
content : "\f19d";
}
.fa-yahoo:before {
content : "\f19e";
}
.fa-google:before {
content : "\f1a0";
}
.fa-reddit:before {
content : "\f1a1";
}
.fa-reddit-square:before {
content : "\f1a2";
}
.fa-stumbleupon-circle:before {
content : "\f1a3";
}
.fa-stumbleupon:before {
content : "\f1a4";
}
.fa-delicious:before {
content : "\f1a5";
}
.fa-digg:before {
content : "\f1a6";
}
.fa-pied-piper-pp:before {
content : "\f1a7";
}
.fa-pied-piper-alt:before {
content : "\f1a8";
}
.fa-drupal:before {
content : "\f1a9";
}
.fa-joomla:before {
content : "\f1aa";
}
.fa-language:before {
content : "\f1ab";
}
.fa-fax:before {
content : "\f1ac";
}
.fa-building:before {
content : "\f1ad";
}
.fa-child:before {
content : "\f1ae";
}
.fa-paw:before {
content : "\f1b0";
}
.fa-spoon:before {
content : "\f1b1";
}
.fa-cube:before {
content : "\f1b2";
}
.fa-cubes:before {
content : "\f1b3";
}
.fa-behance:before {
content : "\f1b4";
}
.fa-behance-square:before {
content : "\f1b5";
}
.fa-steam:before {
content : "\f1b6";
}
.fa-steam-square:before {
content : "\f1b7";
}
.fa-recycle:before {
content : "\f1b8";
}
.fa-automobile:before, .fa-car:before {
content : "\f1b9";
}
.fa-cab:before, .fa-taxi:before {
content : "\f1ba";
}
.fa-tree:before {
content : "\f1bb";
}
.fa-spotify:before {
content : "\f1bc";
}
.fa-deviantart:before {
content : "\f1bd";
}
.fa-soundcloud:before {
content : "\f1be";
}
.fa-database:before {
content : "\f1c0";
}
.fa-file-pdf-o:before {
content : "\f1c1";
}
.fa-file-word-o:before {
content : "\f1c2";
}
.fa-file-excel-o:before {
content : "\f1c3";
}
.fa-file-powerpoint-o:before {
content : "\f1c4";
}
.fa-file-photo-o:before, .fa-file-picture-o:before, .fa-file-image-o:before {
content : "\f1c5";
}
.fa-file-zip-o:before, .fa-file-archive-o:before {
content : "\f1c6";
}
.fa-file-sound-o:before, .fa-file-audio-o:before {
content : "\f1c7";
}
.fa-file-movie-o:before, .fa-file-video-o:before {
content : "\f1c8";
}
.fa-file-code-o:before {
content : "\f1c9";
}
.fa-vine:before {
content : "\f1ca";
}
.fa-codepen:before {
content : "\f1cb";
}
.fa-jsfiddle:before {
content : "\f1cc";
}
.fa-life-bouy:before, .fa-life-buoy:before, .fa-life-saver:before, .fa-support:before, .fa-life-ring:before {
content : "\f1cd";
}
.fa-circle-o-notch:before {
content : "\f1ce";
}
.fa-ra:before, .fa-resistance:before, .fa-rebel:before {
content : "\f1d0";
}
.fa-ge:before, .fa-empire:before {
content : "\f1d1";
}
.fa-git-square:before {
content : "\f1d2";
}
.fa-git:before {
content : "\f1d3";
}
.fa-y-combinator-square:before, .fa-yc-square:before, .fa-hacker-news:before {
content : "\f1d4";
}
.fa-tencent-weibo:before {
content : "\f1d5";
}
.fa-qq:before {
content : "\f1d6";
}
.fa-wechat:before, .fa-weixin:before {
content : "\f1d7";
}
.fa-send:before, .fa-paper-plane:before {
content : "\f1d8";
}
.fa-send-o:before, .fa-paper-plane-o:before {
content : "\f1d9";
}
.fa-history:before {
content : "\f1da";
}
.fa-circle-thin:before {
content : "\f1db";
}
.fa-header:before {
content : "\f1dc";
}
.fa-paragraph:before {
content : "\f1dd";
}
.fa-sliders:before {
content : "\f1de";
}
.fa-share-alt:before {
content : "\f1e0";
}
.fa-share-alt-square:before {
content : "\f1e1";
}
.fa-bomb:before {
content : "\f1e2";
}
.fa-soccer-ball-o:before, .fa-futbol-o:before {
content : "\f1e3";
}
.fa-tty:before {
content : "\f1e4";
}
.fa-binoculars:before {
content : "\f1e5";
}
.fa-plug:before {
content : "\f1e6";
}
.fa-slideshare:before {
content : "\f1e7";
}
.fa-twitch:before {
content : "\f1e8";
}
.fa-yelp:before {
content : "\f1e9";
}
.fa-newspaper-o:before {
content : "\f1ea";
}
.fa-wifi:before {
content : "\f1eb";
}
.fa-calculator:before {
content : "\f1ec";
}
.fa-paypal:before {
content : "\f1ed";
}
.fa-google-wallet:before {
content : "\f1ee";
}
.fa-cc-visa:before {
content : "\f1f0";
}
.fa-cc-mastercard:before {
content : "\f1f1";
}
.fa-cc-discover:before {
content : "\f1f2";
}
.fa-cc-amex:before {
content : "\f1f3";
}
.fa-cc-paypal:before {
content : "\f1f4";
}
.fa-cc-stripe:before {
content : "\f1f5";
}
.fa-bell-slash:before {
content : "\f1f6";
}
.fa-bell-slash-o:before {
content : "\f1f7";
}
.fa-trash:before {
content : "\f1f8";
}
.fa-copyright:before {
content : "\f1f9";
}
.fa-at:before {
content : "\f1fa";
}
.fa-eyedropper:before {
content : "\f1fb";
}
.fa-paint-brush:before {
content : "\f1fc";
}
.fa-birthday-cake:before {
content : "\f1fd";
}
.fa-area-chart:before {
content : "\f1fe";
}
.fa-pie-chart:before {
content : "\f200";
}
.fa-line-chart:before {
content : "\f201";
}
.fa-lastfm:before {
content : "\f202";
}
.fa-lastfm-square:before {
content : "\f203";
}
.fa-toggle-off:before {
content : "\f204";
}
.fa-toggle-on:before {
content : "\f205";
}
.fa-bicycle:before {
content : "\f206";
}
.fa-bus:before {
content : "\f207";
}
.fa-ioxhost:before {
content : "\f208";
}
.fa-angellist:before {
content : "\f209";
}
.fa-cc:before {
content : "\f20a";
}
.fa-shekel:before, .fa-sheqel:before, .fa-ils:before {
content : "\f20b";
}
.fa-meanpath:before {
content : "\f20c";
}
.fa-buysellads:before {
content : "\f20d";
}
.fa-connectdevelop:before {
content : "\f20e";
}
.fa-dashcube:before {
content : "\f210";
}
.fa-forumbee:before {
content : "\f211";
}
.fa-leanpub:before {
content : "\f212";
}
.fa-sellsy:before {
content : "\f213";
}
.fa-shirtsinbulk:before {
content : "\f214";
}
.fa-simplybuilt:before {
content : "\f215";
}
.fa-skyatlas:before {
content : "\f216";
}
.fa-cart-plus:before {
content : "\f217";
}
.fa-cart-arrow-down:before {
content : "\f218";
}
.fa-diamond:before {
content : "\f219";
}
.fa-ship:before {
content : "\f21a";
}
.fa-user-secret:before {
content : "\f21b";
}
.fa-motorcycle:before {
content : "\f21c";
}
.fa-street-view:before {
content : "\f21d";
}
.fa-heartbeat:before {
content : "\f21e";
}
.fa-venus:before {
content : "\f221";
}
.fa-mars:before {
content : "\f222";
}
.fa-mercury:before {
content : "\f223";
}
.fa-intersex:before, .fa-transgender:before {
content : "\f224";
}
.fa-transgender-alt:before {
content : "\f225";
}
.fa-venus-double:before {
content : "\f226";
}
.fa-mars-double:before {
content : "\f227";
}
.fa-venus-mars:before {
content : "\f228";
}
.fa-mars-stroke:before {
content : "\f229";
}
.fa-mars-stroke-v:before {
content : "\f22a";
}
.fa-mars-stroke-h:before {
content : "\f22b";
}
.fa-neuter:before {
content : "\f22c";
}
.fa-genderless:before {
content : "\f22d";
}
.fa-facebook-official:before {
content : "\f230";
}
.fa-pinterest-p:before {
content : "\f231";
}
.fa-whatsapp:before {
content : "\f232";
}
.fa-server:before {
content : "\f233";
}
.fa-user-plus:before {
content : "\f234";
}
.fa-user-times:before {
content : "\f235";
}
.fa-hotel:before, .fa-bed:before {
content : "\f236";
}
.fa-viacoin:before {
content : "\f237";
}
.fa-train:before {
content : "\f238";
}
.fa-subway:before {
content : "\f239";
}
.fa-medium:before {
content : "\f23a";
}
.fa-yc:before, .fa-y-combinator:before {
content : "\f23b";
}
.fa-optin-monster:before {
content : "\f23c";
}
.fa-opencart:before {
content : "\f23d";
}
.fa-expeditedssl:before {
content : "\f23e";
}
.fa-battery-4:before, .fa-battery:before, .fa-battery-full:before {
content : "\f240";
}
.fa-battery-3:before, .fa-battery-three-quarters:before {
content : "\f241";
}
.fa-battery-2:before, .fa-battery-half:before {
content : "\f242";
}
.fa-battery-1:before, .fa-battery-quarter:before {
content : "\f243";
}
.fa-battery-0:before, .fa-battery-empty:before {
content : "\f244";
}
.fa-mouse-pointer:before {
content : "\f245";
}
.fa-i-cursor:before {
content : "\f246";
}
.fa-object-group:before {
content : "\f247";
}
.fa-object-ungroup:before {
content : "\f248";
}
.fa-sticky-note:before {
content : "\f249";
}
.fa-sticky-note-o:before {
content : "\f24a";
}
.fa-cc-jcb:before {
content : "\f24b";
}
.fa-cc-diners-club:before {
content : "\f24c";
}
.fa-clone:before {
content : "\f24d";
}
.fa-balance-scale:before {
content : "\f24e";
}
.fa-hourglass-o:before {
content : "\f250";
}
.fa-hourglass-1:before, .fa-hourglass-start:before {
content : "\f251";
}
.fa-hourglass-2:before, .fa-hourglass-half:before {
content : "\f252";
}
.fa-hourglass-3:before, .fa-hourglass-end:before {
content : "\f253";
}
.fa-hourglass:before {
content : "\f254";
}
.fa-hand-grab-o:before, .fa-hand-rock-o:before {
content : "\f255";
}
.fa-hand-stop-o:before, .fa-hand-paper-o:before {
content : "\f256";
}
.fa-hand-scissors-o:before {
content : "\f257";
}
.fa-hand-lizard-o:before {
content : "\f258";
}
.fa-hand-spock-o:before {
content : "\f259";
}
.fa-hand-pointer-o:before {
content : "\f25a";
}
.fa-hand-peace-o:before {
content : "\f25b";
}
.fa-trademark:before {
content : "\f25c";
}
.fa-registered:before {
content : "\f25d";
}
.fa-creative-commons:before {
content : "\f25e";
}
.fa-gg:before {
content : "\f260";
}
.fa-gg-circle:before {
content : "\f261";
}
.fa-tripadvisor:before {
content : "\f262";
}
.fa-odnoklassniki:before {
content : "\f263";
}
.fa-odnoklassniki-square:before {
content : "\f264";
}
.fa-get-pocket:before {
content : "\f265";
}
.fa-wikipedia-w:before {
content : "\f266";
}
.fa-safari:before {
content : "\f267";
}
.fa-chrome:before {
content : "\f268";
}
.fa-firefox:before {
content : "\f269";
}
.fa-opera:before {
content : "\f26a";
}
.fa-internet-explorer:before {
content : "\f26b";
}
.fa-tv:before, .fa-television:before {
content : "\f26c";
}
.fa-contao:before {
content : "\f26d";
}
.fa-500px:before {
content : "\f26e";
}
.fa-amazon:before {
content : "\f270";
}
.fa-calendar-plus-o:before {
content : "\f271";
}
.fa-calendar-minus-o:before {
content : "\f272";
}
.fa-calendar-times-o:before {
content : "\f273";
}
.fa-calendar-check-o:before {
content : "\f274";
}
.fa-industry:before {
content : "\f275";
}
.fa-map-pin:before {
content : "\f276";
}
.fa-map-signs:before {
content : "\f277";
}
.fa-map-o:before {
content : "\f278";
}
.fa-map:before {
content : "\f279";
}
.fa-commenting:before {
content : "\f27a";
}
.fa-commenting-o:before {
content : "\f27b";
}
.fa-houzz:before {
content : "\f27c";
}
.fa-vimeo:before {
content : "\f27d";
}
.fa-black-tie:before {
content : "\f27e";
}
.fa-fonticons:before {
content : "\f280";
}
.fa-reddit-alien:before {
content : "\f281";
}
.fa-edge:before {
content : "\f282";
}
.fa-credit-card-alt:before {
content : "\f283";
}
.fa-codiepie:before {
content : "\f284";
}
.fa-modx:before {
content : "\f285";
}
.fa-fort-awesome:before {
content : "\f286";
}
.fa-usb:before {
content : "\f287";
}
.fa-product-hunt:before {
content : "\f288";
}
.fa-mixcloud:before {
content : "\f289";
}
.fa-scribd:before {
content : "\f28a";
}
.fa-pause-circle:before {
content : "\f28b";
}
.fa-pause-circle-o:before {
content : "\f28c";
}
.fa-stop-circle:before {
content : "\f28d";
}
.fa-stop-circle-o:before {
content : "\f28e";
}
.fa-shopping-bag:before {
content : "\f290";
}
.fa-shopping-basket:before {
content : "\f291";
}
.fa-hashtag:before {
content : "\f292";
}
.fa-bluetooth:before {
content : "\f293";
}
.fa-bluetooth-b:before {
content : "\f294";
}
.fa-percent:before {
content : "\f295";
}
.fa-gitlab:before {
content : "\f296";
}
.fa-wpbeginner:before {
content : "\f297";
}
.fa-wpforms:before {
content : "\f298";
}
.fa-envira:before {
content : "\f299";
}
.fa-universal-access:before {
content : "\f29a";
}
.fa-wheelchair-alt:before {
content : "\f29b";
}
.fa-question-circle-o:before {
content : "\f29c";
}
.fa-blind:before {
content : "\f29d";
}
.fa-audio-description:before {
content : "\f29e";
}
.fa-volume-control-phone:before {
content : "\f2a0";
}
.fa-braille:before {
content : "\f2a1";
}
.fa-assistive-listening-systems:before {
content : "\f2a2";
}
.fa-asl-interpreting:before, .fa-american-sign-language-interpreting:before {
content : "\f2a3";
}
.fa-deafness:before, .fa-hard-of-hearing:before, .fa-deaf:before {
content : "\f2a4";
}
.fa-glide:before {
content : "\f2a5";
}
.fa-glide-g:before {
content : "\f2a6";
}
.fa-signing:before, .fa-sign-language:before {
content : "\f2a7";
}
.fa-low-vision:before {
content : "\f2a8";
}
.fa-viadeo:before {
content : "\f2a9";
}
.fa-viadeo-square:before {
content : "\f2aa";
}
.fa-snapchat:before {
content : "\f2ab";
}
.fa-snapchat-ghost:before {
content : "\f2ac";
}
.fa-snapchat-square:before {
content : "\f2ad";
}
.fa-pied-piper:before {
content : "\f2ae";
}
.fa-first-order:before {
content : "\f2b0";
}
.fa-yoast:before {
content : "\f2b1";
}
.fa-themeisle:before {
content : "\f2b2";
}
.fa-google-plus-circle:before, .fa-google-plus-official:before {
content : "\f2b3";
}
.fa-fa:before, .fa-font-awesome:before {
content : "\f2b4";
}
.fa-handshake-o:before {
content : "\f2b5";
}
.fa-envelope-open:before {
content : "\f2b6";
}
.fa-envelope-open-o:before {
content : "\f2b7";
}
.fa-linode:before {
content : "\f2b8";
}
.fa-address-book:before {
content : "\f2b9";
}
.fa-address-book-o:before {
content : "\f2ba";
}
.fa-vcard:before, .fa-address-card:before {
content : "\f2bb";
}
.fa-vcard-o:before, .fa-address-card-o:before {
content : "\f2bc";
}
.fa-user-circle:before {
content : "\f2bd";
}
.fa-user-circle-o:before {
content : "\f2be";
}
.fa-user-o:before {
content : "\f2c0";
}
.fa-id-badge:before {
content : "\f2c1";
}
.fa-drivers-license:before, .fa-id-card:before {
content : "\f2c2";
}
.fa-drivers-license-o:before, .fa-id-card-o:before {
content : "\f2c3";
}
.fa-quora:before {
content : "\f2c4";
}
.fa-free-code-camp:before {
content : "\f2c5";
}
.fa-telegram:before {
content : "\f2c6";
}
.fa-thermometer-4:before, .fa-thermometer:before, .fa-thermometer-full:before {
content : "\f2c7";
}
.fa-thermometer-3:before, .fa-thermometer-three-quarters:before {
content : "\f2c8";
}
.fa-thermometer-2:before, .fa-thermometer-half:before {
content : "\f2c9";
}
.fa-thermometer-1:before, .fa-thermometer-quarter:before {
content : "\f2ca";
}
.fa-thermometer-0:before, .fa-thermometer-empty:before {
content : "\f2cb";
}
.fa-shower:before {
content : "\f2cc";
}
.fa-bathtub:before, .fa-s15:before, .fa-bath:before {
content : "\f2cd";
}
.fa-podcast:before {
content : "\f2ce";
}
.fa-window-maximize:before {
content : "\f2d0";
}
.fa-window-minimize:before {
content : "\f2d1";
}
.fa-window-restore:before {
content : "\f2d2";
}
.fa-times-rectangle:before, .fa-window-close:before {
content : "\f2d3";
}
.fa-times-rectangle-o:before, .fa-window-close-o:before {
content : "\f2d4";
}
.fa-bandcamp:before {
content : "\f2d5";
}
.fa-grav:before {
content : "\f2d6";
}
.fa-etsy:before {
content : "\f2d7";
}
.fa-imdb:before {
content : "\f2d8";
}
.fa-ravelry:before {
content : "\f2d9";
}
.fa-eercast:before {
content : "\f2da";
}
.fa-microchip:before {
content : "\f2db";
}
.fa-snowflake-o:before {
content : "\f2dc";
}
.fa-superpowers:before {
content : "\f2dd";
}
.fa-wpexplorer:before {
content : "\f2de";
}
.fa-meetup:before {
content : "\f2e0";
}
.sr-only {
position : absolute;
width : 1px;
height : 1px;
padding : 0;
margin : -1px;
overflow : hidden;
clip : rect(0,0,0,0);
border : 0;
}
.sr-only-focusable:active, .sr-only-focusable:focus {
position : static;
width : auto;
height : auto;
margin : 0;
overflow : visible;
clip : auto;
}
}


body{
overflow-x : hidden;
}
@media (max-width: 576px) {
.col-xs-5ths {
position : relative;
min-height : 1px;
padding-right : 0;
padding-left : 0;
flex : 0 0 20%;
float : left;
}
}
@media (min-width: 576px) {
.col-sm-5ths {
position : relative;
min-height : 1px;
padding-right : 0;
padding-left : 0;
flex : 0 0 20%;
float : left;
}
}
@media (min-width: 768px) {
.col-md-5ths {
position : relative;
min-height : 1px;
padding-right : 0;
padding-left : 0;
flex : 0 0 20%;
float : left;
}
}
@media (min-width: 992px) {
.menu-container {
top : -90px;
}
.col-lg-5ths {
position : relative;
min-height : 1px;
padding-right : 0;
padding-left : 0;
flex : 0 0 20%;
float : left;
}
}
@media (min-width: 1200px) {
.col-xl-5ths {
position : relative;
min-height : 1px;
padding-right : 10px;
padding-left : 10px;
flex : 0 0 20%;
float : left;
}
}
.start-img {
width : 100%;
background-position : center;
}
.menu-container .navbar-custom-style {
position : fixed;
top : 0;
z-index : 1030;
display : block;
width : 100%;
}
.logo {
margin-top : 20px;
max-height : 50px;
width : auto;
height : auto;
}
.menu-container .menu-sm {
float : right;
text-align : right;
}
.menu-container .menu {
text-align : right;
color : #e0e4e7;
display : block;
}
.menu-container .bg-white {
box-shadow : 0 3px 3px -2px rgb(0, 0, 0, 0.4);
}
.menu-container .nav-bar-1 {
float : right;
clear : right;
color : #fff;
}
.menu-container .bg-transparent .nav-bar-1 .navbar-nav {
border-top : 1px solid rgb(255, 255, 255, 0.3);
}
@media (min-width: 486px) {
.menu-container .bg-white .nav-bar-1 .navbar-nav {
border-top : 1px solid rgb(0, 0, 0, 0.3);
}
}
.menu-container .nav-bar-2 {
float : right;
}
.menu-container .nav-bar-2 .btn {
font-weight : 400;
opacity : 0.6;
}
.menu-container .nav-bar-2 .btn:hover {
font-weight : 400;
opacity : 1;
}
.land {
float : left;
padding : 0 5px;
}
.drop_landen > button {
background-color : transparent;
border : 0;
height : 20px;
}
.drop_landen {
color : white;
height : 20px;
width : auto;
}
.landen {
background-color : #ecf0f2;
border : #bbb solid 1px;
height : 27px;
}
.drop_landen {
list-style : none;
float : right;
margin-right : 3px;
margin-left : 0;
padding : 0;
width : 68px;
position : relative;
}
.drop_landen .us, .drop_landen .cn, .drop_landen .de, .drop_landen .en, .drop_landen .es, .drop_landen .fr, .drop_landen .nl, .drop_landen .br, .drop_landen .ru, .drop_landen .pt, .drop_landen .tr {
display : inline-block;
width : 20px;
height : 20px;
margin-right : 6px;
background-size : contain;
background-position : center;
background-repeat : no-repeat;
}
.drop_landen .en {
background-image : url(en.png);
}
.drop_landen .pt {
background-image : url(pt.png);
}
.drop_landen .tr {
background-image : url(tr.png);
}
.drop_landen .cn {
background-image : url(cn.png);
}
.drop_landen .de {
background-image : url(de.png);
}
.drop_landen .fr {
background-image : url(fr.png);
}
.drop_landen .br {
background-image : url(br.png);
}
.drop_landen .es {
background-image : url(es.png);
}
.drop_landen .ru {
background-image : url(ru.png);
}
.drop_landen .us {
background-image : url(us.png);
}
.drop_landen .nl {
background-image : url(nl.png);
}
.drop_landen .dropdown-menu {
min-width : 0;
border-radius : 2px;
width : 62px;
padding-top : 0;
padding-left : 0;
margin-left : 0;
}
.drop_landen dropdown .btn .btn-secondary .active {
float : left;
}
.image {
max-width : 100%;
height : auto;
}
.hidden {
display : none;
}
.center-text {
color : #888;
text-align : center;
}
.right-text {
text-align : right;
}
h2.title {
font-weight : 400;
color : #000;
margin : 20px;
text-transform : uppercase;
}
.bold {
font-weight : bold;
}
.white-text {
color : white;
}
.green-text {
color : #51b302;
}
.green {
background-color : #51b302;
}
.black {
background-color : #000;
}
.white {
background-color : white;
}
.page-title {
font-size : 65px;
position : absolute;
top : 200px;
color : white;
text-align : center;
}
.caret {
display : inline-block;
width : 0;
height : 0;
margin-left : 2px;
vertical-align : middle;
border-top : 4px solid #000;
border-right : 4px solid transparent;
border-left : 4px solid transparent;
border-bottom : 0 dotted;
}
.grey {
background-color : #eff3f6;
}
.car > .container-fluid {
padding : 0;
}
.btn-secondary {
background-color : transparent;
}
.btn-white {
background-color : white;
border-color : white;
color : black;
}
.btn-success {
background-color : #51b302;
}
a.btn {
color : white;
border : 0;
font-weight : 500;
}
.btn-xs {
margin-top : 10px;
padding-top : 3px;
margin-bottom : 10px;
padding-bottom : 3px;
}
.search-title {
font-size : 24px;
font-weight : 400;
margin : 20px 0;
color : #fff;
}
.search-submit {
border : white solid 1px;
}
.search {
padding-bottom : 0;
color : white;
}
.search-repeat {
width : 100%;
background-position : bottom;
background-repeat : repeat-x;
}
.search .input-group {
width : 100%;
}
.search .show_more {
background-image : url("show_more.png");
width : 100%;
height : 50px;
cursor : pointer;
background-position : center;
background-repeat : no-repeat;
}
.search .show_more .show_more_button {
background-image : url("show_more_button.png");
height : 60px;
background-position : center center;
background-repeat : no-repeat;
transition : all 1s ease-in-out;
}
.search-repeat {
background-image : url("show_more_repeat.png");
}
.search .show_more_filler {
width : 100%;
height : 15px;
}
.search .search-car .col-md-5ths {
padding-left : 10px;
padding-right : 10px;
}
.step-container {
margin-bottom : 20px;
}
.step-container .steps {
background-color : white;
padding : 20px;
height : 100%;
}
.step-container h2 {
font-weight : 400;
text-align : center;
color : #000;
margin : 20px;
text-transform : uppercase;
}
.step-container span {
font-weight : 500;
}
.step-container .explanation {
color : #838485;
font-size : 20px;
font-weight : 400;
line-height : 30px;
}
.step-container .steps > .title {
font-size : 20px;
font-weight : 400;
color : #000;
margin-top : -10px;
margin-left : 40px;
margin-bottom : 20px;
}
.step-container .steps {
color : #777;
}
.step-container .steps > .title > .number {
font-size : 56px;
right : 10px;
top : -30px;
position : absolute;
left : 0;
font-weight : bold;
}
.step-container-height {
height : auto;
}
.vehicle-image {
width : 100%;
height : 100%;
opacity : 0.5;
transition : 0.3s ease;
background-position : bottom right;
background-repeat : no-repeat;
z-index : 100;
}
@media (min-width: 1200px) {
.vehicle-image.pull-left {
background-position : bottom left;
}
.vehicle-image.pull-right {
background-position : bottom left;
}
}
.vehicle-image.pull-left {
transform : translateX(-115px);
}
.vehicle-image.pull-right {
transform : scaleX(-1) translateX(-115px);
}
.vehicle-image.pull-left:hover {
transform : translateX(-20px);
opacity : 1;
}
.vehicle-image.pull-right:hover {
transform : translateX(20px) scaleX(-1);
opacity : 1;
}
.two-vehicles-center-text .right {
float : right;
}
.two-vehicles-center-text .absolute {
position : absolute;
bottom : 0;
width : 100%;
}
.two-vehicles-center-text .center {
width : 477px;
left : -250px;
position : relative;
padding-bottom : 50px;
text-align : center;
}
.recent-container {
font-weight : 400;
background-repeat : no-repeat, no-repeat;
background-position : bottom left, bottom right;
}
.recent-container h2 {
text-transform : uppercase;
}
.recent-container span {
text-transform : uppercase;
}
.recent-container .explanation {
color : #999;
}
.recent-container .recent {
margin : 10px;
padding : 14px;
padding-left : 22px;
height : 120px;
background-color : #f0f3f5;
color : #939393;
}
.recent-container .recent b {
color : #747575;
}
.register-container {
color : white;
margin : 0 auto;
padding : 20px;
}
.register-container h2 {
text-transform : uppercase;
font-weight : 400;
}
.register-container h2 .hoogte {
font-weight : 500;
}
.register-container span {
padding-bottom : 20px;
font-size : 1.7rem;
}
.register-container .hoogte {
font-size : 2rem;
}
.register-container form {
padding-top : 20px;
}
.register-container form .btn-secondary {
color : #fff;
border-color : #fff;
}
.register-container form .form-control {
border : #fff solid 1px;
}
.why-container {
background-color : #f0f3f5;
padding : 75px 0;
font-weight : 400;
color : rgb(85, 85, 85, 0.7);
}
.why-container h2 {
color : #000;
text-transform : uppercase;
margin-bottom : 0.2rem;
}
.why-container h4 {
margin-bottom : 2rem;
}
.why-container .why-margin {
padding : 30px 0;
}
.why-container .why-chip {
position : relative;
display : inline-block;
overflow : hidden;
margin : 0;
}
.why-container .why-chip > img {
display : block;
position : absolute;
top : 50%;
left : 50%;
min-height : 100%;
min-width : 100%;
transform : translate(-50%,-50%);
}
.why-container .why-chip > object {
display : block;
position : absolute;
top : 50%;
left : 50%;
min-height : 100% !important ;
min-width : 100%;
transform : translate(-50%,-50%);
}
.why-container button {
clear : both;
margin-top : 1.3rem;
}
.why-container .clearfix {
margin-top : 20px;
}
.credit-container {
background-color : #eee;
padding : 20px 0 80px 0;
}
.credit-container h2 {
text-transform : uppercase;
margin-top : 30px;
font-weight : 400;
text-align : center;
}
.credit-container h3 {
margin-bottom : 20px;
font-weight : 400;
color : #999;
font-size : 18px;
}
.credit-container .offer-box > .alternate > div {
border-bottom : 1px solid #e0e4e7;
border-left : 1px solid #e0e4e7;
}
.credit-container .offer-box {
padding : 0;
}
.credit-container .offer-box > .price-red {
color : white;
font-size : 30px;
font-weight : bold;
height : 50px;
padding-top : 10px;
}
.credit-container .offer-box > a.btn {
margin : 16px;
color : white;
}
.credit-container .offer-box .discount-green {
background-color : #10b727;
color : white;
padding-top : 0;
font-size : 12px;
bottom : 0;
position : absolute;
font-weight : bold;
width : 100%;
height : auto;
}
.credit-container .offer-box .offer-credits {
font-size : 22px;
padding-top : 12px;
text-transform : uppercase;
text-align : center;
font-weight : normal;
}
.credit-container .offer-box > .alternate div {
padding-top : 12px;
}
.credit-container .offer-box {
min-height : 344px;
overflow : hidden;
color : #666;
}
.credit-container .offer-box .price {
position : relative;
font-size : 45px;
font-weight : 500;
}
.credit-container .offer-box .price small {
font-size : 16px;
font-weight : 400;
}
.credit-container .special-offer-box {
box-shadow : 0 0 15px #888;
z-index : 100;
}
.credit-container .extra-info {
text-align : center;
padding-top : 20px;
}
.container-google {
padding-right : 0;
padding-left : 0;
}
.container-google .container-fluid {
padding-right : 0;
padding-left : 0;
}
.footer-brands {
padding : 50px;
}
.footer-brands {
margin : 20px 0;
}
.footer-brands h4 {
color : #000;
font-size : 16px;
text-transform : uppercase;
}
.footer-brands .text-right {
float : right;
}
.footer-brands .brand-img {
max-height : 100px;
width : 50%;
float : left;
margin-top : 10px;
}
.footer-brands .brand-img img {
display : block;
margin-left : auto;
margin-right : auto;
max-width : 100px;
}
@media (min-width: 576px) {
.footer-brands .brand-img {
width : 25%;
}
}
@media (min-width: 768px) and (max-width: 992px) {
.footer-brands .brand-img {
width : 20%;
}
}
@media (min-width: 1200px) {
.footer-brands .brand-img {
width : 10%;
}
}
.footer-pages {
padding : 20px;
padding-bottom : 35px;
}
.footer-pages h3 {
margin-top : 25px;
font-size : 16px;
padding : 15px;
color : #fff;
border-bottom : 1px solid #fff;
text-transform : uppercase;
}
.footer-pages .footer-title {
color : white;
border-bottom : 1px solid white;
padding-bottom : 20px;
}
.footer-pages .footer-link {
color : white;
font-size : 14px;
line-height : 18px;
margin : 1px;
text-transform : lowercase;
}
.footer-pages a {
font-size : 14px;
line-height : 18px;
}
.footer-pages .clearfix {
clear : both;
}
.footer-pages .no-padding {
padding-right : 0;
padding-left : 0;
}
.lower-footer {
padding : 25px;
margin-bottom : 25px;
}
.lower-footer .footer-logo:nth-child(even) {
margin-left : 20px;
margin-right : 20px;
}
.lower-footer .payment-methods {
height : 35px;
}
.lower-footer .copyright {
color : #333;
}
.lower-footer .pull-left {
font-weight : normal;
}
.grid {
border-left : 1px solid black;
border-right : 1px solid black;
width : 185px;
height : 165px;
padding-bottom : 20px;
border-color : #e5e5e5 !important ;
}
.grid:nth-child(-n 6) {
border-bottom : 1px solid black;
}
.grid:nth-child(n 7) {
border-top : 1px solid black;
}
.grid:first-child {
border-left : 0;
}
.grid:last-child {
border-right : 0;
}
.grid:nth-child(6) {
border-right : 0;
}
.grid:nth-child(7) {
border-left : 0;
}
.grid-container {
margin-left : 0;
margin-right : 0;
}
.grid-container .brand-img {
vertical-align : middle;
}
.grid .brand-img {
height : 130px;
width : 130px;
margin-left : 10px;
margin-top : 10px;
}
.cars-brands {
margin : 60px 0;
}
.trucks-brands {
margin : 60px 0;
}
.merk-box {
max-height : 140px;
background-color : #f8f8f8;
margin-bottom : 20px;
color : white;
font-size : 12px;
}
.merk-box > div {
margin-top : 10px;
}
.merk-box > img {
display : block;
margin : auto;
padding : 10px;
}
.merk-box > .center-text {
padding : 8px;
font-size : 12px;
}
.card-header {
color : white;
padding : 5px;
padding-left : 12px;
}
.card-header > h5 {
margin-bottom : 0;
font-size : 0.9rem;
}
.brand-container > .title {
margin-top : 50px;
margin-bottom : 40px;
}
.bread {
padding : 10px;
font-size : 12px;
}
.breadcrumbs {
margin-top : 10px;
color : #aaa;
}
.breadcrumbs a {
color : #aaa;
}
.breadcrumbs > hr {
margin-top : 0;
}
.news-item {
border-top : 1px solid rgb(0, 0, 0, 0.1);
padding : 20px;
}
.news-item:first-child {
border : 0;
}
.news-date {
color : rgb(0, 0, 0, 0.4);
font-size : 12px;
}
.news-text h2 {
text-transform : uppercase;
font-size : 22px;
}
.model-list {
list-style : none;
margin-bottom : 0;
list-style-image : url(ul.png);
}
.model-list li {
padding : 5px;
}
.model-list li:first-child {
padding-top : 10px;
}
.model-list li:last-child {
padding-bottom : 10px;
}
.model-accrodion .card-header {
padding : 10px;
}
.model-accrodion {
margin-top : 20px;
}
.model-accrodion:last-of-type {
margin-bottom : 20px;
}
.caret-container {
padding : 0 13px 13px;
}
.client-forms .input-group .form-control {
width : 100%;
}
.client-forms .input-group {
margin : 10px 0;
}
.widget {
border-bottom : 2px solid #d82028;
padding : 0 10px;
margin : 5px;
}
.discount-green {
background-color : #10b727;
}
#api-offers-prev, #api-offers-next {
text-align : center;
border : solid 1px;
padding : 10px 0;
}
.go-back {
color : white;
}
.pagination > li > a, .pagination > li > span {
position : relative;
float : left;
padding : 6px 12px;
line-height : 1.428571429;
text-decoration : none;
background-color : #fff;
border : #ddd solid 1px;
margin-left : -1px;
}
.container-products .go-back {
color : white;
padding : 10px;
line-height : 30px;
top : 10px;
}
.container-products .title_first {
font-weight : bold;
font-size : 15px;
border-bottom : 1px solid #aaa;
border-top : 0;
padding : 10px;
}
.container-products .title {
font-weight : bold;
font-size : 15px;
padding : 10px;
}
.container-products .filters-name {
margin-left : 5px;
}
.container-products .selectbox {
border-radius : 0;
background-color : #fff;
}
.container-products .pagination {
padding-left : 5px;
padding-right : 5px;
}
.container-products .textblok {
background-color : #fff;
margin : 15px;
padding : 10px 10px 5px;
border : #aaa solid 1px;
}
.container-products h1 {
font-size : 20px;
}
.container-products form.filtersearch_form ul {
list-style : none;
padding-left : 10px;
padding-top : 10px;
padding-bottom : 5px;
padding-right : 10px;
}
.container-products form.filtersearch_form ul li {
list-style : none;
}
.container-products .products-menu li {
border-bottom : 1px solid #fff;
padding : 3px;
padding-bottom : 6px;
}
.container-products .products-menu a:link, .container-products.products-menu a:hover {
color : #fff;
}
.container-products .vehicle-list {
margin : 20px 0;
}
.container-products .product-select {
font-size : 12px;
}
.container-products .product-info {
margin-bottom : 40px;
}
.container-products .product-info hr:last-child {
border-width : 5px;
}
.container-products .product-info hr {
margin : 5px 0;
}
.container-products .product-desc {
margin : 5px 0;
font-size : 14px;
}
.product_show {
height : auto;
}
.product_show .block {
height : 155px;
background : #fff;
border : #aaa solid 1px;
overflow : hidden;
}
.product_show .block-title {
min-height : 50px;
}
.brand_show .block {
height : 100px;
background : #fff;
border : #aaa solid 1px;
overflow : hidden;
}
.brand_show .block img {
display : block;
margin : auto;
max-height : 240px;
max-width : 100%;
padding : 10px;
}
@media (min-width: 300px) {
.brand_show .block {
height : 120px;
}
}
@media (min-width: 368px) {
.brand_show .block {
height : 180px;
}
}
@media (min-width: 468px) {
.brand_show .block {
height : 220px;
}
}
@media (min-width: 568px) {
.brand_show .block {
height : 250px;
}
}
@media (min-width: 668px) {
.brand_show .block {
height : 280px;
}
}
@media (min-width: 768px) {
.brand_show .block {
height : 140px;
}
.brand_show .block img {
max-height : 180px;
}
.product_show .block {
height : 210px;
}
.product_show {
height : 330px;
}
}
@media (min-width: 992px) {
.brand_show .block {
height : 185px;
}
.brand_show .block img {
max-height : 230px;
}
.product_show .block {
height : 185px;
}
.product_show {
height : 300px;
}
.product_show input.btn.btn-default.btn-xs {
font-size : 9px;
}
}
@media (min-width: 1200px) {
.brand_show .block {
height : 262px;
}
.brand_show .block img {
max-height : 302px;
}
.product_show .block {
height : 188px;
}
.product_show {
height : 328px;
}
.product_show input.btn.btn-default.btn-xs {
font-size : 11px;
}
}
.container-motor-show h2 {
font-weight : 400;
text-align : left;
color : #000;
margin-top : 20px;
margin-bottom : 20px;
text-transform : uppercase;
}
.container-motor-show img {
width : 100%;
}
.container-motor-show .text {
padding-top : 20px;
}
.product-table td {
vertical-align : middle;
padding : 0;
font-size : 16px;
width : 25%;
}
.product-table tr > td:first-child {
border-right : 1px solid #e9ecef;
}
.product-table tr:first-child > td {
border-top : 0;
}
.product-table tr:not(:last-child):not(:first-child) > td:nth-child(4) > div {
background-color : white;
}
.product-table tr:not(:last-child):not(:first-child) > td:nth-child(3) > div {
background-color : white;
}
.product-table-highlight {
border-top-left-radius : 5px;
border-top-right-radius : 5px;
}
.product-table .shadow {
box-shadow : 0 5px 15px #888;
margin : 0 5px;
padding : 0.5rem;
height : 100%;
}
.chiptuning-tools-text {
margin-top : 50px;
}
.container-api .api-opening-picture {
margin-top : 15px;
background-color : #d82028;
color : white;
border-radius : 15px;
padding-bottom : 20px;
}
.container-api .api-opening-picture > .title {
font-size : 45px;
color : white;
}
.container-api .api-opening-picture > .col-md-9 > .btn {
margin : 10px;
}
.container-api .api-opening-picture > .col-md-12 > img {
float : right;
margin : -10px;
position : relative;
top : -80px;
left : 20px;
}
.container-api .api-opening-picture > .col-md-9 > .btn-danger {
border-color : white;
}
.container-api .api-opening-text {
padding : 40px;
text-align : center;
}
.container-api .api-all-features {
margin-right : 50px;
margin-left : 50px;
}
.container-api .api-all-features > .title {
text-align : center;
font-size : 28px;
margin-top : 20px;
}
.container-api .api-all-features > .second-title {
text-align : center;
font-size : 18px;
}
.container-api .api-all-features > .second-title {
text-align : center;
font-size : 18px;
}
.container-api .api-features-img {
display : block;
margin : 0 auto;
margin-bottom : 10px;
}
.container-api .feature-box {
padding : 15px;
min-height : 300px;
text-align : center;
border-color : #eff3f6 !important ;
}
@media (min-width: 768px) and (max-width: 992px) {
.container-api .feature-box:nth-child(odd) {
border-right : 1px solid grey;
border-bottom : 1px solid grey;
}
.container-api .feature-box:nth-child(even) {
border-bottom : 1px solid grey;
}
.container-api .feature-box:nth-last-child(1), .feature-box:nth-last-child(2) {
border-bottom : 0;
}
}
@media (min-width: 992px) {
.container-api .feature-box.left-box {
border-right : 1px solid grey;
}
.container-api .feature-box.right-box {
border-left : 1px solid grey;
}
.container-api .feature-box.top-box {
border-bottom : 1px solid grey;
}
}
.container-api .api-how-to-start {
padding-bottom : 30px;
}
.container-api .api-how-to-start > .title {
text-align : center;
font-size : 22px;
padding-top : 50px;
}
.container-api .api-how-to-start > .second-title {
text-align : center;
font-size : 18px;
margin-bottom : 50px;
}
.container-api .title > .number {
font-size : 80px;
}
.container-api .how-start-box > .title {
font-size : 18px;
font-weight : bold;
left : -31px;
position : relative;
top : -56px;
color : grey;
}
.container-api .how-start-box {
padding : 15px;
background-color : white;
overflow-wrap : break-word;
}
.container-api .how-start-box > .description {
margin-top : -55px;
color : grey;
}
.container-api .php-string {
color : #d3c105;
}
.container-api .php-comment {
color : #333;
}
.container-api .php-keyword {
color : #99001b;
}
.container-api .api-example #myTabs {
margin : 0 auto;
}
.container-api .api-example {
padding : 25px;
}
.container-api .api-example > .title {
text-align : center;
font-size : 22px;
}
.container-api .api-example > .second-title {
text-align : center;
font-size : 18px;
}
.container-api .api-offers > .title {
text-align : center;
font-size : 22px;
}
.container-api .api-offers > .second-title {
text-align : center;
font-size : 18px;
}
.container-api .talk-pointy {
background-image : url("talk-pointy.jpg");
height : 48px;
background-repeat : no-repeat;
margin-left : 130px;
margin-top : -1px;
}
.container-api .feature-box-img {
background-image : url("feature_man.jpg");
background-repeat : no-repeat;
}
.container-cart {
margin-bottom : 40px;
}
.client-menu-container {
border-bottom : 1px solid black;
}
.client-menu-container .client-welkom {
margin-left : 20px;
}
.client-menu-container .profile-picture {
border-radius : 50%;
}
.drop_landen > #dropdownToggle {
background-color : transparent;
border-color : transparent;
color : white;
}
.client-side-menu-container a {
color : grey;
}
.client-side-menu-container li {
margin : 5px 0;
}
.client-side-menu-container .menu-item {
padding : 10px;
padding-left : 0;
}
.client-side-menu-container .menu-item i:not(.pull-right) {
padding : 0 10px;
}
.client-side-menu-container .menu-item.active .mb-0 > a.row {
border-left : 5px solid;
}
.client-side-menu-container .menu-item .mb-0 > a.row {
padding : 10px;
}
.client-side-menu-container .menu-item ul {
list-style : none;
}
.client-side-menu-container i.fa-chevron-down {
font-size : 10px;
}
.client-container {
padding-top : 20px;
margin : 0;
min-height : 100vh;
}
.client-dashboard-container .client-box {
background-color : white;
border-bottom : 5px solid;
padding : 20px 50px;
}
.client-edit-title {
margin : 30px 13px;
}
.password-change-container {
background-color : white;
border-radius : 5px;
padding : 40px 0 0 0;
}
.password-change-container > form > .row {
padding : 5px 40px;
}
.password-change-container h4 {
padding : 20px;
margin-left : 15px;
}
.prices-container {
background-color : white;
border-radius : 5px;
}
.prices-container {
padding : 30px;
}
.prices-container > .col-sm-12.row {
padding : 20px 40px;
}
.bundle-container .credit-bundle {
border-radius : 5px;
background-color : white;
}
.bundle-container .credit-bundle > .submit {
padding : 20px 0;
}
.bundle-container .credit-bundle > h2 {
padding : 20px;
}
.bundle-container .credit-bundle > div > h5 {
margin : 10px;
}
.bundle-container .credit-bundle .price {
padding : 15px;
}
.pricelist-container {
padding-bottom : 20px;
}
.bundle-pay-container {
border-radius : 5px;
padding : 20px;
}
.credit-transactie-container h4.title {
padding : 20px 0;
}
.clock {
text-align : center;
}
.current_time {
font-weight : bold;
font-size : 50px;
}
.file-upload-container .file-upload-box {
background-color : white;
border-radius : 5px;
padding : 20px;
margin-bottom : 30px;
}
.file-upload-container .file-upload-box > div.col-md-4.row {
padding-left : 25px;
padding-right : 25px;
}
.file-upload-container .file-upload-box .control-label {
padding : 0;
margin-top : 10px;
max-height : 24px;
}
.file-upload-container .tuning-type-select {
padding : 0;
}
.file-upload-container .file-upload-box > .col-sm-12.row {
padding-bottom : 20px;
margin-bottom : 10px;
}
.file-overzicht-container, .create-ticket-container, .ticket-index-container {
border-radius : 5px;
padding : 20px;
min-height : 265px;
}
.create-ticket-container form > .control-label {
margin-top : 20px;
}
.create-ticket-container #file_id {
margin-top : 20px;
}
.client-show-order-container .invoice-box {
background-color : white;
border-radius : 5px;
padding : 20px;
}
@media (min-width: 768px) {
div.client-dashboard-container > div > div.row > div.container-fluid.step-container.grey > div > div:nth-child(2) {
padding-left : 0;
}
div.client-dashboard-container > div > div.row > div.container-fluid.step-container.grey > div > div:nth-child(5) {
padding-right : 0;
}
}
.help {
margin-top : 20px;
}
.help-image {
background-repeat : no-repeat;
background-position : center;
background-size : cover;
border-radius : 50%;
height : 100px;
width : 100px;
margin : 0 auto;
}
.email-address {
font-size : 30px;
text-align : center;
font-weight : bold;
}
.thank-you-customers {
text-align : center;
color : white;
height : 500px;
padding-top : 200px;
}
.offers {
padding-top : 80px;
padding-bottom : 20px;
}
.offer-box {
text-align : center;
font-size : 18px;
background-color : white;
}
.offer-box > h1 {
font-size : 22px;
margin-bottom : 0;
}
.offer-box > h2 {
font-size : 20px;
margin-bottom : 0;
}
.bx-wrapper .bx-viewport {
border : 0;
}
.nav-tabs > li, .nav-pills > li {
float : none;
display : inline-block;
}
.nav-tabs, .nav-pills {
text-align : center;
}
#tabsContent {
background-color : black;
color : white;
}
#tabsContent > .tab-pane {
padding : 15px;
}
.months {
font-weight : bold;
font-size : 25px;
}
.thank-you-customers {
cursor : pointer;
}
.carousel-inner {
max-height : 500px;
}
.sidebar-contact {
border-radius : 10px;
padding : 20px;
margin-bottom : 20px;
}
#navbarNavDropdown {
text-align : right;
padding-bottom : 10px;
border-bottom : 1px solid #e0e4e7;
}
.nav-item {
padding : 5px 5px;
}
#triangle-up {
width : 0;
height : 0;
border-left : 30px solid transparent;
border-right : 30px solid transparent;
border-bottom : 30px solid #eff3f6;
}
.inner-triangle {
transform : rotate(45deg);
background-color : silver;
width : 100px;
height : 100px;
top : 20px;
left : -50px;
position : relative;
border-radius : 20px;
}
.outer-triangle {
position : absolute;
top : 50px;
left : 165px;
width : 70px;
height : 140px;
overflow : hidden;
}
.credit-create-container .credit-bundle {
margin-bottom : 15px;
margin-top : 15px;
}
.homeOverlay {
display : block !important ;
}
.blackOverlay {
display : none;
}
.thank-you-customers h4 {
color : rgb(255, 255, 255, 0.7);
}
.footer-pages .footer-ul {
padding-left : 0;
list-style-type : none;
}
.footer-pages .footer-ul li {
display : flex;
}
.footer-pages .footer-ul li .footer-link {
line-height : 25px;
text-transform : capitalize;
}
.footer-pages .footer-ul li ::before {
content : none;
}
.footer-pages .footer-ul ::before {
color : white;
padding-right : 10px;
content : "\003E";
}
.lower-footer .copyright img {
margin-left : 5px;
height : 15px;
}
@media (max-width: 768px) {
.payment-methods {
overflow : hidden;
max-width : 90vw;
height : auto;
}
}
.footer-brands .no-pm:first-of-type {
margin-left : 0;
}
.footer-brands .no-pm:last-of-type {
margin-right : 0;
}
.video {
position : relative;
padding-bottom : 56.25%;
height : 0;
}
.video img {
position : absolute;
display : block;
top : 0;
left : 0;
width : 100%;
height : 100%;
min-height : 200px !important ;
z-index : 20;
cursor : pointer;
}
.video:after {
content : "";
position : absolute;
display : block;
top : 0;
bottom : 0;
left : 0;
right : 0;
margin : auto;
width : 45px;
height : 45px;
z-index : 30;
cursor : pointer;
background-position : center;
background-repeat : round;
}
.customheightvideo {
overflow : hidden;
}
.customheightvideo img {
height : 350px;
}
.customheightvideo video {
height : 350px;
}
.video video {
position : absolute;
top : 0;
left : 0;
width : 100%;
height : 100%;
min-height : 200px !important ;
}
.player img {
display : none;
}
.player:after {
display : none;
}
.spec-list ul {
color : black;
}
.register-text ul, .login-text ul, .spec-list ul {
margin-left : -40px;
}
.register-text ul li, .login-text ul li, .spec-list ul li {
list-style-type : none;
background-image : url(checkbox.gif);
background-repeat : no-repeat;
background-position-y : center;
padding-left : 50px;
min-height : 50px !important ;
}
.register-text ul li span, .login-text ul li span, .spec-list ul li span {
position : relative;
}
.register-page-container, .login-page-container {
padding-top : 0;
padding-left : 0;
margin-bottom : 30px;
}
.register-page-container form .terms, .login-page-container form .terms {
color : #888;
}
.register-page-container form input, .login-page-container form input {
padding : 12px 10px;
}
.register-page-container form textarea, .login-page-container form textarea {
padding-top : 12px;
}
.register-page-container form input:not([type="submit"]), .login-page-container form input:not([type="submit"]), .register-page-container form textarea, .login-page-container form textarea, .register-page-container form select, .login-page-container form select {
text-transform : none;
border : rgb(165, 165, 165, 0.5);
border-radius : 2px;
box-shadow : -1px -1px 50px -1px rgb(0, 0, 0, 0.15);
}
.register-page-container form select, .login-page-container form select {
color : #888;
appearance : none;
background : url("selectArrow.png") right 10px center no-repeat white;
}
.register-page-container form textarea, .login-page-container form textarea {
height : 150px;
}
.register-page-container form .btn-danger, .login-page-container form .btn-danger {
position : absolute;
right : 15px;
}
.register-page-container form input[type="submit"], .login-page-container form input[type="submit"] {
color : white;
text-transform : uppercase;
width : 150px;
}
@media (min-width: 576px) and (max-width: 768px) {
.register-page-container form input[type="submit"], .login-page-container form input[type="submit"] {
top : 260px;
left : 14px;
}
}
@media (max-width: 360px) {
.register-page-container form input[type="submit"], .login-page-container form input[type="submit"] {
width : 120px;
}
}
@media (max-width: 318px) {
.register-page-container form input[type="submit"], .login-page-container form input[type="submit"] {
width : 100px;
}
}
.product-breadcrumbs {
height : 50px;
background-image : none;
}
.product-breadcrumbs hr {
border-top : 0;
}
.product-breadcrumbs .breadcrumbs {
padding-top : 12px;
font-size : 16px;
margin-top : 0;
height : 50px;
color : white;
}
.product-breadcrumbs .breadcrumbs a {
font-size : 16px;
color : white !important ;
}
@media (max-width: 768px) {
.container-fluid.site-color.product-breadcrumbs {
margin-bottom : 30px;
text-align : center;
background-color : transparent;
top : -50px;
position : relative;
}
.container-fluid.site-color.product-breadcrumbs .bold {
color : #d82028;
}
}
.brand_show, .product_show {
margin : 15px 0;
}
.brand_show .block:hover, .product_show .block:hover {
border-color : ##000;
}
@media (max-width: 786px) {
.brand_show .border-bottom {
margin-top : 15px;
margin-bottom : -15px;
border-bottom : 2px solid #e5e5e5;
height : 2px;
width : 100%;
}
}
.default-container .container-products .products-menu .fa-plus, .default-container .container-products .products-menu .fa-minus {
display : none;
}
@media (max-width: 786px) {
.default-container .container-products .products-menu .brand, .default-container .container-products .products-menu .config, .default-container .container-products .products-menu .type {
padding-top : 0;
display : none;
}
.default-container .container-products .products-menu .title {
margin-top : 0 !important ;
}
.default-container .container-products .products-menu .fa-plus, .default-container .container-products .products-menu .fa-minus {
display : block;
float : right;
}
.default-container .container-products .products-menu .fa-plus:hover, .default-container .container-products .products-menu .fa-minus:hover {
cursor : pointer;
}
.default-container .container-products .products-menu .white-text:not(a):not(span) {
margin-bottom : 30px;
margin-top : -50px;
margin-left : -15px;
border-radius : 0 !important ;
width : 100vw;
}
.default-container .container-products .products-menu .mobile-sort {
margin-bottom : -50px;
background-color : white;
}
.default-container .container-products .products-menu .mobile-sort select {
background : url("selectArrow.png") right 10px center no-repeat #f5f5f5;
}
}
.default-container .container-products .products-menu .site-color {
border-radius : 5px;
padding : 10px 0;
}
.default-container .container-products .products-menu .border-bottom:not(:last-of-type) {
opacity : 0.6;
border-bottom : 1px solid #fff;
}
.default-container .container-products .products-menu ul li {
border-bottom : 0;
}
.default-container .container-products .products-menu ul li a:hover {
opacity : 1;
}
.default-container .container-products .products-menu ul li a, .default-container .container-products .products-menu ul li span {
color : #fff;
}
.default-container .container-products .products-menu .title {
margin : 10px 10px -5px 10px;
text-transform : uppercase;
}
.default-container .container-products .products-menu input[type="checkbox"] {
top : 3px;
height : 15px;
width : 15px;
background-color : white;
border-radius : 3px;
position : relative;
}
.default-container .container-products .products-menu input[type="checkbox"]:checked:after {
content : '\2714';
font-size : 13px;
position : absolute;
top : -2px;
left : 3px;
color : #212121;
}
.default-container .container-products .products-menu select {
border-radius : 5px;
border : 0;
color : #888;
appearance : none;
background : url("selectArrow.png") right 10px center no-repeat white;
}
.default-container .container-products .results {
padding : 0 15px;
}
.default-container .container-products .results h2.h3 {
color : ##000;
}
.default-container .container-products .results .product-name {
font-weight : 500;
font-size : 1.1rem;
}
.default-container .container-products .results .product-name, .default-container .container-products .results .product-desc {
color : #888;
}
.default-container .container-products .results .product-info .btn-success {
width : auto;
}
.default-container .container-products .results .product-info .product-extras {
font-size : 1.1rem;
}
.default-container .container-products .results .product-info h4 {
text-transform : uppercase;
color : #888;
}
.default-container .container-products .results .product-info input[type="checkbox"] {
top : 3px;
height : 15px;
width : 15px;
background-color : #ececec;
border-radius : 3px;
position : relative;
}
.default-container .container-products .results .product-info input[type="checkbox"]:checked {
background-color : red;
}
.default-container .container-products .results .product-info .price-container {
text-transform : uppercase;
color : #888;
margin-bottom : 25px;
}
.default-container .container-products .results .btn-custom-red {
border : red solid 2px;
background-color : white;
color : red;
text-transform : uppercase;
}
.default-container .container-products .results h1 {
color : #888;
text-transform : uppercase;
}
.default-container .container-products .results .product_show {
height : auto;
color : #888;
text-align : center;
}
.default-container .container-products .results .product_show .block {
height : 255px;
}
.default-container .container-products .results .product_show .block-title {
overflow : hidden;
height : 55px;
font-weight : bold;
font-size : 0.8rem;
text-transform : uppercase;
}
.default-container .container-products .results .btn-success {
width : 95%;
text-transform : uppercase;
font-size : 14px !important ;
}
.default-container .container-products .col-md-12 div {
float : right;
}
.default-container .container-products .col-md-12 div .pagination li span, .default-container .container-products .col-md-12 div .pagination li a {
color : #888;
}
.default-container .container-products .col-md-12 div .pagination li.active span {
color : white;
}
.default-container .container-products .chiptuning-tools-text {
color : #838688;
}
.bx-loading {
display : none;
}
.brand-container .title h5 {
color : ##000;
}
.brand-container .merk-box {
height : 160px;
position : relative;
transition : all 0.3s linear;
}
.brand-container .merk-box img {
width : 80px;
height : 80px;
position : relative;
top : 0;
}
.brand-container .merk-box .site-color {
text-transform : uppercase;
padding : 5px;
position : absolute;
width : 100%;
height : 30px;
bottom : 0;
}
.brand-container .merk-box:hover {
transform : scale(1.1);
cursor : pointer;
}
.brand-container .cars-brands .card-header h3 {
font-size : 1.2rem;
padding : 10px 0;
margin-bottom : 0;
text-transform : uppercase;
}
.brand-container .card-block .grid {
border : #888 solid 1px;
}
.brand-container .card-block .grid img {
padding : 15px;
}
.brand-container .card-block .grid a {
text-transform : uppercase;
color : #888;
}
.merk-show-container {
margin-bottom : 15px;
}
.container-motor-show {
margin-bottom : 30px;
}
.container-motor-show.grey {
background-color : #f9fafb;
}
.container-motor-show h3, .container-motor-show h4 {
color : ##000;
}
.container-motor-show p {
color : #888;
}
.card-header:hover {
cursor : pointer;
}
.product-table .stage-2 {
display : none;
}
.table-toggle {
margin-bottom : 30px;
color : ##000;
}
.table-toggle .table-toggle-button {
margin : 0 3px;
}
#chart-col {
display : flex;
}
#donutchartkwh, #donutchartkoppel {
margin-top : 50px;
width : 100%;
height : 225px;
display : inline-flex;
}
.container-api .api-opening-picture {
margin-top : 40px;
}
.container-api .api-opening-picture > .col-md-12 > img {
left : 60px;
top : 40px;
}
.container-api .api-all-features, .container-api .api-how-to-start, .container-api .api-example, .container-api .credit-container {
padding-bottom : 50px;
}
.container-api .api-all-features .title, .container-api .api-how-to-start .title, .container-api .api-example .title, .container-api .credit-container .title, .container-api .api-all-features h2, .container-api .api-how-to-start h2, .container-api .api-example h2, .container-api .credit-container h2 {
font-size : 1.8rem;
color : ##000;
}
.container-api .api-all-features .title .number, .container-api .api-how-to-start .title .number, .container-api .api-example .title .number, .container-api .credit-container .title .number, .container-api .api-all-features h2 .number, .container-api .api-how-to-start h2 .number, .container-api .api-example h2 .number, .container-api .credit-container h2 .number {
font-size : 70px;
}
.container-api .api-all-features .title span, .container-api .api-how-to-start .title span, .container-api .api-example .title span, .container-api .credit-container .title span, .container-api .api-all-features h2 span, .container-api .api-how-to-start h2 span, .container-api .api-example h2 span, .container-api .credit-container h2 span {
font-weight : 500;
}
.container-api .api-all-features .second-title, .container-api .api-how-to-start .second-title, .container-api .api-example .second-title, .container-api .credit-container .second-title {
color : black;
opacity : 0.6;
}
.container-api .api-all-features #myTabs, .container-api .api-how-to-start #myTabs, .container-api .api-example #myTabs, .container-api .credit-container #myTabs {
display : block;
}
.container-api .api-all-features #myTabs .nav-item, .container-api .api-how-to-start #myTabs .nav-item, .container-api .api-example #myTabs .nav-item, .container-api .credit-container #myTabs .nav-item {
padding-bottom : 0;
}
.container-api .api-all-features #myTabs .nav-item a, .container-api .api-how-to-start #myTabs .nav-item a, .container-api .api-example #myTabs .nav-item a, .container-api .credit-container #myTabs .nav-item a {
border : 0;
}
.container-api .api-all-features #myTabs .nav-item .active, .container-api .api-how-to-start #myTabs .nav-item .active, .container-api .api-example #myTabs .nav-item .active, .container-api .credit-container #myTabs .nav-item .active {
color : white !important ;
background-color : #23241f;
}
.container-api .api-all-features #tabsContent, .container-api .api-how-to-start #tabsContent, .container-api .api-example #tabsContent, .container-api .credit-container #tabsContent {
background-color : #23241f;
}
.about-page .head-item-content ol {
padding-left : 15px;
}
.about-page .head-item-content ol li {
padding-left : 25px;
}
.about-page .head-item-content u {
color : ##000;
text-decoration : none;
font-weight : 500;
}
.about-page .head-item-content ul {
padding-left : 0;
list-style : none;
}
.about-page .head-item-content ul li:before {
content : '✓';
color : #d82028;
padding-right : 30px;
}
.about-page .head-item-content h1, .about-page .head-item-content strong {
text-transform : uppercase;
font-weight : 500;
color : ##000;
}
.about-page .head-item-content h1 {
font-size : 1.7rem;
}
.news-item .news-image-mobile {
display : none;
}
@media (max-width: 768px) {
.news-item .img-fluid {
display : none;
}
.news-item .news-image-mobile {
display : block;
}
}
.news-item .news-text .unlimited-news {
display : none;
}
.news-item .news-text h2 {
font-weight : 500;
margin-bottom : -10px;
color : ##000;
}
.news-item .news-text .news-date {
line-height : 45px;
}
@media (max-width: 768px) {
.news-search {
display : none;
}
}
.categories {
border-radius : 5px;
padding : 15px;
background-color : rgb(170, 170, 170, 0.1);
}
@media (max-width: 768px) {
.categories {
display : none;
}
}
.categories .title h3 {
font-weight : 500;
font-size : 1.3rem;
text-transform : uppercase;
color : ##000;
border-bottom : 1px solid rgb(136, 136, 136, 0.3);
padding-bottom : 10px;
}
.categories ul {
padding-left : 0;
list-style : none;
}
.categories ul li {
padding : 2px 0;
}
.categories ul li a {
padding-left : 5px;
text-transform : uppercase;
color : rgb(0, 0, 0, 0.6);
}
.categories ul li:before {
color : rgb(0, 0, 0, 0.6);
content : '\003E';
}
.expand-news-text .less {
display : none;
}
.why-chip-news {
border-radius : 5px;
margin-top : 30px;
padding : 15px;
margin-bottom : 40px;
}
@media (max-width: 768px) {
.why-chip-news {
display : none;
}
}
.why-chip-news .title h3 {
text-transform : uppercase;
font-size : 1.2rem;
color : white;
border-bottom : 1px solid rgb(255, 255, 255, 0.3);
padding-bottom : 10px;
}
.why-chip-news .title h3 span {
font-size : 1.3rem;
font-weight : 500;
}
.why-chip-news .why-chip-list ul {
padding-left : 0;
list-style : none;
}
.why-chip-news .why-chip-list ul li {
padding : 3px 0;
color : white;
display : flex;
}
.why-chip-news .why-chip-list ul ::before {
content : '✓';
color : white;
padding-right : 10px;
}
.contact-page .head-item-content {
margin-top : 0;
}
.contact-page .left-block .h3 {
color : ##000;
}
.contact-page .left-block form input {
padding : 12px 10px;
}
.contact-page .left-block form textarea {
padding-top : 12px;
}
.contact-page .left-block form input, .contact-page .left-block form textarea {
color : ##000;
border : rgb(165, 165, 165, 0.5);
border-radius : 2px;
box-shadow : -1px -1px 50px -1px rgb(0, 0, 0, 0.15);
}
.contact-page .left-block form textarea {
height : 150px;
}
@media (max-width: 768px) {
.contact-page .left-block form .submit-button {
margin-top : 15px;
}
}
.contact-page .left-block form input[type="submit"] {
color : white;
text-transform : uppercase;
width : 150px;
}
.contact-page .right-block-title {
text-transform : uppercase;
color : ##000;
}
.contact-page .right-block {
margin-top : 20px;
background-color : #fff;
padding : 0;
border-radius : 2px;
}
.contact-page .right-block .white-box-holder {
padding : 15px;
}
.contact-page .right-block .white-box-holder table tr {
line-height : 30px;
}
.contact-page .right-block .white-box-holder table tr td {
color : ##000;
}
.contact-page .right-block .white-box-holder table tr td span {
padding-right : 15px;
}
.contact-page .right-block .white-box-holder table tr td a {
color : ##000;
}
.contact-page .right-block .white-box-holder .time .time-open {
color : #00b900;
}
.contact-page .right-block .white-box-holder .time .time-close {
color : #d82028;
}
.contact-page .right-block .white-box-holder .time .time-open, .contact-page .right-block .white-box-holder .time .time-close {
text-transform : uppercase;
}
.contact-page .right-block .white-box-holder .time .time-open span, .contact-page .right-block .white-box-holder .time .time-close span {
text-transform : none;
font-size : 1rem;
color : rgb(165, 165, 165, 0.5);
}
.contact-page .right-block .white-box-holder .time-table table tr .day {
text-align : center;
width : 125px;
border-top : 1px solid rgb(165, 165, 165, 0.5);
border-right : 1px solid rgb(165, 165, 165, 0.5);
}
.contact-page .right-block .white-box-holder .time-table table tr .time {
padding-left : 35px;
border-top : 1px solid rgb(165, 165, 165, 0.5);
color : ##000;
}
.custom-breadcrumbs .breadcrumbs .bread {
padding : 5px;
}
.custom-breadcrumbs .breadcrumbs hr {
margin-top : 10px;
}
.breadcrumbs.container {
position : relative;
}
@media (max-width: 768px) {
.product-breadcrumbs {
display : none;
}
}
@media (min-width: 768px) {
.mobile-break {
display : none;
}
}
#credit-bundels-slide .special-offer-box, #api-offers .special-offer-box {
box-shadow : none;
}
.bx-wrapper .bx-viewport {
box-shadow : none;
border : rgb(6, 6, 6, 0.2) solid 1px;
border-radius : 5px;
left : 0;
background : #fff;
}
@media (max-width: 992px) {
.container-api .credit-container .offer-credits {
padding : 12px 0;
}
.container-api .credit-container .price {
color : ##000 !important ;
font-size : 2.5rem;
}
.container-api .credit-container .price small {
font-size : 2.3rem;
}
.container-api .credit-container .price .discount-green {
color : ##000 !important ;
}
.container-api .credit-container #next {
top : 225px;
left : 0;
}
#next {
position : relative;
top : -168px;
left : 90%;
color : #d82028;
}
#next :hover {
cursor : pointer;
}
.container-api #next {
top : -222px;
}
.credit-container .bx-wrapper {
width : 75%;
}
}
.carousel-inner {
max-height : none;
}
.carousel-inner img {
width : 100%;
height : auto;
}
.home-pricelist-container {
color : black;
}
.home-pricelist-container .pricelist-description-holder .pricelist-title {
font-weight : 500;
margin-top : 25px;
text-align : center;
}
.home-pricelist-container .pricelist-description-holder .pricelist-title span.gray {
font-weight : lighter;
color : ##000;
}
.home-pricelist-container .pricelist-description-holder .pricelist-description {
font-size : 1.1rem;
text-align : center;
color : #aaa;
margin-bottom : 25px;
}
.home-pricelist-container .pricelist-description-holder .pricelist-block {
width : 100%;
border : rgb(170, 170, 170, 0.5) solid 1px;
padding : 15px 50px;
vertical-align : inherit;
font-weight : 500;
font-size : 1.2rem;
text-align : center;
margin : 0 auto 50px auto;
}
.home-pricelist-container .pricelist-description-holder .pricelist-block p {
font-weight : bold;
margin : 0;
}
.home-pricelist-container .pricelist-credit-block-holder {
margin-bottom : 25px;
margin-top : -25px;
}
@media (max-width: 992px) {
.home-pricelist-container .pricelist-credit-block-holder .col-lg-5ths {
width : 100%;
}
}
.home-pricelist-container .pricelist-credit-block-holder .credit-block {
border : rgb(165, 165, 165, 0.5);
border-radius : 2px;
box-shadow : -1px -1px 50px -1px rgb(0, 0, 0, 0.15);
margin : 15px;
}
.home-pricelist-container .pricelist-credit-block-holder .credit-block .top-half {
height : 90px;
padding : 20px 15px 15px 15px;
text-align : center;
}
.home-pricelist-container .pricelist-credit-block-holder .credit-block .top-half .credit-amount {
text-transform : capitalize;
}
.home-pricelist-container .pricelist-credit-block-holder .credit-block .bottom-half {
height : 90px;
border-radius : 0 0 2px 2px;
padding : 10px 15px;
text-align : center;
}
.home-pricelist-container .pricelist-credit-block-holder .credit-block .bottom-half h3 {
font-size : 2.3rem;
font-weight : 600;
color : white;
margin-bottom : 0;
}
.home-pricelist-container .pricelist-credit-block-holder .credit-block .bottom-half h3 .euro-sign {
margin-right : -5px;
font-size : 1.5rem;
}
.home-pricelist-container .pricelist-credit-block-holder .credit-block .bottom-half p {
margin-top : -3px;
font-size : 0.6rem;
font-weight : lighter;
color : white;
}
.home-pricelist-container .pricelist-credit-block-holder .credit-block:not(.active) {
opacity : 0.4;
}
.home-pricelist-container .pricelist-credit-block-holder .credit-block:hover {
cursor : pointer;
opacity : 1;
}
.home-pricelist-container .pricelist-credit-overview-holder .overview-row {
height : auto;
position : relative;
}
.home-pricelist-container .pricelist-credit-overview-holder #pricelist-col-5 {
max-width : 100%;
flex : 0 0 100%;
}
@media (min-width: 992px) {
.home-pricelist-container .pricelist-credit-overview-holder #pricelist-col-5 {
max-width : 40%;
flex : 0 0 40%;
}
}
.home-pricelist-container .pricelist-credit-overview-holder #pricelist-col-7 {
z-index : 10;
}
@media (min-width: 992px) {
.home-pricelist-container .pricelist-credit-overview-holder #pricelist-col-7 {
max-width : 60%;
flex : 0 0 60%;
}
}
@media (max-width: 992px) {
.home-pricelist-container .pricelist-credit-overview-holder #pricelist-col-7 {
position : absolute;
max-width : 100%;
flex : 0 0 100%;
}
}
.home-pricelist-container .pricelist-credit-overview-holder #pricelist-col-7 {
margin-bottom : 50px;
}
.home-pricelist-container .pricelist-credit-overview-holder #pricelist-col-7 .tuning-type-holder {
margin : 0 15px;
}
@media (max-width: 992px) {
.home-pricelist-container .pricelist-credit-overview-holder #pricelist-col-7 .tuning-type-holder {
font-size : 0.8rem;
margin-top : 15px;
}
}
.home-pricelist-container .pricelist-credit-overview-holder #pricelist-col-7 .tuning-type-holder .tuning-type-main-title:hover {
cursor : pointer;
}
.home-pricelist-container .pricelist-credit-overview-holder #pricelist-col-7 .tuning-type-holder .tuning-type-title {
margin : 15px 0 0 0;
font-weight : 500;
padding : 15px 0;
display : flex;
width : 100%;
color : white;
}
@media (max-width: 992px) {
.home-pricelist-container .pricelist-credit-overview-holder #pricelist-col-7 .tuning-type-holder .tuning-type-title {
padding : 7px 0;
}
}
.home-pricelist-container .pricelist-credit-overview-holder #pricelist-col-7 .tuning-type-holder .tuning-type-title .type-title .type-checkbox {
width : 15px;
height : 15px;
margin-right : 10px;
}
.home-pricelist-container .pricelist-credit-overview-holder #pricelist-col-7 .tuning-type-holder .tuning-type-title .type-title .type-checkbox input[type="checkbox"] {
top : 3px;
height : 15px;
width : 15px;
background-color : white;
border-radius : 3px;
border : #ccc solid 1px;
position : relative;
}
.home-pricelist-container .pricelist-credit-overview-holder #pricelist-col-7 .tuning-type-holder .tuning-type-title .type-title .type-checkbox input[type="checkbox"]:checked:after {
content : '';
}
.home-pricelist-container .pricelist-credit-overview-holder #pricelist-col-7 .tuning-type-holder .tuning-type-title .type-credits {
text-align : center;
}
.home-pricelist-container .pricelist-credit-overview-holder #pricelist-col-7 .tuning-type-holder .tuning-type-title .type-price {
text-align : right;
}
.home-pricelist-container .pricelist-credit-overview-holder #pricelist-col-7 .tuning-type-holder .tuning-type-title:hover {
cursor : pointer;
}
.home-pricelist-container .pricelist-credit-overview-holder #pricelist-col-7 .tuning-type-holder .tuning-type-title .tuning-type-chevron {
padding-top : 3px;
padding-left : 5px;
float : right;
}
.home-pricelist-container .pricelist-credit-overview-holder #pricelist-col-7 .tuning-type-holder:first-of-type {
margin-top : -15px;
}
.home-pricelist-container .pricelist-credit-overview-holder .tuning-type-dropdown-holder {
margin : 0 15px;
display : none;
}
@media (max-width: 992px) {
.home-pricelist-container .pricelist-credit-overview-holder .tuning-type-dropdown-holder {
font-size : 0.8rem;
}
}
.home-pricelist-container .pricelist-credit-overview-holder .tuning-type-dropdown-holder .tuning-type-main-title:hover {
cursor : pointer;
}
.home-pricelist-container .pricelist-credit-overview-holder .tuning-type-dropdown-holder .tuning-type-title {
padding : 15px 0;
display : flex;
width : 100%;
}
@media (max-width: 992px) {
.home-pricelist-container .pricelist-credit-overview-holder .tuning-type-dropdown-holder .tuning-type-title {
padding : 7px 0;
}
}
.home-pricelist-container .pricelist-credit-overview-holder .tuning-type-dropdown-holder .tuning-type-title .type-title {
width : 100%;
}
.home-pricelist-container .pricelist-credit-overview-holder .tuning-type-dropdown-holder .tuning-type-title .type-title .type-checkbox {
width : 15px;
height : 15px;
margin-right : 10px;
}
.home-pricelist-container .pricelist-credit-overview-holder .tuning-type-dropdown-holder .tuning-type-title .type-title .type-checkbox input[type="checkbox"] {
top : 3px;
height : 15px;
width : 15px;
background-color : white;
border-radius : 3px;
border : #ccc solid 1px;
position : relative;
}
.home-pricelist-container .pricelist-credit-overview-holder .tuning-type-dropdown-holder .tuning-type-title .type-title .type-checkbox input[type="checkbox"]:checked:after {
content : '';
}
.home-pricelist-container .pricelist-credit-overview-holder .tuning-type-dropdown-holder .tuning-type-title .type-credits {
text-align : center;
}
.home-pricelist-container .pricelist-credit-overview-holder .tuning-type-dropdown-holder .tuning-type-title .type-price {
text-align : right;
}
.home-pricelist-container .pricelist-credit-overview-holder .tuning-type-dropdown-holder .tuning-type-title:last-of-type {
margin-bottom : 15px;
}
.home-pricelist-container .pricelist-credit-overview-holder .tuning-type-dropdown-holder .tuning-type-title:nth-of-type(2n 1) {
background-color : #f8f9fd;
}
.home-pricelist-container .pricelist-credit-overview-holder #pricelist-col-5 .absolute-holder {
width : 100%;
height : 100%;
position : absolute;
clip : rect(0,auto,auto,0);
}
@media (max-width: 992px) {
.home-pricelist-container .pricelist-credit-overview-holder #pricelist-col-5 .absolute-holder {
width : 100vw;
left : 0;
}
}
.home-pricelist-container .pricelist-credit-overview-holder #pricelist-col-5 .absolute-holder .tuning-type-total-holder, .home-pricelist-container .pricelist-credit-overview-holder #pricelist-col-5 .absolute-holder .tuning-type-total-holder-2 {
z-index : 20;
position : fixed;
top : 15%;
padding : 15px;
padding-top : 0;
}
@media (max-width: 992px) {
.home-pricelist-container .pricelist-credit-overview-holder #pricelist-col-5 .absolute-holder .tuning-type-total-holder, .home-pricelist-container .pricelist-credit-overview-holder #pricelist-col-5 .absolute-holder .tuning-type-total-holder-2 {
width : 100vw !important ;
transition : all 0.5s linear;
top : 94%;
}
}
@media (max-width: 992px) {
.home-pricelist-container .pricelist-credit-overview-holder #pricelist-col-5 .absolute-holder .tuning-type-total-holder, .home-pricelist-container .pricelist-credit-overview-holder #pricelist-col-5 .absolute-holder .tuning-type-total-holder-2 {
padding : 7px 0;
padding-top : 0;
}
}
.home-pricelist-container .pricelist-credit-overview-holder #pricelist-col-5 .absolute-holder .tuning-type-total-holder .tuning-type-title, .home-pricelist-container .pricelist-credit-overview-holder #pricelist-col-5 .absolute-holder .tuning-type-total-holder-2 .tuning-type-title {
font-weight : 500;
padding : 15px 0;
display : flex;
width : 100%;
color : white;
}
.home-pricelist-container .pricelist-credit-overview-holder #pricelist-col-5 .absolute-holder .tuning-type-total-holder .tuning-type-title .mobile-fa, .home-pricelist-container .pricelist-credit-overview-holder #pricelist-col-5 .absolute-holder .tuning-type-total-holder-2 .tuning-type-title .mobile-fa {
float : right;
}
@media (min-width: 992px) {
.home-pricelist-container .pricelist-credit-overview-holder #pricelist-col-5 .absolute-holder .tuning-type-total-holder .tuning-type-title .mobile-fa, .home-pricelist-container .pricelist-credit-overview-holder #pricelist-col-5 .absolute-holder .tuning-type-total-holder-2 .tuning-type-title .mobile-fa {
display : none;
}
}
.home-pricelist-container .pricelist-credit-overview-holder #pricelist-col-5 .absolute-holder .tuning-type-total-holder .tuning-type-title .mobile-fa:hover, .home-pricelist-container .pricelist-credit-overview-holder #pricelist-col-5 .absolute-holder .tuning-type-total-holder-2 .tuning-type-title .mobile-fa:hover {
cursor : pointer;
}
@media (max-width: 992px) {
.home-pricelist-container .pricelist-credit-overview-holder #pricelist-col-5 .absolute-holder .tuning-type-total-holder .tuning-type-title, .home-pricelist-container .pricelist-credit-overview-holder #pricelist-col-5 .absolute-holder .tuning-type-total-holder-2 .tuning-type-title {
margin-left : 15px;
margin-top : 16px;
font-size : 0.7rem;
width : 100vw;
max-height : 50px;
padding : 7px 0;
}
.home-pricelist-container .pricelist-credit-overview-holder #pricelist-col-5 .absolute-holder .tuning-type-total-holder .tuning-type-title:hover, .home-pricelist-container .pricelist-credit-overview-holder #pricelist-col-5 .absolute-holder .tuning-type-total-holder-2 .tuning-type-title:hover {
cursor : pointer;
}
}
.home-pricelist-container .pricelist-credit-overview-holder #pricelist-col-5 .absolute-holder .tuning-type-total-holder .tuning-type-content, .home-pricelist-container .pricelist-credit-overview-holder #pricelist-col-5 .absolute-holder .tuning-type-total-holder-2 .tuning-type-content {
width : 100%;
}
@media (max-width: 992px) {
.home-pricelist-container .pricelist-credit-overview-holder #pricelist-col-5 .absolute-holder .tuning-type-total-holder .tuning-type-content, .home-pricelist-container .pricelist-credit-overview-holder #pricelist-col-5 .absolute-holder .tuning-type-total-holder-2 .tuning-type-content {
padding : 0 15px;
max-height : 250px;
overflow-y : scroll;
font-size : 0.7rem;
}
}
.home-pricelist-container .pricelist-credit-overview-holder #pricelist-col-5 .absolute-holder .tuning-type-total-holder .tuning-type-content .row, .home-pricelist-container .pricelist-credit-overview-holder #pricelist-col-5 .absolute-holder .tuning-type-total-holder-2 .tuning-type-content .row {
padding : 15px 0;
display : flex;
background-color : white;
}
@media (max-width: 992px) {
.home-pricelist-container .pricelist-credit-overview-holder #pricelist-col-5 .absolute-holder .tuning-type-total-holder .tuning-type-content .row, .home-pricelist-container .pricelist-credit-overview-holder #pricelist-col-5 .absolute-holder .tuning-type-total-holder-2 .tuning-type-content .row {
padding : 7px 0;
}
}
.home-pricelist-container .pricelist-credit-overview-holder #pricelist-col-5 .absolute-holder .tuning-type-total-holder .tuning-type-content .row:nth-of-type(2n 1), .home-pricelist-container .pricelist-credit-overview-holder #pricelist-col-5 .absolute-holder .tuning-type-total-holder-2 .tuning-type-content .row:nth-of-type(2n 1) {
background-color : #f8f9fd;
}
.home-pricelist-container .pricelist-credit-overview-holder #pricelist-col-5 .absolute-holder .tuning-type-total-holder .tuning-type-content .tuning-type-total, .home-pricelist-container .pricelist-credit-overview-holder #pricelist-col-5 .absolute-holder .tuning-type-total-holder-2 .tuning-type-content .tuning-type-total {
display : flex;
width : 100%;
font-size : 1.2rem;
font-weight : 600;
}
@media (max-width: 992px) {
.home-pricelist-container .pricelist-credit-overview-holder #pricelist-col-5 .absolute-holder .tuning-type-total-holder .tuning-type-content .tuning-type-total, .home-pricelist-container .pricelist-credit-overview-holder #pricelist-col-5 .absolute-holder .tuning-type-total-holder-2 .tuning-type-content .tuning-type-total {
padding : 7px 0;
font-size : 1rem;
}
}
@media (max-width: 992px) {
.home-pricelist-container .pricelist-credit-overview-holder #pricelist-col-5 .absolute-holder .tuning-type-total-holder .tuning-type-content .tuning-type-total, .home-pricelist-container .pricelist-credit-overview-holder #pricelist-col-5 .absolute-holder .tuning-type-total-holder-2 .tuning-type-content .tuning-type-total {
height : 50px;
}
}
.home-pricelist-container .pricelist-credit-overview-holder #pricelist-col-5 .absolute-holder .tuning-type-total-holder .tuning-type-content .tuning-type-total .type-credits, .home-pricelist-container .pricelist-credit-overview-holder #pricelist-col-5 .absolute-holder .tuning-type-total-holder-2 .tuning-type-content .tuning-type-total .type-credits {
text-align : center;
}
.home-pricelist-container .pricelist-credit-overview-holder #pricelist-col-5 .absolute-holder .tuning-type-total-holder .tuning-type-content .tuning-type-total .type-price, .home-pricelist-container .pricelist-credit-overview-holder #pricelist-col-5 .absolute-holder .tuning-type-total-holder-2 .tuning-type-content .tuning-type-total .type-price {
text-align : right;
}
.project-container .project-head .project-title {
margin-top : 30px;
}
.project-container .project-head .project-title h2 {
color : ##000;
text-align : center;
}
.project-container .project-head .project-title h2 span {
color : #d82028;
}
.project-container .project-head .project-description p {
color : #aaa;
text-align : center;
}
.project-container .project-body {
margin-top : -20px;
}
.project-container .project-body .video-row {
margin : 50px -15px;
padding-bottom : 30px;
}
.project-container .project-body .video-row:not(:last-of-type) {
border-bottom : 1px solid rgb(170, 170, 170, 0.4);
}
.project-container .project-body .video-row .video-container {
width : 100%;
position : relative;
display : inline-block;
overflow : hidden;
margin : 0;
}
.project-container .project-body .video-row .video-container .project-video {
position : relative;
padding-bottom : 65%;
height : 0;
}
.project-container .project-body .video-row .video-container .project-video img {
position : absolute;
display : block;
top : 0;
left : 0;
width : 100%;
height : 100%;
z-index : 20;
cursor : pointer;
}
.project-container .project-body .video-row .video-container .project-video:after {
content : "";
position : absolute;
display : block;
top : 35%;
left : 40%;
width : 90px;
height : 90px;
z-index : 30;
cursor : pointer;
background-position : center;
background-size : contain;
}
.project-container .project-body .video-row .video-container .project-video.player:after {
display : none;
}
.project-container .project-body .video-row .video-container .project-video video {
height : 350px;
width : 100%;
}
.project-container .project-body .video-row .video-info {
color : ##000;
}
.project-container .project-body .video-row .video-info .video-title {
margin-top : 30px;
}
.project-container .project-block {
width : 100%;
border : rgb(170, 170, 170, 0.5) solid 1px;
padding : 15px 50px;
vertical-align : inherit;
font-weight : 500;
font-size : 1.2rem;
text-align : center;
margin : 0 auto 50px auto;
}
.project-container .project-block p {
margin : 0;
}
.navbar-light .navbar-nav .nav-link:focus, .navbar-light .navbar-nav .nav-link:hover {
color : #fff;
}
.menu-container .nav-bar-2 .btn:hover {
color : #fff !important ;
}
.btn {
cursor : pointer;
text-transform : uppercase;
}
.recent-update .recent a:hover {
color : #d82028;
text-decoration : none;
}
.footer-brands a:hover {
color : #d82028;
text-decoration : none;
}
.results a:hover {
color : #d82028;
text-decoration : none;
}
.model-accrodion a:hover {
color : #d82028;
text-decoration : none;
}
.container-motor-show a:hover {
color : #d82028;
text-decoration : none;
}
.login-wwvergeten a:hover {
color : #d82028;
text-decoration : none;
}
.terms a:hover {
color : #d82028;
text-decoration : none;
}
.news-item a:hover {
color : #d82028;
text-decoration : none;
}
.alternate a:hover {
color : #d82028;
text-decoration : none;
}
.chiptuning-tools-text a:hover {
color : #d82028;
text-decoration : none;
}
.lower-footer .copyright a:hover {
color : #d82028;
text-decoration : none;
}
a:hover {
text-decoration : none !important ;
}
a.white-text:hover {
color : #fff !important ;
}
.lijst a:hover {
color : #d82028;
text-decoration : none;
}
.register-container input {
text-transform : uppercase;
font-size : 14px;
padding-top : 10px;
padding-bottom : 10px;
}
.register-container .btn {
text-transform : uppercase;
font-size : 18px;
padding-top : 7px;
padding-bottom : 7px;
}
.container-api .feature-box {
padding : 24px;
}
.search-repeat .search-submit:hover {
color : #d82028;
background-color : #fff;
}
.register-container .btn:hover {
color : #d82028;
background-color : #fff;
}
.register-container form .form-control::placeholder {
color : #000;
opacity : 0.7;
}
.product-breadcrumbs {
padding-top : 2px !important ;
}
.step-container {
padding-top : 10px;
}
.step-container .steps > .title > .number {
top : -27px;
left : 4px;
font-weight : 100;
}
.step-container .steps > .title {
font-weight : 100;
margin-top : -7px;
margin-left : 45px;
}
.step-container h2 {
font-weight : 100;
margin-bottom : 10px !important ;
}
.credit-container h2 {
font-weight : 100;
}
.search-title {
font-size : 27px;
font-weight : 100;
}
.register-container h2 {
text-transform : uppercase;
font-weight : 400;
}
.register-container span {
font-weight : 100;
}
.step-container .email-address {
font-weight : 500;
font-size : 30px;
}
.help-image {
margin-bottom : 10px;
}
.recent-container .recent b {
color : #000;
opacity : 0.8;
}
.why-container h4 {
color : #000;
opacity : 0.7;
font-size : 19px;
padding-top : 4px;
}
.why-container h2 {
font-weight : 100;
}
.why-container .why-margin {
padding-bottom : 40px;
padding-top : 40px;
}
.why-container .why-margin:last-child {
padding-bottom : 60px;
padding-top : 40px;
}
.credit-container .offer-box .offer-credits {
padding-top : 12px;
padding-bottom : 10px;
font-weight : 100;
}
.footer-brands .brand-img img {
max-width : 90px;
}
.footer-brands .brand-img {
margin-top : 30px;
}
.footer-brands {
margin : 20px 0 10px;
}
.recent-container .recent {
margin : 10px;
padding-top : 10px;
padding-right : 10px;
padding-bottom : 10px;
padding-left : 15px;
height : 105px;
background-color : #f0f3f5;
color : #939393;
line-height : 1.9;
width : 360px;
font-size : 15px;
}
.credit-container {
padding : 40px 0 120px 0;
}
.default-container .container-products .products-menu ul li a, .default-container .container-products .products-menu ul li span {
color : #fff;
opacity : 0.8;
}
.default-container .container-products .results h1 {
color : #000;
text-transform : uppercase;
margin-bottom : 30px;
}
.brand-container .title h5 {
font-size : 20px !important ;
color : ##000;
opacity : 0.7;
font-weight : 100 !important ;
}
.brand-container .merk-box img {
width : 100px;
height : 100px;
top : 8px;
}
.card-block .center-text {
font-size : 12px;
}
.cars-brands {
margin : 60px 0 100px;
}
.cars-brands:last-child {
margin : 60px 0 100px;
}
.brand-container .card-block .grid a:hover {
text-decoration : none;
}
.brand-container .title h2 {
color : #000;
margin-bottom : 10px !important ;
}
.brand-container .merk-box .site-color {
padding-top : 7px;
}
#OrderFileButton {
margin-top : 40px;
}
.container-motor-show .spec-list {
line-height : 2;
}
.container-motor-show .product-table {
line-height : 2;
}
.container-motor-show .product-table td {
padding-left : 10px;
}
.grey {
padding-top : 30px;
padding-bottom : 30px;
}
.menu-container .bg-white .nav-bar-2 .btn:hover {
color : #fff !important ;
}
.menu-container .bg-white .nav-bar-2 .btn-secondary:active {
color : #fff !important ;
background-color : #d82028 !important ;
}
.menu-container .bg-white .nav-bar-2 a.btn.btn-danger {
color : #fff !important ;
}
.container-api .api-opening-picture {
margin-top : 40px;
height : 270px;
transform : rotate(-2deg) scale(1) translate(0);
transform : rotate(-2deg) scale(1) skew(-2deg) translate(0);
}
.container-api .api-opening-picture > .title {
padding-top : 45px !important ;
transform : rotate(2deg) scale(1) skew(2deg) translate(0);
}
.container-api .api-opening-picture > .col-md-12 .h4 {
padding-top : 10px;
font-size : 22px;
transform : rotate(2deg) scale(1) skew(2deg) translate(0);
padding-right : 100px;
}
.container-api .api-opening-picture > .col-md-9 {
padding-top : 10px;
padding-left : 0 !important ;
transform : rotate(2deg) scale(1) skew(2deg) translate(0);
}
.container-api .api-opening-picture > .col-md-9 .btn-danger:hover {
color : #d82028;
background-color : #fff;
}
.container-api .api-opening-picture > .col-md-9 .btn-white {
color : #d82028;
}
.container-api .api-opening-picture > .col-md-9 .btn-white:hover {
background-color : #d82028;
color : #fff;
border-color : #fff;
}
.container-api .talk-pointy {
transform : rotate(-2deg) scale(1) translate(0);
margin-top : -6px;
}
.container-api .api-opening-picture > .col-md-12 > img {
left : 60px;
top : -22px;
}
.container-api .api-all-features {
padding-top : 40px;
}
.container-api .feature-box-img {
background-image : url(feature_man.jpg);
background-repeat : no-repeat;
border-left : none !important ;
top : 50px;
left : 40px;
}
.container-api .how-start-box {
padding-top : 30px;
padding-bottom : 30px;
padding-left : 20px;
padding-right : 20px;
}
.container-api .api-how-to-start .title .number {
font-weight : 900;
}
.container-api .how-start-box > .title {
left : -27px;
top : -63px;
font-size : 20px !important ;
}
.container-api .api-example {
padding-top : 80px;
padding-bottom : 80px;
}
.container-api .api-example #myTabs {
margin-top : 40px;
}
#tabsContent {
font-size : 18px;
}
.alternate a:hover {
border : none !important ;
text-decoration : none;
}
.alternate a {
border : none !important ;
}
.container-api .credit-container {
padding-bottom : 100px;
}
@media screen and (min-width: 1200px) {
.container-api .api-opening-picture.container .col-md-12 img {
left : 70px;
top : -30px;
max-width : 100%;
width : 324px !important ;
}
}
@media screen and (max-width: 1200px) {
.container-api .api-opening-picture.container {
margin-top : 20px;
height : 250px;
margin-left : 10px;
margin-right : 10px;
}
.container-api .api-opening-picture.container h1 {
font-size : 36px;
}
.container-api .api-opening-picture.container .title {
padding-top : 35px !important ;
}
.container-api .api-opening-picture.container .col-md-12 .h4 {
font-size : 18px !important ;
padding-right : 120px;
line-height : 26px;
}
.container-api .api-opening-picture.container .col-md-12 img {
left : 70px;
top : -30px;
max-width : 100%;
width : 324px !important ;
}
.container-api .api-opening-text.container {
padding-top : 20px;
}
.container-api .talk-pointy {
margin-top : -6px;
}
.container-api .api-all-features.row .feature-box {
padding-left : 0;
padding-right : 0;
}
.container-api .col-md-4.col-sm-6.hidden-xs.feature-box.feature-box-img.right-box {
display : none;
}
}
@media screen and (max-width: 991px) {
.container-api #feature-button, .container-api #how-to-start-button {
display : none;
}
.container-api .api-opening-picture.container {
margin-top : 20px;
height : 180px;
margin-left : 10px;
margin-right : 10px;
}
.container-api .api-opening-picture.container h1 {
font-size : 36px;
}
.container-api .api-opening-picture.container .title {
padding-top : 35px !important ;
}
.container-api .api-opening-picture.container .col-md-12 .h4 {
font-size : 18px !important ;
padding-right : 120px;
line-height : 26px;
}
.container-api .api-opening-picture.container .col-md-12 img {
left : 110px;
top : -100px;
max-width : 100%;
width : 324px !important ;
}
.container-api .api-opening-text.container {
padding-top : 20px;
}
.container-api .talk-pointy {
margin-top : -6px;
}
.container-api .api-all-features.row .feature-box {
padding-left : 0;
padding-right : 0;
}
.container-api .col-md-4.col-sm-6.hidden-xs.feature-box.feature-box-img.right-box {
display : none;
}
}
@media screen and (max-width: 767px) {
.container-api #feature-button, .container-api #how-to-start-button {
display : none;
}
.container-api .api-opening-picture.container {
margin-top : 20px;
height : 200px;
margin-left : 10px;
margin-right : 10px;
}
.container-api .api-opening-picture.container h1 {
font-size : 36px;
}
.container-api .api-opening-picture.container .title {
padding-top : 35px !important ;
}
.container-api .api-opening-picture.container .col-md-12 .h4 {
font-size : 18px !important ;
padding-right : 120px;
line-height : 26px;
}
.container-api .api-opening-picture.container .col-md-12 img {
left : 65px;
top : -80px;
width : 280px !important ;
}
.container-api .api-opening-text.container {
padding-top : 20px;
}
.container-api .talk-pointy {
margin-top : -3px;
}
.container-api .api-all-features.row .feature-box {
padding-left : 0;
padding-right : 0;
}
.container-api .col-md-4.col-sm-6.hidden-xs.feature-box.feature-box-img.right-box {
display : none;
}
}
@media screen and (max-width: 485px) {
.container-api #feature-button, .container-api #how-to-start-button {
display : none;
}
.container-api .api-opening-picture.container {
margin-top : 20px;
height : 250px;
margin-left : 10px;
margin-right : 10px;
}
.container-api .api-opening-picture.container h1 {
font-size : 26px;
}
.container-api .api-opening-picture.container .title {
padding-top : 35px !important ;
}
.container-api .api-opening-picture.container .col-md-12 .h4 {
font-size : 16px !important ;
padding-right : 150px;
line-height : 20px;
}
.container-api .api-opening-picture.container .col-md-12 img {
left : 25px;
top : -110px;
width : 240px !important ;
}
.container-api .api-opening-text.container {
padding-top : 10px;
}
.container-api .talk-pointy {
margin-top : -3px;
}
.container-api .api-all-features.row .feature-box {
padding-left : 0;
padding-right : 0;
}
.container-api .col-md-4.col-sm-6.hidden-xs.feature-box.feature-box-img.right-box {
display : none;
}
}
.navbar-brand {
margin-right : 2rem;
}
.navbar-brand .logo {
max-height : 75px;
}
.navbar-expand-lg > .container, .navbar-expand-lg > .container-fluid {
flex-wrap : wrap;
}
@media (min-width: 486px) {
.md-hidden {
display : none;
}
}
.navbar {
padding-bottom : 1rem;
}
.bg-white.navbar-light {
padding-bottom : 0;
}
.bg-white.navbar-light .nav-link {
font-size : 0.8rem;
color : ##000;
}
.land .land-icon {
float : left;
}
.land .land-text {
text-transform : uppercase;
float : right;
}
.bg-transparent .nav-link {
color : #fff !important ;
}
.bg-white .drop_landen > #dropdownToggle {
color : ##000;
}
.bg-white .nav-link.btn-danger, .bg-white .nav-link.btn-success {
color : white !important ;
}
.dropdown-toggle::after {
vertical-align : 0.5em;
}
.fa-shopping-cart {
font-size : 12px;
padding-left : 0;
}
@media (min-width: 970px) {
.car-animation-holder-mobile {
display : none;
}
.mobile-menu-name {
display : none;
}
.fa-mobile {
display : none;
}
.mobile-nav-toggler {
display : none !important ;
}
}
.logo {
margin : 0;
}
@media (max-width: 992px) {
.fa-shopping-cart {
color : ##000;
}
.navbar-toggler {
z-index : 999999;
margin-top : 20px;
padding : 5px;
position : absolute;
top : 0;
right : 0;
float : right;
}
.navbar-toggler .mobile-menu-name {
z-index : 1;
position : relative;
color : white;
font-size : 1.2rem;
padding : 0 10px;
padding-bottom : 5px;
vertical-align : middle;
}
.navbar-toggler .navbar-toggler-icon {
display : none;
}
.register-item a {
color : white !important ;
}
.register-item .nav-arrow:after {
display : none;
}
.navbar-brand {
display : none;
}
.navbar-brand-mobile {
display : block;
}
.navbar-brand-mobile .logo {
margin-top : 0;
max-height : 75px;
width : 60vw;
max-width : 250px;
}
.country-item {
display : none;
}
.xs-hidden {
display : none;
}
.hide {
display : none;
}
.mobile-nav-toggler.site-color {
background : #f0f3f5 !important ;
display : none;
}
.mobile-nav-toggler:hover {
cursor : pointer;
}
.active-mobile.mobile-holder {
position : fixed;
z-index : 500;
background : rgb(10, 10, 10, 0.8);
width : 16vw;
height : 101vh;
left : 0;
top : 0;
}
.active-mobile.mobile-holder .cart-item .btn-secondary, .active-mobile.mobile-holder .country-item .btn-secondary {
color : ##000;
background-color : white !important ;
}
.active-mobile.mobile-holder .login-item .btn-secondary {
font-size : 1rem !important ;
background-color : #d82028;
font-weight : 500;
opacity : 1;
color : white !important ;
}
.active-mobile.mobile-holder .country-item .drop_landen {
width : auto;
height : auto;
}
.active-mobile.mobile-holder .account-item {
display : block;
top : 0;
}
.active-mobile.mobile-holder .account-item .btn-secondary {
height : 30px;
font-size : 0;
}
.active-mobile.mobile-holder .account-item .btn-secondary i {
margin-top : 5px;
font-size : 0.875rem;
}
.active-mobile.mobile-holder .account-item a span {
margin-top : -2px;
margin-right : 0;
}
.active-mobile.mobile-holder .account-item a span :after {
display : none;
}
.active-mobile.mobile-holder .account-item i {
display : block;
}
.active-mobile.mobile-holder .contact-item .btn-secondary {
vertical-align : middle;
color : ##000 !important ;
font-weight : 500;
font-size : 1rem;
background-color : white;
}
.active-mobile.mobile-holder .navbar-mobile {
background : #f0f3f5 !important ;
right : 0 !important ;
height : 100vh !important ;
width : 85vw !important ;
}
.active-mobile.mobile-holder .navbar-mobile .mobile-nav-toggler {
border : 0;
border-radius : 2px 0 0 2px;
position : absolute;
left : -40px;
top : 24px;
width : 25px;
height : 25px;
}
.active-mobile.mobile-holder .navbar-mobile .mobile-nav-toggler .navbar-toggler-icon {
background-image : none;
}
.active-mobile.mobile-holder .navbar-mobile .mobile-nav-toggler i {
color : ##000;
position : absolute;
left : 7px;
top : 4px;
}
.active-mobile.mobile-holder .navbar-mobile .navbar-toggler {
position : absolute;
padding : 0;
width : 60px;
top : 50px;
right : 10px;
height : 30px;
}
.active-mobile.mobile-holder .navbar-mobile .navbar-toggler :after {
vertical-align : middle;
content : 'MENU';
color : white;
font-size : 1rem;
}
.active-mobile.mobile-holder .navbar-mobile .nav-bar-1 {
left : 0;
float : left !important ;
}
.active-mobile.mobile-holder .navbar-mobile .nav-bar-1 .nav-item {
position : relative;
}
.active-mobile.mobile-holder .navbar-mobile .nav-bar-1 .nav-item .nav-arrow:after {
top : 4px;
content : "\003e";
color : #888;
position : absolute;
left : 10px;
}
.active-mobile.mobile-holder .navbar-mobile .nav-bar-1 .nav-item .nav-link.btn-danger {
color : white !important ;
}
.active-mobile.mobile-holder .navbar-mobile .nav-bar-1 .nav-item .nav-link {
font-size : 1rem;
margin : 0;
width : fit-content;
padding : 0 15px;
color : #888;
}
.active-mobile.mobile-holder .navbar-mobile .nav-bar-1 .nav-link:hover {
color : white !important ;
}
.active-mobile.mobile-holder .navbar-mobile .nav-bar-1 .nav-arrow:after:hover {
color : white;
}
.active-mobile.mobile-holder .navbar-mobile .active-arrow:after:hover {
display : none;
}
}
.navbar-toggler:hover {
cursor : pointer;
}
.nav-bar-2 ul li div, .nav-bar-2 ul li a {
text-align : right;
}
@media (min-width: 991px) {
.nav-bar-1 .navbar-nav {
position : relative;
}
}
.nav-bar-2 .navbar-nav {
height : auto !important ;
}
.nav-bar-2 .navbar-nav .dropdown-menu {
position : absolute;
}
.product-title-border {
height : 1px;
border-bottom : 1px solid #fff;
}
.carousel-overlay {
height : 350px;
position : absolute;
width : 100vw;
top : 0;
background-color : #000;
opacity : 0.5;
}
.mobile-nav-top {
font-size : 10px;
position : fixed;
top : 0;
height : 25px;
width : 100vw;
z-index : 1040;
text-align : center;
}
.mobile-nav-top .fa-shopping-cart {
color : #fff;
position : relative;
}
.mobile-nav-top .row {
width : 100vw;
margin-left : 0;
}
.mobile-nav-top .row #register {
border-right : 2px solid white;
border-left : 2px solid white;
}
.mobile-nav-top .row div.col-6 a {
position : relative;
float : left;
}
.mobile-nav-top .row div.col-6 .drop_landen {
float : right;
}
.mobile-nav-top .row div.col-3, .mobile-nav-top .row div.col-6 {
height : 25px;
padding : 5px;
}
.mobile-nav-top .row div.col-3 a, .mobile-nav-top .row div.col-6 a {
color : white;
}
.mobile-nav-top .row div.col-3 a:hover, .mobile-nav-top .row div.col-6 a:hover {
text-decoration : none;
}
.mobile-nav-top .row .mobile-top-nav-item {
color : white;
}
.mobile-nav-top .row .mobile-top-nav-item :hover {
text-decoration : none;
}
.mobile-nav-top .col-6 .drop_landen {
margin-right : 0;
}
.mobile-nav-top .col-6 .drop_landen .dropdown-toggle {
position : relative;
top : -5px;
right : 0;
}
.mobile-nav-top .col-6 .drop_landen .dropdown-toggle span {
border-radius : 2px;
border : white solid 0.5px;
height : 15px;
margin-right : 0;
}
.mobile-nav-top .col-6 .drop_landen .dropdown-menu {
z-index : 1040;
}
.mobile-nav-top .col-6 .drop_landen .dropdown-menu a {
color : #212529;
}
@media (max-width: 486px) {
.menu-container {
margin-top : 25px;
height : 95px;
}
.menu-container .navbar-custom-style {
border : 0;
margin-top : 25px;
}
}
.home {
display : block;
}
* {
min-height : 0 !important ;
}
a.nav-link.btn.btn-danger:hover {
background-color : #000;
}
.start-img, .blackOverlay, .carousel-inner, .carousel-item, .home-img {
max-height : 780px;
}
.carousel-item {
height : 350px;
}
@media (min-width: 487px) and (max-width: 986px) {
.start-img {
margin-top : 100px;
}
}
@media (max-width: 487px) {
.blackOverlay {
margin-top : 0 !important ;
}
}
.why-container .why-margin {
min-height : 400px !important ;
}
h2 {
color : #000;
}
.start-img-holder {
margin-top : -15px;
position : relative;
}
.start-img-holder .start-img .header-info {
position : relative;
z-index : 10;
}
.start-img-holder .start-img .header-info:not(.home-info) {
position : absolute;
left : 0;
right : 0;
top : 150px;
}
@media (max-width: 486px) {
.start-img-holder .start-img .header-info:not(.home-info) {
display : none;
}
}
.start-img-holder .start-img .header-info:not(.home-info) .page-title {
font-size : 3.5rem;
left : 0;
right : 0;
top : 0;
}
.start-img-holder .start-img .header-info .home-title {
z-index : 50;
font-size : 2.5rem;
color : white;
text-transform : uppercase;
}
@media (max-width: 486px) {
.start-img-holder .start-img .header-info .home-title {
text-align : center;
font-size : 1.5rem;
}
}
.start-img-holder .start-img .header-info .home-description {
z-index : 50;
font-size : 1rem;
color : white !important ;
text-transform : none;
}
@media (max-width: 486px) {
.start-img-holder .start-img .header-info .home-description {
text-align : center;
}
}
@media (max-width: 786px) {
.start-img-holder .start-img .header-info .video-description {
display : none;
}
}
.start-img-holder .start-img .header-info .header-video {
height : 130%;
border : white solid 2px;
border-radius : 25px;
background-color : #000;
overflow : hidden;
}
@media (max-width: 786px) {
.start-img-holder .start-img .header-info .header-video {
display : none;
}
}
.start-img-holder .start-img .header-info .header-video .video {
padding-bottom : 40%;
height : 100%;
overflow : hidden;
}
.start-img-holder .start-img .header-info .header-video .video:after {
width : 75px;
height : 75px;
}
.start-img-holder .start-img .header-info .video-description {
text-align : center;
color : #fff;
}
.start-img-holder .start-img .d-block.img-fluid {
background-position : center center;
background-repeat : no-repeat;
height : 100%;
background-size : cover;
}
@media (min-width: 486px) {
.start-img-holder .start-img .d-block.img-fluid.home-img {
height : 450px;
}
}
.start-img-holder .start-img .home-slider {
height : 100%;
}
.start-img-holder .start-img .home-slider .carousel-control-prev, .start-img-holder .start-img .home-slider .carousel-control-next {
display : none;
}
.start-img-holder .start-img .home-slider .carousel-item {
height : 100%;
}
.start-img-holder .start-img .home-slider .static-slider-img {
height : 774.6px;
width : 100vw;
position : absolute;
background-color : black;
opacity : 0.4;
top : 0;
}
.start-img-holder .start-img .bx-wrapper {
height : 100%;
min-height : 100%;
}
.start-img-holder .start-img .bx-wrapper .bx-viewport {
min-height : 100% !important ;
height : 100% !important ;
}
.start-img-holder .sliderOverlay {
height : 350px;
width : 100vw;
position : absolute;
background-color : black;
opacity : 0.4;
top : 0;
}
@media (min-width: 992px) {
.start-img .home-title {
font-size : 2rem;
}
.desktop-hidden {
display : none;
}
}
@media (max-width: 992px) {
.container-api .how-start-box {
margin : 25px 0;
}
.lower-footer {
text-align : center;
}
.lower-footer .pull-left {
float : none;
margin-bottom : 25px;
}
.lower-footer .pull-right {
float : none;
padding-bottom : 25px;
}
.mobile-border {
width : 100%;
border-top : 1px solid;
}
.desktop-hidden {
padding : 15px 0;
}
.show_more, .mobile-hidden, .recent-container, .footer-brands {
display : none !important ;
}
.blackOverlay {
height : 350px;
z-index : 1;
position : relative;
width : 100vw;
background-color : rgb(0, 0, 0, 0.5);
}
.step-container {
margin-bottom : 0;
}
.step-container .step-container-height h1 {
margin-top : 20px;
}
.step-container .step-container-height .col-md-3 {
margin : 15px 0;
}
.car-animation-holder-mobile .custom-center {
font-size : 1.2rem;
}
.car-animation-holder-mobile .custom-center .email-address {
font-size : 1.4rem;
}
.container-google .thank-you-customers {
height : 300px;
padding-top : 100px;
}
.container-google .thank-you-customers h1 {
font-size : 1.8rem;
}
.container-google .thank-you-customers h4 {
width : 80vw;
margin : 0 auto;
color : white;
font-size : 1.3rem;
}
.credit-container {
background-color : #f0f3f5;
padding : 20px 0;
}
.credit-container .offer-box div {
background-color : white !important ;
}
.credit-container .offer-box div div {
background-color : white !important ;
}
.credit-container .offer-box form {
background-color : white !important ;
}
.credit-container .offer-box form div {
background-color : white !important ;
}
.credit-container .offer-box form .offer-credits {
padding : 12px 0;
}
.credit-container .offer-box form .price {
color : ##000 !important ;
font-size : 2.5rem;
}
.credit-container .offer-box form .price small {
font-size : 2.3rem;
}
.credit-container .offer-box form .price .discount-green {
color : ##000 !important ;
}
.credit-container h2 {
color : ##000;
font-size : 1.5rem;
}
.register-container h2 {
color : white;
font-size : 1.5rem;
}
.register-container span {
font-size : 1.2rem;
}
.why-container {
padding : 15px 0;
}
.why-container .why-margin {
padding-bottom : 40px;
min-height : 400px;
}
.why-container .md-hidden {
display : none;
}
.why-container h2 {
font-size : 1.5rem;
}
.why-container h4 {
font-size : 1.2rem;
}
.start-img {
height : 350px;
}
.start-img .d-block.img-fluid {
background-position : center center;
background-repeat : no-repeat;
height : 350px;
background-size : cover;
}
.start-img .mobile-button-col {
text-align : center;
top : 30px;
}
.start-img .mobile-button-col .mobile-button .buttons {
margin : 0 auto;
display : inline-flex;
}
.start-img .mobile-button-col .mobile-button .buttons .nav-item-content {
margin : 10px;
}
.car-animation-holder {
display : none;
}
.car-animation-holder-mobile {
text-align : center;
padding : 20px 0;
}
.car-animation-holder-mobile .email-address {
font-size : 1rem;
}
}
@media (max-width: 992px) and (min-width: 486px) {
.start-img.home-img {
height : 450px;
}
}
@media (max-width: 992px) and (min-width: 486px) {
.start-img .d-block.img-fluid.home-img {
height : 450px;
}
}
@media (max-width: 992px) and (max-width: 486px) {
.start-img .mobile-button-col .mobile-button {
text-align : center;
}
}
@media (max-width: 992px) and (max-width: 992px) {
.start-img .mobile-button-col .mobile-button {
z-index : 50;
display : inline-flex;
}
}
@media (max-width: 992px) and (min-width: 992px) {
.start-img .mobile-button-col .mobile-button .buttons .nav-item-content {
margin-left : 0;
}
}
.container.search.who form {
padding-bottom : 15px;
}
@media (max-width: 992px) {
.mobile-button {
bottom : 15px;
}
}
@media (min-width: 992px) {
.mobile-button {
top : 50%;
}
}
.mobile-button .buttons {
margin : 0 auto;
display : inline-flex;
}
.mobile-button .buttons .nav-item-content {
margin : 10px;
}
@media (min-width: 992px) {
.mobile-button .buttons .nav-item-content {
margin-left : 0;
}
}
.credit-container {
background-color : #f0f3f5;
}
.credit-container .tuning-type-col {
margin-bottom : 30px;
text-align : center;
}
.credit-container .tuning-type-col .example-pre {
color : #e3383d;
}
.credit-container .tuning-type-col .tuningtype-example {
height : 40px;
border-radius : 5px;
padding : 5px;
margin : 0 5px;
margin-top : 15px;
background-color : white;
width : fit-content;
display : inline-block;
}
.credit-container .tuning-type-col .tuningtype-example .tuning-icon {
vertical-align : middle;
height : 15px;
width : 30px;
}
.credit-container .tuning-type-col .tuningtype-example .tuning-img {
width : 30px;
height : auto;
}
.credit-container .tuning-type-col .tuningtype-example .stage-name {
vertical-align : middle;
color : ##000;
}
.credit-container .tuning-type-col .tuningtype-example .credit {
vertical-align : middle;
margin-left : 15px;
color : #e3383d;
}
.credit-container .offer-box .offer-button {
border : #e0e4e7 solid 1px;
background-color : white;
padding : 15px;
}
.credit-container .offer-box .offer-button :hover {
cursor : pointer;
}
.credit-container .offer-box .alternate > div {
border : #e0e4e7 solid 1px;
padding : 15px;
}
.credit-container .offer-box .alternate > div:nth-of-type(odd) {
background-color : #fafbfb;
}
.credit-container .offer-box .offer-credits, .credit-container .offer-box .price {
border : #e0e4e7 solid 1px;
}
.credit-container .offer-box .price {
font-size : 35px;
padding-top : 10px !important ;
height : 100px;
}
.credit-container .offer-box .price small {
font-weight : 500;
font-size : 28px;
}
.credit-container .offer-box .price .discount-green {
font-size : 16px;
}
@media (max-width: 990px) {
.credit-container .offer-box .price {
font-size : 20px;
}
.credit-container .offer-box .price small {
font-size : 14px;
}
}
@media (min-width: 768px) {
.credit-container .special-offer-box {
transform : scale(1.1);
}
}
.credit-container .special-offer-box .price {
padding-top : 0;
color : white;
}
.footer-brands {
float : none;
text-align : center;
}
.footer-brands .col-md-10 {
color : #3f4b56;
text-align : left;
}
@media (max-width: 576px) {
.footer-brands .text-right {
text-align : center !important ;
}
}
.footer-brands .no-pm {
padding : 0;
margin : auto;
}
.footer-brands .brand-img {
margin-top : 20px;
height : auto;
width : 100%;
}
.register-container {
padding : 40px 20px;
}
.register-container h2 {
color : white;
}
.register-container input {
text-transform : uppercase;
}
.custom-center {
z-index : 500;
color : #888;
font-size : 1.4rem;
}
.custom-center a:hover {
color : #d82028;
text-decoration : underline;
}
a.btn.btn-success:hover {
background-color : #4f950c;
}
.selectContainter select {
color : #888;
appearance : none;
background : url("selectArrow.png") right 10px center no-repeat white;
}
.step-container h1 {
margin-top : 50px;
}
.recent-update {
margin-bottom : 50px;
}
#next:hover {
cursor : pointer;
}
.site-color.center-text {
color : white !important ;
}
.container-google .thank-you-customers h2 {
color : #fff;
}
.nav-icon {
margin : 15px 5px 0 5px;
padding : 2px;
border-radius : 15px;
height : 30px;
text-align : center;
}
@media (max-width: 986px) {
.nav-icon {
display : none !important ;
}
}
.nav-icon.user-icon {
margin-left : 15px;
background-color : #fff;
border : #d1d1d1 solid 1px;
position : relative;
}
.nav-icon.user-icon i {
color : #ee99a6;
font-size : 1rem;
}
.nav-icon.user-icon:hover {
background-color : #d40021;
border : #d40021 solid 1px;
}
.nav-icon.user-icon:hover i {
color : #fff;
}
.nav-icon.cart-icon {
background-color : #fff;
border : #d1d1d1 solid 1px;
position : relative;
}
.nav-icon.cart-icon i {
color : #ee99a6;
font-size : 1rem;
}
.nav-icon.cart-icon:hover {
background-color : #d40021;
border : #d40021 solid 1px;
}
.nav-icon.cart-icon:hover i {
color : #fff;
}
.nav-icon.cart-icon.has-products {
background-color : #51b302;
border-color : #51b302;
}
.nav-icon.cart-icon.has-products:hover {
background-color : #3d8702;
border-color : #3d8702;
}
.nav-icon.cart-icon.has-products i {
color : #fff;
}
.nav-icon.cart-icon .cart-product-count, .nav-icon.has-products .cart-product-count {
background-color : #d40021;
font-size : 0.7rem;
position : absolute;
right : -3px;
top : -3px;
width : 15px;
height : 15px;
border-radius : 50%;
}
.nav-icon.cart-icon i, .nav-icon.has-products i {
font-size : 1rem;
}
.nav-icon:not(.country-item) {
width : 30px;
}
.nav-icon:not(.country-item) a {
color : #fff;
}
.nav-icon:hover {
cursor : pointer;
}
.iOSOnly {
display : none;
}
#alert-success {
height : 100px !important ;
}
.about-page {
padding-bottom : 30px;
}
@media (max-width: 486px) {
.mobile-button {
text-align : center;
}
}
@media (min-width: 768px) {
.mobile-video-container {
display : none;
}
}
.mobile-video-container .header-video {
border-radius : 25px;
margin-bottom : 30px;
}
.mobile-video-container h2 {
font-size : 1.5rem;
color : #000;
text-transform : uppercase;
margin-bottom : 0.2rem;
font-weight : 100;
}
.mobile-video-container h4 {
text-align : center;
color : #000;
opacity : 0.7;
padding-bottom : 5px;
font-size : 1.05rem;
font-weight : 200;
}
strong.error {
color : #d40021;
}
.cart-block {
display : block;
}
.payment-methods-cart {
width : 100%;
}
h4 {
color : ##000;
}
.cart-box {
border-radius : 5px;
padding : 15px;
}
.cart-box h4 {
color : #fff;
margin-top : -10px;
}
.cart-box ul {
display : contents;
}
.cart-box ul li {
margin : 15px 0;
list-style-type : none;
}
.cart-box ul li div {
display : inline;
}
.page-holder .cart-table tbody {
display : inline-table;
width : 100%;
}
.page-holder .cart-table tbody tr th {
font-weight : normal;
}
.page-holder .cart-table tbody .product-image {
height : 35px;
border : #eee solid 2px;
border-radius : 5px;
padding : 2px;
}
.page-holder .cart-table tr:first-of-type {
background-color : #f0f3f5;
text-transform : uppercase;
color : ##000;
}
.page-holder .cart-table .cart-count {
background-color : #f0f3f5;
border-color : #f0f3f5;
}
.step-arrows {
position : relative;
width : auto;
height : 40.3333px;
}
.step-arrows ul {
padding-left : 0;
margin-left : -10px;
list-style : none;
}
.step-arrows ul li {
position : relative;
height : 40.3333px;
background-color : #f0f3f5;
display : inline-block;
margin-left : 10px;
padding : 10px 10px 10px 10px;
}
.step-arrows ul li a {
color : ##000;
font-size : 16px;
text-align : center;
}
.step-arrows ul li a span {
margin-left : 15px;
}
@media (min-width: 768px) {
.step-arrows ul li i.pull-right {
margin-top : 5px;
}
}
@media (max-width: 768px) {
.step-arrows ul li i.pull-left {
position : absolute;
left : 20px;
}
.step-arrows ul li i.pull-right {
position : absolute;
right : 0;
top : 10px;
}
}
.step-arrows ul li.active {
cursor : pointer;
background-color : #51b302;
}
.step-arrows ul li.active a {
color : white !important ;
}
.step-arrows ul li.active:after {
border-top : 20.5px solid transparent !important ;
border-left : 16px solid #51b302 !important ;
border-bottom : 20.5px solid transparent !important ;
}
.step-arrows ul li.in-progress {
background-color : #d40021;
}
.step-arrows ul li.in-progress a {
color : white !important ;
}
.step-arrows ul li.in-progress:hover {
background-color : #d40021;
}
.step-arrows ul li.in-progress:hover a {
color : white !important ;
}
.step-arrows ul li.in-progress:hover:after {
border-top : 20.5px solid transparent !important ;
border-left : 16px solid #d40021 !important ;
border-bottom : 20.5px solid transparent !important ;
}
.step-arrows ul li.in-progress:after {
border-top : 20.5px solid transparent !important ;
border-left : 16px solid #d40021 !important ;
border-bottom : 20.5px solid transparent !important ;
}
.step-arrows ul li:hover:not(.step-4) {
cursor : pointer;
background-color : #51b302;
}
.step-arrows ul li:hover:not(.step-4) a {
color : white !important ;
}
.step-arrows ul li:hover:not(.step-4):after {
border-top : 20.5px solid transparent !important ;
border-left : 16px solid #51b302 !important ;
border-bottom : 20.5px solid transparent !important ;
}
.step-arrows ul li:hover:not(.step-4) i {
cursor : pointer;
background-color : #51b302;
}
.step-arrows ul li:hover:not(.step-4) i a {
color : white !important ;
}
.step-arrows ul li.step-1 {
z-index : 4;
}
.step-arrows ul li.step-1 i.pull-right {
top : 10px;
}
.step-arrows ul li.step-2 {
z-index : 3;
}
.step-arrows ul li.step-3 {
z-index : 2;
}
.step-arrows ul li.step-4 {
z-index : 1;
}
.step-arrows ul li:not(:last-of-type):after {
content : "";
position : absolute;
width : 0;
height : 0;
border-top : 20.5px solid transparent;
border-left : 16px solid #f0f3f5;
border-bottom : 20.5px solid transparent;
top : 0;
right : 0;
margin-right : -15px;
}
.step-arrows ul li:not(:first-of-type):before {
content : "";
position : absolute;
width : 0;
height : 0;
left : 0;
border-top : 20.5px solid transparent;
border-left : 16px solid white;
border-bottom : 20.5px solid transparent;
margin : -10px 0 0 0;
}
@media (max-width: 768px) {
.step-arrows ul li a span {
display : none;
}
}
.step-arrows ul li i:not(.pull-right) {
display : none;
color : white;
}
@media (max-width: 768px) {
.step-arrows ul li i:not(.pull-right) {
display : block;
}
}
.border {
height : 15px;
background-color : #f0f3f5;
margin-bottom : 30px;
}
#country_select {
color : #888 !important ;
appearance : none !important ;
background : url("selectArrow.png") right 10px center no-repeat white !important ;
}
.red_box {
top : 3px;
height : 15px;
width : 15px;
background-color : #fff;
border : #ccc solid 1px;
border-radius : 3px;
position : relative;
}
.red_box:checked {
background-color : #d82028;
border-color : #d82028;
}
.btn.disabled:hover {
cursor : default;
}
.payment-methods .payment-method {
padding : 5px;
margin : 5px 0;
border : #eee solid 1px;
border-radius : 5px;
}
.payment-methods .payment-method .payment-method-name {
margin-left : 10px;
vertical-align : middle;
}
.payment-methods .payment-method .payment-method-checkbox {
top : 5px;
background-color : #fff;
border : #ccc solid 1px;
border-radius : 50%;
position : relative;
width : 15px;
height : 15px;
}
.payment-methods .payment-method .payment-method-checkbox:checked {
background-color : #d82028;
border-color : #d82028;
}
.payment-methods .payment-method .payment-method-icon {
height : 25px;
}
.payment-methods .payment-method-select {
color : ##000 !important ;
appearance : none !important ;
background : url("selectArrow.png") right 10px center no-repeat #f0f3f5 !important ;
margin : 10px 0;
}
.container-cart {
margin-top : 30px;
}
.container-cart h4 {
margin-bottom : 30px;
}
.container-winols {
margin-top : 30px;
margin-bottom : 30px;
position : relative;
}
.container-winols .winols-first-block-container {
position : relative;
}
.container-winols .winols-first-block-container .winols-first-block {
padding : 30px;
border-radius : 15px;
background-color : #d82028;
position : relative;
}
@media (min-width: 978px) {
.container-winols .winols-first-block-container .winols-first-block {
clip-path : polygon(0 0,99.82% 9.21%,100% 100%,0 100%);
}
}
@media (min-width: 978px) {
.container-winols .winols-first-block-container .winols-first-block:before {
content : '';
position : absolute;
right : 0;
top : 19px;
background-image : url("../../../images/corner.png");
height : 10px;
width : 9px;
background-repeat : no-repeat;
}
}
.container-winols .winols-first-block-container .winols-first-block .winols-text h2 {
color : white;
text-transform : uppercase;
}
.container-winols .winols-first-block-container .winols-first-block .winols-text h4 {
color : white;
font-weight : normal;
margin-bottom : 15px;
}
.container-winols .winols-first-block-container .winols-first-block .btn {
width : 100%;
}
.container-winols .winols-first-block-container .winols-first-block .btn#feature-button {
border : white solid 1px;
}
.container-winols .winols-first-block-container .winols-first-block .btn#feature-button:hover {
color : #d82028;
background-color : #fff;
}
.container-winols .winols-first-block-container .winols-first-block .btn#how-to-start-button {
color : #d82028;
}
.container-winols .winols-first-block-container .winols-first-block .btn#how-to-start-button:hover {
background-color : #d82028;
color : #fff;
border-color : #fff;
}
.container-winols .winols-first-block-container .talk-pointy {
background-image : url("talk-pointy.jpg");
height : 48px;
background-repeat : no-repeat;
margin-left : 130px;
margin-top : -1px;
}
.container-winols .winols-first-block-container .laptop {
position : absolute;
right : -15px;
bottom : 15px;
}
@media (max-width: 978px) {
.container-winols .winols-first-block-container .laptop {
display : none;
}
}
.container-winols .winols-second-block-container .winols-second-block {
margin-top : 15px;
padding : 30px;
border-radius : 15px;
background-color : #fff;
}
.container-winols .winols-second-block-container .winols-second-block .xs-hidden {
margin-bottom : -45px;
text-align : center;
}
.container-winols .winols-second-block-container .winols-second-block img {
height : 50%;
}
.container-winols .winols-second-block-container .winols-second-block p {
color : #000;
}
.container-winols .winols-third-block-container {
margin-top : 30px;
}
.container-winols .winols-third-block-container .winols-third-block .list-1, .container-winols .winols-third-block-container .winols-third-block .list-3 {
padding : 30px;
border-radius : 15px;
background-color : #d82028;
color : #fff;
}
.container-winols .winols-third-block-container .winols-third-block .list-1 h4, .container-winols .winols-third-block-container .winols-third-block .list-3 h4 {
font-size : 1.2rem;
text-transform : uppercase;
font-weight : normal;
color : white;
margin-bottom : 30px;
}
.container-winols .winols-third-block-container .winols-third-block .list-1 ul, .container-winols .winols-third-block-container .winols-third-block .list-3 ul {
list-style-image : url("../../../images/check_white.svg");
margin-left : -15px;
margin-bottom : 0;
}
.container-winols .winols-third-block-container .winols-third-block .list-1 ul li, .container-winols .winols-third-block-container .winols-third-block .list-3 ul li {
margin-bottom : 10px;
}
.container-winols .winols-third-block-container .winols-third-block .list-2, .container-winols .winols-third-block-container .winols-third-block .list-4, .container-winols .winols-third-block-container .winols-third-block .list-5 {
margin-top : 30px;
padding : 30px;
border-radius : 15px;
background-color : #fff;
color : #000;
}
.container-winols .winols-third-block-container .winols-third-block .list-2 h4, .container-winols .winols-third-block-container .winols-third-block .list-4 h4, .container-winols .winols-third-block-container .winols-third-block .list-5 h4 {
font-size : 1.2rem;
text-transform : uppercase;
font-weight : normal;
color : #d82028;
margin-bottom : 30px;
}
.container-winols .winols-third-block-container .winols-third-block .list-2 ul, .container-winols .winols-third-block-container .winols-third-block .list-4 ul, .container-winols .winols-third-block-container .winols-third-block .list-5 ul {
list-style-image : url("../../../images/check_red.svg");
margin-left : -15px;
margin-bottom : 0;
}
.container-winols .winols-third-block-container .winols-third-block .list-2 ul li, .container-winols .winols-third-block-container .winols-third-block .list-4 ul li, .container-winols .winols-third-block-container .winols-third-block .list-5 ul li {
margin-bottom : 10px;
}
.container-winols .winols-fourth-block-container {
margin-top : 30px;
}
.container-winols .winols-fourth-block-container .winols-fourth-block h2 {
text-align : center;
text-transform : uppercase;
}
.container-winols .winols-fourth-block-container .winols-fourth-block p {
text-align : center;
color : #000;
width : 90%;
margin : 0 auto 60px;
}
.container-winols .winols-fourth-block-container .winols-fourth-block .winols-features .feature {
text-align : center;
}
.container-winols .winols-fourth-block-container .winols-fourth-block .winols-features .feature h4 {
font-weight : normal;
font-size : 1.2rem;
margin-top : 30px;
}
.container-winols .winols-fourth-block-container .winols-fourth-block .winols-features .feature img {
margin : 10px 0 20px;
}
.container-winols .winols-fourth-block-container .winols-fourth-block .winols-features .feature p {
margin-bottom : 30px;
color : #000;
}
.container-winols .winols-fifth-block-container {
margin-top : 30px;
}
.container-winols .winols-fifth-block-container .winols-fifth-block h2 {
text-align : center;
text-transform : uppercase;
}
.container-winols .winols-fifth-block-container .winols-fifth-block p {
text-align : center;
color : #000;
width : 90%;
margin : 0 auto 30px;
}
.container-winols .winols-fifth-block-container .winols-fifth-block .winols-video {
background-color : #d82028;
border : #fff solid 3px;
}
.container-winols .winols-fifth-block-container .winols-fifth-block .winols-video .video:after {
background-size : contain;
background-repeat : no-repeat;
width : 100px;
height : 100px;
}
.container-winols .winols-sixth-block-container {
margin-top : 30px;
}
.container-winols .winols-sixth-block-container .winols-sixth-block h2 {
text-align : center;
text-transform : uppercase;
}
.container-winols .winols-sixth-block-container .winols-sixth-block p {
text-align : center;
color : #000;
width : 90%;
margin : 0 auto 30px;
}
.container-winols .winols-sixth-block-container .winols-sixth-block .table thead {
background-color : #d82028;
}
.container-winols .winols-sixth-block-container .winols-sixth-block .table thead tr th {
text-align : center;
color : white;
font-weight : normal;
}
.container-winols .winols-sixth-block-container .winols-sixth-block .table thead tr th:first-of-type {
text-align : left;
}
.container-winols .winols-sixth-block-container .winols-sixth-block .table tbody {
border : #e9ecef solid 1px;
}
.container-winols .winols-sixth-block-container .winols-sixth-block .table tbody tr td {
color : #000;
text-align : center;
}
.container-winols .winols-sixth-block-container .winols-sixth-block .table tbody tr td:first-of-type {
text-align : left;
}
.container-winols .winols-sixth-block-container .winols-sixth-block h3 {
margin-top : 15px;
color : ##000;
}
.container-winols .winols-sixth-block-container .winols-sixth-block ul {
list-style-image : url("../../../images/check_red.svg");
margin-left : -15px;
margin-bottom : 30px;
}
.container-winols .winols-sixth-block-container .winols-sixth-block ul li {
color : #000;
margin-bottom : 10px;
}
.cookie-block {
display : block;
}
.cookie-container {
position : fixed;
bottom : 0;
width : 100vw;
background-color : #fff;
padding : 15px;
z-index : 550;
}
@media (max-width: 486px) {
.cookie-container {
height : 100vh;
z-index : 9999;
}
}
@media (max-width: 486px) {
.cookie-container .logo {
text-align : center;
margin-bottom : 15px;
}
}
.cookie-container .logo img {
width : 100%;
}
@media (max-width: 486px) {
.cookie-container .logo img {
width : auto;
height : 50px;
}
}
.cookie-container p {
font-size : 0.8rem;
margin-top : -15px;
}
.cookie-container .btn.btn-danger {
padding : 0.375em 3em;
float : right;
}
@media (max-width: 486px) {
.cookie-container .btn.btn-danger {
margin-top : 15px;
}
}
.cookie-container .options {
border : solid 1px;
border-radius : 5px;
}
.cookie-container .options .col-3 {
padding : 5px 15px;
border-right : 1px solid;
text-align : center;
}
@media (max-width: 486px) {
.cookie-container .options .col-3 {
font-size : 10px;
}
}
.cookie-container .options .col-3:last-of-type {
border-right : 0;
}
.cookie-container .options .col-3 input[type="checkbox"] {
top : 3px;
height : 15px;
width : 15px;
background-color : white;
border-radius : 3px;
border : solid 1px;
position : relative;
}
@media (min-width: 486px) {
.cookie-container .options .col-3 input[type="checkbox"] {
margin-right : 5px;
}
}
.discount-photo-desktop {
display : block;
}
.discount-photo-desktop img {
max-width : 300px;
position : absolute;
top : -41px;
left : 250px;
}
@media (max-width: 1164px) {
.discount-photo-desktop img {
left : 150px;
}
}
@media (min-width: 992px) and (max-height: 872px) {
.discount-photo-desktop img {
top : -69px;
}
}
@media (max-width: 992px) {
.discount-photo-desktop img {
top : 10px;
left : 40px;
max-width : 346px;
}
}
@media (max-width: 849px) {
.discount-photo-desktop img {
max-width : 277px;
}
}
@media (max-width: 767px) {
.discount-photo-desktop {
display : none;
}
}
.discount-photo-mobile {
display : none;
}
.discount-photo-mobile img {
max-width : 300px;
position : relative;
top : 0;
left : 0;
right : 0;
margin : 0 auto 28px auto;
}
@media (max-width: 767px) {
.discount-photo-mobile img {
display : block;
}
}
@media (max-width: 350px) {
.discount-photo-mobile img {
max-width : 235px;
}
}
@media (max-width: 767px) {
.discount-photo-mobile {
display : block;
}
}