/*
  ____  _                          _  __ 
 |  _ \| |                        | |/ _|
 | |_) | |_   _  _____      _____ | | |_ 
 |  _ <| | | | |/ _ \ \ /\ / / _ \| |  _|
 | |_) | | |_| |  __/\ V  V / (_) | | |  
 |____/|_|\__,_|\___| \_/\_/ \___/|_|_|  
                                         
This stylesheet adds new, and overrides existing Bootstrap styles.
!!!DO NOT edit the default Bootstrap stylesheet!!!
Code by Yuriy Sklyar (y.sklyar@threefifty.ca) */

/* Fonts */

@font-face { font-family: 'ibm-plex'; src: url("../fonts/ibmplexsans-bold-webfont.woff2") format("woff2"), url("../fonts/ibmplexsans-bold-webfont.woff") format('woff'); font-weight: 600; font-style: normal; }
@font-face { font-family: 'ibm-plex'; src: url('../fonts/ibmplexsans-extralight-webfont.woff2') format('woff2'), url('../fonts/ibmplexsans-extralight-webfont.woff') format('woff'); font-weight: 100; font-style: normal; }
@font-face { font-family: 'ibm-plex'; src: url('../fonts/ibmplexsans-regular-webfont.woff2') format('woff2'), url('../fonts/ibmplexsans-regular-webfont.woff') format('woff'); font-weight: 300; font-style: normal; }

/* Global */

body { font: 300 17px/27px ibm-plex, sans-serif; padding-top: 80px; background: #FFF; }
b, strong { font-weight: 900; }
a { color: #1923FA; }
a, a:hover, a:focus, .nav > li > a:hover, .nav > li > a:focus { outline: none !important; background: none; transition: all 0.25s ease; }
a:hover, a:focus { color: #0AF0A0; transition: all 0.25s ease; }
img { image-rendering: -webkit-optimize-contrast; vertical-align: text-bottom;}
h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5 { margin: 20px 0 25px; color: #000; letter-spacing: -0.03em; font-weight: 600; }
h1 { font: 82px/88px ibm-plex, sans-serif; }
h2 { font: 40px/50px ibm-plex, sans-serif; }
h3 { font: 36px/40px ibm-plex, sans-serif; }
h4 { font: 26px/32px ibm-plex, sans-serif; }
h5 { font: 22px/28px ibm-plex, sans-serif; }
h1 a, .h1 a, h2 a, .h2 a, h3 a, .h3 a, h4 a, a h4, .h4 a, h5 a, .h5 a { color: #222; text-decoration: none; }
h1 a:hover, .h1 a:hover, h2 a:hover, .h2 a:hover, h3 a:hover, .h3 a:hover, h4 a:hover, h4 a:hover, a:hover .h4, h5 a:hover, .h5 a:hover { color: #EF6644; text-decoration: none; }
kbd { background-color: #999; box-shadow: none; color: #FFF; font-size: 80%; font-weight: bold; padding: 3px 7px; }
abbr[title] { border-bottom: 0; }
blockquote { line-height: 135%; font-size: 175%; font-weight: 200; margin-bottom: 20px; }
p { margin-bottom: 30px; }
hr { border: 0; border-top: 1px solid #DDD; margin: 30px 0; }
hr.border-dashed { border-top: 1px dashed #DDD; }
pre { white-space: pre-wrap; white-space: -moz-pre-wrap; white-space: -pre-wrap; white-space: -o-pre-wrap; word-wrap: break-word; }
ul li a { padding-top: 5px; padding-bottom: 5px; }
mark { background-color: #1923FA; color: #FFF; padding: 0 15px 10px; line-height: 110%; display: inline-block; vertical-align: middle; font-size: 85%; }
/* Bootstrap classes */

.img-rounded { border-radius: 25px; }
.img-responsive { margin-left: auto; margin-right: auto; }
.alert-dismissable .close, .alert-dismissible .close { right: 0; }
.alert { border-radius: 0; border: 0; font-size: 18px; padding: 10px 15px; margin-bottom: 40px; }
.alert a { text-decoration: underline; color: #FFF !important; }
.alert a.btn { text-decoration: none; }
.alert a:hover { text-decoration: underline; }
.list-inline > li { padding: 0 10px; }
.nav > li > a { padding: 10px; vertical-align: baseline; }
.nav > li > a > img { vertical-align: baseline; }
.nav-pills > li.active > a, .nav-pills > li.active > a:hover, .nav-pills > li.active > a:focus { color: #000; background-color: #EEE; }

/* Borders */

.no-border { border: none !important; }
.border-grey { border: 1px solid #CCC !important; }
.border-danger { border: 1px solid #db4e32 !important; }
.border-lightgrey { border: 1px solid #DDD !important; }
.border-bottom-grey { border-bottom: 1px solid #CCC !important; }
.border-bottom-lightgrey { border-bottom: 1px solid #DDD !important; }

/* Header & Main Navigation */

header { transition: top 0.2s ease-in-out; position: fixed; top: 0; width: 100%; ; }
.nav-up { top: -80px; }
.navbar { border: none; margin-bottom: none; min-height: 80px; background-color: #000; opacity: .97; }
.navbar-nav { margin-left: 10px; }
.navbar-nav > li > a { line-height: 44px; color: #FFF; }
.navbar-nav > li.active > a { background: none; color: #FFF; text-decoration: underline; }
.navbar-nav > li > a:hover { background: none; color: #0AF0A0; text-decoration: none !important; }
.navbar-right { position: relative; margin-right: 5px; }
.navbar-right img { margin-right: 5px; box-shadow: 1px 1px 1px rgba(0,0,0,0.1); }
.navbar .btn { letter-spacing: 0.025em; font-size: 16px; }
.navbar-nav ul.dropdown-menu li a { font-weight: 600 !important; }
.navbar-form { padding: 0 15px 0 0; }
.navbar-btn { margin: 12px 6px 6px !important; padding: 10px 15px 6px; line-height: 34px; }
.navbar-toggle { margin-top: 18px; }
.navbar-brand { margin: 15px 30px 10px 15px; padding: 0; }
a.navbar-brand img { width: 180px; height: 50px; }
.navbar-collapse.in { background-color: #000; }
.nav.navbar-nav, .navbar-right { margin-top: 5px; }
.navbar-right .nav.navbar-nav { margin-top: 0; }
.navbar .label { border-radius: 0.25em; color: #FFF; display: inline; font-size: 65%; font-weight: 300; letter-spacing: -0.015em; line-height: 1; padding: 0.3em 0.4em 0.2em; text-align: center; vertical-align: top; white-space: nowrap; }
.nav .open > a, .nav .open > a:hover, .nav .open > a:focus { background: none; border: none; }
.navbar-default .navbar-toggle .icon-bar { background-color: #fff !important; }
.navbar-toggle .icon-bar { height: 4px; background-color: #FFF; }

/* Buttons */

.btn { padding: 8px 25px 11px; border: 3px; border-radius: 0 !important; transition: all 0.25s ease; font-weight: inherit; }
.btn-xs { font-size: 15px; font-weight: 400; padding: 2px 8px 0; margin: 0; }
.btn-default { border: 3px solid #1923FA; background: transparent; color: #1923FA; }
a.btn-default:hover { border: 3px solid #0AF0A0; background: transparent; color: #0AF0A0; }
.btn-link { color: #0AF0A0; }
.btn-link:hover, .btn-link:focus { color: #0AF0A0 !important; text-decoration: none !important; }
.btn-link.active { font-weight: 500 !important; color: #EF6644; border: none; box-shadow: none !important; }
.btn-info, .label-info, .progress-bar-info { background-color: #6ba3b9; }
.btn-success, .label-success, .progress-bar-success { background-color: #0AF0A0; }
.btn-success:hover { background-color: #1923FA; }
.btn-danger, .label-danger, .progress-bar-danger { background-color: #ff4037; }
.btn-danger .text-muted { color: #FFF !important; }
.btn-flex { display: flex; align-items: stretch; align-content: stretch; }
.btn-flex .btn:first-child { flex-grow: 1; }
.btn-lg, .btn-group-lg > .btn { padding: 13px 40px; }

/* Text */

pre { color: #999; font-size: 12px; line-height: 14px; padding: 7px 10px; }
.lead { font: 200 26px/34px "ibm-plex", sans-serif; letter-spacing: -1px; margin-bottom: 40px; }
.close { font-size: 42px; }
.text-center { text-align: center; }
.text-primary { color: #1923FA; }
.text-black { color: #000; }
.text-white, .bg-black { color: #FFF; }
.text-info { color: #6ba3b9; }
.text-yellow { color: #FFB600; }
.text-success { color: #0AF0A0; }
.text-warning { color: #df8738; }
.text-muted { color: #777; }
.text-danger, a.text-danger { color: #db4e32; }
.text-normal { font-weight: 200 !important; }
.help-block { font-size: 14px; line-height: 18px; margin-top: 13px; }
.list-group-item.active { background-color: #74BDE2; color: #FFF; }
.list-group-item.active { border-color: #56AFDB; }
.list-group-item > .badge { margin-top: 4px; background-color: #ef6644; }
.form-group { margin-bottom: 20px; }
.label { border-radius: 3px; padding: 5px 8px 3px; vertical-align: middle; }
.radio label, .checkbox label { font-weight: 200; }
.text-xs { line-height: 120%; font-size: 70%; }
.text-sm { line-height: 130%; font-size: 80%; }
.text-lg { font-size: 260%; line-height: 140%; }
.text-xl { font-size: 400%; line-height: 120%; }
.text-xl small { font-size: 50%; }
.text-dropcap::first-letter { font-size: 300%; float: left; margin: 10px 10px 0 0; }
.text-truncate { text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }
.text-uppercase { text-transform: uppercase; line-height: 125%; }

/* Backgrounds */

.no-bg { background: none !important; }
.bg-white { background-color: #FFF !important; }
.bg-grey { background-color: #F1F2F2; }
.bg-black { background-color: #000 !important; color: #FFF; }
.bg-black hr { border-color: #666; }
.bg-black a { color: #FFF; }
.bg-black .btn-default { color: #0AF0A0; border-color: #0AF0A0; background: transparent; }
.bg-black a.btn-default:hover { color: #1923FA !important; border-color: #1923FA !important; }
.bg-black .btn-success { color: #000; }
.bg-black a.btn-success:focus { background-color: #0AF0A0; border-color: #0AF0A0; }
.bg-black a.btn-success:visited { background-color: #0AF0A0; border-color: #0AF0A0; }
.bg-black a.btn-success:hover { background-color: #1923FA; border-color: #1923FA; }
.bg-black .bg-primary a.btn-default { border-color: #0AF0A0 !important; }
.bg-black .bg-primary a.btn-default:hover { background-color: #1923FA; border-color: #1923FA !important; }
.bg-warning { color: #FFF; background-color: #EE6643; }
.bg-warning blockquote, .bg-warning blockquote a { color: #ffe9ca; }
.bg-warning blockquote footer h4 { margin: 0; padding-top: 4px; }
.bg-warning blockquote footer { color: #803425; margin-bottom: 20px; line-height: 16px; background: none; }
.bg-warning blockquote footer a { color: #803425; }
.bg-danger h1, .bg-danger h2, .bg-danger h3, .bg-danger h4, .bg-warning h1, .bg-warning h2, .bg-warning h3, .bg-warning h4, .bg-success .bg-black h1, .bg-black h2, .bg-black h3, .bg-black h4, .bg-success h2, .bg-success h3, .bg-success h4, .bg-primary h1, .bg-primary h2, .bg-primary h3, .bg-primary h4, .bg-primary h1 small, .bg-primary h2 small, .bg-primary h3 small, .bg-primary h4 small { color: #FFF; }
.bg-primary .btn-primary { border-color: #FFF; }
.animated { background: linear-gradient(238deg, #1923FA, #FF0041); background-size: 400% 400%; -webkit-animation: animation 9s ease infinite; -moz-animation: animation 9s ease infinite; animation: animation 9s ease infinite; }
a.bg-fade-animation { opacity: .90; transition: all .42s ease; text-decoration: none !important; background-size: cover !important; background-position: center center!important; background-repeat: no-repeat!important; text-shadow: 0 2px 3px rgba(0,0,0,.95); background-color: #FFF; }
a.bg-fade-animation:hover { opacity: 1 !important; text-decoration: none !important; background-size: cover !important; background-position: center center; background-repeat: no-repeat!important; background-color: #FFF; }
.bg-info, .alert-info { background-color: #5fc0e9; color: #FFF; }
.bg-success, .alert-success { background-color: #0AF0A0; color: #E6F5E6; }
.bg-success a { color: #E6F5E6 !important; }
.bg-warning, .alert-warning { background-color: #DF8738; color: #F8EADD; }
.bg-danger, .alert-danger { background-color: #FF0041; color: #F8D9D3; }
.bg-primary, .btn-primary, .label-primary, .progress-bar { background-color: #1923FA !important; }
.bg-primary a { color: #FFF; }
.bg-primary a.btn-default { color: #FFF; border-color: #FFF; background: transparent; }
.bg-primary a.btn-default:hover { background: transparent; border-color: #0AF0A0; color: #0AF0A0; }
.bg-primary a.btn-success { color: #1923FA; }
.bg-primary a.btn-success:hover { color: #1923FA; background-color: #FFF; border-color: #FFF; }
.bg-primary .text-muted { color: #a5cfec !important; }
.bg-fade { background-position: 1% 50% !important; display: block; background-size: 100% !important; background-repeat: no-repeat!important; transition: all .42s ease; }
.bg-light-gray { background-color: #F9F9F9; }
.bg-darkened { background: linear-gradient( rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7))!important; }

/* Forms */

.form-control { font-size: inherit; height: 45px; }

/* Panels */

.panel { border-color: #DDD; }
.panel-success, .border-success { border-color: #0AF0A0; }
.panel-heading { background-color: #F9F9F9; }
.panel-body a.settings { position: absolute; margin: 0; top: 10px; right: 20px; }
.panel-body a.settings { color: #999; }

/* Tables */

.table > thead > tr > td.success, .table > tbody > tr > td.success, .table > tfoot > tr > td.success, .table > thead > tr > th.success, .table > tbody > tr > th.success, .table > tfoot > tr > th.success, .table > thead > tr.success > td, .table > tbody > tr.success > td, .table > tfoot > tr.success > td, .table > thead > tr.success > th, .table > tbody > tr.success > th, .table > tfoot > tr.success > th { background-color: #ebf8e6; }
.table-hover > tbody > tr > td.success:hover, .table-hover > tbody > tr > th.success:hover, .table-hover > tbody > tr.success:hover > td, .table-hover > tbody > tr:hover > .success, .table-hover > tr { vertical-align: middle !important; }
tbody > tr.success:hover > th { background-color: #ddf1d6; }
.table-fixed thead { border-bottom: none; }
.table-fixed thead, .table-fixed tbody tr { display: table; width: 100%; table-layout: fixed; }
.table-fixed tbody { display: block; max-height: 350px; overflow: auto; }
.table-condensed > thead > tr > th, .table-condensed > tbody > tr > th, .table-condensed > tfoot > tr > th, .table-condensed > thead > tr > td, .table-condensed > tbody > tr > td, .table-condensed > tfoot > tr > td { padding: 0 5px; }
.table > tbody > tr > td, .table > tbody > tr > td a { vertical-align: middle; }

/*Modal*/

.modal-header { border: none; padding: 20px 25px 15px; }
.modal-header .close { margin-top: -5px; }
.modal-header.bg-primary, .modal-header.bg-danger, .modal-header.bg-info { color: #FFF; }
.modal-header.bg-primary .close, .modal-header.bg-danger .close, .modal-header.bg-info .close { color: #FFF; opacity: 0.75; }
.modal-body { padding: 25px; background: #FFF; }
.modal-content { box-shadow: 0 2px 10px rgba(0, 0, 0, 0.15); border-radius: 5px; }
.modal-footer { border: none; margin: 0; padding: 25px; background: #FFF; }
.modal-sm { width: 500px; }

/* Helper classes */

.m-0 { margin: 0px !important }
.m-5 { margin: 5px !important }
.m-10 { margin: 10px !important }
.m-15 { margin: 15px !important }
.m-20 { margin: 20px !important }
.m-25 { margin: 25px !important }
.m-30 { margin: 30px !important }
.mv-0 { margin-top: 0 !important; margin-bottom: 0 !important }
.mv-5 { margin-top: 5px !important; margin-bottom: 5px !important }
.mv-10 { margin-top: 10px !important; margin-bottom: 10px !important }
.mv-15 { margin-top: 15px !important; margin-bottom: 15px !important }
.mv-20 { margin-top: 20px !important; margin-bottom: 20px !important }
.mv-25 { margin-top: 25px !important; margin-bottom: 25px !important }
.mv-30 { margin-top: 30px !important; margin-bottom: 30px !important }
.mv-40 { margin-top: 40px !important; margin-bottom: 40px !important }
.mv-50 { margin-top: 50px !important; margin-bottom: 50px !important }
.mv-60 { margin-top: 60px !important; margin-bottom: 60px !important }
.mv-70 { margin-top: 70px !important; margin-bottom: 70px !important }
.mv-80 { margin-top: 80px !important; margin-bottom: 80px !important }
.mv-90 { margin-top: 90px !important; margin-bottom: 90px !important }
.mv-100 { margin-top: 100px !important; margin-bottom: 100px !important }
.mh-0 { margin-left: 0 !important; margin-right: 0 !important }
.mh-5 { margin-left: 5px !important; margin-right: 5px !important }
.mh-10 { margin-left: 10px !important; margin-right: 10px !important }
.mh-15 { margin-left: 15px !important; margin-right: 15px !important }
.mh-20 { margin-left: 20px !important; margin-right: 20px !important }
.mh-30 { margin-left: 30px !important; margin-right: 30px !important }
.mh-40 { margin-left: 40px !important; margin-right: 40px !important }
.mh-50 { margin-left: 50px !important; margin-right: 50px !important }
.mh-60 { margin-left: 60px !important; margin-right: 60px !important }
.mh-100 { margin-left: 100px !important; margin-right: 100px !important }
.mt-0 { margin-top: 0 !important }
.mt-5 { margin-top: 5px !important }
.mt-10 { margin-top: 10px !important }
.mt-15 { margin-top: 15px !important }
.mt-20 { margin-top: 20px !important }
.mt-25 { margin-top: 25px !important }
.mt-30 { margin-top: 30px !important }
.mt-35 { margin-top: 35px !important }
.mt-40 { margin-top: 40px !important }
.mt--40 { margin-top: -40px !important }
.mt-50 { margin-top: 50px !important }
.mt-60 { margin-top: 60px !important }
.mt--60 { margin-top: -60px !important }
.mt-70 { margin-top: 70px !important }
.mt-80 { margin-top: 80px !important }
.mt-90 { margin-top: 90px !important }
.mt-100 { margin-top: 100px !important }
.mt--100 { margin-top: -100px !important }
.mb-0 { margin-bottom: 0 !important }
.mb-5 { margin-bottom: 5px !important }
.mb-10 { margin-bottom: 10px !important }
.mb-15 { margin-bottom: 15px !important }
.mb-20 { margin-bottom: 20px !important }
.mb-25 { margin-bottom: 25px !important }
.mb-30 { margin-bottom: 30px !important }
.mb-40 { margin-bottom: 40px !important }
.mb-50 { margin-bottom: 50px !important }
.mb-60 { margin-bottom: 60px !important }
.mb-70 { margin-bottom: 70px !important }
.mb-80 { margin-bottom: 80px !important }
.mb-90 { margin-bottom: 90px !important }
.mb-100 { margin-bottom: 100px !important }
.mr-0 { margin-right: 0 !important }
.mr-5 { margin-right: 5px !important }
.mr-10 { margin-right: 10px !important }
.mr-15 { margin-right: 15px !important }
.mr-20 { margin-right: 20px !important }
.mr-25 { margin-right: 25px !important }
.mr-30 { margin-right: 30px !important }
.mr-40 { margin-right: 40px !important }
.mr--40 { position: relative; right: -40px; }
.mr-50 { margin-right: 50px !important }
.mr-60 { margin-right: 60px !important }
.mr--60 { position: relative; right: -60px; }
.mr-70 { margin-right: 70px !important }
.mr-80 { margin-right: 80px !important }
.mr-90 { margin-right: 90px !important }
.mr-100 { margin-right: 100px !important }
.ml-0 { margin-left: 0 !important }
.ml-5 { margin-left: 5px !important }
.ml-10 { margin-left: 10px !important }
.ml-15 { margin-left: 15px !important }
.ml-20 { margin-left: 20px !important }
.ml-25 { margin-left: 25px !important }
.ml-30 { margin-left: 30px !important }
.ml-40 { margin-left: 40px !important }
.ml-50 { margin-left: 50px !important }
.ml-60 { margin-left: 60px !important }
.ml-70 { margin-left: 70px !important }
.pv-0 { padding-top: 0 !important; padding-bottom: 0 !important; }
.pv-5 { padding-top: 5px !important; padding-bottom: 5px !important; }
.pv-10 { padding-top: 10px !important; padding-bottom: 10px !important; }
.pv-15 { padding-top: 15px !important; padding-bottom: 15px !important; }
.pv-20 { padding-top: 20px !important; padding-bottom: 20px !important; }
.pv-25 { padding-top: 25px !important; padding-bottom: 25px !important; }
.pv-30 { padding-top: 30px !important; padding-bottom: 30px !important; }
.pv-40 { padding-top: 40px !important; padding-bottom: 40px !important; }
.pv-50 { padding-top: 50px !important; padding-bottom: 50px !important; }
.pv-60 { padding-top: 60px !important; padding-bottom: 60px !important; }
.pv-70 { padding-top: 70px !important; padding-bottom: 70px !important; }
.pv-80 { padding-top: 80px !important; padding-bottom: 80px !important; }
.pv-90 { padding-top: 90px !important; padding-bottom: 90px !important; }
.pv-100 { padding-top: 100px !important; padding-bottom: 100px !important; }
.ph-0 { padding-left: 0 !important; padding-right: 0 !important; }
.ph-5 { padding-left: 5px !important; padding-right: 5px !important; }
.ph-10 { padding-left: 10px !important; padding-right: 10px !important; }
.ph-15 { padding-left: 15px !important; padding-right: 15px !important; }
.ph-20 { padding-left: 20px !important; padding-right: 20px !important; }
.ph-25 { padding-left: 25px !important; padding-right: 25px !important; }
.ph-30 { padding-left: 30px !important; padding-right: 30px !important; }
.ph-40 { padding-left: 40px !important; padding-right: 40px !important; }
.ph-50 { padding-left: 50px !important; padding-right: 50px !important; }
.ph-60 { padding-left: 60px !important; padding-right: 60px !important; }
.ph-70 { padding-left: 70px !important; padding-right: 70px !important; }
.ph-80 { padding-left: 80px !important; padding-right: 80px !important; }
.ph-90 { padding-left: 90px !important; padding-right: 90px !important; }
.ph-100 { padding-left: 100px !important; padding-right: 100px !important; }
.p-0 { padding: 0px !important }
.p-5 { padding: 5px !important }
.p-10 { padding: 10px !important }
.p-15 { padding: 15px !important }
.p-20 { padding: 20px !important }
.p-25 { padding: 25px !important }
.p-30 { padding: 30px !important }
.p-40 { padding: 40px !important }
.pt-0 { padding-top: 0 !important }
.pt-5 { padding-top: 5px !important }
.pt-10 { padding-top: 10px !important }
.pt-15 { padding-top: 15px !important }
.pt-20 { padding-top: 20px !important }
.pt-25 { padding-top: 25px !important }
.pt-30 { padding-top: 30px !important }
.pt-35 { padding-top: 35px !important }
.pt-40 { padding-top: 40px !important }
.pt-50 { padding-top: 50px !important }
.pt-60 { padding-top: 60px !important }
.pt-70 { padding-top: 70px !important }
.pt-75 { padding-top: 75px !important }
.pt-80 { padding-top: 80px !important }
.pt-90 { padding-top: 90px !important }
.pt-100 { padding-top: 100px !important }
.pb-0 { padding-bottom: 0 !important }
.pb-5 { padding-bottom: 5px !important }
.pb-10 { padding-bottom: 10px !important }
.pb-15 { padding-bottom: 15px !important }
.pb-20 { padding-bottom: 20px !important }
.pb-30 { padding-bottom: 30px !important }
.pb-40 { padding-bottom: 40px !important }
.pb-50 { padding-bottom: 50px !important }
.pb-60 { padding-bottom: 60px !important }
.pb-70 { padding-bottom: 70px !important }
.pb-80 { padding-bottom: 80px !important }
.pb-90 { padding-bottom: 90px !important }
.pb-100 { padding-bottom: 100px !important }
.pr-0 { padding-right: 0 !important }
.pr-5 { padding-right: 5px !important }
.pr-10 { padding-right: 10px !important }
.pr-15 { padding-right: 15px !important }
.pr-20 { padding-right: 20px !important }
.pr-25 { padding-right: 25px !important }
.pr-30 { padding-right: 30px !important }
.pr-35 { padding-right: 35px !important }
.pr-40 { padding-right: 40px !important }
.pr-50 { padding-right: 50px !important }
.pr-60 { padding-right: 60px !important }
.pr-70 { padding-right: 70px !important }
.pr-80 { padding-right: 80px !important }
.pr-90 { padding-right: 90px !important }
.pr-100 { padding-right: 100px !important }
.pl-0 { padding-left: 0 !important }
.pl-5 { padding-left: 5px !important }
.pl-10 { padding-left: 10px !important }
.pl-15 { padding-left: 15px !important }
.pl-20 { padding-left: 20px !important }
.pl-30 { padding-left: 30px !important }
.pl-40 { padding-left: 40px !important }
.pl-50 { padding-left: 50px !important }
.truncate { text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }
.splitter { background: transparent; border-left: 1px solid #EEE; display: inline-block; margin: 0 9px; width: 1px; }
.help { cursor: help; }
.btn.disabled, .btn[disabled], fieldset[disabled] .btn { opacity: .25; }
ul.timeline { position: relative; padding-left: 25px; line-height: 120%; }
ul.timeline li { list-style-type: none!important; }
ul.timeline > li { margin: 15px 0 0; padding-left: 0; }
ul.timeline { list-style-type: none; position: relative; padding-left: 25px; line-height: 120%; }
ul.timeline:before { content: ' '; background: #CCC; display: inline-block; position: absolute; left: 9px; width: 2px; height: 100%; z-index: 400; }
ul.timeline > li:before { content: ' '; background: #F9F9F9 url(../images/bg-light-grey.jpg); display: inline-block; position: absolute; border-radius: 50%; border: 3px solid #87b340; left: 4px; width: 12px; height: 12px; z-index: 400; margin-top: 3px; }
.notification-dot { vertical-align: super; }
.shadow { box-shadow: 15px 22px 45px rgba(0,0,0,0.15); }
.absolute { position: absolute; }
.relative { position: relative; }
.absolute-right { position: absolute; right: 0; top: 0; }
.absolute-left { position: absolute; left: 0; top: 0; }
.text-middle { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 100%; }

 @-moz-document url-prefix() {
fieldset { display: table-cell; }
}

@media (max-width: 768px) {
body { font: 300 17px/29px ibm-plex, sans-serif; padding-top: 80px; background: #FFF; }
.text-center-xs { text-align: center !important; }
.label { padding: 2px 7px; }
.navbar-nav > li > a { line-height: 24px; }
.banner p { text-align: center }
navbar-header { width: 250px; }
.no-pull-left-xs, .no-pull-right-xs { float: none!important; }
.affix { position: static; text-align: center; }
h2.text-xl { font-size: 250%; }
p.lead.text-xl { font-size: 130%; font-weight: 300; }
h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5 { margin: 10px 0 15px; }
h2 { font: 36px/43px ibm-plex, sans-serif; }
.text-lg { font-size: 130%; font-weight: 300; }
}

@media (min-width: 768px) {
.navbar > .container .navbar-brand, .navbar > .container-fluid .navbar-brand { margin-left: 5px; }
.row-eq-height { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; }
}

@media (max-width: 992px) {
.text-center-sm { text-align: center !important; }
.navbar-header { float: none; }
.navbar-left, .navbar-right { float: none !important; }
.navbar-toggle { display: block; }
.navbar-collapse { border-top: 1px solid transparent; box-shadow: inset 0 1px 0 rgba(255,255,255,0.1); }
.navbar-fixed-top { top: 0; border-width: 0 0 1px; }
.navbar-collapse.collapse { display: none!important; }
.navbar-nav { float: none!important; margin-top: 7.5px; }
.navbar-nav>li { float: none; }
.navbar-nav>li>a { padding-top: 10px; padding-bottom: 10px; }
.collapse.in { display: block !important; }
.navbar-fixed-top .navbar-collapse, .navbar-fixed-bottom .navbar-collapse { text-align: center; }
.banner-index { position: relative; bottom: -40px; }
.no-pull-left-sm, .no-pull-right-sm { float: none!important; }
.no-bg-md { background-image: none!important; }
.bg-fade { background-size: cover!important; }
}

@media (min-width: 992px) {
.text-center-md { text-align: center !important; }
.sticky { position: fixed; transition: all 0.5s ease; margin: 0 30px 0 0; }
.stuck { margin-top: -85px; transition: all 0.5s ease; }
.banner-index { position: relative; bottom: -40px; }
.no-bg-lg { background-image: none!important; }
.affix-top { width: auto; }
.affix { top: 100px; width: 28%;}
.affix-top { top: 0; }
.affix-bottom { position: absolute; top: 100px; width: 87%; }}


@media (max-width: 1200px) {
}

@media (min-width: 1200px) {
.nav > li > a { padding: 5px 15px; }
.design-quick-view .modal-footer { margin: 0; text-align: right; }
.modal-md { width: 800px; }
.modal-lg { width: 1000px; }
.banner-index { position: relative; bottom: -20px; }
.text-center-lg { text-align: center !important; }
.affix-top { width: auto; }
.affix { top: 100px; width: 22%;}
.affix-top { top: 0; }
.affix-bottom { position: absolute; top: 100px; width: 87%; }
}

@media (min-width: 1500px) {
#design-detail .btn-group-justified .btn-primary { width: 8%; }
.modal-md { width: 1000px; }
.modal-lg { width: 1100px; }
.banner-index { position: relative; bottom: -80px; }
.text-center-xl { text-align: center !important; }

}

/* Author: Marc van Nieuwenhuijzen / WebVakman.nl */
@media (min-width: 1200px) and (max-width: 1599px) {
.hidden-lg { display: none !important; }
}
.visible-xl-block, .visible-xl-inline, .visible-xl-inline-block, .visible-xl { display: none !important; }

@media (min-width: 1600px) {
.no-bg-xl { background-image: none!important; }
.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 { float: left; }
.col-xl-12 { width: 100%; }
.col-xl-11 { width: 91.66666667%; }
.col-xl-10 { width: 83.33333333%; }
.col-xl-9 { width: 75%; }
.col-xl-8 { width: 66.66666667%; }
.col-xl-7 { width: 58.33333333%; }
.col-xl-6 { width: 50%; }
.col-xl-5 { width: 41.66666667%; }
.col-xl-4 { width: 33.33333333%; }
.col-xl-3 { width: 25%; }
.col-xl-2 { width: 16.66666667%; }
.col-xl-1 { width: 8.33333333%; }
.col-xl-pull-12 { right: 100%; }
.col-xl-pull-11 { right: 91.66666667%; }
.col-xl-pull-10 { right: 83.33333333%; }
.col-xl-pull-9 { right: 75%; }
.col-xl-pull-8 { right: 66.66666667%; }
.col-xl-pull-7 { right: 58.33333333%; }
.col-xl-pull-6 { right: 50%; }
.col-xl-pull-5 { right: 41.66666667%; }
.col-xl-pull-4 { right: 33.33333333%; }
.col-xl-pull-3 { right: 25%; }
.col-xl-pull-2 { right: 16.66666667%; }
.col-xl-pull-1 { right: 8.33333333%; }
.col-xl-pull-0 { right: auto; }
.col-xl-push-12 { left: 100%; }
.col-xl-push-11 { left: 91.66666667%; }
.col-xl-push-10 { left: 83.33333333%; }
.col-xl-push-9 { left: 75%; }
.col-xl-push-8 { left: 66.66666667%; }
.col-xl-push-7 { left: 58.33333333%; }
.col-xl-push-6 { left: 50%; }
.col-xl-push-5 { left: 41.66666667%; }
.col-xl-push-4 { left: 33.33333333%; }
.col-xl-push-3 { left: 25%; }
.col-xl-push-2 { left: 16.66666667%; }
.col-xl-push-1 { left: 8.33333333%; }
.col-xl-push-0 { left: auto; }
.col-xl-offset-12 { margin-left: 100%; }
.col-xl-offset-11 { margin-left: 91.66666667%; }
.col-xl-offset-10 { margin-left: 83.33333333%; }
.col-xl-offset-9 { margin-left: 75%; }
.col-xl-offset-8 { margin-left: 66.66666667%; }
.col-xl-offset-7 { margin-left: 58.33333333%; }
.col-xl-offset-6 { margin-left: 50%; }
.col-xl-offset-5 { margin-left: 41.66666667%; }
.col-xl-offset-4 { margin-left: 33.33333333%; }
.col-xl-offset-3 { margin-left: 25%; }
.col-xl-offset-2 { margin-left: 16.66666667%; }
.col-xl-offset-1 { margin-left: 8.33333333%; }
.col-xl-offset-0 { margin-left: 0; }
.visible-xl { display: block !important; }
table.visible-xl { display: table; }
tr.visible-xl { display: table-row !important; }
th.visible-xl, td.visible-xl { display: table-cell !important; }
.visible-xl-block { display: block !important; }
.visible-xl-inline { display: inline !important; }
.visible-xl-inline-block { display: inline-block !important; }
.hidden-xl { display: none !important; }
}